@amodalai/react 0.1.0 → 0.1.1

package/dist/react.js

@@ -1,23 +1,25 @@
 import { jsx as v, jsxs as w } from "react/jsx-runtime";
-import { createContext as P, useMemo as B, useContext as j, useReducer as H, useRef as T, useCallback as N, useEffect as I, useState as y } from "react";
+import { 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 { RuntimeClient as V } from "./client.js";
-import { parseSSELine as me, streamSSE as fe, streamSSEGet as pe } from "./client.js";
-const U = P(null);
-function Z({ runtimeUrl: r, tenantId: s, getToken: t, children: e }) {
-  const a = B(
-    () => new V({ runtimeUrl: r, tenantId: s, getToken: t }),
-    [r, s, t]
-  ), n = B(
-    () => ({ client: a, runtimeUrl: r, tenantId: s }),
-    [a, r, s]
+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);
+function Z({ runtimeUrl: s, tenantId: r, getToken: t, children: e }) {
+  const n = B(
+    () => new V({ runtimeUrl: s, tenantId: r, getToken: t }),
+    [s, r, t]
+  ), a = B(
+    () => ({ client: n, runtimeUrl: s, tenantId: r }),
+    [n, s, r]
   );
-  return /* @__PURE__ */ v(U.Provider, { value: n, children: e });
+  return /* @__PURE__ */ v(U.Provider, { value: a, children: e });
 }
-function C() {
-  const r = j(U);
-  if (!r)
+function I() {
+  const s = j(U);
+  if (!s)
     throw new Error("useAmodalContext must be used within an <AmodalProvider>");
-  return r;
+  return s;
 }
 /**
  * @license
@@ -29,167 +31,171 @@ const G = {
   sessionId: null,
   isStreaming: !1,
   error: null,
-  activeToolCalls: []
+  activeToolCalls: [],
+  isHistorical: !1
 };
 let $ = 0;
-function F() {
+function P() {
   return $++, `msg-${Date.now()}-${String($)}`;
 }
-function X(r, s) {
-  switch (s.type) {
+function X(s, r) {
+  switch (r.type) {
     case "SEND_MESSAGE": {
       const t = {
         type: "user",
-        id: F(),
-        text: s.text,
+        id: P(),
+        text: r.text,
         timestamp: (/* @__PURE__ */ new Date()).toISOString()
       }, e = {
         type: "assistant_text",
-        id: F(),
+        id: P(),
         text: "",
         toolCalls: [],
         confirmations: [],
+        skillActivations: [],
+        kbProposals: [],
+        widgets: [],
         contentBlocks: [],
         timestamp: (/* @__PURE__ */ new Date()).toISOString()
       };
       return {
-        ...r,
-        messages: [...r.messages, t, e],
+        ...s,
+        messages: [...s.messages, t, e],
         isStreaming: !0,
         error: null,
         activeToolCalls: []
       };
     }
     case "STREAM_INIT":
