@burdenoff/microfe-assethandler 2026.625.1 → 2026.625.2

package/dist/assethandler/pages/ReportsReportsListPage.js

@@ -1,128 +1,144 @@
 import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
 import { Play as t, Plus as n, Search as r } from "lucide-react";
-import { Badge as i, Button as a, Card as o, CardContent as s, GradientText as c, Input as l } from "@burdenoff/fe-libs/ui";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useNavigate as i } from "react-router-dom";
+import { Badge as a, Button as o, CardContent as s, GlassCard as c, GradientText as l, IllustratedEmptyState as u, Input as d, PagePurpose as f } from "@burdenoff/fe-libs/ui";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/assethandler/pages/ReportsReportsListPage.tsx
-function f() {
-	let { reports: f } = e();
-	return /* @__PURE__ */ d("div", {
+function h() {
+	let h = i(), { reports: g } = e();
+	return /* @__PURE__ */ m("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ m("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
+				children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
 					className: "text-2xl font-bold",
-					children: /* @__PURE__ */ u(c, { children: "Reports List" })
-				}), /* @__PURE__ */ d("p", {
+					children: /* @__PURE__ */ p(l, { children: "Reports List" })
+				}), /* @__PURE__ */ m("p", {
 					className: "text-sm text-text-secondary",
-					children: [f.length, " configured reports"]
-				})] }), /* @__PURE__ */ d(a, {
+					children: [g.length, " configured reports"]
+				})] }), /* @__PURE__ */ m(o, {
 					size: "sm",
-					children: [/* @__PURE__ */ u(n, { className: "mr-2 h-4 w-4" }), "Create Report"]
+					children: [/* @__PURE__ */ p(n, { className: "mr-2 h-4 w-4" }), "Create Report"]
 				})]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ p(f, { children: "Every report your team has saved, in one searchable list. Run a report on demand, see when it last ran and how it is scheduled, and jump in to refine it — so the insight you need is always a click away." }),
