@leonardaustin/ui 0.1.1 → 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 j, Loader2 as te, LogOut as ne, Menu as re, Minus as ie, Monitor as ae, Moon as oe, Palette as se, PanelLeft as ce, PanelLeftDashed as le, Search as M, Settings as ue, Sun as de, UploadCloud as fe, X as N, XCircle as pe, Zap as me } from "lucide-react";
-import { createPortal as P } 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 F = {
+var L = {
 	top: 16,
 	right: 12,
 	bottom: 28,
 	left: 48
 };
-function he(e) {
+function pe(e) {
 	return e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).toFixed(1)}k` : String(e);
 }
-function ge({ data: e, height: t = 240 }) {
-	let n = s(), r = u(null), [i, a] = d(null), o = 600 - F.left - F.right, c = t - F.top - F.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 F.left + t / Math.max(e.length - 1, 1) * o;
+		return L.left + t / Math.max(e.length - 1, 1) * o;
 	}
 	function v(e) {
-		return F.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)},${F.top + c}`,
+		`${_(0)},${L.top + c}`,
 		...e.map((e, t) => `${_(t)},${v(e.value)}`),
-		`${_(e.length - 1)},${F.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 - F.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 ge({ data: e, height: t = 240 }) {
 				})]
 			}) }),
 			/* @__PURE__ */ p("text", {
-				x: F.left - 8,
-				y: F.top,
+				x: L.left - 8,
+				y: L.top,
 				textAnchor: "end",
 				dominantBaseline: "central",
 				fill: "var(--text-tertiary)",
 				fontSize: 10,
-				children: he(h)
+				children: pe(h)
 			}),
 			/* @__PURE__ */ p("text", {
-				x: F.left - 8,
-				y: F.top + c,
+				x: L.left - 8,
+				y: L.top + c,
 				textAnchor: "end",
 				dominantBaseline: "central",
 				fill: "var(--text-tertiary)",
 				fontSize: 10,
-				children: he(l)
+				children: pe(l)
 			}),
 			/* @__PURE__ */ p("line", {
-				x1: F.left,
-				y1: F.top + c,
-				x2: F.left + o,
-				y2: F.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 ge({ data: e, height: t = 240 }) {
 			i && /* @__PURE__ */ m(f, { children: [
 				/* @__PURE__ */ p("line", {
 					x1: i.x,
-					y1: F.top,
+					y1: L.top,
 					x2: i.x,
-					y2: F.top + c,
+					y2: L.top + c,
 					stroke: "var(--border-strong)",
 					strokeWidth: 1,
 					strokeDasharray: "3 3"
@@ -166,14 +166,14 @@ function ge({ data: e, height: t = 240 }) {
 }
 //#endregion
 //#region src/components/charts/BarChart.tsx
-var _e = [
+var he = [
 	1,
 	.85,
 	.7,
 	.55,
 	.45
 ];
-function ve({ 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 ve({ data: e, height: t }) {
 						height: 22,
 						fill: "var(--accent)",
 						rx: 6,
-						opacity: s ? 1 : _e[t % _e.length],
+						opacity: s ? 1 : he[t % he.length],
 						style: { transition: "all 150ms" }
 					}),
 					/* @__PURE__ */ p("text", {
@@ -239,19 +239,19 @@ function ve({ data: e, height: t }) {
 }
 //#endregion
 //#region src/lib/cn.ts
-function ye(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 = ye(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 be = new Set([
+var ve = new Set([
 	"block",
 	"contents",
 	"flex",
@@ -261,7 +261,7 @@ var be = new Set([
 	"inline-block",
 	"inline-flex",
 	"table"
-]), xe = new Set([
+]), ye = new Set([
 	"text-2xl",
 	"text-2xs",
 	"text-2xs-f",
@@ -272,16 +272,16 @@ var be = new Set([
 	"text-sm",
 	"text-xl",
 	"text-xs"
-]), Se = new Set([
+]), be = new Set([
 	"text-center",
 	"text-left",
 	"text-right"
-]), Ce = new Set(["lowercase", "uppercase"]), we = new Set([
+]), xe = new Set(["lowercase", "uppercase"]), Se = new Set([
 	"font-bold",
 	"font-medium",
 	"font-normal",
 	"font-semibold"
-]), Te = {
+]), Ce = {
 	m: [
 		"margin-top",
 		"margin-right",
@@ -306,7 +306,7 @@ var be = new Set([
 	pr: ["padding-right"],
 	pb: ["padding-bottom"],
 	pl: ["padding-left"]
-}, Ee = {
+}, we = {
 	inset: [
 		"top",
 		"right",
@@ -321,7 +321,7 @@ var be = new Set([
 	left: ["left"],
 	start: ["inset-inline-start"],
 	end: ["inset-inline-end"]
-}, De = {
+}, Te = {
 	border: [
 		"border-top-width",
 		"border-right-width",
@@ -334,7 +334,7 @@ var be = new Set([
 	"border-r": ["border-right-width"],
 	"border-b": ["border-bottom-width"],
 	"border-l": ["border-left-width"]
-}, Oe = {
+}, Ee = {
 	border: [
 		"border-top-color",
 		"border-right-color",
@@ -347,7 +347,7 @@ var be = new Set([
 	"border-r": ["border-right-color"],
 	"border-b": ["border-bottom-color"],
 	"border-l": ["border-left-color"]
-}, ke = new Set([
+}, De = new Set([
 	"border-dashed",
 	"border-dotted",
 	"border-double",
@@ -355,14 +355,14 @@ var be = new Set([
 	"border-none",
 	"border-solid"
 ]);
-function I(...e) {
-	return Ae(ye(e));
+function R(...e) {
+	return Oe(_e(e));
 }
-function Ae(e) {
+function Oe(e) {
 	let t = [], n = /* @__PURE__ */ new Map();
 	for (let r of e.split(/\s+/)) {
 		if (!r) continue;
-		let e = je(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 Ae(e) {
 		}
 		for (let n = t.length - 1; n >= 0; n--) {
 			let r = t[n];
-			r && Be(r.keys, e) && (t[n] = null);
+			r && Re(r.keys, e) && (t[n] = null);
 		}
 		t.push({
 			token: r,
@@ -382,11 +382,11 @@ function Ae(e) {
 	}
 	return t.filter((e) => !!e).map((e) => e.token).join(" ");
 }
-function je(e) {
-	let t = Me(e), n = t.pop() ?? e, r = n.startsWith("!"), i = Ne(r ? n.slice(1) : n), a = `${t.join(":")}|${r ? "!" : ""}`, o = Pe(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 Me(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 Me(e) {
 	}
 	return t.push(e.slice(r)), t;
 }
-function Ne(e) {
+function je(e) {
 	return e.startsWith("-") ? e.slice(1) : e;
 }
-function Pe(e) {
-	let t = Fe(e);
-	if (t) return [...Te[t]];
-	let n = Ie(e);
-	if (n) return [...Ee[n]];
-	let r = Le(e);
-	if (r) return [...De[r]];
-	if (be.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 (ke.has(e)) return ["border-style"];
-	let i = Re(e);
-	return i ? [...Oe[i]] : e === "rounded" || e.startsWith("rounded-") ? ["border-radius"] : e.startsWith("bg-") ? ["background"] : xe.has(e) ? ["font-size"] : Se.has(e) ? ["text-align"] : Ce.has(e) ? ["text-transform"] : e.startsWith("text-") ? ["color"] : e === "font-mono" ? ["font-family"] : we.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 Fe(e) {
-	return ze(e, Te);
+function Ne(e) {
+	return Le(e, Ce);
 }
-function Ie(e) {
-	return ze(e, Ee);
+function Pe(e) {
+	return Le(e, we);
 }
-function Le(e) {
+function Fe(e) {
 	return e === "border" ? "border" : e.match(/^(border(?:-[xytrbl])?)(?=$|-(?:0|2|4|8|\[))/)?.[1];
 }
-function Re(e) {
+function Ie(e) {
 	let t = e.match(/^(border-[xytrbl])-./);
 	return t ? t[1] : e.startsWith("border-") ? "border" : void 0;
 }
-function ze(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 Be(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 Ve = {
+var ze = {
 	"text-blue": "var(--blue)",
 	"text-green": "var(--green)",
 	"text-purple": "var(--purple)",
 	"text-yellow": "var(--yellow)",
 	"text-red": "var(--red)"
 };
-function He(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 He(e, t) {
 		};
 	});
 }
-function Ue({ segments: e, size: t = 180 }) {
-	let [n, r] = d(null), i = e.reduce((e, t) => e + t.value, 0), a = (t - 28) / 2, o = He(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 Ue({ segments: e, size: t = 180 }) {
 							cy: c,
 							r: a,
 							fill: "none",
-							stroke: Ve[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 Ue({ 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 = Ve[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 Ue({ segments: e, size: t = 180 }) {
 				type: "button",
 				onMouseEnter: () => r(t),
 				onMouseLeave: () => r(null),
-				className: I("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: Ve[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 Ue({ segments: e, size: t = 180 }) {
 }
 //#endregion
 //#region src/components/charts/RadarChart.tsx
-var We = 4;
-function Ge({ 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 Ge({ data: e, maxValue: t, size: n = 240 }) {
 			viewBox: `0 0 ${n} ${n}`,
 			className: "select-none",
 			children: [
-				Array.from({ length: We }, (t, n) => {
-					let r = (n + 1) / We * 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 Ge({ 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: I("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 Ge({ data: e, maxValue: t, size: n = 240 }) {
 }
 //#endregion
 //#region src/components/charts/RadialBarChart.tsx
-var Ke = {
+var We = {
 	"text-blue": "var(--blue)",
 	"text-green": "var(--green)",
 	"text-purple": "var(--purple)",
@@ -704,7 +704,7 @@ var Ke = {
 	"text-red": "var(--red)",
 	"text-accent": "var(--accent)"
 };
-function qe({ 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 qe({ 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 = Ke[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 qe({ segments: e, size: t = 200 }) {
 					});
 				})()]
 			}), n !== null && (() => {
-				let t = e[n], r = Math.round(t.value / t.max * 100), a = Ke[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 qe({ segments: e, size: t = 200 }) {
 					type: "button",
 					onMouseEnter: () => r(t),
 					onMouseLeave: () => r(null),
-					className: I("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: Ke[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 qe({ segments: e, size: t = 200 }) {
 }
 //#endregion
 //#region src/components/charts/SparkLine.tsx
-function Je({ 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 Je({ data: e, width: t = 60, height: n = 20, color: r }) {
 }
 //#endregion
 //#region src/components/charts/VerticalBarChart.tsx
-var Ye = [
+var qe = [
 	1,
 	.85,
 	.7,
@@ -866,33 +866,33 @@ var Ye = [
 	.45,
 	.35,
 	.25
-], L = {
+], z = {
 	top: 20,
 	right: 8,
 	bottom: 24,
 	left: 40
 };
-function Xe(e) {
+function Je(e) {
 	return e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).toFixed(1)}k` : String(e);
 }