-      return { ...r, sessionId: s.sessionId };
+      return { ...s, sessionId: r.sessionId };
     case "STREAM_TEXT_DELTA": {
-      const t = [...r.messages], e = t[t.length - 1];
+      const t = [...s.messages], e = t[t.length - 1];
       if (e && e.type === "assistant_text") {
-        const a = [...e.contentBlocks], n = a[a.length - 1];
-        n && n.type === "text" ? a[a.length - 1] = { type: "text", text: n.text + s.content } : a.push({ type: "text", text: s.content }), t[t.length - 1] = { ...e, text: e.text + s.content, contentBlocks: a };
+        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 { ...r, messages: t };
+      return { ...s, messages: t };
     }
     case "STREAM_TOOL_CALL_START": {
-      const t = [...r.messages], e = t[t.length - 1], a = {
-        toolId: s.toolId,
-        toolName: s.toolName,
-        parameters: s.parameters,
+      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 n = [...e.toolCalls, a], c = [...e.contentBlocks], i = c[c.length - 1];
-        i && i.type === "tool_calls" ? c[c.length - 1] = { type: "tool_calls", calls: [...i.calls, a] } : c.push({ type: "tool_calls", calls: [a] }), t[t.length - 1] = { ...e, toolCalls: n, contentBlocks: c };
+        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 };
       }
       return {
-        ...r,
+        ...s,
         messages: t,
-        activeToolCalls: [...r.activeToolCalls, a]
+        activeToolCalls: [...s.activeToolCalls, n]
       };
     }
     case "STREAM_TOOL_CALL_RESULT": {
-      const t = [...r.messages], e = t[t.length - 1];
+      const t = [...s.messages], e = t[t.length - 1];
       if (e && e.type === "assistant_text") {
-        const n = (p) => p.toolId === s.toolId ? {
+        const a = (p) => p.toolId === r.toolId ? {
           ...p,
-          status: s.status,
-          result: s.result,
-          duration_ms: s.duration_ms,
-          error: s.error
-        } : p, c = e.toolCalls.map(n), i = e.contentBlocks.map(
-          (p) => p.type === "tool_calls" ? { ...p, calls: p.calls.map(n) } : p
+          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
         );
         t[t.length - 1] = { ...e, toolCalls: c, contentBlocks: i };
       }
-      const a = r.activeToolCalls.filter(
-        (n) => n.toolId !== s.toolId
+      const n = s.activeToolCalls.filter(
+        (a) => a.toolId !== r.toolId
       );
-      return { ...r, messages: t, activeToolCalls: a };
+      return { ...s, messages: t, activeToolCalls: n };
     }
     case "STREAM_SUBAGENT_EVENT": {
-      const t = [...r.messages], e = t[t.length - 1];
+      const t = [...s.messages], e = t[t.length - 1];
       if (e && e.type === "assistant_text") {
-        const a = (i) => i.toolId === s.parentToolId ? { ...i, subagentEvents: [...i.subagentEvents ?? [], s.event] } : i, n = e.toolCalls.map(a), c = e.contentBlocks.map(
-          (i) => i.type === "tool_calls" ? { ...i, calls: i.calls.map(a) } : i
+        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
         );
-        t[t.length - 1] = { ...e, toolCalls: n, contentBlocks: c };
+        t[t.length - 1] = { ...e, toolCalls: a, contentBlocks: c };
       }
-      return { ...r, messages: t };
+      return { ...s, messages: t };
     }
     case "STREAM_WIDGET": {
-      const t = [...r.messages], e = t[t.length - 1];
+      const t = [...s.messages], e = t[t.length - 1];
       if (e && e.type === "assistant_text") {
-        const a = {
+        const n = {
           type: "widget",
-          widgetType: s.widgetType,
-          data: s.data
+          widgetType: r.widgetType,
+          data: r.data
         };
         t[t.length - 1] = {
           ...e,
-          contentBlocks: [...e.contentBlocks, a]
+          contentBlocks: [...e.contentBlocks, n]
         };
       }
-      return { ...r, messages: t };
+      return { ...s, messages: t };
     }
     case "STREAM_CONFIRMATION_REQUIRED": {
-      const t = [...r.messages], e = t[t.length - 1];
+      const t = [...s.messages], e = t[t.length - 1];
       if (e && e.type === "assistant_text") {
-        const a = {
+        const n = {
           type: "confirmation",
-          confirmation: s.confirmation
+          confirmation: r.confirmation
         };
         t[t.length - 1] = {
           ...e,
-          confirmations: [...e.confirmations, s.confirmation],
-          contentBlocks: [...e.contentBlocks, a]
+          confirmations: [...e.confirmations, r.confirmation],
+          contentBlocks: [...e.contentBlocks, n]
         };
       }
-      return { ...r, messages: t };
+      return { ...s, messages: t };
     }
     case "CONFIRMATION_RESPONDED": {
-      const t = [...r.messages], e = t[t.length - 1];
+      const t = [...s.messages], e = t[t.length - 1];
       if (e && e.type === "assistant_text") {
-        const a = e.confirmations.map(
-          (c) => c.correlationId === s.correlationId ? { ...c, status: s.approved ? "approved" : "denied" } : c
-        ), n = e.contentBlocks.map(
-          (c) => c.type === "confirmation" && c.confirmation.correlationId === s.correlationId ? { ...c, confirmation: { ...c.confirmation, status: s.approved ? "approved" : "denied" } } : c
+        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: a, contentBlocks: n };
+        t[t.length - 1] = { ...e, confirmations: n, contentBlocks: a };
       }
-      return { ...r, messages: t };
+      return { ...s, messages: t };
     }
     case "STREAM_ERROR":
-      return { ...r, isStreaming: !1, error: s.message, activeToolCalls: [] };
+      return { ...s, isStreaming: !1, error: r.message, activeToolCalls: [] };
     case "STREAM_DONE": {
-      const t = [...r.messages], e = t[t.length - 1];
+      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, n = e.toolCalls.map(a), c = e.contentBlocks.map(
-          (i) => i.type === "tool_calls" ? { ...i, calls: i.calls.map(a) } : i
+        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
         );
-        t[t.length - 1] = { ...e, toolCalls: n, contentBlocks: c };
+        t[t.length - 1] = { ...e, toolCalls: a, contentBlocks: c };
       }
-      return { ...r, messages: t, isStreaming: !1, activeToolCalls: [] };
+      return { ...s, messages: t, isStreaming: !1, activeToolCalls: [] };
     }
     case "RESET":
       return { ...G };
     default:
-      return r;
+      return s;
   }
 }
-function J(r) {
-  const { client: s } = C(), [t, e] = H(X, G), a = T(null), n = T(null), c = T(r);
-  c.current = r, a.current = t.sessionId;
-  const i = N(
+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) => {
       if (t.isStreaming) return;
       e({ type: "SEND_MESSAGE", text: g });
       const _ = new AbortController();
-      n.current = _, (async () => {
-        var o, d, f, l, b, A, x, R, M, D, O;
+      a.current = _, (async () => {
+        var o, d, f, l, b, T, x, C, M, D, O;
         let m = !1;
         try {
-          const k = s.chatStream(g, {
-            sessionId: a.current ?? void 0,
+          const k = r.chatStream(g, {
+            sessionId: n.current ?? void 0,
             context: (o = c.current) == null ? void 0 : o.context,
             signal: _.signal
           });
@@ -261,14 +267,14 @@ function J(r) {
                   correlationId: h.correlation_id,
                   status: "pending"
                 };
-                e({ type: "STREAM_CONFIRMATION_REQUIRED", confirmation: L }), (x = (A = c.current) == null ? void 0 : A.onConfirmation) == null || x.call(A, L);
+                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 });
                 break;
               case "done":
-                m = !0, e({ type: "STREAM_DONE" }), (M = (R = c.current) == null ? void 0 : R.onStreamEnd) == null || M.call(R);
+                m = !0, e({ type: "STREAM_DONE" }), (M = (C = c.current) == null ? void 0 : C.onStreamEnd) == null || M.call(C);
                 break;
               default:
                 break;
@@ -279,16 +285,16 @@ function J(r) {
             message: k instanceof Error ? k.message : "Unknown error"
           });
         } finally {
-          n.current = null, !m && !_.signal.aborted && (e({ type: "STREAM_DONE" }), (O = (D = c.current) == null ? void 0 : D.onStreamEnd) == null || O.call(D));
+          a.current = null, !m && !_.signal.aborted && (e({ type: "STREAM_DONE" }), (O = (D = c.current) == null ? void 0 : D.onStreamEnd) == null || O.call(D));
         }
       })();
     },
-    [s, t.isStreaming]
-  ), p = N(() => {
-    n.current && (n.current.abort(), n.current = null), e({ type: "STREAM_DONE" });
-  }, []), S = N(() => {
-    n.current && (n.current.abort(), n.current = null), e({ type: "RESET" });
-  }, []), E = N(
+    [r, t.isStreaming]
+  ), p = 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})`;
@@ -296,9 +302,9 @@ function J(r) {
     },
     [i, t.isStreaming]
   );
-  return I(
+  return R(
     () => () => {
-      n.current && n.current.abort();
+      a.current && a.current.abort();
     },
     []
   ), {
@@ -318,20 +324,20 @@ function J(r) {
  * Copyright 2025 Amodal Labs, Inc.
  * SPDX-License-Identifier: MIT
  */
-function Q({ confirmation: r, onApprove: s, onDeny: t }) {
-  const e = r.status === "pending";
+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: [
-      /* @__PURE__ */ v("span", { className: "amodal-confirm-card__method", children: r.method }),
-      /* @__PURE__ */ v("span", { className: "amodal-confirm-card__endpoint", children: r.endpoint })
+      /* @__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: r.reason }),
+    /* @__PURE__ */ v("p", { className: "amodal-confirm-card__reason", children: s.reason }),
     e ? /* @__PURE__ */ w("div", { className: "amodal-confirm-card__actions", children: [
       /* @__PURE__ */ v(
         "button",
         {
           className: "amodal-confirm-card__btn amodal-confirm-card__btn--approve",
-          onClick: s,
+          onClick: r,
           "data-testid": "confirm-approve",
           children: "Approve"
         }
@@ -345,7 +351,7 @@ function Q({ confirmation: r, onApprove: s, onDeny: t }) {
           children: "Deny"
         }
       )
-    ] }) : /* @__PURE__ */ v("div", { className: "amodal-confirm-card__status", "data-testid": "confirm-status", children: r.status === "approved" ? "Approved" : "Denied" })
+    ] }) : /* @__PURE__ */ v("div", { className: "amodal-confirm-card__status", "data-testid": "confirm-status", children: s.status === "approved" ? "Approved" : "Denied" })
   ] });
 }
 /**
@@ -353,29 +359,29 @@ function Q({ confirmation: r, onApprove: s, onDeny: t }) {
  * Copyright 2025 Amodal Labs, Inc.
  * SPDX-License-Identifier: MIT
  */
-function W({ confirmation: r, onApprove: s, onDeny: t }) {
-  const e = r.status === "pending";
+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: [
-      /* @__PURE__ */ v("span", { className: "amodal-review-card__method", children: r.method }),
-      /* @__PURE__ */ v("span", { className: "amodal-review-card__endpoint", children: r.endpoint }),
-      r.escalated && /* @__PURE__ */ v("span", { className: "amodal-review-card__badge", "data-testid": "escalation-badge", children: "Escalated" })
+      /* @__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" })
     ] }),
-    r.connectionName && /* @__PURE__ */ w("div", { className: "amodal-review-card__connection", children: [
+    s.connectionName && /* @__PURE__ */ w("div", { className: "amodal-review-card__connection", children: [
       "Connection: ",
-      r.connectionName
+      s.connectionName
     ] }),
-    /* @__PURE__ */ v("p", { className: "amodal-review-card__reason", children: r.reason }),
-    r.params && Object.keys(r.params).length > 0 && /* @__PURE__ */ w("div", { className: "amodal-review-card__params", "data-testid": "review-params", children: [
+    /* @__PURE__ */ v("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: [
       /* @__PURE__ */ v("div", { className: "amodal-review-card__params-title", children: "Parameters" }),
-      /* @__PURE__ */ v("pre", { className: "amodal-review-card__params-body", children: JSON.stringify(r.params, null, 2) })
+      /* @__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: [
       /* @__PURE__ */ v(
         "button",
         {
           className: "amodal-review-card__btn amodal-review-card__btn--approve",
-          onClick: s,
+          onClick: r,
           "data-testid": "review-approve",
           children: "Approve"
         }
@@ -389,25 +395,25 @@ function W({ confirmation: r, onApprove: s, onDeny: t }) {
           children: "Deny"
         }
       )
-    ] }) : /* @__PURE__ */ v("div", { className: "amodal-review-card__status", "data-testid": "review-status", children: r.status === "approved" ? "Approved" : "Denied" })
+    ] }) : /* @__PURE__ */ v("div", { className: "amodal-review-card__status", "data-testid": "review-status", children: s.status === "approved" ? "Approved" : "Denied" })
   ] });
 }
 function ee({
-  placeholder: r = "Type a message...",
-  renderText: s,
+  placeholder: s = "Type a message...",
+  renderText: r,
   renderToolCall: t,
   renderConfirmation: e,
-  className: a,
-  ...n
+  className: n,
+  ...a
 }) {
-  const { messages: c, send: i, isStreaming: p, respondToConfirmation: S } = J(n), [E, g] = y(""), _ = T(null), u = N(
+  const { messages: c, send: i, isStreaming: p, respondToConfirmation: S } = W(a), [E, g] = y(""), _ = N(null), u = A(
     (o) => {
       o.preventDefault();
       const d = E.trim();
       d.length === 0 || p || (g(""), i(d));
     },
     [E, p, i]
-  ), m = ["amodal-chat", a].filter(Boolean).join(" ");
+  ), m = ["amodal-chat", n].filter(Boolean).join(" ");
   return /* @__PURE__ */ w("div", { className: m, "data-testid": "amodal-chat", children: [
     /* @__PURE__ */ w("div", { className: "amodal-chat__messages", "data-testid": "message-list", children: [
       c.map((o) => {
@@ -418,7 +424,7 @@ function ee({
             return /* @__PURE__ */ v("div", { className: "amodal-chat__message amodal-chat__message--assistant", "data-testid": "assistant-message", children: o.contentBlocks.map((d, f) => {
               switch (d.type) {
                 case "text":
-                  return /* @__PURE__ */ v("div", { className: "amodal-chat__text", children: s ? s(d.text) : d.text }, `text-${String(f)}`);
+                  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: [
@@ -429,10 +435,10 @@ function ee({
                 case "confirmation": {
                   const l = d.confirmation, b = () => {
                     l.correlationId && S(l.correlationId, !0);
-                  }, A = () => {
+                  }, T = () => {
                     l.correlationId && S(l.correlationId, !1);
                   };
-                  return e ? /* @__PURE__ */ v("div", { children: e(l, b, A) }, `conf-${String(f)}`) : l.escalated || l.params && Object.keys(l.params).length > 0 ? /* @__PURE__ */ v(W, { confirmation: l, onApprove: b, onDeny: A }, `conf-${String(f)}`) : /* @__PURE__ */ v(Q, { confirmation: l, onApprove: b, onDeny: A }, `conf-${String(f)}`);
+                  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(f)}`);
@@ -455,7 +461,7 @@ function ee({
           className: "amodal-chat__input",
           value: E,
           onChange: (o) => g(o.target.value),
-          placeholder: r,
+          placeholder: s,
           disabled: p,
           "data-testid": "chat-input"
         }
@@ -473,23 +479,23 @@ function ee({
     ] })
   ] });
 }
