@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/queue-surface-implementation-NXHZUKD2.js

@@ -1,908 +0,0 @@
-"use client";
-import {
-  QueueErrorAlert,
-  QueueStoppingStatus
-} from "./chunk-WTJ4PLMU.js";
-import {
-  requestQueueDraftEdit
-} from "./chunk-22GTC4MZ.js";
-import {
-  TimelineAnnotationsChip
-} from "./chunk-3FD76LXM.js";
-import "./chunk-KRPLAAFP.js";
-import "./chunk-LJUMYUBO.js";
-import {
-  QUEUE_COLLAPSED_PREVIEW_CHARACTERS,
-  QUEUE_ITEM_CONTENT_UNAVAILABLE,
-  QUEUE_REPLACE_DRAFT_COPY,
-  QUEUE_ROW_PREVIEW_CHARACTERS,
-  projectPendingQueueMove,
-  queueContentPreview,
-  queueItemContent,
-  queueMovePlan,
-  queuePromptPreview,
-  queueTurnPreview
-} from "./chunk-7N5AD2TC.js";
-import "./chunk-5XXRHX3V.js";
-import "./chunk-UNI2IXRC.js";
-import {
-  MENU_ITEM_CLASS,
-  MENU_SEPARATOR_CLASS,
-  MENU_SURFACE_CLASS
-} from "./chunk-PNNTR6KP.js";
-import {
-  containedPortal
-} from "./chunk-UD6AAZSC.js";
-import {
-  usePortalTokenSource,
-  usePortalTokenStyle
-} from "./chunk-XEA5BCMA.js";
-import "./chunk-CM7LVUKC.js";
-import "./chunk-TXS65BB2.js";
-import {
-  useOpenGeniText
-} from "./chunk-TNUSPXPW.js";
-
-// src/components/queue-surface-implementation.tsx
-import {
-  DndContext,
-  DragOverlay,
-  PointerSensor,
-  closestCenter,
-  useSensor,
-  useSensors
-} from "@dnd-kit/core";
-import {
-  SortableContext,
-  arrayMove,
-  useSortable,
-  verticalListSortingStrategy
-} from "@dnd-kit/sortable";
-import { CSS } from "@dnd-kit/utilities";
-import { modelDisplayName } from "@opengeni/sdk/model-display";
-import {
-  ArrowDownToLineIcon,
-  ArrowUpToLineIcon,
-  ChevronDownIcon,
-  EllipsisIcon,
-  GripVerticalIcon,
-  Loader2Icon,
-  PencilIcon,
-  Trash2Icon,
-  ZapIcon
-} from "lucide-react";
-import {
-  useCallback,
-  useId,
-  useMemo,
-  useState
-} from "react";
-import { DropdownMenu } from "radix-ui";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var DropdownMenuContainedPortal = containedPortal(DropdownMenu.Portal);
-var QUEUE_MENU_ITEM_CLASS = `${MENU_ITEM_CLASS} whitespace-normal break-words`;
-function queueComposerCheckoutEnabled(composer, readOnly) {
-  return !readOnly && composer !== void 0 && composer.draftPersistence !== "disabled";
-}
-function QueueSurface({
-  queue,
-  composer,
-  readOnly = false,
-  onRequestComposerFocus
-}) {
-  const t = useOpenGeniText();
-  const [open, setOpen] = useState(false);
-  const [replaceDraftFor, setReplaceDraftFor] = useState(null);
-  const [announcement, setAnnouncement] = useState("");
-  const [draggedTurnId, setDraggedTurnId] = useState(null);
-  const [pendingMove, setPendingMove] = useState(null);
-  const surface = usePortalTokenSource();
-  const surfaceRef = surface.currentRef;
-  const portalTokenStyle = usePortalTokenStyle(surface.source);
-  const [keyboardDrag, setKeyboardDrag] = useState(null);
-  const count = queue.queue.length;
-  const pendingInputCount = queue.pendingInputs.length;
-  const totalCount = count + pendingInputCount;
-  const attachedInputIds = queue.pendingInputAttachment?.inputIds ?? [];
-  const attachedInputs = queue.pendingInputs.filter((input) => attachedInputIds.includes(input.id));
-  const standaloneInputs = queue.pendingInputs.filter(
-    (input) => !attachedInputIds.includes(input.id)
-  );
-  const canEditInComposer = queueComposerCheckoutEnabled(composer, readOnly);
-  const collapsedPreview = useMemo(() => {
-    const firstTurn = queue.queue[0];
-    return firstTurn ? queueTurnPreview(t, firstTurn, QUEUE_COLLAPSED_PREVIEW_CHARACTERS) : queuePromptPreview(
-      t,
-      queue.pendingInputs[0]?.summary ?? "",
-      QUEUE_COLLAPSED_PREVIEW_CHARACTERS
-    );
-  }, [queue.pendingInputs, queue.queue, t]);
-  const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 6 } }));
-  const displayedQueue = useMemo(() => {
-    if (keyboardDrag) {
-      const oldIndex = queue.queue.findIndex((turn) => turn.id === keyboardDrag.turnId);
-      if (oldIndex < 0) return queue.queue;
-      return arrayMove(queue.queue, oldIndex, keyboardDrag.projectedIndex);
-    }
-    return projectPendingQueueMove(queue.queue, pendingMove, queue.snapshot);
-  }, [keyboardDrag, pendingMove, queue.queue, queue.snapshot]);
-  const ids = useMemo(() => displayedQueue.map((turn) => turn.id), [displayedQueue]);
-  const moveToIndex = useCallback(
-    async (turnId, nextIndex) => {
-      if (queue.mutating || pendingMove) return;
-      const plan = queueMovePlan(queue.queue, turnId, nextIndex);
-      if (!plan) return;
-      const { beforeTurnId, index: boundedIndex } = plan;
-      setPendingMove({
-        baseVersion: queue.snapshot?.version ?? null,
-        turnIds: plan.turnIds
-      });
-      setAnnouncement(
-        t("queueSurfaceImplementation.savingQueuedPromptAtPosition", {
-          boundedIndex: boundedIndex + 1
-        })
-      );
-      try {
-        const moved = await queue.moveTurn(turnId, beforeTurnId);
-        setAnnouncement(
-          moved ? t("queueSurfaceImplementation.queuedPromptMovedToPosition", {
-            boundedIndex: boundedIndex + 1
-          }) : t("queueSurfaceImplementation.theQueueChangedBeforeThat")
-        );
-        if (moved) focusQueueTurn(surfaceRef.current, turnId);
-      } finally {
-        setPendingMove(null);
-      }
-    },
-    [pendingMove, queue, surfaceRef, t]
-  );
-  const onDragEnd = useCallback(
-    (event) => {
-      setDraggedTurnId(null);
-      const activeId = String(event.active.id);
-      const overId = event.over ? String(event.over.id) : null;
-      if (!overId || activeId === overId) {
-        setAnnouncement(t("queueSurfaceImplementation.queuedPromptReturnedToIts"));
-        return;
-      }
-      const nextIndex = queue.queue.findIndex((turn) => turn.id === overId);
-      if (nextIndex >= 0) void moveToIndex(activeId, nextIndex);
-    },
-    [moveToIndex, queue.queue, t]
-  );
-  const onDragStart = useCallback(
-    (event) => {
-      setKeyboardDrag(null);
-      const turnId = String(event.active.id);
-      const position = queue.queue.findIndex((turn) => turn.id === turnId) + 1;
-      setDraggedTurnId(turnId);
-      setAnnouncement(
-        t("queueSurfaceImplementation.draggingQueuedPromptPositionOf", {
-          position,
-          length: queue.queue.length
-        })
-      );
-    },
-    [queue.queue, t]
-  );
-  const onHandleKeyDown = useCallback(
-    (event, turnId) => {
-      const canonicalIndex = queue.queue.findIndex((turn) => turn.id === turnId);
-      if (canonicalIndex < 0) return;
-      if (!keyboardDrag) {
-        if (event.key !== " ") return;
-        event.preventDefault();
-        setKeyboardDrag({ turnId, projectedIndex: canonicalIndex });
-        setAnnouncement(
-          t("queueSurfaceImplementation.liftedQueuedPromptCanonicalindexOf", {
-            canonicalIndex: canonicalIndex + 1,
-            countValue: count
-          })
-        );
-        return;
-      }
-      if (keyboardDrag.turnId !== turnId) return;
-      if (event.key === "Escape") {
-        event.preventDefault();
-        setKeyboardDrag(null);
-        setAnnouncement(t("queueSurfaceImplementation.queueReorderCancelled"));
-        return;
-      }
-      if (event.key === " ") {
-        event.preventDefault();
-        const targetIndex = keyboardDrag.projectedIndex;
-        setAnnouncement(
-          t("queueSurfaceImplementation.movingQueuedPromptToPosition", {
-            targetIndex: targetIndex + 1
-          })
-        );
-        void moveToIndex(turnId, targetIndex).finally(() => setKeyboardDrag(null));
-        return;
-      }
-      const direction = event.key === "ArrowUp" ? -1 : event.key === "ArrowDown" ? 1 : 0;
-      const edge = event.key === "Home" ? 0 : event.key === "End" ? count - 1 : null;
-      if (direction === 0 && edge === null) return;
-      event.preventDefault();
-      const projectedIndex = Math.max(
-        0,
-        Math.min(edge ?? keyboardDrag.projectedIndex + direction, count - 1)
-      );
-      setKeyboardDrag({ turnId, projectedIndex });
-      setAnnouncement(
-        t("queueSurfaceImplementation.queuedPromptProjectedToPosition", {
-          projectedIndex: projectedIndex + 1,
-          countValue: count
-        })
-      );
-    },
-    [count, keyboardDrag, moveToIndex, queue.queue, t]
-  );
-  const edit = useCallback(
-    async (turn, replaceDraft) => {
-      if (!composer || !canEditInComposer) return;
-      setAnnouncement(t("queueSurfaceImplementation.movingQueuedPromptToThe"));
-      const restored = await queue.editTurn(turn.id, {
-        expectedDraftRevision: composer.draftRevision,
-        replaceDraft
-      });
-      if (!restored) {
-        setAnnouncement(t("queueSurfaceImplementation.thatPromptChangedBeforeIt"));
-        return;
-      }
-      composer.applyDraft(restored);
-      setReplaceDraftFor(null);
-      setAnnouncement(t("queueSurfaceImplementation.queuedPromptMovedBackTo"));
-      window.requestAnimationFrame(() => {
-        if (onRequestComposerFocus) {
-          onRequestComposerFocus();
-          return;
-        }
-        const input = document.querySelector(
-          'textarea[aria-label="Message the agent"]'
-        );
-        input?.scrollIntoView({ block: "nearest", behavior: "smooth" });
-        input?.focus();
-      });
-    },
-    [canEditInComposer, composer, onRequestComposerFocus, queue, t]
-  );
-  const requestEdit = useCallback(
-    (turn) => {
-      if (!composer || !canEditInComposer) return;
-      requestQueueDraftEdit(
-        composer,
-        () => setReplaceDraftFor(turn.id),
-        () => void edit(turn, false)
-      );
-    },
-    [canEditInComposer, composer, edit]
-  );
-  if (totalCount === 0 && !queue.stoppingPreviousAttempt && !queue.error && !queue.mutationError)
-    return null;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: surface.ref,
-      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: [
-          queue.stoppingPreviousAttempt ? /* @__PURE__ */ jsx(QueueStoppingStatus, { queue, dividerAfter: true }) : null,
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              className: "flex w-full min-w-0 flex-wrap items-center gap-2 px-3 py-2 text-left outline-hidden 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]",
-              onClick: () => setOpen((value) => !value),
-              "aria-description": !open && totalCount > 0 ? collapsedPreview.summary : void 0,
-              "aria-expanded": open,
-              "aria-label": [
-                pendingInputCount > 0 ? t("queueSurfaceImplementation.queuedPromptsAndPendingInputs", {
-                  count,
-                  pending: t("queueSurfaceImplementation.pendingMachineInputs", {
-                    count: pendingInputCount
-                  })
-                }) : t("queueSurfaceImplementation.queuedPrompts", { count }),
-                readOnly ? t("queueSurfaceImplementation.readOnly") : null
-              ].filter(Boolean).join(" "),
-              children: [
-                /* @__PURE__ */ jsx(
-                  ChevronDownIcon,
-                  {
-                    "aria-hidden": "true",
-                    className: `size-3.5 shrink-0 text-fg-subtle transition-transform ${open ? "rotate-180" : ""}`
-                  }
-                ),
-                /* @__PURE__ */ jsxs("span", { className: "text-og-control font-medium text-fg", children: [
-                  count > 0 ? t("queueSurfaceImplementation.queuedPrompts", { count }) : null,
-                  count > 0 && pendingInputCount > 0 ? " \xB7 " : null,
-                  pendingInputCount > 0 ? t("queueSurfaceImplementation.incomingUpdates", { count: pendingInputCount }) : 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: t("queueSurfaceImplementation.readOnly") }) : 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-og-control" : "shrink-0 text-[10px]"}`,
-                    "data-testid": "queue-collapsed-preview",
-                    dir: "auto",
-                    children: collapsedPreview.collapsedVisual
-                  }
-                ) : null,
-                queue.loading ? /* @__PURE__ */ jsx(Loader2Icon, { className: "ml-auto size-3.5 animate-spin" }) : null
-              ]
-            }
-          ),
-          open && standaloneInputs.length > 0 ? /* @__PURE__ */ jsx(PendingMachineInputs, { inputs: standaloneInputs }) : null,
-          open && count > 0 && readOnly ? /* @__PURE__ */ jsx(
-            "ol",
-            {
-              className: "max-h-[min(30rem,60dvh)] divide-y divide-border overflow-y-auto overscroll-contain border-t border-border",
-              "aria-label": t("queueSurfaceImplementation.queuedPrompts2"),
-              "data-testid": "queue-list",
-              children: queue.queue.map((turn, index) => /* @__PURE__ */ jsx(
-                ReadOnlyQueueRow,
-                {
-                  turn,
-                  index,
-                  attachedInputs: turn.id === queue.pendingInputAttachment?.turnId ? attachedInputs : [],
-                  onDisclosureChange: (expanded) => setAnnouncement(
-                    t(
-                      expanded ? "queueSurfaceImplementation.fullContentForQueuedPromptShown" : "queueSurfaceImplementation.fullContentForQueuedPromptHidden",
-                      { index: index + 1 }
-                    )
-                  )
-                },
-                turn.id
-              ))
-            }
-          ) : null,
-          open && count > 0 && !readOnly ? /* @__PURE__ */ jsxs(
-            DndContext,
-            {
-              sensors,
-              collisionDetection: closestCenter,
-              modifiers: [verticalOnly],
-              onDragStart,
-              onDragCancel: () => {
-                setDraggedTurnId(null);
-                setAnnouncement(t("queueSurfaceImplementation.queueReorderCancelled"));
-              },
-              onDragEnd,
-              children: [
-                /* @__PURE__ */ jsx(SortableContext, { items: ids, strategy: verticalListSortingStrategy, children: /* @__PURE__ */ jsx(
-                  "ol",
-                  {
-                    className: "max-h-[min(30rem,60dvh)] divide-y divide-border overflow-y-auto overscroll-contain border-t border-border",
-                    "aria-label": t("queueSurfaceImplementation.queuedPrompts2"),
-                    "data-testid": "queue-list",
-                    children: displayedQueue.map((turn, index) => /* @__PURE__ */ jsx(
-                      SortableQueueRow,
-                      {
-                        turn,
-                        index,
-                        count,
-                        attachedInputs: turn.id === queue.pendingInputAttachment?.turnId ? attachedInputs : [],
-                        pending: queue.mutationFor(turn.id),
-                        reorderDisabled: queue.mutating || pendingMove !== null,
-                        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,
-                        onConfirmReplace: () => void edit(turn, true),
-                        onCancelReplace: () => setReplaceDraftFor(null),
-                        onSteer: () => {
-                          setAnnouncement(t("queueSurfaceImplementation.requestingThisQueuedPromptAs"));
-                          void queue.steerTurn(turn.id).then((steered) => {
-                            setAnnouncement(
-                              steered ? t("queueSurfaceImplementation.queuedPromptIsNowThe") : t("queueSurfaceImplementation.thatPromptChangedBeforeIt2")
-                            );
-                            if (steered) {
-                              focusAfterQueueRemoval(surfaceRef.current, index, onRequestComposerFocus);
-                            }
-                          });
-                        },
-                        onDelete: () => {
-                          setAnnouncement(t("queueSurfaceImplementation.deletingQueuedPrompt"));
-                          void queue.removeTurn(turn.id).then((removed) => {
-                            setAnnouncement(
-                              removed ? t("queueSurfaceImplementation.queuedPromptDeleted") : t("queueSurfaceImplementation.thatPromptChangedBeforeIt3")
-                            );
-                            if (removed) {
-                              focusAfterQueueRemoval(surfaceRef.current, index, onRequestComposerFocus);
-                            }
-                          });
-                        },
-                        onDisclosureChange: (expanded) => setAnnouncement(
-                          t(
-                            expanded ? "queueSurfaceImplementation.fullContentForQueuedPromptShown" : "queueSurfaceImplementation.fullContentForQueuedPromptHidden",
-                            { index: index + 1 }
-                          )
-                        )
-                      },
-                      turn.id
-                    ))
-                  }
-                ) }),
-                /* @__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-og-control text-fg shadow-lg",
-                    "data-testid": "queue-drag-overlay",
-                    children: /* @__PURE__ */ jsx(
-                      "p",
-                      {
-                        "aria-hidden": "true",
-                        className: "line-clamp-3 break-all whitespace-pre-wrap [unicode-bidi:plaintext]",
-                        dir: "auto",
-                        children: queueTurnPreview(
-                          t,
-                          queue.queue.find((turn) => turn.id === draggedTurnId),
-                          QUEUE_ROW_PREVIEW_CHARACTERS
-                        ).summary
-                      }
-                    )
-                  }
-                ) : null })
-              ]
-            }
-          ) : null,
-          queue.error || queue.mutationError ? /* @__PURE__ */ jsx(QueueErrorAlert, { queue, dividerBefore: true }) : null
-        ] }),
-        /* @__PURE__ */ jsx("p", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: announcement })
-      ]
-    }
-  );
-}
-function PendingMachineInputs({
-  inputs,
-  attached = false
-}) {
-  const t = useOpenGeniText();
-  return /* @__PURE__ */ jsxs("section", { className: "border-t border-border px-3 py-2", children: [
-    /* @__PURE__ */ jsx("p", { className: "text-og-xs font-medium text-fg-subtle", children: attached ? t("queueSurfaceImplementation.updatesWillJoinThisPrompt", { count: inputs.length }) : t("queueSurfaceImplementation.incomingUpdatesWaitingToRun") }),
-    /* @__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
-    )) })
-  ] });
-}
-function QueuePrompt({
-  prompt,
-  annotations,
-  index,
-  onDisclosureChange
-}) {
-  const t = useOpenGeniText();
-  const [expanded, setExpanded] = useState(false);
-  const fullContentId = useId();
-  const content = queueItemContent(prompt, annotations.length);
-  const preview = useMemo(
-    () => queueContentPreview(t, prompt, annotations.length, QUEUE_ROW_PREVIEW_CHARACTERS),
-    [annotations.length, prompt, t]
-  );
-  return /* @__PURE__ */ jsxs("div", { className: "w-full min-w-0 max-w-full", children: [
-    prompt ? /* @__PURE__ */ jsx(
-      "div",
-      {
-        "aria-label": t("queueSurfaceImplementation.queuedPromptIndexSummarySummary", {
-          index: index + 1,
-          summary: preview.summary
-        }),
-        className: "max-w-full overflow-hidden text-og-control leading-5 text-fg",
-        "data-testid": `queue-prompt-preview-${index + 1}`,
-        dir: "auto",
-        role: "note",
-        children: /* @__PURE__ */ jsxs(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: "flex min-w-0 max-w-full items-baseline gap-2 sm:block",
-            children: [
-              /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: `${preview.isFallback ? "" : "line-clamp-1 sm:line-clamp-2"} min-w-0 flex-1 whitespace-pre-wrap break-all [unicode-bidi:plaintext]`,
-                  "data-testid": `queue-prompt-start-${index + 1}`,
-                  dir: "auto",
-                  children: preview.visibleStart
-                }
-              ),
-              preview.visibleIdentity && preview.visibleIdentityLabel ? /* @__PURE__ */ jsxs(
-                "span",
-                {
-                  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 }),
-                    /* @__PURE__ */ jsx(
-                      "span",
-                      {
-                        className: "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap font-mono [unicode-bidi:plaintext]",
-                        "data-testid": `queue-prompt-identity-${index + 1}`,
-                        dir: "auto",
-                        children: preview.visibleIdentity
-                      }
-                    )
-                  ]
-                }
-              ) : null
-            ]
-          }
-        )
-      }
-    ) : null,
-    annotations.length > 0 ? /* @__PURE__ */ jsx(
-      TimelineAnnotationsChip,
-      {
-        annotations,
-        className: prompt ? "mt-1" : void 0
-      }
-    ) : null,
-    content === "unavailable" ? /* @__PURE__ */ jsx(
-      "p",
-      {
-        className: "text-og-control leading-5 text-fg-muted italic",
-        "data-testid": `queue-prompt-unavailable-${index + 1}`,
-        children: QUEUE_ITEM_CONTENT_UNAVAILABLE(t)
-      }
-    ) : null,
-    prompt ? /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        "aria-controls": fullContentId,
-        "aria-expanded": expanded,
-        "aria-label": expanded ? t("queueSurfaceImplementation.hideFullContentForPrompt", { number: index + 1 }) : t("queueSurfaceImplementation.showFullContentForPrompt", { number: 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-og-xs font-medium text-fg outline-hidden 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;
-          setExpanded(next);
-          onDisclosureChange(next);
-        },
-        children: [
-          /* @__PURE__ */ jsx(
-            ChevronDownIcon,
-            {
-              "aria-hidden": "true",
-              className: `size-3 shrink-0 transition-transform ${expanded ? "rotate-180" : ""}`
-            }
-          ),
-          expanded ? t("queueSurfaceImplementation.hideFullPrompt") : t("queueSurfaceImplementation.viewFullPrompt")
-        ]
-      }
-    ) : null,
-    expanded && prompt ? /* @__PURE__ */ jsx(
-      "pre",
-      {
-        id: fullContentId,
-        role: "region",
-        "aria-label": t("queueSurfaceImplementation.fullContentForQueuedPrompt2", {
-          index: 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-og-control leading-5 text-fg [unicode-bidi:plaintext]",
-        "data-testid": `queue-prompt-full-${index + 1}`,
-        dir: "auto",
-        tabIndex: 0,
-        children: prompt
-      }
-    ) : null
-  ] });
-}
-function ReadOnlyQueueRow({
-  turn,
-  index,
-  attachedInputs,
-  onDisclosureChange
-}) {
-  const t = useOpenGeniText();
-  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-og-xs text-fg-subtle", children: index + 1 }),
-    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx(
-        QueuePrompt,
-        {
-          prompt: turn.prompt,
-          annotations: turn.annotations ?? [],
-          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-og-xs text-fg-subtle", children: [
-        turn.resources.length > 0 ? /* @__PURE__ */ jsx("span", { className: "shrink-0", children: t("queueSurfaceImplementation.resources", { count: turn.resources.length }) }) : null,
-        turn.tools.length > 0 ? /* @__PURE__ */ jsx("span", { className: "shrink-0", children: t("queueSurfaceImplementation.tools", { count: turn.tools.length }) }) : null,
-        /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: modelDisplayName(turn.model) }),
-        /* @__PURE__ */ jsx("span", { className: "shrink-0", children: turn.reasoningEffort })
-      ] })
-    ] })
-  ] });
-}
-function SortableQueueRow({
-  turn,
-  index,
-  count,
-  attachedInputs,
-  pending,
-  reorderDisabled,
-  confirmingReplace,
-  keyboardDragging,
-  portalTokenStyle,
-  onHandleKeyDown,
-  onMove,
-  onEdit,
-  onConfirmReplace,
-  onCancelReplace,
-  onSteer,
-  onDelete,
-  onDisclosureChange
-}) {
-  const t = useOpenGeniText();
-  const sortable = useSortable({
-    id: turn.id,
-    disabled: reorderDisabled || keyboardDragging
-  });
-  return /* @__PURE__ */ jsxs(
-    "li",
-    {
-      "data-queue-turn-id": turn.id,
-      ref: sortable.setNodeRef,
-      style: {
-        transform: CSS.Transform.toString(sortable.transform),
-        transition: sortable.transition
-      },
-      className: `bg-surface ${sortable.isDragging || keyboardDragging ? "relative z-10 shadow-lg ring-1 ring-brand/40" : ""}`,
-      children: [
-        /* @__PURE__ */ jsxs("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", children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              "data-queue-handle": true,
-              ref: sortable.setActivatorNodeRef,
-              type: "button",
-              ...sortable.attributes,
-              ...sortable.listeners,
-              onKeyDown: onHandleKeyDown,
-              disabled: reorderDisabled,
-              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]",
-              "aria-label": t("queueSurfaceImplementation.reorderQueuedPromptIndex", {
-                index: index + 1
-              }),
-              title: t("queueSurfaceImplementation.dragToReorderPressSpace"),
-              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-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,
-                annotations: turn.annotations ?? [],
-                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-og-xs text-fg-subtle", children: [
-              turn.resources.length > 0 ? /* @__PURE__ */ jsx("span", { className: "shrink-0", children: t("queueSurfaceImplementation.resources", { count: turn.resources.length }) }) : null,
-              turn.tools.length > 0 ? /* @__PURE__ */ jsx("span", { className: "shrink-0", children: t("queueSurfaceImplementation.tools", { count: turn.tools.length }) }) : null,
-              /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: modelDisplayName(turn.model) }),
-              /* @__PURE__ */ jsx("span", { className: "shrink-0", children: turn.reasoningEffort })
-            ] }),
-            pending ? /* @__PURE__ */ jsxs(
-              "div",
-              {
-                role: "status",
-                "aria-live": "polite",
-                className: "mt-1 flex items-center gap-1.5 text-og-xs font-medium text-status-waiting",
-                "data-testid": `queue-mutation-${pending}`,
-                children: [
-                  /* @__PURE__ */ jsx(
-                    Loader2Icon,
-                    {
-                      "aria-hidden": "true",
-                      className: "size-3 shrink-0 animate-spin motion-reduce:animate-none"
-                    }
-                  ),
-                  queueMutationPendingLabel(t, pending)
-                ]
-              }
-            ) : null
-          ] }),
-          /* @__PURE__ */ jsxs("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", children: [
-            /* @__PURE__ */ jsxs(
-              "button",
-              {
-                type: "button",
-                disabled: pending !== null,
-                onClick: onSteer,
-                "aria-label": t("queueSurfaceImplementation.steerQueuedPromptIndex", {
-                  index: index + 1
-                }),
-                "data-analytics-action": "steer",
-                title: t("queueSurfaceImplementation.steerInterruptTheCurrentTurn"),
-                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-hidden 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: t("queueSurfaceImplementation.steer") })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                disabled: pending !== null,
-                onClick: onDelete,
-                "aria-label": t("queueSurfaceImplementation.deleteQueuedPromptIndex", {
-                  index: index + 1
-                }),
-                title: t("queueSurfaceImplementation.deleteThisQueuedPrompt"),
-                className: "inline-flex size-7 shrink-0 items-center justify-center rounded-md outline-hidden 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]",
-                children: pending === "delete" ? /* @__PURE__ */ jsx(Loader2Icon, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsx(Trash2Icon, { className: "size-3.5" })
-              }
-            ),
-            /* @__PURE__ */ jsxs(DropdownMenu.Root, { children: [
-              /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  disabled: pending !== null,
-                  "aria-label": t("queueSurfaceImplementation.moreActionsForQueuedPrompt", {
-                    index: index + 1
-                  }),
-                  className: "inline-flex size-7 shrink-0 items-center justify-center rounded-md outline-hidden 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]",
-                  children: pending && pending !== "steer" && pending !== "delete" ? /* @__PURE__ */ jsx(Loader2Icon, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsx(EllipsisIcon, { className: "size-3.5" })
-                }
-              ) }),
-              /* @__PURE__ */ jsx(DropdownMenuContainedPortal, { children: /* @__PURE__ */ jsxs(
-                DropdownMenu.Content,
-                {
-                  align: "end",
-                  sideOffset: 4,
-                  collisionPadding: 8,
-                  className: t("queueSurfaceImplementation.menuSurfaceClassOgRoot", {
-                    MENU_SURFACE_CLASS
-                  }),
-                  style: portalTokenStyle,
-                  "data-testid": `queue-actions-menu-${index + 1}`,
-                  children: [
-                    onEdit ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                      /* @__PURE__ */ jsxs(DropdownMenu.Item, { className: QUEUE_MENU_ITEM_CLASS, onSelect: onEdit, children: [
-                        /* @__PURE__ */ jsx(PencilIcon, {}),
-                        " ",
-                        t("queueSurfaceImplementation.editInComposer")
-                      ] }),
-                      /* @__PURE__ */ jsx(DropdownMenu.Separator, { className: MENU_SEPARATOR_CLASS })
-                    ] }) : null,
-                    /* @__PURE__ */ jsxs(
-                      DropdownMenu.Item,
-                      {
-                        className: QUEUE_MENU_ITEM_CLASS,
-                        disabled: index === 0,
-                        onSelect: () => onMove(0),
-                        children: [
-                          /* @__PURE__ */ jsx(ArrowUpToLineIcon, {}),
-                          " ",
-                          t("queueSurfaceImplementation.moveToTop")
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      DropdownMenu.Item,
-                      {
-                        className: QUEUE_MENU_ITEM_CLASS,
-                        disabled: index === 0,
-                        onSelect: () => onMove(index - 1),
-                        children: t("queueSurfaceImplementation.moveUp")
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      DropdownMenu.Item,
-                      {
-                        className: QUEUE_MENU_ITEM_CLASS,
-                        disabled: index === count - 1,
-                        onSelect: () => onMove(index + 1),
-                        children: t("queueSurfaceImplementation.moveDown")
-                      }
-                    ),
-                    /* @__PURE__ */ jsxs(
-                      DropdownMenu.Item,
-                      {
-                        className: QUEUE_MENU_ITEM_CLASS,
-                        disabled: index === count - 1,
-                        onSelect: () => onMove(count - 1),
-                        children: [
-                          /* @__PURE__ */ jsx(ArrowDownToLineIcon, {}),
-                          " ",
-                          t("queueSurfaceImplementation.moveToBottom")
-                        ]
-                      }
-                    )
-                  ]
-                }
-              ) })
-            ] })
-          ] })
-        ] }),
-        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: QUEUE_REPLACE_DRAFT_COPY(t).title }),
-          /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-fg-muted", children: QUEUE_REPLACE_DRAFT_COPY(t).detail }),
-          /* @__PURE__ */ jsxs("div", { className: "mt-2 flex justify-end gap-1.5", children: [
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                className: "rounded-md px-2 py-1 font-medium hover:bg-surface-2 focus-visible:ring-2 focus-visible:ring-ring/40",
-                onClick: onCancelReplace,
-                children: QUEUE_REPLACE_DRAFT_COPY(t).keep
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                className: "rounded-md border border-og-primary-border bg-og-primary text-og-primary-fg px-2 py-1 font-medium hover:bg-og-primary-hover focus-visible:ring-2 focus-visible:ring-ring/40",
-                onClick: onConfirmReplace,
-                children: QUEUE_REPLACE_DRAFT_COPY(t).replace
-              }
-            )
-          ] })
-        ] }) : null
-      ]
-    }
-  );
-}
-function queueMutationPendingLabel(t, kind) {
-  switch (kind) {
-    case "move":
-      return t("queueSurfaceImplementation.savingNewPosition");
-    case "edit":
-      return t("queueSurfaceImplementation.movingToComposer");
-    case "steer":
-      return t("queueSurfaceImplementation.changingDirection");
-    case "delete":
-      return t("queueSurfaceImplementation.deleting");
-  }
-}
-var verticalOnly = ({ transform }) => ({ ...transform, x: 0 });
-function focusQueueTurn(surface, turnId) {
-  window.requestAnimationFrame(() => {
-    surface?.querySelector(`[data-queue-turn-id="${turnId}"] [data-queue-handle]`)?.focus();
-  });
-}
-function focusAfterQueueRemoval(surface, previousIndex, onRequestComposerFocus) {
-  window.requestAnimationFrame(() => {
-    const handles = surface?.querySelectorAll("[data-queue-handle]") ?? [];
-    const nearest = handles[Math.min(previousIndex, Math.max(0, handles.length - 1))];
-    if (nearest) {
-      nearest.focus();
-      return;
-    }
-    if (onRequestComposerFocus) {
-      onRequestComposerFocus();
-      return;
-    }
-    document.querySelector('textarea[aria-label="Message the agent"]')?.focus();
-  });
-}
-export {
-  QueueSurface,
-  queueComposerCheckoutEnabled
-};
-//# sourceMappingURL=queue-surface-implementation-NXHZUKD2.js.map