fix(web): pending-question digit shortcuts ignore dialogs, menus and selects

apps/web/src/components/chat/ComposerPendingUserInputPanel.browser.test.tsx

@@ -0,0 +1,103 @@
+import { EnvironmentId, RuntimeRequestId, ThreadId } from "@t3tools/contracts";
+import type { ReactNode } from "react";
+import { expect, it, vi } from "vite-plus/test";
+import { userEvent } from "vite-plus/test/browser";
+
+import { render } from "../../../test/render";
+import type { PendingUserInput } from "../../session-logic";
+import { Select, SelectTrigger } from "../ui/select";
+import { ComposerPendingUserInputPanel } from "./ComposerPendingUserInputPanel";
+
+const threadRef = { environmentId: EnvironmentId.make("env"), threadId: ThreadId.make("thread") };
+
+const prompt: PendingUserInput = {
+  requestId: RuntimeRequestId.make("question-shortcuts"),
+  createdAt: "2026-10-31T00:00:00.000Z",
+  dismissible: false,
+  responseCapability: "live",
+  questions: [
+    {
+      id: "question",
+      header: "Rollout",
+      question: "How should this ship?",
+      options: [{ label: "Incremental", description: "One module at a time" }],
+      multiSelect: true,
+    },
+  ],
+};
+
+it.each<{ focus: string; control: ReactNode; toggles: boolean }>([
+  { focus: "a page button", control: <button type="button" aria-label="Focused" />, toggles: true },
+  {
+    focus: "a dialog",
+    control: (
+      <div role="dialog">
+        <button type="button" aria-label="Focused" />
+      </div>
+    ),
+    toggles: false,
+  },
+  {
+    focus: "a popup",
+    control: (
+      <div data-slot="menu-popup">
+        <button type="button" aria-label="Focused" />
+      </div>
+    ),
+    toggles: false,
+  },
+  {
+    focus: "a menu",
+    control: (
+      <div role="menu">
+        <button type="button" role="menuitem" aria-label="Focused" />
+      </div>
+    ),
+    toggles: false,
+  },
+  {
+    focus: "a select",
+    control: (
+      <select aria-label="Focused">
+        <option>One</option>
+      </select>
+    ),
+    toggles: false,
+  },
+  {
+    focus: "a closed select menu",
+    control: (
+      <Select>
+        <SelectTrigger aria-label="Focused" />
+      </Select>
+    ),
+    toggles: false,
+  },
+])(
+  "digit shortcut with focus in $focus toggles an option: $toggles",
+  async ({ control, toggles }) => {
+    const onToggleOption = vi.fn();
+    await using screen = await render(
+      <>
+        {control}
+        <ComposerPendingUserInputPanel
+          pendingUserInputs={[prompt]}
+          cwd={undefined}
+          threadRef={threadRef}
+          respondingRequestIds={[]}
+          answers={{}}
+          questionIndex={0}
+          onToggleOption={onToggleOption}
+          onAdvance={vi.fn()}
+          onDismiss={vi.fn()}
+        />
+      </>,
+    );
+    await expect.element(screen.getByText("Incremental")).toBeVisible();
+    screen.getByLabelText("Focused").element().focus();
+
+    await userEvent.keyboard("1");
+
+    expect(onToggleOption.mock.calls).toEqual(toggles ? [["question", "Incremental"]] : []);
+  },
+);

apps/web/src/components/chat/ComposerPendingUserInputPanel.tsx

@@ -159,7 +159,9 @@ const ComposerPendingUserInputCard = memo(function ComposerPendingUserInputCard(
       }
       if (
         target instanceof HTMLElement &&
-        target.closest('[contenteditable]:not([contenteditable="false"])')
+        target.closest(
+          'select, [contenteditable]:not([contenteditable="false"]), [role="dialog"], [aria-modal="true"], [role="menu"], [role="combobox"], [data-slot$="popup"]',
+        )
       ) {
         return;
       }