@burdenoff/microfe-assethandler 2026.703.2 → 2026.703.3

package/dist/assethandler/pages/SecuritySecurityHubPage.js

@@ -1,8 +1,8 @@
 import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
-import { AlertTriangle as t, Eye as n, FileText as r, Shield as i } from "lucide-react";
-import { useNavigate as a } from "react-router-dom";
-import { Badge as o, Button as s, Card as c, CardContent as l, CardHeader as u, CardTitle as d, EmphasisPanel as f, GradientText as p, IllustratedEmptyState as m, NextSteps as h, PagePurpose as g, Tabs as _, TabsContent as v, TabsList as y, TabsTrigger as b } from "@burdenoff/fe-libs/ui";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { useAssetHandlerNavigate as t } from "../hooks/useAssetHandlerNavigate.js";
+import { AlertTriangle as n, Eye as r, FileText as i, Shield as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Badge as c, Button as l, Card as u, CardContent as d, CardHeader as f, CardTitle as p, EmphasisPanel as m, GradientText as h, IllustratedEmptyState as g, NextSteps as _, PagePurpose as v, Tabs as y, TabsContent as b, TabsList as x, TabsTrigger as S } from "@burdenoff/fe-libs/ui";
 //#region src/assethandler/pages/SecuritySecurityHubPage.tsx
 var C = {
 	critical: "destructive",
@@ -12,27 +12,27 @@ var C = {
 	info: "outline"
 };
 function w() {
-	let w = a(), { securityEvents: T, complianceFrameworks: E, securityPolicies: D } = e(), O = T.filter((e) => !e.resolved);
+	let w = t(), { securityEvents: T, complianceFrameworks: E, securityPolicies: D } = e(), O = T.filter((e) => !e.resolved);
 	T.filter((e) => e.severity === "critical" || e.severity === "high");
 	let k = D.filter((e) => e.status === "active"), A = E.length > 0 ? Math.round(E.reduce((e, t) => e + t.score, 0) / E.length) : 0;
-	return /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ s("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ s("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h1", {
+				children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h1", {
 					className: "text-2xl font-bold",
-					children: /* @__PURE__ */ x(p, { children: "Security Hub" })
-				}), /* @__PURE__ */ x("p", {
+					children: /* @__PURE__ */ o(h, { children: "Security Hub" })
+				}), /* @__PURE__ */ o("p", {
 					className: "text-sm text-text-secondary",
 					children: "Security monitoring, compliance, and policy management"
-				})] }), /* @__PURE__ */ S(s, {
+				})] }), /* @__PURE__ */ s(l, {
 					size: "sm",
-					children: [/* @__PURE__ */ x(i, { className: "mr-2 h-4 w-4" }), "Security Report"]
+					children: [/* @__PURE__ */ o(a, { className: "mr-2 h-4 w-4" }), "Security Report"]
 				})]
 			}),
