themelia-react-ui 2.0.1 → 2.0.3

package/dist/ai-artifact-BMJdv-6q.js

@@ -1,1115 +0,0 @@
-"use client";
-import { mergeStrings as e, useStrings as t } from "./lib/strings.js";
-import { t as n } from "./utils-l5LpDw2z.js";
-import { n as r } from "./buttons-SbIcm1HJ.js";
-import { a as i, s as a, t as o } from "./typography-DTRkE9zL.js";
-import { t as s } from "./focus-recipes-B653VaLq.js";
-import { t as c } from "./structure-DC2dygdA.js";
-import { r as l } from "./tone-recipes-CPoExcTE.js";
-import { t as u } from "./interaction-recipes-CHr0dJUs.js";
-import { g as d, m as f, r as p } from "./primitives-B-CkiEMU.js";
-import { t as m } from "./number-DMhe-Vsk.js";
-import { t as h } from "./icon-badge-CAuKupo9.js";
-import { t as g } from "./badge-MrKVNzW9.js";
-import { a as _, c as v, i as y, n as b, o as x, r as S, s as C, t as w } from "./attachment-BtfhGm8i.js";
-import { t as T } from "./message-CdHgIWKf.js";
-import { t as E } from "./code-block-Dgbu-CU3.js";
-import { useEffect as D, useRef as O, useState as k } from "react";
-import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
-import { AlertCircle as N, Bot as P, Brain as ee, Check as F, ChevronDown as I, ChevronRight as L, Circle as te, Copy as ne, Download as re, ExternalLink as R, FileText as ie, Globe as ae, Loader2 as z, MinusCircle as oe, RotateCcw as se, User as ce, X as B, XCircle as le } from "lucide-react";
-//#region src/components/blocks/ai/use-copy-feedback.ts
-function V(e, t) {
-	let [n, r] = k(!1), [i, a] = k(!1), o = O(!1), s = O(0), c = O(void 0);
-	return D(() => (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 H = {
-	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 U({ role: e = "assistant", avatar: i, 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(H, g), v = u ?? (typeof l == "string" ? l : ""), { copied: y, failed: b, copy: x } = V(m, v), S = i ?? /* @__PURE__ */ j("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__ */ j(e === "user" ? ce : P, {
-			"aria-hidden": "true",
-			className: "size-icon-md"
-		})
-	}), C = (f !== void 0 || u || p) && e === "assistant";
-	return /* @__PURE__ */ j(T, {
-		align: e === "user" ? "end" : "start",
-		tone: e === "user" ? "primary" : e === "system" ? "muted" : "surface",
-		avatar: S,
-		author: s,
-		timestamp: c,
-		loading: d,
-		strings: { loading: _.loading },
-		className: n("ai-message-bubble--component", h),
-		actions: C ? /* @__PURE__ */ M(A, { children: [
-			/* @__PURE__ */ j(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__ */ j(ne, {
-					"aria-hidden": "true",
-					className: "size-icon-md"
-				})
-			}),
-			y && /* @__PURE__ */ j(a, {
-				size: "xs",
-				type: "success",
-				children: _.copied
-			}),
-			p && /* @__PURE__ */ j(r, {
-				type: "button",
-				tone: "secondary",
-				buttonStyle: "ghost",
-				size: "sm",
-				iconOnly: !0,
-				"aria-label": _.regenerateAria,
-				onClick: p,
-				children: /* @__PURE__ */ j(se, {
-					"aria-hidden": "true",
-					className: "size-icon-md"
-				})
-			}),
-			b && /* @__PURE__ */ j(a, {
-				role: "alert",
-				size: "xs",
-				type: "error",
-				children: _.copyError ?? H.copyError
-			})
-		] }) : void 0,
-		children: l
-	});
-}
-U.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"
-}, ue = {
-	pending: { tone: "secondary" },
-	running: {
-		tone: "info",
-		live: !0
-	},
-	success: { tone: "success" },
-	error: { tone: "destructive" }
-};
-function de({ label: e, ms: t }) {
-	return /* @__PURE__ */ M("span", {
-		className: "inline-flex shrink-0 items-baseline gap-space-xs",
-		children: [/* @__PURE__ */ j(d, {
-			size: "xs",
-			children: e
-		}), /* @__PURE__ */ j(p, {
-			value: t,
-			from: "milliseconds",
-			maxParts: 1,
-			size: "xs",
-			align: "left",
-			type: "secondary",
-			maximumFractionDigits: +(t < 1e4)
-		})]
-	});
-}
-function G({ name: e, status: i, icon: a, args: o, result: s, error: d, durationMs: p, expanded: m, defaultExpanded: _ = !1, onExpandedChange: v, className: y, strings: b }) {
-	let x = t(W, b), [S, C] = k(_), w = m ?? S, T = (e) => {
-		m === void 0 && C(e), v?.(e);
-	}, E = {
-		pending: x.pending,
-		running: x.running,
-		success: x.success,
-		error: x.error
-	}, D = ue[i], O = !!(o || s || d);
-	return /* @__PURE__ */ M("div", {
-		className: n("ai-tool-call--component @container/ai-tool-call", "overflow-hidden rounded-radius border border-border/60 bg-card", i === "error" && n(l.destructive.edge, l.destructive.wash), y),
-		children: [/* @__PURE__ */ M(r, {
-			type: "button",
-			tone: "secondary",
-			buttonStyle: "ghost",
-			size: "md",
-			onClick: () => O && T(!w),
-			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", O ? `cursor-pointer ${u.rowHover}` : "cursor-default"),
-			"aria-expanded": O ? w : void 0,
-			"aria-label": O ? w ? x.collapse : x.expand : void 0,
-			children: [
-				!!a && /* @__PURE__ */ j(h, {
-					icon: a,
-					tone: "neutral",
-					size: "md",
-					shape: "square"
-				}),
-				/* @__PURE__ */ j("div", {
-					className: "min-w-0 flex-1",
-					children: /* @__PURE__ */ j(f, {
-						className: "truncate",
-						children: e
-					})
-				}),
-				/* @__PURE__ */ M("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__ */ j(g, {
-						tone: D.tone,
-						dot: D.live,
-						pulse: D.live,
-						children: E[i]
-					}), !!p && /* @__PURE__ */ j(de, {
-						label: x.durationLabel,
-						ms: p
-					})]
-				}),
-				O && j(w ? I : L, { className: "size-icon-md shrink-0 text-muted-foreground" })
-			]
-		}), !!w && O && /* @__PURE__ */ M(c, {
-			gap: "md",
-			className: "ai-tool-call--details border-t border-border/60 bg-muted/30 px-space-lg py-space-md",
-			children: [!!o && /* @__PURE__ */ j(K, {
-				label: x.args,
-				children: o
-			}), i === "error" && d ? /* @__PURE__ */ j(K, {
-				label: x.error,
-				tone: "destructive",
-				children: d
-			}) : !!s && /* @__PURE__ */ j(K, {
-				label: x.result,
-				children: s
-			})]
-		})]
-	});
-}
-G.displayName = "AiToolCall";
-function K({ label: e, children: t, tone: r = "neutral" }) {
-	return /* @__PURE__ */ M(c, {
-		gap: "sm",
-		className: "ai-tool-call--detail-block",
-		children: [/* @__PURE__ */ j(i, { children: e }), /* @__PURE__ */ j("pre", {
-			tabIndex: 0,
-			className: n("max-w-full overflow-x-auto rounded-inner bg-card px-space-md py-space-md font-mono text-xs leading-relaxed", r === "destructive" && n(l.destructive.ink, l.destructive.wash)),
-			children: t
-		})]
-	});
-}
-//#endregion
-//#region src/components/blocks/ai/ai-shimmer/ai-shimmer.tsx
-function q({ children: e = "Thinking…", paused: t = !1, duration: r = 2.4, className: i }) {
-	if (t) return /* @__PURE__ */ j(a, {
-		tag: "span",
-		type: "secondary",
-		weight: "medium",
-		className: n("ai-shimmer--component", i),
-		children: e
-	});
-	let o = { "--ai-shimmer-duration": `${r}s` };
-	return /* @__PURE__ */ j(a, {
-		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", i),
-		style: o,
-		children: e
-	});
-}
-q.displayName = "AiShimmer";
-//#endregion
-//#region src/components/blocks/ai/ai-code-block/types.ts
-var J = {
-	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 Y({ strings: e, className: r, onCopy: i, ...a }) {
-	let o = t(J, e);
-	return /* @__PURE__ */ j(E, {
-		...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
-		}
-	});
-}
-Y.displayName = "AiCodeBlock";
-//#endregion
-//#region src/components/blocks/ai/ai-attachment/types.ts
-var X = {
-	removeAria: "Remove attachment",
-	openAria: "Open attachment",
-	uploadProgressAria: "Upload progress",
-	error: "Failed"
-};
-//#endregion
-//#region src/components/blocks/ai/ai-attachment/ai-attachment.tsx
-function Z({ name: e, meta: i, kind: o = "generic", icon: s, thumbnailUrl: c, progress: l, errored: u = !1, onOpen: d, onRemove: f, className: p, strings: m }) {
-	let h = t(X, m), g = !u && typeof l == "number" && l >= 0 && l < 1;
-	return /* @__PURE__ */ M(w, {
-		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__ */ j(x, {
-				variant: c ? "image" : "icon",
-				children: c ? /* @__PURE__ */ j("img", {
-					src: c,
-					alt: ""
-				}) : u ? /* @__PURE__ */ j(N, { "aria-hidden": "true" }) : s ? /* @__PURE__ */ j(s, { "aria-hidden": "true" }) : /* @__PURE__ */ j(_, {
-					name: e,
-					kind: o
-				})
-			}),
-			/* @__PURE__ */ M(S, { children: [
-				/* @__PURE__ */ j(v, {
-					title: e,
-					children: e
-				}),
-				i && /* @__PURE__ */ j(y, {
-					clamp: 1,
-					children: i
-				}),
-				u && /* @__PURE__ */ j(y, {
-					clamp: "none",
-					children: /* @__PURE__ */ j(a, {
-						tag: "span",
-						size: "xs",
-						type: "error",
-						role: "alert",
-						children: h.error ?? X.error
-					})
-				}),
-				g && /* @__PURE__ */ j(C, {
-					value: Math.round((l ?? 0) * 100),
-					size: "sm",
-					"aria-label": h.uploadProgressAria
-				})
-			] }),
-			f && /* @__PURE__ */ j(b, { children: /* @__PURE__ */ j(r, {
-				type: "button",
-				tone: "secondary",
-				buttonStyle: "ghost",
-				size: "sm",
-				iconOnly: !0,
-				"aria-label": h.removeAria,
-				onClick: f,
-				children: /* @__PURE__ */ j(B, {
-					"aria-hidden": "true",
-					className: "size-icon-sm"
-				})
-			}) })
-		]
-	});
-}
-Z.displayName = "AiAttachment";
-//#endregion
-//#region src/components/blocks/ai/ai-agent/types.ts
-var fe = { statusLabels: {
-	idle: "Idle",
-	thinking: "Thinking",
-	working: "Working",
-	done: "Done",
-	error: "Error",
-	offline: "Offline"
-} }, pe = {
-	primary: `${l.primary.tint} ${l.primary.ink}`,
-	success: `${l.success.tint} ${l.success.ink}`,
-	warning: `${l.warning.tint} ${l.warning.ink}`,
-	destructive: `${l.destructive.tint} ${l.destructive.ink}`,
-	info: `${l.info.tint} ${l.info.ink}`,
-	neutral: "bg-muted text-muted-foreground"
-}, me = {
-	idle: "secondary",
-	thinking: "info",
-	working: "info",
-	done: "success",
-	error: "destructive",
-	offline: "secondary"
-};
-function he({ name: e, icon: r, avatar: i, subtitle: o, tone: s = "primary", status: l, variant: u = "inline", trailing: d, className: f, strings: p }) {
-	let m = t(fe, p), h = r ?? P, _ = u === "card" ? "size-9" : "size-7", v = u === "card" ? "size-icon" : "size-icon-md", y = i ?? /* @__PURE__ */ j("span", {
-		"aria-hidden": !0,
-		className: n("inline-flex shrink-0 items-center justify-center rounded-full", _, pe[s]),
-		children: /* @__PURE__ */ j(h, { className: v })
-	}), b = !!l && /* @__PURE__ */ M(g, {
-		tone: me[l],
-		className: "gap-space-xs",
-		children: [/* @__PURE__ */ j("span", {
-			"aria-hidden": !0,
-			className: n("inline-block size-1.5 rounded-full", l === "thinking" || l === "working" ? "animate-pulse bg-current" : "bg-current")
-		}), m.statusLabels[l]]
-	});
-	return u === "card" ? /* @__PURE__ */ j("div", {
-		className: n("ai-agent--component", "rounded-radius border border-border/60 bg-card p-surface-xs", f),
-		children: /* @__PURE__ */ M(c, {
-			direction: "horizontal",
-			align: "center",
-			gap: "lg",
-			children: [
-				y,
-				/* @__PURE__ */ M(c, {
-					gap: "dense",
-					className: "min-w-0 flex-1",
-					children: [/* @__PURE__ */ M("div", {
-						className: "flex items-center gap-space-md",
-						children: [/* @__PURE__ */ j(a, {
-							weight: "semibold",
-							className: "truncate",
-							children: e
-						}), b]
-					}), !!o && /* @__PURE__ */ j(a, {
-						size: "xs",
-						type: "secondary",
-						className: "line-clamp-1",
-						children: o
-					})]
-				}),
-				!!d && /* @__PURE__ */ j("div", {
-					className: "ml-auto flex items-center gap-space-xs",
-					children: d
-				})
-			]
-		})
-	}) : /* @__PURE__ */ M("div", {
-		className: n("ai-agent--component", "inline-flex items-center gap-space-md", f),
-		children: [
-			y,
-			/* @__PURE__ */ M(c, {
-				direction: "horizontal",
-				align: "center",
-				gap: "md",
-				className: "min-w-0",
-				children: [
-					/* @__PURE__ */ j(a, {
-						weight: "medium",
-						className: "truncate",
-						children: e
-					}),
-					!!o && /* @__PURE__ */ j(a, {
-						size: "xs",
-						type: "secondary",
-						className: "truncate",
-						children: o
-					}),
-					b
-				]
-			}),
-			!!d && /* @__PURE__ */ j("div", {
-				className: "ml-1 flex items-center gap-space-xs",
-				children: d
-			})
-		]
-	});
-}
-he.displayName = "AiAgent";
-//#endregion
-//#region src/components/blocks/ai/ai-confirmation/types.ts
-var ge = {
-	approve: "Approve",
-	reject: "Reject",
-	pending: "Awaiting your approval",
-	approved: "Approved",
-	rejected: "Rejected"
-}, _e = {
-	neutral: {
-		ring: "border-border/60 bg-card",
-		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 ve({ title: e, description: i, icon: o, tone: s = "neutral", status: l = "pending", onApprove: u, onReject: d, approveLabel: f, rejectLabel: p, details: m, className: g, strings: _ }) {
-	let v = t(ge, _), y = o, b = _e[s];
-	return /* @__PURE__ */ M("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__ */ M("div", {
-			className: "ai-confirmation--header flex items-start gap-space-lg",
-			children: [!!y && /* @__PURE__ */ j(h, {
-				icon: y,
-				tone: b.icon,
-				size: "md",
-				shape: "square"
-			}), /* @__PURE__ */ M("div", {
-				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ M(c, {
-					gap: "normal",
-					children: [/* @__PURE__ */ j(a, {
-						weight: "semibold",
-						children: e
-					}), !!i && /* @__PURE__ */ j(a, {
-						type: "secondary",
-						children: i
-					})]
-				}), !!m && /* @__PURE__ */ j("div", {
-					className: "mt-space-md",
-					children: m
-				})]
-			})]
-		}), l === "pending" ? /* @__PURE__ */ M("div", {
-			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__ */ j(a, {
-				size: "xs",
-				type: "secondary",
-				children: v.pending
-			}), /* @__PURE__ */ M(c, {
-				direction: "horizontal",
-				align: "center",
-				justify: "end",
-				gap: "md",
-				className: "ai-confirmation--actions",
-				children: [/* @__PURE__ */ j(r, {
-					type: "button",
-					tone: "secondary",
-					buttonStyle: "ghost",
-					onClick: d,
-					children: p ?? v.reject
-				}), /* @__PURE__ */ j(r, {
-					type: "button",
-					tone: s === "destructive" ? "destructive" : "primary",
-					onClick: u,
-					children: f ?? v.approve
-				})]
-			})]
-		}) : /* @__PURE__ */ j("div", {
-			className: "ai-confirmation--footer mt-space-lg flex items-center gap-space-md",
-			children: l === "approved" ? /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(F, { className: "size-icon-md text-success" }), /* @__PURE__ */ j(a, {
-				size: "xs",
-				type: "success",
-				weight: "medium",
-				children: v.approved
-			})] }) : /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(B, { className: "size-icon-md text-muted-foreground" }), /* @__PURE__ */ j(a, {
-				size: "xs",
-				type: "secondary",
-				weight: "medium",
-				children: v.rejected
-			})] })
-		})]
-	});
-}
-ve.displayName = "AiConfirmation";
-//#endregion
-//#region src/components/blocks/ai/ai-sources/types.ts
-var ye = {
-	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 be(e, t) {
-	return e.replace(/\{\{\s*(\w+)\s*\}\}/g, (e, n) => {
-		let r = t[n];
-		return r === void 0 ? e : String(r);
-	});
-}
-function xe({ sources: t, variant: i = "list", maxAvatars: o = 5, expanded: s, defaultExpanded: l = !1, onExpandedChange: d, onSelect: f, className: p, strings: m }) {
-	let h = e(ye, m), [g, _] = k(l), v = s ?? g, y = (e) => {
-		s === void 0 && _(e), d?.(e);
-	}, b = be(h.title, { count: t.length });
-	if (i === "avatars") return /* @__PURE__ */ j(Se, {
-		sources: t,
-		max: o,
-		title: b,
-		visitLabel: h.visit,
-		onSelect: f,
-		className: n("ai-sources--component", p)
-	});
-	let x = v ? t : t.slice(0, 0);
-	return /* @__PURE__ */ M("div", {
-		className: n("ai-sources--component rounded-radius border border-border/60 bg-card", p),
-		children: [/* @__PURE__ */ M(r, {
-			type: "button",
-			tone: "secondary",
-			buttonStyle: "ghost",
-			size: "md",
-			onClick: () => y(!v),
-			"aria-expanded": v,
-			"aria-label": v ? h.collapse : h.expand,
-			className: n("ai-sources--trigger h-auto min-h-0 w-full justify-start gap-space-md px-surface-xs py-row-y text-left", `rounded-inner ${u.rowHover}`),
-			children: [
-				/* @__PURE__ */ j(Ce, { sources: t.slice(0, 4) }),
-				/* @__PURE__ */ j(a, {
-					weight: "medium",
-					className: "flex-1",
-					children: b
-				}),
-				j(v ? I : L, { className: "size-icon-md text-muted-foreground" })
-			]
-		}), v && /* @__PURE__ */ j("div", {
-			className: "ai-sources--list border-t border-border/60 px-surface-xs py-row-y",
-			children: /* @__PURE__ */ j(c, {
-				render: /* @__PURE__ */ j("ol", {}),
-				gap: "2xs",
-				className: "m-0 list-none p-0 font-sans",
-				children: x.map((e, t) => /* @__PURE__ */ j(Te, {
-					source: e,
-					index: t + 1,
-					onSelect: f ? () => f(e, t) : void 0,
-					visitLabel: h.visit
-				}, e.id))
-			})
-		})]
-	});
-}
-xe.displayName = "AiSources";
-function Se({ sources: e, max: t, title: r, visitLabel: i, onSelect: o, className: s }) {
-	let c = e.slice(0, t), l = e.length - c.length;
-	return /* @__PURE__ */ M("div", {
-		className: n("inline-flex items-center gap-space-md", s),
-		children: [
-			/* @__PURE__ */ j(Ce, {
-				sources: c,
-				onSelect: o,
-				visitLabel: i
-			}),
-			/* @__PURE__ */ j(a, {
-				size: "xs",
-				type: "secondary",
-				children: r
-			}),
-			l > 0 && /* @__PURE__ */ M(d, {
-				size: "xs",
-				className: "tabular-nums",
-				children: ["+", /* @__PURE__ */ j(m, {
-					value: l,
-					size: "xs",
-					type: "secondary",
-					align: "left"
-				})]
-			})
-		]
-	});
-}
-function Ce({ sources: e, onSelect: t, visitLabel: r }) {
-	return /* @__PURE__ */ j("div", {
-		className: n("flex", t ? "gap-space-2xs" : "-space-x-space-sm"),
-		children: e.map((e, n) => {
-			let i = /* @__PURE__ */ j("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__ */ j(we, { src: e.faviconUrl })
-			}, e.id);
-			return t ? /* @__PURE__ */ j("button", {
-				type: "button",
-				onClick: () => t(e, n),
-				"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 ${s.edge}`,
-				children: i
-			}, e.id) : i;
-		})
-	});
-}
-function we({ src: e }) {
-	let [t, n] = k(!1);
-	return D(() => {
-		n(!1);
-	}, [e]), !e || t ? /* @__PURE__ */ j(ae, { className: "size-icon-sm" }) : /* @__PURE__ */ j("img", {
-		src: e,
-		alt: "",
-		className: "size-full object-cover",
-		onError: () => n(!0)
-	});
-}
-function Te({ source: e, index: t, onSelect: r, visitLabel: i }) {
-	let l = !!(e.url || r), d = 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", l && `${u.rowHover} focus-visible:outline-none ${s.edge}`), f = /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(m, {
-		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__ */ M(c, {
-		gap: "dense",
-		className: "min-w-0 flex-1",
-		children: [
-			/* @__PURE__ */ M(a, {
-				weight: "medium",
-				className: "truncate",
-				children: [e.title, !!e.url && /* @__PURE__ */ j(R, { className: "ml-1 inline size-icon-sm text-muted-foreground align-baseline" })]
-			}),
-			!!e.publisher && /* @__PURE__ */ j(a, {
-				size: "xs",
-				type: "secondary",
-				className: "truncate",
-				children: e.publisher
-			}),
-			!!e.snippet && /* @__PURE__ */ j(a, {
-				size: "xs",
-				type: "secondary",
-				className: "line-clamp-2",
-				children: e.snippet
-			})
-		]
-	})] });
-	return /* @__PURE__ */ j("li", { children: e.url && !r ? /* @__PURE__ */ j(o, {
-		href: e.url,
-		target: "_blank",
-		rel: "noopener noreferrer",
-		size: "inherit",
-		underline: !1,
-		className: d,
-		"aria-label": i,
-		children: f
-	}) : r ? /* @__PURE__ */ j("button", {
-		type: "button",
-		onClick: r,
-		className: n(d, "h-auto justify-start whitespace-normal"),
-		"aria-label": e.url ? i : void 0,
-		children: f
-	}) : /* @__PURE__ */ j("span", {
-		className: d,
-		children: f
-	}) });
-}
-//#endregion
-//#region src/components/blocks/ai/ai-reasoning/types.ts
-var Ee = {
-	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 De(e, t) {
-	let n = e.split(/\{\{\s*duration\s*\}\}/);
-	return n.length === 1 ? e : /* @__PURE__ */ M(A, { children: [
-		n[0],
-		/* @__PURE__ */ j(p, {
-			value: t,
-			maxParts: 1,
-			align: "left"
-		}),
-		n.slice(1).join("{{duration}}")
-	] });
-}
-function Oe({ children: e, streaming: i = !1, durationSeconds: o, expandWhileStreaming: s = !0, defaultExpanded: c = !1, expanded: l, onExpandedChange: d, className: f, strings: p }) {
-	let m = t(Ee, p), [h, g] = k(c), _ = l ?? h, v = (e) => {
-		l === void 0 && g(e), d?.(e);
-	};
-	D(() => {
-		i && s && !_ && v(!0), !i && s && _ && !c && l === void 0 && v(!1);
-	}, [i]);
-	let y = i ? /* @__PURE__ */ j(q, {
-		className: "flex-1",
-		children: m.thinking
-	}) : o === void 0 ? /* @__PURE__ */ j(a, {
-		weight: "medium",
-		className: "flex-1",
-		children: m.thoughtDone
-	}) : /* @__PURE__ */ j(a, {
-		weight: "medium",
-		className: "flex-1",
-		children: De(m.thoughtFor, o)
-	});
-	return /* @__PURE__ */ M("div", {
-		className: n("ai-reasoning--component", "overflow-hidden rounded-radius border border-border/60 bg-muted/30", f),
-		children: [/* @__PURE__ */ M(r, {
-			type: "button",
-			tone: "secondary",
-			buttonStyle: "ghost",
-			size: "md",
-			onClick: () => v(!_),
-			"aria-expanded": _,
-			"aria-label": _ ? m.collapseAria : m.expandAria,
-			className: n("ai-reasoning--trigger h-auto min-h-0 w-full justify-start gap-space-md rounded-none px-surface-xs py-row-y text-left", u.rowHover),
-			children: [
-				/* @__PURE__ */ j(ee, { className: "size-icon-md text-muted-foreground" }),
-				y,
-				j(_ ? I : L, { className: "size-icon-md text-muted-foreground" })
-			]
-		}), _ && /* @__PURE__ */ j("div", {
-			className: "ai-reasoning--body border-t border-border/60 p-surface-xs",
-			children: typeof e == "string" ? /* @__PURE__ */ j(a, {
-				type: "secondary",
-				lineHeight: "relaxed",
-				className: "whitespace-pre-wrap",
-				children: e
-			}) : /* @__PURE__ */ j("div", {
-				className: "whitespace-pre-wrap",
-				children: e
-			})
-		})]
-	});
-}
-Oe.displayName = "AiReasoning";
-//#endregion
-//#region src/components/blocks/ai/ai-chain-of-thought/types.ts
-var Q = {
-	title: "Reasoning",
-	streamingHint: "Working through the steps…"
-}, ke = {
-	pending: {
-		icon: te,
-		iconCls: "text-muted-foreground",
-		ring: "border-border/60 bg-card"
-	},
-	active: {
-		icon: z,
-		iconCls: "text-primary-accent",
-		ring: `${l.primary.edge} ${l.primary.wash}`,
-		spin: !0
-	},
-	completed: {
-		icon: F,
-		iconCls: "text-success-foreground",
-		ring: `${l.success.edge} ${l.success.solid}`
-	},
-	failed: {
-		icon: N,
-		iconCls: "text-destructive-foreground",
-		ring: `${l.destructive.edge} ${l.destructive.solid}`
-	}
-};
-function Ae({ steps: e, hideHeader: r = !1, streaming: o = !1, className: s, strings: l }) {
-	let u = t(Q, l);
-	return /* @__PURE__ */ M(c, {
-		gap: "lg",
-		className: n("ai-chain-of-thought--component", "rounded-radius border border-border/60 bg-card p-surface", s),
-		children: [!r && /* @__PURE__ */ j("div", {
-			className: "ai-chain-of-thought--header",
-			children: /* @__PURE__ */ M(c, {
-				direction: "horizontal",
-				gap: "sm",
-				wrap: !1,
-				children: [/* @__PURE__ */ j(i, { children: u.title }), o && /* @__PURE__ */ j(q, {
-					className: "ml-auto !text-xs",
-					children: u.streamingHint
-				})]
-			})
-		}), /* @__PURE__ */ j("ol", {
-			className: "ai-chain-of-thought--body relative m-0 list-none p-0 font-sans",
-			children: e.map((t, r) => {
-				let i = t.status ?? "pending", o = ke[i], s = t.icon ?? o.icon, l = r === e.length - 1;
-				return /* @__PURE__ */ M("li", {
-					className: "relative flex gap-space-lg pb-space-lg last:pb-0",
-					children: [
-						!l && /* @__PURE__ */ j("span", {
-							"aria-hidden": !0,
-							className: "absolute bottom-0 left-[11px] top-[26px] w-px bg-border/60"
-						}),
-						/* @__PURE__ */ j("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__ */ j(s, { className: n("size-icon-sm", o.iconCls, o.spin && "animate-spin") })
-						}),
-						/* @__PURE__ */ M("div", {
-							className: "min-w-0 flex-1",
-							children: [/* @__PURE__ */ M(c, {
-								gap: "dense",
-								children: [/* @__PURE__ */ j(a, {
-									weight: i === "active" ? "semibold" : "medium",
-									className: n(i === "pending" && "text-muted-foreground"),
-									children: t.title
-								}), !!t.description && /* @__PURE__ */ j(a, {
-									size: "xs",
-									type: "secondary",
-									children: t.description
-								})]
-							}), !!t.body && /* @__PURE__ */ j("div", {
-								className: "mt-space-md",
-								children: t.body
-							})]
-						})
-					]
-				}, t.id);
-			})
-		})]
-	});
-}
-Ae.displayName = "AiChainOfThought";
-//#endregion
-//#region src/components/blocks/ai/ai-task/types.ts
-var je = {
-	statusLabels: {
-		queued: "Queued",
-		running: "Running",
-		completed: "Done",
-		failed: "Failed",
-		cancelled: "Cancelled",
-		skipped: "Skipped"
-	},
-	collapseSubtasks: "Collapse subtasks",
-	expandSubtasks: "Expand subtasks"
-}, Me = {
-	queued: {
-		icon: te,
-		cls: "text-muted-foreground"
-	},
-	running: {
-		icon: z,
-		cls: "text-primary-accent",
-		spin: !0
-	},
-	completed: {
-		icon: F,
-		cls: "text-success"
-	},
-	failed: {
-		icon: N,
-		cls: "text-destructive"
-	},
-	cancelled: {
-		icon: le,
-		cls: "text-muted-foreground"
-	},
-	skipped: {
-		icon: oe,
-		cls: "text-muted-foreground"
-	}
-}, Ne = {
-	queued: "secondary",
-	running: "info",
-	completed: "success",
-	failed: "destructive",
-	cancelled: "secondary",
-	skipped: "secondary"
-};
-function Pe({ task: e, density: r = "compact", indent: i = 18, className: a, strings: o }) {
-	let s = t(je, o);
-	return /* @__PURE__ */ j("div", {
-		className: n("ai-task--component", "rounded-radius border border-border/60 bg-card", a),
-		children: /* @__PURE__ */ j(Fe, {
-			item: e,
-			depth: 0,
-			density: r,
-			indent: i,
-			strings: s
-		})
-	});
-}
-Pe.displayName = "AiTask";
-function Fe({ item: e, depth: t, density: i, indent: o, strings: s }) {
-	let c = e.status ?? "queued", l = Me[c], u = e.icon ?? l.icon, d = !!e.children?.length, [f, p] = k(i === "expanded" || t === 0);
-	return /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ M("div", {
-		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 * o}px)` },
-		children: [
-			d ? /* @__PURE__ */ j(r, {
-				type: "button",
-				tone: "secondary",
-				buttonStyle: "ghost",
-				size: "sm",
-				iconOnly: !0,
-				onClick: () => p((e) => !e),
-				"aria-expanded": f,
-				"aria-label": f ? s.collapseSubtasks : s.expandSubtasks,
-				className: "-ml-1 mt-0.5 size-icon rounded-inner p-0 text-muted-foreground hover:text-foreground",
-				children: j(f ? I : L, { className: "size-icon-md" })
-			}) : /* @__PURE__ */ j("span", {
-				"aria-hidden": !0,
-				className: "mt-0.5 size-icon"
-			}),
-			/* @__PURE__ */ j(u, { className: n("mt-[3px] size-icon-md shrink-0", l.cls, l.spin && "animate-spin") }),
-			/* @__PURE__ */ M("div", {
-				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ M("div", {
-					className: "flex items-center gap-space-md",
-					children: [
-						/* @__PURE__ */ j(a, {
-							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"),
-							children: e.title
-						}),
-						/* @__PURE__ */ j(g, {
-							tone: Ne[c],
-							children: s.statusLabels[c]
-						}),
-						!!e.rightSlot && /* @__PURE__ */ j("span", {
-							className: "tabular-nums text-muted-foreground",
-							children: e.rightSlot
-						})
-					]
-				}), !!e.body && /* @__PURE__ */ j("div", {
-					className: "mt-space-md",
-					children: e.body
-				})]
-			})
-		]
-	}), d && f && /* @__PURE__ */ j("div", { children: e.children.map((e) => /* @__PURE__ */ j(Fe, {
-		item: e,
-		depth: t + 1,
-		density: i,
-		indent: o,
-		strings: s
-	}, e.id)) })] });
-}
-//#endregion
-//#region src/components/blocks/ai/ai-artifact/types.ts
-var $ = {
-	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 Ie({ title: e, subtitle: i, icon: o, copyText: s, children: l, collapsed: u = !1, onOpen: d, actions: f, onDownload: p, onCopyError: m, className: g, strings: _ }) {
-	let v = t($, _), y = o ?? ie, { copied: b, failed: x, copy: S } = V(m, s);
-	return /* @__PURE__ */ M("div", {
-		className: n("ai-artifact--component", "overflow-hidden rounded-radius border border-border/60 bg-card", g),
-		children: [
-			/* @__PURE__ */ j("div", {
-				className: "ai-artifact--header @container/ai-artifact-header border-b border-border/60 bg-muted/50 p-surface",
-				children: /* @__PURE__ */ M(c, {
-					direction: "horizontal",
-					align: "center",
-					gap: "lg",
-					children: [/* @__PURE__ */ M("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__ */ j(h, {
-							icon: y,
-							tone: "neutral",
-							size: "md",
-							shape: "square"
-						}), /* @__PURE__ */ M("div", {
-							className: "min-w-0 flex-1",
-							children: [/* @__PURE__ */ j(a, {
-								weight: "semibold",
-								className: "break-words",
-								children: e
-							}), !!i && /* @__PURE__ */ j(a, {
-								size: "xs",
-								type: "secondary",
-								className: "break-words",
-								children: i
-							})]
-						})]
-					}), /* @__PURE__ */ M("div", {
-						className: "ai-artifact--actions flex flex-wrap items-center gap-space-xs",
-						children: [
-							f?.map((e) => {
-								let t = e.icon;
-								return /* @__PURE__ */ M(r, {
-									type: "button",
-									tone: "secondary",
-									buttonStyle: "ghost",
-									onClick: e.onSelect,
-									children: [!!t && /* @__PURE__ */ j(t, { className: "size-icon-md" }), e.label]
-								}, e.id);
-							}),
-							!!s && /* @__PURE__ */ j(r, {
-								type: "button",
-								tone: "secondary",
-								buttonStyle: "ghost",
-								size: "sm",
-								iconOnly: !0,
-								"aria-label": v.copyAria,
-								onClick: async () => {
-									s && await S(s);
-								},
-								children: b ? /* @__PURE__ */ j(F, { className: "size-icon-md text-success" }) : /* @__PURE__ */ j(ne, { className: "size-icon-md" })
-							}),
-							!!p && /* @__PURE__ */ j(r, {
-								type: "button",
-								tone: "secondary",
-								buttonStyle: "ghost",
-								size: "sm",
-								iconOnly: !0,
-								"aria-label": v.downloadAria,
-								onClick: p,
-								children: /* @__PURE__ */ j(re, { className: "size-icon-md" })
-							}),
-							!!d && /* @__PURE__ */ j(r, {
-								type: "button",
-								tone: "secondary",
-								buttonStyle: "ghost",
-								size: "sm",
-								iconOnly: !0,
-								"aria-label": v.openAria,
-								onClick: d,
-								children: /* @__PURE__ */ j(R, { className: "size-icon-md" })
-							})
-						]
-					})]
-				})
-			}),
-			!u && !!l && /* @__PURE__ */ j("div", {
-				className: "bg-card",
-				children: l
-			}),
-			x && /* @__PURE__ */ j("div", {
-				className: "px-control py-row-y",
-				children: /* @__PURE__ */ j(a, {
-					role: "alert",
-					size: "xs",
-					type: "error",
-					children: v.copyError ?? $.copyError
-				})
-			})
-		]
-	});
-}
-Ie.displayName = "AiArtifact";
-//#endregion
-export { H as C, U as S, Y as _, Ae as a, G as b, Ee as c, ve as d, ge as f, X as g, Z as h, je as i, xe as l, fe as m, $ as n, Q as o, he as p, Pe as r, Oe as s, Ie as t, ye as u, J as v, W as x, q as y };
-
-//# sourceMappingURL=ai-artifact-BMJdv-6q.js.map