admin-ui-starter-kit 0.4.3 → 0.4.4

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

@@ -1,15 +1,15 @@
 import { mergeStrings as e, useStrings as t } from "../../../lib/strings.js";
 import { cn as n } from "../../../lib/utils.js";
-import { n as r } from "../../../_shared/heading-HeP06nXG.js";
-import { t as i } from "../../../_shared/icon-badge-zTBVtgt9.js";
-import { t as a } from "../../../_shared/badge-yGlx9trX.js";
-import { t as o } from "../../../_shared/button-SuocMQFT.js";
-import { t as s } from "../../../_shared/smart-card-DYZGY_Su.js";
+import { t as r } from "../../../_shared/button-BGKY8UY0.js";
+import { n as i } from "../../../_shared/heading-HeP06nXG.js";
+import { t as a } from "../../../_shared/icon-badge-zTBVtgt9.js";
+import { t as o } from "../../../_shared/badge-6WYAMJwA.js";
+import { t as s } from "../../../_shared/smart-card-thLb85Ih.js";
 import { t as c } from "../../../_shared/textarea-CsMkelmp.js";
 import { t as l } from "../../../_shared/separator-B8FBp-7E.js";
-import { i as u } from "../../../_shared/display-C4n0uuxl.js";
+import { i as u } from "../../../_shared/display-NBtWdAMl.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-DAjqQhhj.js";
-import { C as ee, S as te, _ as ne, a as y, 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-DdlK_l56.js";
+import { C as ee, S as te, _ as ne, a as y, 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-nlOrSeqT.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 Te, Quote as N, RefreshCw as Ee, Sparkles as P, ThumbsDown as De, ThumbsUp as F } from "lucide-react";
@@ -40,13 +40,13 @@ var Oe = {
 	high: 3
 };
 function je({ level: e, label: t }) {
-	let i = Ae[e];
+	let r = 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, {
+			children: Array.from({ length: 3 }, (e, t) => /* @__PURE__ */ S("div", { className: n("h-2.5 w-1 rounded-sm", t < r ? "bg-foreground/60" : "bg-muted-foreground/20") }, `bar-${String(t)}`))
+		}), /* @__PURE__ */ S(i, {
 			size: "xs",
 			type: "secondary",
 			tag: "span",
@@ -56,58 +56,58 @@ function je({ level: e, label: t }) {
 	});
 }
 function Me({ data: e, strings: n }) {
-	let i = t(Oe, n);
+	let a = 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, {
+			children: [/* @__PURE__ */ S(w, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ S(i, {
 				tag: "span",
-				children: i.title
+				children: a.title
 			})]
 		}),
-		titleSuffix: /* @__PURE__ */ S(a, {
+		titleSuffix: /* @__PURE__ */ S(o, {
 			variant: "secondary",
-			children: i.badgeLabel
+			children: a.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, {
+				children: [/* @__PURE__ */ S(i, {
 					size: "xs",
 					type: "secondary",
 					tag: "span",
 					children: e.generatedAt
-				}), /* @__PURE__ */ S(r, {
+				}), /* @__PURE__ */ S(i, {
 					size: "xs",
 					type: "discrete",
 					tag: "span",
 					children: e.model
 				})]
-			}), !!e.onRegenerate && /* @__PURE__ */ C(o, {
+			}), !!e.onRegenerate && /* @__PURE__ */ C(r, {
 				variant: "secondary",
 				buttonStyle: "ghost",
 				onClick: e.onRegenerate,
-				children: [/* @__PURE__ */ S(Ee, { className: "mr-1 h-3 w-3" }), i.regenerate]
+				children: [/* @__PURE__ */ S(Ee, { className: "mr-1 h-3 w-3" }), a.regenerate]
 			})]
 		}),
 		children: /* @__PURE__ */ C("div", {
 			className: "space-y-3",
 			children: [
-				/* @__PURE__ */ S(r, {
+				/* @__PURE__ */ S(i, {
 					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, {
+					children: e.entities.map((e) => /* @__PURE__ */ S(o, {
 						variant: "secondary",
 						children: e
 					}, e))
 				}),
 				/* @__PURE__ */ S(je, {
 					level: e.confidence,
-					label: i.confidenceLevels[e.confidence]
+					label: a.confidenceLevels[e.confidence]
 				})
 			]
 		})
@@ -115,14 +115,14 @@ function Me({ data: e, strings: n }) {
 }
 //#endregion
 //#region src/components/composed/ai/ai-classification/ai-classification.tsx
-function Ne({ data: e, strings: i }) {
-	let o = t(ke, i), c = e.confidence >= .9 ? o.confidenceBands.high : e.confidence >= .7 ? o.confidenceBands.medium : o.confidenceBands.low;
+function Ne({ data: e, strings: r }) {
+	let a = t(ke, r), c = e.confidence >= .9 ? a.confidenceBands.high : e.confidence >= .7 ? a.confidenceBands.medium : a.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, {
+			children: [/* @__PURE__ */ S(w, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ S(i, {
 				tag: "span",
-				children: o.title
+				children: a.title
 			})]
 		}),
 		children: /* @__PURE__ */ C("div", {
@@ -131,15 +131,15 @@ function Ne({ data: e, strings: i }) {
 				/* @__PURE__ */ C("div", {
 					className: "flex flex-wrap items-center gap-1.5",
 					children: [
-						/* @__PURE__ */ S(a, {
+						/* @__PURE__ */ S(o, {
 							variant: "primary",
 							children: e.requestType
 						}),
-						/* @__PURE__ */ S(a, {
+						/* @__PURE__ */ S(o, {
 							variant: e.urgencyVariant,
 							children: e.urgency
 						}),
-						/* @__PURE__ */ S(a, {
+						/* @__PURE__ */ S(o, {
 							variant: e.toneVariant,
 							dot: !0,
 							children: e.tone
@@ -147,11 +147,11 @@ function Ne({ data: e, strings: i }) {
 					]
 				}),
 				/* @__PURE__ */ S(u, {
-					label: o.complexityLabel,
+					label: a.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, {
+						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(i, {
 							tag: "span",
 							size: "xs",
 							type: "secondary",
@@ -161,25 +161,25 @@ function Ne({ data: e, strings: i }) {
 					})
 				}),
 				e.flags.length > 0 && /* @__PURE__ */ S(u, {
-					label: o.flagsLabel,
+					label: a.flagsLabel,
 					labelClassName: "text-xs",
 					value: /* @__PURE__ */ S("span", {
 						className: "flex gap-1",
-						children: e.flags.map((e) => /* @__PURE__ */ S(a, {
+						children: e.flags.map((e) => /* @__PURE__ */ S(o, {
 							variant: "warning",
 							children: e
 						}, e))
 					})
 				}),
 				/* @__PURE__ */ S(u, {
-					label: o.nextStepLabel,
+					label: a.nextStepLabel,
 					labelClassName: "text-xs",
-					value: /* @__PURE__ */ S(a, {
+					value: /* @__PURE__ */ S(o, {
 						variant: "info",
 						children: e.suggestedAction
 					})
 				}),
-				/* @__PURE__ */ S(r, {
+				/* @__PURE__ */ S(i, {
 					lineHeight: "relaxed",
 					type: "secondary",
 					children: e.summary
@@ -187,14 +187,14 @@ function Ne({ data: e, strings: i }) {
 				/* @__PURE__ */ S(l, {}),
 				/* @__PURE__ */ C("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ C(a, {
+					children: [/* @__PURE__ */ C(o, {
 						variant: "secondary",
 						children: [
-							o.confidencePrefix,
+							a.confidencePrefix,
 							": ",
 							c
 						]
-					}), /* @__PURE__ */ S(r, {
+					}), /* @__PURE__ */ S(i, {
 						size: "xs",
 						type: "discrete",
 						tag: "span",
@@ -226,14 +226,14 @@ function Pe(e) {
 		variant: "error"
 	};
 }
-function L({ score: e, model: i, factors: o, className: c, strings: l }) {
+function L({ score: e, model: r, factors: a, className: c, strings: l }) {
 	let d = t(I, l), f = Math.round(e * 100), { label: p, variant: m } = Pe(e), h = 2 * Math.PI * 24, g = h - f / 100 * h;
 	return /* @__PURE__ */ C(s, {
 		icon: /* @__PURE__ */ S(P, { className: "size-4" }),
 		title: d.title,
-		titleSuffix: !!i && /* @__PURE__ */ S(a, {
+		titleSuffix: !!r && /* @__PURE__ */ S(o, {
 			variant: "secondary",
-			children: i
+			children: r
 		}),
 		className: n("ai-confidence--component", c),
 		children: [/* @__PURE__ */ C("div", {
@@ -267,7 +267,7 @@ function L({ score: e, model: i, factors: o, className: c, strings: l }) {
 					})]
 				}), /* @__PURE__ */ S("div", {
 					className: "absolute inset-0 flex flex-col items-center justify-center",
-					children: /* @__PURE__ */ C(r, {
+					children: /* @__PURE__ */ C(i, {
 						weight: "semibold",
 						className: "tabular-nums leading-none",
 						children: [f, "%"]
@@ -275,27 +275,27 @@ function L({ score: e, model: i, factors: o, className: c, strings: l }) {
 				})]
 			}), /* @__PURE__ */ C("div", {
 				className: "flex-1 min-w-0",
-				children: [/* @__PURE__ */ S(r, {
+				children: [/* @__PURE__ */ S(i, {
 					size: "xs",
 					type: "secondary",
 					weight: "medium",
 					className: "uppercase tracking-wider",
 					children: d.confidenceLabel
-				}), /* @__PURE__ */ S(a, {
+				}), /* @__PURE__ */ S(o, {
 					variant: m,
 					className: "mt-1",
 					children: p
 				})]
 			})]
-		}), !!o && o.length > 0 && /* @__PURE__ */ C("div", {
+		}), !!a && a.length > 0 && /* @__PURE__ */ C("div", {
 			className: "mt-3 space-y-2",
-			children: [/* @__PURE__ */ S(r, {
+			children: [/* @__PURE__ */ S(i, {
 				size: "xs",
 				type: "secondary",
 				weight: "medium",
 				className: "uppercase tracking-wider",
 				children: d.factorsLabel
-			}), o.map((e) => /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S(u, {
+			}), a.map((e) => /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S(u, {
 				label: e.label,
 				value: `${Math.round(e.score * 100)}%`,
 				mono: !0,
@@ -320,13 +320,13 @@ var R = {
 };
 //#endregion
 //#region src/components/composed/ai/ai-prompt-suggestions/ai-prompt-suggestions.tsx
-function z({ suggestions: e, onPick: r, className: a, strings: o }) {
+function z({ suggestions: e, onPick: r, className: i, strings: o }) {
 	let c = t(R, o);
 	return /* @__PURE__ */ S(s, {
 		icon: /* @__PURE__ */ S(P, { className: "size-4" }),
 		title: c.title,
 		description: c.hint,
-		className: n("ai-prompt-suggestions--component", a),
+		className: n("ai-prompt-suggestions--component", i),
 		children: /* @__PURE__ */ S("div", {
 			className: "grid grid-cols-[repeat(auto-fit,minmax(min(15rem,100%),1fr))] gap-2",
 			children: e.map((e) => {
@@ -338,7 +338,7 @@ function z({ suggestions: e, onPick: r, className: a, strings: o }) {
 						onClick: () => r?.(e)
 					}),
 					className: n("ai-prompt-suggestions--item h-full items-start transition-[border-color,background] duration-150", "hover:border-foreground/20 hover:bg-muted/40"),
-					children: [!!t && /* @__PURE__ */ S(f, { children: /* @__PURE__ */ S(i, {
+					children: [!!t && /* @__PURE__ */ S(f, { children: /* @__PURE__ */ S(a, {
 						icon: t,
 						tone: "primary",
 						size: "sm",
@@ -364,12 +364,12 @@ var B = {
 };
 //#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;
+function V({ model: e, inputTokens: r, outputTokens: a, cost: c, maxTokens: l, className: d, strings: f }) {
+	let p = t(B, f), m = r + a, 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, {
+		titleSuffix: !!e && /* @__PURE__ */ S(o, {
 			variant: "secondary",
 			children: e
 		}),
@@ -380,11 +380,11 @@ function V({ model: e, inputTokens: i, outputTokens: o, cost: c, maxTokens: l, c
 				children: [
 					{
 						label: p.input,
-						value: i
+						value: r
 					},
 					{
 						label: p.output,
-						value: o
+						value: a
 					},
 					{
 						label: p.total,
@@ -392,13 +392,13 @@ function V({ model: e, inputTokens: i, outputTokens: o, cost: c, maxTokens: l, c
 					}
 				].map((e) => /* @__PURE__ */ C("div", {
 					className: "rounded-md bg-muted/40 px-3 py-2",
-					children: [/* @__PURE__ */ S(r, {
+					children: [/* @__PURE__ */ S(i, {
 						size: "xxs",
 						type: "secondary",
 						weight: "medium",
 						className: "uppercase tracking-wider",
 						children: e.label
-					}), /* @__PURE__ */ S(r, {
+					}), /* @__PURE__ */ S(i, {
 						size: "lg",
 						weight: "semibold",
 						className: "tabular-nums",
@@ -446,14 +446,14 @@ var H = {
 };
 //#endregion
 //#region src/components/composed/ai/ai-feedback/ai-feedback.tsx
-function U({ value: e, onVote: i, onSubmitComment: a, allowComment: s = !0, submitted: l = !1, className: u, strings: d }) {
+function U({ value: e, onVote: a, onSubmitComment: o, allowComment: s = !0, submitted: l = !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);
+		e === void 0 && m(n), a?.(n);
 	};
 	return l ? /* @__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, {
+		children: [/* @__PURE__ */ S(F, { className: "size-3.5 text-success" }), /* @__PURE__ */ S(i, {
 			size: "xs",
 			type: "success",
 			weight: "medium",
@@ -464,12 +464,12 @@ function U({ value: e, onVote: i, onSubmitComment: a, allowComment: s = !0, subm
 		children: [/* @__PURE__ */ C("div", {
 			className: "flex items-center gap-2",
 			children: [
-				/* @__PURE__ */ S(r, {
+				/* @__PURE__ */ S(i, {
 					size: "xs",
 					type: "secondary",
 					children: f.prompt
 				}),
-				/* @__PURE__ */ S(o, {
+				/* @__PURE__ */ S(r, {
 					type: "button",
 					variant: "secondary",
 					buttonStyle: _ === "up" ? "solid" : "ghost",
@@ -480,7 +480,7 @@ function U({ value: e, onVote: i, onSubmitComment: a, allowComment: s = !0, subm
 					className: n(_ === "up" && "text-success bg-success/15 hover:bg-success/20"),
 					children: /* @__PURE__ */ S(F, { className: "size-3.5" })
 				}),
-				/* @__PURE__ */ S(o, {
+				/* @__PURE__ */ S(r, {
 					type: "button",
 					variant: "secondary",
 					buttonStyle: _ === "down" ? "solid" : "ghost",
@@ -501,10 +501,10 @@ function U({ value: e, onVote: i, onSubmitComment: a, allowComment: s = !0, subm
 				minRows: 2
 			}), /* @__PURE__ */ S("div", {
 				className: "flex justify-end",
-				children: /* @__PURE__ */ S(o, {
+				children: /* @__PURE__ */ S(r, {
 					type: "button",
 					onClick: () => {
-						a?.(h, _), g("");
+						o?.(h, _), g("");
 					},
 					disabled: !h.trim(),
 					children: f.submit
@@ -526,11 +526,11 @@ var W = {
 };
 //#endregion
 //#region src/components/composed/ai/ai-citation/ai-citation.tsx
-function G({ sources: t, defaultExpanded: i = !1, maxCollapsedRows: a = 0, className: s, strings: c }) {
-	let l = e(W, c), [u, d] = x(i), f = u ? t : t.slice(0, Math.max(0, a)), p = t.length - f.length;
+function G({ sources: t, defaultExpanded: a = !1, maxCollapsedRows: o = 0, className: s, strings: c }) {
+	let l = e(W, c), [u, d] = x(a), f = u ? t : t.slice(0, Math.max(0, o)), p = t.length - f.length;
 	return /* @__PURE__ */ C("div", {
 		className: n("ai-citation--component", "space-y-2", s),
-		children: [/* @__PURE__ */ C(o, {
+		children: [/* @__PURE__ */ C(r, {
 			type: "button",
 			variant: "secondary",
 			buttonStyle: "ghost",
@@ -541,7 +541,7 @@ function G({ sources: t, defaultExpanded: i = !1, maxCollapsedRows: a = 0, class
 			"aria-label": u ? l.collapse : l.expand,
 			children: [
 				/* @__PURE__ */ S(N, { className: "size-3.5" }),
-				/* @__PURE__ */ C(r, {
+				/* @__PURE__ */ C(i, {
 					size: "xs",
 					weight: "medium",
 					children: [
@@ -552,11 +552,11 @@ function G({ sources: t, defaultExpanded: i = !1, maxCollapsedRows: a = 0, class
 				}),
 				S(u ? T : E, { className: "size-3.5" })
 			]
-		}), (u || a > 0) && /* @__PURE__ */ C(h, { children: [f.map((e, t) => /* @__PURE__ */ S(Fe, {
+		}), (u || o > 0) && /* @__PURE__ */ C(h, { children: [f.map((e, t) => /* @__PURE__ */ S(Fe, {
 			source: e,
 			index: t + 1,
 			strings: l
-		}, e.id)), !u && p > 0 && /* @__PURE__ */ C(r, {
+		}, e.id)), !u && p > 0 && /* @__PURE__ */ C(i, {
 			size: "xxs",
 			type: "secondary",
 			children: [
@@ -568,7 +568,7 @@ function G({ sources: t, defaultExpanded: i = !1, maxCollapsedRows: a = 0, class
 	});
 }
 G.displayName = "AiCitation";
-function Fe({ source: e, index: t, strings: i }) {
+function Fe({ source: e, index: t, strings: r }) {
 	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",
@@ -599,17 +599,17 @@ function Fe({ source: e, index: t, strings: i }) {
 				(e.publisher || e.publishedAt) && /* @__PURE__ */ C(d, {
 					className: "mt-1 justify-start gap-1.5",
 					children: [
-						!!e.publisher && /* @__PURE__ */ S(r, {
+						!!e.publisher && /* @__PURE__ */ S(i, {
 							size: "xxs",
 							type: "discrete",
 							children: e.publisher
 						}),
-						!!e.publisher && !!e.publishedAt && /* @__PURE__ */ S(r, {
+						!!e.publisher && !!e.publishedAt && /* @__PURE__ */ S(i, {
 							size: "xxs",
 							type: "discrete",
 							children: "·"
 						}),
-						!!e.publishedAt && /* @__PURE__ */ S(r, {
+						!!e.publishedAt && /* @__PURE__ */ S(i, {
 							size: "xxs",
 							type: "discrete",
 							className: "tabular-nums",
@@ -620,7 +620,7 @@ function Fe({ source: e, index: t, strings: i }) {
 			] }),
 			a !== null && /* @__PURE__ */ C(m, {
 				className: "w-16 flex-col items-end gap-0.5",
-				children: [/* @__PURE__ */ C(r, {
+				children: [/* @__PURE__ */ C(i, {
 					size: "xxs",
 					type: "secondary",
 					weight: "medium",
@@ -628,7 +628,7 @@ function Fe({ source: e, index: t, strings: i }) {
 					children: [a, "%"]
 				}), /* @__PURE__ */ S("div", {
 					className: "h-1 w-full overflow-hidden rounded-full bg-muted",
-					"aria-label": i.relevance,
+					"aria-label": r.relevance,
 					children: /* @__PURE__ */ S("div", {
 						className: "h-full rounded-full bg-primary",
 						style: { width: `${a}%` }
@@ -652,26 +652,26 @@ function Ie(e, t) {
 		return r === void 0 ? e : String(r);
 	});
 }
-function q({ index: t, title: i, url: a, onSelect: s, className: c, strings: l }) {
+function q({ index: t, title: a, url: o, onSelect: s, className: c, strings: l }) {
 	let u = e(K, l), d = Ie(u.openAria, {
 		n: t,
-		title: i ?? ""
-	}), f = i ? `${u.sourcePrefix} ${t}: ${i}` : `${u.sourcePrefix} ${t}`, p = 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", c);
-	return a ? /* @__PURE__ */ S("a", {
-		href: a,
+		title: a ?? ""
+	}), f = a ? `${u.sourcePrefix} ${t}: ${a}` : `${u.sourcePrefix} ${t}`, p = 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", c);
+	return o ? /* @__PURE__ */ S("a", {
+		href: o,
 		target: "_blank",
 		rel: "noopener noreferrer",
 		title: f,
 		"aria-label": d,
 		className: n("ai-inline-citation--component", p),
-		children: /* @__PURE__ */ S(r, {
+		children: /* @__PURE__ */ S(i, {
 			tag: "span",
 			size: "xxs",
 			weight: "medium",
 			className: "leading-none",
 			children: t
 		})
-	}) : s ? /* @__PURE__ */ S(o, {
+	}) : s ? /* @__PURE__ */ S(r, {
 		type: "button",
 		variant: "secondary",
 		buttonStyle: "ghost",
@@ -680,7 +680,7 @@ function q({ index: t, title: i, url: a, onSelect: s, className: c, strings: l }
 		title: f,
 		"aria-label": d,
 		className: n("ai-inline-citation--component", p),
-		children: /* @__PURE__ */ S(r, {
+		children: /* @__PURE__ */ S(i, {
 			tag: "span",
 			size: "xxs",
 			weight: "medium",
@@ -691,7 +691,7 @@ function q({ index: t, title: i, url: a, onSelect: s, className: c, strings: l }
 		title: f,
 		"aria-label": d,
 		className: n("ai-inline-citation--component", p),
-		children: /* @__PURE__ */ S(r, {
+		children: /* @__PURE__ */ S(i, {
 			tag: "span",
 			size: "xxs",
 			weight: "medium",
@@ -713,7 +713,7 @@ var J = {
 };
 //#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 }) {
+function Y({ name: e, version: r, description: a, 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 ? {
@@ -732,21 +732,21 @@ function Y({ name: e, version: i, description: o, license: s, publishedAt: c, ho
 				children: [
 					/* @__PURE__ */ C("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ S(r, {
+						children: [/* @__PURE__ */ S(i, {
 							weight: "semibold",
 							className: "truncate font-mono",
 							children: e
-						}), !!i && /* @__PURE__ */ C(a, {
+						}), !!r && /* @__PURE__ */ C(o, {
 							variant: "secondary",
 							className: "font-mono tabular-nums",
-							children: ["v", i.replace(/^v/, "")]
+							children: ["v", r.replace(/^v/, "")]
 						})]
 					}),
-					!!o && /* @__PURE__ */ S(r, {
+					!!a && /* @__PURE__ */ S(i, {
 						size: "xs",
 						type: "secondary",
 						className: "mt-1 line-clamp-2",
-						children: o
+						children: a
 					}),
 					(s || c || d !== void 0) && /* @__PURE__ */ C("div", {
 						className: "mt-2 flex flex-wrap items-center gap-x-3 gap-y-1",
@@ -767,7 +767,7 @@ function Y({ name: e, version: i, description: o, license: s, publishedAt: c, ho
 					}),
 					!!f?.length && /* @__PURE__ */ S("div", {
 						className: "mt-2 flex flex-wrap gap-1",
-						children: f.slice(0, 6).map((e) => /* @__PURE__ */ S(a, {
+						children: f.slice(0, 6).map((e) => /* @__PURE__ */ S(o, {
 							variant: "secondary",
 							children: e
 						}, e))
@@ -786,7 +786,7 @@ function Y({ name: e, version: i, description: o, license: s, publishedAt: c, ho
 					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, {
+						/* @__PURE__ */ S(i, {
 							tag: "span",
 							size: "xxs",
 							weight: "medium",
@@ -809,7 +809,7 @@ function Y({ name: e, version: i, description: o, license: s, publishedAt: c, ho
 					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, {
+						/* @__PURE__ */ S(i, {
 							tag: "span",
 							size: "xxs",
 							weight: "medium",
@@ -826,11 +826,11 @@ Y.displayName = "AiPackageInfo";
 function X({ label: e, value: t }) {
 	return /* @__PURE__ */ C("div", {
 		className: "inline-flex items-baseline gap-1",
-		children: [/* @__PURE__ */ S(r, {
+		children: [/* @__PURE__ */ S(i, {
 			size: "xxs",
 			type: "discrete",
 			children: e
-		}), /* @__PURE__ */ S(r, {
+		}), /* @__PURE__ */ S(i, {
 			size: "xxs",
 			type: "secondary",
 			weight: "medium",
@@ -907,20 +907,20 @@ function Q({ nodes: e, selectedId: r, onSelect: i, hideStatusLabels: a = !1, ind
 	});
 }
 Q.displayName = "AiFileTree";
-function $({ node: e, depth: t, selectedId: i, onSelect: a, hideStatusLabels: s, indent: c, strings: l }) {
-	let [u, d] = x(e.defaultExpanded ?? t < 1), f = e.kind === "directory", p = i === e.id, m = e.status, h = m ? Le[m] : void 0, g = e.icon ?? (f ? u ? Ce : Se : Re(e.name)), _ = () => {
-		f ? d((e) => !e) : a?.(e);
+function $({ node: e, depth: t, selectedId: a, onSelect: o, hideStatusLabels: s, indent: c, strings: l }) {
+	let [u, d] = x(e.defaultExpanded ?? t < 1), f = e.kind === "directory", p = a === e.id, m = e.status, h = m ? Le[m] : void 0, g = e.icon ?? (f ? u ? Ce : Se : Re(e.name)), _ = () => {
+		f ? d((e) => !e) : o?.(e);
 	}, v = /* @__PURE__ */ C(xe, { children: [!!m && !s && /* @__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", h?.pill),
 		children: l.statusLabels[m]
-	}), !!e.trailing && /* @__PURE__ */ S(r, {
+	}), !!e.trailing && /* @__PURE__ */ S(i, {
 		tag: "span",
 		size: "xxs",
 		type: "secondary",
 		className: "tabular-nums",
 		children: e.trailing
 	})] });
-	return /* @__PURE__ */ C("li", { children: [/* @__PURE__ */ C(o, {
+	return /* @__PURE__ */ C("li", { children: [/* @__PURE__ */ C(r, {
 		type: "button",
 		variant: "secondary",
 		buttonStyle: "ghost",
@@ -948,8 +948,8 @@ function $({ node: e, depth: t, selectedId: i, onSelect: a, hideStatusLabels: s,
 	}), f && u && !!e.children?.length && /* @__PURE__ */ S("ul", { children: e.children.map((e) => /* @__PURE__ */ S($, {
 		node: e,
 		depth: t + 1,
-		selectedId: i,
-		onSelect: a,
+		selectedId: a,
+		onSelect: o,
 		hideStatusLabels: s,
 		indent: c,
 		strings: l