themelia-react-ui 1.0.1 → 2.0.0

package/dist/{ai-artifact-B5tPpXnS.js → ai-artifact-2PQ2fItc.js}

@@ -1,19 +1,19 @@
 "use client";
 import { mergeStrings as e, useStrings as t } from "./lib/strings.js";
-import { t as n } from "./utils-C2EKeIw3.js";
-import { n as r } from "./buttons-Co6GavvM.js";
-import { a as i, r as a, t as o } from "./typography-Cv8MT-82.js";
-import { t as s } from "./structure-MvKVq-oL.js";
-import { g as c, m as l, r as u } from "./primitives-DKPOGVpj.js";
-import { t as d } from "./number-BNT_BIzJ.js";
-import { t as f } from "./icon-badge-Dv0RYQwj.js";
-import { t as p } from "./badge-BZXZT9wd.js";
-import { a as m, c as h, i as g, n as _, o as v, r as y, s as b, t as x } from "./attachment-BO2R47wn.js";
-import { t as S } from "./message-COsdEvXT.js";
-import { t as C } from "./code-block-xHKbAJDj.js";
+import { t as n } from "./utils-Cospvlj1.js";
+import { a as r, s as i, t as a } from "./typography-CAr3dQhX.js";
+import { t as o } from "./button-BS3KDg00.js";
+import { t as s } from "./structure-hzCW-XsV.js";
+import { g as c, m as l, r as u } from "./primitives-BHrwQXFC.js";
+import { t as d } from "./number-CKRBYmZK.js";
+import { t as f } from "./icon-badge-DKlaKXoo.js";
+import { t as p } from "./badge-0tATj-tW.js";
+import { a as m, c as h, i as g, n as _, o as v, r as y, s as b, t as x } from "./attachment-q69dlt5Y.js";
+import { t as S } from "./message-YfFmbXNP.js";
+import { t as C } from "./code-block-CD0B7M93.js";
 import { useEffect as w, useRef as T, useState as E } from "react";
 import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
