@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/chunk-O4OOG3D6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/api-error.tsx"],"sourcesContent":["import { modelDisplayName } from \"@opengeni/sdk/model-display\";\nimport type { ErrorDetail } from \"./error-message\";\nimport { apiStatusInText, isExpectedApiStatus } from \"./error-reference\";\n\n/*\n * Errors from the Opengeni API arrive as \"Opengeni API 403: missing permission:\n * workspace:admin Reference: <uuid>.\" That string is for logs and support, not\n * for people (DESIGN.md section 6): the UI says what happened, then what to\n * do, and keeps the status, server message and reference behind \"Technical\n * details\". These helpers split an error into those parts.\n */\n\nexport interface ApiErrorFacts {\n  /** HTTP status, when the error came from an API response. */\n  status: number | undefined;\n  /** Stable machine code from the response body, if any. */\n  code: string | undefined;\n  /** The request reference for support. */\n  reference: string | undefined;\n  /** The server's own sentence, without the status prefix or the reference. */\n  serverMessage: string | undefined;\n}\n\nconst API_PREFIX = /^(?:(?:OpenGeni|Opengeni) )?API \\d{3}:\\s*/u;\nconst REFERENCE_SUFFIX = /\\s*Reference:\\s*([\\w.:-]+?)\\.?\\s*$/u;\n\n/** Splits an error into the facts it carries. Never throws. */\nexport function apiErrorFacts(error: unknown): ApiErrorFacts {\n  const record =\n    error !== null && typeof error === \"object\" ? (error as Record<string, unknown>) : null;\n  const status = typeof record?.status === \"number\" ? record.status : undefined;\n  const code = typeof record?.code === \"string\" && record.code ? record.code : undefined;\n  let reference =\n    typeof record?.correlationId === \"string\" && record.correlationId\n      ? record.correlationId\n      : undefined;\n  let message = error instanceof Error ? error.message : typeof error === \"string\" ? error : \"\";\n  const match = REFERENCE_SUFFIX.exec(message);\n  if (match) {\n    reference ??= match[1];\n    message = message.slice(0, match.index);\n  }\n  message = message.replace(API_PREFIX, \"\").trim();\n  return { status, code, reference, serverMessage: message || undefined };\n}\n\n/** True for an error that came from an API response (or reads like one). */\nexport function isApiError(error: unknown): boolean {\n  if (apiErrorFacts(error).status !== undefined) return true;\n  return error instanceof Error && /^(?:OpenGeni|Opengeni) API\\b/u.test(error.message);\n}\n\n/**\n * The viewer lacks a permission. Retrying can't help: say who can grant it\n * instead of showing an error.\n */\nexport function isPermissionDenied(error: unknown): boolean {\n  const { status, serverMessage } = apiErrorFacts(error);\n  if (status === 403) return true;\n  return isApiError(error) && /\\bmissing permission\\b/iu.test(serverMessage ?? \"\");\n}\n\nconst NETWORK_FAILURE =\n  /failed to fetch|fetch failed|networkerror|load failed|network request failed/iu;\n\n/**\n * A request that never got a response (offline, DNS, CORS). `fetch` rejects\n * with a TypeError for these, but so do input checks and plain bugs, so the\n * message decides.\n */\nfunction isNetworkFailure(error: unknown): boolean {\n  return error instanceof TypeError && NETWORK_FAILURE.test(error.message);\n}\n\n/** \"model is not selectable: codex/gpt-6.1-sol\" names the model, never its routing id. */\nconst MODEL_REFUSAL = /^model is not (?:selectable|available): (\\S+)$/iu;\n\n/** A server sentence that is safe to show: short, and not a JSON or schema dump. */\nfunction readableServerSentence(message: string | undefined): string | undefined {\n  const refusedModel = message ? MODEL_REFUSAL.exec(message.trim())?.[1] : undefined;\n  if (refusedModel) {\n    return `${modelDisplayName(refusedModel)} isn't available here. Choose another model.`;\n  }\n  if (!message || message.length > 160 || /^[[{]/u.test(message)) return undefined;\n  // A bare code (\"invalid_transaction\") is not a sentence.\n  if (!/\\s/u.test(message.trim())) return undefined;\n  if (/\\b[A-Z][A-Z0-9]+_[A-Z0-9_]+\\b/u.test(message)) return undefined; // env vars, enums\n  if (/\\b[a-z][a-z0-9]*(?:_[a-z0-9]+)+\\b/u.test(message)) return undefined; // snake_case codes, fields\n  const sentence = message.charAt(0).toLocaleUpperCase() + message.slice(1);\n  return /[.!?]$/u.test(sentence) ? sentence : `${sentence}.`;\n}\n\n/**\n * What to do next, in one sentence. Pair it with a title that says what\n * happened (\"Couldn't add the webhook\").\n */\nexport function apiErrorAdvice(error: unknown): string {\n  const { status, serverMessage } = apiErrorFacts(error);\n  if (isPermissionDenied(error)) {\n    return \"You don't have permission to do this. Ask an admin for access.\";\n  }\n  if (status === undefined) {\n    if (isNetworkFailure(error) || !(error instanceof Error)) {\n      return \"Check your connection and try again.\";\n    }\n    return \"Try again. If it keeps happening, reload the page.\";\n  }\n  if (status === 401) return \"Your session ended. Sign in again, then try again.\";\n  if (status === 404) return \"It may have been removed. Reload the page and try again.\";\n  if (status === 409 || status === 412) {\n    // A 409 is often a real conflict (\"name is already in use\"): say which.\n    return (\n      readableServerSentence(serverMessage) ??\n      \"It changed since this page loaded. Reload the page and try again.\"\n    );\n  }\n  if (status === 400 || status === 422) {\n    return readableServerSentence(serverMessage) ?? \"Check what you entered and try again.\";\n  }\n  if (status === 429) return \"Too many requests right now. Wait a moment and try again.\";\n  if (status >= 500) return \"Opengeni couldn't finish the request. Try again in a moment.\";\n  return \"Try again. If it keeps happening, reload the page.\";\n}\n\n/**\n * The text to show for a failed action where only one line fits (a toast\n * description, a form error). API errors become advice; an error the app\n * wrote itself keeps its own message. An expected refusal (a 4xx) is only\n * what to do. An unexpected failure ends with \"Reference: <id>.\" for support,\n * which the toast and the shared error renderers turn into a discreet \"Copy\n * details\" or Technical details instead of printing it. Next to Technical\n * details (which already show the reference), use\n * `userErrorTextWithoutReference`.\n */\nexport function userErrorText(error: unknown, fallback?: string): string {\n  const text = userErrorTextWithoutReference(error, fallback);\n  if (!isApiError(error)) return text;\n  const { status, reference } = apiErrorFacts(error);\n  const message = error instanceof Error ? error.message : \"\";\n  if (isExpectedApiStatus(status ?? apiStatusInText(message))) return text;\n  return reference ? `${text} Reference: ${reference}.` : text;\n}\n\n/**\n * A user-facing error for a form or dialog, keeping the original as its cause.\n * An API error becomes what to do next, never its raw \"Opengeni API ...\" text.\n */\nexport function userFacingError(error: unknown, message = userErrorText(error)): Error {\n  return new Error(message, { cause: error });\n}\n\n/**\n * `userErrorText` without the request reference, for places that show the\n * reference behind Technical details already (`apiErrorDetails`,\n * `apiErrorTechnicalFacts`).\n */\nexport function userErrorTextWithoutReference(error: unknown, fallback?: string): string {\n  if (isApiError(error) || isNetworkFailure(error)) return apiErrorAdvice(error);\n  if (error instanceof Error && error.message) return error.message;\n  if (typeof error === \"string\" && error) return error;\n  return fallback ?? \"Something went wrong. Try again.\";\n}\n\n/**\n * Props for `ErrorMessage`'s Technical details: the reference (with Copy),\n * then the status, code and the server's own message.\n */\nexport function apiErrorDetails(error: unknown): { reference?: string; details: ErrorDetail[] } {\n  const { status, code, reference, serverMessage } = apiErrorFacts(error);\n  const details: ErrorDetail[] = [];\n  if (status !== undefined) details.push({ label: \"Status\", value: `HTTP ${status}` });\n  if (code) details.push({ label: \"Code\", value: code });\n  if (serverMessage) details.push({ label: \"Message\", value: serverMessage });\n  return reference ? { reference, details } : { details };\n}\n\n/** Every Technical details fact of an error, the reference last with Copy. Empty for app errors. */\nexport function apiErrorTechnicalFacts(error: unknown): ErrorDetail[] {\n  if (!isApiError(error)) return [];\n  const { reference, details } = apiErrorDetails(error);\n  return reference\n    ? [...details, { label: \"Reference\", value: reference, copyable: true }]\n    : details;\n}\n"],"mappings":";;;;;;;AAAA,SAAS,wBAAwB;AAuBjC,IAAM,aAAa;AACnB,IAAM,mBAAmB;AAGlB,SAAS,cAAc,OAA+B;AAC3D,QAAM,SACJ,UAAU,QAAQ,OAAO,UAAU,WAAY,QAAoC;AACrF,QAAM,SAAS,OAAO,QAAQ,WAAW,WAAW,OAAO,SAAS;AACpE,QAAM,OAAO,OAAO,QAAQ,SAAS,YAAY,OAAO,OAAO,OAAO,OAAO;AAC7E,MAAI,YACF,OAAO,QAAQ,kBAAkB,YAAY,OAAO,gBAChD,OAAO,gBACP;AACN,MAAI,UAAU,iBAAiB,QAAQ,MAAM,UAAU,OAAO,UAAU,WAAW,QAAQ;AAC3F,QAAM,QAAQ,iBAAiB,KAAK,OAAO;AAC3C,MAAI,OAAO;AACT,kBAAc,MAAM,CAAC;AACrB,cAAU,QAAQ,MAAM,GAAG,MAAM,KAAK;AAAA,EACxC;AACA,YAAU,QAAQ,QAAQ,YAAY,EAAE,EAAE,KAAK;AAC/C,SAAO,EAAE,QAAQ,MAAM,WAAW,eAAe,WAAW,OAAU;AACxE;AAGO,SAAS,WAAW,OAAyB;AAClD,MAAI,cAAc,KAAK,EAAE,WAAW,OAAW,QAAO;AACtD,SAAO,iBAAiB,SAAS,gCAAgC,KAAK,MAAM,OAAO;AACrF;AAMO,SAAS,mBAAmB,OAAyB;AAC1D,QAAM,EAAE,QAAQ,cAAc,IAAI,cAAc,KAAK;AACrD,MAAI,WAAW,IAAK,QAAO;AAC3B,SAAO,WAAW,KAAK,KAAK,2BAA2B,KAAK,iBAAiB,EAAE;AACjF;AAEA,IAAM,kBACJ;AAOF,SAAS,iBAAiB,OAAyB;AACjD,SAAO,iBAAiB,aAAa,gBAAgB,KAAK,MAAM,OAAO;AACzE;AAGA,IAAM,gBAAgB;AAGtB,SAAS,uBAAuB,SAAiD;AAC/E,QAAM,eAAe,UAAU,cAAc,KAAK,QAAQ,KAAK,CAAC,IAAI,CAAC,IAAI;AACzE,MAAI,cAAc;AAChB,WAAO,GAAG,iBAAiB,YAAY,CAAC;AAAA,EAC1C;AACA,MAAI,CAAC,WAAW,QAAQ,SAAS,OAAO,SAAS,KAAK,OAAO,EAAG,QAAO;AAEvE,MAAI,CAAC,MAAM,KAAK,QAAQ,KAAK,CAAC,EAAG,QAAO;AACxC,MAAI,iCAAiC,KAAK,OAAO,EAAG,QAAO;AAC3D,MAAI,qCAAqC,KAAK,OAAO,EAAG,QAAO;AAC/D,QAAM,WAAW,QAAQ,OAAO,CAAC,EAAE,kBAAkB,IAAI,QAAQ,MAAM,CAAC;AACxE,SAAO,UAAU,KAAK,QAAQ,IAAI,WAAW,GAAG,QAAQ;AAC1D;AAMO,SAAS,eAAe,OAAwB;AACrD,QAAM,EAAE,QAAQ,cAAc,IAAI,cAAc,KAAK;AACrD,MAAI,mBAAmB,KAAK,GAAG;AAC7B,WAAO;AAAA,EACT;AACA,MAAI,WAAW,QAAW;AACxB,QAAI,iBAAiB,KAAK,KAAK,EAAE,iBAAiB,QAAQ;AACxD,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT;AACA,MAAI,WAAW,IAAK,QAAO;AAC3B,MAAI,WAAW,IAAK,QAAO;AAC3B,MAAI,WAAW,OAAO,WAAW,KAAK;AAEpC,WACE,uBAAuB,aAAa,KACpC;AAAA,EAEJ;AACA,MAAI,WAAW,OAAO,WAAW,KAAK;AACpC,WAAO,uBAAuB,aAAa,KAAK;AAAA,EAClD;AACA,MAAI,WAAW,IAAK,QAAO;AAC3B,MAAI,UAAU,IAAK,QAAO;AAC1B,SAAO;AACT;AAYO,SAAS,cAAc,OAAgB,UAA2B;AACvE,QAAM,OAAO,8BAA8B,OAAO,QAAQ;AAC1D,MAAI,CAAC,WAAW,KAAK,EAAG,QAAO;AAC/B,QAAM,EAAE,QAAQ,UAAU,IAAI,cAAc,KAAK;AACjD,QAAM,UAAU,iBAAiB,QAAQ,MAAM,UAAU;AACzD,MAAI,oBAAoB,UAAU,gBAAgB,OAAO,CAAC,EAAG,QAAO;AACpE,SAAO,YAAY,GAAG,IAAI,eAAe,SAAS,MAAM;AAC1D;AAMO,SAAS,gBAAgB,OAAgB,UAAU,cAAc,KAAK,GAAU;AACrF,SAAO,IAAI,MAAM,SAAS,EAAE,OAAO,MAAM,CAAC;AAC5C;AAOO,SAAS,8BAA8B,OAAgB,UAA2B;AACvF,MAAI,WAAW,KAAK,KAAK,iBAAiB,KAAK,EAAG,QAAO,eAAe,KAAK;AAC7E,MAAI,iBAAiB,SAAS,MAAM,QAAS,QAAO,MAAM;AAC1D,MAAI,OAAO,UAAU,YAAY,MAAO,QAAO;AAC/C,SAAO,YAAY;AACrB;AAMO,SAAS,gBAAgB,OAAgE;AAC9F,QAAM,EAAE,QAAQ,MAAM,WAAW,cAAc,IAAI,cAAc,KAAK;AACtE,QAAM,UAAyB,CAAC;AAChC,MAAI,WAAW,OAAW,SAAQ,KAAK,EAAE,OAAO,UAAU,OAAO,QAAQ,MAAM,GAAG,CAAC;AACnF,MAAI,KAAM,SAAQ,KAAK,EAAE,OAAO,QAAQ,OAAO,KAAK,CAAC;AACrD,MAAI,cAAe,SAAQ,KAAK,EAAE,OAAO,WAAW,OAAO,cAAc,CAAC;AAC1E,SAAO,YAAY,EAAE,WAAW,QAAQ,IAAI,EAAE,QAAQ;AACxD;AAGO,SAAS,uBAAuB,OAA+B;AACpE,MAAI,CAAC,WAAW,KAAK,EAAG,QAAO,CAAC;AAChC,QAAM,EAAE,WAAW,QAAQ,IAAI,gBAAgB,KAAK;AACpD,SAAO,YACH,CAAC,GAAG,SAAS,EAAE,OAAO,aAAa,OAAO,WAAW,UAAU,KAAK,CAAC,IACrE;AACN;","names":[]}

