@amodalai/react 0.1.9 → 0.1.11

package/dist/react.js

@@ -2,15 +2,15 @@ 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 { 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-VAUsolBG.js";
+import { a as pe, 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 }) {
+function Z({ runtimeUrl: s, appId: r, getToken: t, children: e }) {
   const n = B(
-    () => new V({ runtimeUrl: s, tenantId: r, getToken: t }),
+    () => new V({ runtimeUrl: s, appId: r, getToken: t }),
     [s, r, t]
   ), a = B(
-    () => ({ client: n, runtimeUrl: s, tenantId: r }),
+    () => ({ client: n, runtimeUrl: s, appId: r }),
     [n, s, r]
   );
   return /* @__PURE__ */ v(j.Provider, { value: a, children: e });
@@ -193,7 +193,7 @@ function W(s) {
       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;
+        var o, d, g, l, b, T, x, C, M, D, O;
         let f = !1;
         try {
           const I = r.chatStream(_, {
@@ -201,84 +201,84 @@ function W(s) {
             context: (o = c.current) == null ? void 0 : o.context,
             signal: h.signal
           });
-          for await (const g of I)
-            switch (g.type) {
+          for await (const p of I)
+            switch (p.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: p.session_id }), (g = (d = c.current) == null ? void 0 : d.onSessionCreated) == null || g.call(d, p.session_id);
                 break;
               case "text_delta":
-                e({ type: "STREAM_TEXT_DELTA", content: g.content });
+                e({ type: "STREAM_TEXT_DELTA", content: p.content });
                 break;
               case "tool_call_start":
                 e({
                   type: "STREAM_TOOL_CALL_START",
-                  toolId: g.tool_id,
-                  toolName: g.tool_name,
-                  parameters: g.parameters
+                  toolId: p.tool_id,
+                  toolName: p.tool_name,
+                  parameters: p.parameters
                 });
                 break;
               case "tool_call_result":
                 e({
                   type: "STREAM_TOOL_CALL_RESULT",
-                  toolId: g.tool_id,
-                  status: g.status,
-                  result: g.result,
-                  duration_ms: g.duration_ms,
-                  error: g.error
+                  toolId: p.tool_id,
+                  status: p.status,
+                  result: p.result,
+                  duration_ms: p.duration_ms,
+                  error: p.error
                 }), (b = (l = c.current) == null ? void 0 : l.onToolCall) == null || b.call(l, {
-                  toolId: g.tool_id,
+                  toolId: p.tool_id,
                   toolName: "",
                   parameters: {},
-                  status: g.status,
-                  result: g.result,
-                  duration_ms: g.duration_ms,
-                  error: g.error
+                  status: p.status,
+                  result: p.result,
+                  duration_ms: p.duration_ms,
+                  error: p.error
                 });
                 break;
               case "subagent_event":
                 e({
                   type: "STREAM_SUBAGENT_EVENT",
-                  parentToolId: g.parent_tool_id,
+                  parentToolId: p.parent_tool_id,
                   event: {
-                    agentName: g.agent_name,
-                    eventType: g.event_type,
-                    toolName: g.tool_name,
-                    toolArgs: g.tool_args,
-                    result: g.result,
-                    text: g.text,
-                    error: g.error,
-                    timestamp: g.timestamp
+                    agentName: p.agent_name,
+                    eventType: p.event_type,
+                    toolName: p.tool_name,
+                    toolArgs: p.tool_args,
+                    result: p.result,
+                    text: p.text,
+                    error: p.error,
+                    timestamp: p.timestamp
                   }
                 });
                 break;
               case "widget":
                 e({
                   type: "STREAM_WIDGET",
-                  widgetType: g.widget_type,
-                  data: g.data
+                  widgetType: p.widget_type,
+                  data: p.data
                 });
                 break;
               case "confirmation_required": {
                 const L = {
-                  endpoint: g.endpoint,
-                  method: g.method,
-                  reason: g.reason,
-                  escalated: g.escalated,
-                  params: g.params,
-                  connectionName: g.connection_name,
-                  correlationId: g.correlation_id,
+                  endpoint: p.endpoint,
+                  method: p.method,
+                  reason: p.reason,
+                  escalated: p.escalated,
+                  params: p.params,
+                  connectionName: p.connection_name,
+                  correlationId: p.correlation_id,
                   status: "pending"
                 };
                 e({ type: "STREAM_CONFIRMATION_REQUIRED", confirmation: L }), (x = (T = c.current) == null ? void 0 : T.onConfirmation) == null || x.call(T, L);
                 break;
               }
               case "error":
-                e({ type: "STREAM_ERROR", message: g.message });
+                e({ type: "STREAM_ERROR", message: p.message });
                 break;
               case "done":
                 f = !0, e({
                   type: "STREAM_DONE",
-                  usage: g.usage ? { inputTokens: g.usage.input_tokens, outputTokens: g.usage.output_tokens } : void 0
+                  usage: p.usage ? { inputTokens: p.usage.input_tokens, outputTokens: p.usage.output_tokens } : void 0
                 }), (M = (C = c.current) == null ? void 0 : C.onStreamEnd) == null || M.call(C);
                 break;
               default:
@@ -427,27 +427,27 @@ function ee({
           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, p) => {
+            return /* @__PURE__ */ v("div", { className: "amodal-chat__message amodal-chat__message--assistant", "data-testid": "assistant-message", children: o.contentBlocks.map((d, g) => {
               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(g)}`);
                 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(p)}`);
+                  ) }, `tools-${String(g)}`);
                 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(g)}`) : l.escalated || l.params && Object.keys(l.params).length > 0 ? /* @__PURE__ */ v(J, { confirmation: l, onApprove: b, onDeny: T }, `conf-${String(g)}`) : /* @__PURE__ */ v(H, { confirmation: l, onApprove: b, onDeny: T }, `conf-${String(g)}`);
                 }
                 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(g)}`);
                 default:
                   return null;
               }
@@ -495,7 +495,7 @@ function te({ prompt: s, label: r, context: t, onComplete: e, onError: n }) {
   }), _ = 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 = () => {
+    const g = () => {
       o.correlationId && E(o.correlationId, !0);
     }, l = () => {
       o.correlationId && E(o.correlationId, !1);
@@ -504,7 +504,7 @@ function te({ prompt: s, label: r, context: t, onComplete: e, onError: n }) {
       J,
       {
         confirmation: o,
-        onApprove: p,
+        onApprove: g,
         onDeny: l
       },
       o.correlationId ?? String(d)
@@ -512,7 +512,7 @@ function te({ prompt: s, label: r, context: t, onComplete: e, onError: n }) {
       H,
       {
         confirmation: o,
-        onApprove: p,
+        onApprove: g,
         onDeny: l
       },
       o.correlationId ?? String(d)
@@ -544,14 +544,14 @@ function se(s) {
     _.current = o, i(!0), E(null);
     try {
       let d = "";
-      const p = [];
+      const g = [];
       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":
-            p.push({
+            g.push({
               toolId: l.tool_id,
               toolName: l.tool_name,
               parameters: l.parameters,
@@ -559,7 +559,7 @@ function se(s) {
             });
             break;
           case "tool_call_result": {
-            const b = p.find((T) => T.toolId === l.tool_id);
+            const b = g.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;
           }
@@ -569,7 +569,7 @@ function se(s) {
           default:
             break;
         }
-      c({ text: d, toolCalls: p });
+      c({ text: d, toolCalls: g });
     } catch (d) {
       d instanceof DOMException && d.name === "AbortError" || E(d instanceof Error ? d.message : "Unknown error");
     } finally {
@@ -590,11 +590,11 @@ function se(s) {
 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 () => {
     m.current && m.current.abort();
-    const p = new AbortController();
-    m.current = p, c("loading"), h(null), i(""), E("");
+    const g = new AbortController();
+    m.current = g, 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 n.chatStream(r, { context: t, signal: g.signal }))
         switch (T.type) {
           case "text_delta":
             l += T.content;
@@ -659,7 +659,7 @@ function ae(s) {
     } finally {
       f.current = null;
     }
-  }, [e, r, n]), p = A(() => {
+  }, [e, r, n]), g = 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()), () => {
@@ -671,7 +671,7 @@ function ae(s) {
     events: E,
     error: h,
     start: () => void d(),
-    stop: p
+    stop: g
   };
 }
 /**
@@ -686,13 +686,13 @@ function ne(s) {
     _.current = o, 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 g of n.chatStream(r, { context: t, signal: o.signal }))
+        switch (g.type) {
           case "text_delta":
-            d += p.content;
+            d += g.content;
             break;
           case "error":
-            E(p.message);
+            E(g.message);
             break;
           default:
             break;
@@ -721,10 +721,10 @@ function oe(s, r) {
     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 g = await n.getStoreDocument(s, t, d.signal);
+      c(g.document), i(g.history), h(null);
+    } catch (g) {
+      g instanceof DOMException && g.name === "AbortError" || h(g instanceof Error ? g.message : "Failed to fetch document");
     } finally {
       E(!1), m.current = null;
     }
@@ -755,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 } = 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: 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), g = N(null), l = t ? JSON.stringify(t) : "", b = A(async () => {
+    g.current && g.current.abort();
     const x = new AbortController();
-    p.current = x;
+    g.current = x;
     try {
       const C = await c.getStoreDocuments(s, {
         filter: l ? JSON.parse(l) : void 0,
@@ -770,13 +770,13 @@ function le(s, r = {}) {
     } 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;
+      f(!1), g.current = null;
     }
   }, [c, s, l, e, n]), T = A(() => {
     b();
   }, [b]);
   return R(() => (f(!0), b(), () => {
-    p.current && p.current.abort();
+    g.current && g.current.abort();
   }), [b]), R(() => {
     if (a <= 0) return;
     const x = setInterval(() => {
@@ -854,7 +854,7 @@ export {
   V as RuntimeClient,
   be as TypedEventEmitter,
   Te as WidgetEventBus,
-  ge as applyTheme,
+  pe as applyTheme,
   Ae as createChatClient,
   Ne as createSession,
   xe as defaultEntityExtractor,