@opengeni/react 5.1.0-canary.0 → 5.2.0-canary.1

package/dist/chunk-YS24CFDI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/computer-viewer.tsx","../src/hooks/use-computer-frame-stream.ts","../src/hooks/use-computer-session.ts","../src/hooks/use-computer-sessions.ts"],"sourcesContent":["import type {\n  ComputerAction,\n  ComputerClipboard,\n  ComputerFrame,\n  ComputerObservation,\n  ComputerSession,\n  ComputerTarget,\n  InteractionIntervention,\n  InteractionSemanticNode,\n} from \"@opengeni/sdk/interaction\";\nimport { interactionControlFailureFromError } from \"@opengeni/sdk/interaction\";\nimport type { DesktopStreamCapability } from \"@opengeni/sdk\";\nimport {\n  ChevronDownIcon,\n  CircleAlertIcon,\n  KeyboardIcon,\n  LoaderCircleIcon,\n  LockKeyholeIcon,\n  MonitorIcon,\n  MousePointer2Icon,\n  PanelsTopLeftIcon,\n  PlusIcon,\n  RefreshCwIcon,\n  RotateCcwIcon,\n} from \"lucide-react\";\nimport {\n  type ClipboardEvent,\n  type KeyboardEvent,\n  type MouseEvent,\n  type PointerEvent,\n  type ReactNode,\n  type WheelEvent,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  type ComputerFrameWebSocketFactory,\n  useComputerFrameStream,\n} from \"../hooks/use-computer-frame-stream\";\nimport { useComputerSession } from \"../hooks/use-computer-session\";\nimport { useComputerSessions } from \"../hooks/use-computer-sessions\";\nimport { useInteractionInterventions } from \"../hooks/use-interaction-interventions\";\nimport { cn } from \"../lib/cn\";\nimport { copyTextToClipboard } from \"../lib/clipboard\";\nimport { isSourcePlacementChangedError } from \"../lib/interaction-errors\";\nimport type { EmbeddedComputerInteractionClientOverride } from \"../session-context\";\nimport { InteractionInterventionBanner } from \"./interaction-intervention-banner\";\nimport { DesktopViewer } from \"./desktop-viewer\";\n\nexport type ComputerViewerNotification = { kind: \"error\" | \"info\"; message: string };\n\nexport type ComputerViewerProps = EmbeddedComputerInteractionClientOverride & {\n  /** Selected OpenGeni agent/session. Peer ComputerSessions remain visible. */\n  sessionId: string;\n  enabled?: boolean | undefined;\n  className?: string | undefined;\n  onNotify?: ((notification: ComputerViewerNotification) => void) | undefined;\n  /** Tests/demos only. Production uses the browser's native WebSocket. */\n  webSocketFactory?: ComputerFrameWebSocketFactory | undefined;\n  renderEmpty?: ((create: () => void, creating: boolean) => ReactNode) | undefined;\n  /** Host navigation request for one exact ComputerSession. */\n  requestedComputerSessionId?: string | null | undefined;\n  requestedComputerRequestId?: string | number | null | undefined;\n  /** Restore and report the Desktop session selected in this task's dock. */\n  initialComputerSessionId?: string | null | undefined;\n  onComputerSessionIdChange?: ((computerSessionId: string | null) => void) | undefined;\n};\n\ntype ComputerSelection = { sessionId: string; pinned: boolean } | null;\ntype PointerStart = { x: number; y: number; pointerId: number; frame: ComputerFrame };\n\n/** Full ComputerSession surface: workspace discovery, peer switching, app/window/\n * screen navigation, semantic controls, exact-frame input, and live media. */\nexport function ComputerViewer({\n  sessionId,\n  enabled = true,\n  className,\n  onNotify,\n  webSocketFactory,\n  renderEmpty,\n  requestedComputerSessionId,\n  requestedComputerRequestId,\n  initialComputerSessionId,\n  onComputerSessionIdChange,\n  ...override\n}: ComputerViewerProps) {\n  const registry = useComputerSessions({ ...override, sessionId, enabled });\n  const createSession = registry.create;\n  const refreshRegistry = registry.refresh;\n  const liveRelevant = useMemo(\n    () => registry.relevantSessions.filter((session) => isLiveComputer(session)),\n    [registry.relevantSessions],\n  );\n  const connectedPlacementLoss = useMemo(\n    () =>\n      registry.relevantSessions.find(\n        (session) =>\n          session.lifecycle === \"lost\" &&\n          session.failureCode === \"source_placement_changed\" &&\n          session.placement.kind === \"connected_machine\",\n      ) ?? null,\n    [registry.relevantSessions],\n  );\n  const recentRelevantFailure = useMemo(\n    () =>\n      liveRelevant.length === 0\n        ? (registry.relevantSessions.find(\n            (session) =>\n              [\"failed\", \"lost\"].includes(session.lifecycle) &&\n              !(\n                session.failureCode === \"source_placement_changed\" &&\n                session.placement.kind === \"connected_machine\"\n              ),\n          ) ?? null)\n        : null,\n    [liveRelevant.length, registry.relevantSessions],\n  );\n  const liveSessions = useMemo(() => {\n    const sessions = registry.sessions.filter((session) => isLiveComputer(session));\n    return recentRelevantFailure ? [...sessions, recentRelevantFailure] : sessions;\n  }, [recentRelevantFailure, registry.sessions]);\n  const relevant = useMemo(\n    () =>\n      liveRelevant.length > 0 ? liveRelevant : recentRelevantFailure ? [recentRelevantFailure] : [],\n    [liveRelevant, recentRelevantFailure],\n  );\n  const [selection, setSelection] = useState<ComputerSelection>(() =>\n    initialComputerSessionId ? { sessionId: initialComputerSessionId, pinned: true } : null,\n  );\n  const selectComputerSession = useCallback(\n    (next: ComputerSelection) => {\n      setSelection(next);\n      onComputerSessionIdChange?.(next?.sessionId ?? null);\n    },\n    [onComputerSessionIdChange],\n  );\n  const interventions = useInteractionInterventions({\n    ...override,\n    enabled,\n    resourceKind: \"computer_session\",\n  });\n  const [creating, setCreating] = useState(false);\n  const [createError, setCreateError] = useState<Error | null>(null);\n  const [showControls, setShowControls] = useState(false);\n  const previousSessionIdRef = useRef(sessionId);\n  const handledRequestRef = useRef<string | null>(null);\n  const seenInterventionIdsRef = useRef(new Set<string>());\n  const createInFlightRef = useRef(false);\n  const autoCreateSessionRef = useRef<string | null>(null);\n  const emptyCatalogConfirmationRef = useRef<string | null>(null);\n  const endedGenerationLossRef = useRef(new Set<string>());\n  const recreatedPlacementLossRef = useRef(new Set<string>());\n  const [suppressGenericCreate, setSuppressGenericCreate] = useState(false);\n  const endStaleComputer = registry.end;\n  useEffect(() => {\n    if (!enabled) return;\n    for (const session of registry.sessions) {\n      if (!isAttachedChromeGenerationLoss(session)) continue;\n      setSuppressGenericCreate(true);\n      if (endedGenerationLossRef.current.has(session.id)) continue;\n      endedGenerationLossRef.current.add(session.id);\n      void endStaleComputer(session.id).catch(() => {\n        endedGenerationLossRef.current.delete(session.id);\n      });\n    }\n  }, [enabled, endStaleComputer, registry.sessions]);\n\n  const notifyError = useCallback(\n    (cause: unknown, fallback: string) => {\n      onNotify?.({\n        kind: \"error\",\n        message: cause instanceof Error ? cause.message : fallback,\n      });\n    },\n    [onNotify],\n  );\n\n  useEffect(() => {\n    if (previousSessionIdRef.current === sessionId) return;\n    previousSessionIdRef.current = sessionId;\n    handledRequestRef.current = null;\n    autoCreateSessionRef.current = null;\n    emptyCatalogConfirmationRef.current = null;\n    recreatedPlacementLossRef.current.clear();\n    setSuppressGenericCreate(false);\n    setCreateError(null);\n    setSelection(\n      initialComputerSessionId ? { sessionId: initialComputerSessionId, pinned: true } : null,\n    );\n  }, [initialComputerSessionId, sessionId]);\n\n  useEffect(() => {\n    if (!enabled || registry.loading) return;\n    const requested = requestedComputerSessionId\n      ? (liveSessions.find((session) => session.id === requestedComputerSessionId) ?? null)\n      : null;\n    const requestKey = requested\n      ? `${requestedComputerRequestId ?? \"default\"}:${requested.id}`\n      : null;\n    if (requested && requestKey && handledRequestRef.current !== requestKey) {\n      handledRequestRef.current = requestKey;\n      selectComputerSession({ sessionId: requested.id, pinned: true });\n      return;\n    }\n\n    const selectedStillLive = liveSessions.some((session) => session.id === selection?.sessionId);\n    // Peer computers remain one click away, but never become the implicit\n    // computer for another agent. Otherwise opening a sandbox's Computer tab\n    // can silently select—and send input to—a connected user's Mac.\n    if (selection?.pinned && selectedStillLive) return;\n    const preferred = relevant[0] ?? null;\n    if (!preferred) {\n      if (selection) selectComputerSession(null);\n      return;\n    }\n    if (!selectedStillLive || !selection?.pinned) {\n      if (selection?.sessionId !== preferred.id || selection.pinned) {\n        selectComputerSession({ sessionId: preferred.id, pinned: false });\n      }\n    }\n  }, [\n    liveSessions,\n    enabled,\n    registry.loading,\n    relevant,\n    requestedComputerRequestId,\n    requestedComputerSessionId,\n    selectComputerSession,\n    selection,\n  ]);\n\n  const selectedRegistrySession = useMemo(\n    () => liveSessions.find((session) => session.id === selection?.sessionId) ?? null,\n    [liveSessions, selection?.sessionId],\n  );\n  const interventionCounts = useMemo(\n    () => countInterventions(interventions.interventions),\n    [interventions.interventions],\n  );\n  const selectedInterventions = useMemo(\n    () =>\n      interventions.interventions.filter(\n        (intervention) => intervention.resourceId === selection?.sessionId,\n      ),\n    [interventions.interventions, selection?.sessionId],\n  );\n  const controllerReady = selectedRegistrySession?.lifecycle === \"active\";\n  const computer = useComputerSession({\n    ...override,\n    computerSessionId: selection?.sessionId ?? null,\n    enabled: enabled && selection !== null && controllerReady,\n  });\n  useEffect(() => {\n    if (!isSourcePlacementChangedError(computer.error, \"computer_session\")) return;\n    void refreshRegistry();\n  }, [computer.error, refreshRegistry]);\n  const act = computer.act;\n  const actFromFrame = computer.actFromFrame;\n  const refreshComputer = computer.refresh;\n  const frames = useComputerFrameStream({\n    ...override,\n    computerSessionId: selection?.sessionId ?? null,\n    targetId: computer.selectedTarget?.id ?? null,\n    enabled:\n      enabled &&\n      selection !== null &&\n      controllerReady &&\n      computer.selectedTarget !== null &&\n      isComputerFrameTarget(computer.selectedTarget),\n    stream: {\n      format: \"jpeg\",\n      quality: 78,\n      maxWidth: 1_920,\n      maxHeight: 1_200,\n      everyNthFrame: 1,\n    },\n    ...(webSocketFactory ? { webSocketFactory } : {}),\n  });\n  const displayedFrame =\n    frames.frame &&\n    frames.frame.computerSessionId === selection?.sessionId &&\n    frames.frame.targetId === computer.selectedTarget?.id\n      ? frames.frame\n      : null;\n  const rfbStream =\n    frames.attachment?.stream.kind === \"direct_rfb\" ? frames.attachment.stream : null;\n  const rfbCapability = useMemo<DesktopStreamCapability | null>(() => {\n    if (!rfbStream || !frames.attachment) return null;\n    const bounds = computer.selectedTarget?.bounds;\n    return {\n      transport: \"vnc-ws\",\n      client: \"novnc\",\n      mode: \"interactive\",\n      url: rfbStream.url,\n      token: null,\n      expiresAt: frames.attachment.expiresAt,\n      resolution: [bounds?.width ?? 1_440, bounds?.height ?? 900],\n      unredacted: true,\n      requiresAcknowledgment: false,\n      acknowledged: true,\n      shared: false,\n      sharedSessionIds: [],\n      reason: null,\n    };\n  }, [computer.selectedTarget?.bounds, frames.attachment, rfbStream]);\n  const machineLocked = selectedRegistrySession?.failureCode === \"machine_locked\";\n  const currentIds = useMemo(() => new Set(relevant.map((session) => session.id)), [relevant]);\n\n  useEffect(() => {\n    for (const intervention of interventions.interventions) {\n      if (seenInterventionIdsRef.current.has(intervention.id)) continue;\n      seenInterventionIdsRef.current.add(intervention.id);\n      onNotify?.({\n        kind: \"info\",\n        message: `${interventionTitle(intervention)}: ${intervention.reason}`,\n      });\n    }\n  }, [interventions.interventions, onNotify]);\n\n  const resolveIntervention = useCallback(\n    (intervention: InteractionIntervention, outcome: \"completed\" | \"dismissed\") => {\n      void interventions\n        .resolve(intervention.id, {\n          expectedVersion: intervention.version,\n          outcome,\n        })\n        .then(() => {\n          onNotify?.({\n            kind: \"info\",\n            message:\n              outcome === \"completed\" ? \"Agent notified. Continuing work.\" : \"Request cancelled.\",\n          });\n        })\n        .catch((cause) => notifyError(cause, \"Could not update the desktop request.\"));\n    },\n    [interventions, notifyError, onNotify],\n  );\n\n  const createComputer = useCallback(() => {\n    if (createInFlightRef.current) return;\n    createInFlightRef.current = true;\n    setCreateError(null);\n    setCreating(true);\n    void createSession({ sessionId, name: \"Desktop\" })\n      .then((response) => {\n        selectComputerSession({ sessionId: response.session.id, pinned: false });\n      })\n      .catch((cause) => {\n        const error = cause instanceof Error ? cause : new Error(\"Could not open a desktop.\");\n        setCreateError(error);\n        notifyError(error, \"Could not open a desktop.\");\n      })\n      .finally(() => {\n        createInFlightRef.current = false;\n        setCreating(false);\n      });\n  }, [createSession, notifyError, selectComputerSession, sessionId]);\n\n  useEffect(() => {\n    if (\n      !enabled ||\n      registry.loading ||\n      registry.refreshing ||\n      liveRelevant.length > 0 ||\n      !connectedPlacementLoss ||\n      recreatedPlacementLossRef.current.has(connectedPlacementLoss.id)\n    ) {\n      return;\n    }\n    recreatedPlacementLossRef.current.add(connectedPlacementLoss.id);\n    autoCreateSessionRef.current = sessionId;\n    emptyCatalogConfirmationRef.current = null;\n    createComputer();\n  }, [\n    connectedPlacementLoss,\n    createComputer,\n    enabled,\n    liveRelevant.length,\n    registry.loading,\n    registry.refreshing,\n    sessionId,\n  ]);\n\n  useEffect(() => {\n    // Once this task's Desktop has been observed, a later transient empty\n    // registry snapshot must not create a second one. This can happen while the\n    // lazy surface is disabled/re-enabled or while an invalidation refresh\n    // briefly races the association projection. The existing Desktop remains\n    // the task's authority; explicit New desktop is still available.\n    if (relevant.length > 0) {\n      autoCreateSessionRef.current = sessionId;\n      emptyCatalogConfirmationRef.current = null;\n    }\n  }, [relevant.length, sessionId]);\n\n  useEffect(() => {\n    if (\n      !enabled ||\n      registry.loading ||\n      registry.refreshing ||\n      registry.error ||\n      relevant.length > 0 ||\n      suppressGenericCreate ||\n      autoCreateSessionRef.current === sessionId\n    ) {\n      return;\n    }\n    // A lazy surface can momentarily publish an empty settled projection while\n    // its initial catalog and a workspace invalidation cross. Confirm the empty\n    // result with one authoritative refresh before creating anything. A real\n    // empty catalog creates on the following render; an existing association\n    // appears and cancels this path.\n    if (emptyCatalogConfirmationRef.current !== sessionId) {\n      emptyCatalogConfirmationRef.current = sessionId;\n      void refreshRegistry();\n      return;\n    }\n    autoCreateSessionRef.current = sessionId;\n    createComputer();\n  }, [\n    createComputer,\n    enabled,\n    refreshRegistry,\n    registry.error,\n    registry.loading,\n    registry.refreshing,\n    relevant.length,\n    sessionId,\n    suppressGenericCreate,\n  ]);\n\n  const perform = useCallback(\n    async (action: ComputerAction, frame: ComputerFrame | null): Promise<void> => {\n      if (action.type === \"pointer\") {\n        if (!frame) throw new Error(\"Desktop view is not ready for pointer input.\");\n        await actFromFrame(action, frame);\n      } else {\n        await act(action);\n      }\n    },\n    [act, actFromFrame],\n  );\n\n  const copyFromRfb = useCallback(\n    (event: ClipboardEvent<HTMLDivElement>) => {\n      if (!rfbStream || computer.session?.capabilities?.clipboard !== true) return;\n      event.preventDefault();\n      event.stopPropagation();\n      void perform({ type: \"clipboard\", operation: \"copy\" }, null)\n        .then(() => computer.readClipboard())\n        .then(async (clipboard) => {\n          if (clipboard.text && !(await copyTextToClipboard(clipboard.text))) {\n            throw new Error(\"Desktop text could not be copied to the local clipboard\");\n          }\n        })\n        .catch((cause) => notifyError(cause, \"Could not copy from the desktop.\"));\n    },\n    [computer, notifyError, perform, rfbStream],\n  );\n\n  const pasteIntoRfb = useCallback(\n    (text: string): boolean => {\n      if (!rfbStream || computer.session?.capabilities?.clipboard !== true) return false;\n      // Keep paste on the canonical ComputerSession action path. RFB\n      // ClientCutText synchronization varies by server and can acknowledge a\n      // local paste without ever updating the remote graphical seat. These two\n      // awaited actions run against the exact selected ComputerSession/target.\n      // Read-after-write is the causal readiness barrier on X11: clipboard\n      // ownership is asynchronous, so a successful write response alone does\n      // not prove that the graphical seat can already serve the selection.\n      void (async () => {\n        await perform({ type: \"clipboard\", operation: \"write\", text }, null);\n        assertExactComputerClipboard(await computer.readClipboard(), text);\n        await perform({ type: \"clipboard\", operation: \"paste\" }, null);\n      })().catch((cause) => notifyError(cause, \"Could not paste into the desktop.\"));\n      return true;\n    },\n    [computer, notifyError, perform, rfbStream],\n  );\n\n  const hideGenericCreate = suppressGenericCreate && liveRelevant.length === 0;\n  const generationLossSelected =\n    selectedRegistrySession !== null && isAttachedChromeGenerationLoss(selectedRegistrySession);\n  const generationLossFrames = isAttachedChromeGenerationLossError(frames.error);\n\n  if (!enabled) return null;\n  if (registry.loading && liveSessions.length === 0) {\n    return (\n      <ComputerNotice\n        icon={<LoaderCircleIcon className=\"size-4 animate-spin\" />}\n        text=\"Finding workspace desktops…\"\n        {...(className ? { className } : {})}\n      />\n    );\n  }\n  if (liveSessions.length === 0) {\n    if (hideGenericCreate) {\n      return (\n        <div className={cn(\"grid h-full place-items-center bg-og-bg p-6\", className)}>\n          <div className=\"max-w-sm text-center\">\n            <CircleAlertIcon className=\"mx-auto size-5 text-og-status-error\" />\n            <p className=\"mt-3 text-og-menu font-medium text-og-fg\">\n              Chrome reconnected—open a fresh browser/desktop.\n            </p>\n            <p className=\"mt-1 text-og-control leading-5 text-og-muted\">\n              This Chrome profile is live again, but the previous desktop cannot move to the new\n              connection. Use Browser → New browser → Connected Chrome.\n            </p>\n          </div>\n        </div>\n      );\n    }\n    if (renderEmpty) return renderEmpty(createComputer, creating);\n    const error = createError ?? registry.error;\n    return (\n      <div className={cn(\"grid h-full place-items-center bg-og-bg p-6\", className)}>\n        <div className=\"max-w-sm text-center\">\n          <span className=\"mx-auto grid size-10 place-items-center rounded-og-lg border border-og-border bg-og-surface-1 text-og-muted\">\n            {error ? (\n              <CircleAlertIcon className=\"size-5 text-og-status-error\" />\n            ) : (\n              <LoaderCircleIcon className=\"size-5 animate-spin\" />\n            )}\n          </span>\n          <p className=\"mt-3 text-og-menu font-medium text-og-fg\">\n            {error ? \"Desktop didn’t open\" : \"Opening desktop…\"}\n          </p>\n          <p className=\"mt-1 text-og-control leading-5 text-og-muted\">\n            {error?.message ?? \"Preparing this agent’s desktop. It will appear here when ready.\"}\n          </p>\n          {error ? (\n            <button\n              type=\"button\"\n              onClick={createError ? createComputer : () => void refreshRegistry()}\n              disabled={creating || registry.refreshing}\n              className=\"mt-4 inline-flex h-8 items-center gap-1.5 rounded-og-sm bg-og-accent-deep px-3 text-og-control font-medium text-og-accent-fg transition hover:brightness-110 disabled:opacity-50\"\n            >\n              {creating || registry.refreshing ? (\n                <LoaderCircleIcon className=\"size-3.5 animate-spin\" />\n              ) : (\n                <RotateCcwIcon className=\"size-3.5\" />\n              )}\n              Try again\n            </button>\n          ) : null}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn(\"flex h-full min-h-0 flex-col overflow-hidden bg-og-bg\", className)}>\n      <ComputerToolbar\n        sessions={liveSessions}\n        relevantSessionIds={currentIds}\n        selectedSessionId={selection?.sessionId ?? null}\n        creating={creating}\n        refreshing={registry.refreshing}\n        interventionCounts={interventionCounts}\n        onSelect={(computerSessionId) =>\n          selectComputerSession({ sessionId: computerSessionId, pinned: true })\n        }\n        onFollow={() => {\n          if (relevant[0]) selectComputerSession({ sessionId: relevant[0].id, pinned: false });\n        }}\n        onCreate={hideGenericCreate ? undefined : createComputer}\n        onRefresh={() => {\n          if (frames.state === \"error\" && !generationLossSelected && !generationLossFrames) {\n            frames.reconnect();\n          }\n          void Promise.all([refreshRegistry(), refreshComputer()]);\n        }}\n      />\n      <InteractionInterventionBanner\n        interventions={selectedInterventions}\n        activeTargetId={computer.selectedTarget?.id ?? null}\n        mutating={interventions.mutating}\n        onOpen={(intervention) =>\n          void computer\n            .selectTarget(intervention.targetId)\n            .catch((cause) => notifyError(cause, \"Could not open the requested desktop view.\"))\n        }\n        onResolve={resolveIntervention}\n      />\n      {!selectedRegistrySession ? (\n        <ComputerUnselectedPanel\n          peerCount={liveSessions.length}\n          creating={creating}\n          error={createError}\n          generationLoss={suppressGenericCreate}\n          onCreate={createComputer}\n        />\n      ) : !controllerReady ? (\n        <ComputerLifecyclePanel\n          session={selectedRegistrySession}\n          creating={creating}\n          onRefresh={registry.refresh}\n          onRetry={createComputer}\n        />\n      ) : (\n        <>\n          <ComputerTargetRail\n            targets={computer.targets}\n            selectedTargetId={computer.selectedTarget?.id ?? null}\n            loading={computer.loading}\n            onSelect={(targetId) =>\n              void computer\n                .selectTarget(targetId)\n                .catch((cause) => notifyError(cause, \"Could not switch desktop views.\"))\n            }\n          />\n          <div className=\"flex min-h-0 flex-1\">\n            {rfbStream ? (\n              <div className=\"relative min-h-0 flex-1 bg-black\" onCopyCapture={copyFromRfb}>\n                <DesktopViewer\n                  capability={rfbCapability}\n                  interactive\n                  showControlToggle={false}\n                  webSocketProtocols={rfbStream.protocols}\n                  onPasteText={pasteIntoRfb}\n                  targetPlatform={computer.session?.platform ?? null}\n                  className=\"h-full\"\n                />\n              </div>\n            ) : (\n              <ComputerViewport\n                frame={machineLocked ? null : displayedFrame}\n                observation={computer.observation}\n                target={computer.selectedTarget}\n                machineLocked={machineLocked}\n                connectionState={frames.state}\n                connectionError={frames.error ?? computer.error}\n                mutating={computer.mutating}\n                backgroundActions={computer.session?.capabilities?.backgroundActions === true}\n                clipboardEnabled={computer.session?.capabilities?.clipboard === true}\n                onAction={perform}\n                onReadClipboard={computer.readClipboard}\n                onReconnect={\n                  generationLossSelected || generationLossFrames\n                    ? () => undefined\n                    : frames.reconnect\n                }\n                onError={(cause) => notifyError(cause, \"Desktop input failed.\")}\n              />\n            )}\n            {showControls ? (\n              <ComputerSemanticPanel\n                observation={computer.observation}\n                mutating={computer.mutating}\n                onAction={(action) =>\n                  void perform(action, null).catch((cause) =>\n                    notifyError(cause, \"Desktop action failed.\"),\n                  )\n                }\n              />\n            ) : null}\n          </div>\n          <ComputerStatusBar\n            session={computer.session}\n            target={computer.selectedTarget}\n            connectionState={frames.state}\n            refreshing={registry.refreshing}\n            showControls={showControls}\n            controlCount={semanticNodes(computer.observation).length}\n            onToggleControls={() => setShowControls((current) => !current)}\n          />\n        </>\n      )}\n    </div>\n  );\n}\n\nfunction ComputerUnselectedPanel(props: {\n  peerCount: number;\n  creating: boolean;\n  error: Error | null;\n  generationLoss: boolean;\n  onCreate: () => void;\n}) {\n  return (\n    <div className=\"grid min-h-0 flex-1 place-items-center bg-og-bg p-6 text-center\">\n      <div className=\"max-w-sm\">\n        <span className=\"mx-auto grid size-10 place-items-center rounded-og-md border border-og-border bg-og-surface-1 text-og-muted\">\n          {props.error || props.generationLoss ? (\n            <CircleAlertIcon className=\"size-4.5 text-og-status-error\" />\n          ) : (\n            <LoaderCircleIcon className=\"size-4.5 animate-spin\" />\n          )}\n        </span>\n        <p className=\"mt-3 text-og-menu font-medium text-og-fg\">\n          {props.generationLoss\n            ? \"Chrome reconnected—open a fresh browser/desktop.\"\n            : props.error\n              ? \"Desktop didn’t open\"\n              : \"Opening desktop…\"}\n        </p>\n        <p className=\"mt-1 text-og-control leading-5 text-og-muted\">\n          {props.generationLoss\n            ? \"This Chrome profile is live again, but the previous desktop cannot move to the new connection. Use Browser → New browser → Connected Chrome.\"\n            : (props.error?.message ??\n              (props.peerCount === 1\n                ? \"Preparing this agent’s desktop. One peer desktop remains available from the menu.\"\n                : `Preparing this agent’s desktop. ${props.peerCount} peer desktops remain available from the menu.`))}\n        </p>\n        {props.error && !props.generationLoss ? (\n          <button\n            type=\"button\"\n            disabled={props.creating}\n            onClick={props.onCreate}\n            className=\"mt-4 inline-flex h-8 items-center gap-1.5 rounded-og-sm border border-og-border bg-og-surface-1 px-3 text-og-control font-medium text-og-fg transition hover:bg-og-surface-2 disabled:cursor-not-allowed disabled:opacity-50\"\n          >\n            {props.creating ? (\n              <LoaderCircleIcon className=\"size-3.5 animate-spin\" />\n            ) : (\n              <RotateCcwIcon className=\"size-3.5\" />\n            )}\n            Try again\n          </button>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\nfunction ComputerToolbar(props: {\n  sessions: ComputerSession[];\n  relevantSessionIds: Set<string>;\n  selectedSessionId: string | null;\n  creating: boolean;\n  refreshing: boolean;\n  interventionCounts: Map<string, number>;\n  onSelect: (id: string) => void;\n  onFollow: () => void;\n  onCreate?: (() => void) | undefined;\n  onRefresh: () => void;\n}) {\n  const detailsRef = useRef<HTMLDetailsElement | null>(null);\n  const selected = props.sessions.find((session) => session.id === props.selectedSessionId);\n  const current = props.sessions.filter((session) => props.relevantSessionIds.has(session.id));\n  const others = props.sessions.filter((session) => !props.relevantSessionIds.has(session.id));\n  const choose = (id: string) => {\n    props.onSelect(id);\n    detailsRef.current?.removeAttribute(\"open\");\n  };\n  return (\n    <div className=\"flex h-10 shrink-0 items-center gap-1.5 border-b border-og-border bg-og-surface-0 px-2\">\n      <details ref={detailsRef} className=\"relative min-w-0\">\n        <summary className=\"flex h-7 max-w-52 cursor-pointer list-none items-center gap-2 rounded-og-sm px-2 text-og-control text-og-fg transition hover:bg-og-surface-2 [&::-webkit-details-marker]:hidden\">\n          <MonitorIcon className=\"size-3.5 shrink-0 text-og-muted\" />\n          <span className=\"truncate font-medium\">\n            {selected?.name === \"Computer\" ? \"Desktop\" : (selected?.name ?? \"Desktop\")}\n          </span>\n          {(props.interventionCounts.get(selected?.id ?? \"\") ?? 0) > 0 ? (\n            <span className=\"size-1.5 shrink-0 rounded-full bg-og-status-waiting\" />\n          ) : null}\n          <ChevronDownIcon className=\"size-3 shrink-0 text-og-subtle\" />\n        </summary>\n        <div className=\"absolute left-0 top-8 z-30 w-72 overflow-hidden rounded-og-md border border-og-border bg-og-surface-1 p-1 shadow-xl\">\n          <ComputerSessionGroup\n            label=\"Current agent\"\n            sessions={current}\n            selectedId={props.selectedSessionId}\n            interventionCounts={props.interventionCounts}\n            onSelect={choose}\n          />\n          <ComputerSessionGroup\n            label=\"Other agents\"\n            sessions={others}\n            selectedId={props.selectedSessionId}\n            interventionCounts={props.interventionCounts}\n            onSelect={choose}\n          />\n          <div className=\"mt-1 flex gap-1 border-t border-og-border pt-1\">\n            {current.length > 0 ? (\n              <MenuButton onClick={props.onFollow}>Follow agent</MenuButton>\n            ) : null}\n            {props.onCreate ? (\n              <MenuButton onClick={props.onCreate} disabled={props.creating}>\n                <PlusIcon className=\"size-3.5\" /> New desktop\n              </MenuButton>\n            ) : null}\n          </div>\n        </div>\n      </details>\n      <span className=\"min-w-0 flex-1 truncate text-og-xs text-og-subtle\">\n        {selected ? `${platformLabel(selected)} · ${placementLabel(selected)}` : \"\"}\n      </span>\n      <button\n        type=\"button\"\n        onClick={props.onRefresh}\n        className=\"grid size-7 place-items-center rounded-og-sm text-og-muted transition hover:bg-og-surface-2 hover:text-og-fg\"\n        aria-label=\"Refresh desktops\"\n      >\n        <RefreshCwIcon className={cn(\"size-3.5\", props.refreshing && \"animate-spin\")} />\n      </button>\n      {props.onCreate ? (\n        <button\n          type=\"button\"\n          onClick={props.onCreate}\n          disabled={props.creating}\n          className=\"grid size-7 place-items-center rounded-og-sm text-og-muted transition hover:bg-og-surface-2 hover:text-og-fg disabled:opacity-40\"\n          aria-label=\"Open a new desktop\"\n        >\n          {props.creating ? (\n            <LoaderCircleIcon className=\"size-3.5 animate-spin\" />\n          ) : (\n            <PlusIcon className=\"size-3.5\" />\n          )}\n        </button>\n      ) : null}\n    </div>\n  );\n}\n\nfunction ComputerSessionGroup(props: {\n  label: string;\n  sessions: ComputerSession[];\n  selectedId: string | null;\n  interventionCounts: Map<string, number>;\n  onSelect: (id: string) => void;\n}) {\n  if (props.sessions.length === 0) return null;\n  return (\n    <div className=\"py-1\">\n      <p className=\"px-2 pb-1 text-[10px] font-medium uppercase tracking-[0.12em] text-og-subtle\">\n        {props.label}\n      </p>\n      {props.sessions.map((session) => {\n        const interventionCount = props.interventionCounts.get(session.id) ?? 0;\n        return (\n          <button\n            key={session.id}\n            type=\"button\"\n            onClick={() => props.onSelect(session.id)}\n            className={cn(\n              \"flex w-full items-center gap-2 rounded-og-sm px-2 py-1.5 text-left transition hover:bg-og-surface-2\",\n              session.id === props.selectedId && \"bg-og-surface-2\",\n            )}\n          >\n            <span\n              className={cn(\n                \"size-1.5 rounded-full\",\n                session.lifecycle === \"active\" ? \"bg-og-status-running\" : \"bg-og-muted\",\n              )}\n            />\n            <span className=\"min-w-0 flex-1\">\n              <span className=\"block truncate text-og-control text-og-fg\">{session.name}</span>\n              <span className=\"block truncate text-og-xs text-og-subtle\">\n                {platformLabel(session)} · {placementLabel(session)}\n              </span>\n            </span>\n            {interventionCount > 0 ? (\n              <span className=\"rounded-full bg-og-status-waiting/10 px-1.5 py-0.5 text-[10px] font-medium text-og-status-waiting\">\n                {interventionCount}\n              </span>\n            ) : null}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n\nfunction MenuButton(props: { children: ReactNode; onClick: () => void; disabled?: boolean }) {\n  return (\n    <button\n      type=\"button\"\n      onClick={props.onClick}\n      disabled={props.disabled}\n      className=\"flex h-7 flex-1 items-center justify-center gap-1 rounded-og-sm px-2 text-og-control text-og-muted transition hover:bg-og-surface-2 hover:text-og-fg disabled:opacity-50\"\n    >\n      {props.children}\n    </button>\n  );\n}\n\nfunction ComputerTargetRail(props: {\n  targets: ComputerTarget[];\n  selectedTargetId: string | null;\n  loading: boolean;\n  onSelect: (id: string) => void;\n}) {\n  const visualTargets = props.targets.filter(isRenderableComputerView);\n  return (\n    <div\n      className=\"flex h-10 shrink-0 items-center gap-1 overflow-x-auto border-b border-og-border bg-og-surface-0 px-2\"\n      aria-label=\"Desktop views\"\n    >\n      {visualTargets.map((target) => (\n        <button\n          key={target.id}\n          type=\"button\"\n          onClick={() => props.onSelect(target.id)}\n          className={cn(\n            \"flex h-7 max-w-56 shrink-0 items-center gap-1.5 rounded-og-sm border px-2 text-og-control transition\",\n            target.id === props.selectedTargetId\n              ? \"border-og-border-strong bg-og-surface-2 text-og-fg\"\n              : \"border-transparent text-og-muted hover:bg-og-surface-1 hover:text-og-fg\",\n          )}\n          aria-pressed={target.id === props.selectedTargetId}\n        >\n          {target.kind === \"screen\" ? (\n            <MonitorIcon className=\"size-3.5 shrink-0\" />\n          ) : (\n            <PanelsTopLeftIcon className=\"size-3.5 shrink-0\" />\n          )}\n          <span className=\"truncate\">{target.title || target.applicationId || target.kind}</span>\n          {target.focused ? (\n            <span\n              className=\"size-1.5 shrink-0 rounded-full bg-og-status-running\"\n              aria-label=\"Focused\"\n            />\n          ) : null}\n        </button>\n      ))}\n      {props.loading ? (\n        <LoaderCircleIcon className=\"ml-1 size-3.5 animate-spin text-og-muted\" />\n      ) : null}\n      {!props.loading && visualTargets.length === 0 ? (\n        <span className=\"text-og-xs text-og-subtle\">Waiting for apps and screens…</span>\n      ) : null}\n    </div>\n  );\n}\n\nfunction isRenderableComputerView(target: ComputerTarget): boolean {\n  if (target.kind === \"screen\") return true;\n  if (target.kind !== \"window\" || !target.bounds) return false;\n  // AX exposes applications and tiny utility/menu windows as valid semantic\n  // targets. Keep those available to tools, but do not present them as visual\n  // desktop tabs when they cannot form a useful live view.\n  return target.bounds.width >= 160 && target.bounds.height >= 90;\n}\n\nfunction isComputerFrameTarget(target: ComputerTarget): boolean {\n  return target.kind === \"window\" || target.kind === \"screen\";\n}\n\nfunction ComputerLifecyclePanel(props: {\n  session: ComputerSession;\n  creating: boolean;\n  onRefresh: () => Promise<void>;\n  onRetry: () => void;\n}) {\n  const generationLoss = isAttachedChromeGenerationLoss(props.session);\n  const failed = [\"failed\", \"lost\", \"repair_required\"].includes(props.session.lifecycle);\n  const retryCreatesSession = [\"failed\", \"lost\"].includes(props.session.lifecycle);\n  return (\n    <div className=\"grid min-h-0 flex-1 place-items-center bg-og-bg p-6\">\n      <div className=\"max-w-sm text-center\">\n        {failed ? (\n          <CircleAlertIcon className=\"mx-auto size-5 text-og-status-error\" />\n        ) : (\n          <LoaderCircleIcon className=\"mx-auto size-5 animate-spin text-og-muted\" />\n        )}\n        <p className=\"mt-3 text-og-menu font-medium text-og-fg\">\n          {generationLoss\n            ? \"Chrome reconnected—open a fresh browser/desktop.\"\n            : failed\n              ? \"Desktop needs attention\"\n              : lifecycleLabel(props.session.lifecycle)}\n        </p>\n        <p className=\"mt-1 text-og-control leading-5 text-og-muted\">\n          {generationLoss\n            ? \"This Chrome profile is live again, but the previous desktop cannot move to the new connection. Use Browser → New browser → Connected Chrome.\"\n            : (computerFailureMessage(props.session) ??\n              \"The desktop is being prepared on its placement. It will appear here when ready.\")}\n        </p>\n        {failed && !generationLoss ? (\n          <button\n            type=\"button\"\n            onClick={() => (retryCreatesSession ? props.onRetry() : void props.onRefresh())}\n            disabled={props.creating}\n            className=\"mt-4 inline-flex h-8 items-center gap-1.5 rounded-og-sm border border-og-border bg-og-surface-1 px-3 text-og-control font-medium text-og-fg transition hover:bg-og-surface-2\"\n          >\n            {props.creating ? (\n              <LoaderCircleIcon className=\"size-3.5 animate-spin\" />\n            ) : (\n              <RotateCcwIcon className=\"size-3.5\" />\n            )}\n            {retryCreatesSession ? \"Try again\" : \"Check again\"}\n          </button>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\nfunction ComputerViewport(props: {\n  frame: ComputerFrame | null;\n  observation: ComputerObservation | null;\n  target: ComputerTarget | null;\n  machineLocked: boolean;\n  connectionState: string;\n  connectionError: Error | null;\n  mutating: boolean;\n  backgroundActions: boolean;\n  clipboardEnabled: boolean;\n  onAction: (action: ComputerAction, frame: ComputerFrame | null) => Promise<void>;\n  onReadClipboard: () => Promise<ComputerClipboard>;\n  onReconnect: () => void;\n  onError: (cause: unknown) => void;\n}) {\n  const canvasRef = useRef<HTMLCanvasElement | null>(null);\n  const inputRef = useRef<HTMLTextAreaElement | null>(null);\n  const pointerStartRef = useRef<PointerStart | null>(null);\n  const clickTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const lastClickRef = useRef<{\n    at: number;\n    x: number;\n    y: number;\n    frame: ComputerFrame;\n  } | null>(null);\n  const wheelRef = useRef<{\n    x: number;\n    y: number;\n    deltaX: number;\n    deltaY: number;\n    frame: ComputerFrame;\n    timer: ReturnType<typeof setTimeout> | null;\n  } | null>(null);\n  const pendingTextRef = useRef<{\n    text: string;\n    timer: ReturnType<typeof setTimeout>;\n  } | null>(null);\n  const actionRef = useRef(props.onAction);\n  const readClipboardRef = useRef(props.onReadClipboard);\n  const errorRef = useRef(props.onError);\n  const actionTailRef = useRef<Promise<void>>(Promise.resolve());\n  const queuedFrameRef = useRef<ComputerFrame | null>(null);\n  const decodingFrameRef = useRef(false);\n  const mountedRef = useRef(true);\n  actionRef.current = props.onAction;\n  readClipboardRef.current = props.onReadClipboard;\n  errorRef.current = props.onError;\n  const streamFailed = props.connectionState === \"error\";\n  const rawInputEnabled =\n    !streamFailed &&\n    !props.machineLocked &&\n    (!props.backgroundActions || props.target?.kind === \"screen\" || props.target?.focused === true);\n\n  const paintQueuedFrames = useCallback(() => {\n    if (decodingFrameRef.current) return;\n    decodingFrameRef.current = true;\n    void (async () => {\n      try {\n        while (mountedRef.current) {\n          const frame = queuedFrameRef.current;\n          queuedFrameRef.current = null;\n          if (!frame) break;\n          let objectUrl: string | null = null;\n          try {\n            const blob = new Blob([frame.data.slice().buffer], { type: frame.mediaType });\n            if (typeof createImageBitmap === \"function\") {\n              const bitmap = await createImageBitmap(blob);\n              try {\n                const canvas = canvasRef.current;\n                if (mountedRef.current && canvas) {\n                  paintCanvas(canvas, bitmap, frame.width, frame.height);\n                }\n              } finally {\n                bitmap.close();\n              }\n              continue;\n            }\n            objectUrl = URL.createObjectURL(blob);\n            const image = await loadImage(objectUrl);\n            const canvas = canvasRef.current;\n            if (mountedRef.current && canvas) {\n              paintCanvas(canvas, image, frame.width, frame.height);\n            }\n          } catch (cause) {\n            if (mountedRef.current) errorRef.current(cause);\n          } finally {\n            if (objectUrl) URL.revokeObjectURL(objectUrl);\n          }\n        }\n      } finally {\n        decodingFrameRef.current = false;\n        if (mountedRef.current && queuedFrameRef.current) paintQueuedFrames();\n      }\n    })();\n  }, []);\n\n  useEffect(() => {\n    mountedRef.current = true;\n    return () => {\n      mountedRef.current = false;\n      queuedFrameRef.current = null;\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!props.frame) return;\n    queuedFrameRef.current = props.frame;\n    paintQueuedFrames();\n  }, [paintQueuedFrames, props.frame]);\n\n  useEffect(\n    () => () => {\n      if (clickTimerRef.current) clearTimeout(clickTimerRef.current);\n      if (wheelRef.current?.timer) clearTimeout(wheelRef.current.timer);\n      if (pendingTextRef.current?.timer) clearTimeout(pendingTextRef.current.timer);\n    },\n    [],\n  );\n\n  const enqueue = useCallback(\n    (action: ComputerAction, frame: ComputerFrame | null, after?: () => Promise<void>) => {\n      actionTailRef.current = actionTailRef.current\n        .catch(() => undefined)\n        .then(async () => {\n          await actionRef.current(action, frame);\n          await after?.();\n        })\n        .catch((cause) => errorRef.current(cause));\n    },\n    [],\n  );\n\n  const point = useCallback(\n    (frame: ComputerFrame, clientX: number, clientY: number) =>\n      computerPoint(canvasRef.current, frame, clientX, clientY),\n    [],\n  );\n\n  const flushPendingText = useCallback(() => {\n    const pending = pendingTextRef.current;\n    if (!pending) return;\n    clearTimeout(pending.timer);\n    pendingTextRef.current = null;\n    enqueue({ type: \"keyboard\", action: \"type\", value: pending.text }, null);\n  }, [enqueue]);\n\n  const flushPendingClick = useCallback(() => {\n    const pending = lastClickRef.current;\n    if (!pending) return;\n    if (clickTimerRef.current) clearTimeout(clickTimerRef.current);\n    clickTimerRef.current = null;\n    lastClickRef.current = null;\n    enqueue(\n      {\n        type: \"pointer\",\n        frameId: pending.frame.frameId,\n        action: \"click\",\n        x: pending.x,\n        y: pending.y,\n      },\n      pending.frame,\n    );\n  }, [enqueue]);\n\n  const pointerDown = (event: PointerEvent<HTMLCanvasElement>) => {\n    if (!props.frame || props.mutating || !rawInputEnabled || event.button !== 0) return;\n    flushPendingText();\n    pointerStartRef.current = {\n      x: event.clientX,\n      y: event.clientY,\n      pointerId: event.pointerId,\n      frame: props.frame,\n    };\n    event.currentTarget.setPointerCapture?.(event.pointerId);\n    inputRef.current?.focus({ preventScroll: true });\n  };\n\n  const pointerUp = (event: PointerEvent<HTMLCanvasElement>) => {\n    if (!rawInputEnabled) return;\n    const start = pointerStartRef.current;\n    pointerStartRef.current = null;\n    if (!start || start.pointerId !== event.pointerId) return;\n    const from = point(start.frame, start.x, start.y);\n    const to = point(start.frame, event.clientX, event.clientY);\n    if (!from || !to) return;\n    if (Math.hypot(event.clientX - start.x, event.clientY - start.y) > 5) {\n      flushPendingClick();\n      enqueue(\n        {\n          type: \"pointer\",\n          frameId: start.frame.frameId,\n          action: \"drag\",\n          x: from.x,\n          y: from.y,\n          endX: to.x,\n          endY: to.y,\n        },\n        start.frame,\n      );\n      return;\n    }\n    const now = Date.now();\n    const previous = lastClickRef.current;\n    if (\n      previous &&\n      now - previous.at < 280 &&\n      Math.hypot(previous.x - to.x, previous.y - to.y) < 6 &&\n      sameFrameFence(previous.frame, start.frame)\n    ) {\n      if (clickTimerRef.current) clearTimeout(clickTimerRef.current);\n      clickTimerRef.current = null;\n      lastClickRef.current = null;\n      enqueue(\n        {\n          type: \"pointer\",\n          frameId: start.frame.frameId,\n          action: \"double_click\",\n          x: to.x,\n          y: to.y,\n        },\n        start.frame,\n      );\n      return;\n    }\n    lastClickRef.current = { at: now, x: to.x, y: to.y, frame: start.frame };\n    clickTimerRef.current = setTimeout(() => {\n      clickTimerRef.current = null;\n      lastClickRef.current = null;\n      enqueue(\n        {\n          type: \"pointer\",\n          frameId: start.frame.frameId,\n          action: \"click\",\n          x: to.x,\n          y: to.y,\n        },\n        start.frame,\n      );\n    }, 280);\n  };\n\n  const contextMenu = (event: MouseEvent<HTMLCanvasElement>) => {\n    event.preventDefault();\n    if (!rawInputEnabled) return;\n    const frame = props.frame;\n    if (!frame) return;\n    flushPendingText();\n    flushPendingClick();\n    const at = point(frame, event.clientX, event.clientY);\n    if (at) {\n      enqueue(\n        {\n          type: \"pointer\",\n          frameId: frame.frameId,\n          action: \"click\",\n          x: at.x,\n          y: at.y,\n          button: \"right\",\n        },\n        frame,\n      );\n    }\n  };\n\n  const wheel = (event: WheelEvent<HTMLCanvasElement>) => {\n    if (!rawInputEnabled) return;\n    const frame = props.frame;\n    if (!frame) return;\n    const at = point(frame, event.clientX, event.clientY);\n    if (!at) return;\n    flushPendingText();\n    flushPendingClick();\n    event.preventDefault();\n    const pending = wheelRef.current;\n    if (pending?.timer) clearTimeout(pending.timer);\n    wheelRef.current = {\n      x: at.x,\n      y: at.y,\n      deltaX: (pending && sameFrameFence(pending.frame, frame) ? pending.deltaX : 0) + event.deltaX,\n      deltaY: (pending && sameFrameFence(pending.frame, frame) ? pending.deltaY : 0) + event.deltaY,\n      frame,\n      timer: setTimeout(() => {\n        const batch = wheelRef.current;\n        wheelRef.current = null;\n        if (batch) {\n          enqueue(\n            {\n              type: \"pointer\",\n              frameId: batch.frame.frameId,\n              action: \"scroll\",\n              x: batch.x,\n              y: batch.y,\n              deltaX: batch.deltaX,\n              deltaY: batch.deltaY,\n            },\n            batch.frame,\n          );\n        }\n      }, 45),\n    };\n  };\n\n  const keyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (!rawInputEnabled) return;\n    const command = event.metaKey || event.ctrlKey;\n    if (\n      props.clipboardEnabled &&\n      command &&\n      !event.altKey &&\n      [\"c\", \"v\"].includes(event.key.toLowerCase())\n    ) {\n      flushPendingText();\n      return;\n    }\n    const key = computerKey(event);\n    if (!key) return;\n    event.preventDefault();\n    flushPendingText();\n    flushPendingClick();\n    enqueue({ type: \"keyboard\", action: \"press\", value: key }, null);\n  };\n\n  const copy = (event: ClipboardEvent<HTMLTextAreaElement>) => {\n    if (!props.clipboardEnabled || !rawInputEnabled) return;\n    event.preventDefault();\n    flushPendingText();\n    flushPendingClick();\n    enqueue({ type: \"clipboard\", operation: \"copy\" }, null, async () => {\n      const clipboard = await readClipboardRef.current();\n      if (!clipboard.text) return;\n      if (!(await copyTextToClipboard(clipboard.text))) {\n        throw new Error(\"Desktop text could not be copied to the local clipboard\");\n      }\n    });\n  };\n\n  const paste = (event: ClipboardEvent<HTMLTextAreaElement>) => {\n    if (!props.clipboardEnabled || !rawInputEnabled) return;\n    event.preventDefault();\n    flushPendingText();\n    flushPendingClick();\n    const text = event.clipboardData.getData(\"text/plain\");\n    enqueue({ type: \"clipboard\", operation: \"write\", text }, null, async () => {\n      assertExactComputerClipboard(await readClipboardRef.current(), text);\n      await actionRef.current({ type: \"clipboard\", operation: \"paste\" }, null);\n    });\n  };\n\n  const input = (value: string) => {\n    if (!value || !rawInputEnabled) return;\n    flushPendingClick();\n    const pending = pendingTextRef.current;\n    if (pending) {\n      clearTimeout(pending.timer);\n      pending.text += value;\n      pending.timer = setTimeout(flushPendingText, 16);\n    } else {\n      pendingTextRef.current = {\n        text: value,\n        timer: setTimeout(flushPendingText, 16),\n      };\n    }\n    if (inputRef.current) inputRef.current.value = \"\";\n  };\n\n  const showCanvas = props.frame !== null && !props.machineLocked && !streamFailed;\n  return (\n    <div className=\"relative min-h-0 flex-1 overflow-hidden bg-black\">\n      <canvas\n        ref={canvasRef}\n        className={cn(\n          \"absolute inset-0 m-auto max-h-full max-w-full touch-none focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-og-accent\",\n          !showCanvas && \"invisible\",\n          !rawInputEnabled && \"cursor-default\",\n        )}\n        onPointerDown={pointerDown}\n        onPointerUp={pointerUp}\n        onPointerCancel={() => {\n          pointerStartRef.current = null;\n        }}\n        onContextMenu={contextMenu}\n        onWheel={wheel}\n        aria-label={`Interactive ${props.target?.kind ?? \"desktop\"} view`}\n      />\n      <textarea\n        ref={inputRef}\n        defaultValue=\"\"\n        onInput={(event) => input(event.currentTarget.value)}\n        onKeyDown={keyDown}\n        onCopy={copy}\n        onPaste={paste}\n        className=\"pointer-events-none absolute left-1/2 top-1/2 size-px resize-none overflow-hidden opacity-0\"\n        aria-label=\"Desktop keyboard input\"\n        autoCapitalize=\"off\"\n        autoCorrect=\"off\"\n        spellCheck={false}\n        disabled={!rawInputEnabled}\n      />\n      {!showCanvas ? (\n        <ComputerViewportFallback\n          observation={props.observation}\n          machineLocked={props.machineLocked}\n          connectionState={props.connectionState}\n          error={props.connectionError}\n          onAction={(action) => enqueue(action, null)}\n          onReconnect={props.onReconnect}\n        />\n      ) : null}\n      {props.mutating ? (\n        <div className=\"pointer-events-none absolute right-3 top-3 flex items-center gap-1.5 rounded-full border border-white/10 bg-black/65 px-2.5 py-1 text-[11px] text-white/80 backdrop-blur\">\n          <LoaderCircleIcon className=\"size-3 animate-spin\" /> Acting\n        </div>\n      ) : null}\n      {showCanvas && !rawInputEnabled ? (\n        <div className=\"absolute bottom-3 left-1/2 flex -translate-x-1/2 items-center gap-2 rounded-full border border-white/10 bg-black/70 py-1 pl-3 pr-1 text-[11px] text-white/80 backdrop-blur\">\n          <span>Background view · use native controls</span>\n          {props.target ? (\n            <button\n              type=\"button\"\n              disabled={props.mutating}\n              onClick={() => enqueue({ type: \"focus\", targetId: props.target!.id }, null)}\n              className=\"rounded-full bg-white/10 px-2 py-0.5 font-medium text-white transition hover:bg-white/20 disabled:opacity-50\"\n            >\n              Control directly\n            </button>\n          ) : null}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nfunction assertExactComputerClipboard(clipboard: ComputerClipboard, expected: string): void {\n  if (clipboard.truncated || clipboard.text !== expected) {\n    throw new Error(\"Desktop clipboard did not accept the exact pasted text\");\n  }\n}\n\nfunction ComputerViewportFallback(props: {\n  observation: ComputerObservation | null;\n  machineLocked: boolean;\n  connectionState: string;\n  error: Error | null;\n  onAction: (action: ComputerAction) => void;\n  onReconnect: () => void;\n}) {\n  if (props.machineLocked) {\n    return (\n      <div className=\"absolute inset-0 grid place-items-center bg-og-bg p-6\">\n        <div className=\"max-w-sm text-center\">\n          <LockKeyholeIcon className=\"mx-auto size-6 text-og-muted\" />\n          <p className=\"mt-3 text-og-menu font-medium text-og-fg\">Machine locked</p>\n          <p className=\"mt-1 text-og-control leading-5 text-og-muted\">\n            Live frames and input stay private until someone unlocks the machine.\n          </p>\n        </div>\n      </div>\n    );\n  }\n  const controlFailure = interactionControlFailureFromError(props.error);\n  const interactive = semanticNodes(props.observation)\n    .filter((node) => semanticAction(node) !== null)\n    .slice(0, 10);\n  return (\n    <div className=\"absolute inset-0 grid place-items-center bg-og-bg p-6\">\n      <div className=\"w-full max-w-md rounded-og-lg border border-og-border bg-og-surface-0 p-4 shadow-lg\">\n        <div className=\"flex items-center gap-2\">\n          {props.error ? (\n            <CircleAlertIcon className=\"size-4 text-og-status-error\" />\n          ) : (\n            <LoaderCircleIcon className=\"size-4 animate-spin text-og-muted\" />\n          )}\n          <p className=\"text-og-menu font-medium text-og-fg\">\n            {isAttachedChromeGenerationLossError(props.error)\n              ? \"Chrome reconnected—open a fresh browser/desktop.\"\n              : props.error\n                ? \"Live view disconnected\"\n                : computerConnectionLabel(props.connectionState)}\n          </p>\n        </div>\n        {props.error ? (\n          <p className=\"mt-2 text-og-control leading-5 text-og-muted\">\n            {isAttachedChromeGenerationLossError(props.error)\n              ? \"Chrome reconnected—open a fresh browser/desktop. Use Browser → New browser → Connected Chrome.\"\n              : (controlFailure?.message ?? props.error.message)}\n          </p>\n        ) : null}\n        {interactive.length > 0 ? (\n          <div className=\"mt-3 border-t border-og-border pt-3\">\n            <p className=\"mb-2 text-og-xs text-og-subtle\">Native controls remain available</p>\n            <div className=\"flex flex-wrap gap-1.5\">\n              {interactive.map((node) => (\n                <button\n                  key={node.ref}\n                  type=\"button\"\n                  onClick={() => {\n                    const action = semanticAction(node);\n                    if (action) props.onAction(action);\n                  }}\n                  className=\"rounded-og-sm border border-og-border bg-og-surface-1 px-2 py-1 text-og-control text-og-fg transition hover:bg-og-surface-2\"\n                >\n                  {node.name || node.role}\n                </button>\n              ))}\n            </div>\n          </div>\n        ) : null}\n        {props.error && !isAttachedChromeGenerationLossError(props.error) ? (\n          <button\n            type=\"button\"\n            onClick={props.onReconnect}\n            className=\"mt-3 text-og-control font-medium text-og-accent hover:underline\"\n          >\n            {controlFailure?.retryable === false ? \"Try again\" : \"Reconnect\"}\n          </button>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\nfunction ComputerSemanticPanel(props: {\n  observation: ComputerObservation | null;\n  mutating: boolean;\n  onAction: (action: ComputerAction) => void;\n}) {\n  const nodes = semanticNodes(props.observation).slice(0, 100);\n  return (\n    <aside className=\"w-64 shrink-0 overflow-y-auto border-l border-og-border bg-og-surface-0 p-2\">\n      <div className=\"mb-2 flex items-center gap-1.5 px-1 text-og-xs font-medium uppercase tracking-[0.1em] text-og-subtle\">\n        <KeyboardIcon className=\"size-3\" /> Native controls\n      </div>\n      {nodes.length === 0 ? (\n        <p className=\"px-1 py-2 text-og-control leading-5 text-og-muted\">\n          This view has no accessibility controls. Use the live image instead.\n        </p>\n      ) : (\n        <div className=\"space-y-0.5\">\n          {nodes.map((node) => (\n            <ComputerSemanticControl\n              key={node.ref}\n              node={node}\n              mutating={props.mutating}\n              onAction={props.onAction}\n            />\n          ))}\n        </div>\n      )}\n    </aside>\n  );\n}\n\nfunction ComputerSemanticControl(props: {\n  node: InteractionSemanticNode;\n  mutating: boolean;\n  onAction: (action: ComputerAction) => void;\n}) {\n  const { node } = props;\n  const editable = node.actions.includes(\"set_value\");\n  const action = semanticAction(node);\n  const observedValue = semanticValue(node) ?? \"\";\n  const [value, setValue] = useState(() => observedValue);\n\n  useEffect(() => {\n    setValue(observedValue);\n  }, [node.ref, observedValue]);\n\n  if (editable) {\n    return (\n      <form\n        className=\"rounded-og-sm px-2 py-1.5 hover:bg-og-surface-2\"\n        onSubmit={(event) => {\n          event.preventDefault();\n          props.onAction({\n            type: \"semantic\",\n            locator: { kind: \"ref\", ref: node.ref },\n            action: \"set_value\",\n            value,\n          });\n        }}\n      >\n        <label className=\"block truncate text-[10px] uppercase text-og-subtle\">\n          {node.name || node.identifier || node.role}\n        </label>\n        <div className=\"mt-1 flex gap-1\">\n          <input\n            value={value}\n            disabled={props.mutating}\n            onChange={(event) => setValue(event.currentTarget.value)}\n            className=\"min-w-0 flex-1 rounded-og-sm border border-og-border bg-og-surface-1 px-1.5 py-1 text-og-control text-og-fg outline-hidden focus:border-og-accent\"\n            aria-label={`Set ${node.name || node.identifier || node.role}`}\n          />\n          <button\n            type=\"submit\"\n            disabled={props.mutating}\n            className=\"rounded-og-sm border border-og-border bg-og-surface-1 px-2 text-og-control font-medium text-og-fg transition hover:bg-og-surface-2 disabled:opacity-50\"\n          >\n            Set\n          </button>\n        </div>\n      </form>\n    );\n  }\n\n  return (\n    <button\n      type=\"button\"\n      disabled={!action || props.mutating}\n      onClick={() => {\n        if (action) props.onAction(action);\n      }}\n      className=\"flex w-full items-start gap-2 rounded-og-sm px-2 py-1.5 text-left transition hover:bg-og-surface-2 disabled:cursor-default disabled:hover:bg-transparent\"\n    >\n      <span className=\"mt-0.5 text-[10px] uppercase text-og-subtle\">{node.role}</span>\n      <span className=\"min-w-0 flex-1 truncate text-og-control text-og-fg\">\n        {node.name || semanticValue(node) || node.identifier || \"Unnamed control\"}\n      </span>\n    </button>\n  );\n}\n\nfunction ComputerStatusBar(props: {\n  session: ComputerSession | null;\n  target: ComputerTarget | null;\n  connectionState: string;\n  refreshing: boolean;\n  showControls: boolean;\n  controlCount: number;\n  onToggleControls: () => void;\n}) {\n  const screen = props.target?.kind === \"screen\";\n  return (\n    <div className=\"flex h-8 shrink-0 items-center gap-2 border-t border-og-border bg-og-surface-0 px-2 text-og-xs text-og-subtle\">\n      <span\n        className={cn(\n          \"size-1.5 rounded-full\",\n          props.connectionState === \"live\" ? \"bg-og-status-running\" : \"bg-og-muted\",\n        )}\n      />\n      <span>\n        {props.connectionState === \"live\" ? \"Live\" : computerConnectionLabel(props.connectionState)}\n      </span>\n      <span className=\"min-w-0 flex-1 truncate\">\n        {screen\n          ? \"Full screen · input may move pointer and focus\"\n          : props.session?.capabilities?.backgroundActions\n            ? \"Window · semantic controls stay in the background\"\n            : (props.target?.kind ?? \"Desktop\")}\n      </span>\n      {screen ? <MousePointer2Icon className=\"size-3\" aria-hidden /> : null}\n      {props.refreshing ? <LoaderCircleIcon className=\"size-3 animate-spin\" /> : null}\n      <button\n        type=\"button\"\n        onClick={props.onToggleControls}\n        aria-pressed={props.showControls}\n        className={cn(\n          \"rounded px-1.5 py-0.5 transition hover:bg-og-surface-2 hover:text-og-fg\",\n          props.showControls && \"bg-og-surface-2 text-og-fg\",\n        )}\n      >\n        Controls {props.controlCount}\n      </button>\n    </div>\n  );\n}\n\nfunction ComputerNotice(props: { icon: ReactNode; text: string; className?: string }) {\n  return (\n    <div\n      className={cn(\n        \"grid h-full place-items-center bg-og-bg text-og-control text-og-muted\",\n        props.className,\n      )}\n    >\n      <div className=\"flex items-center gap-2\">\n        {props.icon}\n        {props.text}\n      </div>\n    </div>\n  );\n}\n\nfunction semanticNodes(observation: ComputerObservation | null): InteractionSemanticNode[] {\n  if (observation?.semantic?.kind !== \"snapshot\") return [];\n  const result: InteractionSemanticNode[] = [];\n  const visit = (node: InteractionSemanticNode) => {\n    result.push(node);\n    node.children?.forEach(visit);\n  };\n  observation.semantic.roots.forEach(visit);\n  return result;\n}\n\nfunction semanticAction(node: InteractionSemanticNode): ComputerAction | null {\n  const invoke = [\"invoke\", \"press\", \"click\"].some((action) => node.actions.includes(action));\n  if (invoke) {\n    return {\n      type: \"semantic\",\n      locator: { kind: \"ref\", ref: node.ref },\n      action: \"invoke\",\n    };\n  }\n  // A row in the background-native controls panel must never become an\n  // implicit foregrounding gesture. Focus remains available through the typed\n  // SDK/tool action when the caller explicitly intends to take the shared seat.\n  return null;\n}\n\nfunction semanticValue(node: InteractionSemanticNode): string | null {\n  return typeof node.value === \"string\" ? node.value : null;\n}\n\nfunction paintCanvas(\n  canvas: HTMLCanvasElement,\n  image: CanvasImageSource,\n  width: number,\n  height: number,\n): void {\n  canvas.width = width;\n  canvas.height = height;\n  const context = canvas.getContext(\"2d\", { alpha: false });\n  if (!context) throw new Error(\"Desktop canvas is unavailable.\");\n  context.drawImage(image, 0, 0, width, height);\n}\n\nfunction loadImage(url: string): Promise<HTMLImageElement> {\n  return new Promise((resolve, reject) => {\n    const image = new Image();\n    image.onload = () => resolve(image);\n    image.onerror = () => reject(new Error(\"Desktop frame image could not be decoded.\"));\n    image.src = url;\n  });\n}\n\nfunction computerPoint(\n  canvas: HTMLCanvasElement | null,\n  frame: ComputerFrame,\n  clientX: number,\n  clientY: number,\n): { x: number; y: number } | null {\n  if (!canvas) return null;\n  const rect = canvas.getBoundingClientRect();\n  if (rect.width <= 0 || rect.height <= 0) return null;\n  return {\n    x: Math.max(0, Math.min(frame.width - 1, ((clientX - rect.left) / rect.width) * frame.width)),\n    y: Math.max(0, Math.min(frame.height - 1, ((clientY - rect.top) / rect.height) * frame.height)),\n  };\n}\n\nexport function computerKey(\n  event: Pick<\n    KeyboardEvent<HTMLTextAreaElement>,\n    \"altKey\" | \"ctrlKey\" | \"key\" | \"metaKey\" | \"shiftKey\"\n  >,\n): string | null {\n  if ([\"Alt\", \"AltGraph\", \"Control\", \"Meta\", \"Shift\"].includes(event.key)) return null;\n  const special = new Set([\n    \"Enter\",\n    \"Tab\",\n    \"Escape\",\n    \"Backspace\",\n    \"Delete\",\n    \"ArrowUp\",\n    \"ArrowDown\",\n    \"ArrowLeft\",\n    \"ArrowRight\",\n    \"Home\",\n    \"End\",\n    \"PageUp\",\n    \"PageDown\",\n  ]);\n  const modified = event.altKey || event.ctrlKey || event.metaKey;\n  if (!modified && !special.has(event.key)) return null;\n  const parts: string[] = [];\n  if (event.ctrlKey) parts.push(\"Control\");\n  if (event.altKey) parts.push(\"Alt\");\n  if (event.metaKey) parts.push(\"Meta\");\n  if (event.shiftKey) parts.push(\"Shift\");\n  parts.push(event.key === \" \" ? \"Space\" : event.key);\n  return parts.join(\"+\");\n}\n\nfunction sameFrameFence(left: ComputerFrame, right: ComputerFrame): boolean {\n  return (\n    left.frameId === right.frameId &&\n    left.computerSessionId === right.computerSessionId &&\n    left.targetId === right.targetId &&\n    left.targetGeneration === right.targetGeneration\n  );\n}\n\nfunction isLiveComputer(session: ComputerSession): boolean {\n  return ![\"ending\", \"ended\", \"failed\", \"lost\"].includes(session.lifecycle);\n}\n\nfunction computerFailureMessage(session: ComputerSession): string | null {\n  switch (session.failureCode) {\n    case \"machine_locked\":\n      return \"Unlock the connected Mac, then try again.\";\n    case \"controller_heartbeat_expired\":\n      return \"The desktop connection was lost. Try opening it again.\";\n    case \"controller_transition_expired\":\n      return session.placement.kind === \"attached_device\"\n        ? \"Chrome reconnected—open a fresh browser/desktop. Use Browser → New browser → Connected Chrome.\"\n        : \"The desktop connection expired. Open a new desktop.\";\n    case null:\n      return null;\n    default:\n      return \"The desktop could not be opened. Try again.\";\n  }\n}\n\nfunction isAttachedChromeGenerationLoss(session: ComputerSession): boolean {\n  return (\n    session.lifecycle === \"lost\" &&\n    session.failureCode === \"controller_transition_expired\" &&\n    session.placement.kind === \"attached_device\"\n  );\n}\n\nfunction isAttachedChromeGenerationLossError(error: Error | null): boolean {\n  if (!error) return false;\n  return /placement instance changed|controller authority changed/i.test(error.message);\n}\n\nfunction countInterventions(\n  interventions: readonly InteractionIntervention[],\n): Map<string, number> {\n  const counts = new Map<string, number>();\n  for (const intervention of interventions) {\n    counts.set(intervention.resourceId, (counts.get(intervention.resourceId) ?? 0) + 1);\n  }\n  return counts;\n}\n\nfunction interventionTitle(intervention: InteractionIntervention): string {\n  switch (intervention.kind) {\n    case \"manual_login\":\n      return \"Sign in needed\";\n    case \"mfa\":\n      return \"Verification needed\";\n    case \"external_action\":\n    case \"confirmation\":\n      return \"Action needed\";\n    case \"other\":\n      return \"Desktop needs your help\";\n  }\n}\n\nfunction platformLabel(session: ComputerSession): string {\n  switch (session.platform) {\n    case \"macos\":\n      return \"Mac\";\n    case \"linux\":\n      return \"Linux\";\n    case \"windows\":\n      return \"Windows\";\n    default:\n      return \"Desktop\";\n  }\n}\n\nfunction placementLabel(session: ComputerSession): string {\n  switch (session.placement.kind) {\n    case \"sandbox_group\":\n      return \"Agent sandbox\";\n    case \"connected_machine\":\n      return \"Connected machine\";\n    case \"attached_device\":\n      return \"Your machine\";\n    case \"external_provider\":\n      return \"Cloud desktop\";\n  }\n}\n\nfunction lifecycleLabel(lifecycle: ComputerSession[\"lifecycle\"]): string {\n  switch (lifecycle) {\n    case \"starting\":\n      return \"Opening desktop…\";\n    case \"suspending\":\n      return \"Pausing desktop…\";\n    case \"suspended\":\n      return \"Desktop paused\";\n    case \"restoring\":\n      return \"Restoring desktop…\";\n    case \"ending\":\n      return \"Closing desktop…\";\n    default:\n      return \"Connecting to desktop…\";\n  }\n}\n\nfunction computerConnectionLabel(state: string): string {\n  switch (state) {\n    case \"attaching\":\n      return \"Opening desktop view…\";\n    case \"connecting\":\n      return \"Connecting…\";\n    case \"reconnecting\":\n      return \"Reconnecting…\";\n    case \"error\":\n      return \"Disconnected\";\n    default:\n      return \"Waiting for desktop…\";\n  }\n}\n","import {\n  computerFrameSocketUrl,\n  decodeComputerFrameMessage,\n  type ComputerFrame,\n  type ComputerFrameStreamOptions,\n  type ComputerSessionAttachment,\n} from \"@opengeni/sdk/interaction\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport {\n  decodeStreamFrame,\n  decodeStreamOpenAck,\n  encodeStreamClose,\n  encodeStreamOpen,\n  STREAM_CLOSE_REASON_NORMAL,\n  STREAM_KIND_COMPUTER,\n  STREAM_ROLE_CLIENT,\n} from \"../lib/relay-wire\";\nimport {\n  type EmbeddedComputerInteractionClientOverride,\n  useEmbeddedComputerInteraction,\n} from \"../session-context\";\n\nexport type ComputerFrameConnectionState =\n  | \"idle\"\n  | \"attaching\"\n  | \"connecting\"\n  | \"live\"\n  | \"reconnecting\"\n  | \"error\";\n\nexport type ComputerFrameWebSocket = Pick<\n  WebSocket,\n  \"binaryType\" | \"readyState\" | \"close\" | \"addEventListener\" | \"removeEventListener\"\n> & { send(data: ArrayBuffer): void };\n\nexport type ComputerFrameWebSocketFactory = (\n  url: string,\n  protocols: string[],\n) => ComputerFrameWebSocket;\n\nconst RELAY_TAG_OPEN = 1;\nconst RELAY_TAG_OPEN_ACK = 2;\nconst RELAY_TAG_FRAME = 3;\nconst RELAY_TAG_CLOSE = 4;\nconst MAX_AUTOMATIC_RECONNECTS_WITHOUT_A_FRAME = 2;\n\nexport type UseComputerFrameStreamOptions = EmbeddedComputerInteractionClientOverride & {\n  computerSessionId: string | null;\n  targetId: string | null;\n  enabled?: boolean | undefined;\n  stream?: ComputerFrameStreamOptions | undefined;\n  webSocketFactory?: ComputerFrameWebSocketFactory | undefined;\n};\n\nexport type UseComputerFrameStreamResult = {\n  state: ComputerFrameConnectionState;\n  frame: ComputerFrame | null;\n  attachment: Pick<\n    ComputerSessionAttachment,\n    \"computerSessionId\" | \"controllerGeneration\" | \"targetId\" | \"stream\" | \"expiresAt\"\n  > | null;\n  error: Error | null;\n  reconnect: () => void;\n};\n\n/** Reconnecting, latest-only ComputerSession media attachment. Grants remain in\n * WebSocket subprotocols or the relay's authenticated first binary message. */\nexport function useComputerFrameStream(\n  options: UseComputerFrameStreamOptions,\n): UseComputerFrameStreamResult {\n  const { client, workspaceId } = useEmbeddedComputerInteraction(options);\n  const enabled = options.enabled ?? true;\n  const [nonce, setNonce] = useState(0);\n  const [result, setResult] = useState<Omit<UseComputerFrameStreamResult, \"reconnect\">>({\n    state: \"idle\",\n    frame: null,\n    attachment: null,\n    error: null,\n  });\n  const latestRef = useRef<{ key: string; sequence: number }>({\n    key: \"\",\n    sequence: -1,\n  });\n  const factoryRef = useRef(options.webSocketFactory);\n  const streamRef = useRef(options.stream);\n  factoryRef.current = options.webSocketFactory;\n  streamRef.current = options.stream;\n\n  const reconnect = useCallback(() => setNonce((value) => value + 1), []);\n\n  useEffect(() => {\n    const computerSessionId = options.computerSessionId;\n    const targetId = options.targetId;\n    if (!enabled || !computerSessionId || !targetId || typeof window === \"undefined\") {\n      setResult({ state: \"idle\", frame: null, attachment: null, error: null });\n      return;\n    }\n\n    latestRef.current = { key: \"\", sequence: -1 };\n    setResult({\n      state: \"attaching\",\n      frame: null,\n      attachment: null,\n      error: null,\n    });\n\n    let disposed = false;\n    let socket: ComputerFrameWebSocket | null = null;\n    let socketHandlers: {\n      open: () => void;\n      message: (event: MessageEvent) => void;\n      error: () => void;\n      close: () => void;\n    } | null = null;\n    let reconnectTimer: ReturnType<typeof setTimeout> | null = null;\n    let expiryTimer: ReturnType<typeof setTimeout> | null = null;\n    let failures = 0;\n    let controllerGeneration: string | null = null;\n    let activeAttachment: ComputerSessionAttachment | null = null;\n    let activeStream: ComputerSessionAttachment[\"stream\"] | null = null;\n    let attachmentExpiresAt = 0;\n    let lastRelaySequence: string | null = null;\n    let relayAccepted = false;\n    let pendingFrame: { bytes: Uint8Array; source: ComputerFrameWebSocket } | null = null;\n    let decodingFrame = false;\n    const attachmentAbort = new AbortController();\n\n    const clearSocket = (terminateProducer = false) => {\n      if (!socket) return;\n      const current = socket;\n      const handlers = socketHandlers;\n      if (terminateProducer && activeStream?.kind === \"relay\" && socket.readyState === 1) {\n        try {\n          socket.send(\n            relayDatagram(\n              RELAY_TAG_CLOSE,\n              encodeStreamClose({\n                channelId: activeStream.channel.channelId,\n                reason: STREAM_CLOSE_REASON_NORMAL,\n                message: \"viewer detached\",\n              }),\n            ),\n          );\n        } catch {\n          // OPEN can race a transport close. Local teardown must still finish.\n        }\n      }\n      if (handlers) {\n        current.removeEventListener(\"open\", handlers.open);\n        current.removeEventListener(\"message\", handlers.message);\n        current.removeEventListener(\"error\", handlers.error);\n        current.removeEventListener(\"close\", handlers.close);\n      }\n      if (current.readyState === 0 || current.readyState === 1) {\n        current.close(1000, \"viewer detached\");\n      }\n      socket = null;\n      socketHandlers = null;\n      pendingFrame = null;\n    };\n\n    const clearRecoveryTimers = () => {\n      if (reconnectTimer) clearTimeout(reconnectTimer);\n      if (expiryTimer) clearTimeout(expiryTimer);\n      reconnectTimer = null;\n      expiryTimer = null;\n    };\n\n    const scheduleReconnect = () => {\n      if (disposed || reconnectTimer) return;\n      if (failures >= MAX_AUTOMATIC_RECONNECTS_WITHOUT_A_FRAME) {\n        clearRecoveryTimers();\n        return;\n      }\n      const delay = Math.min(5_000, 250 * 2 ** Math.min(failures, 5));\n      failures += 1;\n      setResult((current) => ({ ...current, state: \"reconnecting\" }));\n      reconnectTimer = setTimeout(() => {\n        reconnectTimer = null;\n        connectSocket();\n      }, delay);\n    };\n\n    const fail = (cause: unknown, reconnectAutomatically = true) => {\n      if (disposed) return;\n      const error = cause instanceof Error ? cause : new Error(String(cause));\n      setResult((current) => ({ ...current, state: \"error\", error }));\n      clearSocket();\n      if (reconnectAutomatically) scheduleReconnect();\n      else clearRecoveryTimers();\n    };\n\n    const onOpen = (source: ComputerFrameWebSocket) => {\n      if (disposed || source !== socket) return;\n      if (activeStream?.kind === \"relay\") {\n        const body = encodeStreamOpen({\n          channel: { ...activeStream.channel, kind: STREAM_KIND_COMPUTER },\n          token: activeStream.token,\n          role: STREAM_ROLE_CLIENT,\n          resumeFromSeq:\n            lastRelaySequence === null ? \"0\" : (BigInt(lastRelaySequence) + 1n).toString(),\n        });\n        try {\n          source.send(relayDatagram(RELAY_TAG_OPEN, body));\n        } catch (error) {\n          fail(error);\n        }\n        return;\n      }\n      setResult((current) => ({ ...current, state: \"live\", error: null }));\n    };\n\n    const drainLatestFrame = async () => {\n      if (decodingFrame) return;\n      decodingFrame = true;\n      try {\n        while (pendingFrame) {\n          if (disposed) break;\n          const pending = pendingFrame;\n          pendingFrame = null;\n          const { bytes, source } = pending;\n          const frame = await decodeComputerFrameMessage(bytes);\n          if (disposed || source !== socket) continue;\n          if (frame.computerSessionId !== computerSessionId || frame.targetId !== targetId) {\n            throw new Error(\"desktop frame belongs to another resource\");\n          }\n          if (!controllerGeneration || frame.controllerGeneration !== controllerGeneration) {\n            throw new Error(\"desktop frame belongs to a stale controller\");\n          }\n          const key = `${computerSessionId}:${targetId}:${frame.controllerGeneration}:${frame.targetGeneration}`;\n          if (latestRef.current.key === key && frame.sequence <= latestRef.current.sequence)\n            continue;\n          latestRef.current = { key, sequence: frame.sequence };\n          // A real decoded frame—not merely a socket handshake—is the recovery\n          // boundary. Resetting on `open` caused a dead producer to reconnect\n          // forever and continuously spawn fresh relay/SCK work.\n          failures = 0;\n          setResult((current) => ({\n            ...current,\n            state: \"live\",\n            frame,\n            error: null,\n          }));\n        }\n      } catch (cause) {\n        fail(cause);\n      } finally {\n        decodingFrame = false;\n        if (!disposed && pendingFrame) void drainLatestFrame();\n      }\n    };\n\n    const onMessage = (source: ComputerFrameWebSocket, event: MessageEvent) => {\n      void (async () => {\n        try {\n          const bytes = await messageBytes(event.data);\n          if (disposed || source !== socket) return;\n          let frameBytes = bytes;\n          if (activeStream?.kind === \"relay\") {\n            if (bytes.length < 1) throw new Error(\"desktop relay returned an empty message\");\n            const tag = bytes[0];\n            const body = bytes.subarray(1);\n            if (tag === RELAY_TAG_OPEN_ACK) {\n              const ack = decodeStreamOpenAck(body);\n              if (!ack.accepted) {\n                activeAttachment = null;\n                activeStream = null;\n                attachmentExpiresAt = 0;\n                throw new Error(ack.error?.message ?? \"desktop stream was rejected by the relay\");\n              }\n              relayAccepted = true;\n              return;\n            }\n            if (tag === RELAY_TAG_CLOSE) {\n              // A relay close is terminal for this producer/channel. Reusing\n              // the same attachment only reconnects to a dead channel forever;\n              // invalidate it so the retry mints a fresh producer.\n              activeAttachment = null;\n              activeStream = null;\n              attachmentExpiresAt = 0;\n              lastRelaySequence = null;\n              relayAccepted = false;\n              fail(new Error(\"Desktop frame source ended.\"), false);\n              return;\n            }\n            if (tag !== RELAY_TAG_FRAME || !relayAccepted) return;\n            const relayFrame = decodeStreamFrame(body);\n            lastRelaySequence = relayFrame.seq;\n            frameBytes = relayFrame.data;\n          }\n          // Digest verification can take longer than an inter-frame interval on\n          // low-power clients. Keep exactly one pending encoded frame and replace\n          // it with newer input while a decode is in flight; never build latency.\n          pendingFrame = { bytes: frameBytes, source };\n          void drainLatestFrame();\n        } catch (cause) {\n          fail(cause);\n        }\n      })();\n    };\n\n    const onError = (source: ComputerFrameWebSocket) => {\n      if (source !== socket) return;\n      fail(new Error(\"Desktop view lost connection.\"));\n    };\n\n    const onClose = (source: ComputerFrameWebSocket) => {\n      if (disposed || source !== socket) return;\n      fail(new Error(\"Desktop view lost connection.\"));\n    };\n\n    const connectSocket = () => {\n      if (disposed) return;\n      clearSocket();\n      if (!activeAttachment || !activeStream || attachmentExpiresAt <= Date.now() + 1_000) {\n        void attach();\n        return;\n      }\n      if (activeStream.kind === \"direct_rfb\") {\n        setResult((current) => ({ ...current, state: \"live\", error: null }));\n        return;\n      }\n      relayAccepted = false;\n      setResult((current) => ({\n        ...current,\n        state: \"connecting\",\n        error: null,\n      }));\n      const createSocket =\n        factoryRef.current ?? ((url: string, protocols: string[]) => new WebSocket(url, protocols));\n      const openedSocket = createSocket(\n        activeStream.kind === \"relay\"\n          ? activeStream.url\n          : computerFrameSocketUrl(activeAttachment, streamRef.current),\n        activeStream.kind === \"direct_websocket\" ? [...activeStream.protocols] : [],\n      );\n      socket = openedSocket;\n      socketHandlers = {\n        open: () => onOpen(openedSocket),\n        message: (event) => onMessage(openedSocket, event),\n        error: () => onError(openedSocket),\n        close: () => onClose(openedSocket),\n      };\n      openedSocket.binaryType = \"arraybuffer\";\n      openedSocket.addEventListener(\"open\", socketHandlers.open);\n      openedSocket.addEventListener(\"message\", socketHandlers.message);\n      openedSocket.addEventListener(\"error\", socketHandlers.error);\n      openedSocket.addEventListener(\"close\", socketHandlers.close);\n    };\n\n    const attach = async () => {\n      if (disposed) return;\n      clearSocket();\n      if (expiryTimer) clearTimeout(expiryTimer);\n      setResult((current) => ({\n        ...current,\n        state: current.attachment ? \"reconnecting\" : \"attaching\",\n        error: null,\n      }));\n      try {\n        const attachment = await client.attachComputerSession(\n          workspaceId,\n          computerSessionId,\n          {\n            targetId,\n            expiresInSeconds: 120,\n            ...(streamRef.current ? { stream: streamRef.current } : {}),\n          },\n          { signal: attachmentAbort.signal },\n        );\n        if (disposed) return;\n        if (\n          attachment.computerSessionId !== computerSessionId ||\n          attachment.targetId !== targetId\n        ) {\n          throw new Error(\"desktop attachment does not match the requested resource\");\n        }\n        controllerGeneration = attachment.controllerGeneration;\n        // A fresh attachment owns a new producer whose sequence can restart.\n        // Transport reconnects reuse the attachment and retain their sequence fence.\n        latestRef.current = { key: \"\", sequence: -1 };\n        activeAttachment = attachment;\n        activeStream = attachment.stream;\n        attachmentExpiresAt = Date.parse(attachment.expiresAt);\n        lastRelaySequence = null;\n        relayAccepted = false;\n        setResult((current) => ({\n          ...current,\n          state: \"connecting\",\n          attachment: {\n            computerSessionId: attachment.computerSessionId,\n            controllerGeneration: attachment.controllerGeneration,\n            targetId: attachment.targetId,\n            stream: attachment.stream,\n            expiresAt: attachment.expiresAt,\n          },\n          error: null,\n        }));\n        const refreshIn = Number.isFinite(attachmentExpiresAt)\n          ? Math.max(1_000, attachmentExpiresAt - Date.now() - 5_000)\n          : 60_000;\n        expiryTimer = setTimeout(() => {\n          if (disposed) return;\n          clearSocket(true);\n          activeAttachment = null;\n          activeStream = null;\n          attachmentExpiresAt = 0;\n          void attach();\n        }, refreshIn);\n        connectSocket();\n      } catch (cause) {\n        if (attachmentAbort.signal.aborted || disposed) return;\n        fail(cause, !isPlacementGenerationLossError(cause));\n      }\n    };\n\n    void attach();\n    return () => {\n      disposed = true;\n      pendingFrame = null;\n      attachmentAbort.abort();\n      clearRecoveryTimers();\n      clearSocket(true);\n    };\n  }, [client, enabled, nonce, options.computerSessionId, options.targetId, workspaceId]);\n\n  return { ...result, reconnect };\n}\n\nfunction relayDatagram(tag: number, body: Uint8Array): ArrayBuffer {\n  const message = new Uint8Array(body.length + 1);\n  message[0] = tag;\n  message.set(body, 1);\n  return message.buffer as ArrayBuffer;\n}\n\nasync function messageBytes(value: unknown): Promise<Uint8Array> {\n  if (value instanceof ArrayBuffer) return new Uint8Array(value);\n  if (ArrayBuffer.isView(value)) {\n    return new Uint8Array(value.buffer, value.byteOffset, value.byteLength).slice();\n  }\n  if (typeof Blob !== \"undefined\" && value instanceof Blob) {\n    return new Uint8Array(await value.arrayBuffer());\n  }\n  throw new Error(\"desktop frame stream returned a non-binary message\");\n}\n\nfunction isPlacementGenerationLossError(cause: unknown): boolean {\n  const message = cause instanceof Error ? cause.message : String(cause);\n  return /placement instance changed|controller authority changed/i.test(message);\n}\n","import type {\n  ComputerAction,\n  ComputerActionReceipt,\n  ComputerClipboard,\n  ComputerFrame,\n  ComputerObservation,\n  ComputerSession,\n  ComputerTarget,\n} from \"@opengeni/sdk/interaction\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { isNonRetryableInteractionError } from \"../lib/interaction-errors\";\nimport {\n  type EmbeddedComputerInteractionClientOverride,\n  useEmbeddedComputerInteraction,\n} from \"../session-context\";\nimport { usePageLiveActivity } from \"./internal\";\n\nexport type UseComputerSessionOptions = EmbeddedComputerInteractionClientOverride & {\n  computerSessionId: string | null;\n  enabled?: boolean | undefined;\n  pollIntervalMs?: number | undefined;\n};\n\nexport type UseComputerSessionResult = {\n  session: ComputerSession | null;\n  targets: ComputerTarget[];\n  selectedTarget: ComputerTarget | null;\n  observation: ComputerObservation | null;\n  loading: boolean;\n  mutating: boolean;\n  error: Error | null;\n  refresh: () => Promise<void>;\n  readClipboard: () => Promise<ComputerClipboard>;\n  /** Changes only this viewer's target cursor; it never takes ownership or\n   * foregrounds an application. */\n  selectTarget: (targetId: string) => Promise<ComputerTarget>;\n  act: (action: ComputerAction, operationId?: string) => Promise<ComputerActionReceipt>;\n  /** Dispatch pointer input against the exact displayed frame. */\n  actFromFrame: (\n    action: Extract<ComputerAction, { type: \"pointer\" }>,\n    frame: ComputerFrame,\n    operationId?: string,\n  ) => Promise<ComputerActionReceipt>;\n};\n\n/** Selected ComputerSession state. Semantic and pixel input share the same\n * generation-fenced controller operation stream used by agents. */\nexport function useComputerSession(options: UseComputerSessionOptions): UseComputerSessionResult {\n  const { client, workspaceId } = useEmbeddedComputerInteraction(options);\n  const computerSessionId = options.computerSessionId;\n  const enabled = (options.enabled ?? true) && computerSessionId !== null;\n  const pageLive = usePageLiveActivity();\n  const pollIntervalMs = Math.max(750, options.pollIntervalMs ?? 2_000);\n  const [state, setState] = useState<ComputerControlState>(() =>\n    emptyState(computerSessionId, enabled),\n  );\n  const visible =\n    state.computerSessionId === computerSessionId ? state : emptyState(computerSessionId, enabled);\n  const refreshBlocked = isNonRetryableInteractionError(visible.error);\n  const selectedTargetIdRef = useRef<string | null>(visible.selectedTargetId);\n  selectedTargetIdRef.current = visible.selectedTargetId;\n  const targetsRef = useRef<{\n    computerSessionId: string | null;\n    targets: ComputerTarget[];\n  }>({\n    computerSessionId,\n    targets: visible.targets,\n  });\n  const observationRef = useRef<{\n    computerSessionId: string | null;\n    observation: ComputerObservation | null;\n  }>({ computerSessionId, observation: visible.observation });\n  if (targetsRef.current.computerSessionId !== computerSessionId) {\n    targetsRef.current = { computerSessionId, targets: visible.targets };\n    observationRef.current = {\n      computerSessionId,\n      observation: visible.observation,\n    };\n  } else {\n    targetsRef.current.targets = visible.targets;\n    observationRef.current.observation = visible.observation;\n  }\n  const requestRef = useRef<{ id: number; controller: AbortController | null }>({\n    id: 0,\n    controller: null,\n  });\n  const mutationRef = useRef<{\n    computerSessionId: string | null;\n    count: number;\n  }>({\n    computerSessionId,\n    count: 0,\n  });\n  const mountedRef = useRef(true);\n\n  const invalidateRefresh = useCallback(() => {\n    const id = requestRef.current.id + 1;\n    requestRef.current.controller?.abort();\n    requestRef.current = { id, controller: null };\n  }, []);\n\n  const refresh = useCallback(async (): Promise<void> => {\n    if (!enabled || !computerSessionId) return;\n    const id = requestRef.current.id + 1;\n    requestRef.current.controller?.abort();\n    const controller = new AbortController();\n    requestRef.current = { id, controller };\n    try {\n      const [session, targetResponse] = await Promise.all([\n        client.getComputerSession(workspaceId, computerSessionId, {\n          signal: controller.signal,\n        }),\n        client.listComputerTargets(workspaceId, computerSessionId, {\n          signal: controller.signal,\n        }),\n      ]);\n      if (!mountedRef.current || requestRef.current.id !== id) return;\n      const targets = sortComputerTargets(targetResponse.targets);\n      const selected = chooseTarget(targets, selectedTargetIdRef.current, session.platform);\n      // Discovery is useful independently of semantic observation. Publish it\n      // now so a slow/unresponsive application cannot block the frame stream\n      // or prevent the person from choosing a different window or screen.\n      const previous = observationRef.current.observation;\n      const retainedObservation =\n        selected &&\n        previous?.target.id === selected.id &&\n        previous.target.controllerGeneration === selected.controllerGeneration &&\n        previous.target.targetGeneration === selected.targetGeneration\n          ? previous\n          : null;\n      selectedTargetIdRef.current = selected?.id ?? null;\n      targetsRef.current = { computerSessionId, targets };\n      observationRef.current = { computerSessionId, observation: retainedObservation };\n      setState((current) =>\n        current.computerSessionId === computerSessionId\n          ? {\n              ...current,\n              session,\n              targets,\n              selectedTargetId: selected?.id ?? null,\n              observation: retainedObservation,\n              loading: false,\n              error: null,\n            }\n          : current,\n      );\n      const observation = selected\n        ? await client.observeComputerTarget(workspaceId, computerSessionId, selected.id, {\n            signal: controller.signal,\n          })\n        : null;\n      if (!mountedRef.current || requestRef.current.id !== id) return;\n      selectedTargetIdRef.current = selected?.id ?? null;\n      targetsRef.current = { computerSessionId, targets };\n      observationRef.current = { computerSessionId, observation };\n      setState((current) =>\n        current.computerSessionId === computerSessionId\n          ? {\n              ...current,\n              session,\n              targets,\n              selectedTargetId: selected?.id ?? null,\n              observation,\n              loading: false,\n              error: null,\n            }\n          : current,\n      );\n    } catch (cause) {\n      if (controller.signal.aborted || !mountedRef.current || requestRef.current.id !== id) return;\n      setState((current) =>\n        current.computerSessionId === computerSessionId\n          ? {\n              ...current,\n              loading: false,\n              error: cause instanceof Error ? cause : new Error(String(cause)),\n            }\n          : current,\n      );\n    } finally {\n      if (requestRef.current.id === id) requestRef.current = { id, controller: null };\n    }\n  }, [client, computerSessionId, enabled, workspaceId]);\n\n  useEffect(() => {\n    mountedRef.current = true;\n    if (!enabled) {\n      invalidateRefresh();\n      setState(emptyState(computerSessionId, false));\n      return;\n    }\n    setState((current) =>\n      current.computerSessionId === computerSessionId\n        ? { ...current, loading: true }\n        : emptyState(computerSessionId, true),\n    );\n    void refresh();\n    return () => {\n      mountedRef.current = false;\n      invalidateRefresh();\n    };\n  }, [computerSessionId, enabled, invalidateRefresh, refresh]);\n\n  useEffect(() => {\n    if (!enabled || !pageLive || visible.mutating || refreshBlocked) return;\n    const timer = setInterval(() => {\n      if (!requestRef.current.controller) void refresh();\n    }, pollIntervalMs);\n    return () => clearInterval(timer);\n  }, [enabled, pageLive, pollIntervalMs, refresh, refreshBlocked, visible.mutating]);\n\n  useEffect(() => {\n    if (!enabled || !computerSessionId || !pageLive || refreshBlocked) return;\n    let disposed = false;\n    const timer = setInterval(() => {\n      void client.heartbeatComputerSession(workspaceId, computerSessionId).catch(() => {\n        if (!disposed) void refresh();\n      });\n    }, 30_000);\n    return () => {\n      disposed = true;\n      clearInterval(timer);\n    };\n  }, [client, computerSessionId, enabled, pageLive, refresh, refreshBlocked, workspaceId]);\n\n  const runMutation = useCallback(\n    async <T>(scopeComputerSessionId: string, operation: () => Promise<T>): Promise<T> => {\n      invalidateRefresh();\n      if (mutationRef.current.computerSessionId !== scopeComputerSessionId) {\n        mutationRef.current = {\n          computerSessionId: scopeComputerSessionId,\n          count: 0,\n        };\n      }\n      mutationRef.current.count += 1;\n      setState((current) =>\n        current.computerSessionId === scopeComputerSessionId\n          ? { ...current, mutating: true, error: null }\n          : current,\n      );\n      try {\n        return await operation();\n      } catch (cause) {\n        const error = cause instanceof Error ? cause : new Error(String(cause));\n        setState((current) =>\n          current.computerSessionId === scopeComputerSessionId ? { ...current, error } : current,\n        );\n        throw error;\n      } finally {\n        if (mutationRef.current.computerSessionId === scopeComputerSessionId) {\n          mutationRef.current.count = Math.max(0, mutationRef.current.count - 1);\n          const mutating = mutationRef.current.count > 0;\n          setState((current) =>\n            current.computerSessionId === scopeComputerSessionId\n              ? { ...current, mutating }\n              : current,\n          );\n        }\n      }\n    },\n    [invalidateRefresh],\n  );\n\n  const selectTarget = useCallback(\n    async (targetId: string): Promise<ComputerTarget> => {\n      if (!computerSessionId) throw new Error(\"No desktop is selected.\");\n      const target = targetsRef.current.targets.find((candidate) => candidate.id === targetId);\n      if (!target) throw new Error(\"The selected desktop target is no longer available.\");\n      invalidateRefresh();\n      selectedTargetIdRef.current = target.id;\n      observationRef.current = { computerSessionId, observation: null };\n      setState((current) =>\n        current.computerSessionId === computerSessionId\n          ? {\n              ...current,\n              selectedTargetId: target.id,\n              observation: null,\n              loading: true,\n              error: null,\n            }\n          : current,\n      );\n      try {\n        const observation = await client.observeComputerTarget(\n          workspaceId,\n          computerSessionId,\n          target.id,\n        );\n        if (selectedTargetIdRef.current !== target.id) return target;\n        observationRef.current = { computerSessionId, observation };\n        setState((current) =>\n          current.computerSessionId === computerSessionId && current.selectedTargetId === target.id\n            ? { ...current, observation, loading: false, error: null }\n            : current,\n        );\n        return observation.target;\n      } catch (cause) {\n        const error = cause instanceof Error ? cause : new Error(String(cause));\n        setState((current) =>\n          current.computerSessionId === computerSessionId && current.selectedTargetId === target.id\n            ? { ...current, loading: false, error }\n            : current,\n        );\n        throw error;\n      }\n    },\n    [client, computerSessionId, invalidateRefresh, workspaceId],\n  );\n\n  const dispatchAction = useCallback(\n    async (\n      action: ComputerAction,\n      operationId: string,\n      frame: ComputerFrame | null,\n    ): Promise<ComputerActionReceipt> => {\n      if (!computerSessionId) throw new Error(\"No desktop is selected.\");\n      if (frame && frame.computerSessionId !== computerSessionId) {\n        throw new Error(\"The displayed desktop frame belongs to another desktop session.\");\n      }\n      const currentObservation =\n        observationRef.current.computerSessionId === computerSessionId\n          ? observationRef.current.observation\n          : null;\n      const focusTarget =\n        action.type === \"focus\"\n          ? (targetsRef.current.targets.find((candidate) => candidate.id === action.targetId) ??\n            null)\n          : null;\n      const frameTarget = frame\n        ? (targetsRef.current.targets.find((candidate) => candidate.id === frame.targetId) ??\n          (currentObservation?.target.id === frame.targetId ? currentObservation.target : null))\n        : null;\n      const inputTarget =\n        (action.type === \"keyboard\" || action.type === \"clipboard\") &&\n        targetsRef.current.computerSessionId === computerSessionId\n          ? targetsRef.current.targets.find(\n              (candidate) => candidate.id === selectedTargetIdRef.current,\n            )\n          : null;\n      const target =\n        frameTarget ?? focusTarget ?? currentObservation?.target ?? inputTarget ?? null;\n      if (!target) throw new Error(\"The desktop target is not ready for input.\");\n      if (frame && frame.targetId !== selectedTargetIdRef.current) {\n        throw new Error(\"The displayed desktop frame is no longer selected.\");\n      }\n      if (action.type === \"pointer\") {\n        const expectedFrameId = frame?.frameId ?? currentObservation?.frameId ?? null;\n        if (!expectedFrameId || action.frameId !== expectedFrameId) {\n          throw new Error(\"Pointer input must reference the exact displayed desktop frame.\");\n        }\n      }\n      if (action.type === \"semantic\" && !currentObservation) {\n        throw new Error(\"The desktop accessibility tree is not ready for input.\");\n      }\n\n      return await runMutation(computerSessionId, async () => {\n        const receipt = await client.actInComputer(workspaceId, computerSessionId, {\n          operationId,\n          targetId: target.id,\n          expectedTargetGeneration: frame?.targetGeneration ?? target.targetGeneration,\n          expectedObservationId:\n            action.type === \"pointer\" ? null : (currentObservation?.observationId ?? null),\n          expectedFrameId: action.type === \"pointer\" ? action.frameId : null,\n          action,\n        });\n        if (receipt.observation) {\n          const observation = receipt.observation;\n          observationRef.current = { computerSessionId, observation };\n          selectedTargetIdRef.current = observation.target.id;\n          setState((current) =>\n            current.computerSessionId === computerSessionId\n              ? {\n                  ...current,\n                  observation,\n                  selectedTargetId: observation.target.id,\n                  targets: replaceTarget(current.targets, observation.target),\n                }\n              : current,\n          );\n        } else {\n          void refresh();\n        }\n        return receipt;\n      });\n    },\n    [client, computerSessionId, refresh, runMutation, workspaceId],\n  );\n\n  const act = useCallback(\n    async (\n      action: ComputerAction,\n      operationId: string = crypto.randomUUID(),\n    ): Promise<ComputerActionReceipt> => await dispatchAction(action, operationId, null),\n    [dispatchAction],\n  );\n\n  const actFromFrame = useCallback(\n    async (\n      action: Extract<ComputerAction, { type: \"pointer\" }>,\n      frame: ComputerFrame,\n      operationId: string = crypto.randomUUID(),\n    ): Promise<ComputerActionReceipt> => await dispatchAction(action, operationId, frame),\n    [dispatchAction],\n  );\n\n  const readClipboard = useCallback(async (): Promise<ComputerClipboard> => {\n    if (!computerSessionId) throw new Error(\"No desktop is selected.\");\n    return await client.readComputerClipboard(workspaceId, computerSessionId);\n  }, [client, computerSessionId, workspaceId]);\n\n  return {\n    session: visible.session,\n    targets: visible.targets,\n    selectedTarget:\n      visible.targets.find((target) => target.id === visible.selectedTargetId) ?? null,\n    observation: visible.observation,\n    loading: visible.loading,\n    mutating: visible.mutating,\n    error: visible.error,\n    refresh,\n    readClipboard,\n    selectTarget,\n    act,\n    actFromFrame,\n  };\n}\n\ntype ComputerControlState = {\n  computerSessionId: string | null;\n  session: ComputerSession | null;\n  targets: ComputerTarget[];\n  selectedTargetId: string | null;\n  observation: ComputerObservation | null;\n  loading: boolean;\n  mutating: boolean;\n  error: Error | null;\n};\n\nfunction emptyState(computerSessionId: string | null, loading: boolean): ComputerControlState {\n  return {\n    computerSessionId,\n    session: null,\n    targets: [],\n    selectedTargetId: null,\n    observation: null,\n    loading,\n    mutating: false,\n    error: null,\n  };\n}\n\nfunction chooseTarget(\n  targets: readonly ComputerTarget[],\n  preferredId: string | null,\n  platform: ComputerSession[\"platform\"],\n): ComputerTarget | null {\n  const preferred = targets.find((target) => target.id === preferredId);\n  if (preferred) return preferred;\n  if (platform === \"linux\") {\n    return (\n      targets.find((target) => target.focused && target.kind === \"screen\") ??\n      targets.find((target) => target.kind === \"screen\") ??\n      targets.find((target) => target.focused && target.kind === \"window\") ??\n      targets.find((target) => target.kind === \"window\") ??\n      targets[0] ??\n      null\n    );\n  }\n  return (\n    targets.find((target) => target.focused && target.kind === \"window\") ??\n    targets.find((target) => target.kind === \"window\") ??\n    targets.find((target) => target.kind === \"screen\") ??\n    targets.find((target) => target.focused && target.kind === \"app\") ??\n    targets.find((target) => target.kind === \"app\") ??\n    targets[0] ??\n    null\n  );\n}\n\nfunction sortComputerTargets(targets: readonly ComputerTarget[]): ComputerTarget[] {\n  const rank = { window: 0, app: 1, screen: 2 } as const;\n  return [...targets].sort(\n    (left, right) =>\n      Number(right.focused) - Number(left.focused) ||\n      rank[left.kind] - rank[right.kind] ||\n      left.title.localeCompare(right.title) ||\n      left.id.localeCompare(right.id),\n  );\n}\n\nfunction replaceTarget(\n  targets: readonly ComputerTarget[],\n  target: ComputerTarget,\n): ComputerTarget[] {\n  return sortComputerTargets([\n    ...targets.filter((candidate) => candidate.id !== target.id),\n    target,\n  ]);\n}\n","import type {\n  ComputerSession,\n  ComputerSessionMutationResponse,\n  CreateComputerSessionRequest,\n} from \"@opengeni/sdk/interaction\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport type { EmbeddedComputerInteractionClientLike } from \"../client\";\nimport {\n  type EmbeddedComputerInteractionClientOverride,\n  useEmbeddedComputerInteraction,\n} from \"../session-context\";\nimport { useInteractionInvalidation } from \"./use-interaction-invalidation\";\n\nexport type UseComputerSessionsOptions = EmbeddedComputerInteractionClientOverride & {\n  /** Current agent/session relevance. Workspace peers remain in `sessions`. */\n  sessionId?: string | undefined;\n  enabled?: boolean | undefined;\n  /** Polling fallback used only while the workspace invalidation stream is unavailable. */\n  pollIntervalMs?: number | undefined;\n};\n\nexport type UseComputerSessionsResult = {\n  revision: number;\n  sessions: ComputerSession[];\n  relevantSessions: ComputerSession[];\n  loading: boolean;\n  refreshing: boolean;\n  error: Error | null;\n  refresh: () => Promise<void>;\n  create: (\n    request: Omit<CreateComputerSessionRequest, \"operationId\"> & {\n      operationId?: string;\n    },\n  ) => Promise<ComputerSessionMutationResponse>;\n  end: (\n    computerSessionId: string,\n    operationId?: string,\n  ) => Promise<ComputerSessionMutationResponse>;\n};\n\n/** Workspace-wide ComputerSession registry. Associations rank relevance but\n * never hide peer resources or create an ownership boundary. */\nexport function useComputerSessions(\n  options: UseComputerSessionsOptions = {},\n): UseComputerSessionsResult {\n  const {\n    client,\n    workspaceId,\n    registerSessionReconciler,\n    workspaceInteractionEvent,\n    workspaceInteractionConnectionState,\n  } = useEmbeddedComputerInteraction(options);\n  const enabled = options.enabled ?? true;\n  const [state, setState] = useState<ComputerRegistryState>(() => emptyState(workspaceId, enabled));\n  const requestRef = useRef<{ id: number; controller: AbortController | null }>({\n    id: 0,\n    controller: null,\n  });\n  const mountedRef = useRef(true);\n  const visible = state.workspaceId === workspaceId ? state : emptyState(workspaceId, enabled);\n\n  const cancelLoad = useCallback(() => {\n    const id = requestRef.current.id + 1;\n    requestRef.current.controller?.abort();\n    requestRef.current = { id, controller: null };\n  }, []);\n\n  const load = useCallback(\n    async (foreground: boolean): Promise<void> => {\n      if (!enabled) return;\n      const id = requestRef.current.id + 1;\n      requestRef.current.controller?.abort();\n      const controller = new AbortController();\n      requestRef.current = { id, controller };\n      setState((current) => ({\n        ...(current.workspaceId === workspaceId ? current : emptyState(workspaceId, true)),\n        active: true,\n        loading: foreground,\n        refreshing: !foreground,\n        error: foreground || current.workspaceId !== workspaceId ? null : current.error,\n      }));\n      try {\n        const response = await client.listComputerSessions(workspaceId, {\n          signal: controller.signal,\n        });\n        if (!mountedRef.current || requestRef.current.id !== id) return;\n        setState({\n          workspaceId,\n          active: true,\n          revision: response.revision,\n          sessions: sortComputerSessions(response.sessions),\n          loading: false,\n          refreshing: false,\n          error: null,\n        });\n      } catch (cause) {\n        if (controller.signal.aborted || !mountedRef.current || requestRef.current.id !== id)\n          return;\n        setState((current) => ({\n          ...(current.workspaceId === workspaceId ? current : emptyState(workspaceId, true)),\n          loading: false,\n          refreshing: false,\n          error: cause instanceof Error ? cause : new Error(String(cause)),\n        }));\n      } finally {\n        if (requestRef.current.id === id) requestRef.current = { id, controller: null };\n      }\n    },\n    [client, enabled, workspaceId],\n  );\n\n  const refresh = useCallback(async () => await load(false), [load]);\n\n  useEffect(() => {\n    mountedRef.current = true;\n    if (!enabled) {\n      cancelLoad();\n      setState(emptyState(workspaceId, false));\n      return;\n    }\n    void load(true);\n    return () => {\n      mountedRef.current = false;\n      cancelLoad();\n    };\n  }, [cancelLoad, enabled, load, workspaceId]);\n\n  useInteractionInvalidation({\n    workspaceId,\n    key: workspaceId,\n    enabled,\n    event: workspaceInteractionEvent,\n    connectionState: workspaceInteractionConnectionState,\n    knownRevision: visible.revision,\n    refresh,\n    fallbackPollIntervalMs: options.pollIntervalMs,\n  });\n\n  useEffect(() => {\n    if (!enabled || !options.sessionId) return;\n    return registerSessionReconciler(\n      options.sessionId,\n      `computer-sessions:${workspaceId}`,\n      refresh,\n    );\n  }, [enabled, options.sessionId, refresh, registerSessionReconciler, workspaceId]);\n\n  const create = useCallback(\n    async (\n      request: Omit<CreateComputerSessionRequest, \"operationId\"> & {\n        operationId?: string;\n      },\n    ): Promise<ComputerSessionMutationResponse> => {\n      const response = await client.createComputerSession(workspaceId, {\n        ...request,\n        operationId: request.operationId ?? crypto.randomUUID(),\n      });\n      setState((current) => mergeSession(current, workspaceId, response.session));\n      return response;\n    },\n    [client, workspaceId],\n  );\n\n  const end = useCallback(\n    async (\n      computerSessionId: string,\n      operationId: string = crypto.randomUUID(),\n    ): Promise<ComputerSessionMutationResponse> => {\n      const response = await client.endComputerSession(workspaceId, computerSessionId, {\n        operationId,\n      });\n      setState((current) => mergeSession(current, workspaceId, response.session));\n      return response;\n    },\n    [client, workspaceId],\n  );\n\n  const relevantSessions = useMemo(\n    () =>\n      options.sessionId\n        ? visible.sessions.filter((session) =>\n            session.associations.some((association) => association.sessionId === options.sessionId),\n          )\n        : [],\n    [options.sessionId, visible.sessions],\n  );\n\n  return {\n    revision: visible.revision,\n    sessions: visible.sessions,\n    relevantSessions,\n    // A disabled registry is deliberately empty. When its surface becomes\n    // visible again, expose that transition as loading in the same render so\n    // consumers cannot mistake the stale empty snapshot for a completed list.\n    loading: enabled ? !visible.active || visible.loading : false,\n    refreshing: visible.refreshing,\n    error: visible.error,\n    refresh,\n    create,\n    end,\n  };\n}\n\ntype ComputerRegistryState = {\n  workspaceId: string;\n  active: boolean;\n  revision: number;\n  sessions: ComputerSession[];\n  loading: boolean;\n  refreshing: boolean;\n  error: Error | null;\n};\n\nfunction emptyState(workspaceId: string, loading: boolean): ComputerRegistryState {\n  return {\n    workspaceId,\n    active: loading,\n    revision: 0,\n    sessions: [],\n    loading,\n    refreshing: false,\n    error: null,\n  };\n}\n\nfunction sortComputerSessions(sessions: readonly ComputerSession[]): ComputerSession[] {\n  return [...sessions].sort((left, right) => {\n    const live = Number(isLiveComputer(right)) - Number(isLiveComputer(left));\n    return (\n      live ||\n      timestamp(right.lastUsedAt) - timestamp(left.lastUsedAt) ||\n      left.id.localeCompare(right.id)\n    );\n  });\n}\n\nfunction isLiveComputer(session: ComputerSession): boolean {\n  return ![\"ending\", \"ended\", \"failed\", \"lost\"].includes(session.lifecycle);\n}\n\nfunction timestamp(value: string): number {\n  const parsed = Date.parse(value);\n  return Number.isFinite(parsed) ? parsed : 0;\n}\n\nfunction mergeSession(\n  current: ComputerRegistryState,\n  workspaceId: string,\n  session: ComputerSession,\n): ComputerRegistryState {\n  if (current.workspaceId !== workspaceId) return current;\n  const sessions = current.sessions.filter((candidate) => candidate.id !== session.id);\n  sessions.push(session);\n  return { ...current, sessions: sortComputerSessions(sessions), error: null };\n}\n\n/** Exported for narrow proxy implementations and tests. */\nexport type ComputerSessionsClient = EmbeddedComputerInteractionClientLike;\n"],"mappings":"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","names":["useCallback","useEffect","useMemo","useRef","useState","useCallback","useEffect","useRef","useState","useState","useRef","useCallback","useEffect","useCallback","useEffect","useRef","useState","useState","emptyState","useRef","useCallback","useEffect","useMemo","isLiveComputer","useState","useCallback","useRef","useEffect","canvas"]}

