admin-ui-starter-kit 0.1.4 → 0.4.2

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

@@ -0,0 +1,1099 @@
+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