themelia-ui 3.0.0 → 3.2.0

package/dist/features/ai-chat.js

@@ -1,33 +1,35 @@
 "use client";
-import { t as e } from "../cx--CBrhWH0.js";
-import { i as t, o as n, r } from "../typography-BkxEiwQ1.js";
-import { p as i } from "../feedback-DRerHGuV.js";
-import { c as a } from "../buttons-CqXKWty3.js";
-import { n as o } from "../copyable-H1TUEY-H.js";
-import { u as s } from "../display-B3Q17h5z.js";
-import { B as c, H as l, w as u, x as d } from "../primitives-D0bdDozz.js";
-import { t as f } from "../badge-CxOuTfVr.js";
-import { y as p } from "../upload-B38YZeFJ.js";
-import { t as m } from "../strings-Co9_qArR.js";
-import { c as h } from "../text-inputs-DF_lD7pA.js";
-import { AlertCircleIcon as g, ArchiveIcon as _, ArrowDownIcon as v, ArrowUpIcon as y, AudioLinesIcon as b, BotIcon as x, BrainIcon as S, CheckIcon as C, ChevronDownIcon as w, CircleDotIcon as T, CircleIcon as E, CopyIcon as D, DownloadIcon as O, ExternalLinkIcon as k, FileCodeIcon as A, FileTextIcon as j, GlobeIcon as ee, ImageIcon as te, Loader2Icon as M, MinusCircleIcon as ne, PaperclipIcon as re, RotateCcwIcon as ie, ShieldCheckIcon as ae, SparklesIcon as oe, SquareIcon as se, UserIcon as ce, VideoIcon as le, WrenchIcon as ue, XCircleIcon as de, XIcon as N } from "lucide-react";
-import { useCallback as P, useEffect as F, useMemo as fe, useRef as I, useState as L } from "react";
-import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
+import "#core.css";
+import { a as e, c as t, i as n, s as r } from "../typography-DmeR05Er.js";
+import { t as i } from "../cx--CBrhWH0.js";
+import { c as a } from "../buttons-BX2JfL5X.js";
+import { t as o } from "../strings-Co9_qArR.js";
+import { B as s, H as c, w as l, x as u } from "../primitives-BskKlf35.js";
+import { t as d } from "../badge-VlJVZjdm.js";
+import { p as f } from "../feedback-D4qVsKlD.js";
+import { u as p } from "../display-a7AoX_u7.js";
+import { c as m } from "../text-inputs-BboE77nZ.js";
+import { n as h } from "../copyable-D9Okb1w6.js";
+import { y as g } from "../upload-CYuoJykZ.js";
+import { AlertCircleIcon as _, ArchiveIcon as v, ArrowDownIcon as y, ArrowUpIcon as b, AudioLinesIcon as x, BotIcon as S, BrainIcon as C, CheckIcon as w, ChevronDownIcon as T, CircleDotIcon as E, CircleIcon as D, CopyIcon as O, DownloadIcon as k, ExternalLinkIcon as A, FileCodeIcon as j, FileTextIcon as M, GlobeIcon as ee, ImageIcon as te, Loader2Icon as N, MinusCircleIcon as ne, PaperclipIcon as re, RotateCcwIcon as ie, ShieldCheckIcon as ae, SparklesIcon as P, SquareIcon as oe, UserIcon as se, VideoIcon as ce, WrenchIcon as le, XCircleIcon as ue, XIcon as F } from "lucide-react";
+import { useCallback as I, useEffect as L, useMemo as de, useRef as R, useState as z } from "react";
+import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
+import "#css/ai-chat.css";
 //#region src/components/features/ai-chat/ai-chat.strings.ts
