Update constants.py

constants.py

@@ -73,3 +73,75 @@ The index.html should contain the basic HTML structure and link to the CSS and J
 The index.js should contain all the JavaScript logic including transformers.js integration.
 The style.css should contain all the styling for the application.
 Always output only the three code blocks as shown above, and do not include any explanations or extra text."""
+
+# Available HF models for code generation
+AVAILABLE_MODELS = [
+    {
+        "name": "Moonshot Kimi-K2",
+        "id": "moonshotai/Kimi-K2-Instruct",
+        "description": "Moonshot AI Kimi-K2-Instruct model for code generation and general tasks"
+    },
+    {
+        "name": "DeepSeek V3",
+        "id": "deepseek-ai/DeepSeek-V3-0324",
+        "description": "DeepSeek V3 model for code generation"
+    },
+    {
+        "name": "DeepSeek R1",
+        "id": "deepseek-ai/DeepSeek-R1-0528",
+        "description": "DeepSeek R1 model for code generation"
+    },
+    {
+        "name": "ERNIE-4.5-VL",
+        "id": "baidu/ERNIE-4.5-VL-424B-A47B-Base-PT",
+        "description": "ERNIE-4.5-VL model for multimodal code generation with image support"
+    },
+    {
+        "name": "MiniMax M1",
+        "id": "MiniMaxAI/MiniMax-M1-80k",
+        "description": "MiniMax M1 model for code generation and general tasks"
+    },
+    {
+        "name": "Qwen3-235B-A22B",
+        "id": "Qwen/Qwen3-235B-A22B",
+        "description": "Qwen3-235B-A22B model for code generation and general tasks"
+    },
+    {
+        "name": "SmolLM3-3B",
+        "id": "HuggingFaceTB/SmolLM3-3B",
+        "description": "SmolLM3-3B model for code generation and general tasks"
+    },
+    {
+        "name": "GLM-4.1V-9B-Thinking",
+        "id": "THUDM/GLM-4.1V-9B-Thinking",
+        "description": "GLM-4.1V-9B-Thinking model for multimodal code generation with image support"
+    },
+    {
+        "name": "Qwen3-235B-A22B-Instruct-2507",
+        "id": "Qwen/Qwen3-235B-A22B-Instruct-2507",
+        "description": "Qwen3-235B-A22B-Instruct-2507 model for code generation and general tasks"
+    },
+    {
+        "name": "Qwen3-Coder-480B-A35B",
+        "id": "Qwen/Qwen3-Coder-480B-A35B-Instruct",
+        "description": "Qwen3-Coder-480B-A35B-Instruct model for advanced code generation and programming tasks"
+    }
+]
+
+# Quick‑start demo list for the sidebar
+DEMO_LIST = [
+    {"title": "Todo App", "description": "Create a simple todo application with add, delete, and mark as complete functionality"},
+    {"title": "Calculator", "description": "Build a basic calculator with addition, subtraction, multiplication, and division"},
+    {"title": "Chat Interface", "description": "Build a chat interface with message history and user input"},
+    {"title": "E-commerce Product Card", "description": "Create a product card component for an e-commerce website"},
+    {"title": "Login Form", "description": "Build a responsive login form with validation"},
+    {"title": "Dashboard Layout", "description": "Create a dashboard layout with sidebar navigation and main content area"},
+    {"title": "Data Table", "description": "Build a data table with sorting and filtering capabilities"},
+    {"title": "Image Gallery", "description": "Create an image gallery with lightbox functionality and responsive grid layout"},
+    {"title": "UI from Image", "description": "Upload an image of a UI design and I'll generate the HTML/CSS code for it"},
+    {"title": "Extract Text from Image", "description": "Upload an image containing text and I'll extract and process the text content"},
+    {"title": "Website Redesign", "description": "Enter a website URL to extract its content and redesign it with a modern, responsive layout"},
+    {"title": "Modify HTML", "description": "After generating HTML, ask me to modify it with specific changes using search/replace format"},
+    {"title": "Search/Replace Example", "description": "Generate HTML first, then ask: 'Change the title to My New Title' or 'Add a blue background to the body'"},
+    {"title": "Transformers.js App", "description": "Create a transformers.js application with AI/ML functionality using the transformers.js library"}
+]