@burdenoff/microfe-admin 2026.625.1 → 2026.712.1

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

@@ -1 +1 @@
-{"version":3,"file":"SandboxSettingsPage.js","names":[],"sources":["../../../src/admin/pages/SandboxSettingsPage.tsx"],"sourcesContent":["import { useState, useCallback, useEffect } from 'react';\nimport { Box, Cpu, MemoryStick, Timer, Users, Building2, CheckSquare, Save } from 'lucide-react';\nimport { useAdminPermissions } from '../hooks/useAdminPermissions';\nimport {\n  PageLayout,\n  Card,\n  CardHeader,\n  CardTitle,\n  CardContent,\n  CardDescription,\n  Button,\n  Input,\n  Separator,\n  MetricsGrid,\n  MetricCard,\n  useToast,\n  PermissionGuard,\n} from '../components';\nimport { useAdmin } from '../providers/AdminProvider';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nconst SANDBOX_TYPES = [\n  'VIBECONTROLS',\n  'AI_BUILDER',\n  'WORKFLOW_MULTI_NODE',\n  'MISC_SHELL',\n  'CUSTOM',\n] as const;\n\ntype SandboxType = (typeof SANDBOX_TYPES)[number];\n\nconst TTL_OPTIONS = [\n  { label: '30 minutes', value: 1800 },\n  { label: '1 hour', value: 3600 },\n  { label: '2 hours', value: 7200 },\n  { label: '4 hours', value: 14400 },\n  { label: '8 hours', value: 28800 },\n  { label: '24 hours', value: 86400 },\n] as const;\n\ninterface SandboxConfig {\n  defaultTtl: number;\n  maxTtl: number;\n  allowedSandboxTypes: SandboxType[];\n  maxConcurrentPerUser: number;\n  maxConcurrentPerWorkspace: number;\n  defaultCpuRequest: string;\n  defaultCpuLimit: string;\n  defaultMemoryRequest: string;\n  defaultMemoryLimit: string;\n}\n\n// ============================================================================\n// Mocked Stats (will be wired to query later)\n// ============================================================================\n\nconst MOCK_STATS = {\n  totalActive: 12,\n  totalQueued: 3,\n  totalCompleted: 847,\n  totalFailed: 14,\n};\n\n// ============================================================================\n// Helpers — Gateway URL derivation\n// ============================================================================\n\n/**\n * Derive the workspace gateway URL from the global gateway URL.\n *\n * Convention:\n *   global gateway  → https://graphql.burdenoff.com/global/graphql\n *   wspace gateway  → https://graphqlworkspaces.burdenoff.com/workspaces/graphql\n *\n * For local dev the global gateway is at localhost:4000 and the workspace\n * gateway is at localhost:4003, so we swap the port as a fallback.\n */\nfunction deriveWorkspaceGatewayUrl(apiGatewayUrl: string | undefined): string {\n  if (!apiGatewayUrl) {\n    return 'http://localhost:4003/workspaces/graphql';\n  }\n\n  // Local port-forward convention: 4000 → 4003\n  if (apiGatewayUrl.includes('localhost:4000')) {\n    return apiGatewayUrl\n      .replace('localhost:4000', 'localhost:4003')\n      .replace('/global/', '/workspaces/');\n  }\n\n  // Alpha / prod convention: alphagraphql → alphagraphqlworkspaces, graphql → graphqlworkspaces\n  if (apiGatewayUrl.includes('/global/')) {\n    return apiGatewayUrl\n      .replace(/\\/\\/graphql\\./, '//graphqlworkspaces.')\n      .replace(/\\/\\/alphagraphql\\./, '//alphagraphqlworkspaces.')\n      .replace('/global/', '/workspaces/');\n  }\n\n  // Fallback: assume local dev\n  return 'http://localhost:4003/workspaces/graphql';\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\n/**\n * Sandbox Settings page for superadmin sandbox configuration.\n * Manages platform-wide sandbox defaults including TTLs, resource limits,\n * allowed types, and concurrency caps.\n */\nexport function SandboxSettingsPage() {\n  const { canManageSandbox, isLoading: permissionsLoading } = useAdminPermissions();\n  const toast = useToast();\n  const { apiGatewayUrl, authToken, tenantId } = useAdmin();\n  const workspaceGatewayUrl = deriveWorkspaceGatewayUrl(apiGatewayUrl);\n\n  const [config, setConfig] = useState<SandboxConfig>({\n    defaultTtl: 3600,\n    maxTtl: 14400,\n    allowedSandboxTypes: [\n      'VIBECONTROLS',\n      'AI_BUILDER',\n      'WORKFLOW_MULTI_NODE',\n      'MISC_SHELL',\n      'CUSTOM',\n    ],\n    maxConcurrentPerUser: 3,\n    maxConcurrentPerWorkspace: 10,\n    defaultCpuRequest: '500m',\n    defaultCpuLimit: '2',\n    defaultMemoryRequest: '512Mi',\n    defaultMemoryLimit: '4Gi',\n  });\n\n  const [isSaving, setIsSaving] = useState(false);\n  const [isLoading, setIsLoading] = useState(false);\n\n  // ---------------------------------------------------------------------------\n  // Load config on mount\n  // ---------------------------------------------------------------------------\n  useEffect(() => {\n    if (!tenantId || permissionsLoading || !canManageSandbox) return;\n\n    // Auth tokens go to the gateway (edge) which validates and strips them.\n    // X-Workspace-ID is forwarded to downstream subgraphs as workspace context.\n    const headers: Record<string, string> = {\n      'Content-Type': 'application/json',\n    };\n    if (authToken) headers['Authorization'] = `Bearer ${authToken}`;\n    if (tenantId) headers['X-Workspace-ID'] = tenantId;\n\n    setIsLoading(true);\n    fetch(workspaceGatewayUrl, {\n      method: 'POST',\n      headers,\n      body: JSON.stringify({\n        query: `query GetSandboxConfig($context: ContextInput!) {\n          getSandboxConfig(context: $context) {\n            id\n            defaultTtlSeconds\n            maxTtlSeconds\n            allowedTemplates\n            maxConcurrentPerUser\n            maxConcurrentPerWorkspace\n            defaultCpuRequest\n            defaultCpuLimit\n            defaultMemoryRequest\n            defaultMemoryLimit\n          }\n        }`,\n        variables: { context: { workspaceId: tenantId } },\n      }),\n    })\n      .then((r) => r.json())\n      .then((result) => {\n        if (result.data?.getSandboxConfig) {\n          const c = result.data.getSandboxConfig;\n          setConfig({\n            defaultTtl: c.defaultTtlSeconds,\n            maxTtl: c.maxTtlSeconds,\n            allowedSandboxTypes: c.allowedTemplates,\n            maxConcurrentPerUser: c.maxConcurrentPerUser,\n            maxConcurrentPerWorkspace: c.maxConcurrentPerWorkspace,\n            defaultCpuRequest: c.defaultCpuRequest,\n            defaultCpuLimit: c.defaultCpuLimit,\n            defaultMemoryRequest: c.defaultMemoryRequest,\n            defaultMemoryLimit: c.defaultMemoryLimit,\n          });\n        }\n      })\n      .catch((err) => {\n        console.error('Failed to load sandbox config:', err);\n        toast.error('Load Failed', 'Failed to load sandbox configuration.');\n      })\n      .finally(() => setIsLoading(false));\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- toast excluded to avoid re-fetching when its reference changes\n  }, [tenantId, authToken, workspaceGatewayUrl, permissionsLoading, canManageSandbox]);\n\n  const updateConfig = useCallback(\n    <K extends keyof SandboxConfig>(key: K, value: SandboxConfig[K]) => {\n      setConfig((prev) => ({ ...prev, [key]: value }));\n    },\n    []\n  );\n\n  const toggleSandboxType = useCallback((type: SandboxType) => {\n    setConfig((prev) => {\n      const types = prev.allowedSandboxTypes.includes(type)\n        ? prev.allowedSandboxTypes.filter((t) => t !== type)\n        : [...prev.allowedSandboxTypes, type];\n      return { ...prev, allowedSandboxTypes: types };\n    });\n  }, []);\n\n  const handleSave = useCallback(async () => {\n    // Validate max TTL >= default TTL\n    if (config.maxTtl < config.defaultTtl) {\n      toast.error('Validation Error', 'Max TTL must be greater than or equal to Default TTL.');\n      return;\n    }\n\n    if (config.allowedSandboxTypes.length === 0) {\n      toast.error('Validation Error', 'At least one sandbox type must be allowed.');\n      return;\n    }\n\n    setIsSaving(true);\n    try {\n      const headers: Record<string, string> = {\n        'Content-Type': 'application/json',\n      };\n      if (authToken) headers['Authorization'] = `Bearer ${authToken}`;\n      if (tenantId) headers['X-Workspace-ID'] = tenantId;\n\n      const response = await fetch(workspaceGatewayUrl, {\n        method: 'POST',\n        headers,\n        body: JSON.stringify({\n          query: `mutation UpdateSandboxConfig($input: UpdateSandboxConfigInput!) {\n            updateSandboxConfig(input: $input) {\n              id\n              defaultTtlSeconds\n              maxTtlSeconds\n              allowedTemplates\n              maxConcurrentPerUser\n              maxConcurrentPerWorkspace\n              defaultCpuRequest\n              defaultCpuLimit\n              defaultMemoryRequest\n              defaultMemoryLimit\n            }\n          }`,\n          variables: {\n            input: {\n              defaultTtlSeconds: config.defaultTtl,\n              maxTtlSeconds: config.maxTtl,\n              allowedTemplates: config.allowedSandboxTypes,\n              maxConcurrentPerUser: config.maxConcurrentPerUser,\n              maxConcurrentPerWorkspace: config.maxConcurrentPerWorkspace,\n              defaultCpuRequest: config.defaultCpuRequest,\n              defaultCpuLimit: config.defaultCpuLimit,\n              defaultMemoryRequest: config.defaultMemoryRequest,\n              defaultMemoryLimit: config.defaultMemoryLimit,\n              context: { workspaceId: tenantId },\n            },\n          },\n        }),\n      });\n\n      const result = await response.json();\n      if (result.errors) {\n        throw new Error(result.errors[0]?.message || 'Failed to save sandbox configuration');\n      }\n\n      toast.success('Settings Saved', 'Sandbox configuration has been updated successfully.');\n    } catch (err) {\n      toast.error(\n        'Save Failed',\n        err instanceof Error\n          ? err.message\n          : 'Failed to update sandbox configuration. Please try again.'\n      );\n    } finally {\n      setIsSaving(false);\n    }\n  }, [config, toast, authToken, tenantId, workspaceGatewayUrl]);\n\n  const selectClasses =\n    'h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm';\n\n  return (\n    <PermissionGuard\n      allowed={canManageSandbox}\n      isLoading={permissionsLoading}\n      pageTitle=\"Sandbox Settings\"\n      denyMessage=\"You don't have permission to manage sandbox settings.\"\n    >\n      <PageLayout\n        title=\"Sandbox Settings\"\n        gradientWord=\"Settings\"\n        description=\"Configure platform-wide sandbox defaults and resource limits\"\n      >\n        {/* Sandbox Stats */}\n        <Card className=\"mb-6\">\n          <CardHeader>\n            <div className=\"flex items-center gap-2\">\n              <Box className=\"h-5 w-5 text-text-secondary\" />\n              <CardTitle className=\"text-lg\">Sandbox Stats</CardTitle>\n            </div>\n            <CardDescription>Current sandbox usage across the platform</CardDescription>\n          </CardHeader>\n          <CardContent>\n            <MetricsGrid>\n              <MetricCard title=\"Active Sandboxes\" value={MOCK_STATS.totalActive} trend=\"up\" />\n              <MetricCard title=\"Queued\" value={MOCK_STATS.totalQueued} />\n              <MetricCard title=\"Completed (all time)\" value={MOCK_STATS.totalCompleted} />\n              <MetricCard title=\"Failed (all time)\" value={MOCK_STATS.totalFailed} trend=\"down\" />\n            </MetricsGrid>\n          </CardContent>\n        </Card>\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            {/* TTL Configuration */}\n            <Card>\n              <CardHeader>\n                <div className=\"flex items-center gap-2\">\n                  <Timer className=\"h-5 w-5 text-text-secondary\" />\n                  <CardTitle className=\"text-lg\">Time-to-Live (TTL)</CardTitle>\n                </div>\n                <CardDescription>\n                  Control how long sandboxes stay alive before automatic cleanup\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\">Default TTL</label>\n                    <select\n                      className={selectClasses}\n                      value={config.defaultTtl}\n                      onChange={(e) => updateConfig('defaultTtl', Number(e.target.value))}\n                    >\n                      {TTL_OPTIONS.map((opt) => (\n                        <option key={opt.value} value={opt.value}>\n                          {opt.label}\n                        </option>\n                      ))}\n                    </select>\n                    <p className=\"text-xs text-text-secondary\">\n                      Default lifetime for new sandboxes\n                    </p>\n                  </div>\n                  <div className=\"space-y-2\">\n                    <label className=\"text-sm font-medium\">Max TTL</label>\n                    <select\n                      className={selectClasses}\n                      value={config.maxTtl}\n                      onChange={(e) => updateConfig('maxTtl', Number(e.target.value))}\n                    >\n                      {TTL_OPTIONS.map((opt) => (\n                        <option key={opt.value} value={opt.value}>\n                          {opt.label}\n                        </option>\n                      ))}\n                    </select>\n                    <p className=\"text-xs text-text-secondary\">\n                      Maximum allowed TTL (must be &gt;= default)\n                    </p>\n                  </div>\n                </div>\n              </CardContent>\n            </Card>\n\n            {/* Allowed Sandbox Types */}\n            <Card>\n              <CardHeader>\n                <div className=\"flex items-center gap-2\">\n                  <CheckSquare className=\"h-5 w-5 text-text-secondary\" />\n                  <CardTitle className=\"text-lg\">Allowed Sandbox Types</CardTitle>\n                </div>\n                <CardDescription>\n                  Select which sandbox types users are permitted to create\n                </CardDescription>\n              </CardHeader>\n              <CardContent>\n                <div className=\"space-y-3\">\n                  {SANDBOX_TYPES.map((type) => (\n                    <label\n                      key={type}\n                      className=\"flex items-center gap-3 rounded-lg border border-border-subtle p-4 cursor-pointer hover:bg-bg-sunken/50 transition-colors\"\n                    >\n                      <input\n                        type=\"checkbox\"\n                        checked={config.allowedSandboxTypes.includes(type)}\n                        onChange={() => toggleSandboxType(type)}\n                        className=\"h-4 w-4 rounded border-border-default text-primary focus:ring-primary\"\n                      />\n                      <div>\n                        <div className=\"font-medium text-sm\">{formatSandboxType(type)}</div>\n                        <div className=\"text-xs text-text-secondary\">\n                          {getSandboxTypeDescription(type)}\n                        </div>\n                      </div>\n                    </label>\n                  ))}\n                </div>\n              </CardContent>\n            </Card>\n\n            {/* Resource Limits */}\n            <Card>\n              <CardHeader>\n                <div className=\"flex items-center gap-2\">\n                  <Cpu className=\"h-5 w-5 text-text-secondary\" />\n                  <CardTitle className=\"text-lg\">Default Resource Limits</CardTitle>\n                </div>\n                <CardDescription>\n                  Kubernetes resource requests and limits applied to new sandboxes\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\">CPU Request</label>\n                    <Input\n                      value={config.defaultCpuRequest}\n                      onChange={(e) => updateConfig('defaultCpuRequest', e.target.value)}\n                      placeholder=\"500m\"\n                    />\n                    <p className=\"text-xs text-text-secondary\">\n                      Kubernetes CPU request (e.g. 500m, 1)\n                    </p>\n                  </div>\n                  <div className=\"space-y-2\">\n                    <label className=\"text-sm font-medium\">CPU Limit</label>\n                    <Input\n                      value={config.defaultCpuLimit}\n                      onChange={(e) => updateConfig('defaultCpuLimit', e.target.value)}\n                      placeholder=\"2\"\n                    />\n                    <p className=\"text-xs text-text-secondary\">\n                      Kubernetes CPU limit (e.g. 1, 2, 4)\n                    </p>\n                  </div>\n                </div>\n                <Separator />\n                <div className=\"grid gap-4 sm:grid-cols-2\">\n                  <div className=\"space-y-2\">\n                    <label className=\"text-sm font-medium\">Memory Request</label>\n                    <Input\n                      value={config.defaultMemoryRequest}\n                      onChange={(e) => updateConfig('defaultMemoryRequest', e.target.value)}\n                      placeholder=\"512Mi\"\n                    />\n                    <p className=\"text-xs text-text-secondary\">\n                      Kubernetes memory request (e.g. 512Mi, 1Gi)\n                    </p>\n                  </div>\n                  <div className=\"space-y-2\">\n                    <label className=\"text-sm font-medium\">Memory Limit</label>\n                    <Input\n                      value={config.defaultMemoryLimit}\n                      onChange={(e) => updateConfig('defaultMemoryLimit', e.target.value)}\n                      placeholder=\"4Gi\"\n                    />\n                    <p className=\"text-xs text-text-secondary\">\n                      Kubernetes memory limit (e.g. 2Gi, 4Gi, 8Gi)\n                    </p>\n                  </div>\n                </div>\n              </CardContent>\n            </Card>\n          </div>\n\n          {/* Sidebar */}\n          <div className=\"space-y-6\">\n            {/* Concurrency Limits */}\n            <Card>\n              <CardHeader>\n                <div className=\"flex items-center gap-2\">\n                  <Users className=\"h-5 w-5 text-text-secondary\" />\n                  <CardTitle className=\"text-lg\">Concurrency</CardTitle>\n                </div>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                <div className=\"space-y-2\">\n                  <label className=\"text-sm font-medium\">Max Per User</label>\n                  <Input\n                    type=\"number\"\n                    min={1}\n                    max={50}\n                    value={config.maxConcurrentPerUser}\n                    onChange={(e) => updateConfig('maxConcurrentPerUser', Number(e.target.value))}\n                  />\n                  <p className=\"text-xs text-text-secondary\">\n                    Maximum concurrent sandboxes per user\n                  </p>\n                </div>\n                <Separator />\n                <div className=\"space-y-2\">\n                  <label className=\"text-sm font-medium\">Max Per Workspace</label>\n                  <Input\n                    type=\"number\"\n                    min={1}\n                    max={200}\n                    value={config.maxConcurrentPerWorkspace}\n                    onChange={(e) =>\n                      updateConfig('maxConcurrentPerWorkspace', Number(e.target.value))\n                    }\n                  />\n                  <p className=\"text-xs text-text-secondary\">\n                    Maximum concurrent sandboxes per workspace\n                  </p>\n                </div>\n              </CardContent>\n            </Card>\n\n            {/* Resource Presets Info */}\n            <Card>\n              <CardHeader>\n                <div className=\"flex items-center gap-2\">\n                  <MemoryStick className=\"h-5 w-5 text-text-secondary\" />\n                  <CardTitle className=\"text-lg\">Resource Info</CardTitle>\n                </div>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                <p className=\"text-sm text-text-secondary\">\n                  Resource defaults are applied to all new sandboxes. Individual sandboxes can\n                  override these within the max limits defined by the sandbox type.\n                </p>\n                <Separator />\n                <div className=\"space-y-2 text-xs text-text-secondary\">\n                  <div className=\"flex justify-between\">\n                    <span>CPU units</span>\n                    <span className=\"font-mono\">millicores (m)</span>\n                  </div>\n                  <div className=\"flex justify-between\">\n                    <span>Memory units</span>\n                    <span className=\"font-mono\">Mi / Gi</span>\n                  </div>\n                </div>\n              </CardContent>\n            </Card>\n\n            {/* Save Button */}\n            <Card>\n              <CardContent className=\"p-6\">\n                <Button className=\"w-full\" onClick={handleSave} disabled={isSaving || isLoading}>\n                  <Save className=\"mr-2 h-4 w-4\" />\n                  {isSaving ? 'Saving...' : isLoading ? 'Loading...' : 'Save Configuration'}\n                </Button>\n              </CardContent>\n            </Card>\n          </div>\n        </div>\n      </PageLayout>\n    </PermissionGuard>\n  );\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction formatSandboxType(type: SandboxType): string {\n  const labels: Record<SandboxType, string> = {\n    VIBECONTROLS: 'VibeControls',\n    AI_BUILDER: 'AI Builder',\n    WORKFLOW_MULTI_NODE: 'Workflow (Multi-Node)',\n    MISC_SHELL: 'Misc Shell',\n    CUSTOM: 'Custom',\n  };\n  return labels[type];\n}\n\nfunction getSandboxTypeDescription(type: SandboxType): string {\n  const descriptions: Record<SandboxType, string> = {\n    VIBECONTROLS: 'Full VibeControls development environment with pre-configured tooling',\n    AI_BUILDER: 'AI agent development sandbox with OpenCode SDK and model access',\n    WORKFLOW_MULTI_NODE: 'Multi-node workflow execution environment for complex pipelines',\n    MISC_SHELL: 'General-purpose shell environment for ad-hoc tasks',\n    CUSTOM: 'User-defined sandbox from custom container images',\n  };\n  return descriptions[type];\n}\n"],"mappings":";;;;;;;;;;;;AAwBA,IAAM,IAAgB;CACpB;CACA;CACA;CACA;CACA;CACD,EAIK,IAAc;CAClB;EAAE,OAAO;EAAc,OAAO;EAAM;CACpC;EAAE,OAAO;EAAU,OAAO;EAAM;CAChC;EAAE,OAAO;EAAW,OAAO;EAAM;CACjC;EAAE,OAAO;EAAW,OAAO;EAAO;CAClC;EAAE,OAAO;EAAW,OAAO;EAAO;CAClC;EAAE,OAAO;EAAY,OAAO;EAAO;CACpC,EAkBK,IAAa;CACjB,aAAa;CACb,aAAa;CACb,gBAAgB;CAChB,aAAa;CACd;AAgBD,SAAS,EAA0B,GAA2C;AAqB5E,QApBK,IAKD,EAAc,SAAS,iBAAiB,GACnC,EACJ,QAAQ,kBAAkB,iBAAiB,CAC3C,QAAQ,YAAY,eAAe,GAIpC,EAAc,SAAS,WAAW,GAC7B,EACJ,QAAQ,iBAAiB,uBAAuB,CAChD,QAAQ,sBAAsB,4BAA4B,CAC1D,QAAQ,YAAY,eAAe,GAIjC,6CAnBE;;AA+BX,SAAgB,IAAsB;CACpC,IAAM,EAAE,qBAAkB,WAAW,MAAuB,GAAqB,EAC3E,IAAQ,GAAU,EAClB,EAAE,kBAAe,cAAW,gBAAa,GAAU,EACnD,IAAsB,EAA0B,EAAc,EAE9D,CAAC,GAAQ,KAAa,EAAwB;EAClD,YAAY;EACZ,QAAQ;EACR,qBAAqB;GACnB;GACA;GACA;GACA;GACA;GACD;EACD,sBAAsB;EACtB,2BAA2B;EAC3B,mBAAmB;EACnB,iBAAiB;EACjB,sBAAsB;EACtB,oBAAoB;EACrB,CAAC,EAEI,CAAC,GAAU,KAAe,EAAS,GAAM,EACzC,CAAC,GAAW,KAAgB,EAAS,GAAM;AAKjD,SAAgB;AACd,MAAI,CAAC,KAAY,KAAsB,CAAC,EAAkB;EAI1D,IAAM,IAAkC,EACtC,gBAAgB,oBACjB;AAKD,EAJI,MAAW,EAAQ,gBAAmB,UAAU,MAChD,MAAU,EAAQ,oBAAoB,IAE1C,EAAa,GAAK,EAClB,MAAM,GAAqB;GACzB,QAAQ;GACR;GACA,MAAM,KAAK,UAAU;IACnB,OAAO;IAcP,WAAW,EAAE,SAAS,EAAE,aAAa,GAAU,EAAE;IAClD,CAAC;GACH,CAAC,CACC,MAAM,MAAM,EAAE,MAAM,CAAC,CACrB,MAAM,MAAW;AAChB,OAAI,EAAO,MAAM,kBAAkB;IACjC,IAAM,IAAI,EAAO,KAAK;AACtB,MAAU;KACR,YAAY,EAAE;KACd,QAAQ,EAAE;KACV,qBAAqB,EAAE;KACvB,sBAAsB,EAAE;KACxB,2BAA2B,EAAE;KAC7B,mBAAmB,EAAE;KACrB,iBAAiB,EAAE;KACnB,sBAAsB,EAAE;KACxB,oBAAoB,EAAE;KACvB,CAAC;;IAEJ,CACD,OAAO,MAAQ;AAEd,GADA,QAAQ,MAAM,kCAAkC,EAAI,EACpD,EAAM,MAAM,eAAe,wCAAwC;IACnE,CACD,cAAc,EAAa,GAAM,CAAC;IAEpC;EAAC;EAAU;EAAW;EAAqB;EAAoB;EAAiB,CAAC;CAEpF,IAAM,IAAe,GACa,GAAQ,MAA4B;AAClE,KAAW,OAAU;GAAE,GAAG;IAAO,IAAM;GAAO,EAAE;IAElD,EAAE,CACH,EAEK,IAAoB,GAAa,MAAsB;AAC3D,KAAW,MAAS;GAClB,IAAM,IAAQ,EAAK,oBAAoB,SAAS,EAAK,GACjD,EAAK,oBAAoB,QAAQ,MAAM,MAAM,EAAK,GAClD,CAAC,GAAG,EAAK,qBAAqB,EAAK;AACvC,UAAO;IAAE,GAAG;IAAM,qBAAqB;IAAO;IAC9C;IACD,EAAE,CAAC,EAEA,IAAa,EAAY,YAAY;AAEzC,MAAI,EAAO,SAAS,EAAO,YAAY;AACrC,KAAM,MAAM,oBAAoB,wDAAwD;AACxF;;AAGF,MAAI,EAAO,oBAAoB,WAAW,GAAG;AAC3C,KAAM,MAAM,oBAAoB,6CAA6C;AAC7E;;AAGF,IAAY,GAAK;AACjB,MAAI;GACF,IAAM,IAAkC,EACtC,gBAAgB,oBACjB;AAED,GADI,MAAW,EAAQ,gBAAmB,UAAU,MAChD,MAAU,EAAQ,oBAAoB;GAqC1C,IAAM,IAAS,OAnCE,MAAM,MAAM,GAAqB;IAChD,QAAQ;IACR;IACA,MAAM,KAAK,UAAU;KACnB,OAAO;KAcP,WAAW,EACT,OAAO;MACL,mBAAmB,EAAO;MAC1B,eAAe,EAAO;MACtB,kBAAkB,EAAO;MACzB,sBAAsB,EAAO;MAC7B,2BAA2B,EAAO;MAClC,mBAAmB,EAAO;MAC1B,iBAAiB,EAAO;MACxB,sBAAsB,EAAO;MAC7B,oBAAoB,EAAO;MAC3B,SAAS,EAAE,aAAa,GAAU;MACnC,EACF;KACF,CAAC;IACH,CAAC,EAE4B,MAAM;AACpC,OAAI,EAAO,OACT,OAAU,MAAM,EAAO,OAAO,IAAI,WAAW,uCAAuC;AAGtF,KAAM,QAAQ,kBAAkB,uDAAuD;WAChF,GAAK;AACZ,KAAM,MACJ,eACA,aAAe,QACX,EAAI,UACJ,4DACL;YACO;AACR,KAAY,GAAM;;IAEnB;EAAC;EAAQ;EAAO;EAAW;EAAU;EAAoB,CAAC,EAEvD,IACJ;AAEF,QACE,kBAAC,GAAD;EACE,SAAS;EACT,WAAW;EACX,WAAU;EACV,aAAY;YAEZ,kBAAC,GAAD;GACE,OAAM;GACN,cAAa;GACb,aAAY;aAHd,CAME,kBAAC,GAAD;IAAM,WAAU;cAAhB,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAK,WAAU,+BAAgC,CAAA,EAC/C,kBAAC,GAAD;MAAW,WAAU;gBAAU;MAAyB,CAAA,CACpD;QACN,kBAAC,GAAD,EAAA,UAAiB,6CAA2D,CAAA,CACjE,EAAA,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAA;KACE,kBAAC,GAAD;MAAY,OAAM;MAAmB,OAAO,EAAW;MAAa,OAAM;MAAO,CAAA;KACjF,kBAAC,GAAD;MAAY,OAAM;MAAS,OAAO,EAAW;MAAe,CAAA;KAC5D,kBAAC,GAAD;MAAY,OAAM;MAAuB,OAAO,EAAW;MAAkB,CAAA;KAC7E,kBAAC,GAAD;MAAY,OAAM;MAAoB,OAAO,EAAW;MAAa,OAAM;MAAS,CAAA;KACxE,EAAA,CAAA,EACF,CAAA,CACT;OAEP,kBAAC,OAAD;IAAK,WAAU;cAAf,CAEE,kBAAC,OAAD;KAAK,WAAU;eAAf;MAEE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAO,WAAU,+BAAgC,CAAA,EACjD,kBAAC,GAAD;QAAW,WAAU;kBAAU;QAA8B,CAAA,CACzD;UACN,kBAAC,GAAD,EAAA,UAAiB,kEAEC,CAAA,CACP,EAAA,CAAA,EACb,kBAAC,GAAD;OAAa,WAAU;iBACrB,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,SAAD;WAAO,WAAU;qBAAsB;WAAmB,CAAA;UAC1D,kBAAC,UAAD;WACE,WAAW;WACX,OAAO,EAAO;WACd,WAAW,MAAM,EAAa,cAAc,OAAO,EAAE,OAAO,MAAM,CAAC;qBAElE,EAAY,KAAK,MAChB,kBAAC,UAAD;YAAwB,OAAO,EAAI;sBAChC,EAAI;YACE,EAFI,EAAI,MAER,CACT;WACK,CAAA;UACT,kBAAC,KAAD;WAAG,WAAU;qBAA8B;WAEvC,CAAA;UACA;YACN,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,SAAD;WAAO,WAAU;qBAAsB;WAAe,CAAA;UACtD,kBAAC,UAAD;WACE,WAAW;WACX,OAAO,EAAO;WACd,WAAW,MAAM,EAAa,UAAU,OAAO,EAAE,OAAO,MAAM,CAAC;qBAE9D,EAAY,KAAK,MAChB,kBAAC,UAAD;YAAwB,OAAO,EAAI;sBAChC,EAAI;YACE,EAFI,EAAI,MAER,CACT;WACK,CAAA;UACT,kBAAC,KAAD;WAAG,WAAU;qBAA8B;WAEvC,CAAA;UACA;WACF;;OACM,CAAA,CACT,EAAA,CAAA;MAGP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAa,WAAU,+BAAgC,CAAA,EACvD,kBAAC,GAAD;QAAW,WAAU;kBAAU;QAAiC,CAAA,CAC5D;UACN,kBAAC,GAAD,EAAA,UAAiB,4DAEC,CAAA,CACP,EAAA,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAc,KAAK,MAClB,kBAAC,SAAD;QAEE,WAAU;kBAFZ,CAIE,kBAAC,SAAD;SACE,MAAK;SACL,SAAS,EAAO,oBAAoB,SAAS,EAAK;SAClD,gBAAgB,EAAkB,EAAK;SACvC,WAAU;SACV,CAAA,EACF,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAuB,EAAkB,EAAK;SAAO,CAAA,EACpE,kBAAC,OAAD;SAAK,WAAU;mBACZ,EAA0B,EAAK;SAC5B,CAAA,CACF,EAAA,CAAA,CACA;UAfD,EAeC,CACR;OACE,CAAA,EACM,CAAA,CACT,EAAA,CAAA;MAGP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAK,WAAU,+BAAgC,CAAA,EAC/C,kBAAC,GAAD;QAAW,WAAU;kBAAU;QAAmC,CAAA,CAC9D;UACN,kBAAC,GAAD,EAAA,UAAiB,oEAEC,CAAA,CACP,EAAA,CAAA,EACb,kBAAC,GAAD;OAAa,WAAU;iBAAvB;QACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,OAAD;UAAK,WAAU;oBAAf;WACE,kBAAC,SAAD;YAAO,WAAU;sBAAsB;YAAmB,CAAA;WAC1D,kBAAC,GAAD;YACE,OAAO,EAAO;YACd,WAAW,MAAM,EAAa,qBAAqB,EAAE,OAAO,MAAM;YAClE,aAAY;YACZ,CAAA;WACF,kBAAC,KAAD;YAAG,WAAU;sBAA8B;YAEvC,CAAA;WACA;aACN,kBAAC,OAAD;UAAK,WAAU;oBAAf;WACE,kBAAC,SAAD;YAAO,WAAU;sBAAsB;YAAiB,CAAA;WACxD,kBAAC,GAAD;YACE,OAAO,EAAO;YACd,WAAW,MAAM,EAAa,mBAAmB,EAAE,OAAO,MAAM;YAChE,aAAY;YACZ,CAAA;WACF,kBAAC,KAAD;YAAG,WAAU;sBAA8B;YAEvC,CAAA;WACA;YACF;;QACN,kBAAC,GAAD,EAAa,CAAA;QACb,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,OAAD;UAAK,WAAU;oBAAf;WACE,kBAAC,SAAD;YAAO,WAAU;sBAAsB;YAAsB,CAAA;WAC7D,kBAAC,GAAD;YACE,OAAO,EAAO;YACd,WAAW,MAAM,EAAa,wBAAwB,EAAE,OAAO,MAAM;YACrE,aAAY;YACZ,CAAA;WACF,kBAAC,KAAD;YAAG,WAAU;sBAA8B;YAEvC,CAAA;WACA;aACN,kBAAC,OAAD;UAAK,WAAU;oBAAf;WACE,kBAAC,SAAD;YAAO,WAAU;sBAAsB;YAAoB,CAAA;WAC3D,kBAAC,GAAD;YACE,OAAO,EAAO;YACd,WAAW,MAAM,EAAa,sBAAsB,EAAE,OAAO,MAAM;YACnE,aAAY;YACZ,CAAA;WACF,kBAAC,KAAD;YAAG,WAAU;sBAA8B;YAEvC,CAAA;WACA;YACF;;QACM;SACT,EAAA,CAAA;MACH;QAGN,kBAAC,OAAD;KAAK,WAAU;eAAf;MAEE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAO,WAAU,+BAAgC,CAAA,EACjD,kBAAC,GAAD;QAAW,WAAU;kBAAU;QAAuB,CAAA,CAClD;UACK,CAAA,EACb,kBAAC,GAAD;OAAa,WAAU;iBAAvB;QACE,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,SAAD;WAAO,WAAU;qBAAsB;WAAoB,CAAA;UAC3D,kBAAC,GAAD;WACE,MAAK;WACL,KAAK;WACL,KAAK;WACL,OAAO,EAAO;WACd,WAAW,MAAM,EAAa,wBAAwB,OAAO,EAAE,OAAO,MAAM,CAAC;WAC7E,CAAA;UACF,kBAAC,KAAD;WAAG,WAAU;qBAA8B;WAEvC,CAAA;UACA;;QACN,kBAAC,GAAD,EAAa,CAAA;QACb,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,SAAD;WAAO,WAAU;qBAAsB;WAAyB,CAAA;UAChE,kBAAC,GAAD;WACE,MAAK;WACL,KAAK;WACL,KAAK;WACL,OAAO,EAAO;WACd,WAAW,MACT,EAAa,6BAA6B,OAAO,EAAE,OAAO,MAAM,CAAC;WAEnE,CAAA;UACF,kBAAC,KAAD;WAAG,WAAU;qBAA8B;WAEvC,CAAA;UACA;;QACM;SACT,EAAA,CAAA;MAGP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAa,WAAU,+BAAgC,CAAA,EACvD,kBAAC,GAAD;QAAW,WAAU;kBAAU;QAAyB,CAAA,CACpD;UACK,CAAA,EACb,kBAAC,GAAD;OAAa,WAAU;iBAAvB;QACE,kBAAC,KAAD;SAAG,WAAU;mBAA8B;SAGvC,CAAA;QACJ,kBAAC,GAAD,EAAa,CAAA;QACb,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,QAAD,EAAA,UAAM,aAAgB,CAAA,EACtB,kBAAC,QAAD;WAAM,WAAU;qBAAY;WAAqB,CAAA,CAC7C;aACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,QAAD,EAAA,UAAM,gBAAmB,CAAA,EACzB,kBAAC,QAAD;WAAM,WAAU;qBAAY;WAAc,CAAA,CACtC;YACF;;QACM;SACT,EAAA,CAAA;MAGP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;OAAa,WAAU;iBACrB,kBAAC,GAAD;QAAQ,WAAU;QAAS,SAAS;QAAY,UAAU,KAAY;kBAAtE,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAChC,IAAW,cAAc,IAAY,eAAe,qBAC9C;;OACG,CAAA,EACT,CAAA;MACH;OACF;MACK;;EACG,CAAA;;AAQtB,SAAS,EAAkB,GAA2B;AAQpD,QAP4C;EAC1C,cAAc;EACd,YAAY;EACZ,qBAAqB;EACrB,YAAY;EACZ,QAAQ;EACT,CACa;;AAGhB,SAAS,EAA0B,GAA2B;AAQ5D,QAPkD;EAChD,cAAc;EACd,YAAY;EACZ,qBAAqB;EACrB,YAAY;EACZ,QAAQ;EACT,CACmB"}
+{"version":3,"file":"SandboxSettingsPage.js","names":[],"sources":["../../../src/admin/pages/SandboxSettingsPage.tsx"],"sourcesContent":["import { useState, useCallback, useEffect } from 'react';\nimport { Box, Cpu, MemoryStick, Timer, Users, CheckSquare, Save } from 'lucide-react';\nimport { useAdminPermissions } from '../hooks/useAdminPermissions';\nimport {\n  PageLayout,\n  Card,\n  CardHeader,\n  CardTitle,\n  CardContent,\n  CardDescription,\n  Button,\n  Input,\n  Separator,\n  MetricsGrid,\n  MetricCard,\n  useToast,\n  PermissionGuard,\n} from '../components';\nimport { PagePurpose, NextSteps } from '@burdenoff/fe-libs/ui';\nimport { useAdmin } from '../providers/AdminProvider';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nconst SANDBOX_TYPES = [\n  'VIBECONTROLS',\n  'AI_BUILDER',\n  'WORKFLOW_MULTI_NODE',\n  'MISC_SHELL',\n  'CUSTOM',\n] as const;\n\ntype SandboxType = (typeof SANDBOX_TYPES)[number];\n\nconst TTL_OPTIONS = [\n  { label: '30 minutes', value: 1800 },\n  { label: '1 hour', value: 3600 },\n  { label: '2 hours', value: 7200 },\n  { label: '4 hours', value: 14400 },\n  { label: '8 hours', value: 28800 },\n  { label: '24 hours', value: 86400 },\n] as const;\n\ninterface SandboxConfig {\n  defaultTtl: number;\n  maxTtl: number;\n  allowedSandboxTypes: SandboxType[];\n  maxConcurrentPerUser: number;\n  maxConcurrentPerWorkspace: number;\n  defaultCpuRequest: string;\n  defaultCpuLimit: string;\n  defaultMemoryRequest: string;\n  defaultMemoryLimit: string;\n}\n\n// ============================================================================\n// Mocked Stats (will be wired to query later)\n// ============================================================================\n\nconst MOCK_STATS = {\n  totalActive: 12,\n  totalQueued: 3,\n  totalCompleted: 847,\n  totalFailed: 14,\n};\n\n// ============================================================================\n// Helpers — Gateway URL derivation\n// ============================================================================\n\n/**\n * Derive the workspace gateway URL from the global gateway URL.\n *\n * Convention:\n *   global gateway  → https://graphql.burdenoff.com/global/graphql\n *   wspace gateway  → https://graphqlworkspaces.burdenoff.com/workspaces/graphql\n *\n * For local dev the global gateway is at localhost:4000 and the workspace\n * gateway is at localhost:4003, so we swap the port as a fallback.\n */\nfunction deriveWorkspaceGatewayUrl(apiGatewayUrl: string | undefined): string {\n  if (!apiGatewayUrl) {\n    return 'http://localhost:4003/workspaces/graphql';\n  }\n\n  // Local port-forward convention: 4000 → 4003\n  if (apiGatewayUrl.includes('localhost:4000')) {\n    return apiGatewayUrl\n      .replace('localhost:4000', 'localhost:4003')\n      .replace('/global/', '/workspaces/');\n  }\n\n  // Alpha / prod convention: alphagraphql → alphagraphqlworkspaces, graphql → graphqlworkspaces\n  if (apiGatewayUrl.includes('/global/')) {\n    return apiGatewayUrl\n      .replace(/\\/\\/graphql\\./, '//graphqlworkspaces.')\n      .replace(/\\/\\/alphagraphql\\./, '//alphagraphqlworkspaces.')\n      .replace('/global/', '/workspaces/');\n  }\n\n  // Fallback: assume local dev\n  return 'http://localhost:4003/workspaces/graphql';\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\n/**\n * Sandbox Settings page for superadmin sandbox configuration.\n * Manages platform-wide sandbox defaults including TTLs, resource limits,\n * allowed types, and concurrency caps.\n */\nexport function SandboxSettingsPage() {\n  const { canManageSandbox, isLoading: permissionsLoading } = useAdminPermissions();\n  const toast = useToast();\n  const { apiGatewayUrl, authToken, tenantId } = useAdmin();\n  const workspaceGatewayUrl = deriveWorkspaceGatewayUrl(apiGatewayUrl);\n\n  const [config, setConfig] = useState<SandboxConfig>({\n    defaultTtl: 3600,\n    maxTtl: 14400,\n    allowedSandboxTypes: [\n      'VIBECONTROLS',\n      'AI_BUILDER',\n      'WORKFLOW_MULTI_NODE',\n      'MISC_SHELL',\n      'CUSTOM',\n    ],\n    maxConcurrentPerUser: 3,\n    maxConcurrentPerWorkspace: 10,\n    defaultCpuRequest: '500m',\n    defaultCpuLimit: '2',\n    defaultMemoryRequest: '512Mi',\n    defaultMemoryLimit: '4Gi',\n  });\n\n  const [isSaving, setIsSaving] = useState(false);\n  const [isLoading, setIsLoading] = useState(false);\n\n  // ---------------------------------------------------------------------------\n  // Load config on mount\n  // ---------------------------------------------------------------------------\n  useEffect(() => {\n    if (!tenantId || permissionsLoading || !canManageSandbox) return;\n\n    // Auth tokens go to the gateway (edge) which validates and strips them.\n    // X-Workspace-ID is forwarded to downstream subgraphs as workspace context.\n    const headers: Record<string, string> = {\n      'Content-Type': 'application/json',\n    };\n    if (authToken) headers['Authorization'] = `Bearer ${authToken}`;\n    if (tenantId) headers['X-Workspace-ID'] = tenantId;\n\n    setIsLoading(true);\n    fetch(workspaceGatewayUrl, {\n      method: 'POST',\n      headers,\n      body: JSON.stringify({\n        query: `query GetSandboxConfig($context: ContextInput!) {\n          getSandboxConfig(context: $context) {\n            id\n            defaultTtlSeconds\n            maxTtlSeconds\n            allowedTemplates\n            maxConcurrentPerUser\n            maxConcurrentPerWorkspace\n            defaultCpuRequest\n            defaultCpuLimit\n            defaultMemoryRequest\n            defaultMemoryLimit\n          }\n        }`,\n        variables: { context: { workspaceId: tenantId } },\n      }),\n    })\n      .then((r) => r.json())\n      .then((result) => {\n        if (result.data?.getSandboxConfig) {\n          const c = result.data.getSandboxConfig;\n          setConfig({\n            defaultTtl: c.defaultTtlSeconds,\n            maxTtl: c.maxTtlSeconds,\n            allowedSandboxTypes: c.allowedTemplates,\n            maxConcurrentPerUser: c.maxConcurrentPerUser,\n            maxConcurrentPerWorkspace: c.maxConcurrentPerWorkspace,\n            defaultCpuRequest: c.defaultCpuRequest,\n            defaultCpuLimit: c.defaultCpuLimit,\n            defaultMemoryRequest: c.defaultMemoryRequest,\n            defaultMemoryLimit: c.defaultMemoryLimit,\n          });\n        }\n      })\n      .catch((err) => {\n        console.error('Failed to load sandbox config:', err);\n        toast.error('Load Failed', 'Failed to load sandbox configuration.');\n      })\n      .finally(() => setIsLoading(false));\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- toast excluded to avoid re-fetching when its reference changes\n  }, [tenantId, authToken, workspaceGatewayUrl, permissionsLoading, canManageSandbox]);\n\n  const updateConfig = useCallback(\n    <K extends keyof SandboxConfig>(key: K, value: SandboxConfig[K]) => {\n      setConfig((prev) => ({ ...prev, [key]: value }));\n    },\n    []\n  );\n\n  const toggleSandboxType = useCallback((type: SandboxType) => {\n    setConfig((prev) => {\n      const types = prev.allowedSandboxTypes.includes(type)\n        ? prev.allowedSandboxTypes.filter((t) => t !== type)\n        : [...prev.allowedSandboxTypes, type];\n      return { ...prev, allowedSandboxTypes: types };\n    });\n  }, []);\n\n  const handleSave = useCallback(async () => {\n    // Validate max TTL >= default TTL\n    if (config.maxTtl < config.defaultTtl) {\n      toast.error('Validation Error', 'Max TTL must be greater than or equal to Default TTL.');\n      return;\n    }\n\n    if (config.allowedSandboxTypes.length === 0) {\n      toast.error('Validation Error', 'At least one sandbox type must be allowed.');\n      return;\n    }\n\n    setIsSaving(true);\n    try {\n      const headers: Record<string, string> = {\n        'Content-Type': 'application/json',\n      };\n      if (authToken) headers['Authorization'] = `Bearer ${authToken}`;\n      if (tenantId) headers['X-Workspace-ID'] = tenantId;\n\n      const response = await fetch(workspaceGatewayUrl, {\n        method: 'POST',\n        headers,\n        body: JSON.stringify({\n          query: `mutation UpdateSandboxConfig($input: UpdateSandboxConfigInput!) {\n            updateSandboxConfig(input: $input) {\n              id\n              defaultTtlSeconds\n              maxTtlSeconds\n              allowedTemplates\n              maxConcurrentPerUser\n              maxConcurrentPerWorkspace\n              defaultCpuRequest\n              defaultCpuLimit\n              defaultMemoryRequest\n              defaultMemoryLimit\n            }\n          }`,\n          variables: {\n            input: {\n              defaultTtlSeconds: config.defaultTtl,\n              maxTtlSeconds: config.maxTtl,\n              allowedTemplates: config.allowedSandboxTypes,\n              maxConcurrentPerUser: config.maxConcurrentPerUser,\n              maxConcurrentPerWorkspace: config.maxConcurrentPerWorkspace,\n              defaultCpuRequest: config.defaultCpuRequest,\n              defaultCpuLimit: config.defaultCpuLimit,\n              defaultMemoryRequest: config.defaultMemoryRequest,\n              defaultMemoryLimit: config.defaultMemoryLimit,\n              context: { workspaceId: tenantId },\n            },\n          },\n        }),\n      });\n\n      const result = await response.json();\n      if (result.errors) {\n        throw new Error(result.errors[0]?.message || 'Failed to save sandbox configuration');\n      }\n\n      toast.success('Settings Saved', 'Sandbox configuration has been updated successfully.');\n    } catch (err) {\n      toast.error(\n        'Save Failed',\n        err instanceof Error\n          ? err.message\n          : 'Failed to update sandbox configuration. Please try again.'\n      );\n    } finally {\n      setIsSaving(false);\n    }\n  }, [config, toast, authToken, tenantId, workspaceGatewayUrl]);\n\n  const selectClasses =\n    'h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm';\n\n  return (\n    <PermissionGuard\n      allowed={canManageSandbox}\n      isLoading={permissionsLoading}\n      pageTitle=\"Sandbox Settings\"\n      denyMessage=\"You don't have permission to manage sandbox settings.\"\n    >\n      <PageLayout\n        title=\"Sandbox Settings\"\n        gradientWord=\"Settings\"\n        description=\"Configure platform-wide sandbox defaults and resource limits\"\n      >\n        <PagePurpose className=\"mb-6\">\n          Sandboxes are the disposable, isolated environments users spin up to safely run or preview\n          their code without touching anything real. This page sets the platform-wide defaults for\n          them — how long a sandbox lives before it&apos;s cleaned up, how much CPU and memory it\n          gets, and how many a user or tenant may run at once. Tune these to balance a smooth\n          experience against runaway resource costs.\n        </PagePurpose>\n\n        <NextSteps\n          storageKey=\"admin-sandbox\"\n          steps={[\n            {\n              id: 'set-ttl',\n              label: 'Set the sandbox TTL',\n              description: 'Decide how long idle sandboxes live before automatic cleanup.',\n              href: '#ttl',\n            },\n            {\n              id: 'set-limits',\n              label: 'Cap CPU & memory',\n              description: 'Set the resource ceiling each sandbox is allowed.',\n              href: '#resources',\n            },\n            {\n              id: 'save-config',\n              label: 'Save your configuration',\n              description: 'Apply these defaults across the whole platform.',\n              onClick: () => void handleSave(),\n            },\n          ]}\n        />\n\n        {/* Sandbox Stats */}\n        <Card className=\"mb-6\">\n          <CardHeader>\n            <div className=\"flex items-center gap-2\">\n              <Box className=\"h-5 w-5 text-text-secondary\" />\n              <CardTitle className=\"text-lg\">Sandbox Stats</CardTitle>\n            </div>\n            <CardDescription>Current sandbox usage across the platform</CardDescription>\n          </CardHeader>\n          <CardContent>\n            <MetricsGrid>\n              <MetricCard title=\"Active Sandboxes\" hero value={MOCK_STATS.totalActive} trend=\"up\" />\n              <MetricCard title=\"Queued\" value={MOCK_STATS.totalQueued} />\n              <MetricCard title=\"Completed (all time)\" value={MOCK_STATS.totalCompleted} />\n              <MetricCard title=\"Failed (all time)\" value={MOCK_STATS.totalFailed} trend=\"down\" />\n            </MetricsGrid>\n          </CardContent>\n        </Card>\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            {/* TTL Configuration */}\n            <Card id=\"ttl\">\n              <CardHeader>\n                <div className=\"flex items-center gap-2\">\n                  <Timer className=\"h-5 w-5 text-text-secondary\" />\n                  <CardTitle className=\"text-lg\">Time-to-Live (TTL)</CardTitle>\n                </div>\n                <CardDescription>\n                  Control how long sandboxes stay alive before automatic cleanup\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\">Default TTL</label>\n                    <select\n                      className={selectClasses}\n                      value={config.defaultTtl}\n                      onChange={(e) => updateConfig('defaultTtl', Number(e.target.value))}\n                    >\n                      {TTL_OPTIONS.map((opt) => (\n                        <option key={opt.value} value={opt.value}>\n                          {opt.label}\n                        </option>\n                      ))}\n                    </select>\n                    <p className=\"text-xs text-text-secondary\">\n                      Default lifetime for new sandboxes\n                    </p>\n                  </div>\n                  <div className=\"space-y-2\">\n                    <label className=\"text-sm font-medium\">Max TTL</label>\n                    <select\n                      className={selectClasses}\n                      value={config.maxTtl}\n                      onChange={(e) => updateConfig('maxTtl', Number(e.target.value))}\n                    >\n                      {TTL_OPTIONS.map((opt) => (\n                        <option key={opt.value} value={opt.value}>\n                          {opt.label}\n                        </option>\n                      ))}\n                    </select>\n                    <p className=\"text-xs text-text-secondary\">\n                      Maximum allowed TTL (must be &gt;= default)\n                    </p>\n                  </div>\n                </div>\n              </CardContent>\n            </Card>\n\n            {/* Allowed Sandbox Types */}\n            <Card>\n              <CardHeader>\n                <div className=\"flex items-center gap-2\">\n                  <CheckSquare className=\"h-5 w-5 text-text-secondary\" />\n                  <CardTitle className=\"text-lg\">Allowed Sandbox Types</CardTitle>\n                </div>\n                <CardDescription>\n                  Select which sandbox types users are permitted to create\n                </CardDescription>\n              </CardHeader>\n              <CardContent>\n                <div className=\"space-y-3\">\n                  {SANDBOX_TYPES.map((type) => (\n                    <label\n                      key={type}\n                      className=\"flex items-center gap-3 rounded-lg border border-border-subtle p-4 cursor-pointer hover:bg-bg-sunken/50 transition-colors\"\n                    >\n                      <input\n                        type=\"checkbox\"\n                        checked={config.allowedSandboxTypes.includes(type)}\n                        onChange={() => toggleSandboxType(type)}\n                        className=\"h-4 w-4 rounded border-border-default text-primary focus:ring-primary\"\n                      />\n                      <div>\n                        <div className=\"font-medium text-sm\">{formatSandboxType(type)}</div>\n                        <div className=\"text-xs text-text-secondary\">\n                          {getSandboxTypeDescription(type)}\n                        </div>\n                      </div>\n                    </label>\n                  ))}\n                </div>\n              </CardContent>\n            </Card>\n\n            {/* Resource Limits */}\n            <Card id=\"resources\">\n              <CardHeader>\n                <div className=\"flex items-center gap-2\">\n                  <Cpu className=\"h-5 w-5 text-text-secondary\" />\n                  <CardTitle className=\"text-lg\">Default Resource Limits</CardTitle>\n                </div>\n                <CardDescription>\n                  Kubernetes resource requests and limits applied to new sandboxes\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\">CPU Request</label>\n                    <Input\n                      value={config.defaultCpuRequest}\n                      onChange={(e) => updateConfig('defaultCpuRequest', e.target.value)}\n                      placeholder=\"500m\"\n                    />\n                    <p className=\"text-xs text-text-secondary\">\n                      Kubernetes CPU request (e.g. 500m, 1)\n                    </p>\n                  </div>\n                  <div className=\"space-y-2\">\n                    <label className=\"text-sm font-medium\">CPU Limit</label>\n                    <Input\n                      value={config.defaultCpuLimit}\n                      onChange={(e) => updateConfig('defaultCpuLimit', e.target.value)}\n                      placeholder=\"2\"\n                    />\n                    <p className=\"text-xs text-text-secondary\">\n                      Kubernetes CPU limit (e.g. 1, 2, 4)\n                    </p>\n                  </div>\n                </div>\n                <Separator />\n                <div className=\"grid gap-4 sm:grid-cols-2\">\n                  <div className=\"space-y-2\">\n                    <label className=\"text-sm font-medium\">Memory Request</label>\n                    <Input\n                      value={config.defaultMemoryRequest}\n                      onChange={(e) => updateConfig('defaultMemoryRequest', e.target.value)}\n                      placeholder=\"512Mi\"\n                    />\n                    <p className=\"text-xs text-text-secondary\">\n                      Kubernetes memory request (e.g. 512Mi, 1Gi)\n                    </p>\n                  </div>\n                  <div className=\"space-y-2\">\n                    <label className=\"text-sm font-medium\">Memory Limit</label>\n                    <Input\n                      value={config.defaultMemoryLimit}\n                      onChange={(e) => updateConfig('defaultMemoryLimit', e.target.value)}\n                      placeholder=\"4Gi\"\n                    />\n                    <p className=\"text-xs text-text-secondary\">\n                      Kubernetes memory limit (e.g. 2Gi, 4Gi, 8Gi)\n                    </p>\n                  </div>\n                </div>\n              </CardContent>\n            </Card>\n          </div>\n\n          {/* Sidebar */}\n          <div className=\"space-y-6\">\n            {/* Concurrency Limits */}\n            <Card>\n              <CardHeader>\n                <div className=\"flex items-center gap-2\">\n                  <Users className=\"h-5 w-5 text-text-secondary\" />\n                  <CardTitle className=\"text-lg\">Concurrency</CardTitle>\n                </div>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                <div className=\"space-y-2\">\n                  <label className=\"text-sm font-medium\">Max Per User</label>\n                  <Input\n                    type=\"number\"\n                    min={1}\n                    max={50}\n                    value={config.maxConcurrentPerUser}\n                    onChange={(e) => updateConfig('maxConcurrentPerUser', Number(e.target.value))}\n                  />\n                  <p className=\"text-xs text-text-secondary\">\n                    Maximum concurrent sandboxes per user\n                  </p>\n                </div>\n                <Separator />\n                <div className=\"space-y-2\">\n                  <label className=\"text-sm font-medium\">Max Per Workspace</label>\n                  <Input\n                    type=\"number\"\n                    min={1}\n                    max={200}\n                    value={config.maxConcurrentPerWorkspace}\n                    onChange={(e) =>\n                      updateConfig('maxConcurrentPerWorkspace', Number(e.target.value))\n                    }\n                  />\n                  <p className=\"text-xs text-text-secondary\">\n                    Maximum concurrent sandboxes per workspace\n                  </p>\n                </div>\n              </CardContent>\n            </Card>\n\n            {/* Resource Presets Info */}\n            <Card>\n              <CardHeader>\n                <div className=\"flex items-center gap-2\">\n                  <MemoryStick className=\"h-5 w-5 text-text-secondary\" />\n                  <CardTitle className=\"text-lg\">Resource Info</CardTitle>\n                </div>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                <p className=\"text-sm text-text-secondary\">\n                  Resource defaults are applied to all new sandboxes. Individual sandboxes can\n                  override these within the max limits defined by the sandbox type.\n                </p>\n                <Separator />\n                <div className=\"space-y-2 text-xs text-text-secondary\">\n                  <div className=\"flex justify-between\">\n                    <span>CPU units</span>\n                    <span className=\"font-mono\">millicores (m)</span>\n                  </div>\n                  <div className=\"flex justify-between\">\n                    <span>Memory units</span>\n                    <span className=\"font-mono\">Mi / Gi</span>\n                  </div>\n                </div>\n              </CardContent>\n            </Card>\n\n            {/* Save Button */}\n            <Card>\n              <CardContent className=\"p-6\">\n                <Button className=\"w-full\" onClick={handleSave} disabled={isSaving || isLoading}>\n                  <Save className=\"mr-2 h-4 w-4\" />\n                  {isSaving ? 'Saving...' : isLoading ? 'Loading...' : 'Save Configuration'}\n                </Button>\n              </CardContent>\n            </Card>\n          </div>\n        </div>\n      </PageLayout>\n    </PermissionGuard>\n  );\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction formatSandboxType(type: SandboxType): string {\n  const labels: Record<SandboxType, string> = {\n    VIBECONTROLS: 'VibeControls',\n    AI_BUILDER: 'AI Builder',\n    WORKFLOW_MULTI_NODE: 'Workflow (Multi-Node)',\n    MISC_SHELL: 'Misc Shell',\n    CUSTOM: 'Custom',\n  };\n  return labels[type];\n}\n\nfunction getSandboxTypeDescription(type: SandboxType): string {\n  const descriptions: Record<SandboxType, string> = {\n    VIBECONTROLS: 'Full VibeControls development environment with pre-configured tooling',\n    AI_BUILDER: 'AI agent development sandbox with OpenCode SDK and model access',\n    WORKFLOW_MULTI_NODE: 'Multi-node workflow execution environment for complex pipelines',\n    MISC_SHELL: 'General-purpose shell environment for ad-hoc tasks',\n    CUSTOM: 'User-defined sandbox from custom container images',\n  };\n  return descriptions[type];\n}\n"],"mappings":"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"}

