npm - @burdenoff/microfe-assethandler - Versions diffs - 2026.625.1 → 2026.625.2 - Mend

@burdenoff/microfe-assethandler 2026.625.1 → 2026.625.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (113) hide show

package/dist/assethandler/pages/UsersUserManagementHubPage.js CHANGED Viewed

@@ -1,9 +1,10 @@
 import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
 import { Activity as t, Download as n, Key as r, Plus as i, Shield as a, Upload as o, UserCheck as s, Users as c } from "lucide-react";
-import { Badge as l, Button as u, CTAOverflowMenu as d, Card as f, CardContent as p, CardHeader as m, CardTitle as h, GlassCard as g, GradientText as _, Table as v, TableBody as y, TableCell as b, TableHead as x, TableHeader as S, TableRow as C, Tabs as w, TabsContent as T, TabsList as E, TabsTrigger as D } from "@burdenoff/fe-libs/ui";
-import { jsx as O, jsxs as k } from "react/jsx-runtime";
+import { useNavigate as l } from "react-router-dom";
+import { Badge as u, Button as d, CTAOverflowMenu as f, Card as p, CardContent as m, CardHeader as h, CardTitle as g, GlassCard as _, GradientText as v, IllustratedEmptyState as y, NextSteps as b, PagePurpose as x, Table as S, TableBody as C, TableCell as w, TableHead as T, TableHeader as E, TableRow as D, Tabs as O, TabsContent as k, TabsList as A, TabsTrigger as j } from "@burdenoff/fe-libs/ui";
+import { jsx as M, jsxs as N } from "react/jsx-runtime";
 //#region src/assethandler/pages/UsersUserManagementHubPage.tsx
