@copilotkit/vue 1.59.5-canary.1781104893 → 1.60.0

package/dist/{use-render-activity-message-CCdCVec7.js → use-render-activity-message-Dw44JCPl.js}

@@ -1,4 +1,4 @@
-import { defineComponent as se, useAttrs as Ge, shallowRef as it, onMounted as Je, onUnmounted as dn, openBlock as R, createBlock as he, resolveDynamicComponent as mt, mergeProps as ge, unref as G, createCommentVNode as Q, inject as Ct, ref as I, watch as L, computed as c, onBeforeUnmount as Me, h as y, nextTick as ft, getCurrentInstance as lt, createElementBlock as j, normalizeStyle as rt, createElementVNode as M, toDisplayString as ke, triggerRef as ot, provide as It, Fragment as Re, renderSlot as T, toValue as _e, renderList as Ke, createVNode as oe, withMemo as pa, createSlots as qe, withCtx as W, normalizeProps as q, guardReactiveProps as J, normalizeClass as ye, createTextVNode as qt, readonly as Ut, withModifiers as Ht, Teleport as fa, useSlots as pn, onScopeDispose as Kt } from "vue";
+import { defineComponent as se, useAttrs as Ge, shallowRef as it, onMounted as Je, onUnmounted as dn, openBlock as R, createBlock as he, resolveDynamicComponent as mt, mergeProps as ge, unref as G, createCommentVNode as Q, inject as Ct, ref as I, watch as L, computed as c, onBeforeUnmount as Me, h as w, nextTick as ft, getCurrentInstance as lt, createElementBlock as j, normalizeStyle as rt, createElementVNode as M, toDisplayString as ke, triggerRef as ot, provide as It, Fragment as Re, renderSlot as T, toValue as _e, renderList as Ke, createVNode as oe, withMemo as pa, createSlots as qe, withCtx as W, normalizeProps as q, guardReactiveProps as J, normalizeClass as ye, createTextVNode as qt, readonly as Ut, withModifiers as Ht, Teleport as fa, useSlots as pn, onScopeDispose as Kt } from "vue";
 import { z as ce } from "zod";
 import { randomUUID as pt, A2UI_DEFAULT_GENERATION_GUIDELINES as ga, A2UI_DEFAULT_DESIGN_GUIDELINES as va, createLicenseContextValue as qn, schemaToJsonSchema as ma, DEFAULT_AGENT_ID as ct, partialJSONParse as In, matchesAcceptFilter as en, exceedsMaxSize as ha, formatFileSize as on, getModalityFromMimeType as ba, readFileAsBase64 as ka, generateVideoThumbnail as ya, TranscriptionErrorCode as Xe, getSourceUrl as wt, getDocumentIcon as sn } from "@copilotkit/shared";
 import { zodToJsonSchema as fn } from "zod-to-json-schema";
