@amodalai/react 0.2.0 → 0.2.1

package/dist/react.js

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