@pagelines/sdk 1.0.710 → 1.0.712

package/dist/AgentWrap.js

@@ -3472,10 +3472,7 @@ g.options = g.setOptions = function(e) {
 }, g.parseInline = pr.parseInline, g.Parser = dr, g.parser = dr.parse, g.Renderer = y, g.TextRenderer = L, g.Lexer = ur, g.lexer = ur.lex, g.Tokenizer = w, g.Hooks = fr, g.parse = g, g.options, g.setOptions, g.use, g.walkTokens, g.parseInline, dr.parse, ur.lex;
 //#endregion
 //#region agent/ui/ChatCardBlock.vue?vue&type=script&setup=true&lang.ts
-var mr = ["aria-label"], hr = ["innerHTML"], gr = {
-	key: 1,
-	class: "mt-4 flex flex-wrap gap-2"
-}, _r = ["onClick"], vr = /* @__PURE__ */ x({
+var mr = ["aria-label"], hr = ["innerHTML"], gr = ["onClick"], _r = /* @__PURE__ */ x({
 	__name: "ChatCardBlock",
 	props: {
 		spec: {},
@@ -3487,51 +3484,58 @@ var mr = ["aria-label"], hr = ["innerHTML"], gr = {
 			if (!n.spec.body) return "";
 			let e = g.parse(n.spec.body, { async: !1 });
 			return Qt.sanitize(e, { ADD_ATTR: ["target"] });
-		}), a = p(() => n.inverted ? "rgba(255, 255, 255, 0.14)" : "color-mix(in oklch, var(--color-theme-900) 10%, transparent)"), o = p(() => n.inverted ? "rgba(255, 255, 255, 0.95)" : "var(--color-theme-900)"), s = p(() => n.inverted ? "rgba(255, 255, 255, 0.7)" : "var(--color-theme-700)");
+		}), a = p(() => n.inverted ? "rgba(255, 255, 255, 0.16)" : "rgba(0, 0, 0, 0.1)"), o = p(() => n.inverted ? "rgba(255, 255, 255, 0.12)" : "color-mix(in oklch, var(--color-theme-200) 80%, transparent)"), s = p(() => n.inverted ? "rgba(255, 255, 255, 0.95)" : "var(--color-theme-900)"), c = p(() => n.inverted ? "rgba(255, 255, 255, 0.8)" : "var(--color-theme-800)"), u = p(() => n.inverted ? `inset 0 0 0 1px ${a.value}` : `inset 0 0 0 1px ${a.value}, 0 1px 2px rgba(15, 23, 42, 0.04), 0 6px 20px rgba(15, 23, 42, 0.05)`);
 		function actionStyle(e) {
 			return e === "primary" ? {
-				background: "var(--color-primary-500)",
-				color: "#fff"
+				background: n.inverted ? "rgba(255, 255, 255, 0.92)" : "var(--color-theme-900)",
+				color: n.inverted ? "var(--color-theme-900)" : "#fff"
 			} : e === "destructive" ? {
-				background: "color-mix(in oklch, var(--color-theme-900) 6%, transparent)",
-				color: "var(--color-red-600, #dc2626)"
+				background: "transparent",
+				color: "#D93025"
 			} : {
-				background: "color-mix(in oklch, var(--color-theme-900) 6%, transparent)",
-				color: "var(--color-theme-900)"
+				background: "transparent",
+				color: s.value
 			};
 		}
 		return (t, n) => (T(), _("div", {
 			"data-test": "chat-card",
-			class: "my-6 w-full rounded-[20px] px-5 pb-4 pt-4",
-			style: C({ boxShadow: `inset 0 0 0 1px ${a.value}` }),
+			class: "my-6 w-full max-w-[55ch] self-start overflow-hidden rounded-[20px]",
+			style: C({ boxShadow: u.value }),
 			"aria-label": e.spec.title
 		}, [
 			v("div", {
+				class: "px-4 pb-3 pt-3.5",
+				style: C(i.value ? { borderBottom: `1px solid ${o.value}` } : void 0)
+			}, [v("div", {
 				class: "text-[14px] font-semibold leading-tight",
-				style: C({ color: o.value })
-			}, P(e.spec.title), 5),
+				style: C({ color: s.value })
+			}, P(e.spec.title), 5)], 4),
 			i.value ? (T(), _("div", {
 				key: 0,
-				class: "chat-msg-prose mt-2 text-[13px] leading-relaxed",
-				style: C({ color: s.value }),
+				class: "chat-msg-prose px-4 py-3.5 text-[14px] leading-relaxed",
+				style: C({ color: c.value }),
 				innerHTML: i.value
 			}, null, 12, hr)) : h("", !0),
-			e.spec.actions?.length ? (T(), _("div", gr, [(T(!0), _(f, null, A(e.spec.actions, (e) => (T(), _("button", {
+			e.spec.actions?.length ? (T(), _("div", {
+				key: 1,
+				class: "flex flex-wrap items-center gap-2 px-3 py-2.5",
+				style: C({ borderTop: `1px solid ${o.value}` })
+			}, [(T(!0), _(f, null, A(e.spec.actions, (e) => (T(), _("button", {
 				key: e.label,
 				type: "button",
 				"data-test": "chat-card-action",
-				class: "rounded-full px-4 py-2 text-[13px] font-medium transition-colors duration-150 active:opacity-80",
+				class: "inline-flex h-10 items-center justify-center rounded-full px-5 text-[14px] font-semibold transition-colors duration-150 active:opacity-80",
 				style: C(actionStyle(e.style)),
 				onClick: (t) => r("action", e.reply)
-			}, P(e.label), 13, _r))), 128))])) : h("", !0)
+			}, P(e.label), 13, gr))), 128))], 4)) : h("", !0)
 		], 12, mr));
 	}
