feat(models): add refresh button to model selector bar for 9router

src/components/chat/view/subcomponents/ModelSelectorBar.tsx

@@ -1,5 +1,5 @@
 import { useState, useRef, useEffect } from 'react';
-import { ChevronDown, Globe } from 'lucide-react';
+import { ChevronDown, Globe, RefreshCw } from 'lucide-react';
 import type { LLMProvider } from '../../../../types/app';
 import SessionProviderLogo from '../../../llm-logo-provider/SessionProviderLogo';
 
@@ -19,6 +19,7 @@ interface ModelSelectorBarProps {
   codexModelOptions: ModelOption[];
   geminiModelOptions: ModelOption[];
   cursorModelOptions: ModelOption[];
+  onRefreshModels?: () => Promise<void>;
 }
 
 function useCurrentModel(
@@ -57,9 +58,11 @@ export default function ModelSelectorBar({
   codexModelOptions,
   geminiModelOptions,
   cursorModelOptions,
+  onRefreshModels,
 }: ModelSelectorBarProps) {
   const [open, setOpen] = useState(false);
   const [search, setSearch] = useState('');
+  const [isRefreshing, setIsRefreshing] = useState(false);
   const dropdownRef = useRef<HTMLDivElement>(null);
   const searchRef = useRef<HTMLInputElement>(null);
 
@@ -101,6 +104,16 @@ export default function ModelSelectorBar({
     setSearch('');
   };
 
+  const handleRefresh = async () => {
+    if (!onRefreshModels || isRefreshing) return;
+    setIsRefreshing(true);
+    try {
+      await onRefreshModels();
+    } finally {
+      setIsRefreshing(false);
+    }
+  };
+
   return (
     <div className="relative z-40 flex-shrink-0 flex items-center justify-between px-4 py-1.5 border-b border-border/40 bg-muted/20 backdrop-blur-sm">
       {/* Left: provider label */}
@@ -109,7 +122,20 @@ export default function ModelSelectorBar({
         <span className="capitalize">{provider}</span>
       </div>
 
-      {/* Right: model picker */}
+      {/* Right: model picker + refresh */}
+      <div className="flex items-center gap-1.5">
+        {provider === 'claude' && onRefreshModels && (
+          <button
+            type="button"
+            onClick={handleRefresh}
+            disabled={isRefreshing}
+            title="Refresh model list from 9router"
+            className="rounded-md border border-border/50 bg-background/60 p-1 text-muted-foreground hover:bg-accent hover:text-foreground hover:border-border transition-all disabled:opacity-50"
+          >
+            <RefreshCw className={`h-3 w-3 ${isRefreshing ? 'animate-spin' : ''}`} />
+          </button>
+        )}
+
         <div className="relative" ref={dropdownRef}>
           <button
             type="button"
@@ -164,5 +190,6 @@ export default function ModelSelectorBar({
           )}
         </div>
       </div>
+    </div>
   );
 }