admin-ui-starter-kit 0.1.2 → 0.1.4

package/dist/_shared/ai-artifact--MqIfP-8.js

@@ -0,0 +1,1068 @@
+import { mergeStrings as e, useStrings as t } from "../lib/strings.js";
+import { cn as n } from "../lib/utils.js";
+import { t as r } from "./text-qsEg5GdP.js";
+import { t as i } from "./icon-badge-zTBVtgt9.js";
+import { t as a } from "./badge-BK5VvEgg.js";
+import { t as o } from "./button-cnkCF8q8.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: o, icon: s = oe, args: c, result: u, error: p, durationMs: m, defaultExpanded: h = !1, className: g, strings: _ }) {
+	let v = t(N, _), [x, S] = l(h), C = {
+		pending: v.pending,
+		running: v.running,
+		success: v.success,
+		error: v.error
+	}, w = P[o].icon, T = !!(c || u || p);
+	return /* @__PURE__ */ f("div", {
+		className: n("ai-tool-call--component", "overflow-hidden rounded-lg border border-border/60 bg-card", o === "error" && "border-destructive/40 bg-destructive/5", g),
+		children: [/* @__PURE__ */ f("button", {
+			type: "button",
+			onClick: () => T && S((e) => !e),
+			className: n("flex w-full items-center gap-2 px-3 py-2 text-left", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40", T ? "cursor-pointer hover:bg-muted/40" : "cursor-default"),
+			"aria-expanded": T ? x : void 0,
+			"aria-label": T ? x ? v.collapse : v.expand : void 0,
+			children: [
+				/* @__PURE__ */ d(i, {
+					icon: s,
+					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[o].variant,
+					className: "gap-1",
+					children: [!!w && /* @__PURE__ */ d(w, { className: n("size-3", o === "running" && "animate-spin") }), C[o]]
+				}),
+				!!m && /* @__PURE__ */ f(r, {
+					size: "xxs",
+					type: "secondary",
+					className: "tabular-nums",
+					children: [
+						v.durationLabel,
+						" ",
+						ue(m)
+					]
+				}),
+				T && d(x ? y : b, { className: "size-3.5 text-muted-foreground" })
+			]
+		}), !!x && T && /* @__PURE__ */ f("div", {
+			className: "border-t border-border/60 bg-muted/20 px-3 py-2 space-y-2",
+			children: [!!c && /* @__PURE__ */ d(I, {
+				label: v.args,
+				children: c
+			}), o === "error" && p ? /* @__PURE__ */ d(I, {
+				label: v.error,
+				tone: "error",
+				children: p
+			}) : !!u && /* @__PURE__ */ d(I, {
+				label: v.result,
+				children: u
+			})]
+		})]
+	});
+}
+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", {
+			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",
+			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("button", {
+			type: "button",
+			onClick: h,
+			"aria-label": y.openAria,
+			className: n("flex min-w-0 flex-1 items-center gap-2.5 text-left", "rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40"),
+			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: o = !1, onSelect: s, className: c, strings: u }) {
+	let p = e(K, u), [m, h] = l(o), g = he(p.title, { count: t.length });
+	if (i === "avatars") return /* @__PURE__ */ d(ge, {
+		sources: t,
+		max: a,
+		title: g,
+		onSelect: s,
+		className: n("ai-sources--component", c)
+	});
+	let _ = m ? t : t.slice(0, 0);
+	return /* @__PURE__ */ f("div", {
+		className: n("rounded-lg border border-border/60 bg-card", c),
+		children: [/* @__PURE__ */ f("button", {
+			type: "button",
+			onClick: () => h((e) => !e),
+			"aria-expanded": m,
+			"aria-label": m ? p.collapse : p.expand,
+			className: n("flex w-full items-center gap-2 px-3 py-2 text-left", "rounded-lg hover:bg-muted/40", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40"),
+			children: [
+				/* @__PURE__ */ d(J, { sources: t.slice(0, 4) }),
+				/* @__PURE__ */ d(r, {
+					size: "xs",
+					weight: "medium",
+					className: "flex-1",
+					children: g
+				}),
+				d(m ? y : b, { className: "size-3.5 text-muted-foreground" })
+			]
+		}), m && /* @__PURE__ */ d("ol", {
+			className: "border-t border-border/60 px-2 py-2 space-y-0.5",
+			children: _.map((e, t) => /* @__PURE__ */ d(_e, {
+				source: e,
+				index: t + 1,
+				onSelect: s ? () => s(e, t) : void 0,
+				visitLabel: p.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: e.faviconUrl ? /* @__PURE__ */ d("img", {
+					src: e.faviconUrl,
+					alt: "",
+					className: "size-full object-cover"
+				}) : /* @__PURE__ */ d(O, { className: "size-3" })
+			}, e.id);
+			return t ? /* @__PURE__ */ d("button", {
+				type: "button",
+				onClick: () => t(e, n),
+				className: "rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
+				children: r
+			}, e.id) : r;
+		})
+	});
+}
+function _e({ 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 ve(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: o = !0, defaultExpanded: c = !1, expanded: u, onExpandedChange: p, className: m, strings: h }) {
+	let g = t(Y, h), [v, x] = l(c), S = u ?? v, C = (e) => {
+		u === void 0 && x(e), p?.(e);
+	};
+	s(() => {
+		i && o && !S && C(!0), !i && o && S && !c && u === void 0 && C(!1);
+	}, [i]);
+	let w = i ? /* @__PURE__ */ d(L, { children: g.thinking }) : a === void 0 ? /* @__PURE__ */ d(r, {
+		weight: "medium",
+		children: g.thoughtDone
+	}) : /* @__PURE__ */ d(r, {
+		weight: "medium",
+		children: ve(g.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", m),
+		children: [/* @__PURE__ */ f("button", {
+			type: "button",
+			onClick: () => C(!S),
+			"aria-expanded": S,
+			"aria-label": S ? g.collapseAria : g.expandAria,
+			className: n("flex w-full items-center gap-2 px-3 py-2 text-left", "hover:bg-muted/30", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40"),
+			children: [
+				/* @__PURE__ */ d(_, { className: "size-3.5 text-muted-foreground" }),
+				/* @__PURE__ */ d("div", {
+					className: "flex-1",
+					children: w
+				}),
+				d(S ? y : b, { className: "size-3.5 text-muted-foreground" })
+			]
+		}), S && /* @__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…"
+}, ye = {
+	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 Q({ 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 = ye[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);
+			})
+		})]
+	});
+}
+Q.displayName = "AiChainOfThought";
+//#endregion
+//#region src/components/composed/ai/ai-task/types.ts
+var be = { statusLabels: {
+	queued: "Queued",
+	running: "Running",
+	completed: "Done",
+	failed: "Failed",
+	cancelled: "Cancelled",
+	skipped: "Skipped"
+} }, xe = {
+	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"
+	}
+}, Se = {
+	queued: "secondary",
+	running: "primary",
+	completed: "success",
+	failed: "error",
+	cancelled: "secondary",
+	skipped: "secondary"
+};
+function Ce({ task: e, density: r = "compact", indent: i = 18, className: a, strings: o }) {
+	let s = t(be, o);
+	return /* @__PURE__ */ d("div", {
+		className: n("ai-task--component", "rounded-lg border border-border/60 bg-card", a),
+		children: /* @__PURE__ */ d(we, {
+			item: e,
+			depth: 0,
+			density: r,
+			indent: i,
+			strings: s
+		})
+	});
+}
+Ce.displayName = "AiTask";
+function we({ item: e, depth: t, density: i, indent: o, strings: s }) {
+	let c = e.status ?? "queued", p = xe[c], m = e.icon ?? p.icon, h = !!e.children?.length, [g, _] = 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 * o },
+		children: [
+			h ? /* @__PURE__ */ d("button", {
+				type: "button",
+				onClick: () => _((e) => !e),
+				"aria-expanded": g,
+				"aria-label": g ? "Collapse subtasks" : "Expand subtasks",
+				className: "-ml-1 mt-0.5 flex size-4 items-center justify-center rounded text-muted-foreground hover:text-foreground",
+				children: d(g ? y : b, { className: "size-3.5" })
+			}) : /* @__PURE__ */ d("span", {
+				"aria-hidden": !0,
+				className: "mt-0.5 size-4"
+			}),
+			/* @__PURE__ */ d(m, { className: n("mt-[3px] size-3.5 shrink-0", p.cls, p.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: c === "running" ? "semibold" : "medium",
+							className: n("flex-1 truncate", c === "queued" && "text-muted-foreground", c === "cancelled" && "line-through text-muted-foreground", c === "skipped" && "text-muted-foreground/70"),
+							children: e.title
+						}),
+						/* @__PURE__ */ d(a, {
+							variant: Se[c],
+							children: s.statusLabels[c]
+						}),
+						!!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
+				})]
+			})
+		]
+	}), h && g && /* @__PURE__ */ d("div", { children: e.children.map((e) => /* @__PURE__ */ d(we, {
+		item: e,
+		depth: t + 1,
+		density: i,
+		indent: o,
+		strings: s
+	}, e.id)) })] });
+}
+//#endregion
+//#region src/components/composed/ai/ai-artifact/types.ts
+var Te = {
+	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(Te, 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 _, Q as a, F as b, Y as c, G as d, W as f, B as g, V as h, be as i, q as l, H as m, Te as n, Z as o, U as p, Ce as r, X as s, $ as t, K as u, R as v, N as x, L as y };
+
+//# sourceMappingURL=ai-artifact--MqIfP-8.js.map