Upload folder using huggingface_hub

deep_research.py

@@ -289,6 +289,10 @@ luntre_theme = gr.themes.Base(
 
 # Custom CSS
 custom_css = """
+/* Import stylish fonts */
+@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');
+
 /* Global dark theme overrides */
 .gradio-container {
     background: linear-gradient(135deg, #1C1C1C 0%, #121212 100%) !important;
@@ -308,13 +312,15 @@ custom_css = """
 
 .brand-name {
     font-size: 2.5rem;
-    font-weight: 800;
+    font-weight: 500;
     background: linear-gradient(135deg, #10B981 0%, #3B82F6 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     margin-bottom: 0.5rem;
-    letter-spacing: -0.02em;
+    letter-spacing: 0.12em;
+    font-family: 'Space Grotesk', 'Outfit', sans-serif;
+    text-transform: uppercase;
 }
 
 .page-title {
@@ -469,45 +475,53 @@ textarea:focus {
 /* Controls Row - Button + Model Selector */
 .controls-row {
     display: flex;
-    gap: 0.75rem;
+    gap: 1rem;
     margin-top: 0.75rem;
-    align-items: flex-start;
-}
-
-.button-col, .model-col {
-    padding: 0 !important;
-    margin: 0 !important;
-    background: transparent !important;
-    border: none !important;
+    align-items: center;
+    background: transparent;
+    padding: 0;
+    border-radius: 0;
+    border: none;
 }
 
-/* Model Radio Selector - Compact Inline */
+/* Model Radio Selector - Inline with Label */
 .model-radio {
     display: flex !important;
-    flex-direction: row !important;
-    gap: 0.375rem !important;
-    flex-wrap: wrap !important;
+    flex-direction: column !important;
+    gap: 0.75rem !important;
+    background: rgba(28, 28, 28, 0.4);
+    padding: 1rem;
+    border-radius: 12px;
+    border: 1px solid rgba(55, 65, 81, 0.3);
+    flex: 1;
 }
 
-.model-radio .label {
-    color: #6B7280 !important;
+.model-radio > label:first-child {
+    color: #10B981 !important;
     font-size: 0.75rem !important;
-    font-weight: 500 !important;
-    margin-bottom: 0.375rem !important;
-    text-transform: uppercase !important;
+    font-weight: 600 !important;
+    margin-bottom: 0 !important;
     letter-spacing: 0.05em !important;
+    text-transform: uppercase;
+}
+
+.model-radio > div {
+    display: flex !important;
+    flex-direction: row !important;
+    gap: 0.5rem !important;
+    flex-wrap: wrap !important;
 }
 
 .model-radio label {
-    background: transparent !important;
-    border: 1px solid rgba(55, 65, 81, 0.4) !important;
+    background: rgba(45, 45, 45, 0.6) !important;
+    border: 1.5px solid rgba(55, 65, 81, 0.6) !important;
     color: #9CA3AF !important;
-    padding: 0.4rem 0.75rem !important;
-    border-radius: 6px !important;
-    font-size: 0.75rem !important;
+    padding: 0.5rem 1rem !important;
+    border-radius: 8px !important;
+    font-size: 0.8rem !important;
     font-weight: 500 !important;
     cursor: pointer !important;
-    transition: all 0.2s ease !important;
+    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
     margin: 0 !important;
     display: inline-flex !important;
     align-items: center !important;
@@ -515,17 +529,20 @@ textarea:focus {
 }
 
 .model-radio label:hover {
-    background: rgba(16, 185, 129, 0.08) !important;
+    background: rgba(16, 185, 129, 0.12) !important;
     border-color: rgba(16, 185, 129, 0.4) !important;
     color: #10B981 !important;
+    transform: translateY(-2px) scale(1.02) !important;
+    box-shadow: 0 4px 16px rgba(16, 185, 129, 0.25) !important;
 }
 
 .model-radio input[type="radio"]:checked + label,
 .model-radio label.selected {
-    background: linear-gradient(135deg, rgba(16, 185, 129, 0.12), rgba(59, 130, 246, 0.08)) !important;
-    border-color: rgba(16, 185, 129, 0.6) !important;
+    background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.15)) !important;
+    border-color: rgba(16, 185, 129, 0.8) !important;
     color: #10B981 !important;
     font-weight: 600 !important;
+    box-shadow: 0 2px 12px rgba(16, 185, 129, 0.3), inset 0 1px 2px rgba(16, 185, 129, 0.1) !important;
 }
 
 /* Hide the actual radio input */
@@ -537,25 +554,27 @@ textarea:focus {
     background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
     border: none !important;
     color: white !important;
-    border-radius: 8px !important;
+    border-radius: 10px !important;
     font-weight: 600 !important;
-    padding: 0.75rem 1.5rem !important;
-    font-size: 0.9rem !important;
+    padding: 0.875rem 2rem !important;
+    font-size: 0.95rem !important;
     letter-spacing: 0.02em !important;
-    transition: all 0.2s ease !important;
-    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 2px 8px rgba(16, 185, 129, 0.15) !important;
-    width: 100% !important;
+    transition: all 0.25s ease !important;
+    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3), 0 1px 3px rgba(0, 0, 0, 0.2) !important;
     text-transform: uppercase !important;
+    flex: 1;
+    max-width: 250px;
 }
 
 .run-button:hover, button[variant="primary"]:hover {
-    transform: translateY(-1px) !important;
-    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25), 0 4px 16px rgba(16, 185, 129, 0.25) !important;
+    transform: translateY(-2px) !important;
+    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4), 0 2px 6px rgba(0, 0, 0, 0.25) !important;
+    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
 }
 
 .run-button:active, button[variant="primary"]:active {
     transform: translateY(0) !important;
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
 }
 
 /* Modern Minimal Tabs */
@@ -823,23 +842,21 @@ with gr.Blocks(theme=luntre_theme, css=custom_css, title="Luntre AI - Deep Resea
         )
 
         with gr.Row(elem_classes="controls-row"):
-            with gr.Column(scale=3, min_width=200, elem_classes="button-col"):
-                run_btn = gr.Button("▶ Run Research", variant="primary", elem_classes="run-button")
-
-            with gr.Column(scale=2, min_width=180, elem_classes="model-col"):
-                model_selector = gr.Radio(
-                    choices=[
-                        "Gemini 2.5",
-                        "Gemini 2.0",
-                        "Pro",
-                        "Llama",
-                    ],
-                    value="Gemini 2.5",
-                    label="Model",
-                    show_label=True,
-                    elem_classes="model-radio",
-                    interactive=True
-                )
+            run_btn = gr.Button("▶ Run Research", variant="primary", elem_classes="run-button")
+
+            model_selector = gr.Radio(
+                choices=[
+                    "Gemini 2.5 Flash",
+                    "Gemini 2.0 Flash",
+                    "Gemini 2.0 Pro",
+                    "Llama 3.3",
+                ],
+                value="Gemini 2.5 Flash",
+                label="Choose Model",
+                show_label=True,
+                elem_classes="model-radio",
+                interactive=True
+            )
 
         # Hidden buttons for programmatic access
         edit_btn = gr.Button("Edit", variant="secondary", visible=False, elem_id="edit-query-btn")

model_config.py

@@ -15,23 +15,23 @@ def get_model(model_choice: str):
     Returns:
         OpenAIChatCompletionsModel configured for the selected model
     """
-    # Map simplified names to model configurations
-    if "2.5" in model_choice or "Gemini 2.5" in model_choice:
+    # Map model names to configurations
+    if "2.5 Flash" in model_choice:
         model_name = "gemini-2.5-flash"
         api_key = os.getenv('GEMINI_API_KEY')
         base_url = "https://generativelanguage.googleapis.com/v1beta/openai/"
 
-    elif "Pro" in model_choice:
+    elif "2.0 Pro" in model_choice:
         model_name = "gemini-2.0-flash-thinking-exp-01-21"
         api_key = os.getenv('GEMINI_API_KEY')
         base_url = "https://generativelanguage.googleapis.com/v1beta/openai/"
 
-    elif "2.0" in model_choice or "Gemini 2.0" in model_choice:
+    elif "2.0 Flash" in model_choice:
         model_name = "gemini-2.0-flash-exp"
         api_key = os.getenv('GEMINI_API_KEY')
         base_url = "https://generativelanguage.googleapis.com/v1beta/openai/"
 
-    elif "Llama" in model_choice:
+    elif "Llama 3.3" in model_choice:
         model_name = "llama-3.3-70b-versatile"
         api_key = os.getenv('GROQ_API_KEY')
         base_url = "https://api.groq.com/openai/v1"