StyleSync AI - Rebranded codebase

.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.11-slim
+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"]

README.md

@@ -0,0 +1,151 @@
+---
+title: StyleSync AI
+emoji: 👟
+colorFrom: blue
+colorTo: purple
+sdk: docker
+pinned: false
+---
+
+<div align="center">
+
+# 🚀 StyleSync AI
+
+### Autonomous E-Commerce Catalog Intelligence
+
+![Python](https://img.shields.io/badge/Python-3.10+-3776AB?style=for-the-badge&logo=python&logoColor=white)
+![FastAPI](https://img.shields.io/badge/FastAPI-005571?style=for-the-badge&logo=fastapi&logoColor=white)
+![Google Gemini](https://img.shields.io/badge/Gemini_2.5_Flash-4285F4?style=for-the-badge&logo=google&logoColor=white)
+![Pinecone](https://img.shields.io/badge/Pinecone-000000?style=for-the-badge&logo=pinecone&logoColor=white)
+![Docker](https://img.shields.io/badge/Docker-2496ED?style=for-the-badge&logo=docker&logoColor=white)
+
+---
+
+*A multi-agent AI pipeline that converts raw product imagery into enterprise-grade, SEO-optimized e-commerce catalogs in seconds.*
+
+</div>
+
+---
+
+## 🎯 Core Value Proposition
+
+StyleSync AI eliminates the manual bottleneck of product catalog creation. By orchestrating **Computer Vision**, **Retrieval-Augmented Generation (RAG)**, and **Large Language Models** in a seamless autonomous pipeline, it delivers production-ready product listings — from a single image upload — with zero human intervention.
+
+---
+
+## 🏗️ System Architecture
+
+The system employs a high-performance, event-driven architecture orchestrated by **FastAPI**:
+
+### 👁️ Visual Analyst Agent
+- **Function**: Zero-shot product image analysis
+- **Process**: Extracts granular visual attributes — dominant colors, material composition, design style, branding elements, and product classification
+- **Engine**: `Gemini 2.5 Flash` via the unified **Google GenAI SDK** (`google-genai`)
+
+### 🧠 Semantic Memory Agent
+- **Function**: RAG-based keyword retrieval with intelligent fallback
+- **Process**: Vectorizes visual attributes to query a high-dimensional index, retrieving historically high-converting SEO keywords and market trends. When the database has no match for a niche, the **Intelligence Fallback** system autonomously generates keywords via Gemini — ensuring **0% empty results**
+- **Engine**: `Pinecone Vector DB` with `gemini-embedding-001` embeddings (768 dimensions)
+
+### ✍️ Writer Agent
+- **Function**: High-conversion copy synthesis
+- **Process**: Fuses visual intelligence with retrieved market data to generate persuasive, conversion-optimized titles, descriptions, and feature bullet points
+- **Engine**: `Meta Llama 3.3 70B` (via Groq Cloud)
+
+### ⚙️ Pipeline Orchestrator
+- **Function**: Async pipeline management & delivery
+- **Process**: Handles non-blocking agent execution, error propagation, and API lifecycle management. Results are delivered instantly through the **Premium Glassmorphism UI**
+- **Engine**: `FastAPI` with async/await architecture
+
+---
+
+## 🖥️ Production Interface
+
+StyleSync AI ships with a **Premium Glassmorphism UI** built for instant catalog generation:
+
+- 🎨 Frosted-glass aesthetic with dynamic gradient backgrounds
+- 📤 Drag-and-drop image upload with real-time processing feedback
+- 📊 Structured JSON output display for visual data, SEO keywords, and generated listings
+- 📱 Fully responsive design across desktop, tablet, and mobile
+
+---
+
+## 🛠️ Technology Stack
+
+| Layer | Technology | Purpose |
+|-------|-----------|---------|
+| **Runtime** | Python 3.10+ | Core language |
+| **Framework** | FastAPI | Async API orchestration |
+| **AI SDK** | `google-genai` (Unified) | Vision & embedding inference |
+| **Vision Model** | Gemini 2.5 Flash | Product image analysis |
+| **Embeddings** | `gemini-embedding-001` | 768-dim vector generation |
+| **Vector DB** | Pinecone (Serverless) | Semantic keyword retrieval |
+| **LLM** | Llama 3.3 70B (Groq) | Copywriting synthesis |
+| **UI** | Glassmorphism / Tailwind CSS | Production dashboard |
+| **Deployment** | Docker / Hugging Face Spaces | Containerized hosting |
+
+---
+
+## 📋 System Updates & Technical Milestones
+
+| Date | Milestone |
+|------|-----------|
+| **Feb 2026** | ✅ Full migration from deprecated `google-generativeai` to unified `google-genai` SDK |
+| **Feb 2026** | ✅ Vision model upgraded to `Gemini 2.5 Flash` for industry-leading latency |
+| **Feb 2026** | ✅ Pinecone vector alignment to `768 dimensions` with `gemini-embedding-001` for mathematical precision |
+| **Feb 2026** | ✅ **Intelligence Fallback** system deployed — guarantees 0% empty SEO keyword results |
+| **Feb 2026** | ✅ n8n webhook decoupled — pipeline relies strictly on the Glassmorphism UI for delivery |
+| **Feb 2026** | ✅ Production Glassmorphism dashboard launched |
+
+---
+
+## 🚀 Quick Start
+
+### 1. Environment Configuration
+
+Create a `.env` file in the project root with the following keys:
+
+```env
+GEMINI_API_KEY=your_google_genai_api_key
+GROQ_API_KEY=your_groq_cloud_api_key
+PINECONE_API_KEY=your_pinecone_api_key
+```
+
+### 2. Installation
+
+```bash
+pip install -r requirements.txt
+```
+
+### 3. Launch
+
+```bash
+python main.py
+```
+
+The production dashboard will be available at `http://localhost:7860`.
+
+---
+
+## 📁 Project Structure
+
+```
+StyleSync-AI/
+├── main.py                  # FastAPI orchestrator & pipeline logic
+├── dashboard.html           # Glassmorphism production UI
+├── Dockerfile               # Container deployment config
+├── requirements.txt         # Python dependencies
+├── agents/
+│   ├── visual_analyst.py    # Gemini 2.5 Flash vision agent
+│   ├── memory_agent.py      # Pinecone RAG + embedding agent
+│   └── writer_agent.py      # Llama 3.3 copywriting agent
+└── .env                     # Environment variables (not tracked)
+```
+
+---
+
+<div align="center">
+
+**StyleSync AI** — Autonomous catalog intelligence for modern e-commerce.
+
+</div>

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
+from google import 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")
+        self.client = genai.Client(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 = "stylesync-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, # gemini-embedding-001 output 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 gemini-embedding-001
+        result = self.client.models.embed_content(
+            model="gemini-embedding-001",
+            contents=text,
+            config=genai.types.EmbedContentConfig(output_dimensionality=768)
+        )
+        return result.embeddings[0].values
+
+    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,61 @@
+import os
+import json
+import re
+from google import 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")
+        
+        self.client = genai.Client(api_key=self.api_key)
+        self.model_name = "gemini-2.5-flash"
+        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."
+            )
+            
+            # We'll stick to prompt engineering for now to match the "Return ONLY valid JSON" instruction.
+            response = self.client.models.generate_content(
+                model=self.model_name,
+                contents=[user_prompt, img]
+            )
+            
+            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_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_stylesync_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>StyleSync 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">StyleSync 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,397 @@
+<!DOCTYPE html>
+<html class="dark" lang="en"><head>
+<meta charset="utf-8"/>
+<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+<title>StyleSync 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">StyleSync 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>
+<a class="hidden sm:inline-flex flex-none items-center justify-center rounded-full h-9 lg:h-10 px-4 lg:px-5 bg-white/5 hover:bg-white/10 border border-white/10 text-white text-xs lg:text-sm font-bold transition-all" href="/">
+<span class="material-symbols-outlined text-lg lg:mr-2">arrow_back</span>
+<span class="hidden lg:inline">Back to Home</span>
+</a>
+<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 StyleSync AI — 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');
+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 currentBrowseBtn = document.getElementById('browseBtn');
+    if (currentBrowseBtn) {
+        currentBrowseBtn.addEventListener('click', (e) => {
+            e.preventDefault(); 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', 'bg-amber-500/5');
+});
+dropZone.addEventListener('dragleave', (e) => {
+    e.preventDefault(); dropZone.classList.remove('border-amber-500', 'bg-amber-500/5');
+});
+dropZone.addEventListener('drop', (e) => {
+    e.preventDefault(); dropZone.classList.remove('border-amber-500', 'bg-amber-500/5');
+    if (e.dataTransfer.files.length > 0) {
+        fileInput.files = e.dataTransfer.files;
+        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(); e.preventDefault(); resetUploadUI();
+    });
+}
+function resetUploadUI() {
+    selectedFile = null; fileInput.value = ""; dropZone.innerHTML = defaultDropZoneContent; initDropZone();
+}
+startBtn.addEventListener('click', async (e) => {
+    e.preventDefault();
+    if (!fileInput.files || fileInput.files.length === 0) {
+        alert("Please select or drop an image first."); return;
+    }
+    const originalBtnContent = startBtn.innerHTML;
+    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');
+    
+    try {
+        const formData = new FormData(); formData.append('file', fileInput.files[0]);
+        const response = await fetch('/generate-catalog', { method: 'POST', body: formData });
+        if (!response.ok) throw new Error("Server Error " + response.status);
+        const data = await response.json();
+        jsonOutput.textContent = JSON.stringify(data, null, 2);
+        isCatalogGenerated = true;
+    } catch (error) {
+        console.error("Agent Error:", error); alert("Pipeline failed: " + error.message);
+    } finally {
+        startBtn.innerHTML = originalBtnContent; startBtn.disabled = false; startBtn.classList.add('animate-pulse-slow', 'animate-glow-pulse');
+    }
+});
+copyBtn.addEventListener('click', () => {
+    navigator.clipboard.writeText(jsonOutput.innerText).then(() => {
+        const originalIcon = copyIcon.innerText; copyIcon.innerText = 'check'; copyIcon.classList.add('text-green-400');
+        setTimeout(() => { copyIcon.innerText = originalIcon; copyIcon.classList.remove('text-green-400'); }, 2000);
+    });
+});
+</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\\StyleSync 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 - StyleSync 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_browse_button.py

@@ -0,0 +1,57 @@
+import sys
+import subprocess
+import re
+
+def fix_html():
+    with open('dashboard.html', 'r', encoding='utf-8') as f:
+        content = f.read()
+
+    js_snippet = """
+        const browseBtn = document.getElementById('browseBtn');
+        browseBtn.addEventListener('click', (e) => {
+            e.preventDefault();
+            fileInput.click();
+        });
+        fileInput.addEventListener('change', () => {
+            if (fileInput.files.length > 0) {
+                // Provide a visual cue that a file was selected
+                const fileName = fileInput.files[0].name;
+                browseBtn.innerHTML = `<span class="material-symbols-outlined text-xl">check_circle</span> ${fileName}`;
+            }
+        });
+"""
+
+    if "browseBtn.addEventListener('click', (e) => {" in content and "Provide a visual cue that a file was selected" in content:
+        print("Snippet already exists. Skipping injection.")
+    else:
+        # Find where the DOM elements are defined
+        target = "const downloadBtn = document.getElementById('downloadBtn');"
+        if target in content:
+            new_content = content.replace(target, target + "\n" + js_snippet)
+            with open('dashboard.html', 'w', encoding='utf-8') as f:
+                f.write(new_content)
+            print("Injected JS successfully.")
+        else:
+            print("Could not find insertion point!")
+            return False
+            
+    # Run git commands
+    subprocess.run(['git', 'add', 'dashboard.html'], check=True)
+    try:
+        subprocess.run(['git', 'commit', '-m', 'Bugfix: Wire up Browse Files button to hidden input'], check=True)
+    except subprocess.CalledProcessError:
+        print("Nothing to commit")
+        
+    subprocess.run(['git', 'push', '--force', 'space', 'HEAD:main'], check=True)
+    
+    # Push to origin main as well
+    try:
+        subprocess.run(['git', 'push', 'origin', 'HEAD:main'], check=True)
+    except subprocess.CalledProcessError:
+        print("Push to origin failed or not needed")
+        
+    print("Deployment triggered successfully.")
+    return True
+
+if __name__ == '__main__':
+    fix_html()

fix_dashboard_api.py

@@ -0,0 +1,66 @@
+import sys
+import subprocess
+import re
+
+def patch_dashboard():
+    with open('dashboard.html', 'r', encoding='utf-8') as f:
+        content = f.read()
+    
+    # Locate the setTimeout block inside startBtn.addEventListener and replace it with fetch logic
+    pattern = re.compile(r"setTimeout\(\(\) => \{[\s\S]*?\}, 1500\);", re.DOTALL)
+    
+    new_block = """try {
+                const formData = new FormData();
+                formData.append('file', fileInput.files[0]);
+                
+                const response = await fetch('/generate-catalog', {
+                    method: 'POST',
+                    body: formData
+                });
+                
+                const data = await response.json();
+                jsonOutput.textContent = JSON.stringify(data, null, 2);
+                isCatalogGenerated = true;
+            } catch (error) {
+                console.error("Error generating catalog:", error);
+            } finally {
+                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');
+            }"""
+
+    if not pattern.search(content):
+        print("Error: Could not find the target setTimeout block in dashboard.html.")
+        return False
+
+    new_content = pattern.sub(new_block, content)
+
+    with open('dashboard.html', 'w', encoding='utf-8') as f:
+        f.write(new_content)
+    
+    print("Successfully patched dashboard.html")
+    return True
+
+def run_git_commands():
+    commands = [
+        ['git', 'add', 'dashboard.html'],
+        ['git', 'commit', '-m', 'Bugfix: Restore real API connection to Glassmorphism UI'],
+        ['git', 'push', '--force', 'space', 'HEAD:main']
+    ]
+    
+    for cmd in commands:
+        print(f"Running: {' '.join(cmd)}")
+        result = subprocess.run(cmd, capture_output=True, text=True)
+        if result.returncode != 0:
+            print(f"Command failed with {result.returncode}: \\n{result.stderr}")
+            # Don't break here, let it try the other commands just in case, though push might fail if commit fails.
+            if cmd[1] == 'commit' and "nothing to commit" in result.stdout + result.stderr:
+                continue
+            if cmd[1] == 'push':
+                pass
+        else:
+            print(f"Success!\\n{result.stdout}")
+
+if __name__ == '__main__':
+    if patch_dashboard():
+        run_git_commands()

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_js_syntax.py

@@ -0,0 +1,147 @@
+import sys
+import subprocess
+
+def fix_html():
+    with open('dashboard.html', 'r', encoding='utf-8') as f:
+        content = f.read()
+
+    parts = content.split('</footer>')
+    if len(parts) < 2:
+        print("Could not find </footer> in dashboard.html")
+        return False
+        
+    top_part = parts[0] + '</footer>\n'
+    
+    new_script = """<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');
+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 currentBrowseBtn = document.getElementById('browseBtn');
+    if (currentBrowseBtn) {
+        currentBrowseBtn.addEventListener('click', (e) => {
+            e.preventDefault(); 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', 'bg-amber-500/5');
+});
+dropZone.addEventListener('dragleave', (e) => {
+    e.preventDefault(); dropZone.classList.remove('border-amber-500', 'bg-amber-500/5');
+});
+dropZone.addEventListener('drop', (e) => {
+    e.preventDefault(); dropZone.classList.remove('border-amber-500', 'bg-amber-500/5');
+    if (e.dataTransfer.files.length > 0) {
+        fileInput.files = e.dataTransfer.files;
+        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(); e.preventDefault(); resetUploadUI();
+    });
+}
+function resetUploadUI() {
+    selectedFile = null; fileInput.value = ""; dropZone.innerHTML = defaultDropZoneContent; initDropZone();
+}
+startBtn.addEventListener('click', async (e) => {
+    e.preventDefault();
+    if (!fileInput.files || fileInput.files.length === 0) {
+        alert("Please select or drop an image first."); return;
+    }
+    const originalBtnContent = startBtn.innerHTML;
+    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');
+    
+    try {
+        const formData = new FormData(); formData.append('file', fileInput.files[0]);
+        const response = await fetch('/generate-catalog', { method: 'POST', body: formData });
+        if (!response.ok) throw new Error("Server Error " + response.status);
+        const data = await response.json();
+        jsonOutput.textContent = JSON.stringify(data, null, 2);
+        isCatalogGenerated = true;
+    } catch (error) {
+        console.error("Agent Error:", error); alert("Pipeline failed: " + error.message);
+    } finally {
+        startBtn.innerHTML = originalBtnContent; startBtn.disabled = false; startBtn.classList.add('animate-pulse-slow', 'animate-glow-pulse');
+    }
+});
+copyBtn.addEventListener('click', () => {
+    navigator.clipboard.writeText(jsonOutput.innerText).then(() => {
+        const originalIcon = copyIcon.innerText; copyIcon.innerText = 'check'; copyIcon.classList.add('text-green-400');
+        setTimeout(() => { copyIcon.innerText = originalIcon; copyIcon.classList.remove('text-green-400'); }, 2000);
+    });
+});
+</script>
+</body>
+</html>
+"""
+
+    with open('dashboard.html', 'w', encoding='utf-8') as f:
+        f.write(top_part + new_script)
+
+    print("Replaced script successfully.")
+
+    # Run git commands
+    subprocess.run(['git', 'add', 'dashboard.html'], check=True)
+    try:
+        subprocess.run(['git', 'commit', '-m', 'Critical Bugfix: Resolve corrupted JS syntax and restore core agent loop'], check=True)
+    except subprocess.CalledProcessError:
+        print("Nothing to commit")
+        
+    subprocess.run(['git', 'push', '--force', 'space', 'HEAD:main'], check=True)
+    
+    # Push to origin main as well
+    try:
+        subprocess.run(['git', 'push', 'origin', 'HEAD:main'], check=True)
+    except subprocess.CalledProcessError:
+        print("Push to origin failed or not needed")
+        
+    print("Deployment triggered successfully.")
+
+if __name__ == '__main__':
+    fix_html()

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: StyleSync AI
+emoji: 🚀
+colorFrom: blue
+colorTo: indigo
+sdk: docker
+pinned: false
+---
+# StyleSync AI
+An AI-powered catalog intelligence 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("  StyleSync AI — Force Deploy to Hugging Face Space")
+    print("=" * 60)
+
+    # 0. Remove binary files from Git tracking (keep local copies)
+    binaries = [
+        "stitch_stylesync_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>StyleSync 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">StyleSync 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 StyleSync AI — 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", "stylesync_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()

landingpage.html

@@ -0,0 +1,426 @@
+<!DOCTYPE html>
+
+<html class="dark" lang="en"><head>
+<meta charset="utf-8"/>
+<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+<title>StyleSync AI | Autonomous E-Commerce Catalog Intelligence</title>
+<!-- BEGIN: External Resources -->
+<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"/>
+<!-- END: External Resources -->
+<!-- BEGIN: Tailwind Configuration -->
+<script id="tailwind-config">
+    tailwind.config = {
+      darkMode: "class",
+      theme: {
+        extend: {
+          colors: {
+            "primary": "#fbbf24", // Amber-400
+            "primary-dark": "#d97706", // Amber-600
+            "charcoal": "#0a0a0a",
+            "glass-white": "rgba(255, 255, 255, 0.08)",
+            "glass-amber": "rgba(251, 191, 36, 0.05)",
+          },
+          fontFamily: {
+            "sans": ["Plus Jakarta Sans", "sans-serif"],
+          },
+          animation: {
+            'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',
+            'shine': 'shine 2s infinite',
+            'float': 'float 6s ease-in-out infinite',
+          },
+          keyframes: {
+            shine: {
+              '0%': { transform: 'translateX(-100%)' },
+              '100%': { transform: 'translateX(100%)' }
+            },
+            float: {
+              '0%, 100%': { transform: 'translateY(0)' },
+              '50%': { transform: 'translateY(-20px)' }
+            }
+          }
+        },
+      },
+    }
+  </script>
+<!-- END: Tailwind Configuration -->
+<!-- BEGIN: Custom Styles -->
+<style data-purpose="layout-and-glassmorphism">
+    body {
+      background-color: #0a0a0a;
+      background-image: 
+        radial-gradient(circle at 20% 30%, rgba(217, 119, 6, 0.08) 0%, transparent 40%),
+        radial-gradient(circle at 80% 70%, rgba(251, 191, 36, 0.05) 0%, transparent 40%);
+    }
+
+    .glass-panel {
+      background: rgba(255, 255, 255, 0.03);
+      backdrop-filter: blur(20px);
+      -webkit-backdrop-filter: blur(20px);
+      border: 1px solid rgba(255, 255, 255, 0.08);
+    }
+
+    .glass-card-hover:hover {
+      background: rgba(251, 191, 36, 0.05);
+      border-color: rgba(251, 191, 36, 0.3);
+      transform: translateY(-4px);
+      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    }
+
+    .text-glow {
+      text-shadow: 0 0 20px rgba(251, 191, 36, 0.3);
+    }
+
+    .custom-scrollbar::-webkit-scrollbar {
+      width: 6px;
+    }
+    .custom-scrollbar::-webkit-scrollbar-track {
+      background: transparent;
+    }
+    .custom-scrollbar::-webkit-scrollbar-thumb {
+      background: rgba(255, 255, 255, 0.1);
+      border-radius: 10px;
+    }
+
+    /* Scroll Reveal Animation Styles */
+    .reveal-card {
+      opacity: 0;
+      transform: translateY(30px);
+      transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);
+      will-change: transform, opacity;
+    }
+
+    .reveal-card.is-visible {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  </style>
+<!-- END: Custom Styles -->
+</head>
+<body class="text-slate-200 antialiased font-sans">
+<!-- BEGIN: NavHeader -->
+<header class="fixed top-0 w-full z-50 px-6 py-4 flex items-center justify-between glass-panel border-t-0 border-x-0">
+<div class="flex items-center gap-3">
+<div class="flex items-center justify-center size-10 rounded-lg bg-gradient-to-br from-primary to-primary-dark text-charcoal">
+<span class="material-symbols-outlined font-bold">all_inclusive</span>
+</div>
+<div>
+<h1 class="text-white font-extrabold text-lg leading-none">StyleSync AI</h1>
+<p class="text-[10px] text-primary uppercase tracking-[0.2em] font-semibold">Enterprise Edition</p>
+</div>
+</div>
+<nav class="hidden md:flex items-center gap-8">
+<a class="text-sm font-medium hover:text-primary transition-colors" href="#features">Features</a>
+<a class="text-sm font-medium hover:text-primary transition-colors" href="#architecture">Architecture</a>
+<a class="text-sm font-medium hover:text-primary transition-colors" href="#tech-stack">Tech Stack</a>
+<a class="text-sm font-medium hover:text-primary transition-colors" href="#legal">Legal</a>
+</nav>
+<div class="flex items-center gap-4">
+<button class="px-5 py-2.5 rounded-full text-sm font-bold bg-white/5 hover:bg-white/10 border border-white/10 transition-all">
+        Sign In
+      </button>
+</div>
+</header>
+<!-- END: NavHeader -->
+<main class="pt-24">
+<!-- BEGIN: Hero Section -->
+<section class="relative min-h-[90vh] flex items-center px-6 lg:px-24 overflow-hidden" id="hero">
+<div class="grid lg:grid-cols-2 gap-12 items-center w-full">
+<div class="z-10">
+<span class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-primary/10 border border-primary/20 text-primary text-xs font-bold uppercase tracking-widest mb-6">
+<span class="relative flex h-2 w-2">
+<span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-primary opacity-75"></span>
+<span class="relative inline-flex rounded-full h-2 w-2 bg-primary"></span>
+</span>
+            Now in Private Beta
+          </span>
+<h2 class="text-5xl lg:text-7xl font-extrabold text-white leading-[1.1] mb-6 tracking-tight">
+            Autonomous <br/>
+<span class="text-transparent bg-clip-text bg-gradient-to-r from-primary to-primary-dark">E-Commerce</span> <br/>
+            Intelligence
+          </h2>
+<p class="text-lg text-slate-400 mb-10 max-w-xl leading-relaxed">
+            A multi-agent AI pipeline that converts raw product imagery into enterprise-grade, SEO-optimized e-commerce catalogs in seconds.
+          </p>
+<div class="flex flex-wrap gap-4">
+<a class="flex items-center gap-3 px-8 py-4 bg-primary hover:bg-primary-dark text-charcoal rounded-xl font-bold transition-all transform hover:scale-105 shadow-[0_0_30px_rgba(251,191,36,0.2)]" href="/dashboard">
+<span class="material-symbols-outlined">rocket_launch</span>
+              Enter Dashboard
+            </a>
+<button class="flex items-center gap-3 px-8 py-4 bg-white/5 hover:bg-white/10 border border-white/10 rounded-xl font-bold transition-all">
+              Watch Demo
+            </button>
+</div>
+</div>
+<!-- Visual: Floating Glassmorphic Product Conversion -->
+<div class="relative flex justify-center items-center">
+<div class="absolute w-[120%] h-[120%] bg-primary/5 rounded-full blur-[100px] -z-10"></div>
+<div class="relative animate-float">
+<!-- Glass Mockup for Conversion -->
+<div class="w-72 h-96 glass-panel rounded-[2rem] p-6 shadow-2xl relative">
+<div class="w-full h-48 rounded-2xl bg-white/5 border border-white/10 overflow-hidden mb-4 flex items-center justify-center">
+<span class="material-symbols-outlined text-6xl text-white/20">image</span>
+</div>
+<div class="space-y-3">
+<div class="h-4 w-3/4 bg-white/10 rounded"></div>
+<div class="h-4 w-1/2 bg-white/10 rounded"></div>
+<div class="pt-4 grid grid-cols-3 gap-2">
+<div class="h-8 rounded bg-primary/20 border border-primary/30"></div>
+<div class="h-8 rounded bg-white/5 border border-white/10"></div>
+<div class="h-8 rounded bg-white/5 border border-white/10"></div>
+</div>
+</div>
+<!-- JSON Output Popover -->
+<div class="absolute -right-12 -bottom-10 w-64 glass-panel rounded-2xl p-4 border-primary/30 shadow-2xl scale-90 lg:scale-100">
+<div class="flex items-center gap-2 mb-2">
+<div class="size-2 rounded-full bg-green-500"></div>
+<span class="text-[10px] font-mono text-slate-400">output.json</span>
+</div>
+<pre class="text-[10px] font-mono text-primary/80"><code>{
+  "sku": "MF-9902",
+  "name": "AeroShell X",
+  "tags": ["SEO", "Hiker"]
+}</code></pre>
+</div>
+</div>
+</div>
+</div>
+</div>
+</section>
+<!-- END: Hero Section -->
+<!-- BEGIN: Core Value Prop -->
+<section class="py-24 px-6 lg:px-24" id="features">
+<div class="max-w-4xl mx-auto text-center mb-16">
+<h3 class="text-3xl lg:text-5xl font-bold text-white mb-6">Zero Manual Bottlenecks</h3>
+<p class="text-slate-400 text-lg">Shift from human-in-the-loop to autonomous excellence. Our pipeline ensures your inventory is ready for global distribution instantly.</p>
+</div>
+<div class="grid md:grid-cols-3 gap-8">
+<div class="p-8 rounded-3xl glass-panel glass-card-hover text-center">
+<div class="size-14 mx-auto mb-6 rounded-2xl bg-primary/10 flex items-center justify-center">
+<span class="material-symbols-outlined text-primary text-3xl">bolt</span>
+</div>
+<h4 class="text-xl font-bold text-white mb-3">Instant Delivery</h4>
+<p class="text-slate-400 text-sm leading-relaxed">Go from product photo to live Shopify entry in under 15 seconds with zero latency agents.</p>
+</div>
+<div class="p-8 rounded-3xl glass-panel glass-card-hover text-center border-primary/20 bg-glass-amber">
+<div class="size-14 mx-auto mb-6 rounded-2xl bg-primary flex items-center justify-center">
+<span class="material-symbols-outlined text-charcoal text-3xl">verified</span>
+</div>
+<h4 class="text-xl font-bold text-white mb-3">0% Human Error</h4>
+<p class="text-slate-400 text-sm leading-relaxed">Automated cross-referencing against technical specs ensures 100% attribute accuracy.</p>
+</div>
+<div class="p-8 rounded-3xl glass-panel glass-card-hover text-center">
+<div class="size-14 mx-auto mb-6 rounded-2xl bg-primary/10 flex items-center justify-center">
+<span class="material-symbols-outlined text-primary text-3xl">trending_up</span>
+</div>
+<h4 class="text-xl font-bold text-white mb-3">SEO Native</h4>
+<p class="text-slate-400 text-sm leading-relaxed">Every description is engineered for search algorithms using real-time market sentiment data.</p>
+</div>
+</div>
+</section>
+<!-- END: Core Value Prop -->
+<!-- BEGIN: Multi-Agent Pipeline -->
+<section class="py-24 px-6 lg:px-24 bg-white/2" id="architecture">
+<div class="flex flex-col lg:flex-row gap-16 items-start">
+<div class="lg:w-1/3 sticky top-32">
+<h3 class="text-4xl font-bold text-white mb-6">Multi-Agent <br/>Pipeline</h3>
+<p class="text-slate-400 leading-relaxed mb-8">A sophisticated orchestration of specialized AI agents working in harmony to deliver high-fidelity catalog data.</p>
+<div class="p-6 rounded-2xl border border-white/5 bg-white/2">
+<div class="flex items-center gap-4 text-sm text-slate-300">
+<span class="material-symbols-outlined text-green-500">memory</span>
+              Orchestration Layer: FastAPI + LangGraph
+            </div>
+</div>
+</div>
+<div class="lg:w-2/3 grid gap-6">
+<!-- Card 1 -->
+<div class="reveal-card group p-8 rounded-3xl glass-panel flex gap-6 items-start hover:border-primary/40 transition-all">
+<div class="size-16 rounded-2xl bg-indigo-500/20 flex-shrink-0 flex items-center justify-center">
+<span class="material-symbols-outlined text-indigo-400 text-3xl">visibility</span>
+</div>
+<div>
+<div class="flex items-center justify-between mb-2">
+<h4 class="text-xl font-bold text-white">Visual Analyst</h4>
+<span class="text-[10px] font-mono px-2 py-1 rounded bg-indigo-500/10 text-indigo-400 border border-indigo-500/20">GEMINI 2.5 FLASH</span>
+</div>
+<p class="text-slate-400 text-sm leading-relaxed">Performs deep pixel analysis to extract material textures, silhouettes, and hardware details directly from raw imagery.</p>
+</div>
+</div>
+<!-- Card 2 -->
+<div class="reveal-card group p-8 rounded-3xl glass-panel flex gap-6 items-start hover:border-primary/40 transition-all">
+<div class="size-16 rounded-2xl bg-cyan-500/20 flex-shrink-0 flex items-center justify-center">
+<span class="material-symbols-outlined text-cyan-400 text-3xl">database</span>
+</div>
+<div>
+<div class="flex items-center justify-between mb-2">
+<h4 class="text-xl font-bold text-white">Semantic Memory</h4>
+<span class="text-[10px] font-mono px-2 py-1 rounded bg-cyan-500/10 text-cyan-400 border border-cyan-500/20">PINECONE RAG</span>
+</div>
+<p class="text-slate-400 text-sm leading-relaxed">Queries vector databases for historical product context, brand voice guidelines, and competitive SEO keywords.</p>
+</div>
+</div>
+<!-- Card 3 -->
+<div class="reveal-card group p-8 rounded-3xl glass-panel flex gap-6 items-start hover:border-primary/40 transition-all">
+<div class="size-16 rounded-2xl bg-primary/20 flex-shrink-0 flex items-center justify-center">
+<span class="material-symbols-outlined text-primary text-3xl">edit_note</span>
+</div>
+<div>
+<div class="flex items-center justify-between mb-2">
+<h4 class="text-xl font-bold text-white">Writer Agent</h4>
+<span class="text-[10px] font-mono px-2 py-1 rounded bg-primary/10 text-primary border border-primary/20">LLAMA 3.3 70B (GROQ)</span>
+</div>
+<p class="text-slate-400 text-sm leading-relaxed">Synthesizes visual and semantic data into high-converting product descriptions, bullet points, and metadata.</p>
+</div>
+</div>
+</div>
+</div>
+</section>
+<!-- END: Multi-Agent Pipeline -->
+<!-- BEGIN: Tech Stack Table -->
+<section class="py-24 px-6 lg:px-24" id="tech-stack">
+<div class="glass-panel rounded-3xl overflow-hidden border-white/5 shadow-2xl">
+<div class="px-8 py-6 border-b border-white/5 bg-white/2 flex items-center justify-between">
+<h3 class="text-xl font-bold text-white">Technical Infrastructure</h3>
+<span class="text-xs text-slate-500 font-mono tracking-widest">SYSTEM_MANIFEST.V2</span>
+</div>
+<div class="overflow-x-auto">
+<table class="w-full text-left">
+<thead>
+<tr class="bg-white/2 text-[10px] uppercase tracking-widest text-slate-500 border-b border-white/5">
+<th class="px-8 py-4 font-bold">Component</th>
+<th class="px-8 py-4 font-bold">Technology</th>
+<th class="px-8 py-4 font-bold">Purpose</th>
+<th class="px-8 py-4 font-bold">Status</th>
+</tr>
+</thead>
+<tbody class="text-sm">
+<tr class="border-b border-white/5 hover:bg-white/2 transition-colors">
+<td class="px-8 py-6 font-bold text-white">Core Backend</td>
+<td class="px-8 py-6 text-slate-400">Python 3.10+ / FastAPI</td>
+<td class="px-8 py-6 text-slate-400">Asynchronous high-throughput processing</td>
+<td class="px-8 py-6"><span class="px-2 py-1 rounded-full bg-green-500/10 text-green-500 text-[10px] font-bold">STABLE</span></td>
+</tr>
+<tr class="border-b border-white/5 hover:bg-white/2 transition-colors">
+<td class="px-8 py-6 font-bold text-white">Agent Framework</td>
+<td class="px-8 py-6 text-slate-400">Google GenAI / Groq SDK</td>
+<td class="px-8 py-6 text-slate-400">Multi-LLM orchestration &amp; execution</td>
+<td class="px-8 py-6"><span class="px-2 py-1 rounded-full bg-green-500/10 text-green-500 text-[10px] font-bold">STABLE</span></td>
+</tr>
+<tr class="border-b border-white/5 hover:bg-white/2 transition-colors">
+<td class="px-8 py-6 font-bold text-white">Knowledge Base</td>
+<td class="px-8 py-6 text-slate-400">Pinecone Vector DB</td>
+<td class="px-8 py-6 text-slate-400">Retrieval Augmented Generation (RAG)</td>
+<td class="px-8 py-6"><span class="px-2 py-1 rounded-full bg-green-500/10 text-green-500 text-[10px] font-bold">STABLE</span></td>
+</tr>
+<tr class="hover:bg-white/2 transition-colors">
+<td class="px-8 py-6 font-bold text-white">Deployment</td>
+<td class="px-8 py-6 text-slate-400">Docker / Kubernetes</td>
+<td class="px-8 py-6 text-slate-400">Containerized auto-scaling architecture</td>
+<td class="px-8 py-6"><span class="px-2 py-1 rounded-full bg-green-500/10 text-green-500 text-[10px] font-bold">STABLE</span></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+</section>
+<!-- END: Tech Stack Table -->
+<!-- BEGIN: Final CTA -->
+<section class="py-24 px-6 text-center">
+<div class="max-w-3xl mx-auto glass-panel p-12 lg:p-20 rounded-[3rem] border-primary/20 relative overflow-hidden">
+<div class="absolute -top-24 -right-24 size-64 bg-primary/10 rounded-full blur-3xl"></div>
+<h3 class="text-4xl lg:text-6xl font-extrabold text-white mb-8 tracking-tight">Scale Your Catalog To <br/>Infinite.</h3>
+<p class="text-slate-400 text-lg mb-10 leading-relaxed">Join enterprise retail leaders who are automating their supply chain intelligence with StyleSync AI.</p>
+<div class="flex flex-col sm:flex-row items-center justify-center gap-4">
+<input class="w-full sm:w-auto min-w-[300px] bg-charcoal border border-white/10 rounded-xl px-6 py-4 focus:ring-2 focus:ring-primary/50 outline-none transition-all text-white" placeholder="Enter corporate email" type="email"/>
+<button class="w-full sm:w-auto px-8 py-4 bg-primary hover:bg-primary-dark text-charcoal rounded-xl font-bold transition-all transform hover:scale-105">
+            Request Access
+          </button>
+</div>
+</div>
+</section>
+<!-- END: Final CTA -->
+</main>
+<!-- BEGIN: Footer -->
+<footer class="mt-12 border-t border-white/5 bg-charcoal py-12 px-6 lg:px-24" id="legal">
+<div class="flex flex-col md:flex-row justify-between items-start gap-12 mb-12">
+<div class="max-w-xs">
+<div class="flex items-center gap-3 mb-6">
+<div class="flex items-center justify-center size-8 rounded-lg bg-primary text-charcoal">
+<span class="material-symbols-outlined text-sm font-bold">all_inclusive</span>
+</div>
+<span class="text-white font-bold tracking-tight">StyleSync AI</span>
+</div>
+<p class="text-xs text-slate-500 leading-relaxed">
+          Designed and engineered for high-performance e-commerce logistics.
+        </p>
+</div>
+<div class="grid grid-cols-2 md:grid-cols-3 gap-12">
+<div>
+<h5 class="text-white text-xs font-bold uppercase tracking-widest mb-6">Platform</h5>
+<ul class="space-y-4 text-xs text-slate-400">
+<li><a class="hover:text-primary" href="#">Agent Dashboard</a></li>
+<li><a class="hover:text-primary" href="#">API Documentation</a></li>
+<li><a class="hover:text-primary" href="#">Pricing Plans</a></li>
+</ul>
+</div>
+<div>
+<h5 class="text-white text-xs font-bold uppercase tracking-widest mb-6">Company</h5>
+<ul class="space-y-4 text-xs text-slate-400">
+<li><a class="hover:text-primary" href="#">About Us</a></li>
+<li><a class="hover:text-primary" href="#">Careers</a></li>
+<li><a class="hover:text-primary" href="#">Contact</a></li>
+</ul>
+</div>
+<div>
+<h5 class="text-white text-xs font-bold uppercase tracking-widest mb-6">Security</h5>
+<ul class="space-y-4 text-xs text-slate-400">
+<li><a class="hover:text-primary" href="#">Privacy Policy</a></li>
+<li><a class="hover:text-primary" href="#">Terms of Service</a></li>
+<li><a class="hover:text-primary" href="#">SLA</a></li>
+</ul>
+</div>
+</div>
+</div>
+<div class="pt-8 border-t border-white/5 flex flex-col md:flex-row justify-between items-center gap-4">
+<p class="text-[10px] text-slate-600">
+        © 2026 StyleSync AI. All Rights Reserved.
+      </p>
+<div class="flex gap-6">
+<span class="material-symbols-outlined text-slate-600 hover:text-primary cursor-pointer">public</span>
+<span class="material-symbols-outlined text-slate-600 hover:text-primary cursor-pointer">lock</span>
+<span class="material-symbols-outlined text-slate-600 hover:text-primary cursor-pointer">hub</span>
+</div>
+</div>
+</footer>
+<!-- END: Footer -->
+<!-- BEGIN: Animation Script -->
+<script id="scroll-reveal-logic">
+  document.addEventListener('DOMContentLoaded', () => {
+    const observerOptions = {
+      root: null,
+      threshold: 0.15,
+      rootMargin: '0px 0px -50px 0px'
+    };
+
+    const observer = new IntersectionObserver((entries) => {
+      entries.forEach((entry, index) => {
+        if (entry.isIntersecting) {
+          // Stagger the animation of the cards
+          setTimeout(() => {
+            entry.target.classList.add('is-visible');
+          }, index * 100);
+          // Once visible, stop observing this specific element
+          observer.unobserve(entry.target);
+        }
+      });
+    }, observerOptions);
+
+    const revealCards = document.querySelectorAll('.reveal-card');
+    revealCards.forEach(card => observer.observe(card));
+  });
+</script>
+<!-- END: Animation Script -->
+</body></html>

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']