@opengeni/react 7.6.1 → 7.7.0-canary.37090756480001

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

@@ -1,10 +1,11 @@
 import {
   InteractionInterventionBanner,
+  isInteractionControlUnavailable,
   isNonRetryableInteractionError,
   isSourcePlacementChangedError,
   useInteractionInterventions,
   useInteractionInvalidation
-} from "./chunk-YSMMDOOE.js";
+} from "./chunk-GISEVGS6.js";
 import {
   copyTextToClipboard
 } from "./chunk-JVYQRRC4.js";
@@ -13,7 +14,7 @@ import {
 } from "./chunk-RHREZ7BO.js";
 import {
   formatBytes
-} from "./chunk-UJRYEWZI.js";
+} from "./chunk-UTRTG6LH.js";
 import {
   STREAM_CLOSE_REASON_NORMAL,
   STREAM_KIND_BROWSER,
@@ -25,7 +26,7 @@ import {
 } from "./chunk-5J4FOW6Q.js";
 import {
   usePageLiveActivity
-} from "./chunk-KZ73RL76.js";
+} from "./chunk-YQEAA6LT.js";
 import {
   useEmbeddedBrowserInteraction
 } from "./chunk-NEXLLTP4.js";
@@ -35,7 +36,6 @@ import {
 
 // src/components/browser-viewer.tsx
 import { interactionControlFailureFromError } from "@opengeni/sdk/interaction";
-import { OpenGeniApiError as OpenGeniApiError2 } from "@opengeni/sdk";
 import {
   BugIcon,
   ArchiveIcon,
@@ -875,6 +875,8 @@ 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(
@@ -905,72 +907,81 @@ function useBrowserSession(options) {
     requestRef.current.controller?.abort();
     requestRef.current = { id, controller: null };
   }, []);
-  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;
+  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 };
       try {
-        const observation = await client.observeBrowserTarget(
-          workspaceId,
-          browserSessionId,
-          selected.id,
-          { signal: controller.signal }
-        );
+        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;
-        observationRef.current = { browserSessionId, observation };
-        lastObservationAtRef.current = Date.now();
+        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.selectedTargetId === observation.target.id ? { ...current, observation } : current
+          (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
         );
+        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;
-        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 };
+        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]);
+    },
+    [browserSessionId, client, enabled, workspaceId]
+  );
+  const refresh = useCallback5(async () => await refreshInventory(true), [refreshInventory]);
   const refreshSemantic = useCallback5(async () => {
     if (!enabled || !browserSessionId) return;
     const target = selectedTargetRef.current;
@@ -1008,12 +1019,12 @@ function useBrowserSession(options) {
     setState(
       (current) => current.browserSessionId === browserSessionId ? { ...current, loading: true } : emptyState4(browserSessionId, true)
     );
-    void refresh();
+    void refreshInventory();
     return () => {
       mountedRef.current = false;
       invalidateRefresh();
     };
-  }, [browserSessionId, enabled, invalidateRefresh, refresh]);
+  }, [browserSessionId, enabled, invalidateRefresh, refreshInventory]);
   useEffect5(() => {
     const previous = previousSemanticObservationRef.current;
     previousSemanticObservationRef.current = {
@@ -1035,16 +1046,16 @@ function useBrowserSession(options) {
   useEffect5(() => {
     if (!enabled || !pageLive || visible.mutating || refreshBlocked) return;
     const timer = setInterval(() => {
-      if (!requestRef.current.controller) void refresh();
+      if (!requestRef.current.controller) void refreshInventory();
     }, pollIntervalMs);
     return () => clearInterval(timer);
-  }, [enabled, pageLive, pollIntervalMs, refresh, refreshBlocked, visible.mutating]);
+  }, [enabled, pageLive, pollIntervalMs, refreshInventory, refreshBlocked, visible.mutating]);
   useEffect5(() => {
     if (!enabled || !browserSessionId || !pageLive || refreshBlocked) return;
     let disposed = false;
     const heartbeat = () => {
       void client.heartbeatBrowserSession(workspaceId, browserSessionId).catch(() => {
-        if (!disposed) void refresh();
+        if (!disposed) void refreshInventory();
       });
     };
     const timer = setInterval(heartbeat, 3e4);
@@ -1052,7 +1063,7 @@ function useBrowserSession(options) {
       disposed = true;
       clearInterval(timer);
     };
-  }, [browserSessionId, client, enabled, pageLive, refresh, refreshBlocked, workspaceId]);
+  }, [browserSessionId, client, enabled, pageLive, refreshInventory, refreshBlocked, workspaceId]);
   const runMutation = useCallback5(
     async (scopeBrowserSessionId, operation) => {
       invalidateRefresh();
@@ -1222,6 +1233,16 @@ 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,
@@ -1310,6 +1331,7 @@ function useBrowserSession(options) {
     loading: visible.loading,
     mutating: visible.mutating,
     error: visible.error,
+    inputFailure: visible.inputFailure,
     refresh,
     observeForInput,
     actFromObservation,
@@ -1331,7 +1353,8 @@ function emptyState4(browserSessionId, loading) {
     observation: null,
     loading,
     mutating: false,
-    error: null
+    error: null,
+    inputFailure: null
   };
 }
 function chooseTarget(targets, preferredId) {
@@ -2265,7 +2288,7 @@ function BrowserViewer({
     setHasLiveFrame(frameIsLive);
   }, [frameIsLive]);
   const supportsLiveFrames = (browser.session ?? selectedRegistrySession)?.capabilities.liveFrames === true;
-  const controlUnavailable = isBrowserControlUnavailable(browser.error);
+  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);
@@ -2643,6 +2666,30 @@ 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,
@@ -2728,6 +2775,7 @@ function BrowserViewer({
               profile: selectedProfile,
               target: browser.selectedTarget,
               observation: browser.observation,
+              inputFailure: browser.inputFailure,
               connectionState: displayConnectionState,
               refreshing: registry.refreshing,
               diagnosticsOpen: diagnosticsView !== null,
@@ -3921,6 +3969,7 @@ 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,
@@ -4397,9 +4446,6 @@ 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);
@@ -4471,4 +4517,4 @@ export {
   useBrowserFrameStream,
   BrowserViewer
 };
-//# sourceMappingURL=chunk-FGBCYQOT.js.map
+//# sourceMappingURL=chunk-RDKBXMWX.js.map