Upload folder using huggingface_hub

code/server/routes.py

@@ -27,6 +27,7 @@ from gradio import Server
 
 from code.config.constants import (
     APP_TITLE,
+    DEFAULT_MODEL_KEY,
     EXAMPLE_PROMPTS,
     LANGUAGE_OPTIONS,
     MODEL_CONFIGS,
@@ -82,7 +83,8 @@ async def homepage():
 
     config = json.dumps({
         "app_title": APP_TITLE,
-        "model_id": MODEL_CONFIGS,
+        "model_id": MODEL_CONFIGS[DEFAULT_MODEL_KEY]["id"],
+        "model_configs": {k: {"name": v["name"], "type": v["type"], "description": v["description"]} for k, v in MODEL_CONFIGS.items()},
         "model_url": MODEL_URL,
         "languages": LANGUAGE_OPTIONS,
         "examples": [

index.html

@@ -1169,13 +1169,14 @@ const state = {
 document.addEventListener('DOMContentLoaded', () => {
   document.title = CONFIG.app_title || 'Fullstack Code Builder';
 
-  if (CONFIG.model_url) {
-    document.getElementById('model-pill').href = CONFIG.model_url;
-    document.getElementById('banner-model-link').href = CONFIG.model_url;
-  }
-  if (CONFIG.model_id) {
-    document.getElementById('model-pill-text').textContent = CONFIG.model_id.split('/').pop();
-  }
+  try {
+    if (CONFIG.model_url) {
+      document.getElementById('model-pill').href = CONFIG.model_url;
+      document.getElementById('banner-model-link').href = CONFIG.model_url;
+    }
+    const modelId = typeof CONFIG.model_id === 'string' ? CONFIG.model_id : (CONFIG.model_configs ? Object.values(CONFIG.model_configs)[0]?.name || 'AI Model' : 'AI Model');
+    document.getElementById('model-pill-text').textContent = modelId.split('/').pop();
+  } catch (e) { console.warn('Model pill setup error:', e); }
 
   // Populate language/framework selects
   populateLanguageSelects();
@@ -1282,16 +1283,32 @@ async function pollModelStatus() {
 function populateLanguageSelects() {
   const langSelect = document.getElementById('lang-select');
   const fwSelect = document.getElementById('framework-select');
-
-  if (CONFIG.languages) {
-    CONFIG.languages.forEach(([lang, frameworks]) => {
-      const opt = document.createElement('option');
-      opt.value = lang;
-      opt.textContent = lang;
-      if (lang === 'Python') opt.selected = true;
-      langSelect.appendChild(opt);
-    });
-  }
+  if (!langSelect || !fwSelect) return;
+
+  // Fallback languages if CONFIG not loaded
+  const languages = CONFIG.languages || [
+    ["Python", ["Gradio", "Flask", "Django", "FastAPI", "Streamlit", "Plain Python"]],
+    ["JavaScript", ["React", "Vue.js", "Next.js", "Express.js", "Node.js", "Vanilla JS"]],
+    ["TypeScript", ["React", "Next.js", "Express.js", "NestJS"]],
+    ["HTML/CSS/JS", ["Tailwind CSS", "Bootstrap", "Vanilla"]],
+    ["Java", ["Spring Boot", "Maven", "Gradle"]],
+    ["Go", ["Gin", "Fiber", "Echo", "Plain Go"]],
+    ["Rust", ["Actix", "Axum", "Rocket"]],
+    ["PHP", ["Laravel", "Symfony", "Plain PHP"]],
+    ["Ruby", ["Rails", "Sinatra"]],
+    ["C#", ["ASP.NET", "Blazor"]],
+    ["Swift", ["Vapor", "SwiftUI"]],
+    ["Kotlin", ["Ktor", "Spring Boot"]],
+  ];
+
+  languages.forEach((entry) => {
+    const lang = Array.isArray(entry) ? entry[0] : entry;
+    const opt = document.createElement('option');
+    opt.value = lang;
+    opt.textContent = lang;
+    if (lang === 'Python') opt.selected = true;
+    langSelect.appendChild(opt);
+  });
 
   onLanguageChange();
 }
@@ -1305,15 +1322,16 @@ function onLanguageChange() {
 
   // Update frameworks
   fwSelect.innerHTML = '';
-  const frameworks = (CONFIG.languages || []).find(([l]) => l === selectedLang);
-  if (frameworks && frameworks[1]) {
-    frameworks[1].forEach((fw) => {
+  const languages = CONFIG.languages || [];
+  const entry = languages.find((e) => (Array.isArray(e) ? e[0] : e) === selectedLang);
+  if (entry && Array.isArray(entry) && entry[1]) {
+    entry[1].forEach((fw) => {
       const opt = document.createElement('option');
       opt.value = fw;
       opt.textContent = fw;
       fwSelect.appendChild(opt);
     });
-    state.targetFramework = frameworks[1][0];
+    state.targetFramework = entry[1][0];
   }
 
   fwSelect.onchange = () => {