mgv-backoffice 1.24.0 → 1.27.0

package/dist/ui-lib.js

@@ -150,7 +150,7 @@ var De = { class: "font-medium pl-1" }, Oe = /* @__PURE__ */ d({
 			let r = C("router-link");
 			return y(), o("nav", Ae, [s("ol", je, [s("li", Me, [u(r, {
 				to: "/",
-				class: "inline-flex items-center text-sm font-medium text-gray-700 hover:text-blue-600 dark:text-gray-400 dark:hover:text-white"
+				class: "inline-flex items-center text-sm font-medium text-gray-700 hover:text-blue-600 dark:text-gray-400 dark:hover:text-white transition-colors rounded focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500"
 			}, {
 				default: M(() => [u(E(Se), { class: "h-4 w-4 text-gray-500 mr-2" }), n[0] ||= l(" Home ", -1)]),
 				_: 1
@@ -160,7 +160,7 @@ var De = { class: "font-medium pl-1" }, Oe = /* @__PURE__ */ d({
 				style: { "margin-left": "0" }
 			}, [u(E(le), { class: "h-4 w-4 text-gray-500" }), u(r, {
 				to: e.url,
-				class: "ml-1 text-sm font-medium text-gray-700 hover:text-blue-600 md:ml-2 dark:text-gray-400 dark:hover:text-white"
+				class: "ml-1 text-sm font-medium text-gray-700 hover:text-blue-600 md:ml-2 dark:text-gray-400 dark:hover:text-white transition-colors rounded focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500"
 			}, {
 				default: M(() => [l(T(e.name), 1)]),
 				_: 2
@@ -314,7 +314,7 @@ var Le = [
 					dark: "text-gray-300 border-gray-600 hover:bg-gray-800"
 				}
 			}, r = e[n.color] ?? e[z.BLUE], i = t.value ? r.dark : r.light;
-			return n.isDisable || n.isLoading ? `border bg-transparent ${i} opacity-50 cursor-not-allowed` : `focus:outline-none border bg-transparent ${i}`;
+			return n.isDisable || n.isLoading ? `border bg-transparent ${i} opacity-50 cursor-not-allowed` : `focus:outline-none focus-visible:ring-2 focus-visible:ring-current border bg-transparent ${i}`;
 		}
 		function c() {
 			let e = {
@@ -363,69 +363,71 @@ var Le = [
 					dark: "text-gray-400 hover:bg-gray-800"
 				}
 			}, r = e[n.color] ?? e[z.GRAY], i = t.value ? r.dark : r.light;
-			return n.isDisable || n.isLoading ? `bg-transparent ${i} opacity-60 cursor-not-allowed` : `focus:outline-none bg-transparent ${i} cursor-pointer`;
+			return n.isDisable || n.isLoading ? `bg-transparent ${i} opacity-60 cursor-not-allowed` : `focus:outline-none focus-visible:ring-2 focus-visible:ring-current bg-transparent ${i} cursor-pointer`;
 		}
 		function l() {
-			let e = n.isDisable || n.isLoading, t;
+			let e = n.isDisable || n.isLoading, t = "inline-flex items-center transition-colors duration-150";
+			e || (t += " cursor-pointer");
+			let i;
 			switch (n.color) {
 				case z.BLUE:
-					t = e ? "text-white bg-blue-400 cursor-not-allowed" : "focus:outline-none text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300";
+					i = e ? "text-white bg-blue-400 cursor-not-allowed" : "focus:outline-none text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300";
 					break;
 				case z.WHITE:
-					t = e ? "text-gray-900 bg-gray-200 border border-gray-200 cursor-not-allowed" : "focus:outline-none text-gray-900 bg-white border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-200";
+					i = e ? "text-gray-900 bg-gray-200 border border-gray-200 cursor-not-allowed" : "focus:outline-none text-gray-900 bg-white border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-200";
 					break;
 				case z.DARK:
-					t = e ? "text-white bg-gray-400 cursor-not-allowed" : "focus:outline-none text-white bg-gray-800 hover:bg-gray-900 focus:ring-4 focus:ring-gray-300";
+					i = e ? "text-white bg-gray-400 cursor-not-allowed" : "focus:outline-none text-white bg-gray-800 hover:bg-gray-900 focus:ring-4 focus:ring-gray-300";
 					break;
 				case z.GREEN:
-					t = e ? "text-white bg-green-400 cursor-not-allowed" : "focus:outline-none text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:ring-green-300";
+					i = e ? "text-white bg-green-400 cursor-not-allowed" : "focus:outline-none text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:ring-green-300";
 					break;
 				case z.EMERALD:
-					t = e ? "text-white bg-emerald-400 cursor-not-allowed" : "focus:outline-none text-white bg-emerald-600 hover:bg-emerald-700 focus:ring-4 focus:ring-emerald-300";
+					i = e ? "text-white bg-emerald-400 cursor-not-allowed" : "focus:outline-none text-white bg-emerald-600 hover:bg-emerald-700 focus:ring-4 focus:ring-emerald-300";
 					break;
 				case z.RED:
-					t = e ? "text-white bg-red-400 cursor-not-allowed" : "focus:outline-none text-white bg-red-700 hover:bg-red-800 focus:ring-4 focus:ring-red-300";
+					i = e ? "text-white bg-red-400 cursor-not-allowed" : "focus:outline-none text-white bg-red-700 hover:bg-red-800 focus:ring-4 focus:ring-red-300";
 					break;
 				case z.YELLOW:
-					t = e ? "text-white bg-yellow-300 cursor-not-allowed" : "focus:outline-none text-white bg-yellow-400 hover:bg-yellow-500 focus:ring-4 focus:ring-yellow-300";
+					i = e ? "text-white bg-yellow-300 cursor-not-allowed" : "focus:outline-none text-white bg-yellow-400 hover:bg-yellow-500 focus:ring-4 focus:ring-yellow-300";
 					break;
 				case z.PURPLE:
-					t = e ? "text-white bg-purple-400 cursor-not-allowed" : "focus:outline-none text-white bg-purple-700 hover:bg-purple-800 focus:ring-4 focus:ring-purple-300";
+					i = e ? "text-white bg-purple-400 cursor-not-allowed" : "focus:outline-none text-white bg-purple-700 hover:bg-purple-800 focus:ring-4 focus:ring-purple-300";
 					break;
 				case z.SKY:
-					t = e ? "text-white bg-sky-400 cursor-not-allowed" : "focus:outline-none text-white bg-sky-600 hover:bg-sky-700 focus:ring-4 focus:ring-sky-300";
+					i = e ? "text-white bg-sky-400 cursor-not-allowed" : "focus:outline-none text-white bg-sky-600 hover:bg-sky-700 focus:ring-4 focus:ring-sky-300";
 					break;
 				case z.AMBER:
-					t = e ? "text-white bg-amber-300 cursor-not-allowed" : "focus:outline-none text-white bg-amber-500 hover:bg-amber-600 focus:ring-4 focus:ring-amber-300";
+					i = e ? "text-white bg-amber-300 cursor-not-allowed" : "focus:outline-none text-white bg-amber-500 hover:bg-amber-600 focus:ring-4 focus:ring-amber-300";
 					break;
 				case z.GRAY:
-					t = e ? "text-white bg-gray-400 cursor-not-allowed" : "focus:outline-none text-white bg-gray-600 hover:bg-gray-700 focus:ring-4 focus:ring-gray-300";
+					i = e ? "text-white bg-gray-400 cursor-not-allowed" : "focus:outline-none text-white bg-gray-600 hover:bg-gray-700 focus:ring-4 focus:ring-gray-300";
 					break;
 				default:
-					t = e ? "text-white bg-blue-400 cursor-not-allowed" : "focus:outline-none text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300";
+					i = e ? "text-white bg-blue-400 cursor-not-allowed" : "focus:outline-none text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300";
 					break;
 			}
-			n.outline && (t = r()), n.ghost && (t = c());
-			let i = "px-5 py-2.5 mr-2 mb-2 text-sm";
+			n.outline && (i = r()), n.ghost && (i = c());
+			let a = "px-5 py-2.5 mr-2 mb-2 text-sm";
 			switch (n.size) {
 				case B.EXTRA_SMALL:
-					i = "px-3 py-2 text-xs";
+					a = "px-3 py-2 text-xs";
 					break;
 				case B.SMALL:
-					i = "px-3 py-2 text-sm";
+					a = "px-3 py-2 text-sm";
 					break;
 				case B.BASE:
-					i = "px-5 py-2.5 text-sm";
+					a = "px-5 py-2.5 text-sm";
 					break;
 				case B.LARGE:
-					i = "px-5 py-3 text-base";
+					a = "px-5 py-3 text-base";
 					break;
 				case B.EXTRA_LARGE:
-					i = "px-6 py-3.5 text-base";
+					a = "px-6 py-3.5 text-base";
 					break;
 			}
-			let a = "rounded-lg";
-			return n.isRounded && (a = "rounded-full"), "inline-flex items-center " + i + " " + t + " font-medium " + a;
+			let o = "rounded-lg";
+			return n.isRounded && (o = "rounded-full"), t + " " + a + " " + i + " font-medium " + o;
 		}
 		return (t, r) => {
 			let c = C("router-link");
@@ -1033,7 +1035,7 @@ var Le = [
 	}
 }), gt = {
 	key: 0,
-	class: "font-bold text-green-800"
+	class: "font-bold text-green-800 dark:text-green-400"
 }, _t = { key: 0 }, vt = { key: 0 }, yt = "font-bold", bt = /* @__PURE__ */ d({
 	__name: "EuroAmount",
 	props: {
@@ -1056,13 +1058,18 @@ var Le = [
 		let n = t, i = r(() => n.amount !== null && n.amount !== void 0), s = r(() => i.value && n.amount < 0), c = r(() => n.beforeAmount === null || n.beforeAmount === void 0 ? !1 : n.amount < n.beforeAmount), u = r(() => s.value || c.value), d = r(() => !s.value && !c.value && !(n.beforeAmount === null || n.beforeAmount === void 0));
 		return (n, r) => (y(), o(e, null, [i.value && d.value ? (y(), o("span", gt, [l(T(t.amount) + " ", 1), t.showCurrency ? (y(), o("span", _t, "€")) : a("", !0)])) : a("", !0), i.value && !d.value ? (y(), o("span", {
 			key: 1,
-			class: m([yt, u.value ? "text-red-800" : "text-gray-800"])
+			class: m([yt, u.value ? "text-red-800 dark:text-red-400" : "text-gray-800 dark:text-gray-200"])
 		}, [l(T(t.amount) + " ", 1), t.showCurrency ? (y(), o("span", vt, "€")) : a("", !0)], 2)) : a("", !0)], 64));
 	}
-}), xt = { class: "flex list-none p-0 m-0" }, St = ["onClick", "onKeydown"], Ct = {
+}), xt = { "aria-label": "Pagination" }, St = { class: "flex list-none p-0 m-0" }, Ct = [
+	"aria-current",
+	"aria-label",
+	"onClick"
+], wt = {
 	key: 1,
-	class: "inline-block border border-gray-300 rounded-lg p-3 text-black cursor-not-allowed"
-}, wt = /* @__PURE__ */ d({
+	"aria-hidden": "true",
+	class: "inline-block border border-gray-300 dark:border-gray-600 rounded-lg p-3 text-black dark:text-gray-200 cursor-not-allowed"
+}, Tt = /* @__PURE__ */ d({
 	__name: "Pagination",
 	props: {
 		totalItems: {
@@ -1092,28 +1099,28 @@ var Le = [
 		}
 		return j(() => [r.totalItems, r.itemsPerPage], () => {
 			a.value = Math.ceil(r.totalItems / r.itemsPerPage), i.value > a.value && (i.value = Math.max(1, a.value)), u(i.value);
-		}, { immediate: !0 }), (t, n) => (y(), o("div", null, [s("ul", xt, [(y(!0), o(e, null, x(c.value, (e, t) => (y(), o("li", {
+		}, { immediate: !0 }), (t, n) => (y(), o("nav", xt, [s("ul", St, [(y(!0), o(e, null, x(c.value, (e, t) => (y(), o("li", {
 			key: t,
 			class: "mr-1"
-		}, [e === 0 ? (y(), o("span", Ct, "...")) : (y(), o("a", {
+		}, [e === 0 ? (y(), o("span", wt, "...")) : (y(), o("button", {
 			key: 0,
-			role: "button",
-			tabindex: "0",
+			type: "button",
+			"aria-current": e === i.value ? "page" : void 0,
+			"aria-label": `Go to page ${e}`,
 			onClick: (t) => d(e),
-			onKeydown: P((t) => d(e), ["enter"]),
-			class: m(["inline-block border border-gray-300 rounded-lg p-3 no-underline text-black cursor-pointer hover:bg-gray-300", { "active font-bold bg-gray-200": e === i.value }])
-		}, T(e), 43, St))]))), 128))])]));
+			class: m(["inline-block min-w-[44px] border border-gray-300 dark:border-gray-600 rounded-lg p-3 text-black dark:text-gray-200 cursor-pointer transition-colors hover:bg-gray-300 dark:hover:bg-gray-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500", { "active font-bold bg-gray-200 dark:bg-gray-700": e === i.value }])
+		}, T(e), 11, Ct))]))), 128))])]));
 	}
-}), Tt = { key: 0 }, Et = {
+}), Et = { key: 0 }, Dt = {
 	key: 0,
 	class: "flex items-center space-x-2"
-}, Dt = {
+}, Ot = {
 	key: 1,
 	class: "flex items-center space-x-2"
-}, Ot = {
+}, kt = {
 	key: 2,
 	class: "flex items-center space-x-2"
-}, kt = /* @__PURE__ */ d({
+}, At = /* @__PURE__ */ d({
 	__name: "TrendArrow",
 	props: {
 		number: {
@@ -1127,13 +1134,13 @@ var Le = [
 	},
 	setup(e) {
 		let t = e, n = r(() => t.number !== null && t.number !== void 0 && t.number < 0), i = r(() => t.number === 0);
-		return (r, s) => e.number !== null && e.number !== void 0 ? (y(), o("div", Tt, [n.value ? (y(), o("span", Et, [u(R, { color: E(L).RED }, {
+		return (r, s) => e.number !== null && e.number !== void 0 ? (y(), o("div", Et, [n.value ? (y(), o("span", Dt, [u(R, { color: E(L).RED }, {
 			default: M(() => [l(T(e.number) + T(t.icon), 1)]),
 			_: 1
-		}, 8, ["color"]), u(E(te), { class: "h-5 w-5 text-red-500" })])) : i.value ? (y(), o("span", Dt, [u(R, { color: E(L).GRAY }, {
+		}, 8, ["color"]), u(E(te), { class: "h-5 w-5 text-red-500" })])) : i.value ? (y(), o("span", Ot, [u(R, { color: E(L).GRAY }, {
 			default: M(() => [l(T(e.number) + T(t.icon), 1)]),
 			_: 1
-		}, 8, ["color"]), u(E(ve), { class: "h-5 w-5 text-gray-400" })])) : (y(), o("span", Ot, [u(R, { color: E(L).GREEN }, {
+		}, 8, ["color"]), u(E(ve), { class: "h-5 w-5 text-gray-400" })])) : (y(), o("span", kt, [u(R, { color: E(L).GREEN }, {
 			default: M(() => [l(T(e.number) + T(t.icon), 1)]),
 			_: 1
 		}, 8, ["color"]), u(E(ne), { class: "h-5 w-5 text-green-500" })]))])) : a("", !0);
@@ -1177,7 +1184,7 @@ function Y(e) {
 }
 //#endregion
 //#region src/components/BaseModalShell.vue?vue&type=script&setup=true&lang.ts
-var At = { class: "flex items-start gap-4 min-w-0" }, jt = { class: "flex-1 min-w-0" }, Mt = { class: "p-6 overflow-y-auto flex-1" }, Nt = { class: "p-6" }, Pt = { class: "flex items-start gap-4" }, Ft = { class: "flex-1" }, It = { class: "mt-4" }, Lt = { class: "mt-6 flex gap-3 justify-end" }, Rt = /* @__PURE__ */ d({
+var jt = { class: "flex items-start gap-4 min-w-0" }, Mt = { class: "flex-1 min-w-0" }, Nt = { class: "p-6 overflow-y-auto flex-1" }, Pt = { class: "p-6" }, Ft = { class: "flex items-start gap-4" }, It = { class: "flex-1" }, Lt = { class: "mt-4" }, Rt = { class: "mt-6 flex gap-3 justify-end" }, zt = /* @__PURE__ */ d({
 	__name: "BaseModalShell",
 	props: {
 		title: {},
@@ -1211,14 +1218,14 @@ var At = { class: "flex items-start gap-4 min-w-0" }, jt = { class: "flex-1 min-
 			class: m(["relative w-full mx-4 rounded-lg shadow-xl max-h-[90vh] flex flex-col", [e.maxWidthClass, p.value]]),
 			onClick: r[0] ||= F(() => {}, ["stop"])
 		}, [
-			s("div", { class: m(["flex items-start justify-between gap-4 p-6 border-b shrink-0", E(d).border]) }, [s("div", At, [S(n.$slots, "icon"), s("div", jt, [s("h3", {
+			s("div", { class: m(["flex items-start justify-between gap-4 p-6 border-b shrink-0", E(d).border]) }, [s("div", jt, [S(n.$slots, "icon"), s("div", Mt, [s("h3", {
 				id: f,
 				class: m(["text-lg font-medium", E(d).primaryText])
 			}, T(e.title), 3), e.subtitle ? (y(), o("p", {
 				key: 0,
 				class: m(["text-sm mt-1 break-all", E(d).mutedText])
 			}, T(e.subtitle), 3)) : a("", !0)])]), S(n.$slots, "header-actions")], 2),
-			s("div", Mt, [S(n.$slots, "default")]),
+			s("div", Nt, [S(n.$slots, "default")]),
 			n.$slots.footer ? (y(), o("div", {
 				key: 0,
 				class: m(["flex gap-3 justify-end p-6 border-t shrink-0", E(d).border])
@@ -1227,16 +1234,16 @@ var At = { class: "flex items-start gap-4 min-w-0" }, jt = { class: "flex-1 min-
 			key: 1,
 			class: m(["relative w-full mx-4 rounded-lg shadow-xl", [e.maxWidthClass, p.value]]),
 			onClick: r[1] ||= F(() => {}, ["stop"])
-		}, [s("div", Nt, [
-			s("div", Pt, [S(n.$slots, "icon"), s("div", Ft, [s("h3", {
+		}, [s("div", Pt, [
+			s("div", Ft, [S(n.$slots, "icon"), s("div", It, [s("h3", {
 				id: f,
 				class: m(["text-lg font-medium", E(d).primaryText])
 			}, T(e.title), 3)])]),
-			s("div", It, [S(n.$slots, "default")]),
-			s("div", Lt, [S(n.$slots, "footer")])
+			s("div", Lt, [S(n.$slots, "default")]),
+			s("div", Rt, [S(n.$slots, "footer")])
 		])], 2))])]));
 	}
-}), zt = ["aria-expanded"], Bt = { class: "flex items-center gap-3" }, Vt = /* @__PURE__ */ d({
+}), Bt = ["aria-expanded"], Vt = { class: "flex items-center gap-3" }, Ht = /* @__PURE__ */ d({
 	__name: "BaseCollapsibleSection",
 	props: {
 		title: {},
@@ -1247,12 +1254,12 @@ var At = { class: "flex items-start gap-4 min-w-0" }, jt = { class: "flex-1 min-
 	emits: ["toggle"],
 	setup(e, { emit: t }) {
 		let n = e, i = t, { isDark: c } = U(), l = J(), u = r(() => c.value ? "text-gray-100" : "text-gray-700"), d = r(() => c.value ? "bg-gray-800/50 hover:bg-gray-800 border-gray-700" : "bg-gray-50 hover:bg-gray-100 border-gray-200"), f = r(() => c.value ? "bg-emerald-500/15 text-emerald-400" : "bg-emerald-50 text-emerald-700"), p = r(() => n.bodyClass === void 0 ? c.value ? "bg-gray-800" : "bg-white" : n.bodyClass);
-		return (t, n) => (y(), o("section", { class: m(["rounded-xl border overflow-hidden transition-colors", E(l).cardAlt]) }, [s("button", {
+		return (t, n) => (y(), o("section", { class: m(["rounded-xl border transition-colors", E(l).cardAlt]) }, [s("button", {
 			type: "button",
-			class: m(["w-full flex items-center justify-between p-4 text-left transition-colors", d.value]),
+			class: m(["w-full flex items-center justify-between p-4 text-left transition-colors cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-emerald-500", [d.value, e.collapsed ? "rounded-xl" : "rounded-t-xl"]]),
 			"aria-expanded": !e.collapsed,
 			onClick: n[0] ||= (e) => i("toggle")
-		}, [s("div", Bt, [s("h2", { class: m(["text-base font-semibold", u.value]) }, T(e.title), 3), e.badge ? (y(), o("span", {
+		}, [s("div", Vt, [s("h2", { class: m(["text-base font-semibold", u.value]) }, T(e.title), 3), e.badge ? (y(), o("span", {
 			key: 0,
 			class: m(["text-xs px-2 py-0.5 rounded-full", f.value])
 		}, T(e.badge), 3)) : a("", !0)]), (y(), o("svg", {
@@ -1266,15 +1273,15 @@ var At = { class: "flex items-start gap-4 min-w-0" }, jt = { class: "flex-1 min-
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
 			d: "M19 9l-7 7-7-7"
-		}, null, -1)]], 2))], 10, zt), N(s("div", { class: m(["p-6 border-t", [E(l).border, p.value]]) }, [S(t.$slots, "default")], 2), [[ee, !e.collapsed]])], 2));
+		}, null, -1)]], 2))], 10, Bt), N(s("div", { class: m(["p-6 border-t rounded-b-xl", [E(l).border, p.value]]) }, [S(t.$slots, "default")], 2), [[ee, !e.collapsed]])], 2));
 	}
-}), Ht = ["disabled"], Ut = ["disabled"], Wt = {
+}), Ut = ["disabled"], Wt = ["disabled"], Gt = {
 	key: 0,
 	class: "w-4 h-4 animate-spin",
 	fill: "none",
 	viewBox: "0 0 24 24",
 	"aria-hidden": "true"
-}, Gt = /* @__PURE__ */ d({
+}, Kt = /* @__PURE__ */ d({
 	__name: "BaseConfirmModal",
 	props: {
 		title: {},
@@ -1297,7 +1304,7 @@ var At = { class: "flex items-start gap-4 min-w-0" }, jt = { class: "flex-1 min-
 		function p() {
 			n.submitting || r("cancel");
 		}
-		return (t, n) => (y(), i(Rt, {
+		return (t, n) => (y(), i(zt, {
 			title: e.title,
 			"manual-close": e.submitting,
 			onCancel: p
@@ -1309,14 +1316,14 @@ var At = { class: "flex items-start gap-4 min-w-0" }, jt = { class: "flex-1 min-
 			footer: M(() => [s("button", {
 				type: "button",
 				disabled: e.submitting,
-				class: m(["inline-flex items-center justify-center px-4 py-2 border rounded-md shadow-sm text-sm font-medium transition-colors duration-150", [E(d).ghostButton, e.submitting ? "opacity-60 cursor-not-allowed" : "cursor-pointer"]]),
+				class: m(["inline-flex items-center justify-center px-4 py-2 border rounded-md shadow-sm text-sm font-medium transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500", [E(d).ghostButton, e.submitting ? "opacity-60 cursor-not-allowed" : "cursor-pointer"]]),
 				onClick: p
-			}, T(e.cancelText), 11, Ht), s("button", {
+			}, T(e.cancelText), 11, Ut), s("button", {
 				type: "button",
 				disabled: e.submitting,
-				class: m(["inline-flex items-center justify-center gap-2 px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white transition-colors duration-150", [e.variant === "danger" ? e.submitting ? "bg-red-400 cursor-not-allowed" : "bg-red-600 hover:bg-red-700 cursor-pointer" : e.submitting ? "bg-emerald-400 cursor-not-allowed" : "bg-emerald-600 hover:bg-emerald-700 cursor-pointer"]]),
+				class: m(["inline-flex items-center justify-center gap-2 px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2", [e.variant === "danger" ? "focus-visible:ring-red-500" : "focus-visible:ring-emerald-500", e.variant === "danger" ? e.submitting ? "bg-red-400 cursor-not-allowed" : "bg-red-600 hover:bg-red-700 cursor-pointer" : e.submitting ? "bg-emerald-400 cursor-not-allowed" : "bg-emerald-600 hover:bg-emerald-700 cursor-pointer"]]),
 				onClick: f
-			}, [e.submitting ? (y(), o("svg", Wt, [...n[0] ||= [s("circle", {
+			}, [e.submitting ? (y(), o("svg", Gt, [...n[0] ||= [s("circle", {
 				class: "opacity-25",
 				cx: "12",
 				cy: "12",
@@ -1327,12 +1334,12 @@ var At = { class: "flex items-start gap-4 min-w-0" }, jt = { class: "flex-1 min-
 				class: "opacity-75",
 				fill: "currentColor",
 				d: "M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"
-			}, null, -1)]])) : a("", !0), l(" " + T(e.submitting ? e.submittingText : e.confirmText), 1)], 10, Ut)]),
+			}, null, -1)]])) : a("", !0), l(" " + T(e.submitting ? e.submittingText : e.confirmText), 1)], 10, Wt)]),
 			default: M(() => [S(t.$slots, "message", {}, () => [s("p", { class: m(["text-sm", E(c) ? "text-gray-300" : "text-gray-600"]) }, T(e.message), 3)]), S(t.$slots, "default")]),
 			_: 3
 		}, 8, ["title", "manual-close"]));
 	}
-}), Kt = { class: "mt-4" }, qt = ["placeholder"], Jt = ["disabled"], Yt = /* @__PURE__ */ d({
+}), qt = { class: "mt-4" }, Jt = ["placeholder"], Yt = ["disabled"], Xt = /* @__PURE__ */ d({
 	__name: "BaseTextInputModal",
 	props: {
 		title: {},
@@ -1363,7 +1370,7 @@ var At = { class: "flex items-start gap-4 min-w-0" }, jt = { class: "flex-1 min-
 		function h() {
 			c.value.trim() === (n.initialValue ?? "").trim() && f();
 		}
-		return Y(f), (t, n) => (y(), i(Rt, {
+		return Y(f), (t, n) => (y(), i(zt, {
 			title: e.title,
 			"manual-close": "",
 			onBackdrop: h
@@ -1374,15 +1381,15 @@ var At = { class: "flex items-start gap-4 min-w-0" }, jt = { class: "flex-1 min-
 			})], 2)])]),
 			footer: M(() => [s("button", {
 				type: "button",
-				class: m(["inline-flex items-center justify-center px-4 py-2 border rounded-md shadow-sm text-sm font-medium transition-colors duration-150", E(o).ghostButton]),
+				class: m(["inline-flex items-center justify-center px-4 py-2 border rounded-md shadow-sm text-sm font-medium transition-colors duration-150 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500", E(o).ghostButton]),
 				onClick: f
 			}, T(e.cancelText), 3), s("button", {
 				type: "button",
 				disabled: !c.value.trim() || e.submitting,
-				class: m(["inline-flex items-center justify-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white transition-colors duration-150", [!c.value.trim() || e.submitting ? "bg-emerald-400 cursor-not-allowed" : "bg-emerald-600 hover:bg-emerald-700 cursor-pointer"]]),
+				class: m(["inline-flex items-center justify-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 focus-visible:ring-offset-2", [!c.value.trim() || e.submitting ? "bg-emerald-400 cursor-not-allowed" : "bg-emerald-600 hover:bg-emerald-700 cursor-pointer"]]),
 				onClick: d
-			}, T(e.submitting ? e.submittingText : e.confirmText), 11, Jt)]),
-			default: M(() => [s("p", { class: m(["text-sm", E(a) ? "text-gray-300" : "text-gray-600"]) }, T(e.message), 3), s("div", Kt, [s("label", { class: m(["block text-sm font-medium mb-1", E(o).label]) }, T(e.inputLabel), 3), N(s("input", {
+			}, T(e.submitting ? e.submittingText : e.confirmText), 11, Yt)]),
+			default: M(() => [s("p", { class: m(["text-sm", E(a) ? "text-gray-300" : "text-gray-600"]) }, T(e.message), 3), s("div", qt, [s("label", { class: m(["block text-sm font-medium mb-1", E(o).label]) }, T(e.inputLabel), 3), N(s("input", {
 				ref_key: "nameInput",
 				ref: l,
 				"onUpdate:modelValue": n[0] ||= (e) => c.value = e,
@@ -1390,11 +1397,11 @@ var At = { class: "flex items-start gap-4 min-w-0" }, jt = { class: "flex-1 min-
 				placeholder: e.placeholder,
 				class: m(["w-full px-3 py-2 rounded-md border text-sm transition-colors", E(a) ? "bg-gray-800 border-gray-600 text-gray-100 placeholder-gray-500 focus:outline-none focus:border-emerald-500" : "bg-white border-gray-300 text-gray-900 placeholder-gray-400 focus:outline-none focus:border-emerald-500"]),
 				onKeyup: P(d, ["enter"])
-			}, null, 42, qt), [[A, c.value]])])]),
+			}, null, 42, Jt), [[A, c.value]])])]),
 			_: 3
 		}, 8, ["title"]));
 	}
-}), Xt = { class: "flex items-center justify-center min-h-[60vh]" }, Zt = { class: "text-center px-6" }, Qt = /* @__PURE__ */ d({
+}), Zt = { class: "flex items-center justify-center min-h-[60vh]" }, Qt = { class: "text-center px-6" }, $t = /* @__PURE__ */ d({
 	__name: "BaseNotFoundPage",
 	props: {
 		code: { default: "404" },
@@ -1407,18 +1414,18 @@ var At = { class: "flex items-start gap-4 min-w-0" }, jt = { class: "flex-1 min-
 		function a() {
 			n.push({ name: t.homeRouteName });
 		}
-		return (t, n) => (y(), o("div", Xt, [s("div", Zt, [
+		return (t, n) => (y(), o("div", Zt, [s("div", Qt, [
 			u(E(me), { class: m(["w-16 h-16 mx-auto mb-4", E(i).illustration]) }, null, 8, ["class"]),
 			s("h1", { class: m(["text-4xl font-bold mb-2", E(r) ? "text-gray-200" : "text-gray-800"]) }, T(e.code), 3),
 			s("p", { class: m(["text-lg mb-6", E(i).dimTextAlt]) }, T(e.message), 3),
 			s("button", {
 				onClick: a,
-				class: m(["inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium text-white transition-colors cursor-pointer", E(r) ? "bg-emerald-600 hover:bg-emerald-500" : "bg-emerald-600 hover:bg-emerald-700"])
+				class: m(["inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium text-white transition-colors cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 focus-visible:ring-offset-2", E(r) ? "bg-emerald-600 hover:bg-emerald-500" : "bg-emerald-600 hover:bg-emerald-700"])
 			}, T(e.homeLabel), 3)
 		])]));
 	}
 }), X = b(!1);
-function $t() {
+function en() {
 	function e() {
 		X.value = !0;
 	}
@@ -1437,19 +1444,19 @@ function $t() {
 }
 //#endregion
 //#region src/composables/useSidebarCollapse.ts
-var Z = b(!1), en = !1, tn = "mgv-sidebar-collapsed";
-function nn(e) {
-	if (!en && (en = !0, tn = e, typeof window < "u")) {
-		let e = window.localStorage?.getItem(tn);
+var Z = b(!1), tn = !1, nn = "mgv-sidebar-collapsed";
+function rn(e) {
+	if (!tn && (tn = !0, nn = e, typeof window < "u")) {
+		let e = window.localStorage?.getItem(nn);
 		e && (Z.value = e === "true"), f(!0).run(() => {
 			j(Z, (e) => {
-				window.localStorage?.setItem(tn, String(e));
+				window.localStorage?.setItem(nn, String(e));
 			});
 		});
 	}
 }
-function rn(e) {
-	nn(e?.storageKey ?? tn);
+function an(e) {
+	rn(e?.storageKey ?? nn);
 	function t() {
 		Z.value = !0;
 	}
@@ -1468,8 +1475,8 @@ function rn(e) {
 }
 //#endregion
 //#region src/composables/useNotifications.ts
-var Q = b([]), $ = b(!1), an = r(() => Q.value.filter((e) => !e.read).length);
-function on() {
+var Q = b([]), $ = b(!1), on = r(() => Q.value.filter((e) => !e.read).length);
+function sn() {
 	function e() {
 		$.value = !0;
 	}
@@ -1505,7 +1512,7 @@ function on() {
 	}
 	return {
 		notifications: Q,
-		unreadCount: an,
+		unreadCount: on,
 		open: $,
 		openPanel: e,
 		closePanel: t,
@@ -1520,22 +1527,22 @@ function on() {
 }
 //#endregion
 //#region src/components/BaseSidebar.vue?vue&type=script&setup=true&lang.ts
-var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }, ln = { class: "flex-1 overflow-y-auto px-3 space-y-6" }, un = { class: "space-y-0.5" }, dn = [
+var cn = ["aria-label", "aria-expanded"], ln = { class: "flex flex-col h-full" }, un = { class: "flex-1 overflow-y-auto px-3 space-y-6" }, dn = { class: "space-y-0.5" }, fn = [
 	"aria-current",
 	"title",
 	"onClick"
-], fn = ["aria-label"], pn = { class: "relative shrink-0" }, mn = {
+], pn = ["aria-label"], mn = { class: "relative shrink-0" }, hn = {
 	key: 0,
 	class: "absolute -top-1.5 -right-1.5 min-w-4 h-4 px-1 rounded-full bg-red-500 text-white text-[10px] font-semibold leading-4 text-center"
-}, hn = [
+}, gn = [
 	"title",
 	"aria-label",
 	"aria-pressed"
-], gn = [
+], _n = [
 	"title",
 	"aria-label",
 	"aria-pressed"
-], _n = /*#__PURE__*/ ((e, t) => {
+], vn = /*#__PURE__*/ ((e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
@@ -1560,7 +1567,7 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 		}
 	},
 	setup(t) {
-		let n = t, c = we(), d = Ce(), { isDark: f, toggleTheme: h } = U(), { mobileOpen: g, close: _, toggle: v } = $t(), { collapsed: C, toggle: D } = rn(), { unreadCount: O, togglePanel: k } = on(), A = r(() => n.collapsible && C.value), ee = b(null), M = null;
+		let n = t, c = we(), d = Ce(), { isDark: f, toggleTheme: h } = U(), { mobileOpen: g, close: _, toggle: v } = en(), { collapsed: C, toggle: D } = an(), { unreadCount: O, togglePanel: k } = sn(), A = r(() => n.collapsible && C.value), ee = b(null), M = null;
 		j(g, async (e) => {
 			e ? (M = document.activeElement instanceof HTMLElement ? document.activeElement : null, await p(), ee.value?.focus()) : (M?.focus(), M = null);
 		});
@@ -1577,12 +1584,12 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 			s("div", { class: m(["mobile-topbar fixed top-0 inset-x-0 z-30 flex items-center justify-between px-4 py-3 border-b transition-colors", E(f) ? "bg-gray-900 border-gray-800" : "bg-white border-gray-200"]) }, [s("button", {
 				type: "button",
 				onClick: N,
-				class: "cursor-pointer",
+				class: "cursor-pointer rounded focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500",
 				"aria-label": "Go to home"
 			}, [S(n.$slots, "logo", { size: 28 }, void 0, !0)]), s("button", {
 				type: "button",
 				onClick: r[0] ||= (...e) => E(v) && E(v)(...e),
-				class: m(["p-2 rounded-lg cursor-pointer", E(f) ? "text-gray-400 hover:bg-gray-800" : "text-gray-600 hover:bg-gray-100"]),
+				class: m(["p-2 rounded-lg cursor-pointer transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500", E(f) ? "text-gray-400 hover:bg-gray-800" : "text-gray-600 hover:bg-gray-100"]),
 				"aria-label": E(g) ? "Close navigation menu" : "Open navigation menu",
 				"aria-expanded": E(g)
 			}, [E(g) ? (y(), i(E(xe), {
@@ -1593,7 +1600,7 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 				key: 0,
 				class: "w-6 h-6",
 				"aria-hidden": "true"
-			}))], 10, sn)], 2),
+			}))], 10, cn)], 2),
 			E(g) ? (y(), o("div", {
 				key: 0,
 				class: "mobile-overlay fixed inset-0 z-40 bg-black/50",
@@ -1608,11 +1615,11 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 					E(g) ? "translate-x-0 z-50" : "-translate-x-full max-lg:pointer-events-none lg:translate-x-0 z-50",
 					t.collapsible && E(C) ? "lg:w-16" : "lg:w-60"
 				]])
-			}, [s("div", cn, [
+			}, [s("div", ln, [
 				s("div", { class: m(["px-5 pt-5 pb-4 flex items-center justify-center relative", { "lg:px-2": A.value }]) }, [s("button", {
 					type: "button",
 					onClick: N,
-					class: "cursor-pointer",
+					class: "cursor-pointer rounded focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500",
 					"aria-label": "Go to home"
 				}, [S(n.$slots, "logo", { size: A.value ? 36 : 52 }, void 0, !0)]), s("button", {
 					ref_key: "closeMobileButton",
@@ -1625,13 +1632,13 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 					class: "w-5 h-5",
 					"aria-hidden": "true"
 				})], 2)], 2),
-				s("nav", ln, [(y(!0), o(e, null, x(t.sections, (t) => (y(), o("div", { key: t.title }, [s("p", { class: m(["px-2 mb-2 text-[10px] font-semibold uppercase tracking-wider text-gray-500", { "lg:hidden": A.value }]) }, T(t.title), 3), s("ul", un, [(y(!0), o(e, null, x(t.items, (e) => (y(), o("li", { key: e.name }, [s("button", {
+				s("nav", un, [(y(!0), o(e, null, x(t.sections, (t) => (y(), o("div", { key: t.title }, [s("p", { class: m(["px-2 mb-2 text-[10px] font-semibold uppercase tracking-wider text-gray-500", { "lg:hidden": A.value }]) }, T(t.title), 3), s("ul", dn, [(y(!0), o(e, null, x(t.items, (e) => (y(), o("li", { key: e.name }, [s("button", {
 					type: "button",
 					"aria-current": P(e.name) ? "page" : void 0,
 					title: A.value ? e.label : void 0,
 					onClick: (t) => F(e.name),
 					class: m(["flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium transition-colors w-full text-left cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500", [P(e.name) ? E(f) ? "bg-emerald-500/15 text-emerald-300" : "bg-emerald-50 text-emerald-700" : E(f) ? "text-gray-400 hover:text-gray-100 hover:bg-gray-800" : "text-gray-600 hover:text-gray-900 hover:bg-gray-100", { "lg:justify-center": A.value }]])
-				}, [(y(), i(w(e.icon), { class: "w-[18px] h-[18px] shrink-0" })), s("span", { class: m({ "lg:hidden": A.value }) }, T(e.label), 3)], 10, dn)]))), 128))])]))), 128))]),
+				}, [(y(), i(w(e.icon), { class: "w-[18px] h-[18px] shrink-0" })), s("span", { class: m({ "lg:hidden": A.value }) }, T(e.label), 3)], 10, fn)]))), 128))])]))), 128))]),
 				s("div", { class: m(["px-4 py-4 border-t transition-colors space-y-3", E(f) ? "border-gray-800" : "border-gray-200"]) }, [
 					t.showNotifications ? (y(), o("button", {
 						key: 0,
@@ -1640,10 +1647,10 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 						title: "Notifications",
 						"aria-label": E(O) > 0 ? `Notifications, ${E(O)} unread` : "Notifications",
 						class: m(["relative flex items-center gap-3 w-full px-3 py-2.5 rounded-lg text-sm font-medium transition-colors cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500", [E(f) ? "text-gray-400 hover:text-gray-100 hover:bg-gray-800" : "text-gray-600 hover:text-gray-900 hover:bg-gray-100", { "lg:justify-center": A.value }]])
-					}, [s("span", pn, [u(E(ie), {
+					}, [s("span", mn, [u(E(ie), {
 						class: "w-[18px] h-[18px]",
 						"aria-hidden": "true"
-					}), E(O) > 0 ? (y(), o("span", mn, T(E(O) > 99 ? "99+" : E(O)), 1)) : a("", !0)]), s("span", { class: m({ "lg:hidden": A.value }) }, "Notifications", 2)], 10, fn)) : a("", !0),
+					}), E(O) > 0 ? (y(), o("span", hn, T(E(O) > 99 ? "99+" : E(O)), 1)) : a("", !0)]), s("span", { class: m({ "lg:hidden": A.value }) }, "Notifications", 2)], 10, pn)) : a("", !0),
 					t.showThemeToggle ? (y(), o("button", {
 						key: 1,
 						type: "button",
@@ -1659,7 +1666,7 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 						}, null, 8, ["class"])),
 						s("span", { class: m({ "lg:hidden": A.value }) }, T(E(f) ? "Switch to light" : "Switch to dark"), 3),
 						s("span", { class: m(["ml-auto relative w-9 h-5 rounded-full transition-colors", [E(f) ? "bg-emerald-600" : "bg-gray-300", { "lg:hidden": A.value }]]) }, [s("span", { class: m(["absolute top-0.5 left-0.5 w-4 h-4 rounded-full bg-white shadow-sm transition-transform duration-300", E(f) ? "translate-x-4" : "translate-x-0"]) }, null, 2)], 2)
-					], 10, hn)) : a("", !0),
+					], 10, gn)) : a("", !0),
 					t.collapsible ? (y(), o("button", {
 						key: 2,
 						type: "button",
@@ -1671,7 +1678,7 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 					}, [(y(), i(w(E(C) ? E(se) : E(oe)), {
 						class: "w-[18px] h-[18px] shrink-0",
 						"aria-hidden": "true"
-					})), s("span", { class: m({ "lg:hidden": A.value }) }, "Collapse", 2)], 10, gn)) : a("", !0),
+					})), s("span", { class: m({ "lg:hidden": A.value }) }, "Collapse", 2)], 10, _n)) : a("", !0),
 					s("div", { class: m({ "lg:hidden": A.value }) }, [S(n.$slots, "status", {}, void 0, !0)], 2),
 					s("div", { class: m({ "lg:hidden": A.value }) }, [S(n.$slots, "footer", {}, () => [t.appName || t.version ? (y(), o("div", {
 						key: 0,
@@ -1685,26 +1692,26 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 			])], 2)
 		]));
 	}
-}), [["__scopeId", "data-v-6fca021f"]]), vn = {
+}), [["__scopeId", "data-v-452beaf2"]]), yn = {
 	key: 1,
 	class: "mt-4 flex justify-center py-6"
-}, yn = {
+}, bn = {
 	key: 2,
 	class: "mt-4 text-sm text-red-500",
 	role: "alert"
-}, bn = {
+}, xn = {
 	key: 3,
 	class: "mt-4"
-}, xn = { class: "relative" }, Sn = ["placeholder"], Cn = {
+}, Sn = { class: "relative" }, Cn = ["placeholder"], wn = {
 	key: 4,
 	class: "mt-3 max-h-64 overflow-y-auto"
-}, wn = ["onClick"], Tn = { class: "flex-1 min-w-0" }, En = {
+}, Tn = ["aria-pressed", "onClick"], En = { class: "flex-1 min-w-0" }, Dn = {
 	key: 0,
 	class: "text-center py-6"
-}, Dn = {
+}, On = {
 	key: 1,
 	class: "text-center py-6"
-}, On = ["disabled"], kn = ["disabled"], An = /* @__PURE__ */ d({
+}, kn = ["disabled"], An = ["disabled"], jn = /* @__PURE__ */ d({
 	__name: "BaseEntityPickerModal",
 	props: {
 		title: {},
@@ -1841,7 +1848,7 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 		function te() {
 			c.submitting || l("cancel");
 		}
-		return (n, r) => (y(), i(Rt, {
+		return (n, r) => (y(), i(zt, {
 			title: t.title,
 			"manual-close": t.submitting,
 			onCancel: te
@@ -1853,21 +1860,21 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 			footer: M(() => [s("button", {
 				type: "button",
 				disabled: t.submitting,
-				class: m(["inline-flex items-center justify-center px-4 py-2 border rounded-md shadow-sm text-sm font-medium transition-colors duration-150 disabled:opacity-50 disabled:cursor-not-allowed", E(f).ghostButton]),
+				class: m(["inline-flex items-center justify-center px-4 py-2 border rounded-md shadow-sm text-sm font-medium transition-colors duration-150 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500", E(f).ghostButton]),
 				onClick: te
-			}, T(t.cancelText), 11, On), s("button", {
+			}, T(t.cancelText), 11, kn), s("button", {
 				type: "button",
 				disabled: !C.value || t.submitting,
-				class: m(["inline-flex items-center justify-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white transition-colors duration-150", !C.value || t.submitting ? P.value.confirmDisabled : P.value.confirmActive]),
+				class: m(["inline-flex items-center justify-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 focus-visible:ring-offset-2", !C.value || t.submitting ? P.value.confirmDisabled : P.value.confirmActive]),
 				onClick: F
-			}, T(t.submitting ? t.submittingText : t.confirmText), 11, kn)]),
+			}, T(t.submitting ? t.submittingText : t.confirmText), 11, An)]),
 			default: M(() => [
 				t.message ? (y(), o("p", {
 					key: 0,
 					class: m(["text-sm", E(d) ? "text-gray-300" : "text-gray-600"])
 				}, T(t.message), 3)) : a("", !0),
-				_.value ? (y(), o("div", vn, [u(st, { color: "emerald" })])) : v.value ? (y(), o("div", yn, T(v.value), 1)) : a("", !0),
-				!_.value && !v.value && O.value.length > 0 ? (y(), o("div", bn, [s("div", xn, [u(E(_e), {
+				_.value ? (y(), o("div", yn, [u(st, { color: "emerald" })])) : v.value ? (y(), o("div", bn, T(v.value), 1)) : a("", !0),
+				!_.value && !v.value && O.value.length > 0 ? (y(), o("div", xn, [s("div", Sn, [u(E(_e), {
 					class: m(["absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4", E(f).dimText]),
 					"aria-hidden": "true"
 				}, null, 8, ["class"]), N(s("input", {
@@ -1877,14 +1884,16 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 					type: "text",
 					placeholder: t.searchPlaceholder,
 					class: m(["w-full pl-9 pr-3 py-2 text-sm rounded-md border outline-none transition-colors", [E(d) ? "bg-gray-800 border-gray-600 text-gray-200 placeholder-gray-500" : "bg-white border-gray-300 text-gray-700 placeholder-gray-400", P.value.inputFocus]])
-				}, null, 10, Sn), [[A, w.value]])])])) : a("", !0),
-				!_.value && !v.value ? (y(), o("div", Cn, [(y(!0), o(e, null, x(k.value, (e) => (y(), o("div", {
+				}, null, 10, Cn), [[A, w.value]])])])) : a("", !0),
+				!_.value && !v.value ? (y(), o("div", wn, [(y(!0), o(e, null, x(k.value, (e) => (y(), o("button", {
 					key: e.id,
-					class: m(["flex items-center gap-3 px-3 py-2.5 rounded-lg cursor-pointer transition-colors", [C.value === e.id ? P.value.selectedRow : E(d) ? "hover:bg-gray-800 border border-transparent" : "hover:bg-gray-50 border border-transparent"]]),
+					type: "button",
+					"aria-pressed": C.value === e.id,
+					class: m(["w-full text-left flex items-center gap-3 px-3 py-2.5 rounded-lg cursor-pointer transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-emerald-500", [C.value === e.id ? P.value.selectedRow : E(d) ? "hover:bg-gray-800 border border-transparent" : "hover:bg-gray-50 border border-transparent"]]),
 					onClick: (t) => C.value = e.id
 				}, [
 					u(E(he), { class: m(["w-5 h-5 flex-shrink-0", E(f).dimText]) }, null, 8, ["class"]),
-					s("div", Tn, [s("p", { class: m(["text-sm font-medium truncate", E(f).bodyText]) }, T(e.label), 3)]),
+					s("div", En, [s("p", { class: m(["text-sm font-medium truncate", E(f).bodyText]) }, T(e.label), 3)]),
 					C.value === e.id ? (y(), o("div", {
 						key: 0,
 						class: m(["w-5 h-5 rounded-full flex items-center justify-center", P.value.checkBg])
@@ -1900,15 +1909,15 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 						"stroke-linejoin": "round",
 						d: "M5 13l4 4L19 7"
 					})], -1)]], 2)) : a("", !0)
-				], 10, wn))), 128)), O.value.length === 0 ? (y(), o("div", En, [s("p", { class: m(["text-sm", E(f).dimText]) }, T(t.emptyMessage), 3)])) : k.value.length === 0 ? (y(), o("div", Dn, [s("p", { class: m(["text-sm", E(f).dimText]) }, T(t.noMatchMessage), 3)])) : a("", !0)])) : a("", !0)
+				], 10, Tn))), 128)), O.value.length === 0 ? (y(), o("div", Dn, [s("p", { class: m(["text-sm", E(f).dimText]) }, T(t.emptyMessage), 3)])) : k.value.length === 0 ? (y(), o("div", On, [s("p", { class: m(["text-sm", E(f).dimText]) }, T(t.noMatchMessage), 3)])) : a("", !0)])) : a("", !0)
 			]),
 			_: 3
 		}, 8, ["title", "manual-close"]));
 	}
-}), jn = {
+}), Mn = {
 	href: "#main-content",
 	class: "sr-only focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:z-[100] focus:px-3 focus:py-2 focus:rounded-md focus:bg-emerald-600 focus:text-white focus:shadow-lg"
-}, Mn = ["inert"], Nn = /* @__PURE__ */ d({
+}, Nn = ["inert"], Pn = /* @__PURE__ */ d({
 	__name: "BaseAppLayout",
 	props: {
 		showSidebar: {
@@ -1918,19 +1927,19 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 		skipLinkLabel: { default: "Skip to main content" }
 	},
 	setup(e) {
-		let t = e, { isDark: n } = U(), { mobileOpen: i } = $t(), { collapsed: c } = rn(), l = r(() => t.showSidebar);
+		let t = e, { isDark: n } = U(), { mobileOpen: i } = en(), { collapsed: c } = an(), l = r(() => t.showSidebar);
 		return (t, r) => (y(), o("div", { class: m(["min-h-screen transition-colors duration-300", E(n) ? "bg-gray-950 text-gray-100" : "bg-gray-50 text-gray-800"]) }, [
-			s("a", jn, T(e.skipLinkLabel), 1),
+			s("a", Mn, T(e.skipLinkLabel), 1),
 			l.value ? S(t.$slots, "sidebar", { key: 0 }) : a("", !0),
 			s("main", {
 				id: "main-content",
 				tabindex: "-1",
 				inert: l.value && E(i) ? !0 : void 0,
 				class: m(["transition-all duration-300", l.value ? E(c) ? "pt-14 lg:pt-0 lg:ml-16" : "pt-14 lg:pt-0 lg:ml-60" : ""])
-			}, [S(t.$slots, "default")], 10, Mn)
+			}, [S(t.$slots, "default")], 10, Nn)
 		], 2));
 	}
-}), Pn = { class: "flex flex-wrap items-center justify-between gap-3 mb-8" }, Fn = { class: "flex items-center gap-3 min-w-0" }, In = { class: "flex items-center gap-2" }, Ln = /* @__PURE__ */ d({
+}), Fn = { class: "flex flex-wrap items-center justify-between gap-3 mb-8" }, In = { class: "flex items-center gap-3 min-w-0" }, Ln = { class: "flex items-center gap-2" }, Rn = /* @__PURE__ */ d({
 	__name: "BasePageHeader",
 	props: {
 		title: {},
@@ -1980,16 +1989,16 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 			}[t.iconColor];
 			return n.value ? e.dark : e.light;
 		});
-		return (t, n) => (y(), o("div", { class: m(["mx-auto px-4 sm:px-6", e.maxWidthClass]) }, [s("div", Pn, [s("div", Fn, [s("div", { class: m(["w-10 h-10 rounded-lg flex items-center justify-center", c.value]) }, [S(t.$slots, "icon", { iconClass: l.value })], 2), s("div", null, [s("h1", { class: m(["text-2xl font-bold", E(i).primaryTextSoft]) }, T(e.title), 3), e.subtitle ? (y(), o("p", {
+		return (t, n) => (y(), o("div", { class: m(["mx-auto px-4 sm:px-6", e.maxWidthClass]) }, [s("div", Fn, [s("div", In, [s("div", { class: m(["w-10 h-10 rounded-lg flex items-center justify-center", c.value]) }, [S(t.$slots, "icon", { iconClass: l.value })], 2), s("div", null, [s("h1", { class: m(["text-2xl font-bold", E(i).primaryTextSoft]) }, T(e.title), 3), e.subtitle ? (y(), o("p", {
 			key: 0,
 			class: m(["text-sm", E(i).dimTextAlt])
-		}, T(e.subtitle), 3)) : a("", !0)])]), s("div", In, [S(t.$slots, "actions")])])], 2));
+		}, T(e.subtitle), 3)) : a("", !0)])]), s("div", Ln, [S(t.$slots, "actions")])])], 2));
 	}
-}), Rn = [
+}), zn = [
 	"type",
 	"disabled",
 	"title"
-], zn = { key: 0 }, Bn = /* @__PURE__ */ d({
+], Bn = { key: 0 }, Vn = /* @__PURE__ */ d({
 	__name: "BaseToolbarButton",
 	props: {
 		label: { default: "" },
@@ -2020,16 +2029,16 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 			type: e.type,
 			disabled: e.disabled,
 			title: e.title,
-			class: m(["inline-flex shrink-0 items-center gap-2 px-3 py-2 rounded-lg text-sm font-medium border transition-colors cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap", i.value]),
+			class: m(["inline-flex shrink-0 items-center gap-2 px-3 py-2 rounded-lg text-sm font-medium border transition-colors cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500", i.value]),
 			onClick: n[0] ||= (e) => t.$emit("click", e)
-		}, [S(t.$slots, "icon", { iconClass: "w-4 h-4" }), e.label ? (y(), o("span", zn, T(e.label), 1)) : a("", !0)], 10, Rn));
+		}, [S(t.$slots, "icon", { iconClass: "w-4 h-4" }), e.label ? (y(), o("span", Bn, T(e.label), 1)) : a("", !0)], 10, zn));
 	}
-}), Vn = [
+}), Hn = [
 	"type",
 	"disabled",
 	"title",
 	"aria-label"
-], Hn = { key: 0 }, Un = /* @__PURE__ */ d({
+], Un = { key: 0 }, Wn = /* @__PURE__ */ d({
 	__name: "BaseActionButton",
 	props: {
 		label: { default: "" },
@@ -2126,11 +2135,11 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 			disabled: e.disabled,
 			title: e.title,
 			"aria-label": e.ariaLabel,
-			class: m(["inline-flex items-center justify-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium transition-colors", [e.fullWidth ? "flex-1" : "", c.value]]),
+			class: m(["inline-flex items-center justify-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-current", [e.fullWidth ? "flex-1" : "", c.value]]),
 			onClick: n[0] ||= (e) => t.$emit("click", e)
-		}, [S(t.$slots, "icon", { iconClass: "w-4 h-4" }), e.label ? (y(), o("span", Hn, T(e.label), 1)) : a("", !0)], 10, Vn));
+		}, [S(t.$slots, "icon", { iconClass: "w-4 h-4" }), e.label ? (y(), o("span", Un, T(e.label), 1)) : a("", !0)], 10, Hn));
 	}
-}), Wn = ["title", "aria-label"], Gn = /* @__PURE__ */ d({
+}), Gn = ["title", "aria-label"], Kn = /* @__PURE__ */ d({
 	__name: "BaseCopyButton",
 	props: {
 		text: {},
@@ -2141,7 +2150,7 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 	},
 	emits: ["copied", "error"],
 	setup(e, { emit: t }) {
-		let n = e, a = t, { isDark: s } = U(), c = b(!1), l = null, u = r(() => c.value ? "Copied!" : n.label ? `Copy ${n.label}` : "Copy"), d = r(() => n.label ? `Copy ${n.label}` : "Copy"), f = r(() => n.variant === "bordered" ? `inline-flex items-center justify-center w-9 h-9 rounded-lg border transition-colors cursor-pointer shrink-0 ${c.value ? s.value ? "border-emerald-500/40 bg-emerald-500/10 text-emerald-400" : "border-emerald-300 bg-emerald-50 text-emerald-600" : s.value ? "border-gray-600 text-gray-400 hover:text-gray-200 hover:bg-gray-800" : "border-gray-300 text-gray-400 hover:text-gray-600 hover:bg-gray-50"}` : `p-1 rounded transition-colors cursor-pointer ${s.value ? "text-gray-400 hover:text-emerald-300 hover:bg-emerald-500/10" : "text-gray-500 hover:text-emerald-600 hover:bg-emerald-50"}`);
+		let n = e, a = t, { isDark: s } = U(), c = b(!1), l = null, u = r(() => c.value ? "Copied!" : n.label ? `Copy ${n.label}` : "Copy"), d = r(() => n.label ? `Copy ${n.label}` : "Copy"), f = r(() => n.variant === "bordered" ? `inline-flex items-center justify-center w-9 h-9 rounded-lg border transition-colors cursor-pointer shrink-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 ${c.value ? s.value ? "border-emerald-500/40 bg-emerald-500/10 text-emerald-400" : "border-emerald-300 bg-emerald-50 text-emerald-600" : s.value ? "border-gray-600 text-gray-400 hover:text-gray-200 hover:bg-gray-800" : "border-gray-300 text-gray-400 hover:text-gray-600 hover:bg-gray-50"}` : `p-1 rounded transition-colors cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 ${s.value ? "text-gray-400 hover:text-emerald-300 hover:bg-emerald-500/10" : "text-gray-500 hover:text-emerald-600 hover:bg-emerald-50"}`);
 		async function p(e) {
 			try {
 				if (navigator.clipboard?.writeText) {
@@ -2179,20 +2188,20 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 			key: 1,
 			class: m(e.iconClass),
 			"aria-hidden": "true"
-		}, null, 8, ["class"]))], 10, Wn));
+		}, null, 8, ["class"]))], 10, Gn));
 	}
