@opengeni/react 1.0.1 → 1.0.2-canary.37202341988001

package/dist/chunk-J6DBS4T3.js

@@ -0,0 +1,371 @@
+import {
+  usePageLiveActivity
+} from "./chunk-YQEAA6LT.js";
+import {
+  useEmbeddedInterventions
+} from "./chunk-TKOTKRWY.js";
+import {
+  cn
+} from "./chunk-22KP6LR5.js";
+
+// src/hooks/use-interaction-interventions.ts
+import { useCallback, useEffect as useEffect2, useRef as useRef2, useState } from "react";
+
+// src/hooks/use-interaction-invalidation.ts
+import { useEffect, useRef } from "react";
+function useInteractionInvalidation(options) {
+  const {
+    workspaceId,
+    key,
+    enabled,
+    event,
+    connectionState,
+    knownRevision,
+    refresh,
+    fallbackPollIntervalMs
+  } = options;
+  const pageLive = usePageLiveActivity();
+  const lastUnversionedEvent = useRef({
+    key,
+    sequence: 0
+  });
+  const eventSequence = event?.workspaceId === workspaceId ? event.sequence : 0;
+  useEffect(() => {
+    if (!enabled || eventSequence <= 0) return;
+    if (knownRevision !== void 0) {
+      if (eventSequence > knownRevision) void refresh();
+      return;
+    }
+    if (lastUnversionedEvent.current.key !== key) {
+      lastUnversionedEvent.current = { key, sequence: 0 };
+    }
+    if (eventSequence <= lastUnversionedEvent.current.sequence) return;
+    lastUnversionedEvent.current = { key, sequence: eventSequence };
+    void refresh();
+  }, [enabled, eventSequence, key, knownRevision, refresh]);
+  useEffect(() => {
+    if (!enabled || !pageLive || connectionState === "live") return;
+    const interval = boundedPollInterval(fallbackPollIntervalMs ?? 3e3);
+    const timer = setInterval(() => void refresh(), interval);
+    return () => clearInterval(timer);
+  }, [connectionState, enabled, fallbackPollIntervalMs, pageLive, refresh]);
+}
+function boundedPollInterval(value) {
+  if (!Number.isFinite(value)) return 3e3;
+  return Math.min(6e4, Math.max(1e3, Math.floor(value)));
+}
+
+// src/hooks/use-interaction-interventions.ts
+function useInteractionInterventions(options = {}) {
+  const { client, workspaceId, workspaceInteractionEvent, workspaceInteractionConnectionState } = useEmbeddedInterventions(options);
+  const enabled = (options.enabled ?? true) && options.resourceId !== null;
+  const resourceKind = options.resourceKind;
+  const resourceId = options.resourceId ?? void 0;
+  const includeSettled = options.includeSettled ?? false;
+  const key = `${workspaceId}:${resourceKind ?? "*"}:${resourceId ?? "*"}:${includeSettled}`;
+  const [state, setState] = useState(() => emptyState(key, enabled));
+  const [mutationCount, setMutationCount] = useState(0);
+  const requestRef = useRef2({
+    id: 0,
+    controller: null
+  });
+  const mountedRef = useRef2(true);
+  const visible = state.key === key ? state : emptyState(key, enabled);
+  const cancelLoad = useCallback(() => {
+    requestRef.current.controller?.abort();
+    requestRef.current = { id: requestRef.current.id + 1, controller: null };
+  }, []);
+  const load = useCallback(
+    async (foreground, replace = true) => {
+      if (!enabled) return;
+      if (requestRef.current.controller && !replace) return;
+      const id = requestRef.current.id + 1;
+      requestRef.current.controller?.abort();
+      const controller = new AbortController();
+      requestRef.current = { id, controller };
+      if (foreground || replace) {
+        setState((current) => ({
+          ...current.key === key ? current : emptyState(key, true),
+          loading: foreground,
+          refreshing: !foreground,
+          error: foreground ? null : current.error
+        }));
+      }
+      try {
+        const response = await client.listInteractionInterventions(workspaceId, {
+          ...resourceKind ? { resourceKind } : {},
+          ...resourceId ? { resourceId } : {},
+          includeSettled,
+          signal: controller.signal
+        });
+        if (!mountedRef.current || requestRef.current.id !== id) return;
+        setState({
+          key,
+          interventions: sortInterventions(response.interventions),
+          loading: false,
+          refreshing: false,
+          error: null
+        });
+      } catch (cause) {
+        if (controller.signal.aborted || !mountedRef.current || requestRef.current.id !== id)
+          return;
+        setState((current) => ({
+          ...current.key === key ? current : emptyState(key, true),
+          loading: false,
+          refreshing: false,
+          error: asError(cause)
+        }));
+      } finally {
+        if (requestRef.current.id === id) requestRef.current = { id, controller: null };
+      }
+    },
+    [client, enabled, includeSettled, key, resourceId, resourceKind, workspaceId]
+  );
+  const refresh = useCallback(async () => await load(false, true), [load]);
+  useEffect2(() => {
+    mountedRef.current = true;
+    if (!enabled) {
+      cancelLoad();
+      setState(emptyState(key, false));
+      return;
+    }
+    void load(true);
+    return () => {
+      mountedRef.current = false;
+      cancelLoad();
+    };
+  }, [cancelLoad, enabled, key, load]);
+  useInteractionInvalidation({
+    workspaceId,
+    key,
+    enabled,
+    event: workspaceInteractionEvent,
+    connectionState: workspaceInteractionConnectionState,
+    refresh,
+    fallbackPollIntervalMs: options.pollIntervalMs ?? 2e3
+  });
+  const mutate = useCallback(async (operation) => {
+    setMutationCount((count) => count + 1);
+    try {
+      return await operation();
+    } finally {
+      if (mountedRef.current) setMutationCount((count) => Math.max(0, count - 1));
+    }
+  }, []);
+  const merge = useCallback(
+    (intervention) => {
+      setState((current) => {
+        if (current.key !== key) return current;
+        const interventions = current.interventions.filter(
+          (candidate) => candidate.id !== intervention.id
+        );
+        const matches = (!resourceKind || intervention.resourceKind === resourceKind) && (!resourceId || intervention.resourceId === resourceId);
+        if (matches && (includeSettled || intervention.status === "open")) {
+          interventions.push(intervention);
+        }
+        return {
+          ...current,
+          interventions: sortInterventions(interventions),
+          error: null
+        };
+      });
+    },
+    [includeSettled, key, resourceId, resourceKind]
+  );
+  const create = useCallback(
+    async (request) => await mutate(async () => {
+      const response = await client.createInteractionIntervention(workspaceId, {
+        ...request,
+        operationId: request.operationId ?? crypto.randomUUID()
+      });
+      merge(response.intervention);
+      return response;
+    }),
+    [client, merge, mutate, workspaceId]
+  );
+  const resolve = useCallback(
+    async (interventionId, request) => await mutate(async () => {
+      const response = await client.resolveInteractionIntervention(workspaceId, interventionId, {
+        ...request,
+        operationId: request.operationId ?? crypto.randomUUID()
+      });
+      merge(response.intervention);
+      return response;
+    }),
+    [client, merge, mutate, workspaceId]
+  );
+  return {
+    interventions: visible.interventions,
+    loading: visible.loading,
+    refreshing: visible.refreshing,
+    mutating: mutationCount > 0,
+    error: visible.error,
+    refresh,
+    create,
+    resolve
+  };
+}
+function emptyState(key, loading) {
+  return {
+    key,
+    interventions: [],
+    loading,
+    refreshing: false,
+    error: null
+  };
+}
+function sortInterventions(interventions) {
+  return [...interventions].sort(
+    (left, right) => Date.parse(right.updatedAt) - Date.parse(left.updatedAt)
+  );
+}
+function asError(cause) {
+  return cause instanceof Error ? cause : new Error(String(cause));
+}
+
+// src/lib/interaction-errors.ts
+import { OpenGeniApiError } from "@opengeni/sdk";
+import { interactionControlFailureFromError } from "@opengeni/sdk/interaction";
+function isInteractionControlUnavailable(error, request = "control") {
+  if (!(error instanceof OpenGeniApiError)) return false;
+  const failure = interactionControlFailureFromError(error);
+  if (failure) return failure.code === "agent_offline" || failure.code === "draining";
+  return request === "control" && !error.outcomeUnknown && (error.status >= 500 || error.status === 0);
+}
+function isNonRetryableInteractionError(error) {
+  return error instanceof OpenGeniApiError && error.retryable === false;
+}
+function isSourcePlacementChangedError(error, resource) {
+  return isNonRetryableInteractionError(error) && error.status === 409 && error.details?.interactionResource === resource && error.details?.interactionFailureCode === "source_placement_changed" && error.details?.interactionLifecycle === "lost";
+}
+
+// src/components/interaction-intervention-banner.tsx
+import { CheckIcon, CircleAlertIcon, LoaderCircleIcon, XIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function InteractionInterventionBanner({
+  interventions,
+  activeTargetId,
+  mutating = false,
+  className,
+  onOpen,
+  onResolve
+}) {
+  const intervention = interventions[0];
+  if (!intervention) return null;
+  const targetOpen = activeTargetId === void 0 || activeTargetId === intervention.targetId;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex shrink-0 items-center gap-2 border-b border-og-status-waiting/25 bg-og-status-waiting/[0.07] px-3 py-2",
+        className
+      ),
+      role: "status",
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "grid size-7 shrink-0 place-items-center rounded-og-sm bg-og-status-waiting/10 text-og-status-waiting", children: /* @__PURE__ */ jsx(CircleAlertIcon, { className: "size-3.5" }) }),
+        /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 text-og-control font-medium text-og-fg", children: [
+            interventionTitle(intervention.kind),
+            interventions.length > 1 ? /* @__PURE__ */ jsxs("span", { className: "rounded-full bg-og-surface-2 px-1.5 py-0.5 text-[10px] font-normal text-og-muted", children: [
+              "+",
+              interventions.length - 1
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "block truncate text-og-xs text-og-muted", children: intervention.reason })
+        ] }),
+        !targetOpen && onOpen ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onOpen(intervention),
+            disabled: mutating,
+            className: "h-7 shrink-0 rounded-og-sm border border-og-primary-border bg-og-primary px-2.5 text-og-control font-medium text-og-primary-fg transition hover:bg-og-primary-hover disabled:opacity-50",
+            children: "Open"
+          }
+        ) : /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onResolve(intervention, "completed"),
+            disabled: mutating,
+            className: "inline-flex h-7 shrink-0 items-center gap-1 rounded-og-sm border border-og-primary-border bg-og-primary text-og-primary-fg px-2.5 text-og-control font-medium transition hover:bg-og-primary-hover disabled:opacity-50",
+            children: [
+              mutating ? /* @__PURE__ */ jsx(LoaderCircleIcon, { className: "size-3 animate-spin" }) : /* @__PURE__ */ jsx(CheckIcon, { className: "size-3" }),
+              "Done"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onResolve(intervention, "dismissed"),
+            disabled: mutating,
+            className: "grid size-7 shrink-0 place-items-center rounded-og-sm text-og-muted transition hover:bg-og-surface-2 hover:text-og-fg disabled:opacity-50",
+            "aria-label": "Cancel request",
+            title: "Cancel request",
+            children: /* @__PURE__ */ jsx(XIcon, { className: "size-3.5" })
+          }
+        )
+      ]
+    }
+  );
+}
+function interventionTitle(kind) {
+  switch (kind) {
+    case "manual_login":
+      return "Sign in needed";
+    case "mfa":
+      return "Verification needed";
+    case "external_action":
+      return "Action needed";
+    case "confirmation":
+      return "Confirmation needed";
+    case "other":
+      return "Agent needs your help";
+  }
+}
+
+// src/components/use-viewer-menu-dismiss.ts
+import { useEffect as useEffect3, useRef as useRef3 } from "react";
+function useViewerMenuDismiss(enabled = true) {
+  const ref = useRef3(null);
+  useEffect3(() => {
+    const menu = ref.current;
+    if (!enabled || !menu) return;
+    const document = menu.ownerDocument;
+    const pointerDown = (event) => {
+      if (menu.open && !event.composedPath().includes(menu)) menu.open = false;
+    };
+    const focusIn = (event) => {
+      if (menu.open && !event.composedPath().includes(menu)) menu.open = false;
+    };
+    const keyDown = (event) => {
+      if (!menu.open || event.key !== "Escape" || !event.composedPath().includes(menu)) return;
+      event.preventDefault();
+      event.stopPropagation();
+      menu.open = false;
+      menu.querySelector("summary")?.focus();
+    };
+    document.addEventListener("pointerdown", pointerDown, true);
+    document.addEventListener("focusin", focusIn, true);
+    document.addEventListener("keydown", keyDown, true);
+    return () => {
+      document.removeEventListener("pointerdown", pointerDown, true);
+      document.removeEventListener("focusin", focusIn, true);
+      document.removeEventListener("keydown", keyDown, true);
+    };
+  }, [enabled]);
+  return ref;
+}
+
+export {
+  useInteractionInvalidation,
+  useInteractionInterventions,
+  isInteractionControlUnavailable,
+  isNonRetryableInteractionError,
+  isSourcePlacementChangedError,
+  InteractionInterventionBanner,
+  useViewerMenuDismiss
+};
+//# sourceMappingURL=chunk-J6DBS4T3.js.map

