@burdenoff/microfe-admin 2026.625.1 → 2026.712.1

package/dist/admin/pages/TenantsListPage.js

@@ -1,91 +1,93 @@
 import { useToast as e } from "../components/Toast.js";
 import { useAdmin as t } from "../providers/AdminProvider.js";
 import { useAdminPermissions as n } from "../hooks/useAdminPermissions.js";
-import { Avatar as r, Button as i, EmptyState as a, Input as ee } from "../components/ui.js";
-import { PageLayout as te } from "../components/PageLayout.js";
+import { Avatar as r, Button as i, EmptyState as ee, Input as te } from "../components/ui.js";
+import { PageLayout as a } from "../components/PageLayout.js";
 import { TenantStatusBadge as ne } from "../components/StatusBadge.js";
-import { formatBytes as re, formatDate as o, formatNumber as s } from "../utils/formatters.js";
-import { DataTable as c, Pagination as l } from "../components/DataTable.js";
-import { tWithFallback as ie } from "../utils/i18n.js";
-import { TenantForm as ae } from "../components/forms/TenantForm.js";
-import { RowActions as oe, createRowActions as se } from "../components/RowActions.js";
-import { PermissionGuard as ce } from "../components/PermissionGuard.js";
+import { formatBytes as re, formatDate as ie, formatNumber as o } from "../utils/formatters.js";
+import { DataTable as ae, Pagination as oe } from "../components/DataTable.js";
+import { tWithFallback as s } from "../utils/i18n.js";
+import { TenantForm as se } from "../components/forms/TenantForm.js";
+import { RowActions as ce, createRowActions as le } from "../components/RowActions.js";
+import { PermissionGuard as c } from "../components/PermissionGuard.js";
 import "../components/index.js";
-import { joinPath as u } from "../utils/navigation.js";
-import { mapTenantToUi as d } from "../utils/mappers.js";
-import { useActivateTenantMutation as f, useCreateTenantMutation as p, useListTenantsQuery as le, useSuspendTenantMutation as ue, useUpdateTenantMutation as de } from "../../generated/global-operations.js";
-import { useAdminStore as m } from "../store/adminStore.js";
-import { emitTenantLifecycle as h } from "../utils/tenantEvents.js";
-import { useCallback as g, useMemo as _, useState as v } from "react";
-import { Building2 as y, Plus as fe, Search as pe } from "lucide-react";
-import { useNavigate as me } from "react-router-dom";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
-import { useFeatureFlag as S } from "@burdenoff/fe-libs/shared/feature-flags";
-import { useI18n as he } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { useEventBus as ge } from "@burdenoff/fe-libs/shared/events";
+import { joinPath as l } from "../utils/navigation.js";
+import { mapTenantToUi as u } from "../utils/mappers.js";
+import { useActivateTenantMutation as ue, useCreateTenantMutation as de, useListTenantsQuery as fe, useSuspendTenantMutation as pe, useUpdateTenantMutation as me } from "../../generated/global-operations.js";
+import { useAdminStore as he } from "../store/adminStore.js";
+import { emitTenantLifecycle as d } from "../utils/tenantEvents.js";
+import { TENANT_FEATURE_FLAGS as f } from "../constants/featureFlags.js";
+import { useCallback as p, useMemo as m, useState as h } from "react";
+import { Building2 as g, Plus as ge, Search as _ } from "lucide-react";
+import { useNavigate as v } from "react-router-dom";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { useFeatureFlag as x } from "@burdenoff/fe-libs/shared/feature-flags";
+import { useI18n as _e } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { EmphasisPanel as ve, PagePurpose as ye } from "@burdenoff/fe-libs/ui";
+import { useEventBus as be } from "@burdenoff/fe-libs/shared/events";
 //#region src/admin/pages/TenantsListPage.tsx