-}), Kn = ["disabled", "aria-busy"], qn = {
+}), qn = ["disabled", "aria-busy"], Jn = {
 	key: 0,
 	class: "w-5 h-5 animate-spin shrink-0",
 	viewBox: "0 0 24 24",
 	fill: "none",
 	"aria-hidden": "true"
-}, Jn = {
+}, Yn = {
 	key: 1,
 	class: "w-5 h-5 shrink-0",
 	viewBox: "0 0 48 48",
 	"aria-hidden": "true"
-}, Yn = /* @__PURE__ */ d({
+}, Xn = /* @__PURE__ */ d({
 	__name: "BaseGoogleSignInButton",
 	props: {
 		label: { default: "Sign in with Google" },
@@ -2221,7 +2230,7 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 			"aria-busy": e.loading,
 			onClick: u,
 			class: m(["inline-flex items-center justify-center gap-3 h-11 px-4 rounded-lg border text-sm font-medium transition-colors cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 disabled:opacity-60 disabled:cursor-not-allowed", [e.block ? "w-full" : "", E(a) ? "bg-gray-900 border-gray-700 text-gray-100 hover:bg-gray-800" : "bg-white border-gray-300 text-gray-700 hover:bg-gray-50"]])
-		}, [e.loading ? (y(), o("svg", qn, [...n[0] ||= [s("circle", {
+		}, [e.loading ? (y(), o("svg", Jn, [...n[0] ||= [s("circle", {
 			class: "opacity-25",
 			cx: "12",
 			cy: "12",
@@ -2232,18 +2241,18 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 			class: "opacity-75",
 			fill: "currentColor",
 			d: "M4 12a8 8 0 0 1 8-8V0C5.4 0 0 5.4 0 12h4z"
-		}, null, -1)]])) : (y(), o("svg", Jn, [...n[1] ||= [c("<path fill=\"#EA4335\" d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"></path><path fill=\"#4285F4\" d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"></path><path fill=\"#FBBC05\" d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"></path><path fill=\"#34A853\" d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"></path><path fill=\"none\" d=\"M0 0h48v48H0z\"></path>", 5)]])), s("span", null, T(e.label), 1)], 10, Kn));
+		}, null, -1)]])) : (y(), o("svg", Yn, [...n[1] ||= [c("<path fill=\"#EA4335\" d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"></path><path fill=\"#4285F4\" d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"></path><path fill=\"#FBBC05\" d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"></path><path fill=\"#34A853\" d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"></path><path fill=\"none\" d=\"M0 0h48v48H0z\"></path>", 5)]])), s("span", null, T(e.label), 1)], 10, qn));
 	}