-var V = {
+var U = {
 	copyAria: "Copy message",
 	copied: "Copied",
 	regenerateAria: "Regenerate response"
-}, H = {
+}, fe = {
 	thinking: "Thinking…",
 	thoughtFor: "Thought for {{duration}}",
 	thoughtDone: "Reasoning complete",
 	expandAria: "Expand reasoning",
 	collapseAria: "Collapse reasoning"
-}, U = {
+}, pe = {
 	title: "Reasoning",
 	streamingHint: "Working through the steps…"
-}, pe = {
+}, me = {
 	pending: "Queued",
 	running: "Running",
 	success: "Success",
@@ -37,7 +39,7 @@ var V = {
 	args: "Arguments",
 	result: "Result",
 	durationLabel: "Took"
-}, me = {
+}, he = {
 	statusLabels: {
 		queued: "Queued",
 		running: "Running",
@@ -48,37 +50,37 @@ var V = {
 	},
 	collapseSubtasks: "Collapse subtasks",
 	expandSubtasks: "Expand subtasks"
-}, he = { statusLabels: {
+}, ge = { statusLabels: {
 	idle: "Idle",
 	thinking: "Thinking",
 	working: "Working",
 	done: "Done",
 	error: "Error",
 	offline: "Offline"
-} }, ge = {
+} }, _e = {
 	approve: "Approve",
 	reject: "Reject",
 	pending: "Awaiting your approval",
 	approved: "Approved",
 	rejected: "Rejected",
 	detailsLabel: "Details"
-}, _e = {
+}, ve = {
 	copy: "Copy",
 	copied: "Copied",
 	copyAria: "Copy code",
 	defaultLanguageLabel: "Code"
-}, ve = {
+}, ye = {
 	openAria: "Open artifact",
 	copy: "Copy",
 	copied: "Copied",
 	copyAria: "Copy artifact",
 	downloadAria: "Download artifact"
-}, ye = {
+}, be = {
 	title: "{{count}} sources",
 	expand: "Show all sources",
 	collapse: "Hide sources",
 	visit: "Visit source"
-}, be = {
+}, xe = {
 	removeAria: "Remove attachment",
 	openAria: "Open attachment",
 	uploadProgressAria: "Upload progress"
@@ -98,7 +100,7 @@ var V = {
 	cancelAria: "Remove from the queue",
 	queuedLabel: "Queued",
 	runningLabel: "Running"
-}, q = { header: "Try" }, J = { pending: "Thinking…" }, xe = {
+}, q = { header: "Try" }, J = { pending: "Thinking…" }, Se = {
 	prompt: W,
 	conversation: G,
 	queue: K,
@@ -108,11 +110,9 @@ var V = {
 	emptyDescription: "Ask a question, share context, or attach a file to get going."
 }, Y = {
 	grow: "ai-chat__grow___Y8DWx",
-	numeric: "ai-chat__numeric___DJfdz",
 	preWrap: "ai-chat__preWrap___IOxPO",
 	copiedIcon: "ai-chat__copiedIcon____4uce",
 	shimmer: "ai-chat__shimmer___98Nfp",
-	shimmerSweep: "ai-chat__shimmer-sweep___whyHC",
 	turn: "ai-chat__turn___pu7B6",
 	avatar: "ai-chat__avatar___uJgyI",
 	turnBody: "ai-chat__turnBody___4sCxS",
@@ -147,8 +147,8 @@ var V = {
 	toolDetail: "ai-chat__toolDetail____Km_8",
 	pre: "ai-chat__pre___LT2fm",
 	taskRow: "ai-chat__taskRow___oC6YU",
-	taskToggle: "ai-chat__taskToggle___nqH5E",
 	taskToggleSpacer: "ai-chat__taskToggleSpacer___odHEt",
+	taskToggle: "ai-chat__taskToggle___nqH5E",
 	taskIcon: "ai-chat__taskIcon___bNu7w",
 	taskTitleRow: "ai-chat__taskTitleRow___V70b4",
 	taskTitle: "ai-chat__taskTitle___JccHi",
@@ -227,206 +227,217 @@ var V = {
 	composerBarEnd: "ai-chat__composerBarEnd___4qddD",
 	stopGlyph: "ai-chat__stopGlyph___vCnz2",
 	composerHint: "ai-chat__composerHint___55m4n"
-}, Se = 1500;
-function Ce({ code: t, language: n, filename: r, showLineNumbers: i = !1, highlightLines: s, hideHeader: l = !1, maxHeight: u, headerActions: d, onCopy: f, className: p, strings: m }) {
-	let h = {
-		..._e,
+}, Ce = 1500, we = t({
+	size: "xs",
+	lineHeight: "relaxed",
+	mono: !0
+});
+function Te({ code: e, language: t, filename: n, showLineNumbers: o = !1, highlightLines: c, hideHeader: l = !1, maxHeight: u, headerActions: d, onCopy: f, className: p, strings: m }) {
+	let g = {
+		...ve,
 		...m
-	}, { copied: g, copy: _ } = o({
-		confirmMs: Se,
+	}, { copied: _, copy: v } = h({
+		confirmMs: Ce,
 		onCopy: f
-	}), v = fe(() => t.split("\n"), [t]), y = fe(() => new Set(s ?? []), [s]);
-	return /* @__PURE__ */ B("div", {
-		className: e("ai-code-block--component", Y.code, p),
-		children: [!l && /* @__PURE__ */ B("div", {
+	}), y = de(() => e.split("\n"), [e]), b = de(() => new Set(c ?? []), [c]);
+	return /* @__PURE__ */ H("div", {
+		className: i("ai-code-block--component", Y.code, p),
+		children: [!l && /* @__PURE__ */ H("div", {
 			className: Y.codeHeader,
 			children: [
-				/* @__PURE__ */ z(c, {
+				n ? /* @__PURE__ */ V(s, {
 					size: "xs",
-					"data-caps": !r || void 0,
+					truncate: !0,
 					className: Y.codeLabel,
-					children: r || n || h.defaultLanguageLabel
+					children: n
+				}) : /* @__PURE__ */ V(r, {
+					tag: "span",
+					size: "xs",
+					caps: !0,
+					truncate: !0,
+					className: Y.codeLabel,
+					children: t || g.defaultLanguageLabel
 				}),
-				!!r && !!n && /* @__PURE__ */ z(c, {
+				!!n && !!t && /* @__PURE__ */ V(s, {
 					size: "xs",
 					type: "secondary",
 					className: Y.codeLanguage,
-					children: n
+					children: t
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ H("div", {
 					className: Y.codeActions,
-					children: [d, /* @__PURE__ */ z(a, {
+					children: [d, /* @__PURE__ */ V(a, {
 						type: "button",
 						tone: "neutral",
-						buttonStyle: "ghost",
+						appearance: "ghost",
 						iconOnly: !0,
-						"aria-label": h.copyAria,
-						onClick: () => void _(t),
-						children: g ? /* @__PURE__ */ z(C, { className: Y.copiedIcon }) : /* @__PURE__ */ z(D, {})
+						"aria-label": g.copyAria,
+						onClick: () => void v(e),
+						children: _ ? /* @__PURE__ */ V(w, { className: Y.copiedIcon }) : /* @__PURE__ */ V(O, {})
 					})]
 				})
 			]
-		}), /* @__PURE__ */ z("div", {
+		}), /* @__PURE__ */ V("div", {
 			tabIndex: 0,
 			style: u === void 0 ? void 0 : { maxHeight: typeof u == "number" ? `${u}px` : u },
 			className: Y.codeScroll,
-			children: i ? /* @__PURE__ */ z("pre", {
-				className: Y.codeNumbered,
-				children: v.map((e, t) => {
+			children: o ? /* @__PURE__ */ V("pre", {
+				className: i(Y.codeNumbered, we),
+				children: y.map((e, t) => {
 					let n = t + 1;
-					return /* @__PURE__ */ B("span", {
-						"data-highlight": y.has(n) || void 0,
-						children: [/* @__PURE__ */ z("span", {
+					return /* @__PURE__ */ H("span", {
+						"data-highlight": b.has(n) || void 0,
+						children: [/* @__PURE__ */ V("span", {
 							"aria-hidden": !0,
 							className: Y.codeGutter,
 							children: n
-						}), /* @__PURE__ */ z("span", {
+						}), /* @__PURE__ */ V("span", {
 							className: Y.codeLine,
 							children: e || " "
 						})]
 					}, t);
 				})
-			}) : /* @__PURE__ */ z("pre", {
-				className: Y.codePlain,
-				children: /* @__PURE__ */ z("code", { children: t })
+			}) : /* @__PURE__ */ V("pre", {
+				className: i(Y.codePlain, we),
+				children: /* @__PURE__ */ V("code", { children: e })
 			})
 		})]
 	});
 }
-function we({ title: t, subtitle: r, icon: i = j, copyText: c, children: l, collapsed: u = !1, onOpen: d, actions: f, onDownload: p, className: m, strings: h }) {
+function Ee({ title: e, subtitle: t, icon: n = M, copyText: o, children: s, collapsed: c = !1, onOpen: l, actions: u, onDownload: d, className: f, strings: m }) {
 	let g = {
-		...ve,
-		...h
-	}, { copied: _, copy: v } = o({ confirmMs: Se });
-	return /* @__PURE__ */ B("div", {
-		className: e("ai-artifact--component", Y.artifact, m),
-		children: [/* @__PURE__ */ B("div", {
+		...ye,
+		...m
+	}, { copied: _, copy: v } = h({ confirmMs: Ce });
+	return /* @__PURE__ */ H("div", {
+		className: i("ai-artifact--component", Y.artifact, f),
+		children: [/* @__PURE__ */ H("div", {
 			className: Y.artifactHeader,
 			children: [
-				/* @__PURE__ */ z(s, {
-					icon: i,
+				/* @__PURE__ */ V(p, {
+					icon: n,
 					tone: "neutral",
 					shape: "rounded"
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ H("div", {
 					className: Y.artifactText,
-					children: [/* @__PURE__ */ z(n, {
+					children: [/* @__PURE__ */ V(r, {
 						weight: "semibold",
 						truncate: !0,
-						children: t
-					}), !!r && /* @__PURE__ */ z(n, {
+						children: e
+					}), !!t && /* @__PURE__ */ V(r, {
 						size: "xs",
 						type: "secondary",
 						truncate: !0,
-						children: r
+						children: t
 					})]
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ H("div", {
 					className: Y.artifactActions,
 					children: [
-						f?.map((e) => {
+						u?.map((e) => {
 							let t = e.icon;
-							return /* @__PURE__ */ B(a, {
+							return /* @__PURE__ */ H(a, {
 								type: "button",
 								tone: "neutral",
-								buttonStyle: "ghost",
+								appearance: "ghost",
 								onClick: e.onSelect,
-								children: [!!t && /* @__PURE__ */ z(t, {}), e.label]
+								children: [!!t && /* @__PURE__ */ V(t, {}), e.label]
 							}, e.id);
 						}),
-						!!c && /* @__PURE__ */ z(a, {
+						!!o && /* @__PURE__ */ V(a, {
 							type: "button",
 							tone: "neutral",
-							buttonStyle: "ghost",
+							appearance: "ghost",
 							iconOnly: !0,
 							"aria-label": g.copyAria,
-							onClick: () => void v(c),
-							children: _ ? /* @__PURE__ */ z(C, { className: Y.copiedIcon }) : /* @__PURE__ */ z(D, {})
+							onClick: () => void v(o),
+							children: _ ? /* @__PURE__ */ V(w, { className: Y.copiedIcon }) : /* @__PURE__ */ V(O, {})
 						}),
-						!!p && /* @__PURE__ */ z(a, {
+						!!d && /* @__PURE__ */ V(a, {
 							type: "button",
 							tone: "neutral",
-							buttonStyle: "ghost",
+							appearance: "ghost",
 							iconOnly: !0,
 							"aria-label": g.downloadAria,
-							onClick: p,
-							children: /* @__PURE__ */ z(O, {})
+							onClick: d,
+							children: /* @__PURE__ */ V(k, {})
 						}),
-						!!d && /* @__PURE__ */ z(a, {
+						!!l && /* @__PURE__ */ V(a, {
 							type: "button",
 							tone: "neutral",
-							buttonStyle: "ghost",
+							appearance: "ghost",
 							iconOnly: !0,
 							"aria-label": g.openAria,
-							onClick: d,
-							children: /* @__PURE__ */ z(k, {})
+							onClick: l,
+							children: /* @__PURE__ */ V(A, {})
 						})
 					]
 				})
 			]
-		}), !u && !!l && /* @__PURE__ */ z("div", {
+		}), !c && !!s && /* @__PURE__ */ V("div", {
 			className: Y.artifactBody,
-			children: l
+			children: s
 		})]
 	});
 }
-function Te({ src: e }) {
-	let t = /* @__PURE__ */ z(ee, {
+function De({ src: e }) {
+	let t = /* @__PURE__ */ V(ee, {
 		"aria-hidden": !0,
 		className: Y.sourceGlobe
 	});
-	return e ? /* @__PURE__ */ z(p, {
+	return e ? /* @__PURE__ */ V(g, {
 		src: e,
 		fallback: t,
 		className: Y.sourceImage
 	}) : t;
 }
-function Ee({ sources: e, onSelect: t }) {
-	return /* @__PURE__ */ z("span", {
+function Oe({ sources: e, onSelect: t }) {
+	return /* @__PURE__ */ V("span", {
 		"aria-hidden": !0,
 		className: Y.sourceStack,
 		children: e.map((e, n) => {
-			let r = /* @__PURE__ */ z("span", {
+			let r = /* @__PURE__ */ V("span", {
 				title: typeof e.title == "string" ? e.title : void 0,
 				className: Y.sourceFace,
-				children: /* @__PURE__ */ z(Te, { src: e.faviconUrl })
+				children: /* @__PURE__ */ V(De, { src: e.faviconUrl })
 			});
-			return t ? /* @__PURE__ */ z("button", {
+			return t ? /* @__PURE__ */ V("button", {
 				type: "button",
 				onClick: () => t(e, n),
 				className: Y.sourceFaceButton,
 				children: r
-			}, e.id) : /* @__PURE__ */ z("span", { children: r }, e.id);
+			}, e.id) : /* @__PURE__ */ V("span", { children: r }, e.id);
 		})
 	});
 }
-function De({ source: e, index: t, onSelect: i, visitLabel: a }) {
-	let o = /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(u, {
+function ke({ source: e, index: t, onSelect: i, visitLabel: a }) {
+	let o = /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V(l, {
 		value: t,
 		size: "xs",
 		weight: "semibold",
 		type: "secondary",
 		className: Y.sourceIndex
-	}), /* @__PURE__ */ B("span", {
+	}), /* @__PURE__ */ H("span", {
 		className: Y.sourceText,
 		children: [
-			/* @__PURE__ */ B(n, {
+			/* @__PURE__ */ H(r, {
 				tag: "span",
 				weight: "medium",
 				truncate: !0,
-				children: [e.title, !!e.url && /* @__PURE__ */ z(k, {
+				children: [e.title, !!e.url && /* @__PURE__ */ V(A, {
 					"aria-hidden": !0,
 					className: Y.sourceExternal
 				})]
 			}),
-			!!e.publisher && /* @__PURE__ */ z(n, {
+			!!e.publisher && /* @__PURE__ */ V(r, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
 				truncate: !0,
 				children: e.publisher
 			}),
-			!!e.snippet && /* @__PURE__ */ z(n, {
+			!!e.snippet && /* @__PURE__ */ V(r, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
@@ -435,49 +446,51 @@ function De({ source: e, index: t, onSelect: i, visitLabel: a }) {
 			})
 		]
 	})] });
-	return /* @__PURE__ */ z("li", { children: i ? /* @__PURE__ */ z("button", {
+	return /* @__PURE__ */ V("li", { children: i ? /* @__PURE__ */ V("button", {
 		type: "button",
 		onClick: i,
 		className: Y.sourceRow,
 		children: o
-	}) : e.url ? /* @__PURE__ */ z(r, {
+	}) : e.url ? /* @__PURE__ */ V(n, {
 		href: e.url,
 		target: "_blank",
 		rel: "noopener noreferrer",
 		"aria-label": a,
 		className: Y.sourceRow,
 		children: o
-	}) : /* @__PURE__ */ z("div", {
+	}) : /* @__PURE__ */ V("div", {
 		className: Y.sourceRow,
 		children: o
 	}) });
 }
-function Oe({ sources: t, variant: r = "list", maxAvatars: i = 5, expanded: a, defaultExpanded: o = !1, onExpandedChange: s, onSelect: c, className: d, strings: f }) {
-	let p = {
-		...ye,
-		...f
-	}, [m, h] = L(o), g = a ?? m, _ = (e) => {
-		a === void 0 && h(e), s?.(e);
-	}, v = p.title.replace(/\{\{\s*count\s*\}\}/g, String(t.length));
-	if (r === "avatars") {
-		let r = t.slice(0, i), a = t.length - r.length;
-		return /* @__PURE__ */ B("div", {
-			className: e("ai-sources--component", Y.sourceStrip, d),
+function Ae({ sources: e, variant: t = "list", maxAvatars: n = 5, expanded: a, defaultExpanded: o = !1, onExpandedChange: s, onSelect: c, className: u, strings: d }) {
+	let f = {
+		...be,
+		...d
+	}, [p, m] = z(o), h = a ?? p, g = (e) => {
+		a === void 0 && m(e), s?.(e);
+	}, _ = f.title.replace(/\{\{\s*count\s*\}\}/g, String(e.length));
+	if (t === "avatars") {
+		let t = e.slice(0, n), a = e.length - t.length;
+		return /* @__PURE__ */ H("div", {
+			className: i("ai-sources--component", Y.sourceStrip, u),
 			children: [
-				/* @__PURE__ */ z(Ee, {
-					sources: r,
+				/* @__PURE__ */ V(Oe, {
+					sources: t,
 					onSelect: c
 				}),
-				/* @__PURE__ */ z(n, {
+				/* @__PURE__ */ V(r, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
-					children: v
+					children: _
 				}),
-				a > 0 && /* @__PURE__ */ B(l, {
+				a > 0 && /* @__PURE__ */ H(r, {
+					tag: "span",
 					size: "xs",
-					className: Y.numeric,
-					children: ["+", /* @__PURE__ */ z(u, {
+					type: "secondary",
+					numeric: !0,
+					children: ["+", /* @__PURE__ */ V(l, {
 						value: a,
 						size: "xs",
 						type: "secondary"
@@ -486,208 +499,215 @@ function Oe({ sources: t, variant: r = "list", maxAvatars: i = 5, expanded: a, d
 			]
 		});
 	}
-	return /* @__PURE__ */ B("div", {
-		className: e("ai-sources--component", Y.sources, d),
-		children: [/* @__PURE__ */ B("button", {
+	return /* @__PURE__ */ H("div", {
+		className: i("ai-sources--component", Y.sources, u),
+		children: [/* @__PURE__ */ H("button", {
 			type: "button",
-			"aria-expanded": g,
-			"aria-label": g ? p.collapse : p.expand,
-			onClick: () => _(!g),
+			"aria-expanded": h,
+			"aria-label": h ? f.collapse : f.expand,
+			onClick: () => g(!h),
 			className: Y.disclosureTrigger,
 			children: [
-				/* @__PURE__ */ z(Ee, { sources: t.slice(0, 4) }),
-				/* @__PURE__ */ z(n, {
+				/* @__PURE__ */ V(Oe, { sources: e.slice(0, 4) }),
+				/* @__PURE__ */ V(r, {
 					tag: "span",
 					weight: "medium",
 					className: Y.grow,
-					children: v
+					children: _
 				}),
-				/* @__PURE__ */ z(w, {
+				/* @__PURE__ */ V(T, {
 					"aria-hidden": !0,
-					"data-expanded": g || void 0,
+					"data-expanded": h || void 0,
 					className: Y.disclosureChevron
 				})
 			]
-		}), g && /* @__PURE__ */ z("ol", {
+		}), h && /* @__PURE__ */ V("ol", {
 			className: Y.sourceList,
-			children: t.map((e, t) => /* @__PURE__ */ z(De, {
+			children: e.map((e, t) => /* @__PURE__ */ V(ke, {
 				source: e,
 				index: t + 1,
-				visitLabel: p.visit,
+				visitLabel: f.visit,
 				onSelect: c ? () => c(e, t) : void 0
 			}, e.id))
 		})]
 	});
 }
-var ke = {
+var je = {
 	image: te,
-	document: j,
-	audio: b,
-	video: le,
-	code: A,
-	archive: _,
-	generic: j
+	document: M,
+	audio: x,
+	video: ce,
+	code: j,
+	archive: v,
+	generic: M
 };
-function Ae({ name: t, meta: r, kind: i = "generic", icon: o, thumbnailUrl: s, progress: c, errored: u = !1, onOpen: d, onRemove: f, className: p, strings: m }) {
-	let h = {
-		...be,
-		...m
-	}, _ = o ?? ke[i], v = !u && typeof c == "number" && c >= 0 && c < 1, y = Math.round((c ?? 0) * 100), b = /* @__PURE__ */ B(R, { children: [s ? /* @__PURE__ */ z("span", {
+function Me({ name: e, meta: t, kind: n = "generic", icon: o, thumbnailUrl: s, progress: c, errored: l = !1, onOpen: u, onRemove: d, className: f, strings: p }) {
+	let m = {
+		...xe,
+		...p
+	}, h = o ?? je[n], g = !l && typeof c == "number" && c >= 0 && c < 1, v = Math.round((c ?? 0) * 100), y = /* @__PURE__ */ H(B, { children: [s ? /* @__PURE__ */ V("span", {
 		"aria-hidden": !0,
 		style: { backgroundImage: `url(${s})` },
 		className: Y.attachmentThumb
-	}) : /* @__PURE__ */ z("span", {
+	}) : /* @__PURE__ */ V("span", {
 		"aria-hidden": !0,
-		"data-errored": u || void 0,
+		"data-errored": l || void 0,
 		className: Y.attachmentIcon,
-		children: z(u ? g : _, {})
-	}), /* @__PURE__ */ B("span", {
+		children: V(l ? _ : h, {})
+	}), /* @__PURE__ */ H("span", {
 		className: Y.attachmentText,
 		children: [
-			/* @__PURE__ */ z(n, {
+			/* @__PURE__ */ V(r, {
 				tag: "span",
 				weight: "medium",
 				truncate: !0,
-				children: t
+				children: e
 			}),
-			!!r && /* @__PURE__ */ z(l, {
+			!!t && /* @__PURE__ */ V(r, {
+				tag: "span",
 				size: "xs",
+				type: "secondary",
+				numeric: !0,
 				truncate: !0,
-				className: Y.numeric,
-				children: r
+				children: t
 			}),
-			v && /* @__PURE__ */ z("span", {
+			g && /* @__PURE__ */ V("span", {
 				role: "progressbar",
-				"aria-label": h.uploadProgressAria,
+				"aria-label": m.uploadProgressAria,
 				"aria-valuemin": 0,
 				"aria-valuemax": 100,
-				"aria-valuenow": y,
+				"aria-valuenow": v,
 				className: Y.attachmentTrack,
-				children: /* @__PURE__ */ z("span", {
-					style: { "--ai-progress": `${y}%` },
+				children: /* @__PURE__ */ V("span", {
+					style: { "--_ai-progress": `${v}%` },
 					className: Y.attachmentBar
 				})
 			})
 		]
 	})] });
-	return /* @__PURE__ */ B("div", {
-		"data-errored": u || void 0,
-		className: e("ai-attachment--component", Y.attachment, p),
-		children: [d ? /* @__PURE__ */ z("button", {
+	return /* @__PURE__ */ H("div", {
+		"data-errored": l || void 0,
+		className: i("ai-attachment--component", Y.attachment, f),
+		children: [u ? /* @__PURE__ */ V("button", {
 			type: "button",
-			"aria-label": h.openAria,
-			onClick: d,
+			"aria-label": m.openAria,
+			onClick: u,
 			className: Y.attachmentOpen,
-			children: b
-		}) : /* @__PURE__ */ z("span", {
+			children: y
+		}) : /* @__PURE__ */ V("span", {
 			className: Y.attachmentOpen,
-			children: b
-		}), !!f && /* @__PURE__ */ z(a, {
+			children: y
+		}), !!d && /* @__PURE__ */ V(a, {
 			type: "button",
 			tone: "neutral",
-			buttonStyle: "ghost",
+			appearance: "ghost",
 			iconOnly: !0,
-			"aria-label": h.removeAria,
-			onClick: f,
+			"aria-label": m.removeAria,
+			onClick: d,
 			className: Y.dismiss,
-			children: /* @__PURE__ */ z(N, {})
+			children: /* @__PURE__ */ V(F, {})
 		})]
 	});
 }
 //#endregion
 //#region src/components/features/ai-chat/ai-message-surfaces.tsx
-var je = 1500;
-function X({ children: t = "Thinking…", paused: r = !1, duration: i, className: a }) {
-	if (r) return /* @__PURE__ */ z(n, {
+var Ne = 1500;
+function X({ children: e = "Thinking…", paused: t = !1, duration: n, size: a, className: o }) {
+	if (t) return /* @__PURE__ */ V(r, {
 		tag: "span",
+		size: a,
 		type: "secondary",
 		weight: "medium",
-		className: a,
-		children: t
+		className: o,
+		children: e
 	});
-	let o = i === void 0 ? {} : { "--ai-shimmer-duration": `${i}s` };
-	return /* @__PURE__ */ z(n, {
+	let s = n === void 0 ? {} : { "--_ai-shimmer-duration": `${n}s` };
+	return /* @__PURE__ */ V(r, {
 		tag: "span",
+		size: a,
 		type: "inherit",
 		weight: "medium",
 		role: "status",
 		"aria-live": "polite",
-		style: o,
-		className: e("ai-shimmer--component", Y.shimmer, a),
-		children: t
+		style: s,
+		className: i("ai-shimmer--component", Y.shimmer, o),
+		children: e
 	});
 }
-var Me = {
-	assistant: x,
-	user: ce,
-	system: x
+var Pe = {
+	assistant: S,
+	user: se,
+	system: S
 };
-function Ne({ role: t = "assistant", avatar: r, avatarLabel: i, authorName: s, timestamp: c, children: u, plainText: d, loading: f = !1, onCopy: p, onRegenerate: m, className: h, strings: g }) {
-	let _ = {
-		...V,
-		...g
-	}, { copied: v, copy: y } = o({
-		confirmMs: je,
-		onCopy: p
-	}), b = Me[t], x = d ?? (typeof u == "string" ? u : ""), S = p !== void 0 || !!x, C = t === "assistant" && (S || !!m);
-	return /* @__PURE__ */ B("div", {
-		"data-role": t,
-		className: e("ai-message-bubble--component", Y.turn, h),
-		children: [r ?? /* @__PURE__ */ z("span", {
-			"aria-label": i,
-			"data-role": t,
+function Fe({ role: e = "assistant", avatar: t, avatarLabel: n, authorName: o, timestamp: s, children: c, plainText: l, loading: u = !1, onCopy: d, onRegenerate: f, className: p, strings: m }) {
+	let g = {
+		...U,
+		...m
+	}, { copied: _, copy: v } = h({
+		confirmMs: Ne,
+		onCopy: d
+	}), y = Pe[e], b = l ?? (typeof c == "string" ? c : ""), x = d !== void 0 || !!b, S = e === "assistant" && (x || !!f);
+	return /* @__PURE__ */ H("div", {
+		"data-role": e,
+		className: i("ai-message-bubble--component", Y.turn, p),
+		children: [t ?? /* @__PURE__ */ V("span", {
+			"aria-label": n,
+			"data-role": e,
+			"data-tone": e === "assistant" ? "primary" : void 0,
 			className: Y.avatar,
-			children: /* @__PURE__ */ z(b, { "aria-hidden": !0 })
-		}), /* @__PURE__ */ B("div", {
+			children: /* @__PURE__ */ V(y, { "aria-hidden": !0 })
+		}), /* @__PURE__ */ H("div", {
 			className: Y.turnBody,
 			children: [
-				(!!s || !!c) && /* @__PURE__ */ B("div", {
+				(!!o || !!s) && /* @__PURE__ */ H("div", {
 					className: Y.turnMeta,
-					children: [!!s && /* @__PURE__ */ z(n, {
+					children: [!!o && /* @__PURE__ */ V(r, {
 						tag: "span",
 						weight: "medium",
-						children: s
-					}), !!c && /* @__PURE__ */ z(l, {
+						children: o
+					}), !!s && /* @__PURE__ */ V(r, {
+						tag: "span",
 						size: "xs",
-						className: Y.numeric,
-						children: c
+						type: "secondary",
+						numeric: !0,
+						children: s
 					})]
 				}),
-				/* @__PURE__ */ z("div", {
-					"data-role": t,
-					"data-loading": f || void 0,
+				/* @__PURE__ */ V("div", {
+					"data-role": e,
+					"data-loading": u || void 0,
 					className: Y.bubble,
-					children: typeof u == "string" || typeof u == "number" ? /* @__PURE__ */ z(n, {
+					children: typeof c == "string" || typeof c == "number" ? /* @__PURE__ */ V(r, {
 						type: "inherit",
 						lineHeight: "relaxed",
-						children: u
-					}) : u
+						children: c
+					}) : c
 				}),
-				C && /* @__PURE__ */ B("div", {
+				S && /* @__PURE__ */ H("div", {
 					className: Y.turnActions,
 					children: [
-						S && /* @__PURE__ */ z(a, {
+						x && /* @__PURE__ */ V(a, {
 							type: "button",
 							tone: "neutral",
-							buttonStyle: "ghost",
+							appearance: "ghost",
 							iconOnly: !0,
-							"aria-label": _.copyAria,
-							onClick: () => void y(x),
-							children: /* @__PURE__ */ z(D, {})
+							"aria-label": g.copyAria,
+							onClick: () => void v(b),
+							children: /* @__PURE__ */ V(O, {})
 						}),
-						v && /* @__PURE__ */ z(n, {
+						_ && /* @__PURE__ */ V(r, {
 							size: "xs",
 							type: "success",
-							children: _.copied
+							children: g.copied
 						}),
-						!!m && /* @__PURE__ */ z(a, {
+						!!f && /* @__PURE__ */ V(a, {
 							type: "button",
 							tone: "neutral",
-							buttonStyle: "ghost",
+							appearance: "ghost",
 							iconOnly: !0,
-							"aria-label": _.regenerateAria,
-							onClick: m,
-							children: /* @__PURE__ */ z(ie, {})
+							"aria-label": g.regenerateAria,
+							onClick: f,
+							children: /* @__PURE__ */ V(ie, {})
 						})
 					]
 				})
@@ -695,113 +715,114 @@ function Ne({ role: t = "assistant", avatar: r, avatarLabel: i, authorName: s, t
 		})]
 	});
 }
-function Pe(e, t) {
+function Ie(e, t) {
 	let n = e.split(/\{\{\s*duration\s*\}\}/);
-	return n.length === 1 ? e : /* @__PURE__ */ B(R, { children: [
+	return n.length === 1 ? e : /* @__PURE__ */ H(B, { children: [
 		n[0],
-		/* @__PURE__ */ z(d, {
+		/* @__PURE__ */ V(u, {
 			value: t,
 			maxParts: 1
 		}),
 		n.slice(1).join("{{duration}}")
 	] });
 }
-function Fe({ children: t, streaming: r = !1, durationSeconds: i, expandWhileStreaming: a = !0, defaultExpanded: o = !1, expanded: s, onExpandedChange: c, className: l, strings: u }) {
+function Le({ children: e, streaming: t = !1, durationSeconds: n, expandWhileStreaming: a = !0, defaultExpanded: o = !1, expanded: s, onExpandedChange: c, className: l, strings: u }) {
 	let d = {
-		...H,
+		...fe,
 		...u
-	}, [f, p] = L(() => o || r && a), m = s ?? f, h = (e) => {
+	}, [f, p] = z(() => o || t && a), m = s ?? f, h = (e) => {
 		s === void 0 && p(e), c?.(e);
-	}, [g, _] = L(r);
-	g !== r && (_(r), a && s === void 0 && (r ? p(!0) : o || p(!1)));
-	let v = r ? /* @__PURE__ */ z(X, {
+	}, [g, _] = z(t);
+	g !== t && (_(t), a && s === void 0 && (t ? p(!0) : o || p(!1)));
+	let v = t ? /* @__PURE__ */ V(X, {
 		className: Y.grow,
 		children: d.thinking
-	}) : /* @__PURE__ */ z(n, {
+	}) : /* @__PURE__ */ V(r, {
 		tag: "span",
 		weight: "medium",
 		className: Y.grow,
-		children: i === void 0 ? d.thoughtDone : Pe(d.thoughtFor, i)
+		children: n === void 0 ? d.thoughtDone : Ie(d.thoughtFor, n)
 	});
-	return /* @__PURE__ */ B("div", {
-		className: e("ai-reasoning--component", Y.disclosure, l),
-		children: [/* @__PURE__ */ B("button", {
+	return /* @__PURE__ */ H("div", {
+		className: i("ai-reasoning--component", Y.disclosure, l),
+		children: [/* @__PURE__ */ H("button", {
 			type: "button",
 			"aria-expanded": m,
 			"aria-label": m ? d.collapseAria : d.expandAria,
 			onClick: () => h(!m),
 			className: Y.disclosureTrigger,
 			children: [
-				/* @__PURE__ */ z(S, {
+				/* @__PURE__ */ V(C, {
 					"aria-hidden": !0,
 					className: Y.disclosureIcon
 				}),
 				v,
-				/* @__PURE__ */ z(w, {
+				/* @__PURE__ */ V(T, {
 					"aria-hidden": !0,
 					"data-expanded": m || void 0,
 					className: Y.disclosureChevron
 				})
 			]
-		}), m && /* @__PURE__ */ z("div", {
+		}), m && /* @__PURE__ */ V("div", {
 			className: Y.disclosureBody,
-			children: typeof t == "string" ? /* @__PURE__ */ z(n, {
+			children: typeof e == "string" ? /* @__PURE__ */ V(r, {
 				type: "secondary",
 				lineHeight: "relaxed",
 				className: Y.preWrap,
-				children: t
-			}) : /* @__PURE__ */ z("div", {
+				children: e
+			}) : /* @__PURE__ */ V("div", {
 				className: Y.preWrap,
-				children: t
+				children: e
 			})
 		})]
 	});
 }
-var Ie = {
-	pending: E,
-	active: M,
-	completed: C,
-	failed: g
+var Re = {
+	pending: D,
+	active: N,
+	completed: w,
+	failed: _
 };
-function Le({ steps: r, hideHeader: i = !1, streaming: a = !1, className: o, strings: s }) {
+function ze({ steps: t, hideHeader: n = !1, streaming: a = !1, className: o, strings: s }) {
 	let c = {
-		...U,
+		...pe,
 		...s
 	};
-	return /* @__PURE__ */ B("div", {
-		className: e("ai-chain-of-thought--component", Y.chain, o),
-		children: [!i && /* @__PURE__ */ B("div", {
+	return /* @__PURE__ */ H("div", {
+		className: i("ai-chain-of-thought--component", Y.chain, o),
+		children: [!n && /* @__PURE__ */ H("div", {
 			className: Y.chainHeader,
-			children: [/* @__PURE__ */ z(t, { children: c.title }), a && /* @__PURE__ */ z(X, {
+			children: [/* @__PURE__ */ V(e, { children: c.title }), a && /* @__PURE__ */ V(X, {
+				size: "xs",
 				className: Y.chainHint,
 				children: c.streamingHint
 			})]
-		}), /* @__PURE__ */ z("ol", {
+		}), /* @__PURE__ */ V("ol", {
 			className: Y.chainSteps,
-			children: r.map((e) => {
-				let t = e.status ?? "pending", r = e.icon ?? Ie[t];
-				return /* @__PURE__ */ B("li", {
+			children: t.map((e) => {
+				let t = e.status ?? "pending", n = e.icon ?? Re[t];
+				return /* @__PURE__ */ H("li", {
 					"data-status": t,
 					className: Y.chainStep,
-					children: [/* @__PURE__ */ z("span", {
+					children: [/* @__PURE__ */ V("span", {
 						"aria-hidden": !0,
 						"data-status": t,
 						className: Y.chainMarker,
-						children: /* @__PURE__ */ z(r, { "data-spin": t === "active" || void 0 })
-					}), /* @__PURE__ */ B("div", {
+						children: /* @__PURE__ */ V(n, { "data-spin": t === "active" || void 0 })
+					}), /* @__PURE__ */ H("div", {
 						className: Y.chainStepBody,
 						children: [
-							/* @__PURE__ */ z(n, {
+							/* @__PURE__ */ V(r, {
 								weight: t === "active" ? "semibold" : "medium",
 								type: t === "pending" ? "secondary" : "main",
 								children: e.title
 							}),
-							!!e.description && /* @__PURE__ */ z(n, {
+							!!e.description && /* @__PURE__ */ V(r, {
 								size: "xs",
 								type: "secondary",
 								children: e.description
 							}),
-							!!e.body && /* @__PURE__ */ z("div", {
+							!!e.body && /* @__PURE__ */ V("div", {
 								className: Y.chainStepExtra,
 								children: e.body
 							})
@@ -814,31 +835,31 @@ function Le({ steps: r, hideHeader: i = !1, streaming: a = !1, className: o, str
 }
 //#endregion
 //#region src/components/features/ai-chat/ai-work-surfaces.tsx
-var Re = {
+var Be = {
 	pending: {
 		tone: "neutral",
-		icon: T
+		icon: E
 	},
 	running: {
 		tone: "primary",
-		icon: M
+		icon: N
 	},
 	success: {
 		tone: "success",
-		icon: C
+		icon: w
 	},
 	error: {
 		tone: "destructive",
-		icon: g
+		icon: _
 	}
 };
-function ze({ label: e, ms: t }) {
-	return /* @__PURE__ */ B("span", {
+function Ve({ label: e, ms: t }) {
+	return /* @__PURE__ */ H("span", {
 		className: Y.toolDuration,
-		children: [/* @__PURE__ */ z(l, {
+		children: [/* @__PURE__ */ V(c, {
 			size: "xs",
 			children: e
-		}), /* @__PURE__ */ z(d, {
+		}), /* @__PURE__ */ V(u, {
 			value: t,
 			from: "milliseconds",
 			maxParts: 1,
@@ -848,104 +869,109 @@ function ze({ label: e, ms: t }) {
 		})]
 	});
 }
-function Z({ label: e, tone: n, children: r }) {
-	return /* @__PURE__ */ B("div", {
+function Z({ label: n, tone: r, children: a }) {
+	return /* @__PURE__ */ H("div", {
 		className: Y.toolDetail,
-		children: [/* @__PURE__ */ z(t, { children: e }), /* @__PURE__ */ z("pre", {
+		children: [/* @__PURE__ */ V(e, { children: n }), /* @__PURE__ */ V("pre", {
 			tabIndex: 0,
-			"data-tone": n,
-			className: Y.pre,
-			children: r
+			"data-tone": r,
+			className: i(Y.pre, t({
+				size: "xs",
+				lineHeight: "relaxed",
+				mono: !0
+			})),
+			children: a
 		})]
 	});
 }
-function Be({ name: t, status: n, icon: r = ue, args: i, result: a, error: o, durationMs: s, expanded: l, defaultExpanded: u = !1, onExpandedChange: d, className: p, strings: m }) {
+function He({ name: e, status: t, icon: n = le, args: r, result: a, error: o, durationMs: c, expanded: l, defaultExpanded: u = !1, onExpandedChange: f, className: p, strings: m }) {
 	let h = {
-		...pe,
+		...me,
 		...m
-	}, [g, _] = L(u), v = l ?? g, y = (e) => {
-		l === void 0 && _(e), d?.(e);
+	}, [g, _] = z(u), v = l ?? g, y = (e) => {
+		l === void 0 && _(e), f?.(e);
 	}, b = {
 		pending: h.pending,
 		running: h.running,
 		success: h.success,
 		error: h.error
-	}, x = Re[n].icon, S = r, C = !!(i || a || o), T = /* @__PURE__ */ B(R, { children: [
-		/* @__PURE__ */ z(S, {
+	}, x = Be[t].icon, S = n, C = !!(r || a || o), w = /* @__PURE__ */ H(B, { children: [
+		/* @__PURE__ */ V(S, {
 			"aria-hidden": !0,
 			className: Y.disclosureIcon
 		}),
-		/* @__PURE__ */ z(c, {
+		/* @__PURE__ */ V(s, {
+			truncate: !0,
 			className: Y.toolName,
-			children: t
+			children: e
 		}),
-		/* @__PURE__ */ B("span", {
+		/* @__PURE__ */ H("span", {
 			className: Y.toolMeta,
-			children: [/* @__PURE__ */ B(f, {
-				tone: Re[n].tone,
-				children: [/* @__PURE__ */ z(x, {
+			children: [/* @__PURE__ */ H(d, {
+				tone: Be[t].tone,
+				children: [/* @__PURE__ */ V(x, {
 					"aria-hidden": !0,
-					"data-spin": n === "running" || void 0
-				}), b[n]]
-			}), !!s && /* @__PURE__ */ z(ze, {
+					"data-spin": t === "running" || void 0
+				}), b[t]]
+			}), !!c && /* @__PURE__ */ V(Ve, {
 				label: h.durationLabel,
-				ms: s
+				ms: c
 			})]
 		}),
-		C && /* @__PURE__ */ z(w, {
+		C && /* @__PURE__ */ V(T, {
 			"aria-hidden": !0,
 			"data-expanded": v || void 0,
 			className: Y.disclosureChevron
 		})
 	] });
-	return /* @__PURE__ */ B("div", {
-		"data-status": n,
-		className: e("ai-tool-call--component", Y.tool, p),
-		children: [C ? /* @__PURE__ */ z("button", {
+	return /* @__PURE__ */ H("div", {
+		"data-status": t,
+		className: i("ai-tool-call--component", Y.tool, p),
+		children: [C ? /* @__PURE__ */ V("button", {
 			type: "button",
 			"aria-expanded": v,
 			"aria-label": v ? h.collapse : h.expand,
 			onClick: () => y(!v),
 			className: Y.toolHeader,
-			children: T
-		}) : /* @__PURE__ */ z("div", {
+			children: w
+		}) : /* @__PURE__ */ V("div", {
 			className: Y.toolHeader,
-			children: T
-		}), v && C && /* @__PURE__ */ B("div", {
+			children: w
+		}), v && C && /* @__PURE__ */ H("div", {
 			className: Y.toolBody,
-			children: [!!i && /* @__PURE__ */ z(Z, {
+			children: [!!r && /* @__PURE__ */ V(Z, {
 				label: h.args,
-				children: i
-			}), n === "error" && o ? /* @__PURE__ */ z(Z, {
+				children: r
+			}), t === "error" && o ? /* @__PURE__ */ V(Z, {
 				label: h.error,
 				tone: "destructive",
 				children: o
-			}) : !!a && /* @__PURE__ */ z(Z, {
+			}) : !!a && /* @__PURE__ */ V(Z, {
 				label: h.result,
 				children: a
 			})]
 		})]
 	});
 }
-var Ve = {
+var Ue = {
 	queued: {
-		icon: E,
+		icon: D,
 		tone: "neutral"
 	},
 	running: {
-		icon: M,
+		icon: N,
 		tone: "primary"
 	},
 	completed: {
-		icon: C,
+		icon: w,
 		tone: "success"
 	},
 	failed: {
-		icon: g,
+		icon: _,
 		tone: "destructive"
 	},
 	cancelled: {
-		icon: de,
+		icon: ue,
 		tone: "neutral"
 	},
 	skipped: {
@@ -953,78 +979,81 @@ var Ve = {
 		tone: "neutral"
 	}
 };
-function He({ item: e, depth: t, density: r, indent: i, copy: o }) {
-	let s = e.status ?? "queued", c = e.icon ?? Ve[s].icon, u = !!e.children?.length, [d, p] = L(r === "expanded" || t === 0);
-	return /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ B("div", {
+function We({ item: e, depth: t, defaultExpanded: n, indent: i, copy: o }) {
+	let s = e.status ?? "queued", c = e.icon ?? Ue[s].icon, l = !!e.children?.length, [u, f] = z(n || t === 0);
+	return /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ H("div", {
 		"data-nested": t > 0 || void 0,
-		style: { "--ai-task-depth": t * i },
+		style: { "--_ai-task-depth": t * i },
 		className: Y.taskRow,
-		children: [/* @__PURE__ */ B("div", {
+		children: [/* @__PURE__ */ H("div", {
 			className: Y.taskTitleRow,
 			children: [
-				u ? /* @__PURE__ */ z(a, {
+				l ? /* @__PURE__ */ V(a, {
 					type: "button",
 					tone: "neutral",
-					buttonStyle: "ghost",
+					appearance: "ghost",
 					iconOnly: !0,
-					"aria-expanded": d,
-					"aria-label": d ? o.collapseSubtasks : o.expandSubtasks,
-					onClick: () => p((e) => !e),
+					"aria-expanded": u,
+					"aria-label": u ? o.collapseSubtasks : o.expandSubtasks,
+					onClick: () => f((e) => !e),
 					className: Y.taskToggle,
-					children: /* @__PURE__ */ z(w, { "data-expanded": d || void 0 })
-				}) : /* @__PURE__ */ z("span", {
+					children: /* @__PURE__ */ V(T, { "data-expanded": u || void 0 })
+				}) : /* @__PURE__ */ V("span", {
 					"aria-hidden": !0,
 					className: Y.taskToggleSpacer
 				}),
-				/* @__PURE__ */ z(c, {
+				/* @__PURE__ */ V(c, {
 					"aria-hidden": !0,
 					"data-status": s,
 					"data-spin": s === "running" || void 0,
 					className: Y.taskIcon
 				}),
-				/* @__PURE__ */ z(n, {
+				/* @__PURE__ */ V(r, {
 					weight: s === "running" ? "semibold" : "medium",
 					type: s === "queued" || s === "cancelled" ? "secondary" : "main",
+					truncate: !0,
 					"data-status": s,
 					className: Y.taskTitle,
 					children: e.title
 				}),
-				/* @__PURE__ */ z(f, {
-					tone: Ve[s].tone,
+				/* @__PURE__ */ V(d, {
+					tone: Ue[s].tone,
 					children: o.statusLabels[s]
 				}),
-				!!e.rightSlot && /* @__PURE__ */ z(l, {
+				!!e.rightSlot && /* @__PURE__ */ V(r, {
+					tag: "span",
 					size: "xs",
-					className: Y.numeric,
+					type: "secondary",
+					numeric: !0,
 					children: e.rightSlot
 				})
 			]
-		}), !!e.body && /* @__PURE__ */ z("div", {
+		}), !!e.body && /* @__PURE__ */ V("div", {
 			className: Y.taskExtra,
 			children: e.body
 		})]
-	}), u && d && e.children?.map((e) => /* @__PURE__ */ z(He, {
+	}), l && u && e.children?.map((e) => /* @__PURE__ */ V(We, {
 		item: e,
 		depth: t + 1,
-		density: r,
+		defaultExpanded: n,
 		indent: i,
 		copy: o
 	}, e.id))] });
 }
-function Ue({ task: t, density: n = "compact", indent: r = 1.125, className: i, strings: a }) {
-	let o = m(me, a);
-	return /* @__PURE__ */ z("div", {
-		className: e("ai-task--component", Y.task, i),
-		children: /* @__PURE__ */ z(He, {
-			item: t,
+function Ge({ task: e, defaultExpanded: t = !1, indent: n = 1.125, className: r, strings: a }) {
+	let s = o(he, a);
+	return /* @__PURE__ */ V("div", {
+		className: i("ai-task--component", Y.task, r),
+		children: /* @__PURE__ */ V(We, {
+			item: e,
 			depth: 0,
-			density: n,
-			indent: r,
-			copy: o
+			defaultExpanded: t,
+			indent: n,
+			copy: s
 		})
 	});
 }
-var We = {
+var Ke = {
 	idle: "neutral",
 	thinking: "primary",
 	working: "primary",
@@ -1032,35 +1061,35 @@ var We = {
 	error: "destructive",
 	offline: "neutral"
 };
-function Ge({ name: t, icon: r, avatar: i, subtitle: a, tone: o = "primary", status: s, variant: c = "inline", trailing: l, className: u, strings: d }) {
-	let p = m(he, d), h = r ?? x, g = i ?? /* @__PURE__ */ z("span", {
+function qe({ name: e, icon: t, avatar: n, subtitle: a, tone: s = "primary", status: c, variant: l = "inline", trailing: u, className: f, strings: p }) {
+	let m = o(ge, p), h = t ?? S, g = n ?? /* @__PURE__ */ V("span", {
 		"aria-hidden": !0,
-		"data-tone": o,
-		"data-variant": c,
+		"data-tone": s,
+		"data-variant": l,
 		className: Y.avatar,
-		children: /* @__PURE__ */ z(h, {})
-	}), _ = !!s && /* @__PURE__ */ z(f, {
-		tone: We[s],
+		children: /* @__PURE__ */ V(h, {})
+	}), _ = !!c && /* @__PURE__ */ V(d, {
+		tone: Ke[c],
 		dot: !0,
-		pulse: s === "thinking" || s === "working",
-		children: p.statusLabels[s]
+		pulse: c === "thinking" || c === "working",
+		children: m.statusLabels[c]
 	});
-	return /* @__PURE__ */ B("div", {
-		"data-variant": c,
-		className: e("ai-agent--component", Y.agent, u),
+	return /* @__PURE__ */ H("div", {
+		"data-variant": l,
+		className: i("ai-agent--component", Y.agent, f),
 		children: [
 			g,
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ H("div", {
 				className: Y.agentText,
-				children: [/* @__PURE__ */ B("div", {
+				children: [/* @__PURE__ */ H("div", {
 					className: Y.agentNameRow,
-					children: [/* @__PURE__ */ z(n, {
+					children: [/* @__PURE__ */ V(r, {
 						tag: "span",
-						weight: c === "card" ? "semibold" : "medium",
+						weight: l === "card" ? "semibold" : "medium",
 						truncate: !0,
-						children: t
-					}), c === "card" && _]
-				}), !!a && /* @__PURE__ */ z(n, {
+						children: e
+					}), l === "card" && _]
+				}), !!a && /* @__PURE__ */ V(r, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
@@ -1068,96 +1097,96 @@ function Ge({ name: t, icon: r, avatar: i, subtitle: a, tone: o = "primary", sta
 					children: a
 				})]
 			}),
-			c === "inline" && _,
-			!!l && /* @__PURE__ */ z("div", {
+			l === "inline" && _,
+			!!u && /* @__PURE__ */ V("div", {
 				className: Y.agentTrailing,
-				children: l
+				children: u
 			})
 		]
 	});
 }
-function Q({ title: t, description: r, icon: i = ae, tone: o = "neutral", status: c = "pending", onApprove: l, onReject: u, approveLabel: d, rejectLabel: f, details: p, className: m, strings: h }) {
+function Je({ title: e, description: t, icon: n = ae, tone: o = "neutral", status: s = "pending", onApprove: c, onReject: l, approveLabel: u, rejectLabel: d, details: f, className: m, strings: h }) {
 	let g = {
-		...ge,
+		..._e,
 		...h
 	};
-	return /* @__PURE__ */ B("div", {
+	return /* @__PURE__ */ H("div", {
 		role: "region",
 		"aria-live": "polite",
 		"data-tone": o,
-		className: e("ai-confirmation--component", Y.confirmation, m),
-		children: [/* @__PURE__ */ B("div", {
+		className: i("ai-confirmation--component", Y.confirmation, m),
+		children: [/* @__PURE__ */ H("div", {
 			className: Y.confirmationHeader,
-			children: [/* @__PURE__ */ z(s, {
-				icon: i,
+			children: [/* @__PURE__ */ V(p, {
+				icon: n,
 				tone: o,
 				shape: "rounded"
-			}), /* @__PURE__ */ B("div", {
+			}), /* @__PURE__ */ H("div", {
 				className: Y.confirmationText,
 				children: [
-					/* @__PURE__ */ z(n, {
+					/* @__PURE__ */ V(r, {
 						weight: "medium",
-						children: t
+						children: e
 					}),
-					!!r && /* @__PURE__ */ z(n, {
+					!!t && /* @__PURE__ */ V(r, {
 						type: "secondary",
-						children: r
+						children: t
 					}),
-					!!p && /* @__PURE__ */ z("div", {
+					!!f && /* @__PURE__ */ V("div", {
 						role: "group",
 						"aria-label": g.detailsLabel,
 						className: Y.confirmationDetails,
-						children: p
+						children: f
 					})
 				]
 			})]
-		}), /* @__PURE__ */ z("div", {
+		}), /* @__PURE__ */ V("div", {
 			className: Y.confirmationFooter,
-			children: c === "pending" ? /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(n, {
+			children: s === "pending" ? /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V(r, {
 				size: "xs",
 				type: "secondary",
 				children: g.pending
-			}), /* @__PURE__ */ B("div", {
+			}), /* @__PURE__ */ H("div", {
 				className: Y.confirmationActions,
-				children: [/* @__PURE__ */ B(a, {
+				children: [/* @__PURE__ */ H(a, {
 					type: "button",
 					tone: "neutral",
-					buttonStyle: "ghost",
-					onClick: u,
-					children: [/* @__PURE__ */ z(N, {}), f ?? g.reject]
-				}), /* @__PURE__ */ B(a, {
+					appearance: "ghost",
+					onClick: l,
+					children: [/* @__PURE__ */ V(F, {}), d ?? g.reject]
+				}), /* @__PURE__ */ H(a, {
 					type: "button",
 					tone: o === "destructive" ? "destructive" : "primary",
-					onClick: l,
-					children: [/* @__PURE__ */ z(C, {}), d ?? g.approve]
+					onClick: c,
+					children: [/* @__PURE__ */ V(w, {}), u ?? g.approve]
 				})]
-			})] }) : c === "approved" ? /* @__PURE__ */ B(n, {
+			})] }) : s === "approved" ? /* @__PURE__ */ H(r, {
 				size: "xs",
 				type: "success",
 				weight: "medium",
 				className: Y.outcome,
-				children: [/* @__PURE__ */ z(C, { "aria-hidden": !0 }), g.approved]
-			}) : /* @__PURE__ */ B(n, {
+				children: [/* @__PURE__ */ V(w, { "aria-hidden": !0 }), g.approved]
+			}) : /* @__PURE__ */ H(r, {
 				size: "xs",
 				type: "secondary",
 				weight: "medium",
 				className: Y.outcome,
-				children: [/* @__PURE__ */ z(N, { "aria-hidden": !0 }), g.rejected]
+				children: [/* @__PURE__ */ V(F, { "aria-hidden": !0 }), g.rejected]
 			})
 		})]
 	});
 }
 //#endregion
 //#region src/components/features/ai-chat/use-ai-chat-scroll.ts
-function Ke({ threshold: e = 80, dependency: t, disableAutoScroll: n = !1 } = {}) {
-	let r = I(null), i = I(null), [a, o] = L(!0), s = P((e = "smooth") => {
+function Ye({ threshold: e = 80, dependency: t, disableAutoScroll: n = !1 } = {}) {
+	let r = R(null), i = R(null), [a, o] = z(!0), s = I((e = "smooth") => {
 		let t = r.current;
 		t && t.scrollTo({
 			top: t.scrollHeight,
 			behavior: e
 		});
 	}, []);
-	F(() => {
+	L(() => {
 		let t = r.current;
 		if (!t) return;
 		let n = () => {
@@ -1166,10 +1195,10 @@ function Ke({ threshold: e = 80, dependency: t, disableAutoScroll: n = !1 } = {}
 		};
 		return n(), t.addEventListener("scroll", n, { passive: !0 }), () => t.removeEventListener("scroll", n);
 	}, [e]);
-	let c = I(a);
-	return F(() => {
+	let c = R(a);
+	return L(() => {
 		c.current = a;
-	}, [a]), F(() => {
+	}, [a]), L(() => {
 		if (n || !c.current) return;
 		let e = requestAnimationFrame(() => s("auto"));
 		return () => cancelAnimationFrame(e);
@@ -1186,10 +1215,10 @@ function Ke({ threshold: e = 80, dependency: t, disableAutoScroll: n = !1 } = {}
 }
 //#endregion
 //#region src/components/features/ai-chat/ai-chat-parts.tsx
-function $({ attachments: t, onRemove: n, onOpen: r, className: i }) {
-	return t.length === 0 ? null : /* @__PURE__ */ z("div", {
-		className: e("ai-chat-attachments-strip--component", Y.strip, i),
-		children: t.map((e) => /* @__PURE__ */ z(Ae, {
+function Q({ attachments: e, onRemove: t, onOpen: n, className: r }) {
+	return e.length === 0 ? null : /* @__PURE__ */ V("div", {
+		className: i("ai-chat-attachments-strip--component", Y.strip, r),
+		children: e.map((e) => /* @__PURE__ */ V(Me, {
 			name: e.name,
 			meta: e.meta,
 			kind: e.kind,
@@ -1197,30 +1226,30 @@ function $({ attachments: t, onRemove: n, onOpen: r, className: i }) {
 			thumbnailUrl: e.thumbnailUrl,
 			progress: e.progress,
 			errored: e.errored,
-			onOpen: r ? () => r(e) : void 0,
-			onRemove: n ? () => n(e.id) : void 0
+			onOpen: n ? () => n(e) : void 0,
+			onRemove: t ? () => t(e.id) : void 0
 		}, e.id))
 	});
 }
-function qe(e) {
-	return typeof e == "string" || typeof e == "number" ? String(e) : Array.isArray(e) ? e.map(qe).join("") : "";
+function Xe(e) {
+	return typeof e == "string" || typeof e == "number" ? String(e) : Array.isArray(e) ? e.map(Xe).join("") : "";
 }
-function Je({ part: e, onAttachmentOpen: t }) {
+function Ze({ part: e, onAttachmentOpen: t }) {
 	switch (e.type) {
-		case "text": return /* @__PURE__ */ z(n, {
+		case "text": return /* @__PURE__ */ V(r, {
 			lineHeight: "relaxed",
 			children: e.content
 		});
-		case "reasoning": return /* @__PURE__ */ z(Fe, {
+		case "reasoning": return /* @__PURE__ */ V(Le, {
 			streaming: e.streaming,
 			durationSeconds: e.durationSeconds,
 			children: e.content
 		});
-		case "chain-of-thought": return /* @__PURE__ */ z(Le, {
+		case "chain-of-thought": return /* @__PURE__ */ V(ze, {
 			steps: e.steps,
 			streaming: e.streaming
 		});
-		case "tool": return /* @__PURE__ */ z(Be, {
+		case "tool": return /* @__PURE__ */ V(He, {
 			name: e.name,
 			status: e.status,
 			icon: e.icon,
@@ -1230,24 +1259,24 @@ function Je({ part: e, onAttachmentOpen: t }) {
 			durationMs: e.durationMs,
 			defaultExpanded: e.defaultExpanded
 		});
-		case "code": return /* @__PURE__ */ z(Ce, {
+		case "code": return /* @__PURE__ */ V(Te, {
 			code: e.code,
 			language: e.language,
 			filename: e.filename,
 			showLineNumbers: e.showLineNumbers,
 			highlightLines: e.highlightLines
 		});
-		case "attachments": return /* @__PURE__ */ z($, {
+		case "attachments": return /* @__PURE__ */ V(Q, {
 			attachments: e.items,
 			onOpen: t ? (e) => t(e.id) : void 0
 		});
-		case "sources": return /* @__PURE__ */ z(Oe, {
+		case "sources": return /* @__PURE__ */ V(Ae, {
 			sources: e.items,
 			variant: e.variant,
 			defaultExpanded: e.defaultExpanded
 		});
-		case "task": return /* @__PURE__ */ z(Ue, { task: e.task });
-		case "artifact": return /* @__PURE__ */ z(we, {
+		case "task": return /* @__PURE__ */ V(Ge, { task: e.task });
+		case "artifact": return /* @__PURE__ */ V(Ee, {
 			title: e.title,
 			subtitle: e.subtitle,
 			icon: e.icon,
@@ -1257,7 +1286,7 @@ function Je({ part: e, onAttachmentOpen: t }) {
 			onDownload: e.onDownload,
 			children: e.body
 		});
-		case "confirmation": return /* @__PURE__ */ z(Q, {
+		case "confirmation": return /* @__PURE__ */ V(Je, {
 			title: e.title,
 			description: e.description,
 			tone: e.tone,
@@ -1266,134 +1295,133 @@ function Je({ part: e, onAttachmentOpen: t }) {
 			onApprove: e.onApprove,
 			onReject: e.onReject
 		});
-		case "custom": return /* @__PURE__ */ z(R, { children: e.render() });
+		case "custom": return /* @__PURE__ */ V(B, { children: e.render() });
 	}
 }
-function Ye({ message: t, onCopy: n, onRegenerate: r, onAttachmentOpen: i, className: a, strings: o }) {
+function $({ message: e, onCopy: t, onRegenerate: n, onAttachmentOpen: r, className: a, strings: o }) {
 	let s = {
 		...J,
 		...o
-	}, c = t.parts.findIndex((e) => e.type === "text"), l = c;
-	for (; l >= 0 && t.parts[l + 1]?.type === "text";) l += 1;
-	let u = c < 0 ? [] : t.parts.slice(0, c), d = c < 0 ? [] : t.parts.slice(c, l + 1), f = c < 0 ? [...t.parts] : t.parts.slice(l + 1), p = d.map((e) => e.type === "text" ? e.plain ?? qe(e.content) : "").filter(Boolean).join("\n") || void 0, m = t.pending ? /* @__PURE__ */ z(X, { children: s.pending }) : d.length === 0 ? null : /* @__PURE__ */ z("div", {
+	}, c = e.parts.findIndex((e) => e.type === "text"), l = c;
+	for (; l >= 0 && e.parts[l + 1]?.type === "text";) l += 1;
+	let u = c < 0 ? [] : e.parts.slice(0, c), d = c < 0 ? [] : e.parts.slice(c, l + 1), f = c < 0 ? [...e.parts] : e.parts.slice(l + 1), p = d.map((e) => e.type === "text" ? e.plain ?? Xe(e.content) : "").filter(Boolean).join("\n") || void 0, m = e.pending ? /* @__PURE__ */ V(X, { children: s.pending }) : d.length === 0 ? null : /* @__PURE__ */ V("div", {
 		className: Y.bubbleParts,
-		children: d.map((e, t) => /* @__PURE__ */ z("div", {
+		children: d.map((e, t) => /* @__PURE__ */ V("div", {
 			className: Y.preWrap,
 			children: e.type === "text" ? e.content : null
 		}, t))
 	});
-	return /* @__PURE__ */ B("div", {
-		"data-role": t.role,
-		className: e("ai-chat-message--component", Y.message, a),
+	return /* @__PURE__ */ H("div", {
+		"data-role": e.role,
+		className: i("ai-chat-message--component", Y.message, a),
 		children: [
-			u.length > 0 && /* @__PURE__ */ z("div", {
+			u.length > 0 && /* @__PURE__ */ V("div", {
 				className: Y.messageBelow,
-				children: u.map((e, t) => /* @__PURE__ */ z(Je, {
+				children: u.map((e, t) => /* @__PURE__ */ V(Ze, {
 					part: e,
-					onAttachmentOpen: i
+					onAttachmentOpen: r
 				}, t))
 			}),
-			(m !== null || t.pending) && /* @__PURE__ */ z(Ne, {
-				role: t.role,
-				avatar: t.avatar,
-				authorName: t.authorName,
-				timestamp: t.timestamp,
+			(m !== null || e.pending) && /* @__PURE__ */ V(Fe, {
+				role: e.role,
+				avatar: e.avatar,
+				authorName: e.authorName,
+				timestamp: e.timestamp,
 				plainText: p,
-				loading: t.loading,
-				onCopy: p ? n ?? (() => void 0) : void 0,
-				onRegenerate: t.pending ? void 0 : r,
+				loading: e.loading,
+				onCopy: p ? t ?? (() => void 0) : void 0,
+				onRegenerate: e.pending ? void 0 : n,
 				children: m
 			}),
-			f.length > 0 && /* @__PURE__ */ z("div", {
+			f.length > 0 && /* @__PURE__ */ V("div", {
 				className: Y.messageBelow,
-				children: f.map((e, t) => /* @__PURE__ */ z(Je, {
+				children: f.map((e, t) => /* @__PURE__ */ V(Ze, {
 					part: e,
-					onAttachmentOpen: i
+					onAttachmentOpen: r
 				}, t))
 			}),
-			!!t.trailing && /* @__PURE__ */ z("div", {
+			!!e.trailing && /* @__PURE__ */ V("div", {
 				className: Y.messageBelow,
-				children: t.trailing
+				children: e.trailing
 			})
 		]
 	});
 }
-function Xe({ messages: t, renderMessage: r, intro: i, footer: o, empty: s, disableAutoScroll: c, className: l, strings: u }) {
+function Qe({ messages: e, renderMessage: t, intro: n, footer: o, empty: s, disableAutoScroll: c, className: l, strings: u }) {
 	let d = {
 		...G,
 		...u
-	}, { containerRef: f, endRef: p, isAtBottom: m, scrollToBottom: h } = Ke({
-		dependency: t.length,
+	}, { containerRef: f, endRef: p, isAtBottom: m, scrollToBottom: h } = Ye({
+		dependency: e.length,
 		disableAutoScroll: c
-	}), g = t.length === 0 && !i;
-	return /* @__PURE__ */ B("div", {
-		className: e("ai-chat-conversation--component", Y.conversation, l),
-		children: [/* @__PURE__ */ B("div", {
+	}), g = e.length === 0 && !n;
+	return /* @__PURE__ */ H("div", {
+		className: i("ai-chat-conversation--component", Y.conversation, l),
+		children: [/* @__PURE__ */ H("div", {
 			ref: f,
 			tabIndex: 0,
 			"aria-label": d.transcriptAria,
 			className: Y.transcript,
 			children: [
-				!!i && /* @__PURE__ */ z("div", {
+				!!n && /* @__PURE__ */ V("div", {
 					className: Y.transcriptIntro,
-					children: i
+					children: n
 				}),
-				g ? s ?? /* @__PURE__ */ z(n, {
+				g ? s ?? /* @__PURE__ */ V(r, {
 					type: "secondary",
 					children: d.empty
-				}) : /* @__PURE__ */ z("ol", {
+				}) : /* @__PURE__ */ V("ol", {
 					className: Y.messages,
-					children: t.map((e, n) => /* @__PURE__ */ z("li", { children: r(e, {
-						index: n,
-						isLast: n === t.length - 1
-					}) }, e.id))
+					children: e.map((n, r) => /* @__PURE__ */ V("li", { children: t(n, {
+						index: r,
+						isLast: r === e.length - 1
+					}) }, n.id))
 				}),
-				!!o && /* @__PURE__ */ z("div", {
+				!!o && /* @__PURE__ */ V("div", {
 					className: Y.transcriptFooter,
 					children: o
 				}),
-				/* @__PURE__ */ z("div", {
+				/* @__PURE__ */ V("div", {
 					ref: p,
 					"aria-hidden": !0,
 					className: Y.sentinel
 				})
 			]
-		}), !m && /* @__PURE__ */ z("div", {
+		}), !m && /* @__PURE__ */ V("div", {
 			className: Y.jump,
-			children: /* @__PURE__ */ B(a, {
+			children: /* @__PURE__ */ H(a, {
 				type: "button",
 				tone: "neutral",
-				buttonStyle: "outline",
+				appearance: "outline",
 				"aria-label": d.scrollToBottomAria,
 				onClick: () => h("smooth"),
-				children: [/* @__PURE__ */ z(v, {}), d.scrollToBottom]
+				children: [/* @__PURE__ */ V(y, {}), d.scrollToBottom]
 			})
 		})]
 	});
 }
-function Ze({ title: t, description: n, icon: r = /* @__PURE__ */ z(oe, {}), below: a, className: o }) {
-	return /* @__PURE__ */ B("div", {
-		className: e("ai-chat-empty-state--component", Y.emptyState, o),
-		children: [/* @__PURE__ */ z(i, {
-			media: r,
+function $e({ title: e, description: t, icon: n = /* @__PURE__ */ V(P, {}), below: r, className: a }) {
+	return /* @__PURE__ */ H("div", {
+		className: i("ai-chat-empty-state--component", Y.emptyState, a),
+		children: [/* @__PURE__ */ V(f, {
+			media: n,
 			mediaVariant: "icon-soft",
-			title: t,
-			description: n ?? !1,
-			padding: "md"
-		}), !!a && /* @__PURE__ */ z("div", {
+			title: e,
+			description: t ?? !1
+		}), !!r && /* @__PURE__ */ V("div", {
 			className: Y.emptyBelow,
-			children: a
+			children: r
 		})]
 	});
 }
-function Qe({ items: t, hideHeader: r = !1, onCancel: i, className: o, strings: s }) {
+function et({ items: e, hideHeader: t = !1, onCancel: n, className: o, strings: s }) {
 	let c = {
 		...K,
 		...s
 	};
-	return t.length === 0 ? null : /* @__PURE__ */ B("div", {
-		className: e("ai-chat-queue--component", Y.queue, o),
-		children: [!r && /* @__PURE__ */ B(n, {
+	return e.length === 0 ? null : /* @__PURE__ */ H("div", {
+		className: i("ai-chat-queue--component", Y.queue, o),
+		children: [!t && /* @__PURE__ */ H(r, {
 			tag: "div",
 			size: "xs",
 			type: "secondary",
@@ -1401,38 +1429,38 @@ function Qe({ items: t, hideHeader: r = !1, onCancel: i, className: o, strings:
 			children: [
 				c.header,
 				" · ",
-				t.length
+				e.length
 			]
-		}), /* @__PURE__ */ z("ul", {
+		}), /* @__PURE__ */ V("ul", {
 			className: Y.queueList,
-			children: t.map((e) => {
+			children: e.map((e) => {
 				let t = (e.status ?? "queued") === "running";
-				return /* @__PURE__ */ B("li", {
+				return /* @__PURE__ */ H("li", {
 					className: Y.queueRow,
 					children: [
-						/* @__PURE__ */ z(n, {
+						/* @__PURE__ */ V(r, {
 							truncate: !0,
 							className: Y.grow,
 							children: e.label
 						}),
-						/* @__PURE__ */ z(f, {
+						/* @__PURE__ */ V(d, {
 							tone: t ? "primary" : "neutral",
 							dot: !0,
 							pulse: t,
 							pending: !t,
 							children: t ? c.runningLabel : c.queuedLabel
 						}),
-						(!!e.onCancel || !!i) && /* @__PURE__ */ z(a, {
+						(!!e.onCancel || !!n) && /* @__PURE__ */ V(a, {
 							type: "button",
 							tone: "neutral",
-							buttonStyle: "ghost",
+							appearance: "ghost",
 							iconOnly: !0,
 							"aria-label": c.cancelAria,
 							onClick: () => {
-								e.onCancel?.(), i?.(e.id);
+								e.onCancel?.(), n?.(e.id);
 							},
 							className: Y.dismiss,
-							children: /* @__PURE__ */ z(N, {})
+							children: /* @__PURE__ */ V(F, {})
 						})
 					]
 				}, e.id);
@@ -1440,25 +1468,25 @@ function Qe({ items: t, hideHeader: r = !1, onCancel: i, className: o, strings:
 		})]
 	});
 }
-function $e({ suggestions: r, onPick: i, hideHeader: a = !1, className: o, strings: s }) {
+function tt({ suggestions: t, onPick: n, hideHeader: a = !1, className: o, strings: s }) {
 	let c = {
 		...q,
 		...s
 	};
-	return r.length === 0 ? null : /* @__PURE__ */ B("div", {
-		className: e("ai-chat-suggestions-row--component", Y.suggestions, o),
-		children: [!a && /* @__PURE__ */ B("span", {
+	return t.length === 0 ? null : /* @__PURE__ */ H("div", {
+		className: i("ai-chat-suggestions-row--component", Y.suggestions, o),
+		children: [!a && /* @__PURE__ */ H("span", {
 			className: Y.suggestionsHeader,
-			children: [/* @__PURE__ */ z(oe, { "aria-hidden": !0 }), /* @__PURE__ */ z(t, { children: c.header })]
-		}), /* @__PURE__ */ z("div", {
+			children: [/* @__PURE__ */ V(P, { "aria-hidden": !0 }), /* @__PURE__ */ V(e, { children: c.header })]
+		}), /* @__PURE__ */ V("div", {
 			className: Y.suggestionsScroll,
-			children: r.map((e) => {
+			children: t.map((e) => {
 				let t = e.icon;
-				return /* @__PURE__ */ B("button", {
+				return /* @__PURE__ */ H("button", {
 					type: "button",
-					onClick: () => i?.(e),
+					onClick: () => n?.(e),
 					className: Y.suggestion,
-					children: [!!t && /* @__PURE__ */ z(t, { "aria-hidden": !0 }), /* @__PURE__ */ z(n, {
+					children: [!!t && /* @__PURE__ */ V(t, { "aria-hidden": !0 }), /* @__PURE__ */ V(r, {
 						tag: "span",
 						weight: "medium",
 						children: e.label
@@ -1468,86 +1496,86 @@ function $e({ suggestions: r, onPick: i, hideHeader: a = !1, className: o, strin
 		})]
 	});
 }
-function et({ value: t, onValueChange: r, onSubmit: i, onStop: o, streaming: s = !1, disabled: c = !1, attachments: l = [], onRemoveAttachment: u, onAttach: d, showAttach: f, leadingActions: p, trailingActions: m, hideHint: g = !1, minRows: _ = 1, maxRows: v = 8, autoFocus: b = !1, submitKeyLabel: x = "↩", className: S, strings: C }) {
+function nt({ value: e, onValueChange: t, onSubmit: n, onStop: o, streaming: s = !1, disabled: c = !1, attachments: l = [], onRemoveAttachment: u, onAttach: d, showAttach: f, leadingActions: p, trailingActions: h, hideHint: g = !1, minRows: _ = 1, maxRows: v = 8, autoFocus: y = !1, submitKeyLabel: x = "↩", className: S, strings: C }) {
 	let w = {
 		...W,
 		...C
-	}, T = I(null), E = !!i && !s && !c && (t.trim().length > 0 || l.length > 0), D = P(() => {
-		E && i?.({
-			text: t,
+	}, T = R(null), E = !!n && !s && !c && (e.trim().length > 0 || l.length > 0), D = I(() => {
+		E && n?.({
+			text: e,
 			attachments: l
 		});
 	}, [
 		l,
 		E,
-		i,
-		t
-	]), O = P((e) => {
-		e.key !== "Enter" || e.shiftKey || e.nativeEvent.isComposing || !i || (e.preventDefault(), D());
-	}, [i, D]), k = w.hint.replace(/\{\{\s*submitKey\s*\}\}/g, x).replace(/\{\{\s*newlineKey\s*\}\}/g, "⇧↩");
-	return /* @__PURE__ */ B("div", {
+		n,
+		e
+	]), O = I((e) => {
+		e.key !== "Enter" || e.shiftKey || e.nativeEvent.isComposing || !n || (e.preventDefault(), D());
+	}, [n, D]), k = w.hint.replace(/\{\{\s*submitKey\s*\}\}/g, x).replace(/\{\{\s*newlineKey\s*\}\}/g, "⇧↩");
+	return /* @__PURE__ */ H("div", {
 		"data-disabled": c || void 0,
-		className: e("ai-chat-prompt-input--component", Y.composer, S),
+		className: i("ai-chat-prompt-input--component", Y.composer, S),
 		children: [
-			l.length > 0 && /* @__PURE__ */ z("div", {
+			l.length > 0 && /* @__PURE__ */ V("div", {
 				className: Y.composerAttachments,
-				children: /* @__PURE__ */ z($, {
+				children: /* @__PURE__ */ V(Q, {
 					attachments: l,
 					onRemove: u
 				})
 			}),
-			/* @__PURE__ */ z(h, {
+			/* @__PURE__ */ V(m, {
 				ref: T,
-				value: t,
+				value: e,
 				placeholder: w.placeholder,
 				minRows: _,
 				maxRows: v,
-				autoFocus: b,
+				autoFocus: y,
 				disabled: c,
-				onChange: (e) => r(e.target.value),
+				onChange: (e) => t(e.target.value),
 				onKeyDown: O,
 				className: Y.composerField
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ H("div", {
 				className: Y.composerBar,
 				children: [
 					p,
-					(f ?? !!d) && /* @__PURE__ */ z(a, {
+					(f ?? !!d) && /* @__PURE__ */ V(a, {
 						type: "button",
 						tone: "neutral",
-						buttonStyle: "ghost",
+						appearance: "ghost",
 						iconOnly: !0,
 						"aria-label": w.attachAria,
 						disabled: c || !d,
 						onClick: d,
-						children: /* @__PURE__ */ z(re, {})
+						children: /* @__PURE__ */ V(re, {})
 					}),
-					/* @__PURE__ */ B("div", {
+					/* @__PURE__ */ H("div", {
 						className: Y.composerBarEnd,
 						children: [
-							!g && /* @__PURE__ */ z(n, {
+							!g && /* @__PURE__ */ V(r, {
 								size: "xs",
 								type: "secondary",
 								truncate: !0,
 								className: Y.composerHint,
 								children: k
 							}),
-							m,
-							s ? /* @__PURE__ */ z(a, {
+							h,
+							s ? /* @__PURE__ */ V(a, {
 								type: "button",
 								tone: "neutral",
 								iconOnly: !0,
 								"aria-label": w.stopAria,
 								disabled: c || !o,
 								onClick: o,
-								children: /* @__PURE__ */ z(se, { className: Y.stopGlyph })
-							}) : /* @__PURE__ */ z(a, {
+								children: /* @__PURE__ */ V(oe, { className: Y.stopGlyph })
+							}) : /* @__PURE__ */ V(a, {
 								type: "button",
 								iconOnly: !0,
 								"aria-label": w.submitAria,
 								disabled: !E,
 								onClick: D,
-								children: /* @__PURE__ */ z(y, {})
+								children: /* @__PURE__ */ V(b, {})
 							})
 						]
 					})
@@ -1558,11 +1586,11 @@ function et({ value: t, onValueChange: r, onSubmit: i, onStop: o, streaming: s =
 }
 //#endregion
 //#region src/components/features/ai-chat/ai-chat.tsx
-function tt({ messages: t, inputValue: n, onInputChange: r, onSubmit: i, onStop: a, streaming: o = !1, disabled: s = !1, attachments: c = [], onRemoveAttachment: l, onAttach: u, showAttach: d, agent: f, headerActions: p, queue: m = [], onCancelQueueItem: h, suggestions: g = [], onPickSuggestion: _, onMessageCopy: v, onMessageRegenerate: y, onAttachmentOpen: b, disableAutoScroll: x, slots: S, strings: C, className: w }) {
+function rt({ messages: e, inputValue: t, onInputChange: n, onSubmit: r, onStop: a, streaming: o = !1, disabled: s = !1, attachments: c = [], onRemoveAttachment: l, onAttach: u, showAttach: d, agent: f, headerActions: p, queue: m = [], onCancelQueueItem: h, suggestions: g = [], onPickSuggestion: _, onMessageCopy: v, onMessageRegenerate: y, onAttachmentOpen: b, disableAutoScroll: x, slots: S, strings: C, className: w }) {
 	let T = {
-		...xe,
+		...Se,
 		...C
-	}, E = P((e, t) => S?.renderMessage ? S.renderMessage(e, t) : /* @__PURE__ */ z(Ye, {
+	}, E = I((e, t) => S?.renderMessage ? S.renderMessage(e, t) : /* @__PURE__ */ V($, {
 		message: e,
 		strings: T.message,
 		onCopy: v ? () => v(e) : void 0,
@@ -1574,9 +1602,9 @@ function tt({ messages: t, inputValue: n, onInputChange: r, onSubmit: i, onStop:
 		v,
 		y,
 		S
-	]), D = S?.header ?? (f ? /* @__PURE__ */ B("div", {
+	]), D = S?.header ?? (f ? /* @__PURE__ */ H("div", {
 		className: Y.header,
-		children: [/* @__PURE__ */ z(Ge, {
+		children: [/* @__PURE__ */ V(qe, {
 			name: f.name,
 			icon: f.icon,
 			avatar: f.avatar,
@@ -1584,25 +1612,25 @@ function tt({ messages: t, inputValue: n, onInputChange: r, onSubmit: i, onStop:
 			tone: f.tone,
 			status: f.status,
 			variant: "inline"
-		}), !!p && /* @__PURE__ */ z("div", {
+		}), !!p && /* @__PURE__ */ V("div", {
 			className: Y.headerActions,
 			children: p
 		})]
-	}) : null), O = S?.empty ?? (t.length === 0 ? /* @__PURE__ */ z(Ze, {
+	}) : null), O = S?.empty ?? (e.length === 0 ? /* @__PURE__ */ V($e, {
 		title: T.emptyTitle,
 		description: T.emptyDescription
-	}) : null), k = S?.queue ?? (m.length > 0 ? /* @__PURE__ */ z(Qe, {
+	}) : null), k = S?.queue ?? (m.length > 0 ? /* @__PURE__ */ V(et, {
 		items: m,
 		onCancel: h,
 		strings: T.queue
-	}) : null), A = S?.suggestions ?? (g.length > 0 ? /* @__PURE__ */ z($e, {
+	}) : null), A = S?.suggestions ?? (g.length > 0 ? /* @__PURE__ */ V(tt, {
 		suggestions: g,
 		onPick: _,
 		strings: T.suggestions
-	}) : null), j = S?.input ?? /* @__PURE__ */ z(et, {
-		value: n,
-		onValueChange: r,
-		onSubmit: i,
+	}) : null), j = S?.input ?? /* @__PURE__ */ V(nt, {
+		value: t,
+		onValueChange: n,
+		onSubmit: r,
 		onStop: a,
 		streaming: o,
 		disabled: s,
@@ -1612,12 +1640,12 @@ function tt({ messages: t, inputValue: n, onInputChange: r, onSubmit: i, onStop:
 		showAttach: d,
 		strings: T.prompt
 	});
-	return /* @__PURE__ */ B("div", {
-		className: e("ai-chat--component", Y.chat, w),
+	return /* @__PURE__ */ H("div", {
+		className: i("ai-chat--component", Y.chat, w),
 		children: [
 			D,
-			/* @__PURE__ */ z(Xe, {
-				messages: t,
+			/* @__PURE__ */ V(Qe, {
+				messages: e,
 				renderMessage: E,
 				intro: S?.intro,
 				footer: S?.belowMessages,
@@ -1625,7 +1653,7 @@ function tt({ messages: t, inputValue: n, onInputChange: r, onSubmit: i, onStop:
 				disableAutoScroll: x,
 				strings: T.conversation
 			}),
-			(!!k || !!A || !!j) && /* @__PURE__ */ B("div", {
+			(!!k || !!A || !!j) && /* @__PURE__ */ H("div", {
 				className: Y.footer,
 				children: [
 					k,
@@ -1637,4 +1665,4 @@ function tt({ messages: t, inputValue: n, onInputChange: r, onSubmit: i, onStop:
 	});
 }
 //#endregion
-export { Ge as AiAgent, we as AiArtifact, Ae as AiAttachment, Le as AiChainOfThought, tt as AiChat, $ as AiChatAttachmentsStrip, Xe as AiChatConversation, Ze as AiChatEmptyState, Ye as AiChatMessage, et as AiChatPromptInput, Qe as AiChatQueue, $e as AiChatSuggestionsRow, Ce as AiCodeBlock, Q as AiConfirmation, Ne as AiMessageBubble, Fe as AiReasoning, X as AiShimmer, Oe as AiSources, Ue as AiTask, Be as AiToolCall, he as defaultAiAgentStrings, ve as defaultAiArtifactStrings, be as defaultAiAttachmentStrings, U as defaultAiChainOfThoughtStrings, G as defaultAiChatConversationStrings, J as defaultAiChatMessageStrings, W as defaultAiChatPromptInputStrings, K as defaultAiChatQueueStrings, xe as defaultAiChatStrings, q as defaultAiChatSuggestionsStrings, _e as defaultAiCodeBlockStrings, ge as defaultAiConfirmationStrings, V as defaultAiMessageBubbleStrings, H as defaultAiReasoningStrings, ye as defaultAiSourcesStrings, me as defaultAiTaskStrings, pe as defaultAiToolCallStrings, Ke as useAiChatScroll };
+export { qe as AiAgent, Ee as AiArtifact, Me as AiAttachment, ze as AiChainOfThought, rt as AiChat, Q as AiChatAttachmentsStrip, Qe as AiChatConversation, $e as AiChatEmptyState, $ as AiChatMessage, nt as AiChatPromptInput, et as AiChatQueue, tt as AiChatSuggestionsRow, Te as AiCodeBlock, Je as AiConfirmation, Fe as AiMessageBubble, Le as AiReasoning, X as AiShimmer, Ae as AiSources, Ge as AiTask, He as AiToolCall, ge as defaultAiAgentStrings, ye as defaultAiArtifactStrings, xe as defaultAiAttachmentStrings, pe as defaultAiChainOfThoughtStrings, G as defaultAiChatConversationStrings, J as defaultAiChatMessageStrings, W as defaultAiChatPromptInputStrings, K as defaultAiChatQueueStrings, Se as defaultAiChatStrings, q as defaultAiChatSuggestionsStrings, ve as defaultAiCodeBlockStrings, _e as defaultAiConfirmationStrings, U as defaultAiMessageBubbleStrings, fe as defaultAiReasoningStrings, be as defaultAiSourcesStrings, he as defaultAiTaskStrings, me as defaultAiToolCallStrings, Ye as useAiChatScroll };