@burdenoff/microfe-admin 2026.511.1

package/dist/admin/pages/SettingsPage.js

@@ -0,0 +1,279 @@
+import { useAdminPermissions as e } from "../hooks/useAdminPermissions.js";
+import { Button as t, Card as n, CardContent as r, CardDescription as i, CardHeader as a, CardTitle as o, Input as s, Separator as c } from "../components/ui.js";
+import { PageLayout as l } from "../components/PageLayout.js";
+import { tWithFallback as u } from "../utils/i18n.js";
+import { PermissionGuard as d } from "../components/PermissionGuard.js";
+import "../components/index.js";
+import { Bell as f, Database as p, Globe as m, Key as h, Settings as g, Shield as _ } from "lucide-react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { useI18n as b } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/admin/pages/SettingsPage.tsx
+function x() {
+	let { canManageSettings: x, isLoading: S } = e(), { t: C } = b(), w = (e, t, n) => u(C, e, t, n), T = [
+		{
+			key: "newTenantSignups",
+			label: w("admin.settings.notifications.items.newTenantSignups.label", "New tenant signups"),
+			description: w("admin.settings.notifications.items.newTenantSignups.description", "Get notified when new tenants register")
+		},
+		{
+			key: "paymentFailures",
+			label: w("admin.settings.notifications.items.paymentFailures.label", "Payment failures"),
+			description: w("admin.settings.notifications.items.paymentFailures.description", "Alert when payments fail")
+		},
+		{
+			key: "criticalTickets",
+			label: w("admin.settings.notifications.items.criticalTickets.label", "Critical tickets"),
+			description: w("admin.settings.notifications.items.criticalTickets.description", "Notify on critical support tickets")
+		},
+		{
+			key: "systemAlerts",
+			label: w("admin.settings.notifications.items.systemAlerts.label", "System alerts"),
+			description: w("admin.settings.notifications.items.systemAlerts.description", "Infrastructure and health alerts")
+		}
+	];
+	return /* @__PURE__ */ v(d, {
+		allowed: x,
+		isLoading: S,
+		pageTitle: w("admin.settings.title", "Settings"),
+		denyMessage: w("admin.settings.denyMessage", "You don't have permission to manage platform settings."),
+		children: /* @__PURE__ */ v(l, {
+			title: w("admin.settings.title", "Settings"),
+			description: w("admin.settings.description", "Configure platform settings and preferences"),
+			children: /* @__PURE__ */ y("div", {
+				className: "grid gap-6 lg:grid-cols-3",
+				children: [/* @__PURE__ */ y("div", {
+					className: "space-y-6 lg:col-span-2",
+					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, {
+								className: "text-lg",
+								children: w("admin.settings.general.title", "General")
+							})]
+						}), /* @__PURE__ */ v(i, { children: w("admin.settings.general.description", "Basic platform configuration") })] }), /* @__PURE__ */ y(r, {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ y("div", {
+									className: "grid gap-4 sm:grid-cols-2",
+									children: [/* @__PURE__ */ y("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ v("label", {
+											className: "text-sm font-medium",
+											children: w("admin.settings.general.platformName", "Platform Name")
+										}), /* @__PURE__ */ v(s, { defaultValue: "Burdenoff Admin" })]
+									}), /* @__PURE__ */ y("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ v("label", {
+											className: "text-sm font-medium",
+											children: w("admin.settings.general.supportEmail", "Support Email")
+										}), /* @__PURE__ */ v(s, {
+											defaultValue: "support@burdenoff.com",
+											type: "email"
+										})]
+									})]
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ v("label", {
+										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",
+										children: [
+											/* @__PURE__ */ v("option", {
+												value: "UTC",
+												children: "UTC"
+											}),
+											/* @__PURE__ */ v("option", {
+												value: "America/New_York",
+												children: w("admin.settings.general.timezones.eastern", "Eastern Time (ET)")
+											}),
+											/* @__PURE__ */ v("option", {
+												value: "America/Los_Angeles",
+												children: w("admin.settings.general.timezones.pacific", "Pacific Time (PT)")
+											}),
+											/* @__PURE__ */ v("option", {
+												value: "Europe/London",
+												children: w("admin.settings.general.timezones.london", "London (GMT)")
+											}),
+											/* @__PURE__ */ v("option", {
+												value: "Asia/Kolkata",
+												children: w("admin.settings.general.timezones.india", "India (IST)")
+											})
+										]
+									})]
+								}),
+								/* @__PURE__ */ v("div", {
+									className: "flex justify-end",
+									children: /* @__PURE__ */ v(t, { children: w("admin.settings.general.saveChanges", "Save Changes") })
+								})
+							]
+						})] }),
+						/* @__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, {
+								className: "text-lg",
+								children: w("admin.settings.security.title", "Security")
+							})]
+						}), /* @__PURE__ */ v(i, { children: w("admin.settings.security.description", "Security and authentication settings") })] }), /* @__PURE__ */ y(r, {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ y("div", {
+									className: "flex items-center justify-between rounded-lg border border-border 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",
+										children: w("admin.settings.security.twoFactor.description", "Require 2FA for all admin accounts")
+									})] }), /* @__PURE__ */ v(t, {
+										variant: "outline",
+										children: w("admin.settings.security.twoFactor.configure", "Configure")
+									})]
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "flex items-center justify-between rounded-lg border border-border 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",
+										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",
+										children: [
+											/* @__PURE__ */ v("option", {
+												value: "15",
+												children: w("admin.settings.security.sessionTimeout.options.15m", "15 minutes")
+											}),
+											/* @__PURE__ */ v("option", {
+												value: "30",
+												children: w("admin.settings.security.sessionTimeout.options.30m", "30 minutes")
+											}),
+											/* @__PURE__ */ v("option", {
+												value: "60",
+												children: w("admin.settings.security.sessionTimeout.options.1h", "1 hour")
+											}),
+											/* @__PURE__ */ v("option", {
+												value: "480",
+												children: w("admin.settings.security.sessionTimeout.options.8h", "8 hours")
+											})
+										]
+									})]
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "flex items-center justify-between rounded-lg border border-border 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",
+										children: w("admin.settings.security.ipAllowlist.description", "Restrict access to specific IPs")
+									})] }), /* @__PURE__ */ v(t, {
+										variant: "outline",
+										children: w("admin.settings.security.ipAllowlist.manage", "Manage")
+									})]
+								})
+							]
+						})] }),
+						/* @__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, {
+								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",
+								children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("div", {
+									className: "font-medium",
+									children: e.label
+								}), /* @__PURE__ */ v("div", {
+									className: "text-sm text-muted-foreground",
+									children: e.description
+								})] }), /* @__PURE__ */ y("label", {
+									className: "relative inline-flex cursor-pointer items-center",
+									children: [/* @__PURE__ */ v("input", {
+										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" })]
+								})]
+							}, e.key))
+						})] })
+					]
+				}), /* @__PURE__ */ y("div", {
+					className: "space-y-6",
+					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, {
+								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",
+								children: w("admin.settings.apiKeys.description", "Manage API keys for programmatic access to the admin API.")
+							}), /* @__PURE__ */ v(t, {
+								variant: "outline",
+								className: "w-full",
+								children: w("admin.settings.apiKeys.manage", "Manage API Keys")
+							})]
+						})] }),
+						/* @__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, {
+								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",
+								children: w("admin.settings.integrations.description", "Connect third-party services and tools.")
+							}), /* @__PURE__ */ v(t, {
+								variant: "outline",
+								className: "w-full",
+								children: w("admin.settings.integrations.view", "View Integrations")
+							})]
+						})] }),
+						/* @__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, {
+								className: "text-lg",
+								children: w("admin.settings.data.title", "Data")
+							})]
+						}) }), /* @__PURE__ */ y(r, {
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ v(t, {
+									variant: "outline",
+									className: "w-full justify-start",
+									children: w("admin.settings.data.export", "Export Data")
+								}),
+								/* @__PURE__ */ v(t, {
+									variant: "outline",
+									className: "w-full justify-start",
+									children: w("admin.settings.data.auditLogs", "Audit Logs")
+								}),
+								/* @__PURE__ */ v(c, {}),
+								/* @__PURE__ */ v(t, {
+									variant: "outline",
+									className: "w-full justify-start text-destructive",
+									children: w("admin.settings.data.dangerZone", "Danger Zone")
+								})
+							]
+						})] })
+					]
+				})]
+			})
+		})
+	});
+}
+//#endregion
+export { x as SettingsPage };
+
+//# sourceMappingURL=SettingsPage.js.map

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

