themelia-react-ui 1.0.2 → 2.0.1

package/dist/blocks/ai.js

@@ -1,56 +1,58 @@
 "use client";
 import { mergeStrings as e, useStrings as t } from "../lib/strings.js";
-import { t as n } from "../utils-BvH9PSmq.js";
-import { a as r, r as i, t as a } from "../typography-BxQgiZyw.js";
-import { t as o } from "../button-BZDasD04.js";
-import { i as s, t as c } from "../structure-CRdqVawd.js";
-import { t as l } from "../progress-BroqrAyV.js";
-import { g as u, m as d } from "../primitives-C7ff0QaI.js";
-import { n as f, t as p } from "../number-DasMFWEG.js";
-import { t as m } from "../icon-badge-Btc6pQrp.js";
-import { t as h } from "../badge-CzId1Wlm.js";
-import { t as g } from "../separator-BNIgG3au.js";
-import { d as _ } from "../text-inputs-DsR56TR-.js";
-import { a as v, c as y, i as b, n as x, o as S, r as C, t as w, u as T } from "../item-DE4YnuJx.js";
-import { g as E } from "../data-display-Bihs9Ven.js";
-import { C as ee, S as te, _ as D, a as O, b as ne, c as re, d as ie, f as ae, g as oe, 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 "../ai-artifact-DLVdK0Py.js";
-import { t as xe } from "../tree-BtmYyMZV.js";
-import { useMemo as Se, useState as k } from "react";
+import { t as n } from "../utils-l5LpDw2z.js";
+import { n as r } from "../buttons-SbIcm1HJ.js";
+import { a as i, s as a, t as o } from "../typography-DTRkE9zL.js";
+import { t as s } from "../focus-recipes-B653VaLq.js";
+import { r as c, t as l } from "../structure-DC2dygdA.js";
+import { r as u } from "../tone-recipes-CPoExcTE.js";
+import { t as d } from "../progress-rnS8-uAW.js";
+import { t as f } from "../interaction-recipes-CHr0dJUs.js";
+import { g as p, m } from "../primitives-B-CkiEMU.js";
+import { n as h, t as g } from "../number-DMhe-Vsk.js";
+import { t as _ } from "../icon-badge-CAuKupo9.js";
+import { t as v } from "../badge-MrKVNzW9.js";
+import { d as y } from "../text-inputs-aaK9wcDT.js";
+import { a as b, c as x, i as S, n as C, o as ee, r as w, t as T, u as E } from "../item-DEmDiTlD.js";
+import { m as D } from "../data-display-DafIvCl5.js";
+import { C as te, S as ne, _ as re, a as ie, b as ae, c as O, d as oe, f as se, g as ce, h as le, i as ue, l as de, m as fe, n as pe, o as me, p as he, r as ge, s as _e, t as ve, u as ye, v as be, x as xe, y as Se } from "../ai-artifact-BMJdv-6q.js";
+import { t as Ce } from "../tree-BiKhg8AY.js";
+import { useMemo as we, useState as k } from "react";
 import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
-import { ChevronDown as Ce, ChevronRight as we, Code2 as Te, ExternalLink as N, File as Ee, FileCode as De, FileText as Oe, Folder as ke, FolderOpen as Ae, Globe as je, Package as P, Quote as Me, RefreshCw as Ne, ThumbsDown as Pe, ThumbsUp as F } from "lucide-react";
+import { ChevronDown as Te, ChevronRight as Ee, ExternalLink as N, File as De, FileCode as Oe, FileText as ke, Folder as Ae, FolderOpen as je, ThumbsDown as Me, ThumbsUp as P } from "lucide-react";
 //#region src/components/blocks/ai/ai.strings.ts
-var Fe = {
+var F = {
 	regenerate: "Regenerate",
 	confidenceLevels: {
 		low: "low",
 		medium: "medium",
 		high: "high"
 	}
-}, Ie = {
+}, Ne = {
 	title: "Classification",
 	complexityLabel: "Complexity",
 	flagsLabel: "Flags",
-	nextStepLabel: "Next Step",
+	nextStepLabel: "Next step",
 	confidencePrefix: "Confidence",
 	confidenceBands: {
 		low: "Low",
 		medium: "Medium",
 		high: "High"
 	}
-}, Le = {
+}, Pe = {
 	low: 1,
 	medium: 2,
 	high: 3
 };
-function Re({ level: e, label: t }) {
-	let i = Le[e];
+function Fe({ level: e, label: t }) {
+	let r = Pe[e];
 	return /* @__PURE__ */ M("div", {
 		className: "ai-summary--confidence flex items-center gap-space-sm",
 		children: [/* @__PURE__ */ j("div", {
 			className: "flex items-center gap-space-2xs",
 			"aria-hidden": "true",
-			children: Array.from({ length: 3 }, (e, t) => /* @__PURE__ */ j("div", { className: n("h-2.5 w-1 rounded-radius-sm", t < i ? "bg-foreground/60" : "bg-muted-foreground/20") }, `bar-${String(t)}`))
-		}), /* @__PURE__ */ j(r, {
+			children: Array.from({ length: 3 }, (e, t) => /* @__PURE__ */ j("div", { className: n("h-2.5 w-1 rounded-radius-sm", t < r ? "bg-muted-foreground" : "bg-muted") }, `bar-${String(t)}`))
+		}), /* @__PURE__ */ j(a, {
 			size: "xs",
 			type: "secondary",
 			tag: "span",
@@ -59,49 +61,49 @@ function Re({ level: e, label: t }) {
 		})]
 	});
 }
-function ze({ data: e, children: i, metadata: a, actions: s, footer: l, className: d, strings: f }) {
-	let p = t(Fe, f), m = /* @__PURE__ */ M("div", {
+function Ie({ data: e, children: i, metadata: o, actions: s, footer: c, className: u, strings: d }) {
+	let f = t(F, d), m = /* @__PURE__ */ M("div", {
 		className: "ai-summary--metadata flex min-w-0 flex-wrap items-center gap-x-space-md gap-y-space-xs",
-		children: [!!e.generatedAt && /* @__PURE__ */ j(u, {
+		children: [!!e.generatedAt && /* @__PURE__ */ j(p, {
 			size: "xs",
 			className: "min-w-0",
 			children: e.generatedAt
-		}), !!e.model && /* @__PURE__ */ j(u, {
+		}), !!e.model && /* @__PURE__ */ j(p, {
 			size: "xs",
 			className: "min-w-0 truncate",
 			children: e.model
 		})]
-	}), g = e.onRegenerate ? /* @__PURE__ */ M(o, {
+	}), h = e.onRegenerate ? /* @__PURE__ */ j(r, {
 		tone: "secondary",
 		buttonStyle: "ghost",
 		onClick: e.onRegenerate,
-		children: [/* @__PURE__ */ j(Ne, { className: "mr-1 h-3 w-3" }), p.regenerate]
-	}) : null, _ = a === void 0 ? m : a, v = s === void 0 ? g : s, y = l === void 0 ? (_ || v) && /* @__PURE__ */ M(A, { children: [_, v] }) : l;
-	return /* @__PURE__ */ M(c, {
+		children: f.regenerate
+	}) : null, g = o === void 0 ? m : o, _ = s === void 0 ? h : s, y = c === void 0 ? (g || _) && /* @__PURE__ */ M(A, { children: [g, _] }) : c;
+	return /* @__PURE__ */ M(l, {
 		"data-component": "ai-summary",
 		"data-slot": "ai-summary",
-		className: n("ai-summary--component", d),
+		className: n("ai-summary--component", u),
 		children: [
-			/* @__PURE__ */ j(r, {
+			/* @__PURE__ */ j(a, {
 				lineHeight: "relaxed",
 				children: e.summary
 			}),
-			e.entities.length > 0 && /* @__PURE__ */ j(c, {
+			e.entities.length > 0 && /* @__PURE__ */ j(l, {
 				direction: "horizontal",
 				wrap: !0,
 				gap: "sm",
 				className: "ai-summary--entities min-w-0",
-				children: e.entities.map((e) => /* @__PURE__ */ j(h, {
+				children: e.entities.map((e) => /* @__PURE__ */ j(v, {
 					tone: "secondary",
 					children: e
 				}, e))
 			}),
-			/* @__PURE__ */ j(Re, {
+			/* @__PURE__ */ j(Fe, {
 				level: e.confidence,
-				label: p.confidenceLevels[e.confidence]
+				label: f.confidenceLevels[e.confidence]
 			}),
 			i,
-			!!y && /* @__PURE__ */ j(c, {
+			!!y && /* @__PURE__ */ j(l, {
 				direction: {
 					base: "vertical",
 					sm: "horizontal"
@@ -116,43 +118,40 @@ function ze({ data: e, children: i, metadata: a, actions: s, footer: l, classNam
 }
 //#endregion
 //#region src/components/blocks/ai/ai-classification/ai-classification.tsx
-function Be({ data: e, children: i, className: a, strings: o }) {
-	let s = t(Ie, o), l = e.confidence >= .9 ? s.confidenceBands.high : e.confidence >= .7 ? s.confidenceBands.medium : s.confidenceBands.low;
-	return /* @__PURE__ */ M(c, {
+function Le({ data: e, children: r, className: i, strings: o }) {
+	let s = t(Ne, o), c = e.confidence >= .9 ? s.confidenceBands.high : e.confidence >= .7 ? s.confidenceBands.medium : s.confidenceBands.low;
+	return /* @__PURE__ */ M(l, {
 		"data-component": "ai-classification",
 		"data-slot": "ai-classification",
-		className: n("ai-classification--component", a),
+		className: n("ai-classification--component", i),
 		children: [
-			/* @__PURE__ */ M(c, {
+			/* @__PURE__ */ M(l, {
 				direction: "horizontal",
 				wrap: !0,
 				align: "center",
 				gap: "sm",
 				children: [
-					/* @__PURE__ */ j(h, {
-						tone: "primary",
-						children: e.requestType
-					}),
-					/* @__PURE__ */ j(h, {
+					/* @__PURE__ */ j(v, { children: e.requestType }),
+					/* @__PURE__ */ j(v, {
 						tone: e.urgencyTone,
 						children: e.urgency
 					}),
-					/* @__PURE__ */ j(h, {
+					/* @__PURE__ */ j(v, {
 						tone: e.sentimentTone,
 						dot: !0,
 						children: e.tone
 					})
 				]
 			}),
-			/* @__PURE__ */ j(E, {
+			/* @__PURE__ */ j(D, {
 				label: s.complexityLabel,
 				labelClassName: "text-sm font-medium text-foreground",
 				value: /* @__PURE__ */ M("span", {
 					className: "flex items-center gap-space-md",
 					children: [/* @__PURE__ */ j("span", {
 						className: "flex items-center gap-space-xs",
-						children: Array.from({ length: 5 }, (t, r) => /* @__PURE__ */ j("span", { className: n("h-1.5 w-3 rounded-radius-sm", r < e.complexityScore ? "bg-foreground/60" : "bg-muted") }, `cx-${String(r)}`))
-					}), /* @__PURE__ */ M(r, {
+						children: Array.from({ length: 5 }, (t, r) => /* @__PURE__ */ j("span", { className: n("h-1.5 w-3 rounded-radius-sm", r < e.complexityScore ? "bg-muted-foreground" : "bg-muted") }, `cx-${String(r)}`))
+					}), /* @__PURE__ */ M(a, {
 						tag: "span",
 						size: "xs",
 						type: "secondary",
@@ -160,48 +159,42 @@ function Be({ data: e, children: i, className: a, strings: o }) {
 					})]
 				})
 			}),
-			e.flags.length > 0 && /* @__PURE__ */ j(E, {
+			e.flags.length > 0 && /* @__PURE__ */ j(D, {
 				label: s.flagsLabel,
 				labelClassName: "text-sm font-medium text-foreground",
 				value: /* @__PURE__ */ j("span", {
 					className: "flex gap-space-xs",
-					children: e.flags.map((e) => /* @__PURE__ */ j(h, {
-						tone: "warning",
-						children: e
-					}, e))
+					children: e.flags.map((e) => /* @__PURE__ */ j(v, { children: e }, e))
 				})
 			}),
-			/* @__PURE__ */ j(E, {
+			/* @__PURE__ */ j(D, {
 				label: s.nextStepLabel,
 				labelClassName: "text-sm font-medium text-foreground",
-				value: /* @__PURE__ */ j(h, {
-					tone: "info",
-					children: e.suggestedAction
-				})
+				value: e.suggestedAction,
+				valueClassName: "text-right"
 			}),
-			/* @__PURE__ */ j(r, {
+			/* @__PURE__ */ j(a, {
 				lineHeight: "relaxed",
 				type: "secondary",
 				children: e.summary
 			}),
-			/* @__PURE__ */ j(g, {}),
 			/* @__PURE__ */ M("div", {
 				className: "flex items-center gap-space-md",
-				children: [/* @__PURE__ */ M(h, {
+				children: [/* @__PURE__ */ M(v, {
 					tone: "secondary",
 					children: [
 						s.confidencePrefix,
 						": ",
-						l
+						c
 					]
-				}), /* @__PURE__ */ j(r, {
+				}), /* @__PURE__ */ j(a, {
 					size: "xs",
 					type: "discrete",
 					tag: "span",
 					children: e.model
 				})]
 			}),
-			i
+			r
 		]
 	});
 }
@@ -217,17 +210,17 @@ var I = {
 };
 //#endregion
 //#region src/components/blocks/ai/ai-confidence/ai-confidence.tsx
-function Ve(e) {
+function Re(e) {
 	return e >= .85 ? "success" : e >= .6 ? "warning" : "destructive";
 }
-function L({ score: e, model: a, factors: o, className: s, strings: u }) {
-	let d = t(I, u), p = Math.round(e * 100), m = Ve(e), g = m === "success" ? d.levelHigh : m === "warning" ? d.levelMedium : d.levelLow, _ = 2 * Math.PI * 24, v = _ - p / 100 * _;
-	return /* @__PURE__ */ M(c, {
+function L({ score: e, model: r, factors: o, className: s, strings: c }) {
+	let u = t(I, c), f = Math.round(e * 100), p = Re(e), m = p === "success" ? u.levelHigh : p === "warning" ? u.levelMedium : u.levelLow, g = 2 * Math.PI * 24, _ = g - f / 100 * g;
+	return /* @__PURE__ */ M(l, {
 		"data-component": "ai-confidence",
 		"data-slot": "ai-confidence",
 		gap: "xl",
 		className: n("ai-confidence--component @container/ai-confidence", s),
-		"aria-label": d.title,
+		"aria-label": u.title,
 		children: [/* @__PURE__ */ M("div", {
 			className: "grid gap-space-xl @md/ai-confidence:grid-cols-[auto_minmax(0,1fr)] @md/ai-confidence:items-center",
 			children: [/* @__PURE__ */ M("div", {
@@ -253,50 +246,48 @@ function L({ score: e, model: a, factors: o, className: s, strings: u }) {
 						stroke: "currentColor",
 						strokeWidth: "5",
 						strokeLinecap: "round",
-						strokeDasharray: _,
-						strokeDashoffset: v,
+						strokeDasharray: g,
+						strokeDashoffset: _,
 						transform: "rotate(-90 32 32)",
-						className: n(m === "success" && "text-success", m === "warning" && "text-warning-accent", m === "destructive" && "text-destructive")
+						className: n(p === "success" && "text-success", p === "warning" && "text-warning-accent", p === "destructive" && "text-destructive")
 					})]
 				}), /* @__PURE__ */ j("div", {
 					className: "absolute inset-0 flex flex-col items-center justify-center",
-					children: /* @__PURE__ */ j(f, {
-						value: p,
+					children: /* @__PURE__ */ j(h, {
+						value: f,
 						scaled: !0,
 						weight: "semibold",
 						className: "leading-none"
 					})
 				})]
-			}), /* @__PURE__ */ M(c, {
+			}), /* @__PURE__ */ M(l, {
 				gap: "sm",
-				children: [/* @__PURE__ */ j(i, { children: d.confidenceLabel }), /* @__PURE__ */ M(c, {
+				children: [/* @__PURE__ */ j(i, { children: u.confidenceLabel }), /* @__PURE__ */ M(l, {
 					direction: "horizontal",
 					gap: "sm",
-					children: [/* @__PURE__ */ j(h, {
-						tone: m,
-						children: g
-					}), !!a && /* @__PURE__ */ j(r, {
+					children: [/* @__PURE__ */ j(v, {
+						tone: p,
+						children: m
+					}), !!r && /* @__PURE__ */ j(a, {
 						size: "xs",
 						type: "secondary",
 						className: "truncate",
-						children: a
+						children: r
 					})]
 				})]
 			})]
-		}), !!o && o.length > 0 && /* @__PURE__ */ M(c, {
+		}), !!o && o.length > 0 && /* @__PURE__ */ M(l, {
 			gap: "md",
-			className: "mt-space-xl",
-			children: [/* @__PURE__ */ j(i, { children: d.factorsLabel }), o.map((e) => /* @__PURE__ */ M(c, {
+			children: [/* @__PURE__ */ j(i, { children: u.factorsLabel }), o.map((e) => /* @__PURE__ */ M(l, {
 				gap: "sm",
-				children: [/* @__PURE__ */ j(E, {
+				children: [/* @__PURE__ */ j(D, {
 					label: e.label,
-					value: /* @__PURE__ */ j(f, {
+					value: /* @__PURE__ */ j(h, {
 						value: e.score,
 						size: "xs",
 						weight: "semibold"
-					}),
-					mono: !0
-				}), /* @__PURE__ */ j(l, {
+					})
+				}), /* @__PURE__ */ j(d, {
 					value: Math.round(e.score * 100),
 					"aria-label": e.label
 				})]
@@ -315,33 +306,33 @@ var R = {
 //#region src/components/blocks/ai/ai-prompt-suggestions/ai-prompt-suggestions.tsx
 function z({ suggestions: e, onPick: r, className: i, strings: a }) {
 	let o = t(R, a);
-	return /* @__PURE__ */ M(c, {
+	return /* @__PURE__ */ M(l, {
 		"data-component": "ai-prompt-suggestions",
 		"data-slot": "ai-prompt-suggestions",
 		className: n("ai-prompt-suggestions--component", i),
-		children: [/* @__PURE__ */ M(c, {
+		children: [/* @__PURE__ */ M(l, {
 			gap: "normal",
 			className: "ai-prompt-suggestions--intro",
-			children: [/* @__PURE__ */ j(T, { children: o.title }), /* @__PURE__ */ j(b, { children: o.hint })]
+			children: [/* @__PURE__ */ j(E, { children: o.title }), /* @__PURE__ */ j(S, { children: o.hint })]
 		}), /* @__PURE__ */ j("div", {
 			className: "grid grid-cols-[repeat(auto-fit,minmax(min(15rem,100%),1fr))] gap-space-xl",
 			children: e.map((e) => {
 				let t = e.icon;
-				return /* @__PURE__ */ M(w, {
+				return /* @__PURE__ */ M(T, {
 					variant: "outline",
 					render: /* @__PURE__ */ j("button", {
 						type: "button",
 						onClick: () => r?.(e)
 					}),
-					className: n("ai-prompt-suggestions--item h-full items-start gap-space-lg p-surface transition-[border-color,background] duration-150", "hover:border-foreground/20 hover:bg-muted/40"),
-					children: [!!t && /* @__PURE__ */ j(y, { children: /* @__PURE__ */ j(m, {
+					className: n("ai-prompt-suggestions--item h-full items-start gap-space-lg p-surface", f.rowHover),
+					children: [!!t && /* @__PURE__ */ j(x, { children: /* @__PURE__ */ j(_, {
 						icon: t,
-						tone: "primary",
+						tone: "neutral",
 						size: "md",
 						shape: "square"
-					}) }), /* @__PURE__ */ M(C, {
+					}) }), /* @__PURE__ */ M(w, {
 						className: "min-w-0 gap-space-sm",
-						children: [/* @__PURE__ */ j(T, { children: e.label }), !!e.description && /* @__PURE__ */ j(b, { children: e.description })]
+						children: [/* @__PURE__ */ j(E, { children: e.label }), !!e.description && /* @__PURE__ */ j(S, { children: e.description })]
 					})]
 				}, e.id);
 			})
@@ -360,101 +351,95 @@ var B = {
 };
 //#endregion
 //#region src/components/blocks/ai/ai-token-usage/ai-token-usage.tsx
-function V({ model: e, inputTokens: a, outputTokens: o, cost: l, maxTokens: u, className: d, strings: m }) {
-	let g = t(B, m), _ = a + o, v = u ? Math.min(100, Math.round(_ / u * 100)) : 0;
-	return /* @__PURE__ */ M(c, {
+function V({ model: e, inputTokens: r, outputTokens: o, cost: s, maxTokens: u, className: d, strings: f }) {
+	let p = t(B, f), m = r + o, _ = u ? Math.min(100, Math.round(m / u * 100)) : 0;
+	return /* @__PURE__ */ M(l, {
 		"data-component": "ai-token-usage",
 		"data-slot": "ai-token-usage",
 		className: n("ai-token-usage--component", d),
 		children: [
 			!!e && /* @__PURE__ */ j("div", {
 				className: "ai-token-usage--metadata flex min-w-0 justify-start",
-				children: /* @__PURE__ */ j(h, {
+				children: /* @__PURE__ */ j(v, {
 					tone: "secondary",
 					children: e
 				})
 			}),
-			/* @__PURE__ */ j(s, {
-				minColumnWidth: "sm",
+			/* @__PURE__ */ j(c, {
+				columns: 3,
 				gap: "md",
 				children: [
 					{
-						label: g.input,
-						value: a
+						label: p.input,
+						value: r
 					},
 					{
-						label: g.output,
+						label: p.output,
 						value: o
 					},
 					{
-						label: g.total,
-						value: _
+						label: p.total,
+						value: m
 					}
-				].map((e) => /* @__PURE__ */ j("div", {
-					className: "rounded-radius bg-muted/40 p-surface-xs",
-					children: /* @__PURE__ */ M(c, {
-						gap: "2xs",
-						children: [/* @__PURE__ */ j(i, { children: e.label }), /* @__PURE__ */ j(p, {
-							value: e.value,
-							weight: "semibold",
-							align: "left"
-						})]
-					})
+				].map((e) => /* @__PURE__ */ M(l, {
+					gap: "2xs",
+					children: [/* @__PURE__ */ j(i, { children: e.label }), /* @__PURE__ */ j(g, {
+						value: e.value,
+						weight: "semibold",
+						align: "left"
+					})]
 				}, e.label))
 			}),
-			!!u && /* @__PURE__ */ M("div", {
-				className: "mt-space-lg",
-				children: [/* @__PURE__ */ j(E, {
+			!!u && /* @__PURE__ */ M(l, {
+				gap: "xs",
+				children: [/* @__PURE__ */ j(D, {
 					label: /* @__PURE__ */ M("span", {
 						className: "inline-flex items-center gap-space-xs",
 						children: [
-							/* @__PURE__ */ j(p, {
-								value: _,
+							/* @__PURE__ */ j(g, {
+								value: m,
 								size: "xs",
 								align: "left"
 							}),
-							/* @__PURE__ */ j(r, {
+							/* @__PURE__ */ j(a, {
 								tag: "span",
 								size: "xs",
 								"aria-hidden": !0,
 								children: "/"
 							}),
-							/* @__PURE__ */ j(p, {
+							/* @__PURE__ */ j(g, {
 								value: u,
 								size: "xs",
 								align: "left"
 							})
 						]
 					}),
-					value: /* @__PURE__ */ j(f, {
-						value: v,
+					value: /* @__PURE__ */ j(h, {
+						value: _,
 						scaled: !0,
 						size: "xs",
 						weight: "semibold",
 						align: "right"
 					}),
-					mono: !0,
 					valueClassName: "text-xs font-semibold"
 				}), /* @__PURE__ */ j("div", {
-					className: "mt-1 h-1.5 w-full overflow-hidden rounded-full bg-muted",
+					className: "h-1.5 w-full overflow-hidden rounded-full bg-muted",
 					children: /* @__PURE__ */ j("div", {
 						className: "h-full rounded-full bg-primary",
-						style: { width: `${v}%` }
+						style: { width: `${_}%` }
 					})
 				})]
 			}),
-			!!l && /* @__PURE__ */ j(E, {
-				className: "mt-space-lg rounded-radius bg-primary/5 p-surface-xs",
-				label: /* @__PURE__ */ j(r, {
+			!!s && /* @__PURE__ */ j(D, {
+				label: /* @__PURE__ */ j(a, {
 					tag: "span",
 					size: "xs",
 					weight: "medium",
 					lineHeight: "tight",
-					children: g.cost
+					children: p.cost
 				}),
-				value: l,
-				mono: !0,
-				valueClassName: "text-sm font-bold"
+				value: s,
+				valueClassName: "text-sm font-bold tabular-nums"
 			})
 		]
 	});
@@ -472,72 +457,73 @@ var H = {
 };
 //#endregion
 //#region src/components/blocks/ai/ai-feedback/ai-feedback.tsx
-function U({ value: e, onVote: i, onSubmitComment: a, allowComment: s = !0, submitted: l = !1, className: u, strings: d }) {
-	let f = t(H, d), [p, m] = k(null), [h, g] = k(""), v = e ?? p, y = (t) => {
-		let n = v === t ? null : t;
-		e === void 0 && m(n), i?.(n);
+function U({ value: e, onVote: i, onSubmitComment: o, allowComment: s = !0, submitted: c = !1, className: d, strings: p }) {
+	let m = t(H, p), [h, g] = k(null), [_, v] = k(""), b = e ?? h, x = (t) => {
+		let n = b === t ? null : t;
+		e === void 0 && g(n), i?.(n);
 	};
-	return l ? /* @__PURE__ */ M("div", {
-		className: n("ai-feedback--component", "inline-flex items-center gap-space-md rounded-radius bg-success/10 px-space-lg py-space-sm", u),
-		children: [/* @__PURE__ */ j(F, { className: "size-icon-md text-success" }), /* @__PURE__ */ j(r, {
+	return c ? /* @__PURE__ */ M("div", {
+		className: n("ai-feedback--component", "inline-flex items-center gap-space-md rounded-radius px-space-lg py-space-sm", u.success.wash, d),
+		children: [/* @__PURE__ */ j(P, { className: "size-icon-md text-success" }), /* @__PURE__ */ j(a, {
 			size: "xs",
 			type: "success",
 			weight: "medium",
-			children: f.thanks
+			children: m.thanks
 		})]
 	}) : /* @__PURE__ */ M("div", {
-		className: n("ai-feedback--component inline-flex flex-col gap-space-md", u),
+		className: n("ai-feedback--component inline-flex flex-col gap-space-md", d),
 		children: [/* @__PURE__ */ M("div", {
 			className: "flex items-center gap-space-md",
 			children: [
-				/* @__PURE__ */ j(r, {
+				/* @__PURE__ */ j(a, {
 					size: "xs",
 					type: "secondary",
-					children: f.prompt
+					children: m.prompt
 				}),
-				/* @__PURE__ */ j(o, {
+				/* @__PURE__ */ j(r, {
 					type: "button",
 					tone: "secondary",
-					buttonStyle: v === "up" ? "solid" : "ghost",
+					buttonStyle: "ghost",
 					size: "sm",
 					iconOnly: !0,
-					"aria-label": f.thumbsUpAria,
-					"aria-pressed": v === "up",
-					onClick: () => y("up"),
-					className: n(v === "up" && "text-success bg-success/15 hover:bg-success/20"),
-					children: /* @__PURE__ */ j(F, { className: "size-icon-md" })
+					"aria-label": m.thumbsUpAria,
+					"aria-pressed": b === "up",
+					onClick: () => x("up"),
+					className: b === "up" ? f.togglePressed : f.toggleHoverButton,
+					children: /* @__PURE__ */ j(P, { className: "size-icon-md" })
 				}),
-				/* @__PURE__ */ j(o, {
+				/* @__PURE__ */ j(r, {
 					type: "button",
 					tone: "secondary",
-					buttonStyle: v === "down" ? "solid" : "ghost",
+					buttonStyle: "ghost",
 					size: "sm",
 					iconOnly: !0,
-					"aria-label": f.thumbsDownAria,
-					"aria-pressed": v === "down",
-					onClick: () => y("down"),
-					className: n(v === "down" && "text-destructive bg-destructive/10 hover:bg-destructive/10"),
-					children: /* @__PURE__ */ j(Pe, { className: "size-icon-md" })
+					"aria-label": m.thumbsDownAria,
+					"aria-pressed": b === "down",
+					onClick: () => x("down"),
+					className: b === "down" ? f.togglePressed : f.toggleHoverButton,
+					children: /* @__PURE__ */ j(Me, { className: "size-icon-md" })
 				})
 			]
-		}), !!s && !!v && /* @__PURE__ */ M(c, {
+		}), !!s && !!b && /* @__PURE__ */ M(l, {
 			gap: "md",
-			children: [/* @__PURE__ */ j(_, {
-				value: h,
-				onChange: (e) => g(e.target.value),
-				placeholder: f.commentPlaceholder,
+			children: [/* @__PURE__ */ j(y, {
+				value: _,
+				onChange: (e) => v(e.target.value),
+				placeholder: m.commentPlaceholder,
 				minRows: 2
-			}), /* @__PURE__ */ j(c, {
+			}), /* @__PURE__ */ j(l, {
 				direction: "horizontal",
 				gap: "none",
 				justify: "end",
-				children: /* @__PURE__ */ j(o, {
+				children: /* @__PURE__ */ j(r, {
+					tone: "primary",
 					type: "button",
 					onClick: () => {
-						a?.(h, v), g("");
+						o?.(_, b), v("");
 					},
-					disabled: !h.trim(),
-					children: f.submit
+					disabled: !_.trim(),
+					children: m.submit
 				})
 			})]
 		})]
@@ -557,60 +543,56 @@ var W = {
 };
 //#endregion
 //#region src/components/blocks/ai/ai-citation/ai-citation.tsx
-function G({ sources: t, expanded: i, defaultExpanded: a = !1, onExpandedChange: s, maxCollapsedRows: l = 0, className: u, strings: d }) {
-	let f = e(W, d), [p, m] = k(a), h = i ?? p, g = (e) => {
-		i === void 0 && m(e), s?.(e);
-	}, _ = h ? t : t.slice(0, Math.max(0, l)), v = t.length - _.length;
+function G({ sources: t, expanded: i, defaultExpanded: o = !1, onExpandedChange: s, maxCollapsedRows: c = 0, className: u, strings: d }) {
+	let p = e(W, d), [m, h] = k(o), g = i ?? m, _ = (e) => {
+		i === void 0 && h(e), s?.(e);
+	}, v = g ? t : t.slice(0, Math.max(0, c)), y = t.length - v.length;
 	return /* @__PURE__ */ j("div", {
 		className: n("ai-citation--component", "rounded-radius border border-border bg-card px-surface-xs py-surface-xs shadow-xs", u),
-		children: /* @__PURE__ */ M(c, {
+		children: /* @__PURE__ */ M(l, {
 			gap: "lg",
-			children: [/* @__PURE__ */ M(o, {
+			children: [/* @__PURE__ */ M(r, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
 				size: "sm",
-				onClick: () => g(!h),
-				className: n("ai-citation--trigger h-auto justify-start gap-space-sm rounded-inner px-control py-row-y", "text-muted-foreground hover:text-foreground hover:bg-muted/40"),
-				"aria-expanded": h,
-				"aria-label": h ? f.collapse : f.expand,
-				children: [
-					/* @__PURE__ */ j(Me, { className: "size-icon-md" }),
-					/* @__PURE__ */ M(r, {
-						weight: "medium",
-						children: [
-							f.title,
-							" · ",
-							f.sourceCount(t.length)
-						]
-					}),
-					j(h ? Ce : we, { className: "size-icon-md" })
-				]
-			}), (h || l > 0) && /* @__PURE__ */ M(S, { children: [_.map((e, t) => /* @__PURE__ */ j(He, {
+				onClick: () => _(!g),
+				className: n("ai-citation--trigger h-auto min-h-0 justify-start gap-space-sm rounded-inner px-control py-row-y", `text-muted-foreground ${f.rowHover}`),
+				"aria-expanded": g,
+				"aria-label": g ? p.collapse : p.expand,
+				children: [/* @__PURE__ */ M(a, {
+					weight: "medium",
+					children: [
+						p.title,
+						" · ",
+						p.sourceCount(t.length)
+					]
+				}), j(g ? Te : Ee, { className: "size-icon-md" })]
+			}), (g || c > 0) && /* @__PURE__ */ M(ee, { children: [v.map((e, t) => /* @__PURE__ */ j(ze, {
 				source: e,
 				index: t + 1,
-				strings: f
-			}, e.id)), !h && v > 0 && /* @__PURE__ */ j(r, {
+				strings: p
+			}, e.id)), !g && y > 0 && /* @__PURE__ */ j(a, {
 				size: "xs",
 				type: "secondary",
-				children: f.hiddenCount(v)
+				children: p.hiddenCount(y)
 			})] })]
 		})
 	});
 }
 G.displayName = "AiCitation";
-function He({ 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 ? {
+function ze({ source: e, index: t, strings: r }) {
+	let i = 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__ */ M(w, {
+	return /* @__PURE__ */ M(T, {
 		variant: "outline",
 		size: "sm",
 		className: "items-start px-surface-xs py-surface-xs",
 		children: [
-			/* @__PURE__ */ j(y, { children: /* @__PURE__ */ j(p, {
+			/* @__PURE__ */ j(x, { children: /* @__PURE__ */ j(g, {
 				value: t,
 				size: "xs",
 				weight: "semibold",
@@ -618,8 +600,8 @@ function He({ source: e, index: t, strings: i }) {
 				align: "center",
 				className: "inline-flex size-icon-lg shrink-0 items-center justify-center rounded-full bg-muted"
 			}) }),
-			/* @__PURE__ */ M(C, { children: [
-				/* @__PURE__ */ j(T, {
+			/* @__PURE__ */ M(w, { children: [
+				/* @__PURE__ */ j(E, {
 					className: "truncate",
 					children: /* @__PURE__ */ M(o, {
 						...s,
@@ -627,24 +609,24 @@ function He({ source: e, index: t, strings: i }) {
 						children: [e.title, !!e.url && /* @__PURE__ */ j(N, { className: "ml-1 inline size-icon-sm align-baseline" })]
 					})
 				}),
-				!!e.snippet && /* @__PURE__ */ j(b, {
+				!!e.snippet && /* @__PURE__ */ j(S, {
 					clamp: 2,
 					children: e.snippet
 				}),
-				(e.publisher || e.publishedAt) && /* @__PURE__ */ M(v, {
+				(e.publisher || e.publishedAt) && /* @__PURE__ */ M(b, {
 					className: "mt-1 justify-start gap-space-sm",
 					children: [
-						!!e.publisher && /* @__PURE__ */ j(r, {
+						!!e.publisher && /* @__PURE__ */ j(a, {
 							size: "xs",
 							type: "discrete",
 							children: e.publisher
 						}),
-						!!e.publisher && !!e.publishedAt && /* @__PURE__ */ j(r, {
+						!!e.publisher && !!e.publishedAt && /* @__PURE__ */ j(a, {
 							size: "xs",
 							type: "discrete",
 							children: "·"
 						}),
-						!!e.publishedAt && /* @__PURE__ */ j(u, {
+						!!e.publishedAt && /* @__PURE__ */ j(p, {
 							size: "xs",
 							className: "tabular-nums opacity-80",
 							children: e.publishedAt
@@ -652,10 +634,10 @@ function He({ source: e, index: t, strings: i }) {
 					]
 				})
 			] }),
-			a !== null && /* @__PURE__ */ M(x, {
+			i !== null && /* @__PURE__ */ M(C, {
 				className: "w-16 flex-col items-end gap-space-2xs",
-				children: [/* @__PURE__ */ j(f, {
-					value: a,
+				children: [/* @__PURE__ */ j(h, {
+					value: i,
 					scaled: !0,
 					size: "xs",
 					type: "secondary",
@@ -663,13 +645,13 @@ function He({ source: e, index: t, strings: i }) {
 				}), /* @__PURE__ */ j("div", {
 					className: "h-1 w-full overflow-hidden rounded-full bg-muted",
 					role: "progressbar",
-					"aria-label": i.relevance,
+					"aria-label": r.relevance,
 					"aria-valuemin": 0,
 					"aria-valuemax": 100,
-					"aria-valuenow": a,
+					"aria-valuenow": i,
 					children: /* @__PURE__ */ j("div", {
 						className: "h-full rounded-full bg-primary",
-						style: { width: `${a}%` }
+						style: { width: `${i}%` }
 					})
 				})]
 			})
@@ -684,40 +666,40 @@ var K = {
 };
 //#endregion
 //#region src/components/blocks/ai/ai-inline-citation/ai-inline-citation.tsx
-function Ue(e, t) {
+function Be(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: o, onSelect: s, className: c, strings: l }) {
-	let u = e(K, l), d = Ue(u.openAria, {
+function q({ index: t, title: r, url: i, onSelect: c, className: l, strings: u }) {
+	let d = e(K, u), p = Be(d.openAria, {
 		n: t,
-		title: i ?? ""
-	}), f = i ? `${u.sourcePrefix} ${t}: ${i}` : `${u.sourcePrefix} ${t}`, p = n("box-border inline-flex h-action-xs min-w-action-xs -translate-y-px items-center justify-center rounded-inner border-0 px-control-xs font-sans", "align-middle tabular-nums", "bg-muted text-muted-foreground", "hover:bg-primary/10 hover:text-primary-accent", "transition-colors duration-150", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", c);
-	return o ? /* @__PURE__ */ j(a, {
-		href: o,
+		title: r ?? ""
+	}), m = r ? `${d.sourcePrefix} ${t}: ${r}` : `${d.sourcePrefix} ${t}`, h = n("box-border inline-flex h-action-xs min-w-action-xs -translate-y-px items-center justify-center rounded-inner border-0 px-control-xs font-sans", "align-middle tabular-nums", "bg-muted text-muted-foreground", f.rowHover, "transition-colors duration-150", `focus-visible:outline-none ${s.edge}`, l);
+	return i ? /* @__PURE__ */ j(o, {
+		href: i,
 		size: "inherit",
 		underline: !1,
 		target: "_blank",
 		rel: "noopener noreferrer",
-		title: f,
-		"aria-label": d,
-		className: n("ai-inline-citation--component", p),
-		children: /* @__PURE__ */ j(r, {
+		title: m,
+		"aria-label": p,
+		className: n("ai-inline-citation--component", h),
+		children: /* @__PURE__ */ j(a, {
 			tag: "span",
 			size: "xs",
 			weight: "medium",
 			className: "leading-none",
 			children: t
 		})
-	}) : s ? /* @__PURE__ */ j("button", {
+	}) : c ? /* @__PURE__ */ j("button", {
 		type: "button",
-		onClick: s,
-		title: f,
-		"aria-label": d,
-		className: n("ai-inline-citation--component", p),
-		children: /* @__PURE__ */ j(r, {
+		onClick: c,
+		title: m,
+		"aria-label": p,
+		className: n("ai-inline-citation--component", h),
+		children: /* @__PURE__ */ j(a, {
 			tag: "span",
 			size: "xs",
 			weight: "medium",
@@ -725,10 +707,10 @@ function q({ index: t, title: i, url: o, onSelect: s, className: c, strings: l }
 			children: t
 		})
 	}) : /* @__PURE__ */ j("span", {
-		title: f,
-		"aria-label": d,
-		className: n("ai-inline-citation--component", p),
-		children: /* @__PURE__ */ j(r, {
+		title: m,
+		"aria-label": p,
+		className: n("ai-inline-citation--component", h),
+		children: /* @__PURE__ */ j(a, {
 			tag: "span",
 			size: "xs",
 			weight: "medium",
@@ -752,104 +734,96 @@ var J = {
 };
 //#endregion
 //#region src/components/blocks/ai/ai-package-info/ai-package-info.tsx
-function Y({ name: e, version: i, description: s, license: l, publishedAt: u, homepage: f, repository: p, weeklyDownloads: m, keywords: g, onSelect: _, className: v, strings: y }) {
-	let b = t(J, y), x = /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j("span", {
-		"aria-hidden": !0,
-		className: "inline-flex size-9 shrink-0 items-center justify-center rounded-inner bg-muted text-muted-foreground",
-		children: /* @__PURE__ */ j(P, { className: "size-icon" })
-	}), /* @__PURE__ */ M("div", {
+function Y({ name: e, version: i, description: s, license: c, publishedAt: u, homepage: d, repository: p, weeklyDownloads: h, keywords: g, onSelect: _, className: y, strings: b }) {
+	let x = t(J, b), S = /* @__PURE__ */ j(A, { children: /* @__PURE__ */ M("div", {
 		className: "min-w-0 flex-1",
 		children: [
-			/* @__PURE__ */ M(c, {
+			/* @__PURE__ */ M(l, {
 				gap: "dense",
-				children: [/* @__PURE__ */ M(c, {
+				children: [/* @__PURE__ */ M(l, {
 					direction: "horizontal",
 					gap: "md",
 					align: "center",
-					children: [/* @__PURE__ */ j(d, {
+					children: [/* @__PURE__ */ j(m, {
 						weight: "semibold",
 						className: "truncate",
 						children: e
-					}), !!i && /* @__PURE__ */ j(h, {
+					}), !!i && /* @__PURE__ */ j(v, {
 						tone: "secondary",
-						children: /* @__PURE__ */ M(d, {
+						children: /* @__PURE__ */ M(m, {
 							size: "xs",
 							className: "text-inherit",
 							children: ["v", i.replace(/^v/, "")]
 						})
 					})]
-				}), !!s && /* @__PURE__ */ j(r, {
+				}), !!s && /* @__PURE__ */ j(a, {
 					size: "xs",
 					type: "secondary",
 					className: "line-clamp-2",
 					children: s
 				})]
 			}),
-			(l || u || m !== void 0) && /* @__PURE__ */ M("div", {
+			(c || u || h !== void 0) && /* @__PURE__ */ M("div", {
 				className: "mt-space-md flex flex-wrap items-center gap-x-space-lg gap-y-space-xs",
 				children: [
-					!!l && /* @__PURE__ */ j(X, {
-						label: b.licenseLabel,
-						value: l
+					!!c && /* @__PURE__ */ j(X, {
+						label: x.licenseLabel,
+						value: c
 					}),
 					!!u && /* @__PURE__ */ j(X, {
-						label: b.publishedLabel,
+						label: x.publishedLabel,
 						value: u
 					}),
-					m !== void 0 && /* @__PURE__ */ j(X, {
-						label: b.weeklyDownloadsLabel,
-						value: String(m)
+					h !== void 0 && /* @__PURE__ */ j(X, {
+						label: x.weeklyDownloadsLabel,
+						value: String(h)
 					})
 				]
 			}),
 			!!g?.length && /* @__PURE__ */ j("div", {
 				className: "mt-space-md flex flex-wrap gap-space-xs",
-				children: g.slice(0, 6).map((e) => /* @__PURE__ */ j(h, {
+				children: g.slice(0, 6).map((e) => /* @__PURE__ */ j(v, {
 					tone: "secondary",
 					children: e
 				}, e))
 			})
 		]
-	})] }), S = "ai-package-info--body flex w-full items-start gap-space-lg p-surface-xs text-left";
+	}) }), C = "ai-package-info--body flex w-full items-start gap-space-lg p-surface-xs text-left";
 	return /* @__PURE__ */ M("div", {
-		className: n("ai-package-info--component block w-full overflow-hidden rounded-radius border border-border/60 bg-card", v),
-		children: [_ ? /* @__PURE__ */ j(o, {
+		className: n("ai-package-info--component block w-full overflow-hidden rounded-radius border border-border/60 bg-card", y),
+		children: [_ ? /* @__PURE__ */ j(r, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
 			onClick: _,
-			className: n(S, "h-auto justify-start rounded-none whitespace-normal transition-colors hover:bg-muted/40"),
-			children: x
+			className: n(C, `h-auto min-h-0 justify-start rounded-none whitespace-normal transition-colors ${f.rowHover}`),
+			children: S
 		}) : /* @__PURE__ */ j("div", {
-			className: S,
-			children: x
-		}), (f || p) && /* @__PURE__ */ j("div", {
-			className: "ai-package-info--footer border-t border-border/60 bg-muted/20 px-surface-xs py-row-y",
-			children: /* @__PURE__ */ M(c, {
+			className: C,
+			children: S
+		}), (d || p) && /* @__PURE__ */ j("div", {
+			className: "ai-package-info--footer px-surface-xs pb-surface-xs",
+			children: /* @__PURE__ */ M(l, {
 				direction: "horizontal",
 				align: "center",
 				gap: "md",
 				children: [
-					!!f && /* @__PURE__ */ M(a, {
-						href: f,
+					!!d && /* @__PURE__ */ M(o, {
+						href: d,
 						size: "inherit",
 						underline: !1,
 						target: "_blank",
 						rel: "noopener noreferrer",
 						onClick: (e) => e.stopPropagation(),
-						"aria-label": b.homepageAria,
-						className: "inline-flex items-center gap-space-xs rounded text-muted-foreground hover:text-foreground",
-						children: [
-							/* @__PURE__ */ j(je, { className: "size-icon-sm" }),
-							/* @__PURE__ */ j(r, {
-								tag: "span",
-								weight: "medium",
-								children: b.homepageLabel
-							}),
-							/* @__PURE__ */ j(N, { className: "size-icon-sm" })
-						]
+						"aria-label": x.homepageAria,
+						className: "inline-flex items-center gap-space-xs rounded-radius-xs text-muted-foreground hover:text-foreground",
+						children: [/* @__PURE__ */ j(a, {
+							tag: "span",
+							weight: "medium",
+							children: x.homepageLabel
+						}), /* @__PURE__ */ j(N, { className: "size-icon-sm" })]
 					}),
-					!!f && !!p && /* @__PURE__ */ j(r, {
+					!!d && !!p && /* @__PURE__ */ j(a, {
 						tag: "span",
 						size: "xs",
 						type: "secondary",
@@ -857,24 +831,20 @@ function Y({ name: e, version: i, description: s, license: l, publishedAt: u, ho
 						"aria-hidden": !0,
 						children: "·"
 					}),
-					!!p && /* @__PURE__ */ M(a, {
+					!!p && /* @__PURE__ */ M(o, {
 						href: p,
 						size: "inherit",
 						underline: !1,
 						target: "_blank",
 						rel: "noopener noreferrer",
 						onClick: (e) => e.stopPropagation(),
-						"aria-label": b.repositoryAria,
-						className: "inline-flex items-center gap-space-xs rounded text-muted-foreground hover:text-foreground",
-						children: [
-							/* @__PURE__ */ j(Te, { className: "size-icon-sm" }),
-							/* @__PURE__ */ j(r, {
-								tag: "span",
-								weight: "medium",
-								children: b.repositoryLabel
-							}),
-							/* @__PURE__ */ j(N, { className: "size-icon-sm" })
-						]
+						"aria-label": x.repositoryAria,
+						className: "inline-flex items-center gap-space-xs rounded-radius-xs text-muted-foreground hover:text-foreground",
+						children: [/* @__PURE__ */ j(a, {
+							tag: "span",
+							weight: "medium",
+							children: x.repositoryLabel
+						}), /* @__PURE__ */ j(N, { className: "size-icon-sm" })]
 					})
 				]
 			})
@@ -885,11 +855,11 @@ Y.displayName = "AiPackageInfo";
 function X({ label: e, value: t }) {
 	return /* @__PURE__ */ M("div", {
 		className: "inline-flex items-baseline gap-space-xs",
-		children: [/* @__PURE__ */ j(r, {
+		children: [/* @__PURE__ */ j(a, {
 			size: "xs",
 			type: "discrete",
 			children: e
-		}), /* @__PURE__ */ j(u, {
+		}), /* @__PURE__ */ j(p, {
 			size: "xs",
 			weight: "medium",
 			className: "tabular-nums",
@@ -909,18 +879,18 @@ var Z = {
 		removed: "D",
 		renamed: "R"
 	}
-}, We = {
+}, Ve = {
 	added: "success",
 	modified: "warning",
 	removed: "destructive",
 	renamed: "info"
-}, Ge = {
+}, He = {
 	added: "text-success",
 	modified: "text-warning-accent",
 	removed: "text-destructive",
 	renamed: "text-info"
 };
-function Ke(e) {
+function Ue(e) {
 	let t = e.split(".").pop()?.toLowerCase() ?? "";
 	return [
 		"ts",
@@ -937,20 +907,20 @@ function Ke(e) {
 		"py",
 		"rs",
 		"go"
-	].includes(t) ? De : [
+	].includes(t) ? Oe : [
 		"md",
 		"mdx",
 		"txt"
-	].includes(t) ? Oe : Ee;
+	].includes(t) ? ke : De;
 }
 function Q(e, t = 0) {
 	return e.flatMap((e) => [...e.kind === "directory" && (e.defaultExpanded ?? t < 1) ? [e.id] : [], ...Q(e.children ?? [], t + 1)]);
 }
-function $({ nodes: e, selectedId: r, onSelect: i, hideStatusLabels: a = !1, indent: o, density: s = "compact", disabled: l, expandedIds: f, defaultExpandedIds: p, onExpandedIdsChange: m, className: g, strings: _, ...v }) {
-	let y = t(Z, _), [b, x] = k(() => p ?? Q(e)), S = f ?? b, C = Se(() => {
+function $({ nodes: e, selectedId: r, onSelect: i, hideStatusLabels: a = !1, indent: o, density: s = "compact", disabled: c, expandedIds: u, defaultExpandedIds: d, onExpandedIdsChange: f, className: h, strings: g, ..._ }) {
+	let y = t(Z, g), [b, x] = k(() => d ?? Q(e)), S = u ?? b, C = we(() => {
 		function t(e) {
 			return e.map((e) => {
-				let r = e.kind === "directory", i = e.icon ?? (r ? S.includes(e.id) ? Ae : ke : Ke(e.name));
+				let r = e.kind === "directory", i = e.icon ?? (r ? S.includes(e.id) ? je : Ae : Ue(e.name));
 				return {
 					value: e.id,
 					label: e.name,
@@ -960,19 +930,19 @@ function $({ nodes: e, selectedId: r, onSelect: i, hideStatusLabels: a = !1, ind
 					children: r ? t(e.children ?? []) : void 0,
 					icon: /* @__PURE__ */ j(i, {
 						"aria-hidden": "true",
-						className: n("size-icon", e.status && Ge[e.status])
+						className: n("size-icon", e.status && He[e.status])
 					}),
-					trailing: /* @__PURE__ */ M(c, {
+					trailing: /* @__PURE__ */ M(l, {
 						direction: "horizontal",
 						gap: "xs",
 						align: "center",
 						className: "shrink-0",
-						children: [e.status && !a && /* @__PURE__ */ j(h, {
-							tone: We[e.status],
+						children: [e.status && !a && /* @__PURE__ */ j(v, {
+							tone: Ve[e.status],
 							size: "sm",
 							title: e.status,
 							children: y.statusLabels[e.status]
-						}), e.trailing != null && /* @__PURE__ */ j(u, {
+						}), e.trailing != null && /* @__PURE__ */ j(p, {
 							size: "xs",
 							className: "tabular-nums",
 							children: e.trailing
@@ -988,37 +958,37 @@ function $({ nodes: e, selectedId: r, onSelect: i, hideStatusLabels: a = !1, ind
 		a,
 		y.statusLabels
 	]);
-	return /* @__PURE__ */ j(xe, {
-		...v,
-		"aria-label": v["aria-label"] ?? y.treeAria,
+	return /* @__PURE__ */ j(Ce, {
+		..._,
+		"aria-label": _["aria-label"] ?? y.treeAria,
 		items: C,
 		selectedValues: r === void 0 ? [] : [r],
 		expandedValues: S,
 		branchActivation: "toggle",
 		density: s,
-		disabled: l,
+		disabled: c,
 		indent: o,
 		strings: {
 			expand: (e) => `${y.expandAria}: ${e}`,
 			collapse: (e) => `${y.collapseAria}: ${e}`
 		},
 		onExpandedValuesChange: (e, t) => {
-			f === void 0 && x(e), m?.(e, t.data);
+			u === void 0 && x(e), f?.(e, t.data);
 		},
 		onSelectedValuesChange: (e, t) => {
 			t.data?.kind === "file" && i?.(t.data);
 		},
-		renderLabel: (e) => /* @__PURE__ */ j(d, {
+		renderLabel: (e) => /* @__PURE__ */ j(m, {
 			size: "inherit",
 			weight: "regular",
 			className: n("ai-file-tree--name text-inherit wrap-anywhere", e.data?.status === "removed" && "line-through"),
 			children: e.label
 		}),
-		className: n("ai-file-tree--component", g)
+		className: n("ai-file-tree--component", h)
 	});
 }
 $.displayName = "AiFileTree";
 //#endregion
-export { pe as AiAgent, ge as AiArtifact, se as AiAttachment, O as AiChainOfThought, G as AiCitation, Be as AiClassificationPanel, D as AiCodeBlock, L as AiConfidence, ie as AiConfirmation, U as AiFeedback, $ as AiFileTree, q as AiInlineCitation, te as AiMessageBubble, Y as AiPackageInfo, z as AiPromptSuggestions, he as AiReasoning, be as AiShimmer, le as AiSources, ze as AiSummaryBlock, me as AiTask, V as AiTokenUsage, ne as AiToolCall, ue as defaultAiAgentStrings, de as defaultAiArtifactStrings, oe as defaultAiAttachmentStrings, fe as defaultAiChainOfThoughtStrings, W as defaultAiCitationStrings, ve as defaultAiCodeBlockStrings, I as defaultAiConfidenceStrings, ae as defaultAiConfirmationStrings, H as defaultAiFeedbackStrings, Z as defaultAiFileTreeStrings, K as defaultAiInlineCitationStrings, ee as defaultAiMessageBubbleStrings, J as defaultAiPackageInfoStrings, R as defaultAiPromptSuggestionsStrings, re as defaultAiReasoningStrings, _e as defaultAiSourcesStrings, ce as defaultAiTaskStrings, B as defaultAiTokenUsageStrings, ye as defaultAiToolCallStrings };
+export { he as AiAgent, ve as AiArtifact, le as AiAttachment, ie as AiChainOfThought, G as AiCitation, Le as AiClassificationPanel, re as AiCodeBlock, L as AiConfidence, oe as AiConfirmation, U as AiFeedback, $ as AiFileTree, q as AiInlineCitation, ne as AiMessageBubble, Y as AiPackageInfo, z as AiPromptSuggestions, _e as AiReasoning, Se as AiShimmer, de as AiSources, Ie as AiSummaryBlock, ge as AiTask, V as AiTokenUsage, ae as AiToolCall, fe as defaultAiAgentStrings, pe as defaultAiArtifactStrings, ce as defaultAiAttachmentStrings, me as defaultAiChainOfThoughtStrings, W as defaultAiCitationStrings, be as defaultAiCodeBlockStrings, I as defaultAiConfidenceStrings, se as defaultAiConfirmationStrings, H as defaultAiFeedbackStrings, Z as defaultAiFileTreeStrings, K as defaultAiInlineCitationStrings, te as defaultAiMessageBubbleStrings, J as defaultAiPackageInfoStrings, R as defaultAiPromptSuggestionsStrings, O as defaultAiReasoningStrings, ye as defaultAiSourcesStrings, ue as defaultAiTaskStrings, B as defaultAiTokenUsageStrings, xe as defaultAiToolCallStrings };
 
 //# sourceMappingURL=ai.js.map