@amodalai/react 0.1.6 → 0.1.9

package/dist/react.js

@@ -1,10 +1,10 @@
 import { jsx as v, jsxs as w } from "react/jsx-runtime";
-import { createContext as F, useMemo as B, useContext as j, useReducer as Q, useRef as N, useCallback as A, useEffect as R, useState as y } from "react";
+import { createContext as F, useMemo as B, useContext as U, useReducer as Q, useRef as N, useCallback as A, useEffect as R, useState as y } from "react";
 import { RuntimeClient as V } from "./client.js";
 import { ChatClient as me, ChatStream as fe } from "./client.js";
-import { a as ge, d as _e, m as he, u as ve, b as ye, c as Ee } from "./theme-BaBR_tym.js";
-import { T as be, W as Te, c as Ae, a as Ne, d as xe, g as Ce, l as we, p as Re, s as Ie, b as ke, e as De, u as Me } from "./event-bus-h26clqbZ.js";
-const U = F(null);
+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 we, p as Re, s as ke, b as Ie, e as De, u as Me } from "./event-bus-h26clqbZ.js";
+const j = F(null);
 function Z({ runtimeUrl: s, tenantId: r, getToken: t, children: e }) {
   const n = B(
     () => new V({ runtimeUrl: s, tenantId: r, getToken: t }),
@@ -13,10 +13,10 @@ function Z({ runtimeUrl: s, tenantId: r, getToken: t, children: e }) {
     () => ({ client: n, runtimeUrl: s, tenantId: r }),
     [n, s, r]
   );
-  return /* @__PURE__ */ v(U.Provider, { value: a, children: e });
+  return /* @__PURE__ */ v(j.Provider, { value: a, children: e });
 }
-function I() {
-  const s = j(U);
+function k() {
+  const s = U(j);
   if (!s)
     throw new Error("useAmodalContext must be used within an <AmodalProvider>");
   return s;
@@ -32,7 +32,8 @@ const G = {
   isStreaming: !1,
   error: null,
   activeToolCalls: [],
-  isHistorical: !1
+  isHistorical: !1,
+  usage: { inputTokens: 0, outputTokens: 0 }
 };
 let $ = 0;
 function P() {
@@ -84,8 +85,8 @@ function X(s, r) {
         status: "running"
       };
       if (e && e.type === "assistant_text") {
-        const a = [...e.toolCalls, n], c = [...e.contentBlocks], i = c[c.length - 1];
-        i && i.type === "tool_calls" ? c[c.length - 1] = { type: "tool_calls", calls: [...i.calls, n] } : c.push({ type: "tool_calls", calls: [n] }), t[t.length - 1] = { ...e, toolCalls: a, contentBlocks: c };
+        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,
@@ -96,16 +97,16 @@ function X(s, r) {
     case "STREAM_TOOL_CALL_RESULT": {
       const t = [...s.messages], e = t[t.length - 1];
       if (e && e.type === "assistant_text") {
-        const a = (p) => p.toolId === r.toolId ? {
-          ...p,
+        const a = (i) => i.toolId === r.toolId ? {
+          ...i,
           status: r.status,
           result: r.result,
           duration_ms: r.duration_ms,
           error: r.error
-        } : p, c = e.toolCalls.map(a), i = e.contentBlocks.map(
-          (p) => p.type === "tool_calls" ? { ...p, calls: p.calls.map(a) } : p
+        } : 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: i };
+        t[t.length - 1] = { ...e, toolCalls: c, contentBlocks: u };
       }
       const n = s.activeToolCalls.filter(
         (a) => a.toolId !== r.toolId
@@ -115,8 +116,8 @@ function X(s, r) {
     case "STREAM_SUBAGENT_EVENT": {
       const t = [...s.messages], e = t[t.length - 1];
       if (e && e.type === "assistant_text") {
-        const n = (i) => i.toolId === r.parentToolId ? { ...i, subagentEvents: [...i.subagentEvents ?? [], r.event] } : i, a = e.toolCalls.map(n), c = e.contentBlocks.map(
-          (i) => i.type === "tool_calls" ? { ...i, calls: i.calls.map(n) } : i
+        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 };
       }
@@ -169,12 +170,13 @@ function X(s, r) {
     case "STREAM_DONE": {
       const t = [...s.messages], e = t[t.length - 1];
       if (e && e.type === "assistant_text") {
-        const n = (i) => i.status === "running" ? { ...i, status: "error", error: "Stopped" } : i, a = e.toolCalls.map(n), c = e.contentBlocks.map(
-          (i) => i.type === "tool_calls" ? { ...i, calls: i.calls.map(n) } : i
+        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: a, contentBlocks: c };
+        t[t.length - 1] = { ...e, toolCalls: c, contentBlocks: u };
       }
-      return { ...s, messages: t, isStreaming: !1, activeToolCalls: [] };
+      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 };
@@ -183,124 +185,127 @@ function X(s, r) {
   }
 }
 function W(s) {
-  const { client: r } = I(), [t, e] = Q(X, G), n = N(null), a = N(null), c = N(s);
-  c.current = s, n.current = t.sessionId;
-  const i = A(
-    (g) => {
+  const { client: r } = k(), [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: g });
-      const _ = new AbortController();
-      a.current = _, (async () => {
-        var o, d, f, l, b, T, x, C, M, D, O;
-        let m = !1;
+      e({ type: "SEND_MESSAGE", text: _ });
+      const h = new AbortController();
+      a.current = h, (async () => {
+        var o, d, p, l, b, T, x, C, M, D, O;
+        let f = !1;
         try {
-          const k = r.chatStream(g, {
+          const I = r.chatStream(_, {
             sessionId: n.current ?? void 0,
             context: (o = c.current) == null ? void 0 : o.context,
-            signal: _.signal
+            signal: h.signal
           });
-          for await (const h of k)
-            switch (h.type) {
+          for await (const g of I)
+            switch (g.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);
+                e({ type: "STREAM_INIT", sessionId: g.session_id }), (p = (d = c.current) == null ? void 0 : d.onSessionCreated) == null || p.call(d, g.session_id);
                 break;
               case "text_delta":
-                e({ type: "STREAM_TEXT_DELTA", content: h.content });
+                e({ type: "STREAM_TEXT_DELTA", content: g.content });
                 break;
               case "tool_call_start":
                 e({
                   type: "STREAM_TOOL_CALL_START",
-                  toolId: h.tool_id,
-                  toolName: h.tool_name,
-                  parameters: h.parameters
+                  toolId: g.tool_id,
+                  toolName: g.tool_name,
+                  parameters: g.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
+                  toolId: g.tool_id,
+                  status: g.status,
+                  result: g.result,
+                  duration_ms: g.duration_ms,
+                  error: g.error
                 }), (b = (l = c.current) == null ? void 0 : l.onToolCall) == null || b.call(l, {
-                  toolId: h.tool_id,
+                  toolId: g.tool_id,
                   toolName: "",
                   parameters: {},
-                  status: h.status,
-                  result: h.result,
-                  duration_ms: h.duration_ms,
-                  error: h.error
+                  status: g.status,
+                  result: g.result,
+                  duration_ms: g.duration_ms,
+                  error: g.error
                 });
                 break;
               case "subagent_event":
                 e({
                   type: "STREAM_SUBAGENT_EVENT",
-                  parentToolId: h.parent_tool_id,
+                  parentToolId: g.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
+                    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: h.widget_type,
-                  data: h.data
+                  widgetType: g.widget_type,
+                  data: g.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,
+                  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: h.message });
+                e({ type: "STREAM_ERROR", message: g.message });
                 break;
               case "done":
-                m = !0, e({ type: "STREAM_DONE" }), (M = (C = c.current) == null ? void 0 : C.onStreamEnd) == null || M.call(C);
+                f = !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({
+        } catch (I) {
+          I instanceof DOMException && I.name === "AbortError" || e({
             type: "STREAM_ERROR",
-            message: k instanceof Error ? k.message : "Unknown error"
+            message: I instanceof Error ? I.message : "Unknown error"
           });
         } finally {
-          a.current = null, !m && !_.signal.aborted && (e({ type: "STREAM_DONE" }), (O = (D = c.current) == null ? void 0 : D.onStreamEnd) == null || O.call(D));
+          a.current = null, !f && !h.signal.aborted && (e({ type: "STREAM_DONE" }), (O = (D = c.current) == null ? void 0 : D.onStreamEnd) == null || O.call(D));
         }
       })();
     },
     [r, t.isStreaming]
-  ), p = A(() => {
+  ), i = A(() => {
     a.current && (a.current.abort(), a.current = null), e({ type: "STREAM_DONE" });
   }, []), S = A(() => {
     a.current && (a.current.abort(), a.current = null), e({ type: "RESET" });
   }, []), E = A(
-    (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);
+    (_, 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);
     },
-    [i, t.isStreaming]
+    [u, t.isStreaming]
   );
   return R(
     () => () => {
@@ -309,12 +314,13 @@ function W(s) {
     []
   ), {
     messages: t.messages,
-    send: i,
-    stop: p,
+    send: u,
+    stop: i,
     isStreaming: t.isStreaming,
     activeToolCalls: t.activeToolCalls,
     sessionId: t.sessionId,
     error: t.error,
+    usage: t.usage,
     reset: S,
     respondToConfirmation: E
   };
@@ -406,42 +412,42 @@ function ee({
   className: n,
   ...a
 }) {
-  const { messages: c, send: i, isStreaming: p, respondToConfirmation: S } = W(a), [E, g] = y(""), _ = N(null), u = 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 || p || (g(""), i(d));
+      d.length === 0 || i || (_(""), u(d));
     },
-    [E, p, i]
-  ), m = ["amodal-chat", n].filter(Boolean).join(" ");
-  return /* @__PURE__ */ w("div", { className: m, "data-testid": "amodal-chat", children: [
+    [E, i, u]
+  ), f = ["amodal-chat", n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ w("div", { className: f, "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) => {
+            return /* @__PURE__ */ v("div", { className: "amodal-chat__message amodal-chat__message--assistant", "data-testid": "assistant-message", children: o.contentBlocks.map((d, p) => {
               switch (d.type) {
                 case "text":
-                  return /* @__PURE__ */ v("div", { className: "amodal-chat__text", children: r ? r(d.text) : d.text }, `text-${String(f)}`);
+                  return /* @__PURE__ */ v("div", { className: "amodal-chat__text", children: r ? r(d.text) : d.text }, `text-${String(p)}`);
                 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)}`);
+                  ) }, `tools-${String(p)}`);
                 case "confirmation": {
                   const l = d.confirmation, b = () => {
                     l.correlationId && S(l.correlationId, !0);
                   }, T = () => {
                     l.correlationId && S(l.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 e ? /* @__PURE__ */ v("div", { children: e(l, b, T) }, `conf-${String(p)}`) : l.escalated || l.params && Object.keys(l.params).length > 0 ? /* @__PURE__ */ v(J, { confirmation: l, onApprove: b, onDeny: T }, `conf-${String(p)}`) : /* @__PURE__ */ v(H, { confirmation: l, onApprove: b, onDeny: T }, `conf-${String(p)}`);
                 }
                 case "widget":
-                  return /* @__PURE__ */ v("div", { className: "amodal-chat__widget", "data-testid": "widget", children: d.widgetType }, `widget-${String(f)}`);
+                  return /* @__PURE__ */ v("div", { className: "amodal-chat__widget", "data-testid": "widget", children: d.widgetType }, `widget-${String(p)}`);
                 default:
                   return null;
               }
@@ -452,17 +458,17 @@ function ee({
             return null;
         }
       }),
-      /* @__PURE__ */ v("div", { ref: _ })
+      /* @__PURE__ */ v("div", { ref: h })
     ] }),
-    /* @__PURE__ */ w("form", { className: "amodal-chat__input-bar", onSubmit: u, "data-testid": "input-bar", children: [
+    /* @__PURE__ */ w("form", { className: "amodal-chat__input-bar", onSubmit: m, "data-testid": "input-bar", children: [
       /* @__PURE__ */ v(
         "input",
         {
           className: "amodal-chat__input",
           value: E,
-          onChange: (o) => g(o.target.value),
+          onChange: (o) => _(o.target.value),
           placeholder: s,
-          disabled: p,
+          disabled: i,
           "data-testid": "chat-input"
         }
       ),
@@ -471,7 +477,7 @@ function ee({
         {
           className: "amodal-chat__send",
           type: "submit",
-          disabled: p || E.trim().length === 0,
+          disabled: i || E.trim().length === 0,
           "data-testid": "send-button",
           children: "Send"
         }
@@ -480,16 +486,16 @@ function ee({
   ] });
 }
 function te({ prompt: s, label: r, context: t, onComplete: e, onError: n }) {
-  const [a, c] = y(!1), { messages: i, send: p, isStreaming: S, respondToConfirmation: E } = W({
+  const [a, c] = y(!1), { messages: u, send: i, isStreaming: S, respondToConfirmation: E } = W({
     context: t,
     onStreamEnd: () => {
-      const o = i[i.length - 1];
+      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));
     }
-  }), g = A(() => {
-    a || S || (c(!0), p(s));
-  }, [a, S, p, s]), _ = [...i].reverse().find((o) => o.type === "assistant_text"), u = _ && _.type === "assistant_text" ? _.confirmations.filter((o) => o.status === "pending") : [], m = (o, d) => {
-    const f = () => {
+  }), _ = 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") : [], f = (o, d) => {
+    const p = () => {
       o.correlationId && E(o.correlationId, !0);
     }, l = () => {
       o.correlationId && E(o.correlationId, !1);
@@ -498,7 +504,7 @@ function te({ prompt: s, label: r, context: t, onComplete: e, onError: n }) {
       J,
       {
         confirmation: o,
-        onApprove: f,
+        onApprove: p,
         onDeny: l
       },
       o.correlationId ?? String(d)
@@ -506,7 +512,7 @@ function te({ prompt: s, label: r, context: t, onComplete: e, onError: n }) {
       H,
       {
         confirmation: o,
-        onApprove: f,
+        onApprove: p,
         onDeny: l
       },
       o.correlationId ?? String(d)
@@ -514,13 +520,13 @@ function te({ prompt: s, label: r, context: t, onComplete: e, onError: n }) {
   };
   return a ? /* @__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)
+    h && h.type === "assistant_text" && h.text && /* @__PURE__ */ v("div", { className: "amodal-action__result", "data-testid": "action-result", children: h.text }),
+    m.map(f)
   ] }) : /* @__PURE__ */ v(
     "button",
     {
       className: "amodal-action__trigger",
-      onClick: g,
+      onClick: _,
       "data-testid": "action-trigger",
       children: r ?? "Run"
     }
@@ -532,20 +538,20 @@ function te({ prompt: s, label: r, context: t, onComplete: e, onError: n }) {
  * SPDX-License-Identifier: MIT
  */
 function se(s) {
-  const { prompt: r, context: t, autoFetch: e = !0 } = s, { client: n } = I(), [a, c] = y(null), [i, p] = y(!1), [S, E] = y(null), g = N(null), _ = N(!1), u = A(async () => {
-    g.current && g.current.abort();
+  const { prompt: r, context: t, autoFetch: e = !0 } = s, { client: n } = k(), [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();
-    g.current = o, p(!0), E(null);
+    _.current = o, i(!0), E(null);
     try {
       let d = "";
-      const f = [];
+      const p = [];
       for await (const l of n.chatStream(r, { context: t, signal: o.signal }))
         switch (l.type) {
           case "text_delta":
             d += l.content;
             break;
           case "tool_call_start":
-            f.push({
+            p.push({
               toolId: l.tool_id,
               toolName: l.tool_name,
               parameters: l.parameters,
@@ -553,7 +559,7 @@ function se(s) {
             });
             break;
           case "tool_call_result": {
-            const b = f.find((T) => T.toolId === l.tool_id);
+            const b = p.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);
             break;
           }
@@ -563,18 +569,18 @@ function se(s) {
           default:
             break;
         }
-      c({ text: d, toolCalls: f });
+      c({ text: d, toolCalls: p });
     } catch (d) {
       d instanceof DOMException && d.name === "AbortError" || E(d instanceof Error ? d.message : "Unknown error");
     } finally {
-      p(!1), g.current = null;
+      i(!1), _.current = null;
     }
-  }, [n, r, t]), m = A(() => {
-    u();
-  }, [u]);
-  return R(() => (e && !_.current && (_.current = !0, u()), () => {
-    g.current && g.current.abort();
-  }), [e, u]), { brief: a, isLoading: i, error: S, refresh: m };
+  }, [n, r, t]), f = A(() => {
+    m();
+  }, [m]);
+  return R(() => (e && !h.current && (h.current = !0, m()), () => {
+    _.current && _.current.abort();
+  }), [e, m]), { brief: a, isLoading: u, error: S, refresh: f };
 }
 /**
  * @license
@@ -582,19 +588,19 @@ function se(s) {
  * SPDX-License-Identifier: MIT
  */
 function re(s) {
-  const { prompt: r, context: t, autoFetch: e = !0 } = s, { client: n } = I(), [a, c] = y("idle"), [i, p] = y(""), [S, E] = y(""), [g, _] = y(null), u = N(null), m = N(!1), o = A(async () => {
-    u.current && u.current.abort();
-    const f = new AbortController();
-    u.current = f, c("loading"), _(null), p(""), E("");
+  const { prompt: r, context: t, autoFetch: e = !0 } = s, { client: n } = k(), [a, c] = y("idle"), [u, i] = y(""), [S, E] = y(""), [_, h] = y(null), m = N(null), f = N(!1), o = A(async () => {
+    m.current && m.current.abort();
+    const p = new AbortController();
+    m.current = p, c("loading"), h(null), i(""), E("");
     try {
       let l = "";
-      for await (const T of n.chatStream(r, { context: t, signal: f.signal }))
+      for await (const T of n.chatStream(r, { context: t, signal: p.signal }))
         switch (T.type) {
           case "text_delta":
             l += T.content;
             break;
           case "error":
-            _(T.message), c("error");
+            h(T.message), c("error");
             return;
           default:
             break;
@@ -602,18 +608,18 @@ function re(s) {
       const b = l.indexOf(`
 
 `);
-      b >= 0 ? (p(l.slice(0, b).trim()), E(l.slice(b + 2).trim())) : p(l.trim()), c("done");
+      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" || (_(l instanceof Error ? l.message : "Unknown error"), c("error"));
+      l instanceof DOMException && l.name === "AbortError" || (h(l instanceof Error ? l.message : "Unknown error"), c("error"));
     } finally {
-      u.current = null;
+      m.current = null;
     }
   }, [n, r, t]), d = A(() => {
     o();
   }, [o]);
-  return R(() => (e && !m.current && (m.current = !0, o()), () => {
-    u.current && u.current.abort();
-  }), [e, o]), { status: a, summary: i, details: S, isLoading: a === "loading", error: g, refresh: d };
+  return R(() => (e && !f.current && (f.current = !0, o()), () => {
+    m.current && m.current.abort();
+  }), [e, o]), { status: a, summary: u, details: S, isLoading: a === "loading", error: _, refresh: d };
 }
 /**
  * @license
@@ -621,25 +627,25 @@ function re(s) {
  * SPDX-License-Identifier: MIT
  */
 function ae(s) {
-  const { taskId: r, autoStream: t = !0 } = s, { client: e } = I(), [n, a] = y("idle"), [c, i] = y(""), [p, S] = y(""), [E, g] = y([]), [_, u] = y(null), m = N(null), o = N(!1), d = A(async () => {
-    m.current && m.current.abort();
+  const { taskId: r, autoStream: t = !0 } = s, { client: e } = k(), [n, a] = y("idle"), [c, u] = y(""), [i, S] = y(""), [E, _] = y([]), [h, m] = y(null), f = N(null), o = N(!1), d = A(async () => {
+    f.current && f.current.abort();
     const b = new AbortController();
-    m.current = b, a("running"), u(null), g([]), S(""), i("");
+    f.current = b, a("running"), m(null), _([]), S(""), u("");
     try {
       let T = "";
       for await (const x of e.streamTask(r, b.signal))
-        switch (g((C) => [...C, x]), x.type) {
+        switch (_((C) => [...C, x]), x.type) {
           case "text_delta":
             T += x.content, S(T);
             break;
           case "tool_call_start":
-            i(`Running ${x.tool_name}...`);
+            u(`Running ${x.tool_name}...`);
             break;
           case "tool_call_result":
-            i("");
+            u("");
             break;
           case "error":
-            u(x.message), a("error");
+            m(x.message), a("error");
             return;
           case "done":
             a("completed");
@@ -649,23 +655,23 @@ function ae(s) {
         }
       n === "running" && a("completed");
     } catch (T) {
-      T instanceof DOMException && T.name === "AbortError" || (u(T instanceof Error ? T.message : "Unknown error"), a("error"));
+      T instanceof DOMException && T.name === "AbortError" || (m(T instanceof Error ? T.message : "Unknown error"), a("error"));
     } finally {
-      m.current = null;
+      f.current = null;
     }
-  }, [e, r, n]), f = A(() => {
-    m.current && (m.current.abort(), m.current = null);
+  }, [e, r, n]), p = A(() => {
+    f.current && (f.current.abort(), f.current = null);
   }, []), l = N(d);
   return l.current = d, R(() => (t && !o.current && (o.current = !0, l.current()), () => {
-    m.current && m.current.abort();
+    f.current && f.current.abort();
   }), [t]), {
     status: n,
     progress: c,
-    result: p,
+    result: i,
     events: E,
-    error: _,
+    error: h,
     start: () => void d(),
-    stop: f
+    stop: p
   };
 }
 /**
@@ -674,19 +680,19 @@ function ae(s) {
  * SPDX-License-Identifier: MIT
  */
 function ne(s) {
-  const { prompt: r, context: t, autoFetch: e = !0 } = s, { client: n } = I(), [a, c] = y(null), [i, p] = y(!1), [S, E] = y(null), g = N(null), _ = N(!1), u = A(async () => {
-    g.current && g.current.abort();
+  const { prompt: r, context: t, autoFetch: e = !0 } = s, { client: n } = k(), [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();
-    g.current = o, p(!0), E(null);
+    _.current = o, i(!0), E(null);
     try {
       let d = "";
-      for await (const f of n.chatStream(r, { context: t, signal: o.signal }))
-        switch (f.type) {
+      for await (const p of n.chatStream(r, { context: t, signal: o.signal }))
+        switch (p.type) {
           case "text_delta":
-            d += f.content;
+            d += p.content;
             break;
           case "error":
-            E(f.message);
+            E(p.message);
             break;
           default:
             break;
@@ -695,14 +701,14 @@ function ne(s) {
     } catch (d) {
       d instanceof DOMException && d.name === "AbortError" || E(d instanceof Error ? d.message : "Unknown error");
     } finally {
-      p(!1), g.current = null;
+      i(!1), _.current = null;
     }
-  }, [n, r, t]), m = A(() => {
-    u();
-  }, [u]);
-  return R(() => (e && !_.current && (_.current = !0, u()), () => {
-    g.current && g.current.abort();
-  }), [e, u]), { data: a, isLoading: i, error: S, refetch: m };
+  }, [n, r, t]), f = A(() => {
+    m();
+  }, [m]);
+  return R(() => (e && !h.current && (h.current = !0, m()), () => {
+    _.current && _.current.abort();
+  }), [e, m]), { data: a, isLoading: u, error: S, refetch: f };
 }
 /**
  * @license
@@ -710,36 +716,36 @@ function ne(s) {
  * SPDX-License-Identifier: MIT
  */
 function oe(s, r) {
-  const { key: t, refreshInterval: e = 3e4 } = r, { client: n } = I(), [a, c] = y(null), [i, p] = y([]), [S, E] = y(!0), [g, _] = y(null), u = N(null), m = A(async () => {
-    u.current && u.current.abort();
+  const { key: t, refreshInterval: e = 3e4 } = r, { client: n } = k(), [a, c] = y(null), [u, i] = y([]), [S, E] = y(!0), [_, h] = y(null), m = N(null), f = A(async () => {
+    m.current && m.current.abort();
     const d = new AbortController();
-    u.current = d;
+    m.current = d;
     try {
-      const f = await n.getStoreDocument(s, 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");
+      const p = await n.getStoreDocument(s, t, d.signal);
+      c(p.document), i(p.history), h(null);
+    } catch (p) {
+      p instanceof DOMException && p.name === "AbortError" || h(p instanceof Error ? p.message : "Failed to fetch document");
     } finally {
-      E(!1), u.current = null;
+      E(!1), m.current = null;
     }
   }, [n, s, t]), o = A(() => {
-    m();
-  }, [m]);
-  return R(() => (E(!0), m(), () => {
-    u.current && u.current.abort();
-  }), [m]), R(() => {
+    f();
+  }, [f]);
+  return R(() => (E(!0), f(), () => {
+    m.current && m.current.abort();
+  }), [f]), R(() => {
     if (e <= 0) return;
     const d = setInterval(() => {
-      m();
+      f();
     }, e);
     return () => clearInterval(d);
-  }, [m, e]), {
+  }, [f, e]), {
     data: (a == null ? void 0 : a.payload) ?? null,
     meta: (a == null ? void 0 : a.meta) ?? null,
     document: a,
-    history: i,
+    history: u,
     isLoading: S,
-    error: g,
+    error: _,
     refetch: o
   };
 }
@@ -749,10 +755,10 @@ function oe(s, r) {
  * SPDX-License-Identifier: MIT
  */
 function le(s, r = {}) {
-  const { filter: t, sort: e, limit: n = 20, refreshInterval: a = 3e4 } = r, { client: c } = I(), [i, p] = y([]), [S, E] = y(0), [g, _] = y(!1), [u, m] = y(!0), [o, d] = y(null), f = N(null), l = t ? JSON.stringify(t) : "", b = A(async () => {
-    f.current && f.current.abort();
+  const { filter: t, sort: e, limit: n = 20, refreshInterval: a = 3e4 } = r, { client: c } = k(), [u, i] = y([]), [S, E] = y(0), [_, h] = y(!1), [m, f] = y(!0), [o, d] = y(null), p = N(null), l = t ? JSON.stringify(t) : "", b = A(async () => {
+    p.current && p.current.abort();
     const x = new AbortController();
-    f.current = x;
+    p.current = x;
     try {
       const C = await c.getStoreDocuments(s, {
         filter: l ? JSON.parse(l) : void 0,
@@ -760,17 +766,17 @@ function le(s, r = {}) {
         limit: n,
         signal: x.signal
       });
-      p(C.documents), E(C.total), _(C.hasMore), d(null);
+      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");
     } finally {
-      m(!1), f.current = null;
+      f(!1), p.current = null;
     }
   }, [c, s, l, e, n]), T = A(() => {
     b();
   }, [b]);
-  return R(() => (m(!0), b(), () => {
-    f.current && f.current.abort();
+  return R(() => (f(!0), b(), () => {
+    p.current && p.current.abort();
   }), [b]), R(() => {
     if (a <= 0) return;
     const x = setInterval(() => {
@@ -778,11 +784,11 @@ function le(s, r = {}) {
     }, a);
     return () => clearInterval(x);
   }, [b, a]), {
-    data: i.map((x) => x.payload),
-    documents: i,
+    data: u.map((x) => x.payload),
+    documents: u,
     total: S,
-    hasMore: g,
-    isLoading: u,
+    hasMore: _,
+    isLoading: m,
     error: o,
     refetch: T
   };
@@ -793,37 +799,37 @@ function le(s, r = {}) {
  * SPDX-License-Identifier: MIT
  */
 function ce(s, r = {}) {
-  const { client: t } = I(), [e, n] = y(!1), [a, c] = y(null), [i, p] = y(null), S = N(null);
+  const { client: t } = k(), [e, n] = y(!1), [a, c] = y(null), [u, i] = y(null), S = N(null);
   return { execute: A(
-    (g) => {
+    (_) => {
       S.current && S.current.abort();
-      const _ = new AbortController();
-      S.current = _, n(!0), c(null), p(null);
-      let u = `Run skill "${s}"`;
-      g && Object.keys(g).length > 0 && (u += ` with parameters: ${JSON.stringify(g)}`), r.stores && r.stores.length > 0 && (u += `. Write results to stores: ${r.stores.join(", ")}`), r.confirm && (u += ". Confirm before writing."), (async () => {
+      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 () => {
         try {
-          let m = "";
-          for await (const o of t.chatStream(u, { signal: _.signal }))
+          let f = "";
+          for await (const o of t.chatStream(m, { signal: h.signal }))
             switch (o.type) {
               case "text_delta":
-                m += o.content;
+                f += o.content;
                 break;
               case "error":
-                p(o.message);
+                i(o.message);
                 break;
               default:
                 break;
             }
-          c(m);
-        } catch (m) {
-          m instanceof DOMException && m.name === "AbortError" || p(m instanceof Error ? m.message : "Skill execution failed");
+          c(f);
+        } catch (f) {
+          f instanceof DOMException && f.name === "AbortError" || i(f instanceof Error ? f.message : "Skill execution failed");
         } finally {
           n(!1), S.current = null;
         }
       })();
     },
     [t, s, r.stores, r.confirm]
-  ), loading: e, result: a, error: i };
+  ), loading: e, result: a, error: u };
 }
 /**
  * @license
@@ -832,7 +838,7 @@ function ce(s, r = {}) {
  */
 const q = F(null);
 function ie() {
-  const s = j(q), r = A((t, e) => {
+  const s = U(q), r = A((t, e) => {
   }, []);
   return s ?? r;
 }
@@ -857,13 +863,13 @@ export {
   we as listSessions,
   he as mergeTheme,
   Re as parseSSELine,
-  Ie as streamChat,
-  ke as streamSSE,
+  ke as streamChat,
+  Ie as streamSSE,
   De as streamSSEGet,
   Me as updateSession,
   se as useAmodalBrief,
   W as useAmodalChat,
-  I as useAmodalContext,
+  k as useAmodalContext,
   re as useAmodalInsight,
   ne as useAmodalQuery,
   ae as useAmodalTask,