-}), Xn = {
+}), Zn = {
 	key: 0,
 	class: "flex justify-center mb-6"
-}, Zn = { class: "mb-6 text-center" }, Qn = { class: "flex items-center gap-3 my-5" }, $n = ["disabled"], er = { class: "flex items-center justify-between mb-1.5" }, tr = { class: "relative" }, nr = ["type", "disabled"], rr = ["aria-label", "aria-pressed"], ir = ["disabled"], ar = ["disabled", "aria-busy"], or = {
+}, Qn = { class: "mb-6 text-center" }, $n = { class: "flex items-center gap-3 my-5" }, er = ["disabled"], tr = { class: "flex items-center justify-between mb-1.5" }, nr = { class: "relative" }, rr = ["type", "disabled"], ir = ["aria-label", "aria-pressed"], ar = ["disabled"], or = ["disabled", "aria-busy"], sr = {
 	key: 0,
 	class: "w-4 h-4 animate-spin",
 	viewBox: "0 0 24 24",
 	fill: "none",
 	"aria-hidden": "true"
-}, sr = /* @__PURE__ */ d({
+}, cr = /* @__PURE__ */ d({
 	__name: "BaseLoginForm",
 	props: {
 		title: { default: "Sign in" },
@@ -2278,8 +2287,8 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 			});
 		}
 		return (n, r) => (y(), o("div", { class: m(["w-full max-w-sm mx-auto rounded-xl border shadow-sm p-6 sm:p-8", E(f).card]) }, [
-			n.$slots.logo ? (y(), o("div", Xn, [S(n.$slots, "logo")])) : a("", !0),
-			s("div", Zn, [s("h1", { class: m(["text-xl font-semibold", E(f).primaryText]) }, T(t.title), 3), t.subtitle ? (y(), o("p", {
+			n.$slots.logo ? (y(), o("div", Zn, [S(n.$slots, "logo")])) : a("", !0),
+			s("div", Qn, [s("h1", { class: m(["text-xl font-semibold", E(f).primaryText]) }, T(t.title), 3), t.subtitle ? (y(), o("p", {
 				key: 0,
 				class: m(["mt-1 text-sm", E(f).mutedText])
 			}, T(t.subtitle), 3)) : a("", !0)]),
@@ -2288,11 +2297,11 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 				role: "alert",
 				class: m(["mb-4 rounded-lg border px-3 py-2 text-sm", E(d) ? "bg-red-500/10 border-red-500/30 text-red-300" : "bg-red-50 border-red-200 text-red-700"])
 			}, T(t.error), 3)) : a("", !0),
-			t.showGoogle ? (y(), o(e, { key: 2 }, [u(Yn, {
+			t.showGoogle ? (y(), o(e, { key: 2 }, [u(Xn, {
 				loading: t.googleLoading,
 				disabled: t.loading,
 				onClick: r[0] ||= (e) => c("google-sign-in")
-			}, null, 8, ["loading", "disabled"]), s("div", Qn, [
+			}, null, 8, ["loading", "disabled"]), s("div", $n, [
 				s("span", { class: m(["h-px flex-1", E(d) ? "bg-gray-700" : "bg-gray-200"]) }, null, 2),
 				s("span", { class: m(["text-xs uppercase tracking-wider", E(f).dimTextAlt]) }, "or", 2),
 				s("span", { class: m(["h-px flex-1", E(d) ? "bg-gray-700" : "bg-gray-200"]) }, null, 2)
@@ -2314,11 +2323,11 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 					disabled: v.value,
 					placeholder: "you@example.com",
 					class: m(["w-full h-11 px-3 rounded-lg border text-sm transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 disabled:opacity-60", E(f).inputWithPlaceholder])
-				}, null, 10, $n), [[A, p.value]])]),
-				s("div", null, [s("div", er, [s("label", {
+				}, null, 10, er), [[A, p.value]])]),
+				s("div", null, [s("div", tr, [s("label", {
 					for: "login-password",
 					class: m(["block text-sm font-medium", E(f).label])
-				}, " Password ", 2), S(n.$slots, "forgot")]), s("div", tr, [N(s("input", {
+				}, " Password ", 2), S(n.$slots, "forgot")]), s("div", nr, [N(s("input", {
 					id: "login-password",
 					"onUpdate:modelValue": r[2] ||= (e) => h.value = e,
 					type: _.value ? "text" : "password",
@@ -2328,13 +2337,13 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 					disabled: v.value,
 					placeholder: "••••••••",
 					class: m(["w-full h-11 pl-3 pr-16 rounded-lg border text-sm transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 disabled:opacity-60", E(f).inputWithPlaceholder])
-				}, null, 10, nr), [[k, h.value]]), s("button", {
+				}, null, 10, rr), [[k, h.value]]), s("button", {
 					type: "button",
 					onClick: r[3] ||= (e) => _.value = !_.value,
 					"aria-label": _.value ? "Hide password" : "Show password",
 					"aria-pressed": _.value,
 					class: m(["absolute inset-y-0 right-0 px-3 text-xs font-medium cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 rounded-r-lg", E(f).mutedText])
-				}, T(_.value ? "Hide" : "Show"), 11, rr)])]),
+				}, T(_.value ? "Hide" : "Show"), 11, ir)])]),
 				t.showRemember ? (y(), o("label", {
 					key: 0,
 					class: m(["flex items-center gap-2 text-sm cursor-pointer select-none", E(f).bodyText])
@@ -2343,13 +2352,13 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 					type: "checkbox",
 					disabled: v.value,
 					class: "w-4 h-4 rounded border-gray-300 text-emerald-600 focus:ring-emerald-500"
-				}, null, 8, ir), [[O, g.value]]), r[5] ||= l(" Remember me ", -1)], 2)) : a("", !0),
+				}, null, 8, ar), [[O, g.value]]), r[5] ||= l(" Remember me ", -1)], 2)) : a("", !0),
 				s("button", {
 					type: "submit",
 					disabled: v.value,
 					"aria-busy": t.loading,
 					class: "inline-flex items-center justify-center gap-2 w-full h-11 px-4 rounded-lg text-sm font-semibold text-white bg-emerald-600 hover:bg-emerald-700 transition-colors cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 disabled:opacity-60 disabled:cursor-not-allowed"
-				}, [t.loading ? (y(), o("svg", or, [...r[6] ||= [s("circle", {
+				}, [t.loading ? (y(), o("svg", sr, [...r[6] ||= [s("circle", {
 					class: "opacity-25",
 					cx: "12",
 					cy: "12",
@@ -2360,7 +2369,7 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 					class: "opacity-75",
 					fill: "currentColor",
 					d: "M4 12a8 8 0 0 1 8-8V0C5.4 0 0 5.4 0 12h4z"
-				}, null, -1)]])) : a("", !0), l(" " + T(t.submitLabel), 1)], 8, ar)
+				}, null, -1)]])) : a("", !0), l(" " + T(t.submitLabel), 1)], 8, or)
 			], 32),
 			n.$slots.footer ? (y(), o("div", {
 				key: 3,
@@ -2368,10 +2377,10 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 			}, [S(n.$slots, "footer")], 2)) : a("", !0)
 		], 2));
 	}