-}), yr = 112, br = 52, xr = 14, Sr = 54, Cr = 34, wr = 260;
+}), vr = 112, yr = 52, br = 14, xr = 54, Sr = 34, Cr = 260;
 function nodeWidthFor(e) {
 	let { orientation: t, maxRows: n, maxWidth: r } = e;
-	if (t === "horizontal" || !r) return yr;
-	let i = r - xr * 2 - (n - 1) * Sr;
-	return Math.min(wr, Math.max(yr, Math.floor(i / n)));
+	if (t === "horizontal" || !r) return vr;
+	let i = r - br * 2 - (n - 1) * xr;
+	return Math.min(Cr, Math.max(vr, Math.floor(i / n)));
 }
 function orientationFor(e) {
 	return e.layout === "left-to-right" || e.layout === "radial" ? "horizontal" : e.layout === "top-to-bottom" ? "vertical" : e.diagramType === "sequence" ? "horizontal" : "vertical";
@@ -3568,11 +3572,11 @@ function buildLayout(e, t, n) {
 		orientation: t,
 		maxRows: o,
 		...n === void 0 ? {} : { maxWidth: n }
-	}), u = t === "horizontal" ? xr * 2 + s * c + (s - 1) * Sr : xr * 2 + o * c + (o - 1) * Sr, f = t === "horizontal" ? xr * 2 + o * br + (o - 1) * Cr : xr * 2 + s * br + (s - 1) * Cr, p = [];
+	}), u = t === "horizontal" ? br * 2 + s * c + (s - 1) * xr : br * 2 + o * c + (o - 1) * xr, f = t === "horizontal" ? br * 2 + o * yr + (o - 1) * Sr : br * 2 + s * yr + (s - 1) * Sr, p = [];
 	for (let [e, [, n]] of a.entries()) {
-		let r = (o - n.length) * (t === "horizontal" ? 86 : c + Sr) / 2;
+		let r = (o - n.length) * (t === "horizontal" ? 86 : c + xr) / 2;
 		for (let [i, a] of n.entries()) {
-			let n = t === "horizontal" ? xr + e * (c + Sr) : xr + r + i * (c + Sr), o = t === "horizontal" ? xr + r + i * 86 : xr + e * 86;
+			let n = t === "horizontal" ? br + e * (c + xr) : br + r + i * (c + xr), o = t === "horizontal" ? br + r + i * 86 : br + e * 86;
 			p.push({
 				id: a.id,
 				label: a.label,
@@ -3581,7 +3585,7 @@ function buildLayout(e, t, n) {
 				x: n,
 				y: o,
 				width: c,
-				height: br
+				height: yr
 			});
 		}
 	}
@@ -3658,14 +3662,14 @@ function formatChatVisualTick(e) {
 	let { prefix: r, suffix: i } = affixes(n);
 	return `${r}${formatChatVisualValue({ value: t })}${i}`;
 }
-var Tr = 5.4, Er = 10, Dr = 15, Or = 16;
+var wr = 5.4, Tr = 10, Er = 15, Dr = 16;
 function planChatVisualXLabels(e) {
 	let { labels: t, plotWidth: n } = e;
 	if (!t.length || n <= 0) return {
 		mode: "horizontal",
 		entries: []
 	};
-	let r = t.map((e) => e.length > Or ? `${e.slice(0, Or - 1).trimEnd()}\u2026` : e), i = t.length - 1;
+	let r = t.map((e) => e.length > Dr ? `${e.slice(0, Dr - 1).trimEnd()}\u2026` : e), i = t.length - 1;
 	if (i === 0) return {
 		mode: "horizontal",
 		entries: [{
@@ -3673,14 +3677,14 @@ function planChatVisualXLabels(e) {
 			text: r[0]
 		}]
 	};
-	if ((Math.max(...r.map((e) => e.length * Tr)) + Er) * t.length <= n) return {
+	if ((Math.max(...r.map((e) => e.length * wr)) + Tr) * t.length <= n) return {
 		mode: "horizontal",
 		entries: r.map((e, t) => ({
 			index: t,
 			text: e
 		}))
 	};
-	let a = Math.max(2, Math.floor(n / Dr));
+	let a = Math.max(2, Math.floor(n / Er));
 	if (t.length <= a) return {
 		mode: "angled",
 		entries: r.map((e, t) => ({
@@ -3700,22 +3704,22 @@ function planChatVisualXLabels(e) {
 }
 //#endregion
 //#region agent/ui/ChatVisualBlock.vue?vue&type=script&setup=true&lang.ts
-var kr = [
+var Or = [
 	"data-visual-type",
 	"data-chart-type",
 	"data-stacking",
 	"data-diagram-type",
 	"aria-label"
-], Ar = { class: "mb-2.5" }, jr = ["aria-label"], Mr = {
+], kr = { class: "mb-2.5" }, Ar = ["aria-label"], jr = {
 	key: 0,
 	"data-test": "chat-visual-horizontal-bars",
 	class: "grid gap-3"
-}, Nr = { class: "mb-1 flex items-start justify-between gap-3 text-[12px]" }, Pr = ["viewBox"], Fr = [
+}, Mr = { class: "mb-1 flex items-start justify-between gap-3 text-[12px]" }, Nr = ["viewBox"], Pr = [
 	"x1",
 	"x2",
 	"y1",
 	"y2"
-], Ir = ["x", "y"], Lr = [
+], Fr = ["x", "y"], Ir = [
 	"data-row-index",
 	"data-series-index",
 	"data-data-key",
@@ -3723,35 +3727,35 @@ var kr = [
 	"y",
 	"width",
 	"height"
-], Rr = ["data-trend-key", "d"], zr = ["d"], Br = ["cx", "cy"], Vr = ["cx", "cy"], Hr = [
+], Lr = ["data-trend-key", "d"], Rr = ["d"], zr = ["cx", "cy"], Br = ["cx", "cy"], Vr = [
 	"x",
 	"y",
 	"text-anchor",
 	"transform"
-], Ur = {
+], Hr = {
 	key: 2,
 	class: "mt-2.5 flex flex-wrap items-center gap-x-4 gap-y-1.5"
-}, Wr = {
+}, Ur = {
 	key: 1,
 	class: "grid gap-3"
-}, Gr = { class: "mb-1 flex items-baseline justify-between gap-3 text-[12px]" }, Kr = { class: "shrink-0 tabular-nums" }, qr = {
+}, Wr = { class: "mb-1 flex items-baseline justify-between gap-3 text-[12px]" }, Gr = { class: "shrink-0 tabular-nums" }, Kr = {
 	key: 2,
 	class: "overflow-x-auto"
-}, Jr = ["viewBox", "aria-label"], Yr = [
+}, qr = ["viewBox", "aria-label"], Jr = [
 	"data-from",
 	"data-to",
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Xr = ["cx", "cy"], Zr = ["x", "y"], Qr = [
+], Yr = ["cx", "cy"], Xr = ["x", "y"], Zr = [
 	"data-node-id",
 	"data-node-kind",
 	"transform"
-], $r = ["points"], ei = ["width", "height"], ti = ["width", "height"], ni = {
+], Qr = ["points"], $r = ["width", "height"], ei = ["width", "height"], ti = {
 	xmlns: "http://www.w3.org/1999/xhtml",
 	class: "flex h-full min-w-0 flex-col items-center justify-center text-center"
-}, ri = /* @__PURE__ */ x({
+}, ni = /* @__PURE__ */ x({
 	__name: "ChatVisualBlock",
 	props: {
 		result: {},
@@ -4053,7 +4057,7 @@ var kr = [
 			style: C({ boxShadow: `inset 0 0 0 1px ${W.value}` }),
 			"aria-label": o.value.meta.title
 		}, [
-			v("header", Ar, [v("h4", {
+			v("header", kr, [v("h4", {
 				class: "text-[13px] font-semibold leading-tight",
 				style: C({ color: B.value })
 			}, P(o.value.meta.title), 5), o.value.meta.description ? (T(), _("p", {
@@ -4068,11 +4072,11 @@ var kr = [
 				key: 0,
 				role: "img",
 				"aria-label": o.value.meta.title
-			}, [pe.value.length ? (T(), _("div", Mr, [(T(!0), _(f, null, A(pe.value, (e) => (T(), _("div", {
+			}, [pe.value.length ? (T(), _("div", jr, [(T(!0), _(f, null, A(pe.value, (e) => (T(), _("div", {
 				key: e.key,
 				"data-test": "chat-visual-horizontal-bar",
 				class: "min-w-0"
-			}, [v("div", Nr, [v("span", {
+			}, [v("div", Mr, [v("span", {
 				class: "line-clamp-2 min-w-0 font-medium leading-snug",
 				style: C({ color: B.value })
 			}, P(e.label), 5), v("span", {
@@ -4104,7 +4108,7 @@ var kr = [
 					"stroke-width": "1",
 					"vector-effect": "non-scaling-stroke",
 					style: C({ stroke: e === 0 ? U.value : be.value })
-				}, null, 12, Fr))), 128)),
+				}, null, 12, Pr))), 128)),
 				v("g", null, [(T(!0), _(f, null, A(S.value.ticks, (e) => (T(), _("text", {
 					key: `y-${e}`,
 					x: j.value.left - 7,
@@ -4115,7 +4119,7 @@ var kr = [
 				}, P(ce(formatChatVisualTick)({
 					value: e,
 					shared: ae.value
-				})), 13, Ir))), 128))]),
+				})), 13, Fr))), 128))]),
 				m.value.chartType === "bar" ? (T(!0), _(f, { key: 0 }, A(de.value, (e) => (T(), _("rect", {
 					key: e.key,
 					"data-test": "chat-visual-bar",
@@ -4128,7 +4132,7 @@ var kr = [
 					height: e.height,
 					rx: "2.5",
 					style: C({ fill: seriesColor(e.seriesIndex) })
-				}, null, 12, Lr))), 128)) : (T(), _(f, { key: 1 }, [
+				}, null, 12, Ir))), 128)) : (T(), _(f, { key: 1 }, [
 					ue.value ? (T(), _("path", {
 						key: 0,
 						"data-test": "chat-visual-trend-line",
@@ -4141,7 +4145,7 @@ var kr = [
 						"stroke-dasharray": "4 3",
 						"vector-effect": "non-scaling-stroke",
 						style: C({ stroke: seriesColor(ue.value.seriesIndex) })
-					}, null, 12, Rr)) : h("", !0),
+					}, null, 12, Lr)) : h("", !0),
 					(T(!0), _(f, null, A(te.value, (e, t) => (T(), _("g", { key: e.dataKey }, [m.value.chartType === "line" ? (T(), _("path", {
 						key: 0,
 						d: pathForSeries(e.dataKey),
@@ -4151,20 +4155,20 @@ var kr = [
 						"stroke-linejoin": "round",
 						"vector-effect": "non-scaling-stroke",
 						style: C({ stroke: seriesColor(t) })
-					}, null, 12, zr)) : h("", !0), (T(!0), _(f, null, A(u.value, (n, r) => (T(), _(f, { key: `${e.dataKey}-${r}` }, [m.value.chartType === "scatter" ? (T(), _("circle", {
+					}, null, 12, Rr)) : h("", !0), (T(!0), _(f, null, A(u.value, (n, r) => (T(), _(f, { key: `${e.dataKey}-${r}` }, [m.value.chartType === "scatter" ? (T(), _("circle", {
 						key: 0,
 						cx: xForIndex(r, u.value.length),
 						cy: yForValue(numericValue(n[e.dataKey]) ?? 0),
 						r: "2.6",
 						style: C({ fill: seriesColor(t) })
-					}, null, 12, Br)) : h("", !0)], 64))), 128))]))), 128)),
+					}, null, 12, zr)) : h("", !0)], 64))), 128))]))), 128)),
 					(T(!0), _(f, null, A(I.value, (e) => (T(), _("circle", {
 						key: `marker-${e.key}`,
 						cx: e.cx,
 						cy: e.cy,
 						r: "3",
 						style: C({ fill: seriesColor(e.seriesIndex) })
-					}, null, 12, Vr))), 128))
+					}, null, 12, Br))), 128))
 				], 64)),
 				(T(!0), _(f, null, A(F.value, (e) => (T(), _("text", {
 					key: e.key,
@@ -4174,8 +4178,8 @@ var kr = [
 					"font-size": "9.5",
 					transform: e.angled ? `rotate(${ce(-40)} ${e.x} ${j.value.height - j.value.bottom + 12})` : void 0,
 					style: C({ fill: H.value })
-				}, P(e.label), 13, Hr))), 128))
-			], 12, Pr)), he.value.length > 1 || m.value.chartType !== "bar" ? (T(), _("div", Ur, [(T(!0), _(f, null, A(he.value, (e) => (T(), _("div", {
+				}, P(e.label), 13, Vr))), 128))
+			], 12, Nr)), he.value.length > 1 || m.value.chartType !== "bar" ? (T(), _("div", Hr, [(T(!0), _(f, null, A(he.value, (e) => (T(), _("div", {
 				key: e.key,
 				class: "inline-flex items-center gap-1.5 text-[11.5px] leading-none"
 			}, [
@@ -4188,10 +4192,10 @@ var kr = [
 					class: "font-semibold tabular-nums",
 					style: C({ color: B.value })
 				}, P(e.value), 5)
-			]))), 128))])) : h("", !0)], 8, jr)) : b.value ? (T(), _("div", Wr, [(T(!0), _(f, null, A(R.value, (e, t) => (T(), _("div", { key: e.key }, [v("div", Gr, [v("span", {
+			]))), 128))])) : h("", !0)], 8, Ar)) : b.value ? (T(), _("div", Ur, [(T(!0), _(f, null, A(R.value, (e, t) => (T(), _("div", { key: e.key }, [v("div", Wr, [v("span", {
 				class: "truncate font-medium",
 				style: C({ color: B.value })
-			}, P(e.name), 5), v("span", Kr, [v("span", {
+			}, P(e.name), 5), v("span", Gr, [v("span", {
 				class: "font-semibold",
 				style: C({ color: B.value })
 			}, P(e.display), 5), v("span", {
@@ -4206,7 +4210,7 @@ var kr = [
 					width: `${Math.max(2, e.percent * 100)}%`,
 					background: seriesColor(t)
 				})
-			}, null, 4)], 4)]))), 128))])) : c.value && z.value ? (T(), _("div", qr, [(T(), _("svg", {
+			}, null, 4)], 4)]))), 128))])) : c.value && z.value ? (T(), _("div", Kr, [(T(), _("svg", {
 				"data-test": "chat-visual-diagram-svg",
 				class: "block h-auto overflow-visible",
 				viewBox: `0 0 ${z.value.width} ${z.value.height}`,
@@ -4230,14 +4234,14 @@ var kr = [
 					"stroke-linecap": "round",
 					"vector-effect": "non-scaling-stroke",
 					style: C({ stroke: Ce.value })
-				}, null, 12, Yr))), 128)),
+				}, null, 12, Jr))), 128)),
 				(T(!0), _(f, null, A(z.value.edges, (e) => (T(), _("circle", {
 					key: `${e.key}-dot`,
 					cx: e.x2,
 					cy: e.y2,
 					r: "2.4",
 					style: C({ fill: Ce.value })
-				}, null, 12, Xr))), 128)),
+				}, null, 12, Yr))), 128)),
 				(T(!0), _(f, null, A(z.value.edges.filter((e) => e.label), (e) => (T(), _("foreignObject", {
 					key: `${e.key}-label`,
 					x: e.labelX - 55,
@@ -4251,7 +4255,7 @@ var kr = [
 						color: ye.value,
 						background: t.inverted ? "var(--color-theme-900)" : "var(--color-theme-0)"
 					})
-				}, P(e.label), 5)], 8, Zr))), 128)),
+				}, P(e.label), 5)], 8, Xr))), 128)),
 				(T(!0), _(f, null, A(z.value.nodes, (e) => (T(), _("g", {
 					key: e.id,
 					"data-test": "chat-visual-diagram-node",
@@ -4267,7 +4271,7 @@ var kr = [
 						fill: diagramNodeFill(e.kind),
 						stroke: diagramNodeStroke(e.kind)
 					})
-				}, null, 12, $r)) : (T(), _("rect", {
+				}, null, 12, Qr)) : (T(), _("rect", {
 					key: 1,
 					width: e.width,
 					height: e.height,
@@ -4278,28 +4282,28 @@ var kr = [
 						fill: diagramNodeFill(e.kind),
 						stroke: diagramNodeStroke(e.kind)
 					})
-				}, null, 12, ei)), (T(), _("foreignObject", {
+				}, null, 12, $r)), (T(), _("foreignObject", {
 					x: "8",
 					y: "5",
 					width: e.width - 16,
 					height: e.height - 10
-				}, [v("div", ni, [v("div", {
+				}, [v("div", ti, [v("div", {
 					class: "line-clamp-2 text-[13px] font-semibold leading-tight",
 					style: C({ color: B.value })
 				}, P(e.label), 5), e.detail ? (T(), _("div", {
 					key: 0,
 					class: "mt-0.5 line-clamp-1 text-[10.5px] leading-none",
 					style: C({ color: ye.value })
-				}, P(e.detail), 5)) : h("", !0)])], 8, ti))], 8, Qr))), 128))
-			], 12, Jr))])) : h("", !0)], 512),
+				}, P(e.detail), 5)) : h("", !0)])], 8, ei))], 8, Zr))), 128))
+			], 12, qr))])) : h("", !0)], 512),
 			o.value.meta.footer ? (T(), _("footer", {
 				key: 0,
 				class: "mt-3 text-[11px] leading-snug",
 				style: C({ color: H.value })
 			}, P(o.value.meta.footer), 5)) : h("", !0)