-function te({ prompt: r, label: s, context: t, onComplete: e, onError: a }) {
-  const [n, c] = y(!1), { messages: i, send: p, isStreaming: S, respondToConfirmation: E } = J({
+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({
     context: t,
     onStreamEnd: () => {
       const o = i[i.length - 1];
-      o && o.type === "assistant_text" ? e == null || e(o.text) : o && o.type === "error" && (a == null || a(o.message));
+      o && o.type === "assistant_text" ? e == null || e(o.text) : o && o.type === "error" && (n == null || n(o.message));
     }
-  }), g = N(() => {
-    n || S || (c(!0), p(r));
-  }, [n, S, p, r]), _ = [...i].reverse().find((o) => o.type === "assistant_text"), u = _ && _.type === "assistant_text" ? _.confirmations.filter((o) => o.status === "pending") : [], m = (o, d) => {
+  }), 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 = () => {
       o.correlationId && E(o.correlationId, !0);
     }, l = () => {
       o.correlationId && E(o.correlationId, !1);
     };
     return o.escalated || o.params && Object.keys(o.params).length > 0 ? /* @__PURE__ */ v(
-      W,
+      J,
       {
         confirmation: o,
         onApprove: f,
@@ -497,7 +503,7 @@ function te({ prompt: r, label: s, context: t, onComplete: e, onError: a }) {
       },
       o.correlationId ?? String(d)
     ) : /* @__PURE__ */ v(
-      Q,
+      H,
       {
         confirmation: o,
         onApprove: f,
@@ -506,7 +512,7 @@ function te({ prompt: r, label: s, context: t, onComplete: e, onError: a }) {
       o.correlationId ?? String(d)
     );
   };
-  return n ? /* @__PURE__ */ w("div", { className: "amodal-action", "data-testid": "action-container", children: [
+  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)
@@ -516,7 +522,7 @@ function te({ prompt: r, label: s, context: t, onComplete: e, onError: a }) {
       className: "amodal-action__trigger",
       onClick: g,
       "data-testid": "action-trigger",
-      children: s ?? "Run"
+      children: r ?? "Run"
     }
   );
 }
@@ -525,15 +531,15 @@ function te({ prompt: r, label: s, context: t, onComplete: e, onError: a }) {
  * Copyright 2025 Amodal Labs, Inc.
  * SPDX-License-Identifier: MIT
  */
-function re(r) {
-  const { prompt: s, context: t, autoFetch: e = !0 } = r, { client: a } = C(), [n, c] = y(null), [i, p] = y(!1), [S, E] = y(null), g = T(null), _ = T(!1), u = N(async () => {
+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 o = new AbortController();
     g.current = o, p(!0), E(null);
     try {
       let d = "";
       const f = [];
-      for await (const l of a.chatStream(s, { context: t, signal: o.signal }))
+      for await (const l of n.chatStream(r, { context: t, signal: o.signal }))
         switch (l.type) {
           case "text_delta":
             d += l.content;
@@ -547,7 +553,7 @@ function re(r) {
             });
             break;
           case "tool_call_result": {
-            const b = f.find((A) => A.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;
           }
@@ -563,32 +569,32 @@ function re(r) {
     } finally {
       p(!1), g.current = null;
     }
-  }, [a, s, t]), m = N(() => {
+  }, [n, r, t]), m = A(() => {
     u();
   }, [u]);
-  return I(() => (e && !_.current && (_.current = !0, u()), () => {
+  return R(() => (e && !_.current && (_.current = !0, u()), () => {
     g.current && g.current.abort();
-  }), [e, u]), { brief: n, isLoading: i, error: S, refresh: m };
+  }), [e, u]), { brief: a, isLoading: i, error: S, refresh: m };
 }
 /**
  * @license
  * Copyright 2025 Amodal Labs, Inc.
  * SPDX-License-Identifier: MIT
  */
-function se(r) {
-  const { prompt: s, context: t, autoFetch: e = !0 } = r, { client: a } = C(), [n, c] = y("idle"), [i, p] = y(""), [S, E] = y(""), [g, _] = y(null), u = T(null), m = T(!1), o = N(async () => {
+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("");
     try {
       let l = "";
-      for await (const A of a.chatStream(s, { context: t, signal: f.signal }))
-        switch (A.type) {
+      for await (const T of n.chatStream(r, { context: t, signal: f.signal }))
+        switch (T.type) {
           case "text_delta":
-            l += A.content;
+            l += T.content;
             break;
           case "error":
-            _(A.message), c("error");
+            _(T.message), c("error");
             return;
           default:
             break;
@@ -602,29 +608,29 @@ function se(r) {
     } finally {
       u.current = null;
     }
-  }, [a, s, t]), d = N(() => {
+  }, [n, r, t]), d = A(() => {
     o();
   }, [o]);
-  return I(() => (e && !m.current && (m.current = !0, o()), () => {
+  return R(() => (e && !m.current && (m.current = !0, o()), () => {
     u.current && u.current.abort();
-  }), [e, o]), { status: n, summary: i, details: S, isLoading: n === "loading", error: g, refresh: d };
+  }), [e, o]), { status: a, summary: i, details: S, isLoading: a === "loading", error: g, refresh: d };
 }
 /**
  * @license
  * Copyright 2025 Amodal Labs, Inc.
  * SPDX-License-Identifier: MIT
  */
-function ne(r) {
-  const { taskId: s, autoStream: t = !0 } = r, { client: e } = C(), [a, n] = y("idle"), [c, i] = y(""), [p, S] = y(""), [E, g] = y([]), [_, u] = y(null), m = T(null), o = T(!1), d = N(async () => {
+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 b = new AbortController();
-    m.current = b, n("running"), u(null), g([]), S(""), i("");
+    m.current = b, a("running"), u(null), g([]), S(""), i("");
     try {
-      let A = "";
-      for await (const x of e.streamTask(s, b.signal))
-        switch (g((R) => [...R, x]), x.type) {
+      let T = "";
+      for await (const x of e.streamTask(r, b.signal))
+        switch (g((C) => [...C, x]), x.type) {
           case "text_delta":
-            A += x.content, S(A);
+            T += x.content, S(T);
             break;
           case "tool_call_start":
             i(`Running ${x.tool_name}...`);
@@ -633,27 +639,27 @@ function ne(r) {
             i("");
             break;
           case "error":
-            u(x.message), n("error");
+            u(x.message), a("error");
             return;
           case "done":
-            n("completed");
+            a("completed");
             return;
           default:
             break;
         }
-      a === "running" && n("completed");
-    } catch (A) {
-      A instanceof DOMException && A.name === "AbortError" || (u(A instanceof Error ? A.message : "Unknown error"), n("error"));
+      n === "running" && a("completed");
+    } catch (T) {
+      T instanceof DOMException && T.name === "AbortError" || (u(T instanceof Error ? T.message : "Unknown error"), a("error"));
     } finally {
       m.current = null;
     }
-  }, [e, s, a]), f = N(() => {
+  }, [e, r, n]), f = A(() => {
     m.current && (m.current.abort(), m.current = null);
-  }, []), l = T(d);
-  return l.current = d, I(() => (t && !o.current && (o.current = !0, l.current()), () => {
+  }, []), l = N(d);
+  return l.current = d, R(() => (t && !o.current && (o.current = !0, l.current()), () => {
     m.current && m.current.abort();
   }), [t]), {
-    status: a,
+    status: n,
     progress: c,
     result: p,
     events: E,
@@ -667,14 +673,14 @@ function ne(r) {
  * Copyright 2025 Amodal Labs, Inc.
  * SPDX-License-Identifier: MIT
  */
-function ae(r) {
-  const { prompt: s, context: t, autoFetch: e = !0 } = r, { client: a } = C(), [n, c] = y(null), [i, p] = y(!1), [S, E] = y(null), g = T(null), _ = T(!1), u = N(async () => {
+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 o = new AbortController();
     g.current = o, p(!0), E(null);
     try {
       let d = "";
-      for await (const f of a.chatStream(s, { context: t, signal: o.signal }))
+      for await (const f of n.chatStream(r, { context: t, signal: o.signal }))
         switch (f.type) {
           case "text_delta":
             d += f.content;
@@ -691,46 +697,46 @@ function ae(r) {
     } finally {
       p(!1), g.current = null;
     }
-  }, [a, s, t]), m = N(() => {
+  }, [n, r, t]), m = A(() => {
     u();
   }, [u]);
-  return I(() => (e && !_.current && (_.current = !0, u()), () => {
+  return R(() => (e && !_.current && (_.current = !0, u()), () => {
     g.current && g.current.abort();
-  }), [e, u]), { data: n, isLoading: i, error: S, refetch: m };
+  }), [e, u]), { data: a, isLoading: i, error: S, refetch: m };
 }
 /**
  * @license
  * Copyright 2025 Amodal Labs, Inc.
  * SPDX-License-Identifier: MIT
  */
-function oe(r, s) {
-  const { key: t, refreshInterval: e = 3e4 } = s, { client: a } = C(), [n, c] = y(null), [i, p] = y([]), [S, E] = y(!0), [g, _] = y(null), u = T(null), m = N(async () => {
+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 d = new AbortController();
     u.current = d;
     try {
-      const f = await a.getStoreDocument(r, t, d.signal);
+      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");
     } finally {
       E(!1), u.current = null;
     }
-  }, [a, r, t]), o = N(() => {
+  }, [n, s, t]), o = A(() => {
     m();
   }, [m]);
-  return I(() => (E(!0), m(), () => {
+  return R(() => (E(!0), m(), () => {
     u.current && u.current.abort();
-  }), [m]), I(() => {
+  }), [m]), R(() => {
     if (e <= 0) return;
     const d = setInterval(() => {
       m();
     }, e);
     return () => clearInterval(d);
   }, [m, e]), {
-    data: (n == null ? void 0 : n.payload) ?? null,
-    meta: (n == null ? void 0 : n.meta) ?? null,
-    document: n,
+    data: (a == null ? void 0 : a.payload) ?? null,
+    meta: (a == null ? void 0 : a.meta) ?? null,
+    document: a,
     history: i,
     isLoading: S,
     error: g,
@@ -742,43 +748,43 @@ function oe(r, s) {
  * Copyright 2025 Amodal Labs, Inc.
  * SPDX-License-Identifier: MIT
  */
-function le(r, s = {}) {
-  const { filter: t, sort: e, limit: a = 20, refreshInterval: n = 3e4 } = s, { client: c } = C(), [i, p] = y([]), [S, E] = y(0), [g, _] = y(!1), [u, m] = y(!0), [o, d] = y(null), f = T(null), l = t ? JSON.stringify(t) : "", b = N(async () => {
+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 x = new AbortController();
     f.current = x;
     try {
-      const R = await c.getStoreDocuments(r, {
+      const C = await c.getStoreDocuments(s, {
         filter: l ? JSON.parse(l) : void 0,
         sort: e,
-        limit: a,
+        limit: n,
         signal: x.signal
       });
-      p(R.documents), E(R.total), _(R.hasMore), d(null);
-    } catch (R) {
-      R instanceof DOMException && R.name === "AbortError" || d(R instanceof Error ? R.message : "Failed to fetch store list");
+      p(C.documents), E(C.total), _(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;
     }
-  }, [c, r, l, e, a]), A = N(() => {
+  }, [c, s, l, e, n]), T = A(() => {
     b();
   }, [b]);
-  return I(() => (m(!0), b(), () => {
+  return R(() => (m(!0), b(), () => {
     f.current && f.current.abort();
-  }), [b]), I(() => {
-    if (n <= 0) return;
+  }), [b]), R(() => {
+    if (a <= 0) return;
     const x = setInterval(() => {
       b();
-    }, n);
+    }, a);
     return () => clearInterval(x);
-  }, [b, n]), {
+  }, [b, a]), {
     data: i.map((x) => x.payload),
     documents: i,
     total: S,
     hasMore: g,
     isLoading: u,
     error: o,
-    refetch: A
+    refetch: T
   };
 }
 /**
@@ -786,15 +792,15 @@ function le(r, s = {}) {
  * Copyright 2025 Amodal Labs, Inc.
  * SPDX-License-Identifier: MIT
  */
-function ce(r, s = {}) {
-  const { client: t } = C(), [e, a] = y(!1), [n, c] = y(null), [i, p] = y(null), S = T(null);
-  return { execute: N(
+function ce(s, r = {}) {
+  const { client: t } = I(), [e, n] = y(!1), [a, c] = y(null), [i, p] = y(null), S = N(null);
+  return { execute: A(
     (g) => {
       S.current && S.current.abort();
       const _ = new AbortController();
-      S.current = _, a(!0), c(null), p(null);
-      let u = `Run skill "${r}"`;
-      g && Object.keys(g).length > 0 && (u += ` with parameters: ${JSON.stringify(g)}`), s.stores && s.stores.length > 0 && (u += `. Write results to stores: ${s.stores.join(", ")}`), s.confirm && (u += ". Confirm before writing."), (async () => {
+      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 () => {
         try {
           let m = "";
           for await (const o of t.chatStream(u, { signal: _.signal }))
@@ -812,44 +818,61 @@ function ce(r, s = {}) {
         } catch (m) {
           m instanceof DOMException && m.name === "AbortError" || p(m instanceof Error ? m.message : "Skill execution failed");
         } finally {
-          a(!1), S.current = null;
+          n(!1), S.current = null;
         }
       })();
     },
-    [t, r, s.stores, s.confirm]
-  ), loading: e, result: n, error: i };
+    [t, s, r.stores, r.confirm]
+  ), loading: e, result: a, error: i };
 }
 /**
  * @license
  * Copyright 2025 Amodal Labs, Inc.
  * SPDX-License-Identifier: MIT
  */
-const q = P(null);
+const q = F(null);
 function ie() {
-  const r = j(q), s = N((t, e) => {
+  const s = j(q), r = A((t, e) => {
   }, []);
-  return r ?? s;
+  return s ?? r;
 }
 export {
   te as AmodalAction,
   ee as AmodalChat,
   Z as AmodalProvider,
-  Q as ConfirmCard,
+  me as ChatClient,
+  fe as ChatStream,
+  H as ConfirmCard,
   q as NavigateContext,
-  W as ReviewCard,
+  J as ReviewCard,
   V as RuntimeClient,
-  me as parseSSELine,
-  fe as streamSSE,
-  pe as streamSSEGet,
-  re as useAmodalBrief,
-  J as useAmodalChat,
-  C as useAmodalContext,
-  se as useAmodalInsight,
-  ae as useAmodalQuery,
-  ne as useAmodalTask,
+  be as TypedEventEmitter,
+  Te as WidgetEventBus,
+  ge as applyTheme,
+  Ae as createChatClient,
+  Ne as createSession,
+  xe as defaultEntityExtractor,
+  _e as defaultTheme,
+  Ce as getSessionHistory,
+  we as listSessions,
+  he as mergeTheme,
+  Re as parseSSELine,
+  Ie as streamChat,
+  ke as streamSSE,
+  De as streamSSEGet,
+  Me as updateSession,
+  se as useAmodalBrief,
+  W as useAmodalChat,
+  I 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
+  le as useStoreList,
+  Ee as useWidgetEvents
 };
 //# sourceMappingURL=react.js.map