admin-ui-starter-kit 0.4.3 → 0.4.4

package/dist/_shared/ai-artifact-DdlK_l56.js

@@ -1,1099 +0,0 @@
-import { mergeStrings as e, useStrings as t } from "../lib/strings.js";
-import { cn as n } from "../lib/utils.js";
-import { n as r } from "./heading-HeP06nXG.js";
-import { t as i } from "./icon-badge-zTBVtgt9.js";
-import { t as a } from "./badge-yGlx9trX.js";
-import { t as o } from "./button-SuocMQFT.js";
-import { useEffect as s, useMemo as c, useState as l } from "react";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { AlertCircle as p, Archive as m, AudioLines as h, Bot as g, Brain as _, Check as v, ChevronDown as y, ChevronRight as b, Circle as x, CircleDot as S, Copy as C, Download as w, ExternalLink as T, FileCode as E, FileText as D, Globe as O, ImageIcon as ee, Loader2 as k, MinusCircle as te, RotateCcw as ne, ShieldCheck as re, User as ie, Video as ae, Wrench as oe, X as A, XCircle as se } from "lucide-react";
-//#region src/components/composed/ai/ai-message-bubble/types.ts
-var j = {
-	copyAria: "Copy message",
-	copied: "Copied",
-	regenerateAria: "Regenerate response"
-}, ce = {
-	assistant: {
-		wrap: "flex-row",
-		avatar: "bg-primary/15 text-primary",
-		bubble: "bg-card border border-border/60"
-	},
-	user: {
-		wrap: "flex-row-reverse text-right",
-		avatar: "bg-muted text-foreground",
-		bubble: "bg-primary text-primary-foreground"
-	},
-	system: {
-		wrap: "flex-row",
-		avatar: "bg-muted text-muted-foreground",
-		bubble: "bg-muted/40 border border-dashed border-border/60"
-	}
-}, le = {
-	assistant: g,
-	user: ie,
-	system: g
-};
-function M({ role: e = "assistant", avatar: i, avatarLabel: a, authorName: s, timestamp: c, children: u, plainText: p, loading: m = !1, onCopy: h, onRegenerate: g, className: _, strings: v }) {
-	let y = t(j, v), [b, x] = l(!1), S = ce[e], w = le[e], T = () => {
-		let e = p ?? (typeof u == "string" ? u : "");
-		e && typeof navigator < "u" && navigator.clipboard && navigator.clipboard.writeText(e), x(!0), h?.(), window.setTimeout(() => x(!1), 1500);
-	}, E = i ?? /* @__PURE__ */ d("span", {
-		"aria-label": a,
-		className: n("inline-flex size-7 shrink-0 items-center justify-center rounded-full", S.avatar),
-		children: /* @__PURE__ */ d(w, { className: "size-3.5" })
-	});
-	return /* @__PURE__ */ f("div", {
-		className: n("ai-message-bubble--component", "flex w-full items-start gap-2", S.wrap, _),
-		children: [E, /* @__PURE__ */ f("div", {
-			className: "flex max-w-[80%] flex-col gap-1",
-			children: [
-				(s || c) && /* @__PURE__ */ f("div", {
-					className: "flex items-baseline gap-2",
-					children: [!!s && /* @__PURE__ */ d(r, {
-						size: "xs",
-						weight: "medium",
-						children: s
-					}), !!c && /* @__PURE__ */ d(r, {
-						size: "xxs",
-						type: "secondary",
-						className: "tabular-nums",
-						children: c
-					})]
-				}),
-				/* @__PURE__ */ d("div", {
-					className: n("rounded-2xl px-3.5 py-2.5 text-sm leading-relaxed", S.bubble, m && "animate-pulse"),
-					children: u
-				}),
-				(h !== void 0 || p || g) && e === "assistant" && /* @__PURE__ */ f("div", {
-					className: "flex items-center gap-1",
-					children: [
-						/* @__PURE__ */ d(o, {
-							type: "button",
-							variant: "secondary",
-							buttonStyle: "ghost",
-							size: "icon-xs",
-							"aria-label": y.copyAria,
-							onClick: T,
-							children: /* @__PURE__ */ d(C, { className: "size-3.5" })
-						}),
-						b && /* @__PURE__ */ d(r, {
-							size: "xxs",
-							type: "success",
-							children: y.copied
-						}),
-						!!g && /* @__PURE__ */ d(o, {
-							type: "button",
-							variant: "secondary",
-							buttonStyle: "ghost",
-							size: "icon-xs",
-							"aria-label": y.regenerateAria,
-							onClick: g,
-							children: /* @__PURE__ */ d(ne, { className: "size-3.5" })
-						})
-					]
-				})
-			]
-		})]
-	});
-}
-M.displayName = "AiMessageBubble";
-//#endregion
-//#region src/components/composed/ai/ai-tool-call/types.ts
-var N = {
-	pending: "Queued",
-	running: "Running",
-	success: "Success",
-	error: "Failed",
-	expand: "Show details",
-	collapse: "Hide details",
-	args: "Arguments",
-	result: "Result",
-	durationLabel: "Took"
-}, P = {
-	pending: {
-		variant: "secondary",
-		icon: S
-	},
-	running: {
-		variant: "primary",
-		icon: k
-	},
-	success: { variant: "success" },
-	error: {
-		variant: "error",
-		icon: p
-	}
-};
-function ue(e) {
-	return e < 1e3 ? `${Math.round(e)}ms` : `${(e / 1e3).toFixed(+(e < 1e4))}s`;
-}
-function F({ name: e, status: s, icon: c = oe, args: u, result: p, error: m, durationMs: h, defaultExpanded: g = !1, className: _, strings: v }) {
-	let x = t(N, v), [S, C] = l(g), w = {
-		pending: x.pending,
-		running: x.running,
-		success: x.success,
-		error: x.error
-	}, T = P[s].icon, E = !!(u || p || m);
-	return /* @__PURE__ */ f("div", {
-		className: n("ai-tool-call--component", "overflow-hidden rounded-lg border border-border/60 bg-card", s === "error" && "border-destructive/40 bg-destructive/5", _),
-		children: [/* @__PURE__ */ f(o, {
-			type: "button",
-			variant: "secondary",
-			buttonStyle: "ghost",
-			size: "sm",
-			onClick: () => E && C((e) => !e),
-			className: n("ai-tool-call--trigger h-auto w-full justify-start gap-2 rounded-none px-3 py-2 text-left", E ? "cursor-pointer hover:bg-muted/40" : "cursor-default"),
-			"aria-expanded": E ? S : void 0,
-			"aria-label": E ? S ? x.collapse : x.expand : void 0,
-			children: [
-				/* @__PURE__ */ d(i, {
-					icon: c,
-					tone: "muted",
-					size: "sm",
-					shape: "square"
-				}),
-				/* @__PURE__ */ d("div", {
-					className: "min-w-0 flex-1",
-					children: /* @__PURE__ */ d(r, {
-						weight: "medium",
-						className: "truncate font-mono",
-						children: e
-					})
-				}),
-				/* @__PURE__ */ f(a, {
-					variant: P[s].variant,
-					className: "gap-1",
-					children: [!!T && /* @__PURE__ */ d(T, { className: n("size-3", s === "running" && "animate-spin") }), w[s]]
-				}),
-				!!h && /* @__PURE__ */ f(r, {
-					size: "xxs",
-					type: "secondary",
-					className: "tabular-nums",
-					children: [
-						x.durationLabel,
-						" ",
-						ue(h)
-					]
-				}),
-				E && d(S ? y : b, { className: "size-3.5 text-muted-foreground" })
-			]
-		}), !!S && E && /* @__PURE__ */ f("div", {
-			className: "border-t border-border/60 bg-muted/20 px-3 py-2 space-y-2",
-			children: [!!u && /* @__PURE__ */ d(I, {
-				label: x.args,
-				children: u
-			}), s === "error" && m ? /* @__PURE__ */ d(I, {
-				label: x.error,
-				tone: "error",
-				children: m
-			}) : !!p && /* @__PURE__ */ d(I, {
-				label: x.result,
-				children: p
-			})]
-		})]
-	});
-}
-F.displayName = "AiToolCall";
-function I({ label: e, children: t, tone: i = "neutral" }) {
-	return /* @__PURE__ */ f("div", {
-		className: "space-y-1",
-		children: [/* @__PURE__ */ d(r, {
-			size: "xxs",
-			type: "secondary",
-			weight: "medium",
-			className: "uppercase tracking-wider",
-			children: e
-		}), /* @__PURE__ */ d("pre", {
-			tabIndex: 0,
-			className: n("overflow-x-auto rounded-md bg-card px-2.5 py-2 font-mono text-xs leading-relaxed", i === "error" && "text-destructive bg-destructive/5"),
-			children: t
-		})]
-	});
-}
-//#endregion
-//#region src/components/composed/ai/ai-shimmer/ai-shimmer.tsx
-function L({ children: e = "Thinking…", paused: t = !1, duration: i = 2.4, className: a }) {
-	if (t) return /* @__PURE__ */ d(r, {
-		type: "secondary",
-		className: n("ai-shimmer--component", a),
-		children: e
-	});
-	let o = { "--ai-shimmer-duration": `${i}s` };
-	return /* @__PURE__ */ d("span", {
-		"data-ai-shimmer": !0,
-		role: "status",
-		"aria-live": "polite",
-		className: n("inline-block bg-clip-text text-sm font-medium text-transparent", "bg-[linear-gradient(110deg,var(--ai-shimmer-base)_30%,var(--ai-shimmer-highlight)_50%,var(--ai-shimmer-base)_70%)]", "bg-[length:200%_100%]", "animate-[ai-shimmer-sweep_var(--ai-shimmer-duration,2.4s)_linear_infinite]", a),
-		style: o,
-		children: e
-	});
-}
-L.displayName = "AiShimmer";
-//#endregion
-//#region src/components/composed/ai/ai-code-block/types.ts
-var R = {
-	copy: "Copy",
-	copied: "Copied",
-	copyAria: "Copy code",
-	defaultLanguageLabel: "Code"
-};
-//#endregion
-//#region src/components/composed/ai/ai-code-block/ai-code-block.tsx
-function z({ code: e, language: i, filename: a, showLineNumbers: s = !1, highlightLines: p, hideHeader: m = !1, maxHeight: h, headerActions: g, onCopy: _, className: y, strings: b }) {
-	let x = t(R, b), [S, w] = l(!1), T = c(() => e.split("\n"), [e]), E = c(() => new Set(p ?? []), [p]), D = () => {
-		typeof navigator < "u" && navigator.clipboard && navigator.clipboard.writeText(e), w(!0), _?.(), window.setTimeout(() => w(!1), 1500);
-	}, O = a || i || x.defaultLanguageLabel;
-	return /* @__PURE__ */ f("div", {
-		className: n("ai-code-block--component", "w-full min-w-0 max-w-full overflow-hidden rounded-lg border border-border/60 bg-card", y),
-		children: [!m && /* @__PURE__ */ f("div", {
-			className: "flex min-w-0 items-center gap-2 border-b border-border/60 bg-muted/30 px-3 py-1.5",
-			children: [
-				/* @__PURE__ */ d(r, {
-					size: "xxs",
-					type: "secondary",
-					weight: "medium",
-					className: "min-w-0 truncate font-mono uppercase tracking-wider",
-					children: O
-				}),
-				!!a && !!i && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("span", {
-					"aria-hidden": !0,
-					className: "text-muted-foreground/60",
-					children: "·"
-				}), /* @__PURE__ */ d(r, {
-					size: "xxs",
-					type: "discrete",
-					className: "font-mono lowercase",
-					children: i
-				})] }),
-				/* @__PURE__ */ f("div", {
-					className: "ml-auto flex shrink-0 items-center gap-1",
-					children: [g, /* @__PURE__ */ d(o, {
-						type: "button",
-						variant: "secondary",
-						buttonStyle: "ghost",
-						size: "icon-xs",
-						"aria-label": x.copyAria,
-						onClick: D,
-						children: S ? /* @__PURE__ */ d(v, { className: "size-3.5 text-success" }) : /* @__PURE__ */ d(C, { className: "size-3.5" })
-					})]
-				})
-			]
-		}), /* @__PURE__ */ d("div", {
-			className: "min-w-0 max-w-full overflow-auto",
-			tabIndex: 0,
-			style: h === void 0 ? void 0 : { maxHeight: typeof h == "number" ? `${h}px` : h },
-			children: /* @__PURE__ */ d("pre", {
-				className: "m-0 px-3 py-2.5 font-mono text-xs leading-relaxed",
-				children: s ? /* @__PURE__ */ d("table", {
-					className: "w-full border-collapse",
-					children: /* @__PURE__ */ d("tbody", { children: T.map((e, t) => {
-						let r = t + 1;
-						return /* @__PURE__ */ f("tr", {
-							className: n(E.has(r) && "bg-primary/10"),
-							children: [/* @__PURE__ */ d("td", {
-								className: n("select-none pr-3 text-right tabular-nums text-muted-foreground/70", "w-[2.25rem] min-w-[2.25rem]"),
-								children: r
-							}), /* @__PURE__ */ d("td", {
-								className: "whitespace-pre",
-								children: e || " "
-							})]
-						}, t);
-					}) })
-				}) : /* @__PURE__ */ d("code", {
-					className: "block whitespace-pre",
-					children: e
-				})
-			})
-		})]
-	});
-}
-z.displayName = "AiCodeBlock";
-//#endregion
-//#region src/components/composed/ai/ai-attachment/types.ts
-var B = {
-	removeAria: "Remove attachment",
-	openAria: "Open attachment",
-	uploadProgressAria: "Upload progress"
-}, de = {
-	image: ee,
-	document: D,
-	audio: h,
-	video: ae,
-	code: E,
-	archive: m,
-	generic: D
-};
-function V({ name: e, meta: i, kind: a = "generic", icon: s, thumbnailUrl: c, progress: l, errored: m = !1, onOpen: h, onRemove: g, className: _, strings: v }) {
-	let y = t(B, v), b = s ?? de[a], x = !m && typeof l == "number" && l >= 0 && l < 1, S = /* @__PURE__ */ f(u, { children: [c ? /* @__PURE__ */ d("span", {
-		"aria-hidden": !0,
-		className: "size-9 shrink-0 overflow-hidden rounded-md bg-muted",
-		style: {
-			backgroundImage: `url(${c})`,
-			backgroundSize: "cover",
-			backgroundPosition: "center"
-		}
-	}) : /* @__PURE__ */ d("span", {
-		"aria-hidden": !0,
-		className: n("inline-flex size-9 shrink-0 items-center justify-center rounded-md", m ? "bg-destructive/10 text-destructive" : "bg-muted text-muted-foreground"),
-		children: d(m ? p : b, { className: "size-4" })
-	}), /* @__PURE__ */ f("div", {
-		className: "min-w-0 flex-1",
-		children: [
-			/* @__PURE__ */ d(r, {
-				weight: "medium",
-				className: "block truncate",
-				children: e
-			}),
-			!!i && /* @__PURE__ */ d(r, {
-				size: "xxs",
-				type: "secondary",
-				className: "block truncate tabular-nums",
-				children: i
-			}),
-			x && /* @__PURE__ */ d("div", {
-				className: "mt-1 h-1 overflow-hidden rounded-full bg-muted",
-				"aria-label": y.uploadProgressAria,
-				children: /* @__PURE__ */ d("div", {
-					className: "h-full rounded-full bg-primary transition-[width] duration-150",
-					style: { width: `${Math.round((l ?? 0) * 100)}%` }
-				})
-			})
-		]
-	})] });
-	return /* @__PURE__ */ f("div", {
-		className: n("ai-attachment--component", "group inline-flex max-w-full items-center gap-2.5 rounded-lg border border-border/60 bg-card px-2.5 py-2", m && "border-destructive/40 bg-destructive/5", _),
-		children: [h ? /* @__PURE__ */ d(o, {
-			type: "button",
-			variant: "secondary",
-			buttonStyle: "ghost",
-			size: "sm",
-			onClick: h,
-			"aria-label": y.openAria,
-			className: n("h-auto min-w-0 flex-1 justify-start gap-2.5 rounded-md px-0 py-0 text-left"),
-			children: S
-		}) : /* @__PURE__ */ d("div", {
-			className: "flex min-w-0 flex-1 items-center gap-2.5",
-			children: S
-		}), !!g && /* @__PURE__ */ d(o, {
-			type: "button",
-			variant: "secondary",
-			buttonStyle: "ghost",
-			size: "icon-xs",
-			"aria-label": y.removeAria,
-			onClick: g,
-			className: "opacity-60 group-hover:opacity-100",
-			children: /* @__PURE__ */ d(A, { className: "size-3.5" })
-		})]
-	});
-}
-V.displayName = "AiAttachment";
-//#endregion
-//#region src/components/composed/ai/ai-agent/types.ts
-var H = { statusLabels: {
-	idle: "Idle",
-	thinking: "Thinking",
-	working: "Working",
-	done: "Done",
-	error: "Error",
-	offline: "Offline"
-} }, fe = {
-	primary: "bg-primary/15 text-primary",
-	success: "bg-success/15 text-success",
-	warning: "bg-warning/20 text-warning",
-	destructive: "bg-destructive/15 text-destructive",
-	info: "bg-info/15 text-info",
-	neutral: "bg-muted text-muted-foreground"
-}, pe = {
-	idle: "secondary",
-	thinking: "primary",
-	working: "primary",
-	done: "success",
-	error: "error",
-	offline: "secondary"
-};
-function U({ name: e, icon: i, avatar: o, subtitle: s, tone: c = "primary", status: l, variant: u = "inline", trailing: p, className: m, strings: h }) {
-	let _ = t(H, h), v = i ?? g, y = u === "card" ? "size-9" : "size-7", b = u === "card" ? "size-4" : "size-3.5", x = o ?? /* @__PURE__ */ d("span", {
-		"aria-hidden": !0,
-		className: n("inline-flex shrink-0 items-center justify-center rounded-full", y, fe[c]),
-		children: /* @__PURE__ */ d(v, { className: b })
-	}), S = !!l && /* @__PURE__ */ f(a, {
-		variant: pe[l],
-		className: "gap-1",
-		children: [/* @__PURE__ */ d("span", {
-			"aria-hidden": !0,
-			className: n("inline-block size-1.5 rounded-full", l === "thinking" || l === "working" ? "animate-pulse bg-current" : "bg-current")
-		}), _.statusLabels[l]]
-	});
-	return u === "card" ? /* @__PURE__ */ f("div", {
-		className: n("ai-agent--component", "flex items-center gap-3 rounded-lg border border-border/60 bg-card px-3 py-2.5", m),
-		children: [
-			x,
-			/* @__PURE__ */ f("div", {
-				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ f("div", {
-					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ d(r, {
-						weight: "semibold",
-						className: "truncate",
-						children: e
-					}), S]
-				}), !!s && /* @__PURE__ */ d(r, {
-					size: "xs",
-					type: "secondary",
-					className: "mt-0.5 line-clamp-1",
-					children: s
-				})]
-			}),
-			!!p && /* @__PURE__ */ d("div", {
-				className: "ml-auto flex items-center gap-1",
-				children: p
-			})
-		]
-	}) : /* @__PURE__ */ f("div", {
-		className: n("inline-flex items-center gap-2", m),
-		children: [
-			x,
-			/* @__PURE__ */ f("div", {
-				className: "flex min-w-0 items-center gap-2",
-				children: [
-					/* @__PURE__ */ d(r, {
-						size: "xs",
-						weight: "medium",
-						className: "truncate",
-						children: e
-					}),
-					!!s && /* @__PURE__ */ d(r, {
-						size: "xxs",
-						type: "secondary",
-						className: "truncate",
-						children: s
-					}),
-					S
-				]
-			}),
-			!!p && /* @__PURE__ */ d("div", {
-				className: "ml-1 flex items-center gap-1",
-				children: p
-			})
-		]
-	});
-}
-U.displayName = "AiAgent";
-//#endregion
-//#region src/components/composed/ai/ai-confirmation/types.ts
-var W = {
-	approve: "Approve",
-	reject: "Reject",
-	pending: "Awaiting your approval",
-	approved: "Approved",
-	rejected: "Rejected"
-}, me = {
-	neutral: {
-		ring: "border-border/60 bg-card",
-		icon: "muted"
-	},
-	destructive: {
-		ring: "border-destructive/40 bg-destructive/5",
-		icon: "destructive"
-	},
-	warning: {
-		ring: "border-warning/40 bg-warning/5",
-		icon: "warning"
-	},
-	info: {
-		ring: "border-info/40 bg-info/5",
-		icon: "info"
-	},
-	primary: {
-		ring: "border-primary/40 bg-primary/5",
-		icon: "primary"
-	}
-};
-function G({ title: e, description: a, icon: s, tone: c = "neutral", status: l = "pending", onApprove: p, onReject: m, approveLabel: h, rejectLabel: g, details: _, className: y, strings: b }) {
-	let x = t(W, b), S = s ?? re, C = me[c];
-	return /* @__PURE__ */ f("div", {
-		role: "region",
-		"aria-live": "polite",
-		className: n("ai-confirmation--component", "rounded-lg border px-3 py-2.5", C.ring, y),
-		children: [/* @__PURE__ */ f("div", {
-			className: "flex items-start gap-3",
-			children: [/* @__PURE__ */ d(i, {
-				icon: S,
-				tone: C.icon,
-				size: "sm",
-				shape: "square"
-			}), /* @__PURE__ */ f("div", {
-				className: "min-w-0 flex-1",
-				children: [
-					/* @__PURE__ */ d(r, {
-						weight: "semibold",
-						children: e
-					}),
-					!!a && /* @__PURE__ */ d(r, {
-						size: "xs",
-						type: "secondary",
-						className: "mt-1",
-						children: a
-					}),
-					!!_ && /* @__PURE__ */ d("div", {
-						className: "mt-2",
-						children: _
-					})
-				]
-			})]
-		}), l === "pending" ? /* @__PURE__ */ f("div", {
-			className: "mt-3 flex items-center justify-between gap-2 border-t border-border/60 pt-2.5",
-			children: [/* @__PURE__ */ d(r, {
-				size: "xxs",
-				type: "secondary",
-				children: x.pending
-			}), /* @__PURE__ */ f("div", {
-				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ f(o, {
-					type: "button",
-					variant: "secondary",
-					buttonStyle: "ghost",
-					onClick: m,
-					children: [/* @__PURE__ */ d(A, { className: "size-3.5" }), g ?? x.reject]
-				}), /* @__PURE__ */ f(o, {
-					type: "button",
-					variant: c === "destructive" ? "error" : "primary",
-					onClick: p,
-					children: [/* @__PURE__ */ d(v, { className: "size-3.5" }), h ?? x.approve]
-				})]
-			})]
-		}) : /* @__PURE__ */ d("div", {
-			className: "mt-3 flex items-center gap-2 border-t border-border/60 pt-2.5",
-			children: l === "approved" ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(v, { className: "size-3.5 text-success" }), /* @__PURE__ */ d(r, {
-				size: "xs",
-				type: "success",
-				weight: "medium",
-				children: x.approved
-			})] }) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(A, { className: "size-3.5 text-muted-foreground" }), /* @__PURE__ */ d(r, {
-				size: "xs",
-				type: "secondary",
-				weight: "medium",
-				children: x.rejected
-			})] })
-		})]
-	});
-}
-G.displayName = "AiConfirmation";
-//#endregion
-//#region src/components/composed/ai/ai-sources/types.ts
-var K = {
-	title: "{{count}} sources",
-	expand: "Show all sources",
-	collapse: "Hide sources",
-	visit: "Visit source"
-};
-//#endregion
-//#region src/components/composed/ai/ai-sources/ai-sources.tsx
-function he(e, t) {
-	return e.replace(/\{\{\s*(\w+)\s*\}\}/g, (e, n) => {
-		let r = t[n];
-		return r === void 0 ? e : String(r);
-	});
-}
-function q({ sources: t, variant: i = "list", maxAvatars: a = 5, defaultExpanded: s = !1, onSelect: c, className: u, strings: p }) {
-	let m = e(K, p), [h, g] = l(s), _ = he(m.title, { count: t.length });
-	if (i === "avatars") return /* @__PURE__ */ d(ge, {
-		sources: t,
-		max: a,
-		title: _,
-		onSelect: c,
-		className: n("ai-sources--component", u)
-	});
-	let v = h ? t : t.slice(0, 0);
-	return /* @__PURE__ */ f("div", {
-		className: n("ai-sources--component rounded-lg border border-border/60 bg-card", u),
-		children: [/* @__PURE__ */ f(o, {
-			type: "button",
-			variant: "secondary",
-			buttonStyle: "ghost",
-			size: "sm",
-			onClick: () => g((e) => !e),
-			"aria-expanded": h,
-			"aria-label": h ? m.collapse : m.expand,
-			className: n("ai-sources--trigger h-auto w-full justify-start gap-2 px-3 py-2 text-left", "rounded-lg hover:bg-muted/40"),
-			children: [
-				/* @__PURE__ */ d(J, { sources: t.slice(0, 4) }),
-				/* @__PURE__ */ d(r, {
-					size: "xs",
-					weight: "medium",
-					className: "flex-1",
-					children: _
-				}),
-				d(h ? y : b, { className: "size-3.5 text-muted-foreground" })
-			]
-		}), h && /* @__PURE__ */ d("ol", {
-			className: "border-t border-border/60 px-2 py-2 space-y-0.5",
-			children: v.map((e, t) => /* @__PURE__ */ d(ve, {
-				source: e,
-				index: t + 1,
-				onSelect: c ? () => c(e, t) : void 0,
-				visitLabel: m.visit
-			}, e.id))
-		})]
-	});
-}
-q.displayName = "AiSources";
-function ge({ sources: e, max: t, title: i, onSelect: a, className: o }) {
-	let s = e.slice(0, t), c = e.length - s.length;
-	return /* @__PURE__ */ f("div", {
-		className: n("inline-flex items-center gap-2", o),
-		children: [
-			/* @__PURE__ */ d(J, {
-				sources: s,
-				onSelect: a
-			}),
-			/* @__PURE__ */ d(r, {
-				size: "xs",
-				type: "secondary",
-				children: i
-			}),
-			c > 0 && /* @__PURE__ */ f(r, {
-				size: "xxs",
-				type: "discrete",
-				className: "tabular-nums",
-				children: ["+", c]
-			})
-		]
-	});
-}
-function J({ sources: e, onSelect: t }) {
-	return /* @__PURE__ */ d("div", {
-		className: "flex -space-x-1.5",
-		children: e.map((e, n) => {
-			let r = /* @__PURE__ */ d("span", {
-				"aria-hidden": !0,
-				title: typeof e.title == "string" ? e.title : void 0,
-				className: "inline-flex size-5 items-center justify-center overflow-hidden rounded-full border border-card bg-muted text-muted-foreground ring-1 ring-border/60",
-				children: /* @__PURE__ */ d(_e, { src: e.faviconUrl })
-			}, e.id);
-			return t ? /* @__PURE__ */ d(o, {
-				type: "button",
-				variant: "secondary",
-				buttonStyle: "ghost",
-				size: "icon-xs",
-				onClick: () => t(e, n),
-				className: "size-5 rounded-full p-0",
-				children: r
-			}, e.id) : r;
-		})
-	});
-}
-function _e({ src: e }) {
-	let [t, n] = l(!1);
-	return s(() => {
-		n(!1);
-	}, [e]), !e || t ? /* @__PURE__ */ d(O, { className: "size-3" }) : /* @__PURE__ */ d("img", {
-		src: e,
-		alt: "",
-		className: "size-full object-cover",
-		onError: () => n(!0)
-	});
-}
-function ve({ source: e, index: t, onSelect: i, visitLabel: a }) {
-	return /* @__PURE__ */ d("li", { children: /* @__PURE__ */ f(e.url && !i ? "a" : i ? "button" : "span", {
-		...e.url && !i ? {
-			href: e.url,
-			target: "_blank",
-			rel: "noopener noreferrer"
-		} : i ? {
-			type: "button",
-			onClick: i
-		} : {},
-		className: n("group flex w-full items-start gap-2.5 rounded-md px-2 py-1.5 text-left", (e.url || i) && "hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40"),
-		"aria-label": e.url ? a : void 0,
-		children: [/* @__PURE__ */ d("span", {
-			className: "inline-flex size-5 shrink-0 items-center justify-center rounded-full bg-muted text-xxs font-semibold text-muted-foreground tabular-nums",
-			children: t
-		}), /* @__PURE__ */ f("div", {
-			className: "min-w-0 flex-1",
-			children: [
-				/* @__PURE__ */ f(r, {
-					weight: "medium",
-					className: "truncate",
-					children: [e.title, !!e.url && /* @__PURE__ */ d(T, { className: "ml-1 inline size-3 text-muted-foreground/70 align-baseline" })]
-				}),
-				!!e.publisher && /* @__PURE__ */ d(r, {
-					size: "xxs",
-					type: "secondary",
-					className: "truncate",
-					children: e.publisher
-				}),
-				!!e.snippet && /* @__PURE__ */ d(r, {
-					size: "xs",
-					type: "secondary",
-					className: "mt-1 line-clamp-2",
-					children: e.snippet
-				})
-			]
-		})]
-	}) });
-}
-//#endregion
-//#region src/components/composed/ai/ai-reasoning/types.ts
-var Y = {
-	thinking: "Thinking…",
-	thoughtFor: "Thought for {{seconds}}s",
-	thoughtDone: "Reasoning complete",
-	expandAria: "Expand reasoning",
-	collapseAria: "Collapse reasoning"
-};
-//#endregion
-//#region src/components/composed/ai/ai-reasoning/ai-reasoning.tsx
-function ye(e, t) {
-	return e.replace(/\{\{\s*(\w+)\s*\}\}/g, (e, n) => {
-		let r = t[n];
-		return r === void 0 ? e : String(r);
-	});
-}
-function X({ children: e, streaming: i = !1, durationSeconds: a, expandWhileStreaming: c = !0, defaultExpanded: u = !1, expanded: p, onExpandedChange: m, className: h, strings: g }) {
-	let v = t(Y, g), [x, S] = l(u), C = p ?? x, w = (e) => {
-		p === void 0 && S(e), m?.(e);
-	};
-	s(() => {
-		i && c && !C && w(!0), !i && c && C && !u && p === void 0 && w(!1);
-	}, [i]);
-	let T = i ? /* @__PURE__ */ d(L, { children: v.thinking }) : a === void 0 ? /* @__PURE__ */ d(r, {
-		weight: "medium",
-		children: v.thoughtDone
-	}) : /* @__PURE__ */ d(r, {
-		weight: "medium",
-		children: ye(v.thoughtFor, { seconds: a.toFixed(1) })
-	});
-	return /* @__PURE__ */ f("div", {
-		className: n("ai-reasoning--component", "overflow-hidden rounded-lg border border-border/60 bg-muted/20", h),
-		children: [/* @__PURE__ */ f(o, {
-			type: "button",
-			variant: "secondary",
-			buttonStyle: "ghost",
-			size: "sm",
-			onClick: () => w(!C),
-			"aria-expanded": C,
-			"aria-label": C ? v.collapseAria : v.expandAria,
-			className: n("ai-reasoning--trigger h-auto w-full justify-start gap-2 rounded-none px-3 py-2 text-left", "hover:bg-muted/30"),
-			children: [
-				/* @__PURE__ */ d(_, { className: "size-3.5 text-muted-foreground" }),
-				/* @__PURE__ */ d("div", {
-					className: "flex-1",
-					children: T
-				}),
-				d(C ? y : b, { className: "size-3.5 text-muted-foreground" })
-			]
-		}), C && /* @__PURE__ */ d("div", {
-			className: "border-t border-border/60 px-3 py-2.5",
-			children: typeof e == "string" ? /* @__PURE__ */ d(r, {
-				type: "secondary",
-				lineHeight: "relaxed",
-				className: "whitespace-pre-wrap",
-				children: e
-			}) : /* @__PURE__ */ d("div", {
-				className: "whitespace-pre-wrap",
-				children: e
-			})
-		})]
-	});
-}
-X.displayName = "AiReasoning";
-//#endregion
-//#region src/components/composed/ai/ai-chain-of-thought/types.ts
-var Z = {
-	title: "Reasoning",
-	streamingHint: "Working through the steps…"
-}, be = {
-	pending: {
-		icon: x,
-		iconCls: "text-muted-foreground/60",
-		ring: "border-border/60 bg-card"
-	},
-	active: {
-		icon: k,
-		iconCls: "text-primary",
-		ring: "border-primary/40 bg-primary/5",
-		spin: !0
-	},
-	completed: {
-		icon: v,
-		iconCls: "text-success-foreground",
-		ring: "border-success/40 bg-success"
-	},
-	failed: {
-		icon: p,
-		iconCls: "text-destructive-foreground",
-		ring: "border-destructive/40 bg-destructive"
-	}
-};
-function xe({ steps: e, hideHeader: i = !1, streaming: a = !1, className: o, strings: s }) {
-	let c = t(Z, s);
-	return /* @__PURE__ */ f("div", {
-		className: n("ai-chain-of-thought--component", "rounded-lg border border-border/60 bg-card", o),
-		children: [!i && /* @__PURE__ */ f("div", {
-			className: "flex items-center gap-2 border-b border-border/60 px-3 py-2",
-			children: [/* @__PURE__ */ d(r, {
-				size: "xs",
-				type: "secondary",
-				weight: "medium",
-				className: "uppercase tracking-wider",
-				children: c.title
-			}), a && /* @__PURE__ */ d(L, {
-				className: "ml-auto !text-xs",
-				children: c.streamingHint
-			})]
-		}), /* @__PURE__ */ d("ol", {
-			className: "relative px-3 py-3",
-			children: e.map((t, i) => {
-				let a = t.status ?? "pending", o = be[a], s = t.icon ?? o.icon;
-				return /* @__PURE__ */ f("li", {
-					className: "relative flex gap-3 pb-3 last:pb-0",
-					children: [
-						i !== e.length - 1 && /* @__PURE__ */ d("span", {
-							"aria-hidden": !0,
-							className: "absolute left-[11px] top-[26px] h-[calc(100%-26px)] w-px bg-border/60"
-						}),
-						/* @__PURE__ */ d("span", {
-							"aria-hidden": !0,
-							className: n("relative z-[1] mt-0.5 inline-flex size-[22px] shrink-0 items-center justify-center rounded-full border", o.ring),
-							children: /* @__PURE__ */ d(s, { className: n("size-3", o.iconCls, o.spin && "animate-spin") })
-						}),
-						/* @__PURE__ */ f("div", {
-							className: "min-w-0 flex-1",
-							children: [
-								/* @__PURE__ */ d(r, {
-									weight: a === "active" ? "semibold" : "medium",
-									className: n(a === "pending" && "text-muted-foreground"),
-									children: t.title
-								}),
-								!!t.description && /* @__PURE__ */ d(r, {
-									size: "xs",
-									type: "secondary",
-									className: "mt-0.5",
-									children: t.description
-								}),
-								!!t.body && /* @__PURE__ */ d("div", {
-									className: "mt-2",
-									children: t.body
-								})
-							]
-						})
-					]
-				}, t.id);
-			})
-		})]
-	});
-}
-xe.displayName = "AiChainOfThought";
-//#endregion
-//#region src/components/composed/ai/ai-task/types.ts
-var Q = {
-	statusLabels: {
-		queued: "Queued",
-		running: "Running",
-		completed: "Done",
-		failed: "Failed",
-		cancelled: "Cancelled",
-		skipped: "Skipped"
-	},
-	collapseSubtasks: "Collapse subtasks",
-	expandSubtasks: "Expand subtasks"
-}, Se = {
-	queued: {
-		icon: x,
-		cls: "text-muted-foreground/60"
-	},
-	running: {
-		icon: k,
-		cls: "text-primary",
-		spin: !0
-	},
-	completed: {
-		icon: v,
-		cls: "text-success"
-	},
-	failed: {
-		icon: p,
-		cls: "text-destructive"
-	},
-	cancelled: {
-		icon: se,
-		cls: "text-muted-foreground"
-	},
-	skipped: {
-		icon: te,
-		cls: "text-muted-foreground"
-	}
-}, Ce = {
-	queued: "secondary",
-	running: "primary",
-	completed: "success",
-	failed: "error",
-	cancelled: "secondary",
-	skipped: "secondary"
-};
-function we({ task: e, density: r = "compact", indent: i = 18, className: a, strings: o }) {
-	let s = t(Q, o);
-	return /* @__PURE__ */ d("div", {
-		className: n("ai-task--component", "rounded-lg border border-border/60 bg-card", a),
-		children: /* @__PURE__ */ d(Te, {
-			item: e,
-			depth: 0,
-			density: r,
-			indent: i,
-			strings: s
-		})
-	});
-}
-we.displayName = "AiTask";
-function Te({ item: e, depth: t, density: i, indent: s, strings: c }) {
-	let p = e.status ?? "queued", m = Se[p], h = e.icon ?? m.icon, g = !!e.children?.length, [_, v] = l(i === "expanded" || t === 0);
-	return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f("div", {
-		className: n("flex items-start gap-2 px-3 py-2", t > 0 && "border-t border-border/60"),
-		style: { paddingLeft: 12 + t * s },
-		children: [
-			g ? /* @__PURE__ */ d(o, {
-				type: "button",
-				variant: "secondary",
-				buttonStyle: "ghost",
-				size: "icon-xs",
-				onClick: () => v((e) => !e),
-				"aria-expanded": _,
-				"aria-label": _ ? c.collapseSubtasks : c.expandSubtasks,
-				className: "-ml-1 mt-0.5 size-4 rounded p-0 text-muted-foreground hover:text-foreground",
-				children: d(_ ? y : b, { className: "size-3.5" })
-			}) : /* @__PURE__ */ d("span", {
-				"aria-hidden": !0,
-				className: "mt-0.5 size-4"
-			}),
-			/* @__PURE__ */ d(h, { className: n("mt-[3px] size-3.5 shrink-0", m.cls, m.spin && "animate-spin") }),
-			/* @__PURE__ */ f("div", {
-				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ f("div", {
-					className: "flex items-center gap-2",
-					children: [
-						/* @__PURE__ */ d(r, {
-							weight: p === "running" ? "semibold" : "medium",
-							className: n("flex-1 truncate", p === "queued" && "text-muted-foreground", p === "cancelled" && "line-through text-muted-foreground", p === "skipped" && "text-muted-foreground/70"),
-							children: e.title
-						}),
-						/* @__PURE__ */ d(a, {
-							variant: Ce[p],
-							children: c.statusLabels[p]
-						}),
-						!!e.rightSlot && /* @__PURE__ */ d(r, {
-							tag: "span",
-							size: "xxs",
-							type: "secondary",
-							className: "tabular-nums",
-							children: e.rightSlot
-						})
-					]
-				}), !!e.body && /* @__PURE__ */ d("div", {
-					className: "mt-2",
-					children: e.body
-				})]
-			})
-		]
-	}), g && _ && /* @__PURE__ */ d("div", { children: e.children.map((e) => /* @__PURE__ */ d(Te, {
-		item: e,
-		depth: t + 1,
-		density: i,
-		indent: s,
-		strings: c
-	}, e.id)) })] });
-}
-//#endregion
-//#region src/components/composed/ai/ai-artifact/types.ts
-var Ee = {
-	openAria: "Open artifact",
-	copy: "Copy",
-	copied: "Copied",
-	copyAria: "Copy artifact",
-	downloadAria: "Download artifact",
-	expandAria: "Expand artifact"
-};
-//#endregion
-//#region src/components/composed/ai/ai-artifact/ai-artifact.tsx
-function $({ title: e, subtitle: a, icon: s, copyText: c, children: u, collapsed: p = !1, onOpen: m, actions: h, onDownload: g, className: _, strings: y }) {
-	let b = t(Ee, y), x = s ?? D, [S, E] = l(!1);
-	return /* @__PURE__ */ f("div", {
-		className: n("ai-artifact--component", "overflow-hidden rounded-lg border border-border/60 bg-card", _),
-		children: [/* @__PURE__ */ f("div", {
-			className: "flex items-center gap-3 border-b border-border/60 bg-muted/20 px-3 py-2",
-			children: [
-				/* @__PURE__ */ d(i, {
-					icon: x,
-					tone: "muted",
-					size: "sm",
-					shape: "square"
-				}),
-				/* @__PURE__ */ f("div", {
-					className: "min-w-0 flex-1",
-					children: [/* @__PURE__ */ d(r, {
-						weight: "semibold",
-						className: "truncate",
-						children: e
-					}), !!a && /* @__PURE__ */ d(r, {
-						size: "xxs",
-						type: "secondary",
-						className: "truncate",
-						children: a
-					})]
-				}),
-				/* @__PURE__ */ f("div", {
-					className: "flex items-center gap-1",
-					children: [
-						h?.map((e) => {
-							let t = e.icon;
-							return /* @__PURE__ */ f(o, {
-								type: "button",
-								variant: "secondary",
-								buttonStyle: "ghost",
-								onClick: e.onSelect,
-								children: [!!t && /* @__PURE__ */ d(t, { className: "size-3.5" }), e.label]
-							}, e.id);
-						}),
-						!!c && /* @__PURE__ */ d(o, {
-							type: "button",
-							variant: "secondary",
-							buttonStyle: "ghost",
-							size: "icon-xs",
-							"aria-label": b.copyAria,
-							onClick: () => {
-								c && (typeof navigator < "u" && navigator.clipboard && navigator.clipboard.writeText(c), E(!0), window.setTimeout(() => E(!1), 1500));
-							},
-							children: S ? /* @__PURE__ */ d(v, { className: "size-3.5 text-success" }) : /* @__PURE__ */ d(C, { className: "size-3.5" })
-						}),
-						!!g && /* @__PURE__ */ d(o, {
-							type: "button",
-							variant: "secondary",
-							buttonStyle: "ghost",
-							size: "icon-xs",
-							"aria-label": b.downloadAria,
-							onClick: g,
-							children: /* @__PURE__ */ d(w, { className: "size-3.5" })
-						}),
-						!!m && /* @__PURE__ */ d(o, {
-							type: "button",
-							variant: "secondary",
-							buttonStyle: "ghost",
-							size: "icon-xs",
-							"aria-label": b.openAria,
-							onClick: m,
-							children: /* @__PURE__ */ d(T, { className: "size-3.5" })
-						})
-					]
-				})
-			]
-		}), !p && !!u && /* @__PURE__ */ d("div", {
-			className: "bg-card",
-			children: u
-		})]
-	});
-}
-$.displayName = "AiArtifact";
-//#endregion
-export { j as C, M as S, z as _, xe as a, F as b, Y as c, G as d, W as f, B as g, V as h, Q as i, q as l, H as m, Ee as n, Z as o, U as p, we as r, X as s, $ as t, K as u, R as v, N as x, L as y };
-
-//# sourceMappingURL=ai-artifact-DdlK_l56.js.map