@burdenoff/microfe-assethandler 2026.510.104

package/dist/assethandler/pages/AssetsAssetTrackingPage.js

@@ -0,0 +1,166 @@
+import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
+import { Building as t, Clock as n, MapPin as r, Navigation as i, Radio as a, RefreshCw as o, Search as s } from "lucide-react";
+import { Badge as c, Button as l, Card as u, CardContent as d, CardDescription as f, CardHeader as p, CardTitle as m, Input as h } from "@burdenoff/fe-libs/ui";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/assethandler/pages/AssetsAssetTrackingPage.tsx
+var v = {
+	active: "default",
+	inactive: "outline",
+	under_maintenance: "secondary"
+};
+function y() {
+	let { assetLocations: y } = e(), b = y.reduce((e, t) => (e[t.building] || (e[t.building] = []), e[t.building].push(t), e), {});
+	return /* @__PURE__ */ _("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ _("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("h1", {
+					className: "text-2xl font-bold",
+					children: "Asset Tracking"
+				}), /* @__PURE__ */ _("p", {
+					className: "text-sm text-muted-foreground",
+					children: [
+						"Real-time location tracking for ",
+						y.length,
+						" assets"
+					]
+				})] }), /* @__PURE__ */ _("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ _(l, {
+						variant: "outline",
+						size: "sm",
+						children: [/* @__PURE__ */ g(o, { className: "mr-2 h-4 w-4" }), "Refresh"]
+					}), /* @__PURE__ */ _(l, {
+						size: "sm",
+						children: [/* @__PURE__ */ g(a, { className: "mr-2 h-4 w-4" }), "Track New Asset"]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "grid gap-4 md:grid-cols-4",
+				children: [
+					/* @__PURE__ */ g(u, { children: /* @__PURE__ */ _(d, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ _("div", {
+							className: "flex items-center gap-2 text-sm text-muted-foreground",
+							children: [/* @__PURE__ */ g(a, { className: "h-4 w-4" }), "Tracked Assets"]
+						}), /* @__PURE__ */ g("p", {
+							className: "text-2xl font-bold mt-1",
+							children: y.length
+						})]
+					}) }),
+					/* @__PURE__ */ g(u, { children: /* @__PURE__ */ _(d, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ _("div", {
+							className: "flex items-center gap-2 text-sm text-muted-foreground",
+							children: [/* @__PURE__ */ g(t, { className: "h-4 w-4" }), "Buildings"]
+						}), /* @__PURE__ */ g("p", {
+							className: "text-2xl font-bold mt-1",
+							children: Object.keys(b).length
+						})]
+					}) }),
+					/* @__PURE__ */ g(u, { children: /* @__PURE__ */ _(d, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ _("div", {
+							className: "flex items-center gap-2 text-sm text-muted-foreground",
+							children: [/* @__PURE__ */ g(i, { className: "h-4 w-4" }), "In Field"]
+						}), /* @__PURE__ */ g("p", {
+							className: "text-2xl font-bold mt-1",
+							children: y.filter((e) => e.building === "Field").length
+						})]
+					}) }),
+					/* @__PURE__ */ g(u, { children: /* @__PURE__ */ _(d, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ _("div", {
+							className: "flex items-center gap-2 text-sm text-muted-foreground",
+							children: [/* @__PURE__ */ g(n, { className: "h-4 w-4" }), "Last Update"]
+						}), /* @__PURE__ */ g("p", {
+							className: "text-lg font-bold mt-1",
+							children: "Just now"
+						})]
+					}) })
+				]
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "grid gap-6 lg:grid-cols-5",
+				children: [/* @__PURE__ */ _(u, {
+					className: "lg:col-span-3",
+					children: [/* @__PURE__ */ _(p, { children: [/* @__PURE__ */ g(m, { children: "Location Map" }), /* @__PURE__ */ g(f, { children: "Geographic distribution of tracked assets" })] }), /* @__PURE__ */ g(d, { children: /* @__PURE__ */ g("div", {
+						className: "bg-muted rounded-lg h-80 flex items-center justify-center border-2 border-dashed",
+						children: /* @__PURE__ */ _("div", {
+							className: "text-center",
+							children: [
+								/* @__PURE__ */ g(r, { className: "h-12 w-12 text-muted-foreground mx-auto mb-2" }),
+								/* @__PURE__ */ g("p", {
+									className: "text-muted-foreground",
+									children: "Interactive map view"
+								}),
+								/* @__PURE__ */ g("p", {
+									className: "text-xs text-muted-foreground mt-1",
+									children: "Map integration would render here"
+								})
+							]
+						})
+					}) })]
+				}), /* @__PURE__ */ _(u, {
+					className: "lg:col-span-2",
+					children: [/* @__PURE__ */ _(p, { children: [/* @__PURE__ */ g(m, { children: "Asset Locations" }), /* @__PURE__ */ _("div", {
+						className: "relative mt-2",
+						children: [/* @__PURE__ */ g(s, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ g(h, {
+							placeholder: "Search assets...",
+							className: "pl-9"
+						})]
+					})] }), /* @__PURE__ */ g(d, { children: /* @__PURE__ */ g("div", {
+						className: "space-y-4",
+						children: Object.entries(b).map(([e, n]) => /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("h4", {
+							className: "text-sm font-medium flex items-center gap-2 mb-2",
+							children: [
+								/* @__PURE__ */ g(t, { className: "h-3.5 w-3.5" }),
+								e,
+								/* @__PURE__ */ g(c, {
+									variant: "secondary",
+									className: "text-[10px]",
+									children: n.length
+								})
+							]
+						}), /* @__PURE__ */ g("div", {
+							className: "space-y-2 ml-5",
+							children: n.map((e) => /* @__PURE__ */ _("div", {
+								className: "flex items-start gap-3 rounded border p-2.5",
+								children: [/* @__PURE__ */ g(r, { className: "h-3.5 w-3.5 mt-0.5 text-muted-foreground shrink-0" }), /* @__PURE__ */ _("div", {
+									className: "flex-1 min-w-0",
+									children: [
+										/* @__PURE__ */ g("p", {
+											className: "text-sm font-medium truncate",
+											children: e.assetName
+										}),
+										/* @__PURE__ */ _("p", {
+											className: "text-xs text-muted-foreground",
+											children: [e.floor === "-" ? "" : `Floor ${e.floor}, `, e.room]
+										}),
+										/* @__PURE__ */ _("div", {
+											className: "flex items-center gap-2 mt-1",
+											children: [/* @__PURE__ */ g(c, {
+												variant: v[e.status] || "outline",
+												className: "text-[10px]",
+												children: e.status.replace("_", " ")
+											}), /* @__PURE__ */ _("span", {
+												className: "text-[10px] text-muted-foreground",
+												children: ["Updated: ", new Date(e.lastUpdated).toLocaleTimeString()]
+											})]
+										})
+									]
+								})]
+							}, e.assetId))
+						})] }, e))
+					}) })]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { y as AssetsAssetTrackingPage };
+
+//# sourceMappingURL=AssetsAssetTrackingPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetsAssetTrackingPage.js","names":[],"sources":["../../../src/assethandler/pages/AssetsAssetTrackingPage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Input,\n} from '@burdenoff/fe-libs/ui';\nimport { MapPin, Search, RefreshCw, Radio, Navigation, Building, Clock } from 'lucide-react';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\n\nconst statusColors: Record<string, 'default' | 'secondary' | 'destructive' | 'outline'> = {\n  active: 'default',\n  inactive: 'outline',\n  under_maintenance: 'secondary',\n};\n\nexport function AssetsAssetTrackingPage() {\n  const { assetLocations } = useAssetHandlerStore();\n\n  const buildingGroups = assetLocations.reduce<Record<string, typeof assetLocations>>(\n    (acc, loc) => {\n      if (!acc[loc.building]) acc[loc.building] = [];\n      acc[loc.building].push(loc);\n      return acc;\n    },\n    {}\n  );\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\">Asset Tracking</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Real-time location tracking for {assetLocations.length} assets\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\">\n            <RefreshCw className=\"mr-2 h-4 w-4\" />\n            Refresh\n          </Button>\n          <Button size=\"sm\">\n            <Radio className=\"mr-2 h-4 w-4\" />\n            Track New Asset\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n              <Radio className=\"h-4 w-4\" />\n              Tracked Assets\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{assetLocations.length}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n              <Building className=\"h-4 w-4\" />\n              Buildings\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{Object.keys(buildingGroups).length}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n              <Navigation className=\"h-4 w-4\" />\n              In Field\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">\n              {assetLocations.filter((l) => l.building === 'Field').length}\n            </p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n              <Clock className=\"h-4 w-4\" />\n              Last Update\n            </div>\n            <p className=\"text-lg font-bold mt-1\">Just now</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid gap-6 lg:grid-cols-5\">\n        <Card className=\"lg:col-span-3\">\n          <CardHeader>\n            <CardTitle>Location Map</CardTitle>\n            <CardDescription>Geographic distribution of tracked assets</CardDescription>\n          </CardHeader>\n          <CardContent>\n            <div className=\"bg-muted rounded-lg h-80 flex items-center justify-center border-2 border-dashed\">\n              <div className=\"text-center\">\n                <MapPin className=\"h-12 w-12 text-muted-foreground mx-auto mb-2\" />\n                <p className=\"text-muted-foreground\">Interactive map view</p>\n                <p className=\"text-xs text-muted-foreground mt-1\">\n                  Map integration would render here\n                </p>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n\n        <Card className=\"lg:col-span-2\">\n          <CardHeader>\n            <CardTitle>Asset Locations</CardTitle>\n            <div className=\"relative mt-2\">\n              <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground\" />\n              <Input placeholder=\"Search assets...\" className=\"pl-9\" />\n            </div>\n          </CardHeader>\n          <CardContent>\n            <div className=\"space-y-4\">\n              {Object.entries(buildingGroups).map(([building, locations]) => (\n                <div key={building}>\n                  <h4 className=\"text-sm font-medium flex items-center gap-2 mb-2\">\n                    <Building className=\"h-3.5 w-3.5\" />\n                    {building}\n                    <Badge variant=\"secondary\" className=\"text-[10px]\">\n                      {locations.length}\n                    </Badge>\n                  </h4>\n                  <div className=\"space-y-2 ml-5\">\n                    {locations.map((loc) => (\n                      <div\n                        key={loc.assetId}\n                        className=\"flex items-start gap-3 rounded border p-2.5\"\n                      >\n                        <MapPin className=\"h-3.5 w-3.5 mt-0.5 text-muted-foreground shrink-0\" />\n                        <div className=\"flex-1 min-w-0\">\n                          <p className=\"text-sm font-medium truncate\">{loc.assetName}</p>\n                          <p className=\"text-xs text-muted-foreground\">\n                            {loc.floor !== '-' ? `Floor ${loc.floor}, ` : ''}\n                            {loc.room}\n                          </p>\n                          <div className=\"flex items-center gap-2 mt-1\">\n                            <Badge\n                              variant={statusColors[loc.status] || 'outline'}\n                              className=\"text-[10px]\"\n                            >\n                              {loc.status.replace('_', ' ')}\n                            </Badge>\n                            <span className=\"text-[10px] text-muted-foreground\">\n                              Updated: {new Date(loc.lastUpdated).toLocaleTimeString()}\n                            </span>\n                          </div>\n                        </div>\n                      </div>\n                    ))}\n                  </div>\n                </div>\n              ))}\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/assethandler/pages/AuditTrailPage.d.ts

@@ -0,0 +1,2 @@
+export declare function AuditTrailPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AuditTrailPage.d.ts.map

package/dist/assethandler/pages/AuditTrailPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuditTrailPage.d.ts","sourceRoot":"","sources":["../../../src/assethandler/pages/AuditTrailPage.tsx"],"names":[],"mappings":"AA0CA,wBAAgB,cAAc,4CAqM7B"}

package/dist/assethandler/pages/AuditTrailPage.js

@@ -0,0 +1,197 @@
+import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
+import { useState as t } from "react";
+import { ArrowRight as n, ChevronDown as r, ChevronRight as i, ClipboardList as a, Download as o, Filter as s, Layers as c, Search as l, Users as u } from "lucide-react";
+import { Badge as d, Button as f, Card as p, CardContent as m, CardHeader as h, CardTitle as g, Input as _, Select as v, SelectContent as y, SelectItem as b, SelectTrigger as x, SelectValue as S, Table as C, TableBody as w, TableCell as T, TableHead as E, TableHeader as D, TableRow as O } from "@burdenoff/fe-libs/ui";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
+//#region src/assethandler/pages/AuditTrailPage.tsx
+var M = {
+	"Asset Management": "default",
+	ITIL: "secondary",
+	"User Management": "outline",
+	Finance: "secondary",
+	Security: "destructive"
+};
+function N() {
+	let { auditEntries: N } = e(), [P, F] = t(""), [I, L] = t("all"), [R, z] = t(null), B = [...new Set(N.map((e) => e.module))], V = N.filter((e) => {
+		if (I !== "all" && e.module !== I) return !1;
+		if (P) {
+			let t = P.toLowerCase();
+			return e.action.toLowerCase().includes(t) || e.entityName.toLowerCase().includes(t) || e.userName.toLowerCase().includes(t);
+		}
+		return !0;
+	}), H = [...new Set(N.map((e) => e.module))].length, U = [...new Set(N.map((e) => e.userId))].length;
+	return /* @__PURE__ */ j("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ j("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("h1", {
+					className: "text-2xl font-semibold",
+					children: "Audit Trail"
+				}), /* @__PURE__ */ A("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Complete log of all system actions, changes, and access events."
+				})] }), /* @__PURE__ */ j(f, {
+					variant: "outline",
+					size: "sm",
+					children: [/* @__PURE__ */ A(o, { className: "mr-2 h-4 w-4" }), "Export Log"]
+				})]
+			}),
+			/* @__PURE__ */ j("div", {
+				className: "grid gap-4 md:grid-cols-4",
+				children: [
+					/* @__PURE__ */ j(p, { children: [/* @__PURE__ */ j(h, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ A(g, {
+							className: "text-sm font-medium",
+							children: "Total Entries"
+						}), /* @__PURE__ */ A(a, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ A(m, { children: /* @__PURE__ */ A("div", {
+						className: "text-2xl font-bold",
+						children: N.length
+					}) })] }),
+					/* @__PURE__ */ j(p, { children: [/* @__PURE__ */ j(h, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ A(g, {
+							className: "text-sm font-medium",
+							children: "Modules Covered"
+						}), /* @__PURE__ */ A(c, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ A(m, { children: /* @__PURE__ */ A("div", {
+						className: "text-2xl font-bold",
+						children: H
+					}) })] }),
+					/* @__PURE__ */ j(p, { children: [/* @__PURE__ */ j(h, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ A(g, {
+							className: "text-sm font-medium",
+							children: "Active Users"
+						}), /* @__PURE__ */ A(u, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ A(m, { children: /* @__PURE__ */ A("div", {
+						className: "text-2xl font-bold",
+						children: U
+					}) })] }),
+					/* @__PURE__ */ j(p, { children: [/* @__PURE__ */ j(h, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ A(g, {
+							className: "text-sm font-medium",
+							children: "Today"
+						}), /* @__PURE__ */ A(n, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ j(m, { children: [/* @__PURE__ */ A("div", {
+						className: "text-2xl font-bold",
+						children: N.filter((e) => new Date(e.timestamp).toDateString() === (/* @__PURE__ */ new Date()).toDateString()).length
+					}), /* @__PURE__ */ A("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Actions today"
+					})] })] })
+				]
+			}),
+			/* @__PURE__ */ j(p, { children: [/* @__PURE__ */ A(h, { children: /* @__PURE__ */ j("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ A(g, { children: "Audit Log" }), /* @__PURE__ */ j("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ j("div", {
+						className: "relative",
+						children: [/* @__PURE__ */ A(l, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ A(_, {
+							placeholder: "Search entries...",
+							value: P,
+							onChange: (e) => F(e.target.value),
+							className: "pl-9 w-[200px]"
+						})]
+					}), /* @__PURE__ */ j(v, {
+						value: I,
+						onValueChange: L,
+						children: [/* @__PURE__ */ j(x, {
+							className: "w-[180px]",
+							children: [/* @__PURE__ */ A(s, { className: "mr-2 h-4 w-4" }), /* @__PURE__ */ A(S, { placeholder: "Module" })]
+						}), /* @__PURE__ */ j(y, { children: [/* @__PURE__ */ A(b, {
+							value: "all",
+							children: "All Modules"
+						}), B.map((e) => /* @__PURE__ */ A(b, {
+							value: e,
+							children: e
+						}, e))] })]
+					})]
+				})]
+			}) }), /* @__PURE__ */ A(m, { children: /* @__PURE__ */ j(C, { children: [/* @__PURE__ */ A(D, { children: /* @__PURE__ */ j(O, { children: [
+				/* @__PURE__ */ A(E, { className: "w-8" }),
+				/* @__PURE__ */ A(E, { children: "Timestamp" }),
+				/* @__PURE__ */ A(E, { children: "User" }),
+				/* @__PURE__ */ A(E, { children: "Action" }),
+				/* @__PURE__ */ A(E, { children: "Module" }),
+				/* @__PURE__ */ A(E, { children: "Entity Type" }),
+				/* @__PURE__ */ A(E, { children: "Entity" }),
+				/* @__PURE__ */ A(E, { children: "IP Address" })
+			] }) }), /* @__PURE__ */ j(w, { children: [V.map((e) => /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ j(O, {
+				className: "cursor-pointer hover:bg-muted/50",
+				onClick: () => z(R === e.id ? null : e.id),
+				children: [
+					/* @__PURE__ */ A(T, { children: e.changes.length > 0 && (R === e.id ? /* @__PURE__ */ A(r, { className: "h-4 w-4 text-muted-foreground" }) : /* @__PURE__ */ A(i, { className: "h-4 w-4 text-muted-foreground" })) }),
+					/* @__PURE__ */ A(T, {
+						className: "text-sm",
+						children: new Date(e.timestamp).toLocaleString()
+					}),
+					/* @__PURE__ */ A(T, {
+						className: "font-medium",
+						children: e.userName
+					}),
+					/* @__PURE__ */ A(T, { children: e.action }),
+					/* @__PURE__ */ A(T, { children: /* @__PURE__ */ A(d, {
+						variant: M[e.module] || "secondary",
+						children: e.module
+					}) }),
+					/* @__PURE__ */ A(T, { children: e.entityType }),
+					/* @__PURE__ */ j(T, { children: [/* @__PURE__ */ A("span", {
+						className: "font-mono text-xs",
+						children: e.entityId
+					}), /* @__PURE__ */ j("span", {
+						className: "ml-1 text-muted-foreground",
+						children: [
+							"(",
+							e.entityName,
+							")"
+						]
+					})] }),
+					/* @__PURE__ */ A(T, {
+						className: "font-mono text-sm",
+						children: e.ipAddress
+					})
+				]
+			}, e.id), R === e.id && e.changes.length > 0 && /* @__PURE__ */ A(O, { children: /* @__PURE__ */ j(T, {
+				colSpan: 8,
+				className: "bg-muted/30 p-4",
+				children: [/* @__PURE__ */ A("p", {
+					className: "text-sm font-medium mb-2",
+					children: "Changes:"
+				}), /* @__PURE__ */ A("div", {
+					className: "space-y-1",
+					children: e.changes.map((e, t) => /* @__PURE__ */ j("div", {
+						className: "flex items-center gap-2 text-sm",
+						children: [
+							/* @__PURE__ */ A("span", {
+								className: "font-medium w-28",
+								children: e.field
+							}),
+							/* @__PURE__ */ A("span", {
+								className: "text-destructive line-through",
+								children: e.oldValue || "(empty)"
+							}),
+							/* @__PURE__ */ A(n, { className: "h-3 w-3 text-muted-foreground" }),
+							/* @__PURE__ */ A("span", {
+								className: "text-green-600",
+								children: e.newValue
+							})
+						]
+					}, t))
+				})]
+			}) }, `${e.id}-changes`)] })), V.length === 0 && /* @__PURE__ */ A(O, { children: /* @__PURE__ */ A(T, {
+				colSpan: 8,
+				className: "text-center text-muted-foreground py-8",
+				children: "No audit entries found."
+			}) })] })] }) })] })
+		]
+	});
+}
+//#endregion
+export { N as AuditTrailPage };
+
+//# sourceMappingURL=AuditTrailPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AuditTrailPage.js","names":[],"sources":["../../../src/assethandler/pages/AuditTrailPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Input,\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  Search,\n  Download,\n  Filter,\n  ClipboardList,\n  Users,\n  Layers,\n  ArrowRight,\n  ChevronDown,\n  ChevronRight,\n} from 'lucide-react';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\n\nconst moduleColors: Record<string, 'default' | 'secondary' | 'destructive' | 'outline'> = {\n  'Asset Management': 'default',\n  ITIL: 'secondary',\n  'User Management': 'outline',\n  Finance: 'secondary',\n  Security: 'destructive',\n};\n\nexport function AuditTrailPage() {\n  const { auditEntries } = useAssetHandlerStore();\n  const [search, setSearch] = useState('');\n  const [moduleFilter, setModuleFilter] = useState('all');\n  const [expandedRow, setExpandedRow] = useState<string | null>(null);\n\n  const modules = [...new Set(auditEntries.map((e) => e.module))];\n\n  const filtered = auditEntries.filter((e) => {\n    if (moduleFilter !== 'all' && e.module !== moduleFilter) return false;\n    if (search) {\n      const q = search.toLowerCase();\n      return (\n        e.action.toLowerCase().includes(q) ||\n        e.entityName.toLowerCase().includes(q) ||\n        e.userName.toLowerCase().includes(q)\n      );\n    }\n    return true;\n  });\n\n  const uniqueModules = [...new Set(auditEntries.map((e) => e.module))].length;\n  const uniqueUsers = [...new Set(auditEntries.map((e) => e.userId))].length;\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-semibold\">Audit Trail</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Complete log of all system actions, changes, and access events.\n          </p>\n        </div>\n        <Button variant=\"outline\" size=\"sm\">\n          <Download className=\"mr-2 h-4 w-4\" />\n          Export Log\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Entries</CardTitle>\n            <ClipboardList className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{auditEntries.length}</div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Modules Covered</CardTitle>\n            <Layers className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{uniqueModules}</div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Active Users</CardTitle>\n            <Users className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{uniqueUsers}</div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Today</CardTitle>\n            <ArrowRight className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">\n              {\n                auditEntries.filter(\n                  (e) => new Date(e.timestamp).toDateString() === new Date().toDateString()\n                ).length\n              }\n            </div>\n            <p className=\"text-xs text-muted-foreground\">Actions today</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <div className=\"flex items-center justify-between\">\n            <CardTitle>Audit Log</CardTitle>\n            <div className=\"flex items-center gap-2\">\n              <div className=\"relative\">\n                <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground\" />\n                <Input\n                  placeholder=\"Search entries...\"\n                  value={search}\n                  onChange={(e) => setSearch(e.target.value)}\n                  className=\"pl-9 w-[200px]\"\n                />\n              </div>\n              <Select value={moduleFilter} onValueChange={setModuleFilter}>\n                <SelectTrigger className=\"w-[180px]\">\n                  <Filter className=\"mr-2 h-4 w-4\" />\n                  <SelectValue placeholder=\"Module\" />\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectItem value=\"all\">All Modules</SelectItem>\n                  {modules.map((m) => (\n                    <SelectItem key={m} value={m}>\n                      {m}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n          </div>\n        </CardHeader>\n        <CardContent>\n          <Table>\n            <TableHeader>\n              <TableRow>\n                <TableHead className=\"w-8\"></TableHead>\n                <TableHead>Timestamp</TableHead>\n                <TableHead>User</TableHead>\n                <TableHead>Action</TableHead>\n                <TableHead>Module</TableHead>\n                <TableHead>Entity Type</TableHead>\n                <TableHead>Entity</TableHead>\n                <TableHead>IP Address</TableHead>\n              </TableRow>\n            </TableHeader>\n            <TableBody>\n              {filtered.map((entry) => (\n                <>\n                  <TableRow\n                    key={entry.id}\n                    className=\"cursor-pointer hover:bg-muted/50\"\n                    onClick={() => setExpandedRow(expandedRow === entry.id ? null : entry.id)}\n                  >\n                    <TableCell>\n                      {entry.changes.length > 0 &&\n                        (expandedRow === entry.id ? (\n                          <ChevronDown className=\"h-4 w-4 text-muted-foreground\" />\n                        ) : (\n                          <ChevronRight className=\"h-4 w-4 text-muted-foreground\" />\n                        ))}\n                    </TableCell>\n                    <TableCell className=\"text-sm\">\n                      {new Date(entry.timestamp).toLocaleString()}\n                    </TableCell>\n                    <TableCell className=\"font-medium\">{entry.userName}</TableCell>\n                    <TableCell>{entry.action}</TableCell>\n                    <TableCell>\n                      <Badge variant={moduleColors[entry.module] || 'secondary'}>\n                        {entry.module}\n                      </Badge>\n                    </TableCell>\n                    <TableCell>{entry.entityType}</TableCell>\n                    <TableCell>\n                      <span className=\"font-mono text-xs\">{entry.entityId}</span>\n                      <span className=\"ml-1 text-muted-foreground\">({entry.entityName})</span>\n                    </TableCell>\n                    <TableCell className=\"font-mono text-sm\">{entry.ipAddress}</TableCell>\n                  </TableRow>\n                  {expandedRow === entry.id && entry.changes.length > 0 && (\n                    <TableRow key={`${entry.id}-changes`}>\n                      <TableCell colSpan={8} className=\"bg-muted/30 p-4\">\n                        <p className=\"text-sm font-medium mb-2\">Changes:</p>\n                        <div className=\"space-y-1\">\n                          {entry.changes.map((change, i) => (\n                            <div key={i} className=\"flex items-center gap-2 text-sm\">\n                              <span className=\"font-medium w-28\">{change.field}</span>\n                              <span className=\"text-destructive line-through\">\n                                {change.oldValue || '(empty)'}\n                              </span>\n                              <ArrowRight className=\"h-3 w-3 text-muted-foreground\" />\n                              <span className=\"text-green-600\">{change.newValue}</span>\n                            </div>\n                          ))}\n                        </div>\n                      </TableCell>\n                    </TableRow>\n                  )}\n                </>\n              ))}\n              {filtered.length === 0 && (\n                <TableRow>\n                  <TableCell colSpan={8} className=\"text-center text-muted-foreground py-8\">\n                    No audit entries found.\n                  </TableCell>\n                </TableRow>\n              )}\n            </TableBody>\n          </Table>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/assethandler/pages/CmdbBrowserPage.d.ts