-var A = {
+var P = {
 	admin: {
 		description: "Full system access with all permissions",
 		permCount: 11,
@@ -29,7 +30,7 @@ var A = {
 		permCount: 4,
 		color: "bg-action-primary-bg/10 text-action-primary-bg"
 	}
-}, j = [
+}, F = [
 	{
 		module: "Assets",
 		admin: "Full",
@@ -94,138 +95,172 @@ var A = {
 		viewer: "Read",
 		auditor: "Read"
 	}
-], M = Date.now() - 864e5;
-function N() {
-	let { users: N } = e(), P = N.filter((e) => e.status === "active").length, F = N.filter((e) => new Date(e.lastLogin).getTime() > M).length, I = N.reduce((e, t) => (e[t.role] = (e[t.role] || 0) + 1, e), {});
-	return /* @__PURE__ */ k("div", {
+], I = Date.now() - 864e5;
+function L() {
+	let L = l(), { users: R } = e(), z = R.filter((e) => e.status === "active").length, B = R.filter((e) => new Date(e.lastLogin).getTime() > I).length, V = R.reduce((e, t) => (e[t.role] = (e[t.role] || 0) + 1, e), {});
+	return /* @__PURE__ */ N("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ N("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h1", {
+				children: [/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("h1", {
 					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ O(_, { children: "User Management" })
-				}), /* @__PURE__ */ O("p", {
+					children: /* @__PURE__ */ M(v, { children: "User Management" })
+				}), /* @__PURE__ */ M("p", {
 					className: "text-sm text-text-secondary",
 					children: "Manage users, roles, and access permissions across the organization."
-				})] }), /* @__PURE__ */ O(d, {
+				})] }), /* @__PURE__ */ M(f, {
 					primary: {
 						label: "Add User",
 						onSelect: () => {},
-						icon: /* @__PURE__ */ O(i, { className: "h-4 w-4" })
+						icon: /* @__PURE__ */ M(i, { className: "h-4 w-4" })
 					},
 					actions: [{
 						label: "Bulk Import",
 						onSelect: () => {},
-						icon: /* @__PURE__ */ O(o, { className: "h-4 w-4" })
+						icon: /* @__PURE__ */ M(o, { className: "h-4 w-4" })
 					}, {
 						label: "Export",
 						onSelect: () => {},
-						icon: /* @__PURE__ */ O(n, { className: "h-4 w-4" })
+						icon: /* @__PURE__ */ M(n, { className: "h-4 w-4" })
 					}]
 				})]
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ M(x, { children: "Control who can do what across Asset Handler. Add and offboard users, assign roles, and review the permission matrix so people see exactly the assets, reports and actions their job needs — keeping access least-privilege and audit-friendly." }),
+			/* @__PURE__ */ M(b, {
+				storageKey: "assethandler-users-hub",
+				steps: [
+					{
+						id: "add-user",
+						label: "Add a user",
+						description: "Invite a teammate and assign their starting role.",
+						onClick: () => L("/users/user-create")
+					},
+					{
+						id: "directory",
+						label: "Browse the user directory",
+						description: "See everyone, their status and assigned assets.",
+						onClick: () => L("/users")
+					},
+					{
+						id: "audit",
+						label: "Check the audit trail",
+						description: "See who accessed or changed assets recently.",
+						onClick: () => L("/audit-trail")
+					}
+				]
+			}),
+			/* @__PURE__ */ N("div", {
 				className: "grid gap-4 md:grid-cols-4",
 				children: [
-					/* @__PURE__ */ k(g, {
-						treatment: "metric",
+					/* @__PURE__ */ N(_, {
+						treatment: "glass",
+						glow: !0,
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ k(m, {
+						children: [/* @__PURE__ */ N(h, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ O(h, {
+							children: [/* @__PURE__ */ M(g, {
 								className: "text-sm font-medium",
 								children: "Total Users"
-							}), /* @__PURE__ */ O(c, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ O(p, { children: /* @__PURE__ */ O("div", {
+							}), /* @__PURE__ */ M(c, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ M(m, { children: /* @__PURE__ */ M("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: N.length
+							children: R.length
 						}) })]
 					}),
-					/* @__PURE__ */ k(g, {
+					/* @__PURE__ */ N(_, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ k(m, {
+						children: [/* @__PURE__ */ N(h, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ O(h, {
+							children: [/* @__PURE__ */ M(g, {
 								className: "text-sm font-medium",
 								children: "Active"
-							}), /* @__PURE__ */ O(s, { className: "h-4 w-4 text-status-success-text" })]
-						}), /* @__PURE__ */ k(p, { children: [/* @__PURE__ */ O("div", {
+							}), /* @__PURE__ */ M(s, { className: "h-4 w-4 text-status-success-text" })]
+						}), /* @__PURE__ */ N(m, { children: [/* @__PURE__ */ M("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: P
-						}), /* @__PURE__ */ k("p", {
+							children: z
+						}), /* @__PURE__ */ N("p", {
 							className: "text-xs text-text-secondary",
-							children: [Math.round(P / N.length * 100), "% of total"]
+							children: [Math.round(z / R.length * 100), "% of total"]
 						})] })]
 					}),
-					/* @__PURE__ */ k(g, {
+					/* @__PURE__ */ N(_, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ k(m, {
+						children: [/* @__PURE__ */ N(h, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ O(h, {
+							children: [/* @__PURE__ */ M(g, {
 								className: "text-sm font-medium",
 								children: "Roles Defined"
-							}), /* @__PURE__ */ O(a, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ O(p, { children: /* @__PURE__ */ O("div", {
+							}), /* @__PURE__ */ M(a, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ M(m, { children: /* @__PURE__ */ M("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: Object.keys(A).length
+							children: Object.keys(P).length
 						}) })]
 					}),
-					/* @__PURE__ */ k(g, {
+					/* @__PURE__ */ N(_, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ k(m, {
+						children: [/* @__PURE__ */ N(h, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ O(h, {
+							children: [/* @__PURE__ */ M(g, {
 								className: "text-sm font-medium",
 								children: "Recent Activity"
-							}), /* @__PURE__ */ O(t, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ k(p, { children: [/* @__PURE__ */ O("div", {
+							}), /* @__PURE__ */ M(t, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ N(m, { children: [/* @__PURE__ */ M("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: F
-						}), /* @__PURE__ */ O("p", {
+							children: B
+						}), /* @__PURE__ */ M("p", {
 							className: "text-xs text-text-secondary",
 							children: "Logged in last 24h"
 						})] })]
 					})
 				]
 			}),
-			/* @__PURE__ */ k(w, {
+			/* @__PURE__ */ N(O, {
 				defaultValue: "users",
 				children: [
-					/* @__PURE__ */ k(E, { children: [
-						/* @__PURE__ */ O(D, {
+					/* @__PURE__ */ N(A, { children: [
+						/* @__PURE__ */ M(j, {
 							value: "users",
 							children: "Users"
 						}),
-						/* @__PURE__ */ O(D, {
+						/* @__PURE__ */ M(j, {
 							value: "roles",
 							children: "Roles"
 						}),
-						/* @__PURE__ */ O(D, {
+						/* @__PURE__ */ M(j, {
 							value: "permissions",
 							children: "Permissions Matrix"
 						})
 					] }),
-					/* @__PURE__ */ O(T, {
+					/* @__PURE__ */ M(k, {
 						value: "users",
 						className: "mt-4",
-						children: /* @__PURE__ */ O(f, { children: /* @__PURE__ */ O(p, {
+						children: R.length === 0 ? /* @__PURE__ */ M(y, {
+							illustration: "empty-people",
+							title: "No users yet",
+							description: "Add your first user to start managing access to Asset Handler.",
+							action: /* @__PURE__ */ N(d, {
+								size: "sm",
+								onClick: () => L("/users/user-create"),
+								children: [/* @__PURE__ */ M(i, { className: "mr-2 h-4 w-4" }), "Add User"]
+							})
+						}) : /* @__PURE__ */ M(p, { children: /* @__PURE__ */ M(m, {
 							className: "pt-6",
-							children: /* @__PURE__ */ k(v, { children: [/* @__PURE__ */ O(S, { children: /* @__PURE__ */ k(C, { children: [
-								/* @__PURE__ */ O(x, { children: "Name" }),
-								/* @__PURE__ */ O(x, { children: "Email" }),
-								/* @__PURE__ */ O(x, { children: "Role" }),
-								/* @__PURE__ */ O(x, { children: "Department" }),
-								/* @__PURE__ */ O(x, { children: "Status" }),
-								/* @__PURE__ */ O(x, {
+							children: /* @__PURE__ */ N(S, { children: [/* @__PURE__ */ M(E, { children: /* @__PURE__ */ N(D, { children: [
+								/* @__PURE__ */ M(T, { children: "Name" }),
+								/* @__PURE__ */ M(T, { children: "Email" }),
+								/* @__PURE__ */ M(T, { children: "Role" }),
+								/* @__PURE__ */ M(T, { children: "Department" }),
+								/* @__PURE__ */ M(T, { children: "Status" }),
+								/* @__PURE__ */ M(T, {
 									className: "text-right",
 									children: "Assets"
 								})
-							] }) }), /* @__PURE__ */ O(y, { children: N.map((e) => /* @__PURE__ */ k(C, { children: [
-								/* @__PURE__ */ k(b, {
+							] }) }), /* @__PURE__ */ M(C, { children: R.map((e) => /* @__PURE__ */ N(D, { children: [
+								/* @__PURE__ */ N(w, {
 									className: "font-medium",
 									children: [
 										e.firstName,
@@ -233,49 +268,49 @@ function N() {
 										e.lastName
 									]
 								}),
-								/* @__PURE__ */ O(b, { children: e.email }),
-								/* @__PURE__ */ O(b, { children: /* @__PURE__ */ O(l, {
+								/* @__PURE__ */ M(w, { children: e.email }),
+								/* @__PURE__ */ M(w, { children: /* @__PURE__ */ M(u, {
 									variant: e.role === "admin" ? "destructive" : "secondary",
 									children: e.role
 								}) }),
-								/* @__PURE__ */ O(b, { children: e.department }),
-								/* @__PURE__ */ O(b, { children: /* @__PURE__ */ O(l, {
+								/* @__PURE__ */ M(w, { children: e.department }),
+								/* @__PURE__ */ M(w, { children: /* @__PURE__ */ M(u, {
 									variant: e.status === "active" ? "default" : "outline",
 									children: e.status
 								}) }),
-								/* @__PURE__ */ O(b, {
+								/* @__PURE__ */ M(w, {
 									className: "text-right",
 									children: e.assetsAssigned
 								})
 							] }, e.id)) })] })
 						}) })
 					}),
-					/* @__PURE__ */ O(T, {
+					/* @__PURE__ */ M(k, {
 						value: "roles",
 						className: "mt-4",
-						children: /* @__PURE__ */ O("div", {
+						children: /* @__PURE__ */ M("div", {
 							className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-							children: Object.entries(A).map(([e, t]) => /* @__PURE__ */ k(f, { children: [/* @__PURE__ */ O(m, { children: /* @__PURE__ */ k("div", {
+							children: Object.entries(P).map(([e, t]) => /* @__PURE__ */ N(p, { children: [/* @__PURE__ */ M(h, { children: /* @__PURE__ */ N("div", {
 								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ O(h, {
+								children: [/* @__PURE__ */ M(g, {
 									className: "text-lg capitalize",
 									children: e
-								}), /* @__PURE__ */ k(l, {
+								}), /* @__PURE__ */ N(u, {
 									variant: "outline",
-									children: [I[e] || 0, " users"]
+									children: [V[e] || 0, " users"]
 								})]
-							}) }), /* @__PURE__ */ k(p, {
+							}) }), /* @__PURE__ */ N(m, {
 								className: "space-y-3",
 								children: [
-									/* @__PURE__ */ O("p", {
+									/* @__PURE__ */ M("p", {
 										className: "text-sm text-text-secondary",
 										children: t.description
 									}),
-									/* @__PURE__ */ k("div", {
+									/* @__PURE__ */ N("div", {
 										className: "flex items-center gap-2 text-sm",
-										children: [/* @__PURE__ */ O(r, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ k("span", { children: [t.permCount, " permissions"] })]
+										children: [/* @__PURE__ */ M(r, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ N("span", { children: [t.permCount, " permissions"] })]
 									}),
-									/* @__PURE__ */ O(u, {
+									/* @__PURE__ */ M(d, {
 										variant: "outline",
 										size: "sm",
 										className: "w-full",
@@ -285,42 +320,42 @@ function N() {
 							})] }, e))
 						})
 					}),
-					/* @__PURE__ */ O(T, {
+					/* @__PURE__ */ M(k, {
 						value: "permissions",
 						className: "mt-4",
-						children: /* @__PURE__ */ k(f, { children: [/* @__PURE__ */ O(m, { children: /* @__PURE__ */ O(h, { children: "Permission Matrix" }) }), /* @__PURE__ */ O(p, { children: /* @__PURE__ */ k(v, { children: [/* @__PURE__ */ O(S, { children: /* @__PURE__ */ k(C, { children: [
-							/* @__PURE__ */ O(x, { children: "Module" }),
-							/* @__PURE__ */ O(x, { children: "Admin" }),
-							/* @__PURE__ */ O(x, { children: "Manager" }),
-							/* @__PURE__ */ O(x, { children: "Technician" }),
-							/* @__PURE__ */ O(x, { children: "Viewer" }),
-							/* @__PURE__ */ O(x, { children: "Auditor" })
-						] }) }), /* @__PURE__ */ O(y, { children: j.map((e) => /* @__PURE__ */ k(C, { children: [
-							/* @__PURE__ */ O(b, {
+						children: /* @__PURE__ */ N(p, { children: [/* @__PURE__ */ M(h, { children: /* @__PURE__ */ M(g, { children: "Permission Matrix" }) }), /* @__PURE__ */ M(m, { children: /* @__PURE__ */ N(S, { children: [/* @__PURE__ */ M(E, { children: /* @__PURE__ */ N(D, { children: [
+							/* @__PURE__ */ M(T, { children: "Module" }),
+							/* @__PURE__ */ M(T, { children: "Admin" }),
+							/* @__PURE__ */ M(T, { children: "Manager" }),
+							/* @__PURE__ */ M(T, { children: "Technician" }),
+							/* @__PURE__ */ M(T, { children: "Viewer" }),
+							/* @__PURE__ */ M(T, { children: "Auditor" })
+						] }) }), /* @__PURE__ */ M(C, { children: F.map((e) => /* @__PURE__ */ N(D, { children: [
+							/* @__PURE__ */ M(w, {
 								className: "font-medium",
 								children: e.module
 							}),
-							/* @__PURE__ */ O(b, { children: /* @__PURE__ */ O(l, {
+							/* @__PURE__ */ M(w, { children: /* @__PURE__ */ M(u, {
 								variant: e.admin === "Full" ? "default" : "outline",
 								className: "text-xs",
 								children: e.admin
 							}) }),
-							/* @__PURE__ */ O(b, { children: /* @__PURE__ */ O(l, {
+							/* @__PURE__ */ M(w, { children: /* @__PURE__ */ M(u, {
 								variant: e.manager === "Full" ? "default" : e.manager === "—" ? "outline" : "secondary",
 								className: "text-xs",
 								children: e.manager
 							}) }),
-							/* @__PURE__ */ O(b, { children: /* @__PURE__ */ O(l, {
+							/* @__PURE__ */ M(w, { children: /* @__PURE__ */ M(u, {
 								variant: e.technician === "Full" ? "default" : e.technician === "—" ? "outline" : "secondary",
 								className: "text-xs",
 								children: e.technician
 							}) }),
-							/* @__PURE__ */ O(b, { children: /* @__PURE__ */ O(l, {
+							/* @__PURE__ */ M(w, { children: /* @__PURE__ */ M(u, {
 								variant: e.viewer === "—" ? "outline" : "secondary",
 								className: "text-xs",
 								children: e.viewer
 							}) }),
-							/* @__PURE__ */ O(b, { children: /* @__PURE__ */ O(l, {
+							/* @__PURE__ */ M(w, { children: /* @__PURE__ */ M(u, {
 								variant: e.auditor === "Full" ? "default" : e.auditor === "—" ? "outline" : "secondary",
 								className: "text-xs",
 								children: e.auditor
@@ -333,6 +368,6 @@ function N() {
 	});
 }
 //#endregion
-export { N as UsersUserManagementHubPage };
+export { L as UsersUserManagementHubPage };
 //# sourceMappingURL=UsersUserManagementHubPage.js.map

package/dist/assethandler/pages/UsersUserManagementHubPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UsersUserManagementHubPage.js","names":[],"sources":["../../../src/assethandler/pages/UsersUserManagementHubPage.tsx"],"sourcesContent":["import {\n Badge,\n Button,\n Card,\n CardContent,\n CardHeader,\n CardTitle,\n Tabs,\n TabsContent,\n TabsList,\n TabsTrigger,\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableHeader,\n TableRow,\n GradientText,\n GlassCard,\n CTAOverflowMenu,\n} from '@burdenoff/fe-libs/ui';\nimport { Users, UserCheck, Shield, Upload, Download, Plus, Activity, Key } from 'lucide-react';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\n\nconst roleDescriptions: Record<string, { description: string; permCount: number; color: string }> =\n {\n admin: {\n description: 'Full system access with all permissions',\n permCount: 11,\n color: 'bg-status-error-bg-subtle text-status-error-text',\n },\n manager: {\n description: 'Department-level management and reporting',\n permCount: 6,\n color: 'bg-status-info-bg-subtle text-status-info-text',\n },\n technician: {\n description: 'Asset maintenance and operational tasks',\n permCount: 4,\n color: 'bg-status-success-bg-subtle text-status-success-text',\n },\n viewer: {\n description: 'Read-only access to assets and reports',\n permCount: 2,\n color: 'bg-bg-sunken text-text-secondary',\n },\n auditor: {\n description: 'Audit trail access and compliance reporting',\n permCount: 4,\n color: 'bg-action-primary-bg/10 text-action-primary-bg',\n },\n };\n\nconst permissionMatrix = [\n {\n module: 'Assets',\n admin: 'Full',\n manager: 'Full',\n technician: 'Read/Update',\n viewer: 'Read',\n auditor: 'Read',\n },\n { module: 'Users', admin: 'Full', manager: 'Read', technician: '—', viewer: '—', auditor: '—' },\n {\n module: 'Reports',\n admin: 'Full',\n manager: 'Read',\n technician: '—',\n viewer: 'Read',\n auditor: 'Full',\n },\n {\n module: 'Maintenance',\n admin: 'Full',\n manager: 'Full',\n technician: 'Full',\n viewer: '—',\n auditor: '—',\n },\n { module: 'Audit', admin: 'Full', manager: '—', technician: '—', viewer: '—', auditor: 'Full' },\n {\n module: 'Compliance',\n admin: 'Full',\n manager: 'Read',\n technician: '—',\n viewer: '—',\n auditor: 'Full',\n },\n { module: 'Settings', admin: 'Full', manager: '—', technician: '—', viewer: '—', auditor: '—' },\n {\n module: 'Finance',\n admin: 'Full',\n manager: 'Full',\n technician: '—',\n viewer: 'Read',\n auditor: 'Read',\n },\n];\n\nconst RECENT_LOGIN_CUTOFF = Date.now() - 86400000;\n\nexport function UsersUserManagementHubPage() {\n const { users } = useAssetHandlerStore();\n\n const activeUsers = users.filter((u) => u.status === 'active').length;\n const recentActivityCount = users.filter(\n (u) => new Date(u.lastLogin).getTime() > RECENT_LOGIN_CUTOFF\n ).length;\n const roleCounts = users.reduce<Record<string, number>>((acc, u) => {\n acc[u.role] = (acc[u.role] \|\| 0) + 1;\n return acc;\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-semibold\">\n <GradientText>User Management</GradientText>\n </h1>\n <p className=\"text-sm text-text-secondary\">\n Manage users, roles, and access permissions across the organization.\n </p>\n </div>\n <CTAOverflowMenu\n primary={{ label: 'Add User', onSelect: () => {}, icon: <Plus className=\"h-4 w-4\" /> }}\n actions={[\n { label: 'Bulk Import', onSelect: () => {}, icon: <Upload className=\"h-4 w-4\" /> },\n { label: 'Export', onSelect: () => {}, icon: <Download className=\"h-4 w-4\" /> },\n ]}\n />\n </div>\n\n <div className=\"grid gap-4 md:grid-cols-4\">\n <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">Total Users</CardTitle>\n <Users className=\"h-4 w-4 text-text-secondary\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold tabular-nums\">{users.length}</div>\n </CardContent>\n </GlassCard>\n <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">Active</CardTitle>\n <UserCheck className=\"h-4 w-4 text-status-success-text\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold tabular-nums\">{activeUsers}</div>\n <p className=\"text-xs text-text-secondary\">\n {Math.round((activeUsers / users.length) * 100)}% of total\n </p>\n </CardContent>\n </GlassCard>\n <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">Roles Defined</CardTitle>\n <Shield className=\"h-4 w-4 text-text-secondary\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold tabular-nums\">\n {Object.keys(roleDescriptions).length}\n </div>\n </CardContent>\n </GlassCard>\n <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">Recent Activity</CardTitle>\n <Activity className=\"h-4 w-4 text-text-secondary\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold tabular-nums\">{recentActivityCount}</div>\n <p className=\"text-xs text-text-secondary\">Logged in last 24h</p>\n </CardContent>\n </GlassCard>\n </div>\n\n <Tabs defaultValue=\"users\">\n <TabsList>\n <TabsTrigger value=\"users\">Users</TabsTrigger>\n <TabsTrigger value=\"roles\">Roles</TabsTrigger>\n <TabsTrigger value=\"permissions\">Permissions Matrix</TabsTrigger>\n </TabsList>\n\n <TabsContent value=\"users\" className=\"mt-4\">\n <Card>\n <CardContent className=\"pt-6\">\n <Table>\n <TableHeader>\n <TableRow>\n <TableHead>Name</TableHead>\n <TableHead>Email</TableHead>\n <TableHead>Role</TableHead>\n <TableHead>Department</TableHead>\n <TableHead>Status</TableHead>\n <TableHead className=\"text-right\">Assets</TableHead>\n </TableRow>\n </TableHeader>\n <TableBody>\n {users.map((user) => (\n <TableRow key={user.id}>\n <TableCell className=\"font-medium\">\n {user.firstName} {user.lastName}\n </TableCell>\n <TableCell>{user.email}</TableCell>\n <TableCell>\n <Badge variant={user.role === 'admin' ? 'destructive' : 'secondary'}>\n {user.role}\n </Badge>\n </TableCell>\n <TableCell>{user.department}</TableCell>\n <TableCell>\n <Badge variant={user.status === 'active' ? 'default' : 'outline'}>\n {user.status}\n </Badge>\n </TableCell>\n <TableCell className=\"text-right\">{user.assetsAssigned}</TableCell>\n </TableRow>\n ))}\n </TableBody>\n </Table>\n </CardContent>\n </Card>\n </TabsContent>\n\n <TabsContent value=\"roles\" className=\"mt-4\">\n <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n {Object.entries(roleDescriptions).map(([role, info]) => (\n <Card key={role}>\n <CardHeader>\n <div className=\"flex items-center justify-between\">\n <CardTitle className=\"text-lg capitalize\">{role}</CardTitle>\n <Badge variant=\"outline\">{roleCounts[role] \|\| 0} users</Badge>\n </div>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n <p className=\"text-sm text-text-secondary\">{info.description}</p>\n <div className=\"flex items-center gap-2 text-sm\">\n <Key className=\"h-4 w-4 text-text-secondary\" />\n <span>{info.permCount} permissions</span>\n </div>\n <Button variant=\"outline\" size=\"sm\" className=\"w-full\">\n Edit Role\n </Button>\n </CardContent>\n </Card>\n ))}\n </div>\n </TabsContent>\n\n <TabsContent value=\"permissions\" className=\"mt-4\">\n <Card>\n <CardHeader>\n <CardTitle>Permission Matrix</CardTitle>\n </CardHeader>\n <CardContent>\n <Table>\n <TableHeader>\n <TableRow>\n <TableHead>Module</TableHead>\n <TableHead>Admin</TableHead>\n <TableHead>Manager</TableHead>\n <TableHead>Technician</TableHead>\n <TableHead>Viewer</TableHead>\n <TableHead>Auditor</TableHead>\n </TableRow>\n </TableHeader>\n <TableBody>\n {permissionMatrix.map((row) => (\n <TableRow key={row.module}>\n <TableCell className=\"font-medium\">{row.module}</TableCell>\n <TableCell>\n <Badge\n variant={row.admin === 'Full' ? 'default' : 'outline'}\n className=\"text-xs\"\n >\n {row.admin}\n </Badge>\n </TableCell>\n <TableCell>\n <Badge\n variant={\n row.manager === 'Full'\n ? 'default'\n : row.manager === '—'\n ? 'outline'\n : 'secondary'\n }\n className=\"text-xs\"\n >\n {row.manager}\n </Badge>\n </TableCell>\n <TableCell>\n <Badge\n variant={\n row.technician === 'Full'\n ? 'default'\n : row.technician === '—'\n ? 'outline'\n : 'secondary'\n }\n className=\"text-xs\"\n >\n {row.technician}\n </Badge>\n </TableCell>\n <TableCell>\n <Badge\n variant={row.viewer === '—' ? 'outline' : 'secondary'}\n className=\"text-xs\"\n >\n {row.viewer}\n </Badge>\n </TableCell>\n <TableCell>\n <Badge\n variant={\n row.auditor === 'Full'\n ? 'default'\n : row.auditor === '—'\n ? 'outline'\n : 'secondary'\n }\n className=\"text-xs\"\n >\n {row.auditor}\n </Badge>\n </TableCell>\n </TableRow>\n ))}\n </TableBody>\n </Table>\n </CardContent>\n </Card>\n </TabsContent>\n </Tabs>\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"UsersUserManagementHubPage.js","names":[],"sources":["../../../src/assethandler/pages/UsersUserManagementHubPage.tsx"],"sourcesContent":["import {\n Badge,\n Button,\n Card,\n CardContent,\n CardHeader,\n CardTitle,\n Tabs,\n TabsContent,\n TabsList,\n TabsTrigger,\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableHeader,\n TableRow,\n GradientText,\n GlassCard,\n CTAOverflowMenu,\n PagePurpose,\n NextSteps,\n IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\nimport { Users, UserCheck, Shield, Upload, Download, Plus, Activity, Key } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\n\nconst roleDescriptions: Record<string, { description: string; permCount: number; color: string }> =\n {\n admin: {\n description: 'Full system access with all permissions',\n permCount: 11,\n color: 'bg-status-error-bg-subtle text-status-error-text',\n },\n manager: {\n description: 'Department-level management and reporting',\n permCount: 6,\n color: 'bg-status-info-bg-subtle text-status-info-text',\n },\n technician: {\n description: 'Asset maintenance and operational tasks',\n permCount: 4,\n color: 'bg-status-success-bg-subtle text-status-success-text',\n },\n viewer: {\n description: 'Read-only access to assets and reports',\n permCount: 2,\n color: 'bg-bg-sunken text-text-secondary',\n },\n auditor: {\n description: 'Audit trail access and compliance reporting',\n permCount: 4,\n color: 'bg-action-primary-bg/10 text-action-primary-bg',\n },\n };\n\nconst permissionMatrix = [\n {\n module: 'Assets',\n admin: 'Full',\n manager: 'Full',\n technician: 'Read/Update',\n viewer: 'Read',\n auditor: 'Read',\n },\n { module: 'Users', admin: 'Full', manager: 'Read', technician: '—', viewer: '—', auditor: '—' },\n {\n module: 'Reports',\n admin: 'Full',\n manager: 'Read',\n technician: '—',\n viewer: 'Read',\n auditor: 'Full',\n },\n {\n module: 'Maintenance',\n admin: 'Full',\n manager: 'Full',\n technician: 'Full',\n viewer: '—',\n auditor: '—',\n },\n { module: 'Audit', admin: 'Full', manager: '—', technician: '—', viewer: '—', auditor: 'Full' },\n {\n module: 'Compliance',\n admin: 'Full',\n manager: 'Read',\n technician: '—',\n viewer: '—',\n auditor: 'Full',\n },\n { module: 'Settings', admin: 'Full', manager: '—', technician: '—', viewer: '—', auditor: '—' },\n {\n module: 'Finance',\n admin: 'Full',\n manager: 'Full',\n technician: '—',\n viewer: 'Read',\n auditor: 'Read',\n },\n];\n\nconst RECENT_LOGIN_CUTOFF = Date.now() - 86400000;\n\nexport function UsersUserManagementHubPage() {\n const navigate = useNavigate();\n const { users } = useAssetHandlerStore();\n\n const activeUsers = users.filter((u) => u.status === 'active').length;\n const recentActivityCount = users.filter(\n (u) => new Date(u.lastLogin).getTime() > RECENT_LOGIN_CUTOFF\n ).length;\n const roleCounts = users.reduce<Record<string, number>>((acc, u) => {\n acc[u.role] = (acc[u.role] \|\| 0) + 1;\n return acc;\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-semibold\">\n <GradientText>User Management</GradientText>\n </h1>\n <p className=\"text-sm text-text-secondary\">\n Manage users, roles, and access permissions across the organization.\n </p>\n </div>\n <CTAOverflowMenu\n primary={{ label: 'Add User', onSelect: () => {}, icon: <Plus className=\"h-4 w-4\" /> }}\n actions={[\n { label: 'Bulk Import', onSelect: () => {}, icon: <Upload className=\"h-4 w-4\" /> },\n { label: 'Export', onSelect: () => {}, icon: <Download className=\"h-4 w-4\" /> },\n ]}\n />\n </div>\n\n <PagePurpose>\n Control who can do what across Asset Handler. Add and offboard users, assign roles, and\n review the permission matrix so people see exactly the assets, reports and actions their job\n needs — keeping access least-privilege and audit-friendly.\n </PagePurpose>\n\n <NextSteps\n storageKey=\"assethandler-users-hub\"\n steps={[\n {\n id: 'add-user',\n label: 'Add a user',\n description: 'Invite a teammate and assign their starting role.',\n onClick: () => navigate('/users/user-create'),\n },\n {\n id: 'directory',\n label: 'Browse the user directory',\n description: 'See everyone, their status and assigned assets.',\n onClick: () => navigate('/users'),\n },\n {\n id: 'audit',\n label: 'Check the audit trail',\n description: 'See who accessed or changed assets recently.',\n onClick: () => navigate('/audit-trail'),\n },\n ]}\n />\n\n <div className=\"grid gap-4 md:grid-cols-4\">\n <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">Total Users</CardTitle>\n <Users className=\"h-4 w-4 text-text-secondary\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold tabular-nums\">{users.length}</div>\n </CardContent>\n </GlassCard>\n <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">Active</CardTitle>\n <UserCheck className=\"h-4 w-4 text-status-success-text\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold tabular-nums\">{activeUsers}</div>\n <p className=\"text-xs text-text-secondary\">\n {Math.round((activeUsers / users.length) * 100)}% of total\n </p>\n </CardContent>\n </GlassCard>\n <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">Roles Defined</CardTitle>\n <Shield className=\"h-4 w-4 text-text-secondary\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold tabular-nums\">\n {Object.keys(roleDescriptions).length}\n </div>\n </CardContent>\n </GlassCard>\n <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">Recent Activity</CardTitle>\n <Activity className=\"h-4 w-4 text-text-secondary\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold tabular-nums\">{recentActivityCount}</div>\n <p className=\"text-xs text-text-secondary\">Logged in last 24h</p>\n </CardContent>\n </GlassCard>\n </div>\n\n <Tabs defaultValue=\"users\">\n <TabsList>\n <TabsTrigger value=\"users\">Users</TabsTrigger>\n <TabsTrigger value=\"roles\">Roles</TabsTrigger>\n <TabsTrigger value=\"permissions\">Permissions Matrix</TabsTrigger>\n </TabsList>\n\n <TabsContent value=\"users\" className=\"mt-4\">\n {users.length === 0 ? (\n <IllustratedEmptyState\n illustration=\"empty-people\"\n title=\"No users yet\"\n description=\"Add your first user to start managing access to Asset Handler.\"\n action={\n <Button size=\"sm\" onClick={() => navigate('/users/user-create')}>\n <Plus className=\"mr-2 h-4 w-4\" />\n Add User\n </Button>\n }\n />\n ) : (\n <Card>\n <CardContent className=\"pt-6\">\n <Table>\n <TableHeader>\n <TableRow>\n <TableHead>Name</TableHead>\n <TableHead>Email</TableHead>\n <TableHead>Role</TableHead>\n <TableHead>Department</TableHead>\n <TableHead>Status</TableHead>\n <TableHead className=\"text-right\">Assets</TableHead>\n </TableRow>\n </TableHeader>\n <TableBody>\n {users.map((user) => (\n <TableRow key={user.id}>\n <TableCell className=\"font-medium\">\n {user.firstName} {user.lastName}\n </TableCell>\n <TableCell>{user.email}</TableCell>\n <TableCell>\n <Badge variant={user.role === 'admin' ? 'destructive' : 'secondary'}>\n {user.role}\n </Badge>\n </TableCell>\n <TableCell>{user.department}</TableCell>\n <TableCell>\n <Badge variant={user.status === 'active' ? 'default' : 'outline'}>\n {user.status}\n </Badge>\n </TableCell>\n <TableCell className=\"text-right\">{user.assetsAssigned}</TableCell>\n </TableRow>\n ))}\n </TableBody>\n </Table>\n </CardContent>\n </Card>\n )}\n </TabsContent>\n\n <TabsContent value=\"roles\" className=\"mt-4\">\n <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n {Object.entries(roleDescriptions).map(([role, info]) => (\n <Card key={role}>\n <CardHeader>\n <div className=\"flex items-center justify-between\">\n <CardTitle className=\"text-lg capitalize\">{role}</CardTitle>\n <Badge variant=\"outline\">{roleCounts[role] \|\| 0} users</Badge>\n </div>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n <p className=\"text-sm text-text-secondary\">{info.description}</p>\n <div className=\"flex items-center gap-2 text-sm\">\n <Key className=\"h-4 w-4 text-text-secondary\" />\n <span>{info.permCount} permissions</span>\n </div>\n <Button variant=\"outline\" size=\"sm\" className=\"w-full\">\n Edit Role\n </Button>\n </CardContent>\n </Card>\n ))}\n </div>\n </TabsContent>\n\n <TabsContent value=\"permissions\" className=\"mt-4\">\n <Card>\n <CardHeader>\n <CardTitle>Permission Matrix</CardTitle>\n </CardHeader>\n <CardContent>\n <Table>\n <TableHeader>\n <TableRow>\n <TableHead>Module</TableHead>\n <TableHead>Admin</TableHead>\n <TableHead>Manager</TableHead>\n <TableHead>Technician</TableHead>\n <TableHead>Viewer</TableHead>\n <TableHead>Auditor</TableHead>\n </TableRow>\n </TableHeader>\n <TableBody>\n {permissionMatrix.map((row) => (\n <TableRow key={row.module}>\n <TableCell className=\"font-medium\">{row.module}</TableCell>\n <TableCell>\n <Badge\n variant={row.admin === 'Full' ? 'default' : 'outline'}\n className=\"text-xs\"\n >\n {row.admin}\n </Badge>\n </TableCell>\n <TableCell>\n <Badge\n variant={\n row.manager === 'Full'\n ? 'default'\n : row.manager === '—'\n ? 'outline'\n : 'secondary'\n }\n className=\"text-xs\"\n >\n {row.manager}\n </Badge>\n </TableCell>\n <TableCell>\n <Badge\n variant={\n row.technician === 'Full'\n ? 'default'\n : row.technician === '—'\n ? 'outline'\n : 'secondary'\n }\n className=\"text-xs\"\n >\n {row.technician}\n </Badge>\n </TableCell>\n <TableCell>\n <Badge\n variant={row.viewer === '—' ? 'outline' : 'secondary'}\n className=\"text-xs\"\n >\n {row.viewer}\n </Badge>\n </TableCell>\n <TableCell>\n <Badge\n variant={\n row.auditor === 'Full'\n ? 'default'\n : row.auditor === '—'\n ? 'outline'\n : 'secondary'\n }\n className=\"text-xs\"\n >\n {row.auditor}\n </Badge>\n </TableCell>\n </TableRow>\n ))}\n </TableBody>\n </Table>\n </CardContent>\n </Card>\n </TabsContent>\n </Tabs>\n </div>\n );\n}\n"],"mappings":"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"}