feat(ui): enhance model select modal UX and modal traffic lights (#1111)
* feat(model-select-modal): highlight added models and support bulk selection - Add addedModelValues prop to highlight already-added models with primary color - Sort models alphabetically per provider, with added models floated to top - Replace green highlight with primary brand color (orange #E56A4A) - Use check icon (10px) inline with model name instead of check_circle - Replace Done button with info bar explaining click-to-toggle behavior - Add ProviderIcon to provider group headers replacing colored dot - Import ProviderIcon, remove unused Button import * feat(cli-tools): wire addedModelValues, onDeselect, and auto-save to model select modals - Pass selectedModels as addedModelValues to ModelSelectModal in OpenCode and Copilot cards - Add onDeselect handler to remove model from list on second click - Set closeOnSelect=false to allow bulk model selection - Remove manual setModalOpen(false) from onSelect callbacks - Add saveModels() silent auto-save triggered on modal close (OpenCodeToolCard) - Use useRef to track latest selectedModels in closure-safe way * feat(modal): functional traffic light close button with hover icon and tooltip - Make red dot a clickable button that closes the modal - Show ✕ icon inside red dot on hover via group-hover opacity transition - Gray out yellow and green dots (cursor-not-allowed, no tooltip) - Increase dot size from w-3 h-3 to w-4 h-4 - Add Tooltip with brand-matched color #FF5F56 on red dot - Remove X close button from modal header * feat(tooltip): add color prop for themed tooltip backgrounds * feat(i18n): add translations for model select info bar and close tooltip - Add 'Click to add, click again to remove. Changes are saved automatically.' to all 32 locales - Add 'Close' translation to all 32 locales * fix(ui): address code review feedback on modal UX and auto-save - Modal: remove showCloseButton prop, use showTrafficLights for header condition, hide traffic lights on mobile (hidden md:flex), add mobile X button (md:hidden) with aria-label, add aria-label and title on traffic light close button - OpenCodeToolCard: validate activeModel membership before saving — fallback to models[0] or empty string; clear/reassign activeModel on deselect when removed model was the active one - CopilotToolCard: add useRef + selectedModelsRef, add saveModels() using /api/cli-tools/copilot-settings, wire auto-save on modal close - ModelSelectModal: fix JSX formatting — separate info bar closing div from Search comment onto its own line
This commit is contained in:
committed by
GitHub
parent
4098f91ac5
commit
1fd3132647
@@ -12,7 +12,7 @@
|
||||
"Logout": "लॉग आउट",
|
||||
"Login": "लॉगिन",
|
||||
"Providers": "प्रदाता",
|
||||
"Usage": "उपयोग",
|
||||
"Usage": "उपयोग के आंकड़े",
|
||||
"API Key": "API कुंजी",
|
||||
"Connected": "जुड़ा हुआ",
|
||||
"Disconnected": "डिस्कनेक्ट किया गया",
|
||||
@@ -91,9 +91,7 @@
|
||||
"Dark": "अंधेरा",
|
||||
"Auto": "स्वचालित",
|
||||
"Endpoint": "एंडपॉइंट",
|
||||
"Providers": "प्रदाता",
|
||||
"Combos": "कॉम्बो",
|
||||
"Usage": "उपयोग के आंकड़े",
|
||||
"Quota Tracker": "कोटा ट्रैकर",
|
||||
"MITM": "MITM",
|
||||
"CLI Tools": "उपकरण",
|
||||
@@ -150,7 +148,6 @@
|
||||
"No Proxy": "कोई प्रॉक्सी नहीं",
|
||||
"Comma-separated hostnames/domains to bypass the proxy.": "प्रॉक्सी को बायपास करने के लिए अल्पविराम से अलग की गई होस्टनाम/डोमेन।",
|
||||
"Test proxy URL": "प्रॉक्सी URL का परीक्षण करें",
|
||||
"Apply": "लागू करें",
|
||||
"Proxy settings applied": "प्रॉक्सी सेटिंग्स लागू की गई",
|
||||
"Proxy enabled": "प्रॉक्सी सक्षम",
|
||||
"Proxy disabled": "प्रॉक्सी अक्षम",
|
||||
@@ -178,7 +175,6 @@
|
||||
"Use Antigravity IDE & GitHub Copilot → with ANY provider/model from 9Router": "Antigravity IDE और GitHub Copilot का उपयोग करें → 9Router से किसी भी प्रदाता/मॉडल के साथ",
|
||||
"How it works:": "यह कैसे काम करता है:",
|
||||
"Antigravity/Copilot IDE request → DNS redirect to localhost:443 → MITM proxy intercepts → 9Router → response to Antigravity/Copilot": "Antigravity/Copilot IDE अनुरोध → DNS को localhost:443 में पुनर्निर्देशित करें → MITM प्रॉक्सी इंटरसेप्ट करता है → 9Router → Antigravity/Copilot को प्रतिक्रिया",
|
||||
"API Key": "API कुंजी",
|
||||
"No API keys — create one in Keys page": "कोई API कुंजी नहीं — Keys पृष्ठ में एक बनाएं",
|
||||
"sk_9router (default)": "sk_9router (डिफ़ॉल्ट)",
|
||||
"Server started": "सर्वर शुरू किया गया",
|
||||
@@ -192,5 +188,5 @@
|
||||
"Sudo Password Required": "Sudo पासवर्ड आवश्यक है",
|
||||
"Enter your sudo password to start/stop MITM server": "MITM सर्वर शुरू/रोकने के लिए अपना sudo पासवर्ड दर्ज करें",
|
||||
"Sudo Password": "Sudo पासवर्ड",
|
||||
"Confirm": "पुष्टि करें"
|
||||
"Click to add, click again to remove. Changes are saved automatically.": "जोड़ने के लिए क्लिक करें, हटाने के लिए फिर से क्लिक करें। परिवर्तन स्वचालित रूप से सहेजे जाते हैं।"
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user