admin-ui-starter-kit 0.1.0

package/dist/components/composed/ai/index.js

@@ -0,0 +1,959 @@
+import { mergeStrings as e, useStrings as t } from "../../../lib/strings.js";
+import { cn as n } from "../../../lib/utils.js";
+import { t as r } from "../../../_shared/text-DIxMTECE.js";
+import { t as i } from "../../../_shared/icon-badge-DoClA_9q.js";
+import { t as a } from "../../../_shared/badge-BbUN6W7E.js";
+import { t as o } from "../../../_shared/button-Ck2qS42n.js";
+import { t as s } from "../../../_shared/smart-card-hJ01usWt.js";
+import { t as c } from "../../../_shared/separator-BazqiQ9s.js";
+import { t as l } from "../../../_shared/textarea-DeISZfHw.js";
+import { i as u } from "../../../_shared/display-DUpkE2aS.js";
+import { a as d, c as f, i as p, n as m, o as h, r as g, t as _, u as v } from "../../../_shared/item-BmTYKzEb.js";
+import { C as ee, S as te, _ as y, a as ne, b as re, c as ie, d as ae, f as oe, g as b, h as se, i as ce, l as le, m as ue, n as de, o as fe, p as pe, r as me, s as he, t as ge, u as _e, v as ve, x as ye, y as be } from "../../../_shared/ai-artifact-DMjQv_Si.js";
+import { useState as x } from "react";
+import { Fragment as xe, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { BrainCircuit as w, ChevronDown as T, ChevronRight as E, Code2 as D, Cpu as O, ExternalLink as k, File as A, FileCode as j, FileText as M, Folder as Se, FolderOpen as Ce, Globe as we, Package as N, Quote as Te, RefreshCw as Ee, Sparkles as P, ThumbsDown as De, ThumbsUp as F } from "lucide-react";
+//#region src/components/composed/ai/ai.strings.ts
+var Oe = {
+	title: "AI Summary",
+	badgeLabel: "AI",
+	regenerate: "Regenerate",
+	confidenceLevels: {
+		low: "low",
+		medium: "medium",
+		high: "high"
+	}
+}, ke = {
+	title: "Classification",
+	complexityLabel: "Complexity",
+	flagsLabel: "Flags",
+	nextStepLabel: "Next Step",
+	confidencePrefix: "Confidence",
+	confidenceBands: {
+		low: "Low",
+		medium: "Medium",
+		high: "High"
+	}
+}, Ae = {
+	low: 1,
+	medium: 2,
+	high: 3
+};
+function je({ level: e, label: t }) {
+	let i = Ae[e];
+	return /* @__PURE__ */ C("div", {
+		className: n("ai-summary--component", "flex items-center gap-1.5"),
+		children: [/* @__PURE__ */ S("div", {
+			className: "flex items-center gap-0.5",
+			children: Array.from({ length: 3 }, (e, t) => /* @__PURE__ */ S("div", { className: n("h-2.5 w-1 rounded-sm", t < i ? "bg-foreground/60" : "bg-muted-foreground/20") }, `bar-${String(t)}`))
+		}), /* @__PURE__ */ S(r, {
+			size: "xs",
+			type: "secondary",
+			tag: "span",
+			className: "capitalize",
+			children: t
+		})]
+	});
+}
+function Me({ data: e, strings: n }) {
+	let i = t(Oe, n);
+	return /* @__PURE__ */ S(s, {
+		title: /* @__PURE__ */ C("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ S(w, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ S(r, {
+				tag: "span",
+				children: i.title
+			})]
+		}),
+		titleSuffix: /* @__PURE__ */ S(a, {
+			variant: "secondary",
+			children: i.badgeLabel
+		}),
+		footerText: /* @__PURE__ */ C("div", {
+			className: "flex w-full items-center justify-between",
+			children: [/* @__PURE__ */ C("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ S(r, {
+					size: "xs",
+					type: "secondary",
+					tag: "span",
+					children: e.generatedAt
+				}), /* @__PURE__ */ S(r, {
+					size: "xs",
+					type: "discrete",
+					tag: "span",
+					children: e.model
+				})]
+			}), !!e.onRegenerate && /* @__PURE__ */ C(o, {
+				variant: "secondary",
+				buttonStyle: "ghost",
+				onClick: e.onRegenerate,
+				children: [/* @__PURE__ */ S(Ee, { className: "mr-1 h-3 w-3" }), i.regenerate]
+			})]
+		}),
+		children: /* @__PURE__ */ C("div", {
+			className: "space-y-3",
+			children: [
+				/* @__PURE__ */ S(r, {
+					lineHeight: "relaxed",
+					children: e.summary
+				}),
+				e.entities.length > 0 && /* @__PURE__ */ S("div", {
+					className: "flex flex-wrap gap-1.5",
+					children: e.entities.map((e) => /* @__PURE__ */ S(a, {
+						variant: "secondary",
+						children: e
+					}, e))
+				}),
+				/* @__PURE__ */ S(je, {
+					level: e.confidence,
+					label: i.confidenceLevels[e.confidence]
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/composed/ai/ai-classification/ai-classification.tsx
+function Ne({ data: e, strings: i }) {
+	let o = t(ke, i), l = e.confidence >= .9 ? o.confidenceBands.high : e.confidence >= .7 ? o.confidenceBands.medium : o.confidenceBands.low;
+	return /* @__PURE__ */ S(s, {
+		title: /* @__PURE__ */ C("div", {
+			className: n("ai-classification--component", "flex items-center gap-2"),
+			children: [/* @__PURE__ */ S(w, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ S(r, {
+				tag: "span",
+				children: o.title
+			})]
+		}),
+		children: /* @__PURE__ */ C("div", {
+			className: "space-y-3",
+			children: [
+				/* @__PURE__ */ C("div", {
+					className: "flex flex-wrap items-center gap-1.5",
+					children: [
+						/* @__PURE__ */ S(a, {
+							variant: "primary",
+							children: e.requestType
+						}),
+						/* @__PURE__ */ S(a, {
+							variant: e.urgencyVariant,
+							children: e.urgency
+						}),
+						/* @__PURE__ */ S(a, {
+							variant: e.toneVariant,
+							dot: !0,
+							children: e.tone
+						})
+					]
+				}),
+				/* @__PURE__ */ S(u, {
+					label: o.complexityLabel,
+					labelClassName: "text-xs",
+					value: /* @__PURE__ */ C("span", {
+						className: "flex items-center gap-1",
+						children: [Array.from({ length: 5 }, (t, r) => /* @__PURE__ */ S("span", { className: n("h-1.5 w-3 rounded-sm", r < e.complexityScore ? "bg-foreground/60" : "bg-muted") }, `cx-${String(r)}`)), /* @__PURE__ */ C(r, {
+							tag: "span",
+							size: "xs",
+							type: "secondary",
+							className: "ml-1",
+							children: [String(e.complexityScore), "/5"]
+						})]
+					})
+				}),
+				e.flags.length > 0 && /* @__PURE__ */ S(u, {
+					label: o.flagsLabel,
+					labelClassName: "text-xs",
+					value: /* @__PURE__ */ S("span", {
+						className: "flex gap-1",
+						children: e.flags.map((e) => /* @__PURE__ */ S(a, {
+							variant: "warning",
+							children: e
+						}, e))
+					})
+				}),
+				/* @__PURE__ */ S(u, {
+					label: o.nextStepLabel,
+					labelClassName: "text-xs",
+					value: /* @__PURE__ */ S(a, {
+						variant: "info",
+						children: e.suggestedAction
+					})
+				}),
+				/* @__PURE__ */ S(r, {
+					lineHeight: "relaxed",
+					type: "secondary",
+					children: e.summary
+				}),
+				/* @__PURE__ */ S(c, {}),
+				/* @__PURE__ */ C("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ C(a, {
+						variant: "secondary",
+						children: [
+							o.confidencePrefix,
+							": ",
+							l
+						]
+					}), /* @__PURE__ */ S(r, {
+						size: "xs",
+						type: "discrete",
+						tag: "span",
+						children: e.model
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/composed/ai/ai-confidence/types.ts
+var I = {
+	title: "AI Confidence",
+	confidenceLabel: "Overall",
+	factorsLabel: "Contributing factors"
+};
+//#endregion
+//#region src/components/composed/ai/ai-confidence/ai-confidence.tsx
+function Pe(e) {
+	return e >= .85 ? {
+		label: "High",
+		variant: "success"
+	} : e >= .6 ? {
+		label: "Medium",
+		variant: "warning"
+	} : {
+		label: "Low",
+		variant: "error"
+	};
+}
+function L({ score: e, model: i, factors: o, className: c, strings: l }) {
+	let d = t(I, l), f = Math.round(e * 100), { label: p, variant: m } = Pe(e), h = 2 * Math.PI * 28, g = h - f / 100 * h;
+	return /* @__PURE__ */ C(s, {
+		icon: /* @__PURE__ */ S(P, { className: "size-4" }),
+		title: d.title,
+		titleSuffix: !!i && /* @__PURE__ */ S(a, {
+			variant: "secondary",
+			children: i
+		}),
+		className: n("ai-confidence--component", c),
+		children: [/* @__PURE__ */ C("div", {
+			className: "flex items-center gap-4",
+			children: [/* @__PURE__ */ C("div", {
+				className: "relative shrink-0",
+				children: [/* @__PURE__ */ C("svg", {
+					width: "72",
+					height: "72",
+					viewBox: "0 0 72 72",
+					children: [/* @__PURE__ */ S("circle", {
+						cx: "36",
+						cy: "36",
+						r: "28",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "6",
+						className: "text-muted/40"
+					}), /* @__PURE__ */ S("circle", {
+						cx: "36",
+						cy: "36",
+						r: "28",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "6",
+						strokeLinecap: "round",
+						strokeDasharray: h,
+						strokeDashoffset: g,
+						transform: "rotate(-90 36 36)",
+						className: n(m === "success" && "text-success", m === "warning" && "text-success", m === "error" && "text-destructive")
+					})]
+				}), /* @__PURE__ */ S("div", {
+					className: "absolute inset-0 flex flex-col items-center justify-center",
+					children: /* @__PURE__ */ C(r, {
+						size: "lg",
+						weight: "bold",
+						className: "tabular-nums leading-none",
+						children: [f, "%"]
+					})
+				})]
+			}), /* @__PURE__ */ C("div", {
+				className: "flex-1 min-w-0",
+				children: [/* @__PURE__ */ S(r, {
+					size: "xs",
+					type: "secondary",
+					weight: "medium",
+					className: "uppercase tracking-wider",
+					children: d.confidenceLabel
+				}), /* @__PURE__ */ S(a, {
+					variant: m,
+					size: "sm",
+					className: "mt-1",
+					children: p
+				})]
+			})]
+		}), !!o && o.length > 0 && /* @__PURE__ */ C("div", {
+			className: "mt-4 space-y-2",
+			children: [/* @__PURE__ */ S(r, {
+				size: "xs",
+				type: "secondary",
+				weight: "medium",
+				className: "uppercase tracking-wider",
+				children: d.factorsLabel
+			}), o.map((e) => /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S(u, {
+				label: e.label,
+				value: `${Math.round(e.score * 100)}%`,
+				mono: !0,
+				labelClassName: "text-xs",
+				valueClassName: "text-xs font-semibold"
+			}), /* @__PURE__ */ S("div", {
+				className: "mt-1 h-1.5 w-full overflow-hidden rounded-full bg-muted",
+				children: /* @__PURE__ */ S("div", {
+					className: "h-full rounded-full bg-primary",
+					style: { width: `${Math.round(e.score * 100)}%` }
+				})
+			})] }, e.label))]
+		})]
+	});
+}
+L.displayName = "AiConfidenceCard";
+//#endregion
+//#region src/components/composed/ai/ai-prompt-suggestions/types.ts
+var R = {
+	title: "Try asking",
+	hint: "Tap a prompt to start"
+};
+//#endregion
+//#region src/components/composed/ai/ai-prompt-suggestions/ai-prompt-suggestions.tsx
+function z({ suggestions: e, onPick: a, className: o, strings: c }) {
+	let l = t(R, c);
+	return /* @__PURE__ */ S(s, {
+		icon: /* @__PURE__ */ S(P, { className: "size-4" }),
+		title: l.title,
+		description: l.hint,
+		className: n("ai-prompt-suggestions--component", o),
+		children: /* @__PURE__ */ S("div", {
+			className: "grid grid-cols-1 gap-2 sm:grid-cols-2",
+			children: e.map((e) => {
+				let t = e.icon;
+				return /* @__PURE__ */ C("button", {
+					type: "button",
+					onClick: () => a?.(e),
+					className: n("flex items-start gap-3 rounded-lg border border-border bg-card p-3 text-left transition-[border-color,background] duration-150", "hover:border-foreground/20 hover:bg-muted/40 focus-visible:ring-2 focus-visible:ring-ring/40 focus-visible:outline-none"),
+					children: [!!t && /* @__PURE__ */ S(i, {
+						icon: t,
+						tone: "primary",
+						size: "sm",
+						shape: "square"
+					}), /* @__PURE__ */ C("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ S(r, {
+							weight: "semibold",
+							children: e.label
+						}), !!e.description && /* @__PURE__ */ S(r, {
+							size: "xs",
+							type: "secondary",
+							className: "mt-0.5 line-clamp-2",
+							children: e.description
+						})]
+					})]
+				}, e.id);
+			})
+		})
+	});
+}
+z.displayName = "AiPromptSuggestions";
+//#endregion
+//#region src/components/composed/ai/ai-token-usage/types.ts
+var B = {
+	title: "Token usage",
+	input: "Input",
+	output: "Output",
+	total: "Total",
+	cost: "Estimated cost"
+};
+//#endregion
+//#region src/components/composed/ai/ai-token-usage/ai-token-usage.tsx
+function V({ model: e, inputTokens: i, outputTokens: o, cost: c, maxTokens: l, className: d, strings: f }) {
+	let p = t(B, f), m = i + o, h = l ? Math.min(100, Math.round(m / l * 100)) : 0;
+	return /* @__PURE__ */ C(s, {
+		icon: /* @__PURE__ */ S(O, { className: "size-4" }),
+		title: p.title,
+		titleSuffix: !!e && /* @__PURE__ */ S(a, {
+			variant: "secondary",
+			children: e
+		}),
+		className: n("ai-token-usage--component", d),
+		children: [
+			/* @__PURE__ */ S("div", {
+				className: "grid grid-cols-3 gap-2",
+				children: [
+					{
+						label: p.input,
+						value: i
+					},
+					{
+						label: p.output,
+						value: o
+					},
+					{
+						label: p.total,
+						value: m
+					}
+				].map((e) => /* @__PURE__ */ C("div", {
+					className: "rounded-md bg-muted/40 px-3 py-2",
+					children: [/* @__PURE__ */ S(r, {
+						size: "xxs",
+						type: "secondary",
+						weight: "medium",
+						className: "uppercase tracking-wider",
+						children: e.label
+					}), /* @__PURE__ */ S(r, {
+						size: "lg",
+						weight: "semibold",
+						className: "tabular-nums",
+						children: e.value.toLocaleString()
+					})]
+				}, e.label))
+			}),
+			!!l && /* @__PURE__ */ C("div", {
+				className: "mt-3",
+				children: [/* @__PURE__ */ S(u, {
+					label: `${m.toLocaleString()} / ${l.toLocaleString()}`,
+					value: `${h}%`,
+					mono: !0,
+					labelClassName: "text-xs",
+					valueClassName: "text-xs font-semibold"
+				}), /* @__PURE__ */ S("div", {
+					className: "mt-1 h-1.5 w-full overflow-hidden rounded-full bg-muted",
+					children: /* @__PURE__ */ S("div", {
+						className: "h-full rounded-full bg-primary",
+						style: { width: `${h}%` }
+					})
+				})]
+			}),
+			!!c && /* @__PURE__ */ S(u, {
+				className: "mt-3 rounded-md bg-primary/5 px-3 py-2",
+				label: p.cost,
+				value: c,
+				mono: !0,
+				labelClassName: "text-xs",
+				valueClassName: "text-sm font-bold"
+			})
+		]
+	});
+}
+V.displayName = "AiTokenUsageCard";
+//#endregion
+//#region src/components/composed/ai/ai-feedback/types.ts
+var H = {
+	prompt: "Was this helpful?",
+	thumbsUpAria: "Mark as helpful",
+	thumbsDownAria: "Mark as not helpful",
+	commentPlaceholder: "Tell us more (optional)",
+	submit: "Send feedback",
+	thanks: "Thanks for your feedback."
+};
+//#endregion
+//#region src/components/composed/ai/ai-feedback/ai-feedback.tsx
+function U({ value: e, onVote: i, onSubmitComment: a, allowComment: s = !0, submitted: c = !1, className: u, strings: d }) {
+	let f = t(H, d), [p, m] = x(null), [h, g] = x(""), _ = e ?? p, v = (t) => {
+		let n = _ === t ? null : t;
+		e === void 0 && m(n), i?.(n);
+	};
+	return c ? /* @__PURE__ */ C("div", {
+		className: n("ai-feedback--component", "inline-flex items-center gap-2 rounded-full bg-success/10 px-3 py-1.5", u),
+		children: [/* @__PURE__ */ S(F, { className: "size-3.5 text-success" }), /* @__PURE__ */ S(r, {
+			size: "xs",
+			type: "success",
+			weight: "medium",
+			children: f.thanks
+		})]
+	}) : /* @__PURE__ */ C("div", {
+		className: n("inline-flex flex-col gap-2", u),
+		children: [/* @__PURE__ */ C("div", {
+			className: "flex items-center gap-2",
+			children: [
+				/* @__PURE__ */ S(r, {
+					size: "xs",
+					type: "secondary",
+					children: f.prompt
+				}),
+				/* @__PURE__ */ S(o, {
+					type: "button",
+					variant: "secondary",
+					buttonStyle: _ === "up" ? "solid" : "ghost",
+					size: "icon-xs",
+					"aria-label": f.thumbsUpAria,
+					"aria-pressed": _ === "up",
+					onClick: () => v("up"),
+					className: n(_ === "up" && "text-success bg-success/15 hover:bg-success/20"),
+					children: /* @__PURE__ */ S(F, { className: "size-3.5" })
+				}),
+				/* @__PURE__ */ S(o, {
+					type: "button",
+					variant: "secondary",
+					buttonStyle: _ === "down" ? "solid" : "ghost",
+					size: "icon-xs",
+					"aria-label": f.thumbsDownAria,
+					"aria-pressed": _ === "down",
+					onClick: () => v("down"),
+					className: n(_ === "down" && "text-destructive bg-destructive/15 hover:bg-destructive/20"),
+					children: /* @__PURE__ */ S(De, { className: "size-3.5" })
+				})
+			]
+		}), !!s && !!_ && /* @__PURE__ */ C("div", {
+			className: "flex flex-col gap-2",
+			children: [/* @__PURE__ */ S(l, {
+				value: h,
+				onChange: (e) => g(e.target.value),
+				placeholder: f.commentPlaceholder,
+				minRows: 2
+			}), /* @__PURE__ */ S("div", {
+				className: "flex justify-end",
+				children: /* @__PURE__ */ S(o, {
+					type: "button",
+					onClick: () => {
+						a?.(h, _), g("");
+					},
+					disabled: !h.trim(),
+					children: f.submit
+				})
+			})]
+		})]
+	});
+}
+U.displayName = "AiFeedback";
+//#endregion
+//#region src/components/composed/ai/ai-citation/types.ts
+var W = {
+	title: "Sources",
+	sourceCount: (e) => e === 1 ? "1 source" : `${e} sources`,
+	expand: "Show sources",
+	collapse: "Hide sources",
+	visit: "Visit",
+	relevance: "Relevance"
+};
+//#endregion
+//#region src/components/composed/ai/ai-citation/ai-citation.tsx
+function G({ sources: t, defaultExpanded: i = !1, maxCollapsedRows: a = 0, className: o, strings: s }) {
+	let c = e(W, s), [l, u] = x(i), d = l ? t : t.slice(0, Math.max(0, a)), f = t.length - d.length;
+	return /* @__PURE__ */ C("div", {
+		className: n("ai-citation--component", "space-y-2", o),
+		children: [/* @__PURE__ */ C("button", {
+			type: "button",
+			onClick: () => u((e) => !e),
+			className: n("inline-flex items-center gap-1.5 rounded-md px-2 py-1 -mx-2", "text-muted-foreground hover:text-foreground hover:bg-muted/40", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40"),
+			"aria-expanded": l,
+			"aria-label": l ? c.collapse : c.expand,
+			children: [
+				/* @__PURE__ */ S(Te, { className: "size-3.5" }),
+				/* @__PURE__ */ C(r, {
+					size: "xs",
+					weight: "medium",
+					children: [
+						c.title,
+						" · ",
+						c.sourceCount(t.length)
+					]
+				}),
+				S(l ? T : E, { className: "size-3.5" })
+			]
+		}), (l || a > 0) && /* @__PURE__ */ C(h, { children: [d.map((e, t) => /* @__PURE__ */ S(Fe, {
+			source: e,
+			index: t + 1,
+			strings: c
+		}, e.id)), !l && f > 0 && /* @__PURE__ */ C(r, {
+			size: "xxs",
+			type: "secondary",
+			children: [
+				"+",
+				f,
+				" more"
+			]
+		})] })]
+	});
+}
+G.displayName = "AiCitation";
+function Fe({ source: e, index: t, strings: i }) {
+	let a = typeof e.relevance == "number" ? Math.round(Math.max(0, Math.min(1, e.relevance)) * 100) : null, o = e.url ? "a" : "span", s = e.url ? {
+		href: e.url,
+		target: "_blank",
+		rel: "noopener noreferrer"
+	} : {};
+	return /* @__PURE__ */ C(_, {
+		variant: "outline",
+		size: "xs",
+		className: "items-start",
+		children: [
+			/* @__PURE__ */ S(f, { children: /* @__PURE__ */ S("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__ */ C(g, { children: [
+				/* @__PURE__ */ S(v, {
+					className: "truncate",
+					children: /* @__PURE__ */ C(o, {
+						...s,
+						className: n("truncate", e.url && "hover:text-primary hover:underline"),
+						children: [e.title, !!e.url && /* @__PURE__ */ S(k, { className: "ml-1 inline size-3 align-baseline" })]
+					})
+				}),
+				!!e.snippet && /* @__PURE__ */ S(p, {
+					clamp: 2,
+					children: e.snippet
+				}),
+				(e.publisher || e.publishedAt) && /* @__PURE__ */ C(d, {
+					className: "mt-1 justify-start gap-1.5",
+					children: [
+						!!e.publisher && /* @__PURE__ */ S(r, {
+							size: "xxs",
+							type: "discrete",
+							children: e.publisher
+						}),
+						!!e.publisher && !!e.publishedAt && /* @__PURE__ */ S(r, {
+							size: "xxs",
+							type: "discrete",
+							children: "·"
+						}),
+						!!e.publishedAt && /* @__PURE__ */ S(r, {
+							size: "xxs",
+							type: "discrete",
+							className: "tabular-nums",
+							children: e.publishedAt
+						})
+					]
+				})
+			] }),
+			a !== null && /* @__PURE__ */ C(m, {
+				className: "w-16 flex-col items-end gap-0.5",
+				children: [/* @__PURE__ */ C(r, {
+					size: "xxs",
+					type: "secondary",
+					weight: "medium",
+					className: "tabular-nums",
+					children: [a, "%"]
+				}), /* @__PURE__ */ S("div", {
+					className: "h-1 w-full overflow-hidden rounded-full bg-muted",
+					"aria-label": i.relevance,
+					children: /* @__PURE__ */ S("div", {
+						className: "h-full rounded-full bg-primary",
+						style: { width: `${a}%` }
+					})
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/composed/ai/ai-inline-citation/types.ts
+var K = {
+	sourcePrefix: "Source",
+	openAria: "Open source {{n}}: {{title}}"
+};
+//#endregion
+//#region src/components/composed/ai/ai-inline-citation/ai-inline-citation.tsx
+function Ie(e, t) {
+	return e.replace(/\{\{\s*(\w+)\s*\}\}/g, (e, n) => {
+		let r = t[n];
+		return r === void 0 ? e : String(r);
+	});
+}
+function q({ index: t, title: i, url: a, onSelect: o, className: s, strings: c }) {
+	let l = e(K, c), u = Ie(l.openAria, {
+		n: t,
+		title: i ?? ""
+	}), d = i ? `${l.sourcePrefix} ${t}: ${i}` : `${l.sourcePrefix} ${t}`, f = n("inline-flex h-[1.25em] min-w-[1.25em] -translate-y-px items-center justify-center rounded px-1", "align-middle text-[0.75em] font-medium tabular-nums", "bg-muted text-muted-foreground", "hover:bg-primary/10 hover:text-primary", "transition-colors duration-150", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40", s);
+	return a ? /* @__PURE__ */ S("a", {
+		href: a,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		title: d,
+		"aria-label": u,
+		className: n("ai-inline-citation--component", f),
+		children: /* @__PURE__ */ S(r, {
+			tag: "span",
+			size: "xxs",
+			weight: "medium",
+			className: "leading-none",
+			children: t
+		})
+	}) : o ? /* @__PURE__ */ S("button", {
+		type: "button",
+		onClick: o,
+		title: d,
+		"aria-label": u,
+		className: f,
+		children: /* @__PURE__ */ S(r, {
+			tag: "span",
+			size: "xxs",
+			weight: "medium",
+			className: "leading-none",
+			children: t
+		})
+	}) : /* @__PURE__ */ S("span", {
+		title: d,
+		"aria-label": u,
+		className: f,
+		children: /* @__PURE__ */ S(r, {
+			tag: "span",
+			size: "xxs",
+			weight: "medium",
+			className: "leading-none",
+			children: t
+		})
+	});
+}
+q.displayName = "AiInlineCitation";
+//#endregion
+//#region src/components/composed/ai/ai-package-info/types.ts
+var J = {
+	versionLabel: "Version",
+	licenseLabel: "License",
+	publishedLabel: "Published",
+	homepageAria: "Open homepage",
+	repositoryAria: "Open repository",
+	weeklyDownloadsLabel: "Weekly downloads"
+};
+//#endregion
+//#region src/components/composed/ai/ai-package-info/ai-package-info.tsx
+function Y({ name: e, version: i, description: o, license: s, publishedAt: c, homepage: l, repository: u, weeklyDownloads: d, keywords: f, onSelect: p, className: m, strings: h }) {
+	let g = t(J, h);
+	return /* @__PURE__ */ C(p ? "button" : "div", {
+		...p ? {
+			type: "button",
+			onClick: p
+		} : {},
+		className: n("ai-package-info--component", "block w-full rounded-lg border border-border/60 bg-card text-left", p && "transition-[border-color,background] duration-150 hover:border-foreground/20 hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40", m),
+		children: [/* @__PURE__ */ C("div", {
+			className: "flex items-start gap-3 px-3.5 py-3",
+			children: [/* @__PURE__ */ S("span", {
+				"aria-hidden": !0,
+				className: "inline-flex size-9 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground",
+				children: /* @__PURE__ */ S(N, { className: "size-4" })
+			}), /* @__PURE__ */ C("div", {
+				className: "min-w-0 flex-1",
+				children: [
+					/* @__PURE__ */ C("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ S(r, {
+							weight: "semibold",
+							className: "truncate font-mono",
+							children: e
+						}), !!i && /* @__PURE__ */ C(a, {
+							variant: "secondary",
+							className: "font-mono tabular-nums",
+							children: ["v", i.replace(/^v/, "")]
+						})]
+					}),
+					!!o && /* @__PURE__ */ S(r, {
+						size: "xs",
+						type: "secondary",
+						className: "mt-1 line-clamp-2",
+						children: o
+					}),
+					(s || c || d !== void 0) && /* @__PURE__ */ C("div", {
+						className: "mt-2 flex flex-wrap items-center gap-x-3 gap-y-1",
+						children: [
+							!!s && /* @__PURE__ */ S(X, {
+								label: g.licenseLabel,
+								value: s
+							}),
+							!!c && /* @__PURE__ */ S(X, {
+								label: g.publishedLabel,
+								value: c
+							}),
+							d !== void 0 && /* @__PURE__ */ S(X, {
+								label: g.weeklyDownloadsLabel,
+								value: String(d)
+							})
+						]
+					}),
+					!!f?.length && /* @__PURE__ */ S("div", {
+						className: "mt-2 flex flex-wrap gap-1",
+						children: f.slice(0, 6).map((e) => /* @__PURE__ */ S(a, {
+							variant: "secondary",
+							children: e
+						}, e))
+					})
+				]
+			})]
+		}), (l || u) && /* @__PURE__ */ C("div", {
+			className: "flex items-center gap-2 border-t border-border/60 bg-muted/20 px-3.5 py-2",
+			children: [
+				!!l && /* @__PURE__ */ C("a", {
+					href: l,
+					target: "_blank",
+					rel: "noopener noreferrer",
+					onClick: (e) => e.stopPropagation(),
+					"aria-label": g.homepageAria,
+					className: "inline-flex items-center gap-1 rounded text-muted-foreground hover:text-foreground",
+					children: [
+						/* @__PURE__ */ S(we, { className: "size-3.5" }),
+						/* @__PURE__ */ S(r, {
+							tag: "span",
+							size: "xxs",
+							weight: "medium",
+							children: "Homepage"
+						}),
+						/* @__PURE__ */ S(k, { className: "size-3" })
+					]
+				}),
+				!!l && !!u && /* @__PURE__ */ S("span", {
+					"aria-hidden": !0,
+					className: "text-muted-foreground/40",
+					children: "·"
+				}),
+				!!u && /* @__PURE__ */ C("a", {
+					href: u,
+					target: "_blank",
+					rel: "noopener noreferrer",
+					onClick: (e) => e.stopPropagation(),
+					"aria-label": g.repositoryAria,
+					className: "inline-flex items-center gap-1 rounded text-muted-foreground hover:text-foreground",
+					children: [
+						/* @__PURE__ */ S(D, { className: "size-3.5" }),
+						/* @__PURE__ */ S(r, {
+							tag: "span",
+							size: "xxs",
+							weight: "medium",
+							children: "Repository"
+						}),
+						/* @__PURE__ */ S(k, { className: "size-3" })
+					]
+				})
+			]
+		})]
+	});
+}
+Y.displayName = "AiPackageInfo";
+function X({ label: e, value: t }) {
+	return /* @__PURE__ */ C("div", {
+		className: "inline-flex items-baseline gap-1",
+		children: [/* @__PURE__ */ S(r, {
+			size: "xxs",
+			type: "discrete",
+			children: e
+		}), /* @__PURE__ */ S(r, {
+			size: "xxs",
+			type: "secondary",
+			weight: "medium",
+			className: "tabular-nums",
+			children: t
+		})]
+	});
+}
+//#endregion
+//#region src/components/composed/ai/ai-file-tree/types.ts
+var Z = {
+	expandAria: "Expand directory",
+	collapseAria: "Collapse directory",
+	statusLabels: {
+		added: "A",
+		modified: "M",
+		removed: "D",
+		renamed: "R"
+	}
+}, Le = {
+	added: {
+		row: "before:bg-success",
+		pill: "bg-success/15 text-success"
+	},
+	modified: {
+		row: "before:bg-warning",
+		pill: "bg-warning/20 text-warning"
+	},
+	removed: {
+		row: "before:bg-destructive",
+		pill: "bg-destructive/15 text-destructive"
+	},
+	renamed: {
+		row: "before:bg-info",
+		pill: "bg-info/15 text-info"
+	}
+};
+function Re(e) {
+	let t = e.split(".").pop()?.toLowerCase() ?? "";
+	return [
+		"ts",
+		"tsx",
+		"js",
+		"jsx",
+		"mjs",
+		"cjs",
+		"json",
+		"css",
+		"scss",
+		"html",
+		"sh",
+		"py",
+		"rs",
+		"go"
+	].includes(t) ? j : [
+		"md",
+		"mdx",
+		"txt"
+	].includes(t) ? M : A;
+}
+function Q({ nodes: e, selectedId: r, onSelect: i, hideStatusLabels: a = !1, indent: o = 14, className: s, strings: c }) {
+	let l = t(Z, c);
+	return /* @__PURE__ */ S("div", {
+		className: n("ai-file-tree--component", "overflow-hidden rounded-lg border border-border/60 bg-card font-mono text-xs", s),
+		children: /* @__PURE__ */ S("ul", { children: e.map((e) => /* @__PURE__ */ S($, {
+			node: e,
+			depth: 0,
+			selectedId: r,
+			onSelect: i,
+			hideStatusLabels: a,
+			indent: o,
+			strings: l
+		}, e.id)) })
+	});
+}
+Q.displayName = "AiFileTree";
+function $({ node: e, depth: t, selectedId: i, onSelect: a, hideStatusLabels: o, indent: s, strings: c }) {
+	let [l, u] = x(e.defaultExpanded ?? t < 1), d = e.kind === "directory", f = i === e.id, p = e.status, m = p ? Le[p] : void 0, h = e.icon ?? (d ? l ? Ce : Se : Re(e.name)), g = () => {
+		d ? u((e) => !e) : a?.(e);
+	}, _ = /* @__PURE__ */ C(xe, { children: [!!p && !o && /* @__PURE__ */ S("span", {
+		className: n("inline-flex size-4 shrink-0 items-center justify-center rounded", "text-[length:var(--text-xxs)] font-bold leading-none uppercase", m?.pill),
+		children: c.statusLabels[p]
+	}), !!e.trailing && /* @__PURE__ */ S(r, {
+		tag: "span",
+		size: "xxs",
+		type: "secondary",
+		className: "tabular-nums",
+		children: e.trailing
+	})] });
+	return /* @__PURE__ */ C("li", { children: [/* @__PURE__ */ C("button", {
+		type: "button",
+		onClick: g,
+		"aria-expanded": d ? l : void 0,
+		"aria-label": d ? l ? c.collapseAria : c.expandAria : void 0,
+		className: n("group relative flex w-full items-center gap-1.5 px-2 py-1 text-left", "hover:bg-muted/40", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring/40", f && "bg-primary/10", !!p && "before:absolute before:left-0 before:top-0 before:h-full before:w-0.5", m?.row, p === "removed" && "text-muted-foreground/80"),
+		style: { paddingLeft: 8 + t * s },
+		children: [
+			d ? S(l ? T : E, { className: "size-3.5 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ S("span", {
+				"aria-hidden": !0,
+				className: "size-3.5 shrink-0"
+			}),
+			/* @__PURE__ */ S(h, { className: n("size-3.5 shrink-0", d ? "text-muted-foreground" : "text-muted-foreground/80") }),
+			/* @__PURE__ */ S("span", {
+				className: n("flex-1 truncate", p === "removed" && "line-through"),
+				children: e.name
+			}),
+			/* @__PURE__ */ S("span", {
+				className: "ml-auto flex items-center gap-1.5",
+				children: _
+			})
+		]
+	}), d && l && !!e.children?.length && /* @__PURE__ */ S("ul", { children: e.children.map((e) => /* @__PURE__ */ S($, {
+		node: e,
+		depth: t + 1,
+		selectedId: i,
+		onSelect: a,
+		hideStatusLabels: o,
+		indent: s,
+		strings: c
+	}, e.id)) })] });
+}
+//#endregion
+export { pe as AiAgent, ge as AiArtifact, se as AiAttachment, ne as AiChainOfThought, G as AiCitation, Ne as AiClassificationPanel, y as AiCodeBlock, L as AiConfidenceCard, ae as AiConfirmation, U as AiFeedback, Q as AiFileTree, q as AiInlineCitation, te as AiMessageBubble, Y as AiPackageInfo, z as AiPromptSuggestions, he as AiReasoning, be as AiShimmer, le as AiSources, Me as AiSummaryBlock, me as AiTask, V as AiTokenUsageCard, re as AiToolCall, ue as defaultAiAgentStrings, de as defaultAiArtifactStrings, b as defaultAiAttachmentStrings, fe as defaultAiChainOfThoughtStrings, W as defaultAiCitationStrings, ve as defaultAiCodeBlockStrings, I as defaultAiConfidenceCardStrings, oe as defaultAiConfirmationStrings, H as defaultAiFeedbackStrings, Z as defaultAiFileTreeStrings, K as defaultAiInlineCitationStrings, ee as defaultAiMessageBubbleStrings, J as defaultAiPackageInfoStrings, R as defaultAiPromptSuggestionsStrings, ie as defaultAiReasoningStrings, _e as defaultAiSourcesStrings, ce as defaultAiTaskStrings, B as defaultAiTokenUsageStrings, ye as defaultAiToolCallStrings };
+
+//# sourceMappingURL=index.js.map