+			/* @__PURE__ */ m("div", {
 				className: "relative max-w-md",
-				children: [/* @__PURE__ */ u(r, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ u(l, {
+				children: [/* @__PURE__ */ p(r, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ p(d, {
 					placeholder: "Search reports...",
 					className: "pl-9"
 				})]
 			}),
-			/* @__PURE__ */ u(o, { children: /* @__PURE__ */ u(s, {
-				className: "p-0",
-				children: /* @__PURE__ */ u("div", {
-					className: "overflow-x-auto",
-					children: /* @__PURE__ */ d("table", {
-						className: "w-full text-sm",
-						children: [/* @__PURE__ */ u("thead", { children: /* @__PURE__ */ d("tr", {
-							className: "border-b bg-bg-sunken/50",
-							children: [
-								/* @__PURE__ */ u("th", {
-									className: "text-left p-3 font-medium",
-									children: "Name"
-								}),
-								/* @__PURE__ */ u("th", {
-									className: "text-left p-3 font-medium",
-									children: "Category"
-								}),
-								/* @__PURE__ */ u("th", {
-									className: "text-left p-3 font-medium",
-									children: "Type"
-								}),
-								/* @__PURE__ */ u("th", {
-									className: "text-left p-3 font-medium",
-									children: "Schedule"
-								}),
-								/* @__PURE__ */ u("th", {
-									className: "text-left p-3 font-medium",
-									children: "Last Run"
-								}),
-								/* @__PURE__ */ u("th", {
-									className: "text-left p-3 font-medium",
-									children: "Tags"
-								}),
-								/* @__PURE__ */ u("th", { className: "p-3" })
-							]
-						}) }), /* @__PURE__ */ u("tbody", { children: f.map((e) => /* @__PURE__ */ d("tr", {
-							className: "border-b hover:bg-bg-sunken/50 cursor-pointer",
-							children: [
-								/* @__PURE__ */ d("td", {
-									className: "p-3",
-									children: [/* @__PURE__ */ u("p", {
-										className: "font-medium",
-										children: e.name
-									}), /* @__PURE__ */ u("p", {
-										className: "text-xs text-text-secondary",
-										children: e.description
-									})]
-								}),
-								/* @__PURE__ */ u("td", {
-									className: "p-3",
-									children: /* @__PURE__ */ u(i, {
-										variant: "outline",
-										children: e.category
-									})
-								}),
-								/* @__PURE__ */ u("td", {
-									className: "p-3 capitalize text-xs",
-									children: e.type
-								}),
-								/* @__PURE__ */ u("td", {
-									className: "p-3 text-xs",
-									children: e.schedule || "Manual"
-								}),
-								/* @__PURE__ */ u("td", {
-									className: "p-3 text-xs",
-									children: e.lastRun ? new Date(e.lastRun).toLocaleDateString() : "Never"
-								}),
-								/* @__PURE__ */ u("td", {
-									className: "p-3",
-									children: /* @__PURE__ */ u("div", {
-										className: "flex flex-wrap gap-1",
-										children: e.tags.map((e) => /* @__PURE__ */ u(i, {
-											variant: "secondary",
-											className: "text-[10px]",
-											children: e
-										}, e))
-									})
-								}),
-								/* @__PURE__ */ u("td", {
-									className: "p-3",
-									children: /* @__PURE__ */ u(a, {
-										variant: "ghost",
-										size: "sm",
-										children: /* @__PURE__ */ u(t, { className: "h-3 w-3" })
+			g.length === 0 ? /* @__PURE__ */ p(u, {
+				illustration: "empty-files",
+				title: "No reports yet",
+				description: "Create your first report to run and schedule it from here.",
+				action: /* @__PURE__ */ m(o, {
+					size: "sm",
+					onClick: () => h("/reports/report-builder"),
+					children: [/* @__PURE__ */ p(n, { className: "mr-2 h-4 w-4" }), "Create Report"]
+				})
+			}) : /* @__PURE__ */ p(c, {
+				treatment: "glass",
+				glow: !0,
+				className: "overflow-hidden border-border-seam",
+				children: /* @__PURE__ */ p(s, {
+					className: "p-0",
+					children: /* @__PURE__ */ p("div", {
+						className: "overflow-x-auto",
+						children: /* @__PURE__ */ m("table", {
+							className: "w-full text-sm",
+							children: [/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", {
+								className: "border-b bg-bg-sunken/50",
+								children: [
+									/* @__PURE__ */ p("th", {
+										className: "text-left p-3 font-medium",
+										children: "Name"
+									}),
+									/* @__PURE__ */ p("th", {
+										className: "text-left p-3 font-medium",
+										children: "Category"
+									}),
+									/* @__PURE__ */ p("th", {
+										className: "text-left p-3 font-medium",
+										children: "Type"
+									}),
+									/* @__PURE__ */ p("th", {
+										className: "text-left p-3 font-medium",
+										children: "Schedule"
+									}),
+									/* @__PURE__ */ p("th", {
+										className: "text-left p-3 font-medium",
+										children: "Last Run"
+									}),
+									/* @__PURE__ */ p("th", {
+										className: "text-left p-3 font-medium",
+										children: "Tags"
+									}),
+									/* @__PURE__ */ p("th", { className: "p-3" })
+								]
+							}) }), /* @__PURE__ */ p("tbody", { children: g.map((e) => /* @__PURE__ */ m("tr", {
+								className: "border-b hover:bg-bg-sunken/50 cursor-pointer",
+								children: [
+									/* @__PURE__ */ m("td", {
+										className: "p-3",
+										children: [/* @__PURE__ */ p("p", {
+											className: "font-medium",
+											children: e.name
+										}), /* @__PURE__ */ p("p", {
+											className: "text-xs text-text-secondary",
+											children: e.description
+										})]
+									}),
+									/* @__PURE__ */ p("td", {
+										className: "p-3",
+										children: /* @__PURE__ */ p(a, {
+											variant: "outline",
+											children: e.category
+										})
+									}),
+									/* @__PURE__ */ p("td", {
+										className: "p-3 capitalize text-xs",
+										children: e.type
+									}),
+									/* @__PURE__ */ p("td", {
+										className: "p-3 text-xs",
+										children: e.schedule || "Manual"
+									}),
+									/* @__PURE__ */ p("td", {
+										className: "p-3 text-xs",
+										children: e.lastRun ? new Date(e.lastRun).toLocaleDateString() : "Never"
+									}),
+									/* @__PURE__ */ p("td", {
+										className: "p-3",
+										children: /* @__PURE__ */ p("div", {
+											className: "flex flex-wrap gap-1",
+											children: e.tags.map((e) => /* @__PURE__ */ p(a, {
+												variant: "secondary",
+												className: "text-[10px]",
+												children: e
+											}, e))
+										})
+									}),
+									/* @__PURE__ */ p("td", {
+										className: "p-3",
+										children: /* @__PURE__ */ p(o, {
+											variant: "ghost",
+											size: "sm",
+											children: /* @__PURE__ */ p(t, { className: "h-3 w-3" })
+										})
 									})
-								})
-							]
-						}, e.id)) })]
+								]
+							}, e.id)) })]
+						})
 					})
 				})
-			}) })
+			})
 		]
 	});
 }
 //#endregion
-export { f as ReportsReportsListPage };
+export { h as ReportsReportsListPage };
 
 //# sourceMappingURL=ReportsReportsListPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ReportsReportsListPage.js","names":[],"sources":["../../../src/assethandler/pages/ReportsReportsListPage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Input,\n  GradientText,\n} from '@burdenoff/fe-libs/ui';\nimport { FileText, Plus, Search, Play, Clock } from 'lucide-react';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\n\nexport function ReportsReportsListPage() {\n  const { reports } = useAssetHandlerStore();\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>Reports List</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">{reports.length} configured reports</p>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"mr-2 h-4 w-4\" />\n          Create Report\n        </Button>\n      </div>\n\n      <div className=\"relative max-w-md\">\n        <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n        <Input placeholder=\"Search reports...\" className=\"pl-9\" />\n      </div>\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\">Type</th>\n                  <th className=\"text-left p-3 font-medium\">Schedule</th>\n                  <th className=\"text-left p-3 font-medium\">Last Run</th>\n                  <th className=\"text-left p-3 font-medium\">Tags</th>\n                  <th className=\"p-3\"></th>\n                </tr>\n              </thead>\n              <tbody>\n                {reports.map((report) => (\n                  <tr key={report.id} className=\"border-b hover:bg-bg-sunken/50 cursor-pointer\">\n                    <td className=\"p-3\">\n                      <p className=\"font-medium\">{report.name}</p>\n                      <p className=\"text-xs text-text-secondary\">{report.description}</p>\n                    </td>\n                    <td className=\"p-3\">\n                      <Badge variant=\"outline\">{report.category}</Badge>\n                    </td>\n                    <td className=\"p-3 capitalize text-xs\">{report.type}</td>\n                    <td className=\"p-3 text-xs\">{report.schedule || 'Manual'}</td>\n                    <td className=\"p-3 text-xs\">\n                      {report.lastRun ? new Date(report.lastRun).toLocaleDateString() : 'Never'}\n                    </td>\n                    <td className=\"p-3\">\n                      <div className=\"flex flex-wrap gap-1\">\n                        {report.tags.map((t) => (\n                          <Badge key={t} variant=\"secondary\" className=\"text-[10px]\">\n                            {t}\n                          </Badge>\n                        ))}\n                      </div>\n                    </td>\n                    <td className=\"p-3\">\n                      <Button variant=\"ghost\" size=\"sm\">\n                        <Play className=\"h-3 w-3\" />\n                      </Button>\n                    </td>\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAaA,SAAgB,IAAyB;CACvC,IAAM,EAAE,eAAY,GAAsB;AAE1C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAc,gBAA2B,CAAA;KACtC,CAAA,EACL,kBAAC,KAAD;KAAG,WAAU;eAAb,CAA4C,EAAQ,QAAO,sBAAuB;OAC9E,EAAA,CAAA,EACN,kBAAC,GAAD;KAAQ,MAAK;eAAb,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,gBAE1B;OACL;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,wEAAyE,CAAA,EAC3F,kBAAC,GAAD;KAAO,aAAY;KAAoB,WAAU;KAAS,CAAA,CACtD;;GAEN,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAa,WAAU;cACrB,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,SAAD;MAAO,WAAU;gBAAjB,CACE,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD;OAAI,WAAU;iBAAd;QACE,kBAAC,MAAD;SAAI,WAAU;mBAA4B;SAAS,CAAA;QACnD,kBAAC,MAAD;SAAI,WAAU;mBAA4B;SAAa,CAAA;QACvD,kBAAC,MAAD;SAAI,WAAU;mBAA4B;SAAS,CAAA;QACnD,kBAAC,MAAD;SAAI,WAAU;mBAA4B;SAAa,CAAA;QACvD,kBAAC,MAAD;SAAI,WAAU;mBAA4B;SAAa,CAAA;QACvD,kBAAC,MAAD;SAAI,WAAU;mBAA4B;SAAS,CAAA;QACnD,kBAAC,MAAD,EAAI,WAAU,OAAW,CAAA;QACtB;UACC,CAAA,EACR,kBAAC,SAAD,EAAA,UACG,EAAQ,KAAK,MACZ,kBAAC,MAAD;OAAoB,WAAU;iBAA9B;QACE,kBAAC,MAAD;SAAI,WAAU;mBAAd,CACE,kBAAC,KAAD;UAAG,WAAU;oBAAe,EAAO;UAAS,CAAA,EAC5C,kBAAC,KAAD;UAAG,WAAU;oBAA+B,EAAO;UAAgB,CAAA,CAChE;;QACL,kBAAC,MAAD;SAAI,WAAU;mBACZ,kBAAC,GAAD;UAAO,SAAQ;oBAAW,EAAO;UAAiB,CAAA;SAC/C,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBAA0B,EAAO;SAAU,CAAA;QACzD,kBAAC,MAAD;SAAI,WAAU;mBAAe,EAAO,YAAY;SAAc,CAAA;QAC9D,kBAAC,MAAD;SAAI,WAAU;mBACX,EAAO,UAAU,IAAI,KAAK,EAAO,QAAQ,CAAC,oBAAoB,GAAG;SAC/D,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBACZ,kBAAC,OAAD;UAAK,WAAU;oBACZ,EAAO,KAAK,KAAK,MAChB,kBAAC,GAAD;WAAe,SAAQ;WAAY,WAAU;qBAC1C;WACK,EAFI,EAEJ,CACR;UACE,CAAA;SACH,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBACZ,kBAAC,GAAD;UAAQ,SAAQ;UAAQ,MAAK;oBAC3B,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;UACrB,CAAA;SACN,CAAA;QACF;SA3BI,EAAO,GA2BX,CACL,EACI,CAAA,CACF;;KACJ,CAAA;IACM,CAAA,EACT,CAAA;GACH"}
+{"version":3,"file":"ReportsReportsListPage.js","names":[],"sources":["../../../src/assethandler/pages/ReportsReportsListPage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  CardContent,\n  Input,\n  GradientText,\n  GlassCard,\n  PagePurpose,\n  IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\nimport { Plus, Search, Play } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\n\nexport function ReportsReportsListPage() {\n  const navigate = useNavigate();\n  const { reports } = useAssetHandlerStore();\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>Reports List</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">{reports.length} configured reports</p>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"mr-2 h-4 w-4\" />\n          Create Report\n        </Button>\n      </div>\n\n      <PagePurpose>\n        Every report your team has saved, in one searchable list. Run a report on demand, see when\n        it last ran and how it is scheduled, and jump in to refine it — so the insight you need is\n        always a click away.\n      </PagePurpose>\n\n      <div className=\"relative max-w-md\">\n        <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n        <Input placeholder=\"Search reports...\" className=\"pl-9\" />\n      </div>\n\n      {reports.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-files\"\n          title=\"No reports yet\"\n          description=\"Create your first report to run and schedule it from here.\"\n          action={\n            <Button size=\"sm\" onClick={() => navigate('/reports/report-builder')}>\n              <Plus className=\"mr-2 h-4 w-4\" />\n              Create Report\n            </Button>\n          }\n        />\n      ) : (\n      <GlassCard treatment=\"glass\" glow className=\"overflow-hidden border-border-seam\">\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\">Type</th>\n                  <th className=\"text-left p-3 font-medium\">Schedule</th>\n                  <th className=\"text-left p-3 font-medium\">Last Run</th>\n                  <th className=\"text-left p-3 font-medium\">Tags</th>\n                  <th className=\"p-3\"></th>\n                </tr>\n              </thead>\n              <tbody>\n                {reports.map((report) => (\n                  <tr key={report.id} className=\"border-b hover:bg-bg-sunken/50 cursor-pointer\">\n                    <td className=\"p-3\">\n                      <p className=\"font-medium\">{report.name}</p>\n                      <p className=\"text-xs text-text-secondary\">{report.description}</p>\n                    </td>\n                    <td className=\"p-3\">\n                      <Badge variant=\"outline\">{report.category}</Badge>\n                    </td>\n                    <td className=\"p-3 capitalize text-xs\">{report.type}</td>\n                    <td className=\"p-3 text-xs\">{report.schedule || 'Manual'}</td>\n                    <td className=\"p-3 text-xs\">\n                      {report.lastRun ? new Date(report.lastRun).toLocaleDateString() : 'Never'}\n                    </td>\n                    <td className=\"p-3\">\n                      <div className=\"flex flex-wrap gap-1\">\n                        {report.tags.map((t) => (\n                          <Badge key={t} variant=\"secondary\" className=\"text-[10px]\">\n                            {t}\n                          </Badge>\n                        ))}\n                      </div>\n                    </td>\n                    <td className=\"p-3\">\n                      <Button variant=\"ghost\" size=\"sm\">\n                        <Play className=\"h-3 w-3\" />\n                      </Button>\n                    </td>\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n        </CardContent>\n      </GlassCard>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/assethandler/pages/SamLicensesPage.js

@@ -1,10 +1,10 @@
 import { KeyRound as e } from "lucide-react";
-import { GradientText as t, IllustratedEmptyState as n } from "@burdenoff/fe-libs/ui";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { gql as a } from "@apollo/client";
-import { useQuery as o } from "@apollo/client/react";
+import { GlassCard as t, GradientText as n, IllustratedEmptyState as r, PagePurpose as i } from "@burdenoff/fe-libs/ui";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { gql as s } from "@apollo/client";
+import { useQuery as c } from "@apollo/client/react";
 //#region src/assethandler/pages/SamLicensesPage.tsx
-var s = a`
+var l = s`
   query AssetHandlerSoftwareAssets {
     softwareAssets {
       id
@@ -18,60 +18,59 @@ var s = a`
     }
   }
 `;
-function c() {
-	let { data: a, loading: c } = o(s, { fetchPolicy: "cache-and-network" }), l = a?.softwareAssets ?? [];
-	return /* @__PURE__ */ i("div", {
+function u() {
+	let { data: s, loading: u } = c(l, { fetchPolicy: "cache-and-network" }), d = s?.softwareAssets ?? [];
+	return /* @__PURE__ */ o("div", {
 		className: "space-y-4 p-4",
 		children: [
-			/* @__PURE__ */ i("h1", {
+			/* @__PURE__ */ o("h1", {
 				className: "flex items-center gap-2 text-2xl font-semibold",
 				children: [
-					/* @__PURE__ */ r(e, { className: "h-6 w-6" }),
+					/* @__PURE__ */ a(e, { className: "h-6 w-6" }),
 					" ",
-					/* @__PURE__ */ r(t, { children: "SAM Licenses" })
+					/* @__PURE__ */ a(n, { children: "SAM Licenses" })
 				]
 			}),
-			/* @__PURE__ */ r("p", {
-				className: "text-text-secondary",
-				children: "Manage software entitlements, utilization, and compliance posture."
-			}),
-			/* @__PURE__ */ i("div", {
-				className: "rounded-lg border",
+			/* @__PURE__ */ a(i, { children: "Software Asset Management (SAM): track every software entitlement against actual usage so you stay license-compliant and stop paying for seats nobody uses. Spot over- and under-licensing here to avoid audit penalties and reclaim wasted spend." }),
+			/* @__PURE__ */ o(t, {
+				treatment: "glass",
+				glow: !0,
+				className: "overflow-hidden border-border-seam",
 				children: [
-					/* @__PURE__ */ i("div", {
+					/* @__PURE__ */ o("div", {
 						className: "grid grid-cols-5 gap-3 border-b px-4 py-3 text-xs font-semibold uppercase tracking-wide text-text-secondary",
 						children: [
-							/* @__PURE__ */ r("span", { children: "Software" }),
-							/* @__PURE__ */ r("span", { children: "Vendor" }),
-							/* @__PURE__ */ r("span", { children: "Version" }),
-							/* @__PURE__ */ r("span", { children: "Seats Used" }),
-							/* @__PURE__ */ r("span", { children: "Compliance" })
+							/* @__PURE__ */ a("span", { children: "Software" }),
+							/* @__PURE__ */ a("span", { children: "Vendor" }),
+							/* @__PURE__ */ a("span", { children: "Version" }),
+							/* @__PURE__ */ a("span", { children: "Seats Used" }),
+							/* @__PURE__ */ a("span", { children: "Compliance" })
 						]
 					}),
-					c && l.length === 0 ? /* @__PURE__ */ r("div", {
+					u && d.length === 0 ? /* @__PURE__ */ a("div", {
 						className: "space-y-2 px-4 py-4",
-						children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ r("div", { className: "h-8 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer" }, t))
+						children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ a("div", { className: "h-8 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer" }, t))
 					}) : null,
-					!c && l.length === 0 ? /* @__PURE__ */ r(n, {
+					!u && d.length === 0 ? /* @__PURE__ */ a(r, {
 						illustration: "empty-data",
 						title: "No software assets found",
 						description: "Discovered software assets and licenses will appear here."
 					}) : null,
-					l.map((e) => /* @__PURE__ */ i("div", {
+					d.map((e) => /* @__PURE__ */ o("div", {
 						className: "grid grid-cols-5 gap-3 border-b px-4 py-3 text-sm last:border-b-0",
 						children: [
-							/* @__PURE__ */ r("span", {
+							/* @__PURE__ */ a("span", {
 								className: "font-medium",
 								children: e.name
 							}),
-							/* @__PURE__ */ r("span", { children: e.vendor }),
-							/* @__PURE__ */ r("span", { children: e.version }),
-							/* @__PURE__ */ i("span", { children: [
+							/* @__PURE__ */ a("span", { children: e.vendor }),
+							/* @__PURE__ */ a("span", { children: e.version }),
+							/* @__PURE__ */ o("span", { children: [
 								e.seatsUsed ?? 0,
 								"/",
 								e.seatsPurchased ?? "-"
 							] }),
-							/* @__PURE__ */ i("span", { children: [e.compliancePercent.toFixed(1), "%"] })
+							/* @__PURE__ */ o("span", { children: [e.compliancePercent.toFixed(1), "%"] })
 						]
 					}, e.id))
 				]
@@ -80,6 +79,6 @@ function c() {
 	});
 }
 //#endregion
-export { c as SamLicensesPage };
+export { u as SamLicensesPage };
 
 //# sourceMappingURL=SamLicensesPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SamLicensesPage.js","names":[],"sources":["../../../src/assethandler/pages/SamLicensesPage.tsx"],"sourcesContent":["import { KeyRound } from 'lucide-react';\nimport { GradientText, IllustratedEmptyState } from '@burdenoff/fe-libs/ui';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\n\nconst SOFTWARE_ASSETS_QUERY = gql`\n  query AssetHandlerSoftwareAssets {\n    softwareAssets {\n      id\n      name\n      vendor\n      version\n      licenseType\n      seatsPurchased\n      seatsUsed\n      compliancePercent\n    }\n  }\n`;\n\nexport function SamLicensesPage() {\n  const { data, loading } = useQuery<{\n    softwareAssets: Array<{\n      id: string;\n      name: string;\n      vendor: string;\n      version: string;\n      licenseType: string;\n      seatsPurchased: number | null;\n      seatsUsed: number | null;\n      compliancePercent: number;\n    }>;\n  }>(SOFTWARE_ASSETS_QUERY, { fetchPolicy: 'cache-and-network' });\n\n  const softwareAssets = data?.softwareAssets ?? [];\n\n  return (\n    <div className=\"space-y-4 p-4\">\n      <h1 className=\"flex items-center gap-2 text-2xl font-semibold\">\n        <KeyRound className=\"h-6 w-6\" /> <GradientText>SAM Licenses</GradientText>\n      </h1>\n      <p className=\"text-text-secondary\">\n        Manage software entitlements, utilization, and compliance posture.\n      </p>\n      <div className=\"rounded-lg border\">\n        <div className=\"grid grid-cols-5 gap-3 border-b px-4 py-3 text-xs font-semibold uppercase tracking-wide text-text-secondary\">\n          <span>Software</span>\n          <span>Vendor</span>\n          <span>Version</span>\n          <span>Seats Used</span>\n          <span>Compliance</span>\n        </div>\n        {loading && softwareAssets.length === 0 ? (\n          <div className=\"space-y-2 px-4 py-4\">\n            {Array.from({ length: 4 }).map((_, i) => (\n              <div key={i} className=\"h-8 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer\" />\n            ))}\n          </div>\n        ) : null}\n        {!loading && softwareAssets.length === 0 ? (\n          <IllustratedEmptyState\n            illustration=\"empty-data\"\n            title=\"No software assets found\"\n            description=\"Discovered software assets and licenses will appear here.\"\n          />\n        ) : null}\n        {softwareAssets.map((asset) => (\n          <div\n            key={asset.id}\n            className=\"grid grid-cols-5 gap-3 border-b px-4 py-3 text-sm last:border-b-0\"\n          >\n            <span className=\"font-medium\">{asset.name}</span>\n            <span>{asset.vendor}</span>\n            <span>{asset.version}</span>\n            <span>\n              {asset.seatsUsed ?? 0}/{asset.seatsPurchased ?? '-'}\n            </span>\n            <span>{asset.compliancePercent.toFixed(1)}%</span>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAKA,IAAM,IAAwB,CAAG;;;;;;;;;;;;;;AAejC,SAAgB,IAAkB;CAChC,IAAM,EAAE,SAAM,eAAY,EAWvB,GAAuB,EAAE,aAAa,qBAAqB,CAAC,EAEzD,IAAiB,GAAM,kBAAkB,EAAE;AAEjD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,MAAD;IAAI,WAAU;cAAd;KACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;;KAAC,kBAAC,GAAD,EAAA,UAAc,gBAA2B,CAAA;KACvE;;GACL,kBAAC,KAAD;IAAG,WAAU;cAAsB;IAE/B,CAAA;GACJ,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,QAAD,EAAA,UAAM,YAAe,CAAA;OACrB,kBAAC,QAAD,EAAA,UAAM,UAAa,CAAA;OACnB,kBAAC,QAAD,EAAA,UAAM,WAAc,CAAA;OACpB,kBAAC,QAAD,EAAA,UAAM,cAAiB,CAAA;OACvB,kBAAC,QAAD,EAAA,UAAM,cAAiB,CAAA;OACnB;;KACL,KAAW,EAAe,WAAW,IACpC,kBAAC,OAAD;MAAK,WAAU;gBACZ,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,MACjC,kBAAC,OAAD,EAAa,WAAU,8DAA+D,EAA5E,EAA4E,CACtF;MACE,CAAA,GACJ;KACH,CAAC,KAAW,EAAe,WAAW,IACrC,kBAAC,GAAD;MACE,cAAa;MACb,OAAM;MACN,aAAY;MACZ,CAAA,GACA;KACH,EAAe,KAAK,MACnB,kBAAC,OAAD;MAEE,WAAU;gBAFZ;OAIE,kBAAC,QAAD;QAAM,WAAU;kBAAe,EAAM;QAAY,CAAA;OACjD,kBAAC,QAAD,EAAA,UAAO,EAAM,QAAc,CAAA;OAC3B,kBAAC,QAAD,EAAA,UAAO,EAAM,SAAe,CAAA;OAC5B,kBAAC,QAAD,EAAA,UAAA;QACG,EAAM,aAAa;QAAE;QAAE,EAAM,kBAAkB;QAC3C,EAAA,CAAA;OACP,kBAAC,QAAD,EAAA,UAAA,CAAO,EAAM,kBAAkB,QAAQ,EAAE,EAAC,IAAQ,EAAA,CAAA;OAC9C;QAVC,EAAM,GAUP,CACN;KACE;;GACF"}
+{"version":3,"file":"SamLicensesPage.js","names":[],"sources":["../../../src/assethandler/pages/SamLicensesPage.tsx"],"sourcesContent":["import { KeyRound } from 'lucide-react';\nimport { GradientText, IllustratedEmptyState, GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\n\nconst SOFTWARE_ASSETS_QUERY = gql`\n  query AssetHandlerSoftwareAssets {\n    softwareAssets {\n      id\n      name\n      vendor\n      version\n      licenseType\n      seatsPurchased\n      seatsUsed\n      compliancePercent\n    }\n  }\n`;\n\nexport function SamLicensesPage() {\n  const { data, loading } = useQuery<{\n    softwareAssets: Array<{\n      id: string;\n      name: string;\n      vendor: string;\n      version: string;\n      licenseType: string;\n      seatsPurchased: number | null;\n      seatsUsed: number | null;\n      compliancePercent: number;\n    }>;\n  }>(SOFTWARE_ASSETS_QUERY, { fetchPolicy: 'cache-and-network' });\n\n  const softwareAssets = data?.softwareAssets ?? [];\n\n  return (\n    <div className=\"space-y-4 p-4\">\n      <h1 className=\"flex items-center gap-2 text-2xl font-semibold\">\n        <KeyRound className=\"h-6 w-6\" /> <GradientText>SAM Licenses</GradientText>\n      </h1>\n      <PagePurpose>\n        Software Asset Management (SAM): track every software entitlement against actual usage so\n        you stay license-compliant and stop paying for seats nobody uses. Spot over- and\n        under-licensing here to avoid audit penalties and reclaim wasted spend.\n      </PagePurpose>\n      <GlassCard treatment=\"glass\" glow className=\"overflow-hidden border-border-seam\">\n        <div className=\"grid grid-cols-5 gap-3 border-b px-4 py-3 text-xs font-semibold uppercase tracking-wide text-text-secondary\">\n          <span>Software</span>\n          <span>Vendor</span>\n          <span>Version</span>\n          <span>Seats Used</span>\n          <span>Compliance</span>\n        </div>\n        {loading && softwareAssets.length === 0 ? (\n          <div className=\"space-y-2 px-4 py-4\">\n            {Array.from({ length: 4 }).map((_, i) => (\n              <div key={i} className=\"h-8 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer\" />\n            ))}\n          </div>\n        ) : null}\n        {!loading && softwareAssets.length === 0 ? (\n          <IllustratedEmptyState\n            illustration=\"empty-data\"\n            title=\"No software assets found\"\n            description=\"Discovered software assets and licenses will appear here.\"\n          />\n        ) : null}\n        {softwareAssets.map((asset) => (\n          <div\n            key={asset.id}\n            className=\"grid grid-cols-5 gap-3 border-b px-4 py-3 text-sm last:border-b-0\"\n          >\n            <span className=\"font-medium\">{asset.name}</span>\n            <span>{asset.vendor}</span>\n            <span>{asset.version}</span>\n            <span>\n              {asset.seatsUsed ?? 0}/{asset.seatsPurchased ?? '-'}\n            </span>\n            <span>{asset.compliancePercent.toFixed(1)}%</span>\n          </div>\n        ))}\n      </GlassCard>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAKA,IAAM,IAAwB,CAAG;;;;;;;;;;;;;;AAejC,SAAgB,IAAkB;CAChC,IAAM,EAAE,SAAM,eAAY,EAWvB,GAAuB,EAAE,aAAa,qBAAqB,CAAC,EAEzD,IAAiB,GAAM,kBAAkB,EAAE;AAEjD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,MAAD;IAAI,WAAU;cAAd;KACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;;KAAC,kBAAC,GAAD,EAAA,UAAc,gBAA2B,CAAA;KACvE;;GACL,kBAAC,GAAD,EAAA,UAAa,sPAIC,CAAA;GACd,kBAAC,GAAD;IAAW,WAAU;IAAQ,MAAA;IAAK,WAAU;cAA5C;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,QAAD,EAAA,UAAM,YAAe,CAAA;OACrB,kBAAC,QAAD,EAAA,UAAM,UAAa,CAAA;OACnB,kBAAC,QAAD,EAAA,UAAM,WAAc,CAAA;OACpB,kBAAC,QAAD,EAAA,UAAM,cAAiB,CAAA;OACvB,kBAAC,QAAD,EAAA,UAAM,cAAiB,CAAA;OACnB;;KACL,KAAW,EAAe,WAAW,IACpC,kBAAC,OAAD;MAAK,WAAU;gBACZ,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,MACjC,kBAAC,OAAD,EAAa,WAAU,8DAA+D,EAA5E,EAA4E,CACtF;MACE,CAAA,GACJ;KACH,CAAC,KAAW,EAAe,WAAW,IACrC,kBAAC,GAAD;MACE,cAAa;MACb,OAAM;MACN,aAAY;MACZ,CAAA,GACA;KACH,EAAe,KAAK,MACnB,kBAAC,OAAD;MAEE,WAAU;gBAFZ;OAIE,kBAAC,QAAD;QAAM,WAAU;kBAAe,EAAM;QAAY,CAAA;OACjD,kBAAC,QAAD,EAAA,UAAO,EAAM,QAAc,CAAA;OAC3B,kBAAC,QAAD,EAAA,UAAO,EAAM,SAAe,CAAA;OAC5B,kBAAC,QAAD,EAAA,UAAA;QACG,EAAM,aAAa;QAAE;QAAE,EAAM,kBAAkB;QAC3C,EAAA,CAAA;OACP,kBAAC,QAAD,EAAA,UAAA,CAAO,EAAM,kBAAkB,QAAQ,EAAE,EAAC,IAAQ,EAAA,CAAA;OAC9C;QAVC,EAAM,GAUP,CACN;KACQ;;GACR"}

package/dist/assethandler/pages/SecurityComplianceDetailPage.js

@@ -1,109 +1,117 @@
 import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
 import { ArrowLeft as t, Shield as n } from "lucide-react";
-import { useParams as r } from "react-router-dom";
-import { Badge as i, Button as a, Card as o, CardContent as s, CardHeader as c, CardTitle as l, GradientText as u } from "@burdenoff/fe-libs/ui";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+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";
 //#region src/assethandler/pages/SecurityComplianceDetailPage.tsx
-function p() {
-	let { frameworkId: p } = r(), { complianceFrameworks: m } = e(), h = m.find((e) => e.id === p) ?? m[0];
-	return h ? /* @__PURE__ */ f("div", {
+function _() {
+	let _ = r(), { frameworkId: v } = i(), { complianceFrameworks: y } = e(), b = y.find((e) => e.id === v) ?? y[0];
+	return b ? /* @__PURE__ */ g("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ g("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ f("div", {
+				children: [/* @__PURE__ */ g("div", {
 					className: "flex items-center gap-4",
-					children: [/* @__PURE__ */ d(a, {
+					children: [/* @__PURE__ */ h(o, {
 						variant: "ghost",
 						size: "icon",
-						children: /* @__PURE__ */ d(t, { className: "h-4 w-4" })
-					}), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ f("div", {
+						onClick: () => _("/security/security-hub"),
+						children: /* @__PURE__ */ h(t, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ d("h1", {
+						children: [/* @__PURE__ */ h("h1", {
 							className: "text-2xl font-bold",
-							children: /* @__PURE__ */ f(u, { children: [
-								h.name,
+							children: /* @__PURE__ */ g(f, { children: [
+								b.name,
 								" ",
-								h.version
+								b.version
 							] })
-						}), /* @__PURE__ */ d(i, {
-							variant: h.status === "compliant" ? "default" : h.status === "non_compliant" ? "destructive" : "secondary",
-							children: h.status.replace("_", " ")
+						}), /* @__PURE__ */ h(a, {
+							variant: b.status === "compliant" ? "default" : b.status === "non_compliant" ? "destructive" : "secondary",
+							children: b.status.replace("_", " ")
 						})]
-					}), /* @__PURE__ */ d("p", {
+					}), /* @__PURE__ */ h("p", {
 						className: "text-sm text-text-secondary mt-1",
 						children: "Compliance framework assessment details"
 					})] })]
-				}), /* @__PURE__ */ f(a, {
+				}), /* @__PURE__ */ g(o, {
 					size: "sm",
-					children: [/* @__PURE__ */ d(n, { className: "mr-2 h-4 w-4" }), "Run Assessment"]
+					children: [/* @__PURE__ */ h(n, { className: "mr-2 h-4 w-4" }), "Run Assessment"]
 				})]
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__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", {
 				className: "grid gap-4 md:grid-cols-4",
 				children: [
-					/* @__PURE__ */ d(o, { children: /* @__PURE__ */ f(s, {
-						className: "pt-4 text-center",
-						children: [/* @__PURE__ */ f("p", {
-							className: "text-4xl font-bold",
-							children: [h.score, "%"]
-						}), /* @__PURE__ */ d("p", {
+					/* @__PURE__ */ g(d, {
+						className: "text-center",
+						children: [/* @__PURE__ */ g("p", {
+							className: "text-4xl font-bold tabular-nums",
+							children: [b.score, "%"]
+						}), /* @__PURE__ */ h("p", {
 							className: "text-xs text-text-secondary",
 							children: "Overall Score"
 						})]
-					}) }),
-					/* @__PURE__ */ d(o, { children: /* @__PURE__ */ f(s, {
+					}),
+					/* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, {
 						className: "pt-4 text-center",
-						children: [/* @__PURE__ */ d("p", {
+						children: [/* @__PURE__ */ h("p", {
 							className: "text-4xl font-bold text-status-success-text",
-							children: h.passedControls
-						}), /* @__PURE__ */ d("p", {
+							children: b.passedControls
+						}), /* @__PURE__ */ h("p", {
 							className: "text-xs text-text-secondary",
 							children: "Passed"
 						})]
 					}) }),
-					/* @__PURE__ */ d(o, { children: /* @__PURE__ */ f(s, {
+					/* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, {
 						className: "pt-4 text-center",
-						children: [/* @__PURE__ */ d("p", {
+						children: [/* @__PURE__ */ h("p", {
 							className: "text-4xl font-bold text-status-error-text",
-							children: h.failedControls
-						}), /* @__PURE__ */ d("p", {
+							children: b.failedControls
+						}), /* @__PURE__ */ h("p", {
 							className: "text-xs text-text-secondary",
 							children: "Failed"
 						})]
 					}) }),
-					/* @__PURE__ */ d(o, { children: /* @__PURE__ */ f(s, {
+					/* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, {
 						className: "pt-4 text-center",
-						children: [/* @__PURE__ */ d("p", {
+						children: [/* @__PURE__ */ h("p", {
 							className: "text-4xl font-bold",
-							children: h.totalControls
-						}), /* @__PURE__ */ d("p", {
+							children: b.totalControls
+						}), /* @__PURE__ */ h("p", {
 							className: "text-xs text-text-secondary",
 							children: "Total Controls"
 						})]
 					}) })
 				]
 			}),
-			/* @__PURE__ */ f(o, { children: [/* @__PURE__ */ d(c, { children: /* @__PURE__ */ d(l, { children: "Compliance Progress" }) }), /* @__PURE__ */ f(s, { children: [/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ g(s, { children: [/* @__PURE__ */ h(l, { children: /* @__PURE__ */ h(u, { children: "Compliance Progress" }) }), /* @__PURE__ */ g(c, { children: [/* @__PURE__ */ h("div", {
 				className: "h-4 rounded-full bg-bg-sunken overflow-hidden",
-				children: /* @__PURE__ */ d("div", {
-					className: `h-full rounded-full ${h.score >= 90 ? "bg-status-success-bg" : h.score >= 70 ? "bg-status-warning-bg" : "bg-status-error-bg"}`,
-					style: { width: `${h.score}%` }
+				children: /* @__PURE__ */ h("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__ */ f("div", {
+			}), /* @__PURE__ */ g("div", {
 				className: "flex justify-between mt-2 text-xs text-text-secondary",
-				children: [/* @__PURE__ */ f("span", { children: ["Last Assessment: ", h.lastAssessment] }), /* @__PURE__ */ f("span", { children: ["Next Assessment: ", h.nextAssessment] })]
+				children: [/* @__PURE__ */ g("span", { children: ["Last Assessment: ", b.lastAssessment] }), /* @__PURE__ */ g("span", { children: ["Next Assessment: ", b.nextAssessment] })]
 			})] })] })
 		]
-	}) : /* @__PURE__ */ d("div", {
+	}) : /* @__PURE__ */ h("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ d("p", {
-			className: "text-text-secondary",
-			children: "Framework not found."
+		children: /* @__PURE__ */ h(p, {
+			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, {
+				size: "sm",
+				onClick: () => _("/security/security-hub"),
+				children: "Back to security"
+			})
 		})
 	});
 }
 //#endregion
-export { p as SecurityComplianceDetailPage };
+export { _ as SecurityComplianceDetailPage };
 
 //# sourceMappingURL=SecurityComplianceDetailPage.js.map