@amodalai/react 0.1.0

package/dist/react.js

@@ -0,0 +1,855 @@
+import { jsx as v, jsxs as w } from "react/jsx-runtime";
+import { createContext as P, useMemo as B, useContext as j, useReducer as H, useRef as T, useCallback as N, useEffect as I, useState as y } from "react";
+import { RuntimeClient as V } from "./client.js";
+import { parseSSELine as me, streamSSE as fe, streamSSEGet as pe } from "./client.js";
+const U = P(null);
+function Z({ runtimeUrl: r, tenantId: s, getToken: t, children: e }) {
+  const a = B(
+    () => new V({ runtimeUrl: r, tenantId: s, getToken: t }),
+    [r, s, t]
+  ), n = B(
+    () => ({ client: a, runtimeUrl: r, tenantId: s }),
+    [a, r, s]
+  );
+  return /* @__PURE__ */ v(U.Provider, { value: n, children: e });
+}
+function C() {
+  const r = j(U);
+  if (!r)
+    throw new Error("useAmodalContext must be used within an <AmodalProvider>");
+  return r;
+}
+/**
+ * @license
+ * Copyright 2025 Amodal Labs, Inc.
+ * SPDX-License-Identifier: MIT
+ */
+const G = {
+  messages: [],
+  sessionId: null,
+  isStreaming: !1,
+  error: null,
+  activeToolCalls: []
+};
+let $ = 0;
+function F() {
+  return $++, `msg-${Date.now()}-${String($)}`;
+}
+function X(r, s) {
+  switch (s.type) {
+    case "SEND_MESSAGE": {
+      const t = {
+        type: "user",
+        id: F(),
+        text: s.text,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      }, e = {
+        type: "assistant_text",
+        id: F(),
+        text: "",
+        toolCalls: [],
+        confirmations: [],
+        contentBlocks: [],
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      return {
+        ...r,
+        messages: [...r.messages, t, e],
+        isStreaming: !0,
+        error: null,
+        activeToolCalls: []
+      };
+    }
+    case "STREAM_INIT":
+      return { ...r, sessionId: s.sessionId };
+    case "STREAM_TEXT_DELTA": {
+      const t = [...r.messages], e = t[t.length - 1];
+      if (e && e.type === "assistant_text") {
+        const a = [...e.contentBlocks], n = a[a.length - 1];
+        n && n.type === "text" ? a[a.length - 1] = { type: "text", text: n.text + s.content } : a.push({ type: "text", text: s.content }), t[t.length - 1] = { ...e, text: e.text + s.content, contentBlocks: a };
+      }
+      return { ...r, messages: t };
+    }
+    case "STREAM_TOOL_CALL_START": {
+      const t = [...r.messages], e = t[t.length - 1], a = {
+        toolId: s.toolId,
+        toolName: s.toolName,
+        parameters: s.parameters,
+        status: "running"
+      };
+      if (e && e.type === "assistant_text") {
+        const n = [...e.toolCalls, a], c = [...e.contentBlocks], i = c[c.length - 1];
+        i && i.type === "tool_calls" ? c[c.length - 1] = { type: "tool_calls", calls: [...i.calls, a] } : c.push({ type: "tool_calls", calls: [a] }), t[t.length - 1] = { ...e, toolCalls: n, contentBlocks: c };
+      }
+      return {
+        ...r,
+        messages: t,
+        activeToolCalls: [...r.activeToolCalls, a]
+      };
+    }
+    case "STREAM_TOOL_CALL_RESULT": {
+      const t = [...r.messages], e = t[t.length - 1];
+      if (e && e.type === "assistant_text") {
+        const n = (p) => p.toolId === s.toolId ? {
+          ...p,
+          status: s.status,
+          result: s.result,
+          duration_ms: s.duration_ms,
+          error: s.error
+        } : p, c = e.toolCalls.map(n), i = e.contentBlocks.map(
+          (p) => p.type === "tool_calls" ? { ...p, calls: p.calls.map(n) } : p
+        );
+        t[t.length - 1] = { ...e, toolCalls: c, contentBlocks: i };
+      }
+      const a = r.activeToolCalls.filter(
+        (n) => n.toolId !== s.toolId
+      );
+      return { ...r, messages: t, activeToolCalls: a };
+    }
+    case "STREAM_SUBAGENT_EVENT": {
+      const t = [...r.messages], e = t[t.length - 1];
+      if (e && e.type === "assistant_text") {
+        const a = (i) => i.toolId === s.parentToolId ? { ...i, subagentEvents: [...i.subagentEvents ?? [], s.event] } : i, n = e.toolCalls.map(a), c = e.contentBlocks.map(
+          (i) => i.type === "tool_calls" ? { ...i, calls: i.calls.map(a) } : i
+        );
+        t[t.length - 1] = { ...e, toolCalls: n, contentBlocks: c };
+      }
+      return { ...r, messages: t };
+    }
+    case "STREAM_WIDGET": {
+      const t = [...r.messages], e = t[t.length - 1];
+      if (e && e.type === "assistant_text") {
+        const a = {
+          type: "widget",
+          widgetType: s.widgetType,
+          data: s.data
+        };
+        t[t.length - 1] = {
+          ...e,
+          contentBlocks: [...e.contentBlocks, a]
+        };
+      }
+      return { ...r, messages: t };
+    }
+    case "STREAM_CONFIRMATION_REQUIRED": {
+      const t = [...r.messages], e = t[t.length - 1];
+      if (e && e.type === "assistant_text") {
+        const a = {
+          type: "confirmation",
+          confirmation: s.confirmation
+        };
+        t[t.length - 1] = {
+          ...e,
+          confirmations: [...e.confirmations, s.confirmation],
+          contentBlocks: [...e.contentBlocks, a]
+        };
+      }
+      return { ...r, messages: t };
+    }
+    case "CONFIRMATION_RESPONDED": {
+      const t = [...r.messages], e = t[t.length - 1];
+      if (e && e.type === "assistant_text") {
+        const a = e.confirmations.map(
+          (c) => c.correlationId === s.correlationId ? { ...c, status: s.approved ? "approved" : "denied" } : c
+        ), n = e.contentBlocks.map(
+          (c) => c.type === "confirmation" && c.confirmation.correlationId === s.correlationId ? { ...c, confirmation: { ...c.confirmation, status: s.approved ? "approved" : "denied" } } : c
+        );
+        t[t.length - 1] = { ...e, confirmations: a, contentBlocks: n };
+      }
+      return { ...r, messages: t };
+    }
+    case "STREAM_ERROR":
+      return { ...r, isStreaming: !1, error: s.message, activeToolCalls: [] };
+    case "STREAM_DONE": {
+      const t = [...r.messages], e = t[t.length - 1];
+      if (e && e.type === "assistant_text") {
+        const a = (i) => i.status === "running" ? { ...i, status: "error", error: "Stopped" } : i, n = e.toolCalls.map(a), c = e.contentBlocks.map(
+          (i) => i.type === "tool_calls" ? { ...i, calls: i.calls.map(a) } : i
+        );
+        t[t.length - 1] = { ...e, toolCalls: n, contentBlocks: c };
+      }
+      return { ...r, messages: t, isStreaming: !1, activeToolCalls: [] };
+    }
+    case "RESET":
+      return { ...G };
+    default:
+      return r;
+  }
+}
+function J(r) {
+  const { client: s } = C(), [t, e] = H(X, G), a = T(null), n = T(null), c = T(r);
+  c.current = r, a.current = t.sessionId;
+  const i = N(
+    (g) => {
+      if (t.isStreaming) return;
+      e({ type: "SEND_MESSAGE", text: g });
+      const _ = new AbortController();
+      n.current = _, (async () => {
+        var o, d, f, l, b, A, x, R, M, D, O;
+        let m = !1;
+        try {
+          const k = s.chatStream(g, {
+            sessionId: a.current ?? void 0,
+            context: (o = c.current) == null ? void 0 : o.context,
+            signal: _.signal
+          });
+          for await (const h of k)
+            switch (h.type) {
+              case "init":
+                e({ type: "STREAM_INIT", sessionId: h.session_id }), (f = (d = c.current) == null ? void 0 : d.onSessionCreated) == null || f.call(d, h.session_id);
+                break;
+              case "text_delta":
+                e({ type: "STREAM_TEXT_DELTA", content: h.content });
+                break;
+              case "tool_call_start":
+                e({
+                  type: "STREAM_TOOL_CALL_START",
+                  toolId: h.tool_id,
+                  toolName: h.tool_name,
+                  parameters: h.parameters
+                });
+                break;
+              case "tool_call_result":
+                e({
+                  type: "STREAM_TOOL_CALL_RESULT",
+                  toolId: h.tool_id,
+                  status: h.status,
+                  result: h.result,
+                  duration_ms: h.duration_ms,
+                  error: h.error
+                }), (b = (l = c.current) == null ? void 0 : l.onToolCall) == null || b.call(l, {
+                  toolId: h.tool_id,
+                  toolName: "",
+                  parameters: {},
+                  status: h.status,
+                  result: h.result,
+                  duration_ms: h.duration_ms,
+                  error: h.error
+                });
+                break;
+              case "subagent_event":
+                e({
+                  type: "STREAM_SUBAGENT_EVENT",
+                  parentToolId: h.parent_tool_id,
+                  event: {
+                    agentName: h.agent_name,
+                    eventType: h.event_type,
+                    toolName: h.tool_name,
+                    toolArgs: h.tool_args,
+                    result: h.result,
+                    text: h.text,
+                    error: h.error,
+                    timestamp: h.timestamp
+                  }
+                });
+                break;
+              case "widget":
+                e({
+                  type: "STREAM_WIDGET",
+                  widgetType: h.widget_type,
+                  data: h.data
+                });
+                break;
+              case "confirmation_required": {
+                const L = {
+                  endpoint: h.endpoint,
+                  method: h.method,
+                  reason: h.reason,
+                  escalated: h.escalated,
+                  params: h.params,
+                  connectionName: h.connection_name,
+                  correlationId: h.correlation_id,
+                  status: "pending"
+                };
+                e({ type: "STREAM_CONFIRMATION_REQUIRED", confirmation: L }), (x = (A = c.current) == null ? void 0 : A.onConfirmation) == null || x.call(A, L);
+                break;
+              }
+              case "error":
+                e({ type: "STREAM_ERROR", message: h.message });
+                break;
+              case "done":
+                m = !0, e({ type: "STREAM_DONE" }), (M = (R = c.current) == null ? void 0 : R.onStreamEnd) == null || M.call(R);
+                break;
+              default:
+                break;
+            }
+        } catch (k) {
+          k instanceof DOMException && k.name === "AbortError" || e({
+            type: "STREAM_ERROR",
+            message: k instanceof Error ? k.message : "Unknown error"
+          });
+        } finally {
+          n.current = null, !m && !_.signal.aborted && (e({ type: "STREAM_DONE" }), (O = (D = c.current) == null ? void 0 : D.onStreamEnd) == null || O.call(D));
+        }
+      })();
+    },
+    [s, t.isStreaming]
+  ), p = N(() => {
+    n.current && (n.current.abort(), n.current = null), e({ type: "STREAM_DONE" });
+  }, []), S = N(() => {
+    n.current && (n.current.abort(), n.current = null), e({ type: "RESET" });
+  }, []), E = N(
+    (g, _) => {
+      e({ type: "CONFIRMATION_RESPONDED", correlationId: g, approved: _ });
+      const u = _ ? `I approve the action (correlation: ${g})` : `I deny the action (correlation: ${g})`;
+      t.isStreaming || i(u);
+    },
+    [i, t.isStreaming]
+  );
+  return I(
+    () => () => {
+      n.current && n.current.abort();
+    },
+    []
+  ), {
+    messages: t.messages,
+    send: i,
+    stop: p,
+    isStreaming: t.isStreaming,
+    activeToolCalls: t.activeToolCalls,
+    sessionId: t.sessionId,
+    error: t.error,
+    reset: S,
+    respondToConfirmation: E
+  };
+}
+/**
+ * @license
+ * Copyright 2025 Amodal Labs, Inc.
+ * SPDX-License-Identifier: MIT
+ */
+function Q({ confirmation: r, onApprove: s, onDeny: t }) {
+  const e = r.status === "pending";
+  return /* @__PURE__ */ w("div", { className: "amodal-confirm-card", "data-testid": "confirm-card", children: [
+    /* @__PURE__ */ w("div", { className: "amodal-confirm-card__header", children: [
+      /* @__PURE__ */ v("span", { className: "amodal-confirm-card__method", children: r.method }),
+      /* @__PURE__ */ v("span", { className: "amodal-confirm-card__endpoint", children: r.endpoint })
+    ] }),
+    /* @__PURE__ */ v("p", { className: "amodal-confirm-card__reason", children: r.reason }),
+    e ? /* @__PURE__ */ w("div", { className: "amodal-confirm-card__actions", children: [
+      /* @__PURE__ */ v(
+        "button",
+        {
+          className: "amodal-confirm-card__btn amodal-confirm-card__btn--approve",
+          onClick: s,
+          "data-testid": "confirm-approve",
+          children: "Approve"
+        }
+      ),
+      /* @__PURE__ */ v(
+        "button",
+        {
+          className: "amodal-confirm-card__btn amodal-confirm-card__btn--deny",
+          onClick: t,
+          "data-testid": "confirm-deny",
+          children: "Deny"
+        }
+      )
+    ] }) : /* @__PURE__ */ v("div", { className: "amodal-confirm-card__status", "data-testid": "confirm-status", children: r.status === "approved" ? "Approved" : "Denied" })
+  ] });
+}
+/**
+ * @license
+ * Copyright 2025 Amodal Labs, Inc.
+ * SPDX-License-Identifier: MIT
+ */
+function W({ confirmation: r, onApprove: s, onDeny: t }) {
+  const e = r.status === "pending";
+  return /* @__PURE__ */ w("div", { className: "amodal-review-card", "data-testid": "review-card", children: [
+    /* @__PURE__ */ w("div", { className: "amodal-review-card__header", children: [
+      /* @__PURE__ */ v("span", { className: "amodal-review-card__method", children: r.method }),
+      /* @__PURE__ */ v("span", { className: "amodal-review-card__endpoint", children: r.endpoint }),
+      r.escalated && /* @__PURE__ */ v("span", { className: "amodal-review-card__badge", "data-testid": "escalation-badge", children: "Escalated" })
+    ] }),
+    r.connectionName && /* @__PURE__ */ w("div", { className: "amodal-review-card__connection", children: [
+      "Connection: ",
+      r.connectionName
+    ] }),
+    /* @__PURE__ */ v("p", { className: "amodal-review-card__reason", children: r.reason }),
+    r.params && Object.keys(r.params).length > 0 && /* @__PURE__ */ w("div", { className: "amodal-review-card__params", "data-testid": "review-params", children: [
+      /* @__PURE__ */ v("div", { className: "amodal-review-card__params-title", children: "Parameters" }),
+      /* @__PURE__ */ v("pre", { className: "amodal-review-card__params-body", children: JSON.stringify(r.params, null, 2) })
+    ] }),
+    e ? /* @__PURE__ */ w("div", { className: "amodal-review-card__actions", children: [
+      /* @__PURE__ */ v(
+        "button",
+        {
+          className: "amodal-review-card__btn amodal-review-card__btn--approve",
+          onClick: s,
+          "data-testid": "review-approve",
+          children: "Approve"
+        }
+      ),
+      /* @__PURE__ */ v(
+        "button",
+        {
+          className: "amodal-review-card__btn amodal-review-card__btn--deny",
+          onClick: t,
+          "data-testid": "review-deny",
+          children: "Deny"
+        }
+      )
+    ] }) : /* @__PURE__ */ v("div", { className: "amodal-review-card__status", "data-testid": "review-status", children: r.status === "approved" ? "Approved" : "Denied" })
+  ] });
+}
+function ee({
+  placeholder: r = "Type a message...",
+  renderText: s,
+  renderToolCall: t,
+  renderConfirmation: e,
+  className: a,
+  ...n
+}) {
+  const { messages: c, send: i, isStreaming: p, respondToConfirmation: S } = J(n), [E, g] = y(""), _ = T(null), u = N(
+    (o) => {
+      o.preventDefault();
+      const d = E.trim();
+      d.length === 0 || p || (g(""), i(d));
+    },
+    [E, p, i]
+  ), m = ["amodal-chat", a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ w("div", { className: m, "data-testid": "amodal-chat", children: [
+    /* @__PURE__ */ w("div", { className: "amodal-chat__messages", "data-testid": "message-list", children: [
+      c.map((o) => {
+        switch (o.type) {
+          case "user":
+            return /* @__PURE__ */ v("div", { className: "amodal-chat__message amodal-chat__message--user", "data-testid": "user-message", children: o.text }, o.id);
+          case "assistant_text":
+            return /* @__PURE__ */ v("div", { className: "amodal-chat__message amodal-chat__message--assistant", "data-testid": "assistant-message", children: o.contentBlocks.map((d, f) => {
+              switch (d.type) {
+                case "text":
+                  return /* @__PURE__ */ v("div", { className: "amodal-chat__text", children: s ? s(d.text) : d.text }, `text-${String(f)}`);
+                case "tool_calls":
+                  return /* @__PURE__ */ v("div", { className: "amodal-chat__tool-calls", children: d.calls.map(
+                    (l) => t ? /* @__PURE__ */ v("div", { children: t(l) }, l.toolId) : /* @__PURE__ */ w("div", { className: "amodal-chat__tool-call", "data-testid": "tool-call", children: [
+                      /* @__PURE__ */ v("span", { className: "amodal-chat__tool-name", children: l.toolName }),
+                      /* @__PURE__ */ v("span", { className: "amodal-chat__tool-status", children: l.status })
+                    ] }, l.toolId)
+                  ) }, `tools-${String(f)}`);
+                case "confirmation": {
+                  const l = d.confirmation, b = () => {
+                    l.correlationId && S(l.correlationId, !0);
+                  }, A = () => {
+                    l.correlationId && S(l.correlationId, !1);
+                  };
+                  return e ? /* @__PURE__ */ v("div", { children: e(l, b, A) }, `conf-${String(f)}`) : l.escalated || l.params && Object.keys(l.params).length > 0 ? /* @__PURE__ */ v(W, { confirmation: l, onApprove: b, onDeny: A }, `conf-${String(f)}`) : /* @__PURE__ */ v(Q, { confirmation: l, onApprove: b, onDeny: A }, `conf-${String(f)}`);
+                }
+                case "widget":
+                  return /* @__PURE__ */ v("div", { className: "amodal-chat__widget", "data-testid": "widget", children: d.widgetType }, `widget-${String(f)}`);
+                default:
+                  return null;
+              }
+            }) }, o.id);
+          case "error":
+            return /* @__PURE__ */ v("div", { className: "amodal-chat__message amodal-chat__message--error", "data-testid": "error-message", children: o.message }, o.id);
+          default:
+            return null;
+        }
+      }),
+      /* @__PURE__ */ v("div", { ref: _ })
+    ] }),
+    /* @__PURE__ */ w("form", { className: "amodal-chat__input-bar", onSubmit: u, "data-testid": "input-bar", children: [
+      /* @__PURE__ */ v(
+        "input",
+        {
+          className: "amodal-chat__input",
+          value: E,
+          onChange: (o) => g(o.target.value),
+          placeholder: r,
+          disabled: p,
+          "data-testid": "chat-input"
+        }
+      ),
+      /* @__PURE__ */ v(
+        "button",
+        {
+          className: "amodal-chat__send",
+          type: "submit",
+          disabled: p || E.trim().length === 0,
+          "data-testid": "send-button",
+          children: "Send"
+        }
+      )
+    ] })
+  ] });
+}
+function te({ prompt: r, label: s, context: t, onComplete: e, onError: a }) {
+  const [n, c] = y(!1), { messages: i, send: p, isStreaming: S, respondToConfirmation: E } = J({
+    context: t,
+    onStreamEnd: () => {
+      const o = i[i.length - 1];
+      o && o.type === "assistant_text" ? e == null || e(o.text) : o && o.type === "error" && (a == null || a(o.message));
+    }
+  }), g = N(() => {
+    n || S || (c(!0), p(r));
+  }, [n, S, p, r]), _ = [...i].reverse().find((o) => o.type === "assistant_text"), u = _ && _.type === "assistant_text" ? _.confirmations.filter((o) => o.status === "pending") : [], m = (o, d) => {
+    const f = () => {
+      o.correlationId && E(o.correlationId, !0);
+    }, l = () => {
+      o.correlationId && E(o.correlationId, !1);
+    };
+    return o.escalated || o.params && Object.keys(o.params).length > 0 ? /* @__PURE__ */ v(
+      W,
+      {
+        confirmation: o,
+        onApprove: f,
+        onDeny: l
+      },
+      o.correlationId ?? String(d)
+    ) : /* @__PURE__ */ v(
+      Q,
+      {
+        confirmation: o,
+        onApprove: f,
+        onDeny: l
+      },
+      o.correlationId ?? String(d)
+    );
+  };
+  return n ? /* @__PURE__ */ w("div", { className: "amodal-action", "data-testid": "action-container", children: [
+    S && /* @__PURE__ */ v("div", { className: "amodal-action__loading", "data-testid": "action-loading", children: "Processing..." }),
+    _ && _.type === "assistant_text" && _.text && /* @__PURE__ */ v("div", { className: "amodal-action__result", "data-testid": "action-result", children: _.text }),
+    u.map(m)
+  ] }) : /* @__PURE__ */ v(
+    "button",
+    {
+      className: "amodal-action__trigger",
+      onClick: g,
+      "data-testid": "action-trigger",
+      children: s ?? "Run"
+    }
+  );
+}
+/**
+ * @license
+ * Copyright 2025 Amodal Labs, Inc.
+ * SPDX-License-Identifier: MIT
+ */
+function re(r) {
+  const { prompt: s, context: t, autoFetch: e = !0 } = r, { client: a } = C(), [n, c] = y(null), [i, p] = y(!1), [S, E] = y(null), g = T(null), _ = T(!1), u = N(async () => {
+    g.current && g.current.abort();
+    const o = new AbortController();
+    g.current = o, p(!0), E(null);
+    try {
+      let d = "";
+      const f = [];
+      for await (const l of a.chatStream(s, { context: t, signal: o.signal }))
+        switch (l.type) {
+          case "text_delta":
+            d += l.content;
+            break;
+          case "tool_call_start":
+            f.push({
+              toolId: l.tool_id,
+              toolName: l.tool_name,
+              parameters: l.parameters,
+              status: "running"
+            });
+            break;
+          case "tool_call_result": {
+            const b = f.find((A) => A.toolId === l.tool_id);
+            b && (b.status = l.status, b.result = l.result, b.duration_ms = l.duration_ms, b.error = l.error);
+            break;
+          }
+          case "error":
+            E(l.message);
+            break;
+          default:
+            break;
+        }
+      c({ text: d, toolCalls: f });
+    } catch (d) {
+      d instanceof DOMException && d.name === "AbortError" || E(d instanceof Error ? d.message : "Unknown error");
+    } finally {
+      p(!1), g.current = null;
+    }
+  }, [a, s, t]), m = N(() => {
+    u();
+  }, [u]);
+  return I(() => (e && !_.current && (_.current = !0, u()), () => {
+    g.current && g.current.abort();
+  }), [e, u]), { brief: n, isLoading: i, error: S, refresh: m };
+}
+/**
+ * @license
+ * Copyright 2025 Amodal Labs, Inc.
+ * SPDX-License-Identifier: MIT
+ */
+function se(r) {
+  const { prompt: s, context: t, autoFetch: e = !0 } = r, { client: a } = C(), [n, c] = y("idle"), [i, p] = y(""), [S, E] = y(""), [g, _] = y(null), u = T(null), m = T(!1), o = N(async () => {
+    u.current && u.current.abort();
+    const f = new AbortController();
+    u.current = f, c("loading"), _(null), p(""), E("");
+    try {
+      let l = "";
+      for await (const A of a.chatStream(s, { context: t, signal: f.signal }))
+        switch (A.type) {
+          case "text_delta":
+            l += A.content;
+            break;
+          case "error":
+            _(A.message), c("error");
+            return;
+          default:
+            break;
+        }
+      const b = l.indexOf(`
+
+`);
+      b >= 0 ? (p(l.slice(0, b).trim()), E(l.slice(b + 2).trim())) : p(l.trim()), c("done");
+    } catch (l) {
+      l instanceof DOMException && l.name === "AbortError" || (_(l instanceof Error ? l.message : "Unknown error"), c("error"));
+    } finally {
+      u.current = null;
+    }
+  }, [a, s, t]), d = N(() => {
+    o();
+  }, [o]);
+  return I(() => (e && !m.current && (m.current = !0, o()), () => {
+    u.current && u.current.abort();
+  }), [e, o]), { status: n, summary: i, details: S, isLoading: n === "loading", error: g, refresh: d };
+}
+/**
+ * @license
+ * Copyright 2025 Amodal Labs, Inc.
+ * SPDX-License-Identifier: MIT
+ */
+function ne(r) {
+  const { taskId: s, autoStream: t = !0 } = r, { client: e } = C(), [a, n] = y("idle"), [c, i] = y(""), [p, S] = y(""), [E, g] = y([]), [_, u] = y(null), m = T(null), o = T(!1), d = N(async () => {
+    m.current && m.current.abort();
+    const b = new AbortController();
+    m.current = b, n("running"), u(null), g([]), S(""), i("");
+    try {
+      let A = "";
+      for await (const x of e.streamTask(s, b.signal))
+        switch (g((R) => [...R, x]), x.type) {
+          case "text_delta":
+            A += x.content, S(A);
+            break;
+          case "tool_call_start":
+            i(`Running ${x.tool_name}...`);
+            break;
+          case "tool_call_result":
+            i("");
+            break;
+          case "error":
+            u(x.message), n("error");
+            return;
+          case "done":
+            n("completed");
+            return;
+          default:
+            break;
+        }
+      a === "running" && n("completed");
+    } catch (A) {
+      A instanceof DOMException && A.name === "AbortError" || (u(A instanceof Error ? A.message : "Unknown error"), n("error"));
+    } finally {
+      m.current = null;
+    }
+  }, [e, s, a]), f = N(() => {
+    m.current && (m.current.abort(), m.current = null);
+  }, []), l = T(d);
+  return l.current = d, I(() => (t && !o.current && (o.current = !0, l.current()), () => {
+    m.current && m.current.abort();
+  }), [t]), {
+    status: a,
+    progress: c,
+    result: p,
+    events: E,
+    error: _,
+    start: () => void d(),
+    stop: f
+  };
+}
+/**
+ * @license
+ * Copyright 2025 Amodal Labs, Inc.
+ * SPDX-License-Identifier: MIT
+ */
+function ae(r) {
+  const { prompt: s, context: t, autoFetch: e = !0 } = r, { client: a } = C(), [n, c] = y(null), [i, p] = y(!1), [S, E] = y(null), g = T(null), _ = T(!1), u = N(async () => {
+    g.current && g.current.abort();
+    const o = new AbortController();
+    g.current = o, p(!0), E(null);
+    try {
+      let d = "";
+      for await (const f of a.chatStream(s, { context: t, signal: o.signal }))
+        switch (f.type) {
+          case "text_delta":
+            d += f.content;
+            break;
+          case "error":
+            E(f.message);
+            break;
+          default:
+            break;
+        }
+      c(d);
+    } catch (d) {
+      d instanceof DOMException && d.name === "AbortError" || E(d instanceof Error ? d.message : "Unknown error");
+    } finally {
+      p(!1), g.current = null;
+    }
+  }, [a, s, t]), m = N(() => {
+    u();
+  }, [u]);
+  return I(() => (e && !_.current && (_.current = !0, u()), () => {
+    g.current && g.current.abort();
+  }), [e, u]), { data: n, isLoading: i, error: S, refetch: m };
+}
+/**
+ * @license
+ * Copyright 2025 Amodal Labs, Inc.
+ * SPDX-License-Identifier: MIT
+ */
+function oe(r, s) {
+  const { key: t, refreshInterval: e = 3e4 } = s, { client: a } = C(), [n, c] = y(null), [i, p] = y([]), [S, E] = y(!0), [g, _] = y(null), u = T(null), m = N(async () => {
+    u.current && u.current.abort();
+    const d = new AbortController();
+    u.current = d;
+    try {
+      const f = await a.getStoreDocument(r, t, d.signal);
+      c(f.document), p(f.history), _(null);
+    } catch (f) {
+      f instanceof DOMException && f.name === "AbortError" || _(f instanceof Error ? f.message : "Failed to fetch document");
+    } finally {
+      E(!1), u.current = null;
+    }
+  }, [a, r, t]), o = N(() => {
+    m();
+  }, [m]);
+  return I(() => (E(!0), m(), () => {
+    u.current && u.current.abort();
+  }), [m]), I(() => {
+    if (e <= 0) return;
+    const d = setInterval(() => {
+      m();
+    }, e);
+    return () => clearInterval(d);
+  }, [m, e]), {
+    data: (n == null ? void 0 : n.payload) ?? null,
+    meta: (n == null ? void 0 : n.meta) ?? null,
+    document: n,
+    history: i,
+    isLoading: S,
+    error: g,
+    refetch: o
+  };
+}
+/**
+ * @license
+ * Copyright 2025 Amodal Labs, Inc.
+ * SPDX-License-Identifier: MIT
+ */
+function le(r, s = {}) {
+  const { filter: t, sort: e, limit: a = 20, refreshInterval: n = 3e4 } = s, { client: c } = C(), [i, p] = y([]), [S, E] = y(0), [g, _] = y(!1), [u, m] = y(!0), [o, d] = y(null), f = T(null), l = t ? JSON.stringify(t) : "", b = N(async () => {
+    f.current && f.current.abort();
+    const x = new AbortController();
+    f.current = x;
+    try {
+      const R = await c.getStoreDocuments(r, {
+        filter: l ? JSON.parse(l) : void 0,
+        sort: e,
+        limit: a,
+        signal: x.signal
+      });
+      p(R.documents), E(R.total), _(R.hasMore), d(null);
+    } catch (R) {
+      R instanceof DOMException && R.name === "AbortError" || d(R instanceof Error ? R.message : "Failed to fetch store list");
+    } finally {
+      m(!1), f.current = null;
+    }
+  }, [c, r, l, e, a]), A = N(() => {
+    b();
+  }, [b]);
+  return I(() => (m(!0), b(), () => {
+    f.current && f.current.abort();
+  }), [b]), I(() => {
+    if (n <= 0) return;
+    const x = setInterval(() => {
+      b();
+    }, n);
+    return () => clearInterval(x);
+  }, [b, n]), {
+    data: i.map((x) => x.payload),
+    documents: i,
+    total: S,
+    hasMore: g,
+    isLoading: u,
+    error: o,
+    refetch: A
+  };
+}
+/**
+ * @license
+ * Copyright 2025 Amodal Labs, Inc.
+ * SPDX-License-Identifier: MIT
+ */
+function ce(r, s = {}) {
+  const { client: t } = C(), [e, a] = y(!1), [n, c] = y(null), [i, p] = y(null), S = T(null);
+  return { execute: N(
+    (g) => {
+      S.current && S.current.abort();
+      const _ = new AbortController();
+      S.current = _, a(!0), c(null), p(null);
+      let u = `Run skill "${r}"`;
+      g && Object.keys(g).length > 0 && (u += ` with parameters: ${JSON.stringify(g)}`), s.stores && s.stores.length > 0 && (u += `. Write results to stores: ${s.stores.join(", ")}`), s.confirm && (u += ". Confirm before writing."), (async () => {
+        try {
+          let m = "";
+          for await (const o of t.chatStream(u, { signal: _.signal }))
+            switch (o.type) {
+              case "text_delta":
+                m += o.content;
+                break;
+              case "error":
+                p(o.message);
+                break;
+              default:
+                break;
+            }
+          c(m);
+        } catch (m) {
+          m instanceof DOMException && m.name === "AbortError" || p(m instanceof Error ? m.message : "Skill execution failed");
+        } finally {
+          a(!1), S.current = null;
+        }
+      })();
+    },
+    [t, r, s.stores, s.confirm]
+  ), loading: e, result: n, error: i };
+}
+/**
+ * @license
+ * Copyright 2025 Amodal Labs, Inc.
+ * SPDX-License-Identifier: MIT
+ */
+const q = P(null);
+function ie() {
+  const r = j(q), s = N((t, e) => {
+  }, []);
+  return r ?? s;
+}
+export {
+  te as AmodalAction,
+  ee as AmodalChat,
+  Z as AmodalProvider,
+  Q as ConfirmCard,
+  q as NavigateContext,
+  W as ReviewCard,
+  V as RuntimeClient,
+  me as parseSSELine,
+  fe as streamSSE,
+  pe as streamSSEGet,
+  re as useAmodalBrief,
+  J as useAmodalChat,
+  C as useAmodalContext,
+  se as useAmodalInsight,
+  ae as useAmodalQuery,
+  ne as useAmodalTask,
+  ie as useNavigate,
+  ce as useSkillAction,
+  oe as useStore,
+  le as useStoreList
+};
+//# sourceMappingURL=react.js.map