@opencx/widget-react-headless 5.0.0-beta.0 → 5.0.0-beta.1

package/dist/index.js

@@ -1,4 +1,4 @@
-import V, { useSyncExternalStore as Oe, useRef as D, useCallback as U, useEffect as $, useMemo as X, useState as Z, createContext as Ue, useContext as qe } from "react";
+import V, { useSyncExternalStore as Oe, useRef as j, useCallback as U, useEffect as $, useMemo as X, useState as Z, createContext as Ue, useContext as qe } from "react";
 import { isAgentStreamKeepalive as Zt, isRecord as Rr, isTurnSteeredPart as Or, buildSendMessageBody as Pr, log as q, genUuid as yt, WidgetCtx as Nr, resolveSidebarMode as jr, resolveSidebarSide as Dr, normalizeCompanionLayouts as Lr, resolveCompanionDefaultLayout as Fr } from "@opencx/widget-core";
 import * as bt from "zod/v4";
 import { z as s } from "zod/v4";
@@ -6,7 +6,7 @@ import { ZodFirstPartyTypeKind as C } from "zod/v3";
 import "react/jsx-runtime";
 import { z } from "zod";
 import { v4 as kr } from "uuid";
-const $r = "5.0.0-beta.0";
+const $r = "5.0.0-beta.1";
 class Ur {
   constructor(t) {
     this.components = [];
@@ -16,9 +16,10 @@ class Ur {
     if (!this.get("fallback"))
       throw new Error("No fallback component registered");
   }
-  // TODO test that this registers or replaces the component
   register(t) {
-    const r = this.components.findIndex((a) => a.key === t.key);
+    const r = this.components.findIndex(
+      (a) => a.key.toUpperCase() === t.key.toUpperCase()
+    );
     return r !== -1 ? this.components[r] = t : this.components.push(t), this;
   }
   get(t) {
@@ -165,35 +166,35 @@ function Yr(e) {
     );
   const { onEvent: t = Ye, onError: r = Ye, onRetry: a = Ye, onComment: n, maxBufferSize: o } = e, u = [];
   let i = 0, g = !0, c, l = "", p = 0, v, h = !1;
-  function T(f) {
+  function A(f) {
     if (h)
       throw new Error(
         "Cannot feed parser: it was terminated after exceeding the configured max buffer size. Call `reset()` to resume parsing."
       );
     if (g && (g = !1, f.charCodeAt(0) === 239 && f.charCodeAt(1) === 187 && f.charCodeAt(2) === 191 && (f = f.slice(3))), u.length === 0) {
-      const y = _(f);
-      y !== "" && (u.push(y), i = y.length), A();
+      const y = S(f);
+      y !== "" && (u.push(y), i = y.length), M();
       return;
     }
     if (f.indexOf(`
 `) === -1 && f.indexOf("\r") === -1) {
-      u.push(f), i += f.length, A();
+      u.push(f), i += f.length, M();
       return;
     }
     u.push(f);
     const m = u.join("");
     u.length = 0, i = 0;
-    const b = _(m);
-    b !== "" && (u.push(b), i = b.length), A();
+    const b = S(m);
+    b !== "" && (u.push(b), i = b.length), M();
   }
-  function A() {
+  function M() {
     o !== void 0 && (i + l.length <= o || (h = !0, u.length = 0, i = 0, c = void 0, l = "", p = 0, v = void 0, r(
       new Ke(`Buffered data exceeded max buffer size of ${o} characters`, {
         type: "max-buffer-size-exceeded"
       })
     )));
   }
-  function _(f) {
+  function S(f) {
     let m = 0;
     if (f.indexOf("\r") === -1) {
       let b = f.indexOf(`
@@ -206,18 +207,18 @@ function Yr(e) {
         }
         const y = f.charCodeAt(m);
         if (Rt(f, m, y)) {
-          const w = f.charCodeAt(m + 5) === fe ? m + 6 : m + 5, j = f.slice(w, b);
+          const w = f.charCodeAt(m + 5) === fe ? m + 6 : m + 5, D = f.slice(w, b);
           if (p === 0 && f.charCodeAt(b + 1) === xt) {
-            t({ id: c, event: v, data: j }), c = void 0, l = "", v = void 0, m = b + 2, b = f.indexOf(`
+            t({ id: c, event: v, data: D }), c = void 0, l = "", v = void 0, m = b + 2, b = f.indexOf(`
 `, m);
             continue;
           }
-          l = p === 0 ? j : `${l}
-${j}`, p++;
+          l = p === 0 ? D : `${l}
+${D}`, p++;
         } else Ot(f, m, y) ? v = f.slice(
           f.charCodeAt(m + 6) === fe ? m + 7 : m + 6,
           b
-        ) || void 0 : S(f, m, b);
+        ) || void 0 : I(f, m, b);
         m = b + 1, b = f.indexOf(`
 `, m);
       }
@@ -229,11 +230,11 @@ ${j}`, p++;
       let w = -1;
       if (b !== -1 && y !== -1 ? w = b < y ? b : y : b !== -1 ? b === f.length - 1 ? w = -1 : w = b : y !== -1 && (w = y), w === -1)
         break;
-      S(f, m, w), m = w + 1, f.charCodeAt(m - 1) === Kr && f.charCodeAt(m) === xt && m++;
+      I(f, m, w), m = w + 1, f.charCodeAt(m - 1) === Kr && f.charCodeAt(m) === xt && m++;
     }
     return f.slice(m);
   }
-  function S(f, m, b) {
+  function I(f, m, b) {
     if (m === b) {
       R();
       return;
@@ -261,15 +262,15 @@ ${ee}`, p++;
       }
       return;
     }
-    const w = f.slice(m, b), j = w.indexOf(":");
-    if (j === -1) {
-      I(w, "", w);
+    const w = f.slice(m, b), D = w.indexOf(":");
+    if (D === -1) {
+      _(w, "", w);
       return;
     }
-    const se = w.slice(0, j), Be = w.charCodeAt(j + 1) === fe ? 2 : 1, We = w.slice(j + Be);
-    I(se, We, w);
+    const se = w.slice(0, D), Be = w.charCodeAt(D + 1) === fe ? 2 : 1, We = w.slice(D + Be);
+    _(se, We, w);
   }
-  function I(f, m, b) {
+  function _(f, m, b) {
     switch (f) {
       case "event":
         v = m || void 0;
@@ -310,11 +311,11 @@ ${m}`, p++;
   function d(f = {}) {
     if (f.consume && u.length > 0) {
       const m = u.join("");
-      S(m, 0, m.length);
+      I(m, 0, m.length);
     }
     g = !0, c = void 0, l = "", p = 0, v = void 0, u.length = 0, i = 0, h = !1;
   }
-  return { feed: T, reset: d };
+  return { feed: A, reset: d };
 }
 function Rt(e, t, r) {
   return r === 100 && e.charCodeAt(t + 1) === 97 && e.charCodeAt(t + 2) === 116 && e.charCodeAt(t + 3) === 97 && e.charCodeAt(t + 4) === 58;
@@ -1556,7 +1557,7 @@ var he = s.lazy(
     s.record(s.string(), he.optional()),
     s.array(he)
   ])
-), M = s.record(
+), T = s.record(
   s.string(),
   s.record(s.string(), he.optional())
 ), je = s.union([
@@ -1567,7 +1568,7 @@ var he = s.lazy(
 ]), ct = s.record(s.string(), s.string()), ur = s.object({
   type: s.literal("text"),
   text: s.string(),
-  providerOptions: M.optional()
+  providerOptions: T.optional()
 }), rs = s.object({
   type: s.literal("image"),
   image: s.union([
@@ -1576,7 +1577,7 @@ var he = s.lazy(
     ct
   ]),
   mediaType: s.string().optional(),
-  providerOptions: M.optional()
+  providerOptions: T.optional()
 }), cr = s.discriminatedUnion("type", [
   s.object({ type: s.literal("data"), data: je }),
   s.object({ type: s.literal("url"), url: s.instanceof(URL) }),
@@ -1598,15 +1599,15 @@ var he = s.lazy(
   ]),
   filename: s.string().optional(),
   mediaType: s.string(),
-  providerOptions: M.optional()
+  providerOptions: T.optional()
 }), ss = s.object({
   type: s.literal("reasoning"),
   text: s.string(),
-  providerOptions: M.optional()
+  providerOptions: T.optional()
 }), ns = s.object({
   type: s.literal("custom"),
   kind: s.string().transform((e) => e),
-  providerOptions: M.optional()
+  providerOptions: T.optional()
 }), is = s.object({
   type: s.literal("reasoning-file"),
   data: s.union([
@@ -1615,13 +1616,13 @@ var he = s.lazy(
     s.instanceof(URL)
   ]),
   mediaType: s.string(),
-  providerOptions: M.optional()
+  providerOptions: T.optional()
 }), os = s.object({
   type: s.literal("tool-call"),
   toolCallId: s.string(),
   toolName: s.string(),
   input: s.unknown(),
-  providerOptions: M.optional(),
+  providerOptions: T.optional(),
   providerExecuted: s.boolean().optional()
 }), ls = s.discriminatedUnion(
   "type",
@@ -1629,27 +1630,27 @@ var he = s.lazy(
     s.object({
       type: s.literal("text"),
       value: s.string(),
-      providerOptions: M.optional()
+      providerOptions: T.optional()
     }),
     s.object({
       type: s.literal("json"),
       value: he,
-      providerOptions: M.optional()
+      providerOptions: T.optional()
     }),
     s.object({
       type: s.literal("execution-denied"),
       reason: s.string().optional(),
-      providerOptions: M.optional()
+      providerOptions: T.optional()
     }),
     s.object({
       type: s.literal("error-text"),
       value: s.string(),
-      providerOptions: M.optional()
+      providerOptions: T.optional()
     }),
     s.object({
       type: s.literal("error-json"),
       value: he,
-      providerOptions: M.optional()
+      providerOptions: T.optional()
     }),
     s.object({
       type: s.literal("content"),
@@ -1658,14 +1659,14 @@ var he = s.lazy(
           s.object({
             type: s.literal("text"),
             text: s.string(),
-            providerOptions: M.optional()
+            providerOptions: T.optional()
           }),
           s.object({
             type: s.literal("file"),
             data: cr,
             mediaType: s.string(),
             filename: s.string().optional(),
-            providerOptions: M.optional()
+            providerOptions: T.optional()
           }),
           s.object({
             // Deprecated.
@@ -1673,55 +1674,55 @@ var he = s.lazy(
             data: s.string(),
             mediaType: s.string(),
             filename: s.string().optional(),
-            providerOptions: M.optional()
+            providerOptions: T.optional()
           }),
           s.object({
             // Deprecated.
             type: s.literal("file-url"),
             url: s.string(),
             mediaType: s.string().optional(),
-            providerOptions: M.optional()
+            providerOptions: T.optional()
           }),
           s.object({
             // Deprecated.
             type: s.literal("file-id"),
             fileId: s.union([s.string(), s.record(s.string(), s.string())]),
-            providerOptions: M.optional()
+            providerOptions: T.optional()
           }),
           s.object({
             // Deprecated.
             type: s.literal("file-reference"),
             providerReference: s.record(s.string(), s.string()),
-            providerOptions: M.optional()
+            providerOptions: T.optional()
           }),
           s.object({
             // Deprecated.
             type: s.literal("image-data"),
             data: s.string(),
             mediaType: s.string(),
-            providerOptions: M.optional()
+            providerOptions: T.optional()
           }),
           s.object({
             // Deprecated.
             type: s.literal("image-url"),
             url: s.string(),
-            providerOptions: M.optional()
+            providerOptions: T.optional()
           }),
           s.object({
             // Deprecated.
             type: s.literal("image-file-id"),
             fileId: s.union([s.string(), s.record(s.string(), s.string())]),
-            providerOptions: M.optional()
+            providerOptions: T.optional()
           }),
           s.object({
             // Deprecated.
             type: s.literal("image-file-reference"),
             providerReference: s.record(s.string(), s.string()),
-            providerOptions: M.optional()
+            providerOptions: T.optional()
           }),
           s.object({
             type: s.literal("custom"),
-            providerOptions: M.optional()
+            providerOptions: T.optional()
           })
         ])
       )
@@ -1732,7 +1733,7 @@ var he = s.lazy(
   toolCallId: s.string(),
   toolName: s.string(),
   output: ls,
-  providerOptions: M.optional()
+  providerOptions: T.optional()
 }), us = s.object({
   type: s.literal("tool-approval-request"),
   approvalId: s.string(),
@@ -1746,7 +1747,7 @@ var he = s.lazy(
   {
     role: s.literal("system"),
     content: s.string(),
-    providerOptions: M.optional()
+    providerOptions: T.optional()
   }
 ), ps = s.object({
   role: s.literal("user"),
@@ -1754,7 +1755,7 @@ var he = s.lazy(
     s.string(),
     s.array(s.union([ur, rs, dr]))
   ]),
-  providerOptions: M.optional()
+  providerOptions: T.optional()
 }), fs = s.object({
   role: s.literal("assistant"),
   content: s.union([
@@ -1772,11 +1773,11 @@ var he = s.lazy(
       ])
     )
   ]),
-  providerOptions: M.optional()
+  providerOptions: T.optional()
 }), ms = s.object({
   role: s.literal("tool"),
   content: s.array(s.union([pr, cs])),
-  providerOptions: M.optional()
+  providerOptions: T.optional()
 });
 s.union([
   ds,
@@ -2384,18 +2385,18 @@ var Ae = s.record(
       s.strictObject({
         type: s.literal("text-start"),
         id: s.string(),
-        providerMetadata: M.optional()
+        providerMetadata: T.optional()
       }),
       s.strictObject({
         type: s.literal("text-delta"),
         id: s.string(),
         delta: s.string(),
-        providerMetadata: M.optional()
+        providerMetadata: T.optional()
       }),
       s.strictObject({
         type: s.literal("text-end"),
         id: s.string(),
-        providerMetadata: M.optional()
+        providerMetadata: T.optional()
       }),
       s.strictObject({
         type: s.literal("error"),
@@ -2406,7 +2407,7 @@ var Ae = s.record(
         toolCallId: s.string(),
         toolName: s.string(),
         providerExecuted: s.boolean().optional(),
-        providerMetadata: M.optional(),
+        providerMetadata: T.optional(),
         toolMetadata: Ae.optional(),
         dynamic: s.boolean().optional(),
         title: s.string().optional()
@@ -2422,7 +2423,7 @@ var Ae = s.record(
         toolName: s.string(),
         input: s.unknown(),
         providerExecuted: s.boolean().optional(),
-        providerMetadata: M.optional(),
+        providerMetadata: T.optional(),
         toolMetadata: Ae.optional(),
         dynamic: s.boolean().optional(),
         title: s.string().optional()
@@ -2433,7 +2434,7 @@ var Ae = s.record(
         toolName: s.string(),
         input: s.unknown(),
         providerExecuted: s.boolean().optional(),
-        providerMetadata: M.optional(),
+        providerMetadata: T.optional(),
         toolMetadata: Ae.optional(),
         dynamic: s.boolean().optional(),
         errorText: s.string(),
@@ -2452,14 +2453,14 @@ var Ae = s.record(
         approved: s.boolean(),
         reason: s.string().optional(),
         providerExecuted: s.boolean().optional(),
-        providerMetadata: M.optional()
+        providerMetadata: T.optional()
       }),
       s.strictObject({
         type: s.literal("tool-output-available"),
         toolCallId: s.string(),
         output: s.unknown(),
         providerExecuted: s.boolean().optional(),
-        providerMetadata: M.optional(),
+        providerMetadata: T.optional(),
         toolMetadata: Ae.optional(),
         dynamic: s.boolean().optional(),
         preliminary: s.boolean().optional()
@@ -2469,7 +2470,7 @@ var Ae = s.record(
         toolCallId: s.string(),
         errorText: s.string(),
         providerExecuted: s.boolean().optional(),
-        providerMetadata: M.optional(),
+        providerMetadata: T.optional(),
         toolMetadata: Ae.optional(),
         dynamic: s.boolean().optional()
       }),
@@ -2480,30 +2481,30 @@ var Ae = s.record(
       s.strictObject({
         type: s.literal("reasoning-start"),
         id: s.string(),
-        providerMetadata: M.optional()
+        providerMetadata: T.optional()
       }),
       s.strictObject({
         type: s.literal("reasoning-delta"),
         id: s.string(),
         delta: s.string(),
-        providerMetadata: M.optional()
+        providerMetadata: T.optional()
       }),
       s.strictObject({
         type: s.literal("reasoning-end"),
         id: s.string(),
-        providerMetadata: M.optional()
+        providerMetadata: T.optional()
       }),
       s.strictObject({
         type: s.literal("custom"),
         kind: s.string().transform((e) => e),
-        providerMetadata: M.optional()
+        providerMetadata: T.optional()
       }),
       s.strictObject({
         type: s.literal("source-url"),
         sourceId: s.string(),
         url: s.string(),
         title: s.string().optional(),
-        providerMetadata: M.optional()
+        providerMetadata: T.optional()
       }),
       s.strictObject({
         type: s.literal("source-document"),
@@ -2511,19 +2512,19 @@ var Ae = s.record(
         mediaType: s.string(),
         title: s.string(),
         filename: s.string().optional(),
-        providerMetadata: M.optional()
+        providerMetadata: T.optional()
       }),
       s.strictObject({
         type: s.literal("file"),
         url: s.string(),
         mediaType: s.string(),
-        providerMetadata: M.optional()
+        providerMetadata: T.optional()
       }),
       s.strictObject({
         type: s.literal("reasoning-file"),
         url: s.string(),
         mediaType: s.string(),
-        providerMetadata: M.optional()
+        providerMetadata: T.optional()
       }),
       s.strictObject({
         type: s.custom(
@@ -2618,8 +2619,8 @@ function Ts({
     new TransformStream({
       async transform(i, g) {
         await a(async ({ state: c, write: l }) => {
-          var p, v, h, T;
-          function A(d) {
+          var p, v, h, A;
+          function M(d) {
             const m = c.message.parts.filter(_e).find(
               (b) => b.toolCallId === d
             );
@@ -2631,7 +2632,7 @@ function Ts({
               });
             return m;
           }
-          function _(d) {
+          function S(d) {
             const m = c.message.parts.filter(_e).find(
               (b) => {
                 var y;
@@ -2646,7 +2647,7 @@ function Ts({
               });
             return m;
           }
-          function S(d) {
+          function I(d) {
             var f;
             const m = c.message.parts.find(
               (w) => at(w) && w.toolCallId === d.toolCallId
@@ -2656,8 +2657,8 @@ function Ts({
               const w = b.providerMetadata;
               if (w != null)
                 if (d.state === "output-available" || d.state === "output-error") {
-                  const j = m;
-                  j.resultProviderMetadata = w;
+                  const D = m;
+                  D.resultProviderMetadata = w;
                 } else
                   m.callProviderMetadata = w;
             } else
@@ -2677,20 +2678,20 @@ function Ts({
                 ...b.providerMetadata != null && !(d.state === "output-available" || d.state === "output-error") ? { callProviderMetadata: b.providerMetadata } : {}
               });
           }
-          function I(d) {
+          function _(d) {
             var f, m;
             const b = c.message.parts.find(
-              (j) => j.type === "dynamic-tool" && j.toolCallId === d.toolCallId
+              (D) => D.type === "dynamic-tool" && D.toolCallId === d.toolCallId
             ), y = d, w = b;
             if (b != null) {
               b.state = d.state, w.toolName = d.toolName, w.input = y.input, w.output = y.output, w.errorText = y.errorText, w.rawInput = (f = y.rawInput) != null ? f : w.rawInput, w.preliminary = y.preliminary, d.title !== void 0 && (w.title = d.title), d.toolMetadata !== void 0 && (w.toolMetadata = d.toolMetadata), w.providerExecuted = (m = y.providerExecuted) != null ? m : b.providerExecuted;
-              const j = y.providerMetadata;
-              if (j != null)
+              const D = y.providerMetadata;
+              if (D != null)
                 if (d.state === "output-available" || d.state === "output-error") {
                   const se = b;
-                  se.resultProviderMetadata = j;
+                  se.resultProviderMetadata = D;
                 } else
-                  b.callProviderMetadata = j;
+                  b.callProviderMetadata = D;
             } else
               c.message.parts.push({
                 type: "dynamic-tool",
@@ -2792,7 +2793,7 @@ function Ts({
                   chunkId: i.id,
                   message: `Received reasoning-end for missing reasoning part with ID "${i.id}". Ensure a "reasoning-start" chunk is sent before any "reasoning-end" chunks.`
                 });
-              d.providerMetadata = (T = i.providerMetadata) != null ? T : d.providerMetadata, d.state = "done", delete c.activeReasoningParts[i.id], l();
+              d.providerMetadata = (A = i.providerMetadata) != null ? A : d.providerMetadata, d.state = "done", delete c.activeReasoningParts[i.id], l();
               break;
             }
             case "file":
@@ -2835,7 +2836,7 @@ function Ts({
                 dynamic: i.dynamic,
                 title: i.title,
                 toolMetadata: i.toolMetadata
-              }, i.dynamic ? I({
+              }, i.dynamic ? _({
                 toolCallId: i.toolCallId,
                 toolName: i.toolName,
                 state: "input-streaming",
@@ -2844,7 +2845,7 @@ function Ts({
                 title: i.title,
                 toolMetadata: i.toolMetadata,
                 providerMetadata: i.providerMetadata
-              }) : S({
+              }) : I({
                 toolCallId: i.toolCallId,
                 toolName: i.toolName,
                 state: "input-streaming",
@@ -2868,14 +2869,14 @@ function Ts({
               const { value: f } = await De(
                 d.text
               );
-              d.dynamic ? I({
+              d.dynamic ? _({
                 toolCallId: i.toolCallId,
                 toolName: d.toolName,
                 state: "input-streaming",
                 input: f,
                 title: d.title,
                 toolMetadata: d.toolMetadata
-              }) : S({
+              }) : I({
                 toolCallId: i.toolCallId,
                 toolName: d.toolName,
                 state: "input-streaming",
@@ -2886,7 +2887,7 @@ function Ts({
               break;
             }
             case "tool-input-available": {
-              i.dynamic ? I({
+              i.dynamic ? _({
                 toolCallId: i.toolCallId,
                 toolName: i.toolName,
                 state: "input-available",
@@ -2895,7 +2896,7 @@ function Ts({
                 providerMetadata: i.providerMetadata,
                 title: i.title,
                 toolMetadata: i.toolMetadata
-              }) : S({
+              }) : I({
                 toolCallId: i.toolCallId,
                 toolName: i.toolName,
                 state: "input-available",
@@ -2911,7 +2912,7 @@ function Ts({
             }
             case "tool-input-error": {
               const d = c.message.parts.filter(_e).find((m) => m.toolCallId === i.toolCallId);
-              (d != null ? d.type === "dynamic-tool" : !!i.dynamic) ? I({
+              (d != null ? d.type === "dynamic-tool" : !!i.dynamic) ? _({
                 toolCallId: i.toolCallId,
                 toolName: i.toolName,
                 state: "output-error",
@@ -2920,7 +2921,7 @@ function Ts({
                 providerExecuted: i.providerExecuted,
                 providerMetadata: i.providerMetadata,
                 toolMetadata: i.toolMetadata
-              }) : S({
+              }) : I({
                 toolCallId: i.toolCallId,
                 toolName: i.toolName,
                 state: "output-error",
@@ -2934,7 +2935,7 @@ function Ts({
               break;
             }
             case "tool-approval-request": {
-              const d = A(i.toolCallId);
+              const d = M(i.toolCallId);
               d.state = "approval-requested", d.approval = {
                 id: i.approvalId,
                 ...i.isAutomatic === !0 ? { isAutomatic: !0 } : {},
@@ -2943,7 +2944,7 @@ function Ts({
               break;
             }
             case "tool-approval-response": {
-              const d = _(
+              const d = S(
                 i.approvalId
               ), f = d.approval == null ? { id: i.approvalId } : d.approval;
               d.state = "approval-responded", d.approval = {
@@ -2956,13 +2957,13 @@ function Ts({
               break;
             }
             case "tool-output-denied": {
-              const d = A(i.toolCallId);
+              const d = M(i.toolCallId);
               d.state = "output-denied", l();
               break;
             }
             case "tool-output-available": {
-              const d = A(i.toolCallId);
-              d.type === "dynamic-tool" ? I({
+              const d = M(i.toolCallId);
+              d.type === "dynamic-tool" ? _({
                 toolCallId: i.toolCallId,
                 toolName: d.toolName,
                 state: "output-available",
@@ -2973,7 +2974,7 @@ function Ts({
                 providerMetadata: i.providerMetadata,
                 title: d.title,
                 toolMetadata: d.toolMetadata
-              }) : S({
+              }) : I({
                 toolCallId: i.toolCallId,
                 toolName: st(d),
                 state: "output-available",
@@ -2988,8 +2989,8 @@ function Ts({
               break;
             }
             case "tool-output-error": {
-              const d = A(i.toolCallId);
-              d.type === "dynamic-tool" ? I({
+              const d = M(i.toolCallId);
+              d.type === "dynamic-tool" ? _({
                 toolCallId: i.toolCallId,
                 toolName: d.toolName,
                 state: "output-error",
@@ -2999,7 +3000,7 @@ function Ts({
                 providerMetadata: i.providerMetadata,
                 title: d.title,
                 toolMetadata: d.toolMetadata
-              }) : S({
+              }) : I({
                 toolCallId: i.toolCallId,
                 toolName: st(d),
                 state: "output-error",
@@ -3198,30 +3199,30 @@ var Rs = class {
       requestMetadata: t.metadata,
       trigger: t.trigger,
       messageId: t.messageId
-    })), v = (a = p == null ? void 0 : p.api) != null ? a : this.api, h = (p == null ? void 0 : p.headers) !== void 0 ? Ee(p.headers) : l, T = (p == null ? void 0 : p.body) !== void 0 ? p.body : {
+    })), v = (a = p == null ? void 0 : p.api) != null ? a : this.api, h = (p == null ? void 0 : p.headers) !== void 0 ? Ee(p.headers) : l, A = (p == null ? void 0 : p.body) !== void 0 ? p.body : {
       ...i,
       ...t.body,
       id: t.chatId,
       messages: t.messages,
       trigger: t.trigger,
       messageId: t.messageId
-    }, A = (n = p == null ? void 0 : p.credentials) != null ? n : c, S = await ((o = this.fetch) != null ? o : globalThis.fetch)(v, {
+    }, M = (n = p == null ? void 0 : p.credentials) != null ? n : c, I = await ((o = this.fetch) != null ? o : globalThis.fetch)(v, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
         ...h
       },
-      body: JSON.stringify(T),
-      credentials: A,
+      body: JSON.stringify(A),
+      credentials: M,
       signal: e
     });
-    if (!S.ok)
+    if (!I.ok)
       throw new Error(
-        (u = await S.text()) != null ? u : "Failed to fetch the chat response."
+        (u = await I.text()) != null ? u : "Failed to fetch the chat response."
       );
-    if (!S.body)
+    if (!I.body)
       throw new Error("The response body is empty.");
-    return this.processResponseStream(S.body);
+    return this.processResponseStream(I.body);
   }
   async reconnectToStream(e) {
     var t, r, a, n, o;
@@ -3235,20 +3236,20 @@ var Rs = class {
       headers: c,
       credentials: g,
       requestMetadata: e.metadata
-    })), p = (r = l == null ? void 0 : l.api) != null ? r : `${this.api}/${e.chatId}/stream`, v = (l == null ? void 0 : l.headers) !== void 0 ? Ee(l.headers) : c, h = (a = l == null ? void 0 : l.credentials) != null ? a : g, A = await ((n = this.fetch) != null ? n : globalThis.fetch)(p, {
+    })), p = (r = l == null ? void 0 : l.api) != null ? r : `${this.api}/${e.chatId}/stream`, v = (l == null ? void 0 : l.headers) !== void 0 ? Ee(l.headers) : c, h = (a = l == null ? void 0 : l.credentials) != null ? a : g, M = await ((n = this.fetch) != null ? n : globalThis.fetch)(p, {
       method: "GET",
       headers: v,
       credentials: h
     });
-    if (A.status === 204)
+    if (M.status === 204)
       return null;
-    if (!A.ok)
+    if (!M.ok)
       throw new Error(
-        (o = await A.text()) != null ? o : "Failed to fetch the chat response."
+        (o = await M.text()) != null ? o : "Failed to fetch the chat response."
       );
-    if (!A.body)
+    if (!M.body)
       throw new Error("The response body is empty.");
-    return this.processResponseStream(A.body);
+    return this.processResponseStream(M.body);
   }
 }, dt = class extends Rs {
   constructor(e = {}) {
@@ -3283,7 +3284,7 @@ var Rs = class {
     sendAutomaticallyWhen: l
   }) {
     this.activeResponse = void 0, this.jobExecutor = new Cs(), this.sendMessage = async (p, v) => {
-      var h, T, A, _;
+      var h, A, M, S;
       if (p == null) {
         await this.makeRequest({
           trigger: "submit-message",
@@ -3292,33 +3293,33 @@ var Rs = class {
         });
         return;
       }
-      let S;
-      if ("text" in p || "files" in p ? S = {
+      let I;
+      if ("text" in p || "files" in p ? I = {
         parts: [
           ...Array.isArray(p.files) ? p.files : await xs(p.files),
           ..."text" in p && p.text != null ? [{ type: "text", text: p.text }] : []
         ]
-      } : S = p, p.messageId != null) {
-        const I = this.state.messages.findIndex(
+      } : I = p, p.messageId != null) {
+        const _ = this.state.messages.findIndex(
           (R) => R.id === p.messageId
         );
-        if (I === -1)
+        if (_ === -1)
           throw new Error(`message with id ${p.messageId} not found`);
-        if (this.state.messages[I].role !== "user")
+        if (this.state.messages[_].role !== "user")
           throw new Error(
             `message with id ${p.messageId} is not a user message`
           );
-        this.state.messages = this.state.messages.slice(0, I + 1), this.state.replaceMessage(I, {
-          ...S,
+        this.state.messages = this.state.messages.slice(0, _ + 1), this.state.replaceMessage(_, {
+          ...I,
           id: p.messageId,
-          role: (T = S.role) != null ? T : "user",
+          role: (A = I.role) != null ? A : "user",
           metadata: p.metadata
         });
       } else
         this.state.pushMessage({
-          ...S,
-          id: (A = S.id) != null ? A : this.generateId(),
-          role: (_ = S.role) != null ? _ : "user",
+          ...I,
+          id: (M = I.id) != null ? M : this.generateId(),
+          role: (S = I.role) != null ? S : "user",
           metadata: p.metadata
         });
       await this.makeRequest({
@@ -3330,7 +3331,7 @@ var Rs = class {
       messageId: p,
       ...v
     } = {}) => {
-      const h = p == null ? this.state.messages.length - 1 : this.state.messages.findIndex((T) => T.id === p);
+      const h = p == null ? this.state.messages.length - 1 : this.state.messages.findIndex((A) => A.id === p);
       if (h === -1)
         throw new Error(`message ${p} not found`);
       this.state.messages = this.state.messages.slice(
@@ -3350,41 +3351,41 @@ var Rs = class {
       id: p,
       approved: v,
       reason: h,
-      options: T
+      options: A
     }) => this.jobExecutor.run(async () => {
-      const A = this.state.messages, _ = A[A.length - 1], S = (I) => _e(I) && I.state === "approval-requested" && I.approval.id === p ? {
-        ...I,
-        state: "approval-responded",
-        approval: { ...I.approval, id: p, approved: v, reason: h }
-      } : I;
-      this.state.replaceMessage(A.length - 1, {
+      const M = this.state.messages, S = M[M.length - 1], I = (_) => _e(_) && _.state === "approval-requested" && _.approval.id === p ? {
         ..._,
-        parts: _.parts.map(S)
-      }), this.activeResponse && (this.activeResponse.state.message.parts = this.activeResponse.state.message.parts.map(S)), this.status !== "streaming" && this.status !== "submitted" && this.sendAutomaticallyWhen && this.shouldSendAutomatically().then((I) => {
+        state: "approval-responded",
+        approval: { ..._.approval, id: p, approved: v, reason: h }
+      } : _;
+      this.state.replaceMessage(M.length - 1, {
+        ...S,
+        parts: S.parts.map(I)
+      }), this.activeResponse && (this.activeResponse.state.message.parts = this.activeResponse.state.message.parts.map(I)), this.status !== "streaming" && this.status !== "submitted" && this.sendAutomaticallyWhen && this.shouldSendAutomatically().then((_) => {
         var R;
-        I && this.makeRequest({
+        _ && this.makeRequest({
           trigger: "submit-message",
           messageId: (R = this.lastMessage) == null ? void 0 : R.id,
-          ...T
+          ...A
         });
       });
     }), this.addToolOutput = async ({
       state: p = "output-available",
       toolCallId: v,
       output: h,
-      errorText: T,
-      options: A
+      errorText: A,
+      options: M
     }) => this.jobExecutor.run(async () => {
-      const _ = this.state.messages, S = _[_.length - 1], I = (R) => _e(R) && R.toolCallId === v ? { ...R, state: p, output: h, errorText: T } : R;
-      this.state.replaceMessage(_.length - 1, {
-        ...S,
-        parts: S.parts.map(I)
-      }), this.activeResponse && (this.activeResponse.state.message.parts = this.activeResponse.state.message.parts.map(I)), this.status !== "streaming" && this.status !== "submitted" && this.sendAutomaticallyWhen && this.shouldSendAutomatically().then((R) => {
+      const S = this.state.messages, I = S[S.length - 1], _ = (R) => _e(R) && R.toolCallId === v ? { ...R, state: p, output: h, errorText: A } : R;
+      this.state.replaceMessage(S.length - 1, {
+        ...I,
+        parts: I.parts.map(_)
+      }), this.activeResponse && (this.activeResponse.state.message.parts = this.activeResponse.state.message.parts.map(_)), this.status !== "streaming" && this.status !== "submitted" && this.sendAutomaticallyWhen && this.shouldSendAutomatically().then((R) => {
         var d;
         R && this.makeRequest({
           trigger: "submit-message",
           messageId: (d = this.lastMessage) == null ? void 0 : d.id,
-          ...A
+          ...M
         });
       });
     }), this.addToolResult = this.addToolOutput, this.stop = async () => {
@@ -3467,8 +3468,8 @@ var Rs = class {
       v = h, h.abortController.signal.addEventListener("abort", () => {
         c = !0;
       }), this.activeResponse = h;
-      let T;
-      e === "resume-stream" ? T = i : T = await this.transport.sendMessages({
+      let A;
+      e === "resume-stream" ? A = i : A = await this.transport.sendMessages({
         chatId: this.id,
         messages: this.state.messages,
         abortSignal: h.abortController.signal,
@@ -3478,14 +3479,14 @@ var Rs = class {
         trigger: e,
         messageId: n
       });
-      const A = (_) => (
+      const M = (S) => (
         // serialize the job execution to avoid race conditions:
         this.jobExecutor.run(
-          () => _({
+          () => S({
             state: h.state,
             write: () => {
-              var S;
-              this.setStatus({ status: "streaming" }), h.state.message.id === ((S = this.lastMessage) == null ? void 0 : S.id) ? this.state.replaceMessage(
+              var I;
+              this.setStatus({ status: "streaming" }), h.state.message.id === ((I = this.lastMessage) == null ? void 0 : I.id) ? this.state.replaceMessage(
                 this.state.messages.length - 1,
                 h.state.message
               ) : this.state.pushMessage(h.state.message);
@@ -3495,18 +3496,18 @@ var Rs = class {
       );
       await As({
         stream: Ts({
-          stream: T,
+          stream: A,
           onToolCall: this.onToolCall,
           onData: this.onData,
           messageMetadataSchema: this.messageMetadataSchema,
           dataPartSchemas: this.dataPartSchemas,
-          runUpdateMessageJob: A,
-          onError: (_) => {
-            throw _;
+          runUpdateMessageJob: M,
+          onError: (S) => {
+            throw S;
           }
         }),
-        onError: (_) => {
-          throw _;
+        onError: (S) => {
+          throw S;
         }
       }), this.setStatus({ status: "ready" });
     } catch (h) {
@@ -3633,7 +3634,7 @@ function Fs({
   resume: r = !1,
   ...a
 } = {}) {
-  const n = e ?? t, o = D({});
+  const n = e ?? t, o = j({});
   "chat" in a || (o.current = {
     onToolCall: a.onToolCall,
     onData: a.onData,
@@ -3644,40 +3645,40 @@ function Fs({
   });
   let u;
   const i = () => {
-    var _;
-    return (_ = o.current.transport) != null ? _ : u ?? (u = new dt());
+    var S;
+    return (S = o.current.transport) != null ? S : u ?? (u = new dt());
   }, g = {
     ...a,
     transport: {
-      sendMessages: (_) => i().sendMessages(_),
-      reconnectToStream: (_) => i().reconnectToStream(_)
+      sendMessages: (S) => i().sendMessages(S),
+      reconnectToStream: (S) => i().reconnectToStream(S)
     },
-    onToolCall: (_) => {
-      var S, I;
-      return (I = (S = o.current).onToolCall) == null ? void 0 : I.call(S, _);
+    onToolCall: (S) => {
+      var I, _;
+      return (_ = (I = o.current).onToolCall) == null ? void 0 : _.call(I, S);
     },
-    onData: (_) => {
-      var S, I;
-      return (I = (S = o.current).onData) == null ? void 0 : I.call(S, _);
+    onData: (S) => {
+      var I, _;
+      return (_ = (I = o.current).onData) == null ? void 0 : _.call(I, S);
     },
-    onFinish: (_) => {
-      var S, I;
-      return (I = (S = o.current).onFinish) == null ? void 0 : I.call(S, _);
+    onFinish: (S) => {
+      var I, _;
+      return (_ = (I = o.current).onFinish) == null ? void 0 : _.call(I, S);
     },
-    onError: (_) => {
-      var S, I;
-      return (I = (S = o.current).onError) == null ? void 0 : I.call(S, _);
+    onError: (S) => {
+      var I, _;
+      return (_ = (I = o.current).onError) == null ? void 0 : _.call(I, S);
     },
-    sendAutomaticallyWhen: (_) => {
-      var S, I, R;
-      return (R = (I = (S = o.current).sendAutomaticallyWhen) == null ? void 0 : I.call(S, _)) != null ? R : !1;
+    sendAutomaticallyWhen: (S) => {
+      var I, _, R;
+      return (R = (_ = (I = o.current).sendAutomaticallyWhen) == null ? void 0 : _.call(I, S)) != null ? R : !1;
     }
-  }, c = D(
+  }, c = j(
     "chat" in a ? a.chat : new Lt(g)
   );
   ("chat" in a && a.chat !== c.current || "id" in a && a.id != null && c.current.id !== a.id) && (c.current = "chat" in a ? a.chat : new Lt(g));
   const p = U(
-    (_) => c.current["~registerMessagesCallback"](_, n),
+    (S) => c.current["~registerMessagesCallback"](S, n),
     // `chatRef.current.id` is required to trigger re-subscription when the chat ID changes
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [n, c.current.id]
@@ -3689,13 +3690,13 @@ function Fs({
     c.current["~registerStatusCallback"],
     () => c.current.status,
     () => c.current.status
-  ), T = Oe(
+  ), A = Oe(
     c.current["~registerErrorCallback"],
     () => c.current.error,
     () => c.current.error
-  ), A = U(
-    (_) => {
-      typeof _ == "function" && (_ = _(c.current.messages)), c.current.messages = _;
+  ), M = U(
+    (S) => {
+      typeof S == "function" && (S = S(c.current.messages)), c.current.messages = S;
     },
     [c]
   );
@@ -3704,12 +3705,12 @@ function Fs({
   }, [r, c]), {
     id: c.current.id,
     messages: v,
-    setMessages: A,
+    setMessages: M,
     sendMessage: c.current.sendMessage,
     regenerate: c.current.regenerate,
     clearError: c.current.clearError,
     stop: c.current.stop,
-    error: T,
+    error: A,
     resumeStream: c.current.resumeStream,
     status: h,
     /**
@@ -3975,7 +3976,7 @@ function sn({
   sessionId: r,
   persistedMessages: a
 }) {
-  const { api: n, messageCtx: o } = e, u = D(t);
+  const { api: n, messageCtx: o } = e, u = j(t);
   u.current = t;
   const { pageContext: i, clientTools: g } = e.features, c = X(
     () => Hs({
@@ -3988,9 +3989,9 @@ function sn({
     messages: p,
     sendMessage: v,
     stop: h,
-    error: T,
-    clearError: A,
-    resumeStream: _
+    error: A,
+    clearError: M,
+    resumeStream: S
   } = Fs({
     id: r ?? void 0,
     // Reattach to a still-live turn (reload, tab switch) — but only once a
@@ -4004,11 +4005,11 @@ function sn({
     // replies inside customer pages.
     throttle: 50,
     onError: (E) => q.error("agent chat stream error", E)
-  }), S = D(p);
-  S.current = p;
-  const I = D(new Ft(qt)), R = D("idle"), d = D(Promise.resolve()), f = D(0), [m, b] = Z(0), [y, w] = Z(!1), [j, se] = Z([]), [Be, We] = Z(null), Y = D(null), ee = U((E) => {
+  }), I = j(p);
+  I.current = p;
+  const _ = j(new Ft(qt)), R = j("idle"), d = j(Promise.resolve()), f = j(0), [m, b] = Z(0), [y, w] = Z(!1), [D, se] = Z([]), [Be, We] = Z(null), Y = j(null), ee = U((E) => {
     Y.current = E, We(E);
-  }, []), Me = D(null), ye = D(null), be = D(l), ft = D(r), Ve = D(null), Je = D(null), mt = D(h), pe = D(l);
+  }, []), Me = j(null), ye = j(null), be = j(l), ft = j(r), Ve = j(null), Je = j(null), mt = j(h), pe = j(l);
   pe.current = l;
   const Le = U((E, x) => {
     const O = en(E.parts);
@@ -4064,7 +4065,7 @@ function sn({
               q.error("agent chat steer fallback: client stop failed", F);
             }
             if (x !== f.current) return;
-            _();
+            S();
             return;
           case "failed":
             q.error("agent chat steer: the turn failed", {
@@ -4080,8 +4081,8 @@ function sn({
         });
       }
     },
-    [c, Fe, o, h, _, e]
-  ), vt = D(gt);
+    [c, Fe, o, h, S, e]
+  ), vt = j(gt);
   vt.current = gt, $(() => {
     const E = mt.current;
     mt.current = h;
@@ -4092,10 +4093,10 @@ function sn({
       return;
     }
     const O = pe.current === "submitted" || pe.current === "streaming" || be.current === "submitted" || be.current === "streaming" || R.current === "in-flight";
-    f.current += 1, d.current = Promise.resolve(), I.current = new Ft(qt), R.current = "idle", ye.current = null, Me.current = null, Je.current = null, Ve.current = l === "submitted" || l === "streaming" ? l : null, be.current = "ready", pe.current = "ready", A(), b((L) => L + 1), w(!1), se([]), ee(null), O && Promise.resolve().then(() => E()).catch((L) => {
+    f.current += 1, d.current = Promise.resolve(), _.current = new Ft(qt), R.current = "idle", ye.current = null, Me.current = null, Je.current = null, Ve.current = l === "submitted" || l === "streaming" ? l : null, be.current = "ready", pe.current = "ready", M(), b((L) => L + 1), w(!1), se([]), ee(null), O && Promise.resolve().then(() => E()).catch((L) => {
       q.error("agent chat client stream cancel failed", L);
     });
-  }, [r, l, h, A, ee]), $(() => {
+  }, [r, l, h, M, ee]), $(() => {
     var F, Te;
     const E = Ve.current;
     if (E !== null && l === E) {
@@ -4112,7 +4113,7 @@ function sn({
     if (l !== "ready" && l !== "error") return;
     if (x === "streaming" || x === "submitted") {
       R.current === "in-flight" && (R.current = "idle");
-      const H = S.current.at(-1), ne = Y.current;
+      const H = I.current.at(-1), ne = Y.current;
       if (Me.current = ne, ne !== null && H && H.role === "assistant" && Le(H, ne), l === "ready") {
         const ie = (Te = ye.current) == null ? void 0 : Te.userMessage.id;
         ie && o.markUserMessageDelivered(ie);
@@ -4124,7 +4125,7 @@ function sn({
       })) : w(!1));
     }
     if (R.current !== "idle" || !r) return;
-    const L = I.current.dequeueNext();
+    const L = _.current.dequeueNext();
     L && (R.current = "in-flight", ye.current = L, ee(`turn-${L.userMessage.id}`), o.appendUserMessageIfAbsent(L.userMessage), b((H) => H + 1), v(
       { text: L.userMessage.content },
       { body: Fe(L) }
@@ -4145,14 +4146,14 @@ function sn({
       const x = f.current, O = d.current.then(
         async () => {
           if (x !== f.current) return;
-          const L = R.current, F = pe.current === "streaming" && L !== "stopping" && L !== "reconciling" && I.current.size === 0, H = pe.current === "submitted" || pe.current === "streaming" || L !== "idle" || I.current.size > 0 ? nn(o.buildQueuedUserMessage(E)) : await o.stageUserTurn(E, { pending: !0 });
+          const L = R.current, F = pe.current === "streaming" && L !== "stopping" && L !== "reconciling" && _.current.size === 0, H = pe.current === "submitted" || pe.current === "streaming" || L !== "idle" || _.current.size > 0 ? nn(o.buildQueuedUserMessage(E)) : await o.stageUserTurn(E, { pending: !0 });
           if (!H || x !== f.current) return;
           const ne = { ...H, input: E };
           if (F) {
             o.appendUserMessageIfAbsent(ne.userMessage), o.notifySendAccepted(E), vt.current(ne);
             return;
           }
-          if (!I.current.enqueue(ne)) {
+          if (!_.current.enqueue(ne)) {
             q.warn("agent chat queue full; rejecting newest send", {
               rejectedMessageId: ne.userMessage.id
             });
@@ -4172,16 +4173,16 @@ function sn({
   ), wr = U(() => {
     const E = ye.current;
     if (!E) return;
-    if (!I.current.enqueue({
+    if (!_.current.enqueue({
       ...E,
       retryUuid: yt()
     })) {
       q.warn("agent chat queue full; retry not enqueued");
       return;
     }
-    A(), b((O) => O + 1);
-  }, [A]), Mr = U((E) => {
-    I.current.removeWhere(
+    M(), b((O) => O + 1);
+  }, [M]), Mr = U((E) => {
+    _.current.removeWhere(
       (O) => O.userMessage.id === E
     ) && b((O) => O + 1);
   }, []), Tr = U(() => {
@@ -4243,12 +4244,12 @@ function sn({
     x && x.role === "assistant" && Le(x, E);
   }, [p, ae, Le]), $(() => {
     const E = () => {
-      document.visibilityState === "visible" && r && (ae || T === void 0 && !y || _());
+      document.visibilityState === "visible" && r && (ae || A === void 0 && !y || S());
     };
     return document.addEventListener("visibilitychange", E), window.addEventListener("online", E), () => {
       document.removeEventListener("visibilitychange", E), window.removeEventListener("online", E);
     };
-  }, [r, ae, y, T, _]), $(() => {
+  }, [r, ae, y, A, S]), $(() => {
     if (!(ae || !y))
       for (let E = a.length - 1; E >= 0; E -= 1) {
         const x = a[E];
@@ -4266,7 +4267,7 @@ function sn({
     const E = p.at(-1);
     return !E || E.role !== "assistant" ? [] : ot(E.parts);
   }, [p, ae, y]), xr = X(
-    () => I.current.items.map((E) => E.userMessage),
+    () => _.current.items.map((E) => E.userMessage),
     // eslint-disable-next-line react-hooks/exhaustive-deps -- queueRef is mutable; queueVersion is the signal
     [m]
   );
@@ -4274,11 +4275,11 @@ function sn({
     isStreaming: ae,
     liveItems: Cr,
     /** Finished turns' render sources — see `TurnRenderSource`. */
-    turnSources: j,
+    turnSources: D,
     /** The live turn's node key (stable through the retained promotion). */
     liveTurnKey: Be,
     /** The last turn failed — the transcript renders a visible error row. */
-    turnFailed: T !== void 0,
+    turnFailed: A !== void 0,
     retryFailedTurn: wr,
     queuedUserMessages: xr,
     removeQueued: Mr,
@@ -4313,7 +4314,7 @@ function ln({
   widgetCtx: t,
   config: r
 }) {
-  var S, I;
+  var I, _;
   const a = de(t.sessionCtx.sessionState), n = de(t.messageCtx.state), {
     isStreaming: o,
     liveItems: u,
@@ -4324,13 +4325,13 @@ function ln({
     queuedUserMessages: p,
     removeQueued: v,
     stop: h,
-    pageEffects: T
+    pageEffects: A
   } = sn({
     widgetCtx: t,
     config: r,
-    sessionId: ((S = a.session) == null ? void 0 : S.id) ?? null,
+    sessionId: ((I = a.session) == null ? void 0 : I.id) ?? null,
     persistedMessages: n.messages
-  }), A = ((I = n.messages.at(-1)) == null ? void 0 : I.type) === "USER", _ = X(
+  }), M = ((_ = n.messages.at(-1)) == null ? void 0 : _.type) === "USER", S = X(
     () => ({
       isStreaming: o,
       liveItems: u,
@@ -4341,12 +4342,12 @@ function ln({
       queuedUserMessages: p,
       removeQueued: v,
       stop: h,
-      pageEffects: T,
+      pageEffects: A,
       pendingClarification: qr({
         turnSources: i,
         liveItems: u,
         isStreaming: o,
-        lastMessageIsFromUser: A
+        lastMessageIsFromUser: M
       })
     }),
     [
@@ -4359,11 +4360,11 @@ function ln({
       p,
       v,
       h,
-      T,
-      A
+      A,
+      M
     ]
   );
-  return /* @__PURE__ */ V.createElement(pt.Provider, { value: _ }, e);
+  return /* @__PURE__ */ V.createElement(pt.Provider, { value: S }, e);
 }
 function un({
   children: e,
@@ -4381,44 +4382,50 @@ function wn({
   loadingComponent: n,
   errorComponent: o
 }) {
-  const u = D(null), i = D(null), [g, c] = Z({ status: "loading" }), l = X(
+  const u = j(e);
+  u.current = e;
+  const i = j(null), g = j(null), [c, l] = Z({ status: "loading" }), p = X(
     () => new Ur({
       components: r
     }),
     [r]
   );
   if ($(() => {
-    const v = i.current ?? (i.current = Nr.initialize({ config: e, storage: a }));
-    let h = !0;
-    return v.then(
-      (T) => {
-        h && c({ status: "ready", widgetCtx: T });
+    const h = g.current ?? (g.current = Nr.initialize({
+      config: e,
+      storage: a,
+      getClientCapabilities: () => u.current.capabilities
+    }));
+    let A = !0;
+    return h.then(
+      (M) => {
+        A && l({ status: "ready", widgetCtx: M });
       },
-      (T) => {
-        const A = T instanceof Error ? T : new Error("Widget initialization failed", { cause: T });
-        q.error("widget initialization failed", A), h && c({ status: "error", error: A });
+      (M) => {
+        const S = M instanceof Error ? M : new Error("Widget initialization failed", { cause: M });
+        q.error("widget initialization failed", S), A && l({ status: "error", error: S });
       }
     ), () => {
-      h = !1;
+      A = !1;
     };
-  }, []), g.status === "loading")
+  }, []), c.status === "loading")
     return n ? /* @__PURE__ */ V.createElement(V.Fragment, null, n) : null;
-  if (g.status === "error")
-    return o ? /* @__PURE__ */ V.createElement(V.Fragment, null, o(g.error)) : null;
-  const { widgetCtx: p } = g;
+  if (c.status === "error")
+    return o ? /* @__PURE__ */ V.createElement(V.Fragment, null, o(c.error)) : null;
+  const { widgetCtx: v } = c;
   return /* @__PURE__ */ V.createElement(
     hr.Provider,
     {
       value: {
-        widgetCtx: p,
+        widgetCtx: v,
         config: e,
         components: r,
-        componentStore: l,
+        componentStore: p,
         version: $r,
-        contentIframeRef: u
+        contentIframeRef: i
       }
     },
-    /* @__PURE__ */ V.createElement(un, { widgetCtx: p, config: e }, t)
+    /* @__PURE__ */ V.createElement(un, { widgetCtx: v, config: e }, t)
   );
 }
 function K() {
@@ -4575,7 +4582,7 @@ function On() {
     try {
       t(
         (h) => h.map(
-          (T) => T.id === l.id ? { ...T, status: "uploading", progress: 0 } : T
+          (A) => A.id === l.id ? { ...A, status: "uploading", progress: 0 } : A
         )
       );
       const v = await r.uploadFile({
@@ -4685,29 +4692,29 @@ function gn({
   (p.defaultLayout !== i || p.allowedLayoutsKey !== g) && (v({ defaultLayout: i, allowedLayoutsKey: g }), (p.defaultLayout !== i || !u.includes(c)) && l(i));
   const h = (y) => {
     l((w) => {
-      const j = typeof y == "function" ? y(w) : y;
-      return u.includes(j) ? j : w;
+      const D = typeof y == "function" ? y(w) : y;
+      return u.includes(D) ? D : w;
     });
-  }, T = D(u);
-  T.current = u;
-  const A = (y) => {
-    h(y), T.current.includes(y) && mn(y) && (n == null || n.setCompanionLayout(y).catch(() => {
+  }, A = j(u);
+  A.current = u;
+  const M = (y) => {
+    h(y), A.current.includes(y) && mn(y) && (n == null || n.setCompanionLayout(y).catch(() => {
     }));
-  }, [_, S] = Z(r), [I, R] = Z(a), [d, f] = Z({
+  }, [S, I] = Z(r), [_, R] = Z(a), [d, f] = Z({
     side: r,
     mode: a
   });
   (d.side !== r || d.mode !== a) && (f({
     side: r,
     mode: a
-  }), d.side !== r && S(r), d.mode !== a && R(a)), $(() => {
+  }), d.side !== r && I(r), d.mode !== a && R(a)), $(() => {
     if (!n) return;
     let y = !1;
     return n.getCompanionLayout().then((w) => {
-      y || !w || T.current.includes(w) && l(w);
+      y || !w || A.current.includes(w) && l(w);
     }).catch(() => {
     }), n.getCompanionSidebarSide().then((w) => {
-      !y && w && S(w);
+      !y && w && I(w);
     }).catch(() => {
     }), n.getCompanionSidebarMode().then((w) => {
       !y && w && R(w);
@@ -4718,7 +4725,7 @@ function gn({
   }, [n]);
   const m = U(
     (y) => {
-      S(y), n == null || n.setCompanionSidebarSide(y).catch(() => {
+      I(y), n == null || n.setCompanionSidebarSide(y).catch(() => {
       });
     },
     [n]
@@ -4735,12 +4742,12 @@ function gn({
       value: {
         layout: c,
         setLayout: h,
-        setLayoutPreference: A,
+        setLayoutPreference: M,
         allowedLayouts: u,
         defaultLayout: i,
-        sidebarSide: _,
+        sidebarSide: S,
         setSidebarSide: m,
-        sidebarMode: I,
+        sidebarMode: _,
         setSidebarMode: b
       }
     },
@@ -4811,7 +4818,7 @@ function Fn() {
   };
 }
 function kn(e) {
-  const { widgetCtx: t } = K(), r = t.dictationCtx, a = de(r.state), n = D(e);
+  const { widgetCtx: t } = K(), r = t.dictationCtx, a = de(r.state), n = j(e);
   n.current = e;
   const o = U(() => {
     r.start({