@opengeni/react 7.4.0 → 7.5.0-canary.36919050519001

package/dist/{chunk-S5JQ4R22.js → chunk-BDKR6BAR.js}

@@ -5,6 +5,15 @@ import {
   useInteractionInterventions,
   useInteractionInvalidation
 } from "./chunk-YSMMDOOE.js";
+import {
+  copyTextToClipboard
+} from "./chunk-JVYQRRC4.js";
+import {
+  interactionHostPlatform
+} from "./chunk-RHREZ7BO.js";
+import {
+  formatBytes
+} from "./chunk-3IJJEYW4.js";
 import {
   STREAM_CLOSE_REASON_NORMAL,
   STREAM_KIND_BROWSER,
@@ -12,24 +21,17 @@ import {
   decodeStreamFrame,
   decodeStreamOpenAck,
   encodeStreamClose,
-  encodeStreamOpen,
-  interactionHostPlatform
-} from "./chunk-5YK2ZDIG.js";
+  encodeStreamOpen
+} from "./chunk-5J4FOW6Q.js";
 import {
   usePageLiveActivity
 } from "./chunk-KZ73RL76.js";
 import {
   useEmbeddedBrowserInteraction
 } from "./chunk-NEXLLTP4.js";
-import {
-  formatBytes
-} from "./chunk-UDD6DLLT.js";
 import {
   cn
 } from "./chunk-22KP6LR5.js";
-import {
-  copyTextToClipboard
-} from "./chunk-JVYQRRC4.js";
 
 // src/components/browser-viewer.tsx
 import { interactionControlFailureFromError } from "@opengeni/sdk/interaction";
@@ -1881,6 +1883,7 @@ function BrowserSelectControl(props) {
       if (current === request.current) setBusy(false);
     }
   };
+  if (props.manualFallback === false && !open) return null;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -1891,7 +1894,7 @@ function BrowserSelectControl(props) {
         top: position?.y ?? anchor.y
       } : { bottom: 12, left: 12 },
       children: [
-        !anchor || !open || error ? /* @__PURE__ */ jsx(
+        props.manualFallback !== false && (!anchor || !open) || error ? /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
@@ -2078,6 +2081,8 @@ function BrowserViewer({
     () => 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
   );
@@ -2521,15 +2526,18 @@ function BrowserViewer({
     );
   }
   if (liveSessions.length === 0) {
-    if (renderEmpty) return /* @__PURE__ */ jsx2(Fragment2, { children: renderEmpty(() => createBrowser(), creating) });
+    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" }) }),
-          /* @__PURE__ */ jsx2("p", { className: "mt-3 text-og-menu font-medium text-og-fg", children: attachedGenerationLoss ? "Chrome reconnected\u2014open a fresh browser/desktop." : "No browser open" }),
-          /* @__PURE__ */ jsx2("p", { className: "mt-1 text-og-control leading-5 text-og-fg-muted", children: attachedGenerationLoss ? "This Chrome profile is live again, but the previous browser cannot move to the new connection. Use Browser \u2192 New browser \u2192 Connected Chrome." : "A browser appears here when this agent\u2014or another agent in the workspace\u2014opens one." }),
+          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 ? "Chrome reconnected\u2014open a fresh browser/desktop." : "No browser open" }),
+            /* @__PURE__ */ jsx2("p", { className: "mt-1 text-og-control leading-5 text-og-fg-muted", children: attachedGenerationLoss ? "This Chrome profile is live again, but the previous browser cannot move to the new connection. Use Browser \u2192 New browser \u2192 Connected Chrome." : "A browser appears here when this agent\u2014or another agent in the workspace\u2014opens one." })
+          ] }),
           /* @__PURE__ */ jsx2(
             BrowserLaunchMenu,
             {
@@ -2597,6 +2605,7 @@ function BrowserViewer({
         !selectedRegistrySession ? /* @__PURE__ */ jsx2(
           BrowserUnselectedPanel,
           {
+            unavailableBrowser,
             peerCount: liveSessions.length,
             creating,
             onCreate: () => createBrowser()
@@ -2847,7 +2856,7 @@ function BrowserToolbar(props) {
 function BrowserUnselectedPanel(props) {
   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" }) }),
-    /* @__PURE__ */ jsx2("p", { className: "mt-3 text-og-menu font-medium text-og-fg", children: "No browser for this agent" }),
+    props.unavailableBrowser ? /* @__PURE__ */ jsx2(BrowserUnavailableNotice, { session: props.unavailableBrowser }) : /* @__PURE__ */ jsx2("p", { className: "mt-3 text-og-menu font-medium text-og-fg", children: "No browser for this agent" }),
     /* @__PURE__ */ jsx2("p", { className: "mt-1 text-og-control leading-5 text-og-fg-muted", children: props.peerCount === 1 ? "One workspace browser is available from the browser menu." : `${props.peerCount} workspace browsers are available from the browser menu.` }),
     /* @__PURE__ */ jsxs2(
       "button",
@@ -2864,6 +2873,18 @@ function BrowserUnselectedPanel(props) {
     )
   ] }) });
 }
+function BrowserUnavailableNotice({ session }) {
+  const reason = session.failureCode === "provider_deadline_rotation" ? "The computer running it reached its time limit." : session.failureCode === "source_placement_changed" ? "This chat moved to another computer." : session.lifecycle === "failed" ? "It stopped unexpectedly." : "The connection to it was lost.";
+  return /* @__PURE__ */ jsxs2("div", { role: "status", children: [
+    /* @__PURE__ */ jsx2("p", { className: "mt-3 text-og-menu font-medium text-og-fg", children: "Browser unavailable" }),
+    /* @__PURE__ */ jsxs2("p", { className: "mt-1 break-words text-og-control leading-5 text-og-fg-muted", children: [
+      session.name,
+      ". ",
+      reason,
+      " Open a new browser to continue."
+    ] })
+  ] });
+}
 function BrowserSessionGroup(props) {
   if (props.sessions.length === 0) return null;
   return /* @__PURE__ */ jsxs2("div", { className: "py-1", children: [
@@ -3247,7 +3268,7 @@ function BrowserProfileMenu(props) {
           ]
         }
       ) : null,
-      canSave ? /* @__PURE__ */ jsx2("p", { className: "mt-2 text-[10px] leading-4 text-og-fg-subtle", children: "Saving briefly restarts this browser. Other open browsers are unchanged." }) : null
+      canSave ? /* @__PURE__ */ jsx2("p", { className: "mt-2 text-[10px] leading-4 text-og-fg-subtle", children: "Saving restarts this browser. Save unfinished work on its pages first; unsaved form entries may be lost. Other open browsers are unchanged." }) : null
     ] })
   ] });
 }
