themelia-react-ui 2.0.5 → 3.0.0

package/dist/blocks/ai.js

@@ -1,36 +1,39 @@
 "use client";
-import { mergeStrings as e, useStrings as t } from "../lib/strings.js";
-import { t as n } from "../utils-B6kKb8jB.js";
-import { n as r } from "../buttons-BedGfygC.js";
-import { c as i, o as a, t as o } from "../typography-BQnine1k.js";
-import { t as s } from "../focus-recipes-B653VaLq.js";
-import { r as c, t as l } from "../structure-DuxKl954.js";
-import { i as u } from "../tone-recipes-BPsRAvhu.js";
-import { t as d } from "../smart-card-CW0hjetE.js";
-import { t as f } from "../progress-BJhQP9WX.js";
-import { t as p } from "../interaction-recipes-XR9ZpVYL.js";
-import { _ as m, g as h, m as g } from "../primitives-ByWgGUgt.js";
-import { n as _, t as v } from "../number-CRU3kGuk.js";
-import { t as y } from "../icon-badge-DZF-YjQp.js";
-import { t as b } from "../badge-xIiV_E7f.js";
-import { d as x } from "../text-inputs-B1culiSK.js";
-import { a as S, c as C, i as w, n as ee, o as te, r as T, t as E, u as D } from "../item-DjCcM18E.js";
-import { m as O } from "../data-display-BdgCAw8T.js";
-import { C as ne, S as re, _ as ie, a as ae, b as oe, c as se, d as ce, f as le, g as ue, h as de, i as fe, l as pe, m as me, n as he, o as ge, p as _e, r as ve, s as ye, t as be, u as xe, v as Se, x as Ce, y as we } from "../ai-artifact-C58tQcBy.js";
-import { t as Te } from "../tree-CzUJHnFs.js";
-import { useMemo as Ee, useState as k } from "react";
-import { Fragment as De, jsx as A, jsxs as j } from "react/jsx-runtime";
-import { ChevronDown as Oe, ChevronRight as ke, ExternalLink as M, File as Ae, FileCode as je, FileText as Me, Folder as Ne, FolderOpen as Pe, ThumbsDown as Fe, ThumbsUp as N } from "lucide-react";
+import { p as e } from "../ui-provider-Bu1S-o96.js";
+import { mergeStrings as t, useStrings as n } from "../lib/strings.js";
+import { t as r } from "../utils-BVbAG2J6.js";
+import { c as i, o as a, t as o } from "../typography-C0dELqYV.js";
+import { t as s } from "../focus-recipes-DSkiUvUp.js";
+import { n as c } from "../buttons-pZVgPTZn.js";
+import { r as l, t as u } from "../structure-DElaQwwN.js";
+import { i as d } from "../tone-recipes-BPsRAvhu.js";
+import { o as f } from "../surface-recipes-DV6rrOFq.js";
+import { t as p } from "../smart-card-C59z6KFO.js";
+import { t as m } from "../progress-RARK8AjB.js";
+import { t as h } from "../interaction-recipes-DmuS1ase.js";
+import { a as g } from "../value-typography-D15uwfj-.js";
+import { _, g as v, m as y } from "../primitives-BlC1lXBr.js";
+import { n as b, t as x } from "../number-NFWKIoiK.js";
+import { t as S } from "../icon-badge-B0Kq7wom.js";
+import { t as C } from "../badge-oGiXblW7.js";
+import { d as w } from "../text-inputs-ljyBYaCd.js";
+import { a as T, c as E, i as D, n as O, o as ee, r as k, t as A, u as j } from "../item-GJ9mvCcg.js";
+import { m as M } from "../data-display-CWe9SOYh.js";
+import { C as te, S as ne, _ as re, a as ie, b as ae, c as oe, d as se, f as ce, g as le, h as ue, i as de, l as fe, m as pe, n as me, o as he, p as ge, r as _e, s as ve, t as ye, u as be, v as xe, x as Se, y as Ce } from "../ai-artifact-otrz9ZwS.js";
+import { t as we } from "../tree-YpkxUG2Z.js";
+import { useEffect as Te, useId as N, useMemo as Ee, useRef as De, useState as P } from "react";
+import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
+import { ChevronDown as Oe, ChevronRight as ke, ExternalLink as R, File as Ae, FileCode as je, FileText as Me, Folder as Ne, FolderOpen as Pe, ThumbsDown as z, ThumbsUp as B } from "lucide-react";
 //#region src/components/blocks/ai/ai.strings.ts