-}), cr = ["aria-label"], lr = { class: "flex-1 overflow-y-auto" }, ur = {
+}), lr = ["aria-label"], ur = { class: "flex-1 overflow-y-auto" }, dr = {
 	key: 0,
 	class: "flex flex-col items-center justify-center text-center px-6 py-16 gap-3"
-}, dr = ["onClick"], fr = { class: "min-w-0 flex-1" }, pr = { class: "flex items-baseline justify-between gap-2" }, mr = /* @__PURE__ */ d({
+}, fr = ["onClick"], pr = { class: "min-w-0 flex-1" }, mr = { class: "flex items-baseline justify-between gap-2" }, hr = /* @__PURE__ */ d({
 	__name: "BaseNotificationPanel",
 	props: {
 		title: { default: "Notifications" },
@@ -2383,7 +2392,7 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 	},
 	emits: ["select"],
 	setup(c, { emit: d }) {
-		let f = d, { isDark: p } = U(), h = J(), { notifications: g, unreadCount: _, open: v, closePanel: b, markAllRead: S, markRead: C } = on(), w = {
+		let f = d, { isDark: p } = U(), h = J(), { notifications: g, unreadCount: _, open: v, closePanel: b, markAllRead: S, markRead: C } = sn(), w = {
 			info: "bg-sky-500",
 			success: "bg-emerald-500",
 			warning: "bg-amber-500",
@@ -2437,7 +2446,7 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 					onClick: d[2] ||= (...e) => E(S) && E(S)(...e),
 					class: m(["text-xs font-medium cursor-pointer transition-colors focus:outline-none focus-visible:underline", E(h).emeraldText])
 				}, " Mark all as read ", 2)], 2)) : a("", !0),
-				s("div", lr, [D.value === 0 ? (y(), o("div", ur, [u(E(ie), {
+				s("div", ur, [D.value === 0 ? (y(), o("div", dr, [u(E(ie), {
 					class: m(["w-10 h-10", E(h).illustration]),
 					"aria-hidden": "true"
 				}, null, 8, ["class"]), s("p", { class: m(["text-sm", E(h).mutedText]) }, T(c.emptyText), 3)])) : (y(), o("ul", {
@@ -2450,18 +2459,18 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 				}, [s("span", {
 					class: m(["mt-1.5 w-2 h-2 rounded-full shrink-0", e.read ? E(p) ? "bg-gray-700" : "bg-gray-300" : w[e.type ?? "info"]]),
 					"aria-hidden": "true"
-				}, null, 2), s("span", fr, [s("span", pr, [s("span", { class: m(["text-sm truncate", [e.read ? "font-medium" : "font-semibold", E(h).primaryTextSoft]]) }, T(e.title), 3), e.time ? (y(), o("span", {
+				}, null, 2), s("span", pr, [s("span", mr, [s("span", { class: m(["text-sm truncate", [e.read ? "font-medium" : "font-semibold", E(h).primaryTextSoft]]) }, T(e.title), 3), e.time ? (y(), o("span", {
 					key: 0,
 					class: m(["text-xs shrink-0", E(h).dimText])
 				}, T(e.time), 3)) : a("", !0)]), e.message ? (y(), o("span", {
 					key: 0,
 					class: m(["mt-0.5 block text-sm", E(h).mutedText])
-				}, T(e.message), 3)) : a("", !0)])], 10, dr)]))), 128))], 2))])
-			], 10, cr)) : a("", !0)]),
+				}, T(e.message), 3)) : a("", !0)])], 10, fr)]))), 128))], 2))])
+			], 10, lr)) : a("", !0)]),
 			_: 1
 		})]));
 	}
