@burdenoff/microfe-assethandler 2026.703.2 → 2026.703.4

package/dist/assethandler/pages/SecurityComplianceDetailPage.js

@@ -1,109 +1,110 @@
 import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
-import { ArrowLeft as t, Shield as n } from "lucide-react";
-import { useNavigate as r, useParams as i } from "react-router-dom";
-import { Badge as a, Button as o, Card as s, CardContent as c, CardHeader as l, CardTitle as u, EmphasisPanel as d, GradientText as f, IllustratedEmptyState as p, PagePurpose as m } from "@burdenoff/fe-libs/ui";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useAssetHandlerNavigate as t } from "../hooks/useAssetHandlerNavigate.js";
+import { ArrowLeft as n, Shield as r } from "lucide-react";
+import { useParams as i } from "react-router-dom";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Badge as s, Button as c, Card as l, CardContent as u, CardHeader as d, CardTitle as f, EmphasisPanel as p, GradientText as m, IllustratedEmptyState as h, PagePurpose as g } from "@burdenoff/fe-libs/ui";
 //#region src/assethandler/pages/SecurityComplianceDetailPage.tsx
 function _() {
-	let _ = r(), { frameworkId: v } = i(), { complianceFrameworks: y } = e(), b = y.find((e) => e.id === v) ?? y[0];
-	return b ? /* @__PURE__ */ g("div", {
+	let _ = t(), { frameworkId: v } = i(), { complianceFrameworks: y } = e(), b = y.find((e) => e.id === v) ?? y[0];
+	return b ? /* @__PURE__ */ o("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ o("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ o("div", {
 					className: "flex items-center gap-4",
-					children: [/* @__PURE__ */ h(o, {
+					children: [/* @__PURE__ */ a(c, {
 						variant: "ghost",
 						size: "icon",
 						onClick: () => _("/security/security-hub"),
-						children: /* @__PURE__ */ h(t, { className: "h-4 w-4" })
-					}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g("div", {
+						children: /* @__PURE__ */ a(n, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ o("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ h("h1", {
+						children: [/* @__PURE__ */ a("h1", {
 							className: "text-2xl font-bold",
-							children: /* @__PURE__ */ g(f, { children: [
+							children: /* @__PURE__ */ o(m, { children: [
 								b.name,
 								" ",
 								b.version
 							] })
-						}), /* @__PURE__ */ h(a, {
+						}), /* @__PURE__ */ a(s, {
 							variant: b.status === "compliant" ? "default" : b.status === "non_compliant" ? "destructive" : "secondary",
 							children: b.status.replace("_", " ")
 						})]
-					}), /* @__PURE__ */ h("p", {
+					}), /* @__PURE__ */ a("p", {
 						className: "text-sm text-text-secondary mt-1",
 						children: "Compliance framework assessment details"
 					})] })]
-				}), /* @__PURE__ */ g(o, {
+				}), /* @__PURE__ */ o(c, {
 					size: "sm",
-					children: [/* @__PURE__ */ h(n, { className: "mr-2 h-4 w-4" }), "Run Assessment"]
+					children: [/* @__PURE__ */ a(r, { className: "mr-2 h-4 w-4" }), "Run Assessment"]
 				})]
 			}),
-			/* @__PURE__ */ h(m, { children: "See exactly how you measure up against a single compliance framework — your overall score, which controls pass or fail, and when the next assessment is due. Use it to close control gaps and stay audit-ready for standards like ISO 27001 or SOC 2." }),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ a(g, { children: "See exactly how you measure up against a single compliance framework — your overall score, which controls pass or fail, and when the next assessment is due. Use it to close control gaps and stay audit-ready for standards like ISO 27001 or SOC 2." }),
+			/* @__PURE__ */ o("div", {
 				className: "grid gap-4 md:grid-cols-4",
 				children: [
-					/* @__PURE__ */ g(d, {
+					/* @__PURE__ */ o(p, {
 						className: "text-center",
-						children: [/* @__PURE__ */ g("p", {
+						children: [/* @__PURE__ */ o("p", {
 							className: "text-4xl font-bold tabular-nums",
 							children: [b.score, "%"]
-						}), /* @__PURE__ */ h("p", {
+						}), /* @__PURE__ */ a("p", {
 							className: "text-xs text-text-secondary",
 							children: "Overall Score"
 						})]
 					}),
-					/* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, {
+					/* @__PURE__ */ a(l, { children: /* @__PURE__ */ o(u, {
 						className: "pt-4 text-center",
-						children: [/* @__PURE__ */ h("p", {
+						children: [/* @__PURE__ */ a("p", {
 							className: "text-4xl font-bold text-status-success-text",
 							children: b.passedControls
-						}), /* @__PURE__ */ h("p", {
+						}), /* @__PURE__ */ a("p", {
 							className: "text-xs text-text-secondary",
 							children: "Passed"
 						})]
 					}) }),
-					/* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, {
+					/* @__PURE__ */ a(l, { children: /* @__PURE__ */ o(u, {
 						className: "pt-4 text-center",
-						children: [/* @__PURE__ */ h("p", {
+						children: [/* @__PURE__ */ a("p", {
 							className: "text-4xl font-bold text-status-error-text",
 							children: b.failedControls
-						}), /* @__PURE__ */ h("p", {
+						}), /* @__PURE__ */ a("p", {
 							className: "text-xs text-text-secondary",
 							children: "Failed"
 						})]
 					}) }),
-					/* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, {
+					/* @__PURE__ */ a(l, { children: /* @__PURE__ */ o(u, {
 						className: "pt-4 text-center",
-						children: [/* @__PURE__ */ h("p", {
+						children: [/* @__PURE__ */ a("p", {
 							className: "text-4xl font-bold",
 							children: b.totalControls
-						}), /* @__PURE__ */ h("p", {
+						}), /* @__PURE__ */ a("p", {
 							className: "text-xs text-text-secondary",
 							children: "Total Controls"
 						})]
 					}) })
 				]
 			}),
-			/* @__PURE__ */ g(s, { children: [/* @__PURE__ */ h(l, { children: /* @__PURE__ */ h(u, { children: "Compliance Progress" }) }), /* @__PURE__ */ g(c, { children: [/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ o(l, { children: [/* @__PURE__ */ a(d, { children: /* @__PURE__ */ a(f, { children: "Compliance Progress" }) }), /* @__PURE__ */ o(u, { children: [/* @__PURE__ */ a("div", {
 				className: "h-4 rounded-full bg-bg-sunken overflow-hidden",
-				children: /* @__PURE__ */ h("div", {
+				children: /* @__PURE__ */ a("div", {
 					className: `h-full rounded-full ${b.score >= 90 ? "bg-status-success-bg" : b.score >= 70 ? "bg-status-warning-bg" : "bg-status-error-bg"}`,
 					style: { width: `${b.score}%` }
 				})
-			}), /* @__PURE__ */ g("div", {
+			}), /* @__PURE__ */ o("div", {
 				className: "flex justify-between mt-2 text-xs text-text-secondary",
-				children: [/* @__PURE__ */ g("span", { children: ["Last Assessment: ", b.lastAssessment] }), /* @__PURE__ */ g("span", { children: ["Next Assessment: ", b.nextAssessment] })]
+				children: [/* @__PURE__ */ o("span", { children: ["Last Assessment: ", b.lastAssessment] }), /* @__PURE__ */ o("span", { children: ["Next Assessment: ", b.nextAssessment] })]
 			})] })] })
 		]
-	}) : /* @__PURE__ */ h("div", {
+	}) : /* @__PURE__ */ a("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ h(p, {
+		children: /* @__PURE__ */ a(h, {
 			illustration: "empty-search",
 			title: "Framework not found",
 			description: "This compliance framework may have been removed. Return to the security hub to find it.",
-			action: /* @__PURE__ */ h(o, {
+			action: /* @__PURE__ */ a(c, {
 				size: "sm",
 				onClick: () => _("/security/security-hub"),
 				children: "Back to security"

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

@@ -1 +1 @@
-{"version":3,"file":"SecurityComplianceDetailPage.js","names":[],"sources":["../../../src/assethandler/pages/SecurityComplianceDetailPage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GradientText,\n  EmphasisPanel,\n  PagePurpose,\n  IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\nimport { ArrowLeft, Shield } from 'lucide-react';\nimport { useNavigate, useParams } from 'react-router-dom';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\n\nexport function SecurityComplianceDetailPage() {\n  const navigate = useNavigate();\n  const { frameworkId } = useParams<{ frameworkId: string }>();\n  const { complianceFrameworks } = useAssetHandlerStore();\n  const framework =\n    complianceFrameworks.find((item) => item.id === frameworkId) ?? complianceFrameworks[0];\n\n  if (!framework)\n    return (\n      <div className=\"p-6\">\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title=\"Framework not found\"\n          description=\"This compliance framework may have been removed. Return to the security hub to find it.\"\n          action={\n            <Button size=\"sm\" onClick={() => navigate('/security/security-hub')}>\n              Back to security\n            </Button>\n          }\n        />\n      </div>\n    );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-4\">\n          <Button variant=\"ghost\" size=\"icon\" onClick={() => navigate('/security/security-hub')}>\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <div>\n            <div className=\"flex items-center gap-3\">\n              <h1 className=\"text-2xl font-bold\">\n                <GradientText>\n                  {framework.name} {framework.version}\n                </GradientText>\n              </h1>\n              <Badge\n                variant={\n                  framework.status === 'compliant'\n                    ? 'default'\n                    : framework.status === 'non_compliant'\n                      ? 'destructive'\n                      : 'secondary'\n                }\n              >\n                {framework.status.replace('_', ' ')}\n              </Badge>\n            </div>\n            <p className=\"text-sm text-text-secondary mt-1\">\n              Compliance framework assessment details\n            </p>\n          </div>\n        </div>\n        <Button size=\"sm\">\n          <Shield className=\"mr-2 h-4 w-4\" />\n          Run Assessment\n        </Button>\n      </div>\n\n      <PagePurpose>\n        See exactly how you measure up against a single compliance framework — your overall score,\n        which controls pass or fail, and when the next assessment is due. Use it to close control\n        gaps and stay audit-ready for standards like ISO 27001 or SOC 2.\n      </PagePurpose>\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <EmphasisPanel className=\"text-center\">\n          <p className=\"text-4xl font-bold tabular-nums\">{framework.score}%</p>\n          <p className=\"text-xs text-text-secondary\">Overall Score</p>\n        </EmphasisPanel>\n        <Card>\n          <CardContent className=\"pt-4 text-center\">\n            <p className=\"text-4xl font-bold text-status-success-text\">\n              {framework.passedControls}\n            </p>\n            <p className=\"text-xs text-text-secondary\">Passed</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4 text-center\">\n            <p className=\"text-4xl font-bold text-status-error-text\">{framework.failedControls}</p>\n            <p className=\"text-xs text-text-secondary\">Failed</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4 text-center\">\n            <p className=\"text-4xl font-bold\">{framework.totalControls}</p>\n            <p className=\"text-xs text-text-secondary\">Total Controls</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Compliance Progress</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"h-4 rounded-full bg-bg-sunken overflow-hidden\">\n            <div\n              className={`h-full rounded-full ${framework.score >= 90 ? 'bg-status-success-bg' : framework.score >= 70 ? 'bg-status-warning-bg' : 'bg-status-error-bg'}`}\n              style={{ width: `${framework.score}%` }}\n            />\n          </div>\n          <div className=\"flex justify-between mt-2 text-xs text-text-secondary\">\n            <span>Last Assessment: {framework.lastAssessment}</span>\n            <span>Next Assessment: {framework.nextAssessment}</span>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"SecurityComplianceDetailPage.js","names":[],"sources":["../../../src/assethandler/pages/SecurityComplianceDetailPage.tsx"],"sourcesContent":["import { useAssetHandlerNavigate } from '../hooks/useAssetHandlerNavigate';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GradientText,\n  EmphasisPanel,\n  PagePurpose,\n  IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\nimport { ArrowLeft, Shield } from 'lucide-react';\nimport { useParams } from 'react-router-dom';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\n\nexport function SecurityComplianceDetailPage() {\n  const navigate = useAssetHandlerNavigate();\n  const { frameworkId } = useParams<{ frameworkId: string }>();\n  const { complianceFrameworks } = useAssetHandlerStore();\n  const framework =\n    complianceFrameworks.find((item) => item.id === frameworkId) ?? complianceFrameworks[0];\n\n  if (!framework)\n    return (\n      <div className=\"p-6\">\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title=\"Framework not found\"\n          description=\"This compliance framework may have been removed. Return to the security hub to find it.\"\n          action={\n            <Button size=\"sm\" onClick={() => navigate('/security/security-hub')}>\n              Back to security\n            </Button>\n          }\n        />\n      </div>\n    );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-4\">\n          <Button variant=\"ghost\" size=\"icon\" onClick={() => navigate('/security/security-hub')}>\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <div>\n            <div className=\"flex items-center gap-3\">\n              <h1 className=\"text-2xl font-bold\">\n                <GradientText>\n                  {framework.name} {framework.version}\n                </GradientText>\n              </h1>\n              <Badge\n                variant={\n                  framework.status === 'compliant'\n                    ? 'default'\n                    : framework.status === 'non_compliant'\n                      ? 'destructive'\n                      : 'secondary'\n                }\n              >\n                {framework.status.replace('_', ' ')}\n              </Badge>\n            </div>\n            <p className=\"text-sm text-text-secondary mt-1\">\n              Compliance framework assessment details\n            </p>\n          </div>\n        </div>\n        <Button size=\"sm\">\n          <Shield className=\"mr-2 h-4 w-4\" />\n          Run Assessment\n        </Button>\n      </div>\n\n      <PagePurpose>\n        See exactly how you measure up against a single compliance framework — your overall score,\n        which controls pass or fail, and when the next assessment is due. Use it to close control\n        gaps and stay audit-ready for standards like ISO 27001 or SOC 2.\n      </PagePurpose>\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <EmphasisPanel className=\"text-center\">\n          <p className=\"text-4xl font-bold tabular-nums\">{framework.score}%</p>\n          <p className=\"text-xs text-text-secondary\">Overall Score</p>\n        </EmphasisPanel>\n        <Card>\n          <CardContent className=\"pt-4 text-center\">\n            <p className=\"text-4xl font-bold text-status-success-text\">\n              {framework.passedControls}\n            </p>\n            <p className=\"text-xs text-text-secondary\">Passed</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4 text-center\">\n            <p className=\"text-4xl font-bold text-status-error-text\">{framework.failedControls}</p>\n            <p className=\"text-xs text-text-secondary\">Failed</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4 text-center\">\n            <p className=\"text-4xl font-bold\">{framework.totalControls}</p>\n            <p className=\"text-xs text-text-secondary\">Total Controls</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Compliance Progress</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"h-4 rounded-full bg-bg-sunken overflow-hidden\">\n            <div\n              className={`h-full rounded-full ${framework.score >= 90 ? 'bg-status-success-bg' : framework.score >= 70 ? 'bg-status-warning-bg' : 'bg-status-error-bg'}`}\n              style={{ width: `${framework.score}%` }}\n            />\n          </div>\n          <div className=\"flex justify-between mt-2 text-xs text-text-secondary\">\n            <span>Last Assessment: {framework.lastAssessment}</span>\n            <span>Next Assessment: {framework.nextAssessment}</span>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/assethandler/pages/SecurityPolicyDetailPage.js

@@ -1,116 +1,117 @@
 import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
-import { ArrowLeft as t, Edit as n, FileText as r } from "lucide-react";
-import { useNavigate as i, useParams 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, PagePurpose as h, Separator as g } from "@burdenoff/fe-libs/ui";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { useAssetHandlerNavigate as t } from "../hooks/useAssetHandlerNavigate.js";
+import { ArrowLeft as n, Edit as r, FileText as i } from "lucide-react";
+import { useParams as a } from "react-router-dom";
+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, PagePurpose as _, Separator as v } from "@burdenoff/fe-libs/ui";
 //#region src/assethandler/pages/SecurityPolicyDetailPage.tsx
 function y() {
-	let y = i(), { policyId: b } = a(), { securityPolicies: x } = e(), S = x.find((e) => e.id === b) ?? x[0];
-	return S ? /* @__PURE__ */ v("div", {
+	let y = t(), { policyId: b } = a(), { securityPolicies: x } = e(), S = x.find((e) => e.id === b) ?? x[0];
+	return S ? /* @__PURE__ */ s("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ s("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ v("div", {
+				children: [/* @__PURE__ */ s("div", {
 					className: "flex items-center gap-4",
-					children: [/* @__PURE__ */ _(s, {
+					children: [/* @__PURE__ */ o(l, {
 						variant: "ghost",
 						size: "icon",
 						onClick: () => y("/security/security-hub"),
-						children: /* @__PURE__ */ _(t, { className: "h-4 w-4" })
-					}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ v("div", {
+						children: /* @__PURE__ */ o(n, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ s("div", {
 						className: "flex items-center gap-3",
 						children: [
-							/* @__PURE__ */ _("h1", {
+							/* @__PURE__ */ o("h1", {
 								className: "text-2xl font-bold",
-								children: /* @__PURE__ */ _(p, { children: S.name })
+								children: /* @__PURE__ */ o(h, { children: S.name })
 							}),
-							/* @__PURE__ */ _(o, {
+							/* @__PURE__ */ o(c, {
 								variant: S.status === "active" ? "default" : S.status === "deprecated" ? "destructive" : "outline",
 								children: S.status.replace("_", " ")
 							}),
-							/* @__PURE__ */ v(o, {
+							/* @__PURE__ */ s(c, {
 								variant: "secondary",
 								children: ["v", S.version]
 							})
 						]
-					}), /* @__PURE__ */ _("p", {
+					}), /* @__PURE__ */ o("p", {
 						className: "text-sm text-text-secondary mt-1",
 						children: S.description
 					})] })]
-				}), /* @__PURE__ */ v(s, {
+				}), /* @__PURE__ */ s(l, {
 					size: "sm",
-					children: [/* @__PURE__ */ _(n, { className: "mr-2 h-4 w-4" }), "Edit Policy"]
+					children: [/* @__PURE__ */ o(r, { className: "mr-2 h-4 w-4" }), "Edit Policy"]
 				})]
 			}),
-			/* @__PURE__ */ _(h, { children: "The authoritative record of a single security policy — what it covers, who owns it, who it applies to, and when it is next due for review. Use this page to confirm the policy is current and that the right teams are bound by it." }),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ o(_, { children: "The authoritative record of a single security policy — what it covers, who owns it, who it applies to, and when it is next due for review. Use this page to confirm the policy is current and that the right teams are bound by it." }),
+			/* @__PURE__ */ s("div", {
 				className: "grid gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ v(f, {
+				children: [/* @__PURE__ */ s(m, {
 					className: "lg:col-span-2",
-					children: [/* @__PURE__ */ _(u, {
+					children: [/* @__PURE__ */ o(f, {
 						className: "px-0 pt-0",
-						children: /* @__PURE__ */ _(d, { children: "Policy Details" })
-					}), /* @__PURE__ */ _(l, {
+						children: /* @__PURE__ */ o(p, { children: "Policy Details" })
+					}), /* @__PURE__ */ o(d, {
 						className: "px-0 pb-0",
-						children: /* @__PURE__ */ v("dl", {
+						children: /* @__PURE__ */ s("dl", {
 							className: "space-y-4 text-sm",
 							children: [
-								/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", {
+								/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("dt", {
 									className: "text-text-secondary",
 									children: "Description"
-								}), /* @__PURE__ */ _("dd", {
+								}), /* @__PURE__ */ o("dd", {
 									className: "mt-1",
 									children: S.description
 								})] }),
-								/* @__PURE__ */ _(g, {}),
-								/* @__PURE__ */ v("div", {
+								/* @__PURE__ */ o(v, {}),
+								/* @__PURE__ */ s("div", {
 									className: "grid grid-cols-2 gap-4",
 									children: [
-										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", {
+										/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("dt", {
 											className: "text-text-secondary",
 											children: "Category"
-										}), /* @__PURE__ */ _("dd", {
+										}), /* @__PURE__ */ o("dd", {
 											className: "font-medium",
 											children: S.category
 										})] }),
-										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", {
+										/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("dt", {
 											className: "text-text-secondary",
 											children: "Version"
-										}), /* @__PURE__ */ _("dd", {
+										}), /* @__PURE__ */ o("dd", {
 											className: "font-medium",
 											children: S.version
 										})] }),
-										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", {
+										/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("dt", {
 											className: "text-text-secondary",
 											children: "Effective Date"
-										}), /* @__PURE__ */ _("dd", {
+										}), /* @__PURE__ */ o("dd", {
 											className: "font-medium",
 											children: S.effectiveDate
 										})] }),
-										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", {
+										/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("dt", {
 											className: "text-text-secondary",
 											children: "Review Date"
-										}), /* @__PURE__ */ _("dd", {
+										}), /* @__PURE__ */ o("dd", {
 											className: "font-medium",
 											children: S.reviewDate
 										})] }),
-										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", {
+										/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("dt", {
 											className: "text-text-secondary",
 											children: "Owner"
-										}), /* @__PURE__ */ _("dd", {
+										}), /* @__PURE__ */ o("dd", {
 											className: "font-medium",
 											children: S.owner
 										})] })
 									]
 								}),
-								/* @__PURE__ */ _(g, {}),
-								/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", {
+								/* @__PURE__ */ o(v, {}),
+								/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("dt", {
 									className: "text-text-secondary mb-2",
 									children: "Applicable To"
-								}), /* @__PURE__ */ _("dd", {
+								}), /* @__PURE__ */ o("dd", {
 									className: "flex flex-wrap gap-1.5",
-									children: S.applicableTo.map((e) => /* @__PURE__ */ _(o, {
+									children: S.applicableTo.map((e) => /* @__PURE__ */ o(c, {
 										variant: "secondary",
 										children: e
 									}, e))
@@ -118,25 +119,25 @@ function y() {
 							]
 						})
 					})]
-				}), /* @__PURE__ */ v(c, { children: [/* @__PURE__ */ _(u, { children: /* @__PURE__ */ _(d, {
+				}), /* @__PURE__ */ s(u, { children: [/* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(p, {
 					className: "text-base",
 					children: "Status"
-				}) }), /* @__PURE__ */ _(l, { children: /* @__PURE__ */ v("div", {
+				}) }), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ s("div", {
 					className: `p-4 rounded-lg text-center ${S.status === "active" ? "bg-status-success-bg-subtle text-status-success-text" : S.status === "deprecated" ? "bg-status-error-bg-subtle text-status-error-text" : "bg-status-warning-bg-subtle text-status-warning-text"}`,
-					children: [/* @__PURE__ */ _(r, { className: "h-8 w-8 mx-auto mb-2" }), /* @__PURE__ */ _("p", {
+					children: [/* @__PURE__ */ o(i, { className: "h-8 w-8 mx-auto mb-2" }), /* @__PURE__ */ o("p", {
 						className: "text-lg font-bold uppercase",
 						children: S.status.replace("_", " ")
 					})]
 				}) })] })]
 			})
 		]
-	}) : /* @__PURE__ */ _("div", {
+	}) : /* @__PURE__ */ o("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ _(m, {
+		children: /* @__PURE__ */ o(g, {
 			illustration: "empty-files",
 			title: "Policy not found",
 			description: "This security policy may have been retired. Return to the security hub to find it.",
-			action: /* @__PURE__ */ _(s, {
+			action: /* @__PURE__ */ o(l, {
 				size: "sm",
 				onClick: () => y("/security/security-hub"),
 				children: "Back to security"

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

@@ -1 +1 @@
-{"version":3,"file":"SecurityPolicyDetailPage.js","names":[],"sources":["../../../src/assethandler/pages/SecurityPolicyDetailPage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Separator,\n  GradientText,\n  EmphasisPanel,\n  PagePurpose,\n  IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\nimport { ArrowLeft, Edit, FileText } from 'lucide-react';\nimport { useNavigate, useParams } from 'react-router-dom';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\n\nexport function SecurityPolicyDetailPage() {\n  const navigate = useNavigate();\n  const { policyId } = useParams<{ policyId: string }>();\n  const { securityPolicies } = useAssetHandlerStore();\n  const policy = securityPolicies.find((item) => item.id === policyId) ?? securityPolicies[0];\n\n  if (!policy)\n    return (\n      <div className=\"p-6\">\n        <IllustratedEmptyState\n          illustration=\"empty-files\"\n          title=\"Policy not found\"\n          description=\"This security policy may have been retired. Return to the security hub to find it.\"\n          action={\n            <Button size=\"sm\" onClick={() => navigate('/security/security-hub')}>\n              Back to security\n            </Button>\n          }\n        />\n      </div>\n    );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-4\">\n          <Button variant=\"ghost\" size=\"icon\" onClick={() => navigate('/security/security-hub')}>\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <div>\n            <div className=\"flex items-center gap-3\">\n              <h1 className=\"text-2xl font-bold\">\n                <GradientText>{policy.name}</GradientText>\n              </h1>\n              <Badge\n                variant={\n                  policy.status === 'active'\n                    ? 'default'\n                    : policy.status === 'deprecated'\n                      ? 'destructive'\n                      : 'outline'\n                }\n              >\n                {policy.status.replace('_', ' ')}\n              </Badge>\n              <Badge variant=\"secondary\">v{policy.version}</Badge>\n            </div>\n            <p className=\"text-sm text-text-secondary mt-1\">{policy.description}</p>\n          </div>\n        </div>\n        <Button size=\"sm\">\n          <Edit className=\"mr-2 h-4 w-4\" />\n          Edit Policy\n        </Button>\n      </div>\n\n      <PagePurpose>\n        The authoritative record of a single security policy — what it covers, who owns it, who it\n        applies to, and when it is next due for review. Use this page to confirm the policy is\n        current and that the right teams are bound by it.\n      </PagePurpose>\n\n      <div className=\"grid gap-6 lg:grid-cols-3\">\n        <EmphasisPanel className=\"lg:col-span-2\">\n          <CardHeader className=\"px-0 pt-0\">\n            <CardTitle>Policy Details</CardTitle>\n          </CardHeader>\n          <CardContent className=\"px-0 pb-0\">\n            <dl className=\"space-y-4 text-sm\">\n              <div>\n                <dt className=\"text-text-secondary\">Description</dt>\n                <dd className=\"mt-1\">{policy.description}</dd>\n              </div>\n              <Separator />\n              <div className=\"grid grid-cols-2 gap-4\">\n                <div>\n                  <dt className=\"text-text-secondary\">Category</dt>\n                  <dd className=\"font-medium\">{policy.category}</dd>\n                </div>\n                <div>\n                  <dt className=\"text-text-secondary\">Version</dt>\n                  <dd className=\"font-medium\">{policy.version}</dd>\n                </div>\n                <div>\n                  <dt className=\"text-text-secondary\">Effective Date</dt>\n                  <dd className=\"font-medium\">{policy.effectiveDate}</dd>\n                </div>\n                <div>\n                  <dt className=\"text-text-secondary\">Review Date</dt>\n                  <dd className=\"font-medium\">{policy.reviewDate}</dd>\n                </div>\n                <div>\n                  <dt className=\"text-text-secondary\">Owner</dt>\n                  <dd className=\"font-medium\">{policy.owner}</dd>\n                </div>\n              </div>\n              <Separator />\n              <div>\n                <dt className=\"text-text-secondary mb-2\">Applicable To</dt>\n                <dd className=\"flex flex-wrap gap-1.5\">\n                  {policy.applicableTo.map((dept) => (\n                    <Badge key={dept} variant=\"secondary\">\n                      {dept}\n                    </Badge>\n                  ))}\n                </dd>\n              </div>\n            </dl>\n          </CardContent>\n        </EmphasisPanel>\n\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-base\">Status</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <div\n              className={`p-4 rounded-lg text-center ${policy.status === 'active' ? 'bg-status-success-bg-subtle text-status-success-text' : policy.status === 'deprecated' ? 'bg-status-error-bg-subtle text-status-error-text' : 'bg-status-warning-bg-subtle text-status-warning-text'}`}\n            >\n              <FileText className=\"h-8 w-8 mx-auto mb-2\" />\n              <p className=\"text-lg font-bold uppercase\">{policy.status.replace('_', ' ')}</p>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"SecurityPolicyDetailPage.js","names":[],"sources":["../../../src/assethandler/pages/SecurityPolicyDetailPage.tsx"],"sourcesContent":["import { useAssetHandlerNavigate } from '../hooks/useAssetHandlerNavigate';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Separator,\n  GradientText,\n  EmphasisPanel,\n  PagePurpose,\n  IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\nimport { ArrowLeft, Edit, FileText } from 'lucide-react';\nimport { useParams } from 'react-router-dom';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\n\nexport function SecurityPolicyDetailPage() {\n  const navigate = useAssetHandlerNavigate();\n  const { policyId } = useParams<{ policyId: string }>();\n  const { securityPolicies } = useAssetHandlerStore();\n  const policy = securityPolicies.find((item) => item.id === policyId) ?? securityPolicies[0];\n\n  if (!policy)\n    return (\n      <div className=\"p-6\">\n        <IllustratedEmptyState\n          illustration=\"empty-files\"\n          title=\"Policy not found\"\n          description=\"This security policy may have been retired. Return to the security hub to find it.\"\n          action={\n            <Button size=\"sm\" onClick={() => navigate('/security/security-hub')}>\n              Back to security\n            </Button>\n          }\n        />\n      </div>\n    );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-4\">\n          <Button variant=\"ghost\" size=\"icon\" onClick={() => navigate('/security/security-hub')}>\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <div>\n            <div className=\"flex items-center gap-3\">\n              <h1 className=\"text-2xl font-bold\">\n                <GradientText>{policy.name}</GradientText>\n              </h1>\n              <Badge\n                variant={\n                  policy.status === 'active'\n                    ? 'default'\n                    : policy.status === 'deprecated'\n                      ? 'destructive'\n                      : 'outline'\n                }\n              >\n                {policy.status.replace('_', ' ')}\n              </Badge>\n              <Badge variant=\"secondary\">v{policy.version}</Badge>\n            </div>\n            <p className=\"text-sm text-text-secondary mt-1\">{policy.description}</p>\n          </div>\n        </div>\n        <Button size=\"sm\">\n          <Edit className=\"mr-2 h-4 w-4\" />\n          Edit Policy\n        </Button>\n      </div>\n\n      <PagePurpose>\n        The authoritative record of a single security policy — what it covers, who owns it, who it\n        applies to, and when it is next due for review. Use this page to confirm the policy is\n        current and that the right teams are bound by it.\n      </PagePurpose>\n\n      <div className=\"grid gap-6 lg:grid-cols-3\">\n        <EmphasisPanel className=\"lg:col-span-2\">\n          <CardHeader className=\"px-0 pt-0\">\n            <CardTitle>Policy Details</CardTitle>\n          </CardHeader>\n          <CardContent className=\"px-0 pb-0\">\n            <dl className=\"space-y-4 text-sm\">\n              <div>\n                <dt className=\"text-text-secondary\">Description</dt>\n                <dd className=\"mt-1\">{policy.description}</dd>\n              </div>\n              <Separator />\n              <div className=\"grid grid-cols-2 gap-4\">\n                <div>\n                  <dt className=\"text-text-secondary\">Category</dt>\n                  <dd className=\"font-medium\">{policy.category}</dd>\n                </div>\n                <div>\n                  <dt className=\"text-text-secondary\">Version</dt>\n                  <dd className=\"font-medium\">{policy.version}</dd>\n                </div>\n                <div>\n                  <dt className=\"text-text-secondary\">Effective Date</dt>\n                  <dd className=\"font-medium\">{policy.effectiveDate}</dd>\n                </div>\n                <div>\n                  <dt className=\"text-text-secondary\">Review Date</dt>\n                  <dd className=\"font-medium\">{policy.reviewDate}</dd>\n                </div>\n                <div>\n                  <dt className=\"text-text-secondary\">Owner</dt>\n                  <dd className=\"font-medium\">{policy.owner}</dd>\n                </div>\n              </div>\n              <Separator />\n              <div>\n                <dt className=\"text-text-secondary mb-2\">Applicable To</dt>\n                <dd className=\"flex flex-wrap gap-1.5\">\n                  {policy.applicableTo.map((dept) => (\n                    <Badge key={dept} variant=\"secondary\">\n                      {dept}\n                    </Badge>\n                  ))}\n                </dd>\n              </div>\n            </dl>\n          </CardContent>\n        </EmphasisPanel>\n\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-base\">Status</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <div\n              className={`p-4 rounded-lg text-center ${policy.status === 'active' ? 'bg-status-success-bg-subtle text-status-success-text' : policy.status === 'deprecated' ? 'bg-status-error-bg-subtle text-status-error-text' : 'bg-status-warning-bg-subtle text-status-warning-text'}`}\n            >\n              <FileText className=\"h-8 w-8 mx-auto mb-2\" />\n              <p className=\"text-lg font-bold uppercase\">{policy.status.replace('_', ' ')}</p>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}