themelia-react-ui 1.0.1 → 1.0.2

package/dist/blocks/ai.js

@@ -1,20 +1,20 @@
 "use client";
 import { mergeStrings as e, useStrings as t } from "../lib/strings.js";
-import { t as n } from "../utils-C2EKeIw3.js";
-import { n as r } from "../buttons-Co6GavvM.js";
-import { a as i, r as a, t as o } from "../typography-Cv8MT-82.js";
-import { i as s, t as c } from "../structure-MvKVq-oL.js";
-import { t as l } from "../progress-BOe8l_FZ.js";
-import { g as u, m as d } from "../primitives-DKPOGVpj.js";
-import { n as f, t as p } from "../number-BNT_BIzJ.js";
-import { t as m } from "../icon-badge-Dv0RYQwj.js";
-import { t as h } from "../badge-BZXZT9wd.js";
-import { t as g } from "../separator-Gk_WXH-l.js";
-import { d as _ } from "../text-inputs-Dh9XGyiS.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-pJ0GsOiJ.js";
-import { g as E } from "../data-display-cWIRdeaf.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-B5tPpXnS.js";
-import { t as xe } from "../tree-BdWSaoFT.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 { 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";
@@ -43,14 +43,14 @@ var Fe = {
 	high: 3
 };
 function Re({ level: e, label: t }) {
-	let r = Le[e];
+	let i = Le[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 < r ? "bg-foreground/60" : "bg-muted-foreground/20") }, `bar-${String(t)}`))
-		}), /* @__PURE__ */ j(i, {
+			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, {
 			size: "xs",
 			type: "secondary",
 			tag: "span",
@@ -59,7 +59,7 @@ function Re({ level: e, label: t }) {
 		})]
 	});
 }
-function ze({ data: e, children: a, metadata: o, actions: s, footer: l, className: d, strings: f }) {
+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", {
 		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, {
@@ -71,18 +71,18 @@ function ze({ data: e, children: a, metadata: o, actions: s, footer: l, classNam
 			className: "min-w-0 truncate",
 			children: e.model
 		})]
-	}), g = e.onRegenerate ? /* @__PURE__ */ M(r, {
+	}), g = e.onRegenerate ? /* @__PURE__ */ M(o, {
 		tone: "secondary",
 		buttonStyle: "ghost",
 		onClick: e.onRegenerate,
 		children: [/* @__PURE__ */ j(Ne, { className: "mr-1 h-3 w-3" }), p.regenerate]
-	}) : null, _ = o === void 0 ? m : o, v = s === void 0 ? g : s, y = l === void 0 ? (_ || v) && /* @__PURE__ */ M(A, { children: [_, v] }) : l;
+	}) : 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, {
 		"data-component": "ai-summary",
 		"data-slot": "ai-summary",
 		className: n("ai-summary--component", d),
 		children: [
-			/* @__PURE__ */ j(i, {
+			/* @__PURE__ */ j(r, {
 				lineHeight: "relaxed",
 				children: e.summary
 			}),
@@ -100,7 +100,7 @@ function ze({ data: e, children: a, metadata: o, actions: s, footer: l, classNam
 				level: e.confidence,
 				label: p.confidenceLevels[e.confidence]
 			}),
-			a,
+			i,
 			!!y && /* @__PURE__ */ j(c, {
 				direction: {
 					base: "vertical",
@@ -116,7 +116,7 @@ function ze({ data: e, children: a, metadata: o, actions: s, footer: l, classNam
 }
 //#endregion
 //#region src/components/blocks/ai/ai-classification/ai-classification.tsx
-function Be({ data: e, children: r, className: a, strings: o }) {
+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, {
 		"data-component": "ai-classification",
@@ -148,12 +148,14 @@ function Be({ data: e, children: r, className: a, strings: o }) {
 				label: s.complexityLabel,
 				labelClassName: "text-sm font-medium text-foreground",
 				value: /* @__PURE__ */ M("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(i, {
+					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, {
 						tag: "span",
 						size: "xs",
 						type: "secondary",
-						className: "ml-1",
 						children: [String(e.complexityScore), "/5"]
 					})]
 				})
@@ -177,7 +179,7 @@ function Be({ data: e, children: r, className: a, strings: o }) {
 					children: e.suggestedAction
 				})
 			}),
-			/* @__PURE__ */ j(i, {
+			/* @__PURE__ */ j(r, {
 				lineHeight: "relaxed",
 				type: "secondary",
 				children: e.summary
@@ -192,14 +194,14 @@ function Be({ data: e, children: r, className: a, strings: o }) {
 						": ",
 						l
 					]
-				}), /* @__PURE__ */ j(i, {
+				}), /* @__PURE__ */ j(r, {
 					size: "xs",
 					type: "discrete",
 					tag: "span",
 					children: e.model
 				})]
 			}),
-			r
+			i
 		]
 	});
 }