-}), hr = ["value", "type"], gr = /* @__PURE__ */ d({
+}), gr = ["value", "type"], _r = /* @__PURE__ */ d({
 	__name: "BaseInput",
 	props: {
 		modelValue: { default: "" },
@@ -2481,11 +2490,11 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 		return (t, n) => (y(), o("input", {
 			value: e.modelValue,
 			type: e.type,
-			class: m(["rounded border border-slate-300 dark:border-slate-600 bg-slate-50 dark:bg-slate-900 text-slate-900 dark:text-slate-100 text-sm", [e.block ? "w-full" : "", e.size === "sm" ? "px-2 py-1.5" : "px-3 py-2"]]),
+			class: m(["rounded border border-slate-300 dark:border-slate-600 bg-slate-50 dark:bg-slate-900 text-slate-900 dark:text-slate-100 text-sm placeholder:text-slate-400 dark:placeholder:text-slate-500 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 focus-visible:border-emerald-500 disabled:opacity-60 disabled:cursor-not-allowed", [e.block ? "w-full" : "", e.size === "sm" ? "px-2 py-1.5" : "px-3 py-2"]]),
 			onInput: r
-		}, null, 42, hr));
+		}, null, 42, gr));
 	}
-}), _r = ["value"], vr = /* @__PURE__ */ d({
+}), vr = ["value"], yr = /* @__PURE__ */ d({
 	__name: "BaseSelect",
 	props: {
 		modelValue: { default: void 0 },
@@ -2503,15 +2512,15 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 		}
 		return (t, n) => (y(), o("select", {
 			value: e.modelValue,
-			class: m(["rounded border border-slate-300 dark:border-slate-600 bg-slate-50 dark:bg-slate-900 text-slate-900 dark:text-slate-100 text-sm", [e.block ? "w-full" : "", e.size === "md" ? "px-3 py-2" : "px-2 py-1.5"]]),
+			class: m(["rounded border border-slate-300 dark:border-slate-600 bg-slate-50 dark:bg-slate-900 text-slate-900 dark:text-slate-100 text-sm cursor-pointer transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 focus-visible:border-emerald-500 disabled:opacity-60 disabled:cursor-not-allowed", [e.block ? "w-full" : "", e.size === "md" ? "px-3 py-2" : "px-2 py-1.5"]]),
 			onChange: r
-		}, [S(t.$slots, "default")], 42, _r));
+		}, [S(t.$slots, "default")], 42, vr));
 	}
