@burdenoff/microfe-bigconsole 2026.1012.4 → 2026.1012.6

package/dist/bigconsole/pages/DashboardsPage.js

@@ -2,26 +2,31 @@ 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 i from "../hooks/useDashboardOperations.js";
+import a from "../hooks/useDashboardOperations.js";
 import "../hooks/index.js";
-import { BIGCONSOLE_PERMISSIONS as a } from "../../constants/permissions.js";
-import { useTr as o } from "../../shared/hooks/useTr.js";
+import { BIGCONSOLE_PERMISSIONS as o } from "../../constants/permissions.js";
+import { useTr as s } from "../../shared/hooks/useTr.js";
 import ee from "../components/dashboard/CreateDashboardDialog.js";
-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 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 { 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 Ee(e, t) {
+function Ne(e, t) {
 	if (t <= k) return Array.from({ length: t }, (e, t) => t + 1);
 	let n = new Set([
 		1,
@@ -34,7 +39,7 @@ function Ee(e, t) {
 		t > 0 && e - r[t - 1] > 1 && i.push(null), i.push(e);
 	}), i;
 }
-var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onCreate: i, onImport: a, canCreate: o, canImport: ee }) {
+var Pe = f(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onCreate: i, onImport: a, canCreate: o, canImport: s }) {
 	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", {
@@ -65,7 +70,7 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 							borderRadius: "var(--radius-card)",
 							backgroundColor: "var(--color-action-primary-bg)"
 						},
-						children: /* @__PURE__ */ T(g, { style: {
+						children: /* @__PURE__ */ T(v, { style: {
 							height: "var(--size-icon-lg)",
 							width: "var(--size-icon-lg)",
 							color: "var(--color-action-primary-text)"
@@ -96,7 +101,7 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 							label: n,
 							onSelect: i,
 							disabled: !o,
-							icon: /* @__PURE__ */ T(v, { style: {
+							icon: /* @__PURE__ */ T(Se, { style: {
 								marginRight: "var(--space-iconGap)",
 								height: "var(--size-icon-sm)",
 								width: "var(--size-icon-sm)"
@@ -105,8 +110,8 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 						actions: [{
 							label: r,
 							onSelect: a,
-							disabled: !ee,
-							icon: /* @__PURE__ */ T(ye, { style: {
+							disabled: !s,
+							icon: /* @__PURE__ */ T(Te, { style: {
 								height: "var(--size-icon-sm)",
 								width: "var(--size-icon-sm)"
 							} })
@@ -116,80 +121,88 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 			})
 		})]
 	});
-}), 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(() => {
+}), 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(() => {
 		try {
 			return window.localStorage.getItem(D) === "list" ? "list" : "grid";
 		} catch {
 			return "grid";
 		}
-	}), z = d((e) => {
-		je(e);
+	}), He = p((e) => {
+		Ve(e);
 		try {
 			window.localStorage.setItem(D, e);
 		} catch {}
-	}, []), { 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
+	}, []), { 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
 		});
-		e === "none" || e === "wait" || (e === "open" && P(!0), Le(oe(q), { replace: !0 }));
+		e === "none" || e === "wait" || (e === "open" && F(!0), qe(le(K), { replace: !0 }));
 	}, [
-		q,
-		Le,
+		K,
+		qe,
+		U,
 		W,
-		G,
-		K
+		G
 	]);
-	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);
+	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);
 	}, [
 		S,
-		R,
+		L,
 		k,
-		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);
+		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);
 		try {
-			let t = await Ne({
+			let t = await Ue({
 				name: e.name,
 				description: e.description,
 				category: e.category,
 				tags: e.tags
 			});
-			t && (P(!1), u(`/dashboards/${t.id}/builder`));
+			t && (F(!1), f(`/dashboards/${t.id}/builder`));
 		} catch (e) {
 			if (t(e, "project")) {
-				P(!1);
+				F(!1);
 				return;
 			}
-			throw console.error("Failed to create dashboard:", e), c() && l("error"), e;
+			throw console.error("Failed to create dashboard:", e), l() && d("error"), e;
 		} finally {
-			I(!1);
+			Re(!1);
 		}
-	}, [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) => {
+	}, [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) => {
 		t.stopPropagation();
 		let n = y("bigconsole.dashboards.confirmDelete", "Are you sure you want to delete this dashboard?"), r = await ne({
 			title: "Delete dashboard?",
@@ -198,54 +211,80 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 			cancelButtonTitle: "Cancel"
 		});
 		if (r === null ? window.confirm(n) : r) {
-			re("medium");
+			u("medium");
 			try {
-				await Pe(e), c() && l("success");
+				await We(e), l() && d("success");
 			} catch (e) {
-				throw c() && l("error"), e;
+				throw l() && d("error"), e;
 			}
 		}
-	}, [Pe, y]), Je = d(async (e, n, r) => {
+	}, [We, y]), it = p(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())) {
-			re("medium");
+			u("medium");
 			try {
-				let t = await Fe(e, a.trim());
-				t && (c() && l("success"), u(`/dashboards/${t.id}`));
+				let t = await Ge(e, a.trim());
+				t && (l() && d("success"), f(`/dashboards/${t.id}`));
 			} catch (e) {
 				if (t(e, "project")) return;
-				throw c() && l("error"), e;
+				throw l() && d("error"), e;
 			}
 		}
 	}, [
-		Fe,
-		u,
+		Ge,
+		f,
 		y
-	]), Ye = d(() => {
-		L(!0);
-	}, []), Xe = d(() => {
-		L(!1);
-	}, []), Ze = d((e, t) => {
-		H();
-	}, [H]), Qe = (e) => {
+	]), at = p(() => {
+		Be(!0);
+	}, []), ot = p(() => {
+		Be(!1);
+	}, []), st = p((e, t) => {
+		V();
+	}, [V]), ct = (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);
-	}, $ = te(), $e = (e) => e.widgetCount ?? 0, et = (e) => e.pageCount || 0, tt = /* @__PURE__ */ T(De, {
+	}, 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, {
 		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: He,
-		onImport: Ye,
-		canCreate: K,
-		canImport: Ie
+		onCreate: Qe,
+		onImport: at,
+		canCreate: G,
+		canImport: Ke
 	});