@@ -0,0 +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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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TenantDetailPage.d.ts","sourceRoot":"","sources":["../../../src/admin/pages/TenantDetailPage.tsx"],"names":[],"mappings":"AA0CA;;GAEG;AACH,wBAAgB,gBAAgB,4CAuX/B"}

package/dist/admin/pages/TenantDetailPage.js

@@ -0,0 +1,274 @@
+import { useToast as e } from "../components/Toast.js";
+import { useAdmin as t } from "../providers/AdminProvider.js";
+import { useAdminPermissions as n } from "../hooks/useAdminPermissions.js";
+import { Avatar as r, Button as i, Card as a, CardContent as o, CardHeader as s, CardTitle as c, Separator as l } from "../components/ui.js";
+import { PageLayout as u } from "../components/PageLayout.js";
+import { TenantStatusBadge as d } from "../components/StatusBadge.js";
+import { formatDate as f } from "../utils/formatters.js";
+import { tWithFallback as p } from "../utils/i18n.js";
+import { PermissionGuard as m } from "../components/PermissionGuard.js";
+import "../components/index.js";
+import { joinPath as h } from "../utils/navigation.js";
+import { mapTenantToUi as g } from "../utils/mappers.js";
+import { useActivateTenantMutation as _, useGetTenantQuery as v, useSuspendTenantMutation as y } from "../../generated/global-operations.js";
+import { emitTenantLifecycle as b } from "../utils/tenantEvents.js";
+import { ArrowLeft as x, Ban as S, Building2 as C, Calendar as w, CheckCircle as T, Globe as E, Loader2 as D, Mail as O, Settings as k, Users as A } from "lucide-react";
+import { useNavigate as ee, useParams as te } from "react-router-dom";
+import { jsx as j, jsxs as M } from "react/jsx-runtime";
+import { useI18n as N } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useEventBus as P } from "@burdenoff/fe-libs/shared/events";
+//#region src/admin/pages/TenantDetailPage.tsx
+function F() {
+	let { canViewTenants: F, canManageTenants: I, isLoading: L } = n(), { tenantId: R } = te(), z = ee(), { basePath: B = "" } = t(), V = e(), { t: H } = N(), U = (e, t, n) => p(H, e, t, n), { data: W, loading: G, error: K } = v({
+		variables: { id: R },
+		skip: !R || L || !F,
+		fetchPolicy: "cache-and-network"
+	}), [q, { loading: J }] = y(), [Y, { loading: X }] = _(), Z = P(), Q = W?.tenant ? g(W.tenant) : null, ne = async () => {
+		if (!R) return;
+		let e = Q?.slug;
+		try {
+			await q({ variables: { id: R } }), b(Z, "tenant.tenant.suspended", {
+				tenantId: R,
+				tenantSlug: e,
+				status: "SUSPENDED"
+			}), V.success(U("admin.tenantDetail.toast.suspendedTitle", "Tenant suspended"), U("admin.tenantDetail.toast.suspendedDescription", "{{name}} has been suspended.", { name: Q?.name ?? "" }));
+		} catch (e) {
+			V.error(U("admin.tenantDetail.toast.errorTitle", "Error"), e instanceof Error ? e.message : U("admin.tenantDetail.toast.suspendFailed", "Failed to suspend tenant."));
+		}
+	}, re = async () => {
+		if (!R) return;
+		let e = Q?.slug;
+		try {
+			await Y({ variables: { id: R } }), b(Z, "tenant.tenant.activated", {
+				tenantId: R,
+				tenantSlug: e,
+				status: "ACTIVE"
+			}), V.success(U("admin.tenantDetail.toast.activatedTitle", "Tenant activated"), U("admin.tenantDetail.toast.activatedDescription", "{{name}} has been activated.", { name: Q?.name ?? "" }));
+		} catch (e) {
+			V.error(U("admin.tenantDetail.toast.errorTitle", "Error"), e instanceof Error ? e.message : U("admin.tenantDetail.toast.activateFailed", "Failed to activate tenant."));
+		}
+	}, $ = W?.tenant?.workspaces ?? [];
+	return /* @__PURE__ */ j(m, {
+		allowed: F,
+		isLoading: L,
+		pageTitle: U("admin.tenantDetail.pageTitle", "Tenant Details"),
+		denyMessage: U("admin.tenantDetail.denyMessage", "You don't have permission to view tenant details."),
+		children: G ? /* @__PURE__ */ j(u, {
+			title: U("admin.tenantDetail.loadingTitle", "Loading..."),
+			children: /* @__PURE__ */ j("div", {
+				className: "flex h-64 items-center justify-center",
+				children: /* @__PURE__ */ j(D, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+			})
+		}) : 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",
+				children: K.message
+			}), /* @__PURE__ */ M(i, {
+				variant: "outline",
+				onClick: () => z(h(B, "tenants")),
+				children: [/* @__PURE__ */ j(x, { className: "mr-2 h-4 w-4" }), U("admin.tenantDetail.backToTenants", "Back to Tenants")]
+			})]
+		}) : /* @__PURE__ */ j(u, {
+			title: Q.name,
+			description: U("admin.tenantDetail.tenantId", "Tenant ID: {{id}}", { id: Q.id }),
+			actions: /* @__PURE__ */ M("div", {
+				className: "flex items-center gap-2",
+				children: [
+					/* @__PURE__ */ M(i, {
+						variant: "outline",
+						onClick: () => z(h(B, "tenants")),
+						children: [/* @__PURE__ */ j(x, { className: "mr-2 h-4 w-4" }), U("admin.tenantDetail.back", "Back")]
+					}),
+					I && /* @__PURE__ */ M(i, {
+						variant: "outline",
+						onClick: () => z(h(B, `tenants/${Q.id}/edit`)),
+						children: [/* @__PURE__ */ j(k, { className: "mr-2 h-4 w-4" }), U("admin.tenantDetail.edit", "Edit")]
+					}),
+					I && (Q.status === "active" ? /* @__PURE__ */ M(i, {
+						variant: "outline",
+						className: "text-warning",
+						onClick: ne,
+						disabled: J,
+						children: [J ? /* @__PURE__ */ j(D, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ j(S, { className: "mr-2 h-4 w-4" }), U("admin.tenantDetail.suspend", "Suspend")]
+					}) : /* @__PURE__ */ M(i, {
+						variant: "outline",
+						className: "text-success",
+						onClick: re,
+						disabled: X,
+						children: [X ? /* @__PURE__ */ j(D, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ j(T, { className: "mr-2 h-4 w-4" }), U("admin.tenantDetail.activate", "Activate")]
+					}))
+				]
+			}),
+			children: /* @__PURE__ */ M("div", {
+				className: "grid gap-6 lg:grid-cols-3",
+				children: [/* @__PURE__ */ M("div", {
+					className: "space-y-6 lg:col-span-2",
+					children: [
+						/* @__PURE__ */ M(a, { children: [/* @__PURE__ */ j(s, { children: /* @__PURE__ */ j(c, {
+							className: "text-lg",
+							children: U("admin.tenantDetail.overview.title", "Overview")
+						}) }), /* @__PURE__ */ M(o, { children: [
+							/* @__PURE__ */ M("div", {
+								className: "flex items-start gap-4",
+								children: [/* @__PURE__ */ j(r, {
+									fallback: Q.name.slice(0, 2).toUpperCase(),
+									size: "lg"
+								}), /* @__PURE__ */ M("div", {
+									className: "flex-1 space-y-4",
+									children: [/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("h2", {
+										className: "text-xl font-semibold text-foreground",
+										children: Q.name
+									}), /* @__PURE__ */ M("p", {
+										className: "text-sm text-muted-foreground",
+										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",
+											children: Q.plan
+										})]
+									})]
+								})]
+							}),
+							/* @__PURE__ */ j(l, { className: "my-6" }),
+							/* @__PURE__ */ M("div", {
+								className: "grid gap-4 sm:grid-cols-2",
+								children: [
+									Q.ownerEmail && /* @__PURE__ */ M("div", {
+										className: "flex items-center gap-3",
+										children: [/* @__PURE__ */ j(O, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+											className: "text-xs text-muted-foreground",
+											children: U("admin.tenantDetail.overview.ownerEmail", "Owner Email")
+										}), /* @__PURE__ */ j("p", {
+											className: "text-sm font-medium",
+											children: Q.ownerEmail
+										})] })]
+									}),
+									Q.domain && /* @__PURE__ */ M("div", {
+										className: "flex items-center gap-3",
+										children: [/* @__PURE__ */ j(E, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+											className: "text-xs text-muted-foreground",
+											children: U("admin.tenantDetail.overview.domain", "Domain")
+										}), /* @__PURE__ */ j("p", {
+											className: "text-sm font-medium",
+											children: Q.domain
+										})] })]
+									}),
+									/* @__PURE__ */ M("div", {
+										className: "flex items-center gap-3",
+										children: [/* @__PURE__ */ j(w, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+											className: "text-xs text-muted-foreground",
+											children: U("admin.tenantDetail.overview.created", "Created")
+										}), /* @__PURE__ */ j("p", {
+											className: "text-sm font-medium",
+											children: f(Q.createdAt)
+										})] })]
+									}),
+									/* @__PURE__ */ M("div", {
+										className: "flex items-center gap-3",
+										children: [/* @__PURE__ */ j(w, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+											className: "text-xs text-muted-foreground",
+											children: U("admin.tenantDetail.overview.lastUpdated", "Last Updated")
+										}), /* @__PURE__ */ j("p", {
+											className: "text-sm font-medium",
+											children: f(Q.updatedAt)
+										})] })]
+									})
+								]
+							})
+						] })] }),
+						$.length > 0 && /* @__PURE__ */ M(a, { children: [/* @__PURE__ */ j(s, { children: /* @__PURE__ */ j(c, {
+							className: "text-lg",
+							children: U("admin.tenantDetail.workspaces.title", "Workspaces ({{count}})", { count: $.length })
+						}) }), /* @__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",
+								children: [/* @__PURE__ */ j("span", {
+									className: "text-sm font-medium",
+									children: e.name
+								}), /* @__PURE__ */ j("span", {
+									className: "text-xs text-muted-foreground capitalize",
+									children: e.status?.toLowerCase()
+								})]
+							}, e.id))
+						}) })] }),
+						Q.settings && /* @__PURE__ */ M(a, { children: [/* @__PURE__ */ j(s, { children: /* @__PURE__ */ j(c, {
+							className: "text-lg",
+							children: U("admin.tenantDetail.settings.title", "Settings")
+						}) }), /* @__PURE__ */ j(o, { children: /* @__PURE__ */ M("div", {
+							className: "grid gap-4 sm:grid-cols-2",
+							children: [
+								/* @__PURE__ */ M("div", {
+									className: "flex items-center justify-between rounded-lg border border-border 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"}`,
+										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",
+									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"}`,
+										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",
+									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"}`,
+										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",
+									children: [/* @__PURE__ */ j("span", {
+										className: "text-sm",
+										children: U("admin.tenantDetail.settings.dataRetention", "Data Retention")
+									}), /* @__PURE__ */ j("span", {
+										className: "text-sm font-medium",
+										children: U("admin.tenantDetail.settings.dataRetentionDays", "{{days}} days", { days: Q.settings?.dataRetentionDays ?? 0 })
+									})]
+								})
+							]
+						}) })] })
+					]
+				}), /* @__PURE__ */ j("div", {
+					className: "space-y-6",
+					children: /* @__PURE__ */ M(a, { children: [/* @__PURE__ */ j(s, { children: /* @__PURE__ */ j(c, {
+						className: "text-lg",
+						children: U("admin.tenantDetail.actions.title", "Actions")
+					}) }), /* @__PURE__ */ M(o, {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ M(i, {
+							variant: "outline",
+							className: "w-full justify-start",
+							onClick: () => z(h(B, `users?tenantId=${Q.id}`)),
+							children: [/* @__PURE__ */ j(A, { className: "mr-2 h-4 w-4" }), U("admin.tenantDetail.actions.viewUsers", "View Users")]
+						}), /* @__PURE__ */ M(i, {
+							variant: "outline",
+							className: "w-full justify-start",
+							onClick: () => z(h(B, `billing/subscriptions?tenantId=${Q.id}`)),
+							children: [/* @__PURE__ */ j(C, { className: "mr-2 h-4 w-4" }), U("admin.tenantDetail.actions.viewBilling", "View Billing")]
+						})]
+					})] })
+				})]
+			})
+		})
+	});
+}
+//#endregion
+export { F as TenantDetailPage };
+
+//# sourceMappingURL=TenantDetailPage.js.map