@burdenoff/microfe-admin 2026.511.1

package/dist/admin/pages/TenantDetailPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TenantDetailPage.js","names":[],"sources":["../../../src/admin/pages/TenantDetailPage.tsx"],"sourcesContent":["import { useParams, useNavigate } from 'react-router-dom';\nimport {\n  ArrowLeft,\n  Building2,\n  Users,\n  Mail,\n  Calendar,\n  Globe,\n  Settings,\n  Ban,\n  CheckCircle,\n  Loader2,\n} from 'lucide-react';\nimport { useAdmin } from '../providers/AdminProvider';\nimport { useAdminPermissions } from '../hooks/useAdminPermissions';\nimport {\n  PageLayout,\n  Button,\n  Card,\n  CardHeader,\n  CardTitle,\n  CardContent,\n  Avatar,\n  TenantStatusBadge,\n  Separator,\n  useToast,\n  PermissionGuard,\n} from '../components';\nimport { joinPath } from '../utils/navigation';\nimport { formatDate } from '../utils/formatters';\nimport { mapTenantToUi } from '../utils/mappers';\nimport type { Tenant } from '../types';\nimport {\n  useGetTenantQuery,\n  useSuspendTenantMutation,\n  useActivateTenantMutation,\n} from '../../generated/global-operations';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useEventBus } from '@burdenoff/fe-libs/shared/events';\nimport { tWithFallback } from '../utils/i18n';\nimport { emitTenantLifecycle } from '../utils/tenantEvents';\n\n/**\n * Tenant detail page\n */\nexport function TenantDetailPage() {\n  const { canViewTenants, canManageTenants, isLoading: permissionsLoading } = useAdminPermissions();\n\n  const { tenantId } = useParams<{ tenantId: string }>();\n  const navigate = useNavigate();\n  const { basePath = '' } = useAdmin();\n  const toast = useToast();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string, params?: Record<string, string | number>): string =>\n    tWithFallback(t, key, fallback, params);\n\n  const { data, loading, error } = useGetTenantQuery({\n    variables: { id: tenantId! },\n    skip: !tenantId || permissionsLoading || !canViewTenants,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const [suspendTenant, { loading: suspending }] = useSuspendTenantMutation();\n  const [activateTenant, { loading: activating }] = useActivateTenantMutation();\n  const events = useEventBus();\n\n  const tenant: Tenant | null = data?.tenant ? mapTenantToUi(data.tenant) : null;\n\n  const handleSuspend = async () => {\n    if (!tenantId) return;\n    // Capture before the await: a refetch could null `tenant` mid-mutation,\n    // and we want consumers of `tenant.tenant.suspended` to see the slug as\n    // it was when the user clicked suspend.\n    const slugAtClick = tenant?.slug;\n    try {\n      await suspendTenant({ variables: { id: tenantId } });\n      emitTenantLifecycle(events, 'tenant.tenant.suspended', {\n        tenantId,\n        tenantSlug: slugAtClick,\n        status: 'SUSPENDED',\n      });\n      toast.success(\n        tr('admin.tenantDetail.toast.suspendedTitle', 'Tenant suspended'),\n        tr('admin.tenantDetail.toast.suspendedDescription', '{{name}} has been suspended.', {\n          name: tenant?.name ?? '',\n        })\n      );\n    } catch (err) {\n      toast.error(\n        tr('admin.tenantDetail.toast.errorTitle', 'Error'),\n        err instanceof Error\n          ? err.message\n          : tr('admin.tenantDetail.toast.suspendFailed', 'Failed to suspend tenant.')\n      );\n    }\n  };\n\n  const handleActivate = async () => {\n    if (!tenantId) return;\n    const slugAtClick = tenant?.slug;\n    try {\n      await activateTenant({ variables: { id: tenantId } });\n      emitTenantLifecycle(events, 'tenant.tenant.activated', {\n        tenantId,\n        tenantSlug: slugAtClick,\n        status: 'ACTIVE',\n      });\n      toast.success(\n        tr('admin.tenantDetail.toast.activatedTitle', 'Tenant activated'),\n        tr('admin.tenantDetail.toast.activatedDescription', '{{name}} has been activated.', {\n          name: tenant?.name ?? '',\n        })\n      );\n    } catch (err) {\n      toast.error(\n        tr('admin.tenantDetail.toast.errorTitle', 'Error'),\n        err instanceof Error\n          ? err.message\n          : tr('admin.tenantDetail.toast.activateFailed', 'Failed to activate tenant.')\n      );\n    }\n  };\n\n  const workspaces = data?.tenant?.workspaces ?? [];\n\n  return (\n    <PermissionGuard\n      allowed={canViewTenants}\n      isLoading={permissionsLoading}\n      pageTitle={tr('admin.tenantDetail.pageTitle', 'Tenant Details')}\n      denyMessage={tr(\n        'admin.tenantDetail.denyMessage',\n        \"You don't have permission to view tenant details.\"\n      )}\n    >\n      {loading ? (\n        <PageLayout title={tr('admin.tenantDetail.loadingTitle', 'Loading...')}>\n          <div className=\"flex h-64 items-center justify-center\">\n            <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n          </div>\n        </PageLayout>\n      ) : error || !tenant ? (\n        <PageLayout\n          title={tr('admin.tenantDetail.notFoundTitle', 'Tenant Not Found')}\n          description={tr(\n            'admin.tenantDetail.notFoundDescription',\n            'The requested tenant could not be found'\n          )}\n        >\n          {error && (\n            <div className=\"mb-4 rounded-md border border-destructive/50 bg-destructive/10 p-4 text-sm text-destructive\">\n              {error.message}\n            </div>\n          )}\n          <Button variant=\"outline\" onClick={() => navigate(joinPath(basePath, 'tenants'))}>\n            <ArrowLeft className=\"mr-2 h-4 w-4\" />\n            {tr('admin.tenantDetail.backToTenants', 'Back to Tenants')}\n          </Button>\n        </PageLayout>\n      ) : (\n        <PageLayout\n          title={tenant.name}\n          description={tr('admin.tenantDetail.tenantId', 'Tenant ID: {{id}}', { id: tenant.id })}\n          actions={\n            <div className=\"flex items-center gap-2\">\n              <Button variant=\"outline\" onClick={() => navigate(joinPath(basePath, 'tenants'))}>\n                <ArrowLeft className=\"mr-2 h-4 w-4\" />\n                {tr('admin.tenantDetail.back', 'Back')}\n              </Button>\n              {canManageTenants && (\n                <Button\n                  variant=\"outline\"\n                  onClick={() => navigate(joinPath(basePath, `tenants/${tenant.id}/edit`))}\n                >\n                  <Settings className=\"mr-2 h-4 w-4\" />\n                  {tr('admin.tenantDetail.edit', 'Edit')}\n                </Button>\n              )}\n              {canManageTenants &&\n                (tenant.status === 'active' ? (\n                  <Button\n                    variant=\"outline\"\n                    className=\"text-warning\"\n                    onClick={handleSuspend}\n                    disabled={suspending}\n                  >\n                    {suspending ? (\n                      <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />\n                    ) : (\n                      <Ban className=\"mr-2 h-4 w-4\" />\n                    )}\n                    {tr('admin.tenantDetail.suspend', 'Suspend')}\n                  </Button>\n                ) : (\n                  <Button\n                    variant=\"outline\"\n                    className=\"text-success\"\n                    onClick={handleActivate}\n                    disabled={activating}\n                  >\n                    {activating ? (\n                      <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />\n                    ) : (\n                      <CheckCircle className=\"mr-2 h-4 w-4\" />\n                    )}\n                    {tr('admin.tenantDetail.activate', 'Activate')}\n                  </Button>\n                ))}\n            </div>\n          }\n        >\n          <div className=\"grid gap-6 lg:grid-cols-3\">\n            {/* Main Info */}\n            <div className=\"space-y-6 lg:col-span-2\">\n              <Card>\n                <CardHeader>\n                  <CardTitle className=\"text-lg\">\n                    {tr('admin.tenantDetail.overview.title', 'Overview')}\n                  </CardTitle>\n                </CardHeader>\n                <CardContent>\n                  <div className=\"flex items-start gap-4\">\n                    <Avatar fallback={tenant.name.slice(0, 2).toUpperCase()} size=\"lg\" />\n                    <div className=\"flex-1 space-y-4\">\n                      <div>\n                        <h2 className=\"text-xl font-semibold text-foreground\">{tenant.name}</h2>\n                        <p className=\"text-sm text-muted-foreground\">@{tenant.slug}</p>\n                      </div>\n                      <div className=\"flex flex-wrap items-center gap-4\">\n                        <TenantStatusBadge status={tenant.status} />\n                        {tenant.plan && (\n                          <span className=\"rounded-md bg-primary/10 px-2 py-1 text-xs font-medium text-primary\">\n                            {tenant.plan}\n                          </span>\n                        )}\n                      </div>\n                    </div>\n                  </div>\n\n                  <Separator className=\"my-6\" />\n\n                  <div className=\"grid gap-4 sm:grid-cols-2\">\n                    {tenant.ownerEmail && (\n                      <div className=\"flex items-center gap-3\">\n                        <Mail className=\"h-4 w-4 text-muted-foreground\" />\n                        <div>\n                          <p className=\"text-xs text-muted-foreground\">\n                            {tr('admin.tenantDetail.overview.ownerEmail', 'Owner Email')}\n                          </p>\n                          <p className=\"text-sm font-medium\">{tenant.ownerEmail}</p>\n                        </div>\n                      </div>\n                    )}\n                    {tenant.domain && (\n                      <div className=\"flex items-center gap-3\">\n                        <Globe className=\"h-4 w-4 text-muted-foreground\" />\n                        <div>\n                          <p className=\"text-xs text-muted-foreground\">\n                            {tr('admin.tenantDetail.overview.domain', 'Domain')}\n                          </p>\n                          <p className=\"text-sm font-medium\">{tenant.domain}</p>\n                        </div>\n                      </div>\n                    )}\n                    <div className=\"flex items-center gap-3\">\n                      <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n                      <div>\n                        <p className=\"text-xs text-muted-foreground\">\n                          {tr('admin.tenantDetail.overview.created', 'Created')}\n                        </p>\n                        <p className=\"text-sm font-medium\">{formatDate(tenant.createdAt)}</p>\n                      </div>\n                    </div>\n                    <div className=\"flex items-center gap-3\">\n                      <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n                      <div>\n                        <p className=\"text-xs text-muted-foreground\">\n                          {tr('admin.tenantDetail.overview.lastUpdated', 'Last Updated')}\n                        </p>\n                        <p className=\"text-sm font-medium\">{formatDate(tenant.updatedAt)}</p>\n                      </div>\n                    </div>\n                  </div>\n                </CardContent>\n              </Card>\n\n              {/* Workspaces */}\n              {workspaces.length > 0 && (\n                <Card>\n                  <CardHeader>\n                    <CardTitle className=\"text-lg\">\n                      {tr('admin.tenantDetail.workspaces.title', 'Workspaces ({{count}})', {\n                        count: workspaces.length,\n                      })}\n                    </CardTitle>\n                  </CardHeader>\n                  <CardContent>\n                    <div className=\"space-y-2\">\n                      {workspaces.map(\n                        (ws: { id: string; name: string; status?: string | null }) => (\n                          <div\n                            key={ws.id}\n                            className=\"flex items-center justify-between rounded-lg border border-border p-3\"\n                          >\n                            <span className=\"text-sm font-medium\">{ws.name}</span>\n                            <span className=\"text-xs text-muted-foreground capitalize\">\n                              {ws.status?.toLowerCase()}\n                            </span>\n                          </div>\n                        )\n                      )}\n                    </div>\n                  </CardContent>\n                </Card>\n              )}\n\n              {/* Config */}\n              {tenant.settings && (\n                <Card>\n                  <CardHeader>\n                    <CardTitle className=\"text-lg\">\n                      {tr('admin.tenantDetail.settings.title', 'Settings')}\n                    </CardTitle>\n                  </CardHeader>\n                  <CardContent>\n                    <div className=\"grid gap-4 sm:grid-cols-2\">\n                      <div className=\"flex items-center justify-between rounded-lg border border-border p-3\">\n                        <span className=\"text-sm\">\n                          {tr('admin.tenantDetail.settings.allowSignup', 'Allow Signup')}\n                        </span>\n                        <span\n                          className={`text-sm font-medium ${\n                            tenant.settings?.allowSignup ? 'text-success' : 'text-muted-foreground'\n                          }`}\n                        >\n                          {tenant.settings?.allowSignup\n                            ? tr('admin.tenantDetail.settings.enabled', 'Enabled')\n                            : tr('admin.tenantDetail.settings.disabled', 'Disabled')}\n                        </span>\n                      </div>\n                      <div className=\"flex items-center justify-between rounded-lg border border-border p-3\">\n                        <span className=\"text-sm\">\n                          {tr('admin.tenantDetail.settings.sso', 'SSO')}\n                        </span>\n                        <span\n                          className={`text-sm font-medium ${\n                            tenant.settings?.ssoEnabled ? 'text-success' : 'text-muted-foreground'\n                          }`}\n                        >\n                          {tenant.settings?.ssoEnabled\n                            ? tr('admin.tenantDetail.settings.enabled', 'Enabled')\n                            : tr('admin.tenantDetail.settings.disabled', 'Disabled')}\n                        </span>\n                      </div>\n                      <div className=\"flex items-center justify-between rounded-lg border border-border p-3\">\n                        <span className=\"text-sm\">\n                          {tr('admin.tenantDetail.settings.mfaRequired', 'MFA Required')}\n                        </span>\n                        <span\n                          className={`text-sm font-medium ${\n                            tenant.settings?.mfaRequired ? 'text-success' : 'text-muted-foreground'\n                          }`}\n                        >\n                          {tenant.settings?.mfaRequired\n                            ? tr('admin.tenantDetail.settings.yes', 'Yes')\n                            : tr('admin.tenantDetail.settings.no', 'No')}\n                        </span>\n                      </div>\n                      <div className=\"flex items-center justify-between rounded-lg border border-border p-3\">\n                        <span className=\"text-sm\">\n                          {tr('admin.tenantDetail.settings.dataRetention', 'Data Retention')}\n                        </span>\n                        <span className=\"text-sm font-medium\">\n                          {tr('admin.tenantDetail.settings.dataRetentionDays', '{{days}} days', {\n                            days: tenant.settings?.dataRetentionDays ?? 0,\n                          })}\n                        </span>\n                      </div>\n                    </div>\n                  </CardContent>\n                </Card>\n              )}\n            </div>\n\n            {/* Sidebar */}\n            <div className=\"space-y-6\">\n              {/* Actions */}\n              <Card>\n                <CardHeader>\n                  <CardTitle className=\"text-lg\">\n                    {tr('admin.tenantDetail.actions.title', 'Actions')}\n                  </CardTitle>\n                </CardHeader>\n                <CardContent className=\"space-y-2\">\n                  <Button\n                    variant=\"outline\"\n                    className=\"w-full justify-start\"\n                    onClick={() => navigate(joinPath(basePath, `users?tenantId=${tenant.id}`))}\n                  >\n                    <Users className=\"mr-2 h-4 w-4\" />\n                    {tr('admin.tenantDetail.actions.viewUsers', 'View Users')}\n                  </Button>\n                  <Button\n                    variant=\"outline\"\n                    className=\"w-full justify-start\"\n                    onClick={() =>\n                      navigate(joinPath(basePath, `billing/subscriptions?tenantId=${tenant.id}`))\n                    }\n                  >\n                    <Building2 className=\"mr-2 h-4 w-4\" />\n                    {tr('admin.tenantDetail.actions.viewBilling', 'View Billing')}\n                  </Button>\n                </CardContent>\n              </Card>\n            </div>\n          </div>\n        </PageLayout>\n      )}\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}

package/dist/admin/pages/TenantFormRoutePage.d.ts

@@ -0,0 +1,6 @@
+type TenantFormRoutePageProps = {
+    mode: 'create' | 'edit';
+};
+export declare function TenantFormRoutePage({ mode }: TenantFormRoutePageProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TenantFormRoutePage.d.ts.map

package/dist/admin/pages/TenantFormRoutePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TenantFormRoutePage.d.ts","sourceRoot":"","sources":["../../../src/admin/pages/TenantFormRoutePage.tsx"],"names":[],"mappings":"AAoBA,KAAK,wBAAwB,GAAG;IAC9B,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC;CACzB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,EAAE,wBAAwB,2CAmQrE"}

package/dist/admin/pages/TenantFormRoutePage.js

@@ -0,0 +1,136 @@
+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 { Button as r } from "../components/ui.js";
+import { PageLayout as i } from "../components/PageLayout.js";
+import { tWithFallback as a } from "../utils/i18n.js";
+import { TenantForm as o } from "../components/forms/TenantForm.js";
+import { PermissionGuard as s } from "../components/PermissionGuard.js";
+import "../components/index.js";
+import { joinPath as c } from "../utils/navigation.js";
+import { mapTenantToUi as l } from "../utils/mappers.js";
+import { useCreateTenantMutation as u, useGetTenantQuery as d, useUpdateTenantMutation as f } from "../../generated/global-operations.js";
+import { emitTenantLifecycle as p } from "../utils/tenantEvents.js";
+import { useCallback as m, useMemo as h } from "react";
+import { ArrowLeft as g, Loader2 as _ } from "lucide-react";
+import { useNavigate as v, useParams as y } from "react-router-dom";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { useFeatureFlag as C } from "@burdenoff/fe-libs/shared/feature-flags";
+import { useI18n as w } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useEventBus as T } from "@burdenoff/fe-libs/shared/events";
+//#region src/admin/pages/TenantFormRoutePage.tsx
+function E({ mode: E }) {
+	let { tenantId: D } = y(), O = v(), { basePath: k = "" } = t(), A = e(), { t: j } = w(), { canManageTenants: M, isLoading: N } = n(), P = E === "edit", F = C(P ? "admin.tenant.edit" : "admin.tenant.create", !0), I = T(), L = m((e, t, n) => a(j, e, t, n), [j]), R = c(k, "tenants"), z = P && D ? c(k, `tenants/${D}`) : R, { data: B, loading: V, error: H } = d({
+		variables: { id: D ?? "" },
+		skip: !P || !D || N || !M || !F,
+		fetchPolicy: "cache-and-network"
+	}), [U] = u(), [W] = f(), G = h(() => B?.tenant ? l(B.tenant) : void 0, [B?.tenant]), K = m(() => {
+		O(z);
+	}, [O, z]), q = m(async (e) => {
+		if (P) {
+			if (!D) return;
+			try {
+				p(I, "tenant.tenant.updated", {
+					tenantId: D,
+					tenantSlug: (await W({ variables: {
+						id: D,
+						input: {
+							name: e.name,
+							customDomain: e.domain,
+							metadata: {
+								ownerEmail: e.ownerEmail,
+								billingEmail: e.billingEmail,
+								plan: e.plan
+							}
+						}
+					} })).data?.updateTenant?.slug ?? G?.slug
+				}), A.success(L("admin.tenants.toast.updatedTitle", "Tenant updated"), L("admin.tenants.toast.updatedDescription", "{{name}} has been updated.", { name: e.name ?? "" })), O(c(k, `tenants/${D}`));
+			} catch (e) {
+				throw A.error(L("admin.tenants.toast.updateFailedTitle", "Update failed"), e instanceof Error ? e.message : ""), e;
+			}
+			return;
+		}
+		try {
+			let t = (await U({ variables: { input: {
+				name: e.name,
+				slug: e.slug,
+				customDomain: e.domain,
+				metadata: {
+					ownerEmail: e.ownerEmail,
+					billingEmail: e.billingEmail,
+					plan: e.plan
+				}
+			} } })).data?.createTenant;
+			if (!t?.id) throw Error(L("admin.tenants.toast.createNoRecord", "Tenant create returned no record. Please retry."));
+			p(I, "tenant.tenant.created", {
+				tenantId: t.id,
+				tenantSlug: t.slug
+			}), A.success(L("admin.tenants.toast.createdTitle", "Tenant created"), L("admin.tenants.toast.createdDescription", "{{name}} has been created.", { name: e.name ?? "" })), O(c(k, `tenants/${t.id}`));
+		} catch (e) {
+			throw A.error(L("admin.tenants.toast.createFailedTitle", "Create failed"), e instanceof Error ? e.message : ""), e;
+		}
+	}, [
+		k,
+		U,
+		I,
+		P,
+		O,
+		G?.slug,
+		D,
+		R,
+		A,
+		L,
+		W
+	]);
+	return !N && !M ? /* @__PURE__ */ x(s, {
+		allowed: !1,
+		isLoading: !1,
+		pageTitle: P ? L("admin.tenantForm.editTitle", "Edit Tenant") : L("admin.tenantForm.createTitle", "Create Tenant"),
+		denyMessage: L("admin.tenantForm.permissionDenied", "You do not have permission to manage tenants."),
+		children: /* @__PURE__ */ x(b, {})
+	}) : F ? /* @__PURE__ */ x(s, {
+		allowed: M,
+		isLoading: N,
+		pageTitle: P ? L("admin.tenantForm.editTitle", "Edit Tenant") : L("admin.tenantForm.createTitle", "Create Tenant"),
+		denyMessage: L("admin.tenantForm.denyMessage", "You don't have permission to manage tenants."),
+		children: P && V ? /* @__PURE__ */ x(i, {
+			title: L("admin.tenantForm.loadingTitle", "Loading tenant..."),
+			children: /* @__PURE__ */ x("div", {
+				className: "flex h-64 items-center justify-center",
+				children: /* @__PURE__ */ x(_, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+			})
+		}) : P && (H || !G) ? /* @__PURE__ */ S(i, {
+			title: L("admin.tenantForm.notFoundTitle", "Tenant Not Found"),
+			description: L("admin.tenantForm.notFoundDescription", "The tenant you want to edit could not be found."),
+			children: [H && /* @__PURE__ */ x("div", {
+				className: "mb-4 rounded-md border border-destructive/50 bg-destructive/10 p-4 text-sm text-destructive",
+				children: H.message
+			}), /* @__PURE__ */ S(r, {
+				variant: "outline",
+				onClick: () => O(R),
+				children: [/* @__PURE__ */ x(g, { className: "mr-2 h-4 w-4" }), L("admin.tenantForm.backToTenants", "Back to Tenants")]
+			})]
+		}) : /* @__PURE__ */ x(i, {
+			title: P ? L("admin.tenantForm.editTitle", "Edit Tenant") : L("admin.tenantForm.createTitle", "Create Tenant"),
+			description: P ? L("admin.tenantForm.editDescription", "Update tenant configuration and metadata.") : L("admin.tenantForm.createDescription", "Add a new tenant to the platform."),
+			children: /* @__PURE__ */ x(o, {
+				open: !0,
+				onClose: K,
+				tenant: G,
+				onSave: q
+			})
+		})
+	}) : /* @__PURE__ */ x(i, {
+		title: P ? L("admin.tenantForm.editTitle", "Edit Tenant") : L("admin.tenantForm.createTitle", "Create Tenant"),
+		description: L("admin.tenantForm.featureDisabled", "This feature is currently disabled."),
+		children: /* @__PURE__ */ S(r, {
+			variant: "outline",
+			onClick: () => O(R),
+			children: [/* @__PURE__ */ x(g, { className: "mr-2 h-4 w-4" }), L("admin.tenantForm.backToTenants", "Back to Tenants")]
+		})
+	});
+}
+//#endregion
+export { E as TenantFormRoutePage };
+
+//# sourceMappingURL=TenantFormRoutePage.js.map

package/dist/admin/pages/TenantFormRoutePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TenantFormRoutePage.js","names":[],"sources":["../../../src/admin/pages/TenantFormRoutePage.tsx"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nimport { useNavigate, useParams } from 'react-router-dom';\nimport { ArrowLeft, Loader2 } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useFeatureFlag } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { useEventBus } from '@burdenoff/fe-libs/shared/events';\nimport { emitTenantLifecycle } from '../utils/tenantEvents';\nimport {\n  useCreateTenantMutation,\n  useGetTenantQuery,\n  useUpdateTenantMutation,\n} from '../../generated/global-operations';\nimport { Button, PageLayout, PermissionGuard, TenantForm, useToast } from '../components';\nimport { useAdminPermissions } from '../hooks/useAdminPermissions';\nimport type { CreateTenantInput, UpdateTenantInput } from '../schemas';\nimport { useAdmin } from '../providers/AdminProvider';\nimport { joinPath } from '../utils/navigation';\nimport { tWithFallback } from '../utils/i18n';\nimport { mapTenantToUi } from '../utils/mappers';\n\ntype TenantFormRoutePageProps = {\n  mode: 'create' | 'edit';\n};\n\nexport function TenantFormRoutePage({ mode }: TenantFormRoutePageProps) {\n  const { tenantId } = useParams<{ tenantId: string }>();\n  const navigate = useNavigate();\n  const { basePath = '' } = useAdmin();\n  const toast = useToast();\n  const { t } = useI18n();\n  const { canManageTenants, isLoading: permissionsLoading } = useAdminPermissions();\n  const isEdit = mode === 'edit';\n  // Page-level feature flags. Default-allow keeps prior behavior intact when\n  // the flag is missing; turning the flag OFF in OpenBao/feature-flag-svc\n  // disables the corresponding route without a code deploy.\n  const flagKey = isEdit ? 'admin.tenant.edit' : 'admin.tenant.create';\n  const flagEnabled = useFeatureFlag(flagKey, true);\n  const events = useEventBus();\n  const tr = useCallback(\n    (key: string, fallback: string, params?: Record<string, string | number>): string =>\n      tWithFallback(t, key, fallback, params),\n    [t]\n  );\n\n  const tenantsPath = joinPath(basePath, 'tenants');\n  const closePath = isEdit && tenantId ? joinPath(basePath, `tenants/${tenantId}`) : tenantsPath;\n\n  const { data, loading, error } = useGetTenantQuery({\n    variables: { id: tenantId ?? '' },\n    // Also skip when the page is feature-flag-disabled: the early return\n    // below renders the \"feature disabled\" panel instead of the form, so a\n    // network round-trip would be wasted.\n    skip: !isEdit || !tenantId || permissionsLoading || !canManageTenants || !flagEnabled,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const [createTenant] = useCreateTenantMutation();\n  const [updateTenant] = useUpdateTenantMutation();\n\n  // Memoize the mapped tenant so its object identity is stable across\n  // renders. mapTenantToUi otherwise produces a new object on every render,\n  // forcing downstream memoization (TenantForm.defaultValues, reset effects)\n  // to fan out unnecessarily.\n  const tenant = useMemo(\n    () => (data?.tenant ? mapTenantToUi(data.tenant) : undefined),\n    [data?.tenant]\n  );\n\n  const handleClose = useCallback(() => {\n    navigate(closePath);\n  }, [navigate, closePath]);\n\n  const handleSave = useCallback(\n    async (input: CreateTenantInput | UpdateTenantInput) => {\n      if (isEdit) {\n        if (!tenantId) return;\n        try {\n          const updated = await updateTenant({\n            variables: {\n              id: tenantId,\n              input: {\n                name: input.name,\n                customDomain: input.domain,\n                metadata: {\n                  ownerEmail: input.ownerEmail,\n                  billingEmail: input.billingEmail,\n                  plan: input.plan,\n                } as Record<string, unknown>,\n              },\n            },\n          });\n          // The update mutation does not accept slug, so emit the slug from\n          // the persisted record (mutation response, falling back to the\n          // already-loaded tenant) rather than the user's form input — the\n          // form's slug field is read-only for edits, but a defensive emit\n          // protects listeners against any future change.\n          emitTenantLifecycle(events, 'tenant.tenant.updated', {\n            tenantId,\n            tenantSlug: updated.data?.updateTenant?.slug ?? tenant?.slug,\n          });\n          toast.success(\n            tr('admin.tenants.toast.updatedTitle', 'Tenant updated'),\n            tr('admin.tenants.toast.updatedDescription', '{{name}} has been updated.', {\n              name: input.name ?? '',\n            })\n          );\n          navigate(joinPath(basePath, `tenants/${tenantId}`));\n        } catch (err) {\n          toast.error(\n            tr('admin.tenants.toast.updateFailedTitle', 'Update failed'),\n            err instanceof Error ? err.message : ''\n          );\n          // Rethrow so TenantForm.onSubmit's try/catch sees the rejection\n          // and keeps the form open instead of calling onClose() — losing\n          // the user's edits would be a worse outcome than a duplicate\n          // surfacing of the same error.\n          throw err;\n        }\n        return;\n      }\n\n      try {\n        const result = await createTenant({\n          variables: {\n            input: {\n              name: input.name!,\n              slug: input.slug!,\n              customDomain: input.domain,\n              metadata: {\n                ownerEmail: input.ownerEmail,\n                billingEmail: input.billingEmail,\n                plan: input.plan,\n              } as Record<string, unknown>,\n            },\n          },\n        });\n        const created = result.data?.createTenant;\n        if (!created?.id) {\n          // A resolved mutation without a createdTenant record is a\n          // degenerate response (federation hiccup, partial schema, etc.).\n          // Treat as failure so the user is not shown a misleading success\n          // toast and the form stays open with their input intact.\n          throw new Error(\n            tr(\n              'admin.tenants.toast.createNoRecord',\n              'Tenant create returned no record. Please retry.'\n            )\n          );\n        }\n        // Slug from the server-confirmed record so listeners cannot see a\n        // form value that was rejected (e.g. uniqueness collision).\n        emitTenantLifecycle(events, 'tenant.tenant.created', {\n          tenantId: created.id,\n          tenantSlug: created.slug,\n        });\n        toast.success(\n          tr('admin.tenants.toast.createdTitle', 'Tenant created'),\n          tr('admin.tenants.toast.createdDescription', '{{name}} has been created.', {\n            name: input.name ?? '',\n          })\n        );\n        navigate(joinPath(basePath, `tenants/${created.id}`));\n      } catch (err) {\n        toast.error(\n          tr('admin.tenants.toast.createFailedTitle', 'Create failed'),\n          err instanceof Error ? err.message : ''\n        );\n        // Rethrow so the form stays open on failure (see edit branch).\n        throw err;\n      }\n    },\n    [\n      basePath,\n      createTenant,\n      events,\n      isEdit,\n      navigate,\n      tenant?.slug,\n      tenantId,\n      tenantsPath,\n      toast,\n      tr,\n      updateTenant,\n    ]\n  );\n\n  // Permission denials win over feature-flag denials: a user without\n  // canManageTenants should see \"permission denied\" rather than learning\n  // whether the feature flag is on/off (minor information disclosure).\n  if (!permissionsLoading && !canManageTenants) {\n    return (\n      <PermissionGuard\n        allowed={false}\n        isLoading={false}\n        pageTitle={\n          isEdit\n            ? tr('admin.tenantForm.editTitle', 'Edit Tenant')\n            : tr('admin.tenantForm.createTitle', 'Create Tenant')\n        }\n        denyMessage={tr(\n          'admin.tenantForm.permissionDenied',\n          'You do not have permission to manage tenants.'\n        )}\n      >\n        <></>\n      </PermissionGuard>\n    );\n  }\n\n  if (!flagEnabled) {\n    return (\n      <PageLayout\n        title={\n          isEdit\n            ? tr('admin.tenantForm.editTitle', 'Edit Tenant')\n            : tr('admin.tenantForm.createTitle', 'Create Tenant')\n        }\n        description={tr('admin.tenantForm.featureDisabled', 'This feature is currently disabled.')}\n      >\n        <Button variant=\"outline\" onClick={() => navigate(tenantsPath)}>\n          <ArrowLeft className=\"mr-2 h-4 w-4\" />\n          {tr('admin.tenantForm.backToTenants', 'Back to Tenants')}\n        </Button>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PermissionGuard\n      allowed={canManageTenants}\n      isLoading={permissionsLoading}\n      pageTitle={\n        isEdit\n          ? tr('admin.tenantForm.editTitle', 'Edit Tenant')\n          : tr('admin.tenantForm.createTitle', 'Create Tenant')\n      }\n      denyMessage={tr(\n        'admin.tenantForm.denyMessage',\n        \"You don't have permission to manage tenants.\"\n      )}\n    >\n      {isEdit && loading ? (\n        <PageLayout title={tr('admin.tenantForm.loadingTitle', 'Loading tenant...')}>\n          <div className=\"flex h-64 items-center justify-center\">\n            <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n          </div>\n        </PageLayout>\n      ) : isEdit && (error || !tenant) ? (\n        <PageLayout\n          title={tr('admin.tenantForm.notFoundTitle', 'Tenant Not Found')}\n          description={tr(\n            'admin.tenantForm.notFoundDescription',\n            'The tenant you want to edit could not be found.'\n          )}\n        >\n          {error && (\n            <div className=\"mb-4 rounded-md border border-destructive/50 bg-destructive/10 p-4 text-sm text-destructive\">\n              {error.message}\n            </div>\n          )}\n          <Button variant=\"outline\" onClick={() => navigate(tenantsPath)}>\n            <ArrowLeft className=\"mr-2 h-4 w-4\" />\n            {tr('admin.tenantForm.backToTenants', 'Back to Tenants')}\n          </Button>\n        </PageLayout>\n      ) : (\n        <PageLayout\n          title={\n            isEdit\n              ? tr('admin.tenantForm.editTitle', 'Edit Tenant')\n              : tr('admin.tenantForm.createTitle', 'Create Tenant')\n          }\n          description={\n            isEdit\n              ? tr('admin.tenantForm.editDescription', 'Update tenant configuration and metadata.')\n              : tr('admin.tenantForm.createDescription', 'Add a new tenant to the platform.')\n          }\n        >\n          <TenantForm open={true} onClose={handleClose} tenant={tenant} onSave={handleSave} />\n        </PageLayout>\n      )}\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}

package/dist/admin/pages/TenantsListPage.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Tenants list page
+ */
+export declare function TenantsListPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TenantsListPage.d.ts.map

package/dist/admin/pages/TenantsListPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TenantsListPage.d.ts","sourceRoot":"","sources":["../../../src/admin/pages/TenantsListPage.tsx"],"names":[],"mappings":"AA2CA;;GAEG;AACH,wBAAgB,eAAe,4CAud9B"}

package/dist/admin/pages/TenantsListPage.js

@@ -0,0 +1,339 @@
+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 { 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 "../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";
+//#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 = _(() => {
+		let e = {};
+		k.search && (e.search = k.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({
+		variables: {
+			filter: ve,
+			limit: C,
+			offset: (R - 1) * C
+		},
+		fetchPolicy: "cache-and-network",
+		skip: ye
+	}), [K, { loading: xe }] = p({ onCompleted: () => {
+		G();
+	} }), [q, { loading: Se }] = de({ onCompleted: () => {
+		G();
+	} }), [J] = ue({ onCompleted: () => {
+		G();
+	} }), [Y] = f({ 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) => {
+		try {
+			await J({ variables: { id: e.id } }), h(I, "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 }));
+		} catch {
+			M.error(L("admin.tenants.toast.errorTitle", "Error"), L("admin.tenants.toast.suspendFailed", "Failed to suspend tenant."));
+		}
+	}, [
+		J,
+		M,
+		L,
+		I
+	]), $ = g(async (e) => {
+		try {
+			await Y({ variables: { id: e.id } }), h(I, "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 }));
+		} catch {
+			M.error(L("admin.tenants.toast.errorTitle", "Error"), L("admin.tenants.toast.activateFailed", "Failed to activate tenant."));
+		}
+	}, [
+		Y,
+		M,
+		L,
+		I
+	]), Ee = g(async (e) => {
+		let t = "id" in e && e.id;
+		try {
+			if (t) {
+				let t = await q({ variables: {
+					id: e.id,
+					input: {
+						name: e.name,
+						customDomain: e.domain,
+						metadata: {
+							ownerEmail: e.ownerEmail,
+							billingEmail: e.billingEmail,
+							plan: e.plan
+						}
+					}
+				} }), n = t.data?.updateTenant?.id ?? e.id, r = t.data?.updateTenant?.slug;
+				h(I, "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 ?? "" }));
+			} else {
+				let t = (await K({ variables: { input: {
+					name: e.name,
+					slug: e.slug,
+					customDomain: e.domain,
+					metadata: {
+						ownerEmail: e.ownerEmail,
+						billingEmail: e.billingEmail,
+						plan: e.plan
+					}
+				} } })).data?.createTenant;
+				t?.id && h(I, "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 ?? "" }));
+			}
+			V(!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;
+		}
+	}, [
+		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
+		});
+		return T && t.push({
+			key: e.status === "active" ? "suspend" : "activate",
+			label: e.status === "active" ? L("admin.tenants.actions.suspend", "Suspend") : L("admin.tenants.actions.activate", "Activate"),
+			separator: !0,
+			onClick: e.status === "active" ? () => Q(e) : () => $(e)
+		}), t;
+	}, [
+		D,
+		O,
+		T,
+		F,
+		Z,
+		Q,
+		$,
+		L
+	]), ke = [
+		{
+			key: "name",
+			header: L("admin.tenants.table.tenant", "Tenant"),
+			sortable: !0,
+			render: (e) => /* @__PURE__ */ x("div", {
+				className: "flex items-center gap-3",
+				children: [/* @__PURE__ */ b(r, {
+					fallback: e.name.slice(0, 2).toUpperCase(),
+					size: "sm"
+				}), /* @__PURE__ */ x("div", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ b("div", {
+						className: "truncate font-medium text-foreground",
+						children: e.name
+					}), /* @__PURE__ */ b("div", {
+						className: "truncate text-xs text-muted-foreground",
+						children: e.slug
+					})]
+				})]
+			})
+		},
+		{
+			key: "status",
+			header: L("admin.tenants.table.status", "Status"),
+			width: "120px",
+			render: (e) => /* @__PURE__ */ b(ne, { status: e.status })
+		},
+		{
+			key: "plan",
+			header: L("admin.tenants.table.plan", "Plan"),
+			width: "100px"
+		},
+		{
+			key: "userCount",
+			header: L("admin.tenants.table.users", "Users"),
+			width: "80px",
+			align: "right",
+			sortable: !0,
+			render: (e) => s(e.userCount)
+		},
+		{
+			key: "storageUsed",
+			header: L("admin.tenants.table.storage", "Storage"),
+			width: "100px",
+			align: "right",
+			render: (e) => re(e.storageUsed)
+		},
+		{
+			key: "createdAt",
+			header: L("admin.tenants.table.created", "Created"),
+			width: "120px",
+			sortable: !0,
+			render: (e) => o(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 })
+			})
+		}
+	];
+	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"),
+			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")]
+			}) : void 0,
+			children: [/* @__PURE__ */ x("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ x("div", {
+						className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
+						children: [/* @__PURE__ */ x("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-muted-foreground" }), /* @__PURE__ */ b(ee, {
+								placeholder: L("admin.tenants.searchPlaceholder", "Search tenants..."),
+								value: k.search,
+								onChange: (e) => {
+									z(1), A({ search: e.target.value });
+								},
+								className: "pl-9"
+							})]
+						}), /* @__PURE__ */ x("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ x("select", {
+								value: k.status,
+								onChange: (e) => {
+									z(1), A({ status: e.target.value });
+								},
+								className: "h-10 rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+								children: [
+									/* @__PURE__ */ b("option", {
+										value: "all",
+										children: L("admin.tenants.filters.status.all", "All Status")
+									}),
+									/* @__PURE__ */ b("option", {
+										value: "active",
+										children: L("admin.tenants.filters.status.active", "Active")
+									}),
+									/* @__PURE__ */ b("option", {
+										value: "suspended",
+										children: L("admin.tenants.filters.status.suspended", "Suspended")
+									}),
+									/* @__PURE__ */ b("option", {
+										value: "deleted",
+										children: L("admin.tenants.filters.status.deleted", "Deleted")
+									})
+								]
+							}), (k.search || k.status !== "all") && /* @__PURE__ */ b(i, {
+								variant: "ghost",
+								onClick: () => {
+									z(1), j();
+								},
+								children: L("admin.tenants.filters.clear", "Clear")
+							})]
+						})]
+					}),
+					W && /* @__PURE__ */ x("div", {
+						className: "rounded-md border border-destructive/50 bg-destructive/10 p-4 text-sm text-destructive",
+						children: [
+							L("admin.tenants.error.loadFailed", "Failed to load tenants"),
+							": ",
+							W.message
+						]
+					}),
+					/* @__PURE__ */ b(c, {
+						columns: ke,
+						data: Ce,
+						keyExtractor: (e) => e.id,
+						onRowClick: De,
+						sortBy: k.sortBy,
+						sortOrder: k.sortOrder,
+						onSort: (e, t) => A({
+							sortBy: e,
+							sortOrder: t
+						}),
+						loading: be,
+						emptyState: /* @__PURE__ */ b(a, {
+							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, {
+								variant: "outline",
+								onClick: () => {
+									z(1), j();
+								},
+								children: L("admin.tenants.empty.clearFilters", "Clear filters")
+							})
+						})
+					}),
+					X > C && /* @__PURE__ */ b(l, {
+						page: R,
+						totalPages: we,
+						totalItems: X,
+						pageSize: C,
+						onPageChange: z
+					})
+				]
+			}), /* @__PURE__ */ b(ae, {
+				open: B,
+				onClose: () => V(!1),
+				tenant: _e,
+				onSave: Ee
+			})]
+		})
+	});
+}
+//#endregion
+export { w as TenantsListPage };
+
+//# sourceMappingURL=TenantsListPage.js.map