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

package/dist/{chunk-BRFMGY4L.js → chunk-UGMKPUEM.js}

@@ -11,7 +11,8 @@ import {
   isSiteHttpRequest,
   serveSiteHttp
 } from "@opengeni/sdk/site";
-import { useEffect, useRef } from "react";
+import { useEffect, useRef, useState } from "react";
+import { resolveSiteClientScript } from "@opengeni/sdk/site-document";
 import { jsx } from "react/jsx-runtime";
 var PUBLISHED_HTML_ARTIFACT_IFRAME_SANDBOX = [
   "allow-downloads",
@@ -31,6 +32,7 @@ var SITE_BRIDGE_BOOTSTRAP_SCRIPT = `<script>(()=>{const key=${JSON.stringify(
 )}||data.version!==${OPENGENI_SITE_BRIDGE_VERSION}||event.ports.length!==1)return;const port=event.ports[0];const previous=window[key]?.port;if(previous&&previous!==port)previous.close();Object.defineProperty(window,key,{configurable:true,value:{port}});port.start();});})();</script>`;
 function publishedHtmlArtifactDocument(html, toolBridgeEnabled) {
   if (!toolBridgeEnabled) return html;
+  html = resolveSiteClientScript(html);
   const doctypeEnd = leadingDoctypeEnd(html);
   if (doctypeEnd >= 0) {
     return `${html.slice(0, doctypeEnd + 1)}${SITE_BRIDGE_BOOTSTRAP_SCRIPT}${html.slice(doctypeEnd + 1)}`;
@@ -52,6 +54,25 @@ function leadingDoctypeEnd(html) {
 }
 function PublishedHtmlArtifactFrame(props) {
   const frameRef = useRef(null);
+  const [height, setHeight] = useState();
+  useEffect(() => {
+    if (!props.autoHeight) return;
+    const receive = (event) => {
+      if (event.source !== frameRef.current?.contentWindow || event.data?.type !== "opengeni.preview.height")
+        return;
+      const value = event.data.height;
+      if (typeof value === "number" && Number.isFinite(value))
+        setHeight(Math.min(1200, Math.max(80, value)));
+    };
+    window.addEventListener("message", receive);
+    return () => window.removeEventListener("message", receive);
+  }, [props.autoHeight]);
+  useEffect(() => {
+    frameRef.current?.contentWindow?.postMessage(
+      { type: "opengeni.preview.theme", theme: props.theme },
+      "*"
+    );
+  }, [props.theme]);
   const bridgeRef = useRef(props.toolBridge);
   const onFrameLoadRef = useRef(() => void 0);
   const frameLoadPendingRef = useRef(false);
@@ -161,11 +182,15 @@ function PublishedHtmlArtifactFrame(props) {
       referrerPolicy: "no-referrer",
       srcDoc: publishedHtmlArtifactDocument(props.html, toolBridgeEnabled),
       onLoad: () => {
+        frameRef.current?.contentWindow?.postMessage(
+          { type: "opengeni.preview.theme", theme: props.theme },
+          "*"
+        );
         frameLoadPendingRef.current = true;
         onFrameLoadRef.current();
       },
       className: props.className,
-      style: props.style
+      style: { ...props.style, ...props.autoHeight && height ? { height } : {} }
     }
   );
 }
@@ -271,4 +296,4 @@ export {
   PublishedHtmlArtifactFrame,
   openGeniSiteBridgePortFromBootstrap
 };
-//# sourceMappingURL=chunk-BRFMGY4L.js.map
+//# sourceMappingURL=chunk-UGMKPUEM.js.map

package/dist/chunk-UGMKPUEM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/artifacts/published-html-artifact-frame.tsx"],"sourcesContent":["import {\n  OPENGENI_SITE_BRIDGE_BOOTSTRAP_GLOBAL,\n  OPENGENI_SITE_BRIDGE_READY,\n  OPENGENI_SITE_BRIDGE_RESPONSE,\n  OPENGENI_SITE_BRIDGE_VERSION,\n  isOpenGeniSiteBridgeCancelMessage,\n  isOpenGeniSiteBridgeConnectMessage,\n  isOpenGeniSiteBridgeRequestMessage,\n  sanitizeOpenGeniSiteToolCallRequest,\n  isSiteHttpRequest,\n  serveSiteHttp,\n  type SiteHttpRequest,\n  type OpenGeniSiteBridgeResponseMessage,\n  type OpenGeniSiteToolCatalog,\n} from \"@opengeni/sdk/site\";\nimport type {\n  ToolGatewayCallRequest,\n  ToolGatewayCallResponse,\n  ToolGatewayDeclarationsResponse,\n} from \"@opengeni/sdk\";\nimport { useEffect, useRef, useState, type CSSProperties } from \"react\";\nimport { resolveSiteClientScript } from \"@opengeni/sdk/site-document\";\n\nexport const PUBLISHED_HTML_ARTIFACT_IFRAME_SANDBOX = [\n  \"allow-downloads\",\n  \"allow-forms\",\n  \"allow-modals\",\n  \"allow-orientation-lock\",\n  \"allow-pointer-lock\",\n  \"allow-popups\",\n  \"allow-popups-to-escape-sandbox\",\n  \"allow-presentation\",\n  \"allow-scripts\",\n].join(\" \");\n\nexport type PublishedHtmlArtifactFrameProps = {\n  html: string;\n  autoHeight?: boolean;\n  theme?: \"light\" | \"dark\";\n  title: string;\n  className?: string;\n  style?: CSSProperties;\n  toolBridge?: PublishedHtmlArtifactToolBridge;\n};\n\nexport type PublishedHtmlArtifactToolBridge = {\n  fetch?: (request: SiteHttpRequest, signal: AbortSignal) => Promise<Response>;\n  catalog: (options: { signal: AbortSignal }) => Promise<OpenGeniSiteToolCatalog>;\n  call: (\n    request: ToolGatewayCallRequest,\n    options: { signal: AbortSignal },\n  ) => Promise<ToolGatewayCallResponse>;\n  declarations?: (options: { signal: AbortSignal }) => Promise<ToolGatewayDeclarationsResponse>;\n};\n\nconst SITE_BRIDGE_BOOTSTRAP_SCRIPT = `<script>(()=>{const key=${JSON.stringify(\n  OPENGENI_SITE_BRIDGE_BOOTSTRAP_GLOBAL,\n)};const parentWindow=window.parent;if(parentWindow===window)return;window.addEventListener(\"message\",event=>{const data=event.data;if(event.source!==parentWindow||!data||data.type!==${JSON.stringify(\n  OPENGENI_SITE_BRIDGE_READY,\n)}||data.version!==${OPENGENI_SITE_BRIDGE_VERSION}||event.ports.length!==1)return;const port=event.ports[0];const previous=window[key]?.port;if(previous&&previous!==port)previous.close();Object.defineProperty(window,key,{configurable:true,value:{port}});port.start();});})();</script>`;\n\nexport function publishedHtmlArtifactDocument(html: string, toolBridgeEnabled: boolean): string {\n  if (!toolBridgeEnabled) return html;\n  html = resolveSiteClientScript(html);\n  const doctypeEnd = leadingDoctypeEnd(html);\n  if (doctypeEnd >= 0) {\n    return `${html.slice(0, doctypeEnd + 1)}${SITE_BRIDGE_BOOTSTRAP_SCRIPT}${html.slice(doctypeEnd + 1)}`;\n  }\n  return `${SITE_BRIDGE_BOOTSTRAP_SCRIPT}${html}`;\n}\n\nfunction leadingDoctypeEnd(html: string): number {\n  const lower = html.toLowerCase();\n  let cursor = html.charCodeAt(0) === 0xfeff ? 1 : 0;\n  while (cursor < html.length) {\n    while (/\\s/.test(html[cursor] ?? \"\")) cursor += 1;\n    if (!html.startsWith(\"<!--\", cursor)) break;\n    const commentEnd = html.indexOf(\"-->\", cursor + 4);\n    if (commentEnd < 0) return -1;\n    cursor = commentEnd + 3;\n  }\n  if (!lower.startsWith(\"<!doctype\", cursor)) return -1;\n  return html.indexOf(\">\", cursor + 9);\n}\n\n/**\n * Render exact published HTML in an opaque-origin iframe. Artifact scripts,\n * external resources, forms, popups, downloads, and the host-filtered tool\n * bridge work without granting parent-origin authority, shared cookies/storage,\n * or top-level navigation.\n */\nexport function PublishedHtmlArtifactFrame(props: PublishedHtmlArtifactFrameProps) {\n  const frameRef = useRef<HTMLIFrameElement | null>(null);\n  const [height, setHeight] = useState<number>();\n  useEffect(() => {\n    if (!props.autoHeight) return;\n    const receive = (event: MessageEvent) => {\n      if (\n        event.source !== frameRef.current?.contentWindow ||\n        event.data?.type !== \"opengeni.preview.height\"\n      )\n        return;\n      const value = event.data.height;\n      if (typeof value === \"number\" && Number.isFinite(value))\n        setHeight(Math.min(1200, Math.max(80, value)));\n    };\n    window.addEventListener(\"message\", receive);\n    return () => window.removeEventListener(\"message\", receive);\n  }, [props.autoHeight]);\n  useEffect(() => {\n    frameRef.current?.contentWindow?.postMessage(\n      { type: \"opengeni.preview.theme\", theme: props.theme },\n      \"*\",\n    );\n  }, [props.theme]);\n  const bridgeRef = useRef(props.toolBridge);\n  const onFrameLoadRef = useRef<() => void>(() => undefined);\n  const frameLoadPendingRef = useRef(false);\n  const toolBridgeEnabled = props.toolBridge !== undefined;\n  useEffect(() => {\n    bridgeRef.current = props.toolBridge;\n  }, [props.toolBridge]);\n  useEffect(() => {\n    if (!toolBridgeEnabled || typeof window === \"undefined\") return;\n    const requests = new SiteBridgeRequestRegistry();\n    const attachToolPort = (data: unknown, ports: readonly MessagePort[]) => {\n      const port = openGeniSiteBridgePortFromBootstrap(data, ports);\n      if (!port) return;\n      requests.addPort(port);\n      port.addEventListener(\"message\", (portEvent: MessageEvent<unknown>) => {\n        const message = portEvent.data;\n        if (isOpenGeniSiteBridgeCancelMessage(message)) {\n          requests.cancel(port, message.requestId);\n          return;\n        }\n        if (isSiteHttpRequest(message) && portEvent.ports.length === 1) {\n          const controller = requests.start(port, message.requestId);\n          if (!controller) {\n            portEvent.ports[0]!.close();\n            return;\n          }\n          void serveSiteHttp(\n            message,\n            portEvent.ports[0]!,\n            async (request, signal) => {\n              const fetch = bridgeRef.current?.fetch;\n              if (!fetch) throw new Error(\"This Site host does not support the session SDK\");\n              return fetch(request, signal);\n            },\n            controller.signal,\n          ).finally(() => requests.complete(port, message.requestId, controller));\n          return;\n        }\n        if (!isOpenGeniSiteBridgeRequestMessage(message)) return;\n        const controller = requests.start(port, message.requestId);\n        if (!controller) {\n          port.postMessage({\n            type: OPENGENI_SITE_BRIDGE_RESPONSE,\n            version: OPENGENI_SITE_BRIDGE_VERSION,\n            requestId: message.requestId,\n            ok: false,\n            error: {\n              code: \"duplicate_request_id\",\n              message: \"A Site tool request with this id is already running\",\n              retryable: false,\n            },\n          } satisfies OpenGeniSiteBridgeResponseMessage);\n          return;\n        }\n        void handleSiteBridgeRequest(bridgeRef.current, message, controller.signal)\n          .then((value) => {\n            if (!controller.signal.aborted) {\n              port.postMessage({\n                type: OPENGENI_SITE_BRIDGE_RESPONSE,\n                version: OPENGENI_SITE_BRIDGE_VERSION,\n                requestId: message.requestId,\n                ok: true,\n                value,\n              } satisfies OpenGeniSiteBridgeResponseMessage);\n            }\n          })\n          .catch((error) => {\n            if (!controller.signal.aborted) {\n              port.postMessage({\n                type: OPENGENI_SITE_BRIDGE_RESPONSE,\n                version: OPENGENI_SITE_BRIDGE_VERSION,\n                requestId: message.requestId,\n                ok: false,\n                error: siteBridgeError(error),\n              } satisfies OpenGeniSiteBridgeResponseMessage);\n            }\n          })\n          .finally(() => requests.complete(port, message.requestId, controller));\n      });\n      port.addEventListener(\"messageerror\", () => requests.closePort(port));\n      port.start();\n      port.postMessage({\n        type: OPENGENI_SITE_BRIDGE_READY,\n        version: OPENGENI_SITE_BRIDGE_VERSION,\n      });\n    };\n    const documentLease = new SiteBridgeDocumentLease(attachToolPort, () => requests.closeAll());\n    const onFrameLoad = () => {\n      frameLoadPendingRef.current = false;\n      const frameWindow = frameRef.current?.contentWindow ?? null;\n      if (!frameWindow) return;\n      documentLease.load(frameWindow);\n    };\n    onFrameLoadRef.current = onFrameLoad;\n    if (frameLoadPendingRef.current) {\n      frameLoadPendingRef.current = false;\n      onFrameLoad();\n    }\n    return () => {\n      onFrameLoadRef.current = () => undefined;\n      documentLease.close();\n    };\n  }, [props.html, toolBridgeEnabled]);\n  return (\n    <iframe\n      ref={frameRef}\n      title={props.title}\n      sandbox={PUBLISHED_HTML_ARTIFACT_IFRAME_SANDBOX}\n      referrerPolicy=\"no-referrer\"\n      srcDoc={publishedHtmlArtifactDocument(props.html, toolBridgeEnabled)}\n      onLoad={() => {\n        frameRef.current?.contentWindow?.postMessage(\n          { type: \"opengeni.preview.theme\", theme: props.theme },\n          \"*\",\n        );\n        frameLoadPendingRef.current = true;\n        onFrameLoadRef.current();\n      }}\n      className={props.className}\n      style={{ ...props.style, ...(props.autoHeight && height ? { height } : {}) }}\n    />\n  );\n}\n\nexport class SiteBridgeRequestRegistry {\n  private readonly controllersByPort = new Map<MessagePort, Map<string, AbortController>>();\n\n  addPort(port: MessagePort): void {\n    // Several SDK clients may share one document bootstrap. Document teardown,\n    // not another client connecting, revokes all of that document's ports.\n    if (!this.controllersByPort.has(port)) this.controllersByPort.set(port, new Map());\n  }\n\n  start(port: MessagePort, requestId: string): AbortController | null {\n    const controllers = this.controllersByPort.get(port);\n    if (!controllers || controllers.has(requestId)) return null;\n    const controller = new AbortController();\n    controllers.set(requestId, controller);\n    return controller;\n  }\n\n  cancel(port: MessagePort, requestId: string): void {\n    const controllers = this.controllersByPort.get(port);\n    const controller = controllers?.get(requestId);\n    if (!controller) return;\n    controller.abort(new Error(\"Site tool request cancelled\"));\n    controllers!.delete(requestId);\n  }\n\n  complete(port: MessagePort, requestId: string, controller: AbortController): void {\n    const controllers = this.controllersByPort.get(port);\n    if (controllers?.get(requestId) === controller) controllers.delete(requestId);\n  }\n\n  closePort(port: MessagePort): void {\n    const controllers = this.controllersByPort.get(port);\n    if (!controllers) return;\n    for (const controller of controllers.values()) {\n      controller.abort(new Error(\"Site tool bridge port closed\"));\n    }\n    controllers.clear();\n    this.controllersByPort.delete(port);\n    port.close();\n  }\n\n  closeAll(): void {\n    for (const port of [...this.controllersByPort.keys()]) this.closePort(port);\n  }\n}\n\nexport class SiteBridgeDocumentLease {\n  private loaded = false;\n  private bootstrapPort: MessagePort | null = null;\n\n  constructor(\n    private readonly attachToolPort: (data: unknown, ports: readonly MessagePort[]) => void,\n    private readonly closeActivePorts: () => void,\n    private readonly createMessageChannel: () => MessageChannel = () => new MessageChannel(),\n  ) {}\n\n  load(frameWindow: Pick<Window, \"postMessage\">): boolean {\n    if (this.loaded) {\n      this.close();\n      return false;\n    }\n    this.loaded = true;\n    const channel = this.createMessageChannel();\n    this.bootstrapPort = channel.port1;\n    channel.port1.addEventListener(\"message\", (event: MessageEvent<unknown>) => {\n      this.attachToolPort(event.data, event.ports);\n    });\n    channel.port1.start();\n    frameWindow.postMessage(\n      {\n        type: OPENGENI_SITE_BRIDGE_READY,\n        version: OPENGENI_SITE_BRIDGE_VERSION,\n      },\n      \"*\",\n      [channel.port2],\n    );\n    return true;\n  }\n\n  close(): void {\n    this.bootstrapPort?.close();\n    this.bootstrapPort = null;\n    this.closeActivePorts();\n  }\n}\n\nexport function openGeniSiteBridgePortFromBootstrap(\n  data: unknown,\n  ports: readonly MessagePort[],\n): MessagePort | null {\n  if (!isOpenGeniSiteBridgeConnectMessage(data)) return null;\n  return ports.length === 1 ? ports[0]! : null;\n}\n\nasync function handleSiteBridgeRequest(\n  bridge: PublishedHtmlArtifactToolBridge | undefined,\n  message: Parameters<typeof isOpenGeniSiteBridgeRequestMessage>[0] & {\n    method: \"catalog\" | \"call\" | \"declarations\";\n    requestId: string;\n    payload?: ToolGatewayCallRequest;\n  },\n  signal: AbortSignal,\n): Promise<OpenGeniSiteToolCatalog | ToolGatewayCallResponse | ToolGatewayDeclarationsResponse> {\n  if (!bridge) throw new Error(\"Site tool bridge is unavailable\");\n  if (message.method === \"catalog\") return await bridge.catalog({ signal });\n  if (message.method === \"declarations\") {\n    if (!bridge.declarations) throw new Error(\"Site tool declarations are unavailable\");\n    return await bridge.declarations({ signal });\n  }\n  return await bridge.call(sanitizeOpenGeniSiteToolCallRequest(message.payload!), { signal });\n}\n\nexport function siteBridgeError(error: unknown): {\n  code: string;\n  message: string;\n  retryable: boolean;\n  outcomeUnknown: boolean;\n} {\n  const candidate = error as {\n    code?: unknown;\n    message?: unknown;\n    retryable?: unknown;\n    outcomeUnknown?: unknown;\n  };\n  return {\n    code: typeof candidate?.code === \"string\" ? candidate.code : \"site_tool_call_failed\",\n    message:\n      typeof candidate?.message === \"string\" ? candidate.message : \"Site tool request failed\",\n    retryable: candidate?.retryable === true,\n    outcomeUnknown: candidate?.outcomeUnknown === true,\n  };\n}\n"],"mappings":"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","names":["controller"]}