-}), yr = [
+}), br = [
 	"disabled",
 	"aria-label",
 	"aria-expanded"
-], br = ["aria-label"], xr = ["aria-selected", "title"], Sr = ["disabled", "onClick"], Cr = /* @__PURE__ */ d({
+], xr = ["aria-label"], Sr = ["aria-selected", "title"], Cr = ["disabled", "onClick"], wr = /* @__PURE__ */ d({
 	__name: "BaseDropdown",
 	props: {
 		options: {},
@@ -2530,9 +2539,9 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 	},
 	emits: ["update:modelValue"],
 	setup(t, { emit: n }) {
-		let i = t, c = n, l = b(!1), d = b(null), f = r(() => i.options.find((e) => e.value === i.modelValue) ?? null), p = r(() => "flex items-center justify-between gap-2 rounded-lg border text-left text-sm transition-colors border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-900 text-slate-700 dark:text-slate-100 hover:bg-slate-50 dark:hover:bg-slate-800 focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 disabled:opacity-50 disabled:cursor-not-allowed " + (i.size === "sm" ? "px-3 py-2" : "px-4 py-2.5"));
+		let i = t, c = n, l = b(!1), d = b(null), f = r(() => i.options.find((e) => e.value === i.modelValue) ?? null), p = r(() => "flex items-center justify-between gap-2 rounded-lg border text-left text-sm transition-colors border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-900 text-slate-700 dark:text-slate-100 hover:bg-slate-50 dark:hover:bg-slate-800 focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed " + (i.size === "sm" ? "px-3 py-2" : "px-4 py-2.5"));
 		function _(e) {
-			return `block w-full px-4 py-2 text-left text-sm transition-colors disabled:opacity-50 disabled:cursor-not-allowed ${e.value === i.modelValue ? "bg-emerald-500 text-white" : "text-slate-700 dark:text-slate-200 hover:bg-slate-100 dark:hover:bg-slate-800"}`;
+			return `block w-full px-4 py-2 text-left text-sm transition-colors cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-emerald-500 disabled:opacity-50 disabled:cursor-not-allowed ${e.value === i.modelValue ? "bg-emerald-500 text-white" : "text-slate-700 dark:text-slate-200 hover:bg-slate-100 dark:hover:bg-slate-800"}`;
 		}
 		function v() {
 			i.disabled || (l.value = !l.value);
@@ -2558,14 +2567,14 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 			"aria-haspopup": "listbox",
 			"aria-expanded": l.value,
 			onClick: v
-		}, [s("span", { class: m(f.value ? "" : "text-slate-400 dark:text-slate-500") }, T(f.value ? f.value.label : t.placeholder), 3), u(E(ce), {
+		}, [s("span", { class: m(["min-w-0 truncate", f.value ? "" : "text-slate-400 dark:text-slate-500"]) }, T(f.value ? f.value.label : t.placeholder), 3), u(E(ce), {
 			class: m(["w-5 h-5 shrink-0 text-slate-500 dark:text-slate-400 transition-transform", l.value ? "rotate-180" : ""]),
 			"aria-hidden": "true"
-		}, null, 8, ["class"])], 10, yr), l.value ? (y(), o("ul", {
+		}, null, 8, ["class"])], 10, br), l.value ? (y(), o("ul", {
 			key: 0,
 			role: "listbox",
 			"aria-label": t.ariaLabel || t.placeholder,
-			class: "absolute z-20 mt-1 w-full max-h-60 overflow-auto rounded-lg border border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-900 py-1 shadow-lg focus:outline-none"
+			class: "absolute z-20 mt-1 w-full min-w-max max-w-xs max-h-60 overflow-auto rounded-lg border border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-900 py-1 shadow-lg focus:outline-none"
 		}, [(y(!0), o(e, null, x(t.options, (e) => (y(), o("li", {
 			key: String(e.value),
 			role: "option",
@@ -2576,13 +2585,13 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 			disabled: e.disabled,
 			class: m(_(e)),
 			onClick: (t) => S(e)
-		}, T(e.label), 11, Sr)], 8, xr))), 128))], 8, br)) : a("", !0)], 2));
+		}, T(e.label), 11, Cr)], 8, Sr))), 128))], 8, xr)) : a("", !0)], 2));
 	}
