themelia-react-ui 0.0.0-stage → 1.0.1

package/dist/ai-artifact-B5tPpXnS.js

@@ -0,0 +1,1121 @@
+"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 { 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";
+//#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);
+	return w(() => (o.current = !0, r(!1), a(!1), () => {
+		o.current = !1, s.current += 1, clearTimeout(c.current);
+	}), [t]), {
+		copied: n,
+		failed: i,
+		copy: async (t) => {
+			let n = ++s.current;
+			clearTimeout(c.current), r(!1), a(!1);
+			try {
+				if (typeof navigator > "u" || !navigator.clipboard?.writeText) throw Error("Clipboard unavailable");
+				await navigator.clipboard.writeText(t);
+			} catch (t) {
+				return o.current && n === s.current && (a(!0), e?.(t)), !1;
+			}
+			return !o.current || n !== s.current ? !1 : (r(!0), c.current = setTimeout(() => r(!1), 1500), !0);
+		}
+	};
+}
+//#endregion
+//#region src/components/blocks/ai/ai-message-bubble/types.ts
+var B = {
+	copyError: "Could not copy. Please try again.",
+	copyAria: "Copy message",
+	copied: "Copied",
+	regenerateAria: "Regenerate response"
+};
+//#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,
+		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, {
+			"aria-hidden": "true",
+			className: "size-icon-md"
+		})
+	}), w = (f !== void 0 || u || p) && e === "assistant";
+	return /* @__PURE__ */ O(S, {
+		align: e === "user" ? "end" : "start",
+		tone: e === "user" ? "primary" : e === "system" ? "muted" : "surface",
+		avatar: C,
+		author: s,
+		timestamp: c,
+		loading: d,
+		strings: { loading: _.loading },
+		className: n("ai-message-bubble--component", h),
+		actions: w ? /* @__PURE__ */ k(D, { children: [
+			/* @__PURE__ */ O(r, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "ghost",
+				size: "sm",
+				iconOnly: !0,
+				"aria-label": _.copyAria,
+				disabled: !v || d,
+				onClick: async () => {
+					v && await x(v) && f?.();
+				},
+				children: /* @__PURE__ */ O(I, {
+					"aria-hidden": "true",
+					className: "size-icon-md"
+				})
+			}),
+			y && /* @__PURE__ */ O(i, {
+				size: "xs",
+				type: "success",
+				children: _.copied
+			}),
+			p && /* @__PURE__ */ O(r, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "ghost",
+				size: "sm",
+				iconOnly: !0,
+				"aria-label": _.regenerateAria,
+				onClick: p,
+				children: /* @__PURE__ */ O(se, {
+					"aria-hidden": "true",
+					className: "size-icon-md"
+				})
+			}),
+			b && /* @__PURE__ */ O(i, {
+				role: "alert",
+				size: "xs",
+				type: "error",
+				children: _.copyError ?? B.copyError
+			})
+		] }) : void 0,
+		children: l
+	});
+}
+V.displayName = "AiMessageBubble";
+//#endregion
+//#region src/components/blocks/ai/ai-tool-call/types.ts
+var H = {
+	pending: "Queued",
+	running: "Running",
+	success: "Success",
+	error: "Failed",
+	expand: "Show details",
+	collapse: "Hide details",
+	args: "Arguments",
+	result: "Result",
+	durationLabel: "Took"
+}, U = {
+	pending: {
+		tone: "secondary",
+		icon: te
+	},
+	running: {
+		tone: "primary",
+		icon: L
+	},
+	success: { tone: "success" },
+	error: {
+		tone: "destructive",
+		icon: A
+	}
+};
+function fe({ label: e, ms: t }) {
+	return /* @__PURE__ */ k("span", {
+		className: "inline-flex shrink-0 items-baseline gap-space-xs",
+		children: [/* @__PURE__ */ O(c, {
+			size: "xs",
+			children: e
+		}), /* @__PURE__ */ O(u, {
+			value: t,
+			from: "milliseconds",
+			maxParts: 1,
+			size: "xs",
+			align: "left",
+			type: "secondary",
+			maximumFractionDigits: +(t < 1e4)
+		})]
+	});
+}
+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 }) {
+	let y = t(H, v), [b, x] = E(h), S = m ?? b, C = (e) => {
+		m === void 0 && x(e), g?.(e);
+	}, w = {
+		pending: y.pending,
+		running: y.running,
+		success: y.success,
+		error: y.error
+	}, T = U[i].icon, D = !!(o || 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, {
+			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"),
+			"aria-expanded": D ? S : void 0,
+			"aria-label": D ? S ? y.collapse : y.expand : void 0,
+			children: [
+				/* @__PURE__ */ O(f, {
+					icon: a,
+					tone: "neutral",
+					size: "md",
+					shape: "square"
+				}),
+				/* @__PURE__ */ O("div", {
+					className: "min-w-0 flex-1",
+					children: /* @__PURE__ */ O(l, {
+						className: "truncate",
+						children: e
+					})
+				}),
+				/* @__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, {
+						label: y.durationLabel,
+						ms: d
+					})]
+				}),
+				D && O(S ? N : P, { className: "size-icon-md shrink-0 text-muted-foreground" })
+			]
+		}), !!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, {
+				label: y.args,
+				children: o
+			}), i === "error" && u ? /* @__PURE__ */ O(G, {
+				label: y.error,
+				tone: "destructive",
+				children: u
+			}) : !!c && /* @__PURE__ */ O(G, {
+				label: y.result,
+				children: c
+			})]
+		})]
+	});
+}
+W.displayName = "AiToolCall";
+function G({ label: e, children: t, tone: r = "neutral" }) {
+	return /* @__PURE__ */ k(s, {
+		gap: "sm",
+		className: "ai-tool-call--detail-block",
+		children: [/* @__PURE__ */ O(a, { 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"),
+			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 }) {
+	if (t) return /* @__PURE__ */ O(i, {
+		tag: "span",
+		type: "secondary",
+		weight: "medium",
+		className: n("ai-shimmer--component", a),
+		children: e
+	});
+	let o = { "--ai-shimmer-duration": `${r}s` };
+	return /* @__PURE__ */ O(i, {
+		tag: "span",
+		weight: "medium",
+		"data-ai-shimmer": !0,
+		role: "status",
+		"aria-live": "polite",
+		className: n("ai-shimmer--component inline-block bg-clip-text text-transparent", "bg-[linear-gradient(110deg,var(--ai-shimmer-base,var(--muted-foreground))_30%,var(--ai-shimmer-highlight,var(--foreground))_50%,var(--ai-shimmer-base,var(--muted-foreground))_70%)]", "bg-[length:200%_100%]", "animate-[ai-shimmer-sweep_var(--ai-shimmer-duration,2.4s)_linear_infinite] motion-reduce:animate-none", a),
+		style: o,
+		children: e
+	});
+}
+K.displayName = "AiShimmer";
+//#endregion
+//#region src/components/blocks/ai/ai-code-block/types.ts
+var q = {
+	copy: "Copy",
+	copied: "Copied",
+	copyError: "Could not copy. Please try again.",
+	copyAria: "Copy code",
+	defaultLanguageLabel: "Code"
+};
+//#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);
+	return /* @__PURE__ */ O(C, {
+		...a,
+		className: n("ai-code-block--component", r),
+		onCopy: i ? () => i() : void 0,
+		strings: {
+			copyAria: o.copyAria,
+			copied: o.copied,
+			copyError: o.copyError,
+			defaultLanguageLabel: o.defaultLanguageLabel
+		}
+	});
+}
+J.displayName = "AiCodeBlock";
+//#endregion
+//#region src/components/blocks/ai/ai-attachment/types.ts
+var Y = {
+	removeAria: "Remove attachment",
+	openAria: "Open attachment",
+	uploadProgressAria: "Upload progress",
+	error: "Failed"
+};
+//#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;
+	return /* @__PURE__ */ k(x, {
+		name: e,
+		layout: "compact",
+		status: u ? "error" : w ? "uploading" : void 0,
+		onOpen: d,
+		strings: { preview: () => C.openAria },
+		className: n("ai-attachment--component inline-flex w-auto", p),
+		children: [
+			/* @__PURE__ */ O(v, {
+				variant: c ? "image" : "icon",
+				children: c ? /* @__PURE__ */ O("img", {
+					src: c,
+					alt: ""
+				}) : u ? /* @__PURE__ */ O(A, { "aria-hidden": "true" }) : s ? /* @__PURE__ */ O(s, { "aria-hidden": "true" }) : /* @__PURE__ */ O(m, {
+					name: e,
+					kind: o
+				})
+			}),
+			/* @__PURE__ */ k(y, { children: [
+				/* @__PURE__ */ O(h, {
+					title: e,
+					children: e
+				}),
+				a && /* @__PURE__ */ O(g, {
+					clamp: 1,
+					children: a
+				}),
+				u && /* @__PURE__ */ O(g, {
+					clamp: "none",
+					children: /* @__PURE__ */ O(i, {
+						tag: "span",
+						size: "xs",
+						type: "error",
+						role: "alert",
+						children: C.error ?? Y.error
+					})
+				}),
+				w && /* @__PURE__ */ O(b, {
+					value: Math.round((l ?? 0) * 100),
+					size: "sm",
+					"aria-label": C.uploadProgressAria
+				})
+			] }),
+			f && /* @__PURE__ */ O(_, { children: /* @__PURE__ */ O(r, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "ghost",
+				size: "sm",
+				iconOnly: !0,
+				"aria-label": C.removeAria,
+				onClick: f,
+				children: /* @__PURE__ */ O(R, {
+					"aria-hidden": "true",
+					className: "size-icon-sm"
+				})
+			}) })
+		]
+	});
+}
+X.displayName = "AiAttachment";
+//#endregion
+//#region src/components/blocks/ai/ai-agent/types.ts
+var pe = { statusLabels: {
+	idle: "Idle",
+	thinking: "Thinking",
+	working: "Working",
+	done: "Done",
+	error: "Error",
+	offline: "Offline"
+} }, me = {
+	primary: "bg-primary/15 text-primary-accent",
+	success: "bg-success/15 text-success",
+	warning: "bg-warning/20 text-warning",
+	destructive: "bg-destructive/15 text-destructive",
+	info: "bg-info/15 text-info",
+	neutral: "bg-muted text-muted-foreground"
+}, he = {
+	idle: "secondary",
+	thinking: "primary",
+	working: "primary",
+	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", {
+		"aria-hidden": !0,
+		className: n("inline-flex shrink-0 items-center justify-center rounded-full", _, me[c]),
+		children: /* @__PURE__ */ O(g, { className: v })
+	}), b = !!l && /* @__PURE__ */ k(p, {
+		tone: he[l],
+		className: "gap-space-xs",
+		children: [/* @__PURE__ */ O("span", {
+			"aria-hidden": !0,
+			className: n("inline-block size-1.5 rounded-full", l === "thinking" || l === "working" ? "animate-pulse bg-current" : "bg-current")
+		}), h.statusLabels[l]]
+	});
+	return u === "card" ? /* @__PURE__ */ O("div", {
+		className: n("ai-agent--component", "rounded-radius border border-border/60 bg-card p-surface-xs", f),
+		children: /* @__PURE__ */ k(s, {
+			direction: "horizontal",
+			align: "center",
+			gap: "lg",
+			children: [
+				y,
+				/* @__PURE__ */ k("div", {
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ k("div", {
+						className: "flex items-center gap-space-md",
+						children: [/* @__PURE__ */ O(i, {
+							weight: "semibold",
+							className: "truncate",
+							children: e
+						}), b]
+					}), !!o && /* @__PURE__ */ O(i, {
+						size: "xs",
+						type: "secondary",
+						className: "mt-0.5 line-clamp-1",
+						children: o
+					})]
+				}),
+				!!d && /* @__PURE__ */ O("div", {
+					className: "ml-auto flex items-center gap-space-xs",
+					children: d
+				})
+			]
+		})
+	}) : /* @__PURE__ */ k("div", {
+		className: n("ai-agent--component", "inline-flex items-center gap-space-md", f),
+		children: [
+			y,
+			/* @__PURE__ */ k(s, {
+				direction: "horizontal",
+				align: "center",
+				gap: "md",
+				className: "min-w-0",
+				children: [
+					/* @__PURE__ */ O(i, {
+						weight: "medium",
+						className: "truncate",
+						children: e
+					}),
+					!!o && /* @__PURE__ */ O(i, {
+						size: "xs",
+						type: "secondary",
+						className: "truncate",
+						children: o
+					}),
+					b
+				]
+			}),
+			!!d && /* @__PURE__ */ O("div", {
+				className: "ml-1 flex items-center gap-space-xs",
+				children: d
+			})
+		]
+	});
+}
+ge.displayName = "AiAgent";
+//#endregion
+//#region src/components/blocks/ai/ai-confirmation/types.ts
+var _e = {
+	approve: "Approve",
+	reject: "Reject",
+	pending: "Awaiting your approval",
+	approved: "Approved",
+	rejected: "Rejected"
+}, ve = {
+	neutral: {
+		ring: "border-border/60 bg-card",
+		icon: "neutral"
+	},
+	destructive: {
+		ring: "border-destructive/40 bg-destructive/5",
+		icon: "destructive"
+	},
+	warning: {
+		ring: "border-warning/40 bg-warning/5",
+		icon: "warning"
+	},
+	info: {
+		ring: "border-info/40 bg-info/5",
+		icon: "info"
+	},
+	primary: {
+		ring: "border-primary/40 bg-primary/5",
+		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];
+	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, {
+				icon: y,
+				tone: b.icon,
+				size: "md",
+				shape: "square"
+			}), /* @__PURE__ */ k("div", {
+				className: "min-w-0 flex-1",
+				children: [
+					/* @__PURE__ */ O(i, {
+						weight: "semibold",
+						children: e
+					}),
+					!!a && /* @__PURE__ */ O(i, {
+						type: "secondary",
+						className: "mt-1",
+						children: a
+					}),
+					!!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",
+			children: [/* @__PURE__ */ O(i, {
+				size: "xs",
+				type: "secondary",
+				children: v.pending
+			}), /* @__PURE__ */ k(s, {
+				direction: "horizontal",
+				align: "center",
+				justify: "end",
+				gap: "md",
+				className: "ai-confirmation--actions",
+				children: [/* @__PURE__ */ k(r, {
+					type: "button",
+					tone: "secondary",
+					buttonStyle: "ghost",
+					onClick: d,
+					children: [/* @__PURE__ */ O(R, { className: "size-icon-md" }), m ?? v.reject]
+				}), /* @__PURE__ */ k(r, {
+					type: "button",
+					tone: c === "destructive" ? "destructive" : "primary",
+					onClick: u,
+					children: [/* @__PURE__ */ O(M, { className: "size-icon-md" }), 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",
+			children: l === "approved" ? /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(M, { className: "size-icon-md text-success" }), /* @__PURE__ */ O(i, {
+				size: "xs",
+				type: "success",
+				weight: "medium",
+				children: v.approved
+			})] }) : /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(R, { className: "size-icon-md text-muted-foreground" }), /* @__PURE__ */ O(i, {
+				size: "xs",
+				type: "secondary",
+				weight: "medium",
+				children: v.rejected
+			})] })
+		})]
+	});
+}
+ye.displayName = "AiConfirmation";
+//#endregion
+//#region src/components/blocks/ai/ai-sources/types.ts
+var be = {
+	title: "{{count}} sources",
+	expand: "Show all sources",
+	collapse: "Hide sources",
+	visit: "Visit source"
+};
+//#endregion
+//#region src/components/blocks/ai/ai-sources/ai-sources.tsx
+function xe(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) => {
+		c === void 0 && g(e), u?.(e);
+	}, y = xe(m.title, { count: t.length });
+	if (a === "avatars") return /* @__PURE__ */ O(Ce, {
+		sources: t,
+		max: o,
+		title: y,
+		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, {
+			type: "button",
+			tone: "secondary",
+			buttonStyle: "ghost",
+			size: "md",
+			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"),
+			children: [
+				/* @__PURE__ */ O(we, { sources: t.slice(0, 4) }),
+				/* @__PURE__ */ O(i, {
+					weight: "medium",
+					className: "flex-1",
+					children: y
+				}),
+				O(_ ? N : P, { className: "size-icon-md text-muted-foreground" })
+			]
+		}), _ && /* @__PURE__ */ O("div", {
+			className: "ai-sources--list border-t border-border/60 px-surface-xs py-row-y",
+			children: /* @__PURE__ */ O(s, {
+				render: /* @__PURE__ */ O("ol", {}),
+				gap: "2xs",
+				children: b.map((e, t) => /* @__PURE__ */ O(Ee, {
+					source: e,
+					index: t + 1,
+					onSelect: d ? () => d(e, t) : void 0,
+					visitLabel: m.visit
+				}, e.id))
+			})
+		})]
+	});
+}
+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;
+	return /* @__PURE__ */ k("div", {
+		className: n("inline-flex items-center gap-space-md", o),
+		children: [
+			/* @__PURE__ */ O(we, {
+				sources: s,
+				onSelect: a
+			}),
+			/* @__PURE__ */ O(i, {
+				size: "xs",
+				type: "secondary",
+				children: r
+			}),
+			l > 0 && /* @__PURE__ */ k(c, {
+				size: "xs",
+				className: "tabular-nums",
+				children: ["+", /* @__PURE__ */ O(d, {
+					value: l,
+					size: "xs",
+					type: "secondary",
+					align: "left"
+				})]
+			})
+		]
+	});
+}
+function we({ sources: e, onSelect: t }) {
+	return /* @__PURE__ */ O("div", {
+		className: "flex -space-x-1.5",
+		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 })
+			}, e.id);
+			return t ? /* @__PURE__ */ O(r, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "ghost",
+				size: "sm",
+				iconOnly: !0,
+				onClick: () => t(e, n),
+				className: "size-icon-lg rounded-full p-0",
+				children: i
+			}, e.id) : i;
+		})
+	});
+}
+function Te({ src: e }) {
+	let [t, n] = E(!1);
+	return w(() => {
+		n(!1);
+	}, [e]), !e || t ? /* @__PURE__ */ O(ae, { 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, {
+		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", {
+		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" })]
+			}),
+			!!e.publisher && /* @__PURE__ */ O(i, {
+				size: "xs",
+				type: "secondary",
+				className: "truncate",
+				children: e.publisher
+			}),
+			!!e.snippet && /* @__PURE__ */ O(i, {
+				size: "xs",
+				type: "secondary",
+				className: "mt-1 line-clamp-2",
+				children: e.snippet
+			})
+		]
+	})] });
+	return /* @__PURE__ */ O("li", { children: e.url && !a ? /* @__PURE__ */ O(o, {
+		href: e.url,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		size: "inherit",
+		underline: !1,
+		className: l,
+		"aria-label": s,
+		children: u
+	}) : a ? /* @__PURE__ */ O(r, {
+		type: "button",
+		tone: "secondary",
+		buttonStyle: "ghost",
+		onClick: a,
+		className: n(l, "h-auto justify-start whitespace-normal"),
+		"aria-label": e.url ? s : void 0,
+		children: u
+	}) : /* @__PURE__ */ O("span", {
+		className: l,
+		children: u
+	}) });
+}
+//#endregion
+//#region src/components/blocks/ai/ai-reasoning/types.ts
+var De = {
+	thinking: "Thinking…",
+	thoughtFor: "Thought for {{duration}}",
+	thoughtDone: "Reasoning complete",
+	expandAria: "Expand reasoning",
+	collapseAria: "Collapse reasoning"
+};
+//#endregion
+//#region src/components/blocks/ai/ai-reasoning/ai-reasoning.tsx
+function Oe(e, t) {
+	let n = e.split(/\{\{\s*duration\s*\}\}/);
+	return n.length === 1 ? e : /* @__PURE__ */ k(D, { children: [
+		n[0],
+		/* @__PURE__ */ O(u, {
+			value: t,
+			maxParts: 1,
+			align: "left"
+		}),
+		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) => {
+		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, {
+		className: "flex-1",
+		children: p.thinking
+	}) : o === 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)
+	});
+	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, {
+			type: "button",
+			tone: "secondary",
+			buttonStyle: "ghost",
+			size: "md",
+			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"),
+			children: [
+				/* @__PURE__ */ O(ee, { className: "size-icon-md text-muted-foreground" }),
+				v,
+				O(g ? N : P, { className: "size-icon-md text-muted-foreground" })
+			]
+		}), g && /* @__PURE__ */ O("div", {
+			className: "ai-reasoning--body border-t border-border/60 p-surface-xs",
+			children: typeof e == "string" ? /* @__PURE__ */ O(i, {
+				type: "secondary",
+				lineHeight: "relaxed",
+				className: "whitespace-pre-wrap",
+				children: e
+			}) : /* @__PURE__ */ O("div", {
+				className: "whitespace-pre-wrap",
+				children: e
+			})
+		})]
+	});
+}
+ke.displayName = "AiReasoning";
+//#endregion
+//#region src/components/blocks/ai/ai-chain-of-thought/types.ts
+var Z = {
+	title: "Reasoning",
+	streamingHint: "Working through the steps…"
+}, Ae = {
+	pending: {
+		icon: F,
+		iconCls: "text-muted-foreground/60",
+		ring: "border-border/60 bg-card"
+	},
+	active: {
+		icon: L,
+		iconCls: "text-primary-accent",
+		ring: "border-primary/40 bg-primary/5",
+		spin: !0
+	},
+	completed: {
+		icon: M,
+		iconCls: "text-success-foreground",
+		ring: "border-success/40 bg-success"
+	},
+	failed: {
+		icon: A,
+		iconCls: "text-destructive-foreground",
+		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);
+	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",
+			children: /* @__PURE__ */ k(s, {
+				direction: "horizontal",
+				gap: "sm",
+				wrap: !1,
+				children: [/* @__PURE__ */ O(a, { children: u.title }), o && /* @__PURE__ */ O(K, {
+					className: "ml-auto !text-xs",
+					children: u.streamingHint
+				})]
+			})
+		}), /* @__PURE__ */ O("ol", {
+			className: "ai-chain-of-thought--body relative p-surface",
+			children: e.map((t, r) => {
+				let a = t.status ?? "pending", o = Ae[a], s = t.icon ?? o.icon, c = 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", {
+							"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") })
+						}),
+						/* @__PURE__ */ k("div", {
+							className: "min-w-0 flex-1",
+							children: [
+								/* @__PURE__ */ O(i, {
+									weight: a === "active" ? "semibold" : "medium",
+									className: n(a === "pending" && "text-muted-foreground"),
+									children: t.title
+								}),
+								!!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.id);
+			})
+		})]
+	});
+}
+je.displayName = "AiChainOfThought";
+//#endregion
+//#region src/components/blocks/ai/ai-task/types.ts
+var Me = {
+	statusLabels: {
+		queued: "Queued",
+		running: "Running",
+		completed: "Done",
+		failed: "Failed",
+		cancelled: "Cancelled",
+		skipped: "Skipped"
+	},
+	collapseSubtasks: "Collapse subtasks",
+	expandSubtasks: "Expand subtasks"
+}, Ne = {
+	queued: {
+		icon: F,
+		cls: "text-muted-foreground/60"
+	},
+	running: {
+		icon: L,
+		cls: "text-primary-accent",
+		spin: !0
+	},
+	completed: {
+		icon: M,
+		cls: "text-success"
+	},
+	failed: {
+		icon: A,
+		cls: "text-destructive"
+	},
+	cancelled: {
+		icon: de,
+		cls: "text-muted-foreground"
+	},
+	skipped: {
+		icon: oe,
+		cls: "text-muted-foreground"
+	}
+}, Pe = {
+	queued: "secondary",
+	running: "primary",
+	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);
+	return /* @__PURE__ */ O("div", {
+		className: n("ai-task--component", "rounded-radius border border-border/60 bg-card", a),
+		children: /* @__PURE__ */ O(Ie, {
+			item: e,
+			depth: 0,
+			density: r,
+			indent: i,
+			strings: s
+		})
+	});
+}
+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);
+	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 },
+		children: [
+			d ? /* @__PURE__ */ O(r, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "ghost",
+				size: "sm",
+				iconOnly: !0,
+				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",
+				children: O(f ? N : P, { className: "size-icon-md" })
+			}) : /* @__PURE__ */ O("span", {
+				"aria-hidden": !0,
+				className: "mt-0.5 size-icon"
+			}),
+			/* @__PURE__ */ O(u, { className: n("mt-[3px] size-icon-md shrink-0", l.cls, l.spin && "animate-spin") }),
+			/* @__PURE__ */ k("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ k("div", {
+					className: "flex items-center gap-space-md",
+					children: [
+						/* @__PURE__ */ O(i, {
+							weight: c === "running" ? "semibold" : "medium",
+							className: n("flex-1 truncate", c === "queued" && "text-muted-foreground", c === "cancelled" && "line-through text-muted-foreground", c === "skipped" && "text-muted-foreground/70"),
+							children: e.title
+						}),
+						/* @__PURE__ */ O(p, {
+							tone: Pe[c],
+							children: s.statusLabels[c]
+						}),
+						!!e.rightSlot && /* @__PURE__ */ O("span", {
+							className: "tabular-nums text-muted-foreground",
+							children: e.rightSlot
+						})
+					]
+				}), !!e.body && /* @__PURE__ */ O("div", {
+					className: "mt-space-md",
+					children: e.body
+				})]
+			})
+		]
+	}), d && f && /* @__PURE__ */ O("div", { children: e.children.map((e) => /* @__PURE__ */ O(Ie, {
+		item: e,
+		depth: t + 1,
+		density: a,
+		indent: o,
+		strings: s
+	}, e.id)) })] });
+}
+//#endregion
+//#region src/components/blocks/ai/ai-artifact/types.ts
+var Q = {
+	openAria: "Open artifact",
+	copy: "Copy",
+	copied: "Copied",
+	copyError: "Could not copy. Please try again.",
+	copyAria: "Copy artifact",
+	downloadAria: "Download artifact",
+	expandAria: "Expand artifact"
+};
+//#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);
+	return /* @__PURE__ */ k("div", {
+		className: n("ai-artifact--component", "overflow-hidden rounded-radius border border-border/60 bg-card", g),
+		children: [
+			/* @__PURE__ */ O("div", {
+				className: "ai-artifact--header @container/ai-artifact-header border-b border-border/60 bg-muted/20 p-surface",
+				children: /* @__PURE__ */ k(s, {
+					direction: "horizontal",
+					align: "center",
+					gap: "lg",
+					children: [/* @__PURE__ */ k("div", {
+						className: "ai-artifact--identity flex min-w-0 basis-full items-center gap-space-lg @sm/ai-artifact-header:flex-1 @sm/ai-artifact-header:basis-0",
+						children: [/* @__PURE__ */ O(f, {
+							icon: y,
+							tone: "neutral",
+							size: "md",
+							shape: "square"
+						}), /* @__PURE__ */ k("div", {
+							className: "min-w-0 flex-1",
+							children: [/* @__PURE__ */ O(i, {
+								weight: "semibold",
+								className: "break-words",
+								children: e
+							}), !!a && /* @__PURE__ */ O(i, {
+								size: "xs",
+								type: "secondary",
+								className: "break-words",
+								children: a
+							})]
+						})]
+					}), /* @__PURE__ */ k("div", {
+						className: "ai-artifact--actions flex flex-wrap items-center gap-space-xs",
+						children: [
+							p?.map((e) => {
+								let t = e.icon;
+								return /* @__PURE__ */ k(r, {
+									type: "button",
+									tone: "secondary",
+									buttonStyle: "ghost",
+									onClick: e.onSelect,
+									children: [!!t && /* @__PURE__ */ O(t, { className: "size-icon-md" }), e.label]
+								}, e.id);
+							}),
+							!!c && /* @__PURE__ */ O(r, {
+								type: "button",
+								tone: "secondary",
+								buttonStyle: "ghost",
+								size: "sm",
+								iconOnly: !0,
+								"aria-label": v.copyAria,
+								onClick: async () => {
+									c && await S(c);
+								},
+								children: b ? /* @__PURE__ */ O(M, { className: "size-icon-md text-success" }) : /* @__PURE__ */ O(I, { className: "size-icon-md" })
+							}),
+							!!m && /* @__PURE__ */ O(r, {
+								type: "button",
+								tone: "secondary",
+								buttonStyle: "ghost",
+								size: "sm",
+								iconOnly: !0,
+								"aria-label": v.downloadAria,
+								onClick: m,
+								children: /* @__PURE__ */ O(ne, { className: "size-icon-md" })
+							}),
+							!!d && /* @__PURE__ */ O(r, {
+								type: "button",
+								tone: "secondary",
+								buttonStyle: "ghost",
+								size: "sm",
+								iconOnly: !0,
+								"aria-label": v.openAria,
+								onClick: d,
+								children: /* @__PURE__ */ O(re, { className: "size-icon-md" })
+							})
+						]
+					})]
+				})
+			}),
+			!u && !!l && /* @__PURE__ */ O("div", {
+				className: "bg-card",
+				children: l
+			}),
+			x && /* @__PURE__ */ O("div", {
+				className: "px-control py-row-y",
+				children: /* @__PURE__ */ O(i, {
+					role: "alert",
+					size: "xs",
+					type: "error",
+					children: v.copyError ?? Q.copyError
+				})
+			})
+		]
+	});
+}
+$.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 };
+
+//# sourceMappingURL=ai-artifact-B5tPpXnS.js.map