@@ -3418,6 +3439,7 @@ function BrowserViewport(props) {
   const pendingTextRef = useRef10(null);
   const actionRef = useRef10(props.onAction);
   const readClipboardRef = useRef10(props.onReadClipboard);
+  const observeInputRef = useRef10(props.onObserveForInput);
   const errorRef = useRef10(props.onError);
   const actionTailRef = useRef10(Promise.resolve());
   const actionQueueEpochRef = useRef10(0);
@@ -3430,6 +3452,7 @@ function BrowserViewport(props) {
   const mountedRef = useRef10(true);
   actionRef.current = props.onAction;
   readClipboardRef.current = props.onReadClipboard;
+  observeInputRef.current = props.onObserveForInput;
   errorRef.current = props.onError;
   const clearBufferedInput = useCallback8(() => {
     dismissSelectPopup();
@@ -3553,8 +3576,12 @@ function BrowserViewport(props) {
         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;
-        if (selectAnchor && receipt.observation && inputSequence === inputSequenceRef.current) {
-          setSelectPopup({ observation: receipt.observation, anchor: selectAnchor });
+        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) => {
@@ -3796,6 +3823,7 @@ function BrowserViewport(props) {
         onPaste: paste,
         className: "pointer-events-none absolute left-1/2 top-1/2 size-px resize-none overflow-hidden opacity-0",
         "aria-label": "Browser keyboard input",
+        "aria-keyshortcuts": "Alt+ArrowDown",
         autoCapitalize: "off",
         autoCorrect: "off",
         spellCheck: false
@@ -3818,6 +3846,7 @@ function BrowserViewport(props) {
     showCanvas ? /* @__PURE__ */ jsx2(
       BrowserSelectControl,
       {
+        manualFallback: props.inputBatchAttachment?.focusedInputObservations !== true,
         activation: selectPopup,
         onDismiss: () => inputRef.current?.focus({ preventScroll: true }),
         observe: async () => {
@@ -4011,14 +4040,15 @@ function BrowserDiagnosticsDrawer(props) {
               {
                 id: "browser-page-title",
                 className: "text-[10px] font-semibold uppercase tracking-[0.14em] text-og-fg-subtle",
-                children: "Current page"
+                children: "Tab diagnostics"
               }
             ),
+            /* @__PURE__ */ jsx2("p", { className: "mt-1 text-og-xs text-og-fg-subtle", children: "Includes earlier pages in this tab." }),
             /* @__PURE__ */ jsxs2("dl", { className: "mt-2 grid grid-cols-2 gap-2", children: [
-              /* @__PURE__ */ jsx2(DiagnosticCount, { label: "Console errors", value: diagnostics?.consoleErrorCount ?? 0 }),
-              /* @__PURE__ */ jsx2(DiagnosticCount, { label: "Page errors", value: diagnostics?.pageErrorCount ?? 0 }),
-              /* @__PURE__ */ jsx2(DiagnosticCount, { label: "Failed requests", value: diagnostics?.failedRequestCount ?? 0 }),
-              /* @__PURE__ */ jsx2(DiagnosticCount, { label: "Downloads", value: diagnostics?.downloadCount ?? 0 })
+              /* @__PURE__ */ jsx2(DiagnosticCount, { label: "Console errors", value: diagnostics?.consoleErrorCount }),
+              /* @__PURE__ */ jsx2(DiagnosticCount, { label: "Page errors", value: diagnostics?.pageErrorCount }),
+              /* @__PURE__ */ jsx2(DiagnosticCount, { label: "Failed requests", value: diagnostics?.failedRequestCount }),
+              /* @__PURE__ */ jsx2(DiagnosticCount, { label: "Downloads", value: diagnostics?.downloadCount })
             ] }),
             session?.failureCode ? /* @__PURE__ */ jsxs2("p", { className: "mt-2 rounded-og-sm border border-og-status-error/30 bg-og-status-error/5 px-2.5 py-2 text-og-xs text-og-danger", children: [
               "Browser state: ",
@@ -4258,7 +4288,7 @@ function DiagnosticCount(props) {
           "mt-0.5 text-og-sm font-semibold",
           props.value ? "text-og-fg" : "text-og-fg-muted"
         ),
-        children: props.value
+        children: props.value ?? "Unavailable"
       }
     )
   ] });
@@ -4441,4 +4471,4 @@ export {
   useBrowserFrameStream,
   BrowserViewer
 };
-//# sourceMappingURL=chunk-S5JQ4R22.js.map
+//# sourceMappingURL=chunk-BDKR6BAR.js.map