Upload 2 files

core/hf_inference.py

@@ -335,17 +335,13 @@ class HFInferenceClient:
         if not self.token:
             raise ValueError("HF_TOKEN is required for inference")
 
-        # Use explicit provider="hf-inference" to route through HF's own
-        # serverless inference.  Without this, huggingface_hub >=0.28 picks
-        # providers via "auto" which can fail with Request ID errors when
-        # the model is not available on the auto-selected third-party provider.
-        try:
-            self.sync_client = InferenceClient(token=self.token, provider="hf-inference")
-            self.async_client = AsyncInferenceClient(token=self.token, provider="hf-inference")
-        except TypeError:
-            # Older huggingface_hub (<0.28) doesn't support provider param
-            self.sync_client = InferenceClient(token=self.token)
-            self.async_client = AsyncInferenceClient(token=self.token)
+        # Let huggingface_hub route to the best available provider automatically.
+        # Do NOT set base_url (overrides per-model routing) or
+        # provider="hf-inference" (that provider no longer hosts most models).
+        # The default provider="auto" picks the first available third-party
+        # provider (novita, together, cerebras, etc.) for each model.
+        self.sync_client = InferenceClient(token=self.token)
+        self.async_client = AsyncInferenceClient(token=self.token)
     
     def get_model_for_agent(self, agent_name: str) -> str:
         """Get the appropriate model for an agent."""

core/preview_generator.py

@@ -236,6 +236,16 @@ def generate_colors_asis_preview_html(
             padding: 2px 6px;
             border-radius: 4px;
         }}