package/dist/{chunk-BV5A4OTE.js → chunk-YS24CFDI.js}

@@ -144,9 +144,18 @@ function useComputerFrameStream(options) {
       socketHandlers = null;
       pendingFrame = null;
     };
+    const clearRecoveryTimers = () => {
+      if (reconnectTimer) clearTimeout(reconnectTimer);
+      if (expiryTimer) clearTimeout(expiryTimer);
+      reconnectTimer = null;
+      expiryTimer = null;
+    };
     const scheduleReconnect = () => {
       if (disposed || reconnectTimer) return;
-      if (failures >= MAX_AUTOMATIC_RECONNECTS_WITHOUT_A_FRAME) return;
+      if (failures >= MAX_AUTOMATIC_RECONNECTS_WITHOUT_A_FRAME) {
+        clearRecoveryTimers();
+        return;
+      }
       const delay = Math.min(5e3, 250 * 2 ** Math.min(failures, 5));
       failures += 1;
       setResult((current) => ({ ...current, state: "reconnecting" }));
@@ -161,6 +170,7 @@ function useComputerFrameStream(options) {
       setResult((current) => ({ ...current, state: "error", error }));
       clearSocket();
       if (reconnectAutomatically) scheduleReconnect();
+      else clearRecoveryTimers();
     };
     const onOpen = (source) => {
       if (disposed || source !== socket) return;
@@ -264,8 +274,7 @@ function useComputerFrameStream(options) {
     };
     const onClose = (source) => {
       if (disposed || source !== socket) return;
-      clearSocket();
-      scheduleReconnect();
+      fail(new Error("Desktop view lost connection."));
     };
     const connectSocket = () => {
       if (disposed) return;
@@ -327,6 +336,7 @@ function useComputerFrameStream(options) {
           throw new Error("desktop attachment does not match the requested resource");
         }
         controllerGeneration = attachment.controllerGeneration;
+        latestRef.current = { key: "", sequence: -1 };
         activeAttachment = attachment;
         activeStream = attachment.stream;
         attachmentExpiresAt = Date.parse(attachment.expiresAt);
@@ -364,8 +374,7 @@ function useComputerFrameStream(options) {
       disposed = true;
       pendingFrame = null;
       attachmentAbort.abort();
-      if (reconnectTimer) clearTimeout(reconnectTimer);
-      if (expiryTimer) clearTimeout(expiryTimer);
+      clearRecoveryTimers();
       clearSocket(true);
     };
   }, [client, enabled, nonce, options.computerSessionId, options.targetId, workspaceId]);
@@ -454,6 +463,22 @@ function useComputerSession(options) {
       if (!mountedRef.current || requestRef.current.id !== id) return;
       const targets = sortComputerTargets(targetResponse.targets);
       const selected = chooseTarget(targets, selectedTargetIdRef.current, session.platform);
+      const previous = observationRef.current.observation;
+      const retainedObservation = selected && previous?.target.id === selected.id && previous.target.controllerGeneration === selected.controllerGeneration && previous.target.targetGeneration === selected.targetGeneration ? previous : null;
+      selectedTargetIdRef.current = selected?.id ?? null;
+      targetsRef.current = { computerSessionId, targets };
+      observationRef.current = { computerSessionId, observation: retainedObservation };
+      setState(
+        (current) => current.computerSessionId === computerSessionId ? {
+          ...current,
+          session,
+          targets,
+          selectedTargetId: selected?.id ?? null,
+          observation: retainedObservation,
+          loading: false,
+          error: null
+        } : current
+      );
       const observation = selected ? await client.observeComputerTarget(workspaceId, computerSessionId, selected.id, {
         signal: controller.signal
       }) : null;
@@ -602,7 +627,10 @@ function useComputerSession(options) {
       const currentObservation = observationRef.current.computerSessionId === computerSessionId ? observationRef.current.observation : null;
       const focusTarget = action.type === "focus" ? targetsRef.current.targets.find((candidate) => candidate.id === action.targetId) ?? null : null;
       const frameTarget = frame ? targetsRef.current.targets.find((candidate) => candidate.id === frame.targetId) ?? (currentObservation?.target.id === frame.targetId ? currentObservation.target : null) : null;
-      const target = frameTarget ?? focusTarget ?? currentObservation?.target ?? null;
+      const inputTarget = (action.type === "keyboard" || action.type === "clipboard") && targetsRef.current.computerSessionId === computerSessionId ? targetsRef.current.targets.find(
+        (candidate) => candidate.id === selectedTargetIdRef.current
+      ) : null;
+      const target = frameTarget ?? focusTarget ?? currentObservation?.target ?? inputTarget ?? null;
       if (!target) throw new Error("The desktop target is not ready for input.");
       if (frame && frame.targetId !== selectedTargetIdRef.current) {
         throw new Error("The displayed desktop frame is no longer selected.");
@@ -1254,7 +1282,12 @@ function ComputerViewer({
           if (relevant[0]) selectComputerSession({ sessionId: relevant[0].id, pinned: false });
         },
         onCreate: hideGenericCreate ? void 0 : createComputer,
-        onRefresh: () => void Promise.all([refreshRegistry(), refreshComputer()])
+        onRefresh: () => {
+          if (frames.state === "error" && !generationLossSelected && !generationLossFrames) {
+            frames.reconnect();
+          }
+          void Promise.all([refreshRegistry(), refreshComputer()]);
+        }
       }
     ),
     /* @__PURE__ */ jsx(
@@ -1581,7 +1614,8 @@ function ComputerViewport(props) {
   actionRef.current = props.onAction;
   readClipboardRef.current = props.onReadClipboard;
   errorRef.current = props.onError;
-  const rawInputEnabled = !props.backgroundActions || props.target?.kind === "screen" || props.target?.focused === true;
+  const streamFailed = props.connectionState === "error";
+  const rawInputEnabled = !streamFailed && !props.machineLocked && (!props.backgroundActions || props.target?.kind === "screen" || props.target?.focused === true);
   const paintQueuedFrames = useCallback4(() => {
     if (decodingFrameRef.current) return;
     decodingFrameRef.current = true;
@@ -1864,7 +1898,7 @@ function ComputerViewport(props) {
     }
     if (inputRef.current) inputRef.current.value = "";
   };
-  const showCanvas = props.frame !== null && !props.machineLocked;
+  const showCanvas = props.frame !== null && !props.machineLocked && !streamFailed;
   return /* @__PURE__ */ jsxs("div", { className: "relative min-h-0 flex-1 overflow-hidden bg-black", children: [
     /* @__PURE__ */ jsx(
       "canvas",
@@ -2297,4 +2331,4 @@ export {
   ComputerViewer,
   computerKey
 };
-//# sourceMappingURL=chunk-BV5A4OTE.js.map
+//# sourceMappingURL=chunk-YS24CFDI.js.map