package/dist/chunk-O6N4ABCA.js

@@ -0,0 +1,376 @@
+"use client";
+import {
+  usePageLiveActivity
+} from "./chunk-RV3O5OCQ.js";
+import {
+  useEmbeddedInterventions
+} from "./chunk-TVQCDDSZ.js";
+import {
+  cn
+} from "./chunk-TXS65BB2.js";
+import {
+  useOpenGeniText
+} from "./chunk-7T2ZE3VT.js";
+
+// 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/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/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 t = useOpenGeniText();
+  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(t, 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-fg-muted", children: [
+              "+",
+              interventions.length - 1
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "block truncate text-og-xs text-og-fg-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: t("interactionInterventionBanner.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" }),
+              t("interactionInterventionBanner.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-fg-muted transition hover:bg-og-surface-2 hover:text-og-fg disabled:opacity-50",
+            "aria-label": t("interactionInterventionBanner.cancelRequest"),
+            title: t("interactionInterventionBanner.cancelRequest"),
+            children: /* @__PURE__ */ jsx(XIcon, { className: "size-3.5" })
+          }
+        )
+      ]
+    }
+  );
+}
+function interventionTitle(t, kind) {
+  switch (kind) {
+    case "manual_login":
+      return t("interactionInterventionBanner.signInNeeded");
+    case "mfa":
+      return t("interactionInterventionBanner.verificationNeeded");
+    case "external_action":
+      return t("interactionInterventionBanner.actionNeeded");
+    case "confirmation":
+      return t("interactionInterventionBanner.confirmationNeeded");
+    case "other":
+      return t("interactionInterventionBanner.agentNeedsYourHelp");
+  }
+}
+
+// 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,
+  isInteractionControlUnavailable,
+  isNonRetryableInteractionError,
+  isSourcePlacementChangedError,
+  useInteractionInterventions,
+  InteractionInterventionBanner,
+  useViewerMenuDismiss
+};
+//# sourceMappingURL=chunk-O6N4ABCA.js.map

