@pagelines/sdk 1.0.677 → 1.0.678

package/dist/AgentWrap.vue_vue_type_script_setup_true_lang.js

@@ -2,7 +2,7 @@ var hs = Object.defineProperty;
 var ga = (a, t, e) => t in a ? hs(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
 var d = (a, t) => hs(a, "name", { value: t, configurable: !0 });
 var P = (a, t, e) => ga(a, typeof t != "symbol" ? t + "" : t, e);
-import { defineComponent as Re, openBlock as h, createElementBlock as f, createElementVNode as w, normalizeClass as D, ref as ge, computed as S, shallowRef as ht, watch as Qt, createCommentVNode as H, renderSlot as vn, onMounted as tn, unref as en, Fragment as ee, toDisplayString as j, reactive as va, onUnmounted as Ps, createBlock as gt, Teleport as xa, createVNode as Ne, Transition as ba, withCtx as Bs, withDirectives as Fs, normalizeStyle as q, createTextVNode as st, vShow as ya, nextTick as Us, renderList as me, resolveDynamicComponent as ka, onBeforeUnmount as Hs, withModifiers as De, vModelText as wa, withKeys as jt } from "vue";
+import { defineComponent as Re, openBlock as p, createElementBlock as f, createElementVNode as w, normalizeClass as L, ref as ge, computed as S, shallowRef as ht, watch as Qt, createCommentVNode as j, renderSlot as vn, onMounted as tn, unref as en, Fragment as ee, toDisplayString as H, reactive as va, onUnmounted as Ps, createBlock as gt, Teleport as xa, createVNode as Ne, Transition as ba, withCtx as Bs, withDirectives as Fs, normalizeStyle as q, createTextVNode as st, vShow as ya, nextTick as Us, renderList as me, resolveDynamicComponent as ka, onBeforeUnmount as Hs, withModifiers as De, vModelText as wa, withKeys as jt } from "vue";
 import { SettingsObject as js, Agent as hn, isAssistantSilenceControl as _n, CHAT_ISSUE_COPY as Ta, getDefaultAvatarUrl as Hn, parseChatVisualFencePayload as Sa, createLogger as Aa } from "@pagelines/core";
 import { P as _a } from "./sdkClient.js";
 const Ea = { class: "spinner max-w-sm" }, Ra = {
@@ -15,10 +15,10 @@ const Ea = { class: "spinner max-w-sm" }, Ra = {
     colorMode: { type: String, default: "primary" }
   },
   setup(a) {
-    return (t, e) => (h(), f("div", Ea, [
-      (h(), f("svg", Ra, [
+    return (t, e) => (p(), f("div", Ea, [
+      (p(), f("svg", Ra, [
         w("circle", {
-          class: D([a.colorMode, "ring-path"]),
+          class: L([a.colorMode, "ring-path"]),
           cx: "50",
           cy: "50",
           r: "20",
@@ -135,8 +135,8 @@ const Jn = class Jn extends js {
       const o = await n(l);
       this.settings.onBeforeSend?.(), await i.sendChatMessage("", [o]);
     } catch (o) {
-      const p = o instanceof Error ? o.message : "Couldn't send that recording.";
-      i.notify(`Voice message failed — ${p}`);
+      const h = o instanceof Error ? o.message : "Couldn't send that recording.";
+      i.notify(`Voice message failed — ${h}`);
     }
   }
   stopCapture() {
@@ -220,8 +220,8 @@ function Pn(a) {
       terminal: { id: "work-complete", tone: "completed", label: yt.completed }
     };
   if (e === "failed") {
-    const I = t.filter((V) => V.status === "failed").sort(Nn).pop(), N = /* @__PURE__ */ new Set();
-    I && N.add(I.activityId);
+    const $ = t.filter((V) => V.status === "failed").sort(Nn).pop(), N = /* @__PURE__ */ new Set();
+    $ && N.add($.activityId);
     const { visibleRows: W, hiddenRows: B } = dn(Xt(t, N));
     return {
       outcome: e,
@@ -231,34 +231,34 @@ function Pn(a) {
         id: "work-failed",
         tone: "failed",
         label: yt.failed,
-        ...l && I?.note ? { note: I.note } : {}
+        ...l && $?.note ? { note: $.note } : {}
       }
     };
   }
   if (e === "stopped") {
-    const { visibleRows: I, hiddenRows: N } = dn(Xt(t, /* @__PURE__ */ new Set()));
+    const { visibleRows: $, hiddenRows: N } = dn(Xt(t, /* @__PURE__ */ new Set()));
     return {
       outcome: e,
-      visibleRows: I,
+      visibleRows: $,
       hiddenRows: N,
       terminal: { id: "work-stopped", tone: "stopped", label: yt.stopped }
     };
   }
-  const { visibleRows: o, hiddenRows: p } = dn(Xt(t, /* @__PURE__ */ new Set())), c = t.filter((I) => I.status === "started").sort(Nn).pop(), y = t.reduce(
-    (I, N) => Math.max(I, Ot(N)),
+  const { visibleRows: o, hiddenRows: h } = dn(Xt(t, /* @__PURE__ */ new Set())), c = t.filter(($) => $.status === "started").sort(Nn).pop(), y = t.reduce(
+    ($, N) => Math.max($, Ot(N)),
     s ?? Number.NEGATIVE_INFINITY
-  ), R = Number.isFinite(y) ? y : n, b = t.reduce((I, N) => {
+  ), R = Number.isFinite(y) ? y : n, b = t.reduce(($, N) => {
     const W = pn(N.startedAt) ?? pn(N.endedAt);
-    return W === void 0 ? I : Math.min(I, W);
+    return W === void 0 ? $ : Math.min($, W);
   }, Number.POSITIVE_INFINITY), k = R + Ws, A = (Number.isFinite(b) ? b : R) + Da, E = n >= k, O = c || E ? {
     id: c?.activityId ?? "work-active",
     tone: "active",
     label: E ? c ? yt.waiting : yt.finishing : c.label
-  } : void 0, Z = E && n >= A ? i ? yt.notifyHint : yt.leaveHint : void 0, C = [k, A].filter((I) => I > n).sort((I, N) => I - N)[0];
+  } : void 0, Z = E && n >= A ? i ? yt.notifyHint : yt.leaveHint : void 0, C = [k, A].filter(($) => $ > n).sort(($, N) => $ - N)[0];
   return {
     outcome: e,
     visibleRows: o,
-    hiddenRows: p,
+    hiddenRows: h,
     ...O ? { terminal: O } : {},
     ...Z ? { hint: Z } : {},
     ...C !== void 0 ? { nextBoundaryAtMs: C } : {}
@@ -272,13 +272,13 @@ function La(a) {
     nowMs: n,
     canNotifyOnCompletion: i,
     ...s !== void 0 ? { lastVisibleProgressAtMs: s } : {}
-  }), "liveModel"), p = /* @__PURE__ */ d((A) => {
+  }), "liveModel"), h = /* @__PURE__ */ d((A) => {
     const { visibleRows: E, hiddenRows: O } = dn(Xt(A, /* @__PURE__ */ new Set()));
     if (!(E.length === 0 && O.length === 0))
       return { outcome: "running", visibleRows: E, hiddenRows: O };
   }, "staticJournal"), c = [], y = new Set(
     t.flatMap((A) => A.kind === "work" ? A.activityIds : [])
-  ), R = e.filter((A) => !y.has(A.activityId)), b = p(R);
+  ), R = e.filter((A) => !y.has(A.activityId)), b = h(R);
   b && c.push({ kind: "work", id: "work-unsegmented", journal: b }), t.forEach((A, E) => {
     if (A.kind === "text") {
       A.content && c.push({ kind: "text", id: `text-${E}`, content: A.content });
@@ -287,7 +287,7 @@ function La(a) {
     const O = A.activityIds.map((C) => l.get(C)).filter((C) => C !== void 0);
     if (O.length === 0)
       return;
-    const Z = p(O);
+    const Z = h(O);
     Z && c.push({ kind: "work", id: `work-${A.activityIds[0] ?? E}`, journal: Z });
   });
   const k = o(e);
@@ -699,13 +699,13 @@ Current User:
     }
     this.addMessage(e, "user", n), this.resetWorkJournalTiming(), this.updateState(this.textState, { isThinking: !0, workingDescription: void 0, toolActivities: [], transientIssue: void 0, turnOutcome: void 0 });
     const l = ++this.activeTurnGeneration, o = `stream-${Date.now()}`;
-    let p = !1, c = !1;
-    const y = /* @__PURE__ */ d(() => l === this.activeTurnGeneration, "isCurrentTurn"), R = /* @__PURE__ */ d((C, I = "assistant") => {
+    let h = !1, c = !1;
+    const y = /* @__PURE__ */ d(() => l === this.activeTurnGeneration, "isCurrentTurn"), R = /* @__PURE__ */ d((C, $ = "assistant") => {
       if (!y())
         return;
-      this.updateState(this.textState, { workingDescription: void 0 }), I === "assistant" && (this.lastVisibleProgressAtMs.value = Date.now()), p || (p = !0, this.liveStreamMessageId.value = o, this.sharedMessages.value = [
+      this.updateState(this.textState, { workingDescription: void 0 }), $ === "assistant" && (this.lastVisibleProgressAtMs.value = Date.now()), h || (h = !0, this.liveStreamMessageId.value = o, this.sharedMessages.value = [
         ...this.sharedMessages.value,
-        { id: o, text: "", sender: I === "system" ? "system" : "agent", timestamp: (/* @__PURE__ */ new Date()).toISOString() }
+        { id: o, text: "", sender: $ === "system" ? "system" : "agent", timestamp: (/* @__PURE__ */ new Date()).toISOString() }
       ]);
       const N = this.liveSegments.value, W = N[N.length - 1];
       this.liveSegments.value = W?.kind === "text" ? [...N.slice(0, -1), { kind: "text", content: W.content + C }] : [...N, { kind: "text", content: C }];
@@ -718,9 +718,9 @@ Current User:
         this.liveSegments.value = [], this.liveStreamMessageId.value = void 0, this.sharedMessages.value = this.sharedMessages.value.filter((J) => J.id !== o);
         return;
       }
-      p = !0;
-      const I = C.sender === "system" || C.turnOutcome === "failed" ? "failed" : "completed";
-      this.finishToolActivities(I);
+      h = !0;
+      const $ = C.sender === "system" || C.turnOutcome === "failed" ? "failed" : "completed";
+      this.finishToolActivities($);
       const N = this.textState.value.toolActivities, W = C.toolActivities?.length || !N?.length ? C : { ...C, toolActivities: N };
       this.liveSegments.value = [], this.liveStreamMessageId.value = void 0, this.updateState(this.textState, {
         workingDescription: void 0,
@@ -742,13 +742,13 @@ Current User:
     }, "onMessage"), k = /* @__PURE__ */ d((C) => {
       if (!y())
         return;
-      if (!p && !c) {
+      if (!h && !c) {
         A("empty_stream — assistant returned no content");
         return;
       }
       this.finishToolActivities("completed");
-      const I = this.sharedMessages.value, N = I[I.length - 1];
-      N?.id === o && N.sender === "agent" && _n(N.text) && (this.sharedMessages.value = I.slice(0, -1)), C && (this.conversationId = C), this.updateState(this.textState, { isThinking: !1, workingDescription: void 0, transientIssue: void 0 });
+      const $ = this.sharedMessages.value, N = $[$.length - 1];
+      N?.id === o && N.sender === "agent" && _n(N.text) && (this.sharedMessages.value = $.slice(0, -1)), C && (this.conversationId = C), this.updateState(this.textState, { isThinking: !1, workingDescription: void 0, transientIssue: void 0 });
     }, "onDone"), A = /* @__PURE__ */ d((C) => {
       if (!y())
         return;
@@ -770,8 +770,8 @@ Current User:
         return;
       }
       this.updateState(this.textState, { workingDescription: void 0, turnOutcome: "failed" }), this.finishToolActivities("failed");
-      const I = this.sharedMessages.value, N = I[I.length - 1];
-      if (N?.id === o && !N.text && (this.sharedMessages.value = I.slice(0, -1)), typeof C == "object" && C.code && C.error) {
+      const $ = this.sharedMessages.value, N = $[$.length - 1];
+      if (N?.id === o && !N.text && (this.sharedMessages.value = $.slice(0, -1)), typeof C == "object" && C.code && C.error) {
         const V = Na(C);
         V.surface === "transient" ? this.updateState(this.textState, { isThinking: !1, transientIssue: V.issue }) : V.surface === "transcript" ? (this.addMessage(Pa(C), "system", void 0, V.issue), this.updateState(this.textState, {
           isThinking: !1,
@@ -784,13 +784,13 @@ Current User:
     }, "onError"), E = /* @__PURE__ */ d((C) => {
       if (!y())
         return;
-      const I = C.trim();
-      this.updateState(this.textState, { workingDescription: I || void 0 });
+      const $ = C.trim();
+      this.updateState(this.textState, { workingDescription: $ || void 0 });
     }, "onStatus"), O = /* @__PURE__ */ d((C) => {
       if (y()) {
         if (this.lastVisibleProgressAtMs.value = Date.now(), C.status === "started") {
-          const I = this.liveSegments.value, N = I[I.length - 1];
-          N?.kind !== "work" ? this.liveSegments.value = [...I, { kind: "work", activityIds: [C.activityId] }] : N.activityIds.includes(C.activityId) || (this.liveSegments.value = [...I.slice(0, -1), { kind: "work", activityIds: [...N.activityIds, C.activityId] }]);
+          const $ = this.liveSegments.value, N = $[$.length - 1];
+          N?.kind !== "work" ? this.liveSegments.value = [...$, { kind: "work", activityIds: [C.activityId] }] : N.activityIds.includes(C.activityId) || (this.liveSegments.value = [...$.slice(0, -1), { kind: "work", activityIds: [...N.activityIds, C.activityId] }]);
         }
         this.updateToolActivity(C);
       }
@@ -881,24 +881,24 @@ function fs(a) {
   return a ? typeof a == "string" ? a : a.src || "" : "";
 }
 d(fs, "getImageSrc");
-function To(a) {
+function yo(a) {
   return fs(a.cover) || fs(a.avatar) || Hn(a.name);
 }
-d(To, "getAgentAvatarUrl");
+d(yo, "getAgentAvatarUrl");
 function ms(a) {
   const t = a.target;
   t.dataset.fallbackUsed || (t.dataset.fallbackUsed = "true", t.src = Hn());
 }
 d(ms, "handleImageError");
-function So(a) {
+function ko(a) {
   const { template: t, agent: e } = a;
   return t.replace(/{name}/g, e.name || "Assistant").replace(/{title}/g, e.title || "").replace(/{handle}/g, e.handle || "").replace(/{orgName}/g, e.org?.name || "");
 }
-d(So, "parseButtonTemplate");
+d(ko, "parseButtonTemplate");
 const Ba = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center"
-}, Ao = /* @__PURE__ */ Re({
+}, wo = /* @__PURE__ */ Re({
   __name: "ElAgentButton",
   props: {
     theme: { default: "primary" },
@@ -922,28 +922,28 @@ const Ba = {
       md: "size-4",
       lg: "size-5"
     })[a.size]);
-    return (i, s) => (h(), f("button", {
-      class: D(["relative inline-flex items-center justify-center gap-2 font-medium rounded-full backdrop-blur-sm border-2 text-white transition-all duration-200 focus:outline-none active:opacity-80 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer", [t.value, e.value]])
+    return (i, s) => (p(), f("button", {
+      class: L(["relative inline-flex items-center justify-center gap-2 font-medium rounded-full backdrop-blur-sm border-2 text-white transition-all duration-200 focus:outline-none active:opacity-80 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer", [t.value, e.value]])
     }, [
-      a.loading ? (h(), f("div", Ba, [...s[0] || (s[0] = [
+      a.loading ? (p(), f("div", Ba, [...s[0] || (s[0] = [
         w("i", { class: "i-svg-spinners-90-ring-with-bg size-5" }, null, -1)
-      ])])) : H("", !0),
+      ])])) : j("", !0),
       w("span", {
-        class: D(["flex items-center gap-2 transition-opacity duration-200", a.loading ? "opacity-0" : "opacity-100"])
+        class: L(["flex items-center gap-2 transition-opacity duration-200", a.loading ? "opacity-0" : "opacity-100"])
       }, [
-        a.icon ? (h(), f("i", {
+        a.icon ? (p(), f("i", {
           key: 0,
-          class: D([a.icon, n.value])
-        }, null, 2)) : H("", !0),
+          class: L([a.icon, n.value])
+        }, null, 2)) : j("", !0),
         vn(i.$slots, "default"),
-        a.iconAfter ? (h(), f("i", {
+        a.iconAfter ? (p(), f("i", {
           key: 1,
-          class: D([a.iconAfter, n.value])
-        }, null, 2)) : H("", !0)
+          class: L([a.iconAfter, n.value])
+        }, null, 2)) : j("", !0)
       ], 2)
     ], 2));
   }
-}), Fa = ["value"], _o = /* @__PURE__ */ Re({
+}), Fa = ["value"], To = /* @__PURE__ */ Re({
   __name: "AgentInputEmail",
   props: {
     modelValue: { default: "" }
@@ -951,7 +951,7 @@ const Ba = {
   emits: ["update:modelValue"],
   setup(a, { emit: t }) {
     const e = t;
-    return (n, i) => (h(), f("input", {
+    return (n, i) => (p(), f("input", {
       name: "username",
       type: "email",
       inputmode: "email",
@@ -966,7 +966,7 @@ const Ba = {
       onInput: i[0] || (i[0] = (s) => e("update:modelValue", s.target.value))
     }, null, 40, Fa));
   }
-}), Ua = ["placeholder", "value"], Eo = /* @__PURE__ */ Re({
+}), Ua = ["placeholder", "value"], So = /* @__PURE__ */ Re({
   __name: "AgentInputOneTimeCode",
   props: {
     modelValue: {},
@@ -980,10 +980,10 @@ const Ba = {
       e.focusFirst && !("ontouchstart" in window) && i.value?.focus();
     });
     function l(o) {
-      const p = o.target.value.replace(/\D/g, "").slice(0, e.length);
-      n("update:modelValue", p), p.length === e.length && n("autoSubmit", p);
+      const h = o.target.value.replace(/\D/g, "").slice(0, e.length);
+      n("update:modelValue", h), h.length === e.length && n("autoSubmit", h);
     }
-    return d(l, "onInput"), (o, p) => (h(), f("input", {
+    return d(l, "onInput"), (o, h) => (p(), f("input", {
       ref_key: "input",
       ref: i,
       name: "one-time-code",
@@ -1013,14 +1013,14 @@ const Ba = {
     layout: { default: "centered" }
   },
   setup(a) {
-    return (t, e) => (h(), f("div", {
-      class: D(["flex gap-4", [
+    return (t, e) => (p(), f("div", {
+      class: L(["flex gap-4", [
         a.layout === "centered" ? "flex-col items-center text-center" : "flex-row items-center justify-center"
       ]])
     }, [
       w("div", Ha, [
         w("div", {
-          class: D(["rounded-full overflow-hidden border-white", a.size === "lg" ? "w-20 h-20 sm:w-24 sm:h-24 border-4" : "w-16 sm:size-16 border-2"])
+          class: L(["rounded-full overflow-hidden border-white", a.size === "lg" ? "w-20 h-20 sm:w-24 sm:h-24 border-4" : "w-16 sm:size-16 border-2"])
         }, [
           w("img", {
             src: a.agent.avatarUrl.value,
@@ -1031,28 +1031,28 @@ const Ba = {
           }, null, 40, ja)
         ], 2),
         w("div", Wa, [
-          a.isOnline ? (h(), f(ee, { key: 0 }, [
+          a.isOnline ? (p(), f(ee, { key: 0 }, [
             e[1] || (e[1] = w("div", {
               class: "size-3 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping",
               style: { "animation-duration": "3s" }
             }, null, -1)),
             e[2] || (e[2] = w("div", { class: "size-3 bg-green-500 rounded-full ring-2 ring-white" }, null, -1))
-          ], 64)) : (h(), f("div", Ga))
+          ], 64)) : (p(), f("div", Ga))
         ])
       ]),
       w("div", Va, [
         w("h1", {
-          class: D(["font-light text-white mb-1 truncate", [
+          class: L(["font-light text-white mb-1 truncate", [
             a.size === "lg" ? "text-3xl mb-2" : "text-xl sm:text-2xl tracking-wide leading-tight",
             a.layout === "horizontal" ? "text-white/95" : ""
           ]])
-        }, j(a.agent.displayName.value), 3),
+        }, H(a.agent.displayName.value), 3),
         w("p", {
-          class: D(["font-light line-clamp-1", [
+          class: L(["font-light line-clamp-1", [
             a.size === "lg" ? "text-base text-white/60" : "text-sm sm:text-base",
             a.layout === "horizontal" ? "text-white/70 truncate" : "text-white/60"
           ]])
-        }, j(a.layout === "horizontal" ? a.agent.title.value || "Assistant" : a.agent.title.value), 3)
+        }, H(a.layout === "horizontal" ? a.agent.title.value || "Assistant" : a.agent.title.value), 3)
       ])
     ], 2));
   }
@@ -1077,30 +1077,30 @@ const Ba = {
       top: "0px",
       maxWidth: `${a.maxWidth}px`
     }), o = ge("");
-    function p() {
+    function h() {
       if (!t.value || !e.value)
         return;
       const E = t.value.getBoundingClientRect(), O = e.value.getBoundingClientRect(), Z = 8;
-      let C, I;
+      let C, $;
       switch (a.direction) {
         case "bottom":
-          C = E.left + window.scrollX + E.width / 2 - O.width / 2, I = E.bottom + window.scrollY + Z;
+          C = E.left + window.scrollX + E.width / 2 - O.width / 2, $ = E.bottom + window.scrollY + Z;
           break;
         case "top":
-          C = E.left + window.scrollX + E.width / 2 - O.width / 2, I = E.top + window.scrollY - O.height - Z;
+          C = E.left + window.scrollX + E.width / 2 - O.width / 2, $ = E.top + window.scrollY - O.height - Z;
           break;
         case "left":
-          C = E.left + window.scrollX - O.width - Z, I = E.top + window.scrollY + E.height / 2 - O.height / 2;
+          C = E.left + window.scrollX - O.width - Z, $ = E.top + window.scrollY + E.height / 2 - O.height / 2;
           break;
         default:
-          C = E.right + window.scrollX + Z, I = E.top + window.scrollY + E.height / 2 - O.height / 2;
+          C = E.right + window.scrollX + Z, $ = E.top + window.scrollY + E.height / 2 - O.height / 2;
       }
       const N = 8;
-      C = Math.max(N, Math.min(C, window.innerWidth - O.width - N)), I = Math.max(N, Math.min(I, window.innerHeight - O.height - N)), l.left = `${C}px`, l.top = `${I}px`;
+      C = Math.max(N, Math.min(C, window.innerWidth - O.width - N)), $ = Math.max(N, Math.min($, window.innerHeight - O.height - N)), l.left = `${C}px`, l.top = `${$}px`;
     }
-    d(p, "updatePosition");
+    d(h, "updatePosition");
     function c() {
-      a.disabled || (o.value = a.content || t.value?.getAttribute("title") || "", t.value?.hasAttribute("title") && (t.value.dataset.originalTitle = t.value.getAttribute("title") || "", t.value.removeAttribute("title")), o.value && (n.value = !0, Us(p), a.timeout > 0 && (s.value = setTimeout(() => {
+      a.disabled || (o.value = a.content || t.value?.getAttribute("title") || "", t.value?.hasAttribute("title") && (t.value.dataset.originalTitle = t.value.getAttribute("title") || "", t.value.removeAttribute("title")), o.value && (n.value = !0, Us(h), a.timeout > 0 && (s.value = setTimeout(() => {
         n.value = !1;
       }, a.timeout))));
     }
@@ -1121,9 +1121,9 @@ const Ba = {
       R();
     }
     d(k, "onFocusOut"), tn(() => {
-      window.addEventListener("resize", p), window.addEventListener("scroll", p, !0);
+      window.addEventListener("resize", h), window.addEventListener("scroll", h, !0);
     }), Ps(() => {
-      window.removeEventListener("resize", p), window.removeEventListener("scroll", p, !0), i.value && clearTimeout(i.value), s.value && clearTimeout(s.value);
+      window.removeEventListener("resize", h), window.removeEventListener("scroll", h, !0), i.value && clearTimeout(i.value), s.value && clearTimeout(s.value);
     });
     const A = S(() => `absolute size-2 rotate-45 bg-theme-900 dark:bg-theme-600 ${{
       bottom: "left-1/2 -translate-x-1/2 -top-1",
@@ -1131,7 +1131,7 @@ const Ba = {
       left: "right-[-4px] top-1/2 -translate-y-1/2",
       right: "left-[-4px] top-1/2 -translate-y-1/2"
     }[a.direction]}`);
-    return (E, O) => (h(), f("div", {
+    return (E, O) => (p(), f("div", {
       ref_key: "triggerRef",
       ref: t,
       onMouseenter: y,
@@ -1140,7 +1140,7 @@ const Ba = {
       onFocusout: k
     }, [
       vn(E.$slots, "default"),
-      (h(), gt(xa, { to: "body" }, [
+      (p(), gt(xa, { to: "body" }, [
         Ne(ba, {
           "enter-active-class": "transition ease-out duration-200",
           "enter-from-class": "opacity-0 scale-95",
@@ -1156,9 +1156,9 @@ const Ba = {
               class: "fixed z-50 px-2 py-1.5 text-xs font-mono text-white bg-theme-900 dark:bg-theme-600 rounded-md shadow-lg",
               style: q(l)
             }, [
-              st(j(o.value) + " ", 1),
+              st(H(o.value) + " ", 1),
               w("div", {
-                class: D(A.value)
+                class: L(A.value)
               }, null, 2)
             ], 4), [
               [ya, n.value && !a.disabled]
@@ -1185,26 +1185,26 @@ const Ba = {
       width: "clamp(7px, 14%, 14px)",
       height: "clamp(7px, 14%, 14px)"
     }, n = S(() => a.position.startsWith("top") ? "bottom" : "top");
-    return (i, s) => (h(), f(ee, null, [
-      a.tooltip ? (h(), gt(Ka, {
+    return (i, s) => (p(), f(ee, null, [
+      a.tooltip ? (p(), gt(Ka, {
         key: 0,
         content: a.tooltip,
         direction: n.value,
         "max-width": 240,
-        class: D(["absolute rounded-full ring-2 ring-white z-10", a.dotClass]),
+        class: L(["absolute rounded-full ring-2 ring-white z-10", a.dotClass]),
         style: q({ ...e, ...t.value }),
         role: "status",
         "aria-label": a.tooltip
-      }, null, 8, ["content", "direction", "class", "style", "aria-label"])) : (h(), f("span", {
+      }, null, 8, ["content", "direction", "class", "style", "aria-label"])) : (p(), f("span", {
         key: 1,
-        class: D(["absolute rounded-full ring-2 ring-white z-10", a.dotClass]),
+        class: L(["absolute rounded-full ring-2 ring-white z-10", a.dotClass]),
         style: q({ ...e, ...t.value })
       }, null, 6)),
-      a.showPing ? (h(), f("span", {
+      a.showPing ? (p(), f("span", {
         key: 2,
-        class: D(["absolute rounded-full animate-ping [animation-duration:3s] opacity-50 pointer-events-none", a.dotClass]),
+        class: L(["absolute rounded-full animate-ping [animation-duration:3s] opacity-50 pointer-events-none", a.dotClass]),
         style: q({ ...e, ...t.value })
-      }, null, 6)) : H("", !0)
+      }, null, 6)) : j("", !0)
     ], 64));
   }
 }), Za = ["src", "alt"], Ja = ["src"], Qa = /* @__PURE__ */ Re({
@@ -1223,37 +1223,37 @@ const Ba = {
   },
   setup(a) {
     const t = S(() => `rounded-${a.rounded}`);
-    return (e, n) => (h(), f("div", {
-      class: D(["shrink-0 relative", [t.value, a.editable ? "cursor-pointer group/avatar" : ""]])
+    return (e, n) => (p(), f("div", {
+      class: L(["shrink-0 relative", [t.value, a.editable ? "cursor-pointer group/avatar" : ""]])
     }, [
       w("div", {
-        class: D(["size-full overflow-hidden ring-1 ring-black/5", t.value])
+        class: L(["size-full overflow-hidden ring-1 ring-black/5", t.value])
       }, [
         w("img", {
           src: a.src,
           alt: a.alt,
           class: "size-full object-cover"
         }, null, 8, Za),
-        a.editable ? (h(), f("div", {
+        a.editable ? (p(), f("div", {
           key: 0,
-          class: D(["absolute inset-0 flex items-center justify-center opacity-0 group-hover/avatar:opacity-100 transition-opacity bg-black/40", t.value])
+          class: L(["absolute inset-0 flex items-center justify-center opacity-0 group-hover/avatar:opacity-100 transition-opacity bg-black/40", t.value])
         }, [...n[0] || (n[0] = [
           w("i", { class: "i-tabler-camera text-xl text-white" }, null, -1)
-        ])], 2)) : H("", !0)
+        ])], 2)) : j("", !0)
       ], 2),
-      a.subSrc ? (h(), f("img", {
+      a.subSrc ? (p(), f("img", {
         key: 0,
         src: a.subSrc,
         alt: "",
         class: "absolute z-10 size-[36%] -bottom-[3%] -left-[3%] rounded-full object-cover ring-2 ring-white"
-      }, null, 8, Ja)) : H("", !0),
-      a.dotClass ? (h(), gt(Xa, {
+      }, null, 8, Ja)) : j("", !0),
+      a.dotClass ? (p(), gt(Xa, {
         key: 1,
         "dot-class": a.dotClass,
         tooltip: a.dotTooltip,
         "show-ping": a.showPing,
         position: a.dotPosition
-      }, null, 8, ["dot-class", "tooltip", "show-ping", "position"])) : H("", !0)
+      }, null, 8, ["dot-class", "tooltip", "show-ping", "position"])) : j("", !0)
     ], 2));
   }
 }), ei = /* @__PURE__ */ Re({
@@ -1271,7 +1271,7 @@ const Ba = {
     const t = S(() => a.agent.avatarUrl.value || Hn(a.agent.name.value)), e = S(() => a.agent.state.value), n = S(
       () => a.showStatus && e.value.lifecycle !== "unknown" ? Ya[e.value.color] : null
     );
-    return (i, s) => (h(), gt(Qa, {
+    return (i, s) => (p(), gt(Qa, {
       src: t.value,
       alt: a.agent.name.value || "Agent",
       rounded: a.rounded,
@@ -1316,7 +1316,7 @@ const Ba = {
         ...y.visibleRows,
         ...y.terminal ? [y.terminal] : []
       ];
-    }), p = S(() => t.isLight ? {
+    }), h = S(() => t.isLight ? {
       spine: "bg-theme-200",
       dashed: "border-theme-300",
       doneMark: "text-theme-400",
@@ -1338,12 +1338,12 @@ const Ba = {
         done: {
           statusWord: "completed",
           label: y ? "text-[12.5px] text-theme-500" : "text-[12.5px] text-white/55",
-          station: { tag: "i", class: `i-tabler-check size-3 ${p.value.doneMark}` }
+          station: { tag: "i", class: `i-tabler-check size-3 ${h.value.doneMark}` }
         },
         active: {
           statusWord: "in progress",
           label: y ? "text-[13px] font-medium text-theme-900" : "text-[13px] font-medium text-white",
-          station: { tag: "span", class: `size-3.5 animate-spin rounded-full border-[1.5px] motion-reduce:animate-none ${p.value.activeSpinner}` }
+          station: { tag: "span", class: `size-3.5 animate-spin rounded-full border-[1.5px] motion-reduce:animate-none ${h.value.activeSpinner}` }
         },
         failed: {
           statusWord: "failed",
@@ -1352,7 +1352,7 @@ const Ba = {
         },
         stopped: {
           label: y ? "text-[13px] font-medium text-theme-600" : "text-[13px] font-medium text-white/70",
-          station: { tag: "span", class: `size-[9px] rounded-[2px] ${p.value.stoppedSquare}` }
+          station: { tag: "span", class: `size-[9px] rounded-[2px] ${h.value.stoppedSquare}` }
         },
         completed: {
           label: y ? "text-[12.5px] text-theme-500" : "text-[12.5px] text-white/55",
@@ -1360,18 +1360,18 @@ const Ba = {
         }
       };
     });
-    return (y, R) => (h(), f("div", {
-      class: D(["w-full py-0.5", p.value.muted])
+    return (y, R) => (p(), f("div", {
+      class: L(["w-full py-0.5", h.value.muted])
     }, [
-      l.value ? (h(), f("span", ti, j(l.value), 1)) : H("", !0),
-      i.value ? (h(), f("button", {
+      l.value ? (p(), f("span", ti, H(l.value), 1)) : j("", !0),
+      i.value ? (p(), f("button", {
         key: 1,
         type: "button",
         "data-test": "messaging-tool-activity-summary",
         "data-journal-disclosure": "",
         "aria-expanded": e.value,
         disabled: s.value === 0,
-        class: D(["grid min-h-11 w-full grid-cols-[1.25rem_minmax(0,1fr)_auto] items-center gap-x-2.5 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-default", p.value.ring]),
+        class: L(["grid min-h-11 w-full grid-cols-[1.25rem_minmax(0,1fr)_auto] items-center gap-x-2.5 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-default", h.value.ring]),
         onClick: n
       }, [
         R[0] || (R[0] = w("span", {
@@ -1382,81 +1382,81 @@ const Ba = {
           w("i", { class: "i-tabler-circle-check-filled size-3.5 text-green-600" })
         ], -1)),
         w("span", {
-          class: D(["min-w-0 truncate text-[12.5px] font-medium leading-none", p.value.muted])
-        }, j(a.model.terminal?.label), 3),
-        s.value ? (h(), f("span", {
+          class: L(["min-w-0 truncate text-[12.5px] font-medium leading-none", h.value.muted])
+        }, H(a.model.terminal?.label), 3),
+        s.value ? (p(), f("span", {
           key: 0,
-          class: D(["flex shrink-0 items-center gap-0.5 whitespace-nowrap text-[12px] font-medium leading-none", p.value.muted])
+          class: L(["flex shrink-0 items-center gap-0.5 whitespace-nowrap text-[12px] font-medium leading-none", h.value.muted])
         }, [
-          st(j(s.value) + " earlier updates ", 1),
+          st(H(s.value) + " earlier updates ", 1),
           w("i", {
-            class: D(["size-3 shrink-0", e.value ? "i-tabler-chevron-down" : "i-tabler-chevron-right"]),
+            class: L(["size-3 shrink-0", e.value ? "i-tabler-chevron-down" : "i-tabler-chevron-right"]),
             "aria-hidden": "true"
           }, null, 2)
-        ], 2)) : H("", !0)
-      ], 10, ni)) : s.value ? (h(), f("button", {
+        ], 2)) : j("", !0)
+      ], 10, ni)) : s.value ? (p(), f("button", {
         key: 2,
         type: "button",
         "data-test": "messaging-tool-activity-summary",
         "data-journal-disclosure": "",
         "aria-expanded": e.value,
-        class: D(["flex min-h-11 w-full gap-x-2.5 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2", p.value.ring]),
+        class: L(["flex min-h-11 w-full gap-x-2.5 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2", h.value.ring]),
         onClick: n
       }, [
         w("span", ai, [
           w("span", {
             "data-journal-spine": "dashed",
-            class: D(["w-0 border-l border-dashed", p.value.dashed])
+            class: L(["w-0 border-l border-dashed", h.value.dashed])
           }, null, 2)
         ]),
         w("span", {
-          class: D(["flex min-h-[20px] items-center gap-0.5 pb-2 text-[12px] leading-none", p.value.muted])
+          class: L(["flex min-h-[20px] items-center gap-0.5 pb-2 text-[12px] leading-none", h.value.muted])
         }, [
-          st(j(s.value) + " earlier updates ", 1),
+          st(H(s.value) + " earlier updates ", 1),
           w("i", {
-            class: D(["size-3 shrink-0", e.value ? "i-tabler-chevron-down" : "i-tabler-chevron-right"]),
+            class: L(["size-3 shrink-0", e.value ? "i-tabler-chevron-down" : "i-tabler-chevron-right"]),
             "aria-hidden": "true"
           }, null, 2)
         ], 2)
-      ], 10, si)) : H("", !0),
-      (h(!0), f(ee, null, me(o.value, (b, k) => (h(), f("div", {
+      ], 10, si)) : j("", !0),
+      (p(!0), f(ee, null, me(o.value, (b, k) => (p(), f("div", {
         key: b.id,
         "data-test": "messaging-tool-activity-row",
         "data-journal-row": b.tone,
-        class: D([i.value ? "pl-[30px]" : "", "flex gap-x-2.5"])
+        class: L([i.value ? "pl-[30px]" : "", "flex gap-x-2.5"])
       }, [
         w("div", ri, [
           w("span", li, [
-            (h(), gt(ka(c.value[b.tone].station.tag), {
+            (p(), gt(ka(c.value[b.tone].station.tag), {
               "data-journal-station": b.tone,
-              class: D(c.value[b.tone].station.class)
+              class: L(c.value[b.tone].station.class)
             }, null, 8, ["data-journal-station", "class"]))
           ]),
-          k !== o.value.length - 1 ? (h(), f("span", {
+          k !== o.value.length - 1 ? (p(), f("span", {
             key: 0,
-            class: D(["w-px flex-1", p.value.spine])
-          }, null, 2)) : H("", !0)
+            class: L(["w-px flex-1", h.value.spine])
+          }, null, 2)) : j("", !0)
         ]),
         w("div", {
-          class: D(["min-w-0 flex-1", k === o.value.length - 1 ? "" : "pb-2"])
+          class: L(["min-w-0 flex-1", k === o.value.length - 1 ? "" : "pb-2"])
         }, [
           w("span", {
-            class: D(["relative block leading-snug", c.value[b.tone].label])
+            class: L(["relative block leading-snug", c.value[b.tone].label])
           }, [
-            st(j(b.label), 1),
-            c.value[b.tone].statusWord ? (h(), f("span", oi, ", " + j(c.value[b.tone].statusWord), 1)) : H("", !0)
+            st(H(b.label), 1),
+            c.value[b.tone].statusWord ? (p(), f("span", oi, ", " + H(c.value[b.tone].statusWord), 1)) : j("", !0)
           ], 2),
-          b.note ? (h(), f("p", {
+          b.note ? (p(), f("p", {
             key: 0,
-            class: D(["pt-0.5 text-[11.5px] leading-snug", p.value.muted])
-          }, j(b.note), 3)) : H("", !0)
+            class: L(["pt-0.5 text-[11.5px] leading-snug", h.value.muted])
+          }, H(b.note), 3)) : j("", !0)
         ], 2)
       ], 10, ii))), 128)),
-      !i.value && a.model.hint ? (h(), f("p", {
+      !i.value && a.model.hint ? (p(), f("p", {
         key: 3,
         "data-test": "messaging-tool-activity-hint",
-        class: D(["pl-[30px] pt-2.5 text-[12px] leading-snug", p.value.muted])
-      }, j(a.model.hint), 3)) : H("", !0)
+        class: L(["pl-[30px] pt-2.5 text-[12px] leading-snug", h.value.muted])
+      }, H(a.model.hint), 3)) : j("", !0)
     ], 2));
   }
 });
@@ -1473,14 +1473,14 @@ d(ci, "_arrayWithHoles");
 function ui(a, t) {
   var e = a == null ? null : typeof Symbol < "u" && a[Symbol.iterator] || a["@@iterator"];
   if (e != null) {
-    var n, i, s, l, o = [], p = !0, c = !1;
+    var n, i, s, l, o = [], h = !0, c = !1;
     try {
-      if (s = (e = e.call(a)).next, t !== 0) for (; !(p = (n = s.call(e)).done) && (o.push(n.value), o.length !== t); p = !0) ;
+      if (s = (e = e.call(a)).next, t !== 0) for (; !(h = (n = s.call(e)).done) && (o.push(n.value), o.length !== t); h = !0) ;
     } catch (y) {
       c = !0, i = y;
     } finally {
       try {
-        if (!p && e.return != null && (l = e.return(), Object(l) !== l)) return;
+        if (!h && e.return != null && (l = e.return(), Object(l) !== l)) return;
       } finally {
         if (c) throw i;
       }
@@ -1693,9 +1693,9 @@ function Ks() {
   let e = a.document;
   const n = e, i = n.currentScript;
   a.DocumentFragment;
-  const s = a.HTMLTemplateElement, l = a.Node, o = a.Element, p = a.NodeFilter, c = a.NamedNodeMap;
+  const s = a.HTMLTemplateElement, l = a.Node, o = a.Element, h = a.NodeFilter, c = a.NamedNodeMap;
   c === void 0 && (a.NamedNodeMap || a.MozNamedAttrMap), a.HTMLFormElement;
-  const y = a.DOMParser, R = a.trustedTypes, b = o.prototype, k = tt(b, "cloneNode"), A = tt(b, "remove"), E = tt(b, "nextSibling"), O = tt(b, "childNodes"), Z = tt(b, "parentNode"), C = tt(b, "shadowRoot"), I = tt(b, "attributes"), N = l && l.prototype ? tt(l.prototype, "nodeType") : null, W = l && l.prototype ? tt(l.prototype, "nodeName") : null;
+  const y = a.DOMParser, R = a.trustedTypes, b = o.prototype, k = tt(b, "cloneNode"), A = tt(b, "remove"), E = tt(b, "nextSibling"), O = tt(b, "childNodes"), Z = tt(b, "parentNode"), C = tt(b, "shadowRoot"), $ = tt(b, "attributes"), N = l && l.prototype ? tt(l.prototype, "nodeType") : null, W = l && l.prototype ? tt(l.prototype, "nodeName") : null;
   if (typeof s == "function") {
     const F = e.createElement("template");
     F.content && F.content.ownerDocument && (e = F.content.ownerDocument);
@@ -1743,7 +1743,7 @@ function Ks() {
       value: null
     }
   }));
-  let g = !0, M = !0, u = !1, v = !0, $ = !1, L = !0, Q = !1, pe = !1, ke = !1, le = !1, de = !1, $e = !1, Ke = !0, je = !1;
+  let g = !0, M = !0, u = !1, x = !0, I = !1, D = !0, Q = !1, pe = !1, ke = !1, le = !1, de = !1, $e = !1, Ke = !0, je = !1;
   const ze = "user-content-";
   let Fe = !0, Xe = !1, _ = {}, m = null;
   const T = G({}, ["annotation-xml", "audio", "colgroup", "desc", "foreignobject", "head", "iframe", "math", "mi", "mn", "mo", "ms", "mtext", "noembed", "noframes", "noscript", "plaintext", "script", "style", "svg", "template", "thead", "title", "video", "xmp"]);
@@ -1765,9 +1765,9 @@ function Ks() {
     if (_t && _t === r)
       return;
     (!r || typeof r != "object") && (r = {}), r = Te(r), Ut = // eslint-disable-next-line unicorn/prefer-includes
-    da.indexOf(r.PARSER_MEDIA_TYPE) === -1 ? ha : r.PARSER_MEDIA_TYPE, fe = Ut === "application/xhtml+xml" ? Cn : Zt, K = he(r, "ALLOWED_TAGS") && _e(r.ALLOWED_TAGS) ? G({}, r.ALLOWED_TAGS, fe) : be, ie = he(r, "ALLOWED_ATTR") && _e(r.ALLOWED_ATTR) ? G({}, r.ALLOWED_ATTR, fe) : Ie, kn = he(r, "ALLOWED_NAMESPACES") && _e(r.ALLOWED_NAMESPACES) ? G({}, r.ALLOWED_NAMESPACES, Cn) : ca, oe = he(r, "ADD_URI_SAFE_ATTR") && _e(r.ADD_URI_SAFE_ATTR) ? G(Te(Ze), r.ADD_URI_SAFE_ATTR, fe) : Ze, ae = he(r, "ADD_DATA_URI_TAGS") && _e(r.ADD_DATA_URI_TAGS) ? G(Te(U), r.ADD_DATA_URI_TAGS, fe) : U, m = he(r, "FORBID_CONTENTS") && _e(r.FORBID_CONTENTS) ? G({}, r.FORBID_CONTENTS, fe) : T, Be = he(r, "FORBID_TAGS") && _e(r.FORBID_TAGS) ? G({}, r.FORBID_TAGS, fe) : Te({}), lt = he(r, "FORBID_ATTR") && _e(r.FORBID_ATTR) ? G({}, r.FORBID_ATTR, fe) : Te({}), _ = he(r, "USE_PROFILES") ? r.USE_PROFILES && typeof r.USE_PROFILES == "object" ? Te(r.USE_PROFILES) : r.USE_PROFILES : !1, g = r.ALLOW_ARIA_ATTR !== !1, M = r.ALLOW_DATA_ATTR !== !1, u = r.ALLOW_UNKNOWN_PROTOCOLS || !1, v = r.ALLOW_SELF_CLOSE_IN_ATTR !== !1, $ = r.SAFE_FOR_TEMPLATES || !1, L = r.SAFE_FOR_XML !== !1, Q = r.WHOLE_DOCUMENT || !1, le = r.RETURN_DOM || !1, de = r.RETURN_DOM_FRAGMENT || !1, $e = r.RETURN_TRUSTED_TYPE || !1, ke = r.FORCE_BODY || !1, Ke = r.SANITIZE_DOM !== !1, je = r.SANITIZE_NAMED_PROPS || !1, Fe = r.KEEP_CONTENT !== !1, Xe = r.IN_PLACE || !1, Ce = Ai(r.ALLOWED_URI_REGEXP) ? r.ALLOWED_URI_REGEXP : Es, At = typeof r.NAMESPACE == "string" ? r.NAMESPACE : Je, wn = he(r, "MATHML_TEXT_INTEGRATION_POINTS") && r.MATHML_TEXT_INTEGRATION_POINTS && typeof r.MATHML_TEXT_INTEGRATION_POINTS == "object" ? Te(r.MATHML_TEXT_INTEGRATION_POINTS) : G({}, ["mi", "mo", "mn", "ms", "mtext"]), Tn = he(r, "HTML_INTEGRATION_POINTS") && r.HTML_INTEGRATION_POINTS && typeof r.HTML_INTEGRATION_POINTS == "object" ? Te(r.HTML_INTEGRATION_POINTS) : G({}, ["annotation-xml"]);
-    const x = he(r, "CUSTOM_ELEMENT_HANDLING") && r.CUSTOM_ELEMENT_HANDLING && typeof r.CUSTOM_ELEMENT_HANDLING == "object" ? Te(r.CUSTOM_ELEMENT_HANDLING) : Lt(null);
-    if (re = Lt(null), he(x, "tagNameCheck") && es(x.tagNameCheck) && (re.tagNameCheck = x.tagNameCheck), he(x, "attributeNameCheck") && es(x.attributeNameCheck) && (re.attributeNameCheck = x.attributeNameCheck), he(x, "allowCustomizedBuiltInElements") && typeof x.allowCustomizedBuiltInElements == "boolean" && (re.allowCustomizedBuiltInElements = x.allowCustomizedBuiltInElements), $ && (M = !1), de && (le = !0), _ && (K = G({}, Ss), ie = Lt(null), _.html === !0 && (G(K, Ts), G(ie, As)), _.svg === !0 && (G(K, In), G(ie, Ln), G(ie, cn)), _.svgFilters === !0 && (G(K, $n), G(ie, Ln), G(ie, cn)), _.mathMl === !0 && (G(K, Dn), G(ie, _s), G(ie, cn))), ye.tagCheck = null, ye.attributeCheck = null, he(r, "ADD_TAGS") && (typeof r.ADD_TAGS == "function" ? ye.tagCheck = r.ADD_TAGS : _e(r.ADD_TAGS) && (K === be && (K = Te(K)), G(K, r.ADD_TAGS, fe))), he(r, "ADD_ATTR") && (typeof r.ADD_ATTR == "function" ? ye.attributeCheck = r.ADD_ATTR : _e(r.ADD_ATTR) && (ie === Ie && (ie = Te(ie)), G(ie, r.ADD_ATTR, fe))), he(r, "ADD_URI_SAFE_ATTR") && _e(r.ADD_URI_SAFE_ATTR) && G(oe, r.ADD_URI_SAFE_ATTR, fe), he(r, "FORBID_CONTENTS") && _e(r.FORBID_CONTENTS) && (m === T && (m = Te(m)), G(m, r.FORBID_CONTENTS, fe)), he(r, "ADD_FORBID_CONTENTS") && _e(r.ADD_FORBID_CONTENTS) && (m === T && (m = Te(m)), G(m, r.ADD_FORBID_CONTENTS, fe)), Fe && (K["#text"] = !0), Q && G(K, ["html", "head", "body"]), K.table && (G(K, ["tbody"]), delete Be.tbody), r.TRUSTED_TYPES_POLICY) {
+    da.indexOf(r.PARSER_MEDIA_TYPE) === -1 ? ha : r.PARSER_MEDIA_TYPE, fe = Ut === "application/xhtml+xml" ? Cn : Zt, K = he(r, "ALLOWED_TAGS") && _e(r.ALLOWED_TAGS) ? G({}, r.ALLOWED_TAGS, fe) : be, ie = he(r, "ALLOWED_ATTR") && _e(r.ALLOWED_ATTR) ? G({}, r.ALLOWED_ATTR, fe) : Ie, kn = he(r, "ALLOWED_NAMESPACES") && _e(r.ALLOWED_NAMESPACES) ? G({}, r.ALLOWED_NAMESPACES, Cn) : ca, oe = he(r, "ADD_URI_SAFE_ATTR") && _e(r.ADD_URI_SAFE_ATTR) ? G(Te(Ze), r.ADD_URI_SAFE_ATTR, fe) : Ze, ae = he(r, "ADD_DATA_URI_TAGS") && _e(r.ADD_DATA_URI_TAGS) ? G(Te(U), r.ADD_DATA_URI_TAGS, fe) : U, m = he(r, "FORBID_CONTENTS") && _e(r.FORBID_CONTENTS) ? G({}, r.FORBID_CONTENTS, fe) : T, Be = he(r, "FORBID_TAGS") && _e(r.FORBID_TAGS) ? G({}, r.FORBID_TAGS, fe) : Te({}), lt = he(r, "FORBID_ATTR") && _e(r.FORBID_ATTR) ? G({}, r.FORBID_ATTR, fe) : Te({}), _ = he(r, "USE_PROFILES") ? r.USE_PROFILES && typeof r.USE_PROFILES == "object" ? Te(r.USE_PROFILES) : r.USE_PROFILES : !1, g = r.ALLOW_ARIA_ATTR !== !1, M = r.ALLOW_DATA_ATTR !== !1, u = r.ALLOW_UNKNOWN_PROTOCOLS || !1, x = r.ALLOW_SELF_CLOSE_IN_ATTR !== !1, I = r.SAFE_FOR_TEMPLATES || !1, D = r.SAFE_FOR_XML !== !1, Q = r.WHOLE_DOCUMENT || !1, le = r.RETURN_DOM || !1, de = r.RETURN_DOM_FRAGMENT || !1, $e = r.RETURN_TRUSTED_TYPE || !1, ke = r.FORCE_BODY || !1, Ke = r.SANITIZE_DOM !== !1, je = r.SANITIZE_NAMED_PROPS || !1, Fe = r.KEEP_CONTENT !== !1, Xe = r.IN_PLACE || !1, Ce = Ai(r.ALLOWED_URI_REGEXP) ? r.ALLOWED_URI_REGEXP : Es, At = typeof r.NAMESPACE == "string" ? r.NAMESPACE : Je, wn = he(r, "MATHML_TEXT_INTEGRATION_POINTS") && r.MATHML_TEXT_INTEGRATION_POINTS && typeof r.MATHML_TEXT_INTEGRATION_POINTS == "object" ? Te(r.MATHML_TEXT_INTEGRATION_POINTS) : G({}, ["mi", "mo", "mn", "ms", "mtext"]), Tn = he(r, "HTML_INTEGRATION_POINTS") && r.HTML_INTEGRATION_POINTS && typeof r.HTML_INTEGRATION_POINTS == "object" ? Te(r.HTML_INTEGRATION_POINTS) : G({}, ["annotation-xml"]);
+    const v = he(r, "CUSTOM_ELEMENT_HANDLING") && r.CUSTOM_ELEMENT_HANDLING && typeof r.CUSTOM_ELEMENT_HANDLING == "object" ? Te(r.CUSTOM_ELEMENT_HANDLING) : Lt(null);
+    if (re = Lt(null), he(v, "tagNameCheck") && es(v.tagNameCheck) && (re.tagNameCheck = v.tagNameCheck), he(v, "attributeNameCheck") && es(v.attributeNameCheck) && (re.attributeNameCheck = v.attributeNameCheck), he(v, "allowCustomizedBuiltInElements") && typeof v.allowCustomizedBuiltInElements == "boolean" && (re.allowCustomizedBuiltInElements = v.allowCustomizedBuiltInElements), I && (M = !1), de && (le = !0), _ && (K = G({}, Ss), ie = Lt(null), _.html === !0 && (G(K, Ts), G(ie, As)), _.svg === !0 && (G(K, In), G(ie, Ln), G(ie, cn)), _.svgFilters === !0 && (G(K, $n), G(ie, Ln), G(ie, cn)), _.mathMl === !0 && (G(K, Dn), G(ie, _s), G(ie, cn))), ye.tagCheck = null, ye.attributeCheck = null, he(r, "ADD_TAGS") && (typeof r.ADD_TAGS == "function" ? ye.tagCheck = r.ADD_TAGS : _e(r.ADD_TAGS) && (K === be && (K = Te(K)), G(K, r.ADD_TAGS, fe))), he(r, "ADD_ATTR") && (typeof r.ADD_ATTR == "function" ? ye.attributeCheck = r.ADD_ATTR : _e(r.ADD_ATTR) && (ie === Ie && (ie = Te(ie)), G(ie, r.ADD_ATTR, fe))), he(r, "ADD_URI_SAFE_ATTR") && _e(r.ADD_URI_SAFE_ATTR) && G(oe, r.ADD_URI_SAFE_ATTR, fe), he(r, "FORBID_CONTENTS") && _e(r.FORBID_CONTENTS) && (m === T && (m = Te(m)), G(m, r.FORBID_CONTENTS, fe)), he(r, "ADD_FORBID_CONTENTS") && _e(r.ADD_FORBID_CONTENTS) && (m === T && (m = Te(m)), G(m, r.ADD_FORBID_CONTENTS, fe)), Fe && (K["#text"] = !0), Q && G(K, ["html", "head", "body"]), K.table && (G(K, ["tbody"]), delete Be.tbody), r.TRUSTED_TYPES_POLICY) {
       if (typeof r.TRUSTED_TYPES_POLICY.createHTML != "function")
         throw Gt('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');
       if (typeof r.TRUSTED_TYPES_POLICY.createScriptURL != "function")
@@ -1777,13 +1777,13 @@ function Ks() {
       B === void 0 && (B = Pi(R, i)), B !== null && typeof V == "string" && (V = B.createHTML(""));
     (se.uponSanitizeElement.length > 0 || se.uponSanitizeAttribute.length > 0) && K === be && (K = Te(K)), se.uponSanitizeAttribute.length > 0 && ie === Ie && (ie = Te(ie)), Ee && Ee(r), _t = r;
   }, "_parseConfig"), ts = G({}, [...In, ...$n, ..._i]), ns = G({}, [...Dn, ...Ei]), fa = /* @__PURE__ */ d(function(r) {
-    let x = Z(r);
-    (!x || !x.tagName) && (x = {
+    let v = Z(r);
+    (!v || !v.tagName) && (v = {
       namespaceURI: At,
       tagName: "template"
     });
-    const z = Zt(r.tagName), ne = Zt(x.tagName);
-    return kn[r.namespaceURI] ? r.namespaceURI === sn ? x.namespaceURI === Je ? z === "svg" : x.namespaceURI === ct ? z === "svg" && (ne === "annotation-xml" || wn[ne]) : !!ts[z] : r.namespaceURI === ct ? x.namespaceURI === Je ? z === "math" : x.namespaceURI === sn ? z === "math" && Tn[ne] : !!ns[z] : r.namespaceURI === Je ? x.namespaceURI === sn && !Tn[ne] || x.namespaceURI === ct && !wn[ne] ? !1 : !ns[z] && (ua[z] || !ts[z]) : !!(Ut === "application/xhtml+xml" && kn[r.namespaceURI]) : !1;
+    const z = Zt(r.tagName), ne = Zt(v.tagName);
+    return kn[r.namespaceURI] ? r.namespaceURI === sn ? v.namespaceURI === Je ? z === "svg" : v.namespaceURI === ct ? z === "svg" && (ne === "annotation-xml" || wn[ne]) : !!ts[z] : r.namespaceURI === ct ? v.namespaceURI === Je ? z === "math" : v.namespaceURI === sn ? z === "math" && Tn[ne] : !!ns[z] : r.namespaceURI === Je ? v.namespaceURI === sn && !Tn[ne] || v.namespaceURI === ct && !wn[ne] ? !1 : !ns[z] && (ua[z] || !ts[z]) : !!(Ut === "application/xhtml+xml" && kn[r.namespaceURI]) : !1;
   }, "_checkValidNamespace"), We = /* @__PURE__ */ d(function(r) {
     Mt(t.removed, {
       element: r
@@ -1793,31 +1793,31 @@ function Ks() {
     } catch {
       A(r);
     }
-  }, "_forceRemove"), bt = /* @__PURE__ */ d(function(r, x) {
+  }, "_forceRemove"), bt = /* @__PURE__ */ d(function(r, v) {
     try {
       Mt(t.removed, {
-        attribute: x.getAttributeNode(r),
-        from: x
+        attribute: v.getAttributeNode(r),
+        from: v
       });
     } catch {
       Mt(t.removed, {
         attribute: null,
-        from: x
+        from: v
       });
     }
-    if (x.removeAttribute(r), r === "is")
+    if (v.removeAttribute(r), r === "is")
       if (le || de)
         try {
-          We(x);
+          We(v);
         } catch {
         }
       else
         try {
-          x.setAttribute(r, "");
+          v.setAttribute(r, "");
         } catch {
         }
   }, "_removeAttribute"), ss = /* @__PURE__ */ d(function(r) {
-    let x = null, z = null;
+    let v = null, z = null;
     if (ke)
       r = "<remove></remove>" + r;
     else {
@@ -1828,50 +1828,50 @@ function Ks() {
     const ne = B ? B.createHTML(r) : r;
     if (At === Je)
       try {
-        x = new y().parseFromString(ne, Ut);
+        v = new y().parseFromString(ne, Ut);
       } catch {
       }
-    if (!x || !x.documentElement) {
-      x = ue.createDocument(At, "template", null);
+    if (!v || !v.documentElement) {
+      v = ue.createDocument(At, "template", null);
       try {
-        x.documentElement.innerHTML = yn ? V : ne;
+        v.documentElement.innerHTML = yn ? V : ne;
       } catch {
       }
     }
-    const Y = x.body || x.documentElement;
-    return r && z && Y.insertBefore(e.createTextNode(z), Y.childNodes[0] || null), At === Je ? St.call(x, Q ? "html" : "body")[0] : Q ? x.documentElement : Y;
+    const Y = v.body || v.documentElement;
+    return r && z && Y.insertBefore(e.createTextNode(z), Y.childNodes[0] || null), At === Je ? St.call(v, Q ? "html" : "body")[0] : Q ? v.documentElement : Y;
   }, "_initDocument"), as = /* @__PURE__ */ d(function(r) {
     return Ae.call(
       r.ownerDocument || r,
       r,
       // eslint-disable-next-line no-bitwise
-      p.SHOW_ELEMENT | p.SHOW_COMMENT | p.SHOW_TEXT | p.SHOW_PROCESSING_INSTRUCTION | p.SHOW_CDATA_SECTION,
+      h.SHOW_ELEMENT | h.SHOW_COMMENT | h.SHOW_TEXT | h.SHOW_PROCESSING_INSTRUCTION | h.SHOW_CDATA_SECTION,
       null
     );
   }, "_createNodeIterator"), is = /* @__PURE__ */ d(function(r) {
     r.normalize();
-    const x = Ae.call(
+    const v = Ae.call(
       r.ownerDocument || r,
       r,
       // eslint-disable-next-line no-bitwise
-      p.SHOW_TEXT | p.SHOW_COMMENT | p.SHOW_CDATA_SECTION | p.SHOW_PROCESSING_INSTRUCTION,
+      h.SHOW_TEXT | h.SHOW_COMMENT | h.SHOW_CDATA_SECTION | h.SHOW_PROCESSING_INSTRUCTION,
       null
     );
-    let z = x.nextNode();
+    let z = v.nextNode();
     for (; z; ) {
       let ne = z.data;
       Rt([at, Ye, it], (Y) => {
         ne = Ct(ne, Y, " ");
-      }), z.data = ne, z = x.nextNode();
+      }), z.data = ne, z = v.nextNode();
     }
   }, "_scrubTemplateExpressions"), an = /* @__PURE__ */ d(function(r) {
-    const x = W ? W(r) : null;
-    return typeof x != "string" || fe(x) !== "form" ? !1 : typeof r.nodeName != "string" || typeof r.textContent != "string" || typeof r.removeChild != "function" || // Realm-safe NamedNodeMap detection: equality against the cached
+    const v = W ? W(r) : null;
+    return typeof v != "string" || fe(v) !== "form" ? !1 : typeof r.nodeName != "string" || typeof r.textContent != "string" || typeof r.removeChild != "function" || // Realm-safe NamedNodeMap detection: equality against the cached
     // prototype getter. Clobbered .attributes (e.g. <input name="attributes">)
     // makes the direct read diverge from the cached read; a clean form
     // (same-realm OR foreign-realm) has both reads pointing at the same
     // canonical NamedNodeMap.
-    r.attributes !== I(r) || typeof r.removeAttribute != "function" || typeof r.setAttribute != "function" || typeof r.namespaceURI != "string" || typeof r.insertBefore != "function" || typeof r.hasChildNodes != "function" || // NodeType clobbering probe. Cached Node.prototype.nodeType getter
+    r.attributes !== $(r) || typeof r.removeAttribute != "function" || typeof r.setAttribute != "function" || typeof r.namespaceURI != "string" || typeof r.insertBefore != "function" || typeof r.hasChildNodes != "function" || // NodeType clobbering probe. Cached Node.prototype.nodeType getter
     // returns the integer 1 for any Element regardless of realm; direct
     // read on a clobbered form (e.g. <input name="nodeType">) returns
     // the named child element. Cheap addition — nodeType is read from
@@ -1907,21 +1907,21 @@ function Ks() {
       return !1;
     }
   }, "_isNode");
-  function ot(F, r, x) {
+  function ot(F, r, v) {
     Rt(F, (z) => {
-      z.call(t, r, x, _t);
+      z.call(t, r, v, _t);
     });
   }
   d(ot, "_executeHooks");
   const rs = /* @__PURE__ */ d(function(r) {
-    let x = null;
+    let v = null;
     if (ot(se.beforeSanitizeElements, r, null), an(r))
       return We(r), !0;
     const z = fe(r.nodeName);
     if (ot(se.uponSanitizeElement, r, {
       tagName: z,
       allowedTags: K
-    }), L && r.hasChildNodes() && !rn(r.firstElementChild) && we(/<[/\w!]/g, r.innerHTML) && we(/<[/\w!]/g, r.textContent) || L && r.namespaceURI === Je && z === "style" && rn(r.firstElementChild) || r.nodeType === et.progressingInstruction || L && r.nodeType === et.comment && we(/<[/\w]/g, r.data))
+    }), D && r.hasChildNodes() && !rn(r.firstElementChild) && we(/<[/\w!]/g, r.innerHTML) && we(/<[/\w!]/g, r.textContent) || D && r.namespaceURI === Je && z === "style" && rn(r.firstElementChild) || r.nodeType === et.progressingInstruction || D && r.nodeType === et.comment && we(/<[/\w]/g, r.data))
       return We(r), !0;
     if (Be[z] || !(ye.tagCheck instanceof Function && ye.tagCheck(z)) && !K[z]) {
       if (!Be[z] && os(z) && (re.tagNameCheck instanceof RegExp && we(re.tagNameCheck, z) || re.tagNameCheck instanceof Function && re.tagNameCheck(z)))
@@ -1938,29 +1938,29 @@ function Ks() {
       }
       return We(r), !0;
     }
-    return (N ? N(r) : r.nodeType) === et.element && !fa(r) || (z === "noscript" || z === "noembed" || z === "noframes") && we(/<\/no(script|embed|frames)/i, r.innerHTML) ? (We(r), !0) : ($ && r.nodeType === et.text && (x = r.textContent, Rt([at, Ye, it], (Y) => {
-      x = Ct(x, Y, " ");
-    }), r.textContent !== x && (Mt(t.removed, {
+    return (N ? N(r) : r.nodeType) === et.element && !fa(r) || (z === "noscript" || z === "noembed" || z === "noframes") && we(/<\/no(script|embed|frames)/i, r.innerHTML) ? (We(r), !0) : (I && r.nodeType === et.text && (v = r.textContent, Rt([at, Ye, it], (Y) => {
+      v = Ct(v, Y, " ");
+    }), r.textContent !== v && (Mt(t.removed, {
       element: r.cloneNode()
-    }), r.textContent = x)), ot(se.afterSanitizeElements, r, null), !1);
-  }, "_sanitizeElements"), ls = /* @__PURE__ */ d(function(r, x, z) {
-    if (lt[x] || Ke && (x === "id" || x === "name") && (z in e || z in pa))
+    }), r.textContent = v)), ot(se.afterSanitizeElements, r, null), !1);
+  }, "_sanitizeElements"), ls = /* @__PURE__ */ d(function(r, v, z) {
+    if (lt[v] || Ke && (v === "id" || v === "name") && (z in e || z in pa))
       return !1;
-    const ne = ie[x] || ye.attributeCheck instanceof Function && ye.attributeCheck(x, r);
-    if (!(M && !lt[x] && we(Oe, x))) {
-      if (!(g && we(vt, x))) {
-        if (!ne || lt[x]) {
+    const ne = ie[v] || ye.attributeCheck instanceof Function && ye.attributeCheck(v, r);
+    if (!(M && !lt[v] && we(Oe, v))) {
+      if (!(g && we(vt, v))) {
+        if (!ne || lt[v]) {
           if (
             // First condition does a very basic check if a) it's basically a valid custom element tagname AND
             // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
             // and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck
-            !(os(r) && (re.tagNameCheck instanceof RegExp && we(re.tagNameCheck, r) || re.tagNameCheck instanceof Function && re.tagNameCheck(r)) && (re.attributeNameCheck instanceof RegExp && we(re.attributeNameCheck, x) || re.attributeNameCheck instanceof Function && re.attributeNameCheck(x, r)) || // Alternative, second condition checks if it's an `is`-attribute, AND
+            !(os(r) && (re.tagNameCheck instanceof RegExp && we(re.tagNameCheck, r) || re.tagNameCheck instanceof Function && re.tagNameCheck(r)) && (re.attributeNameCheck instanceof RegExp && we(re.attributeNameCheck, v) || re.attributeNameCheck instanceof Function && re.attributeNameCheck(v, r)) || // Alternative, second condition checks if it's an `is`-attribute, AND
             // the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
-            x === "is" && re.allowCustomizedBuiltInElements && (re.tagNameCheck instanceof RegExp && we(re.tagNameCheck, z) || re.tagNameCheck instanceof Function && re.tagNameCheck(z)))
+            v === "is" && re.allowCustomizedBuiltInElements && (re.tagNameCheck instanceof RegExp && we(re.tagNameCheck, z) || re.tagNameCheck instanceof Function && re.tagNameCheck(z)))
           ) return !1;
-        } else if (!oe[x]) {
+        } else if (!oe[v]) {
           if (!we(Ce, Ct(z, Me, ""))) {
-            if (!((x === "src" || x === "xlink:href" || x === "href") && r !== "script" && ys(z, "data:") === 0 && ae[r])) {
+            if (!((v === "src" || v === "xlink:href" || v === "href") && r !== "script" && ys(z, "data:") === 0 && ae[r])) {
               if (!(u && !we(xt, Ct(z, Me, "")))) {
                 if (z)
                   return !1;
@@ -1975,8 +1975,8 @@ function Ks() {
     return !ma[Zt(r)] && we(rt, r);
   }, "_isBasicCustomElement"), cs = /* @__PURE__ */ d(function(r) {
     ot(se.beforeSanitizeAttributes, r, null);
-    const x = r.attributes;
-    if (!x || an(r))
+    const v = r.attributes;
+    if (!v || an(r))
       return;
     const z = {
       attrName: "",
@@ -1985,11 +1985,11 @@ function Ks() {
       allowedAttributes: ie,
       forceKeepAttr: void 0
     };
-    let ne = x.length;
+    let ne = v.length;
     for (; ne--; ) {
-      const Y = x[ne], ce = Y.name, Ue = Y.namespaceURI, Qe = Y.value, Ge = fe(ce), An = Qe;
+      const Y = v[ne], ce = Y.name, Ue = Y.namespaceURI, Qe = Y.value, Ge = fe(ce), An = Qe;
       let xe = ce === "value" ? An : bi(An);
-      if (z.attrName = Ge, z.attrValue = xe, z.keepAttr = !0, z.forceKeepAttr = void 0, ot(se.uponSanitizeAttribute, r, z), xe = z.attrValue, je && (Ge === "id" || Ge === "name") && ys(xe, ze) !== 0 && (bt(ce, r), xe = ze + xe), L && we(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, xe)) {
+      if (z.attrName = Ge, z.attrValue = xe, z.keepAttr = !0, z.forceKeepAttr = void 0, ot(se.uponSanitizeAttribute, r, z), xe = z.attrValue, je && (Ge === "id" || Ge === "name") && ys(xe, ze) !== 0 && (bt(ce, r), xe = ze + xe), D && we(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, xe)) {
         bt(ce, r);
         continue;
       }
@@ -2003,11 +2003,11 @@ function Ks() {
         bt(ce, r);
         continue;
       }
-      if (!v && we(/\/>/i, xe)) {
+      if (!x && we(/\/>/i, xe)) {
         bt(ce, r);
         continue;
       }
-      $ && Rt([at, Ye, it], (ds) => {
+      I && Rt([at, Ye, it], (ds) => {
         xe = Ct(xe, ds, " ");
       });
       const us = fe(r.nodeName);
@@ -2035,17 +2035,17 @@ function Ks() {
     }
     ot(se.afterSanitizeAttributes, r, null);
   }, "_sanitizeAttributes"), ln = /* @__PURE__ */ d(function(r) {
-    let x = null;
+    let v = null;
     const z = as(r);
-    for (ot(se.beforeSanitizeShadowDOM, r, null); x = z.nextNode(); )
-      if (ot(se.uponSanitizeShadowNode, x, null), rs(x), cs(x), Ht(x.content) && ln(x.content), (N ? N(x) : x.nodeType) === et.element) {
-        const Y = C ? C(x) : x.shadowRoot;
+    for (ot(se.beforeSanitizeShadowDOM, r, null); v = z.nextNode(); )
+      if (ot(se.uponSanitizeShadowNode, v, null), rs(v), cs(v), Ht(v.content) && ln(v.content), (N ? N(v) : v.nodeType) === et.element) {
+        const Y = C ? C(v) : v.shadowRoot;
         Ht(Y) && (Et(Y), ln(Y));
       }
     ot(se.afterSanitizeShadowDOM, r, null);
   }, "_sanitizeShadowDOM"), Et = /* @__PURE__ */ d(function(r) {
-    const x = N ? N(r) : r.nodeType;
-    if (x === et.element) {
+    const v = N ? N(r) : r.nodeType;
+    if (v === et.element) {
       const Y = C ? C(r) : r.shadowRoot;
       Ht(Y) && (Et(Y), ln(Y));
     }
@@ -2058,7 +2058,7 @@ function Ks() {
     });
     for (const Y of ne)
       Et(Y);
-    if (x === et.element) {
+    if (v === et.element) {
       const Y = W ? W(r) : null;
       if (typeof Y == "string" && fe(Y) === "template") {
         const ce = r.content;
@@ -2067,7 +2067,7 @@ function Ks() {
     }
   }, "_sanitizeAttachedShadowRoots");
   return t.sanitize = function(F) {
-    let r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, x = null, z = null, ne = null, Y = null;
+    let r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, v = null, z = null, ne = null, Y = null;
     if (yn = !F, yn && (F = "<!-->"), typeof F != "string" && !rn(F) && (F = Si(F), typeof F != "string"))
       throw Gt("dirty is not a string, aborting");
     if (!t.isSupported)
@@ -2083,31 +2083,31 @@ function Ks() {
         throw Gt("root node is clobbered and cannot be sanitized in-place");
       Et(F);
     } else if (rn(F))
-      x = ss("<!---->"), z = x.ownerDocument.importNode(F, !0), z.nodeType === et.element && z.nodeName === "BODY" || z.nodeName === "HTML" ? x = z : x.appendChild(z), Et(z);
+      v = ss("<!---->"), z = v.ownerDocument.importNode(F, !0), z.nodeType === et.element && z.nodeName === "BODY" || z.nodeName === "HTML" ? v = z : v.appendChild(z), Et(z);
     else {
-      if (!le && !$ && !Q && // eslint-disable-next-line unicorn/prefer-includes
+      if (!le && !I && !Q && // eslint-disable-next-line unicorn/prefer-includes
       F.indexOf("<") === -1)
         return B && $e ? B.createHTML(F) : F;
-      if (x = ss(F), !x)
+      if (v = ss(F), !v)
         return le ? null : $e ? V : "";
     }
-    x && ke && We(x.firstChild);
-    const ce = as(Xe ? F : x);
+    v && ke && We(v.firstChild);
+    const ce = as(Xe ? F : v);
     for (; ne = ce.nextNode(); )
       rs(ne), cs(ne), Ht(ne.content) && ln(ne.content);
     if (Xe)
-      return $ && is(F), F;
+      return I && is(F), F;
     if (le) {
-      if ($ && is(x), de)
-        for (Y = Pe.call(x.ownerDocument); x.firstChild; )
-          Y.appendChild(x.firstChild);
+      if (I && is(v), de)
+        for (Y = Pe.call(v.ownerDocument); v.firstChild; )
+          Y.appendChild(v.firstChild);
       else
-        Y = x;
+        Y = v;
       return (ie.shadowroot || ie.shadowrootmode) && (Y = Le.call(n, Y, !0)), Y;
     }
-    let Ue = Q ? x.outerHTML : x.innerHTML;
-    return Q && K["!doctype"] && x.ownerDocument && x.ownerDocument.doctype && x.ownerDocument.doctype.name && we(Oi, x.ownerDocument.doctype.name) && (Ue = "<!DOCTYPE " + x.ownerDocument.doctype.name + `>
-` + Ue), $ && Rt([at, Ye, it], (Qe) => {
+    let Ue = Q ? v.outerHTML : v.innerHTML;
+    return Q && K["!doctype"] && v.ownerDocument && v.ownerDocument.doctype && v.ownerDocument.doctype.name && we(Oi, v.ownerDocument.doctype.name) && (Ue = "<!DOCTYPE " + v.ownerDocument.doctype.name + `>
+` + Ue), I && Rt([at, Ye, it], (Qe) => {
       Ue = Ct(Ue, Qe, " ");
     }), B && $e ? B.createHTML(Ue) : Ue;
   }, t.setConfig = function() {
@@ -2115,16 +2115,16 @@ function Ks() {
     Sn(F), pe = !0;
   }, t.clearConfig = function() {
     _t = null, pe = !1;
-  }, t.isValidAttribute = function(F, r, x) {
+  }, t.isValidAttribute = function(F, r, v) {
     _t || Sn({});
     const z = fe(F), ne = fe(r);
-    return ls(z, ne, x);
+    return ls(z, ne, v);
   }, t.addHook = function(F, r) {
     typeof r == "function" && Mt(se[F], r);
   }, t.removeHook = function(F, r) {
     if (r !== void 0) {
-      const x = vi(se[F], r);
-      return x === -1 ? void 0 : xi(se[F], x, 1)[0];
+      const v = vi(se[F], r);
+      return v === -1 ? void 0 : xi(se[F], v, 1)[0];
     }
     return xs(se[F]);
   }, t.removeHooks = function(F) {
@@ -2187,9 +2187,9 @@ function $s(a) {
 d($s, "V");
 function Ds(a, t) {
   let e = a.replace(Se.findPipe, (s, l, o) => {
-    let p = !1, c = l;
-    for (; --c >= 0 && o[c] === "\\"; ) p = !p;
-    return p ? "|" : " |";
+    let h = !1, c = l;
+    for (; --c >= 0 && o[c] === "\\"; ) h = !h;
+    return h ? "|" : " |";
   }), n = e.split(Se.splitPipe), i = 0;
   if (n[0].trim() || n.shift(), n.length > 0 && !n.at(-1)?.trim() && n.pop(), t) if (n.length > t) n.splice(t);
   else for (; n.length < t; ) n.push("");
@@ -2235,8 +2235,8 @@ d(Sr, "me");
 function Os(a, t, e, n, i) {
   let s = t.href, l = t.title || null, o = a[1].replace(i.other.outputLinkReplace, "$1");
   n.state.inLink = !0;
-  let p = { type: a[0].charAt(0) === "!" ? "image" : "link", raw: e, href: s, title: l, text: o, tokens: n.inlineTokens(o) };
-  return n.state.inLink = !1, p;
+  let h = { type: a[0].charAt(0) === "!" ? "image" : "link", raw: e, href: s, title: l, text: o, tokens: n.inlineTokens(o) };
+  return n.state.inLink = !1, h;
 }
 d(Os, "xe");
 function Ar(a, t, e) {
@@ -2302,12 +2302,12 @@ var zt, mn = (zt = class {
 `).split(`
 `), i = "", s = "", l = [];
       for (; n.length > 0; ) {
-        let o = !1, p = [], c;
-        for (c = 0; c < n.length; c++) if (this.rules.other.blockquoteStart.test(n[c])) p.push(n[c]), o = !0;
-        else if (!o) p.push(n[c]);
+        let o = !1, h = [], c;
+        for (c = 0; c < n.length; c++) if (this.rules.other.blockquoteStart.test(n[c])) h.push(n[c]), o = !0;
+        else if (!o) h.push(n[c]);
         else break;
         n = n.slice(c);
-        let y = p.join(`
+        let y = h.join(`
 `), R = y.replace(this.rules.other.blockquoteSetextReplace, `
     $1`).replace(this.rules.other.blockquoteSetextReplace2, "");
         i = i ? `${i}
@@ -2350,15 +2350,15 @@ ${R}` : R;
 `, 1)[0], A = !b.trim(), E = 0;
         if (this.options.pedantic ? (E = 2, R = b.trimStart()) : A ? E = e[1].length + 1 : (E = b.search(this.rules.other.nonSpaceChar), E = E > 4 ? 1 : E, R = b.slice(E), E += e[1].length), A && this.rules.other.blankLine.test(k) && (y += k + `
 `, t = t.substring(k.length + 1), c = !0), !c) {
-          let O = this.rules.other.nextBulletRegex(E), Z = this.rules.other.hrRegex(E), C = this.rules.other.fencesBeginRegex(E), I = this.rules.other.headingBeginRegex(E), N = this.rules.other.htmlBeginRegex(E), W = this.rules.other.blockquoteBeginRegex(E);
+          let O = this.rules.other.nextBulletRegex(E), Z = this.rules.other.hrRegex(E), C = this.rules.other.fencesBeginRegex(E), $ = this.rules.other.headingBeginRegex(E), N = this.rules.other.htmlBeginRegex(E), W = this.rules.other.blockquoteBeginRegex(E);
           for (; t; ) {
             let B = t.split(`
 `, 1)[0], V;
-            if (k = B, this.options.pedantic ? (k = k.replace(this.rules.other.listReplaceNesting, "  "), V = k) : V = k.replace(this.rules.other.tabCharGlobal, "    "), C.test(k) || I.test(k) || N.test(k) || W.test(k) || O.test(k) || Z.test(k)) break;
+            if (k = B, this.options.pedantic ? (k = k.replace(this.rules.other.listReplaceNesting, "  "), V = k) : V = k.replace(this.rules.other.tabCharGlobal, "    "), C.test(k) || $.test(k) || N.test(k) || W.test(k) || O.test(k) || Z.test(k)) break;
             if (V.search(this.rules.other.nonSpaceChar) >= E || !k.trim()) R += `
 ` + V.slice(E);
             else {
-              if (A || b.replace(this.rules.other.tabCharGlobal, "    ").search(this.rules.other.nonSpaceChar) >= 4 || C.test(b) || I.test(b) || Z.test(b)) break;
+              if (A || b.replace(this.rules.other.tabCharGlobal, "    ").search(this.rules.other.nonSpaceChar) >= 4 || C.test(b) || $.test(b) || Z.test(b)) break;
               R += `
 ` + k;
             }
@@ -2368,8 +2368,8 @@ ${R}` : R;
         }
         s.loose || (o ? s.loose = !0 : this.rules.other.doubleBlankLine.test(y) && (o = !0)), s.items.push({ type: "list_item", raw: y, task: !!this.options.gfm && this.rules.other.listIsTask.test(R), loose: !1, text: R, tokens: [] }), s.raw += y;
       }
-      let p = s.items.at(-1);
-      if (p) p.raw = p.raw.trimEnd(), p.text = p.text.trimEnd();
+      let h = s.items.at(-1);
+      if (h) h.raw = h.raw.trimEnd(), h.text = h.text.trimEnd();
       else return;
       s.raw = s.raw.trimEnd();
       for (let c of s.items) {
@@ -2423,7 +2423,7 @@ ${R}` : R;
     if (n.length === i.length) {
       for (let o of i) this.rules.other.tableAlignRight.test(o) ? l.align.push("right") : this.rules.other.tableAlignCenter.test(o) ? l.align.push("center") : this.rules.other.tableAlignLeft.test(o) ? l.align.push("left") : l.align.push(null);
       for (let o = 0; o < n.length; o++) l.header.push({ text: n[o], tokens: this.lexer.inline(n[o]), header: !0, align: l.align[o] });
-      for (let o of s) l.rows.push(Ds(o, l.header.length).map((p, c) => ({ text: p, tokens: this.lexer.inline(p), header: !1, align: l.align[c] })));
+      for (let o of s) l.rows.push(Ds(o, l.header.length).map((h, c) => ({ text: h, tokens: this.lexer.inline(h), header: !1, align: l.align[c] })));
       return l;
     }
   }
@@ -2493,18 +2493,18 @@ ${R}` : R;
   emStrong(t, e, n = "") {
     let i = this.rules.inline.emStrongLDelim.exec(t);
     if (!(!i || !i[1] && !i[2] && !i[3] && !i[4] || i[4] && n.match(this.rules.other.unicodeAlphaNumeric)) && (!(i[1] || i[3]) || !n || this.rules.inline.punctuation.exec(n))) {
-      let s = [...i[0]].length - 1, l, o, p = s, c = 0, y = i[0][0] === "*" ? this.rules.inline.emStrongRDelimAst : this.rules.inline.emStrongRDelimUnd;
+      let s = [...i[0]].length - 1, l, o, h = s, c = 0, y = i[0][0] === "*" ? this.rules.inline.emStrongRDelimAst : this.rules.inline.emStrongRDelimUnd;
       for (y.lastIndex = 0, e = e.slice(-1 * t.length + s); (i = y.exec(e)) !== null; ) {
         if (l = i[1] || i[2] || i[3] || i[4] || i[5] || i[6], !l) continue;
         if (o = [...l].length, i[3] || i[4]) {
-          p += o;
+          h += o;
           continue;
         } else if ((i[5] || i[6]) && s % 3 && !((s + o) % 3)) {
           c += o;
           continue;
         }
-        if (p -= o, p > 0) continue;
-        o = Math.min(o, o + p + c);
+        if (h -= o, h > 0) continue;
+        o = Math.min(o, o + h + c);
         let R = [...i[0]][0].length, b = t.slice(0, s + i.index + R + o);
         if (Math.min(s, o) % 2) {
           let A = b.slice(1, -1);
@@ -2529,15 +2529,15 @@ ${R}` : R;
   del(t, e, n = "") {
     let i = this.rules.inline.delLDelim.exec(t);
     if (i && (!i[1] || !n || this.rules.inline.punctuation.exec(n))) {
-      let s = [...i[0]].length - 1, l, o, p = s, c = this.rules.inline.delRDelim;
+      let s = [...i[0]].length - 1, l, o, h = s, c = this.rules.inline.delRDelim;
       for (c.lastIndex = 0, e = e.slice(-1 * t.length + s); (i = c.exec(e)) !== null; ) {
         if (l = i[1] || i[2] || i[3] || i[4] || i[5] || i[6], !l || (o = [...l].length, o !== s)) continue;
         if (i[3] || i[4]) {
-          p += o;
+          h += o;
           continue;
         }
-        if (p -= o, p > 0) continue;
-        o = Math.min(o, o + p);
+        if (h -= o, h > 0) continue;
+        o = Math.min(o, o + h);
         let y = [...i[0]][0].length, R = t.slice(0, s + i.index + y + o), b = R.slice(s, -s);
         return { type: "del", raw: R, text: b, tokens: this.lexer.inlineTokens(b) };
       }
@@ -2671,9 +2671,9 @@ ${R}` : R;
       }
       let l = t;
       if (this.options.extensions?.startBlock) {
-        let o = 1 / 0, p = t.slice(1), c;
+        let o = 1 / 0, h = t.slice(1), c;
         this.options.extensions.startBlock.forEach((y) => {
-          c = y.call({ lexer: this }, p), typeof c == "number" && c >= 0 && (o = Math.min(o, c));
+          c = y.call({ lexer: this }, h), typeof c == "number" && c >= 0 && (o = Math.min(o, c));
         }), o < 1 / 0 && o >= 0 && (l = t.substring(0, o + 1));
       }
       if (this.state.top && (s = this.tokenizer.paragraph(l))) {
@@ -2714,9 +2714,9 @@ ${R}` : R;
     let s;
     for (; (i = this.tokenizer.rules.inline.blockSkip.exec(n)) !== null; ) s = i[2] ? i[2].length : 0, n = n.slice(0, i.index + s) + "[" + "a".repeat(i[0].length - s - 2) + "]" + n.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);
     n = this.options.hooks?.emStrongMask?.call({ lexer: this }, n) ?? n;
-    let l = !1, o = "", p = 1 / 0;
+    let l = !1, o = "", h = 1 / 0;
     for (; t; ) {
-      if (t.length < p) p = t.length;
+      if (t.length < h) h = t.length;
       else {
         this.infiniteLoopError(t.charCodeAt(0));
         break;
@@ -2829,8 +2829,8 @@ ${this.parser.parse(t)}</blockquote>
   list(t) {
     let e = t.ordered, n = t.start, i = "";
     for (let o = 0; o < t.items.length; o++) {
-      let p = t.items[o];
-      i += this.listitem(p);
+      let h = t.items[o];
+      i += this.listitem(h);
     }
     let s = e ? "ol" : "ul", l = e && n !== 1 ? ' start="' + n + '"' : "";
     return "<" + s + l + `>
@@ -3161,8 +3161,8 @@ ${t}</tr>
         if ("renderer" in s) {
           let l = e.renderers[s.name];
           l ? e.renderers[s.name] = function(...o) {
-            let p = s.renderer.apply(this, o);
-            return p === !1 && (p = l.apply(this, o)), p;
+            let h = s.renderer.apply(this, o);
+            return h === !1 && (h = l.apply(this, o)), h;
           } : e.renderers[s.name] = s.renderer;
         }
         if ("tokenizer" in s) {
@@ -3176,9 +3176,9 @@ ${t}</tr>
         for (let l in n.renderer) {
           if (!(l in s)) throw new Error(`renderer '${l}' does not exist`);
           if (["options", "parser"].includes(l)) continue;
-          let o = l, p = n.renderer[o], c = s[o];
+          let o = l, h = n.renderer[o], c = s[o];
           s[o] = (...y) => {
-            let R = p.apply(s, y);
+            let R = h.apply(s, y);
             return R === !1 && (R = c.apply(s, y)), R || "";
           };
         }
@@ -3189,9 +3189,9 @@ ${t}</tr>
         for (let l in n.tokenizer) {
           if (!(l in s)) throw new Error(`tokenizer '${l}' does not exist`);
           if (["options", "rules", "lexer"].includes(l)) continue;
-          let o = l, p = n.tokenizer[o], c = s[o];
+          let o = l, h = n.tokenizer[o], c = s[o];
           s[o] = (...y) => {
-            let R = p.apply(s, y);
+            let R = h.apply(s, y);
             return R === !1 && (R = c.apply(s, y)), R;
           };
         }
@@ -3202,20 +3202,20 @@ ${t}</tr>
         for (let l in n.hooks) {
           if (!(l in s)) throw new Error(`hook '${l}' does not exist`);
           if (["options", "block"].includes(l)) continue;
-          let o = l, p = n.hooks[o], c = s[o];
+          let o = l, h = n.hooks[o], c = s[o];
           Jt.passThroughHooks.has(l) ? s[o] = (y) => {
             if (this.defaults.async && Jt.passThroughHooksRespectAsync.has(l)) return (async () => {
-              let b = await p.call(s, y);
+              let b = await h.call(s, y);
               return c.call(s, b);
             })();
-            let R = p.call(s, y);
+            let R = h.call(s, y);
             return c.call(s, R);
           } : s[o] = (...y) => {
             if (this.defaults.async) return (async () => {
-              let b = await p.apply(s, y);
+              let b = await h.apply(s, y);
               return b === !1 && (b = await c.apply(s, y)), b;
             })();
-            let R = p.apply(s, y);
+            let R = h.apply(s, y);
             return R === !1 && (R = c.apply(s, y)), R;
           };
         }
@@ -3224,8 +3224,8 @@ ${t}</tr>
       if (n.walkTokens) {
         let s = this.defaults.walkTokens, l = n.walkTokens;
         i.walkTokens = function(o) {
-          let p = [];
-          return p.push(l.call(this, o)), s && (p = p.concat(s.call(this, o))), p;
+          let h = [];
+          return h.push(l.call(this, o)), s && (h = h.concat(s.call(this, o))), h;
         };
       }
       this.defaults = { ...this.defaults, ...i };
@@ -3247,7 +3247,7 @@ ${t}</tr>
       if (typeof e > "u" || e === null) return l(new Error("marked(): input parameter is undefined or null"));
       if (typeof e != "string") return l(new Error("marked(): input parameter is of type " + Object.prototype.toString.call(e) + ", string expected"));
       if (s.hooks && (s.hooks.options = s, s.hooks.block = t), s.async) return (async () => {
-        let o = s.hooks ? await s.hooks.preprocess(e) : e, p = await (s.hooks ? await s.hooks.provideLexer(t) : t ? Ve.lex : Ve.lexInline)(o, s), c = s.hooks ? await s.hooks.processAllTokens(p) : p;
+        let o = s.hooks ? await s.hooks.preprocess(e) : e, h = await (s.hooks ? await s.hooks.provideLexer(t) : t ? Ve.lex : Ve.lexInline)(o, s), c = s.hooks ? await s.hooks.processAllTokens(h) : h;
         s.walkTokens && await Promise.all(this.walkTokens(c, s.walkTokens));
         let y = await (s.hooks ? await s.hooks.provideParser(t) : t ? qe.parse : qe.parseInline)(c, s);
         return s.hooks ? await s.hooks.postprocess(y) : y;
@@ -3256,8 +3256,8 @@ ${t}</tr>
         s.hooks && (e = s.hooks.preprocess(e));
         let o = (s.hooks ? s.hooks.provideLexer(t) : t ? Ve.lex : Ve.lexInline)(e, s);
         s.hooks && (o = s.hooks.processAllTokens(o)), s.walkTokens && this.walkTokens(o, s.walkTokens);
-        let p = (s.hooks ? s.hooks.provideParser(t) : t ? qe.parse : qe.parseInline)(o, s);
-        return s.hooks && (p = s.hooks.postprocess(p)), p;
+        let h = (s.hooks ? s.hooks.provideParser(t) : t ? qe.parse : qe.parseInline)(o, s);
+        return s.hooks && (h = s.hooks.postprocess(h)), h;
       } catch (o) {
         return l(o);
       }
@@ -3318,14 +3318,14 @@ function Rr(a) {
     i.set(l, 0);
   for (let l = 0; l < a.nodes.length; l++) {
     let o = !1;
-    for (const p of a.edges) {
-      if (!t.has(p.from) || !t.has(p.to))
+    for (const h of a.edges) {
+      if (!t.has(h.from) || !t.has(h.to))
         continue;
-      const c = i.get(p.from);
+      const c = i.get(h.from);
       if (c === void 0)
         continue;
       const y = c + 1;
-      (i.get(p.to) ?? -1) < y && (i.set(p.to, y), o = !0);
+      (i.get(h.to) ?? -1) < y && (i.set(h.to, y), o = !0);
     }
     if (!o)
       break;
@@ -3342,7 +3342,7 @@ function Mr(a) {
     const k = e.get(b.id) ?? 0;
     n.set(k, [...n.get(k) ?? [], b]);
   }
-  const i = [...n.entries()].sort(([b], [k]) => b - k), s = Math.max(1, ...i.map(([, b]) => b.length)), l = Math.max(1, i.length), o = t === "horizontal" ? dt * 2 + l * $t + (l - 1) * qt : dt * 2 + s * $t + (s - 1) * qt, p = t === "horizontal" ? dt * 2 + s * Dt + (s - 1) * Yt : dt * 2 + l * Dt + (l - 1) * Yt, c = [];
+  const i = [...n.entries()].sort(([b], [k]) => b - k), s = Math.max(1, ...i.map(([, b]) => b.length)), l = Math.max(1, i.length), o = t === "horizontal" ? dt * 2 + l * $t + (l - 1) * qt : dt * 2 + s * $t + (s - 1) * qt, h = t === "horizontal" ? dt * 2 + s * Dt + (s - 1) * Yt : dt * 2 + l * Dt + (l - 1) * Yt, c = [];
   for (const [b, [, k]] of i.entries()) {
     const A = (s - k.length) * (t === "horizontal" ? Dt + Yt : $t + qt) / 2;
     for (const [E, O] of k.entries()) {
@@ -3363,7 +3363,7 @@ function Mr(a) {
     const A = y.get(b.from), E = y.get(b.to);
     if (!A || !E)
       return [];
-    const O = t === "horizontal" ? A.x + A.width : A.x + A.width / 2, Z = t === "horizontal" ? A.y + A.height / 2 : A.y + A.height, C = t === "horizontal" ? E.x : E.x + E.width / 2, I = t === "horizontal" ? E.y + E.height / 2 : E.y;
+    const O = t === "horizontal" ? A.x + A.width : A.x + A.width / 2, Z = t === "horizontal" ? A.y + A.height / 2 : A.y + A.height, C = t === "horizontal" ? E.x : E.x + E.width / 2, $ = t === "horizontal" ? E.y + E.height / 2 : E.y;
     return [{
       key: `${b.from}-${b.to}-${k}`,
       from: b.from,
@@ -3372,12 +3372,12 @@ function Mr(a) {
       x1: O,
       y1: Z,
       x2: C,
-      y2: I,
+      y2: $,
       labelX: (O + C) / 2,
-      labelY: (Z + I) / 2
+      labelY: (Z + $) / 2
     }];
   });
-  return { width: o, height: p, orientation: t, nodes: c, edges: R };
+  return { width: o, height: h, orientation: t, nodes: c, edges: R };
 }
 d(Mr, "layoutChatDiagram");
 function ra(a) {
@@ -3451,9 +3451,9 @@ function zr(a) {
   const l = Math.max(2, Math.floor(e / Lr));
   if (t.length <= l)
     return { mode: "angled", entries: n.map((c, y) => ({ index: y, text: c })) };
-  const o = /* @__PURE__ */ new Set([0, i]), p = i / (l - 1);
+  const o = /* @__PURE__ */ new Set([0, i]), h = i / (l - 1);
   for (let c = 1; c < l - 1; c++)
-    o.add(Math.round(c * p));
+    o.add(Math.round(c * h));
   return {
     mode: "angled",
     entries: [...o].sort((c, y) => c - y).map((c) => ({ index: c, text: n[c] }))
@@ -3489,7 +3489,7 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
       return g?.chartType === "pie";
     }
     d(l, "isPieChart");
-    const o = S(() => n.value?.data ?? []), p = S(() => s(n.value) ? n.value : null), c = S(() => p.value?.series ?? []), y = S(() => l(n.value) ? n.value : null), R = S(() => p.value?.chartType === "bar" && p.value.stacking === "stacked");
+    const o = S(() => n.value?.data ?? []), h = S(() => s(n.value) ? n.value : null), c = S(() => h.value?.series ?? []), y = S(() => l(n.value) ? n.value : null), R = S(() => h.value?.chartType === "bar" && h.value.stacking === "stacked");
     function b(g) {
       return typeof g == "number" && Number.isFinite(g) ? g : null;
     }
@@ -3499,73 +3499,73 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
     }
     d(k, "categoryLabel");
     function A(g, M) {
-      const u = g.map((L) => k(L, M)).filter(Boolean);
+      const u = g.map((D) => k(D, M)).filter(Boolean);
       if (!u.length)
         return !1;
-      const v = Math.max(...u.map((L) => L.length)), $ = u.reduce((L, Q) => L + Q.length, 0) / u.length;
-      return v >= 16 || u.length > 5 && $ >= 10;
+      const x = Math.max(...u.map((D) => D.length)), I = u.reduce((D, Q) => D + Q.length, 0) / u.length;
+      return x >= 16 || u.length > 5 && I >= 10;
     }
     d(A, "hasLongCategoryLabels");
     function E(g, M) {
-      return g.data.map((u, v) => {
-        const $ = b(u[M]);
-        return $ === null ? null : { index: v, value: $ };
+      return g.data.map((u, x) => {
+        const I = b(u[M]);
+        return I === null ? null : { index: x, value: I };
       }).filter((u) => u !== null);
     }
     d(E, "trendLinePoints");
     function O(g) {
       if (g.length < 2) return null;
-      const M = g.length, u = g.reduce((le, de) => le + de.index, 0), v = g.reduce((le, de) => le + de.value, 0), $ = g.reduce((le, de) => le + de.index * de.index, 0), L = g.reduce((le, de) => le + de.index * de.value, 0), Q = M * $ - u * u;
+      const M = g.length, u = g.reduce((le, de) => le + de.index, 0), x = g.reduce((le, de) => le + de.value, 0), I = g.reduce((le, de) => le + de.index * de.index, 0), D = g.reduce((le, de) => le + de.index * de.value, 0), Q = M * I - u * u;
       if (Q === 0) return null;
-      const pe = (M * L - u * v) / Q, ke = (v - pe * u) / M;
+      const pe = (M * D - u * x) / Q, ke = (x - pe * u) / M;
       return { slope: pe, intercept: ke };
     }
     d(O, "linearTrend");
     const Z = S(() => {
-      const g = [], M = p.value;
+      const g = [], M = h.value;
       if (!M) return g;
       if (M.chartType === "bar" && M.stacking === "stacked")
         for (const u of M.data) {
-          let v = 0, $ = 0;
-          for (const L of M.series) {
-            const Q = b(u[L.dataKey]);
-            Q !== null && (Q >= 0 ? v += Q : $ += Q);
+          let x = 0, I = 0;
+          for (const D of M.series) {
+            const Q = b(u[D.dataKey]);
+            Q !== null && (Q >= 0 ? x += Q : I += Q);
           }
-          g.push(v, $);
+          g.push(x, I);
         }
       else
         for (const u of M.data)
-          for (const v of M.series) {
-            const $ = b(u[v.dataKey]);
-            $ !== null && g.push($);
+          for (const x of M.series) {
+            const I = b(u[x.dataKey]);
+            I !== null && g.push(I);
           }
       if (M.trendLine && (M.chartType === "line" || M.chartType === "scatter")) {
         const u = E(M, M.trendLine.dataKey);
-        g.push(...u.map(($) => $.value));
-        const v = O(u);
-        if (v && u.length) {
-          const $ = u[0].index, L = u[u.length - 1].index;
-          g.push(v.intercept + v.slope * $, v.intercept + v.slope * L);
+        g.push(...u.map((I) => I.value));
+        const x = O(u);
+        if (x && u.length) {
+          const I = u[0].index, D = u[u.length - 1].index;
+          g.push(x.intercept + x.slope * I, x.intercept + x.slope * D);
         }
       }
       return g;
     });
     function C(g, M) {
-      const u = g > 0 ? g : 1, v = Math.floor(Math.log10(u)), $ = u / 10 ** v;
-      let L;
-      return M ? L = $ < 1.5 ? 1 : $ < 3 ? 2 : $ < 7 ? 5 : 10 : L = $ <= 1 ? 1 : $ <= 2 ? 2 : $ <= 5 ? 5 : 10, L * 10 ** v;
+      const u = g > 0 ? g : 1, x = Math.floor(Math.log10(u)), I = u / 10 ** x;
+      let D;
+      return M ? D = I < 1.5 ? 1 : I < 3 ? 2 : I < 7 ? 5 : 10 : D = I <= 1 ? 1 : I <= 2 ? 2 : I <= 5 ? 5 : 10, D * 10 ** x;
     }
     d(C, "niceNum");
-    const I = S(() => {
+    const $ = S(() => {
       const g = Z.value, M = g.length ? Math.max(0, ...g) : 1, u = g.length ? Math.min(0, ...g) : 0;
       if (u === M)
         return { min: 0, max: M || 1, ticks: [0, M || 1] };
-      const v = 4, $ = C(M - u, !1), L = C($ / (v - 1), !0), Q = Math.floor(u / L) * L, pe = Math.ceil(M / L) * L, ke = [];
-      for (let le = Q; le <= pe + L * 0.5; le += L)
+      const x = 4, I = C(M - u, !1), D = C(I / (x - 1), !0), Q = Math.floor(u / D) * D, pe = Math.ceil(M / D) * D, ke = [];
+      for (let le = Q; le <= pe + D * 0.5; le += D)
         ke.push(Number(le.toFixed(6)));
       return { min: Q, max: pe, ticks: ke };
     }), N = S(() => Cr({ series: c.value })), W = S(() => {
-      const g = p.value;
+      const g = h.value;
       if (!g)
         return { mode: "horizontal", entries: [] };
       const M = g.xKey;
@@ -3577,63 +3577,63 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
         plotWidth: 318
       });
     }), B = S(() => {
-      const g = N.value?.valueFormat, M = !!(N.value && (g === "currency" || g === "percent" || N.value.valuePrefix || N.value.valueSuffix)), u = g === "duration" ? 46 : M ? 38 : 30, v = W.value.mode === "angled";
+      const g = N.value?.valueFormat, M = !!(N.value && (g === "currency" || g === "percent" || N.value.valuePrefix || N.value.valueSuffix)), u = g === "duration" ? 46 : M ? 38 : 30, x = W.value.mode === "angled";
       return {
         width: 360,
-        height: 168 + (v ? Ns : 0),
+        height: 168 + (x ? Ns : 0),
         left: u,
         right: 12,
         top: 10,
-        bottom: 24 + (v ? Ns : 0)
+        bottom: 24 + (x ? Ns : 0)
       };
     });
     function V(g, M) {
-      const u = p.value, v = B.value;
+      const u = h.value, x = B.value;
       if (u?.chartType === "bar") {
-        const $ = v.width - v.left - v.right;
-        return v.left + (g + 0.5) * ($ / Math.max(M, 1));
+        const I = x.width - x.left - x.right;
+        return x.left + (g + 0.5) * (I / Math.max(M, 1));
       }
       return J(g, M);
     }
     d(V, "labelCenterX");
     function J(g, M) {
-      const u = B.value, v = u.width - u.left - u.right;
-      return M <= 1 ? u.left + v / 2 : u.left + v * g / (M - 1);
+      const u = B.value, x = u.width - u.left - u.right;
+      return M <= 1 ? u.left + x / 2 : u.left + x * g / (M - 1);
     }
     d(J, "xForIndex");
     function ue(g) {
-      const { min: M, max: u } = I.value, v = B.value, $ = v.height - v.top - v.bottom;
-      return v.top + (u - g) / (u - M || 1) * $;
+      const { min: M, max: u } = $.value, x = B.value, I = x.height - x.top - x.bottom;
+      return x.top + (u - g) / (u - M || 1) * I;
     }
     d(ue, "yForValue");
     function Ae(g) {
-      const M = p.value;
-      return M ? M.data.map((u, v) => {
-        const $ = b(u[g]) ?? 0;
-        return `${v === 0 ? "M" : "L"} ${J(v, M.data.length).toFixed(1)} ${ue($).toFixed(1)}`;
+      const M = h.value;
+      return M ? M.data.map((u, x) => {
+        const I = b(u[g]) ?? 0;
+        return `${x === 0 ? "M" : "L"} ${J(x, M.data.length).toFixed(1)} ${ue(I).toFixed(1)}`;
       }).join(" ") : "";
     }
     d(Ae, "pathForSeries");
     const Pe = S(() => {
-      const g = p.value;
+      const g = h.value;
       if (!g?.trendLine || g.chartType !== "line" && g.chartType !== "scatter") return null;
       const M = E(g, g.trendLine.dataKey), u = O(M);
       if (!u || !M.length) return null;
-      const v = M[0].index, $ = M[M.length - 1].index, L = u.intercept + u.slope * v, Q = u.intercept + u.slope * $, pe = Math.max(0, g.series.findIndex((ke) => ke.dataKey === g.trendLine?.dataKey));
+      const x = M[0].index, I = M[M.length - 1].index, D = u.intercept + u.slope * x, Q = u.intercept + u.slope * I, pe = Math.max(0, g.series.findIndex((ke) => ke.dataKey === g.trendLine?.dataKey));
       return {
-        path: `M ${J(v, g.data.length).toFixed(1)} ${ue(L).toFixed(1)} L ${J($, g.data.length).toFixed(1)} ${ue(Q).toFixed(1)}`,
+        path: `M ${J(x, g.data.length).toFixed(1)} ${ue(D).toFixed(1)} L ${J(I, g.data.length).toFixed(1)} ${ue(Q).toFixed(1)}`,
         dataKey: g.trendLine.dataKey,
         seriesIndex: pe
       };
     }), St = S(() => {
-      const g = p.value;
+      const g = h.value;
       if (!g || g.chartType !== "bar") return [];
-      const M = B.value, v = (M.width - M.left - M.right) / Math.max(g.data.length, 1), $ = ue(0);
+      const M = B.value, x = (M.width - M.left - M.right) / Math.max(g.data.length, 1), I = ue(0);
       if (R.value) {
-        const le = Math.max(4, Math.min(24, v * 0.42));
+        const le = Math.max(4, Math.min(24, x * 0.42));
         return g.data.flatMap((de, $e) => {
           let Ke = 0, je = 0;
-          const ze = M.left + $e * v + (v - le) / 2;
+          const ze = M.left + $e * x + (x - le) / 2;
           return g.series.map((Fe, Xe) => {
             const _ = b(de[Fe.dataKey]) ?? 0, m = _ >= 0 ? Ke : je, T = m + _, ae = ue(m), U = ue(T);
             return _ >= 0 ? Ke = T : je = T, {
@@ -3649,86 +3649,86 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
           });
         });
       }
-      const L = Math.max(g.series.length, 1), Q = L > 1 ? 2 : 0, pe = Math.max(3, Math.min(20, (v * 0.62 - Q * (L - 1)) / L)), ke = pe * L + Q * (L - 1);
+      const D = Math.max(g.series.length, 1), Q = D > 1 ? 2 : 0, pe = Math.max(3, Math.min(20, (x * 0.62 - Q * (D - 1)) / D)), ke = pe * D + Q * (D - 1);
       return g.data.flatMap((le, de) => g.series.map(($e, Ke) => {
-        const je = b(le[$e.dataKey]) ?? 0, ze = ue(je), Fe = M.left + de * v + (v - ke) / 2 + Ke * (pe + Q);
+        const je = b(le[$e.dataKey]) ?? 0, ze = ue(je), Fe = M.left + de * x + (x - ke) / 2 + Ke * (pe + Q);
         return {
           key: `${de}-${$e.dataKey}`,
           x: Fe,
-          y: Math.min(ze, $),
+          y: Math.min(ze, I),
           width: pe,
-          height: Math.max(1.5, Math.abs($ - ze)),
+          height: Math.max(1.5, Math.abs(I - ze)),
           seriesIndex: Ke,
           rowIndex: de,
           dataKey: $e.dataKey
         };
       }));
     }), Le = S(() => {
-      const g = p.value;
+      const g = h.value;
       if (!g) return [];
       const M = g.data;
       if (!M.length) return [];
-      const u = M.length - 1, v = W.value, $ = v.mode === "angled";
-      return v.entries.map(({ index: L, text: Q }) => ({
-        key: `${L}`,
+      const u = M.length - 1, x = W.value, I = x.mode === "angled";
+      return x.entries.map(({ index: D, text: Q }) => ({
+        key: `${D}`,
         label: Q,
-        x: V(L, M.length),
-        anchor: $ ? "end" : L === 0 ? "start" : L === u ? "end" : "middle",
-        angled: $
-      })).filter((L) => L.label);
+        x: V(D, M.length),
+        anchor: I ? "end" : D === 0 ? "start" : D === u ? "end" : "middle",
+        angled: I
+      })).filter((D) => D.label);
     }), se = S(() => {
-      const g = p.value;
+      const g = h.value;
       if (!g || g.chartType !== "bar" || g.series.length !== 1 || R.value)
         return [];
-      const M = g.series[0], u = g.data.map((L, Q) => {
-        const pe = k(L, g.xKey), ke = b(L[M.dataKey]);
+      const M = g.series[0], u = g.data.map((D, Q) => {
+        const pe = k(D, g.xKey), ke = b(D[M.dataKey]);
         return !pe || ke === null ? null : { key: `${Q}-${pe}`, label: pe, rawValue: ke };
-      }).filter((L) => L !== null);
-      if (!u.length || u.some((L) => L.rawValue < 0))
+      }).filter((D) => D !== null);
+      if (!u.length || u.some((D) => D.rawValue < 0))
         return [];
       if (!(g.layout === "horizontal" || A(g.data, g.xKey)))
         return [];
-      const $ = Math.max(...u.map((L) => L.rawValue), 1);
-      return u.map((L) => ({
-        key: L.key,
-        label: L.label,
-        value: On({ value: L.rawValue, series: M }),
-        width: L.rawValue <= 0 ? 0 : Math.max(2, L.rawValue / $ * 100),
+      const I = Math.max(...u.map((D) => D.rawValue), 1);
+      return u.map((D) => ({
+        key: D.key,
+        label: D.label,
+        value: On({ value: D.rawValue, series: M }),
+        width: D.rawValue <= 0 ? 0 : Math.max(2, D.rawValue / I * 100),
         seriesIndex: 0
       }));
     }), at = S(() => {
-      const g = p.value;
+      const g = h.value;
       if (!g?.data.length) return [];
       const M = g.data[g.data.length - 1];
-      return g.series.map((u, v) => {
-        const $ = b(M?.[u.dataKey]);
+      return g.series.map((u, x) => {
+        const I = b(M?.[u.dataKey]);
         return {
           key: u.dataKey,
           label: u.label || u.dataKey,
-          value: $ === null ? "—" : On({ value: $, series: u }),
-          seriesIndex: v
+          value: I === null ? "—" : On({ value: I, series: u }),
+          seriesIndex: x
         };
       });
     }), Ye = S(() => {
-      const g = p.value;
+      const g = h.value;
       if (!g?.data.length || g.chartType !== "line") return [];
       const M = g.data.length - 1, u = g.data[M];
-      return g.series.map((v, $) => {
-        const L = b(u?.[v.dataKey]);
-        return L === null ? null : { key: v.dataKey, cx: J(M, g.data.length), cy: ue(L), seriesIndex: $ };
-      }).filter((v) => v !== null);
+      return g.series.map((x, I) => {
+        const D = b(u?.[x.dataKey]);
+        return D === null ? null : { key: x.dataKey, cx: J(M, g.data.length), cy: ue(D), seriesIndex: I };
+      }).filter((x) => x !== null);
     }), it = S(() => {
       const g = y.value;
       if (!g) return [];
-      const M = g.data.map(($) => ({
-        name: String($[g.nameKey] ?? ""),
-        value: b($[g.valueKey]) ?? 0
-      })).filter(($) => $.name && $.value >= 0).sort(($, L) => L.value - $.value), u = M.reduce(($, L) => $ + L.value, 0) || 1, v = g.series?.[0];
-      return M.map(($, L) => ({
-        ...$,
-        key: `${L}-${$.name}`,
-        percent: $.value / u,
-        display: On({ value: $.value, series: v })
+      const M = g.data.map((I) => ({
+        name: String(I[g.nameKey] ?? ""),
+        value: b(I[g.valueKey]) ?? 0
+      })).filter((I) => I.name && I.value >= 0).sort((I, D) => D.value - I.value), u = M.reduce((I, D) => I + D.value, 0) || 1, x = g.series?.[0];
+      return M.map((I, D) => ({
+        ...I,
+        key: `${D}-${I.name}`,
+        percent: I.value / u,
+        display: On({ value: I.value, series: x })
       }));
     }), Oe = S(() => i.value ? Mr(i.value) : null), vt = [
       "var(--color-theme-900)",
@@ -3753,7 +3753,7 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
     }
     d(Ce, "diagramNodeStroke");
     const K = S(() => t.inverted ? "rgba(255, 255, 255, 0.95)" : "var(--color-theme-900)"), be = S(() => t.inverted ? "rgba(255, 255, 255, 0.6)" : "var(--color-theme-500)"), ie = S(() => t.inverted ? "rgba(255, 255, 255, 0.45)" : "color-mix(in oklch, var(--color-theme-900) 42%, transparent)"), Ie = S(() => t.inverted ? "rgba(255, 255, 255, 0.1)" : "color-mix(in oklch, var(--color-theme-900) 8%, transparent)"), re = S(() => t.inverted ? "rgba(255, 255, 255, 0.24)" : "color-mix(in oklch, var(--color-theme-900) 18%, transparent)"), Be = S(() => t.inverted ? "rgba(255, 255, 255, 0.16)" : "color-mix(in oklch, var(--color-theme-300) 55%, transparent)"), lt = S(() => t.inverted ? "rgba(255, 255, 255, 0.18)" : "color-mix(in oklch, var(--color-theme-900) 16%, transparent)"), ye = S(() => t.inverted ? "rgba(255, 255, 255, 0.12)" : "color-mix(in oklch, var(--color-theme-900) 9%, transparent)");
-    return (g, M) => e.value ? (h(), f("section", {
+    return (g, M) => e.value ? (p(), f("section", {
       key: 0,
       "data-test": "chat-visual",
       "data-visual-type": e.value.visualType,
@@ -3768,20 +3768,20 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
         w("h4", {
           class: "text-[13px] font-semibold leading-tight",
           style: q({ color: K.value })
-        }, j(e.value.meta.title), 5),
-        e.value.meta.description ? (h(), f("p", {
+        }, H(e.value.meta.title), 5),
+        e.value.meta.description ? (p(), f("p", {
           key: 0,
           class: "mt-0.5 text-[12px] leading-snug",
           style: q({ color: be.value })
-        }, j(e.value.meta.description), 5)) : H("", !0)
+        }, H(e.value.meta.description), 5)) : j("", !0)
       ]),
-      p.value ? (h(), f("div", {
+      h.value ? (p(), f("div", {
         key: 0,
         role: "img",
         "aria-label": e.value.meta.title
       }, [
-        se.value.length ? (h(), f("div", Fr, [
-          (h(!0), f(ee, null, me(se.value, (u) => (h(), f("div", {
+        se.value.length ? (p(), f("div", Fr, [
+          (p(!0), f(ee, null, me(se.value, (u) => (p(), f("div", {
             key: u.key,
             "data-test": "chat-visual-horizontal-bar",
             class: "min-w-0"
@@ -3790,11 +3790,11 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
               w("span", {
                 class: "line-clamp-2 min-w-0 font-medium leading-snug",
                 style: q({ color: K.value })
-              }, j(u.label), 5),
+              }, H(u.label), 5),
               w("span", {
                 class: "shrink-0 font-semibold tabular-nums",
                 style: q({ color: K.value })
-              }, j(u.value), 5)
+              }, H(u.value), 5)
             ]),
             w("div", {
               class: "h-2 w-full overflow-hidden rounded-full",
@@ -3806,7 +3806,7 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
               }, null, 4)
             ], 4)
           ]))), 128))
-        ])) : (h(), f("svg", {
+        ])) : (p(), f("svg", {
           key: 1,
           class: "block h-auto w-full overflow-visible",
           viewBox: `0 0 ${B.value.width} ${B.value.height}`,
@@ -3814,7 +3814,7 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
           preserveAspectRatio: "xMidYMid meet",
           "aria-hidden": "true"
         }, [
-          (h(!0), f(ee, null, me(I.value.ticks, (u) => (h(), f("line", {
+          (p(!0), f(ee, null, me($.value.ticks, (u) => (p(), f("line", {
             key: `grid-${u}`,
             x1: B.value.left,
             x2: B.value.width - B.value.right,
@@ -3825,16 +3825,16 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
             style: q({ stroke: u === 0 ? re.value : Ie.value })
           }, null, 12, jr))), 128)),
           w("g", null, [
-            (h(!0), f(ee, null, me(I.value.ticks, (u) => (h(), f("text", {
+            (p(!0), f(ee, null, me($.value.ticks, (u) => (p(), f("text", {
               key: `y-${u}`,
               x: B.value.left - 7,
               y: ue(u) + 3,
               "text-anchor": "end",
               "font-size": "9.5",
               style: q({ fill: ie.value })
-            }, j(en(Ir)({ value: u, shared: N.value })), 13, Wr))), 128))
+            }, H(en(Ir)({ value: u, shared: N.value })), 13, Wr))), 128))
           ]),
-          p.value.chartType === "bar" ? (h(!0), f(ee, { key: 0 }, me(St.value, (u) => (h(), f("rect", {
+          h.value.chartType === "bar" ? (p(!0), f(ee, { key: 0 }, me(St.value, (u) => (p(), f("rect", {
             key: u.key,
             "data-test": "chat-visual-bar",
             "data-row-index": u.rowIndex,
@@ -3846,8 +3846,8 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
             height: u.height,
             rx: "2.5",
             style: q({ fill: Me(u.seriesIndex) })
-          }, null, 12, Gr))), 128)) : (h(), f(ee, { key: 1 }, [
-            Pe.value ? (h(), f("path", {
+          }, null, 12, Gr))), 128)) : (p(), f(ee, { key: 1 }, [
+            Pe.value ? (p(), f("path", {
               key: 0,
               "data-test": "chat-visual-trend-line",
               "data-trend-key": Pe.value.dataKey,
@@ -3859,11 +3859,11 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
               "stroke-dasharray": "4 3",
               "vector-effect": "non-scaling-stroke",
               style: q({ stroke: Me(Pe.value.seriesIndex) })
-            }, null, 12, Vr)) : H("", !0),
-            (h(!0), f(ee, null, me(c.value, (u, v) => (h(), f("g", {
+            }, null, 12, Vr)) : j("", !0),
+            (p(!0), f(ee, null, me(c.value, (u, x) => (p(), f("g", {
               key: u.dataKey
             }, [
-              p.value.chartType === "line" ? (h(), f("path", {
+              h.value.chartType === "line" ? (p(), f("path", {
                 key: 0,
                 d: Ae(u.dataKey),
                 fill: "none",
@@ -3871,21 +3871,21 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 "vector-effect": "non-scaling-stroke",
-                style: q({ stroke: Me(v) })
-              }, null, 12, qr)) : H("", !0),
-              (h(!0), f(ee, null, me(o.value, ($, L) => (h(), f(ee, {
-                key: `${u.dataKey}-${L}`
+                style: q({ stroke: Me(x) })
+              }, null, 12, qr)) : j("", !0),
+              (p(!0), f(ee, null, me(o.value, (I, D) => (p(), f(ee, {
+                key: `${u.dataKey}-${D}`
               }, [
-                p.value.chartType === "scatter" ? (h(), f("circle", {
+                h.value.chartType === "scatter" ? (p(), f("circle", {
                   key: 0,
-                  cx: J(L, o.value.length),
-                  cy: ue(b($[u.dataKey]) ?? 0),
+                  cx: J(D, o.value.length),
+                  cy: ue(b(I[u.dataKey]) ?? 0),
                   r: "2.6",
-                  style: q({ fill: Me(v) })
-                }, null, 12, Yr)) : H("", !0)
+                  style: q({ fill: Me(x) })
+                }, null, 12, Yr)) : j("", !0)
               ], 64))), 128))
             ]))), 128)),
-            (h(!0), f(ee, null, me(Ye.value, (u) => (h(), f("circle", {
+            (p(!0), f(ee, null, me(Ye.value, (u) => (p(), f("circle", {
               key: `marker-${u.key}`,
               cx: u.cx,
               cy: u.cy,
@@ -3893,7 +3893,7 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
               style: q({ fill: Me(u.seriesIndex) })
             }, null, 12, Kr))), 128))
           ], 64)),
-          (h(!0), f(ee, null, me(Le.value, (u) => (h(), f("text", {
+          (p(!0), f(ee, null, me(Le.value, (u) => (p(), f("text", {
             key: u.key,
             x: u.x,
             y: u.angled ? B.value.height - B.value.bottom + 12 : B.value.height - 6,
@@ -3901,10 +3901,10 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
             "font-size": "9.5",
             transform: u.angled ? `rotate(${en(Or)} ${u.x} ${B.value.height - B.value.bottom + 12})` : void 0,
             style: q({ fill: ie.value })
-          }, j(u.label), 13, Xr))), 128))
+          }, H(u.label), 13, Xr))), 128))
         ], 12, Hr)),
-        at.value.length > 1 || p.value.chartType !== "bar" ? (h(), f("div", Zr, [
-          (h(!0), f(ee, null, me(at.value, (u) => (h(), f("div", {
+        at.value.length > 1 || h.value.chartType !== "bar" ? (p(), f("div", Zr, [
+          (p(!0), f(ee, null, me(at.value, (u) => (p(), f("div", {
             key: u.key,
             class: "inline-flex items-center gap-1.5 text-[11.5px] leading-none"
           }, [
@@ -3914,31 +3914,31 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
             }, null, 4),
             w("span", {
               style: q({ color: be.value })
-            }, j(u.label), 5),
+            }, H(u.label), 5),
             w("span", {
               class: "font-semibold tabular-nums",
               style: q({ color: K.value })
-            }, j(u.value), 5)
+            }, H(u.value), 5)
           ]))), 128))
-        ])) : H("", !0)
-      ], 8, Br)) : y.value ? (h(), f("div", Jr, [
-        (h(!0), f(ee, null, me(it.value, (u, v) => (h(), f("div", {
+        ])) : j("", !0)
+      ], 8, Br)) : y.value ? (p(), f("div", Jr, [
+        (p(!0), f(ee, null, me(it.value, (u, x) => (p(), f("div", {
           key: u.key
         }, [
           w("div", Qr, [
             w("span", {
               class: "truncate font-medium",
               style: q({ color: K.value })
-            }, j(u.name), 5),
+            }, H(u.name), 5),
             w("span", el, [
               w("span", {
                 class: "font-semibold",
                 style: q({ color: K.value })
-              }, j(u.display), 5),
+              }, H(u.display), 5),
               w("span", {
                 class: "ml-1.5",
                 style: q({ color: be.value })
-              }, j(Math.round(u.percent * 100)) + "%", 5)
+              }, H(Math.round(u.percent * 100)) + "%", 5)
             ])
           ]),
           w("div", {
@@ -3947,12 +3947,12 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
           }, [
             w("div", {
               class: "h-full rounded-full",
-              style: q({ width: `${Math.max(2, u.percent * 100)}%`, background: Me(v) })
+              style: q({ width: `${Math.max(2, u.percent * 100)}%`, background: Me(x) })
             }, null, 4)
           ], 4)
         ]))), 128))
-      ])) : i.value && Oe.value ? (h(), f("div", tl, [
-        (h(), f("svg", {
+      ])) : i.value && Oe.value ? (p(), f("div", tl, [
+        (p(), f("svg", {
           "data-test": "chat-visual-diagram-svg",
           class: "block h-auto w-full overflow-visible",
           viewBox: `0 0 ${Oe.value.width} ${Oe.value.height}`,
@@ -3960,7 +3960,7 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
           role: "img",
           "aria-label": e.value.meta.title
         }, [
-          (h(!0), f(ee, null, me(Oe.value.edges, (u) => (h(), f("line", {
+          (p(!0), f(ee, null, me(Oe.value.edges, (u) => (p(), f("line", {
             key: u.key,
             "data-test": "chat-visual-diagram-edge",
             "data-from": u.from,
@@ -3974,14 +3974,14 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
             "vector-effect": "non-scaling-stroke",
             style: q({ stroke: lt.value })
           }, null, 12, sl))), 128)),
-          (h(!0), f(ee, null, me(Oe.value.edges, (u) => (h(), f("circle", {
+          (p(!0), f(ee, null, me(Oe.value.edges, (u) => (p(), f("circle", {
             key: `${u.key}-dot`,
             cx: u.x2,
             cy: u.y2,
             r: "2.4",
             style: q({ fill: lt.value })
           }, null, 12, al))), 128)),
-          (h(!0), f(ee, null, me(Oe.value.edges.filter((u) => u.label), (u) => (h(), f("foreignObject", {
+          (p(!0), f(ee, null, me(Oe.value.edges.filter((u) => u.label), (u) => (p(), f("foreignObject", {
             key: `${u.key}-label`,
             x: u.labelX - 43,
             y: u.labelY - 11,
@@ -3992,22 +3992,22 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
               xmlns: "http://www.w3.org/1999/xhtml",
               class: "flex h-full items-center justify-center px-1 text-center text-[8.5px] font-medium leading-none",
               style: q({ color: be.value, background: t.inverted ? "var(--color-theme-900)" : "var(--color-theme-0)" })
-            }, j(u.label), 5)
+            }, H(u.label), 5)
           ], 8, il))), 128)),
-          (h(!0), f(ee, null, me(Oe.value.nodes, (u) => (h(), f("g", {
+          (p(!0), f(ee, null, me(Oe.value.nodes, (u) => (p(), f("g", {
             key: u.id,
             "data-test": "chat-visual-diagram-node",
             "data-node-id": u.id,
             "data-node-kind": u.kind,
             transform: `translate(${u.x} ${u.y})`
           }, [
-            u.kind === "decision" ? (h(), f("polygon", {
+            u.kind === "decision" ? (p(), f("polygon", {
               key: 0,
               points: `${u.width / 2},0 ${u.width},${u.height / 2} ${u.width / 2},${u.height} 0,${u.height / 2}`,
               "stroke-width": "1",
               "vector-effect": "non-scaling-stroke",
               style: q({ fill: rt(u.kind), stroke: Ce(u.kind) })
-            }, null, 12, ll)) : (h(), f("rect", {
+            }, null, 12, ll)) : (p(), f("rect", {
               key: 1,
               width: u.width,
               height: u.height,
@@ -4016,7 +4016,7 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
               "vector-effect": "non-scaling-stroke",
               style: q({ fill: rt(u.kind), stroke: Ce(u.kind) })
             }, null, 12, ol)),
-            (h(), f("foreignObject", {
+            (p(), f("foreignObject", {
               x: "8",
               y: "5",
               width: u.width - 16,
@@ -4026,23 +4026,23 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
                 w("div", {
                   class: "line-clamp-2 text-[10.5px] font-semibold leading-tight",
                   style: q({ color: K.value })
-                }, j(u.label), 5),
-                u.detail ? (h(), f("div", {
+                }, H(u.label), 5),
+                u.detail ? (p(), f("div", {
                   key: 0,
                   class: "mt-0.5 line-clamp-1 text-[8.5px] leading-none",
                   style: q({ color: be.value })
-                }, j(u.detail), 5)) : H("", !0)
+                }, H(u.detail), 5)) : j("", !0)
               ])
             ], 8, cl))
           ], 8, rl))), 128))
         ], 12, nl))
-      ])) : H("", !0),
-      e.value.meta.footer ? (h(), f("footer", {
+      ])) : j("", !0),
+      e.value.meta.footer ? (p(), f("footer", {
         key: 3,
         class: "mt-3 text-[11px] leading-snug",
         style: q({ color: ie.value })
-      }, j(e.value.meta.footer), 5)) : H("", !0)
-    ], 12, Nr)) : H("", !0);
+      }, H(e.value.meta.footer), 5)) : j("", !0)
+    ], 12, Nr)) : j("", !0);
   }
 }), hl = ["innerHTML"], Kt = /* @__PURE__ */ Re({
   __name: "ChatRichText",
@@ -4112,7 +4112,7 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
       }
     }
     d(o, "visualPayloadShape");
-    function p(k) {
+    function h(k) {
       if (typeof window > "u") return null;
       try {
         return new URL(k.currentSrc || k.src, window.location.href).host || null;
@@ -4120,10 +4120,10 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
         return null;
       }
     }
-    d(p, "imageHostFromElement");
+    d(h, "imageHostFromElement");
     function c(k) {
       typeof HTMLImageElement > "u" || !(k.target instanceof HTMLImageElement) || typeof console < "u" && console.warn("[chat-image] load_failed", {
-        host: p(k.target),
+        host: h(k.target),
         altPresent: !!k.target.alt?.trim(),
         width: k.target.naturalWidth || null,
         height: k.target.naturalHeight || null
@@ -4133,13 +4133,13 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
     const y = /```(?:pl-visual|pl-platform-visual)[ \t]*(?:\r?\n|$)/;
     function R(k) {
       const { text: A, streaming: E } = k, O = [], Z = /```(?:pl-visual|pl-platform-visual)[ \t]*\r?\n([\s\S]*?)```/g;
-      let C = 0, I = 0, N = Z.exec(A);
+      let C = 0, $ = 0, N = Z.exec(A);
       for (; N !== null; ) {
         const J = A.slice(C, N.index), ue = s(J);
-        ue && O.push({ kind: "markdown", key: `md-${I}`, html: ue });
+        ue && O.push({ kind: "markdown", key: `md-${$}`, html: ue });
         const Ae = Sa(N[1].trim());
         if (Ae.ok)
-          O.push({ kind: "visual", key: `visual-${I}`, result: Ae });
+          O.push({ kind: "visual", key: `visual-${$}`, result: Ae });
         else {
           typeof console < "u" && console.warn("[pl-visual] parse_failed", {
             reason: Ae.reason,
@@ -4149,39 +4149,39 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
             ...o(N[1].trim())
           });
           const Pe = Ae.fallbackMarkdown ? s(Ae.fallbackMarkdown) : "";
-          Pe && O.push({ kind: "markdown", key: `visual-${I}`, html: Pe });
+          Pe && O.push({ kind: "markdown", key: `visual-${$}`, html: Pe });
         }
-        C = N.index + N[0].length, I += 1, N = Z.exec(A);
+        C = N.index + N[0].length, $ += 1, N = Z.exec(A);
       }
       const W = A.slice(C), B = E ? y.exec(W) : null;
       if (B) {
         const J = s(W.slice(0, B.index));
-        return J && O.push({ kind: "markdown", key: `md-${I}`, html: J }), O.push({ kind: "pending-visual", key: `pending-${I}` }), O;
+        return J && O.push({ kind: "markdown", key: `md-${$}`, html: J }), O.push({ kind: "pending-visual", key: `pending-${$}` }), O;
       }
       const V = s(W);
-      return V && O.push({ kind: "markdown", key: `md-${I}`, html: V }), O;
+      return V && O.push({ kind: "markdown", key: `md-${$}`, html: V }), O;
     }
     d(R, "richTextSegments");
     const b = S(() => {
       const k = e.value;
       return k ? R({ text: k, streaming: !!t.streaming }) : [];
     });
-    return (k, A) => (h(), f("div", {
+    return (k, A) => (p(), f("div", {
       class: "chat-msg-rich break-words text-[14px] leading-relaxed @sm/chat:text-[15px] @sm/chat:leading-relaxed",
       onErrorCapture: c
     }, [
-      (h(!0), f(ee, null, me(b.value, (E) => (h(), f(ee, {
+      (p(!0), f(ee, null, me(b.value, (E) => (p(), f(ee, {
         key: E.key
       }, [
-        E.kind === "markdown" ? (h(), f("div", {
+        E.kind === "markdown" ? (p(), f("div", {
           key: 0,
-          class: D(["chat-msg-prose", a.inverted ? "chat-msg-prose-invert" : ""]),
+          class: L(["chat-msg-prose", a.inverted ? "chat-msg-prose-invert" : ""]),
           innerHTML: E.html
-        }, null, 10, hl)) : E.kind === "visual" ? (h(), gt(dl, {
+        }, null, 10, hl)) : E.kind === "visual" ? (p(), gt(dl, {
           key: 1,
           result: E.result,
           inverted: a.inverted
-        }, null, 8, ["result", "inverted"])) : (h(), f("div", {
+        }, null, 8, ["result", "inverted"])) : (p(), f("div", {
           key: 2,
           "data-test": "chat-visual-pending",
           role: "status",
@@ -4215,10 +4215,10 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
       c && (i.value = c.scrollHeight - c.scrollTop - c.clientHeight <= pl);
     }
     d(o, "onScroll");
-    function p() {
+    function h() {
       i.value = !0, l();
     }
-    return d(p, "pin"), t({ pin: p }), tn(() => {
+    return d(h, "pin"), t({ pin: h }), tn(() => {
       requestAnimationFrame(() => {
         l(), requestAnimationFrame(l);
       }), n.value && (s = new ResizeObserver(() => {
@@ -4226,10 +4226,10 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
       }), s.observe(n.value));
     }), Hs(() => {
       s?.disconnect();
-    }), (c, y) => (h(), f("div", {
+    }), (c, y) => (p(), f("div", {
       ref_key: "viewport",
       ref: e,
-      class: D(["overflow-y-auto overflow-x-hidden min-h-0 flex flex-col [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden", i.value ? "[overflow-anchor:none]" : ""]),
+      class: L(["overflow-y-auto overflow-x-hidden min-h-0 flex flex-col [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden", i.value ? "[overflow-anchor:none]" : ""]),
       onScrollPassive: o
     }, [
       w("div", {
@@ -4258,40 +4258,37 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
 }, Sl = { class: "relative mb-4 size-20 @sm/chat:size-24" }, Al = ["src", "alt"], _l = ["title"], El = {
   key: 0,
   class: "flex items-center gap-3 py-3 px-2"
-}, Rl = ["data-journal-outcome"], Ml = ["data-message-id", "data-message-sender", "data-conversation-id", "data-message-sequence", "data-system-kind", "data-issue-code", "data-issue-bucket", "data-issue-action-label", "data-issue-action-url", "data-streaming"], Cl = { class: "max-w-[85%] min-w-0" }, Il = ["href"], $l = ["data-message-id", "data-message-sender", "data-conversation-id", "data-message-sequence", "data-system-kind", "data-issue-code", "data-issue-bucket", "data-streaming"], Dl = ["data-test", "data-message-id", "data-message-sender", "data-conversation-id", "data-message-sequence", "data-system-kind", "data-streaming"], Ll = {
-  key: 0,
-  class: "flex-shrink-0 size-7 @sm/chat:size-8"
-}, Ol = ["src", "alt"], zl = ["src", "alt"], Nl = ["src"], Pl = ["href"], Bl = {
+}, Rl = ["data-journal-outcome"], Ml = ["data-message-id", "data-message-sender", "data-conversation-id", "data-message-sequence", "data-system-kind", "data-issue-code", "data-issue-bucket", "data-issue-action-label", "data-issue-action-url", "data-streaming"], Cl = { class: "max-w-[85%] min-w-0" }, Il = ["href"], $l = ["data-message-id", "data-message-sender", "data-conversation-id", "data-message-sequence", "data-system-kind", "data-issue-code", "data-issue-bucket", "data-streaming"], Dl = ["data-test", "data-message-id", "data-message-sender", "data-conversation-id", "data-message-sequence", "data-system-kind", "data-streaming"], Ll = ["src", "alt"], Ol = ["src"], zl = ["href"], Nl = {
   key: 0,
   "data-test": "messaging-message-text-part"
-}, Fl = ["src", "alt", "data-attachment-placement"], Ul = ["src", "data-attachment-placement"], Hl = ["href", "data-attachment-placement"], jl = ["data-journal-outcome"], Wl = {
+}, Pl = ["src", "alt", "data-attachment-placement"], Bl = ["src", "data-attachment-placement"], Fl = ["href", "data-attachment-placement"], Ul = ["data-journal-outcome"], Hl = {
   key: 2,
   "data-test": "messaging-tool-activity-tail",
   "aria-label": "Assistant is still working",
   class: "mb-4 grid h-[17px] w-5 place-items-center"
-}, Gl = ["data-journal-outcome"], Vl = ["data-working-description"], ql = { class: "truncate" }, Yl = ["data-issue-code"], Kl = ["href"], Xl = {
+}, jl = ["data-journal-outcome"], Wl = ["data-working-description"], Gl = { class: "truncate" }, Vl = ["data-issue-code"], ql = ["href"], Yl = {
   key: 3,
   "data-test": "messaging-thinking-indicator",
   class: "flex gap-2 justify-start items-center mb-4"
-}, Zl = ["src", "alt"], Jl = {
+}, Kl = {
   key: 0,
   class: "flex items-center gap-2 px-2 pb-2 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"
-}, Ql = ["src", "alt"], eo = { class: "max-w-20 truncate" }, to = ["onClick"], no = {
+}, Xl = ["src", "alt"], Zl = { class: "max-w-20 truncate" }, Jl = ["onClick"], Ql = {
   key: 0,
   class: "shrink-0 flex items-center justify-center size-14"
-}, so = ["data-composer-action"], ao = ["disabled", "aria-label", "title"], io = {
+}, eo = ["data-composer-action"], to = ["disabled", "aria-label", "title"], no = {
   key: 0,
   class: "i-svg-spinners-ring-resize size-4"
-}, ro = {
+}, so = {
   key: 1,
   class: "i-tabler-paperclip size-5"
-}, lo = { class: "sr-only" }, oo = ["placeholder", "disabled"], co = { class: "font-mono text-sm tabular-nums" }, uo = ["aria-label", "title"], ho = { class: "sr-only" }, po = ["data-composer-action", "disabled", "aria-label", "title"], fo = {
+}, ao = { class: "sr-only" }, io = ["placeholder", "disabled"], ro = { class: "font-mono text-sm tabular-nums" }, lo = ["aria-label", "title"], oo = { class: "sr-only" }, co = ["data-composer-action", "disabled", "aria-label", "title"], uo = {
   key: 0,
   class: "i-tabler-player-stop-filled size-4"
-}, mo = {
+}, ho = {
   key: 1,
   class: "i-tabler-arrow-up size-5"
-}, go = { class: "sr-only" }, Ro = /* @__PURE__ */ Re({
+}, po = { class: "sr-only" }, Ao = /* @__PURE__ */ Re({
   __name: "ElAgentChat",
   props: {
     chatController: {},
@@ -4317,33 +4314,33 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
       return _ ? /\[[^\]]+\]\([^)]+\)/.test(_) : !1;
     }
     d(o, "containsMarkdownLink");
-    function p(_) {
+    function h(_) {
       return _.sender === "system" && (!!_.issue || _.id === se.value);
     }
-    d(p, "isSystemExplainerMessage");
+    d(h, "isSystemExplainerMessage");
     function c(_, m) {
       const T = _[m], ae = _[m + 1];
       return !ae || ae.sender !== T.sender;
     }
-    d(c, "shouldShowAvatar");
+    d(c, "isGroupEnd");
     const y = S(() => a.chatController?.textState.value), R = S(() => y.value?.isConnected ?? !1), b = S(() => y.value?.isThinking ?? !1), k = S(() => y.value?.connectionStatus === "disconnected" && !!y.value?.error), A = S(() => y.value?.connectionStatus !== "connected" && !y.value?.error), E = S(() => y.value?.error), O = S(() => a.chatController?.liveTurnBlocks?.value ?? []), Z = S(() => {
       for (let _ = O.value.length - 1; _ >= 0; _--) {
         const m = O.value[_];
         if (m?.kind === "text")
           return m.id;
       }
-    }), C = S(() => a.chatController?.liveStreamMessageId?.value), I = S(() => {
+    }), C = S(() => a.chatController?.liveStreamMessageId?.value), $ = S(() => {
       const _ = a.chatController?.sharedMessages.value ?? [];
       return O.value.length && C.value ? _.filter((m) => m.id !== C.value) : _;
     }), N = S(() => a.chatController?.workJournal?.value ? void 0 : y.value?.workingDescription?.trim() || void 0), W = S(() => a.chatController?.workJournal?.value), B = S(() => {
       if (!W.value && !O.value.length)
         return;
-      const _ = I.value, m = _[_.length - 1];
+      const _ = $.value, m = _[_.length - 1];
       if (m)
         return m.sender === "agent" || m.sender === "system" ? _.length >= 2 ? _[_.length - 2].id : void 0 : m.id;
     }), V = S(() => {
       const _ = {};
-      for (const m of I.value) {
+      for (const m of $.value) {
         if (m.sender === "user" || !m.toolActivities?.length)
           continue;
         const T = a.chatController?.workJournalFor?.({
@@ -4400,7 +4397,7 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
     d(St, "messageRenderParts");
     const Le = S(() => y.value?.transientIssue), se = S(() => {
       if (!b.value) return;
-      const _ = I.value, m = _[_.length - 1];
+      const _ = $.value, m = _[_.length - 1];
       return m?.sender === "agent" || m?.sender === "system" ? m.id : void 0;
     }), at = S(() => !b.value || N.value || W.value || O.value.length ? !1 : se.value === void 0), Ye = S(() => y.value?.sendBlockedReason), it = S(() => !R.value || Ye.value !== void 0), Oe = S(() => k.value ? "Agent is offline" : A.value ? "Connecting..." : Ye.value === "agent_deleted" ? "This assistant was deleted" : Ye.value === "account" ? "Open billing to keep chatting" : "Message"), vt = S(() => a.chatController?.composerState?.value ?? {
       text: "",
@@ -4409,9 +4406,9 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
     }), xt = S({
       get: /* @__PURE__ */ d(() => vt.value.text, "get"),
       set: /* @__PURE__ */ d((_) => a.chatController?.setComposerText?.({ text: _ }), "set")
-    }), Me = S(() => vt.value.pendingAttachments), rt = S(() => vt.value.isUploading), Ce = S(() => a.chatController?.voiceRecorder), K = S(() => Ce.value?.isBusy.value ?? !1), be = S(() => a.chatController?.canAttachFile?.value ?? !1), ie = S(() => a.chatController?.canRecordAudio?.value ?? !1), Ie = S(() => a.chatController?.composerAction?.value ?? "idle"), re = S(() => Ie.value !== "idle"), Be = S(() => Ie.value === "stop" ? "Stop reply" : "Send message"), lt = S(() => Ie.value === "idle" && ie.value && !K.value && !!Ce.value?.canUseBrowserRecording), ye = S(() => Ce.value?.isActive.value ?? !1), g = S(() => Ce.value?.elapsedLabel.value ?? "0:00"), M = S(() => Ce.value?.statusText.value ?? "Release to send"), u = S(() => Ce.value?.state.value.phase === "sending" ? "Sending voice message" : ye.value ? "Release to send voice message" : "Hold to record voice message"), v = S(() => a.variant === "light"), $ = S(
-      () => v.value ? "bg-gradient-to-r from-transparent via-black/5 to-transparent" : "bg-gradient-to-r from-transparent via-white/5 to-transparent"
-    ), L = S(() => v.value ? "text-theme-300" : "text-white/30");
+    }), Me = S(() => vt.value.pendingAttachments), rt = S(() => vt.value.isUploading), Ce = S(() => a.chatController?.voiceRecorder), K = S(() => Ce.value?.isBusy.value ?? !1), be = S(() => a.chatController?.canAttachFile?.value ?? !1), ie = S(() => a.chatController?.canRecordAudio?.value ?? !1), Ie = S(() => a.chatController?.composerAction?.value ?? "idle"), re = S(() => Ie.value !== "idle"), Be = S(() => Ie.value === "stop" ? "Stop reply" : "Send message"), lt = S(() => Ie.value === "idle" && ie.value && !K.value && !!Ce.value?.canUseBrowserRecording), ye = S(() => Ce.value?.isActive.value ?? !1), g = S(() => Ce.value?.elapsedLabel.value ?? "0:00"), M = S(() => Ce.value?.statusText.value ?? "Release to send"), u = S(() => Ce.value?.state.value.phase === "sending" ? "Sending voice message" : ye.value ? "Release to send voice message" : "Hold to record voice message"), x = S(() => a.variant === "light"), I = S(
+      () => x.value ? "bg-gradient-to-r from-transparent via-black/5 to-transparent" : "bg-gradient-to-r from-transparent via-white/5 to-transparent"
+    ), D = S(() => x.value ? "text-theme-300" : "text-white/30");
     tn(async () => {
       a.chatController && !R.value && await a.chatController.startTextConversation();
     }), Ps(() => {
@@ -4479,8 +4476,8 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
         ...Ze ? {} : { year: "numeric" }
       })}, ${oe}`;
     }
-    return d(Xe, "formatTimeDivider"), (_, m) => (h(), f("div", ml, [
-      v.value ? a.showHeader ? (h(), f("div", vl, [
+    return d(Xe, "formatTimeDivider"), (_, m) => (p(), f("div", ml, [
+      x.value ? a.showHeader ? (p(), f("div", vl, [
         w("div", xl, [
           Ne(ei, {
             agent: a.agent,
@@ -4489,37 +4486,37 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
             class: "size-10"
           }, null, 8, ["agent"]),
           w("div", bl, [
-            w("div", yl, j(a.agent.displayName.value), 1),
-            w("div", kl, j(a.agent.title.value || "Assistant"), 1)
+            w("div", yl, H(a.agent.displayName.value), 1),
+            w("div", kl, H(a.agent.title.value || "Assistant"), 1)
           ]),
-          a.headerMeta ? (h(), f("span", wl, j(a.headerMeta), 1)) : H("", !0)
+          a.headerMeta ? (p(), f("span", wl, H(a.headerMeta), 1)) : j("", !0)
         ])
-      ])) : H("", !0) : (h(), f("div", gl, [
+      ])) : j("", !0) : (p(), f("div", gl, [
         Ne(qa, {
           agent: a.agent,
           "is-online": R.value
         }, null, 8, ["agent", "is-online"])
       ])),
-      k.value ? (h(), f("div", {
+      k.value ? (p(), f("div", {
         key: 2,
-        class: D(["py-16 flex flex-col items-center justify-center gap-3 text-sm", v.value ? "text-theme-400" : "text-white/60"])
+        class: L(["py-16 flex flex-col items-center justify-center gap-3 text-sm", x.value ? "text-theme-400" : "text-white/60"])
       }, [
         w("i", {
-          class: D(["i-heroicons-cloud-arrow-down size-8", v.value ? "text-theme-300" : "text-white/40"])
+          class: L(["i-heroicons-cloud-arrow-down size-8", x.value ? "text-theme-300" : "text-white/40"])
         }, null, 2),
-        w("span", null, j(E.value), 1)
-      ], 2)) : A.value ? (h(), f("div", {
+        w("span", null, H(E.value), 1)
+      ], 2)) : A.value ? (p(), f("div", {
         key: 3,
-        class: D(["py-16 flex flex-col items-center justify-center gap-2 text-sm", v.value ? "text-theme-400" : "text-theme-600"])
+        class: L(["py-16 flex flex-col items-center justify-center gap-2 text-sm", x.value ? "text-theme-400" : "text-theme-600"])
       }, [
         Ne(En, { class: "size-4" })
-      ], 2)) : a.setupHint ? (h(), f("div", {
+      ], 2)) : a.setupHint ? (p(), f("div", {
         key: 4,
-        class: D(["flex items-center justify-center gap-1.5 py-2 text-[11px]", L.value])
+        class: L(["flex items-center justify-center gap-1.5 py-2 text-[11px]", D.value])
       }, [
         m[19] || (m[19] = w("i", { class: "i-tabler-tool size-3" }, null, -1)),
-        w("span", null, j(a.setupHint), 1)
-      ], 2)) : H("", !0),
+        w("span", null, H(a.setupHint), 1)
+      ], 2)) : j("", !0),
       Ne(fl, {
         ref_key: "chatScroller",
         ref: i,
@@ -4527,64 +4524,64 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
       }, {
         default: Bs(() => [
           w("div", {
-            class: D(I.value.length === 0 ? "flex-1 flex flex-col items-center justify-center px-3 pb-[112px]" : "pt-4 pb-[120px] px-3 space-y-2")
+            class: L($.value.length === 0 ? "flex-1 flex flex-col items-center justify-center px-3 pb-[112px]" : "pt-4 pb-[120px] px-3 space-y-2")
           }, [
-            I.value.length === 0 && !A.value && !k.value ? (h(), f("div", Tl, [
+            $.value.length === 0 && !A.value && !k.value ? (p(), f("div", Tl, [
               w("div", Sl, [
                 w("img", {
                   src: a.agent.avatarUrl.value,
                   alt: a.agent.displayName.value,
-                  class: D(["size-full rounded-full object-cover ring-1", v.value ? "ring-black/5" : "ring-white/10"])
+                  class: L(["size-full rounded-full object-cover ring-1", x.value ? "ring-black/5" : "ring-white/10"])
                 }, null, 10, Al),
-                R.value ? (h(), f("span", {
+                R.value ? (p(), f("span", {
                   key: 0,
-                  class: D(["absolute top-[85%] left-[85%] -translate-x-1/2 -translate-y-1/2 size-[18%] min-w-2.5 min-h-2.5 flex items-center justify-center rounded-full", v.value ? "bg-white" : "bg-theme-900"])
+                  class: L(["absolute top-[85%] left-[85%] -translate-x-1/2 -translate-y-1/2 size-[18%] min-w-2.5 min-h-2.5 flex items-center justify-center rounded-full", x.value ? "bg-white" : "bg-theme-900"])
                 }, [...m[20] || (m[20] = [
                   w("span", { class: "size-[70%] inline-flex rounded-full bg-emerald-500" }, null, -1)
-                ])], 2)) : H("", !0)
+                ])], 2)) : j("", !0)
               ]),
               w("div", {
-                class: D(["text-base @sm/chat:text-lg font-semibold", v.value ? "text-theme-900" : "text-white"])
-              }, j(a.agent.displayName.value), 3),
+                class: L(["text-base @sm/chat:text-lg font-semibold", x.value ? "text-theme-900" : "text-white"])
+              }, H(a.agent.displayName.value), 3),
               w("p", {
-                class: D(["mt-1 text-center text-xs @sm/chat:text-sm", L.value])
-              }, j(a.emptyStateMessage || "Type your message to get started."), 3),
+                class: L(["mt-1 text-center text-xs @sm/chat:text-sm", D.value])
+              }, H(a.emptyStateMessage || "Type your message to get started."), 3),
               w("div", {
-                class: D(["inline-flex items-center gap-1.5 mt-5 px-2.5 py-1 rounded-full text-[11px]", v.value ? "bg-theme-50 border border-theme-100 text-theme-400" : "bg-white/10 border border-white/20 text-white/40"]),
+                class: L(["inline-flex items-center gap-1.5 mt-5 px-2.5 py-1 rounded-full text-[11px]", x.value ? "bg-theme-50 border border-theme-100 text-theme-400" : "bg-white/10 border border-white/20 text-white/40"]),
                 title: e.value.tooltip
               }, [
                 w("i", {
-                  class: D([e.value.icon, "size-3"])
+                  class: L([e.value.icon, "size-3"])
                 }, null, 2),
-                w("span", null, j(e.value.label), 1)
+                w("span", null, H(e.value.label), 1)
               ], 10, _l)
-            ])) : H("", !0),
-            (h(!0), f(ee, null, me(I.value, (T, ae) => (h(), f(ee, {
+            ])) : j("", !0),
+            (p(!0), f(ee, null, me($.value, (T, ae) => (p(), f(ee, {
               key: T.id
             }, [
-              Fe(I.value, ae) ? (h(), f("div", El, [
+              Fe($.value, ae) ? (p(), f("div", El, [
                 w("div", {
-                  class: D(["flex-1 h-px", $.value])
+                  class: L(["flex-1 h-px", I.value])
                 }, null, 2),
                 w("span", {
-                  class: D(["text-[10px] @sm/chat:text-[11px] font-medium shrink-0 tracking-widest uppercase", L.value])
-                }, j(Fe(I.value, ae)), 3),
+                  class: L(["text-[10px] @sm/chat:text-[11px] font-medium shrink-0 tracking-widest uppercase", D.value])
+                }, H(Fe($.value, ae)), 3),
                 w("div", {
-                  class: D(["flex-1 h-px", $.value])
+                  class: L(["flex-1 h-px", I.value])
                 }, null, 2)
-              ])) : H("", !0),
-              J(T) ? (h(), f("div", {
+              ])) : j("", !0),
+              J(T) ? (p(), f("div", {
                 key: 1,
                 "data-test": "messaging-message-tool-activity",
                 "data-journal-outcome": J(T)?.outcome,
-                class: "mb-4 mr-4 w-[calc(100%-1rem)] max-w-[306px]"
+                class: "mb-4 w-full"
               }, [
                 Ne(Mn, {
                   model: J(T),
-                  "is-light": v.value
+                  "is-light": x.value
                 }, null, 8, ["model", "is-light"])
-              ], 8, Rl)) : H("", !0),
-              p(T) ? (h(), f("div", {
+              ], 8, Rl)) : j("", !0),
+              h(T) ? (p(), f("div", {
                 key: 2,
                 "data-test": "messaging-system-msg",
                 "data-message-id": T.id,
@@ -4601,37 +4598,37 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
               }, [
                 w("div", Cl, [
                   w("div", {
-                    class: D(["mb-1 pl-1 text-[11px] font-medium", v.value ? "text-theme-500" : "text-white/45"])
+                    class: L(["mb-1 pl-1 text-[11px] font-medium", x.value ? "text-theme-500" : "text-white/45"])
                   }, " System Message ", 2),
                   w("div", {
-                    class: D(["rounded-2xl rounded-bl-[4px] px-3.5 py-2 border system-msg-content", v.value ? "bg-theme-100 border-theme-200 text-theme-800" : "bg-white/[0.18] border-white/15 text-white/90"])
+                    class: L(["rounded-2xl rounded-bl-[4px] px-3.5 py-2 border system-msg-content", x.value ? "bg-theme-100 border-theme-200 text-theme-800" : "bg-white/[0.18] border-white/15 text-white/90"])
                   }, [
-                    T.text ? (h(), gt(Kt, {
+                    T.text ? (p(), gt(Kt, {
                       key: 0,
                       text: T.text,
-                      inverted: !v.value,
+                      inverted: !x.value,
                       streaming: T.id === se.value,
                       onClick: m[0] || (m[0] = De(() => {
                       }, ["stop"]))
-                    }, null, 8, ["text", "inverted", "streaming"])) : T.issue?.help ? (h(), gt(Kt, {
+                    }, null, 8, ["text", "inverted", "streaming"])) : T.issue?.help ? (p(), gt(Kt, {
                       key: 1,
                       text: T.issue.help,
-                      inverted: !v.value
-                    }, null, 8, ["text", "inverted"])) : H("", !0),
-                    T.issue?.actionUrl && !o(T.text) ? (h(), f("a", {
+                      inverted: !x.value
+                    }, null, 8, ["text", "inverted"])) : j("", !0),
+                    T.issue?.actionUrl && !o(T.text) ? (p(), f("a", {
                       key: 2,
                       href: T.issue.actionUrl,
                       "data-test": "messaging-system-msg-action",
-                      class: D(["mt-2 text-[12px] font-medium inline-flex items-center gap-1", v.value ? "text-theme-900 hover:text-theme-700" : "text-white hover:text-white/80"]),
+                      class: L(["mt-2 text-[12px] font-medium inline-flex items-center gap-1", x.value ? "text-theme-900 hover:text-theme-700" : "text-white hover:text-white/80"]),
                       onClick: m[1] || (m[1] = De(() => {
                       }, ["stop"]))
                     }, [
-                      st(j(T.issue.actionLabel) + " ", 1),
+                      st(H(T.issue.actionLabel) + " ", 1),
                       m[21] || (m[21] = w("i", { class: "i-tabler-arrow-right size-3" }, null, -1))
-                    ], 10, Il)) : H("", !0)
+                    ], 10, Il)) : j("", !0)
                   ], 2)
                 ])
-              ], 8, Ml)) : T.sender === "system" ? (h(), f("div", {
+              ], 8, Ml)) : T.sender === "system" ? (p(), f("div", {
                 key: 3,
                 "data-test": "messaging-system-status-msg",
                 "data-message-id": T.id,
@@ -4642,16 +4639,16 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
                 "data-issue-code": T.issue?.code,
                 "data-issue-bucket": T.issue?.bucket,
                 "data-streaming": T.id === se.value ? "true" : void 0,
-                class: D(["flex items-start gap-2 px-3 py-2 text-[13px] leading-relaxed", v.value ? "text-theme-500" : "text-white/60"])
+                class: L(["flex items-start gap-2 px-3 py-2 text-[13px] leading-relaxed", x.value ? "text-theme-500" : "text-white/60"])
               }, [
                 m[22] || (m[22] = w("i", { class: "i-tabler-info-circle size-4 mt-0.5 shrink-0" }, null, -1)),
                 Ne(Kt, {
                   text: T.text,
-                  inverted: !v.value,
+                  inverted: !x.value,
                   onClick: m[2] || (m[2] = De(() => {
                   }, ["stop"]))
                 }, null, 8, ["text", "inverted"])
-              ], 10, $l)) : (h(), f("div", {
+              ], 10, $l)) : (p(), f("div", {
                 key: 4,
                 "data-test": T.sender === "agent" ? "messaging-assistant-msg" : T.sender === "user" ? "messaging-user-msg" : void 0,
                 "data-message-id": T.id,
@@ -4660,236 +4657,223 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
                 "data-message-sequence": T.sequence,
                 "data-system-kind": T.systemKind,
                 "data-streaming": T.id === se.value ? "true" : void 0,
-                class: D(["flex gap-2 items-end", {
+                class: L(["flex gap-2 items-end", {
                   "justify-end": T.sender === "user",
                   "justify-start": T.sender === "agent",
                   // Group-aware rhythm: tight (space-y) within a speaker's turn,
                   // generous at the boundary between speakers (end of a group).
-                  "mb-6": c(I.value, ae)
+                  "mb-6": c($.value, ae)
                 }])
               }, [
-                T.sender === "agent" ? (h(), f("div", Ll, [
-                  c(I.value, ae) ? (h(), f("img", {
-                    key: 0,
-                    src: a.agent.avatarUrl.value,
-                    alt: a.agent.displayName.value,
-                    class: D(["size-6 @sm/chat:size-7 rounded-full object-cover shadow-sm", v.value ? "ring-1 ring-black/5" : ""])
-                  }, null, 10, Ol)) : H("", !0)
-                ])) : H("", !0),
                 w("div", {
                   "data-test": "messaging-message-body",
-                  class: D(T.sender === "user" ? "max-w-[min(75%,22rem)]" : "max-w-[min(82%,68ch)]")
+                  class: L(T.sender === "user" ? "max-w-[min(75%,22rem)]" : "max-w-[min(82%,68ch)]")
                 }, [
-                  Pe(T).length ? (h(), f("div", {
+                  Pe(T).length ? (p(), f("div", {
                     key: 0,
-                    class: D(["mb-1 space-y-1", T.sender === "user" ? "flex flex-col items-end" : ""])
+                    class: L(["mb-1 space-y-1", T.sender === "user" ? "flex flex-col items-end" : ""])
                   }, [
-                    (h(!0), f(ee, null, me(Pe(T), ({ attachment: U, index: oe }) => (h(), f(ee, {
+                    (p(!0), f(ee, null, me(Pe(T), ({ attachment: U, index: oe }) => (p(), f(ee, {
                       key: Ae(U, oe)
                     }, [
-                      U.type === "image" ? (h(), f("img", {
+                      U.type === "image" ? (p(), f("img", {
                         key: 0,
                         src: U.src,
                         alt: U.filename,
                         "data-test": "messaging-attachment",
                         "data-attachment-placement": "block",
                         class: "rounded-xl object-cover max-h-48 max-w-[240px] @sm/chat:max-w-[320px]"
-                      }, null, 8, zl)) : U.type === "audio" ? (h(), f("audio", {
+                      }, null, 8, Ll)) : U.type === "audio" ? (p(), f("audio", {
                         key: 1,
                         src: U.src,
                         controls: "",
                         "data-test": "messaging-attachment",
                         "data-attachment-placement": "block",
                         class: "max-w-full"
-                      }, null, 8, Nl)) : (h(), f("a", {
+                      }, null, 8, Ol)) : (p(), f("a", {
                         key: 2,
                         href: U.src,
                         target: "_blank",
                         rel: "noopener",
                         "data-test": "messaging-attachment",
                         "data-attachment-placement": "block",
-                        class: D(["inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs", v.value ? "bg-theme-100 text-theme-600 hover:bg-theme-200" : "bg-white/10 text-white/80 hover:bg-white/20"])
+                        class: L(["inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs", x.value ? "bg-theme-100 text-theme-600 hover:bg-theme-200" : "bg-white/10 text-white/80 hover:bg-white/20"])
                       }, [
                         m[23] || (m[23] = w("i", { class: "i-tabler-file size-3.5" }, null, -1)),
-                        st(" " + j(U.filename), 1)
-                      ], 10, Pl))
+                        st(" " + H(U.filename), 1)
+                      ], 10, zl))
                     ], 64))), 128))
-                  ], 2)) : H("", !0),
-                  St(T).length ? (h(), f("div", {
+                  ], 2)) : j("", !0),
+                  St(T).length ? (p(), f("div", {
                     key: 1,
                     "data-test": "messaging-message-content",
-                    class: D(
-                      T.sender === "user" ? v.value ? "rounded-2xl px-3.5 py-2 bg-theme-900 text-theme-0" : "rounded-2xl px-3.5 py-2 bg-theme-0 text-theme-950" : v.value ? "text-theme-800" : "text-white/95"
+                    class: L(
+                      T.sender === "user" ? x.value ? "rounded-2xl px-3.5 py-2 bg-theme-900 text-theme-0" : "rounded-2xl px-3.5 py-2 bg-theme-0 text-theme-950" : x.value ? "text-theme-800" : "text-white/95"
                     )
                   }, [
-                    (h(!0), f(ee, null, me(St(T), (U) => (h(), f(ee, {
+                    (p(!0), f(ee, null, me(St(T), (U) => (p(), f(ee, {
                       key: U.key
                     }, [
-                      U.kind === "text" && U.text ? (h(), f("div", Bl, [
+                      U.kind === "text" && U.text ? (p(), f("div", Nl, [
                         Ne(Kt, {
                           text: U.text,
-                          inverted: T.sender === "user" || !v.value,
+                          inverted: T.sender === "user" || !x.value,
                           streaming: T.id === se.value,
                           onClick: m[3] || (m[3] = De(() => {
                           }, ["stop"]))
                         }, null, 8, ["text", "inverted", "streaming"])
-                      ])) : U.kind === "attachment" && U.attachment.type === "image" ? (h(), f("img", {
+                      ])) : U.kind === "attachment" && U.attachment.type === "image" ? (p(), f("img", {
                         key: 1,
                         src: U.attachment.src,
                         alt: U.attachment.filename,
                         "data-test": "messaging-attachment",
                         "data-attachment-placement": U.placement,
                         class: "my-2 rounded-xl object-cover max-h-48 max-w-[240px] @sm/chat:max-w-[320px]"
-                      }, null, 8, Fl)) : U.kind === "attachment" && U.attachment.type === "audio" ? (h(), f("audio", {
+                      }, null, 8, Pl)) : U.kind === "attachment" && U.attachment.type === "audio" ? (p(), f("audio", {
                         key: 2,
                         src: U.attachment.src,
                         controls: "",
                         "data-test": "messaging-attachment",
                         "data-attachment-placement": U.placement,
                         class: "my-2 max-w-full"
-                      }, null, 8, Ul)) : U.kind === "attachment" ? (h(), f("a", {
+                      }, null, 8, Bl)) : U.kind === "attachment" ? (p(), f("a", {
                         key: 3,
                         href: U.attachment.src,
                         target: "_blank",
                         rel: "noopener",
                         "data-test": "messaging-attachment",
                         "data-attachment-placement": U.placement,
-                        class: D(["my-2 inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs", v.value ? "bg-theme-100 text-theme-600 hover:bg-theme-200" : "bg-white/10 text-white/80 hover:bg-white/20"])
+                        class: L(["my-2 inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs", x.value ? "bg-theme-100 text-theme-600 hover:bg-theme-200" : "bg-white/10 text-white/80 hover:bg-white/20"])
                       }, [
                         m[24] || (m[24] = w("i", { class: "i-tabler-file size-3.5" }, null, -1)),
-                        st(" " + j(U.attachment.filename), 1)
-                      ], 10, Hl)) : H("", !0)
+                        st(" " + H(U.attachment.filename), 1)
+                      ], 10, Fl)) : j("", !0)
                     ], 64))), 128))
-                  ], 2)) : H("", !0)
+                  ], 2)) : j("", !0)
                 ], 2)
               ], 10, Dl)),
-              T.id === B.value ? (h(), f(ee, { key: 5 }, [
-                O.value.length ? (h(!0), f(ee, { key: 0 }, me(O.value, (U) => (h(), f(ee, {
+              T.id === B.value ? (p(), f(ee, { key: 5 }, [
+                O.value.length ? (p(!0), f(ee, { key: 0 }, me(O.value, (U) => (p(), f(ee, {
                   key: U.id
                 }, [
-                  U.kind === "work" ? (h(), f("div", {
+                  U.kind === "work" ? (p(), f("div", {
                     key: 0,
                     "data-test": "messaging-tool-activity",
                     "data-journal-outcome": U.journal.outcome,
-                    class: "mb-4 mr-4 w-[calc(100%-1rem)] max-w-[306px]"
+                    class: "mb-4 w-full"
                   }, [
                     Ne(Mn, {
                       model: U.journal,
-                      "is-light": v.value
+                      "is-light": x.value
                     }, null, 8, ["model", "is-light"])
-                  ], 8, jl)) : U.kind === "text" && U.content ? (h(), f("div", {
+                  ], 8, Ul)) : U.kind === "text" && U.content ? (p(), f("div", {
                     key: 1,
                     "data-test": "messaging-live-text-block",
-                    class: D(["mb-4", v.value ? "text-theme-800" : "text-white/95"])
+                    class: L(["mb-4", x.value ? "text-theme-800" : "text-white/95"])
                   }, [
                     Ne(Kt, {
                       text: U.content,
-                      inverted: !v.value,
+                      inverted: !x.value,
                       streaming: U.id === Z.value,
                       onClick: m[4] || (m[4] = De(() => {
                       }, ["stop"]))
                     }, null, 8, ["text", "inverted", "streaming"])
-                  ], 2)) : (h(), f("div", Wl, [
+                  ], 2)) : (p(), f("div", Hl, [
                     Ne(En, {
-                      class: D(["size-3.5", v.value ? "text-theme-500" : "text-white/70"])
+                      class: L(["size-3.5", x.value ? "text-theme-500" : "text-white/70"])
                     }, null, 8, ["class"])
                   ]))
-                ], 64))), 128)) : W.value ? (h(), f("div", {
+                ], 64))), 128)) : W.value ? (p(), f("div", {
                   key: 1,
                   "data-test": "messaging-tool-activity",
                   "data-journal-outcome": W.value.outcome,
-                  class: "mb-4 mr-4 w-[calc(100%-1rem)] max-w-[306px]"
+                  class: "mb-4 w-full"
                 }, [
                   Ne(Mn, {
                     model: W.value,
-                    "is-light": v.value
+                    "is-light": x.value
                   }, null, 8, ["model", "is-light"])
-                ], 8, Gl)) : H("", !0)
-              ], 64)) : H("", !0)
+                ], 8, jl)) : j("", !0)
+              ], 64)) : j("", !0)
             ], 64))), 128)),
-            N.value ? (h(), f("div", {
+            N.value ? (p(), f("div", {
               key: 1,
               "data-test": "messaging-working-state",
               "data-working-description": N.value,
-              class: D(["flex items-center gap-1.5 pl-2 pr-3 pb-1 mb-3 text-[12px] leading-none", v.value ? "text-theme-500" : "text-white/45"])
+              class: L(["flex items-center gap-1.5 pl-2 pr-3 pb-1 mb-3 text-[12px] leading-none", x.value ? "text-theme-500" : "text-white/45"])
             }, [
               m[25] || (m[25] = w("i", {
                 class: "i-tabler-loader-2 size-3.5 shrink-0 animate-spin opacity-70",
                 "aria-hidden": "true"
               }, null, -1)),
-              w("span", ql, j(N.value), 1)
-            ], 10, Vl)) : H("", !0),
-            Le.value ? (h(), f("div", {
+              w("span", Gl, H(N.value), 1)
+            ], 10, Wl)) : j("", !0),
+            Le.value ? (p(), f("div", {
               key: 2,
               "data-test": "messaging-transient-issue",
               "data-issue-code": Le.value.code,
-              class: D(["flex items-center gap-1.5 pl-2 pr-3 pb-1 mb-3 text-[12px] leading-snug", v.value ? "text-theme-600" : "text-white/60"])
+              class: L(["flex items-center gap-1.5 pl-2 pr-3 pb-1 mb-3 text-[12px] leading-snug", x.value ? "text-theme-600" : "text-white/60"])
             }, [
               m[26] || (m[26] = w("i", {
                 class: "i-tabler-alert-circle size-3.5 shrink-0 text-red-500",
                 "aria-hidden": "true"
               }, null, -1)),
               w("span", null, [
-                st(j(Le.value.message), 1),
-                Le.value.help ? (h(), f(ee, { key: 0 }, [
-                  st(j(Le.value.help), 1)
-                ], 64)) : H("", !0)
+                st(H(Le.value.message), 1),
+                Le.value.help ? (p(), f(ee, { key: 0 }, [
+                  st(H(Le.value.help), 1)
+                ], 64)) : j("", !0)
               ]),
-              Le.value.actionUrl && Le.value.actionLabel ? (h(), f("a", {
+              Le.value.actionUrl && Le.value.actionLabel ? (p(), f("a", {
                 key: 0,
                 href: Le.value.actionUrl,
                 class: "shrink-0 underline underline-offset-2",
                 onClick: m[5] || (m[5] = De(() => {
                 }, ["stop"]))
-              }, j(Le.value.actionLabel), 9, Kl)) : H("", !0)
-            ], 10, Yl)) : H("", !0),
-            at.value ? (h(), f("div", Xl, [
-              w("img", {
-                src: a.agent.avatarUrl.value,
-                alt: a.agent.displayName.value,
-                class: D(["size-7 @sm/chat:size-8 flex-shrink-0 rounded-full object-cover shadow-sm", v.value ? "ring-1 ring-black/5" : ""])
-              }, null, 10, Zl),
+              }, H(Le.value.actionLabel), 9, ql)) : j("", !0)
+            ], 10, Vl)) : j("", !0),
+            at.value ? (p(), f("div", Yl, [
               w("i", {
-                class: D(["i-svg-spinners-3-dots-bounce size-7", v.value ? "text-theme-400" : "text-white/50"]),
+                class: L(["i-svg-spinners-3-dots-bounce size-7", x.value ? "text-theme-400" : "text-white/50"]),
                 "aria-hidden": "true"
               }, null, 2)
-            ])) : H("", !0)
+            ])) : j("", !0)
           ], 2)
         ]),
         _: 1
       }, 512),
       w("div", {
-        class: D(["absolute bottom-0 left-0 right-0 z-30 px-5 pb-4 pt-3", v.value ? "bg-gradient-to-t from-theme-50/90 via-theme-50/55 to-transparent" : "bg-gradient-to-t from-black/80 via-black/70 to-black/40"])
+        class: L(["absolute bottom-0 left-0 right-0 z-30 px-5 pb-4 pt-3", x.value ? "bg-gradient-to-t from-theme-50/90 via-theme-50/55 to-transparent" : "bg-gradient-to-t from-black/80 via-black/70 to-black/40"])
       }, [
-        Me.value.length > 0 ? (h(), f("div", Jl, [
-          (h(!0), f(ee, null, me(Me.value, (T, ae) => (h(), f("div", {
+        Me.value.length > 0 ? (p(), f("div", Kl, [
+          (p(!0), f(ee, null, me(Me.value, (T, ae) => (p(), f("div", {
             key: ae,
             class: "relative shrink-0 group"
           }, [
-            T.type === "image" ? (h(), f("img", {
+            T.type === "image" ? (p(), f("img", {
               key: 0,
               src: T.src,
               alt: T.filename,
-              class: D(["size-14 rounded-xl object-cover border", v.value ? "border-black/10" : "border-white/20"])
-            }, null, 10, Ql)) : (h(), f("div", {
+              class: L(["size-14 rounded-xl object-cover border", x.value ? "border-black/10" : "border-white/20"])
+            }, null, 10, Xl)) : (p(), f("div", {
               key: 1,
-              class: D(["h-14 px-3 rounded-xl flex items-center gap-1.5 text-xs border", v.value ? "border-black/10 bg-theme-50 text-theme-600" : "border-white/20 bg-white/10 text-white/70"])
+              class: L(["h-14 px-3 rounded-xl flex items-center gap-1.5 text-xs border", x.value ? "border-black/10 bg-theme-50 text-theme-600" : "border-white/20 bg-white/10 text-white/70"])
             }, [
               m[27] || (m[27] = w("i", { class: "i-tabler-file size-4" }, null, -1)),
-              w("span", eo, j(T.filename), 1)
+              w("span", Zl, H(T.filename), 1)
             ], 2)),
             w("button", {
               class: "absolute -top-1.5 -right-1.5 size-5 flex items-center justify-center rounded-full bg-theme-800 text-white text-xs scale-0 group-hover:scale-100 transition-transform cursor-pointer",
               onClick: /* @__PURE__ */ d((U) => Ke(ae), "onClick")
             }, [...m[28] || (m[28] = [
               w("i", { class: "i-tabler-x size-3" }, null, -1)
-            ])], 8, to)
+            ])], 8, Jl)
           ]))), 128)),
-          rt.value ? (h(), f("div", no, [
+          rt.value ? (p(), f("div", Ql, [
             Ne(En, { class: "size-5" })
-          ])) : H("", !0)
-        ])) : H("", !0),
-        be.value ? (h(), f("input", {
+          ])) : j("", !0)
+        ])) : j("", !0),
+        be.value ? (p(), f("input", {
           key: 1,
           ref_key: "fileInput",
           ref: l,
@@ -4897,16 +4881,16 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
           accept: "image/*,audio/*,video/*",
           class: "hidden",
           onChange: $e
-        }, null, 544)) : H("", !0),
+        }, null, 544)) : j("", !0),
         w("div", {
           "data-test": "messaging-composer",
           "data-composer-action": Ie.value,
-          class: D(["flex items-end gap-1 w-full rounded-[24px] p-1.5 transition-colors duration-200", v.value ? n.value ? "bg-theme-50 ring-1 ring-theme-300" : "bg-theme-25 ring-1 ring-theme-200 hover:ring-theme-300" : n.value ? "bg-white/15 ring-1 ring-white/25" : "bg-white/10 ring-1 ring-transparent hover:ring-white/15"])
+          class: L(["flex items-end gap-1 w-full rounded-[24px] p-1.5 transition-colors duration-200", x.value ? n.value ? "bg-theme-50 ring-1 ring-theme-300" : "bg-theme-25 ring-1 ring-theme-200 hover:ring-theme-300" : n.value ? "bg-white/15 ring-1 ring-white/25" : "bg-white/10 ring-1 ring-transparent hover:ring-white/15"])
         }, [
           w("button", {
-            class: D(["shrink-0 flex items-center justify-center rounded-full transition-colors mb-0.5 ml-0.5 size-9 @sm/chat:size-10", [
+            class: L(["shrink-0 flex items-center justify-center rounded-full transition-colors mb-0.5 ml-0.5 size-9 @sm/chat:size-10", [
               be.value ? "cursor-pointer" : "cursor-default",
-              v.value ? "text-theme-400 hover:text-theme-600 hover:bg-black/5" : "text-white/50 hover:text-white/80 hover:bg-white/10",
+              x.value ? "text-theme-400 hover:text-theme-600 hover:bg-black/5" : "text-white/50 hover:text-white/80 hover:bg-white/10",
               rt.value || K.value ? "opacity-50 pointer-events-none" : ""
             ]]),
             disabled: it.value || rt.value || K.value || !be.value,
@@ -4914,20 +4898,20 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
             title: be.value ? "Attach file" : "File attachments unavailable",
             onClick: m[6] || (m[6] = (T) => be.value && de())
           }, [
-            rt.value ? (h(), f("i", io)) : (h(), f("i", ro)),
-            w("span", lo, j(be.value ? "Attach file" : "File attachments unavailable"), 1)
-          ], 10, ao),
-          ye.value ? (h(), f("div", {
+            rt.value ? (p(), f("i", no)) : (p(), f("i", so)),
+            w("span", ao, H(be.value ? "Attach file" : "File attachments unavailable"), 1)
+          ], 10, to),
+          ye.value ? (p(), f("div", {
             key: 1,
             "data-test": "messaging-recording-state",
-            class: D(["flex min-w-0 flex-1 items-center gap-2 px-1 py-2", v.value ? "text-theme-700" : "text-white/80"])
+            class: L(["flex min-w-0 flex-1 items-center gap-2 px-1 py-2", x.value ? "text-theme-700" : "text-white/80"])
           }, [
             m[29] || (m[29] = w("span", { class: "size-2.5 shrink-0 rounded-full bg-red-500" }, null, -1)),
-            w("span", co, j(g.value), 1),
+            w("span", ro, H(g.value), 1),
             w("span", {
-              class: D(["min-w-0 truncate text-sm", v.value ? "text-theme-400" : "text-white/45"])
-            }, j(M.value), 3)
-          ], 2)) : Fs((h(), f("textarea", {
+              class: L(["min-w-0 truncate text-sm", x.value ? "text-theme-400" : "text-white/45"])
+            }, H(M.value), 3)
+          ], 2)) : Fs((p(), f("textarea", {
             key: 0,
             ref_key: "textarea",
             ref: s,
@@ -4938,17 +4922,17 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
             placeholder: Oe.value,
             disabled: it.value,
             style: { fontSize: "16px", resize: "none" },
-            class: D(["flex-1 min-w-0 bg-transparent px-1 py-2 focus:outline-none disabled:opacity-50 overflow-y-auto leading-relaxed [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden", v.value ? "text-theme-800 placeholder-theme-400" : "text-white placeholder-white/50"]),
+            class: L(["flex-1 min-w-0 bg-transparent px-1 py-2 focus:outline-none disabled:opacity-50 overflow-y-auto leading-relaxed [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden", x.value ? "text-theme-800 placeholder-theme-400" : "text-white placeholder-white/50"]),
             onKeydown: ke,
             onFocus: m[8] || (m[8] = (T) => n.value = !0),
             onBlur: m[9] || (m[9] = (T) => n.value = !1)
-          }, null, 42, oo)), [
+          }, null, 42, io)), [
             [wa, xt.value]
           ]),
-          lt.value || ye.value ? (h(), f("button", {
+          lt.value || ye.value ? (p(), f("button", {
             key: 2,
             "data-test": "messaging-record-audio-btn",
-            class: D(["mb-0.5 mr-0.5 flex size-9 shrink-0 items-center justify-center rounded-full transition-transform duration-200 @sm/chat:size-10", ye.value ? "bg-theme-900 text-theme-0 scale-105 cursor-pointer" : v.value ? "text-theme-500 hover:bg-black/5 hover:text-theme-700 cursor-pointer" : "text-white/60 hover:bg-white/10 hover:text-white cursor-pointer"]),
+            class: L(["mb-0.5 mr-0.5 flex size-9 shrink-0 items-center justify-center rounded-full transition-transform duration-200 @sm/chat:size-10", ye.value ? "bg-theme-900 text-theme-0 scale-105 cursor-pointer" : x.value ? "text-theme-500 hover:bg-black/5 hover:text-theme-700 cursor-pointer" : "text-white/60 hover:bg-white/10 hover:text-white cursor-pointer"]),
             "aria-label": u.value,
             title: u.value,
             onPointerdown: m[10] || (m[10] = De((T) => je(), ["prevent"])),
@@ -4965,30 +4949,30 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
             ]
           }, [
             w("i", {
-              class: D([ye.value ? "i-tabler-microphone-filled" : "i-tabler-microphone", "size-5"])
+              class: L([ye.value ? "i-tabler-microphone-filled" : "i-tabler-microphone", "size-5"])
             }, null, 2),
-            w("span", ho, j(u.value), 1)
-          ], 42, uo)) : (h(), f("button", {
+            w("span", oo, H(u.value), 1)
+          ], 42, lo)) : (p(), f("button", {
             key: 3,
             "data-test": "messaging-send-btn",
             "data-composer-action": Ie.value,
-            class: D(["shrink-0 flex items-center justify-center rounded-full transition-transform duration-200 mb-0.5 mr-0.5 size-9 @sm/chat:size-10", re.value ? v.value ? "bg-theme-900 text-theme-0 hover:scale-105 active:scale-95 cursor-pointer" : "bg-theme-0 text-theme-950 hover:scale-105 active:scale-95 cursor-pointer" : v.value ? "bg-black/5 text-black/20" : "bg-white/10 text-white/30"]),
+            class: L(["shrink-0 flex items-center justify-center rounded-full transition-transform duration-200 mb-0.5 mr-0.5 size-9 @sm/chat:size-10", re.value ? x.value ? "bg-theme-900 text-theme-0 hover:scale-105 active:scale-95 cursor-pointer" : "bg-theme-0 text-theme-950 hover:scale-105 active:scale-95 cursor-pointer" : x.value ? "bg-black/5 text-black/20" : "bg-white/10 text-white/30"]),
             disabled: !re.value,
             "aria-label": Be.value,
             title: Be.value,
             onClick: m[18] || (m[18] = (T) => pe())
           }, [
-            Ie.value === "stop" ? (h(), f("i", fo)) : (h(), f("i", mo)),
-            w("span", go, j(Be.value), 1)
-          ], 10, po))
-        ], 10, so)
+            Ie.value === "stop" ? (p(), f("i", uo)) : (p(), f("i", ho)),
+            w("span", po, H(Be.value), 1)
+          ], 10, co))
+        ], 10, eo)
       ], 2)
     ]));
   }
-}), vo = { class: "agent-wrap" }, xo = {
+}), fo = { class: "agent-wrap" }, mo = {
   key: 0,
   class: "flex items-center justify-center h-full"
-}, Mo = /* @__PURE__ */ Re({
+}, _o = /* @__PURE__ */ Re({
   __name: "AgentWrap",
   props: {
     sdk: {},
@@ -5082,8 +5066,8 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
           }
         });
       }
-    }), (o, p) => (h(), f("div", vo, [
-      i.value ? (h(), f("div", xo, [...p[0] || (p[0] = [
+    }), (o, h) => (p(), f("div", fo, [
+      i.value ? (p(), f("div", mo, [...h[0] || (h[0] = [
         w("div", { class: "animate-spin rounded-full size-6 border-b-2 border-white" }, null, -1)
       ])])) : s.value ? vn(o.$slots, "default", {
         key: 1,
@@ -5094,22 +5078,22 @@ const Nr = ["data-visual-type", "data-chart-type", "data-stacking", "data-diagra
         buttonText: a.buttonText,
         buttonIcon: a.buttonIcon,
         loading: i.value
-      }) : H("", !0)
+      }) : j("", !0)
     ]));
   }
 });
 export {
   ps as A,
-  Mo as _,
+  _o as _,
   Kt as a,
-  Ro as b,
-  _o as c,
-  Ao as d,
-  Eo as e,
+  Ao as b,
+  To as c,
+  wo as d,
+  So as e,
   En as f,
-  To as g,
+  yo as g,
   qa as h,
   ms as i,
-  So as p
+  ko as p
 };
 //# sourceMappingURL=AgentWrap.vue_vue_type_script_setup_true_lang.js.map