@burdenoff/microfe-admin 2026.625.1 → 2026.712.1

package/dist/admin/pages/TenantDetailPage.js

@@ -1,285 +1,340 @@
 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, Card as a, CardContent as o, CardHeader as s, CardTitle as c, Separator as l } from "../components/ui.js";
-import { PageLayout as u } from "../components/PageLayout.js";
-import { TenantStatusBadge as d } from "../components/StatusBadge.js";
-import { formatDate as f } from "../utils/formatters.js";
-import { tWithFallback as p } from "../utils/i18n.js";
-import { PermissionGuard as ee } from "../components/PermissionGuard.js";
+import { Avatar as r, Button as i, Card as a, CardContent as o, CardHeader as s, CardTitle as c, Separator as ee } from "../components/ui.js";
+import { PageLayout as l } from "../components/PageLayout.js";
+import { TenantStatusBadge as te } from "../components/StatusBadge.js";
+import { formatDate as u } from "../utils/formatters.js";
+import { tWithFallback as ne } from "../utils/i18n.js";
+import { PermissionGuard as d } from "../components/PermissionGuard.js";
 import "../components/index.js";
-import { joinPath as m } from "../utils/navigation.js";
-import { mapTenantToUi as h } from "../utils/mappers.js";
-import { useActivateTenantMutation as g, useGetTenantQuery as _, useSuspendTenantMutation as v } from "../../generated/global-operations.js";
-import { emitTenantLifecycle as y } from "../utils/tenantEvents.js";
-import { TenantMembersPanel as b } from "../components/TenantMembersPanel.js";
-import { TenantSsoPanel as x } from "../components/TenantSsoPanel.js";
-import { ArrowLeft as S, Ban as C, Building2 as w, Calendar as T, CheckCircle as E, Globe as D, Loader2 as O, Mail as te, Settings as ne, Users as re } from "lucide-react";
-import { useNavigate as k, useParams as A } from "react-router-dom";
-import { jsx as j, jsxs as M } from "react/jsx-runtime";
-import { useI18n as N } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { useEventBus as P } from "@burdenoff/fe-libs/shared/events";
+import { joinPath as f } from "../utils/navigation.js";
+import { mapTenantToUi as p } from "../utils/mappers.js";
+import { useActivateTenantMutation as m, useGetTenantQuery as h, useSuspendTenantMutation as g } from "../../generated/global-operations.js";
+import { emitTenantLifecycle as _ } from "../utils/tenantEvents.js";
+import { TENANT_FEATURE_FLAGS as v } from "../constants/featureFlags.js";
+import { TenantMembersPanel as re } from "../components/TenantMembersPanel.js";
+import { TenantSsoPanel as ie } from "../components/TenantSsoPanel.js";
+import { ArrowLeft as y, Ban as ae, Building2 as oe, Calendar as b, CheckCircle as se, Globe as x, Loader2 as S, Mail as C, Settings as w, Users as ce } from "lucide-react";
+import { useNavigate as le, useParams as ue } from "react-router-dom";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { useFeatureFlag as D } from "@burdenoff/fe-libs/shared/feature-flags";
+import { useI18n as O } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { EmphasisPanel as k, NextSteps as A, PagePurpose as j } from "@burdenoff/fe-libs/ui";
+import { useEventBus as M } from "@burdenoff/fe-libs/shared/events";
 //#region src/admin/pages/TenantDetailPage.tsx