-function Ze({ data: e, height: t = 180 }) {
-	let [n, r] = d(null), i = 600 - L.left - L.right, a = t - L.top - L.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: L.left - 6,
-				y: L.top + 4,
+				x: z.left - 6,
+				y: z.top + 4,
 				textAnchor: "end",
 				fill: "var(--text-tertiary)",
 				fontSize: 10,
-				children: Xe(o)
+				children: Je(o)
 			}),
 			/* @__PURE__ */ p("text", {
-				x: L.left - 6,
-				y: L.top + a,
+				x: z.left - 6,
+				y: z.top + a,
 				textAnchor: "end",
 				dominantBaseline: "central",
 				fill: "var(--text-tertiary)",
@@ -900,32 +900,32 @@ function Ze({ data: e, height: t = 180 }) {
 				children: "0"
 			}),
 			/* @__PURE__ */ p("line", {
-				x1: L.left,
-				y1: L.top + a,
-				x2: L.left + i,
-				y2: L.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: L.left,
-				y1: L.top + a / 2,
-				x2: L.left + i,
-				y2: L.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 = L.left + i * (s + 6), l = e.value / o * a, u = L.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: L.top,
+							y: z.top,
 							width: s,
 							height: a,
 							fill: "transparent"
@@ -937,7 +937,7 @@ function Ze({ data: e, height: t = 180 }) {
 							height: l,
 							fill: e.color ?? "var(--accent)",
 							rx: 6,
-							opacity: d ? 1 : Ye[i % Ye.length],
+							opacity: d ? 1 : qe[i % qe.length],
 							style: { transition: "all 150ms" }
 						}),
 						/* @__PURE__ */ p("text", {
@@ -965,17 +965,17 @@ function Ze({ data: e, height: t = 180 }) {
 }
 //#endregion
 //#region src/components/app-shell/navigation.ts
-function Qe(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 R(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 z(e, t) {
+function Ze(e, t) {
 	if (t) {
 		t(e);
 		return;
@@ -984,19 +984,19 @@ function z(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: I("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 = Qe(e, t);
+				let r = Xe(e, t);
 				return /* @__PURE__ */ p("li", { children: /* @__PURE__ */ m("a", {
 					href: e.path,
-					onClick: (t) => R(t, e.path, n),
+					onClick: (t) => B(t, e.path, n),
 					"aria-current": r ? "page" : void 0,
-					className: I("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,44 +1008,45 @@ 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;
-		n.current = document.activeElement;
-		let r = e.current.querySelectorAll(et);
-		r.length > 0 && r[0].focus();
-		let i = (t) => {
+		let r = e.current.ownerDocument;
+		n.current = r.activeElement;
+		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 r = n[0], i = n[n.length - 1];
-			t.shiftKey ? document.activeElement === r && (t.preventDefault(), i.focus()) : document.activeElement === i && (t.preventDefault(), r.focus());
+			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());
 		};
-		return document.addEventListener("keydown", i), () => {
-			document.removeEventListener("keydown", i), n.current instanceof HTMLElement && n.current.focus();
+		return r.addEventListener("keydown", a), () => {
+			r.removeEventListener("keydown", a), n.current instanceof HTMLElement && n.current.focus();
 		};
 	}, [t, e]);
 }
 //#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,
@@ -1053,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();
 		};
@@ -1078,7 +1079,7 @@ function ot({ items: e, eventName: t = tt, shortcut: n = nt, placeholder: r = "S
 		_(e), y(0);
 	}
 	function E(e) {
-		l?.(e), z(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);
@@ -1095,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(M, { 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",
@@ -1128,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: I("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))
 			})]
 		})]
@@ -1143,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",
@@ -1153,16 +1161,16 @@ 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();
-		};
-		return document.addEventListener("keydown", n), () => {
-			document.body.style.overflow = "", document.removeEventListener("keydown", n);
+		}, r = l.current?.ownerDocument ?? document;
+		return r.addEventListener("keydown", n), () => {
+			document.body.style.overflow = "", r.removeEventListener("keydown", n);
 		};
 	}, [e, t]), e ? /* @__PURE__ */ m("div", {
 		className: "fixed inset-0 z-40 md:hidden",
@@ -1170,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: I("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(N, { 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 = Qe(e, i);
-						return /* @__PURE__ */ p("li", { children: /* @__PURE__ */ m("a", {
-							href: e.path,
-							onClick: (n) => R(n, e.path, a, t),
-							"aria-current": n ? "page" : void 0,
-							className: I("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: oe,
+		icon: P,
 		preview: {
 			bg: "#0d0f12",
 			fg: "#2a2e38"
@@ -1217,7 +1239,7 @@ var lt = [
 	{
 		value: "light",
 		label: "Light",
-		icon: de,
+		icon: le,
 		preview: {
 			bg: "#f5f5f5",
 			fg: "#d4d4d8"
@@ -1226,7 +1248,7 @@ var lt = [
 	{
 		value: "monokai",
 		label: "Monokai",
-		icon: se,
+		icon: ie,
 		preview: {
 			bg: "#272822",
 			fg: "#3E3D32"
@@ -1235,7 +1257,7 @@ var lt = [
 	{
 		value: "solarized",
 		label: "Solarized",
-		icon: ae,
+		icon: N,
 		preview: {
 			bg: "#002B36",
 			fg: "#0A3F4C"
@@ -1244,7 +1266,7 @@ var lt = [
 	{
 		value: "cyberBrutalDark",
 		label: "Cyber Brutal Dark",
-		icon: me,
+		icon: fe,
 		preview: {
 			bg: "#050505",
 			fg: "#18181b"
@@ -1253,7 +1275,7 @@ var lt = [
 	{
 		value: "cyberBrutalLight",
 		label: "Cyber Brutal Light",
-		icon: me,
+		icon: fe,
 		preview: {
 			bg: "#e4e4e7",
 			fg: "#d4d4d8"
@@ -1268,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)), H = {
+var ut = ct.filter((e) => H(e.value)), dt = ct.filter((e) => !H(e.value)), ft = {
 	uiFont: "inter",
 	headingFont: "inter",
 	proseFont: "inter",
@@ -1307,10 +1329,10 @@ var dt = lt.filter((e) => V(e.value)), ft = lt.filter((e) => !V(e.value)), H = {
 	lineHeight: 1.4,
 	density: .22
 }, U = {
-	dark: H,
-	light: H,
-	monokai: H,
-	solarized: H,
+	dark: ft,
+	light: ft,
+	monokai: ft,
+	solarized: ft,
 	cyberBrutalDark: pt,
 	cyberBrutalLight: pt,
 	hashiTheme: {
@@ -1329,7 +1351,7 @@ var dt = lt.filter((e) => V(e.value)), ft = lt.filter((e) => !V(e.value)), H = {
 		lineHeight: 1.45,
 		density: .25
 	}
-}, mt = [
+}, W = [
 	{
 		value: "archivo-expanded",
 		label: "Archivo Expanded"
@@ -1350,7 +1372,7 @@ var dt = lt.filter((e) => V(e.value)), ft = lt.filter((e) => !V(e.value)), H = {
 		value: "system",
 		label: "System"
 	}
-], ht = [
+], mt = [
 	{
 		value: "purple",
 		color: "#7C5CFC"
@@ -1386,28 +1408,30 @@ var dt = lt.filter((e) => V(e.value)), ft = lt.filter((e) => !V(e.value)), H = {
 ];
 //#endregion
 //#region src/hooks/useDismiss.ts
-function W(e, t, n, r) {
+function G(e, t, n, r, i) {
+	let a = i?.outsideClick ?? !0;
 	o(() => {
 		if (!e) return;
 		let i = (e) => {
 			let i = e.target;
 			r?.some((e) => e.current?.contains(i)) || n.every((e) => e.current && !e.current.contains(i)) && t();
-		}, a = (e) => {
+		}, o = (e) => {
 			e.key === "Escape" && t();
 		};
-		return document.addEventListener("mousedown", i), document.addEventListener("keydown", a), () => {
-			document.removeEventListener("mousedown", i), document.removeEventListener("keydown", a);
+		return a && document.addEventListener("mousedown", i), document.addEventListener("keydown", o), () => {
+			a && document.removeEventListener("mousedown", i), document.removeEventListener("keydown", o);
 		};
 	}, [
 		e,
 		t,
 		n,
-		r
+		r,
+		a
 	]);
 }
 //#endregion
 //#region src/providers/SettingsContext.ts
-var G = n({
+var ht = n({
 	fontSize: 15,
 	setFontSize: () => {},
 	accentColor: "purple",
@@ -1459,7 +1483,7 @@ var G = n({
 //#endregion
 //#region src/hooks/useSettings.ts
 function K() {
-	return a(G);
+	return a(ht);
 }
 //#endregion
 //#region src/components/ui/Avatar.tsx
@@ -1477,9 +1501,9 @@ function vt(e) {
 	for (let n = 0; n < e.length; n++) t = e.charCodeAt(n) + ((t << 5) - t);
 	return `hsl(${Math.abs(t) % 360}, 50%, 40%)`;
 }
-function q({ 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: I("text-text-on-avatar flex shrink-0 items-center justify-center rounded-full font-semibold", gt[n], r),
+		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", {
@@ -1491,11 +1515,11 @@ function q({ name: e, src: t, size: n = "md", className: r }) {
 }
 //#endregion
 //#region src/components/ui/Toast.tsx
-var yt = n({ toast: () => {} });
-function bt() {
-	return a(yt);
+var bt = n({ toast: () => {} });
+function xt() {
+	return a(bt);
 }
-function xt({ children: e }) {
+function St({ children: e }) {
 	let [t, n] = d([]), r = u(0), a = i((e, t, i = 4e3) => {
 		let a = r.current++;
 		n((n) => [...n, {
@@ -1507,36 +1531,36 @@ function xt({ children: e }) {
 	}, []), o = i((e) => {
 		n((t) => t.filter((t) => t.id !== e));
 	}, []);
-	return /* @__PURE__ */ m(yt.Provider, {
+	return /* @__PURE__ */ m(bt.Provider, {
 		value: { toast: a },
 		children: [e, /* @__PURE__ */ p("div", {
 			className: "pointer-events-none fixed top-3 right-3 z-[100] flex flex-col gap-2",
 			"aria-live": "polite",
-			children: t.map((e) => /* @__PURE__ */ p(Tt, {
+			children: t.map((e) => /* @__PURE__ */ p(Et, {
 				toast: e,
 				onDismiss: () => o(e.id)
 			}, e.id))
 		})]
 	});
 }
-var St = {
+var Ct = {
 	success: C,
-	error: pe,
+	error: de,
 	warning: g,
-	info: j
-}, Ct = {
+	info: M
+}, wt = {
 	success: "bg-green",
 	error: "bg-red",
 	warning: "bg-yellow",
 	info: "bg-blue"
-}, wt = {
+}, Tt = {
 	success: "text-green",
 	error: "text-red",
 	warning: "text-yellow",
 	info: "text-blue"
 };
-function Tt({ toast: e, onDismiss: t }) {
-	let [n, r] = d(100), i = St[e.type], a = e.type === "error" || e.type === "warning", s = u(t);
+function Et({ toast: e, onDismiss: t }) {
+	let [n, r] = d(100), i = Ct[e.type], a = e.type === "error" || e.type === "warning", s = u(t);
 	return o(() => {
 		s.current = t;
 	}, [t]), o(() => {
@@ -1550,11 +1574,11 @@ function Tt({ 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: I("absolute top-1.5 bottom-1.5 left-0 w-[3px] rounded-md", Ct[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: I("h-4 w-4 shrink-0", wt[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
@@ -1562,7 +1586,7 @@ function Tt({ 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(N, { className: "h-3 w-3" })
+						children: /* @__PURE__ */ p(F, { className: "h-3 w-3" })
 					})
 				]
 			}),
@@ -1578,14 +1602,14 @@ function Tt({ toast: e, onDismiss: t }) {
 }
 //#endregion
 //#region src/components/app-shell/Sidebar.tsx
-var Et = 140, Dt = 400, Ot = 48;
-function kt({ item: e, collapsed: t, currentPath: n, onNavigate: r }) {
-	let i = Qe(e, n);
+var Dt = 140, Ot = 400, kt = 48;
+function At({ item: e, collapsed: t, currentPath: n, onNavigate: r }) {
+	let i = Xe(e, n);
 	return /* @__PURE__ */ m("a", {
 		href: e.path,
-		onClick: (t) => R(t, e.path, r),
+		onClick: (t) => B(t, e.path, r),
 		"aria-current": i ? "page" : void 0,
-		className: I("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: [
@@ -1601,19 +1625,23 @@ function kt({ 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
 			})
 		]
 	});
 }
-function At({ brand: e, collapsed: t }) {
+function jt({ brand: e, collapsed: t }) {
 	let n = e.icon, r = e.name.trim().charAt(0).toUpperCase();
 	return e.logo && !t ? /* @__PURE__ */ p("div", {
 		className: "flex min-w-0 items-center gap-2 px-2",
 		children: e.logo
 	}) : /* @__PURE__ */ m("div", {
-		className: I("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
@@ -1623,15 +1651,15 @@ function At({ brand: e, collapsed: t }) {
 		})]
 	});
 }
-function jt(e) {
+function Mt(e) {
 	return e.role ?? e.email;
 }
-function Mt({ collapsed: e, accounts: t, initialAccountIndex: n = 0, onAccountChange: r, onSignOut: a, signOutPath: o, signOutLabel: s = "Sign out", onNavigate: c }) {
+function Nt({ collapsed: e, accounts: t, initialAccountIndex: n = 0, onAccountChange: r, onSignOut: a, signOutPath: o, signOutLabel: s = "Sign out", onNavigate: c }) {
 	let [l, h] = d(!1), [g, _] = d(() => Math.min(n, Math.max(t.length - 1, 0))), [v, y] = d({
 		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;
@@ -1645,15 +1673,15 @@ function Mt({ collapsed: e, accounts: t, initialAccountIndex: n = 0, onAccountCh
 		_(t), r?.(e, t), h(!1);
 	}
 	function O() {
-		h(!1), a ? a() : o && z(o, c);
+		h(!1), a ? a() : o && Ze(o, c);
 	}
 	return C ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("button", {
 		ref: b,
 		onClick: T,
-		className: I("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(q, {
+		children: [/* @__PURE__ */ p(yt, {
 			name: C.name,
 			src: C.avatarSrc,
 			size: "sm"
@@ -1662,12 +1690,12 @@ function Mt({ collapsed: e, accounts: t, initialAccountIndex: n = 0, onAccountCh
 			children: [/* @__PURE__ */ p("p", {
 				className: "text-text-primary truncate text-xs leading-tight font-medium",
 				children: C.name
-			}), jt(C) && /* @__PURE__ */ p("p", {
+			}), Mt(C) && /* @__PURE__ */ p("p", {
 				className: "text-2xs text-text-tertiary truncate leading-tight",
-				children: jt(C)
+				children: Mt(C)
 			})]
 		}), /* @__PURE__ */ p(D, { className: "text-text-tertiary h-3 w-3 shrink-0" })] })]
-	}), l && P(/* @__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: {
@@ -1683,7 +1711,7 @@ function Mt({ 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(q, {
+					/* @__PURE__ */ p(yt, {
 						name: e.name,
 						src: e.avatarSrc,
 						size: "sm"
@@ -1704,17 +1732,17 @@ function Mt({ 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(ne, { 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;
 }
-function Nt({ collapsed: e, settingsPath: t, settingsLabel: n = "All Settings", onOpenSettings: r, onNavigate: a }) {
+function Pt({ collapsed: e, settingsPath: t, settingsLabel: n = "All Settings", onOpenSettings: r, onNavigate: a }) {
 	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 } = K(), { toast: T } = bt(), 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();
@@ -1724,19 +1752,19 @@ function Nt({ collapsed: e, settingsPath: t, settingsLabel: n = "All Settings",
 		}), s(!o);
 	}
 	function O() {
-		s(!1), r ? r() : t && z(t, a);
+		s(!1), r ? r() : t && Ze(t, a);
 	}
 	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("button", {
 		ref: g,
 		onClick: D,
-		className: I("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(ue, { 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 && P(/* @__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: {
@@ -1752,17 +1780,17 @@ function Nt({ collapsed: e, settingsPath: t, settingsLabel: n = "All Settings",
 				{
 					value: "dark",
 					label: "Dark",
-					Icon: oe
+					Icon: P
 				},
 				{
 					value: "light",
 					label: "Light",
-					Icon: de
+					Icon: le
 				},
 				{
 					value: "system",
 					label: "System",
-					Icon: ae
+					Icon: N
 				}
 			].map(({ value: e, label: t, Icon: n }) => /* @__PURE__ */ m("button", {
 				onClick: () => w(e),
@@ -1783,9 +1811,9 @@ function Nt({ 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: I("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 } : {}
@@ -1811,7 +1839,7 @@ function Nt({ 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(ue, { 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
 				})]
@@ -1819,61 +1847,68 @@ function Nt({ collapsed: e, settingsPath: t, settingsLabel: n = "All Settings",
 		]
 	}), document.body)] });
 }
-function Pt({ 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 } = K(), [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(Et, Math.min(n, Dt)));
+			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: I("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 ? Ot : 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", {
 				className: "border-border flex shrink-0 items-center border-b px-2",
 				style: { height: "var(--topbar-height)" },
-				children: /* @__PURE__ */ p(At, {
+				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),
-							className: "text-2xs-f text-text-tertiary hover:text-text-secondary font-label flex w-full cursor-pointer items-center justify-between px-2 font-semibold tracking-wider uppercase",
+						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",
 								paddingBottom: "0.35em"
 							},
-							children: [e.title, /* @__PURE__ */ p(w, { className: I("h-3 w-3 transition-transform", n && "-rotate-90") })]
-						}), (!n || y) && /* @__PURE__ */ p("ul", {
+							children: [/* @__PURE__ */ p("span", {
+								className: "min-w-0 flex-1",
+								children: e.title
+							}), /* @__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(kt, {
+							children: e.items.map((e) => /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p(At, {
 								item: e,
-								collapsed: y,
+								collapsed: b,
 								currentPath: g,
 								onNavigate: _
 							}) }, e.path))
@@ -1883,16 +1918,16 @@ function Pt({ navSections: e, brand: t, accounts: n = [], initialAccountIndex: r
 			}),
 			/* @__PURE__ */ m("div", {
 				className: "shrink-0 px-2 py-1.5",
-				children: [/* @__PURE__ */ p(Nt, {
-					collapsed: y,
+				children: [/* @__PURE__ */ p(Pt, {
+					collapsed: b,
 					settingsPath: l,
 					settingsLabel: f,
 					onOpenSettings: h,
 					onNavigate: _
 				}), n.length > 0 && /* @__PURE__ */ p("div", {
 					className: "border-border mt-2 border-t pt-2",
-					children: /* @__PURE__ */ p(Mt, {
-						collapsed: y,
+					children: /* @__PURE__ */ p(Nt, {
+						collapsed: b,
 						accounts: n,
 						initialAccountIndex: r,
 						onAccountChange: a,
@@ -1908,23 +1943,23 @@ function Pt({ navSections: e, brand: t, accounts: n = [], initialAccountIndex: r
 }
 //#endregion
 //#region src/components/app-shell/Breadcrumbs.tsx
-function Ft(e) {
+function It(e) {
 	return e.charAt(0).toUpperCase() + e.slice(1);
 }
-function It({ homeLabel: e = "Dashboard", labels: t = {}, parents: n = {}, currentPath: r = "/", onNavigate: i, className: a }) {
+function Lt({ homeLabel: e = "Dashboard", labels: t = {}, parents: n = {}, currentPath: r = "/", onNavigate: i, className: a }) {
 	let o = r.split("?")[0].split("/").filter(Boolean), s = [{
 		label: e,
 		path: "/"
 	}, ...o.map((e, r) => {
 		let i = o[r - 1];
 		return {
-			label: t[e] || n[i] || Ft(e),
+			label: t[e] || n[i] || It(e),
 			path: "/" + o.slice(0, r + 1).join("/")
 		};
 	})];
 	return /* @__PURE__ */ p("nav", {
 		"aria-label": "Breadcrumb",
-		className: I("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", {
@@ -1934,8 +1969,8 @@ function It({ homeLabel: e = "Dashboard", labels: t = {}, parents: n = {}, curre
 					children: e.label
 				}) : /* @__PURE__ */ p("a", {
 					href: e.path,
-					onClick: (t) => R(t, e.path, i),
-					className: I("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);
@@ -1943,26 +1978,557 @@ function It({ homeLabel: e = "Dashboard", labels: t = {}, parents: n = {}, curre
 	});
 }
 //#endregion
+//#region src/hooks/useApplyTheme.ts
+function Rt() {
+	let { setPreferredDarkTheme: e, setPreferredLightTheme: t, setColorMode: n } = K();
+	return i((r) => {
+		H(r) ? (t(r), n("light")) : (e(r), n("dark"));
+	}, [
+		e,
+		t,
+		n
+	]);
+}
+//#endregion
+//#region src/components/ui/Button.tsx
+var zt = {
+	primary: "bg-accent text-text-on-accent hover:bg-accent-hover active:bg-accent-active",
+	secondary: "bg-bg-secondary text-text-primary border border-border hover:bg-bg-hover hover:border-border-strong",
+	danger: "bg-red-muted text-red border border-transparent hover:bg-red/20",
+	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"
+}, Ut = {
+	sm: "hidden sm:inline",
+	md: "hidden md:inline",
+	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"
+	}
+}, q = r(({ variant: e = "secondary", size: t = "md", loading: n, icon: r, hideLabel: i, className: a, children: o, disabled: s, ...c }, l) => {
+	let u = e === "icon", d = i === !0 ? "sm" : i === !1 ? void 0 : i;
+	return /* @__PURE__ */ m("button", {
+		ref: l,
+		disabled: s || n,
+		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(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],
+				children: o
+			}) : o)
+		]
+	});
+});
+q.displayName = "Button";
+//#endregion
+//#region src/components/ui/SectionHeader.tsx
+function J({ children: e, as: t = "h2", className: n, border: r = !0 }) {
+	return /* @__PURE__ */ p(t, {
+		className: R("text-text-primary font-heading text-xs font-semibold", r && "border-border border-b pb-2", n),
+		children: e
+	});
+}
+//#endregion
+//#region src/hooks/useDropUp.ts
+function Gt(e, t, n) {
+	let [r, i] = d(!1);
+	return c(() => {
+		if (!e || !n.current || !t.current) return;
+		let r = t.current.getBoundingClientRect(), a = n.current.getBoundingClientRect();
+		i(window.innerHeight - r.bottom < a.height + 8);
+	}, [e]), r;
+}
+//#endregion
+//#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);
+	G(l, i(() => f(!1), []), [_]);
+	function T() {
+		if (!l) {
+			let n = e.findIndex((e) => e.value === t);
+			g(n >= 0 ? n : 0);
+		}
+		f(!l);
+	}
+	function E(r) {
+		if (!l) {
+			if (r.key === "ArrowDown" || r.key === "ArrowUp") {
+				r.preventDefault();
+				let n = e.findIndex((e) => e.value === t);
+				g(n >= 0 ? n : 0), f(!0);
+			}
+			return;
+		}
+		switch (r.key) {
+			case "ArrowDown":
+				r.preventDefault(), g((t) => Math.min(t + 1, e.length - 1));
+				break;
+			case "ArrowUp":
+				r.preventDefault(), g((e) => Math.max(e - 1, 0));
+				break;
+			case "Enter":
+				r.preventDefault(), e[h] && (n(e[h].value), f(!1));
+				break;
+			case "Escape":
+				r.preventDefault(), f(!1);
+				break;
+		}
+	}
+	return /* @__PURE__ */ m("div", {
+		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",
+			children: r
+		}), /* @__PURE__ */ m("div", {
+			className: "relative",
+			children: [
+				/* @__PURE__ */ p("button", {
+					type: "button",
+					onClick: T,
+					onKeyDown: E,
+					"aria-haspopup": "listbox",
+					"aria-expanded": l,
+					"aria-controls": l ? x : void 0,
+					"aria-activedescendant": l && h >= 0 ? `${b}-option-${h}` : void 0,
+					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: 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: 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",
+						role: "listbox",
+						children: e.map((e, r) => /* @__PURE__ */ m("li", {
+							id: `${b}-option-${r}`,
+							role: "option",
+							"aria-selected": e.value === t,
+							onClick: () => {
+								n(e.value), f(!1);
+							},
+							onMouseEnter: () => g(r),
+							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
+							}), e.value === t && /* @__PURE__ */ p(S, { className: "h-3 w-3 shrink-0" })]
+						}, e.value))
+					})
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/ui/Slider.tsx
+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: 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", {
+				className: "text-text-secondary font-label text-xs font-medium",
+				children: o
+			}), s && /* @__PURE__ */ p("span", {
+				className: "text-text-primary font-data text-xs",
+				children: r
+			})]
+		}), /* @__PURE__ */ p("input", {
+			type: "range",
+			min: e,
+			max: t,
+			step: n,
+			value: r,
+			onChange: (e) => i(Number(e.target.value)),
+			onPointerUp: a ? (e) => a(Number(e.target.value)) : void 0,
+			className: "bg-bg-tertiary [&::-webkit-slider-thumb]:bg-accent h-1.5 w-full cursor-pointer appearance-none rounded-md [&::-webkit-slider-thumb]:h-4 [&::-webkit-slider-thumb]:w-4 [&::-webkit-slider-thumb]:cursor-pointer [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:shadow-sm [&::-webkit-slider-thumb]:transition-transform [&::-webkit-slider-thumb]:duration-[100ms] [&::-webkit-slider-thumb]:hover:scale-110",
+			style: { background: `linear-gradient(to right, var(--accent) ${l}%, var(--bg-tertiary) ${l}%)` }
+		})]
+	});
+}
+//#endregion
+//#region src/components/ui/ThemePreview.tsx
+function Kt({ label: e, active: t, icon: n, preview: r, onClick: i, className: a }) {
+	return /* @__PURE__ */ m("button", {
+		type: "button",
+		onClick: i,
+		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 },
+			children: /* @__PURE__ */ p("div", {
+				className: "h-1.5 w-8 rounded-md",
+				style: { backgroundColor: r?.fg }
+			})
+		}), /* @__PURE__ */ m("div", {
+			className: "flex items-center gap-1.5",
+			children: [n && /* @__PURE__ */ p(n, { className: "h-3 w-3" }), /* @__PURE__ */ p("span", {
+				className: "text-xs font-medium",
+				children: e
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/components/ui/Toggle.tsx
+function qt({ checked: e, onChange: t, disabled: n, label: r, className: i }) {
+	return /* @__PURE__ */ m("label", {
+		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",
+			role: "switch",
+			"aria-checked": e,
+			disabled: n,
+			onClick: () => t(!e),
+			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
+			},
+			children: /* @__PURE__ */ p("span", {
+				className: "bg-control-knob absolute top-1/2 rounded-full transition-[left] duration-[100ms]",
+				style: {
+					width: 14,
+					height: 14,
+					marginTop: -7,
+					left: e ? 19 : 3,
+					boxShadow: "0 0 1px rgba(0,0,0,0.1), 2px 0 4px rgba(0,0,0,0.35)"
+				}
+			})
+		}), r && /* @__PURE__ */ p("span", {
+			className: "text-text-secondary text-xs",
+			children: r
+		})]
+	});
+}
+//#endregion
+//#region src/components/app-shell/themeMenuEvents.ts
+var Jt = "open-theme-menu";
+function Yt(e = Jt) {
+	typeof document > "u" || document.dispatchEvent(new CustomEvent(e));
+}
+//#endregion
+//#region src/components/app-shell/ThemeMenu.tsx
+var Xt = [
+	{
+		value: "dark",
+		label: "Dark",
+		Icon: P
+	},
+	{
+		value: "light",
+		label: "Light",
+		Icon: le
+	},
+	{
+		value: "system",
+		label: "System",
+		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), _ = K(), v = Rt(), { toast: y } = xt(), b = i(() => {
+		r(!1), s(!1);
+	}, []);
+	G(n, b, [g], [h], { outsideClick: !a });
+	let x = i(() => {
+		if (!h.current) return;
+		let e = h.current.getBoundingClientRect();
+		l({
+			top: e.bottom + 6,
+			right: window.innerWidth - e.right
+		});
+	}, []);
+	function S() {
+		if (n) {
+			b();
+			return;
+		}
+		x(), r(!0);
+	}
+	o(() => {
+		if (!t) return;
+		let e = () => {
+			x(), r(!0), s(!0);
+		};
+		return document.addEventListener(Jt, e), () => document.removeEventListener(Jt, e);
+	}, [t, x]), o(() => {
+		if (n) return window.addEventListener("resize", x), window.addEventListener("scroll", x, !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: 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,
+		"aria-label": "Theme settings",
+		"aria-haspopup": "dialog",
+		"aria-expanded": n,
+		title: "Theme",
+		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",
+		className: "bg-bg-tertiary border-border-strong animate-scale-in fixed z-[100] flex w-80 flex-col overflow-y-auto rounded-md border p-3 shadow-lg",
+		style: {
+			top: c.top,
+			right: c.right,
+			maxHeight: "80vh"
+		},
+		children: /* @__PURE__ */ m("div", {
+			className: "space-y-4",
+			children: [
+				/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p(J, {
+					as: "h3",
+					border: !1,
+					className: "mb-2",
+					children: "Mode"
+				}), /* @__PURE__ */ p("div", {
+					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: 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))
+				})] }),
+				/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p(J, {
+					as: "h3",
+					border: !1,
+					className: "mb-2",
+					children: "Dark themes"
+				}), /* @__PURE__ */ p("div", {
+					className: "grid grid-cols-2 gap-2",
+					children: dt.map((e) => /* @__PURE__ */ p(Kt, {
+						label: e.label,
+						icon: e.icon,
+						preview: e.preview,
+						active: T === e.value,
+						onClick: () => v(e.value)
+					}, e.value))
+				})] }),
+				/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p(J, {
+					as: "h3",
+					border: !1,
+					className: "mb-2",
+					children: "Light themes"
+				}), /* @__PURE__ */ p("div", {
+					className: "grid grid-cols-2 gap-2",
+					children: ut.map((e) => /* @__PURE__ */ p(Kt, {
+						label: e.label,
+						icon: e.icon,
+						preview: e.preview,
+						active: E === e.value,
+						onClick: () => v(e.value)
+					}, e.value))
+				})] }),
+				/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p(J, {
+					as: "h3",
+					border: !1,
+					className: "mb-2",
+					children: "Accent"
+				}), /* @__PURE__ */ p("div", {
+					className: "flex flex-wrap gap-1.5",
+					children: mt.map((e) => /* @__PURE__ */ p("button", {
+						onClick: () => O(e.value),
+						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 } : {}
+						},
+						title: e.value.charAt(0).toUpperCase() + e.value.slice(1),
+						"aria-label": e.value
+					}, e.value))
+				})] }),
+				/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p(J, {
+					as: "h3",
+					border: !1,
+					className: "mb-2",
+					children: "Fonts"
+				}), /* @__PURE__ */ m("div", {
+					className: "grid grid-cols-2 gap-2",
+					children: [
+						/* @__PURE__ */ p(Y, {
+							label: "UI / Body",
+							size: "sm",
+							options: W,
+							value: j,
+							onChange: (e) => M(e)
+						}),
+						/* @__PURE__ */ p(Y, {
+							label: "Headings",
+							size: "sm",
+							options: W,
+							value: ee,
+							onChange: (e) => te(e)
+						}),
+						/* @__PURE__ */ p(Y, {
+							label: "Prose",
+							size: "sm",
+							options: W,
+							value: ne,
+							onChange: (e) => re(e)
+						}),
+						/* @__PURE__ */ p(Y, {
+							label: "Code",
+							size: "sm",
+							options: W,
+							value: N,
+							onChange: (e) => P(e)
+						})
+					]
+				})] }),
+				/* @__PURE__ */ m("div", {
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ p(X, {
+							label: "Font size",
+							min: 11,
+							max: 18,
+							value: k,
+							onChange: A,
+							showValue: !0
+						}),
+						/* @__PURE__ */ p(X, {
+							label: "Corner radius",
+							min: 0,
+							max: 16,
+							value: ae,
+							onChange: oe,
+							showValue: !0
+						}),
+						/* @__PURE__ */ p(X, {
+							label: "Border width",
+							min: 1,
+							max: 3,
+							value: se,
+							onChange: ce,
+							showValue: !0
+						}),
+						/* @__PURE__ */ p(X, {
+							label: "Letter spacing",
+							min: 0,
+							max: .3,
+							step: .01,
+							value: le,
+							onChange: ue,
+							showValue: !0
+						}),
+						/* @__PURE__ */ p(X, {
+							label: "Line height",
+							min: 1.2,
+							max: 2,
+							step: .05,
+							value: F,
+							onChange: de,
+							showValue: !0
+						}),
+						/* @__PURE__ */ p(X, {
+							label: "Density",
+							min: .18,
+							max: .32,
+							step: .01,
+							value: fe,
+							onChange: L,
+							showValue: !0
+						})
+					]
+				}),
+				/* @__PURE__ */ p(qt, {
+					label: "Reduced motion",
+					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: !ve,
+						onClick: () => {
+							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: !_e && !ve,
+						onClick: () => {
+							ge(), y("info", "Reset to theme defaults");
+						},
+						children: "Reset"
+					})]
+				})
+			]
+		})
+	}), document.body)] });
+}
+//#endregion
 //#region src/components/app-shell/TopBar.tsx
-var Lt = [
+var Qt = [
 	"dark",
 	"light",
 	"system"
-], Rt = {
-	dark: oe,
-	light: de,
-	system: ae
-}, zt = {
+], $t = {
+	dark: P,
+	light: le,
+	system: N
+}, en = {
 	dark: "Dark",
 	light: "Light",
 	system: "System"
 };
-function Bt({ 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 } = K();
-	function h() {
-		d(Lt[(Lt.indexOf(u) + 1) % Lt.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 = Rt[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)" },
@@ -1973,59 +2539,64 @@ function Bt({ 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(re, { 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 ? le : ce, { 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(It, {
+				t !== !1 && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", { className: "bg-border hidden h-4 w-px md:block" }), /* @__PURE__ */ p(Lt, {
 					...t,
 					currentPath: a,
 					onNavigate: o
 				})] })
 			]
-		}), /* @__PURE__ */ m("div", {
-			className: "flex items-center gap-1",
-			children: [n && /* @__PURE__ */ m("button", {
-				onClick: s ?? (() => rt()),
-				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(M, { className: "h-3 w-3" }),
-					/* @__PURE__ */ p("span", {
-						className: "text-2xs",
-						children: r
-					}),
-					/* @__PURE__ */ p("kbd", {
-						className: "text-2xs font-mono opacity-60",
-						children: i.label
-					})
-				]
-			}), /* @__PURE__ */ p("button", {
-				onClick: h,
-				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: ${zt[u]}. Click to cycle.`,
-				title: zt[u],
-				children: /* @__PURE__ */ p(g, { className: "h-4 w-4" })
-			})]
+		}), /* @__PURE__ */ m("div", {
+			className: "flex items-center gap-1",
+			children: [
+				c,
+				n && /* @__PURE__ */ m("button", {
+					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(se, { className: "h-3 w-3" }),
+						/* @__PURE__ */ p("span", {
+							className: "text-2xs",
+							children: r
+						}),
+						/* @__PURE__ */ p("kbd", {
+							className: "text-2xs font-mono opacity-60",
+							children: i.label
+						})
+					]
+				}),
+				/* @__PURE__ */ p("button", {
+					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[d]}. Click to cycle.`,
+					title: en[d],
+					children: /* @__PURE__ */ p(_, { className: "h-4 w-4" })
+				}),
+				/* @__PURE__ */ p(Zt, {})
+			]
 		})]
 	});
 }
 //#endregion
 //#region src/components/app-shell/AppShell.tsx
-function Vt({ 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: I("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",
 				className: "skip-link",
 				children: "Skip to content"
 			}),
-			/* @__PURE__ */ p(Pt, {
+			/* @__PURE__ */ p(Ft, {
 				navSections: t,
 				brand: n,
 				accounts: r,
@@ -2037,51 +2608,54 @@ function Vt({ 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(Bt, {
-					onMobileMenuToggle: () => O(!0),
+				children: [/* @__PURE__ */ p(tn, {
+					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: I("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
 			})
 		]
 	});
 }
 //#endregion
 //#region src/components/app-shell/AuthLayout.tsx
-function Ht({ children: e, className: t }) {
+function rn({ children: e, className: t }) {
 	return /* @__PURE__ */ m("div", {
-		className: I("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%)" }
@@ -2090,27 +2664,27 @@ function Ht({ children: e, className: t }) {
 }
 //#endregion
 //#region src/components/app-shell/BackLink.tsx
-function Ut({ to: e, children: t, onNavigate: n, className: r }) {
+function an({ to: e, children: t, onNavigate: n, className: r }) {
 	return /* @__PURE__ */ m("a", {
 		href: e,
-		onClick: (t) => R(t, e, n),
-		className: I("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]
 	});
 }
 //#endregion
 //#region src/components/ui/Checkbox.tsx
-function Wt({ checked: e, indeterminate: t, onChange: n, label: r, disabled: i, className: a }) {
+function on({ checked: e, indeterminate: t, onChange: n, label: r, disabled: i, className: a }) {
 	let o = e || t;
 	return /* @__PURE__ */ m("label", {
-		className: I("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: I("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(ie, { 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
@@ -2119,10 +2693,10 @@ function Wt({ checked: e, indeterminate: t, onChange: n, label: r, disabled: i,
 }
 //#endregion
 //#region src/components/ui/FilterButton.tsx
-var Gt = r(function({ icon: e, children: t, className: n, ...r }, i) {
+var sn = r(function({ icon: e, children: t, className: n, ...r }, i) {
 	return /* @__PURE__ */ m("button", {
 		ref: i,
-		className: I("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",
@@ -2132,12 +2706,12 @@ var Gt = r(function({ icon: e, children: t, className: n, ...r }, i) {
 });
 //#endregion
 //#region src/components/tables/ColumnPicker.tsx
-function Kt({ columns: e, hidden: t, onToggle: n }) {
+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(Gt, {
+		children: [/* @__PURE__ */ p(sn, {
 			icon: O,
 			onClick: () => a(!r),
 			children: "Columns"
@@ -2149,7 +2723,7 @@ function Kt({ columns: e, hidden: t, onToggle: n }) {
 			}), e.map((e) => /* @__PURE__ */ m("button", {
 				onClick: () => n(e.key),
 				className: "text-text-secondary hover:text-text-primary hover:bg-bg-hover flex h-7 w-full cursor-pointer items-center gap-2.5 px-3 text-xs transition-colors duration-[100ms]",
-				children: [/* @__PURE__ */ p(Wt, {
+				children: [/* @__PURE__ */ p(on, {
 					checked: !t.has(e.key),
 					onChange: () => n(e.key)
 				}), /* @__PURE__ */ p("span", { children: e.header })]
@@ -2159,7 +2733,7 @@ function Kt({ columns: e, hidden: t, onToggle: n }) {
 }
 //#endregion
 //#region src/components/tables/Pagination.tsx
-function qt({ page: e, totalPages: t, onPageChange: n }) {
+function ln({ page: e, totalPages: t, onPageChange: n }) {
 	if (t <= 1) return null;
 	let r = [];
 	for (let n = 1; n <= t; n++) n === 1 || n === t || n >= e - 1 && n <= e + 1 ? r.push(n) : r[r.length - 1] !== "ellipsis" && r.push("ellipsis");
@@ -2178,7 +2752,7 @@ function qt({ page: e, totalPages: t, onPageChange: n }) {
 				children: "..."
 			}, `e${r}`) : /* @__PURE__ */ p("button", {
 				onClick: () => n(t),
-				className: I("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", {
@@ -2193,7 +2767,7 @@ function qt({ page: e, totalPages: t, onPageChange: n }) {
 }
 //#endregion
 //#region src/components/tables/sortRows.ts
-function Jt(e, t, n, r) {
+function un(e, t, n, r) {
 	if (!n) return e;
 	let i = t.find((e) => e.key === n)?.getValue;
 	return i ? [...e].sort((e, t) => {
@@ -2203,8 +2777,8 @@ function Jt(e, t, n, r) {
 }
 //#endregion
 //#region src/components/tables/ResourceTable.tsx
-function Yt({ data: e, columns: t, getRowId: n, onRowClick: r, emptyMessage: i = "No data", sortKey: a, sortDir: o, onSortChange: s }) {
-	let c = s !== void 0, [u, f] = d(null), [h, g] = d("asc"), v = c ? a ?? null : u, b = c ? o ?? "asc" : h, x = l(() => c ? e : Jt(e, t, v, b), [
+function dn({ data: e, columns: t, getRowId: n, onRowClick: r, emptyMessage: i = "No data", sortKey: a, sortDir: o, onSortChange: s }) {
+	let c = s !== void 0, [u, f] = d(null), [h, g] = d("asc"), v = c ? a ?? null : u, b = c ? o ?? "asc" : h, x = l(() => c ? e : un(e, t, v, b), [
 		c,
 		e,
 		t,
@@ -2226,7 +2800,7 @@ function Yt({ 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: I("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", {
@@ -2239,10 +2813,10 @@ function Yt({ 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: I("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: I("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))
@@ -2252,7 +2826,7 @@ function Yt({ data: e, columns: t, getRowId: n, onRowClick: r, emptyMessage: i =
 }
 //#endregion
 //#region src/components/ui/Alert.tsx
-var Xt = {
+var fn = {
 	success: {
 		bg: "bg-green-muted",
 		border: "border-green/30",
@@ -2268,24 +2842,24 @@ var Xt = {
 	error: {
 		bg: "bg-red-muted",
 		border: "border-red/30",
-		icon: pe,
+		icon: de,
 		iconColor: "text-red"
 	},
 	info: {
 		bg: "bg-blue-muted",
 		border: "border-blue/30",
-		icon: j,
+		icon: M,
 		iconColor: "text-blue"
 	}
 };
-function Zt({ type: e, title: t, children: n, dismissible: r, className: i }) {
+function pn({ type: e, title: t, children: n, dismissible: r, className: i }) {
 	let [a, o] = d(!1);
 	if (a) return null;
-	let s = Xt[e], c = s.icon;
+	let s = fn[e], c = s.icon;
 	return /* @__PURE__ */ m("div", {
-		className: I("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: I("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", {
@@ -2300,16 +2874,16 @@ function Zt({ 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(N, { className: "h-3 w-3" })
+				children: /* @__PURE__ */ p(F, { className: "h-3 w-3" })
 			})
 		]
 	});
 }
 //#endregion
 //#region src/components/ui/AuthCard.tsx
-function Qt({ title: e, subtitle: t, icon: n, children: r, footer: i, className: a }) {
+function mn({ title: e, subtitle: t, icon: n, children: r, footer: i, className: a }) {
 	return /* @__PURE__ */ p("div", {
-		className: I("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: [
@@ -2341,14 +2915,14 @@ function Qt({ title: e, subtitle: t, icon: n, children: r, footer: i, className:
 }
 //#endregion
 //#region src/components/ui/AuthorByline.tsx
-function $t({ name: e, meta: t, nameAppend: n, size: r = "sm", className: i }) {
+function hn({ name: e, meta: t, nameAppend: n, size: r = "sm", className: i }) {
 	return /* @__PURE__ */ m("div", {
-		className: I("flex items-center gap-2", i),
-		children: [/* @__PURE__ */ p(q, {
+		className: R("flex items-center gap-2", i),
+		children: [/* @__PURE__ */ p(yt, {
 			name: e,
 			size: "sm"
 		}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("p", {
-			className: I("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",
@@ -2358,14 +2932,14 @@ function $t({ name: e, meta: t, nameAppend: n, size: r = "sm", className: i }) {
 }
 //#endregion
 //#region src/components/ui/Badge.tsx
-var en = {
+var gn = {
 	green: "bg-green-muted text-green",
 	yellow: "bg-yellow-muted text-yellow",
 	red: "bg-red-muted text-red",
 	blue: "bg-blue-muted text-blue",
 	purple: "bg-purple-muted text-purple",
 	gray: "bg-bg-hover text-text-secondary"
-}, tn = {
+}, _n = {
 	green: "bg-green",
 	yellow: "bg-yellow",
 	red: "bg-red",
@@ -2373,73 +2947,15 @@ var en = {
 	purple: "bg-purple",
 	gray: "bg-text-tertiary"
 };
-function nn({ color: e = "gray", dot: t, children: n, className: r }) {
+function vn({ color: e = "gray", dot: t, children: n, className: r }) {
 	return /* @__PURE__ */ m("span", {
-		className: I("font-label text-2xs inline-flex items-center gap-1.5 rounded-md px-2 py-0.5 font-medium", en[e], r),
-		children: [t && /* @__PURE__ */ p("span", { className: I("h-1.5 w-1.5 rounded-full", tn[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
-//#region src/components/ui/Button.tsx
-var rn = {
-	primary: "bg-accent text-text-on-accent hover:bg-accent-hover active:bg-accent-active",
-	secondary: "bg-bg-secondary text-text-primary border border-border hover:bg-bg-hover hover:border-border-strong",
-	danger: "bg-red-muted text-red border border-transparent hover:bg-red/20",
-	ghost: "text-text-secondary hover:text-text-primary hover:bg-bg-hover",
-	icon: "text-text-tertiary hover:text-text-primary hover:bg-bg-hover"
-}, an = {
-	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"
-}, on = {
-	sm: "h-7 w-7",
-	md: "h-8 w-8",
-	lg: "h-9 w-9"
-}, sn = {
-	sm: "h-3.5 w-3.5",
-	md: "h-3.5 w-3.5",
-	lg: "h-4 w-4"
-}, cn = {
-	sm: "hidden sm:inline",
-	md: "hidden md:inline",
-	lg: "hidden lg:inline"
-}, ln = {
-	sm: {
-		sm: "px-1.5 sm:px-2.5",
-		md: "px-2 sm:px-3",
-		lg: "px-2.5 sm:px-4"
-	},
-	md: {
-		sm: "px-1.5 md:px-2.5",
-		md: "px-2 md:px-3",
-		lg: "px-2.5 md:px-4"
-	},
-	lg: {
-		sm: "px-1.5 lg:px-2.5",
-		md: "px-2 lg:px-3",
-		lg: "px-2.5 lg:px-4"
-	}
-}, J = r(({ variant: e = "secondary", size: t = "md", loading: n, icon: r, hideLabel: i, className: a, children: o, disabled: s, ...c }, l) => {
-	let u = e === "icon", d = i === !0 ? "sm" : i === !1 ? void 0 : i;
-	return /* @__PURE__ */ m("button", {
-		ref: l,
-		disabled: s || n,
-		className: I("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", rn[e], u ? on[t] : an[t], d && !u && ln[d]?.[t], a),
-		...c,
-		children: [
-			n && /* @__PURE__ */ p(te, { className: "h-3.5 w-3.5 animate-spin" }),
-			r && !n && /* @__PURE__ */ p(r, { className: sn[t] }),
-			o && (d ? /* @__PURE__ */ p("span", {
-				className: cn[d],
-				children: o
-			}) : o)
-		]
-	});
-});
-J.displayName = "Button";
-//#endregion
 //#region src/components/ui/CalendarGrid.tsx
-var un = [
+var yn = [
 	"Mo",
 	"Tu",
 	"We",
@@ -2447,7 +2963,7 @@ var un = [
 	"Fr",
 	"Sa",
 	"Su"
-], dn = [
+], bn = [
 	"January",
 	"February",
 	"March",
@@ -2461,23 +2977,23 @@ var un = [
 	"November",
 	"December"
 ];
-function Y(e, t) {
+function xn(e, t) {
 	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
 }
-function fn(e, t, n) {
+function Sn(e, t, n) {
 	if (!t || !n) return !1;
 	let r = e.getTime(), i = Math.min(t.getTime(), n.getTime()), a = Math.max(t.getTime(), n.getTime());
 	return r > i && r < a;
 }
-function pn(e, t) {
+function Cn(e, t) {
 	return new Date(e, t + 1, 0).getDate();
 }
-function mn(e, t) {
+function wn(e, t) {
 	let n = new Date(e, t, 1).getDay();
 	return n === 0 ? 6 : n - 1;
 }
-function X({ year: e, month: t, selected: n, rangeStart: r, rangeEnd: i, hoverDate: a, onSelect: o, onMonthChange: s, onHover: c, minDate: l, maxDate: f }) {
-	let h = pn(e, t), g = mn(e, t), _ = /* @__PURE__ */ new Date(), v = u(null), [y, b] = d(null);
+function Tn({ year: e, month: t, selected: n, rangeStart: r, rangeEnd: i, hoverDate: a, onSelect: o, onMonthChange: s, onHover: c, minDate: l, maxDate: f }) {
+	let h = Cn(e, t), g = wn(e, t), _ = /* @__PURE__ */ new Date(), v = u(null), [y, b] = d(null);
 	function x() {
 		return y !== null && y >= 1 && y <= h ? y : n && n.getFullYear() === e && n.getMonth() === t ? n.getDate() : r && r.getFullYear() === e && r.getMonth() === t ? r.getDate() : _.getFullYear() === e && _.getMonth() === t ? _.getDate() : 1;
 	}
@@ -2529,7 +3045,7 @@ function X({ year: e, month: t, selected: n, rangeStart: r, rangeEnd: i, hoverDa
 					className: "text-text-primary text-xs font-semibold",
 					"aria-live": "polite",
 					children: [
-						dn[t],
+						bn[t],
 						" ",
 						e
 					]
@@ -2544,24 +3060,24 @@ function X({ year: e, month: t, selected: n, rangeStart: r, rangeEnd: i, hoverDa
 			]
 		}), /* @__PURE__ */ m("div", {
 			className: "grid grid-cols-7 gap-0",
-			children: [un.map((e) => /* @__PURE__ */ p("div", {
+			children: [yn.map((e) => /* @__PURE__ */ p("div", {
 				className: "text-text-tertiary text-2xs flex h-8 items-center justify-center font-medium",
 				children: e
 			}, e)), O.map((s, u) => {
 				if (s === null) return /* @__PURE__ */ p("div", { className: "h-8" }, `empty-${u}`);
-				let d = new Date(e, t, s), m = Y(d, _), h = n ? Y(d, n) : !1, g = r ? Y(d, r) : !1, v = i ? Y(d, i) : !1, y = fn(d, r ?? null, i ?? a ?? null), b = l && d < l || f && d > f;
+				let d = new Date(e, t, s), m = xn(d, _), h = n ? xn(d, n) : !1, g = r ? xn(d, r) : !1, v = i ? xn(d, i) : !1, y = Sn(d, r ?? null, i ?? a ?? null), b = l && d < l || f && d > f;
 				return /* @__PURE__ */ p("button", {
 					type: "button",
 					"data-day": s,
 					disabled: !!b,
 					tabIndex: s === S ? 0 : -1,
-					"aria-label": `${dn[t]} ${s}, ${e}`,
+					"aria-label": `${bn[t]} ${s}, ${e}`,
 					"aria-current": m ? "date" : void 0,
 					onClick: () => o(d),
 					onKeyDown: (e) => C(e, s),
 					onMouseEnter: () => c?.(d),
 					onMouseLeave: () => c?.(null),
-					className: I("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);
 			})]
@@ -2570,9 +3086,9 @@ function X({ year: e, month: t, selected: n, rangeStart: r, rangeEnd: i, hoverDa
 }
 //#endregion
 //#region src/components/ui/Card.tsx
-function hn({ children: e, className: t, header: n, footer: r }) {
+function En({ children: e, className: t, header: n, footer: r }) {
 	return /* @__PURE__ */ m("div", {
-		className: I("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",
@@ -2591,7 +3107,7 @@ function hn({ children: e, className: t, header: n, footer: r }) {
 }
 //#endregion
 //#region src/components/ui/Combobox.tsx
-function gn({ options: e, value: t, onChange: n, placeholder: r = "Select...", label: a, className: o }) {
+function Dn({ options: e, value: t, onChange: n, placeholder: r = "Select...", label: a, className: o }) {
 	let [c, l] = d(!1), [f, h] = d(""), [g, _] = d(0), v = u(null), y = u(null), b = s(), x = e.find((e) => e.value === t), C = e.filter((e) => e.label.toLowerCase().includes(f.toLowerCase()));
 	function T(e) {
 		h(e), _(0);
@@ -2612,12 +3128,12 @@ function gn({ 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: I("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",
@@ -2631,20 +3147,20 @@ function gn({ options: e, value: t, onChange: n, placeholder: r = "Select...", l
 				/* @__PURE__ */ p("button", {
 					type: "button",
 					onClick: () => c ? l(!1) : D(),
-					className: I("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: I("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(M, { 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",
@@ -2673,7 +3189,7 @@ function gn({ options: e, value: t, onChange: n, placeholder: r = "Select...", l
 								n(e.value), l(!1);
 							},
 							onMouseEnter: () => _(r),
-							className: I("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
@@ -2687,9 +3203,9 @@ function gn({ options: e, value: t, onChange: n, placeholder: r = "Select...", l
 }
 //#endregion
 //#region src/components/ui/DangerZone.tsx
-function _n({ title: e = "Danger Zone", description: t, children: n, className: r }) {
+function On({ title: e = "Danger Zone", description: t, children: n, className: r }) {
 	return /* @__PURE__ */ m("div", {
-		className: I("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",
@@ -2704,18 +3220,8 @@ function _n({ title: e = "Danger Zone", description: t, children: n, className:
 	});
 }
 //#endregion
-//#region src/hooks/useDropUp.ts
-function vn(e, t, n) {
-	let [r, i] = d(!1);
-	return c(() => {
-		if (!e || !n.current || !t.current) return;
-		let r = t.current.getBoundingClientRect(), a = n.current.getBoundingClientRect();
-		i(window.innerHeight - r.bottom < a.height + 8);
-	}, [e]), r;
-}
-//#endregion
 //#region src/components/ui/DatePicker.tsx
-function yn(e) {
+function kn(e) {
 	return `${[
 		"Jan",
 		"Feb",
@@ -2731,9 +3237,9 @@ function yn(e) {
 		"Dec"
 	][e.getMonth()]} ${e.getDate()}, ${e.getFullYear()}`;
 }
-function bn({ label: e, value: t, onChange: n, placeholder: r = "Select date...", format: a = yn }) {
-	let [o, s] = d(!1), c = u(null), l = u(null), f = vn(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]);
+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());
+	G(o, i(() => s(!1), []), [c]);
 	function b(e) {
 		n(e), s(!1);
 	}
@@ -2754,7 +3260,7 @@ function bn({ label: e, value: t, onChange: n, placeholder: r = "Select date..."
 					onClick: S,
 					"aria-haspopup": "dialog",
 					"aria-expanded": o,
-					className: I("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
@@ -2765,8 +3271,8 @@ function bn({ label: e, value: t, onChange: n, placeholder: r = "Select date..."
 					ref: l,
 					role: "dialog",
 					"aria-label": "Choose date",
-					className: I("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(X, {
+					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,
 						selected: t,
@@ -2782,7 +3288,7 @@ function bn({ label: e, value: t, onChange: n, placeholder: r = "Select date..."
 }
 //#endregion
 //#region src/components/ui/DateRangePicker.tsx
-var xn = [
+var jn = [
 	"Jan",
 	"Feb",
 	"Mar",
@@ -2796,32 +3302,32 @@ var xn = [
 	"Nov",
 	"Dec"
 ];
-function Sn(e) {
-	return `${xn[e.getMonth()]} ${e.getDate()}, ${e.getFullYear()}`;
+function Mn(e) {
+	return `${jn[e.getMonth()]} ${e.getDate()}, ${e.getFullYear()}`;
 }
-function Cn(e) {
-	return e.start && e.end ? `${Sn(e.start)} – ${Sn(e.end)}` : e.start ? Sn(e.start) : "";
+function Nn(e) {
+	return e.start && e.end ? `${Mn(e.start)} – ${Mn(e.end)}` : e.start ? Mn(e.start) : "";
 }
-function wn({ label: e, value: t, onChange: n, placeholder: r = "Select date range..." }) {
-	let [a, o] = d(!1), s = u(null), c = u(null), l = vn(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]);
+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);
+	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 j() {
+	function M() {
 		_ === 0 ? (g(h - 1), v(11)) : v(_ - 1);
 	}
-	function te() {
+	function ee() {
 		_ === 11 ? (g(h + 1), v(0)) : v(_ + 1);
 	}
-	let ne = t.start || t.end ? Cn(t) : "";
+	let te = t.start || t.end ? Nn(t) : "";
 	return /* @__PURE__ */ m("div", {
 		className: "flex flex-col gap-1.5",
 		ref: s,
@@ -2836,8 +3342,8 @@ function wn({ label: e, value: t, onChange: n, placeholder: r = "Select date ran
 					onClick: A,
 					"aria-haspopup": "dialog",
 					"aria-expanded": a,
-					className: I("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: ne || /* @__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
 					})
@@ -2847,13 +3353,13 @@ function wn({ label: e, value: t, onChange: n, placeholder: r = "Select date ran
 					ref: c,
 					role: "dialog",
 					"aria-label": "Choose date range",
-					className: I("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: j,
+								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", {
@@ -2868,7 +3374,7 @@ function wn({ label: e, value: t, onChange: n, placeholder: r = "Select date ran
 							}),
 							/* @__PURE__ */ p("button", {
 								type: "button",
-								onClick: te,
+								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", {
@@ -2879,24 +3385,24 @@ function wn({ label: e, value: t, onChange: n, placeholder: r = "Select date ran
 						]
 					}), /* @__PURE__ */ m("div", {
 						className: "flex gap-4",
-						children: [/* @__PURE__ */ p(X, {
+						children: [/* @__PURE__ */ p(Tn, {
 							year: h,
 							month: _,
 							rangeStart: w,
 							rangeEnd: E,
 							hoverDate: S === "end" ? y : null,
-							onSelect: ee,
+							onSelect: j,
 							onMonthChange: (e, t) => {
 								g(e), v(t);
 							},
 							onHover: b
-						}), /* @__PURE__ */ p(X, {
+						}), /* @__PURE__ */ p(Tn, {
 							year: O,
 							month: k,
 							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));
 							},
@@ -2910,7 +3416,7 @@ function wn({ label: e, value: t, onChange: n, placeholder: r = "Select date ran
 }
 //#endregion
 //#region src/components/ui/DateTimePicker.tsx
-var Tn = [
+var Fn = [
 	"Jan",
 	"Feb",
 	"Mar",
@@ -2924,7 +3430,7 @@ var Tn = [
 	"Nov",
 	"Dec"
 ];
-function En(e) {
+function In(e) {
 	return e === 0 ? {
 		hour12: 12,
 		period: "AM"
@@ -2939,22 +3445,22 @@ function En(e) {
 		period: "PM"
 	};
 }
-function Dn(e, t) {
+function Ln(e, t) {
 	return t === "AM" ? e === 12 ? 0 : e : e === 12 ? 12 : e + 12;
 }
-function On(e) {
-	let t = Tn[e.getMonth()], n = e.getDate(), r = e.getFullYear(), { hour12: i, period: a } = En(e.getHours());
+function Rn(e) {
+	let t = Fn[e.getMonth()], n = e.getDate(), r = e.getFullYear(), { hour12: i, period: a } = In(e.getHours());
 	return `${t} ${n}, ${r} ${i}:${String(e.getMinutes()).padStart(2, "0")} ${a}`;
 }
-function kn(e) {
+function zn(e) {
 	return String(e).padStart(2, "0");
 }
-function An({ label: e, value: t, onChange: n, placeholder: r = "Select date & time..." }) {
-	let [a, o] = d(!1), s = u(null), c = u(null), l = vn(a, s, c), f = /* @__PURE__ */ new Date(), h = t ? En(t.getHours()) : {
+function Bn({ label: e, value: t, onChange: n, placeholder: r = "Select date & time..." }) {
+	let [a, o] = d(!1), s = u(null), c = u(null), l = Gt(a, s, c), f = /* @__PURE__ */ new Date(), h = t ? In(t.getHours()) : {
 		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 ? kn(t.getMinutes()) : "00"), [T, E] = d(h.period), [D, O] = d(t);
-	W(a, i(() => o(!1), []), [s]);
+	}, [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);
+	G(a, i(() => o(!1), []), [s]);
 	function k(e) {
 		O(e);
 	}
@@ -2964,16 +3470,16 @@ function An({ 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 = Dn(e, T);
+		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 j() {
+	function M() {
 		if (!a && t) {
 			_(t.getFullYear()), y(t.getMonth()), O(t);
-			let e = En(t.getHours());
-			S(String(e.hour12)), E(e.period), w(kn(t.getMinutes()));
+			let e = In(t.getHours());
+			S(String(e.hour12)), E(e.period), w(zn(t.getMinutes()));
 		}
 		o(!a);
 	}
@@ -2988,11 +3494,11 @@ function An({ label: e, value: t, onChange: n, placeholder: r = "Select date & t
 			children: [
 				/* @__PURE__ */ p("button", {
 					type: "button",
-					onClick: j,
+					onClick: M,
 					"aria-haspopup": "dialog",
 					"aria-expanded": a,
-					className: I("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 ? On(t) : /* @__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: t ? Rn(t) : /* @__PURE__ */ p("span", {
 						className: "text-text-disabled",
 						children: r
 					})
@@ -3002,8 +3508,8 @@ function An({ label: e, value: t, onChange: n, placeholder: r = "Select date & t
 					ref: c,
 					role: "dialog",
 					"aria-label": "Choose date and time",
-					className: I("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(X, {
+					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,
 						selected: D,
@@ -3053,21 +3559,21 @@ function An({ label: e, value: t, onChange: n, placeholder: r = "Select date & t
 									type: "button",
 									onClick: () => E("AM"),
 									"aria-pressed": T === "AM",
-									className: I("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: I("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: I("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"
 							})
 						]
@@ -3079,8 +3585,8 @@ function An({ label: e, value: t, onChange: n, placeholder: r = "Select date & t
 }
 //#endregion
 //#region src/components/ui/DetailPanel.tsx
-var jn = 360, Mn = 260, Nn = 700;
-function Pn({ open: e, onClose: t, title: n, children: r, className: a, resizable: s = !0, defaultWidth: c = jn, minWidth: l = Mn, maxWidth: f = Nn }) {
+var Vn = 360, Hn = 260, Un = 700;
+function Wn({ open: e, onClose: t, title: n, children: r, className: a, resizable: s = !0, defaultWidth: c = Vn, minWidth: l = Hn, maxWidth: f = Un }) {
 	let [h, g] = d(c), _ = u(!1), v = u(0), y = u(0);
 	o(() => {
 		if (!e) return;
@@ -3099,7 +3605,7 @@ function Pn({ open: e, onClose: t, title: n, children: r, className: a, resizabl
 		_.current = !1;
 	}, []);
 	return /* @__PURE__ */ p("div", {
-		className: I("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",
@@ -3120,7 +3626,7 @@ function Pn({ 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(N, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ p(F, { className: "h-3.5 w-3.5" })
 					})]
 				}),
 				/* @__PURE__ */ p("div", {
@@ -3133,9 +3639,9 @@ function Pn({ open: e, onClose: t, title: n, children: r, className: a, resizabl
 }
 //#endregion
 //#region src/components/ui/Dialog.tsx
-function Fn({ open: e, onClose: t, title: n, children: r, footer: i, className: a }) {
+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();
@@ -3143,14 +3649,14 @@ function Fn({ 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 ? P(/* @__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: I("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,
@@ -3166,7 +3672,7 @@ function Fn({ 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(N, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ p(F, { className: "h-4 w-4" })
 					})]
 				}),
 				r,
@@ -3177,15 +3683,15 @@ function Fn({ open: e, onClose: t, title: n, children: r, footer: i, className:
 }
 //#endregion
 //#region src/components/ui/DialogActions.tsx
-function In({ onCancel: e, onConfirm: t, cancelLabel: n = "Cancel", confirmLabel: r = "Confirm", confirmVariant: i = "primary", className: a }) {
+function Kn({ onCancel: e, onConfirm: t, cancelLabel: n = "Cancel", confirmLabel: r = "Confirm", confirmVariant: i = "primary", className: a }) {
 	return /* @__PURE__ */ m("div", {
-		className: I("flex justify-end gap-2", a),
-		children: [/* @__PURE__ */ p(J, {
+		className: R("flex justify-end gap-2", a),
+		children: [/* @__PURE__ */ p(q, {
 			variant: "ghost",
 			size: "sm",
 			onClick: e,
 			children: n
-		}), /* @__PURE__ */ p(J, {
+		}), /* @__PURE__ */ p(q, {
 			variant: i,
 			size: "sm",
 			onClick: t,
@@ -3195,9 +3701,9 @@ function In({ onCancel: e, onConfirm: t, cancelLabel: n = "Cancel", confirmLabel
 }
 //#endregion
 //#region src/components/ui/DividerLabel.tsx
-function Ln({ children: e, className: t }) {
+function qn({ children: e, className: t }) {
 	return /* @__PURE__ */ m("div", {
-		className: I("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" })
@@ -3212,7 +3718,7 @@ function Ln({ children: e, className: t }) {
 }
 //#endregion
 //#region src/components/ui/DropdownMenu.tsx
-function Rn({ trigger: e, items: t, align: n = "right" }) {
+function Jn({ trigger: e, items: t, align: n = "right" }) {
 	let [r, a] = d(!1), [s, c] = d({
 		top: 0,
 		left: 0,
@@ -3220,7 +3726,7 @@ function Rn({ 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());
@@ -3248,7 +3754,7 @@ function Rn({ trigger: e, items: t, align: n = "right" }) {
 		ref: _,
 		onClick: x,
 		children: e
-	}), r && P(/* @__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",
@@ -3271,7 +3777,7 @@ function Rn({ trigger: e, items: t, align: n = "right" }) {
 					e.onClick(), b();
 				},
 				onMouseEnter: () => g(n),
-				className: I("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",
@@ -3293,13 +3799,13 @@ function Rn({ trigger: e, items: t, align: n = "right" }) {
 }
 //#endregion
 //#region src/components/ui/EmptyState.tsx
-function zn({ icon: e, title: t, description: n, action: r, className: i }) {
+function Yn({ icon: e, title: t, description: n, action: r, className: i }) {
 	return /* @__PURE__ */ m("div", {
-		className: I("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",
@@ -3318,7 +3824,7 @@ function zn({ icon: e, title: t, description: n, action: r, className: i }) {
 }
 //#endregion
 //#region src/components/ui/ErrorBoundary.tsx
-var Bn = class extends e {
+var Xn = class extends e {
 	state = {
 		hasError: !1,
 		error: null
@@ -3344,7 +3850,7 @@ var Bn = class extends e {
 					className: "text-text-secondary mb-6 max-w-md text-xs",
 					children: this.state.error?.message ?? "An unexpected error occurred."
 				}),
-				/* @__PURE__ */ p(J, {
+				/* @__PURE__ */ p(q, {
 					variant: "secondary",
 					onClick: () => {
 						this.setState({
@@ -3360,10 +3866,10 @@ var Bn = class extends e {
 };
 //#endregion
 //#region src/components/ui/FilterDropdown.tsx
-function Vn({ icon: e, children: t, items: n, align: r, className: i }) {
-	return /* @__PURE__ */ p(Rn, {
+function Zn({ icon: e, children: t, items: n, align: r, className: i }) {
+	return /* @__PURE__ */ p(Jn, {
 		align: r,
-		trigger: /* @__PURE__ */ p(Gt, {
+		trigger: /* @__PURE__ */ p(sn, {
 			icon: e,
 			className: i,
 			children: t
@@ -3373,30 +3879,30 @@ function Vn({ icon: e, children: t, items: n, align: r, className: i }) {
 }
 //#endregion
 //#region src/components/ui/Kbd.tsx
-function Hn({ children: e, className: t }) {
+function Qn({ children: e, className: t }) {
 	return /* @__PURE__ */ p("kbd", {
-		className: I("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
 	});
 }
 //#endregion
 //#region src/components/ui/LoadingSpinner.tsx
-var Un = {
+var $n = {
 	sm: "w-4 h-4",
 	md: "w-6 h-6",
 	lg: "w-8 h-8"
 };
-function Wn({ className: e, size: t = "md" }) {
+function er({ className: e, size: t = "md" }) {
 	return /* @__PURE__ */ p("div", {
-		className: I("flex min-h-[200px] items-center justify-center", e),
-		children: /* @__PURE__ */ p(te, { className: I("text-accent animate-spin", Un[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 Gn({ items: e, labelWidth: n = "100px", className: r }) {
+function tr({ items: e, labelWidth: n = "100px", className: r }) {
 	return /* @__PURE__ */ p("div", {
-		className: I("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`
@@ -3412,11 +3918,11 @@ function Gn({ items: e, labelWidth: n = "100px", className: r }) {
 }
 //#endregion
 //#region src/components/ui/MetricCard.tsx
-function Kn({ label: e, value: t, sub: n, bar: r, icon: i, iconColor: a, className: o }) {
+function nr({ label: e, value: t, sub: n, bar: r, icon: i, iconColor: a, className: o }) {
 	return /* @__PURE__ */ m("div", {
-		className: I("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: I("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
@@ -3441,7 +3947,7 @@ function Kn({ label: e, value: t, sub: n, bar: r, icon: i, iconColor: a, classNa
 }
 //#endregion
 //#region src/components/ui/OAuthButton.tsx
-function qn() {
+function rr() {
 	return /* @__PURE__ */ m("svg", {
 		className: "h-3.5 w-3.5",
 		viewBox: "0 0 24 24",
@@ -3466,7 +3972,7 @@ function qn() {
 		]
 	});
 }
-function Jn() {
+function ir() {
 	return /* @__PURE__ */ p("svg", {
 		className: "h-3.5 w-3.5",
 		viewBox: "0 0 24 24",
@@ -3475,27 +3981,27 @@ function Jn() {
 		children: /* @__PURE__ */ p("path", { d: "M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z" })
 	});
 }
-var Yn = {
+var ar = {
 	github: "GitHub",
 	google: "Google"
-}, Xn = {
-	github: Jn,
-	google: qn
+}, or = {
+	github: ir,
+	google: rr
 };
-function Zn({ provider: e, children: t, ...n }) {
-	let r = Xn[e];
-	return /* @__PURE__ */ m(J, {
+function sr({ provider: e, children: t, ...n }) {
+	let r = or[e];
+	return /* @__PURE__ */ m(q, {
 		variant: "secondary",
 		size: "md",
 		...n,
-		children: [/* @__PURE__ */ p(r, {}), t ?? Yn[e]]
+		children: [/* @__PURE__ */ p(r, {}), t ?? ar[e]]
 	});
 }
 //#endregion
 //#region src/components/ui/PageHeader.tsx
-function Qn({ title: e, subtitle: t, actions: n, className: r }) {
+function cr({ title: e, subtitle: t, actions: n, className: r }) {
 	return /* @__PURE__ */ m("div", {
-		className: I("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
@@ -3510,11 +4016,11 @@ function Qn({ title: e, subtitle: t, actions: n, className: r }) {
 }
 //#endregion
 //#region src/components/ui/PageSection.tsx
-function $n({ title: e, description: t, actions: n, children: r, as: i = "h2", className: a, headerClassName: o, contentClassName: s }) {
+function lr({ title: e, description: t, actions: n, children: r, as: i = "h2", className: a, headerClassName: o, contentClassName: s }) {
 	return /* @__PURE__ */ m("section", {
-		className: I("space-y-4", a),
+		className: R("space-y-4", a),
 		children: [(e || t || n) && /* @__PURE__ */ m("div", {
-			className: I("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, {
@@ -3535,95 +4041,8 @@ function $n({ title: e, description: t, actions: n, children: r, as: i = "h2", c
 	});
 }
 //#endregion
-//#region src/components/ui/SelectDropdown.tsx
-function er({ 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 = vn(l, _, v), b = s(), x = `${b}-listbox`, C = e.find((e) => e.value === t);
-	W(l, i(() => f(!1), []), [_]);
-	function T() {
-		if (!l) {
-			let n = e.findIndex((e) => e.value === t);
-			g(n >= 0 ? n : 0);
-		}
-		f(!l);
-	}
-	function E(r) {
-		if (!l) {
-			if (r.key === "ArrowDown" || r.key === "ArrowUp") {
-				r.preventDefault();
-				let n = e.findIndex((e) => e.value === t);
-				g(n >= 0 ? n : 0), f(!0);
-			}
-			return;
-		}
-		switch (r.key) {
-			case "ArrowDown":
-				r.preventDefault(), g((t) => Math.min(t + 1, e.length - 1));
-				break;
-			case "ArrowUp":
-				r.preventDefault(), g((e) => Math.max(e - 1, 0));
-				break;
-			case "Enter":
-				r.preventDefault(), e[h] && (n(e[h].value), f(!1));
-				break;
-			case "Escape":
-				r.preventDefault(), f(!1);
-				break;
-		}
-	}
-	return /* @__PURE__ */ m("div", {
-		className: I("flex flex-col gap-1.5", o),
-		ref: _,
-		children: [r && /* @__PURE__ */ p("span", {
-			className: "text-text-secondary font-label text-xs font-medium",
-			children: r
-		}), /* @__PURE__ */ m("div", {
-			className: "relative",
-			children: [
-				/* @__PURE__ */ p("button", {
-					type: "button",
-					onClick: T,
-					onKeyDown: E,
-					"aria-haspopup": "listbox",
-					"aria-expanded": l,
-					"aria-controls": l ? x : void 0,
-					"aria-activedescendant": l && h >= 0 ? `${b}-option-${h}` : void 0,
-					className: I("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: I("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: I("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",
-						role: "listbox",
-						children: e.map((e, r) => /* @__PURE__ */ m("li", {
-							id: `${b}-option-${r}`,
-							role: "option",
-							"aria-selected": e.value === t,
-							onClick: () => {
-								n(e.value), f(!1);
-							},
-							onMouseEnter: () => g(r),
-							className: I("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
-							}), e.value === t && /* @__PURE__ */ p(S, { className: "h-3 w-3 shrink-0" })]
-						}, e.value))
-					})
-				})
-			]
-		})]
-	});
-}
-//#endregion
 //#region src/components/ui/PaginationBar.tsx
-var tr = [
+var ur = [
 	{
 		value: "10",
 		label: "10 per page"
@@ -3637,13 +4056,13 @@ var tr = [
 		label: "50 per page"
 	}
 ];
-function nr({ page: e, pageSize: t, total: n, pageSizeOptions: r = tr, onPageChange: i, onPageSizeChange: a, className: o }) {
+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: I("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(er, {
+			children: [/* @__PURE__ */ p(Y, {
 				size: "sm",
 				value: String(t),
 				onChange: (e) => a(Number(e)),
@@ -3659,7 +4078,7 @@ function nr({ page: e, pageSize: t, total: n, pageSizeOptions: r = tr, onPageCha
 					n
 				]
 			})]
-		}), /* @__PURE__ */ p(qt, {
+		}), /* @__PURE__ */ p(ln, {
 			page: e,
 			totalPages: s,
 			onPageChange: i
@@ -3668,7 +4087,7 @@ function nr({ page: e, pageSize: t, total: n, pageSizeOptions: r = tr, onPageCha
 }
 //#endregion
 //#region src/components/ui/PasswordInput.tsx
-var rr = r(({ label: e, error: t, className: n, id: r, ...i }, a) => {
+var fr = r(({ label: e, error: t, className: n, id: r, ...i }, a) => {
 	let o = r || e?.toLowerCase().replace(/\s+/g, "-"), [s, c] = d(!1);
 	return /* @__PURE__ */ m("div", {
 		className: "flex flex-col gap-1.5",
@@ -3688,7 +4107,7 @@ var rr = r(({ label: e, error: t, className: n, id: r, ...i }, a) => {
 				ref: a,
 				id: o,
 				type: s ? "text" : "password",
-				className: I("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",
@@ -3700,14 +4119,14 @@ var rr = r(({ label: e, error: t, className: n, id: r, ...i }, a) => {
 		})]
 	});
 });
-rr.displayName = "PasswordInput";
+fr.displayName = "PasswordInput";
 //#endregion
 //#region src/components/ui/ProfileHeader.tsx
-function ir({ name: e, subtitle: t, badge: n, meta: r, action: i, className: a }) {
+function pr({ name: e, subtitle: t, badge: n, meta: r, action: i, className: a }) {
 	return /* @__PURE__ */ m("div", {
-		className: I("flex items-start gap-4", a),
+		className: R("flex items-start gap-4", a),
 		children: [
-			/* @__PURE__ */ p(q, {
+			/* @__PURE__ */ p(yt, {
 				name: e,
 				size: "lg"
 			}),
@@ -3751,54 +4170,46 @@ function ir({ name: e, subtitle: t, badge: n, meta: r, action: i, className: a }
 }
 //#endregion
 //#region src/components/ui/ProseContent.tsx
-function ar({ children: e, className: t }) {
+function mr({ children: e, className: t }) {
 	return /* @__PURE__ */ p("div", {
-		className: I("ui-prose", t),
+		className: R("ui-prose", t),
 		children: e
 	});
 }
 //#endregion
 //#region src/components/ui/RadioPill.tsx
-function or({ options: e, value: t, onChange: n, disabled: r, className: i, "aria-label": a }) {
+function hr({ options: e, value: t, onChange: n, disabled: r, className: i, "aria-label": a }) {
 	return /* @__PURE__ */ p("div", {
 		role: "radiogroup",
 		"aria-label": a,
-		className: I("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: I("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))
 	});
 }
 //#endregion
 //#region src/components/ui/SearchInput.tsx
-function sr({ value: e, onChange: t, placeholder: n = "Search...", className: r }) {
+function gr({ value: e, onChange: t, placeholder: n = "Search...", className: r }) {
 	return /* @__PURE__ */ m("div", {
-		className: I("relative", r),
-		children: [/* @__PURE__ */ p(M, { 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: I("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")
 		})]
 	});
 }
 //#endregion
-//#region src/components/ui/SectionHeader.tsx
-function cr({ children: e, as: t = "h2", className: n, border: r = !0 }) {
-	return /* @__PURE__ */ p(t, {
-		className: I("text-text-primary font-heading text-xs font-semibold", r && "border-border border-b pb-2", n),
-		children: e
-	});
-}
-//#endregion
 //#region src/components/ui/Select.tsx
-var lr = r(({ label: e, error: t, options: n, className: r, id: i, ...a }, o) => {
+var _r = r(({ label: e, error: t, options: n, className: r, id: i, ...a }, o) => {
 	let s = i || e?.toLowerCase().replace(/\s+/g, "-");
 	return /* @__PURE__ */ m("div", {
 		className: "flex flex-col gap-1.5",
@@ -3817,7 +4228,7 @@ var lr = r(({ label: e, error: t, options: n, className: r, id: i, ...a }, o) =>
 			children: [/* @__PURE__ */ p("select", {
 				ref: o,
 				id: s,
-				className: I("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,
@@ -3827,12 +4238,12 @@ var lr = r(({ label: e, error: t, options: n, className: r, id: i, ...a }, o) =>
 		})]
 	});
 });
-lr.displayName = "Select";
+_r.displayName = "Select";
 //#endregion
 //#region src/components/ui/SettingRow.tsx
-function ur({ label: e, description: t, action: n, className: r }) {
+function vr({ label: e, description: t, action: n, className: r }) {
 	return /* @__PURE__ */ m("div", {
-		className: I("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", {
@@ -3849,38 +4260,10 @@ function ur({ label: e, description: t, action: n, className: r }) {
 	});
 }
 //#endregion
-//#region src/components/ui/Slider.tsx
-function dr({ 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: I("flex flex-col gap-1.5", c),
-		children: [(o || s) && /* @__PURE__ */ m("div", {
-			className: "flex items-center justify-between",
-			children: [o && /* @__PURE__ */ p("span", {
-				className: "text-text-secondary font-label text-xs font-medium",
-				children: o
-			}), s && /* @__PURE__ */ p("span", {
-				className: "text-text-primary font-data text-xs",
-				children: r
-			})]
-		}), /* @__PURE__ */ p("input", {
-			type: "range",
-			min: e,
-			max: t,
-			step: n,
-			value: r,
-			onChange: (e) => i(Number(e.target.value)),
-			onPointerUp: a ? (e) => a(Number(e.target.value)) : void 0,
-			className: "bg-bg-tertiary [&::-webkit-slider-thumb]:bg-accent h-1.5 w-full cursor-pointer appearance-none rounded-md [&::-webkit-slider-thumb]:h-4 [&::-webkit-slider-thumb]:w-4 [&::-webkit-slider-thumb]:cursor-pointer [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:shadow-sm [&::-webkit-slider-thumb]:transition-transform [&::-webkit-slider-thumb]:duration-[100ms] [&::-webkit-slider-thumb]:hover:scale-110",
-			style: { background: `linear-gradient(to right, var(--accent) ${l}%, var(--bg-tertiary) ${l}%)` }
-		})]
-	});
-}
-//#endregion
 //#region src/components/ui/SideSheet.tsx
-function fr({ open: e, onClose: t, title: n, children: r, footer: i, side: a = "right", widthClassName: s = "w-[360px]", className: c, contentClassName: l }) {
+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();
@@ -3888,7 +4271,7 @@ function fr({ 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 ? P(/* @__PURE__ */ m("div", {
+	}, [e, t]), e ? I(/* @__PURE__ */ m("div", {
 		className: "fixed inset-0 z-50 flex",
 		children: [
 			a === "right" && /* @__PURE__ */ p("div", {
@@ -3897,7 +4280,7 @@ function fr({ open: e, onClose: t, title: n, children: r, footer: i, side: a = "
 			}),
 			/* @__PURE__ */ m("div", {
 				ref: d,
-				className: I("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",
@@ -3912,11 +4295,11 @@ function fr({ 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(N, { className: "h-3.5 w-3.5" })
+							children: /* @__PURE__ */ p(F, { className: "h-3.5 w-3.5" })
 						})]
 					}),
 					/* @__PURE__ */ p("div", {
-						className: I("flex-1 overflow-y-auto p-3", l),
+						className: R("flex-1 overflow-y-auto p-3", l),
 						children: r
 					}),
 					i && /* @__PURE__ */ p("div", {
@@ -3934,54 +4317,54 @@ function fr({ open: e, onClose: t, title: n, children: r, footer: i, side: a = "
 }
 //#endregion
 //#region src/components/ui/SplitPaneLayout.tsx
-function pr({ children: e, direction: t = "row", className: n }) {
+function br({ children: e, direction: t = "row", className: n }) {
 	return /* @__PURE__ */ p("div", {
-		className: I("-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 mr({ children: e, className: t }) {
+function xr({ children: e, className: t }) {
 	return /* @__PURE__ */ p("div", {
-		className: I("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
 	});
 }
-var hr = Object.assign(pr, { Main: mr }), gr = {
+var Sr = Object.assign(br, { Main: xr }), Cr = {
 	active: "bg-green",
 	inactive: "bg-text-tertiary",
 	pending: "bg-yellow animate-pulse-subtle",
 	error: "bg-red"
-}, _r = {
+}, wr = {
 	active: "text-green",
 	inactive: "text-text-tertiary",
 	pending: "text-yellow",
 	error: "text-red"
 };
-function vr({ status: e, label: t, className: n }) {
+function Tr({ status: e, label: t, className: n }) {
 	return /* @__PURE__ */ m("span", {
-		className: I("inline-flex items-center gap-1.5", n),
-		children: [/* @__PURE__ */ p("span", { className: I("h-2 w-2 rounded-full", gr[e]) }), t && /* @__PURE__ */ p("span", {
-			className: I("text-xs", _r[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
 		})]
 	});
 }
 //#endregion
 //#region src/components/ui/StepProgress.tsx
-function yr({ steps: e, currentStep: t, className: n }) {
+function Er({ steps: e, currentStep: t, className: n }) {
 	return /* @__PURE__ */ p("div", {
-		className: I("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: I("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: I("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", {
@@ -3989,13 +4372,13 @@ function yr({ steps: e, currentStep: t, className: n }) {
 						children: n.description
 					})
 				]
-			}), r < e.length - 1 && /* @__PURE__ */ p("div", { className: I("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))
 	});
 }
 //#endregion
 //#region src/components/ui/Tabs.tsx
-function br({ tabs: e, defaultTab: t, value: n, onChange: r, className: i }) {
+function Dr({ tabs: e, defaultTab: t, value: n, onChange: r, className: i }) {
 	let [a, o] = d(t || e[0]?.key), c = n ?? a, l = e.find((e) => e.key === c);
 	function f(e) {
 		n === void 0 && o(e), r?.(e);
@@ -4019,7 +4402,7 @@ function br({ tabs: e, defaultTab: t, value: n, onChange: r, className: i }) {
 				"aria-controls": `${h}-panel-${e.key}`,
 				onClick: () => f(e.key),
 				onKeyDown: _,
-				className: I("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", {
@@ -4033,7 +4416,7 @@ function br({ tabs: e, defaultTab: t, value: n, onChange: r, className: i }) {
 }
 //#endregion
 //#region src/components/ui/Textarea.tsx
-var xr = r(({ label: e, error: t, showCount: n, maxLength: r, value: i, className: a, id: o, ...s }, c) => {
+var Or = r(({ label: e, error: t, showCount: n, maxLength: r, value: i, className: a, id: o, ...s }, c) => {
 	let l = o || e?.toLowerCase().replace(/\s+/g, "-"), u = typeof i == "string" ? i.length : 0;
 	return /* @__PURE__ */ m("div", {
 		className: "flex flex-col gap-1.5",
@@ -4048,7 +4431,7 @@ var xr = r(({ label: e, error: t, showCount: n, maxLength: r, value: i, classNam
 				id: l,
 				value: i,
 				maxLength: r,
-				className: I("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", {
@@ -4068,10 +4451,10 @@ var xr = r(({ label: e, error: t, showCount: n, maxLength: r, value: i, classNam
 		]
 	});
 });
-xr.displayName = "Textarea";
+Or.displayName = "Textarea";
 //#endregion
 //#region src/components/ui/TextInput.tsx
-var Sr = r(({ label: e, error: t, icon: n, className: r, id: i, readOnly: a, ...o }, s) => {
+var kr = r(({ label: e, error: t, icon: n, className: r, id: i, readOnly: a, ...o }, s) => {
 	let c = i || e?.toLowerCase().replace(/\s+/g, "-");
 	return /* @__PURE__ */ m("div", {
 		className: "flex flex-col gap-1.5",
@@ -4094,25 +4477,25 @@ var Sr = r(({ label: e, error: t, icon: n, className: r, id: i, readOnly: a, ...
 				ref: s,
 				id: c,
 				readOnly: a,
-				className: I("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
 			})]
 		})]
 	});
 });
-Sr.displayName = "TextInput";
+kr.displayName = "TextInput";
 //#endregion
 //#region src/components/ui/Timeline.tsx
-function Cr({ items: e, className: t }) {
+function Ar({ items: e, className: t }) {
 	return /* @__PURE__ */ p("div", {
-		className: I("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: I(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: I("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
@@ -4125,47 +4508,14 @@ function Cr({ items: e, className: t }) {
 	});
 }
 //#endregion
-//#region src/components/ui/Toggle.tsx
-function wr({ checked: e, onChange: t, disabled: n, label: r, className: i }) {
-	return /* @__PURE__ */ m("label", {
-		className: I("flex w-fit items-center", n ? "cursor-not-allowed opacity-40" : "cursor-pointer", i),
-		style: { gap: 10 },
-		children: [/* @__PURE__ */ p("button", {
-			type: "button",
-			role: "switch",
-			"aria-checked": e,
-			disabled: n,
-			onClick: () => t(!e),
-			className: I("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
-			},
-			children: /* @__PURE__ */ p("span", {
-				className: "bg-control-knob absolute top-1/2 rounded-full transition-[left] duration-[100ms]",
-				style: {
-					width: 14,
-					height: 14,
-					marginTop: -7,
-					left: e ? 19 : 3,
-					boxShadow: "0 0 1px rgba(0,0,0,0.1), 2px 0 4px rgba(0,0,0,0.35)"
-				}
-			})
-		}), r && /* @__PURE__ */ p("span", {
-			className: "text-text-secondary text-xs",
-			children: r
-		})]
-	});
-}
-//#endregion
 //#region src/components/ui/Tooltip.tsx
-var Tr = {
+var jr = {
 	top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
 	bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
 	left: "right-full top-1/2 -translate-y-1/2 mr-2",
 	right: "left-full top-1/2 -translate-y-1/2 ml-2"
 };
-function Er({ content: e, placement: t = "top", children: n }) {
+function Mr({ content: e, placement: t = "top", children: n }) {
 	let [r, i] = d(!1), a = s();
 	return /* @__PURE__ */ m("div", {
 		className: "relative inline-flex",
@@ -4176,7 +4526,7 @@ function Er({ content: e, placement: t = "top", children: n }) {
 		"aria-describedby": r ? a : void 0,
 		children: [n, r && /* @__PURE__ */ p("div", {
 			id: a,
-			className: I("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", Tr[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
 		})]
@@ -4184,46 +4534,23 @@ function Er({ content: e, placement: t = "top", children: n }) {
 }
 //#endregion
 //#region src/components/ui/Toolbar.tsx
-function Dr({ start: e, end: t, children: n, className: r, startClassName: i, endClassName: a }) {
+function Nr({ start: e, end: t, children: n, className: r, startClassName: i, endClassName: a }) {
 	return /* @__PURE__ */ m("div", {
-		className: I("flex items-center justify-between gap-3", r),
+		className: R("flex items-center justify-between gap-3", r),
 		children: [/* @__PURE__ */ p("div", {
-			className: I("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: I("flex items-center gap-1.5", a),
+			className: R("flex items-center gap-1.5", a),
 			children: t
 		})]
 	});
 }
 //#endregion
-//#region src/components/ui/ThemePreview.tsx
-function Or({ label: e, active: t, icon: n, preview: r, onClick: i, className: a }) {
-	return /* @__PURE__ */ m("button", {
-		type: "button",
-		onClick: i,
-		className: I("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 },
-			children: /* @__PURE__ */ p("div", {
-				className: "h-1.5 w-8 rounded-md",
-				style: { backgroundColor: r?.fg }
-			})
-		}), /* @__PURE__ */ m("div", {
-			className: "flex items-center gap-1.5",
-			children: [n && /* @__PURE__ */ p(n, { className: "h-3 w-3" }), /* @__PURE__ */ p("span", {
-				className: "text-xs font-medium",
-				children: e
-			})]
-		})]
-	});
-}
-//#endregion
 //#region src/components/ui/UploadDropzone.tsx
-function kr({ 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 }) {
+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: I("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",
@@ -4235,7 +4562,7 @@ function kr({ 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(fe, { 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",
@@ -4249,28 +4576,16 @@ function kr({ title: e = "Drag and drop files here, or click to browse", descrip
 	});
 }
 //#endregion
-//#region src/hooks/useApplyTheme.ts
-function Ar() {
-	let { setPreferredDarkTheme: e, setPreferredLightTheme: t, setColorMode: n } = K();
-	return i((r) => {
-		V(r) ? (t(r), n("light")) : (e(r), n("dark"));
-	}, [
-		e,
-		t,
-		n
-	]);
-}
-//#endregion
 //#region src/providers/ThemeContext.ts
-var jr = n({ theme: "dark" });
+var Fr = n({ theme: "dark" });
 //#endregion
 //#region src/hooks/useTheme.ts
-function Mr() {
-	return a(jr);
+function Ir() {
+	return a(Fr);
 }
 //#endregion
 //#region src/lib/formatDate.ts
-var Nr = [
+var Lr = [
 	"Jan",
 	"Feb",
 	"Mar",
@@ -4284,21 +4599,21 @@ var Nr = [
 	"Nov",
 	"Dec"
 ];
-function Pr(e) {
+function Rr(e) {
 	return (/* @__PURE__ */ new Date(e + "T00:00:00")).toLocaleDateString("en-US", {
 		month: "short",
 		day: "numeric",
 		year: "numeric"
 	});
 }
-function Fr(e) {
+function zr(e) {
 	return (/* @__PURE__ */ new Date(e + "T00:00:00")).toLocaleDateString("en-US", {
 		month: "long",
 		day: "numeric",
 		year: "numeric"
 	});
 }
-function Ir(e, t = /* @__PURE__ */ new Date()) {
+function Br(e, t = /* @__PURE__ */ new Date()) {
 	let n = t.getTime() - e.getTime(), r = Math.floor(n / 1e3);
 	if (r < 60) return "just now";
 	let i = Math.floor(r / 60);
@@ -4306,7 +4621,7 @@ function Ir(e, t = /* @__PURE__ */ new Date()) {
 	let a = Math.floor(i / 60);
 	if (a < 24) return `${a}h ago`;
 	if (Math.floor(a / 24) === 1) return "yesterday";
-	let o = `${Nr[e.getMonth()]} ${e.getDate()}`;
+	let o = `${Lr[e.getMonth()]} ${e.getDate()}`;
 	return e.getFullYear() === t.getFullYear() ? o : `${o}, ${e.getFullYear()}`;
 }
 //#endregion
@@ -4317,7 +4632,7 @@ var Z = {
 	"jetbrains-mono": "\"JetBrains Mono\", Menlo, Monaco, Consolas, monospace",
 	"pt-serif": "\"PT Serif\", Georgia, ui-serif, Cambria, \"Times New Roman\", Times, serif",
 	system: "system-ui, -apple-system, BlinkMacSystemFont, sans-serif"
-}, Lr = {
+}, Vr = {
 	purple: {
 		base: "#7C5CFC",
 		hover: "#6B4AEB",
@@ -4374,7 +4689,7 @@ var Z = {
 		muted: "rgba(99,102,241,0.15)",
 		subtle: "rgba(99,102,241,0.08)"
 	}
-}, Rr = "leonardaustin-ui-settings", zr = new Set(Object.keys(Lr)), Br = new Set(Object.keys(U)), Q = new Set(Object.keys(Z)), Vr = 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"
@@ -4382,12 +4697,12 @@ var Z = {
 function $(e, t, n, r) {
 	return typeof e != "number" || !isFinite(e) ? r : Math.min(n, Math.max(t, e));
 }
-function Hr(e) {
+function Kr(e) {
 	let t = {};
-	if (zr.has(e.accentColor) && (t.accentColor = e.accentColor), Vr.has(e.colorMode) && (t.colorMode = e.colorMode), Br.has(e.preferredDarkTheme) && !V(e.preferredDarkTheme) && (t.preferredDarkTheme = e.preferredDarkTheme), Br.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 (!Br.has(t) || !r || typeof r != "object") continue;
+			if (!Wr.has(t) || !r || typeof r != "object") continue;
 			let e = r, i = U[t];
 			n[t] = {
 				uiFont: Q.has(e.uiFont) ? e.uiFont : i.uiFont,
@@ -4410,7 +4725,7 @@ function Hr(e) {
 	}
 	return t;
 }
-var Ur = {
+var qr = {
 	accentColor: "purple",
 	sidebarCollapsed: !1,
 	sidebarWidth: 220,
@@ -4420,31 +4735,31 @@ var Ur = {
 	preferredLightTheme: "light",
 	themeOverrides: {}
 };
-function Wr(e) {
-	if (typeof localStorage > "u") return Ur;
+function Jr(e) {
+	if (typeof localStorage > "u") return qr;
 	try {
 		let t = localStorage.getItem(e);
 		if (t) return {
-			...Ur,
-			...Hr(JSON.parse(t))
+			...qr,
+			...Kr(JSON.parse(t))
 		};
 	} catch (e) {
 		console.warn("[SettingsProvider] Failed to load settings:", e);
 	}
-	return Ur;
+	return qr;
 }
-function Gr(e, t) {
+function Yr(e, t) {
 	let n = U[e] ?? U.dark;
 	return t[e] ? {
 		...n,
 		...t[e]
 	} : n;
 }
-function Kr(e, t) {
+function Xr(e, t) {
 	return e.uiFont === t.uiFont && e.headingFont === t.headingFont && e.proseFont === t.proseFont && e.controlFont === t.controlFont && e.labelFont === t.labelFont && e.navigationFont === t.navigationFont && e.dataFont === t.dataFont && e.codeFont === t.codeFont && e.fontSize === t.fontSize && e.borderRadius === t.borderRadius && e.borderWidth === t.borderWidth && e.tracking === t.tracking && e.lineHeight === t.lineHeight && e.density === t.density;
 }
-function qr({ children: e, storageKey: t = Rr }) {
-	let [n, r] = d(() => Wr(t)), [a, s] = d(() => typeof window < "u" && window.matchMedia("(prefers-color-scheme: dark)").matches);
+function Zr({ children: e, storageKey: t = Hr }) {
+	let [n, r] = d(() => Jr(t)), [a, s] = d(() => typeof window < "u" && window.matchMedia("(prefers-color-scheme: dark)").matches);
 	o(() => {
 		if (typeof window > "u") return;
 		let e = window.matchMedia("(prefers-color-scheme: dark)"), t = (e) => s(e.matches);
@@ -4455,9 +4770,9 @@ function qr({ children: e, storageKey: t = Rr }) {
 		n.preferredDarkTheme,
 		n.preferredLightTheme,
 		a
-	]), [u, f] = d(() => Gr(c, n.themeOverrides));
+	]), [u, f] = d(() => Yr(c, n.themeOverrides));
 	o(() => {
-		f(Gr(c, n.themeOverrides));
+		f(Yr(c, n.themeOverrides));
 	}, [c]);
 	let m = i((e) => {
 		r((n) => {
@@ -4474,7 +4789,7 @@ function qr({ children: e, storageKey: t = Rr }) {
 		});
 	}, [t]);
 	o(() => {
-		let e = document.documentElement, t = Lr[n.accentColor];
+		let e = document.documentElement, t = Vr[n.accentColor];
 		e.style.setProperty("--accent", t.base), e.style.setProperty("--accent-hover", t.hover), e.style.setProperty("--accent-active", t.active), e.style.setProperty("--accent-muted", t.muted), e.style.setProperty("--accent-subtle", t.subtle);
 	}, [n.accentColor]), o(() => {
 		document.documentElement.classList.toggle("reduced-motion", n.reducedMotion);
@@ -4482,7 +4797,7 @@ function qr({ children: e, storageKey: t = Rr }) {
 		let e = document.documentElement, t = u.borderRadius;
 		e.style.fontSize = `${u.fontSize / 13 * 100}%`, e.style.setProperty("--font-ui", Z[u.uiFont]), e.style.setProperty("--font-heading", Z[u.headingFont]), e.style.setProperty("--font-prose", Z[u.proseFont]), e.style.setProperty("--font-control", Z[u.controlFont]), e.style.setProperty("--font-label", Z[u.labelFont]), e.style.setProperty("--font-navigation", Z[u.navigationFont]), e.style.setProperty("--font-data", Z[u.dataFont]), e.style.setProperty("--font-code", Z[u.codeFont]), e.style.setProperty("--ui-radius", t === 0 ? "0" : `${Math.round(t * 2 / 3)}px`), e.style.setProperty("--ui-radius-md", t === 0 ? "0" : `${t}px`), e.style.setProperty("--ui-radius-lg", t === 0 ? "0" : `${Math.round(t * 4 / 3)}px`), e.style.setProperty("--ui-radius-xl", t === 0 ? "0" : `${t * 2}px`), e.style.setProperty("--ui-border-width", `${u.borderWidth}px`), e.style.setProperty("--ui-tracking", `${u.tracking}em`), e.style.setProperty("--ui-line-height", String(u.lineHeight)), e.style.setProperty("--ui-density", `${u.density}rem`);
 	}, [u]);
-	let h = l(() => Gr(c, n.themeOverrides), [c, n.themeOverrides]), g = c in n.themeOverrides, _ = !Kr(u, h), v = i(() => {
+	let h = l(() => Yr(c, n.themeOverrides), [c, n.themeOverrides]), g = c in n.themeOverrides, _ = !Xr(u, h), v = i(() => {
 		m({ themeOverrides: {
 			...n.themeOverrides,
 			[c]: { ...u }
@@ -4599,14 +4914,14 @@ function qr({ children: e, storageKey: t = Rr }) {
 		g,
 		_
 	]);
-	return /* @__PURE__ */ p(G.Provider, {
+	return /* @__PURE__ */ p(ht.Provider, {
 		value: b,
 		children: e
 	});
 }
 //#endregion
 //#region src/providers/ThemeProvider.tsx
-var Jr = {
+var Qr = {
 	dark: "",
 	light: "theme-light",
 	monokai: "theme-monokai",
@@ -4615,19 +4930,19 @@ var Jr = {
 	cyberBrutalLight: "theme-cyber-brutal-light",
 	hashiTheme: "theme-hashi"
 };
-function Yr({ children: e }) {
-	let { resolvedTheme: t } = a(G);
+function $r({ children: e }) {
+	let { resolvedTheme: t } = a(ht);
 	return o(() => {
 		let e = document.documentElement;
-		Object.values(Jr).forEach((t) => {
+		Object.values(Qr).forEach((t) => {
 			t && e.classList.remove(t);
 		});
-		let n = Jr[t];
+		let n = Qr[t];
 		n && e.classList.add(n);
-	}, [t]), /* @__PURE__ */ p(jr.Provider, {
+	}, [t]), /* @__PURE__ */ p(Fr.Provider, {
 		value: { theme: t },
 		children: e
 	});
 }
 //#endregion
-export { Zt as Alert, Vt as AppShell, ge as AreaChart, Qt as AuthCard, Ht as AuthLayout, $t as AuthorByline, q as Avatar, Ut as BackLink, nn as Badge, ve as BarChart, $e as BottomNav, It as Breadcrumbs, J as Button, tt as COMMAND_PALETTE_EVENT, X as CalendarGrid, hn as Card, Wt as Checkbox, Kt as ColumnPicker, gn as Combobox, ot as CommandPalette, nt as DEFAULT_COMMAND_PALETTE_SHORTCUT, _n as DangerZone, bn as DatePicker, wn as DateRangePicker, An as DateTimePicker, Pn as DetailPanel, Fn as Dialog, In as DialogActions, Ln as DividerLabel, Ue as DonutChart, Rn as DropdownMenu, zn as EmptyState, Bn as ErrorBoundary, Gt as FilterButton, Vn as FilterDropdown, Hn as Kbd, Wn as LoadingSpinner, Gn as MetadataGrid, Kn as MetricCard, ct as MobileDrawer, Zn as OAuthButton, Qn as PageHeader, $n as PageSection, qt as Pagination, nr as PaginationBar, rr as PasswordInput, ir as ProfileHeader, ar as ProseContent, Ge as RadarChart, qe as RadialBarChart, or as RadioPill, Yt as ResourceTable, sr as SearchInput, cr as SectionHeader, lr as Select, er as SelectDropdown, ur as SettingRow, G as SettingsContext, qr as SettingsProvider, fr as SideSheet, Pt as Sidebar, dr as Slider, Je as SparkLine, hr as SplitPaneLayout, vr as StatusDot, yr as StepProgress, br as Tabs, Sr as TextInput, xr as Textarea, jr as ThemeContext, Or as ThemePreview, Yr as ThemeProvider, Cr as Timeline, xt as ToastProvider, wr as Toggle, Dr as Toolbar, Er as Tooltip, Bt as TopBar, kr as UploadDropzone, Ze as VerticalBarChart, ht as accentItems, I as cn, ft as darkThemes, mt as fontOptions, Fr as formatDateLong, Pr as formatDateShort, Ir as formatRelative, R as handleAppShellNavigate, Qe as isAppShellPathActive, V as isLightTheme, dt as lightThemes, it as matchesCommandPaletteShortcut, z as navigateToPath, rt as openCommandPalette, Jt as sortRows, U as themeDefaults, lt as themeItems, Ar as useApplyTheme, W as useDismiss, B as useFocusTrap, K as useSettings, Mr as useTheme, bt 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 };