-var P = {
+var V = {
 	regenerate: "Regenerate",
 	confidenceLevels: {
-		low: "low",
-		medium: "medium",
-		high: "high"
+		low: "Low",
+		medium: "Medium",
+		high: "High"
 	},
 	confidenceLabel: "Confidence"
-}, Ie = {
+}, Fe = {
 	title: "Classification",
 	complexityLabel: "Complexity",
 	flagsLabel: "Flags",
@@ -41,83 +44,82 @@ var P = {
 		medium: "Medium",
 		high: "High"
 	}
-}, F = {
+}, Ie = {
 	low: 1,
 	medium: 2,
 	high: 3
 };
-function Le({ level: e, label: t, name: r }) {
-	let a = F[e];
-	return /* @__PURE__ */ j("div", {
+function Le({ level: e, label: t, name: n }) {
+	let a = Ie[e];
+	return /* @__PURE__ */ L("div", {
 		className: "ai-summary--confidence flex items-center gap-space-sm",
 		children: [
-			/* @__PURE__ */ A(i, {
+			/* @__PURE__ */ I(i, {
 				size: "xs",
 				type: "secondary",
 				tag: "span",
 				className: "ai-summary--confidence-label",
-				children: r
+				children: n
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ I("div", {
 				className: "flex items-center gap-space-2xs",
 				"aria-hidden": "true",
-				children: Array.from({ length: 3 }, (e, t) => /* @__PURE__ */ A("div", { className: n("h-2.5 w-1 rounded-radius-sm", t < a ? "bg-muted-foreground" : "bg-muted") }, `bar-${String(t)}`))
+				children: Array.from({ length: 3 }, (e, t) => /* @__PURE__ */ I("div", { className: r("h-2.5 w-1 rounded-radius-sm", t < a ? "bg-muted-foreground" : "bg-muted") }, `bar-${String(t)}`))
 			}),
-			/* @__PURE__ */ A(i, {
+			/* @__PURE__ */ I(i, {
 				size: "xs",
 				type: "secondary",
 				tag: "span",
-				className: "capitalize",
 				children: t
 			})
 		]
 	});
 }
-function Re({ data: e, children: a, metadata: o, actions: s, footer: c, className: u, strings: d }) {
-	let f = t(P, d), p = /* @__PURE__ */ j("div", {
+function Re({ data: e, children: t, metadata: a, actions: o, footer: s, className: l, strings: d }) {
+	let f = n(V, d), p = /* @__PURE__ */ L("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__ */ A(h, {
+		children: [!!e.generatedAt && /* @__PURE__ */ I(v, {
 			size: "xs",
 			className: "min-w-0",
 			children: e.generatedAt
-		}), !!e.model && /* @__PURE__ */ A(h, {
+		}), !!e.model && /* @__PURE__ */ I(v, {
 			size: "xs",
 			className: "min-w-0 truncate",
 			children: e.model
 		})]
-	}), m = e.onRegenerate ? /* @__PURE__ */ A(r, {
+	}), m = e.onRegenerate ? /* @__PURE__ */ I(c, {
 		tone: "secondary",
 		buttonStyle: "ghost",
 		onClick: e.onRegenerate,
 		children: f.regenerate
-	}) : null, g = o === void 0 ? p : o, _ = s === void 0 ? m : s, v = c === void 0 ? (g || _) && /* @__PURE__ */ j(De, { children: [g, _] }) : c;
-	return /* @__PURE__ */ j(l, {
+	}) : null, h = a === void 0 ? p : a, g = o === void 0 ? m : o, _ = s === void 0 ? (h || g) && /* @__PURE__ */ L(F, { children: [h, g] }) : s;
+	return /* @__PURE__ */ L(u, {
 		"data-component": "ai-summary",
 		"data-slot": "ai-summary",
-		className: n("ai-summary--component", u),
+		className: r("ai-summary--component", l),
 		children: [
-			/* @__PURE__ */ A(i, {
+			/* @__PURE__ */ I(i, {
 				type: "inherit",
 				lineHeight: "relaxed",
 				children: e.summary
 			}),
-			e.entities.length > 0 && /* @__PURE__ */ A(l, {
+			e.entities.length > 0 && /* @__PURE__ */ I(u, {
 				direction: "horizontal",
 				wrap: !0,
 				gap: "sm",
 				className: "ai-summary--entities min-w-0",
-				children: e.entities.map((e) => /* @__PURE__ */ A(b, {
+				children: e.entities.map((e) => /* @__PURE__ */ I(C, {
 					tone: "secondary",
 					children: e
 				}, e))
 			}),
-			/* @__PURE__ */ A(Le, {
+			/* @__PURE__ */ I(Le, {
 				level: e.confidence,
 				label: f.confidenceLevels[e.confidence],
-				name: f.confidenceLabel ?? P.confidenceLabel ?? ""
+				name: f.confidenceLabel ?? V.confidenceLabel ?? ""
 			}),
-			a,
-			!!v && /* @__PURE__ */ A(l, {
+			t,
+			!!_ && /* @__PURE__ */ I(u, {
 				direction: {
 					base: "vertical",
 					sm: "horizontal"
@@ -125,94 +127,94 @@ function Re({ data: e, children: a, metadata: o, actions: s, footer: c, classNam
 				gap: "md",
 				justify: { sm: "between" },
 				className: "ai-summary--footer pt-space-xs",
-				children: v
+				children: _
 			})
 		]
 	});
 }
 //#endregion
 //#region src/components/blocks/ai/ai-classification/ai-classification.tsx
-function ze({ data: e, children: r, className: a, strings: o }) {
-	let s = t(Ie, o), c = e.confidence >= .9 ? s.confidenceBands.high : e.confidence >= .7 ? s.confidenceBands.medium : s.confidenceBands.low;
-	return /* @__PURE__ */ j(l, {
+function ze({ data: e, children: t, className: a, strings: o }) {
+	let s = n(Fe, o), c = e.confidence >= .9 ? s.confidenceBands.high : e.confidence >= .7 ? s.confidenceBands.medium : s.confidenceBands.low;
+	return /* @__PURE__ */ L(u, {
 		"data-component": "ai-classification",
 		"data-slot": "ai-classification",
-		className: n("ai-classification--component", a),
+		className: r("ai-classification--component", a),
 		children: [
-			/* @__PURE__ */ j(l, {
+			/* @__PURE__ */ L(u, {
 				direction: "horizontal",
 				wrap: !0,
 				align: "center",
 				gap: "sm",
 				children: [
-					/* @__PURE__ */ A(b, { children: e.requestType }),
-					/* @__PURE__ */ A(b, {
+					/* @__PURE__ */ I(C, { children: e.requestType }),
+					/* @__PURE__ */ I(C, {
 						tone: e.urgencyTone,
 						children: e.urgency
 					}),
-					/* @__PURE__ */ A(b, {
+					/* @__PURE__ */ I(C, {
 						tone: e.sentimentTone,
 						dot: !0,
 						children: e.tone
 					})
 				]
 			}),
-			/* @__PURE__ */ A(O, {
+			/* @__PURE__ */ I(M, {
 				label: s.complexityLabel,
-				value: /* @__PURE__ */ j("span", {
+				value: /* @__PURE__ */ L("span", {
 					className: "flex items-center gap-space-md",
-					children: [/* @__PURE__ */ A("span", {
+					children: [/* @__PURE__ */ I("span", {
 						className: "flex items-center gap-space-xs",
-						children: Array.from({ length: 5 }, (t, r) => /* @__PURE__ */ A("span", { className: n("h-1.5 w-3 rounded-radius-sm", r < e.complexityScore ? "bg-muted-foreground" : "bg-muted") }, `cx-${String(r)}`))
-					}), /* @__PURE__ */ j(i, {
+						children: Array.from({ length: 5 }, (t, n) => /* @__PURE__ */ I("span", { className: r("h-1.5 w-3 rounded-radius-sm", n < e.complexityScore ? "bg-muted-foreground" : "bg-muted") }, `cx-${String(n)}`))
+					}), /* @__PURE__ */ I(i, {
 						tag: "span",
 						size: "xs",
 						type: "secondary",
-						children: [String(e.complexityScore), "/5"]
+						children: s.formatComplexity?.(e.complexityScore, 5) ?? `${String(e.complexityScore)}/5`
 					})]
 				})
 			}),
-			e.flags.length > 0 && /* @__PURE__ */ A(O, {
+			e.flags.length > 0 && /* @__PURE__ */ I(M, {
 				label: s.flagsLabel,
-				value: /* @__PURE__ */ A("span", {
+				value: /* @__PURE__ */ I("span", {
 					className: "flex gap-space-xs",
-					children: e.flags.map((e) => /* @__PURE__ */ A(b, { children: e }, e))
+					children: e.flags.map((e) => /* @__PURE__ */ I(C, { children: e }, e))
 				})
 			}),
-			/* @__PURE__ */ A(O, {
+			/* @__PURE__ */ I(M, {
 				label: s.nextStepLabel,
 				value: e.suggestedAction,
 				valueClassName: "text-right"
 			}),
-			/* @__PURE__ */ A(i, {
+			/* @__PURE__ */ I(i, {
 				lineHeight: "relaxed",
 				type: "secondary",
 				children: e.summary
 			}),
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ L("div", {
 				className: "flex items-center gap-space-md",
-				children: [/* @__PURE__ */ j(b, {
+				children: [/* @__PURE__ */ L(C, {
 					tone: "secondary",
 					children: [
 						s.confidencePrefix,
 						": ",
 						c
 					]
-				}), /* @__PURE__ */ A(i, {
+				}), /* @__PURE__ */ I(i, {
 					size: "xs",
 					type: "discrete",
 					tag: "span",
 					children: e.model
 				})]
 			}),
-			r
+			t
 		]
 	});
 }
 //#endregion
 //#region src/components/blocks/ai/ai-confidence/types.ts
-var I = {
-	title: "AI Confidence",
+var H = {
+	title: "AI confidence",
 	confidenceLabel: "Overall",
 	factorsLabel: "Contributing factors",
 	levelHigh: "High",
@@ -224,24 +226,25 @@ var I = {
 function Be(e) {
 	return e >= .85 ? "success" : e >= .6 ? "warning" : "destructive";
 }
-function L({ score: e, model: r, factors: o, className: s, strings: c }) {
-	let u = t(I, c), d = Math.round(e * 100), p = Be(e), m = p === "success" ? u.levelHigh : p === "warning" ? u.levelMedium : u.levelLow, h = 2 * Math.PI * 24, g = h - d / 100 * h;
-	return /* @__PURE__ */ j(l, {
+function U({ score: e, model: t, factors: o, className: s, strings: c }) {
+	let l = n(H, c), d = Math.round(e * 100), f = Be(e), p = f === "success" ? l.levelHigh : f === "warning" ? l.levelMedium : l.levelLow, h = 2 * Math.PI * 24, g = h - d / 100 * h;
+	return /* @__PURE__ */ L(u, {
 		"data-component": "ai-confidence",
 		"data-slot": "ai-confidence",
 		gap: "xl",
-		className: n("ai-confidence--component @container/ai-confidence", s),
-		"aria-label": u.title,
-		children: [/* @__PURE__ */ j("div", {
+		className: r("ai-confidence--component @container/ai-confidence", s),
+		role: "group",
+		"aria-label": l.title,
+		children: [/* @__PURE__ */ L("div", {
 			className: "grid gap-space-xl @md/ai-confidence:grid-cols-[auto_minmax(0,1fr)] @md/ai-confidence:items-center",
-			children: [/* @__PURE__ */ j("div", {
+			children: [/* @__PURE__ */ L("div", {
 				className: "relative w-fit shrink-0",
-				children: [/* @__PURE__ */ j("svg", {
+				children: [/* @__PURE__ */ L("svg", {
 					width: "56",
 					height: "56",
 					viewBox: "0 0 64 64",
 					"aria-hidden": "true",
-					children: [/* @__PURE__ */ A("circle", {
+					children: [/* @__PURE__ */ I("circle", {
 						cx: "32",
 						cy: "32",
 						r: "24",
@@ -249,7 +252,7 @@ function L({ score: e, model: r, factors: o, className: s, strings: c }) {
 						stroke: "currentColor",
 						strokeWidth: "5",
 						className: "text-muted/60"
-					}), /* @__PURE__ */ A("circle", {
+					}), /* @__PURE__ */ I("circle", {
 						cx: "32",
 						cy: "32",
 						r: "24",
@@ -260,11 +263,11 @@ function L({ score: e, model: r, factors: o, className: s, strings: c }) {
 						strokeDasharray: h,
 						strokeDashoffset: g,
 						transform: "rotate(-90 32 32)",
-						className: n(p === "success" && "text-success", p === "warning" && "text-warning-accent", p === "destructive" && "text-destructive")
+						className: r(f === "success" && "text-success", f === "warning" && "text-warning-accent", f === "destructive" && "text-destructive")
 					})]
-				}), /* @__PURE__ */ A("div", {
+				}), /* @__PURE__ */ I("div", {
 					className: "absolute inset-0 flex flex-col items-center justify-center",
-					children: /* @__PURE__ */ A(_, {
+					children: /* @__PURE__ */ I(b, {
 						type: "inherit",
 						value: d,
 						scaled: !0,
@@ -272,35 +275,35 @@ function L({ score: e, model: r, factors: o, className: s, strings: c }) {
 						lineHeight: "none"
 					})
 				})]
-			}), /* @__PURE__ */ j(l, {
+			}), /* @__PURE__ */ L(u, {
 				gap: "sm",
-				children: [/* @__PURE__ */ A(a, { children: u.confidenceLabel }), /* @__PURE__ */ j(l, {
+				children: [/* @__PURE__ */ I(a, { children: l.confidenceLabel }), /* @__PURE__ */ L(u, {
 					direction: "horizontal",
 					gap: "sm",
-					children: [/* @__PURE__ */ A(b, {
-						tone: p,
-						children: m
-					}), !!r && /* @__PURE__ */ A(i, {
+					children: [/* @__PURE__ */ I(C, {
+						tone: f,
+						children: p
+					}), !!t && /* @__PURE__ */ I(i, {
 						size: "xs",
 						type: "secondary",
 						className: "truncate",
-						children: r
+						children: t
 					})]
 				})]
 			})]
-		}), !!o && o.length > 0 && /* @__PURE__ */ j(l, {
+		}), !!o && o.length > 0 && /* @__PURE__ */ L(u, {
 			gap: "md",
-			children: [/* @__PURE__ */ A(a, { children: u.factorsLabel }), o.map((e) => /* @__PURE__ */ j(l, {
+			children: [/* @__PURE__ */ I(a, { children: l.factorsLabel }), o.map((e) => /* @__PURE__ */ L(u, {
 				gap: "sm",
-				children: [/* @__PURE__ */ A(O, {
+				children: [/* @__PURE__ */ I(M, {
 					label: e.label,
-					value: /* @__PURE__ */ A(_, {
+					value: /* @__PURE__ */ I(b, {
 						type: "inherit",
 						value: e.score,
 						size: "xs",
 						weight: "semibold"
 					})
-				}), /* @__PURE__ */ A(f, {
+				}), /* @__PURE__ */ I(m, {
 					value: Math.round(e.score * 100),
 					"aria-label": e.label
 				})]
@@ -308,54 +311,54 @@ function L({ score: e, model: r, factors: o, className: s, strings: c }) {
 		})]
 	});
 }
-L.displayName = "AiConfidence";
+U.displayName = "AiConfidence";
 //#endregion
 //#region src/components/blocks/ai/ai-prompt-suggestions/types.ts
-var R = {
+var W = {
 	title: "Try asking",
 	hint: "Tap a prompt to start"
 };
 //#endregion
 //#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__ */ j(l, {
+function G({ suggestions: e, onPick: t, className: i, strings: a }) {
+	let o = n(W, a);
+	return /* @__PURE__ */ L(u, {
 		"data-component": "ai-prompt-suggestions",
 		"data-slot": "ai-prompt-suggestions",
-		className: n("ai-prompt-suggestions--component", i),
-		children: [/* @__PURE__ */ j(l, {
+		className: r("ai-prompt-suggestions--component", i),
+		children: [/* @__PURE__ */ L(u, {
 			gap: "normal",
 			className: "ai-prompt-suggestions--intro",
-			children: [/* @__PURE__ */ A(D, { children: o.title }), /* @__PURE__ */ A(w, { children: o.hint })]
-		}), /* @__PURE__ */ A("div", {
+			children: [/* @__PURE__ */ I(j, { children: o.title }), /* @__PURE__ */ I(D, { children: o.hint })]
+		}), /* @__PURE__ */ I("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__ */ j(E, {
+				let n = e.icon;
+				return /* @__PURE__ */ L(A, {
 					variant: "outline",
-					render: /* @__PURE__ */ A("button", {
+					render: /* @__PURE__ */ I("button", {
 						type: "button",
-						onClick: () => r?.(e)
+						onClick: () => t?.(e)
 					}),
-					className: n("ai-prompt-suggestions--item h-full items-start gap-space-lg p-surface", p.rowHover),
-					children: [!!t && /* @__PURE__ */ A(C, { children: /* @__PURE__ */ A(y, {
-						icon: t,
+					className: r("ai-prompt-suggestions--item h-full items-start gap-space-lg p-surface", h.rowHover),
+					children: [!!n && /* @__PURE__ */ I(E, { children: /* @__PURE__ */ I(S, {
+						icon: n,
 						tone: "neutral",
 						size: "md",
 						shape: "square"
-					}) }), /* @__PURE__ */ j(T, {
+					}) }), /* @__PURE__ */ L(k, {
 						className: "min-w-0 gap-space-sm",
-						children: [/* @__PURE__ */ A(D, { children: e.label }), !!e.description && /* @__PURE__ */ A(w, { children: e.description })]
+						children: [/* @__PURE__ */ I(j, { children: e.label }), !!e.description && /* @__PURE__ */ I(D, { children: e.description })]
 					})]
 				}, e.id);
 			})
 		})]
 	});
 }
-z.displayName = "AiPromptSuggestions";
+G.displayName = "AiPromptSuggestions";
 //#endregion
 //#region src/components/blocks/ai/ai-token-usage/types.ts
-var B = {
+var K = {
 	title: "Token usage",
 	input: "Input",
 	output: "Output",
@@ -364,39 +367,39 @@ var B = {
 };
 //#endregion
 //#region src/components/blocks/ai/ai-token-usage/ai-token-usage.tsx
-function V({ model: e, inputTokens: r, outputTokens: o, cost: s, maxTokens: u, className: d, strings: p }) {
-	let h = t(B, p), g = r + o, y = u ? Math.min(100, Math.round(g / u * 100)) : 0;
-	return /* @__PURE__ */ j(l, {
+function q({ model: e, inputTokens: t, outputTokens: o, cost: s, maxTokens: c, className: d, strings: f }) {
+	let p = n(K, f), h = t + o, g = c ? Math.min(100, Math.round(h / c * 100)) : 0;
+	return /* @__PURE__ */ L(u, {
 		"data-component": "ai-token-usage",
 		"data-slot": "ai-token-usage",
-		className: n("ai-token-usage--component", d),
+		className: r("ai-token-usage--component", d),
 		children: [
-			!!e && /* @__PURE__ */ A("div", {
+			!!e && /* @__PURE__ */ I("div", {
 				className: "ai-token-usage--metadata flex min-w-0 justify-start",
-				children: /* @__PURE__ */ A(b, {
+				children: /* @__PURE__ */ I(C, {
 					tone: "secondary",
 					children: e
 				})
 			}),
-			/* @__PURE__ */ A(c, {
+			/* @__PURE__ */ I(l, {
 				columns: 3,
 				gap: "md",
 				children: [
 					{
-						label: h.input,
-						value: r
+						label: p.input,
+						value: t
 					},
 					{
-						label: h.output,
+						label: p.output,
 						value: o
 					},
 					{
-						label: h.total,
-						value: g
+						label: p.total,
+						value: h
 					}
-				].map((e) => /* @__PURE__ */ j(l, {
+				].map((e) => /* @__PURE__ */ L(u, {
 					gap: "2xs",
-					children: [/* @__PURE__ */ A(a, { children: e.label }), /* @__PURE__ */ A(v, {
+					children: [/* @__PURE__ */ I(a, { children: e.label }), /* @__PURE__ */ I(x, {
 						type: "inherit",
 						value: e.value,
 						weight: "semibold",
@@ -404,57 +407,57 @@ function V({ model: e, inputTokens: r, outputTokens: o, cost: s, maxTokens: u, c
 					})]
 				}, e.label))
 			}),
-			!!u && /* @__PURE__ */ j(l, {
+			!!c && /* @__PURE__ */ L(u, {
 				gap: "xs",
-				children: [/* @__PURE__ */ A(O, {
-					label: /* @__PURE__ */ j("span", {
+				children: [/* @__PURE__ */ I(M, {
+					label: /* @__PURE__ */ L("span", {
 						className: "inline-flex items-center gap-space-xs",
 						children: [
-							/* @__PURE__ */ A(v, {
+							/* @__PURE__ */ I(x, {
 								type: "inherit",
-								value: g,
+								value: h,
 								size: "xs",
 								align: "left"
 							}),
-							/* @__PURE__ */ A(i, {
+							/* @__PURE__ */ I(i, {
 								type: "inherit",
 								tag: "span",
 								size: "xs",
 								"aria-hidden": !0,
 								children: "/"
 							}),
-							/* @__PURE__ */ A(v, {
+							/* @__PURE__ */ I(x, {
 								type: "inherit",
-								value: u,
+								value: c,
 								size: "xs",
 								align: "left"
 							})
 						]
 					}),
-					value: /* @__PURE__ */ A(_, {
+					value: /* @__PURE__ */ I(b, {
 						type: "inherit",
-						value: y,
+						value: g,
 						scaled: !0,
 						size: "xs",
 						weight: "semibold",
 						align: "right"
 					})
-				}), /* @__PURE__ */ A(f, {
-					value: y,
-					"aria-label": h.title,
+				}), /* @__PURE__ */ I(m, {
+					value: g,
+					"aria-label": p.title,
 					className: "ai-token-usage--bar"
 				})]
 			}),
-			!!s && /* @__PURE__ */ A(O, {
-				label: /* @__PURE__ */ A(i, {
+			!!s && /* @__PURE__ */ I(M, {
+				label: /* @__PURE__ */ I(i, {
 					type: "inherit",
 					tag: "span",
 					size: "xs",
 					weight: "medium",
 					lineHeight: "tight",
-					children: h.cost
+					children: p.cost
 				}),
-				value: /* @__PURE__ */ A(m, {
+				value: /* @__PURE__ */ I(_, {
 					type: "inherit",
 					weight: "semibold",
 					children: s
@@ -464,10 +467,10 @@ function V({ model: e, inputTokens: r, outputTokens: o, cost: s, maxTokens: u, c
 		]
 	});
 }
-V.displayName = "AiTokenUsage";
+q.displayName = "AiTokenUsage";
 //#endregion
 //#region src/components/blocks/ai/ai-feedback/types.ts
-var H = {
+var J = {
 	prompt: "Was this helpful?",
 	thumbsUpAria: "Mark as helpful",
 	thumbsDownAria: "Mark as not helpful",
@@ -477,82 +480,107 @@ var H = {
 };
 //#endregion
 //#region src/components/blocks/ai/ai-feedback/ai-feedback.tsx
-function U({ value: e, onVote: a, onSubmitComment: o, allowComment: s = !0, submitted: c = !1, className: d, strings: f }) {
-	let m = t(H, f), [h, g] = k(null), [_, v] = k(""), y = e ?? h, b = (t) => {
-		let n = y === t ? null : t;
-		e === void 0 && g(n), a?.(n);
+function Y({ value: e, onVote: t, onSubmitComment: a, allowComment: o = !0, submitted: s = !1, className: l, strings: f }) {
+	let p = n(J, f), [m, g] = P(null), [_, v] = P(""), [y, b] = P(!1), x = De(!0);
+	Te(() => (x.current = !0, () => {
+		x.current = !1;
+	}), []);
+	let S = e ?? m, C = () => {
+		if (y || !_.trim()) return;
+		let e = a?.(_, S);
+		if (!e || typeof e.then != "function") {
+			v("");
+			return;
+		}
+		b(!0), e.then(() => {
+			x.current && (v(""), b(!1));
+		}, () => {
+			x.current && b(!1);
+		});
+	}, T = (n) => {
+		let r = S === n ? null : n;
+		e === void 0 && g(r), t?.(r);
 	};
-	return c ? /* @__PURE__ */ j("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__ */ A(N, { className: "size-icon-md text-success" }), /* @__PURE__ */ A(i, {
-			size: "xs",
-			type: "success",
-			weight: "medium",
-			children: m.thanks
-		})]
-	}) : /* @__PURE__ */ j("div", {
-		className: n("ai-feedback--component inline-flex flex-col gap-space-md", d),
-		children: [/* @__PURE__ */ j("div", {
+	if (s) {
+		let e = S === "down" ? z : B;
+		return /* @__PURE__ */ L("div", {
+			role: "status",
+			className: r("ai-feedback--component", "inline-flex items-center gap-space-md rounded-radius px-space-lg py-space-sm", d.success.wash, l),
+			children: [/* @__PURE__ */ I(e, {
+				"aria-hidden": "true",
+				className: "size-icon-md text-success"
+			}), /* @__PURE__ */ I(i, {
+				size: "xs",
+				type: "success",
+				weight: "medium",
+				children: p.thanks
+			})]
+		});
+	}
+	return /* @__PURE__ */ L("div", {
+		className: r("ai-feedback--component inline-flex flex-col gap-space-md", l),
+		children: [/* @__PURE__ */ L("div", {
 			className: "flex items-center gap-space-md",
 			children: [
-				/* @__PURE__ */ A(i, {
+				/* @__PURE__ */ I(i, {
 					size: "xs",
 					type: "secondary",
-					children: m.prompt
+					children: p.prompt
 				}),
-				/* @__PURE__ */ A(r, {
+				/* @__PURE__ */ I(c, {
 					type: "button",
 					tone: "secondary",
 					buttonStyle: "ghost",
 					size: "sm",
 					iconOnly: !0,
-					"aria-label": m.thumbsUpAria,
-					"aria-pressed": y === "up",
-					onClick: () => b("up"),
-					className: y === "up" ? p.togglePressed : p.toggleHoverButton,
-					children: /* @__PURE__ */ A(N, { className: "size-icon-md" })
+					"aria-label": p.thumbsUpAria,
+					"aria-pressed": S === "up",
+					onClick: () => T("up"),
+					className: S === "up" ? h.togglePressed : h.toggleHoverButton,
+					children: /* @__PURE__ */ I(B, { className: "size-icon-md" })
 				}),
-				/* @__PURE__ */ A(r, {
+				/* @__PURE__ */ I(c, {
 					type: "button",
 					tone: "secondary",
 					buttonStyle: "ghost",
 					size: "sm",
 					iconOnly: !0,
-					"aria-label": m.thumbsDownAria,
-					"aria-pressed": y === "down",
-					onClick: () => b("down"),
-					className: y === "down" ? p.togglePressed : p.toggleHoverButton,
-					children: /* @__PURE__ */ A(Fe, { className: "size-icon-md" })
+					"aria-label": p.thumbsDownAria,
+					"aria-pressed": S === "down",
+					onClick: () => T("down"),
+					className: S === "down" ? h.togglePressed : h.toggleHoverButton,
+					children: /* @__PURE__ */ I(z, { className: "size-icon-md" })
 				})
 			]
-		}), !!s && !!y && /* @__PURE__ */ j(l, {
+		}), !!o && !!S && /* @__PURE__ */ L(u, {
 			gap: "md",
-			children: [/* @__PURE__ */ A(x, {
+			children: [/* @__PURE__ */ I(w, {
 				value: _,
 				onChange: (e) => v(e.target.value),
-				placeholder: m.commentPlaceholder,
-				minRows: 2
-			}), /* @__PURE__ */ A(l, {
+				placeholder: p.commentPlaceholder,
+				minRows: 2,
+				readOnly: y
+			}), /* @__PURE__ */ I(u, {
 				direction: "horizontal",
 				gap: "none",
 				justify: "end",
-				children: /* @__PURE__ */ A(r, {
+				children: /* @__PURE__ */ I(c, {
 					tone: "primary",
 					type: "button",
-					onClick: () => {
-						o?.(_, y), v("");
-					},
+					handlesLoading: !0,
+					loading: y,
+					onClick: C,
 					disabled: !_.trim(),
-					children: m.submit
+					children: p.submit
 				})
 			})]
 		})]
 	});
 }
-U.displayName = "AiFeedback";
+Y.displayName = "AiFeedback";
 //#endregion
 //#region src/components/blocks/ai/ai-citation/types.ts
-var W = {
+var X = {
 	title: "Sources",
 	sourceCount: (e) => e === 1 ? "1 source" : `${e} sources`,
 	hiddenCount: (e) => e === 1 ? "+1 more" : `+${e} more`,
@@ -563,66 +591,72 @@ var W = {
 };
 //#endregion
 //#region src/components/blocks/ai/ai-citation/ai-citation.tsx
-function G({ sources: t, expanded: a, defaultExpanded: o = !1, onExpandedChange: c, maxCollapsedRows: u = 0, className: f, strings: m }) {
-	let h = e(W, m), [g, _] = k(o), v = a ?? g, y = (e) => {
-		a === void 0 && _(e), c?.(e);
-	}, b = v ? t : t.slice(0, Math.max(0, u)), x = t.length - b.length;
-	return /* @__PURE__ */ j(d, {
-		surface: "card",
+function Z({ sources: e, expanded: n, defaultExpanded: a = !1, onExpandedChange: o, maxCollapsedRows: l = 0, surface: d = "card", className: m, strings: g }) {
+	let _ = t(X, g), v = N(), y = N(), [b, x] = P(a), S = n ?? b, C = (e) => {
+		n === void 0 && x(e), o?.(e);
+	}, w = S ? e : e.slice(0, Math.max(0, l)), T = e.length - w.length, E = S || l > 0;
+	return /* @__PURE__ */ L(p, {
+		surface: d,
 		padding: "none",
 		contentGap: "none",
-		className: n("ai-citation--component", f),
-		children: [/* @__PURE__ */ j(r, {
+		className: r("ai-citation--component", m),
+		children: [/* @__PURE__ */ L(c, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
 			size: "sm",
-			onClick: () => y(!v),
-			className: n("ai-citation--trigger h-auto min-h-0 w-full justify-start gap-space-sm rounded-radius border-0 px-surface-xs py-row-y text-left", `text-muted-foreground ${p.rowHover} ${s.inset}`),
-			"aria-expanded": v,
-			"aria-label": v ? h.collapse : h.expand,
-			children: [/* @__PURE__ */ j(i, {
+			onClick: () => C(!S),
+			className: r("ai-citation--trigger h-auto min-h-0 w-full justify-start gap-space-sm rounded-radius border-0 px-surface-xs py-row-y text-left", `text-muted-foreground ${h.rowHover} ${s.inset}`),
+			"aria-expanded": S,
+			"aria-controls": y,
+			"aria-labelledby": v,
+			"aria-description": S ? g?.collapse : g?.expand,
+			children: [/* @__PURE__ */ L(i, {
+				id: v,
+				tag: "span",
 				type: "inherit",
 				weight: "medium",
 				children: [
-					h.title,
+					_.title,
 					" · ",
-					h.sourceCount(t.length)
+					_.sourceCount(e.length)
 				]
-			}), A(v ? Oe : ke, { className: "size-icon-md" })]
-		}), (v || u > 0) && /* @__PURE__ */ j(l, {
+			}), I(S ? Oe : ke, { className: "size-icon-md" })]
+		}), /* @__PURE__ */ I(u, {
+			id: y,
+			hidden: !E,
 			gap: "sm",
-			className: "ai-citation--list border-t border-border/60 px-surface-xs py-row-y",
-			children: [/* @__PURE__ */ A(te, { children: b.map((e, t) => /* @__PURE__ */ A(Ve, {
+			className: r("ai-citation--list px-surface-xs py-row-y", f.footer, !E && "hidden"),
+			children: E && /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(ee, { children: w.map((e, t) => /* @__PURE__ */ I(Ve, {
 				source: e,
 				index: t + 1,
-				strings: h
-			}, e.id)) }), !v && x > 0 && /* @__PURE__ */ A(i, {
+				strings: _
+			}, e.id)) }), !S && T > 0 && /* @__PURE__ */ I(i, {
 				size: "xs",
 				type: "secondary",
 				className: "ai-citation--hidden-count",
-				children: h.hiddenCount(x)
-			})]
+				children: _.hiddenCount(T)
+			})] })
 		})]
 	});
 }
-G.displayName = "AiCitation";
-function Ve({ source: e, index: t, strings: r }) {
+Z.displayName = "AiCitation";
+function Ve({ source: e, index: t, strings: n }) {
 	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__ */ j(E, {
+	return /* @__PURE__ */ L(A, {
 		size: "sm",
 		className: "items-start",
 		children: [
-			/* @__PURE__ */ A(C, { children: /* @__PURE__ */ A(y, {
+			/* @__PURE__ */ I(E, { children: /* @__PURE__ */ I(S, {
 				tone: "neutral",
 				size: "sm",
 				"aria-hidden": !1,
 				className: "shrink-0",
-				children: /* @__PURE__ */ A(v, {
+				children: /* @__PURE__ */ I(x, {
 					value: t,
 					size: "xs",
 					weight: "semibold",
@@ -630,33 +664,33 @@ function Ve({ source: e, index: t, strings: r }) {
 					align: "center"
 				})
 			}) }),
-			/* @__PURE__ */ j(T, { children: [
-				/* @__PURE__ */ A(D, {
+			/* @__PURE__ */ L(k, { children: [
+				/* @__PURE__ */ I(j, {
 					className: "truncate",
-					children: /* @__PURE__ */ j(o, {
+					children: /* @__PURE__ */ L(o, {
 						...s,
-						className: n("truncate", e.url && "hover:text-primary-accent hover:underline"),
-						children: [e.title, !!e.url && /* @__PURE__ */ A(M, { className: "ml-1 inline size-icon-sm align-baseline" })]
+						className: r("truncate", e.url && "hover:text-primary-accent hover:underline"),
+						children: [e.title, !!e.url && /* @__PURE__ */ I(R, { className: "ml-1 inline size-icon-sm align-baseline" })]
 					})
 				}),
-				!!e.snippet && /* @__PURE__ */ A(w, {
+				!!e.snippet && /* @__PURE__ */ I(D, {
 					clamp: 2,
 					children: e.snippet
 				}),
-				(e.publisher || e.publishedAt) && /* @__PURE__ */ j(S, {
+				(e.publisher || e.publishedAt) && /* @__PURE__ */ L(T, {
 					className: "mt-1 justify-start gap-space-sm",
 					children: [
-						!!e.publisher && /* @__PURE__ */ A(i, {
+						!!e.publisher && /* @__PURE__ */ I(i, {
 							size: "xs",
 							type: "discrete",
 							children: e.publisher
 						}),
-						!!e.publisher && !!e.publishedAt && /* @__PURE__ */ A(i, {
+						!!e.publisher && !!e.publishedAt && /* @__PURE__ */ I(i, {
 							size: "xs",
 							type: "discrete",
 							children: "·"
 						}),
-						!!e.publishedAt && /* @__PURE__ */ A(h, {
+						!!e.publishedAt && /* @__PURE__ */ I(v, {
 							size: "xs",
 							className: "tabular-nums",
 							children: e.publishedAt
@@ -664,18 +698,18 @@ function Ve({ source: e, index: t, strings: r }) {
 					]
 				})
 			] }),
-			a !== null && /* @__PURE__ */ j(ee, {
+			a !== null && /* @__PURE__ */ L(O, {
 				className: "w-16 flex-col items-end gap-space-2xs",
-				children: [/* @__PURE__ */ A(_, {
+				children: [/* @__PURE__ */ I(b, {
 					value: a,
 					scaled: !0,
 					size: "xs",
 					type: "secondary",
 					weight: "medium"
-				}), /* @__PURE__ */ A(f, {
+				}), /* @__PURE__ */ I(m, {
 					value: a,
 					size: "sm",
-					"aria-label": r.relevance,
+					"aria-label": n.relevance,
 					className: "ai-citation--relevance"
 				})]
 			})
@@ -684,72 +718,76 @@ function Ve({ source: e, index: t, strings: r }) {
 }
 //#endregion
 //#region src/components/blocks/ai/ai-inline-citation/types.ts
-var K = {
+var He = {
 	sourcePrefix: "Source",
 	openAria: "Open source {{n}}: {{title}}"
 };
 //#endregion
 //#region src/components/blocks/ai/ai-inline-citation/ai-inline-citation.tsx
-function He(e, t) {
+function Ue(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: r, url: a, onSelect: c, className: l, strings: u }) {
-	let d = e(K, u), f = He(d.openAria, {
-		n: t,
-		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-radius border-0 px-control-xs font-sans", "align-middle tabular-nums", "bg-muted text-muted-foreground", p.rowHover, "transition-colors duration-150", `focus-visible:outline-none ${s.edge}`, l);
-	return a ? /* @__PURE__ */ A(o, {
+function We({ index: e, title: n, url: a, onSelect: c, className: l, strings: u }) {
+	let d = t(He, u), f = Ue(d.openAria, {
+		n: e,
+		title: n ?? ""
+	}), p = n ? `${d.sourcePrefix} ${e}: ${n}` : `${d.sourcePrefix} ${e}`, m = r("box-border inline-flex h-action-xs min-w-action-xs -translate-y-px items-center justify-center rounded-radius border-0 px-control-xs font-sans", "align-middle tabular-nums", "bg-muted text-muted-foreground", h.rowHover, "transition-colors duration-150", `focus-visible:outline-none ${s.edge}`, l);
+	return a ? /* @__PURE__ */ I(o, {
 		href: a,
 		size: "inherit",
 		underline: !1,
 		target: "_blank",
 		rel: "noopener noreferrer",
-		title: m,
+		onClick: c,
+		title: p,
 		"aria-label": f,
-		className: n("ai-inline-citation--component", h),
-		children: /* @__PURE__ */ A(i, {
+		className: r("ai-inline-citation--component", m),
+		children: /* @__PURE__ */ I(i, {
 			type: "inherit",
 			tag: "span",
 			size: "xs",
 			weight: "medium",
 			lineHeight: "none",
-			children: t
+			children: e
 		})
-	}) : c ? /* @__PURE__ */ A("button", {
+	}) : c ? /* @__PURE__ */ I("button", {
 		type: "button",
 		onClick: c,
-		title: m,
+		title: p,
 		"aria-label": f,
-		className: n("ai-inline-citation--component", h),
-		children: /* @__PURE__ */ A(i, {
+		className: r("ai-inline-citation--component", m),
+		children: /* @__PURE__ */ I(i, {
 			type: "inherit",
 			tag: "span",
 			size: "xs",
 			weight: "medium",
 			lineHeight: "none",
-			children: t
+			children: e
 		})
-	}) : /* @__PURE__ */ A("span", {
-		title: m,
-		"aria-label": f,
-		className: n("ai-inline-citation--component", h),
-		children: /* @__PURE__ */ A(i, {
+	}) : /* @__PURE__ */ L("span", {
+		title: p,
+		className: r("ai-inline-citation--component", m),
+		children: [/* @__PURE__ */ I(i, {
 			type: "inherit",
 			tag: "span",
 			size: "xs",
 			weight: "medium",
 			lineHeight: "none",
-			children: t
-		})
+			"aria-hidden": "true",
+			children: e
+		}), /* @__PURE__ */ I("span", {
+			className: "sr-only",
+			children: p
+		})]
 	});
 }
-q.displayName = "AiInlineCitation";
+We.displayName = "AiInlineCitation";
 //#endregion
 //#region src/components/blocks/ai/ai-package-info/types.ts
-var J = {
+var Ge = {
 	versionLabel: "Version",
 	licenseLabel: "License",
 	publishedLabel: "Published",
@@ -761,139 +799,139 @@ var J = {
 };
 //#endregion
 //#region src/components/blocks/ai/ai-package-info/ai-package-info.tsx
-function Y({ name: e, version: a, description: s, license: c, publishedAt: u, homepage: f, repository: m, weeklyDownloads: h, keywords: _, onSelect: v, className: y, strings: x }) {
-	let S = t(J, x), C = /* @__PURE__ */ j(l, {
+function Ke({ name: t, version: a, description: s, license: l, publishedAt: d, homepage: f, repository: m, weeklyDownloads: _, keywords: v, onSelect: b, surface: x = "card", className: S, strings: w }) {
+	let T = n(Ge, w), { locale: E } = e(), D = /* @__PURE__ */ L(u, {
 		gap: "md",
 		className: "min-w-0 flex-1",
 		children: [
-			/* @__PURE__ */ j(l, {
+			/* @__PURE__ */ L(u, {
 				gap: "dense",
-				children: [/* @__PURE__ */ j(l, {
+				children: [/* @__PURE__ */ L(u, {
 					direction: "horizontal",
 					gap: "md",
 					align: "center",
-					children: [/* @__PURE__ */ A(g, {
+					children: [/* @__PURE__ */ I(y, {
 						type: "inherit",
 						weight: "semibold",
 						className: "truncate",
-						children: e
-					}), !!a && /* @__PURE__ */ A(b, {
+						children: t
+					}), !!a && /* @__PURE__ */ I(C, {
 						tone: "secondary",
-						children: /* @__PURE__ */ j(g, {
+						children: /* @__PURE__ */ L(y, {
 							size: "xs",
 							className: "text-inherit",
 							children: ["v", a.replace(/^v/, "")]
 						})
 					})]
-				}), !!s && /* @__PURE__ */ A(i, {
+				}), !!s && /* @__PURE__ */ I(i, {
 					size: "xs",
 					type: "secondary",
 					className: "line-clamp-2",
 					children: s
 				})]
 			}),
-			(c || u || h !== void 0) && /* @__PURE__ */ j("div", {
+			(l || d || _ !== void 0) && /* @__PURE__ */ L("div", {
 				className: "ai-package-info--meta flex flex-wrap items-center gap-x-space-lg gap-y-space-xs",
 				children: [
-					!!c && /* @__PURE__ */ A(X, {
-						label: S.licenseLabel,
-						value: c
+					!!l && /* @__PURE__ */ I(Q, {
+						label: T.licenseLabel,
+						value: l
 					}),
-					!!u && /* @__PURE__ */ A(X, {
-						label: S.publishedLabel,
-						value: u
+					!!d && /* @__PURE__ */ I(Q, {
+						label: T.publishedLabel,
+						value: d
 					}),
-					h !== void 0 && /* @__PURE__ */ A(X, {
-						label: S.weeklyDownloadsLabel,
-						value: String(h)
+					_ !== void 0 && /* @__PURE__ */ I(Q, {
+						label: T.weeklyDownloadsLabel,
+						value: typeof _ == "number" ? g(_, { locale: E }) : _
 					})
 				]
 			}),
-			!!_?.length && /* @__PURE__ */ A(l, {
+			!!v?.length && /* @__PURE__ */ I(u, {
 				direction: "horizontal",
 				gap: "xs",
 				className: "ai-package-info--keywords",
-				children: _.slice(0, 6).map((e) => /* @__PURE__ */ A(b, {
+				children: v.slice(0, 6).map((e) => /* @__PURE__ */ I(C, {
 					tone: "secondary",
 					children: e
 				}, e))
 			})
 		]
-	}), w = "ai-package-info--body flex w-full items-start gap-space-lg p-surface-xs text-left";
-	return /* @__PURE__ */ j(d, {
-		surface: "card",
+	}), O = "ai-package-info--body flex w-full items-start gap-space-lg p-surface-xs text-left";
+	return /* @__PURE__ */ L(p, {
+		surface: x,
 		padding: "none",
-		className: n("ai-package-info--component", y),
-		children: [v ? /* @__PURE__ */ A(r, {
+		className: r("ai-package-info--component", S),
+		children: [b ? /* @__PURE__ */ I(c, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
-			onClick: v,
-			className: n(w, `h-auto min-h-0 justify-start rounded-none whitespace-normal transition-colors ${p.rowHover}`),
-			children: C
-		}) : /* @__PURE__ */ A("div", {
-			className: w,
-			children: C
-		}), (f || m) && /* @__PURE__ */ A("div", {
+			onClick: b,
+			className: r(O, `h-auto min-h-0 justify-start rounded-none whitespace-normal transition-colors ${h.rowHover}`),
+			children: D
+		}) : /* @__PURE__ */ I("div", {
+			className: O,
+			children: D
+		}), (f || m) && /* @__PURE__ */ I("div", {
 			className: "ai-package-info--footer px-surface-xs pb-surface-xs",
-			children: /* @__PURE__ */ j(l, {
+			children: /* @__PURE__ */ L(u, {
 				direction: "horizontal",
 				align: "center",
 				gap: "md",
 				children: [
-					!!f && /* @__PURE__ */ j(o, {
+					!!f && /* @__PURE__ */ L(o, {
 						href: f,
 						size: "inherit",
 						underline: !1,
 						target: "_blank",
 						rel: "noopener noreferrer",
 						onClick: (e) => e.stopPropagation(),
-						"aria-label": S.homepageAria,
+						"aria-label": T.homepageAria,
 						className: "inline-flex items-center gap-space-xs rounded-radius-xs text-muted-foreground hover:text-foreground",
-						children: [/* @__PURE__ */ A(i, {
+						children: [/* @__PURE__ */ I(i, {
 							type: "inherit",
 							tag: "span",
 							weight: "medium",
-							children: S.homepageLabel
-						}), /* @__PURE__ */ A(M, { className: "size-icon-sm" })]
+							children: T.homepageLabel
+						}), /* @__PURE__ */ I(R, { className: "size-icon-sm" })]
 					}),
-					!!f && !!m && /* @__PURE__ */ A(i, {
+					!!f && !!m && /* @__PURE__ */ I(i, {
 						tag: "span",
 						size: "xs",
 						type: "secondary",
 						"aria-hidden": !0,
 						children: "·"
 					}),
-					!!m && /* @__PURE__ */ j(o, {
+					!!m && /* @__PURE__ */ L(o, {
 						href: m,
 						size: "inherit",
 						underline: !1,
 						target: "_blank",
 						rel: "noopener noreferrer",
 						onClick: (e) => e.stopPropagation(),
-						"aria-label": S.repositoryAria,
+						"aria-label": T.repositoryAria,
 						className: "inline-flex items-center gap-space-xs rounded-radius-xs text-muted-foreground hover:text-foreground",
-						children: [/* @__PURE__ */ A(i, {
+						children: [/* @__PURE__ */ I(i, {
 							type: "inherit",
 							tag: "span",
 							weight: "medium",
-							children: S.repositoryLabel
-						}), /* @__PURE__ */ A(M, { className: "size-icon-sm" })]
+							children: T.repositoryLabel
+						}), /* @__PURE__ */ I(R, { className: "size-icon-sm" })]
 					})
 				]
 			})
 		})]
 	});
 }
-Y.displayName = "AiPackageInfo";
-function X({ label: e, value: t }) {
-	return /* @__PURE__ */ j("div", {
+Ke.displayName = "AiPackageInfo";
+function Q({ label: e, value: t }) {
+	return /* @__PURE__ */ L("div", {
 		className: "inline-flex items-baseline gap-space-xs",
-		children: [/* @__PURE__ */ A(i, {
+		children: [/* @__PURE__ */ I(i, {
 			size: "xs",
 			type: "discrete",
 			children: e
-		}), /* @__PURE__ */ A(h, {
+		}), /* @__PURE__ */ I(v, {
 			size: "xs",
 			weight: "medium",
 			className: "tabular-nums",
@@ -903,7 +941,7 @@ function X({ label: e, value: t }) {
 }
 //#endregion
 //#region src/components/blocks/ai/ai-file-tree/types.ts
-var Z = {
+var qe = {
 	treeAria: "Files",
 	expandAria: "Expand directory",
 	collapseAria: "Collapse directory",
@@ -913,18 +951,18 @@ var Z = {
 		removed: "D",
 		renamed: "R"
 	}
-}, Ue = {
+}, Je = {
 	added: "success",
 	modified: "warning",
 	removed: "destructive",
 	renamed: "info"
-}, We = {
+}, Ye = {
 	added: "text-success",
 	modified: "text-warning-accent",
 	removed: "text-destructive",
 	renamed: "text-info"
 };
-function Ge(e) {
+function Xe(e) {
 	let t = e.split(".").pop()?.toLowerCase() ?? "";
 	return [
 		"ts",
@@ -947,40 +985,46 @@ function Ge(e) {
 		"txt"
 	].includes(t) ? Me : Ae;
 }
-function Q(e, t = 0) {
-	return e.flatMap((e) => [...e.kind === "directory" && (e.defaultExpanded ?? t < 1) ? [e.id] : [], ...Q(e.children ?? [], t + 1)]);
+function Ze(e, t = 0) {
+	return e.flatMap((e) => [...e.kind === "directory" && (e.defaultExpanded ?? t < 1) ? [e.id] : [], ...Ze(e.children ?? [], t + 1)]);
 }
-function $({ nodes: e, selectedId: r, onSelect: i, hideStatusLabels: a = !1, indent: o, density: s = "compact", disabled: c, expandedIds: u, defaultExpandedIds: d, onExpandedIdsChange: f, className: p, strings: m, ..._ }) {
-	let v = t(Z, m), [y, x] = k(() => d ?? Q(e)), S = u ?? y, C = Ee(() => {
+function $({ nodes: e, selectedId: t, onSelect: i, hideStatusLabels: a = !1, indent: o, density: s = "compact", disabled: c, expandedIds: l, defaultExpandedIds: d, onExpandedIdsChange: f, className: p, strings: m, ...h }) {
+	let g = n(qe, m), [_, b] = P(() => d ?? Ze(e)), x = l ?? _, S = Ee(() => {
 		function t(e) {
 			return e.map((e) => {
-				let r = e.kind === "directory", i = e.icon ?? (r ? S.includes(e.id) ? Pe : Ne : Ge(e.name));
+				let n = e.kind === "directory", i = e.icon ?? (n ? x.includes(e.id) ? Pe : Ne : Xe(e.name));
 				return {
 					value: e.id,
 					label: e.name,
 					data: e,
 					disabled: e.disabled,
-					hasChildren: r,
-					children: r ? t(e.children ?? []) : void 0,
-					icon: /* @__PURE__ */ A(i, {
+					hasChildren: n,
+					children: n ? t(e.children ?? []) : void 0,
+					icon: /* @__PURE__ */ I(i, {
 						"aria-hidden": "true",
-						className: n("size-icon", a && e.status && We[e.status])
+						className: r("size-icon", a && e.status && Ye[e.status])
 					}),
-					trailing: /* @__PURE__ */ j(l, {
+					trailing: /* @__PURE__ */ L(u, {
 						direction: "horizontal",
 						gap: "xs",
 						align: "center",
 						className: "shrink-0",
-						children: [e.status && !a && /* @__PURE__ */ A(b, {
-							tone: Ue[e.status],
-							size: "sm",
-							title: e.status,
-							children: v.statusLabels[e.status]
-						}), e.trailing != null && /* @__PURE__ */ A(h, {
-							size: "xs",
-							className: "tabular-nums",
-							children: e.trailing
-						})]
+						children: [
+							e.status && !a && /* @__PURE__ */ I(C, {
+								tone: Je[e.status],
+								size: "sm",
+								children: g.statusLabels[e.status]
+							}),
+							e.status && a && /* @__PURE__ */ I("span", {
+								className: "sr-only",
+								children: g.statusLabels[e.status]
+							}),
+							e.trailing != null && /* @__PURE__ */ I(v, {
+								size: "xs",
+								className: "tabular-nums",
+								children: e.trailing
+							})
+						]
 					})
 				};
 			});
@@ -988,41 +1032,41 @@ function $({ nodes: e, selectedId: r, onSelect: i, hideStatusLabels: a = !1, ind
 		return t(e);
 	}, [
 		e,
-		S,
+		x,
 		a,
-		v.statusLabels
+		g.statusLabels
 	]);
-	return /* @__PURE__ */ A(Te, {
-		..._,
-		"aria-label": _["aria-label"] ?? v.treeAria,
-		items: C,
-		selectedValues: r === void 0 ? [] : [r],
-		expandedValues: S,
+	return /* @__PURE__ */ I(we, {
+		...h,
+		"aria-label": h["aria-label"] ?? g.treeAria,
+		items: S,
+		selectedValues: t === void 0 ? [] : [t],
+		expandedValues: x,
 		branchActivation: "toggle",
 		density: s,
 		disabled: c,
 		indent: o,
 		strings: {
-			expand: (e) => `${v.expandAria}: ${e}`,
-			collapse: (e) => `${v.collapseAria}: ${e}`
+			expand: (e) => `${g.expandAria}: ${e}`,
+			collapse: (e) => `${g.collapseAria}: ${e}`
 		},
 		onExpandedValuesChange: (e, t) => {
-			u === void 0 && x(e), f?.(e, t.data);
+			l === void 0 && b(e), f?.(e, t.data);
 		},
 		onSelectedValuesChange: (e, t) => {
 			t.data?.kind === "file" && i?.(t.data);
 		},
-		renderLabel: (e) => /* @__PURE__ */ A(g, {
+		renderLabel: (e) => /* @__PURE__ */ I(y, {
 			size: "inherit",
 			weight: "regular",
-			className: n("ai-file-tree--name text-inherit wrap-anywhere", e.data?.status === "removed" && "line-through"),
+			className: r("ai-file-tree--name text-inherit wrap-anywhere", e.data?.status === "removed" && "line-through"),
 			children: e.label
 		}),
-		className: n("ai-file-tree--component", p)
+		className: r("ai-file-tree--component", p)
 	});
 }
 $.displayName = "AiFileTree";
 //#endregion
-export { _e as AiAgent, be as AiArtifact, de as AiAttachment, ae as AiChainOfThought, G as AiCitation, ze as AiClassificationPanel, ie as AiCodeBlock, L as AiConfidence, ce as AiConfirmation, U as AiFeedback, $ as AiFileTree, q as AiInlineCitation, re as AiMessageBubble, Y as AiPackageInfo, z as AiPromptSuggestions, ye as AiReasoning, we as AiShimmer, pe as AiSources, Re as AiSummaryBlock, ve as AiTask, V as AiTokenUsage, oe as AiToolCall, me as defaultAiAgentStrings, he as defaultAiArtifactStrings, ue as defaultAiAttachmentStrings, ge as defaultAiChainOfThoughtStrings, W as defaultAiCitationStrings, Se as defaultAiCodeBlockStrings, I as defaultAiConfidenceStrings, le as defaultAiConfirmationStrings, H as defaultAiFeedbackStrings, Z as defaultAiFileTreeStrings, K as defaultAiInlineCitationStrings, ne as defaultAiMessageBubbleStrings, J as defaultAiPackageInfoStrings, R as defaultAiPromptSuggestionsStrings, se as defaultAiReasoningStrings, xe as defaultAiSourcesStrings, fe as defaultAiTaskStrings, B as defaultAiTokenUsageStrings, Ce as defaultAiToolCallStrings };
+export { ge as AiAgent, ye as AiArtifact, ue as AiAttachment, ie as AiChainOfThought, Z as AiCitation, ze as AiClassificationPanel, re as AiCodeBlock, U as AiConfidence, se as AiConfirmation, Y as AiFeedback, $ as AiFileTree, We as AiInlineCitation, ne as AiMessageBubble, Ke as AiPackageInfo, G as AiPromptSuggestions, ve as AiReasoning, Ce as AiShimmer, fe as AiSources, Re as AiSummaryBlock, _e as AiTask, q as AiTokenUsage, ae as AiToolCall, pe as defaultAiAgentStrings, me as defaultAiArtifactStrings, le as defaultAiAttachmentStrings, he as defaultAiChainOfThoughtStrings, X as defaultAiCitationStrings, xe as defaultAiCodeBlockStrings, H as defaultAiConfidenceStrings, ce as defaultAiConfirmationStrings, J as defaultAiFeedbackStrings, qe as defaultAiFileTreeStrings, He as defaultAiInlineCitationStrings, te as defaultAiMessageBubbleStrings, Ge as defaultAiPackageInfoStrings, W as defaultAiPromptSuggestionsStrings, oe as defaultAiReasoningStrings, be as defaultAiSourcesStrings, de as defaultAiTaskStrings, K as defaultAiTokenUsageStrings, Se as defaultAiToolCallStrings };
 
 //# sourceMappingURL=ai.js.map