-function F() {
-	let { canViewTenants: F, canManageTenants: I, isLoading: L } = n(), { tenantId: R } = A(), z = k(), { basePath: B = "" } = t(), V = e(), { t: H } = N(), U = (e, t, n) => p(H, e, t, n), { data: W, loading: G, error: K } = _({
-		variables: { id: R },
-		skip: !R || L || !F,
+function N() {
+	let { canViewTenants: N, canManageTenants: P, isLoading: F } = n(), { tenantId: I } = ue(), L = le(), { basePath: R = "" } = t(), z = e(), { t: B } = O(), V = D(v.management, !0), H = D(v.detail, !0), U = D(v.edit, !0), W = V && H, G = P && U, de = P && V, K = (e, t, n) => ne(B, e, t, n), { data: q, loading: fe, error: J } = h({
+		variables: { id: I },
+		skip: !I || F || !N || !W,
 		fetchPolicy: "cache-and-network"
-	}), [q, { loading: J }] = v(), [Y, { loading: X }] = g(), Z = P(), Q = W?.tenant ? h(W.tenant) : null, ie = async () => {
-		if (!R) return;
+	}), [pe, { loading: Y }] = g(), [me, { loading: X }] = m(), Z = M(), Q = q?.tenant ? p(q.tenant) : null, he = async () => {
+		if (!I) return;
 		let e = Q?.slug;
 		try {
-			await q({ variables: { id: R } }), y(Z, "tenant.tenant.suspended", {
-				tenantId: R,
+			await pe({ variables: { id: I } }), _(Z, "tenant.tenant.suspended", {
+				tenantId: I,
 				tenantSlug: e,
 				status: "SUSPENDED"
-			}), V.success(U("admin.tenantDetail.toast.suspendedTitle", "Tenant suspended"), U("admin.tenantDetail.toast.suspendedDescription", "{{name}} has been suspended.", { name: Q?.name ?? "" }));
+			}), z.success(K("admin.tenantDetail.toast.suspendedTitle", "Tenant suspended"), K("admin.tenantDetail.toast.suspendedDescription", "{{name}} has been suspended.", { name: Q?.name ?? "" }));
 		} catch (e) {
-			V.error(U("admin.tenantDetail.toast.errorTitle", "Error"), e instanceof Error ? e.message : U("admin.tenantDetail.toast.suspendFailed", "Failed to suspend tenant."));
+			z.error(K("admin.tenantDetail.toast.errorTitle", "Error"), e instanceof Error ? e.message : K("admin.tenantDetail.toast.suspendFailed", "Failed to suspend tenant."));
 		}
-	}, ae = async () => {
-		if (!R) return;
+	}, ge = async () => {
+		if (!I) return;
 		let e = Q?.slug;
 		try {
-			await Y({ variables: { id: R } }), y(Z, "tenant.tenant.activated", {
-				tenantId: R,
+			await me({ variables: { id: I } }), _(Z, "tenant.tenant.activated", {
+				tenantId: I,
 				tenantSlug: e,
 				status: "ACTIVE"
-			}), V.success(U("admin.tenantDetail.toast.activatedTitle", "Tenant activated"), U("admin.tenantDetail.toast.activatedDescription", "{{name}} has been activated.", { name: Q?.name ?? "" }));
+			}), z.success(K("admin.tenantDetail.toast.activatedTitle", "Tenant activated"), K("admin.tenantDetail.toast.activatedDescription", "{{name}} has been activated.", { name: Q?.name ?? "" }));
 		} catch (e) {
-			V.error(U("admin.tenantDetail.toast.errorTitle", "Error"), e instanceof Error ? e.message : U("admin.tenantDetail.toast.activateFailed", "Failed to activate tenant."));
+			z.error(K("admin.tenantDetail.toast.errorTitle", "Error"), e instanceof Error ? e.message : K("admin.tenantDetail.toast.activateFailed", "Failed to activate tenant."));
 		}
-	}, $ = W?.tenant?.workspaces ?? [];
-	return /* @__PURE__ */ j(ee, {
-		allowed: F,
-		isLoading: L,
-		pageTitle: U("admin.tenantDetail.pageTitle", "Tenant Details"),
-		denyMessage: U("admin.tenantDetail.denyMessage", "You don't have permission to view tenant details."),
-		children: G ? /* @__PURE__ */ j(u, {
-			title: U("admin.tenantDetail.loadingTitle", "Loading..."),
-			children: /* @__PURE__ */ j("div", {
+	}, $ = q?.tenant?.workspaces ?? [];
+	return !F && !N ? /* @__PURE__ */ T(d, {
+		allowed: !1,
+		isLoading: !1,
+		pageTitle: K("admin.tenantDetail.pageTitle", "Tenant Details"),
+		denyMessage: K("admin.tenantDetail.denyMessage", "You don't have permission to view tenant details."),
+		children: null
+	}) : W ? /* @__PURE__ */ T(d, {
+		allowed: N,
+		isLoading: F,
+		pageTitle: K("admin.tenantDetail.pageTitle", "Tenant Details"),
+		denyMessage: K("admin.tenantDetail.denyMessage", "You don't have permission to view tenant details."),
+		children: fe ? /* @__PURE__ */ T(l, {
+			title: K("admin.tenantDetail.loadingTitle", "Loading..."),
+			children: /* @__PURE__ */ T("div", {
 				className: "flex h-64 items-center justify-center",
-				children: /* @__PURE__ */ j(O, { className: "h-8 w-8 animate-spin text-text-secondary" })
+				children: /* @__PURE__ */ T(S, { className: "h-8 w-8 animate-spin text-text-secondary" })
 			})
-		}) : K || !Q ? /* @__PURE__ */ M(u, {
-			title: U("admin.tenantDetail.notFoundTitle", "Tenant Not Found"),
-			description: U("admin.tenantDetail.notFoundDescription", "The requested tenant could not be found"),
-			children: [K && /* @__PURE__ */ j("div", {
+		}) : J || !Q ? /* @__PURE__ */ E(l, {
+			title: K("admin.tenantDetail.notFoundTitle", "Tenant Not Found"),
+			description: K("admin.tenantDetail.notFoundDescription", "The requested tenant could not be found"),
+			children: [J && /* @__PURE__ */ T("div", {
 				className: "mb-4 rounded-md border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text",
-				children: K.message
-			}), /* @__PURE__ */ M(i, {
+				children: J.message
+			}), /* @__PURE__ */ E(i, {
 				variant: "outline",
-				onClick: () => z(m(B, "tenants")),
-				children: [/* @__PURE__ */ j(S, { className: "mr-2 h-4 w-4" }), U("admin.tenantDetail.backToTenants", "Back to Tenants")]
+				onClick: () => L(f(R, "tenants")),
+				children: [/* @__PURE__ */ T(y, { className: "mr-2 h-4 w-4" }), K("admin.tenantDetail.backToTenants", "Back to Tenants")]
 			})]
-		}) : /* @__PURE__ */ j(u, {
+		}) : /* @__PURE__ */ E(l, {
 			title: Q.name,
-			description: U("admin.tenantDetail.tenantId", "Tenant ID: {{id}}", { id: Q.id }),
-			actions: /* @__PURE__ */ M("div", {
+			description: K("admin.tenantDetail.tenantId", "Tenant ID: {{id}}", { id: Q.id }),
+			actions: /* @__PURE__ */ E("div", {
 				className: "flex items-center gap-2",
 				children: [
-					/* @__PURE__ */ M(i, {
+					/* @__PURE__ */ E(i, {
 						variant: "outline",
-						onClick: () => z(m(B, "tenants")),
-						children: [/* @__PURE__ */ j(S, { className: "mr-2 h-4 w-4" }), U("admin.tenantDetail.back", "Back")]
+						onClick: () => L(f(R, "tenants")),
+						children: [/* @__PURE__ */ T(y, { className: "mr-2 h-4 w-4" }), K("admin.tenantDetail.back", "Back")]
 					}),
-					I && /* @__PURE__ */ M(i, {
+					G && /* @__PURE__ */ E(i, {
 						variant: "outline",
-						onClick: () => z(m(B, `tenants/${Q.id}/edit`)),
-						children: [/* @__PURE__ */ j(ne, { className: "mr-2 h-4 w-4" }), U("admin.tenantDetail.edit", "Edit")]
+						onClick: () => L(f(R, `tenants/${Q.id}/edit`)),
+						children: [/* @__PURE__ */ T(w, { className: "mr-2 h-4 w-4" }), K("admin.tenantDetail.edit", "Edit")]
 					}),
-					I && (Q.status === "active" ? /* @__PURE__ */ M(i, {
+					de && (Q.status === "active" ? /* @__PURE__ */ E(i, {
 						variant: "outline",
-						className: "text-warning",
-						onClick: ie,
-						disabled: J,
-						children: [J ? /* @__PURE__ */ j(O, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ j(C, { className: "mr-2 h-4 w-4" }), U("admin.tenantDetail.suspend", "Suspend")]
-					}) : /* @__PURE__ */ M(i, {
+						className: "text-status-warning-text",
+						onClick: he,
+						disabled: Y,
+						children: [Y ? /* @__PURE__ */ T(S, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ T(ae, { className: "mr-2 h-4 w-4" }), K("admin.tenantDetail.suspend", "Suspend")]
+					}) : /* @__PURE__ */ E(i, {
 						variant: "outline",
-						className: "text-success",
-						onClick: ae,
+						className: "text-status-success-text",
+						onClick: ge,
 						disabled: X,
-						children: [X ? /* @__PURE__ */ j(O, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ j(E, { className: "mr-2 h-4 w-4" }), U("admin.tenantDetail.activate", "Activate")]
+						children: [X ? /* @__PURE__ */ T(S, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ T(se, { className: "mr-2 h-4 w-4" }), K("admin.tenantDetail.activate", "Activate")]
 					}))
 				]
 			}),
-			children: /* @__PURE__ */ M("div", {
-				className: "grid gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ M("div", {
-					className: "space-y-6 lg:col-span-2",
-					children: [
-						/* @__PURE__ */ M(a, { children: [/* @__PURE__ */ j(s, { children: /* @__PURE__ */ j(c, {
-							className: "text-lg",
-							children: U("admin.tenantDetail.overview.title", "Overview")
-						}) }), /* @__PURE__ */ M(o, { children: [
-							/* @__PURE__ */ M("div", {
-								className: "flex items-start gap-4",
-								children: [/* @__PURE__ */ j(r, {
-									fallback: Q.name.slice(0, 2).toUpperCase(),
-									size: "lg"
-								}), /* @__PURE__ */ M("div", {
-									className: "flex-1 space-y-4",
-									children: [/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("h2", {
-										className: "text-xl font-semibold text-text-primary",
-										children: Q.name
-									}), /* @__PURE__ */ M("p", {
-										className: "text-sm text-text-secondary",
-										children: ["@", Q.slug]
-									})] }), /* @__PURE__ */ M("div", {
-										className: "flex flex-wrap items-center gap-4",
-										children: [/* @__PURE__ */ j(d, { status: Q.status }), Q.plan && /* @__PURE__ */ j("span", {
-											className: "rounded-md bg-action-primary-bg/10 px-2 py-1 text-xs font-medium text-primary",
-											children: Q.plan
-										})]
-									})]
-								})]
+			children: [
+				/* @__PURE__ */ T(j, {
+					className: "mb-6",
+					children: K("admin.tenantDetail.purpose", "Everything about a single tenant in one place — their profile, the people inside it, and their single sign-on setup. From here you manage that one customer account: review who has access, adjust their SSO, and suspend or reactivate them when needed.")
+				}),
+				/* @__PURE__ */ T(A, {
+					storageKey: "admin-tenant-detail",
+					steps: [
+						{
+							id: "edit-tenant",
+							label: K("admin.tenantDetail.nextSteps.edit", "Edit tenant details"),
+							description: K("admin.tenantDetail.nextSteps.editDesc", "Update the name, domain or plan for this tenant."),
+							onClick: () => L(f(R, `tenants/${Q.id}/edit`)),
+							done: !G
+						},
+						{
+							id: "review-members",
+							label: K("admin.tenantDetail.nextSteps.members", "Review members"),
+							description: K("admin.tenantDetail.nextSteps.membersDesc", "Check who has access inside this tenant."),
+							href: "#tenant-members"
+						},
+						{
+							id: "configure-sso",
+							label: K("admin.tenantDetail.nextSteps.sso", "Configure SSO"),
+							description: K("admin.tenantDetail.nextSteps.ssoDesc", "Set up single sign-on so their team logs in with your IdP."),
+							href: "#tenant-sso"
+						}
+					]
+				}),
+				/* @__PURE__ */ E("div", {
+					className: "grid gap-6 lg:grid-cols-3",
+					children: [/* @__PURE__ */ E("div", {
+						className: "space-y-6 lg:col-span-2",
+						children: [
+							/* @__PURE__ */ T(k, {
+								className: "p-0",
+								children: /* @__PURE__ */ E(a, {
+									className: "border-0 bg-transparent shadow-none hover:border-0",
+									children: [/* @__PURE__ */ T(s, { children: /* @__PURE__ */ T(c, {
+										className: "text-lg",
+										children: K("admin.tenantDetail.overview.title", "Overview")
+									}) }), /* @__PURE__ */ E(o, { children: [
+										/* @__PURE__ */ E("div", {
+											className: "flex items-start gap-4",
+											children: [/* @__PURE__ */ T(r, {
+												fallback: Q.name.slice(0, 2).toUpperCase(),
+												size: "lg"
+											}), /* @__PURE__ */ E("div", {
+												className: "flex-1 space-y-4",
+												children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h2", {
+													className: "text-xl font-semibold text-text-primary",
+													children: Q.name
+												}), /* @__PURE__ */ E("p", {
+													className: "text-sm text-text-secondary",
+													children: ["@", Q.slug]
+												})] }), /* @__PURE__ */ E("div", {
+													className: "flex flex-wrap items-center gap-4",
+													children: [/* @__PURE__ */ T(te, { status: Q.status }), Q.plan && /* @__PURE__ */ T("span", {
+														className: "rounded-md bg-action-primary-bg/10 px-2 py-1 text-xs font-medium text-primary",
+														children: Q.plan
+													})]
+												})]
+											})]
+										}),
+										/* @__PURE__ */ T(ee, { className: "my-6" }),
+										/* @__PURE__ */ E("div", {
+											className: "grid gap-4 sm:grid-cols-2",
+											children: [
+												Q.ownerEmail && /* @__PURE__ */ E("div", {
+													className: "flex items-center gap-3",
+													children: [/* @__PURE__ */ T(C, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+														className: "text-xs text-text-secondary",
+														children: K("admin.tenantDetail.overview.ownerEmail", "Owner Email")
+													}), /* @__PURE__ */ T("p", {
+														className: "text-sm font-medium",
+														children: Q.ownerEmail
+													})] })]
+												}),
+												Q.domain && /* @__PURE__ */ E("div", {
+													className: "flex items-center gap-3",
+													children: [/* @__PURE__ */ T(x, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+														className: "text-xs text-text-secondary",
+														children: K("admin.tenantDetail.overview.domain", "Domain")
+													}), /* @__PURE__ */ T("p", {
+														className: "text-sm font-medium",
+														children: Q.domain
+													})] })]
+												}),
+												/* @__PURE__ */ E("div", {
+													className: "flex items-center gap-3",
+													children: [/* @__PURE__ */ T(b, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+														className: "text-xs text-text-secondary",
+														children: K("admin.tenantDetail.overview.created", "Created")
+													}), /* @__PURE__ */ T("p", {
+														className: "text-sm font-medium",
+														children: u(Q.createdAt)
+													})] })]
+												}),
+												/* @__PURE__ */ E("div", {
+													className: "flex items-center gap-3",
+													children: [/* @__PURE__ */ T(b, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+														className: "text-xs text-text-secondary",
+														children: K("admin.tenantDetail.overview.lastUpdated", "Last Updated")
+													}), /* @__PURE__ */ T("p", {
+														className: "text-sm font-medium",
+														children: u(Q.updatedAt)
+													})] })]
+												})
+											]
+										})
+									] })]
+								})
 							}),
-							/* @__PURE__ */ j(l, { className: "my-6" }),
-							/* @__PURE__ */ M("div", {
+							$.length > 0 && /* @__PURE__ */ E(a, { children: [/* @__PURE__ */ T(s, { children: /* @__PURE__ */ T(c, {
+								className: "text-lg",
+								children: K("admin.tenantDetail.workspaces.title", "Workspaces ({{count}})", { count: $.length })
+							}) }), /* @__PURE__ */ T(o, { children: /* @__PURE__ */ T("div", {
+								className: "space-y-2",
+								children: $.map((e) => /* @__PURE__ */ E("div", {
+									className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
+									children: [/* @__PURE__ */ T("span", {
+										className: "text-sm font-medium",
+										children: e.name
+									}), /* @__PURE__ */ T("span", {
+										className: "text-xs text-text-secondary capitalize",
+										children: e.status?.toLowerCase()
+									})]
+								}, e.id))
+							}) })] }),
+							Q.settings && /* @__PURE__ */ E(a, { children: [/* @__PURE__ */ T(s, { children: /* @__PURE__ */ T(c, {
+								className: "text-lg",
+								children: K("admin.tenantDetail.settings.title", "Settings")
+							}) }), /* @__PURE__ */ T(o, { children: /* @__PURE__ */ E("div", {
 								className: "grid gap-4 sm:grid-cols-2",
 								children: [
-									Q.ownerEmail && /* @__PURE__ */ M("div", {
-										className: "flex items-center gap-3",
-										children: [/* @__PURE__ */ j(te, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
-											className: "text-xs text-text-secondary",
-											children: U("admin.tenantDetail.overview.ownerEmail", "Owner Email")
-										}), /* @__PURE__ */ j("p", {
-											className: "text-sm font-medium",
-											children: Q.ownerEmail
-										})] })]
+									/* @__PURE__ */ E("div", {
+										className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
+										children: [/* @__PURE__ */ T("span", {
+											className: "text-sm",
+											children: K("admin.tenantDetail.settings.allowSignup", "Allow Signup")
+										}), /* @__PURE__ */ T("span", {
+											className: `text-sm font-medium ${Q.settings?.allowSignup ? "text-status-success-text" : "text-text-secondary"}`,
+											children: Q.settings?.allowSignup ? K("admin.tenantDetail.settings.enabled", "Enabled") : K("admin.tenantDetail.settings.disabled", "Disabled")
+										})]
 									}),
-									Q.domain && /* @__PURE__ */ M("div", {
-										className: "flex items-center gap-3",
-										children: [/* @__PURE__ */ j(D, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
-											className: "text-xs text-text-secondary",
-											children: U("admin.tenantDetail.overview.domain", "Domain")
-										}), /* @__PURE__ */ j("p", {
-											className: "text-sm font-medium",
-											children: Q.domain
-										})] })]
+									/* @__PURE__ */ E("div", {
+										className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
+										children: [/* @__PURE__ */ T("span", {
+											className: "text-sm",
+											children: K("admin.tenantDetail.settings.sso", "SSO")
+										}), /* @__PURE__ */ T("span", {
+											className: `text-sm font-medium ${Q.settings?.ssoEnabled ? "text-status-success-text" : "text-text-secondary"}`,
+											children: Q.settings?.ssoEnabled ? K("admin.tenantDetail.settings.enabled", "Enabled") : K("admin.tenantDetail.settings.disabled", "Disabled")
+										})]
 									}),
-									/* @__PURE__ */ M("div", {
-										className: "flex items-center gap-3",
-										children: [/* @__PURE__ */ j(T, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
-											className: "text-xs text-text-secondary",
-											children: U("admin.tenantDetail.overview.created", "Created")
-										}), /* @__PURE__ */ j("p", {
-											className: "text-sm font-medium",
-											children: f(Q.createdAt)
-										})] })]
+									/* @__PURE__ */ E("div", {
+										className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
+										children: [/* @__PURE__ */ T("span", {
+											className: "text-sm",
+											children: K("admin.tenantDetail.settings.mfaRequired", "MFA Required")
+										}), /* @__PURE__ */ T("span", {
+											className: `text-sm font-medium ${Q.settings?.mfaRequired ? "text-status-success-text" : "text-text-secondary"}`,
+											children: Q.settings?.mfaRequired ? K("admin.tenantDetail.settings.yes", "Yes") : K("admin.tenantDetail.settings.no", "No")
+										})]
 									}),
-									/* @__PURE__ */ M("div", {
-										className: "flex items-center gap-3",
-										children: [/* @__PURE__ */ j(T, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
-											className: "text-xs text-text-secondary",
-											children: U("admin.tenantDetail.overview.lastUpdated", "Last Updated")
-										}), /* @__PURE__ */ j("p", {
+									/* @__PURE__ */ E("div", {
+										className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
+										children: [/* @__PURE__ */ T("span", {
+											className: "text-sm",
+											children: K("admin.tenantDetail.settings.dataRetention", "Data Retention")
+										}), /* @__PURE__ */ T("span", {
 											className: "text-sm font-medium",
-											children: f(Q.updatedAt)
-										})] })]
+											children: K("admin.tenantDetail.settings.dataRetentionDays", "{{days}} days", { days: Q.settings?.dataRetentionDays ?? 0 })
+										})]
 									})
 								]
+							}) })] }),
+							/* @__PURE__ */ T("div", {
+								id: "tenant-sso",
+								children: /* @__PURE__ */ T(ie, {
+									tenantId: Q.id,
+									canManage: G
+								})
+							}),
+							/* @__PURE__ */ T("div", {
+								id: "tenant-members",
+								children: /* @__PURE__ */ T(re, {
+									tenantId: Q.id,
+									tenantType: Q.type ?? "",
+									canManage: G
+								})
 							})
-						] })] }),
-						$.length > 0 && /* @__PURE__ */ M(a, { children: [/* @__PURE__ */ j(s, { children: /* @__PURE__ */ j(c, {
+						]
+					}), /* @__PURE__ */ T("div", {
+						className: "space-y-6",
+						children: /* @__PURE__ */ E(a, { children: [/* @__PURE__ */ T(s, { children: /* @__PURE__ */ T(c, {
 							className: "text-lg",
-							children: U("admin.tenantDetail.workspaces.title", "Workspaces ({{count}})", { count: $.length })
-						}) }), /* @__PURE__ */ j(o, { children: /* @__PURE__ */ j("div", {
+							children: K("admin.tenantDetail.actions.title", "Actions")
+						}) }), /* @__PURE__ */ E(o, {
 							className: "space-y-2",
-							children: $.map((e) => /* @__PURE__ */ M("div", {
-								className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
-								children: [/* @__PURE__ */ j("span", {
-									className: "text-sm font-medium",
-									children: e.name
-								}), /* @__PURE__ */ j("span", {
-									className: "text-xs text-text-secondary capitalize",
-									children: e.status?.toLowerCase()
-								})]
-							}, e.id))
-						}) })] }),
-						Q.settings && /* @__PURE__ */ M(a, { children: [/* @__PURE__ */ j(s, { children: /* @__PURE__ */ j(c, {
-							className: "text-lg",
-							children: U("admin.tenantDetail.settings.title", "Settings")
-						}) }), /* @__PURE__ */ j(o, { children: /* @__PURE__ */ M("div", {
-							className: "grid gap-4 sm:grid-cols-2",
-							children: [
-								/* @__PURE__ */ M("div", {
-									className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
-									children: [/* @__PURE__ */ j("span", {
-										className: "text-sm",
-										children: U("admin.tenantDetail.settings.allowSignup", "Allow Signup")
-									}), /* @__PURE__ */ j("span", {
-										className: `text-sm font-medium ${Q.settings?.allowSignup ? "text-success" : "text-text-secondary"}`,
-										children: Q.settings?.allowSignup ? U("admin.tenantDetail.settings.enabled", "Enabled") : U("admin.tenantDetail.settings.disabled", "Disabled")
-									})]
-								}),
-								/* @__PURE__ */ M("div", {
-									className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
-									children: [/* @__PURE__ */ j("span", {
-										className: "text-sm",
-										children: U("admin.tenantDetail.settings.sso", "SSO")
-									}), /* @__PURE__ */ j("span", {
-										className: `text-sm font-medium ${Q.settings?.ssoEnabled ? "text-success" : "text-text-secondary"}`,
-										children: Q.settings?.ssoEnabled ? U("admin.tenantDetail.settings.enabled", "Enabled") : U("admin.tenantDetail.settings.disabled", "Disabled")
-									})]
-								}),
-								/* @__PURE__ */ M("div", {
-									className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
-									children: [/* @__PURE__ */ j("span", {
-										className: "text-sm",
-										children: U("admin.tenantDetail.settings.mfaRequired", "MFA Required")
-									}), /* @__PURE__ */ j("span", {
-										className: `text-sm font-medium ${Q.settings?.mfaRequired ? "text-success" : "text-text-secondary"}`,
-										children: Q.settings?.mfaRequired ? U("admin.tenantDetail.settings.yes", "Yes") : U("admin.tenantDetail.settings.no", "No")
-									})]
-								}),
-								/* @__PURE__ */ M("div", {
-									className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
-									children: [/* @__PURE__ */ j("span", {
-										className: "text-sm",
-										children: U("admin.tenantDetail.settings.dataRetention", "Data Retention")
-									}), /* @__PURE__ */ j("span", {
-										className: "text-sm font-medium",
-										children: U("admin.tenantDetail.settings.dataRetentionDays", "{{days}} days", { days: Q.settings?.dataRetentionDays ?? 0 })
-									})]
-								})
-							]
-						}) })] }),
-						/* @__PURE__ */ j(x, {
-							tenantId: Q.id,
-							canManage: I
-						}),
-						/* @__PURE__ */ j(b, {
-							tenantId: Q.id,
-							tenantType: Q.type ?? "",
-							canManage: I
-						})
-					]
-				}), /* @__PURE__ */ j("div", {
-					className: "space-y-6",
-					children: /* @__PURE__ */ M(a, { children: [/* @__PURE__ */ j(s, { children: /* @__PURE__ */ j(c, {
-						className: "text-lg",
-						children: U("admin.tenantDetail.actions.title", "Actions")
-					}) }), /* @__PURE__ */ M(o, {
-						className: "space-y-2",
-						children: [/* @__PURE__ */ M(i, {
-							variant: "outline",
-							className: "w-full justify-start",
-							onClick: () => z(m(B, `users?tenantId=${Q.id}`)),
-							children: [/* @__PURE__ */ j(re, { className: "mr-2 h-4 w-4" }), U("admin.tenantDetail.actions.viewUsers", "View Users")]
-						}), /* @__PURE__ */ M(i, {
-							variant: "outline",
-							className: "w-full justify-start",
-							onClick: () => z(m(B, `billing/subscriptions?tenantId=${Q.id}`)),
-							children: [/* @__PURE__ */ j(w, { className: "mr-2 h-4 w-4" }), U("admin.tenantDetail.actions.viewBilling", "View Billing")]
-						})]
-					})] })
-				})]
-			})
+							children: [/* @__PURE__ */ E(i, {
+								variant: "outline",
+								className: "w-full justify-start",
+								onClick: () => L(f(R, `users?tenantId=${Q.id}`)),
+								children: [/* @__PURE__ */ T(ce, { className: "mr-2 h-4 w-4" }), K("admin.tenantDetail.actions.viewUsers", "View Users")]
+							}), /* @__PURE__ */ E(i, {
+								variant: "outline",
+								className: "w-full justify-start",
+								onClick: () => L(f(R, `billing/subscriptions?tenantId=${Q.id}`)),
+								children: [/* @__PURE__ */ T(oe, { className: "mr-2 h-4 w-4" }), K("admin.tenantDetail.actions.viewBilling", "View Billing")]
+							})]
+						})] })
+					})]
+				})
+			]
 		})
+	}) : /* @__PURE__ */ T(l, {
+		title: K("admin.tenantDetail.featureDisabledTitle", "Tenant management unavailable"),
+		description: K("admin.tenantDetail.featureDisabled", "This feature is currently disabled."),
+		children: null
 	});
 }
 //#endregion
-export { F as TenantDetailPage };
+export { N as TenantDetailPage };
 
 //# sourceMappingURL=TenantDetailPage.js.map