@burdenoff/microfe-admin 2026.625.1 → 2026.626.1

package/dist/admin/pages/TenantDetailPage.js

@@ -14,272 +14,315 @@ import { useActivateTenantMutation as g, useGetTenantQuery as _, useSuspendTenan
 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 { ArrowLeft as S, Ban as C, Building2 as w, Calendar as T, CheckCircle as E, Globe as te, Loader2 as D, Mail as ne, Settings as re, Users as ie } from "lucide-react";
+import { useNavigate as O, useParams as k } from "react-router-dom";
+import { jsx as A, jsxs as j } from "react/jsx-runtime";
+import { EmphasisPanel as M, NextSteps as N, PagePurpose as P } from "@burdenoff/fe-libs/ui";
+import { useI18n as F } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useEventBus as I } 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 L() {
+	let { canViewTenants: L, canManageTenants: R, isLoading: z } = n(), { tenantId: B } = k(), V = O(), { basePath: H = "" } = t(), U = e(), { t: W } = F(), G = (e, t, n) => p(W, e, t, n), { data: K, loading: q, error: J } = _({
+		variables: { id: B },
+		skip: !B || z || !L,
 		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;
+	}), [ae, { loading: Y }] = v(), [oe, { loading: X }] = g(), Z = I(), Q = K?.tenant ? h(K.tenant) : null, se = async () => {
+		if (!B) return;
 		let e = Q?.slug;
 		try {
-			await q({ variables: { id: R } }), y(Z, "tenant.tenant.suspended", {
-				tenantId: R,
+			await ae({ variables: { id: B } }), y(Z, "tenant.tenant.suspended", {
+				tenantId: B,
 				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 ?? "" }));
+			}), U.success(G("admin.tenantDetail.toast.suspendedTitle", "Tenant suspended"), G("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."));
+			U.error(G("admin.tenantDetail.toast.errorTitle", "Error"), e instanceof Error ? e.message : G("admin.tenantDetail.toast.suspendFailed", "Failed to suspend tenant."));
 		}
-	}, ae = async () => {
-		if (!R) return;
+	}, ce = async () => {
+		if (!B) return;
 		let e = Q?.slug;
 		try {
-			await Y({ variables: { id: R } }), y(Z, "tenant.tenant.activated", {
-				tenantId: R,
+			await oe({ variables: { id: B } }), y(Z, "tenant.tenant.activated", {
+				tenantId: B,
 				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 ?? "" }));
+			}), U.success(G("admin.tenantDetail.toast.activatedTitle", "Tenant activated"), G("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."));
+			U.error(G("admin.tenantDetail.toast.errorTitle", "Error"), e instanceof Error ? e.message : G("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", {
+	}, $ = K?.tenant?.workspaces ?? [];
+	return /* @__PURE__ */ A(ee, {
+		allowed: L,
+		isLoading: z,
+		pageTitle: G("admin.tenantDetail.pageTitle", "Tenant Details"),
+		denyMessage: G("admin.tenantDetail.denyMessage", "You don't have permission to view tenant details."),
+		children: q ? /* @__PURE__ */ A(u, {
+			title: G("admin.tenantDetail.loadingTitle", "Loading..."),
+			children: /* @__PURE__ */ A("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__ */ A(D, { 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__ */ j(u, {
+			title: G("admin.tenantDetail.notFoundTitle", "Tenant Not Found"),
+			description: G("admin.tenantDetail.notFoundDescription", "The requested tenant could not be found"),
+			children: [J && /* @__PURE__ */ A("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__ */ j(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: () => V(m(H, "tenants")),
+				children: [/* @__PURE__ */ A(S, { className: "mr-2 h-4 w-4" }), G("admin.tenantDetail.backToTenants", "Back to Tenants")]
 			})]
 		}) : /* @__PURE__ */ j(u, {
 			title: Q.name,
-			description: U("admin.tenantDetail.tenantId", "Tenant ID: {{id}}", { id: Q.id }),
-			actions: /* @__PURE__ */ M("div", {
+			description: G("admin.tenantDetail.tenantId", "Tenant ID: {{id}}", { id: Q.id }),
+			actions: /* @__PURE__ */ j("div", {
 				className: "flex items-center gap-2",
 				children: [
-					/* @__PURE__ */ M(i, {
+					/* @__PURE__ */ j(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: () => V(m(H, "tenants")),
+						children: [/* @__PURE__ */ A(S, { className: "mr-2 h-4 w-4" }), G("admin.tenantDetail.back", "Back")]
 					}),
-					I && /* @__PURE__ */ M(i, {
+					R && /* @__PURE__ */ j(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: () => V(m(H, `tenants/${Q.id}/edit`)),
+						children: [/* @__PURE__ */ A(re, { className: "mr-2 h-4 w-4" }), G("admin.tenantDetail.edit", "Edit")]
 					}),
-					I && (Q.status === "active" ? /* @__PURE__ */ M(i, {
+					R && (Q.status === "active" ? /* @__PURE__ */ j(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: se,
+						disabled: Y,
+						children: [Y ? /* @__PURE__ */ A(D, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ A(C, { className: "mr-2 h-4 w-4" }), G("admin.tenantDetail.suspend", "Suspend")]
+					}) : /* @__PURE__ */ j(i, {
 						variant: "outline",
-						className: "text-success",
-						onClick: ae,
+						className: "text-status-success-text",
+						onClick: ce,
 						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__ */ A(D, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ A(E, { className: "mr-2 h-4 w-4" }), G("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__ */ A(P, {
+					className: "mb-6",
+					children: G("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__ */ A(N, {
+					storageKey: "admin-tenant-detail",
+					steps: [
+						{
+							id: "edit-tenant",
+							label: G("admin.tenantDetail.nextSteps.edit", "Edit tenant details"),
+							description: G("admin.tenantDetail.nextSteps.editDesc", "Update the name, domain or plan for this tenant."),
+							onClick: () => V(m(H, `tenants/${Q.id}/edit`)),
+							done: !R
+						},
+						{
+							id: "review-members",
+							label: G("admin.tenantDetail.nextSteps.members", "Review members"),
+							description: G("admin.tenantDetail.nextSteps.membersDesc", "Check who has access inside this tenant."),
+							href: "#tenant-members"
+						},
+						{
+							id: "configure-sso",
+							label: G("admin.tenantDetail.nextSteps.sso", "Configure SSO"),
+							description: G("admin.tenantDetail.nextSteps.ssoDesc", "Set up single sign-on so their team logs in with your IdP."),
+							href: "#tenant-sso"
+						}
+					]
+				}),
+				/* @__PURE__ */ j("div", {
+					className: "grid gap-6 lg:grid-cols-3",
+					children: [/* @__PURE__ */ j("div", {
+						className: "space-y-6 lg:col-span-2",
+						children: [
+							/* @__PURE__ */ A(M, {
+								className: "p-0",
+								children: /* @__PURE__ */ j(a, {
+									className: "border-0 bg-transparent shadow-none hover:border-0",
+									children: [/* @__PURE__ */ A(s, { children: /* @__PURE__ */ A(c, {
+										className: "text-lg",
+										children: G("admin.tenantDetail.overview.title", "Overview")
+									}) }), /* @__PURE__ */ j(o, { children: [
+										/* @__PURE__ */ j("div", {
+											className: "flex items-start gap-4",
+											children: [/* @__PURE__ */ A(r, {
+												fallback: Q.name.slice(0, 2).toUpperCase(),
+												size: "lg"
+											}), /* @__PURE__ */ j("div", {
+												className: "flex-1 space-y-4",
+												children: [/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("h2", {
+													className: "text-xl font-semibold text-text-primary",
+													children: Q.name
+												}), /* @__PURE__ */ j("p", {
+													className: "text-sm text-text-secondary",
+													children: ["@", Q.slug]
+												})] }), /* @__PURE__ */ j("div", {
+													className: "flex flex-wrap items-center gap-4",
+													children: [/* @__PURE__ */ A(d, { status: Q.status }), Q.plan && /* @__PURE__ */ A("span", {
+														className: "rounded-md bg-action-primary-bg/10 px-2 py-1 text-xs font-medium text-primary",
+														children: Q.plan
+													})]
+												})]
+											})]
+										}),
+										/* @__PURE__ */ A(l, { className: "my-6" }),
+										/* @__PURE__ */ j("div", {
+											className: "grid gap-4 sm:grid-cols-2",
+											children: [
+												Q.ownerEmail && /* @__PURE__ */ j("div", {
+													className: "flex items-center gap-3",
+													children: [/* @__PURE__ */ A(ne, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
+														className: "text-xs text-text-secondary",
+														children: G("admin.tenantDetail.overview.ownerEmail", "Owner Email")
+													}), /* @__PURE__ */ A("p", {
+														className: "text-sm font-medium",
+														children: Q.ownerEmail
+													})] })]
+												}),
+												Q.domain && /* @__PURE__ */ j("div", {
+													className: "flex items-center gap-3",
+													children: [/* @__PURE__ */ A(te, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
+														className: "text-xs text-text-secondary",
+														children: G("admin.tenantDetail.overview.domain", "Domain")
+													}), /* @__PURE__ */ A("p", {
+														className: "text-sm font-medium",
+														children: Q.domain
+													})] })]
+												}),
+												/* @__PURE__ */ j("div", {
+													className: "flex items-center gap-3",
+													children: [/* @__PURE__ */ A(T, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
+														className: "text-xs text-text-secondary",
+														children: G("admin.tenantDetail.overview.created", "Created")
+													}), /* @__PURE__ */ A("p", {
+														className: "text-sm font-medium",
+														children: f(Q.createdAt)
+													})] })]
+												}),
+												/* @__PURE__ */ j("div", {
+													className: "flex items-center gap-3",
+													children: [/* @__PURE__ */ A(T, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
+														className: "text-xs text-text-secondary",
+														children: G("admin.tenantDetail.overview.lastUpdated", "Last Updated")
+													}), /* @__PURE__ */ A("p", {
+														className: "text-sm font-medium",
+														children: f(Q.updatedAt)
+													})] })]
+												})
+											]
+										})
+									] })]
+								})
 							}),
-							/* @__PURE__ */ j(l, { className: "my-6" }),
-							/* @__PURE__ */ M("div", {
+							$.length > 0 && /* @__PURE__ */ j(a, { children: [/* @__PURE__ */ A(s, { children: /* @__PURE__ */ A(c, {
+								className: "text-lg",
+								children: G("admin.tenantDetail.workspaces.title", "Workspaces ({{count}})", { count: $.length })
+							}) }), /* @__PURE__ */ A(o, { children: /* @__PURE__ */ A("div", {
+								className: "space-y-2",
+								children: $.map((e) => /* @__PURE__ */ j("div", {
+									className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
+									children: [/* @__PURE__ */ A("span", {
+										className: "text-sm font-medium",
+										children: e.name
+									}), /* @__PURE__ */ A("span", {
+										className: "text-xs text-text-secondary capitalize",
+										children: e.status?.toLowerCase()
+									})]
+								}, e.id))
+							}) })] }),
+							Q.settings && /* @__PURE__ */ j(a, { children: [/* @__PURE__ */ A(s, { children: /* @__PURE__ */ A(c, {
+								className: "text-lg",
+								children: G("admin.tenantDetail.settings.title", "Settings")
+							}) }), /* @__PURE__ */ A(o, { children: /* @__PURE__ */ j("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__ */ j("div", {
+										className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
+										children: [/* @__PURE__ */ A("span", {
+											className: "text-sm",
+											children: G("admin.tenantDetail.settings.allowSignup", "Allow Signup")
+										}), /* @__PURE__ */ A("span", {
+											className: `text-sm font-medium ${Q.settings?.allowSignup ? "text-status-success-text" : "text-text-secondary"}`,
+											children: Q.settings?.allowSignup ? G("admin.tenantDetail.settings.enabled", "Enabled") : G("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__ */ j("div", {
+										className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
+										children: [/* @__PURE__ */ A("span", {
+											className: "text-sm",
+											children: G("admin.tenantDetail.settings.sso", "SSO")
+										}), /* @__PURE__ */ A("span", {
+											className: `text-sm font-medium ${Q.settings?.ssoEnabled ? "text-status-success-text" : "text-text-secondary"}`,
+											children: Q.settings?.ssoEnabled ? G("admin.tenantDetail.settings.enabled", "Enabled") : G("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__ */ j("div", {
+										className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
+										children: [/* @__PURE__ */ A("span", {
+											className: "text-sm",
+											children: G("admin.tenantDetail.settings.mfaRequired", "MFA Required")
+										}), /* @__PURE__ */ A("span", {
+											className: `text-sm font-medium ${Q.settings?.mfaRequired ? "text-status-success-text" : "text-text-secondary"}`,
+											children: Q.settings?.mfaRequired ? G("admin.tenantDetail.settings.yes", "Yes") : G("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__ */ j("div", {
+										className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
+										children: [/* @__PURE__ */ A("span", {
+											className: "text-sm",
+											children: G("admin.tenantDetail.settings.dataRetention", "Data Retention")
+										}), /* @__PURE__ */ A("span", {
 											className: "text-sm font-medium",
-											children: f(Q.updatedAt)
-										})] })]
+											children: G("admin.tenantDetail.settings.dataRetentionDays", "{{days}} days", { days: Q.settings?.dataRetentionDays ?? 0 })
+										})]
 									})
 								]
+							}) })] }),
+							/* @__PURE__ */ A("div", {
+								id: "tenant-sso",
+								children: /* @__PURE__ */ A(x, {
+									tenantId: Q.id,
+									canManage: R
+								})
+							}),
+							/* @__PURE__ */ A("div", {
+								id: "tenant-members",
+								children: /* @__PURE__ */ A(b, {
+									tenantId: Q.id,
+									tenantType: Q.type ?? "",
+									canManage: R
+								})
 							})
-						] })] }),
-						$.length > 0 && /* @__PURE__ */ M(a, { children: [/* @__PURE__ */ j(s, { children: /* @__PURE__ */ j(c, {
+						]
+					}), /* @__PURE__ */ A("div", {
+						className: "space-y-6",
+						children: /* @__PURE__ */ j(a, { children: [/* @__PURE__ */ A(s, { children: /* @__PURE__ */ A(c, {
 							className: "text-lg",
-							children: U("admin.tenantDetail.workspaces.title", "Workspaces ({{count}})", { count: $.length })
-						}) }), /* @__PURE__ */ j(o, { children: /* @__PURE__ */ j("div", {
+							children: G("admin.tenantDetail.actions.title", "Actions")
+						}) }), /* @__PURE__ */ j(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__ */ j(i, {
+								variant: "outline",
+								className: "w-full justify-start",
+								onClick: () => V(m(H, `users?tenantId=${Q.id}`)),
+								children: [/* @__PURE__ */ A(ie, { className: "mr-2 h-4 w-4" }), G("admin.tenantDetail.actions.viewUsers", "View Users")]
+							}), /* @__PURE__ */ j(i, {
+								variant: "outline",
+								className: "w-full justify-start",
+								onClick: () => V(m(H, `billing/subscriptions?tenantId=${Q.id}`)),
+								children: [/* @__PURE__ */ A(w, { className: "mr-2 h-4 w-4" }), G("admin.tenantDetail.actions.viewBilling", "View Billing")]
+							})]
+						})] })
+					})]
+				})
+			]
 		})
 	});
 }
 //#endregion
-export { F as TenantDetailPage };
+export { L as TenantDetailPage };
 
 //# sourceMappingURL=TenantDetailPage.js.map