package/dist/chunk-J6DBS4T3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-interaction-interventions.ts","../src/hooks/use-interaction-invalidation.ts","../src/lib/interaction-errors.ts","../src/components/interaction-intervention-banner.tsx","../src/components/use-viewer-menu-dismiss.ts"],"sourcesContent":["import type {\n  CreateInteractionInterventionRequest,\n  InteractionIntervention,\n  InteractionInterventionMutationResponse,\n  ResolveInteractionInterventionRequest,\n} from \"@opengeni/sdk/interaction\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { EmbeddedInterventionClientLike } from \"../client\";\nimport {\n  type EmbeddedInterventionClientOverride,\n  useEmbeddedInterventions,\n} from \"../session-context\";\nimport { useInteractionInvalidation } from \"./use-interaction-invalidation\";\n\nexport type UseInteractionInterventionsOptions = EmbeddedInterventionClientOverride & {\n  enabled?: boolean | undefined;\n  resourceKind?: \"browser_session\" | \"computer_session\" | undefined;\n  resourceId?: string | null | undefined;\n  includeSettled?: boolean | undefined;\n  pollIntervalMs?: number | undefined;\n};\n\nexport type UseInteractionInterventionsResult = {\n  interventions: InteractionIntervention[];\n  loading: boolean;\n  refreshing: boolean;\n  mutating: boolean;\n  error: Error | null;\n  refresh: () => Promise<void>;\n  create: (\n    request: Omit<CreateInteractionInterventionRequest, \"operationId\"> & {\n      operationId?: string;\n    },\n  ) => Promise<InteractionInterventionMutationResponse>;\n  resolve: (\n    interventionId: string,\n    request: Omit<ResolveInteractionInterventionRequest, \"operationId\"> & {\n      operationId?: string;\n    },\n  ) => Promise<InteractionInterventionMutationResponse>;\n};\n\n/** Human-action bridge shared by Browser and Computer surfaces. */\nexport function useInteractionInterventions(\n  options: UseInteractionInterventionsOptions = {},\n): UseInteractionInterventionsResult {\n  const { client, workspaceId, workspaceInteractionEvent, workspaceInteractionConnectionState } =\n    useEmbeddedInterventions(options);\n  const enabled = (options.enabled ?? true) && options.resourceId !== null;\n  const resourceKind = options.resourceKind;\n  const resourceId = options.resourceId ?? undefined;\n  const includeSettled = options.includeSettled ?? false;\n  const key = `${workspaceId}:${resourceKind ?? \"*\"}:${resourceId ?? \"*\"}:${includeSettled}`;\n  const [state, setState] = useState(() => emptyState(key, enabled));\n  const [mutationCount, setMutationCount] = useState(0);\n  const requestRef = useRef<{ id: number; controller: AbortController | null }>({\n    id: 0,\n    controller: null,\n  });\n  const mountedRef = useRef(true);\n  const visible = state.key === key ? state : emptyState(key, enabled);\n\n  const cancelLoad = useCallback(() => {\n    requestRef.current.controller?.abort();\n    requestRef.current = { id: requestRef.current.id + 1, controller: null };\n  }, []);\n\n  const load = useCallback(\n    async (foreground: boolean, replace = true): Promise<void> => {\n      if (!enabled) return;\n      if (requestRef.current.controller && !replace) return;\n      const id = requestRef.current.id + 1;\n      requestRef.current.controller?.abort();\n      const controller = new AbortController();\n      requestRef.current = { id, controller };\n      if (foreground || replace) {\n        setState((current) => ({\n          ...(current.key === key ? current : emptyState(key, true)),\n          loading: foreground,\n          refreshing: !foreground,\n          error: foreground ? null : current.error,\n        }));\n      }\n      try {\n        const response = await client.listInteractionInterventions(workspaceId, {\n          ...(resourceKind ? { resourceKind } : {}),\n          ...(resourceId ? { resourceId } : {}),\n          includeSettled,\n          signal: controller.signal,\n        });\n        if (!mountedRef.current || requestRef.current.id !== id) return;\n        setState({\n          key,\n          interventions: sortInterventions(response.interventions),\n          loading: false,\n          refreshing: false,\n          error: null,\n        });\n      } catch (cause) {\n        if (controller.signal.aborted || !mountedRef.current || requestRef.current.id !== id)\n          return;\n        setState((current) => ({\n          ...(current.key === key ? current : emptyState(key, true)),\n          loading: false,\n          refreshing: false,\n          error: asError(cause),\n        }));\n      } finally {\n        if (requestRef.current.id === id) requestRef.current = { id, controller: null };\n      }\n    },\n    [client, enabled, includeSettled, key, resourceId, resourceKind, workspaceId],\n  );\n\n  const refresh = useCallback(async () => await load(false, true), [load]);\n\n  useEffect(() => {\n    mountedRef.current = true;\n    if (!enabled) {\n      cancelLoad();\n      setState(emptyState(key, false));\n      return;\n    }\n    void load(true);\n    return () => {\n      mountedRef.current = false;\n      cancelLoad();\n    };\n  }, [cancelLoad, enabled, key, load]);\n\n  useInteractionInvalidation({\n    workspaceId,\n    key,\n    enabled,\n    event: workspaceInteractionEvent,\n    connectionState: workspaceInteractionConnectionState,\n    refresh,\n    fallbackPollIntervalMs: options.pollIntervalMs ?? 2_000,\n  });\n\n  const mutate = useCallback(async <T>(operation: () => Promise<T>): Promise<T> => {\n    setMutationCount((count) => count + 1);\n    try {\n      return await operation();\n    } finally {\n      if (mountedRef.current) setMutationCount((count) => Math.max(0, count - 1));\n    }\n  }, []);\n\n  const merge = useCallback(\n    (intervention: InteractionIntervention) => {\n      setState((current) => {\n        if (current.key !== key) return current;\n        const interventions = current.interventions.filter(\n          (candidate) => candidate.id !== intervention.id,\n        );\n        const matches =\n          (!resourceKind || intervention.resourceKind === resourceKind) &&\n          (!resourceId || intervention.resourceId === resourceId);\n        if (matches && (includeSettled || intervention.status === \"open\")) {\n          interventions.push(intervention);\n        }\n        return {\n          ...current,\n          interventions: sortInterventions(interventions),\n          error: null,\n        };\n      });\n    },\n    [includeSettled, key, resourceId, resourceKind],\n  );\n\n  const create = useCallback(\n    async (\n      request: Omit<CreateInteractionInterventionRequest, \"operationId\"> & {\n        operationId?: string;\n      },\n    ): Promise<InteractionInterventionMutationResponse> =>\n      await mutate(async () => {\n        const response = await client.createInteractionIntervention(workspaceId, {\n          ...request,\n          operationId: request.operationId ?? crypto.randomUUID(),\n        });\n        merge(response.intervention);\n        return response;\n      }),\n    [client, merge, mutate, workspaceId],\n  );\n\n  const resolve = useCallback(\n    async (\n      interventionId: string,\n      request: Omit<ResolveInteractionInterventionRequest, \"operationId\"> & {\n        operationId?: string;\n      },\n    ): Promise<InteractionInterventionMutationResponse> =>\n      await mutate(async () => {\n        const response = await client.resolveInteractionIntervention(workspaceId, interventionId, {\n          ...request,\n          operationId: request.operationId ?? crypto.randomUUID(),\n        });\n        merge(response.intervention);\n        return response;\n      }),\n    [client, merge, mutate, workspaceId],\n  );\n\n  return {\n    interventions: visible.interventions,\n    loading: visible.loading,\n    refreshing: visible.refreshing,\n    mutating: mutationCount > 0,\n    error: visible.error,\n    refresh,\n    create,\n    resolve,\n  };\n}\n\nfunction emptyState(key: string, loading: boolean) {\n  return {\n    key,\n    interventions: [] as InteractionIntervention[],\n    loading,\n    refreshing: false,\n    error: null as Error | null,\n  };\n}\n\nfunction sortInterventions(\n  interventions: readonly InteractionIntervention[],\n): InteractionIntervention[] {\n  return [...interventions].sort(\n    (left, right) => Date.parse(right.updatedAt) - Date.parse(left.updatedAt),\n  );\n}\n\nfunction asError(cause: unknown): Error {\n  return cause instanceof Error ? cause : new Error(String(cause));\n}\n\nexport type InteractionInterventionsClient = EmbeddedInterventionClientLike;\n","import type { StreamConnectionState, WorkspaceInteractionRevisionEvent } from \"@opengeni/sdk\";\nimport { useEffect, useRef } from \"react\";\nimport { usePageLiveActivity } from \"./internal\";\n\nexport type InteractionInvalidationOptions = {\n  workspaceId: string;\n  /** Distinguishes filtered projections of the same workspace catalog. */\n  key: string;\n  enabled: boolean;\n  event: WorkspaceInteractionRevisionEvent | null;\n  connectionState: StreamConnectionState | \"idle\" | \"error\";\n  /** Catalog responses carry the workspace revision; live-state lists do not. */\n  knownRevision?: number | undefined;\n  refresh: () => Promise<void>;\n  fallbackPollIntervalMs?: number | undefined;\n};\n\n/**\n * Refetch authoritative lists on the shared latest-revision stream. Poll only\n * while that stream is unavailable, preserving standalone-hook degradation\n * without multiplying healthy-provider traffic.\n */\nexport function useInteractionInvalidation(options: InteractionInvalidationOptions): void {\n  const {\n    workspaceId,\n    key,\n    enabled,\n    event,\n    connectionState,\n    knownRevision,\n    refresh,\n    fallbackPollIntervalMs,\n  } = options;\n  const pageLive = usePageLiveActivity();\n  const lastUnversionedEvent = useRef<{ key: string; sequence: number }>({\n    key,\n    sequence: 0,\n  });\n  const eventSequence = event?.workspaceId === workspaceId ? event.sequence : 0;\n\n  useEffect(() => {\n    if (!enabled || eventSequence <= 0) return;\n    if (knownRevision !== undefined) {\n      if (eventSequence > knownRevision) void refresh();\n      return;\n    }\n    if (lastUnversionedEvent.current.key !== key) {\n      lastUnversionedEvent.current = { key, sequence: 0 };\n    }\n    if (eventSequence <= lastUnversionedEvent.current.sequence) return;\n    lastUnversionedEvent.current = { key, sequence: eventSequence };\n    void refresh();\n  }, [enabled, eventSequence, key, knownRevision, refresh]);\n\n  useEffect(() => {\n    if (!enabled || !pageLive || connectionState === \"live\") return;\n    const interval = boundedPollInterval(fallbackPollIntervalMs ?? 3_000);\n    const timer = setInterval(() => void refresh(), interval);\n    return () => clearInterval(timer);\n  }, [connectionState, enabled, fallbackPollIntervalMs, pageLive, refresh]);\n}\n\nfunction boundedPollInterval(value: number): number {\n  if (!Number.isFinite(value)) return 3_000;\n  return Math.min(60_000, Math.max(1_000, Math.floor(value)));\n}\n","import { OpenGeniApiError } from \"@opengeni/sdk\";\nimport { interactionControlFailureFromError } from \"@opengeni/sdk/interaction\";\n\n/** Media can remain live when the independent control service is unavailable.\n * A target refusal or an uncertain mutation does not establish a service outage. */\nexport function isInteractionControlUnavailable(\n  error: unknown,\n  request: \"control\" | \"observation\" = \"control\",\n): error is OpenGeniApiError {\n  if (!(error instanceof OpenGeniApiError)) return false;\n  const failure = interactionControlFailureFromError(error);\n  if (failure) return failure.code === \"agent_offline\" || failure.code === \"draining\";\n  return (\n    request === \"control\" && !error.outcomeUnknown && (error.status >= 500 || error.status === 0)\n  );\n}\n\nexport function isNonRetryableInteractionError(error: unknown): error is OpenGeniApiError {\n  return error instanceof OpenGeniApiError && error.retryable === false;\n}\n\nexport function isSourcePlacementChangedError(\n  error: unknown,\n  resource: \"browser_session\" | \"computer_session\",\n): error is OpenGeniApiError {\n  return (\n    isNonRetryableInteractionError(error) &&\n    error.status === 409 &&\n    error.details?.interactionResource === resource &&\n    error.details?.interactionFailureCode === \"source_placement_changed\" &&\n    error.details?.interactionLifecycle === \"lost\"\n  );\n}\n","import type { InteractionIntervention } from \"@opengeni/sdk/interaction\";\nimport { CheckIcon, CircleAlertIcon, LoaderCircleIcon, XIcon } from \"lucide-react\";\nimport { cn } from \"../lib/cn\";\n\nexport type InteractionInterventionBannerProps = {\n  interventions: InteractionIntervention[];\n  activeTargetId?: string | null | undefined;\n  mutating?: boolean | undefined;\n  className?: string | undefined;\n  onOpen?: ((intervention: InteractionIntervention) => void) | undefined;\n  onResolve: (intervention: InteractionIntervention, outcome: \"completed\" | \"dismissed\") => void;\n};\n\n/** Compact durable human-action prompt shared by Browser and Computer viewers. */\nexport function InteractionInterventionBanner({\n  interventions,\n  activeTargetId,\n  mutating = false,\n  className,\n  onOpen,\n  onResolve,\n}: InteractionInterventionBannerProps) {\n  const intervention = interventions[0];\n  if (!intervention) return null;\n  const targetOpen = activeTargetId === undefined || activeTargetId === intervention.targetId;\n  return (\n    <div\n      className={cn(\n        \"flex shrink-0 items-center gap-2 border-b border-og-status-waiting/25 bg-og-status-waiting/[0.07] px-3 py-2\",\n        className,\n      )}\n      role=\"status\"\n    >\n      <span className=\"grid size-7 shrink-0 place-items-center rounded-og-sm bg-og-status-waiting/10 text-og-status-waiting\">\n        <CircleAlertIcon className=\"size-3.5\" />\n      </span>\n      <span className=\"min-w-0 flex-1\">\n        <span className=\"flex items-center gap-1.5 text-og-control font-medium text-og-fg\">\n          {interventionTitle(intervention.kind)}\n          {interventions.length > 1 ? (\n            <span className=\"rounded-full bg-og-surface-2 px-1.5 py-0.5 text-[10px] font-normal text-og-muted\">\n              +{interventions.length - 1}\n            </span>\n          ) : null}\n        </span>\n        <span className=\"block truncate text-og-xs text-og-muted\">{intervention.reason}</span>\n      </span>\n      {!targetOpen && onOpen ? (\n        <button\n          type=\"button\"\n          onClick={() => onOpen(intervention)}\n          disabled={mutating}\n          className=\"h-7 shrink-0 rounded-og-sm border border-og-primary-border bg-og-primary px-2.5 text-og-control font-medium text-og-primary-fg transition hover:bg-og-primary-hover disabled:opacity-50\"\n        >\n          Open\n        </button>\n      ) : (\n        <button\n          type=\"button\"\n          onClick={() => onResolve(intervention, \"completed\")}\n          disabled={mutating}\n          className=\"inline-flex h-7 shrink-0 items-center gap-1 rounded-og-sm border border-og-primary-border bg-og-primary text-og-primary-fg px-2.5 text-og-control font-medium transition hover:bg-og-primary-hover disabled:opacity-50\"\n        >\n          {mutating ? (\n            <LoaderCircleIcon className=\"size-3 animate-spin\" />\n          ) : (\n            <CheckIcon className=\"size-3\" />\n          )}\n          Done\n        </button>\n      )}\n      <button\n        type=\"button\"\n        onClick={() => onResolve(intervention, \"dismissed\")}\n        disabled={mutating}\n        className=\"grid size-7 shrink-0 place-items-center rounded-og-sm text-og-muted transition hover:bg-og-surface-2 hover:text-og-fg disabled:opacity-50\"\n        aria-label=\"Cancel request\"\n        title=\"Cancel request\"\n      >\n        <XIcon className=\"size-3.5\" />\n      </button>\n    </div>\n  );\n}\n\nfunction interventionTitle(kind: InteractionIntervention[\"kind\"]): string {\n  switch (kind) {\n    case \"manual_login\":\n      return \"Sign in needed\";\n    case \"mfa\":\n      return \"Verification needed\";\n    case \"external_action\":\n      return \"Action needed\";\n    case \"confirmation\":\n      return \"Confirmation needed\";\n    case \"other\":\n      return \"Agent needs your help\";\n  }\n}\n","import { useEffect, useRef } from \"react\";\n\n/** Keep native details menus dismissible without letting Escape close the dock. */\nexport function useViewerMenuDismiss(enabled = true) {\n  const ref = useRef<HTMLDetailsElement | null>(null);\n  useEffect(() => {\n    const menu = ref.current;\n    if (!enabled || !menu) return;\n    const document = menu.ownerDocument;\n    const pointerDown = (event: PointerEvent) => {\n      if (menu.open && !event.composedPath().includes(menu)) menu.open = false;\n    };\n    const focusIn = (event: FocusEvent) => {\n      if (menu.open && !event.composedPath().includes(menu)) menu.open = false;\n    };\n    const keyDown = (event: KeyboardEvent) => {\n      if (!menu.open || event.key !== \"Escape\" || !event.composedPath().includes(menu)) return;\n      event.preventDefault();\n      event.stopPropagation();\n      menu.open = false;\n      menu.querySelector(\"summary\")?.focus();\n    };\n    document.addEventListener(\"pointerdown\", pointerDown, true);\n    document.addEventListener(\"focusin\", focusIn, true);\n    document.addEventListener(\"keydown\", keyDown, true);\n    return () => {\n      document.removeEventListener(\"pointerdown\", pointerDown, true);\n      document.removeEventListener(\"focusin\", focusIn, true);\n      document.removeEventListener(\"keydown\", keyDown, true);\n    };\n  }, [enabled]);\n  return ref;\n}\n"],"mappings":"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","names":["useEffect","useRef","useRef","useEffect","useEffect","useRef"]}