@burdenoff/microfe-bigconsole 2026.1010.12 → 2026.1012.1

package/dist/bigconsole/pages/DashboardsPage.js

@@ -2,31 +2,26 @@ import { useBigConsoleNavigate as e } from "../context/BigConsoleContext.js";
 import "../context/index.js";
 import { reportBigConsoleQuotaError as t } from "../utils/quota.js";
 import { Section as n, SectionStack as r } from "../components/common/Section.js";
-import { SortBySelect as i } from "../components/common/SortBySelect.js";
 import "../components/common/index.js";
-import a from "../hooks/useDashboardOperations.js";
+import i from "../hooks/useDashboardOperations.js";
 import "../hooks/index.js";
-import { BIGCONSOLE_PERMISSIONS as o } from "../../constants/permissions.js";
-import { useTr as s } from "../../shared/hooks/useTr.js";
+import { BIGCONSOLE_PERMISSIONS as a } from "../../constants/permissions.js";
+import { useTr as o } from "../../shared/hooks/useTr.js";
 import ee from "../components/dashboard/CreateDashboardDialog.js";
-import c, { useDashboardStatusLabel as te } from "../components/dashboard/DashboardStatusPill.js";
-import { isNative as l, nativeConfirm as ne, nativeImpact as u, nativeNotify as d } from "../../utils/nativeBridge.js";
-import re from "../components/dashboard/ImportDashboardDialog.js";
-import { LIST_SORT_COPY as ie, listSortOptions as ae } from "../utils/listSort.js";
-import { dashboardsListControls as oe } from "../assistant/pageControls.js";
-import { selectDashboards as se } from "../utils/dashboardList.js";
-import { resolveCreateParam as ce, withoutCreateParam as le } from "../utils/createDialogParam.js";
-import { memo as f, useCallback as p, useEffect as m, useMemo as h, useState as g } from "react";
-import { useSearchParams as ue } from "react-router";
-import { AccessDenied as de, PermissionButton as _ } from "@burdenoff/fe-libs/shared/components";
-import { usePermissions as fe } from "@burdenoff/fe-libs/shared/providers/shell";
-import { Calendar as pe, ChevronLeft as me, ChevronRight as he, Copy as ge, FileText as _e, Layers as ve, LayoutDashboard as v, LayoutGrid as ye, List as be, Pencil as xe, Plus as Se, Search as Ce, Trash2 as we, Upload as Te } from "lucide-react";
-import { AuroraBackground as y, Badge as b, Button as x, CTAOverflowMenu as S, Card as Ee, CardContent as De, GlassCard as Oe, GradientText as C, IllustratedEmptyState as ke, Input as Ae, PagePurpose as je, Spinner as w } from "@burdenoff/fe-libs/ui";
+import s, { useDashboardStatusLabel as te } from "../components/dashboard/DashboardStatusPill.js";
+import { isNative as c, nativeConfirm as ne, nativeImpact as re, nativeNotify as l } from "../../utils/nativeBridge.js";
+import ie from "../components/dashboard/ImportDashboardDialog.js";
+import { resolveCreateParam as ae, withoutCreateParam as oe } from "../utils/createDialogParam.js";
+import { memo as u, useCallback as d, useEffect as f, useState as p } from "react";
+import { useSearchParams as se } from "react-router";
+import { AccessDenied as ce, PermissionButton as m } from "@burdenoff/fe-libs/shared/components";
+import { usePermissions as le } from "@burdenoff/fe-libs/shared/providers/shell";
+import { Calendar as ue, ChevronLeft as de, ChevronRight as fe, Copy as pe, FileText as h, Layers as me, LayoutDashboard as g, LayoutGrid as he, List as ge, Pencil as _, Plus as v, Search as _e, Trash2 as ve, Upload as ye } from "lucide-react";
+import { AuroraBackground as y, Badge as b, Button as x, CTAOverflowMenu as S, Card as be, CardContent as xe, GlassCard as Se, GradientText as C, IllustratedEmptyState as Ce, Input as we, PagePurpose as Te, Spinner as w } from "@burdenoff/fe-libs/ui";
 import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { useAssistantPageControls as Me } from "@burdenoff/fe-libs/shared/assistant/appControls/useAssistantControl";
 //#region src/bigconsole/pages/DashboardsPage.tsx
 var D = "bf-bigconsole-dashboards-view", O = 12, k = 7;
