UI Update: Glassmorphism Design & Binary Cleanup

.gitignore

@@ -0,0 +1,30 @@
+# Credentials and Secrets
+.env
+
+# Python Compiled Files
+__pycache__/
+*.py[cod]
+
+# Virtual Environments
+venv/
+.venv/
+
+# System Files
+.DS_Store
+Thumbs.db
+
+# Logs
+*.log
+
+# Editor Directories
+.vscode/
+.idea/
+
+*.jpg
+
+stitch_merchflow_ai_dashboard.zip
+screen.jpg
+test_image.jpg
+*.zip
+*.jpeg
+*.png

.vite/deps/_metadata.json

@@ -0,0 +1,8 @@
+{
+  "hash": "7678463b",
+  "configHash": "aaeefbd1",
+  "lockfileHash": "e3b0c442",
+  "browserHash": "7b5c57bd",
+  "optimized": {},
+  "chunks": {}
+}

.vite/deps/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}

Dockerfile

@@ -0,0 +1,10 @@
+FROM python:3.9
+WORKDIR /code
+COPY ./requirements.txt /code/requirements.txt
+RUN pip install --no-cache-dir --upgrade -r /code/requirements.txt
+COPY . /code
+# Fix permissions for libraries that write to home
+RUN mkdir -p /tmp/home
+ENV HOME=/tmp/home
+# Start the FastAPI server on port 7860 (required by Hugging Face)
+CMD ["uvicorn", "main:app", "--host", "0.0.0.0", "--port", "7860"]

LICENSE

@@ -0,0 +1,6 @@
+Copyright © 2026 Bhishaj Technologies.
+This software and its documentation are the confidential and proprietary
+information of Bhishaj Technologies (URN: UDYAM-UP-02-0108589).
+Unauthorized copying, distribution, or use of this source code
+is strictly prohibited. Use is governed by the signed Master Service Agreement.
+All Rights Reserved.

README.md