-}), wr = ["role", "aria-label"], Tr = [
+}), Tr = ["role", "aria-label"], Er = [
 	"aria-pressed",
 	"title",
 	"onClick"
-], Er = "bg-slate-50 dark:bg-slate-900 text-slate-600 dark:text-slate-300 hover:bg-slate-100 dark:hover:bg-slate-800", Dr = /* @__PURE__ */ d({
+], Dr = "bg-slate-50 dark:bg-slate-900 text-slate-600 dark:text-slate-300 hover:bg-slate-100 dark:hover:bg-slate-800", Or = /* @__PURE__ */ d({
 	__name: "BaseSegmentedControl",
 	props: {
 		options: {},
@@ -2596,10 +2605,10 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 	},
 	emits: ["update:modelValue"],
 	setup(t, { emit: n }) {
-		let i = t, a = n, s = r(() => i.variant === "toolbar" ? "inline-flex h-9 divide-x divide-slate-300 dark:divide-slate-600 rounded-md border border-slate-300 dark:border-slate-600 overflow-hidden" : "inline-flex rounded border border-slate-300 dark:border-slate-600 overflow-hidden"), c = r(() => i.variant === "toolbar" ? "flex items-center px-3.5 text-xs font-semibold uppercase tracking-wide transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-emerald-500" : `${i.variant === "wide" ? "px-4 py-2" : "px-3 py-2"} text-sm font-medium transition-colors border-l first:border-l-0 border-slate-300 dark:border-slate-600`), l = r(() => i.variant === "wide" ? "bg-emerald-600 text-white" : "bg-emerald-500 text-white");
+		let i = t, a = n, s = r(() => i.variant === "toolbar" ? "inline-flex h-9 divide-x divide-slate-300 dark:divide-slate-600 rounded-md border border-slate-300 dark:border-slate-600 overflow-hidden" : "inline-flex rounded border border-slate-300 dark:border-slate-600 overflow-hidden"), c = r(() => i.variant === "toolbar" ? "flex items-center px-3.5 text-xs font-semibold uppercase tracking-wide transition-colors cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-emerald-500" : `${i.variant === "wide" ? "px-4 py-2" : "px-3 py-2"} text-sm font-medium transition-colors cursor-pointer border-l first:border-l-0 border-slate-300 dark:border-slate-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-emerald-500`), l = r(() => i.variant === "wide" ? "bg-emerald-600 text-white" : "bg-emerald-500 text-white");
 		function u(e) {
 			let t = e.value === i.modelValue;
-			return i.optionClass ? i.optionClass(e, t) : t ? l.value : Er;
+			return i.optionClass ? i.optionClass(e, t) : t ? l.value : Dr;
 		}
 		return (n, r) => (y(), o("div", {
 			role: t.ariaLabel ? "group" : void 0,
@@ -2612,9 +2621,9 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 			"aria-pressed": e.value === t.modelValue,
 			title: e.title,
 			onClick: (t) => a("update:modelValue", e.value)
-		}, T(e.label), 11, Tr))), 128))], 10, wr));
+		}, T(e.label), 11, Er))), 128))], 10, Tr));
 	}