-		], 12, kr)) : h("", !0);
+		], 12, Or)) : h("", !0);
 	}
-}), ii = ["innerHTML"], ai = /* @__PURE__ */ x({
+}), ri = ["innerHTML"], ii = /* @__PURE__ */ x({
 	__name: "ChatRichText",
 	props: {
 		text: {},
@@ -4477,11 +4481,11 @@ var kr = [
 			key: 0,
 			class: S(["chat-msg-prose", e.inverted ? "chat-msg-prose-invert" : ""]),
 			innerHTML: t.html
-		}, null, 10, ii)) : t.kind === "visual" ? (T(), m(ri, {
+		}, null, 10, ri)) : t.kind === "visual" ? (T(), m(ni, {
 			key: 1,
 			result: t.result,
 			inverted: e.inverted
-		}, null, 8, ["result", "inverted"])) : t.kind === "card" ? (T(), m(vr, {
+		}, null, 8, ["result", "inverted"])) : t.kind === "card" ? (T(), m(_r, {
 			key: 2,
 			spec: t.spec,
 			inverted: e.inverted,
@@ -4500,7 +4504,7 @@ var kr = [
 			style: { background: "currentcolor" }
 		}, null, -1), te(" Preparing chart… ", -1)])], 4))], 64))), 128))], 32));
 	}