@@ -0,0 +1,75 @@
+---
+title: MerchFlow AI
+emoji: 👟
+colorFrom: blue
+colorTo: purple
+sdk: docker
+pinned: false
+---
+
+# MerchFlow AI
+
+![Python](https://img.shields.io/badge/Made%20with-Python-blue.svg)
+![FastAPI](https://img.shields.io/badge/FastAPI-005571?style=flat&logo=fastapi)
+![Docker](https://img.shields.io/badge/Docker-2496ED?style=flat&logo=docker&logoColor=white)
+
+MerchFlow AI is a high-performance, multi-agent orchestration system designed to automate the generation of premium e-commerce product listings. By synergizing Computer Vision, Retrieval Augmented Generation (RAG), and Large Language Models (LLMs), it transforms raw product images into SEO-optimized market-ready content.
+
+## 🏗️ Architecture Flow
+
+The system employs a sophisticated event-driven architecture orchestrated by **FastAPI**:
+
+1.  **👁️ Visual Agent (Gemini 1.5)**
+    *   **Function**: Zero-shot image analysis.
+    *   **Process**: Extracts high-fidelity visual attributes including dominant color palettes, stylistic classifications, and granular item types.
+    *   **Engine**: Google Gemini 1.5 Flash (Vision).
+
+2.  **🧠 Memory Agent (Pinecone)**
+    *   **Function**: Semantic Search & RAG.
+    *   **Process**: Vectorizes visual tags to query a high-dimensional index, retrieving historically high-performing SEO keywords and market trends relevant to the product.
+    *   **Engine**: Pinecone Vector Database.
+
+3.  **✍️ Writer Agent (Llama 3)**
+    *   **Function**: Creative Synthesis.
+    *   **Process**: Fuses visual data with retrieved market intelligence to generate persuasive, conversion-focused title, description, and feature bullets.
+    *   **Engine**: Meta Llama 3 (via Groq Cloud).
+
+4.  **⚙️ Orchestrator (FastAPI)**
+    *   **Function**: Async Pipeline Management.
+    *   **Process**: Handles non-blocking agent execution, error propagation, and API lifecycle management.
+
+5.  **🔗 Post-Processing (n8n)**
+    *   **Function**: Automation Webhook.
+    *   **Process**: Triggers downstream workflows (database storage, Shopify API integration) via secure webhooks upon successful generation.
+
+## 🚀 Complete Setup
+
+To run this system locally, ensure you have the following environment variables configured in your `.env` file:
+
+```env
+GEMINI_API_KEY=your_gemini_key
+GROQ_API_KEY=your_groq_key
+PINECONE_API_KEY=your_pinecone_key
+N8N_WEBHOOK_URL=your_n8n_webhook_url
+```
+
+## ⚡ Quick Start
+
+### 1. Installation
+Install the required dependencies using pip:
+
+```bash
+pip install -r requirements.txt
+```
+
+### 2. Execution
+Launch the FastAPI server:
+
+```bash
+python main.py
+```
+
+The API will be available at `http://localhost:7860`.
+
+---
+**🛡️ Maintained by Bhishaj Technologies (UDYAM-UP-02-0108589). All Rights Reserved.**

add_license.py

@@ -0,0 +1,64 @@
+import os
+import subprocess
+
+def run_command(command):
+    try:
+        # shell=True is often required on Windows for some commands/environments
+        print(f"Running: {command}")
+        result = subprocess.run(command, check=True, shell=True, capture_output=True, text=True)
+        print(result.stdout)
+    except subprocess.CalledProcessError as e:
+        print(f"Error running: {command}")
+        print(e.stderr)
+        # We don't exit here to allow attempting subsequent commands or user debugging if one fails,
+        # though for git flow it usually makes sense to stop. 
+        # Given the instruction is a sequence, we should probably stop if add/commit fails.
+        exit(1)
+
+def main():
+    license_text = """MIT License
+
+Copyright (c) 2025 Bhishaj
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+"""
+
+    file_path = "LICENSE"
+    
+    print(f"Creating {file_path}...")
+    with open(file_path, "w", encoding="utf-8") as f:
+        f.write(license_text)
+    print(f"{file_path} created successfully.")
+
+    print("Running git commands...")
+    
+    # 1. git add LICENSE
+    run_command("git add LICENSE")
+    
+    # 2. git commit -m 'Add MIT License'
+    run_command("git commit -m \"Add MIT License\"")
+    
+    # 3. git push space clean_deploy:main
+    print("Pushing to Hugging Face Space (this might take a few seconds)...")
+    run_command("git push space clean_deploy:main")
+    
+    print("Done! License added and pushed to Hugging Face Space.")
+
+if __name__ == "__main__":
+    main()

agents/manager.py

@@ -0,0 +1,46 @@
+import csv
+import time
+import os
+import datetime
+from agents.trend_spotter import TrendSpotter
+from agents.visionary import Visionary
+
+class MerchManager:
+    def __init__(self):
+        self.trend_spotter = TrendSpotter()
+        self.visionary = Visionary()
+        self.results_dir = "results"
+        if not os.path.exists(self.results_dir):
+            os.makedirs(self.results_dir)
+
+    def generate_batch(self, niche: str) -> str:
+        # Step 1: Get slogans
+        print(f"🔍 Analyzing trends for niche: {niche}...")
+        slogans = self.trend_spotter.get_trends(niche)
+        
+        results = []
+        
+        # Step 2: Generate art prompts
+        print(f"🎨 Generating designs for {len(slogans)} slogans...")
+        for i, slogan in enumerate(slogans):
+            print(f"Generating design {i+1}/{len(slogans)}...")
+            prompt = self.visionary.generate_art_prompt(slogan, niche)
+            results.append({
+                "Niche": niche,
+                "Slogan": slogan,
+                "Art Prompt": prompt
+            })
+            time.sleep(10)
+
+        # Step 3 & 4: Save to CSV
+        timestamp = datetime.datetime.now().strftime("%Y%m%d_%H%M%S")
+        filename = f"merch_batch_{niche}_{timestamp}.csv"
+        filepath = os.path.join(self.results_dir, filename)
+
+        with open(filepath, mode='w', newline='', encoding='utf-8') as file:
+            writer = csv.DictWriter(file, fieldnames=["Niche", "Slogan", "Art Prompt"])
+            writer.writeheader()
+            writer.writerows(results)
+            
+        print(f"✅ Batch complete! Saved to {filepath}")
+        return filename

agents/memory_agent.py

@@ -0,0 +1,104 @@
+import os
+import time
+from dotenv import load_dotenv
+from pinecone import Pinecone, ServerlessSpec
+import google.generativeai as genai
+
+load_dotenv()
+
+class MemoryAgent:
+    def __init__(self):
+        # Configure Gemini
+        self.gemini_api_key = os.getenv("GEMINI_API_KEY")
+        if not self.gemini_api_key:
+            raise ValueError("GEMINI_API_KEY not found")
+        genai.configure(api_key=self.gemini_api_key)
+        
+        # Configure Pinecone
+        self.pinecone_api_key = os.getenv("PINECONE_API_KEY")
+        if not self.pinecone_api_key:
+            raise ValueError("PINECONE_API_KEY not found")
+            
+        self.pc = Pinecone(api_key=self.pinecone_api_key)
+        self.index_name = "merchflow-index"
+        
+        # Check and create index
+        existing_indexes = [i.name for i in self.pc.list_indexes()]
+        if self.index_name not in existing_indexes:
+            print(f"Creating index {self.index_name}...")
+            self.pc.create_index(
+                name=self.index_name,
+                dimension=768, # models/text-embedding-004 dimension
+                metric='cosine',
+                spec=ServerlessSpec(
+                    cloud='aws',
+                    region='us-east-1'
+                )
+            )
+            # Wait for index to be ready
+            while not self.pc.describe_index(self.index_name).status['ready']:
+                time.sleep(1)
+            print("Index created.")
+        
+        self.index = self.pc.Index(self.index_name)
+
+    def _get_embedding(self, text):
+        # Using models/text-embedding-004
+        result = genai.embed_content(
+            model="models/text-embedding-004",
+            content=text,
+            task_type="retrieval_document"
+        )
+        return result['embedding']
+
+    def seed_database(self):
+        # Check if empty
+        stats = self.index.describe_index_stats()
+        if stats.total_vector_count > 0:
+            print("Database already seeded.")
+            return
+
+        print("Seeding database...")
+        items = [
+            {
+                "id": "item1",
+                "text": "Running Shoe",
+                "keywords": "breathable, shock absorption, marathon training, lightweight"
+            },
+            {
+                "id": "item2",
+                "text": "Graphic T-Shirt",
+                "keywords": "100% cotton, vintage wash, pre-shrunk, soft feel"
+            },
+            {
+                "id": "item3",
+                "text": "Leather Wallet",
+                "keywords": "genuine leather, RFID blocking, minimalist, bifold"
+            }
+        ]
+
+        vectors = []
+        for item in items:
+            embedding = self._get_embedding(item['text'])
+            vectors.append({
+                "id": item['id'],
+                "values": embedding,
+                "metadata": {"keywords": item['keywords'], "text": item['text']}
+            })
+        
+        self.index.upsert(vectors=vectors)
+        print(f"Seeded {len(vectors)} items.")
+
+    def retrieve_keywords(self, query_text: str):
+        try:
+            query_embedding = self._get_embedding(query_text)
+            
+            results = self.index.query(
+                vector=query_embedding,
+                top_k=5,
+                include_metadata=True
+            )
+            return [m.metadata['keywords'] for m in results.matches if m.metadata and 'keywords' in m.metadata]
+        except Exception as e:
+            print(f"❌ Keyword Retrieval Failed: {e}")
+            return []

agents/visual_analyst.py

@@ -0,0 +1,60 @@
+import os
+import json
+import re
+import google.generativeai as genai
+from dotenv import load_dotenv
+
+load_dotenv()
+
+class VisualAnalyst:
+    def __init__(self):
+        self.api_key = os.getenv("GEMINI_API_KEY")
+        if not self.api_key:
+            raise ValueError("GEMINI_API_KEY not found")
+        
+        genai.configure(api_key=self.api_key)
+        self.model_name = "models/gemini-flash-latest"
+        self.model = genai.GenerativeModel(self.model_name)
+        print(f"✅ VisualAnalyst stored Gemini model: {self.model_name}")
+
+    async def analyze_image(self, image_path: str):
+        try:
+            # Upload the file to Gemini
+            # Note: For efficiency in production, files should be managed (uploads/deletes)
+            # but for this agentic flow, we'll upload per request or assume local path usage helper if needed.
+            # However, the standard `model.generate_content` can take PIL images or file objects directly for some sdk versions,
+            # but using the File API is cleaner for 1.5 Flash multi-modal.
+            # Let's use the simpler PIL integration if available, or just path if the SDK supports it.
+            # actually, standard genai usage for images usually involves PIL or uploading.
+            # Let's try the PIL approach first as it's often more direct for local scripts.
+            import PIL.Image
+            img = PIL.Image.open(image_path)
+            
+            user_prompt = (
+                "Analyze this product image. "
+                "Return ONLY valid JSON with keys: main_color, product_type, design_style, visual_features."
+            )
+            
+            # Gemini 1.5 Flash supports JSON response schema, but simple prompting often works well too.
+            # We'll stick to prompt engineering for now to match the "Return ONLY valid JSON" instruction.
+            response = self.model.generate_content([user_prompt, img], request_options={'timeout': 15.0})
+            
+            response_text = response.text
+            
+            # Use regex to find the JSON block robustly
+            match = re.search(r'\{.*\}', response_text, re.DOTALL)
+            if match:
+                cleaned_content = match.group(0)
+            else:
+                cleaned_content = response_text
+                
+            return json.loads(cleaned_content.strip())
+
+        except Exception as e:
+            print(f"❌ Analysis Failed: {e}")
+            return {
+                "main_color": "Unknown",
+                "product_type": "Unknown", 
+                "design_style": "Unknown",
+                "visual_features": [f"Error: {str(e)}"]
+            }

agents/writer_agent.py

@@ -0,0 +1,48 @@
+import os
+import json
+from groq import Groq
+from dotenv import load_dotenv
+
+load_dotenv()
+
+class WriterAgent:
+    def __init__(self):
+        self.api_key = os.getenv("GROQ_API_KEY")
+        if not self.api_key:
+            raise ValueError("GROQ_API_KEY not found in environment variables")
+        self.client = Groq(api_key=self.api_key)
+        self.model = "llama-3.3-70b-versatile"
+
+    def write_listing(self, visual_data: dict, seo_keywords: list) -> dict:
+        system_prompt = (
+            "You are an expert e-commerce copywriter. "
+            "Write a persuasive product listing based on these visual attributes and SEO keywords. "
+            "Return JSON with keys: title, description, bullet_points."
+        )
+
+        user_content = f"""
+        Visual Attributes: {json.dumps(visual_data, indent=2)}
+        
+        SEO Keywords: {', '.join(seo_keywords)}
+        
+        Please generate the listing in JSON format.
+        """
+
+        try:
+            completion = self.client.chat.completions.create(
+                model=self.model,
+                messages=[
+                    {"role": "system", "content": system_prompt},
+                    {"role": "user", "content": user_content}
+                ],
+                temperature=0.7,
+                response_format={"type": "json_object"},
+                timeout=15.0
+            )
+
+            response_text = completion.choices[0].message.content
+            return json.loads(response_text)
+
+        except Exception as e:
+            print(f"Error generating listing: {e}")
+            return {"error": str(e)}

apply_proprietary_license.py

@@ -0,0 +1,57 @@
+#!/usr/bin/env python3
+"""Apply proprietary licensing updates and deploy git changes."""
+
+from __future__ import annotations
+
+import subprocess
+from pathlib import Path
+
+LICENSE_TEXT = """Copyright © 2026 Bhishaj Technologies.
+This software and its documentation are the confidential and proprietary
+information of Bhishaj Technologies (URN: UDYAM-UP-02-0108589).
+Unauthorized copying, distribution, or use of this source code
+is strictly prohibited. Use is governed by the signed Master Service Agreement.
+All Rights Reserved.
+"""
+
+MIT_BADGE_LINE = "![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)"
+FOOTER = "---\n**🛡️ Maintained by Bhishaj Technologies (UDYAM-UP-02-0108589). All Rights Reserved.**\n"
+
+
+def overwrite_license_file() -> None:
+    Path("LICENSE").write_text(LICENSE_TEXT, encoding="utf-8")
+
+
+def sanitize_readme() -> None:
+    readme_path = Path("README.md")
+    readme = readme_path.read_text(encoding="utf-8")
+
+    filtered_lines = [line for line in readme.splitlines() if line.strip() != MIT_BADGE_LINE]
+    sanitized = "\n".join(filtered_lines).rstrip("\n")
+
+    if FOOTER.strip() not in sanitized:
+        sanitized = f"{sanitized}\n\n{FOOTER}"
+    else:
+        sanitized = f"{sanitized}\n"
+
+    readme_path.write_text(sanitized, encoding="utf-8")
+
+
+def run_git_commands() -> None:
+    commands = [
+        ["git", "add", "LICENSE", "README.md"],
+        ["git", "commit", "-m", "Switch to Proprietary License (Bhishaj Technologies)"],
+        ["git", "push", "space", "clean_deploy:main"],
+    ]
+    for command in commands:
+        subprocess.run(command, check=True)
+
+
+def main() -> None:
+    overwrite_license_file()
+    sanitize_readme()
+    run_git_commands()
+
+
+if __name__ == "__main__":
+    main()

apply_qa_fixes.py

@@ -0,0 +1,111 @@
+import os
+import re
+
+def patch_main():
+    with open("main.py", "r", encoding="utf-8") as f:
+        content = f.read()
+
+    old_pattern = r'return JSONResponse\(\s*content=\{\s*"error": str\(e\),\s*"type": type\(e\)\.__name__,\s*"details": error_details\s*\},\s*status_code=500\s*\)'
+    new_text = '''return JSONResponse(
+            content={
+                "error": "An internal server error occurred.",
+                "type": type(e).__name__
+            },
+            status_code=500
+        )'''
+    content = re.sub(old_pattern, new_text, content[1:] if content.startswith('\ufeff') else content)
+
+    with open("main.py", "w", encoding="utf-8") as f:
+        f.write(content)
+    print("Patched main.py")
+
+
+def patch_memory_agent():
+    path = "agents/memory_agent.py"
+    with open(path, "r", encoding="utf-8") as f:
+        content = f.read()
+
+    old_func = r'def retrieve_keywords\(.*?: str\):.*?return \[m\.metadata\[\'keywords\'\] for m in results\.matches if m\.metadata and \'keywords\' in m\.metadata\]'
+    new_func = '''def retrieve_keywords(self, query_text: str):
+        try:
+            query_embedding = self._get_embedding(query_text)
+            
+            results = self.index.query(
+                vector=query_embedding,
+                top_k=5,
+                include_metadata=True
+            )
+            return [m.metadata['keywords'] for m in results.matches if m.metadata and 'keywords' in m.metadata]
+        except Exception as e:
+            print(f"❌ Keyword Retrieval Failed: {e}")
+            return []'''
+            
+    content = re.sub(old_func, new_func, content, flags=re.DOTALL)
+
+    with open(path, "w", encoding="utf-8") as f:
+        f.write(content)
+    print("Patched agents/memory_agent.py")
+
+
+def patch_visual_analyst():
+    path = "agents/visual_analyst.py"
+    with open(path, "r", encoding="utf-8") as f:
+        content = f.read()
+
+    # Add timeout
+    content = content.replace(
+        "response = self.model.generate_content([user_prompt, img])",
+        "response = self.model.generate_content([user_prompt, img], request_options={'timeout': 15.0})"
+    )
+    
+    if "import re" not in content:
+        content = content.replace("import json", "import json\nimport re")
+
+    # Rewrite JSON parsing
+    old_parsing = r'# Clean up potential markdown code fences.*?return json\.loads\(cleaned_content\.strip\(\)\)'
+    new_parsing = '''# Use regex to find the JSON block robustly
+            match = re.search(r'\\{.*\\}', response_text, re.DOTALL)
+            if match:
+                cleaned_content = match.group(0)
+            else:
+                cleaned_content = response_text
+                
+            return json.loads(cleaned_content.strip())'''
+            
+    content = re.sub(old_parsing, new_parsing, content, flags=re.DOTALL)
+
+    with open(path, "w", encoding="utf-8") as f:
+        f.write(content)
+    print("Patched agents/visual_analyst.py")
+
+
+def patch_writer_agent():
+    path = "agents/writer_agent.py"
+    with open(path, "r", encoding="utf-8") as f:
+        content = f.read()
+
+    old_completion = r'completion = self\.client\.chat\.completions\.create\(\s*model=self\.model,\s*messages=\[\s*\{"role": "system", "content": system_prompt\},\s*\{"role": "user", "content": user_content\}\s*\],\s*temperature=0\.7,\s*response_format=\{"type": "json_object"\}\s*\)'
+
+    new_completion = '''completion = self.client.chat.completions.create(
+                model=self.model,
+                messages=[
+                    {"role": "system", "content": system_prompt},
+                    {"role": "user", "content": user_content}
+                ],
+                temperature=0.7,
+                response_format={"type": "json_object"},
+                timeout=15.0
+            )'''
+            
+    content = re.sub(old_completion, new_completion, content)
+
+    with open(path, "w", encoding="utf-8") as f:
+        f.write(content)
+    print("Patched agents/writer_agent.py")
+
+if __name__ == "__main__":
+    patch_main()
+    patch_memory_agent()
+    patch_visual_analyst()
+    patch_writer_agent()
+    print("All file patching completed successfully.")

args.json

@@ -0,0 +1,4 @@
+{
+  "projectId": "13453765122851154258",
+  "screenId": "cf3af7f8a9e74daf85096241ed88c75c"
+}

check_basic.py

@@ -0,0 +1,20 @@
+import os
+from huggingface_hub import InferenceClient
+from dotenv import load_dotenv
+
+load_dotenv()
+
+api_key = os.getenv("HF_TOKEN")
+client = InferenceClient(api_key=api_key)
+
+print(f"Testing token with microsoft/resnet-50")
+
+try:
+    # Pass the URL directly as the input (InferenceClient handles URLs for image tasks)
+    result = client.image_classification(
+        model="microsoft/resnet-50",
+        image="https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/transformers/tasks/car.jpg?download=true"
+    )
+    print("Success:", result)
+except Exception as e:
+    print("Failed:", e)

check_gemini.py

@@ -0,0 +1,26 @@
+import os
+import google.generativeai as genai
+from dotenv import load_dotenv
+
+load_dotenv()
+
+api_key = os.getenv("GEMINI_API_KEY") or os.getenv("GOOGLE_API_KEY")
+genai.configure(api_key=api_key)
+
+print("Listing available Gemini models...")
+try:
+    for m in genai.list_models():
+        if 'generateContent' in m.supported_generation_methods:
+            print(m.name)
+except Exception as e:
+    print(f"List models failed: {e}")
+
+model_name = "gemini-1.5-flash"
+print(f"\nTesting model: {model_name}")
+
+try:
+    model = genai.GenerativeModel(model_name)
+    response = model.generate_content("Hello, can you see this?")
+    print("Response:", response.text)
+except Exception as e:
+    print(f"Test failed: {e}")

check_gemini_clean.py

@@ -0,0 +1,24 @@
+import os
+import google.generativeai as genai
+from dotenv import load_dotenv
+
+load_dotenv()
+
+api_key = os.getenv("GEMINI_API_KEY") or os.getenv("GOOGLE_API_KEY")
+genai.configure(api_key=api_key)
+
+candidates = [
+    "gemini-2.0-flash",
+    "gemini-2.0-flash-exp",
+    "models/gemini-2.0-flash"
+]
+
+for model_name in candidates:
+    print(f"\nTesting model: {model_name}")
+    try:
+        model = genai.GenerativeModel(model_name)
+        response = model.generate_content("Hello")
+        print(f"✅ Success with {model_name}: {response.text}")
+        break
+    except Exception as e:
+        print(f"❌ Failed with {model_name}: {e}")

check_groq.py

@@ -0,0 +1,11 @@
+import os
+from groq import Groq
+from dotenv import load_dotenv
+
+load_dotenv()
+client = Groq(api_key=os.getenv("GROQ_API_KEY"))
+
+print("Listing Groq models...")
+models = client.models.list()
+for m in models.data:
+    print(m.id)

check_groq_models.py

@@ -0,0 +1,14 @@
+import os
+from groq import Groq
+from dotenv import load_dotenv
+
+load_dotenv()
+
+try:
+    client = Groq(api_key=os.getenv("GROQ_API_KEY"))
+    models = client.models.list()
+    print("Available Models:")
+    for model in models.data:
+        print(f"- {model.id}")
+except Exception as e:
+    print(f"Error listing models: {e}")

check_groq_vision.py

@@ -0,0 +1,36 @@
+import os
+from groq import Groq
+from dotenv import load_dotenv
+import base64
+
+load_dotenv()
+
+client = Groq(api_key=os.getenv("GROQ_API_KEY"))
+model = "llama-3.2-11b-vision-preview"
+
+print(f"Testing Groq Vision model: {model}")
+
+# Test 1: Image URL
+print("\n--- Test 1: Image URL ---")
+try:
+    image_url = "https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/transformers/tasks/car.jpg?download=true"
+    completion = client.chat.completions.create(
+        model=model,
+        messages=[
+            {
+                "role": "user",
+                "content": [
+                    {"type": "text", "text": "What's in this image?"},
+                    {"type": "image_url", "image_url": {"url": image_url}},
+                ],
+            }
+        ],
+        temperature=1,
+        max_tokens=1024,
+        top_p=1,
+        stream=False,
+        stop=None,
+    )
+    print("Response:", completion.choices[0].message.content)
+except Exception as e:
+    print("Groq Vision failed:", e)

check_idefics.py

@@ -0,0 +1,33 @@
+import os
+from huggingface_hub import InferenceClient
+from dotenv import load_dotenv
+
+load_dotenv()
+
+api_key = os.getenv("HF_TOKEN")
+client = InferenceClient(api_key=api_key)
+model = "HuggingFaceM4/idefics2-8b"
+
+print(f"Testing model: {model}")
+
+# Test 1: Image URL
+print("\n--- Test 1: Image URL ---")
+try:
+    image_url = "https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/transformers/tasks/car.jpg?download=true"
+    messages = [
+        {
+            "role": "user",
+            "content": [
+                {"type": "image_url", "image_url": {"url": image_url}},
+                {"type": "text", "text": "What is in this image?"}
+            ]
+        }
+    ]
+    completion = client.chat.completions.create(
+        model=model,
+        messages=messages,
+        max_tokens=100
+    )
+    print("Response:", completion.choices[0].message.content)
+except Exception as e:
+    print("Image URL failed:", e)

check_idefics_raw.py

@@ -0,0 +1,29 @@
+import os
+import requests
+import json
+from dotenv import load_dotenv
+
+load_dotenv()
+
+api_key = os.getenv("HF_TOKEN")
+model = "HuggingFaceM4/idefics2-8b"
+url = f"https://router.huggingface.co/models/{model}"
+
+headers = {"Authorization": f"Bearer {api_key}"}
+
+print(f"Testing URL: {url}")
+
+# Test A: Simple text inputs
+print("\n--- Test A: Simple Text ---")
+response = requests.post(url, headers=headers, json={"inputs": "Hello"})
+print(f"Status: {response.status_code}")
+print("Response:", response.text)
+
+# Test B: Formatted inputs (Standard for some VLM APIs)
+# Often they accept { "inputs": "User: ...", "parameters": ... }
+print("\n--- Test B: Formatted Prompt ---")
+image_url = "https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/transformers/tasks/car.jpg?download=true"
+prompt = f"User: ![]({image_url}) Describe this image.<end_of_utterance>\nAssistant:"
+response = requests.post(url, headers=headers, json={"inputs": prompt, "parameters": {"max_new_tokens": 50}})
+print(f"Status: {response.status_code}")
+print("Response:", response.text)

check_idefics_v2.py

@@ -0,0 +1,31 @@
+import os
+from huggingface_hub import InferenceClient
+from dotenv import load_dotenv
+
+load_dotenv()
+
+api_key = os.getenv("HF_TOKEN")
+client = InferenceClient(api_key=api_key)
+model = "HuggingFaceM4/idefics2-8b"
+
+print(f"Testing model: {model}")
+
+image_url = "https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/transformers/tasks/car.jpg?download=true"
+
+# Format for Idefics2:
+# User: ![](<image_url>) <text><end_of_utterance>\nAssistant:
+prompt = f"User: ![]({image_url}) Describe this image.<end_of_utterance>\nAssistant:"
+
+print(f"\n--- Testing with text_generation and specific prompt ---")
+print(f"Prompt: {prompt}")
+
+try:
+    # Use text_generation for models that don't support chat
+    response = client.text_generation(
+        prompt=prompt,
+        model=model,
+        max_new_tokens=100
+    )
+    print("Response:", response)
+except Exception as e:
+    print("Failed:", e)

check_idefics_v3.py

@@ -0,0 +1,30 @@
+import os
+import traceback
+from huggingface_hub import InferenceClient
+from dotenv import load_dotenv
+
+load_dotenv()
+
+api_key = os.getenv("HF_TOKEN")
+client = InferenceClient(api_key=api_key)
+model = "HuggingFaceM4/idefics2-8b"
+
+print(f"Testing model: {model}")
+
+print("\n--- Test 1: Image to Text (Captioning) ---")
+try:
+    # This might work if the API treats it as captioning
+    res = client.image_to_text(
+        "https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/transformers/tasks/car.jpg?download=true",
+        model=model
+    )
+    print("Response:", res)
+except Exception:
+    traceback.print_exc()
+
+print("\n--- Test 2: Text Generation (Simple) ---")
+try:
+    res = client.text_generation("describe a car", model=model, max_new_tokens=50)
+    print("Response:", res)
+except Exception:
+    traceback.print_exc()

check_llama.py

@@ -0,0 +1,33 @@
+import os
+from huggingface_hub import InferenceClient
+from dotenv import load_dotenv
+
+load_dotenv()
+
+api_key = os.getenv("HF_TOKEN")
+client = InferenceClient(api_key=api_key)
+model = "meta-llama/Llama-3.2-11B-Vision-Instruct"
+
+print(f"Testing model: {model}")
+
+# Test 1: Image URL (Llama Vision)
+print("\n--- Test 1: Image URL ---")
+try:
+    image_url = "https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/transformers/tasks/car.jpg?download=true"
+    messages = [
+        {
+            "role": "user",
+            "content": [
+                {"type": "image_url", "image_url": {"url": image_url}},
+                {"type": "text", "text": "What is in this image?"}
+            ]
+        }
+    ]
+    completion = client.chat.completions.create(
+        model=model,
+        messages=messages,
+        max_tokens=100
+    )
+    print("Response:", completion.choices[0].message.content)
+except Exception as e:
+    print("Image URL failed:", e)

check_llava.py

@@ -0,0 +1,33 @@
+import os
+from huggingface_hub import InferenceClient
+from dotenv import load_dotenv
+
+load_dotenv()
+
+api_key = os.getenv("HF_TOKEN")
+client = InferenceClient(api_key=api_key)
+model = "llava-hf/llava-1.5-7b-hf"
+
+print(f"Testing model: {model}")
+
+# Test 1: Image URL
+print("\n--- Test 1: Image URL ---")
+try:
+    image_url = "https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/transformers/tasks/car.jpg?download=true"
+    messages = [
+        {
+            "role": "user",
+            "content": [
+                {"type": "image_url", "image_url": {"url": image_url}},
+                {"type": "text", "text": "What is in this image?"}
+            ]
+        }
+    ]
+    completion = client.chat.completions.create(
+        model=model,
+        messages=messages,
+        max_tokens=100
+    )
+    print("Response:", completion.choices[0].message.content)
+except Exception as e:
+    print("Image URL failed:", e)

check_models.py

@@ -0,0 +1,15 @@
+import google.generativeai as genai
+import os
+from dotenv import load_dotenv
+
+load_dotenv()
+
+api_key = os.getenv("GEMINI_API_KEY")
+if not api_key:
+    print("No API key found")
+else:
+    genai.configure(api_key=api_key)
+    print("Listing models...")
+    for m in genai.list_models():
+        if 'generateContent' in m.supported_generation_methods:
+            print(m.name)

check_models_list.py

@@ -0,0 +1,15 @@
+import google.generativeai as genai
+import os
+from dotenv import load_dotenv
+
+load_dotenv()
+
+api_key = os.getenv("GEMINI_API_KEY")
+if not api_key:
+    print("❌ API Key not found")
+else:
+    genai.configure(api_key=api_key)
+    print("Listing available models...")
+    for m in genai.list_models():
+        if 'generateContent' in m.supported_generation_methods:
+            print(m.name)

check_qwen.py

@@ -0,0 +1,48 @@
+import os
+from huggingface_hub import InferenceClient
+from dotenv import load_dotenv
+
+load_dotenv()
+
+api_key = os.getenv("HF_TOKEN")
+client = InferenceClient(api_key=api_key)
+model = "Qwen/Qwen2-VL-7B-Instruct"
+
+print(f"Testing model: {model}")
+
+# Test 1: Text only
+print("\n--- Test 1: Text Only ---")
+try:
+    messages = [
+        {"role": "user", "content": "Hello, are you working?"} 
+    ]
+    completion = client.chat.completions.create(
+        model=model, 
+        messages=messages, 
+        max_tokens=100
+    )
+    print("Response:", completion.choices[0].message.content)
+except Exception as e:
+    print("Text only failed:", e)
+
+# Test 2: Image (using a public URL to avoid base64 issues first)
+print("\n--- Test 2: Image URL ---")
+try:
+    image_url = "https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/transformers/tasks/car.jpg?download=true"
+    messages = [
+        {
+            "role": "user",
+            "content": [
+                {"type": "image_url", "image_url": {"url": image_url}},
+                {"type": "text", "text": "What is in this image?"}
+            ]
+        }
+    ]
+    completion = client.chat.completions.create(
+        model=model,
+        messages=messages,
+        max_tokens=100
+    )
+    print("Response:", completion.choices[0].message.content)
+except Exception as e:
+    print("Image URL failed:", e)

check_qwen_raw.py

@@ -0,0 +1,52 @@
+import os
+import requests
+import json
+from dotenv import load_dotenv
+
+load_dotenv()
+
+api_key = os.getenv("HF_TOKEN")
+model = "Qwen/Qwen2-VL-7B-Instruct"
+# Update URL to router
+url = f"https://router.huggingface.co/models/{model}"
+
+headers = {"Authorization": f"Bearer {api_key}"}
+
+print(f"Testing URL: {url}")
+
+# Test 1: Simple text generation payload (inputs string)
+data_text = {
+    "inputs": "Hello",
+    "parameters": {"max_new_tokens": 50}
+}
+print("\n--- Test 1: Text Generation (inputs string) ---")
+response = requests.post(url, headers=headers, json=data_text)
+print(f"Status: {response.status_code}")
+print("Response:", response.text)
+
+# Test 2: VQA format
+data_vqa = {
+    "inputs": {
+        "image": "https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/transformers/tasks/car.jpg?download=true",
+        "question": "What is in this image?"
+    }
+}
+print("\n--- Test 2: VQA Format ---")
+response = requests.post(url, headers=headers, json=data_vqa)
+print(f"Status: {response.status_code}")
+print("Response:", response.text)
+
+# Test 3: Chat Completions API (OpenAI style)
+url_chat = f"https://router.huggingface.co/models/{model}/v1/chat/completions"
+print(f"\nTesting URL: {url_chat}")
+data_chat = {
+    "model": model, # Sometimes required in body
+    "messages": [
+         {"role": "user", "content": "Hello"}
+    ],
+    "max_tokens": 50
+}
+print("\n--- Test 3: Chat Completion ---")
+response = requests.post(url_chat, headers=headers, json=data_chat)
+print(f"Status: {response.status_code}")
+print("Response:", response.text)

clean_binary_deploy.py

@@ -0,0 +1,80 @@
+import os
+import subprocess
+
+def main():
+    files_to_delete = [
+        "stitch_merchflow_ai_dashboard.zip",
+        "screen.jpg",
+        "test_image.jpg"
+    ]
+    
+    # Delete Local Binaries
+    print("Deleting local binaries...")
+    for filename in files_to_delete:
+        try:
+            os.remove(filename)
+            print(f"Deleted: {filename}")
+        except FileNotFoundError:
+            print(f"File not found (already deleted): {filename}")
+        except Exception as e:
+            print(f"Error deleting {filename}: {e}")
+            
+    # Update .gitignore
+    print("Updating .gitignore...")
+    gitignore_path = ".gitignore"
+    
+    # Read existing content to avoid duplicate entries
+    existing_ignores = []
+    try:
+        if os.path.exists(gitignore_path):
+            with open(gitignore_path, "r", encoding="utf-8") as f:
+                existing_ignores = f.read().splitlines()
+    except Exception as e:
+        print(f"Warning: Could not read .gitignore: {e}")
+        
+    ignores_to_add = ["*.zip", "*.jpg"]
+    
+    try:
+        with open(gitignore_path, "a", encoding="utf-8") as f:
+            for ignore in ignores_to_add:
+                if ignore not in existing_ignores:
+                    # add a newline if files doesn't end with one, but simplier to just write
+                    f.write(f"\n{ignore}\n")
+                    print(f"Added '{ignore}' to .gitignore")
+                else:
+                    print(f"'{ignore}' already in .gitignore")
+    except Exception as e:
+        print(f"Error updating .gitignore: {e}")
+
+    # The Orphan Branch Strategy
+    print("\nExecuting Git Orphan Branch Strategy...")
+    
+    commands = [
+        "git checkout --orphan hf_clean_deploy_v2",
+        "git add .",
+        'git commit -m "UI Update: Glassmorphism Design & Binary Cleanup"'
+    ]
+    
+    for cmd in commands:
+        print(f"Running: {cmd}")
+        subprocess.run(cmd, shell=True, check=False)
+        
+    push_cmd = "git push --force space hf_clean_deploy_v2:main"
+    print(f"\nRunning final push command: {push_cmd}")
+    
+    result = subprocess.run(push_cmd, shell=True, capture_output=True, text=True)
+    
+    # Expected Output
+    print("\n--- Push Command STDOUT ---")
+    print(result.stdout)
+    print("--- Push Command STDERR ---")
+    print(result.stderr)
+    print("---------------------------\n")
+
+    if result.returncode == 0:
+        print("✅ Force push successful!")
+    else:
+        print("❌ Force push failed (see STDERR above).")
+
+if __name__ == "__main__":
+    main()

code.html

@@ -0,0 +1,203 @@
+<!DOCTYPE html>
+<html class="dark" lang="en"><head>
+<meta charset="utf-8"/>
+<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+<title>MerchFlow AI Dashboard</title>
+<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
+<link href="https://fonts.googleapis.com" rel="preconnect"/>
+<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
+<link href="https://fonts.googleapis.com/css2?family=Spline+Sans:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet"/>
+<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
+<script id="tailwind-config">
+        tailwind.config = {
+            darkMode: "class",
+            theme: {
+                extend: {
+                    colors: {
+                        "primary": "#3b82f6", // Electric Blue
+                        "primary-hover": "#2563eb",
+                        "secondary": "#6366f1", // Indigo accent
+                        "background-light": "#f8fafc",
+                        "background-dark": "#0f172a", // Deep Slate
+                        "surface-dark": "#1e293b", // Slate 800
+                        "surface-darker": "#020617", // Slate 950
+                        "border-dark": "#334155", // Slate 700
+                    },
+                    fontFamily: {
+                        "display": ["Spline Sans", "sans-serif"],
+                        "mono": ["monospace"]
+                    },
+                    borderRadius: {"DEFAULT": "1rem", "lg": "2rem", "xl": "3rem", "full": "9999px"},
+                },
+            },
+        }
+    </script>
+<style>.custom-scrollbar::-webkit-scrollbar {
+            width: 8px;
+            height: 8px;
+        }
+        .custom-scrollbar::-webkit-scrollbar-track {
+            background: #020617; 
+        }
+        .custom-scrollbar::-webkit-scrollbar-thumb {
+            background: #334155; 
+            border-radius: 4px;
+        }
+        .custom-scrollbar::-webkit-scrollbar-thumb:hover {
+            background: #3b82f6; 
+        }
+    </style>
+</head>
+<body class="font-display bg-background-light dark:bg-background-dark text-slate-900 dark:text-white antialiased overflow-hidden h-screen flex flex-col">
+<header class="flex-none flex items-center justify-between whitespace-nowrap border-b border-solid border-border-dark px-6 py-4 bg-background-dark z-10">
+<div class="flex items-center gap-3 text-white">
+<div class="flex items-center justify-center size-10 rounded-full bg-primary/10 text-primary">
+<span class="material-symbols-outlined text-2xl">all_inclusive</span>
+</div>
+<div>
+<h2 class="text-white text-xl font-bold leading-tight tracking-tight">MerchFlow AI</h2>
+<span class="text-xs text-primary/60 font-medium uppercase tracking-wider">Enterprise Edition</span>
+</div>
+</div>
+<button class="flex min-w-[84px] cursor-pointer items-center justify-center overflow-hidden rounded-full h-10 px-6 bg-primary hover:bg-primary-hover transition-colors text-white text-sm font-bold leading-normal tracking-[0.015em]">
+<span class="material-symbols-outlined mr-2 text-lg">rocket_launch</span>
+<span class="truncate">Deploy</span>
+</button>
+</header>
+<main class="flex-1 flex overflow-hidden">
+<div class="flex-1 flex flex-col border-r border-border-dark min-w-[400px] overflow-y-auto custom-scrollbar p-8">
+<div class="max-w-2xl w-full mx-auto flex flex-col gap-6 h-full">
+<div class="flex items-center justify-between">
+<h2 class="text-white tracking-light text-[28px] font-bold leading-tight">Input Data</h2>
+<span class="bg-surface-dark text-white px-3 py-1 rounded-full text-xs font-medium border border-border-dark">Step 1 of 2</span>
+</div>
+<div class="flex flex-col flex-1 max-h-[300px] min-h-[200px]">
+<div class="group relative flex flex-col items-center justify-center gap-4 rounded-xl border-2 border-dashed border-slate-600 hover:border-primary/50 hover:bg-surface-dark transition-all cursor-pointer h-full w-full px-6 py-8">
+<div class="size-16 rounded-full bg-surface-dark group-hover:bg-primary/20 flex items-center justify-center transition-colors border border-border-dark group-hover:border-primary/30">
+<span class="material-symbols-outlined text-3xl text-primary">cloud_upload</span>
+</div>
+<div class="flex flex-col items-center gap-1">
+<p class="text-white text-lg font-bold leading-tight tracking-tight text-center">Drop Product Image Here</p>
+<p class="text-slate-400 text-sm font-normal text-center">Supports JPG, PNG, WEBP</p>
+</div>
+<button class="mt-2 flex items-center justify-center rounded-full h-9 px-4 bg-slate-700 hover:bg-slate-600 text-white text-xs font-bold transition-colors">
+                            Browse Files
+                        </button>
+<div class="absolute inset-0 bg-gradient-to-b from-transparent to-black/10 pointer-events-none rounded-xl"></div>
+</div>
+</div>
+<div class="flex flex-col gap-3 flex-1">
+<label class="flex items-center justify-between">
+<span class="text-white text-base font-medium">Raw Product Specs</span>
+<span class="text-xs text-slate-400">JSON or Plain Text</span>
+</label>
+<div class="relative flex-1">
+<textarea class="form-input w-full h-full resize-none rounded-xl text-white placeholder:text-slate-500 focus:outline-0 focus:ring-2 focus:ring-primary/50 border border-border-dark bg-surface-dark p-4 text-base font-normal leading-relaxed font-mono" placeholder="Enter fabric details, dimensions, and SKU...
+Example:
+Material: 100% Recycled Polyester
+Fit: Regular
+SKU: JK-2024-WTR"></textarea>
+</div>
+</div>
+<div class="pt-2">
+<button class="group relative w-full cursor-pointer overflow-hidden rounded-xl h-16 bg-gradient-to-r from-primary to-blue-700 hover:from-blue-500 hover:to-primary transition-all shadow-[0_0_20px_rgba(59,130,246,0.3)]">
+<div class="absolute inset-0 flex items-center justify-center gap-3">
+<span class="text-white text-lg font-bold tracking-wide group-hover:scale-105 transition-transform">Start Agent Workflow</span>
+<span class="material-symbols-outlined text-white group-hover:translate-x-1 transition-transform">arrow_forward</span>
+</div>
+<div class="absolute top-0 -inset-full h-full w-1/2 z-5 block transform -skew-x-12 bg-gradient-to-r from-transparent to-white opacity-20 group-hover:animate-shine"></div>
+</button>
+</div>
+</div>
+</div>
+<div class="flex-1 flex flex-col bg-surface-darker p-8 overflow-hidden relative">
+<div class="absolute inset-0 opacity-5 pointer-events-none" style="background-image: radial-gradient(#64748b 1px, transparent 1px); background-size: 24px 24px;"></div>
+<div class="max-w-3xl w-full mx-auto flex flex-col gap-6 h-full relative z-10">
+<div class="flex items-center justify-between">
+<h2 class="text-white tracking-light text-[28px] font-bold leading-tight">Generated Output</h2>
+<div class="flex gap-2">
+<button class="p-2 hover:bg-surface-dark rounded-lg text-slate-400 hover:text-white transition-colors">
+<span class="material-symbols-outlined text-xl">content_copy</span>
+</button>
+<button class="p-2 hover:bg-surface-dark rounded-lg text-slate-400 hover:text-white transition-colors">
+<span class="material-symbols-outlined text-xl">download</span>
+</button>
+</div>
+</div>
+<div class="grid grid-cols-1 lg:grid-cols-3 gap-4">
+<div class="flex items-center gap-3 p-3 rounded-lg bg-surface-dark border border-border-dark shadow-sm">
+<div class="relative size-3">
+<span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-purple-500 opacity-75"></span>
+<span class="relative inline-flex rounded-full size-3 bg-purple-500"></span>
+</div>
+<div class="flex flex-col overflow-hidden">
+<span class="text-xs text-slate-400 truncate">Vision Agent</span>
+<span class="text-sm font-bold text-white truncate">Gemini Pro 1.5</span>
+</div>
+<span class="material-symbols-outlined text-purple-500 ml-auto text-lg">visibility</span>
+</div>
+<div class="flex items-center gap-3 p-3 rounded-lg bg-surface-dark border border-border-dark shadow-sm">
+<div class="relative size-3">
+<span class="relative inline-flex rounded-full size-3 bg-primary"></span>
+</div>
+<div class="flex flex-col overflow-hidden">
+<span class="text-xs text-slate-400 truncate">Reasoning Agent</span>
+<span class="text-sm font-bold text-white truncate">Llama 3 70B</span>
+</div>
+<span class="material-symbols-outlined text-primary ml-auto text-lg">psychology</span>
+</div>
+<div class="flex items-center gap-3 p-3 rounded-lg bg-surface-dark border border-border-dark shadow-sm">
+<div class="relative size-3">
+<span class="relative inline-flex rounded-full size-3 bg-cyan-500"></span>
+</div>
+<div class="flex flex-col overflow-hidden">
+<span class="text-xs text-slate-400 truncate">SEO Context</span>
+<span class="text-sm font-bold text-white truncate">Pinecone DB</span>
+</div>
+<span class="material-symbols-outlined text-cyan-500 ml-auto text-lg">database</span>
+</div>
+</div>
+<div class="flex-1 rounded-xl bg-[#0d1117] border border-border-dark flex flex-col overflow-hidden shadow-2xl">
+<div class="flex items-center justify-between px-4 py-2 bg-surface-dark border-b border-border-dark">
+<span class="text-xs font-mono text-slate-400">output.json</span>
+<div class="flex gap-1.5">
+<div class="size-2.5 rounded-full bg-red-500/20"></div>
+<div class="size-2.5 rounded-full bg-yellow-500/20"></div>
+<div class="size-2.5 rounded-full bg-green-500/20"></div>
+</div>
+</div>
+<div class="flex-1 p-4 overflow-auto custom-scrollbar font-mono text-sm leading-6">
+<pre><code class="language-json"><span class="text-slate-500">1</span>  <span class="text-yellow-500">{</span>
+<span class="text-slate-500">2</span>    <span class="text-primary">"product_analysis"</span><span class="text-white">:</span> <span class="text-yellow-500">{</span>
+<span class="text-slate-500">3</span>      <span class="text-primary">"title"</span><span class="text-white">:</span> <span class="text-sky-300">"Apex Terrain All-Weather Performance Jacket"</span><span class="text-white">,</span>
+<span class="text-slate-500">4</span>      <span class="text-primary">"category"</span><span class="text-white">:</span> <span class="text-sky-300">"Outerwear / Men's / Technical Shells"</span><span class="text-white">,</span>
+<span class="text-slate-500">5</span>      <span class="text-primary">"features"</span><span class="text-white">:</span> <span class="text-yellow-500">[</span>
+<span class="text-slate-500">6</span>        <span class="text-sky-300">"Gore-Tex Pro Membrane"</span><span class="text-white">,</span>
+<span class="text-slate-500">7</span>        <span class="text-sky-300">"Articulated Sleeves"</span><span class="text-white">,</span>
+<span class="text-slate-500">8</span>        <span class="text-sky-300">"Helmet-Compatible Hood"</span>
+<span class="text-slate-500">9</span>      <span class="text-yellow-500">]</span><span class="text-white">,</span>
+<span class="text-slate-500">10</span>     <span class="text-primary">"seo_tags"</span><span class="text-white">:</span> <span class="text-yellow-500">[</span>
+<span class="text-slate-500">11</span>       <span class="text-sky-300">"#hikinggear"</span><span class="text-white">,</span> <span class="text-sky-300">"#waterproof"</span><span class="text-white">,</span> <span class="text-sky-300">"#adventure"</span>
+<span class="text-slate-500">12</span>     <span class="text-yellow-500">]</span><span class="text-white">,</span>
+<span class="text-slate-500">13</span>     <span class="text-primary">"sentiment_score"</span><span class="text-white">:</span> <span class="text-purple-400">0.98</span><span class="text-white">,</span>
+<span class="text-slate-500">14</span>     <span class="text-primary">"market_fit"</span><span class="text-white">:</span> <span class="text-sky-300">"High Demand"</span>
+<span class="text-slate-500">15</span>   <span class="text-yellow-500">}</span><span class="text-white">,</span>
+<span class="text-slate-500">16</span>   <span class="text-primary">"deployment_status"</span><span class="text-white">:</span> <span class="text-sky-300">"Ready"</span>
+<span class="text-slate-500">17</span> <span class="text-yellow-500">}</span></code></pre>
+</div>
+</div>
+</div>
+</div>
+</main>
+<script>
+        tailwind.config.theme.extend.animation = {
+            shine: 'shine 1s',
+        }
+        tailwind.config.theme.extend.keyframes = {
+            shine: {
+                '100%': { left: '125%' },
+            }
+        }
+    </script>
+
+</body></html>

connect_n8n.py

@@ -0,0 +1,126 @@
+import os
+import subprocess
+
+def update_requirements():
+    req_file = "requirements.txt"
+    if not os.path.exists(req_file):
+        with open(req_file, "w") as f:
+            f.write("httpx\n")
+        print(f"Created {req_file} with httpx.")
+        return
+
+    with open(req_file, "r") as f:
+        content = f.read()
+    
+    if "httpx" not in content:
+        with open(req_file, "a") as f:
+            f.write("\nhttpx\n")
+        print("Appended httpx to requirements.txt.")
+    else:
+        print("httpx already in requirements.txt.")
+
+def update_main():
+    main_content = r'''import os
+import httpx
+import asyncio
+from fastapi import FastAPI, UploadFile, File
+from fastapi.responses import HTMLResponse, JSONResponse
+from dotenv import load_dotenv
+# Import Agents
+from agents.visual_analyst import VisualAnalyst
+from agents.memory_agent import MemoryAgent
+from agents.writer_agent import WriterAgent
+load_dotenv()
+app = FastAPI()
+# Initialize Agents
+try:
+    visual_agent = VisualAnalyst()
+    memory_agent = MemoryAgent()
+    writer_agent = WriterAgent()
+    memory_agent.seed_database()
+    print("✅ All Agents Online")
+except Exception as e:
+    print(f"⚠️ Agent Startup Warning: {e}")
+@app.get("/", response_class=HTMLResponse)
+async def read_root():
+    try:
+        with open("dashboard.html", "r") as f:
+            return f.read()
+    except FileNotFoundError:
+        return "<h1>Error: dashboard.html not found</h1>"
+@app.post("/generate-catalog")
+async def generate_catalog(file: UploadFile = File(...)):
+    try:
+        # 1. Save Temp File
+        os.makedirs("uploads", exist_ok=True)
+        file_path = f"uploads/{file.filename}"
+        with open(file_path, "wb") as f:
+            f.write(await file.read())
+        # 2. Run AI Pipeline
+        visual_data = await visual_agent.analyze_image(file_path)
+        
+        query = f"{visual_data.get('main_color', '')} {visual_data.get('product_type', 'product')}"
+        seo_keywords = memory_agent.retrieve_keywords(query)
+        
+        listing = writer_agent.write_listing(visual_data, seo_keywords)
+        
+        # 3. Construct Final Payload
+        final_data = {
+            "visual_data": visual_data,
+            "seo_keywords": seo_keywords,
+            "listing": listing
+        }
+        # 4. ⚡ N8N AUTOMATION TRIGGER ⚡
+        n8n_url = os.getenv("N8N_WEBHOOK_URL")
+        if n8n_url:
+            print(f"🚀 Sending data to N8N: {n8n_url}")
+            # Fire and forget (don't make the user wait for n8n)
+            asyncio.create_task(send_to_n8n(n8n_url, final_data))
+        
+        # Cleanup
+        if os.path.exists(file_path):
+            os.remove(file_path)
+            
+        return JSONResponse(content=final_data)
+    except Exception as e:
+        return JSONResponse(content={"error": str(e)}, status_code=500)
+# Async Helper to send data without blocking
+async def send_to_n8n(url, data):
+    try:
+        async with httpx.AsyncClient() as client:
+            await client.post(url, json=data, timeout=5.0)
+            print("✅ N8N Webhook Sent Successfully")
+    except Exception as e:
+        print(f"❌ N8N Webhook Failed: {e}")
+if __name__ == "__main__":
+    import uvicorn
+    uvicorn.run(app, host="0.0.0.0", port=7860)
+'''
+    with open("main.py", "w", encoding="utf-8") as f:
+        f.write(main_content)
+    print("Updated main.py with N8N integration logic.")
+
+def deploy():
+    try:
+        subprocess.run(["git", "add", "."], check=True)
+        # Check if there are changes to commit
+        status = subprocess.run(["git", "status", "--porcelain"], capture_output=True, text=True)
+        if status.stdout.strip():
+            subprocess.run(["git", "commit", "-m", "Add N8N Integration"], check=True)
+            print("Git commit successful.")
+        else:
+            print("No changes to commit.")
+        
+        print("Pushing to space...")
+        subprocess.run(["git", "push", "space", "clean_deploy:main"], check=True)
+        print("✅ Successfully deployed to Hugging Face Space.")
+        
+    except subprocess.CalledProcessError as e:
+        print(f"❌ Deployment failed: {e}")
+
+if __name__ == "__main__":
+    print("Starting N8N Integration Setup...")
+    update_requirements()
+    update_main()
+    deploy()
+    print("✅ connect_n8n.py completed.")

create_dockerfile.py

@@ -0,0 +1,50 @@
+import subprocess
+import sys
+
+def run_command(command):
+    print(f"Running: {command}")
+    try:
+        # shell=True allows us to run the command string exactly as provided
+        subprocess.run(command, shell=True, check=True)
+    except subprocess.CalledProcessError as e:
+        print(f"Error executing command '{command}': {e}")
+        sys.exit(1)
+
+def main():
+    # 1. Create Dockerfile
+    dockerfile_content = """FROM python:3.9
+WORKDIR /code
+COPY ./requirements.txt /code/requirements.txt
+RUN pip install --no-cache-dir --upgrade -r /code/requirements.txt
+COPY . /code
+# Fix permissions for libraries that write to home
+RUN mkdir -p /tmp/home
+ENV HOME=/tmp/home
+# Start the FastAPI server on port 7860 (required by Hugging Face)
+CMD ["uvicorn", "main:app", "--host", "0.0.0.0", "--port", "7860"]
+"""
+    
+    print("Creating Dockerfile...")
+    try:
+        with open("Dockerfile", "w", newline='\n') as f:
+            f.write(dockerfile_content)
+        print("Dockerfile created successfully.")
+    except Exception as e:
+        print(f"Failed to create Dockerfile: {e}")
+        sys.exit(1)
+
+    # 2. Push to Space
+    print("Executing Git commands...")
+    commands = [
+        'git add Dockerfile',
+        'git commit -m "Add Dockerfile for Hugging Face deployment"',
+        'git push -f space clean_deploy:main'
+    ]
+
+    for cmd in commands:
+        run_command(cmd)
+
+    print("\ncreate_dockerfile.py execution completed.")
+
+if __name__ == "__main__":
+    main()

dashboard.html

@@ -0,0 +1,455 @@
+<!DOCTYPE html>
+<html class="dark" lang="en"><head>
+<meta charset="utf-8"/>
+<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+<title>MerchFlow AI Dashboard</title>
+<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
+<link href="https://fonts.googleapis.com" rel="preconnect"/>
+<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
+<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&amp;display=swap" rel="stylesheet"/>
+<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
+<script id="tailwind-config">
+        tailwind.config = {
+            darkMode: "class",
+            theme: {
+                extend: {
+                    colors: {
+                        "primary": "#f59e0b",
+                        "primary-hover": "#d97706",
+                        "glass-border": "rgba(255, 255, 255, 0.12)",
+                        "glass-surface": "rgba(255, 255, 255, 0.03)",
+                        "glass-surface-hover": "rgba(255, 255, 255, 0.07)",
+                        "charcoal": "#0a0a0a",
+                        "amber-accent": "#fbbf24"
+                    },
+                    fontFamily: {
+                        "display": ["Plus Jakarta Sans", "sans-serif"],
+                        "mono": ["monospace"]
+                    },
+                    borderRadius: { "DEFAULT": "1rem", "lg": "1.5rem", "xl": "2rem", "2xl": "3rem", "full": "9999px" },
+                    backdropBlur: {
+                        'xs': '2px',
+                    },
+                    screens: {
+                        'xs': '480px',
+                    },
+                    animation: {
+                        'pulse-slow': 'pulse-slow 3s infinite',
+                        'glow-pulse': 'glow-pulse 3s infinite',
+                        'copy-success': 'copy-success 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)',
+                    },
+                    keyframes: {
+                        'pulse-slow': {
+                            '0%, 100%': { transform: 'scale(1)' },
+                            '50%': { transform: 'scale(1.02)' },
+                        },
+                        'glow-pulse': {
+                            '0%, 100%': { boxShadow: '0 0 0 0 rgba(245, 158, 11, 0.4)' },
+                            '50%': { boxShadow: '0 0 20px 5px rgba(251, 191, 36, 0.5)' },
+                        },
+                        'copy-success': {
+                            '0%': { transform: 'scale(0.8)', opacity: '0' },
+                            '100%': { transform: 'scale(1)', opacity: '1' },
+                        }
+                    }
+                },
+            },
+        }
+    </script>
+<style type="text/tailwindcss">
+        .custom-scrollbar::-webkit-scrollbar {
+            width: 6px;
+            height: 6px;
+        }
+        .custom-scrollbar::-webkit-scrollbar-track {
+            background: transparent;
+        }
+        .custom-scrollbar::-webkit-scrollbar-thumb {
+            background: rgba(255, 255, 255, 0.1);
+            border-radius: 99px;
+        }
+        .custom-scrollbar::-webkit-scrollbar-thumb:hover {
+            background: rgba(255, 255, 255, 0.2);
+        }
+        body {
+            background-color: #0a0a0a;
+            background-image: 
+                radial-gradient(at 0% 0%, rgba(20, 20, 20, 1) 0, transparent 50%), 
+                radial-gradient(at 50% -10%, rgba(217, 119, 6, 0.15) 0, transparent 60%), 
+                radial-gradient(at 100% 0%, rgba(251, 191, 36, 0.1) 0, transparent 50%),
+                radial-gradient(at 80% 80%, rgba(217, 119, 6, 0.12) 0, transparent 50%);
+            background-attachment: fixed;
+            min-height: 100vh;
+        }
+        .glass-panel {
+            background: rgba(15, 15, 15, 0.75);
+            backdrop-filter: blur(20px);
+            -webkit-backdrop-filter: blur(20px);
+            border: 1px solid rgba(255, 255, 255, 0.08);
+        }
+        @media (max-width: 768px) {
+            .glass-panel {
+                backdrop-filter: blur(14px);
+                -webkit-backdrop-filter: blur(14px);
+                background: rgba(10, 10, 10, 0.85);
+            }
+        }
+        .glass-card {
+            background: rgba(255, 255, 255, 0.02);
+            border: 1px solid rgba(255, 255, 255, 0.05);
+            backdrop-filter: blur(12px);
+            transition: all 0.3s ease;
+        }
+        @media (hover: hover) {
+            .glass-card:hover {
+                border-color: rgba(251, 191, 36, 0.3);
+                box-shadow: 0 0 25px rgba(245, 158, 11, 0.15);
+                background: rgba(255, 255, 255, 0.04);
+            }
+        }
+        .neon-textarea {
+            background: rgba(255, 255, 255, 0.03);
+            border: 1px solid rgba(255, 255, 255, 0.08);
+            backdrop-filter: blur(16px);
+            -webkit-backdrop-filter: blur(16px);
+            transition: all 0.3s ease;
+        }
+        .neon-textarea:focus {
+            outline: none;
+            border-color: rgba(251, 191, 36, 0.5);
+            box-shadow: 0 0 15px rgba(245, 158, 11, 0.25), inset 0 0 5px rgba(245, 158, 11, 0.05);
+            background: rgba(255, 255, 255, 0.06);
+        }
+        .copy-active {
+            box-shadow: 0 0 15px rgba(251, 191, 36, 0.6) !important;
+            border-color: rgba(251, 191, 36, 0.4) !important;
+            background: rgba(251, 191, 36, 0.1) !important;
+        }
+    </style>
+<style>
+    body {
+      min-height: max(884px, 100dvh);
+    }
+  </style>
+  </head>
+<body class="font-display text-white antialiased overflow-x-hidden min-h-screen flex flex-col selection:bg-amber-500 selection:text-black">
+<header class="flex-none z-30 px-4 py-3 lg:px-6 lg:py-4 border-b border-white/5 glass-panel sticky top-0">
+<div class="max-w-[1600px] mx-auto flex items-center justify-between gap-4">
+<div class="flex items-center gap-3 lg:gap-4 flex-1 min-w-0">
+<div class="flex-none flex items-center justify-center size-9 lg:size-10 rounded-xl bg-gradient-to-br from-amber-400 to-amber-700 shadow-lg shadow-amber-900/20 text-white">
+<span class="material-symbols-outlined text-xl lg:text-2xl">all_inclusive</span>
+</div>
+<div class="min-w-0">
+<h2 class="text-white text-base lg:text-xl font-bold leading-tight tracking-tight truncate">MerchFlow AI</h2>
+<div class="flex items-center gap-2">
+<span class="size-1.5 rounded-full bg-amber-500 animate-pulse flex-none"></span>
+<span class="text-[10px] text-amber-200/60 font-bold uppercase tracking-wider truncate">Enterprise Edition</span>
+</div>
+</div>
+</div>
+<button class="group relative flex-none flex cursor-pointer items-center justify-center overflow-hidden rounded-full h-9 lg:h-10 px-4 lg:px-6 bg-gradient-to-r from-amber-600 to-amber-800 hover:from-amber-500 hover:to-amber-700 border border-white/10 shadow-[0_0_15px_rgba(245,158,11,0.3)] transition-all" id="deployBtn">
+<div class="absolute inset-0 bg-white/10 opacity-0 group-hover:opacity-100 transition-opacity"></div>
+<span class="material-symbols-outlined lg:mr-2 text-lg relative z-10">rocket_launch</span>
+<span class="hidden lg:inline truncate text-sm font-bold tracking-wide relative z-10">Deploy</span>
+</button>
+</div>
+</header>
+<main class="flex-1 flex flex-col lg:flex-row relative z-10">
+<div class="fixed top-1/4 -left-20 w-64 h-64 lg:w-96 lg:h-96 bg-amber-900/10 rounded-full blur-[120px] pointer-events-none z-0"></div>
+<div class="fixed bottom-1/4 -right-20 w-64 h-64 lg:w-96 lg:h-96 bg-orange-900/5 rounded-full blur-[120px] pointer-events-none z-0"></div>
+<div class="flex-none lg:flex-1 flex flex-col lg:border-r border-white/5 p-4 lg:p-8 bg-black/40 lg:overflow-y-auto lg:h-[calc(100vh-73px)] relative z-10">
+<div class="max-w-xl w-full mx-auto flex flex-col gap-4 lg:gap-6 h-full">
+<div class="flex items-center justify-between mb-2">
+<h2 class="text-white text-xl lg:text-3xl font-bold tracking-tight">Input Data</h2>
+<span class="bg-white/5 text-amber-200/80 px-2.5 py-1 rounded-full text-[10px] lg:text-xs font-semibold border border-white/10 backdrop-blur-sm">Step 1 of 2</span>
+</div>
+<div class="flex flex-col flex-none">
+<input accept=".jpg,.jpeg,.png,.webp" class="hidden" id="fileInput" type="file"/>
+<div class="group relative flex flex-col items-center justify-center gap-3 lg:gap-4 rounded-2xl lg:rounded-3xl border-2 border-dashed border-white/10 hover:border-amber-500/50 hover:bg-white/5 transition-all cursor-pointer min-h-[200px] lg:min-h-[260px] px-4 py-6 lg:px-6 lg:py-8 glass-card" id="dropZone">
+<div class="absolute w-16 h-16 lg:w-20 lg:h-20 bg-amber-500/10 rounded-full blur-xl group-hover:bg-amber-500/20 transition-all"></div>
+<div class="size-14 lg:size-16 relative z-10 rounded-2xl bg-gradient-to-br from-neutral-800 to-black border border-white/10 shadow-lg flex items-center justify-center transition-transform group-hover:scale-110 duration-300">
+<span class="material-symbols-outlined text-2xl lg:text-3xl text-amber-500">cloud_upload</span>
+</div>
+<div class="flex flex-col items-center gap-1 relative z-10">
+<p class="text-white text-base lg:text-lg font-bold leading-tight tracking-tight text-center">Drop Product Image Here</p>
+<p class="text-neutral-500 text-xs lg:text-sm font-medium text-center">Supports JPG, PNG, WEBP</p>
+</div>
+<button class="mt-2 relative z-10 flex items-center justify-center rounded-full h-8 lg:h-9 px-4 lg:px-5 bg-white/5 hover:bg-white/10 border border-white/10 text-white text-[10px] lg:text-xs font-bold transition-all uppercase tracking-wide" id="browseBtn">
+                            Browse Files
+                        </button>
+</div>
+</div>
+<div class="flex flex-col gap-2 lg:gap-3 flex-1">
+<label class="flex items-center justify-between px-1">
+<span class="text-white text-sm lg:text-base font-semibold">Raw Product Specs</span>
+<span class="text-[10px] lg:text-xs text-neutral-500 font-medium bg-black/40 px-2 py-0.5 rounded border border-white/5">JSON or Plain Text</span>
+</label>
+<div class="relative w-full">
+<textarea class="form-input w-full min-h-[140px] lg:h-full lg:min-h-[180px] resize-y lg:resize-none rounded-xl lg:rounded-2xl text-neutral-100 placeholder:text-neutral-600 neon-textarea p-4 lg:p-5 text-sm leading-relaxed font-mono shadow-inner transition-all duration-300" id="productSpecs" placeholder="// Enter fabric details, dimensions, and SKU..."></textarea>
+</div>
+</div>
+<div class="pt-2 pb-6 lg:pb-0">
+<button class="group relative w-full cursor-pointer overflow-hidden rounded-xl lg:rounded-2xl h-12 lg:h-14 bg-gradient-to-r from-amber-600 via-amber-700 to-amber-800 hover:from-amber-500 hover:to-amber-700 transition-all border border-white/10 animate-pulse-slow animate-glow-pulse" id="startBtn">
+<div class="absolute inset-0 flex items-center justify-center gap-2 lg:gap-3 relative z-10">
+<span class="text-white text-base lg:text-lg font-bold tracking-wide group-hover:scale-105 transition-transform">Start Agent Workflow</span>
+<span class="material-symbols-outlined text-white text-lg lg:text-xl group-hover:translate-x-1 transition-transform">arrow_forward</span>
+</div>
+</button>
+</div>
+</div>
+</div>
+<div class="flex-none lg:flex-1 flex flex-col p-4 lg:p-8 bg-black/60 lg:overflow-y-auto lg:h-[calc(100vh-73px)] relative">
+<div class="absolute inset-0 opacity-[0.02] pointer-events-none" style="background-image: linear-gradient(to right, #ffffff 1px, transparent 1px), linear-gradient(to bottom, #ffffff 1px, transparent 1px); background-size: 40px 40px;"></div>
+<div class="max-w-3xl w-full mx-auto flex flex-col gap-4 lg:gap-6 h-full relative z-10 pb-8 lg:pb-0">
+<div class="flex items-center justify-between mb-2">
+<h2 class="text-white text-xl lg:text-3xl font-bold tracking-tight">Generated Output</h2>
+<div class="flex items-center gap-2">
+<span class="hidden xs:inline-block bg-white/5 text-amber-200 px-2.5 py-1 rounded-full text-[10px] lg:text-xs font-semibold border border-white/10 backdrop-blur-sm">Step 2 of 2</span>
+<div class="hidden xs:block h-6 w-px bg-white/10 mx-1"></div>
+<button class="size-8 lg:size-9 flex items-center justify-center hover:bg-white/10 rounded-lg text-neutral-500 hover:text-amber-400 transition-all duration-300 border border-transparent" id="copyBtn" title="Copy JSON">
+<span class="material-symbols-outlined text-lg lg:text-xl transition-all duration-300" id="copyIcon">content_copy</span>
+</button>
+<button class="size-8 lg:size-9 flex items-center justify-center hover:bg-white/10 rounded-lg text-neutral-500 hover:text-amber-400 transition-colors" id="downloadBtn" title="Download JSON">
+<span class="material-symbols-outlined text-lg lg:text-xl">download</span>
+</button>
+</div>
+</div>
+<div class="grid grid-cols-1 xs:grid-cols-3 gap-3">
+<div class="flex items-center gap-3 p-3 lg:p-4 rounded-xl glass-card cursor-default group">
+<div class="relative size-3 flex-none">
+<span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-amber-500 opacity-75"></span>
+<span class="relative inline-flex rounded-full size-3 bg-amber-500 shadow-[0_0_10px_rgba(245,158,11,0.5)]"></span>
+</div>
+<div class="flex flex-col overflow-hidden min-w-0">
+<span class="text-[9px] lg:text-[10px] uppercase tracking-wider text-neutral-500 truncate group-hover:text-amber-300 transition-colors">Vision Agent</span>
+<span class="text-xs lg:text-sm font-bold text-white truncate">Gemini Pro 1.5</span>
+</div>
+</div>
+<div class="flex items-center gap-3 p-3 lg:p-4 rounded-xl glass-card cursor-default group">
+<div class="relative size-3 flex-none">
+<span class="relative inline-flex rounded-full size-3 bg-amber-600 shadow-[0_0_10px_rgba(217,119,6,0.5)]"></span>
+</div>
+<div class="flex flex-col overflow-hidden min-w-0">
+<span class="text-[9px] lg:text-[10px] uppercase tracking-wider text-neutral-500 truncate group-hover:text-amber-300 transition-colors">Reasoning Agent</span>
+<span class="text-xs lg:text-sm font-bold text-white truncate">Llama 3 70B</span>
+</div>
+</div>
+<div class="flex items-center gap-3 p-3 lg:p-4 rounded-xl glass-card cursor-default group">
+<div class="relative size-3 flex-none">
+<span class="relative inline-flex rounded-full size-3 bg-neutral-600 shadow-[0_0_10px_rgba(82,82,82,0.5)]"></span>
+</div>
+<div class="flex flex-col overflow-hidden min-w-0">
+<span class="text-[9px] lg:text-[10px] uppercase tracking-wider text-neutral-500 truncate group-hover:text-amber-300 transition-colors">SEO Context</span>
+<span class="text-xs lg:text-sm font-bold text-white truncate">Pinecone DB</span>
+</div>
+</div>
+</div>
+<div class="flex-none lg:flex-1 min-h-[400px] lg:min-h-0 rounded-xl lg:rounded-2xl bg-black/60 backdrop-blur-xl border border-white/5 flex flex-col overflow-hidden shadow-2xl relative glass-card group/output transition-all duration-500">
+<div class="absolute top-0 right-0 w-64 h-64 bg-amber-500/5 rounded-full blur-[100px] pointer-events-none"></div>
+<div class="flex items-center justify-between px-3 py-2.5 lg:px-4 lg:py-3 bg-white/5 border-b border-white/5">
+<span class="text-[10px] lg:text-xs font-mono text-neutral-500 flex items-center gap-2">
+<span class="material-symbols-outlined text-xs lg:text-sm">code</span>
+                            output.json
+                        </span>
+<div class="flex gap-1.5">
+<div class="size-2.5 lg:size-3 rounded-full bg-neutral-800 border border-white/10"></div>
+<div class="size-2.5 lg:size-3 rounded-full bg-neutral-800 border border-white/10"></div>
+<div class="size-2.5 lg:size-3 rounded-full bg-amber-500/20 border border-amber-500/30"></div>
+</div>
+</div>
+<div class="flex-1 p-4 lg:p-5 overflow-auto custom-scrollbar font-mono text-xs lg:text-sm leading-6 lg:leading-7">
+<pre><code class="language-json block" id="jsonOutput"><span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">01</span><span class="text-amber-400">{</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">02</span>  <span class="text-amber-600">"product_analysis"</span><span class="text-neutral-400">:</span> <span class="text-amber-400">{</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">03</span>    <span class="text-amber-600">"title"</span><span class="text-neutral-400">:</span> <span class="text-amber-200">"Noir Elite Series Artisan Timepiece"</span><span class="text-neutral-400">,</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">04</span>    <span class="text-amber-600">"category"</span><span class="text-neutral-400">:</span> <span class="text-amber-200">"Luxury / Accessories"</span><span class="text-neutral-400">,</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">05</span>    <span class="text-amber-600">"features"</span><span class="text-neutral-400">:</span> <span class="text-amber-400">[</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">06</span>      <span class="text-amber-200">"Obsidian Finish"</span><span class="text-neutral-400">,</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">07</span>      <span class="text-amber-200">"Golden Accents"</span><span class="text-neutral-400">,</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">08</span>      <span class="text-amber-200">"Smart Haptic Interface"</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">09</span>    <span class="text-amber-400">]</span><span class="text-neutral-400">,</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">10</span>    <span class="text-amber-600">"seo_tags"</span><span class="text-neutral-400">:</span> <span class="text-amber-400">[</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">11</span>      <span class="text-amber-200">"#luxurywear"</span><span class="text-neutral-400">,</span> <span class="text-amber-200">"#amberstyle"</span><span class="text-neutral-400">,</span> <span class="text-amber-200">"#premiumtech"</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">12</span>    <span class="text-amber-400">]</span><span class="text-neutral-400">,</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">13</span>    <span class="text-amber-600">"sentiment_score"</span><span class="text-neutral-400">:</span> <span class="text-amber-500">0.99</span><span class="text-neutral-400">,</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">14</span>    <span class="text-amber-600">"market_fit"</span><span class="text-neutral-400">:</span> <span class="text-amber-200">"Exceptional"</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">15</span>  <span class="text-amber-400">}</span><span class="text-neutral-400">,</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">16</span>  <span class="text-amber-600">"deployment_status"</span><span class="text-neutral-400">:</span> <span class="text-amber-200">"Authorized"</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">17</span><span class="text-amber-400">}</span></code></pre>
+</div>
+</div>
+</div>
+</div>
+</main>
+<footer class="flex-none flex items-center justify-center py-4 bg-black/80 border-t border-white/5 backdrop-blur-md z-10">
+<span class="text-[10px] lg:text-xs text-neutral-600 font-medium tracking-wide">© 2026 Bhishaj Technologies — All Rights Reserved</span>
+</footer>
+<script>
+        tailwind.config.theme.extend.animation = {
+            shine: 'shine 1.5s infinite',
+        }
+        tailwind.config.theme.extend.keyframes = {
+            shine: {
+                '0%': { left: '-100%' },
+                '100%': { left: '200%' },
+            }
+        }
+        const dropZone = document.getElementById('dropZone');
+        const fileInput = document.getElementById('fileInput');
+        const startBtn = document.getElementById('startBtn');
+        const jsonOutput = document.getElementById('jsonOutput');
+        const deployBtn = document.getElementById('deployBtn');
+        const copyBtn = document.getElementById('copyBtn');
+        const copyIcon = document.getElementById('copyIcon');
+        const downloadBtn = document.getElementById('downloadBtn');
+        let selectedFile = null;
+        let isCatalogGenerated = false;
+        const defaultDropZoneContent = `
+            <div class="absolute w-16 h-16 lg:w-20 lg:h-20 bg-amber-500/10 rounded-full blur-xl group-hover:bg-amber-500/20 transition-all"></div>
+            <div class="size-14 lg:size-16 relative z-10 rounded-2xl bg-gradient-to-br from-neutral-800 to-black border border-white/10 shadow-lg flex items-center justify-center transition-transform group-hover:scale-110 duration-300">
+                <span class="material-symbols-outlined text-2xl lg:text-3xl text-amber-500">cloud_upload</span>
+            </div>
+            <div class="flex flex-col items-center gap-1 relative z-10">
+                <p class="text-white text-base lg:text-lg font-bold leading-tight tracking-tight text-center">Drop Product Image Here</p>
+                <p class="text-neutral-500 text-xs lg:text-sm font-medium text-center">Supports JPG, PNG, WEBP</p>
+            </div>
+            <button id="browseBtn"
+                class="mt-2 relative z-10 flex items-center justify-center rounded-full h-8 lg:h-9 px-4 lg:px-5 bg-white/5 hover:bg-white/10 border border-white/10 text-white text-[10px] lg:text-xs font-bold transition-all uppercase tracking-wide">
+                Browse Files
+            </button>
+        `;
+        function initDropZone() {
+            const browseBtn = document.getElementById('browseBtn');
+            if (browseBtn) {
+                browseBtn.addEventListener('click', (e) => {
+                    e.stopPropagation();
+                    fileInput.click();
+                });
+            }
+        }
+        initDropZone();
+        fileInput.addEventListener('change', (e) => {
+            if (e.target.files.length > 0) {
+                handleFile(e.target.files[0]);
+            }
+        });
+        dropZone.addEventListener('dragover', (e) => {
+            e.preventDefault();
+            dropZone.classList.add('border-amber-500');
+            dropZone.classList.add('bg-amber-500/5');
+        });
+        dropZone.addEventListener('dragleave', (e) => {
+            e.preventDefault();
+            dropZone.classList.remove('border-amber-500');
+            dropZone.classList.remove('bg-amber-500/5');
+        });
+        dropZone.addEventListener('drop', (e) => {
+            e.preventDefault();
+            dropZone.classList.remove('border-amber-500');
+            dropZone.classList.remove('bg-amber-500/5');
+            if (e.dataTransfer.files.length > 0) {
+                handleFile(e.dataTransfer.files[0]);
+            }
+        });
+        function handleFile(file) {
+            selectedFile = file;
+            dropZone.innerHTML = `
+                <div class="flex flex-col items-center justify-center gap-4 z-10">
+                    <div class="size-14 lg:size-16 rounded-2xl bg-gradient-to-br from-neutral-800 to-black border border-white/10 shadow-lg flex items-center justify-center">
+                         <span class="material-symbols-outlined text-2xl lg:text-3xl text-amber-500">check_circle</span>
+                    </div>
+                    <div class="flex flex-col items-center gap-1">
+                        <p class="text-white text-base lg:text-lg font-bold text-center">${file.name}</p>
+                        <p class="text-neutral-500 text-xs lg:text-sm text-center">${(file.size / 1024).toFixed(1)} KB</p>
+                    </div>
+                     <button id="removeFileBtn" class="mt-2 flex items-center justify-center gap-2 rounded-full h-8 lg:h-9 px-4 lg:px-5 bg-red-500/10 hover:bg-red-500/20 text-red-400 border border-red-500/20 transition-all text-[10px] lg:text-xs font-bold uppercase tracking-wide">
+                        <span class="material-symbols-outlined text-sm lg:text-base">close</span>
+                        <span>Remove File</span>
+                    </button>
+                </div>
+            `;
+            document.getElementById('removeFileBtn').addEventListener('click', (e) => {
+                e.stopPropagation();
+                resetUploadUI();
+            });
+        }
+        function resetUploadUI() {
+            selectedFile = null;
+            fileInput.value = "";
+            dropZone.innerHTML = defaultDropZoneContent;
+            initDropZone();
+        }
+        deployBtn.addEventListener('click', () => {
+            if (!isCatalogGenerated) {
+                alert("Please generate a catalog first before deploying.");
+                return;
+            }
+            const originalContent = deployBtn.innerHTML;
+            deployBtn.disabled = true;
+            deployBtn.innerHTML = `
+                <svg class="animate-spin h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+                    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+                    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+                </svg>
+            `;
+            setTimeout(() => {
+                alert("Success: Catalog pushed to storefront!");
+                deployBtn.innerHTML = originalContent;
+                deployBtn.disabled = false;
+            }, 1500);
+        });
+        copyBtn.addEventListener('click', () => {
+            const textToCopy = jsonOutput.innerText;
+            navigator.clipboard.writeText(textToCopy).then(() => {
+                const originalIcon = copyIcon.innerText;
+                copyIcon.style.opacity = '0';
+                copyIcon.style.transform = 'scale(0.8)';
+                setTimeout(() => {
+                    copyIcon.innerText = 'check';
+                    copyIcon.classList.remove('text-neutral-500');
+                    copyIcon.classList.add('text-amber-500');
+                    copyIcon.classList.add('animate-copy-success');
+                    copyIcon.style.opacity = '1';
+                    copyIcon.style.transform = 'scale(1)';
+                    copyBtn.classList.add('copy-active');
+                }, 150);
+                setTimeout(() => {
+                    copyIcon.style.opacity = '0';
+                    copyIcon.style.transform = 'scale(0.8)';
+                    setTimeout(() => {
+                        copyIcon.innerText = originalIcon;
+                        copyIcon.classList.remove('text-amber-500', 'animate-copy-success');
+                        copyIcon.classList.add('text-neutral-500');
+                        copyIcon.style.opacity = '1';
+                        copyIcon.style.transform = 'scale(1)';
+                        copyBtn.classList.remove('copy-active');
+                    }, 150);
+                }, 2000);
+            });
+        });
+        downloadBtn.addEventListener('click', () => {
+            const dataStr = "data:text/json;charset=utf-8," + encodeURIComponent(jsonOutput.innerText);
+            const downloadAnchorNode = document.createElement('a');
+            downloadAnchorNode.setAttribute("href", dataStr);
+            downloadAnchorNode.setAttribute("download", "merchflow_output.json");
+            document.body.appendChild(downloadAnchorNode);
+            downloadAnchorNode.click();
+            downloadAnchorNode.remove();
+        });
+        startBtn.addEventListener('click', async () => {
+            if (!selectedFile) {
+                alert("Please select a file first.");
+                return;
+            }
+            startBtn.innerHTML = '<div class="absolute inset-0 flex items-center justify-center gap-2 lg:gap-3"><svg class="animate-spin h-4 w-4 lg:h-5 lg:w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path></svg><span class="text-white text-base lg:text-lg font-bold tracking-wide">Synthesizing...</span></div>';
+            startBtn.disabled = true;
+            startBtn.classList.remove('animate-pulse-slow', 'animate-glow-pulse');
+            setTimeout(() => {
+                isCatalogGenerated = true;
+                startBtn.innerHTML = '<div class="absolute inset-0 flex items-center justify-center gap-2 lg:gap-3 relative z-10"><span class="text-white text-base lg:text-lg font-bold tracking-wide group-hover:scale-105 transition-transform">Start Agent Workflow</span><span class="material-symbols-outlined text-white text-lg lg:text-xl group-hover:translate-x-1 transition-transform">arrow_forward</span></div>';
+                startBtn.disabled = false;
+                startBtn.classList.add('animate-pulse-slow', 'animate-glow-pulse');
+            }, 1500);
+        });
+    </script>
+
+</body></html>

deploy_new_ui.py

@@ -0,0 +1,60 @@
+import re
+import subprocess
+import sys
+
+def main():
+    glassui_path = "glassui.html"
+    dashboard_path = "dashboard.html"
+    
+    # Read the New Design
+    try:
+        with open(glassui_path, 'r', encoding='utf-8') as f:
+            glassui_content = f.read()
+    except FileNotFoundError:
+        print(f"Error: Could not find '{glassui_path}'.")
+        sys.exit(1)
+        
+    # The Safety Scan (Crucial)
+    required_ids = [
+        "dropZone",
+        "fileInput",
+        "browseBtn",
+        "startBtn",
+        "deployBtn",
+        "jsonOutput",
+        "copyBtn",
+        "downloadBtn"
+    ]
+    
+    for element_id in required_ids:
+        # Check if id="element_id" or id='element_id' exists
+        pattern = rf'id\s*=\s*[\'"]{element_id}[\'"]'
+        if not re.search(pattern, glassui_content):
+            print(f"⚠️ WARNING: Missing ID {element_id}")
+            
+    # Overwrite
+    try:
+        with open(dashboard_path, 'w', encoding='utf-8') as f:
+            f.write(glassui_content)
+        print(f"Successfully copied '{glassui_path}' to '{dashboard_path}'.")
+    except Exception as e:
+        print(f"Error overwriting '{dashboard_path}': {e}")
+        sys.exit(1)
+        
+    # Deploy
+    print("Deploying to Hugging Face...")
+    git_commands = [
+        ["git", "add", "dashboard.html"],
+        ["git", "commit", "-m", "UI Update: Apply responsive Glassmorphism design from Stitch"],
+        ["git", "push", "space", "clean_deploy:main"]
+    ]
+    
+    for cmd in git_commands:
+        print(f"Running: {' '.join(cmd)}")
+        # Use encoding='utf-8' as strictly requested
+        result = subprocess.run(cmd, text=True, encoding='utf-8')
+        if result.returncode != 0:
+            print(f"Command failed: {' '.join(cmd)}")
+
+if __name__ == "__main__":
+    main()

final_deploy_push.py

@@ -0,0 +1,20 @@
+import subprocess
+import sys
+
+# Force UTF-8 output for Windows terminals
+sys.stdout.reconfigure(encoding='utf-8')
+
+def deploy():
+    print("⚠️  Ensure you are inside the D:\\Projects\\MerchFlow AI directory before running this!")
+    
+    command = "git push --force space clean_deploy:main"
+    print(f"\nRunning: {command} ...")
+    
+    try:
+        subprocess.run(command, check=True, shell=True)
+        print("\n✅ Successfully pushed to Space!")
+    except subprocess.CalledProcessError as e:
+        print(f"\n❌ Push failed: {e}")
+
+if __name__ == "__main__":
+    deploy()

final_upload.py

@@ -0,0 +1,61 @@
+import subprocess
+import sys
+
+def run_command(command, check=True):
+    try:
+        subprocess.run(command, check=check, shell=True, text=True)
+    except subprocess.CalledProcessError as e:
+        print(f"Error executing currently: {command}")
+        # We don't exit here because some commands like 'remote remove' might fail meaningfully but we want to continue, 
+        # or we handle them specifically in the main flow.
+        if check:
+            # Re-raise if we strictly wanted this to succeed
+            raise e
+
+def main():
+    # Input: Ask the user for the GitHub URL
+    if len(sys.argv) > 1:
+        github_url = sys.argv[1].strip()
+    else:
+        github_url = input('Please paste your GitHub URL here: ').strip()
+    
+    if not github_url:
+        print("Error: No URL provided.")
+        return
+
+    try:
+        # Git Commands sequence
+        print("Initializing git...")
+        run_command("git init")
+        
+        print("Adding files...")
+        run_command("git add .")
+        
+        print("Committing files...")
+        try:
+            # Use check=True so it raises exception on failure, which we catch
+            run_command('git commit -m "Initial commit - MerchFlow AI"', check=True)
+        except subprocess.CalledProcessError:
+            print("Commit failed (likely nothing to commit). Continuing...")
+
+        print("Renaming branch to main...")
+        run_command("git branch -M main")
+        
+        print("Removing existing origin (if any)...")
+        # Don't check=True here because it fails if origin doesn't exist
+        run_command("git remote remove origin", check=False)
+        
+        print(f"Adding remote origin: {github_url}")
+        run_command(f"git remote add origin {github_url}")
+        
+        print("Pushing to GitHub...")
+        run_command("git push -u origin main")
+        
+        # Success message
+        print('✅ Code is live on GitHub!')
+        
+    except Exception as e:
+        print(f"\n❌ An error occurred: {e}")
+
+if __name__ == "__main__":
+    main()

fix_dashboard_routing.py

@@ -0,0 +1,87 @@
+import os
+import subprocess
+
+def main():
+    # Define the content for main.py
+    main_py_content = """import os
+from fastapi import FastAPI, UploadFile, File, HTTPException
+from fastapi.responses import HTMLResponse, JSONResponse
+from fastapi.staticfiles import StaticFiles
+from agents.visual_analyst import VisualAnalyst
+from dotenv import load_dotenv
+# Load environment variables
+load_dotenv()
+app = FastAPI()
+# Initialize Agent
+visual_agent = VisualAnalyst()
+# 1. READ THE DASHBOARD HTML FILE INTO MEMORY
+try:
+    with open("dashboard.html", "r") as f:
+        dashboard_html = f.read()
+except FileNotFoundError:
+    dashboard_html = "<h1>Error: dashboard.html not found. Please ensure the file exists.</h1>"
+# 2. SERVE DASHBOARD AT ROOT (Home Page)
+@app.get("/", response_class=HTMLResponse)
+async def read_root():
+    return dashboard_html
+# 3. KEEP /dashboard ROUTE AS BACKUP
+@app.get("/dashboard", response_class=HTMLResponse)
+async def read_dashboard():
+    return dashboard_html
+@app.post("/analyze")
+async def analyze_merch(file: UploadFile = File(...)):
+    try:
+        os.makedirs("uploads", exist_ok=True)
+        file_path = f"uploads/{file.filename}"
+        with open(file_path, "wb") as f:
+            f.write(await file.read())
+        result = await visual_agent.analyze_image(file_path)
+        
+        if os.path.exists(file_path):
+            os.remove(file_path)
+            
+        return JSONResponse(content=result)
+    except Exception as e:
+        return JSONResponse(content={"error": str(e)}, status_code=500)
+if __name__ == "__main__":
+    import uvicorn
+    uvicorn.run(app, host="0.0.0.0", port=7860)
+"""
+
+    # Overwrite main.py
+    print("Overwriting main.py...")
+    try:
+        with open("main.py", "w", encoding="utf-8") as f:
+            f.write(main_py_content)
+        print("Successfully updated main.py")
+    except Exception as e:
+        print(f"Error writing main.py: {e}")
+        return
+
+    # Define git commands
+    git_commands = [
+        ["git", "add", "main.py"],
+        ["git", "commit", "-m", "Fix dashboard 404 by serving HTML at root"],
+        ["git", "push", "space", "clean_deploy:main"]
+    ]
+
+    # Run git commands
+    print("\nRunning git commands...")
+    for cmd in git_commands:
+        print(f"Executing: {' '.join(cmd)}")
+        try:
+            subprocess.run(cmd, check=True)
+        except subprocess.CalledProcessError as e:
+            print(f"Command failed: {e}")
+            # If commit fails (e.g. nothing to commit), we might want to continue or stop.
+            # But push should definitely happen if commit works.
+            # If commit fails because "nothing to commit, working tree clean", push might still be relevant if previous commit wasn't pushed?
+            # But the user logic implies we just made a change to main.py, so commit should succeed unless main.py was ALREADY this content.
+            # We will continue to try push even if commit fails, just in case.
+            # But wait, if commit fails, push might proceed.
+            pass
+
+    print("\nfix_dashboard_routing.py completed.")
+
+if __name__ == "__main__":
+    main()

fix_google_key.py

@@ -0,0 +1,48 @@
+import os
+import sys
+
+# Force UTF-8 output for Windows terminals
+sys.stdout.reconfigure(encoding='utf-8')
+
+# 1. Update .env
+env_path = ".env"
+key = "GOOGLE_API_KEY"
+value = "AIzaSyDgIkagGBciWNZDTn07OlfY9tVPvo6KJ1on"
+
+print(f"Updating {key} in .env...")
+
+lines = []
+if os.path.exists(env_path):
+    with open(env_path, "r", encoding="utf-8") as f:
+        lines = f.readlines()
+
+found = False
+new_lines = []
+for line in lines:
+    if line.startswith(f"{key}="):
+        new_lines.append(f"{key}={value}\n")
+        found = True
+    else:
+        new_lines.append(line)
+
+if not found:
+    if new_lines and not new_lines[-1].endswith('\n'):
+        new_lines.append('\n')
+    new_lines.append(f"{key}={value}\n")
+
+with open(env_path, "w", encoding="utf-8") as f:
+    f.writelines(new_lines)
+
+print(f"✅ Updated {key} in .env")
+
+# 2. Upload to Cloud
+print("Syncing secrets to Hugging Face Space...")
+try:
+    # Build path to ensure we can import upload_secrets
+    sys.path.append(os.getcwd())
+    from upload_secrets import upload_secrets
+    
+    upload_secrets()
+    print("✅ Google Key saved locally and uploaded to Hugging Face!")
+except Exception as e:
+    print(f"❌ Failed to sync: {e}")

fix_readme.py

@@ -0,0 +1,42 @@
+import os
+import sys
+import subprocess
+
+# Force UTF-8 output for Windows terminals
+sys.stdout.reconfigure(encoding='utf-8')
+
+readme_content = """---
+title: MerchFlow AI
+emoji: 🚀
+colorFrom: blue
+colorTo: indigo
+sdk: docker
+pinned: false
+---
+# MerchFlow AI
+An AI-powered merchandising agent.
+"""
+
+def run_command(command):
+    print(f"Running: {command}")
+    try:
+        subprocess.run(command, check=True, shell=True)
+        print("✅ Success")
+    except subprocess.CalledProcessError as e:
+        print(f"❌ Error: {e}")
+        # Don't exit, try to continue or let user see error
+
+def fix_readme():
+    print("Writing README.md...")
+    with open("README.md", "w", encoding="utf-8") as f:
+        f.write(readme_content)
+    print("✅ Created README.md")
+
+    print("Deploying changes...")
+    run_command("git add README.md")
+    run_command('git commit -m "Add Hugging Face configuration"')
+    run_command("git push space clean_deploy:main")
+    print("✅ Configuration fixed and pushed!")
+
+if __name__ == "__main__":
+    fix_readme()

fix_vision_core.py

@@ -0,0 +1,90 @@
+import os
+import subprocess
+
+def fix_vision_core():
+    # Content for agents/visual_analyst.py
+    content = """import os
+import json
+import asyncio
+import google.generativeai as genai
+from PIL import Image
+from dotenv import load_dotenv
+
+load_dotenv()
+
+class VisualAnalyst:
+    def __init__(self):
+        api_key = os.getenv("GEMINI_API_KEY")
+        if not api_key:
+            print("⚠️ GEMINI_API_KEY missing")
+
+        genai.configure(api_key=api_key)
+        # Use the modern, faster Flash model
+        self.model = genai.GenerativeModel('gemini-1.5-flash')
+
+    async def analyze_image(self, image_path: str):
+        print(f"👁️ Analyzing image: {image_path}")
+        
+        try:
+            # 1. Load image properly with Pillow (Fixes format issues)
+            img = Image.open(image_path)
+            
+            # 2. Define the prompt
+            prompt = \"\"\"
+            Analyze this product image for an e-commerce listing.
+            Return ONLY a raw JSON object (no markdown formatting) with this structure:
+            {
+                "main_color": "string",
+                "product_type": "string",
+                "design_style": "string (minimalist, streetwear, vintage, etc)",
+                "visual_features": ["list", "of", "visible", "features"],
+                "suggested_title": "creative product title",
+                "condition_guess": "new/used"
+            }
+            \"\"\"
+            
+            # 3. Run in a thread to prevent blocking (Sync to Async wrapper)
+            response = await asyncio.to_thread(
+                self.model.generate_content,
+                [prompt, img]
+            )
+            
+            # 4. Clean and Parse JSON
+            text_response = response.text.replace('```json', '').replace('```', '').strip()
+            return json.loads(text_response)
+        except Exception as e:
+            print(f"❌ Vision Error: {e}")
+            # Return a Safe Fallback (Simulation)
+            return {
+                "main_color": "Unknown",
+                "product_type": "Unidentified Item",
+                "design_style": "Standard",
+                "visual_features": ["Error analyzing image"],
+                "suggested_title": "Manual Review Needed",
+                "condition_guess": "New"
+            }
+"""
+    # Write the file
+    os.makedirs("agents", exist_ok=True)
+    with open("agents/visual_analyst.py", "w", encoding="utf-8") as f:
+        f.write(content)
+    print("✅ agents/visual_analyst.py updated.")
+
+    # Git operations
+    print("🚀 Pushing to HuggingFace...")
+    commands = [
+        ["git", "add", "agents/visual_analyst.py"],
+        ["git", "commit", "-m", "Fix vision core and error handling"],
+        ["git", "push", "space", "clean_deploy:main"]
+    ]
+    
+    for cmd in commands:
+        try:
+            print(f"Running: {' '.join(cmd)}")
+            subprocess.run(cmd, check=True)
+        except subprocess.CalledProcessError as e:
+            print(f"⚠️ Command failed: {e}")
+            # Continue even if commit fails (e.g. prompt already applied)
+            
+if __name__ == "__main__":
+    fix_vision_core()

force_deploy.py

@@ -0,0 +1,62 @@
+"""
+force_deploy.py
+Force-deploys the current codebase to the Hugging Face Space.
+Handles HF binary file restrictions by untracking offending files first.
+"""
+import subprocess
+import sys
+
+def run(cmd, allow_fail=False):
+    print(f"\n>>> {cmd}")
+    result = subprocess.run(cmd, shell=True, capture_output=True, text=True)
+    if result.stdout:
+        print(result.stdout.strip())
+    if result.stderr:
+        print(result.stderr.strip())
+    if result.returncode != 0 and not allow_fail:
+        print(f"Command failed with exit code {result.returncode}")
+        sys.exit(1)
+    return result
+
+if __name__ == "__main__":
+    print("=" * 60)
+    print("  MerchFlow AI — Force Deploy to Hugging Face Space")
+    print("=" * 60)
+
+    # 0. Remove binary files from Git tracking (keep local copies)
+    binaries = [
+        "stitch_merchflow_ai_dashboard.zip",
+        "screen.jpg",
+        "test_image.jpg",
+    ]
+    for b in binaries:
+        run(f"git rm --cached {b}", allow_fail=True)
+
+    # Ensure .gitignore blocks them from being re-added
+    ignore_entries = binaries + ["*.zip", "*.jpg", "*.jpeg", "*.png"]
+    try:
+        existing = open(".gitignore", "r").read()
+    except FileNotFoundError:
+        existing = ""
+    with open(".gitignore", "a") as f:
+        for entry in ignore_entries:
+            if entry not in existing:
+                f.write(f"\n{entry}")
+    print("\nUpdated .gitignore with binary exclusions.")
+
+    # 1. Stage everything
+    run("git add .")
+
+    # 2. Commit (allow fail in case nothing changed)
+    run('git commit -m "Critical Deployment: Force update of License, Security Fixes, and Branding"', allow_fail=True)
+
+    # 3. Force push HEAD to space remote's main branch
+    run("git push --force space HEAD:main")
+
+    # 4. Print the latest commit for verification
+    print("\n" + "=" * 60)
+    print("  Deployed Commit:")
+    print("=" * 60)
+    run("git log -1")
+
+    print("\n✅ Force deploy complete.")

force_push.py

@@ -0,0 +1,14 @@
+import subprocess
+
+def main():
+    print("Executing force push...")
+    command = "git push --force space HEAD:main"
+    result = subprocess.run(command, shell=True, capture_output=True, text=True)
+    
+    print("STDOUT:")
+    print(result.stdout)
+    print("STDERR:")
+    print(result.stderr)
+
+if __name__ == "__main__":
+    main()

glassui.html

@@ -0,0 +1,455 @@
+<!DOCTYPE html>
+<html class="dark" lang="en"><head>
+<meta charset="utf-8"/>
+<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+<title>MerchFlow AI Dashboard</title>
+<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
+<link href="https://fonts.googleapis.com" rel="preconnect"/>
+<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
+<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&amp;display=swap" rel="stylesheet"/>
+<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
+<script id="tailwind-config">
+        tailwind.config = {
+            darkMode: "class",
+            theme: {
+                extend: {
+                    colors: {
+                        "primary": "#f59e0b",
+                        "primary-hover": "#d97706",
+                        "glass-border": "rgba(255, 255, 255, 0.12)",
+                        "glass-surface": "rgba(255, 255, 255, 0.03)",
+                        "glass-surface-hover": "rgba(255, 255, 255, 0.07)",
+                        "charcoal": "#0a0a0a",
+                        "amber-accent": "#fbbf24"
+                    },
+                    fontFamily: {
+                        "display": ["Plus Jakarta Sans", "sans-serif"],
+                        "mono": ["monospace"]
+                    },
+                    borderRadius: { "DEFAULT": "1rem", "lg": "1.5rem", "xl": "2rem", "2xl": "3rem", "full": "9999px" },
+                    backdropBlur: {
+                        'xs': '2px',
+                    },
+                    screens: {
+                        'xs': '480px',
+                    },
+                    animation: {
+                        'pulse-slow': 'pulse-slow 3s infinite',
+                        'glow-pulse': 'glow-pulse 3s infinite',
+                        'copy-success': 'copy-success 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)',
+                    },
+                    keyframes: {
+                        'pulse-slow': {
+                            '0%, 100%': { transform: 'scale(1)' },
+                            '50%': { transform: 'scale(1.02)' },
+                        },
+                        'glow-pulse': {
+                            '0%, 100%': { boxShadow: '0 0 0 0 rgba(245, 158, 11, 0.4)' },
+                            '50%': { boxShadow: '0 0 20px 5px rgba(251, 191, 36, 0.5)' },
+                        },
+                        'copy-success': {
+                            '0%': { transform: 'scale(0.8)', opacity: '0' },
+                            '100%': { transform: 'scale(1)', opacity: '1' },
+                        }
+                    }
+                },
+            },
+        }
+    </script>
+<style type="text/tailwindcss">
+        .custom-scrollbar::-webkit-scrollbar {
+            width: 6px;
+            height: 6px;
+        }
+        .custom-scrollbar::-webkit-scrollbar-track {
+            background: transparent;
+        }
+        .custom-scrollbar::-webkit-scrollbar-thumb {
+            background: rgba(255, 255, 255, 0.1);
+            border-radius: 99px;
+        }
+        .custom-scrollbar::-webkit-scrollbar-thumb:hover {
+            background: rgba(255, 255, 255, 0.2);
+        }
+        body {
+            background-color: #0a0a0a;
+            background-image: 
+                radial-gradient(at 0% 0%, rgba(20, 20, 20, 1) 0, transparent 50%), 
+                radial-gradient(at 50% -10%, rgba(217, 119, 6, 0.15) 0, transparent 60%), 
+                radial-gradient(at 100% 0%, rgba(251, 191, 36, 0.1) 0, transparent 50%),
+                radial-gradient(at 80% 80%, rgba(217, 119, 6, 0.12) 0, transparent 50%);
+            background-attachment: fixed;
+            min-height: 100vh;
+        }
+        .glass-panel {
+            background: rgba(15, 15, 15, 0.75);
+            backdrop-filter: blur(20px);
+            -webkit-backdrop-filter: blur(20px);
+            border: 1px solid rgba(255, 255, 255, 0.08);
+        }
+        @media (max-width: 768px) {
+            .glass-panel {
+                backdrop-filter: blur(14px);
+                -webkit-backdrop-filter: blur(14px);
+                background: rgba(10, 10, 10, 0.85);
+            }
+        }
+        .glass-card {
+            background: rgba(255, 255, 255, 0.02);
+            border: 1px solid rgba(255, 255, 255, 0.05);
+            backdrop-filter: blur(12px);
+            transition: all 0.3s ease;
+        }
+        @media (hover: hover) {
+            .glass-card:hover {
+                border-color: rgba(251, 191, 36, 0.3);
+                box-shadow: 0 0 25px rgba(245, 158, 11, 0.15);
+                background: rgba(255, 255, 255, 0.04);
+            }
+        }
+        .neon-textarea {
+            background: rgba(255, 255, 255, 0.03);
+            border: 1px solid rgba(255, 255, 255, 0.08);
+            backdrop-filter: blur(16px);
+            -webkit-backdrop-filter: blur(16px);
+            transition: all 0.3s ease;
+        }
+        .neon-textarea:focus {
+            outline: none;
+            border-color: rgba(251, 191, 36, 0.5);
+            box-shadow: 0 0 15px rgba(245, 158, 11, 0.25), inset 0 0 5px rgba(245, 158, 11, 0.05);
+            background: rgba(255, 255, 255, 0.06);
+        }
+        .copy-active {
+            box-shadow: 0 0 15px rgba(251, 191, 36, 0.6) !important;
+            border-color: rgba(251, 191, 36, 0.4) !important;
+            background: rgba(251, 191, 36, 0.1) !important;
+        }
+    </style>
+<style>
+    body {
+      min-height: max(884px, 100dvh);
+    }
+  </style>
+  </head>
+<body class="font-display text-white antialiased overflow-x-hidden min-h-screen flex flex-col selection:bg-amber-500 selection:text-black">
+<header class="flex-none z-30 px-4 py-3 lg:px-6 lg:py-4 border-b border-white/5 glass-panel sticky top-0">
+<div class="max-w-[1600px] mx-auto flex items-center justify-between gap-4">
+<div class="flex items-center gap-3 lg:gap-4 flex-1 min-w-0">
+<div class="flex-none flex items-center justify-center size-9 lg:size-10 rounded-xl bg-gradient-to-br from-amber-400 to-amber-700 shadow-lg shadow-amber-900/20 text-white">
+<span class="material-symbols-outlined text-xl lg:text-2xl">all_inclusive</span>
+</div>
+<div class="min-w-0">
+<h2 class="text-white text-base lg:text-xl font-bold leading-tight tracking-tight truncate">MerchFlow AI</h2>
+<div class="flex items-center gap-2">
+<span class="size-1.5 rounded-full bg-amber-500 animate-pulse flex-none"></span>
+<span class="text-[10px] text-amber-200/60 font-bold uppercase tracking-wider truncate">Enterprise Edition</span>
+</div>
+</div>
+</div>
+<button class="group relative flex-none flex cursor-pointer items-center justify-center overflow-hidden rounded-full h-9 lg:h-10 px-4 lg:px-6 bg-gradient-to-r from-amber-600 to-amber-800 hover:from-amber-500 hover:to-amber-700 border border-white/10 shadow-[0_0_15px_rgba(245,158,11,0.3)] transition-all" id="deployBtn">
+<div class="absolute inset-0 bg-white/10 opacity-0 group-hover:opacity-100 transition-opacity"></div>
+<span class="material-symbols-outlined lg:mr-2 text-lg relative z-10">rocket_launch</span>
+<span class="hidden lg:inline truncate text-sm font-bold tracking-wide relative z-10">Deploy</span>
+</button>
+</div>
+</header>
+<main class="flex-1 flex flex-col lg:flex-row relative z-10">
+<div class="fixed top-1/4 -left-20 w-64 h-64 lg:w-96 lg:h-96 bg-amber-900/10 rounded-full blur-[120px] pointer-events-none z-0"></div>
+<div class="fixed bottom-1/4 -right-20 w-64 h-64 lg:w-96 lg:h-96 bg-orange-900/5 rounded-full blur-[120px] pointer-events-none z-0"></div>
+<div class="flex-none lg:flex-1 flex flex-col lg:border-r border-white/5 p-4 lg:p-8 bg-black/40 lg:overflow-y-auto lg:h-[calc(100vh-73px)] relative z-10">
+<div class="max-w-xl w-full mx-auto flex flex-col gap-4 lg:gap-6 h-full">
+<div class="flex items-center justify-between mb-2">
+<h2 class="text-white text-xl lg:text-3xl font-bold tracking-tight">Input Data</h2>
+<span class="bg-white/5 text-amber-200/80 px-2.5 py-1 rounded-full text-[10px] lg:text-xs font-semibold border border-white/10 backdrop-blur-sm">Step 1 of 2</span>
+</div>
+<div class="flex flex-col flex-none">
+<input accept=".jpg,.jpeg,.png,.webp" class="hidden" id="fileInput" type="file"/>
+<div class="group relative flex flex-col items-center justify-center gap-3 lg:gap-4 rounded-2xl lg:rounded-3xl border-2 border-dashed border-white/10 hover:border-amber-500/50 hover:bg-white/5 transition-all cursor-pointer min-h-[200px] lg:min-h-[260px] px-4 py-6 lg:px-6 lg:py-8 glass-card" id="dropZone">
+<div class="absolute w-16 h-16 lg:w-20 lg:h-20 bg-amber-500/10 rounded-full blur-xl group-hover:bg-amber-500/20 transition-all"></div>
+<div class="size-14 lg:size-16 relative z-10 rounded-2xl bg-gradient-to-br from-neutral-800 to-black border border-white/10 shadow-lg flex items-center justify-center transition-transform group-hover:scale-110 duration-300">
+<span class="material-symbols-outlined text-2xl lg:text-3xl text-amber-500">cloud_upload</span>
+</div>
+<div class="flex flex-col items-center gap-1 relative z-10">
+<p class="text-white text-base lg:text-lg font-bold leading-tight tracking-tight text-center">Drop Product Image Here</p>
+<p class="text-neutral-500 text-xs lg:text-sm font-medium text-center">Supports JPG, PNG, WEBP</p>
+</div>
+<button class="mt-2 relative z-10 flex items-center justify-center rounded-full h-8 lg:h-9 px-4 lg:px-5 bg-white/5 hover:bg-white/10 border border-white/10 text-white text-[10px] lg:text-xs font-bold transition-all uppercase tracking-wide" id="browseBtn">
+                            Browse Files
+                        </button>
+</div>
+</div>
+<div class="flex flex-col gap-2 lg:gap-3 flex-1">
+<label class="flex items-center justify-between px-1">
+<span class="text-white text-sm lg:text-base font-semibold">Raw Product Specs</span>
+<span class="text-[10px] lg:text-xs text-neutral-500 font-medium bg-black/40 px-2 py-0.5 rounded border border-white/5">JSON or Plain Text</span>
+</label>
+<div class="relative w-full">
+<textarea class="form-input w-full min-h-[140px] lg:h-full lg:min-h-[180px] resize-y lg:resize-none rounded-xl lg:rounded-2xl text-neutral-100 placeholder:text-neutral-600 neon-textarea p-4 lg:p-5 text-sm leading-relaxed font-mono shadow-inner transition-all duration-300" id="productSpecs" placeholder="// Enter fabric details, dimensions, and SKU..."></textarea>
+</div>
+</div>
+<div class="pt-2 pb-6 lg:pb-0">
+<button class="group relative w-full cursor-pointer overflow-hidden rounded-xl lg:rounded-2xl h-12 lg:h-14 bg-gradient-to-r from-amber-600 via-amber-700 to-amber-800 hover:from-amber-500 hover:to-amber-700 transition-all border border-white/10 animate-pulse-slow animate-glow-pulse" id="startBtn">
+<div class="absolute inset-0 flex items-center justify-center gap-2 lg:gap-3 relative z-10">
+<span class="text-white text-base lg:text-lg font-bold tracking-wide group-hover:scale-105 transition-transform">Start Agent Workflow</span>
+<span class="material-symbols-outlined text-white text-lg lg:text-xl group-hover:translate-x-1 transition-transform">arrow_forward</span>
+</div>
+</button>
+</div>
+</div>
+</div>
+<div class="flex-none lg:flex-1 flex flex-col p-4 lg:p-8 bg-black/60 lg:overflow-y-auto lg:h-[calc(100vh-73px)] relative">
+<div class="absolute inset-0 opacity-[0.02] pointer-events-none" style="background-image: linear-gradient(to right, #ffffff 1px, transparent 1px), linear-gradient(to bottom, #ffffff 1px, transparent 1px); background-size: 40px 40px;"></div>
+<div class="max-w-3xl w-full mx-auto flex flex-col gap-4 lg:gap-6 h-full relative z-10 pb-8 lg:pb-0">
+<div class="flex items-center justify-between mb-2">
+<h2 class="text-white text-xl lg:text-3xl font-bold tracking-tight">Generated Output</h2>
+<div class="flex items-center gap-2">
+<span class="hidden xs:inline-block bg-white/5 text-amber-200 px-2.5 py-1 rounded-full text-[10px] lg:text-xs font-semibold border border-white/10 backdrop-blur-sm">Step 2 of 2</span>
+<div class="hidden xs:block h-6 w-px bg-white/10 mx-1"></div>
+<button class="size-8 lg:size-9 flex items-center justify-center hover:bg-white/10 rounded-lg text-neutral-500 hover:text-amber-400 transition-all duration-300 border border-transparent" id="copyBtn" title="Copy JSON">
+<span class="material-symbols-outlined text-lg lg:text-xl transition-all duration-300" id="copyIcon">content_copy</span>
+</button>
+<button class="size-8 lg:size-9 flex items-center justify-center hover:bg-white/10 rounded-lg text-neutral-500 hover:text-amber-400 transition-colors" id="downloadBtn" title="Download JSON">
+<span class="material-symbols-outlined text-lg lg:text-xl">download</span>
+</button>
+</div>
+</div>
+<div class="grid grid-cols-1 xs:grid-cols-3 gap-3">
+<div class="flex items-center gap-3 p-3 lg:p-4 rounded-xl glass-card cursor-default group">
+<div class="relative size-3 flex-none">
+<span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-amber-500 opacity-75"></span>
+<span class="relative inline-flex rounded-full size-3 bg-amber-500 shadow-[0_0_10px_rgba(245,158,11,0.5)]"></span>
+</div>
+<div class="flex flex-col overflow-hidden min-w-0">
+<span class="text-[9px] lg:text-[10px] uppercase tracking-wider text-neutral-500 truncate group-hover:text-amber-300 transition-colors">Vision Agent</span>
+<span class="text-xs lg:text-sm font-bold text-white truncate">Gemini Pro 1.5</span>
+</div>
+</div>
+<div class="flex items-center gap-3 p-3 lg:p-4 rounded-xl glass-card cursor-default group">
+<div class="relative size-3 flex-none">
+<span class="relative inline-flex rounded-full size-3 bg-amber-600 shadow-[0_0_10px_rgba(217,119,6,0.5)]"></span>
+</div>
+<div class="flex flex-col overflow-hidden min-w-0">
+<span class="text-[9px] lg:text-[10px] uppercase tracking-wider text-neutral-500 truncate group-hover:text-amber-300 transition-colors">Reasoning Agent</span>
+<span class="text-xs lg:text-sm font-bold text-white truncate">Llama 3 70B</span>
+</div>
+</div>
+<div class="flex items-center gap-3 p-3 lg:p-4 rounded-xl glass-card cursor-default group">
+<div class="relative size-3 flex-none">
+<span class="relative inline-flex rounded-full size-3 bg-neutral-600 shadow-[0_0_10px_rgba(82,82,82,0.5)]"></span>
+</div>
+<div class="flex flex-col overflow-hidden min-w-0">
+<span class="text-[9px] lg:text-[10px] uppercase tracking-wider text-neutral-500 truncate group-hover:text-amber-300 transition-colors">SEO Context</span>
+<span class="text-xs lg:text-sm font-bold text-white truncate">Pinecone DB</span>
+</div>
+</div>
+</div>
+<div class="flex-none lg:flex-1 min-h-[400px] lg:min-h-0 rounded-xl lg:rounded-2xl bg-black/60 backdrop-blur-xl border border-white/5 flex flex-col overflow-hidden shadow-2xl relative glass-card group/output transition-all duration-500">
+<div class="absolute top-0 right-0 w-64 h-64 bg-amber-500/5 rounded-full blur-[100px] pointer-events-none"></div>
+<div class="flex items-center justify-between px-3 py-2.5 lg:px-4 lg:py-3 bg-white/5 border-b border-white/5">
+<span class="text-[10px] lg:text-xs font-mono text-neutral-500 flex items-center gap-2">
+<span class="material-symbols-outlined text-xs lg:text-sm">code</span>
+                            output.json
+                        </span>
+<div class="flex gap-1.5">
+<div class="size-2.5 lg:size-3 rounded-full bg-neutral-800 border border-white/10"></div>
+<div class="size-2.5 lg:size-3 rounded-full bg-neutral-800 border border-white/10"></div>
+<div class="size-2.5 lg:size-3 rounded-full bg-amber-500/20 border border-amber-500/30"></div>
+</div>
+</div>
+<div class="flex-1 p-4 lg:p-5 overflow-auto custom-scrollbar font-mono text-xs lg:text-sm leading-6 lg:leading-7">
+<pre><code class="language-json block" id="jsonOutput"><span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">01</span><span class="text-amber-400">{</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">02</span>  <span class="text-amber-600">"product_analysis"</span><span class="text-neutral-400">:</span> <span class="text-amber-400">{</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">03</span>    <span class="text-amber-600">"title"</span><span class="text-neutral-400">:</span> <span class="text-amber-200">"Noir Elite Series Artisan Timepiece"</span><span class="text-neutral-400">,</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">04</span>    <span class="text-amber-600">"category"</span><span class="text-neutral-400">:</span> <span class="text-amber-200">"Luxury / Accessories"</span><span class="text-neutral-400">,</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">05</span>    <span class="text-amber-600">"features"</span><span class="text-neutral-400">:</span> <span class="text-amber-400">[</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">06</span>      <span class="text-amber-200">"Obsidian Finish"</span><span class="text-neutral-400">,</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">07</span>      <span class="text-amber-200">"Golden Accents"</span><span class="text-neutral-400">,</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">08</span>      <span class="text-amber-200">"Smart Haptic Interface"</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">09</span>    <span class="text-amber-400">]</span><span class="text-neutral-400">,</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">10</span>    <span class="text-amber-600">"seo_tags"</span><span class="text-neutral-400">:</span> <span class="text-amber-400">[</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">11</span>      <span class="text-amber-200">"#luxurywear"</span><span class="text-neutral-400">,</span> <span class="text-amber-200">"#amberstyle"</span><span class="text-neutral-400">,</span> <span class="text-amber-200">"#premiumtech"</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">12</span>    <span class="text-amber-400">]</span><span class="text-neutral-400">,</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">13</span>    <span class="text-amber-600">"sentiment_score"</span><span class="text-neutral-400">:</span> <span class="text-amber-500">0.99</span><span class="text-neutral-400">,</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">14</span>    <span class="text-amber-600">"market_fit"</span><span class="text-neutral-400">:</span> <span class="text-amber-200">"Exceptional"</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">15</span>  <span class="text-amber-400">}</span><span class="text-neutral-400">,</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">16</span>  <span class="text-amber-600">"deployment_status"</span><span class="text-neutral-400">:</span> <span class="text-amber-200">"Authorized"</span>
+<span class="text-neutral-700 select-none mr-3 lg:mr-4 border-r border-neutral-800 pr-2">17</span><span class="text-amber-400">}</span></code></pre>
+</div>
+</div>
+</div>
+</div>
+</main>
+<footer class="flex-none flex items-center justify-center py-4 bg-black/80 border-t border-white/5 backdrop-blur-md z-10">
+<span class="text-[10px] lg:text-xs text-neutral-600 font-medium tracking-wide">© 2026 Bhishaj Technologies — All Rights Reserved</span>
+</footer>
+<script>
+        tailwind.config.theme.extend.animation = {
+            shine: 'shine 1.5s infinite',
+        }
+        tailwind.config.theme.extend.keyframes = {
+            shine: {
+                '0%': { left: '-100%' },
+                '100%': { left: '200%' },
+            }
+        }
+        const dropZone = document.getElementById('dropZone');
+        const fileInput = document.getElementById('fileInput');
+        const startBtn = document.getElementById('startBtn');
+        const jsonOutput = document.getElementById('jsonOutput');
+        const deployBtn = document.getElementById('deployBtn');
+        const copyBtn = document.getElementById('copyBtn');
+        const copyIcon = document.getElementById('copyIcon');
+        const downloadBtn = document.getElementById('downloadBtn');
+        let selectedFile = null;
+        let isCatalogGenerated = false;
+        const defaultDropZoneContent = `
+            <div class="absolute w-16 h-16 lg:w-20 lg:h-20 bg-amber-500/10 rounded-full blur-xl group-hover:bg-amber-500/20 transition-all"></div>
+            <div class="size-14 lg:size-16 relative z-10 rounded-2xl bg-gradient-to-br from-neutral-800 to-black border border-white/10 shadow-lg flex items-center justify-center transition-transform group-hover:scale-110 duration-300">
+                <span class="material-symbols-outlined text-2xl lg:text-3xl text-amber-500">cloud_upload</span>
+            </div>
+            <div class="flex flex-col items-center gap-1 relative z-10">
+                <p class="text-white text-base lg:text-lg font-bold leading-tight tracking-tight text-center">Drop Product Image Here</p>
+                <p class="text-neutral-500 text-xs lg:text-sm font-medium text-center">Supports JPG, PNG, WEBP</p>
+            </div>
+            <button id="browseBtn"
+                class="mt-2 relative z-10 flex items-center justify-center rounded-full h-8 lg:h-9 px-4 lg:px-5 bg-white/5 hover:bg-white/10 border border-white/10 text-white text-[10px] lg:text-xs font-bold transition-all uppercase tracking-wide">
+                Browse Files
+            </button>
+        `;
+        function initDropZone() {
+            const browseBtn = document.getElementById('browseBtn');
+            if (browseBtn) {
+                browseBtn.addEventListener('click', (e) => {
+                    e.stopPropagation();
+                    fileInput.click();
+                });
+            }
+        }
+        initDropZone();
+        fileInput.addEventListener('change', (e) => {
+            if (e.target.files.length > 0) {
+                handleFile(e.target.files[0]);
+            }
+        });
+        dropZone.addEventListener('dragover', (e) => {
+            e.preventDefault();
+            dropZone.classList.add('border-amber-500');
+            dropZone.classList.add('bg-amber-500/5');
+        });
+        dropZone.addEventListener('dragleave', (e) => {
+            e.preventDefault();
+            dropZone.classList.remove('border-amber-500');
+            dropZone.classList.remove('bg-amber-500/5');
+        });
+        dropZone.addEventListener('drop', (e) => {
+            e.preventDefault();
+            dropZone.classList.remove('border-amber-500');
+            dropZone.classList.remove('bg-amber-500/5');
+            if (e.dataTransfer.files.length > 0) {
+                handleFile(e.dataTransfer.files[0]);
+            }
+        });
+        function handleFile(file) {
+            selectedFile = file;
+            dropZone.innerHTML = `
+                <div class="flex flex-col items-center justify-center gap-4 z-10">
+                    <div class="size-14 lg:size-16 rounded-2xl bg-gradient-to-br from-neutral-800 to-black border border-white/10 shadow-lg flex items-center justify-center">
+                         <span class="material-symbols-outlined text-2xl lg:text-3xl text-amber-500">check_circle</span>
+                    </div>
+                    <div class="flex flex-col items-center gap-1">
+                        <p class="text-white text-base lg:text-lg font-bold text-center">${file.name}</p>
+                        <p class="text-neutral-500 text-xs lg:text-sm text-center">${(file.size / 1024).toFixed(1)} KB</p>
+                    </div>
+                     <button id="removeFileBtn" class="mt-2 flex items-center justify-center gap-2 rounded-full h-8 lg:h-9 px-4 lg:px-5 bg-red-500/10 hover:bg-red-500/20 text-red-400 border border-red-500/20 transition-all text-[10px] lg:text-xs font-bold uppercase tracking-wide">
+                        <span class="material-symbols-outlined text-sm lg:text-base">close</span>
+                        <span>Remove File</span>
+                    </button>
+                </div>
+            `;
+            document.getElementById('removeFileBtn').addEventListener('click', (e) => {
+                e.stopPropagation();
+                resetUploadUI();
+            });
+        }
+        function resetUploadUI() {
+            selectedFile = null;
+            fileInput.value = "";
+            dropZone.innerHTML = defaultDropZoneContent;
+            initDropZone();
+        }
+        deployBtn.addEventListener('click', () => {
+            if (!isCatalogGenerated) {
+                alert("Please generate a catalog first before deploying.");
+                return;
+            }
+            const originalContent = deployBtn.innerHTML;
+            deployBtn.disabled = true;
+            deployBtn.innerHTML = `
+                <svg class="animate-spin h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+                    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+                    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+                </svg>
+            `;
+            setTimeout(() => {
+                alert("Success: Catalog pushed to storefront!");
+                deployBtn.innerHTML = originalContent;
+                deployBtn.disabled = false;
+            }, 1500);
+        });
+        copyBtn.addEventListener('click', () => {
+            const textToCopy = jsonOutput.innerText;
+            navigator.clipboard.writeText(textToCopy).then(() => {
+                const originalIcon = copyIcon.innerText;
+                copyIcon.style.opacity = '0';
+                copyIcon.style.transform = 'scale(0.8)';
+                setTimeout(() => {
+                    copyIcon.innerText = 'check';
+                    copyIcon.classList.remove('text-neutral-500');
+                    copyIcon.classList.add('text-amber-500');
+                    copyIcon.classList.add('animate-copy-success');
+                    copyIcon.style.opacity = '1';
+                    copyIcon.style.transform = 'scale(1)';
+                    copyBtn.classList.add('copy-active');
+                }, 150);
+                setTimeout(() => {
+                    copyIcon.style.opacity = '0';
+                    copyIcon.style.transform = 'scale(0.8)';
+                    setTimeout(() => {
+                        copyIcon.innerText = originalIcon;
+                        copyIcon.classList.remove('text-amber-500', 'animate-copy-success');
+                        copyIcon.classList.add('text-neutral-500');
+                        copyIcon.style.opacity = '1';
+                        copyIcon.style.transform = 'scale(1)';
+                        copyBtn.classList.remove('copy-active');
+                    }, 150);
+                }, 2000);
+            });
+        });
+        downloadBtn.addEventListener('click', () => {
+            const dataStr = "data:text/json;charset=utf-8," + encodeURIComponent(jsonOutput.innerText);
+            const downloadAnchorNode = document.createElement('a');
+            downloadAnchorNode.setAttribute("href", dataStr);
+            downloadAnchorNode.setAttribute("download", "merchflow_output.json");
+            document.body.appendChild(downloadAnchorNode);
+            downloadAnchorNode.click();
+            downloadAnchorNode.remove();
+        });
+        startBtn.addEventListener('click', async () => {
+            if (!selectedFile) {
+                alert("Please select a file first.");
+                return;
+            }
+            startBtn.innerHTML = '<div class="absolute inset-0 flex items-center justify-center gap-2 lg:gap-3"><svg class="animate-spin h-4 w-4 lg:h-5 lg:w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path></svg><span class="text-white text-base lg:text-lg font-bold tracking-wide">Synthesizing...</span></div>';
+            startBtn.disabled = true;
+            startBtn.classList.remove('animate-pulse-slow', 'animate-glow-pulse');
+            setTimeout(() => {
+                isCatalogGenerated = true;
+                startBtn.innerHTML = '<div class="absolute inset-0 flex items-center justify-center gap-2 lg:gap-3 relative z-10"><span class="text-white text-base lg:text-lg font-bold tracking-wide group-hover:scale-105 transition-transform">Start Agent Workflow</span><span class="material-symbols-outlined text-white text-lg lg:text-xl group-hover:translate-x-1 transition-transform">arrow_forward</span></div>';
+                startBtn.disabled = false;
+                startBtn.classList.add('animate-pulse-slow', 'animate-glow-pulse');
+            }, 1500);
+        });
+    </script>
+
+</body></html>

install_gh.py

@@ -0,0 +1,33 @@
+import shutil
+import subprocess
+import sys
+
+def main():
+    # Check Status
+    gh_path = shutil.which('gh')
+    
+    if not gh_path:
+        # Install
+        print("GitHub CLI not found. Installing via winget...")
+        try:
+            subprocess.run(['winget', 'install', '--id', 'GitHub.cli', '-e'], check=True)
+        except subprocess.CalledProcessError as e:
+            print(f"Error installing GitHub CLI: {e}")
+            return
+        except FileNotFoundError:
+            print("Error: 'winget' command not found. Please ensure App Installer is installed.")
+            return
+            
+    # Post-Install Instructions (Runs if installed or if installation succeeded)
+    print("\n" + "="*40)
+    try:
+        # Attempt to use ANSI codes for bold, may not work in all Windows terminals but works in VS Code / modern Windows Terminal
+        print("✅ \033[1mGitHub CLI is ready!\033[0m")
+    except:
+        print("✅ GitHub CLI is ready!")
+    print("="*40)
+    print("⚠️  IMPORTANT: You must now restart your terminal to reload your PATH.")
+    print("👉 After restarting, run this command to log in: gh auth login")
+
+if __name__ == "__main__":
+    main()

launcher.py

@@ -0,0 +1,47 @@
+import subprocess
+import time
+import webbrowser
+import os
+import urllib.request
+import sys
+
+def is_server_ready(url):
+    try:
+        with urllib.request.urlopen(url) as response:
+            return response.getcode() == 200
+    except Exception:
+        return False
+
+def main():
+    print("🚀 Starting Engine...")
+    
+    # Definition of the server command
+    # Using sys.executable to ensure we use the same python interpreter
+    server_command = [sys.executable, "-m", "uvicorn", "main:app", "--reload"]
+    
+    # Start the server as a subprocess
+    process = subprocess.Popen(server_command, cwd=os.getcwd())
+    
+    server_url = "http://localhost:8000"
+    
+    # Poll for server availability
+    try:
+        while not is_server_ready(server_url):
+            time.sleep(1)
+        
+        print("✅ Dashboard Launched")
+        
+        # Open the dashboard in the default web browser
+        dashboard_path = os.path.abspath("dashboard.html")
+        webbrowser.open(f"file:///{dashboard_path}")
+        
+        # Keep the script running to maintain the server process
+        process.wait()
+        
+    except KeyboardInterrupt:
+        print("\n🛑 Shutting down...")
+        process.terminate()
+        process.wait()
+
+if __name__ == "__main__":
+    main()

legacy/trend_spotter.py

@@ -0,0 +1,46 @@
+import os
+import json
+import google.generativeai as genai
+from dotenv import load_dotenv
+
+load_dotenv()
+
+class TrendSpotter:
+    def __init__(self):
+        self.api_key = os.getenv("GEMINI_API_KEY")
+        if self.api_key:
+            genai.configure(api_key=self.api_key)
+            self.model = genai.GenerativeModel('gemini-flash-latest')
+            self.has_key = True
+        else:
+            self.model = None
+            self.has_key = False
+
+    def get_trends(self, niche: str):
+        if not self.has_key:
+            print("⚠️ No API Key found, using mock data")
+            return ['Retro Cat Mom', 'Pixel Art Kitty', 'Cattitude']
+
+        try:
+            prompt = f"Generate 5 short, witty, and viral t-shirt text concepts for the niche: {niche}. Return strictly a JSON list of strings."
+            response = self.model.generate_content(prompt)
+            
+            content = response.text
+            # Clean up markdown formatting if present
+            if "```json" in content:
+                content = content.replace("```json", "").replace("```", "")
+            elif "```" in content:
+                 content = content.replace("```", "")
+            
+            try:
+                trends = json.loads(content)
+                if isinstance(trends, list):
+                    return trends
+                else:
+                    return [content]
+            except json.JSONDecodeError:
+                return [content]
+
+        except Exception as e:
+            print(f"❌ Error calling Gemini: {e}")
+            return ['Retro Cat Mom', 'Pixel Art Kitty', 'Cattitude']

legacy/visionary.py

@@ -0,0 +1,33 @@
+import os
+import google.generativeai as genai
+from dotenv import load_dotenv
+
+load_dotenv()
+
+class Visionary:
+    def __init__(self):
+        self.api_key = os.getenv("GEMINI_API_KEY")
+        if self.api_key:
+            genai.configure(api_key=self.api_key)
+            self.model = genai.GenerativeModel('gemini-flash-latest')
+            self.has_key = True
+        else:
+            self.model = None
+            self.has_key = False
+
+    def generate_art_prompt(self, slogan: str, niche: str) -> str:
+        if not self.has_key:
+            return "Mock visualization: A cute retro cat wearing sunglasses, vector art, pastel colors"
+
+        try:
+            system_prompt = (
+                f'You are an expert T-shirt Designer. Create a high-quality AI art generation prompt '
+                f'for the slogan: "{slogan}" in the niche: "{niche}". '
+                f'Specify style (e.g., vector, retro, kawaii), colors, and composition. '
+                f'Keep it under 40 words.'
+            )
+            response = self.model.generate_content(system_prompt)
+            return response.text.strip()
+        except Exception as e:
+            print(f"❌ Error calling Gemini: {e}")
+            return "Error generating prompt"