@opengeni/react 7.1.0 → 7.1.2-canary.36079201993001

package/dist/{chunk-UQS7BGNQ.js → chunk-ETA37UZ7.js}

@@ -74,7 +74,8 @@ var RELAY_TAG_CLOSE = 4;
 var MAX_AUTOMATIC_RECONNECTS_WITHOUT_A_FRAME = 2;
 function useBrowserFrameStream(options) {
   const { client, workspaceId } = useEmbeddedBrowserInteraction(options);
-  const enabled = options.enabled ?? true;
+  const pageLive = usePageLiveActivity();
+  const enabled = (options.enabled ?? true) && pageLive;
   const [nonce, setNonce] = useState(0);
   const [result, setResult] = useState({
     state: "idle",
@@ -855,6 +856,13 @@ function useBrowserSession(options) {
   const { client, workspaceId } = useEmbeddedBrowserInteraction(options);
   const browserSessionId = options.browserSessionId;
   const enabled = (options.enabled ?? true) && browserSessionId !== null;
+  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));
@@ -862,7 +870,12 @@ function useBrowserSession(options) {
   const refreshBlocked = isNonRetryableInteractionError(visible.error);
   const selectedTargetIdRef = useRef5(visible.selectedTargetId);
   selectedTargetIdRef.current = visible.selectedTargetId;
+  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,
@@ -903,19 +916,21 @@ function useBrowserSession(options) {
       if (!mountedRef.current || requestRef.current.id !== id) return;
       const selected = chooseTarget(targetResponse.targets, selectedTargetIdRef.current);
       selectedTargetIdRef.current = selected?.id ?? null;
-      observationRef.current = { browserSessionId, observation: 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: null,
+          observation: retainedObservation,
           loading: false,
           error: null
         } : current
       );
-      if (!selected) return;
+      if (!selected || !semanticObservationEnabledRef.current) return;
       try {
         const observation = await client.observeBrowserTarget(
           workspaceId,
@@ -925,6 +940,7 @@ function useBrowserSession(options) {
         );
         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
         );
@@ -948,6 +964,33 @@ function useBrowserSession(options) {
       }
     }
   }, [browserSessionId, client, enabled, workspaceId]);
+  const refreshSemantic = useCallback5(async () => {
+    if (!enabled || !browserSessionId) 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 (!mountedRef.current || requestRef.current.id !== id) return;
+      if (!sameObservationTarget(observation, selectedTargetRef.current)) return;
+      observationRef.current = { browserSessionId, observation };
+      lastObservationAtRef.current = Date.now();
+      setState(
+        (current) => 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, workspaceId]);
   useEffect5(() => {
     mountedRef.current = true;
     if (!enabled) {
@@ -964,6 +1007,24 @@ function useBrowserSession(options) {
       invalidateRefresh();
     };
   }, [browserSessionId, enabled, invalidateRefresh, refresh]);
+  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) => current.browserSessionId === browserSessionId ? { ...current, observation: null } : current
+      );
+      void refreshSemantic();
+    }
+  }, [browserSessionId, enabled, pollIntervalMs, refreshSemantic, semanticObservationEnabled]);
   useEffect5(() => {
     if (!enabled || !pageLive || visible.mutating || refreshBlocked) return;
     const timer = setInterval(() => {
@@ -1055,6 +1116,7 @@ function useBrowserSession(options) {
         }
         selectedTargetIdRef.current = target.id;
         observationRef.current = { browserSessionId, observation };
+        lastObservationAtRef.current = Date.now();
         setState(
           (current) => current.browserSessionId === browserSessionId ? {
             ...current,
@@ -1083,6 +1145,7 @@ function useBrowserSession(options) {
         const target = observation.target;
         selectedTargetIdRef.current = target.id;
         observationRef.current = { browserSessionId, observation };
+        lastObservationAtRef.current = Date.now();
         setState(
           (current) => current.browserSessionId === browserSessionId ? {
             ...current,
@@ -1111,6 +1174,7 @@ function useBrowserSession(options) {
         const observation = selected ? await client.observeBrowserTarget(workspaceId, browserSessionId, selected.id) : null;
         selectedTargetIdRef.current = selected?.id ?? null;
         observationRef.current = { browserSessionId, observation };
+        if (observation) lastObservationAtRef.current = Date.now();
         setState(
           (current) => current.browserSessionId === browserSessionId ? {
             ...current,
@@ -1156,6 +1220,7 @@ function useBrowserSession(options) {
             browserSessionId,
             observation: receipt.observation
           };
+          lastObservationAtRef.current = Date.now();
           setState(
             (current) => current.browserSessionId === browserSessionId ? {
               ...current,
@@ -1244,6 +1309,9 @@ function replaceTarget(targets, target) {
   next.push(target);
   return next.sort((left, right) => left.createdAt.localeCompare(right.createdAt));
 }
+function sameObservationTarget(observation, target) {
+  return target !== null && 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";
 }
@@ -1649,6 +1717,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function BrowserViewer({
   sessionId,
   enabled = true,
+  active = true,
   className,
   onNotify,
   webSocketFactory,
@@ -1776,6 +1845,7 @@ function BrowserViewer({
   );
   const controllerReady = selectedRegistrySession?.lifecycle === "active";
   const resumeSession = registry.resume;
+  const [hasLiveFrame, setHasLiveFrame] = useState8(false);
   const wakeBrowser = useCallback8(
     async (session, retry = false) => {
       const current = resumeAttemptsRef.current.get(session.id);
@@ -1821,16 +1891,13 @@ function BrowserViewer({
       setResumeAttempt(
         (visible) => visible?.sessionId === selectedRegistrySession.id ? null : visible
       );
-      return;
     }
-    if (selectedRegistrySession.lifecycle === "suspended") {
-      void wakeBrowser(selectedRegistrySession);
-    }
-  }, [selectedRegistrySession, wakeBrowser]);
+  }, [selectedRegistrySession]);
   const browser = useBrowserSession({
     ...override,
     browserSessionId: selection?.sessionId ?? null,
-    enabled: enabled && selection !== null && controllerReady
+    enabled: enabled && selection !== null && controllerReady,
+    semanticObservationEnabled: active && !hasLiveFrame
   });
   useEffect8(() => {
     if (!isSourcePlacementChangedError(browser.error, "browser_session")) return;
@@ -1879,6 +1946,10 @@ function BrowserViewer({
     browser.session,
     browser.selectedTarget
   ) ? frames.frame : null;
+  const frameIsLive = frames.state === "live" && displayedFrame !== null;
+  useEffect8(() => {
+    setHasLiveFrame(frameIsLive);
+  }, [frameIsLive]);
   const supportsLiveFrames = browser.session?.capabilities.liveFrames === true;
   const displayConnectionState = supportsLiveFrames ? frames.state === "live" && !displayedFrame ? "connecting" : frames.state : "semantic";
   const selectedProfile = useMemo2(
@@ -3904,4 +3975,4 @@ export {
   useBrowserFrameStream,
   BrowserViewer
 };
-//# sourceMappingURL=chunk-UQS7BGNQ.js.map
+//# sourceMappingURL=chunk-ETA37UZ7.js.map