-function Ne(e, t) {
+function Ee(e, t) {
 	if (t <= k) return Array.from({ length: t }, (e, t) => t + 1);
 	let n = new Set([
 		1,
@@ -39,7 +34,7 @@ function Ne(e, t) {
 		t > 0 && e - r[t - 1] > 1 && i.push(null), i.push(e);
 	}), i;
 }
-var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onCreate: i, onImport: a, canCreate: o, canImport: s }) {
+var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onCreate: i, onImport: a, canCreate: o, canImport: ee }) {
 	return /* @__PURE__ */ E("div", {
 		className: "relative overflow-hidden border-b border-[var(--color-border-seam)] bg-[image:var(--gradient-gloss-card)]",
 		children: [/* @__PURE__ */ T(y, { intensity: "subtle" }), /* @__PURE__ */ T("div", {
@@ -70,7 +65,7 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 							borderRadius: "var(--radius-card)",
 							backgroundColor: "var(--color-action-primary-bg)"
 						},
-						children: /* @__PURE__ */ T(v, { style: {
+						children: /* @__PURE__ */ T(g, { style: {
 							height: "var(--size-icon-lg)",
 							width: "var(--size-icon-lg)",
 							color: "var(--color-action-primary-text)"
@@ -101,7 +96,7 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 							label: n,
 							onSelect: i,
 							disabled: !o,
-							icon: /* @__PURE__ */ T(Se, { style: {
+							icon: /* @__PURE__ */ T(v, { style: {
 								marginRight: "var(--space-iconGap)",
 								height: "var(--size-icon-sm)",
 								width: "var(--size-icon-sm)"
@@ -110,8 +105,8 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 						actions: [{
 							label: r,
 							onSelect: a,
-							disabled: !s,
-							icon: /* @__PURE__ */ T(Te, { style: {
+							disabled: !ee,
+							icon: /* @__PURE__ */ T(ye, { style: {
 								height: "var(--size-icon-sm)",
 								width: "var(--size-icon-sm)"
 							} })
@@ -121,88 +116,80 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 			})
 		})]
 	});
-}), A = f(function() {
-	let f = e(), y = s(), [S, C] = g(""), [k, A] = g(""), [j, Fe] = g(""), [M, Ie] = g("default"), [N, P] = g(1), [Le, F] = g(!1), [I, Re] = g(!1), [ze, Be] = g(!1), [L, Ve] = g(() => {
+}), A = u(function() {
+	let u = e(), y = o(), [S, C] = p(""), [k, A] = p(""), [j, Oe] = p(""), [M, N] = p(1), [ke, P] = p(!1), [F, I] = p(!1), [Ae, L] = p(!1), [R, je] = p(() => {
 		try {
 			return window.localStorage.getItem(D) === "list" ? "list" : "grid";
 		} catch {
 			return "grid";
 		}
-	}), He = p((e) => {
-		Ve(e);
+	}), z = d((e) => {
+		je(e);
 		try {
 			window.localStorage.setItem(D, e);
 		} catch {}
-	}, []), { loading: R, error: z, dashboards: B, createDashboard: Ue, deleteDashboard: We, cloneDashboard: Ge, refetch: V } = a(), { hasPermission: H, isLoading: U } = fe(), W = H(o.DASHBOARD_READ), G = H(o.DASHBOARD_CREATE), Ke = H(o.DASHBOARD_IMPORT), [K, qe] = ue();
-	m(() => {
-		let e = ce(K, {
-			permissionsLoading: U,
-			canRead: W,
-			canCreate: G
+	}, []), { loading: B, error: Me, dashboards: V, createDashboard: Ne, deleteDashboard: Pe, cloneDashboard: Fe, refetch: H } = i(), { hasPermission: U, isLoading: W } = le(), G = U(a.DASHBOARD_READ), K = U(a.DASHBOARD_CREATE), Ie = U(a.DASHBOARD_IMPORT), [q, Le] = se();
+	f(() => {
+		let e = ae(q, {
+			permissionsLoading: W,
+			canRead: G,
+			canCreate: K
 		});
-		e === "none" || e === "wait" || (e === "open" && F(!0), qe(le(K), { replace: !0 }));
+		e === "none" || e === "wait" || (e === "open" && P(!0), Le(oe(q), { replace: !0 }));
 	}, [
-		K,
-		qe,
-		U,
+		q,
+		Le,
 		W,
-		G
+		G,
+		K
 	]);
-	let q = h(() => Array.from(new Set(B.flatMap((e) => e.category ? [e.category] : []))).sort(), [B]), { filtered: J, totalPages: Y, pageItems: X } = se(B, {
-		search: S,
-		category: k,
-		status: j,
-		sort: M,
-		page: N,
-		pageSize: O
-	}), Je = (Math.min(N, Y) - 1) * O;
-	m(() => {
-		P(1);
+	let Re = Array.from(new Set(V.flatMap((e) => e.category ? [e.category] : []))).sort(), J = V.filter((e) => (!k || e.category === k) && (!j || e.status === j) && (e.name.toLowerCase().includes(S.toLowerCase()) || e.description?.toLowerCase().includes(S.toLowerCase()))), Y = Math.max(1, Math.ceil(J.length / O)), X = (M - 1) * O, Z = J.slice(X, X + O);
+	f(() => {
+		N(1);
 	}, [
 		S,
-		L,
+		R,
 		k,
-		j,
-		M
-	]), m(() => {
-		N > Y && P(Y);
-	}, [N, Y]);
-	let Ye = p(() => {
-		P((e) => Math.max(1, e - 1));
-	}, []), Xe = p(() => {
-		P((e) => Math.min(Y, e + 1));
-	}, [Y]), Ze = p((e) => {
-		P(e);
-	}, []), Qe = p(() => {
-		F(!0);
-	}, []), $e = p(({ dashboardId: e }) => {
-		V(), f(`/dashboards/${e}`);
-	}, [V, f]), et = p(() => {
-		I || F(!1);
-	}, [I]), tt = p(async (e) => {
-		Re(!0);
+		j
+	]), f(() => {
+		M > Y && N(Y);
+	}, [M, Y]);
+	let ze = d(() => {
+		N((e) => Math.max(1, e - 1));
+	}, []), Be = d(() => {
+		N((e) => Math.min(Y, e + 1));
+	}, [Y]), Ve = d((e) => {
+		N(e);
+	}, []), He = d(() => {
+		P(!0);
+	}, []), Ue = d(({ dashboardId: e }) => {
+		H(), u(`/dashboards/${e}`);
+	}, [H, u]), We = d(() => {
+		F || P(!1);
+	}, [F]), Ge = d(async (e) => {
+		I(!0);
 		try {
-			let t = await Ue({
+			let t = await Ne({
 				name: e.name,
 				description: e.description,
 				category: e.category,
 				tags: e.tags
 			});
-			t && (F(!1), f(`/dashboards/${t.id}/builder`));
+			t && (P(!1), u(`/dashboards/${t.id}/builder`));
 		} catch (e) {
 			if (t(e, "project")) {
-				F(!1);
+				P(!1);
 				return;
 			}
-			throw console.error("Failed to create dashboard:", e), l() && d("error"), e;
+			throw console.error("Failed to create dashboard:", e), c() && l("error"), e;
 		} finally {
-			Re(!1);
+			I(!1);
 		}
-	}, [Ue, f]), Z = p((e) => {
-		f(`/dashboards/${e}`);
-	}, [f]), nt = p((e, t) => {
-		t.stopPropagation(), f(`/dashboards/${e}/builder`);
-	}, [f]), rt = p(async (e, t) => {
+	}, [Ne, u]), Q = d((e) => {
+		u(`/dashboards/${e}`);
+	}, [u]), Ke = d((e, t) => {
+		t.stopPropagation(), u(`/dashboards/${e}/builder`);
+	}, [u]), qe = d(async (e, t) => {
 		t.stopPropagation();
 		let n = y("bigconsole.dashboards.confirmDelete", "Are you sure you want to delete this dashboard?"), r = await ne({
 			title: "Delete dashboard?",
@@ -211,80 +198,54 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 			cancelButtonTitle: "Cancel"
 		});
 		if (r === null ? window.confirm(n) : r) {
-			u("medium");
+			re("medium");
 			try {
-				await We(e), l() && d("success");
+				await Pe(e), c() && l("success");
 			} catch (e) {
-				throw l() && d("error"), e;
+				throw c() && l("error"), e;
 			}
 		}
-	}, [We, y]), it = p(async (e, n, r) => {
+	}, [Pe, y]), Je = d(async (e, n, r) => {
 		r.stopPropagation();
 		let i = y("bigconsole.dashboards.clone.defaultSuffix", "{{sourceName}} (Copy)", { sourceName: n }), a = window.prompt(y("bigconsole.dashboards.clone.namePrompt", "Name for the cloned dashboard:"), i);
 		if (!(!a || !a.trim())) {
-			u("medium");
+			re("medium");
 			try {
-				let t = await Ge(e, a.trim());
-				t && (l() && d("success"), f(`/dashboards/${t.id}`));
+				let t = await Fe(e, a.trim());
+				t && (c() && l("success"), u(`/dashboards/${t.id}`));
 			} catch (e) {
 				if (t(e, "project")) return;
-				throw l() && d("error"), e;
+				throw c() && l("error"), e;
 			}
 		}
 	}, [
-		Ge,
-		f,
+		Fe,
+		u,
 		y
-	]), at = p(() => {
-		Be(!0);
-	}, []), ot = p(() => {
-		Be(!1);
-	}, []), st = p((e, t) => {
-		V();
-	}, [V]), ct = (e) => {
+	]), Ye = d(() => {
+		L(!0);
+	}, []), Xe = d(() => {
+		L(!1);
+	}, []), Ze = d((e, t) => {
+		H();
+	}, [H]), Qe = (e) => {
 		let t = new Date(e), n = /* @__PURE__ */ new Date(), r = n.getTime() - t.getTime(), i = Math.floor(r / 6e4), a = Math.floor(r / 36e5), o = Math.floor(r / 864e5);
 		return i < 1 ? y("bigconsole.dashboards.time.justNow", "Just now") : i < 60 ? `${i}${y("bigconsole.dashboards.time.minutesAgoSuffix", "m ago")}` : a < 24 ? `${a}${y("bigconsole.dashboards.time.hoursAgoSuffix", "h ago")}` : o < 7 ? `${o}${y("bigconsole.dashboards.time.daysAgoSuffix", "d ago")}` : new Intl.DateTimeFormat("en-US", {
 			month: "short",
 			day: "numeric",
 			year: t.getFullYear() === n.getFullYear() ? void 0 : "numeric"
 		}).format(t);
-	}, Q = te(), $ = h(() => Array.from(new Set(B.map((e) => e.status).filter((e) => e !== void 0))).sort().map((e) => ({
-		value: e,
-		label: Q(e)
-	})), [B, Q]), lt = h(() => ae(y, !0), [y]);
-	Me(h(() => !U && W && !z ? oe({
-		tr: y,
-		categories: q,
-		statuses: $,
-		category: k,
-		status: j,
-		setCategory: A,
-		setStatus: Fe,
-		setSearch: C,
-		sort: M,
-		setSort: Ie
-	}) : null, [
-		y,
-		U,
-		W,
-		z,
-		q,
-		$,
-		k,
-		j,
-		M
-	]));
-	let ut = (e) => e.widgetCount ?? 0, dt = (e) => e.pageCount || 0, ft = /* @__PURE__ */ T(Pe, {
+	}, $ = te(), $e = (e) => e.widgetCount ?? 0, et = (e) => e.pageCount || 0, tt = /* @__PURE__ */ T(De, {
 		title: y("bigconsole.dashboards.title", "Dashboards"),
 		subtitle: y("bigconsole.dashboards.subtitle", "Create and manage your analytics dashboards"),
 		createLabel: y("bigconsole.dashboards.actions.create", "Create Dashboard"),
 		importLabel: y("bigconsole.dashboards.actions.import", "Import"),
-		onCreate: Qe,
-		onImport: at,
-		canCreate: G,
-		canImport: Ke
+		onCreate: He,
+		onImport: Ye,
+		canCreate: K,
+		canImport: Ie
 	});
-	if (U) return /* @__PURE__ */ T("div", {
+	if (W) return /* @__PURE__ */ T("div", {
 		style: {
 			display: "flex",
 			alignItems: "center",
@@ -296,33 +257,33 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 			width: "var(--size-icon-xl)"
 		} })
 	});
-	if (!W) return /* @__PURE__ */ T(de, {
+	if (!G) return /* @__PURE__ */ T(ce, {
 		title: y("bigconsole.dashboards.accessDenied.title", "Access Denied"),
 		description: y("bigconsole.dashboards.accessDenied.description", "You don't have permission to view dashboards.")
 	});
-	if (z) return /* @__PURE__ */ E("div", {
+	if (Me) return /* @__PURE__ */ E("div", {
 		"data-tour": "bigconsole-dashboards-list",
 		style: {
 			minHeight: "100vh",
 			backgroundColor: "var(--color-bg-canvas)"
 		},
-		children: [ft, /* @__PURE__ */ T("div", {
+		children: [tt, /* @__PURE__ */ T("div", {
 			style: { padding: "var(--space-pagePadding)" },
 			children: /* @__PURE__ */ T(n, {
 				headingLevel: 2,
 				tone: "danger",
 				title: y("bigconsole.dashboards.error.title", "Error loading dashboards"),
-				description: z.message,
+				description: Me.message,
 				"data-testid": "dashboards-error",
 				actions: /* @__PURE__ */ T(x, {
 					size: "sm",
-					onClick: () => V(),
+					onClick: () => H(),
 					children: y("bigconsole.dashboards.error.retry", "Retry")
 				})
 			})
 		})]
 	});
-	let pt = J.length;
+	let nt = J.length;
 	return /* @__PURE__ */ E("div", {
 		"data-tour": "bigconsole-dashboards-list",
 		style: {
@@ -330,14 +291,14 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 			backgroundColor: "var(--color-bg-canvas)"
 		},
 		children: [
-			ft,
+			tt,
 			/* @__PURE__ */ T("div", {
 				style: { padding: "var(--space-pagePadding)" },
 				children: /* @__PURE__ */ E(r, { children: [/* @__PURE__ */ T(n, {
 					emphasis: "muted",
 					padding: "compact",
 					"aria-label": y("bigconsole.dashboards.about", "About dashboards"),
-					children: /* @__PURE__ */ T(je, {
+					children: /* @__PURE__ */ T(Te, {
 						className: "max-w-[80ch]",
 						children: "Dashboards are live, shareable views built from widgets that query your data sinks — charts, tables, metrics, and drill-downs in one place. Compose a board to monitor a system, share KPIs with your team, or explore data interactively."
 					})
@@ -349,8 +310,8 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 					description: y("bigconsole.dashboards.results.description", "Open a board to view it, or use the card actions to edit, duplicate or delete."),
 					meta: /* @__PURE__ */ T(b, {
 						variant: "secondary",
-						"aria-label": y("bigconsole.dashboards.results.count", `${pt} dashboards`),
-						children: pt
+						"aria-label": y("bigconsole.dashboards.results.count", `${nt} dashboards`),
+						children: nt
 					}),
 					actions: /* @__PURE__ */ E("div", {
 						role: "group",
@@ -364,11 +325,11 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 							backgroundColor: "var(--color-bg-sunken)"
 						},
 						children: [/* @__PURE__ */ T(x, {
-							variant: L === "grid" ? "default" : "ghost",
+							variant: R === "grid" ? "default" : "ghost",
 							size: "sm",
-							onClick: () => He("grid"),
+							onClick: () => z("grid"),
 							"aria-label": y("bigconsole.dashboards.view.grid", "Grid view"),
-							"aria-pressed": L === "grid",
+							"aria-pressed": R === "grid",
 							title: y("bigconsole.dashboards.view.grid", "Grid view"),
 							style: {
 								height: "var(--size-controlHeight-md)",
@@ -376,16 +337,16 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 								padding: 0,
 								borderRadius: "var(--radius-button)"
 							},
-							children: /* @__PURE__ */ T(ye, { style: {
+							children: /* @__PURE__ */ T(he, { style: {
 								height: "var(--size-icon-sm)",
 								width: "var(--size-icon-sm)"
 							} })
 						}), /* @__PURE__ */ T(x, {
-							variant: L === "list" ? "default" : "ghost",
+							variant: R === "list" ? "default" : "ghost",
 							size: "sm",
-							onClick: () => He("list"),
+							onClick: () => z("list"),
 							"aria-label": y("bigconsole.dashboards.view.list", "List view"),
-							"aria-pressed": L === "list",
+							"aria-pressed": R === "list",
 							title: y("bigconsole.dashboards.view.list", "List view"),
 							style: {
 								height: "var(--size-controlHeight-md)",
@@ -393,7 +354,7 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 								padding: 0,
 								borderRadius: "var(--radius-button)"
 							},
-							children: /* @__PURE__ */ T(be, { style: {
+							children: /* @__PURE__ */ T(ge, { style: {
 								height: "var(--size-icon-sm)",
 								width: "var(--size-icon-sm)"
 							} })
@@ -407,7 +368,7 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 								width: "100%",
 								maxWidth: "420px"
 							},
-							children: [/* @__PURE__ */ T(Ce, {
+							children: [/* @__PURE__ */ T(_e, {
 								"aria-hidden": "true",
 								style: {
 									position: "absolute",
@@ -418,7 +379,7 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 									width: "var(--size-icon-sm)",
 									color: "var(--color-text-muted)"
 								}
-							}), /* @__PURE__ */ T(Ae, {
+							}), /* @__PURE__ */ T(we, {
 								type: "search",
 								"aria-label": y("bigconsole.dashboards.search.placeholder", "Search dashboards..."),
 								placeholder: y("bigconsole.dashboards.search.placeholder", "Search dashboards..."),
@@ -432,42 +393,33 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 						}),
 						/* @__PURE__ */ E("div", {
 							className: "flex flex-wrap gap-control-gap",
-							children: [
-								/* @__PURE__ */ E("select", {
-									"aria-label": y("bigconsole.dashboards.filters.category", "Category"),
-									value: k,
-									onChange: (e) => A(e.target.value),
-									className: "min-w-0 max-w-full rounded-button border border-border-subtle bg-bg-surface p-2 text-sm text-text-primary",
-									children: [/* @__PURE__ */ T("option", {
-										value: "",
-										children: y("bigconsole.dashboards.filters.allCategories", "All categories")
-									}), q.map((e) => /* @__PURE__ */ T("option", {
-										value: e,
-										children: e
-									}, e))]
-								}),
-								/* @__PURE__ */ E("select", {
-									"aria-label": y("bigconsole.dashboards.filters.status", "Status"),
-									value: j,
-									onChange: (e) => Fe(e.target.value),
-									className: "min-w-0 max-w-full rounded-button border border-border-subtle bg-bg-surface p-2 text-sm text-text-primary",
-									children: [/* @__PURE__ */ T("option", {
-										value: "",
-										children: y("bigconsole.dashboards.filters.allStatuses", "All statuses")
-									}), $.map((e) => /* @__PURE__ */ T("option", {
-										value: e.value,
-										children: e.label
-									}, e.value))]
-								}),
-								/* @__PURE__ */ T(i, {
-									label: y(ie.label.key, ie.label.en),
-									value: M,
-									options: lt,
-									onChange: Ie
-								})
-							]
+							children: [/* @__PURE__ */ E("select", {
+								"aria-label": y("bigconsole.dashboards.filters.category", "Category"),
+								value: k,
+								onChange: (e) => A(e.target.value),
+								className: "min-w-0 max-w-full rounded-button border border-border-subtle bg-bg-surface p-2 text-sm text-text-primary",
+								children: [/* @__PURE__ */ T("option", {
+									value: "",
+									children: y("bigconsole.dashboards.filters.allCategories", "All categories")
+								}), Re.map((e) => /* @__PURE__ */ T("option", {
+									value: e,
+									children: e
+								}, e))]
+							}), /* @__PURE__ */ E("select", {
+								"aria-label": y("bigconsole.dashboards.filters.status", "Status"),
+								value: j,
+								onChange: (e) => Oe(e.target.value),
+								className: "min-w-0 max-w-full rounded-button border border-border-subtle bg-bg-surface p-2 text-sm text-text-primary",
+								children: [/* @__PURE__ */ T("option", {
+									value: "",
+									children: y("bigconsole.dashboards.filters.allStatuses", "All statuses")
+								}), Array.from(new Set(V.map((e) => e.status).filter((e) => e !== void 0))).sort().map((e) => /* @__PURE__ */ T("option", {
+									value: e,
+									children: $(e)
+								}, e))]
+							})]
 						}),
-						R && B.length === 0 && /* @__PURE__ */ T("div", {
+						B && V.length === 0 && /* @__PURE__ */ T("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
@@ -489,17 +441,17 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 								})]
 							})
 						}),
-						!R && L === "grid" && J.length > 0 && /* @__PURE__ */ T("div", {
+						!B && R === "grid" && J.length > 0 && /* @__PURE__ */ T("div", {
 							style: {
 								display: "grid",
 								gridTemplateColumns: "repeat(auto-fill, minmax(min(320px, 100%), 1fr))",
 								gap: "var(--space-formGap)"
 							},
-							children: X.map((e) => /* @__PURE__ */ T(Ee, {
-								onClick: () => Z(e.id),
+							children: Z.map((e) => /* @__PURE__ */ T(be, {
+								onClick: () => Q(e.id),
 								style: { cursor: "pointer" },
 								className: "motion-safe:transition-[box-shadow,border-color] hover:border-[var(--color-border-hover)] hover:shadow-[var(--shadow-elevation-2)]",
-								children: /* @__PURE__ */ E(De, {
+								children: /* @__PURE__ */ E(xe, {
 									style: { padding: "var(--space-cardPadding)" },
 									children: [
 										/* @__PURE__ */ E("div", {
@@ -520,7 +472,7 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 													borderRadius: "var(--radius-button)",
 													backgroundColor: "var(--color-bg-accentSubtle)"
 												},
-												children: /* @__PURE__ */ T(v, {
+												children: /* @__PURE__ */ T(g, {
 													"aria-hidden": "true",
 													style: {
 														height: "var(--size-icon-md)",
@@ -547,7 +499,7 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 														type: "button",
 														className: "max-w-full truncate text-left hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
 														onClick: (t) => {
-															t.stopPropagation(), Z(e.id);
+															t.stopPropagation(), Q(e.id);
 														},
 														children: e.name
 													})
@@ -567,9 +519,9 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 															textTransform: "uppercase"
 														},
 														children: e.category
-													}), e.status && /* @__PURE__ */ T(c, {
+													}), e.status && /* @__PURE__ */ T(s, {
 														status: e.status,
-														label: Q(e.status)
+														label: $(e.status)
 													})]
 												})]
 											})]
@@ -606,7 +558,7 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 														gap: "var(--space-iconGap)"
 													},
 													children: [
-														/* @__PURE__ */ T(ve, { style: {
+														/* @__PURE__ */ T(me, { style: {
 															height: "var(--size-icon-sm)",
 															width: "var(--size-icon-sm)",
 															color: "var(--color-action-primary-bg)"
@@ -617,7 +569,7 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 																fontWeight: "var(--font-weight-semibold)",
 																color: "var(--color-text-primary)"
 															},
-															children: dt(e)
+															children: et(e)
 														}),
 														/* @__PURE__ */ T("span", {
 															style: {
@@ -640,7 +592,7 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 														gap: "var(--space-iconGap)"
 													},
 													children: [
-														/* @__PURE__ */ T(_e, { style: {
+														/* @__PURE__ */ T(h, { style: {
 															height: "var(--size-icon-sm)",
 															width: "var(--size-icon-sm)",
 															color: "var(--color-action-primary-bg)"
@@ -651,7 +603,7 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 																fontWeight: "var(--font-weight-semibold)",
 																color: "var(--color-text-primary)"
 															},
-															children: ut(e)
+															children: $e(e)
 														}),
 														/* @__PURE__ */ T("span", {
 															style: {
@@ -680,7 +632,7 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 													alignItems: "center",
 													gap: "var(--space-iconGap)"
 												},
-												children: [/* @__PURE__ */ T(pe, { style: {
+												children: [/* @__PURE__ */ T(ue, { style: {
 													height: "var(--size-icon-sm)",
 													width: "var(--size-icon-sm)",
 													color: "var(--color-text-muted)"
@@ -690,7 +642,7 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 														fontWeight: "var(--font-weight-medium)",
 														color: "var(--color-text-muted)"
 													},
-													children: ct(e.updatedAt)
+													children: Qe(e.updatedAt)
 												})]
 											}), /* @__PURE__ */ E("div", {
 												style: {
@@ -699,13 +651,13 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 													gap: "var(--space-controlGap)"
 												},
 												children: [
-													/* @__PURE__ */ T(_, {
-														permission: o.DASHBOARD_UPDATE,
+													/* @__PURE__ */ T(m, {
+														permission: a.DASHBOARD_UPDATE,
 														deniedBehavior: "hide",
 														children: /* @__PURE__ */ T(x, {
 															variant: "ghost",
 															size: "sm",
-															onClick: (t) => nt(e.id, t),
+															onClick: (t) => Ke(e.id, t),
 															style: {
 																height: "var(--size-controlHeight-md)",
 																width: "var(--size-controlHeight-md)",
@@ -713,19 +665,19 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 																borderRadius: "var(--radius-button)"
 															},
 															title: y("bigconsole.dashboards.actions.editTitle", "Edit Dashboard"),
-															children: /* @__PURE__ */ T(xe, { style: {
+															children: /* @__PURE__ */ T(_, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)"
 															} })
 														})
 													}),
-													/* @__PURE__ */ T(_, {
-														permission: o.DASHBOARD_CREATE,
+													/* @__PURE__ */ T(m, {
+														permission: a.DASHBOARD_CREATE,
 														deniedBehavior: "hide",
 														children: /* @__PURE__ */ T(x, {
 															variant: "ghost",
 															size: "sm",
-															onClick: (t) => it(e.id, e.name, t),
+															onClick: (t) => Je(e.id, e.name, t),
 															style: {
 																height: "var(--size-controlHeight-md)",
 																width: "var(--size-controlHeight-md)",
@@ -733,19 +685,19 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 																borderRadius: "var(--radius-button)"
 															},
 															title: y("bigconsole.dashboards.actions.cloneTitle", "Clone Dashboard"),
-															children: /* @__PURE__ */ T(ge, { style: {
+															children: /* @__PURE__ */ T(pe, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)"
 															} })
 														})
 													}),
-													/* @__PURE__ */ T(_, {
-														permission: o.DASHBOARD_DELETE,
+													/* @__PURE__ */ T(m, {
+														permission: a.DASHBOARD_DELETE,
 														deniedBehavior: "hide",
 														children: /* @__PURE__ */ T(x, {
 															variant: "ghost",
 															size: "sm",
-															onClick: (t) => rt(e.id, t),
+															onClick: (t) => qe(e.id, t),
 															style: {
 																height: "var(--size-controlHeight-md)",
 																width: "var(--size-controlHeight-md)",
@@ -754,7 +706,7 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 															},
 															className: "hover:text-status-error-text hover:bg-status-error-bg/10",
 															title: y("bigconsole.dashboards.actions.deleteTitle", "Delete Dashboard"),
-															children: /* @__PURE__ */ T(we, { style: {
+															children: /* @__PURE__ */ T(ve, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)"
 															} })
@@ -767,17 +719,17 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 								})
 							}, e.id))
 						}),
-						!R && L === "list" && J.length > 0 && /* @__PURE__ */ T("div", {
+						!B && R === "list" && J.length > 0 && /* @__PURE__ */ T("div", {
 							style: {
 								display: "flex",
 								flexDirection: "column",
 								gap: "var(--space-controlGap)"
 							},
-							children: X.map((e) => /* @__PURE__ */ T(Ee, {
-								onClick: () => Z(e.id),
+							children: Z.map((e) => /* @__PURE__ */ T(be, {
+								onClick: () => Q(e.id),
 								style: { cursor: "pointer" },
 								className: "motion-safe:transition-[box-shadow,border-color] hover:border-[var(--color-border-hover)] hover:shadow-[var(--shadow-elevation-2)]",
-								children: /* @__PURE__ */ T(De, {
+								children: /* @__PURE__ */ T(xe, {
 									style: { padding: "var(--space-cardPadding)" },
 									children: /* @__PURE__ */ E("div", {
 										style: {
@@ -798,7 +750,7 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 													borderRadius: "var(--radius-button)",
 													backgroundColor: "var(--color-bg-accentSubtle)"
 												},
-												children: /* @__PURE__ */ T(v, {
+												children: /* @__PURE__ */ T(g, {
 													"aria-hidden": "true",
 													style: {
 														height: "var(--size-icon-md)",
@@ -835,7 +787,7 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 																type: "button",
 																className: "max-w-full truncate text-left hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
 																onClick: (t) => {
-																	t.stopPropagation(), Z(e.id);
+																	t.stopPropagation(), Q(e.id);
 																},
 																children: e.name
 															})
@@ -849,9 +801,9 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 															},
 															children: e.category
 														}),
-														e.status && /* @__PURE__ */ T(c, {
+														e.status && /* @__PURE__ */ T(s, {
 															status: e.status,
-															label: Q(e.status)
+															label: $(e.status)
 														})
 													]
 												}), /* @__PURE__ */ T("p", {
@@ -882,7 +834,7 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 															gap: "var(--space-iconGap)"
 														},
 														children: [
-															/* @__PURE__ */ T(ve, { style: {
+															/* @__PURE__ */ T(me, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)",
 																color: "var(--color-action-primary-bg)"
@@ -893,7 +845,7 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 																	fontWeight: "var(--font-weight-semibold)",
 																	color: "var(--color-text-primary)"
 																},
-																children: dt(e)
+																children: et(e)
 															}),
 															/* @__PURE__ */ T("span", {
 																style: {
@@ -911,7 +863,7 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 															gap: "var(--space-iconGap)"
 														},
 														children: [
-															/* @__PURE__ */ T(_e, { style: {
+															/* @__PURE__ */ T(h, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)",
 																color: "var(--color-action-primary-bg)"
@@ -922,7 +874,7 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 																	fontWeight: "var(--font-weight-semibold)",
 																	color: "var(--color-text-primary)"
 																},
-																children: ut(e)
+																children: $e(e)
 															}),
 															/* @__PURE__ */ T("span", {
 																style: {
@@ -939,7 +891,7 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 															alignItems: "center",
 															gap: "var(--space-iconGap)"
 														},
-														children: [/* @__PURE__ */ T(pe, { style: {
+														children: [/* @__PURE__ */ T(ue, { style: {
 															height: "var(--size-icon-sm)",
 															width: "var(--size-icon-sm)",
 															color: "var(--color-text-muted)"
@@ -949,7 +901,7 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 																fontWeight: "var(--font-weight-medium)",
 																color: "var(--color-text-muted)"
 															},
-															children: ct(e.updatedAt)
+															children: Qe(e.updatedAt)
 														})]
 													})
 												]
@@ -961,13 +913,13 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 													gap: "var(--space-controlGap)"
 												},
 												children: [
-													/* @__PURE__ */ T(_, {
-														permission: o.DASHBOARD_UPDATE,
+													/* @__PURE__ */ T(m, {
+														permission: a.DASHBOARD_UPDATE,
 														deniedBehavior: "hide",
 														children: /* @__PURE__ */ T(x, {
 															variant: "ghost",
 															size: "sm",
-															onClick: (t) => nt(e.id, t),
+															onClick: (t) => Ke(e.id, t),
 															style: {
 																height: "var(--size-controlHeight-md)",
 																width: "var(--size-controlHeight-md)",
@@ -975,19 +927,19 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 																borderRadius: "var(--radius-button)"
 															},
 															title: y("bigconsole.dashboards.actions.editTitle", "Edit Dashboard"),
-															children: /* @__PURE__ */ T(xe, { style: {
+															children: /* @__PURE__ */ T(_, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)"
 															} })
 														})
 													}),
-													/* @__PURE__ */ T(_, {
-														permission: o.DASHBOARD_CREATE,
+													/* @__PURE__ */ T(m, {
+														permission: a.DASHBOARD_CREATE,
 														deniedBehavior: "hide",
 														children: /* @__PURE__ */ T(x, {
 															variant: "ghost",
 															size: "sm",
-															onClick: (t) => it(e.id, e.name, t),
+															onClick: (t) => Je(e.id, e.name, t),
 															style: {
 																height: "var(--size-controlHeight-md)",
 																width: "var(--size-controlHeight-md)",
@@ -995,19 +947,19 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 																borderRadius: "var(--radius-button)"
 															},
 															title: y("bigconsole.dashboards.actions.cloneTitle", "Clone Dashboard"),
-															children: /* @__PURE__ */ T(ge, { style: {
+															children: /* @__PURE__ */ T(pe, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)"
 															} })
 														})
 													}),
-													/* @__PURE__ */ T(_, {
-														permission: o.DASHBOARD_DELETE,
+													/* @__PURE__ */ T(m, {
+														permission: a.DASHBOARD_DELETE,
 														deniedBehavior: "hide",
 														children: /* @__PURE__ */ T(x, {
 															variant: "ghost",
 															size: "sm",
-															onClick: (t) => rt(e.id, t),
+															onClick: (t) => qe(e.id, t),
 															style: {
 																height: "var(--size-controlHeight-md)",
 																width: "var(--size-controlHeight-md)",
@@ -1016,7 +968,7 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 															},
 															className: "hover:text-status-error-text hover:bg-status-error-bg/10",
 															title: y("bigconsole.dashboards.actions.deleteTitle", "Delete Dashboard"),
-															children: /* @__PURE__ */ T(we, { style: {
+															children: /* @__PURE__ */ T(ve, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)"
 															} })
@@ -1029,7 +981,7 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 								})
 							}, e.id))
 						}),
-						!R && J.length > 0 && /* @__PURE__ */ T("p", {
+						!B && J.length > 0 && /* @__PURE__ */ T("p", {
 							"data-testid": "dashboards-range",
 							style: {
 								margin: 0,
@@ -1037,23 +989,23 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 								color: "var(--color-text-muted)"
 							},
 							children: y("bigconsole.dashboards.pagination.range", "Showing {{from}}–{{to}} of {{total}} dashboards", {
-								from: Je + 1,
-								to: Je + X.length,
+								from: X + 1,
+								to: X + Z.length,
 								total: J.length
 							})
 						}),
-						!R && J.length > O && /* @__PURE__ */ E("nav", {
+						!B && J.length > O && /* @__PURE__ */ E("nav", {
 							"aria-label": y("bigconsole.dashboards.pagination.label", "Dashboard pages"),
 							className: "flex flex-wrap items-center justify-center gap-control-gap border-t border-[var(--color-border-subtle)] pt-control-gap",
 							children: [
 								/* @__PURE__ */ E(x, {
 									variant: "outline",
 									size: "sm",
-									onClick: Ye,
-									disabled: N <= 1,
+									onClick: ze,
+									disabled: M <= 1,
 									"aria-label": y("bigconsole.dashboards.pagination.previous", "Previous"),
 									style: { minHeight: "var(--size-controlHeight-md)" },
-									children: [/* @__PURE__ */ T(me, { style: {
+									children: [/* @__PURE__ */ T(de, { style: {
 										marginRight: "var(--space-iconGap)",
 										height: "var(--size-icon-sm)",
 										width: "var(--size-icon-sm)"
@@ -1066,7 +1018,7 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 										gap: "var(--space-iconGap)",
 										flexWrap: "wrap"
 									},
-									children: Ne(N, Y).map((e, t) => e === null ? /* @__PURE__ */ T("span", {
+									children: Ee(M, Y).map((e, t) => e === null ? /* @__PURE__ */ T("span", {
 										"aria-hidden": "true",
 										style: {
 											color: "var(--color-text-muted)",
@@ -1074,10 +1026,10 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 										},
 										children: "…"
 									}, `gap-${t}`) : /* @__PURE__ */ T(x, {
-										variant: e === N ? "default" : "ghost",
+										variant: e === M ? "default" : "ghost",
 										size: "sm",
-										onClick: () => Ze(e),
-										"aria-current": e === N ? "page" : void 0,
+										onClick: () => Ve(e),
+										"aria-current": e === M ? "page" : void 0,
 										"aria-label": y("bigconsole.dashboards.pagination.page", `Page ${e}`),
 										style: {
 											minWidth: "var(--size-controlHeight-md)",
@@ -1091,11 +1043,11 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 								/* @__PURE__ */ E(x, {
 									variant: "outline",
 									size: "sm",
-									onClick: Xe,
-									disabled: N >= Y,
+									onClick: Be,
+									disabled: M >= Y,
 									"aria-label": y("bigconsole.dashboards.pagination.next", "Next"),
 									style: { minHeight: "var(--size-controlHeight-md)" },
-									children: [y("bigconsole.dashboards.pagination.next", "Next"), /* @__PURE__ */ T(he, { style: {
+									children: [y("bigconsole.dashboards.pagination.next", "Next"), /* @__PURE__ */ T(fe, { style: {
 										marginLeft: "var(--space-iconGap)",
 										height: "var(--size-icon-sm)",
 										width: "var(--size-icon-sm)"
@@ -1107,16 +1059,16 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 										color: "var(--color-text-muted)"
 									},
 									children: y("bigconsole.dashboards.pagination.pageOf", "Page {{currentPage}} of {{totalPages}}", {
-										currentPage: N,
+										currentPage: M,
 										totalPages: Y
 									})
 								})
 							]
 						}),
-						!R && J.length === 0 && /* @__PURE__ */ T(Oe, {
+						!B && J.length === 0 && /* @__PURE__ */ T(Se, {
 							treatment: "insight",
 							className: "border-[var(--color-border-seam)]",
-							children: /* @__PURE__ */ T(ke, {
+							children: /* @__PURE__ */ T(Ce, {
 								illustration: S ? "empty-search" : "empty-data",
 								title: S ? y("bigconsole.dashboards.empty.filteredTitle", "No dashboards found") : y("bigconsole.dashboards.empty.title", "No dashboards yet"),
 								description: S ? y("bigconsole.dashboards.empty.filteredDescription", "Try adjusting your search terms") : y("bigconsole.dashboards.empty.description", "Get started by creating your first dashboard to visualize your data"),
@@ -1127,24 +1079,24 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 										flexWrap: "wrap",
 										justifyContent: "center"
 									},
-									children: [/* @__PURE__ */ T(_, {
-										permission: o.DASHBOARD_CREATE,
+									children: [/* @__PURE__ */ T(m, {
+										permission: a.DASHBOARD_CREATE,
 										deniedBehavior: "hide",
 										children: /* @__PURE__ */ E(x, {
-											onClick: Qe,
-											children: [/* @__PURE__ */ T(Se, { style: {
+											onClick: He,
+											children: [/* @__PURE__ */ T(v, { style: {
 												marginRight: "var(--space-iconGap)",
 												height: "var(--size-icon-sm)",
 												width: "var(--size-icon-sm)"
 											} }), y("bigconsole.dashboards.actions.create", "Create Dashboard")]
 										})
-									}), /* @__PURE__ */ T(_, {
-										permission: o.DASHBOARD_IMPORT,
+									}), /* @__PURE__ */ T(m, {
+										permission: a.DASHBOARD_IMPORT,
 										deniedBehavior: "hide",
 										children: /* @__PURE__ */ E(x, {
 											variant: "outline",
-											onClick: at,
-											children: [/* @__PURE__ */ T(Te, { style: {
+											onClick: Ye,
+											children: [/* @__PURE__ */ T(ye, { style: {
 												marginRight: "var(--space-iconGap)",
 												height: "var(--size-icon-sm)",
 												width: "var(--size-icon-sm)"
@@ -1158,16 +1110,16 @@ var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 				})] })
 			}),
 			/* @__PURE__ */ T(ee, {
-				isOpen: Le,
-				isCreating: I,
-				onClose: et,
-				onCreate: tt,
-				onTemplateInstalled: $e
+				isOpen: ke,
+				isCreating: F,
+				onClose: We,
+				onCreate: Ge,
+				onTemplateInstalled: Ue
 			}),
-			/* @__PURE__ */ T(re, {
-				isOpen: ze,
-				onClose: ot,
-				onSuccess: st
+			/* @__PURE__ */ T(ie, {
+				isOpen: Ae,
+				onClose: Xe,
+				onSuccess: Ze
 			})
 		]
 	});