Fix: model selector dropdown bg, get_max_tokens None fallback

agent/core/session.py

@@ -36,7 +36,11 @@ def _get_max_tokens_safe(model_name: str) -> int:
     # Fallback: try litellm but with a short timeout via threading
     try:
         from litellm import get_max_tokens
-        return get_max_tokens(model_name)
+        result = get_max_tokens(model_name)
+        if result and isinstance(result, int):
+            return result
+        logger.warning(f"get_max_tokens returned {result} for {model_name}, using default")
+        return _DEFAULT_MAX_TOKENS
     except Exception as e:
         logger.warning(f"get_max_tokens failed for {model_name}, using default: {e}")
         return _DEFAULT_MAX_TOKENS

frontend/src/components/Layout/AppLayout.tsx

@@ -335,15 +335,20 @@ export default function AppLayout() {
 
           <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>
             {/* Model selector */}
-            {availableModels.length > 0 && (
+            {availableModels.length > 0 && currentModel && (
               <Select
                 value={currentModel}
                 onChange={(e) => handleModelChange(e.target.value)}
                 size="small"
                 variant="outlined"
+                renderValue={(val) => {
+                  const m = availableModels.find((x) => x.id === val);
+                  return m?.label || val;
+                }}
                 sx={{
                   fontSize: '0.72rem',
                   height: 30,
+                  minWidth: 120,
                   color: 'var(--muted-text)',
                   '& .MuiOutlinedInput-notchedOutline': {
                     borderColor: 'var(--border)',

frontend/src/theme.ts

@@ -24,7 +24,7 @@ const sharedComponents: ThemeOptions['components'] = {
   },
   MuiPaper: {
     styleOverrides: {
-      root: { backgroundImage: 'none', backgroundColor: 'transparent' },
+      root: { backgroundImage: 'none' },
     },
   },
 };