@burdenoff/microfe-admin 2026.610.1 → 2026.624.1

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

@@ -1 +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 { TenantMembersPanel } from '../components/TenantMembersPanel';\nimport { TenantSsoPanel } from '../components/TenantSsoPanel';\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\n              {/* SSO Configuration */}\n              <TenantSsoPanel tenantId={tenant.id} canManage={canManageTenants} />\n\n              {/* Tenant Members (BOFF-2652) — gates createOrganization on DEDICATED tenants */}\n              <TenantMembersPanel\n                tenantId={tenant.id}\n                tenantType={tenant.type ?? ''}\n                canManage={canManageTenants}\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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"}
+{"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 { TenantMembersPanel } from '../components/TenantMembersPanel';\nimport { TenantSsoPanel } from '../components/TenantSsoPanel';\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-text-secondary\" />\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-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text\">\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-text-primary\">{tenant.name}</h2>\n                        <p className=\"text-sm text-text-secondary\">@{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-action-primary-bg/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-text-secondary\" />\n                        <div>\n                          <p className=\"text-xs text-text-secondary\">\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-text-secondary\" />\n                        <div>\n                          <p className=\"text-xs text-text-secondary\">\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-text-secondary\" />\n                      <div>\n                        <p className=\"text-xs text-text-secondary\">\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-text-secondary\" />\n                      <div>\n                        <p className=\"text-xs text-text-secondary\">\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-subtle p-3\"\n                          >\n                            <span className=\"text-sm font-medium\">{ws.name}</span>\n                            <span className=\"text-xs text-text-secondary 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-subtle 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-text-secondary'\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-subtle 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-text-secondary'\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-subtle 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-text-secondary'\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-subtle 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\n              {/* SSO Configuration */}\n              <TenantSsoPanel tenantId={tenant.id} canManage={canManageTenants} />\n\n              {/* Tenant Members (BOFF-2652) — gates createOrganization on DEDICATED tenants */}\n              <TenantMembersPanel\n                tenantId={tenant.id}\n                tenantType={tenant.type ?? ''}\n                canManage={canManageTenants}\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.js

@@ -97,13 +97,13 @@ function E({ mode: E }) {
 			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" })
+				children: /* @__PURE__ */ x(_, { className: "h-8 w-8 animate-spin text-text-secondary" })
 			})
 		}) : 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",
