Improve and unify the model picker across desktop and mobile (#1037)

* feat: improve agent and quick model picker behavior

* fix: keep the active model highlighted in the quick picker

* feat: streamline mobile model selection

Open the full mobile model picker directly and remove the intermediate controls drawer so mobile model changes follow the same core selection flow as desktop.

Add inline thinking-mode chips that show each model's remembered or default variant, apply model and variant together on tap, and fall back to a dedicated overflow panel for larger variant sets. Also keep favorites and recents searchable on mobile and fix clearing remembered default variants so the picker stays consistent across sessions.

* fix: polish desktop model picker interactions

Stabilize desktop model picker behavior by keeping keyboard and hover selection in sync, preventing hover-driven closes, and making the footer hints visually stable.

Also make quick-picker thinking mode changes apply consistently when switching plan/build or agent mode inside the picker, clamp left/right variant cycling at the ends, and keep thinking feedback visible even when the selected variant cannot move further.

* fix: condense mobile model picker rows

Tighten the mobile model picker to use a more compact, consistent row layout across favorites, recents, and provider sections while keeping context length and capability icons easy to scan.

Also preserve inline thinking-mode selection, improve metadata spacing, and keep the mobile controls readable without reintroducing the heavier drawer-based flow.

* fix: include all primary-like agents in picker cycling

Keep desktop Tab cycling and mobile tap cycling aligned with the rest of the selection UI by including agents marked as all or left unset, not just strict primary agents.

* fix: preserve remembered agent variants in picker flows

* Fix model picker variant restore

* Polish favorite model drag handle

* Fix Korean model picker locale

---------

Co-authored-by: Bohdan Triapitsyn <artmore@protonmail.com>

packages/ui/src/lib/i18n/messages/en.ts

@@ -1484,7 +1484,15 @@ export const dict = {
   'chat.modelControls.collapseProvider': 'Collapse provider',
   'chat.modelControls.expandProvider': 'Expand provider',
   'chat.modelControls.keyboardHint': '↑↓ navigate{thinking} • Enter select • Esc close',
+  'chat.modelControls.keyboardHintNavigate': '↑↓ navigate',
+  'chat.modelControls.keyboardHintSwitchAgent': 'Tab switch agent',
   'chat.modelControls.keyboardHintThinking': '←→ thinking',
+  'chat.modelControls.showThinkingModes': 'Show thinking modes',
+  'chat.modelControls.hideThinkingModes': 'Hide thinking modes',
+  'chat.modelControls.moreThinkingModes': 'More thinking modes',
+  'chat.modelControls.noProvidersOrModelsFound': 'No providers or models match your search.',
+  'chat.modelControls.reorderFavoriteAria': 'Reorder favorite',
+  'chat.modelControls.reorderFavoriteTitle': 'Drag to reorder favorite',
   'chat.modelControls.permissionLabel.custom': 'Custom',
   'chat.modelControls.permissionLabel.allow': 'Allow',
   'chat.modelControls.permissionLabel.deny': 'Deny',

packages/ui/src/lib/i18n/messages/es.ts

@@ -1485,7 +1485,15 @@ export const dict: Record<I18nKey, string> = {
   "chat.modelControls.collapseProvider": "Colapsar proveedor",
   "chat.modelControls.expandProvider": "Expandir proveedor",
   "chat.modelControls.keyboardHint": "↑↓ navegar{thinking} • Enter seleccionar • Esc cerrar",
+  "chat.modelControls.keyboardHintNavigate": "↑↓ navegar",
+  "chat.modelControls.keyboardHintSwitchAgent": "Tab cambiar agente",
   "chat.modelControls.keyboardHintThinking": "←→ cambiar razonamiento",
+  "chat.modelControls.showThinkingModes": "Mostrar modos de razonamiento",
+  "chat.modelControls.hideThinkingModes": "Ocultar modos de razonamiento",
+  "chat.modelControls.moreThinkingModes": "Más modos de razonamiento",
+  "chat.modelControls.noProvidersOrModelsFound": "Ningún proveedor o modelo coincide con tu búsqueda.",
+  "chat.modelControls.reorderFavoriteAria": "Reordenar favorito",
+  "chat.modelControls.reorderFavoriteTitle": "Arrastrar para reordenar favorito",
   "chat.modelControls.permissionLabel.custom": "Personalizado",
   "chat.modelControls.permissionLabel.allow": "Permitir",
   "chat.modelControls.permissionLabel.deny": "Denegar",

packages/ui/src/lib/i18n/messages/ko.ts

@@ -1485,7 +1485,15 @@ export const dict: Record<I18nKey, string> = {
   'chat.modelControls.collapseProvider': '접기 프로바이더',
   'chat.modelControls.expandProvider': '펼치기 프로바이더',
   'chat.modelControls.keyboardHint': '↑↓ 이동 {thinking} • Enter 선택 • Esc 닫기',
+  'chat.modelControls.keyboardHintNavigate': '↑↓ 이동',
+  'chat.modelControls.keyboardHintSwitchAgent': 'Tab 에이전트 전환',
   'chat.modelControls.keyboardHintThinking': '←→ thinking',
+  'chat.modelControls.showThinkingModes': '추론 모드 표시',
+  'chat.modelControls.hideThinkingModes': '추론 모드 숨기기',
+  'chat.modelControls.moreThinkingModes': '추론 모드 더 보기',
+  'chat.modelControls.noProvidersOrModelsFound': '검색과 일치하는 프로바이더 또는 모델이 없습니다.',
+  'chat.modelControls.reorderFavoriteAria': '즐겨찾기 순서 변경',
+  'chat.modelControls.reorderFavoriteTitle': '드래그하여 즐겨찾기 순서 변경',
   'chat.modelControls.permissionLabel.custom': 'Custom',
   'chat.modelControls.permissionLabel.allow': '허용',
   'chat.modelControls.permissionLabel.deny': '거부',

packages/ui/src/lib/i18n/messages/pt-BR.ts

@@ -1485,7 +1485,15 @@ export const dict: Record<I18nKey, string> = {
   "chat.modelControls.collapseProvider": "Recolher provedor",
   "chat.modelControls.expandProvider": "Expandir provedor",
   "chat.modelControls.keyboardHint": "↑↓ navegar{thinking} • Enter selecionar • Esc fechar",
+  "chat.modelControls.keyboardHintNavigate": "↑↓ navegar",
+  "chat.modelControls.keyboardHintSwitchAgent": "Tab alternar agente",
   "chat.modelControls.keyboardHintThinking": "←→ mudar raciocínio",
+  "chat.modelControls.showThinkingModes": "Mostrar modos de raciocínio",
+  "chat.modelControls.hideThinkingModes": "Ocultar modos de raciocínio",
+  "chat.modelControls.moreThinkingModes": "Mais modos de raciocínio",
+  "chat.modelControls.noProvidersOrModelsFound": "Nenhum provedor ou modelo corresponde à sua pesquisa.",
+  "chat.modelControls.reorderFavoriteAria": "Reordenar favorito",
+  "chat.modelControls.reorderFavoriteTitle": "Arraste para reordenar favorito",
   "chat.modelControls.permissionLabel.custom": "Personalizado",
   "chat.modelControls.permissionLabel.allow": "Permitir",
   "chat.modelControls.permissionLabel.deny": "Negar",

packages/ui/src/lib/i18n/messages/uk.ts

@@ -1485,7 +1485,15 @@ export const dict: Record<I18nKey, string> = {
   "chat.modelControls.collapseProvider": "Згорнути провайдера",
   "chat.modelControls.expandProvider": "Розгорнути провайдера",
   "chat.modelControls.keyboardHint": "↑↓ навігація{thinking} • Enter вибрати • Esc закрити",
+  "chat.modelControls.keyboardHintNavigate": "↑↓ навігація",
+  "chat.modelControls.keyboardHintSwitchAgent": "Tab змінити агента",
   "chat.modelControls.keyboardHintThinking": "←→ мислення",
+  "chat.modelControls.showThinkingModes": "Показати режими мислення",
+  "chat.modelControls.hideThinkingModes": "Приховати режими мислення",
+  "chat.modelControls.moreThinkingModes": "Більше режимів мислення",
+  "chat.modelControls.noProvidersOrModelsFound": "Жоден провайдер або модель не відповідає пошуку.",
+  "chat.modelControls.reorderFavoriteAria": "Змінити порядок вибраного",
+  "chat.modelControls.reorderFavoriteTitle": "Перетягніть, щоб змінити порядок вибраного",
   "chat.modelControls.permissionLabel.custom": "Custom",
   "chat.modelControls.permissionLabel.allow": "Дозволити",
   "chat.modelControls.permissionLabel.deny": "Заборонити",

packages/ui/src/lib/i18n/messages/zh-CN.ts

@@ -1485,7 +1485,15 @@ export const dict: Record<I18nKey, string> = {
   'chat.modelControls.collapseProvider': '折叠提供商',
   'chat.modelControls.expandProvider': '展开提供商',
   'chat.modelControls.keyboardHint': '↑↓ 导航{thinking} • Enter 选择 • Esc 关闭',
+  'chat.modelControls.keyboardHintNavigate': '↑↓ 导航',
+  'chat.modelControls.keyboardHintSwitchAgent': 'Tab 切换智能体',
   'chat.modelControls.keyboardHintThinking': '←→ 思考',
+  'chat.modelControls.showThinkingModes': '显示思考模式',
+  'chat.modelControls.hideThinkingModes': '隐藏思考模式',
+  'chat.modelControls.moreThinkingModes': '更多思考模式',
+  'chat.modelControls.noProvidersOrModelsFound': '没有提供商或模型匹配你的搜索。',
+  'chat.modelControls.reorderFavoriteAria': '重新排序收藏',
+  'chat.modelControls.reorderFavoriteTitle': '拖动以重新排序收藏',
   'chat.modelControls.permissionLabel.custom': '自定义',
   'chat.modelControls.permissionLabel.allow': '允许',
   'chat.modelControls.permissionLabel.deny': '拒绝',