@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/chunk-MLJADQFI.js

@@ -1,4824 +0,0 @@
-"use client";
-import {
-  InteractionInterventionBanner,
-  isInteractionControlUnavailable,
-  isNonRetryableInteractionError,
-  isSourcePlacementChangedError,
-  useInteractionInterventions,
-  useInteractionInvalidation,
-  useViewerMenuDismiss
-} from "./chunk-QIK2Q6N5.js";
-import {
-  useClientConfigFlags
-} from "./chunk-XESA3B7W.js";
-import {
-  copyTextToClipboard
-} from "./chunk-PEHTX3V7.js";
-import {
-  usePageLiveActivity
-} from "./chunk-RV3O5OCQ.js";
-import {
-  formatBytes
-} from "./chunk-5MOJZORA.js";
-import {
-  interactionHostPlatform
-} from "./chunk-ZUWF4NF7.js";
-import {
-  STREAM_CLOSE_REASON_NORMAL,
-  STREAM_KIND_BROWSER,
-  STREAM_ROLE_CLIENT,
-  decodeStreamFrame,
-  decodeStreamOpenAck,
-  encodeStreamClose,
-  encodeStreamOpen
-} from "./chunk-TNEZNMSN.js";
-import {
-  useEmbeddedBrowserInteraction
-} from "./chunk-TVQCDDSZ.js";
-import {
-  cn
-} from "./chunk-TXS65BB2.js";
-import {
-  useOpenGeniText
-} from "./chunk-TNUSPXPW.js";
-
-// src/components/browser-viewer.tsx
-import { interactionControlFailureFromError } from "@opengeni/sdk/interaction";
-import {
-  BugIcon,
-  ArchiveIcon,
-  ArrowLeftIcon,
-  ArrowRightIcon,
-  CheckIcon,
-  ChevronDownIcon,
-  CircleAlertIcon,
-  DownloadIcon,
-  FileCheck2Icon,
-  Globe2Icon,
-  LoaderCircleIcon,
-  MonitorIcon,
-  PlusIcon,
-  RefreshCwIcon,
-  RotateCcwIcon,
-  SaveIcon,
-  UserRoundIcon,
-  XIcon,
-  ZapIcon
-} from "lucide-react";
-import {
-  useCallback as useCallback8,
-  useEffect as useEffect9,
-  useId,
-  useLayoutEffect as useLayoutEffect2,
-  useMemo as useMemo2,
-  useRef as useRef9,
-  useState as useState9
-} from "react";
-
-// src/hooks/use-browser-frame-stream.ts
-import {
-  browserFrameSocketUrl,
-  decodeBrowserFrameMessage
-} from "@opengeni/sdk/interaction";
-import { useCallback, useEffect, useRef, useState } from "react";
-import { errorMessage } from "@opengeni/contracts/values";
-var RELAY_TAG_OPEN = 1;
-var RELAY_TAG_OPEN_ACK = 2;
-var RELAY_TAG_FRAME = 3;
-var RELAY_TAG_CLOSE = 4;
-var MAX_AUTOMATIC_RECONNECTS_WITHOUT_A_FRAME = 2;
-function useBrowserFrameStream(options) {
-  const t = useOpenGeniText();
-  const { client, workspaceId } = useEmbeddedBrowserInteraction(options);
-  const pageLive = usePageLiveActivity();
-  const enabled = (options.enabled ?? true) && pageLive;
-  const [nonce, setNonce] = useState(0);
-  const [result, setResult] = useState({
-    state: "idle",
-    frame: null,
-    attachment: null,
-    error: null
-  });
-  const latestRef = useRef({
-    key: "",
-    sequence: -1
-  });
-  const factoryRef = useRef(options.webSocketFactory);
-  const streamRef = useRef(options.stream);
-  factoryRef.current = options.webSocketFactory;
-  streamRef.current = options.stream;
-  const reconnect = useCallback(() => setNonce((value) => value + 1), []);
-  useEffect(() => {
-    const browserSessionId = options.browserSessionId;
-    const targetId = options.targetId;
-    if (!enabled || !browserSessionId || !targetId || typeof window === "undefined") {
-      setResult({ state: "idle", frame: null, attachment: null, error: null });
-      return;
-    }
-    latestRef.current = { key: "", sequence: -1 };
-    setResult({
-      state: "attaching",
-      frame: null,
-      attachment: null,
-      error: null
-    });
-    let disposed = false;
-    let socket = null;
-    let socketHandlers = null;
-    let reconnectTimer = null;
-    let expiryTimer = null;
-    let failures = 0;
-    let controllerGeneration = null;
-    let activeAttachment = null;
-    let activeStream = null;
-    let attachmentExpiresAt = 0;
-    let lastRelaySequence = null;
-    let relayAccepted = false;
-    let pendingFrame = null;
-    let decodingFrame = false;
-    const attachmentAbort = new AbortController();
-    const clearSocket = (terminateProducer = false) => {
-      if (!socket) return;
-      const current = socket;
-      const handlers = socketHandlers;
-      if (terminateProducer && activeStream?.kind === "relay" && socket.readyState === 1) {
-        try {
-          socket.send(
-            relayDatagram(
-              RELAY_TAG_CLOSE,
-              encodeStreamClose({
-                channelId: activeStream.channel.channelId,
-                reason: STREAM_CLOSE_REASON_NORMAL,
-                message: "viewer detached"
-              })
-            )
-          );
-        } catch {
-        }
-      }
-      if (handlers) {
-        current.removeEventListener("open", handlers.open);
-        current.removeEventListener("message", handlers.message);
-        current.removeEventListener("error", handlers.error);
-        current.removeEventListener("close", handlers.close);
-      }
-      if (current.readyState === 0 || current.readyState === 1) {
-        current.close(1e3, "viewer detached");
-      }
-      socket = null;
-      socketHandlers = null;
-      pendingFrame = null;
-    };
-    const scheduleReconnect = () => {
-      if (disposed || reconnectTimer) return;
-      if (failures >= MAX_AUTOMATIC_RECONNECTS_WITHOUT_A_FRAME) return;
-      const delay = Math.min(5e3, 250 * 2 ** Math.min(failures, 5));
-      failures += 1;
-      setResult((current) => ({ ...current, state: "reconnecting" }));
-      reconnectTimer = setTimeout(() => {
-        reconnectTimer = null;
-        connectSocket();
-      }, delay);
-    };
-    const fail = (cause, reconnectAutomatically = true) => {
-      if (disposed) return;
-      const error = cause instanceof Error ? cause : new Error(String(cause));
-      setResult((current) => ({ ...current, state: "error", error }));
-      clearSocket();
-      if (reconnectAutomatically) scheduleReconnect();
-    };
-    const onOpen = (source) => {
-      if (disposed || source !== socket) return;
-      if (activeStream?.kind === "relay") {
-        const body = encodeStreamOpen({
-          channel: {
-            ...activeStream.channel,
-            kind: STREAM_KIND_BROWSER
-          },
-          token: activeStream.token,
-          role: STREAM_ROLE_CLIENT,
-          resumeFromSeq: lastRelaySequence === null ? "0" : (BigInt(lastRelaySequence) + 1n).toString()
-        });
-        try {
-          source.send(relayDatagram(RELAY_TAG_OPEN, body));
-        } catch (error) {
-          fail(error);
-        }
-        return;
-      }
-      setResult((current) => ({ ...current, state: "live", error: null }));
-    };
-    const drainLatestFrame = async () => {
-      if (decodingFrame) return;
-      decodingFrame = true;
-      try {
-        while (pendingFrame) {
-          if (disposed) break;
-          const pending = pendingFrame;
-          pendingFrame = null;
-          const { bytes, source } = pending;
-          const frame = decodeBrowserFrameMessage(bytes);
-          if (disposed || source !== socket) continue;
-          if (frame.browserSessionId !== browserSessionId || frame.targetId !== targetId) {
-            throw new Error("browser frame belongs to another resource");
-          }
-          if (!controllerGeneration || frame.controllerGeneration !== controllerGeneration) {
-            throw new Error("browser frame belongs to a stale controller");
-          }
-          const key = `${browserSessionId}:${targetId}:${frame.controllerGeneration}:${frame.targetGeneration}:${frame.documentGeneration}`;
-          if (latestRef.current.key === key && frame.sequence <= latestRef.current.sequence)
-            continue;
-          latestRef.current = { key, sequence: frame.sequence };
-          failures = 0;
-          setResult((current) => ({
-            ...current,
-            state: "live",
-            frame,
-            error: null
-          }));
-        }
-      } catch (cause) {
-        fail(cause);
-      } finally {
-        decodingFrame = false;
-        if (!disposed && pendingFrame) void drainLatestFrame();
-      }
-    };
-    const onMessage = (source, event) => {
-      void (async () => {
-        try {
-          const bytes = await messageBytes(event.data);
-          if (disposed || source !== socket) return;
-          let frameBytes = bytes;
-          if (activeStream?.kind === "relay") {
-            if (bytes.length < 1) throw new Error("browser relay returned an empty message");
-            const tag = bytes[0];
-            const body = bytes.subarray(1);
-            if (tag === RELAY_TAG_OPEN_ACK) {
-              const ack = decodeStreamOpenAck(body);
-              if (!ack.accepted) {
-                activeAttachment = null;
-                activeStream = null;
-                attachmentExpiresAt = 0;
-                throw new Error(ack.error?.message ?? "browser stream was rejected by the relay");
-              }
-              relayAccepted = true;
-              return;
-            }
-            if (tag === RELAY_TAG_CLOSE) {
-              activeAttachment = null;
-              activeStream = null;
-              attachmentExpiresAt = 0;
-              lastRelaySequence = null;
-              relayAccepted = false;
-              fail(new Error("Browser frame source ended."), false);
-              return;
-            }
-            if (tag !== RELAY_TAG_FRAME || !relayAccepted) return;
-            const relayFrame = decodeStreamFrame(body);
-            lastRelaySequence = relayFrame.seq;
-            frameBytes = relayFrame.data;
-          }
-          pendingFrame = { bytes: frameBytes, source };
-          void drainLatestFrame();
-        } catch (cause) {
-          fail(cause);
-        }
-      })();
-    };
-    const onError = (source) => {
-      if (source !== socket) return;
-      fail(new Error(t("hooks.useBrowserFrameStream.browserViewLostConnection")));
-    };
-    const onClose = (source) => {
-      if (disposed || source !== socket) return;
-      clearSocket();
-      scheduleReconnect();
-    };
-    const connectSocket = () => {
-      if (disposed) return;
-      clearSocket();
-      if (!activeAttachment || !activeStream || attachmentExpiresAt <= Date.now() + 1e3) {
-        void attach();
-        return;
-      }
-      relayAccepted = false;
-      setResult((current) => ({
-        ...current,
-        state: "connecting",
-        error: null
-      }));
-      const createSocket = factoryRef.current ?? ((url, protocols) => new WebSocket(url, protocols));
-      const openedSocket = createSocket(
-        activeStream.kind === "relay" ? activeStream.url : browserFrameSocketUrl(activeAttachment, streamRef.current),
-        activeStream.kind === "direct_websocket" ? [...activeStream.protocols] : []
-      );
-      latestRef.current = { key: "", sequence: -1 };
-      socket = openedSocket;
-      socketHandlers = {
-        open: () => onOpen(openedSocket),
-        message: (event) => onMessage(openedSocket, event),
-        error: () => onError(openedSocket),
-        close: () => onClose(openedSocket)
-      };
-      openedSocket.binaryType = "arraybuffer";
-      openedSocket.addEventListener("open", socketHandlers.open);
-      openedSocket.addEventListener("message", socketHandlers.message);
-      openedSocket.addEventListener("error", socketHandlers.error);
-      openedSocket.addEventListener("close", socketHandlers.close);
-    };
-    const attach = async () => {
-      if (disposed) return;
-      clearSocket();
-      if (expiryTimer) clearTimeout(expiryTimer);
-      setResult((current) => ({
-        ...current,
-        state: current.attachment ? "reconnecting" : "attaching",
-        error: null
-      }));
-      try {
-        const attachment = await client.attachBrowserSession(
-          workspaceId,
-          browserSessionId,
-          {
-            targetId,
-            expiresInSeconds: 120,
-            ...streamRef.current ? { stream: streamRef.current } : {}
-          },
-          { signal: attachmentAbort.signal }
-        );
-        if (disposed) return;
-        if (attachment.browserSessionId !== browserSessionId || attachment.targetId !== targetId) {
-          throw new Error("browser attachment does not match the requested resource");
-        }
-        controllerGeneration = attachment.controllerGeneration;
-        activeAttachment = attachment;
-        activeStream = attachment.stream;
-        attachmentExpiresAt = Date.parse(attachment.expiresAt);
-        lastRelaySequence = null;
-        relayAccepted = false;
-        setResult((current) => ({
-          ...current,
-          state: "connecting",
-          attachment: {
-            browserSessionId: attachment.browserSessionId,
-            controllerGeneration: attachment.controllerGeneration,
-            targetId: attachment.targetId,
-            expiresAt: attachment.expiresAt,
-            ...attachment.fencedInputBatches === true ? { fencedInputBatches: true } : {},
-            ...attachment.focusedInputObservations === true ? { focusedInputObservations: true } : {}
-          },
-          error: null
-        }));
-        const refreshIn = Number.isFinite(attachmentExpiresAt) ? Math.max(1e3, attachmentExpiresAt - Date.now() - 5e3) : 6e4;
-        expiryTimer = setTimeout(() => {
-          if (disposed) return;
-          clearSocket(true);
-          activeAttachment = null;
-          activeStream = null;
-          attachmentExpiresAt = 0;
-          void attach();
-        }, refreshIn);
-        connectSocket();
-      } catch (cause) {
-        if (attachmentAbort.signal.aborted || disposed) return;
-        fail(cause, !isPlacementGenerationLossError(cause));
-      }
-    };
-    void attach();
-    return () => {
-      disposed = true;
-      attachmentAbort.abort();
-      if (reconnectTimer) clearTimeout(reconnectTimer);
-      if (expiryTimer) clearTimeout(expiryTimer);
-      clearSocket(true);
-    };
-  }, [client, enabled, nonce, options.browserSessionId, options.targetId, workspaceId, t]);
-  return { ...result, reconnect };
-}
-function relayDatagram(tag, body) {
-  const message = new Uint8Array(body.length + 1);
-  message[0] = tag;
-  message.set(body, 1);
-  return message.buffer;
-}
-async function messageBytes(value) {
-  if (value instanceof ArrayBuffer) return new Uint8Array(value);
-  if (ArrayBuffer.isView(value)) {
-    return new Uint8Array(value.buffer, value.byteOffset, value.byteLength).slice();
-  }
-  if (typeof Blob !== "undefined" && value instanceof Blob) {
-    return new Uint8Array(await value.arrayBuffer());
-  }
-  throw new Error("browser frame stream returned a non-binary message");
-}
-function isPlacementGenerationLossError(cause) {
-  const message = errorMessage(cause);
-  return /placement instance changed|controller authority changed/i.test(message);
-}
-
-// src/hooks/use-attached-browsers.ts
-import { useCallback as useCallback2, useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
-function useAttachedBrowsers(options = {}) {
-  const { client, workspaceId, workspaceInteractionEvent, workspaceInteractionConnectionState } = useEmbeddedBrowserInteraction(options);
-  const enabled = options.enabled ?? true;
-  const includeDisconnected = options.includeDisconnected ?? false;
-  const [state, setState] = useState2(() => emptyState(workspaceId, enabled));
-  const requestRef = useRef2({
-    id: 0,
-    controller: null
-  });
-  const mountedRef = useRef2(true);
-  const visible = state.workspaceId === workspaceId ? state : emptyState(workspaceId, enabled);
-  const cancelLoad = useCallback2(() => {
-    const id = requestRef.current.id + 1;
-    requestRef.current.controller?.abort();
-    requestRef.current = { id, controller: null };
-  }, []);
-  const load = useCallback2(
-    async (foreground) => {
-      if (!enabled) return;
-      const id = requestRef.current.id + 1;
-      requestRef.current.controller?.abort();
-      const controller = new AbortController();
-      requestRef.current = { id, controller };
-      setState((current) => ({
-        ...current.workspaceId === workspaceId ? current : emptyState(workspaceId, true),
-        loading: foreground,
-        refreshing: !foreground,
-        error: foreground || current.workspaceId !== workspaceId ? null : current.error
-      }));
-      try {
-        const response = await client.listAttachedBrowsers(workspaceId, {
-          includeDisconnected,
-          signal: controller.signal
-        });
-        if (!mountedRef.current || requestRef.current.id !== id) return;
-        setState({
-          workspaceId,
-          revision: response.revision,
-          bridges: response.bridges,
-          devices: sortDevices(response.devices),
-          loading: false,
-          refreshing: false,
-          error: null
-        });
-      } catch (cause) {
-        if (controller.signal.aborted || !mountedRef.current || requestRef.current.id !== id)
-          return;
-        setState((current) => ({
-          ...current.workspaceId === workspaceId ? current : emptyState(workspaceId, true),
-          loading: false,
-          refreshing: false,
-          error: cause instanceof Error ? cause : new Error(String(cause))
-        }));
-      } finally {
-        if (requestRef.current.id === id) requestRef.current = { id, controller: null };
-      }
-    },
-    [client, enabled, includeDisconnected, workspaceId]
-  );
-  const refresh = useCallback2(async () => await load(false), [load]);
-  useEffect2(() => {
-    mountedRef.current = true;
-    if (!enabled) {
-      cancelLoad();
-      setState(emptyState(workspaceId, false));
-      return;
-    }
-    void load(true);
-    return () => {
-      mountedRef.current = false;
-      cancelLoad();
-    };
-  }, [cancelLoad, enabled, load, workspaceId]);
-  useInteractionInvalidation({
-    workspaceId,
-    key: `${workspaceId}:${includeDisconnected}`,
-    enabled,
-    event: workspaceInteractionEvent,
-    connectionState: workspaceInteractionConnectionState,
-    knownRevision: visible.revision,
-    refresh,
-    fallbackPollIntervalMs: options.pollIntervalMs
-  });
-  return {
-    revision: visible.revision,
-    bridges: visible.bridges,
-    devices: visible.devices,
-    loading: visible.loading,
-    refreshing: visible.refreshing,
-    error: visible.error,
-    refresh
-  };
-}
-function emptyState(workspaceId, loading) {
-  return {
-    workspaceId,
-    revision: 0,
-    bridges: [],
-    devices: [],
-    loading,
-    refreshing: false,
-    error: null
-  };
-}
-function sortDevices(devices) {
-  return [...devices].sort(
-    (left, right) => Number(right.state === "connected") - Number(left.state === "connected") || timestamp(right.lastSeenAt) - timestamp(left.lastSeenAt) || left.name.localeCompare(right.name)
-  );
-}
-function timestamp(value) {
-  const parsed = Date.parse(value);
-  return Number.isFinite(parsed) ? parsed : 0;
-}
-
-// src/hooks/use-browser-identities.ts
-import { useCallback as useCallback3, useEffect as useEffect3, useRef as useRef3, useState as useState3 } from "react";
-function useBrowserIdentities(options = {}) {
-  const { client, workspaceId, workspaceInteractionEvent, workspaceInteractionConnectionState } = useEmbeddedBrowserInteraction(options);
-  const enabled = options.enabled ?? true;
-  const includeArchived = options.includeArchived ?? false;
-  const [state, setState] = useState3(() => emptyState2(workspaceId, enabled));
-  const [mutationCount, setMutationCount] = useState3(0);
-  const requestRef = useRef3({
-    id: 0,
-    controller: null
-  });
-  const mountedRef = useRef3(true);
-  const visibleState = state.workspaceId === workspaceId ? state : emptyState2(workspaceId, enabled);
-  const cancelLoad = useCallback3(() => {
-    const id = requestRef.current.id + 1;
-    requestRef.current.controller?.abort();
-    requestRef.current = { id, controller: null };
-  }, []);
-  const load = useCallback3(
-    async (foreground) => {
-      if (!enabled) return;
-      const id = requestRef.current.id + 1;
-      requestRef.current.controller?.abort();
-      const controller = new AbortController();
-      requestRef.current = { id, controller };
-      setState((current) => ({
-        ...current.workspaceId === workspaceId ? current : emptyState2(workspaceId, true),
-        loading: foreground,
-        refreshing: !foreground,
-        error: foreground || current.workspaceId !== workspaceId ? null : current.error
-      }));
-      try {
-        const response = await client.listBrowserIdentities(workspaceId, {
-          includeArchived,
-          signal: controller.signal
-        });
-        if (!mountedRef.current || requestRef.current.id !== id) return;
-        setState({
-          workspaceId,
-          revision: response.revision,
-          identities: sortIdentities(response.identities),
-          loading: false,
-          refreshing: false,
-          error: null
-        });
-      } catch (cause) {
-        if (controller.signal.aborted || !mountedRef.current || requestRef.current.id !== id)
-          return;
-        setState((current) => ({
-          ...current.workspaceId === workspaceId ? current : emptyState2(workspaceId, true),
-          loading: false,
-          refreshing: false,
-          error: cause instanceof Error ? cause : new Error(String(cause))
-        }));
-      } finally {
-        if (requestRef.current.id === id) requestRef.current = { id, controller: null };
-      }
-    },
-    [client, enabled, includeArchived, workspaceId]
-  );
-  const refresh = useCallback3(async () => await load(false), [load]);
-  useEffect3(() => {
-    mountedRef.current = true;
-    if (!enabled) {
-      cancelLoad();
-      setState(emptyState2(workspaceId, false));
-      return;
-    }
-    void load(true);
-    return () => {
-      mountedRef.current = false;
-      cancelLoad();
-    };
-  }, [cancelLoad, enabled, load, workspaceId]);
-  useInteractionInvalidation({
-    workspaceId,
-    key: workspaceId,
-    enabled,
-    event: workspaceInteractionEvent,
-    connectionState: workspaceInteractionConnectionState,
-    knownRevision: visibleState.revision,
-    refresh
-  });
-  const mutate = useCallback3(async (operation) => {
-    setMutationCount((count) => count + 1);
-    try {
-      return await operation();
-    } finally {
-      if (mountedRef.current) setMutationCount((count) => Math.max(0, count - 1));
-    }
-  }, []);
-  const create = useCallback3(
-    async (request) => await mutate(async () => {
-      const response = await client.createBrowserIdentity(workspaceId, {
-        ...request,
-        operationId: request.operationId ?? crypto.randomUUID()
-      });
-      setState((current) => mergeIdentity(current, workspaceId, response.identity));
-      return response;
-    }),
-    [client, mutate, workspaceId]
-  );
-  const revisions = useCallback3(
-    async (identityId) => await client.listBrowserRevisions(workspaceId, identityId),
-    [client, workspaceId]
-  );
-  const update = useCallback3(
-    async (identityId, request) => await mutate(async () => {
-      const response = await client.updateBrowserIdentity(workspaceId, identityId, {
-        ...request,
-        operationId: request.operationId ?? crypto.randomUUID()
-      });
-      setState(
-        (current) => mergeIdentity(current, workspaceId, response.identity, includeArchived)
-      );
-      return response;
-    }),
-    [client, includeArchived, mutate, workspaceId]
-  );
-  const publish = useCallback3(
-    async (browserSessionId, request) => await mutate(async () => {
-      const response = await client.publishBrowserRevision(workspaceId, browserSessionId, {
-        ...request,
-        operationId: request.operationId ?? crypto.randomUUID()
-      });
-      setState((current) => mergeIdentity(current, workspaceId, response.identity));
-      return response;
-    }),
-    [client, mutate, workspaceId]
-  );
-  return {
-    revision: visibleState.revision,
-    identities: visibleState.identities,
-    loading: visibleState.loading,
-    refreshing: visibleState.refreshing,
-    mutating: mutationCount > 0,
-    error: visibleState.error,
-    refresh,
-    create,
-    update,
-    revisions,
-    publish
-  };
-}
-function emptyState2(workspaceId, loading) {
-  return {
-    workspaceId,
-    revision: 0,
-    identities: [],
-    loading,
-    refreshing: false,
-    error: null
-  };
-}
-function sortIdentities(identities) {
-  return [...identities].sort(
-    (left, right) => timestamp2(right.updatedAt) - timestamp2(left.updatedAt) || left.name.localeCompare(right.name)
-  );
-}
-function timestamp2(value) {
-  const parsed = Date.parse(value);
-  return Number.isFinite(parsed) ? parsed : 0;
-}
-function mergeIdentity(current, workspaceId, identity, includeArchived = false) {
-  if (current.workspaceId !== workspaceId) return current;
-  return {
-    ...current,
-    identities: sortIdentities(
-      identity.status === "archived" && !includeArchived ? current.identities.filter((candidate) => candidate.id !== identity.id) : [...current.identities.filter((candidate) => candidate.id !== identity.id), identity]
-    ),
-    error: null
-  };
-}
-
-// src/hooks/use-browser-downloads.ts
-import { useCallback as useCallback4, useEffect as useEffect4, useRef as useRef4, useState as useState4 } from "react";
-function useBrowserDownloads(options) {
-  const { client, workspaceId } = useEmbeddedBrowserInteraction(options);
-  const browserSessionId = options.browserSessionId;
-  const enabled = (options.enabled ?? true) && browserSessionId !== null;
-  const pageLive = usePageLiveActivity();
-  const pollIntervalMs = Math.max(750, options.pollIntervalMs ?? 2e3);
-  const scope = browserSessionId ?? "none";
-  const [state, setState] = useState4(() => emptyState3(scope, enabled));
-  const [saving, setSaving] = useState4({});
-  const visible = state.scope === scope ? state : emptyState3(scope, enabled);
-  const requestRef = useRef4({
-    id: 0,
-    controller: null
-  });
-  const mountedRef = useRef4(true);
-  const retryOperationsRef = useRef4(/* @__PURE__ */ new Map());
-  const cancelLoad = useCallback4(() => {
-    requestRef.current.controller?.abort();
-    requestRef.current = { id: requestRef.current.id + 1, controller: null };
-  }, []);
-  const load = useCallback4(
-    async (foreground) => {
-      if (!enabled || !browserSessionId) return;
-      const id = requestRef.current.id + 1;
-      requestRef.current.controller?.abort();
-      const controller = new AbortController();
-      requestRef.current = { id, controller };
-      setState((current) => ({
-        ...current.scope === scope ? current : emptyState3(scope, true),
-        loading: foreground,
-        refreshing: !foreground,
-        error: foreground || current.scope !== scope ? null : current.error
-      }));
-      try {
-        const response = await client.listBrowserDownloads(workspaceId, browserSessionId, {
-          signal: controller.signal
-        });
-        if (!mountedRef.current || requestRef.current.id !== id) return;
-        setState({
-          scope,
-          downloads: sortDownloads(response.downloads),
-          loading: false,
-          refreshing: false,
-          error: null
-        });
-      } catch (cause) {
-        if (controller.signal.aborted || !mountedRef.current || requestRef.current.id !== id)
-          return;
-        setState((current) => ({
-          ...current.scope === scope ? current : emptyState3(scope, true),
-          loading: false,
-          refreshing: false,
-          error: asError(cause)
-        }));
-      } finally {
-        if (requestRef.current.id === id) requestRef.current = { id, controller: null };
-      }
-    },
-    [browserSessionId, client, enabled, scope, workspaceId]
-  );
-  const refresh = useCallback4(async () => await load(false), [load]);
-  useEffect4(() => {
-    retryOperationsRef.current.clear();
-    setSaving({});
-  }, [scope]);
-  useEffect4(() => {
-    mountedRef.current = true;
-    if (!enabled) {
-      cancelLoad();
-      setState(emptyState3(scope, false));
-      return () => {
-        mountedRef.current = false;
-        cancelLoad();
-      };
-    }
-    void load(true);
-    return () => {
-      mountedRef.current = false;
-      cancelLoad();
-    };
-  }, [cancelLoad, enabled, load, scope]);
-  useEffect4(() => {
-    if (!enabled || !pageLive || Object.keys(saving).length > 0) return;
-    const timer = setInterval(() => {
-      if (!requestRef.current.controller) void refresh();
-    }, pollIntervalMs);
-    return () => clearInterval(timer);
-  }, [enabled, pageLive, pollIntervalMs, refresh, saving]);
-  const saveToWorkspace = useCallback4(
-    async (downloadId, destinationPath, saveOptions = {}) => {
-      if (!browserSessionId) throw new Error("No BrowserSession is selected.");
-      const overwrite = saveOptions.overwrite ?? false;
-      const attemptKey = `${browserSessionId}\0${downloadId}\0${destinationPath}\0${overwrite}`;
-      const operationId = saveOptions.operationId ?? retryOperationsRef.current.get(attemptKey) ?? crypto.randomUUID();
-      retryOperationsRef.current.set(attemptKey, operationId);
-      setSaving((current) => ({ ...current, [downloadId]: (current[downloadId] ?? 0) + 1 }));
-      try {
-        const response = await client.saveBrowserDownload(
-          workspaceId,
-          browserSessionId,
-          downloadId,
-          { operationId, destinationPath, overwrite }
-        );
-        retryOperationsRef.current.delete(attemptKey);
-        if (mountedRef.current) {
-          setState(
-            (current) => current.scope === scope ? {
-              ...current,
-              downloads: sortDownloads([
-                ...current.downloads.filter((download) => download.id !== response.download.id),
-                response.download
-              ]),
-              error: null
-            } : current
-          );
-        }
-        return response;
-      } finally {
-        if (mountedRef.current) {
-          setSaving((current) => {
-            const count = (current[downloadId] ?? 1) - 1;
-            if (count > 0) return { ...current, [downloadId]: count };
-            const { [downloadId]: _removed, ...rest } = current;
-            return rest;
-          });
-        }
-      }
-    },
-    [browserSessionId, client, scope, workspaceId]
-  );
-  return {
-    downloads: visible.downloads,
-    loading: visible.loading,
-    refreshing: visible.refreshing,
-    savingDownloadIds: Object.keys(saving),
-    error: visible.error,
-    refresh,
-    saveToWorkspace
-  };
-}
-function emptyState3(scope, loading) {
-  return {
-    scope,
-    downloads: [],
-    loading,
-    refreshing: false,
-    error: null
-  };
-}
-function sortDownloads(downloads) {
-  return [...downloads].sort(
-    (left, right) => right.startedAt.localeCompare(left.startedAt) || left.id.localeCompare(right.id)
-  );
-}
-function asError(cause) {
-  return cause instanceof Error ? cause : new Error(String(cause));
-}
-
-// src/hooks/use-browser-session.ts
-import { OpenGeniApiError } from "@opengeni/sdk";
-import { useCallback as useCallback5, useEffect as useEffect5, useRef as useRef5, useState as useState5 } from "react";
-function useBrowserSession(options) {
-  const t = useOpenGeniText();
-  const { client, workspaceId } = useEmbeddedBrowserInteraction(options);
-  const browserSessionId = options.browserSessionId;
-  const enabled = (options.enabled ?? true) && browserSessionId !== null;
-  const sourceRef = useRef5({ client, workspaceId, browserSessionId, enabled });
-  if (sourceRef.current.client !== client || sourceRef.current.workspaceId !== workspaceId || sourceRef.current.browserSessionId !== browserSessionId || sourceRef.current.enabled !== enabled) {
-    sourceRef.current = { client, workspaceId, browserSessionId, enabled };
-  }
-  const source = sourceRef.current;
-  const semanticObservationEnabled = options.semanticObservationEnabled ?? true;
-  const semanticObservationEnabledRef = useRef5(semanticObservationEnabled);
-  semanticObservationEnabledRef.current = semanticObservationEnabled;
-  const previousSemanticObservationRef = useRef5({
-    browserSessionId,
-    enabled: semanticObservationEnabled
-  });
-  const pageLive = usePageLiveActivity();
-  const pollIntervalMs = Math.max(750, options.pollIntervalMs ?? 2e3);
-  const [state, setState] = useState5(() => ({ ...emptyState4(browserSessionId, enabled), source }));
-  const visible = state.source === source && state.browserSessionId === browserSessionId ? state : { ...emptyState4(browserSessionId, enabled), source };
-  const refreshBlocked = isNonRetryableInteractionError(visible.error);
-  const inputFailureRef = useRef5(visible.inputFailure);
-  inputFailureRef.current = visible.inputFailure;
-  const selectedTargetIdRef = useRef5(visible.selectedTargetId);
-  selectedTargetIdRef.current = visible.selectedTargetId;
-  const selectionRevisionRef = useRef5(0);
-  const actionResultOrderRef = useRef5({ next: 0, settled: 0 });
-  const selectedTargetRef = useRef5(
-    visible.targets.find((target) => target.id === visible.selectedTargetId) ?? null
-  );
-  selectedTargetRef.current = visible.targets.find((target) => target.id === visible.selectedTargetId) ?? null;
-  const observationRef = useRef5({ browserSessionId, observation: visible.observation });
-  const lastObservationAtRef = useRef5(0);
-  if (observationRef.current.browserSessionId !== browserSessionId) {
-    observationRef.current = {
-      browserSessionId,
-      observation: visible.observation
-    };
-  } else {
-    observationRef.current.observation = visible.observation;
-  }
-  const requestRef = useRef5({
-    id: 0,
-    controller: null
-  });
-  const mutationRef = useRef5({
-    browserSessionId,
-    source,
-    count: 0,
-    needsInventoryReconcile: false
-  });
-  const mountedRef = useRef5(true);
-  const isCurrentSource = useCallback5(
-    () => mountedRef.current && sourceRef.current === source,
-    [source]
-  );
-  const invalidateRefresh = useCallback5(() => {
-    const id = requestRef.current.id + 1;
-    requestRef.current.controller?.abort();
-    requestRef.current = { id, controller: null };
-  }, []);
-  const refreshInventory = useCallback5(
-    async (checkInput = false, observeSelectedTarget = true) => {
-      if (!enabled || !browserSessionId || !isCurrentSource()) return;
-      const checkedInputFailure = inputFailureRef.current;
-      const id = requestRef.current.id + 1;
-      requestRef.current.controller?.abort();
-      const controller = new AbortController();
-      requestRef.current = { id, controller };
-      try {
-        const [session, targetResponse] = await Promise.all([
-          client.getBrowserSession(workspaceId, browserSessionId, {
-            signal: controller.signal
-          }),
-          client.listBrowserTargets(workspaceId, browserSessionId, {
-            signal: controller.signal
-          })
-        ]);
-        if (!isCurrentSource() || requestRef.current.id !== id) return;
-        const selected = chooseTarget(targetResponse.targets, selectedTargetIdRef.current);
-        selectedTargetIdRef.current = selected?.id ?? null;
-        selectedTargetRef.current = selected;
-        const previousObservation = observationRef.current.browserSessionId === browserSessionId ? observationRef.current.observation : null;
-        const retainedObservation = selected && previousObservation && sameObservationTarget(previousObservation, selected) ? previousObservation : null;
-        observationRef.current = {
-          browserSessionId,
-          observation: retainedObservation
-        };
-        setState(
-          (current) => isCurrentSource() && current.source === source && current.browserSessionId === browserSessionId ? {
-            ...current,
-            session,
-            targets: targetResponse.targets,
-            selectedTargetId: selected?.id ?? null,
-            observation: retainedObservation,
-            loading: false,
-            error: null,
-            // Media and background polling cannot confirm an input outcome.
-            // Only an explicit fresh check clears the notice it began with.
-            inputFailure: checkInput && session.id === browserSessionId && targetResponse.browserSessionId === browserSessionId && current.inputFailure === checkedInputFailure ? null : current.inputFailure
-          } : current
-        );
-        if (!selected || !observeSelectedTarget || !semanticObservationEnabledRef.current) return;
-        try {
-          const observation = await client.observeBrowserTarget(
-            workspaceId,
-            browserSessionId,
-            selected.id,
-            { signal: controller.signal }
-          );
-          if (!isCurrentSource() || requestRef.current.id !== id) return;
-          const currentSelected = selectedTargetRef.current;
-          if (observationRef.current.browserSessionId !== browserSessionId || currentSelected?.id !== selected.id || observation.browserSessionId !== browserSessionId || observation.target.id !== selected.id || observation.target.controllerGeneration !== currentSelected.controllerGeneration || observation.target.targetGeneration !== currentSelected.targetGeneration)
-            return;
-          selectedTargetRef.current = observation.target;
-          observationRef.current = { browserSessionId, observation };
-          lastObservationAtRef.current = Date.now();
-          setState(
-            (current) => isCurrentSource() && current.source === source && current.browserSessionId === browserSessionId && current.selectedTargetId === observation.target.id ? {
-              ...current,
-              observation,
-              targets: replaceTarget(current.targets, observation.target)
-            } : current
-          );
-        } catch (cause) {
-          if (controller.signal.aborted || !isCurrentSource() || requestRef.current.id !== id)
-            return;
-          void cause;
-        }
-      } catch (cause) {
-        if (controller.signal.aborted || !isCurrentSource() || requestRef.current.id !== id) return;
-        setState(
-          (current) => isCurrentSource() && current.source === source && current.browserSessionId === browserSessionId ? {
-            ...current,
-            loading: false,
-            error: cause instanceof Error ? cause : new Error(String(cause))
-          } : current
-        );
-      } finally {
-        if (requestRef.current.id === id) {
-          requestRef.current = { id, controller: null };
-        }
-      }
-    },
-    [browserSessionId, client, enabled, isCurrentSource, source, workspaceId]
-  );
-  const refresh = useCallback5(async () => await refreshInventory(true), [refreshInventory]);
-  const refreshSemantic = useCallback5(async () => {
-    if (!enabled || !browserSessionId || !isCurrentSource()) return;
-    const target = selectedTargetRef.current;
-    if (!target) return;
-    const id = requestRef.current.id + 1;
-    requestRef.current.controller?.abort();
-    const controller = new AbortController();
-    requestRef.current = { id, controller };
-    try {
-      const observation = await client.observeBrowserTarget(
-        workspaceId,
-        browserSessionId,
-        target.id,
-        { signal: controller.signal }
-      );
-      if (!isCurrentSource() || requestRef.current.id !== id) return;
-      if (!sameObservationTarget(observation, selectedTargetRef.current)) return;
-      observationRef.current = { browserSessionId, observation };
-      lastObservationAtRef.current = Date.now();
-      setState(
-        (current) => isCurrentSource() && current.source === source && current.browserSessionId === browserSessionId && current.selectedTargetId === target.id ? { ...current, observation } : current
-      );
-    } catch {
-    } finally {
-      if (requestRef.current.id === id) requestRef.current = { id, controller: null };
-    }
-  }, [browserSessionId, client, enabled, isCurrentSource, source, workspaceId]);
-  useEffect5(() => {
-    mountedRef.current = true;
-    if (!enabled) {
-      invalidateRefresh();
-      setState({ ...emptyState4(browserSessionId, false), source });
-      return;
-    }
-    setState(
-      (current) => isCurrentSource() && current.source === source && current.browserSessionId === browserSessionId ? { ...current, loading: true } : { ...emptyState4(browserSessionId, true), source }
-    );
-    void refreshInventory();
-    return () => {
-      mountedRef.current = false;
-      invalidateRefresh();
-    };
-  }, [browserSessionId, enabled, invalidateRefresh, isCurrentSource, refreshInventory, source]);
-  useEffect5(() => {
-    const previous = previousSemanticObservationRef.current;
-    previousSemanticObservationRef.current = {
-      browserSessionId,
-      enabled: semanticObservationEnabled
-    };
-    if (enabled && semanticObservationEnabled && previous.browserSessionId === browserSessionId && !previous.enabled) {
-      const currentObservation = observationRef.current.observation;
-      if (currentObservation && sameObservationTarget(currentObservation, selectedTargetRef.current) && Date.now() - lastObservationAtRef.current < pollIntervalMs) {
-        return;
-      }
-      observationRef.current = { browserSessionId, observation: null };
-      setState(
-        (current) => isCurrentSource() && current.source === source && current.browserSessionId === browserSessionId ? { ...current, observation: null } : current
-      );
-      void refreshSemantic();
-    }
-  }, [
-    browserSessionId,
-    enabled,
-    isCurrentSource,
-    pollIntervalMs,
-    refreshSemantic,
-    semanticObservationEnabled,
-    source
-  ]);
-  useEffect5(() => {
-    if (!enabled || !pageLive || visible.mutating || refreshBlocked) return;
-    const timer = setInterval(() => {
-      if (!requestRef.current.controller) void refreshInventory();
-    }, pollIntervalMs);
-    return () => clearInterval(timer);
-  }, [enabled, pageLive, pollIntervalMs, refreshInventory, refreshBlocked, visible.mutating]);
-  useEffect5(() => {
-    if (!enabled || !browserSessionId || !pageLive || refreshBlocked) return;
-    let disposed = false;
-    const heartbeat = () => {
-      if (!isCurrentSource()) return;
-      void client.heartbeatBrowserSession(workspaceId, browserSessionId).catch(() => {
-        if (!disposed) void refreshInventory();
-      });
-    };
-    const timer = setInterval(heartbeat, 3e4);
-    return () => {
-      disposed = true;
-      clearInterval(timer);
-    };
-  }, [
-    browserSessionId,
-    client,
-    enabled,
-    isCurrentSource,
-    pageLive,
-    refreshInventory,
-    refreshBlocked,
-    workspaceId
-  ]);
-  const runMutation = useCallback5(
-    async (scopeBrowserSessionId, operation, selectionRead = false, changesInventory = false) => {
-      if (!enabled || !isCurrentSource()) {
-        throw new Error(t("hooks.useBrowserSession.theBrowserSourceIsNo"));
-      }
-      const selectionRevision = ++selectionRevisionRef.current;
-      invalidateRefresh();
-      const readRequestId = requestRef.current.id;
-      if (mutationRef.current.browserSessionId !== scopeBrowserSessionId || mutationRef.current.source !== source) {
-        mutationRef.current = {
-          browserSessionId: scopeBrowserSessionId,
-          source,
-          count: 0,
-          needsInventoryReconcile: false
-        };
-      }
-      mutationRef.current.count += 1;
-      setState(
-        (current) => isCurrentSource() && current.source === source && current.browserSessionId === scopeBrowserSessionId ? { ...current, mutating: true, error: null } : current
-      );
-      try {
-        return await operation(selectionRevision, readRequestId);
-      } catch (cause) {
-        const error = cause instanceof Error ? cause : new Error(String(cause));
-        if (!selectionRead || requestRef.current.id === readRequestId) {
-          setState(
-            (current) => isCurrentSource() && selectionRevisionRef.current === selectionRevision && current.source === source && current.browserSessionId === scopeBrowserSessionId ? { ...current, error } : current
-          );
-        }
-        throw error;
-      } finally {
-        if (mutationRef.current.browserSessionId === scopeBrowserSessionId && mutationRef.current.source === source) {
-          if (changesInventory && (selectionRevisionRef.current !== selectionRevision || requestRef.current.id !== readRequestId)) {
-            mutationRef.current.needsInventoryReconcile = true;
-          }
-          mutationRef.current.count = Math.max(0, mutationRef.current.count - 1);
-          const mutating = mutationRef.current.count > 0;
-          setState(
-            (current) => isCurrentSource() && current.source === source && current.browserSessionId === scopeBrowserSessionId ? { ...current, mutating } : current
-          );
-          if (!mutating && mutationRef.current.needsInventoryReconcile && isCurrentSource()) {
-            mutationRef.current.needsInventoryReconcile = false;
-            void refreshInventory(false, false);
-          }
-        }
-      }
-    },
-    [enabled, invalidateRefresh, isCurrentSource, refreshInventory, source, t]
-  );
-  const selectTarget = useCallback5(
-    async (targetId) => {
-      if (!browserSessionId) throw new Error("No BrowserSession is selected.");
-      return await runMutation(
-        browserSessionId,
-        async (selectionRevision, readRequestId) => {
-          const isCurrentSelection = () => isCurrentSource() && selectionRevisionRef.current === selectionRevision;
-          const isCurrentSelectionRead = () => isCurrentSelection() && requestRef.current.id === readRequestId;
-          let targets = visible.targets;
-          let target;
-          let observation;
-          try {
-            observation = await client.selectBrowserTarget(workspaceId, browserSessionId, targetId);
-            target = observation.target;
-          } catch (cause) {
-            if (!isCurrentSelectionRead() || !isMissingBrowserTarget(cause)) throw cause;
-            const response = await client.listBrowserTargets(workspaceId, browserSessionId);
-            if (!isCurrentSelectionRead()) throw cause;
-            targets = response.targets;
-            const fallback = chooseTarget(targets, null);
-            if (!fallback) {
-              selectedTargetIdRef.current = null;
-              selectedTargetRef.current = null;
-              observationRef.current = { browserSessionId, observation: null };
-              setState(
-                (current) => isCurrentSelection() && current.source === source && current.browserSessionId === browserSessionId ? {
-                  ...current,
-                  targets,
-                  selectedTargetId: null,
-                  observation: null
-                } : current
-              );
-              throw cause;
-            }
-            observation = await client.selectBrowserTarget(
-              workspaceId,
-              browserSessionId,
-              fallback.id
-            );
-            target = observation.target;
-          }
-          if (!isCurrentSelectionRead()) return target;
-          selectedTargetIdRef.current = target.id;
-          selectedTargetRef.current = target;
-          observationRef.current = { browserSessionId, observation };
-          lastObservationAtRef.current = Date.now();
-          setState(
-            (current) => isCurrentSelection() && current.source === source && current.browserSessionId === browserSessionId ? {
-              ...current,
-              targets: replaceTarget(targets, target).map((candidate) => ({
-                ...candidate,
-                selected: candidate.id === target.id
-              })),
-              selectedTargetId: target.id,
-              observation
-            } : current
-          );
-          return target;
-        },
-        true
-      );
-    },
-    [browserSessionId, client, isCurrentSource, runMutation, source, visible.targets, workspaceId]
-  );
-  const openTarget = useCallback5(
-    async (url) => {
-      if (!browserSessionId) throw new Error("No BrowserSession is selected.");
-      return await runMutation(
-        browserSessionId,
-        async (selectionRevision, readRequestId) => {
-          const isCurrentSelection = () => isCurrentSource() && selectionRevisionRef.current === selectionRevision;
-          const isCurrentSelectionRead = () => isCurrentSelection() && requestRef.current.id === readRequestId;
-          const observation = await client.openBrowserTarget(
-            workspaceId,
-            browserSessionId,
-            url === void 0 ? {} : { url }
-          );
-          const target = observation.target;
-          if (!isCurrentSource()) return target;
-          if (!isCurrentSelectionRead()) return target;
-          selectedTargetIdRef.current = target.id;
-          selectedTargetRef.current = target;
-          observationRef.current = { browserSessionId, observation };
-          lastObservationAtRef.current = Date.now();
-          setState(
-            (current) => isCurrentSelection() && current.source === source && current.browserSessionId === browserSessionId ? {
-              ...current,
-              targets: [
-                ...current.targets.map((candidate) => ({
-                  ...candidate,
-                  selected: false
-                })),
-                target
-              ],
-              selectedTargetId: target.id,
-              observation
-            } : current
-          );
-          return target;
-        },
-        false,
-        true
-      );
-    },
-    [browserSessionId, client, isCurrentSource, runMutation, source, workspaceId]
-  );
-  const closeTarget = useCallback5(
-    async (targetId) => {
-      if (!browserSessionId) throw new Error("No BrowserSession is selected.");
-      await runMutation(
-        browserSessionId,
-        async (selectionRevision, readRequestId) => {
-          const isCurrentSelection = () => isCurrentSource() && selectionRevisionRef.current === selectionRevision;
-          const isCurrentSelectionRead = () => isCurrentSelection() && requestRef.current.id === readRequestId;
-          const response = await client.closeBrowserTarget(workspaceId, browserSessionId, targetId);
-          if (!isCurrentSource()) return;
-          if (!isCurrentSelectionRead()) return;
-          const selected = chooseTarget(response.targets, selectedTargetIdRef.current);
-          const observed = selected ? await client.observeBrowserTarget(workspaceId, browserSessionId, selected.id) : null;
-          if (!isCurrentSource()) return;
-          if (!isCurrentSelectionRead()) return;
-          const observation = observed && selected && observed.browserSessionId === browserSessionId && observed.target.id === selected.id && observed.target.controllerGeneration === selected.controllerGeneration && observed.target.targetGeneration === selected.targetGeneration ? observed : null;
-          const currentTarget = observation?.target ?? selected;
-          selectedTargetIdRef.current = currentTarget?.id ?? null;
-          selectedTargetRef.current = currentTarget;
-          observationRef.current = { browserSessionId, observation };
-          if (observation) lastObservationAtRef.current = Date.now();
-          setState(
-            (current) => isCurrentSelection() && current.source === source && current.browserSessionId === browserSessionId ? {
-              ...current,
-              targets: currentTarget ? replaceTarget(response.targets, currentTarget) : response.targets,
-              selectedTargetId: currentTarget?.id ?? null,
-              observation
-            } : current
-          );
-        },
-        false,
-        true
-      );
-    },
-    [browserSessionId, client, isCurrentSource, runMutation, source, workspaceId]
-  );
-  const dispatchAction = useCallback5(
-    async (action, operationId, frame, observationMode = "none") => {
-      if (!browserSessionId) throw new Error("No BrowserSession is selected.");
-      if (!enabled || !isCurrentSource()) {
-        throw new Error(t("hooks.useBrowserSession.theBrowserSourceIsNo"));
-      }
-      if (!selectedTargetRef.current) {
-        throw new Error("The browser page is not ready for input.");
-      }
-      if (frame && frame.browserSessionId !== browserSessionId) {
-        throw new Error("The displayed browser frame belongs to another BrowserSession.");
-      }
-      const currentObservation = observationRef.current.browserSessionId === browserSessionId ? observationRef.current.observation : null;
-      const fence = frame ? {
-        targetId: frame.targetId,
-        expectedTargetGeneration: frame.targetGeneration,
-        expectedDocumentGeneration: frame.documentGeneration,
-        expectedFrameId: frame.frameId
-      } : currentObservation && sameObservationTarget(currentObservation, selectedTargetRef.current) ? {
-        targetId: currentObservation.target.id,
-        expectedTargetGeneration: currentObservation.target.targetGeneration,
-        expectedDocumentGeneration: currentObservation.target.documentGeneration,
-        expectedFrameId: currentObservation.frameId
-      } : null;
-      if (!fence) {
-        throw new Error("The browser page is not ready for input.");
-      }
-      const expectedControllerGeneration = frame?.controllerGeneration ?? currentObservation.target.controllerGeneration;
-      const selectionRevision = selectionRevisionRef.current;
-      const resultOrder = ++actionResultOrderRef.current.next;
-      let resultDocumentGeneration = fence.expectedDocumentGeneration;
-      const isCurrentResultView = () => {
-        const selected = selectedTargetRef.current;
-        return isCurrentSource() && selectionRevisionRef.current === selectionRevision && selected?.browserSessionId === browserSessionId && selected.id === fence.targetId && selected.controllerGeneration === expectedControllerGeneration && selected.targetGeneration === fence.expectedTargetGeneration && (selected.documentGeneration === fence.expectedDocumentGeneration || selected.documentGeneration === resultDocumentGeneration);
-      };
-      const canProjectResult = () => isCurrentResultView() && resultOrder >= actionResultOrderRef.current.settled;
-      const settleResult = () => {
-        if (!canProjectResult()) return false;
-        actionResultOrderRef.current.settled = resultOrder;
-        invalidateRefresh();
-        return true;
-      };
-      try {
-        const receipt = await client.actInBrowser(workspaceId, browserSessionId, {
-          operationId,
-          ...fence,
-          observationMode,
-          action
-        });
-        resultDocumentGeneration = receipt.observation?.target.documentGeneration ?? fence.expectedDocumentGeneration;
-        const settled = receipt.state === "completed" || receipt.state === "failed" || receipt.state === "outcome_unknown";
-        if (!canProjectResult() || settled && !settleResult()) return receipt;
-        const receivedObservation = receipt.observation;
-        const selectedTarget = selectedTargetRef.current;
-        let projectedObservation = null;
-        if (settled && receivedObservation && canProjectResult() && receipt.browserSessionId === browserSessionId && receipt.controllerGeneration === expectedControllerGeneration && receipt.targetId === fence.targetId && observationRef.current.browserSessionId === browserSessionId && receivedObservation.browserSessionId === browserSessionId && selectedTarget?.browserSessionId === browserSessionId && selectedTarget.id === fence.targetId && receivedObservation.target.id === fence.targetId && selectedTarget.controllerGeneration === expectedControllerGeneration && receivedObservation.target.controllerGeneration === expectedControllerGeneration && selectedTarget.targetGeneration === fence.expectedTargetGeneration && receivedObservation.target.targetGeneration === fence.expectedTargetGeneration && (selectedTarget.documentGeneration === fence.expectedDocumentGeneration || selectedTarget.documentGeneration === receivedObservation.target.documentGeneration)) {
-          projectedObservation = receivedObservation;
-          observationRef.current = {
-            browserSessionId,
-            observation: receivedObservation
-          };
-          selectedTargetRef.current = receivedObservation.target;
-          lastObservationAtRef.current = Date.now();
-        }
-        setState(
-          (current) => isCurrentResultView() && current.source === source && current.browserSessionId === browserSessionId && current.actionResultOrder <= resultOrder ? {
-            ...current,
-            actionResultOrder: settled ? resultOrder : current.actionResultOrder,
-            error: receipt.state === "completed" ? null : current.error,
-            inputFailure: receipt.state === "completed" ? current.inputFailure : {
-              operationId: receipt.operationId,
-              state: receipt.state,
-              error: receipt.error
-            },
-            ...projectedObservation ? {
-              observation: projectedObservation,
-              targets: replaceTarget(current.targets, projectedObservation.target)
-            } : {}
-          } : current
-        );
-        return receipt;
-      } catch (cause) {
-        const error = cause instanceof Error ? cause : new Error(String(cause));
-        if (settleResult()) {
-          setState(
-            (current) => isCurrentResultView() && current.source === source && current.browserSessionId === browserSessionId && current.actionResultOrder <= resultOrder ? { ...current, error, actionResultOrder: resultOrder } : current
-          );
-        }
-        throw error;
-      }
-    },
-    [browserSessionId, client, enabled, invalidateRefresh, isCurrentSource, source, workspaceId, t]
-  );
-  const act = useCallback5(
-    async (action, operationId = crypto.randomUUID()) => await dispatchAction(action, operationId, null),
-    [dispatchAction]
-  );
-  const actFromFrame = useCallback5(
-    async (action, frame, operationId = crypto.randomUUID(), observationMode = "none") => await dispatchAction(action, operationId, frame, observationMode),
-    [dispatchAction]
-  );
-  const observeForInput = useCallback5(async () => {
-    const target = selectedTargetRef.current;
-    if (!enabled || !isCurrentSource()) {
-      throw new Error(t("hooks.useBrowserSession.theBrowserSourceIsNo"));
-    }
-    if (!browserSessionId || !target)
-      throw new Error(t("hooks.useBrowserSession.noBrowserTabIsSelected"));
-    const observation = await client.observeBrowserTarget(workspaceId, browserSessionId, target.id);
-    if (!isCurrentSource() || observation.browserSessionId !== browserSessionId || !sameObservationTarget(observation, selectedTargetRef.current)) {
-      throw new Error(t("hooks.useBrowserSession.theBrowserPageChangedOpen"));
-    }
-    return observation;
-  }, [browserSessionId, client, enabled, isCurrentSource, workspaceId, t]);
-  const actFromObservation = useCallback5(
-    async (action, observation) => {
-      if (!sameObservationTarget(observation, selectedTargetRef.current)) {
-        throw new Error(t("hooks.useBrowserSession.theBrowserPageChangedOpen"));
-      }
-      return await dispatchAction(action, crypto.randomUUID(), {
-        browserSessionId: observation.browserSessionId,
-        controllerGeneration: observation.target.controllerGeneration,
-        targetId: observation.target.id,
-        targetGeneration: observation.target.targetGeneration,
-        documentGeneration: observation.target.documentGeneration,
-        frameId: observation.frameId
-      });
-    },
-    [dispatchAction, t]
-  );
-  const diagnostics = useCallback5(
-    async (diagnosticOptions = {}) => {
-      if (!enabled || !isCurrentSource()) {
-        throw new Error(t("hooks.useBrowserSession.theBrowserSourceIsNo"));
-      }
-      const targetId = selectedTargetIdRef.current;
-      if (!browserSessionId || !targetId) {
-        throw new Error(t("hooks.useBrowserSession.noBrowserTabIsSelected"));
-      }
-      return await client.listBrowserDiagnostics(
-        workspaceId,
-        browserSessionId,
-        targetId,
-        diagnosticOptions
-      );
-    },
-    [browserSessionId, client, enabled, isCurrentSource, workspaceId, t]
-  );
-  const readClipboard = useCallback5(async () => {
-    if (!enabled || !isCurrentSource()) {
-      throw new Error(t("hooks.useBrowserSession.theBrowserSourceIsNo"));
-    }
-    if (!browserSessionId) throw new Error("No BrowserSession is selected.");
-    const clipboard = await client.readBrowserClipboard(workspaceId, browserSessionId);
-    if (!isCurrentSource() || clipboard.browserSessionId !== browserSessionId) {
-      throw new Error("Browser clipboard belongs to another BrowserSession.");
-    }
-    return clipboard;
-  }, [browserSessionId, client, enabled, isCurrentSource, workspaceId, t]);
-  return {
-    session: visible.session,
-    targets: visible.targets,
-    selectedTarget: visible.targets.find((target) => target.id === visible.selectedTargetId) ?? null,
-    observation: visible.observation,
-    loading: visible.loading,
-    mutating: visible.mutating,
-    error: visible.error,
-    inputFailure: visible.inputFailure,
-    refresh,
-    observeForInput,
-    actFromObservation,
-    selectTarget,
-    openTarget,
-    closeTarget,
-    act,
-    actFromFrame,
-    readClipboard,
-    diagnostics
-  };
-}
-function emptyState4(browserSessionId, loading) {
-  return {
-    browserSessionId,
-    session: null,
-    targets: [],
-    selectedTargetId: null,
-    observation: null,
-    loading,
-    mutating: false,
-    error: null,
-    inputFailure: null,
-    actionResultOrder: 0
-  };
-}
-function chooseTarget(targets, preferredId) {
-  return targets.find((target) => target.id === preferredId) ?? targets.find((target) => target.selected && target.kind === "page") ?? targets.find((target) => target.kind === "page") ?? targets[0] ?? null;
-}
-function replaceTarget(targets, target) {
-  const next = targets.filter((candidate) => candidate.id !== target.id);
-  next.push(target);
-  return next.sort((left, right) => left.createdAt.localeCompare(right.createdAt));
-}
-function sameObservationTarget(observation, target) {
-  return target !== null && observation.browserSessionId === target.browserSessionId && observation.target.id === target.id && observation.target.controllerGeneration === target.controllerGeneration && observation.target.targetGeneration === target.targetGeneration && observation.target.documentGeneration === target.documentGeneration;
-}
-function isMissingBrowserTarget(error) {
-  return error instanceof OpenGeniApiError && error.code === "target_not_found";
-}
-
-// src/hooks/use-browser-sessions.ts
-import { useCallback as useCallback6, useEffect as useEffect6, useMemo, useRef as useRef6, useState as useState6 } from "react";
-function useBrowserSessions(options = {}) {
-  const {
-    client,
-    workspaceId,
-    registerSessionReconciler,
-    workspaceInteractionEvent,
-    workspaceInteractionConnectionState
-  } = useEmbeddedBrowserInteraction(options);
-  const enabled = options.enabled ?? true;
-  const [state, setState] = useState6(() => emptyState5(workspaceId, enabled));
-  const requestRef = useRef6({
-    id: 0,
-    controller: null
-  });
-  const loadQueueRef = useRef6(null);
-  const mountedRef = useRef6(true);
-  const visibleState = state.workspaceId === workspaceId ? state : emptyState5(workspaceId, enabled);
-  const cancelLoad = useCallback6(() => {
-    loadQueueRef.current = null;
-    const id = requestRef.current.id + 1;
-    requestRef.current.controller?.abort();
-    requestRef.current = { id, controller: null };
-  }, []);
-  const loadOnce = useCallback6(
-    async (foreground) => {
-      if (!enabled) return;
-      const id = requestRef.current.id + 1;
-      requestRef.current.controller?.abort();
-      const controller = new AbortController();
-      requestRef.current = { id, controller };
-      setState((current) => ({
-        ...current.workspaceId === workspaceId ? current : emptyState5(workspaceId, true),
-        active: true,
-        loading: foreground,
-        refreshing: !foreground,
-        error: foreground || current.workspaceId !== workspaceId ? null : current.error
-      }));
-      try {
-        const response = await client.listBrowserSessions(workspaceId, {
-          signal: controller.signal
-        });
-        if (!mountedRef.current || requestRef.current.id !== id) return;
-        setState({
-          workspaceId,
-          active: true,
-          revision: response.revision,
-          sessions: sortBrowserSessions(response.sessions),
-          loading: false,
-          refreshing: false,
-          error: null
-        });
-      } catch (cause) {
-        if (controller.signal.aborted || !mountedRef.current || requestRef.current.id !== id)
-          return;
-        const error = cause instanceof Error ? cause : new Error(String(cause));
-        setState((current) => ({
-          ...current.workspaceId === workspaceId ? current : emptyState5(workspaceId, true),
-          loading: false,
-          refreshing: false,
-          error
-        }));
-      } finally {
-        if (requestRef.current.id === id) {
-          requestRef.current = { id, controller: null };
-        }
-      }
-    },
-    [client, enabled, workspaceId]
-  );
-  const load = useCallback6(
-    (foreground) => {
-      const current = loadQueueRef.current;
-      if (current) {
-        current.pending = true;
-        return current.promise;
-      }
-      const queue = { pending: false, promise: Promise.resolve() };
-      loadQueueRef.current = queue;
-      queue.promise = Promise.resolve().then(async () => {
-        while (loadQueueRef.current === queue) {
-          queue.pending = false;
-          await loadOnce(foreground);
-          foreground = false;
-          if (!queue.pending) break;
-        }
-        if (loadQueueRef.current === queue) loadQueueRef.current = null;
-      }).finally(() => {
-        if (loadQueueRef.current === queue) loadQueueRef.current = null;
-      });
-      return queue.promise;
-    },
-    [loadOnce]
-  );
-  const refresh = useCallback6(async () => await load(false), [load]);
-  useEffect6(() => {
-    mountedRef.current = true;
-    if (!enabled) {
-      cancelLoad();
-      setState(emptyState5(workspaceId, false));
-      return;
-    }
-    void load(true);
-    return () => {
-      mountedRef.current = false;
-      cancelLoad();
-    };
-  }, [cancelLoad, enabled, load, workspaceId]);
-  useInteractionInvalidation({
-    workspaceId,
-    key: workspaceId,
-    enabled,
-    event: workspaceInteractionEvent,
-    connectionState: workspaceInteractionConnectionState,
-    knownRevision: visibleState.revision,
-    refresh,
-    fallbackPollIntervalMs: options.pollIntervalMs
-  });
-  useEffect6(() => {
-    if (!enabled || !options.sessionId) return;
-    return registerSessionReconciler(options.sessionId, `browser-sessions:${workspaceId}`, refresh);
-  }, [enabled, options.sessionId, refresh, registerSessionReconciler, workspaceId]);
-  const create = useCallback6(
-    async (request) => {
-      const response = await client.createBrowserSession(workspaceId, {
-        ...request,
-        operationId: request.operationId ?? crypto.randomUUID()
-      });
-      setState((current) => mergeSession(current, workspaceId, response.session));
-      return response;
-    },
-    [client, workspaceId]
-  );
-  const end = useCallback6(
-    async (browserSessionId, operationId = crypto.randomUUID()) => {
-      const response = await client.endBrowserSession(workspaceId, browserSessionId, {
-        operationId
-      });
-      setState((current) => mergeSession(current, workspaceId, response.session));
-      return response;
-    },
-    [client, workspaceId]
-  );
-  const suspend = useCallback6(
-    async (browserSessionId, operationId = crypto.randomUUID()) => {
-      const response = await client.suspendBrowserSession(workspaceId, browserSessionId, {
-        operationId
-      });
-      setState((current) => mergeSession(current, workspaceId, response.session));
-      return response;
-    },
-    [client, workspaceId]
-  );
-  const resume = useCallback6(
-    async (browserSessionId, operationId = crypto.randomUUID()) => {
-      const response = await client.resumeBrowserSession(workspaceId, browserSessionId, {
-        operationId
-      });
-      setState((current) => mergeSession(current, workspaceId, response.session));
-      return response;
-    },
-    [client, workspaceId]
-  );
-  const relevantSessions = useMemo(
-    () => options.sessionId ? visibleState.sessions.filter(
-      (session) => session.associations.some((association) => association.sessionId === options.sessionId)
-    ) : [],
-    [options.sessionId, visibleState.sessions]
-  );
-  return {
-    revision: visibleState.revision,
-    sessions: visibleState.sessions,
-    relevantSessions,
-    // A disabled registry is deliberately empty. Expose the first re-enabled
-    // render as loading so consumers do not reconcile against that empty gap.
-    loading: enabled ? !visibleState.active || visibleState.loading : false,
-    refreshing: visibleState.refreshing,
-    error: visibleState.error,
-    refresh,
-    create,
-    suspend,
-    resume,
-    end
-  };
-}
-function emptyState5(workspaceId, loading) {
-  return {
-    workspaceId,
-    active: false,
-    revision: 0,
-    sessions: [],
-    loading,
-    refreshing: false,
-    error: null
-  };
-}
-function sortBrowserSessions(sessions) {
-  return [...sessions].sort((left, right) => {
-    const live = Number(isLiveBrowser(right)) - Number(isLiveBrowser(left));
-    return live || timestamp3(right.lastUsedAt) - timestamp3(left.lastUsedAt) || left.id.localeCompare(right.id);
-  });
-}
-function isLiveBrowser(session) {
-  return !["ending", "ended", "failed", "lost"].includes(session.lifecycle);
-}
-function timestamp3(value) {
-  const parsed = Date.parse(value);
-  return Number.isFinite(parsed) ? parsed : 0;
-}
-function mergeSession(current, workspaceId, session) {
-  if (current.workspaceId !== workspaceId) return current;
-  const sessions = current.sessions.filter((candidate) => candidate.id !== session.id);
-  sessions.push(session);
-  return { ...current, sessions: sortBrowserSessions(sessions), error: null };
-}
-
-// src/hooks/use-site-auth-connections.ts
-import { useCallback as useCallback7, useEffect as useEffect7, useRef as useRef7, useState as useState7 } from "react";
-function useSiteAuthConnections(options = {}) {
-  const { client, workspaceId, workspaceInteractionEvent, workspaceInteractionConnectionState } = useEmbeddedBrowserInteraction(options);
-  const enabled = options.enabled ?? true;
-  const includeArchived = options.includeArchived ?? false;
-  const key = `${workspaceId}:${includeArchived ? "all" : "active"}`;
-  const [state, setState] = useState7(() => emptyState6(key, enabled));
-  const [mutationCount, setMutationCount] = useState7(0);
-  const requestRef = useRef7({
-    id: 0,
-    controller: null
-  });
-  const mountedRef = useRef7(true);
-  const visible = state.key === key ? state : emptyState6(key, enabled);
-  const cancelLoad = useCallback7(() => {
-    requestRef.current.controller?.abort();
-    requestRef.current = { id: requestRef.current.id + 1, controller: null };
-  }, []);
-  const load = useCallback7(
-    async (foreground) => {
-      if (!enabled) return;
-      const id = requestRef.current.id + 1;
-      requestRef.current.controller?.abort();
-      const controller = new AbortController();
-      requestRef.current = { id, controller };
-      setState((current) => ({
-        ...current.key === key ? current : emptyState6(key, true),
-        loading: foreground,
-        refreshing: !foreground,
-        error: foreground || current.key !== key ? null : current.error
-      }));
-      try {
-        const response = await client.listSiteAuthConnections(workspaceId, {
-          includeArchived,
-          signal: controller.signal
-        });
-        if (!mountedRef.current || requestRef.current.id !== id) return;
-        setState({
-          key,
-          revision: response.revision,
-          connections: sortConnections(response.connections),
-          loading: false,
-          refreshing: false,
-          error: null
-        });
-      } catch (cause) {
-        if (controller.signal.aborted || !mountedRef.current || requestRef.current.id !== id)
-          return;
-        setState((current) => ({
-          ...current.key === key ? current : emptyState6(key, true),
-          loading: false,
-          refreshing: false,
-          error: asError2(cause)
-        }));
-      } finally {
-        if (requestRef.current.id === id) requestRef.current = { id, controller: null };
-      }
-    },
-    [client, enabled, includeArchived, key, workspaceId]
-  );
-  const refresh = useCallback7(async () => await load(false), [load]);
-  useEffect7(() => {
-    mountedRef.current = true;
-    if (!enabled) {
-      cancelLoad();
-      setState(emptyState6(key, false));
-      return;
-    }
-    void load(true);
-    return () => {
-      mountedRef.current = false;
-      cancelLoad();
-    };
-  }, [cancelLoad, enabled, key, load]);
-  useInteractionInvalidation({
-    workspaceId,
-    key,
-    enabled,
-    event: workspaceInteractionEvent,
-    connectionState: workspaceInteractionConnectionState,
-    knownRevision: visible.revision,
-    refresh
-  });
-  const mutate = useCallback7(async (operation) => {
-    setMutationCount((count) => count + 1);
-    try {
-      return await operation();
-    } finally {
-      if (mountedRef.current) setMutationCount((count) => Math.max(0, count - 1));
-    }
-  }, []);
-  const merge = useCallback7(
-    (connection) => {
-      setState((current) => {
-        if (current.key !== key) return current;
-        const connections = current.connections.filter(
-          (candidate) => candidate.id !== connection.id
-        );
-        if (includeArchived || connection.status !== "archived") connections.push(connection);
-        return { ...current, connections: sortConnections(connections), error: null };
-      });
-    },
-    [includeArchived, key]
-  );
-  const create = useCallback7(
-    async (request) => await mutate(async () => {
-      const response = await client.createSiteAuthConnection(workspaceId, {
-        ...request,
-        operationId: request.operationId ?? crypto.randomUUID()
-      });
-      merge(response.connection);
-      return response;
-    }),
-    [client, merge, mutate, workspaceId]
-  );
-  const update = useCallback7(
-    async (connectionId, request) => await mutate(async () => {
-      const response = await client.updateSiteAuthConnection(workspaceId, connectionId, {
-        ...request,
-        operationId: request.operationId ?? crypto.randomUUID()
-      });
-      merge(response.connection);
-      return response;
-    }),
-    [client, merge, mutate, workspaceId]
-  );
-  return {
-    revision: visible.revision,
-    connections: visible.connections,
-    loading: visible.loading,
-    refreshing: visible.refreshing,
-    mutating: mutationCount > 0,
-    error: visible.error,
-    refresh,
-    create,
-    update
-  };
-}
-function emptyState6(key, loading) {
-  return {
-    key,
-    revision: 0,
-    connections: [],
-    loading,
-    refreshing: false,
-    error: null
-  };
-}
-function sortConnections(connections) {
-  return [...connections].sort(
-    (left, right) => Number(left.status === "archived") - Number(right.status === "archived") || left.name.localeCompare(right.name) || left.accountLabel.localeCompare(right.accountLabel)
-  );
-}
-function asError2(cause) {
-  return cause instanceof Error ? cause : new Error(String(cause));
-}
-
-// src/components/browser-input.ts
-var HUMAN_BROWSER_HOME_URL = "https://www.google.com/";
-var HUMAN_BROWSER_SEARCH_URL = "https://www.google.com/search?q=";
-function normalizeBrowserAddress(value) {
-  const trimmed = value.trim();
-  if (!trimmed) return null;
-  if (/^(?:https?|about):/iu.test(trimmed)) {
-    try {
-      const url = new URL(trimmed);
-      return ["http:", "https:", "about:"].includes(url.protocol) ? url.href : null;
-    } catch {
-      return `${HUMAN_BROWSER_SEARCH_URL}${encodeURIComponent(trimmed)}`;
-    }
-  }
-  const isLocal = /^(?:localhost|127(?:\.\d{1,3}){3}|\[::1\])(?::\d+)?(?:[/?#]|$)/iu.test(trimmed);
-  const looksLikeHost = !/\s/u.test(trimmed) && (isLocal || /^(?:[^./\s]+\.)+[^./\s]+(?::\d+)?(?:[/?#]|$)/u.test(trimmed));
-  if (!looksLikeHost) return `${HUMAN_BROWSER_SEARCH_URL}${encodeURIComponent(trimmed)}`;
-  try {
-    return new URL(`${isLocal ? "http" : "https"}://${trimmed}`).href;
-  } catch {
-    return `${HUMAN_BROWSER_SEARCH_URL}${encodeURIComponent(trimmed)}`;
-  }
-}
-function browserKey(event, hostPlatform = interactionHostPlatform()) {
-  if (["Alt", "AltGraph", "Control", "Meta", "Shift"].includes(event.key)) return null;
-  const special = /* @__PURE__ */ new Set([
-    "Enter",
-    "Tab",
-    "Escape",
-    "Backspace",
-    "Delete",
-    "ArrowUp",
-    "ArrowDown",
-    "ArrowLeft",
-    "ArrowRight"
-  ]);
-  const modified = event.altKey || event.ctrlKey || event.metaKey;
-  if (!modified && !special.has(event.key)) return null;
-  const parts = [];
-  if (event.ctrlKey) parts.push(hostPlatform === "mac" ? "Control" : "Mod");
-  if (event.altKey) parts.push("Alt");
-  if (event.metaKey) parts.push(hostPlatform === "mac" ? "Mod" : "Meta");
-  if (event.shiftKey) parts.push("Shift");
-  parts.push(event.key === " " ? "Space" : event.key);
-  return parts.join("+");
-}
-
-// src/components/browser-select-control.tsx
-import { useEffect as useEffect8, useLayoutEffect, useRef as useRef8, useState as useState8 } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function focusedSelect(observation) {
-  if (observation.semantic?.kind !== "snapshot") return null;
-  const pending = [...observation.semantic.roots];
-  while (pending.length) {
-    const node = pending.pop();
-    if (node.children) pending.push(...node.children);
-    if (node.ref !== observation.focusedRef || !node.actions.includes("select") || node.native?.platform !== "dom")
-      continue;
-    const data = node.native.data;
-    if (!data || data.kind !== "native-select" || typeof data.multiple !== "boolean" || typeof data.disabled !== "boolean" || !Array.isArray(data.options) || data.options.length > 200)
-      return null;
-    if (data.options.some(
-      (option) => !option || typeof option.value !== "string" || typeof option.label !== "string" || typeof option.selected !== "boolean" || typeof option.disabled !== "boolean"
-    ))
-      return null;
-    return { node, control: data };
-  }
-  return null;
-}
-function BrowserSelectControl(props) {
-  const t = useOpenGeniText();
-  const [snapshot, setSnapshot] = useState8(null);
-  const [open, setOpen] = useState8(false);
-  const [busy, setBusy] = useState8(false);
-  const [error, setError] = useState8(null);
-  const [values, setValues] = useState8([]);
-  const [anchor, setAnchor] = useState8(null);
-  const popupRef = useRef8(null);
-  const [position, setPosition] = useState8(null);
-  const panelRef = useRef8(null);
-  const request = useRef8(0);
-  const optionKeys = useRef8(/* @__PURE__ */ new WeakMap());
-  const nextOptionKey = useRef8(0);
-  const optionKey = (option) => {
-    let key = optionKeys.current.get(option);
-    if (key === void 0) {
-      key = ++nextOptionKey.current;
-      optionKeys.current.set(option, key);
-    }
-    return key;
-  };
-  useEffect8(
-    () => () => {
-      request.current += 1;
-    },
-    []
-  );
-  useEffect8(() => {
-    if (props.activation === void 0) return;
-    ++request.current;
-    const observation = props.activation?.observation;
-    const selected2 = observation ? focusedSelect(observation) : null;
-    setSnapshot(selected2 && observation ? observation : null);
-    setAnchor(selected2 ? props.activation.anchor : null);
-    setOpen(Boolean(selected2));
-    setBusy(false);
-    setError(null);
-    setValues(
-      selected2?.control.options.filter((option) => option.selected).map((option) => option.value) ?? []
-    );
-  }, [props.activation]);
-  useEffect8(() => {
-    if (open && !busy) panelRef.current?.focus({ preventScroll: true });
-  }, [open, busy]);
-  useLayoutEffect(() => {
-    if (!anchor || !open) {
-      setPosition(null);
-      return;
-    }
-    const place = () => {
-      const popup = popupRef.current;
-      const parent = popup?.parentElement;
-      if (!popup || !parent) return;
-      setPosition({
-        x: Math.max(12, Math.min(anchor.x, parent.clientWidth - popup.offsetWidth - 12)),
-        y: Math.max(12, Math.min(anchor.y, parent.clientHeight - popup.offsetHeight - 12)),
-        height: Math.max(48, parent.clientHeight - 60)
-      });
-    };
-    place();
-    const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(place);
-    if (popupRef.current?.parentElement) observer?.observe(popupRef.current.parentElement);
-    if (popupRef.current) observer?.observe(popupRef.current);
-    return () => observer?.disconnect();
-  }, [anchor, open, busy, snapshot, error]);
-  const selected = snapshot ? focusedSelect(snapshot) : null;
-  const ambiguousValue = (value) => (selected?.control.options.filter((option) => option.value === value || option.label === value).length ?? 0) !== 1;
-  const load = async () => {
-    const current = ++request.current;
-    setOpen(true);
-    setBusy(true);
-    setSnapshot(null);
-    setError(null);
-    setAnchor(null);
-    try {
-      const observation = await props.observe();
-      if (current !== request.current) return;
-      setSnapshot(observation);
-      setValues(
-        focusedSelect(observation)?.control.options.filter((option) => option.selected).map((option) => option.value) ?? []
-      );
-    } catch (cause) {
-      if (current === request.current)
-        setError(
-          cause instanceof Error ? cause.message : t("browserSelectControl.couldNotReadOptions")
-        );
-    } finally {
-      if (current === request.current) setBusy(false);
-    }
-  };
-  const apply = async (next) => {
-    if (!snapshot || !selected || busy) return;
-    const current = ++request.current;
-    setBusy(true);
-    setError(null);
-    try {
-      const receipt = await props.act(
-        { type: "select", locator: { kind: "ref", ref: selected.node.ref }, values: next },
-        snapshot
-      );
-      if (receipt.state !== "completed")
-        throw new Error(
-          receipt.error?.message ?? t("browserSelectControl.selectionDidNotComplete")
-        );
-      if (current === request.current) {
-        setOpen(false);
-        setSnapshot(null);
-        props.onDismiss?.();
-      }
-    } catch (cause) {
-      if (current === request.current) {
-        setError(
-          cause instanceof Error ? cause.message : t("browserSelectControl.selectionFailedReadTheOptions")
-        );
-        setSnapshot(null);
-      }
-    } finally {
-      if (current === request.current) setBusy(false);
-    }
-  };
-  if (props.manualFallback === false && !open) return null;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: popupRef,
-      className: "absolute z-10 max-w-[calc(100%-1.5rem)] text-og-control",
-      style: anchor && open ? {
-        left: position?.x ?? anchor.x,
-        top: position?.y ?? anchor.y
-      } : { bottom: 12, left: 12 },
-      children: [
-        props.manualFallback !== false && (!anchor || !open) || error ? /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: "rounded-og-sm border border-og-border bg-og-bg px-2 py-1 text-og-fg",
-            disabled: busy,
-            onClick: () => void load(),
-            "aria-expanded": open,
-            children: t("browserSelectControl.chooseOption")
-          }
-        ) : null,
-        open ? /* @__PURE__ */ jsxs(
-          "section",
-          {
-            ref: panelRef,
-            tabIndex: -1,
-            "aria-label": t("browserSelectControl.pageSelectionOptions"),
-            style: position ? { maxHeight: Math.min(288, position.height) } : void 0,
-            onKeyDown: (event) => {
-              if (event.key !== "Escape") return;
-              event.preventDefault();
-              event.stopPropagation();
-              ++request.current;
-              setOpen(false);
-              setSnapshot(null);
-              setBusy(false);
-              props.onDismiss?.();
-            },
-            className: "mt-1 max-h-72 w-72 max-w-full overflow-auto rounded-og-sm border border-og-border bg-og-bg p-3 text-og-fg shadow-lg",
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-                /* @__PURE__ */ jsx("strong", { children: selected?.node.name || t("browserSelectControl.pageOptions") }),
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    disabled: busy,
-                    onClick: () => {
-                      ++request.current;
-                      setOpen(false);
-                      setSnapshot(null);
-                      props.onDismiss?.();
-                    },
-                    "aria-label": t("browserSelectControl.closePageOptions"),
-                    children: t("browserSelectControl.close")
-                  }
-                )
-              ] }),
-              busy ? /* @__PURE__ */ jsx("p", { role: "status", children: t("browserSelectControl.loading") }) : error ? /* @__PURE__ */ jsx("p", { role: "alert", children: error }) : !selected ? /* @__PURE__ */ jsx("p", { children: t("browserSelectControl.clickADropdownInThe") }) : selected.control.disabled ? /* @__PURE__ */ jsx("p", { children: t("browserSelectControl.thisControlIsDisabled") }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                selected.control.options.map((option) => {
-                  const ambiguous = ambiguousValue(option.value);
-                  const disabled = busy || option.disabled || ambiguous;
-                  return selected.control.multiple ? /* @__PURE__ */ jsxs("label", { className: "my-1 flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx(
-                      "input",
-                      {
-                        type: "checkbox",
-                        disabled,
-                        checked: values.includes(option.value),
-                        onChange: (event) => setValues(
-                          event.target.checked ? [...values, option.value] : values.filter((value) => value !== option.value)
-                        )
-                      }
-                    ),
-                    option.label || t("browserSelectControl.empty"),
-                    ambiguous ? ` ${t("browserSelectControl.ambiguousValue")}` : ""
-                  ] }, optionKey(option)) : /* @__PURE__ */ jsxs(
-                    "button",
-                    {
-                      type: "button",
-                      disabled,
-                      "aria-pressed": option.selected,
-                      className: "my-1 block w-full rounded-og-sm border border-og-border px-2 py-1 text-left disabled:opacity-50",
-                      onClick: () => void apply([option.value]),
-                      children: [
-                        option.label || t("browserSelectControl.empty"),
-                        option.selected ? " \u2713" : "",
-                        ambiguous ? ` ${t("browserSelectControl.ambiguousValue")}` : ""
-                      ]
-                    },
-                    optionKey(option)
-                  );
-                }),
-                selected.control.multiple ? /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    disabled: busy || values.some(ambiguousValue),
-                    onClick: () => void apply(values),
-                    children: t("browserSelectControl.applySelection")
-                  }
-                ) : null
-              ] })
-            ]
-          }
-        ) : null
-      ]
-    }
-  );
-}
-
-// src/components/browser-viewer.tsx
-import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var STALE_BROWSER_END_MAX_ATTEMPTS = 3;
-var STALE_BROWSER_END_RETRY_BASE_MS = 5e3;
-function staleBrowserEndRetryDelayMs(cause, failedAttempts) {
-  const status = cause?.status;
-  if (typeof status === "number" && status >= 400 && status < 500) return null;
-  if (failedAttempts >= STALE_BROWSER_END_MAX_ATTEMPTS) return null;
-  return STALE_BROWSER_END_RETRY_BASE_MS * 2 ** (failedAttempts - 1);
-}
-function BrowserViewer({
-  sessionId,
-  enabled = true,
-  active = true,
-  className,
-  onNotify,
-  webSocketFactory,
-  renderEmpty,
-  createLinkedComputer,
-  onOpenComputer,
-  initialBrowserSessionId,
-  onBrowserSessionIdChange,
-  browserExtensionSetupUrl,
-  ...override
-}) {
-  const t = useOpenGeniText();
-  const registry = useBrowserSessions({ ...override, sessionId, enabled });
-  const attached = useAttachedBrowsers({ ...override, enabled });
-  const { client: configClient } = useEmbeddedBrowserInteraction(override);
-  const browserExtensionName = useClientConfigFlags(configClient).browserExtension?.name;
-  const onlineAttachedBridges = useMemo2(
-    () => attached.bridges.filter((bridge) => bridge.state === "online"),
-    [attached.bridges]
-  );
-  const profiles = useBrowserIdentities({ ...override, enabled, includeArchived: true });
-  const siteAuth = useSiteAuthConnections({
-    ...override,
-    enabled: enabled && profiles.identities.length > 0
-  });
-  const createRegistryBrowser = registry.create;
-  const refreshRegistry = registry.refresh;
-  const loadProfileRevisions = profiles.revisions;
-  const liveSessions = useMemo2(
-    () => registry.sessions.filter((session) => isLiveBrowser2(session)),
-    [registry.sessions]
-  );
-  const attachedGenerationLoss = useMemo2(
-    () => attachedChromeGenerationLoss(registry.sessions),
-    [registry.sessions]
-  );
-  const endedGenerationLossRef = useRef9(/* @__PURE__ */ new Set());
-  const endStaleBrowserAttemptsRef = useRef9(/* @__PURE__ */ new Map());
-  const endStaleBrowser = registry.end;
-  useEffect9(() => {
-    if (!enabled) return;
-    for (const session of registry.sessions) {
-      if (session.lifecycle !== "lost" || session.failureCode !== "controller_transition_expired" || session.placement.kind !== "attached_device") {
-        continue;
-      }
-      if (endedGenerationLossRef.current.has(session.id)) continue;
-      endedGenerationLossRef.current.add(session.id);
-      void endStaleBrowser(session.id).catch((cause) => {
-        const attempts = (endStaleBrowserAttemptsRef.current.get(session.id) ?? 0) + 1;
-        endStaleBrowserAttemptsRef.current.set(session.id, attempts);
-        const delay = staleBrowserEndRetryDelayMs(cause, attempts);
-        if (delay === null) return;
-        setTimeout(() => endedGenerationLossRef.current.delete(session.id), delay);
-      });
-    }
-  }, [enabled, endStaleBrowser, registry.sessions]);
-  const relevant = useMemo2(
-    () => registry.relevantSessions.filter((session) => isLiveBrowser2(session)),
-    [registry.relevantSessions]
-  );
-  const latestRelevantBrowser = registry.relevantSessions[0];
-  const unavailableBrowser = latestRelevantBrowser?.lifecycle === "lost" || latestRelevantBrowser?.lifecycle === "failed" ? latestRelevantBrowser : void 0;
-  const [selection, setSelection] = useState9(
-    () => initialBrowserSessionId ? { sessionId: initialBrowserSessionId, pinned: true } : null
-  );
-  const selectBrowserSession = useCallback8(
-    (next) => {
-      setSelection(next);
-      onBrowserSessionIdChange?.(next?.sessionId ?? null);
-    },
-    [onBrowserSessionIdChange]
-  );
-  const interventions = useInteractionInterventions({
-    ...override,
-    enabled,
-    resourceKind: "browser_session"
-  });
-  const [creating, setCreating] = useState9(false);
-  const [savingProfile, setSavingProfile] = useState9(false);
-  const [baseRevisionOrdinal, setBaseRevisionOrdinal] = useState9(null);
-  const [profileHistory, setProfileHistory] = useState9(null);
-  const [resumeAttempt, setResumeAttempt] = useState9(null);
-  const resumeAttemptsRef = useRef9(/* @__PURE__ */ new Map());
-  const previousSessionIdRef = useRef9(sessionId);
-  const seenInterventionIdsRef = useRef9(/* @__PURE__ */ new Set());
-  const diagnosticRequestRef = useRef9(0);
-  const viewportFocusHandoffRef = useRef9(null);
-  const [diagnosticsView, setDiagnosticsView] = useState9(null);
-  const notifyError = useCallback8(
-    (cause, fallback) => {
-      const message = cause instanceof Error ? cause.message : fallback;
-      onNotify?.({ kind: "error", message });
-    },
-    [onNotify]
-  );
-  useEffect9(() => {
-    if (previousSessionIdRef.current !== sessionId) {
-      previousSessionIdRef.current = sessionId;
-      setSelection(
-        initialBrowserSessionId ? { sessionId: initialBrowserSessionId, pinned: true } : null
-      );
-    }
-  }, [initialBrowserSessionId, sessionId]);
-  useEffect9(() => {
-    if (!enabled || registry.loading) return;
-    const selectedStillLive = liveSessions.some((session) => session.id === selection?.sessionId);
-    if (selection?.pinned && selectedStillLive) return;
-    const preferred = relevant[0] ?? null;
-    if (!preferred) {
-      if (selection) selectBrowserSession(null);
-      return;
-    }
-    if (!selectedStillLive || !selection?.pinned) {
-      if (selection?.sessionId !== preferred.id || selection.pinned) {
-        selectBrowserSession({ sessionId: preferred.id, pinned: false });
-      }
-    }
-  }, [enabled, liveSessions, registry.loading, relevant, selectBrowserSession, selection]);
-  const selectedRegistrySession = useMemo2(
-    () => liveSessions.find((session) => session.id === selection?.sessionId) ?? null,
-    [liveSessions, selection?.sessionId]
-  );
-  const interventionCounts = useMemo2(
-    () => countInterventions(interventions.interventions),
-    [interventions.interventions]
-  );
-  const selectedInterventions = useMemo2(
-    () => interventions.interventions.filter(
-      (intervention) => intervention.resourceId === selection?.sessionId
-    ),
-    [interventions.interventions, selection?.sessionId]
-  );
-  const controllerReady = selectedRegistrySession?.lifecycle === "active";
-  const resumeSession = registry.resume;
-  const [hasLiveFrame, setHasLiveFrame] = useState9(false);
-  const wakeBrowser = useCallback8(
-    async (session, retry = false) => {
-      const current = resumeAttemptsRef.current.get(session.id);
-      if (current?.running || !retry && current) return;
-      const operationId = current && !current.terminal ? current.operationId : crypto.randomUUID();
-      const attempt = {
-        operationId,
-        running: true,
-        terminal: false,
-        error: null
-      };
-      resumeAttemptsRef.current.set(session.id, attempt);
-      setResumeAttempt({ sessionId: session.id, attempt });
-      try {
-        const response = await resumeSession(session.id, operationId);
-        if (response.operation.state !== "completed") {
-          throw Object.assign(
-            new Error(
-              response.operation.error?.message ?? t("browserViewer.browserCouldNotReopen2")
-            ),
-            { terminal: true }
-          );
-        }
-        resumeAttemptsRef.current.delete(session.id);
-        setResumeAttempt((visible) => visible?.sessionId === session.id ? null : visible);
-      } catch (cause) {
-        const error = cause instanceof Error ? cause : new Error(String(cause));
-        const failed = {
-          operationId,
-          running: false,
-          terminal: typeof cause === "object" && cause !== null && "terminal" in cause ? cause.terminal === true : false,
-          error
-        };
-        resumeAttemptsRef.current.set(session.id, failed);
-        setResumeAttempt({ sessionId: session.id, attempt: failed });
-        notifyError(error, t("browserViewer.couldNotReopenThisBrowser"));
-      }
-    },
-    [notifyError, resumeSession, t]
-  );
-  useEffect9(() => {
-    if (!selectedRegistrySession) return;
-    if (selectedRegistrySession.lifecycle === "active") {
-      resumeAttemptsRef.current.delete(selectedRegistrySession.id);
-      setResumeAttempt(
-        (visible) => visible?.sessionId === selectedRegistrySession.id ? null : visible
-      );
-    }
-  }, [selectedRegistrySession]);
-  const browser = useBrowserSession({
-    ...override,
-    browserSessionId: selection?.sessionId ?? null,
-    enabled: enabled && selection !== null && controllerReady,
-    semanticObservationEnabled: active && !hasLiveFrame
-  });
-  useEffect9(() => {
-    if (!isSourcePlacementChangedError(browser.error, "browser_session")) return;
-    void refreshRegistry();
-  }, [browser.error, refreshRegistry]);
-  const downloads = useBrowserDownloads({
-    ...override,
-    browserSessionId: selection?.sessionId ?? null,
-    enabled: enabled && diagnosticsView !== null && controllerReady && browser.session?.capabilities.downloads === true
-  });
-  const loadBrowserDiagnostics = browser.diagnostics;
-  useEffect9(() => {
-    for (const intervention of interventions.interventions) {
-      if (seenInterventionIdsRef.current.has(intervention.id)) continue;
-      seenInterventionIdsRef.current.add(intervention.id);
-      onNotify?.({
-        kind: "info",
-        message: `${interventionTitle(t, intervention)}: ${intervention.reason}`
-      });
-    }
-  }, [interventions.interventions, onNotify, t]);
-  const resolveIntervention = useCallback8(
-    (intervention, outcome) => {
-      void interventions.resolve(intervention.id, {
-        expectedVersion: intervention.version,
-        outcome
-      }).then(() => {
-        onNotify?.({
-          kind: "info",
-          message: outcome === "completed" ? t("browserViewer.agentNotifiedContinuingWork") : t("browserViewer.requestCancelled")
-        });
-      }).catch((cause) => notifyError(cause, t("browserViewer.couldNotUpdateTheBrowser")));
-    },
-    [interventions, notifyError, onNotify, t]
-  );
-  const frames = useBrowserFrameStream({
-    ...override,
-    browserSessionId: selection?.sessionId ?? null,
-    targetId: browser.selectedTarget?.id ?? null,
-    enabled: enabled && selection !== null && controllerReady && browser.selectedTarget !== null && browser.session?.capabilities.liveFrames === true,
-    stream: { format: "jpeg", quality: 76, maxWidth: 1920, maxHeight: 1200 },
-    ...webSocketFactory ? { webSocketFactory } : {}
-  });
-  const receivedFrame = frameMatchesSelectedTarget(
-    frames.frame,
-    browser.session,
-    browser.selectedTarget
-  ) ? frames.frame : null;
-  const displayedFrame = useMemo2(
-    () => receivedFrame ? { ...receivedFrame, data: receivedFrame.data.slice().buffer } : null,
-    [receivedFrame]
-  );
-  const frameIsLive = frames.state === "live" && displayedFrame !== null;
-  useEffect9(() => {
-    setHasLiveFrame(frameIsLive);
-  }, [frameIsLive]);
-  const supportsLiveFrames = (browser.session ?? selectedRegistrySession)?.capabilities.liveFrames === true;
-  const controlUnavailable = isInteractionControlUnavailable(browser.error);
-  const connectionError = controlUnavailable ? browser.error : frames.error ?? browser.error;
-  const selectedPlacement = (browser.session ?? selectedRegistrySession)?.placement;
-  const selectedChromeGenerationLoss = selectedPlacement?.kind === "attached_device" && isAttachedChromeGenerationLossError(connectionError);
-  const replacementChromeDevice = selectedChromeGenerationLoss && selectedPlacement.kind === "attached_device" ? attached.devices.find((candidate) => candidate.id === selectedPlacement.deviceId) : null;
-  const displayConnectionState = connectionError && (!frameIsLive || controlUnavailable) ? "error" : !browser.session ? "connecting" : supportsLiveFrames ? frames.state === "live" && !displayedFrame ? "connecting" : frames.state : "semantic";
-  const selectedProfile = useMemo2(
-    () => profiles.identities.find(
-      (identity) => identity.id === (browser.session?.identityId ?? selectedRegistrySession?.identityId)
-    ) ?? null,
-    [browser.session?.identityId, profiles.identities, selectedRegistrySession?.identityId]
-  );
-  const selectedProfileAuth = useMemo2(
-    () => selectedProfile ? siteAuth.connections.filter(
-      (connection) => connection.preferredIdentityId === selectedProfile.id
-    ) : [],
-    [selectedProfile, siteAuth.connections]
-  );
-  useEffect9(() => {
-    diagnosticRequestRef.current += 1;
-    setDiagnosticsView(null);
-  }, [browser.session?.id, browser.selectedTarget?.id]);
-  const loadDiagnostics = useCallback8(() => {
-    const browserSessionId = browser.session?.id;
-    const targetId = browser.selectedTarget?.id;
-    if (!browserSessionId || !targetId) return;
-    const requestId = diagnosticRequestRef.current + 1;
-    diagnosticRequestRef.current = requestId;
-    setDiagnosticsView((current) => ({
-      browserSessionId,
-      targetId,
-      loading: true,
-      batch: current?.browserSessionId === browserSessionId && current.targetId === targetId ? current.batch : null,
-      error: null
-    }));
-    void loadBrowserDiagnostics({ limit: 100 }).then((batch) => {
-      if (diagnosticRequestRef.current !== requestId) return;
-      setDiagnosticsView({ browserSessionId, targetId, loading: false, batch, error: null });
-    }).catch((cause) => {
-      if (diagnosticRequestRef.current !== requestId) return;
-      setDiagnosticsView({
-        browserSessionId,
-        targetId,
-        loading: false,
-        batch: null,
-        error: cause instanceof Error ? cause : new Error(String(cause))
-      });
-    });
-  }, [browser.selectedTarget?.id, browser.session?.id, loadBrowserDiagnostics]);
-  const closeDiagnostics = useCallback8(() => {
-    diagnosticRequestRef.current += 1;
-    setDiagnosticsView(null);
-  }, []);
-  const refreshDiagnostics = useCallback8(() => {
-    loadDiagnostics();
-    if (browser.session?.capabilities.downloads) void downloads.refresh();
-  }, [browser.session?.capabilities.downloads, downloads, loadDiagnostics]);
-  const saveDownload = useCallback8(
-    async (downloadId, destinationPath, overwrite) => {
-      const response = await downloads.saveToWorkspace(downloadId, destinationPath, { overwrite });
-      onNotify?.({
-        kind: "info",
-        message: t("browserViewer.filenameSavedToDestinationpath", {
-          filename: response.download.filename,
-          destinationPath: response.destinationPath
-        })
-      });
-      return response;
-    },
-    [downloads, onNotify, t]
-  );
-  useEffect9(() => {
-    const identityId = browser.session?.identityId ?? selectedRegistrySession?.identityId;
-    const revisionId = browser.session?.baseRevisionId ?? selectedRegistrySession?.baseRevisionId;
-    if (!identityId) {
-      setBaseRevisionOrdinal(null);
-      setProfileHistory(null);
-      return;
-    }
-    let disposed = false;
-    setBaseRevisionOrdinal(null);
-    setProfileHistory({ identityId, loading: true, revisions: [] });
-    void loadProfileRevisions(identityId).then((response) => {
-      if (!disposed) {
-        setBaseRevisionOrdinal(
-          revisionId ? response.revisions.find((revision) => revision.id === revisionId)?.ordinal ?? null : null
-        );
-        setProfileHistory({ identityId, loading: false, revisions: response.revisions });
-      }
-    }).catch(() => {
-      if (!disposed) setProfileHistory({ identityId, loading: false, revisions: [] });
-    });
-    return () => {
-      disposed = true;
-    };
-  }, [
-    browser.session?.baseRevisionId,
-    browser.session?.identityId,
-    loadProfileRevisions,
-    selectedRegistrySession?.baseRevisionId,
-    selectedRegistrySession?.identityId
-  ]);
-  const createBrowser = useCallback8(
-    (choice = { kind: "clean" }) => {
-      if (creating) return;
-      const identity = choice.kind === "profile" ? profiles.identities.find((candidate) => candidate.id === choice.identityId) : null;
-      if (choice.kind === "profile" && (!identity || identity.status !== "active")) {
-        onNotify?.({
-          kind: "error",
-          message: t("browserViewer.thisBrowserProfileIsNo")
-        });
-        return;
-      }
-      const device = choice.kind === "attached" ? choice.device : null;
-      const browserName = device?.profileLabel ?? device?.name ?? (identity ? `${identity.name} browser` : t("browserViewer.browser"));
-      setCreating(true);
-      void (async () => {
-        let linkedComputer = null;
-        let computerViewUnavailable = false;
-        if (createLinkedComputer) {
-          try {
-            linkedComputer = await createLinkedComputer(
-              `${browserName} desktop`,
-              device ? { kind: "attached_device", deviceId: device.id } : void 0
-            );
-          } catch {
-            computerViewUnavailable = true;
-          }
-        }
-        const response = await createRegistryBrowser({
-          sessionId,
-          name: browserName,
-          // Human-created browsers are always ordinary visual Chromium/Chrome.
-          // Lightpanda remains an agent-only optimization requested explicitly
-          // through browser_open; if an agent creates one it is still visible in
-          // the shared BrowserSession switcher.
-          headless: false,
-          initialUrl: HUMAN_BROWSER_HOME_URL,
-          ...device ? {
-            placement: {
-              kind: "attached_device",
-              deviceId: device.id
-            }
-          } : {},
-          ...linkedComputer ? {
-            linkedComputerSessionId: linkedComputer.id,
-            placement: linkedComputer.placement
-          } : {},
-          ...identity ? {
-            identityId: identity.id,
-            ...choice.kind === "profile" && choice.baseRevisionId ? { baseRevisionId: choice.baseRevisionId } : {}
-          } : {}
-        });
-        selectBrowserSession({ sessionId: response.session.id, pinned: true });
-        if (computerViewUnavailable) {
-          onNotify?.({
-            kind: "info",
-            message: t("browserViewer.browserOpenedDesktopViewIs")
-          });
-        }
-      })().catch((cause) => notifyError(cause, t("browserViewer.couldNotOpenABrowser"))).finally(() => setCreating(false));
-    },
-    [
-      createLinkedComputer,
-      createRegistryBrowser,
-      creating,
-      notifyError,
-      onNotify,
-      selectBrowserSession,
-      profiles.identities,
-      sessionId,
-      t
-    ]
-  );
-  const saveProfileVersion = useCallback8(
-    async (newProfileName) => {
-      const session = browser.session;
-      if (!session || savingProfile || !session.capabilities.identityPublication) return false;
-      setSavingProfile(true);
-      try {
-        let identity = selectedProfile;
-        if (!identity) {
-          const name = newProfileName?.trim() ?? "";
-          if (!name) return false;
-          identity = profiles.identities.find(
-            (candidate) => candidate.status === "active" && candidate.revisionCount === 0 && candidate.name.localeCompare(name, void 0, { sensitivity: "base" }) === 0
-          ) ?? (await profiles.create({ name })).identity;
-        }
-        const response = await profiles.publish(session.id, {
-          identityId: identity.id,
-          expectedHeadGeneration: identity.headGeneration,
-          advanceDefault: true
-        });
-        setBaseRevisionOrdinal(response.revision.ordinal);
-        setProfileHistory((current) => ({
-          identityId: response.identity.id,
-          loading: false,
-          revisions: current?.identityId === response.identity.id ? [
-            ...current.revisions.filter((revision) => revision.id !== response.revision.id),
-            response.revision
-          ] : [response.revision]
-        }));
-        await Promise.all([browser.refresh(), registry.refresh()]);
-        onNotify?.({
-          kind: "info",
-          message: response.outcome === "saved_as_default" ? t("browserViewer.nameVersionOrdinalSavedFor", {
-            name: response.identity.name,
-            ordinal: response.revision.ordinal
-          }) : t("browserViewer.nameVersionOrdinalSavedAnother", {
-            name: response.identity.name,
-            ordinal: response.revision.ordinal
-          })
-        });
-        return true;
-      } catch (cause) {
-        notifyError(cause, t("browserViewer.couldNotSaveThisBrowser"));
-        return false;
-      } finally {
-        setSavingProfile(false);
-      }
-    },
-    [browser, notifyError, onNotify, profiles, registry, savingProfile, selectedProfile, t]
-  );
-  const updateProfile = useCallback8(
-    async (identity, update) => {
-      if (savingProfile) return false;
-      setSavingProfile(true);
-      try {
-        const response = await profiles.update(identity.id, {
-          expectedVersion: identity.version,
-          ...update
-        });
-        if (update.defaultRevisionId) {
-          const ordinal = profileHistory?.revisions.find(
-            (revision) => revision.id === update.defaultRevisionId
-          )?.ordinal;
-          onNotify?.({
-            kind: "info",
-            message: ordinal ? t("browserViewer.nameVersionOpensByDefault", {
-              name: response.identity.name,
-              ordinal
-            }) : t("browserViewer.nameOpensByDefault", { name: response.identity.name })
-          });
-        } else if (update.status === "archived") {
-          onNotify?.({
-            kind: "info",
-            message: t("browserViewer.nameHiddenFromNewBrowsers", { name: response.identity.name })
-          });
-        } else if (update.status === "active") {
-          onNotify?.({ kind: "info", message: `${response.identity.name} restored.` });
-        }
-        return true;
-      } catch (cause) {
-        notifyError(cause, t("browserViewer.couldNotUpdateThisBrowser"));
-        await profiles.refresh().catch(() => void 0);
-        return false;
-      } finally {
-        setSavingProfile(false);
-      }
-    },
-    [notifyError, onNotify, profileHistory?.revisions, profiles, savingProfile, t]
-  );
-  if (!enabled) return null;
-  if (registry.loading && liveSessions.length === 0) {
-    return /* @__PURE__ */ jsx2(
-      BrowserNotice,
-      {
-        icon: /* @__PURE__ */ jsx2(LoaderCircleIcon, { className: "animate-spin" }),
-        text: t("browserViewer.findingBrowsers"),
-        ...className ? { className } : {}
-      }
-    );
-  }
-  if (liveSessions.length === 0) {
-    if (renderEmpty && !unavailableBrowser)
-      return /* @__PURE__ */ jsx2(Fragment2, { children: renderEmpty(() => createBrowser(), creating) });
-    return /* @__PURE__ */ jsx2(
-      "div",
-      {
-        className: cn("flex h-full min-h-0 items-center justify-center bg-og-bg p-6", className),
-        children: /* @__PURE__ */ jsxs2("div", { className: "max-w-sm text-center", children: [
-          /* @__PURE__ */ jsx2("span", { className: "mx-auto grid size-10 place-items-center rounded-og-md border border-og-border bg-og-surface-1 text-og-fg-muted", children: /* @__PURE__ */ jsx2(Globe2Icon, { className: "size-4.5" }) }),
-          unavailableBrowser && !attachedGenerationLoss ? /* @__PURE__ */ jsx2(BrowserUnavailableNotice, { session: unavailableBrowser }) : /* @__PURE__ */ jsxs2(Fragment2, { children: [
-            /* @__PURE__ */ jsx2("p", { className: "mt-3 text-og-menu font-medium text-og-fg", children: attachedGenerationLoss ? t("browserViewer.chromeReconnectedOpenAFresh") : t("browserViewer.noBrowserOpen") }),
-            /* @__PURE__ */ jsx2("p", { className: "mt-1 text-og-control leading-5 text-og-fg-muted", children: attachedGenerationLoss ? t("browserViewer.thisChromeProfileIsLive") : t("browserViewer.aBrowserAppearsHereWhen") })
-          ] }),
-          /* @__PURE__ */ jsx2(
-            BrowserLaunchMenu,
-            {
-              attachedBridges: onlineAttachedBridges,
-              attachedDevices: attached.devices,
-              identities: profiles.identities,
-              creating,
-              mutatingProfile: savingProfile,
-              onCreate: createBrowser,
-              onRestore: (identity) => updateProfile(identity, { status: "active" }),
-              setupUrl: browserExtensionSetupUrl,
-              extensionName: browserExtensionName,
-              prominent: true
-            }
-          ),
-          registry.error ? /* @__PURE__ */ jsx2("p", { className: "mt-3 text-og-control text-og-danger", children: registry.error.message }) : null
-        ] })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs2(
-    "div",
-    {
-      className: cn("relative flex h-full min-h-0 flex-col overflow-hidden bg-og-bg", className),
-      children: [
-        /* @__PURE__ */ jsx2(
-          BrowserToolbar,
-          {
-            sessions: liveSessions,
-            relevantSessionIds: new Set(relevant.map((session) => session.id)),
-            selectedSessionId: selection?.sessionId ?? null,
-            identities: profiles.identities,
-            attachedBridges: onlineAttachedBridges,
-            attachedDevices: attached.devices,
-            selectedProfile,
-            baseRevisionOrdinal,
-            profileHistory,
-            authConnections: selectedProfileAuth,
-            creating,
-            savingProfile,
-            refreshing: registry.refreshing || attached.refreshing,
-            interventionCounts,
-            onSelect: (browserSessionId) => selectBrowserSession({ sessionId: browserSessionId, pinned: true }),
-            onFollow: () => {
-              const preferred = relevant[0];
-              if (preferred) selectBrowserSession({ sessionId: preferred.id, pinned: false });
-            },
-            onCreate: createBrowser,
-            onSaveProfile: saveProfileVersion,
-            onUpdateProfile: updateProfile,
-            onOpenProfileVersion: (identityId, baseRevisionId) => createBrowser({ kind: "profile", identityId, baseRevisionId }),
-            onRefresh: () => void Promise.all([registry.refresh(), attached.refresh()]),
-            setupUrl: browserExtensionSetupUrl,
-            extensionName: browserExtensionName
-          }
-        ),
-        /* @__PURE__ */ jsx2(
-          InteractionInterventionBanner,
-          {
-            interventions: selectedInterventions,
-            activeTargetId: browser.selectedTarget?.id ?? null,
-            mutating: interventions.mutating,
-            onOpen: (intervention) => void browser.selectTarget(intervention.targetId).catch((cause) => notifyError(cause, t("browserViewer.couldNotOpenTheRequested"))),
-            onResolve: resolveIntervention
-          }
-        ),
-        !selectedRegistrySession ? /* @__PURE__ */ jsx2(
-          BrowserUnselectedPanel,
-          {
-            unavailableBrowser,
-            peerCount: liveSessions.length,
-            creating,
-            onCreate: () => createBrowser()
-          }
-        ) : !controllerReady ? /* @__PURE__ */ jsx2(
-          BrowserLifecyclePanel,
-          {
-            session: selectedRegistrySession,
-            attempt: resumeAttempt?.sessionId === selectedRegistrySession.id ? resumeAttempt.attempt : null,
-            onResume: () => void wakeBrowser(selectedRegistrySession, true)
-          }
-        ) : /* @__PURE__ */ jsxs2(Fragment2, { children: [
-          /* @__PURE__ */ jsx2(
-            BrowserTabs,
-            {
-              targets: browser.targets,
-              selectedTargetId: browser.selectedTarget?.id ?? null,
-              mutating: savingProfile,
-              tabControl: browser.session?.capabilities.tabs === true,
-              onSelect: (targetId) => void browser.selectTarget(targetId).catch((cause) => notifyError(cause, t("browserViewer.couldNotSwitchTabs"))),
-              onClose: (targetId) => void browser.closeTarget(targetId).catch((cause) => notifyError(cause, t("browserViewer.couldNotCloseTheTab"))),
-              onOpen: () => void browser.openTarget(HUMAN_BROWSER_HOME_URL).catch((cause) => notifyError(cause, t("browserViewer.couldNotOpenATab")))
-            }
-          ),
-          /* @__PURE__ */ jsx2(
-            BrowserAddressBar,
-            {
-              target: browser.selectedTarget,
-              loading: browser.loading || browser.mutating || savingProfile,
-              onNavigate: (url) => void browser.act({ type: "navigate", url }).catch((cause) => notifyError(cause, t("browserViewer.couldNotNavigate"))),
-              onHistory: async (direction) => {
-                try {
-                  const action = { type: "history", direction };
-                  if (receivedFrame) await browser.actFromFrame(action, receivedFrame);
-                  else {
-                    if (!browser.observation)
-                      throw new Error("The browser page is not ready for input.");
-                    await browser.actFromObservation(action, browser.observation);
-                  }
-                } catch (cause) {
-                  notifyError(
-                    cause,
-                    direction === "back" ? t("browserViewer.couldNotGoBack") : t("browserViewer.couldNotGoForward")
-                  );
-                }
-              },
-              onReload: () => {
-                const url = browser.selectedTarget?.url;
-                if (url)
-                  void browser.act({ type: "navigate", url }).catch((cause) => notifyError(cause, t("browserViewer.couldNotReload")));
-              }
-            }
-          ),
-          browser.inputFailure ? /* @__PURE__ */ jsxs2(
-            "div",
-            {
-              role: "alert",
-              "aria-label": t("browserViewer.browserInputStatus"),
-              className: "flex shrink-0 items-center gap-2 border-t border-og-border bg-og-surface-1 px-3 py-2 text-og-xs",
-              children: [
-                /* @__PURE__ */ jsx2(CircleAlertIcon, { className: "size-4 shrink-0 text-og-status-failed" }),
-                /* @__PURE__ */ jsxs2("div", { className: "min-w-0 flex-1", children: [
-                  /* @__PURE__ */ jsx2("span", { className: "font-medium", children: browser.inputFailure.state === "failed" ? t("browserViewer.browserInputFailed") : t("browserViewer.inputResultUnknown") }),
-                  /* @__PURE__ */ jsx2("p", { className: "text-og-fg-subtle", children: browser.inputFailure.error?.message ?? t("browserViewer.inspectThePageBeforeContinuing") })
-                ] }),
-                /* @__PURE__ */ jsx2(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => void browser.refresh(),
-                    className: "shrink-0 rounded border border-og-border px-2 py-1 transition hover:bg-og-surface-2",
-                    children: t("browserViewer.checkBrowser")
-                  }
-                )
-              ]
-            }
-          ) : null,
-          /* @__PURE__ */ jsxs2("div", { className: "relative flex min-h-0 min-w-0 flex-1 overflow-hidden", children: [
-            /* @__PURE__ */ jsx2(
-              BrowserViewport,
-              {
-                focusHandoffRef: viewportFocusHandoffRef,
-                focusScope: JSON.stringify([
-                  selection?.sessionId,
-                  browser.selectedTarget?.id,
-                  browser.selectedTarget?.targetGeneration
-                ]),
-                frame: displayedFrame,
-                connectionState: displayConnectionState,
-                supportsLiveFrames,
-                connectionError,
-                controlUnavailable,
-                observation: browser.observation,
-                mutating: browser.mutating || savingProfile,
-                activityLabel: savingProfile ? t("browserViewer.savingBrowserVersion") : void 0,
-                clipboardEnabled: browser.session?.capabilities.clipboard === true,
-                inputBatchAttachment: frames.attachment,
-                onAction: async (action, frame) => {
-                  const focusedInput = frame && action.type === "pointer" && action.action === "click" && (action.button === void 0 || action.button === "left") && frames.attachment?.focusedInputObservations === true && frames.attachment.browserSessionId === frame.browserSessionId && frames.attachment.controllerGeneration === frame.controllerGeneration && frames.attachment.targetId === frame.targetId && Date.parse(frames.attachment.expiresAt) > Date.now();
-                  const receipt = frame ? await browser.actFromFrame(
-                    action,
-                    frame,
-                    void 0,
-                    focusedInput ? "input" : "none"
-                  ) : await browser.act(action);
-                  if (receipt.state !== "completed") {
-                    throw new Error(
-                      receipt.error?.message ?? t("browserViewer.browserInputDidNotComplete")
-                    );
-                  }
-                  return receipt;
-                },
-                onReadClipboard: browser.readClipboard,
-                onObserveForInput: browser.observeForInput,
-                onSelectFromObservation: browser.actFromObservation,
-                onReconnect: selectedChromeGenerationLoss ? () => {
-                  if (replacementChromeDevice) {
-                    createBrowser({ kind: "attached", device: replacementChromeDevice });
-                  }
-                } : () => {
-                  void browser.refresh();
-                  frames.reconnect();
-                },
-                reconnectLabel: selectedChromeGenerationLoss && replacementChromeDevice ? t("browserViewer.openAFreshConnectedChrome") : void 0,
-                reconnectMessage: selectedChromeGenerationLoss ? t("browserViewer.chromeReconnectedOpenAFresh") : void 0,
-                onError: (cause) => notifyError(cause, t("browserViewer.browserInputFailed2"))
-              },
-              JSON.stringify([
-                selection?.sessionId,
-                browser.selectedTarget?.id,
-                browser.selectedTarget?.targetGeneration,
-                browser.selectedTarget?.documentGeneration,
-                frames.attachment?.controllerGeneration
-              ])
-            ),
-            diagnosticsView ? /* @__PURE__ */ jsx2(
-              BrowserDiagnosticsDrawer,
-              {
-                session: browser.session,
-                profile: selectedProfile,
-                target: browser.selectedTarget,
-                observation: browser.observation,
-                baseRevisionOrdinal,
-                state: diagnosticsView,
-                downloads: downloads.downloads,
-                downloadsEnabled: browser.session?.capabilities.downloads === true,
-                downloadsLoading: downloads.loading,
-                downloadsRefreshing: downloads.refreshing,
-                downloadsError: downloads.error,
-                savingDownloadIds: downloads.savingDownloadIds,
-                onSaveDownload: saveDownload,
-                onRefreshDownloads: () => void downloads.refresh(),
-                onRefresh: refreshDiagnostics,
-                onClose: closeDiagnostics
-              }
-            ) : null
-          ] }),
-          /* @__PURE__ */ jsx2(
-            BrowserStatusBar,
-            {
-              session: browser.session,
-              profile: selectedProfile,
-              target: browser.selectedTarget,
-              observation: browser.observation,
-              inputFailure: browser.inputFailure,
-              connectionState: displayConnectionState,
-              refreshing: registry.refreshing,
-              diagnosticsOpen: diagnosticsView !== null,
-              onOpenComputer: browser.session?.linkedComputerSessionId && onOpenComputer ? () => {
-                const computerSessionId = browser.session?.linkedComputerSessionId;
-                if (computerSessionId) onOpenComputer(computerSessionId);
-              } : void 0,
-              onDiagnostics: diagnosticsView ? closeDiagnostics : loadDiagnostics
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-function BrowserLifecyclePanel(props) {
-  const t = useOpenGeniText();
-  const failed = props.attempt?.error ?? null;
-  const label = failed ? t("browserViewer.browserCouldNotReopen") : props.session.lifecycle === "suspending" ? t("browserViewer.savingBrowserState") : props.session.lifecycle === "restoring" || props.attempt?.running ? t("browserViewer.openingBrowser") : props.session.lifecycle === "starting" ? t("browserViewer.startingBrowser") : t("browserViewer.browserIsSleeping");
-  const detail = failed ? failed.message : props.session.lifecycle === "suspended" ? t("browserViewer.itsPrivateStateIsSaved") : t("browserViewer.theBrowserWillReconnectHere");
-  return /* @__PURE__ */ jsx2("div", { className: "grid min-h-0 flex-1 place-items-center bg-og-bg p-6 text-center", children: /* @__PURE__ */ jsxs2("div", { className: "max-w-sm", children: [
-    /* @__PURE__ */ jsx2("span", { className: "mx-auto grid size-10 place-items-center rounded-og-md border border-og-border bg-og-surface-1 text-og-fg-muted", children: failed ? /* @__PURE__ */ jsx2(CircleAlertIcon, { className: "size-4.5 text-og-danger" }) : /* @__PURE__ */ jsx2(LoaderCircleIcon, { className: "size-4.5 animate-spin" }) }),
-    /* @__PURE__ */ jsx2("p", { className: "mt-3 text-og-menu font-medium text-og-fg", children: label }),
-    /* @__PURE__ */ jsx2("p", { className: "mt-1 text-og-control leading-5 text-og-fg-muted", children: detail }),
-    failed || props.session.lifecycle === "suspended" && !props.attempt?.running ? /* @__PURE__ */ jsx2(
-      "button",
-      {
-        type: "button",
-        onClick: props.onResume,
-        className: "mt-4 inline-flex h-8 items-center rounded-og-sm border border-og-primary-border bg-og-primary px-3 text-og-control font-medium text-og-primary-fg transition hover:bg-og-primary-hover",
-        children: t("browserViewer.openBrowser")
-      }
-    ) : null
-  ] }) });
-}
-function BrowserToolbar(props) {
-  const t = useOpenGeniText();
-  const detailsRef = useViewerMenuDismiss();
-  const selected = props.sessions.find((session) => session.id === props.selectedSessionId);
-  const current = props.sessions.filter((session) => props.relevantSessionIds.has(session.id));
-  const others = props.sessions.filter((session) => !props.relevantSessionIds.has(session.id));
-  const choose = (id) => {
-    props.onSelect(id);
-    detailsRef.current?.removeAttribute("open");
-  };
-  return /* @__PURE__ */ jsxs2("div", { className: "flex h-10 shrink-0 items-center gap-1.5 border-b border-og-border bg-og-surface-1 px-2", children: [
-    /* @__PURE__ */ jsxs2("details", { ref: detailsRef, className: "min-w-0", children: [
-      /* @__PURE__ */ jsxs2("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", children: [
-        /* @__PURE__ */ jsx2(Globe2Icon, { className: "size-3.5 shrink-0 text-og-fg-muted" }),
-        /* @__PURE__ */ jsx2("span", { className: "truncate font-medium", children: selected?.name ?? t("browserViewer.browser") }),
-        (props.interventionCounts.get(selected?.id ?? "") ?? 0) > 0 ? /* @__PURE__ */ jsx2("span", { className: "size-1.5 shrink-0 rounded-full bg-og-status-waiting" }) : null,
-        /* @__PURE__ */ jsx2(ChevronDownIcon, { className: "size-3 shrink-0 text-og-fg-subtle" })
-      ] }),
-      /* @__PURE__ */ jsxs2("div", { className: "absolute left-2 top-10 z-30 flex max-h-[calc(100%-3rem)] w-72 max-w-[calc(100%-1rem)] flex-col overflow-hidden rounded-og-md border border-og-border bg-og-surface-1 p-1 shadow-xl", children: [
-        /* @__PURE__ */ jsxs2("div", { className: "min-h-0 max-h-96 overflow-y-auto overscroll-contain", children: [
-          /* @__PURE__ */ jsx2(
-            BrowserSessionGroup,
-            {
-              label: t("browserViewer.currentAgent"),
-              sessions: current,
-              identities: props.identities,
-              selectedId: props.selectedSessionId,
-              interventionCounts: props.interventionCounts,
-              onSelect: choose
-            }
-          ),
-          /* @__PURE__ */ jsx2(
-            BrowserSessionGroup,
-            {
-              label: t("browserViewer.workspaceBrowsers"),
-              sessions: others,
-              identities: props.identities,
-              selectedId: props.selectedSessionId,
-              interventionCounts: props.interventionCounts,
-              onSelect: choose
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "mt-1 flex shrink-0 gap-1 border-t border-og-border pt-1", children: [
-          current.length > 0 ? /* @__PURE__ */ jsx2(MenuButton, { onClick: props.onFollow, children: t("browserViewer.followAgent") }) : null,
-          /* @__PURE__ */ jsxs2(MenuButton, { onClick: () => props.onCreate(), disabled: props.creating, children: [
-            /* @__PURE__ */ jsx2(PlusIcon, { className: "size-3.5" }),
-            " ",
-            t("browserViewer.newBrowser")
-          ] })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx2("span", { className: "min-w-0 flex-1 truncate text-og-xs text-og-fg-subtle", children: placementLabel(t, selected) }),
-    /* @__PURE__ */ jsx2(
-      BrowserProfileMenu,
-      {
-        session: selected ?? null,
-        identity: props.selectedProfile,
-        baseRevisionOrdinal: props.baseRevisionOrdinal,
-        history: props.profileHistory,
-        authConnections: props.authConnections,
-        saving: props.savingProfile,
-        onSave: props.onSaveProfile,
-        onUpdate: props.onUpdateProfile,
-        onOpenVersion: props.onOpenProfileVersion
-      }
-    ),
-    /* @__PURE__ */ jsx2(
-      "button",
-      {
-        type: "button",
-        onClick: props.onRefresh,
-        className: "grid size-7 shrink-0 place-items-center rounded-og-sm text-og-fg-muted transition hover:bg-og-surface-2 hover:text-og-fg",
-        "aria-label": t("browserViewer.refreshBrowsers"),
-        children: /* @__PURE__ */ jsx2(RefreshCwIcon, { className: cn("size-3.5", props.refreshing && "animate-spin") })
-      }
-    ),
-    /* @__PURE__ */ jsx2(
-      BrowserLaunchMenu,
-      {
-        attachedBridges: props.attachedBridges,
-        attachedDevices: props.attachedDevices,
-        identities: props.identities,
-        creating: props.creating,
-        mutatingProfile: props.savingProfile,
-        onCreate: props.onCreate,
-        onRestore: (identity) => props.onUpdateProfile(identity, { status: "active" }),
-        setupUrl: props.setupUrl,
-        extensionName: props.extensionName
-      }
-    )
-  ] });
-}
-function BrowserUnselectedPanel(props) {
-  const t = useOpenGeniText();
-  return /* @__PURE__ */ jsx2("div", { className: "grid min-h-0 flex-1 place-items-center bg-og-bg p-6 text-center", children: /* @__PURE__ */ jsxs2("div", { className: "max-w-sm", children: [
-    /* @__PURE__ */ jsx2("span", { className: "mx-auto grid size-10 place-items-center rounded-og-md border border-og-border bg-og-surface-1 text-og-fg-muted", children: /* @__PURE__ */ jsx2(Globe2Icon, { className: "size-4.5" }) }),
-    props.unavailableBrowser ? /* @__PURE__ */ jsx2(BrowserUnavailableNotice, { session: props.unavailableBrowser }) : /* @__PURE__ */ jsx2("p", { className: "mt-3 text-og-menu font-medium text-og-fg", children: t("browserViewer.noBrowserForThisAgent") }),
-    /* @__PURE__ */ jsx2("p", { className: "mt-1 text-og-control leading-5 text-og-fg-muted", children: props.peerCount === 1 ? t("browserViewer.oneWorkspaceBrowserIsAvailable") : t("browserViewer.peercountWorkspaceBrowsersAreAvailable", {
-      peerCount: props.peerCount
-    }) }),
-    /* @__PURE__ */ jsxs2(
-      "button",
-      {
-        type: "button",
-        disabled: props.creating,
-        onClick: props.onCreate,
-        className: "mt-4 inline-flex h-8 items-center gap-1.5 rounded-og-sm border border-og-primary-border bg-og-primary px-3 text-og-control font-medium text-og-primary-fg transition hover:bg-og-primary-hover disabled:cursor-not-allowed disabled:opacity-50",
-        children: [
-          /* @__PURE__ */ jsx2(PlusIcon, { className: "size-3.5" }),
-          props.creating ? t("browserViewer.opening") : t("browserViewer.newBrowser")
-        ]
-      }
-    )
-  ] }) });
-}
-function BrowserUnavailableNotice({ session }) {
-  const t = useOpenGeniText();
-  const reason = session.failureCode === "provider_deadline_rotation" ? t("browserViewer.theComputerRunningItReached") : session.failureCode === "source_placement_changed" ? t("browserViewer.thisChatMovedToAnother") : session.failureCode === "idle_released" ? t("browserViewer.itStoppedAfterItWent") : session.lifecycle === "failed" ? t("browserViewer.itStoppedUnexpectedly") : t("browserViewer.theConnectionToItWas");
-  return /* @__PURE__ */ jsxs2("div", { role: "status", children: [
-    /* @__PURE__ */ jsx2("p", { className: "mt-3 text-og-menu font-medium text-og-fg", children: t("browserViewer.browserUnavailable") }),
-    /* @__PURE__ */ jsx2("p", { className: "mt-1 break-words text-og-control leading-5 text-og-fg-muted", children: t("browserViewer.nameReasonOpenANew", { name: session.name, reason }) })
-  ] });
-}
-function BrowserSessionGroup(props) {
-  const t = useOpenGeniText();
-  if (props.sessions.length === 0) return null;
-  return /* @__PURE__ */ jsxs2("div", { className: "py-1", children: [
-    /* @__PURE__ */ jsx2("p", { className: "px-2 pb-1 text-[10px] font-medium uppercase tracking-[0.12em] text-og-fg-subtle", children: props.label }),
-    props.sessions.map((session) => {
-      const identity = props.identities.find((candidate) => candidate.id === session.identityId);
-      const interventionCount = props.interventionCounts.get(session.id) ?? 0;
-      return /* @__PURE__ */ jsxs2(
-        "button",
-        {
-          type: "button",
-          "aria-label": `${session.name}${identity ? ` \xB7 ${identity.name}` : ""} \xB7 ${placementLabel(t, session)}`,
-          "aria-pressed": session.id === props.selectedId,
-          onClick: () => props.onSelect(session.id),
-          className: cn(
-            "flex w-full items-center gap-2 rounded-og-sm px-2 py-1.5 text-left transition hover:bg-og-surface-2",
-            session.id === props.selectedId && "bg-og-surface-2"
-          ),
-          children: [
-            /* @__PURE__ */ jsx2(
-              "span",
-              {
-                className: cn(
-                  "size-1.5 rounded-full",
-                  session.lifecycle === "active" ? "bg-og-status-running" : "bg-og-fg-subtle"
-                )
-              }
-            ),
-            /* @__PURE__ */ jsxs2("span", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ jsx2("span", { className: "block truncate text-og-control text-og-fg", children: session.name }),
-              /* @__PURE__ */ jsxs2("span", { className: "block truncate text-og-xs text-og-fg-subtle", children: [
-                identity ? `${identity.name} \xB7 ` : "",
-                placementLabel(t, session)
-              ] })
-            ] }),
-            interventionCount > 0 ? /* @__PURE__ */ jsx2("span", { className: "rounded-full bg-og-status-waiting/12 px-1.5 py-0.5 text-[10px] font-medium text-og-status-waiting", children: interventionCount }) : null
-          ]
-        },
-        session.id
-      );
-    })
-  ] });
-}
-function BrowserLaunchMenu(props) {
-  const t = useOpenGeniText();
-  const detailsRef = useViewerMenuDismiss();
-  const choose = (choice) => {
-    detailsRef.current?.removeAttribute("open");
-    props.onCreate(choice);
-  };
-  const restore = async (identity) => {
-    if (await props.onRestore(identity)) detailsRef.current?.removeAttribute("open");
-  };
-  const busy = props.creating || props.mutatingProfile;
-  const activeIdentities = props.identities.filter((identity) => identity.status === "active");
-  const archivedIdentities = props.identities.filter((identity) => identity.status === "archived");
-  return /* @__PURE__ */ jsxs2("details", { ref: detailsRef, className: cn(props.prominent && "mt-4 inline-block"), children: [
-    /* @__PURE__ */ jsxs2(
-      "summary",
-      {
-        onClick: (event) => {
-          if (busy) event.preventDefault();
-        },
-        className: cn(
-          "cursor-pointer list-none items-center justify-center gap-1.5 text-og-fg-muted transition hover:bg-og-surface-2 hover:text-og-fg [&::-webkit-details-marker]:hidden",
-          props.prominent ? "inline-flex h-8 rounded-og-sm border border-og-border bg-og-surface-1 px-3 text-og-control font-medium text-og-fg" : "grid size-7 place-items-center rounded-og-sm",
-          busy && "pointer-events-none opacity-50"
-        ),
-        "aria-label": t("browserViewer.newBrowser"),
-        children: [
-          busy ? /* @__PURE__ */ jsx2(LoaderCircleIcon, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsx2(PlusIcon, { className: "size-3.5" }),
-          props.prominent ? t("browserViewer.newBrowser") : null,
-          props.prominent ? /* @__PURE__ */ jsx2(ChevronDownIcon, { className: "size-3" }) : null
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs2(
-      "div",
-      {
-        className: cn(
-          "absolute z-40 max-h-[calc(100%-3rem)] w-72 max-w-[calc(100%-1rem)] overflow-y-auto rounded-og-md border border-og-border bg-og-surface-1 p-1 text-left shadow-xl",
-          props.prominent ? "left-1/2 top-2 -translate-x-1/2" : "right-2 top-10"
-        ),
-        children: [
-          props.attachedDevices.length > 0 || props.attachedBridges.length > 0 ? /* @__PURE__ */ jsxs2("div", { className: "pb-1", children: [
-            /* @__PURE__ */ jsx2("p", { className: "px-2 pb-1 pt-1 text-[10px] font-medium uppercase tracking-[0.12em] text-og-fg-subtle", children: t("browserViewer.connectedChrome") }),
-            props.attachedDevices.map((device) => /* @__PURE__ */ jsxs2(
-              "button",
-              {
-                type: "button",
-                onClick: () => choose({ kind: "attached", device }),
-                className: "flex w-full items-center gap-2 rounded-og-sm px-2 py-2 text-left transition hover:bg-og-surface-2",
-                children: [
-                  /* @__PURE__ */ jsx2(MonitorIcon, { className: "size-3.5 shrink-0 text-og-fg-muted" }),
-                  /* @__PURE__ */ jsxs2("span", { className: "min-w-0 flex-1", children: [
-                    /* @__PURE__ */ jsx2("span", { className: "block truncate text-og-control text-og-fg", children: device.profileLabel ?? device.name }),
-                    /* @__PURE__ */ jsx2("span", { className: "block truncate text-og-xs text-og-fg-subtle", children: t("browserViewer.openTabs", {
-                      browserName: device.browserName,
-                      count: device.tabCount
-                    }) })
-                  ] }),
-                  /* @__PURE__ */ jsx2("span", { className: "size-1.5 shrink-0 rounded-full bg-og-status-running" })
-                ]
-              },
-              device.id
-            )),
-            props.attachedBridges.length > 0 ? props.setupUrl ? /* @__PURE__ */ jsxs2(
-              "a",
-              {
-                href: props.setupUrl,
-                target: "_blank",
-                rel: "noreferrer",
-                onClick: () => detailsRef.current?.removeAttribute("open"),
-                className: "flex w-full items-center gap-2 rounded-og-sm px-2 py-2 text-left transition hover:bg-og-surface-2",
-                children: [
-                  /* @__PURE__ */ jsx2(PlusIcon, { className: "size-3.5 shrink-0 text-og-fg-muted" }),
-                  /* @__PURE__ */ jsxs2("span", { className: "min-w-0 flex-1", children: [
-                    /* @__PURE__ */ jsx2("span", { className: "block truncate text-og-control text-og-fg", children: props.attachedDevices.length > 0 ? t("browserViewer.connectAnotherChromeProfile") : t("browserViewer.connectThisChromeProfile") }),
-                    /* @__PURE__ */ jsx2("span", { className: "block truncate text-og-xs text-og-fg-subtle", children: t("browserViewer.machineConnectedChromeExtensionMissing") })
-                  ] })
-                ]
-              }
-            ) : /* @__PURE__ */ jsxs2("div", { className: "flex w-full items-center gap-2 px-2 py-2 text-left", children: [
-              /* @__PURE__ */ jsx2(MonitorIcon, { className: "size-3.5 shrink-0 text-og-fg-muted" }),
-              /* @__PURE__ */ jsxs2("span", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsx2("span", { className: "block truncate text-og-control text-og-fg", children: t("browserViewer.chromeConnectionReady") }),
-                /* @__PURE__ */ jsx2("span", { className: "block text-og-xs leading-4 text-og-fg-subtle", children: t("browserViewer.installTheOpengeniBrowserExtension", {
-                  extensionName: props.extensionName ?? "Opengeni Browser"
-                }) })
-              ] })
-            ] }) : null
-          ] }) : null,
-          /* @__PURE__ */ jsx2(
-            "p",
-            {
-              className: cn(
-                "px-2 pb-1 pt-1 text-[10px] font-medium uppercase tracking-[0.12em] text-og-fg-subtle",
-                (props.attachedDevices.length > 0 || props.attachedBridges.length > 0) && "border-t border-og-border"
-              ),
-              children: t("browserViewer.openIsolatedBrowser")
-            }
-          ),
-          /* @__PURE__ */ jsxs2(
-            "button",
-            {
-              type: "button",
-              onClick: () => choose({ kind: "clean" }),
-              className: "flex w-full items-center gap-2 rounded-og-sm px-2 py-2 text-left transition hover:bg-og-surface-2",
-              children: [
-                /* @__PURE__ */ jsx2(Globe2Icon, { className: "size-3.5 text-og-fg-muted" }),
-                /* @__PURE__ */ jsxs2("span", { children: [
-                  /* @__PURE__ */ jsx2("span", { className: "block text-og-control text-og-fg", children: t("browserViewer.freshBrowser") }),
-                  /* @__PURE__ */ jsx2("span", { className: "block text-og-xs text-og-fg-subtle", children: t("browserViewer.visualBrowserNoSavedState") })
-                ] })
-              ]
-            }
-          ),
-          activeIdentities.length > 0 ? /* @__PURE__ */ jsx2("div", { className: "mt-1 border-t border-og-border pt-1", children: activeIdentities.map((identity) => /* @__PURE__ */ jsxs2(
-            "button",
-            {
-              type: "button",
-              onClick: () => choose({ kind: "profile", identityId: identity.id }),
-              className: "flex w-full items-center gap-2 rounded-og-sm px-2 py-2 text-left transition hover:bg-og-surface-2",
-              children: [
-                /* @__PURE__ */ jsx2(UserRoundIcon, { className: "size-3.5 text-og-fg-muted" }),
-                /* @__PURE__ */ jsxs2("span", { className: "min-w-0", children: [
-                  /* @__PURE__ */ jsx2("span", { className: "block truncate text-og-control text-og-fg", children: identity.name }),
-                  /* @__PURE__ */ jsx2("span", { className: "block text-og-xs text-og-fg-subtle", children: identity.defaultRevisionId ? t("browserViewer.savedVersions", { count: identity.revisionCount }) : t("browserViewer.readyForFirstSignIn") })
-                ] })
-              ]
-            },
-            identity.id
-          )) }) : null,
-          archivedIdentities.length > 0 ? /* @__PURE__ */ jsxs2("details", { className: "mt-1 border-t border-og-border pt-1", children: [
-            /* @__PURE__ */ jsxs2("summary", { className: "flex cursor-pointer list-none items-center gap-1.5 rounded-og-sm px-2 py-1.5 text-og-xs text-og-fg-subtle transition hover:bg-og-surface-2 hover:text-og-fg [&::-webkit-details-marker]:hidden", children: [
-              /* @__PURE__ */ jsx2(ArchiveIcon, { className: "size-3" }),
-              " ",
-              t("browserViewer.hiddenProfilesLength", { length: archivedIdentities.length }),
-              /* @__PURE__ */ jsx2(ChevronDownIcon, { className: "ml-auto size-3" })
-            ] }),
-            archivedIdentities.map((identity) => /* @__PURE__ */ jsxs2(
-              "button",
-              {
-                type: "button",
-                disabled: busy,
-                onClick: () => void restore(identity),
-                className: "flex w-full items-center gap-2 rounded-og-sm px-2 py-2 text-left transition hover:bg-og-surface-2 disabled:opacity-50",
-                children: [
-                  /* @__PURE__ */ jsx2(RotateCcwIcon, { className: "size-3.5 text-og-fg-muted" }),
-                  /* @__PURE__ */ jsx2("span", { className: "min-w-0 flex-1 truncate text-og-control text-og-fg", children: t("browserViewer.restoreName", { name: identity.name }) })
-                ]
-              },
-              identity.id
-            ))
-          ] }) : null
-        ]
-      }
-    )
-  ] });
-}
-function BrowserProfileMenu(props) {
-  const t = useOpenGeniText();
-  const detailsRef = useViewerMenuDismiss();
-  const nameInputId = useId();
-  const [name, setName] = useState9("");
-  const attached = props.session?.placement.kind === "attached_device";
-  const canSave = (props.session?.capabilities.identityPublication ?? false) && props.identity?.status !== "archived";
-  const revisions = props.identity && props.history?.identityId === props.identity.id ? [...props.history.revisions].sort((left, right) => right.ordinal - left.ordinal) : [];
-  const save = async (newProfileName) => {
-    if (await props.onSave(newProfileName)) {
-      setName("");
-      detailsRef.current?.removeAttribute("open");
-    }
-  };
-  const openVersion = (identityId, baseRevisionId) => {
-    detailsRef.current?.removeAttribute("open");
-    props.onOpenVersion(identityId, baseRevisionId);
-  };
-  const versionLabel = attached ? "live" : props.identity ? props.baseRevisionOrdinal ? `v${props.baseRevisionOrdinal}` : props.session?.baseRevisionId ? "saved" : "unsaved" : "temporary";
-  return /* @__PURE__ */ jsxs2("details", { ref: detailsRef, className: "min-w-0", children: [
-    /* @__PURE__ */ jsxs2("summary", { className: "flex h-7 max-w-40 cursor-pointer list-none items-center gap-1.5 rounded-og-sm px-2 text-og-xs text-og-fg-muted transition hover:bg-og-surface-2 hover:text-og-fg [&::-webkit-details-marker]:hidden", children: [
-      props.saving ? /* @__PURE__ */ jsx2(LoaderCircleIcon, { className: "size-3 animate-spin" }) : attached ? /* @__PURE__ */ jsx2(MonitorIcon, { className: "size-3" }) : /* @__PURE__ */ jsx2(UserRoundIcon, { className: "size-3" }),
-      /* @__PURE__ */ jsx2("span", { className: "truncate", children: attached ? props.session?.name : props.identity?.name ?? t("browserViewer.temporary") }),
-      attached || props.identity ? /* @__PURE__ */ jsxs2("span", { className: "shrink-0 text-og-fg-subtle", children: [
-        "\xB7 ",
-        versionLabel
-      ] }) : null,
-      /* @__PURE__ */ jsx2(ChevronDownIcon, { className: "size-3 shrink-0 text-og-fg-subtle" })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "absolute right-2 top-10 z-40 max-h-[calc(100%-3rem)] w-72 max-w-[calc(100%-1rem)] overflow-y-auto rounded-og-md border border-og-border bg-og-surface-1 p-3 shadow-xl", children: [
-      /* @__PURE__ */ jsxs2("div", { className: "flex items-start gap-2", children: [
-        /* @__PURE__ */ jsx2("span", { className: "grid size-7 shrink-0 place-items-center rounded-og-sm bg-og-surface-2 text-og-fg-muted", children: attached ? /* @__PURE__ */ jsx2(MonitorIcon, { className: "size-3.5" }) : /* @__PURE__ */ jsx2(UserRoundIcon, { className: "size-3.5" }) }),
-        /* @__PURE__ */ jsxs2("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx2("p", { className: "truncate text-og-control font-medium text-og-fg", children: attached ? props.session?.name : props.identity?.name ?? t("browserViewer.temporaryBrowser") }),
-          /* @__PURE__ */ jsx2("p", { className: "mt-0.5 text-og-xs leading-4 text-og-fg-subtle", children: attached ? t("browserViewer.thisSessionDrivesTheExisting") : props.identity?.status === "archived" ? t("browserViewer.hiddenFromNewBrowsersThis") : props.identity ? props.baseRevisionOrdinal ? t("browserViewer.startedFromVersionBaserevisionordinal", {
-            baseRevisionOrdinal: props.baseRevisionOrdinal
-          }) : t("browserViewer.notSavedYet") : t("browserViewer.thisBrowserIsNotReusable") })
-        ] })
-      ] }),
-      props.identity && revisions.length > 0 ? /* @__PURE__ */ jsxs2("div", { className: "mt-3 border-t border-og-border pt-2", children: [
-        /* @__PURE__ */ jsx2("p", { className: "px-1 text-[10px] font-medium uppercase tracking-[0.12em] text-og-fg-subtle", children: t("browserViewer.savedVersions2") }),
-        /* @__PURE__ */ jsx2("div", { className: "mt-1 max-h-40 overflow-y-auto", children: revisions.map((revision) => {
-          const isDefault = revision.id === props.identity?.defaultRevisionId;
-          const isCurrent = revision.ordinal === props.baseRevisionOrdinal;
-          const materialization = revisionMaterializationSummary(t, revision);
-          return /* @__PURE__ */ jsxs2(
-            "div",
-            {
-              className: "flex w-full items-center gap-1 rounded-og-sm transition hover:bg-og-surface-2",
-              children: [
-                /* @__PURE__ */ jsxs2(
-                  "button",
-                  {
-                    type: "button",
-                    disabled: props.saving || props.identity?.status === "archived",
-                    "aria-label": t("browserViewer.openNameVersionOrdinal", {
-                      name: props.identity.name,
-                      ordinal: revision.ordinal
-                    }),
-                    onClick: () => openVersion(props.identity.id, revision.id),
-                    className: "flex min-w-0 flex-1 items-center gap-2 px-2 py-1.5 text-left disabled:opacity-50",
-                    children: [
-                      /* @__PURE__ */ jsx2("span", { className: "grid size-4 place-items-center text-og-fg-muted", children: isCurrent ? /* @__PURE__ */ jsx2(CheckIcon, { className: "size-3.5 text-og-accent" }) : null }),
-                      /* @__PURE__ */ jsxs2("span", { className: "min-w-0 flex-1", children: [
-                        /* @__PURE__ */ jsx2("span", { className: "block text-og-control text-og-fg", children: t("browserViewer.versionOrdinal", { ordinal: revision.ordinal }) }),
-                        /* @__PURE__ */ jsx2("span", { className: "block truncate text-[10px] text-og-fg-subtle", children: materialization.label })
-                      ] }),
-                      isCurrent ? /* @__PURE__ */ jsx2("span", { className: "text-[10px] text-og-fg-subtle", children: t("browserViewer.current") }) : null
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsx2(
-                  "button",
-                  {
-                    type: "button",
-                    disabled: isDefault || props.saving || props.identity?.status === "archived",
-                    "aria-label": isDefault ? t("browserViewer.nameVersionOrdinalIsThe", {
-                      name: props.identity.name,
-                      ordinal: revision.ordinal
-                    }) : t("browserViewer.useNameVersionOrdinalBy", {
-                      name: props.identity.name,
-                      ordinal: revision.ordinal
-                    }),
-                    title: isDefault ? t("browserViewer.defaultVersion") : t("browserViewer.useByDefault"),
-                    onClick: () => void props.onUpdate(props.identity, { defaultRevisionId: revision.id }),
-                    className: "mr-1 shrink-0 rounded-og-sm px-2 py-1 text-[10px] text-og-fg-subtle transition hover:bg-og-surface-3 hover:text-og-fg disabled:cursor-default disabled:opacity-70",
-                    children: isDefault ? t("browserViewer.default") : t("browserViewer.makeDefault")
-                  }
-                )
-              ]
-            },
-            revision.id
-          );
-        }) }),
-        /* @__PURE__ */ jsx2("p", { className: "mt-1 px-2 text-[10px] leading-4 text-og-fg-subtle", children: t("browserViewer.changingTheDefaultAffectsOnly") })
-      ] }) : props.identity && props.history?.identityId === props.identity.id && props.history.loading ? /* @__PURE__ */ jsxs2("p", { className: "mt-3 flex items-center gap-1.5 border-t border-og-border px-2 pt-2 text-og-xs text-og-fg-subtle", children: [
-        /* @__PURE__ */ jsx2(LoaderCircleIcon, { className: "size-3 animate-spin" }),
-        " ",
-        t("browserViewer.loadingSavedVersions")
-      ] }) : null,
-      props.identity && props.authConnections.length > 0 ? /* @__PURE__ */ jsxs2("div", { className: "mt-3 border-t border-og-border pt-2", children: [
-        /* @__PURE__ */ jsx2("p", { className: "px-1 text-[10px] font-medium uppercase tracking-[0.12em] text-og-fg-subtle", children: t("browserViewer.loginHealth") }),
-        /* @__PURE__ */ jsx2("div", { className: "mt-1 space-y-1", children: props.authConnections.map((connection) => {
-          const health = siteAuthHealth(t, connection);
-          return /* @__PURE__ */ jsxs2(
-            "div",
-            {
-              className: "flex items-start gap-2 rounded-og-sm px-2 py-1.5",
-              children: [
-                /* @__PURE__ */ jsx2("span", { className: cn("mt-1 size-1.5 shrink-0 rounded-full", health.dotClass) }),
-                /* @__PURE__ */ jsxs2("span", { className: "min-w-0 flex-1", children: [
-                  /* @__PURE__ */ jsx2("span", { className: "block truncate text-og-control text-og-fg", children: connection.name }),
-                  /* @__PURE__ */ jsxs2("span", { className: "block truncate text-[10px] text-og-fg-subtle", children: [
-                    connection.accountLabel,
-                    " \xB7 ",
-                    health.label
-                  ] })
-                ] })
-              ]
-            },
-            connection.id
-          );
-        }) })
-      ] }) : null,
-      canSave ? props.identity ? /* @__PURE__ */ jsxs2(
-        "button",
-        {
-          type: "button",
-          onClick: () => void save(),
-          disabled: props.saving,
-          className: "mt-3 flex h-8 w-full items-center justify-center gap-1.5 rounded-og-sm border border-og-border bg-og-surface-2 px-3 text-og-control font-medium text-og-fg transition hover:bg-og-surface-3 disabled:opacity-50",
-          children: [
-            props.saving ? /* @__PURE__ */ jsx2(LoaderCircleIcon, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsx2(SaveIcon, { className: "size-3.5" }),
-            props.saving ? t("browserViewer.savingBrowserVersion") : t("browserViewer.saveNewVersion")
-          ]
-        }
-      ) : /* @__PURE__ */ jsxs2(
-        "form",
-        {
-          className: "mt-3",
-          onSubmit: (event) => {
-            event.preventDefault();
-            if (name.trim()) void save(name);
-          },
-          children: [
-            /* @__PURE__ */ jsx2("label", { className: "text-og-xs font-medium text-og-fg-muted", htmlFor: nameInputId, children: t("browserViewer.profileName") }),
-            /* @__PURE__ */ jsxs2("div", { className: "mt-1 flex gap-1.5", children: [
-              /* @__PURE__ */ jsx2(
-                "input",
-                {
-                  id: nameInputId,
-                  value: name,
-                  onInput: (event) => setName(event.currentTarget.value),
-                  maxLength: 200,
-                  placeholder: t("browserViewer.work"),
-                  className: "h-8 min-w-0 flex-1 rounded-og-sm border border-og-border bg-og-bg px-2 text-og-control text-og-fg placeholder:text-og-fg-subtle focus:border-og-accent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent"
-                }
-              ),
-              /* @__PURE__ */ jsxs2(
-                "button",
-                {
-                  type: "submit",
-                  disabled: !name.trim() || props.saving,
-                  className: "inline-flex h-8 items-center gap-1 rounded-og-sm border border-og-primary-border bg-og-primary text-og-primary-fg px-2.5 text-og-control font-medium transition hover:bg-og-primary-hover disabled:opacity-50",
-                  children: [
-                    props.saving ? /* @__PURE__ */ jsx2(LoaderCircleIcon, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsx2(SaveIcon, { className: "size-3.5" }),
-                    t("browserViewer.save")
-                  ]
-                }
-              )
-            ] })
-          ]
-        }
-      ) : /* @__PURE__ */ jsx2("p", { className: "mt-3 rounded-og-sm bg-og-surface-2 px-2.5 py-2 text-og-xs text-og-fg-subtle", children: attached ? t("browserViewer.chromeKeepsThisProfileS") : props.identity?.status === "archived" ? t("browserViewer.restoreThisProfileBeforeSaving") : t("browserViewer.thisBrowserCannotSaveReusable") }),
-      !attached && props.identity ? /* @__PURE__ */ jsxs2(
-        "button",
-        {
-          type: "button",
-          disabled: props.saving,
-          onClick: () => void props.onUpdate(props.identity, {
-            status: props.identity.status === "active" ? "archived" : "active"
-          }),
-          className: "mt-2 flex h-8 w-full items-center justify-center gap-1.5 rounded-og-sm px-3 text-og-control text-og-fg-muted transition hover:bg-og-surface-2 hover:text-og-fg disabled:opacity-50",
-          children: [
-            props.identity.status === "active" ? /* @__PURE__ */ jsx2(ArchiveIcon, { className: "size-3.5" }) : /* @__PURE__ */ jsx2(RotateCcwIcon, { className: "size-3.5" }),
-            props.identity.status === "active" ? t("browserViewer.hideFromNewBrowsers") : t("browserViewer.restoreProfile")
-          ]
-        }
-      ) : null,
-      canSave ? /* @__PURE__ */ jsx2("p", { className: "mt-2 text-[10px] leading-4 text-og-fg-subtle", children: t("browserViewer.savingRestartsThisBrowserSave") }) : null
-    ] })
-  ] });
-}
-function revisionMaterializationSummary(t, revision) {
-  const materializations = revision.components.map((component) => component.materialization);
-  const placementBound = materializations.find(
-    (materialization) => materialization.portability === "placement_bound"
-  );
-  if (placementBound) {
-    return {
-      label: placementBound.reason ? t("browserViewer.thisMachineOnlyReason", { reason: placementBound.reason }) : t("browserViewer.thisMachineOnly")
-    };
-  }
-  const providerBound = materializations.find(
-    (materialization) => materialization.portability === "provider_bound"
-  );
-  if (providerBound) {
-    return {
-      label: providerBound.reason ? t("browserViewer.providerBoundReason", { reason: providerBound.reason }) : t("browserViewer.providerBound")
-    };
-  }
-  return { label: t("browserViewer.portableBrowserData") };
-}
-function siteAuthHealth(t, connection) {
-  switch (connection.verificationState) {
-    case "verified":
-      return { label: t("browserViewer.verified"), dotClass: "bg-og-status-running" };
-    case "needs_repair":
-      return { label: t("browserViewer.signInNeedsAttention"), dotClass: "bg-og-status-waiting" };
-    case "failed":
-      return { label: t("browserViewer.verificationFailed"), dotClass: "bg-og-status-failed" };
-    case "unknown":
-      return { label: t("browserViewer.notCheckedYet"), dotClass: "bg-og-fg-subtle" };
-  }
-}
-function MenuButton(props) {
-  return /* @__PURE__ */ jsx2(
-    "button",
-    {
-      type: "button",
-      onClick: props.onClick,
-      disabled: props.disabled,
-      className: "flex h-7 flex-1 items-center justify-center gap-1 rounded-og-sm px-2 text-og-control text-og-fg-muted transition hover:bg-og-surface-2 hover:text-og-fg disabled:opacity-50",
-      children: props.children
-    }
-  );
-}
-function BrowserTabs(props) {
-  const t = useOpenGeniText();
-  const pages = props.targets.filter((target) => target.kind === "page" || target.kind === "popup");
-  return /* @__PURE__ */ jsxs2("div", { className: "flex h-9 shrink-0 items-end gap-px overflow-x-auto border-b border-og-border bg-og-surface-1 px-1 pt-1", children: [
-    pages.map((target) => /* @__PURE__ */ jsxs2(
-      "div",
-      {
-        className: cn(
-          "group flex h-8 min-w-24 max-w-48 items-center rounded-t-og-sm border border-b-0 border-transparent px-2",
-          target.id === props.selectedTargetId ? "border-og-border bg-og-bg text-og-fg" : "text-og-fg-muted hover:bg-og-surface-1"
-        ),
-        children: [
-          /* @__PURE__ */ jsx2(
-            "button",
-            {
-              type: "button",
-              onClick: () => props.onSelect(target.id),
-              className: "min-w-0 flex-1 truncate text-left text-og-control",
-              children: target.title || shortUrl(target.url)
-            }
-          ),
-          props.tabControl ? /* @__PURE__ */ jsx2(
-            "button",
-            {
-              type: "button",
-              onClick: () => props.onClose(target.id),
-              disabled: props.mutating,
-              className: "ml-1 grid size-4 shrink-0 place-items-center rounded opacity-0 transition hover:bg-og-surface-3 group-hover:opacity-100 focus:opacity-100 disabled:opacity-30",
-              "aria-label": t("browserViewer.closeTitle", { title: target.title || "tab" }),
-              children: /* @__PURE__ */ jsx2(XIcon, { className: "size-3" })
-            }
-          ) : null
-        ]
-      },
-      target.id
-    )),
-    props.tabControl ? /* @__PURE__ */ jsx2(
-      "button",
-      {
-        type: "button",
-        onClick: props.onOpen,
-        disabled: props.mutating,
-        className: "mb-1 grid size-6 shrink-0 place-items-center rounded-og-sm text-og-fg-muted transition hover:bg-og-surface-2 hover:text-og-fg disabled:opacity-40",
-        "aria-label": t("browserViewer.newTab"),
-        children: /* @__PURE__ */ jsx2(PlusIcon, { className: "size-3.5" })
-      }
-    ) : null
-  ] });
-}
-function BrowserAddressBar(props) {
-  const t = useOpenGeniText();
-  const [draft, setDraft] = useState9(props.target?.url ?? "");
-  const focusedRef = useRef9(false);
-  const historyPendingRef = useRef9(false);
-  const [historyPending, setHistoryPending] = useState9(false);
-  useEffect9(() => {
-    if (!focusedRef.current) setDraft(props.target?.url ?? "");
-  }, [props.target?.id, props.target?.url]);
-  const submit = (event) => {
-    event.preventDefault();
-    if (historyPendingRef.current) return;
-    const normalized = normalizeBrowserAddress(draft);
-    if (normalized) props.onNavigate(normalized);
-  };
-  const navigateHistory = async (direction) => {
-    if (!props.target || props.loading || historyPendingRef.current) return;
-    historyPendingRef.current = true;
-    setHistoryPending(true);
-    try {
-      await props.onHistory(direction);
-    } finally {
-      historyPendingRef.current = false;
-      setHistoryPending(false);
-    }
-  };
-  return /* @__PURE__ */ jsxs2(
-    "form",
-    {
-      onSubmit: submit,
-      "aria-busy": historyPending || void 0,
-      className: "flex h-10 shrink-0 items-center gap-1.5 border-b border-og-border bg-og-bg px-2",
-      children: [
-        ["back", "forward"].map((direction) => /* @__PURE__ */ jsx2(
-          "button",
-          {
-            type: "button",
-            onClick: () => void navigateHistory(direction),
-            disabled: !props.target || props.loading,
-            "aria-disabled": historyPending || void 0,
-            className: cn(
-              "grid size-7 shrink-0 place-items-center rounded-og-sm text-og-fg-muted transition hover:bg-og-surface-2 hover:text-og-fg focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent disabled:opacity-35",
-              historyPending && "opacity-50"
-            ),
-            "aria-label": direction === "back" ? t("browserViewer.back") : t("browserViewer.forward"),
-            title: direction === "back" ? t("browserViewer.back") : t("browserViewer.forward"),
-            children: direction === "back" ? /* @__PURE__ */ jsx2(ArrowLeftIcon, { className: "size-3.5" }) : /* @__PURE__ */ jsx2(ArrowRightIcon, { className: "size-3.5" })
-          },
-          direction
-        )),
-        /* @__PURE__ */ jsx2(
-          "button",
-          {
-            type: "button",
-            onClick: props.onReload,
-            disabled: !props.target || props.loading || historyPending,
-            className: "grid size-7 shrink-0 place-items-center rounded-og-sm text-og-fg-muted transition hover:bg-og-surface-2 hover:text-og-fg disabled:opacity-35",
-            "aria-label": t("browserViewer.reload"),
-            children: /* @__PURE__ */ jsx2(
-              RefreshCwIcon,
-              {
-                className: cn("size-3.5", (props.loading || historyPending) && "animate-spin")
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsxs2("div", { className: "flex h-7 min-w-0 flex-1 items-center gap-2 rounded-og-sm border border-og-border bg-og-surface-1 px-2 focus-within:border-og-accent/60", children: [
-          /* @__PURE__ */ jsx2(Globe2Icon, { className: "size-3 shrink-0 text-og-fg-subtle" }),
-          /* @__PURE__ */ jsx2(
-            "input",
-            {
-              value: draft,
-              onChange: (event) => setDraft(event.target.value),
-              onFocus: () => {
-                focusedRef.current = true;
-              },
-              onBlur: () => {
-                focusedRef.current = false;
-              },
-              onKeyDown: (event) => {
-                if (event.key !== "Enter") return;
-                event.preventDefault();
-                if (historyPendingRef.current) return;
-                const normalized = normalizeBrowserAddress(draft);
-                if (normalized) props.onNavigate(normalized);
-              },
-              disabled: !props.target,
-              className: "min-w-0 flex-1 bg-transparent text-og-control text-og-fg placeholder:text-og-fg-subtle focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent disabled:opacity-50",
-              "aria-label": t("browserViewer.address"),
-              spellCheck: false,
-              placeholder: t("browserViewer.searchOrEnterAddress")
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-function BrowserViewport(props) {
-  const t = useOpenGeniText();
-  const canvasRef = useRef9(null);
-  const inputRef = useRef9(null);
-  const [selectPopup, setSelectPopup] = useState9(null);
-  const inputSequenceRef = useRef9(0);
-  const dismissSelectPopup = useCallback8(() => {
-    inputSequenceRef.current += 1;
-    setSelectPopup({ observation: null, anchor: null });
-  }, []);
-  const composingRef = useRef9(false);
-  const pointerStartRef = useRef9(null);
-  const lastClickRef = useRef9(null);
-  const wheelRef = useRef9(null);
-  const pendingTextRef = useRef9(null);
-  const actionRef = useRef9(props.onAction);
-  const readClipboardRef = useRef9(props.onReadClipboard);
-  const observeInputRef = useRef9(props.onObserveForInput);
-  const errorRef = useRef9(props.onError);
-  const actionTailRef = useRef9(Promise.resolve());
-  const actionQueueEpochRef = useRef9(0);
-  const queuedTypingRef = useRef9(null);
-  const queuedFrameRef = useRef9(null);
-  const currentFrameRef = useRef9(props.frame);
-  const paintedFrameRef = useRef9(null);
-  const [paintedFrame, setPaintedFrame] = useState9(null);
-  const decodingFrameRef = useRef9(false);
-  const mountedRef = useRef9(true);
-  actionRef.current = props.onAction;
-  readClipboardRef.current = props.onReadClipboard;
-  observeInputRef.current = props.onObserveForInput;
-  errorRef.current = props.onError;
-  const clearBufferedInput = useCallback8(() => {
-    dismissSelectPopup();
-    if (wheelRef.current?.timer) clearTimeout(wheelRef.current.timer);
-    if (pendingTextRef.current?.timer) clearTimeout(pendingTextRef.current.timer);
-    wheelRef.current = null;
-    pendingTextRef.current = null;
-    queuedTypingRef.current = null;
-    pointerStartRef.current = null;
-    lastClickRef.current = null;
-    composingRef.current = false;
-    if (inputRef.current) inputRef.current.value = "";
-  }, [dismissSelectPopup]);
-  const paintQueuedFrames = useCallback8(() => {
-    if (decodingFrameRef.current) return;
-    decodingFrameRef.current = true;
-    void (async () => {
-      try {
-        while (mountedRef.current) {
-          const frame = queuedFrameRef.current;
-          queuedFrameRef.current = null;
-          if (!frame) break;
-          let objectUrl = null;
-          try {
-            const blob = new Blob([frame.data], {
-              type: frame.mediaType
-            });
-            if (typeof createImageBitmap === "function") {
-              const bitmap = await createImageBitmap(blob);
-              try {
-                const canvas2 = canvasRef.current;
-                if (mountedRef.current && canvas2 && currentFrameRef.current && sameBrowserDocument(frame, currentFrameRef.current)) {
-                  paintCanvas(canvas2, bitmap, frame.width, frame.height);
-                  paintedFrameRef.current = frame;
-                  setPaintedFrame(frame);
-                }
-              } finally {
-                bitmap.close();
-              }
-              continue;
-            }
-            objectUrl = URL.createObjectURL(blob);
-            const image = await loadImage(objectUrl);
-            const canvas = canvasRef.current;
-            if (mountedRef.current && canvas && currentFrameRef.current && sameBrowserDocument(frame, currentFrameRef.current)) {
-              paintCanvas(canvas, image, frame.width, frame.height);
-              paintedFrameRef.current = frame;
-              setPaintedFrame(frame);
-            }
-          } catch (cause) {
-            if (mountedRef.current && currentFrameRef.current && sameBrowserDocument(frame, currentFrameRef.current))
-              errorRef.current(cause);
-          } finally {
-            if (objectUrl) URL.revokeObjectURL(objectUrl);
-          }
-        }
-      } finally {
-        decodingFrameRef.current = false;
-        if (mountedRef.current && queuedFrameRef.current) paintQueuedFrames();
-      }
-    })();
-  }, []);
-  useLayoutEffect2(() => {
-    const keyboardInput = inputRef.current;
-    const focusHandoff = props.focusHandoffRef;
-    mountedRef.current = true;
-    if (focusHandoff.current === props.focusScope) {
-      keyboardInput?.focus({ preventScroll: true });
-    }
-    focusHandoff.current = null;
-    return () => {
-      if (document.activeElement === keyboardInput) {
-        focusHandoff.current = props.focusScope;
-      }
-      mountedRef.current = false;
-      actionQueueEpochRef.current += 1;
-      queuedFrameRef.current = null;
-      clearBufferedInput();
-    };
-  }, [clearBufferedInput, props.focusHandoffRef, props.focusScope]);
-  useLayoutEffect2(() => {
-    if (currentFrameRef.current && !props.frame) {
-      actionQueueEpochRef.current += 1;
-      clearBufferedInput();
-    }
-    currentFrameRef.current = props.frame;
-    if (!props.frame) {
-      queuedFrameRef.current = null;
-      paintedFrameRef.current = null;
-      setPaintedFrame(null);
-      return;
-    }
-    queuedFrameRef.current = props.frame;
-    paintQueuedFrames();
-  }, [clearBufferedInput, paintQueuedFrames, props.frame]);
-  const enqueue = useCallback8(
-    (action, frame, after, selectAnchor) => {
-      const inputSequence = ++inputSequenceRef.current;
-      setSelectPopup({ observation: null, anchor: null });
-      frame = frame ? {
-        browserSessionId: frame.browserSessionId,
-        controllerGeneration: frame.controllerGeneration,
-        targetId: frame.targetId,
-        targetGeneration: frame.targetGeneration,
-        documentGeneration: frame.documentGeneration,
-        frameId: frame.frameId
-      } : null;
-      const epoch = actionQueueEpochRef.current;
-      const attachment = props.inputBatchAttachment;
-      const canBatchTyping = action.type === "type" && !after && frame && attachment?.fencedInputBatches === true && attachment.browserSessionId === frame.browserSessionId && attachment.controllerGeneration === frame.controllerGeneration && attachment.targetId === frame.targetId && Date.parse(attachment.expiresAt) > Date.now();
-      const previous = queuedTypingRef.current;
-      if (canBatchTyping && frame && previous && previous.epoch === epoch && sameFrameFence(previous.frame, frame) && previous.actions.length < 16) {
-        previous.actions.push(action);
-        return;
-      }
-      const typing = canBatchTyping && frame ? { actions: [action], frame, epoch } : null;
-      queuedTypingRef.current = typing;
-      actionTailRef.current = actionTailRef.current.catch(() => void 0).then(async () => {
-        if (!mountedRef.current || epoch !== actionQueueEpochRef.current) return;
-        if (queuedTypingRef.current === typing) queuedTypingRef.current = null;
-        const dispatchedAction = typing && typing.actions.length > 1 ? { type: "batch", actions: typing.actions, fenceEachAction: true } : action;
-        const receipt = await actionRef.current(dispatchedAction, frame);
-        if (!mountedRef.current || epoch !== actionQueueEpochRef.current) return;
-        const keyboardSelect = dispatchedAction.type === "press" && dispatchedAction.key === "Alt+ArrowDown";
-        if ((selectAnchor || keyboardSelect) && inputSequence === inputSequenceRef.current) {
-          const observation = keyboardSelect ? await observeInputRef.current() : receipt.observation;
-          if (mountedRef.current && epoch === actionQueueEpochRef.current && inputSequence === inputSequenceRef.current && observation) {
-            setSelectPopup({ observation, anchor: selectAnchor ?? null });
-          }
-        }
-        await after?.(receipt);
-      }).catch((cause) => {
-        if (!mountedRef.current || epoch !== actionQueueEpochRef.current) return;
-        actionQueueEpochRef.current += 1;
-        clearBufferedInput();
-        errorRef.current(cause);
-      });
-    },
-    [clearBufferedInput, props.inputBatchAttachment]
-  );
-  const point = useCallback8(
-    (frame, clientX, clientY) => browserPoint(canvasRef.current, frame, clientX, clientY),
-    []
-  );
-  const flushPendingText = useCallback8(() => {
-    const pending = pendingTextRef.current;
-    if (!pending) return;
-    clearTimeout(pending.timer);
-    pendingTextRef.current = null;
-    enqueue({ type: "type", text: pending.text }, pending.frame);
-  }, [enqueue]);
-  const flushPendingClick = useCallback8(() => {
-    lastClickRef.current = null;
-  }, []);
-  const flushPendingWheel = useCallback8(() => {
-    const batch = wheelRef.current;
-    if (!batch) return;
-    if (batch.timer) clearTimeout(batch.timer);
-    wheelRef.current = null;
-    enqueue(
-      {
-        type: "pointer",
-        action: "scroll",
-        x: batch.x,
-        y: batch.y,
-        deltaX: batch.deltaX,
-        deltaY: batch.deltaY
-      },
-      batch.frame
-    );
-  }, [enqueue]);
-  const pointerDown = (event) => {
-    const frame = paintedFrameRef.current;
-    if (!frame || event.button !== 0) return;
-    event.preventDefault();
-    dismissSelectPopup();
-    flushPendingWheel();
-    flushPendingText();
-    pointerStartRef.current = {
-      x: event.clientX,
-      y: event.clientY,
-      pointerId: event.pointerId,
-      frame
-    };
-    event.currentTarget.setPointerCapture?.(event.pointerId);
-    inputRef.current?.focus({ preventScroll: true });
-  };
-  const pointerUp = (event) => {
-    const start = pointerStartRef.current;
-    pointerStartRef.current = null;
-    if (!start || start.pointerId !== event.pointerId) return;
-    const from = point(start.frame, start.x, start.y);
-    const to = point(start.frame, event.clientX, event.clientY);
-    if (!from || !to) return;
-    if (Math.hypot(event.clientX - start.x, event.clientY - start.y) > 5) {
-      flushPendingClick();
-      enqueue(
-        {
-          type: "pointer",
-          action: "drag",
-          x: from.x,
-          y: from.y,
-          endX: to.x,
-          endY: to.y
-        },
-        start.frame
-      );
-      return;
-    }
-    const now = Date.now();
-    const previous = lastClickRef.current;
-    if (previous && now - previous.at < 280 && Math.hypot(previous.x - to.x, previous.y - to.y) < 6 && sameFrameFence(previous.frame, start.frame)) {
-      lastClickRef.current = null;
-      enqueue({ type: "pointer", action: "click", clickCount: 2, x: to.x, y: to.y }, start.frame);
-      return;
-    }
-    lastClickRef.current = { at: now, x: to.x, y: to.y, frame: start.frame };
-    const viewportBounds = canvasRef.current?.parentElement?.getBoundingClientRect();
-    enqueue(
-      { type: "pointer", action: "click", x: to.x, y: to.y },
-      start.frame,
-      void 0,
-      viewportBounds ? { x: event.clientX - viewportBounds.left, y: event.clientY - viewportBounds.top + 8 } : void 0
-    );
-  };
-  const contextMenu = (event) => {
-    event.preventDefault();
-    const frame = paintedFrameRef.current;
-    if (!frame) return;
-    flushPendingWheel();
-    flushPendingText();
-    flushPendingClick();
-    const at = point(frame, event.clientX, event.clientY);
-    if (at) enqueue({ type: "pointer", action: "click", x: at.x, y: at.y, button: "right" }, frame);
-  };
-  const wheel = (event) => {
-    dismissSelectPopup();
-    const frame = paintedFrameRef.current;
-    if (!frame) return;
-    const at = point(frame, event.clientX, event.clientY);
-    if (!at) return;
-    flushPendingText();
-    flushPendingClick();
-    event.preventDefault();
-    let pending = wheelRef.current;
-    if (pending && (!sameBrowserDocument(pending.frame, frame) || Math.hypot(pending.x - at.x, pending.y - at.y) > 6)) {
-      flushPendingWheel();
-      pending = null;
-    }
-    wheelRef.current = {
-      x: at.x,
-      y: at.y,
-      deltaX: (pending?.deltaX ?? 0) + event.deltaX,
-      deltaY: (pending?.deltaY ?? 0) + event.deltaY,
-      frame,
-      // Retain the first event's deadline so a continuous gesture keeps moving.
-      timer: pending?.timer ?? setTimeout(flushPendingWheel, 45)
-    };
-  };
-  const keyDown = (event) => {
-    if (composingRef.current || event.nativeEvent.isComposing || event.nativeEvent.keyCode === 229) {
-      return;
-    }
-    dismissSelectPopup();
-    flushPendingWheel();
-    const command = event.metaKey || event.ctrlKey;
-    if (props.clipboardEnabled && command && !event.altKey && ["c", "v"].includes(event.key.toLowerCase())) {
-      flushPendingText();
-      return;
-    }
-    const key = browserKey(event);
-    if (!key) return;
-    event.preventDefault();
-    flushPendingText();
-    flushPendingClick();
-    enqueue({ type: "press", key }, paintedFrameRef.current);
-  };
-  const finishCopy = useCallback8(async () => {
-    const clipboard = await readClipboardRef.current();
-    if (!mountedRef.current) return;
-    if (clipboard.text.length === 0) return;
-    if (!await copyTextToClipboard(clipboard.text)) {
-      throw new Error(t("browserViewer.browserTextCouldNotBe"));
-    }
-  }, [t]);
-  const copy = (event) => {
-    if (!props.clipboardEnabled) return;
-    event.preventDefault();
-    flushPendingWheel();
-    flushPendingText();
-    flushPendingClick();
-    enqueue({ type: "clipboard", operation: "copy" }, paintedFrameRef.current, finishCopy);
-  };
-  const paste = (event) => {
-    if (!props.clipboardEnabled) return;
-    event.preventDefault();
-    flushPendingWheel();
-    flushPendingText();
-    flushPendingClick();
-    enqueue(
-      {
-        type: "clipboard",
-        operation: "paste",
-        text: event.clipboardData.getData("text/plain")
-      },
-      paintedFrameRef.current
-    );
-  };
-  const input = (value, nativeComposing = false) => {
-    dismissSelectPopup();
-    if (composingRef.current || nativeComposing) return;
-    if (!value) return;
-    flushPendingWheel();
-    flushPendingClick();
-    const pending = pendingTextRef.current;
-    if (pending && sameOptionalBrowserFrame(pending.frame, paintedFrameRef.current)) {
-      clearTimeout(pending.timer);
-      pending.text += value;
-      pending.timer = setTimeout(flushPendingText, 16);
-    } else {
-      flushPendingText();
-      pendingTextRef.current = {
-        text: value,
-        frame: paintedFrameRef.current,
-        timer: setTimeout(flushPendingText, 16)
-      };
-    }
-    if (inputRef.current) inputRef.current.value = "";
-  };
-  const compositionStart = () => {
-    composingRef.current = true;
-  };
-  const compositionEnd = (event) => {
-    composingRef.current = false;
-    input(event.currentTarget.value || event.data);
-  };
-  const showCanvas = !props.controlUnavailable && props.frame !== null && paintedFrame !== null && sameBrowserDocument(props.frame, paintedFrame);
-  return /* @__PURE__ */ jsxs2("div", { className: "relative min-h-0 flex-1 overflow-hidden bg-black", children: [
-    /* @__PURE__ */ jsx2(
-      "canvas",
-      {
-        ref: canvasRef,
-        className: cn(
-          "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",
-          !showCanvas && "invisible"
-        ),
-        onPointerDown: pointerDown,
-        onPointerUp: pointerUp,
-        onPointerCancel: () => {
-          pointerStartRef.current = null;
-        },
-        onContextMenu: contextMenu,
-        onWheel: wheel,
-        "aria-label": t("browserViewer.interactiveBrowserPage")
-      }
-    ),
-    /* @__PURE__ */ jsx2(
-      "textarea",
-      {
-        ref: inputRef,
-        disabled: props.controlUnavailable,
-        defaultValue: "",
-        onInput: (event) => input(event.currentTarget.value, event.nativeEvent.isComposing),
-        onCompositionStart: compositionStart,
-        onCompositionEnd: compositionEnd,
-        onKeyDown: keyDown,
-        onCopy: copy,
-        onPaste: paste,
-        className: "pointer-events-none absolute left-1/2 top-1/2 size-px resize-none overflow-hidden opacity-0",
-        "aria-label": t("browserViewer.browserKeyboardInput"),
-        "aria-keyshortcuts": "Alt+ArrowDown",
-        autoCapitalize: "off",
-        autoCorrect: "off",
-        spellCheck: false
-      }
-    ),
-    !showCanvas ? /* @__PURE__ */ jsx2(
-      SemanticBrowserFallback,
-      {
-        observation: props.observation,
-        connectionState: props.connectionState,
-        supportsLiveFrames: props.supportsLiveFrames,
-        error: props.connectionError,
-        controlUnavailable: props.controlUnavailable,
-        onAction: (action) => enqueue(action, null),
-        onReconnect: props.onReconnect,
-        reconnectLabel: props.reconnectLabel,
-        reconnectMessage: props.reconnectMessage
-      }
-    ) : null,
-    showCanvas ? /* @__PURE__ */ jsx2(
-      BrowserSelectControl,
-      {
-        manualFallback: props.inputBatchAttachment?.focusedInputObservations !== true,
-        activation: selectPopup,
-        onDismiss: () => inputRef.current?.focus({ preventScroll: true }),
-        observe: async () => {
-          flushPendingText();
-          flushPendingWheel();
-          await actionTailRef.current;
-          if (!mountedRef.current) throw new Error(t("browserViewer.theBrowserPageChanged"));
-          return await props.onObserveForInput();
-        },
-        act: props.onSelectFromObservation
-      }
-    ) : null,
-    props.mutating ? /* @__PURE__ */ jsxs2("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", children: [
-      /* @__PURE__ */ jsx2(LoaderCircleIcon, { className: "size-3 animate-spin" }),
-      " ",
-      props.activityLabel ?? t("browserViewer.acting")
-    ] }) : null
-  ] });
-}
-function SemanticBrowserFallback(props) {
-  const t = useOpenGeniText();
-  const controlFailure = interactionControlFailureFromError(props.error);
-  const { controlUnavailable } = props;
-  const generationLoss = Boolean(props.reconnectMessage);
-  const nodes = semanticNodes(
-    props.observation?.semantic?.kind === "snapshot" ? props.observation.semantic.roots : []
-  );
-  const interactive = nodes.filter((node) => node.actions.includes("click")).slice(0, 8);
-  return /* @__PURE__ */ jsx2("div", { className: "absolute inset-0 grid place-items-center bg-og-bg p-6", children: /* @__PURE__ */ jsxs2("div", { className: "w-full max-w-md rounded-og-lg border border-og-border bg-og-surface-1 p-4 shadow-lg", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
-      props.error ? /* @__PURE__ */ jsx2(CircleAlertIcon, { className: "size-4 text-og-danger" }) : props.connectionState === "semantic" ? /* @__PURE__ */ jsx2(ZapIcon, { className: "size-4 text-og-fg-muted" }) : /* @__PURE__ */ jsx2(LoaderCircleIcon, { className: "size-4 animate-spin text-og-fg-muted" }),
-      /* @__PURE__ */ jsx2("p", { className: "text-og-menu font-medium text-og-fg", children: generationLoss ? t("browserViewer.chromeReconnectedOpenAFresh") : controlUnavailable ? t("browserViewer.browserControlsUnavailable") : props.error ? props.supportsLiveFrames ? t("browserViewer.liveViewDisconnected") : t("browserViewer.browserUnavailable") : props.connectionState === "semantic" ? t("browserViewer.semanticBrowser") : browserConnectionLabel(t, props.connectionState) })
-    ] }),
-    props.error || props.reconnectMessage ? /* @__PURE__ */ jsx2("p", { className: "mt-2 text-og-control leading-5 text-og-fg-muted", children: props.reconnectMessage ?? controlFailure?.message ?? props.error?.message }) : null,
-    interactive.length > 0 && !controlUnavailable ? /* @__PURE__ */ jsxs2("div", { className: "mt-3 border-t border-og-border pt-3", children: [
-      /* @__PURE__ */ jsx2("p", { className: "mb-2 text-og-xs text-og-fg-subtle", children: props.supportsLiveFrames ? t("browserViewer.pageControlsRemainAvailable") : t("browserViewer.availablePageControls") }),
-      /* @__PURE__ */ jsx2("div", { className: "flex flex-wrap gap-1.5", children: interactive.map((node) => /* @__PURE__ */ jsx2(
-        "button",
-        {
-          type: "button",
-          onClick: () => props.onAction({
-            type: "click",
-            locator: { kind: "ref", ref: node.ref }
-          }),
-          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",
-          children: node.name || node.role
-        },
-        node.ref
-      )) })
-    ] }) : null,
-    props.error && (!generationLoss || props.reconnectLabel) ? /* @__PURE__ */ jsx2(
-      "button",
-      {
-        type: "button",
-        onClick: props.onReconnect,
-        className: "mt-3 text-og-control font-medium og-link",
-        children: props.reconnectLabel ?? (controlFailure?.retryable === false ? t("browserViewer.tryAgain") : t("browserViewer.reconnect"))
-      }
-    ) : null
-  ] }) });
-}
-function BrowserStatusBar(props) {
-  const t = useOpenGeniText();
-  const errors = (props.observation?.diagnostics.consoleErrorCount ?? 0) + (props.observation?.diagnostics.pageErrorCount ?? 0);
-  const failed = props.observation?.diagnostics.failedRequestCount ?? 0;
-  return /* @__PURE__ */ jsxs2("div", { className: "flex h-7 shrink-0 items-center gap-2 border-t border-og-border bg-og-surface-1 px-2 text-og-xs text-og-fg-subtle", children: [
-    /* @__PURE__ */ jsx2(
-      "span",
-      {
-        className: cn(
-          "size-1.5 rounded-full",
-          props.connectionState === "live" || props.connectionState === "semantic" ? "bg-og-status-running" : "bg-og-fg-subtle"
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx2("span", { children: props.connectionState === "live" ? t("browserViewer.live") : props.connectionState === "semantic" ? t("browserViewer.semantic") : browserConnectionLabel(t, props.connectionState) }),
-    props.inputFailure ? /* @__PURE__ */ jsx2("span", { className: "text-og-status-failed", children: props.inputFailure.state === "failed" ? t("browserViewer.inputFailed") : t("browserViewer.inputResultUnknown") }) : null,
-    /* @__PURE__ */ jsx2("span", { children: props.profile?.name ?? t("browserViewer.temporaryBrowser") }),
-    /* @__PURE__ */ jsx2("span", { className: "min-w-0 flex-1 truncate", children: props.target?.title }),
-    props.refreshing ? /* @__PURE__ */ jsx2(LoaderCircleIcon, { className: "size-3 animate-spin" }) : null,
-    props.onOpenComputer ? /* @__PURE__ */ jsxs2(
-      "button",
-      {
-        type: "button",
-        onClick: props.onOpenComputer,
-        className: "flex items-center gap-1 rounded px-1.5 py-0.5 transition hover:bg-og-surface-2 hover:text-og-fg",
-        "aria-label": t("browserViewer.openThisBrowserWindowIn"),
-        children: [
-          /* @__PURE__ */ jsx2(MonitorIcon, { className: "size-3" }),
-          t("browserViewer.desktop")
-        ]
-      }
-    ) : null,
-    /* @__PURE__ */ jsxs2(
-      "button",
-      {
-        type: "button",
-        onClick: props.onDiagnostics,
-        "aria-expanded": props.diagnosticsOpen,
-        "aria-controls": "browser-diagnostics-drawer",
-        className: cn(
-          "flex items-center gap-1 rounded px-1.5 py-0.5 transition hover:bg-og-surface-2 hover:text-og-fg",
-          props.diagnosticsOpen && "bg-og-surface-2 text-og-fg"
-        ),
-        children: [
-          /* @__PURE__ */ jsx2(BugIcon, { className: "size-3" }),
-          errors + failed > 0 ? errors + failed : t("browserViewer.debug")
-        ]
-      }
-    )
-  ] });
-}
-function BrowserDiagnosticsDrawer(props) {
-  const t = useOpenGeniText();
-  const session = props.session;
-  const diagnostics = props.observation?.diagnostics;
-  const semanticMode = props.observation?.semantic ? t("browserViewer.semanticPageStructureAvailable") : props.observation?.screenshot ? t("browserViewer.visualFallbackInUse") : t("browserViewer.waitingForPageObservation");
-  return /* @__PURE__ */ jsxs2(
-    "aside",
-    {
-      id: "browser-diagnostics-drawer",
-      role: "region",
-      "aria-label": t("browserViewer.browserDiagnostics"),
-      className: "absolute inset-y-0 right-0 z-40 flex min-h-0 w-full max-w-md flex-col border-l border-og-border bg-og-surface-1 shadow-2xl",
-      children: [
-        /* @__PURE__ */ jsxs2("div", { className: "flex min-h-11 shrink-0 items-center gap-2 border-b border-og-border px-3 py-2", children: [
-          /* @__PURE__ */ jsx2(BugIcon, { className: "size-4 shrink-0 text-og-fg-muted" }),
-          /* @__PURE__ */ jsxs2("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx2("p", { className: "text-og-control font-semibold text-og-fg", children: t("browserViewer.browserDiagnostics") }),
-            /* @__PURE__ */ jsx2("p", { className: "truncate text-og-xs text-og-fg-subtle", children: props.target?.title || shortUrl(props.target?.url ?? "") || t("browserViewer.currentTab") })
-          ] }),
-          /* @__PURE__ */ jsx2(
-            "button",
-            {
-              type: "button",
-              onClick: props.onRefresh,
-              disabled: props.state.loading,
-              className: "grid size-7 shrink-0 place-items-center rounded-og-sm text-og-fg-muted transition hover:bg-og-surface-2 hover:text-og-fg disabled:opacity-40",
-              "aria-label": t("browserViewer.refreshBrowserDiagnostics"),
-              children: /* @__PURE__ */ jsx2(RefreshCwIcon, { className: cn("size-3.5", props.state.loading && "animate-spin") })
-            }
-          ),
-          /* @__PURE__ */ jsx2(
-            "button",
-            {
-              type: "button",
-              onClick: props.onClose,
-              className: "grid size-7 shrink-0 place-items-center rounded-og-sm text-og-fg-muted transition hover:bg-og-surface-2 hover:text-og-fg",
-              "aria-label": t("browserViewer.closeBrowserDiagnostics"),
-              children: /* @__PURE__ */ jsx2(XIcon, { className: "size-3.5" })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "min-h-0 flex-1 overflow-y-auto", children: [
-          /* @__PURE__ */ jsxs2("section", { className: "border-b border-og-border p-3", "aria-labelledby": "browser-runtime-title", children: [
-            /* @__PURE__ */ jsx2(
-              "h3",
-              {
-                id: "browser-runtime-title",
-                className: "text-[10px] font-semibold uppercase tracking-[0.14em] text-og-fg-subtle",
-                children: t("browserViewer.runtime")
-              }
-            ),
-            /* @__PURE__ */ jsxs2("dl", { className: "mt-2 grid grid-cols-[7rem_minmax(0,1fr)] gap-x-3 gap-y-1.5 text-og-xs", children: [
-              /* @__PURE__ */ jsx2(
-                DiagnosticFact,
-                {
-                  label: t("browserViewer.engine"),
-                  value: browserEngineLabel(t, session)
-                }
-              ),
-              /* @__PURE__ */ jsx2(
-                DiagnosticFact,
-                {
-                  label: t("browserViewer.driver"),
-                  value: session?.driverId ?? t("browserViewer.unavailable")
-                }
-              ),
-              /* @__PURE__ */ jsx2(
-                DiagnosticFact,
-                {
-                  label: t("browserViewer.placement"),
-                  value: placementLabel(t, session ?? void 0)
-                }
-              ),
-              /* @__PURE__ */ jsx2(
-                DiagnosticFact,
-                {
-                  label: t("browserViewer.profile"),
-                  value: props.profile ? `${props.profile.name}${props.baseRevisionOrdinal ? ` \xB7 v${props.baseRevisionOrdinal}` : ""}` : t("browserViewer.temporary")
-                }
-              ),
-              /* @__PURE__ */ jsx2(
-                DiagnosticFact,
-                {
-                  label: t("browserViewer.controller"),
-                  value: shortGeneration(t, session?.controller?.controllerGeneration)
-                }
-              ),
-              /* @__PURE__ */ jsx2(
-                DiagnosticFact,
-                {
-                  label: t("browserViewer.network"),
-                  value: session?.networkRouteId ? t("browserViewer.customRoute") : t("browserViewer.placementDefault")
-                }
-              ),
-              /* @__PURE__ */ jsx2(DiagnosticFact, { label: t("browserViewer.observation"), value: semanticMode })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs2("section", { className: "border-b border-og-border p-3", "aria-labelledby": "browser-page-title", children: [
-            /* @__PURE__ */ jsx2(
-              "h3",
-              {
-                id: "browser-page-title",
-                className: "text-[10px] font-semibold uppercase tracking-[0.14em] text-og-fg-subtle",
-                children: t("browserViewer.tabDiagnostics")
-              }
-            ),
-            /* @__PURE__ */ jsx2("p", { className: "mt-1 text-og-xs text-og-fg-subtle", children: t("browserViewer.includesEarlierPagesInThis") }),
-            /* @__PURE__ */ jsxs2("dl", { className: "mt-2 grid grid-cols-2 gap-2", children: [
-              /* @__PURE__ */ jsx2(
-                DiagnosticCount,
-                {
-                  label: t("browserViewer.consoleErrors"),
-                  value: diagnostics?.consoleErrorCount
-                }
-              ),
-              /* @__PURE__ */ jsx2(
-                DiagnosticCount,
-                {
-                  label: t("browserViewer.pageErrors"),
-                  value: diagnostics?.pageErrorCount
-                }
-              ),
-              /* @__PURE__ */ jsx2(
-                DiagnosticCount,
-                {
-                  label: t("browserViewer.failedRequests"),
-                  value: diagnostics?.failedRequestCount
-                }
-              ),
-              /* @__PURE__ */ jsx2(
-                DiagnosticCount,
-                {
-                  label: t("browserViewer.downloads"),
-                  value: diagnostics?.downloadCount
-                }
-              )
-            ] }),
-            session?.failureCode ? /* @__PURE__ */ jsx2("p", { className: "mt-2 rounded-og-sm border border-og-danger/30 bg-og-danger/5 px-2.5 py-2 text-og-xs text-og-danger", children: t("browserViewer.browserStateFailurecode", { failureCode: session.failureCode }) }) : null
-          ] }),
-          props.downloadsEnabled ? /* @__PURE__ */ jsx2(
-            BrowserDownloadsPanel,
-            {
-              downloads: props.downloads,
-              loading: props.downloadsLoading,
-              refreshing: props.downloadsRefreshing,
-              error: props.downloadsError,
-              savingDownloadIds: props.savingDownloadIds,
-              onSave: props.onSaveDownload,
-              onRefresh: props.onRefreshDownloads
-            }
-          ) : null,
-          /* @__PURE__ */ jsxs2("section", { className: "p-3", "aria-labelledby": "browser-events-title", children: [
-            /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between gap-2", children: [
-              /* @__PURE__ */ jsx2(
-                "h3",
-                {
-                  id: "browser-events-title",
-                  className: "text-[10px] font-semibold uppercase tracking-[0.14em] text-og-fg-subtle",
-                  children: t("browserViewer.recentEvents")
-                }
-              ),
-              props.state.batch?.truncated ? /* @__PURE__ */ jsx2("span", { className: "text-[10px] text-og-fg-subtle", children: t("browserViewer.newest100") }) : null
-            ] }),
-            props.state.loading && !props.state.batch ? /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 py-6 text-og-control text-og-fg-muted", children: [
-              /* @__PURE__ */ jsx2(LoaderCircleIcon, { className: "size-3.5 animate-spin" }),
-              " ",
-              t("browserViewer.loadingDiagnostics")
-            ] }) : props.state.error ? /* @__PURE__ */ jsxs2("div", { className: "py-5", children: [
-              /* @__PURE__ */ jsx2("p", { className: "text-og-control text-og-danger", children: props.state.error.message }),
-              /* @__PURE__ */ jsx2(
-                "button",
-                {
-                  type: "button",
-                  onClick: props.onRefresh,
-                  className: "mt-2 text-og-control font-medium og-link",
-                  children: t("browserViewer.tryAgain")
-                }
-              )
-            ] }) : props.state.batch?.entries.length ? /* @__PURE__ */ jsx2("ol", { className: "mt-2 space-y-2", children: props.state.batch.entries.map((entry) => /* @__PURE__ */ jsxs2(
-              "li",
-              {
-                className: "rounded-og-sm border border-og-border bg-og-bg p-2.5",
-                children: [
-                  /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 text-[10px] text-og-fg-subtle", children: [
-                    /* @__PURE__ */ jsx2(
-                      "span",
-                      {
-                        className: cn(
-                          "font-semibold uppercase tracking-wide",
-                          diagnosticTone(entry.level)
-                        ),
-                        children: diagnosticKindLabel(t, entry.kind)
-                      }
-                    ),
-                    /* @__PURE__ */ jsx2("span", { className: "ml-auto", children: formatDiagnosticTime(t, entry.occurredAt) })
-                  ] }),
-                  /* @__PURE__ */ jsx2("p", { className: "mt-1 whitespace-pre-wrap break-words text-og-xs leading-5 text-og-fg", children: entry.message }),
-                  entry.url || entry.filename || entry.method || entry.status ? /* @__PURE__ */ jsx2("p", { className: "mt-1 truncate font-og-mono text-[10px] text-og-fg-subtle", children: [entry.method, entry.status, entry.filename, entry.url].filter((value) => value !== null).join(" \xB7 ") }) : null
-                ]
-              },
-              entry.sequence
-            )) }) : /* @__PURE__ */ jsx2("p", { className: "py-6 text-og-control text-og-fg-muted", children: t("browserViewer.noDiagnosticsForThisTab") })
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-function BrowserDownloadsPanel(props) {
-  const t = useOpenGeniText();
-  const [paths, setPaths] = useState9({});
-  const [overwrite, setOverwrite] = useState9({});
-  const [savedPaths, setSavedPaths] = useState9({});
-  const [errors, setErrors] = useState9({});
-  const saving = useMemo2(() => new Set(props.savingDownloadIds), [props.savingDownloadIds]);
-  const save = (download) => {
-    const destinationPath = (paths[download.id] ?? defaultDownloadDestination(download)).trim();
-    if (!destinationPath || saving.has(download.id)) return;
-    setErrors((current) => ({ ...current, [download.id]: "" }));
-    void props.onSave(download.id, destinationPath, overwrite[download.id] ?? false).then((response) => {
-      setSavedPaths((current) => ({ ...current, [download.id]: response.destinationPath }));
-    }).catch((cause) => {
-      setErrors((current) => ({
-        ...current,
-        [download.id]: cause instanceof Error ? cause.message : t("browserViewer.couldNotSaveThisDownload")
-      }));
-    });
-  };
-  return /* @__PURE__ */ jsxs2("section", { className: "border-b border-og-border p-3", "aria-labelledby": "browser-downloads-title", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx2(DownloadIcon, { className: "size-3.5 text-og-fg-muted" }),
-      /* @__PURE__ */ jsx2(
-        "h3",
-        {
-          id: "browser-downloads-title",
-          className: "text-[10px] font-semibold uppercase tracking-[0.14em] text-og-fg-subtle",
-          children: t("browserViewer.downloads")
-        }
-      ),
-      props.refreshing ? /* @__PURE__ */ jsx2(LoaderCircleIcon, { className: "ml-auto size-3 animate-spin text-og-fg-muted" }) : null
-    ] }),
-    props.loading ? /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 py-5 text-og-control text-og-fg-muted", children: [
-      /* @__PURE__ */ jsx2(LoaderCircleIcon, { className: "size-3.5 animate-spin" }),
-      " ",
-      t("browserViewer.loadingDownloads")
-    ] }) : props.error ? /* @__PURE__ */ jsxs2("div", { className: "py-4", children: [
-      /* @__PURE__ */ jsx2("p", { className: "text-og-control text-og-danger", children: props.error.message }),
-      /* @__PURE__ */ jsx2(
-        "button",
-        {
-          type: "button",
-          onClick: props.onRefresh,
-          className: "mt-2 text-og-control font-medium og-link",
-          children: t("browserViewer.tryAgain")
-        }
-      )
-    ] }) : props.downloads.length === 0 ? /* @__PURE__ */ jsx2("p", { className: "py-4 text-og-control text-og-fg-muted", children: t("browserViewer.noFilesDownloadedYet") }) : /* @__PURE__ */ jsx2("ol", { className: "mt-2 space-y-2", children: props.downloads.map((download) => {
-      const destinationPath = paths[download.id] ?? defaultDownloadDestination(download);
-      const isSaving = saving.has(download.id);
-      const isSaved = savedPaths[download.id] === destinationPath;
-      return /* @__PURE__ */ jsxs2(
-        "li",
-        {
-          className: "rounded-og-sm border border-og-border bg-og-bg p-2.5",
-          children: [
-            /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 items-start gap-2", children: [
-              /* @__PURE__ */ jsx2("span", { className: "mt-0.5 grid size-6 shrink-0 place-items-center rounded bg-og-surface-2 text-og-fg-muted", children: isSaved ? /* @__PURE__ */ jsx2(FileCheck2Icon, { className: "size-3.5 text-og-status-idle" }) : /* @__PURE__ */ jsx2(DownloadIcon, { className: "size-3.5" }) }),
-              /* @__PURE__ */ jsxs2("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsx2(
-                  "p",
-                  {
-                    className: "truncate text-og-xs font-medium text-og-fg",
-                    title: download.filename,
-                    children: download.filename
-                  }
-                ),
-                /* @__PURE__ */ jsx2("p", { className: "mt-0.5 text-[10px] text-og-fg-subtle", children: downloadStatusLabel(t, download) })
-              ] })
-            ] }),
-            download.status === "completed" ? /* @__PURE__ */ jsxs2("div", { className: "mt-2", children: [
-              /* @__PURE__ */ jsxs2("div", { className: "flex gap-1.5", children: [
-                /* @__PURE__ */ jsx2(
-                  "input",
-                  {
-                    type: "text",
-                    value: destinationPath,
-                    onInput: (event) => {
-                      const value = event.currentTarget.value;
-                      setPaths((current) => ({ ...current, [download.id]: value }));
-                      setErrors((current) => ({ ...current, [download.id]: "" }));
-                    },
-                    onKeyDown: (event) => {
-                      if (event.key === "Enter") save(download);
-                    },
-                    disabled: isSaving,
-                    "aria-label": t("browserViewer.workspacePathForFilename", {
-                      filename: download.filename
-                    }),
-                    className: "h-7 min-w-0 flex-1 rounded-og-sm border border-og-border bg-og-surface-1 px-2 font-og-mono text-[10px] text-og-fg transition focus:border-og-accent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent disabled:opacity-50"
-                  }
-                ),
-                /* @__PURE__ */ jsxs2(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => save(download),
-                    disabled: isSaving || !destinationPath.trim() || isSaved && !overwrite[download.id],
-                    className: "inline-flex h-7 shrink-0 items-center gap-1 rounded-og-sm border border-og-border bg-og-surface-1 px-2 text-[10px] font-medium text-og-fg transition hover:bg-og-surface-2 disabled:opacity-40",
-                    children: [
-                      isSaving ? /* @__PURE__ */ jsx2(LoaderCircleIcon, { className: "size-3 animate-spin" }) : /* @__PURE__ */ jsx2(SaveIcon, { className: "size-3" }),
-                      isSaving ? t("browserViewer.saving") : isSaved ? t("browserViewer.saved") : overwrite[download.id] ? t("browserViewer.replace") : t("browserViewer.save")
-                    ]
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxs2("label", { className: "mt-1.5 flex w-fit items-center gap-1.5 text-[10px] text-og-fg-subtle", children: [
-                /* @__PURE__ */ jsx2(
-                  "input",
-                  {
-                    type: "checkbox",
-                    checked: overwrite[download.id] ?? false,
-                    onChange: (event) => {
-                      setOverwrite((current) => ({
-                        ...current,
-                        [download.id]: event.currentTarget.checked
-                      }));
-                      setErrors((current) => ({ ...current, [download.id]: "" }));
-                    },
-                    disabled: isSaving,
-                    className: "size-3 accent-og-accent"
-                  }
-                ),
-                t("browserViewer.replaceAnExistingWorkspaceFile")
-              ] }),
-              errors[download.id] ? /* @__PURE__ */ jsx2("p", { className: "mt-1.5 break-words text-[10px] text-og-danger", children: errors[download.id] }) : null
-            ] }) : null
-          ]
-        },
-        download.id
-      );
-    }) })
-  ] });
-}
-function downloadStatusLabel(t, download) {
-  if (download.status === "completed") return formatBytes(download.receivedBytes);
-  if (download.status === "in_progress") {
-    const received = formatBytes(download.receivedBytes);
-    return download.totalBytes === null ? t("browserViewer.downloadingReceived", { received }) : t("browserViewer.downloadingReceivedOfBytes", {
-      received,
-      bytes: formatBytes(download.totalBytes)
-    });
-  }
-  if (download.status === "cancelled") return t("browserViewer.cancelled");
-  if (download.status === "unavailable") return t("browserViewer.noLongerAvailable");
-  return t("browserViewer.downloadFailed");
-}
-function defaultDownloadDestination(download) {
-  const leaf = download.filename.split(/[\\/]/u).at(-1)?.trim() ?? "";
-  const portable = leaf.normalize("NFC").replace(/[<>:"|?*\u0000-\u001f\u007f]/gu, "-").replace(/[ .]+$/u, "");
-  if (portable.length === 0 || /^(?:con|prn|aux|nul|com[1-9]|lpt[1-9])(?:\.|$)/iu.test(portable)) {
-    return `download-${download.id.slice(0, 8)}`;
-  }
-  return portable;
-}
-function DiagnosticFact(props) {
-  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    /* @__PURE__ */ jsx2("dt", { className: "text-og-fg-subtle", children: props.label }),
-    /* @__PURE__ */ jsx2("dd", { className: "min-w-0 truncate text-og-fg", title: props.value, children: props.value })
-  ] });
-}
-function DiagnosticCount(props) {
-  const t = useOpenGeniText();
-  return /* @__PURE__ */ jsxs2("div", { className: "rounded-og-sm border border-og-border bg-og-bg px-2.5 py-2", children: [
-    /* @__PURE__ */ jsx2("dt", { className: "text-[10px] text-og-fg-subtle", children: props.label }),
-    /* @__PURE__ */ jsx2(
-      "dd",
-      {
-        className: cn(
-          "mt-0.5 text-og-sm font-semibold",
-          props.value ? "text-og-fg" : "text-og-fg-muted"
-        ),
-        children: props.value ?? t("browserViewer.unavailable")
-      }
-    )
-  ] });
-}
-function browserEngineLabel(t, session) {
-  if (!session) return t("browserViewer.unavailable");
-  const version = session.engineVersion ? ` ${session.engineVersion}` : "";
-  return `${session.engine}${version} \xB7 ${session.headless ? "headless" : "headed"}`;
-}
-function shortGeneration(t, value) {
-  if (!value) return t("browserViewer.unavailable");
-  return value.length > 16 ? `${value.slice(0, 8)}\u2026${value.slice(-6)}` : value;
-}
-function diagnosticKindLabel(t, kind) {
-  switch (kind) {
-    case "console":
-      return t("browserViewer.console");
-    case "page_error":
-      return t("browserViewer.pageError");
-    case "failed_request":
-      return t("browserViewer.request");
-    case "download":
-      return t("browserViewer.download");
-  }
-}
-function diagnosticTone(level) {
-  if (level === "error") return "text-og-danger";
-  if (level === "warning") return "text-og-status-waiting";
-  return "text-og-fg-muted";
-}
-function formatDiagnosticTime(t, value) {
-  const date = new Date(value);
-  return Number.isNaN(date.getTime()) ? "" : date.toLocaleTimeString(t.locale, { hour: "2-digit", minute: "2-digit", second: "2-digit" });
-}
-function BrowserNotice(props) {
-  return /* @__PURE__ */ jsx2(
-    "div",
-    {
-      className: cn(
-        "grid h-full place-items-center bg-og-bg text-og-control text-og-fg-muted",
-        props.className
-      ),
-      children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
-        props.icon,
-        props.text
-      ] })
-    }
-  );
-}
-function paintCanvas(canvas, image, width, height) {
-  canvas.width = width;
-  canvas.height = height;
-  const context = canvas.getContext("2d", { alpha: false });
-  if (!context) throw new Error("Browser canvas is unavailable.");
-  context.drawImage(image, 0, 0, width, height);
-}
-function loadImage(url) {
-  return new Promise((resolve, reject) => {
-    const image = new Image();
-    image.onload = () => resolve(image);
-    image.onerror = () => reject(new Error("Browser frame image could not be decoded."));
-    image.src = url;
-  });
-}
-function browserPoint(canvas, frame, clientX, clientY) {
-  if (!canvas || !frame) return null;
-  const rect = canvas.getBoundingClientRect();
-  if (rect.width <= 0 || rect.height <= 0) return null;
-  const pixelX = (clientX - rect.left) / rect.width * frame.width;
-  const pixelY = (clientY - rect.top) / rect.height * frame.height;
-  return {
-    x: Math.max(0, pixelX / frame.deviceScaleFactor),
-    y: Math.max(0, pixelY / frame.deviceScaleFactor)
-  };
-}
-function semanticNodes(roots) {
-  const result = [];
-  const stack = [...roots].reverse();
-  while (stack.length > 0) {
-    const node = stack.pop();
-    result.push(node);
-    if (node.children) stack.push(...[...node.children].reverse());
-  }
-  return result;
-}
-function frameMatchesSelectedTarget(frame, session, target) {
-  return Boolean(
-    frame && session && target && frame.browserSessionId === session.id && frame.targetId === target.id && frame.targetGeneration === target.targetGeneration && frame.documentGeneration === target.documentGeneration
-  );
-}
-function sameFrameFence(left, right) {
-  return sameBrowserDocument(left, right) && left.frameId === right.frameId;
-}
-function sameBrowserDocument(left, right) {
-  return left.browserSessionId === right.browserSessionId && left.controllerGeneration === right.controllerGeneration && left.targetId === right.targetId && left.targetGeneration === right.targetGeneration && left.documentGeneration === right.documentGeneration;
-}
-function sameOptionalBrowserFrame(left, right) {
-  return left === null || right === null ? left === right : sameFrameFence(left, right);
-}
-function isLiveBrowser2(session) {
-  return !["ending", "ended", "failed", "lost"].includes(session.lifecycle);
-}
-function attachedChromeGenerationLoss(sessions) {
-  const lost = sessions.find(
-    (session) => session.lifecycle === "lost" && session.failureCode === "controller_transition_expired" && session.placement.kind === "attached_device"
-  );
-  return lost?.placement.kind === "attached_device" ? { deviceId: lost.placement.deviceId } : null;
-}
-function isAttachedChromeGenerationLossError(error) {
-  if (!error) return false;
-  return /placement instance changed|controller authority changed/i.test(error.message);
-}
-function countInterventions(interventions) {
-  const counts = /* @__PURE__ */ new Map();
-  for (const intervention of interventions) {
-    counts.set(intervention.resourceId, (counts.get(intervention.resourceId) ?? 0) + 1);
-  }
-  return counts;
-}
-function interventionTitle(t, intervention) {
-  switch (intervention.kind) {
-    case "manual_login":
-      return t("browserViewer.signInNeeded");
-    case "mfa":
-      return t("browserViewer.verificationNeeded");
-    case "external_action":
-    case "confirmation":
-      return t("browserViewer.actionNeeded");
-    case "other":
-      return t("browserViewer.browserNeedsYourHelp");
-  }
-}
-function placementLabel(t, session) {
-  if (!session) return "";
-  switch (session.placement.kind) {
-    case "sandbox_group":
-      return t("browserViewer.agentSandbox");
-    case "connected_machine":
-      return t("browserViewer.connectedMachine");
-    case "attached_device":
-      return t("browserViewer.yourBrowser");
-    case "external_provider":
-      return t("browserViewer.cloudBrowser");
-  }
-}
-function browserConnectionLabel(t, state) {
-  switch (state) {
-    case "attaching":
-      return t("browserViewer.openingBrowser");
-    case "connecting":
-      return t("browserViewer.connecting");
-    case "reconnecting":
-      return t("browserViewer.reconnecting");
-    case "error":
-      return t("browserViewer.disconnected");
-    case "semantic":
-      return t("browserViewer.semantic");
-    default:
-      return t("browserViewer.waitingForBrowser");
-  }
-}
-function shortUrl(value) {
-  try {
-    return new URL(value).hostname || value;
-  } catch {
-    return value;
-  }
-}
-
-export {
-  useBrowserFrameStream,
-  useAttachedBrowsers,
-  useBrowserIdentities,
-  useBrowserDownloads,
-  useBrowserSession,
-  useBrowserSessions,
-  useSiteAuthConnections,
-  staleBrowserEndRetryDelayMs,
-  BrowserViewer
-};
-//# sourceMappingURL=chunk-MLJADQFI.js.map