-import { AlertCircle as A, Bot as j, Brain as ee, Check as M, ChevronDown as N, ChevronRight as P, Circle as F, CircleDot as te, Copy as I, Download as ne, ExternalLink as re, FileText as ie, Globe as ae, Loader2 as L, MinusCircle as oe, RotateCcw as se, ShieldCheck as ce, User as le, Wrench as ue, X as R, XCircle as de } from "lucide-react";
+import { AlertCircle as A, Bot as j, Brain as ee, Check as M, ChevronDown as N, ChevronRight as P, Circle as F, Copy as I, Download as te, ExternalLink as ne, FileText as re, Globe as ie, Loader2 as L, MinusCircle as ae, RotateCcw as oe, User as se, X as R, XCircle as ce } from "lucide-react";
 //#region src/components/blocks/ai/use-copy-feedback.ts
 function z(e, t) {
 	let [n, r] = E(!1), [i, a] = E(!1), o = T(!1), s = T(0), c = T(void 0);
@@ -45,11 +45,11 @@ var B = {
 };
 //#endregion
 //#region src/components/blocks/ai/ai-message-bubble/ai-message-bubble.tsx
-function V({ 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 _ = t(B, g), v = u ?? (typeof l == "string" ? l : ""), { copied: y, failed: b, copy: x } = z(m, v), C = a ?? /* @__PURE__ */ O("span", {
-		"aria-label": o,
+function V({ role: e = "assistant", avatar: r, avatarLabel: a, authorName: s, timestamp: c, children: l, plainText: u, loading: d = !1, onCopy: f, onRegenerate: p, onCopyError: m, className: h, strings: g }) {
+	let _ = t(B, g), v = u ?? (typeof l == "string" ? l : ""), { copied: y, failed: b, copy: x } = z(m, v), C = r ?? /* @__PURE__ */ O("span", {
+		"aria-label": a,
 		className: "inline-flex size-avatar-sm shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground",
-		children: /* @__PURE__ */ O(e === "user" ? le : j, {
+		children: /* @__PURE__ */ O(e === "user" ? se : j, {
 			"aria-hidden": "true",
 			className: "size-icon-md"
 		})
@@ -64,7 +64,7 @@ function V({ role: e = "assistant", avatar: a, avatarLabel: o, authorName: s, ti
 		strings: { loading: _.loading },
 		className: n("ai-message-bubble--component", h),
 		actions: w ? /* @__PURE__ */ k(D, { children: [
-			/* @__PURE__ */ O(r, {
+			/* @__PURE__ */ O(o, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
@@ -85,7 +85,7 @@ function V({ role: e = "assistant", avatar: a, avatarLabel: o, authorName: s, ti
 				type: "success",
 				children: _.copied
 			}),
-			p && /* @__PURE__ */ O(r, {
+			p && /* @__PURE__ */ O(o, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
@@ -93,7 +93,7 @@ function V({ role: e = "assistant", avatar: a, avatarLabel: o, authorName: s, ti
 				iconOnly: !0,
 				"aria-label": _.regenerateAria,
 				onClick: p,
-				children: /* @__PURE__ */ O(se, {
+				children: /* @__PURE__ */ O(oe, {
 					"aria-hidden": "true",
 					className: "size-icon-md"
 				})
@@ -121,22 +121,16 @@ var H = {
 	args: "Arguments",
 	result: "Result",
 	durationLabel: "Took"
-}, U = {
-	pending: {
-		tone: "secondary",
-		icon: te
-	},
+}, le = {
+	pending: { tone: "secondary" },
 	running: {
-		tone: "primary",
-		icon: L
+		tone: "info",
+		live: !0
 	},
 	success: { tone: "success" },
-	error: {
-		tone: "destructive",
-		icon: A
-	}
+	error: { tone: "destructive" }
 };
-function fe({ label: e, ms: t }) {
+function ue({ label: e, ms: t }) {
 	return /* @__PURE__ */ k("span", {
 		className: "inline-flex shrink-0 items-baseline gap-space-xs",
 		children: [/* @__PURE__ */ O(c, {
@@ -153,7 +147,7 @@ function fe({ label: e, ms: t }) {
 		})]
 	});
 }
-function W({ name: e, status: i, icon: a = ue, args: o, result: c, error: u, durationMs: d, expanded: m, defaultExpanded: h = !1, onExpandedChange: g, className: _, strings: v }) {
+function U({ name: e, status: r, icon: i, args: a, result: c, error: u, durationMs: d, expanded: m, defaultExpanded: h = !1, onExpandedChange: g, className: _, strings: v }) {
 	let y = t(H, v), [b, x] = E(h), S = m ?? b, C = (e) => {
 		m === void 0 && x(e), g?.(e);
 	}, w = {
@@ -161,21 +155,21 @@ function W({ name: e, status: i, icon: a = ue, args: o, result: c, error: u, dur
 		running: y.running,
 		success: y.success,
 		error: y.error
-	}, T = U[i].icon, D = !!(o || c || u);
+	}, T = le[r], D = !!(a || c || u);
 	return /* @__PURE__ */ k("div", {
-		className: n("ai-tool-call--component @container/ai-tool-call", "overflow-hidden rounded-radius border border-border/60 bg-card", i === "error" && "border-destructive/40 bg-destructive/5", _),
-		children: [/* @__PURE__ */ k(r, {
+		className: n("ai-tool-call--component @container/ai-tool-call", "overflow-hidden rounded-radius border border-border/60 bg-card", r === "error" && "border-destructive/40 bg-destructive/5", _),
+		children: [/* @__PURE__ */ k(o, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
 			size: "md",
 			onClick: () => D && C(!S),
-			className: n("ai-tool-call--trigger h-auto w-full flex-wrap justify-start gap-space-md whitespace-normal rounded-none px-space-lg py-space-md text-left @md/ai-tool-call:flex-nowrap", D ? "cursor-pointer hover:bg-muted/40" : "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/ai-tool-call:flex-nowrap", D ? "cursor-pointer hover:bg-muted/40" : "cursor-default"),
 			"aria-expanded": D ? S : void 0,
 			"aria-label": D ? S ? y.collapse : y.expand : void 0,
 			children: [
-				/* @__PURE__ */ O(f, {
-					icon: a,
+				!!i && /* @__PURE__ */ O(f, {
+					icon: i,
 					tone: "neutral",
 					size: "md",
 					shape: "square"
@@ -189,11 +183,12 @@ function W({ name: e, status: i, icon: a = ue, args: o, result: c, error: u, dur
 				}),
 				/* @__PURE__ */ k("span", {
 					className: "ai-tool-call--meta order-last flex w-full flex-wrap items-center gap-space-sm @md/ai-tool-call:order-none @md/ai-tool-call:w-auto @md/ai-tool-call:flex-nowrap",
-					children: [/* @__PURE__ */ k(p, {
-						tone: U[i].tone,
-						className: "gap-space-xs",
-						children: [!!T && /* @__PURE__ */ O(T, { className: n("size-icon-sm", i === "running" && "animate-spin") }), w[i]]
-					}), !!d && /* @__PURE__ */ O(fe, {
+					children: [/* @__PURE__ */ O(p, {
+						tone: T.tone,
+						dot: T.live,
+						pulse: T.live,
+						children: w[r]
+					}), !!d && /* @__PURE__ */ O(ue, {
 						label: y.durationLabel,
 						ms: d
 					})]
@@ -203,35 +198,35 @@ function W({ name: e, status: i, icon: a = ue, args: o, result: c, error: u, dur
 		}), !!S && D && /* @__PURE__ */ k(s, {
 			gap: "md",
 			className: "ai-tool-call--details border-t border-border/60 bg-muted/20 px-space-lg py-space-md",
-			children: [!!o && /* @__PURE__ */ O(G, {
+			children: [!!a && /* @__PURE__ */ O(W, {
 				label: y.args,
-				children: o
-			}), i === "error" && u ? /* @__PURE__ */ O(G, {
+				children: a
+			}), r === "error" && u ? /* @__PURE__ */ O(W, {
 				label: y.error,
 				tone: "destructive",
 				children: u
-			}) : !!c && /* @__PURE__ */ O(G, {
+			}) : !!c && /* @__PURE__ */ O(W, {
 				label: y.result,
 				children: c
 			})]
 		})]
 	});
 }
-W.displayName = "AiToolCall";
-function G({ label: e, children: t, tone: r = "neutral" }) {
+U.displayName = "AiToolCall";
+function W({ label: e, children: t, tone: i = "neutral" }) {
 	return /* @__PURE__ */ k(s, {
 		gap: "sm",
 		className: "ai-tool-call--detail-block",
-		children: [/* @__PURE__ */ O(a, { children: e }), /* @__PURE__ */ O("pre", {
+		children: [/* @__PURE__ */ O(r, { children: e }), /* @__PURE__ */ O("pre", {
 			tabIndex: 0,
-			className: n("max-w-full overflow-x-auto rounded-radius-md bg-card px-space-md py-space-md font-mono text-xs leading-relaxed", r === "destructive" && "text-destructive bg-destructive/5"),
+			className: n("max-w-full overflow-x-auto rounded-inner bg-card px-space-md py-space-md font-mono text-xs leading-relaxed", i === "destructive" && "text-destructive bg-destructive/5"),
 			children: t
 		})]
 	});
 }
 //#endregion
 //#region src/components/blocks/ai/ai-shimmer/ai-shimmer.tsx
-function K({ children: e = "Thinking…", paused: t = !1, duration: r = 2.4, className: a }) {
+function G({ children: e = "Thinking…", paused: t = !1, duration: r = 2.4, className: a }) {
 	if (t) return /* @__PURE__ */ O(i, {
 		tag: "span",
 		type: "secondary",
@@ -251,10 +246,10 @@ function K({ children: e = "Thinking…", paused: t = !1, duration: r = 2.4, cla
 		children: e
 	});
 }
-K.displayName = "AiShimmer";
+G.displayName = "AiShimmer";
 //#endregion
 //#region src/components/blocks/ai/ai-code-block/types.ts
-var q = {
+var K = {
 	copy: "Copy",
 	copied: "Copied",
 	copyError: "Could not copy. Please try again.",
@@ -263,8 +258,8 @@ var q = {
 };
 //#endregion
 //#region src/components/blocks/ai/ai-code-block/ai-code-block.tsx
-function J({ strings: e, className: r, onCopy: i, ...a }) {
-	let o = t(q, e);
+function q({ strings: e, className: r, onCopy: i, ...a }) {
+	let o = t(K, e);
 	return /* @__PURE__ */ O(C, {
 		...a,
 		className: n("ai-code-block--component", r),
@@ -277,10 +272,10 @@ function J({ strings: e, className: r, onCopy: i, ...a }) {
 		}
 	});
 }
-J.displayName = "AiCodeBlock";
+q.displayName = "AiCodeBlock";
 //#endregion
 //#region src/components/blocks/ai/ai-attachment/types.ts
-var Y = {
+var J = {
 	removeAria: "Remove attachment",
 	openAria: "Open attachment",
 	uploadProgressAria: "Upload progress",
@@ -288,8 +283,8 @@ var Y = {
 };
 //#endregion
 //#region src/components/blocks/ai/ai-attachment/ai-attachment.tsx
-function X({ name: e, meta: a, kind: o = "generic", icon: s, thumbnailUrl: c, progress: l, errored: u = !1, onOpen: d, onRemove: f, className: p, strings: S }) {
-	let C = t(Y, S), w = !u && typeof l == "number" && l >= 0 && l < 1;
+function Y({ name: e, meta: r, kind: a = "generic", icon: s, thumbnailUrl: c, progress: l, errored: u = !1, onOpen: d, onRemove: f, className: p, strings: S }) {
+	let C = t(J, S), w = !u && typeof l == "number" && l >= 0 && l < 1;
 	return /* @__PURE__ */ k(x, {
 		name: e,
 		layout: "compact",
@@ -305,7 +300,7 @@ function X({ name: e, meta: a, kind: o = "generic", icon: s, thumbnailUrl: c, pr
 					alt: ""
 				}) : u ? /* @__PURE__ */ O(A, { "aria-hidden": "true" }) : s ? /* @__PURE__ */ O(s, { "aria-hidden": "true" }) : /* @__PURE__ */ O(m, {
 					name: e,
-					kind: o
+					kind: a
 				})
 			}),
 			/* @__PURE__ */ k(y, { children: [
@@ -313,9 +308,9 @@ function X({ name: e, meta: a, kind: o = "generic", icon: s, thumbnailUrl: c, pr
 					title: e,
 					children: e
 				}),
-				a && /* @__PURE__ */ O(g, {
+				r && /* @__PURE__ */ O(g, {
 					clamp: 1,
-					children: a
+					children: r
 				}),
 				u && /* @__PURE__ */ O(g, {
 					clamp: "none",
@@ -324,7 +319,7 @@ function X({ name: e, meta: a, kind: o = "generic", icon: s, thumbnailUrl: c, pr
 						size: "xs",
 						type: "error",
 						role: "alert",
-						children: C.error ?? Y.error
+						children: C.error ?? J.error
 					})
 				}),
 				w && /* @__PURE__ */ O(b, {
@@ -333,7 +328,7 @@ function X({ name: e, meta: a, kind: o = "generic", icon: s, thumbnailUrl: c, pr
 					"aria-label": C.uploadProgressAria
 				})
 			] }),
-			f && /* @__PURE__ */ O(_, { children: /* @__PURE__ */ O(r, {
+			f && /* @__PURE__ */ O(_, { children: /* @__PURE__ */ O(o, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
@@ -349,38 +344,38 @@ function X({ name: e, meta: a, kind: o = "generic", icon: s, thumbnailUrl: c, pr
 		]
 	});
 }
-X.displayName = "AiAttachment";
+Y.displayName = "AiAttachment";
 //#endregion
 //#region src/components/blocks/ai/ai-agent/types.ts
-var pe = { statusLabels: {
+var X = { statusLabels: {
 	idle: "Idle",
 	thinking: "Thinking",
 	working: "Working",
 	done: "Done",
 	error: "Error",
 	offline: "Offline"
-} }, me = {
+} }, de = {
 	primary: "bg-primary/15 text-primary-accent",
 	success: "bg-success/15 text-success",
-	warning: "bg-warning/20 text-warning",
+	warning: "bg-warning/20 text-warning-accent",
 	destructive: "bg-destructive/15 text-destructive",
 	info: "bg-info/15 text-info",
 	neutral: "bg-muted text-muted-foreground"
-}, he = {
+}, fe = {
 	idle: "secondary",
-	thinking: "primary",
-	working: "primary",
+	thinking: "info",
+	working: "info",
 	done: "success",
 	error: "destructive",
 	offline: "secondary"
 };
-function ge({ name: e, icon: r, avatar: a, subtitle: o, tone: c = "primary", status: l, variant: u = "inline", trailing: d, className: f, strings: m }) {
-	let h = t(pe, m), g = r ?? j, _ = u === "card" ? "size-9" : "size-7", v = u === "card" ? "size-icon" : "size-icon-md", y = a ?? /* @__PURE__ */ O("span", {
+function pe({ name: e, icon: r, avatar: a, subtitle: o, tone: c = "primary", status: l, variant: u = "inline", trailing: d, className: f, strings: m }) {
+	let h = t(X, m), g = r ?? j, _ = u === "card" ? "size-9" : "size-7", v = u === "card" ? "size-icon" : "size-icon-md", y = a ?? /* @__PURE__ */ O("span", {
 		"aria-hidden": !0,
-		className: n("inline-flex shrink-0 items-center justify-center rounded-full", _, me[c]),
+		className: n("inline-flex shrink-0 items-center justify-center rounded-full", _, de[c]),
 		children: /* @__PURE__ */ O(g, { className: v })
 	}), b = !!l && /* @__PURE__ */ k(p, {
-		tone: he[l],
+		tone: fe[l],
 		className: "gap-space-xs",
 		children: [/* @__PURE__ */ O("span", {
 			"aria-hidden": !0,
@@ -395,7 +390,8 @@ function ge({ name: e, icon: r, avatar: a, subtitle: o, tone: c = "primary", sta
 			gap: "lg",
 			children: [
 				y,
-				/* @__PURE__ */ k("div", {
+				/* @__PURE__ */ k(s, {
+					gap: "dense",
 					className: "min-w-0 flex-1",
 					children: [/* @__PURE__ */ k("div", {
 						className: "flex items-center gap-space-md",
@@ -407,7 +403,7 @@ function ge({ name: e, icon: r, avatar: a, subtitle: o, tone: c = "primary", sta
 					}), !!o && /* @__PURE__ */ O(i, {
 						size: "xs",
 						type: "secondary",
-						className: "mt-0.5 line-clamp-1",
+						className: "line-clamp-1",
 						children: o
 					})]
 				}),
@@ -448,16 +444,16 @@ function ge({ name: e, icon: r, avatar: a, subtitle: o, tone: c = "primary", sta
 		]
 	});
 }
-ge.displayName = "AiAgent";
+pe.displayName = "AiAgent";
 //#endregion
 //#region src/components/blocks/ai/ai-confirmation/types.ts
-var _e = {
+var me = {
 	approve: "Approve",
 	reject: "Reject",
 	pending: "Awaiting your approval",
 	approved: "Approved",
 	rejected: "Rejected"
-}, ve = {
+}, he = {
 	neutral: {
 		ring: "border-border/60 bg-card",
 		icon: "neutral"
@@ -479,39 +475,37 @@ var _e = {
 		icon: "primary"
 	}
 };
-function ye({ title: e, description: a, icon: o, tone: c = "neutral", status: l = "pending", onApprove: u, onReject: d, approveLabel: p, rejectLabel: m, details: h, className: g, strings: _ }) {
-	let v = t(_e, _), y = o ?? ce, b = ve[c];
+function ge({ title: e, description: r, icon: a, tone: c = "neutral", status: l = "pending", onApprove: u, onReject: d, approveLabel: p, rejectLabel: m, details: h, className: g, strings: _ }) {
+	let v = t(me, _), y = a, b = he[c];
 	return /* @__PURE__ */ k("div", {
 		role: "region",
 		"aria-live": "polite",
 		className: n("ai-confirmation--component", "@container/ai-confirmation rounded-radius border p-surface-xs", b.ring, g),
 		children: [/* @__PURE__ */ k("div", {
 			className: "ai-confirmation--header flex items-start gap-space-lg",
-			children: [/* @__PURE__ */ O(f, {
+			children: [!!y && /* @__PURE__ */ O(f, {
 				icon: y,
 				tone: b.icon,
 				size: "md",
 				shape: "square"
 			}), /* @__PURE__ */ k("div", {
 				className: "min-w-0 flex-1",
-				children: [
-					/* @__PURE__ */ O(i, {
+				children: [/* @__PURE__ */ k(s, {
+					gap: "normal",
+					children: [/* @__PURE__ */ O(i, {
 						weight: "semibold",
 						children: e
-					}),
-					!!a && /* @__PURE__ */ O(i, {
+					}), !!r && /* @__PURE__ */ O(i, {
 						type: "secondary",
-						className: "mt-1",
-						children: a
-					}),
-					!!h && /* @__PURE__ */ O("div", {
-						className: "mt-space-md",
-						children: h
-					})
-				]
+						children: r
+					})]
+				}), !!h && /* @__PURE__ */ O("div", {
+					className: "mt-space-md",
+					children: h
+				})]
 			})]
 		}), l === "pending" ? /* @__PURE__ */ k("div", {
-			className: "ai-confirmation--footer mt-space-lg flex flex-col items-stretch gap-space-md border-t border-border/60 pt-2.5 @sm/ai-confirmation:flex-row @sm/ai-confirmation:items-center @sm/ai-confirmation:justify-between",
+			className: "ai-confirmation--footer mt-space-lg flex flex-col items-stretch gap-space-md @sm/ai-confirmation:flex-row @sm/ai-confirmation:items-center @sm/ai-confirmation:justify-between",
 			children: [/* @__PURE__ */ O(i, {
 				size: "xs",
 				type: "secondary",
@@ -522,21 +516,21 @@ function ye({ title: e, description: a, icon: o, tone: c = "neutral", status: l
 				justify: "end",
 				gap: "md",
 				className: "ai-confirmation--actions",
-				children: [/* @__PURE__ */ k(r, {
+				children: [/* @__PURE__ */ O(o, {
 					type: "button",
 					tone: "secondary",
 					buttonStyle: "ghost",
 					onClick: d,
-					children: [/* @__PURE__ */ O(R, { className: "size-icon-md" }), m ?? v.reject]
-				}), /* @__PURE__ */ k(r, {
+					children: m ?? v.reject
+				}), /* @__PURE__ */ O(o, {
 					type: "button",
 					tone: c === "destructive" ? "destructive" : "primary",
 					onClick: u,
-					children: [/* @__PURE__ */ O(M, { className: "size-icon-md" }), p ?? v.approve]
+					children: p ?? v.approve
 				})]
 			})]
 		}) : /* @__PURE__ */ O("div", {
-			className: "ai-confirmation--footer mt-space-lg flex items-center gap-space-md border-t border-border/60 pt-2.5",
+			className: "ai-confirmation--footer mt-space-lg flex items-center gap-space-md",
 			children: l === "approved" ? /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(M, { className: "size-icon-md text-success" }), /* @__PURE__ */ O(i, {
 				size: "xs",
 				type: "success",
@@ -551,10 +545,10 @@ function ye({ title: e, description: a, icon: o, tone: c = "neutral", status: l
 		})]
 	});
 }
-ye.displayName = "AiConfirmation";
+ge.displayName = "AiConfirmation";
 //#endregion
 //#region src/components/blocks/ai/ai-sources/types.ts
-var be = {
+var _e = {
 	title: "{{count}} sources",
 	expand: "Show all sources",
 	collapse: "Hide sources",
@@ -562,27 +556,28 @@ var be = {
 };
 //#endregion
 //#region src/components/blocks/ai/ai-sources/ai-sources.tsx
-function xe(e, t) {
+function ve(e, t) {
 	return e.replace(/\{\{\s*(\w+)\s*\}\}/g, (e, n) => {
 		let r = t[n];
 		return r === void 0 ? e : String(r);
 	});
 }
-function Se({ sources: t, variant: a = "list", maxAvatars: o = 5, expanded: c, defaultExpanded: l = !1, onExpandedChange: u, onSelect: d, className: f, strings: p }) {
-	let m = e(be, p), [h, g] = E(l), _ = c ?? h, v = (e) => {
+function ye({ sources: t, variant: r = "list", maxAvatars: a = 5, expanded: c, defaultExpanded: l = !1, onExpandedChange: u, onSelect: d, className: f, strings: p }) {
+	let m = e(_e, p), [h, g] = E(l), _ = c ?? h, v = (e) => {
 		c === void 0 && g(e), u?.(e);
-	}, y = xe(m.title, { count: t.length });
-	if (a === "avatars") return /* @__PURE__ */ O(Ce, {
+	}, y = ve(m.title, { count: t.length });
+	if (r === "avatars") return /* @__PURE__ */ O(be, {
 		sources: t,
-		max: o,
+		max: a,
 		title: y,
+		visitLabel: m.visit,
 		onSelect: d,
 		className: n("ai-sources--component", f)
 	});
 	let b = _ ? t : t.slice(0, 0);
 	return /* @__PURE__ */ k("div", {
 		className: n("ai-sources--component rounded-radius border border-border/60 bg-card", f),
-		children: [/* @__PURE__ */ k(r, {
+		children: [/* @__PURE__ */ k(o, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
@@ -590,9 +585,9 @@ function Se({ sources: t, variant: a = "list", maxAvatars: o = 5, expanded: c, d
 			onClick: () => v(!_),
 			"aria-expanded": _,
 			"aria-label": _ ? m.collapse : m.expand,
-			className: n("ai-sources--trigger h-auto w-full justify-start gap-space-md px-surface-xs py-row-y text-left", "rounded-radius hover:bg-muted/40"),
+			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 hover:bg-muted/40"),
 			children: [
-				/* @__PURE__ */ O(we, { sources: t.slice(0, 4) }),
+				/* @__PURE__ */ O(xe, { sources: t.slice(0, 4) }),
 				/* @__PURE__ */ O(i, {
 					weight: "medium",
 					className: "flex-1",
@@ -605,7 +600,8 @@ function Se({ sources: t, variant: a = "list", maxAvatars: o = 5, expanded: c, d
 			children: /* @__PURE__ */ O(s, {
 				render: /* @__PURE__ */ O("ol", {}),
 				gap: "2xs",
-				children: b.map((e, t) => /* @__PURE__ */ O(Ee, {
+				className: "m-0 list-none p-0 font-sans",
+				children: b.map((e, t) => /* @__PURE__ */ O(Ce, {
 					source: e,
 					index: t + 1,
 					onSelect: d ? () => d(e, t) : void 0,
@@ -615,26 +611,27 @@ function Se({ sources: t, variant: a = "list", maxAvatars: o = 5, expanded: c, d
 		})]
 	});
 }
-Se.displayName = "AiSources";
-function Ce({ sources: e, max: t, title: r, onSelect: a, className: o }) {
-	let s = e.slice(0, t), l = e.length - s.length;
+ye.displayName = "AiSources";
+function be({ sources: e, max: t, title: r, visitLabel: a, onSelect: o, className: s }) {
+	let l = e.slice(0, t), u = e.length - l.length;
 	return /* @__PURE__ */ k("div", {
-		className: n("inline-flex items-center gap-space-md", o),
+		className: n("inline-flex items-center gap-space-md", s),
 		children: [
-			/* @__PURE__ */ O(we, {
-				sources: s,
-				onSelect: a
+			/* @__PURE__ */ O(xe, {
+				sources: l,
+				onSelect: o,
+				visitLabel: a
 			}),
 			/* @__PURE__ */ O(i, {
 				size: "xs",
 				type: "secondary",
 				children: r
 			}),
-			l > 0 && /* @__PURE__ */ k(c, {
+			u > 0 && /* @__PURE__ */ k(c, {
 				size: "xs",
 				className: "tabular-nums",
 				children: ["+", /* @__PURE__ */ O(d, {
-					value: l,
+					value: u,
 					size: "xs",
 					type: "secondary",
 					align: "left"
@@ -643,55 +640,53 @@ function Ce({ sources: e, max: t, title: r, onSelect: a, className: o }) {
 		]
 	});
 }
-function we({ sources: e, onSelect: t }) {
+function xe({ sources: e, onSelect: t, visitLabel: r }) {
 	return /* @__PURE__ */ O("div", {
-		className: "flex -space-x-1.5",
+		className: n("flex", t ? "gap-space-2xs" : "-space-x-space-sm"),
 		children: e.map((e, n) => {
 			let i = /* @__PURE__ */ O("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__ */ O(Te, { src: e.faviconUrl })
+				children: /* @__PURE__ */ O(Se, { src: e.faviconUrl })
 			}, e.id);
-			return t ? /* @__PURE__ */ O(r, {
+			return t ? /* @__PURE__ */ O("button", {
 				type: "button",
-				tone: "secondary",
-				buttonStyle: "ghost",
-				size: "sm",
-				iconOnly: !0,
 				onClick: () => t(e, n),
-				className: "size-icon-lg rounded-full p-0",
+				"aria-label": typeof e.title == "string" ? `${r}: ${e.title}` : r,
+				className: "box-border inline-flex size-action-xs shrink-0 items-center justify-center rounded-inner border-0 bg-transparent p-0 font-sans focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
 				children: i
 			}, e.id) : i;
 		})
 	});
 }
-function Te({ src: e }) {
+function Se({ src: e }) {
 	let [t, n] = E(!1);
 	return w(() => {
 		n(!1);
-	}, [e]), !e || t ? /* @__PURE__ */ O(ae, { className: "size-icon-sm" }) : /* @__PURE__ */ O("img", {
+	}, [e]), !e || t ? /* @__PURE__ */ O(ie, { className: "size-icon-sm" }) : /* @__PURE__ */ O("img", {
 		src: e,
 		alt: "",
 		className: "size-full object-cover",
 		onError: () => n(!0)
 	});
 }
-function Ee({ source: e, index: t, onSelect: a, visitLabel: s }) {
-	let c = !!(e.url || a), l = n("group flex w-full items-start gap-2.5 rounded-radius-md px-2 py-1.5 text-left", c && "hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40"), u = /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(d, {
+function Ce({ source: e, index: t, onSelect: r, visitLabel: o }) {
+	let c = !!(e.url || r), l = n("group box-border flex w-full items-start gap-space-lg rounded-inner border-0 bg-transparent px-row-x py-row-y-sm text-left font-sans text-foreground", c && "hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), u = /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(d, {
 		value: t,
 		size: "xs",
 		weight: "semibold",
 		type: "secondary",
 		align: "center",
 		className: "inline-flex size-icon-lg shrink-0 items-center justify-center rounded-full bg-muted"
-	}), /* @__PURE__ */ k("div", {
+	}), /* @__PURE__ */ k(s, {
+		gap: "dense",
 		className: "min-w-0 flex-1",
 		children: [
 			/* @__PURE__ */ k(i, {
 				weight: "medium",
 				className: "truncate",
-				children: [e.title, !!e.url && /* @__PURE__ */ O(re, { className: "ml-1 inline size-icon-sm text-muted-foreground/70 align-baseline" })]
+				children: [e.title, !!e.url && /* @__PURE__ */ O(ne, { className: "ml-1 inline size-icon-sm text-muted-foreground/70 align-baseline" })]
 			}),
 			!!e.publisher && /* @__PURE__ */ O(i, {
 				size: "xs",
@@ -702,27 +697,25 @@ function Ee({ source: e, index: t, onSelect: a, visitLabel: s }) {
 			!!e.snippet && /* @__PURE__ */ O(i, {
 				size: "xs",
 				type: "secondary",
-				className: "mt-1 line-clamp-2",
+				className: "line-clamp-2",
 				children: e.snippet
 			})
 		]
 	})] });
-	return /* @__PURE__ */ O("li", { children: e.url && !a ? /* @__PURE__ */ O(o, {
+	return /* @__PURE__ */ O("li", { children: e.url && !r ? /* @__PURE__ */ O(a, {
 		href: e.url,
 		target: "_blank",
 		rel: "noopener noreferrer",
 		size: "inherit",
 		underline: !1,
 		className: l,
-		"aria-label": s,
+		"aria-label": o,
 		children: u
-	}) : a ? /* @__PURE__ */ O(r, {
+	}) : r ? /* @__PURE__ */ O("button", {
 		type: "button",
-		tone: "secondary",
-		buttonStyle: "ghost",
-		onClick: a,
+		onClick: r,
 		className: n(l, "h-auto justify-start whitespace-normal"),
-		"aria-label": e.url ? s : void 0,
+		"aria-label": e.url ? o : void 0,
 		children: u
 	}) : /* @__PURE__ */ O("span", {
 		className: l,
@@ -731,7 +724,7 @@ function Ee({ source: e, index: t, onSelect: a, visitLabel: s }) {
 }
 //#endregion
 //#region src/components/blocks/ai/ai-reasoning/types.ts
-var De = {
+var we = {
 	thinking: "Thinking…",
 	thoughtFor: "Thought for {{duration}}",
 	thoughtDone: "Reasoning complete",
@@ -740,7 +733,7 @@ var De = {
 };
 //#endregion
 //#region src/components/blocks/ai/ai-reasoning/ai-reasoning.tsx
-function Oe(e, t) {
+function Te(e, t) {
 	let n = e.split(/\{\{\s*duration\s*\}\}/);
 	return n.length === 1 ? e : /* @__PURE__ */ k(D, { children: [
 		n[0],
@@ -752,28 +745,28 @@ function Oe(e, t) {
 		n.slice(1).join("{{duration}}")
 	] });
 }
-function ke({ children: e, streaming: a = !1, durationSeconds: o, expandWhileStreaming: s = !0, defaultExpanded: c = !1, expanded: l, onExpandedChange: u, className: d, strings: f }) {
-	let p = t(De, f), [m, h] = E(c), g = l ?? m, _ = (e) => {
+function Ee({ children: e, streaming: r = !1, durationSeconds: a, expandWhileStreaming: s = !0, defaultExpanded: c = !1, expanded: l, onExpandedChange: u, className: d, strings: f }) {
+	let p = t(we, f), [m, h] = E(c), g = l ?? m, _ = (e) => {
 		l === void 0 && h(e), u?.(e);
 	};
 	w(() => {
-		a && s && !g && _(!0), !a && s && g && !c && l === void 0 && _(!1);
-	}, [a]);
-	let v = a ? /* @__PURE__ */ O(K, {
+		r && s && !g && _(!0), !r && s && g && !c && l === void 0 && _(!1);
+	}, [r]);
+	let v = r ? /* @__PURE__ */ O(G, {
 		className: "flex-1",
 		children: p.thinking
-	}) : o === void 0 ? /* @__PURE__ */ O(i, {
+	}) : a === void 0 ? /* @__PURE__ */ O(i, {
 		weight: "medium",
 		className: "flex-1",
 		children: p.thoughtDone
 	}) : /* @__PURE__ */ O(i, {
 		weight: "medium",
 		className: "flex-1",
-		children: Oe(p.thoughtFor, o)
+		children: Te(p.thoughtFor, a)
 	});
 	return /* @__PURE__ */ k("div", {
 		className: n("ai-reasoning--component", "overflow-hidden rounded-radius border border-border/60 bg-muted/20", d),
-		children: [/* @__PURE__ */ k(r, {
+		children: [/* @__PURE__ */ k(o, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
@@ -781,7 +774,7 @@ function ke({ children: e, streaming: a = !1, durationSeconds: o, expandWhileStr
 			onClick: () => _(!g),
 			"aria-expanded": g,
 			"aria-label": g ? p.collapseAria : p.expandAria,
-			className: n("ai-reasoning--trigger h-auto w-full justify-start gap-space-md rounded-none px-surface-xs py-row-y text-left", "hover:bg-muted/30"),
+			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", "hover:bg-muted/30"),
 			children: [
 				/* @__PURE__ */ O(ee, { className: "size-icon-md text-muted-foreground" }),
 				v,
@@ -801,13 +794,13 @@ function ke({ children: e, streaming: a = !1, durationSeconds: o, expandWhileStr
 		})]
 	});
 }
-ke.displayName = "AiReasoning";
+Ee.displayName = "AiReasoning";
 //#endregion
 //#region src/components/blocks/ai/ai-chain-of-thought/types.ts
-var Z = {
+var De = {
 	title: "Reasoning",
 	streamingHint: "Working through the steps…"
-}, Ae = {
+}, Oe = {
 	pending: {
 		icon: F,
 		iconCls: "text-muted-foreground/60",
@@ -830,57 +823,55 @@ var Z = {
 		ring: "border-destructive/40 bg-destructive"
 	}
 };
-function je({ steps: e, hideHeader: r = !1, streaming: o = !1, className: c, strings: l }) {
-	let u = t(Z, l);
+function ke({ steps: e, hideHeader: a = !1, streaming: o = !1, className: c, strings: l }) {
+	let u = t(De, l);
 	return /* @__PURE__ */ k(s, {
-		gap: "none",
-		className: n("ai-chain-of-thought--component", "rounded-radius border border-border/60 bg-card", c),
-		children: [!r && /* @__PURE__ */ O("div", {
-			className: "ai-chain-of-thought--header border-b border-border/60 p-surface",
+		gap: "lg",
+		className: n("ai-chain-of-thought--component", "rounded-radius border border-border/60 bg-card p-surface", c),
+		children: [!a && /* @__PURE__ */ O("div", {
+			className: "ai-chain-of-thought--header",
 			children: /* @__PURE__ */ k(s, {
 				direction: "horizontal",
 				gap: "sm",
 				wrap: !1,
-				children: [/* @__PURE__ */ O(a, { children: u.title }), o && /* @__PURE__ */ O(K, {
+				children: [/* @__PURE__ */ O(r, { children: u.title }), o && /* @__PURE__ */ O(G, {
 					className: "ml-auto !text-xs",
 					children: u.streamingHint
 				})]
 			})
 		}), /* @__PURE__ */ O("ol", {
-			className: "ai-chain-of-thought--body relative p-surface",
+			className: "ai-chain-of-thought--body relative m-0 list-none p-0 font-sans",
 			children: e.map((t, r) => {
-				let a = t.status ?? "pending", o = Ae[a], s = t.icon ?? o.icon, c = r === e.length - 1;
+				let a = t.status ?? "pending", o = Oe[a], c = t.icon ?? o.icon, l = r === e.length - 1;
 				return /* @__PURE__ */ k("li", {
 					className: "relative flex gap-space-lg pb-space-lg last:pb-0",
 					children: [
-						!c && /* @__PURE__ */ O("span", {
+						!l && /* @__PURE__ */ O("span", {
 							"aria-hidden": !0,
 							className: "absolute bottom-0 left-[11px] top-[26px] w-px bg-border/60"
 						}),
 						/* @__PURE__ */ O("span", {
 							"aria-hidden": !0,
 							className: n("relative z-[1] mt-0.5 inline-flex size-6 shrink-0 items-center justify-center rounded-full border", o.ring),
-							children: /* @__PURE__ */ O(s, { className: n("size-icon-sm", o.iconCls, o.spin && "animate-spin") })
+							children: /* @__PURE__ */ O(c, { className: n("size-icon-sm", o.iconCls, o.spin && "animate-spin") })
 						}),
 						/* @__PURE__ */ k("div", {
 							className: "min-w-0 flex-1",
-							children: [
-								/* @__PURE__ */ O(i, {
+							children: [/* @__PURE__ */ k(s, {
+								gap: "dense",
+								children: [/* @__PURE__ */ O(i, {
 									weight: a === "active" ? "semibold" : "medium",
 									className: n(a === "pending" && "text-muted-foreground"),
 									children: t.title
-								}),
-								!!t.description && /* @__PURE__ */ O(i, {
+								}), !!t.description && /* @__PURE__ */ O(i, {
 									size: "xs",
 									type: "secondary",
-									className: "mt-0.5",
 									children: t.description
-								}),
-								!!t.body && /* @__PURE__ */ O("div", {
-									className: "mt-space-md",
-									children: t.body
-								})
-							]
+								})]
+							}), !!t.body && /* @__PURE__ */ O("div", {
+								className: "mt-space-md",
+								children: t.body
+							})]
 						})
 					]
 				}, t.id);
@@ -888,10 +879,10 @@ function je({ steps: e, hideHeader: r = !1, streaming: o = !1, className: c, str
 		})]
 	});
 }
-je.displayName = "AiChainOfThought";
+ke.displayName = "AiChainOfThought";
 //#endregion
 //#region src/components/blocks/ai/ai-task/types.ts
-var Me = {
+var Z = {
 	statusLabels: {
 		queued: "Queued",
 		running: "Running",
@@ -902,7 +893,7 @@ var Me = {
 	},
 	collapseSubtasks: "Collapse subtasks",
 	expandSubtasks: "Expand subtasks"
-}, Ne = {
+}, Ae = {
 	queued: {
 		icon: F,
 		cls: "text-muted-foreground/60"
@@ -921,26 +912,26 @@ var Me = {
 		cls: "text-destructive"
 	},
 	cancelled: {
-		icon: de,
+		icon: ce,
 		cls: "text-muted-foreground"
 	},
 	skipped: {
-		icon: oe,
+		icon: ae,
 		cls: "text-muted-foreground"
 	}
-}, Pe = {
+}, je = {
 	queued: "secondary",
-	running: "primary",
+	running: "info",
 	completed: "success",
 	failed: "destructive",
 	cancelled: "secondary",
 	skipped: "secondary"
 };
-function Fe({ task: e, density: r = "compact", indent: i = 18, className: a, strings: o }) {
-	let s = t(Me, o);
+function Me({ task: e, density: r = "compact", indent: i = 18, className: a, strings: o }) {
+	let s = t(Z, o);
 	return /* @__PURE__ */ O("div", {
 		className: n("ai-task--component", "rounded-radius border border-border/60 bg-card", a),
-		children: /* @__PURE__ */ O(Ie, {
+		children: /* @__PURE__ */ O(Ne, {
 			item: e,
 			depth: 0,
 			density: r,
@@ -949,14 +940,14 @@ function Fe({ task: e, density: r = "compact", indent: i = 18, className: a, str
 		})
 	});
 }
-Fe.displayName = "AiTask";
-function Ie({ item: e, depth: t, density: a, indent: o, strings: s }) {
-	let c = e.status ?? "queued", l = Ne[c], u = e.icon ?? l.icon, d = !!e.children?.length, [f, m] = E(a === "expanded" || t === 0);
+Me.displayName = "AiTask";
+function Ne({ item: e, depth: t, density: r, indent: a, strings: s }) {
+	let c = e.status ?? "queued", l = Ae[c], u = e.icon ?? l.icon, d = !!e.children?.length, [f, m] = E(r === "expanded" || t === 0);
 	return /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ k("div", {
-		className: n("flex items-start gap-space-md px-3 py-2", t > 0 && "border-t border-border/60"),
-		style: { paddingLeft: 12 + t * o },
+		className: n("flex items-start gap-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 * a}px)` },
 		children: [
-			d ? /* @__PURE__ */ O(r, {
+			d ? /* @__PURE__ */ O(o, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
@@ -965,7 +956,7 @@ function Ie({ item: e, depth: t, density: a, indent: o, strings: s }) {
 				onClick: () => m((e) => !e),
 				"aria-expanded": f,
 				"aria-label": f ? s.collapseSubtasks : s.expandSubtasks,
-				className: "-ml-1 mt-0.5 size-icon rounded p-0 text-muted-foreground hover:text-foreground",
+				className: "-ml-1 mt-0.5 size-icon rounded-inner p-0 text-muted-foreground hover:text-foreground",
 				children: O(f ? N : P, { className: "size-icon-md" })
 			}) : /* @__PURE__ */ O("span", {
 				"aria-hidden": !0,
@@ -983,7 +974,7 @@ function Ie({ item: e, depth: t, density: a, indent: o, strings: s }) {
 							children: e.title
 						}),
 						/* @__PURE__ */ O(p, {
-							tone: Pe[c],
+							tone: je[c],
 							children: s.statusLabels[c]
 						}),
 						!!e.rightSlot && /* @__PURE__ */ O("span", {
@@ -997,11 +988,11 @@ function Ie({ item: e, depth: t, density: a, indent: o, strings: s }) {
 				})]
 			})
 		]
-	}), d && f && /* @__PURE__ */ O("div", { children: e.children.map((e) => /* @__PURE__ */ O(Ie, {
+	}), d && f && /* @__PURE__ */ O("div", { children: e.children.map((e) => /* @__PURE__ */ O(Ne, {
 		item: e,
 		depth: t + 1,
-		density: a,
-		indent: o,
+		density: r,
+		indent: a,
 		strings: s
 	}, e.id)) })] });
 }
@@ -1018,8 +1009,8 @@ var Q = {
 };
 //#endregion
 //#region src/components/blocks/ai/ai-artifact/ai-artifact.tsx
-function $({ title: e, subtitle: a, icon: o, copyText: c, children: l, collapsed: u = !1, onOpen: d, actions: p, onDownload: m, onCopyError: h, className: g, strings: _ }) {
-	let v = t(Q, _), y = o ?? ie, { copied: b, failed: x, copy: S } = z(h, c);
+function $({ title: e, subtitle: r, icon: a, copyText: c, children: l, collapsed: u = !1, onOpen: d, actions: p, onDownload: m, onCopyError: h, className: g, strings: _ }) {
+	let v = t(Q, _), y = a ?? re, { copied: b, failed: x, copy: S } = z(h, c);
 	return /* @__PURE__ */ k("div", {
 		className: n("ai-artifact--component", "overflow-hidden rounded-radius border border-border/60 bg-card", g),
 		children: [
@@ -1042,11 +1033,11 @@ function $({ title: e, subtitle: a, icon: o, copyText: c, children: l, collapsed
 								weight: "semibold",
 								className: "break-words",
 								children: e
-							}), !!a && /* @__PURE__ */ O(i, {
+							}), !!r && /* @__PURE__ */ O(i, {
 								size: "xs",
 								type: "secondary",
 								className: "break-words",
-								children: a
+								children: r
 							})]
 						})]
 					}), /* @__PURE__ */ k("div", {
@@ -1054,7 +1045,7 @@ function $({ title: e, subtitle: a, icon: o, copyText: c, children: l, collapsed
 						children: [
 							p?.map((e) => {
 								let t = e.icon;
-								return /* @__PURE__ */ k(r, {
+								return /* @__PURE__ */ k(o, {
 									type: "button",
 									tone: "secondary",
 									buttonStyle: "ghost",
@@ -1062,7 +1053,7 @@ function $({ title: e, subtitle: a, icon: o, copyText: c, children: l, collapsed
 									children: [!!t && /* @__PURE__ */ O(t, { className: "size-icon-md" }), e.label]
 								}, e.id);
 							}),
-							!!c && /* @__PURE__ */ O(r, {
+							!!c && /* @__PURE__ */ O(o, {
 								type: "button",
 								tone: "secondary",
 								buttonStyle: "ghost",
@@ -1074,7 +1065,7 @@ function $({ title: e, subtitle: a, icon: o, copyText: c, children: l, collapsed
 								},
 								children: b ? /* @__PURE__ */ O(M, { className: "size-icon-md text-success" }) : /* @__PURE__ */ O(I, { className: "size-icon-md" })
 							}),
-							!!m && /* @__PURE__ */ O(r, {
+							!!m && /* @__PURE__ */ O(o, {
 								type: "button",
 								tone: "secondary",
 								buttonStyle: "ghost",
@@ -1082,9 +1073,9 @@ function $({ title: e, subtitle: a, icon: o, copyText: c, children: l, collapsed
 								iconOnly: !0,
 								"aria-label": v.downloadAria,
 								onClick: m,
-								children: /* @__PURE__ */ O(ne, { className: "size-icon-md" })
+								children: /* @__PURE__ */ O(te, { className: "size-icon-md" })
 							}),
-							!!d && /* @__PURE__ */ O(r, {
+							!!d && /* @__PURE__ */ O(o, {
 								type: "button",
 								tone: "secondary",
 								buttonStyle: "ghost",
@@ -1092,7 +1083,7 @@ function $({ title: e, subtitle: a, icon: o, copyText: c, children: l, collapsed
 								iconOnly: !0,
 								"aria-label": v.openAria,
 								onClick: d,
-								children: /* @__PURE__ */ O(re, { className: "size-icon-md" })
+								children: /* @__PURE__ */ O(ne, { className: "size-icon-md" })
 							})
 						]
 					})]
@@ -1116,6 +1107,6 @@ function $({ title: e, subtitle: a, icon: o, copyText: c, children: l, collapsed
 }
 $.displayName = "AiArtifact";
 //#endregion
-export { B as C, V as S, J as _, je as a, W as b, De as c, ye as d, _e as f, Y as g, X as h, Me as i, Se as l, pe as m, Q as n, Z as o, ge as p, Fe as r, ke as s, $ as t, be as u, q as v, H as x, K as y };
+export { B as C, V as S, q as _, ke as a, U as b, we as c, ge as d, me as f, J as g, Y as h, Z as i, ye as l, X as m, Q as n, De as o, pe as p, Me as r, Ee as s, $ as t, _e as u, K as v, H as x, G as y };
 
-//# sourceMappingURL=ai-artifact-B5tPpXnS.js.map
+//# sourceMappingURL=ai-artifact-2PQ2fItc.js.map