@amodalai/react 0.1.17 → 0.1.18

package/dist/react.js

@@ -1,21 +1,21 @@
-import { jsx as v, jsxs as w } 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 R, useState as y } from "react";
+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 fe } 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 we, p as Re, s as ke, b as Ie, e as De, u as Me } from "./event-bus-h26clqbZ.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, appId: r, getToken: t, children: e }) {
-  const n = B(
-    () => new V({ runtimeUrl: s, appId: r, getToken: t }),
-    [s, r, t]
-  ), a = B(
-    () => ({ client: n, runtimeUrl: s, appId: r }),
-    [n, s, r]
+function Z({ runtimeUrl: s, getToken: r, children: t }) {
+  const e = B(
+    () => new V({ runtimeUrl: s, getToken: r }),
+    [s, r]
+  ), o = B(
+    () => ({ client: e, runtimeUrl: s }),
+    [e, s]
   );
-  return /* @__PURE__ */ v(j.Provider, { value: a, children: e });
+  return /* @__PURE__ */ v(j.Provider, { value: o, children: t });
 }
-function k() {
+function R() {
   const s = U(j);
   if (!s)
     throw new Error("useAmodalContext must be used within an <AmodalProvider>");
@@ -72,26 +72,26 @@ function X(s, r) {
     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 };
+        const o = [...e.contentBlocks], a = o[o.length - 1];
+        a && a.type === "text" ? o[o.length - 1] = { type: "text", text: a.text + r.content } : o.push({ type: "text", text: r.content }), t[t.length - 1] = { ...e, text: e.text + r.content, contentBlocks: o };
       }
       return { ...s, messages: t };
     }
     case "STREAM_TOOL_CALL_START": {
-      const t = [...s.messages], e = t[t.length - 1], n = {
+      const t = [...s.messages], e = t[t.length - 1], o = {
         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 };
+        const a = [...e.toolCalls, o], c = [...e.contentBlocks], u = c[c.length - 1];
+        u && u.type === "tool_calls" ? c[c.length - 1] = { type: "tool_calls", calls: [...u.calls, o] } : c.push({ type: "tool_calls", calls: [o] }), t[t.length - 1] = { ...e, toolCalls: a, contentBlocks: c };
       }
       return {
         ...s,
         messages: t,
-        activeToolCalls: [...s.activeToolCalls, n]
+        activeToolCalls: [...s.activeToolCalls, o]
       };
     }
     case "STREAM_TOOL_CALL_RESULT": {
@@ -109,16 +109,16 @@ function X(s, r) {
         );
         t[t.length - 1] = { ...e, toolCalls: c, contentBlocks: u };
       }
-      const n = s.activeToolCalls.filter(
+      const o = s.activeToolCalls.filter(
         (a) => a.toolId !== r.toolId
       );
-      return { ...s, messages: t, activeToolCalls: n };
+      return { ...s, messages: t, activeToolCalls: o };
     }
     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
+        const o = (u) => u.toolId === r.parentToolId ? { ...u, subagentEvents: [...u.subagentEvents ?? [], r.event] } : u, a = e.toolCalls.map(o), c = e.contentBlocks.map(
+          (u) => u.type === "tool_calls" ? { ...u, calls: u.calls.map(o) } : u
         );
         t[t.length - 1] = { ...e, toolCalls: a, contentBlocks: c };
       }