-var C = 20;
-function w() {
-	let { canViewTenants: w, canManageTenants: T, isLoading: E } = n(), D = me(), { basePath: O = "" } = t(), { tenantFilter: k, updateTenantFilter: A, resetTenantFilter: j } = m(), M = e(), { t: N } = he(), P = S("admin.tenant.create", !0), F = S("admin.tenant.edit", !0), I = ge(), L = g((e, t, n) => ie(N, e, t, n), [N]), [R, z] = v(1), [B, V] = v(!1), [_e, H] = v(void 0), ve = _(() => {
+var S = 20;
+function C() {
+	let { canViewTenants: C, canManageTenants: w, isLoading: T } = n(), E = v(), { basePath: D = "" } = t(), { tenantFilter: O, updateTenantFilter: k, resetTenantFilter: A } = he(), j = e(), { t: M } = _e(), N = x(f.management, !0), xe = x(f.list, !0), Se = x(f.create, !0), P = x(f.edit, !0), F = be(), I = p((e, t, n) => s(M, e, t, n), [M]), [L, R] = h(1), [Ce, z] = h(!1), [we, B] = h(void 0), Te = m(() => {
 		let e = {};
-		k.search && (e.search = k.search);
+		O.search && (e.search = O.search);
 		let t = {
 			active: "ACTIVE",
 			suspended: "SUSPENDED",
 			deleted: "DELETED"
 		};
-		return k.status !== "all" && t[k.status] && (e.status = t[k.status]), e;
-	}, [k.search, k.status]), ye = E || !w, { data: U, loading: be, error: W, refetch: G } = le({
+		return O.status !== "all" && t[O.status] && (e.status = t[O.status]), e;
+	}, [O.search, O.status]), V = N && xe, H = w && N, Ee = T || !C || !V, { data: U, loading: De, error: W, refetch: G } = fe({
 		variables: {
-			filter: ve,
-			limit: C,
-			offset: (R - 1) * C
+			filter: Te,
+			limit: S,
+			offset: (L - 1) * S
 		},
 		fetchPolicy: "cache-and-network",
-		skip: ye
-	}), [K, { loading: xe }] = p({ onCompleted: () => {
+		skip: Ee
+	}), [K, { loading: Oe }] = de({ onCompleted: () => {
 		G();
-	} }), [q, { loading: Se }] = de({ onCompleted: () => {
+	} }), [q, { loading: ke }] = me({ onCompleted: () => {
 		G();
-	} }), [J] = ue({ onCompleted: () => {
+	} }), [J] = pe({ onCompleted: () => {
 		G();
-	} }), [Y] = f({ onCompleted: () => {
+	} }), [Y] = ue({ onCompleted: () => {
 		G();
-	} }), Ce = _(() => (U?.tenants?.items ?? []).map(d), [U]), X = U?.tenants?.total ?? 0, we = Math.ceil(X / C), Te = g(() => {
-		H(void 0), V(!0);
-	}, []), Z = g((e) => {
-		H(e), V(!0);
-	}, []), Q = g(async (e) => {
+	} }), Ae = m(() => (U?.tenants?.items ?? []).map(u), [U]), X = U?.tenants?.total ?? 0, je = Math.ceil(X / S), Me = p(() => {
+		B(void 0), z(!0);
+	}, []), Z = p((e) => {
+		B(e), z(!0);
+	}, []), Q = p(async (e) => {
 		try {
-			await J({ variables: { id: e.id } }), h(I, "tenant.tenant.suspended", {
+			await J({ variables: { id: e.id } }), d(F, "tenant.tenant.suspended", {
 				tenantId: e.id,
 				tenantSlug: e.slug,
 				status: "SUSPENDED"
-			}), M.success(L("admin.tenants.toast.suspendedTitle", "Tenant suspended"), L("admin.tenants.toast.suspendedDescription", "{{name}} has been suspended.", { name: e.name }));
+			}), j.success(I("admin.tenants.toast.suspendedTitle", "Tenant suspended"), I("admin.tenants.toast.suspendedDescription", "{{name}} has been suspended.", { name: e.name }));
 		} catch {
-			M.error(L("admin.tenants.toast.errorTitle", "Error"), L("admin.tenants.toast.suspendFailed", "Failed to suspend tenant."));
+			j.error(I("admin.tenants.toast.errorTitle", "Error"), I("admin.tenants.toast.suspendFailed", "Failed to suspend tenant."));
 		}
 	}, [
 		J,
-		M,
-		L,
-		I
-	]), $ = g(async (e) => {
+		j,
+		I,
+		F
+	]), $ = p(async (e) => {
 		try {
-			await Y({ variables: { id: e.id } }), h(I, "tenant.tenant.activated", {
+			await Y({ variables: { id: e.id } }), d(F, "tenant.tenant.activated", {
 				tenantId: e.id,
 				tenantSlug: e.slug,
 				status: "ACTIVE"
-			}), M.success(L("admin.tenants.toast.activatedTitle", "Tenant activated"), L("admin.tenants.toast.activatedDescription", "{{name}} has been activated.", { name: e.name }));
+			}), j.success(I("admin.tenants.toast.activatedTitle", "Tenant activated"), I("admin.tenants.toast.activatedDescription", "{{name}} has been activated.", { name: e.name }));
 		} catch {
-			M.error(L("admin.tenants.toast.errorTitle", "Error"), L("admin.tenants.toast.activateFailed", "Failed to activate tenant."));
+			j.error(I("admin.tenants.toast.errorTitle", "Error"), I("admin.tenants.toast.activateFailed", "Failed to activate tenant."));
 		}
 	}, [
 		Y,
-		M,
-		L,
-		I
-	]), Ee = g(async (e) => {
+		j,
+		I,
+		F
+	]), Ne = p(async (e) => {
 		let t = "id" in e && e.id;
 		try {
 			if (t) {
@@ -101,10 +103,10 @@ function w() {
 						}
 					}
 				} }), n = t.data?.updateTenant?.id ?? e.id, r = t.data?.updateTenant?.slug;
-				h(I, "tenant.tenant.updated", {
+				d(F, "tenant.tenant.updated", {
 					tenantId: n,
 					tenantSlug: r
-				}), M.success(L("admin.tenants.toast.updatedTitle", "Tenant updated"), L("admin.tenants.toast.updatedDescription", "{{name}} has been updated.", { name: e.name ?? "" }));
+				}), j.success(I("admin.tenants.toast.updatedTitle", "Tenant updated"), I("admin.tenants.toast.updatedDescription", "{{name}} has been updated.", { name: e.name ?? "" }));
 			} else {
 				let t = (await K({ variables: { input: {
 					name: e.name,
@@ -116,60 +118,61 @@ function w() {
 						plan: e.plan
 					}
 				} } })).data?.createTenant;
-				t?.id && h(I, "tenant.tenant.created", {
+				t?.id && d(F, "tenant.tenant.created", {
 					tenantId: t.id,
 					tenantSlug: t.slug
-				}), M.success(L("admin.tenants.toast.createdTitle", "Tenant created"), L("admin.tenants.toast.createdDescription", "{{name}} has been created.", { name: e.name ?? "" }));
+				}), j.success(I("admin.tenants.toast.createdTitle", "Tenant created"), I("admin.tenants.toast.createdDescription", "{{name}} has been created.", { name: e.name ?? "" }));
 			}
-			V(!1);
+			z(!1);
 		} catch (e) {
 			let n = e instanceof Error ? e.message : "Unknown error";
-			throw M.error(t ? L("admin.tenants.toast.updateFailedTitle", "Update failed") : L("admin.tenants.toast.createFailedTitle", "Create failed"), n), e;
+			throw j.error(t ? I("admin.tenants.toast.updateFailedTitle", "Update failed") : I("admin.tenants.toast.createFailedTitle", "Create failed"), n), e;
 		}
 	}, [
 		K,
 		q,
-		M,
-		L,
-		I
-	]), De = (e) => {
-		D(u(O, `tenants/${e.id}`));
-	}, Oe = g((e) => {
-		let t = se({
-			onView: () => D(u(O, `tenants/${e.id}`)),
-			onEdit: T && F ? () => Z(e) : void 0
+		j,
+		I,
+		F
+	]), Pe = (e) => {
+		E(l(D, `tenants/${e.id}`));
+	}, Fe = p((e) => {
+		let t = le({
+			onView: () => E(l(D, `tenants/${e.id}`)),
+			onEdit: w && P ? () => Z(e) : void 0
 		});
-		return T && t.push({
+		return H && t.push({
 			key: e.status === "active" ? "suspend" : "activate",
-			label: e.status === "active" ? L("admin.tenants.actions.suspend", "Suspend") : L("admin.tenants.actions.activate", "Activate"),
+			label: e.status === "active" ? I("admin.tenants.actions.suspend", "Suspend") : I("admin.tenants.actions.activate", "Activate"),
 			separator: !0,
 			onClick: e.status === "active" ? () => Q(e) : () => $(e)
 		}), t;
 	}, [
+		E,
 		D,
-		O,
-		T,
-		F,
+		w,
+		H,
+		P,
 		Z,
 		Q,
 		$,
-		L
-	]), ke = [
+		I
+	]), Ie = [
 		{
 			key: "name",
-			header: L("admin.tenants.table.tenant", "Tenant"),
+			header: I("admin.tenants.table.tenant", "Tenant"),
 			sortable: !0,
-			render: (e) => /* @__PURE__ */ x("div", {
+			render: (e) => /* @__PURE__ */ b("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ b(r, {
+				children: [/* @__PURE__ */ y(r, {
 					fallback: e.name.slice(0, 2).toUpperCase(),
 					size: "sm"
-				}), /* @__PURE__ */ x("div", {
+				}), /* @__PURE__ */ b("div", {
 					className: "min-w-0",
-					children: [/* @__PURE__ */ b("div", {
+					children: [/* @__PURE__ */ y("div", {
 						className: "truncate font-medium text-text-primary",
 						children: e.name
-					}), /* @__PURE__ */ b("div", {
+					}), /* @__PURE__ */ y("div", {
 						className: "truncate text-xs text-text-secondary",
 						children: e.slug
 					})]
@@ -178,164 +181,188 @@ function w() {
 		},
 		{
 			key: "status",
-			header: L("admin.tenants.table.status", "Status"),
+			header: I("admin.tenants.table.status", "Status"),
 			width: "120px",
-			render: (e) => /* @__PURE__ */ b(ne, { status: e.status })
+			render: (e) => /* @__PURE__ */ y(ne, { status: e.status })
 		},
 		{
 			key: "plan",
-			header: L("admin.tenants.table.plan", "Plan"),
+			header: I("admin.tenants.table.plan", "Plan"),
 			width: "100px"
 		},
 		{
 			key: "userCount",
-			header: L("admin.tenants.table.users", "Users"),
+			header: I("admin.tenants.table.users", "Users"),
 			width: "80px",
 			align: "right",
 			sortable: !0,
-			render: (e) => s(e.userCount)
+			render: (e) => o(e.userCount)
 		},
 		{
 			key: "storageUsed",
-			header: L("admin.tenants.table.storage", "Storage"),
+			header: I("admin.tenants.table.storage", "Storage"),
 			width: "100px",
 			align: "right",
 			render: (e) => re(e.storageUsed)
 		},
 		{
 			key: "createdAt",
-			header: L("admin.tenants.table.created", "Created"),
+			header: I("admin.tenants.table.created", "Created"),
 			width: "120px",
 			sortable: !0,
-			render: (e) => o(e.createdAt)
+			render: (e) => ie(e.createdAt)
 		},
 		{
 			key: "actions",
 			header: "",
 			width: "50px",
 			align: "right",
-			render: (e) => /* @__PURE__ */ b(oe, {
-				actions: Oe(e),
-				ariaLabel: L("admin.tenants.table.actionsFor", "Actions for {{name}}", { name: e.name })
+			render: (e) => /* @__PURE__ */ y(ce, {
+				actions: Fe(e),
+				ariaLabel: I("admin.tenants.table.actionsFor", "Actions for {{name}}", { name: e.name })
 			})
 		}
 	];
-	return /* @__PURE__ */ b(ce, {
-		allowed: w,
-		isLoading: E,
-		pageTitle: L("admin.tenants.title", "Tenants"),
-		denyMessage: L("admin.tenants.denyMessage", "You don't have permission to view tenants."),
-		children: /* @__PURE__ */ x(te, {
-			title: L("admin.tenants.title", "Tenants"),
-			gradientWord: L("admin.tenants.title", "Tenants"),
-			description: X ? L("admin.tenants.descriptionWithTotal", "Manage all tenants on the platform · {{total}} total", { total: X }) : L("admin.tenants.description", "Manage all tenants on the platform"),
-			actions: T && P ? /* @__PURE__ */ x(i, {
-				onClick: Te,
-				disabled: xe || Se,
-				children: [/* @__PURE__ */ b(fe, { className: "mr-2 h-4 w-4" }), L("admin.tenants.actions.createTenant", "Create Tenant")]
+	return !T && !C ? /* @__PURE__ */ y(c, {
+		allowed: !1,
+		isLoading: !1,
+		pageTitle: I("admin.tenants.title", "Tenants"),
+		denyMessage: I("admin.tenants.denyMessage", "You don't have permission to view tenants."),
+		children: null
+	}) : V ? /* @__PURE__ */ y(c, {
+		allowed: C,
+		isLoading: T,
+		pageTitle: I("admin.tenants.title", "Tenants"),
+		denyMessage: I("admin.tenants.denyMessage", "You don't have permission to view tenants."),
+		children: /* @__PURE__ */ b(a, {
+			title: I("admin.tenants.title", "Tenants"),
+			gradientWord: I("admin.tenants.title", "Tenants"),
+			description: X ? I("admin.tenants.descriptionWithTotal", "Manage all tenants on the platform · {{total}} total", { total: X }) : I("admin.tenants.description", "Manage all tenants on the platform"),
+			actions: w && Se ? /* @__PURE__ */ b(i, {
+				onClick: Me,
+				disabled: Oe || ke,
+				children: [/* @__PURE__ */ y(ge, { className: "mr-2 h-4 w-4" }), I("admin.tenants.actions.createTenant", "Create Tenant")]
 			}) : void 0,
-			children: [/* @__PURE__ */ x("div", {
+			children: [/* @__PURE__ */ b("div", {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ x("div", {
+					/* @__PURE__ */ y(ye, { children: I("admin.tenants.purpose", "Tenants are the isolated customer accounts on the platform — each with its own users, data, plan and billing. Use this page to find a tenant, onboard a new one, and suspend or reactivate access when a customer churns or returns.") }),
+					/* @__PURE__ */ b(ve, {
+						className: "flex items-center gap-4 p-5",
+						children: [/* @__PURE__ */ y("div", {
+							className: "flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-action-primary-bg/15 text-action-primary-bg",
+							children: /* @__PURE__ */ y(g, { className: "h-6 w-6" })
+						}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("div", {
+							className: "text-3xl font-bold tabular-nums text-text-primary",
+							children: o(X)
+						}), /* @__PURE__ */ y("p", {
+							className: "text-sm text-text-secondary",
+							children: I("admin.tenants.emphasis.label", "tenants on the platform")
+						})] })]
+					}),
+					/* @__PURE__ */ b("div", {
 						className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-						children: [/* @__PURE__ */ x("div", {
+						children: [/* @__PURE__ */ b("div", {
 							className: "relative max-w-sm flex-1",
-							children: [/* @__PURE__ */ b(pe, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ b(ee, {
-								placeholder: L("admin.tenants.searchPlaceholder", "Search tenants..."),
-								value: k.search,
+							children: [/* @__PURE__ */ y(_, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ y(te, {
+								placeholder: I("admin.tenants.searchPlaceholder", "Search tenants..."),
+								value: O.search,
 								onChange: (e) => {
-									z(1), A({ search: e.target.value });
+									R(1), k({ search: e.target.value });
 								},
 								className: "pl-9"
 							})]
-						}), /* @__PURE__ */ x("div", {
+						}), /* @__PURE__ */ b("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ x("select", {
-								value: k.status,
+							children: [/* @__PURE__ */ b("select", {
+								value: O.status,
 								onChange: (e) => {
-									z(1), A({ status: e.target.value });
+									R(1), k({ status: e.target.value });
 								},
 								className: "h-10 rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:ring-offset-2",
 								children: [
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ y("option", {
 										value: "all",
-										children: L("admin.tenants.filters.status.all", "All Status")
+										children: I("admin.tenants.filters.status.all", "All Status")
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ y("option", {
 										value: "active",
-										children: L("admin.tenants.filters.status.active", "Active")
+										children: I("admin.tenants.filters.status.active", "Active")
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ y("option", {
 										value: "suspended",
-										children: L("admin.tenants.filters.status.suspended", "Suspended")
+										children: I("admin.tenants.filters.status.suspended", "Suspended")
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ y("option", {
 										value: "deleted",
-										children: L("admin.tenants.filters.status.deleted", "Deleted")
+										children: I("admin.tenants.filters.status.deleted", "Deleted")
 									})
 								]
-							}), (k.search || k.status !== "all") && /* @__PURE__ */ b(i, {
+							}), (O.search || O.status !== "all") && /* @__PURE__ */ y(i, {
 								variant: "ghost",
 								onClick: () => {
-									z(1), j();
+									R(1), A();
 								},
-								children: L("admin.tenants.filters.clear", "Clear")
+								children: I("admin.tenants.filters.clear", "Clear")
 							})]
 						})]
 					}),
-					W && /* @__PURE__ */ x("div", {
+					W && /* @__PURE__ */ b("div", {
 						className: "rounded-md border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text",
 						children: [
-							L("admin.tenants.error.loadFailed", "Failed to load tenants"),
+							I("admin.tenants.error.loadFailed", "Failed to load tenants"),
 							": ",
 							W.message
 						]
 					}),
-					/* @__PURE__ */ b(c, {
-						columns: ke,
-						data: Ce,
+					/* @__PURE__ */ y(ae, {
+						columns: Ie,
+						data: Ae,
 						keyExtractor: (e) => e.id,
-						onRowClick: De,
-						sortBy: k.sortBy,
-						sortOrder: k.sortOrder,
-						onSort: (e, t) => A({
+						onRowClick: Pe,
+						sortBy: O.sortBy,
+						sortOrder: O.sortOrder,
+						onSort: (e, t) => k({
 							sortBy: e,
 							sortOrder: t
 						}),
-						loading: be,
-						emptyState: /* @__PURE__ */ b(a, {
+						loading: De,
+						emptyState: /* @__PURE__ */ y(ee, {
 							illustration: "empty-search",
-							icon: /* @__PURE__ */ b(y, { className: "h-8 w-8" }),
-							title: L("admin.tenants.empty.title", "No tenants found"),
-							description: L("admin.tenants.empty.description", "Try adjusting your search or filters"),
-							action: /* @__PURE__ */ b(i, {
+							icon: /* @__PURE__ */ y(g, { className: "h-8 w-8" }),
+							title: I("admin.tenants.empty.title", "No tenants found"),
+							description: I("admin.tenants.empty.description", "Try adjusting your search or filters"),
+							action: /* @__PURE__ */ y(i, {
 								variant: "outline",
 								onClick: () => {
-									z(1), j();
+									R(1), A();
 								},
-								children: L("admin.tenants.empty.clearFilters", "Clear filters")
+								children: I("admin.tenants.empty.clearFilters", "Clear filters")
 							})
 						})
 					}),
-					X > C && /* @__PURE__ */ b(l, {
-						page: R,
-						totalPages: we,
+					X > S && /* @__PURE__ */ y(oe, {
+						page: L,
+						totalPages: je,
 						totalItems: X,
-						pageSize: C,
-						onPageChange: z
+						pageSize: S,
+						onPageChange: R
 					})
 				]
-			}), /* @__PURE__ */ b(ae, {
-				open: B,
-				onClose: () => V(!1),
-				tenant: _e,
-				onSave: Ee
+			}), /* @__PURE__ */ y(se, {
+				open: Ce,
+				onClose: () => z(!1),
+				tenant: we,
+				onSave: Ne
 			})]
 		})
+	}) : /* @__PURE__ */ y(a, {
+		title: I("admin.tenants.featureDisabledTitle", "Tenant management unavailable"),
+		description: I("admin.tenants.featureDisabled", "This feature is currently disabled."),
+		children: null
 	});
 }
 //#endregion
-export { w as TenantsListPage };
+export { C as TenantsListPage };
 
 //# sourceMappingURL=TenantsListPage.js.map