@burdenoff/microfe-admin 2026.624.1 → 2026.626.1

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-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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"}
+{"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 { EmphasisPanel, ShowMore, PagePurpose } from '@burdenoff/fe-libs/ui';\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        gradientWord={tr('admin.settings.title', 'Settings')}\n        description={tr(\n          'admin.settings.description',\n          'Configure platform settings and preferences'\n        )}\n      >\n        <PagePurpose className=\"mb-6\">\n          {tr(\n            'admin.settings.purpose',\n            'Platform-wide configuration in one place — the general details every product inherits, security defaults, API access, and which events page you. Change these to set the baseline behaviour for the whole platform, not a single tenant.'\n          )}\n        </PagePurpose>\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 — primary settings zone (emphasis) */}\n            <EmphasisPanel className=\"p-0\">\n            <Card className=\"border-0 bg-transparent shadow-none hover:border-0\">\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            </EmphasisPanel>\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>\n                <ShowMore collapsedHeight={180} label=\"More notification settings\">\n                  <div 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-seam 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                  </div>\n                </ShowMore>\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

@@ -4,86 +4,87 @@ import { Badge as n, Button as r, Card as i, CardContent as a, EmptyState as o }
 import { PageLayout as s } from "../components/PageLayout.js";
 import { formatDateTime as c, formatRelativeTime as l } from "../utils/formatters.js";
 import { MetricCard as u, MetricsGrid as d } from "../components/MetricCard.js";
-import { DataTable as f, Pagination as ee } from "../components/DataTable.js";
-import { ConfirmDialog as te } from "../components/ConfirmDialog.js";
-import { PermissionGuard as p } from "../components/PermissionGuard.js";
+import { DataTable as ee, Pagination as te } from "../components/DataTable.js";
+import { ConfirmDialog as ne } from "../components/ConfirmDialog.js";
+import { PermissionGuard as re } from "../components/PermissionGuard.js";
 import "../components/index.js";
-import { useListSyncOutboxEntriesQuery as m, useRetrySyncOutboxEntryMutation as h, useSyncOutboxStatsQuery as g } from "../../generated/global-operations.js";
-import { SyncOutboxStatus as _ } from "../../generated/global-types.js";
-import { useCallback as v, useMemo as y, useState as b } from "react";
-import { AlertOctagon as ne, CheckCircle2 as x, Clock as re, RefreshCw as S, RotateCw as C } from "lucide-react";
-import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { useListSyncOutboxEntriesQuery as f, useRetrySyncOutboxEntryMutation as p, useSyncOutboxStatsQuery as ie } from "../../generated/global-operations.js";
+import { SyncOutboxStatus as m } from "../../generated/global-types.js";
+import { useCallback as h, useMemo as g, useState as _ } from "react";
+import { AlertOctagon as v, CheckCircle2 as y, Clock as b, RefreshCw as x, RotateCw as S } from "lucide-react";
+import { Fragment as ae, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { PagePurpose as T } from "@burdenoff/fe-libs/ui";
 //#region src/admin/pages/SyncFailuresPage.tsx
-var D = 25, O = [
+var E = 25, D = [
 	"PENDING",
 	"RETRYING",
 	"SUCCESS",
 	"PERMANENTLY_FAILED"
-], k = {
-	PENDING: _.Pending,
-	RETRYING: _.Retrying,
-	SUCCESS: _.Success,
-	PERMANENTLY_FAILED: _.PermanentlyFailed
+], O = {
+	PENDING: m.Pending,
+	RETRYING: m.Retrying,
+	SUCCESS: m.Success,
+	PERMANENTLY_FAILED: m.PermanentlyFailed
 };
-function A(e) {
+function k(e) {
 	let t = String(e);
-	return O.includes(t) ? t : "PERMANENTLY_FAILED";
+	return D.includes(t) ? t : "PERMANENTLY_FAILED";
 }
-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-status-error-bg/10 text-status-error-text border-status-error-border/30"
-}, M = {
+var A = {
+	PENDING: "bg-status-warning-bg text-status-warning-text border-status-warning-border",
+	RETRYING: "bg-status-warning-bg text-status-warning-text border-status-warning-border",
+	SUCCESS: "bg-status-success-bg text-status-success-text border-status-success-border",
+	PERMANENTLY_FAILED: "bg-status-error-bg text-status-error-text border-status-error-border"
+}, j = {
 	PENDING: "Pending",
 	RETRYING: "Retrying",
 	SUCCESS: "Success",
 	PERMANENTLY_FAILED: "Permanently failed"
 };
-function ie({ status: e }) {
-	let t = A(e);
-	return /* @__PURE__ */ T(n, {
+function oe({ status: e }) {
+	let t = k(e);
+	return /* @__PURE__ */ C(n, {
 		variant: "outline",
-		className: j[t],
-		children: M[t]
+		className: A[t],
+		children: j[t]
 	});
 }
-function N() {
-	let { canViewSyncFailures: n, canManageSyncFailures: _, isLoading: O } = t(), j = e(), [M, N] = b(1), [P, F] = b("PERMANENTLY_FAILED"), [I, L] = b(null), [R, z] = b(null), B = y(() => {
-		if (P !== "all") return { statuses: [k[P]] };
-	}, [P]), V = O || !n, { data: H, loading: U, error: W, refetch: G } = m({
+function M() {
+	let { canViewSyncFailures: n, canManageSyncFailures: m, isLoading: D } = t(), A = e(), [j, M] = _(1), [N, P] = _("PERMANENTLY_FAILED"), [F, I] = _(null), [L, R] = _(null), z = g(() => {
+		if (N !== "all") return { statuses: [O[N]] };
+	}, [N]), B = D || !n, { data: V, loading: H, error: U, refetch: W } = f({
 		variables: {
-			filter: B,
-			limit: D,
-			offset: (M - 1) * D
+			filter: z,
+			limit: E,
+			offset: (j - 1) * E
 		},
 		fetchPolicy: "cache-and-network",
-		skip: V
-	}), { data: K, loading: q, refetch: J } = g({
+		skip: B
+	}), { data: G, loading: K, refetch: q } = ie({
 		fetchPolicy: "cache-and-network",
-		skip: V
-	}), [Y, { loading: X }] = h({
+		skip: B
+	}), [J, { loading: Y }] = p({
 		onCompleted: (e) => {
 			let t = e.retrySyncOutboxEntry;
-			t.success ? (j.success("Requeued for retry", t.message ?? "The reconciler will pick it up on the next tick."), G(), J()) : j.error("Retry failed", t.message ?? "Could not requeue this entry.");
+			t.success ? (A.success("Requeued for retry", t.message ?? "The reconciler will pick it up on the next tick."), W(), q()) : A.error("Retry failed", t.message ?? "Could not requeue this entry.");
 		},
 		onError: (e) => {
-			j.error("Retry failed", e.message);
+			A.error("Retry failed", e.message);
 		}
-	}), ae = v(() => {
-		G(), J();
-	}, [G, J]), oe = v(async () => {
-		if (I) try {
-			await Y({ variables: { id: I } });
+	}), X = h(() => {
+		W(), q();
+	}, [W, q]), se = h(async () => {
+		if (F) try {
+			await J({ variables: { id: F } });
 		} finally {
-			L(null);
+			I(null);
 		}
-	}, [I, Y]), Z = H?.listSyncOutboxEntries.items ?? [], Q = H?.listSyncOutboxEntries.total ?? 0, se = Math.max(1, Math.ceil(Q / D)), $ = K?.syncOutboxStats, ce = y(() => [
+	}, [F, J]), Z = V?.listSyncOutboxEntries.items ?? [], Q = V?.listSyncOutboxEntries.total ?? 0, ce = Math.max(1, Math.ceil(Q / E)), $ = G?.syncOutboxStats, le = g(() => [
 		{
 			key: "operation",
 			header: "Operation",
 			width: "180px",
-			render: (e) => /* @__PURE__ */ T("code", {
+			render: (e) => /* @__PURE__ */ C("code", {
 				className: "text-xs bg-bg-sunken px-1.5 py-0.5 rounded",
 				children: e.operation
 			})
@@ -91,7 +92,7 @@ function N() {
 		{
 			key: "workspaceId",
 			header: "Workspace",
-			render: (e) => /* @__PURE__ */ T("span", {
+			render: (e) => /* @__PURE__ */ C("span", {
 				className: "font-mono text-xs text-text-secondary",
 				children: e.workspaceId
 			})
@@ -100,16 +101,16 @@ function N() {
 			key: "status",
 			header: "Status",
 			width: "170px",
-			render: (e) => /* @__PURE__ */ T(ie, { status: e.status })
+			render: (e) => /* @__PURE__ */ C(oe, { status: e.status })
 		},
 		{
 			key: "attempts",
 			header: "Attempts",
 			width: "100px",
 			align: "right",
-			render: (e) => /* @__PURE__ */ E("span", {
+			render: (e) => /* @__PURE__ */ w("span", {
 				className: "text-sm",
-				children: [e.attempts, /* @__PURE__ */ E("span", {
+				children: [e.attempts, /* @__PURE__ */ w("span", {
 					className: "text-text-secondary",
 					children: ["/", e.maxAttempts]
 				})]
@@ -119,10 +120,10 @@ function N() {
 			key: "nextRetryAt",
 			header: "Next retry",
 			width: "160px",
-			render: (e) => e.nextRetryAt ? /* @__PURE__ */ T("span", {
+			render: (e) => e.nextRetryAt ? /* @__PURE__ */ C("span", {
 				className: "text-sm text-text-secondary",
 				children: l(e.nextRetryAt)
-			}) : /* @__PURE__ */ T("span", {
+			}) : /* @__PURE__ */ C("span", {
 				className: "text-xs text-text-secondary",
 				children: "—"
 			})
@@ -131,7 +132,7 @@ function N() {
 			key: "createdAt",
 			header: "Created",
 			width: "160px",
-			render: (e) => /* @__PURE__ */ T("span", {
+			render: (e) => /* @__PURE__ */ C("span", {
 				className: "text-sm text-text-secondary",
 				children: l(e.createdAt)
 			})
@@ -142,68 +143,71 @@ function N() {
 			width: "120px",
 			align: "right",
 			render: (e) => {
-				let t = A(e.status) === "PERMANENTLY_FAILED";
-				return !_ || !t ? null : /* @__PURE__ */ E(r, {
+				let t = k(e.status) === "PERMANENTLY_FAILED";
+				return !m || !t ? null : /* @__PURE__ */ w(r, {
 					variant: "outline",
 					size: "sm",
 					onClick: (t) => {
-						t.stopPropagation(), L(e.id);
+						t.stopPropagation(), I(e.id);
 					},
-					disabled: X,
-					children: [/* @__PURE__ */ T(C, { className: "mr-1.5 h-3.5 w-3.5" }), "Retry"]
+					disabled: Y,
+					children: [/* @__PURE__ */ C(S, { className: "mr-1.5 h-3.5 w-3.5" }), "Retry"]
 				});
 			}
 		}
-	], [_, X]);
-	return /* @__PURE__ */ T(p, {
+	], [m, Y]);
+	return /* @__PURE__ */ C(re, {
 		allowed: n,
-		isLoading: O,
+		isLoading: D,
 		pageTitle: "Sync Failures",
 		denyMessage: "Only super-admins can view cross-layer sync failures.",
-		children: /* @__PURE__ */ E(s, {
+		children: /* @__PURE__ */ w(s, {
 			title: "Sync Failures",
+			gradientWord: "Failures",
 			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.",
-			actions: /* @__PURE__ */ E(r, {
+			actions: /* @__PURE__ */ w(r, {
 				variant: "outline",
-				onClick: ae,
-				disabled: U || q,
-				children: [/* @__PURE__ */ T(S, { className: `mr-2 h-4 w-4 ${U ? "animate-spin" : ""}` }), "Refresh"]
+				onClick: X,
+				disabled: H || K,
+				children: [/* @__PURE__ */ C(x, { className: `mr-2 h-4 w-4 ${H ? "animate-spin" : ""}` }), "Refresh"]
 			}),
-			children: [/* @__PURE__ */ E("div", {
+			children: [/* @__PURE__ */ w("div", {
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ E(d, { children: [
-						/* @__PURE__ */ T(u, {
+					/* @__PURE__ */ C(T, { children: "When the platform can't deliver an event to a downstream system, it lands in this sync outbox. Use this page to see what failed, retry an entry once the issue is fixed, and clear out events that are stuck — keeping integrations in sync across services." }),
+					/* @__PURE__ */ w(d, { children: [
+						/* @__PURE__ */ C(u, {
 							title: "Pending",
+							hero: !0,
 							value: $?.pending ?? 0,
-							icon: /* @__PURE__ */ T(re, { className: "h-5 w-5" }),
+							icon: /* @__PURE__ */ C(b, { className: "h-5 w-5" }),
 							subtitle: "Waiting for first retry",
-							loading: q
+							loading: K
 						}),
-						/* @__PURE__ */ T(u, {
+						/* @__PURE__ */ C(u, {
 							title: "Retrying",
 							value: $?.retrying ?? 0,
-							icon: /* @__PURE__ */ T(C, { className: "h-5 w-5" }),
+							icon: /* @__PURE__ */ C(S, { className: "h-5 w-5" }),
 							subtitle: "Automatic backoff in progress",
-							loading: q
+							loading: K
 						}),
-						/* @__PURE__ */ T(u, {
+						/* @__PURE__ */ C(u, {
 							title: "Permanently failed",
 							value: $?.permanentlyFailed ?? 0,
-							icon: /* @__PURE__ */ T(ne, { className: "h-5 w-5" }),
+							icon: /* @__PURE__ */ C(v, { className: "h-5 w-5" }),
 							subtitle: "Exhausted automatic retries",
 							priority: $?.permanentlyFailed ? "critical" : "normal",
-							loading: q
+							loading: K
 						}),
-						/* @__PURE__ */ T(u, {
+						/* @__PURE__ */ C(u, {
 							title: "Successful",
 							value: $?.successful ?? 0,
-							icon: /* @__PURE__ */ T(x, { className: "h-5 w-5" }),
+							icon: /* @__PURE__ */ C(y, { className: "h-5 w-5" }),
 							subtitle: "Synced (auto-purged after 7 days)",
-							loading: q
+							loading: K
 						})
 					] }),
-					/* @__PURE__ */ T("div", {
+					/* @__PURE__ */ C("div", {
 						className: "flex flex-wrap items-center gap-2",
 						children: [
 							["PERMANENTLY_FAILED", "Permanently failed"],
@@ -211,87 +215,88 @@ function N() {
 							["PENDING", "Pending"],
 							["SUCCESS", "Successful"],
 							["all", "All"]
-						].map(([e, t]) => /* @__PURE__ */ T(r, {
-							variant: P === e ? "default" : "outline",
+						].map(([e, t]) => /* @__PURE__ */ C(r, {
+							variant: N === e ? "default" : "outline",
 							size: "sm",
 							onClick: () => {
-								F(e), N(1), z(null);
+								P(e), M(1), R(null);
 							},
 							children: t
 						}, e))
 					}),
-					W && /* @__PURE__ */ T(i, { children: /* @__PURE__ */ E(a, {
+					U && /* @__PURE__ */ C(i, { children: /* @__PURE__ */ w(a, {
 						className: "py-4 text-sm text-status-error-text",
-						children: ["Failed to load sync outbox entries: ", W.message]
+						children: ["Failed to load sync outbox entries: ", U.message]
 					}) }),
-					/* @__PURE__ */ T(f, {
-						columns: ce,
+					/* @__PURE__ */ C(ee, {
+						columns: le,
 						data: Z,
 						keyExtractor: (e) => e.id,
-						loading: U,
-						onRowClick: (e) => z((t) => t === e.id ? null : e.id),
-						emptyState: /* @__PURE__ */ T(o, {
-							icon: /* @__PURE__ */ T(x, { className: "h-8 w-8" }),
+						loading: H,
+						onRowClick: (e) => R((t) => t === e.id ? null : e.id),
+						emptyState: /* @__PURE__ */ C(o, {
+							illustration: "empty-data",
+							icon: /* @__PURE__ */ C(y, { className: "h-8 w-8" }),
 							title: "No sync failures",
-							description: P === "PERMANENTLY_FAILED" ? "Nothing has exhausted automatic retries." : "No outbox entries match the current filter."
+							description: N === "PERMANENTLY_FAILED" ? "Nothing has exhausted automatic retries." : "No outbox entries match the current filter."
 						})
 					}),
-					R && Z.filter((e) => e.id === R).map((e) => /* @__PURE__ */ T(i, { children: /* @__PURE__ */ E(a, {
+					L && Z.filter((e) => e.id === L).map((e) => /* @__PURE__ */ C(i, { children: /* @__PURE__ */ w(a, {
 						className: "space-y-2 py-4 text-sm",
 						children: [
-							/* @__PURE__ */ E("div", {
+							/* @__PURE__ */ w("div", {
 								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ T("span", {
+								children: [/* @__PURE__ */ C("span", {
 									className: "font-medium",
 									children: "Last error"
-								}), /* @__PURE__ */ T("span", {
+								}), /* @__PURE__ */ C("span", {
 									className: "text-xs text-text-secondary",
 									children: e.lastAttemptAt ? `Last attempt: ${c(e.lastAttemptAt)}` : "Never attempted"
 								})]
 							}),
-							/* @__PURE__ */ T("pre", {
+							/* @__PURE__ */ C("pre", {
 								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", {
+							/* @__PURE__ */ w("div", {
 								className: "text-xs text-text-secondary",
-								children: ["Entry id: ", /* @__PURE__ */ T("code", {
+								children: ["Entry id: ", /* @__PURE__ */ C("code", {
 									className: "font-mono",
 									children: e.id
 								})]
 							})
 						]
 					}) }, e.id)),
-					Q > D && /* @__PURE__ */ T(ee, {
-						page: M,
-						totalPages: se,
+					Q > E && /* @__PURE__ */ C(te, {
+						page: j,
+						totalPages: ce,
 						totalItems: Q,
-						pageSize: D,
+						pageSize: E,
 						onPageChange: (e) => {
-							N(e), z(null);
+							M(e), R(null);
 						}
 					})
 				]
-			}), /* @__PURE__ */ T(te, {
-				open: !!I,
-				onClose: () => L(null),
-				onConfirm: oe,
+			}), /* @__PURE__ */ C(ne, {
+				open: !!F,
+				onClose: () => I(null),
+				onConfirm: se,
 				title: "Retry this sync?",
-				description: /* @__PURE__ */ E(w, { children: [
+				description: /* @__PURE__ */ w(ae, { children: [
 					"The entry will be flipped to ",
-					/* @__PURE__ */ T("strong", { children: "RETRYING" }),
+					/* @__PURE__ */ C("strong", { children: "RETRYING" }),
 					" and the background reconciler will pick it up on its next tick. Attempts will reset to 0 so the entry gets a fresh retry budget.",
-					/* @__PURE__ */ T("br", {}),
-					/* @__PURE__ */ T("br", {}),
+					/* @__PURE__ */ C("br", {}),
+					/* @__PURE__ */ C("br", {}),
 					"Make sure the underlying issue (e.g. a downstream service that was down) is actually resolved — otherwise it will fail again."
 				] }),
-				confirmLabel: X ? "Requeueing…" : "Retry",
-				loading: X
+				confirmLabel: Y ? "Requeueing…" : "Retry",
+				loading: Y
 			})]
 		})
 	});
 }
 //#endregion
-export { N as SyncFailuresPage };
+export { M as SyncFailuresPage };
 
 //# sourceMappingURL=SyncFailuresPage.js.map