-}), Or = { class: "w-full text-sm" }, kr = { class: "bg-slate-50 dark:bg-slate-800/60 text-slate-600 dark:text-slate-300" }, Ar = { class: "text-left" }, jr = { key: 0 }, Mr = ["colspan"], Nr = /* @__PURE__ */ d({
+}), kr = { class: "w-full text-sm" }, Ar = { class: "bg-slate-50 dark:bg-slate-800/60 text-slate-600 dark:text-slate-300" }, jr = { class: "text-left" }, Mr = { key: 0 }, Nr = ["colspan"], Pr = /* @__PURE__ */ d({
 	__name: "BaseTable",
 	props: {
 		columns: {},
@@ -2625,24 +2634,24 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 		emptyText: { default: "No rows." }
 	},
 	setup(t) {
-		return (n, r) => (y(), o("table", Or, [s("thead", kr, [s("tr", Ar, [(y(!0), o(e, null, x(t.columns, (e, t) => (y(), o("th", {
+		return (n, r) => (y(), o("table", kr, [s("thead", Ar, [s("tr", jr, [(y(!0), o(e, null, x(t.columns, (e, t) => (y(), o("th", {
 			key: t,
 			class: m(["px-4 py-3", e.align === "right" ? "text-right" : ""])
-		}, T(e.label), 3))), 128))])]), s("tbody", null, [t.empty ? (y(), o("tr", jr, [s("td", {
+		}, T(e.label), 3))), 128))])]), s("tbody", null, [t.empty ? (y(), o("tr", Mr, [s("td", {
 			colspan: t.columns.length,
 			class: "px-4 py-12 text-center text-slate-500"
-		}, [S(n.$slots, "empty", {}, () => [l(T(t.emptyText), 1)])], 8, Mr)])) : a("", !0), S(n.$slots, "default")])]));
+		}, [S(n.$slots, "empty", {}, () => [l(T(t.emptyText), 1)])], 8, Nr)])) : a("", !0), S(n.$slots, "default")])]));
 	}
-}), Pr = { class: "grid gap-3 md:grid-cols-2" }, Fr = {
+}), Fr = { class: "grid gap-3 md:grid-cols-2" }, Ir = {
 	key: 0,
 	class: "block text-[11px] uppercase tracking-wide text-slate-500 mb-1"
-}, Ir = ["value"], Lr = {
+}, Lr = ["value"], Rr = {
 	key: 2,
 	class: "flex items-center gap-2 mt-4"
-}, Rr = ["checked", "onChange"], zr = { class: "text-sm text-slate-900 dark:text-slate-100" }, Br = {
+}, zr = ["checked", "onChange"], Br = { class: "text-sm text-slate-900 dark:text-slate-100" }, Vr = {
 	key: 4,
 	class: "text-[11px] text-slate-400 mt-1"
-}, Vr = /* @__PURE__ */ d({
+}, Hr = /* @__PURE__ */ d({
 	__name: "BaseSpecFields",
 	props: {
 		specs: {},
@@ -2658,9 +2667,9 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 			let n = parseFloat(t);
 			r("update", e, Number.isNaN(n) ? t : n);
 		}
-		return (n, u) => (y(), o("div", Pr, [(y(!0), o(e, null, x(t.specs, (u) => (y(), o("div", { key: u.key }, [
-			u.type === "boolean" ? a("", !0) : (y(), o("label", Fr, T(u.label), 1)),
-			u.type === "select" ? (y(), i(vr, {
+		return (n, u) => (y(), o("div", Fr, [(y(!0), o(e, null, x(t.specs, (u) => (y(), o("div", { key: u.key }, [
+			u.type === "boolean" ? a("", !0) : (y(), o("label", Ir, T(u.label), 1)),
+			u.type === "select" ? (y(), i(yr, {
 				key: 1,
 				modelValue: String(t.params[u.key] ?? ""),
 				"onUpdate:modelValue": (e) => r("update", u.key, e)
@@ -2668,14 +2677,14 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 				default: M(() => [(y(!0), o(e, null, x(u.options ?? [], (e) => (y(), o("option", {
 					key: e,
 					value: e
-				}, T(e), 9, Ir))), 128))]),
+				}, T(e), 9, Lr))), 128))]),
 				_: 2
-			}, 1032, ["modelValue", "onUpdate:modelValue"])) : u.type === "boolean" ? (y(), o("label", Lr, [s("input", {
+			}, 1032, ["modelValue", "onUpdate:modelValue"])) : u.type === "boolean" ? (y(), o("label", Rr, [s("input", {
 				checked: !!t.params[u.key],
 				type: "checkbox",
 				class: "h-4 w-4",
 				onChange: (e) => c(u.key, e)
-			}, null, 40, Rr), s("span", zr, T(u.label), 1)])) : (y(), i(gr, {
+			}, null, 40, zr), s("span", Br, T(u.label), 1)])) : (y(), i(_r, {
 				key: 3,
 				modelValue: t.params[u.key],
 				type: "number",
@@ -2688,14 +2697,38 @@ var sn = ["aria-label", "aria-expanded"], cn = { class: "flex flex-col h-full" }
 				"min",
 				"onUpdate:modelValue"
 			])),
-			u.help ? (y(), o("p", Br, T(u.help), 1)) : a("", !0),
+			u.help ? (y(), o("p", Vr, T(u.help), 1)) : a("", !0),
 			S(n.$slots, "after", { spec: u })
 		]))), 128))]));
 	}
+}), Ur = { class: "mt-1.5 space-y-0.5 px-1" }, Wr = { class: "text-slate-400 dark:text-slate-500" }, Gr = /* @__PURE__ */ d({
+	__name: "BaseStatBreakdown",
+	props: {
+		items: {},
+		currency: { default: "" },
+		decimals: { default: 2 },
+		signed: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(t) {
+		let n = t;
+		function r(e) {
+			return e == null ? "—" : `${e < 0 ? "-" : n.signed ? "+" : ""}${n.currency}${Math.abs(e).toFixed(n.decimals)}`;
+		}
+		function i(e) {
+			return !n.signed || e == null ? "text-slate-500 dark:text-slate-400" : e >= 0 ? "text-emerald-600 dark:text-emerald-400" : "text-red-600 dark:text-red-400";
+		}
+		return (n, a) => (y(), o("div", Ur, [(y(!0), o(e, null, x(t.items, (e) => (y(), o("div", {
+			key: e.label,
+			class: "flex items-center justify-between text-[11px]"
+		}, [s("span", Wr, T(e.label), 1), s("span", { class: m(["font-mono tabular-nums font-medium", i(e.value)]) }, T(r(e.value)), 3)]))), 128))]));
+	}
 });
 //#endregion
 //#region src/composables/useDebounce.ts
-function Hr(e, t = 300) {
+function Kr(e, t = 300) {
 	let n = b(e.value), r = null;
 	return j(e, (e) => {
 		r && clearTimeout(r), r = setTimeout(() => {
@@ -2707,7 +2740,7 @@ function Hr(e, t = 300) {
 }
 //#endregion
 //#region src/composables/useToast.ts
-function Ur(e = 3e3) {
+function qr(e = 3e3) {
 	let t = b(!1), n = b(""), r = b(K.SUCCESS), i = null;
 	function a() {
 		i &&= (clearTimeout(i), null);
@@ -2728,16 +2761,16 @@ function Ur(e = 3e3) {
 }
 //#endregion
 //#region src/enums/BaseBadgeEnum.ts
-var Wr = /* @__PURE__ */ function(e) {
+var Jr = /* @__PURE__ */ function(e) {
 	return e.WIN = "WIN", e.LOSE = "LOSE", e;
-}({}), Gr = {
+}({}), Yr = {
 	GET: "bg-blue-600",
 	POST: "bg-emerald-600",
 	PUT: "bg-amber-600",
 	DELETE: "bg-red-600",
 	PATCH: "bg-purple-600",
 	HEAD: "bg-gray-600"
-}, Kr = {
+}, Xr = {
 	GET: "bg-blue-500",
 	POST: "bg-green-500",
 	PUT: "bg-yellow-500",
@@ -2745,23 +2778,23 @@ var Wr = /* @__PURE__ */ function(e) {
 	PATCH: "bg-purple-500",
 	HEAD: "bg-gray-500"
 };
-function qr(e) {
-	return e ? Gr[e.toUpperCase()] ?? "bg-gray-600" : "bg-gray-600";
+function Zr(e) {
+	return e ? Yr[e.toUpperCase()] ?? "bg-gray-600" : "bg-gray-600";
 }
-function Jr(e) {
-	return e ? Kr[e.toUpperCase()] ?? "bg-gray-500" : "bg-gray-500";
+function Qr(e) {
+	return e ? Xr[e.toUpperCase()] ?? "bg-gray-500" : "bg-gray-500";
 }
-function Yr(e) {
+function $r(e) {
 	let t = e ?? 0;
 	return t >= 200 && t < 300 ? "bg-emerald-600" : t >= 300 && t < 400 ? "bg-blue-600" : t >= 400 && t < 500 ? "bg-amber-600" : t >= 500 ? "bg-red-600" : "bg-gray-600";
 }
-function Xr(e, t) {
+function ei(e, t) {
 	let n = e ?? 200;
 	return t ? n >= 200 && n < 300 ? "bg-green-500/15 text-green-400" : n >= 300 && n < 400 ? "bg-blue-500/15 text-blue-400" : n >= 400 && n < 500 ? "bg-yellow-500/15 text-yellow-400" : "bg-red-500/15 text-red-400" : n >= 200 && n < 300 ? "bg-green-100 text-green-800" : n >= 300 && n < 400 ? "bg-blue-100 text-blue-800" : n >= 400 && n < 500 ? "bg-yellow-100 text-yellow-800" : "bg-red-100 text-red-800";
 }
 //#endregion
 //#region src/utils/sanitizeHtml.ts
-var Zr = /* @__PURE__ */ new Set([
+var ti = /* @__PURE__ */ new Set([
 	"A",
 	"B",
 	"STRONG",
@@ -2776,7 +2809,7 @@ var Zr = /* @__PURE__ */ new Set([
 	"LI",
 	"SPAN",
 	"DIV"
-]), Qr = /* @__PURE__ */ new Set([
+]), ni = /* @__PURE__ */ new Set([
 	"SCRIPT",
 	"STYLE",
 	"IFRAME",
@@ -2784,53 +2817,53 @@ var Zr = /* @__PURE__ */ new Set([
 	"EMBED",
 	"NOSCRIPT",
 	"TEMPLATE"
-]), $r = { A: /* @__PURE__ */ new Set(["href", "title"]) };
-function ei(e) {
+]), ri = { A: /* @__PURE__ */ new Set(["href", "title"]) };
+function ii(e) {
 	let t = e.trim().toLowerCase();
 	return t.startsWith("http://") || t.startsWith("https://") || t.startsWith("mailto:") || t.startsWith("tel:") || t.startsWith("/") || t.startsWith("#") || t === "";
 }
-function ti(e) {
+function ai(e) {
 	if (e.nodeType !== Node.ELEMENT_NODE) return;
 	let t = e, n = t.tagName.toUpperCase();
-	if (!Zr.has(n)) {
-		Qr.has(n) ? t.remove() : t.replaceWith(document.createTextNode(t.textContent ?? ""));
+	if (!ti.has(n)) {
+		ni.has(n) ? t.remove() : t.replaceWith(document.createTextNode(t.textContent ?? ""));
 		return;
 	}
-	let r = $r[n] ?? /* @__PURE__ */ new Set();
+	let r = ri[n] ?? /* @__PURE__ */ new Set();
 	for (let e of Array.from(t.attributes)) {
 		if (!r.has(e.name.toLowerCase())) {
 			t.removeAttribute(e.name);
 			continue;
 		}
-		n === "A" && e.name.toLowerCase() === "href" && !ei(e.value) && t.removeAttribute(e.name);
+		n === "A" && e.name.toLowerCase() === "href" && !ii(e.value) && t.removeAttribute(e.name);
 	}
 	n === "A" && t.hasAttribute("href") && (t.setAttribute("rel", "noopener noreferrer"), t.setAttribute("target", "_blank"));
-	for (let e of Array.from(t.childNodes)) ti(e);
+	for (let e of Array.from(t.childNodes)) ai(e);
 }
-function ni(e) {
+function oi(e) {
 	if (!e) return "";
 	let t = new DOMParser().parseFromString(`<div>${e}</div>`, "text/html").body.firstElementChild;
 	if (!t) return "";
-	for (let e of Array.from(t.childNodes)) ti(e);
+	for (let e of Array.from(t.childNodes)) ai(e);
 	return t.innerHTML;
 }
 //#endregion
 //#region src/utils/format.ts
-var ri = "—";
-function ii(e, t = 4) {
-	if (e == null || typeof e == "string" && e.trim() === "") return ri;
+var si = "—";
+function ci(e, t = 4) {
+	if (e == null || typeof e == "string" && e.trim() === "") return si;
 	let n = typeof e == "string" ? Number(e) : e;
 	return isFinite(n) ? n.toLocaleString(void 0, {
 		minimumFractionDigits: t,
 		maximumFractionDigits: t
-	}) : ri;
+	}) : si;
 }
-function ai(e) {
-	if (e == null || e === "") return ri;
+function li(e) {
+	if (e == null || e === "") return si;
 	let t = new Date(e);
 	return isNaN(t.getTime()) ? String(e) : t.toLocaleString();
 }
-function oi(e) {
+function ui(e) {
 	return new Date(e).toLocaleString(void 0, {
 		month: "short",
 		day: "numeric",
@@ -2838,13 +2871,13 @@ function oi(e) {
 		minute: "2-digit"
 	});
 }
-function si(e) {
+function di(e) {
 	return new Date(e).toLocaleDateString(void 0, {
 		month: "short",
 		day: "numeric"
 	});
 }
-function ci(e) {
+function fi(e) {
 	if (!isFinite(e) || e === 0) return e.toFixed(2);
 	let t = Math.abs(e), n = 2;
 	return t < 1e-4 ? n = 8 : t < .01 ? n = 6 : t < 1 ? n = 4 : t < 100 && (n = 3), e.toLocaleString(void 0, {
@@ -2852,15 +2885,20 @@ function ci(e) {
 		maximumFractionDigits: n
 	});
 }
-function li(e, t = 2) {
+function pi(e, t = 2) {
 	return `${e >= 0 ? "+" : ""}${e.toFixed(t)}%`;
 }
-function ui(e) {
+function mi(e) {
 	return `${e < 0 ? "-" : "+"}$${Math.abs(e).toFixed(2)}`;
 }
+function hi(e, t = 2) {
+	if (e == null || !isFinite(e)) return si;
+	let n = Math.floor(Math.max(0, e) / 6e4), r = Math.floor(n / 1440), i = Math.floor(n % 1440 / 60), a = n % 60, o = [];
+	return r > 0 && o.push(`${r}d`), (r > 0 || i > 0) && o.push(`${i}h`), o.push(`${a}m`), o.slice(0, t).join(" ");
+}
 //#endregion
 //#region src/utils/pnl.ts
-function di(e) {
+function gi(e) {
 	if (e.buyPrice == null || e.lastPrice == null || e.filledQty == null) return {
 		pnlUsd: null,
 		pnlPct: null
@@ -2875,4 +2913,4 @@ function di(e) {
 	};
 }
 //#endregion
-export { I as AlertEnum, Un as BaseActionButton, Oe as BaseAlert, Nn as BaseAppLayout, R as BaseBadge, Wr as BaseBadgeEnum, Ne as BaseBreadcrumb, Ge as BaseButton, z as BaseButtonEnum, B as BaseButtonSizeEnum, Vt as BaseCollapsibleSection, Gt as BaseConfirmModal, Gn as BaseCopyButton, Cr as BaseDropdown, An as BaseEntityPickerModal, Yn as BaseGoogleSignInButton, gr as BaseInput, Ye as BaseLine, Xe as BaseLoginEnum, sr as BaseLoginForm, Qe as BaseLogo, G as BaseLogoEnum, at as BaseModal, $e as BaseModalEnum, Rt as BaseModalShell, Qt as BaseNotFoundPage, mr as BaseNotificationPanel, Ln as BasePageHeader, ot as BaseRow, Dr as BaseSegmentedControl, vr as BaseSelect, _n as BaseSidebar, Vr as BaseSpecFields, st as BaseSpinner, Nr as BaseTable, Yt as BaseTextInputModal, ut as BaseToast, K as BaseToastEnum, Bn as BaseToolbarButton, ft as ColoredSquares, L as ColorsEnums, ht as EarningsCard, bt as EuroAmount, W as LineEnum, wt as Pagination, q as PositioningEnum, kt as TrendArrow, di as computePnL, ai as fmtDate, si as fmtDateShort, oi as fmtDateTime, ii as fmtNumber, li as fmtPct, ci as fmtPrice, ui as fmtUsd, Te as getBaseColor, Ee as getBaseColorOf, Ie as initTheme, ei as isSafeHref, Jr as methodBadgeBright, qr as methodBadgeSolid, ni as sanitizeHtml, Yr as statusBadgeSolid, Xr as statusBadgeTinted, Hr as useDebouncedRef, Y as useEscapeKey, $t as useMobileSidebar, on as useNotifications, rn as useSidebarCollapse, U as useTheme, J as useThemeClasses, Ur as useToast };
+export { I as AlertEnum, Wn as BaseActionButton, Oe as BaseAlert, Pn as BaseAppLayout, R as BaseBadge, Jr as BaseBadgeEnum, Ne as BaseBreadcrumb, Ge as BaseButton, z as BaseButtonEnum, B as BaseButtonSizeEnum, Ht as BaseCollapsibleSection, Kt as BaseConfirmModal, Kn as BaseCopyButton, wr as BaseDropdown, jn as BaseEntityPickerModal, Xn as BaseGoogleSignInButton, _r as BaseInput, Ye as BaseLine, Xe as BaseLoginEnum, cr as BaseLoginForm, Qe as BaseLogo, G as BaseLogoEnum, at as BaseModal, $e as BaseModalEnum, zt as BaseModalShell, $t as BaseNotFoundPage, hr as BaseNotificationPanel, Rn as BasePageHeader, ot as BaseRow, Or as BaseSegmentedControl, yr as BaseSelect, vn as BaseSidebar, Hr as BaseSpecFields, st as BaseSpinner, Gr as BaseStatBreakdown, Pr as BaseTable, Xt as BaseTextInputModal, ut as BaseToast, K as BaseToastEnum, Vn as BaseToolbarButton, ft as ColoredSquares, L as ColorsEnums, ht as EarningsCard, bt as EuroAmount, W as LineEnum, Tt as Pagination, q as PositioningEnum, At as TrendArrow, gi as computePnL, li as fmtDate, di as fmtDateShort, ui as fmtDateTime, hi as fmtDuration, ci as fmtNumber, pi as fmtPct, fi as fmtPrice, mi as fmtUsd, Te as getBaseColor, Ee as getBaseColorOf, Ie as initTheme, ii as isSafeHref, Qr as methodBadgeBright, Zr as methodBadgeSolid, oi as sanitizeHtml, $r as statusBadgeSolid, ei as statusBadgeTinted, Kr as useDebouncedRef, Y as useEscapeKey, en as useMobileSidebar, sn as useNotifications, an as useSidebarCollapse, U as useTheme, J as useThemeClasses, qr as useToast };