Fix selector shortcut popovers with floating drawer

packages/ui/src/components/instance/instance-shell2.tsx

@@ -368,12 +368,10 @@ const InstanceShell2: Component<InstanceShellProps> = (props) => {
   }
 
   const focusModelSelectorControl = () => {
-    const trigger = leftDrawerContentEl()?.querySelector<HTMLElement>(
-      "[data-model-selector-control] .selector-trigger",
-    )
-    if (!trigger) return false
-    trigger.focus()
-    setTimeout(() => triggerKeyboardEvent(trigger, { key: "ArrowDown", code: "ArrowDown", keyCode: 40 }), 10)
+    const input = leftDrawerContentEl()?.querySelector<HTMLInputElement>("[data-model-selector]")
+    if (!input) return false
+    input.focus()
+    setTimeout(() => triggerKeyboardEvent(input, { key: "ArrowDown", code: "ArrowDown", keyCode: 40 }), 10)
     return true
   }
 

packages/ui/src/styles/components/selector.css

@@ -50,7 +50,7 @@
   @apply rounded-md shadow-lg overflow-hidden min-w-[300px];
   background-color: var(--surface-base);
   border: 1px solid var(--border-base);
-  z-index: 1600;
+  z-index: 2200;
 }
 
 .selector-search-container {