-}), oi = 80, si = 600, ci = /* @__PURE__ */ x({
+}), ai = 80, oi = 600, si = /* @__PURE__ */ x({
 	__name: "ChatScroller",
 	setup(e, { expose: t }) {
 		let n = k(), r = k(), i = k(!0), a, o = 0;
@@ -4510,10 +4514,10 @@ var kr = [
 		}
 		function onScroll() {
 			let e = n.value;
-			e && (i.value = e.scrollHeight - e.scrollTop - e.clientHeight <= oi);
+			e && (i.value = e.scrollHeight - e.scrollTop - e.clientHeight <= ai);
 		}
 		function markUserGesture() {
-			o = Date.now() + si;
+			o = Date.now() + oi;
 		}
 		function pin() {
 			i.value = !0, scrollToBottom();
@@ -4539,24 +4543,24 @@ var kr = [
 			class: "flex-1 flex flex-col"
 		}, [oe(e.$slots, "default")], 512)], 34));
 	}
-}), li = {
+}), ci = {
 	key: 0,
 	class: "pb-4"
-}, ui = {
+}, li = {
 	key: 1,
 	"data-test": "messaging-sdk-header",
 	class: "shrink-0 border-b border-theme-100 px-4 py-3"
-}, di = { class: "min-w-0 flex-1" }, fi = { class: "truncate text-base font-semibold leading-tight text-theme-900" }, pi = { class: "mt-1 truncate text-sm leading-tight text-theme-500" }, mi = {
+}, ui = { class: "min-w-0 flex-1" }, di = { class: "truncate text-base font-semibold leading-tight text-theme-900" }, fi = { class: "mt-1 truncate text-sm leading-tight text-theme-500" }, pi = {
 	key: 0,
 	class: "shrink-0 rounded-full bg-theme-50 px-2.5 py-1 font-mono text-[11px] font-medium text-theme-500"
-}, hi = {
+}, mi = {
 	key: 0,
 	"data-test": "messaging-empty-state",
 	class: "flex flex-col items-center justify-center px-4"
-}, gi = ["title"], _i = {
+}, hi = ["title"], gi = {
 	key: 0,
 	class: "flex items-center gap-3 py-3 px-2"
-}, vi = ["data-journal-outcome"], yi = [
+}, _i = ["data-journal-outcome"], vi = [
 	"data-message-id",
 	"data-message-sender",
 	"data-conversation-id",
@@ -4567,7 +4571,7 @@ var kr = [
 	"data-issue-action-label",
 	"data-issue-action-url",
 	"data-streaming"
-], bi = { class: "max-w-[85%] min-w-0" }, xi = ["href"], Si = [
+], yi = { class: "max-w-[85%] min-w-0" }, bi = ["href"], xi = [
 	"data-message-id",
 	"data-message-sender",
 	"data-conversation-id",
@@ -4576,7 +4580,7 @@ var kr = [
 	"data-issue-code",
 	"data-issue-bucket",
 	"data-streaming"
-], Ci = [
+], Si = [
 	"data-test",
 	"data-message-id",
 	"data-message-sender",
@@ -4584,51 +4588,51 @@ var kr = [
 	"data-message-sequence",
 	"data-system-kind",
 	"data-streaming"
-], wi = ["src", "alt"], Ti = ["src"], Ei = ["href"], Di = {
+], Ci = ["src", "alt"], wi = ["src"], Ti = ["href"], Ei = {
 	key: 0,
 	"data-test": "messaging-message-text-part"
-}, Oi = [
+}, Di = [
 	"src",
 	"alt",
 	"data-attachment-placement"
-], ki = ["src", "data-attachment-placement"], Ai = ["href", "data-attachment-placement"], ji = ["data-journal-outcome"], Mi = {
+], Oi = ["src", "data-attachment-placement"], ki = ["href", "data-attachment-placement"], Ai = ["data-journal-outcome"], ji = {
 	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"
-}, Ni = ["data-journal-outcome"], Pi = ["data-working-description"], Fi = { class: "truncate" }, Ii = ["data-issue-code"], Li = ["href"], Ri = {
+}, Mi = ["data-journal-outcome"], Ni = ["data-working-description"], Pi = { class: "truncate" }, Fi = ["data-issue-code"], Ii = ["href"], Li = {
 	key: 3,
 	"data-test": "messaging-thinking-indicator",
 	class: "flex gap-2 justify-start items-center mb-4"
-}, zi = ["src", "alt"], Bi = { class: "max-w-20 truncate" }, Vi = ["onClick"], Hi = {
+}, Ri = ["src", "alt"], zi = { class: "max-w-20 truncate" }, Bi = ["onClick"], Vi = {
 	key: 0,
 	class: "shrink-0 flex items-center justify-center size-14"
-}, Ui = ["data-composer-action"], Wi = ["placeholder", "disabled"], Gi = { class: "font-mono text-sm tabular-nums" }, Ki = { class: "mt-2.5 flex items-center" }, qi = [
+}, Hi = ["data-composer-action"], Ui = ["placeholder", "disabled"], Wi = { class: "font-mono text-sm tabular-nums" }, Gi = { class: "mt-2.5 flex items-center" }, Ki = [
 	"disabled",
 	"aria-label",
 	"title"
-], Ji = {
+], qi = {
 	key: 0,
 	class: "i-svg-spinners-ring-resize size-5"
-}, Yi = {
+}, Ji = {
 	key: 1,
 	class: "i-tabler-plus size-5"
-}, Xi = { class: "sr-only" }, Zi = { class: "flex items-center gap-2" }, Qi = ["aria-label", "title"], $i = { class: "sr-only" }, ea = [
+}, Yi = { class: "sr-only" }, Xi = { class: "flex items-center gap-2" }, Zi = ["aria-label", "title"], Qi = { class: "sr-only" }, $i = [
 	"data-composer-action",
 	"disabled",
 	"aria-label",
 	"title"
-], ta = {
+], ea = {
 	key: 0,
 	class: "i-tabler-player-stop-filled size-3.5"
-}, na = {
+}, ta = {
 	key: 1,
 	class: "i-tabler-arrow-up size-[17px]"
-}, ra = { class: "sr-only" }, ia = {
+}, na = { class: "sr-only" }, ra = {
 	key: 2,
 	"data-test": "messaging-suggested-prompts",
 	class: "mt-5 w-full sm:mx-auto sm:max-w-[720px]"
-}, aa = { class: "flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center sm:justify-center" }, oa = ["disabled", "onClick"], sa = ["aria-expanded"], ca = /* @__PURE__ */ x({
+}, ia = { class: "flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center sm:justify-center" }, aa = ["disabled", "onClick"], oa = ["aria-expanded"], sa = /* @__PURE__ */ x({
 	__name: "ElAgentChat",
 	props: {
 		chatController: {},
@@ -4839,17 +4843,17 @@ var kr = [
 			})}, ${a}`;
 		}
 		return (t, s) => (T(), _("div", { class: S(["@container/chat relative flex h-full flex-col", R.value.length === 0 ? "min-h-0 [justify-content:safe_center] overflow-y-auto" : ""]) }, [
-			e.showHeader && !K.value ? (T(), _("div", li, [b(Pe, {
+			e.showHeader && !K.value ? (T(), _("div", ci, [b(Pe, {
 				agent: e.agent,
 				"is-online": c.value
-			}, null, 8, ["agent", "is-online"])])) : e.showHeader ? (T(), _("div", ui, [v("div", { class: S(["flex items-center gap-3", e.centered ? "max-w-[720px] mx-auto" : ""]) }, [
+			}, null, 8, ["agent", "is-online"])])) : e.showHeader ? (T(), _("div", li, [v("div", { class: S(["flex items-center gap-3", e.centered ? "max-w-[720px] mx-auto" : ""]) }, [
 				b(ze, {
 					agent: e.agent,
 					"is-light": K.value,
 					class: "size-10"
 				}, null, 8, ["agent", "is-light"]),
-				v("div", di, [v("div", fi, P(e.agent.displayName.value), 1), v("div", pi, P(e.agent.title.value || "Assistant"), 1)]),
-				e.headerMeta ? (T(), _("span", mi, P(e.headerMeta), 1)) : h("", !0)
+				v("div", ui, [v("div", di, P(e.agent.displayName.value), 1), v("div", fi, P(e.agent.title.value || "Assistant"), 1)]),
+				e.headerMeta ? (T(), _("span", pi, P(e.headerMeta), 1)) : h("", !0)
 			], 2)])) : h("", !0),
 			C.value ? (T(), _("div", {
 				key: 2,
@@ -4858,13 +4862,13 @@ var kr = [
 				key: 3,
 				class: S(["flex items-center justify-center gap-1.5 py-2 text-[11px]", He.value])
 			}, [s[20] || (s[20] = v("i", { class: "i-tabler-tool size-3" }, null, -1)), v("span", null, P(e.setupHint), 1)], 2)) : h("", !0),
-			b(ci, {
+			b(si, {
 				ref_key: "chatScroller",
 				ref: i,
 				class: S(R.value.length === 0 ? "flex-none" : "flex-1")
 			}, {
 				default: F(() => [v("div", { class: S([R.value.length === 0 ? "flex flex-col items-center justify-center px-3 py-4" : e.centered ? "pt-20 pb-[120px] px-3 space-y-2" : "pt-4 pb-[120px] px-3 space-y-2", e.centered ? R.value.length === 0 ? "max-w-[900px] mx-auto w-full" : "max-w-[720px] mx-auto w-full" : ""]) }, [
-					R.value.length === 0 && !C.value ? (T(), _("div", hi, [oe(t.$slots, "empty-heading", {
+					R.value.length === 0 && !C.value ? (T(), _("div", mi, [oe(t.$slots, "empty-heading", {
 						agent: e.agent,
 						isLight: K.value
 					}, () => [b(ze, {
@@ -4874,9 +4878,9 @@ var kr = [
 					}, null, 8, ["agent", "is-light"]), v("div", { class: S(["text-base @sm/chat:text-lg font-semibold", K.value ? "text-theme-900" : "text-white"]) }, P(e.agent.displayName.value), 3)]), e.emptyStateMessage === "" ? h("", !0) : (T(), _(f, { key: 0 }, [v("p", { class: S(["mt-1 text-center text-xs @sm/chat:text-sm", He.value]) }, P(e.emptyStateMessage || "Type your message to get started."), 3), v("div", {
 						class: S(["inline-flex items-center gap-1.5 mt-5 px-2.5 py-1 rounded-full text-[11px]", K.value ? "bg-theme-50 border border-theme-100 text-theme-400" : "bg-white/10 border border-white/20 text-white/40"]),
 						title: n.value.tooltip
-					}, [v("i", { class: S([n.value.icon, "size-3"]) }, null, 2), v("span", null, P(n.value.label), 1)], 10, gi)], 64))])) : h("", !0),
+					}, [v("i", { class: S([n.value.icon, "size-3"]) }, null, 2), v("span", null, P(n.value.label), 1)], 10, hi)], 64))])) : h("", !0),
 					(T(!0), _(f, null, A(R.value, (e, t) => (T(), _(f, { key: e.id }, [
-						shouldShowTimeDivider(R.value, t) ? (T(), _("div", _i, [
+						shouldShowTimeDivider(R.value, t) ? (T(), _("div", gi, [
 							v("div", { class: S(["flex-1 h-px", Ve.value]) }, null, 2),
 							v("span", { class: S(["text-[10px] @sm/chat:text-[11px] font-medium shrink-0 tracking-widest uppercase", He.value]) }, P(shouldShowTimeDivider(R.value, t)), 3),
 							v("div", { class: S(["flex-1 h-px", Ve.value]) }, null, 2)
@@ -4889,7 +4893,7 @@ var kr = [
 						}, [b(qe, {
 							model: messageWorkJournal(e),
 							"is-light": K.value
-						}, null, 8, ["model", "is-light"])], 8, vi)) : h("", !0),
+						}, null, 8, ["model", "is-light"])], 8, _i)) : h("", !0),
 						isSystemExplainerMessage(e) ? (T(), _("div", {
 							key: 2,
 							"data-test": "messaging-system-msg",
@@ -4904,7 +4908,7 @@ var kr = [
 							"data-issue-action-url": e.issue?.actionUrl,
 							"data-streaming": e.id === be.value ? "true" : void 0,
 							class: "flex gap-2 items-end justify-start mb-4"
-						}, [v("div", bi, [v("div", { class: S(["mb-1 pl-1 text-[11px] font-medium", K.value ? "text-theme-500" : "text-white/45"]) }, " System Message ", 2), v("div", { class: S(["rounded-[20px] rounded-bl-[4px] px-4 py-2.5 border system-msg-content", K.value ? "bg-theme-25 border-theme-200 text-theme-700" : "bg-white/[0.08] border-white/10 text-white/85"]) }, [e.text ? (T(), m(ai, {
+						}, [v("div", yi, [v("div", { class: S(["mb-1 pl-1 text-[11px] font-medium", K.value ? "text-theme-500" : "text-white/45"]) }, " System Message ", 2), v("div", { class: S(["rounded-[20px] rounded-bl-[4px] px-4 py-2.5 border system-msg-content", K.value ? "bg-theme-25 border-theme-200 text-theme-700" : "bg-white/[0.08] border-white/10 text-white/85"]) }, [e.text ? (T(), m(ii, {
 							key: 0,
 							text: e.text,
 							inverted: !K.value,
@@ -4915,7 +4919,7 @@ var kr = [
 							"text",
 							"inverted",
 							"streaming"
-						])) : e.issue?.help ? (T(), m(ai, {
+						])) : e.issue?.help ? (T(), m(ii, {
 							key: 1,
 							text: e.issue.help,
 							inverted: !K.value
@@ -4925,7 +4929,7 @@ var kr = [
 							"data-test": "messaging-system-msg-action",
 							class: S(["mt-2 text-[12px] font-medium inline-flex items-center gap-1", K.value ? "text-theme-900 hover:text-theme-700" : "text-white hover:text-white/80"]),
 							onClick: s[1] || (s[1] = I(() => {}, ["stop"]))
-						}, [te(P(e.issue.actionLabel) + " ", 1), s[21] || (s[21] = v("i", { class: "i-tabler-arrow-right size-3" }, null, -1))], 10, xi)) : h("", !0)], 2)])], 8, yi)) : e.sender === "system" ? (T(), _("div", {
+						}, [te(P(e.issue.actionLabel) + " ", 1), s[21] || (s[21] = v("i", { class: "i-tabler-arrow-right size-3" }, null, -1))], 10, bi)) : h("", !0)], 2)])], 8, vi)) : e.sender === "system" ? (T(), _("div", {
 							key: 3,
 							"data-test": "messaging-system-status-msg",
 							"data-message-id": e.id,
@@ -4937,11 +4941,11 @@ var kr = [
 							"data-issue-bucket": e.issue?.bucket,
 							"data-streaming": e.id === be.value ? "true" : void 0,
 							class: S(["flex items-start gap-2 px-3 py-2 text-[13px] leading-relaxed", K.value ? "text-theme-500" : "text-white/60"])
-						}, [s[22] || (s[22] = v("i", { class: "i-tabler-info-circle size-4 mt-0.5 shrink-0" }, null, -1)), b(ai, {
+						}, [s[22] || (s[22] = v("i", { class: "i-tabler-info-circle size-4 mt-0.5 shrink-0" }, null, -1)), b(ii, {
 							text: e.text,
 							inverted: !K.value,
 							onClick: s[2] || (s[2] = I(() => {}, ["stop"]))
-						}, null, 8, ["text", "inverted"])], 10, Si)) : (T(), _("div", {
+						}, null, 8, ["text", "inverted"])], 10, xi)) : (T(), _("div", {
 							key: 4,
 							"data-test": e.sender === "agent" ? "messaging-assistant-msg" : e.sender === "user" ? "messaging-user-msg" : void 0,
 							"data-message-id": e.id,
@@ -4968,14 +4972,14 @@ var kr = [
 							"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, wi)) : e.type === "audio" ? (T(), _("audio", {
+						}, null, 8, Ci)) : e.type === "audio" ? (T(), _("audio", {
 							key: 1,
 							src: e.src,
 							controls: "",
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": "block",
 							class: "max-w-full"
-						}, null, 8, Ti)) : (T(), _("a", {
+						}, null, 8, wi)) : (T(), _("a", {
 							key: 2,
 							href: e.src,
 							target: "_blank",
@@ -4983,11 +4987,11 @@ var kr = [
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": "block",
 							class: S(["inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs", K.value ? "bg-theme-100 text-theme-600 hover:bg-theme-200" : "bg-white/10 text-white/80 hover:bg-white/20"])
-						}, [s[23] || (s[23] = v("i", { class: "i-tabler-file size-3.5" }, null, -1)), te(" " + P(e.filename), 1)], 10, Ei))], 64))), 128))], 2)) : h("", !0), messageRenderParts(e).length ? (T(), _("div", {
+						}, [s[23] || (s[23] = v("i", { class: "i-tabler-file size-3.5" }, null, -1)), te(" " + P(e.filename), 1)], 10, Ti))], 64))), 128))], 2)) : h("", !0), messageRenderParts(e).length ? (T(), _("div", {
 							key: 1,
 							"data-test": "messaging-message-content",
 							class: S(e.sender === "user" ? K.value ? "rounded-[20px] rounded-br-[4px] px-4 py-2.5 bg-theme-900 text-theme-0 shadow-[0_1px_2px_rgba(5,15,25,0.14)]" : "rounded-[20px] rounded-br-[4px] px-4 py-2.5 bg-theme-0 text-theme-950" : K.value ? "text-theme-800" : "text-white/95")
-						}, [(T(!0), _(f, null, A(messageRenderParts(e), (t) => (T(), _(f, { key: t.key }, [t.kind === "text" && t.text ? (T(), _("div", Di, [b(ai, {
+						}, [(T(!0), _(f, null, A(messageRenderParts(e), (t) => (T(), _(f, { key: t.key }, [t.kind === "text" && t.text ? (T(), _("div", Ei, [b(ii, {
 							text: t.text,
 							inverted: e.sender === "user" || !K.value,
 							streaming: e.id === be.value,
@@ -5004,14 +5008,14 @@ var kr = [
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": t.placement,
 							class: "my-2 rounded-xl object-cover max-h-48 max-w-[240px] @sm/chat:max-w-[320px]"
-						}, null, 8, Oi)) : t.kind === "attachment" && t.attachment.type === "audio" ? (T(), _("audio", {
+						}, null, 8, Di)) : t.kind === "attachment" && t.attachment.type === "audio" ? (T(), _("audio", {
 							key: 2,
 							src: t.attachment.src,
 							controls: "",
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": t.placement,
 							class: "my-2 max-w-full"
-						}, null, 8, ki)) : t.kind === "attachment" ? (T(), _("a", {
+						}, null, 8, Oi)) : t.kind === "attachment" ? (T(), _("a", {
 							key: 3,
 							href: t.attachment.src,
 							target: "_blank",
@@ -5019,7 +5023,7 @@ var kr = [
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": t.placement,
 							class: S(["my-2 inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs", K.value ? "bg-theme-100 text-theme-600 hover:bg-theme-200" : "bg-white/10 text-white/80 hover:bg-white/20"])
-						}, [s[24] || (s[24] = v("i", { class: "i-tabler-file size-3.5" }, null, -1)), te(" " + P(t.attachment.filename), 1)], 10, Ai)) : h("", !0)], 64))), 128))], 2)) : h("", !0)], 2)], 10, Ci)),
+						}, [s[24] || (s[24] = v("i", { class: "i-tabler-file size-3.5" }, null, -1)), te(" " + P(t.attachment.filename), 1)], 10, ki)) : h("", !0)], 64))), 128))], 2)) : h("", !0)], 2)], 10, Si)),
 						e.id === B.value ? (T(), _(f, { key: 5 }, [j.value.length ? (T(!0), _(f, { key: 0 }, A(j.value, (e) => (T(), _(f, { key: e.id }, [e.kind === "work" ? (T(), _("div", {
 							key: 0,
 							"data-test": "messaging-tool-activity",
@@ -5028,11 +5032,11 @@ var kr = [
 						}, [b(qe, {
 							model: e.journal,
 							"is-light": K.value
-						}, null, 8, ["model", "is-light"])], 8, ji)) : e.kind === "text" && e.content ? (T(), _("div", {
+						}, null, 8, ["model", "is-light"])], 8, Ai)) : e.kind === "text" && e.content ? (T(), _("div", {
 							key: 1,
 							"data-test": "messaging-live-text-block",
 							class: S(["mb-4 @sm/chat:pr-[1em] @lg/chat:pr-[2em]", K.value ? "text-theme-800" : "text-white/95"])
-						}, [b(ai, {
+						}, [b(ii, {
 							text: e.content,
 							inverted: !K.value,
 							streaming: e.id === se.value,
@@ -5042,7 +5046,7 @@ var kr = [
 							"text",
 							"inverted",
 							"streaming"
-						])], 2)) : (T(), _("div", Mi, [b(_e, { class: S(["size-3.5", K.value ? "text-theme-500" : "text-white/70"]) }, null, 8, ["class"])]))], 64))), 128)) : ve.value ? (T(), _("div", {
+						])], 2)) : (T(), _("div", ji, [b(_e, { class: S(["size-3.5", K.value ? "text-theme-500" : "text-white/70"]) }, null, 8, ["class"])]))], 64))), 128)) : ve.value ? (T(), _("div", {
 							key: 1,
 							"data-test": "messaging-tool-activity",
 							"data-journal-outcome": ve.value.outcome,
@@ -5050,7 +5054,7 @@ var kr = [
 						}, [b(qe, {
 							model: ve.value,
 							"is-light": K.value
-						}, null, 8, ["model", "is-light"])], 8, Ni)) : h("", !0)], 64)) : h("", !0)
+						}, null, 8, ["model", "is-light"])], 8, Mi)) : h("", !0)], 64)) : h("", !0)
 					], 64))), 128)),
 					z.value ? (T(), _("div", {
 						key: 1,
@@ -5060,7 +5064,7 @@ var kr = [
 					}, [s[25] || (s[25] = v("i", {
 						class: "i-tabler-loader-2 size-3.5 shrink-0 animate-spin opacity-70",
 						"aria-hidden": "true"
-					}, null, -1)), v("span", Fi, P(z.value), 1)], 10, Pi)) : h("", !0),
+					}, null, -1)), v("span", Pi, P(z.value), 1)], 10, Ni)) : h("", !0),
 					H.value ? (T(), _("div", {
 						key: 2,
 						"data-test": "messaging-transient-issue",
@@ -5077,9 +5081,9 @@ var kr = [
 							href: H.value.actionUrl,
 							class: "shrink-0 underline underline-offset-2",
 							onClick: s[5] || (s[5] = I(() => {}, ["stop"]))
-						}, P(H.value.actionLabel), 9, Li)) : h("", !0)
-					], 10, Ii)) : h("", !0),
-					U.value ? (T(), _("div", Ri, [v("i", {
+						}, P(H.value.actionLabel), 9, Ii)) : h("", !0)
+					], 10, Fi)) : h("", !0),
+					U.value ? (T(), _("div", Li, [v("i", {
 						class: S(["i-svg-spinners-3-dots-bounce size-7", K.value ? "text-theme-400" : "text-white/50"]),
 						"aria-hidden": "true"
 					}, null, 2)])) : h("", !0)
@@ -5098,13 +5102,13 @@ var kr = [
 					src: e.src,
 					alt: e.filename,
 					class: S(["size-14 rounded-xl object-cover border", K.value ? "border-black/10" : "border-white/20"])
-				}, null, 10, zi)) : (T(), _("div", {
+				}, null, 10, Ri)) : (T(), _("div", {
 					key: 1,
 					class: S(["h-14 px-3 rounded-xl flex items-center gap-1.5 text-xs border", K.value ? "border-black/10 bg-theme-50 text-theme-600" : "border-white/20 bg-white/10 text-white/70"])
-				}, [s[27] || (s[27] = v("i", { class: "i-tabler-file size-4" }, null, -1)), v("span", Bi, P(e.filename), 1)], 2)), v("button", {
+				}, [s[27] || (s[27] = v("i", { class: "i-tabler-file size-4" }, null, -1)), v("span", zi, P(e.filename), 1)], 2)), v("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: (e) => removeAttachment(t)
-				}, [...s[28] || (s[28] = [v("i", { class: "i-tabler-x size-3" }, null, -1)])], 8, Vi)]))), 128)), De.value ? (T(), _("div", Hi, [b(_e, { class: "size-5" })])) : h("", !0)], 2)) : h("", !0),
+				}, [...s[28] || (s[28] = [v("i", { class: "i-tabler-x size-3" }, null, -1)])], 8, Bi)]))), 128)), De.value ? (T(), _("div", Vi, [b(_e, { class: "size-5" })])) : h("", !0)], 2)) : h("", !0),
 				G.value ? (T(), _("input", {
 					key: 1,
 					ref_key: "fileInput",
@@ -5125,7 +5129,7 @@ var kr = [
 					class: S(["flex min-w-0 items-center gap-2 py-1", K.value ? "text-theme-700" : "text-white/80"])
 				}, [
 					s[29] || (s[29] = v("span", { class: "size-2.5 shrink-0 rounded-full bg-red-500" }, null, -1)),
-					v("span", Gi, P(Le.value), 1),
+					v("span", Wi, P(Le.value), 1),
 					v("span", { class: S(["min-w-0 truncate text-sm", K.value ? "text-theme-400" : "text-white/45"]) }, P(Re.value), 3)
 				], 2)) : pe((T(), _("textarea", {
 					key: 0,
@@ -5145,7 +5149,7 @@ var kr = [
 					onKeydown: handleKeydown,
 					onFocus: s[7] || (s[7] = (e) => r.value = !0),
 					onBlur: s[8] || (s[8] = (e) => r.value = !1)
-				}, null, 42, Wi)), [[ue, Te.value]]), v("div", Ki, [
+				}, null, 42, Ui)), [[ue, Te.value]]), v("div", Gi, [
 					v("button", {
 						class: S(["-ml-2 flex size-8 items-center justify-center transition-opacity hover:opacity-70", [
 							G.value ? "cursor-pointer" : "cursor-default",
@@ -5156,9 +5160,9 @@ var kr = [
 						"aria-label": G.value ? "Attach file" : "File attachments unavailable",
 						title: G.value ? "Attach file" : "File attachments unavailable",
 						onClick: s[9] || (s[9] = (e) => G.value && triggerFileInput())
-					}, [De.value ? (T(), _("i", Ji)) : (T(), _("i", Yi)), v("span", Xi, P(G.value ? "Attach file" : "File attachments unavailable"), 1)], 10, qi),
+					}, [De.value ? (T(), _("i", qi)) : (T(), _("i", Ji)), v("span", Yi, P(G.value ? "Attach file" : "File attachments unavailable"), 1)], 10, Ki),
 					s[30] || (s[30] = v("div", { class: "flex-1" }, null, -1)),
-					v("div", Zi, [Fe.value || Ie.value ? (T(), _("button", {
+					v("div", Xi, [Fe.value || Ie.value ? (T(), _("button", {
 						key: 0,
 						"data-test": "messaging-record-audio-btn",
 						class: S(["flex size-8 cursor-pointer items-center justify-center transition-[opacity,transform] duration-200 hover:opacity-70", Ie.value ? K.value ? "text-theme-900 scale-110" : "text-white scale-110" : K.value ? "text-theme-500" : "text-white/60"]),
@@ -5173,7 +5177,7 @@ var kr = [
 							s[17] || (s[17] = he(I((e) => finishRecording({ cancelled: !0 }), ["prevent"]), ["escape"]))
 						],
 						onKeyup: [s[14] || (s[14] = he(I((e) => finishRecording({ cancelled: !1 }), ["prevent"]), ["enter"])), s[16] || (s[16] = he(I((e) => finishRecording({ cancelled: !1 }), ["prevent"]), ["space"]))]
-					}, [v("i", { class: S([Ie.value ? "i-tabler-microphone-filled" : "i-tabler-microphone", "size-[18px]"]) }, null, 2), v("span", $i, P(Be.value), 1)], 42, Qi)) : h("", !0), Ie.value ? h("", !0) : (T(), _("button", {
+					}, [v("i", { class: S([Ie.value ? "i-tabler-microphone-filled" : "i-tabler-microphone", "size-[18px]"]) }, null, 2), v("span", Qi, P(Be.value), 1)], 42, Zi)) : h("", !0), Ie.value ? h("", !0) : (T(), _("button", {
 						key: 1,
 						"data-test": "messaging-send-btn",
 						"data-composer-action": je.value,
@@ -5182,36 +5186,36 @@ var kr = [
 						"aria-label": Ne.value,
 						title: Ne.value,
 						onClick: s[18] || (s[18] = (e) => handleComposerAction())
-					}, [je.value === "stop" ? (T(), _("i", ta)) : (T(), _("i", na)), v("span", ra, P(Ne.value), 1)], 10, ea))])
-				])], 10, Ui),
-				R.value.length === 0 && e.suggestedPrompts.length > 0 ? (T(), _("div", ia, [v("div", aa, [(T(!0), _(f, null, A(e.suggestedPrompts, (e, t) => (T(), _("button", {
+					}, [je.value === "stop" ? (T(), _("i", ea)) : (T(), _("i", ta)), v("span", na, P(Ne.value), 1)], 10, $i))])
+				])], 10, Hi),
+				R.value.length === 0 && e.suggestedPrompts.length > 0 ? (T(), _("div", ra, [v("div", ia, [(T(!0), _(f, null, A(e.suggestedPrompts, (e, t) => (T(), _("button", {
 					key: e.id,
 					type: "button",
 					disabled: W.value,
 					"data-test": "messaging-suggested-prompt",
 					class: S(["w-full rounded-2xl bg-theme-50 px-4 py-3 text-left text-[14.5px] font-medium transition-colors sm:w-auto sm:rounded-full sm:py-2 sm:text-center sm:text-[14px]", [W.value ? "cursor-not-allowed text-theme-300" : "cursor-pointer text-theme-600 hover:bg-theme-100 hover:text-theme-900", !re.value && t >= 3 ? "max-sm:hidden" : ""]]),
 					onClick: (t) => sendSuggestedPrompt(e)
-				}, P(e.label), 11, oa))), 128)), e.suggestedPrompts.length > 3 ? (T(), _("button", {
+				}, P(e.label), 11, aa))), 128)), e.suggestedPrompts.length > 3 ? (T(), _("button", {
 					key: 0,
 					type: "button",
 					"data-test": "messaging-suggested-prompts-more",
 					"aria-expanded": re.value,
 					class: "flex w-full cursor-pointer items-center justify-center gap-1.5 rounded-2xl px-4 py-3 text-[14px] font-medium text-theme-600 ring-1 ring-theme-200 transition-colors hover:bg-theme-50 hover:text-theme-900 sm:hidden",
 					onClick: s[19] || (s[19] = (e) => re.value = !re.value)
-				}, [te(P(re.value ? "See less" : "See more") + " ", 1), v("i", { class: S(["i-tabler-chevron-down size-4 transition-transform", re.value ? "rotate-180" : ""]) }, null, 2)], 8, sa)) : h("", !0)])])) : h("", !0)
+				}, [te(P(re.value ? "See less" : "See more") + " ", 1), v("i", { class: S(["i-tabler-chevron-down size-4 transition-transform", re.value ? "rotate-180" : ""]) }, null, 2)], 8, oa)) : h("", !0)])])) : h("", !0)
 			], 2)
 		], 2));
 	}
-}), la = { class: "agent-wrap" }, ua = {
+}), ca = { class: "agent-wrap" }, la = {
 	key: 0,
 	class: "flex items-center justify-center h-full"
-}, da = {
+}, ua = {
 	key: 2,
 	class: "flex h-full flex-col items-center justify-center gap-4 px-6 text-center",
 	role: "status",
 	"aria-live": "polite",
 	"data-test": "agent-unavailable"
-}, fa = /* @__PURE__ */ x({
+}, da = /* @__PURE__ */ x({
 	__name: "AgentWrap",
 	props: {
 		sdk: {},
@@ -5307,7 +5311,7 @@ var kr = [
 				});
 			}
 		}
-		return ie(loadAgent), (t, n) => (T(), _("div", la, [s.value ? (T(), _("div", ua, [v("div", { class: S(["size-6 animate-spin rounded-full border-b-2", i.bare ? "border-theme-400" : "border-white"]) }, null, 2)])) : c.value ? oe(t.$slots, "default", {
+		return ie(loadAgent), (t, n) => (T(), _("div", ca, [s.value ? (T(), _("div", la, [v("div", { class: S(["size-6 animate-spin rounded-full border-b-2", i.bare ? "border-theme-400" : "border-white"]) }, null, 2)])) : c.value ? oe(t.$slots, "default", {
 			sdk: ce(o),
 			agent: c.value,
 			context: e.clientContext ?? e.context,
@@ -5315,7 +5319,7 @@ var kr = [
 			buttonText: e.buttonText,
 			buttonIcon: e.buttonIcon,
 			loading: s.value
-		}, void 0, void 0, 1) : u.value ? (T(), _("div", da, [n[0] || (n[0] = v("p", { class: "text-sm font-medium text-theme-600" }, " This assistant is unavailable right now. ", -1)), v("button", {
+		}, void 0, void 0, 1) : u.value ? (T(), _("div", ua, [n[0] || (n[0] = v("p", { class: "text-sm font-medium text-theme-600" }, " This assistant is unavailable right now. ", -1)), v("button", {
 			type: "button",
 			class: "min-h-11 rounded-full bg-theme-900 px-5 text-sm font-semibold text-theme-0 transition-colors hover:bg-theme-700",
 			"data-test": "agent-unavailable-retry",
@@ -5324,6 +5328,6 @@ var kr = [
 	}
 });
 //#endregion
-export { ke as a, getAgentAvatarUrl as c, AgentChatController as d, ve as f, Pe as i, handleImageError as l, _e as m, ca as n, De as o, n as p, ai as r, Te as s, fa as t, parseButtonTemplate as u };
+export { ke as a, getAgentAvatarUrl as c, AgentChatController as d, ve as f, Pe as i, handleImageError as l, _e as m, sa as n, De as o, n as p, ii as r, Te as s, da as t, parseButtonTemplate as u };
 
 //# sourceMappingURL=AgentWrap.js.map