themelia-react-ui 2.0.3 → 2.0.5

package/dist/{ai-artifact-DvTwDVyL.js → ai-artifact-C58tQcBy.js}

@@ -1,27 +1,28 @@
 "use client";
 import { mergeStrings as e, useStrings as t } from "./lib/strings.js";
-import { t as n } from "./utils-BRhFDwuU.js";
-import { n as r } from "./buttons-DPZekJFu.js";
-import { c as i, o as a, t as o } from "./typography-UTnveOEy.js";
+import { t as n } from "./utils-B6kKb8jB.js";
+import { n as r } from "./buttons-BedGfygC.js";
+import { c as i, o as a, t as o } from "./typography-BQnine1k.js";
 import { t as s } from "./focus-recipes-B653VaLq.js";
-import { t as c } from "./structure-BmisBK-3.js";
+import { t as c } from "./structure-DuxKl954.js";
 import { i as l } from "./tone-recipes-BPsRAvhu.js";
-import { t as u } from "./smart-card-DiC5aac3.js";
-import { t as d } from "./interaction-recipes-XR9ZpVYL.js";
-import { g as f, m as p, r as m } from "./primitives-BFK08r9M.js";
-import { t as h } from "./number-DbV1Dija.js";
-import { t as g } from "./icon-badge-DYKIwvOV.js";
-import { t as _ } from "./badge-HpFqoqSY.js";
-import { a as v, c as y, i as b, n as x, o as S, r as C, s as w, t as T } from "./attachment-BxDfL2mw.js";
-import { t as E } from "./message-DZ_ruyUV.js";
-import { t as D } from "./code-block-DeneBJR_.js";
-import { useEffect as O, useRef as k, useState as A } from "react";
-import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
-import { AlertCircle as P, Bot as F, Brain as ee, Check as I, ChevronDown as L, ChevronRight as R, Circle as te, Copy as ne, Download as re, ExternalLink as z, FileText as ie, Globe as ae, Loader2 as B, MinusCircle as oe, RotateCcw as se, User as ce, X as V, XCircle as le } from "lucide-react";
+import { t as u } from "./smart-card-CW0hjetE.js";
+import { n as d } from "./composition.recipes-COdiFhxB.js";
+import { t as f } from "./interaction-recipes-XR9ZpVYL.js";
+import { g as p, m, r as h } from "./primitives-ByWgGUgt.js";
+import { t as g } from "./number-CRU3kGuk.js";
+import { t as _ } from "./icon-badge-DZF-YjQp.js";
+import { t as v } from "./badge-xIiV_E7f.js";
+import { a as y, c as b, i as x, n as S, o as C, r as w, s as T, t as E } from "./attachment-Dg_69lPS.js";
+import { t as D } from "./message-g8p7eVtN.js";
+import { t as O } from "./code-block-BzmM9Eig.js";
+import { useEffect as k, useRef as A, useState as j } from "react";
+import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
+import { AlertCircle as F, Bot as I, Brain as ee, Check as L, ChevronDown as R, ChevronRight as z, Circle as te, Copy as ne, Download as re, ExternalLink as ie, FileText as ae, Globe as oe, Loader2 as B, MinusCircle as se, RotateCcw as ce, User as le, X as V, XCircle as ue } from "lucide-react";
 //#region src/components/blocks/ai/use-copy-feedback.ts
 function H(e, t) {
-	let [n, r] = A(!1), [i, a] = A(!1), o = k(!1), s = k(0), c = k(void 0);
-	return O(() => (o.current = !0, r(!1), a(!1), () => {
+	let [n, r] = j(!1), [i, a] = j(!1), o = A(!1), s = A(0), c = A(void 0);
+	return k(() => (o.current = !0, r(!1), a(!1), () => {
 		o.current = !1, s.current += 1, clearTimeout(c.current);
 	}), [t]), {
 		copied: n,
@@ -49,14 +50,14 @@ var U = {
 };
 //#endregion
 //#region src/components/blocks/ai/ai-message-bubble/ai-message-bubble.tsx
-function W({ role: e = "assistant", avatar: a, avatarLabel: o, authorName: s, timestamp: c, children: l, plainText: u, loading: d = !1, onCopy: f, onRegenerate: p, onCopyError: m, className: h, strings: _ }) {
-	let v = t(U, _), y = u ?? (typeof l == "string" ? l : ""), { copied: b, failed: x, copy: S } = H(m, y), C = a ?? /* @__PURE__ */ M(g, {
-		icon: e === "user" ? ce : F,
+function W({ role: e = "assistant", avatar: a, avatarLabel: o, authorName: s, timestamp: c, children: l, plainText: u, loading: d = !1, onCopy: f, onRegenerate: p, onCopyError: m, className: h, strings: g }) {
+	let v = t(U, g), y = u ?? (typeof l == "string" ? l : ""), { copied: b, failed: x, copy: S } = H(m, y), C = a ?? /* @__PURE__ */ N(_, {
+		icon: e === "user" ? le : I,
 		tone: "neutral",
 		size: "sm",
 		"aria-label": o
 	}), w = (f !== void 0 || u || p) && e === "assistant";
-	return /* @__PURE__ */ M(E, {
+	return /* @__PURE__ */ N(D, {
 		align: e === "user" ? "end" : "start",
 		tone: e === "user" ? "primary" : e === "system" ? "muted" : "surface",
 		avatar: C,
@@ -65,8 +66,8 @@ function W({ role: e = "assistant", avatar: a, avatarLabel: o, authorName: s, ti
 		loading: d,
 		strings: { loading: v.loading },
 		className: n("ai-message-bubble--component", h),
-		actions: w ? /* @__PURE__ */ N(j, { children: [
-			/* @__PURE__ */ M(r, {
+		actions: w ? /* @__PURE__ */ P(M, { children: [
+			/* @__PURE__ */ N(r, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
@@ -77,17 +78,17 @@ function W({ role: e = "assistant", avatar: a, avatarLabel: o, authorName: s, ti
 				onClick: async () => {
 					y && await S(y) && f?.();
 				},
-				children: /* @__PURE__ */ M(ne, {
+				children: /* @__PURE__ */ N(ne, {
 					"aria-hidden": "true",
 					className: "size-icon-md"
 				})
 			}),
-			b && /* @__PURE__ */ M(i, {
+			b && /* @__PURE__ */ N(i, {
 				size: "xs",
 				type: "success",
 				children: v.copied
 			}),
-			p && /* @__PURE__ */ M(r, {
+			p && /* @__PURE__ */ N(r, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
@@ -95,12 +96,12 @@ function W({ role: e = "assistant", avatar: a, avatarLabel: o, authorName: s, ti
 				iconOnly: !0,
 				"aria-label": v.regenerateAria,
 				onClick: p,
-				children: /* @__PURE__ */ M(se, {
+				children: /* @__PURE__ */ N(ce, {
 					"aria-hidden": "true",
 					className: "size-icon-md"
 				})
 			}),
-			x && /* @__PURE__ */ M(i, {
+			x && /* @__PURE__ */ N(i, {
 				role: "alert",
 				size: "xs",
 				type: "error",
@@ -122,8 +123,9 @@ var G = {
 	collapse: "Hide details",
 	args: "Arguments",
 	result: "Result",
-	durationLabel: "Took"
-}, ue = {
+	durationLabel: "Took",
+	elapsedLabel: "Elapsed"
+}, de = {
 	pending: { tone: "secondary" },
 	running: {
 		tone: "info",
@@ -132,13 +134,13 @@ var G = {
 	success: { tone: "success" },
 	error: { tone: "destructive" }
 };
-function de({ label: e, ms: t }) {
-	return /* @__PURE__ */ N("span", {
+function fe({ label: e, ms: t }) {
+	return /* @__PURE__ */ P("span", {
 		className: "inline-flex shrink-0 items-baseline gap-space-xs",
-		children: [/* @__PURE__ */ M(f, {
+		children: [/* @__PURE__ */ N(p, {
 			size: "xs",
 			children: e
-		}), /* @__PURE__ */ M(m, {
+		}), /* @__PURE__ */ N(h, {
 			value: t,
 			from: "milliseconds",
 			maxParts: 1,
@@ -149,68 +151,71 @@ function de({ label: e, ms: t }) {
 		})]
 	});
 }
-function K({ name: e, status: i, icon: a, args: o, result: s, error: f, durationMs: m, expanded: h, defaultExpanded: v = !1, onExpandedChange: y, className: b, strings: x }) {
-	let S = t(G, x), [C, w] = A(v), T = h ?? C, E = (e) => {
+function K({ name: e, status: i, icon: a, args: o, result: s, error: d, durationMs: p, expanded: h, defaultExpanded: g = !1, onExpandedChange: y, className: b, strings: x }) {
+	let S = t(G, x), [C, w] = j(g), T = h ?? C, E = (e) => {
 		h === void 0 && w(e), y?.(e);
 	}, D = {
 		pending: S.pending,
 		running: S.running,
 		success: S.success,
 		error: S.error
-	}, O = ue[i], k = !!(o || s || f);
-	return /* @__PURE__ */ N(u, {
+	}, O = de[i], k = !!(o || s || d), A = i === "success" || i === "error";
+	return /* @__PURE__ */ P(u, {
 		surface: "card",
 		padding: "none",
 		className: n("ai-tool-call--component", i === "error" && n(l.destructive.edge, l.destructive.wash), b),
-		children: [/* @__PURE__ */ N(r, {
+		children: [/* @__PURE__ */ P(r, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
 			size: "md",
 			onClick: () => k && E(!T),
-			className: n("ai-tool-call--trigger h-auto min-h-0 w-full flex-wrap justify-start gap-space-md whitespace-normal rounded-none px-space-lg py-space-md text-left @md/card:flex-nowrap", k ? `cursor-pointer ${d.rowHover}` : "cursor-default"),
+			className: n("ai-tool-call--trigger h-auto min-h-0 w-full flex-wrap justify-start gap-space-md whitespace-normal rounded-none px-space-lg py-space-md text-left @md/card:flex-nowrap", k ? `cursor-pointer ${f.rowHover}` : "cursor-default"),
 			"aria-expanded": k ? T : void 0,
 			"aria-label": k ? T ? S.collapse : S.expand : void 0,
 			children: [
-				!!a && /* @__PURE__ */ M(g, {
+				!!a && /* @__PURE__ */ N(_, {
 					icon: a,
 					tone: "neutral",
 					size: "md",
 					shape: "square"
 				}),
-				/* @__PURE__ */ M("div", {
+				/* @__PURE__ */ N("div", {
 					className: "min-w-0 flex-1",
-					children: /* @__PURE__ */ M(p, {
+					children: /* @__PURE__ */ N(m, {
 						type: "inherit",
 						className: "truncate",
 						children: e
 					})
 				}),
-				/* @__PURE__ */ N("span", {
+				/* @__PURE__ */ P("span", {
 					className: "ai-tool-call--meta order-last flex w-full flex-wrap items-center gap-space-sm @md/card:order-none @md/card:w-auto @md/card:flex-nowrap",
-					children: [/* @__PURE__ */ M(_, {
+					children: [/* @__PURE__ */ N(v, {
 						tone: O.tone,
 						dot: O.live,
 						pulse: O.live,
 						children: D[i]
-					}), !!m && /* @__PURE__ */ M(de, {
-						label: S.durationLabel,
-						ms: m
+					}), !!p && /* @__PURE__ */ N(fe, {
+						label: A ? S.durationLabel : S.elapsedLabel ?? G.elapsedLabel ?? S.durationLabel,
+						ms: p
 					})]
 				}),
-				k && M(T ? L : R, { className: "size-icon-md shrink-0 text-muted-foreground" })
+				k ? N(T ? R : z, { className: "size-icon-md shrink-0 text-muted-foreground" }) : /* @__PURE__ */ N("span", {
+					"aria-hidden": "true",
+					className: "ai-tool-call--affordance hidden size-icon-md shrink-0 @md/card:block"
+				})
 			]
-		}), !!T && k && /* @__PURE__ */ N(c, {
+		}), !!T && k && /* @__PURE__ */ P(c, {
 			gap: "md",
 			className: "ai-tool-call--details border-t border-border/60 bg-muted/30 px-space-lg py-space-md",
-			children: [!!o && /* @__PURE__ */ M(q, {
+			children: [!!o && /* @__PURE__ */ N(q, {
 				label: S.args,
 				children: o
-			}), i === "error" && f ? /* @__PURE__ */ M(q, {
+			}), i === "error" && d ? /* @__PURE__ */ N(q, {
 				label: S.error,
 				tone: "destructive",
-				children: f
-			}) : !!s && /* @__PURE__ */ M(q, {
+				children: d
+			}) : !!s && /* @__PURE__ */ N(q, {
 				label: S.result,
 				children: s
 			})]
@@ -219,12 +224,12 @@ function K({ name: e, status: i, icon: a, args: o, result: s, error: f, duration
 }
 K.displayName = "AiToolCall";
 function q({ label: e, children: t, tone: r = "neutral" }) {
-	return /* @__PURE__ */ N(c, {
+	return /* @__PURE__ */ P(c, {
 		gap: "sm",
 		className: "ai-tool-call--detail-block",
-		children: [/* @__PURE__ */ M(a, { children: e }), /* @__PURE__ */ M("pre", {
+		children: [/* @__PURE__ */ N(a, { children: e }), /* @__PURE__ */ N("pre", {
 			tabIndex: 0,
-			className: n("box-border m-0 max-w-full overflow-x-auto rounded-inner bg-card text-card-foreground px-space-md py-space-md font-mono text-xs leading-relaxed", r === "destructive" && n(l.destructive.ink, l.destructive.wash)),
+			className: n("box-border m-0 max-w-full overflow-x-auto rounded-radius bg-card text-card-foreground px-space-md py-space-md font-mono text-xs leading-relaxed", r === "destructive" && n(l.destructive.ink, l.destructive.wash)),
 			children: t
 		})]
 	});
@@ -232,7 +237,7 @@ function q({ label: e, children: t, tone: r = "neutral" }) {
 //#endregion
 //#region src/components/blocks/ai/ai-shimmer/ai-shimmer.tsx
 function J({ children: e = "Thinking…", paused: t = !1, duration: r = 2.4, size: a, className: o }) {
-	if (t) return /* @__PURE__ */ M(i, {
+	if (t) return /* @__PURE__ */ N(i, {
 		tag: "span",
 		type: "secondary",
 		size: a,
@@ -241,7 +246,7 @@ function J({ children: e = "Thinking…", paused: t = !1, duration: r = 2.4, siz
 		children: e
 	});
 	let s = { "--ai-shimmer-duration": `${r}s` };
-	return /* @__PURE__ */ M(i, {
+	return /* @__PURE__ */ N(i, {
 		tag: "span",
 		size: a,
 		weight: "medium",
@@ -256,7 +261,7 @@ function J({ children: e = "Thinking…", paused: t = !1, duration: r = 2.4, siz
 J.displayName = "AiShimmer";
 //#endregion
 //#region src/components/blocks/ai/ai-code-block/types.ts
-var Y = {
+var pe = {
 	copy: "Copy",
 	copied: "Copied",
 	copyError: "Could not copy. Please try again.",
@@ -265,9 +270,9 @@ var Y = {
 };
 //#endregion
 //#region src/components/blocks/ai/ai-code-block/ai-code-block.tsx
-function X({ strings: e, className: r, onCopy: i, ...a }) {
-	let o = t(Y, e);
-	return /* @__PURE__ */ M(D, {
+function me({ strings: e, className: r, onCopy: i, ...a }) {
+	let o = t(pe, e);
+	return /* @__PURE__ */ N(O, {
 		...a,
 		className: n("ai-code-block--component", r),
 		onCopy: i ? () => i() : void 0,
@@ -279,10 +284,10 @@ function X({ strings: e, className: r, onCopy: i, ...a }) {
 		}
 	});
 }
-X.displayName = "AiCodeBlock";
+me.displayName = "AiCodeBlock";
 //#endregion
 //#region src/components/blocks/ai/ai-attachment/types.ts
-var Z = {
+var Y = {
 	removeAria: "Remove attachment",
 	openAria: "Open attachment",
 	uploadProgressAria: "Upload progress",
@@ -290,9 +295,9 @@ var Z = {
 };
 //#endregion
 //#region src/components/blocks/ai/ai-attachment/ai-attachment.tsx
-function fe({ name: e, meta: a, kind: o = "generic", icon: s, thumbnailUrl: c, progress: l, errored: u = !1, onOpen: d, onRemove: f, className: p, strings: m }) {
-	let h = t(Z, m), g = !u && typeof l == "number" && l >= 0 && l < 1;
-	return /* @__PURE__ */ N(T, {
+function he({ name: e, meta: a, kind: o = "generic", icon: s, thumbnailUrl: c, progress: l, errored: u = !1, onOpen: d, onRemove: f, className: p, strings: m }) {
+	let h = t(Y, m), g = !u && typeof l == "number" && l >= 0 && l < 1;
+	return /* @__PURE__ */ P(E, {
 		name: e,
 		layout: "compact",
 		status: u ? "error" : g ? "uploading" : void 0,
@@ -300,42 +305,42 @@ function fe({ name: e, meta: a, kind: o = "generic", icon: s, thumbnailUrl: c, p
 		strings: { preview: () => h.openAria },
 		className: n("ai-attachment--component inline-flex w-auto", p),
 		children: [
-			/* @__PURE__ */ M(S, {
+			/* @__PURE__ */ N(C, {
 				variant: c ? "image" : "icon",
-				children: c ? /* @__PURE__ */ M("img", {
+				children: c ? /* @__PURE__ */ N("img", {
 					src: c,
 					alt: ""
-				}) : u ? /* @__PURE__ */ M(P, { "aria-hidden": "true" }) : s ? /* @__PURE__ */ M(s, { "aria-hidden": "true" }) : /* @__PURE__ */ M(v, {
+				}) : u ? /* @__PURE__ */ N(F, { "aria-hidden": "true" }) : s ? /* @__PURE__ */ N(s, { "aria-hidden": "true" }) : /* @__PURE__ */ N(y, {
 					name: e,
 					kind: o
 				})
 			}),
-			/* @__PURE__ */ N(C, { children: [
-				/* @__PURE__ */ M(y, {
+			/* @__PURE__ */ P(w, { children: [
+				/* @__PURE__ */ N(b, {
 					title: e,
 					children: e
 				}),
-				a && /* @__PURE__ */ M(b, {
+				a && /* @__PURE__ */ N(x, {
 					clamp: 1,
 					children: a
 				}),
-				u && /* @__PURE__ */ M(b, {
+				u && /* @__PURE__ */ N(x, {
 					clamp: "none",
-					children: /* @__PURE__ */ M(i, {
+					children: /* @__PURE__ */ N(i, {
 						tag: "span",
 						size: "xs",
 						type: "error",
 						role: "alert",
-						children: h.error ?? Z.error
+						children: h.error ?? Y.error
 					})
 				}),
-				g && /* @__PURE__ */ M(w, {
+				g && /* @__PURE__ */ N(T, {
 					value: Math.round((l ?? 0) * 100),
 					size: "sm",
 					"aria-label": h.uploadProgressAria
 				})
 			] }),
-			f && /* @__PURE__ */ M(x, { children: /* @__PURE__ */ M(r, {
+			f && /* @__PURE__ */ N(S, { children: /* @__PURE__ */ N(r, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
@@ -343,7 +348,7 @@ function fe({ name: e, meta: a, kind: o = "generic", icon: s, thumbnailUrl: c, p
 				iconOnly: !0,
 				"aria-label": h.removeAria,
 				onClick: f,
-				children: /* @__PURE__ */ M(V, {
+				children: /* @__PURE__ */ N(V, {
 					"aria-hidden": "true",
 					className: "size-icon-sm"
 				})
@@ -351,17 +356,17 @@ function fe({ name: e, meta: a, kind: o = "generic", icon: s, thumbnailUrl: c, p
 		]
 	});
 }
-fe.displayName = "AiAttachment";
+he.displayName = "AiAttachment";
 //#endregion
 //#region src/components/blocks/ai/ai-agent/types.ts
-var pe = { statusLabels: {
+var ge = { statusLabels: {
 	idle: "Idle",
 	thinking: "Thinking",
 	working: "Working",
 	done: "Done",
 	error: "Error",
 	offline: "Offline"
-} }, me = {
+} }, _e = {
 	idle: "secondary",
 	thinking: "info",
 	working: "info",
@@ -369,68 +374,68 @@ var pe = { statusLabels: {
 	error: "destructive",
 	offline: "secondary"
 };
-function he({ name: e, icon: r, avatar: a, subtitle: o, tone: s = "primary", status: l, variant: d = "inline", trailing: f, className: p, strings: m }) {
-	let h = t(pe, m), v = a ?? /* @__PURE__ */ M(g, {
-		icon: r ?? F,
+function ve({ name: e, icon: r, avatar: a, subtitle: o, tone: s = "primary", status: l, variant: d = "inline", trailing: f, className: p, strings: m }) {
+	let h = t(ge, m), g = a ?? /* @__PURE__ */ N(_, {
+		icon: r ?? I,
 		tone: s,
 		size: d === "card" ? "md" : "sm"
-	}), y = l === "thinking" || l === "working", b = !!l && /* @__PURE__ */ M(_, {
-		tone: me[l],
+	}), y = l === "thinking" || l === "working", b = !!l && /* @__PURE__ */ N(v, {
+		tone: _e[l],
 		dot: !0,
 		pulse: y,
 		children: h.statusLabels[l]
 	});
-	return d === "card" ? /* @__PURE__ */ M(u, {
+	return d === "card" ? /* @__PURE__ */ N(u, {
 		surface: "card",
 		padding: "sm",
 		className: n("ai-agent--component", p),
-		children: /* @__PURE__ */ N(c, {
+		children: /* @__PURE__ */ P(c, {
 			direction: "horizontal",
 			align: "center",
 			gap: "lg",
 			children: [
-				v,
-				/* @__PURE__ */ N(c, {
+				g,
+				/* @__PURE__ */ P(c, {
 					gap: "dense",
 					className: "min-w-0 flex-1",
-					children: [/* @__PURE__ */ N("div", {
+					children: [/* @__PURE__ */ P("div", {
 						className: "flex items-center gap-space-md",
-						children: [/* @__PURE__ */ M(i, {
+						children: [/* @__PURE__ */ N(i, {
 							type: "inherit",
 							weight: "semibold",
 							className: "truncate",
 							children: e
 						}), b]
-					}), !!o && /* @__PURE__ */ M(i, {
+					}), !!o && /* @__PURE__ */ N(i, {
 						size: "xs",
 						type: "secondary",
 						className: "line-clamp-1",
 						children: o
 					})]
 				}),
-				!!f && /* @__PURE__ */ M("div", {
+				!!f && /* @__PURE__ */ N("div", {
 					className: "ml-auto flex items-center gap-space-xs",
 					children: f
 				})
 			]
 		})
-	}) : /* @__PURE__ */ N("div", {
+	}) : /* @__PURE__ */ P("div", {
 		className: n("ai-agent--component", "inline-flex items-center gap-space-md", p),
 		children: [
-			v,
-			/* @__PURE__ */ N(c, {
+			g,
+			/* @__PURE__ */ P(c, {
 				direction: "horizontal",
 				align: "center",
 				gap: "md",
 				className: "min-w-0",
 				children: [
-					/* @__PURE__ */ M(i, {
+					/* @__PURE__ */ N(i, {
 						type: "inherit",
 						weight: "medium",
 						className: "truncate",
 						children: e
 					}),
-					!!o && /* @__PURE__ */ M(i, {
+					!!o && /* @__PURE__ */ N(i, {
 						size: "xs",
 						type: "secondary",
 						className: "truncate",
@@ -439,23 +444,23 @@ function he({ name: e, icon: r, avatar: a, subtitle: o, tone: s = "primary", sta
 					b
 				]
 			}),
-			!!f && /* @__PURE__ */ M("div", {
+			!!f && /* @__PURE__ */ N("div", {
 				className: "ml-1 flex items-center gap-space-xs",
 				children: f
 			})
 		]
 	});
 }
-he.displayName = "AiAgent";
+ve.displayName = "AiAgent";
 //#endregion
 //#region src/components/blocks/ai/ai-confirmation/types.ts
-var ge = {
+var ye = {
 	approve: "Approve",
 	reject: "Reject",
 	pending: "Awaiting your approval",
 	approved: "Approved",
 	rejected: "Rejected"
-}, _e = {
+}, be = {
 	neutral: { icon: "neutral" },
 	destructive: {
 		ring: `${l.destructive.edge} ${l.destructive.wash}`,
@@ -474,93 +479,93 @@ var ge = {
 		icon: "primary"
 	}
 };
-function ve({ title: e, description: a, icon: o, tone: s = "neutral", status: l = "pending", onApprove: d, onReject: f, approveLabel: p, rejectLabel: m, details: h, className: _, strings: v }) {
-	let y = t(ge, v), b = o, x = _e[s];
-	return /* @__PURE__ */ M(u, {
+function xe({ title: e, description: a, icon: o, tone: s = "neutral", status: l = "pending", onApprove: f, onReject: p, approveLabel: m, rejectLabel: h, details: g, className: v, strings: y }) {
+	let b = t(ye, y), x = o, S = be[s];
+	return /* @__PURE__ */ N(u, {
 		role: "region",
 		"aria-live": "polite",
 		surface: "card",
 		padding: "sm",
-		className: n("ai-confirmation--component", x.ring, _),
-		children: /* @__PURE__ */ N(c, {
+		className: n("ai-confirmation--component", S.ring, v),
+		children: /* @__PURE__ */ P(c, {
 			gap: "lg",
-			children: [/* @__PURE__ */ N("div", {
+			children: [/* @__PURE__ */ P("div", {
 				className: "ai-confirmation--header flex items-start gap-space-lg",
-				children: [!!b && /* @__PURE__ */ M(g, {
-					icon: b,
-					tone: x.icon,
+				children: [!!x && /* @__PURE__ */ N(_, {
+					icon: x,
+					tone: S.icon,
 					size: "md",
 					shape: "square"
-				}), /* @__PURE__ */ N(c, {
+				}), /* @__PURE__ */ P(c, {
 					gap: "md",
 					className: "min-w-0 flex-1",
-					children: [/* @__PURE__ */ N(c, {
+					children: [/* @__PURE__ */ P(c, {
 						gap: "normal",
-						children: [/* @__PURE__ */ M(i, {
+						children: [/* @__PURE__ */ N(i, {
 							type: "inherit",
 							weight: "semibold",
 							children: e
-						}), !!a && /* @__PURE__ */ M(i, {
+						}), !!a && /* @__PURE__ */ N(i, {
 							type: "secondary",
 							children: a
 						})]
-					}), !!h && /* @__PURE__ */ M("div", {
+					}), !!g && /* @__PURE__ */ N("div", {
 						className: "ai-confirmation--details min-w-0",
-						children: h
+						children: g
 					})]
 				})]
-			}), l === "pending" ? /* @__PURE__ */ N("div", {
+			}), l === "pending" ? /* @__PURE__ */ P("div", {
 				className: "ai-confirmation--footer flex flex-col items-stretch gap-space-md @sm/card:flex-row @sm/card:items-center @sm/card:justify-between",
-				children: [/* @__PURE__ */ M(i, {
+				children: [/* @__PURE__ */ N(i, {
 					size: "xs",
 					type: "secondary",
-					children: y.pending
-				}), /* @__PURE__ */ N(c, {
+					children: b.pending
+				}), /* @__PURE__ */ P(c, {
 					direction: "horizontal",
 					align: "center",
 					justify: "end",
-					gap: "md",
+					gap: d.commands,
 					className: "ai-confirmation--actions",
-					children: [/* @__PURE__ */ M(r, {
+					children: [/* @__PURE__ */ N(r, {
 						type: "button",
 						tone: "secondary",
 						buttonStyle: "ghost",
-						onClick: f,
-						children: m ?? y.reject
-					}), /* @__PURE__ */ M(r, {
+						onClick: p,
+						children: h ?? b.reject
+					}), /* @__PURE__ */ N(r, {
 						type: "button",
 						tone: s === "destructive" ? "destructive" : "primary",
-						onClick: d,
-						children: p ?? y.approve
+						onClick: f,
+						children: m ?? b.approve
 					})]
 				})]
-			}) : /* @__PURE__ */ M("div", {
+			}) : /* @__PURE__ */ N("div", {
 				className: "ai-confirmation--footer flex items-center gap-space-md",
-				children: l === "approved" ? /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(I, {
+				children: l === "approved" ? /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N(L, {
 					"aria-hidden": "true",
 					className: "size-icon-md text-success"
-				}), /* @__PURE__ */ M(i, {
+				}), /* @__PURE__ */ N(i, {
 					size: "xs",
 					type: "success",
 					weight: "medium",
-					children: y.approved
-				})] }) : /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(V, {
+					children: b.approved
+				})] }) : /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N(V, {
 					"aria-hidden": "true",
 					className: "size-icon-md text-muted-foreground"
-				}), /* @__PURE__ */ M(i, {
+				}), /* @__PURE__ */ N(i, {
 					size: "xs",
 					type: "secondary",
 					weight: "medium",
-					children: y.rejected
+					children: b.rejected
 				})] })
 			})]
 		})
 	});
 }
-ve.displayName = "AiConfirmation";
+xe.displayName = "AiConfirmation";
 //#endregion
 //#region src/components/blocks/ai/ai-sources/types.ts
-var ye = {
+var Se = {
 	title: "{{count}} sources",
 	expand: "Show all sources",
 	collapse: "Hide sources",
@@ -568,17 +573,17 @@ var ye = {
 };
 //#endregion
 //#region src/components/blocks/ai/ai-sources/ai-sources.tsx
-function be(e, t) {
+function Ce(e, t) {
 	return e.replace(/\{\{\s*(\w+)\s*\}\}/g, (e, n) => {
 		let r = t[n];
 		return r === void 0 ? e : String(r);
 	});
 }
-function xe({ sources: t, variant: a = "list", maxAvatars: o = 5, expanded: s, defaultExpanded: l = !1, onExpandedChange: f, onSelect: p, className: m, strings: h }) {
-	let g = e(ye, h), [_, v] = A(l), y = s ?? _, b = (e) => {
-		s === void 0 && v(e), f?.(e);
-	}, x = be(g.title, { count: t.length });
-	if (a === "avatars") return /* @__PURE__ */ M(Se, {
+function we({ sources: t, variant: a = "list", maxAvatars: o = 5, expanded: s, defaultExpanded: l = !1, onExpandedChange: d, onSelect: p, className: m, strings: h }) {
+	let g = e(Se, h), [_, v] = j(l), y = s ?? _, b = (e) => {
+		s === void 0 && v(e), d?.(e);
+	}, x = Ce(g.title, { count: t.length });
+	if (a === "avatars") return /* @__PURE__ */ N(Te, {
 		sources: t,
 		max: o,
 		title: x,
@@ -587,11 +592,11 @@ function xe({ sources: t, variant: a = "list", maxAvatars: o = 5, expanded: s, d
 		className: n("ai-sources--component", m)
 	});
 	let S = y ? t : t.slice(0, 0);
-	return /* @__PURE__ */ N(u, {
+	return /* @__PURE__ */ P(u, {
 		surface: "card",
 		padding: "none",
 		className: n("ai-sources--component", m),
-		children: [/* @__PURE__ */ N(r, {
+		children: [/* @__PURE__ */ P(r, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
@@ -599,24 +604,24 @@ function xe({ sources: t, variant: a = "list", maxAvatars: o = 5, expanded: s, d
 			onClick: () => b(!y),
 			"aria-expanded": y,
 			"aria-label": y ? g.collapse : g.expand,
-			className: n("ai-sources--trigger h-auto min-h-0 w-full justify-start gap-space-md px-surface-xs py-row-y text-left", `rounded-inner ${d.rowHover}`),
+			className: n("ai-sources--trigger h-auto min-h-0 w-full justify-start gap-space-md px-surface-xs py-row-y text-left", `rounded-radius ${f.rowHover}`),
 			children: [
-				/* @__PURE__ */ M(Ce, { sources: t.slice(0, 4) }),
-				/* @__PURE__ */ M(i, {
+				/* @__PURE__ */ N(Ee, { sources: t.slice(0, 4) }),
+				/* @__PURE__ */ N(i, {
 					type: "inherit",
 					weight: "medium",
 					className: "flex-1",
 					children: x
 				}),
-				M(y ? L : R, { className: "size-icon-md text-muted-foreground" })
+				N(y ? R : z, { className: "size-icon-md text-muted-foreground" })
 			]
-		}), y && /* @__PURE__ */ M("div", {
+		}), y && /* @__PURE__ */ N("div", {
 			className: "ai-sources--list border-t border-border/60 px-surface-xs py-row-y",
-			children: /* @__PURE__ */ M(c, {
-				render: /* @__PURE__ */ M("ol", {}),
+			children: /* @__PURE__ */ N(c, {
+				render: /* @__PURE__ */ N("ol", {}),
 				gap: "2xs",
 				className: "m-0 list-none p-0 font-sans",
-				children: S.map((e, t) => /* @__PURE__ */ M(Te, {
+				children: S.map((e, t) => /* @__PURE__ */ N(Oe, {
 					source: e,
 					index: t + 1,
 					onSelect: p ? () => p(e, t) : void 0,
@@ -626,96 +631,96 @@ function xe({ sources: t, variant: a = "list", maxAvatars: o = 5, expanded: s, d
 		})]
 	});
 }
-xe.displayName = "AiSources";
-function Se({ sources: e, max: t, title: r, visitLabel: a, onSelect: o, className: s }) {
+we.displayName = "AiSources";
+function Te({ sources: e, max: t, title: r, visitLabel: a, onSelect: o, className: s }) {
 	let c = e.slice(0, t), l = e.length - c.length;
-	return /* @__PURE__ */ N("div", {
+	return /* @__PURE__ */ P("div", {
 		className: n("inline-flex items-center gap-space-md", s),
-		children: [
-			/* @__PURE__ */ M(Ce, {
-				sources: c,
-				onSelect: o,
-				visitLabel: a
-			}),
-			/* @__PURE__ */ M(i, {
-				size: "xs",
-				type: "secondary",
-				children: r
-			}),
-			l > 0 && /* @__PURE__ */ N(f, {
-				size: "xs",
-				className: "tabular-nums",
-				children: ["+", /* @__PURE__ */ M(h, {
-					value: l,
-					size: "xs",
-					type: "secondary",
-					align: "left"
-				})]
-			})
-		]
+		children: [/* @__PURE__ */ N(Ee, {
+			sources: c,
+			onSelect: o,
+			visitLabel: a,
+			overflow: l
+		}), /* @__PURE__ */ N(i, {
+			size: "xs",
+			type: "secondary",
+			children: r
+		})]
 	});
 }
-function Ce({ sources: e, onSelect: t, visitLabel: r }) {
-	return /* @__PURE__ */ M("div", {
-		className: n("flex", t ? "gap-space-2xs" : "-space-x-space-sm"),
-		children: e.map((e, n) => {
-			let i = /* @__PURE__ */ M("span", {
+function Ee({ sources: e, onSelect: t, visitLabel: r, overflow: i = 0 }) {
+	return /* @__PURE__ */ P("div", {
+		className: n("flex items-center", t ? "gap-space-2xs" : "-space-x-space-sm"),
+		children: [e.map((e, n) => {
+			let i = /* @__PURE__ */ N("span", {
 				"aria-hidden": !0,
 				title: typeof e.title == "string" ? e.title : void 0,
 				className: "inline-flex size-icon-lg items-center justify-center overflow-hidden rounded-full border border-card bg-muted text-muted-foreground ring-1 ring-border/60",
-				children: /* @__PURE__ */ M(we, { src: e.faviconUrl })
+				children: /* @__PURE__ */ N(De, { src: e.faviconUrl })
 			}, e.id);
-			return t ? /* @__PURE__ */ M("button", {
+			return t ? /* @__PURE__ */ N("button", {
 				type: "button",
 				onClick: () => t(e, n),
 				"aria-label": typeof e.title == "string" ? `${r}: ${e.title}` : r,
-				className: `${d.nativeButtonReset} inline-flex size-action-xs shrink-0 items-center justify-center rounded-inner focus-visible:outline-none ${s.edge}`,
+				className: `${f.nativeButtonReset} inline-flex size-action-xs shrink-0 items-center justify-center rounded-radius focus-visible:outline-none ${s.edge}`,
 				children: i
 			}, e.id) : i;
-		})
+		}), i > 0 && /* @__PURE__ */ N("span", {
+			className: "ai-sources--overflow inline-flex size-icon-lg items-center justify-center overflow-hidden rounded-full border border-card bg-muted text-muted-foreground ring-1 ring-border/60",
+			children: /* @__PURE__ */ P(p, {
+				size: "xxs",
+				className: "tabular-nums",
+				children: ["+", /* @__PURE__ */ N(g, {
+					value: i,
+					size: "xxs",
+					type: "secondary",
+					align: "left"
+				})]
+			})
+		})]
 	});
 }
-function we({ src: e }) {
-	let [t, n] = A(!1);
-	return O(() => {
+function De({ src: e }) {
+	let [t, n] = j(!1);
+	return k(() => {
 		n(!1);
-	}, [e]), !e || t ? /* @__PURE__ */ M(ae, { className: "size-icon-sm" }) : /* @__PURE__ */ M("img", {
+	}, [e]), !e || t ? /* @__PURE__ */ N(oe, { className: "size-icon-sm" }) : /* @__PURE__ */ N("img", {
 		src: e,
 		alt: "",
 		className: "size-full object-cover",
 		onError: () => n(!0)
 	});
 }
-function Te({ source: e, index: t, onSelect: r, visitLabel: a }) {
-	let l = !!(e.url || r), u = n(d.nativeButtonReset, "group flex w-full items-start gap-space-lg rounded-inner px-row-x py-row-y-sm text-left text-foreground", l && `${d.rowHover} focus-visible:outline-none ${s.edge}`), f = /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(g, {
+function Oe({ source: e, index: t, onSelect: r, visitLabel: a }) {
+	let l = !!(e.url || r), u = n(f.nativeButtonReset, "group flex w-full items-start gap-space-lg rounded-radius px-row-x py-row-y-sm text-left text-foreground", l && `${f.rowHover} focus-visible:outline-none ${s.edge}`), d = /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N(_, {
 		tone: "neutral",
 		size: "sm",
 		"aria-hidden": !1,
 		className: "shrink-0",
-		children: /* @__PURE__ */ M(h, {
+		children: /* @__PURE__ */ N(g, {
 			value: t,
 			size: "xs",
 			weight: "semibold",
 			type: "secondary",
 			align: "center"
 		})
-	}), /* @__PURE__ */ N(c, {
+	}), /* @__PURE__ */ P(c, {
 		gap: "dense",
 		className: "min-w-0 flex-1",
 		children: [
-			/* @__PURE__ */ N(i, {
+			/* @__PURE__ */ P(i, {
 				type: "inherit",
 				weight: "medium",
 				className: "truncate",
-				children: [e.title, !!e.url && /* @__PURE__ */ M(z, { className: "ml-1 inline size-icon-sm text-muted-foreground align-baseline" })]
+				children: [e.title, !!e.url && /* @__PURE__ */ N(ie, { className: "ml-1 inline size-icon-sm text-muted-foreground align-baseline" })]
 			}),
-			!!e.publisher && /* @__PURE__ */ M(i, {
+			!!e.publisher && /* @__PURE__ */ N(i, {
 				size: "xs",
 				type: "secondary",
 				className: "truncate",
 				children: e.publisher
 			}),
-			!!e.snippet && /* @__PURE__ */ M(i, {
+			!!e.snippet && /* @__PURE__ */ N(i, {
 				size: "xs",
 				type: "secondary",
 				className: "line-clamp-2",
@@ -723,7 +728,7 @@ function Te({ source: e, index: t, onSelect: r, visitLabel: a }) {
 			})
 		]
 	})] });
-	return /* @__PURE__ */ M("li", { children: e.url && !r ? /* @__PURE__ */ M(o, {
+	return /* @__PURE__ */ N("li", { children: e.url && !r ? /* @__PURE__ */ N(o, {
 		href: e.url,
 		target: "_blank",
 		rel: "noopener noreferrer",
@@ -731,21 +736,21 @@ function Te({ source: e, index: t, onSelect: r, visitLabel: a }) {
 		underline: !1,
 		className: u,
 		"aria-label": a,
-		children: f
-	}) : r ? /* @__PURE__ */ M("button", {
+		children: d
+	}) : r ? /* @__PURE__ */ N("button", {
 		type: "button",
 		onClick: r,
 		className: n(u, "h-auto justify-start whitespace-normal"),
 		"aria-label": e.url ? a : void 0,
-		children: f
-	}) : /* @__PURE__ */ M("span", {
+		children: d
+	}) : /* @__PURE__ */ N("span", {
 		className: u,
-		children: f
+		children: d
 	}) });
 }
 //#endregion
 //#region src/components/blocks/ai/ai-reasoning/types.ts
-var Ee = {
+var ke = {
 	thinking: "Thinking…",
 	thoughtFor: "Thought for {{duration}}",
 	thoughtDone: "Reasoning complete",
@@ -754,11 +759,11 @@ var Ee = {
 };
 //#endregion
 //#region src/components/blocks/ai/ai-reasoning/ai-reasoning.tsx
-function De(e, t) {
+function Ae(e, t) {
 	let n = e.split(/\{\{\s*duration\s*\}\}/);
-	return n.length === 1 ? e : /* @__PURE__ */ N(j, { children: [
+	return n.length === 1 ? e : /* @__PURE__ */ P(M, { children: [
 		n[0],
-		/* @__PURE__ */ M(m, {
+		/* @__PURE__ */ N(h, {
 			value: t,
 			maxParts: 1,
 			align: "left"
@@ -766,30 +771,30 @@ function De(e, t) {
 		n.slice(1).join("{{duration}}")
 	] });
 }
-function Oe({ children: e, streaming: a = !1, durationSeconds: o, expandWhileStreaming: s = !0, defaultExpanded: c = !1, expanded: l, onExpandedChange: u, className: f, strings: p }) {
-	let m = t(Ee, p), [h, g] = A(c), _ = l ?? h, v = (e) => {
+function X({ children: e, streaming: a = !1, durationSeconds: o, expandWhileStreaming: s = !0, defaultExpanded: c = !1, expanded: l, onExpandedChange: u, className: d, strings: p }) {
+	let m = t(ke, p), [h, g] = j(c), _ = l ?? h, v = (e) => {
 		l === void 0 && g(e), u?.(e);
 	};
-	O(() => {
+	k(() => {
 		a && s && !_ && v(!0), !a && s && _ && !c && l === void 0 && v(!1);
 	}, [a]);
-	let y = a ? /* @__PURE__ */ M(J, {
+	let y = a ? /* @__PURE__ */ N(J, {
 		className: "flex-1",
 		children: m.thinking
-	}) : o === void 0 ? /* @__PURE__ */ M(i, {
+	}) : o === void 0 ? /* @__PURE__ */ N(i, {
 		type: "inherit",
 		weight: "medium",
 		className: "flex-1",
 		children: m.thoughtDone
-	}) : /* @__PURE__ */ M(i, {
+	}) : /* @__PURE__ */ N(i, {
 		type: "inherit",
 		weight: "medium",
 		className: "flex-1",
-		children: De(m.thoughtFor, o)
+		children: Ae(m.thoughtFor, o)
 	});
-	return /* @__PURE__ */ N("div", {
-		className: n("ai-reasoning--component", "overflow-hidden rounded-radius border border-border/60 bg-muted/30", f),
-		children: [/* @__PURE__ */ N(r, {
+	return /* @__PURE__ */ P("div", {
+		className: n("ai-reasoning--component", "overflow-hidden rounded-radius border border-border/60 bg-muted/30", d),
+		children: [/* @__PURE__ */ P(r, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
@@ -797,33 +802,33 @@ function Oe({ children: e, streaming: a = !1, durationSeconds: o, expandWhileStr
 			onClick: () => v(!_),
 			"aria-expanded": _,
 			"aria-label": _ ? m.collapseAria : m.expandAria,
-			className: n("ai-reasoning--trigger h-auto min-h-0 w-full justify-start gap-space-md rounded-none px-surface-xs py-row-y text-left", d.rowHover),
+			className: n("ai-reasoning--trigger h-auto min-h-0 w-full justify-start gap-space-md rounded-none px-surface-xs py-row-y text-left", f.rowHover),
 			children: [
-				/* @__PURE__ */ M(ee, { className: "size-icon-md text-muted-foreground" }),
+				/* @__PURE__ */ N(ee, { className: "size-icon-md text-muted-foreground" }),
 				y,
-				M(_ ? L : R, { className: "size-icon-md text-muted-foreground" })
+				N(_ ? R : z, { className: "size-icon-md text-muted-foreground" })
 			]
-		}), _ && /* @__PURE__ */ M("div", {
+		}), _ && /* @__PURE__ */ N("div", {
 			className: "ai-reasoning--body border-t border-border/60 p-surface-xs",
-			children: typeof e == "string" ? /* @__PURE__ */ M(i, {
+			children: typeof e == "string" ? /* @__PURE__ */ N(i, {
 				type: "secondary",
 				lineHeight: "relaxed",
 				className: "whitespace-pre-wrap",
 				children: e
-			}) : /* @__PURE__ */ M("div", {
+			}) : /* @__PURE__ */ N("div", {
 				className: "whitespace-pre-wrap",
 				children: e
 			})
 		})]
 	});
 }
-Oe.displayName = "AiReasoning";
+X.displayName = "AiReasoning";
 //#endregion
 //#region src/components/blocks/ai/ai-chain-of-thought/types.ts
-var Q = {
+var je = {
 	title: "Reasoning",
 	streamingHint: "Working through the steps…"
-}, ke = {
+}, Me = {
 	pending: {
 		icon: te,
 		tone: "neutral"
@@ -834,65 +839,65 @@ var Q = {
 		spin: !0
 	},
 	completed: {
-		icon: I,
+		icon: L,
 		tone: "success",
 		solid: !0
 	},
 	failed: {
-		icon: P,
+		icon: F,
 		tone: "destructive",
 		solid: !0
 	}
 };
-function Ae({ steps: e, hideHeader: r = !1, streaming: o = !1, className: s, strings: l }) {
-	let d = t(Q, l);
-	return /* @__PURE__ */ M(u, {
+function Ne({ steps: e, hideHeader: r = !1, streaming: o = !1, className: s, strings: l }) {
+	let d = t(je, l);
+	return /* @__PURE__ */ N(u, {
 		surface: "card",
 		className: n("ai-chain-of-thought--component", s),
-		children: /* @__PURE__ */ N(c, {
+		children: /* @__PURE__ */ P(c, {
 			gap: "lg",
-			children: [!r && /* @__PURE__ */ M("div", {
+			children: [!r && /* @__PURE__ */ N("div", {
 				className: "ai-chain-of-thought--header",
-				children: /* @__PURE__ */ N(c, {
+				children: /* @__PURE__ */ P(c, {
 					direction: "horizontal",
 					gap: "sm",
 					wrap: !1,
-					children: [/* @__PURE__ */ M(a, { children: d.title }), o && /* @__PURE__ */ M(J, {
+					children: [/* @__PURE__ */ N(a, { children: d.title }), o && /* @__PURE__ */ N(J, {
 						size: "xs",
 						className: "ml-auto",
 						children: d.streamingHint
 					})]
 				})
-			}), /* @__PURE__ */ M("ol", {
+			}), /* @__PURE__ */ N("ol", {
 				className: "ai-chain-of-thought--body m-0 list-none p-0 font-sans",
 				children: e.map((t, r) => {
-					let a = t.status ?? "pending", o = ke[a], s = t.icon ?? o.icon, l = r === e.length - 1;
-					return /* @__PURE__ */ N("li", {
+					let a = t.status ?? "pending", o = Me[a], s = t.icon ?? o.icon, l = r === e.length - 1;
+					return /* @__PURE__ */ P("li", {
 						className: "ai-chain-of-thought--step flex gap-space-lg",
-						children: [/* @__PURE__ */ N("span", {
+						children: [/* @__PURE__ */ P("span", {
 							"aria-hidden": !0,
 							className: "ai-chain-of-thought--marker flex shrink-0 flex-col items-center",
-							children: [/* @__PURE__ */ M(g, {
+							children: [/* @__PURE__ */ N(_, {
 								tone: o.tone,
 								solid: o.solid,
 								size: "sm",
-								children: /* @__PURE__ */ M(s, { className: n(o.spin && "animate-spin") })
-							}), !l && /* @__PURE__ */ M("span", { className: "ai-chain-of-thought--rail w-px flex-1 bg-border/60" })]
-						}), /* @__PURE__ */ N(c, {
+								children: /* @__PURE__ */ N(s, { className: n(o.spin && "animate-spin") })
+							}), !l && /* @__PURE__ */ N("span", { className: "ai-chain-of-thought--rail w-px flex-1 bg-border/60" })]
+						}), /* @__PURE__ */ P(c, {
 							gap: "md",
 							className: n("min-w-0 flex-1", !l && "pb-space-lg"),
-							children: [/* @__PURE__ */ N(c, {
+							children: [/* @__PURE__ */ P(c, {
 								gap: "dense",
-								children: [/* @__PURE__ */ M(i, {
+								children: [/* @__PURE__ */ N(i, {
 									weight: a === "active" ? "semibold" : "medium",
 									type: a === "pending" ? "secondary" : "inherit",
 									children: t.title
-								}), !!t.description && /* @__PURE__ */ M(i, {
+								}), !!t.description && /* @__PURE__ */ N(i, {
 									size: "xs",
 									type: "secondary",
 									children: t.description
 								})]
-							}), !!t.body && /* @__PURE__ */ M("div", {
+							}), !!t.body && /* @__PURE__ */ N("div", {
 								className: "ai-chain-of-thought--step-body min-w-0",
 								children: t.body
 							})]
@@ -903,10 +908,10 @@ function Ae({ steps: e, hideHeader: r = !1, streaming: o = !1, className: s, str
 		})
 	});
 }
-Ae.displayName = "AiChainOfThought";
+Ne.displayName = "AiChainOfThought";
 //#endregion
 //#region src/components/blocks/ai/ai-task/types.ts
-var je = {
+var Pe = {
 	statusLabels: {
 		queued: "Queued",
 		running: "Running",
@@ -917,7 +922,7 @@ var je = {
 	},
 	collapseSubtasks: "Collapse subtasks",
 	expandSubtasks: "Expand subtasks"
-}, Me = {
+}, Fe = {
 	queued: {
 		icon: te,
 		cls: "text-muted-foreground"
@@ -928,22 +933,22 @@ var je = {
 		spin: !0
 	},
 	completed: {
-		icon: I,
+		icon: L,
 		cls: "text-success"
 	},
 	failed: {
-		icon: P,
+		icon: F,
 		cls: "text-destructive"
 	},
 	cancelled: {
-		icon: le,
+		icon: ue,
 		cls: "text-muted-foreground"
 	},
 	skipped: {
-		icon: oe,
+		icon: se,
 		cls: "text-muted-foreground"
 	}
-}, Ne = {
+}, Ie = {
 	queued: "secondary",
 	running: "info",
 	completed: "success",
@@ -951,83 +956,115 @@ var je = {
 	cancelled: "secondary",
 	skipped: "secondary"
 };
-function Pe({ task: e, density: r = "compact", indent: i = 18, className: a, strings: o }) {
-	let s = t(je, o);
-	return /* @__PURE__ */ M(u, {
+function Le({ task: e, density: r = "compact", indent: i = 18, className: a, strings: o }) {
+	let s = t(Pe, o), c = {
+		status: Q(e, (e) => Z(e.status ?? "queued")),
+		slot: Q(e, (e) => e.rightSlot != null && e.rightSlot !== !1)
+	};
+	return /* @__PURE__ */ N(u, {
 		surface: "card",
 		padding: "none",
 		className: n("ai-task--component", a),
-		children: /* @__PURE__ */ M(Fe, {
-			item: e,
-			depth: 0,
-			density: r,
-			indent: i,
-			strings: s
+		children: /* @__PURE__ */ N("div", {
+			className: n("ai-task--rows grid gap-x-space-md", Re[Number(c.status) + Number(c.slot)]),
+			children: /* @__PURE__ */ N(ze, {
+				item: e,
+				depth: 0,
+				density: r,
+				indent: i,
+				columns: c,
+				strings: s
+			})
 		})
 	});
 }
-Pe.displayName = "AiTask";
-function Fe({ item: e, depth: t, density: a, indent: o, strings: s }) {
-	let c = e.status ?? "queued", l = Me[c], u = e.icon ?? l.icon, d = !!e.children?.length, [f, p] = A(a === "expanded" || t === 0), m = c === "queued" || c === "cancelled" || c === "skipped";
-	return /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ N("div", {
-		className: n("ai-task--row grid grid-cols-[auto_minmax(0,1fr)] items-center gap-x-space-md gap-y-space-md px-row-x py-row-y", t > 0 && "border-t border-border/60"),
-		style: { paddingInlineStart: `calc(var(--row-x) * var(--space-scale) + ${t * o}px)` },
+function Z(e) {
+	return e !== "completed";
+}
+function Q(e, t) {
+	return t(e) || !!e.children?.some((e) => Q(e, t));
+}
+var Re = [
+	"grid-cols-1",
+	"grid-cols-[minmax(0,1fr)_auto]",
+	"grid-cols-[minmax(0,1fr)_auto_auto]"
+];
+Le.displayName = "AiTask";
+function ze({ item: e, depth: t, density: a, indent: o, columns: s, strings: c }) {
+	let l = e.status ?? "queued", u = Fe[l], d = e.icon ?? u.icon, f = !!e.children?.length, [p, m] = j(a === "expanded" || t === 0), h = l === "queued" || l === "cancelled" || l === "skipped";
+	return /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ P("div", {
+		className: n("ai-task--row col-span-full grid grid-cols-subgrid items-start px-row-x py-row-y", t > 0 && "border-t border-border/60"),
 		children: [
-			/* @__PURE__ */ N("span", {
-				className: "ai-task--marker flex items-center gap-space-md",
-				children: [d ? /* @__PURE__ */ M(r, {
-					type: "button",
-					tone: "secondary",
-					buttonStyle: "ghost",
-					size: "sm",
-					iconOnly: !0,
-					onClick: () => p((e) => !e),
-					"aria-expanded": f,
-					"aria-label": f ? s.collapseSubtasks : s.expandSubtasks,
-					className: "ai-task--toggle",
-					children: M(f ? L : R, {
-						"aria-hidden": "true",
-						className: "size-icon-md"
-					})
-				}) : t > 0 && /* @__PURE__ */ M("span", {
-					"aria-hidden": !0,
-					className: "w-action-sm shrink-0"
-				}), /* @__PURE__ */ M(u, {
-					"aria-hidden": "true",
-					className: n("size-icon-md shrink-0", l.cls, l.spin && "animate-spin")
-				})]
-			}),
-			/* @__PURE__ */ N("div", {
-				className: "flex min-w-0 items-center gap-space-md",
+			/* @__PURE__ */ P("div", {
+				className: "ai-task--lead grid min-w-0 grid-cols-[auto_minmax(0,1fr)] items-center gap-x-space-md gap-y-space-md",
+				style: t > 0 ? { paddingInlineStart: `${t * o}px` } : void 0,
 				children: [
-					/* @__PURE__ */ M(i, {
-						weight: c === "running" ? "semibold" : "medium",
-						type: m ? "secondary" : "inherit",
-						className: n("flex-1 truncate", c === "cancelled" && "line-through"),
-						children: e.title
+					/* @__PURE__ */ P("span", {
+						className: "ai-task--marker flex min-h-action-sm items-center gap-space-md",
+						children: [f ? /* @__PURE__ */ N(r, {
+							type: "button",
+							tone: "secondary",
+							buttonStyle: "ghost",
+							size: "sm",
+							iconOnly: !0,
+							onClick: () => m((e) => !e),
+							"aria-expanded": p,
+							"aria-label": p ? c.collapseSubtasks : c.expandSubtasks,
+							className: "ai-task--toggle",
+							children: N(p ? R : z, {
+								"aria-hidden": "true",
+								className: "size-icon-md"
+							})
+						}) : t > 0 && /* @__PURE__ */ N("span", {
+							"aria-hidden": !0,
+							className: "w-action-sm shrink-0"
+						}), /* @__PURE__ */ N(d, {
+							"aria-hidden": "true",
+							className: n("size-icon-md shrink-0", u.cls, u.spin && "animate-spin")
+						})]
 					}),
-					/* @__PURE__ */ M(_, {
-						tone: Ne[c],
-						children: s.statusLabels[c]
+					/* @__PURE__ */ N(i, {
+						weight: l === "running" ? "semibold" : "medium",
+						type: h ? "secondary" : "inherit",
+						className: n("ai-task--title min-w-0 truncate", l === "cancelled" && "line-through"),
+						children: e.title
 					}),
-					!!e.rightSlot && /* @__PURE__ */ M("span", {
-						className: "tabular-nums text-muted-foreground",
-						children: e.rightSlot
+					!!e.body && /* @__PURE__ */ N("div", {
+						className: "ai-task--body col-start-2 min-w-0",
+						children: e.body
 					})
 				]
 			}),
-			!!e.body && /* @__PURE__ */ M("div", {
-				className: "ai-task--body col-start-2 min-w-0",
-				children: e.body
+			s.status && /* @__PURE__ */ N("span", {
+				className: "ai-task--status flex min-h-action-sm items-center justify-end",
+				children: Z(l) ? /* @__PURE__ */ N(v, {
+					tone: Ie[l],
+					children: c.statusLabels[l]
+				}) : /* @__PURE__ */ N("span", {
+					className: "sr-only",
+					children: c.statusLabels[l]
+				})
+			}),
+			!s.status && !Z(l) && /* @__PURE__ */ N("span", {
+				className: "sr-only",
+				children: c.statusLabels[l]
+			}),
+			s.slot && /* @__PURE__ */ N("span", {
+				className: "ai-task--slot flex min-h-action-sm items-center justify-end tabular-nums text-muted-foreground",
+				children: e.rightSlot
 			})
 		]
-	}), d && f && /* @__PURE__ */ M("div", { children: e.children.map((e) => /* @__PURE__ */ M(Fe, {
-		item: e,
-		depth: t + 1,
-		density: a,
-		indent: o,
-		strings: s
-	}, e.id)) })] });
+	}), f && p && /* @__PURE__ */ N("div", {
+		className: "ai-task--children col-span-full grid grid-cols-subgrid",
+		children: e.children.map((e) => /* @__PURE__ */ N(ze, {
+			item: e,
+			depth: t + 1,
+			density: a,
+			indent: o,
+			columns: s,
+			strings: c
+		}, e.id))
+	})] });
 }
 //#endregion
 //#region src/components/blocks/ai/ai-artifact/types.ts
@@ -1042,54 +1079,54 @@ var $ = {
 };
 //#endregion
 //#region src/components/blocks/ai/ai-artifact/ai-artifact.tsx
-function Ie({ title: e, subtitle: a, icon: o, copyText: s, children: l, collapsed: d = !1, onOpen: f, actions: p, onDownload: m, onCopyError: h, className: _, strings: v }) {
-	let y = t($, v), b = o ?? ie, { copied: x, failed: S, copy: C } = H(h, s);
-	return /* @__PURE__ */ N(u, {
+function Be({ title: e, subtitle: a, icon: o, copyText: s, children: l, collapsed: d = !1, onOpen: f, actions: p, onDownload: m, onCopyError: h, className: g, strings: v }) {
+	let y = t($, v), b = o ?? ae, { copied: x, failed: S, copy: C } = H(h, s);
+	return /* @__PURE__ */ P(u, {
 		surface: "card",
 		padding: "none",
-		className: n("ai-artifact--component", _),
+		className: n("ai-artifact--component", g),
 		children: [
-			/* @__PURE__ */ M("div", {
+			/* @__PURE__ */ N("div", {
 				className: "ai-artifact--header @container/ai-artifact-header border-b border-border/60 bg-muted/50 p-surface",
-				children: /* @__PURE__ */ N(c, {
+				children: /* @__PURE__ */ P(c, {
 					direction: "horizontal",
 					align: "center",
 					gap: "lg",
-					children: [/* @__PURE__ */ N("div", {
+					children: [/* @__PURE__ */ P("div", {
 						className: "ai-artifact--identity flex min-w-0 basis-full items-center gap-space-lg @sm/ai-artifact-header:flex-1 @sm/ai-artifact-header:basis-0",
-						children: [/* @__PURE__ */ M(g, {
+						children: [/* @__PURE__ */ N(_, {
 							icon: b,
 							tone: "neutral",
 							size: "md",
 							shape: "square"
-						}), /* @__PURE__ */ N("div", {
+						}), /* @__PURE__ */ P("div", {
 							className: "min-w-0 flex-1",
-							children: [/* @__PURE__ */ M(i, {
+							children: [/* @__PURE__ */ N(i, {
 								type: "inherit",
 								weight: "semibold",
 								className: "break-words",
 								children: e
-							}), !!a && /* @__PURE__ */ M(i, {
+							}), !!a && /* @__PURE__ */ N(i, {
 								size: "xs",
 								type: "secondary",
 								className: "break-words",
 								children: a
 							})]
 						})]
-					}), /* @__PURE__ */ N("div", {
+					}), /* @__PURE__ */ P("div", {
 						className: "ai-artifact--actions flex flex-wrap items-center gap-space-xs",
 						children: [
 							p?.map((e) => {
 								let t = e.icon;
-								return /* @__PURE__ */ N(r, {
+								return /* @__PURE__ */ P(r, {
 									type: "button",
 									tone: "secondary",
 									buttonStyle: "ghost",
 									onClick: e.onSelect,
-									children: [!!t && /* @__PURE__ */ M(t, { className: "size-icon-md" }), e.label]
+									children: [!!t && /* @__PURE__ */ N(t, { className: "size-icon-md" }), e.label]
 								}, e.id);
 							}),
-							!!s && /* @__PURE__ */ M(r, {
+							!!s && /* @__PURE__ */ N(r, {
 								type: "button",
 								tone: "secondary",
 								buttonStyle: "ghost",
@@ -1099,9 +1136,9 @@ function Ie({ title: e, subtitle: a, icon: o, copyText: s, children: l, collapse
 								onClick: async () => {
 									s && await C(s);
 								},
-								children: x ? /* @__PURE__ */ M(I, { className: "size-icon-md text-success" }) : /* @__PURE__ */ M(ne, { className: "size-icon-md" })
+								children: x ? /* @__PURE__ */ N(L, { className: "size-icon-md text-success" }) : /* @__PURE__ */ N(ne, { className: "size-icon-md" })
 							}),
-							!!m && /* @__PURE__ */ M(r, {
+							!!m && /* @__PURE__ */ N(r, {
 								type: "button",
 								tone: "secondary",
 								buttonStyle: "ghost",
@@ -1109,9 +1146,9 @@ function Ie({ title: e, subtitle: a, icon: o, copyText: s, children: l, collapse
 								iconOnly: !0,
 								"aria-label": y.downloadAria,
 								onClick: m,
-								children: /* @__PURE__ */ M(re, { className: "size-icon-md" })
+								children: /* @__PURE__ */ N(re, { className: "size-icon-md" })
 							}),
-							!!f && /* @__PURE__ */ M(r, {
+							!!f && /* @__PURE__ */ N(r, {
 								type: "button",
 								tone: "secondary",
 								buttonStyle: "ghost",
@@ -1119,19 +1156,19 @@ function Ie({ title: e, subtitle: a, icon: o, copyText: s, children: l, collapse
 								iconOnly: !0,
 								"aria-label": y.openAria,
 								onClick: f,
-								children: /* @__PURE__ */ M(z, { className: "size-icon-md" })
+								children: /* @__PURE__ */ N(ie, { className: "size-icon-md" })
 							})
 						]
 					})]
 				})
 			}),
-			!d && !!l && /* @__PURE__ */ M("div", {
-				className: "ai-artifact--body min-w-0",
+			!d && !!l && /* @__PURE__ */ N("div", {
+				className: "ai-artifact--body min-w-0 [&>.code-block--component]:rounded-none [&>.code-block--component]:border-0",
 				children: l
 			}),
-			S && /* @__PURE__ */ M("div", {
+			S && /* @__PURE__ */ N("div", {
 				className: "px-control py-row-y",
-				children: /* @__PURE__ */ M(i, {
+				children: /* @__PURE__ */ N(i, {
 					role: "alert",
 					size: "xs",
 					type: "error",
@@ -1141,8 +1178,8 @@ function Ie({ title: e, subtitle: a, icon: o, copyText: s, children: l, collapse
 		]
 	});
 }
-Ie.displayName = "AiArtifact";
+Be.displayName = "AiArtifact";
 //#endregion
-export { U as C, W as S, X as _, Ae as a, K as b, Ee as c, ve as d, ge as f, Z as g, fe as h, je as i, xe as l, pe as m, $ as n, Q as o, he as p, Pe as r, Oe as s, Ie as t, ye as u, Y as v, G as x, J as y };
+export { U as C, W as S, me as _, Ne as a, K as b, ke as c, xe as d, ye as f, Y as g, he as h, Pe as i, we as l, ge as m, $ as n, je as o, ve as p, Le as r, X as s, Be as t, Se as u, pe as v, G as x, J as y };
 
-//# sourceMappingURL=ai-artifact-DvTwDVyL.js.map
+//# sourceMappingURL=ai-artifact-C58tQcBy.js.map