package/dist/admin/pages/SettingsPage.js

@@ -6,47 +6,50 @@ 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 { EmphasisPanel as b, ShowMore as x } from "@burdenoff/fe-libs/ui";
-import { useI18n as S } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as b } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { EmphasisPanel as x, PagePurpose as S, ShowMore as C } from "@burdenoff/fe-libs/ui";
 //#region src/admin/pages/SettingsPage.tsx
-function C() {
-	let { canManageSettings: C, isLoading: w } = e(), { t: T } = S(), E = (e, t, n) => u(T, e, t, n), D = [
+function w() {
+	let { canManageSettings: w, isLoading: T } = e(), { t: E } = b(), D = (e, t, n) => u(E, e, t, n), O = [
 		{
 			key: "newTenantSignups",
-			label: E("admin.settings.notifications.items.newTenantSignups.label", "New tenant signups"),
-			description: E("admin.settings.notifications.items.newTenantSignups.description", "Get notified when new tenants register")
+			label: D("admin.settings.notifications.items.newTenantSignups.label", "New tenant signups"),
+			description: D("admin.settings.notifications.items.newTenantSignups.description", "Get notified when new tenants register")
 		},
 		{
 			key: "paymentFailures",
-			label: E("admin.settings.notifications.items.paymentFailures.label", "Payment failures"),
-			description: E("admin.settings.notifications.items.paymentFailures.description", "Alert when payments fail")
+			label: D("admin.settings.notifications.items.paymentFailures.label", "Payment failures"),
+			description: D("admin.settings.notifications.items.paymentFailures.description", "Alert when payments fail")
 		},
 		{
 			key: "criticalTickets",
-			label: E("admin.settings.notifications.items.criticalTickets.label", "Critical tickets"),
-			description: E("admin.settings.notifications.items.criticalTickets.description", "Notify on critical support tickets")
+			label: D("admin.settings.notifications.items.criticalTickets.label", "Critical tickets"),
+			description: D("admin.settings.notifications.items.criticalTickets.description", "Notify on critical support tickets")
 		},
 		{
 			key: "systemAlerts",
-			label: E("admin.settings.notifications.items.systemAlerts.label", "System alerts"),
-			description: E("admin.settings.notifications.items.systemAlerts.description", "Infrastructure and health alerts")
+			label: D("admin.settings.notifications.items.systemAlerts.label", "System alerts"),
+			description: D("admin.settings.notifications.items.systemAlerts.description", "Infrastructure and health alerts")
 		}
 	];
 	return /* @__PURE__ */ v(d, {
-		allowed: C,
-		isLoading: w,
-		pageTitle: E("admin.settings.title", "Settings"),
-		denyMessage: E("admin.settings.denyMessage", "You don't have permission to manage platform settings."),
-		children: /* @__PURE__ */ v(l, {
-			title: E("admin.settings.title", "Settings"),
-			gradientWord: E("admin.settings.title", "Settings"),
-			description: E("admin.settings.description", "Configure platform settings and preferences"),
-			children: /* @__PURE__ */ y("div", {
+		allowed: w,
+		isLoading: T,
+		pageTitle: D("admin.settings.title", "Settings"),
+		denyMessage: D("admin.settings.denyMessage", "You don't have permission to manage platform settings."),
+		children: /* @__PURE__ */ y(l, {
+			title: D("admin.settings.title", "Settings"),
+			gradientWord: D("admin.settings.title", "Settings"),
+			description: D("admin.settings.description", "Configure platform settings and preferences"),
+			children: [/* @__PURE__ */ v(S, {
+				className: "mb-6",
+				children: D("admin.settings.purpose", "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.")
+			}), /* @__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__ */ v(b, {
+						/* @__PURE__ */ v(x, {
 							className: "p-0",
 							children: /* @__PURE__ */ y(n, {
 								className: "border-0 bg-transparent shadow-none hover:border-0",
@@ -54,9 +57,9 @@ function C() {
 									className: "flex items-center gap-2",
 									children: [/* @__PURE__ */ v(g, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ v(o, {
 										className: "text-lg",
-										children: E("admin.settings.general.title", "General")
+										children: D("admin.settings.general.title", "General")
 									})]
-								}), /* @__PURE__ */ v(i, { children: E("admin.settings.general.description", "Basic platform configuration") })] }), /* @__PURE__ */ y(r, {
+								}), /* @__PURE__ */ v(i, { children: D("admin.settings.general.description", "Basic platform configuration") })] }), /* @__PURE__ */ y(r, {
 									className: "space-y-4",
 									children: [
 										/* @__PURE__ */ y("div", {
@@ -65,13 +68,13 @@ function C() {
 												className: "space-y-2",
 												children: [/* @__PURE__ */ v("label", {
 													className: "text-sm font-medium",
-													children: E("admin.settings.general.platformName", "Platform Name")
+													children: D("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: E("admin.settings.general.supportEmail", "Support Email")
+													children: D("admin.settings.general.supportEmail", "Support Email")
 												}), /* @__PURE__ */ v(s, {
 													defaultValue: "support@burdenoff.com",
 													type: "email"
@@ -82,7 +85,7 @@ function C() {
 											className: "space-y-2",
 											children: [/* @__PURE__ */ v("label", {
 												className: "text-sm font-medium",
-												children: E("admin.settings.general.defaultTimezone", "Default Timezone")
+												children: D("admin.settings.general.defaultTimezone", "Default Timezone")
 											}), /* @__PURE__ */ y("select", {
 												className: "h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm",
 												children: [
@@ -92,26 +95,26 @@ function C() {
 													}),
 													/* @__PURE__ */ v("option", {
 														value: "America/New_York",
-														children: E("admin.settings.general.timezones.eastern", "Eastern Time (ET)")
+														children: D("admin.settings.general.timezones.eastern", "Eastern Time (ET)")
 													}),
 													/* @__PURE__ */ v("option", {
 														value: "America/Los_Angeles",
-														children: E("admin.settings.general.timezones.pacific", "Pacific Time (PT)")
+														children: D("admin.settings.general.timezones.pacific", "Pacific Time (PT)")
 													}),
 													/* @__PURE__ */ v("option", {
 														value: "Europe/London",
-														children: E("admin.settings.general.timezones.london", "London (GMT)")
+														children: D("admin.settings.general.timezones.london", "London (GMT)")
 													}),
 													/* @__PURE__ */ v("option", {
 														value: "Asia/Kolkata",
-														children: E("admin.settings.general.timezones.india", "India (IST)")
+														children: D("admin.settings.general.timezones.india", "India (IST)")
 													})
 												]
 											})]
 										}),
 										/* @__PURE__ */ v("div", {
 											className: "flex justify-end",
-											children: /* @__PURE__ */ v(t, { children: E("admin.settings.general.saveChanges", "Save Changes") })
+											children: /* @__PURE__ */ v(t, { children: D("admin.settings.general.saveChanges", "Save Changes") })
 										})
 									]
 								})]
@@ -121,50 +124,50 @@ function C() {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ v(_, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ v(o, {
 								className: "text-lg",
-								children: E("admin.settings.security.title", "Security")
+								children: D("admin.settings.security.title", "Security")
 							})]
-						}), /* @__PURE__ */ v(i, { children: E("admin.settings.security.description", "Security and authentication settings") })] }), /* @__PURE__ */ y(r, {
+						}), /* @__PURE__ */ v(i, { children: D("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-subtle p-4",
 									children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("div", {
 										className: "font-medium",
-										children: E("admin.settings.security.twoFactor.title", "Two-Factor Authentication")
+										children: D("admin.settings.security.twoFactor.title", "Two-Factor Authentication")
 									}), /* @__PURE__ */ v("div", {
 										className: "text-sm text-text-secondary",
-										children: E("admin.settings.security.twoFactor.description", "Require 2FA for all admin accounts")
+										children: D("admin.settings.security.twoFactor.description", "Require 2FA for all admin accounts")
 									})] }), /* @__PURE__ */ v(t, {
 										variant: "outline",
-										children: E("admin.settings.security.twoFactor.configure", "Configure")
+										children: D("admin.settings.security.twoFactor.configure", "Configure")
 									})]
 								}),
 								/* @__PURE__ */ y("div", {
 									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("admin.settings.security.sessionTimeout.title", "Session Timeout")
+										children: D("admin.settings.security.sessionTimeout.title", "Session Timeout")
 									}), /* @__PURE__ */ v("div", {
 										className: "text-sm text-text-secondary",
-										children: E("admin.settings.security.sessionTimeout.description", "Auto-logout after inactivity")
+										children: D("admin.settings.security.sessionTimeout.description", "Auto-logout after inactivity")
 									})] }), /* @__PURE__ */ y("select", {
 										className: "h-9 rounded-md border border-border-default bg-bg-surface px-3 text-sm",
 										children: [
 											/* @__PURE__ */ v("option", {
 												value: "15",
-												children: E("admin.settings.security.sessionTimeout.options.15m", "15 minutes")
+												children: D("admin.settings.security.sessionTimeout.options.15m", "15 minutes")
 											}),
 											/* @__PURE__ */ v("option", {
 												value: "30",
-												children: E("admin.settings.security.sessionTimeout.options.30m", "30 minutes")
+												children: D("admin.settings.security.sessionTimeout.options.30m", "30 minutes")
 											}),
 											/* @__PURE__ */ v("option", {
 												value: "60",
-												children: E("admin.settings.security.sessionTimeout.options.1h", "1 hour")
+												children: D("admin.settings.security.sessionTimeout.options.1h", "1 hour")
 											}),
 											/* @__PURE__ */ v("option", {
 												value: "480",
-												children: E("admin.settings.security.sessionTimeout.options.8h", "8 hours")
+												children: D("admin.settings.security.sessionTimeout.options.8h", "8 hours")
 											})
 										]
 									})]
@@ -173,13 +176,13 @@ function C() {
 									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("admin.settings.security.ipAllowlist.title", "IP Allowlist")
+										children: D("admin.settings.security.ipAllowlist.title", "IP Allowlist")
 									}), /* @__PURE__ */ v("div", {
 										className: "text-sm text-text-secondary",
-										children: E("admin.settings.security.ipAllowlist.description", "Restrict access to specific IPs")
+										children: D("admin.settings.security.ipAllowlist.description", "Restrict access to specific IPs")
 									})] }), /* @__PURE__ */ v(t, {
 										variant: "outline",
-										children: E("admin.settings.security.ipAllowlist.manage", "Manage")
+										children: D("admin.settings.security.ipAllowlist.manage", "Manage")
 									})]
 								})
 							]