package/dist/components/artifacts/inline-html-document.d.ts

@@ -0,0 +1,2 @@
+/** Conversation styling/helpers only. Rendering and tool transport remain in the Site frame. */
+export declare function inlineHtmlDocument(fragment: string): string;

package/dist/components/artifacts/published-html-artifact-frame.d.ts

@@ -4,6 +4,8 @@ import { type CSSProperties } from "react";
 export declare const PUBLISHED_HTML_ARTIFACT_IFRAME_SANDBOX: string;
 export type PublishedHtmlArtifactFrameProps = {
     html: string;
+    autoHeight?: boolean;
+    theme?: "light" | "dark";
     title: string;
     className?: string;
     style?: CSSProperties;

package/dist/components/artifacts/visualization-assets.gen.d.ts

@@ -0,0 +1,2 @@
+export declare const VISUALIZATION_CSS = "/* Adapted from Codex visualize 1.0.32; shared with the OpenGeni visualization skill. */\n:root {\n  color-scheme: light dark;\n  background-color: var(\n    --background,\n    var(--color-background-primary, light-dark(rgb(255 255 255), rgb(24 24 24)))\n  ) !important;\n\n  /* Agent-facing contract; keep in sync with SKILL.md. */\n  --background: var(\n    --color-background-primary,\n    light-dark(rgb(255 255 255), rgb(24 24 24))\n  );\n  --foreground: var(\n    --color-text-primary,\n    light-dark(rgb(26 28 31), rgb(255 255 255))\n  );\n  --card: color-mix(in oklab, var(--foreground) 5%, var(--background));\n  --card-foreground: var(\n    --color-text-primary,\n    light-dark(rgb(26 28 31), rgb(255 255 255))\n  );\n  --popover: var(\n    --color-background-secondary,\n    light-dark(rgb(255 255 255), rgb(45 45 45))\n  );\n  --popover-foreground: var(\n    --color-text-primary,\n    light-dark(rgb(26 28 31), rgb(255 255 255))\n  );\n  --primary: var(\n    --color-text-info,\n    light-dark(rgb(51 156 255), rgb(131 195 255))\n  );\n  --primary-foreground: var(\n    --color-text-inverse,\n    light-dark(rgb(255 255 255), rgb(13 13 13))\n  );\n  --secondary: var(\n    --color-background-secondary,\n    light-dark(rgb(255 255 255 / 96%), rgb(54 54 54 / 96%))\n  );\n  --secondary-foreground: var(\n    --color-text-primary,\n    light-dark(rgb(26 28 31), rgb(255 255 255))\n  );\n  --muted: color-mix(in srgb, var(--foreground) 10%, transparent);\n  --muted-foreground: var(\n    --color-text-secondary,\n    light-dark(rgb(26 28 31 / 49.4%), rgb(255 255 255 / 49.8%))\n  );\n  --accent: var(\n    --color-background-info,\n    light-dark(rgb(229 242 255), rgb(13 39 63))\n  );\n  --accent-foreground: var(\n    --color-text-info,\n    light-dark(rgb(51 156 255), rgb(131 195 255))\n  );\n  --destructive: var(\n    --color-text-warning,\n    light-dark(rgb(226 85 7), rgb(255 133 73))\n  );\n  --border: var(\n    --color-border-secondary,\n    light-dark(rgb(26 28 31 / 8%), rgb(255 255 255 / 8.2%))\n  );\n  --input: var(\n    --color-border-primary,\n    light-dark(\n      rgb(26 28 31 / 11.8%),\n      color-mix(in oklab, rgb(0 0 0) 10%, transparent)\n    )\n  );\n  --ring: var(\n    --color-ring-primary,\n    light-dark(rgb(51 156 255), rgb(131 195 255 / 76%))\n  );\n  --font-size-base: var(--font-text-md-size, 14px);\n  --blue: light-dark(rgb(51 156 255), rgb(51 156 255));\n  --orange: light-dark(rgb(226 85 7), rgb(251 106 34));\n  --green: light-dark(rgb(0 162 64), rgb(64 201 119));\n  --red: light-dark(rgb(224 46 42), rgb(255 103 100));\n  --purple: light-dark(rgb(146 79 247), rgb(173 123 249));\n  --yellow: light-dark(rgb(255 195 0), rgb(255 210 64));\n  --viz-series-1: var(--primary);\n  --viz-series-2: light-dark(rgb(243 136 59), rgb(245 154 86));\n  --viz-series-3: light-dark(rgb(93 201 119), rgb(116 213 139));\n  --viz-series-4: light-dark(rgb(235 119 177), rgb(240 143 192));\n  --viz-series-5: light-dark(rgb(155 121 236), rgb(170 145 239));\n  --viz-series-6: light-dark(rgb(58 185 177), rgb(90 203 194));\n\n  /* Internal implementation variables; not part of the agent contract. */\n  --font-sans: -apple-system, system-ui, \"Segoe UI\", sans-serif;\n  --font-mono:\n    ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\",\n    monospace;\n  --font-size-normal: max(11px, var(--font-size-base));\n  --font-size-tooltip: calc(var(--font-size-base) - 1px);\n  --font-size-small: max(11px, calc(var(--font-size-base) - 2px));\n  --font-size-h1: calc(var(--font-size-normal) * 1.7142857143);\n  --font-size-h2: calc(var(--font-size-normal) * 1.4285714286);\n  --font-size-h3: calc(var(--font-size-normal) * 1.2857142857);\n  --font-weight-normal: 430;\n  --font-weight-medium: 500;\n  --icon-size: 16px;\n  --line-height-normal: calc(var(--font-size-normal) * 1.5);\n  --line-height-tooltip: calc(var(--font-size-tooltip) * 1.4285714286);\n  --line-height-small: calc(var(--font-size-small) + 4px);\n  --corner-shape: round;\n  --radius: var(--border-radius-lg, 10px);\n  --radius-sm: calc(var(--radius) * 0.6);\n  --radius-md: calc(var(--radius) * 0.8);\n  --radius-lg: var(--radius);\n  --radius-2xl: calc(var(--radius) * 1.6);\n  --radius-full: 9999px;\n  --shadow-sm: 0 1px 2px -1px rgb(0 0 0 / 8%);\n  --checkmark-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3E%3Cpath d='M 12.8961 3.64101C13.1297 3.41418 13.4984 3.37523 13.7779 3.56581C14.0571 3.75635 14.1554 4.11331 14.0299 4.41347L13.9615 4.53847L7.71151 13.7045C7.59411 13.8767 7.4063 13.9877 7.19881 14.0072C6.99136 14.0267 6.78564 13.9533 6.63826 13.806L2.88826 10.056L2.79842 9.9457C2.6192 9.67407 2.64927 9.30496 2.88826 9.06581C3.12738 8.82669 3.49647 8.79676 3.76815 8.97597L3.8785 9.06581L7.03084 12.2182L12.8053 3.74941L12.8961 3.64101Z'/%3E%3C/svg%3E\");\n\n  /* Legacy aliases; not part of the current agent contract. */\n  --viz-bg: transparent;\n  --viz-panel: var(--card);\n  --viz-border: var(--border);\n  --viz-text: var(--foreground);\n  --viz-muted: var(--muted-foreground);\n  --viz-accent: var(--primary);\n  --viz-accent-text: var(--primary-foreground);\n  --viz-accent-bg: var(--accent);\n  --viz-font-size: var(--font-size-base);\n  --viz-warning: var(--destructive);\n}\n\n:root[data-theme=\"light\"] {\n  color-scheme: light;\n}\n\n:root[data-theme=\"dark\"] {\n  color-scheme: dark;\n}\n\n* {\n  box-sizing: border-box;\n}\n\nhtml > body {\n  /* Preserve MCP aliases for older inline renderers without creating :root cycles. */\n  --color-background-primary: var(\n    --background,\n    light-dark(rgb(255 255 255), rgb(24 24 24))\n  );\n  --color-text-primary: var(\n    --foreground,\n    light-dark(rgb(26 28 31), rgb(255 255 255))\n  );\n  --color-border-secondary: var(\n    --border,\n    light-dark(rgb(26 28 31 / 8%), rgb(255 255 255 / 8.2%))\n  );\n\n  margin: 0;\n  padding: var(--visualize-paint-gutter, 16px);\n  color: var(--foreground);\n  background: transparent !important;\n  font-family: var(--font-sans) !important;\n  font-size: var(--font-size-normal);\n  font-weight: var(--font-weight-normal);\n  line-height: var(--line-height-normal);\n}\n\na {\n  color: color-mix(in srgb, var(--viz-accent) 80%, var(--viz-text) 20%);\n  cursor: pointer;\n  font-weight: var(--font-weight-medium, 500);\n  text-decoration: none;\n  text-underline-offset: 2px;\n}\n\na:is(:hover, :focus-visible) {\n  text-decoration-line: underline;\n  text-decoration-style: dashed;\n  text-decoration-thickness: 0.5px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n  margin-block: 0;\n}\n\nh1 {\n  font-size: var(--font-size-h1);\n  font-weight: var(--font-weight-medium);\n  line-height: 1.25;\n}\n\nh2 {\n  font-size: var(--font-size-h2);\n  font-weight: var(--font-weight-medium);\n  line-height: 1.25;\n}\n\nh3,\nh4,\nh5,\nh6 {\n  font-size: var(--font-size-h3);\n  font-weight: var(--font-weight-medium);\n  line-height: 1.3;\n}\n\nb,\nstrong,\nth {\n  font-weight: var(--font-weight-medium);\n}\n\ncode:not(pre code) {\n  display: inline;\n  padding: 1px 6px;\n  border-radius: var(--radius-sm);\n  corner-shape: var(--corner-shape);\n  background: var(--muted);\n  font-family: var(--font-mono);\n  font-size: 0.92em;\n  overflow-wrap: anywhere;\n  -webkit-box-decoration-break: clone;\n  box-decoration-break: clone;\n  word-break: break-word;\n}\n\n.table-responsive {\n  width: 100%;\n  overflow-x: auto;\n  scrollbar-width: thin;\n}\n\n.table {\n  width: 100%;\n  border-collapse: collapse;\n  color: var(--foreground);\n  font: inherit;\n  text-align: start;\n}\n\n.table :is(th, td) {\n  padding-block: 10px;\n  padding-inline: 0 24px;\n  overflow-wrap: anywhere;\n  border-bottom: 1px solid var(--border);\n  text-align: start;\n  vertical-align: top;\n}\n\n.table-responsive > .table :is(th, td) {\n  overflow-wrap: break-word;\n}\n\n.table :is(th, td):last-child {\n  padding-inline-end: 0;\n}\n\n.table :is(caption, thead th) {\n  font-weight: 600;\n}\n\n.table thead th {\n  padding-block: 8px;\n  border-bottom-color: color-mix(in srgb, var(--foreground) 16%, transparent);\n}\n\n.table tbody tr:last-child :is(th, td) {\n  border-bottom: 0;\n}\n\n.table.table-sm :is(th, td) {\n  padding-block: 6px;\n}\n\n.table.table-sm :is(th, td):not(:last-child) {\n  padding-inline-end: 16px;\n}\n\n.table :is(.text-end, [align=\"right\"]) {\n  text-align: end;\n  font-variant-numeric: tabular-nums;\n}\n\n.table :is(.text-center, [align=\"center\"]) {\n  text-align: center;\n}\n\n.table .text-nowrap {\n  white-space: nowrap;\n}\n\n#widget {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  width: 100%;\n  padding: 0;\n  background: transparent !important;\n}\n\n.card {\n  min-width: 0;\n  padding: 12px;\n  overflow: hidden;\n  overflow-wrap: break-word;\n  border-radius: var(--radius-2xl);\n  corner-shape: var(--corner-shape);\n  color: var(--card-foreground);\n  background: var(--card);\n}\n\n#widget > :not(.card, .progress) {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  border: 0 !important;\n  border-radius: 0 !important;\n  background: transparent !important;\n  box-shadow: none !important;\n}\n\n.tooltip {\n  position: fixed;\n  z-index: 50;\n  top: 0;\n  left: 0;\n  width: max-content;\n  max-width: min(\n    20rem,\n    var(--tooltip-available-width, calc(100vw - 10px)),\n    calc(100vw - 10px)\n  );\n  max-height: min(\n    var(--tooltip-available-height, calc(100vh - 10px)),\n    calc(100vh - 10px)\n  );\n  padding: 4px 8px;\n  border: 1px solid var(--border);\n  border-radius: var(--radius-lg);\n  corner-shape: var(--corner-shape);\n  color: var(--popover-foreground);\n  background: var(--popover);\n  box-shadow: none;\n  font-size: var(--font-size-tooltip);\n  line-height: var(--line-height-tooltip);\n  overflow-wrap: break-word;\n  white-space: normal;\n  pointer-events: none;\n  user-select: none;\n}\n\n.viz-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(max(180px, 24%), 1fr));\n  gap: 10px;\n}\n\n.viz-stat {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.viz-stat-value {\n  font-size: var(--font-size-h2);\n  font-weight: var(--font-weight-medium);\n  line-height: 1.25;\n}\n\n.viz-row {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 10px;\n}\n\nhr {\n  width: 100%;\n  height: 1px;\n  margin-block: 6px;\n  border: 0;\n  background: var(--border);\n}\n\n.nav {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  gap: 4px;\n}\n\n.progress {\n  display: flex;\n  height: 8px;\n  margin-block: calc((var(--line-height-normal, 1.5em) - 8px) / 2);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--radius-full);\n  background: var(--muted);\n}\n\n.progress-bar:only-child {\n  border-radius: var(--radius-full);\n}\n\n.progress-bar {\n  height: 100%;\n  flex-shrink: 0;\n  border: 0;\n  background: var(--viz-series-1);\n}\n\n.viz-badge {\n  padding: 3px 8px;\n  border-radius: var(--radius-full);\n  color: var(--accent-foreground);\n  background: var(--accent);\n  font-weight: var(--font-weight-medium);\n}\n\nsmall,\n.text-small,\n.viz-badge {\n  font-size: var(--font-size-small);\n  line-height: var(--line-height-small);\n}\n\n.text-muted {\n  color: var(--muted-foreground);\n}\n\n.tabular-nums {\n  font-variant-numeric: tabular-nums;\n}\n\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n.viz-controls {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n}\n\n.viz-controls > .form-label {\n  display: grid;\n  min-width: min(100%, 260px);\n  flex: 1 1 280px;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: baseline;\n  gap: 2px 12px;\n  margin-bottom: 0;\n}\n\n.viz-controls > .form-label > :is(.form-control, .form-range, .form-select) {\n  grid-column: 1 / -1;\n}\n\n.btn,\n.nav-link,\n.form-check-input,\n.form-control,\n.form-range,\n.form-select {\n  font: inherit;\n}\n\n.btn,\n.nav-link {\n  appearance: button;\n  display: inline-flex;\n  inline-size: fit-content;\n  max-inline-size: 100%;\n  min-height: 28px;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  margin: 0;\n  padding: 0 8px;\n  -webkit-app-region: no-drag;\n  border: 1px solid var(--input);\n  border-radius: var(--radius-lg);\n  corner-shape: var(--corner-shape);\n  color: var(--secondary-foreground);\n  background: var(--secondary);\n  cursor: var(--cursor-interaction, pointer);\n  text-align: center;\n  text-decoration: none;\n  white-space: nowrap;\n  user-select: none;\n  -webkit-font-smoothing: antialiased;\n}\n\n.btn:is(.btn-block, .viz-tile) {\n  inline-size: 100%;\n}\n\n.btn.viz-tile {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  white-space: normal;\n}\n\na.btn {\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.btn:not(:disabled):hover,\n.nav-link:not(:disabled):not([aria-disabled=\"true\"]):hover {\n  background: color-mix(in srgb, var(--foreground) 6%, var(--secondary));\n}\n\n.btn-primary {\n  border-color: transparent;\n  color: var(--primary-foreground);\n  background: var(--foreground);\n  background-clip: padding-box;\n}\n\n.btn-primary .text-muted {\n  color: color-mix(in srgb, var(--primary-foreground) 50%, transparent);\n}\n\n.btn-primary:not(:disabled):hover {\n  background: color-mix(in srgb, var(--foreground) 80%, transparent);\n  background-clip: padding-box;\n}\n\n.btn-ghost {\n  border-color: transparent;\n  color: var(--muted-foreground);\n  background: transparent;\n}\n\n.btn-ghost:not(:disabled):hover {\n  color: var(--foreground);\n  background: color-mix(in srgb, var(--foreground) 6%, var(--secondary));\n}\n\n.nav-pills .nav-link {\n  min-width: 0;\n  border-color: transparent;\n  color: var(--muted-foreground);\n  background: transparent;\n}\n\n.nav-justified .nav-link {\n  flex: 1 1 0;\n  overflow-wrap: anywhere;\n  white-space: normal;\n}\n\n.nav-pills .nav-link.active {\n  color: var(--foreground);\n  background: var(--muted);\n}\n\n.btn:disabled,\n.nav-link:disabled,\n.nav-link[aria-disabled=\"true\"] {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n[data-lucide] {\n  stroke-width: 1.6;\n}\n\n.form-label {\n  display: block;\n  margin-bottom: 6px;\n  color: var(--foreground);\n}\n\n.form-control {\n  display: block;\n  width: 100%;\n  min-height: 28px;\n  padding: 0 8px;\n  outline: none;\n  border: 1px solid var(--input);\n  border-radius: var(--radius-lg);\n  corner-shape: var(--corner-shape);\n  color: var(--foreground);\n  background: var(--secondary);\n}\n\n.form-control::placeholder {\n  color: var(--muted-foreground);\n}\n\n.form-control[type=\"file\"] {\n  padding: 0;\n  overflow: hidden;\n  cursor: var(--cursor-interaction, pointer);\n}\n\n.form-control[type=\"file\"]::file-selector-button {\n  min-height: 26px;\n  margin-right: 8px;\n  padding: 0 8px;\n  border: 0;\n  border-right: 1px solid var(--input);\n  color: var(--secondary-foreground);\n  background: var(--secondary);\n  cursor: inherit;\n  font: inherit;\n}\n\n.form-control[type=\"file\"]:not(:disabled):hover::file-selector-button {\n  background: color-mix(in srgb, var(--foreground) 6%, var(--secondary));\n}\n\n.form-control-color[type=\"color\"] {\n  width: 40px;\n  height: 28px;\n  padding: 3px;\n  cursor: var(--cursor-interaction, pointer);\n}\n\n.form-control-color[type=\"color\"]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n\n.form-control-color[type=\"color\"]::-webkit-color-swatch {\n  border: 0;\n  border-radius: calc(var(--radius-lg) - 4px);\n  corner-shape: var(--corner-shape);\n}\n\ntextarea.form-control {\n  height: auto;\n  min-height: 72px;\n  padding: 8px 10px;\n  resize: vertical;\n}\n\n.form-control:focus-visible {\n  border-color: var(--ring);\n  box-shadow: inset 0 0 0 1px var(--ring);\n}\n\n.form-control:disabled,\n.form-select:disabled {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n.form-select {\n  appearance: none;\n  display: block;\n  width: 100%;\n  min-height: 28px;\n  margin: 0;\n  padding: 0 32px 0 8px;\n  outline: none;\n  border: 1px solid var(--input);\n  border-radius: var(--radius-lg);\n  corner-shape: var(--corner-shape);\n  color: var(--foreground);\n  background-color: var(--secondary);\n  background-image:\n    linear-gradient(45deg, transparent 50%, var(--muted-foreground) 50%),\n    linear-gradient(135deg, var(--muted-foreground) 50%, transparent 50%);\n  background-position:\n    calc(100% - 14px) 50%,\n    calc(100% - 10px) 50%;\n  background-repeat: no-repeat;\n  background-size: 4px 4px;\n  cursor: var(--cursor-interaction, default);\n}\n\n.form-select:not(:disabled):hover {\n  background-color: color-mix(in srgb, var(--foreground) 6%, var(--secondary));\n}\n\n.form-select:focus-visible {\n  border-color: var(--ring);\n  box-shadow: inset 0 0 0 1px var(--ring);\n}\n\n.form-check {\n  display: flex;\n  min-height: 20px;\n  align-items: center;\n  gap: 6px;\n}\n\n.form-check-input {\n  appearance: none;\n  width: 14px;\n  height: 14px;\n  flex: 0 0 auto;\n  margin: 0;\n  border: 1px solid var(--input);\n  color: var(--primary-foreground);\n  background-color: transparent;\n  cursor: var(--cursor-interaction, default);\n  transition:\n    background-color 150ms,\n    border-color 150ms,\n    box-shadow 150ms;\n}\n\n.form-check:not(.form-switch) .form-check-input[type=\"checkbox\"] {\n  border-color: var(--input);\n  border-radius: var(--radius-sm);\n  corner-shape: var(--corner-shape);\n  background-color: var(--secondary);\n  box-shadow: var(--shadow-sm);\n}\n\n.form-check:not(.form-switch)\n  .form-check-input:not(:disabled):not(:checked):hover {\n  background-color: var(--card);\n}\n\n.form-check:not(.form-switch) .form-check-input[type=\"checkbox\"]:checked {\n  border-color: var(--primary);\n  background-color: var(--primary);\n}\n\n.form-check:not(.form-switch)\n  .form-check-input[type=\"checkbox\"]:checked::before {\n  display: block;\n  width: 100%;\n  height: 100%;\n  background: var(--primary-foreground);\n  content: \"\";\n  mask: var(--checkmark-image) center / 12px 12px no-repeat;\n}\n\n.form-check-input[type=\"radio\"] {\n  width: 14px;\n  height: 14px;\n  border-radius: var(--radius-full);\n}\n\n.form-check-input[type=\"radio\"]:checked {\n  border: 2px solid var(--primary);\n  background:\n    radial-gradient(circle, var(--primary-foreground) 0 2.5px, transparent 3px),\n    var(--primary);\n}\n\n.form-check:not(.form-switch) .form-check-input:focus-visible {\n  outline: 2px solid var(--ring);\n  outline-offset: 2px;\n}\n\n.form-check:not(.form-switch) .form-check-input:disabled {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.form-check:not(.form-switch) .form-check-input:disabled + .form-check-label {\n  cursor: not-allowed;\n}\n\n.form-switch .form-check-input:disabled,\n.form-switch .form-check-input:disabled + .form-check-label {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.form-check-label {\n  color: var(--foreground);\n  cursor: var(--cursor-interaction, default);\n}\n\n.form-switch .form-check-input {\n  position: relative;\n  width: 32px;\n  height: 20px;\n  border: 0;\n  border-radius: var(--radius-full);\n  background: var(--muted);\n  box-shadow: none;\n  transition: background-color 200ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.form-switch .form-check-input::before {\n  position: absolute;\n  top: 50%;\n  left: 0;\n  width: 16px;\n  height: 16px;\n  box-sizing: border-box;\n  border: 1px solid light-dark(var(--primary-foreground), var(--foreground));\n  border-radius: var(--radius-full);\n  background: light-dark(var(--primary-foreground), var(--foreground));\n  box-shadow: var(--shadow-sm);\n  content: \"\";\n  transform: translate(2px, -50%);\n  transition: transform 200ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.form-switch .form-check-input:checked {\n  background: var(--primary);\n}\n\n.form-switch .form-check-input:checked::before {\n  transform: translate(14px, -50%);\n}\n\n.form-switch .form-check-input:focus-visible {\n  box-shadow: 0 0 0 2px var(--ring);\n}\n\n.form-range {\n  appearance: none;\n  display: block;\n  width: 100%;\n  height: 28px;\n  flex: 1;\n  margin: 0;\n  padding: 0;\n  outline: none;\n  border: 0;\n  accent-color: var(--primary);\n  background: linear-gradient(\n      color-mix(in srgb, var(--foreground) 7%, transparent),\n      color-mix(in srgb, var(--foreground) 7%, transparent)\n    )\n    center / 100% 2px no-repeat;\n}\n\n.form-range::-webkit-slider-runnable-track {\n  height: 28px;\n  background: transparent;\n}\n\n.form-range::-webkit-slider-thumb {\n  appearance: none;\n  width: 20px;\n  height: 20px;\n  margin-top: 4px;\n  border: 1px solid var(--border);\n  border-radius: var(--radius-full);\n  background: light-dark(var(--primary-foreground), var(--foreground));\n}\n\n.form-range:focus-visible::-webkit-slider-thumb {\n  border-color: var(--ring);\n  box-shadow: inset 0 0 0 1px var(--ring);\n}\n\n.form-range::-moz-range-track {\n  height: 28px;\n  background: transparent;\n}\n\n.form-range::-moz-range-thumb {\n  width: 20px;\n  height: 20px;\n  border: 1px solid var(--border);\n  border-radius: var(--radius-full);\n  background: light-dark(var(--primary-foreground), var(--foreground));\n}\n\n.form-range:focus-visible::-moz-range-thumb {\n  border-color: var(--ring);\n  box-shadow: inset 0 0 0 1px var(--ring);\n}\n\n.form-range:disabled {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n.btn:not(.btn-primary, .viz-tile):is(\n  [aria-pressed=\"true\"],\n  [aria-selected=\"true\"],\n  .is-selected\n) {\n  border-color: var(--primary);\n  color: var(--primary-foreground);\n  background: var(--primary);\n}\n\n.btn.viz-tile:is([aria-pressed=\"true\"], [aria-selected=\"true\"], .is-selected) {\n  border-color: var(--primary);\n  box-shadow: inset 0 0 0 1px var(--primary);\n}\n\n.btn:focus-visible,\n.nav-link:focus-visible {\n  outline: 2px solid var(--ring);\n  outline-offset: 2px;\n}\n\n@media (pointer: coarse) {\n  .btn,\n  .nav-link,\n  .form-control,\n  .form-select {\n    min-width: 44px;\n    min-height: 44px;\n  }\n\n  /* Keep small-screen WebKit from zooming when a text field receives focus. */\n  .form-control,\n  .form-select {\n    font-size: max(16px, var(--font-size-normal));\n  }\n\n  .form-control[type=\"file\"]::file-selector-button {\n    min-width: 44px;\n    min-height: 44px;\n  }\n\n  .form-control-color[type=\"color\"] {\n    width: 44px;\n    height: 44px;\n  }\n\n  .form-control:is(\n    [type=\"date\"],\n    [type=\"datetime-local\"],\n    [type=\"month\"],\n    [type=\"time\"],\n    [type=\"week\"]\n  ) {\n    min-width: 0;\n    max-width: 100%;\n    padding-block: 8px;\n  }\n\n  .form-check {\n    min-height: 44px;\n    padding-inline: 15px;\n  }\n\n  .form-check-input {\n    position: relative;\n  }\n\n  .form-check-input::after {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 44px;\n    height: 44px;\n    content: \"\";\n    transform: translate(-50%, -50%);\n  }\n\n  .form-check-label {\n    display: inline-flex;\n    min-width: 44px;\n    min-height: 44px;\n    align-items: center;\n  }\n\n  .form-range {\n    height: 44px;\n    touch-action: pan-y;\n  }\n\n  .form-range::-webkit-slider-runnable-track {\n    height: 44px;\n  }\n\n  .form-range::-moz-range-track {\n    height: 44px;\n  }\n\n  .form-range::-webkit-slider-thumb {\n    margin-top: 12px;\n  }\n}\n\nsvg {\n  display: block;\n  max-width: 100%;\n  height: auto;\n}\n\n#widget > svg {\n  width: 100%;\n}\n\n/* Model-authored chart rules can otherwise stretch icons after these styles load. */\nsvg.lucide {\n  display: block;\n  width: var(--icon-size) !important;\n  height: var(--icon-size) !important;\n  flex: none;\n  margin: 0 !important;\n  stroke-width: 1.6;\n}\n\n.text-warning,\n.text-destructive {\n  color: var(--destructive);\n}\n";
+export declare const VISUALIZATION_HELPERS = "\n<script src=\"https://unpkg.com/@floating-ui/core@1.7.3/dist/floating-ui.core.umd.min.js\"></script>\n<script src=\"https://unpkg.com/@floating-ui/dom@1.7.4/dist/floating-ui.dom.umd.min.js\"></script>\n<script>\n  (() => {\n    if (window.FloatingUIDOM == null) {\n      return;\n    }\n    const { autoUpdate, computePosition, flip, offset, shift, size } = window.FloatingUIDOM;\n    const tooltipPlacements = new Set([\"top\", \"right\", \"bottom\", \"left\"]);\n    const tooltipId = `codex-visualization-tooltip-${\n      window.crypto?.randomUUID?.() ?? Date.now().toString(36)\n    }`;\n    const tooltipGap = 5;\n    const hoverDelay = 700;\n    const skipDelay = 300;\n    let activeTrigger = null;\n    let pendingTrigger = null;\n    let tooltip = null;\n    let openTimeout = null;\n    let autoUpdateCleanup = null;\n    let positionRequest = 0;\n    let skipDelayUntil = 0;\n    let lastPointerWasTouch = false;\n    let pinnedByTouch = false;\n\n    const getTrigger = (target) =>\n      target?.nodeType === Node.ELEMENT_NODE ? target.closest(\"[data-tooltip]\") : null;\n    const containsTarget = (trigger, target) =>\n      target?.nodeType != null && trigger.contains(target);\n    const getContent = (trigger) => trigger.getAttribute(\"data-tooltip\")?.trim() ?? \"\";\n    const getPlacement = (trigger) => {\n      const placement = trigger.getAttribute(\"data-tooltip-placement\");\n      return tooltipPlacements.has(placement) ? placement : \"top\";\n    };\n    const getTooltip = () => {\n      if (tooltip == null) {\n        tooltip = document.createElement(\"div\");\n        tooltip.id = tooltipId;\n        tooltip.className = \"tooltip\";\n        tooltip.setAttribute(\"role\", \"tooltip\");\n      }\n      return tooltip;\n    };\n    const setDescribedBy = (trigger, described) => {\n      const ids = new Set(\n        (trigger.getAttribute(\"aria-describedby\") ?? \"\").split(/\\s+/).filter(Boolean),\n      );\n      if (described) {\n        ids.add(tooltipId);\n      } else {\n        ids.delete(tooltipId);\n      }\n      if (ids.size === 0) {\n        trigger.removeAttribute(\"aria-describedby\");\n      } else {\n        trigger.setAttribute(\"aria-describedby\", [...ids].join(\" \"));\n      }\n    };\n    const clearOpenTimeout = () => {\n      if (openTimeout != null) {\n        window.clearTimeout(openTimeout);\n        openTimeout = null;\n      }\n      pendingTrigger = null;\n    };\n    const closeTooltip = (activateSkipDelay = true) => {\n      clearOpenTimeout();\n      pinnedByTouch = false;\n      positionRequest += 1;\n      autoUpdateCleanup?.();\n      autoUpdateCleanup = null;\n      if (activeTrigger == null) {\n        return;\n      }\n      setDescribedBy(activeTrigger, false);\n      activeTrigger = null;\n      tooltip?.remove();\n      if (activateSkipDelay) {\n        skipDelayUntil = Date.now() + skipDelay;\n      }\n    };\n    const updatePosition = (trigger, floating) => {\n      const request = ++positionRequest;\n      void computePosition(trigger, floating, {\n        middleware: [\n          offset(tooltipGap),\n          flip({ padding: tooltipGap }),\n          shift({ padding: tooltipGap }),\n          size({\n            padding: tooltipGap,\n            apply({ availableHeight, availableWidth, elements }) {\n              elements.floating.style.setProperty(\n                \"--tooltip-available-width\",\n                `${Math.max(0, availableWidth)}px`,\n              );\n              elements.floating.style.setProperty(\n                \"--tooltip-available-height\",\n                `${Math.max(0, availableHeight)}px`,\n              );\n            },\n          }),\n        ],\n        placement: getPlacement(trigger),\n        strategy: \"fixed\",\n      })\n        .then(({ x, y }) => {\n          if (activeTrigger !== trigger || request !== positionRequest) {\n            return;\n          }\n          const scale = window.devicePixelRatio || 1;\n          floating.style.transform = `translate(${Math.round(x * scale) / scale}px, ${Math.round(y * scale) / scale}px)`;\n          floating.style.visibility = \"visible\";\n        })\n        .catch(() => {\n          if (activeTrigger === trigger && request === positionRequest) {\n            closeTooltip(false);\n          }\n        });\n    };\n    const openTooltip = (trigger) => {\n      const content = getContent(trigger);\n      if (!trigger.isConnected || content.length === 0) {\n        return;\n      }\n      clearOpenTimeout();\n      if (activeTrigger === trigger) {\n        return;\n      }\n      closeTooltip();\n      const floating = getTooltip();\n      floating.textContent = content;\n      floating.style.visibility = \"hidden\";\n      floating.style.transform = \"translate(0, 0)\";\n      document.body.appendChild(floating);\n      activeTrigger = trigger;\n      setDescribedBy(trigger, true);\n      autoUpdateCleanup = autoUpdate(trigger, floating, () => {\n        updatePosition(trigger, floating);\n      });\n    };\n    const requestOpen = (trigger, immediate = false) => {\n      if (\n        getContent(trigger).length === 0 ||\n        activeTrigger === trigger ||\n        pendingTrigger === trigger\n      ) {\n        return;\n      }\n      clearOpenTimeout();\n      pendingTrigger = trigger;\n      const delay =\n        immediate || activeTrigger != null || Date.now() < skipDelayUntil ? 0 : hoverDelay;\n      if (delay === 0) {\n        openTooltip(trigger);\n        return;\n      }\n      openTimeout = window.setTimeout(() => {\n        openTimeout = null;\n        pendingTrigger = null;\n        openTooltip(trigger);\n      }, delay);\n    };\n    const handlePointerOpen = (event) => {\n      if (event.pointerType === \"touch\") {\n        return;\n      }\n      const trigger = getTrigger(event.target);\n      if (trigger == null || containsTarget(trigger, event.relatedTarget)) {\n        return;\n      }\n      requestOpen(trigger);\n    };\n    const handlePointer = (event) => {\n      lastPointerWasTouch = event.type === \"pointerdown\" && event.pointerType === \"touch\";\n    };\n    const handleTouchClick = (event) => {\n      const isTouch = event.pointerType === \"touch\" || lastPointerWasTouch;\n      lastPointerWasTouch = false;\n      if (!isTouch || event.detail === 0) {\n        return;\n      }\n      const trigger = getTrigger(event.target);\n      if (\n        trigger == null ||\n        !trigger.isConnected ||\n        getContent(trigger).length === 0 ||\n        (pinnedByTouch && activeTrigger === trigger)\n      ) {\n        if (pinnedByTouch) {\n          closeTooltip();\n        }\n        return;\n      }\n      openTooltip(trigger);\n      pinnedByTouch = activeTrigger === trigger;\n      window.setTimeout(() => {\n        if (activeTrigger === trigger && !trigger.isConnected) {\n          closeTooltip(false);\n        }\n      }, 0);\n    };\n    const handleLeave = (event) => {\n      if (pinnedByTouch) {\n        return;\n      }\n      const trigger = getTrigger(event.target);\n      if (trigger == null || containsTarget(trigger, event.relatedTarget)) {\n        return;\n      }\n      if (activeTrigger === trigger || pendingTrigger === trigger) {\n        closeTooltip();\n      }\n    };\n    const handleFocusIn = (event) => {\n      const trigger = getTrigger(event.target);\n      if (trigger?.matches(\":focus-visible\")) {\n        requestOpen(trigger, true);\n      }\n    };\n    const handleKeyDown = (event) => {\n      if (event.key === \"Escape\") {\n        closeTooltip();\n      }\n    };\n    const handleContextMenu = (event) => {\n      lastPointerWasTouch = false;\n      const trigger = getTrigger(event.target);\n      if (activeTrigger === trigger || pendingTrigger === trigger) {\n        closeTooltip();\n      }\n    };\n    const destroy = () => {\n      closeTooltip(false);\n      lastPointerWasTouch = false;\n      document.removeEventListener(\"pointerover\", handlePointerOpen);\n      document.removeEventListener(\"pointerdown\", handlePointer);\n      document.removeEventListener(\"pointercancel\", handlePointer);\n      document.removeEventListener(\"click\", handleTouchClick);\n      document.removeEventListener(\"pointerout\", handleLeave);\n      document.removeEventListener(\"focusin\", handleFocusIn);\n      document.removeEventListener(\"focusout\", handleLeave);\n      document.removeEventListener(\"keydown\", handleKeyDown);\n      document.removeEventListener(\"contextmenu\", handleContextMenu);\n      tooltip = null;\n    };\n\n    document.addEventListener(\"pointerover\", handlePointerOpen);\n    document.addEventListener(\"pointerdown\", handlePointer);\n    document.addEventListener(\"pointercancel\", handlePointer);\n    document.addEventListener(\"click\", handleTouchClick);\n    document.addEventListener(\"pointerout\", handleLeave);\n    document.addEventListener(\"focusin\", handleFocusIn);\n    document.addEventListener(\"focusout\", handleLeave);\n    document.addEventListener(\"keydown\", handleKeyDown);\n    document.addEventListener(\"contextmenu\", handleContextMenu);\n    window.addEventListener(\"pagehide\", destroy, { once: true });\n  })();\n</script>\n<script id=\"codex-visualization-tabs\">\n  (() => {\n    const selector = '.nav[role=\"tablist\"] [role=\"tab\"]';\n    const disabled = ':disabled,[aria-disabled=\"true\"]';\n    const selectTab = (selected) => {\n      const panelId = selected.getAttribute(\"aria-controls\");\n      for (const tab of selected.closest('[role=\"tablist\"]').querySelectorAll('[role=\"tab\"]')) {\n        const active = tab === selected;\n        tab.classList.toggle(\"active\", active);\n        tab.setAttribute(\"aria-selected\", String(active));\n        const id = tab.getAttribute(\"aria-controls\");\n        const panel = id && document.getElementById(id);\n        if (panel != null) {\n          panel.hidden = id !== panelId;\n          if (!panel.hidden && selected.id) {\n            panel.setAttribute(\"aria-labelledby\", selected.id);\n          }\n        }\n      }\n    };\n    const interact = (event) => {\n      const tab = event.target?.closest?.(selector);\n      if (event.defaultPrevented || tab == null || tab.matches(disabled)) {\n        return;\n      }\n      if (event.type === \"click\") {\n        selectTab(tab);\n        return;\n      }\n      const tabs = Array.from(\n        tab.closest('[role=\"tablist\"]').querySelectorAll('[role=\"tab\"]'),\n      ).filter((candidate) => !candidate.matches(disabled));\n      const current = tabs.indexOf(tab);\n      let next;\n      if (event.key === \"ArrowRight\" || event.key === \"ArrowDown\") {\n        next = (current + 1) % tabs.length;\n      } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowUp\") {\n        next = (current + tabs.length - 1) % tabs.length;\n      } else if (event.key === \"Home\") {\n        next = 0;\n      } else if (event.key === \"End\") {\n        next = tabs.length - 1;\n      } else {\n        return;\n      }\n      event.preventDefault();\n      tabs[next].focus();\n      selectTab(tabs[next]);\n    };\n\n    for (const list of document.querySelectorAll('.nav[role=\"tablist\"]')) {\n      const selected =\n        list.querySelector('[role=\"tab\"][aria-selected=\"true\"]') ??\n        list.querySelector('[role=\"tab\"].active') ??\n        list.querySelector('[role=\"tab\"]');\n      if (selected != null) {\n        selectTab(selected);\n      }\n    }\n    document.addEventListener(\"click\", interact);\n    document.addEventListener(\"keydown\", interact);\n    window.addEventListener(\n      \"pagehide\",\n      () => {\n        document.removeEventListener(\"click\", interact);\n        document.removeEventListener(\"keydown\", interact);\n      },\n      { once: true },\n    );\n  })();\n</script>\n<script\n  id=\"codex-visualization-lucide\"\n  async\n  src=\"https://unpkg.com/lucide@1.17.0/dist/umd/lucide.js\"\n></script>\n<script>\n  (() => {\n    const initialize = () => {\n      globalThis.lucide?.createIcons({ attrs: { width: 16, height: 16 } });\n    };\n    if (globalThis.lucide != null) {\n      initialize();\n      return;\n    }\n    document\n      .getElementById(\"codex-visualization-lucide\")\n      ?.addEventListener(\"load\", initialize, { once: true });\n  })();\n</script>\n";

package/dist/components/markdown.d.ts

@@ -1,3 +1,4 @@
+import { type ReactNode } from "react";
 /**
  * The default renderer for chat message bodies in {@link MessageTimeline}.
  *
@@ -12,7 +13,17 @@
  * the tokens land. Consumers who want a different renderer can still pass
  * `renderMessageText` to `MessageTimeline` to override this entirely.
  */
+export type MarkdownInteractiveBlock = {
+    kind: "html" | "site";
+    content: string;
+};
 export type MarkdownProps = {
+    renderImage?: ((image: {
+        src: string;
+        alt: string;
+    }) => ReactNode) | undefined;
+    /** Host opt-in for assistant-authored interactive fences. */
+    renderInteractiveBlock?: ((block: MarkdownInteractiveBlock) => ReactNode) | undefined;
     children: string;
     className?: string | undefined;
     /**
@@ -44,7 +55,8 @@ export type SandboxFileLocation = {
 export declare function sandboxFileLocationFromHref(href: string | undefined): SandboxFileLocation | null;
 /** Return the exact decoded path for a supported sandbox-link href. */
 export declare function sandboxFilePathFromHref(href: string | undefined): string | null;
-declare function MarkdownImpl({ children, className, streaming, onSandboxFile }: MarkdownProps): import("react").JSX.Element;
+export declare function retainedImageId(src: string): string | null;
+declare function MarkdownImpl({ children, className, streaming, onSandboxFile, renderInteractiveBlock, renderImage, }: MarkdownProps): import("react").JSX.Element;
 /** Memoized so streaming re-renders of the parent don't re-parse settled bodies. */
 export declare const Markdown: import("react").MemoExoticComponent<typeof MarkdownImpl>;
 export {};

package/dist/components/session-chrome.d.ts

@@ -58,6 +58,11 @@ export type SessionChromeProps = {
     queue: UseTurnQueueResult;
     /** Needed for queue edit → composer checkout. Omit with `readOnly`. */
     composer?: ComposerState | undefined;
+    /** Focus the composer after a successful queue checkout has applied its draft.
+     * Connect to the composer controller's `focusInput`, or a custom input ref.
+     * Never called for failed checkout or while replacement awaits confirmation.
+     */
+    onComposerFocus?: (() => void) | undefined;
     goal?: UseGoalResult | null | undefined;
     /** Expanded agents body (host supplies tree / list). */
     agentsPanel?: ReactNode;
@@ -116,5 +121,5 @@ export declare function sessionChromeShouldOfferQueue(input: {
 }): boolean;
 /** Select pill state from the goal's authoritative continuation projection. */
 export declare function sessionChromeGoalPillState(goalStatus: "active" | "paused" | "completed", continuation: SessionGoal["continuation"] | null | undefined, sessionStatus?: SessionStatus): GoalPillState;
-export declare function SessionChrome({ compact, sessionStatus, queue, composer, goal, agentsPanel, commandsPanel, commandsCount, agentsSignal, onDismissIncoming, onOpenSession, readOnly, className, active: activeControlled, defaultActive, onActiveChange, }: SessionChromeProps): import("react").JSX.Element | null;
+export declare function SessionChrome({ compact, sessionStatus, queue, composer, onComposerFocus, goal, agentsPanel, commandsPanel, commandsCount, agentsSignal, onDismissIncoming, onOpenSession, readOnly, className, active: activeControlled, defaultActive, onActiveChange, }: SessionChromeProps): import("react").JSX.Element | null;
 export {};

package/dist/{computer-viewer-7TEZC6Y2.js → computer-viewer-CTFCJVS7.js}

@@ -1,7 +1,7 @@
 import {
   ComputerViewer,
   computerKey
-} from "./chunk-BV5A4OTE.js";
+} from "./chunk-YS24CFDI.js";
 import "./chunk-H5YGYNXS.js";
 import "./chunk-4MDLEHXL.js";
 import "./chunk-5YK2ZDIG.js";
@@ -13,4 +13,4 @@ export {
   ComputerViewer,
   computerKey
 };
-//# sourceMappingURL=computer-viewer-7TEZC6Y2.js.map
+//# sourceMappingURL=computer-viewer-CTFCJVS7.js.map

package/dist/connect.js

@@ -1,7 +1,7 @@
 import "./chunk-IWIDV7SB.js";
 import {
   Markdown
-} from "./chunk-M2HNWZYR.js";
+} from "./chunk-IHQII5WO.js";
 import {
   copyTextToClipboard
 } from "./chunk-JVYQRRC4.js";