@burdenoff/microfe-admin 2026.511.1

package/dist/admin/pages/SREPage.js

@@ -0,0 +1,405 @@
+import { useAdminPermissions as e } from "../hooks/useAdminPermissions.js";
+import { Badge as t, Button as n, Card as r, CardContent as i, CardHeader as a, CardTitle as o, EmptyState as s } from "../components/ui.js";
+import { PageLayout as c } from "../components/PageLayout.js";
+import { DeploymentStatusBadge as l, HealthStatusBadge as u } from "../components/StatusBadge.js";
+import { formatRelativeTime as d } from "../utils/formatters.js";
+import { MetricCard as f, MetricsGrid as p } from "../components/MetricCard.js";
+import { DataTable as m } from "../components/DataTable.js";
+import { PermissionGuard as h } from "../components/PermissionGuard.js";
+import "../components/index.js";
+import { useState as g } from "react";
+import { Activity as _, AlertTriangle as v, CheckCircle2 as y, Cpu as b, Database as x, HardDrive as S, RefreshCw as C, Server as w, TrendingUp as T, Wifi as E } from "lucide-react";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
+//#region src/admin/pages/SREPage.tsx
+var k = [
+	{
+		id: "s1",
+		name: "wspace-public-gateway",
+		type: "api",
+		status: "healthy",
+		uptime: 99.99,
+		latency: 45,
+		errorRate: .01,
+		lastChecked: (/* @__PURE__ */ new Date()).toISOString(),
+		region: "ap-south-1"
+	},
+	{
+		id: "s2",
+		name: "global-auth-svc",
+		type: "api",
+		status: "healthy",
+		uptime: 99.95,
+		latency: 32,
+		errorRate: .02,
+		lastChecked: (/* @__PURE__ */ new Date()).toISOString(),
+		region: "ap-south-1"
+	},
+	{
+		id: "s3",
+		name: "wspace-tags-svc",
+		type: "api",
+		status: "healthy",
+		uptime: 99.98,
+		latency: 28,
+		errorRate: .01,
+		lastChecked: (/* @__PURE__ */ new Date()).toISOString(),
+		region: "ap-south-1"
+	},
+	{
+		id: "s4",
+		name: "global-billing-svc",
+		type: "api",
+		status: "degraded",
+		uptime: 98.5,
+		latency: 250,
+		errorRate: 2.5,
+		lastChecked: (/* @__PURE__ */ new Date()).toISOString(),
+		region: "ap-south-1"
+	},
+	{
+		id: "s5",
+		name: "wspace-calendar-svc",
+		type: "api",
+		status: "healthy",
+		uptime: 99.97,
+		latency: 35,
+		errorRate: .03,
+		lastChecked: (/* @__PURE__ */ new Date()).toISOString(),
+		region: "ap-south-1"
+	},
+	{
+		id: "s6",
+		name: "postgresql-primary",
+		type: "database",
+		status: "healthy",
+		uptime: 99.999,
+		latency: 5,
+		errorRate: 0,
+		lastChecked: (/* @__PURE__ */ new Date()).toISOString(),
+		region: "ap-south-1"
+	},
+	{
+		id: "s7",
+		name: "valkey-cluster",
+		type: "cache",
+		status: "healthy",
+		uptime: 99.99,
+		latency: 2,
+		errorRate: 0,
+		lastChecked: (/* @__PURE__ */ new Date()).toISOString(),
+		region: "ap-south-1"
+	},
+	{
+		id: "s8",
+		name: "nats-cluster",
+		type: "queue",
+		status: "healthy",
+		uptime: 99.98,
+		latency: 8,
+		errorRate: .01,
+		lastChecked: (/* @__PURE__ */ new Date()).toISOString(),
+		region: "ap-south-1"
+	},
+	{
+		id: "s9",
+		name: "temporal-worker",
+		type: "worker",
+		status: "healthy",
+		uptime: 99.95,
+		latency: 15,
+		errorRate: .05,
+		lastChecked: (/* @__PURE__ */ new Date()).toISOString(),
+		region: "ap-south-1"
+	}
+], A = [{
+	id: "inc-1",
+	title: "Elevated latency on billing service",
+	severity: "major",
+	status: "investigating",
+	affectedServices: ["global-billing-svc"],
+	startedAt: (/* @__PURE__ */ new Date(Date.now() - 1800 * 1e3)).toISOString()
+}, {
+	id: "inc-2",
+	title: "Intermittent database connection errors",
+	severity: "minor",
+	status: "resolved",
+	affectedServices: ["postgresql-primary"],
+	startedAt: (/* @__PURE__ */ new Date(Date.now() - 14400 * 1e3)).toISOString(),
+	resolvedAt: (/* @__PURE__ */ new Date(Date.now() - 10800 * 1e3)).toISOString()
+}], j = [
+	{
+		id: "d1",
+		service: "wspace-tags-svc",
+		version: "2025.01.18.1",
+		status: "success",
+		deployedAt: (/* @__PURE__ */ new Date(Date.now() - 7200 * 1e3)).toISOString(),
+		deployedBy: "fluxcd",
+		duration: 120
+	},
+	{
+		id: "d2",
+		service: "global-auth-svc",
+		version: "2025.01.18.0",
+		status: "success",
+		deployedAt: (/* @__PURE__ */ new Date(Date.now() - 300 * 60 * 1e3)).toISOString(),
+		deployedBy: "fluxcd",
+		duration: 95
+	},
+	{
+		id: "d3",
+		service: "wspace-calendar-svc",
+		version: "2025.01.17.2",
+		status: "rolled_back",
+		deployedAt: (/* @__PURE__ */ new Date(Date.now() - 720 * 60 * 1e3)).toISOString(),
+		deployedBy: "fluxcd",
+		duration: 180
+	},
+	{
+		id: "d4",
+		service: "global-billing-svc",
+		version: "2025.01.17.1",
+		status: "success",
+		deployedAt: (/* @__PURE__ */ new Date(Date.now() - 1440 * 60 * 1e3)).toISOString(),
+		deployedBy: "fluxcd",
+		duration: 110
+	}
+], M = {
+	api: /* @__PURE__ */ D(w, { className: "h-4 w-4" }),
+	worker: /* @__PURE__ */ D(b, { className: "h-4 w-4" }),
+	database: /* @__PURE__ */ D(x, { className: "h-4 w-4" }),
+	cache: /* @__PURE__ */ D(S, { className: "h-4 w-4" }),
+	queue: /* @__PURE__ */ D(E, { className: "h-4 w-4" })
+}, N = {
+	critical: "bg-destructive/10 text-destructive",
+	major: "bg-warning/10 text-warning",
+	minor: "bg-muted text-muted-foreground"
+};
+function P() {
+	let { canViewSRE: b, isLoading: x } = e(), [S, E] = g(!1), P = k.filter((e) => e.status === "healthy").length, F = k.filter((e) => e.status === "degraded").length;
+	k.filter((e) => e.status === "down").length;
+	let I = k.reduce((e, t) => e + t.uptime, 0) / k.length, L = k.reduce((e, t) => e + t.latency, 0) / k.length, R = A.filter((e) => e.status !== "resolved").length;
+	return /* @__PURE__ */ D(h, {
+		allowed: b,
+		isLoading: x,
+		pageTitle: "SRE Monitoring",
+		denyMessage: "You don't have permission to view SRE monitoring.",
+		children: /* @__PURE__ */ D(c, {
+			title: "SRE Monitoring",
+			description: "Service health, incidents, and deployment monitoring",
+			actions: /* @__PURE__ */ O(n, {
+				variant: "outline",
+				onClick: () => {
+					E(!0), setTimeout(() => E(!1), 1e3);
+				},
+				disabled: S,
+				children: [/* @__PURE__ */ D(C, { className: `mr-2 h-4 w-4 ${S ? "animate-spin" : ""}` }), "Refresh"]
+			}),
+			children: /* @__PURE__ */ O("div", {
+				className: "space-y-6",
+				children: [
+					/* @__PURE__ */ O(p, { children: [
+						/* @__PURE__ */ D(f, {
+							title: "Healthy Services",
+							value: P,
+							icon: /* @__PURE__ */ D(y, { className: "h-5 w-5 text-success" }),
+							subtitle: `of ${k.length} total`
+						}),
+						/* @__PURE__ */ D(f, {
+							title: "Degraded",
+							value: F,
+							icon: /* @__PURE__ */ D(v, { className: "h-5 w-5 text-warning" }),
+							priority: F > 0 ? "high" : "normal"
+						}),
+						/* @__PURE__ */ D(f, {
+							title: "Avg Uptime",
+							value: `${I.toFixed(2)}%`,
+							icon: /* @__PURE__ */ D(T, { className: "h-5 w-5" })
+						}),
+						/* @__PURE__ */ D(f, {
+							title: "Avg Latency",
+							value: `${L.toFixed(0)}ms`,
+							icon: /* @__PURE__ */ D(_, { className: "h-5 w-5" })
+						})
+					] }),
+					R > 0 && /* @__PURE__ */ O(r, {
+						className: "border-warning/50 bg-warning/5",
+						children: [/* @__PURE__ */ D(a, { children: /* @__PURE__ */ O(o, {
+							className: "text-lg flex items-center gap-2 text-warning",
+							children: [
+								/* @__PURE__ */ D(v, { className: "h-5 w-5" }),
+								"Active Incidents (",
+								R,
+								")"
+							]
+						}) }), /* @__PURE__ */ D(i, { children: /* @__PURE__ */ D("div", {
+							className: "space-y-3",
+							children: A.filter((e) => e.status !== "resolved").map((e) => /* @__PURE__ */ O("div", {
+								className: "flex items-start justify-between rounded-lg border border-border bg-background p-4",
+								children: [/* @__PURE__ */ O("div", {
+									className: "space-y-1",
+									children: [
+										/* @__PURE__ */ O("div", {
+											className: "flex items-center gap-2",
+											children: [/* @__PURE__ */ D(t, {
+												className: N[e.severity],
+												children: e.severity.toUpperCase()
+											}), /* @__PURE__ */ D("span", {
+												className: "font-medium",
+												children: e.title
+											})]
+										}),
+										/* @__PURE__ */ O("div", {
+											className: "flex items-center gap-4 text-sm text-muted-foreground",
+											children: [
+												/* @__PURE__ */ O("span", { children: ["Started ", d(e.startedAt)] }),
+												/* @__PURE__ */ D("span", { children: "•" }),
+												/* @__PURE__ */ O("span", { children: ["Status: ", e.status] })
+											]
+										}),
+										/* @__PURE__ */ D("div", {
+											className: "flex flex-wrap gap-1 mt-2",
+											children: e.affectedServices.map((e) => /* @__PURE__ */ D(t, {
+												variant: "outline",
+												className: "text-xs",
+												children: e
+											}, e))
+										})
+									]
+								}), /* @__PURE__ */ D(n, {
+									size: "sm",
+									variant: "outline",
+									children: "View"
+								})]
+							}, e.id))
+						}) })]
+					}),
+					/* @__PURE__ */ O(r, { children: [/* @__PURE__ */ D(a, { children: /* @__PURE__ */ O(o, {
+						className: "text-lg flex items-center gap-2",
+						children: [/* @__PURE__ */ D(w, { className: "h-5 w-5" }), "Service Health"]
+					}) }), /* @__PURE__ */ D(i, { children: /* @__PURE__ */ D(m, {
+						columns: [
+							{
+								key: "name",
+								header: "Service",
+								render: (e) => /* @__PURE__ */ O("div", {
+									className: "flex items-center gap-2",
+									children: [M[e.type], /* @__PURE__ */ D("span", {
+										className: "font-medium",
+										children: e.name
+									})]
+								})
+							},
+							{
+								key: "status",
+								header: "Status",
+								width: "100px",
+								render: (e) => /* @__PURE__ */ D(u, { status: e.status })
+							},
+							{
+								key: "uptime",
+								header: "Uptime",
+								width: "100px",
+								align: "right",
+								render: (e) => /* @__PURE__ */ O("span", {
+									className: e.uptime < 99 ? "text-warning" : "text-success",
+									children: [e.uptime.toFixed(2), "%"]
+								})
+							},
+							{
+								key: "latency",
+								header: "Latency",
+								width: "100px",
+								align: "right",
+								render: (e) => /* @__PURE__ */ O("span", {
+									className: e.latency > 100 ? "text-warning" : "",
+									children: [e.latency, "ms"]
+								})
+							},
+							{
+								key: "errorRate",
+								header: "Error Rate",
+								width: "100px",
+								align: "right",
+								render: (e) => /* @__PURE__ */ O("span", {
+									className: e.errorRate > 1 ? "text-destructive" : "",
+									children: [e.errorRate.toFixed(2), "%"]
+								})
+							},
+							{
+								key: "region",
+								header: "Region",
+								width: "120px",
+								render: (e) => /* @__PURE__ */ D("span", {
+									className: "text-muted-foreground",
+									children: e.region
+								})
+							}
+						],
+						data: k,
+						keyExtractor: (e) => e.id,
+						emptyState: /* @__PURE__ */ D(s, {
+							icon: /* @__PURE__ */ D(w, { className: "h-8 w-8" }),
+							title: "No services found"
+						})
+					}) })] }),
+					/* @__PURE__ */ O(r, { children: [/* @__PURE__ */ D(a, { children: /* @__PURE__ */ O(o, {
+						className: "text-lg flex items-center gap-2",
+						children: [/* @__PURE__ */ D(C, { className: "h-5 w-5" }), "Recent Deployments"]
+					}) }), /* @__PURE__ */ D(i, { children: /* @__PURE__ */ D(m, {
+						columns: [
+							{
+								key: "service",
+								header: "Service",
+								render: (e) => /* @__PURE__ */ D("span", {
+									className: "font-medium",
+									children: e.service
+								})
+							},
+							{
+								key: "version",
+								header: "Version",
+								width: "140px",
+								render: (e) => /* @__PURE__ */ D("code", {
+									className: "text-xs bg-muted px-1.5 py-0.5 rounded",
+									children: e.version
+								})
+							},
+							{
+								key: "status",
+								header: "Status",
+								width: "120px",
+								render: (e) => /* @__PURE__ */ D(l, { status: e.status })
+							},
+							{
+								key: "duration",
+								header: "Duration",
+								width: "100px",
+								align: "right",
+								render: (e) => `${e.duration}s`
+							},
+							{
+								key: "deployedAt",
+								header: "Deployed",
+								width: "140px",
+								render: (e) => /* @__PURE__ */ D("span", {
+									className: "text-muted-foreground",
+									children: d(e.deployedAt)
+								})
+							}
+						],
+						data: j,
+						keyExtractor: (e) => e.id,
+						emptyState: /* @__PURE__ */ D(s, {
+							icon: /* @__PURE__ */ D(C, { className: "h-8 w-8" }),
+							title: "No recent deployments"
+						})
+					}) })] })
+				]
+			})
+		})
+	});
+}
+//#endregion
+export { P as SREPage };
+
+//# sourceMappingURL=SREPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SREPage.js","names":[],"sources":["../../../src/admin/pages/SREPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Activity,\n  Server,\n  Database,\n  Cpu,\n  HardDrive,\n  Wifi,\n  AlertTriangle,\n  CheckCircle2,\n  RefreshCw,\n  TrendingUp,\n} from 'lucide-react';\nimport { useAdminPermissions } from '../hooks/useAdminPermissions';\nimport {\n  PageLayout,\n  MetricCard,\n  MetricsGrid,\n  Card,\n  CardHeader,\n  CardTitle,\n  CardContent,\n  Badge,\n  Button,\n  EmptyState,\n  DataTable,\n  HealthStatusBadge,\n  DeploymentStatusBadge,\n  PermissionGuard,\n} from '../components';\nimport { formatRelativeTime } from '../utils/formatters';\n\n/**\n * Service health entity\n */\ninterface ServiceHealth {\n  id: string;\n  name: string;\n  type: 'api' | 'worker' | 'database' | 'cache' | 'queue';\n  status: 'healthy' | 'degraded' | 'down';\n  uptime: number; // percentage\n  latency: number; // ms\n  errorRate: number; // percentage\n  lastChecked: string;\n  region: string;\n}\n\n/**\n * Incident entity\n */\ninterface Incident {\n  id: string;\n  title: string;\n  severity: 'critical' | 'major' | 'minor';\n  status: 'active' | 'investigating' | 'resolved';\n  affectedServices: string[];\n  startedAt: string;\n  resolvedAt?: string;\n}\n\n/**\n * Deployment entity\n */\ninterface Deployment {\n  id: string;\n  service: string;\n  version: string;\n  status: 'success' | 'failed' | 'in_progress' | 'rolled_back';\n  deployedAt: string;\n  deployedBy: string;\n  duration: number; // seconds\n}\n\n// Mock data\nconst mockServices: ServiceHealth[] = [\n  {\n    id: 's1',\n    name: 'wspace-public-gateway',\n    type: 'api',\n    status: 'healthy',\n    uptime: 99.99,\n    latency: 45,\n    errorRate: 0.01,\n    lastChecked: new Date().toISOString(),\n    region: 'ap-south-1',\n  },\n  {\n    id: 's2',\n    name: 'global-auth-svc',\n    type: 'api',\n    status: 'healthy',\n    uptime: 99.95,\n    latency: 32,\n    errorRate: 0.02,\n    lastChecked: new Date().toISOString(),\n    region: 'ap-south-1',\n  },\n  {\n    id: 's3',\n    name: 'wspace-tags-svc',\n    type: 'api',\n    status: 'healthy',\n    uptime: 99.98,\n    latency: 28,\n    errorRate: 0.01,\n    lastChecked: new Date().toISOString(),\n    region: 'ap-south-1',\n  },\n  {\n    id: 's4',\n    name: 'global-billing-svc',\n    type: 'api',\n    status: 'degraded',\n    uptime: 98.5,\n    latency: 250,\n    errorRate: 2.5,\n    lastChecked: new Date().toISOString(),\n    region: 'ap-south-1',\n  },\n  {\n    id: 's5',\n    name: 'wspace-calendar-svc',\n    type: 'api',\n    status: 'healthy',\n    uptime: 99.97,\n    latency: 35,\n    errorRate: 0.03,\n    lastChecked: new Date().toISOString(),\n    region: 'ap-south-1',\n  },\n  {\n    id: 's6',\n    name: 'postgresql-primary',\n    type: 'database',\n    status: 'healthy',\n    uptime: 99.999,\n    latency: 5,\n    errorRate: 0,\n    lastChecked: new Date().toISOString(),\n    region: 'ap-south-1',\n  },\n  {\n    id: 's7',\n    name: 'valkey-cluster',\n    type: 'cache',\n    status: 'healthy',\n    uptime: 99.99,\n    latency: 2,\n    errorRate: 0,\n    lastChecked: new Date().toISOString(),\n    region: 'ap-south-1',\n  },\n  {\n    id: 's8',\n    name: 'nats-cluster',\n    type: 'queue',\n    status: 'healthy',\n    uptime: 99.98,\n    latency: 8,\n    errorRate: 0.01,\n    lastChecked: new Date().toISOString(),\n    region: 'ap-south-1',\n  },\n  {\n    id: 's9',\n    name: 'temporal-worker',\n    type: 'worker',\n    status: 'healthy',\n    uptime: 99.95,\n    latency: 15,\n    errorRate: 0.05,\n    lastChecked: new Date().toISOString(),\n    region: 'ap-south-1',\n  },\n];\n\nconst mockIncidents: Incident[] = [\n  {\n    id: 'inc-1',\n    title: 'Elevated latency on billing service',\n    severity: 'major',\n    status: 'investigating',\n    affectedServices: ['global-billing-svc'],\n    startedAt: new Date(Date.now() - 30 * 60 * 1000).toISOString(),\n  },\n  {\n    id: 'inc-2',\n    title: 'Intermittent database connection errors',\n    severity: 'minor',\n    status: 'resolved',\n    affectedServices: ['postgresql-primary'],\n    startedAt: new Date(Date.now() - 4 * 60 * 60 * 1000).toISOString(),\n    resolvedAt: new Date(Date.now() - 3 * 60 * 60 * 1000).toISOString(),\n  },\n];\n\nconst mockDeployments: Deployment[] = [\n  {\n    id: 'd1',\n    service: 'wspace-tags-svc',\n    version: '2025.01.18.1',\n    status: 'success',\n    deployedAt: new Date(Date.now() - 2 * 60 * 60 * 1000).toISOString(),\n    deployedBy: 'fluxcd',\n    duration: 120,\n  },\n  {\n    id: 'd2',\n    service: 'global-auth-svc',\n    version: '2025.01.18.0',\n    status: 'success',\n    deployedAt: new Date(Date.now() - 5 * 60 * 60 * 1000).toISOString(),\n    deployedBy: 'fluxcd',\n    duration: 95,\n  },\n  {\n    id: 'd3',\n    service: 'wspace-calendar-svc',\n    version: '2025.01.17.2',\n    status: 'rolled_back',\n    deployedAt: new Date(Date.now() - 12 * 60 * 60 * 1000).toISOString(),\n    deployedBy: 'fluxcd',\n    duration: 180,\n  },\n  {\n    id: 'd4',\n    service: 'global-billing-svc',\n    version: '2025.01.17.1',\n    status: 'success',\n    deployedAt: new Date(Date.now() - 24 * 60 * 60 * 1000).toISOString(),\n    deployedBy: 'fluxcd',\n    duration: 110,\n  },\n];\n\nconst typeIcons: Record<string, React.ReactNode> = {\n  api: <Server className=\"h-4 w-4\" />,\n  worker: <Cpu className=\"h-4 w-4\" />,\n  database: <Database className=\"h-4 w-4\" />,\n  cache: <HardDrive className=\"h-4 w-4\" />,\n  queue: <Wifi className=\"h-4 w-4\" />,\n};\n\nconst severityColors: Record<string, string> = {\n  critical: 'bg-destructive/10 text-destructive',\n  major: 'bg-warning/10 text-warning',\n  minor: 'bg-muted text-muted-foreground',\n};\n\n/**\n * SRE Monitoring page\n */\nexport function SREPage() {\n  const { canViewSRE, isLoading: permissionsLoading } = useAdminPermissions();\n\n  const [refreshing, setRefreshing] = useState(false);\n\n  // Calculate metrics\n  const healthyServices = mockServices.filter((s) => s.status === 'healthy').length;\n  const degradedServices = mockServices.filter((s) => s.status === 'degraded').length;\n  // Note: downServices available for future use when we have down services\n  const _downServices = mockServices.filter((s) => s.status === 'down').length;\n  void _downServices;\n  const avgUptime = mockServices.reduce((sum, s) => sum + s.uptime, 0) / mockServices.length;\n  const avgLatency = mockServices.reduce((sum, s) => sum + s.latency, 0) / mockServices.length;\n  const activeIncidents = mockIncidents.filter((i) => i.status !== 'resolved').length;\n\n  const handleRefresh = () => {\n    setRefreshing(true);\n    setTimeout(() => setRefreshing(false), 1000);\n  };\n\n  const serviceColumns = [\n    {\n      key: 'name',\n      header: 'Service',\n      render: (service: ServiceHealth) => (\n        <div className=\"flex items-center gap-2\">\n          {typeIcons[service.type]}\n          <span className=\"font-medium\">{service.name}</span>\n        </div>\n      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      width: '100px',\n      render: (service: ServiceHealth) => <HealthStatusBadge status={service.status} />,\n    },\n    {\n      key: 'uptime',\n      header: 'Uptime',\n      width: '100px',\n      align: 'right' as const,\n      render: (service: ServiceHealth) => (\n        <span className={service.uptime < 99 ? 'text-warning' : 'text-success'}>\n          {service.uptime.toFixed(2)}%\n        </span>\n      ),\n    },\n    {\n      key: 'latency',\n      header: 'Latency',\n      width: '100px',\n      align: 'right' as const,\n      render: (service: ServiceHealth) => (\n        <span className={service.latency > 100 ? 'text-warning' : ''}>{service.latency}ms</span>\n      ),\n    },\n    {\n      key: 'errorRate',\n      header: 'Error Rate',\n      width: '100px',\n      align: 'right' as const,\n      render: (service: ServiceHealth) => (\n        <span className={service.errorRate > 1 ? 'text-destructive' : ''}>\n          {service.errorRate.toFixed(2)}%\n        </span>\n      ),\n    },\n    {\n      key: 'region',\n      header: 'Region',\n      width: '120px',\n      render: (service: ServiceHealth) => (\n        <span className=\"text-muted-foreground\">{service.region}</span>\n      ),\n    },\n  ];\n\n  const deploymentColumns = [\n    {\n      key: 'service',\n      header: 'Service',\n      render: (d: Deployment) => <span className=\"font-medium\">{d.service}</span>,\n    },\n    {\n      key: 'version',\n      header: 'Version',\n      width: '140px',\n      render: (d: Deployment) => (\n        <code className=\"text-xs bg-muted px-1.5 py-0.5 rounded\">{d.version}</code>\n      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      width: '120px',\n      render: (d: Deployment) => <DeploymentStatusBadge status={d.status} />,\n    },\n    {\n      key: 'duration',\n      header: 'Duration',\n      width: '100px',\n      align: 'right' as const,\n      render: (d: Deployment) => `${d.duration}s`,\n    },\n    {\n      key: 'deployedAt',\n      header: 'Deployed',\n      width: '140px',\n      render: (d: Deployment) => (\n        <span className=\"text-muted-foreground\">{formatRelativeTime(d.deployedAt)}</span>\n      ),\n    },\n  ];\n\n  return (\n    <PermissionGuard\n      allowed={canViewSRE}\n      isLoading={permissionsLoading}\n      pageTitle=\"SRE Monitoring\"\n      denyMessage=\"You don't have permission to view SRE monitoring.\"\n    >\n      <PageLayout\n        title=\"SRE Monitoring\"\n        description=\"Service health, incidents, and deployment monitoring\"\n        actions={\n          <Button variant=\"outline\" onClick={handleRefresh} disabled={refreshing}>\n            <RefreshCw className={`mr-2 h-4 w-4 ${refreshing ? 'animate-spin' : ''}`} />\n            Refresh\n          </Button>\n        }\n      >\n        <div className=\"space-y-6\">\n          {/* Metrics */}\n          <MetricsGrid>\n            <MetricCard\n              title=\"Healthy Services\"\n              value={healthyServices}\n              icon={<CheckCircle2 className=\"h-5 w-5 text-success\" />}\n              subtitle={`of ${mockServices.length} total`}\n            />\n            <MetricCard\n              title=\"Degraded\"\n              value={degradedServices}\n              icon={<AlertTriangle className=\"h-5 w-5 text-warning\" />}\n              priority={degradedServices > 0 ? 'high' : 'normal'}\n            />\n            <MetricCard\n              title=\"Avg Uptime\"\n              value={`${avgUptime.toFixed(2)}%`}\n              icon={<TrendingUp className=\"h-5 w-5\" />}\n            />\n            <MetricCard\n              title=\"Avg Latency\"\n              value={`${avgLatency.toFixed(0)}ms`}\n              icon={<Activity className=\"h-5 w-5\" />}\n            />\n          </MetricsGrid>\n\n          {/* Active Incidents */}\n          {activeIncidents > 0 && (\n            <Card className=\"border-warning/50 bg-warning/5\">\n              <CardHeader>\n                <CardTitle className=\"text-lg flex items-center gap-2 text-warning\">\n                  <AlertTriangle className=\"h-5 w-5\" />\n                  Active Incidents ({activeIncidents})\n                </CardTitle>\n              </CardHeader>\n              <CardContent>\n                <div className=\"space-y-3\">\n                  {mockIncidents\n                    .filter((i) => i.status !== 'resolved')\n                    .map((incident) => (\n                      <div\n                        key={incident.id}\n                        className=\"flex items-start justify-between rounded-lg border border-border bg-background p-4\"\n                      >\n                        <div className=\"space-y-1\">\n                          <div className=\"flex items-center gap-2\">\n                            <Badge className={severityColors[incident.severity]}>\n                              {incident.severity.toUpperCase()}\n                            </Badge>\n                            <span className=\"font-medium\">{incident.title}</span>\n                          </div>\n                          <div className=\"flex items-center gap-4 text-sm text-muted-foreground\">\n                            <span>Started {formatRelativeTime(incident.startedAt)}</span>\n                            <span>•</span>\n                            <span>Status: {incident.status}</span>\n                          </div>\n                          <div className=\"flex flex-wrap gap-1 mt-2\">\n                            {incident.affectedServices.map((svc) => (\n                              <Badge key={svc} variant=\"outline\" className=\"text-xs\">\n                                {svc}\n                              </Badge>\n                            ))}\n                          </div>\n                        </div>\n                        <Button size=\"sm\" variant=\"outline\">\n                          View\n                        </Button>\n                      </div>\n                    ))}\n                </div>\n              </CardContent>\n            </Card>\n          )}\n\n          {/* Service Health */}\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"text-lg flex items-center gap-2\">\n                <Server className=\"h-5 w-5\" />\n                Service Health\n              </CardTitle>\n            </CardHeader>\n            <CardContent>\n              <DataTable\n                columns={serviceColumns}\n                data={mockServices}\n                keyExtractor={(s) => s.id}\n                emptyState={\n                  <EmptyState icon={<Server className=\"h-8 w-8\" />} title=\"No services found\" />\n                }\n              />\n            </CardContent>\n          </Card>\n\n          {/* Recent Deployments */}\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"text-lg flex items-center gap-2\">\n                <RefreshCw className=\"h-5 w-5\" />\n                Recent Deployments\n              </CardTitle>\n            </CardHeader>\n            <CardContent>\n              <DataTable\n                columns={deploymentColumns}\n                data={mockDeployments}\n                keyExtractor={(d) => d.id}\n                emptyState={\n                  <EmptyState\n                    icon={<RefreshCw className=\"h-8 w-8\" />}\n                    title=\"No recent deployments\"\n                  />\n                }\n              />\n            </CardContent>\n          </Card>\n        </div>\n      </PageLayout>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+/**
+ * Sandbox Settings page for superadmin sandbox configuration.
+ * Manages platform-wide sandbox defaults including TTLs, resource limits,
+ * allowed types, and concurrency caps.
+ */
+export declare function SandboxSettingsPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SandboxSettingsPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SandboxSettingsPage.d.ts","sourceRoot":"","sources":["../../../src/admin/pages/SandboxSettingsPage.tsx"],"names":[],"mappings":"AA4GA;;;;GAIG;AACH,wBAAgB,mBAAmB,4CAiclC"}