fix: truncate long model descriptions in dropdown to prevent layout overflow

Gemini model descriptions were too long, causing the dropdown to exceed
container width and shift the page layout. Now shows only the display name
with full description in tooltip, consistent with other providers.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: hydropix

src/web/static/js/providers/provider-manager.js

@@ -200,8 +200,12 @@ function populateModelSelect(models, defaultModel = null, provider = 'ollama') {
         models.forEach(model => {
             const option = document.createElement('option');
             option.value = model.name;
-            option.textContent = `${model.displayName || model.name} - ${model.description || ''}`;
-            option.title = `Input: ${model.inputTokenLimit || 'N/A'} tokens, Output: ${model.outputTokenLimit || 'N/A'} tokens`;
+            option.textContent = model.displayName || model.name;
+            // Full description in tooltip
+            let tooltip = [];
+            if (model.description) tooltip.push(model.description);
+            tooltip.push(`Input: ${model.inputTokenLimit || 'N/A'} tokens, Output: ${model.outputTokenLimit || 'N/A'} tokens`);
+            option.title = tooltip.join(' | ');
             if (model.name === defaultModel) {
                 option.selected = true;
                 defaultModelFound = true;

src/web/static/style.css

@@ -1583,6 +1583,8 @@ html.dark .file-info {
     border: none;
     cursor: pointer;
     width: 100%;
+    min-width: 0;
+    overflow: hidden;
     min-height: 44px;
     transition: background 0.2s;
 }