@@ -179,22 +179,22 @@ const wo = se({
       inProgress: !1,
       promise: null,
       resourceUri: null
-    }), w = (C) => {
+    }), k = (C) => {
       a.value?.contentWindow && a.value.contentWindow.postMessage(C, "*");
     }, u = (C, m) => {
-      w({
+      k({
         jsonrpc: "2.0",
         id: C,
         result: m
       });
     }, d = (C, m, x) => {
-      w({
+      k({
         jsonrpc: "2.0",
         id: C,
         error: { code: m, message: x }
       });
     }, g = (C, m) => {
-      w({
+      k({
         jsonrpc: "2.0",
         method: C,
         params: m || {}
@@ -204,7 +204,7 @@ const wo = se({
       [() => e.agent, () => e.content],
       ([C, m]) => {
         s.value = !0, o.value = null, i.value = !1, r.value = {}, l.value = null;
-        const { resourceUri: x, serverHash: f, serverId: k } = m;
+        const { resourceUri: x, serverHash: f, serverId: y } = m;
         if (p.value.inProgress && p.value.resourceUri === x) {
           p.value.promise?.then((b) => {
             b && (l.value = b, s.value = !1);
@@ -226,7 +226,7 @@ const wo = se({
                 forwardedProps: {
                   __proxiedMCPRequest: {
                     serverHash: f,
-                    serverId: k,
+                    serverId: y,
                     method: "resources/read",
                     params: { uri: x }
                   }
@@ -252,8 +252,8 @@ const wo = se({
       ([C, m], x, f) => {
         if (C || !m)
           return;
-        const k = t.value;
-        if (!k)
+        const y = t.value;
+        if (!y)
           return;
         let v = !0, b = null, S = null, O = null;
         (async () => {
@@ -273,7 +273,7 @@ const wo = se({
               return;
             }
             const Y = l.value?._meta?.ui?.csp?.resourceDomains;
-            if ($.srcdoc = vo(Y), a.value = $, k.appendChild($), await P, !v) return;
+            if ($.srcdoc = vo(Y), a.value = $, y.appendChild($), await P, !v) return;
             b = async (te) => {
               if (te.source !== $.contentWindow) return;
               const K = te.data;
@@ -448,7 +448,7 @@ const wo = se({
     return Me(() => {
       const C = e.agent?.threadId || "default";
       Bt.cancel(C);
-    }), () => y(
+    }), () => w(
       "div",
       {
         ref: t,
@@ -462,12 +462,12 @@ const wo = se({
         }
       },
       [
-        s.value ? y(
+        s.value ? w(
           "div",
           { style: { padding: "1rem", color: "#666" } },
           "Loading..."
         ) : null,
-        o.value ? y(
+        o.value ? w(
           "div",
           { style: { color: "red", padding: "1rem" } },
           `Error: ${o.value.message}`
@@ -565,7 +565,7 @@ const Rn = "a2ui_operations", Co = se({
   name: "DefaultA2UILoading",
   setup() {
     const e = [0.8, 0.6, 0.4];
-    return () => y(
+    return () => w(
       "div",
       {
         class: "cpk:flex cpk:flex-col cpk:gap-3 cpk:rounded-xl cpk:border cpk:border-gray-100 cpk:bg-gray-50/50 cpk:p-5",
@@ -573,15 +573,15 @@ const Rn = "a2ui_operations", Co = se({
         "data-testid": "a2ui-loading"
       },
       [
-        y("div", { class: "cpk:flex cpk:items-center cpk:gap-2" }, [
-          y("div", {
+        w("div", { class: "cpk:flex cpk:items-center cpk:gap-2" }, [
+          w("div", {
             class: "cpk:h-3 cpk:w-3 cpk:rounded-full cpk:bg-gray-200",
             style: {
               animation: "cpk-a2ui-pulse 1.5s ease-in-out infinite"
             },
             "data-testid": "a2ui-loading-dot"
           }),
-          y(
+          w(
             "span",
             {
               class: "cpk:text-xs cpk:font-medium cpk:text-gray-400"
@@ -589,11 +589,11 @@ const Rn = "a2ui_operations", Co = se({
             "Generating UI..."
           )
         ]),
-        y(
+        w(
           "div",
           { class: "cpk:flex cpk:flex-col cpk:gap-2" },
           e.map(
-            (n, t) => y("div", {
+            (n, t) => w("div", {
               key: t,
               class: "cpk:h-3 cpk:rounded cpk:bg-gray-200/70",
               style: {
@@ -604,7 +604,7 @@ const Rn = "a2ui_operations", Co = se({
             })
           )
         ),
-        y(
+        w(
           "style",
           {},
           `@keyframes cpk-a2ui-pulse {
@@ -636,7 +636,7 @@ function To(e) {
         const t = c(
           () => Array.isArray(n.content?.[Rn]) ? n.content[Rn] : []
         );
-        return () => t.value.length === 0 ? e.loadingComponent ? y(e.loadingComponent) : y(Co) : y(Ms, {
+        return () => t.value.length === 0 ? e.loadingComponent ? w(e.loadingComponent) : w(Co) : w(Ms, {
           activityType: "a2ui-surface",
           content: { operations: t.value },
           message: n.message,
@@ -671,9 +671,9 @@ function So(e, n) {
           args: p
         }) => {
           if (l === "complete") return null;
-          const w = p, u = w?.items;
+          const k = p, u = k?.items;
           if (Array.isArray(u) && u.length > 0) return null;
-          const d = w?.components;
+          const d = k?.components;
           return Array.isArray(d) && d.length > 2 ? null : Io(p);
         }
       }), r = t.propRenderToolCalls;
@@ -701,7 +701,7 @@ function Io(e) {
     const u = JSON.stringify(e ?? {}).length;
     o = Math.round(u / 4), a.lastTime = i, a.lastTokens = o;
   }
-  const s = o < 50 ? 0 : o < 200 ? 1 : o < 400 ? 2 : 3, r = () => y("div", {
+  const s = o < 50 ? 0 : o < 200 ? 1 : o < 400 ? 2 : 3, r = () => w("div", {
     style: {
       width: "7px",
       height: "7px",
@@ -709,7 +709,7 @@ function Io(e) {
       backgroundColor: "#d4d4d8",
       flexShrink: 0
     }
-  }), l = () => y("div", { style: { width: "12px" } }), p = (u, d, g, h, C, m) => y("div", {
+  }), l = () => w("div", { style: { width: "12px" } }), p = (u, d, g, h, C, m) => w("div", {
     style: {
       width: `${u}px`,
       height: `${d}px`,
@@ -721,7 +721,7 @@ function Io(e) {
       ...C !== void 0 ? { opacity: C } : {},
       ...m ? { transition: m } : {}
     }
-  }), w = (u, d, g) => y(
+  }), k = (u, d, g) => w(
     "div",
     {
       style: {
@@ -734,8 +734,8 @@ function Io(e) {
     },
     g
   );
-  return y("div", { style: { margin: "12px 0", maxWidth: "320px" } }, [
-    y(
+  return w("div", { style: { margin: "12px 0", maxWidth: "320px" } }, [
+    w(
       "div",
       {
         style: {
@@ -750,7 +750,7 @@ function Io(e) {
       },
       [
         // Top bar
-        y(
+        w(
           "div",
           {
             style: {
@@ -761,7 +761,7 @@ function Io(e) {
             }
           },
           [
-            y("div", { style: { display: "flex", gap: "4px" } }, [
+            w("div", { style: { display: "flex", gap: "4px" } }, [
               r(),
               r(),
               r()
@@ -777,38 +777,38 @@ function Io(e) {
           ]
         ),
         // Skeleton lines
-        y("div", { style: { display: "grid", gap: "7px" } }, [
-          w(s >= 0, 0, [
+        w("div", { style: { display: "grid", gap: "7px" } }, [
+          k(s >= 0, 0, [
             p(36, 7, "rgba(147,197,253,0.7)", 0),
             p(80, 7, "rgba(219,234,254,0.8)", 0.2)
           ]),
-          w(s >= 0, 0.1, [
+          k(s >= 0, 0.1, [
             l(),
             r(),
             p(100, 7, "rgba(24,24,27,0.2)", 0.3)
           ]),
-          w(s >= 1, 0.15, [
+          k(s >= 1, 0.15, [
             l(),
             p(48, 7, "rgba(24,24,27,0.15)", 0.1),
             p(40, 7, "rgba(153,246,228,0.6)", 0.5),
             p(56, 7, "rgba(147,197,253,0.6)", 0.3)
           ]),
-          w(s >= 1, 0.2, [
+          k(s >= 1, 0.2, [
             l(),
             r(),
             p(60, 7, "rgba(24,24,27,0.15)", 0.4)
           ]),
-          w(s >= 2, 0.25, [
+          k(s >= 2, 0.25, [
             p(40, 7, "rgba(153,246,228,0.5)", 0.2),
             r(),
             p(48, 7, "rgba(24,24,27,0.15)", 0.6),
             p(64, 7, "rgba(147,197,253,0.5)", 0.1)
           ]),
-          w(s >= 2, 0.3, [
+          k(s >= 2, 0.3, [
             p(36, 7, "rgba(147,197,253,0.6)", 0.5),
             p(36, 7, "rgba(24,24,27,0.12)", 0.7)
           ]),
-          w(s >= 3, 0.35, [
+          k(s >= 3, 0.35, [
             r(),
             p(44, 7, "rgba(24,24,27,0.18)", 0.3),
             r(),
@@ -817,7 +817,7 @@ function Io(e) {
           ])
         ]),
         // Shimmer
-        y("div", {
+        w("div", {
           style: {
             pointerEvents: "none",
             position: "absolute",
@@ -830,7 +830,7 @@ function Io(e) {
       ]
     ),
     // Label
-    y(
+    w(
       "div",
       {
         style: {
@@ -842,7 +842,7 @@ function Io(e) {
         }
       },
       [
-        y(
+        w(
           "span",
           {
             style: {
@@ -854,7 +854,7 @@ function Io(e) {
           "Building interface"
         ),
         ...o > 0 ? [
-          y(
+          w(
             "span",
             {
               style: {
@@ -869,7 +869,7 @@ function Io(e) {
       ]
     ),
     // Keyframe styles
-    y(
+    w(
       "style",
       `
       @keyframes cpk-a2ui-fade {
@@ -902,8 +902,8 @@ function Ee(e, n, t) {
       let s = null;
       const r = t ? t() : void 0;
       function l(p) {
-        s && s.dispose(), s = new $a(p, e.schema), o.value = s.snapshot, s.subscribe((w) => {
-          o.value = w;
+        s && s.dispose(), s = new $a(p, e.schema), o.value = s.snapshot, s.subscribe((k) => {
+          o.value = k;
         });
       }
       return l(i.context), L(
@@ -986,23 +986,23 @@ const Mo = Ee(La, ({ props: e }) => {
   const n = e.text ?? "", t = { ...Mt(), display: "inline-block" };
   switch (e.variant) {
     case "h1":
-      return y("h1", { style: t }, n);
+      return w("h1", { style: t }, n);
     case "h2":
-      return y("h2", { style: t }, n);
+      return w("h2", { style: t }, n);
     case "h3":
-      return y("h3", { style: t }, n);
+      return w("h3", { style: t }, n);
     case "h4":
-      return y("h4", { style: t }, n);
+      return w("h4", { style: t }, n);
     case "h5":
-      return y("h5", { style: t }, n);
+      return w("h5", { style: t }, n);
     case "caption":
-      return y(
+      return w(
         "small",
         { style: { ...t, color: "#666", textAlign: "left" } },
         n
       );
     default:
-      return y("span", { style: t }, n);
+      return w("span", { style: t }, n);
   }
 }), Fo = Ee(Da, ({ props: e }) => {
   const n = (a) => a === "scaleDown" ? "scale-down" : a || "fill", t = {
@@ -1012,7 +1012,7 @@ const Mo = Ee(La, ({ props: e }) => {
     height: "auto",
     display: "block"
   };
-  return e.variant === "icon" ? (t.width = "24px", t.height = "24px") : e.variant === "avatar" ? (t.width = "40px", t.height = "40px", t.borderRadius = "50%") : e.variant === "smallFeature" ? t.maxWidth = "100px" : e.variant === "largeFeature" ? t.maxHeight = "400px" : e.variant === "header" && (t.height = "200px", t.objectFit = "cover"), y("img", { src: e.url, alt: e.description || "", style: t });
+  return e.variant === "icon" ? (t.width = "24px", t.height = "24px") : e.variant === "avatar" ? (t.width = "40px", t.height = "40px", t.borderRadius = "50%") : e.variant === "smallFeature" ? t.maxWidth = "100px" : e.variant === "largeFeature" ? t.maxHeight = "400px" : e.variant === "header" && (t.height = "200px", t.objectFit = "cover"), w("img", { src: e.url, alt: e.description || "", style: t });
 }), Eo = Ee(Ua, ({ props: e }) => {
   const n = typeof e.name == "string" ? e.name : e.name?.path, t = {
     ...Mt(),
@@ -1023,17 +1023,17 @@ const Mo = Ee(La, ({ props: e }) => {
     alignItems: "center",
     justifyContent: "center"
   };
-  return y("span", { class: "material-symbols-outlined", style: t }, n);
+  return w("span", { class: "material-symbols-outlined", style: t }, n);
 }), Oo = Ee(Ba, ({ props: e }) => {
   const n = {
     ...Mt(),
     width: "100%",
     aspectRatio: "16/9"
   };
-  return y("video", { src: e.url, controls: !0, style: n });
+  return w("video", { src: e.url, controls: !0, style: n });
 }), Lo = Ee(ja, ({ props: e }) => {
   const n = { ...Mt(), width: "100%" };
-  return y(
+  return w(
     "div",
     {
       style: {
@@ -1044,15 +1044,15 @@ const Mo = Ee(La, ({ props: e }) => {
       }
     },
     [
-      e.description ? y(
+      e.description ? w(
         "span",
         { style: { fontSize: "12px", color: "#666" } },
         e.description
       ) : null,
-      y("audio", { src: e.url, controls: !0, style: n })
+      w("audio", { src: e.url, controls: !0, style: n })
     ]
   );
-}), Do = Ee(Na, ({ props: e, buildChild: n }) => y(
+}), Do = Ee(Na, ({ props: e, buildChild: n }) => w(
   "div",
   {
     style: {
@@ -1066,7 +1066,7 @@ const Mo = Ee(La, ({ props: e }) => {
     }
   },
   hn(e.children, n)
-)), Uo = Ee(Va, ({ props: e, buildChild: n }) => y(
+)), Uo = Ee(Va, ({ props: e, buildChild: n }) => w(
   "div",
   {
     style: {
@@ -1091,7 +1091,7 @@ const Mo = Ee(La, ({ props: e }) => {
     margin: "0",
     padding: "0"
   };
-  return y("div", { style: a }, hn(e.children, n));
+  return w("div", { style: a }, hn(e.children, n));
 }), jo = Ee(za, ({ props: e, buildChild: n }) => {
   const t = {
     ...Ro(),
@@ -1099,12 +1099,12 @@ const Mo = Ee(La, ({ props: e }) => {
     boxShadow: "0 2px 4px rgba(0,0,0,0.1)",
     width: "100%"
   };
-  return y("div", { style: t }, [e.child ? n(e.child) : null]);
+  return w("div", { style: t }, [e.child ? n(e.child) : null]);
 }), No = Ee(
   Ha,
   ({ props: e, buildChild: n, state: t }) => {
     const a = e.tabs || [];
-    return y(
+    return w(
       "div",
       {
         style: {
@@ -1115,7 +1115,7 @@ const Mo = Ee(La, ({ props: e }) => {
         }
       },
       [
-        y(
+        w(
           "div",
           {
             style: {
@@ -1126,7 +1126,7 @@ const Mo = Ee(La, ({ props: e }) => {
           },
           a.map((i, o) => {
             const s = typeof i.title == "string" ? i.title : String(i.title ?? "");
-            return y(
+            return w(
               "button",
               {
                 key: o,
@@ -1147,7 +1147,7 @@ const Mo = Ee(La, ({ props: e }) => {
             );
           })
         ),
-        y("div", { style: { flex: "1" } }, [
+        w("div", { style: { flex: "1" } }, [
           a[t.selectedIndex.value]?.child ? n(a[t.selectedIndex.value].child) : null
         ])
       ]
@@ -1160,11 +1160,11 @@ const Mo = Ee(La, ({ props: e }) => {
     border: "none",
     backgroundColor: "#ccc"
   };
-  return n ? (t.width = "1px", t.height = "100%") : (t.width = "100%", t.height = "1px"), y("div", { style: t });
+  return n ? (t.width = "1px", t.height = "100%") : (t.width = "100%", t.height = "1px"), w("div", { style: t });
 }), Po = Ee(
   Wa,
-  ({ props: e, buildChild: n, state: t }) => y("div", {}, [
-    y(
+  ({ props: e, buildChild: n, state: t }) => w("div", {}, [
+    w(
       "div",
       {
         onClick: () => {
@@ -1174,7 +1174,7 @@ const Mo = Ee(La, ({ props: e }) => {
       },
       [e.trigger ? n(e.trigger) : null]
     ),
-    t.isOpen.value ? y(
+    t.isOpen.value ? w(
       "div",
       {
         style: {
@@ -1194,7 +1194,7 @@ const Mo = Ee(La, ({ props: e }) => {
         }
       },
       [
-        y(
+        w(
           "div",
           {
             style: {
@@ -1210,11 +1210,11 @@ const Mo = Ee(La, ({ props: e }) => {
             onClick: (a) => a.stopPropagation()
           },
           [
-            y(
+            w(
               "div",
               { style: { display: "flex", justifyContent: "flex-end" } },
               [
-                y(
+                w(
                   "button",
                   {
                     onClick: () => {
@@ -1232,7 +1232,7 @@ const Mo = Ee(La, ({ props: e }) => {
                 )
               ]
             ),
-            y("div", { style: { flex: "1" } }, [
+            w("div", { style: { flex: "1" } }, [
               e.content ? n(e.content) : null
             ])
           ]
@@ -1255,7 +1255,7 @@ const Mo = Ee(La, ({ props: e }) => {
     justifyContent: "center",
     boxSizing: "border-box"
   };
-  return y(
+  return w(
     "button",
     {
       style: t,
@@ -1274,7 +1274,7 @@ const Mo = Ee(La, ({ props: e }) => {
       borderRadius: Jt,
       boxSizing: "border-box"
     }, s = e.validationErrors && e.validationErrors.length > 0;
-    return y(
+    return w(
       "div",
       {
         style: {
@@ -1286,7 +1286,7 @@ const Mo = Ee(La, ({ props: e }) => {
         }
       },
       [
-        e.label ? y(
+        e.label ? w(
           "label",
           {
             for: t,
@@ -1294,19 +1294,19 @@ const Mo = Ee(La, ({ props: e }) => {
           },
           e.label
         ) : null,
-        a ? y("textarea", {
+        a ? w("textarea", {
           id: t,
           style: o,
           value: e.value || "",
           onInput: (r) => e.setValue(r.target.value)
-        }) : y("input", {
+        }) : w("input", {
           id: t,
           type: i,
           style: o,
           value: e.value || "",
           onInput: (r) => e.setValue(r.target.value)
         }),
-        s ? y(
+        s ? w(
           "span",
           { style: { fontSize: "12px", color: "red" } },
           e.validationErrors[0]
@@ -1319,7 +1319,7 @@ const Mo = Ee(La, ({ props: e }) => {
   Ga,
   ({ props: e, state: n }) => {
     const t = n.id, a = e.validationErrors && e.validationErrors.length > 0;
-    return y(
+    return w(
       "div",
       {
         style: {
@@ -1329,11 +1329,11 @@ const Mo = Ee(La, ({ props: e }) => {
         }
       },
       [
-        y(
+        w(
           "div",
           { style: { display: "flex", alignItems: "center", gap: "8px" } },
           [
-            y("input", {
+            w("input", {
               id: t,
               type: "checkbox",
               checked: !!e.value,
@@ -1343,7 +1343,7 @@ const Mo = Ee(La, ({ props: e }) => {
                 outline: a ? "1px solid red" : "none"
               }
             }),
-            e.label ? y(
+            e.label ? w(
               "label",
               {
                 for: t,
@@ -1356,7 +1356,7 @@ const Mo = Ee(La, ({ props: e }) => {
             ) : null
           ]
         ),
-        a ? y(
+        a ? w(
           "span",
           {
             style: { fontSize: "12px", color: "red", marginTop: "4px" }
@@ -1380,7 +1380,7 @@ const Mo = Ee(La, ({ props: e }) => {
     }, s = (e.options || []).filter(
       (r) => !e.filterable || t.filter.value === "" || String(typeof r.label == "string" ? r.label : "").toLowerCase().includes(t.filter.value.toLowerCase())
     );
-    return y(
+    return w(
       "div",
       {
         style: {
@@ -1392,8 +1392,8 @@ const Mo = Ee(La, ({ props: e }) => {
         }
       },
       [
-        e.label ? y("strong", { style: { fontSize: "14px" } }, e.label) : null,
-        e.filterable ? y("input", {
+        e.label ? w("strong", { style: { fontSize: "14px" } }, e.label) : null,
+        e.filterable ? w("input", {
           type: "text",
           placeholder: "Filter options...",
           value: t.filter.value,
@@ -1406,7 +1406,7 @@ const Mo = Ee(La, ({ props: e }) => {
             borderRadius: Jt
           }
         }) : null,
-        y(
+        w(
           "div",
           {
             style: {
@@ -1417,8 +1417,8 @@ const Mo = Ee(La, ({ props: e }) => {
             }
           },
           s.map((r, l) => {
-            const p = a.includes(r.value), w = typeof r.label == "string" ? r.label : String(r.label ?? r.value);
-            return e.displayStyle === "chips" ? y(
+            const p = a.includes(r.value), k = typeof r.label == "string" ? r.label : String(r.label ?? r.value);
+            return e.displayStyle === "chips" ? w(
               "button",
               {
                 key: l,
@@ -1433,8 +1433,8 @@ const Mo = Ee(La, ({ props: e }) => {
                   fontSize: "12px"
                 }
               },
-              w
-            ) : y(
+              k
+            ) : w(
               "label",
               {
                 key: l,
@@ -1446,13 +1446,13 @@ const Mo = Ee(La, ({ props: e }) => {
                 }
               },
               [
-                y("input", {
+                w("input", {
                   type: i ? "radio" : "checkbox",
                   checked: p,
                   onChange: () => o(r.value),
                   name: i ? `choice-${n.componentModel.id}` : void 0
                 }),
-                y("span", { style: { fontSize: "14px" } }, w)
+                w("span", { style: { fontSize: "14px" } }, k)
               ]
             );
           })
@@ -1465,7 +1465,7 @@ const Mo = Ee(La, ({ props: e }) => {
   Qa,
   ({ props: e, state: n }) => {
     const t = n.id;
-    return y(
+    return w(
       "div",
       {
         style: {
@@ -1477,11 +1477,11 @@ const Mo = Ee(La, ({ props: e }) => {
         }
       },
       [
-        y(
+        w(
           "div",
           { style: { display: "flex", justifyContent: "space-between" } },
           [
-            e.label ? y(
+            e.label ? w(
               "label",
               {
                 for: t,
@@ -1489,14 +1489,14 @@ const Mo = Ee(La, ({ props: e }) => {
               },
               e.label
             ) : null,
-            y(
+            w(
               "span",
               { style: { fontSize: "12px", color: "#666" } },
               String(e.value)
             )
           ]
         ),
-        y("input", {
+        w("input", {
           id: t,
           type: "range",
           min: e.min ?? 0,
@@ -1522,7 +1522,7 @@ const Mo = Ee(La, ({ props: e }) => {
       borderRadius: Jt,
       boxSizing: "border-box"
     };
-    return y(
+    return w(
       "div",
       {
         style: {
@@ -1534,7 +1534,7 @@ const Mo = Ee(La, ({ props: e }) => {
         }
       },
       [
-        e.label ? y(
+        e.label ? w(
           "label",
           {
             for: t,
@@ -1542,7 +1542,7 @@ const Mo = Ee(La, ({ props: e }) => {
           },
           e.label
         ) : null,
-        y("input", {
+        w("input", {
           id: t,
           type: a,
           style: i,
@@ -1621,7 +1621,7 @@ function Xo(e) {
         {
           properties: {
             component: { const: a },
-            ...o.properties ?? {}
+            ...o.properties
           },
           required: ["component", ...o.required ?? []]
         }
@@ -1638,11 +1638,12 @@ function Yo(e, n) {
     [() => e.value, n.enabled, t],
     ([i, o, s], r, l) => {
       if (!o) return;
-      const p = i.addContext({
+      const p = i.a2uiAgents, k = i.addContext({
         description: "A2UI catalog capabilities: available catalog IDs and custom component definitions the client can render.",
-        value: s
+        value: s,
+        ...p ? { agentIds: p } : {}
       });
-      l(() => i.removeContext(p));
+      l(() => i.removeContext(k));
     },
     { immediate: !0 }
   );
@@ -1651,24 +1652,27 @@ function Yo(e, n) {
     [() => e.value, n.enabled, a],
     ([i, o, s], r, l) => {
       if (!o || !s) return;
-      const p = [];
-      p.push(
+      const p = i.a2uiAgents, k = p ? { agentIds: p } : {}, u = [];
+      u.push(
         i.addContext({
           description: Jo,
-          value: s
+          value: s,
+          ...k
         })
-      ), p.push(
+      ), u.push(
         i.addContext({
           description: "A2UI generation guidelines — protocol rules, tool arguments, path rules, data model format, and form/two-way-binding instructions.",
-          value: ga
+          value: ga,
+          ...k
         })
-      ), p.push(
+      ), u.push(
         i.addContext({
           description: "A2UI design guidelines — visual design rules, component hierarchy tips, and action handler patterns.",
-          value: va
+          value: va,
+          ...k
         })
       ), l(() => {
-        for (const w of p) i.removeContext(w);
+        for (const d of u) i.removeContext(d);
       });
     },
     { immediate: !0 }
@@ -1733,7 +1737,7 @@ const ls = se({
     }
   },
   setup(e) {
-    const n = ts(), t = I(null), a = I(e.content), i = I(e.content), o = I(null), s = I(null), r = I(null), l = I(!1), p = I(!1), w = I(0), u = I(!1), d = I([]), g = c(() => {
+    const n = ts(), t = I(null), a = I(e.content), i = I(e.content), o = I(null), s = I(null), r = I(null), l = I(!1), p = I(!1), k = I(0), u = I(!1), d = I([]), g = c(() => {
       const $ = {};
       for (const P of n.value)
         $[P.name] = P.handler;
@@ -1765,20 +1769,20 @@ const ls = se({
       () => a.value.htmlComplete && a.value.html?.length ? a.value.html.join("") : void 0
     ), f = c(
       () => a.value.cssComplete ? a.value.css : void 0
-    ), k = c(
+    ), y = c(
       () => !!a.value.cssComplete && !!C.value && C.value.trim().length > 0
     ), v = c(
-      () => !!x.value || k.value
+      () => !!x.value || y.value
     ), b = c(
       () => `${a.value.initialHeight ?? 200}px`
     ), S = () => {
       r.value && (r.value.destroy(), r.value = null), p.value = !1;
     }, O = () => {
-      s.value && (s.value.destroy(), s.value = null), l.value = !1, d.value = [], w.value = 0, u.value = !1;
+      s.value && (s.value.destroy(), s.value = null), l.value = !1, d.value = [], k.value = 0, u.value = !1;
     };
     L(
       [
-        k,
+        y,
         x,
         f,
         C,
@@ -1856,8 +1860,8 @@ const ls = se({
             U && !u.value && (u.value = !0, d.value.unshift(U));
             const H = a.value.jsExpressions;
             if (H?.length) {
-              const we = w.value;
-              we < H.length && (d.value.push(...H.slice(we)), w.value = H.length);
+              const we = k.value;
+              we < H.length && (d.value.push(...H.slice(we)), k.value = H.length);
             }
             const ae = [...d.value];
             d.value = [];
@@ -1884,10 +1888,10 @@ const ls = se({
       () => a.value.jsExpressions,
       ($) => {
         if (!$?.length) return;
-        const P = w.value;
+        const P = k.value;
         if (P >= $.length) return;
         const Y = $.slice(P);
-        if (w.value = $.length, l.value && s.value)
+        if (k.value = $.length, l.value && s.value)
           for (const ve of Y)
             s.value.run(ve);
         else
@@ -1899,14 +1903,14 @@ const ls = se({
       () => a.value.generating !== !1
     );
     return L(
-      [k, x],
+      [y, x],
       ([$, P]) => {
         P && S(), $ || S();
       },
       { immediate: !0 }
     ), Me(() => {
       o.value !== null && window.clearTimeout(o.value), S(), O();
-    }), () => y(
+    }), () => w(
       "div",
       {
         ref: t,
@@ -1925,8 +1929,8 @@ const ls = se({
         }
       },
       [
-        v.value ? null : y("div", { "data-testid": "open-generative-ui-placeholder" }, [
-          y(
+        v.value ? null : w("div", { "data-testid": "open-generative-ui-placeholder" }, [
+          w(
             "svg",
             {
               width: "48",
@@ -1936,14 +1940,14 @@ const ls = se({
               style: { animation: "ck-spin 1s linear infinite" }
             },
             [
-              y("circle", {
+              w("circle", {
                 cx: "12",
                 cy: "12",
                 r: "10",
                 stroke: "#e0e0e0",
                 "stroke-width": "3"
               }),
-              y("path", {
+              w("path", {
                 d: "M12 2a10 10 0 0 1 10 10",
                 stroke: "#999",
                 "stroke-width": "3",
@@ -1951,12 +1955,12 @@ const ls = se({
               })
             ]
           ),
-          y(
+          w(
             "style",
             "@keyframes ck-spin { to { transform: rotate(360deg) } }"
           )
         ]),
-        D.value ? y("div", {
+        D.value ? w("div", {
           "data-testid": "open-generative-ui-progress-overlay",
           style: {
             position: "absolute",
@@ -1983,7 +1987,7 @@ const ls = se({
     }
   },
   setup(e) {
-    return () => y(ls, { content: e.content });
+    return () => w(ls, { content: e.content });
   }
 }), us = se({
   name: "OpenGenerativeUIToolRenderer",
@@ -2015,7 +2019,7 @@ const ls = se({
       const t = e.args.placeholderMessages;
       if (!t?.length) return null;
       const a = t[n.value] ?? t[0];
-      return y(
+      return w(
         "div",
         {
           style: { padding: "8px 12px", color: "#999", fontSize: "14px" },
@@ -2125,7 +2129,7 @@ const ps = { style: {
       ...o,
       ...s.value
     })), l = lt(), p = c(() => typeof (l?.vnode.props ?? {}).onDismiss == "function");
-    function w() {
+    function k() {
       a("dismiss");
     }
     return Je(() => {
@@ -2161,7 +2165,7 @@ const ps = { style: {
             color: "inherit",
             fontSize: "16px"
           },
-          onClick: w
+          onClick: k
         }, " × ")) : Q("", !0)
       ])
     ], 4)) : Q("", !0);
@@ -2257,7 +2261,7 @@ PARAMETER ORDER IS CRITICAL — generate parameters in exactly this order:
         B !== p && console.error(ys);
       }
     );
-    const w = c(
+    const k = c(
       () => t.publicApiKey ?? t.publicLicenseKey
     ), u = c(() => ({
       ...t.agents__unsafe_dev_only,
@@ -2268,12 +2272,12 @@ PARAMETER ORDER IS CRITICAL — generate parameters in exactly this order:
       () => typeof t.headers == "function" ? t.headers() : t.headers
     ), h = c(() => {
       const B = g.value;
-      return !w.value || B[Fn] ? B : { ...B, [Fn]: w.value };
+      return !k.value || B[Fn] ? B : { ...B, [Fn]: k.value };
     }), C = c(
-      () => t.runtimeUrl ?? (w.value ? vs : void 0)
+      () => t.runtimeUrl ?? (k.value ? vs : void 0)
     );
     L(
-      [C, w, d],
+      [C, k, d],
       ([B, ue, pe]) => {
         if (B || ue || pe) return;
         const $e = "Missing required prop: 'runtimeUrl' or 'publicApiKey' or 'publicLicenseKey'";
@@ -2325,7 +2329,7 @@ PARAMETER ORDER IS CRITICAL — generate parameters in exactly this order:
           });
         }
       return B.push(...m.value.renderToolCalls), B;
-    }), k = c(
+    }), y = c(
       () => t.renderCustomMessages ?? []
     ), v = I(!1), b = I(!1), S = I(void 0), O = c(
       () => b.value || !!t.openGenerativeUI
@@ -2380,7 +2384,7 @@ PARAMETER ORDER IS CRITICAL — generate parameters in exactly this order:
         tools: x.value,
         renderToolCalls: f.value,
         renderActivityMessages: ve.value,
-        renderCustomMessages: k.value,
+        renderCustomMessages: y.value,
         debug: t.debug
       });
       return te(B), B;
@@ -2434,7 +2438,7 @@ PARAMETER ORDER IS CRITICAL — generate parameters in exactly this order:
       ne.value && E.value.setTools(B);
     }), L([f], ([B]) => {
       ne.value && E.value.setRenderToolCalls(B);
-    }), L([k], ([B]) => {
+    }), L([y], ([B]) => {
       ne.value && (E.value.setRenderCustomMessages(B), ot(E));
     }), L([ve], ([B]) => {
       ne.value && (E.value.setRenderActivityMessages(B), ot(E));
@@ -2522,7 +2526,7 @@ PARAMETER ORDER IS CRITICAL — generate parameters in exactly this order:
     );
     It(Yn, X);
     const Z = c(
-      () => S.value === "none" && !w.value
+      () => S.value === "none" && !k.value
     ), ee = c(
       () => S.value === "expired"
     ), be = c(
@@ -2617,7 +2621,7 @@ const bn = /* @__PURE__ */ se({
       ...i.value
     })), s = c(
       () => n.agentId ?? a.value?.agentId ?? ct
-    ), r = pt(), l = c(() => n.threadId ? n.threadId : a.value?.threadId ? a.value.threadId : r), p = c(() => (n.hasExplicitThreadId !== void 0 ? n.hasExplicitThreadId : !!n.threadId) || !!a.value?.hasExplicitThreadId), w = c(
+    ), r = pt(), l = c(() => n.threadId ? n.threadId : a.value?.threadId ? a.value.threadId : r), p = c(() => (n.hasExplicitThreadId !== void 0 ? n.hasExplicitThreadId : !!n.threadId) || !!a.value?.hasExplicitThreadId), k = c(
       () => n.isModalDefaultOpen !== void 0
     ), u = c(() => n.isModalDefaultOpen ?? !0), d = I(
       a.value?.isModalOpen ?? u.value
@@ -2626,9 +2630,9 @@ const bn = /* @__PURE__ */ se({
       d.value = x;
     }
     const h = c(
-      () => w.value ? d.value : a.value?.isModalOpen
+      () => k.value ? d.value : a.value?.isModalOpen
     ), C = c(
-      () => w.value ? g : a.value?.setModalOpen
+      () => k.value ? g : a.value?.setModalOpen
     ), m = c(() => ({
       labels: o.value,
       agentId: s.value,
@@ -2673,7 +2677,7 @@ const ea = se({
     });
     function i(o, s) {
       const r = s || e.basePath;
-      return y(ea, {
+      return w(ea, {
         key: `${o}-${r}`,
         surface: e.surface,
         id: o,
@@ -2684,7 +2688,7 @@ const ea = se({
       n.value;
       const o = e.surface.componentsModel.get(e.id);
       if (!o)
-        return y("div", {
+        return w("div", {
           style: {
             padding: "12px 16px",
             borderRadius: "8px",
@@ -2699,7 +2703,7 @@ const ea = se({
         o.type
       );
       if (!s)
-        return y(
+        return w(
           "div",
           { style: { color: "red" } },
           `Unknown component: ${o.type}`
@@ -2709,7 +2713,7 @@ const ea = se({
         e.id,
         e.basePath
       );
-      return y(s.render, {
+      return w(s.render, {
         context: r,
         buildChild: i
       });
@@ -2724,7 +2728,7 @@ const ea = se({
     }
   },
   setup(e) {
-    return () => y(ea, {
+    return () => w(ea, {
       surface: e.surface,
       id: "root",
       basePath: "/"
@@ -2787,8 +2791,8 @@ const ea = se({
           C.has(x) || C.set(x, []), C.get(x).push(m);
         }
         for (const [m, x] of C) {
-          const k = h.model.getSurface(m) ? x.filter((v) => !v?.createSurface) : x;
-          h.processMessages(k);
+          const y = h.model.getSurface(m) ? x.filter((v) => !v?.createSurface) : x;
+          h.processMessages(y);
         }
         o.value = null;
       } catch (C) {
@@ -2805,7 +2809,7 @@ const ea = se({
     ), Me(() => {
       a.value = null, s = "";
     });
-    const w = c(
+    const k = c(
       () => (n.content.operations ?? []).length > 0
     ), u = c(() => {
       if (i.value, !a.value) return [];
@@ -2820,7 +2824,7 @@ const ea = se({
       }
       return d;
     });
-    return (d, g) => w.value ? (R(), j("div", {
+    return (d, g) => k.value ? (R(), j("div", {
       key: 0,
       "data-copilotkit": "",
       "data-activity-type": e.activityType,
@@ -2884,7 +2888,7 @@ const ea = se({
         toolMessage: void 0
       };
     }
-    function w(d) {
+    function k(d) {
       const g = o(d.id), h = In(d.function.arguments);
       return g ? {
         name: d.function.name,
@@ -2926,7 +2930,7 @@ const ea = se({
         ], () => (R(), he(mt(u(h)?.render), ge({
           key: 0,
           ref_for: !0
-        }, w(h)), null, 16)), g, 0) : Q("", !0)
+        }, k(h)), null, 16)), g, 0) : Q("", !0)
       ])
     ])), 128));
   }
@@ -2957,7 +2961,7 @@ const Os = ["data-message-id"], Ls = { class: "cpk:w-full cpk:bg-transparent cpk
     let l = null;
     const p = c(
       () => s?.vnode.props ?? {}
-    ), w = [
+    ), k = [
       "cpk:inline-flex cpk:h-8 cpk:w-8 cpk:items-center cpk:justify-center cpk:rounded-md cpk:p-0",
       "cpk:cursor-pointer cpk:text-[rgb(93,93,93)] cpk:transition-colors cpk:hover:bg-[#E8E8E8]",
       "cpk:hover:text-[rgb(93,93,93)] cpk:dark:text-[rgb(243,243,243)] cpk:dark:hover:bg-[#303030]",
@@ -3051,18 +3055,18 @@ const Os = ["data-message-id"], Ls = { class: "cpk:w-full cpk:bg-transparent cpk
             class: ["cpk:max-w-full cpk:rounded-lg", X.class].filter(Boolean).join(" "),
             "data-streamdown": "image"
           };
-          return delete ee.className, y(
+          return delete ee.className, w(
             "div",
             {
               class: "cpk:group cpk:relative cpk:my-4 cpk:inline-block",
               "data-streamdown": "image-wrapper"
             },
             [
-              y("img", ee),
-              y("div", {
+              w("img", ee),
+              w("div", {
                 class: "cpk:pointer-events-none cpk:absolute cpk:inset-0 cpk:hidden cpk:rounded-lg cpk:bg-black/10 cpk:group-hover:block"
               }),
-              y(
+              w(
                 "button",
                 {
                   type: "button",
@@ -3070,7 +3074,7 @@ const Os = ["data-message-id"], Ls = { class: "cpk:w-full cpk:bg-transparent cpk
                   title: "Download image",
                   onClick: Z
                 },
-                [y(tn, { class: "cpk:size-[14px]" })]
+                [w(tn, { class: "cpk:size-[14px]" })]
               )
             ]
           );
@@ -3127,7 +3131,7 @@ const Os = ["data-message-id"], Ls = { class: "cpk:w-full cpk:bg-transparent cpk
             ].filter(Boolean).join(" "),
             "data-streamdown": "table"
           };
-          return delete xe.className, y(
+          return delete xe.className, w(
             "div",
             {
               ref: ee,
@@ -3135,12 +3139,12 @@ const Os = ["data-message-id"], Ls = { class: "cpk:w-full cpk:bg-transparent cpk
               "data-streamdown": "table-wrapper"
             },
             [
-              y(
+              w(
                 "div",
                 { class: "cpk:flex cpk:items-center cpk:justify-end cpk:gap-1" },
                 [
-                  y("div", { class: "cpk:relative" }, [
-                    y(
+                  w("div", { class: "cpk:relative" }, [
+                    w(
                       "button",
                       {
                         type: "button",
@@ -3151,11 +3155,11 @@ const Os = ["data-message-id"], Ls = { class: "cpk:w-full cpk:bg-transparent cpk
                         }
                       },
                       [
-                        B.value ? y(At, { class: "cpk:size-[14px]" }) : y(zt, { class: "cpk:size-[14px]" })
+                        B.value ? w(At, { class: "cpk:size-[14px]" }) : w(zt, { class: "cpk:size-[14px]" })
                       ]
                     ),
-                    be.value ? y("div", { class: Un }, [
-                      y(
+                    be.value ? w("div", { class: Un }, [
+                      w(
                         "button",
                         {
                           type: "button",
@@ -3165,7 +3169,7 @@ const Os = ["data-message-id"], Ls = { class: "cpk:w-full cpk:bg-transparent cpk
                         },
                         "CSV"
                       ),
-                      y(
+                      w(
                         "button",
                         {
                           type: "button",
@@ -3177,8 +3181,8 @@ const Os = ["data-message-id"], Ls = { class: "cpk:w-full cpk:bg-transparent cpk
                       )
                     ]) : null
                   ]),
-                  y("div", { class: "cpk:relative" }, [
-                    y(
+                  w("div", { class: "cpk:relative" }, [
+                    w(
                       "button",
                       {
                         type: "button",
@@ -3188,10 +3192,10 @@ const Os = ["data-message-id"], Ls = { class: "cpk:w-full cpk:bg-transparent cpk
                           Te.value = !Te.value, be.value = !1;
                         }
                       },
-                      [y(tn, { class: "cpk:size-[14px]" })]
+                      [w(tn, { class: "cpk:size-[14px]" })]
                     ),
-                    Te.value ? y("div", { class: Un }, [
-                      y(
+                    Te.value ? w("div", { class: Un }, [
+                      w(
                         "button",
                         {
                           type: "button",
@@ -3201,7 +3205,7 @@ const Os = ["data-message-id"], Ls = { class: "cpk:w-full cpk:bg-transparent cpk
                         },
                         "CSV"
                       ),
-                      y(
+                      w(
                         "button",
                         {
                           type: "button",
@@ -3215,14 +3219,14 @@ const Os = ["data-message-id"], Ls = { class: "cpk:w-full cpk:bg-transparent cpk
                   ])
                 ]
               ),
-              y("div", { class: "cpk:overflow-x-auto" }, [
-                y("table", xe, Z.default ? Z.default() : [])
+              w("div", { class: "cpk:overflow-x-auto" }, [
+                w("table", xe, Z.default ? Z.default() : [])
               ])
             ]
           );
         };
       }
-    }), k = {
+    }), y = {
       javascript: "js",
       js: "js",
       typescript: "ts",
@@ -3266,7 +3270,7 @@ const Os = ["data-message-id"], Ls = { class: "cpk:w-full cpk:bg-transparent cpk
         };
         return Me(() => {
           Z && clearTimeout(Z);
-        }), () => y(
+        }), () => w(
           "button",
           {
             type: "button",
@@ -3276,7 +3280,7 @@ const Os = ["data-message-id"], Ls = { class: "cpk:w-full cpk:bg-transparent cpk
             onClick: ee
           },
           [
-            X.value ? y(At, { class: "cpk:size-[14px]" }) : y(zt, { class: "cpk:size-[14px]" })
+            X.value ? w(At, { class: "cpk:size-[14px]" }) : w(zt, { class: "cpk:size-[14px]" })
           ]
         );
       }
@@ -3295,10 +3299,10 @@ const Os = ["data-message-id"], Ls = { class: "cpk:w-full cpk:bg-transparent cpk
       setup(V) {
         const X = () => {
           if (!V.code) return;
-          const Z = k[V.language.toLowerCase()] ?? "txt";
+          const Z = y[V.language.toLowerCase()] ?? "txt";
           m(V.code, `file.${Z}`, "text/plain");
         };
-        return () => y(
+        return () => w(
           "button",
           {
             type: "button",
@@ -3307,7 +3311,7 @@ const Os = ["data-message-id"], Ls = { class: "cpk:w-full cpk:bg-transparent cpk
             "data-streamdown": "code-block-download-button",
             onClick: X
           },
-          [y(tn, { class: "cpk:size-[14px]" })]
+          [w(tn, { class: "cpk:size-[14px]" })]
         );
       }
     }), S = {
@@ -3439,7 +3443,7 @@ const Os = ["data-message-id"], Ls = { class: "cpk:w-full cpk:bg-transparent cpk
                 M("button", {
                   "data-testid": "copilot-copy-button",
                   type: "button",
-                  class: ye(G(w)),
+                  class: ye(G(k)),
                   "aria-label": o.value.assistantMessageToolbarCopyMessageLabel,
                   title: o.value.assistantMessageToolbarCopyMessageLabel,
                   onClick: F
@@ -3460,7 +3464,7 @@ const Os = ["data-message-id"], Ls = { class: "cpk:w-full cpk:bg-transparent cpk
               }, () => [
                 M("button", {
                   type: "button",
-                  class: ye(G(w)),
+                  class: ye(G(k)),
                   "aria-label": o.value.assistantMessageToolbarThumbsUpLabel,
                   title: o.value.assistantMessageToolbarThumbsUpLabel,
                   onClick: U
@@ -3475,7 +3479,7 @@ const Os = ["data-message-id"], Ls = { class: "cpk:w-full cpk:bg-transparent cpk
               }, () => [
                 M("button", {
                   type: "button",
-                  class: ye(G(w)),
+                  class: ye(G(k)),
                   "aria-label": o.value.assistantMessageToolbarThumbsDownLabel,
                   title: o.value.assistantMessageToolbarThumbsDownLabel,
                   onClick: H
@@ -3490,7 +3494,7 @@ const Os = ["data-message-id"], Ls = { class: "cpk:w-full cpk:bg-transparent cpk
               }, () => [
                 M("button", {
                   type: "button",
-                  class: ye(G(w)),
+                  class: ye(G(k)),
                   "aria-label": o.value.assistantMessageToolbarReadAloudLabel,
                   title: o.value.assistantMessageToolbarReadAloudLabel,
                   onClick: ae
@@ -3505,7 +3509,7 @@ const Os = ["data-message-id"], Ls = { class: "cpk:w-full cpk:bg-transparent cpk
               }, () => [
                 M("button", {
                   type: "button",
-                  class: ye(G(w)),
+                  class: ye(G(k)),
                   "aria-label": o.value.assistantMessageToolbarRegenerateLabel,
                   title: o.value.assistantMessageToolbarRegenerateLabel,
                   onClick: we
@@ -3530,7 +3534,7 @@ const zs = /* @__PURE__ */ se({
   inheritAttrs: !1,
   __name: "CopilotChatAudioRecorder",
   setup(e, { expose: n }) {
-    const t = Ge(), a = I(null), i = I("idle"), o = I(null), s = I(null), r = I(null), l = I(null), p = I(null), w = I([]), u = I([]), d = I(0), g = I(0), h = I(0);
+    const t = Ge(), a = I(null), i = I("idle"), o = I(null), s = I(null), r = I(null), l = I(null), p = I(null), k = I([]), u = I([]), d = I(0), g = I(0), h = I(0);
     function C() {
       p.value !== null && (cancelAnimationFrame(p.value), p.value = null);
       const v = o.value;
@@ -3542,7 +3546,7 @@ const zs = /* @__PURE__ */ se({
       s.value && (s.value.getTracks().forEach((S) => S.stop()), s.value = null);
       const b = l.value;
       b && b.state !== "closed" && b.close().catch(() => {
-      }), o.value = null, r.value = null, l.value = null, w.value = [], u.value = [], d.value = 0, g.value = 0, h.value = 0;
+      }), o.value = null, r.value = null, l.value = null, k.value = [], u.value = [], d.value = 0, g.value = 0, h.value = 0;
     }
     async function m() {
       if (i.value !== "idle")
@@ -3555,8 +3559,8 @@ const zs = /* @__PURE__ */ se({
         const S = b.createMediaStreamSource(v), O = b.createAnalyser();
         O.fftSize = 2048, S.connect(O), r.value = O;
         const D = MediaRecorder.isTypeSupported("audio/webm;codecs=opus") ? "audio/webm;codecs=opus" : MediaRecorder.isTypeSupported("audio/webm") ? "audio/webm" : MediaRecorder.isTypeSupported("audio/mp4") ? "audio/mp4" : "", $ = D ? { mimeType: D } : {}, P = new MediaRecorder(v, $);
-        o.value = P, w.value = [], P.ondataavailable = (Y) => {
-          Y.data.size > 0 && w.value.push(Y.data);
+        o.value = P, k.value = [], P.ondataavailable = (Y) => {
+          Y.data.size > 0 && k.value.push(Y.data);
         }, P.start(100), i.value = "recording";
       } catch (v) {
         throw C(), v instanceof Error && v.name === "NotAllowedError" ? new yt("Microphone permission denied") : v instanceof Error && v.name === "NotFoundError" ? new yt("No microphone found") : new yt(
@@ -3572,7 +3576,7 @@ const zs = /* @__PURE__ */ se({
           return;
         }
         i.value = "processing", S.onstop = () => {
-          const O = new Blob(w.value, {
+          const O = new Blob(k.value, {
             type: S.mimeType || "audio/webm"
           });
           C(), i.value = "idle", v(O);
@@ -3589,7 +3593,7 @@ const zs = /* @__PURE__ */ se({
       }
       return Math.sqrt(b / v.length);
     }
-    function k() {
+    function y() {
       const v = a.value;
       if (!v)
         return;
@@ -3617,12 +3621,12 @@ const zs = /* @__PURE__ */ se({
         let we = 1;
         H < E ? we = Math.max(0, H / E) : H > S.width - E && (we = Math.max(0, (S.width - H) / E)), b.globalAlpha = h.value * we, b.fillRect(H, ae, D, U);
       }
-      p.value = requestAnimationFrame(k);
+      p.value = requestAnimationFrame(y);
     }
     return L(
       i,
       () => {
-        p.value !== null && (cancelAnimationFrame(p.value), p.value = null), p.value = requestAnimationFrame(k);
+        p.value !== null && (cancelAnimationFrame(p.value), p.value = null), p.value = requestAnimationFrame(y);
       },
       { immediate: !0 }
     ), Me(() => {
@@ -3709,7 +3713,7 @@ function qs(e, n, t) {
 function wn(e = {}) {
   const n = c(() => _e(e.agentId) ?? ct), t = Oe(), a = c(
     () => _e(e.threadId) ?? t.value?.threadId
-  ), { copilotkit: i } = Be(), o = c(() => e.updates ?? _s), s = c(() => i.value.defaultThrottleMs), r = c(() => _e(e.throttleMs)), l = it(null), p = it(null), w = /* @__PURE__ */ new Map(), u = (g, h, C, m) => {
+  ), { copilotkit: i } = Be(), o = c(() => e.updates ?? _s), s = c(() => i.value.defaultThrottleMs), r = c(() => _e(e.throttleMs)), l = it(null), p = it(null), k = /* @__PURE__ */ new Map(), u = (g, h, C, m) => {
     const x = new xa({
       runtimeUrl: h,
       agentId: g,
@@ -3735,14 +3739,14 @@ function wn(e = {}) {
     () => {
       const g = n.value, h = a.value, C = h ? `${g}:${h}` : g, m = i.value, x = m.getAgent(g);
       if (x) {
-        w.delete(C), w.delete(g);
+        k.delete(C), k.delete(g);
         const S = h ? qs(x, h, m.headers) : x, O = l.value === S;
         l.value = S, p.value = S, O && ot(l);
         return;
       }
-      const f = m.runtimeUrl !== void 0, k = m.runtimeConnectionStatus;
-      if (f && (k === Pt.Disconnected || k === Pt.Connecting || k === Pt.Error)) {
-        const S = w.get(C);
+      const f = m.runtimeUrl !== void 0, y = m.runtimeConnectionStatus;
+      if (f && (y === Pt.Disconnected || y === Pt.Connecting || y === Pt.Error)) {
+        const S = k.get(C);
         if (S) {
           S.headers = { ...m.headers }, h && (S.threadId = h), l.value = S, p.value = S;
           return;
@@ -3753,7 +3757,7 @@ function wn(e = {}) {
           m.runtimeTransport,
           m.headers
         );
-        h && (O.threadId = h), w.set(C, O), l.value = O, p.value = O;
+        h && (O.threadId = h), k.set(C, O), l.value = O, p.value = O;
         return;
       }
       const v = Object.keys(m.agents ?? {}), b = f ? `runtimeUrl=${m.runtimeUrl}` : "no runtimeUrl";
@@ -3780,10 +3784,10 @@ function wn(e = {}) {
     ([g, h], C, m) => {
       const x = h;
       if (!g || x.length === 0) return;
-      let f = !0, k = !1;
+      let f = !0, y = !1;
       const v = () => {
-        f && (k || (k = !0, queueMicrotask(() => {
-          k = !1, f && ot(l);
+        f && (y || (y = !0, queueMicrotask(() => {
+          y = !1, f && ot(l);
         })));
       }, b = {};
       x.includes(
@@ -3821,7 +3825,7 @@ function Ks(e = {}) {
     immediate: !0
   }), L(
     [() => n.value, a],
-    (p, w, u) => {
+    (p, k, u) => {
       const d = n.value, g = a.value, h = d.subscribe({
         onSuggestionsChanged: ({ agentId: C, suggestions: m }) => {
           if (C !== g) return;
@@ -3868,12 +3872,12 @@ function Gs(e) {
   }, p = (f) => {
     l(f(s.value));
   };
-  async function w(f) {
-    const k = o.value, v = k?.accept ?? "*/*", b = k?.maxSize ?? 20 * 1024 * 1024, S = f.filter(
+  async function k(f) {
+    const y = o.value, v = y?.accept ?? "*/*", b = y?.maxSize ?? 20 * 1024 * 1024, S = f.filter(
       (D) => !en(D, v)
     );
     for (const D of S)
-      k?.onUploadFailed?.({
+      y?.onUploadFailed?.({
         reason: "invalid-type",
         file: D,
         message: `File "${D.name}" is not accepted. Supported types: ${v}`
@@ -3883,7 +3887,7 @@ function Gs(e) {
     );
     for (const D of O) {
       if (ha(D, b)) {
-        k?.onUploadFailed?.({
+        y?.onUploadFailed?.({
           reason: "file-too-large",
           file: D,
           message: `File "${D.name}" exceeds the maximum size of ${on(b)}`
@@ -3904,8 +3908,8 @@ function Gs(e) {
       ]);
       try {
         let Y, ve;
-        if (k?.onUpload) {
-          const K = await k.onUpload(D), { metadata: E, ...ne } = K;
+        if (y?.onUpload) {
+          const K = await y.onUpload(D), { metadata: E, ...ne } = K;
           Y = ne, ve = E;
         } else
           Y = { type: "data", value: await ka(D), mimeType: D.type };
@@ -3924,7 +3928,7 @@ function Gs(e) {
       } catch (Y) {
         p(
           (ve) => ve.filter((te) => te.id !== P)
-        ), console.error(`[CopilotKit] Failed to upload "${D.name}":`, Y), k?.onUploadFailed?.({
+        ), console.error(`[CopilotKit] Failed to upload "${D.name}":`, Y), y?.onUploadFailed?.({
           reason: "upload-failed",
           file: D,
           message: Y instanceof Error ? Y.message : `Failed to upload "${D.name}"`
@@ -3933,8 +3937,8 @@ function Gs(e) {
     }
   }
   async function u(f) {
-    const k = f.target;
-    k?.files?.length && (await w(Array.from(k.files)), k && (k.value = ""));
+    const y = f.target;
+    y?.files?.length && (await k(Array.from(y.files)), y && (y.value = ""));
   }
   function d(f) {
     r.value && (f.preventDefault(), f.stopPropagation(), t.value = !0);
@@ -3944,26 +3948,26 @@ function Gs(e) {
   }
   async function h(f) {
     if (f.preventDefault(), f.stopPropagation(), t.value = !1, !r.value) return;
-    const k = Array.from(f.dataTransfer?.files ?? []);
-    k.length > 0 && await w(k);
+    const y = Array.from(f.dataTransfer?.files ?? []);
+    y.length > 0 && await k(y);
   }
   function C(f) {
     p(
-      (k) => k.filter((v) => v.id !== f)
+      (y) => y.filter((v) => v.id !== f)
     );
   }
   function m() {
     const f = s.value.filter(
-      (k) => k.status === "ready"
+      (y) => y.status === "ready"
     );
     return f.length === 0 || (p(
-      (k) => k.filter((v) => v.status !== "ready")
+      (y) => y.filter((v) => v.status !== "ready")
     ), a.value && (a.value.value = "")), f;
   }
   async function x(f) {
     if (!r.value) return;
-    const k = f.target;
-    if (!k || !i.value?.contains(k)) return;
+    const y = f.target;
+    if (!y || !i.value?.contains(y)) return;
     const v = o.value?.accept ?? "*/*", S = Array.from(f.clipboardData?.items ?? []).filter((D) => {
       if (D.kind !== "file") return !1;
       const $ = D.getAsFile();
@@ -3972,7 +3976,7 @@ function Gs(e) {
     if (S.length === 0) return;
     f.preventDefault();
     const O = S.map((D) => D.getAsFile()).filter((D) => D !== null);
-    await w(O);
+    await k(O);
   }
   return Je(() => {
     typeof document < "u" && document.addEventListener("paste", x);
@@ -3984,7 +3988,7 @@ function Gs(e) {
     dragOver: t,
     fileInputRef: a,
     containerRef: i,
-    processFiles: w,
+    processFiles: k,
     handleFileUpload: u,
     handleDragOver: d,
     handleDragLeave: g,
@@ -4086,8 +4090,8 @@ function Zs() {
     if (typeof window > "u") return;
     const r = window.visualViewport;
     if (!r) return;
-    const l = window.innerHeight, p = r.height, w = Math.max(0, l - p), u = w > 150;
-    t.value = w, n.value = u, a.value = p, i.value = l;
+    const l = window.innerHeight, p = r.height, k = Math.max(0, l - p), u = k > 150;
+    t.value = k, n.value = u, a.value = p, i.value = l;
   };
   let s = null;
   return Je(() => {
@@ -4132,15 +4136,15 @@ function ni({
       t,
       () => a
     ],
-    ([w, u, d, g, h], C, m) => {
-      if (m(p), u === o || (o = u, !w) || !d || !g || !h) return;
-      const x = typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(w) : w.replace(/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~]/g, "\\$&"), f = g.querySelector(
+    ([k, u, d, g, h], C, m) => {
+      if (m(p), u === o || (o = u, !k) || !d || !g || !h) return;
+      const x = typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(k) : k.replace(/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~]/g, "\\$&"), f = g.querySelector(
         `[data-message-id="${x}"]`
       );
       if (!f) return;
-      const k = d.clientHeight, v = f.getBoundingClientRect().height, b = parseFloat(getComputedStyle(f).paddingTop) || 0, S = Math.max(0, v - b), O = Math.max(
+      const y = d.clientHeight, v = f.getBoundingClientRect().height, b = parseFloat(getComputedStyle(f).paddingTop) || 0, S = Math.max(0, v - b), O = Math.max(
         0,
-        k - S - a
+        y - S - a
       );
       h.style.height = `${O}px`, s = O, typeof requestAnimationFrame == "function" && (r = requestAnimationFrame(() => {
         const D = Nn(f, d) + b - a;
@@ -4196,7 +4200,7 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
   },
   emits: ["update:modelValue", "submit-message", "stop", "add-file", "start-transcribe", "cancel-transcribe", "finish-transcribe", "finish-transcribe-with-audio"],
   setup(e, { emit: n }) {
-    const t = e, a = n, i = Ge(), o = Oe(), s = lt(), r = I(null), l = I(null), p = I(null), w = I(null), u = I(null), d = I(null), g = I(null), h = I(null), C = I(t.modelValue ?? ""), m = I(!1), x = I("compact"), f = I(null), k = I(0), v = I(null), b = I(!1), S = I({
+    const t = e, a = n, i = Ge(), o = Oe(), s = lt(), r = I(null), l = I(null), p = I(null), k = I(null), u = I(null), d = I(null), g = I(null), h = I(null), C = I(t.modelValue ?? ""), m = I(!1), x = I("compact"), f = I(null), y = I(0), v = I(null), b = I(!1), S = I({
       singleLineHeight: 0,
       maxHeight: 0,
       paddingLeft: 0,
@@ -4343,7 +4347,7 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
       f.value = null;
     }
     function Et(A) {
-      Ft(), A.action?.(), f.value = null, k.value = 0, requestAnimationFrame(() => {
+      Ft(), A.action?.(), f.value = null, y.value = 0, requestAnimationFrame(() => {
         l.value?.focus();
       });
     }
@@ -4368,15 +4372,15 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
       if (!t.disabled && !(m.value || A.isComposing || A.keyCode === 229)) {
         if (f.value !== null && t.mode === "input") {
           if (A.key === "ArrowDown") {
-            le.value.length > 0 && (A.preventDefault(), k.value = k.value < 0 ? 0 : (k.value + 1) % le.value.length);
+            le.value.length > 0 && (A.preventDefault(), y.value = y.value < 0 ? 0 : (y.value + 1) % le.value.length);
             return;
           }
           if (A.key === "ArrowUp") {
-            le.value.length > 0 && (A.preventDefault(), k.value < 0 ? k.value = le.value.length - 1 : k.value = k.value <= 0 ? le.value.length - 1 : k.value - 1);
+            le.value.length > 0 && (A.preventDefault(), y.value < 0 ? y.value = le.value.length - 1 : y.value = y.value <= 0 ? le.value.length - 1 : y.value - 1);
             return;
           }
           if (A.key === "Enter") {
-            const N = k.value >= 0 ? le.value[k.value] : void 0;
+            const N = y.value >= 0 ? le.value[y.value] : void 0;
             if (N) {
               A.preventDefault(), Et(N);
               return;
@@ -4467,7 +4471,7 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
       )), null;
     }
     function at() {
-      const A = p.value, N = w.value, ie = u.value;
+      const A = p.value, N = k.value, ie = u.value;
       if (!A || !N || !ie)
         return P.value = null, null;
       const me = window.getComputedStyle(A), He = parseFloat(me.paddingLeft) || 0, Ce = parseFloat(me.paddingRight) || 0, We = parseFloat(me.columnGap) || 0, ut = A.clientWidth - He - Ce;
@@ -4492,7 +4496,7 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
         return;
       }
       const A = l.value;
-      if (!A || !p.value || !w.value || !u.value)
+      if (!A || !p.value || !k.value || !u.value)
         return;
       S.value.singleLineHeight === 0 && Tt();
       const N = Lt(), ie = S.value.singleLineHeight, me = re.value.includes(`
@@ -4551,21 +4555,21 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
     }), L(
       [f, () => le.value.length],
       ([A, N]) => {
-        A !== null && A !== v.value && N > 0 && (k.value = 0), v.value = A;
+        A !== null && A !== v.value && N > 0 && (y.value = 0), v.value = A;
       },
       { immediate: !0 }
     ), L(
       [f, le],
       () => {
         if (f.value === null) {
-          k.value = 0;
+          y.value = 0;
           return;
         }
         if (le.value.length === 0) {
-          k.value = -1;
+          y.value = -1;
           return;
         }
-        (k.value < 0 || k.value >= le.value.length) && (k.value = 0);
+        (y.value < 0 || y.value >= le.value.length) && (y.value = 0);
       },
       { immediate: !0 }
     ), L(
@@ -4601,7 +4605,7 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
           }
       },
       { immediate: !0 }
-    ), L(k, async (A) => {
+    ), L(y, async (A) => {
       if (!Ne.value || A < 0)
         return;
       await ft(), d.value?.querySelector(
@@ -4615,18 +4619,18 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
     ), Je(() => {
       if (t.autoFocus && t.mode === "input" && l.value?.focus(), Pe(), typeof ResizeObserver < "u") {
         const A = /* @__PURE__ */ new Set();
-        p.value && A.add(p.value), w.value && A.add(w.value), u.value && A.add(u.value), te = new ResizeObserver((N) => {
+        p.value && A.add(p.value), k.value && A.add(k.value), u.value && A.add(u.value), te = new ResizeObserver((N) => {
           const ie = N.some(
             (me) => A.has(me.target)
           );
           bt(ie);
-        }), p.value && te.observe(p.value), w.value && te.observe(w.value), u.value && te.observe(u.value), l.value && te.observe(l.value);
+        }), p.value && te.observe(p.value), k.value && te.observe(k.value), u.value && te.observe(u.value), l.value && te.observe(l.value);
       }
       K = (A) => {
         if (!b.value)
           return;
         const N = A.target;
-        N && (g.value?.contains(N) || w.value?.contains(N) || gt());
+        N && (g.value?.contains(N) || k.value?.contains(N) || gt());
       }, document.addEventListener("mousedown", K);
     }), Me(() => {
       K && (document.removeEventListener("mousedown", K), K = null), te?.disconnect(), te = null, O.value !== null && (cancelAnimationFrame(O.value), O.value = null);
@@ -4680,7 +4684,7 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
             }, [
               M("div", {
                 ref_key: "addButtonContainerRef",
-                ref: w,
+                ref: k,
                 class: ye([
                   "cpk:relative cpk:flex cpk:items-center cpk:col-start-1",
                   H.value ? "cpk:row-start-2" : "cpk:row-start-1"
@@ -4790,13 +4794,13 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
                       type: "button",
                       role: "option",
                       "data-slash-index": me,
-                      "aria-selected": me === k.value,
-                      "data-active": me === k.value ? "true" : void 0,
+                      "aria-selected": me === y.value,
+                      "data-active": me === y.value ? "true" : void 0,
                       class: ye([
                         "cpk:w-full cpk:px-3 cpk:py-2 cpk:text-left cpk:text-sm cpk:transition-colors cpk:hover:bg-muted cpk:dark:hover:bg-[#2f2f2f]",
-                        me === k.value ? "cpk:bg-muted cpk:dark:bg-[#2f2f2f]" : "cpk:bg-transparent"
+                        me === y.value ? "cpk:bg-muted cpk:dark:bg-[#2f2f2f]" : "cpk:bg-transparent"
                       ]),
-                      onMouseenter: (He) => k.value = me,
+                      onMouseenter: (He) => y.value = me,
                       onMousedown: Ht((He) => Et(ie), ["prevent"])
                     }, ke(ie.label), 43, pi))), 128))
                   ], 512)) : Q("", !0)
@@ -4970,22 +4974,22 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
         const f = m.source.mimeType;
         if (!g(f) && !h(f))
           return;
-        const k = C(m.source.value, f);
-        o.value = k;
+        const y = C(m.source.value, f);
+        o.value = y;
       },
       { immediate: !0 }
     ), L(s, (m, x, f) => {
       if (!m || typeof document > "u") return;
-      const k = (v) => {
+      const y = (v) => {
         v.key === "Escape" && u();
       };
-      document.addEventListener("keydown", k), f(() => {
-        document.removeEventListener("keydown", k);
+      document.addEventListener("keydown", y), f(() => {
+        document.removeEventListener("keydown", y);
       });
     }), Me(() => {
       o.value && (URL.revokeObjectURL(o.value), o.value = null);
     });
-    function w(m) {
+    function k(m) {
       if (typeof document < "u") {
         const x = document;
         if (typeof x.startViewTransition == "function") {
@@ -5011,10 +5015,10 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
     }
     function C(m, x) {
       try {
-        const f = atob(m), k = new Uint8Array(f.length);
+        const f = atob(m), y = new Uint8Array(f.length);
         for (let b = 0; b < f.length; b += 1)
-          k[b] = f.charCodeAt(b);
-        const v = new Blob([k], {
+          y[b] = f.charCodeAt(b);
+        const v = new Blob([y], {
           type: x || "application/octet-stream"
         });
         return URL.createObjectURL(v);
@@ -5043,7 +5047,7 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
               type: "button",
               class: "cpk:w-full cpk:h-full cpk:border-none cpk:bg-transparent cpk:p-0 cpk:cursor-pointer",
               "data-testid": "copilot-chat-attachment-image-button",
-              onClick: (k) => w(f)
+              onClick: (y) => k(f)
             }, [
               M("img", {
                 src: G(wt)(f.source),
@@ -5071,7 +5075,7 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
                 class: "cpk:absolute cpk:inset-0 cpk:flex cpk:items-center cpk:justify-center cpk:z-10 cpk:cursor-pointer cpk:bg-black/20 cpk:border-none cpk:p-0",
                 "aria-label": "Play video",
                 "data-testid": "copilot-chat-attachment-video-play",
-                onClick: (k) => w(f)
+                onClick: (y) => k(f)
               }, [...x[2] || (x[2] = [
                 M("div", { class: "cpk:w-8 cpk:h-8 cpk:rounded-full cpk:bg-black/60 cpk:flex cpk:items-center cpk:justify-center cpk:text-white cpk:text-xs cpk:font-semibold" }, " ▶ ", -1)
               ])], 8, Ii)
@@ -5092,7 +5096,7 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
                 g(f.source.mimeType) || h(f.source.mimeType) ? "cpk:cursor-pointer" : "cpk:cursor-default"
               ]),
               "data-testid": "copilot-chat-attachment-document-button",
-              onClick: (k) => (g(f.source.mimeType) || h(f.source.mimeType)) && w(f)
+              onClick: (y) => (g(f.source.mimeType) || h(f.source.mimeType)) && k(f)
             }, [
               M("div", Fi, ke(G(sn)(f.source.mimeType ?? "")), 1),
               M("div", Ei, [
@@ -5105,7 +5109,7 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
             type: "button",
             class: "cpk:absolute cpk:bg-black/60 cpk:text-white cpk:border-none cpk:rounded-full cpk:w-5 cpk:h-5 cpk:flex cpk:items-center cpk:justify-center cpk:cursor-pointer cpk:text-[10px] cpk:z-20 cpk:top-1 cpk:right-1",
             "aria-label": "Remove attachment",
-            onClick: (k) => a("remove-attachment", f.id)
+            onClick: (y) => a("remove-attachment", f.id)
           }, " ✕ ", 8, Ui)
         ], 10, ki))), 128))
       ], 2)) : Q("", !0),
@@ -5198,18 +5202,18 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
     ), i = c(() => a.value.length > 0), o = c(
       () => n.messages[n.messages.length - 1]?.id === n.message.id
     ), s = c(() => !!(n.isRunning && o.value)), r = I(0), l = I(s.value), p = I(!1);
-    let w = null, u = null;
+    let k = null, u = null;
     function d() {
       u && (clearInterval(u), u = null);
     }
     function g() {
-      w !== null && (r.value = (Date.now() - w) / 1e3);
+      k !== null && (r.value = (Date.now() - k) / 1e3);
     }
     L(
       s,
       (m) => {
         if (m) {
-          w === null && (w = Date.now()), d(), u = setInterval(g, 1e3), p.value = !1, l.value = !0;
+          k === null && (k = Date.now()), d(), u = setInterval(g, 1e3), p.value = !1, l.value = !0;
           return;
         }
         d(), g(), p.value || (l.value = !1);
@@ -5326,7 +5330,7 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
     let l = null;
     const p = c(
       () => s?.vnode.props ?? {}
-    ), w = [
+    ), k = [
       "cpk:inline-flex cpk:h-8 cpk:w-8 cpk:items-center cpk:justify-center cpk:rounded-md cpk:p-0",
       "cpk:cursor-pointer cpk:text-[rgb(93,93,93)] cpk:transition-colors cpk:hover:bg-[#E8E8E8]",
       "cpk:hover:text-[rgb(93,93,93)] cpk:dark:text-[rgb(243,243,243)] cpk:dark:hover:bg-[#303030]",
@@ -5349,7 +5353,7 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
     ), x = c(() => t.branchIndex > 0), f = c(
       () => t.branchIndex < t.numberOfBranches - 1
     );
-    function k() {
+    function y() {
       l && clearTimeout(l), r.value = !0, l = setTimeout(() => {
         r.value = !1, l = null;
       }, 2e3);
@@ -5357,7 +5361,7 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
     async function v() {
       if (d.value && !(typeof navigator > "u" || typeof navigator.clipboard?.writeText != "function"))
         try {
-          await navigator.clipboard.writeText(d.value), k();
+          await navigator.clipboard.writeText(d.value), y();
         } catch ($) {
           console.error("Failed to copy to clipboard:", $);
         }
@@ -5434,7 +5438,7 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
                 M("button", {
                   "data-testid": "copilot-user-copy-button",
                   type: "button",
-                  class: ye(G(w)),
+                  class: ye(G(k)),
                   "aria-label": o.value.userMessageToolbarCopyMessageLabel,
                   title: o.value.userMessageToolbarCopyMessageLabel,
                   onClick: v
@@ -5455,7 +5459,7 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
               }, () => [
                 M("button", {
                   type: "button",
-                  class: ye(G(w)),
+                  class: ye(G(k)),
                   "aria-label": o.value.userMessageToolbarEditMessageLabel,
                   title: o.value.userMessageToolbarEditMessageLabel,
                   onClick: b
@@ -5475,7 +5479,7 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
                 M("div", cr, [
                   M("button", {
                     type: "button",
-                    class: ye([G(w), "cpk:h-6 cpk:w-6 cpk:p-0"]),
+                    class: ye([G(k), "cpk:h-6 cpk:w-6 cpk:p-0"]),
                     disabled: !x.value,
                     "aria-label": "Previous branch",
                     title: "Previous branch",
@@ -5486,7 +5490,7 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
                   M("span", dr, ke(e.branchIndex + 1) + "/" + ke(e.numberOfBranches), 1),
                   M("button", {
                     type: "button",
-                    class: ye([G(w), "cpk:h-6 cpk:w-6 cpk:p-0"]),
+                    class: ye([G(k), "cpk:h-6 cpk:w-6 cpk:p-0"]),
                     disabled: !f.value,
                     "aria-label": "Next branch",
                     title: "Next branch",
@@ -5512,8 +5516,8 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
     const n = e, { copilotkit: t } = Be(), a = Oe(), i = I(0), o = I(null), s = pn(), r = c(() => Object.keys(s)), l = c(
       () => a.value?.agentId ?? ct
     ), p = c(() => {
-      const f = l.value, k = t.value.getAgent(f);
-      return jn(k, a.value?.threadId) ?? k;
+      const f = l.value, y = t.value.getAgent(f);
+      return jn(y, a.value?.threadId) ?? y;
     });
     L(
       [
@@ -5522,8 +5526,8 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
         () => t.value,
         () => t.value.runtimeConnectionStatus
       ],
-      ([f, k], v, b) => {
-        const S = t.value.getAgent(l.value), O = jn(S, k) ?? S;
+      ([f, y], v, b) => {
+        const S = t.value.getAgent(l.value), O = jn(S, y) ?? S;
         if (!O) return;
         const D = O.subscribe({
           onStateChanged: () => {
@@ -5544,7 +5548,7 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
       { immediate: !0 }
     ), L(
       () => t.value,
-      (f, k, v) => {
+      (f, y, v) => {
         o.value = f.interruptState;
         const b = f.subscribe({
           onInterruptStateChanged: ({ interruptState: S }) => {
@@ -5558,56 +5562,56 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
       },
       { immediate: !0 }
     );
-    function w(f) {
-      const k = /* @__PURE__ */ new Map();
+    function k(f) {
+      const y = /* @__PURE__ */ new Map();
       for (const v of f) {
-        const b = k.get(v.id);
+        const b = y.get(v.id);
         if (b && v.role === "assistant" && b.role === "assistant") {
           const S = v.content || b.content, O = v.toolCalls ?? b.toolCalls;
-          k.set(v.id, {
+          y.set(v.id, {
             ...b,
             ...v,
             content: S,
             toolCalls: O
           });
         } else
-          k.set(v.id, v);
+          y.set(v.id, v);
       }
-      return [...k.values()];
+      return [...y.values()];
     }
     const u = c(
-      () => w(n.messages)
+      () => k(n.messages)
     ), d = c(() => n.messages[n.messages.length - 1]), g = c(
       () => n.isRunning && d.value?.role !== "reasoning"
     );
     L(
       [() => n.messages.length, () => u.value.length],
-      ([f, k]) => {
-        process.env.NODE_ENV === "development" && k < f && console.warn(
-          `CopilotChatMessageView: Deduplicated ${f - k} message(s) with duplicate IDs.`
+      ([f, y]) => {
+        process.env.NODE_ENV === "development" && y < f && console.warn(
+          `CopilotChatMessageView: Deduplicated ${f - y} message(s) with duplicate IDs.`
         );
       },
       { immediate: !0 }
     );
     function h(f) {
       i.value += 0;
-      const k = l.value, v = a.value?.threadId ?? "", b = t.value, S = b.getRunIdForMessage(k, v, f.id) ?? b.getRunIdsForThread(k, v).slice(-1)[0], O = S ?? `missing-run-id:${f.id}`, D = p.value ?? b.getAgent(k), $ = S && D ? D.messages.filter(
-        (E) => b.getRunIdForMessage(k, v, E.id) === S
-      ).map((E) => E.id) : [f.id], P = D ? D.messages.findIndex((E) => E.id === f.id) : -1, Y = P >= 0 ? P : 0, ve = S ? Math.max($.indexOf(f.id), 0) : 0, te = S ? $.length : 1, K = S ? b.getStateByRun(k, v, S) : void 0;
+      const y = l.value, v = a.value?.threadId ?? "", b = t.value, S = b.getRunIdForMessage(y, v, f.id) ?? b.getRunIdsForThread(y, v).slice(-1)[0], O = S ?? `missing-run-id:${f.id}`, D = p.value ?? b.getAgent(y), $ = S && D ? D.messages.filter(
+        (E) => b.getRunIdForMessage(y, v, E.id) === S
+      ).map((E) => E.id) : [f.id], P = D ? D.messages.findIndex((E) => E.id === f.id) : -1, Y = P >= 0 ? P : 0, ve = S ? Math.max($.indexOf(f.id), 0) : 0, te = S ? $.length : 1, K = S ? b.getStateByRun(y, v, S) : void 0;
       return {
         runId: O,
         messageIndex: Y,
         messageIndexInRun: ve,
         numberOfMessagesInRun: te,
-        agentId: k,
+        agentId: y,
         stateSnapshot: K
       };
     }
     function C(f) {
       return `activity-${f}`;
     }
-    function m(f, k) {
-      if (i.value += 0, s[k === "before" ? "message-before" : "message-after"])
+    function m(f, y) {
+      if (i.value += 0, s[y === "before" ? "message-before" : "message-after"])
         return null;
       const b = l.value, O = [...t.value.renderCustomMessages].filter(
         (D) => D.agentId === void 0 || D.agentId === b
@@ -5620,14 +5624,14 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
         props: {
           ...h(f),
           message: f,
-          position: k
+          position: y
         }
       } : null;
     }
     function x(f) {
       i.value += 0;
-      const k = l.value, v = [...t.value.renderActivityMessages].filter(
-        (S) => S.activityType === f.activityType && (S.agentId === void 0 || S.agentId === k)
+      const y = l.value, v = [...t.value.renderActivityMessages].filter(
+        (S) => S.activityType === f.activityType && (S.agentId === void 0 || S.agentId === y)
       ).sort((S, O) => {
         const D = S.agentId !== void 0, $ = O.agentId !== void 0;
         return D === $ ? 0 : D ? -1 : 1;
@@ -5644,7 +5648,7 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
         }
       } : null;
     }
-    return (f, k) => (R(), j("div", ge({
+    return (f, y) => (R(), j("div", ge({
       "data-copilotkit": "",
       class: "cpk:flex cpk:flex-col"
     }, f.$attrs), [
@@ -5747,7 +5751,7 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
         resolve: o.value.resolve
       }) : Q("", !0),
       g.value ? T(f.$slots, "cursor", { key: 1 }, () => [
-        k[0] || (k[0] = M("div", {
+        y[0] || (y[0] = M("div", {
           class: "cpk:w-[11px] cpk:h-[11px] cpk:rounded-full cpk:bg-foreground cpk:animate-pulse cpk:ml-1",
           "data-testid": "copilot-loading-cursor"
         }, null, -1))
@@ -5816,15 +5820,15 @@ const ai = { class: "cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4
     function p(u, d) {
       a("select-suggestion", u, d);
     }
-    const w = c(() => ({
+    const k = c(() => ({
       suggestions: t.suggestions,
       loadingIndexes: t.loadingIndexes,
       onSelectSuggestion: p,
       containerClass: s.value,
       containerAttrs: r.value
     }));
-    return (u, d) => T(u.$slots, "layout", q(J(w.value)), () => [
-      T(u.$slots, "container", q(J(w.value)), () => [
+    return (u, d) => T(u.$slots, "layout", q(J(k.value)), () => [
+      T(u.$slots, "container", q(J(k.value)), () => [
         M("div", ge({
           "data-copilotkit": "",
           "data-testid": "copilot-chat-suggestion-view",
@@ -5901,17 +5905,17 @@ const xr = {
   },
   emits: ["submit-message", "stop", "input-change", "select-suggestion", "add-file", "start-transcribe", "cancel-transcribe", "finish-transcribe"],
   setup(e, { emit: n }) {
-    const t = e, a = n, i = Oe(), o = c(() => i.value?.labels ?? Ze), s = lt(), r = pn(), l = I(null), p = I(null), w = I(null), u = I(null), d = I(0), g = I(!0), h = c(() => t.inputValue !== void 0), C = I(t.inputValue ?? ""), m = c(() => wr(t.autoScroll)), x = c(
+    const t = e, a = n, i = Oe(), o = c(() => i.value?.labels ?? Ze), s = lt(), r = pn(), l = I(null), p = I(null), k = I(null), u = I(null), d = I(0), g = I(!0), h = c(() => t.inputValue !== void 0), C = I(t.inputValue ?? ""), m = c(() => wr(t.autoScroll)), x = c(
       () => m.value === "pin-to-bottom"
     ), f = c(() => m.value === "pin-to-send");
     ni({
       scrollRef: l,
       contentRef: p,
-      spacerRef: w,
+      spacerRef: k,
       topOffset: 16
     });
-    const { isKeyboardOpen: k, keyboardHeight: v } = Zs(), b = c(
-      () => k.value ? v.value : 0
+    const { isKeyboardOpen: y, keyboardHeight: v } = Zs(), b = c(
+      () => y.value ? v.value : 0
     ), S = c(
       () => h.value ? t.inputValue ?? "" : C.value
     ), O = c(
@@ -6199,7 +6203,7 @@ const xr = {
               f.value ? (R(), j("div", {
                 key: 0,
                 ref_key: "spacerRef",
-                ref: w,
+                ref: k,
                 "data-pin-to-send-spacer": "",
                 "aria-hidden": "true",
                 style: { height: "0px", flex: "0 0 auto" }
@@ -6297,19 +6301,19 @@ const xr = {
   setup(e, { emit: n }) {
     const t = e, a = n, i = Ge(), o = pn(), s = Oe(), { copilotkit: r } = Be(), l = c(
       () => Object.keys(o).filter((_) => _ !== "chat-view")
-    ), p = I(pt()), w = I("input"), u = I(t.inputValue ?? ""), d = I(null), g = I(!1), h = I(!1), C = I(!1), m = it(null), x = c(
+    ), p = I(pt()), k = I("input"), u = I(t.inputValue ?? ""), d = I(null), g = I(!1), h = I(!1), C = I(!1), m = it(null), x = c(
       () => t.agentId ?? s.value?.agentId ?? ct
     ), f = c(
       () => t.threadId ?? s.value?.threadId
-    ), k = c(
+    ), y = c(
       () => f.value ?? p.value
     ), v = c(
       () => !!t.threadId || !!s.value?.hasExplicitThreadId
     ), b = I(null), S = c(
-      () => v.value && b.value !== k.value
+      () => v.value && b.value !== y.value
     ), O = Zn(c(() => t.labels)), D = c(() => O.value), { agent: $ } = wn({
       agentId: x,
-      threadId: k,
+      threadId: y,
       throttleMs: c(() => t.throttleMs)
     }), { suggestions: P } = Ks({
       agentId: x
@@ -6344,7 +6348,7 @@ const xr = {
     } = Gs({
       config: c(() => t.attachments)
     }), be = c(
-      () => g.value ? "processing" : w.value
+      () => g.value ? "processing" : k.value
     ), Te = I(0), B = c(() => [...$.value?.messages ?? []]), ue = c(() => (Te.value, $.value?.isRunning ?? !1)), pe = c(
       () => ue.value && B.value.length > 0
     ), $e = c(() => {
@@ -6412,7 +6416,7 @@ const xr = {
         h,
         () => r.value,
         () => $.value,
-        k,
+        y,
         v
       ],
       ([_, de, fe, Ie, Ve], gt, tt) => {
@@ -6447,7 +6451,7 @@ const xr = {
         }
         tt(() => {
           const Pe = m.value;
-          !Pe || Pe !== at || !(C.value || r.value !== Pe.core || $.value !== Pe.agent || k.value !== Pe.threadId) || (Pe.detached = !0, Pe.abortController.abort(), Pe.agent.detachActiveRun?.(), m.value = null);
+          !Pe || Pe !== at || !(C.value || r.value !== Pe.core || $.value !== Pe.agent || y.value !== Pe.threadId) || (Pe.detached = !0, Pe.abortController.abort(), Pe.agent.detachActiveRun?.(), m.value = null);
         });
       },
       { immediate: !0 }
@@ -6468,7 +6472,7 @@ const xr = {
       if (_)
         try {
           const de = m.value;
-          de && de.agent === _ && de.threadId === k.value && (de.detached = !0, de.abortController.abort(), m.value = null, await de.agent.detachActiveRun?.()), await r.value.runAgent({ agent: _ });
+          de && de.agent === _ && de.threadId === y.value && (de.detached = !0, de.abortController.abort(), m.value = null, await de.agent.detachActiveRun?.()), await r.value.runAgent({ agent: _ });
         } catch (de) {
           console.error("CopilotChat: runAgent failed", de);
         }
@@ -6543,13 +6547,13 @@ const xr = {
       }, 100);
     }
     function le() {
-      d.value = null, w.value = "transcribe", a("start-transcribe");
+      d.value = null, k.value = "transcribe", a("start-transcribe");
     }
     function Ne() {
-      d.value = null, w.value = "input", a("cancel-transcribe");
+      d.value = null, k.value = "input", a("cancel-transcribe");
     }
     function Qe() {
-      w.value = "input", a("finish-transcribe");
+      k.value = "input", a("finish-transcribe");
     }
     async function Ft(_) {
       if (t.onFinishTranscribeWithAudio) {
@@ -6633,7 +6637,7 @@ const xr = {
     });
     return (_, de) => (R(), he(bn, {
       "agent-id": x.value,
-      "thread-id": k.value,
+      "thread-id": y.value,
       "has-explicit-thread-id": v.value,
       labels: D.value
     }, {
@@ -6757,7 +6761,7 @@ const xr = {
   setup(e, { attrs: n }) {
     return () => {
       const { class: t, ...a } = n;
-      return y(vn, {
+      return w(vn, {
         ...a,
         class: ["cpk:h-6 cpk:w-6", t],
         strokeWidth: 1.75
@@ -6770,7 +6774,7 @@ const xr = {
   setup(e, { attrs: n }) {
     return () => {
       const { class: t, ...a } = n;
-      return y(po, {
+      return w(po, {
         ...a,
         class: ["cpk:h-6 cpk:w-6", t],
         strokeWidth: 1.75,
@@ -6799,7 +6803,7 @@ const xr = {
     ]), p = c(() => {
       const { class: h, onClick: C, ...m } = t;
       return m;
-    }), w = Object.freeze({
+    }), k = Object.freeze({
       transition: "opacity 120ms ease-out, transform 260ms cubic-bezier(0.22, 1, 0.36, 1)"
     });
     function u(h) {
@@ -6837,7 +6841,7 @@ const xr = {
         "data-slot": "chat-toggle-button-open-icon",
         class: ye(Pn),
         style: rt({
-          ...G(w),
+          ...G(k),
           opacity: s.value ? 0 : 1,
           transform: `scale(${s.value ? 0.75 : 1}) rotate(${s.value ? 90 : 0}deg)`
         })
@@ -6858,7 +6862,7 @@ const xr = {
         "data-slot": "chat-toggle-button-close-icon",
         class: ye(Pn),
         style: rt({
-          ...G(w),
+          ...G(k),
           opacity: s.value ? 1 : 0,
           transform: `scale(${s.value ? 1 : 0.75}) rotate(${s.value ? 0 : -90}deg)`
         })
@@ -6889,7 +6893,7 @@ const xr = {
         type: o,
         ...s
       } = t;
-      return y(
+      return w(
         "button",
         {
           ...s,
@@ -6901,7 +6905,7 @@ const xr = {
           ],
           "aria-label": a.value
         },
-        n.default ? n.default() : [y(vn, { class: "cpk:h-4 cpk:w-4", "aria-hidden": !0 })]
+        n.default ? n.default() : [w(vn, { class: "cpk:h-4 cpk:w-4", "aria-hidden": !0 })]
       );
     };
   }
@@ -6911,7 +6915,7 @@ const xr = {
   setup(e, { attrs: n, slots: t }) {
     return () => {
       const { class: a, ...i } = n;
-      return y(
+      return w(
         "div",
         {
           ...i,
@@ -7015,14 +7019,14 @@ const xr = {
   setup(e, { emit: n }) {
     const t = e, a = n, i = Ge(), o = Oe(), s = lt(), r = c(
       () => s?.vnode.props ?? {}
-    ), l = I(null), p = I(o.value?.isModalOpen ?? !1), w = I(!1);
+    ), l = I(null), p = I(o.value?.isModalOpen ?? !1), k = I(!1);
     let u, d;
     const g = c(() => o.value?.isModalOpen ?? !1), h = c(() => o.value?.labels ?? Ze), C = c(() => h.value.modalHeaderTitle), m = c(() => v("onStop")), x = c(
-      () => g.value && !w.value ? "cpk:pointer-events-auto cpk:translate-y-0 cpk:opacity-100 cpk:md:scale-100" : "cpk:pointer-events-none cpk:translate-y-4 cpk:opacity-0 cpk:md:translate-y-5 cpk:md:scale-[0.95]"
+      () => g.value && !k.value ? "cpk:pointer-events-auto cpk:translate-y-0 cpk:opacity-100 cpk:md:scale-100" : "cpk:pointer-events-none cpk:translate-y-4 cpk:opacity-0 cpk:md:translate-y-5 cpk:md:scale-[0.95]"
     ), f = c(
       () => ({
-        "--copilot-popup-width": k(t.width, Qr),
-        "--copilot-popup-height": k(
+        "--copilot-popup-width": y(t.width, Qr),
+        "--copilot-popup-height": y(
           t.height,
           Xr
         ),
@@ -7038,7 +7042,7 @@ const xr = {
         paddingRight: "env(safe-area-inset-right)"
       })
     );
-    function k(F, U) {
+    function y(F, U) {
       return typeof F == "number" && Number.isFinite(F) ? `${F}px` : typeof F == "string" && F.trim().length > 0 ? F : `${U}px`;
     }
     function v(F) {
@@ -7093,11 +7097,11 @@ const xr = {
       g,
       (F) => {
         if (u && (clearTimeout(u), u = void 0), F) {
-          p.value = !0, w.value = !1;
+          p.value = !0, k.value = !1;
           return;
         }
-        p.value && (w.value = !0, u = setTimeout(() => {
-          p.value = !1, w.value = !1, u = void 0;
+        p.value && (k.value = !0, u = setTimeout(() => {
+          p.value = !1, k.value = !1, u = void 0;
         }, zn));
       },
       { immediate: !0 }
@@ -7306,14 +7310,14 @@ const xr = {
         onSelectSuggestion: (d, g) => a("select-suggestion", d, g)
       };
       return r("onAddFile") && (u.onAddFile = () => a("add-file")), r("onStartTranscribe") && (u.onStartTranscribe = () => a("start-transcribe")), r("onCancelTranscribe") && (u.onCancelTranscribe = () => a("cancel-transcribe")), r("onFinishTranscribe") && (u.onFinishTranscribe = () => a("finish-transcribe")), u;
-    }), w = c(() => ({
+    }), k = c(() => ({
       ...i,
       ...l.value,
       ...p.value
     }));
     return (u, d) => (R(), he(bn, { "is-modal-default-open": e.defaultOpen }, {
       default: W(() => [
-        oe(Yr, q(J(w.value)), qe({ _: 2 }, [
+        oe(Yr, q(J(k.value)), qe({ _: 2 }, [
           u.$slots.header ? {
             name: "header",
             fn: W((g) => [
@@ -7511,7 +7515,7 @@ const xr = {
     ), l = I(null), p = I(
       t.width ?? il
     );
-    let w = null;
+    let k = null;
     const u = c(() => o.value?.isModalOpen ?? !1), d = c(
       () => t.width ?? p.value
     ), g = c(
@@ -7525,7 +7529,7 @@ const xr = {
     ]), C = c(() => {
       const { class: U, ...H } = i;
       return H;
-    }), m = c(() => k("onStop")), x = c(
+    }), m = c(() => y("onStop")), x = c(
       () => ({
         "--sidebar-width": v(d.value),
         paddingTop: "env(safe-area-inset-top)",
@@ -7541,7 +7545,7 @@ const xr = {
 }
 `
     );
-    function k(U) {
+    function y(U) {
       const H = r.value[U];
       return Array.isArray(H) ? H.length > 0 : !!H;
     }
@@ -7596,7 +7600,7 @@ const xr = {
         onInputChange: ve,
         onSelectSuggestion: te
       };
-      return m.value && (U.onStop = Y), k("onAddFile") && (U.onAddFile = K), k("onStartTranscribe") && (U.onStartTranscribe = E), k("onCancelTranscribe") && (U.onCancelTranscribe = ne), k("onFinishTranscribe") && (U.onFinishTranscribe = re), U;
+      return m.value && (U.onStop = Y), y("onAddFile") && (U.onAddFile = K), y("onStartTranscribe") && (U.onStartTranscribe = E), y("onCancelTranscribe") && (U.onCancelTranscribe = ne), y("onFinishTranscribe") && (U.onFinishTranscribe = re), U;
     });
     return L(
       () => t.width,
@@ -7608,11 +7612,11 @@ const xr = {
         S();
       }
     ), Je(async () => {
-      await ft(), S(), !(t.width !== void 0 || !l.value || typeof ResizeObserver > "u") && (w = new ResizeObserver(() => {
+      await ft(), S(), !(t.width !== void 0 || !l.value || typeof ResizeObserver > "u") && (k = new ResizeObserver(() => {
         S();
-      }), w.observe(l.value));
+      }), k.observe(l.value));
     }), Me(() => {
-      w?.disconnect(), w = null;
+      k?.disconnect(), k = null;
     }), (U, H) => (R(), j(Re, null, [
       u.value ? (R(), he(mt("style"), { key: 0 }, {
         default: W(() => [
@@ -7758,13 +7762,13 @@ const xr = {
     }), l = c(() => ({
       ...i,
       ...r.value,
-      ...w.value
+      ...k.value
     }));
     function p(u) {
       const d = s.value[u];
       return Array.isArray(d) ? d.length > 0 : !!d;
     }
-    const w = c(() => {
+    const k = c(() => {
       const u = {
         onSubmitMessage: (d) => a("submit-message", d),
         onStop: () => a("stop"),
@@ -8294,7 +8298,7 @@ ${e.description}` : t;
       parameters: e.parameters,
       render: ({ args: i }) => {
         const o = e.render;
-        return y(
+        return w(
           o,
           i
         );
@@ -8318,7 +8322,7 @@ function hl(e, n) {
     () => {
       const i = (s) => typeof e.render == "function" ? e.render(
         s
-      ) : y(e.render, s), o = e.name === "*" && !e.parameters ? ln({
+      ) : w(e.render, s), o = e.name === "*" && !e.parameters ? ln({
         name: "*",
         render: (s) => i({
           ...s,
@@ -8419,7 +8423,7 @@ const kl = se({
     const n = I(!1);
     return () => {
       const t = e.status === "inProgress" || e.status === "executing", a = e.status === "complete", i = t ? "Running" : a ? "Done" : e.status;
-      return y(
+      return w(
         "div",
         {
           "data-testid": "copilot-tool-render",
@@ -8431,7 +8435,7 @@ const kl = se({
           style: { marginTop: "8px", paddingBottom: "8px" }
         },
         [
-          y(
+          w(
             "div",
             {
               style: {
@@ -8442,7 +8446,7 @@ const kl = se({
               }
             },
             [
-              y(
+              w(
                 "button",
                 {
                   type: "button",
@@ -8465,7 +8469,7 @@ const kl = se({
                   }
                 },
                 [
-                  y(
+                  w(
                     "span",
                     {
                       "data-testid": "copilot-tool-render-name",
@@ -8473,19 +8477,19 @@ const kl = se({
                     },
                     e.name
                   ),
-                  y(
+                  w(
                     "span",
                     { "data-testid": "copilot-tool-render-status" },
                     i
                   )
                 ]
               ),
-              n.value ? y("div", { style: { marginTop: "12px" } }, [
-                y("div", "Arguments"),
-                y("pre", _n(e.parameters ?? {})),
-                e.result !== void 0 ? y("div", [
-                  y("div", "Result"),
-                  y(
+              n.value ? w("div", { style: { marginTop: "12px" } }, [
+                w("div", "Arguments"),
+                w("pre", _n(e.parameters ?? {})),
+                e.result !== void 0 ? w("div", [
+                  w("div", "Result"),
+                  w(
                     "pre",
                     typeof e.result == "string" ? e.result : _n(e.result)
                   )
@@ -8531,7 +8535,7 @@ function Gl(e, n) {
     const i = t;
     a = ((o) => {
       const s = an(o);
-      return y(i, {
+      return w(i, {
         name: s.name,
         toolCallId: s.toolCallId,
         parameters: s.parameters,
@@ -8542,7 +8546,7 @@ function Gl(e, n) {
   } else
     a = ((i) => {
       const o = an(i);
-      return y(kl, {
+      return w(kl, {
         name: o.name,
         toolCallId: o.toolCallId,
         parameters: o.parameters,
@@ -8568,22 +8572,22 @@ function Jl(e, n) {
     }),
     render: (l) => {
       const p = e.render;
-      return l.status === "inProgress" ? y(p, {
+      return l.status === "inProgress" ? w(p, {
         ...l,
         name: e.name,
         description: e.description || "",
         respond: void 0
-      }) : l.status === "executing" ? y(p, {
+      }) : l.status === "executing" ? w(p, {
         ...l,
         name: e.name,
         description: e.description || "",
         respond: i
-      }) : l.status === "complete" ? y(p, {
+      }) : l.status === "complete" ? w(p, {
         ...l,
         name: e.name,
         description: e.description || "",
         respond: void 0
-      }) : y(p, l);
+      }) : w(p, l);
     }
   };
   ua(r, n), Kt(() => {
@@ -8619,10 +8623,10 @@ function Ql(e, n) {
     if (!r.value) return o.value;
     const m = r.value.consumerAgentId;
     return !m || m === "*" ? o.value : m;
-  }), w = c(
+  }), k = c(
     () => s.value === void 0 || s.value === "*"
   ), u = I(!1), d = I(null), g = I(null), h = () => {
-    if (!u.value || !w.value)
+    if (!u.value || !k.value)
       return;
     if (Object.values(t.value.agents ?? {}).some(
       (x) => !!x.agentId && x.isRunning
@@ -8635,12 +8639,12 @@ function Ql(e, n) {
     u.value = !1, C();
   }, C = () => {
     if (r.value) {
-      if (w.value) {
+      if (k.value) {
         let m = !1;
         const x = Object.values(t.value.agents ?? {});
         for (const f of x) {
-          const k = f.agentId;
-          k && (f.isRunning ? m = !0 : t.value.reloadSuggestions(k));
+          const y = f.agentId;
+          y && (f.isRunning ? m = !0 : t.value.reloadSuggestions(y));
         }
         u.value = m, m && d.value === null && (d.value = setTimeout(() => {
           d.value = null, h();
@@ -8652,11 +8656,11 @@ function Ql(e, n) {
   };
   L(
     [() => t.value, l],
-    ([m, x], f, k) => {
+    ([m, x], f, y) => {
       if (!x || !r.value)
         return;
       const v = t.value, b = r.value, S = v.addSuggestionsConfig(b);
-      C(), k(() => v.removeSuggestionsConfig(S));
+      C(), y(() => v.removeSuggestionsConfig(S));
     },
     { immediate: !0 }
   ), L(
@@ -8684,8 +8688,8 @@ function Ql(e, n) {
     },
     { immediate: !0 }
   ), L(
-    [() => t.value, w],
-    ([m, x], f, k) => {
+    [() => t.value, k],
+    ([m, x], f, y) => {
       if (!x)
         return;
       const v = Object.values(m.agents ?? {}).filter((b) => !!b).map(
@@ -8697,7 +8701,7 @@ function Ql(e, n) {
           onRunErrorEvent: h
         })
       );
-      k(() => {
+      y(() => {
         for (const b of v)
           b.unsubscribe();
       });
@@ -8727,22 +8731,22 @@ function Xl(e = {}) {
         a.value = null, i.value = null;
         return;
       }
-      let w = null;
+      let k = null;
       const u = r.subscribe({
         onCustomEvent: ({ event: d }) => {
-          d.name === xl && (w = {
+          d.name === xl && (k = {
             name: d.name,
             value: d.value
           });
         },
         onRunStartedEvent: () => {
-          w = null, a.value = null;
+          k = null, a.value = null;
         },
         onRunFinalized: () => {
-          w && (a.value = w, w = null);
+          k && (a.value = k, k = null);
         },
         onRunFailed: () => {
-          w = null;
+          k = null;
         }
       });
       p(() => u.unsubscribe());
@@ -8761,10 +8765,10 @@ function Xl(e = {}) {
           interruptEvent: p
         }
       }
-    }).catch((w) => {
+    }).catch((k) => {
       console.error(
         "[CopilotKit] useInterrupt: failed to resume agent:",
-        w
+        k
       );
     });
   };
@@ -8779,13 +8783,13 @@ function Xl(e = {}) {
         i.value = null;
         return;
       }
-      const w = e.handler;
-      if (!w) {
+      const k = e.handler;
+      if (!k) {
         i.value = null;
         return;
       }
       let u = !1;
-      const d = w({
+      const d = k({
         event: r,
         resolve: o
       });
@@ -8806,7 +8810,7 @@ function Xl(e = {}) {
   });
   return L(
     [() => n.value, s, () => e.renderInChat !== !1],
-    ([r, l, p], w, u) => {
+    ([r, l, p], k, u) => {
       if (!p)
         return;
       r.setInterruptState(
@@ -8847,8 +8851,8 @@ function Yl(e) {
         ([x], [f]) => x.localeCompare(f)
       )
     )
-  ), r = I([]), l = I(!1), p = I(null), w = I(!1), u = I(!1);
-  St(t, Ta, r), St(t, Sa, l), St(t, Ia, p), St(t, Aa, w), St(
+  ), r = I([]), l = I(!1), p = I(null), k = I(!1), u = I(!1);
+  St(t, Ta, r), St(t, Sa, l), St(t, Ia, p), St(t, Aa, k), St(
     t,
     Ra,
     u
@@ -8866,7 +8870,7 @@ function Yl(e) {
       i,
       o
     ],
-    ([x, f, , k, v, b, S]) => {
+    ([x, f, , y, v, b, S]) => {
       if (!x) {
         t.setContext(null);
         return;
@@ -8876,7 +8880,7 @@ function Yl(e) {
       const O = {
         runtimeUrl: x,
         headers: { ...n.value.headers },
-        wsUrl: k,
+        wsUrl: y,
         agentId: v,
         includeArchived: b,
         limit: S
@@ -8897,10 +8901,10 @@ function Yl(e) {
   return {
     threads: c(
       () => r.value.map(
-        ({ id: x, agentId: f, name: k, archived: v, createdAt: b, updatedAt: S, lastRunAt: O }) => ({
+        ({ id: x, agentId: f, name: y, archived: v, createdAt: b, updatedAt: S, lastRunAt: O }) => ({
           id: x,
           agentId: f,
-          name: k,
+          name: y,
           archived: v,
           createdAt: b,
           updatedAt: S,
@@ -8910,7 +8914,7 @@ function Yl(e) {
     ),
     isLoading: C,
     error: m,
-    hasMoreThreads: w,
+    hasMoreThreads: k,
     isFetchingMoreThreads: u,
     fetchMoreThreads: () => t.fetchNextPage(),
     renameThread: (x, f) => t.renameThread(x, f),
@@ -8939,7 +8943,7 @@ function ec() {
     });
     if (!l.length)
       return null;
-    const { message: p, position: w } = a, u = r.getRunIdForMessage(o, s, p.id) ?? r.getRunIdsForThread(o, s).slice(-1)[0], d = u ?? `missing-run-id:${p.id}`, g = r.getAgent(o);
+    const { message: p, position: k } = a, u = r.getRunIdForMessage(o, s, p.id) ?? r.getRunIdsForThread(o, s).slice(-1)[0], d = u ?? `missing-run-id:${p.id}`, g = r.getAgent(o);
     if (!g)
       return null;
     const h = u ? g.messages.filter(
@@ -8950,15 +8954,15 @@ function ec() {
     C < 0 && console.warn(
       `[CopilotKit] useRenderCustomMessages: message "${p.id}" not found in agent "${o}" messages`
     );
-    const m = Math.max(0, C), x = u ? Math.max(h.indexOf(p.id), 0) : 0, f = u ? h.length : 1, k = u ? r.getStateByRun(o, s, u) : void 0, v = {
+    const m = Math.max(0, C), x = u ? Math.max(h.indexOf(p.id), 0) : 0, f = u ? h.length : 1, y = u ? r.getStateByRun(o, s, u) : void 0, v = {
       message: p,
-      position: w,
+      position: k,
       runId: d,
       messageIndex: m,
       messageIndexInRun: x,
       numberOfMessagesInRun: f,
       agentId: o,
-      stateSnapshot: k
+      stateSnapshot: y
     };
     for (const b of l)
       if (b.render)
@@ -9076,4 +9080,4 @@ export {
   Vl as y,
   Wl as z
 };
-//# sourceMappingURL=use-render-activity-message-CCdCVec7.js.map
+//# sourceMappingURL=use-render-activity-message-Dw44JCPl.js.map