@freedom-code-compliance/fcc-redesign 0.1.37 → 0.1.39

package/dist/index.js

@@ -1,9 +1,9 @@
 import { createContext as e, createElement as t, forwardRef as n, isValidElement 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 { AlertCircle as f, AlertTriangle as p, Bell as m, Calendar as h, Check as g, CheckCheck as _, CheckCircle as v, ChevronDown as y, ChevronRight as b, ChevronUp as x, ChevronsUpDown as S, Clock as C, Columns3 as w, Filter as T, Hash as E, Info as D, LayoutGrid as O, List as k, Loader2 as A, LogOut as j, Map as M, Mic as N, MicOff as P, Minus as F, Moon as I, MoreHorizontal as L, Pause as ee, Phone as R, PhoneForwarded as te, PhoneIncoming as ne, PhoneMissed as re, PhoneOff as z, Play as ie, Search as B, Sun as ae, TrendingDown as oe, TrendingUp as se, UserPlus as ce, Voicemail as le, X as V } from "lucide-react";
-import { Fragment as ue, jsx as H, jsxs as U } from "react/jsx-runtime";
+import { AlertCircle as f, AlertTriangle as p, Bell as m, Calendar as h, Check as g, CheckCheck as _, CheckCircle as v, ChevronDown as y, ChevronRight as b, ChevronUp as x, ChevronsUpDown as S, Clock as C, Columns3 as w, Filter as T, Hash as E, Info as D, LayoutGrid as O, List as k, Loader2 as A, LogOut as j, Map as M, Menu as N, Mic as P, MicOff as F, Minus as I, Moon as L, MoreHorizontal as R, Pause as z, Phone as ee, PhoneForwarded as te, PhoneIncoming as ne, PhoneMissed as re, PhoneOff as ie, Pin as ae, PinOff as oe, Play as se, Search as B, Sun as ce, TrendingDown as le, TrendingUp as ue, UserPlus as de, Voicemail as fe, X as V } from "lucide-react";
+import { Fragment as pe, jsx as H, jsxs as U } from "react/jsx-runtime";
 import { createPortal as W } from "react-dom";
 //#region src/components/ui/Toast.jsx
-var de = e(null), fe = {
+var me = e(null), he = {
 	success: /* @__PURE__ */ H(v, {
 		size: 16,
 		style: { color: "var(--accent-green)" }
@@ -21,7 +21,7 @@ var de = e(null), fe = {
 		style: { color: "var(--accent-blue)" }
 	})
 };
-function pe({ toast: e, onDismiss: t }) {
+function ge({ toast: e, onDismiss: t }) {
 	return o(() => {
 		if (!(e.sticky || e.duration === 0)) {
 			let n = setTimeout(() => t(e.id), e.duration || 4e3);
@@ -38,7 +38,7 @@ function pe({ toast: e, onDismiss: t }) {
 		children: [
 			/* @__PURE__ */ H("span", {
 				className: "toast-icon",
-				children: fe[e.type] || fe.info
+				children: he[e.type] || he.info
 			}),
 			/* @__PURE__ */ U("div", {
 				className: "toast-content",
@@ -68,7 +68,7 @@ function pe({ toast: e, onDismiss: t }) {
 		]
 	});
 }
-function me({ children: e }) {
+function _e({ children: e }) {
 	let [t, n] = d([]), r = i((e) => {
 		let t = Date.now() + Math.random();
 		n((n) => [...n.slice(-4), {
@@ -78,35 +78,35 @@ function me({ children: e }) {
 	}, []), a = i((e) => {
 		n((t) => t.filter((t) => t.id !== e));
 	}, []);
-	return /* @__PURE__ */ U(de.Provider, {
+	return /* @__PURE__ */ U(me.Provider, {
 		value: { addToast: r },
 		children: [e, /* @__PURE__ */ H("div", {
 			className: "toast-container",
-			children: t.map((e) => /* @__PURE__ */ H(pe, {
+			children: t.map((e) => /* @__PURE__ */ H(ge, {
 				toast: e,
 				onDismiss: a
 			}, e.id))
 		})]
 	});
 }
-function he() {
-	let e = a(de);
+function ve() {
+	let e = a(me);
 	if (!e) throw Error("useToast must be used within ToastProvider");
 	return e;
 }
 //#endregion
 //#region src/context/ThemeContext.jsx
-var ge = e(void 0), _e = "dark", ve = "fcc-theme";
-function ye(e) {
+var ye = e(void 0), be = "dark", xe = "fcc-theme";
+function Se(e) {
 	if (typeof document > "u") return;
 	let t = document.documentElement;
 	t.classList.remove("dark", "light"), e === "light" && t.classList.add("light");
 }
-function be({ children: e, defaultTheme: t = _e, storageKey: n = ve }) {
+function Ce({ children: e, defaultTheme: t = be, storageKey: n = xe }) {
 	let [r, i] = d(() => typeof window > "u" ? t : window.localStorage.getItem(n) || t);
 	return o(() => {
-		typeof window < "u" && window.localStorage.setItem(n, r), ye(r);
-	}, [n, r]), /* @__PURE__ */ H(ge.Provider, {
+		typeof window < "u" && window.localStorage.setItem(n, r), Se(r);
+	}, [n, r]), /* @__PURE__ */ H(ye.Provider, {
 		value: {
 			theme: r,
 			setTheme: i,
@@ -117,23 +117,40 @@ function be({ children: e, defaultTheme: t = _e, storageKey: n = ve }) {
 		children: e
 	});
 }
-function xe() {
-	let e = a(ge);
+function we() {
+	let e = a(ye);
 	if (!e) throw Error("useTheme must be used within a ThemeProvider");
 	return e;
 }
 //#endregion
 //#region src/lib/FCCDesignProvider.jsx
-function Se({ children: e, ...t }) {
-	return /* @__PURE__ */ H(be, {
+function Te({ children: e, ...t }) {
+	return /* @__PURE__ */ H(Ce, {
 		...t,
-		children: /* @__PURE__ */ H(me, { children: e })
+		children: /* @__PURE__ */ H(_e, { children: e })
 	});
 }
 //#endregion
+//#region src/components/layout/FCCAppShellContext.jsx
+var G = () => {}, Ee = e({
+	sidebarPinned: !1,
+	setSidebarPinned: G,
+	toggleSidebarPinned: G,
+	mobileMenuOpen: !1,
+	setMobileMenuOpen: G,
+	toggleMobileMenu: G,
+	closeMobileMenu: G,
+	isMobileViewport: !1,
+	pinnable: !1,
+	mobileMenuEnabled: !1
+});
+function De() {
+	return a(Ee);
+}
+//#endregion
 //#region src/components/layout/FCCSidePanel.jsx
-var G = (...e) => e.filter(Boolean).join(" "), Ce = 300;
-function we({ open: e = !1, width: t = 320, expandedWidth: n, expanded: r = !1, panel: i, children: a, className: s = "", contentClassName: c = "", panelClassName: l = "" }) {
+var K = (...e) => e.filter(Boolean).join(" "), Oe = 300;
+function ke({ open: e = !1, width: t = 320, expandedWidth: n, expanded: r = !1, panel: i, children: a, className: s = "", contentClassName: c = "", panelClassName: l = "" }) {
 	let f = r && n ? n : t, p = u(null), m = u(null), [h, g] = d(e ? i : null), [_, v] = d(f), [y, b] = d(e && !!i);
 	o(() => () => {
 		p.current &&= (window.cancelAnimationFrame(p.current), null), m.current &&= (window.clearTimeout(m.current), null);
@@ -151,29 +168,29 @@ function we({ open: e = !1, width: t = 320, expandedWidth: n, expanded: r = !1,
 	]), o(() => {
 		if (!(e || !y)) return m.current = window.setTimeout(() => {
 			b(!1), g(null), m.current = null;
-		}, Ce), () => {
+		}, Oe), () => {
 			m.current &&= (window.clearTimeout(m.current), null);
 		};
 	}, [e, y]);
 	let x = !e && y, S = e ? i : y ? h : null, C = e ? f : y ? _ : f, w = e && !!i || !!S;
 	return /* @__PURE__ */ U("div", {
-		className: G("fcc-side-panel-layout", s),
+		className: K("fcc-side-panel-layout", s),
 		children: [/* @__PURE__ */ H("div", {
-			className: G("fcc-side-panel-content", c),
+			className: K("fcc-side-panel-content", c),
 			children: a
 		}), /* @__PURE__ */ H("div", {
-			className: G("fcc-side-panel-rail", w && "has-panel", e && w && "open", x && "closing"),
+			className: K("fcc-side-panel-rail", w && "has-panel", e && w && "open", x && "closing"),
 			style: { "--fcc-side-panel-width": `${C}px` },
 			children: /* @__PURE__ */ H("div", {
-				className: G("fcc-side-panel-inner", l),
+				className: K("fcc-side-panel-inner", l),
 				children: S
 			})
 		})]
 	});
 }
-function Te({ title: e, subtitle: t, onClose: n, actions: r, className: i = "" }) {
+function Ae({ title: e, subtitle: t, onClose: n, actions: r, className: i = "" }) {
 	return /* @__PURE__ */ U("div", {
-		className: G("fcc-side-panel-header", i),
+		className: K("fcc-side-panel-header", i),
 		children: [/* @__PURE__ */ U("div", {
 			className: "fcc-side-panel-header-copy",
 			children: [/* @__PURE__ */ H("div", {
@@ -194,25 +211,25 @@ function Te({ title: e, subtitle: t, onClose: n, actions: r, className: i = "" }
 		})]
 	});
 }
-function Ee({ children: e, className: t = "" }) {
+function je({ children: e, className: t = "" }) {
 	return /* @__PURE__ */ H("div", {
-		className: G("fcc-side-panel-body", t),
+		className: K("fcc-side-panel-body", t),
 		children: e
 	});
 }
-function De({ tabs: e = [], activeTab: t = 0, onTabChange: n, className: r = "" }) {
+function Me({ tabs: e = [], activeTab: t = 0, onTabChange: n, className: r = "" }) {
 	return /* @__PURE__ */ H("div", {
-		className: G("fcc-side-panel-tabs", r),
+		className: K("fcc-side-panel-tabs", r),
 		children: e.map((e, r) => /* @__PURE__ */ H("button", {
-			className: G("fcc-side-panel-tab", t === r && "active"),
+			className: K("fcc-side-panel-tab", t === r && "active"),
 			onClick: () => n?.(r),
 			children: e
 		}, e))
 	});
 }
-function Oe({ placeholder: e = "Search...", value: t, onChange: n, className: r = "" }) {
+function Ne({ placeholder: e = "Search...", value: t, onChange: n, className: r = "" }) {
 	return /* @__PURE__ */ U("div", {
-		className: G("fcc-side-panel-search", r),
+		className: K("fcc-side-panel-search", r),
 		children: [/* @__PURE__ */ H(B, { size: 13 }), n ? /* @__PURE__ */ H("input", {
 			className: "fcc-side-panel-search-input",
 			type: "text",
@@ -225,15 +242,15 @@ function Oe({ placeholder: e = "Search...", value: t, onChange: n, className: r
 		})]
 	});
 }
-function ke({ children: e, className: t = "" }) {
+function Pe({ children: e, className: t = "" }) {
 	return /* @__PURE__ */ H("div", {
-		className: G("fcc-side-panel-group-label", t),
+		className: K("fcc-side-panel-group-label", t),
 		children: e
 	});
 }
-function Ae({ dot: e, label: t, detail: n, time: r, onClick: i, className: a = "" }) {
+function Fe({ dot: e, label: t, detail: n, time: r, onClick: i, className: a = "" }) {
 	return /* @__PURE__ */ U("div", {
-		className: G("fcc-side-panel-item", a),
+		className: K("fcc-side-panel-item", a),
 		onClick: i,
 		children: [
 			e && /* @__PURE__ */ H("span", {
@@ -257,9 +274,9 @@ function Ae({ dot: e, label: t, detail: n, time: r, onClick: i, className: a = "
 		]
 	});
 }
-function je({ avatar: e, title: t, detail: n, time: r, unread: i, onClick: a, className: o = "" }) {
+function Ie({ avatar: e, title: t, detail: n, time: r, unread: i, onClick: a, className: o = "" }) {
 	return /* @__PURE__ */ U("div", {
-		className: G("fcc-side-panel-card", o),
+		className: K("fcc-side-panel-card", o),
 		onClick: a,
 		children: [/* @__PURE__ */ H("div", {
 			className: "fcc-side-panel-card-avatar",
@@ -283,9 +300,9 @@ function je({ avatar: e, title: t, detail: n, time: r, unread: i, onClick: a, cl
 		})]
 	});
 }
-function Me({ avatar: e, name: t, time: n, active: r, online: i, onClick: a, className: o = "" }) {
+function Le({ avatar: e, name: t, time: n, active: r, online: i, onClick: a, className: o = "" }) {
 	return /* @__PURE__ */ U("div", {
-		className: G("fcc-side-panel-contact", r && "active", o),
+		className: K("fcc-side-panel-contact", r && "active", o),
 		onClick: a,
 		children: [
 			/* @__PURE__ */ U("div", {
@@ -303,22 +320,22 @@ function Me({ avatar: e, name: t, time: n, active: r, online: i, onClick: a, cla
 		]
 	});
 }
-function Ne({ children: e, onClick: t, className: n = "" }) {
+function Re({ children: e, onClick: t, className: n = "" }) {
 	return /* @__PURE__ */ H("div", {
-		className: G("fcc-side-panel-action", n),
+		className: K("fcc-side-panel-action", n),
 		onClick: t,
 		children: e
 	});
 }
-function Pe({ children: e, className: t = "" }) {
+function ze({ children: e, className: t = "" }) {
 	return /* @__PURE__ */ H("div", {
-		className: G("fcc-side-panel-chat-wrap", t),
+		className: K("fcc-side-panel-chat-wrap", t),
 		children: e
 	});
 }
-function Fe({ title: e, headerActions: t, messages: n = [], input: r, className: i = "" }) {
+function Be({ title: e, headerActions: t, messages: n = [], input: r, className: i = "" }) {
 	return /* @__PURE__ */ U("div", {
-		className: G("fcc-side-panel-conversation", i),
+		className: K("fcc-side-panel-conversation", i),
 		children: [
 			/* @__PURE__ */ U("div", {
 				className: "fcc-side-panel-conv-header",
@@ -341,22 +358,22 @@ function Fe({ title: e, headerActions: t, messages: n = [], input: r, className:
 		]
 	});
 }
-function Ie({ from: e = "other", meta: t, children: n, className: r = "" }) {
+function Ve({ from: e = "other", meta: t, children: n, className: r = "" }) {
 	let i = e === "you";
 	return /* @__PURE__ */ U("div", {
-		className: G("fcc-side-panel-msg-row", i ? "fcc-msg-right" : "fcc-msg-left", r),
+		className: K("fcc-side-panel-msg-row", i ? "fcc-msg-right" : "fcc-msg-left", r),
 		children: [t && /* @__PURE__ */ H("div", {
 			className: "fcc-side-panel-msg-meta",
 			children: t
 		}), /* @__PURE__ */ H("div", {
-			className: G("fcc-side-panel-msg-bubble", i ? "fcc-bubble-you" : "fcc-bubble-other"),
+			className: K("fcc-side-panel-msg-bubble", i ? "fcc-bubble-you" : "fcc-bubble-other"),
 			children: n
 		})]
 	});
 }
 //#endregion
 //#region src/components/layout/FCCBreadcrumbs.jsx
-function Le(e, t) {
+function He(e, t) {
 	let n = [
 		"fcc-breadcrumb-item",
 		t ? "current" : "",
@@ -379,7 +396,7 @@ function Le(e, t) {
 		children: e.label
 	});
 }
-function Re({ items: e = [], className: t = "" }) {
+function Ue({ items: e = [], className: t = "" }) {
 	let n = e.filter((e) => e?.label);
 	return n.length === 0 ? null : /* @__PURE__ */ H("nav", {
 		className: ["fcc-breadcrumbs", t].filter(Boolean).join(" "),
@@ -391,25 +408,25 @@ function Re({ items: e = [], className: t = "" }) {
 				children: [t > 0 && /* @__PURE__ */ H("span", {
 					className: "fcc-breadcrumb-sep",
 					children: "/"
-				}), Le(e, r)]
+				}), He(e, r)]
 			}, e.key || e.label || t);
 		})
 	});
 }
 //#endregion
 //#region src/components/layout/FCCHeaderStatus.jsx
-var ze = {
+var We = {
 	success: "fcc-header-status-success",
 	warning: "fcc-header-status-warning",
 	danger: "fcc-header-status-danger",
 	info: "fcc-header-status-info",
 	neutral: "fcc-header-status-neutral"
 };
-function Be({ label: e, tone: t = "success", dotColor: n, className: r = "" }) {
+function Ge({ label: e, tone: t = "success", dotColor: n, className: r = "" }) {
 	return e ? /* @__PURE__ */ U("div", {
 		className: [
 			"fcc-header-status",
-			ze[t] || ze.neutral,
+			We[t] || We.neutral,
 			r
 		].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ H("span", {
@@ -420,16 +437,25 @@ function Be({ label: e, tone: t = "success", dotColor: n, className: r = "" }) {
 }
 //#endregion
 //#region src/components/layout/FCCWorkspaceHeader.jsx
-function Ve({ breadcrumbs: e = [], status: t, actions: n, leftSlot: r, rightSlot: i, className: a = "" }) {
+function Ke({ breadcrumbs: e = [], status: t, actions: n, leftSlot: r, rightSlot: i, className: a = "", showMobileMenuToggle: o = !0 }) {
+	let { isMobileViewport: s, mobileMenuEnabled: c, mobileMenuOpen: l, toggleMobileMenu: u } = De(), d = o && c && s;
 	return /* @__PURE__ */ U("header", {
 		className: ["fcc-workspace-header", a].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ H("div", {
+		children: [/* @__PURE__ */ U("div", {
 			className: "fcc-workspace-header-left",
-			children: r || /* @__PURE__ */ H(Re, { items: e })
+			children: [d && /* @__PURE__ */ H("button", {
+				type: "button",
+				className: "fcc-hamburger-btn",
+				onClick: u,
+				"aria-label": l ? "Close menu" : "Open menu",
+				"aria-expanded": l,
+				title: l ? "Close menu" : "Open menu",
+				children: /* @__PURE__ */ H(N, { size: 18 })
+			}), r || /* @__PURE__ */ H(Ue, { items: e })]
 		}), /* @__PURE__ */ U("div", {
 			className: "fcc-workspace-header-right",
 			children: [
-				t && /* @__PURE__ */ H(Be, { ...t }),
+				t && /* @__PURE__ */ H(Ge, { ...t }),
 				n,
 				i
 			]
@@ -438,8 +464,8 @@ function Ve({ breadcrumbs: e = [], status: t, actions: n, leftSlot: r, rightSlot
 }
 //#endregion
 //#region src/components/layout/FCCMainWindow.jsx
-function He({ breadcrumbs: e = [], status: t, headerActions: n, header: r, children: i, overlay: a, sidePanel: o, callbar: s = null, className: c = "", headerClassName: l = "", contentClassName: u = "" }) {
-	let d = o ? /* @__PURE__ */ H(we, {
+function qe({ breadcrumbs: e = [], status: t, headerActions: n, header: r, children: i, overlay: a, sidePanel: o, callbar: s = null, className: c = "", headerClassName: l = "", contentClassName: u = "" }) {
+	let d = o ? /* @__PURE__ */ H(ke, {
 		open: o.open,
 		width: o.width,
 		expandedWidth: o.expandedWidth,
@@ -453,7 +479,7 @@ function He({ breadcrumbs: e = [], status: t, headerActions: n, header: r, child
 	return /* @__PURE__ */ U("div", {
 		className: ["fcc-main-window", c].filter(Boolean).join(" "),
 		children: [
-			r || /* @__PURE__ */ H(Ve, {
+			r || /* @__PURE__ */ H(Ke, {
 				breadcrumbs: e,
 				status: t,
 				actions: n,
@@ -474,7 +500,7 @@ function He({ breadcrumbs: e = [], status: t, headerActions: n, header: r, child
 }
 //#endregion
 //#region src/components/layout/FCCSidebar.jsx
-function Ue(e, t) {
+function Je(e, t) {
 	if (!e.disabled) {
 		if (e.onClick) {
 			e.onClick(e);
@@ -483,10 +509,10 @@ function Ue(e, t) {
 		t?.(e);
 	}
 }
-function We(e, t) {
+function Ye(e, t) {
 	return !e.childrenSections?.length || !t ? !1 : e.childrenSections.some((e) => e.items?.some((e) => e.key === t));
 }
-function Ge(e, t) {
+function Xe(e, t) {
 	if (!t.trim()) return e;
 	let n = t.trim().toLowerCase();
 	return e.map((e) => ({
@@ -494,9 +520,9 @@ function Ge(e, t) {
 		items: e.items.filter((e) => e.label.toLowerCase().includes(n) || e.pageTitle?.toLowerCase().includes(n) || e.summary?.toLowerCase().includes(n))
 	})).filter((e) => e.items.length > 0);
 }
-function Ke({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, onNavigate: i, user: a, footer: o, onLogout: s, className: c = "" }) {
-	let [l, u] = d({}), [f, p] = d({});
-	function m(e, t) {
+function Ze({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, onNavigate: i, user: a, footer: o, onLogout: s, className: c = "" }) {
+	let [l, u] = d({}), [f, p] = d({}), { pinnable: m, sidebarPinned: h, toggleSidebarPinned: g, isMobileViewport: _, mobileMenuEnabled: v, closeMobileMenu: b } = De(), x = m && !_, S = v && _;
+	function C(e, t) {
 		p((n) => ({
 			...n,
 			[e]: t
@@ -507,19 +533,38 @@ function Ke({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, on
 		children: [
 			/* @__PURE__ */ U("div", {
 				className: "fcc-sidebar-brand",
-				children: [/* @__PURE__ */ H("div", {
-					className: "fcc-sidebar-brand-logo-slot",
-					children: t
-				}), /* @__PURE__ */ H("span", {
-					className: "fcc-sidebar-label fcc-sidebar-brand-text",
-					children: e
-				})]
+				children: [
+					/* @__PURE__ */ H("div", {
+						className: "fcc-sidebar-brand-logo-slot",
+						children: t
+					}),
+					/* @__PURE__ */ H("span", {
+						className: "fcc-sidebar-label fcc-sidebar-brand-text",
+						children: e
+					}),
+					S ? /* @__PURE__ */ H("button", {
+						type: "button",
+						className: "fcc-sidebar-close-btn",
+						onClick: b,
+						"aria-label": "Close menu",
+						title: "Close menu",
+						children: /* @__PURE__ */ H(V, { size: 16 })
+					}) : x ? /* @__PURE__ */ H("button", {
+						type: "button",
+						className: "fcc-sidebar-pin-btn",
+						onClick: g,
+						"aria-label": h ? "Unpin sidebar" : "Pin sidebar open",
+						title: h ? "Unpin sidebar" : "Pin sidebar open",
+						"aria-pressed": h,
+						children: H(h ? oe : ae, { size: 14 })
+					}) : null
+				]
 			}),
 			/* @__PURE__ */ H("nav", {
 				className: "fcc-sidebar-nav",
 				"aria-label": `${e} navigation`,
 				children: n.map((e) => {
-					let t = e.childrenSections?.length > 0, n = We(e, r), a = e.key === r || n || (r?.startsWith?.(`${e.key}/`) ?? !1), o = t && (f[e.key] ?? a), s = l[e.key] || "", c = t ? Ge(e.childrenSections, s) : [];
+					let t = e.childrenSections?.length > 0, n = Ye(e, r), a = e.key === r || n || (r?.startsWith?.(`${e.key}/`) ?? !1), o = t && (f[e.key] ?? a), s = l[e.key] || "", c = t ? Xe(e.childrenSections, s) : [];
 					return /* @__PURE__ */ U("div", {
 						className: [
 							"fcc-sidebar-entry",
@@ -534,7 +579,7 @@ function Ke({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, on
 								e.disabled ? "disabled" : ""
 							].filter(Boolean).join(" "),
 							onClick: () => {
-								t && m(e.key, !0), Ue(e, i);
+								t && C(e.key, !0), Je(e, i);
 							},
 							"aria-current": a ? "page" : void 0,
 							disabled: e.disabled,
@@ -559,7 +604,7 @@ function Ke({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, on
 										o ? "is-expanded" : ""
 									].filter(Boolean).join(" "),
 									onClick: (t) => {
-										t.preventDefault(), t.stopPropagation(), m(e.key, !o);
+										t.preventDefault(), t.stopPropagation(), C(e.key, !o);
 									},
 									role: "button",
 									"aria-label": `${o ? "Collapse" : "Expand"} ${e.label}`,
@@ -596,7 +641,7 @@ function Ke({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, on
 										children: e.items.map((e) => /* @__PURE__ */ H("button", {
 											type: "button",
 											className: ["fcc-sidebar-child-item", e.key === r ? "active" : ""].filter(Boolean).join(" "),
-											onClick: () => Ue(e, i),
+											onClick: () => Je(e, i),
 											title: e.label,
 											children: /* @__PURE__ */ H("span", {
 												className: "fcc-sidebar-label",
@@ -645,38 +690,110 @@ function Ke({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, on
 }
 //#endregion
 //#region src/components/layout/FCCAppShell.jsx
-function qe({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, onNavigate: i, user: a, footer: o, onLogout: s, breadcrumbs: c = [], status: l, headerActions: u, header: d, children: f, overlay: p, sidePanel: m, callbar: h = null, className: g = "", sidebarClassName: _ = "", mainClassName: v = "", headerClassName: y = "", contentClassName: b = "" }) {
-	return /* @__PURE__ */ U("div", {
-		className: ["fcc-app-shell", g].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ H(Ke, {
-			appName: e,
-			logo: t,
-			navItems: n,
-			activeNavKey: r,
-			onNavigate: i,
-			user: a,
-			footer: o,
-			onLogout: s,
-			className: _
-		}), /* @__PURE__ */ H(He, {
-			breadcrumbs: c,
-			status: l,
-			headerActions: u,
-			header: d,
-			overlay: p,
-			sidePanel: m,
-			callbar: h,
-			className: v,
-			headerClassName: y,
-			contentClassName: b,
-			children: f
-		})]
+var Qe = "fcc-sidebar-pinned", $e = 1024;
+function et(e) {
+	if (typeof window > "u") return !1;
+	try {
+		return window.localStorage.getItem(e) === "true";
+	} catch {
+		return !1;
+	}
+}
+function tt(e, t) {
+	if (!(typeof window > "u")) try {
+		window.localStorage.setItem(e, t ? "true" : "false");
+	} catch {}
+}
+function nt({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, onNavigate: a, user: s, footer: c, onLogout: u, breadcrumbs: f = [], status: p, headerActions: m, header: h, children: g, overlay: _, sidePanel: v, callbar: y = null, className: b = "", sidebarClassName: x = "", mainClassName: S = "", headerClassName: C = "", contentClassName: w = "", pinnable: T = !0, mobileMenuEnabled: E = !0, mobileBreakpoint: D = $e, pinStorageKey: O = Qe }) {
+	let [k, A] = d(() => T ? et(O) : !1), [j, M] = d(!1), [N, P] = d(() => typeof window > "u" ? 1920 : window.innerWidth);
+	o(() => {
+		if (typeof window > "u") return;
+		let e = () => P(window.innerWidth);
+		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, []);
+	let F = E && N < D, I = F && j;
+	o(() => {
+		T && tt(O, k);
+	}, [
+		T,
+		O,
+		k
+	]);
+	let L = i(() => {
+		A((e) => !e);
+	}, []), R = i(() => {
+		M((e) => !e);
+	}, []), z = i(() => {
+		M(!1);
+	}, []), ee = l(() => ({
+		sidebarPinned: T ? k : !1,
+		setSidebarPinned: A,
+		toggleSidebarPinned: L,
+		mobileMenuOpen: I,
+		setMobileMenuOpen: M,
+		toggleMobileMenu: R,
+		closeMobileMenu: z,
+		isMobileViewport: F,
+		pinnable: T,
+		mobileMenuEnabled: E
+	}), [
+		z,
+		I,
+		F,
+		E,
+		T,
+		k,
+		R,
+		L
+	]), te = [
+		"fcc-app-shell",
+		T && k && "fcc-sidebar-pinned",
+		F && "fcc-mobile-shell",
+		I && "fcc-mobile-menu-open",
+		b
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ H(Ee.Provider, {
+		value: ee,
+		children: /* @__PURE__ */ U("div", {
+			className: te,
+			children: [
+				/* @__PURE__ */ H(Ze, {
+					appName: e,
+					logo: t,
+					navItems: n,
+					activeNavKey: r,
+					onNavigate: a,
+					user: s,
+					footer: c,
+					onLogout: u,
+					className: x
+				}),
+				/* @__PURE__ */ H(qe, {
+					breadcrumbs: f,
+					status: p,
+					headerActions: m,
+					header: h,
+					overlay: _,
+					sidePanel: v,
+					callbar: y,
+					className: S,
+					headerClassName: C,
+					contentClassName: w,
+					children: g
+				}),
+				I && /* @__PURE__ */ H("div", {
+					className: "fcc-mobile-menu-backdrop",
+					onClick: z,
+					"aria-hidden": !0
+				})
+			]
+		})
 	});
 }
 //#endregion
 //#region src/components/layout/FCCBrandLogo.jsx
-function Je({ darkSrc: e, lightSrc: t, alt: n = "FCC", className: r = "", ...i }) {
-	let { theme: a } = xe(), o = a === "dark" ? e || t : t || e;
+function rt({ darkSrc: e, lightSrc: t, alt: n = "FCC", className: r = "", ...i }) {
+	let { theme: a } = we(), o = a === "dark" ? e || t : t || e;
 	return o ? /* @__PURE__ */ H("img", {
 		src: o,
 		alt: n,
@@ -686,8 +803,8 @@ function Je({ darkSrc: e, lightSrc: t, alt: n = "FCC", className: r = "", ...i }
 }
 //#endregion
 //#region src/components/layout/FCCThemeToggle.jsx
-function Ye({ className: e = "" }) {
-	let { theme: t, toggleTheme: n } = xe(), r = t === "dark";
+function it({ className: e = "" }) {
+	let { theme: t, toggleTheme: n } = we(), r = t === "dark";
 	return /* @__PURE__ */ H("button", {
 		type: "button",
 		onClick: n,
@@ -700,12 +817,12 @@ function Ye({ className: e = "" }) {
 		].filter(Boolean).join(" "),
 		title: r ? "Switch to light mode" : "Switch to dark mode",
 		"aria-label": r ? "Switch to light mode" : "Switch to dark mode",
-		children: H(r ? I : ae, { size: 16 })
+		children: H(r ? L : ce, { size: 16 })
 	});
 }
 //#endregion
 //#region src/components/ui/AppLoader.jsx
-function Xe({ label: e = "Loading...", fullscreen: t = !1, className: n = "" }) {
+function at({ label: e = "Loading...", fullscreen: t = !1, className: n = "" }) {
 	return t ? /* @__PURE__ */ U("div", {
 		className: `loader-fullscreen ${n}`,
 		children: [/* @__PURE__ */ H(A, {
@@ -726,13 +843,13 @@ function Xe({ label: e = "Loading...", fullscreen: t = !1, className: n = "" })
 		})]
 	});
 }
-function Ze({ size: e = 16, className: t = "" }) {
+function ot({ size: e = 16, className: t = "" }) {
 	return /* @__PURE__ */ H(A, {
 		size: e,
 		className: `loader-spin ${t}`
 	});
 }
-function Qe({ label: e = "Loading...", fullscreen: t = !1, size: n = 64, darkSrc: r, lightSrc: i, alt: a = "FCC", className: o = "" }) {
+function st({ label: e = "Loading...", fullscreen: t = !1, size: n = 64, darkSrc: r, lightSrc: i, alt: a = "FCC", className: o = "" }) {
 	let s = /* @__PURE__ */ U("div", {
 		className: "fcc-loader-stage",
 		style: { "--fcc-loader-size": `${n}px` },
@@ -740,14 +857,14 @@ function Qe({ label: e = "Loading...", fullscreen: t = !1, size: n = 64, darkSrc
 		children: [
 			/* @__PURE__ */ H("span", { className: "fcc-loader-ring" }),
 			/* @__PURE__ */ H("span", { className: "fcc-loader-glow" }),
-			/* @__PURE__ */ H(Je, {
+			/* @__PURE__ */ H(rt, {
 				darkSrc: r,
 				lightSrc: i,
 				alt: a,
 				className: "fcc-loader-logo"
 			})
 		]
-	}), c = t ? `fcc-loader fcc-loader-fullscreen ${o}`.trim() : `fcc-loader ${o}`.trim(), l = typeof e == "string" ? e.match(/^(.*?)\.{3}\s*$/) : null, u = l ? /* @__PURE__ */ U(ue, { children: [l[1], /* @__PURE__ */ U("span", {
+	}), c = t ? `fcc-loader fcc-loader-fullscreen ${o}`.trim() : `fcc-loader ${o}`.trim(), l = typeof e == "string" ? e.match(/^(.*?)\.{3}\s*$/) : null, u = l ? /* @__PURE__ */ U(pe, { children: [l[1], /* @__PURE__ */ U("span", {
 		className: "fcc-loader-dots",
 		"aria-hidden": "true",
 		children: [
@@ -777,7 +894,7 @@ function Qe({ label: e = "Loading...", fullscreen: t = !1, size: n = 64, darkSrc
 }
 //#endregion
 //#region src/components/ui/FCCDetailsPanel.jsx
-function $e({ open: e, onClose: t, title: n, header: r, children: a, loading: s = !1, loadingLabel: c = "Loading...", loaderSize: l = 64, loaderDarkSrc: f, loaderLightSrc: p, width: m, zIndex: h = 1100, showBackdrop: g = !0, resizable: _ = !0, minWidth: v = 360, storageKey: y, className: b = "" }) {
+function ct({ open: e, onClose: t, title: n, header: r, children: a, loading: s = !1, loadingLabel: c = "Loading...", loaderSize: l = 64, loaderDarkSrc: f, loaderLightSrc: p, width: m, zIndex: h = 1100, showBackdrop: g = !0, resizable: _ = !0, minWidth: v = 360, storageKey: y, className: b = "" }) {
 	let [x, S] = d(!1), [C, w] = d(!1), [T, E] = d(!1), [D, O] = d(() => {
 		if (!y || typeof window > "u") return null;
 		let e = window.localStorage.getItem(y), t = e ? parseInt(e, 10) : NaN;
@@ -857,7 +974,7 @@ function $e({ open: e, onClose: t, title: n, header: r, children: a, loading: s
 					className: "fcc-details-panel-body",
 					children: s ? /* @__PURE__ */ H("div", {
 						className: "fcc-details-panel-loading",
-						children: /* @__PURE__ */ H(Qe, {
+						children: /* @__PURE__ */ H(st, {
 							label: c,
 							size: l,
 							darkSrc: f,
@@ -871,8 +988,8 @@ function $e({ open: e, onClose: t, title: n, header: r, children: a, loading: s
 }
 //#endregion
 //#region src/components/ui/FCCFullPagePanel.jsx
-var et = 220;
-function tt({ open: e, onClose: t, children: n, className: r = "", closeOnEscape: i = !0, lockScroll: a = !0 }) {
+var lt = 220;
+function ut({ open: e, onClose: t, children: n, className: r = "", closeOnEscape: i = !0, lockScroll: a = !0 }) {
 	let [s, c] = d(e ? "open" : "closed"), l = e || s !== "closed";
 	return o(() => {
 		if (a) return l ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
@@ -894,7 +1011,7 @@ function tt({ open: e, onClose: t, children: n, className: r = "", closeOnEscape
 			return () => cancelAnimationFrame(e);
 		}
 		if (s === "closed") return;
-		let t = requestAnimationFrame(() => c("closing")), n = window.setTimeout(() => c("closed"), et);
+		let t = requestAnimationFrame(() => c("closing")), n = window.setTimeout(() => c("closed"), lt);
 		return () => {
 			cancelAnimationFrame(t), window.clearTimeout(n);
 		};
@@ -909,7 +1026,7 @@ function tt({ open: e, onClose: t, children: n, className: r = "", closeOnEscape
 		})
 	}), document.body);
 }
-function nt({ title: e, subtitle: t, eyebrow: n, leading: r, actions: i, onClose: a, className: o = "" }) {
+function dt({ title: e, subtitle: t, eyebrow: n, leading: r, actions: i, onClose: a, className: o = "" }) {
 	return /* @__PURE__ */ U("div", {
 		className: `fcc-fpp-header ${o}`,
 		children: [/* @__PURE__ */ U("div", {
@@ -943,31 +1060,31 @@ function nt({ title: e, subtitle: t, eyebrow: n, leading: r, actions: i, onClose
 		})]
 	});
 }
-function rt({ children: e, className: t = "" }) {
+function ft({ children: e, className: t = "" }) {
 	return /* @__PURE__ */ H("div", {
 		className: `fcc-fpp-toolbar ${t}`,
 		children: e
 	});
 }
-function it({ children: e, className: t = "" }) {
+function pt({ children: e, className: t = "" }) {
 	return /* @__PURE__ */ H("div", {
 		className: `fcc-fpp-body ${t}`,
 		children: e
 	});
 }
-function at({ children: e, className: t = "" }) {
+function mt({ children: e, className: t = "" }) {
 	return /* @__PURE__ */ H("div", {
 		className: `fcc-fpp-main ${t}`,
 		children: e
 	});
 }
-function ot({ children: e, side: t = "right", className: n = "" }) {
+function ht({ children: e, side: t = "right", className: n = "" }) {
 	return /* @__PURE__ */ H("aside", {
 		className: `fcc-fpp-sidebar fcc-fpp-sidebar-${t} ${n}`,
 		children: e
 	});
 }
-function st({ children: e, className: t = "" }) {
+function gt({ children: e, className: t = "" }) {
 	return /* @__PURE__ */ H("div", {
 		className: `fcc-fpp-footer ${t}`,
 		children: e
@@ -975,7 +1092,7 @@ function st({ children: e, className: t = "" }) {
 }
 //#endregion
 //#region src/components/ui/Accordion.jsx
-function ct({ title: e, header: t, defaultOpen: n = !1, className: r = "", contentClassName: i = "", children: a }) {
+function _t({ title: e, header: t, defaultOpen: n = !1, className: r = "", contentClassName: i = "", children: a }) {
 	let [o, s] = d(n);
 	return /* @__PURE__ */ U("div", {
 		className: `accordion-item ${r}`,
@@ -1003,7 +1120,7 @@ function ct({ title: e, header: t, defaultOpen: n = !1, className: r = "", conte
 		})]
 	});
 }
-function lt({ items: e = [], className: t = "" }) {
+function vt({ items: e = [], className: t = "" }) {
 	let [n, r] = d(/* @__PURE__ */ new Set());
 	function i(e) {
 		r((t) => {
@@ -1045,12 +1162,12 @@ function lt({ items: e = [], className: t = "" }) {
 }
 //#endregion
 //#region src/components/ui/Avatar.jsx
-var ut = {
+var yt = {
 	sm: "avatar-sm",
 	md: "",
 	lg: "avatar-lg",
 	xl: "avatar-xl"
-}, dt = [
+}, bt = [
 	"#5e6ad2",
 	"#5bb98e",
 	"#c9a84e",
@@ -1059,13 +1176,13 @@ var ut = {
 	"#5a8ebf",
 	"#c4a06a"
 ];
-function ft(e) {
+function xt(e) {
 	let t = 0;
 	for (let n = 0; n < e.length; n++) t = e.charCodeAt(n) + ((t << 5) - t);
-	return dt[Math.abs(t) % dt.length];
+	return bt[Math.abs(t) % bt.length];
 }
-function K({ imageUrl: e, initials: t, name: n, size: r = "md", className: i = "", style: a = {} }) {
-	let [o, s] = d(!1), c = t || (n ? n.split(" ").map((e) => e[0]).join("").slice(0, 2).toUpperCase() : "?"), l = a.background || ft(c), u = ut[r] || "";
+function q({ imageUrl: e, initials: t, name: n, size: r = "md", className: i = "", style: a = {} }) {
+	let [o, s] = d(!1), c = t || (n ? n.split(" ").map((e) => e[0]).join("").slice(0, 2).toUpperCase() : "?"), l = a.background || xt(c), u = yt[r] || "";
 	return e && !o ? /* @__PURE__ */ H("img", {
 		src: e,
 		alt: n || "",
@@ -1086,7 +1203,7 @@ function K({ imageUrl: e, initials: t, name: n, size: r = "md", className: i = "
 }
 //#endregion
 //#region src/components/ui/Badge.jsx
-var pt = {
+var St = {
 	default: "var(--text-quaternary)",
 	secondary: "var(--text-quaternary)",
 	success: "var(--accent-green)",
@@ -1097,8 +1214,8 @@ var pt = {
 	purple: "var(--accent-purple)",
 	orange: "var(--accent-orange)"
 };
-function q({ variant: e = "default", className: t = "", children: n, showDot: r = !0, ...i }) {
-	let a = pt[e] || pt.default;
+function J({ variant: e = "default", className: t = "", children: n, showDot: r = !0, ...i }) {
+	let a = St[e] || St.default;
 	return /* @__PURE__ */ U("span", {
 		className: `badge ${r ? "" : "badge--no-dot"} ${t}`.trim(),
 		...i,
@@ -1110,7 +1227,7 @@ function q({ variant: e = "default", className: t = "", children: n, showDot: r
 }
 //#endregion
 //#region src/components/ui/Button.jsx
-var mt = {
+var Ct = {
 	default: "btn-primary",
 	destructive: "btn-danger",
 	success: "btn-success",
@@ -1120,76 +1237,76 @@ var mt = {
 	muted: "btn-muted",
 	ghost: "btn-ghost",
 	link: "btn-link"
-}, ht = {
+}, wt = {
 	sm: "btn-sm",
 	default: "",
 	lg: "btn-lg",
 	icon: "btn-icon"
-}, J = n(function({ variant: e = "default", size: t = "default", className: n = "", children: r, ...i }, a) {
+}, Y = n(function({ variant: e = "default", size: t = "default", className: n = "", children: r, ...i }, a) {
 	return /* @__PURE__ */ H("button", {
 		ref: a,
 		className: [
 			"btn",
-			mt[e],
-			ht[t],
+			Ct[e],
+			wt[t],
 			n
 		].filter(Boolean).join(" "),
 		...i,
 		children: r
 	});
-}), gt = {
+}), Tt = {
 	default: "card-default",
 	green: "card-green",
 	red: "card-red",
 	yellow: "card-yellow"
-}, _t = n(function({ variant: e = "default", className: t = "", children: n, ...r }, i) {
+}, Et = n(function({ variant: e = "default", className: t = "", children: n, ...r }, i) {
 	return /* @__PURE__ */ H("div", {
 		ref: i,
 		className: [
 			"card",
-			gt[e],
+			Tt[e],
 			t
 		].filter(Boolean).join(" "),
 		...r,
 		children: n
 	});
-}), vt = n(function({ className: e = "", children: t, ...n }, r) {
+}), Dt = n(function({ className: e = "", children: t, ...n }, r) {
 	return /* @__PURE__ */ H("div", {
 		ref: r,
 		className: `card-header ${e}`,
 		...n,
 		children: t
 	});
-}), yt = n(function({ className: e = "", children: t, ...n }, r) {
+}), Ot = n(function({ className: e = "", children: t, ...n }, r) {
 	return /* @__PURE__ */ H("h3", {
 		ref: r,
 		className: `card-title ${e}`,
 		...n,
 		children: t
 	});
-}), bt = n(function({ className: e = "", children: t, ...n }, r) {
+}), kt = n(function({ className: e = "", children: t, ...n }, r) {
 	return /* @__PURE__ */ H("p", {
 		ref: r,
 		className: `card-description ${e}`,
 		...n,
 		children: t
 	});
-}), xt = n(function({ className: e = "", children: t, ...n }, r) {
+}), At = n(function({ className: e = "", children: t, ...n }, r) {
 	return /* @__PURE__ */ H("div", {
 		ref: r,
 		className: `card-body ${e}`,
 		...n,
 		children: t
 	});
-}), St = n(function({ className: e = "", children: t, ...n }, r) {
+}), jt = n(function({ className: e = "", children: t, ...n }, r) {
 	return /* @__PURE__ */ H("div", {
 		ref: r,
 		className: `card-footer ${e}`,
 		...n,
 		children: t
 	});
-}), Ct = 220;
-function wt({ open: e, onClose: t, children: n, className: r = "", overlayClassName: i = "", contained: a = !1 }) {
+}), Mt = 220;
+function Nt({ open: e, onClose: t, children: n, className: r = "", overlayClassName: i = "", contained: a = !1 }) {
 	let s = u(null), [c, l] = d(e ? "open" : "closed"), f = e || c !== "closed";
 	return o(() => {
 		if (!a) return f ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
@@ -1206,7 +1323,7 @@ function wt({ open: e, onClose: t, children: n, className: r = "", overlayClassN
 			return () => cancelAnimationFrame(e);
 		}
 		if (c === "closed") return;
-		let t = requestAnimationFrame(() => l("closing")), n = window.setTimeout(() => l("closed"), Ct);
+		let t = requestAnimationFrame(() => l("closing")), n = window.setTimeout(() => l("closed"), Mt);
 		return () => {
 			cancelAnimationFrame(t), window.clearTimeout(n);
 		};
@@ -1223,7 +1340,7 @@ function wt({ open: e, onClose: t, children: n, className: r = "", overlayClassN
 		})
 	}) : null;
 }
-function Tt({ children: e, onClose: t, className: n = "" }) {
+function Pt({ children: e, onClose: t, className: n = "" }) {
 	return /* @__PURE__ */ U("div", {
 		className: `dialog-header ${n}`,
 		children: [/* @__PURE__ */ H("div", {
@@ -1236,25 +1353,25 @@ function Tt({ children: e, onClose: t, className: n = "" }) {
 		})]
 	});
 }
-function Et({ children: e, className: t = "" }) {
+function Ft({ children: e, className: t = "" }) {
 	return /* @__PURE__ */ H("h3", {
 		className: `dialog-title ${t}`,
 		children: e
 	});
 }
-function Dt({ children: e, className: t = "" }) {
+function It({ children: e, className: t = "" }) {
 	return /* @__PURE__ */ H("p", {
 		className: `dialog-description ${t}`,
 		children: e
 	});
 }
-function Ot({ children: e, className: t = "" }) {
+function Lt({ children: e, className: t = "" }) {
 	return /* @__PURE__ */ H("div", {
 		className: `dialog-body ${t}`,
 		children: e
 	});
 }
-function kt({ children: e, className: t = "" }) {
+function Rt({ children: e, className: t = "" }) {
 	return /* @__PURE__ */ H("div", {
 		className: `dialog-footer ${t}`,
 		children: e
@@ -1262,7 +1379,7 @@ function kt({ children: e, className: t = "" }) {
 }
 //#endregion
 //#region src/components/ui/Input.jsx
-var At = n(function({ id: e, label: t, labelMode: n = "stacked", description: r, error: i, clearable: a = !1, startIcon: o, endIcon: c, placeholder: l, value: f, defaultValue: p, className: m = "", inputClassName: h = "", disabled: g = !1, type: _ = "text", "aria-describedby": v, "aria-invalid": y, onChange: b, ...x }, S) {
+var zt = n(function({ id: e, label: t, labelMode: n = "stacked", description: r, error: i, clearable: a = !1, startIcon: o, endIcon: c, placeholder: l, value: f, defaultValue: p, className: m = "", inputClassName: h = "", disabled: g = !1, type: _ = "text", "aria-describedby": v, "aria-invalid": y, onChange: b, ...x }, S) {
 	let C = u(null), w = s(), T = e || w, E = i && i !== !0 ? i : r, D = E ? `${T}-helper` : void 0, O = !!(i || y), k = !!(t && n === "floating"), A = [v, D].filter(Boolean).join(" ") || void 0, j = k ? " " : l, M = f !== void 0, [N, P] = d(() => String(p ?? "")), F = a && !g && (M ? String(f ?? "") : N).length > 0;
 	function I(e) {
 		C.current = e, typeof S == "function" ? S(e) : S && (S.current = e);
@@ -1270,7 +1387,7 @@ var At = n(function({ id: e, label: t, labelMode: n = "stacked", description: r,
 	function L(e) {
 		M || P(e.target.value), b?.(e);
 	}
-	function ee() {
+	function R() {
 		let e = C.current;
 		e && ((Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus());
 	}
@@ -1336,7 +1453,7 @@ var At = n(function({ id: e, label: t, labelMode: n = "stacked", description: r,
 					F ? /* @__PURE__ */ H("button", {
 						type: "button",
 						className: "fcc-input-clear",
-						onClick: ee,
+						onClick: R,
 						"aria-label": `Clear ${t || "input"}`,
 						children: /* @__PURE__ */ H(V, { size: 12 })
 					}) : null,
@@ -1356,7 +1473,7 @@ var At = n(function({ id: e, label: t, labelMode: n = "stacked", description: r,
 });
 //#endregion
 //#region src/components/ui/DropdownMenu.jsx
-function jt({ trigger: e, children: t, align: n = "left", className: r = "", sideOffset: i = 6, onOpenChange: a }) {
+function Bt({ trigger: e, children: t, align: n = "left", className: r = "", sideOffset: i = 6, onOpenChange: a }) {
 	let [s, l] = d(!1), [f, p] = d(null), m = u(null), h = u(null);
 	return o(() => {
 		a?.(s);
@@ -1409,7 +1526,7 @@ function jt({ trigger: e, children: t, align: n = "left", className: r = "", sid
 		}), document.body)]
 	});
 }
-function Mt({ icon: e, children: t, shortcut: n, active: r, onClick: i, className: a = "" }) {
+function Vt({ icon: e, children: t, shortcut: n, active: r, onClick: i, className: a = "" }) {
 	return /* @__PURE__ */ U("div", {
 		className: `dropdown-item ${r ? "active" : ""} ${a}`,
 		onClick: i,
@@ -1433,7 +1550,7 @@ function Mt({ icon: e, children: t, shortcut: n, active: r, onClick: i, classNam
 		]
 	});
 }
-function Nt({ checked: e, onCheckedChange: t, children: n, className: r = "" }) {
+function Ht({ checked: e, onCheckedChange: t, children: n, className: r = "" }) {
 	return /* @__PURE__ */ U("div", {
 		className: `dropdown-item ${e ? "active" : ""} ${r}`,
 		onClick: () => t?.(!e),
@@ -1446,18 +1563,18 @@ function Nt({ checked: e, onCheckedChange: t, children: n, className: r = "" })
 		})]
 	});
 }
-function Pt({ children: e, className: t = "" }) {
+function Ut({ children: e, className: t = "" }) {
 	return /* @__PURE__ */ H("div", {
 		className: `dropdown-label ${t}`,
 		children: e
 	});
 }
-function Ft({ className: e = "" }) {
+function Wt({ className: e = "" }) {
 	return /* @__PURE__ */ H("div", { className: `dropdown-divider ${e}` });
 }
 //#endregion
 //#region src/components/ui/SearchableSelect.jsx
-function It({ options: e = [], value: t, onChange: n, placeholder: r = "Select...", searchPlaceholder: i = "Search...", allowEmpty: a = !1, disabled: s = !1, className: l = "" }) {
+function Gt({ options: e = [], value: t, onChange: n, placeholder: r = "Select...", searchPlaceholder: i = "Search...", allowEmpty: a = !1, disabled: s = !1, className: l = "" }) {
 	let [f, p] = d(!1), [m, h] = d(""), [_, v] = d(-1), [b, x] = d(null), S = u(null), C = u(null), w = u(null), T = e.filter((e) => e.label.toLowerCase().includes(m.toLowerCase()) || e.description && e.description.toLowerCase().includes(m.toLowerCase())), E = e.find((e) => e.value === t);
 	o(() => {
 		f && w.current && w.current.focus();
@@ -1489,9 +1606,7 @@ function It({ options: e = [], value: t, onChange: n, placeholder: r = "Select..
 		f,
 		T.length,
 		m
-	]), c(() => {
-		f || x(null);
-	}, [f]);
+	]);
 	function D(e) {
 		e.key === "ArrowDown" ? (e.preventDefault(), v((e) => Math.min(e + 1, T.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), v((e) => Math.max(e - 1, 0))) : e.key === "Enter" && _ >= 0 && T[_] ? (n?.(T[_].value), p(!1), h("")) : e.key === "Escape" && (p(!1), h(""));
 	}
@@ -1584,7 +1699,7 @@ function It({ options: e = [], value: t, onChange: n, placeholder: r = "Select..
 }
 //#endregion
 //#region src/components/ui/Sheet.jsx
-function Lt({ open: e, onClose: t, side: n = "right", title: r, children: i, className: a = "" }) {
+function Kt({ open: e, onClose: t, side: n = "right", title: r, children: i, className: a = "" }) {
 	let s = u(null);
 	return o(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
 		document.body.style.overflow = "";
@@ -1618,7 +1733,7 @@ function Lt({ open: e, onClose: t, side: n = "right", title: r, children: i, cla
 		})
 	}) : null;
 }
-function Rt({ children: e, className: t = "" }) {
+function qt({ children: e, className: t = "" }) {
 	return /* @__PURE__ */ H("div", {
 		className: `sheet-footer ${t}`,
 		children: e
@@ -1626,17 +1741,17 @@ function Rt({ children: e, className: t = "" }) {
 }
 //#endregion
 //#region src/components/ui/StatusMetric.jsx
-function zt(...e) {
+function Jt(...e) {
 	return e.filter(Boolean).join(" ");
 }
-var Bt = {
+var Yt = {
 	default: "",
 	warning: "status-metric--warning"
 };
-function Vt({ children: e, tone: t = "default", showIcon: n = !0, icon: r, iconSize: i = 12, className: a = "" }) {
+function Xt({ children: e, tone: t = "default", showIcon: n = !0, icon: r, iconSize: i = 12, className: a = "" }) {
 	let o = r || (t === "warning" ? p : C);
 	return /* @__PURE__ */ U("span", {
-		className: zt("status-metric", Bt[t], a),
+		className: Jt("status-metric", Yt[t], a),
 		children: [n && o && /* @__PURE__ */ H("span", {
 			className: "status-metric-icon",
 			children: /* @__PURE__ */ H(o, { size: i })
@@ -1648,7 +1763,7 @@ function Vt({ children: e, tone: t = "default", showIcon: n = !0, icon: r, iconS
 }
 //#endregion
 //#region src/components/ui/Switch.jsx
-function Ht({ checked: e = !1, onCheckedChange: t, disabled: n = !1, size: r = "md", label: i }) {
+function Zt({ checked: e = !1, onCheckedChange: t, disabled: n = !1, size: r = "md", label: i }) {
 	return /* @__PURE__ */ U("div", {
 		className: "toggle-row",
 		children: [i && /* @__PURE__ */ H("span", {
@@ -1666,13 +1781,13 @@ function Ht({ checked: e = !1, onCheckedChange: t, disabled: n = !1, size: r = "
 }
 //#endregion
 //#region src/components/ui/Tabs.jsx
-var Y = e({
+var Qt = e({
 	value: "",
 	onChange: () => {},
 	registerTrigger: () => {},
 	getTriggerNode: () => null
 });
-function Ut({ defaultValue: e, value: t, onValueChange: n, children: r, className: a = "" }) {
+function $t({ defaultValue: e, value: t, onValueChange: n, children: r, className: a = "" }) {
 	let [o, s] = d(e || ""), c = u(/* @__PURE__ */ new Map()), l = t === void 0 ? o : t, f = n || s, p = i((e, t) => {
 		if (t) {
 			c.current.set(e, t);
@@ -1680,7 +1795,7 @@ function Ut({ defaultValue: e, value: t, onValueChange: n, children: r, classNam
 		}
 		c.current.delete(e);
 	}, []), m = i((e) => c.current.get(e) || null, []);
-	return /* @__PURE__ */ H(Y.Provider, {
+	return /* @__PURE__ */ H(Qt.Provider, {
 		value: {
 			value: l,
 			onChange: f,
@@ -1693,8 +1808,8 @@ function Ut({ defaultValue: e, value: t, onValueChange: n, children: r, classNam
 		})
 	});
 }
-function Wt({ children: e, className: t = "" }) {
-	let { value: n, getTriggerNode: r } = a(Y), i = u(null);
+function en({ children: e, className: t = "" }) {
+	let { value: n, getTriggerNode: r } = a(Qt), i = u(null);
 	return c(() => {
 		let e = i.current, t = r(n);
 		if (!e) return;
@@ -1720,8 +1835,8 @@ function Wt({ children: e, className: t = "" }) {
 		}), e]
 	});
 }
-function Gt({ value: e, children: t, className: n = "" }) {
-	let { value: r, onChange: i, registerTrigger: o } = a(Y), s = r === e;
+function tn({ value: e, children: t, className: n = "" }) {
+	let { value: r, onChange: i, registerTrigger: o } = a(Qt), s = r === e;
 	return /* @__PURE__ */ H("button", {
 		ref: (t) => o(e, t),
 		className: `tab ${s ? "active" : ""} ${n}`,
@@ -1732,8 +1847,8 @@ function Gt({ value: e, children: t, className: n = "" }) {
 		children: t
 	});
 }
-function Kt({ value: e, children: t, className: n = "" }) {
-	let { value: r } = a(Y);
+function nn({ value: e, children: t, className: n = "" }) {
+	let { value: r } = a(Qt);
 	return r === e ? /* @__PURE__ */ H("div", {
 		className: n,
 		role: "tabpanel",
@@ -1742,7 +1857,7 @@ function Kt({ value: e, children: t, className: n = "" }) {
 }
 //#endregion
 //#region src/components/ui/Textarea.jsx
-var qt = n(function({ className: e = "", startAdornment: t, endAdornment: n, ...r }, i) {
+var rn = n(function({ className: e = "", startAdornment: t, endAdornment: n, ...r }, i) {
 	return t || n ? /* @__PURE__ */ U("div", {
 		className: ["textarea-wrapper", e].filter(Boolean).join(" "),
 		children: [
@@ -1768,7 +1883,7 @@ var qt = n(function({ className: e = "", startAdornment: t, endAdornment: n, ...
 });
 //#endregion
 //#region src/components/ui/Tooltip.jsx
-function Jt({ content: e, side: t = "top", children: n, className: r = "" }) {
+function an({ content: e, side: t = "top", children: n, className: r = "" }) {
 	let [i, a] = d(!1), [s, l] = d(null), f = u(null), p = u(null), m = u(null);
 	function h() {
 		m.current = setTimeout(() => a(!0), 300);
@@ -1819,7 +1934,7 @@ function Jt({ content: e, side: t = "top", children: n, className: r = "" }) {
 }
 //#endregion
 //#region src/components/ui/viewModeDefaults.js
-var Yt = {
+var on = {
 	kanban: w,
 	board: w,
 	columns: w,
@@ -1829,7 +1944,7 @@ var Yt = {
 	grid: O,
 	calendar: h,
 	map: M
-}, Xt = [{
+}, sn = [{
 	value: "kanban",
 	label: "Kanban",
 	title: "Board View"
@@ -1840,13 +1955,13 @@ var Yt = {
 }];
 //#endregion
 //#region src/components/ui/ViewModeToggle.jsx
-function Zt(e) {
-	return e.icon ? e.icon : Yt[e.value] ?? null;
+function cn(e) {
+	return e.icon ? e.icon : on[e.value] ?? null;
 }
-function Qt(e, n) {
+function ln(e, n) {
 	return e ? r(e) ? e : t(e, { size: n }) : null;
 }
-function $t({ options: e = Xt, value: t, defaultValue: n, onValueChange: r, ariaLabel: a = "View mode", iconSize: s = 16, showLabels: l = !1, className: f = "", optionClassName: p = "" }) {
+function un({ options: e = sn, value: t, defaultValue: n, onValueChange: r, ariaLabel: a = "View mode", iconSize: s = 16, showLabels: l = !1, className: f = "", optionClassName: p = "" }) {
 	let m = u(null), h = u(null), g = u(/* @__PURE__ */ new Map()), [_, v] = d(n ?? e[0]?.value ?? ""), y = t === void 0 ? _ : t, b = i(() => {
 		let e = h.current, t = g.current.get(y);
 		if (e) {
@@ -1908,7 +2023,7 @@ function $t({ options: e = Xt, value: t, defaultValue: n, onValueChange: r, aria
 			"aria-hidden": "true",
 			className: "view-mode-toggle-indicator"
 		}), e.map((e) => {
-			let t = e.value === y, n = Qt(Zt(e), s);
+			let t = e.value === y, n = ln(cn(e), s);
 			return /* @__PURE__ */ U("button", {
 				type: "button",
 				"aria-pressed": t,
@@ -1938,10 +2053,10 @@ function $t({ options: e = Xt, value: t, defaultValue: n, onValueChange: r, aria
 }
 //#endregion
 //#region src/components/ui/WorkspaceTabs.jsx
-function en(e, n) {
+function dn(e, n) {
 	return e ? r(e) ? e : t(e, { size: n }) : null;
 }
-function tn({ items: e = [], value: t, defaultValue: n, onValueChange: r, ariaLabel: a = "Workspace tabs", iconSize: s = 14, variant: l = "plain", className: f = "", itemClassName: p = "" }) {
+function fn({ items: e = [], value: t, defaultValue: n, onValueChange: r, ariaLabel: a = "Workspace tabs", iconSize: s = 14, variant: l = "plain", className: f = "", itemClassName: p = "" }) {
 	let m = u(null), h = u(null), g = u(/* @__PURE__ */ new Map()), [_, v] = d(n ?? e[0]?.id ?? ""), y = t === void 0 ? _ : t, b = i(() => {
 		let e = h.current, t = g.current.get(y);
 		if (e) {
@@ -2003,7 +2118,7 @@ function tn({ items: e = [], value: t, defaultValue: n, onValueChange: r, ariaLa
 			"aria-hidden": "true",
 			className: "workspace-tabs-indicator"
 		}), e.map((e) => {
-			let t = e.id === y, n = en(e.icon, s);
+			let t = e.id === y, n = dn(e.icon, s);
 			return /* @__PURE__ */ U("button", {
 				type: "button",
 				role: "tab",
@@ -2041,7 +2156,7 @@ function tn({ items: e = [], value: t, defaultValue: n, onValueChange: r, ariaLa
 //#endregion
 //#region src/components/ui/CallControlsBar.jsx
 function X({ icon: e, label: t, onClick: n, active: r, danger: i, compact: a, title: o }) {
-	return /* @__PURE__ */ H(Jt, {
+	return /* @__PURE__ */ H(an, {
 		content: o,
 		children: /* @__PURE__ */ U("button", {
 			type: "button",
@@ -2065,7 +2180,7 @@ function X({ icon: e, label: t, onClick: n, active: r, danger: i, compact: a, ti
 		})
 	});
 }
-function nn({ isMuted: e, isOnHold: t, onMute: n, onHold: r, onTransfer: i, onInvite: a, onKeypad: o, onEnd: s, compact: c = !1, hideEnd: l = !1, className: u = "" }) {
+function pn({ isMuted: e, isOnHold: t, onMute: n, onHold: r, onTransfer: i, onInvite: a, onKeypad: o, onEnd: s, compact: c = !1, hideEnd: l = !1, className: u = "" }) {
 	return /* @__PURE__ */ U("div", {
 		className: `call-controls-bar ${u}`,
 		style: {
@@ -2076,7 +2191,7 @@ function nn({ isMuted: e, isOnHold: t, onMute: n, onHold: r, onTransfer: i, onIn
 		},
 		children: [
 			/* @__PURE__ */ H(X, {
-				icon: e ? P : N,
+				icon: e ? F : P,
 				label: e ? "Unmute" : "Mute",
 				onClick: n,
 				active: e,
@@ -2084,7 +2199,7 @@ function nn({ isMuted: e, isOnHold: t, onMute: n, onHold: r, onTransfer: i, onIn
 				title: "Mute (M)"
 			}),
 			/* @__PURE__ */ H(X, {
-				icon: t ? ie : ee,
+				icon: t ? se : z,
 				label: t ? "Resume" : "Hold",
 				onClick: r,
 				active: t,
@@ -2099,7 +2214,7 @@ function nn({ isMuted: e, isOnHold: t, onMute: n, onHold: r, onTransfer: i, onIn
 				title: "Transfer (T)"
 			}),
 			/* @__PURE__ */ H(X, {
-				icon: ce,
+				icon: de,
 				label: "Invite",
 				onClick: a,
 				compact: c,
@@ -2113,7 +2228,7 @@ function nn({ isMuted: e, isOnHold: t, onMute: n, onHold: r, onTransfer: i, onIn
 				title: "Keypad"
 			}),
 			!l && /* @__PURE__ */ H(X, {
-				icon: z,
+				icon: ie,
 				label: "End",
 				onClick: s,
 				danger: !0,
@@ -2125,15 +2240,15 @@ function nn({ isMuted: e, isOnHold: t, onMute: n, onHold: r, onTransfer: i, onIn
 }
 //#endregion
 //#region src/components/phone/phoneUtils.js
-function rn(e) {
+function mn(e) {
 	return e == null || Number.isNaN(e) ? "0:00" : `${Math.floor(e / 60)}:${Math.floor(e % 60).toString().padStart(2, "0")}`;
 }
-function an(e) {
+function hn(e) {
 	if (!e) return "";
 	let t = new Date(e).getTime() - Date.now();
-	return t <= 0 ? "now" : rn(Math.ceil(t / 1e3));
+	return t <= 0 ? "now" : mn(Math.ceil(t / 1e3));
 }
-function on(e) {
+function gn(e) {
 	if (!e) return "";
 	let t = Date.now() - new Date(e).getTime(), n = Math.floor(t / 1e3);
 	if (n < 60) return "just now";
@@ -2144,12 +2259,12 @@ function on(e) {
 	let a = Math.floor(i / 24);
 	return a === 1 ? "Yesterday" : a < 7 ? `${a}d ago` : new Date(e).toLocaleDateString();
 }
-function sn(e) {
+function _n(e) {
 	if (!e) return "none";
 	let t = new Date(e).getTime() - Date.now();
 	return t <= 0 ? "overdue" : t < 30 * 1e3 ? "urgent" : t < 120 * 1e3 ? "warning" : "normal";
 }
-var cn = {
+var vn = {
 	intake: "Intake",
 	plan_review: "Plan Review",
 	inspections: "Inspections",
@@ -2159,31 +2274,31 @@ var cn = {
 	sales: "Sales",
 	escalations: "Escalations"
 };
-function ln(e) {
-	return e ? cn[e] ? cn[e] : e.split("_").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ") : "";
+function yn(e) {
+	return e ? vn[e] ? vn[e] : e.split("_").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ") : "";
 }
-var un = {
+var bn = {
 	client: "Client",
 	building_department: "Building Dept",
 	staff: "Staff",
 	unknown: "Unknown"
 };
-function dn(e) {
-	return un[e] || "Unknown";
+function xn(e) {
+	return bn[e] || "Unknown";
 }
-var fn = {
+var Sn = {
 	open: "Open",
 	in_progress: "In progress",
 	resolved: "Resolved",
 	closed: "Closed",
 	awaiting_reply: "Awaiting reply"
 };
-function pn(e) {
-	return fn[e] || (e ? e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()) : "");
+function Cn(e) {
+	return Sn[e] || (e ? e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()) : "");
 }
 //#endregion
 //#region src/components/ui/TicketLinkChip.jsx
-var mn = {
+var wn = {
 	intake: "var(--accent-blue)",
 	plan_review: "var(--accent-purple)",
 	inspections: "var(--accent-green)",
@@ -2193,7 +2308,7 @@ var mn = {
 	sales: "var(--accent-orange)",
 	escalations: "var(--accent-red)"
 };
-function hn(e) {
+function Tn(e) {
 	switch (e) {
 		case "resolved":
 		case "closed": return "success";
@@ -2202,12 +2317,12 @@ function hn(e) {
 		default: return "secondary";
 	}
 }
-function gn(e, t) {
+function En(e, t) {
 	return e ? e.length > t ? `${e.slice(0, t - 1)}…` : e : "";
 }
 function Z({ ticket: e, onClick: t, variant: n = "default", className: r = "" }) {
 	if (!e) return null;
-	let i = mn[e.department] ?? mn.tech_support, a = t ? "button" : "span", o = n === "compact" ? `#${e.number}` : `#${e.number} · ${gn(e.title, 28)}`;
+	let i = wn[e.department] ?? wn.tech_support, a = t ? "button" : "span", o = n === "compact" ? `#${e.number}` : `#${e.number} · ${En(e.title, 28)}`;
 	return n === "detailed" ? /* @__PURE__ */ U(a, {
 		type: t ? "button" : void 0,
 		onClick: t,
@@ -2251,7 +2366,7 @@ function Z({ ticket: e, onClick: t, variant: n = "default", className: r = "" })
 				}),
 				/* @__PURE__ */ U("span", {
 					style: { color: "var(--text-secondary)" },
-					children: ["· ", gn(e.title, 40)]
+					children: ["· ", En(e.title, 40)]
 				})
 			]
 		}), /* @__PURE__ */ U("span", {
@@ -2260,14 +2375,14 @@ function Z({ ticket: e, onClick: t, variant: n = "default", className: r = "" })
 				alignItems: "center",
 				gap: 6
 			},
-			children: [e.department && /* @__PURE__ */ H(q, {
+			children: [e.department && /* @__PURE__ */ H(J, {
 				variant: "secondary",
 				showDot: !1,
 				className: "badge--no-dot",
-				children: ln(e.department)
-			}), e.status && /* @__PURE__ */ H(q, {
-				variant: hn(e.status),
-				children: pn(e.status)
+				children: yn(e.department)
+			}), e.status && /* @__PURE__ */ H(J, {
+				variant: Tn(e.status),
+				children: Cn(e.status)
 			})]
 		})]
 	}) : /* @__PURE__ */ U(a, {
@@ -2306,19 +2421,19 @@ function Z({ ticket: e, onClick: t, variant: n = "default", className: r = "" })
 }
 //#endregion
 //#region src/components/ui/PresenceDot.jsx
-var _n = {
+var Dn = {
 	available: "var(--accent-green, #22c55e)",
 	busy: "var(--accent-yellow, #f59e0b)",
 	in_call: "var(--accent-yellow, #f59e0b)",
 	dnd: "var(--accent-red, #ef4444)",
 	offline: "var(--text-tertiary, #71717a)"
-}, vn = {
+}, On = {
 	xs: 6,
 	sm: 8,
 	md: 10
 };
-function yn({ status: e = "offline", size: t = "sm", className: n = "" }) {
-	let r = vn[t] ?? 8, i = _n[e] ?? _n.offline;
+function kn({ status: e = "offline", size: t = "sm", className: n = "" }) {
+	let r = On[t] ?? 8, i = Dn[e] ?? Dn.offline;
 	return /* @__PURE__ */ H("span", {
 		className: `presence-dot ${e === "in_call" ? "presence-dot-pulse" : ""} ${n}`,
 		style: {
@@ -2335,13 +2450,13 @@ function yn({ status: e = "offline", size: t = "sm", className: n = "" }) {
 }
 //#endregion
 //#region src/components/ui/PresenceAvatar.jsx
-var bn = {
+var An = {
 	sm: "sm",
 	md: "md",
 	lg: "lg"
 };
-function xn({ name: e, initials: t, avatarUrl: n, status: r = "offline", activity: i = null, size: a = "md", showActivity: o = !0, className: s = "" }) {
-	let c = bn[a] || "md", l = a === "sm" ? "xs" : a === "md" ? "sm" : "md";
+function jn({ name: e, initials: t, avatarUrl: n, status: r = "offline", activity: i = null, size: a = "md", showActivity: o = !0, className: s = "" }) {
+	let c = An[a] || "md", l = a === "sm" ? "xs" : a === "md" ? "sm" : "md";
 	return /* @__PURE__ */ U("div", {
 		className: `presence-avatar ${s}`,
 		style: {
@@ -2354,7 +2469,7 @@ function xn({ name: e, initials: t, avatarUrl: n, status: r = "offline", activit
 				position: "relative",
 				display: "inline-flex"
 			},
-			children: [/* @__PURE__ */ H(K, {
+			children: [/* @__PURE__ */ H(q, {
 				name: e,
 				initials: t,
 				imageUrl: n,
@@ -2365,7 +2480,7 @@ function xn({ name: e, initials: t, avatarUrl: n, status: r = "offline", activit
 					left: -1,
 					top: -1
 				},
-				children: /* @__PURE__ */ H(yn, {
+				children: /* @__PURE__ */ H(kn, {
 					status: r,
 					size: l
 				})
@@ -2382,27 +2497,27 @@ function xn({ name: e, initials: t, avatarUrl: n, status: r = "offline", activit
 }
 //#endregion
 //#region src/components/ui/Callbar.jsx
-var Sn = {
+var Mn = {
 	connecting: "Connecting…",
 	ringing: "Ringing…",
 	connected: "Connected",
 	on_hold: "On hold",
 	ending: "Ending…"
-}, Cn = {
+}, Nn = {
 	connecting: "info",
 	ringing: "info",
 	connected: "success",
 	on_hold: "warning",
 	ending: "error"
 };
-function wn(e) {
+function Pn(e) {
 	return e === "connected" ? "var(--accent-green)" : e === "on_hold" ? "var(--accent-yellow)" : e === "ending" ? "var(--accent-red)" : "var(--accent-blue)";
 }
-function Tn(e) {
+function Fn(e) {
 	return e === "connecting" || e === "ringing";
 }
-function En({ state: e = "connected", caller: t = {}, ticket: n = null, durationSec: r = 0, isMuted: i, isOnHold: a, observers: o = [], recordingConsentPending: s = !1, onMute: c, onHold: u, onTransfer: f, onInvite: p, onKeypad: m, onEnd: h, onMinimize: g, minimized: _ = !1, className: v = "" }) {
-	let [b, S] = d(!1), C = _ || b, w = Sn[e] || e, T = Tn(e), E = wn(e), D = l(() => `${Math.floor(r / 60)}:${Math.floor(r % 60).toString().padStart(2, "0")}`, [r]), O = o.slice(0, 3), k = Math.max(0, o.length - 3), A = () => {
+function In({ state: e = "connected", caller: t = {}, ticket: n = null, durationSec: r = 0, isMuted: i, isOnHold: a, observers: o = [], recordingConsentPending: s = !1, onMute: c, onHold: u, onTransfer: f, onInvite: p, onKeypad: m, onEnd: h, onMinimize: g, minimized: _ = !1, className: v = "" }) {
+	let [b, S] = d(!1), C = _ || b, w = Mn[e] || e, T = Fn(e), E = Pn(e), D = l(() => `${Math.floor(r / 60)}:${Math.floor(r % 60).toString().padStart(2, "0")}`, [r]), O = o.slice(0, 3), k = Math.max(0, o.length - 3), A = () => {
 		S((e) => !e), g?.();
 	};
 	return C ? /* @__PURE__ */ U("div", {
@@ -2454,7 +2569,7 @@ function En({ state: e = "connected", caller: t = {}, ticket: n = null, duration
 				gap: 6
 			},
 			children: [
-				/* @__PURE__ */ H(nn, {
+				/* @__PURE__ */ H(pn, {
 					isMuted: i,
 					isOnHold: a,
 					onMute: c,
@@ -2466,12 +2581,12 @@ function En({ state: e = "connected", caller: t = {}, ticket: n = null, duration
 					compact: !0,
 					hideEnd: !0
 				}),
-				/* @__PURE__ */ U(J, {
+				/* @__PURE__ */ U(Y, {
 					variant: "destructive",
 					size: "sm",
 					onClick: h,
 					"aria-label": "End call",
-					children: [/* @__PURE__ */ H(z, {
+					children: [/* @__PURE__ */ H(ie, {
 						size: 13,
 						style: { marginRight: 4 }
 					}), "End"]
@@ -2523,8 +2638,8 @@ function En({ state: e = "connected", caller: t = {}, ticket: n = null, duration
 							alignItems: "center",
 							gap: 8
 						},
-						children: [/* @__PURE__ */ H(q, {
-							variant: Cn[e] || "secondary",
+						children: [/* @__PURE__ */ H(J, {
+							variant: Nn[e] || "secondary",
 							children: w
 						}), (e === "connected" || e === "on_hold") && /* @__PURE__ */ H("span", {
 							style: {
@@ -2585,7 +2700,7 @@ function En({ state: e = "connected", caller: t = {}, ticket: n = null, duration
 						flexShrink: 0
 					},
 					children: [
-						O.map((e) => /* @__PURE__ */ H(xn, {
+						O.map((e) => /* @__PURE__ */ H(jn, {
 							name: e.name,
 							initials: e.initials,
 							avatarUrl: e.avatarUrl,
@@ -2602,7 +2717,7 @@ function En({ state: e = "connected", caller: t = {}, ticket: n = null, duration
 							},
 							children: ["+", k]
 						}),
-						/* @__PURE__ */ H(nn, {
+						/* @__PURE__ */ H(pn, {
 							isMuted: i,
 							isOnHold: a,
 							onMute: c,
@@ -2614,12 +2729,12 @@ function En({ state: e = "connected", caller: t = {}, ticket: n = null, duration
 							compact: !0,
 							hideEnd: !0
 						}),
-						/* @__PURE__ */ U(J, {
+						/* @__PURE__ */ U(Y, {
 							variant: "destructive",
 							size: "sm",
 							onClick: h,
 							"aria-label": "End call",
-							children: [/* @__PURE__ */ H(z, {
+							children: [/* @__PURE__ */ H(ie, {
 								size: 14,
 								style: { marginRight: 6 }
 							}), "End call"]
@@ -2648,7 +2763,7 @@ function En({ state: e = "connected", caller: t = {}, ticket: n = null, duration
 }
 //#endregion
 //#region src/components/ui/CallCard.jsx
-var Dn = {
+var Ln = {
 	client: {
 		accent: "var(--accent-green)",
 		variant: "success"
@@ -2666,17 +2781,17 @@ var Dn = {
 		variant: "warning"
 	}
 };
-function On(e) {
+function Rn(e) {
 	return e ? Math.max(0, Math.floor((Date.now() - new Date(e).getTime()) / 1e3)) : 0;
 }
-function kn({ variant: e = "primary", callerName: t, callerNumber: n, callerType: r = "unknown", avatarUrl: i, ticket: a = null, ticketCandidates: s = [], projectRef: c = null, transferContext: l = null, ringStartedAt: u, onAccept: f, onDecline: p, onSendToVoicemail: m, onPromote: h, className: g = "" }) {
-	let [_, v] = d(() => On(u)), [y, b] = d(s[0]?.id || "none");
+function zn({ variant: e = "primary", callerName: t, callerNumber: n, callerType: r = "unknown", avatarUrl: i, ticket: a = null, ticketCandidates: s = [], projectRef: c = null, transferContext: l = null, ringStartedAt: u, onAccept: f, onDecline: p, onSendToVoicemail: m, onPromote: h, className: g = "" }) {
+	let [_, v] = d(() => Rn(u)), [y, b] = d(s[0]?.id || "none");
 	o(() => {
 		if (!u) return;
-		let e = setInterval(() => v(On(u)), 1e3);
+		let e = setInterval(() => v(Rn(u)), 1e3);
 		return () => clearInterval(e);
 	}, [u]);
-	let x = Dn[r] || Dn.unknown;
+	let x = Ln[r] || Ln.unknown;
 	return e === "mini" ? /* @__PURE__ */ U("div", {
 		role: "button",
 		tabIndex: 0,
@@ -2702,7 +2817,7 @@ function kn({ variant: e = "primary", callerName: t, callerNumber: n, callerType
 			cursor: "pointer"
 		},
 		children: [
-			/* @__PURE__ */ H(K, {
+			/* @__PURE__ */ H(q, {
 				name: t,
 				imageUrl: i,
 				size: "sm"
@@ -2727,18 +2842,18 @@ function kn({ variant: e = "primary", callerName: t, callerNumber: n, callerType
 							whiteSpace: "nowrap"
 						},
 						children: t
-					}), /* @__PURE__ */ H(q, {
+					}), /* @__PURE__ */ H(J, {
 						variant: x.variant,
 						showDot: !1,
 						className: "badge--no-dot",
-						children: dn(r)
+						children: xn(r)
 					})]
 				}), /* @__PURE__ */ U("div", {
 					style: {
 						fontSize: "var(--text-xs)",
 						color: "var(--text-tertiary)"
 					},
-					children: ["Ringing · ", rn(_)]
+					children: ["Ringing · ", mn(_)]
 				})]
 			}),
 			/* @__PURE__ */ H("button", {
@@ -2746,7 +2861,7 @@ function kn({ variant: e = "primary", callerName: t, callerNumber: n, callerType
 				className: "btn btn-ghost btn-icon btn-sm",
 				onClick: () => f?.(),
 				"aria-label": "Accept",
-				children: /* @__PURE__ */ H(R, {
+				children: /* @__PURE__ */ H(ee, {
 					size: 16,
 					style: { color: "var(--accent-green)" }
 				})
@@ -2756,7 +2871,7 @@ function kn({ variant: e = "primary", callerName: t, callerNumber: n, callerType
 				className: "btn btn-ghost btn-icon btn-sm",
 				onClick: p,
 				"aria-label": "Decline",
-				children: /* @__PURE__ */ H(z, { size: 16 })
+				children: /* @__PURE__ */ H(ie, { size: 16 })
 			})
 		]
 	}) : /* @__PURE__ */ U("div", {
@@ -2814,7 +2929,7 @@ function kn({ variant: e = "primary", callerName: t, callerNumber: n, callerType
 							alignItems: "center",
 							minWidth: 0
 						},
-						children: [/* @__PURE__ */ H(K, {
+						children: [/* @__PURE__ */ H(q, {
 							name: t,
 							imageUrl: i,
 							size: "md"
@@ -2835,11 +2950,11 @@ function kn({ variant: e = "primary", callerName: t, callerNumber: n, callerType
 										whiteSpace: "nowrap"
 									},
 									children: t
-								}), /* @__PURE__ */ H(q, {
+								}), /* @__PURE__ */ H(J, {
 									variant: x.variant,
 									showDot: !1,
 									className: "badge--no-dot",
-									children: dn(r)
+									children: xn(r)
 								})]
 							}), /* @__PURE__ */ H("div", {
 								style: {
@@ -2860,7 +2975,7 @@ function kn({ variant: e = "primary", callerName: t, callerNumber: n, callerType
 						children: [/* @__PURE__ */ H("span", {
 							style: { marginRight: 4 },
 							children: "•"
-						}), rn(_)]
+						}), mn(_)]
 					})]
 				}), /* @__PURE__ */ H("div", {
 					style: {
@@ -2939,7 +3054,7 @@ function kn({ variant: e = "primary", callerName: t, callerNumber: n, callerType
 								}), "None of these"]
 							})
 						]
-					})] }) : /* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H(q, {
+					})] }) : /* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H(J, {
 						variant: "warning",
 						showDot: !1,
 						className: "badge--no-dot",
@@ -2965,22 +3080,22 @@ function kn({ variant: e = "primary", callerName: t, callerNumber: n, callerType
 					alignItems: "stretch"
 				},
 				children: [
-					/* @__PURE__ */ H(J, {
+					/* @__PURE__ */ H(Y, {
 						type: "button",
 						variant: "ghost",
 						size: "sm",
 						onClick: m,
 						"aria-label": "Send to voicemail",
-						children: /* @__PURE__ */ H(le, { size: 14 })
+						children: /* @__PURE__ */ H(fe, { size: 14 })
 					}),
-					/* @__PURE__ */ H(J, {
+					/* @__PURE__ */ H(Y, {
 						type: "button",
 						variant: "outline",
 						size: "sm",
 						onClick: p,
 						children: "Decline"
 					}),
-					/* @__PURE__ */ U(J, {
+					/* @__PURE__ */ U(Y, {
 						type: "button",
 						variant: "success",
 						size: "sm",
@@ -2988,7 +3103,7 @@ function kn({ variant: e = "primary", callerName: t, callerNumber: n, callerType
 							!a && s.length > 0 ? y === "none" ? f?.("none") : y === "new" ? f?.("new") : f?.(y) : f?.();
 						},
 						style: { fontWeight: 600 },
-						children: [/* @__PURE__ */ H(R, {
+						children: [/* @__PURE__ */ H(ee, {
 							size: 14,
 							style: { marginRight: 6 }
 						}), "Accept"]
@@ -3000,14 +3115,14 @@ function kn({ variant: e = "primary", callerName: t, callerNumber: n, callerType
 }
 //#endregion
 //#region src/components/ui/QueueItem.jsx
-var An = {
+var Bn = {
 	ringing: {
 		icon: ne,
 		color: "var(--accent-red)",
 		label: "Ringing"
 	},
 	voicemail: {
-		icon: le,
+		icon: fe,
 		color: "var(--accent-yellow)",
 		label: "Voicemail"
 	},
@@ -3021,14 +3136,14 @@ var An = {
 		color: "var(--text-tertiary)",
 		label: "Missed"
 	}
-}, jn = {
+}, Vn = {
 	client: "success",
 	building_department: "info",
 	staff: "purple",
 	unknown: "warning"
 };
-function Mn({ kind: e, caller: t = {}, ticket: n = null, ago: r = null, slaDeadlineAt: i = null, voicemailDurationSec: a, assignedTo: o = null, actions: s = [], onAction: c, onClick: l, className: u = "" }) {
-	let d = An[e] || An.ringing, f = d.icon, p = s.slice(0, 2), m = s.slice(2), h = i ? sn(i) : "none", g = h === "urgent" ? "var(--accent-red)" : h === "warning" ? "var(--accent-yellow)" : "var(--text-secondary)";
+function Hn({ kind: e, caller: t = {}, ticket: n = null, ago: r = null, slaDeadlineAt: i = null, voicemailDurationSec: a, assignedTo: o = null, actions: s = [], onAction: c, onClick: l, className: u = "" }) {
+	let d = Bn[e] || Bn.ringing, f = d.icon, p = s.slice(0, 2), m = s.slice(2), h = i ? _n(i) : "none", g = h === "urgent" ? "var(--accent-red)" : h === "warning" ? "var(--accent-yellow)" : "var(--text-secondary)";
 	return /* @__PURE__ */ U("div", {
 		role: "button",
 		tabIndex: 0,
@@ -3078,11 +3193,11 @@ function Mn({ kind: e, caller: t = {}, ticket: n = null, ago: r = null, slaDeadl
 							},
 							children: t.name
 						}),
-						/* @__PURE__ */ H(q, {
-							variant: jn[t.type] || "warning",
+						/* @__PURE__ */ H(J, {
+							variant: Vn[t.type] || "warning",
 							showDot: !1,
 							className: "badge--no-dot",
-							children: dn(t.type)
+							children: xn(t.type)
 						}),
 						n && /* @__PURE__ */ H(Z, {
 							ticket: n,
@@ -3110,8 +3225,8 @@ function Mn({ kind: e, caller: t = {}, ticket: n = null, ago: r = null, slaDeadl
 							children: d.label
 						}),
 						/* @__PURE__ */ H("span", { children: "·" }),
-						e === "voicemail" && a != null && /* @__PURE__ */ U(ue, { children: [/* @__PURE__ */ H("span", { children: rn(a) }), /* @__PURE__ */ H("span", { children: "·" })] }),
-						r && /* @__PURE__ */ H("span", { children: on(r) }),
+						e === "voicemail" && a != null && /* @__PURE__ */ U(pe, { children: [/* @__PURE__ */ H("span", { children: mn(a) }), /* @__PURE__ */ H("span", { children: "·" })] }),
+						r && /* @__PURE__ */ H("span", { children: gn(r) }),
 						i && /* @__PURE__ */ U("span", {
 							style: {
 								color: g,
@@ -3119,12 +3234,12 @@ function Mn({ kind: e, caller: t = {}, ticket: n = null, ago: r = null, slaDeadl
 								fontVariantNumeric: "tabular-nums",
 								fontWeight: 600
 							},
-							children: ["SLA ", an(i)]
+							children: ["SLA ", hn(i)]
 						})
 					]
 				})]
 			}),
-			o && /* @__PURE__ */ H(xn, {
+			o && /* @__PURE__ */ H(jn, {
 				name: o.name,
 				initials: o.initials,
 				avatarUrl: null,
@@ -3146,15 +3261,15 @@ function Mn({ kind: e, caller: t = {}, ticket: n = null, ago: r = null, slaDeadl
 					title: e.label,
 					onClick: () => c?.(e.key),
 					children: e.icon
-				}, e.key)), m.length > 0 && /* @__PURE__ */ H(jt, {
+				}, e.key)), m.length > 0 && /* @__PURE__ */ H(Bt, {
 					align: "right",
 					trigger: /* @__PURE__ */ H("button", {
 						type: "button",
 						className: "btn btn-ghost btn-icon btn-sm",
 						"aria-label": "More actions",
-						children: /* @__PURE__ */ H(L, { size: 16 })
+						children: /* @__PURE__ */ H(R, { size: 16 })
 					}),
-					children: m.map((e) => /* @__PURE__ */ H(Mt, {
+					children: m.map((e) => /* @__PURE__ */ H(Vt, {
 						onClick: () => c?.(e.key),
 						children: e.label
 					}, e.key))
@@ -3165,14 +3280,14 @@ function Mn({ kind: e, caller: t = {}, ticket: n = null, ago: r = null, slaDeadl
 }
 //#endregion
 //#region src/components/data/ActivityFeed.jsx
-function Nn({ items: e = [], className: t = "" }) {
+function Un({ items: e = [], className: t = "" }) {
 	return /* @__PURE__ */ H("div", {
 		className: `activity-feed ${t}`,
 		children: e.map((e, t) => /* @__PURE__ */ U("div", {
 			className: "activity-item",
 			children: [/* @__PURE__ */ H("div", {
 				className: "activity-avatar",
-				children: /* @__PURE__ */ H(K, {
+				children: /* @__PURE__ */ H(q, {
 					name: e.user,
 					size: "sm"
 				})
@@ -3204,7 +3319,7 @@ function Nn({ items: e = [], className: t = "" }) {
 }
 //#endregion
 //#region src/components/data/CommandBar.jsx
-function Pn({ open: e, onClose: t, groups: n = [], onSelect: r, placeholder: i = "Type a command or search..." }) {
+function Wn({ open: e, onClose: t, groups: n = [], onSelect: r, placeholder: i = "Type a command or search..." }) {
 	let [a, s] = d(""), [c, l] = d(0), f = u(null);
 	if (o(() => {
 		if (e) {
@@ -3288,7 +3403,7 @@ function Pn({ open: e, onClose: t, groups: n = [], onSelect: r, placeholder: i =
 }
 //#endregion
 //#region src/components/data/DataTable.jsx
-function Fn({ columns: e, data: t, onRowClick: n, className: r = "" }) {
+function Gn({ columns: e, data: t, onRowClick: n, className: r = "" }) {
 	let [i, a] = d(null), [o, s] = d("asc");
 	function c(e) {
 		i === e ? s((e) => e === "asc" ? "desc" : "asc") : (a(e), s("asc"));
@@ -3329,7 +3444,7 @@ function Fn({ columns: e, data: t, onRowClick: n, className: r = "" }) {
 }
 //#endregion
 //#region src/components/data/FilterBar.jsx
-function In({ searchValue: e = "", onSearchChange: t, filters: n = [], onClearAll: r, children: i, className: a = "" }) {
+function Kn({ searchValue: e = "", onSearchChange: t, filters: n = [], onClearAll: r, children: i, className: a = "" }) {
 	let o = n.some((e) => e.active);
 	return /* @__PURE__ */ U("div", {
 		className: `filter-bar ${a}`,
@@ -3382,14 +3497,14 @@ function In({ searchValue: e = "", onSearchChange: t, filters: n = [], onClearAl
 function Q(...e) {
 	return e.filter(Boolean).join(" ");
 }
-function Ln({ children: e, className: t = "", style: n }) {
+function qn({ children: e, className: t = "", style: n }) {
 	return /* @__PURE__ */ H("div", {
 		className: Q("kanban-board", t),
 		style: n,
 		children: e
 	});
 }
-function Rn({ title: e, count: t, color: n, headerAction: r = null, countVariant: i = "pill", children: a, className: o = "", style: s, headerClassName: c = "", headerStyle: l, countClassName: u = "", bodyClassName: d = "", bodyStyle: f }) {
+function Jn({ title: e, count: t, color: n, headerAction: r = null, countVariant: i = "pill", children: a, className: o = "", style: s, headerClassName: c = "", headerStyle: l, countClassName: u = "", bodyClassName: d = "", bodyStyle: f }) {
 	return /* @__PURE__ */ U("div", {
 		className: Q("kanban-column", o),
 		style: s,
@@ -3407,7 +3522,7 @@ function Rn({ title: e, count: t, color: n, headerAction: r = null, countVariant
 						className: "kanban-column-title-label",
 						children: e
 					}),
-					t != null && /* @__PURE__ */ H(q, {
+					t != null && /* @__PURE__ */ H(J, {
 						showDot: !1,
 						className: Q("workflow-column-count", "kanban-column-count", i === "inline" ? "kanban-column-count--inline" : "", u),
 						children: t
@@ -3427,13 +3542,13 @@ function Rn({ title: e, count: t, color: n, headerAction: r = null, countVariant
 		})]
 	});
 }
-function zn({ title: e, subtitle: t, badges: n, avatar: r, footer: i, footerEnd: a, children: o, onClick: s, className: c = "", style: l }) {
+function Yn({ title: e, subtitle: t, badges: n, avatar: r, footer: i, footerEnd: a, children: o, onClick: s, className: c = "", style: l }) {
 	let u = a ?? r;
 	return /* @__PURE__ */ H("div", {
 		className: Q("kanban-card", c),
 		onClick: s,
 		style: l,
-		children: o || /* @__PURE__ */ U(ue, { children: [/* @__PURE__ */ U("div", {
+		children: o || /* @__PURE__ */ U(pe, { children: [/* @__PURE__ */ U("div", {
 			className: "kanban-card-body",
 			children: [
 				e && /* @__PURE__ */ H("div", {
@@ -3463,13 +3578,13 @@ function zn({ title: e, subtitle: t, badges: n, avatar: r, footer: i, footerEnd:
 function $(...e) {
 	return e.filter(Boolean).join(" ");
 }
-function Bn({ children: e, className: t = "" }) {
+function Xn({ children: e, className: t = "" }) {
 	return /* @__PURE__ */ H("div", {
 		className: $("table-board", t),
 		children: e
 	});
 }
-function Vn({ title: e, count: t, accentColor: n, open: r, defaultOpen: i = !0, onOpenChange: a, children: o, className: s = "" }) {
+function Zn({ title: e, count: t, accentColor: n, open: r, defaultOpen: i = !0, onOpenChange: a, children: o, className: s = "" }) {
 	let [c, l] = d(i), u = r != null, f = u ? r : c;
 	function p() {
 		let e = !f;
@@ -3506,7 +3621,7 @@ function Vn({ title: e, count: t, accentColor: n, open: r, defaultOpen: i = !0,
 		})]
 	});
 }
-function Hn({ priority: e, id: t, statusColor: n = "var(--accent-yellow)", title: i, subtitle: a, subtitleInline: s = !1, pills: c = [], maxVisibleLeadingPills: l, pinnedTrailingPillsCount: f = 0, metric: m, metricTone: h = "default", metricIcon: g, showMetricIcon: _ = !0, avatar: v, avatarImageUrl: y, avatarLabel: b, avatarName: x, avatarStyle: S, meta: w, onClick: T, className: E = "" }) {
+function Qn({ priority: e, id: t, statusColor: n = "var(--accent-yellow)", title: i, subtitle: a, subtitleInline: s = !1, pills: c = [], maxVisibleLeadingPills: l, pinnedTrailingPillsCount: f = 0, metric: m, metricTone: h = "default", metricIcon: g, showMetricIcon: _ = !0, avatar: v, avatarImageUrl: y, avatarLabel: b, avatarName: x, avatarStyle: S, meta: w, onClick: T, className: E = "" }) {
 	let D = typeof T == "function", O = u(null), [k, A] = d(!1), j = Array.isArray(c) ? c : [], M = Math.max(0, Math.min(f, j.length)), N = M > 0 ? j.slice(0, -M) : j, P = M > 0 ? j.slice(-M) : [], F = typeof l == "number" && l >= 0 ? N.slice(0, l) : N, I = Math.max(0, N.length - F.length), L = [
 		...F,
 		...I > 0 ? [{
@@ -3515,16 +3630,16 @@ function Hn({ priority: e, id: t, statusColor: n = "var(--accent-yellow)", title
 		}] : [],
 		...P
 	];
-	function ee(e) {
+	function R(e) {
 		D && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), T());
 	}
-	let R = x || w || b, te = S || (y ? void 0 : { background: "var(--accent-blue)" }), ne = g || (h === "warning" ? p : C), re = v || (y || b || R ? /* @__PURE__ */ H(K, {
+	let z = x || w || b, ee = S || (y ? void 0 : { background: "var(--accent-blue)" }), te = g || (h === "warning" ? p : C), ne = v || (y || b || z ? /* @__PURE__ */ H(q, {
 		imageUrl: y,
 		initials: b,
-		name: R,
+		name: z,
 		size: "sm",
 		className: "table-board-avatar",
-		style: te
+		style: ee
 	}) : null);
 	return o(() => {
 		let e = O.current;
@@ -3547,7 +3662,7 @@ function Hn({ priority: e, id: t, statusColor: n = "var(--accent-yellow)", title
 	]), /* @__PURE__ */ U("div", {
 		className: $("table-board-row", D && "clickable", E),
 		onClick: T,
-		onKeyDown: ee,
+		onKeyDown: R,
 		role: D ? "button" : void 0,
 		tabIndex: D ? 0 : void 0,
 		children: [
@@ -3592,17 +3707,17 @@ function Hn({ priority: e, id: t, statusColor: n = "var(--accent-yellow)", title
 					]
 				}, `${e.label}-${t}`))
 			}),
-			m != null && (r(m) ? m : /* @__PURE__ */ H(q, {
+			m != null && (r(m) ? m : /* @__PURE__ */ H(J, {
 				className: "table-board-metric",
 				showDot: !1,
-				children: /* @__PURE__ */ H(Vt, {
+				children: /* @__PURE__ */ H(Xt, {
 					tone: h,
-					icon: ne,
+					icon: te,
 					showIcon: _,
 					children: m
 				})
 			})),
-			re,
+			ne,
 			w && /* @__PURE__ */ H("span", {
 				className: "table-board-meta",
 				children: w
@@ -3612,12 +3727,12 @@ function Hn({ priority: e, id: t, statusColor: n = "var(--accent-yellow)", title
 }
 //#endregion
 //#region src/components/data/KPICard.jsx
-function Un({ title: e, value: t, change: n, changeLabel: r, trend: i = "neutral", icon: a, className: o = "" }) {
+function $n({ title: e, value: t, change: n, changeLabel: r, trend: i = "neutral", icon: a, className: o = "" }) {
 	let s = {
 		up: "var(--accent-green)",
 		down: "var(--accent-red)",
 		neutral: "var(--text-tertiary)"
-	}, c = i === "up" ? se : i === "down" ? oe : F;
+	}, c = i === "up" ? ue : i === "down" ? le : I;
 	return /* @__PURE__ */ U("div", {
 		className: `kpi-card ${o}`,
 		children: [
@@ -3653,7 +3768,7 @@ function Un({ title: e, value: t, change: n, changeLabel: r, trend: i = "neutral
 		]
 	});
 }
-function Wn({ label: e, value: t, subtitle: n, color: r, className: i = "" }) {
+function er({ label: e, value: t, subtitle: n, color: r, className: i = "" }) {
 	return /* @__PURE__ */ U("div", {
 		className: `stat-card ${i}`,
 		children: [r && /* @__PURE__ */ H("div", {
@@ -3680,7 +3795,7 @@ function Wn({ label: e, value: t, subtitle: n, color: r, className: i = "" }) {
 }
 //#endregion
 //#region src/components/data/NotificationsPanel.jsx
-function Gn({ notifications: e = [], onMarkRead: t, onMarkAllRead: n, className: r = "" }) {
+function tr({ notifications: e = [], onMarkRead: t, onMarkAllRead: n, className: r = "" }) {
 	let i = e.filter((e) => !e.read);
 	return /* @__PURE__ */ U("div", {
 		className: `notifications-panel ${r}`,
@@ -3711,7 +3826,7 @@ function Gn({ notifications: e = [], onMarkRead: t, onMarkAllRead: n, className:
 				className: `notification-item ${e.read ? "" : "unread"}`,
 				onClick: () => !e.read && t?.(e.id),
 				children: [
-					/* @__PURE__ */ H(K, {
+					/* @__PURE__ */ H(q, {
 						name: e.user,
 						size: "sm"
 					}),
@@ -3737,7 +3852,7 @@ function Gn({ notifications: e = [], onMarkRead: t, onMarkAllRead: n, className:
 }
 //#endregion
 //#region src/components/Icons.jsx
-function Kn() {
+function nr() {
 	return /* @__PURE__ */ H("svg", {
 		width: "16",
 		height: "16",
@@ -3746,7 +3861,7 @@ function Kn() {
 		children: /* @__PURE__ */ H("path", { d: "M2 3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6.5l-2.5-2.5a.5.5 0 0 0-.354-.146H8.5a.5.5 0 0 0-.5.5v2.793L6.854 9.001a.5.5 0 0 0-.708 0L2 13.147V3Zm12 8.207V13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-.44l4.5-4.5L8.146 9.707a.5.5 0 0 0 .708 0L11.5 7.06l2.5 2.5V11.207Z" })
 	});
 }
-function qn() {
+function rr() {
 	return /* @__PURE__ */ U("svg", {
 		width: "16",
 		height: "16",
@@ -3766,7 +3881,7 @@ function qn() {
 		})]
 	});
 }
-function Jn() {
+function ir() {
 	return /* @__PURE__ */ H("svg", {
 		width: "16",
 		height: "16",
@@ -3775,7 +3890,7 @@ function Jn() {
 		children: /* @__PURE__ */ H("path", { d: "M8 1l2.2 4.4L15 6.3l-3.5 3.4.8 4.9L8 12.4 3.7 14.6l.8-4.9L1 6.3l4.8-.9L8 1Z" })
 	});
 }
-function Yn() {
+function ar() {
 	return /* @__PURE__ */ H("svg", {
 		width: "16",
 		height: "16",
@@ -3788,7 +3903,7 @@ function Yn() {
 		children: /* @__PURE__ */ H("path", { d: "M1 8h3l2-5 2 10 2-5h3" })
 	});
 }
-function Xn() {
+function or() {
 	return /* @__PURE__ */ H("svg", {
 		width: "16",
 		height: "16",
@@ -3797,7 +3912,7 @@ function Xn() {
 		children: /* @__PURE__ */ H("path", { d: "M3 2h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm1 3v2h8V5H4Zm0 4v2h5V9H4Z" })
 	});
 }
-function Zn() {
+function sr() {
 	return /* @__PURE__ */ H("svg", {
 		width: "16",
 		height: "16",
@@ -3806,7 +3921,7 @@ function Zn() {
 		children: /* @__PURE__ */ H("path", { d: "M2 3.5A1.5 1.5 0 0 1 3.5 2h3.379a1.5 1.5 0 0 1 1.06.44l.622.62A1.5 1.5 0 0 0 9.622 3.5H12.5A1.5 1.5 0 0 1 14 5v7.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 12.5v-9Z" })
 	});
 }
-function Qn() {
+function cr() {
 	return /* @__PURE__ */ U("svg", {
 		width: "16",
 		height: "16",
@@ -3831,7 +3946,7 @@ function Qn() {
 		]
 	});
 }
-function $n() {
+function lr() {
 	return /* @__PURE__ */ U("svg", {
 		width: "16",
 		height: "16",
@@ -3849,7 +3964,7 @@ function $n() {
 		})]
 	});
 }
-function er() {
+function ur() {
 	return /* @__PURE__ */ H("svg", {
 		width: "16",
 		height: "16",
@@ -3862,7 +3977,7 @@ function er() {
 		children: /* @__PURE__ */ H("path", { d: "M11 2l3 3-8 8H3v-3l8-8Z" })
 	});
 }
-function tr() {
+function dr() {
 	return /* @__PURE__ */ H("svg", {
 		width: "14",
 		height: "14",
@@ -3875,7 +3990,7 @@ function tr() {
 		children: /* @__PURE__ */ H("path", { d: "M3.5 5.5L7 9l3.5-3.5" })
 	});
 }
-function nr() {
+function fr() {
 	return /* @__PURE__ */ H("svg", {
 		width: "14",
 		height: "14",
@@ -3888,7 +4003,7 @@ function nr() {
 		children: /* @__PURE__ */ H("path", { d: "M3.5 9L7 5.5 10.5 9" })
 	});
 }
-function rr() {
+function pr() {
 	return /* @__PURE__ */ H("svg", {
 		width: "14",
 		height: "14",
@@ -3897,7 +4012,7 @@ function rr() {
 		children: /* @__PURE__ */ H("path", { d: "M7 1l1.76 3.52L13 5.26l-3 2.94.7 4.13L7 10.4 3.3 12.33l.7-4.13-3-2.94 4.24-.74L7 1Z" })
 	});
 }
-function ir() {
+function mr() {
 	return /* @__PURE__ */ U("svg", {
 		width: "14",
 		height: "14",
@@ -3918,7 +4033,7 @@ function ir() {
 		})]
 	});
 }
-function ar() {
+function hr() {
 	return /* @__PURE__ */ U("svg", {
 		width: "14",
 		height: "14",
@@ -3938,7 +4053,7 @@ function ar() {
 		})]
 	});
 }
-function or() {
+function gr() {
 	return /* @__PURE__ */ H("svg", {
 		width: "14",
 		height: "14",
@@ -3953,7 +4068,7 @@ function or() {
 		})
 	});
 }
-function sr() {
+function _r() {
 	return /* @__PURE__ */ H("svg", {
 		width: "14",
 		height: "14",
@@ -3969,7 +4084,7 @@ function sr() {
 		})
 	});
 }
-function cr() {
+function vr() {
 	return /* @__PURE__ */ U("svg", {
 		width: "14",
 		height: "14",
@@ -3989,7 +4104,7 @@ function cr() {
 		})]
 	});
 }
-function lr() {
+function yr() {
 	return /* @__PURE__ */ H("svg", {
 		width: "14",
 		height: "14",
@@ -3998,7 +4113,7 @@ function lr() {
 		children: /* @__PURE__ */ H("path", { d: "M7 1a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V2a1 1 0 0 1 1-1Zm0 10a1.25 1.25 0 1 1 0 2.5A1.25 1.25 0 0 1 7 11Z" })
 	});
 }
-function ur() {
+function br() {
 	return /* @__PURE__ */ U("svg", {
 		width: "14",
 		height: "14",
@@ -4029,7 +4144,7 @@ function ur() {
 		]
 	});
 }
-function dr() {
+function xr() {
 	return /* @__PURE__ */ U("svg", {
 		width: "14",
 		height: "14",
@@ -4062,7 +4177,7 @@ function dr() {
 		]
 	});
 }
-function fr() {
+function Sr() {
 	return /* @__PURE__ */ U("svg", {
 		width: "14",
 		height: "14",
@@ -4095,7 +4210,7 @@ function fr() {
 		]
 	});
 }
-function pr() {
+function Cr() {
 	return /* @__PURE__ */ H("svg", {
 		width: "14",
 		height: "14",
@@ -4107,7 +4222,7 @@ function pr() {
 		children: /* @__PURE__ */ H("path", { d: "M6 8l2-2m-2.5-.5L4 7a2.83 2.83 0 0 0 4 4l1.5-1.5m-1-5L10 3a2.83 2.83 0 0 1 4 4l-1.5 1.5" })
 	});
 }
-function mr() {
+function wr() {
 	return /* @__PURE__ */ H("svg", {
 		width: "14",
 		height: "14",
@@ -4120,7 +4235,7 @@ function mr() {
 		children: /* @__PURE__ */ H("path", { d: "M2.5 4h9M5 4V2.5h4V4m-4.5 1v5.5m3-5.5v5.5M3.5 4l.5 8h6l.5-8" })
 	});
 }
-function hr() {
+function Tr() {
 	return /* @__PURE__ */ U("svg", {
 		width: "14",
 		height: "14",
@@ -4137,7 +4252,7 @@ function hr() {
 		})]
 	});
 }
-function gr() {
+function Er() {
 	return /* @__PURE__ */ H("svg", {
 		width: "14",
 		height: "14",
@@ -4149,7 +4264,7 @@ function gr() {
 		children: /* @__PURE__ */ H("path", { d: "M3.5 3.5l7 7M10.5 3.5l-7 7" })
 	});
 }
-function _r() {
+function Dr() {
 	return /* @__PURE__ */ H("svg", {
 		width: "14",
 		height: "14",
@@ -4162,7 +4277,7 @@ function _r() {
 		children: /* @__PURE__ */ H("path", { d: "M3 7.5l3 3 5-6" })
 	});
 }
-function vr() {
+function Or() {
 	return /* @__PURE__ */ U("svg", {
 		width: "14",
 		height: "14",
@@ -4181,7 +4296,7 @@ function vr() {
 		}), /* @__PURE__ */ H("path", { d: "M9.5 4.5V3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v5.5a1 1 0 0 0 1 1h1.5" })]
 	});
 }
-function yr() {
+function kr() {
 	return /* @__PURE__ */ H("svg", {
 		width: "14",
 		height: "14",
@@ -4194,7 +4309,7 @@ function yr() {
 		children: /* @__PURE__ */ H("path", { d: "M5.5 12a1.5 1.5 0 0 0 3 0M7 1a4 4 0 0 0-4 4c0 3-1.5 4.5-1.5 4.5h11S11 8 11 5a4 4 0 0 0-4-4Z" })
 	});
 }
-function br() {
+function Ar() {
 	return /* @__PURE__ */ U("svg", {
 		width: "14",
 		height: "14",
@@ -4213,7 +4328,7 @@ function br() {
 		}), /* @__PURE__ */ H("path", { d: "M4.5 1v2.5M9.5 1v2.5M1.5 5.5h11" })]
 	});
 }
-function xr() {
+function jr() {
 	return /* @__PURE__ */ H("svg", {
 		width: "14",
 		height: "14",
@@ -4226,7 +4341,7 @@ function xr() {
 		children: /* @__PURE__ */ H("path", { d: "M1.5 3h11M3.5 7h7M5.5 11h3" })
 	});
 }
-function Sr() {
+function Mr() {
 	return /* @__PURE__ */ U("svg", {
 		width: "14",
 		height: "14",
@@ -4244,7 +4359,7 @@ function Sr() {
 		})]
 	});
 }
-function Cr() {
+function Nr() {
 	return /* @__PURE__ */ U("svg", {
 		width: "14",
 		height: "14",
@@ -4263,4 +4378,4 @@ function Cr() {
 	});
 }
 //#endregion
-export { lt as Accordion, ct as AccordionItem, Nn as ActivityFeed, Xe as AppLoader, K as Avatar, q as Badge, yr as BellIcon, J as Button, br as CalendarIcon, kn as CallCard, nn as CallControlsBar, En as Callbar, _t as Card, xt as CardContent, bt as CardDescription, St as CardFooter, vt as CardHeader, yt as CardTitle, _r as CheckIcon, tr as ChevronDown, nr as ChevronUp, gr as CloseIcon, Pn as CommandBar, vr as CopyIcon, Yt as DEFAULT_ICON_BY_VALUE, Xt as DEFAULT_VIEW_MODE_OPTIONS, Fn as DataTable, wt as Dialog, Ot as DialogBody, Dt as DialogDescription, kt as DialogFooter, Tt as DialogHeader, Et as DialogTitle, jt as DropdownMenu, Nt as DropdownMenuCheckboxItem, Mt as DropdownMenuItem, Pt as DropdownMenuLabel, Ft as DropdownMenuSeparator, er as EditIcon, qe as FCCAppShell, Je as FCCBrandLogo, Re as FCCBreadcrumbs, Se as FCCDesignProvider, $e as FCCDetailsPanel, tt as FCCFullPagePanel, it as FCCFullPagePanelBody, st as FCCFullPagePanelFooter, nt as FCCFullPagePanelHeader, at as FCCFullPagePanelMain, ot as FCCFullPagePanelSidebar, rt as FCCFullPagePanelToolbar, Be as FCCHeaderStatus, Qe as FCCLoader, He as FCCMainWindow, we as FCCSidePanel, Ne as FCCSidePanelAction, Ee as FCCSidePanelBody, je as FCCSidePanelCard, Pe as FCCSidePanelChatWrap, Me as FCCSidePanelContact, Fe as FCCSidePanelConversation, ke as FCCSidePanelGroupLabel, Te as FCCSidePanelHeader, Ae as FCCSidePanelItem, Ie as FCCSidePanelMessage, Oe as FCCSidePanelSearch, De as FCCSidePanelTabs, Ke as FCCSidebar, Ye as FCCThemeToggle, Ve as FCCWorkspaceHeader, In as FilterBar, xr as FilterIcon, Kn as InboxIcon, Xn as InitiativesIcon, At as Input, qn as IssuesIcon, Un as KPICard, Ln as KanbanBoard, zn as KanbanCard, Rn as KanbanColumn, Cr as LabelIcon, pr as LinkIcon, Qn as MoreIcon, Gn as NotificationsPanel, xn as PresenceAvatar, yn as PresenceDot, ur as PriorityHigh, fr as PriorityLow, dr as PriorityMedium, lr as PriorityUrgent, Zn as ProjectsIcon, Yn as PulseIcon, Mn as QueueItem, Jn as ReviewsIcon, $n as SearchIcon, It as SearchableSelect, hr as SettingsIcon, Lt as Sheet, Rt as SheetFooter, Ze as Spinner, rr as StarIcon, Wn as StatCard, sr as StatusBacklog, cr as StatusCancelled, ar as StatusDone, ir as StatusInProgress, Vt as StatusMetric, or as StatusTodo, Ht as Switch, Bn as TableBoard, Vn as TableBoardGroup, Hn as TableBoardRow, Ut as Tabs, Kt as TabsContent, Wt as TabsList, Gt as TabsTrigger, qt as Textarea, be as ThemeProvider, Z as TicketLinkChip, me as ToastProvider, Jt as Tooltip, mr as TrashIcon, Sr as UserIcon, $t as ViewModeToggle, tn as WorkspaceTabs, xe as useTheme, he as useToast };
+export { vt as Accordion, _t as AccordionItem, Un as ActivityFeed, at as AppLoader, q as Avatar, J as Badge, kr as BellIcon, Y as Button, Ar as CalendarIcon, zn as CallCard, pn as CallControlsBar, In as Callbar, Et as Card, At as CardContent, kt as CardDescription, jt as CardFooter, Dt as CardHeader, Ot as CardTitle, Dr as CheckIcon, dr as ChevronDown, fr as ChevronUp, Er as CloseIcon, Wn as CommandBar, Or as CopyIcon, on as DEFAULT_ICON_BY_VALUE, sn as DEFAULT_VIEW_MODE_OPTIONS, Gn as DataTable, Nt as Dialog, Lt as DialogBody, It as DialogDescription, Rt as DialogFooter, Pt as DialogHeader, Ft as DialogTitle, Bt as DropdownMenu, Ht as DropdownMenuCheckboxItem, Vt as DropdownMenuItem, Ut as DropdownMenuLabel, Wt as DropdownMenuSeparator, ur as EditIcon, nt as FCCAppShell, Ee as FCCAppShellContext, rt as FCCBrandLogo, Ue as FCCBreadcrumbs, Te as FCCDesignProvider, ct as FCCDetailsPanel, ut as FCCFullPagePanel, pt as FCCFullPagePanelBody, gt as FCCFullPagePanelFooter, dt as FCCFullPagePanelHeader, mt as FCCFullPagePanelMain, ht as FCCFullPagePanelSidebar, ft as FCCFullPagePanelToolbar, Ge as FCCHeaderStatus, st as FCCLoader, qe as FCCMainWindow, ke as FCCSidePanel, Re as FCCSidePanelAction, je as FCCSidePanelBody, Ie as FCCSidePanelCard, ze as FCCSidePanelChatWrap, Le as FCCSidePanelContact, Be as FCCSidePanelConversation, Pe as FCCSidePanelGroupLabel, Ae as FCCSidePanelHeader, Fe as FCCSidePanelItem, Ve as FCCSidePanelMessage, Ne as FCCSidePanelSearch, Me as FCCSidePanelTabs, Ze as FCCSidebar, it as FCCThemeToggle, Ke as FCCWorkspaceHeader, Kn as FilterBar, jr as FilterIcon, nr as InboxIcon, or as InitiativesIcon, zt as Input, rr as IssuesIcon, $n as KPICard, qn as KanbanBoard, Yn as KanbanCard, Jn as KanbanColumn, Nr as LabelIcon, Cr as LinkIcon, cr as MoreIcon, tr as NotificationsPanel, jn as PresenceAvatar, kn as PresenceDot, br as PriorityHigh, Sr as PriorityLow, xr as PriorityMedium, yr as PriorityUrgent, sr as ProjectsIcon, ar as PulseIcon, Hn as QueueItem, ir as ReviewsIcon, lr as SearchIcon, Gt as SearchableSelect, Tr as SettingsIcon, Kt as Sheet, qt as SheetFooter, ot as Spinner, pr as StarIcon, er as StatCard, _r as StatusBacklog, vr as StatusCancelled, hr as StatusDone, mr as StatusInProgress, Xt as StatusMetric, gr as StatusTodo, Zt as Switch, Xn as TableBoard, Zn as TableBoardGroup, Qn as TableBoardRow, $t as Tabs, nn as TabsContent, en as TabsList, tn as TabsTrigger, rn as Textarea, Ce as ThemeProvider, Z as TicketLinkChip, _e as ToastProvider, an as Tooltip, wr as TrashIcon, Mr as UserIcon, un as ViewModeToggle, fn as WorkspaceTabs, De as useFCCAppShell, we as useTheme, ve as useToast };