@burdenoff/microfe-admin 2026.610.1 → 2026.624.1

package/dist/admin/pages/SettingsPage.js

@@ -46,7 +46,7 @@ function x() {
 					children: [
 						/* @__PURE__ */ y(n, { children: [/* @__PURE__ */ y(a, { children: [/* @__PURE__ */ y("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ v(g, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ v(o, {
+							children: [/* @__PURE__ */ v(g, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ v(o, {
 								className: "text-lg",
 								children: w("admin.settings.general.title", "General")
 							})]
@@ -78,7 +78,7 @@ function x() {
 										className: "text-sm font-medium",
 										children: w("admin.settings.general.defaultTimezone", "Default Timezone")
 									}), /* @__PURE__ */ y("select", {
-										className: "h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+										className: "h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm",
 										children: [
 											/* @__PURE__ */ v("option", {
 												value: "UTC",
@@ -111,7 +111,7 @@ function x() {
 						})] }),
 						/* @__PURE__ */ y(n, { children: [/* @__PURE__ */ y(a, { children: [/* @__PURE__ */ y("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ v(_, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ v(o, {
+							children: [/* @__PURE__ */ v(_, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ v(o, {
 								className: "text-lg",
 								children: w("admin.settings.security.title", "Security")
 							})]
@@ -119,12 +119,12 @@ function x() {
 							className: "space-y-4",
 							children: [
 								/* @__PURE__ */ y("div", {
-									className: "flex items-center justify-between rounded-lg border border-border p-4",
+									className: "flex items-center justify-between rounded-lg border border-border-subtle p-4",
 									children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("div", {
 										className: "font-medium",
 										children: w("admin.settings.security.twoFactor.title", "Two-Factor Authentication")
 									}), /* @__PURE__ */ v("div", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: w("admin.settings.security.twoFactor.description", "Require 2FA for all admin accounts")
 									})] }), /* @__PURE__ */ v(t, {
 										variant: "outline",
@@ -132,15 +132,15 @@ function x() {
 									})]
 								}),
 								/* @__PURE__ */ y("div", {
-									className: "flex items-center justify-between rounded-lg border border-border p-4",
+									className: "flex items-center justify-between rounded-lg border border-border-subtle p-4",
 									children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("div", {
 										className: "font-medium",
 										children: w("admin.settings.security.sessionTimeout.title", "Session Timeout")
 									}), /* @__PURE__ */ v("div", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: w("admin.settings.security.sessionTimeout.description", "Auto-logout after inactivity")
 									})] }), /* @__PURE__ */ y("select", {
-										className: "h-9 rounded-md border border-input bg-background px-3 text-sm",
+										className: "h-9 rounded-md border border-border-default bg-bg-surface px-3 text-sm",
 										children: [
 											/* @__PURE__ */ v("option", {
 												value: "15",
@@ -162,12 +162,12 @@ function x() {
 									})]
 								}),
 								/* @__PURE__ */ y("div", {
-									className: "flex items-center justify-between rounded-lg border border-border p-4",
+									className: "flex items-center justify-between rounded-lg border border-border-subtle p-4",
 									children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("div", {
 										className: "font-medium",
 										children: w("admin.settings.security.ipAllowlist.title", "IP Allowlist")
 									}), /* @__PURE__ */ v("div", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: w("admin.settings.security.ipAllowlist.description", "Restrict access to specific IPs")
 									})] }), /* @__PURE__ */ v(t, {
 										variant: "outline",
@@ -178,19 +178,19 @@ function x() {
 						})] }),
 						/* @__PURE__ */ y(n, { children: [/* @__PURE__ */ y(a, { children: [/* @__PURE__ */ y("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ v(f, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ v(o, {
+							children: [/* @__PURE__ */ v(f, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ v(o, {
 								className: "text-lg",
 								children: w("admin.settings.notifications.title", "Notifications")
 							})]
 						}), /* @__PURE__ */ v(i, { children: w("admin.settings.notifications.description", "Configure notification preferences") })] }), /* @__PURE__ */ v(r, {
 							className: "space-y-4",
 							children: T.map((e) => /* @__PURE__ */ y("div", {
-								className: "flex items-center justify-between rounded-lg border border-border p-4",
+								className: "flex items-center justify-between rounded-lg border border-border-subtle p-4",
 								children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("div", {
 									className: "font-medium",
 									children: e.label
 								}), /* @__PURE__ */ v("div", {
-									className: "text-sm text-muted-foreground",
+									className: "text-sm text-text-secondary",
 									children: e.description
 								})] }), /* @__PURE__ */ y("label", {
 									className: "relative inline-flex cursor-pointer items-center",
@@ -198,7 +198,7 @@ function x() {
 										type: "checkbox",
 										defaultChecked: !0,
 										className: "peer sr-only"
-									}), /* @__PURE__ */ v("div", { className: "peer h-6 w-11 rounded-full bg-muted after:absolute after:left-[2px] after:top-0.5 after:h-5 after:w-5 after:rounded-full after:bg-background after:transition-all peer-checked:bg-primary peer-checked:after:translate-x-full peer-focus:ring-2 peer-focus:ring-ring" })]
+									}), /* @__PURE__ */ v("div", { className: "peer h-6 w-11 rounded-full bg-bg-sunken after:absolute after:left-[2px] after:top-0.5 after:h-5 after:w-5 after:rounded-full after:bg-bg-surface after:transition-all peer-checked:bg-action-primary-bg peer-checked:after:translate-x-full peer-focus:ring-2 peer-focus:ring-[var(--color-focus-ring)]" })]
 								})]
 							}, e.key))
 						})] })
@@ -208,14 +208,14 @@ function x() {
 					children: [
 						/* @__PURE__ */ y(n, { children: [/* @__PURE__ */ v(a, { children: /* @__PURE__ */ y("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ v(h, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ v(o, {
+							children: [/* @__PURE__ */ v(h, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ v(o, {
 								className: "text-lg",
 								children: w("admin.settings.apiKeys.title", "API Keys")
 							})]
 						}) }), /* @__PURE__ */ y(r, {
 							className: "space-y-3",
 							children: [/* @__PURE__ */ v("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: w("admin.settings.apiKeys.description", "Manage API keys for programmatic access to the admin API.")
 							}), /* @__PURE__ */ v(t, {
 								variant: "outline",
@@ -225,14 +225,14 @@ function x() {
 						})] }),
 						/* @__PURE__ */ y(n, { children: [/* @__PURE__ */ v(a, { children: /* @__PURE__ */ y("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ v(m, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ v(o, {
+							children: [/* @__PURE__ */ v(m, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ v(o, {
 								className: "text-lg",
 								children: w("admin.settings.integrations.title", "Integrations")
 							})]
 						}) }), /* @__PURE__ */ y(r, {
 							className: "space-y-3",
 							children: [/* @__PURE__ */ v("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: w("admin.settings.integrations.description", "Connect third-party services and tools.")
 							}), /* @__PURE__ */ v(t, {
 								variant: "outline",
@@ -242,7 +242,7 @@ function x() {
 						})] }),
 						/* @__PURE__ */ y(n, { children: [/* @__PURE__ */ v(a, { children: /* @__PURE__ */ y("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ v(p, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ v(o, {
+							children: [/* @__PURE__ */ v(p, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ v(o, {
 								className: "text-lg",
 								children: w("admin.settings.data.title", "Data")
 							})]
@@ -262,7 +262,7 @@ function x() {
 								/* @__PURE__ */ v(c, {}),
 								/* @__PURE__ */ v(t, {
 									variant: "outline",
-									className: "w-full justify-start text-destructive",
+									className: "w-full justify-start text-status-error-text",
 									children: w("admin.settings.data.dangerZone", "Danger Zone")
 								})
 							]

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

@@ -1 +1 @@
-{"version":3,"file":"SettingsPage.js","names":[],"sources":["../../../src/admin/pages/SettingsPage.tsx"],"sourcesContent":["import { Settings, Shield, Key, Bell, Globe, Database } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  PageLayout,\n  Card,\n  CardHeader,\n  CardTitle,\n  CardContent,\n  CardDescription,\n  Button,\n  Input,\n  Separator,\n  PermissionGuard,\n} from '../components';\nimport { useAdminPermissions } from '../hooks/useAdminPermissions';\nimport { tWithFallback } from '../utils/i18n';\n\n/**\n * Settings page\n */\nexport function SettingsPage() {\n  const { canManageSettings, isLoading: permissionsLoading } = useAdminPermissions();\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 notificationSettings = [\n    {\n      key: 'newTenantSignups',\n      label: tr('admin.settings.notifications.items.newTenantSignups.label', 'New tenant signups'),\n      description: tr(\n        'admin.settings.notifications.items.newTenantSignups.description',\n        'Get notified when new tenants register'\n      ),\n    },\n    {\n      key: 'paymentFailures',\n      label: tr('admin.settings.notifications.items.paymentFailures.label', 'Payment failures'),\n      description: tr(\n        'admin.settings.notifications.items.paymentFailures.description',\n        'Alert when payments fail'\n      ),\n    },\n    {\n      key: 'criticalTickets',\n      label: tr('admin.settings.notifications.items.criticalTickets.label', 'Critical tickets'),\n      description: tr(\n        'admin.settings.notifications.items.criticalTickets.description',\n        'Notify on critical support tickets'\n      ),\n    },\n    {\n      key: 'systemAlerts',\n      label: tr('admin.settings.notifications.items.systemAlerts.label', 'System alerts'),\n      description: tr(\n        'admin.settings.notifications.items.systemAlerts.description',\n        'Infrastructure and health alerts'\n      ),\n    },\n  ];\n\n  return (\n    <PermissionGuard\n      allowed={canManageSettings}\n      isLoading={permissionsLoading}\n      pageTitle={tr('admin.settings.title', 'Settings')}\n      denyMessage={tr(\n        'admin.settings.denyMessage',\n        \"You don't have permission to manage platform settings.\"\n      )}\n    >\n      <PageLayout\n        title={tr('admin.settings.title', 'Settings')}\n        description={tr(\n          'admin.settings.description',\n          'Configure platform settings and preferences'\n        )}\n      >\n        <div className=\"grid gap-6 lg:grid-cols-3\">\n          {/* Main settings */}\n          <div className=\"space-y-6 lg:col-span-2\">\n            {/* General */}\n            <Card>\n              <CardHeader>\n                <div className=\"flex items-center gap-2\">\n                  <Settings className=\"h-5 w-5 text-muted-foreground\" />\n                  <CardTitle className=\"text-lg\">\n                    {tr('admin.settings.general.title', 'General')}\n                  </CardTitle>\n                </div>\n                <CardDescription>\n                  {tr('admin.settings.general.description', 'Basic platform configuration')}\n                </CardDescription>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                <div className=\"grid gap-4 sm:grid-cols-2\">\n                  <div className=\"space-y-2\">\n                    <label className=\"text-sm font-medium\">\n                      {tr('admin.settings.general.platformName', 'Platform Name')}\n                    </label>\n                    <Input defaultValue=\"Burdenoff Admin\" />\n                  </div>\n                  <div className=\"space-y-2\">\n                    <label className=\"text-sm font-medium\">\n                      {tr('admin.settings.general.supportEmail', 'Support Email')}\n                    </label>\n                    <Input defaultValue=\"support@burdenoff.com\" type=\"email\" />\n                  </div>\n                </div>\n                <div className=\"space-y-2\">\n                  <label className=\"text-sm font-medium\">\n                    {tr('admin.settings.general.defaultTimezone', 'Default Timezone')}\n                  </label>\n                  <select className=\"h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\">\n                    <option value=\"UTC\">UTC</option>\n                    <option value=\"America/New_York\">\n                      {tr('admin.settings.general.timezones.eastern', 'Eastern Time (ET)')}\n                    </option>\n                    <option value=\"America/Los_Angeles\">\n                      {tr('admin.settings.general.timezones.pacific', 'Pacific Time (PT)')}\n                    </option>\n                    <option value=\"Europe/London\">\n                      {tr('admin.settings.general.timezones.london', 'London (GMT)')}\n                    </option>\n                    <option value=\"Asia/Kolkata\">\n                      {tr('admin.settings.general.timezones.india', 'India (IST)')}\n                    </option>\n                  </select>\n                </div>\n                <div className=\"flex justify-end\">\n                  <Button>{tr('admin.settings.general.saveChanges', 'Save Changes')}</Button>\n                </div>\n              </CardContent>\n            </Card>\n\n            {/* Security */}\n            <Card>\n              <CardHeader>\n                <div className=\"flex items-center gap-2\">\n                  <Shield className=\"h-5 w-5 text-muted-foreground\" />\n                  <CardTitle className=\"text-lg\">\n                    {tr('admin.settings.security.title', 'Security')}\n                  </CardTitle>\n                </div>\n                <CardDescription>\n                  {tr(\n                    'admin.settings.security.description',\n                    'Security and authentication settings'\n                  )}\n                </CardDescription>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                <div className=\"flex items-center justify-between rounded-lg border border-border p-4\">\n                  <div>\n                    <div className=\"font-medium\">\n                      {tr('admin.settings.security.twoFactor.title', 'Two-Factor Authentication')}\n                    </div>\n                    <div className=\"text-sm text-muted-foreground\">\n                      {tr(\n                        'admin.settings.security.twoFactor.description',\n                        'Require 2FA for all admin accounts'\n                      )}\n                    </div>\n                  </div>\n                  <Button variant=\"outline\">\n                    {tr('admin.settings.security.twoFactor.configure', 'Configure')}\n                  </Button>\n                </div>\n                <div className=\"flex items-center justify-between rounded-lg border border-border p-4\">\n                  <div>\n                    <div className=\"font-medium\">\n                      {tr('admin.settings.security.sessionTimeout.title', 'Session Timeout')}\n                    </div>\n                    <div className=\"text-sm text-muted-foreground\">\n                      {tr(\n                        'admin.settings.security.sessionTimeout.description',\n                        'Auto-logout after inactivity'\n                      )}\n                    </div>\n                  </div>\n                  <select className=\"h-9 rounded-md border border-input bg-background px-3 text-sm\">\n                    <option value=\"15\">\n                      {tr('admin.settings.security.sessionTimeout.options.15m', '15 minutes')}\n                    </option>\n                    <option value=\"30\">\n                      {tr('admin.settings.security.sessionTimeout.options.30m', '30 minutes')}\n                    </option>\n                    <option value=\"60\">\n                      {tr('admin.settings.security.sessionTimeout.options.1h', '1 hour')}\n                    </option>\n                    <option value=\"480\">\n                      {tr('admin.settings.security.sessionTimeout.options.8h', '8 hours')}\n                    </option>\n                  </select>\n                </div>\n                <div className=\"flex items-center justify-between rounded-lg border border-border p-4\">\n                  <div>\n                    <div className=\"font-medium\">\n                      {tr('admin.settings.security.ipAllowlist.title', 'IP Allowlist')}\n                    </div>\n                    <div className=\"text-sm text-muted-foreground\">\n                      {tr(\n                        'admin.settings.security.ipAllowlist.description',\n                        'Restrict access to specific IPs'\n                      )}\n                    </div>\n                  </div>\n                  <Button variant=\"outline\">\n                    {tr('admin.settings.security.ipAllowlist.manage', 'Manage')}\n                  </Button>\n                </div>\n              </CardContent>\n            </Card>\n\n            {/* Notifications */}\n            <Card>\n              <CardHeader>\n                <div className=\"flex items-center gap-2\">\n                  <Bell className=\"h-5 w-5 text-muted-foreground\" />\n                  <CardTitle className=\"text-lg\">\n                    {tr('admin.settings.notifications.title', 'Notifications')}\n                  </CardTitle>\n                </div>\n                <CardDescription>\n                  {tr(\n                    'admin.settings.notifications.description',\n                    'Configure notification preferences'\n                  )}\n                </CardDescription>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                {notificationSettings.map((item) => (\n                  <div\n                    key={item.key}\n                    className=\"flex items-center justify-between rounded-lg border border-border p-4\"\n                  >\n                    <div>\n                      <div className=\"font-medium\">{item.label}</div>\n                      <div className=\"text-sm text-muted-foreground\">{item.description}</div>\n                    </div>\n                    <label className=\"relative inline-flex cursor-pointer items-center\">\n                      <input type=\"checkbox\" defaultChecked className=\"peer sr-only\" />\n                      <div className=\"peer h-6 w-11 rounded-full bg-muted after:absolute after:left-[2px] after:top-0.5 after:h-5 after:w-5 after:rounded-full after:bg-background after:transition-all peer-checked:bg-primary peer-checked:after:translate-x-full peer-focus:ring-2 peer-focus:ring-ring\" />\n                    </label>\n                  </div>\n                ))}\n              </CardContent>\n            </Card>\n          </div>\n\n          {/* Sidebar */}\n          <div className=\"space-y-6\">\n            {/* API Keys */}\n            <Card>\n              <CardHeader>\n                <div className=\"flex items-center gap-2\">\n                  <Key className=\"h-5 w-5 text-muted-foreground\" />\n                  <CardTitle className=\"text-lg\">\n                    {tr('admin.settings.apiKeys.title', 'API Keys')}\n                  </CardTitle>\n                </div>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                <p className=\"text-sm text-muted-foreground\">\n                  {tr(\n                    'admin.settings.apiKeys.description',\n                    'Manage API keys for programmatic access to the admin API.'\n                  )}\n                </p>\n                <Button variant=\"outline\" className=\"w-full\">\n                  {tr('admin.settings.apiKeys.manage', 'Manage API Keys')}\n                </Button>\n              </CardContent>\n            </Card>\n\n            {/* Integrations */}\n            <Card>\n              <CardHeader>\n                <div className=\"flex items-center gap-2\">\n                  <Globe className=\"h-5 w-5 text-muted-foreground\" />\n                  <CardTitle className=\"text-lg\">\n                    {tr('admin.settings.integrations.title', 'Integrations')}\n                  </CardTitle>\n                </div>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                <p className=\"text-sm text-muted-foreground\">\n                  {tr(\n                    'admin.settings.integrations.description',\n                    'Connect third-party services and tools.'\n                  )}\n                </p>\n                <Button variant=\"outline\" className=\"w-full\">\n                  {tr('admin.settings.integrations.view', 'View Integrations')}\n                </Button>\n              </CardContent>\n            </Card>\n\n            {/* Data Management */}\n            <Card>\n              <CardHeader>\n                <div className=\"flex items-center gap-2\">\n                  <Database className=\"h-5 w-5 text-muted-foreground\" />\n                  <CardTitle className=\"text-lg\">\n                    {tr('admin.settings.data.title', 'Data')}\n                  </CardTitle>\n                </div>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                <Button variant=\"outline\" className=\"w-full justify-start\">\n                  {tr('admin.settings.data.export', 'Export Data')}\n                </Button>\n                <Button variant=\"outline\" className=\"w-full justify-start\">\n                  {tr('admin.settings.data.auditLogs', 'Audit Logs')}\n                </Button>\n                <Separator />\n                <Button variant=\"outline\" className=\"w-full justify-start text-destructive\">\n                  {tr('admin.settings.data.dangerZone', 'Danger Zone')}\n                </Button>\n              </CardContent>\n            </Card>\n          </div>\n        </div>\n      </PageLayout>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"SettingsPage.js","names":[],"sources":["../../../src/admin/pages/SettingsPage.tsx"],"sourcesContent":["import { Settings, Shield, Key, Bell, Globe, Database } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  PageLayout,\n  Card,\n  CardHeader,\n  CardTitle,\n  CardContent,\n  CardDescription,\n  Button,\n  Input,\n  Separator,\n  PermissionGuard,\n} from '../components';\nimport { useAdminPermissions } from '../hooks/useAdminPermissions';\nimport { tWithFallback } from '../utils/i18n';\n\n/**\n * Settings page\n */\nexport function SettingsPage() {\n  const { canManageSettings, isLoading: permissionsLoading } = useAdminPermissions();\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 notificationSettings = [\n    {\n      key: 'newTenantSignups',\n      label: tr('admin.settings.notifications.items.newTenantSignups.label', 'New tenant signups'),\n      description: tr(\n        'admin.settings.notifications.items.newTenantSignups.description',\n        'Get notified when new tenants register'\n      ),\n    },\n    {\n      key: 'paymentFailures',\n      label: tr('admin.settings.notifications.items.paymentFailures.label', 'Payment failures'),\n      description: tr(\n        'admin.settings.notifications.items.paymentFailures.description',\n        'Alert when payments fail'\n      ),\n    },\n    {\n      key: 'criticalTickets',\n      label: tr('admin.settings.notifications.items.criticalTickets.label', 'Critical tickets'),\n      description: tr(\n        'admin.settings.notifications.items.criticalTickets.description',\n        'Notify on critical support tickets'\n      ),\n    },\n    {\n      key: 'systemAlerts',\n      label: tr('admin.settings.notifications.items.systemAlerts.label', 'System alerts'),\n      description: tr(\n        'admin.settings.notifications.items.systemAlerts.description',\n        'Infrastructure and health alerts'\n      ),\n    },\n  ];\n\n  return (\n    <PermissionGuard\n      allowed={canManageSettings}\n      isLoading={permissionsLoading}\n      pageTitle={tr('admin.settings.title', 'Settings')}\n      denyMessage={tr(\n        'admin.settings.denyMessage',\n        \"You don't have permission to manage platform settings.\"\n      )}\n    >\n      <PageLayout\n        title={tr('admin.settings.title', 'Settings')}\n        description={tr(\n          'admin.settings.description',\n          'Configure platform settings and preferences'\n        )}\n      >\n        <div className=\"grid gap-6 lg:grid-cols-3\">\n          {/* Main settings */}\n          <div className=\"space-y-6 lg:col-span-2\">\n            {/* General */}\n            <Card>\n              <CardHeader>\n                <div className=\"flex items-center gap-2\">\n                  <Settings className=\"h-5 w-5 text-text-secondary\" />\n                  <CardTitle className=\"text-lg\">\n                    {tr('admin.settings.general.title', 'General')}\n                  </CardTitle>\n                </div>\n                <CardDescription>\n                  {tr('admin.settings.general.description', 'Basic platform configuration')}\n                </CardDescription>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                <div className=\"grid gap-4 sm:grid-cols-2\">\n                  <div className=\"space-y-2\">\n                    <label className=\"text-sm font-medium\">\n                      {tr('admin.settings.general.platformName', 'Platform Name')}\n                    </label>\n                    <Input defaultValue=\"Burdenoff Admin\" />\n                  </div>\n                  <div className=\"space-y-2\">\n                    <label className=\"text-sm font-medium\">\n                      {tr('admin.settings.general.supportEmail', 'Support Email')}\n                    </label>\n                    <Input defaultValue=\"support@burdenoff.com\" type=\"email\" />\n                  </div>\n                </div>\n                <div className=\"space-y-2\">\n                  <label className=\"text-sm font-medium\">\n                    {tr('admin.settings.general.defaultTimezone', 'Default Timezone')}\n                  </label>\n                  <select className=\"h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm\">\n                    <option value=\"UTC\">UTC</option>\n                    <option value=\"America/New_York\">\n                      {tr('admin.settings.general.timezones.eastern', 'Eastern Time (ET)')}\n                    </option>\n                    <option value=\"America/Los_Angeles\">\n                      {tr('admin.settings.general.timezones.pacific', 'Pacific Time (PT)')}\n                    </option>\n                    <option value=\"Europe/London\">\n                      {tr('admin.settings.general.timezones.london', 'London (GMT)')}\n                    </option>\n                    <option value=\"Asia/Kolkata\">\n                      {tr('admin.settings.general.timezones.india', 'India (IST)')}\n                    </option>\n                  </select>\n                </div>\n                <div className=\"flex justify-end\">\n                  <Button>{tr('admin.settings.general.saveChanges', 'Save Changes')}</Button>\n                </div>\n              </CardContent>\n            </Card>\n\n            {/* Security */}\n            <Card>\n              <CardHeader>\n                <div className=\"flex items-center gap-2\">\n                  <Shield className=\"h-5 w-5 text-text-secondary\" />\n                  <CardTitle className=\"text-lg\">\n                    {tr('admin.settings.security.title', 'Security')}\n                  </CardTitle>\n                </div>\n                <CardDescription>\n                  {tr(\n                    'admin.settings.security.description',\n                    'Security and authentication settings'\n                  )}\n                </CardDescription>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                <div className=\"flex items-center justify-between rounded-lg border border-border-subtle p-4\">\n                  <div>\n                    <div className=\"font-medium\">\n                      {tr('admin.settings.security.twoFactor.title', 'Two-Factor Authentication')}\n                    </div>\n                    <div className=\"text-sm text-text-secondary\">\n                      {tr(\n                        'admin.settings.security.twoFactor.description',\n                        'Require 2FA for all admin accounts'\n                      )}\n                    </div>\n                  </div>\n                  <Button variant=\"outline\">\n                    {tr('admin.settings.security.twoFactor.configure', 'Configure')}\n                  </Button>\n                </div>\n                <div className=\"flex items-center justify-between rounded-lg border border-border-subtle p-4\">\n                  <div>\n                    <div className=\"font-medium\">\n                      {tr('admin.settings.security.sessionTimeout.title', 'Session Timeout')}\n                    </div>\n                    <div className=\"text-sm text-text-secondary\">\n                      {tr(\n                        'admin.settings.security.sessionTimeout.description',\n                        'Auto-logout after inactivity'\n                      )}\n                    </div>\n                  </div>\n                  <select className=\"h-9 rounded-md border border-border-default bg-bg-surface px-3 text-sm\">\n                    <option value=\"15\">\n                      {tr('admin.settings.security.sessionTimeout.options.15m', '15 minutes')}\n                    </option>\n                    <option value=\"30\">\n                      {tr('admin.settings.security.sessionTimeout.options.30m', '30 minutes')}\n                    </option>\n                    <option value=\"60\">\n                      {tr('admin.settings.security.sessionTimeout.options.1h', '1 hour')}\n                    </option>\n                    <option value=\"480\">\n                      {tr('admin.settings.security.sessionTimeout.options.8h', '8 hours')}\n                    </option>\n                  </select>\n                </div>\n                <div className=\"flex items-center justify-between rounded-lg border border-border-subtle p-4\">\n                  <div>\n                    <div className=\"font-medium\">\n                      {tr('admin.settings.security.ipAllowlist.title', 'IP Allowlist')}\n                    </div>\n                    <div className=\"text-sm text-text-secondary\">\n                      {tr(\n                        'admin.settings.security.ipAllowlist.description',\n                        'Restrict access to specific IPs'\n                      )}\n                    </div>\n                  </div>\n                  <Button variant=\"outline\">\n                    {tr('admin.settings.security.ipAllowlist.manage', 'Manage')}\n                  </Button>\n                </div>\n              </CardContent>\n            </Card>\n\n            {/* Notifications */}\n            <Card>\n              <CardHeader>\n                <div className=\"flex items-center gap-2\">\n                  <Bell className=\"h-5 w-5 text-text-secondary\" />\n                  <CardTitle className=\"text-lg\">\n                    {tr('admin.settings.notifications.title', 'Notifications')}\n                  </CardTitle>\n                </div>\n                <CardDescription>\n                  {tr(\n                    'admin.settings.notifications.description',\n                    'Configure notification preferences'\n                  )}\n                </CardDescription>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                {notificationSettings.map((item) => (\n                  <div\n                    key={item.key}\n                    className=\"flex items-center justify-between rounded-lg border border-border-subtle p-4\"\n                  >\n                    <div>\n                      <div className=\"font-medium\">{item.label}</div>\n                      <div className=\"text-sm text-text-secondary\">{item.description}</div>\n                    </div>\n                    <label className=\"relative inline-flex cursor-pointer items-center\">\n                      <input type=\"checkbox\" defaultChecked className=\"peer sr-only\" />\n                      <div className=\"peer h-6 w-11 rounded-full bg-bg-sunken after:absolute after:left-[2px] after:top-0.5 after:h-5 after:w-5 after:rounded-full after:bg-bg-surface after:transition-all peer-checked:bg-action-primary-bg peer-checked:after:translate-x-full peer-focus:ring-2 peer-focus:ring-[var(--color-focus-ring)]\" />\n                    </label>\n                  </div>\n                ))}\n              </CardContent>\n            </Card>\n          </div>\n\n          {/* Sidebar */}\n          <div className=\"space-y-6\">\n            {/* API Keys */}\n            <Card>\n              <CardHeader>\n                <div className=\"flex items-center gap-2\">\n                  <Key className=\"h-5 w-5 text-text-secondary\" />\n                  <CardTitle className=\"text-lg\">\n                    {tr('admin.settings.apiKeys.title', 'API Keys')}\n                  </CardTitle>\n                </div>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                <p className=\"text-sm text-text-secondary\">\n                  {tr(\n                    'admin.settings.apiKeys.description',\n                    'Manage API keys for programmatic access to the admin API.'\n                  )}\n                </p>\n                <Button variant=\"outline\" className=\"w-full\">\n                  {tr('admin.settings.apiKeys.manage', 'Manage API Keys')}\n                </Button>\n              </CardContent>\n            </Card>\n\n            {/* Integrations */}\n            <Card>\n              <CardHeader>\n                <div className=\"flex items-center gap-2\">\n                  <Globe className=\"h-5 w-5 text-text-secondary\" />\n                  <CardTitle className=\"text-lg\">\n                    {tr('admin.settings.integrations.title', 'Integrations')}\n                  </CardTitle>\n                </div>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                <p className=\"text-sm text-text-secondary\">\n                  {tr(\n                    'admin.settings.integrations.description',\n                    'Connect third-party services and tools.'\n                  )}\n                </p>\n                <Button variant=\"outline\" className=\"w-full\">\n                  {tr('admin.settings.integrations.view', 'View Integrations')}\n                </Button>\n              </CardContent>\n            </Card>\n\n            {/* Data Management */}\n            <Card>\n              <CardHeader>\n                <div className=\"flex items-center gap-2\">\n                  <Database className=\"h-5 w-5 text-text-secondary\" />\n                  <CardTitle className=\"text-lg\">\n                    {tr('admin.settings.data.title', 'Data')}\n                  </CardTitle>\n                </div>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                <Button variant=\"outline\" className=\"w-full justify-start\">\n                  {tr('admin.settings.data.export', 'Export Data')}\n                </Button>\n                <Button variant=\"outline\" className=\"w-full justify-start\">\n                  {tr('admin.settings.data.auditLogs', 'Audit Logs')}\n                </Button>\n                <Separator />\n                <Button variant=\"outline\" className=\"w-full justify-start text-status-error-text\">\n                  {tr('admin.settings.data.dangerZone', 'Danger Zone')}\n                </Button>\n              </CardContent>\n            </Card>\n          </div>\n        </div>\n      </PageLayout>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}

package/dist/admin/pages/SyncFailuresPage.js

@@ -33,7 +33,7 @@ var j = {
 	PENDING: "bg-warning/10 text-warning border-warning/30",
 	RETRYING: "bg-warning/10 text-warning border-warning/30",
 	SUCCESS: "bg-success/10 text-success border-success/30",
-	PERMANENTLY_FAILED: "bg-destructive/10 text-destructive border-destructive/30"
+	PERMANENTLY_FAILED: "bg-status-error-bg/10 text-status-error-text border-status-error-border/30"
 }, M = {
 	PENDING: "Pending",
 	RETRYING: "Retrying",
@@ -84,7 +84,7 @@ function N() {
 			header: "Operation",
 			width: "180px",
 			render: (e) => /* @__PURE__ */ T("code", {
-				className: "text-xs bg-muted px-1.5 py-0.5 rounded",
+				className: "text-xs bg-bg-sunken px-1.5 py-0.5 rounded",
 				children: e.operation
 			})
 		},
@@ -92,7 +92,7 @@ function N() {
 			key: "workspaceId",
 			header: "Workspace",
 			render: (e) => /* @__PURE__ */ T("span", {
-				className: "font-mono text-xs text-muted-foreground",
+				className: "font-mono text-xs text-text-secondary",
 				children: e.workspaceId
 			})
 		},
@@ -110,7 +110,7 @@ function N() {
 			render: (e) => /* @__PURE__ */ E("span", {
 				className: "text-sm",
 				children: [e.attempts, /* @__PURE__ */ E("span", {
-					className: "text-muted-foreground",
+					className: "text-text-secondary",
 					children: ["/", e.maxAttempts]
 				})]
 			})
@@ -120,10 +120,10 @@ function N() {
 			header: "Next retry",
 			width: "160px",
 			render: (e) => e.nextRetryAt ? /* @__PURE__ */ T("span", {
-				className: "text-sm text-muted-foreground",
+				className: "text-sm text-text-secondary",
 				children: l(e.nextRetryAt)
 			}) : /* @__PURE__ */ T("span", {
-				className: "text-xs text-muted-foreground",
+				className: "text-xs text-text-secondary",
 				children: "—"
 			})
 		},
@@ -132,7 +132,7 @@ function N() {
 			header: "Created",
 			width: "160px",
 			render: (e) => /* @__PURE__ */ T("span", {
-				className: "text-sm text-muted-foreground",
+				className: "text-sm text-text-secondary",
 				children: l(e.createdAt)
 			})
 		},
@@ -221,7 +221,7 @@ function N() {
 						}, e))
 					}),
 					W && /* @__PURE__ */ T(i, { children: /* @__PURE__ */ E(a, {
-						className: "py-4 text-sm text-destructive",
+						className: "py-4 text-sm text-status-error-text",
 						children: ["Failed to load sync outbox entries: ", W.message]
 					}) }),
 					/* @__PURE__ */ T(f, {
@@ -245,16 +245,16 @@ function N() {
 									className: "font-medium",
 									children: "Last error"
 								}), /* @__PURE__ */ T("span", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: e.lastAttemptAt ? `Last attempt: ${c(e.lastAttemptAt)}` : "Never attempted"
 								})]
 							}),
 							/* @__PURE__ */ T("pre", {
-								className: "whitespace-pre-wrap break-words rounded bg-muted px-3 py-2 text-xs text-muted-foreground",
+								className: "whitespace-pre-wrap break-words rounded bg-bg-sunken px-3 py-2 text-xs text-text-secondary",
 								children: e.lastError ?? "No error recorded"
 							}),
 							/* @__PURE__ */ E("div", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: ["Entry id: ", /* @__PURE__ */ T("code", {
 									className: "font-mono",
 									children: e.id

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

@@ -1 +1 @@
-{"version":3,"file":"SyncFailuresPage.js","names":[],"sources":["../../../src/admin/pages/SyncFailuresPage.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\nimport { RefreshCw, AlertOctagon, Clock, CheckCircle2, RotateCw } from 'lucide-react';\nimport { useAdminPermissions } from '../hooks/useAdminPermissions';\nimport {\n  PageLayout,\n  MetricCard,\n  MetricsGrid,\n  Card,\n  CardContent,\n  Badge,\n  Button,\n  DataTable,\n  Pagination,\n  EmptyState,\n  PermissionGuard,\n  ConfirmDialog,\n  useToast,\n} from '../components';\nimport { formatDateTime, formatRelativeTime } from '../utils/formatters';\nimport { SyncOutboxStatus } from '../../generated/global-types';\nimport {\n  useListSyncOutboxEntriesQuery,\n  useSyncOutboxStatsQuery,\n  useRetrySyncOutboxEntryMutation,\n  type ListSyncOutboxEntriesQuery,\n} from '../../generated/global-operations';\n\nconst PAGE_SIZE = 25;\n\n// Single source of truth for the underlying string values. Authored as a\n// const-tuple so TypeScript derives both the union type and a runtime guard.\n// The mapping below is type-checked: if codegen ever drops or renames a\n// SyncOutboxStatus enum member, the build fails at STATUS_TO_GQL, not at\n// runtime.\nconst STATUS_VALUES = ['PENDING', 'RETRYING', 'SUCCESS', 'PERMANENTLY_FAILED'] as const;\ntype StatusValue = (typeof STATUS_VALUES)[number];\ntype StatusFilter = 'all' | StatusValue;\n\ntype OutboxEntry = ListSyncOutboxEntriesQuery['listSyncOutboxEntries']['items'][number];\n\n// Typed bridge between our boundary string union and the codegen-generated\n// enum. Explicit mapping makes the codegen casing dependency a compile-time\n// constraint instead of a runtime cast.\nconst STATUS_TO_GQL: Record<StatusValue, SyncOutboxStatus> = {\n  PENDING: SyncOutboxStatus.Pending,\n  RETRYING: SyncOutboxStatus.Retrying,\n  SUCCESS: SyncOutboxStatus.Success,\n  PERMANENTLY_FAILED: SyncOutboxStatus.PermanentlyFailed,\n};\n\n// Reverse map: codegen enum value → boundary string. Falls back to\n// PERMANENTLY_FAILED if codegen ever emits an unknown value — a loud-but-safe\n// default that surfaces the drift without breaking the page.\nfunction asStatusValue(s: SyncOutboxStatus): StatusValue {\n  const raw = String(s) as StatusValue;\n  return (STATUS_VALUES as readonly string[]).includes(raw) ? raw : 'PERMANENTLY_FAILED';\n}\n\nconst STATUS_VARIANTS: Record<StatusValue, string> = {\n  PENDING: 'bg-warning/10 text-warning border-warning/30',\n  RETRYING: 'bg-warning/10 text-warning border-warning/30',\n  SUCCESS: 'bg-success/10 text-success border-success/30',\n  PERMANENTLY_FAILED: 'bg-destructive/10 text-destructive border-destructive/30',\n};\n\nconst STATUS_LABELS: Record<StatusValue, string> = {\n  PENDING: 'Pending',\n  RETRYING: 'Retrying',\n  SUCCESS: 'Success',\n  PERMANENTLY_FAILED: 'Permanently failed',\n};\n\nfunction StatusBadge({ status }: { status: SyncOutboxStatus }) {\n  const key = asStatusValue(status);\n  return (\n    <Badge variant=\"outline\" className={STATUS_VARIANTS[key]}>\n      {STATUS_LABELS[key]}\n    </Badge>\n  );\n}\n\n/**\n * Sync Failures admin page.\n *\n * Shows the state of the cross-layer sync outbox so a super-admin can spot\n * users/workspaces that didn't get fully provisioned (e.g. signup happened\n * while a downstream service was down) and manually requeue them once the\n * underlying problem is fixed.\n *\n * Manual retry only flips the row to RETRYING; the background reconciler in\n * global-tenant-svc actually performs the sync on its next tick. That keeps\n * the existing single-writer retry semantics intact.\n */\nexport function SyncFailuresPage() {\n  const {\n    canViewSyncFailures,\n    canManageSyncFailures,\n    isLoading: permissionsLoading,\n  } = useAdminPermissions();\n  const toast = useToast();\n\n  const [page, setPage] = useState(1);\n  const [statusFilter, setStatusFilter] = useState<StatusFilter>('PERMANENTLY_FAILED');\n  const [confirmRetryId, setConfirmRetryId] = useState<string | null>(null);\n  const [expandedErrorId, setExpandedErrorId] = useState<string | null>(null);\n\n  const filter = useMemo(() => {\n    if (statusFilter === 'all') return undefined;\n    // Explicit, type-checked mapping — replaces the previous `as unknown as`\n    // double-cast. If codegen ever renames a SyncOutboxStatus enum member,\n    // the build fails at STATUS_TO_GQL above, not silently at runtime.\n    return { statuses: [STATUS_TO_GQL[statusFilter]] };\n  }, [statusFilter]);\n\n  const skipQueries = permissionsLoading || !canViewSyncFailures;\n\n  const {\n    data: listData,\n    loading: listLoading,\n    error: listError,\n    refetch: refetchList,\n  } = useListSyncOutboxEntriesQuery({\n    variables: {\n      filter,\n      limit: PAGE_SIZE,\n      offset: (page - 1) * PAGE_SIZE,\n    },\n    fetchPolicy: 'cache-and-network',\n    skip: skipQueries,\n  });\n\n  const {\n    data: statsData,\n    loading: statsLoading,\n    refetch: refetchStats,\n  } = useSyncOutboxStatsQuery({\n    fetchPolicy: 'cache-and-network',\n    skip: skipQueries,\n  });\n\n  const [retryEntry, { loading: retrying }] = useRetrySyncOutboxEntryMutation({\n    onCompleted: (data) => {\n      const result = data.retrySyncOutboxEntry;\n      if (result.success) {\n        toast.success(\n          'Requeued for retry',\n          result.message ?? 'The reconciler will pick it up on the next tick.'\n        );\n        void refetchList();\n        void refetchStats();\n      } else {\n        toast.error('Retry failed', result.message ?? 'Could not requeue this entry.');\n      }\n    },\n    onError: (err) => {\n      toast.error('Retry failed', err.message);\n    },\n  });\n\n  const handleRefresh = useCallback(() => {\n    void refetchList();\n    void refetchStats();\n  }, [refetchList, refetchStats]);\n\n  const handleConfirmRetry = useCallback(async () => {\n    if (!confirmRetryId) return;\n    // Apollo's mutate promise rejects on network/GraphQL error; without the\n    // finally the dialog would stay open and ConfirmDialog's awaited\n    // onConfirm would see an unhandled rejection. The onError toast still\n    // surfaces the failure to the user.\n    try {\n      await retryEntry({ variables: { id: confirmRetryId } });\n    } finally {\n      setConfirmRetryId(null);\n    }\n  }, [confirmRetryId, retryEntry]);\n\n  const entries = listData?.listSyncOutboxEntries.items ?? [];\n  const total = listData?.listSyncOutboxEntries.total ?? 0;\n  const totalPages = Math.max(1, Math.ceil(total / PAGE_SIZE));\n  const stats = statsData?.syncOutboxStats;\n\n  const columns = useMemo(\n    () => [\n      {\n        key: 'operation',\n        header: 'Operation',\n        width: '180px',\n        render: (entry: OutboxEntry) => (\n          <code className=\"text-xs bg-muted px-1.5 py-0.5 rounded\">{entry.operation}</code>\n        ),\n      },\n      {\n        key: 'workspaceId',\n        header: 'Workspace',\n        render: (entry: OutboxEntry) => (\n          <span className=\"font-mono text-xs text-muted-foreground\">{entry.workspaceId}</span>\n        ),\n      },\n      {\n        key: 'status',\n        header: 'Status',\n        width: '170px',\n        render: (entry: OutboxEntry) => <StatusBadge status={entry.status} />,\n      },\n      {\n        key: 'attempts',\n        header: 'Attempts',\n        width: '100px',\n        align: 'right' as const,\n        render: (entry: OutboxEntry) => (\n          <span className=\"text-sm\">\n            {entry.attempts}\n            <span className=\"text-muted-foreground\">/{entry.maxAttempts}</span>\n          </span>\n        ),\n      },\n      {\n        key: 'nextRetryAt',\n        header: 'Next retry',\n        width: '160px',\n        render: (entry: OutboxEntry) =>\n          entry.nextRetryAt ? (\n            <span className=\"text-sm text-muted-foreground\">\n              {formatRelativeTime(entry.nextRetryAt)}\n            </span>\n          ) : (\n            <span className=\"text-xs text-muted-foreground\">—</span>\n          ),\n      },\n      {\n        key: 'createdAt',\n        header: 'Created',\n        width: '160px',\n        render: (entry: OutboxEntry) => (\n          <span className=\"text-sm text-muted-foreground\">\n            {formatRelativeTime(entry.createdAt)}\n          </span>\n        ),\n      },\n      {\n        key: 'actions',\n        header: '',\n        width: '120px',\n        align: 'right' as const,\n        render: (entry: OutboxEntry) => {\n          // Retry is only meaningful for entries that have exhausted automatic\n          // retries. PENDING/RETRYING entries already get picked up by the\n          // background reconciler. SUCCESS entries don't need retrying.\n          const isRetryable = asStatusValue(entry.status) === 'PERMANENTLY_FAILED';\n          if (!canManageSyncFailures || !isRetryable) {\n            return null;\n          }\n          return (\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={(e) => {\n                e.stopPropagation();\n                setConfirmRetryId(entry.id);\n              }}\n              disabled={retrying}\n            >\n              <RotateCw className=\"mr-1.5 h-3.5 w-3.5\" />\n              Retry\n            </Button>\n          );\n        },\n      },\n    ],\n    [canManageSyncFailures, retrying]\n  );\n\n  return (\n    <PermissionGuard\n      allowed={canViewSyncFailures}\n      isLoading={permissionsLoading}\n      pageTitle=\"Sync Failures\"\n      denyMessage=\"Only super-admins can view cross-layer sync failures.\"\n    >\n      <PageLayout\n        title=\"Sync Failures\"\n        description=\"Cross-layer sync operations (global → workspace) that did not complete. Automatic retries run in the background; use the manual retry once the underlying issue is fixed.\"\n        actions={\n          <Button variant=\"outline\" onClick={handleRefresh} disabled={listLoading || statsLoading}>\n            <RefreshCw className={`mr-2 h-4 w-4 ${listLoading ? 'animate-spin' : ''}`} />\n            Refresh\n          </Button>\n        }\n      >\n        <div className=\"space-y-6\">\n          {/* Stats */}\n          <MetricsGrid>\n            <MetricCard\n              title=\"Pending\"\n              value={stats?.pending ?? 0}\n              icon={<Clock className=\"h-5 w-5\" />}\n              subtitle=\"Waiting for first retry\"\n              loading={statsLoading}\n            />\n            <MetricCard\n              title=\"Retrying\"\n              value={stats?.retrying ?? 0}\n              icon={<RotateCw className=\"h-5 w-5\" />}\n              subtitle=\"Automatic backoff in progress\"\n              loading={statsLoading}\n            />\n            <MetricCard\n              title=\"Permanently failed\"\n              value={stats?.permanentlyFailed ?? 0}\n              icon={<AlertOctagon className=\"h-5 w-5\" />}\n              subtitle=\"Exhausted automatic retries\"\n              priority={stats?.permanentlyFailed ? 'critical' : 'normal'}\n              loading={statsLoading}\n            />\n            <MetricCard\n              title=\"Successful\"\n              value={stats?.successful ?? 0}\n              icon={<CheckCircle2 className=\"h-5 w-5\" />}\n              subtitle=\"Synced (auto-purged after 7 days)\"\n              loading={statsLoading}\n            />\n          </MetricsGrid>\n\n          {/* Filters */}\n          <div className=\"flex flex-wrap items-center gap-2\">\n            {(\n              [\n                ['PERMANENTLY_FAILED', 'Permanently failed'],\n                ['RETRYING', 'Retrying'],\n                ['PENDING', 'Pending'],\n                ['SUCCESS', 'Successful'],\n                ['all', 'All'],\n              ] as Array<[StatusFilter, string]>\n            ).map(([value, label]) => (\n              <Button\n                key={value}\n                variant={statusFilter === value ? 'default' : 'outline'}\n                size=\"sm\"\n                onClick={() => {\n                  setStatusFilter(value);\n                  setPage(1);\n                  // Clear any expanded error detail card — the row it referenced\n                  // may not be in the new result set.\n                  setExpandedErrorId(null);\n                }}\n              >\n                {label}\n              </Button>\n            ))}\n          </div>\n\n          {/* Error banner */}\n          {listError && (\n            <Card>\n              <CardContent className=\"py-4 text-sm text-destructive\">\n                Failed to load sync outbox entries: {listError.message}\n              </CardContent>\n            </Card>\n          )}\n\n          {/* Table */}\n          <DataTable\n            columns={columns}\n            data={entries}\n            keyExtractor={(entry) => entry.id}\n            loading={listLoading}\n            onRowClick={(entry: OutboxEntry) =>\n              setExpandedErrorId((current) => (current === entry.id ? null : entry.id))\n            }\n            emptyState={\n              <EmptyState\n                icon={<CheckCircle2 className=\"h-8 w-8\" />}\n                title=\"No sync failures\"\n                description={\n                  statusFilter === 'PERMANENTLY_FAILED'\n                    ? 'Nothing has exhausted automatic retries.'\n                    : 'No outbox entries match the current filter.'\n                }\n              />\n            }\n          />\n\n          {/* Expanded error detail */}\n          {expandedErrorId &&\n            entries\n              .filter((e: OutboxEntry) => e.id === expandedErrorId)\n              .map((entry: OutboxEntry) => (\n                <Card key={entry.id}>\n                  <CardContent className=\"space-y-2 py-4 text-sm\">\n                    <div className=\"flex items-center justify-between\">\n                      <span className=\"font-medium\">Last error</span>\n                      <span className=\"text-xs text-muted-foreground\">\n                        {entry.lastAttemptAt\n                          ? `Last attempt: ${formatDateTime(entry.lastAttemptAt)}`\n                          : 'Never attempted'}\n                      </span>\n                    </div>\n                    <pre className=\"whitespace-pre-wrap break-words rounded bg-muted px-3 py-2 text-xs text-muted-foreground\">\n                      {entry.lastError ?? 'No error recorded'}\n                    </pre>\n                    <div className=\"text-xs text-muted-foreground\">\n                      Entry id: <code className=\"font-mono\">{entry.id}</code>\n                    </div>\n                  </CardContent>\n                </Card>\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={(p) => {\n                setPage(p);\n                // Same rationale as the filter buttons — the previously\n                // expanded row may not be in the new page's result set.\n                setExpandedErrorId(null);\n              }}\n            />\n          )}\n        </div>\n\n        {/* Retry confirm */}\n        <ConfirmDialog\n          open={!!confirmRetryId}\n          onClose={() => setConfirmRetryId(null)}\n          onConfirm={handleConfirmRetry}\n          title=\"Retry this sync?\"\n          description={\n            <>\n              The entry will be flipped to <strong>RETRYING</strong> and the background reconciler\n              will pick it up on its next tick. Attempts will reset to 0 so the entry gets a fresh\n              retry budget.\n              <br />\n              <br />\n              Make sure the underlying issue (e.g. a downstream service that was down) is actually\n              resolved — otherwise it will fail again.\n            </>\n          }\n          confirmLabel={retrying ? 'Requeueing…' : 'Retry'}\n          loading={retrying}\n        />\n      </PageLayout>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"SyncFailuresPage.js","names":[],"sources":["../../../src/admin/pages/SyncFailuresPage.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\nimport { RefreshCw, AlertOctagon, Clock, CheckCircle2, RotateCw } from 'lucide-react';\nimport { useAdminPermissions } from '../hooks/useAdminPermissions';\nimport {\n  PageLayout,\n  MetricCard,\n  MetricsGrid,\n  Card,\n  CardContent,\n  Badge,\n  Button,\n  DataTable,\n  Pagination,\n  EmptyState,\n  PermissionGuard,\n  ConfirmDialog,\n  useToast,\n} from '../components';\nimport { formatDateTime, formatRelativeTime } from '../utils/formatters';\nimport { SyncOutboxStatus } from '../../generated/global-types';\nimport {\n  useListSyncOutboxEntriesQuery,\n  useSyncOutboxStatsQuery,\n  useRetrySyncOutboxEntryMutation,\n  type ListSyncOutboxEntriesQuery,\n} from '../../generated/global-operations';\n\nconst PAGE_SIZE = 25;\n\n// Single source of truth for the underlying string values. Authored as a\n// const-tuple so TypeScript derives both the union type and a runtime guard.\n// The mapping below is type-checked: if codegen ever drops or renames a\n// SyncOutboxStatus enum member, the build fails at STATUS_TO_GQL, not at\n// runtime.\nconst STATUS_VALUES = ['PENDING', 'RETRYING', 'SUCCESS', 'PERMANENTLY_FAILED'] as const;\ntype StatusValue = (typeof STATUS_VALUES)[number];\ntype StatusFilter = 'all' | StatusValue;\n\ntype OutboxEntry = ListSyncOutboxEntriesQuery['listSyncOutboxEntries']['items'][number];\n\n// Typed bridge between our boundary string union and the codegen-generated\n// enum. Explicit mapping makes the codegen casing dependency a compile-time\n// constraint instead of a runtime cast.\nconst STATUS_TO_GQL: Record<StatusValue, SyncOutboxStatus> = {\n  PENDING: SyncOutboxStatus.Pending,\n  RETRYING: SyncOutboxStatus.Retrying,\n  SUCCESS: SyncOutboxStatus.Success,\n  PERMANENTLY_FAILED: SyncOutboxStatus.PermanentlyFailed,\n};\n\n// Reverse map: codegen enum value → boundary string. Falls back to\n// PERMANENTLY_FAILED if codegen ever emits an unknown value — a loud-but-safe\n// default that surfaces the drift without breaking the page.\nfunction asStatusValue(s: SyncOutboxStatus): StatusValue {\n  const raw = String(s) as StatusValue;\n  return (STATUS_VALUES as readonly string[]).includes(raw) ? raw : 'PERMANENTLY_FAILED';\n}\n\nconst STATUS_VARIANTS: Record<StatusValue, string> = {\n  PENDING: 'bg-warning/10 text-warning border-warning/30',\n  RETRYING: 'bg-warning/10 text-warning border-warning/30',\n  SUCCESS: 'bg-success/10 text-success border-success/30',\n  PERMANENTLY_FAILED: 'bg-status-error-bg/10 text-status-error-text border-status-error-border/30',\n};\n\nconst STATUS_LABELS: Record<StatusValue, string> = {\n  PENDING: 'Pending',\n  RETRYING: 'Retrying',\n  SUCCESS: 'Success',\n  PERMANENTLY_FAILED: 'Permanently failed',\n};\n\nfunction StatusBadge({ status }: { status: SyncOutboxStatus }) {\n  const key = asStatusValue(status);\n  return (\n    <Badge variant=\"outline\" className={STATUS_VARIANTS[key]}>\n      {STATUS_LABELS[key]}\n    </Badge>\n  );\n}\n\n/**\n * Sync Failures admin page.\n *\n * Shows the state of the cross-layer sync outbox so a super-admin can spot\n * users/workspaces that didn't get fully provisioned (e.g. signup happened\n * while a downstream service was down) and manually requeue them once the\n * underlying problem is fixed.\n *\n * Manual retry only flips the row to RETRYING; the background reconciler in\n * global-tenant-svc actually performs the sync on its next tick. That keeps\n * the existing single-writer retry semantics intact.\n */\nexport function SyncFailuresPage() {\n  const {\n    canViewSyncFailures,\n    canManageSyncFailures,\n    isLoading: permissionsLoading,\n  } = useAdminPermissions();\n  const toast = useToast();\n\n  const [page, setPage] = useState(1);\n  const [statusFilter, setStatusFilter] = useState<StatusFilter>('PERMANENTLY_FAILED');\n  const [confirmRetryId, setConfirmRetryId] = useState<string | null>(null);\n  const [expandedErrorId, setExpandedErrorId] = useState<string | null>(null);\n\n  const filter = useMemo(() => {\n    if (statusFilter === 'all') return undefined;\n    // Explicit, type-checked mapping — replaces the previous `as unknown as`\n    // double-cast. If codegen ever renames a SyncOutboxStatus enum member,\n    // the build fails at STATUS_TO_GQL above, not silently at runtime.\n    return { statuses: [STATUS_TO_GQL[statusFilter]] };\n  }, [statusFilter]);\n\n  const skipQueries = permissionsLoading || !canViewSyncFailures;\n\n  const {\n    data: listData,\n    loading: listLoading,\n    error: listError,\n    refetch: refetchList,\n  } = useListSyncOutboxEntriesQuery({\n    variables: {\n      filter,\n      limit: PAGE_SIZE,\n      offset: (page - 1) * PAGE_SIZE,\n    },\n    fetchPolicy: 'cache-and-network',\n    skip: skipQueries,\n  });\n\n  const {\n    data: statsData,\n    loading: statsLoading,\n    refetch: refetchStats,\n  } = useSyncOutboxStatsQuery({\n    fetchPolicy: 'cache-and-network',\n    skip: skipQueries,\n  });\n\n  const [retryEntry, { loading: retrying }] = useRetrySyncOutboxEntryMutation({\n    onCompleted: (data) => {\n      const result = data.retrySyncOutboxEntry;\n      if (result.success) {\n        toast.success(\n          'Requeued for retry',\n          result.message ?? 'The reconciler will pick it up on the next tick.'\n        );\n        void refetchList();\n        void refetchStats();\n      } else {\n        toast.error('Retry failed', result.message ?? 'Could not requeue this entry.');\n      }\n    },\n    onError: (err) => {\n      toast.error('Retry failed', err.message);\n    },\n  });\n\n  const handleRefresh = useCallback(() => {\n    void refetchList();\n    void refetchStats();\n  }, [refetchList, refetchStats]);\n\n  const handleConfirmRetry = useCallback(async () => {\n    if (!confirmRetryId) return;\n    // Apollo's mutate promise rejects on network/GraphQL error; without the\n    // finally the dialog would stay open and ConfirmDialog's awaited\n    // onConfirm would see an unhandled rejection. The onError toast still\n    // surfaces the failure to the user.\n    try {\n      await retryEntry({ variables: { id: confirmRetryId } });\n    } finally {\n      setConfirmRetryId(null);\n    }\n  }, [confirmRetryId, retryEntry]);\n\n  const entries = listData?.listSyncOutboxEntries.items ?? [];\n  const total = listData?.listSyncOutboxEntries.total ?? 0;\n  const totalPages = Math.max(1, Math.ceil(total / PAGE_SIZE));\n  const stats = statsData?.syncOutboxStats;\n\n  const columns = useMemo(\n    () => [\n      {\n        key: 'operation',\n        header: 'Operation',\n        width: '180px',\n        render: (entry: OutboxEntry) => (\n          <code className=\"text-xs bg-bg-sunken px-1.5 py-0.5 rounded\">{entry.operation}</code>\n        ),\n      },\n      {\n        key: 'workspaceId',\n        header: 'Workspace',\n        render: (entry: OutboxEntry) => (\n          <span className=\"font-mono text-xs text-text-secondary\">{entry.workspaceId}</span>\n        ),\n      },\n      {\n        key: 'status',\n        header: 'Status',\n        width: '170px',\n        render: (entry: OutboxEntry) => <StatusBadge status={entry.status} />,\n      },\n      {\n        key: 'attempts',\n        header: 'Attempts',\n        width: '100px',\n        align: 'right' as const,\n        render: (entry: OutboxEntry) => (\n          <span className=\"text-sm\">\n            {entry.attempts}\n            <span className=\"text-text-secondary\">/{entry.maxAttempts}</span>\n          </span>\n        ),\n      },\n      {\n        key: 'nextRetryAt',\n        header: 'Next retry',\n        width: '160px',\n        render: (entry: OutboxEntry) =>\n          entry.nextRetryAt ? (\n            <span className=\"text-sm text-text-secondary\">\n              {formatRelativeTime(entry.nextRetryAt)}\n            </span>\n          ) : (\n            <span className=\"text-xs text-text-secondary\">—</span>\n          ),\n      },\n      {\n        key: 'createdAt',\n        header: 'Created',\n        width: '160px',\n        render: (entry: OutboxEntry) => (\n          <span className=\"text-sm text-text-secondary\">\n            {formatRelativeTime(entry.createdAt)}\n          </span>\n        ),\n      },\n      {\n        key: 'actions',\n        header: '',\n        width: '120px',\n        align: 'right' as const,\n        render: (entry: OutboxEntry) => {\n          // Retry is only meaningful for entries that have exhausted automatic\n          // retries. PENDING/RETRYING entries already get picked up by the\n          // background reconciler. SUCCESS entries don't need retrying.\n          const isRetryable = asStatusValue(entry.status) === 'PERMANENTLY_FAILED';\n          if (!canManageSyncFailures || !isRetryable) {\n            return null;\n          }\n          return (\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={(e) => {\n                e.stopPropagation();\n                setConfirmRetryId(entry.id);\n              }}\n              disabled={retrying}\n            >\n              <RotateCw className=\"mr-1.5 h-3.5 w-3.5\" />\n              Retry\n            </Button>\n          );\n        },\n      },\n    ],\n    [canManageSyncFailures, retrying]\n  );\n\n  return (\n    <PermissionGuard\n      allowed={canViewSyncFailures}\n      isLoading={permissionsLoading}\n      pageTitle=\"Sync Failures\"\n      denyMessage=\"Only super-admins can view cross-layer sync failures.\"\n    >\n      <PageLayout\n        title=\"Sync Failures\"\n        description=\"Cross-layer sync operations (global → workspace) that did not complete. Automatic retries run in the background; use the manual retry once the underlying issue is fixed.\"\n        actions={\n          <Button variant=\"outline\" onClick={handleRefresh} disabled={listLoading || statsLoading}>\n            <RefreshCw className={`mr-2 h-4 w-4 ${listLoading ? 'animate-spin' : ''}`} />\n            Refresh\n          </Button>\n        }\n      >\n        <div className=\"space-y-6\">\n          {/* Stats */}\n          <MetricsGrid>\n            <MetricCard\n              title=\"Pending\"\n              value={stats?.pending ?? 0}\n              icon={<Clock className=\"h-5 w-5\" />}\n              subtitle=\"Waiting for first retry\"\n              loading={statsLoading}\n            />\n            <MetricCard\n              title=\"Retrying\"\n              value={stats?.retrying ?? 0}\n              icon={<RotateCw className=\"h-5 w-5\" />}\n              subtitle=\"Automatic backoff in progress\"\n              loading={statsLoading}\n            />\n            <MetricCard\n              title=\"Permanently failed\"\n              value={stats?.permanentlyFailed ?? 0}\n              icon={<AlertOctagon className=\"h-5 w-5\" />}\n              subtitle=\"Exhausted automatic retries\"\n              priority={stats?.permanentlyFailed ? 'critical' : 'normal'}\n              loading={statsLoading}\n            />\n            <MetricCard\n              title=\"Successful\"\n              value={stats?.successful ?? 0}\n              icon={<CheckCircle2 className=\"h-5 w-5\" />}\n              subtitle=\"Synced (auto-purged after 7 days)\"\n              loading={statsLoading}\n            />\n          </MetricsGrid>\n\n          {/* Filters */}\n          <div className=\"flex flex-wrap items-center gap-2\">\n            {(\n              [\n                ['PERMANENTLY_FAILED', 'Permanently failed'],\n                ['RETRYING', 'Retrying'],\n                ['PENDING', 'Pending'],\n                ['SUCCESS', 'Successful'],\n                ['all', 'All'],\n              ] as Array<[StatusFilter, string]>\n            ).map(([value, label]) => (\n              <Button\n                key={value}\n                variant={statusFilter === value ? 'default' : 'outline'}\n                size=\"sm\"\n                onClick={() => {\n                  setStatusFilter(value);\n                  setPage(1);\n                  // Clear any expanded error detail card — the row it referenced\n                  // may not be in the new result set.\n                  setExpandedErrorId(null);\n                }}\n              >\n                {label}\n              </Button>\n            ))}\n          </div>\n\n          {/* Error banner */}\n          {listError && (\n            <Card>\n              <CardContent className=\"py-4 text-sm text-status-error-text\">\n                Failed to load sync outbox entries: {listError.message}\n              </CardContent>\n            </Card>\n          )}\n\n          {/* Table */}\n          <DataTable\n            columns={columns}\n            data={entries}\n            keyExtractor={(entry) => entry.id}\n            loading={listLoading}\n            onRowClick={(entry: OutboxEntry) =>\n              setExpandedErrorId((current) => (current === entry.id ? null : entry.id))\n            }\n            emptyState={\n              <EmptyState\n                icon={<CheckCircle2 className=\"h-8 w-8\" />}\n                title=\"No sync failures\"\n                description={\n                  statusFilter === 'PERMANENTLY_FAILED'\n                    ? 'Nothing has exhausted automatic retries.'\n                    : 'No outbox entries match the current filter.'\n                }\n              />\n            }\n          />\n\n          {/* Expanded error detail */}\n          {expandedErrorId &&\n            entries\n              .filter((e: OutboxEntry) => e.id === expandedErrorId)\n              .map((entry: OutboxEntry) => (\n                <Card key={entry.id}>\n                  <CardContent className=\"space-y-2 py-4 text-sm\">\n                    <div className=\"flex items-center justify-between\">\n                      <span className=\"font-medium\">Last error</span>\n                      <span className=\"text-xs text-text-secondary\">\n                        {entry.lastAttemptAt\n                          ? `Last attempt: ${formatDateTime(entry.lastAttemptAt)}`\n                          : 'Never attempted'}\n                      </span>\n                    </div>\n                    <pre className=\"whitespace-pre-wrap break-words rounded bg-bg-sunken px-3 py-2 text-xs text-text-secondary\">\n                      {entry.lastError ?? 'No error recorded'}\n                    </pre>\n                    <div className=\"text-xs text-text-secondary\">\n                      Entry id: <code className=\"font-mono\">{entry.id}</code>\n                    </div>\n                  </CardContent>\n                </Card>\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={(p) => {\n                setPage(p);\n                // Same rationale as the filter buttons — the previously\n                // expanded row may not be in the new page's result set.\n                setExpandedErrorId(null);\n              }}\n            />\n          )}\n        </div>\n\n        {/* Retry confirm */}\n        <ConfirmDialog\n          open={!!confirmRetryId}\n          onClose={() => setConfirmRetryId(null)}\n          onConfirm={handleConfirmRetry}\n          title=\"Retry this sync?\"\n          description={\n            <>\n              The entry will be flipped to <strong>RETRYING</strong> and the background reconciler\n              will pick it up on its next tick. Attempts will reset to 0 so the entry gets a fresh\n              retry budget.\n              <br />\n              <br />\n              Make sure the underlying issue (e.g. a downstream service that was down) is actually\n              resolved — otherwise it will fail again.\n            </>\n          }\n          confirmLabel={retrying ? 'Requeueing…' : 'Retry'}\n          loading={retrying}\n        />\n      </PageLayout>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}

package/dist/admin/pages/TenantDetailPage.js

@@ -59,13 +59,13 @@ function F() {
 			title: U("admin.tenantDetail.loadingTitle", "Loading..."),
 			children: /* @__PURE__ */ j("div", {
 				className: "flex h-64 items-center justify-center",
-				children: /* @__PURE__ */ j(O, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+				children: /* @__PURE__ */ j(O, { className: "h-8 w-8 animate-spin text-text-secondary" })
 			})
 		}) : K || !Q ? /* @__PURE__ */ M(u, {
 			title: U("admin.tenantDetail.notFoundTitle", "Tenant Not Found"),
 			description: U("admin.tenantDetail.notFoundDescription", "The requested tenant could not be found"),
 			children: [K && /* @__PURE__ */ j("div", {
-				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: K.message
 			}), /* @__PURE__ */ M(i, {
 				variant: "outline",
@@ -120,15 +120,15 @@ function F() {
 								}), /* @__PURE__ */ M("div", {
 									className: "flex-1 space-y-4",
 									children: [/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("h2", {
-										className: "text-xl font-semibold text-foreground",
+										className: "text-xl font-semibold text-text-primary",
 										children: Q.name
 									}), /* @__PURE__ */ M("p", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: ["@", Q.slug]
 									})] }), /* @__PURE__ */ M("div", {
 										className: "flex flex-wrap items-center gap-4",
 										children: [/* @__PURE__ */ j(d, { status: Q.status }), Q.plan && /* @__PURE__ */ j("span", {
-											className: "rounded-md bg-primary/10 px-2 py-1 text-xs font-medium text-primary",
+											className: "rounded-md bg-action-primary-bg/10 px-2 py-1 text-xs font-medium text-primary",
 											children: Q.plan
 										})]
 									})]
@@ -140,8 +140,8 @@ function F() {
 								children: [
 									Q.ownerEmail && /* @__PURE__ */ M("div", {
 										className: "flex items-center gap-3",
-										children: [/* @__PURE__ */ j(te, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
-											className: "text-xs text-muted-foreground",
+										children: [/* @__PURE__ */ j(te, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+											className: "text-xs text-text-secondary",
 											children: U("admin.tenantDetail.overview.ownerEmail", "Owner Email")
 										}), /* @__PURE__ */ j("p", {
 											className: "text-sm font-medium",
@@ -150,8 +150,8 @@ function F() {
 									}),
 									Q.domain && /* @__PURE__ */ M("div", {
 										className: "flex items-center gap-3",
-										children: [/* @__PURE__ */ j(D, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
-											className: "text-xs text-muted-foreground",
+										children: [/* @__PURE__ */ j(D, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+											className: "text-xs text-text-secondary",
 											children: U("admin.tenantDetail.overview.domain", "Domain")
 										}), /* @__PURE__ */ j("p", {
 											className: "text-sm font-medium",
@@ -160,8 +160,8 @@ function F() {
 									}),
 									/* @__PURE__ */ M("div", {
 										className: "flex items-center gap-3",
-										children: [/* @__PURE__ */ j(T, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
-											className: "text-xs text-muted-foreground",
+										children: [/* @__PURE__ */ j(T, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+											className: "text-xs text-text-secondary",
 											children: U("admin.tenantDetail.overview.created", "Created")
 										}), /* @__PURE__ */ j("p", {
 											className: "text-sm font-medium",
@@ -170,8 +170,8 @@ function F() {
 									}),
 									/* @__PURE__ */ M("div", {
 										className: "flex items-center gap-3",
-										children: [/* @__PURE__ */ j(T, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
-											className: "text-xs text-muted-foreground",
+										children: [/* @__PURE__ */ j(T, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+											className: "text-xs text-text-secondary",
 											children: U("admin.tenantDetail.overview.lastUpdated", "Last Updated")
 										}), /* @__PURE__ */ j("p", {
 											className: "text-sm font-medium",
@@ -187,12 +187,12 @@ function F() {
 						}) }), /* @__PURE__ */ j(o, { children: /* @__PURE__ */ j("div", {
 							className: "space-y-2",
 							children: $.map((e) => /* @__PURE__ */ M("div", {
-								className: "flex items-center justify-between rounded-lg border border-border p-3",
+								className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
 								children: [/* @__PURE__ */ j("span", {
 									className: "text-sm font-medium",
 									children: e.name
 								}), /* @__PURE__ */ j("span", {
-									className: "text-xs text-muted-foreground capitalize",
+									className: "text-xs text-text-secondary capitalize",
 									children: e.status?.toLowerCase()
 								})]
 							}, e.id))
@@ -204,37 +204,37 @@ function F() {
 							className: "grid gap-4 sm:grid-cols-2",
 							children: [
 								/* @__PURE__ */ M("div", {
-									className: "flex items-center justify-between rounded-lg border border-border p-3",
+									className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
 									children: [/* @__PURE__ */ j("span", {
 										className: "text-sm",
 										children: U("admin.tenantDetail.settings.allowSignup", "Allow Signup")
 									}), /* @__PURE__ */ j("span", {
-										className: `text-sm font-medium ${Q.settings?.allowSignup ? "text-success" : "text-muted-foreground"}`,
+										className: `text-sm font-medium ${Q.settings?.allowSignup ? "text-success" : "text-text-secondary"}`,
 										children: Q.settings?.allowSignup ? U("admin.tenantDetail.settings.enabled", "Enabled") : U("admin.tenantDetail.settings.disabled", "Disabled")
 									})]
 								}),
 								/* @__PURE__ */ M("div", {
-									className: "flex items-center justify-between rounded-lg border border-border p-3",
+									className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
 									children: [/* @__PURE__ */ j("span", {
 										className: "text-sm",
 										children: U("admin.tenantDetail.settings.sso", "SSO")
 									}), /* @__PURE__ */ j("span", {
-										className: `text-sm font-medium ${Q.settings?.ssoEnabled ? "text-success" : "text-muted-foreground"}`,
+										className: `text-sm font-medium ${Q.settings?.ssoEnabled ? "text-success" : "text-text-secondary"}`,
 										children: Q.settings?.ssoEnabled ? U("admin.tenantDetail.settings.enabled", "Enabled") : U("admin.tenantDetail.settings.disabled", "Disabled")
 									})]
 								}),
 								/* @__PURE__ */ M("div", {
-									className: "flex items-center justify-between rounded-lg border border-border p-3",
+									className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
 									children: [/* @__PURE__ */ j("span", {
 										className: "text-sm",
 										children: U("admin.tenantDetail.settings.mfaRequired", "MFA Required")
 									}), /* @__PURE__ */ j("span", {
-										className: `text-sm font-medium ${Q.settings?.mfaRequired ? "text-success" : "text-muted-foreground"}`,
+										className: `text-sm font-medium ${Q.settings?.mfaRequired ? "text-success" : "text-text-secondary"}`,
 										children: Q.settings?.mfaRequired ? U("admin.tenantDetail.settings.yes", "Yes") : U("admin.tenantDetail.settings.no", "No")
 									})]
 								}),
 								/* @__PURE__ */ M("div", {
-									className: "flex items-center justify-between rounded-lg border border-border p-3",
+									className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
 									children: [/* @__PURE__ */ j("span", {
 										className: "text-sm",
 										children: U("admin.tenantDetail.settings.dataRetention", "Data Retention")