bloby-bot 0.32.0 → 0.33.0

package/supervisor/chat/OnboardWizard.tsx

@@ -57,12 +57,15 @@ const MODELS: Record<string, { id: string; label: string }[]> = {
     { id: 'claude-haiku-4-5', label: 'Haiku 4.5' },
   ],
   openai: [
-    { id: 'gpt-5.2-codex:medium', label: 'GPT-5.2 Codex Medium' },
-    { id: 'gpt-5.2-codex:high', label: 'GPT-5.2 Codex High' },
-    { id: 'gpt-5.2-codex:xhigh', label: 'GPT-5.2 Codex Extra High' },
-    { id: 'gpt-5.3-codex:medium', label: 'GPT-5.3 Codex Medium (Pro)' },
-    { id: 'gpt-5.3-codex:high', label: 'GPT-5.3 Codex High (Pro)' },
-    { id: 'gpt-5.3-codex:xhigh', label: 'GPT-5.3 Codex Extra High (Pro)' },
+    { id: 'gpt-5.5:high', label: 'GPT-5.5 High' },
+    { id: 'gpt-5.5:medium', label: 'GPT-5.5 Medium' },
+    { id: 'gpt-5.5:xhigh', label: 'GPT-5.5 Extra High' },
+    { id: 'gpt-5.4:medium', label: 'GPT-5.4 Medium' },
+    { id: 'gpt-5.4:high', label: 'GPT-5.4 High' },
+    { id: 'gpt-5.4:xhigh', label: 'GPT-5.4 Extra High' },
+    { id: 'gpt-5.4-mini:medium', label: 'GPT-5.4-Mini Medium' },
+    { id: 'gpt-5.4-mini:high', label: 'GPT-5.4-Mini High' },
+    { id: 'gpt-5.4-mini:xhigh', label: 'GPT-5.4-Mini Extra High' },
   ],
 };
 
@@ -77,22 +80,39 @@ const HANDLES = [
 
 function ModelDropdown({ models, value, onChange }: { models: { id: string; label: string }[]; value: string; onChange: (id: string) => void }) {
   const [open, setOpen] = useState(false);
-  const ref = useRef<HTMLDivElement>(null);
+  const [pos, setPos] = useState<{ top: number; left: number; width: number } | null>(null);
+  const btnRef = useRef<HTMLButtonElement>(null);
+  const menuRef = useRef<HTMLDivElement>(null);
 
   useEffect(() => {
     if (!open) return;
+    const recalc = () => {
+      const r = btnRef.current?.getBoundingClientRect();
+      if (r) setPos({ top: r.bottom + 4, left: r.left, width: r.width });
+    };
+    recalc();
     const handler = (e: MouseEvent) => {
-      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false);
+      const t = e.target as Node;
+      if (btnRef.current?.contains(t)) return;
+      if (menuRef.current?.contains(t)) return;
+      setOpen(false);
     };
     document.addEventListener('mousedown', handler);
-    return () => document.removeEventListener('mousedown', handler);
+    window.addEventListener('resize', recalc);
+    window.addEventListener('scroll', recalc, true);
+    return () => {
+      document.removeEventListener('mousedown', handler);
+      window.removeEventListener('resize', recalc);
+      window.removeEventListener('scroll', recalc, true);
+    };
   }, [open]);
 
   const selected = models.find((m) => m.id === value);
 
   return (
-    <div className="relative" ref={ref}>
+    <div className="relative">
       <button
+        ref={btnRef}
         type="button"
         onClick={() => setOpen((o) => !o)}
         className="w-full flex items-center justify-between bg-white/[0.03] border border-white/[0.08] text-white rounded-xl px-4 py-2.5 text-[13px] outline-none hover:border-white/15 focus:border-[#AF27E3]/30 transition-colors"
@@ -102,8 +122,12 @@ function ModelDropdown({ models, value, onChange }: { models: { id: string; labe
         </span>
         <ChevronDown className={`h-4 w-4 text-white/30 transition-transform ${open ? 'rotate-180' : ''}`} />
       </button>
-      {open && (
-        <div className="absolute left-0 right-0 top-full mt-1 bg-[#222] border border-white/[0.08] rounded-xl shadow-xl py-1 z-10 max-h-48 overflow-y-auto">
+      {open && pos && (
+        <div
+          ref={menuRef}
+          style={{ position: 'fixed', top: pos.top, left: pos.left, width: pos.width, zIndex: 60 }}
+          className="bg-[#222] border border-white/[0.08] rounded-xl shadow-xl py-1 max-h-[320px] overflow-y-auto"
+        >
           {models.map((m) => (
             <button
               key={m.id}
@@ -535,7 +559,7 @@ export default function OnboardWizard({ onComplete, isInitialSetup = false, onSa
       if (codexDeviceState === 'pending') fetch('/api/auth/codex/device/cancel', { method: 'POST' });
     }
     setProvider(id);
-    setModel('');
+    setModel(id === 'openai' ? 'gpt-5.5:high' : '');
     setOauthStarted(false);
     setAnthropicCode('');
     setAnthropicError(undefined);