+				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: H.message
 			}), /* @__PURE__ */ S(r, {
 				variant: "outline",

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

@@ -1 +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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"}
+{"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-text-secondary\" />\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-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text\">\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.js

@@ -167,10 +167,10 @@ function w() {
 				}), /* @__PURE__ */ x("div", {
 					className: "min-w-0",
 					children: [/* @__PURE__ */ b("div", {
-						className: "truncate font-medium text-foreground",
+						className: "truncate font-medium text-text-primary",
 						children: e.name
 					}), /* @__PURE__ */ b("div", {
-						className: "truncate text-xs text-muted-foreground",
+						className: "truncate text-xs text-text-secondary",
 						children: e.slug
 					})]
 				})]
@@ -240,7 +240,7 @@ function w() {
 						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, {
+							children: [/* @__PURE__ */ b(pe, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ b(ee, {
 								placeholder: L("admin.tenants.searchPlaceholder", "Search tenants..."),
 								value: k.search,
 								onChange: (e) => {
@@ -255,7 +255,7 @@ function w() {
 								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",
+								className: "h-10 rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:ring-offset-2",
 								children: [
 									/* @__PURE__ */ b("option", {
 										value: "all",
@@ -284,7 +284,7 @@ function w() {
 						})]
 					}),
 					W && /* @__PURE__ */ x("div", {
-						className: "rounded-md border border-destructive/50 bg-destructive/10 p-4 text-sm text-destructive",
+						className: "rounded-md border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text",
 						children: [
 							L("admin.tenants.error.loadFailed", "Failed to load tenants"),
 							": ",

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

@@ -1 +1 @@
-{"version":3,"file":"TenantsListPage.js","names":[],"sources":["../../../src/admin/pages/TenantsListPage.tsx"],"sourcesContent":["import { useState, useMemo, useCallback } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { Plus, Search, Building2 } from 'lucide-react';\nimport { useAdmin } from '../providers/AdminProvider';\nimport { useAdminStore } from '../store/adminStore';\nimport { useAdminPermissions } from '../hooks/useAdminPermissions';\nimport {\n  PageLayout,\n  Button,\n  Input,\n  DataTable,\n  Pagination,\n  TenantStatusBadge,\n  EmptyState,\n  Avatar,\n  TenantForm,\n  RowActions,\n  createRowActions,\n  useToast,\n  PermissionGuard,\n} from '../components';\nimport { joinPath } from '../utils/navigation';\nimport { formatDate, formatNumber, formatBytes } from '../utils/formatters';\nimport { mapTenantToUi } from '../utils/mappers';\nimport type { Tenant, TenantFilter } from '../types';\nimport type { CreateTenantInput, UpdateTenantInput } from '../schemas';\nimport {\n  useListTenantsQuery,\n  useCreateTenantMutation,\n  useUpdateTenantMutation,\n  useSuspendTenantMutation,\n  useActivateTenantMutation,\n} from '../../generated/global-operations';\nimport type { RowAction } from '../components/RowActions';\nimport type { TenantStatus as GqlTenantStatus } from '../../generated/global-types';\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 { tWithFallback } from '../utils/i18n';\nimport { emitTenantLifecycle } from '../utils/tenantEvents';\n\nconst PAGE_SIZE = 20;\n\n/**\n * Tenants list page\n */\nexport function TenantsListPage() {\n  const { canViewTenants, canManageTenants, isLoading: permissionsLoading } = useAdminPermissions();\n\n  const navigate = useNavigate();\n  const { basePath = '' } = useAdmin();\n  const { tenantFilter, updateTenantFilter, resetTenantFilter } = useAdminStore();\n  const toast = useToast();\n  const { t } = useI18n();\n  // Page-level feature flags. Default-allow keeps prior behavior intact.\n  // Both list-page entry points (the Create CTA and the row Edit action that\n  // opens the local TenantForm modal) have to honor the flags — otherwise\n  // turning the edit flag off would still let an admin edit via the modal\n  // even though the route-level gate denies /admin/tenants/:id/edit.\n  const createFlagEnabled = useFeatureFlag('admin.tenant.create', true);\n  const editFlagEnabled = useFeatureFlag('admin.tenant.edit', 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 [page, setPage] = useState(1);\n\n  // Form state\n  const [formOpen, setFormOpen] = useState(false);\n  const [editingTenant, setEditingTenant] = useState<Tenant | undefined>(undefined);\n\n  // Build filter for GraphQL — only pass supported fields\n  const gqlFilter = useMemo(() => {\n    const f: { search?: string; status?: GqlTenantStatus } = {};\n    if (tenantFilter.search) f.search = tenantFilter.search;\n    const statusMap: Record<string, GqlTenantStatus> = {\n      active: 'ACTIVE' as GqlTenantStatus,\n      suspended: 'SUSPENDED' as GqlTenantStatus,\n      deleted: 'DELETED' as GqlTenantStatus,\n    };\n    if (tenantFilter.status !== 'all' && statusMap[tenantFilter.status]) {\n      f.status = statusMap[tenantFilter.status];\n    }\n    return f;\n  }, [tenantFilter.search, tenantFilter.status]);\n\n  const skipQueries = permissionsLoading || !canViewTenants;\n\n  // Query tenants from backend\n  const { data, loading, error, refetch } = useListTenantsQuery({\n    variables: {\n      filter: gqlFilter,\n      limit: PAGE_SIZE,\n      offset: (page - 1) * PAGE_SIZE,\n    },\n    fetchPolicy: 'cache-and-network',\n    skip: skipQueries,\n  });\n\n  // Mutations\n  const [createTenant, { loading: creating }] = useCreateTenantMutation({\n    onCompleted: () => {\n      void refetch();\n    },\n  });\n  const [updateTenant, { loading: updating }] = useUpdateTenantMutation({\n    onCompleted: () => {\n      void refetch();\n    },\n  });\n  const [suspendTenant] = useSuspendTenantMutation({\n    onCompleted: () => {\n      void refetch();\n    },\n  });\n  const [activateTenant] = useActivateTenantMutation({\n    onCompleted: () => {\n      void refetch();\n    },\n  });\n\n  const tenants: Tenant[] = useMemo(() => (data?.tenants?.items ?? []).map(mapTenantToUi), [data]);\n\n  const total = data?.tenants?.total ?? 0;\n  const totalPages = Math.ceil(total / PAGE_SIZE);\n\n  const handleCreateTenant = useCallback(() => {\n    setEditingTenant(undefined);\n    setFormOpen(true);\n  }, []);\n\n  const handleEditTenant = useCallback((tenant: Tenant) => {\n    setEditingTenant(tenant);\n    setFormOpen(true);\n  }, []);\n\n  const handleSuspendTenant = useCallback(\n    async (tenant: Tenant) => {\n      try {\n        await suspendTenant({ variables: { id: tenant.id } });\n        emitTenantLifecycle(events, 'tenant.tenant.suspended', {\n          tenantId: tenant.id,\n          tenantSlug: tenant.slug,\n          status: 'SUSPENDED',\n        });\n        toast.success(\n          tr('admin.tenants.toast.suspendedTitle', 'Tenant suspended'),\n          tr('admin.tenants.toast.suspendedDescription', '{{name}} has been suspended.', {\n            name: tenant.name,\n          })\n        );\n      } catch {\n        toast.error(\n          tr('admin.tenants.toast.errorTitle', 'Error'),\n          tr('admin.tenants.toast.suspendFailed', 'Failed to suspend tenant.')\n        );\n      }\n    },\n    [suspendTenant, toast, tr, events]\n  );\n\n  const handleActivateTenant = useCallback(\n    async (tenant: Tenant) => {\n      try {\n        await activateTenant({ variables: { id: tenant.id } });\n        emitTenantLifecycle(events, 'tenant.tenant.activated', {\n          tenantId: tenant.id,\n          tenantSlug: tenant.slug,\n          status: 'ACTIVE',\n        });\n        toast.success(\n          tr('admin.tenants.toast.activatedTitle', 'Tenant activated'),\n          tr('admin.tenants.toast.activatedDescription', '{{name}} has been activated.', {\n            name: tenant.name,\n          })\n        );\n      } catch {\n        toast.error(\n          tr('admin.tenants.toast.errorTitle', 'Error'),\n          tr('admin.tenants.toast.activateFailed', 'Failed to activate tenant.')\n        );\n      }\n    },\n    [activateTenant, toast, tr, events]\n  );\n\n  const handleSaveTenant = useCallback(\n    async (data: CreateTenantInput | UpdateTenantInput) => {\n      const isEditing = 'id' in data && data.id;\n      try {\n        if (isEditing) {\n          const updated = await updateTenant({\n            variables: {\n              id: (data as UpdateTenantInput).id,\n              input: {\n                name: data.name,\n                customDomain: data.domain,\n                metadata: {\n                  ownerEmail: data.ownerEmail,\n                  billingEmail: data.billingEmail,\n                  plan: data.plan,\n                } as Record<string, unknown>,\n              },\n            },\n          });\n          const updatedId = updated.data?.updateTenant?.id ?? (data as UpdateTenantInput).id;\n          // Use the slug from the persisted record. The update mutation does\n          // not accept slug as input, so reading it from the form would emit\n          // a value that may not match what the backend actually has.\n          const persistedSlug = updated.data?.updateTenant?.slug;\n          emitTenantLifecycle(events, 'tenant.tenant.updated', {\n            tenantId: updatedId,\n            tenantSlug: persistedSlug,\n          });\n          toast.success(\n            tr('admin.tenants.toast.updatedTitle', 'Tenant updated'),\n            tr('admin.tenants.toast.updatedDescription', '{{name}} has been updated.', {\n              name: data.name ?? '',\n            })\n          );\n        } else {\n          const created = await createTenant({\n            variables: {\n              input: {\n                name: data.name!,\n                slug: data.slug!,\n                customDomain: data.domain,\n                metadata: {\n                  ownerEmail: data.ownerEmail,\n                  billingEmail: data.billingEmail,\n                  plan: data.plan,\n                } as Record<string, unknown>,\n              },\n            },\n          });\n          const createdRecord = created.data?.createTenant;\n          if (createdRecord?.id) {\n            // Slug from the server-confirmed record so listeners never see a\n            // form value the backend rejected (e.g. uniqueness collision).\n            emitTenantLifecycle(events, 'tenant.tenant.created', {\n              tenantId: createdRecord.id,\n              tenantSlug: createdRecord.slug,\n            });\n          }\n          toast.success(\n            tr('admin.tenants.toast.createdTitle', 'Tenant created'),\n            tr('admin.tenants.toast.createdDescription', '{{name}} has been created.', {\n              name: data.name ?? '',\n            })\n          );\n        }\n        setFormOpen(false);\n      } catch (err) {\n        const msg = err instanceof Error ? err.message : 'Unknown error';\n        toast.error(\n          isEditing\n            ? tr('admin.tenants.toast.updateFailedTitle', 'Update failed')\n            : tr('admin.tenants.toast.createFailedTitle', 'Create failed'),\n          msg\n        );\n        // Rethrow so TenantForm.onSubmit's await rejects and the modal stays\n        // open with the user's input intact. Symmetric to the rethrow already\n        // applied in TenantFormRoutePage.handleSave.\n        throw err;\n      }\n    },\n    [createTenant, updateTenant, toast, tr, events]\n  );\n\n  const handleRowClick = (tenant: Tenant) => {\n    navigate(joinPath(basePath, `tenants/${tenant.id}`));\n  };\n\n  const getRowActions = useCallback(\n    (tenant: Tenant): RowAction[] => {\n      const actions = createRowActions({\n        onView: () => navigate(joinPath(basePath, `tenants/${tenant.id}`)),\n        onEdit: canManageTenants && editFlagEnabled ? () => handleEditTenant(tenant) : undefined,\n      });\n      if (canManageTenants) {\n        actions.push({\n          key: tenant.status === 'active' ? 'suspend' : 'activate',\n          label:\n            tenant.status === 'active'\n              ? tr('admin.tenants.actions.suspend', 'Suspend')\n              : tr('admin.tenants.actions.activate', 'Activate'),\n          separator: true,\n          onClick:\n            tenant.status === 'active'\n              ? () => handleSuspendTenant(tenant)\n              : () => handleActivateTenant(tenant),\n        });\n      }\n      return actions;\n    },\n    [\n      navigate,\n      basePath,\n      canManageTenants,\n      editFlagEnabled,\n      handleEditTenant,\n      handleSuspendTenant,\n      handleActivateTenant,\n      tr,\n    ]\n  );\n\n  const columns = [\n    {\n      key: 'name',\n      header: tr('admin.tenants.table.tenant', 'Tenant'),\n      sortable: true,\n      render: (tenant: Tenant) => (\n        <div className=\"flex items-center gap-3\">\n          <Avatar fallback={tenant.name.slice(0, 2).toUpperCase()} size=\"sm\" />\n          <div className=\"min-w-0\">\n            <div className=\"truncate font-medium text-foreground\">{tenant.name}</div>\n            <div className=\"truncate text-xs text-muted-foreground\">{tenant.slug}</div>\n          </div>\n        </div>\n      ),\n    },\n    {\n      key: 'status',\n      header: tr('admin.tenants.table.status', 'Status'),\n      width: '120px',\n      render: (tenant: Tenant) => <TenantStatusBadge status={tenant.status} />,\n    },\n    {\n      key: 'plan',\n      header: tr('admin.tenants.table.plan', 'Plan'),\n      width: '100px',\n    },\n    {\n      key: 'userCount',\n      header: tr('admin.tenants.table.users', 'Users'),\n      width: '80px',\n      align: 'right' as const,\n      sortable: true,\n      render: (tenant: Tenant) => formatNumber(tenant.userCount),\n    },\n    {\n      key: 'storageUsed',\n      header: tr('admin.tenants.table.storage', 'Storage'),\n      width: '100px',\n      align: 'right' as const,\n      render: (tenant: Tenant) => formatBytes(tenant.storageUsed),\n    },\n    {\n      key: 'createdAt',\n      header: tr('admin.tenants.table.created', 'Created'),\n      width: '120px',\n      sortable: true,\n      render: (tenant: Tenant) => formatDate(tenant.createdAt),\n    },\n    {\n      key: 'actions',\n      header: '',\n      width: '50px',\n      align: 'right' as const,\n      render: (tenant: Tenant) => (\n        <RowActions\n          actions={getRowActions(tenant)}\n          ariaLabel={tr('admin.tenants.table.actionsFor', 'Actions for {{name}}', {\n            name: tenant.name,\n          })}\n        />\n      ),\n    },\n  ];\n\n  return (\n    <PermissionGuard\n      allowed={canViewTenants}\n      isLoading={permissionsLoading}\n      pageTitle={tr('admin.tenants.title', 'Tenants')}\n      denyMessage={tr('admin.tenants.denyMessage', \"You don't have permission to view tenants.\")}\n    >\n      <PageLayout\n        title={tr('admin.tenants.title', 'Tenants')}\n        description={\n          total\n            ? tr(\n                'admin.tenants.descriptionWithTotal',\n                'Manage all tenants on the platform · {{total}} total',\n                { total }\n              )\n            : tr('admin.tenants.description', 'Manage all tenants on the platform')\n        }\n        actions={\n          canManageTenants && createFlagEnabled ? (\n            <Button onClick={handleCreateTenant} disabled={creating || updating}>\n              <Plus className=\"mr-2 h-4 w-4\" />\n              {tr('admin.tenants.actions.createTenant', 'Create Tenant')}\n            </Button>\n          ) : undefined\n        }\n      >\n        <div className=\"space-y-4\">\n          {/* Filters */}\n          <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n            <div className=\"relative max-w-sm flex-1\">\n              <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n              <Input\n                placeholder={tr('admin.tenants.searchPlaceholder', 'Search tenants...')}\n                value={tenantFilter.search}\n                onChange={(e) => {\n                  setPage(1);\n                  updateTenantFilter({ search: e.target.value });\n                }}\n                className=\"pl-9\"\n              />\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <select\n                value={tenantFilter.status}\n                onChange={(e) => {\n                  setPage(1);\n                  updateTenantFilter({ status: e.target.value as TenantFilter['status'] });\n                }}\n                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\"\n              >\n                <option value=\"all\">{tr('admin.tenants.filters.status.all', 'All Status')}</option>\n                <option value=\"active\">\n                  {tr('admin.tenants.filters.status.active', 'Active')}\n                </option>\n                <option value=\"suspended\">\n                  {tr('admin.tenants.filters.status.suspended', 'Suspended')}\n                </option>\n                <option value=\"deleted\">\n                  {tr('admin.tenants.filters.status.deleted', 'Deleted')}\n                </option>\n              </select>\n              {(tenantFilter.search || tenantFilter.status !== 'all') && (\n                <Button\n                  variant=\"ghost\"\n                  onClick={() => {\n                    setPage(1);\n                    resetTenantFilter();\n                  }}\n                >\n                  {tr('admin.tenants.filters.clear', 'Clear')}\n                </Button>\n              )}\n            </div>\n          </div>\n\n          {/* Error state */}\n          {error && (\n            <div className=\"rounded-md border border-destructive/50 bg-destructive/10 p-4 text-sm text-destructive\">\n              {tr('admin.tenants.error.loadFailed', 'Failed to load tenants')}: {error.message}\n            </div>\n          )}\n\n          {/* Table */}\n          <DataTable\n            columns={columns}\n            data={tenants}\n            keyExtractor={(t) => t.id}\n            onRowClick={handleRowClick}\n            sortBy={tenantFilter.sortBy}\n            sortOrder={tenantFilter.sortOrder}\n            onSort={(column, order) =>\n              updateTenantFilter({\n                sortBy: column as TenantFilter['sortBy'],\n                sortOrder: order,\n              })\n            }\n            loading={loading}\n            emptyState={\n              <EmptyState\n                icon={<Building2 className=\"h-8 w-8\" />}\n                title={tr('admin.tenants.empty.title', 'No tenants found')}\n                description={tr(\n                  'admin.tenants.empty.description',\n                  'Try adjusting your search or filters'\n                )}\n                action={\n                  <Button\n                    variant=\"outline\"\n                    onClick={() => {\n                      setPage(1);\n                      resetTenantFilter();\n                    }}\n                  >\n                    {tr('admin.tenants.empty.clearFilters', 'Clear filters')}\n                  </Button>\n                }\n              />\n            }\n          />\n\n          {/* Pagination */}\n          {total > PAGE_SIZE && (\n            <Pagination\n              page={page}\n              totalPages={totalPages}\n              totalItems={total}\n              pageSize={PAGE_SIZE}\n              onPageChange={setPage}\n            />\n          )}\n        </div>\n\n        {/* Tenant Form */}\n        <TenantForm\n          open={formOpen}\n          onClose={() => setFormOpen(false)}\n          tenant={editingTenant}\n          onSave={handleSaveTenant}\n        />\n      </PageLayout>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TenantsListPage.js","names":[],"sources":["../../../src/admin/pages/TenantsListPage.tsx"],"sourcesContent":["import { useState, useMemo, useCallback } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { Plus, Search, Building2 } from 'lucide-react';\nimport { useAdmin } from '../providers/AdminProvider';\nimport { useAdminStore } from '../store/adminStore';\nimport { useAdminPermissions } from '../hooks/useAdminPermissions';\nimport {\n  PageLayout,\n  Button,\n  Input,\n  DataTable,\n  Pagination,\n  TenantStatusBadge,\n  EmptyState,\n  Avatar,\n  TenantForm,\n  RowActions,\n  createRowActions,\n  useToast,\n  PermissionGuard,\n} from '../components';\nimport { joinPath } from '../utils/navigation';\nimport { formatDate, formatNumber, formatBytes } from '../utils/formatters';\nimport { mapTenantToUi } from '../utils/mappers';\nimport type { Tenant, TenantFilter } from '../types';\nimport type { CreateTenantInput, UpdateTenantInput } from '../schemas';\nimport {\n  useListTenantsQuery,\n  useCreateTenantMutation,\n  useUpdateTenantMutation,\n  useSuspendTenantMutation,\n  useActivateTenantMutation,\n} from '../../generated/global-operations';\nimport type { RowAction } from '../components/RowActions';\nimport type { TenantStatus as GqlTenantStatus } from '../../generated/global-types';\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 { tWithFallback } from '../utils/i18n';\nimport { emitTenantLifecycle } from '../utils/tenantEvents';\n\nconst PAGE_SIZE = 20;\n\n/**\n * Tenants list page\n */\nexport function TenantsListPage() {\n  const { canViewTenants, canManageTenants, isLoading: permissionsLoading } = useAdminPermissions();\n\n  const navigate = useNavigate();\n  const { basePath = '' } = useAdmin();\n  const { tenantFilter, updateTenantFilter, resetTenantFilter } = useAdminStore();\n  const toast = useToast();\n  const { t } = useI18n();\n  // Page-level feature flags. Default-allow keeps prior behavior intact.\n  // Both list-page entry points (the Create CTA and the row Edit action that\n  // opens the local TenantForm modal) have to honor the flags — otherwise\n  // turning the edit flag off would still let an admin edit via the modal\n  // even though the route-level gate denies /admin/tenants/:id/edit.\n  const createFlagEnabled = useFeatureFlag('admin.tenant.create', true);\n  const editFlagEnabled = useFeatureFlag('admin.tenant.edit', 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 [page, setPage] = useState(1);\n\n  // Form state\n  const [formOpen, setFormOpen] = useState(false);\n  const [editingTenant, setEditingTenant] = useState<Tenant | undefined>(undefined);\n\n  // Build filter for GraphQL — only pass supported fields\n  const gqlFilter = useMemo(() => {\n    const f: { search?: string; status?: GqlTenantStatus } = {};\n    if (tenantFilter.search) f.search = tenantFilter.search;\n    const statusMap: Record<string, GqlTenantStatus> = {\n      active: 'ACTIVE' as GqlTenantStatus,\n      suspended: 'SUSPENDED' as GqlTenantStatus,\n      deleted: 'DELETED' as GqlTenantStatus,\n    };\n    if (tenantFilter.status !== 'all' && statusMap[tenantFilter.status]) {\n      f.status = statusMap[tenantFilter.status];\n    }\n    return f;\n  }, [tenantFilter.search, tenantFilter.status]);\n\n  const skipQueries = permissionsLoading || !canViewTenants;\n\n  // Query tenants from backend\n  const { data, loading, error, refetch } = useListTenantsQuery({\n    variables: {\n      filter: gqlFilter,\n      limit: PAGE_SIZE,\n      offset: (page - 1) * PAGE_SIZE,\n    },\n    fetchPolicy: 'cache-and-network',\n    skip: skipQueries,\n  });\n\n  // Mutations\n  const [createTenant, { loading: creating }] = useCreateTenantMutation({\n    onCompleted: () => {\n      void refetch();\n    },\n  });\n  const [updateTenant, { loading: updating }] = useUpdateTenantMutation({\n    onCompleted: () => {\n      void refetch();\n    },\n  });\n  const [suspendTenant] = useSuspendTenantMutation({\n    onCompleted: () => {\n      void refetch();\n    },\n  });\n  const [activateTenant] = useActivateTenantMutation({\n    onCompleted: () => {\n      void refetch();\n    },\n  });\n\n  const tenants: Tenant[] = useMemo(() => (data?.tenants?.items ?? []).map(mapTenantToUi), [data]);\n\n  const total = data?.tenants?.total ?? 0;\n  const totalPages = Math.ceil(total / PAGE_SIZE);\n\n  const handleCreateTenant = useCallback(() => {\n    setEditingTenant(undefined);\n    setFormOpen(true);\n  }, []);\n\n  const handleEditTenant = useCallback((tenant: Tenant) => {\n    setEditingTenant(tenant);\n    setFormOpen(true);\n  }, []);\n\n  const handleSuspendTenant = useCallback(\n    async (tenant: Tenant) => {\n      try {\n        await suspendTenant({ variables: { id: tenant.id } });\n        emitTenantLifecycle(events, 'tenant.tenant.suspended', {\n          tenantId: tenant.id,\n          tenantSlug: tenant.slug,\n          status: 'SUSPENDED',\n        });\n        toast.success(\n          tr('admin.tenants.toast.suspendedTitle', 'Tenant suspended'),\n          tr('admin.tenants.toast.suspendedDescription', '{{name}} has been suspended.', {\n            name: tenant.name,\n          })\n        );\n      } catch {\n        toast.error(\n          tr('admin.tenants.toast.errorTitle', 'Error'),\n          tr('admin.tenants.toast.suspendFailed', 'Failed to suspend tenant.')\n        );\n      }\n    },\n    [suspendTenant, toast, tr, events]\n  );\n\n  const handleActivateTenant = useCallback(\n    async (tenant: Tenant) => {\n      try {\n        await activateTenant({ variables: { id: tenant.id } });\n        emitTenantLifecycle(events, 'tenant.tenant.activated', {\n          tenantId: tenant.id,\n          tenantSlug: tenant.slug,\n          status: 'ACTIVE',\n        });\n        toast.success(\n          tr('admin.tenants.toast.activatedTitle', 'Tenant activated'),\n          tr('admin.tenants.toast.activatedDescription', '{{name}} has been activated.', {\n            name: tenant.name,\n          })\n        );\n      } catch {\n        toast.error(\n          tr('admin.tenants.toast.errorTitle', 'Error'),\n          tr('admin.tenants.toast.activateFailed', 'Failed to activate tenant.')\n        );\n      }\n    },\n    [activateTenant, toast, tr, events]\n  );\n\n  const handleSaveTenant = useCallback(\n    async (data: CreateTenantInput | UpdateTenantInput) => {\n      const isEditing = 'id' in data && data.id;\n      try {\n        if (isEditing) {\n          const updated = await updateTenant({\n            variables: {\n              id: (data as UpdateTenantInput).id,\n              input: {\n                name: data.name,\n                customDomain: data.domain,\n                metadata: {\n                  ownerEmail: data.ownerEmail,\n                  billingEmail: data.billingEmail,\n                  plan: data.plan,\n                } as Record<string, unknown>,\n              },\n            },\n          });\n          const updatedId = updated.data?.updateTenant?.id ?? (data as UpdateTenantInput).id;\n          // Use the slug from the persisted record. The update mutation does\n          // not accept slug as input, so reading it from the form would emit\n          // a value that may not match what the backend actually has.\n          const persistedSlug = updated.data?.updateTenant?.slug;\n          emitTenantLifecycle(events, 'tenant.tenant.updated', {\n            tenantId: updatedId,\n            tenantSlug: persistedSlug,\n          });\n          toast.success(\n            tr('admin.tenants.toast.updatedTitle', 'Tenant updated'),\n            tr('admin.tenants.toast.updatedDescription', '{{name}} has been updated.', {\n              name: data.name ?? '',\n            })\n          );\n        } else {\n          const created = await createTenant({\n            variables: {\n              input: {\n                name: data.name!,\n                slug: data.slug!,\n                customDomain: data.domain,\n                metadata: {\n                  ownerEmail: data.ownerEmail,\n                  billingEmail: data.billingEmail,\n                  plan: data.plan,\n                } as Record<string, unknown>,\n              },\n            },\n          });\n          const createdRecord = created.data?.createTenant;\n          if (createdRecord?.id) {\n            // Slug from the server-confirmed record so listeners never see a\n            // form value the backend rejected (e.g. uniqueness collision).\n            emitTenantLifecycle(events, 'tenant.tenant.created', {\n              tenantId: createdRecord.id,\n              tenantSlug: createdRecord.slug,\n            });\n          }\n          toast.success(\n            tr('admin.tenants.toast.createdTitle', 'Tenant created'),\n            tr('admin.tenants.toast.createdDescription', '{{name}} has been created.', {\n              name: data.name ?? '',\n            })\n          );\n        }\n        setFormOpen(false);\n      } catch (err) {\n        const msg = err instanceof Error ? err.message : 'Unknown error';\n        toast.error(\n          isEditing\n            ? tr('admin.tenants.toast.updateFailedTitle', 'Update failed')\n            : tr('admin.tenants.toast.createFailedTitle', 'Create failed'),\n          msg\n        );\n        // Rethrow so TenantForm.onSubmit's await rejects and the modal stays\n        // open with the user's input intact. Symmetric to the rethrow already\n        // applied in TenantFormRoutePage.handleSave.\n        throw err;\n      }\n    },\n    [createTenant, updateTenant, toast, tr, events]\n  );\n\n  const handleRowClick = (tenant: Tenant) => {\n    navigate(joinPath(basePath, `tenants/${tenant.id}`));\n  };\n\n  const getRowActions = useCallback(\n    (tenant: Tenant): RowAction[] => {\n      const actions = createRowActions({\n        onView: () => navigate(joinPath(basePath, `tenants/${tenant.id}`)),\n        onEdit: canManageTenants && editFlagEnabled ? () => handleEditTenant(tenant) : undefined,\n      });\n      if (canManageTenants) {\n        actions.push({\n          key: tenant.status === 'active' ? 'suspend' : 'activate',\n          label:\n            tenant.status === 'active'\n              ? tr('admin.tenants.actions.suspend', 'Suspend')\n              : tr('admin.tenants.actions.activate', 'Activate'),\n          separator: true,\n          onClick:\n            tenant.status === 'active'\n              ? () => handleSuspendTenant(tenant)\n              : () => handleActivateTenant(tenant),\n        });\n      }\n      return actions;\n    },\n    [\n      navigate,\n      basePath,\n      canManageTenants,\n      editFlagEnabled,\n      handleEditTenant,\n      handleSuspendTenant,\n      handleActivateTenant,\n      tr,\n    ]\n  );\n\n  const columns = [\n    {\n      key: 'name',\n      header: tr('admin.tenants.table.tenant', 'Tenant'),\n      sortable: true,\n      render: (tenant: Tenant) => (\n        <div className=\"flex items-center gap-3\">\n          <Avatar fallback={tenant.name.slice(0, 2).toUpperCase()} size=\"sm\" />\n          <div className=\"min-w-0\">\n            <div className=\"truncate font-medium text-text-primary\">{tenant.name}</div>\n            <div className=\"truncate text-xs text-text-secondary\">{tenant.slug}</div>\n          </div>\n        </div>\n      ),\n    },\n    {\n      key: 'status',\n      header: tr('admin.tenants.table.status', 'Status'),\n      width: '120px',\n      render: (tenant: Tenant) => <TenantStatusBadge status={tenant.status} />,\n    },\n    {\n      key: 'plan',\n      header: tr('admin.tenants.table.plan', 'Plan'),\n      width: '100px',\n    },\n    {\n      key: 'userCount',\n      header: tr('admin.tenants.table.users', 'Users'),\n      width: '80px',\n      align: 'right' as const,\n      sortable: true,\n      render: (tenant: Tenant) => formatNumber(tenant.userCount),\n    },\n    {\n      key: 'storageUsed',\n      header: tr('admin.tenants.table.storage', 'Storage'),\n      width: '100px',\n      align: 'right' as const,\n      render: (tenant: Tenant) => formatBytes(tenant.storageUsed),\n    },\n    {\n      key: 'createdAt',\n      header: tr('admin.tenants.table.created', 'Created'),\n      width: '120px',\n      sortable: true,\n      render: (tenant: Tenant) => formatDate(tenant.createdAt),\n    },\n    {\n      key: 'actions',\n      header: '',\n      width: '50px',\n      align: 'right' as const,\n      render: (tenant: Tenant) => (\n        <RowActions\n          actions={getRowActions(tenant)}\n          ariaLabel={tr('admin.tenants.table.actionsFor', 'Actions for {{name}}', {\n            name: tenant.name,\n          })}\n        />\n      ),\n    },\n  ];\n\n  return (\n    <PermissionGuard\n      allowed={canViewTenants}\n      isLoading={permissionsLoading}\n      pageTitle={tr('admin.tenants.title', 'Tenants')}\n      denyMessage={tr('admin.tenants.denyMessage', \"You don't have permission to view tenants.\")}\n    >\n      <PageLayout\n        title={tr('admin.tenants.title', 'Tenants')}\n        description={\n          total\n            ? tr(\n                'admin.tenants.descriptionWithTotal',\n                'Manage all tenants on the platform · {{total}} total',\n                { total }\n              )\n            : tr('admin.tenants.description', 'Manage all tenants on the platform')\n        }\n        actions={\n          canManageTenants && createFlagEnabled ? (\n            <Button onClick={handleCreateTenant} disabled={creating || updating}>\n              <Plus className=\"mr-2 h-4 w-4\" />\n              {tr('admin.tenants.actions.createTenant', 'Create Tenant')}\n            </Button>\n          ) : undefined\n        }\n      >\n        <div className=\"space-y-4\">\n          {/* Filters */}\n          <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n            <div className=\"relative max-w-sm flex-1\">\n              <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n              <Input\n                placeholder={tr('admin.tenants.searchPlaceholder', 'Search tenants...')}\n                value={tenantFilter.search}\n                onChange={(e) => {\n                  setPage(1);\n                  updateTenantFilter({ search: e.target.value });\n                }}\n                className=\"pl-9\"\n              />\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <select\n                value={tenantFilter.status}\n                onChange={(e) => {\n                  setPage(1);\n                  updateTenantFilter({ status: e.target.value as TenantFilter['status'] });\n                }}\n                className=\"h-10 rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:ring-offset-2\"\n              >\n                <option value=\"all\">{tr('admin.tenants.filters.status.all', 'All Status')}</option>\n                <option value=\"active\">\n                  {tr('admin.tenants.filters.status.active', 'Active')}\n                </option>\n                <option value=\"suspended\">\n                  {tr('admin.tenants.filters.status.suspended', 'Suspended')}\n                </option>\n                <option value=\"deleted\">\n                  {tr('admin.tenants.filters.status.deleted', 'Deleted')}\n                </option>\n              </select>\n              {(tenantFilter.search || tenantFilter.status !== 'all') && (\n                <Button\n                  variant=\"ghost\"\n                  onClick={() => {\n                    setPage(1);\n                    resetTenantFilter();\n                  }}\n                >\n                  {tr('admin.tenants.filters.clear', 'Clear')}\n                </Button>\n              )}\n            </div>\n          </div>\n\n          {/* Error state */}\n          {error && (\n            <div className=\"rounded-md border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text\">\n              {tr('admin.tenants.error.loadFailed', 'Failed to load tenants')}: {error.message}\n            </div>\n          )}\n\n          {/* Table */}\n          <DataTable\n            columns={columns}\n            data={tenants}\n            keyExtractor={(t) => t.id}\n            onRowClick={handleRowClick}\n            sortBy={tenantFilter.sortBy}\n            sortOrder={tenantFilter.sortOrder}\n            onSort={(column, order) =>\n              updateTenantFilter({\n                sortBy: column as TenantFilter['sortBy'],\n                sortOrder: order,\n              })\n            }\n            loading={loading}\n            emptyState={\n              <EmptyState\n                icon={<Building2 className=\"h-8 w-8\" />}\n                title={tr('admin.tenants.empty.title', 'No tenants found')}\n                description={tr(\n                  'admin.tenants.empty.description',\n                  'Try adjusting your search or filters'\n                )}\n                action={\n                  <Button\n                    variant=\"outline\"\n                    onClick={() => {\n                      setPage(1);\n                      resetTenantFilter();\n                    }}\n                  >\n                    {tr('admin.tenants.empty.clearFilters', 'Clear filters')}\n                  </Button>\n                }\n              />\n            }\n          />\n\n          {/* Pagination */}\n          {total > PAGE_SIZE && (\n            <Pagination\n              page={page}\n              totalPages={totalPages}\n              totalItems={total}\n              pageSize={PAGE_SIZE}\n              onPageChange={setPage}\n            />\n          )}\n        </div>\n\n        {/* Tenant Form */}\n        <TenantForm\n          open={formOpen}\n          onClose={() => setFormOpen(false)}\n          tenant={editingTenant}\n          onSave={handleSaveTenant}\n        />\n      </PageLayout>\n    </PermissionGuard>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,IAAM,IAAY;AAKlB,SAAgB,IAAkB;CAChC,IAAM,EAAE,mBAAgB,qBAAkB,WAAW,MAAuB,GAAqB,EAE3F,IAAW,IAAa,EACxB,EAAE,cAAW,OAAO,GAAU,EAC9B,EAAE,iBAAc,uBAAoB,yBAAsB,GAAe,EACzE,IAAQ,GAAU,EAClB,EAAE,SAAM,IAAS,EAMjB,IAAoB,EAAe,uBAAuB,GAAK,EAC/D,IAAkB,EAAe,qBAAqB,GAAK,EAC3D,IAAS,IAAa,EACtB,IAAK,GACR,GAAa,GAAkB,MAC9B,GAAc,GAAG,GAAK,GAAU,EAAO,EACzC,CAAC,EAAE,CACJ,EAEK,CAAC,GAAM,KAAW,EAAS,EAAE,EAG7B,CAAC,GAAU,KAAe,EAAS,GAAM,EACzC,CAAC,IAAe,KAAoB,EAA6B,KAAA,EAAU,EAG3E,KAAY,QAAc;EAC9B,IAAM,IAAmD,EAAE;AAC3D,EAAI,EAAa,WAAQ,EAAE,SAAS,EAAa;EACjD,IAAM,IAA6C;GACjD,QAAQ;GACR,WAAW;GACX,SAAS;GACV;AAID,SAHI,EAAa,WAAW,SAAS,EAAU,EAAa,YAC1D,EAAE,SAAS,EAAU,EAAa,UAE7B;IACN,CAAC,EAAa,QAAQ,EAAa,OAAO,CAAC,EAExC,KAAc,KAAsB,CAAC,GAGrC,EAAE,SAAM,aAAS,UAAO,eAAY,GAAoB;EAC5D,WAAW;GACT,QAAQ;GACR,OAAO;GACP,SAAS,IAAO,KAAK;GACtB;EACD,aAAa;EACb,MAAM;EACP,CAAC,EAGI,CAAC,GAAc,EAAE,SAAS,QAAc,EAAwB,EACpE,mBAAmB;AACZ,KAAS;IAEjB,CAAC,EACI,CAAC,GAAc,EAAE,SAAS,QAAc,GAAwB,EACpE,mBAAmB;AACZ,KAAS;IAEjB,CAAC,EACI,CAAC,KAAiB,GAAyB,EAC/C,mBAAmB;AACZ,KAAS;IAEjB,CAAC,EACI,CAAC,KAAkB,EAA0B,EACjD,mBAAmB;AACZ,KAAS;IAEjB,CAAC,EAEI,KAAoB,SAAe,GAAM,SAAS,SAAS,EAAE,EAAE,IAAI,EAAc,EAAE,CAAC,EAAK,CAAC,EAE1F,IAAQ,GAAM,SAAS,SAAS,GAChC,KAAa,KAAK,KAAK,IAAQ,EAAU,EAEzC,KAAqB,QAAkB;AAE3C,EADA,EAAiB,KAAA,EAAU,EAC3B,EAAY,GAAK;IAChB,EAAE,CAAC,EAEA,IAAmB,GAAa,MAAmB;AAEvD,EADA,EAAiB,EAAO,EACxB,EAAY,GAAK;IAChB,EAAE,CAAC,EAEA,IAAsB,EAC1B,OAAO,MAAmB;AACxB,MAAI;AAOF,GANA,MAAM,EAAc,EAAE,WAAW,EAAE,IAAI,EAAO,IAAI,EAAE,CAAC,EACrD,EAAoB,GAAQ,2BAA2B;IACrD,UAAU,EAAO;IACjB,YAAY,EAAO;IACnB,QAAQ;IACT,CAAC,EACF,EAAM,QACJ,EAAG,sCAAsC,mBAAmB,EAC5D,EAAG,4CAA4C,gCAAgC,EAC7E,MAAM,EAAO,MACd,CAAC,CACH;UACK;AACN,KAAM,MACJ,EAAG,kCAAkC,QAAQ,EAC7C,EAAG,qCAAqC,4BAA4B,CACrE;;IAGL;EAAC;EAAe;EAAO;EAAI;EAAO,CACnC,EAEK,IAAuB,EAC3B,OAAO,MAAmB;AACxB,MAAI;AAOF,GANA,MAAM,EAAe,EAAE,WAAW,EAAE,IAAI,EAAO,IAAI,EAAE,CAAC,EACtD,EAAoB,GAAQ,2BAA2B;IACrD,UAAU,EAAO;IACjB,YAAY,EAAO;IACnB,QAAQ;IACT,CAAC,EACF,EAAM,QACJ,EAAG,sCAAsC,mBAAmB,EAC5D,EAAG,4CAA4C,gCAAgC,EAC7E,MAAM,EAAO,MACd,CAAC,CACH;UACK;AACN,KAAM,MACJ,EAAG,kCAAkC,QAAQ,EAC7C,EAAG,sCAAsC,6BAA6B,CACvE;;IAGL;EAAC;EAAgB;EAAO;EAAI;EAAO,CACpC,EAEK,KAAmB,EACvB,OAAO,MAAgD;EACrD,IAAM,IAAY,QAAQ,KAAQ,EAAK;AACvC,MAAI;AACF,OAAI,GAAW;IACb,IAAM,IAAU,MAAM,EAAa,EACjC,WAAW;KACT,IAAK,EAA2B;KAChC,OAAO;MACL,MAAM,EAAK;MACX,cAAc,EAAK;MACnB,UAAU;OACR,YAAY,EAAK;OACjB,cAAc,EAAK;OACnB,MAAM,EAAK;OACZ;MACF;KACF,EACF,CAAC,EACI,IAAY,EAAQ,MAAM,cAAc,MAAO,EAA2B,IAI1E,IAAgB,EAAQ,MAAM,cAAc;AAKlD,IAJA,EAAoB,GAAQ,yBAAyB;KACnD,UAAU;KACV,YAAY;KACb,CAAC,EACF,EAAM,QACJ,EAAG,oCAAoC,iBAAiB,EACxD,EAAG,0CAA0C,8BAA8B,EACzE,MAAM,EAAK,QAAQ,IACpB,CAAC,CACH;UACI;IAeL,IAAM,KAdU,MAAM,EAAa,EACjC,WAAW,EACT,OAAO;KACL,MAAM,EAAK;KACX,MAAM,EAAK;KACX,cAAc,EAAK;KACnB,UAAU;MACR,YAAY,EAAK;MACjB,cAAc,EAAK;MACnB,MAAM,EAAK;MACZ;KACF,EACF,EACF,CAAC,EAC4B,MAAM;AASpC,IARI,GAAe,MAGjB,EAAoB,GAAQ,yBAAyB;KACnD,UAAU,EAAc;KACxB,YAAY,EAAc;KAC3B,CAAC,EAEJ,EAAM,QACJ,EAAG,oCAAoC,iBAAiB,EACxD,EAAG,0CAA0C,8BAA8B,EACzE,MAAM,EAAK,QAAQ,IACpB,CAAC,CACH;;AAEH,KAAY,GAAM;WACX,GAAK;GACZ,IAAM,IAAM,aAAe,QAAQ,EAAI,UAAU;AAUjD,SATA,EAAM,MACJ,IACI,EAAG,yCAAyC,gBAAgB,GAC5D,EAAG,yCAAyC,gBAAgB,EAChE,EACD,EAIK;;IAGV;EAAC;EAAc;EAAc;EAAO;EAAI;EAAO,CAChD,EAEK,MAAkB,MAAmB;AACzC,IAAS,EAAS,GAAU,WAAW,EAAO,KAAK,CAAC;IAGhD,KAAgB,GACnB,MAAgC;EAC/B,IAAM,IAAU,GAAiB;GAC/B,cAAc,EAAS,EAAS,GAAU,WAAW,EAAO,KAAK,CAAC;GAClE,QAAQ,KAAoB,UAAwB,EAAiB,EAAO,GAAG,KAAA;GAChF,CAAC;AAeF,SAdI,KACF,EAAQ,KAAK;GACX,KAAK,EAAO,WAAW,WAAW,YAAY;GAC9C,OACE,EAAO,WAAW,WACd,EAAG,iCAAiC,UAAU,GAC9C,EAAG,kCAAkC,WAAW;GACtD,WAAW;GACX,SACE,EAAO,WAAW,iBACR,EAAoB,EAAO,SAC3B,EAAqB,EAAO;GACzC,CAAC,EAEG;IAET;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF,EAEK,KAAU;EACd;GACE,KAAK;GACL,QAAQ,EAAG,8BAA8B,SAAS;GAClD,UAAU;GACV,SAAS,MACP,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAQ,UAAU,EAAO,KAAK,MAAM,GAAG,EAAE,CAAC,aAAa;KAAE,MAAK;KAAO,CAAA,EACrE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAA0C,EAAO;MAAW,CAAA,EAC3E,kBAAC,OAAD;MAAK,WAAU;gBAAwC,EAAO;MAAW,CAAA,CACrE;OACF;;GAET;EACD;GACE,KAAK;GACL,QAAQ,EAAG,8BAA8B,SAAS;GAClD,OAAO;GACP,SAAS,MAAmB,kBAAC,IAAD,EAAmB,QAAQ,EAAO,QAAU,CAAA;GACzE;EACD;GACE,KAAK;GACL,QAAQ,EAAG,4BAA4B,OAAO;GAC9C,OAAO;GACR;EACD;GACE,KAAK;GACL,QAAQ,EAAG,6BAA6B,QAAQ;GAChD,OAAO;GACP,OAAO;GACP,UAAU;GACV,SAAS,MAAmB,EAAa,EAAO,UAAU;GAC3D;EACD;GACE,KAAK;GACL,QAAQ,EAAG,+BAA+B,UAAU;GACpD,OAAO;GACP,OAAO;GACP,SAAS,MAAmB,GAAY,EAAO,YAAY;GAC5D;EACD;GACE,KAAK;GACL,QAAQ,EAAG,+BAA+B,UAAU;GACpD,OAAO;GACP,UAAU;GACV,SAAS,MAAmB,EAAW,EAAO,UAAU;GACzD;EACD;GACE,KAAK;GACL,QAAQ;GACR,OAAO;GACP,OAAO;GACP,SAAS,MACP,kBAAC,IAAD;IACE,SAAS,GAAc,EAAO;IAC9B,WAAW,EAAG,kCAAkC,wBAAwB,EACtE,MAAM,EAAO,MACd,CAAC;IACF,CAAA;GAEL;EACF;AAED,QACE,kBAAC,IAAD;EACE,SAAS;EACT,WAAW;EACX,WAAW,EAAG,uBAAuB,UAAU;EAC/C,aAAa,EAAG,6BAA6B,6CAA6C;YAE1F,kBAAC,IAAD;GACE,OAAO,EAAG,uBAAuB,UAAU;GAC3C,aACE,IACI,EACE,sCACA,wDACA,EAAE,UAAO,CACV,GACD,EAAG,6BAA6B,qCAAqC;GAE3E,SACE,KAAoB,IAClB,kBAAC,GAAD;IAAQ,SAAS;IAAoB,UAAU,MAAY;cAA3D,CACE,kBAAC,IAAD,EAAM,WAAU,gBAAiB,CAAA,EAChC,EAAG,sCAAsC,gBAAgB,CACnD;QACP,KAAA;aAjBR,CAoBE,kBAAC,OAAD;IAAK,WAAU;cAAf;KAEE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,IAAD,EAAQ,WAAU,wEAAyE,CAAA,EAC3F,kBAAC,IAAD;QACE,aAAa,EAAG,mCAAmC,oBAAoB;QACvE,OAAO,EAAa;QACpB,WAAW,MAAM;AAEf,SADA,EAAQ,EAAE,EACV,EAAmB,EAAE,QAAQ,EAAE,OAAO,OAAO,CAAC;;QAEhD,WAAU;QACV,CAAA,CACE;UACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,UAAD;QACE,OAAO,EAAa;QACpB,WAAW,MAAM;AAEf,SADA,EAAQ,EAAE,EACV,EAAmB,EAAE,QAAQ,EAAE,OAAO,OAAiC,CAAC;;QAE1E,WAAU;kBANZ;SAQE,kBAAC,UAAD;UAAQ,OAAM;oBAAO,EAAG,oCAAoC,aAAa;UAAU,CAAA;SACnF,kBAAC,UAAD;UAAQ,OAAM;oBACX,EAAG,uCAAuC,SAAS;UAC7C,CAAA;SACT,kBAAC,UAAD;UAAQ,OAAM;oBACX,EAAG,0CAA0C,YAAY;UACnD,CAAA;SACT,kBAAC,UAAD;UAAQ,OAAM;oBACX,EAAG,wCAAwC,UAAU;UAC/C,CAAA;SACF;YACP,EAAa,UAAU,EAAa,WAAW,UAC/C,kBAAC,GAAD;QACE,SAAQ;QACR,eAAe;AAEb,SADA,EAAQ,EAAE,EACV,GAAmB;;kBAGpB,EAAG,+BAA+B,QAAQ;QACpC,CAAA,CAEP;SACF;;KAGL,KACC,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACG,EAAG,kCAAkC,yBAAyB;OAAC;OAAG,EAAM;OACrE;;KAIR,kBAAC,GAAD;MACW;MACT,MAAM;MACN,eAAe,MAAM,EAAE;MACvB,YAAY;MACZ,QAAQ,EAAa;MACrB,WAAW,EAAa;MACxB,SAAS,GAAQ,MACf,EAAmB;OACjB,QAAQ;OACR,WAAW;OACZ,CAAC;MAEK;MACT,YACE,kBAAC,GAAD;OACE,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;OACvC,OAAO,EAAG,6BAA6B,mBAAmB;OAC1D,aAAa,EACX,mCACA,uCACD;OACD,QACE,kBAAC,GAAD;QACE,SAAQ;QACR,eAAe;AAEb,SADA,EAAQ,EAAE,EACV,GAAmB;;kBAGpB,EAAG,oCAAoC,gBAAgB;QACjD,CAAA;OAEX,CAAA;MAEJ,CAAA;KAGD,IAAQ,KACP,kBAAC,GAAD;MACQ;MACM;MACZ,YAAY;MACZ,UAAU;MACV,cAAc;MACd,CAAA;KAEA;OAGN,kBAAC,IAAD;IACE,MAAM;IACN,eAAe,EAAY,GAAM;IACjC,QAAQ;IACR,QAAQ;IACR,CAAA,CACS;;EACG,CAAA"}

package/dist/admin/pages/UsersListPage.js

@@ -84,10 +84,10 @@ function j() {
 				}), /* @__PURE__ */ O("div", {
 					className: "min-w-0",
 					children: [/* @__PURE__ */ D("div", {
-						className: "truncate font-medium text-foreground",
+						className: "truncate font-medium text-text-primary",
 						children: e.name || e.email
 					}), /* @__PURE__ */ D("div", {
-						className: "truncate text-xs text-muted-foreground",
+						className: "truncate text-xs text-text-secondary",
 						children: e.email
 					})]
 				})]
@@ -109,7 +109,7 @@ function j() {
 			header: B("admin.users.table.tenant", "Tenant"),
 			width: "150px",
 			render: (e) => /* @__PURE__ */ D("span", {
-				className: "text-xs text-muted-foreground",
+				className: "text-xs text-text-secondary",
 				children: e.tenantId || "—"
 			})
 		},
@@ -152,7 +152,7 @@ function j() {
 						className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
 						children: [/* @__PURE__ */ O("div", {
 							className: "relative max-w-sm flex-1",
-							children: [/* @__PURE__ */ D(w, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ D(o, {
+							children: [/* @__PURE__ */ D(w, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ D(o, {
 								placeholder: B("admin.users.searchPlaceholder", "Search by email or name..."),
 								value: I.search,
 								onChange: (e) => {
@@ -167,7 +167,7 @@ function j() {
 								onChange: (e) => {
 									H(1), L({ 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",
+								className: "h-10 rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:ring-offset-2",
 								children: [
 									/* @__PURE__ */ D("option", {
 										value: "all",
@@ -199,7 +199,7 @@ function j() {
 						})]
 					}),
 					q && /* @__PURE__ */ O("div", {
-						className: "rounded-md border border-destructive/50 bg-destructive/10 p-4 text-sm text-destructive",
+						className: "rounded-md border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text",
 						children: [
 							B("admin.users.error.loadFailed", "Failed to load users"),
 							": ",

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

@@ -1 +1 @@
-{"version":3,"file":"UsersListPage.js","names":[],"sources":["../../../src/admin/pages/UsersListPage.tsx"],"sourcesContent":["import { useState, useMemo, useCallback } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { Search, Users as UsersIcon } from 'lucide-react';\nimport { useAdmin } from '../providers/AdminProvider';\nimport { useAdminStore } from '../store/adminStore';\nimport { useAdminPermissions } from '../hooks/useAdminPermissions';\nimport {\n  PageLayout,\n  Input,\n  DataTable,\n  Pagination,\n  UserStatusBadge,\n  EmptyState,\n  Avatar,\n  Button,\n  RowActions,\n  useToast,\n  PermissionGuard,\n} from '../components';\nimport { joinPath } from '../utils/navigation';\nimport { formatDate, formatRelativeTime } from '../utils/formatters';\nimport { mapUserToUi } from '../utils/mappers';\nimport type { User, UserFilter } from '../types';\nimport { useListUsersQuery, useUpdateUserMutation } from '../../generated/global-operations';\nimport { UserStatus as GqlUserStatus } from '../../generated/global-types';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\n\nconst PAGE_SIZE = 20;\n\n/**\n * Users list page — connected to real backend with enable/disable actions\n */\nexport function UsersListPage() {\n  const { canViewUsers, canUpdateUsers, isLoading: permissionsLoading } = useAdminPermissions();\n\n  const navigate = useNavigate();\n  const { basePath = '' } = useAdmin();\n  const { userFilter, updateUserFilter } = useAdminStore();\n  const toast = useToast();\n  const { t } = useI18n();\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 [page, setPage] = useState(1);\n\n  // Build GraphQL filter\n  const gqlFilter = useMemo(() => {\n    const f: {\n      search?: string;\n      status?: GqlUserStatus;\n    } = {};\n    if (userFilter.search) f.search = userFilter.search;\n    const statusMap: Record<string, GqlUserStatus> = {\n      active: GqlUserStatus.Active,\n      inactive: GqlUserStatus.Inactive,\n      blocked: GqlUserStatus.Suspended,\n    };\n    if (userFilter.status !== 'all' && statusMap[userFilter.status]) {\n      f.status = statusMap[userFilter.status];\n    }\n    return f;\n  }, [userFilter.search, userFilter.status]);\n\n  const skipQueries = permissionsLoading || !canViewUsers;\n\n  const { data, loading, error, refetch } = useListUsersQuery({\n    variables: {\n      filter: gqlFilter,\n      pagination: {\n        limit: PAGE_SIZE,\n        offset: (page - 1) * PAGE_SIZE,\n      },\n    },\n    fetchPolicy: 'cache-and-network',\n    skip: skipQueries,\n  });\n\n  const [updateUser, { loading: isUpdating }] = useUpdateUserMutation({\n    onCompleted: () => {\n      toast.success(\n        tr('admin.users.toast.updatedTitle', 'User updated'),\n        tr('admin.users.toast.updatedDescription', 'User status has been successfully updated.')\n      );\n      void refetch();\n    },\n    onError: (err) => {\n      toast.error(tr('admin.users.toast.updateFailedTitle', 'Update failed'), err.message);\n    },\n  });\n\n  const handleToggleStatus = useCallback(\n    async (user: User) => {\n      const newStatus = user.status === 'active' ? GqlUserStatus.Inactive : GqlUserStatus.Active;\n      await updateUser({\n        variables: {\n          id: user.id,\n          input: {\n            status: newStatus,\n          },\n        },\n      });\n    },\n    [updateUser]\n  );\n\n  const users: User[] = useMemo(() => (data?.users?.users ?? []).map(mapUserToUi), [data]);\n\n  const total = data?.users?.totalCount ?? 0;\n  const totalPages = Math.ceil(total / PAGE_SIZE);\n\n  const getRowActions = useCallback(\n    (user: User) => {\n      const actions = [\n        {\n          key: 'view',\n          label: tr('admin.users.actions.viewDetails', 'View Details'),\n          onClick: () => navigate(joinPath(basePath, `users/${user.id}`)),\n        },\n      ];\n\n      if (canUpdateUsers) {\n        actions.push({\n          key: 'toggle-status',\n          label:\n            user.status === 'active'\n              ? tr('admin.users.actions.disableUser', 'Disable User')\n              : tr('admin.users.actions.enableUser', 'Enable User'),\n          onClick: () => handleToggleStatus(user),\n        });\n      }\n\n      return actions;\n    },\n    [navigate, basePath, canUpdateUsers, handleToggleStatus, tr]\n  );\n\n  const columns = [\n    {\n      key: 'name',\n      header: tr('admin.users.table.user', 'User'),\n      render: (user: User) => (\n        <div className=\"flex items-center gap-3\">\n          <Avatar fallback={(user.firstName?.[0] ?? user.email[0]).toUpperCase()} size=\"sm\" />\n          <div className=\"min-w-0\">\n            <div className=\"truncate font-medium text-foreground\">{user.name || user.email}</div>\n            <div className=\"truncate text-xs text-muted-foreground\">{user.email}</div>\n          </div>\n        </div>\n      ),\n    },\n    {\n      key: 'status',\n      header: tr('admin.users.table.status', 'Status'),\n      width: '120px',\n      render: (user: User) => <UserStatusBadge status={user.status} />,\n    },\n    {\n      key: 'role',\n      header: tr('admin.users.table.role', 'Role'),\n      width: '120px',\n    },\n    {\n      key: 'tenantId',\n      header: tr('admin.users.table.tenant', 'Tenant'),\n      width: '150px',\n      render: (user: User) => (\n        <span className=\"text-xs text-muted-foreground\">{user.tenantId || '—'}</span>\n      ),\n    },\n    {\n      key: 'createdAt',\n      header: tr('admin.users.table.joined', 'Joined'),\n      width: '120px',\n      sortable: true,\n      render: (user: User) => formatDate(user.createdAt),\n    },\n    {\n      key: 'lastLoginAt',\n      header: tr('admin.users.table.lastLogin', 'Last Login'),\n      width: '130px',\n      render: (user: User) =>\n        user.lastLoginAt\n          ? formatRelativeTime(user.lastLoginAt)\n          : tr('admin.users.table.never', 'Never'),\n    },\n    {\n      key: 'actions',\n      header: '',\n      width: '50px',\n      align: 'right' as const,\n      render: (user: User) => (\n        <RowActions\n          actions={getRowActions(user)}\n          ariaLabel={tr('admin.users.table.actionsFor', 'Actions for {{email}}', {\n            email: user.email,\n          })}\n        />\n      ),\n    },\n  ];\n\n  return (\n    <PermissionGuard\n      allowed={canViewUsers}\n      isLoading={permissionsLoading}\n      pageTitle={tr('admin.users.title', 'Users')}\n      denyMessage={tr('admin.users.denyMessage', \"You don't have permission to view users.\")}\n    >\n      <PageLayout\n        title={tr('admin.users.title', 'Users')}\n        description={\n          total\n            ? tr(\n                'admin.users.descriptionWithTotal',\n                'Manage all users on the platform · {{total}} total',\n                { total }\n              )\n            : tr('admin.users.description', 'Manage all users on the platform')\n        }\n      >\n        <div className=\"space-y-4\">\n          {/* Filters */}\n          <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n            <div className=\"relative max-w-sm flex-1\">\n              <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n              <Input\n                placeholder={tr('admin.users.searchPlaceholder', 'Search by email or name...')}\n                value={userFilter.search}\n                onChange={(e) => {\n                  setPage(1);\n                  updateUserFilter({ search: e.target.value });\n                }}\n                className=\"pl-9\"\n              />\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <select\n                value={userFilter.status}\n                onChange={(e) => {\n                  setPage(1);\n                  updateUserFilter({ status: e.target.value as UserFilter['status'] });\n                }}\n                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\"\n              >\n                <option value=\"all\">{tr('admin.users.filters.status.all', 'All Status')}</option>\n                <option value=\"active\">{tr('admin.users.filters.status.active', 'Active')}</option>\n                <option value=\"inactive\">\n                  {tr('admin.users.filters.status.inactive', 'Inactive')}\n                </option>\n                <option value=\"blocked\">\n                  {tr('admin.users.filters.status.suspended', 'Suspended')}\n                </option>\n              </select>\n              {(userFilter.search || userFilter.status !== 'all') && (\n                <Button\n                  variant=\"ghost\"\n                  onClick={() => {\n                    setPage(1);\n                    updateUserFilter({ search: '', status: 'all' });\n                  }}\n                >\n                  {tr('admin.users.filters.clear', 'Clear')}\n                </Button>\n              )}\n            </div>\n          </div>\n\n          {/* Error */}\n          {error && (\n            <div className=\"rounded-md border border-destructive/50 bg-destructive/10 p-4 text-sm text-destructive\">\n              {tr('admin.users.error.loadFailed', 'Failed to load users')}: {error.message}\n            </div>\n          )}\n\n          {/* Table */}\n          <DataTable\n            columns={columns}\n            data={users}\n            keyExtractor={(u) => u.id}\n            onRowClick={(u) => navigate(joinPath(basePath, `users/${u.id}`))}\n            sortBy={userFilter.sortBy}\n            sortOrder={userFilter.sortOrder}\n            onSort={(column, order) =>\n              updateUserFilter({\n                sortBy: column as UserFilter['sortBy'],\n                sortOrder: order,\n              })\n            }\n            loading={loading || isUpdating}\n            emptyState={\n              <EmptyState\n                icon={<UsersIcon className=\"h-8 w-8\" />}\n                title={tr('admin.users.empty.title', 'No users found')}\n                description={tr(\n                  'admin.users.empty.description',\n                  'Try adjusting your search or filters'\n                )}\n                action={\n                  <Button\n                    variant=\"outline\"\n                    onClick={() => updateUserFilter({ search: '', status: 'all' })}\n                  >\n                    {tr('admin.users.empty.clearFilters', 'Clear filters')}\n                  </Button>\n                }\n              />\n            }\n          />\n\n          {/* Pagination */}\n          {total > PAGE_SIZE && (\n            <Pagination\n              page={page}\n              totalPages={totalPages}\n              totalItems={total}\n              pageSize={PAGE_SIZE}\n              onPageChange={setPage}\n            />\n          )}\n        </div>\n      </PageLayout>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"UsersListPage.js","names":[],"sources":["../../../src/admin/pages/UsersListPage.tsx"],"sourcesContent":["import { useState, useMemo, useCallback } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { Search, Users as UsersIcon } from 'lucide-react';\nimport { useAdmin } from '../providers/AdminProvider';\nimport { useAdminStore } from '../store/adminStore';\nimport { useAdminPermissions } from '../hooks/useAdminPermissions';\nimport {\n  PageLayout,\n  Input,\n  DataTable,\n  Pagination,\n  UserStatusBadge,\n  EmptyState,\n  Avatar,\n  Button,\n  RowActions,\n  useToast,\n  PermissionGuard,\n} from '../components';\nimport { joinPath } from '../utils/navigation';\nimport { formatDate, formatRelativeTime } from '../utils/formatters';\nimport { mapUserToUi } from '../utils/mappers';\nimport type { User, UserFilter } from '../types';\nimport { useListUsersQuery, useUpdateUserMutation } from '../../generated/global-operations';\nimport { UserStatus as GqlUserStatus } from '../../generated/global-types';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\n\nconst PAGE_SIZE = 20;\n\n/**\n * Users list page — connected to real backend with enable/disable actions\n */\nexport function UsersListPage() {\n  const { canViewUsers, canUpdateUsers, isLoading: permissionsLoading } = useAdminPermissions();\n\n  const navigate = useNavigate();\n  const { basePath = '' } = useAdmin();\n  const { userFilter, updateUserFilter } = useAdminStore();\n  const toast = useToast();\n  const { t } = useI18n();\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 [page, setPage] = useState(1);\n\n  // Build GraphQL filter\n  const gqlFilter = useMemo(() => {\n    const f: {\n      search?: string;\n      status?: GqlUserStatus;\n    } = {};\n    if (userFilter.search) f.search = userFilter.search;\n    const statusMap: Record<string, GqlUserStatus> = {\n      active: GqlUserStatus.Active,\n      inactive: GqlUserStatus.Inactive,\n      blocked: GqlUserStatus.Suspended,\n    };\n    if (userFilter.status !== 'all' && statusMap[userFilter.status]) {\n      f.status = statusMap[userFilter.status];\n    }\n    return f;\n  }, [userFilter.search, userFilter.status]);\n\n  const skipQueries = permissionsLoading || !canViewUsers;\n\n  const { data, loading, error, refetch } = useListUsersQuery({\n    variables: {\n      filter: gqlFilter,\n      pagination: {\n        limit: PAGE_SIZE,\n        offset: (page - 1) * PAGE_SIZE,\n      },\n    },\n    fetchPolicy: 'cache-and-network',\n    skip: skipQueries,\n  });\n\n  const [updateUser, { loading: isUpdating }] = useUpdateUserMutation({\n    onCompleted: () => {\n      toast.success(\n        tr('admin.users.toast.updatedTitle', 'User updated'),\n        tr('admin.users.toast.updatedDescription', 'User status has been successfully updated.')\n      );\n      void refetch();\n    },\n    onError: (err) => {\n      toast.error(tr('admin.users.toast.updateFailedTitle', 'Update failed'), err.message);\n    },\n  });\n\n  const handleToggleStatus = useCallback(\n    async (user: User) => {\n      const newStatus = user.status === 'active' ? GqlUserStatus.Inactive : GqlUserStatus.Active;\n      await updateUser({\n        variables: {\n          id: user.id,\n          input: {\n            status: newStatus,\n          },\n        },\n      });\n    },\n    [updateUser]\n  );\n\n  const users: User[] = useMemo(() => (data?.users?.users ?? []).map(mapUserToUi), [data]);\n\n  const total = data?.users?.totalCount ?? 0;\n  const totalPages = Math.ceil(total / PAGE_SIZE);\n\n  const getRowActions = useCallback(\n    (user: User) => {\n      const actions = [\n        {\n          key: 'view',\n          label: tr('admin.users.actions.viewDetails', 'View Details'),\n          onClick: () => navigate(joinPath(basePath, `users/${user.id}`)),\n        },\n      ];\n\n      if (canUpdateUsers) {\n        actions.push({\n          key: 'toggle-status',\n          label:\n            user.status === 'active'\n              ? tr('admin.users.actions.disableUser', 'Disable User')\n              : tr('admin.users.actions.enableUser', 'Enable User'),\n          onClick: () => handleToggleStatus(user),\n        });\n      }\n\n      return actions;\n    },\n    [navigate, basePath, canUpdateUsers, handleToggleStatus, tr]\n  );\n\n  const columns = [\n    {\n      key: 'name',\n      header: tr('admin.users.table.user', 'User'),\n      render: (user: User) => (\n        <div className=\"flex items-center gap-3\">\n          <Avatar fallback={(user.firstName?.[0] ?? user.email[0]).toUpperCase()} size=\"sm\" />\n          <div className=\"min-w-0\">\n            <div className=\"truncate font-medium text-text-primary\">{user.name || user.email}</div>\n            <div className=\"truncate text-xs text-text-secondary\">{user.email}</div>\n          </div>\n        </div>\n      ),\n    },\n    {\n      key: 'status',\n      header: tr('admin.users.table.status', 'Status'),\n      width: '120px',\n      render: (user: User) => <UserStatusBadge status={user.status} />,\n    },\n    {\n      key: 'role',\n      header: tr('admin.users.table.role', 'Role'),\n      width: '120px',\n    },\n    {\n      key: 'tenantId',\n      header: tr('admin.users.table.tenant', 'Tenant'),\n      width: '150px',\n      render: (user: User) => (\n        <span className=\"text-xs text-text-secondary\">{user.tenantId || '—'}</span>\n      ),\n    },\n    {\n      key: 'createdAt',\n      header: tr('admin.users.table.joined', 'Joined'),\n      width: '120px',\n      sortable: true,\n      render: (user: User) => formatDate(user.createdAt),\n    },\n    {\n      key: 'lastLoginAt',\n      header: tr('admin.users.table.lastLogin', 'Last Login'),\n      width: '130px',\n      render: (user: User) =>\n        user.lastLoginAt\n          ? formatRelativeTime(user.lastLoginAt)\n          : tr('admin.users.table.never', 'Never'),\n    },\n    {\n      key: 'actions',\n      header: '',\n      width: '50px',\n      align: 'right' as const,\n      render: (user: User) => (\n        <RowActions\n          actions={getRowActions(user)}\n          ariaLabel={tr('admin.users.table.actionsFor', 'Actions for {{email}}', {\n            email: user.email,\n          })}\n        />\n      ),\n    },\n  ];\n\n  return (\n    <PermissionGuard\n      allowed={canViewUsers}\n      isLoading={permissionsLoading}\n      pageTitle={tr('admin.users.title', 'Users')}\n      denyMessage={tr('admin.users.denyMessage', \"You don't have permission to view users.\")}\n    >\n      <PageLayout\n        title={tr('admin.users.title', 'Users')}\n        description={\n          total\n            ? tr(\n                'admin.users.descriptionWithTotal',\n                'Manage all users on the platform · {{total}} total',\n                { total }\n              )\n            : tr('admin.users.description', 'Manage all users on the platform')\n        }\n      >\n        <div className=\"space-y-4\">\n          {/* Filters */}\n          <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n            <div className=\"relative max-w-sm flex-1\">\n              <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n              <Input\n                placeholder={tr('admin.users.searchPlaceholder', 'Search by email or name...')}\n                value={userFilter.search}\n                onChange={(e) => {\n                  setPage(1);\n                  updateUserFilter({ search: e.target.value });\n                }}\n                className=\"pl-9\"\n              />\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <select\n                value={userFilter.status}\n                onChange={(e) => {\n                  setPage(1);\n                  updateUserFilter({ status: e.target.value as UserFilter['status'] });\n                }}\n                className=\"h-10 rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:ring-offset-2\"\n              >\n                <option value=\"all\">{tr('admin.users.filters.status.all', 'All Status')}</option>\n                <option value=\"active\">{tr('admin.users.filters.status.active', 'Active')}</option>\n                <option value=\"inactive\">\n                  {tr('admin.users.filters.status.inactive', 'Inactive')}\n                </option>\n                <option value=\"blocked\">\n                  {tr('admin.users.filters.status.suspended', 'Suspended')}\n                </option>\n              </select>\n              {(userFilter.search || userFilter.status !== 'all') && (\n                <Button\n                  variant=\"ghost\"\n                  onClick={() => {\n                    setPage(1);\n                    updateUserFilter({ search: '', status: 'all' });\n                  }}\n                >\n                  {tr('admin.users.filters.clear', 'Clear')}\n                </Button>\n              )}\n            </div>\n          </div>\n\n          {/* Error */}\n          {error && (\n            <div className=\"rounded-md border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text\">\n              {tr('admin.users.error.loadFailed', 'Failed to load users')}: {error.message}\n            </div>\n          )}\n\n          {/* Table */}\n          <DataTable\n            columns={columns}\n            data={users}\n            keyExtractor={(u) => u.id}\n            onRowClick={(u) => navigate(joinPath(basePath, `users/${u.id}`))}\n            sortBy={userFilter.sortBy}\n            sortOrder={userFilter.sortOrder}\n            onSort={(column, order) =>\n              updateUserFilter({\n                sortBy: column as UserFilter['sortBy'],\n                sortOrder: order,\n              })\n            }\n            loading={loading || isUpdating}\n            emptyState={\n              <EmptyState\n                icon={<UsersIcon className=\"h-8 w-8\" />}\n                title={tr('admin.users.empty.title', 'No users found')}\n                description={tr(\n                  'admin.users.empty.description',\n                  'Try adjusting your search or filters'\n                )}\n                action={\n                  <Button\n                    variant=\"outline\"\n                    onClick={() => updateUserFilter({ search: '', status: 'all' })}\n                  >\n                    {tr('admin.users.empty.clearFilters', 'Clear filters')}\n                  </Button>\n                }\n              />\n            }\n          />\n\n          {/* Pagination */}\n          {total > PAGE_SIZE && (\n            <Pagination\n              page={page}\n              totalPages={totalPages}\n              totalItems={total}\n              pageSize={PAGE_SIZE}\n              onPageChange={setPage}\n            />\n          )}\n        </div>\n      </PageLayout>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}

package/dist/admin/pages/WaitlistPage.js

@@ -101,10 +101,10 @@ function k() {
 			render: (e) => /* @__PURE__ */ b("div", {
 				className: "min-w-0",
 				children: [/* @__PURE__ */ y("div", {
-					className: "font-medium text-foreground",
+					className: "font-medium text-text-primary",
 					children: e.email
 				}), e.name && /* @__PURE__ */ y("div", {
-					className: "text-xs text-muted-foreground",
+					className: "text-xs text-text-secondary",
 					children: e.name
 				})]
 			})
@@ -114,7 +114,7 @@ function k() {
 			header: "Company",
 			width: "140px",
 			render: (e) => /* @__PURE__ */ y("span", {
-				className: "text-sm text-muted-foreground",
+				className: "text-sm text-text-secondary",
 				children: e.company || "-"
 			})
 		},
@@ -152,7 +152,7 @@ function k() {
 					children: /* @__PURE__ */ y(_, { className: "h-4 w-4" })
 				})] }), /* @__PURE__ */ y("button", {
 					onClick: () => te(e.id),
-					className: "rounded p-1 text-muted-foreground hover:bg-muted",
+					className: "rounded p-1 text-text-secondary hover:bg-bg-sunken",
 					title: "Remove",
 					children: /* @__PURE__ */ y(g, { className: "h-4 w-4" })
 				})]
@@ -174,7 +174,7 @@ function k() {
 						className: "flex flex-wrap items-center gap-3",
 						children: [/* @__PURE__ */ b("div", {
 							className: "relative max-w-sm flex-1",
-							children: [/* @__PURE__ */ y(h, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ y(r, {
+							children: [/* @__PURE__ */ y(h, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ y(r, {
 								placeholder: "Search by email, name, or company...",
 								value: P,
 								onChange: (e) => {
@@ -187,7 +187,7 @@ function k() {
 							onChange: (e) => {
 								N(1), L(e.target.value);
 							},
-							className: "rounded-md border border-input bg-background px-3 py-2 text-sm",
+							className: "rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm",
 							children: [
 								/* @__PURE__ */ y("option", {
 									value: "",
@@ -209,7 +209,7 @@ function k() {
 						})]
 					}),
 					H && /* @__PURE__ */ b("div", {
-						className: "rounded-md border border-destructive/50 bg-destructive/10 p-4 text-sm text-destructive",
+						className: "rounded-md border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text",
 						children: ["Failed to load waitlist: ", H.message]
 					}),
 					/* @__PURE__ */ y(o, {