@@ -127,14 +127,14 @@ function X(s, r) {
     case "STREAM_WIDGET": {
       const t = [...s.messages], e = t[t.length - 1];
       if (e && e.type === "assistant_text") {
-        const n = {
+        const o = {
           type: "widget",
           widgetType: r.widgetType,
           data: r.data
         };
         t[t.length - 1] = {
           ...e,
-          contentBlocks: [...e.contentBlocks, n]
+          contentBlocks: [...e.contentBlocks, o]
         };
       }
       return { ...s, messages: t };
@@ -142,14 +142,14 @@ function X(s, r) {
     case "STREAM_CONFIRMATION_REQUIRED": {
       const t = [...s.messages], e = t[t.length - 1];
       if (e && e.type === "assistant_text") {
-        const n = {
+        const o = {
           type: "confirmation",
           confirmation: r.confirmation
         };
         t[t.length - 1] = {
           ...e,
           confirmations: [...e.confirmations, r.confirmation],
-          contentBlocks: [...e.contentBlocks, n]
+          contentBlocks: [...e.contentBlocks, o]
         };
       }
       return { ...s, messages: t };
@@ -157,12 +157,12 @@ function X(s, r) {
     case "CONFIRMATION_RESPONDED": {
       const t = [...s.messages], e = t[t.length - 1];
       if (e && e.type === "assistant_text") {
-        const n = e.confirmations.map(
+        const o = 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 };
+        t[t.length - 1] = { ...e, confirmations: o, contentBlocks: a };
       }
       return { ...s, messages: t };
     }
@@ -176,8 +176,8 @@ function X(s, r) {
         );
         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 };
+      const o = 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: o };
     }
     case "RESET":
       return { ...G };
@@ -186,26 +186,26 @@ function X(s, r) {
   }
 }
 function W(s) {
-  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 { client: r } = R(), [t, e] = Q(X, G), o = N((s == null ? void 0 : s.initialSessionId) ?? null), a = N(null), c = N(s);
+  c.current = s, o.current = t.sessionId ?? o.current;
   const u = A(
     (_) => {
       if (t.isStreaming) return;
       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;
+        var n, d, f, l, b, T, x, C, M, D, O;
+        let p = !1;
         try {
-          const I = r.chatStream(_, {
-            sessionId: n.current ?? void 0,
-            context: (o = c.current) == null ? void 0 : o.context,
+          const k = r.chatStream(_, {
+            sessionId: o.current ?? void 0,
+            context: (n = c.current) == null ? void 0 : n.context,
             signal: h.signal
           });
-          for await (const g of I)
+          for await (const g of k)
             switch (g.type) {
               case "init":
-                e({ type: "STREAM_INIT", sessionId: g.session_id }), (p = (d = c.current) == null ? void 0 : d.onSessionCreated) == null || p.call(d, g.session_id);
+                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 });
@@ -278,7 +278,7 @@ function W(s) {
                 e({ type: "STREAM_ERROR", message: g.message });
                 break;
               case "done":
-                f = !0, e({
+                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);
@@ -286,13 +286,13 @@ function W(s) {
               default:
                 break;
             }
-        } catch (I) {
-          I instanceof DOMException && I.name === "AbortError" || e({
+        } catch (k) {
+          k instanceof DOMException && k.name === "AbortError" || e({
             type: "STREAM_ERROR",
-            message: I instanceof Error ? I.message : "Unknown error"
+            message: k instanceof Error ? k.message : "Unknown error"
           });
         } finally {
-          a.current = null, !f && !h.signal.aborted && (e({ type: "STREAM_DONE" }), (O = (D = c.current) == null ? void 0 : D.onStreamEnd) == null || O.call(D));
+          a.current = null, !p && !h.signal.aborted && (e({ type: "STREAM_DONE" }), (O = (D = c.current) == null ? void 0 : D.onStreamEnd) == null || O.call(D));
         }
       })();
     },
@@ -309,7 +309,7 @@ function W(s) {
     },
     [u, t.isStreaming]
   );
-  return R(
+  return w(
     () => () => {
       a.current && a.current.abort();
     },
@@ -334,13 +334,13 @@ function W(s) {
  */
 function H({ confirmation: s, onApprove: r, onDeny: t }) {
   const e = s.status === "pending";
-  return /* @__PURE__ */ w("div", { className: "amodal-confirm-card", "data-testid": "confirm-card", children: [
-    /* @__PURE__ */ w("div", { className: "amodal-confirm-card__header", children: [
+  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 })
     ] }),
     /* @__PURE__ */ v("p", { className: "amodal-confirm-card__reason", children: s.reason }),
-    e ? /* @__PURE__ */ w("div", { className: "amodal-confirm-card__actions", children: [
+    e ? /* @__PURE__ */ I("div", { className: "amodal-confirm-card__actions", children: [
       /* @__PURE__ */ v(
         "button",
         {
@@ -369,22 +369,22 @@ function H({ confirmation: s, onApprove: r, onDeny: t }) {
  */
 function J({ confirmation: s, onApprove: r, onDeny: t }) {
   const e = s.status === "pending";
-  return /* @__PURE__ */ w("div", { className: "amodal-review-card", "data-testid": "review-card", children: [
-    /* @__PURE__ */ w("div", { className: "amodal-review-card__header", children: [
+  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" })
     ] }),
-    s.connectionName && /* @__PURE__ */ w("div", { className: "amodal-review-card__connection", children: [
+    s.connectionName && /* @__PURE__ */ I("div", { className: "amodal-review-card__connection", children: [
       "Connection: ",
       s.connectionName
     ] }),
     /* @__PURE__ */ v("p", { className: "amodal-review-card__reason", children: s.reason }),
-    s.params && Object.keys(s.params).length > 0 && /* @__PURE__ */ w("div", { className: "amodal-review-card__params", "data-testid": "review-params", children: [
+    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) })
     ] }),
-    e ? /* @__PURE__ */ w("div", { className: "amodal-review-card__actions", children: [
+    e ? /* @__PURE__ */ I("div", { className: "amodal-review-card__actions", children: [
       /* @__PURE__ */ v(
         "button",
         {
@@ -411,64 +411,64 @@ function ee({
   renderText: r,
   renderToolCall: t,
   renderConfirmation: e,
-  className: n,
+  className: o,
   ...a
 }) {
   const { messages: c, send: u, isStreaming: i, respondToConfirmation: S } = W(a), [E, _] = y(""), h = N(null), m = A(
-    (o) => {
-      o.preventDefault();
+    (n) => {
+      n.preventDefault();
       const d = E.trim();
       d.length === 0 || i || (_(""), u(d));
     },
     [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) {
+  ), p = ["amodal-chat", o].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((n) => {
+        switch (n.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__ */ v("div", { className: "amodal-chat__message amodal-chat__message--user", "data-testid": "user-message", children: n.text }, n.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, p) => {
+            return /* @__PURE__ */ v("div", { className: "amodal-chat__message amodal-chat__message--assistant", "data-testid": "assistant-message", children: n.contentBlocks.map((d, f) => {
               switch (d.type) {
                 case "text":
-                  return /* @__PURE__ */ v("div", { className: "amodal-chat__text", children: r ? r(d.text) : d.text }, `text-${String(p)}`);
+                  return /* @__PURE__ */ v("div", { className: "amodal-chat__text", children: r ? r(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: [
+                    (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(p)}`);
+                  ) }, `tools-${String(f)}`);
                 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(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)}`);
+                  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)}`);
                 }
                 case "widget":
-                  return /* @__PURE__ */ v("div", { className: "amodal-chat__widget", "data-testid": "widget", children: d.widgetType }, `widget-${String(p)}`);
+                  return /* @__PURE__ */ v("div", { className: "amodal-chat__widget", "data-testid": "widget", children: d.widgetType }, `widget-${String(f)}`);
                 default:
                   return null;
               }
-            }) }, o.id);
+            }) }, n.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__ */ v("div", { className: "amodal-chat__message amodal-chat__message--error", "data-testid": "error-message", children: n.message }, n.id);
           default:
             return null;
         }
       }),
       /* @__PURE__ */ v("div", { ref: h })
     ] }),
-    /* @__PURE__ */ w("form", { className: "amodal-chat__input-bar", onSubmit: m, "data-testid": "input-bar", children: [
+    /* @__PURE__ */ I("form", { className: "amodal-chat__input-bar", onSubmit: m, "data-testid": "input-bar", children: [
       /* @__PURE__ */ v(
         "input",
         {
           className: "amodal-chat__input",
           value: E,
-          onChange: (o) => _(o.target.value),
+          onChange: (n) => _(n.target.value),
           placeholder: s,
           disabled: i,
           "data-testid": "chat-input"
@@ -487,43 +487,43 @@ function ee({
     ] })
   ] });
 }
-function te({ prompt: s, label: r, context: t, onComplete: e, onError: n }) {
+function te({ prompt: s, label: r, context: t, onComplete: e, onError: o }) {
   const [a, c] = y(!1), { messages: u, send: i, isStreaming: S, respondToConfirmation: E } = W({
     context: t,
     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 n = u[u.length - 1];
+      n && n.type === "assistant_text" ? e == null || e(n.text) : n && n.type === "error" && (o == null || o(n.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") : [], f = (o, d) => {
-    const p = () => {
-      o.correlationId && E(o.correlationId, !0);
+  }, [a, S, i, s]), h = [...u].reverse().find((n) => n.type === "assistant_text"), m = h && h.type === "assistant_text" ? h.confirmations.filter((n) => n.status === "pending") : [], p = (n, d) => {
+    const f = () => {
+      n.correlationId && E(n.correlationId, !0);
     }, l = () => {
-      o.correlationId && E(o.correlationId, !1);
+      n.correlationId && E(n.correlationId, !1);
     };
-    return o.escalated || o.params && Object.keys(o.params).length > 0 ? /* @__PURE__ */ v(
+    return n.escalated || n.params && Object.keys(n.params).length > 0 ? /* @__PURE__ */ v(
       J,
       {
-        confirmation: o,
-        onApprove: p,
+        confirmation: n,
+        onApprove: f,
         onDeny: l
       },
-      o.correlationId ?? String(d)
+      n.correlationId ?? String(d)
     ) : /* @__PURE__ */ v(
       H,
       {
-        confirmation: o,
-        onApprove: p,
+        confirmation: n,
+        onApprove: f,
         onDeny: l
       },
-      o.correlationId ?? String(d)
+      n.correlationId ?? String(d)
     );
   };
-  return a ? /* @__PURE__ */ w("div", { className: "amodal-action", "data-testid": "action-container", children: [
+  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(f)
+    m.map(p)
   ] }) : /* @__PURE__ */ v(
     "button",
     {
@@ -540,20 +540,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 } = k(), [a, c] = y(null), [u, i] = y(!1), [S, E] = y(null), _ = N(null), h = N(!1), m = A(async () => {
+  const { prompt: r, context: t, autoFetch: e = !0 } = s, { client: o } = 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);
+    const n = new AbortController();
+    _.current = n, i(!0), E(null);
     try {
       let d = "";
-      const p = [];
-      for await (const l of n.chatStream(r, { context: t, signal: o.signal }))
+      const f = [];
+      for await (const l of o.chatStream(r, { context: t, signal: n.signal }))
         switch (l.type) {
           case "text_delta":
             d += l.content;
             break;
           case "tool_call_start":
-            p.push({
+            f.push({
               toolId: l.tool_id,
               toolName: l.tool_name,
               parameters: l.parameters,
@@ -561,7 +561,7 @@ function se(s) {
             });
             break;
           case "tool_call_result": {
-            const b = p.find((T) => T.toolId === l.tool_id);
+            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);
             break;
           }
@@ -571,18 +571,18 @@ function se(s) {
           default:
             break;
         }
-      c({ text: d, toolCalls: p });
+      c({ text: d, toolCalls: f });
     } catch (d) {
       d instanceof DOMException && d.name === "AbortError" || E(d instanceof Error ? d.message : "Unknown error");
     } finally {
       i(!1), _.current = null;
     }
-  }, [n, r, t]), f = A(() => {
+  }, [o, r, t]), p = A(() => {
     m();
   }, [m]);
-  return R(() => (e && !h.current && (h.current = !0, m()), () => {
+  return w(() => (e && !h.current && (h.current = !0, m()), () => {
     _.current && _.current.abort();
-  }), [e, m]), { brief: a, isLoading: u, error: S, refresh: f };
+  }), [e, m]), { brief: a, isLoading: u, error: S, refresh: p };
 }
 /**
  * @license
@@ -590,13 +590,13 @@ function se(s) {
  * SPDX-License-Identifier: MIT
  */
 function re(s) {
-  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 () => {
+  const { prompt: r, context: t, autoFetch: e = !0 } = s, { client: o } = R(), [a, c] = y("idle"), [u, i] = y(""), [S, E] = y(""), [_, h] = y(null), m = N(null), p = N(!1), n = A(async () => {
     m.current && m.current.abort();
-    const p = new AbortController();
-    m.current = p, c("loading"), h(null), i(""), E("");
+    const f = new AbortController();
+    m.current = f, c("loading"), h(null), i(""), E("");
     try {
       let l = "";
-      for await (const T of n.chatStream(r, { context: t, signal: p.signal }))
+      for await (const T of o.chatStream(r, { context: t, signal: f.signal }))
         switch (T.type) {
           case "text_delta":
             l += T.content;
@@ -616,12 +616,12 @@ function re(s) {
     } finally {
       m.current = null;
     }
-  }, [n, r, t]), d = A(() => {
-    o();
-  }, [o]);
-  return R(() => (e && !f.current && (f.current = !0, o()), () => {
+  }, [o, r, t]), d = A(() => {
+    n();
+  }, [n]);
+  return w(() => (e && !p.current && (p.current = !0, n()), () => {
     m.current && m.current.abort();
-  }), [e, o]), { status: a, summary: u, details: S, isLoading: a === "loading", error: _, refresh: d };
+  }), [e, n]), { status: a, summary: u, details: S, isLoading: a === "loading", error: _, refresh: d };
 }
 /**
  * @license
@@ -629,10 +629,10 @@ function re(s) {
  * SPDX-License-Identifier: MIT
  */
 function ae(s) {
-  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 { taskId: r, autoStream: t = !0 } = s, { client: e } = R(), [o, a] = y("idle"), [c, u] = y(""), [i, S] = y(""), [E, _] = y([]), [h, m] = y(null), p = N(null), n = N(!1), d = A(async () => {
+    p.current && p.current.abort();
     const b = new AbortController();
-    f.current = b, a("running"), m(null), _([]), S(""), u("");
+    p.current = b, a("running"), m(null), _([]), S(""), u("");
     try {
       let T = "";
       for await (const x of e.streamTask(r, b.signal))
@@ -655,25 +655,25 @@ function ae(s) {
           default:
             break;
         }
-      n === "running" && a("completed");
+      o === "running" && a("completed");
     } catch (T) {
       T instanceof DOMException && T.name === "AbortError" || (m(T instanceof Error ? T.message : "Unknown error"), a("error"));
     } finally {
-      f.current = null;
+      p.current = null;
     }
-  }, [e, r, n]), p = A(() => {
-    f.current && (f.current.abort(), f.current = null);
+  }, [e, r, o]), f = A(() => {
+    p.current && (p.current.abort(), p.current = null);
   }, []), l = N(d);
-  return l.current = d, R(() => (t && !o.current && (o.current = !0, l.current()), () => {
-    f.current && f.current.abort();
+  return l.current = d, w(() => (t && !n.current && (n.current = !0, l.current()), () => {
+    p.current && p.current.abort();
   }), [t]), {
-    status: n,
+    status: o,
     progress: c,
     result: i,
     events: E,
     error: h,
     start: () => void d(),
-    stop: p
+    stop: f
   };
 }
 /**
@@ -682,19 +682,19 @@ function ae(s) {
  * SPDX-License-Identifier: MIT
  */
 function ne(s) {
-  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 () => {
+  const { prompt: r, context: t, autoFetch: e = !0 } = s, { client: o } = 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);
+    const n = new AbortController();
+    _.current = n, i(!0), E(null);
     try {
       let d = "";
-      for await (const p of n.chatStream(r, { context: t, signal: o.signal }))
-        switch (p.type) {
+      for await (const f of o.chatStream(r, { context: t, signal: n.signal }))
+        switch (f.type) {
           case "text_delta":
-            d += p.content;
+            d += f.content;
             break;
           case "error":
-            E(p.message);
+            E(f.message);
             break;
           default:
             break;
@@ -705,12 +705,12 @@ function ne(s) {
     } finally {
       i(!1), _.current = null;
     }
-  }, [n, r, t]), f = A(() => {
+  }, [o, r, t]), p = A(() => {
     m();
   }, [m]);
-  return R(() => (e && !h.current && (h.current = !0, m()), () => {
+  return w(() => (e && !h.current && (h.current = !0, m()), () => {
     _.current && _.current.abort();
-  }), [e, m]), { data: a, isLoading: u, error: S, refetch: f };
+  }), [e, m]), { data: a, isLoading: u, error: S, refetch: p };
 }
 /**
  * @license
@@ -718,37 +718,37 @@ function ne(s) {
  * SPDX-License-Identifier: MIT
  */
 function oe(s, r) {
-  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 () => {
+  const { key: t, refreshInterval: e = 3e4 } = r, { client: o } = 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;
     try {
-      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");
+      const f = await o.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");
     } finally {
       E(!1), m.current = null;
     }
-  }, [n, s, t]), o = A(() => {
-    f();
-  }, [f]);
-  return R(() => (E(!0), f(), () => {
+  }, [o, s, t]), n = A(() => {
+    p();
+  }, [p]);
+  return w(() => (E(!0), p(), () => {
     m.current && m.current.abort();
-  }), [f]), R(() => {
+  }), [p]), w(() => {
     if (e <= 0) return;
     const d = setInterval(() => {
-      f();
+      p();
     }, e);
     return () => clearInterval(d);
-  }, [f, e]), {
+  }, [p, e]), {
     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
+    refetch: n
   };
 }
 /**
@@ -757,29 +757,29 @@ 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 } = 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 { filter: t, sort: e, limit: o = 20, refreshInterval: a = 3e4 } = r, { client: c } = R(), [u, i] = y([]), [S, E] = y(0), [_, h] = y(!1), [m, p] = y(!0), [n, d] = y(null), f = N(null), l = t ? JSON.stringify(t) : "", b = A(async () => {
+    f.current && f.current.abort();
     const x = new AbortController();
-    p.current = x;
+    f.current = x;
     try {
       const C = await c.getStoreDocuments(s, {
         filter: l ? JSON.parse(l) : void 0,
         sort: e,
-        limit: n,
+        limit: o,
         signal: x.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");
     } finally {
-      f(!1), p.current = null;
+      p(!1), f.current = null;
     }
-  }, [c, s, l, e, n]), T = A(() => {
+  }, [c, s, l, e, o]), T = A(() => {
     b();
   }, [b]);
-  return R(() => (f(!0), b(), () => {
-    p.current && p.current.abort();
-  }), [b]), R(() => {
+  return w(() => (p(!0), b(), () => {
+    f.current && f.current.abort();
+  }), [b]), w(() => {
     if (a <= 0) return;
     const x = setInterval(() => {
       b();
@@ -791,7 +791,7 @@ function le(s, r = {}) {
     total: S,
     hasMore: _,
     isLoading: m,
-    error: o,
+    error: n,
     refetch: T
   };
 }
@@ -801,32 +801,32 @@ function le(s, r = {}) {
  * SPDX-License-Identifier: MIT
  */
 function ce(s, r = {}) {
-  const { client: t } = k(), [e, n] = y(!1), [a, c] = y(null), [u, i] = y(null), S = N(null);
+  const { client: t } = R(), [e, o] = 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);
+      S.current = h, o(!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 f = "";
-          for await (const o of t.chatStream(m, { signal: h.signal }))
-            switch (o.type) {
+          let p = "";
+          for await (const n of t.chatStream(m, { signal: h.signal }))
+            switch (n.type) {
               case "text_delta":
-                f += o.content;
+                p += n.content;
                 break;
               case "error":
-                i(o.message);
+                i(n.message);
                 break;
               default:
                 break;
             }
-          c(f);
-        } catch (f) {
-          f instanceof DOMException && f.name === "AbortError" || i(f instanceof Error ? f.message : "Skill execution failed");
+          c(p);
+        } catch (p) {
+          p instanceof DOMException && p.name === "AbortError" || i(p instanceof Error ? p.message : "Skill execution failed");
         } finally {
-          n(!1), S.current = null;
+          o(!1), S.current = null;
         }
       })();
     },
@@ -849,7 +849,7 @@ export {
   ee as AmodalChat,
   Z as AmodalProvider,
   me as ChatClient,
-  fe as ChatStream,
+  pe as ChatStream,
   H as ConfirmCard,
   q as NavigateContext,
   J as ReviewCard,
@@ -862,16 +862,16 @@ export {
   xe as defaultEntityExtractor,
   _e as defaultTheme,
   Ce as getSessionHistory,
-  we as listSessions,
+  Ie as listSessions,
   he as mergeTheme,
-  Re as parseSSELine,
-  ke as streamChat,
-  Ie as streamSSE,
+  we as parseSSELine,
+  Re as streamChat,
+  ke as streamSSE,
   De as streamSSEGet,
   Me as updateSession,
   se as useAmodalBrief,
   W as useAmodalChat,
-  k as useAmodalContext,
+  R as useAmodalContext,
   re as useAmodalInsight,
   ne as useAmodalQuery,
   ae as useAmodalTask,