themelia-react-ui 2.0.6 → 3.0.0

package/dist/ai-artifact-CGGpQryR.js

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