-	if (W) return /* @__PURE__ */ T("div", {
+	if (U) return /* @__PURE__ */ T("div", {
 		style: {
 			display: "flex",
 			alignItems: "center",
@@ -257,33 +296,33 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 			width: "var(--size-icon-xl)"
 		} })
 	});
-	if (!G) return /* @__PURE__ */ T(ce, {
+	if (!W) return /* @__PURE__ */ T(de, {
 		title: y("bigconsole.dashboards.accessDenied.title", "Access Denied"),
 		description: y("bigconsole.dashboards.accessDenied.description", "You don't have permission to view dashboards.")
 	});
-	if (Me) return /* @__PURE__ */ E("div", {
+	if (z) return /* @__PURE__ */ E("div", {
 		"data-tour": "bigconsole-dashboards-list",
 		style: {
 			minHeight: "100vh",
 			backgroundColor: "var(--color-bg-canvas)"
 		},
-		children: [tt, /* @__PURE__ */ T("div", {
+		children: [ft, /* @__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: Me.message,
+				description: z.message,
 				"data-testid": "dashboards-error",
 				actions: /* @__PURE__ */ T(x, {
 					size: "sm",
-					onClick: () => H(),
+					onClick: () => V(),
 					children: y("bigconsole.dashboards.error.retry", "Retry")
 				})
 			})
 		})]
 	});
-	let nt = J.length;
+	let pt = J.length;
 	return /* @__PURE__ */ E("div", {
 		"data-tour": "bigconsole-dashboards-list",
 		style: {
@@ -291,14 +330,14 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 			backgroundColor: "var(--color-bg-canvas)"
 		},
 		children: [
-			tt,
+			ft,
 			/* @__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(Te, {
+					children: /* @__PURE__ */ T(je, {
 						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."
 					})
@@ -310,8 +349,8 @@ var De = u(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", `${nt} dashboards`),
-						children: nt
+						"aria-label": y("bigconsole.dashboards.results.count", `${pt} dashboards`),
+						children: pt
 					}),
 					actions: /* @__PURE__ */ E("div", {
 						role: "group",
@@ -325,11 +364,11 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 							backgroundColor: "var(--color-bg-sunken)"
 						},
 						children: [/* @__PURE__ */ T(x, {
-							variant: R === "grid" ? "default" : "ghost",
+							variant: L === "grid" ? "default" : "ghost",
 							size: "sm",
-							onClick: () => z("grid"),
+							onClick: () => He("grid"),
 							"aria-label": y("bigconsole.dashboards.view.grid", "Grid view"),
-							"aria-pressed": R === "grid",
+							"aria-pressed": L === "grid",
 							title: y("bigconsole.dashboards.view.grid", "Grid view"),
 							style: {
 								height: "var(--size-controlHeight-md)",
@@ -337,16 +376,16 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 								padding: 0,
 								borderRadius: "var(--radius-button)"
 							},
-							children: /* @__PURE__ */ T(he, { style: {
+							children: /* @__PURE__ */ T(ye, { style: {
 								height: "var(--size-icon-sm)",
 								width: "var(--size-icon-sm)"
 							} })
 						}), /* @__PURE__ */ T(x, {
-							variant: R === "list" ? "default" : "ghost",
+							variant: L === "list" ? "default" : "ghost",
 							size: "sm",
-							onClick: () => z("list"),
+							onClick: () => He("list"),
 							"aria-label": y("bigconsole.dashboards.view.list", "List view"),
-							"aria-pressed": R === "list",
+							"aria-pressed": L === "list",
 							title: y("bigconsole.dashboards.view.list", "List view"),
 							style: {
 								height: "var(--size-controlHeight-md)",
@@ -354,7 +393,7 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 								padding: 0,
 								borderRadius: "var(--radius-button)"
 							},
-							children: /* @__PURE__ */ T(ge, { style: {
+							children: /* @__PURE__ */ T(be, { style: {
 								height: "var(--size-icon-sm)",
 								width: "var(--size-icon-sm)"
 							} })
@@ -368,7 +407,7 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 								width: "100%",
 								maxWidth: "420px"
 							},
-							children: [/* @__PURE__ */ T(_e, {
+							children: [/* @__PURE__ */ T(Ce, {
 								"aria-hidden": "true",
 								style: {
 									position: "absolute",
@@ -379,7 +418,7 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 									width: "var(--size-icon-sm)",
 									color: "var(--color-text-muted)"
 								}
-							}), /* @__PURE__ */ T(we, {
+							}), /* @__PURE__ */ T(Ae, {
 								type: "search",
 								"aria-label": y("bigconsole.dashboards.search.placeholder", "Search dashboards..."),
 								placeholder: y("bigconsole.dashboards.search.placeholder", "Search dashboards..."),
@@ -393,33 +432,42 @@ var De = u(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")
-								}), 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))]
-							})]
+							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
+								})
+							]
 						}),
-						B && V.length === 0 && /* @__PURE__ */ T("div", {
+						R && B.length === 0 && /* @__PURE__ */ T("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
@@ -441,17 +489,17 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 								})]
 							})
 						}),
-						!B && R === "grid" && J.length > 0 && /* @__PURE__ */ T("div", {
+						!R && L === "grid" && J.length > 0 && /* @__PURE__ */ T("div", {
 							style: {
 								display: "grid",
 								gridTemplateColumns: "repeat(auto-fill, minmax(min(320px, 100%), 1fr))",
 								gap: "var(--space-formGap)"
 							},
-							children: Z.map((e) => /* @__PURE__ */ T(be, {
-								onClick: () => Q(e.id),
+							children: X.map((e) => /* @__PURE__ */ T(Ee, {
+								onClick: () => Z(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(xe, {
+								children: /* @__PURE__ */ E(De, {
 									style: { padding: "var(--space-cardPadding)" },
 									children: [
 										/* @__PURE__ */ E("div", {
@@ -472,7 +520,7 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 													borderRadius: "var(--radius-button)",
 													backgroundColor: "var(--color-bg-accentSubtle)"
 												},
-												children: /* @__PURE__ */ T(g, {
+												children: /* @__PURE__ */ T(v, {
 													"aria-hidden": "true",
 													style: {
 														height: "var(--size-icon-md)",
@@ -499,7 +547,7 @@ var De = u(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(), Q(e.id);
+															t.stopPropagation(), Z(e.id);
 														},
 														children: e.name
 													})
@@ -519,9 +567,9 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 															textTransform: "uppercase"
 														},
 														children: e.category
-													}), e.status && /* @__PURE__ */ T(s, {
+													}), e.status && /* @__PURE__ */ T(c, {
 														status: e.status,
-														label: $(e.status)
+														label: Q(e.status)
 													})]
 												})]
 											})]
@@ -558,7 +606,7 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 														gap: "var(--space-iconGap)"
 													},
 													children: [
-														/* @__PURE__ */ T(me, { style: {
+														/* @__PURE__ */ T(ve, { style: {
 															height: "var(--size-icon-sm)",
 															width: "var(--size-icon-sm)",
 															color: "var(--color-action-primary-bg)"
@@ -569,7 +617,7 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 																fontWeight: "var(--font-weight-semibold)",
 																color: "var(--color-text-primary)"
 															},
-															children: et(e)
+															children: dt(e)
 														}),
 														/* @__PURE__ */ T("span", {
 															style: {
@@ -592,7 +640,7 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 														gap: "var(--space-iconGap)"
 													},
 													children: [
-														/* @__PURE__ */ T(h, { style: {
+														/* @__PURE__ */ T(_e, { style: {
 															height: "var(--size-icon-sm)",
 															width: "var(--size-icon-sm)",
 															color: "var(--color-action-primary-bg)"
@@ -603,7 +651,7 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 																fontWeight: "var(--font-weight-semibold)",
 																color: "var(--color-text-primary)"
 															},
-															children: $e(e)
+															children: ut(e)
 														}),
 														/* @__PURE__ */ T("span", {
 															style: {
@@ -632,7 +680,7 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 													alignItems: "center",
 													gap: "var(--space-iconGap)"
 												},
-												children: [/* @__PURE__ */ T(ue, { style: {
+												children: [/* @__PURE__ */ T(pe, { style: {
 													height: "var(--size-icon-sm)",
 													width: "var(--size-icon-sm)",
 													color: "var(--color-text-muted)"
@@ -642,7 +690,7 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 														fontWeight: "var(--font-weight-medium)",
 														color: "var(--color-text-muted)"
 													},
-													children: Qe(e.updatedAt)
+													children: ct(e.updatedAt)
 												})]
 											}), /* @__PURE__ */ E("div", {
 												style: {
@@ -651,13 +699,13 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 													gap: "var(--space-controlGap)"
 												},
 												children: [
-													/* @__PURE__ */ T(m, {
-														permission: a.DASHBOARD_UPDATE,
+													/* @__PURE__ */ T(_, {
+														permission: o.DASHBOARD_UPDATE,
 														deniedBehavior: "hide",
 														children: /* @__PURE__ */ T(x, {
 															variant: "ghost",
 															size: "sm",
-															onClick: (t) => Ke(e.id, t),
+															onClick: (t) => nt(e.id, t),
 															style: {
 																height: "var(--size-controlHeight-md)",
 																width: "var(--size-controlHeight-md)",
@@ -665,19 +713,19 @@ var De = u(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(_, { style: {
+															children: /* @__PURE__ */ T(xe, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)"
 															} })
 														})
 													}),
-													/* @__PURE__ */ T(m, {
-														permission: a.DASHBOARD_CREATE,
+													/* @__PURE__ */ T(_, {
+														permission: o.DASHBOARD_CREATE,
 														deniedBehavior: "hide",
 														children: /* @__PURE__ */ T(x, {
 															variant: "ghost",
 															size: "sm",
-															onClick: (t) => Je(e.id, e.name, t),
+															onClick: (t) => it(e.id, e.name, t),
 															style: {
 																height: "var(--size-controlHeight-md)",
 																width: "var(--size-controlHeight-md)",
@@ -685,19 +733,19 @@ var De = u(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(pe, { style: {
+															children: /* @__PURE__ */ T(ge, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)"
 															} })
 														})
 													}),
-													/* @__PURE__ */ T(m, {
-														permission: a.DASHBOARD_DELETE,
+													/* @__PURE__ */ T(_, {
+														permission: o.DASHBOARD_DELETE,
 														deniedBehavior: "hide",
 														children: /* @__PURE__ */ T(x, {
 															variant: "ghost",
 															size: "sm",
-															onClick: (t) => qe(e.id, t),
+															onClick: (t) => rt(e.id, t),
 															style: {
 																height: "var(--size-controlHeight-md)",
 																width: "var(--size-controlHeight-md)",
@@ -706,7 +754,7 @@ var De = u(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(ve, { style: {
+															children: /* @__PURE__ */ T(we, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)"
 															} })
@@ -719,17 +767,17 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 								})
 							}, e.id))
 						}),
-						!B && R === "list" && J.length > 0 && /* @__PURE__ */ T("div", {
+						!R && L === "list" && J.length > 0 && /* @__PURE__ */ T("div", {
 							style: {
 								display: "flex",
 								flexDirection: "column",
 								gap: "var(--space-controlGap)"
 							},
-							children: Z.map((e) => /* @__PURE__ */ T(be, {
-								onClick: () => Q(e.id),
+							children: X.map((e) => /* @__PURE__ */ T(Ee, {
+								onClick: () => Z(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(xe, {
+								children: /* @__PURE__ */ T(De, {
 									style: { padding: "var(--space-cardPadding)" },
 									children: /* @__PURE__ */ E("div", {
 										style: {
@@ -750,7 +798,7 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 													borderRadius: "var(--radius-button)",
 													backgroundColor: "var(--color-bg-accentSubtle)"
 												},
-												children: /* @__PURE__ */ T(g, {
+												children: /* @__PURE__ */ T(v, {
 													"aria-hidden": "true",
 													style: {
 														height: "var(--size-icon-md)",
@@ -787,7 +835,7 @@ var De = u(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(), Q(e.id);
+																	t.stopPropagation(), Z(e.id);
 																},
 																children: e.name
 															})
@@ -801,9 +849,9 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 															},
 															children: e.category
 														}),
-														e.status && /* @__PURE__ */ T(s, {
+														e.status && /* @__PURE__ */ T(c, {
 															status: e.status,
-															label: $(e.status)
+															label: Q(e.status)
 														})
 													]
 												}), /* @__PURE__ */ T("p", {
@@ -834,7 +882,7 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 															gap: "var(--space-iconGap)"
 														},
 														children: [
-															/* @__PURE__ */ T(me, { style: {
+															/* @__PURE__ */ T(ve, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)",
 																color: "var(--color-action-primary-bg)"
@@ -845,7 +893,7 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 																	fontWeight: "var(--font-weight-semibold)",
 																	color: "var(--color-text-primary)"
 																},
-																children: et(e)
+																children: dt(e)
 															}),
 															/* @__PURE__ */ T("span", {
 																style: {
@@ -863,7 +911,7 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 															gap: "var(--space-iconGap)"
 														},
 														children: [
-															/* @__PURE__ */ T(h, { style: {
+															/* @__PURE__ */ T(_e, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)",
 																color: "var(--color-action-primary-bg)"
@@ -874,7 +922,7 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 																	fontWeight: "var(--font-weight-semibold)",
 																	color: "var(--color-text-primary)"
 																},
-																children: $e(e)
+																children: ut(e)
 															}),
 															/* @__PURE__ */ T("span", {
 																style: {
@@ -891,7 +939,7 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 															alignItems: "center",
 															gap: "var(--space-iconGap)"
 														},
-														children: [/* @__PURE__ */ T(ue, { style: {
+														children: [/* @__PURE__ */ T(pe, { style: {
 															height: "var(--size-icon-sm)",
 															width: "var(--size-icon-sm)",
 															color: "var(--color-text-muted)"
@@ -901,7 +949,7 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 																fontWeight: "var(--font-weight-medium)",
 																color: "var(--color-text-muted)"
 															},
-															children: Qe(e.updatedAt)
+															children: ct(e.updatedAt)
 														})]
 													})
 												]
@@ -913,13 +961,13 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 													gap: "var(--space-controlGap)"
 												},
 												children: [
-													/* @__PURE__ */ T(m, {
-														permission: a.DASHBOARD_UPDATE,
+													/* @__PURE__ */ T(_, {
+														permission: o.DASHBOARD_UPDATE,
 														deniedBehavior: "hide",
 														children: /* @__PURE__ */ T(x, {
 															variant: "ghost",
 															size: "sm",
-															onClick: (t) => Ke(e.id, t),
+															onClick: (t) => nt(e.id, t),
 															style: {
 																height: "var(--size-controlHeight-md)",
 																width: "var(--size-controlHeight-md)",
@@ -927,19 +975,19 @@ var De = u(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(_, { style: {
+															children: /* @__PURE__ */ T(xe, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)"
 															} })
 														})
 													}),
-													/* @__PURE__ */ T(m, {
-														permission: a.DASHBOARD_CREATE,
+													/* @__PURE__ */ T(_, {
+														permission: o.DASHBOARD_CREATE,
 														deniedBehavior: "hide",
 														children: /* @__PURE__ */ T(x, {
 															variant: "ghost",
 															size: "sm",
-															onClick: (t) => Je(e.id, e.name, t),
+															onClick: (t) => it(e.id, e.name, t),
 															style: {
 																height: "var(--size-controlHeight-md)",
 																width: "var(--size-controlHeight-md)",
@@ -947,19 +995,19 @@ var De = u(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(pe, { style: {
+															children: /* @__PURE__ */ T(ge, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)"
 															} })
 														})
 													}),
-													/* @__PURE__ */ T(m, {
-														permission: a.DASHBOARD_DELETE,
+													/* @__PURE__ */ T(_, {
+														permission: o.DASHBOARD_DELETE,
 														deniedBehavior: "hide",
 														children: /* @__PURE__ */ T(x, {
 															variant: "ghost",
 															size: "sm",
-															onClick: (t) => qe(e.id, t),
+															onClick: (t) => rt(e.id, t),
 															style: {
 																height: "var(--size-controlHeight-md)",
 																width: "var(--size-controlHeight-md)",
@@ -968,7 +1016,7 @@ var De = u(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(ve, { style: {
+															children: /* @__PURE__ */ T(we, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)"
 															} })
@@ -981,7 +1029,7 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 								})
 							}, e.id))
 						}),
-						!B && J.length > 0 && /* @__PURE__ */ T("p", {
+						!R && J.length > 0 && /* @__PURE__ */ T("p", {
 							"data-testid": "dashboards-range",
 							style: {
 								margin: 0,
@@ -989,23 +1037,23 @@ var De = u(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: X + 1,
-								to: X + Z.length,
+								from: Je + 1,
+								to: Je + X.length,
 								total: J.length
 							})
 						}),
-						!B && J.length > O && /* @__PURE__ */ E("nav", {
+						!R && 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: ze,
-									disabled: M <= 1,
+									onClick: Ye,
+									disabled: N <= 1,
 									"aria-label": y("bigconsole.dashboards.pagination.previous", "Previous"),
 									style: { minHeight: "var(--size-controlHeight-md)" },
-									children: [/* @__PURE__ */ T(de, { style: {
+									children: [/* @__PURE__ */ T(me, { style: {
 										marginRight: "var(--space-iconGap)",
 										height: "var(--size-icon-sm)",
 										width: "var(--size-icon-sm)"
@@ -1018,7 +1066,7 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 										gap: "var(--space-iconGap)",
 										flexWrap: "wrap"
 									},
-									children: Ee(M, Y).map((e, t) => e === null ? /* @__PURE__ */ T("span", {
+									children: Ne(N, Y).map((e, t) => e === null ? /* @__PURE__ */ T("span", {
 										"aria-hidden": "true",
 										style: {
 											color: "var(--color-text-muted)",
@@ -1026,10 +1074,10 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 										},
 										children: "…"
 									}, `gap-${t}`) : /* @__PURE__ */ T(x, {
-										variant: e === M ? "default" : "ghost",
+										variant: e === N ? "default" : "ghost",
 										size: "sm",
-										onClick: () => Ve(e),
-										"aria-current": e === M ? "page" : void 0,
+										onClick: () => Ze(e),
+										"aria-current": e === N ? "page" : void 0,
 										"aria-label": y("bigconsole.dashboards.pagination.page", `Page ${e}`),
 										style: {
 											minWidth: "var(--size-controlHeight-md)",
@@ -1043,11 +1091,11 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 								/* @__PURE__ */ E(x, {
 									variant: "outline",
 									size: "sm",
-									onClick: Be,
-									disabled: M >= Y,
+									onClick: Xe,
+									disabled: N >= Y,
 									"aria-label": y("bigconsole.dashboards.pagination.next", "Next"),
 									style: { minHeight: "var(--size-controlHeight-md)" },
-									children: [y("bigconsole.dashboards.pagination.next", "Next"), /* @__PURE__ */ T(fe, { style: {
+									children: [y("bigconsole.dashboards.pagination.next", "Next"), /* @__PURE__ */ T(he, { style: {
 										marginLeft: "var(--space-iconGap)",
 										height: "var(--size-icon-sm)",
 										width: "var(--size-icon-sm)"
@@ -1059,16 +1107,16 @@ var De = u(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: M,
+										currentPage: N,
 										totalPages: Y
 									})
 								})
 							]
 						}),
-						!B && J.length === 0 && /* @__PURE__ */ T(Se, {
+						!R && J.length === 0 && /* @__PURE__ */ T(Oe, {
 							treatment: "insight",
 							className: "border-[var(--color-border-seam)]",
-							children: /* @__PURE__ */ T(Ce, {
+							children: /* @__PURE__ */ T(ke, {
 								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"),
@@ -1079,24 +1127,24 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 										flexWrap: "wrap",
 										justifyContent: "center"
 									},
-									children: [/* @__PURE__ */ T(m, {
-										permission: a.DASHBOARD_CREATE,
+									children: [/* @__PURE__ */ T(_, {
+										permission: o.DASHBOARD_CREATE,
 										deniedBehavior: "hide",
 										children: /* @__PURE__ */ E(x, {
-											onClick: He,
-											children: [/* @__PURE__ */ T(v, { style: {
+											onClick: Qe,
+											children: [/* @__PURE__ */ T(Se, { style: {
 												marginRight: "var(--space-iconGap)",
 												height: "var(--size-icon-sm)",
 												width: "var(--size-icon-sm)"
 											} }), y("bigconsole.dashboards.actions.create", "Create Dashboard")]
 										})
-									}), /* @__PURE__ */ T(m, {
-										permission: a.DASHBOARD_IMPORT,
+									}), /* @__PURE__ */ T(_, {
+										permission: o.DASHBOARD_IMPORT,
 										deniedBehavior: "hide",
 										children: /* @__PURE__ */ E(x, {
 											variant: "outline",
-											onClick: Ye,
-											children: [/* @__PURE__ */ T(ye, { style: {
+											onClick: at,
+											children: [/* @__PURE__ */ T(Te, { style: {
 												marginRight: "var(--space-iconGap)",
 												height: "var(--size-icon-sm)",
 												width: "var(--size-icon-sm)"
@@ -1110,16 +1158,16 @@ var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 				})] })
 			}),
 			/* @__PURE__ */ T(ee, {
-				isOpen: ke,
-				isCreating: F,
-				onClose: We,
-				onCreate: Ge,
-				onTemplateInstalled: Ue
+				isOpen: Le,
+				isCreating: I,
+				onClose: et,
+				onCreate: tt,
+				onTemplateInstalled: $e
 			}),
-			/* @__PURE__ */ T(ie, {
-				isOpen: Ae,
-				onClose: Xe,
-				onSuccess: Ze
+			/* @__PURE__ */ T(re, {
+				isOpen: ze,
+				onClose: ot,
+				onSuccess: st
 			})
 		]
 	});