@leonardaustin/ui 0.2.0 → 0.3.0

package/dist/index.js

@@ -1,34 +1,34 @@
 import { Component as e, Fragment as t, createContext as n, forwardRef as r, useCallback as i, useContext as a, useEffect as o, useId as s, useLayoutEffect as c, useMemo as l, useRef as u, useState as d } from "react";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { Accessibility as h, AlertTriangle as g, ArrowDown as _, ArrowLeft as v, ArrowUp as y, BookOpen as b, Calendar as x, Check as S, CheckCircle2 as C, ChevronDown as w, ChevronLeft as T, ChevronRight as E, ChevronsUpDown as D, Columns3 as O, Eye as k, EyeOff as A, Inbox as ee, Info as te, Loader2 as ne, LogOut as re, Menu as ie, Minus as ae, Monitor as j, Moon as M, Palette as oe, PanelLeft as se, PanelLeftDashed as ce, Search as N, Settings as le, Sun as ue, UploadCloud as de, X as P, XCircle as fe, Zap as pe } from "lucide-react";
-import { createPortal as F } from "react-dom";
+import { Accessibility as h, AlertTriangle as g, ArrowDown as _, ArrowLeft as v, ArrowUp as y, BookOpen as b, Calendar as x, Check as S, CheckCircle2 as C, ChevronDown as w, ChevronLeft as T, ChevronRight as E, ChevronsUpDown as D, Columns3 as O, Eye as k, EyeOff as A, Inbox as j, Info as M, Loader2 as ee, LogOut as te, Menu as ne, Minus as re, Monitor as N, Moon as P, Palette as ie, PanelLeft as ae, PanelLeftDashed as oe, Search as se, Settings as ce, Sun as le, UploadCloud as ue, X as F, XCircle as de, Zap as fe } from "lucide-react";
+import { createPortal as I } from "react-dom";
 //#region src/components/charts/AreaChart.tsx
-var I = {
+var L = {
 	top: 16,
 	right: 12,
 	bottom: 28,
 	left: 48
 };
-function me(e) {
+function pe(e) {
 	return e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).toFixed(1)}k` : String(e);
 }
-function he({ data: e, height: t = 240 }) {
-	let n = s(), r = u(null), [i, a] = d(null), o = 600 - I.left - I.right, c = t - I.top - I.bottom, l = Math.min(...e.map((e) => e.value)), h = Math.max(...e.map((e) => e.value)), g = h - l || 1;
+function me({ data: e, height: t = 240 }) {
+	let n = s(), r = u(null), [i, a] = d(null), o = 600 - L.left - L.right, c = t - L.top - L.bottom, l = Math.min(...e.map((e) => e.value)), h = Math.max(...e.map((e) => e.value)), g = h - l || 1;
 	function _(t) {
-		return I.left + t / Math.max(e.length - 1, 1) * o;
+		return L.left + t / Math.max(e.length - 1, 1) * o;
 	}
 	function v(e) {
-		return I.top + c - (e - l) / g * c;
+		return L.top + c - (e - l) / g * c;
 	}
 	let y = e.map((e, t) => `${_(t)},${v(e.value)}`).join(" "), b = [
-		`${_(0)},${I.top + c}`,
+		`${_(0)},${L.top + c}`,
 		...e.map((e, t) => `${_(t)},${v(e.value)}`),
-		`${_(e.length - 1)},${I.top + c}`
+		`${_(e.length - 1)},${L.top + c}`
 	].join(" "), x = Math.max(1, Math.floor(e.length / 5)), S = e.filter((t, n) => n % x === 0 || n === e.length - 1), C = e.map((e, t) => t).filter((t) => t % x === 0 || t === e.length - 1);
 	function w(t) {
 		let n = r.current;
 		if (!n || e.length === 0) return;
-		let i = n.getBoundingClientRect(), s = ((t.clientX - i.left) / i.width * 600 - I.left) / o, c = Math.round(s * (e.length - 1)), l = Math.max(0, Math.min(e.length - 1, c));
+		let i = n.getBoundingClientRect(), s = ((t.clientX - i.left) / i.width * 600 - L.left) / o, c = Math.round(s * (e.length - 1)), l = Math.max(0, Math.min(e.length - 1, c));
 		a({
 			x: _(l),
 			y: v(e[l].value),
@@ -63,28 +63,28 @@ function he({ data: e, height: t = 240 }) {
 				})]
 			}) }),
 			/* @__PURE__ */ p("text", {
-				x: I.left - 8,
-				y: I.top,
+				x: L.left - 8,
+				y: L.top,
 				textAnchor: "end",
 				dominantBaseline: "central",
 				fill: "var(--text-tertiary)",
 				fontSize: 10,
-				children: me(h)
+				children: pe(h)
 			}),
 			/* @__PURE__ */ p("text", {
-				x: I.left - 8,
-				y: I.top + c,
+				x: L.left - 8,
+				y: L.top + c,
 				textAnchor: "end",
 				dominantBaseline: "central",
 				fill: "var(--text-tertiary)",
 				fontSize: 10,
-				children: me(l)
+				children: pe(l)
 			}),
 			/* @__PURE__ */ p("line", {
-				x1: I.left,
-				y1: I.top + c,
-				x2: I.left + o,
-				y2: I.top + c,
+				x1: L.left,
+				y1: L.top + c,
+				x2: L.left + o,
+				y2: L.top + c,
 				stroke: "var(--border)",
 				strokeWidth: 1
 			}),
@@ -111,9 +111,9 @@ function he({ data: e, height: t = 240 }) {
 			i && /* @__PURE__ */ m(f, { children: [
 				/* @__PURE__ */ p("line", {
 					x1: i.x,
-					y1: I.top,
+					y1: L.top,
 					x2: i.x,
-					y2: I.top + c,
+					y2: L.top + c,
 					stroke: "var(--border-strong)",
 					strokeWidth: 1,
 					strokeDasharray: "3 3"
@@ -166,14 +166,14 @@ function he({ data: e, height: t = 240 }) {
 }
 //#endregion
 //#region src/components/charts/BarChart.tsx
-var ge = [
+var he = [
 	1,
 	.85,
 	.7,
 	.55,
 	.45
 ];
-function _e({ data: e, height: t }) {
+function ge({ data: e, height: t }) {
 	let [n, r] = d(null), i = Math.max(...e.map((e) => e.value));
 	return /* @__PURE__ */ p("svg", {
 		width: "100%",
@@ -219,7 +219,7 @@ function _e({ data: e, height: t }) {
 						height: 22,
 						fill: "var(--accent)",
 						rx: 6,
-						opacity: s ? 1 : ge[t % ge.length],
+						opacity: s ? 1 : he[t % he.length],
 						style: { transition: "all 150ms" }
 					}),
 					/* @__PURE__ */ p("text", {
@@ -239,19 +239,19 @@ function _e({ data: e, height: t }) {
 }
 //#endregion
 //#region src/lib/cn.ts
-function ve(e) {
+function _e(e) {
 	if (typeof e == "string" || typeof e == "number" || typeof e == "bigint") return String(e);
 	if (!e || typeof e != "object") return "";
 	let t = "";
 	if (Array.isArray(e)) for (let n of e) {
 		if (!n) continue;
-		let e = ve(n);
+		let e = _e(n);
 		e && (t = t ? `${t} ${e}` : e);
 	}
 	else for (let n in e) e[n] && (t = t ? `${t} ${n}` : n);
 	return t;
 }
-var ye = new Set([
+var ve = new Set([
 	"block",
 	"contents",
 	"flex",
@@ -261,7 +261,7 @@ var ye = new Set([
 	"inline-block",
 	"inline-flex",
 	"table"
-]), be = new Set([
+]), ye = new Set([
 	"text-2xl",
 	"text-2xs",
 	"text-2xs-f",
@@ -272,16 +272,16 @@ var ye = new Set([
 	"text-sm",
 	"text-xl",
 	"text-xs"
-]), xe = new Set([
+]), be = new Set([
 	"text-center",
 	"text-left",
 	"text-right"
-]), Se = new Set(["lowercase", "uppercase"]), Ce = new Set([
+]), xe = new Set(["lowercase", "uppercase"]), Se = new Set([
 	"font-bold",
 	"font-medium",
 	"font-normal",
 	"font-semibold"
-]), we = {
+]), Ce = {
 	m: [
 		"margin-top",
 		"margin-right",
@@ -306,7 +306,7 @@ var ye = new Set([
 	pr: ["padding-right"],
 	pb: ["padding-bottom"],
 	pl: ["padding-left"]
-}, Te = {
+}, we = {
 	inset: [
 		"top",
 		"right",
@@ -321,7 +321,7 @@ var ye = new Set([
 	left: ["left"],
 	start: ["inset-inline-start"],
 	end: ["inset-inline-end"]
-}, Ee = {
+}, Te = {
 	border: [
 		"border-top-width",
 		"border-right-width",
@@ -334,7 +334,7 @@ var ye = new Set([
 	"border-r": ["border-right-width"],
 	"border-b": ["border-bottom-width"],
 	"border-l": ["border-left-width"]
-}, De = {
+}, Ee = {
 	border: [
 		"border-top-color",
 		"border-right-color",
@@ -347,7 +347,7 @@ var ye = new Set([
 	"border-r": ["border-right-color"],
 	"border-b": ["border-bottom-color"],
 	"border-l": ["border-left-color"]
-}, Oe = new Set([
+}, De = new Set([
 	"border-dashed",
 	"border-dotted",
 	"border-double",
@@ -355,14 +355,14 @@ var ye = new Set([
 	"border-none",
 	"border-solid"
 ]);
-function L(...e) {
-	return ke(ve(e));
+function R(...e) {
+	return Oe(_e(e));
 }
-function ke(e) {
+function Oe(e) {
 	let t = [], n = /* @__PURE__ */ new Map();
 	for (let r of e.split(/\s+/)) {
 		if (!r) continue;
-		let e = Ae(r);
+		let e = ke(r);
 		if (e.size === 0) {
 			let i = n.get(r);
 			i !== void 0 && (t[i] = null), n.set(r, t.length), t.push({
@@ -373,7 +373,7 @@ function ke(e) {
 		}
 		for (let n = t.length - 1; n >= 0; n--) {
 			let r = t[n];
-			r && ze(r.keys, e) && (t[n] = null);
+			r && Re(r.keys, e) && (t[n] = null);
 		}
 		t.push({
 			token: r,
@@ -382,11 +382,11 @@ function ke(e) {
 	}
 	return t.filter((e) => !!e).map((e) => e.token).join(" ");
 }
-function Ae(e) {
-	let t = je(e), n = t.pop() ?? e, r = n.startsWith("!"), i = Me(r ? n.slice(1) : n), a = `${t.join(":")}|${r ? "!" : ""}`, o = Ne(i);
+function ke(e) {
+	let t = Ae(e), n = t.pop() ?? e, r = n.startsWith("!"), i = je(r ? n.slice(1) : n), a = `${t.join(":")}|${r ? "!" : ""}`, o = Me(i);
 	return new Set(o.map((e) => `${a}${e}`));
 }
-function je(e) {
+function Ae(e) {
 	let t = [], n = 0, r = 0;
 	for (let i = 0; i < e.length; i++) {
 		let a = e[i];
@@ -394,57 +394,57 @@ function je(e) {
 	}
 	return t.push(e.slice(r)), t;
 }
-function Me(e) {
+function je(e) {
 	return e.startsWith("-") ? e.slice(1) : e;
 }
-function Ne(e) {
-	let t = Pe(e);
-	if (t) return [...we[t]];
-	let n = Fe(e);
-	if (n) return [...Te[n]];
-	let r = Ie(e);
-	if (r) return [...Ee[r]];
-	if (ye.has(e)) return ["display"];
+function Me(e) {
+	let t = Ne(e);
+	if (t) return [...Ce[t]];
+	let n = Pe(e);
+	if (n) return [...we[n]];
+	let r = Fe(e);
+	if (r) return [...Te[r]];
+	if (ve.has(e)) return ["display"];
 	if (e === "absolute" || e === "fixed" || e === "relative" || e === "static" || e === "sticky") return ["position"];
 	if (e === "visible" || e === "invisible" || e === "collapse") return ["visibility"];
 	if (e === "border-collapse") return ["border-collapse"];
-	if (Oe.has(e)) return ["border-style"];
-	let i = Le(e);
-	return i ? [...De[i]] : e === "rounded" || e.startsWith("rounded-") ? ["border-radius"] : e.startsWith("bg-") ? ["background"] : be.has(e) ? ["font-size"] : xe.has(e) ? ["text-align"] : Se.has(e) ? ["text-transform"] : e.startsWith("text-") ? ["color"] : e === "font-mono" ? ["font-family"] : Ce.has(e) ? ["font-weight"] : e.startsWith("leading-") ? ["line-height"] : e.startsWith("tracking-") ? ["letter-spacing"] : e.startsWith("w-") ? ["width"] : e.startsWith("min-w-") ? ["min-width"] : e.startsWith("max-w-") ? ["max-width"] : e.startsWith("h-") ? ["height"] : e.startsWith("min-h-") ? ["min-height"] : e.startsWith("max-h-") ? ["max-height"] : e.startsWith("translate-x-") ? ["translate-x"] : e.startsWith("translate-y-") ? ["translate-y"] : e.startsWith("scale-") ? ["scale"] : e.startsWith("rotate-") ? ["rotate"] : e === "transform" ? ["transform"] : e.startsWith("grid-cols-") ? ["grid-template-columns"] : e.startsWith("col-span-") ? ["grid-column"] : e.startsWith("columns-") ? ["columns"] : e === "flex-col" || e === "flex-row" ? ["flex-direction"] : e === "flex-wrap" ? ["flex-wrap"] : e.startsWith("flex-") ? ["flex"] : e === "shrink" || e.startsWith("shrink-") ? ["flex-shrink"] : e === "grow" || e.startsWith("grow-") ? ["flex-grow"] : e.startsWith("items-") ? ["align-items"] : e.startsWith("justify-") ? ["justify-content"] : e.startsWith("gap-") ? ["gap"] : e.startsWith("space-y-") ? ["space-y"] : e.startsWith("overflow-y-") ? ["overflow-y"] : e.startsWith("overflow-x-") ? ["overflow-x"] : e.startsWith("overflow-") ? ["overflow-x", "overflow-y"] : e.startsWith("object-") ? ["object-fit"] : e.startsWith("aspect-") ? ["aspect-ratio"] : e.startsWith("cursor-") ? ["cursor"] : e.startsWith("opacity-") ? ["opacity"] : e.startsWith("shadow-") ? ["box-shadow"] : e === "ring" || /^ring-\d/.test(e) ? ["ring-width"] : e.startsWith("ring-offset-bg-") ? ["ring-offset-color"] : e.startsWith("ring-offset-") ? ["ring-offset-width"] : e.startsWith("ring-") ? ["ring-color"] : e.startsWith("outline-offset-") ? ["outline-offset"] : /^outline-\d/.test(e) ? ["outline-width"] : e === "outline" || e === "outline-none" ? ["outline-style"] : e.startsWith("outline-") ? ["outline-color"] : e.startsWith("transition-") || e === "transition" ? ["transition-property"] : e.startsWith("duration-") ? ["transition-duration"] : e.startsWith("ease-") ? ["transition-timing-function"] : e.startsWith("animate-") ? ["animation"] : e.startsWith("z-") ? ["z-index"] : e.startsWith("whitespace-") ? ["white-space"] : e.startsWith("break-inside-") ? ["break-inside"] : e.startsWith("break-") ? ["word-break"] : e.startsWith("line-clamp-") ? ["line-clamp"] : e === "list-inside" || e === "list-outside" ? ["list-style-position"] : e.startsWith("list-") ? ["list-style-type"] : e.startsWith("resize") ? ["resize"] : e.startsWith("select-") ? ["user-select"] : e.startsWith("pointer-events-") ? ["pointer-events"] : e.startsWith("appearance-") ? ["appearance"] : e.startsWith("accent-") ? ["accent-color"] : [];
+	if (De.has(e)) return ["border-style"];
+	let i = Ie(e);
+	return i ? [...Ee[i]] : e === "rounded" || e.startsWith("rounded-") ? ["border-radius"] : e.startsWith("bg-") ? ["background"] : ye.has(e) ? ["font-size"] : be.has(e) ? ["text-align"] : xe.has(e) ? ["text-transform"] : e.startsWith("text-") ? ["color"] : e === "font-mono" ? ["font-family"] : Se.has(e) ? ["font-weight"] : e.startsWith("leading-") ? ["line-height"] : e.startsWith("tracking-") ? ["letter-spacing"] : e.startsWith("w-") ? ["width"] : e.startsWith("min-w-") ? ["min-width"] : e.startsWith("max-w-") ? ["max-width"] : e.startsWith("h-") ? ["height"] : e.startsWith("min-h-") ? ["min-height"] : e.startsWith("max-h-") ? ["max-height"] : e.startsWith("translate-x-") ? ["translate-x"] : e.startsWith("translate-y-") ? ["translate-y"] : e.startsWith("scale-") ? ["scale"] : e.startsWith("rotate-") ? ["rotate"] : e === "transform" ? ["transform"] : e.startsWith("grid-cols-") ? ["grid-template-columns"] : e.startsWith("col-span-") ? ["grid-column"] : e.startsWith("columns-") ? ["columns"] : e === "flex-col" || e === "flex-row" ? ["flex-direction"] : e === "flex-wrap" ? ["flex-wrap"] : e.startsWith("flex-") ? ["flex"] : e === "shrink" || e.startsWith("shrink-") ? ["flex-shrink"] : e === "grow" || e.startsWith("grow-") ? ["flex-grow"] : e.startsWith("items-") ? ["align-items"] : e.startsWith("justify-") ? ["justify-content"] : e.startsWith("gap-") ? ["gap"] : e.startsWith("space-y-") ? ["space-y"] : e.startsWith("overflow-y-") ? ["overflow-y"] : e.startsWith("overflow-x-") ? ["overflow-x"] : e.startsWith("overflow-") ? ["overflow-x", "overflow-y"] : e.startsWith("object-") ? ["object-fit"] : e.startsWith("aspect-") ? ["aspect-ratio"] : e.startsWith("cursor-") ? ["cursor"] : e.startsWith("opacity-") ? ["opacity"] : e.startsWith("shadow-") ? ["box-shadow"] : e === "ring" || /^ring-\d/.test(e) ? ["ring-width"] : e.startsWith("ring-offset-bg-") ? ["ring-offset-color"] : e.startsWith("ring-offset-") ? ["ring-offset-width"] : e.startsWith("ring-") ? ["ring-color"] : e.startsWith("outline-offset-") ? ["outline-offset"] : /^outline-\d/.test(e) ? ["outline-width"] : e === "outline" || e === "outline-none" ? ["outline-style"] : e.startsWith("outline-") ? ["outline-color"] : e.startsWith("transition-") || e === "transition" ? ["transition-property"] : e.startsWith("duration-") ? ["transition-duration"] : e.startsWith("ease-") ? ["transition-timing-function"] : e.startsWith("animate-") ? ["animation"] : e.startsWith("z-") ? ["z-index"] : e.startsWith("whitespace-") ? ["white-space"] : e.startsWith("break-inside-") ? ["break-inside"] : e.startsWith("break-") ? ["word-break"] : e.startsWith("line-clamp-") ? ["line-clamp"] : e === "list-inside" || e === "list-outside" ? ["list-style-position"] : e.startsWith("list-") ? ["list-style-type"] : e.startsWith("resize") ? ["resize"] : e.startsWith("select-") ? ["user-select"] : e.startsWith("pointer-events-") ? ["pointer-events"] : e.startsWith("appearance-") ? ["appearance"] : e.startsWith("accent-") ? ["accent-color"] : [];
+}
+function Ne(e) {
+	return Le(e, Ce);
 }
 function Pe(e) {
-	return Re(e, we);
+	return Le(e, we);
 }
 function Fe(e) {
-	return Re(e, Te);
-}
-function Ie(e) {
 	return e === "border" ? "border" : e.match(/^(border(?:-[xytrbl])?)(?=$|-(?:0|2|4|8|\[))/)?.[1];
 }
-function Le(e) {
+function Ie(e) {
 	let t = e.match(/^(border-[xytrbl])-./);
 	return t ? t[1] : e.startsWith("border-") ? "border" : void 0;
 }
-function Re(e, t) {
+function Le(e, t) {
 	return Object.keys(t).sort((e, t) => String(t).length - String(e).length).find((t) => {
 		let n = String(t);
 		return e === n || e.startsWith(`${n}-`);
 	});
 }
-function ze(e, t) {
+function Re(e, t) {
 	for (let n of e) if (!t.has(n)) return !1;
 	return !0;
 }
 //#endregion
 //#region src/components/charts/DonutChart.tsx
-var Be = {
+var ze = {
 	"text-blue": "var(--blue)",
 	"text-green": "var(--green)",
 	"text-purple": "var(--purple)",
 	"text-yellow": "var(--yellow)",
 	"text-red": "var(--red)"
 };
-function Ve(e, t) {
+function Be(e, t) {
 	let n = e.reduce((e, t) => e + t.value, 0), r = 0;
 	return e.map((e) => {
 		let i = n > 0 ? e.value / n * t : 0, a = t - i, o = r / t * 360 - 90, s = o + i / t * 180, c = n > 0 ? e.value / n * 100 : 0;
@@ -458,8 +458,8 @@ function Ve(e, t) {
 		};
 	});
 }
-function He({ segments: e, size: t = 180 }) {
-	let [n, r] = d(null), i = e.reduce((e, t) => e + t.value, 0), a = (t - 28) / 2, o = Ve(e, 2 * Math.PI * a), s = t + 12, c = s / 2;
+function Ve({ segments: e, size: t = 180 }) {
+	let [n, r] = d(null), i = e.reduce((e, t) => e + t.value, 0), a = (t - 28) / 2, o = Be(e, 2 * Math.PI * a), s = t + 12, c = s / 2;
 	return /* @__PURE__ */ m("div", {
 		className: "flex flex-col items-center gap-4",
 		children: [/* @__PURE__ */ m("div", {
@@ -491,7 +491,7 @@ function He({ segments: e, size: t = 180 }) {
 							cy: c,
 							r: a,
 							fill: "none",
-							stroke: Be[e.segment.color] ?? "var(--accent)",
+							stroke: ze[e.segment.color] ?? "var(--accent)",
 							strokeWidth: r ? 32 : 28,
 							strokeDasharray: `${e.segmentLength} ${e.dashOffset}`,
 							strokeLinecap: "butt",
@@ -524,7 +524,7 @@ function He({ segments: e, size: t = 180 }) {
 					})
 				]
 			}), n !== null && (() => {
-				let e = o[n], t = e.midAngle * Math.PI / 180, r = a + 28 / 2 + 20, i = c + Math.cos(t) * r, s = c + Math.sin(t) * r, l = Be[e.segment.color] ?? "var(--accent)";
+				let e = o[n], t = e.midAngle * Math.PI / 180, r = a + 28 / 2 + 20, i = c + Math.cos(t) * r, s = c + Math.sin(t) * r, l = ze[e.segment.color] ?? "var(--accent)";
 				return /* @__PURE__ */ p("div", {
 					className: "bg-bg-tertiary border-border pointer-events-none absolute z-10 rounded-md border px-2.5 py-1.5 shadow-lg",
 					style: {
@@ -565,11 +565,11 @@ function He({ segments: e, size: t = 180 }) {
 				type: "button",
 				onMouseEnter: () => r(t),
 				onMouseLeave: () => r(null),
-				className: L("flex cursor-pointer items-center gap-1.5 transition-opacity duration-[100ms]", n !== null && n !== t && "opacity-50"),
+				className: R("flex cursor-pointer items-center gap-1.5 transition-opacity duration-[100ms]", n !== null && n !== t && "opacity-50"),
 				children: [
 					/* @__PURE__ */ p("span", {
 						className: "h-2 w-2 rounded-full",
-						style: { backgroundColor: Be[e.color] ?? "var(--accent)" }
+						style: { backgroundColor: ze[e.color] ?? "var(--accent)" }
 					}),
 					/* @__PURE__ */ p("span", {
 						className: "text-text-secondary text-xs",
@@ -586,8 +586,8 @@ function He({ segments: e, size: t = 180 }) {
 }
 //#endregion
 //#region src/components/charts/RadarChart.tsx
-var Ue = 4;
-function We({ data: e, maxValue: t, size: n = 240 }) {
+var He = 4;
+function Ue({ data: e, maxValue: t, size: n = 240 }) {
 	let [r, i] = d(null), a = t ?? Math.max(...e.map((e) => e.value)), o = n / 2, s = (n - 60) / 2, c = 2 * Math.PI / e.length;
 	function l(e, t) {
 		return [o + t * Math.cos(e - Math.PI / 2), o + t * Math.sin(e - Math.PI / 2)];
@@ -604,8 +604,8 @@ function We({ data: e, maxValue: t, size: n = 240 }) {
 			viewBox: `0 0 ${n} ${n}`,
 			className: "select-none",
 			children: [
-				Array.from({ length: Ue }, (t, n) => {
-					let r = (n + 1) / Ue * s;
+				Array.from({ length: He }, (t, n) => {
+					let r = (n + 1) / He * s;
 					return /* @__PURE__ */ p("polygon", {
 						points: e.map((e, t) => l(t * c, r)).map((e) => `${e[0]},${e[1]}`).join(" "),
 						fill: "none",
@@ -682,7 +682,7 @@ function We({ data: e, maxValue: t, size: n = 240 }) {
 				children: [
 					/* @__PURE__ */ p("span", { className: "bg-accent h-2 w-2 shrink-0 rounded-full" }),
 					/* @__PURE__ */ p("span", {
-						className: L("text-text-secondary text-xs whitespace-nowrap"),
+						className: R("text-text-secondary text-xs whitespace-nowrap"),
 						children: e[r].label
 					}),
 					/* @__PURE__ */ p("span", {
@@ -696,7 +696,7 @@ function We({ data: e, maxValue: t, size: n = 240 }) {
 }
 //#endregion
 //#region src/components/charts/RadialBarChart.tsx
-var Ge = {
+var We = {
 	"text-blue": "var(--blue)",
 	"text-green": "var(--green)",
 	"text-purple": "var(--purple)",
@@ -704,7 +704,7 @@ var Ge = {
 	"text-red": "var(--red)",
 	"text-accent": "var(--accent)"
 };
-function Ke({ segments: e, size: t = 200 }) {
+function Ge({ segments: e, size: t = 200 }) {
 	let [n, r] = d(null), [i, a] = d({
 		x: 0,
 		y: 0
@@ -730,7 +730,7 @@ function Ke({ segments: e, size: t = 200 }) {
 				children: [e.map((e, t) => {
 					let i = c - t * 20;
 					if (i <= 0) return null;
-					let a = 2 * Math.PI * i, o = a * Math.min(e.value / e.max, 1), l = a - o, u = Ge[e.color] ?? "var(--accent)", d = n === t;
+					let a = 2 * Math.PI * i, o = a * Math.min(e.value / e.max, 1), l = a - o, u = We[e.color] ?? "var(--accent)", d = n === t;
 					return /* @__PURE__ */ m("g", {
 						onMouseEnter: () => r(t),
 						onMouseLeave: () => r(null),
@@ -771,7 +771,7 @@ function Ke({ segments: e, size: t = 200 }) {
 					});
 				})()]
 			}), n !== null && (() => {
-				let t = e[n], r = Math.round(t.value / t.max * 100), a = Ge[t.color] ?? "var(--accent)";
+				let t = e[n], r = Math.round(t.value / t.max * 100), a = We[t.color] ?? "var(--accent)";
 				return /* @__PURE__ */ p("div", {
 					className: "bg-bg-tertiary border-border pointer-events-none absolute z-10 rounded-md border px-2.5 py-1.5 shadow-lg",
 					style: {
@@ -816,11 +816,11 @@ function Ke({ segments: e, size: t = 200 }) {
 					type: "button",
 					onMouseEnter: () => r(t),
 					onMouseLeave: () => r(null),
-					className: L("flex cursor-pointer items-center gap-1.5 transition-opacity duration-[100ms]", n !== null && n !== t && "opacity-50"),
+					className: R("flex cursor-pointer items-center gap-1.5 transition-opacity duration-[100ms]", n !== null && n !== t && "opacity-50"),
 					children: [
 						/* @__PURE__ */ p("span", {
 							className: "h-2 w-2 rounded-full",
-							style: { backgroundColor: Ge[e.color] ?? "var(--accent)" }
+							style: { backgroundColor: We[e.color] ?? "var(--accent)" }
 						}),
 						/* @__PURE__ */ p("span", {
 							className: "text-text-secondary text-xs",
@@ -838,7 +838,7 @@ function Ke({ segments: e, size: t = 200 }) {
 }
 //#endregion
 //#region src/components/charts/SparkLine.tsx
-function qe({ data: e, width: t = 60, height: n = 20, color: r }) {
+function Ke({ data: e, width: t = 60, height: n = 20, color: r }) {
 	if (e.length < 2) return null;
 	let i = Math.min(...e), a = Math.max(...e) - i || 1, o = e.map((r, o) => `${o / (e.length - 1) * t},${n - (r - i) / a * (n - 2) - 1}`).join(" ");
 	return /* @__PURE__ */ p("svg", {
@@ -858,7 +858,7 @@ function qe({ data: e, width: t = 60, height: n = 20, color: r }) {
 }
 //#endregion
 //#region src/components/charts/VerticalBarChart.tsx
-var Je = [
+var qe = [
 	1,
 	.85,
 	.7,
@@ -866,33 +866,33 @@ var Je = [
 	.45,
 	.35,
 	.25
-], R = {
+], z = {
 	top: 20,
 	right: 8,
 	bottom: 24,
 	left: 40
 };
-function Ye(e) {
+function Je(e) {
 	return e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).toFixed(1)}k` : String(e);
 }