-			/* @__PURE__ */ x(g, { children: "Your asset-security control room: watch security events as they happen, track how you score against compliance frameworks, and manage the policies that govern your estate. Use it to close out the highest-severity, unresolved events first and prove you are audit-ready." }),
-			/* @__PURE__ */ x(h, {
+			/* @__PURE__ */ o(v, { children: "Your asset-security control room: watch security events as they happen, track how you score against compliance frameworks, and manage the policies that govern your estate. Use it to close out the highest-severity, unresolved events first and prove you are audit-ready." }),
+			/* @__PURE__ */ o(_, {
 				storageKey: "assethandler-security-hub",
 				steps: [
 					{
@@ -55,152 +55,152 @@ function w() {
 					}
 				]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ s("div", {
 				className: "grid gap-4 md:grid-cols-4",
 				children: [
-					/* @__PURE__ */ S(f, { children: [/* @__PURE__ */ S("div", {
+					/* @__PURE__ */ s(m, { children: [/* @__PURE__ */ s("div", {
 						className: "flex items-center gap-2 text-sm text-text-secondary",
-						children: [/* @__PURE__ */ x(t, { className: "h-4 w-4" }), "Unresolved Events"]
-					}), /* @__PURE__ */ x("p", {
+						children: [/* @__PURE__ */ o(n, { className: "h-4 w-4" }), "Unresolved Events"]
+					}), /* @__PURE__ */ o("p", {
 						className: "text-2xl font-bold mt-1 tabular-nums text-status-error-text",
 						children: O.length
 					})] }),
-					/* @__PURE__ */ x(c, { children: /* @__PURE__ */ S(l, {
+					/* @__PURE__ */ o(u, { children: /* @__PURE__ */ s(d, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ S("div", {
+						children: [/* @__PURE__ */ s("div", {
 							className: "flex items-center gap-2 text-sm text-text-secondary",
-							children: [/* @__PURE__ */ x(i, { className: "h-4 w-4" }), "Compliance Score"]
-						}), /* @__PURE__ */ S("p", {
+							children: [/* @__PURE__ */ o(a, { className: "h-4 w-4" }), "Compliance Score"]
+						}), /* @__PURE__ */ s("p", {
 							className: "text-2xl font-bold mt-1",
 							children: [A, "%"]
 						})]
 					}) }),
-					/* @__PURE__ */ x(c, { children: /* @__PURE__ */ S(l, {
+					/* @__PURE__ */ o(u, { children: /* @__PURE__ */ s(d, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ S("div", {
+						children: [/* @__PURE__ */ s("div", {
 							className: "flex items-center gap-2 text-sm text-text-secondary",
-							children: [/* @__PURE__ */ x(r, { className: "h-4 w-4" }), "Active Policies"]
-						}), /* @__PURE__ */ x("p", {
+							children: [/* @__PURE__ */ o(i, { className: "h-4 w-4" }), "Active Policies"]
+						}), /* @__PURE__ */ o("p", {
 							className: "text-2xl font-bold mt-1",
 							children: k.length
 						})]
 					}) }),
-					/* @__PURE__ */ x(c, { children: /* @__PURE__ */ S(l, {
+					/* @__PURE__ */ o(u, { children: /* @__PURE__ */ s(d, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ S("div", {
+						children: [/* @__PURE__ */ s("div", {
 							className: "flex items-center gap-2 text-sm text-text-secondary",
-							children: [/* @__PURE__ */ x(n, { className: "h-4 w-4" }), "Total Events"]
-						}), /* @__PURE__ */ x("p", {
+							children: [/* @__PURE__ */ o(r, { className: "h-4 w-4" }), "Total Events"]
+						}), /* @__PURE__ */ o("p", {
 							className: "text-2xl font-bold mt-1",
 							children: T.length
 						})]
 					}) })
 				]
 			}),
-			/* @__PURE__ */ S(_, {
+			/* @__PURE__ */ s(y, {
 				defaultValue: "events",
 				children: [
-					/* @__PURE__ */ S(y, { children: [
-						/* @__PURE__ */ x(b, {
+					/* @__PURE__ */ s(x, { children: [
+						/* @__PURE__ */ o(S, {
 							value: "events",
 							children: "Security Events"
 						}),
-						/* @__PURE__ */ x(b, {
+						/* @__PURE__ */ o(S, {
 							value: "compliance",
 							children: "Compliance"
 						}),
-						/* @__PURE__ */ x(b, {
+						/* @__PURE__ */ o(S, {
 							value: "policies",
 							children: "Policies"
 						})
 					] }),
-					/* @__PURE__ */ x(v, {
+					/* @__PURE__ */ o(b, {
 						value: "events",
 						className: "mt-4",
-						children: T.length === 0 ? /* @__PURE__ */ x(m, {
+						children: T.length === 0 ? /* @__PURE__ */ o(g, {
 							illustration: "empty-notifications",
 							title: "No security events",
 							description: "Security alerts detected across your assets will appear here for triage."
-						}) : /* @__PURE__ */ x(c, { children: /* @__PURE__ */ x(l, {
+						}) : /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o(d, {
 							className: "p-0",
-							children: /* @__PURE__ */ x("div", {
+							children: /* @__PURE__ */ o("div", {
 								className: "overflow-x-auto",
-								children: /* @__PURE__ */ S("table", {
+								children: /* @__PURE__ */ s("table", {
 									className: "w-full text-sm",
-									children: [/* @__PURE__ */ x("thead", { children: /* @__PURE__ */ S("tr", {
+									children: [/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", {
 										className: "border-b bg-bg-sunken/50",
 										children: [
-											/* @__PURE__ */ x("th", {
+											/* @__PURE__ */ o("th", {
 												className: "text-left p-3 font-medium",
 												children: "ID"
 											}),
-											/* @__PURE__ */ x("th", {
+											/* @__PURE__ */ o("th", {
 												className: "text-left p-3 font-medium",
 												children: "Type"
 											}),
-											/* @__PURE__ */ x("th", {
+											/* @__PURE__ */ o("th", {
 												className: "text-left p-3 font-medium",
 												children: "Title"
 											}),
-											/* @__PURE__ */ x("th", {
+											/* @__PURE__ */ o("th", {
 												className: "text-left p-3 font-medium",
 												children: "Severity"
 											}),
-											/* @__PURE__ */ x("th", {
+											/* @__PURE__ */ o("th", {
 												className: "text-left p-3 font-medium",
 												children: "Source"
 											}),
-											/* @__PURE__ */ x("th", {
+											/* @__PURE__ */ o("th", {
 												className: "text-left p-3 font-medium",
 												children: "Time"
 											}),
-											/* @__PURE__ */ x("th", {
+											/* @__PURE__ */ o("th", {
 												className: "text-left p-3 font-medium",
 												children: "Status"
 											})
 										]
-									}) }), /* @__PURE__ */ x("tbody", { children: T.map((e) => /* @__PURE__ */ S("tr", {
+									}) }), /* @__PURE__ */ o("tbody", { children: T.map((e) => /* @__PURE__ */ s("tr", {
 										className: "border-b hover:bg-bg-sunken/50 cursor-pointer",
 										children: [
-											/* @__PURE__ */ x("td", {
+											/* @__PURE__ */ o("td", {
 												className: "p-3 font-mono text-xs",
 												children: e.id
 											}),
-											/* @__PURE__ */ x("td", {
+											/* @__PURE__ */ o("td", {
 												className: "p-3 capitalize text-xs",
 												children: e.type.replace("_", " ")
 											}),
-											/* @__PURE__ */ S("td", {
+											/* @__PURE__ */ s("td", {
 												className: "p-3",
-												children: [/* @__PURE__ */ x("p", {
+												children: [/* @__PURE__ */ o("p", {
 													className: "font-medium",
 													children: e.title
-												}), /* @__PURE__ */ x("p", {
+												}), /* @__PURE__ */ o("p", {
 													className: "text-xs text-text-secondary truncate max-w-xs",
 													children: e.description
 												})]
 											}),
-											/* @__PURE__ */ x("td", {
+											/* @__PURE__ */ o("td", {
 												className: "p-3",
-												children: /* @__PURE__ */ x(o, {
+												children: /* @__PURE__ */ o(c, {
 													variant: C[e.severity],
 													children: e.severity
 												})
 											}),
-											/* @__PURE__ */ x("td", {
+											/* @__PURE__ */ o("td", {
 												className: "p-3 text-xs",
 												children: e.source
 											}),
-											/* @__PURE__ */ x("td", {
+											/* @__PURE__ */ o("td", {
 												className: "p-3 text-xs",
 												children: new Date(e.timestamp).toLocaleString()
 											}),
-											/* @__PURE__ */ x("td", {
+											/* @__PURE__ */ o("td", {
 												className: "p-3",
-												children: e.resolved ? /* @__PURE__ */ x(o, {
+												children: e.resolved ? /* @__PURE__ */ o(c, {
 													variant: "default",
 													children: "Resolved"
-												}) : /* @__PURE__ */ x(o, {
+												}) : /* @__PURE__ */ o(c, {
 													variant: "destructive",
 													children: "Open"
 												})
@@ -211,78 +211,78 @@ function w() {
 							})
 						}) })
 					}),
-					/* @__PURE__ */ x(v, {
+					/* @__PURE__ */ o(b, {
 						value: "compliance",
 						className: "mt-4",
-						children: E.length === 0 ? /* @__PURE__ */ x(m, {
+						children: E.length === 0 ? /* @__PURE__ */ o(g, {
 							illustration: "empty-generic",
 							title: "No compliance frameworks",
 							description: "Add frameworks (e.g. ISO 27001, SOC 2) to track your control coverage and score."
-						}) : /* @__PURE__ */ x("div", {
+						}) : /* @__PURE__ */ o("div", {
 							className: "grid gap-4 md:grid-cols-2",
-							children: E.map((e) => /* @__PURE__ */ S(c, { children: [/* @__PURE__ */ x(u, {
+							children: E.map((e) => /* @__PURE__ */ s(u, { children: [/* @__PURE__ */ o(f, {
 								className: "pb-2",
-								children: /* @__PURE__ */ S("div", {
+								children: /* @__PURE__ */ s("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ S(d, {
+									children: [/* @__PURE__ */ s(p, {
 										className: "text-base",
 										children: [
 											e.name,
 											" ",
 											e.version
 										]
-									}), /* @__PURE__ */ x(o, {
+									}), /* @__PURE__ */ o(c, {
 										variant: e.status === "compliant" ? "default" : e.status === "non_compliant" ? "destructive" : "secondary",
 										children: e.status.replace("_", " ")
 									})]
 								})
-							}), /* @__PURE__ */ x(l, { children: /* @__PURE__ */ S("div", {
+							}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ s("div", {
 								className: "space-y-3",
 								children: [
-									/* @__PURE__ */ S("div", {
+									/* @__PURE__ */ s("div", {
 										className: "text-center",
-										children: [/* @__PURE__ */ S("p", {
+										children: [/* @__PURE__ */ s("p", {
 											className: "text-3xl font-bold tabular-nums",
 											children: [e.score, "%"]
-										}), /* @__PURE__ */ x("p", {
+										}), /* @__PURE__ */ o("p", {
 											className: "text-xs text-text-secondary",
 											children: "Compliance Score"
 										})]
 									}),
-									/* @__PURE__ */ x("div", {
+									/* @__PURE__ */ o("div", {
 										className: "h-2 rounded-full bg-bg-sunken overflow-hidden",
-										children: /* @__PURE__ */ x("div", {
+										children: /* @__PURE__ */ o("div", {
 											className: `h-full rounded-full ${e.score >= 90 ? "bg-status-success-bg" : e.score >= 70 ? "bg-status-warning-bg" : "bg-status-error-bg"}`,
 											style: { width: `${e.score}%` }
 										})
 									}),
-									/* @__PURE__ */ S("div", {
+									/* @__PURE__ */ s("div", {
 										className: "grid grid-cols-3 gap-2 text-center text-xs",
 										children: [
-											/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+											/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
 												className: "font-bold text-status-success-text",
 												children: e.passedControls
-											}), /* @__PURE__ */ x("p", {
+											}), /* @__PURE__ */ o("p", {
 												className: "text-text-secondary",
 												children: "Passed"
 											})] }),
-											/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+											/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
 												className: "font-bold text-status-error-text",
 												children: e.failedControls
-											}), /* @__PURE__ */ x("p", {
+											}), /* @__PURE__ */ o("p", {
 												className: "text-text-secondary",
 												children: "Failed"
 											})] }),
-											/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+											/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
 												className: "font-bold",
 												children: e.totalControls
-											}), /* @__PURE__ */ x("p", {
+											}), /* @__PURE__ */ o("p", {
 												className: "text-text-secondary",
 												children: "Total"
 											})] })
 										]
 									}),
-									/* @__PURE__ */ S("div", {
+									/* @__PURE__ */ s("div", {
 										className: "text-xs text-text-secondary",
 										children: [
 											"Last: ",
@@ -295,80 +295,80 @@ function w() {
 							}) })] }, e.id))
 						})
 					}),
-					/* @__PURE__ */ x(v, {
+					/* @__PURE__ */ o(b, {
 						value: "policies",
 						className: "mt-4",
-						children: D.length === 0 ? /* @__PURE__ */ x(m, {
+						children: D.length === 0 ? /* @__PURE__ */ o(g, {
 							illustration: "empty-files",
 							title: "No security policies",
 							description: "Define the policies that govern how your assets are secured and managed."
-						}) : /* @__PURE__ */ x(c, { children: /* @__PURE__ */ x(l, {
+						}) : /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o(d, {
 							className: "p-0",
-							children: /* @__PURE__ */ x("div", {
+							children: /* @__PURE__ */ o("div", {
 								className: "overflow-x-auto",
-								children: /* @__PURE__ */ S("table", {
+								children: /* @__PURE__ */ s("table", {
 									className: "w-full text-sm",
-									children: [/* @__PURE__ */ x("thead", { children: /* @__PURE__ */ S("tr", {
+									children: [/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", {
 										className: "border-b bg-bg-sunken/50",
 										children: [
-											/* @__PURE__ */ x("th", {
+											/* @__PURE__ */ o("th", {
 												className: "text-left p-3 font-medium",
 												children: "Name"
 											}),
-											/* @__PURE__ */ x("th", {
+											/* @__PURE__ */ o("th", {
 												className: "text-left p-3 font-medium",
 												children: "Category"
 											}),
-											/* @__PURE__ */ x("th", {
+											/* @__PURE__ */ o("th", {
 												className: "text-left p-3 font-medium",
 												children: "Version"
 											}),
-											/* @__PURE__ */ x("th", {
+											/* @__PURE__ */ o("th", {
 												className: "text-left p-3 font-medium",
 												children: "Status"
 											}),
-											/* @__PURE__ */ x("th", {
+											/* @__PURE__ */ o("th", {
 												className: "text-left p-3 font-medium",
 												children: "Owner"
 											}),
-											/* @__PURE__ */ x("th", {
+											/* @__PURE__ */ o("th", {
 												className: "text-left p-3 font-medium",
 												children: "Review Date"
 											})
 										]
-									}) }), /* @__PURE__ */ x("tbody", { children: D.map((e) => /* @__PURE__ */ S("tr", {
+									}) }), /* @__PURE__ */ o("tbody", { children: D.map((e) => /* @__PURE__ */ s("tr", {
 										className: "border-b hover:bg-bg-sunken/50 cursor-pointer",
 										children: [
-											/* @__PURE__ */ S("td", {
+											/* @__PURE__ */ s("td", {
 												className: "p-3",
-												children: [/* @__PURE__ */ x("p", {
+												children: [/* @__PURE__ */ o("p", {
 													className: "font-medium",
 													children: e.name
-												}), /* @__PURE__ */ x("p", {
+												}), /* @__PURE__ */ o("p", {
 													className: "text-xs text-text-secondary truncate max-w-xs",
 													children: e.description
 												})]
 											}),
-											/* @__PURE__ */ x("td", {
+											/* @__PURE__ */ o("td", {
 												className: "p-3 text-xs",
 												children: e.category
 											}),
-											/* @__PURE__ */ S("td", {
+											/* @__PURE__ */ s("td", {
 												className: "p-3 text-xs",
 												children: ["v", e.version]
 											}),
-											/* @__PURE__ */ x("td", {
+											/* @__PURE__ */ o("td", {
 												className: "p-3",
-												children: /* @__PURE__ */ x(o, {
+												children: /* @__PURE__ */ o(c, {
 													variant: e.status === "active" ? "default" : e.status === "deprecated" ? "destructive" : "outline",
 													children: e.status.replace("_", " ")
 												})
 											}),
-											/* @__PURE__ */ x("td", {
+											/* @__PURE__ */ o("td", {
 												className: "p-3 text-xs",
 												children: e.owner
 											}),
-											/* @__PURE__ */ x("td", {
+											/* @__PURE__ */ o("td", {
 												className: "p-3 text-xs",
 												children: e.reviewDate
 											})

package/dist/assethandler/pages/SecuritySecurityHubPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SecuritySecurityHubPage.js","names":[],"sources":["../../../src/assethandler/pages/SecuritySecurityHubPage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  GradientText,\n  EmphasisPanel,\n  PagePurpose,\n  NextSteps,\n  IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\nimport { Shield, AlertTriangle, FileText, Eye } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\n\nconst severityColors: Record<string, 'destructive' | 'default' | 'secondary' | 'outline'> = {\n  critical: 'destructive',\n  high: 'destructive',\n  medium: 'default',\n  low: 'secondary',\n  info: 'outline',\n};\n\nexport function SecuritySecurityHubPage() {\n  const navigate = useNavigate();\n  const { securityEvents, complianceFrameworks, securityPolicies } = useAssetHandlerStore();\n\n  const unresolvedEvents = securityEvents.filter((e) => !e.resolved);\n  const criticalEvents = securityEvents.filter(\n    (e) => e.severity === 'critical' || e.severity === 'high'\n  );\n  const activePolicies = securityPolicies.filter((p) => p.status === 'active');\n  const avgCompliance =\n    complianceFrameworks.length > 0\n      ? Math.round(\n          complianceFrameworks.reduce((s, f) => s + f.score, 0) / complianceFrameworks.length\n        )\n      : 0;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-bold\">\n            <GradientText>Security Hub</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            Security monitoring, compliance, and policy management\n          </p>\n        </div>\n        <Button size=\"sm\">\n          <Shield className=\"mr-2 h-4 w-4\" />\n          Security Report\n        </Button>\n      </div>\n\n      <PagePurpose>\n        Your asset-security control room: watch security events as they happen, track how you score\n        against compliance frameworks, and manage the policies that govern your estate. Use it to\n        close out the highest-severity, unresolved events first and prove you are audit-ready.\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"assethandler-security-hub\"\n        steps={[\n          {\n            id: 'events',\n            label: 'Generate a security report',\n            description: 'Summarise events, compliance and policy posture.',\n            onClick: () => navigate('/reports/report-builder'),\n          },\n          {\n            id: 'audit',\n            label: 'Review the audit trail',\n            description: 'See who changed what across your assets.',\n            onClick: () => navigate('/audit-trail'),\n          },\n          {\n            id: 'backup',\n            label: 'Schedule a backup',\n            description: 'Protect critical asset data on a recurring schedule.',\n            onClick: () => navigate('/security/schedule-backup'),\n          },\n        ]}\n      />\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <EmphasisPanel>\n          <div className=\"flex items-center gap-2 text-sm text-text-secondary\">\n            <AlertTriangle className=\"h-4 w-4\" />\n            Unresolved Events\n          </div>\n          <p className=\"text-2xl font-bold mt-1 tabular-nums text-status-error-text\">\n            {unresolvedEvents.length}\n          </p>\n        </EmphasisPanel>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-sm text-text-secondary\">\n              <Shield className=\"h-4 w-4\" />\n              Compliance Score\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{avgCompliance}%</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-sm text-text-secondary\">\n              <FileText className=\"h-4 w-4\" />\n              Active Policies\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{activePolicies.length}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-sm text-text-secondary\">\n              <Eye className=\"h-4 w-4\" />\n              Total Events\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{securityEvents.length}</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <Tabs defaultValue=\"events\">\n        <TabsList>\n          <TabsTrigger value=\"events\">Security Events</TabsTrigger>\n          <TabsTrigger value=\"compliance\">Compliance</TabsTrigger>\n          <TabsTrigger value=\"policies\">Policies</TabsTrigger>\n        </TabsList>\n\n        <TabsContent value=\"events\" className=\"mt-4\">\n          {securityEvents.length === 0 ? (\n            <IllustratedEmptyState\n              illustration=\"empty-notifications\"\n              title=\"No security events\"\n              description=\"Security alerts detected across your assets will appear here for triage.\"\n            />\n          ) : (\n            <Card>\n              <CardContent className=\"p-0\">\n                <div className=\"overflow-x-auto\">\n                  <table className=\"w-full text-sm\">\n                    <thead>\n                      <tr className=\"border-b bg-bg-sunken/50\">\n                        <th className=\"text-left p-3 font-medium\">ID</th>\n                        <th className=\"text-left p-3 font-medium\">Type</th>\n                        <th className=\"text-left p-3 font-medium\">Title</th>\n                        <th className=\"text-left p-3 font-medium\">Severity</th>\n                        <th className=\"text-left p-3 font-medium\">Source</th>\n                        <th className=\"text-left p-3 font-medium\">Time</th>\n                        <th className=\"text-left p-3 font-medium\">Status</th>\n                      </tr>\n                    </thead>\n                    <tbody>\n                      {securityEvents.map((evt) => (\n                        <tr key={evt.id} className=\"border-b hover:bg-bg-sunken/50 cursor-pointer\">\n                          <td className=\"p-3 font-mono text-xs\">{evt.id}</td>\n                          <td className=\"p-3 capitalize text-xs\">{evt.type.replace('_', ' ')}</td>\n                          <td className=\"p-3\">\n                            <p className=\"font-medium\">{evt.title}</p>\n                            <p className=\"text-xs text-text-secondary truncate max-w-xs\">\n                              {evt.description}\n                            </p>\n                          </td>\n                          <td className=\"p-3\">\n                            <Badge variant={severityColors[evt.severity]}>{evt.severity}</Badge>\n                          </td>\n                          <td className=\"p-3 text-xs\">{evt.source}</td>\n                          <td className=\"p-3 text-xs\">\n                            {new Date(evt.timestamp).toLocaleString()}\n                          </td>\n                          <td className=\"p-3\">\n                            {evt.resolved ? (\n                              <Badge variant=\"default\">Resolved</Badge>\n                            ) : (\n                              <Badge variant=\"destructive\">Open</Badge>\n                            )}\n                          </td>\n                        </tr>\n                      ))}\n                    </tbody>\n                  </table>\n                </div>\n              </CardContent>\n            </Card>\n          )}\n        </TabsContent>\n\n        <TabsContent value=\"compliance\" className=\"mt-4\">\n          {complianceFrameworks.length === 0 ? (\n            <IllustratedEmptyState\n              illustration=\"empty-generic\"\n              title=\"No compliance frameworks\"\n              description=\"Add frameworks (e.g. ISO 27001, SOC 2) to track your control coverage and score.\"\n            />\n          ) : (\n            <div className=\"grid gap-4 md:grid-cols-2\">\n              {complianceFrameworks.map((fw) => (\n                <Card key={fw.id}>\n                  <CardHeader className=\"pb-2\">\n                    <div className=\"flex items-center justify-between\">\n                      <CardTitle className=\"text-base\">\n                        {fw.name} {fw.version}\n                      </CardTitle>\n                      <Badge\n                        variant={\n                          fw.status === 'compliant'\n                            ? 'default'\n                            : fw.status === 'non_compliant'\n                              ? 'destructive'\n                              : 'secondary'\n                        }\n                      >\n                        {fw.status.replace('_', ' ')}\n                      </Badge>\n                    </div>\n                  </CardHeader>\n                  <CardContent>\n                    <div className=\"space-y-3\">\n                      <div className=\"text-center\">\n                        <p className=\"text-3xl font-bold tabular-nums\">{fw.score}%</p>\n                        <p className=\"text-xs text-text-secondary\">Compliance Score</p>\n                      </div>\n                      <div className=\"h-2 rounded-full bg-bg-sunken overflow-hidden\">\n                        <div\n                          className={`h-full rounded-full ${fw.score >= 90 ? 'bg-status-success-bg' : fw.score >= 70 ? 'bg-status-warning-bg' : 'bg-status-error-bg'}`}\n                          style={{ width: `${fw.score}%` }}\n                        />\n                      </div>\n                      <div className=\"grid grid-cols-3 gap-2 text-center text-xs\">\n                        <div>\n                          <p className=\"font-bold text-status-success-text\">{fw.passedControls}</p>\n                          <p className=\"text-text-secondary\">Passed</p>\n                        </div>\n                        <div>\n                          <p className=\"font-bold text-status-error-text\">{fw.failedControls}</p>\n                          <p className=\"text-text-secondary\">Failed</p>\n                        </div>\n                        <div>\n                          <p className=\"font-bold\">{fw.totalControls}</p>\n                          <p className=\"text-text-secondary\">Total</p>\n                        </div>\n                      </div>\n                      <div className=\"text-xs text-text-secondary\">\n                        Last: {fw.lastAssessment} &middot; Next: {fw.nextAssessment}\n                      </div>\n                    </div>\n                  </CardContent>\n                </Card>\n              ))}\n            </div>\n          )}\n        </TabsContent>\n\n        <TabsContent value=\"policies\" className=\"mt-4\">\n          {securityPolicies.length === 0 ? (\n            <IllustratedEmptyState\n              illustration=\"empty-files\"\n              title=\"No security policies\"\n              description=\"Define the policies that govern how your assets are secured and managed.\"\n            />\n          ) : (\n            <Card>\n              <CardContent className=\"p-0\">\n                <div className=\"overflow-x-auto\">\n                  <table className=\"w-full text-sm\">\n                    <thead>\n                      <tr className=\"border-b bg-bg-sunken/50\">\n                        <th className=\"text-left p-3 font-medium\">Name</th>\n                        <th className=\"text-left p-3 font-medium\">Category</th>\n                        <th className=\"text-left p-3 font-medium\">Version</th>\n                        <th className=\"text-left p-3 font-medium\">Status</th>\n                        <th className=\"text-left p-3 font-medium\">Owner</th>\n                        <th className=\"text-left p-3 font-medium\">Review Date</th>\n                      </tr>\n                    </thead>\n                    <tbody>\n                      {securityPolicies.map((pol) => (\n                        <tr key={pol.id} className=\"border-b hover:bg-bg-sunken/50 cursor-pointer\">\n                          <td className=\"p-3\">\n                            <p className=\"font-medium\">{pol.name}</p>\n                            <p className=\"text-xs text-text-secondary truncate max-w-xs\">\n                              {pol.description}\n                            </p>\n                          </td>\n                          <td className=\"p-3 text-xs\">{pol.category}</td>\n                          <td className=\"p-3 text-xs\">v{pol.version}</td>\n                          <td className=\"p-3\">\n                            <Badge\n                              variant={\n                                pol.status === 'active'\n                                  ? 'default'\n                                  : pol.status === 'deprecated'\n                                    ? 'destructive'\n                                    : 'outline'\n                              }\n                            >\n                              {pol.status.replace('_', ' ')}\n                            </Badge>\n                          </td>\n                          <td className=\"p-3 text-xs\">{pol.owner}</td>\n                          <td className=\"p-3 text-xs\">{pol.reviewDate}</td>\n                        </tr>\n                      ))}\n                    </tbody>\n                  </table>\n                </div>\n              </CardContent>\n            </Card>\n          )}\n        </TabsContent>\n      </Tabs>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"SecuritySecurityHubPage.js","names":[],"sources":["../../../src/assethandler/pages/SecuritySecurityHubPage.tsx"],"sourcesContent":["import { useAssetHandlerNavigate } from '../hooks/useAssetHandlerNavigate';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  GradientText,\n  EmphasisPanel,\n  PagePurpose,\n  NextSteps,\n  IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\nimport { Shield, AlertTriangle, FileText, Eye } from 'lucide-react';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\n\nconst severityColors: Record<string, 'destructive' | 'default' | 'secondary' | 'outline'> = {\n  critical: 'destructive',\n  high: 'destructive',\n  medium: 'default',\n  low: 'secondary',\n  info: 'outline',\n};\n\nexport function SecuritySecurityHubPage() {\n  const navigate = useAssetHandlerNavigate();\n  const { securityEvents, complianceFrameworks, securityPolicies } = useAssetHandlerStore();\n\n  const unresolvedEvents = securityEvents.filter((e) => !e.resolved);\n  const criticalEvents = securityEvents.filter(\n    (e) => e.severity === 'critical' || e.severity === 'high'\n  );\n  const activePolicies = securityPolicies.filter((p) => p.status === 'active');\n  const avgCompliance =\n    complianceFrameworks.length > 0\n      ? Math.round(\n          complianceFrameworks.reduce((s, f) => s + f.score, 0) / complianceFrameworks.length\n        )\n      : 0;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-bold\">\n            <GradientText>Security Hub</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            Security monitoring, compliance, and policy management\n          </p>\n        </div>\n        <Button size=\"sm\">\n          <Shield className=\"mr-2 h-4 w-4\" />\n          Security Report\n        </Button>\n      </div>\n\n      <PagePurpose>\n        Your asset-security control room: watch security events as they happen, track how you score\n        against compliance frameworks, and manage the policies that govern your estate. Use it to\n        close out the highest-severity, unresolved events first and prove you are audit-ready.\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"assethandler-security-hub\"\n        steps={[\n          {\n            id: 'events',\n            label: 'Generate a security report',\n            description: 'Summarise events, compliance and policy posture.',\n            onClick: () => navigate('/reports/report-builder'),\n          },\n          {\n            id: 'audit',\n            label: 'Review the audit trail',\n            description: 'See who changed what across your assets.',\n            onClick: () => navigate('/audit-trail'),\n          },\n          {\n            id: 'backup',\n            label: 'Schedule a backup',\n            description: 'Protect critical asset data on a recurring schedule.',\n            onClick: () => navigate('/security/schedule-backup'),\n          },\n        ]}\n      />\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <EmphasisPanel>\n          <div className=\"flex items-center gap-2 text-sm text-text-secondary\">\n            <AlertTriangle className=\"h-4 w-4\" />\n            Unresolved Events\n          </div>\n          <p className=\"text-2xl font-bold mt-1 tabular-nums text-status-error-text\">\n            {unresolvedEvents.length}\n          </p>\n        </EmphasisPanel>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-sm text-text-secondary\">\n              <Shield className=\"h-4 w-4\" />\n              Compliance Score\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{avgCompliance}%</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-sm text-text-secondary\">\n              <FileText className=\"h-4 w-4\" />\n              Active Policies\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{activePolicies.length}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-sm text-text-secondary\">\n              <Eye className=\"h-4 w-4\" />\n              Total Events\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{securityEvents.length}</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <Tabs defaultValue=\"events\">\n        <TabsList>\n          <TabsTrigger value=\"events\">Security Events</TabsTrigger>\n          <TabsTrigger value=\"compliance\">Compliance</TabsTrigger>\n          <TabsTrigger value=\"policies\">Policies</TabsTrigger>\n        </TabsList>\n\n        <TabsContent value=\"events\" className=\"mt-4\">\n          {securityEvents.length === 0 ? (\n            <IllustratedEmptyState\n              illustration=\"empty-notifications\"\n              title=\"No security events\"\n              description=\"Security alerts detected across your assets will appear here for triage.\"\n            />\n          ) : (\n            <Card>\n              <CardContent className=\"p-0\">\n                <div className=\"overflow-x-auto\">\n                  <table className=\"w-full text-sm\">\n                    <thead>\n                      <tr className=\"border-b bg-bg-sunken/50\">\n                        <th className=\"text-left p-3 font-medium\">ID</th>\n                        <th className=\"text-left p-3 font-medium\">Type</th>\n                        <th className=\"text-left p-3 font-medium\">Title</th>\n                        <th className=\"text-left p-3 font-medium\">Severity</th>\n                        <th className=\"text-left p-3 font-medium\">Source</th>\n                        <th className=\"text-left p-3 font-medium\">Time</th>\n                        <th className=\"text-left p-3 font-medium\">Status</th>\n                      </tr>\n                    </thead>\n                    <tbody>\n                      {securityEvents.map((evt) => (\n                        <tr key={evt.id} className=\"border-b hover:bg-bg-sunken/50 cursor-pointer\">\n                          <td className=\"p-3 font-mono text-xs\">{evt.id}</td>\n                          <td className=\"p-3 capitalize text-xs\">{evt.type.replace('_', ' ')}</td>\n                          <td className=\"p-3\">\n                            <p className=\"font-medium\">{evt.title}</p>\n                            <p className=\"text-xs text-text-secondary truncate max-w-xs\">\n                              {evt.description}\n                            </p>\n                          </td>\n                          <td className=\"p-3\">\n                            <Badge variant={severityColors[evt.severity]}>{evt.severity}</Badge>\n                          </td>\n                          <td className=\"p-3 text-xs\">{evt.source}</td>\n                          <td className=\"p-3 text-xs\">\n                            {new Date(evt.timestamp).toLocaleString()}\n                          </td>\n                          <td className=\"p-3\">\n                            {evt.resolved ? (\n                              <Badge variant=\"default\">Resolved</Badge>\n                            ) : (\n                              <Badge variant=\"destructive\">Open</Badge>\n                            )}\n                          </td>\n                        </tr>\n                      ))}\n                    </tbody>\n                  </table>\n                </div>\n              </CardContent>\n            </Card>\n          )}\n        </TabsContent>\n\n        <TabsContent value=\"compliance\" className=\"mt-4\">\n          {complianceFrameworks.length === 0 ? (\n            <IllustratedEmptyState\n              illustration=\"empty-generic\"\n              title=\"No compliance frameworks\"\n              description=\"Add frameworks (e.g. ISO 27001, SOC 2) to track your control coverage and score.\"\n            />\n          ) : (\n            <div className=\"grid gap-4 md:grid-cols-2\">\n              {complianceFrameworks.map((fw) => (\n                <Card key={fw.id}>\n                  <CardHeader className=\"pb-2\">\n                    <div className=\"flex items-center justify-between\">\n                      <CardTitle className=\"text-base\">\n                        {fw.name} {fw.version}\n                      </CardTitle>\n                      <Badge\n                        variant={\n                          fw.status === 'compliant'\n                            ? 'default'\n                            : fw.status === 'non_compliant'\n                              ? 'destructive'\n                              : 'secondary'\n                        }\n                      >\n                        {fw.status.replace('_', ' ')}\n                      </Badge>\n                    </div>\n                  </CardHeader>\n                  <CardContent>\n                    <div className=\"space-y-3\">\n                      <div className=\"text-center\">\n                        <p className=\"text-3xl font-bold tabular-nums\">{fw.score}%</p>\n                        <p className=\"text-xs text-text-secondary\">Compliance Score</p>\n                      </div>\n                      <div className=\"h-2 rounded-full bg-bg-sunken overflow-hidden\">\n                        <div\n                          className={`h-full rounded-full ${fw.score >= 90 ? 'bg-status-success-bg' : fw.score >= 70 ? 'bg-status-warning-bg' : 'bg-status-error-bg'}`}\n                          style={{ width: `${fw.score}%` }}\n                        />\n                      </div>\n                      <div className=\"grid grid-cols-3 gap-2 text-center text-xs\">\n                        <div>\n                          <p className=\"font-bold text-status-success-text\">{fw.passedControls}</p>\n                          <p className=\"text-text-secondary\">Passed</p>\n                        </div>\n                        <div>\n                          <p className=\"font-bold text-status-error-text\">{fw.failedControls}</p>\n                          <p className=\"text-text-secondary\">Failed</p>\n                        </div>\n                        <div>\n                          <p className=\"font-bold\">{fw.totalControls}</p>\n                          <p className=\"text-text-secondary\">Total</p>\n                        </div>\n                      </div>\n                      <div className=\"text-xs text-text-secondary\">\n                        Last: {fw.lastAssessment} &middot; Next: {fw.nextAssessment}\n                      </div>\n                    </div>\n                  </CardContent>\n                </Card>\n              ))}\n            </div>\n          )}\n        </TabsContent>\n\n        <TabsContent value=\"policies\" className=\"mt-4\">\n          {securityPolicies.length === 0 ? (\n            <IllustratedEmptyState\n              illustration=\"empty-files\"\n              title=\"No security policies\"\n              description=\"Define the policies that govern how your assets are secured and managed.\"\n            />\n          ) : (\n            <Card>\n              <CardContent className=\"p-0\">\n                <div className=\"overflow-x-auto\">\n                  <table className=\"w-full text-sm\">\n                    <thead>\n                      <tr className=\"border-b bg-bg-sunken/50\">\n                        <th className=\"text-left p-3 font-medium\">Name</th>\n                        <th className=\"text-left p-3 font-medium\">Category</th>\n                        <th className=\"text-left p-3 font-medium\">Version</th>\n                        <th className=\"text-left p-3 font-medium\">Status</th>\n                        <th className=\"text-left p-3 font-medium\">Owner</th>\n                        <th className=\"text-left p-3 font-medium\">Review Date</th>\n                      </tr>\n                    </thead>\n                    <tbody>\n                      {securityPolicies.map((pol) => (\n                        <tr key={pol.id} className=\"border-b hover:bg-bg-sunken/50 cursor-pointer\">\n                          <td className=\"p-3\">\n                            <p className=\"font-medium\">{pol.name}</p>\n                            <p className=\"text-xs text-text-secondary truncate max-w-xs\">\n                              {pol.description}\n                            </p>\n                          </td>\n                          <td className=\"p-3 text-xs\">{pol.category}</td>\n                          <td className=\"p-3 text-xs\">v{pol.version}</td>\n                          <td className=\"p-3\">\n                            <Badge\n                              variant={\n                                pol.status === 'active'\n                                  ? 'default'\n                                  : pol.status === 'deprecated'\n                                    ? 'destructive'\n                                    : 'outline'\n                              }\n                            >\n                              {pol.status.replace('_', ' ')}\n                            </Badge>\n                          </td>\n                          <td className=\"p-3 text-xs\">{pol.owner}</td>\n                          <td className=\"p-3 text-xs\">{pol.reviewDate}</td>\n                        </tr>\n                      ))}\n                    </tbody>\n                  </table>\n                </div>\n              </CardContent>\n            </Card>\n          )}\n        </TabsContent>\n      </Tabs>\n    </div>\n  );\n}\n"],"mappings":"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"}