+
+        /* Dark mode overrides */
+        .dark .colors-asis-header {{ color: #e2e8f0 !important; background: #1e293b !important; }}
+        .dark .colors-asis-preview {{ background: #0f172a !important; }}
+        .dark .color-row-asis {{ background: #1e293b !important; border-color: #475569 !important; }}
+        .dark .color-name-asis {{ color: #f1f5f9 !important; }}
+        .dark .frequency {{ color: #cbd5e1 !important; }}
+        .dark .context-badge {{ background: #334155 !important; color: #e2e8f0 !important; }}
+        .dark .aa-pass {{ color: #22c55e !important; background: #14532d !important; }}
+        .dark .aa-fail {{ color: #f87171 !important; background: #450a0a !important; }}
     </style>
     
     <div class="colors-asis-header">{count_info}</div>
@@ -315,6 +325,11 @@ def generate_spacing_asis_preview_html(
             border-radius: 4px;
             min-width: 4px;
         }}
+
+        /* Dark mode */
+        .dark .spacing-asis-preview {{ background: #0f172a !important; }}
+        .dark .spacing-row-asis {{ background: #1e293b !important; }}
+        .dark .spacing-label {{ color: #f1f5f9 !important; }}
     </style>
     
     <div class="spacing-asis-preview">
@@ -384,6 +399,11 @@ def generate_radius_asis_preview_html(
             color: #1a1a1a !important;
             font-family: 'SF Mono', Monaco, monospace;
         }}
+
+        /* Dark mode */
+        .dark .radius-asis-preview {{ background: #0f172a !important; }}
+        .dark .radius-item {{ background: #1e293b !important; }}
+        .dark .radius-label {{ color: #f1f5f9 !important; }}
     </style>
     
     <div class="radius-asis-preview">
@@ -468,6 +488,13 @@ def generate_shadows_asis_preview_html(
             text-align: center;
             word-break: break-all;
         }}
+
+        /* Dark mode */
+        .dark .shadows-asis-preview {{ background: #0f172a !important; }}
+        .dark .shadow-item {{ background: #1e293b !important; }}
+        .dark .shadow-box {{ background: #334155 !important; }}
+        .dark .shadow-label {{ color: #f1f5f9 !important; }}
+        .dark .shadow-value {{ color: #94a3b8 !important; }}
     </style>
     
     <div class="shadows-asis-preview">
@@ -645,6 +672,18 @@ def generate_typography_preview_html(
         .typography-preview tr:hover .preview-cell {{
             background: #F5F5F5;
         }}
+
+        /* Dark mode */
+        .dark .typography-preview {{ background: #1e293b !important; }}
+        .dark .typography-preview th {{ background: #334155 !important; color: #e2e8f0 !important; border-bottom-color: #475569 !important; }}
+        .dark .typography-preview td {{ color: #e2e8f0 !important; }}
+        .dark .typography-preview .meta-row {{ background: #1e293b !important; border-top-color: #334155 !important; }}
+        .dark .typography-preview .scale-name,
+        .dark .typography-preview .scale-label {{ color: #f1f5f9 !important; background: #475569 !important; }}
+        .dark .typography-preview .meta {{ color: #cbd5e1 !important; }}
+        .dark .typography-preview .preview-cell {{ background: #0f172a !important; border-bottom-color: #334155 !important; }}
+        .dark .typography-preview .preview-text {{ color: #f1f5f9 !important; }}
+        .dark .typography-preview tr:hover .preview-cell {{ background: #1e293b !important; }}
     </style>
     
     <div class="typography-preview">
@@ -1081,6 +1120,15 @@ def generate_color_ramps_preview_html(
             border-radius: 6px;
             font-weight: 500;
         }}
+
+        /* Dark mode */
+        .dark .color-ramps-preview {{ background: #0f172a !important; }}
+        .dark .ramps-header-info {{ color: #e2e8f0 !important; background: #1e293b !important; }}
+        .dark .ramp-header {{ background: #1e293b !important; }}
+        .dark .ramp-header-label {{ color: #cbd5e1 !important; }}
+        .dark .color-row {{ background: #1e293b !important; border-color: #475569 !important; }}
+        .dark .color-name {{ color: #f1f5f9 !important; background: #475569 !important; }}
+        .dark .color-hex {{ color: #cbd5e1 !important; }}
     </style>
     
     <div class="color-ramps-preview">
@@ -1230,9 +1278,13 @@ def generate_semantic_color_ramps_html(
     # Handle empty analysis
     if not semantic_analysis:
         return '''
-        <div style="padding: 40px; text-align: center; background: #fff3cd !important; border-radius: 8px;">
-            <p style="color: #856404 !important; font-size: 14px;">⚠️ No semantic analysis available.</p>
+        <div class="sem-warning-box" style="padding: 40px; text-align: center; background: #fff3cd; border-radius: 8px;">
+            <p style="color: #856404; font-size: 14px;">⚠️ No semantic analysis available.</p>
         </div>
+        <style>
+            .dark .sem-warning-box { background: #422006 !important; border-color: #b45309 !important; }
+            .dark .sem-warning-box p { color: #fde68a !important; }
+        </style>
         '''
     
     # Build sections
@@ -1427,6 +1479,21 @@ def generate_semantic_color_ramps_html(
             margin-bottom: 4px;
             font-size: 13px;
         }}
+
+        /* Dark mode */
+        .dark .sem-ramps-preview {{ background: #0f172a !important; }}
+        .dark .sem-category {{ background: #1e293b !important; border-color: #475569 !important; }}
+        .dark .sem-cat-title {{ color: #f1f5f9 !important; border-bottom-color: #475569 !important; }}
+        .dark .sem-color-row {{ background: #0f172a !important; border-color: #334155 !important; }}
+        .dark .sem-role {{ color: #f1f5f9 !important; }}
+        .dark .sem-hex {{ color: #cbd5e1 !important; }}
+        .dark .llm-rec {{ background: #422006 !important; border-color: #b45309 !important; }}
+        .dark .rec-label {{ color: #fbbf24 !important; }}
+        .dark .rec-issue {{ color: #fde68a !important; }}
+        .dark .rec-arrow {{ color: #fbbf24 !important; }}
+        .dark .llm-summary {{ background: #1e3a5f !important; border-color: #3b82f6 !important; }}
+        .dark .llm-summary h4 {{ color: #93c5fd !important; }}
+        .dark .llm-summary ul, .dark .llm-summary li {{ color: #bfdbfe !important; }}
     </style>
     
     <div class="sem-ramps-preview">