@opengeni/react 7.6.1-canary.37073905159001 → 7.6.1

package/dist/{chunk-RDKBXMWX.js → chunk-FGBCYQOT.js}

@@ -1,11 +1,10 @@
 import {
   InteractionInterventionBanner,
-  isInteractionControlUnavailable,
   isNonRetryableInteractionError,
   isSourcePlacementChangedError,
   useInteractionInterventions,
   useInteractionInvalidation
-} from "./chunk-GISEVGS6.js";
+} from "./chunk-YSMMDOOE.js";
 import {
   copyTextToClipboard
 } from "./chunk-JVYQRRC4.js";
@@ -14,7 +13,7 @@ import {
 } from "./chunk-RHREZ7BO.js";
 import {
   formatBytes
-} from "./chunk-UTRTG6LH.js";
+} from "./chunk-UJRYEWZI.js";
 import {
   STREAM_CLOSE_REASON_NORMAL,
   STREAM_KIND_BROWSER,
@@ -26,7 +25,7 @@ import {
 } from "./chunk-5J4FOW6Q.js";
 import {
   usePageLiveActivity
-} from "./chunk-YQEAA6LT.js";
+} from "./chunk-KZ73RL76.js";
 import {
   useEmbeddedBrowserInteraction
 } from "./chunk-NEXLLTP4.js";
