themelia-react-ui 2.0.5 → 3.0.0

package/dist/ai-artifact-otrz9ZwS.js

@@ -0,0 +1,1214 @@
+"use client";
+import { mergeStrings as e, useStrings as t } from "./lib/strings.js";
+import { t as n } from "./utils-BVbAG2J6.js";
+import { c as r, o as i, t as a } from "./typography-C0dELqYV.js";
+import { t as o } from "./focus-recipes-DSkiUvUp.js";
+import { n as s } from "./buttons-pZVgPTZn.js";
+import { t as c } from "./structure-DElaQwwN.js";
+import { i as l } from "./tone-recipes-BPsRAvhu.js";
+import { a as u, o as d } from "./surface-recipes-DV6rrOFq.js";
+import { t as f } from "./smart-card-C59z6KFO.js";
+import { n as p } from "./composition.recipes-COdiFhxB.js";
+import { t as m } from "./interaction-recipes-DmuS1ase.js";
+import { g as h, m as g, r as _ } from "./primitives-BlC1lXBr.js";
+import { t as v } from "./number-NFWKIoiK.js";
+import { t as y } from "./icon-badge-B0Kq7wom.js";
+import { t as b } from "./badge-oGiXblW7.js";
+import { a as x, c as S, i as C, n as w, o as T, r as E, s as D, t as O } from "./attachment-D2-fpfmv.js";
+import { t as k } from "./use-copy-feedback-CzcaqlLf.js";
+import { t as A } from "./message-BiiVrRrm.js";
+import { t as ee } from "./code-block-BrLD7mCi.js";
+import { useEffect as j, useId as M, useRef as N, useState as P } from "react";
+import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
+import { AlertCircle as R, Bot as te, Brain as ne, Check as z, ChevronDown as B, ChevronRight as V, Circle as re, Copy as ie, Download as ae, ExternalLink as oe, FileText as se, Globe as ce, Loader2 as le, MinusCircle as ue, RotateCcw as de, User as fe, X as H, XCircle as pe } from "lucide-react";
+//#region src/components/blocks/ai/ai-message-bubble/types.ts
+var U = {
+	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 me({ role: e = "assistant", avatar: i, avatarLabel: a, authorName: o, timestamp: c, children: l, plainText: u, loading: d = !1, onCopy: f, onRegenerate: p, onCopyError: m, className: h, strings: g }) {
+	let _ = t(U, g), v = u ?? (typeof l == "string" ? l : ""), { copied: b, failed: x, copy: S } = k(m, v), C = i ?? /* @__PURE__ */ I(y, {
+		icon: e === "user" ? fe : te,
+		tone: "neutral",
+		size: "sm",
+		"aria-label": a
+	}), w = (f !== void 0 || u || p) && e === "assistant";
+	return /* @__PURE__ */ I(A, {
+		align: e === "user" ? "end" : "start",
+		tone: e === "user" ? "primary" : e === "system" ? "muted" : "surface",
+		avatar: C,
+		author: o,
+		timestamp: c,
+		loading: d,
+		strings: { loading: _.loading },
+		className: n("ai-message-bubble--component", h),
+		actions: w ? /* @__PURE__ */ L(F, { children: [
+			/* @__PURE__ */ I(s, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "ghost",
+				size: "sm",
+				iconOnly: !0,
+				"aria-label": _.copyAria,
+				disabled: !v || d,
+				onClick: async () => {
+					v && await S(v) && f?.();
+				},
+				children: /* @__PURE__ */ I(ie, {
+					"aria-hidden": "true",
+					className: "size-icon-md"
+				})
+			}),
+			b && /* @__PURE__ */ I(r, {
+				size: "xs",
+				type: "success",
+				children: _.copied
+			}),
+			p && /* @__PURE__ */ I(s, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "ghost",
+				size: "sm",
+				iconOnly: !0,
+				"aria-label": _.regenerateAria,
+				onClick: p,
+				children: /* @__PURE__ */ I(de, {
+					"aria-hidden": "true",
+					className: "size-icon-md"
+				})
+			}),
+			x && /* @__PURE__ */ I(r, {
+				role: "alert",
+				size: "xs",
+				type: "error",
+				children: _.copyError ?? U.copyError
+			})
+		] }) : void 0,
+		children: l
+	});
+}
+me.displayName = "AiMessageBubble";
+//#endregion
+//#region src/components/blocks/ai/ai-tool-call/types.ts
+var W = {
+	pending: "Queued",
+	running: "Running",
+	success: "Success",
+	error: "Failed",
+	expand: "Show details",
+	collapse: "Hide details",
+	args: "Arguments",
+	result: "Result",
+	durationLabel: "Took",
+	elapsedLabel: "Elapsed"
+}, he = {
+	pending: { tone: "secondary" },
+	running: {
+		tone: "info",
+		live: !0
+	},
+	success: { tone: "success" },
+	error: { tone: "destructive" }
+};
+function ge({ label: e, ms: t }) {
+	return /* @__PURE__ */ L("span", {
+		className: "inline-flex shrink-0 items-baseline gap-space-xs",
+		children: [/* @__PURE__ */ I(h, {
+			size: "xs",
+			children: e
+		}), /* @__PURE__ */ I(_, {
+			value: t,
+			from: "milliseconds",
+			maxParts: 1,
+			size: "xs",
+			align: "left",
+			type: "secondary",
+			maximumFractionDigits: +(t < 1e4)
+		})]
+	});
+}
+function _e({ name: e, status: r, icon: i, args: a, result: o, error: p, durationMs: h, expanded: _, defaultExpanded: v = !1, onExpandedChange: x, surface: S = "card", className: C, strings: w }) {
+	let T = t(W, w), E = M(), [D, O] = P(v), k = _ ?? D, A = (e) => {
+		_ === void 0 && O(e), x?.(e);
+	}, ee = {
+		pending: T.pending,
+		running: T.running,
+		success: T.success,
+		error: T.error
+	}, j = he[r], N = !!(a || o || p), R = r === "success" || r === "error";
+	return /* @__PURE__ */ L(f, {
+		surface: S,
+		padding: "none",
+		className: n("ai-tool-call--component", r === "error" && n(l.destructive.edge, l.destructive.wash), C),
+		children: [/* @__PURE__ */ L(s, {
+			type: "button",
+			tone: "secondary",
+			buttonStyle: "ghost",
+			size: "md",
+			onClick: () => N && A(!k),
+			className: n("ai-tool-call--trigger h-auto min-h-0 w-full flex-wrap justify-start gap-space-md whitespace-normal rounded-none px-space-lg py-space-md text-left @md/card:flex-nowrap", N ? `cursor-pointer ${m.rowHover}` : "cursor-default"),
+			"aria-expanded": N ? k : void 0,
+			"aria-controls": N ? E : void 0,
+			"aria-description": N ? k ? w?.collapse : w?.expand : void 0,
+			children: [
+				!!i && /* @__PURE__ */ I(y, {
+					icon: i,
+					tone: "neutral",
+					size: "md",
+					shape: "square"
+				}),
+				/* @__PURE__ */ I("div", {
+					className: "min-w-0 flex-1",
+					children: /* @__PURE__ */ I(g, {
+						type: "inherit",
+						className: "truncate",
+						children: e
+					})
+				}),
+				/* @__PURE__ */ L("span", {
+					className: "ai-tool-call--meta order-last flex w-full flex-wrap items-center gap-space-sm @md/card:order-none @md/card:w-auto @md/card:flex-nowrap",
+					children: [/* @__PURE__ */ I(b, {
+						tone: j.tone,
+						dot: j.live,
+						pulse: j.live,
+						children: ee[r]
+					}), !!h && /* @__PURE__ */ I(ge, {
+						label: R ? T.durationLabel : T.elapsedLabel ?? W.elapsedLabel ?? T.durationLabel,
+						ms: h
+					})]
+				}),
+				N ? I(k ? B : V, { className: "size-icon-md shrink-0 text-muted-foreground" }) : /* @__PURE__ */ I("span", {
+					"aria-hidden": "true",
+					className: "ai-tool-call--affordance hidden size-icon-md shrink-0 @md/card:block"
+				})
+			]
+		}), N && /* @__PURE__ */ I(c, {
+			id: E,
+			hidden: !k,
+			gap: "md",
+			className: n("ai-tool-call--details px-space-lg py-space-md", d.footer, u.wash, !k && "hidden"),
+			children: k && /* @__PURE__ */ L(F, { children: [!!a && /* @__PURE__ */ I(G, {
+				label: T.args,
+				children: a
+			}), r === "error" && p ? /* @__PURE__ */ I(G, {
+				label: T.error,
+				tone: "destructive",
+				children: p
+			}) : !!o && /* @__PURE__ */ I(G, {
+				label: T.result,
+				children: o
+			})] })
+		})]
+	});
+}
+_e.displayName = "AiToolCall";
+function G({ label: e, children: t, tone: r = "neutral" }) {
+	return /* @__PURE__ */ L(c, {
+		gap: "sm",
+		className: "ai-tool-call--detail-block",
+		children: [/* @__PURE__ */ I(i, { children: e }), typeof t == "string" || typeof t == "number" ? /* @__PURE__ */ I("pre", {
+			tabIndex: 0,
+			className: n("box-border m-0 max-w-full overflow-x-auto rounded-radius bg-card text-card-foreground px-space-md py-space-md font-mono text-xs leading-relaxed", r === "destructive" && n(l.destructive.ink, l.destructive.wash)),
+			children: t
+		}) : /* @__PURE__ */ I("div", {
+			className: n("ai-tool-call--detail-content min-w-0", r === "destructive" && l.destructive.ink),
+			children: t
+		})]
+	});
+}
+//#endregion
+//#region src/components/blocks/ai/ai-shimmer/ai-shimmer.tsx
+function K({ children: e = "Thinking…", paused: t = !1, duration: i = 2.4, size: a, className: o }) {
+	if (t) return /* @__PURE__ */ I(r, {
+		tag: "span",
+		type: "secondary",
+		size: a,
+		weight: "medium",
+		className: n("ai-shimmer--component", o),
+		children: e
+	});
+	let s = { "--ai-shimmer-duration": `${i}s` };
+	return /* @__PURE__ */ I(r, {
+		tag: "span",
+		size: a,
+		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", o),
+		style: s,
+		children: e
+	});
+}
+K.displayName = "AiShimmer";
+//#endregion
+//#region src/components/blocks/ai/ai-code-block/types.ts
+var ve = {
+	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 ye({ strings: e, className: r, onCopy: i, ...a }) {
+	let o = t(ve, e);
+	return /* @__PURE__ */ I(ee, {
+		...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
+		}
+	});
+}
+ye.displayName = "AiCodeBlock";
+//#endregion
+//#region src/components/blocks/ai/ai-attachment/types.ts
+var q = {
+	removeAria: "Remove attachment",
+	openAria: "Open attachment",
+	uploadProgressAria: "Upload progress",
+	error: "Failed"
+};
+//#endregion
+//#region src/components/blocks/ai/ai-attachment/ai-attachment.tsx
+function J({ name: e, meta: i, kind: a = "generic", icon: o, thumbnailUrl: c, progress: l, errored: u = !1, onOpen: d, onRemove: f, className: p, strings: m }) {
+	let h = t(q, m), g = !u && typeof l == "number" && l >= 0 && l < 1;
+	return /* @__PURE__ */ L(O, {
+		name: e,
+		layout: "compact",
+		status: u ? "error" : g ? "uploading" : void 0,
+		onOpen: d,
+		strings: { preview: () => h.openAria },
+		className: n("ai-attachment--component inline-flex w-auto", p),
+		children: [
+			/* @__PURE__ */ I(T, {
+				variant: c ? "image" : "icon",
+				children: c ? /* @__PURE__ */ I("img", {
+					src: c,
+					alt: ""
+				}) : u ? /* @__PURE__ */ I(R, { "aria-hidden": "true" }) : o ? /* @__PURE__ */ I(o, { "aria-hidden": "true" }) : /* @__PURE__ */ I(x, {
+					name: e,
+					kind: a
+				})
+			}),
+			/* @__PURE__ */ L(E, { children: [
+				/* @__PURE__ */ I(S, {
+					title: e,
+					children: e
+				}),
+				i && /* @__PURE__ */ I(C, {
+					clamp: 1,
+					children: i
+				}),
+				u && /* @__PURE__ */ I(C, {
+					clamp: "none",
+					children: /* @__PURE__ */ I(r, {
+						tag: "span",
+						size: "xs",
+						type: "error",
+						role: "alert",
+						children: h.error ?? q.error
+					})
+				}),
+				g && /* @__PURE__ */ I(D, {
+					value: Math.round((l ?? 0) * 100),
+					size: "sm",
+					"aria-label": h.uploadProgressAria
+				})
+			] }),
+			f && /* @__PURE__ */ I(w, { children: /* @__PURE__ */ I(s, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "ghost",
+				size: "sm",
+				iconOnly: !0,
+				"aria-label": h.removeAria,
+				onClick: f,
+				children: /* @__PURE__ */ I(H, {
+					"aria-hidden": "true",
+					className: "size-icon-sm"
+				})
+			}) })
+		]
+	});
+}
+J.displayName = "AiAttachment";
+//#endregion
+//#region src/components/blocks/ai/ai-agent/types.ts
+var be = { statusLabels: {
+	idle: "Idle",
+	thinking: "Thinking",
+	working: "Working",
+	done: "Done",
+	error: "Error",
+	offline: "Offline"
+} }, xe = {
+	idle: "secondary",
+	thinking: "info",
+	working: "info",
+	done: "success",
+	error: "destructive",
+	offline: "secondary"
+};
+function Se({ name: e, icon: i, avatar: a, subtitle: o, tone: s = "primary", status: l, variant: u = "inline", trailing: d, className: p, strings: m }) {
+	let h = t(be, m), g = a ?? /* @__PURE__ */ I(y, {
+		icon: i ?? te,
+		tone: s,
+		size: u === "card" ? "md" : "sm"
+	}), _ = l === "thinking" || l === "working", v = !!l && /* @__PURE__ */ I(b, {
+		tone: xe[l],
+		dot: !0,
+		pulse: _,
+		children: h.statusLabels[l]
+	});
+	return u === "card" ? /* @__PURE__ */ I(f, {
+		surface: "card",
+		padding: "sm",
+		className: n("ai-agent--component", p),
+		children: /* @__PURE__ */ L(c, {
+			direction: "horizontal",
+			align: "center",
+			gap: "lg",
+			children: [
+				g,
+				/* @__PURE__ */ L(c, {
+					gap: "dense",
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ L("div", {
+						className: "flex items-center gap-space-md",
+						children: [/* @__PURE__ */ I(r, {
+							type: "inherit",
+							weight: "semibold",
+							className: "truncate",
+							children: e
+						}), v]
+					}), !!o && /* @__PURE__ */ I(r, {
+						size: "xs",
+						type: "secondary",
+						className: "line-clamp-1",
+						children: o
+					})]
+				}),
+				!!d && /* @__PURE__ */ I("div", {
+					className: "ml-auto flex items-center gap-space-xs",
+					children: d
+				})
+			]
+		})
+	}) : /* @__PURE__ */ L("div", {
+		className: n("ai-agent--component", "inline-flex items-center gap-space-md", p),
+		children: [
+			g,
+			/* @__PURE__ */ L(c, {
+				direction: "horizontal",
+				align: "center",
+				gap: "md",
+				className: "min-w-0",
+				children: [
+					/* @__PURE__ */ I(r, {
+						type: "inherit",
+						weight: "medium",
+						className: "truncate",
+						children: e
+					}),
+					!!o && /* @__PURE__ */ I(r, {
+						size: "xs",
+						type: "secondary",
+						className: "truncate",
+						children: o
+					}),
+					v
+				]
+			}),
+			!!d && /* @__PURE__ */ I("div", {
+				className: "ml-1 flex items-center gap-space-xs",
+				children: d
+			})
+		]
+	});
+}
+Se.displayName = "AiAgent";
+//#endregion
+//#region src/components/blocks/ai/ai-confirmation/types.ts
+var Ce = {
+	approve: "Approve",
+	reject: "Reject",
+	pending: "Awaiting your approval",
+	approved: "Approved",
+	rejected: "Rejected"
+}, we = {
+	neutral: { icon: "neutral" },
+	destructive: {
+		ring: `${l.destructive.edge} ${l.destructive.wash}`,
+		icon: "destructive"
+	},
+	warning: {
+		ring: `${l.warning.edge} ${l.warning.wash}`,
+		icon: "warning"
+	},
+	info: {
+		ring: `${l.info.edge} ${l.info.wash}`,
+		icon: "info"
+	},
+	primary: {
+		ring: `${l.primary.edge} ${l.primary.wash}`,
+		icon: "primary"
+	}
+};
+function Te({ title: e, description: i, icon: a, tone: o = "neutral", status: l = "pending", onApprove: u, onReject: d, approveLabel: m, rejectLabel: h, details: g, pending: _, surface: v = "card", className: b, strings: x }) {
+	let S = t(Ce, x), C = M(), w = a, T = we[o], [E, D] = P(null), O = _ ?? E, k = N(!0);
+	j(() => (k.current = !0, () => {
+		k.current = !1;
+	}), []);
+	let A = (e, t) => {
+		if (!t || O) return;
+		let n = t();
+		if (!n || typeof n.then != "function") return;
+		D(e);
+		let r = () => {
+			k.current && D(null);
+		};
+		n.then(r, r);
+	};
+	return /* @__PURE__ */ I(f, {
+		role: "region",
+		"aria-labelledby": C,
+		surface: v,
+		padding: v === "flat" ? "none" : "sm",
+		className: n("ai-confirmation--component", T.ring, b),
+		children: /* @__PURE__ */ L(c, {
+			gap: "lg",
+			children: [/* @__PURE__ */ L("div", {
+				className: "ai-confirmation--header flex items-start gap-space-lg",
+				children: [!!w && /* @__PURE__ */ I(y, {
+					icon: w,
+					tone: T.icon,
+					size: "md",
+					shape: "square"
+				}), /* @__PURE__ */ L(c, {
+					gap: "md",
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ L(c, {
+						gap: "normal",
+						children: [/* @__PURE__ */ I(r, {
+							id: C,
+							type: "inherit",
+							weight: "semibold",
+							children: e
+						}), !!i && /* @__PURE__ */ I(r, {
+							type: "secondary",
+							children: i
+						})]
+					}), !!g && /* @__PURE__ */ I("div", {
+						className: "ai-confirmation--details min-w-0",
+						children: g
+					})]
+				})]
+			}), /* @__PURE__ */ L("div", {
+				className: "ai-confirmation--footer flex flex-col items-stretch gap-space-md @sm/card:flex-row @sm/card:items-center @sm/card:justify-between",
+				children: [/* @__PURE__ */ I("div", {
+					role: "status",
+					className: "ai-confirmation--status flex min-w-0 items-center gap-space-md",
+					children: l === "pending" ? /* @__PURE__ */ I(r, {
+						size: "xs",
+						type: "secondary",
+						children: S.pending
+					}) : l === "approved" ? /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(z, {
+						"aria-hidden": "true",
+						className: "size-icon-md text-success"
+					}), /* @__PURE__ */ I(r, {
+						size: "xs",
+						type: "success",
+						weight: "medium",
+						children: S.approved
+					})] }) : /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(H, {
+						"aria-hidden": "true",
+						className: "size-icon-md text-muted-foreground"
+					}), /* @__PURE__ */ I(r, {
+						size: "xs",
+						type: "secondary",
+						weight: "medium",
+						children: S.rejected
+					})] })
+				}), l === "pending" && /* @__PURE__ */ L(c, {
+					direction: "horizontal",
+					align: "center",
+					justify: "end",
+					gap: p.commands,
+					className: "ai-confirmation--actions",
+					children: [/* @__PURE__ */ I(s, {
+						type: "button",
+						tone: "secondary",
+						buttonStyle: "ghost",
+						handlesLoading: !0,
+						loading: O === "reject",
+						disabled: O === "approve",
+						onClick: () => A("reject", d),
+						children: h ?? S.reject
+					}), /* @__PURE__ */ I(s, {
+						type: "button",
+						tone: o === "destructive" ? "destructive" : "primary",
+						handlesLoading: !0,
+						loading: O === "approve",
+						disabled: O === "reject",
+						onClick: () => A("approve", u),
+						children: m ?? S.approve
+					})]
+				})]
+			})]
+		})
+	});
+}
+Te.displayName = "AiConfirmation";
+//#endregion
+//#region src/components/blocks/ai/ai-sources/types.ts
+var Ee = {
+	formatTitle: (e) => e === 1 ? "1 source" : `${e} sources`,
+	expand: "Show all sources",
+	collapse: "Hide sources",
+	visit: "Visit source"
+};
+//#endregion
+//#region src/components/blocks/ai/ai-sources/ai-sources.tsx
+function De({ sources: t, variant: i = "list", maxAvatars: a = 5, expanded: o, defaultExpanded: l = !1, onExpandedChange: u, onSelect: p, surface: h = "card", className: g, strings: _ }) {
+	let v = e(Ee, _), y = M(), b = M(), [x, S] = P(l), C = o ?? x, w = (e) => {
+		o === void 0 && S(e), u?.(e);
+	}, T = v.formatTitle(t.length);
+	return i === "avatars" ? /* @__PURE__ */ I(Oe, {
+		sources: t,
+		max: a,
+		title: T,
+		visitLabel: v.visit,
+		onSelect: p,
+		className: n("ai-sources--component", g)
+	}) : /* @__PURE__ */ L(f, {
+		surface: h,
+		padding: "none",
+		className: n("ai-sources--component", g),
+		children: [/* @__PURE__ */ L(s, {
+			type: "button",
+			tone: "secondary",
+			buttonStyle: "ghost",
+			size: "md",
+			onClick: () => w(!C),
+			"aria-expanded": C,
+			"aria-controls": b,
+			"aria-labelledby": y,
+			"aria-description": C ? _?.collapse : _?.expand,
+			className: n("ai-sources--trigger h-auto min-h-0 w-full justify-start gap-space-md px-surface-xs py-row-y text-left", `rounded-radius ${m.rowHover}`),
+			children: [
+				/* @__PURE__ */ I(ke, { sources: t.slice(0, 4) }),
+				/* @__PURE__ */ I(r, {
+					id: y,
+					tag: "span",
+					type: "inherit",
+					weight: "medium",
+					className: "flex-1",
+					children: T
+				}),
+				I(C ? B : V, { className: "size-icon-md text-muted-foreground" })
+			]
+		}), /* @__PURE__ */ I("div", {
+			id: b,
+			hidden: !C,
+			className: n("ai-sources--list px-surface-xs py-row-y", d.footer),
+			children: C && /* @__PURE__ */ I(c, {
+				render: /* @__PURE__ */ I("ol", {}),
+				gap: "2xs",
+				className: "m-0 list-none p-0 font-sans",
+				children: t.map((e, t) => /* @__PURE__ */ I(je, {
+					source: e,
+					index: t + 1,
+					onSelect: p ? () => p(e, t) : void 0,
+					visitLabel: v.visit
+				}, e.id))
+			})
+		})]
+	});
+}
+De.displayName = "AiSources";
+function Oe({ sources: e, max: t, title: i, visitLabel: a, onSelect: o, className: s }) {
+	let c = e.slice(0, t), l = e.length - c.length;
+	return /* @__PURE__ */ L("div", {
+		className: n("inline-flex items-center gap-space-md", s),
+		children: [/* @__PURE__ */ I(ke, {
+			sources: c,
+			onSelect: o,
+			visitLabel: a,
+			overflow: l
+		}), /* @__PURE__ */ I(r, {
+			size: "xs",
+			type: "secondary",
+			children: i
+		})]
+	});
+}
+function ke({ sources: e, onSelect: t, visitLabel: r, overflow: i = 0 }) {
+	return /* @__PURE__ */ L("div", {
+		className: n("flex items-center", t ? "gap-space-2xs" : "-space-x-space-sm"),
+		children: [e.map((e, n) => {
+			let i = /* @__PURE__ */ I("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__ */ I(Ae, { src: e.faviconUrl })
+			}, e.id);
+			return t ? /* @__PURE__ */ I("button", {
+				type: "button",
+				onClick: () => t(e, n),
+				"aria-label": typeof e.title == "string" ? `${r}: ${e.title}` : r,
+				className: `${m.nativeButtonReset} inline-flex size-action-xs shrink-0 items-center justify-center rounded-radius focus-visible:outline-none ${o.edge}`,
+				children: i
+			}, e.id) : i;
+		}), i > 0 && /* @__PURE__ */ I("span", {
+			className: "ai-sources--overflow inline-flex size-icon-lg items-center justify-center overflow-hidden rounded-full border border-card bg-muted text-muted-foreground ring-1 ring-border/60",
+			children: /* @__PURE__ */ L(h, {
+				size: "xxs",
+				className: "tabular-nums",
+				children: ["+", /* @__PURE__ */ I(v, {
+					value: i,
+					size: "xxs",
+					type: "secondary",
+					align: "left"
+				})]
+			})
+		})]
+	});
+}
+function Ae({ src: e }) {
+	let [t, n] = P(!1);
+	return j(() => {
+		n(!1);
+	}, [e]), !e || t ? /* @__PURE__ */ I(ce, { className: "size-icon-sm" }) : /* @__PURE__ */ I("img", {
+		src: e,
+		alt: "",
+		className: "size-full object-cover",
+		onError: () => n(!0)
+	});
+}
+function je({ source: e, index: t, onSelect: i, visitLabel: s }) {
+	let l = M(), u = !!(e.url || i), d = n(m.nativeButtonReset, "group flex w-full items-start gap-space-lg rounded-radius px-row-x py-row-y-sm text-left text-foreground", u && `${m.rowHover} focus-visible:outline-none ${o.edge}`), f = /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(y, {
+		tone: "neutral",
+		size: "sm",
+		"aria-hidden": !1,
+		className: "shrink-0",
+		children: /* @__PURE__ */ I(v, {
+			value: t,
+			size: "xs",
+			weight: "semibold",
+			type: "secondary",
+			align: "center"
+		})
+	}), /* @__PURE__ */ L(c, {
+		gap: "dense",
+		className: "min-w-0 flex-1",
+		children: [
+			/* @__PURE__ */ L(r, {
+				id: l,
+				type: "inherit",
+				weight: "medium",
+				className: "truncate",
+				children: [e.title, !!e.url && /* @__PURE__ */ I(oe, { className: "ml-1 inline size-icon-sm text-muted-foreground align-baseline" })]
+			}),
+			!!e.publisher && /* @__PURE__ */ I(r, {
+				size: "xs",
+				type: "secondary",
+				className: "truncate",
+				children: e.publisher
+			}),
+			!!e.snippet && /* @__PURE__ */ I(r, {
+				size: "xs",
+				type: "secondary",
+				className: "line-clamp-2",
+				children: e.snippet
+			})
+		]
+	})] });
+	return /* @__PURE__ */ I("li", { children: e.url && !i ? /* @__PURE__ */ I(a, {
+		href: e.url,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		size: "inherit",
+		underline: !1,
+		className: d,
+		"aria-labelledby": l,
+		"aria-description": s,
+		children: f
+	}) : i ? /* @__PURE__ */ I("button", {
+		type: "button",
+		onClick: i,
+		className: n(d, "h-auto justify-start whitespace-normal"),
+		"aria-labelledby": l,
+		"aria-description": e.url ? s : void 0,
+		children: f
+	}) : /* @__PURE__ */ I("span", {
+		className: d,
+		children: f
+	}) });
+}
+//#endregion
+//#region src/components/blocks/ai/ai-reasoning/types.ts
+var Me = {
+	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 Ne(e, t) {
+	let n = e.split(/\{\{\s*duration\s*\}\}/);
+	return n.length === 1 ? e : /* @__PURE__ */ L(F, { children: [
+		n[0],
+		/* @__PURE__ */ I(_, {
+			value: t,
+			maxParts: 1,
+			align: "left"
+		}),
+		n.slice(1).join("{{duration}}")
+	] });
+}
+function Pe({ children: e, streaming: i = !1, durationSeconds: a, expandWhileStreaming: o = !0, defaultExpanded: c = !1, expanded: l, onExpandedChange: u, className: f, strings: p }) {
+	let h = t(Me, p), g = M(), _ = M(), [v, y] = P(c), b = l ?? v, x = (e) => {
+		l === void 0 && y(e), u?.(e);
+	};
+	j(() => {
+		i && o && !b && x(!0), !i && o && b && !c && l === void 0 && x(!1);
+	}, [i]);
+	let S = i ? /* @__PURE__ */ I(K, { children: h.thinking }) : a === void 0 ? /* @__PURE__ */ I(r, {
+		tag: "span",
+		type: "inherit",
+		weight: "medium",
+		children: h.thoughtDone
+	}) : /* @__PURE__ */ I(r, {
+		tag: "span",
+		type: "inherit",
+		weight: "medium",
+		children: Ne(h.thoughtFor, a)
+	});
+	return /* @__PURE__ */ L("div", {
+		className: n("ai-reasoning--component", "overflow-hidden rounded-radius border border-border/60 bg-muted/30", f),
+		children: [/* @__PURE__ */ L(s, {
+			type: "button",
+			tone: "secondary",
+			buttonStyle: "ghost",
+			size: "md",
+			onClick: () => x(!b),
+			"aria-expanded": b,
+			"aria-controls": _,
+			"aria-labelledby": g,
+			"aria-description": b ? p?.collapseAria : p?.expandAria,
+			className: n("ai-reasoning--trigger h-auto min-h-0 w-full justify-start gap-space-md rounded-none px-surface-xs py-row-y text-left", m.rowHover),
+			children: [
+				/* @__PURE__ */ I(ne, { className: "size-icon-md text-muted-foreground" }),
+				/* @__PURE__ */ I("span", {
+					id: g,
+					className: "flex-1",
+					children: S
+				}),
+				I(b ? B : V, { className: "size-icon-md text-muted-foreground" })
+			]
+		}), /* @__PURE__ */ I("div", {
+			id: _,
+			hidden: !b,
+			className: n("ai-reasoning--body p-surface-xs", d.footer),
+			children: b && (typeof e == "string" ? /* @__PURE__ */ I(r, {
+				type: "secondary",
+				lineHeight: "relaxed",
+				className: "whitespace-pre-wrap",
+				children: e
+			}) : /* @__PURE__ */ I("div", {
+				className: "whitespace-pre-wrap",
+				children: e
+			}))
+		})]
+	});
+}
+Pe.displayName = "AiReasoning";
+//#endregion
+//#region src/components/blocks/ai/ai-chain-of-thought/types.ts
+var Y = {
+	title: "Reasoning",
+	streamingHint: "Working through the steps…",
+	statusLabels: {
+		pending: "Pending",
+		active: "In progress",
+		completed: "Completed",
+		failed: "Failed"
+	}
+}, Fe = {
+	pending: {
+		icon: re,
+		tone: "neutral"
+	},
+	active: {
+		icon: le,
+		tone: "primary",
+		spin: !0
+	},
+	completed: {
+		icon: z,
+		tone: "success",
+		solid: !0
+	},
+	failed: {
+		icon: R,
+		tone: "destructive",
+		solid: !0
+	}
+};
+function Ie({ steps: e, hideHeader: a = !1, streaming: o = !1, surface: s = "card", className: l, strings: u }) {
+	let d = t(Y, u);
+	return /* @__PURE__ */ I(f, {
+		surface: s,
+		padding: s === "flat" ? "none" : "md",
+		className: n("ai-chain-of-thought--component", l),
+		children: /* @__PURE__ */ L(c, {
+			gap: "lg",
+			children: [!a && /* @__PURE__ */ I("div", {
+				className: "ai-chain-of-thought--header",
+				children: /* @__PURE__ */ L(c, {
+					direction: "horizontal",
+					gap: "sm",
+					wrap: !1,
+					children: [/* @__PURE__ */ I(i, { children: d.title }), o && /* @__PURE__ */ I(K, {
+						size: "xs",
+						className: "ms-auto",
+						children: d.streamingHint
+					})]
+				})
+			}), /* @__PURE__ */ I("ol", {
+				className: "ai-chain-of-thought--body m-0 list-none p-0 font-sans",
+				children: e.map((t, i) => {
+					let a = t.status ?? "pending", o = Fe[a], s = t.icon ?? o.icon, l = i === e.length - 1;
+					return /* @__PURE__ */ L("li", {
+						"data-status": a,
+						"aria-current": a === "active" ? "step" : void 0,
+						className: "ai-chain-of-thought--step flex gap-space-lg",
+						children: [/* @__PURE__ */ L("span", {
+							"aria-hidden": !0,
+							className: "ai-chain-of-thought--marker flex shrink-0 flex-col items-center",
+							children: [/* @__PURE__ */ I(y, {
+								tone: o.tone,
+								solid: o.solid,
+								size: "sm",
+								children: /* @__PURE__ */ I(s, { className: n(o.spin && "animate-spin") })
+							}), !l && /* @__PURE__ */ I("span", { className: "ai-chain-of-thought--rail w-px flex-1 bg-border/60" })]
+						}), /* @__PURE__ */ L(c, {
+							gap: "md",
+							className: n("min-w-0 flex-1", !l && "pb-space-lg"),
+							children: [/* @__PURE__ */ L(c, {
+								gap: "dense",
+								children: [/* @__PURE__ */ L(r, {
+									weight: a === "active" ? "semibold" : "medium",
+									type: a === "pending" ? "secondary" : "inherit",
+									children: [/* @__PURE__ */ L("span", {
+										className: "sr-only",
+										children: [d.statusLabels?.[a] ?? Y.statusLabels[a], ": "]
+									}), t.title]
+								}), !!t.description && /* @__PURE__ */ I(r, {
+									size: "xs",
+									type: "secondary",
+									children: t.description
+								})]
+							}), !!t.body && /* @__PURE__ */ I("div", {
+								className: "ai-chain-of-thought--step-body min-w-0",
+								children: t.body
+							})]
+						})]
+					}, t.id);
+				})
+			})]
+		})
+	});
+}
+Ie.displayName = "AiChainOfThought";
+//#endregion
+//#region src/components/blocks/ai/ai-task/types.ts
+var Le = {
+	statusLabels: {
+		queued: "Queued",
+		running: "Running",
+		completed: "Done",
+		failed: "Failed",
+		cancelled: "Cancelled",
+		skipped: "Skipped"
+	},
+	collapseSubtasks: "Collapse subtasks",
+	expandSubtasks: "Expand subtasks"
+}, Re = {
+	queued: {
+		icon: re,
+		cls: "text-muted-foreground"
+	},
+	running: {
+		icon: le,
+		cls: "text-primary-accent",
+		spin: !0
+	},
+	completed: {
+		icon: z,
+		cls: "text-success"
+	},
+	failed: {
+		icon: R,
+		cls: "text-destructive"
+	},
+	cancelled: {
+		icon: pe,
+		cls: "text-muted-foreground"
+	},
+	skipped: {
+		icon: ue,
+		cls: "text-muted-foreground"
+	}
+}, ze = {
+	queued: "secondary",
+	running: "info",
+	completed: "success",
+	failed: "destructive",
+	cancelled: "secondary",
+	skipped: "secondary"
+};
+function Be({ task: e, density: r = "compact", indent: i = 18, surface: a = "card", className: o, strings: s }) {
+	let c = t(Le, s), l = {
+		status: Z(e, (e) => X(e.status ?? "queued")),
+		slot: Z(e, (e) => e.rightSlot != null && e.rightSlot !== !1)
+	};
+	return /* @__PURE__ */ I(f, {
+		surface: a,
+		padding: "none",
+		className: n("ai-task--component", o),
+		children: /* @__PURE__ */ I("div", {
+			role: "list",
+			className: n("ai-task--rows grid gap-x-space-md", Ve[Number(l.status) + Number(l.slot)]),
+			children: /* @__PURE__ */ I(He, {
+				item: e,
+				depth: 0,
+				density: r,
+				indent: i,
+				columns: l,
+				strings: c
+			})
+		})
+	});
+}
+function X(e) {
+	return e !== "completed";
+}
+function Z(e, t) {
+	return t(e) || !!e.children?.some((e) => Z(e, t));
+}
+var Ve = [
+	"grid-cols-1",
+	"grid-cols-[minmax(0,1fr)_auto]",
+	"grid-cols-[minmax(0,1fr)_auto_auto]"
+];
+Be.displayName = "AiTask";
+function He({ item: e, depth: t, density: i, indent: a, columns: o, strings: c }) {
+	let l = e.status ?? "queued", u = Re[l], d = e.icon ?? u.icon, f = !!e.children?.length, [p, m] = P(i === "expanded" || t === 0), [h, g] = P(i);
+	h !== i && (g(i), m(i === "expanded" || t === 0));
+	let _ = l === "queued" || l === "cancelled" || l === "skipped";
+	return /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ L("div", {
+		role: "listitem",
+		"aria-level": t + 1,
+		className: n("ai-task--row col-span-full grid grid-cols-subgrid items-start px-row-x py-row-y", t > 0 && "border-t border-border/60"),
+		children: [
+			/* @__PURE__ */ L("div", {
+				className: "ai-task--lead grid min-w-0 grid-cols-[auto_minmax(0,1fr)] items-center gap-x-space-md gap-y-space-md",
+				style: t > 0 ? { paddingInlineStart: `${t * a}px` } : void 0,
+				children: [
+					/* @__PURE__ */ L("span", {
+						className: "ai-task--marker flex min-h-action-sm items-center gap-space-md",
+						children: [f ? /* @__PURE__ */ I(s, {
+							type: "button",
+							tone: "secondary",
+							buttonStyle: "ghost",
+							size: "sm",
+							iconOnly: !0,
+							onClick: () => m((e) => !e),
+							"aria-expanded": p,
+							"aria-label": `${p ? c.collapseSubtasks : c.expandSubtasks}${typeof e.title == "string" ? `: ${e.title}` : ""}`,
+							className: "ai-task--toggle",
+							children: I(p ? B : V, {
+								"aria-hidden": "true",
+								className: "size-icon-md"
+							})
+						}) : t > 0 && /* @__PURE__ */ I("span", {
+							"aria-hidden": !0,
+							className: "w-action-sm shrink-0"
+						}), /* @__PURE__ */ I(d, {
+							"aria-hidden": "true",
+							className: n("size-icon-md shrink-0", u.cls, u.spin && "animate-spin")
+						})]
+					}),
+					/* @__PURE__ */ I(r, {
+						weight: l === "running" ? "semibold" : "medium",
+						type: _ ? "secondary" : "inherit",
+						className: n("ai-task--title min-w-0 truncate", l === "cancelled" && "line-through"),
+						children: e.title
+					}),
+					!!e.body && /* @__PURE__ */ I("div", {
+						className: "ai-task--body col-start-2 min-w-0",
+						children: e.body
+					})
+				]
+			}),
+			o.status && /* @__PURE__ */ I("span", {
+				className: "ai-task--status flex min-h-action-sm items-center justify-end",
+				children: X(l) ? /* @__PURE__ */ I(b, {
+					tone: ze[l],
+					children: c.statusLabels[l]
+				}) : /* @__PURE__ */ I("span", {
+					className: "sr-only",
+					children: c.statusLabels[l]
+				})
+			}),
+			!o.status && !X(l) && /* @__PURE__ */ I("span", {
+				className: "sr-only",
+				children: c.statusLabels[l]
+			}),
+			o.slot && /* @__PURE__ */ I("span", {
+				className: "ai-task--slot flex min-h-action-sm items-center justify-end tabular-nums text-muted-foreground",
+				children: e.rightSlot
+			})
+		]
+	}), f && p && /* @__PURE__ */ I("div", {
+		className: "ai-task--children col-span-full grid grid-cols-subgrid",
+		children: e.children.map((e) => /* @__PURE__ */ I(He, {
+			item: e,
+			depth: t + 1,
+			density: i,
+			indent: a,
+			columns: o,
+			strings: c
+		}, 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"
+};
+//#endregion
+//#region src/components/blocks/ai/ai-artifact/ai-artifact.tsx
+function $({ title: e, subtitle: i, icon: a, copyText: o, children: l, collapsed: u = !1, onOpen: p, actions: m, onDownload: h, onCopyError: g, surface: _ = "card", className: v, strings: b }) {
+	let x = t(Q, b), S = a ?? se, { copied: C, failed: w, copy: T } = k(g, o);
+	return /* @__PURE__ */ L(f, {
+		surface: _,
+		padding: "none",
+		className: n("ai-artifact--component", v),
+		children: [
+			/* @__PURE__ */ I("div", {
+				className: n("ai-artifact--header @container/ai-artifact-header p-surface", d.header, d.band),
+				children: /* @__PURE__ */ L(c, {
+					direction: "horizontal",
+					align: "center",
+					gap: "lg",
+					children: [/* @__PURE__ */ L("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__ */ I(y, {
+							icon: S,
+							tone: "neutral",
+							size: "md",
+							shape: "square"
+						}), /* @__PURE__ */ L("div", {
+							className: "min-w-0 flex-1",
+							children: [/* @__PURE__ */ I(r, {
+								type: "inherit",
+								weight: "semibold",
+								className: "break-words",
+								children: e
+							}), !!i && /* @__PURE__ */ I(r, {
+								size: "xs",
+								type: "secondary",
+								className: "break-words",
+								children: i
+							})]
+						})]
+					}), /* @__PURE__ */ L("div", {
+						className: "ai-artifact--actions flex flex-wrap items-center gap-space-xs",
+						children: [
+							m?.map((e) => {
+								let t = e.icon;
+								return /* @__PURE__ */ L(s, {
+									type: "button",
+									tone: "secondary",
+									buttonStyle: "ghost",
+									onClick: e.onSelect,
+									children: [!!t && /* @__PURE__ */ I(t, { className: "size-icon-md" }), e.label]
+								}, e.id);
+							}),
+							!!o && /* @__PURE__ */ I(s, {
+								type: "button",
+								tone: "secondary",
+								buttonStyle: "ghost",
+								size: "sm",
+								iconOnly: !0,
+								"aria-label": x.copyAria,
+								onClick: async () => {
+									o && await T(o);
+								},
+								children: C ? /* @__PURE__ */ I(z, { className: "size-icon-md text-success" }) : /* @__PURE__ */ I(ie, { className: "size-icon-md" })
+							}),
+							!!h && /* @__PURE__ */ I(s, {
+								type: "button",
+								tone: "secondary",
+								buttonStyle: "ghost",
+								size: "sm",
+								iconOnly: !0,
+								"aria-label": x.downloadAria,
+								onClick: h,
+								children: /* @__PURE__ */ I(ae, { className: "size-icon-md" })
+							}),
+							!!p && /* @__PURE__ */ I(s, {
+								type: "button",
+								tone: "secondary",
+								buttonStyle: "ghost",
+								size: "sm",
+								iconOnly: !0,
+								"aria-label": x.openAria,
+								onClick: p,
+								children: /* @__PURE__ */ I(oe, { className: "size-icon-md" })
+							})
+						]
+					})]
+				})
+			}),
+			!u && !!l && /* @__PURE__ */ I("div", {
+				className: "ai-artifact--body min-w-0 [&>.code-block--component]:rounded-none [&>.code-block--component]:border-0",
+				children: l
+			}),
+			w && /* @__PURE__ */ I("div", {
+				className: "px-control py-row-y",
+				children: /* @__PURE__ */ I(r, {
+					role: "alert",
+					size: "xs",
+					type: "error",
+					children: x.copyError ?? Q.copyError
+				})
+			})
+		]
+	});
+}
+$.displayName = "AiArtifact";
+//#endregion
+export { U as C, me as S, ye as _, Ie as a, _e as b, Me as c, Te as d, Ce as f, q as g, J as h, Le as i, De as l, be as m, Q as n, Y as o, Se as p, Be as r, Pe as s, $ as t, Ee as u, ve as v, W as x, K as y };
+
+//# sourceMappingURL=ai-artifact-otrz9ZwS.js.map