@opengeni/react 0.44.3 → 0.44.5

package/dist/machines.js

@@ -24,11 +24,11 @@ import {
   healthPulses,
   pointsFor,
   useMachines
-} from "./chunk-SXIQK54Z.js";
+} from "./chunk-6EDV6YFE.js";
 import "./chunk-EB67J347.js";
 import "./chunk-EKZH6IDG.js";
 import "./chunk-LAKLF4PA.js";
-import "./chunk-TK7G6XLT.js";
+import "./chunk-22KP6LR5.js";
 export {
   CONNECTION_STATUS_META,
   ConnectionDot,

package/dist/{queue-surface-implementation-THPAKGMD.js → queue-surface-implementation-J4XJFKRW.js}

@@ -2,7 +2,10 @@ import {
   QueueErrorAlert,
   QueueStoppingStatus,
   requestQueueDraftEdit
-} from "./chunk-YDNWMKXO.js";
+} from "./chunk-VCBFUSUZ.js";
+import {
+  usePortalTokenStyle
+} from "./chunk-JB5725BI.js";
 
 // src/components/queue-surface-implementation.tsx
 import {
@@ -54,6 +57,7 @@ function QueueSurface({
   const [announcement, setAnnouncement] = useState("");
   const [draggedTurnId, setDraggedTurnId] = useState(null);
   const surfaceRef = useRef(null);
+  const portalTokenStyle = usePortalTokenStyle(surfaceRef);
   const [keyboardDrag, setKeyboardDrag] = useState(null);
   const count = queue.queue.length;
   const pendingInputCount = queue.pendingInputs.length;
@@ -201,7 +205,7 @@ function QueueSurface({
     "div",
     {
       ref: surfaceRef,
-      className: "mx-auto mb-2 w-full max-w-3xl shrink-0 px-4 sm:px-6",
+      className: "og-root mx-auto mb-2 w-full max-w-3xl shrink-0 px-4 sm:px-6",
       "data-testid": "queue-surface",
       children: [
         /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-lg border border-border bg-surface/80 shadow-sm", children: [
@@ -223,17 +227,17 @@ function QueueSurface({
                     className: `size-3.5 shrink-0 text-fg-subtle transition-transform ${open ? "rotate-180" : ""}`
                   }
                 ),
-                /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium text-fg", children: [
+                /* @__PURE__ */ jsxs("span", { className: "text-og-control font-medium text-fg", children: [
                   count > 0 ? `${count} queued prompt${count === 1 ? "" : "s"}` : null,
                   count > 0 && pendingInputCount > 0 ? " \xB7 " : null,
                   pendingInputCount > 0 ? `${pendingInputCount} incoming update${pendingInputCount === 1 ? "" : "s"}` : null
                 ] }),
-                readOnly ? /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded border border-border px-1.5 py-0.5 text-2xs text-fg-subtle", children: "Read-only" }) : null,
+                readOnly ? /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded border border-border px-1.5 py-0.5 text-og-xs text-fg-subtle", children: "Read-only" }) : null,
                 !open && totalCount > 0 ? /* @__PURE__ */ jsx(
                   "span",
                   {
                     "aria-hidden": "true",
-                    className: `max-w-full truncate text-fg-muted ${collapsedPreview.collapsedVisual === collapsedPreview.summary ? "min-w-0 flex-1 text-xs" : "shrink-0 text-[10px]"}`,
+                    className: `max-w-full truncate text-fg-muted ${collapsedPreview.collapsedVisual === collapsedPreview.summary ? "min-w-0 flex-1 text-og-control" : "shrink-0 text-[10px]"}`,
                     "data-testid": "queue-collapsed-preview",
                     dir: "auto",
                     children: collapsedPreview.collapsedVisual
@@ -293,6 +297,7 @@ function QueueSurface({
                         pending: queue.mutationFor(turn.id),
                         confirmingReplace: replaceDraftFor === turn.id,
                         keyboardDragging: keyboardDrag?.turnId === turn.id,
+                        portalTokenStyle,
                         onHandleKeyDown: (event) => onHandleKeyDown(event, turn.id),
                         onMove: (nextIndex) => void moveToIndex(turn.id, nextIndex),
                         onEdit: canEditInComposer ? () => requestEdit(turn) : void 0,
@@ -329,7 +334,7 @@ function QueueSurface({
                 /* @__PURE__ */ jsx(DragOverlay, { modifiers: [verticalOnly], children: draggedTurnId ? /* @__PURE__ */ jsx(
                   "div",
                   {
-                    className: "max-h-20 w-[min(36rem,calc(100vw-2rem))] max-w-[calc(100vw-2rem)] overflow-hidden rounded-md border border-brand/40 bg-surface px-3 py-2 text-xs text-fg shadow-lg",
+                    className: "max-h-20 w-[min(36rem,calc(100vw-2rem))] max-w-[calc(100vw-2rem)] overflow-hidden rounded-md border border-brand/40 bg-surface px-3 py-2 text-og-control text-fg shadow-lg",
                     "data-testid": "queue-drag-overlay",
                     children: /* @__PURE__ */ jsx(
                       "p",
@@ -360,14 +365,22 @@ function PendingMachineInputs({
   attached = false
 }) {
   return /* @__PURE__ */ jsxs("section", { className: "border-t border-border px-3 py-2", children: [
-    /* @__PURE__ */ jsx("p", { className: "text-2xs font-medium text-fg-subtle", children: attached ? `${inputs.length} update${inputs.length === 1 ? "" : "s"} will join this prompt` : "Incoming updates waiting to run" }),
-    /* @__PURE__ */ jsx("ol", { className: "mt-1 space-y-1", children: inputs.map((input) => /* @__PURE__ */ jsxs("li", { className: "line-clamp-3 break-words text-xs text-fg", dir: "auto", children: [
-      /* @__PURE__ */ jsx("strong", { className: "capitalize text-fg-muted", children: input.kind.replace("_terminal", "").replaceAll("_", " ") }),
-      " ",
-      "\xB7 ",
-      input.sourceId,
-      input.summary ? ` \u2014 ${input.summary}` : ""
-    ] }, input.id)) })
+    /* @__PURE__ */ jsx("p", { className: "text-og-xs font-medium text-fg-subtle", children: attached ? `${inputs.length} update${inputs.length === 1 ? "" : "s"} will join this prompt` : "Incoming updates waiting to run" }),
+    /* @__PURE__ */ jsx("ol", { className: "mt-1 space-y-1", children: inputs.map((input) => /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: "line-clamp-3 break-words text-og-control text-fg",
+        dir: "auto",
+        children: [
+          /* @__PURE__ */ jsx("strong", { className: "capitalize text-fg-muted", children: input.kind.replace("_terminal", "").replaceAll("_", " ") }),
+          " ",
+          "\xB7 ",
+          input.sourceId,
+          input.summary ? ` \u2014 ${input.summary}` : ""
+        ]
+      },
+      input.id
+    )) })
   ] });
 }
 var QUEUE_ROW_PREVIEW_CHARACTERS = 360;
@@ -584,7 +597,7 @@ function QueuePrompt({
       "div",
       {
         "aria-label": `Queued prompt ${index + 1} summary: ${preview.summary}`,
-        className: "max-w-full overflow-hidden text-xs leading-5 text-fg",
+        className: "max-w-full overflow-hidden text-og-control leading-5 text-fg",
         "data-testid": `queue-prompt-preview-${index + 1}`,
         dir: "auto",
         role: "note",
@@ -601,7 +614,7 @@ function QueuePrompt({
           preview.visibleIdentity && preview.visibleIdentityLabel ? /* @__PURE__ */ jsxs(
             "span",
             {
-              className: "flex min-w-0 max-w-[70%] shrink-0 items-center gap-1 text-2xs leading-4 text-fg-muted sm:mt-0.5 sm:max-w-full",
+              className: "flex min-w-0 max-w-[70%] shrink-0 items-center gap-1 text-og-xs leading-4 text-fg-muted sm:mt-0.5 sm:max-w-full",
               "data-testid": `queue-prompt-identity-row-${index + 1}`,
               children: [
                 /* @__PURE__ */ jsx("span", { className: "shrink-0 font-medium text-fg-subtle", children: preview.visibleIdentityLabel }),
@@ -627,7 +640,7 @@ function QueuePrompt({
         "aria-controls": fullContentId,
         "aria-expanded": expanded,
         "aria-label": `${expanded ? "Hide" : "Show"} full content for queued prompt ${index + 1}`,
-        className: "mt-1 inline-flex min-h-7 min-w-0 max-w-full items-center gap-1 whitespace-normal rounded-md text-left text-2xs font-medium text-fg outline-none focus-visible:ring-2 focus-visible:ring-ring/40 pointer-coarse:min-h-[44px]",
+        className: "mt-1 inline-flex min-h-7 min-w-0 max-w-full items-center gap-1 whitespace-normal rounded-md text-left text-og-xs font-medium text-fg outline-none focus-visible:ring-2 focus-visible:ring-ring/40 pointer-coarse:min-h-[44px]",
         "data-testid": `queue-prompt-disclosure-${index + 1}`,
         onClick: () => {
           const next = !expanded;
@@ -652,7 +665,7 @@ function QueuePrompt({
         id: fullContentId,
         role: "region",
         "aria-label": `Full content for queued prompt ${index + 1}`,
-        className: "mt-1.5 max-h-64 w-full min-w-0 max-w-full overflow-auto overscroll-contain rounded-md border border-border bg-surface-2/60 p-2 whitespace-pre-wrap break-all font-mono text-xs leading-5 text-fg [unicode-bidi:plaintext]",
+        className: "mt-1.5 max-h-64 w-full min-w-0 max-w-full overflow-auto overscroll-contain rounded-md border border-border bg-surface-2/60 p-2 whitespace-pre-wrap break-all font-mono text-og-control leading-5 text-fg [unicode-bidi:plaintext]",
         "data-testid": `queue-prompt-full-${index + 1}`,
         dir: "auto",
         tabIndex: 0,
@@ -668,11 +681,11 @@ function ReadOnlyQueueRow({
   onDisclosureChange
 }) {
   return /* @__PURE__ */ jsxs("li", { className: "flex min-w-0 items-start gap-2 bg-surface px-3 py-2", children: [
-    /* @__PURE__ */ jsx("span", { className: "mt-1 shrink-0 font-mono text-2xs text-fg-subtle", children: index + 1 }),
+    /* @__PURE__ */ jsx("span", { className: "mt-1 shrink-0 font-mono text-og-xs text-fg-subtle", children: index + 1 }),
     /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
       /* @__PURE__ */ jsx(QueuePrompt, { prompt: turn.prompt, index, onDisclosureChange }),
       attachedInputs.length > 0 ? /* @__PURE__ */ jsx(PendingMachineInputs, { inputs: attachedInputs, attached: true }) : null,
-      /* @__PURE__ */ jsxs("div", { className: "mt-1 flex min-w-0 items-center gap-2 overflow-hidden whitespace-nowrap text-2xs text-fg-subtle", children: [
+      /* @__PURE__ */ jsxs("div", { className: "mt-1 flex min-w-0 items-center gap-2 overflow-hidden whitespace-nowrap text-og-xs text-fg-subtle", children: [
         turn.resources.length > 0 ? /* @__PURE__ */ jsxs("span", { className: "shrink-0", children: [
           turn.resources.length,
           " resource",
@@ -697,6 +710,7 @@ function SortableQueueRow({
   pending,
   confirmingReplace,
   keyboardDragging,
+  portalTokenStyle,
   onHandleKeyDown,
   onMove,
   onEdit,
@@ -738,11 +752,11 @@ function SortableQueueRow({
               children: /* @__PURE__ */ jsx(GripVerticalIcon, { className: "size-3.5" })
             }
           ),
-          /* @__PURE__ */ jsx("span", { className: "col-start-2 row-start-1 mt-1 shrink-0 font-mono text-2xs text-fg-subtle", children: index + 1 }),
+          /* @__PURE__ */ jsx("span", { className: "col-start-2 row-start-1 mt-1 shrink-0 font-mono text-og-xs text-fg-subtle", children: index + 1 }),
           /* @__PURE__ */ jsxs("div", { className: "col-span-full row-start-2 min-w-0 sm:col-span-1 sm:col-start-3 sm:row-start-1", children: [
             /* @__PURE__ */ jsx(QueuePrompt, { prompt: turn.prompt, index, onDisclosureChange }),
             attachedInputs.length > 0 ? /* @__PURE__ */ jsx(PendingMachineInputs, { inputs: attachedInputs, attached: true }) : null,
-            /* @__PURE__ */ jsxs("div", { className: "mt-1 flex min-w-0 items-center gap-2 overflow-hidden whitespace-nowrap text-2xs text-fg-subtle", children: [
+            /* @__PURE__ */ jsxs("div", { className: "mt-1 flex min-w-0 items-center gap-2 overflow-hidden whitespace-nowrap text-og-xs text-fg-subtle", children: [
               turn.resources.length > 0 ? /* @__PURE__ */ jsxs("span", { className: "shrink-0", children: [
                 turn.resources.length,
                 " resource",
@@ -766,7 +780,7 @@ function SortableQueueRow({
                 onClick: onSteer,
                 "aria-label": `Steer queued prompt ${index + 1}`,
                 title: "Steer \u2014 interrupt the current turn and send this message now",
-                className: "inline-flex h-7 shrink-0 items-center justify-center gap-1 rounded-md px-2 text-xs font-medium text-fg outline-none transition-[background-color] hover:bg-surface-2 focus-visible:ring-2 focus-visible:ring-ring/40 disabled:pointer-events-none disabled:opacity-50 pointer-coarse:min-h-[44px] pointer-coarse:min-w-[44px]",
+                className: "inline-flex h-7 shrink-0 items-center justify-center gap-1 rounded-md px-2 text-og-control font-medium text-fg outline-none transition-[background-color] hover:bg-surface-2 focus-visible:ring-2 focus-visible:ring-ring/40 disabled:pointer-events-none disabled:opacity-50 pointer-coarse:min-h-[44px] pointer-coarse:min-w-[44px]",
                 children: [
                   pending === "steer" ? /* @__PURE__ */ jsx(Loader2Icon, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsx(ZapIcon, { className: "size-3.5" }),
                   /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: "Steer" })
@@ -801,7 +815,8 @@ function SortableQueueRow({
                 {
                   align: "end",
                   sideOffset: 4,
-                  className: "z-50 w-48 max-w-[calc(100vw-16px)] rounded-md border border-border bg-surface p-1 text-xs text-fg shadow-lg",
+                  className: "og-root z-50 w-48 max-w-[calc(100vw-16px)] rounded-md border border-border bg-surface p-1 text-og-control text-fg shadow-lg",
+                  style: portalTokenStyle,
                   "data-testid": `queue-actions-menu-${index + 1}`,
                   children: [
                     onEdit ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -866,7 +881,7 @@ function SortableQueueRow({
             ] })
           ] })
         ] }),
-        confirmingReplace ? /* @__PURE__ */ jsxs("div", { className: "mx-3 mb-2 rounded-md border border-status-waiting/30 bg-status-waiting/10 p-2 text-xs text-fg", children: [
+        confirmingReplace ? /* @__PURE__ */ jsxs("div", { className: "mx-3 mb-2 rounded-md border border-status-waiting/30 bg-status-waiting/10 p-2 text-og-control text-fg", children: [
           /* @__PURE__ */ jsx("p", { children: "Your composer already has a draft. Replace it with this queued prompt?" }),
           /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-fg-muted", children: "The current draft will be permanently discarded; this queued prompt is preserved until you confirm." }),
           /* @__PURE__ */ jsxs("div", { className: "mt-2 flex justify-end gap-1.5", children: [
@@ -919,4 +934,4 @@ export {
   QueueSurface,
   queueComposerCheckoutEnabled
 };
-//# sourceMappingURL=queue-surface-implementation-THPAKGMD.js.map
+//# sourceMappingURL=queue-surface-implementation-J4XJFKRW.js.map

package/dist/queue-surface-implementation-J4XJFKRW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/queue-surface-implementation.tsx"],"sourcesContent":["import {\n  DndContext,\n  DragOverlay,\n  PointerSensor,\n  closestCenter,\n  useSensor,\n  useSensors,\n  type DragEndEvent,\n  type DragStartEvent,\n  type Modifier,\n} from \"@dnd-kit/core\";\nimport {\n  SortableContext,\n  arrayMove,\n  useSortable,\n  verticalListSortingStrategy,\n} from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport type { SessionPendingInputPreview, SessionTurn } from \"@opengeni/sdk\";\nimport {\n  ArrowDownToLineIcon,\n  ArrowUpToLineIcon,\n  ChevronDownIcon,\n  EllipsisIcon,\n  GripVerticalIcon,\n  Loader2Icon,\n  PencilIcon,\n  Trash2Icon,\n  ZapIcon,\n} from \"lucide-react\";\nimport {\n  useCallback,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type KeyboardEvent as ReactKeyboardEvent,\n} from \"react\";\n\nimport { DropdownMenu } from \"radix-ui\";\nimport type { ComposerState } from \"../hooks/use-composer\";\nimport type { QueueMutationKind, UseTurnQueueResult } from \"../hooks/use-turn-queue\";\nimport { type PortalTokenStyle, usePortalTokenStyle } from \"../lib/use-portal-token-style\";\nimport { requestQueueDraftEdit } from \"./queue-draft-policy\";\nimport { QueueErrorAlert, QueueStoppingStatus } from \"./queue-surface-state\";\n\n/** The sole pending-input surface: compact above Goal, Agents, and composer. */\ntype QueueSurfaceCommonProps = {\n  /** Focus the composer owned by this queue after checkout/removal. */\n  onRequestComposerFocus?: (() => void) | undefined;\n};\n\nexport type QueueSurfaceProps =\n  | (QueueSurfaceCommonProps & {\n      queue: UseTurnQueueResult;\n      composer: ComposerState;\n      readOnly?: false | undefined;\n    })\n  | (QueueSurfaceCommonProps & {\n      queue: UseTurnQueueResult;\n      composer?: undefined;\n      readOnly: true;\n    });\n\n/** @internal Pure policy seam for queue/composer embedding tests. */\nexport function queueComposerCheckoutEnabled(\n  composer: ComposerState | undefined,\n  readOnly: boolean,\n): boolean {\n  return !readOnly && composer !== undefined && composer.draftPersistence !== \"disabled\";\n}\n\nexport function QueueSurface({\n  queue,\n  composer,\n  readOnly = false,\n  onRequestComposerFocus,\n}: QueueSurfaceProps) {\n  const [open, setOpen] = useState(false);\n  const [replaceDraftFor, setReplaceDraftFor] = useState<string | null>(null);\n  const [announcement, setAnnouncement] = useState(\"\");\n  const [draggedTurnId, setDraggedTurnId] = useState<string | null>(null);\n  const surfaceRef = useRef<HTMLDivElement | null>(null);\n  const portalTokenStyle = usePortalTokenStyle(surfaceRef);\n  const [keyboardDrag, setKeyboardDrag] = useState<{\n    turnId: string;\n    projectedIndex: number;\n  } | null>(null);\n  const count = queue.queue.length;\n  const pendingInputCount = queue.pendingInputs.length;\n  const totalCount = count + pendingInputCount;\n  const attachedInputIds = queue.pendingInputAttachment?.inputIds ?? [];\n  const attachedInputs = queue.pendingInputs.filter((input) => attachedInputIds.includes(input.id));\n  const standaloneInputs = queue.pendingInputs.filter(\n    (input) => !attachedInputIds.includes(input.id),\n  );\n  const canEditInComposer = queueComposerCheckoutEnabled(composer, readOnly);\n  const collapsedPreview = useMemo(\n    () =>\n      queuePromptPreview(\n        queue.queue[0]?.prompt ?? queue.pendingInputs[0]?.summary ?? \"\",\n        QUEUE_COLLAPSED_PREVIEW_CHARACTERS,\n      ),\n    [queue.pendingInputs, queue.queue],\n  );\n  const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 6 } }));\n\n  const displayedQueue = useMemo(() => {\n    if (!keyboardDrag) return queue.queue;\n    const oldIndex = queue.queue.findIndex((turn) => turn.id === keyboardDrag.turnId);\n    if (oldIndex < 0) return queue.queue;\n    return arrayMove(queue.queue, oldIndex, keyboardDrag.projectedIndex);\n  }, [keyboardDrag, queue.queue]);\n\n  const ids = useMemo(() => displayedQueue.map((turn) => turn.id), [displayedQueue]);\n  const moveToIndex = useCallback(\n    async (turnId: string, nextIndex: number): Promise<void> => {\n      const oldIndex = queue.queue.findIndex((turn) => turn.id === turnId);\n      if (oldIndex < 0) return;\n      const boundedIndex = Math.max(0, Math.min(nextIndex, queue.queue.length - 1));\n      if (oldIndex === boundedIndex) return;\n      const ordered = arrayMove(queue.queue, oldIndex, boundedIndex);\n      const beforeTurnId = ordered[boundedIndex + 1]?.id ?? null;\n      const moved = await queue.moveTurn(turnId, beforeTurnId);\n      setAnnouncement(\n        moved\n          ? `Queued prompt moved to position ${boundedIndex + 1}.`\n          : \"The queue changed before that prompt could be moved. Refreshed server order.\",\n      );\n      if (moved) focusQueueTurn(surfaceRef.current, turnId);\n    },\n    [queue],\n  );\n\n  const onDragEnd = useCallback(\n    (event: DragEndEvent) => {\n      setDraggedTurnId(null);\n      const activeId = String(event.active.id);\n      const overId = event.over ? String(event.over.id) : null;\n      if (!overId || activeId === overId) {\n        setAnnouncement(\"Queued prompt returned to its original position.\");\n        return;\n      }\n      const nextIndex = queue.queue.findIndex((turn) => turn.id === overId);\n      if (nextIndex >= 0) void moveToIndex(activeId, nextIndex);\n    },\n    [moveToIndex, queue.queue],\n  );\n\n  const onDragStart = useCallback(\n    (event: DragStartEvent) => {\n      setKeyboardDrag(null);\n      const turnId = String(event.active.id);\n      const position = queue.queue.findIndex((turn) => turn.id === turnId) + 1;\n      setDraggedTurnId(turnId);\n      setAnnouncement(`Dragging queued prompt ${position} of ${queue.queue.length}.`);\n    },\n    [queue.queue],\n  );\n\n  const onHandleKeyDown = useCallback(\n    (event: ReactKeyboardEvent<HTMLButtonElement>, turnId: string) => {\n      const canonicalIndex = queue.queue.findIndex((turn) => turn.id === turnId);\n      if (canonicalIndex < 0) return;\n\n      if (!keyboardDrag) {\n        if (event.key !== \" \") return;\n        event.preventDefault();\n        setKeyboardDrag({ turnId, projectedIndex: canonicalIndex });\n        setAnnouncement(\n          `Lifted queued prompt ${canonicalIndex + 1} of ${count}. Use arrow keys to move it, then press Space to drop.`,\n        );\n        return;\n      }\n      if (keyboardDrag.turnId !== turnId) return;\n\n      if (event.key === \"Escape\") {\n        event.preventDefault();\n        setKeyboardDrag(null);\n        setAnnouncement(\"Queue reorder cancelled.\");\n        return;\n      }\n      if (event.key === \" \") {\n        event.preventDefault();\n        const targetIndex = keyboardDrag.projectedIndex;\n        setAnnouncement(`Moving queued prompt to position ${targetIndex + 1}.`);\n        void moveToIndex(turnId, targetIndex).finally(() => setKeyboardDrag(null));\n        return;\n      }\n\n      const direction = event.key === \"ArrowUp\" ? -1 : event.key === \"ArrowDown\" ? 1 : 0;\n      const edge = event.key === \"Home\" ? 0 : event.key === \"End\" ? count - 1 : null;\n      if (direction === 0 && edge === null) return;\n      event.preventDefault();\n      const projectedIndex = Math.max(\n        0,\n        Math.min(edge ?? keyboardDrag.projectedIndex + direction, count - 1),\n      );\n      setKeyboardDrag({ turnId, projectedIndex });\n      setAnnouncement(`Queued prompt projected to position ${projectedIndex + 1} of ${count}.`);\n    },\n    [count, keyboardDrag, moveToIndex, queue.queue],\n  );\n\n  const edit = useCallback(\n    async (turn: SessionTurn, replaceDraft: boolean) => {\n      if (!composer || !canEditInComposer) return;\n      const restored = await queue.editTurn(turn.id, {\n        expectedDraftRevision: composer.draftRevision,\n        replaceDraft,\n      });\n      if (!restored) return;\n      composer.applyDraft(restored);\n      setReplaceDraftFor(null);\n      setAnnouncement(\"Queued prompt moved back to the composer for editing.\");\n      window.requestAnimationFrame(() => {\n        if (onRequestComposerFocus) {\n          onRequestComposerFocus();\n          return;\n        }\n        const input = document.querySelector<HTMLTextAreaElement>(\n          'textarea[aria-label=\"Message the agent\"]',\n        );\n        input?.scrollIntoView({ block: \"nearest\", behavior: \"smooth\" });\n        input?.focus();\n      });\n    },\n    [canEditInComposer, composer, onRequestComposerFocus, queue],\n  );\n\n  const requestEdit = useCallback(\n    (turn: SessionTurn) => {\n      if (!composer || !canEditInComposer) return;\n      requestQueueDraftEdit(\n        composer,\n        () => setReplaceDraftFor(turn.id),\n        () => void edit(turn, false),\n      );\n    },\n    [canEditInComposer, composer, edit],\n  );\n\n  if (totalCount === 0 && !queue.stoppingPreviousAttempt && !queue.error && !queue.mutationError)\n    return null;\n\n  return (\n    <div\n      ref={surfaceRef}\n      className=\"og-root mx-auto mb-2 w-full max-w-3xl shrink-0 px-4 sm:px-6\"\n      data-testid=\"queue-surface\"\n    >\n      <div className=\"overflow-hidden rounded-lg border border-border bg-surface/80 shadow-sm\">\n        {queue.stoppingPreviousAttempt ? <QueueStoppingStatus queue={queue} dividerAfter /> : null}\n        <button\n          type=\"button\"\n          className=\"flex w-full min-w-0 flex-wrap items-center gap-2 px-3 py-2 text-left outline-none transition-colors hover:bg-surface-2/60 focus-visible:bg-surface-2/60 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring/40 pointer-coarse:min-h-[44px]\"\n          onClick={() => setOpen((value) => !value)}\n          aria-description={!open && totalCount > 0 ? collapsedPreview.summary : undefined}\n          aria-expanded={open}\n          aria-label={`${count} queued prompt${count === 1 ? \"\" : \"s\"}${\n            pendingInputCount > 0\n              ? ` and ${pendingInputCount} pending machine input${pendingInputCount === 1 ? \"\" : \"s\"}`\n              : \"\"\n          }${readOnly ? \" Read-only\" : \"\"}`}\n        >\n          <ChevronDownIcon\n            aria-hidden=\"true\"\n            className={`size-3.5 shrink-0 text-fg-subtle transition-transform ${open ? \"rotate-180\" : \"\"}`}\n          />\n          <span className=\"text-og-control font-medium text-fg\">\n            {count > 0 ? `${count} queued prompt${count === 1 ? \"\" : \"s\"}` : null}\n            {count > 0 && pendingInputCount > 0 ? \" · \" : null}\n            {pendingInputCount > 0\n              ? `${pendingInputCount} incoming update${pendingInputCount === 1 ? \"\" : \"s\"}`\n              : null}\n          </span>\n          {readOnly ? (\n            <span className=\"shrink-0 rounded border border-border px-1.5 py-0.5 text-og-xs text-fg-subtle\">\n              Read-only\n            </span>\n          ) : null}\n          {!open && totalCount > 0 ? (\n            <span\n              aria-hidden=\"true\"\n              className={`max-w-full truncate text-fg-muted ${\n                collapsedPreview.collapsedVisual === collapsedPreview.summary\n                  ? \"min-w-0 flex-1 text-og-control\"\n                  : \"shrink-0 text-[10px]\"\n              }`}\n              data-testid=\"queue-collapsed-preview\"\n              dir=\"auto\"\n            >\n              {collapsedPreview.collapsedVisual}\n            </span>\n          ) : null}\n          {queue.loading ? <Loader2Icon className=\"ml-auto size-3.5 animate-spin\" /> : null}\n        </button>\n\n        {open && standaloneInputs.length > 0 ? (\n          <PendingMachineInputs inputs={standaloneInputs} />\n        ) : null}\n\n        {open && count > 0 && readOnly ? (\n          <ol\n            className=\"max-h-[min(30rem,60dvh)] divide-y divide-border overflow-y-auto overscroll-contain border-t border-border\"\n            aria-label=\"Queued prompts\"\n            data-testid=\"queue-list\"\n          >\n            {queue.queue.map((turn, index) => (\n              <ReadOnlyQueueRow\n                key={turn.id}\n                turn={turn}\n                index={index}\n                attachedInputs={\n                  turn.id === queue.pendingInputAttachment?.turnId ? attachedInputs : []\n                }\n                onDisclosureChange={(expanded) =>\n                  setAnnouncement(\n                    `Full content for queued prompt ${index + 1} ${expanded ? \"shown\" : \"hidden\"}.`,\n                  )\n                }\n              />\n            ))}\n          </ol>\n        ) : null}\n\n        {open && count > 0 && !readOnly ? (\n          <DndContext\n            sensors={sensors}\n            collisionDetection={closestCenter}\n            modifiers={[verticalOnly]}\n            onDragStart={onDragStart}\n            onDragCancel={() => {\n              setDraggedTurnId(null);\n              setAnnouncement(\"Queue reorder cancelled.\");\n            }}\n            onDragEnd={onDragEnd}\n          >\n            <SortableContext items={ids} strategy={verticalListSortingStrategy}>\n              <ol\n                className=\"max-h-[min(30rem,60dvh)] divide-y divide-border overflow-y-auto overscroll-contain border-t border-border\"\n                aria-label=\"Queued prompts\"\n                data-testid=\"queue-list\"\n              >\n                {displayedQueue.map((turn, index) => (\n                  <SortableQueueRow\n                    key={turn.id}\n                    turn={turn}\n                    index={index}\n                    count={count}\n                    attachedInputs={\n                      turn.id === queue.pendingInputAttachment?.turnId ? attachedInputs : []\n                    }\n                    pending={queue.mutationFor(turn.id)}\n                    confirmingReplace={replaceDraftFor === turn.id}\n                    keyboardDragging={keyboardDrag?.turnId === turn.id}\n                    portalTokenStyle={portalTokenStyle}\n                    onHandleKeyDown={(event) => onHandleKeyDown(event, turn.id)}\n                    onMove={(nextIndex) => void moveToIndex(turn.id, nextIndex)}\n                    onEdit={canEditInComposer ? () => requestEdit(turn) : undefined}\n                    onConfirmReplace={() => void edit(turn, true)}\n                    onCancelReplace={() => setReplaceDraftFor(null)}\n                    onSteer={() => {\n                      void queue.steerTurn(turn.id).then((steered) => {\n                        setAnnouncement(\n                          steered\n                            ? \"Queued prompt is now the next direction.\"\n                            : \"That prompt changed before it could be steered.\",\n                        );\n                        if (steered) {\n                          focusAfterQueueRemoval(surfaceRef.current, index, onRequestComposerFocus);\n                        }\n                      });\n                    }}\n                    onDelete={() => {\n                      void queue.removeTurn(turn.id).then((removed) => {\n                        setAnnouncement(\n                          removed\n                            ? \"Queued prompt deleted.\"\n                            : \"That prompt changed before it could be deleted.\",\n                        );\n                        if (removed) {\n                          focusAfterQueueRemoval(surfaceRef.current, index, onRequestComposerFocus);\n                        }\n                      });\n                    }}\n                    onDisclosureChange={(expanded) =>\n                      setAnnouncement(\n                        `Full content for queued prompt ${index + 1} ${expanded ? \"shown\" : \"hidden\"}.`,\n                      )\n                    }\n                  />\n                ))}\n              </ol>\n            </SortableContext>\n            <DragOverlay modifiers={[verticalOnly]}>\n              {draggedTurnId ? (\n                <div\n                  className=\"max-h-20 w-[min(36rem,calc(100vw-2rem))] max-w-[calc(100vw-2rem)] overflow-hidden rounded-md border border-brand/40 bg-surface px-3 py-2 text-og-control text-fg shadow-lg\"\n                  data-testid=\"queue-drag-overlay\"\n                >\n                  <p\n                    aria-hidden=\"true\"\n                    className=\"line-clamp-3 break-all whitespace-pre-wrap [unicode-bidi:plaintext]\"\n                    dir=\"auto\"\n                  >\n                    {\n                      queuePromptPreview(\n                        queue.queue.find((turn) => turn.id === draggedTurnId)?.prompt ?? \"\",\n                        QUEUE_ROW_PREVIEW_CHARACTERS,\n                      ).summary\n                    }\n                  </p>\n                </div>\n              ) : null}\n            </DragOverlay>\n          </DndContext>\n        ) : null}\n\n        {queue.error || queue.mutationError ? (\n          <QueueErrorAlert queue={queue} dividerBefore />\n        ) : null}\n      </div>\n      <p className=\"sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\n        {announcement}\n      </p>\n    </div>\n  );\n}\n\nfunction PendingMachineInputs({\n  inputs,\n  attached = false,\n}: {\n  inputs: SessionPendingInputPreview[];\n  attached?: boolean;\n}) {\n  return (\n    <section className=\"border-t border-border px-3 py-2\">\n      <p className=\"text-og-xs font-medium text-fg-subtle\">\n        {attached\n          ? `${inputs.length} update${inputs.length === 1 ? \"\" : \"s\"} will join this prompt`\n          : \"Incoming updates waiting to run\"}\n      </p>\n      <ol className=\"mt-1 space-y-1\">\n        {inputs.map((input) => (\n          <li\n            key={input.id}\n            className=\"line-clamp-3 break-words text-og-control text-fg\"\n            dir=\"auto\"\n          >\n            <strong className=\"capitalize text-fg-muted\">\n              {input.kind.replace(\"_terminal\", \"\").replaceAll(\"_\", \" \")}\n            </strong>{\" \"}\n            · {input.sourceId}\n            {input.summary ? ` — ${input.summary}` : \"\"}\n          </li>\n        ))}\n      </ol>\n    </section>\n  );\n}\n\nconst QUEUE_ROW_PREVIEW_CHARACTERS = 360;\nconst QUEUE_COLLAPSED_PREVIEW_CHARACTERS = 180;\nconst QUEUE_PREVIEW_GRAPHEME_CONTEXT_CHARACTERS = 32;\nconst QUEUE_PREVIEW_REFERENCE_SAMPLE_CHARACTERS = 32;\nconst QUEUE_VISIBLE_END_IDENTITY_CHARACTERS = 18;\nconst QUEUE_PREVIEW_SEPARATOR = \" … \";\nconst queuePreviewSegmenter = new Intl.Segmenter(undefined, { granularity: \"grapheme\" });\nconst queuePromptNonRenderingCodePoint =\n  /[\\p{White_Space}\\p{Control}\\p{Default_Ignorable_Code_Point}]/u;\n\ntype BoundedPromptSample = {\n  value: string;\n  characters: number;\n  truncated: boolean;\n};\n\ntype QueuePromptPreview = {\n  summary: string;\n  collapsedVisual: string;\n  visibleStart: string;\n  visibleIdentity: string | null;\n  visibleIdentityLabel: \"End\" | \"Safe boundary\" | null;\n  isFallback: boolean;\n};\n\n/**\n * Build a bounded head/tail summary of an arbitrary queued prompt. Sampling\n * both ends distinguishes prompts with equal long prefixes. Each sampled edge\n * has a small amount of grapheme context so ordinary emoji/combining sequences\n * can be retained whole. A cluster that exceeds that context is omitted rather\n * than fragmented, and malformed UTF-16 is replaced only in the summary. The\n * durable prompt remains exact and no operation scans or copies it in full.\n */\nfunction queuePromptPreview(prompt: string, maxCharacters: number): QueuePromptPreview {\n  const wholePromptProbe = samplePromptStart(prompt, maxCharacters + 1);\n  if (!wholePromptProbe.truncated && wholePromptProbe.characters <= maxCharacters) {\n    const summary = replaceLoneSurrogates(wholePromptProbe.value);\n    return hasVisiblePromptContent(summary)\n      ? {\n          summary,\n          collapsedVisual: summary,\n          visibleStart: summary,\n          visibleIdentity: null,\n          visibleIdentityLabel: null,\n          isFallback: false,\n        }\n      : fallbackPromptPreview(prompt.length, wholePromptProbe.value, wholePromptProbe.value);\n  }\n\n  const suffixCharacters = Math.min(Math.floor(maxCharacters / 3), 120);\n  const prefixCharacters =\n    maxCharacters - codePointLength(QUEUE_PREVIEW_SEPARATOR) - suffixCharacters;\n  const prefixSample = samplePromptStart(\n    prompt,\n    prefixCharacters + QUEUE_PREVIEW_GRAPHEME_CONTEXT_CHARACTERS,\n  );\n  const suffixSample = samplePromptEnd(\n    prompt,\n    suffixCharacters + QUEUE_PREVIEW_GRAPHEME_CONTEXT_CHARACTERS,\n  );\n  const prefixSegments = segmentPromptSample(prefixSample.value);\n  const suffixSegments = segmentPromptSample(suffixSample.value);\n\n  // A cluster at a truncated sampling edge may continue outside the sample.\n  // Prefix sampling starts at the true source start, so only its last segment\n  // is ambiguous. Suffix sampling ends at the true source end, so its first is.\n  if (prefixSample.truncated) prefixSegments.pop();\n  if (suffixSample.truncated) {\n    let ambiguousSegment = suffixSegments.shift();\n    // A locally segmented leading fragment ending in ZWJ can join the next\n    // pictographic segment when omitted left context supplies its base. Keep\n    // backing off until that uncertainty no longer propagates to the right.\n    while (ambiguousSegment?.endsWith(\"\\u200d\") && suffixSegments.length > 0) {\n      ambiguousSegment = suffixSegments.shift();\n    }\n    // Regional Indicator pairing depends on the parity of the preceding run.\n    // If that run reaches the unknown sample boundary, omit all of its visible\n    // leading segments rather than potentially recombining halves of flags.\n    while (suffixSegments[0] && startsWithRegionalIndicator(suffixSegments[0])) {\n      suffixSegments.shift();\n    }\n  }\n\n  const prefix = takeWholeGraphemesFromStart(prefixSegments, prefixCharacters);\n  const suffix = takeWholeGraphemesFromEnd(suffixSegments, suffixCharacters);\n  const reference = boundedPromptSampleReference(\n    prompt.length,\n    prefixSample.value,\n    suffixSample.value,\n  );\n\n  if (!hasVisiblePromptContent(prefix) && !hasVisiblePromptContent(suffix)) {\n    return fallbackPromptPreview(prompt.length, prefixSample.value, suffixSample.value);\n  }\n\n  const safeSuffix = hasVisiblePromptContent(suffix)\n    ? suffix\n    : promptPreviewFallbackLabel(reference);\n  const summary = `${prefix}${QUEUE_PREVIEW_SEPARATOR}${safeSuffix}`;\n  if (!hasVisiblePromptContent(prefix)) {\n    return {\n      summary,\n      collapsedVisual: summary,\n      visibleStart: safeSuffix,\n      visibleIdentity: null,\n      visibleIdentityLabel: null,\n      isFallback: false,\n    };\n  }\n\n  const endIdentity = takeWholeGraphemesFromEnd(\n    suffixSegments,\n    QUEUE_VISIBLE_END_IDENTITY_CHARACTERS,\n  );\n  return {\n    summary,\n    collapsedVisual: summary,\n    visibleStart: prefix,\n    visibleIdentity: hasVisiblePromptContent(endIdentity) ? endIdentity : `ref ${reference}`,\n    visibleIdentityLabel: hasVisiblePromptContent(endIdentity) ? \"End\" : \"Safe boundary\",\n    isFallback: false,\n  };\n}\n\nfunction fallbackPromptPreview(\n  promptLength: number,\n  startSample: string,\n  endSample: string,\n): QueuePromptPreview {\n  const reference = boundedPromptSampleReference(promptLength, startSample, endSample);\n  const summary = promptPreviewFallbackLabel(reference);\n  return {\n    summary,\n    collapsedVisual: `Omitted · ${reference}`,\n    // The complete fallback remains the canonical accessible summary. Narrow\n    // collapsed/row layouts paint the bounded reference in a compact truthful\n    // form so ellipsis cannot hide the only identifying portion.\n    visibleStart: `Omitted · ${reference}`,\n    visibleIdentity: null,\n    visibleIdentityLabel: null,\n    isFallback: true,\n  };\n}\n\nfunction promptPreviewFallbackLabel(reference: string): string {\n  return `Content omitted at safe boundary · ref ${reference}`;\n}\n\nfunction boundedPromptSampleReference(\n  promptLength: number,\n  startSample: string,\n  endSample: string,\n): string {\n  const head = samplePromptStart(startSample, QUEUE_PREVIEW_REFERENCE_SAMPLE_CHARACTERS).value;\n  const tail = samplePromptEnd(endSample, QUEUE_PREVIEW_REFERENCE_SAMPLE_CHARACTERS).value;\n  let hash = 0x811c9dc5;\n  for (const value of [String(promptLength), head, tail]) {\n    for (let index = 0; index < value.length; index += 1) {\n      hash ^= value.charCodeAt(index);\n      hash = Math.imul(hash, 0x01000193);\n    }\n    hash ^= 0xffff;\n    hash = Math.imul(hash, 0x01000193);\n  }\n  return (hash >>> 0).toString(16).padStart(8, \"0\").toUpperCase();\n}\n\nfunction hasVisiblePromptContent(value: string): boolean {\n  // Callers pass only the already-bounded whole/head/tail preview samples.\n  // Default-ignorables and controls can survive trim() while painting no row\n  // identity at all (for example ZWJ, VS16, bidi controls, and tag characters).\n  for (const character of value) {\n    if (!queuePromptNonRenderingCodePoint.test(character)) return true;\n  }\n  return false;\n}\n\nfunction samplePromptStart(prompt: string, maxCharacters: number): BoundedPromptSample {\n  let end = 0;\n  let characters = 0;\n  while (end < prompt.length && characters < maxCharacters) {\n    const first = prompt.charCodeAt(end);\n    end +=\n      isHighSurrogate(first) &&\n      end + 1 < prompt.length &&\n      isLowSurrogate(prompt.charCodeAt(end + 1))\n        ? 2\n        : 1;\n    characters += 1;\n  }\n  return { value: prompt.slice(0, end), characters, truncated: end < prompt.length };\n}\n\nfunction samplePromptEnd(prompt: string, maxCharacters: number): BoundedPromptSample {\n  let start = prompt.length;\n  let characters = 0;\n  while (start > 0 && characters < maxCharacters) {\n    start -= 1;\n    if (\n      isLowSurrogate(prompt.charCodeAt(start)) &&\n      start > 0 &&\n      isHighSurrogate(prompt.charCodeAt(start - 1))\n    ) {\n      start -= 1;\n    }\n    characters += 1;\n  }\n  return { value: prompt.slice(start), characters, truncated: start > 0 };\n}\n\nfunction segmentPromptSample(sample: string): string[] {\n  return Array.from(\n    queuePreviewSegmenter.segment(replaceLoneSurrogates(sample)),\n    ({ segment }) => segment,\n  );\n}\n\nfunction replaceLoneSurrogates(value: string): string {\n  let sanitized = \"\";\n  for (let index = 0; index < value.length; index += 1) {\n    const current = value.charCodeAt(index);\n    if (\n      isHighSurrogate(current) &&\n      index + 1 < value.length &&\n      isLowSurrogate(value.charCodeAt(index + 1))\n    ) {\n      sanitized += value.slice(index, index + 2);\n      index += 1;\n    } else if (isHighSurrogate(current) || isLowSurrogate(current)) {\n      sanitized += \"�\";\n    } else {\n      sanitized += value[index];\n    }\n  }\n  return sanitized;\n}\n\nfunction takeWholeGraphemesFromStart(segments: string[], maxCharacters: number): string {\n  const selected: string[] = [];\n  let characters = 0;\n  for (const segment of segments) {\n    const segmentCharacters = codePointLength(segment);\n    if (characters + segmentCharacters > maxCharacters) break;\n    selected.push(segment);\n    characters += segmentCharacters;\n  }\n  while (selected.at(-1)?.trim().length === 0) selected.pop();\n  return selected.join(\"\");\n}\n\nfunction takeWholeGraphemesFromEnd(segments: string[], maxCharacters: number): string {\n  const selected: string[] = [];\n  let characters = 0;\n  for (let index = segments.length - 1; index >= 0; index -= 1) {\n    const segment = segments[index];\n    if (!segment) continue;\n    const segmentCharacters = codePointLength(segment);\n    if (characters + segmentCharacters > maxCharacters) break;\n    selected.unshift(segment);\n    characters += segmentCharacters;\n  }\n  while (selected[0]?.trim().length === 0) selected.shift();\n  while (selected.at(-1)?.trim().length === 0) selected.pop();\n  return selected.join(\"\");\n}\n\nfunction codePointLength(value: string): number {\n  let characters = 0;\n  for (const _character of value) characters += 1;\n  return characters;\n}\n\nfunction startsWithRegionalIndicator(value: string): boolean {\n  const codePoint = value.codePointAt(0);\n  return codePoint !== undefined && codePoint >= 0x1f1e6 && codePoint <= 0x1f1ff;\n}\n\nfunction isHighSurrogate(codeUnit: number): boolean {\n  return codeUnit >= 0xd800 && codeUnit <= 0xdbff;\n}\n\nfunction isLowSurrogate(codeUnit: number): boolean {\n  return codeUnit >= 0xdc00 && codeUnit <= 0xdfff;\n}\n\nfunction QueuePrompt({\n  prompt,\n  index,\n  onDisclosureChange,\n}: {\n  prompt: string;\n  index: number;\n  onDisclosureChange: (expanded: boolean) => void;\n}) {\n  const [expanded, setExpanded] = useState(false);\n  const fullContentId = useId();\n  const preview = useMemo(() => queuePromptPreview(prompt, QUEUE_ROW_PREVIEW_CHARACTERS), [prompt]);\n\n  return (\n    <div className=\"w-full min-w-0 max-w-full\">\n      <div\n        aria-label={`Queued prompt ${index + 1} summary: ${preview.summary}`}\n        className=\"max-w-full overflow-hidden text-og-control leading-5 text-fg\"\n        data-testid={`queue-prompt-preview-${index + 1}`}\n        dir=\"auto\"\n        role=\"note\"\n      >\n        <span aria-hidden=\"true\" className=\"flex min-w-0 max-w-full items-baseline gap-2 sm:block\">\n          <span\n            className={`${preview.isFallback ? \"\" : \"line-clamp-1 sm:line-clamp-2\"} min-w-0 flex-1 whitespace-pre-wrap break-all [unicode-bidi:plaintext]`}\n            data-testid={`queue-prompt-start-${index + 1}`}\n            dir=\"auto\"\n          >\n            {preview.visibleStart}\n          </span>\n          {preview.visibleIdentity && preview.visibleIdentityLabel ? (\n            <span\n              className=\"flex min-w-0 max-w-[70%] shrink-0 items-center gap-1 text-og-xs leading-4 text-fg-muted sm:mt-0.5 sm:max-w-full\"\n              data-testid={`queue-prompt-identity-row-${index + 1}`}\n            >\n              <span className=\"shrink-0 font-medium text-fg-subtle\">\n                {preview.visibleIdentityLabel}\n              </span>\n              <span\n                className=\"min-w-0 overflow-hidden text-ellipsis whitespace-nowrap font-mono [unicode-bidi:plaintext]\"\n                data-testid={`queue-prompt-identity-${index + 1}`}\n                dir=\"auto\"\n              >\n                {preview.visibleIdentity}\n              </span>\n            </span>\n          ) : null}\n        </span>\n      </div>\n      <button\n        type=\"button\"\n        aria-controls={fullContentId}\n        aria-expanded={expanded}\n        aria-label={`${expanded ? \"Hide\" : \"Show\"} full content for queued prompt ${index + 1}`}\n        className=\"mt-1 inline-flex min-h-7 min-w-0 max-w-full items-center gap-1 whitespace-normal rounded-md text-left text-og-xs font-medium text-fg outline-none focus-visible:ring-2 focus-visible:ring-ring/40 pointer-coarse:min-h-[44px]\"\n        data-testid={`queue-prompt-disclosure-${index + 1}`}\n        onClick={() => {\n          const next = !expanded;\n          setExpanded(next);\n          onDisclosureChange(next);\n        }}\n      >\n        <ChevronDownIcon\n          aria-hidden=\"true\"\n          className={`size-3 shrink-0 transition-transform ${expanded ? \"rotate-180\" : \"\"}`}\n        />\n        {expanded ? \"Hide full prompt\" : \"View full prompt\"}\n      </button>\n      {expanded ? (\n        <pre\n          id={fullContentId}\n          role=\"region\"\n          aria-label={`Full content for queued prompt ${index + 1}`}\n          className=\"mt-1.5 max-h-64 w-full min-w-0 max-w-full overflow-auto overscroll-contain rounded-md border border-border bg-surface-2/60 p-2 whitespace-pre-wrap break-all font-mono text-og-control leading-5 text-fg [unicode-bidi:plaintext]\"\n          data-testid={`queue-prompt-full-${index + 1}`}\n          dir=\"auto\"\n          tabIndex={0}\n        >\n          {prompt}\n        </pre>\n      ) : null}\n    </div>\n  );\n}\n\nfunction ReadOnlyQueueRow({\n  turn,\n  index,\n  attachedInputs,\n  onDisclosureChange,\n}: {\n  turn: SessionTurn;\n  index: number;\n  attachedInputs: SessionPendingInputPreview[];\n  onDisclosureChange: (expanded: boolean) => void;\n}) {\n  return (\n    <li className=\"flex min-w-0 items-start gap-2 bg-surface px-3 py-2\">\n      <span className=\"mt-1 shrink-0 font-mono text-og-xs text-fg-subtle\">{index + 1}</span>\n      <div className=\"min-w-0 flex-1\">\n        <QueuePrompt prompt={turn.prompt} index={index} onDisclosureChange={onDisclosureChange} />\n        {attachedInputs.length > 0 ? (\n          <PendingMachineInputs inputs={attachedInputs} attached />\n        ) : null}\n        <div className=\"mt-1 flex min-w-0 items-center gap-2 overflow-hidden whitespace-nowrap text-og-xs text-fg-subtle\">\n          {turn.resources.length > 0 ? (\n            <span className=\"shrink-0\">\n              {turn.resources.length} resource{turn.resources.length === 1 ? \"\" : \"s\"}\n            </span>\n          ) : null}\n          {turn.tools.length > 0 ? (\n            <span className=\"shrink-0\">\n              {turn.tools.length} tool{turn.tools.length === 1 ? \"\" : \"s\"}\n            </span>\n          ) : null}\n          <span className=\"min-w-0 truncate\">{turn.model}</span>\n          <span className=\"shrink-0\">{turn.reasoningEffort}</span>\n        </div>\n      </div>\n    </li>\n  );\n}\n\nfunction SortableQueueRow({\n  turn,\n  index,\n  count,\n  attachedInputs,\n  pending,\n  confirmingReplace,\n  keyboardDragging,\n  portalTokenStyle,\n  onHandleKeyDown,\n  onMove,\n  onEdit,\n  onConfirmReplace,\n  onCancelReplace,\n  onSteer,\n  onDelete,\n  onDisclosureChange,\n}: {\n  turn: SessionTurn;\n  index: number;\n  count: number;\n  attachedInputs: SessionPendingInputPreview[];\n  pending: QueueMutationKind | null;\n  confirmingReplace: boolean;\n  keyboardDragging: boolean;\n  portalTokenStyle: PortalTokenStyle;\n  onHandleKeyDown: (event: ReactKeyboardEvent<HTMLButtonElement>) => void;\n  onMove: (index: number) => void;\n  onEdit?: (() => void) | undefined;\n  onConfirmReplace: () => void;\n  onCancelReplace: () => void;\n  onSteer: () => void;\n  onDelete: () => void;\n  onDisclosureChange: (expanded: boolean) => void;\n}) {\n  const sortable = useSortable({\n    id: turn.id,\n    disabled: pending !== null || keyboardDragging,\n  });\n  return (\n    <li\n      data-queue-turn-id={turn.id}\n      ref={sortable.setNodeRef}\n      style={{\n        transform: CSS.Transform.toString(sortable.transform),\n        transition: sortable.transition,\n      }}\n      className={`bg-surface ${sortable.isDragging || keyboardDragging ? \"relative z-10 shadow-lg ring-1 ring-brand/40\" : \"\"}`}\n    >\n      <div className=\"grid min-w-0 grid-cols-[auto_minmax(0,1fr)] items-start gap-x-1.5 px-2 py-1.5 sm:grid-cols-[auto_auto_minmax(0,1fr)_auto] sm:gap-x-2 sm:px-3 sm:py-2\">\n        <button\n          data-queue-handle\n          ref={sortable.setActivatorNodeRef}\n          type=\"button\"\n          {...sortable.attributes}\n          {...sortable.listeners}\n          onKeyDown={onHandleKeyDown}\n          disabled={pending !== null}\n          className=\"col-start-1 row-start-1 mt-0.5 inline-flex size-7 shrink-0 touch-none items-center justify-center rounded-md text-fg-subtle hover:bg-surface-2 hover:text-fg focus-visible:ring-2 focus-visible:ring-ring/40 pointer-coarse:size-[44px]\"\n          aria-label={`Reorder queued prompt ${index + 1}`}\n          title=\"Drag to reorder. Press Space, arrows, then Space to drop.\"\n        >\n          <GripVerticalIcon className=\"size-3.5\" />\n        </button>\n        <span className=\"col-start-2 row-start-1 mt-1 shrink-0 font-mono text-og-xs text-fg-subtle\">\n          {index + 1}\n        </span>\n        <div className=\"col-span-full row-start-2 min-w-0 sm:col-span-1 sm:col-start-3 sm:row-start-1\">\n          <QueuePrompt prompt={turn.prompt} index={index} onDisclosureChange={onDisclosureChange} />\n          {attachedInputs.length > 0 ? (\n            <PendingMachineInputs inputs={attachedInputs} attached />\n          ) : null}\n          <div className=\"mt-1 flex min-w-0 items-center gap-2 overflow-hidden whitespace-nowrap text-og-xs text-fg-subtle\">\n            {turn.resources.length > 0 ? (\n              <span className=\"shrink-0\">\n                {turn.resources.length} resource{turn.resources.length === 1 ? \"\" : \"s\"}\n              </span>\n            ) : null}\n            {turn.tools.length > 0 ? (\n              <span className=\"shrink-0\">\n                {turn.tools.length} tool{turn.tools.length === 1 ? \"\" : \"s\"}\n              </span>\n            ) : null}\n            <span className=\"min-w-0 truncate\">{turn.model}</span>\n            <span className=\"shrink-0\">{turn.reasoningEffort}</span>\n          </div>\n        </div>\n        <div className=\"col-span-full row-start-3 flex min-w-0 items-start justify-end gap-1.5 sm:col-span-1 sm:col-start-4 sm:row-start-1 sm:gap-2\">\n          <button\n            type=\"button\"\n            disabled={pending !== null}\n            onClick={onSteer}\n            aria-label={`Steer queued prompt ${index + 1}`}\n            title=\"Steer — interrupt the current turn and send this message now\"\n            className=\"inline-flex h-7 shrink-0 items-center justify-center gap-1 rounded-md px-2 text-og-control font-medium text-fg outline-none transition-[background-color] hover:bg-surface-2 focus-visible:ring-2 focus-visible:ring-ring/40 disabled:pointer-events-none disabled:opacity-50 pointer-coarse:min-h-[44px] pointer-coarse:min-w-[44px]\"\n          >\n            {pending === \"steer\" ? (\n              <Loader2Icon className=\"size-3.5 animate-spin\" />\n            ) : (\n              <ZapIcon className=\"size-3.5\" />\n            )}\n            <span className=\"hidden sm:inline\">Steer</span>\n          </button>\n          <button\n            type=\"button\"\n            disabled={pending !== null}\n            onClick={onDelete}\n            aria-label={`Delete queued prompt ${index + 1}`}\n            title=\"Delete this queued prompt\"\n            className=\"inline-flex size-7 shrink-0 items-center justify-center rounded-md outline-none transition-colors hover:bg-surface-2 hover:text-status-failed focus-visible:ring-2 focus-visible:ring-ring/40 disabled:pointer-events-none disabled:opacity-50 pointer-coarse:size-[44px]\"\n          >\n            {pending === \"delete\" ? (\n              <Loader2Icon className=\"size-3.5 animate-spin\" />\n            ) : (\n              <Trash2Icon className=\"size-3.5\" />\n            )}\n          </button>\n          <DropdownMenu.Root>\n            <DropdownMenu.Trigger asChild>\n              <button\n                type=\"button\"\n                disabled={pending !== null}\n                aria-label={`More actions for queued prompt ${index + 1}`}\n                className=\"inline-flex size-7 shrink-0 items-center justify-center rounded-md outline-none transition-colors hover:bg-surface-2 focus-visible:ring-2 focus-visible:ring-ring/40 disabled:pointer-events-none disabled:opacity-50 pointer-coarse:size-[44px]\"\n              >\n                {pending && pending !== \"steer\" && pending !== \"delete\" ? (\n                  <Loader2Icon className=\"size-3.5 animate-spin\" />\n                ) : (\n                  <EllipsisIcon className=\"size-3.5\" />\n                )}\n              </button>\n            </DropdownMenu.Trigger>\n            <DropdownMenu.Portal>\n              <DropdownMenu.Content\n                align=\"end\"\n                sideOffset={4}\n                className=\"og-root z-50 w-48 max-w-[calc(100vw-16px)] rounded-md border border-border bg-surface p-1 text-og-control text-fg shadow-lg\"\n                style={portalTokenStyle}\n                data-testid={`queue-actions-menu-${index + 1}`}\n              >\n                {onEdit ? (\n                  <>\n                    <DropdownMenu.Item\n                      className=\"flex min-w-0 cursor-default items-center gap-2 whitespace-normal break-words rounded-sm px-2 py-1.5 outline-none focus:bg-surface-2 pointer-coarse:min-h-[44px]\"\n                      onSelect={onEdit}\n                    >\n                      <PencilIcon className=\"size-3.5\" /> Edit in composer\n                    </DropdownMenu.Item>\n                    <DropdownMenu.Separator className=\"my-1 h-px bg-border\" />\n                  </>\n                ) : null}\n                <DropdownMenu.Item\n                  className=\"flex min-w-0 cursor-default items-center gap-2 whitespace-normal break-words rounded-sm px-2 py-1.5 outline-none focus:bg-surface-2 data-[disabled]:opacity-50 pointer-coarse:min-h-[44px]\"\n                  disabled={index === 0}\n                  onSelect={() => onMove(0)}\n                >\n                  <ArrowUpToLineIcon className=\"size-3.5\" /> Move to top\n                </DropdownMenu.Item>\n                <DropdownMenu.Item\n                  className=\"flex min-w-0 cursor-default items-center gap-2 whitespace-normal break-words rounded-sm px-2 py-1.5 outline-none focus:bg-surface-2 data-[disabled]:opacity-50 pointer-coarse:min-h-[44px]\"\n                  disabled={index === 0}\n                  onSelect={() => onMove(index - 1)}\n                >\n                  Move up\n                </DropdownMenu.Item>\n                <DropdownMenu.Item\n                  className=\"flex min-w-0 cursor-default items-center gap-2 whitespace-normal break-words rounded-sm px-2 py-1.5 outline-none focus:bg-surface-2 data-[disabled]:opacity-50 pointer-coarse:min-h-[44px]\"\n                  disabled={index === count - 1}\n                  onSelect={() => onMove(index + 1)}\n                >\n                  Move down\n                </DropdownMenu.Item>\n                <DropdownMenu.Item\n                  className=\"flex min-w-0 cursor-default items-center gap-2 whitespace-normal break-words rounded-sm px-2 py-1.5 outline-none focus:bg-surface-2 data-[disabled]:opacity-50 pointer-coarse:min-h-[44px]\"\n                  disabled={index === count - 1}\n                  onSelect={() => onMove(count - 1)}\n                >\n                  <ArrowDownToLineIcon className=\"size-3.5\" /> Move to bottom\n                </DropdownMenu.Item>\n              </DropdownMenu.Content>\n            </DropdownMenu.Portal>\n          </DropdownMenu.Root>\n        </div>\n      </div>\n      {confirmingReplace ? (\n        <div className=\"mx-3 mb-2 rounded-md border border-status-waiting/30 bg-status-waiting/10 p-2 text-og-control text-fg\">\n          <p>Your composer already has a draft. Replace it with this queued prompt?</p>\n          <p className=\"mt-0.5 text-fg-muted\">\n            The current draft will be permanently discarded; this queued prompt is preserved until\n            you confirm.\n          </p>\n          <div className=\"mt-2 flex justify-end gap-1.5\">\n            <button\n              type=\"button\"\n              className=\"rounded-md px-2 py-1 font-medium hover:bg-surface-2 focus-visible:ring-2 focus-visible:ring-ring/40\"\n              onClick={onCancelReplace}\n            >\n              Keep current draft\n            </button>\n            <button\n              type=\"button\"\n              className=\"rounded-md bg-brand px-2 py-1 font-medium text-white hover:bg-brand/90 focus-visible:ring-2 focus-visible:ring-ring/40\"\n              onClick={onConfirmReplace}\n            >\n              Replace and edit\n            </button>\n          </div>\n        </div>\n      ) : null}\n    </li>\n  );\n}\n\nconst verticalOnly: Modifier = ({ transform }) => ({ ...transform, x: 0 });\n\nfunction focusQueueTurn(surface: HTMLElement | null, turnId: string): void {\n  window.requestAnimationFrame(() => {\n    surface\n      ?.querySelector<HTMLElement>(`[data-queue-turn-id=\"${turnId}\"] [data-queue-handle]`)\n      ?.focus();\n  });\n}\n\nfunction focusAfterQueueRemoval(\n  surface: HTMLElement | null,\n  previousIndex: number,\n  onRequestComposerFocus?: (() => void) | undefined,\n): void {\n  window.requestAnimationFrame(() => {\n    const handles = surface?.querySelectorAll<HTMLElement>(\"[data-queue-handle]\") ?? [];\n    const nearest = handles[Math.min(previousIndex, Math.max(0, handles.length - 1))];\n    if (nearest) {\n      nearest.focus();\n      return;\n    }\n    if (onRequestComposerFocus) {\n      onRequestComposerFocus();\n      return;\n    }\n    document\n      .querySelector<HTMLTextAreaElement>('textarea[aria-label=\"Message the agent\"]')\n      ?.focus();\n  });\n}\n"],"mappings":"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","names":["summary"]}

package/dist/realtime/dropdown-menu.d.ts

@@ -1,8 +1,8 @@
 import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-import type { ComponentProps } from "react";
+import { type ComponentProps } from "react";
 declare function DropdownMenu(props: ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuTrigger(props: ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuContent({ className, sideOffset, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuTrigger({ ref, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, style, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
 declare function DropdownMenuItem({ className, inset, variant, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Item> & {
     inset?: boolean;
     variant?: "default" | "destructive";
@@ -12,5 +12,5 @@ declare function DropdownMenuSub(props: ComponentProps<typeof DropdownMenuPrimit
 declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
     inset?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSubContent({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubContent({ className, style, ...props }: ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
 export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };

package/dist/realtime.js

@@ -3,14 +3,17 @@ import {
   PickerAnimatedPage,
   PickerBackHeader,
   PickerNavRow
-} from "./chunk-U6K24XQD.js";
+} from "./chunk-EHSYZ4KP.js";
 import {
   useEmbeddedRealtimeSession
 } from "./chunk-EKZH6IDG.js";
 import "./chunk-23EJ676W.js";
+import {
+  usePortalTokenStyle
+} from "./chunk-JB5725BI.js";
 import {
   cn
-} from "./chunk-TK7G6XLT.js";
+} from "./chunk-22KP6LR5.js";
 
 // src/realtime/realtime-control.tsx
 import {
@@ -35,34 +38,64 @@ import {
   useCallback,
   useEffect,
   useMemo,
-  useRef,
+  useRef as useRef2,
   useState
 } from "react";
 
 // src/realtime/dropdown-menu.tsx
 import { ChevronRightIcon } from "lucide-react";
 import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import {
+  createContext,
+  useContext,
+  useRef
+} from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+var DropdownMenuSourceContext = createContext(null);
+function assignRef(ref, value) {
+  if (typeof ref === "function") ref(value);
+  else if (ref) ref.current = value;
+}
 function DropdownMenu(props) {
-  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+  const sourceRef = useRef(null);
+  return /* @__PURE__ */ jsx(DropdownMenuSourceContext.Provider, { value: sourceRef, children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props }) });
 }
-function DropdownMenuTrigger(props) {
-  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+function DropdownMenuTrigger({
+  ref,
+  ...props
+}) {
+  const sourceRef = useContext(DropdownMenuSourceContext);
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Trigger,
+    {
+      "data-slot": "dropdown-menu-trigger",
+      ref: (node) => {
+        if (sourceRef) sourceRef.current = node;
+        assignRef(ref, node);
+      },
+      ...props
+    }
+  );
 }
 function DropdownMenuContent({
   className,
   sideOffset = 4,
+  style,
   ...props
 }) {
+  const sourceRef = useContext(DropdownMenuSourceContext);
+  const fallbackRef = useRef(null);
+  const portalStyle = usePortalTokenStyle(sourceRef ?? fallbackRef);
   return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Content,
     {
       "data-slot": "dropdown-menu-content",
       sideOffset,
       className: cn(
-        "z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+        "og-root z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
         className
       ),
+      style: { ...portalStyle, ...style },
       ...props
     }
   ) });
@@ -80,7 +113,7 @@ function DropdownMenuItem({
       "data-inset": inset,
       "data-variant": variant,
       className: cn(
-        "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!",
+        "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-og-menu outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!",
         className
       ),
       ...props
@@ -115,7 +148,7 @@ function DropdownMenuSubTrigger({
       "data-slot": "dropdown-menu-sub-trigger",
       "data-inset": inset,
       className: cn(
-        "flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[inset]:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
+        "flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-og-menu outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[inset]:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
         className
       ),
       ...props,
@@ -128,16 +161,21 @@ function DropdownMenuSubTrigger({
 }
 function DropdownMenuSubContent({
   className,
+  style,
   ...props
 }) {
+  const sourceRef = useContext(DropdownMenuSourceContext);
+  const fallbackRef = useRef(null);
+  const portalStyle = usePortalTokenStyle(sourceRef ?? fallbackRef);
   return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.SubContent,
     {
       "data-slot": "dropdown-menu-sub-content",
       className: cn(
-        "z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+        "og-root z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
         className
       ),
+      style: { ...portalStyle, ...style },
       ...props
     }
   );
@@ -181,9 +219,9 @@ function useSessionRealtime(options) {
     workspaceId: options.workspaceId
   });
   const model = options.model ?? CODEX_LIVE_MODEL.id;
-  const audioRef = useRef(null);
-  const controllerRef = useRef(null);
-  const controllerModelRef = useRef(null);
+  const audioRef = useRef2(null);
+  const controllerRef = useRef2(null);
+  const controllerModelRef = useRef2(null);
   const [snapshot, setSnapshot] = useState(() => ({
     status: hasStoredSessionRealtimeOwnerProof({ workspaceId, sessionId: options.sessionId, model }) ? "recovering" : "idle",
     realtimeId: null,
@@ -202,8 +240,8 @@ function useSessionRealtime(options) {
     () => projectSessionRealtimeLifecycle(options.events),
     [options.events]
   );
-  const lifecycleRef = useRef(lifecycle);
-  const eventsReadyRef = useRef(options.eventsReady);
+  const lifecycleRef = useRef2(lifecycle);
+  const eventsReadyRef = useRef2(options.eventsReady);
   lifecycleRef.current = lifecycle;
   eventsReadyRef.current = options.eventsReady;
   const lifecycleActive = lifecycle?.state === "active";
@@ -325,8 +363,8 @@ function SessionRealtimeControl(props) {
     modelAvailable: selectedModel.available,
     modelUnavailableReason: selectedModel.unavailableReason
   });
-  const autostartModelRef = useRef(props.realtimeAutostartModel ?? null);
-  const autostartStartedRef = useRef(false);
+  const autostartModelRef = useRef2(props.realtimeAutostartModel ?? null);
+  const autostartStartedRef = useRef2(false);
   const { models, selectedModel: selectedRealtimeModel, selectModel } = selection;
   const { canStart, start } = realtime;
   const onRealtimeAutostartConsumed = props.onRealtimeAutostartConsumed;
@@ -461,7 +499,7 @@ function NewSessionRealtimeControl(props) {
     selectedModel: props.selectedModel,
     selectModel: props.onSelectModel
   } : internalSelection;
-  const audioRef = useRef(null);
+  const audioRef = useRef2(null);
   const [starting, setStarting] = useState(false);
   const [error, setError] = useState(null);
   const snapshot = useMemo(
@@ -773,8 +811,8 @@ function RealtimeVoiceModelPanel(props) {
     /* @__PURE__ */ jsxs2("div", { className: "flex shrink-0 items-start gap-1 px-2 pt-1 pb-1.5", children: [
       props.leading,
       /* @__PURE__ */ jsxs2("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsx2("div", { className: "text-sm font-medium text-og-fg", children: "Voice model" }),
-        /* @__PURE__ */ jsx2("p", { className: "mt-0.5 text-xs text-og-fg-subtle", children: "Used when you start a voice conversation." })
+        /* @__PURE__ */ jsx2("div", { className: "text-og-menu font-medium text-og-fg", children: "Voice model" }),
+        /* @__PURE__ */ jsx2("p", { className: "mt-0.5 text-og-control text-og-fg-subtle", children: "Used when you start a voice conversation." })
       ] })
     ] }),
     /* @__PURE__ */ jsx2("div", { className: "min-h-0 flex-1 overflow-y-auto overscroll-contain px-1.5 pb-1.5", children: /* @__PURE__ */ jsx2(