@@ -218,7 +220,7 @@ var I = {
 function Ve(e) {
 	return e >= .85 ? "success" : e >= .6 ? "warning" : "destructive";
 }
-function L({ score: e, model: r, factors: o, className: s, strings: u }) {
+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, {
 		"data-component": "ai-confidence",
@@ -229,7 +231,7 @@ function L({ score: e, model: r, factors: o, className: s, strings: u }) {
 		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", {
-				className: "relative shrink-0",
+				className: "relative w-fit shrink-0",
 				children: [/* @__PURE__ */ M("svg", {
 					width: "56",
 					height: "56",
@@ -254,7 +256,7 @@ function L({ score: e, model: r, factors: o, className: s, strings: u }) {
 						strokeDasharray: _,
 						strokeDashoffset: v,
 						transform: "rotate(-90 32 32)",
-						className: n(m === "success" && "text-success", m === "warning" && "text-warning", m === "destructive" && "text-destructive")
+						className: n(m === "success" && "text-success", m === "warning" && "text-warning-accent", m === "destructive" && "text-destructive")
 					})]
 				}), /* @__PURE__ */ j("div", {
 					className: "absolute inset-0 flex flex-col items-center justify-center",
@@ -267,24 +269,24 @@ function L({ score: e, model: r, factors: o, className: s, strings: u }) {
 				})]
 			}), /* @__PURE__ */ M(c, {
 				gap: "sm",
-				children: [/* @__PURE__ */ j(a, { children: d.confidenceLabel }), /* @__PURE__ */ M(c, {
+				children: [/* @__PURE__ */ j(i, { children: d.confidenceLabel }), /* @__PURE__ */ M(c, {
 					direction: "horizontal",
 					gap: "sm",
 					children: [/* @__PURE__ */ j(h, {
 						tone: m,
 						children: g
-					}), !!r && /* @__PURE__ */ j(i, {
+					}), !!a && /* @__PURE__ */ j(r, {
 						size: "xs",
 						type: "secondary",
 						className: "truncate",
-						children: r
+						children: a
 					})]
 				})]
 			})]
 		}), !!o && o.length > 0 && /* @__PURE__ */ M(c, {
 			gap: "md",
 			className: "mt-space-xl",
-			children: [/* @__PURE__ */ j(a, { children: d.factorsLabel }), o.map((e) => /* @__PURE__ */ M(c, {
+			children: [/* @__PURE__ */ j(i, { children: d.factorsLabel }), o.map((e) => /* @__PURE__ */ M(c, {
 				gap: "sm",
 				children: [/* @__PURE__ */ j(E, {
 					label: e.label,
@@ -358,8 +360,8 @@ var B = {
 };
 //#endregion
 //#region src/components/blocks/ai/ai-token-usage/ai-token-usage.tsx
-function V({ model: e, inputTokens: r, outputTokens: o, cost: l, maxTokens: u, className: d, strings: m }) {
-	let g = t(B, m), _ = r + o, v = u ? Math.min(100, Math.round(_ / u * 100)) : 0;
+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, {
 		"data-component": "ai-token-usage",
 		"data-slot": "ai-token-usage",
@@ -378,7 +380,7 @@ function V({ model: e, inputTokens: r, outputTokens: o, cost: l, maxTokens: u, c
 				children: [
 					{
 						label: g.input,
-						value: r
+						value: a
 					},
 					{
 						label: g.output,
@@ -389,10 +391,10 @@ function V({ model: e, inputTokens: r, outputTokens: o, cost: l, maxTokens: u, c
 						value: _
 					}
 				].map((e) => /* @__PURE__ */ j("div", {
-					className: "rounded-radius-md bg-muted/40 p-surface-xs",
+					className: "rounded-radius bg-muted/40 p-surface-xs",
 					children: /* @__PURE__ */ M(c, {
 						gap: "2xs",
-						children: [/* @__PURE__ */ j(a, { children: e.label }), /* @__PURE__ */ j(p, {
+						children: [/* @__PURE__ */ j(i, { children: e.label }), /* @__PURE__ */ j(p, {
 							value: e.value,
 							weight: "semibold",
 							align: "left"
@@ -411,7 +413,7 @@ function V({ model: e, inputTokens: r, outputTokens: o, cost: l, maxTokens: u, c
 								size: "xs",
 								align: "left"
 							}),
-							/* @__PURE__ */ j(i, {
+							/* @__PURE__ */ j(r, {
 								tag: "span",
 								size: "xs",
 								"aria-hidden": !0,
@@ -442,8 +444,8 @@ function V({ model: e, inputTokens: r, outputTokens: o, cost: l, maxTokens: u, c
 				})]
 			}),
 			!!l && /* @__PURE__ */ j(E, {
-				className: "mt-space-lg rounded-radius-md bg-primary/5 p-surface-xs",
-				label: /* @__PURE__ */ j(i, {
+				className: "mt-space-lg rounded-radius bg-primary/5 p-surface-xs",
+				label: /* @__PURE__ */ j(r, {
 					tag: "span",
 					size: "xs",
 					weight: "medium",
@@ -470,14 +472,14 @@ 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: l = !1, className: u, strings: d }) {
+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), a?.(n);
+		e === void 0 && m(n), i?.(n);
 	};
 	return l ? /* @__PURE__ */ M("div", {
-		className: n("ai-feedback--component", "inline-flex items-center gap-space-md rounded-full bg-success/10 px-space-lg py-space-sm", u),
-		children: [/* @__PURE__ */ j(F, { className: "size-icon-md text-success" }), /* @__PURE__ */ j(i, {
+		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, {
 			size: "xs",
 			type: "success",
 			weight: "medium",
@@ -488,12 +490,12 @@ function U({ value: e, onVote: a, onSubmitComment: o, allowComment: s = !0, subm
 		children: [/* @__PURE__ */ M("div", {
 			className: "flex items-center gap-space-md",
 			children: [
-				/* @__PURE__ */ j(i, {
+				/* @__PURE__ */ j(r, {
 					size: "xs",
 					type: "secondary",
 					children: f.prompt
 				}),
-				/* @__PURE__ */ j(r, {
+				/* @__PURE__ */ j(o, {
 					type: "button",
 					tone: "secondary",
 					buttonStyle: v === "up" ? "solid" : "ghost",
@@ -505,7 +507,7 @@ function U({ value: e, onVote: a, onSubmitComment: o, allowComment: s = !0, subm
 					className: n(v === "up" && "text-success bg-success/15 hover:bg-success/20"),
 					children: /* @__PURE__ */ j(F, { className: "size-icon-md" })
 				}),
-				/* @__PURE__ */ j(r, {
+				/* @__PURE__ */ j(o, {
 					type: "button",
 					tone: "secondary",
 					buttonStyle: v === "down" ? "solid" : "ghost",
@@ -514,7 +516,7 @@ function U({ value: e, onVote: a, onSubmitComment: o, allowComment: s = !0, subm
 					"aria-label": f.thumbsDownAria,
 					"aria-pressed": v === "down",
 					onClick: () => y("down"),
-					className: n(v === "down" && "text-destructive bg-destructive/15 hover:bg-destructive/20"),
+					className: n(v === "down" && "text-destructive bg-destructive/10 hover:bg-destructive/10"),
 					children: /* @__PURE__ */ j(Pe, { className: "size-icon-md" })
 				})
 			]
@@ -529,10 +531,10 @@ function U({ value: e, onVote: a, onSubmitComment: o, allowComment: s = !0, subm
 				direction: "horizontal",
 				gap: "none",
 				justify: "end",
-				children: /* @__PURE__ */ j(r, {
+				children: /* @__PURE__ */ j(o, {
 					type: "button",
 					onClick: () => {
-						o?.(h, v), g("");
+						a?.(h, v), g("");
 					},
 					disabled: !h.trim(),
 					children: f.submit
@@ -555,26 +557,26 @@ var W = {
 };
 //#endregion
 //#region src/components/blocks/ai/ai-citation/ai-citation.tsx
-function G({ sources: t, expanded: a, defaultExpanded: o = !1, onExpandedChange: s, maxCollapsedRows: l = 0, className: u, strings: d }) {
-	let f = e(W, d), [p, m] = k(o), h = a ?? p, g = (e) => {
-		a === void 0 && m(e), s?.(e);
+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;
 	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, {
 			gap: "lg",
-			children: [/* @__PURE__ */ M(r, {
+			children: [/* @__PURE__ */ M(o, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
 				size: "sm",
 				onClick: () => g(!h),
-				className: n("ai-citation--trigger h-auto justify-start gap-space-sm rounded-radius-md px-control py-row-y", "text-muted-foreground hover:text-foreground hover:bg-muted/40"),
+				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(i, {
+					/* @__PURE__ */ M(r, {
 						weight: "medium",
 						children: [
 							f.title,
@@ -588,7 +590,7 @@ function G({ sources: t, expanded: a, defaultExpanded: o = !1, onExpandedChange:
 				source: e,
 				index: t + 1,
 				strings: f
-			}, e.id)), !h && v > 0 && /* @__PURE__ */ j(i, {
+			}, e.id)), !h && v > 0 && /* @__PURE__ */ j(r, {
 				size: "xs",
 				type: "secondary",
 				children: f.hiddenCount(v)
@@ -597,7 +599,7 @@ function G({ sources: t, expanded: a, defaultExpanded: o = !1, onExpandedChange:
 	});
 }
 G.displayName = "AiCitation";
-function He({ source: e, index: t, strings: r }) {
+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 ? {
 		href: e.url,
 		target: "_blank",
@@ -632,12 +634,12 @@ function He({ source: e, index: t, strings: r }) {
 				(e.publisher || e.publishedAt) && /* @__PURE__ */ M(v, {
 					className: "mt-1 justify-start gap-space-sm",
 					children: [
-						!!e.publisher && /* @__PURE__ */ j(i, {
+						!!e.publisher && /* @__PURE__ */ j(r, {
 							size: "xs",
 							type: "discrete",
 							children: e.publisher
 						}),
-						!!e.publisher && !!e.publishedAt && /* @__PURE__ */ j(i, {
+						!!e.publisher && !!e.publishedAt && /* @__PURE__ */ j(r, {
 							size: "xs",
 							type: "discrete",
 							children: "·"
@@ -661,7 +663,7 @@ function He({ source: e, index: t, strings: r }) {
 				}), /* @__PURE__ */ j("div", {
 					className: "h-1 w-full overflow-hidden rounded-full bg-muted",
 					role: "progressbar",
-					"aria-label": r.relevance,
+					"aria-label": i.relevance,
 					"aria-valuemin": 0,
 					"aria-valuemax": 100,
 					"aria-valuenow": a,
@@ -688,37 +690,34 @@ function Ue(e, t) {
 		return r === void 0 ? e : String(r);
 	});
 }
-function q({ index: t, title: a, url: s, onSelect: c, className: l, strings: u }) {
-	let d = e(K, u), f = Ue(d.openAria, {
+function q({ index: t, title: i, url: o, onSelect: s, className: c, strings: l }) {
+	let u = e(K, l), d = Ue(u.openAria, {
 		n: t,
-		title: a ?? ""
-	}), p = a ? `${d.sourcePrefix} ${t}: ${a}` : `${d.sourcePrefix} ${t}`, m = n("inline-flex h-5 min-w-5 -translate-y-px active:not-aria-[haspopup]:-translate-y-px items-center justify-center rounded px-space-xs", "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/40", l);
-	return s ? /* @__PURE__ */ j(o, {
-		href: s,
+		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,
 		size: "inherit",
 		underline: !1,
 		target: "_blank",
 		rel: "noopener noreferrer",
-		title: p,
-		"aria-label": f,
-		className: n("ai-inline-citation--component", m),
-		children: /* @__PURE__ */ j(i, {
+		title: f,
+		"aria-label": d,
+		className: n("ai-inline-citation--component", p),
+		children: /* @__PURE__ */ j(r, {
 			tag: "span",
 			size: "xs",
 			weight: "medium",
 			className: "leading-none",
 			children: t
 		})
-	}) : c ? /* @__PURE__ */ j(r, {
+	}) : s ? /* @__PURE__ */ j("button", {
 		type: "button",
-		tone: "secondary",
-		buttonStyle: "ghost",
-		size: "sm",
-		onClick: c,
-		title: p,
-		"aria-label": f,
-		className: n("ai-inline-citation--component", m),
-		children: /* @__PURE__ */ j(i, {
+		onClick: s,
+		title: f,
+		"aria-label": d,
+		className: n("ai-inline-citation--component", p),
+		children: /* @__PURE__ */ j(r, {
 			tag: "span",
 			size: "xs",
 			weight: "medium",
@@ -726,10 +725,10 @@ function q({ index: t, title: a, url: s, onSelect: c, className: l, strings: u }
 			children: t
 		})
 	}) : /* @__PURE__ */ j("span", {
-		title: p,
-		"aria-label": f,
-		className: n("ai-inline-citation--component", m),
-		children: /* @__PURE__ */ j(i, {
+		title: f,
+		"aria-label": d,
+		className: n("ai-inline-citation--component", p),
+		children: /* @__PURE__ */ j(r, {
 			tag: "span",
 			size: "xs",
 			weight: "medium",
@@ -753,35 +752,39 @@ var J = {
 };
 //#endregion
 //#region src/components/blocks/ai/ai-package-info/ai-package-info.tsx
-function Y({ name: e, version: a, description: s, license: l, publishedAt: u, homepage: f, repository: p, weeklyDownloads: m, keywords: g, onSelect: _, className: v, strings: y }) {
+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-radius-md bg-muted text-muted-foreground",
+		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", {
 		className: "min-w-0 flex-1",
 		children: [
-			/* @__PURE__ */ M("div", {
-				className: "flex items-center gap-space-md",
-				children: [/* @__PURE__ */ j(d, {
-					weight: "semibold",
-					className: "truncate",
-					children: e
-				}), !!a && /* @__PURE__ */ j(h, {
-					tone: "secondary",
-					children: /* @__PURE__ */ M(d, {
-						size: "xs",
-						className: "text-inherit",
-						children: ["v", a.replace(/^v/, "")]
-					})
+			/* @__PURE__ */ M(c, {
+				gap: "dense",
+				children: [/* @__PURE__ */ M(c, {
+					direction: "horizontal",
+					gap: "md",
+					align: "center",
+					children: [/* @__PURE__ */ j(d, {
+						weight: "semibold",
+						className: "truncate",
+						children: e
+					}), !!i && /* @__PURE__ */ j(h, {
+						tone: "secondary",
+						children: /* @__PURE__ */ M(d, {
+							size: "xs",
+							className: "text-inherit",
+							children: ["v", i.replace(/^v/, "")]
+						})
+					})]
+				}), !!s && /* @__PURE__ */ j(r, {
+					size: "xs",
+					type: "secondary",
+					className: "line-clamp-2",
+					children: s
 				})]
 			}),
-			!!s && /* @__PURE__ */ j(i, {
-				size: "xs",
-				type: "secondary",
-				className: "mt-1 line-clamp-2",
-				children: s
-			}),
 			(l || u || m !== void 0) && /* @__PURE__ */ M("div", {
 				className: "mt-space-md flex flex-wrap items-center gap-x-space-lg gap-y-space-xs",
 				children: [
@@ -810,7 +813,7 @@ function Y({ name: e, version: a, description: s, license: l, publishedAt: u, ho
 	})] }), S = "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(r, {
+		children: [_ ? /* @__PURE__ */ j(o, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
@@ -827,7 +830,7 @@ function Y({ name: e, version: a, description: s, license: l, publishedAt: u, ho
 				align: "center",
 				gap: "md",
 				children: [
-					!!f && /* @__PURE__ */ M(o, {
+					!!f && /* @__PURE__ */ M(a, {
 						href: f,
 						size: "inherit",
 						underline: !1,
@@ -838,7 +841,7 @@ function Y({ name: e, version: a, description: s, license: l, publishedAt: u, ho
 						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(i, {
+							/* @__PURE__ */ j(r, {
 								tag: "span",
 								weight: "medium",
 								children: b.homepageLabel
@@ -846,7 +849,7 @@ function Y({ name: e, version: a, description: s, license: l, publishedAt: u, ho
 							/* @__PURE__ */ j(N, { className: "size-icon-sm" })
 						]
 					}),
-					!!f && !!p && /* @__PURE__ */ j(i, {
+					!!f && !!p && /* @__PURE__ */ j(r, {
 						tag: "span",
 						size: "xs",
 						type: "secondary",
@@ -854,7 +857,7 @@ function Y({ name: e, version: a, description: s, license: l, publishedAt: u, ho
 						"aria-hidden": !0,
 						children: "·"
 					}),
-					!!p && /* @__PURE__ */ M(o, {
+					!!p && /* @__PURE__ */ M(a, {
 						href: p,
 						size: "inherit",
 						underline: !1,
@@ -865,7 +868,7 @@ function Y({ name: e, version: a, description: s, license: l, publishedAt: u, ho
 						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(i, {
+							/* @__PURE__ */ j(r, {
 								tag: "span",
 								weight: "medium",
 								children: b.repositoryLabel
@@ -882,7 +885,7 @@ Y.displayName = "AiPackageInfo";
 function X({ label: e, value: t }) {
 	return /* @__PURE__ */ M("div", {
 		className: "inline-flex items-baseline gap-space-xs",
-		children: [/* @__PURE__ */ j(i, {
+		children: [/* @__PURE__ */ j(r, {
 			size: "xs",
 			type: "discrete",
 			children: e