@@ -36,6 +35,7 @@ import {
 
 // src/components/browser-viewer.tsx
 import { interactionControlFailureFromError } from "@opengeni/sdk/interaction";
+import { OpenGeniApiError as OpenGeniApiError2 } from "@opengeni/sdk";
 import {
   BugIcon,
   ArchiveIcon,
@@ -875,8 +875,6 @@ function useBrowserSession(options) {
   const [state, setState] = useState5(() => emptyState4(browserSessionId, enabled));
   const visible = state.browserSessionId === browserSessionId ? state : emptyState4(browserSessionId, enabled);
   const refreshBlocked = isNonRetryableInteractionError(visible.error);
-  const inputFailureRef = useRef5(visible.inputFailure);
-  inputFailureRef.current = visible.inputFailure;
   const selectedTargetIdRef = useRef5(visible.selectedTargetId);
   selectedTargetIdRef.current = visible.selectedTargetId;
   const selectedTargetRef = useRef5(
@@ -907,81 +905,72 @@ function useBrowserSession(options) {
     requestRef.current.controller?.abort();
     requestRef.current = { id, controller: null };
   }, []);
-  const refreshInventory = useCallback5(
-    async (checkInput = false) => {
-      if (!enabled || !browserSessionId) return;
-      const checkedInputFailure = inputFailureRef.current;
-      const id = requestRef.current.id + 1;
-      requestRef.current.controller?.abort();
-      const controller = new AbortController();
-      requestRef.current = { id, controller };
+  const refresh = useCallback5(async () => {
+    if (!enabled || !browserSessionId) return;
+    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 (!mountedRef.current || requestRef.current.id !== id) return;
+      const selected = chooseTarget(targetResponse.targets, selectedTargetIdRef.current);
+      selectedTargetIdRef.current = selected?.id ?? null;
+      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) => current.browserSessionId === browserSessionId ? {
+          ...current,
+          session,
+          targets: targetResponse.targets,
+          selectedTargetId: selected?.id ?? null,
+          observation: retainedObservation,
+          loading: false,
+          error: null
+        } : current
+      );
+      if (!selected || !semanticObservationEnabledRef.current) return;
       try {
-        const [session, targetResponse] = await Promise.all([
-          client.getBrowserSession(workspaceId, browserSessionId, {
-            signal: controller.signal
-          }),
-          client.listBrowserTargets(workspaceId, browserSessionId, {
-            signal: controller.signal
-          })
-        ]);
+        const observation = await client.observeBrowserTarget(
+          workspaceId,
+          browserSessionId,
+          selected.id,
+          { signal: controller.signal }
+        );
         if (!mountedRef.current || requestRef.current.id !== id) return;
-        const selected = chooseTarget(targetResponse.targets, selectedTargetIdRef.current);
-        selectedTargetIdRef.current = selected?.id ?? null;
-        const previousObservation = observationRef.current.browserSessionId === browserSessionId ? observationRef.current.observation : null;
-        const retainedObservation = selected && previousObservation && sameObservationTarget(previousObservation, selected) ? previousObservation : null;
-        observationRef.current = { browserSessionId, observation: retainedObservation };
+        observationRef.current = { browserSessionId, observation };
+        lastObservationAtRef.current = Date.now();
         setState(
-          (current) => 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
+          (current) => current.browserSessionId === browserSessionId && current.selectedTargetId === observation.target.id ? { ...current, observation } : current
         );
-        if (!selected || !semanticObservationEnabledRef.current) return;
-        try {
-          const observation = await client.observeBrowserTarget(
-            workspaceId,
-            browserSessionId,
-            selected.id,
-            { signal: controller.signal }
-          );
-          if (!mountedRef.current || requestRef.current.id !== id) return;
-          observationRef.current = { browserSessionId, observation };
-          lastObservationAtRef.current = Date.now();
-          setState(
-            (current) => current.browserSessionId === browserSessionId && current.selectedTargetId === observation.target.id ? { ...current, observation } : current
-          );
-        } catch (cause) {
-          if (controller.signal.aborted || !mountedRef.current || requestRef.current.id !== id)
-            return;
-          void cause;
-        }
       } catch (cause) {
         if (controller.signal.aborted || !mountedRef.current || requestRef.current.id !== id)
           return;
-        setState(
-          (current) => 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 };
-        }
+        void cause;
       }
-    },
-    [browserSessionId, client, enabled, workspaceId]
-  );
-  const refresh = useCallback5(async () => await refreshInventory(true), [refreshInventory]);
+    } catch (cause) {
+      if (controller.signal.aborted || !mountedRef.current || requestRef.current.id !== id) return;
+      setState(
+        (current) => 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, workspaceId]);
   const refreshSemantic = useCallback5(async () => {
     if (!enabled || !browserSessionId) return;
     const target = selectedTargetRef.current;
@@ -1019,12 +1008,12 @@ function useBrowserSession(options) {
     setState(
       (current) => current.browserSessionId === browserSessionId ? { ...current, loading: true } : emptyState4(browserSessionId, true)
     );
-    void refreshInventory();
+    void refresh();
     return () => {
       mountedRef.current = false;
       invalidateRefresh();
     };
-  }, [browserSessionId, enabled, invalidateRefresh, refreshInventory]);
+  }, [browserSessionId, enabled, invalidateRefresh, refresh]);
   useEffect5(() => {
     const previous = previousSemanticObservationRef.current;
     previousSemanticObservationRef.current = {
@@ -1046,16 +1035,16 @@ function useBrowserSession(options) {
   useEffect5(() => {
     if (!enabled || !pageLive || visible.mutating || refreshBlocked) return;
     const timer = setInterval(() => {
-      if (!requestRef.current.controller) void refreshInventory();
+      if (!requestRef.current.controller) void refresh();
     }, pollIntervalMs);
     return () => clearInterval(timer);
-  }, [enabled, pageLive, pollIntervalMs, refreshInventory, refreshBlocked, visible.mutating]);
+  }, [enabled, pageLive, pollIntervalMs, refresh, refreshBlocked, visible.mutating]);
   useEffect5(() => {
     if (!enabled || !browserSessionId || !pageLive || refreshBlocked) return;
     let disposed = false;
     const heartbeat = () => {
       void client.heartbeatBrowserSession(workspaceId, browserSessionId).catch(() => {
-        if (!disposed) void refreshInventory();
+        if (!disposed) void refresh();
       });
     };
     const timer = setInterval(heartbeat, 3e4);
@@ -1063,7 +1052,7 @@ function useBrowserSession(options) {
       disposed = true;
       clearInterval(timer);
     };
-  }, [browserSessionId, client, enabled, pageLive, refreshInventory, refreshBlocked, workspaceId]);
+  }, [browserSessionId, client, enabled, pageLive, refresh, refreshBlocked, workspaceId]);
   const runMutation = useCallback5(
     async (scopeBrowserSessionId, operation) => {
       invalidateRefresh();
@@ -1233,16 +1222,6 @@ function useBrowserSession(options) {
           observationMode,
           action
         });
-        if (receipt.state !== "completed") {
-          const inputFailure = {
-            operationId: receipt.operationId,
-            state: receipt.state,
-            error: receipt.error
-          };
-          setState(
-            (current) => current.browserSessionId === browserSessionId ? { ...current, inputFailure } : current
-          );
-        }
         if (receipt.observation) {
           observationRef.current = {
             browserSessionId,
@@ -1331,7 +1310,6 @@ function useBrowserSession(options) {
     loading: visible.loading,
     mutating: visible.mutating,
     error: visible.error,
-    inputFailure: visible.inputFailure,
     refresh,
     observeForInput,
     actFromObservation,
@@ -1353,8 +1331,7 @@ function emptyState4(browserSessionId, loading) {
     observation: null,
     loading,
     mutating: false,
-    error: null,
-    inputFailure: null
+    error: null
   };
 }
 function chooseTarget(targets, preferredId) {
@@ -2288,7 +2265,7 @@ function BrowserViewer({
     setHasLiveFrame(frameIsLive);
   }, [frameIsLive]);
   const supportsLiveFrames = (browser.session ?? selectedRegistrySession)?.capabilities.liveFrames === true;
-  const controlUnavailable = isInteractionControlUnavailable(browser.error);
+  const controlUnavailable = isBrowserControlUnavailable(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);
@@ -2666,30 +2643,6 @@ function BrowserViewer({
               }
             }
           ),
-          browser.inputFailure ? /* @__PURE__ */ jsxs2(
-            "div",
-            {
-              role: "alert",
-              "aria-label": "Browser input status",
-              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" ? "Browser input failed" : "Input result unknown" }),
-                  /* @__PURE__ */ jsx2("p", { className: "text-og-fg-subtle", children: browser.inputFailure.error?.message ?? "Inspect the page before continuing." })
-                ] }),
-                /* @__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: "Check browser"
-                  }
-                )
-              ]
-            }
-          ) : null,
           /* @__PURE__ */ jsxs2("div", { className: "relative flex min-h-0 min-w-0 flex-1 overflow-hidden", children: [
             /* @__PURE__ */ jsx2(
               BrowserViewport,
@@ -2775,7 +2728,6 @@ function BrowserViewer({
               profile: selectedProfile,
               target: browser.selectedTarget,
               observation: browser.observation,
-              inputFailure: browser.inputFailure,
               connectionState: displayConnectionState,
               refreshing: registry.refreshing,
               diagnosticsOpen: diagnosticsView !== null,
@@ -3969,7 +3921,6 @@ function BrowserStatusBar(props) {
       }
     ),
     /* @__PURE__ */ jsx2("span", { children: props.connectionState === "live" ? "Live" : props.connectionState === "semantic" ? "Semantic" : browserConnectionLabel(props.connectionState) }),
-    props.inputFailure ? /* @__PURE__ */ jsx2("span", { className: "text-og-status-failed", children: props.inputFailure.state === "failed" ? "Input failed" : "Input result unknown" }) : null,
     /* @__PURE__ */ jsx2("span", { children: props.profile?.name ?? "Temporary browser" }),
     /* @__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,
@@ -4446,6 +4397,9 @@ function attachedChromeGenerationLoss(sessions) {
   );
   return lost?.placement.kind === "attached_device" ? { deviceId: lost.placement.deviceId } : null;
 }
+function isBrowserControlUnavailable(error) {
+  return error instanceof OpenGeniApiError2 && (error.status >= 500 || error.status === 0);
+}
 function isAttachedChromeGenerationLossError(error) {
   if (!error) return false;
   return /placement instance changed|controller authority changed/i.test(error.message);
@@ -4517,4 +4471,4 @@ export {
   useBrowserFrameStream,
   BrowserViewer
 };
-//# sourceMappingURL=chunk-RDKBXMWX.js.map
+//# sourceMappingURL=chunk-FGBCYQOT.js.map