-function Xe({ data: e, height: t = 180 }) {
-	let [n, r] = d(null), i = 600 - R.left - R.right, a = t - R.top - R.bottom, o = Math.max(...e.map((e) => e.value), 1), s = Math.max(4, (i - 6 * (e.length - 1)) / e.length);
+function Ye({ data: e, height: t = 180 }) {
+	let [n, r] = d(null), i = 600 - z.left - z.right, a = t - z.top - z.bottom, o = Math.max(...e.map((e) => e.value), 1), s = Math.max(4, (i - 6 * (e.length - 1)) / e.length);
 	return /* @__PURE__ */ m("svg", {
 		width: "100%",
 		viewBox: `0 0 600 ${t}`,
 		className: "select-none",
 		children: [
 			/* @__PURE__ */ p("text", {
-				x: R.left - 6,
-				y: R.top + 4,
+				x: z.left - 6,
+				y: z.top + 4,
 				textAnchor: "end",
 				fill: "var(--text-tertiary)",
 				fontSize: 10,
-				children: Ye(o)
+				children: Je(o)
 			}),
 			/* @__PURE__ */ p("text", {
-				x: R.left - 6,
-				y: R.top + a,
+				x: z.left - 6,
+				y: z.top + a,
 				textAnchor: "end",
 				dominantBaseline: "central",
 				fill: "var(--text-tertiary)",
@@ -900,32 +900,32 @@ function Xe({ data: e, height: t = 180 }) {
 				children: "0"
 			}),
 			/* @__PURE__ */ p("line", {
-				x1: R.left,
-				y1: R.top + a,
-				x2: R.left + i,
-				y2: R.top + a,
+				x1: z.left,
+				y1: z.top + a,
+				x2: z.left + i,
+				y2: z.top + a,
 				stroke: "var(--border)",
 				strokeWidth: 1
 			}),
 			/* @__PURE__ */ p("line", {
-				x1: R.left,
-				y1: R.top + a / 2,
-				x2: R.left + i,
-				y2: R.top + a / 2,
+				x1: z.left,
+				y1: z.top + a / 2,
+				x2: z.left + i,
+				y2: z.top + a / 2,
 				stroke: "var(--border)",
 				strokeWidth: 1,
 				strokeDasharray: "3 3",
 				opacity: .5
 			}),
 			e.map((e, i) => {
-				let c = R.left + i * (s + 6), l = e.value / o * a, u = R.top + a - l, d = n === i;
+				let c = z.left + i * (s + 6), l = e.value / o * a, u = z.top + a - l, d = n === i;
 				return /* @__PURE__ */ m("g", {
 					onMouseEnter: () => r(i),
 					onMouseLeave: () => r(null),
 					children: [
 						/* @__PURE__ */ p("rect", {
 							x: c,
-							y: R.top,
+							y: z.top,
 							width: s,
 							height: a,
 							fill: "transparent"
@@ -937,7 +937,7 @@ function Xe({ data: e, height: t = 180 }) {
 							height: l,
 							fill: e.color ?? "var(--accent)",
 							rx: 6,
-							opacity: d ? 1 : Je[i % Je.length],
+							opacity: d ? 1 : qe[i % qe.length],
 							style: { transition: "all 150ms" }
 						}),
 						/* @__PURE__ */ p("text", {
@@ -965,17 +965,17 @@ function Xe({ data: e, height: t = 180 }) {
 }
 //#endregion
 //#region src/components/app-shell/navigation.ts
-function Ze(e, t) {
+function Xe(e, t) {
 	if (!t) return !1;
 	if (e.end ?? e.path === "/") return t === e.path;
 	let n = e.path.endsWith("/") ? e.path : `${e.path}/`;
 	return t === e.path || t.startsWith(n);
 }
-function z(e, t, n, r) {
+function B(e, t, n, r) {
 	let i = e.currentTarget.getAttribute("target");
 	e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || i && i !== "_self" || (n && (e.preventDefault(), n(t)), r?.());
 }
-function Qe(e, t) {
+function Ze(e, t) {
 	if (t) {
 		t(e);
 		return;
@@ -984,19 +984,19 @@ function Qe(e, t) {
 }
 //#endregion
 //#region src/components/app-shell/BottomNav.tsx
-function $e({ items: e, currentPath: t, onNavigate: n, className: r }) {
+function Qe({ items: e, currentPath: t, onNavigate: n, className: r }) {
 	return e.length === 0 ? null : /* @__PURE__ */ p("nav", {
-		className: L("bg-bg-secondary border-border font-navigation fixed right-0 bottom-0 left-0 z-30 border-t md:hidden", r),
+		className: R("bg-bg-secondary border-border font-navigation fixed right-0 bottom-0 left-0 z-30 border-t md:hidden", r),
 		style: { height: "var(--bottomnav-height)" },
 		children: /* @__PURE__ */ p("ul", {
 			className: "flex h-full items-center justify-around",
 			children: e.map((e) => {
-				let r = Ze(e, t);
+				let r = Xe(e, t);
 				return /* @__PURE__ */ p("li", { children: /* @__PURE__ */ m("a", {
 					href: e.path,
-					onClick: (t) => z(t, e.path, n),
+					onClick: (t) => B(t, e.path, n),
 					"aria-current": r ? "page" : void 0,
-					className: L("font-navigation flex h-full w-14 flex-col items-center justify-center gap-0.5", "cursor-pointer transition-colors duration-[100ms]", r ? "text-accent" : "text-text-tertiary"),
+					className: R("font-navigation flex h-full w-14 flex-col items-center justify-center gap-0.5", "cursor-pointer transition-colors duration-[100ms]", r ? "text-accent" : "text-text-tertiary"),
 					children: [/* @__PURE__ */ p(e.icon, { className: "h-5 w-5" }), /* @__PURE__ */ p("span", {
 						className: "text-2xs",
 						children: e.shortLabel ?? e.label
@@ -1008,18 +1008,18 @@ function $e({ items: e, currentPath: t, onNavigate: n, className: r }) {
 }
 //#endregion
 //#region src/hooks/useFocusTrap.ts
-var et = "a[href], button:not([disabled]), input:not([disabled]), textarea:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
-function B(e, t) {
+var $e = "a[href], button:not([disabled]), input:not([disabled]), textarea:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+function V(e, t) {
 	let n = u(null);
 	o(() => {
 		if (!t || !e.current) return;
 		let r = e.current.ownerDocument;
 		n.current = r.activeElement;
-		let i = e.current.querySelectorAll(et);
+		let i = e.current.querySelectorAll($e);
 		i.length > 0 && i[0].focus();
 		let a = (t) => {
 			if (t.key !== "Tab" || !e.current) return;
-			let n = e.current.querySelectorAll(et);
+			let n = e.current.querySelectorAll($e);
 			if (n.length === 0) return;
 			let i = n[0], a = n[n.length - 1];
 			t.shiftKey ? r.activeElement === i && (t.preventDefault(), a.focus()) : r.activeElement === a && (t.preventDefault(), i.focus());
@@ -1031,22 +1031,22 @@ function B(e, t) {
 }
 //#endregion
 //#region src/components/app-shell/commandPaletteEvents.ts
-var tt = "open-command-palette", nt = {
+var et = "open-command-palette", tt = {
 	key: "k",
 	label: "⌘K",
 	modifier: "primary"
 };
-function rt(e = tt) {
+function nt(e = et) {
 	typeof document > "u" || document.dispatchEvent(new CustomEvent(e));
 }
-function it(e, t) {
+function rt(e, t) {
 	if (e.key.toLowerCase() !== t.key.toLowerCase()) return !1;
 	let n = t.modifier ?? "primary";
 	return (n === "primary" ? e.metaKey || e.ctrlKey : n === "meta" ? e.metaKey && !e.ctrlKey : n === "ctrl" ? e.ctrlKey && !e.metaKey : !e.metaKey && !e.ctrlKey) && !!e.altKey == !!t.altKey && !!e.shiftKey == !!t.shiftKey;
 }
 //#endregion
 //#region src/components/app-shell/CommandPalette.tsx
-function at(e, t) {
+function it(e, t) {
 	let n = t.toLowerCase();
 	return [
 		e.label,
@@ -1054,15 +1054,15 @@ function at(e, t) {
 		...e.keywords ?? []
 	].some((e) => e.toLowerCase().includes(n));
 }
-function ot({ items: e, eventName: t = tt, shortcut: n = nt, placeholder: r = "Search pages...", emptyLabel: a = "No results found", onNavigate: c, onSelect: l }) {
+function at({ items: e, eventName: t = et, shortcut: n = tt, placeholder: r = "Search pages...", emptyLabel: a = "No results found", onNavigate: c, onSelect: l }) {
 	let [f, h] = d(!1), [g, _] = d(""), [v, y] = d(0), b = u(null), x = u(null), S = s();
-	B(x, f);
-	let C = e.filter((e) => at(e, g)), w = i(() => {
+	V(x, f);
+	let C = e.filter((e) => it(e, g)), w = i(() => {
 		h(!0), _(""), y(0), setTimeout(() => b.current?.focus(), 0);
 	}, []);
 	o(() => {
 		let e = (e) => {
-			it(e, n) && (e.preventDefault(), f ? h(!1) : w());
+			rt(e, n) && (e.preventDefault(), f ? h(!1) : w());
 		}, r = () => {
 			f || w();
 		};
@@ -1079,7 +1079,7 @@ function ot({ items: e, eventName: t = tt, shortcut: n = nt, placeholder: r = "S
 		_(e), y(0);
 	}
 	function E(e) {
-		l?.(e), Qe(e.path, c), h(!1);
+		l?.(e), Ze(e.path, c), h(!1);
 	}
 	function D(e) {
 		e.key === "ArrowDown" ? (e.preventDefault(), y((e) => Math.min(e + 1, C.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), y((e) => Math.max(e - 1, 0))) : e.key === "Enter" && C[v] ? E(C[v]) : e.key === "Escape" && h(!1);
@@ -1096,7 +1096,7 @@ function ot({ items: e, eventName: t = tt, shortcut: n = nt, placeholder: r = "S
 			children: [/* @__PURE__ */ m("div", {
 				className: "border-border flex items-center gap-3 border-b px-4",
 				children: [
-					/* @__PURE__ */ p(N, { className: "text-text-tertiary h-4 w-4 shrink-0" }),
+					/* @__PURE__ */ p(se, { className: "text-text-tertiary h-4 w-4 shrink-0" }),
 					/* @__PURE__ */ p("input", {
 						ref: b,
 						type: "text",
@@ -1129,14 +1129,21 @@ function ot({ items: e, eventName: t = tt, shortcut: n = nt, placeholder: r = "S
 					role: "option",
 					"aria-selected": t === v,
 					onClick: () => E(e),
-					className: L("flex h-9 w-full cursor-pointer items-center gap-3 rounded-md px-3 text-left", "transition-colors duration-[100ms]", t === v ? "bg-accent-muted text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
-					children: [/* @__PURE__ */ p("span", {
-						className: "shrink-0 opacity-60",
-						children: /* @__PURE__ */ p(e.icon, { className: "h-4 w-4" })
-					}), /* @__PURE__ */ p("span", {
-						className: "text-xs font-medium",
-						children: e.label
-					})]
+					className: R("flex h-9 w-full cursor-pointer items-center gap-3 rounded-md px-3 text-left", "transition-colors duration-[100ms]", t === v ? "bg-accent-muted text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
+					children: [
+						/* @__PURE__ */ p("span", {
+							className: "shrink-0 opacity-60",
+							children: /* @__PURE__ */ p(e.icon, { className: "h-4 w-4" })
+						}),
+						/* @__PURE__ */ p("span", {
+							className: "min-w-0 flex-1 text-xs font-medium",
+							children: e.label
+						}),
+						e.badge && /* @__PURE__ */ p("span", {
+							className: "shrink-0",
+							children: e.badge
+						})
+					]
 				}, e.path))
 			})]
 		})]
@@ -1144,7 +1151,7 @@ function ot({ items: e, eventName: t = tt, shortcut: n = nt, placeholder: r = "S
 }
 //#endregion
 //#region src/components/app-shell/MobileDrawer.tsx
-function st({ brand: e }) {
+function ot({ brand: e }) {
 	let t = e.icon;
 	return e.logo ? /* @__PURE__ */ p(f, { children: e.logo }) : /* @__PURE__ */ m("div", {
 		className: "flex items-center gap-2",
@@ -1154,14 +1161,14 @@ function st({ brand: e }) {
 		})]
 	});
 }
-function ct({ open: e, onClose: t, items: n, brand: r, currentPath: i, onNavigate: a, className: s }) {
-	let c = u(null);
-	return B(c, e), o(() => {
+function st({ open: e, onClose: t, items: n, brand: r, currentPath: i, onNavigate: a, headerActions: s, className: c }) {
+	let l = u(null);
+	return V(l, e), o(() => {
 		if (!e) return;
 		document.body.style.overflow = "hidden";
 		let n = (e) => {
 			e.key === "Escape" && t();
-		}, r = c.current?.ownerDocument ?? document;
+		}, r = l.current?.ownerDocument ?? document;
 		return r.addEventListener("keydown", n), () => {
 			document.body.style.overflow = "", r.removeEventListener("keydown", n);
 		};
@@ -1171,45 +1178,59 @@ function ct({ open: e, onClose: t, items: n, brand: r, currentPath: i, onNavigat
 			className: "bg-bg-overlay fixed inset-0",
 			onClick: t
 		}), /* @__PURE__ */ m("div", {
-			ref: c,
-			className: L("bg-bg-sidebar border-border animate-slide-in-left fixed inset-y-0 left-0 z-50 flex w-64 flex-col border-r", s),
-			children: [/* @__PURE__ */ m("div", {
-				className: "border-border flex h-11 items-center justify-between border-b px-4",
-				children: [/* @__PURE__ */ p(st, { brand: r }), /* @__PURE__ */ p("button", {
-					onClick: t,
-					className: "text-text-tertiary hover:text-text-primary flex h-7 w-7 cursor-pointer items-center justify-center rounded",
-					"aria-label": "Close menu",
-					children: /* @__PURE__ */ p(P, { className: "h-4 w-4" })
-				})]
-			}), /* @__PURE__ */ p("nav", {
-				className: "min-h-0 flex-1 overflow-y-auto overscroll-contain px-2 py-2",
-				children: /* @__PURE__ */ p("ul", {
-					className: "space-y-0.5",
-					children: n.map((e) => {
-						let n = Ze(e, i);
-						return /* @__PURE__ */ p("li", { children: /* @__PURE__ */ m("a", {
-							href: e.path,
-							onClick: (n) => z(n, e.path, a, t),
-							"aria-current": n ? "page" : void 0,
-							className: L("flex h-10 items-center gap-3 rounded-md px-3", "cursor-pointer transition-colors duration-[100ms]", n ? "bg-accent-muted text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
-							children: [/* @__PURE__ */ p(e.icon, { className: "h-4 w-4" }), /* @__PURE__ */ p("span", {
-								className: "text-sm",
-								children: e.label
-							})]
-						}) }, e.path);
+			ref: l,
+			className: R("bg-bg-sidebar border-border animate-slide-in-left fixed inset-y-0 left-0 z-50 flex w-64 flex-col border-r", c),
+			children: [
+				/* @__PURE__ */ m("div", {
+					className: "border-border flex h-11 items-center justify-between border-b px-4",
+					children: [/* @__PURE__ */ p(ot, { brand: r }), /* @__PURE__ */ p("button", {
+						onClick: t,
+						className: "text-text-tertiary hover:text-text-primary flex h-7 w-7 cursor-pointer items-center justify-center rounded",
+						"aria-label": "Close menu",
+						children: /* @__PURE__ */ p(F, { className: "h-4 w-4" })
+					})]
+				}),
+				s && /* @__PURE__ */ p("div", {
+					className: "border-border border-b px-4 py-2",
+					children: s
+				}),
+				/* @__PURE__ */ p("nav", {
+					className: "min-h-0 flex-1 overflow-y-auto overscroll-contain px-2 py-2",
+					children: /* @__PURE__ */ p("ul", {
+						className: "space-y-0.5",
+						children: n.map((e) => {
+							let n = Xe(e, i);
+							return /* @__PURE__ */ p("li", { children: /* @__PURE__ */ m("a", {
+								href: e.path,
+								onClick: (n) => B(n, e.path, a, t),
+								"aria-current": n ? "page" : void 0,
+								className: R("flex h-10 items-center gap-3 rounded-md px-3", "cursor-pointer transition-colors duration-[100ms]", n ? "bg-accent-muted text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
+								children: [
+									/* @__PURE__ */ p(e.icon, { className: "h-4 w-4" }),
+									/* @__PURE__ */ p("span", {
+										className: "min-w-0 flex-1 text-sm",
+										children: e.label
+									}),
+									e.badge && /* @__PURE__ */ p("span", {
+										className: "shrink-0",
+										children: e.badge
+									})
+								]
+							}) }, e.path);
+						})
 					})
 				})
-			})]
+			]
 		})]
 	}) : null;
 }
 //#endregion
 //#region src/config/theme.ts
-var lt = [
+var ct = [
 	{
 		value: "dark",
 		label: "Dark",
-		icon: M,
+		icon: P,
 		preview: {
 			bg: "#0d0f12",
 			fg: "#2a2e38"
@@ -1218,7 +1239,7 @@ var lt = [
 	{
 		value: "light",
 		label: "Light",
-		icon: ue,
+		icon: le,
 		preview: {
 			bg: "#f5f5f5",
 			fg: "#d4d4d8"
@@ -1227,7 +1248,7 @@ var lt = [
 	{
 		value: "monokai",
 		label: "Monokai",
-		icon: oe,
+		icon: ie,
 		preview: {
 			bg: "#272822",
 			fg: "#3E3D32"
@@ -1236,7 +1257,7 @@ var lt = [
 	{
 		value: "solarized",
 		label: "Solarized",
-		icon: j,
+		icon: N,
 		preview: {
 			bg: "#002B36",
 			fg: "#0A3F4C"
@@ -1245,7 +1266,7 @@ var lt = [
 	{
 		value: "cyberBrutalDark",
 		label: "Cyber Brutal Dark",
-		icon: pe,
+		icon: fe,
 		preview: {
 			bg: "#050505",
 			fg: "#18181b"
@@ -1254,7 +1275,7 @@ var lt = [
 	{
 		value: "cyberBrutalLight",
 		label: "Cyber Brutal Light",
-		icon: pe,
+		icon: fe,
 		preview: {
 			bg: "#e4e4e7",
 			fg: "#d4d4d8"
@@ -1269,15 +1290,15 @@ var lt = [
 			fg: "#364153"
 		}
 	}
-], ut = new Set([
+], lt = new Set([
 	"light",
 	"cyberBrutalLight",
 	"hashiTheme"
 ]);
-function V(e) {
-	return ut.has(e);
+function H(e) {
+	return lt.has(e);
 }
-var dt = lt.filter((e) => V(e.value)), ft = lt.filter((e) => !V(e.value)), pt = {
+var ut = ct.filter((e) => H(e.value)), dt = ct.filter((e) => !H(e.value)), ft = {
 	uiFont: "inter",
 	headingFont: "inter",
 	proseFont: "inter",
@@ -1292,7 +1313,7 @@ var dt = lt.filter((e) => V(e.value)), ft = lt.filter((e) => !V(e.value)), pt =
 	tracking: .05,
 	lineHeight: 1.45,
 	density: .25
-}, mt = {
+}, pt = {
 	uiFont: "jetbrains-mono",
 	headingFont: "jetbrains-mono",
 	proseFont: "jetbrains-mono",
@@ -1307,13 +1328,13 @@ var dt = lt.filter((e) => V(e.value)), ft = lt.filter((e) => !V(e.value)), pt =
 	tracking: .2,
 	lineHeight: 1.4,
 	density: .22
-}, H = {
-	dark: pt,
-	light: pt,
-	monokai: pt,
-	solarized: pt,
-	cyberBrutalDark: mt,
-	cyberBrutalLight: mt,
+}, U = {
+	dark: ft,
+	light: ft,
+	monokai: ft,
+	solarized: ft,
+	cyberBrutalDark: pt,
+	cyberBrutalLight: pt,
 	hashiTheme: {
 		uiFont: "inter",
 		headingFont: "archivo-expanded",
@@ -1330,7 +1351,7 @@ var dt = lt.filter((e) => V(e.value)), ft = lt.filter((e) => !V(e.value)), pt =
 		lineHeight: 1.45,
 		density: .25
 	}
-}, U = [
+}, W = [
 	{
 		value: "archivo-expanded",
 		label: "Archivo Expanded"
@@ -1351,7 +1372,7 @@ var dt = lt.filter((e) => V(e.value)), ft = lt.filter((e) => !V(e.value)), pt =
 		value: "system",
 		label: "System"
 	}
-], ht = [
+], mt = [
 	{
 		value: "purple",
 		color: "#7C5CFC"
@@ -1387,7 +1408,7 @@ var dt = lt.filter((e) => V(e.value)), ft = lt.filter((e) => !V(e.value)), pt =
 ];
 //#endregion
 //#region src/hooks/useDismiss.ts
-function W(e, t, n, r, i) {
+function G(e, t, n, r, i) {
 	let a = i?.outsideClick ?? !0;
 	o(() => {
 		if (!e) return;
@@ -1410,7 +1431,7 @@ function W(e, t, n, r, i) {
 }
 //#endregion
 //#region src/providers/SettingsContext.ts
-var gt = n({
+var ht = n({
 	fontSize: 15,
 	setFontSize: () => {},
 	accentColor: "purple",
@@ -1461,35 +1482,35 @@ var gt = n({
 });
 //#endregion
 //#region src/hooks/useSettings.ts
-function G() {
-	return a(gt);
+function K() {
+	return a(ht);
 }
 //#endregion
 //#region src/components/ui/Avatar.tsx
-var _t = {
+var gt = {
 	xs: "w-5 h-5 text-2xs",
 	sm: "w-7 h-7 text-2xs",
 	md: "w-10 h-10 text-xs",
 	lg: "w-16 h-16 text-lg"
 };
-function vt(e) {
+function _t(e) {
 	return e.split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2);
 }
-function yt(e) {
+function vt(e) {
 	let t = 0;
 	for (let n = 0; n < e.length; n++) t = e.charCodeAt(n) + ((t << 5) - t);
 	return `hsl(${Math.abs(t) % 360}, 50%, 40%)`;
 }
-function K({ name: e, src: t, size: n = "md", className: r }) {
+function yt({ name: e, src: t, size: n = "md", className: r }) {
 	return /* @__PURE__ */ p("div", {
-		className: L("text-text-on-avatar flex shrink-0 items-center justify-center rounded-full font-semibold", _t[n], r),
-		style: { backgroundColor: t ? void 0 : yt(e) },
+		className: R("text-text-on-avatar flex shrink-0 items-center justify-center rounded-full font-semibold", gt[n], r),
+		style: { backgroundColor: t ? void 0 : vt(e) },
 		"aria-label": e,
 		children: t ? /* @__PURE__ */ p("img", {
 			src: t,
 			alt: e,
 			className: "h-full w-full rounded-full object-cover"
-		}) : vt(e)
+		}) : _t(e)
 	});
 }
 //#endregion
@@ -1524,9 +1545,9 @@ function St({ children: e }) {
 }
 var Ct = {
 	success: C,
-	error: fe,
+	error: de,
 	warning: g,
-	info: te
+	info: M
 }, wt = {
 	success: "bg-green",
 	error: "bg-red",
@@ -1553,11 +1574,11 @@ function Et({ toast: e, onDismiss: t }) {
 		"aria-live": a ? "assertive" : "polite",
 		className: "bg-bg-secondary border-border animate-slide-down pointer-events-auto relative w-80 overflow-hidden rounded-lg border shadow-lg",
 		children: [
-			/* @__PURE__ */ p("div", { className: L("absolute top-1.5 bottom-1.5 left-0 w-[3px] rounded-md", wt[e.type]) }),
+			/* @__PURE__ */ p("div", { className: R("absolute top-1.5 bottom-1.5 left-0 w-[3px] rounded-md", wt[e.type]) }),
 			/* @__PURE__ */ m("div", {
 				className: "flex items-center gap-2.5 p-3 pl-3.5",
 				children: [
-					/* @__PURE__ */ p(i, { className: L("h-4 w-4 shrink-0", Tt[e.type]) }),
+					/* @__PURE__ */ p(i, { className: R("h-4 w-4 shrink-0", Tt[e.type]) }),
 					/* @__PURE__ */ p("p", {
 						className: "text-text-primary flex-1 text-xs",
 						children: e.message
@@ -1565,7 +1586,7 @@ function Et({ toast: e, onDismiss: t }) {
 					/* @__PURE__ */ p("button", {
 						onClick: t,
 						className: "text-text-tertiary hover:text-text-primary flex h-5 w-5 cursor-pointer items-center justify-center rounded",
-						children: /* @__PURE__ */ p(P, { className: "h-3 w-3" })
+						children: /* @__PURE__ */ p(F, { className: "h-3 w-3" })
 					})
 				]
 			}),
@@ -1583,12 +1604,12 @@ function Et({ toast: e, onDismiss: t }) {
 //#region src/components/app-shell/Sidebar.tsx
 var Dt = 140, Ot = 400, kt = 48;
 function At({ item: e, collapsed: t, currentPath: n, onNavigate: r }) {
-	let i = Ze(e, n);
+	let i = Xe(e, n);
 	return /* @__PURE__ */ m("a", {
 		href: e.path,
-		onClick: (t) => z(t, e.path, r),
+		onClick: (t) => B(t, e.path, r),
 		"aria-current": i ? "page" : void 0,
-		className: L("font-navigation relative flex items-center gap-2 rounded px-2", "cursor-pointer transition-colors duration-[100ms]", t ? "mx-auto w-[2em] justify-center" : "", i ? "bg-accent-muted text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
+		className: R("font-navigation relative flex items-center gap-2 rounded px-2", "cursor-pointer transition-colors duration-[100ms]", t ? "mx-auto w-[2em] justify-center" : "", i ? "bg-accent-muted text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
 		style: { height: "2em" },
 		title: t ? e.label : void 0,
 		children: [
@@ -1604,8 +1625,12 @@ function At({ item: e, collapsed: t, currentPath: n, onNavigate: r }) {
 				children: /* @__PURE__ */ p(e.icon, { className: "h-3.5 w-3.5" })
 			}),
 			!t && /* @__PURE__ */ p("span", {
-				className: "truncate text-xs",
+				className: "min-w-0 flex-1 truncate text-xs",
 				children: e.label
+			}),
+			!t && e.badge && /* @__PURE__ */ p("span", {
+				className: "ml-auto shrink-0",
+				children: e.badge
 			})
 		]
 	});
@@ -1616,7 +1641,7 @@ function jt({ brand: e, collapsed: t }) {
 		className: "flex min-w-0 items-center gap-2 px-2",
 		children: e.logo
 	}) : /* @__PURE__ */ m("div", {
-		className: L("flex min-w-0 items-center gap-2 px-2", t && "mx-auto justify-center px-0"),
+		className: R("flex min-w-0 items-center gap-2 px-2", t && "mx-auto justify-center px-0"),
 		children: [n ? /* @__PURE__ */ p(n, { className: "text-accent h-3.5 w-3.5 shrink-0" }) : t && r && /* @__PURE__ */ p("span", {
 			className: "text-accent shrink-0 text-xs font-bold",
 			children: r
@@ -1634,7 +1659,7 @@ function Nt({ collapsed: e, accounts: t, initialAccountIndex: n = 0, onAccountCh
 		bottom: 0,
 		left: 0
 	}), b = u(null), x = u(null);
-	W(l, i(() => h(!1), []), [x], [b]);
+	G(l, i(() => h(!1), []), [x], [b]);
 	let C = t[g] ?? t[0], w = !!(a || o);
 	function T() {
 		if (!b.current) return;
@@ -1648,15 +1673,15 @@ function Nt({ collapsed: e, accounts: t, initialAccountIndex: n = 0, onAccountCh
 		_(t), r?.(e, t), h(!1);
 	}
 	function O() {
-		h(!1), a ? a() : o && Qe(o, c);
+		h(!1), a ? a() : o && Ze(o, c);
 	}
 	return C ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("button", {
 		ref: b,
 		onClick: T,
-		className: L("font-navigation flex w-full cursor-pointer items-center gap-2 rounded px-2 transition-colors duration-[100ms]", "text-text-secondary hover:text-text-primary hover:bg-bg-hover", e && "justify-center px-0"),
+		className: R("font-navigation flex w-full cursor-pointer items-center gap-2 rounded px-2 transition-colors duration-[100ms]", "text-text-secondary hover:text-text-primary hover:bg-bg-hover", e && "justify-center px-0"),
 		style: { height: "2.5em" },
 		title: e ? C.name : void 0,
-		children: [/* @__PURE__ */ p(K, {
+		children: [/* @__PURE__ */ p(yt, {
 			name: C.name,
 			src: C.avatarSrc,
 			size: "sm"
@@ -1670,7 +1695,7 @@ function Nt({ collapsed: e, accounts: t, initialAccountIndex: n = 0, onAccountCh
 				children: Mt(C)
 			})]
 		}), /* @__PURE__ */ p(D, { className: "text-text-tertiary h-3 w-3 shrink-0" })] })]
-	}), l && F(/* @__PURE__ */ m("div", {
+	}), l && I(/* @__PURE__ */ m("div", {
 		ref: x,
 		className: "bg-bg-tertiary border-border-strong animate-scale-in fixed z-[100] w-56 rounded-md border py-1 shadow-lg",
 		style: {
@@ -1686,7 +1711,7 @@ function Nt({ collapsed: e, accounts: t, initialAccountIndex: n = 0, onAccountCh
 				onClick: () => E(e, t),
 				className: "text-text-secondary hover:text-text-primary hover:bg-bg-hover font-navigation flex h-8 w-full cursor-pointer items-center gap-2.5 px-3 text-xs transition-colors duration-[100ms]",
 				children: [
-					/* @__PURE__ */ p(K, {
+					/* @__PURE__ */ p(yt, {
 						name: e.name,
 						src: e.avatarSrc,
 						size: "sm"
@@ -1707,7 +1732,7 @@ function Nt({ collapsed: e, accounts: t, initialAccountIndex: n = 0, onAccountCh
 			w && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", { className: "border-border my-1 border-t" }), /* @__PURE__ */ m("button", {
 				onClick: O,
 				className: "text-text-secondary hover:text-text-primary hover:bg-bg-hover font-navigation flex h-7 w-full cursor-pointer items-center gap-2.5 px-3 text-xs transition-colors duration-[100ms]",
-				children: [/* @__PURE__ */ p(re, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ p("span", { children: s })]
+				children: [/* @__PURE__ */ p(te, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ p("span", { children: s })]
 			})] })
 		]
 	}), document.body)] }) : null;
@@ -1716,8 +1741,8 @@ function Pt({ collapsed: e, settingsPath: t, settingsLabel: n = "All Settings",
 	let [o, s] = d(!1), [c, l] = d({
 		bottom: 0,
 		left: 0
-	}), g = u(null), _ = u(null), { accentColor: v, setAccentColor: y, reducedMotion: b, setReducedMotion: x, colorMode: C, setColorMode: w } = G(), { toast: T } = xt(), E = !!(t || r);
-	W(o, i(() => s(!1), []), [_], [g]);
+	}), g = u(null), _ = u(null), { accentColor: v, setAccentColor: y, reducedMotion: b, setReducedMotion: x, colorMode: C, setColorMode: w } = K(), { toast: T } = xt(), E = !!(t || r);
+	G(o, i(() => s(!1), []), [_], [g]);
 	function D() {
 		if (!g.current) return;
 		let e = g.current.getBoundingClientRect();
@@ -1727,19 +1752,19 @@ function Pt({ collapsed: e, settingsPath: t, settingsLabel: n = "All Settings",
 		}), s(!o);
 	}
 	function O() {
-		s(!1), r ? r() : t && Qe(t, a);
+		s(!1), r ? r() : t && Ze(t, a);
 	}
 	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("button", {
 		ref: g,
 		onClick: D,
-		className: L("font-navigation relative flex w-full items-center gap-2 rounded px-2", "cursor-pointer transition-colors duration-[100ms]", e ? "mx-auto w-[2em] justify-center" : "", o ? "bg-accent-muted text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
+		className: R("font-navigation relative flex w-full items-center gap-2 rounded px-2", "cursor-pointer transition-colors duration-[100ms]", e ? "mx-auto w-[2em] justify-center" : "", o ? "bg-accent-muted text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
 		style: { height: "2em" },
 		title: e ? "Settings" : void 0,
-		children: [/* @__PURE__ */ p(le, { className: "h-3.5 w-3.5 shrink-0" }), !e && /* @__PURE__ */ p("span", {
+		children: [/* @__PURE__ */ p(ce, { className: "h-3.5 w-3.5 shrink-0" }), !e && /* @__PURE__ */ p("span", {
 			className: "truncate text-xs",
 			children: "Settings"
 		})]
-	}), o && F(/* @__PURE__ */ m("div", {
+	}), o && I(/* @__PURE__ */ m("div", {
 		ref: _,
 		className: "bg-bg-tertiary border-border-strong animate-scale-in fixed z-[100] w-64 rounded-md border py-1 shadow-lg",
 		style: {
@@ -1755,17 +1780,17 @@ function Pt({ collapsed: e, settingsPath: t, settingsLabel: n = "All Settings",
 				{
 					value: "dark",
 					label: "Dark",
-					Icon: M
+					Icon: P
 				},
 				{
 					value: "light",
 					label: "Light",
-					Icon: ue
+					Icon: le
 				},
 				{
 					value: "system",
 					label: "System",
-					Icon: j
+					Icon: N
 				}
 			].map(({ value: e, label: t, Icon: n }) => /* @__PURE__ */ m("button", {
 				onClick: () => w(e),
@@ -1786,9 +1811,9 @@ function Pt({ collapsed: e, settingsPath: t, settingsLabel: n = "All Settings",
 			}),
 			/* @__PURE__ */ p("div", {
 				className: "flex flex-wrap gap-1.5 px-3 pb-2",
-				children: ht.map((e) => /* @__PURE__ */ p("button", {
+				children: mt.map((e) => /* @__PURE__ */ p("button", {
 					onClick: () => y(e.value),
-					className: L("h-5 w-5 cursor-pointer rounded-full transition-transform duration-[100ms] hover:scale-110", v === e.value && "ring-offset-bg-tertiary scale-110 ring-2 ring-offset-1"),
+					className: R("h-5 w-5 cursor-pointer rounded-full transition-transform duration-[100ms] hover:scale-110", v === e.value && "ring-offset-bg-tertiary scale-110 ring-2 ring-offset-1"),
 					style: {
 						backgroundColor: e.color,
 						...v === e.value ? { "--utility-ring-color": e.color } : {}
@@ -1814,7 +1839,7 @@ function Pt({ collapsed: e, settingsPath: t, settingsLabel: n = "All Settings",
 			E && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", { className: "border-border my-1 border-t" }), /* @__PURE__ */ m("button", {
 				onClick: O,
 				className: "text-text-secondary hover:text-text-primary hover:bg-bg-hover font-navigation flex h-7 w-full cursor-pointer items-center gap-2.5 px-3 text-xs transition-colors duration-[100ms]",
-				children: [/* @__PURE__ */ p(le, { className: "h-3.5 w-3.5 shrink-0" }), /* @__PURE__ */ p("span", {
+				children: [/* @__PURE__ */ p(ce, { className: "h-3.5 w-3.5 shrink-0" }), /* @__PURE__ */ p("span", {
 					className: "flex-1 text-left",
 					children: n
 				})]
@@ -1822,32 +1847,32 @@ function Pt({ collapsed: e, settingsPath: t, settingsLabel: n = "All Settings",
 		]
 	}), document.body)] });
 }
-function Ft({ navSections: e, brand: t, accounts: n = [], initialAccountIndex: r, onAccountChange: a, onSignOut: o, signOutPath: s, signOutLabel: c, settingsPath: l, settingsLabel: f, onOpenSettings: h, currentPath: g, onNavigate: _, className: v }) {
-	let { sidebarCollapsed: y, sidebarWidth: b, setSidebarWidth: x } = G(), [S, C] = d(/* @__PURE__ */ new Set()), T = u(null), E = u(!1), D = i((e) => {
-		if (y) return;
-		e.preventDefault(), E.current = !0, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
+function Ft({ navSections: e, brand: t, accounts: n = [], initialAccountIndex: r, onAccountChange: a, onSignOut: o, signOutPath: s, signOutLabel: c, settingsPath: l, settingsLabel: f, onOpenSettings: h, currentPath: g, onNavigate: _, headerActions: v, className: y }) {
+	let { sidebarCollapsed: b, sidebarWidth: x, setSidebarWidth: S } = K(), [C, T] = d(/* @__PURE__ */ new Set()), E = u(null), D = u(!1), O = i((e) => {
+		if (b) return;
+		e.preventDefault(), D.current = !0, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
 		let t = (e) => {
-			if (!E.current || !T.current) return;
-			let t = T.current.getBoundingClientRect(), n = e.clientX - t.left;
-			x(Math.max(Dt, Math.min(n, Ot)));
+			if (!D.current || !E.current) return;
+			let t = E.current.getBoundingClientRect(), n = e.clientX - t.left;
+			S(Math.max(Dt, Math.min(n, Ot)));
 		}, n = () => {
-			E.current = !1, document.body.style.cursor = "", document.body.style.userSelect = "", document.removeEventListener("mousemove", t), document.removeEventListener("mouseup", n);
+			D.current = !1, document.body.style.cursor = "", document.body.style.userSelect = "", document.removeEventListener("mousemove", t), document.removeEventListener("mouseup", n);
 		};
 		document.addEventListener("mousemove", t), document.addEventListener("mouseup", n);
-	}, [y, x]);
-	function O(e) {
-		C((t) => {
+	}, [b, S]);
+	function k(e) {
+		T((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
 	}
 	return /* @__PURE__ */ m("aside", {
-		ref: T,
-		className: L("bg-bg-secondary relative hidden shrink-0 flex-col border-r md:flex", "transition-[width] duration-[200ms] ease-out", "border-border", v),
-		style: { width: y ? kt : b },
+		ref: E,
+		className: R("bg-bg-secondary relative hidden shrink-0 flex-col border-r md:flex", "transition-[width] duration-[200ms] ease-out", "border-border", y),
+		style: { width: b ? kt : x },
 		children: [
-			!y && /* @__PURE__ */ p("div", {
-				onMouseDown: D,
+			!b && /* @__PURE__ */ p("div", {
+				onMouseDown: O,
 				className: "hover:bg-accent/30 active:bg-accent/50 absolute top-0 right-0 bottom-0 z-10 w-1 cursor-col-resize"
 			}),
 			/* @__PURE__ */ p("div", {
@@ -1855,17 +1880,21 @@ function Ft({ navSections: e, brand: t, accounts: n = [], initialAccountIndex: r
 				style: { height: "var(--topbar-height)" },
 				children: /* @__PURE__ */ p(jt, {
 					brand: t,
-					collapsed: y
+					collapsed: b
 				})
 			}),
+			!b && v && /* @__PURE__ */ p("div", {
+				className: "border-border shrink-0 border-b px-2 py-2",
+				children: v
+			}),
 			/* @__PURE__ */ p("nav", {
 				className: "flex-1 overflow-y-auto px-2 py-2",
 				children: e.map((e, t) => {
-					let n = S.has(e.title);
+					let n = C.has(e.title);
 					return /* @__PURE__ */ m("div", {
 						className: "mb-4",
-						children: [y ? t > 0 && /* @__PURE__ */ p("hr", { className: "border-border mx-auto my-1.5 w-4/5" }) : /* @__PURE__ */ m("button", {
-							onClick: () => O(e.title),
+						children: [b ? t > 0 && /* @__PURE__ */ p("hr", { className: "border-border mx-auto my-1.5 w-4/5" }) : /* @__PURE__ */ m("button", {
+							onClick: () => k(e.title),
 							className: "text-2xs-f text-text-tertiary hover:text-text-secondary font-label flex w-full cursor-pointer items-center gap-1 px-2 text-left font-semibold tracking-wider uppercase",
 							style: {
 								paddingTop: "0.35em",
@@ -1874,12 +1903,12 @@ function Ft({ navSections: e, brand: t, accounts: n = [], initialAccountIndex: r
 							children: [/* @__PURE__ */ p("span", {
 								className: "min-w-0 flex-1",
 								children: e.title
-							}), /* @__PURE__ */ p(w, { className: L("h-3 w-3 shrink-0 transition-transform", n && "-rotate-90") })]
-						}), (!n || y) && /* @__PURE__ */ p("ul", {
+							}), /* @__PURE__ */ p(w, { className: R("h-3 w-3 shrink-0 transition-transform", n && "-rotate-90") })]
+						}), (!n || b) && /* @__PURE__ */ p("ul", {
 							className: "flex flex-col gap-1",
 							children: e.items.map((e) => /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p(At, {
 								item: e,
-								collapsed: y,
+								collapsed: b,
 								currentPath: g,
 								onNavigate: _
 							}) }, e.path))
@@ -1890,7 +1919,7 @@ function Ft({ navSections: e, brand: t, accounts: n = [], initialAccountIndex: r
 			/* @__PURE__ */ m("div", {
 				className: "shrink-0 px-2 py-1.5",
 				children: [/* @__PURE__ */ p(Pt, {
-					collapsed: y,
+					collapsed: b,
 					settingsPath: l,
 					settingsLabel: f,
 					onOpenSettings: h,
@@ -1898,7 +1927,7 @@ function Ft({ navSections: e, brand: t, accounts: n = [], initialAccountIndex: r
 				}), n.length > 0 && /* @__PURE__ */ p("div", {
 					className: "border-border mt-2 border-t pt-2",
 					children: /* @__PURE__ */ p(Nt, {
-						collapsed: y,
+						collapsed: b,
 						accounts: n,
 						initialAccountIndex: r,
 						onAccountChange: a,
@@ -1930,7 +1959,7 @@ function Lt({ homeLabel: e = "Dashboard", labels: t = {}, parents: n = {}, curre
 	})];
 	return /* @__PURE__ */ p("nav", {
 		"aria-label": "Breadcrumb",
-		className: L("font-navigation flex items-center gap-1 text-xs", a),
+		className: R("font-navigation flex items-center gap-1 text-xs", a),
 		children: s.map((e, t) => {
 			let n = t === s.length - 1;
 			return /* @__PURE__ */ m("span", {
@@ -1940,8 +1969,8 @@ function Lt({ homeLabel: e = "Dashboard", labels: t = {}, parents: n = {}, curre
 					children: e.label
 				}) : /* @__PURE__ */ p("a", {
 					href: e.path,
-					onClick: (t) => z(t, e.path, i),
-					className: L("text-text-tertiary hover:text-text-primary cursor-pointer transition-colors duration-[100ms]"),
+					onClick: (t) => B(t, e.path, i),
+					className: R("text-text-tertiary hover:text-text-primary cursor-pointer transition-colors duration-[100ms]"),
 					children: e.label
 				})]
 			}, e.path);
@@ -1951,9 +1980,9 @@ function Lt({ homeLabel: e = "Dashboard", labels: t = {}, parents: n = {}, curre
 //#endregion
 //#region src/hooks/useApplyTheme.ts
 function Rt() {
-	let { setPreferredDarkTheme: e, setPreferredLightTheme: t, setColorMode: n } = G();
+	let { setPreferredDarkTheme: e, setPreferredLightTheme: t, setColorMode: n } = K();
 	return i((r) => {
-		V(r) ? (t(r), n("light")) : (e(r), n("dark"));
+		H(r) ? (t(r), n("light")) : (e(r), n("dark"));
 	}, [
 		e,
 		t,
@@ -1969,14 +1998,17 @@ var zt = {
 	ghost: "text-text-secondary hover:text-text-primary hover:bg-bg-hover",
 	icon: "text-text-tertiary hover:text-text-primary hover:bg-bg-hover"
 }, Bt = {
+	xs: "h-6 px-2 text-2xs gap-1",
 	sm: "h-7 px-2.5 text-xs gap-1.5",
 	md: "h-8 px-3 text-xs gap-2",
 	lg: "h-9 px-4 text-sm gap-2"
 }, Vt = {
+	xs: "h-6 w-6",
 	sm: "h-7 w-7",
 	md: "h-8 w-8",
 	lg: "h-9 w-9"
 }, Ht = {
+	xs: "h-3 w-3",
 	sm: "h-3.5 w-3.5",
 	md: "h-3.5 w-3.5",
 	lg: "h-4 w-4"
@@ -1986,16 +2018,19 @@ var zt = {
 	lg: "hidden lg:inline"
 }, Wt = {
 	sm: {
+		xs: "px-1 sm:px-2",
 		sm: "px-1.5 sm:px-2.5",
 		md: "px-2 sm:px-3",
 		lg: "px-2.5 sm:px-4"
 	},
 	md: {
+		xs: "px-1 md:px-2",
 		sm: "px-1.5 md:px-2.5",
 		md: "px-2 md:px-3",
 		lg: "px-2.5 md:px-4"
 	},
 	lg: {
+		xs: "px-1 lg:px-2",
 		sm: "px-1.5 lg:px-2.5",
 		md: "px-2 lg:px-3",
 		lg: "px-2.5 lg:px-4"
@@ -2005,10 +2040,10 @@ var zt = {
 	return /* @__PURE__ */ m("button", {
 		ref: l,
 		disabled: s || n,
-		className: L("inline-flex items-center justify-center rounded-md font-medium", "font-control", "transition-colors duration-[100ms] ease-out", "cursor-pointer", "disabled:cursor-not-allowed disabled:opacity-40", "focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-2", zt[e], u ? Vt[t] : Bt[t], d && !u && Wt[d]?.[t], a),
+		className: R("inline-flex items-center justify-center rounded-md font-medium", "font-control", "transition-colors duration-[100ms] ease-out", "cursor-pointer", "disabled:cursor-not-allowed disabled:opacity-40", "focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-2", zt[e], u ? Vt[t] : Bt[t], d && !u && Wt[d]?.[t], a),
 		...c,
 		children: [
-			n && /* @__PURE__ */ p(ne, { className: "h-3.5 w-3.5 animate-spin" }),
+			n && /* @__PURE__ */ p(ee, { className: "h-3.5 w-3.5 animate-spin" }),
 			r && !n && /* @__PURE__ */ p(r, { className: Ht[t] }),
 			o && (d ? /* @__PURE__ */ p("span", {
 				className: Ut[d],
@@ -2022,7 +2057,7 @@ q.displayName = "Button";
 //#region src/components/ui/SectionHeader.tsx
 function J({ children: e, as: t = "h2", className: n, border: r = !0 }) {
 	return /* @__PURE__ */ p(t, {
-		className: L("text-text-primary font-heading text-xs font-semibold", r && "border-border border-b pb-2", n),
+		className: R("text-text-primary font-heading text-xs font-semibold", r && "border-border border-b pb-2", n),
 		children: e
 	});
 }
@@ -2040,7 +2075,7 @@ function Gt(e, t, n) {
 //#region src/components/ui/SelectDropdown.tsx
 function Y({ options: e, value: t, onChange: n, label: r, placeholder: a = "Select...", className: o, size: c = "md" }) {
 	let [l, f] = d(!1), [h, g] = d(-1), _ = u(null), v = u(null), y = Gt(l, _, v), b = s(), x = `${b}-listbox`, C = e.find((e) => e.value === t);
-	W(l, i(() => f(!1), []), [_]);
+	G(l, i(() => f(!1), []), [_]);
 	function T() {
 		if (!l) {
 			let n = e.findIndex((e) => e.value === t);
@@ -2073,7 +2108,7 @@ function Y({ options: e, value: t, onChange: n, label: r, placeholder: a = "Sele
 		}
 	}
 	return /* @__PURE__ */ m("div", {
-		className: L("flex flex-col gap-1.5", o),
+		className: R("flex flex-col gap-1.5", o),
 		ref: _,
 		children: [r && /* @__PURE__ */ p("span", {
 			className: "text-text-secondary font-label text-xs font-medium",
@@ -2089,16 +2124,16 @@ function Y({ options: e, value: t, onChange: n, label: r, placeholder: a = "Sele
 					"aria-expanded": l,
 					"aria-controls": l ? x : void 0,
 					"aria-activedescendant": l && h >= 0 ? `${b}-option-${h}` : void 0,
-					className: L("font-control flex w-full cursor-pointer items-center rounded-md text-xs", "bg-bg-secondary border-border text-text-primary border", "hover:bg-bg-hover hover:border-border-strong", "transition-colors duration-[100ms]", "focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-2", c === "sm" ? "h-6 px-2 pr-6" : "h-7 px-2 pr-7"),
+					className: R("font-control flex w-full cursor-pointer items-center rounded-md text-xs", "bg-bg-secondary border-border text-text-primary border", "hover:bg-bg-hover hover:border-border-strong", "transition-colors duration-[100ms]", "focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-2", c === "sm" ? "h-6 px-2 pr-6" : "h-7 px-2 pr-7"),
 					children: C ? C.label : /* @__PURE__ */ p("span", {
 						className: "text-text-disabled",
 						children: a
 					})
 				}),
-				/* @__PURE__ */ p(w, { className: L("text-text-tertiary pointer-events-none absolute top-1/2 h-3 w-3 -translate-y-1/2 transition-transform", c === "sm" ? "right-1.5" : "right-2", l && "rotate-180") }),
+				/* @__PURE__ */ p(w, { className: R("text-text-tertiary pointer-events-none absolute top-1/2 h-3 w-3 -translate-y-1/2 transition-transform", c === "sm" ? "right-1.5" : "right-2", l && "rotate-180") }),
 				l && /* @__PURE__ */ p("div", {
 					ref: v,
-					className: L("bg-bg-tertiary border-border-strong animate-scale-in absolute right-0 left-0 z-[100] overflow-hidden rounded-md border shadow-lg", y ? "bottom-full mb-1" : "top-full mt-1"),
+					className: R("bg-bg-tertiary border-border-strong animate-scale-in absolute right-0 left-0 z-[100] overflow-hidden rounded-md border shadow-lg", y ? "bottom-full mb-1" : "top-full mt-1"),
 					children: /* @__PURE__ */ p("ul", {
 						id: x,
 						className: "max-h-48 overflow-y-auto py-1",
@@ -2111,7 +2146,7 @@ function Y({ options: e, value: t, onChange: n, label: r, placeholder: a = "Sele
 								n(e.value), f(!1);
 							},
 							onMouseEnter: () => g(r),
-							className: L("font-control flex h-7 w-full cursor-pointer items-center gap-2 px-3 text-xs", "transition-colors duration-[100ms]", r === h ? "bg-accent-muted text-accent" : e.value === t ? "text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
+							className: R("font-control flex h-7 w-full cursor-pointer items-center gap-2 px-3 text-xs", "transition-colors duration-[100ms]", r === h ? "bg-accent-muted text-accent" : e.value === t ? "text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
 							children: [/* @__PURE__ */ p("span", {
 								className: "flex-1 truncate",
 								children: e.label
@@ -2128,7 +2163,7 @@ function Y({ options: e, value: t, onChange: n, label: r, placeholder: a = "Sele
 function X({ min: e, max: t, step: n = 1, value: r, onChange: i, onCommit: a, label: o, showValue: s, className: c }) {
 	let l = (r - e) / (t - e) * 100;
 	return /* @__PURE__ */ m("div", {
-		className: L("flex flex-col gap-1.5", c),
+		className: R("flex flex-col gap-1.5", c),
 		children: [(o || s) && /* @__PURE__ */ m("div", {
 			className: "flex items-center justify-between",
 			children: [o && /* @__PURE__ */ p("span", {
@@ -2157,7 +2192,7 @@ function Kt({ label: e, active: t, icon: n, preview: r, onClick: i, className: a
 	return /* @__PURE__ */ m("button", {
 		type: "button",
 		onClick: i,
-		className: L("flex cursor-pointer flex-col items-center gap-2 rounded-md border p-3 transition-colors duration-[100ms]", t ? "border-accent bg-accent-muted" : "border-border bg-bg-secondary hover:bg-bg-hover hover:border-border-strong", a),
+		className: R("flex cursor-pointer flex-col items-center gap-2 rounded-md border p-3 transition-colors duration-[100ms]", t ? "border-accent bg-accent-muted" : "border-border bg-bg-secondary hover:bg-bg-hover hover:border-border-strong", a),
 		children: [/* @__PURE__ */ p("div", {
 			className: "border-border-strong/20 flex h-10 w-full items-center justify-center rounded border",
 			style: { backgroundColor: r?.bg },
@@ -2178,7 +2213,7 @@ function Kt({ label: e, active: t, icon: n, preview: r, onClick: i, className: a
 //#region src/components/ui/Toggle.tsx
 function qt({ checked: e, onChange: t, disabled: n, label: r, className: i }) {
 	return /* @__PURE__ */ m("label", {
-		className: L("flex w-fit items-center", n ? "cursor-not-allowed opacity-40" : "cursor-pointer", i),
+		className: R("flex w-fit items-center", n ? "cursor-not-allowed opacity-40" : "cursor-pointer", i),
 		style: { gap: 10 },
 		children: [/* @__PURE__ */ p("button", {
 			type: "button",
@@ -2186,7 +2221,7 @@ function qt({ checked: e, onChange: t, disabled: n, label: r, className: i }) {
 			"aria-checked": e,
 			disabled: n,
 			onClick: () => t(!e),
-			className: L("relative shrink-0 rounded-full border transition-colors duration-[100ms]", "focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-2", e ? "bg-accent border-accent" : "bg-bg-tertiary border-border", !n && "cursor-pointer"),
+			className: R("relative shrink-0 rounded-full border transition-colors duration-[100ms]", "focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-2", e ? "bg-accent border-accent" : "bg-bg-tertiary border-border", !n && "cursor-pointer"),
 			style: {
 				width: 36,
 				height: 20
@@ -2219,27 +2254,27 @@ var Xt = [
 	{
 		value: "dark",
 		label: "Dark",
-		Icon: M
+		Icon: P
 	},
 	{
 		value: "light",
 		label: "Light",
-		Icon: ue
+		Icon: le
 	},
 	{
 		value: "system",
 		label: "System",
-		Icon: j
+		Icon: N
 	}
 ];
 function Zt({ className: e, respondToOpenEvent: t = !0 }) {
 	let [n, r] = d(!1), [a, s] = d(!1), [c, l] = d({
 		top: 0,
 		right: 0
-	}), h = u(null), g = u(null), _ = G(), v = Rt(), { toast: y } = xt(), b = i(() => {
+	}), h = u(null), g = u(null), _ = K(), v = Rt(), { toast: y } = xt(), b = i(() => {
 		r(!1), s(!1);
 	}, []);
-	W(n, b, [g], [h], { outsideClick: !a });
+	G(n, b, [g], [h], { outsideClick: !a });
 	let x = i(() => {
 		if (!h.current) return;
 		let e = h.current.getBoundingClientRect();
@@ -2266,7 +2301,7 @@ function Zt({ className: e, respondToOpenEvent: t = !0 }) {
 			window.removeEventListener("resize", x), window.removeEventListener("scroll", x, !0);
 		};
 	}, [n, x]);
-	let { colorMode: C, setColorMode: w, preferredDarkTheme: T, preferredLightTheme: E, accentColor: D, setAccentColor: O, fontSize: k, setFontSize: A, uiFont: ee, setUiFont: te, headingFont: ne, setHeadingFont: re, proseFont: ie, setProseFont: ae, codeFont: j, setCodeFont: M, borderRadius: se, setBorderRadius: ce, borderWidth: N, setBorderWidth: le, tracking: ue, setTracking: de, lineHeight: P, setLineHeight: fe, density: pe, setDensity: I, reducedMotion: me, setReducedMotion: he, saveThemeCustomization: ge, resetThemeCustomization: _e, hasThemeOverrides: ve, isCustomized: ye, resolvedTheme: be } = _;
+	let { colorMode: C, setColorMode: w, preferredDarkTheme: T, preferredLightTheme: E, accentColor: D, setAccentColor: O, fontSize: k, setFontSize: A, uiFont: j, setUiFont: M, headingFont: ee, setHeadingFont: te, proseFont: ne, setProseFont: re, codeFont: N, setCodeFont: P, borderRadius: ae, setBorderRadius: oe, borderWidth: se, setBorderWidth: ce, tracking: le, setTracking: ue, lineHeight: F, setLineHeight: de, density: fe, setDensity: L, reducedMotion: pe, setReducedMotion: me, saveThemeCustomization: he, resetThemeCustomization: ge, hasThemeOverrides: _e, isCustomized: ve, resolvedTheme: ye } = _;
 	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("button", {
 		ref: h,
 		onClick: S,
@@ -2274,9 +2309,9 @@ function Zt({ className: e, respondToOpenEvent: t = !0 }) {
 		"aria-haspopup": "dialog",
 		"aria-expanded": n,
 		title: "Theme",
-		className: L("flex h-7 w-7 cursor-pointer items-center justify-center rounded transition-colors duration-[100ms]", n ? "text-accent bg-accent-muted" : "text-text-tertiary hover:text-text-primary hover:bg-bg-hover", e),
-		children: /* @__PURE__ */ p(oe, { className: "h-4 w-4" })
-	}), n && F(/* @__PURE__ */ p("div", {
+		className: R("flex h-7 w-7 cursor-pointer items-center justify-center rounded transition-colors duration-[100ms]", n ? "text-accent bg-accent-muted" : "text-text-tertiary hover:text-text-primary hover:bg-bg-hover", e),
+		children: /* @__PURE__ */ p(ie, { className: "h-4 w-4" })
+	}), n && I(/* @__PURE__ */ p("div", {
 		ref: g,
 		role: "dialog",
 		"aria-label": "Theme settings",
@@ -2298,7 +2333,7 @@ function Zt({ className: e, respondToOpenEvent: t = !0 }) {
 					className: "bg-bg-secondary border-border flex gap-1 rounded-md border p-1.5",
 					children: Xt.map(({ value: e, label: t, Icon: n }) => /* @__PURE__ */ m("button", {
 						onClick: () => w(e),
-						className: L("font-navigation flex flex-1 cursor-pointer items-center justify-center gap-1.5 rounded px-2 py-1 text-xs transition-colors duration-[100ms]", C === e ? "bg-accent-muted text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
+						className: R("font-navigation flex flex-1 cursor-pointer items-center justify-center gap-1.5 rounded px-2 py-1 text-xs transition-colors duration-[100ms]", C === e ? "bg-accent-muted text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
 						children: [/* @__PURE__ */ p(n, { className: "h-3.5 w-3.5" }), t]
 					}, e))
 				})] }),
@@ -2309,7 +2344,7 @@ function Zt({ className: e, respondToOpenEvent: t = !0 }) {
 					children: "Dark themes"
 				}), /* @__PURE__ */ p("div", {
 					className: "grid grid-cols-2 gap-2",
-					children: ft.map((e) => /* @__PURE__ */ p(Kt, {
+					children: dt.map((e) => /* @__PURE__ */ p(Kt, {
 						label: e.label,
 						icon: e.icon,
 						preview: e.preview,
@@ -2324,7 +2359,7 @@ function Zt({ className: e, respondToOpenEvent: t = !0 }) {
 					children: "Light themes"
 				}), /* @__PURE__ */ p("div", {
 					className: "grid grid-cols-2 gap-2",
-					children: dt.map((e) => /* @__PURE__ */ p(Kt, {
+					children: ut.map((e) => /* @__PURE__ */ p(Kt, {
 						label: e.label,
 						icon: e.icon,
 						preview: e.preview,
@@ -2339,9 +2374,9 @@ function Zt({ className: e, respondToOpenEvent: t = !0 }) {
 					children: "Accent"
 				}), /* @__PURE__ */ p("div", {
 					className: "flex flex-wrap gap-1.5",
-					children: ht.map((e) => /* @__PURE__ */ p("button", {
+					children: mt.map((e) => /* @__PURE__ */ p("button", {
 						onClick: () => O(e.value),
-						className: L("h-6 w-6 cursor-pointer rounded-full transition-transform duration-[100ms] hover:scale-110", D === e.value && "ring-offset-bg-tertiary scale-110 ring-2 ring-offset-1"),
+						className: R("h-6 w-6 cursor-pointer rounded-full transition-transform duration-[100ms] hover:scale-110", D === e.value && "ring-offset-bg-tertiary scale-110 ring-2 ring-offset-1"),
 						style: {
 							backgroundColor: e.color,
 							...D === e.value ? { "--utility-ring-color": e.color } : {}
@@ -2361,30 +2396,30 @@ function Zt({ className: e, respondToOpenEvent: t = !0 }) {
 						/* @__PURE__ */ p(Y, {
 							label: "UI / Body",
 							size: "sm",
-							options: U,
-							value: ee,
-							onChange: (e) => te(e)
+							options: W,
+							value: j,
+							onChange: (e) => M(e)
 						}),
 						/* @__PURE__ */ p(Y, {
 							label: "Headings",
 							size: "sm",
-							options: U,
-							value: ne,
-							onChange: (e) => re(e)
+							options: W,
+							value: ee,
+							onChange: (e) => te(e)
 						}),
 						/* @__PURE__ */ p(Y, {
 							label: "Prose",
 							size: "sm",
-							options: U,
-							value: ie,
-							onChange: (e) => ae(e)
+							options: W,
+							value: ne,
+							onChange: (e) => re(e)
 						}),
 						/* @__PURE__ */ p(Y, {
 							label: "Code",
 							size: "sm",
-							options: U,
-							value: j,
-							onChange: (e) => M(e)
+							options: W,
+							value: N,
+							onChange: (e) => P(e)
 						})
 					]
 				})] }),
@@ -2403,16 +2438,16 @@ function Zt({ className: e, respondToOpenEvent: t = !0 }) {
 							label: "Corner radius",
 							min: 0,
 							max: 16,
-							value: se,
-							onChange: ce,
+							value: ae,
+							onChange: oe,
 							showValue: !0
 						}),
 						/* @__PURE__ */ p(X, {
 							label: "Border width",
 							min: 1,
 							max: 3,
-							value: N,
-							onChange: le,
+							value: se,
+							onChange: ce,
 							showValue: !0
 						}),
 						/* @__PURE__ */ p(X, {
@@ -2420,8 +2455,8 @@ function Zt({ className: e, respondToOpenEvent: t = !0 }) {
 							min: 0,
 							max: .3,
 							step: .01,
-							value: ue,
-							onChange: de,
+							value: le,
+							onChange: ue,
 							showValue: !0
 						}),
 						/* @__PURE__ */ p(X, {
@@ -2429,8 +2464,8 @@ function Zt({ className: e, respondToOpenEvent: t = !0 }) {
 							min: 1.2,
 							max: 2,
 							step: .05,
-							value: P,
-							onChange: fe,
+							value: F,
+							onChange: de,
 							showValue: !0
 						}),
 						/* @__PURE__ */ p(X, {
@@ -2438,33 +2473,33 @@ function Zt({ className: e, respondToOpenEvent: t = !0 }) {
 							min: .18,
 							max: .32,
 							step: .01,
-							value: pe,
-							onChange: I,
+							value: fe,
+							onChange: L,
 							showValue: !0
 						})
 					]
 				}),
 				/* @__PURE__ */ p(qt, {
 					label: "Reduced motion",
-					checked: me,
-					onChange: he
+					checked: pe,
+					onChange: me
 				}),
 				/* @__PURE__ */ m("div", {
 					className: "border-border flex items-center gap-2 border-t pt-3",
 					children: [/* @__PURE__ */ p(q, {
 						variant: "primary",
 						size: "sm",
-						disabled: !ye,
+						disabled: !ve,
 						onClick: () => {
-							ge(), y("success", `Saved customization for ${lt.find((e) => e.value === be)?.label ?? be}`);
+							he(), y("success", `Saved customization for ${ct.find((e) => e.value === ye)?.label ?? ye}`);
 						},
 						children: "Save for theme"
 					}), /* @__PURE__ */ p(q, {
 						variant: "secondary",
 						size: "sm",
-						disabled: !ve && !ye,
+						disabled: !_e && !ve,
 						onClick: () => {
-							_e(), y("info", "Reset to theme defaults");
+							ge(), y("info", "Reset to theme defaults");
 						},
 						children: "Reset"
 					})]
@@ -2480,20 +2515,20 @@ var Qt = [
 	"light",
 	"system"
 ], $t = {
-	dark: M,
-	light: ue,
-	system: j
+	dark: P,
+	light: le,
+	system: N
 }, en = {
 	dark: "Dark",
 	light: "Light",
 	system: "System"
 };
-function tn({ onMobileMenuToggle: e, breadcrumbs: t, showCommandTrigger: n = !0, commandTriggerLabel: r = "Search", commandShortcut: i = nt, currentPath: a, onNavigate: o, onCommandTrigger: s }) {
-	let { sidebarCollapsed: c, setSidebarCollapsed: l, colorMode: u, setColorMode: d } = G();
-	function h() {
-		d(Qt[(Qt.indexOf(u) + 1) % Qt.length]);
+function tn({ onMobileMenuToggle: e, breadcrumbs: t, showCommandTrigger: n = !0, commandTriggerLabel: r = "Search", commandShortcut: i = tt, currentPath: a, onNavigate: o, onCommandTrigger: s, actions: c }) {
+	let { sidebarCollapsed: l, setSidebarCollapsed: u, colorMode: d, setColorMode: h } = K();
+	function g() {
+		h(Qt[(Qt.indexOf(d) + 1) % Qt.length]);
 	}
-	let g = $t[u];
+	let _ = $t[d];
 	return /* @__PURE__ */ m("header", {
 		className: "border-border bg-bg-secondary font-navigation flex h-9 shrink-0 items-center justify-between border-b px-3",
 		style: { height: "var(--topbar-height)" },
@@ -2504,13 +2539,13 @@ function tn({ onMobileMenuToggle: e, breadcrumbs: t, showCommandTrigger: n = !0,
 					onClick: e,
 					className: "text-text-tertiary hover:text-text-primary hover:bg-bg-hover flex h-7 w-7 cursor-pointer items-center justify-center rounded md:hidden",
 					"aria-label": "Toggle menu",
-					children: /* @__PURE__ */ p(ie, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ p(ne, { className: "h-4 w-4" })
 				}),
 				/* @__PURE__ */ p("button", {
-					onClick: () => l(!c),
+					onClick: () => u(!l),
 					className: "text-text-tertiary hover:text-text-primary hover:bg-bg-hover hidden h-7 w-7 cursor-pointer items-center justify-center rounded md:flex",
-					"aria-label": c ? "Expand sidebar" : "Collapse sidebar",
-					children: p(c ? ce : se, { className: "h-4 w-4" })
+					"aria-label": l ? "Expand sidebar" : "Collapse sidebar",
+					children: p(l ? oe : ae, { className: "h-4 w-4" })
 				}),
 				t !== !1 && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", { className: "bg-border hidden h-4 w-px md:block" }), /* @__PURE__ */ p(Lt, {
 					...t,
@@ -2521,11 +2556,12 @@ function tn({ onMobileMenuToggle: e, breadcrumbs: t, showCommandTrigger: n = !0,
 		}), /* @__PURE__ */ m("div", {
 			className: "flex items-center gap-1",
 			children: [
+				c,
 				n && /* @__PURE__ */ m("button", {
-					onClick: s ?? (() => rt()),
+					onClick: s ?? (() => nt()),
 					className: "text-text-tertiary bg-bg-primary border-border hover:border-border-strong hover:text-text-secondary font-navigation hidden h-6 cursor-pointer items-center gap-2 rounded-md border px-2 transition-colors duration-[100ms] sm:flex",
 					children: [
-						/* @__PURE__ */ p(N, { className: "h-3 w-3" }),
+						/* @__PURE__ */ p(se, { className: "h-3 w-3" }),
 						/* @__PURE__ */ p("span", {
 							className: "text-2xs",
 							children: r
@@ -2537,11 +2573,11 @@ function tn({ onMobileMenuToggle: e, breadcrumbs: t, showCommandTrigger: n = !0,
 					]
 				}),
 				/* @__PURE__ */ p("button", {
-					onClick: h,
+					onClick: g,
 					className: "text-text-tertiary hover:text-text-primary hover:bg-bg-hover flex h-7 w-7 cursor-pointer items-center justify-center rounded",
-					"aria-label": `Color mode: ${en[u]}. Click to cycle.`,
-					title: en[u],
-					children: /* @__PURE__ */ p(g, { className: "h-4 w-4" })
+					"aria-label": `Color mode: ${en[d]}. Click to cycle.`,
+					title: en[d],
+					children: /* @__PURE__ */ p(_, { className: "h-4 w-4" })
 				}),
 				/* @__PURE__ */ p(Zt, {})
 			]
@@ -2550,10 +2586,10 @@ function tn({ onMobileMenuToggle: e, breadcrumbs: t, showCommandTrigger: n = !0,
 }
 //#endregion
 //#region src/components/app-shell/AppShell.tsx
-function nn({ children: e, navSections: t, brand: n, accounts: r, bottomNavItems: i = [], commandItems: a, breadcrumbs: o, initialAccountIndex: s, onAccountChange: c, onSignOut: u, signOutPath: f, signOutLabel: h, settingsPath: g, settingsLabel: _, onOpenSettings: v, showCommandPalette: y = !0, showCommandTrigger: b = !0, commandTriggerLabel: x, commandShortcut: S, currentPath: C, onNavigate: w, mainClassName: T, className: E }) {
-	let [D, O] = d(!1), k = l(() => t.flatMap((e) => e.items), [t]), A = a ?? k;
+function nn({ children: e, navSections: t, brand: n, accounts: r, bottomNavItems: i = [], commandItems: a, breadcrumbs: o, initialAccountIndex: s, onAccountChange: c, onSignOut: u, signOutPath: f, signOutLabel: h, settingsPath: g, settingsLabel: _, onOpenSettings: v, showCommandPalette: y = !0, showCommandTrigger: b = !0, commandTriggerLabel: x, commandShortcut: S, sidebarHeaderActions: C, topBarActions: w, currentPath: T, onNavigate: E, mainClassName: D, className: O }) {
+	let [k, A] = d(!1), j = l(() => t.flatMap((e) => e.items), [t]), M = a ?? j;
 	return /* @__PURE__ */ m("div", {
-		className: L("bg-bg-primary flex h-svh overflow-hidden", E),
+		className: R("bg-bg-primary flex h-svh overflow-hidden", O),
 		children: [
 			/* @__PURE__ */ p("a", {
 				href: "#main-content",
@@ -2572,42 +2608,45 @@ function nn({ children: e, navSections: t, brand: n, accounts: r, bottomNavItems
 				settingsPath: g,
 				settingsLabel: _,
 				onOpenSettings: v,
-				currentPath: C,
-				onNavigate: w
+				currentPath: T,
+				onNavigate: E,
+				headerActions: C
 			}),
 			/* @__PURE__ */ m("div", {
 				className: "flex min-w-0 flex-1 flex-col",
 				children: [/* @__PURE__ */ p(tn, {
-					onMobileMenuToggle: () => O(!0),
+					onMobileMenuToggle: () => A(!0),
 					breadcrumbs: o,
 					showCommandTrigger: y && b,
 					commandTriggerLabel: x,
 					commandShortcut: S,
-					currentPath: C,
-					onNavigate: w
+					actions: w,
+					currentPath: T,
+					onNavigate: E
 				}), /* @__PURE__ */ p("main", {
 					id: "main-content",
-					className: L("flex-1 overflow-y-auto p-4 pb-20 md:p-6 md:pb-6", T),
+					className: R("flex-1 overflow-y-auto p-4 pb-20 md:p-6 md:pb-6", D),
 					children: e
 				})]
 			}),
-			/* @__PURE__ */ p($e, {
+			/* @__PURE__ */ p(Qe, {
 				items: i,
-				currentPath: C,
-				onNavigate: w
+				currentPath: T,
+				onNavigate: E
 			}),
-			/* @__PURE__ */ p(ct, {
-				open: D,
-				onClose: () => O(!1),
-				items: k,
+			/* @__PURE__ */ p(st, {
+				open: k,
+				onClose: () => A(!1),
+				items: j,
 				brand: n,
-				currentPath: C,
-				onNavigate: w
+				currentPath: T,
+				onNavigate: E,
+				headerActions: C
 			}),
-			y && A.length > 0 && /* @__PURE__ */ p(ot, {
-				items: A,
+			y && M.length > 0 && /* @__PURE__ */ p(at, {
+				items: M,
 				shortcut: S,
-				onNavigate: w
+				onNavigate: E
 			})
 		]
 	});
@@ -2616,7 +2655,7 @@ function nn({ children: e, navSections: t, brand: n, accounts: r, bottomNavItems
 //#region src/components/app-shell/AuthLayout.tsx
 function rn({ children: e, className: t }) {
 	return /* @__PURE__ */ m("div", {
-		className: L("bg-bg-primary relative flex min-h-svh items-center justify-center p-4", t),
+		className: R("bg-bg-primary relative flex min-h-svh items-center justify-center p-4", t),
 		children: [/* @__PURE__ */ p("div", {
 			className: "pointer-events-none absolute inset-0 opacity-30",
 			style: { background: "radial-gradient(ellipse at 50% 30%, var(--accent-muted) 0%, transparent 60%)" }
@@ -2628,8 +2667,8 @@ function rn({ children: e, className: t }) {
 function an({ to: e, children: t, onNavigate: n, className: r }) {
 	return /* @__PURE__ */ m("a", {
 		href: e,
-		onClick: (t) => z(t, e, n),
-		className: L("inline-flex items-center gap-1.5", "text-text-tertiary text-xs", "hover:text-text-primary", r),
+		onClick: (t) => B(t, e, n),
+		className: R("inline-flex items-center gap-1.5", "text-text-tertiary text-xs", "hover:text-text-primary", r),
 		children: [/* @__PURE__ */ p(v, { className: "h-3.5 w-3.5" }), t]
 	});
 }
@@ -2638,14 +2677,14 @@ function an({ to: e, children: t, onNavigate: n, className: r }) {
 function on({ checked: e, indeterminate: t, onChange: n, label: r, disabled: i, className: a }) {
 	let o = e || t;
 	return /* @__PURE__ */ m("label", {
-		className: L("flex w-fit items-center gap-2.5", i ? "cursor-not-allowed opacity-40" : "cursor-pointer", a),
+		className: R("flex w-fit items-center gap-2.5", i ? "cursor-not-allowed opacity-40" : "cursor-pointer", a),
 		children: [/* @__PURE__ */ p("button", {
 			role: "checkbox",
 			"aria-checked": t ? "mixed" : e,
 			disabled: i,
 			onClick: () => n(!e),
-			className: L("flex h-4 w-4 shrink-0 items-center justify-center rounded border", "transition-colors duration-[100ms]", "focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-2", o ? "bg-accent border-accent" : "bg-bg-secondary border-border", !i && "cursor-pointer"),
-			children: t ? /* @__PURE__ */ p(ae, { className: "text-text-on-accent h-3 w-3" }) : e ? /* @__PURE__ */ p(S, { className: "text-text-on-accent h-3 w-3" }) : null
+			className: R("flex h-4 w-4 shrink-0 items-center justify-center rounded border", "transition-colors duration-[100ms]", "focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-2", o ? "bg-accent border-accent" : "bg-bg-secondary border-border", !i && "cursor-pointer"),
+			children: t ? /* @__PURE__ */ p(re, { className: "text-text-on-accent h-3 w-3" }) : e ? /* @__PURE__ */ p(S, { className: "text-text-on-accent h-3 w-3" }) : null
 		}), r && /* @__PURE__ */ p("span", {
 			className: "text-text-primary text-xs",
 			children: r
@@ -2657,7 +2696,7 @@ function on({ checked: e, indeterminate: t, onChange: n, label: r, disabled: i,
 var sn = r(function({ icon: e, children: t, className: n, ...r }, i) {
 	return /* @__PURE__ */ m("button", {
 		ref: i,
-		className: L("flex h-7 cursor-pointer items-center gap-1.5 rounded-md px-2.5", "border-border bg-bg-secondary text-text-secondary border", "hover:bg-bg-hover hover:border-border-strong", "text-xs", "transition-colors duration-[100ms]", n),
+		className: R("flex h-7 cursor-pointer items-center gap-1.5 rounded-md px-2.5", "border-border bg-bg-secondary text-text-secondary border", "hover:bg-bg-hover hover:border-border-strong", "text-xs", "transition-colors duration-[100ms]", n),
 		...r,
 		children: [/* @__PURE__ */ p(e, { className: "h-3.5 w-3.5 shrink-0" }), t && /* @__PURE__ */ p("span", {
 			className: "hidden sm:inline",
@@ -2669,7 +2708,7 @@ var sn = r(function({ icon: e, children: t, className: n, ...r }, i) {
 //#region src/components/tables/ColumnPicker.tsx
 function cn({ columns: e, hidden: t, onToggle: n }) {
 	let [r, a] = d(!1), o = u(null);
-	return W(r, i(() => a(!1), []), [o]), /* @__PURE__ */ m("div", {
+	return G(r, i(() => a(!1), []), [o]), /* @__PURE__ */ m("div", {
 		className: "relative",
 		ref: o,
 		children: [/* @__PURE__ */ p(sn, {
@@ -2713,7 +2752,7 @@ function ln({ page: e, totalPages: t, onPageChange: n }) {
 				children: "..."
 			}, `e${r}`) : /* @__PURE__ */ p("button", {
 				onClick: () => n(t),
-				className: L("flex h-7 w-7 cursor-pointer items-center justify-center rounded text-xs font-medium", "transition-colors duration-[100ms]", t === e ? "bg-accent text-text-on-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
+				className: R("flex h-7 w-7 cursor-pointer items-center justify-center rounded text-xs font-medium", "transition-colors duration-[100ms]", t === e ? "bg-accent text-text-on-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
 				children: t
 			}, t)),
 			/* @__PURE__ */ p("button", {
@@ -2761,7 +2800,7 @@ function dn({ data: e, columns: t, getRowId: n, onRowClick: r, emptyMessage: i =
 			children: [/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ p("tr", {
 				className: "border-border bg-bg-secondary border-b",
 				children: t.map((e) => /* @__PURE__ */ p("th", {
-					className: L("text-2xs text-text-tertiary font-label h-7 px-3 text-left font-semibold tracking-wider uppercase", e.sortable && "hover:text-text-secondary cursor-pointer select-none"),
+					className: R("text-2xs text-text-tertiary font-label h-7 px-3 text-left font-semibold tracking-wider uppercase", e.sortable && "hover:text-text-secondary cursor-pointer select-none"),
 					style: { width: e.width },
 					onClick: e.sortable ? () => S(e.key) : void 0,
 					children: /* @__PURE__ */ m("span", {
@@ -2774,10 +2813,10 @@ function dn({ data: e, columns: t, getRowId: n, onRowClick: r, emptyMessage: i =
 				className: "text-text-tertiary h-32 text-center",
 				children: i
 			}) }) : x.map((e) => /* @__PURE__ */ p("tr", {
-				className: L("border-border h-8 border-b last:border-b-0", "hover:bg-bg-hover", r && "cursor-pointer"),
+				className: R("border-border h-8 border-b last:border-b-0", "hover:bg-bg-hover", r && "cursor-pointer"),
 				onClick: r ? () => r(e) : void 0,
 				children: t.map((t) => /* @__PURE__ */ p("td", {
-					className: L("text-text-primary px-3 whitespace-nowrap", t.cellClassName),
+					className: R("text-text-primary px-3 whitespace-nowrap", t.cellClassName),
 					onClick: t.interactive && r ? (e) => e.stopPropagation() : void 0,
 					children: t.render(e)
 				}, t.key))
@@ -2803,13 +2842,13 @@ var fn = {
 	error: {
 		bg: "bg-red-muted",
 		border: "border-red/30",
-		icon: fe,
+		icon: de,
 		iconColor: "text-red"
 	},
 	info: {
 		bg: "bg-blue-muted",
 		border: "border-blue/30",
-		icon: te,
+		icon: M,
 		iconColor: "text-blue"
 	}
 };
@@ -2818,9 +2857,9 @@ function pn({ type: e, title: t, children: n, dismissible: r, className: i }) {
 	if (a) return null;
 	let s = fn[e], c = s.icon;
 	return /* @__PURE__ */ m("div", {
-		className: L("flex gap-2.5 rounded-md border p-3", s.bg, s.border, i),
+		className: R("flex gap-2.5 rounded-md border p-3", s.bg, s.border, i),
 		children: [
-			/* @__PURE__ */ p(c, { className: L("mt-0.5 h-4 w-4 shrink-0", s.iconColor) }),
+			/* @__PURE__ */ p(c, { className: R("mt-0.5 h-4 w-4 shrink-0", s.iconColor) }),
 			/* @__PURE__ */ m("div", {
 				className: "min-w-0 flex-1",
 				children: [t && /* @__PURE__ */ p("p", {
@@ -2835,7 +2874,7 @@ function pn({ type: e, title: t, children: n, dismissible: r, className: i }) {
 				onClick: () => o(!0),
 				className: "text-text-tertiary hover:text-text-primary flex h-5 w-5 cursor-pointer items-center justify-center rounded",
 				"aria-label": "Dismiss",
-				children: /* @__PURE__ */ p(P, { className: "h-3 w-3" })
+				children: /* @__PURE__ */ p(F, { className: "h-3 w-3" })
 			})
 		]
 	});
@@ -2844,7 +2883,7 @@ function pn({ type: e, title: t, children: n, dismissible: r, className: i }) {
 //#region src/components/ui/AuthCard.tsx
 function mn({ title: e, subtitle: t, icon: n, children: r, footer: i, className: a }) {
 	return /* @__PURE__ */ p("div", {
-		className: L("relative z-10 w-full max-w-sm", a),
+		className: R("relative z-10 w-full max-w-sm", a),
 		children: /* @__PURE__ */ m("div", {
 			className: "bg-bg-secondary border-border rounded-lg border p-8 shadow-lg",
 			children: [
@@ -2878,12 +2917,12 @@ function mn({ title: e, subtitle: t, icon: n, children: r, footer: i, className:
 //#region src/components/ui/AuthorByline.tsx
 function hn({ name: e, meta: t, nameAppend: n, size: r = "sm", className: i }) {
 	return /* @__PURE__ */ m("div", {
-		className: L("flex items-center gap-2", i),
-		children: [/* @__PURE__ */ p(K, {
+		className: R("flex items-center gap-2", i),
+		children: [/* @__PURE__ */ p(yt, {
 			name: e,
 			size: "sm"
 		}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("p", {
-			className: L("text-text-primary font-label font-medium", r === "md" ? "text-xs" : "text-2xs"),
+			className: R("text-text-primary font-label font-medium", r === "md" ? "text-xs" : "text-2xs"),
 			children: [e, n]
 		}), t && /* @__PURE__ */ p("p", {
 			className: "text-text-tertiary font-label text-2xs",
@@ -2910,8 +2949,8 @@ var gn = {
 };
 function vn({ color: e = "gray", dot: t, children: n, className: r }) {
 	return /* @__PURE__ */ m("span", {
-		className: L("font-label text-2xs inline-flex items-center gap-1.5 rounded-md px-2 py-0.5 font-medium", gn[e], r),
-		children: [t && /* @__PURE__ */ p("span", { className: L("h-1.5 w-1.5 rounded-full", _n[e]) }), n]
+		className: R("font-label text-2xs inline-flex items-center gap-1.5 rounded-md px-2 py-0.5 font-medium", gn[e], r),
+		children: [t && /* @__PURE__ */ p("span", { className: R("h-1.5 w-1.5 rounded-full", _n[e]) }), n]
 	});
 }
 //#endregion
@@ -3038,7 +3077,7 @@ function Tn({ year: e, month: t, selected: n, rangeStart: r, rangeEnd: i, hoverD
 					onKeyDown: (e) => C(e, s),
 					onMouseEnter: () => c?.(d),
 					onMouseLeave: () => c?.(null),
-					className: L("flex h-8 w-full cursor-pointer items-center justify-center text-xs transition-colors duration-[100ms]", "rounded-md", b && "cursor-not-allowed opacity-30", !b && !h && !g && !v && !y && "hover:bg-bg-hover text-text-primary", m && !h && !g && !v && "text-accent font-semibold", (h || g || v) && "bg-accent text-text-on-accent font-semibold", y && !h && !g && !v && "bg-accent-muted text-accent"),
+					className: R("flex h-8 w-full cursor-pointer items-center justify-center text-xs transition-colors duration-[100ms]", "rounded-md", b && "cursor-not-allowed opacity-30", !b && !h && !g && !v && !y && "hover:bg-bg-hover text-text-primary", m && !h && !g && !v && "text-accent font-semibold", (h || g || v) && "bg-accent text-text-on-accent font-semibold", y && !h && !g && !v && "bg-accent-muted text-accent"),
 					children: s
 				}, s);
 			})]
@@ -3049,7 +3088,7 @@ function Tn({ year: e, month: t, selected: n, rangeStart: r, rangeEnd: i, hoverD
 //#region src/components/ui/Card.tsx
 function En({ children: e, className: t, header: n, footer: r }) {
 	return /* @__PURE__ */ m("div", {
-		className: L("bg-bg-secondary border-border overflow-hidden rounded-md border", t),
+		className: R("bg-bg-secondary border-border overflow-hidden rounded-md border", t),
 		children: [
 			n && /* @__PURE__ */ p("div", {
 				className: "border-border border-b px-3 py-2.5",
@@ -3089,12 +3128,12 @@ function Dn({ options: e, value: t, onChange: n, placeholder: r = "Select...", l
 				break;
 		}
 	}
-	W(c, i(() => l(!1), []), [v]);
+	G(c, i(() => l(!1), []), [v]);
 	function D() {
 		l(!0), h(""), _(0), setTimeout(() => y.current?.focus(), 0);
 	}
 	return /* @__PURE__ */ m("div", {
-		className: L("flex flex-col gap-1.5", o),
+		className: R("flex flex-col gap-1.5", o),
 		ref: v,
 		children: [a && /* @__PURE__ */ p("span", {
 			className: "text-text-secondary font-label text-xs font-medium",
@@ -3108,20 +3147,20 @@ function Dn({ options: e, value: t, onChange: n, placeholder: r = "Select...", l
 				/* @__PURE__ */ p("button", {
 					type: "button",
 					onClick: () => c ? l(!1) : D(),
-					className: L("font-control flex h-7 w-full cursor-pointer items-center rounded-md px-2 pr-7 text-xs", "bg-bg-secondary border-border text-text-primary border", "hover:bg-bg-hover hover:border-border-strong", "transition-colors duration-[100ms]", "focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-2"),
+					className: R("font-control flex h-7 w-full cursor-pointer items-center rounded-md px-2 pr-7 text-xs", "bg-bg-secondary border-border text-text-primary border", "hover:bg-bg-hover hover:border-border-strong", "transition-colors duration-[100ms]", "focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-2"),
 					children: x ? x.label : /* @__PURE__ */ p("span", {
 						className: "text-text-disabled",
 						children: r
 					})
 				}),
-				/* @__PURE__ */ p(w, { className: L("text-text-tertiary pointer-events-none absolute top-1/2 right-2.5 h-3.5 w-3.5 -translate-y-1/2 transition-transform", c && "rotate-180") }),
+				/* @__PURE__ */ p(w, { className: R("text-text-tertiary pointer-events-none absolute top-1/2 right-2.5 h-3.5 w-3.5 -translate-y-1/2 transition-transform", c && "rotate-180") }),
 				c && /* @__PURE__ */ m("div", {
 					className: "bg-bg-tertiary border-border-strong animate-scale-in absolute top-full right-0 left-0 z-50 mt-1 overflow-hidden rounded-md border shadow-lg",
 					children: [/* @__PURE__ */ p("div", {
 						className: "border-border border-b p-1.5",
 						children: /* @__PURE__ */ m("div", {
 							className: "relative",
-							children: [/* @__PURE__ */ p(N, { className: "text-text-tertiary absolute top-1/2 left-2 h-3 w-3 -translate-y-1/2" }), /* @__PURE__ */ p("input", {
+							children: [/* @__PURE__ */ p(se, { className: "text-text-tertiary absolute top-1/2 left-2 h-3 w-3 -translate-y-1/2" }), /* @__PURE__ */ p("input", {
 								ref: y,
 								type: "text",
 								"aria-label": "Search options",
@@ -3150,7 +3189,7 @@ function Dn({ options: e, value: t, onChange: n, placeholder: r = "Select...", l
 								n(e.value), l(!1);
 							},
 							onMouseEnter: () => _(r),
-							className: L("font-control flex h-7 w-full cursor-pointer items-center gap-2 px-3 text-xs", "transition-colors duration-[100ms]", r === g ? "bg-accent-muted text-accent" : e.value === t ? "text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
+							className: R("font-control flex h-7 w-full cursor-pointer items-center gap-2 px-3 text-xs", "transition-colors duration-[100ms]", r === g ? "bg-accent-muted text-accent" : e.value === t ? "text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
 							children: [/* @__PURE__ */ p("span", {
 								className: "flex-1 truncate",
 								children: e.label
@@ -3166,7 +3205,7 @@ function Dn({ options: e, value: t, onChange: n, placeholder: r = "Select...", l
 //#region src/components/ui/DangerZone.tsx
 function On({ title: e = "Danger Zone", description: t, children: n, className: r }) {
 	return /* @__PURE__ */ m("div", {
-		className: L("border-border mt-8 border-t pt-6", r),
+		className: R("border-border mt-8 border-t pt-6", r),
 		children: [
 			/* @__PURE__ */ p("h3", {
 				className: "text-red mb-2 text-xs font-semibold",
@@ -3200,7 +3239,7 @@ function kn(e) {
 }
 function An({ label: e, value: t, onChange: n, placeholder: r = "Select date...", format: a = kn }) {
 	let [o, s] = d(!1), c = u(null), l = u(null), f = Gt(o, c, l), h = /* @__PURE__ */ new Date(), [g, _] = d(t?.getFullYear() ?? h.getFullYear()), [v, y] = d(t?.getMonth() ?? h.getMonth());
-	W(o, i(() => s(!1), []), [c]);
+	G(o, i(() => s(!1), []), [c]);
 	function b(e) {
 		n(e), s(!1);
 	}
@@ -3221,7 +3260,7 @@ function An({ label: e, value: t, onChange: n, placeholder: r = "Select date..."
 					onClick: S,
 					"aria-haspopup": "dialog",
 					"aria-expanded": o,
-					className: L("flex h-7 w-full cursor-pointer items-center rounded-md text-xs", "bg-bg-secondary border-border text-text-primary border", "hover:bg-bg-hover hover:border-border-strong", "transition-colors duration-[100ms]", "px-2 pr-7"),
+					className: R("flex h-7 w-full cursor-pointer items-center rounded-md text-xs", "bg-bg-secondary border-border text-text-primary border", "hover:bg-bg-hover hover:border-border-strong", "transition-colors duration-[100ms]", "px-2 pr-7"),
 					children: t ? a(t) : /* @__PURE__ */ p("span", {
 						className: "text-text-disabled",
 						children: r
@@ -3232,7 +3271,7 @@ function An({ label: e, value: t, onChange: n, placeholder: r = "Select date..."
 					ref: l,
 					role: "dialog",
 					"aria-label": "Choose date",
-					className: L("bg-bg-tertiary border-border-strong animate-scale-in absolute left-0 z-[100] rounded-md border p-3 shadow-lg", f ? "bottom-full mb-1" : "top-full mt-1"),
+					className: R("bg-bg-tertiary border-border-strong animate-scale-in absolute left-0 z-[100] rounded-md border p-3 shadow-lg", f ? "bottom-full mb-1" : "top-full mt-1"),
 					children: /* @__PURE__ */ p(Tn, {
 						year: g,
 						month: v,
@@ -3271,24 +3310,24 @@ function Nn(e) {
 }
 function Pn({ label: e, value: t, onChange: n, placeholder: r = "Select date range..." }) {
 	let [a, o] = d(!1), s = u(null), c = u(null), l = Gt(a, s, c), f = /* @__PURE__ */ new Date(), [h, g] = d(t.start?.getFullYear() ?? f.getFullYear()), [_, v] = d(t.start?.getMonth() ?? f.getMonth()), [y, b] = d(null), [S, C] = d("start"), [w, T] = d(t.start), [E, D] = d(t.end);
-	W(a, i(() => o(!1), []), [s]);
+	G(a, i(() => o(!1), []), [s]);
 	let O = _ === 11 ? h + 1 : h, k = _ === 11 ? 0 : _ + 1;
 	function A() {
 		a || (T(t.start), D(t.end), C((t.start && t.end, "start")), t.start && (g(t.start.getFullYear()), v(t.start.getMonth()))), o(!a);
 	}
-	function ee(e) {
+	function j(e) {
 		S === "start" ? (T(e), D(null), C("end")) : (w && e < w ? (D(w), T(e)) : D(e), C("start"), n({
 			start: w && e < w ? e : w,
 			end: w && e < w ? w : e
 		}), o(!1));
 	}
-	function te() {
+	function M() {
 		_ === 0 ? (g(h - 1), v(11)) : v(_ - 1);
 	}
-	function ne() {
+	function ee() {
 		_ === 11 ? (g(h + 1), v(0)) : v(_ + 1);
 	}
-	let re = t.start || t.end ? Nn(t) : "";
+	let te = t.start || t.end ? Nn(t) : "";
 	return /* @__PURE__ */ m("div", {
 		className: "flex flex-col gap-1.5",
 		ref: s,
@@ -3303,8 +3342,8 @@ function Pn({ label: e, value: t, onChange: n, placeholder: r = "Select date ran
 					onClick: A,
 					"aria-haspopup": "dialog",
 					"aria-expanded": a,
-					className: L("flex h-7 w-full cursor-pointer items-center rounded-md text-xs", "bg-bg-secondary border-border text-text-primary border", "hover:bg-bg-hover hover:border-border-strong", "transition-colors duration-[100ms]", "px-2 pr-7"),
-					children: re || /* @__PURE__ */ p("span", {
+					className: R("flex h-7 w-full cursor-pointer items-center rounded-md text-xs", "bg-bg-secondary border-border text-text-primary border", "hover:bg-bg-hover hover:border-border-strong", "transition-colors duration-[100ms]", "px-2 pr-7"),
+					children: te || /* @__PURE__ */ p("span", {
 						className: "text-text-disabled",
 						children: r
 					})
@@ -3314,13 +3353,13 @@ function Pn({ label: e, value: t, onChange: n, placeholder: r = "Select date ran
 					ref: c,
 					role: "dialog",
 					"aria-label": "Choose date range",
-					className: L("bg-bg-tertiary border-border-strong animate-scale-in absolute left-0 z-[100] rounded-md border p-3 shadow-lg", l ? "bottom-full mb-1" : "top-full mt-1"),
+					className: R("bg-bg-tertiary border-border-strong animate-scale-in absolute left-0 z-[100] rounded-md border p-3 shadow-lg", l ? "bottom-full mb-1" : "top-full mt-1"),
 					children: [/* @__PURE__ */ m("div", {
 						className: "mb-2 flex items-center justify-between",
 						children: [
 							/* @__PURE__ */ p("button", {
 								type: "button",
-								onClick: te,
+								onClick: M,
 								"aria-label": "Previous month",
 								className: "text-text-tertiary hover:text-text-primary hover:bg-bg-hover flex h-6 w-6 cursor-pointer items-center justify-center rounded-md transition-colors duration-[100ms]",
 								children: /* @__PURE__ */ p("span", {
@@ -3335,7 +3374,7 @@ function Pn({ label: e, value: t, onChange: n, placeholder: r = "Select date ran
 							}),
 							/* @__PURE__ */ p("button", {
 								type: "button",
-								onClick: ne,
+								onClick: ee,
 								"aria-label": "Next month",
 								className: "text-text-tertiary hover:text-text-primary hover:bg-bg-hover flex h-6 w-6 cursor-pointer items-center justify-center rounded-md transition-colors duration-[100ms]",
 								children: /* @__PURE__ */ p("span", {
@@ -3352,7 +3391,7 @@ function Pn({ label: e, value: t, onChange: n, placeholder: r = "Select date ran
 							rangeStart: w,
 							rangeEnd: E,
 							hoverDate: S === "end" ? y : null,
-							onSelect: ee,
+							onSelect: j,
 							onMonthChange: (e, t) => {
 								g(e), v(t);
 							},
@@ -3363,7 +3402,7 @@ function Pn({ label: e, value: t, onChange: n, placeholder: r = "Select date ran
 							rangeStart: w,
 							rangeEnd: E,
 							hoverDate: S === "end" ? y : null,
-							onSelect: ee,
+							onSelect: j,
 							onMonthChange: (e, t) => {
 								t === 0 ? (g(e - 1), v(11)) : (g(e), v(t - 1));
 							},
@@ -3421,7 +3460,7 @@ function Bn({ label: e, value: t, onChange: n, placeholder: r = "Select date & t
 		hour12: 12,
 		period: "PM"
 	}, [g, _] = d(t?.getFullYear() ?? f.getFullYear()), [v, y] = d(t?.getMonth() ?? f.getMonth()), [b, S] = d(String(h.hour12)), [C, w] = d(t ? zn(t.getMinutes()) : "00"), [T, E] = d(h.period), [D, O] = d(t);
-	W(a, i(() => o(!1), []), [s]);
+	G(a, i(() => o(!1), []), [s]);
 	function k(e) {
 		O(e);
 	}
@@ -3431,12 +3470,12 @@ function Bn({ label: e, value: t, onChange: n, placeholder: r = "Select date & t
 		let n = parseInt(t, 10);
 		!isNaN(n) && n >= 13 && n <= 23 ? (S(String(n - 12)), E("PM")) : n === 0 && (S("12"), E("AM"));
 	}
-	function ee() {
+	function j() {
 		if (!D) return;
 		let e = Math.max(1, Math.min(12, parseInt(b, 10) || 12)), t = Math.max(0, Math.min(59, parseInt(C, 10) || 0)), r = Ln(e, T);
 		n(new Date(D.getFullYear(), D.getMonth(), D.getDate(), r, t)), o(!1);
 	}
-	function te() {
+	function M() {
 		if (!a && t) {
 			_(t.getFullYear()), y(t.getMonth()), O(t);
 			let e = In(t.getHours());
@@ -3455,10 +3494,10 @@ function Bn({ label: e, value: t, onChange: n, placeholder: r = "Select date & t
 			children: [
 				/* @__PURE__ */ p("button", {
 					type: "button",
-					onClick: te,
+					onClick: M,
 					"aria-haspopup": "dialog",
 					"aria-expanded": a,
-					className: L("flex h-7 w-full cursor-pointer items-center rounded-md text-xs", "bg-bg-secondary border-border text-text-primary border", "hover:bg-bg-hover hover:border-border-strong", "transition-colors duration-[100ms]", "px-2 pr-7"),
+					className: R("flex h-7 w-full cursor-pointer items-center rounded-md text-xs", "bg-bg-secondary border-border text-text-primary border", "hover:bg-bg-hover hover:border-border-strong", "transition-colors duration-[100ms]", "px-2 pr-7"),
 					children: t ? Rn(t) : /* @__PURE__ */ p("span", {
 						className: "text-text-disabled",
 						children: r
@@ -3469,7 +3508,7 @@ function Bn({ label: e, value: t, onChange: n, placeholder: r = "Select date & t
 					ref: c,
 					role: "dialog",
 					"aria-label": "Choose date and time",
-					className: L("bg-bg-tertiary border-border-strong animate-scale-in absolute left-0 z-[100] rounded-md border p-3 shadow-lg", l ? "bottom-full mb-1" : "top-full mt-1"),
+					className: R("bg-bg-tertiary border-border-strong animate-scale-in absolute left-0 z-[100] rounded-md border p-3 shadow-lg", l ? "bottom-full mb-1" : "top-full mt-1"),
 					children: [/* @__PURE__ */ p(Tn, {
 						year: g,
 						month: v,
@@ -3520,21 +3559,21 @@ function Bn({ label: e, value: t, onChange: n, placeholder: r = "Select date & t
 									type: "button",
 									onClick: () => E("AM"),
 									"aria-pressed": T === "AM",
-									className: L("text-2xs cursor-pointer px-2 py-0.5 font-medium transition-colors duration-[100ms]", T === "AM" ? "bg-accent text-text-on-accent" : "bg-bg-secondary text-text-secondary hover:bg-bg-hover"),
+									className: R("text-2xs cursor-pointer px-2 py-0.5 font-medium transition-colors duration-[100ms]", T === "AM" ? "bg-accent text-text-on-accent" : "bg-bg-secondary text-text-secondary hover:bg-bg-hover"),
 									children: "AM"
 								}), /* @__PURE__ */ p("button", {
 									type: "button",
 									onClick: () => E("PM"),
 									"aria-pressed": T === "PM",
-									className: L("text-2xs cursor-pointer px-2 py-0.5 font-medium transition-colors duration-[100ms]", T === "PM" ? "bg-accent text-text-on-accent" : "bg-bg-secondary text-text-secondary hover:bg-bg-hover"),
+									className: R("text-2xs cursor-pointer px-2 py-0.5 font-medium transition-colors duration-[100ms]", T === "PM" ? "bg-accent text-text-on-accent" : "bg-bg-secondary text-text-secondary hover:bg-bg-hover"),
 									children: "PM"
 								})]
 							}),
 							/* @__PURE__ */ p("button", {
 								type: "button",
-								onClick: ee,
+								onClick: j,
 								disabled: !D,
-								className: L("ml-auto h-6 rounded-md px-3 text-xs font-medium transition-colors duration-[100ms]", D ? "bg-accent text-text-on-accent hover:bg-accent-hover cursor-pointer" : "bg-bg-hover text-text-disabled cursor-not-allowed"),
+								className: R("ml-auto h-6 rounded-md px-3 text-xs font-medium transition-colors duration-[100ms]", D ? "bg-accent text-text-on-accent hover:bg-accent-hover cursor-pointer" : "bg-bg-hover text-text-disabled cursor-not-allowed"),
 								children: "Apply"
 							})
 						]
@@ -3566,7 +3605,7 @@ function Wn({ open: e, onClose: t, title: n, children: r, className: a, resizabl
 		_.current = !1;
 	}, []);
 	return /* @__PURE__ */ p("div", {
-		className: L("border-border bg-bg-secondary relative shrink-0 overflow-hidden border-l", "transition-[width] duration-[200ms] ease-out", a),
+		className: R("border-border bg-bg-secondary relative shrink-0 overflow-hidden border-l", "transition-[width] duration-[200ms] ease-out", a),
 		style: { width: e ? h : 0 },
 		children: e && /* @__PURE__ */ m("div", {
 			className: "animate-fade-in flex h-full flex-col",
@@ -3587,7 +3626,7 @@ function Wn({ open: e, onClose: t, title: n, children: r, className: a, resizabl
 						onClick: t,
 						className: "text-text-tertiary hover:text-text-primary hover:bg-bg-hover flex h-6 w-6 cursor-pointer items-center justify-center rounded",
 						"aria-label": "Close panel",
-						children: /* @__PURE__ */ p(P, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ p(F, { className: "h-3.5 w-3.5" })
 					})]
 				}),
 				/* @__PURE__ */ p("div", {
@@ -3602,7 +3641,7 @@ function Wn({ open: e, onClose: t, title: n, children: r, className: a, resizabl
 //#region src/components/ui/Dialog.tsx
 function Gn({ open: e, onClose: t, title: n, children: r, footer: i, className: a }) {
 	let c = u(null), l = s();
-	return B(c, e), o(() => {
+	return V(c, e), o(() => {
 		if (!e) return;
 		let n = (e) => {
 			e.key === "Escape" && t();
@@ -3610,14 +3649,14 @@ function Gn({ open: e, onClose: t, title: n, children: r, footer: i, className:
 		return document.addEventListener("keydown", n), document.body.style.overflow = "hidden", () => {
 			document.removeEventListener("keydown", n), document.body.style.overflow = "";
 		};
-	}, [e, t]), e ? F(/* @__PURE__ */ m("div", {
+	}, [e, t]), e ? I(/* @__PURE__ */ m("div", {
 		className: "fixed inset-0 z-50 flex items-start justify-center overflow-y-auto pt-4 md:pt-[5vh]",
 		children: [/* @__PURE__ */ p("div", {
 			className: "bg-bg-overlay fixed inset-0",
 			onClick: t
 		}), /* @__PURE__ */ m("div", {
 			ref: c,
-			className: L("relative z-50 mx-4 mb-8 w-full max-w-[400px] p-6", "bg-bg-secondary border-border rounded-lg border", "animate-scale-in shadow-lg", a),
+			className: R("relative z-50 mx-4 mb-8 w-full max-w-[400px] p-6", "bg-bg-secondary border-border rounded-lg border", "animate-scale-in shadow-lg", a),
 			role: "dialog",
 			"aria-modal": "true",
 			"aria-labelledby": n ? l : void 0,
@@ -3633,7 +3672,7 @@ function Gn({ open: e, onClose: t, title: n, children: r, footer: i, className:
 						onClick: t,
 						className: "text-text-tertiary hover:text-text-primary hover:bg-bg-hover ml-auto flex h-6 w-6 cursor-pointer items-center justify-center rounded transition-colors duration-[100ms]",
 						"aria-label": "Close",
-						children: /* @__PURE__ */ p(P, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ p(F, { className: "h-4 w-4" })
 					})]
 				}),
 				r,
@@ -3646,7 +3685,7 @@ function Gn({ open: e, onClose: t, title: n, children: r, footer: i, className:
 //#region src/components/ui/DialogActions.tsx
 function Kn({ onCancel: e, onConfirm: t, cancelLabel: n = "Cancel", confirmLabel: r = "Confirm", confirmVariant: i = "primary", className: a }) {
 	return /* @__PURE__ */ m("div", {
-		className: L("flex justify-end gap-2", a),
+		className: R("flex justify-end gap-2", a),
 		children: [/* @__PURE__ */ p(q, {
 			variant: "ghost",
 			size: "sm",
@@ -3664,7 +3703,7 @@ function Kn({ onCancel: e, onConfirm: t, cancelLabel: n = "Cancel", confirmLabel
 //#region src/components/ui/DividerLabel.tsx
 function qn({ children: e, className: t }) {
 	return /* @__PURE__ */ m("div", {
-		className: L("relative my-6", t),
+		className: R("relative my-6", t),
 		children: [/* @__PURE__ */ p("div", {
 			className: "absolute inset-0 flex items-center",
 			children: /* @__PURE__ */ p("div", { className: "border-border w-full border-t" })
@@ -3687,7 +3726,7 @@ function Jn({ trigger: e, items: t, align: n = "right" }) {
 	}), [h, g] = d(-1), _ = u(null), v = u(null), y = l(() => t.filter((e) => !e.divider), [t]), b = i(() => {
 		a(!1), g(-1);
 	}, []);
-	W(r, b, [v], [_]), o(() => {
+	G(r, b, [v], [_]), o(() => {
 		if (!r) return;
 		let e = (e) => {
 			e.key === "ArrowDown" ? (e.preventDefault(), g((e) => (e + 1) % y.length)) : e.key === "ArrowUp" ? (e.preventDefault(), g((e) => (e - 1 + y.length) % y.length)) : e.key === "Enter" && h >= 0 && (e.preventDefault(), y[h].onClick(), b());
@@ -3715,7 +3754,7 @@ function Jn({ trigger: e, items: t, align: n = "right" }) {
 		ref: _,
 		onClick: x,
 		children: e
-	}), r && F(/* @__PURE__ */ p("div", {
+	}), r && I(/* @__PURE__ */ p("div", {
 		ref: v,
 		role: "menu",
 		className: "bg-bg-tertiary border-border-strong animate-scale-in fixed z-[100] w-max rounded-md border py-1 shadow-lg",
@@ -3738,7 +3777,7 @@ function Jn({ trigger: e, items: t, align: n = "right" }) {
 					e.onClick(), b();
 				},
 				onMouseEnter: () => g(n),
-				className: L("flex h-7 w-full cursor-pointer items-center gap-2 px-4 text-left text-xs", "transition-colors duration-[100ms]", "focus:outline-none", e.danger ? "text-red hover:bg-red-muted focus:bg-red-muted" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover focus:text-text-primary focus:bg-bg-hover"),
+				className: R("flex h-7 w-full cursor-pointer items-center gap-2 px-4 text-left text-xs", "transition-colors duration-[100ms]", "focus:outline-none", e.danger ? "text-red hover:bg-red-muted focus:bg-red-muted" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover focus:text-text-primary focus:bg-bg-hover"),
 				children: [
 					e.icon && /* @__PURE__ */ p("span", {
 						className: "flex h-3.5 w-3.5 shrink-0 items-center",
@@ -3762,11 +3801,11 @@ function Jn({ trigger: e, items: t, align: n = "right" }) {
 //#region src/components/ui/EmptyState.tsx
 function Yn({ icon: e, title: t, description: n, action: r, className: i }) {
 	return /* @__PURE__ */ m("div", {
-		className: L("flex flex-col items-center justify-center px-4 py-12", i),
+		className: R("flex flex-col items-center justify-center px-4 py-12", i),
 		children: [
 			/* @__PURE__ */ p("div", {
 				className: "bg-bg-tertiary text-text-tertiary mb-3 flex h-10 w-10 items-center justify-center rounded-md",
-				children: e || /* @__PURE__ */ p(ee, { className: "h-5 w-5" })
+				children: e || /* @__PURE__ */ p(j, { className: "h-5 w-5" })
 			}),
 			/* @__PURE__ */ p("p", {
 				className: "text-text-primary mb-1 text-sm font-medium",
@@ -3842,7 +3881,7 @@ function Zn({ icon: e, children: t, items: n, align: r, className: i }) {
 //#region src/components/ui/Kbd.tsx
 function Qn({ children: e, className: t }) {
 	return /* @__PURE__ */ p("kbd", {
-		className: L("text-2xs inline-flex items-center px-1.5 py-0.5 font-mono font-medium", "bg-bg-tertiary text-text-secondary border-border rounded border", t),
+		className: R("text-2xs inline-flex items-center px-1.5 py-0.5 font-mono font-medium", "bg-bg-tertiary text-text-secondary border-border rounded border", t),
 		children: e
 	});
 }
@@ -3855,15 +3894,15 @@ var $n = {
 };
 function er({ className: e, size: t = "md" }) {
 	return /* @__PURE__ */ p("div", {
-		className: L("flex min-h-[200px] items-center justify-center", e),
-		children: /* @__PURE__ */ p(ne, { className: L("text-accent animate-spin", $n[t]) })
+		className: R("flex min-h-[200px] items-center justify-center", e),
+		children: /* @__PURE__ */ p(ee, { className: R("text-accent animate-spin", $n[t]) })
 	});
 }
 //#endregion
 //#region src/components/ui/MetadataGrid.tsx
 function tr({ items: e, labelWidth: n = "100px", className: r }) {
 	return /* @__PURE__ */ p("div", {
-		className: L("gap-x-3 gap-y-2 text-xs", r),
+		className: R("gap-x-3 gap-y-2 text-xs", r),
 		style: {
 			display: "grid",
 			gridTemplateColumns: `${n} 1fr`
@@ -3881,9 +3920,9 @@ function tr({ items: e, labelWidth: n = "100px", className: r }) {
 //#region src/components/ui/MetricCard.tsx
 function nr({ label: e, value: t, sub: n, bar: r, icon: i, iconColor: a, className: o }) {
 	return /* @__PURE__ */ m("div", {
-		className: L("bg-bg-secondary border-border relative overflow-hidden rounded-md border p-3", o),
+		className: R("bg-bg-secondary border-border relative overflow-hidden rounded-md border p-3", o),
 		children: [
-			i && /* @__PURE__ */ p(i, { className: L("absolute -right-9 -bottom-9 h-44 w-44 -rotate-45 opacity-[0.06]", a) }),
+			i && /* @__PURE__ */ p(i, { className: R("absolute -right-9 -bottom-9 h-44 w-44 -rotate-45 opacity-[0.06]", a) }),
 			/* @__PURE__ */ p("p", {
 				className: "text-2xs-f text-text-tertiary font-label mb-1 font-medium tracking-wider uppercase",
 				children: e
@@ -3962,7 +4001,7 @@ function sr({ provider: e, children: t, ...n }) {
 //#region src/components/ui/PageHeader.tsx
 function cr({ title: e, subtitle: t, actions: n, className: r }) {
 	return /* @__PURE__ */ m("div", {
-		className: L("flex items-center justify-between", r),
+		className: R("flex items-center justify-between", r),
 		children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
 			className: "text-text-primary font-heading text-sm font-semibold",
 			children: e
@@ -3979,9 +4018,9 @@ function cr({ title: e, subtitle: t, actions: n, className: r }) {
 //#region src/components/ui/PageSection.tsx
 function lr({ title: e, description: t, actions: n, children: r, as: i = "h2", className: a, headerClassName: o, contentClassName: s }) {
 	return /* @__PURE__ */ m("section", {
-		className: L("space-y-4", a),
+		className: R("space-y-4", a),
 		children: [(e || t || n) && /* @__PURE__ */ m("div", {
-			className: L("border-border flex items-end justify-between gap-3 border-b pb-2", o),
+			className: R("border-border flex items-end justify-between gap-3 border-b pb-2", o),
 			children: [/* @__PURE__ */ m("div", {
 				className: "min-w-0",
 				children: [e && /* @__PURE__ */ p(i, {
@@ -4020,7 +4059,7 @@ var ur = [
 function dr({ page: e, pageSize: t, total: n, pageSizeOptions: r = ur, onPageChange: i, onPageSizeChange: a, className: o }) {
 	let s = Math.ceil(n / t), c = Math.min((e - 1) * t + 1, n), l = Math.min(e * t, n);
 	return /* @__PURE__ */ m("div", {
-		className: L("flex items-center justify-between", o),
+		className: R("flex items-center justify-between", o),
 		children: [/* @__PURE__ */ m("div", {
 			className: "flex items-center gap-3",
 			children: [/* @__PURE__ */ p(Y, {
@@ -4068,7 +4107,7 @@ var fr = r(({ label: e, error: t, className: n, id: r, ...i }, a) => {
 				ref: a,
 				id: o,
 				type: s ? "text" : "password",
-				className: L("bg-bg-secondary text-text-primary h-7 w-full rounded-md border px-2 pr-8 text-xs", "placeholder:text-text-disabled", "transition-colors duration-[100ms]", "focus:border-accent focus:outline-none", t ? "border-red" : "border-border", n),
+				className: R("bg-bg-secondary text-text-primary h-7 w-full rounded-md border px-2 pr-8 text-xs", "placeholder:text-text-disabled", "transition-colors duration-[100ms]", "focus:border-accent focus:outline-none", t ? "border-red" : "border-border", n),
 				...i
 			}), /* @__PURE__ */ p("button", {
 				type: "button",
@@ -4085,9 +4124,9 @@ fr.displayName = "PasswordInput";
 //#region src/components/ui/ProfileHeader.tsx
 function pr({ name: e, subtitle: t, badge: n, meta: r, action: i, className: a }) {
 	return /* @__PURE__ */ m("div", {
-		className: L("flex items-start gap-4", a),
+		className: R("flex items-start gap-4", a),
 		children: [
-			/* @__PURE__ */ p(K, {
+			/* @__PURE__ */ p(yt, {
 				name: e,
 				size: "lg"
 			}),
@@ -4133,7 +4172,7 @@ function pr({ name: e, subtitle: t, badge: n, meta: r, action: i, className: a }
 //#region src/components/ui/ProseContent.tsx
 function mr({ children: e, className: t }) {
 	return /* @__PURE__ */ p("div", {
-		className: L("ui-prose", t),
+		className: R("ui-prose", t),
 		children: e
 	});
 }
@@ -4143,13 +4182,13 @@ function hr({ options: e, value: t, onChange: n, disabled: r, className: i, "ari
 	return /* @__PURE__ */ p("div", {
 		role: "radiogroup",
 		"aria-label": a,
-		className: L("border-border inline-flex overflow-hidden rounded-md border", r && "cursor-not-allowed opacity-40", i),
+		className: R("border-border inline-flex overflow-hidden rounded-md border", r && "cursor-not-allowed opacity-40", i),
 		children: e.map((e) => /* @__PURE__ */ p("button", {
 			role: "radio",
 			"aria-checked": e.value === t,
 			disabled: r,
 			onClick: () => n(e.value),
-			className: L("font-control px-3 py-1.5 text-xs font-medium transition-colors duration-[100ms]", "focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-[-2px]", !r && "cursor-pointer", e.value === t ? "bg-accent text-text-on-accent" : "bg-bg-secondary text-text-secondary hover:bg-bg-hover hover:text-text-primary"),
+			className: R("font-control px-3 py-1.5 text-xs font-medium transition-colors duration-[100ms]", "focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-[-2px]", !r && "cursor-pointer", e.value === t ? "bg-accent text-text-on-accent" : "bg-bg-secondary text-text-secondary hover:bg-bg-hover hover:text-text-primary"),
 			children: e.label
 		}, e.value))
 	});
@@ -4158,13 +4197,13 @@ function hr({ options: e, value: t, onChange: n, disabled: r, className: i, "ari
 //#region src/components/ui/SearchInput.tsx
 function gr({ value: e, onChange: t, placeholder: n = "Search...", className: r }) {
 	return /* @__PURE__ */ m("div", {
-		className: L("relative", r),
-		children: [/* @__PURE__ */ p(N, { className: "text-text-tertiary absolute top-1/2 left-2 h-3.5 w-3.5 -translate-y-1/2" }), /* @__PURE__ */ p("input", {
+		className: R("relative", r),
+		children: [/* @__PURE__ */ p(se, { className: "text-text-tertiary absolute top-1/2 left-2 h-3.5 w-3.5 -translate-y-1/2" }), /* @__PURE__ */ p("input", {
 			type: "search",
 			value: e,
 			onChange: (e) => t(e.target.value),
 			placeholder: n,
-			className: L("bg-bg-secondary text-text-primary h-7 w-full pr-2 pl-7 text-xs", "border-border rounded-md border", "placeholder:text-text-disabled", "transition-colors duration-[100ms]", "focus:border-accent focus:outline-none")
+			className: R("bg-bg-secondary text-text-primary h-7 w-full pr-2 pl-7 text-xs", "border-border rounded-md border", "placeholder:text-text-disabled", "transition-colors duration-[100ms]", "focus:border-accent focus:outline-none")
 		})]
 	});
 }
@@ -4189,7 +4228,7 @@ var _r = r(({ label: e, error: t, options: n, className: r, id: i, ...a }, o) =>
 			children: [/* @__PURE__ */ p("select", {
 				ref: o,
 				id: s,
-				className: L("bg-bg-secondary text-text-primary font-control h-7 w-full px-2 pr-7 text-xs", "appearance-none rounded-md border", "transition-colors duration-[100ms]", "focus:border-accent focus:outline-none", "disabled:cursor-not-allowed disabled:opacity-40", "cursor-pointer", t ? "border-red" : "border-border", r),
+				className: R("bg-bg-secondary text-text-primary font-control h-7 w-full px-2 pr-7 text-xs", "appearance-none rounded-md border", "transition-colors duration-[100ms]", "focus:border-accent focus:outline-none", "disabled:cursor-not-allowed disabled:opacity-40", "cursor-pointer", t ? "border-red" : "border-border", r),
 				...a,
 				children: n.map((e) => /* @__PURE__ */ p("option", {
 					value: e.value,
@@ -4204,7 +4243,7 @@ _r.displayName = "Select";
 //#region src/components/ui/SettingRow.tsx
 function vr({ label: e, description: t, action: n, className: r }) {
 	return /* @__PURE__ */ m("div", {
-		className: L("border-border flex items-center justify-between border-b py-3", r),
+		className: R("border-border flex items-center justify-between border-b py-3", r),
 		children: [/* @__PURE__ */ m("div", {
 			className: "min-w-0 flex-1 pr-4",
 			children: [/* @__PURE__ */ p("p", {
@@ -4224,7 +4263,7 @@ function vr({ label: e, description: t, action: n, className: r }) {
 //#region src/components/ui/SideSheet.tsx
 function yr({ open: e, onClose: t, title: n, children: r, footer: i, side: a = "right", widthClassName: s = "w-[360px]", className: c, contentClassName: l }) {
 	let d = u(null);
-	return B(d, e), o(() => {
+	return V(d, e), o(() => {
 		if (!e) return;
 		let n = (e) => {
 			e.key === "Escape" && t();
@@ -4232,7 +4271,7 @@ function yr({ open: e, onClose: t, title: n, children: r, footer: i, side: a = "
 		return document.addEventListener("keydown", n), document.body.style.overflow = "hidden", () => {
 			document.removeEventListener("keydown", n), document.body.style.overflow = "";
 		};
-	}, [e, t]), e ? F(/* @__PURE__ */ m("div", {
+	}, [e, t]), e ? I(/* @__PURE__ */ m("div", {
 		className: "fixed inset-0 z-50 flex",
 		children: [
 			a === "right" && /* @__PURE__ */ p("div", {
@@ -4241,7 +4280,7 @@ function yr({ open: e, onClose: t, title: n, children: r, footer: i, side: a = "
 			}),
 			/* @__PURE__ */ m("div", {
 				ref: d,
-				className: L("bg-bg-secondary border-border flex flex-col shadow-lg", s, a === "right" ? "animate-slide-in-right border-l" : "animate-slide-in-left border-r", c),
+				className: R("bg-bg-secondary border-border flex flex-col shadow-lg", s, a === "right" ? "animate-slide-in-right border-l" : "animate-slide-in-left border-r", c),
 				style: { maxWidth: "calc(100vw - 2rem)" },
 				role: "dialog",
 				"aria-modal": "true",
@@ -4256,11 +4295,11 @@ function yr({ open: e, onClose: t, title: n, children: r, footer: i, side: a = "
 							onClick: t,
 							className: "text-text-tertiary hover:text-text-primary hover:bg-bg-hover ml-auto flex h-6 w-6 cursor-pointer items-center justify-center rounded",
 							"aria-label": "Close",
-							children: /* @__PURE__ */ p(P, { className: "h-3.5 w-3.5" })
+							children: /* @__PURE__ */ p(F, { className: "h-3.5 w-3.5" })
 						})]
 					}),
 					/* @__PURE__ */ p("div", {
-						className: L("flex-1 overflow-y-auto p-3", l),
+						className: R("flex-1 overflow-y-auto p-3", l),
 						children: r
 					}),
 					i && /* @__PURE__ */ p("div", {
@@ -4280,13 +4319,13 @@ function yr({ open: e, onClose: t, title: n, children: r, footer: i, side: a = "
 //#region src/components/ui/SplitPaneLayout.tsx
 function br({ children: e, direction: t = "row", className: n }) {
 	return /* @__PURE__ */ p("div", {
-		className: L("-m-4 md:-m-6", "flex h-[calc(100vh-var(--topbar-height)-var(--bottomnav-height))] gap-0 md:h-[calc(100vh-var(--topbar-height))]", t === "column" && "flex-col", n),
+		className: R("-m-4 md:-m-6", "flex h-[calc(100vh-var(--topbar-height)-var(--bottomnav-height))] gap-0 md:h-[calc(100vh-var(--topbar-height))]", t === "column" && "flex-col", n),
 		children: e
 	});
 }
 function xr({ children: e, className: t }) {
 	return /* @__PURE__ */ p("div", {
-		className: L("flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden", t),
+		className: R("flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden", t),
 		children: e
 	});
 }
@@ -4303,9 +4342,9 @@ var Sr = Object.assign(br, { Main: xr }), Cr = {
 };
 function Tr({ status: e, label: t, className: n }) {
 	return /* @__PURE__ */ m("span", {
-		className: L("inline-flex items-center gap-1.5", n),
-		children: [/* @__PURE__ */ p("span", { className: L("h-2 w-2 rounded-full", Cr[e]) }), t && /* @__PURE__ */ p("span", {
-			className: L("text-xs", wr[e]),
+		className: R("inline-flex items-center gap-1.5", n),
+		children: [/* @__PURE__ */ p("span", { className: R("h-2 w-2 rounded-full", Cr[e]) }), t && /* @__PURE__ */ p("span", {
+			className: R("text-xs", wr[e]),
 			children: t
 		})]
 	});
@@ -4314,18 +4353,18 @@ function Tr({ status: e, label: t, className: n }) {
 //#region src/components/ui/StepProgress.tsx
 function Er({ steps: e, currentStep: t, className: n }) {
 	return /* @__PURE__ */ p("div", {
-		className: L("flex items-center justify-between", n),
+		className: R("flex items-center justify-between", n),
 		children: e.map((n, r) => /* @__PURE__ */ m("div", {
 			className: "flex flex-1 items-center",
 			children: [/* @__PURE__ */ m("div", {
 				className: "flex flex-col items-center",
 				children: [
 					/* @__PURE__ */ p("div", {
-						className: L("flex h-8 w-8 items-center justify-center rounded-full text-xs", r < t && "bg-accent text-text-on-accent", r === t && "border-accent text-accent border-2 font-semibold", r > t && "bg-bg-tertiary border-border text-text-tertiary border"),
+						className: R("flex h-8 w-8 items-center justify-center rounded-full text-xs", r < t && "bg-accent text-text-on-accent", r === t && "border-accent text-accent border-2 font-semibold", r > t && "bg-bg-tertiary border-border text-text-tertiary border"),
 						children: r < t ? /* @__PURE__ */ p(S, { className: "h-4 w-4" }) : r + 1
 					}),
 					/* @__PURE__ */ p("span", {
-						className: L("text-2xs mt-1.5 hidden sm:block", r === t && "text-accent", r < t && "text-text-primary", r > t && "text-text-tertiary"),
+						className: R("text-2xs mt-1.5 hidden sm:block", r === t && "text-accent", r < t && "text-text-primary", r > t && "text-text-tertiary"),
 						children: n.label
 					}),
 					n.description && /* @__PURE__ */ p("span", {
@@ -4333,7 +4372,7 @@ function Er({ steps: e, currentStep: t, className: n }) {
 						children: n.description
 					})
 				]
-			}), r < e.length - 1 && /* @__PURE__ */ p("div", { className: L("mx-2 h-0.5 flex-1", r < t ? "bg-accent" : "bg-border") })]
+			}), r < e.length - 1 && /* @__PURE__ */ p("div", { className: R("mx-2 h-0.5 flex-1", r < t ? "bg-accent" : "bg-border") })]
 		}, n.label))
 	});
 }
@@ -4363,7 +4402,7 @@ function Dr({ tabs: e, defaultTab: t, value: n, onChange: r, className: i }) {
 				"aria-controls": `${h}-panel-${e.key}`,
 				onClick: () => f(e.key),
 				onKeyDown: _,
-				className: L("font-control relative cursor-pointer px-3 py-2 text-xs font-medium transition-colors duration-[100ms]", "hover:text-text-primary", e.key === c ? "text-accent" : "text-text-tertiary"),
+				className: R("font-control relative cursor-pointer px-3 py-2 text-xs font-medium transition-colors duration-[100ms]", "hover:text-text-primary", e.key === c ? "text-accent" : "text-text-tertiary"),
 				children: [e.label, e.key === c && /* @__PURE__ */ p("div", { className: "bg-accent absolute right-0 bottom-0 left-0 h-0.5 rounded-md" })]
 			}, e.key))
 		}), /* @__PURE__ */ p("div", {
@@ -4392,7 +4431,7 @@ var Or = r(({ label: e, error: t, showCount: n, maxLength: r, value: i, classNam
 				id: l,
 				value: i,
 				maxLength: r,
-				className: L("bg-bg-secondary text-text-primary font-control min-h-[72px] w-full px-2 py-1.5 text-xs", "resize-y rounded-md border", "placeholder:text-text-disabled", "transition-colors duration-[100ms]", "focus:border-accent focus:outline-none", t ? "border-red" : "border-border", a),
+				className: R("bg-bg-secondary text-text-primary font-control min-h-[72px] w-full px-2 py-1.5 text-xs", "resize-y rounded-md border", "placeholder:text-text-disabled", "transition-colors duration-[100ms]", "focus:border-accent focus:outline-none", t ? "border-red" : "border-border", a),
 				...s
 			}),
 			/* @__PURE__ */ m("div", {
@@ -4438,7 +4477,7 @@ var kr = r(({ label: e, error: t, icon: n, className: r, id: i, readOnly: a, ...
 				ref: s,
 				id: c,
 				readOnly: a,
-				className: L("bg-bg-secondary text-text-primary font-control h-7 w-full px-2 text-xs", "rounded-md border", "placeholder:text-text-disabled", "transition-colors duration-[100ms]", "focus:border-accent focus:outline-none", "disabled:cursor-not-allowed disabled:opacity-40", a && "bg-bg-primary text-text-secondary focus:border-border cursor-default border-dashed", n && "pl-7", t ? "border-red" : !a && "border-border", a && !t && "border-border", r),
+				className: R("bg-bg-secondary text-text-primary font-control h-7 w-full px-2 text-xs", "rounded-md border", "placeholder:text-text-disabled", "transition-colors duration-[100ms]", "focus:border-accent focus:outline-none", "disabled:cursor-not-allowed disabled:opacity-40", a && "bg-bg-primary text-text-secondary focus:border-border cursor-default border-dashed", n && "pl-7", t ? "border-red" : !a && "border-border", a && !t && "border-border", r),
 				...o
 			})]
 		})]
@@ -4449,14 +4488,14 @@ kr.displayName = "TextInput";
 //#region src/components/ui/Timeline.tsx
 function Ar({ items: e, className: t }) {
 	return /* @__PURE__ */ p("div", {
-		className: L("space-y-0", t),
+		className: R("space-y-0", t),
 		children: e.map((t, n) => /* @__PURE__ */ m("div", {
 			className: "flex gap-3",
 			children: [/* @__PURE__ */ m("div", {
 				className: "flex flex-col items-center",
-				children: [/* @__PURE__ */ p("div", { className: L(t.dot, "mt-1.5 h-2 w-2 shrink-0 rounded-full") }), n < e.length - 1 && /* @__PURE__ */ p("div", { className: "bg-border mt-1 w-px flex-1" })]
+				children: [/* @__PURE__ */ p("div", { className: R(t.dot, "mt-1.5 h-2 w-2 shrink-0 rounded-full") }), n < e.length - 1 && /* @__PURE__ */ p("div", { className: "bg-border mt-1 w-px flex-1" })]
 			}), /* @__PURE__ */ m("div", {
-				className: L("pb-4", n === e.length - 1 && "pb-0"),
+				className: R("pb-4", n === e.length - 1 && "pb-0"),
 				children: [/* @__PURE__ */ p("p", {
 					className: "text-text-primary text-xs",
 					children: t.text
@@ -4487,7 +4526,7 @@ function Mr({ content: e, placement: t = "top", children: n }) {
 		"aria-describedby": r ? a : void 0,
 		children: [n, r && /* @__PURE__ */ p("div", {
 			id: a,
-			className: L("text-2xs absolute z-50 px-2 py-1 font-medium whitespace-nowrap", "bg-bg-tertiary text-text-primary border-border rounded border shadow-md", "animate-fade-in pointer-events-none", jr[t]),
+			className: R("text-2xs absolute z-50 px-2 py-1 font-medium whitespace-nowrap", "bg-bg-tertiary text-text-primary border-border rounded border shadow-md", "animate-fade-in pointer-events-none", jr[t]),
 			role: "tooltip",
 			children: e
 		})]
@@ -4497,12 +4536,12 @@ function Mr({ content: e, placement: t = "top", children: n }) {
 //#region src/components/ui/Toolbar.tsx
 function Nr({ start: e, end: t, children: n, className: r, startClassName: i, endClassName: a }) {
 	return /* @__PURE__ */ m("div", {
-		className: L("flex items-center justify-between gap-3", r),
+		className: R("flex items-center justify-between gap-3", r),
 		children: [/* @__PURE__ */ p("div", {
-			className: L("flex flex-1 items-center gap-3", i),
+			className: R("flex flex-1 items-center gap-3", i),
 			children: e ?? n
 		}), t && /* @__PURE__ */ p("div", {
-			className: L("flex items-center gap-1.5", a),
+			className: R("flex items-center gap-1.5", a),
 			children: t
 		})]
 	});
@@ -4511,7 +4550,7 @@ function Nr({ start: e, end: t, children: n, className: r, startClassName: i, en
 //#region src/components/ui/UploadDropzone.tsx
 function Pr({ title: e = "Drag and drop files here, or click to browse", description: t, icon: n, accept: r, multiple: i, disabled: a, onChange: o, className: s }) {
 	return /* @__PURE__ */ m("label", {
-		className: L("border-border hover:border-border-strong block rounded-md border-2 border-dashed p-8 text-center transition-colors duration-[100ms]", a ? "cursor-not-allowed opacity-60" : "cursor-pointer hover:bg-bg-hover", s),
+		className: R("border-border hover:border-border-strong block rounded-md border-2 border-dashed p-8 text-center transition-colors duration-[100ms]", a ? "cursor-not-allowed opacity-60" : "cursor-pointer hover:bg-bg-hover", s),
 		children: [
 			/* @__PURE__ */ p("input", {
 				type: "file",
@@ -4523,7 +4562,7 @@ function Pr({ title: e = "Drag and drop files here, or click to browse", descrip
 			}),
 			/* @__PURE__ */ p("div", {
 				className: "text-text-tertiary mx-auto mb-3 flex h-9 w-9 items-center justify-center rounded-md bg-bg-tertiary",
-				children: n ?? /* @__PURE__ */ p(de, { className: "h-4.5 w-4.5" })
+				children: n ?? /* @__PURE__ */ p(ue, { className: "h-4.5 w-4.5" })
 			}),
 			/* @__PURE__ */ p("p", {
 				className: "text-text-secondary mb-1 text-xs",
@@ -4650,7 +4689,7 @@ var Z = {
 		muted: "rgba(99,102,241,0.15)",
 		subtle: "rgba(99,102,241,0.08)"
 	}
-}, Hr = "leonardaustin-ui-settings", Ur = new Set(Object.keys(Vr)), Wr = new Set(Object.keys(H)), Q = new Set(Object.keys(Z)), Gr = new Set([
+}, Hr = "leonardaustin-ui-settings", Ur = new Set(Object.keys(Vr)), Wr = new Set(Object.keys(U)), Q = new Set(Object.keys(Z)), Gr = new Set([
 	"light",
 	"dark",
 	"system"
@@ -4660,11 +4699,11 @@ function $(e, t, n, r) {
 }
 function Kr(e) {
 	let t = {};
-	if (Ur.has(e.accentColor) && (t.accentColor = e.accentColor), Gr.has(e.colorMode) && (t.colorMode = e.colorMode), Wr.has(e.preferredDarkTheme) && !V(e.preferredDarkTheme) && (t.preferredDarkTheme = e.preferredDarkTheme), Wr.has(e.preferredLightTheme) && V(e.preferredLightTheme) && (t.preferredLightTheme = e.preferredLightTheme), typeof e.sidebarCollapsed == "boolean" && (t.sidebarCollapsed = e.sidebarCollapsed), typeof e.reducedMotion == "boolean" && (t.reducedMotion = e.reducedMotion), typeof e.sidebarWidth == "number" && (t.sidebarWidth = $(e.sidebarWidth, 160, 400, 220)), e.themeOverrides && typeof e.themeOverrides == "object") {
+	if (Ur.has(e.accentColor) && (t.accentColor = e.accentColor), Gr.has(e.colorMode) && (t.colorMode = e.colorMode), Wr.has(e.preferredDarkTheme) && !H(e.preferredDarkTheme) && (t.preferredDarkTheme = e.preferredDarkTheme), Wr.has(e.preferredLightTheme) && H(e.preferredLightTheme) && (t.preferredLightTheme = e.preferredLightTheme), typeof e.sidebarCollapsed == "boolean" && (t.sidebarCollapsed = e.sidebarCollapsed), typeof e.reducedMotion == "boolean" && (t.reducedMotion = e.reducedMotion), typeof e.sidebarWidth == "number" && (t.sidebarWidth = $(e.sidebarWidth, 160, 400, 220)), e.themeOverrides && typeof e.themeOverrides == "object") {
 		let n = {};
 		for (let [t, r] of Object.entries(e.themeOverrides)) {
 			if (!Wr.has(t) || !r || typeof r != "object") continue;
-			let e = r, i = H[t];
+			let e = r, i = U[t];
 			n[t] = {
 				uiFont: Q.has(e.uiFont) ? e.uiFont : i.uiFont,
 				headingFont: Q.has(e.headingFont) ? e.headingFont : i.headingFont,
@@ -4710,7 +4749,7 @@ function Jr(e) {
 	return qr;
 }
 function Yr(e, t) {
-	let n = H[e] ?? H.dark;
+	let n = U[e] ?? U.dark;
 	return t[e] ? {
 		...n,
 		...t[e]
@@ -4770,7 +4809,7 @@ function Zr({ children: e, storageKey: t = Hr }) {
 		u
 	]), y = i(() => {
 		let e = { ...n.themeOverrides };
-		delete e[c], m({ themeOverrides: e }), f(H[c] ?? H.dark);
+		delete e[c], m({ themeOverrides: e }), f(U[c] ?? U.dark);
 	}, [
 		m,
 		n.themeOverrides,
@@ -4875,7 +4914,7 @@ function Zr({ children: e, storageKey: t = Hr }) {
 		g,
 		_
 	]);
-	return /* @__PURE__ */ p(gt.Provider, {
+	return /* @__PURE__ */ p(ht.Provider, {
 		value: b,
 		children: e
 	});
@@ -4892,7 +4931,7 @@ var Qr = {
 	hashiTheme: "theme-hashi"
 };
 function $r({ children: e }) {
-	let { resolvedTheme: t } = a(gt);
+	let { resolvedTheme: t } = a(ht);
 	return o(() => {
 		let e = document.documentElement;
 		Object.values(Qr).forEach((t) => {
@@ -4906,4 +4945,4 @@ function $r({ children: e }) {
 	});
 }
 //#endregion
-export { pn as Alert, nn as AppShell, he as AreaChart, mn as AuthCard, rn as AuthLayout, hn as AuthorByline, K as Avatar, an as BackLink, vn as Badge, _e as BarChart, $e as BottomNav, Lt as Breadcrumbs, q as Button, tt as COMMAND_PALETTE_EVENT, Tn as CalendarGrid, En as Card, on as Checkbox, cn as ColumnPicker, Dn as Combobox, ot as CommandPalette, nt as DEFAULT_COMMAND_PALETTE_SHORTCUT, On as DangerZone, An as DatePicker, Pn as DateRangePicker, Bn as DateTimePicker, Wn as DetailPanel, Gn as Dialog, Kn as DialogActions, qn as DividerLabel, He as DonutChart, Jn as DropdownMenu, Yn as EmptyState, Xn as ErrorBoundary, sn as FilterButton, Zn as FilterDropdown, Qn as Kbd, er as LoadingSpinner, tr as MetadataGrid, nr as MetricCard, ct as MobileDrawer, sr as OAuthButton, cr as PageHeader, lr as PageSection, ln as Pagination, dr as PaginationBar, fr as PasswordInput, pr as ProfileHeader, mr as ProseContent, We as RadarChart, Ke as RadialBarChart, hr as RadioPill, dn as ResourceTable, gr as SearchInput, J as SectionHeader, _r as Select, Y as SelectDropdown, vr as SettingRow, gt as SettingsContext, Zr as SettingsProvider, yr as SideSheet, Ft as Sidebar, X as Slider, qe as SparkLine, Sr as SplitPaneLayout, Tr as StatusDot, Er as StepProgress, Jt as THEME_MENU_EVENT, Dr as Tabs, kr as TextInput, Or as Textarea, Fr as ThemeContext, Zt as ThemeMenu, Kt as ThemePreview, $r as ThemeProvider, Ar as Timeline, St as ToastProvider, qt as Toggle, Nr as Toolbar, Mr as Tooltip, tn as TopBar, Pr as UploadDropzone, Xe as VerticalBarChart, ht as accentItems, L as cn, ft as darkThemes, U as fontOptions, zr as formatDateLong, Rr as formatDateShort, Br as formatRelative, z as handleAppShellNavigate, Ze as isAppShellPathActive, V as isLightTheme, dt as lightThemes, it as matchesCommandPaletteShortcut, Qe as navigateToPath, rt as openCommandPalette, Yt as openThemeMenu, un as sortRows, H as themeDefaults, lt as themeItems, Rt as useApplyTheme, W as useDismiss, B as useFocusTrap, G as useSettings, Ir as useTheme, xt as useToast };
+export { pn as Alert, nn as AppShell, me as AreaChart, mn as AuthCard, rn as AuthLayout, hn as AuthorByline, yt as Avatar, an as BackLink, vn as Badge, ge as BarChart, Qe as BottomNav, Lt as Breadcrumbs, q as Button, et as COMMAND_PALETTE_EVENT, Tn as CalendarGrid, En as Card, on as Checkbox, cn as ColumnPicker, Dn as Combobox, at as CommandPalette, tt as DEFAULT_COMMAND_PALETTE_SHORTCUT, On as DangerZone, An as DatePicker, Pn as DateRangePicker, Bn as DateTimePicker, Wn as DetailPanel, Gn as Dialog, Kn as DialogActions, qn as DividerLabel, Ve as DonutChart, Jn as DropdownMenu, Yn as EmptyState, Xn as ErrorBoundary, sn as FilterButton, Zn as FilterDropdown, Qn as Kbd, er as LoadingSpinner, tr as MetadataGrid, nr as MetricCard, st as MobileDrawer, sr as OAuthButton, cr as PageHeader, lr as PageSection, ln as Pagination, dr as PaginationBar, fr as PasswordInput, pr as ProfileHeader, mr as ProseContent, Ue as RadarChart, Ge as RadialBarChart, hr as RadioPill, dn as ResourceTable, gr as SearchInput, J as SectionHeader, _r as Select, Y as SelectDropdown, vr as SettingRow, ht as SettingsContext, Zr as SettingsProvider, yr as SideSheet, Ft as Sidebar, X as Slider, Ke as SparkLine, Sr as SplitPaneLayout, Tr as StatusDot, Er as StepProgress, Jt as THEME_MENU_EVENT, Dr as Tabs, kr as TextInput, Or as Textarea, Fr as ThemeContext, Zt as ThemeMenu, Kt as ThemePreview, $r as ThemeProvider, Ar as Timeline, St as ToastProvider, qt as Toggle, Nr as Toolbar, Mr as Tooltip, tn as TopBar, Pr as UploadDropzone, Ye as VerticalBarChart, mt as accentItems, R as cn, dt as darkThemes, W as fontOptions, zr as formatDateLong, Rr as formatDateShort, Br as formatRelative, B as handleAppShellNavigate, Xe as isAppShellPathActive, H as isLightTheme, ut as lightThemes, rt as matchesCommandPaletteShortcut, Ze as navigateToPath, nt as openCommandPalette, Yt as openThemeMenu, un as sortRows, U as themeDefaults, ct as themeItems, Rt as useApplyTheme, G as useDismiss, V as useFocusTrap, K as useSettings, Ir as useTheme, xt as useToast };