package/dist/chunk-O732GAFC.js

@@ -0,0 +1,112 @@
+"use client";
+import {
+  useFieldControlProps
+} from "./chunk-MVW6HNPI.js";
+import {
+  cn
+} from "./chunk-TXS65BB2.js";
+
+// src/ui/email-chips-input.tsx
+import { useId, useRef, useState } from "react";
+import { CircleAlertIcon, XIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function EmailChipsInput({
+  chips,
+  onChange,
+  placeholder
+}) {
+  const field = useFieldControlProps();
+  const inputRef = useRef(null);
+  const [draft, setDraft] = useState("");
+  const listId = useId();
+  const commit = (text) => {
+    const parts = text.split(/[\s,;]+/).map((part) => part.trim().toLowerCase()).filter(Boolean);
+    if (parts.length === 0) return;
+    const values = chips.map((chip) => chip.value);
+    onChange([...values, ...parts.filter((part) => !values.includes(part))]);
+    setDraft("");
+  };
+  const onKeyDown = (event) => {
+    if ((event.key === "Enter" || event.key === "," || event.key === " ") && draft.trim()) {
+      event.preventDefault();
+      commit(draft);
+    } else if (event.key === "Backspace" && !draft && chips.length > 0) {
+      onChange(chips.slice(0, -1).map((chip) => chip.value));
+    }
+  };
+  const onPaste = (event) => {
+    const text = event.clipboardData.getData("text");
+    if (/[\s,;]/.test(text)) {
+      event.preventDefault();
+      commit(text);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      onClick: () => inputRef.current?.focus(),
+      className: cn(
+        "flex min-h-9 w-full min-w-0 cursor-text flex-wrap items-center gap-1.5 rounded-md border bg-surface px-2 py-1.5 transition-colors duration-[120ms] hover:border-border-strong pointer-coarse:min-h-11",
+        "has-[input:focus-visible]:border-brand has-[input:focus-visible]:outline-2 has-[input:focus-visible]:outline-offset-2 has-[input:focus-visible]:outline-brand/55",
+        field["aria-invalid"] ? "border-danger hover:border-danger" : "border-border"
+      ),
+      children: [
+        chips.length > 0 ? /* @__PURE__ */ jsx("ul", { id: listId, "aria-label": "Addresses", className: "contents", children: chips.map((chip) => /* @__PURE__ */ jsxs(
+          "li",
+          {
+            className: cn(
+              "inline-flex h-6 max-w-full min-w-0 items-center gap-1 rounded-full border pr-0.5 pl-2 text-xs font-medium",
+              chip.problem ? "border-danger/50 bg-danger/5 text-danger" : "border-border bg-surface-2 text-fg"
+            ),
+            children: [
+              chip.problem ? /* @__PURE__ */ jsx(CircleAlertIcon, { "aria-hidden": "true", className: "size-3 shrink-0" }) : null,
+              /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: chip.value }),
+              chip.problem ? /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+                ": ",
+                chip.problem
+              ] }) : null,
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": `Remove ${chip.value}`,
+                  onClick: (event) => {
+                    event.stopPropagation();
+                    onChange(chips.filter((each) => each !== chip).map((each) => each.value));
+                    inputRef.current?.focus();
+                  },
+                  className: "grid size-5 shrink-0 place-items-center rounded-full text-current opacity-70 transition-opacity hover:opacity-100 pointer-coarse:size-8",
+                  children: /* @__PURE__ */ jsx(XIcon, { "aria-hidden": "true", className: "size-3" })
+                }
+              )
+            ]
+          },
+          chip.value
+        )) }) : null,
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref: inputRef,
+            ...field,
+            type: "email",
+            inputMode: "email",
+            autoComplete: "off",
+            value: draft,
+            placeholder: chips.length === 0 ? placeholder : void 0,
+            "aria-describedby": [field["aria-describedby"], chips.length > 0 ? listId : null].filter(Boolean).join(" ") || void 0,
+            onChange: (event) => setDraft(event.target.value),
+            onKeyDown,
+            onPaste,
+            onBlur: () => commit(draft),
+            className: "h-6 min-w-40 flex-1 border-0 bg-transparent px-1 text-sm text-fg outline-hidden! placeholder:text-fg-subtle pointer-coarse:text-base"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  EmailChipsInput
+};
+//# sourceMappingURL=chunk-O732GAFC.js.map