@@ -188,14 +191,14 @@ function C() {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ v(f, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ v(o, {
 								className: "text-lg",
-								children: E("admin.settings.notifications.title", "Notifications")
+								children: D("admin.settings.notifications.title", "Notifications")
 							})]
-						}), /* @__PURE__ */ v(i, { children: E("admin.settings.notifications.description", "Configure notification preferences") })] }), /* @__PURE__ */ v(r, { children: /* @__PURE__ */ v(x, {
+						}), /* @__PURE__ */ v(i, { children: D("admin.settings.notifications.description", "Configure notification preferences") })] }), /* @__PURE__ */ v(r, { children: /* @__PURE__ */ v(C, {
 							collapsedHeight: 180,
 							label: "More notification settings",
 							children: /* @__PURE__ */ v("div", {
 								className: "space-y-4",
-								children: D.map((e) => /* @__PURE__ */ y("div", {
+								children: O.map((e) => /* @__PURE__ */ y("div", {
 									className: "flex items-center justify-between rounded-lg border border-border-seam p-4",
 									children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("div", {
 										className: "font-medium",
@@ -222,41 +225,41 @@ function C() {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ v(h, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ v(o, {
 								className: "text-lg",
-								children: E("admin.settings.apiKeys.title", "API Keys")
+								children: D("admin.settings.apiKeys.title", "API Keys")
 							})]
 						}) }), /* @__PURE__ */ y(r, {
 							className: "space-y-3",
 							children: [/* @__PURE__ */ v("p", {
 								className: "text-sm text-text-secondary",
-								children: E("admin.settings.apiKeys.description", "Manage API keys for programmatic access to the admin API.")
+								children: D("admin.settings.apiKeys.description", "Manage API keys for programmatic access to the admin API.")
 							}), /* @__PURE__ */ v(t, {
 								variant: "outline",
 								className: "w-full",
-								children: E("admin.settings.apiKeys.manage", "Manage API Keys")
+								children: D("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-text-secondary" }), /* @__PURE__ */ v(o, {
 								className: "text-lg",
-								children: E("admin.settings.integrations.title", "Integrations")
+								children: D("admin.settings.integrations.title", "Integrations")
 							})]
 						}) }), /* @__PURE__ */ y(r, {
 							className: "space-y-3",
 							children: [/* @__PURE__ */ v("p", {
 								className: "text-sm text-text-secondary",
-								children: E("admin.settings.integrations.description", "Connect third-party services and tools.")
+								children: D("admin.settings.integrations.description", "Connect third-party services and tools.")
 							}), /* @__PURE__ */ v(t, {
 								variant: "outline",
 								className: "w-full",
-								children: E("admin.settings.integrations.view", "View Integrations")
+								children: D("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-text-secondary" }), /* @__PURE__ */ v(o, {
 								className: "text-lg",
-								children: E("admin.settings.data.title", "Data")
+								children: D("admin.settings.data.title", "Data")
 							})]
 						}) }), /* @__PURE__ */ y(r, {
 							className: "space-y-3",
@@ -264,28 +267,28 @@ function C() {
 								/* @__PURE__ */ v(t, {
 									variant: "outline",
 									className: "w-full justify-start",
-									children: E("admin.settings.data.export", "Export Data")
+									children: D("admin.settings.data.export", "Export Data")
 								}),
 								/* @__PURE__ */ v(t, {
 									variant: "outline",
 									className: "w-full justify-start",
-									children: E("admin.settings.data.auditLogs", "Audit Logs")
+									children: D("admin.settings.data.auditLogs", "Audit Logs")
 								}),
 								/* @__PURE__ */ v(c, {}),
 								/* @__PURE__ */ v(t, {
 									variant: "outline",
 									className: "w-full justify-start text-status-error-text",
-									children: E("admin.settings.data.dangerZone", "Danger Zone")
+									children: D("admin.settings.data.dangerZone", "Danger Zone")
 								})
 							]
 						})] })
 					]
 				})]
-			})
+			})]
 		})
 	});
 }
 //#endregion
-export { C as SettingsPage };
+export { w as SettingsPage };
 
 //# sourceMappingURL=SettingsPage.js.map

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 { EmphasisPanel, ShowMore } 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        <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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"}
+{"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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"}