@@ -0,0 +1,2 @@
+export declare function CmdbBrowserPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CmdbBrowserPage.d.ts.map

package/dist/assethandler/pages/CmdbBrowserPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CmdbBrowserPage.d.ts","sourceRoot":"","sources":["../../../src/assethandler/pages/CmdbBrowserPage.tsx"],"names":[],"mappings":"AAmBA,wBAAgB,eAAe,4CAyD9B"}

package/dist/assethandler/pages/CmdbBrowserPage.js

@@ -0,0 +1,75 @@
+import { Network as e } from "lucide-react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { gql as r } from "@apollo/client";
+import { useQuery as i } from "@apollo/client/react";
+//#region src/assethandler/pages/CmdbBrowserPage.tsx
+var a = r`
+  query AssetHandlerConfigurationItems {
+    configurationItems {
+      id
+      ciNumber
+      name
+      ciType
+      status
+      environment
+      owner
+      updatedAt
+    }
+  }
+`;
+function o() {
+	let { data: r, loading: o } = i(a, { fetchPolicy: "cache-and-network" }), s = r?.configurationItems ?? [];
+	return /* @__PURE__ */ n("div", {
+		className: "space-y-4 p-4",
+		children: [
+			/* @__PURE__ */ n("h1", {
+				className: "flex items-center gap-2 text-2xl font-semibold",
+				children: [/* @__PURE__ */ t(e, { className: "h-6 w-6" }), " CMDB Browser"]
+			}),
+			/* @__PURE__ */ t("p", {
+				className: "text-muted-foreground",
+				children: "Browse configuration items and relationship topology from the CMDB domain."
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "rounded-lg border",
+				children: [
+					/* @__PURE__ */ n("div", {
+						className: "grid grid-cols-5 gap-3 border-b px-4 py-3 text-xs font-semibold uppercase tracking-wide text-muted-foreground",
+						children: [
+							/* @__PURE__ */ t("span", { children: "CI Number" }),
+							/* @__PURE__ */ t("span", { children: "Name" }),
+							/* @__PURE__ */ t("span", { children: "Type" }),
+							/* @__PURE__ */ t("span", { children: "Status" }),
+							/* @__PURE__ */ t("span", { children: "Environment" })
+						]
+					}),
+					o && s.length === 0 ? /* @__PURE__ */ t("div", {
+						className: "px-4 py-4 text-sm text-muted-foreground",
+						children: "Loading configuration items..."
+					}) : null,
+					!o && s.length === 0 ? /* @__PURE__ */ t("div", {
+						className: "px-4 py-4 text-sm text-muted-foreground",
+						children: "No configuration items found."
+					}) : null,
+					s.map((e) => /* @__PURE__ */ n("div", {
+						className: "grid grid-cols-5 gap-3 border-b px-4 py-3 text-sm last:border-b-0",
+						children: [
+							/* @__PURE__ */ t("span", {
+								className: "font-medium",
+								children: e.ciNumber
+							}),
+							/* @__PURE__ */ t("span", { children: e.name }),
+							/* @__PURE__ */ t("span", { children: e.ciType }),
+							/* @__PURE__ */ t("span", { children: e.status }),
+							/* @__PURE__ */ t("span", { children: e.environment ?? "n/a" })
+						]
+					}, e.id))
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { o as CmdbBrowserPage };
+
+//# sourceMappingURL=CmdbBrowserPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CmdbBrowserPage.js","names":[],"sources":["../../../src/assethandler/pages/CmdbBrowserPage.tsx"],"sourcesContent":["import { Network } from 'lucide-react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\n\nconst CONFIGURATION_ITEMS_QUERY = gql`\n  query AssetHandlerConfigurationItems {\n    configurationItems {\n      id\n      ciNumber\n      name\n      ciType\n      status\n      environment\n      owner\n      updatedAt\n    }\n  }\n`;\n\nexport function CmdbBrowserPage() {\n  const { data, loading } = useQuery<{\n    configurationItems: Array<{\n      id: string;\n      ciNumber: string;\n      name: string;\n      ciType: string;\n      status: string;\n      environment: string | null;\n      owner: string | null;\n      updatedAt: string;\n    }>;\n  }>(CONFIGURATION_ITEMS_QUERY, { fetchPolicy: 'cache-and-network' });\n\n  const cis = data?.configurationItems ?? [];\n\n  return (\n    <div className=\"space-y-4 p-4\">\n      <h1 className=\"flex items-center gap-2 text-2xl font-semibold\">\n        <Network className=\"h-6 w-6\" /> CMDB Browser\n      </h1>\n      <p className=\"text-muted-foreground\">\n        Browse configuration items and relationship topology from the CMDB domain.\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-muted-foreground\">\n          <span>CI Number</span>\n          <span>Name</span>\n          <span>Type</span>\n          <span>Status</span>\n          <span>Environment</span>\n        </div>\n        {loading && cis.length === 0 ? (\n          <div className=\"px-4 py-4 text-sm text-muted-foreground\">\n            Loading configuration items...\n          </div>\n        ) : null}\n        {!loading && cis.length === 0 ? (\n          <div className=\"px-4 py-4 text-sm text-muted-foreground\">\n            No configuration items found.\n          </div>\n        ) : null}\n        {cis.map((ci) => (\n          <div\n            key={ci.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\">{ci.ciNumber}</span>\n            <span>{ci.name}</span>\n            <span>{ci.ciType}</span>\n            <span>{ci.status}</span>\n            <span>{ci.environment ?? 'n/a'}</span>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAIA,IAAM,IAA4B,CAAG;;;;;;;;;;;;;;AAerC,SAAgB,IAAkB;CAChC,IAAM,EAAE,SAAM,eAAY,EAWvB,GAA2B,EAAE,aAAa,qBAAqB,CAAC,EAE7D,IAAM,GAAM,sBAAsB,EAAE;AAE1C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,MAAD;IAAI,WAAU;cAAd,CACE,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA,EAAA,gBAC5B;;GACL,kBAAC,KAAD;IAAG,WAAU;cAAwB;IAEjC,CAAA;GACJ,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,QAAD,EAAA,UAAM,aAAgB,CAAA;OACtB,kBAAC,QAAD,EAAA,UAAM,QAAW,CAAA;OACjB,kBAAC,QAAD,EAAA,UAAM,QAAW,CAAA;OACjB,kBAAC,QAAD,EAAA,UAAM,UAAa,CAAA;OACnB,kBAAC,QAAD,EAAA,UAAM,eAAkB,CAAA;OACpB;;KACL,KAAW,EAAI,WAAW,IACzB,kBAAC,OAAD;MAAK,WAAU;gBAA0C;MAEnD,CAAA,GACJ;KACH,CAAC,KAAW,EAAI,WAAW,IAC1B,kBAAC,OAAD;MAAK,WAAU;gBAA0C;MAEnD,CAAA,GACJ;KACH,EAAI,KAAK,MACR,kBAAC,OAAD;MAEE,WAAU;gBAFZ;OAIE,kBAAC,QAAD;QAAM,WAAU;kBAAe,EAAG;QAAgB,CAAA;OAClD,kBAAC,QAAD,EAAA,UAAO,EAAG,MAAY,CAAA;OACtB,kBAAC,QAAD,EAAA,UAAO,EAAG,QAAc,CAAA;OACxB,kBAAC,QAAD,EAAA,UAAO,EAAG,QAAc,CAAA;OACxB,kBAAC,QAAD,EAAA,UAAO,EAAG,eAAe,OAAa,CAAA;OAClC;QARC,EAAG,GAQJ,CACN;KACE;;GACF"}

package/dist/assethandler/pages/DashboardPage.d.ts

@@ -0,0 +1,2 @@
+export declare function DashboardPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DashboardPage.d.ts.map

package/dist/assethandler/pages/DashboardPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardPage.d.ts","sourceRoot":"","sources":["../../../src/assethandler/pages/DashboardPage.tsx"],"names":[],"mappings":"AA6BA,wBAAgB,aAAa,4CA+Z5B"}