@burdenoff/microfe-assethandler 2026.625.1 → 2026.625.2

package/dist/assethandler/pages/UsersPage.js

@@ -2,167 +2,171 @@ import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
 import { tWithFallback as t } from "../utils/i18n.js";
 import { useState as n } from "react";
 import { Building as r, Filter as i, Plus as a, Search as o, Shield as s, UserCheck as c, Users as l } from "lucide-react";
-import { Badge as u, Button as d, Card as f, CardContent as p, CardHeader as m, CardTitle as h, GlassCard as g, GradientText as _, Input as v, Select as y, SelectContent as b, SelectItem as x, SelectTrigger as S, SelectValue as C, Table as w, TableBody as T, TableCell as E, TableHead as D, TableHeader as O, TableRow as k } from "@burdenoff/fe-libs/ui";
-import { useI18n as A } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as j, jsxs as M } from "react/jsx-runtime";
+import { useNavigate as u } from "react-router-dom";
+import { Badge as d, Button as f, Card as p, CardContent as m, CardHeader as h, CardTitle as g, GlassCard as _, GradientText as v, IllustratedEmptyState as y, Input as b, PagePurpose as x, Select as S, SelectContent as C, SelectItem as w, SelectTrigger as T, SelectValue as E, Table as D, TableBody as O, TableCell as k, TableHead as A, TableHeader as j, TableRow as M } from "@burdenoff/fe-libs/ui";
+import { useI18n as N } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as P, jsxs as F } from "react/jsx-runtime";
 //#region src/assethandler/pages/UsersPage.tsx
-var N = {
+var I = {
 	admin: "destructive",
 	manager: "default",
 	technician: "secondary",
 	viewer: "outline",
 	auditor: "secondary"
-}, P = {
+}, L = {
 	active: "default",
 	inactive: "secondary",
 	suspended: "destructive",
 	pending: "outline"
 };
-function F() {
-	let { t: F } = A(), { users: I } = e(), [L, R] = n(""), [z, B] = n("all"), V = I.filter((e) => {
-		if (z !== "all" && e.role !== z) return !1;
-		if (L) {
-			let t = L.toLowerCase();
+function R() {
+	let { t: R } = N(), z = u(), { users: B } = e(), [V, H] = n(""), [U, W] = n("all"), G = B.filter((e) => {
+		if (U !== "all" && e.role !== U) return !1;
+		if (V) {
+			let t = V.toLowerCase();
 			return e.firstName.toLowerCase().includes(t) || e.lastName.toLowerCase().includes(t) || e.email.toLowerCase().includes(t);
 		}
 		return !0;
-	}), H = I.filter((e) => e.status === "active").length, U = I.filter((e) => e.role === "admin").length, W = [...new Set(I.map((e) => e.department))].length;
-	return /* @__PURE__ */ M("div", {
+	}), K = B.filter((e) => e.status === "active").length, q = B.filter((e) => e.role === "admin").length, J = [...new Set(B.map((e) => e.department))].length;
+	return /* @__PURE__ */ F("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ M("div", {
+			/* @__PURE__ */ F("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("h1", {
+				children: [/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("h1", {
 					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ j(_, { children: t(F, "assethandler.users.title", "Users") })
-				}), /* @__PURE__ */ j("p", {
+					children: /* @__PURE__ */ P(v, { children: t(R, "assethandler.users.title", "Users") })
+				}), /* @__PURE__ */ P("p", {
 					className: "text-sm text-text-secondary",
-					children: t(F, "assethandler.users.description", "Manage user accounts, roles, and access permissions.")
-				})] }), /* @__PURE__ */ M(d, {
+					children: t(R, "assethandler.users.description", "Manage user accounts, roles, and access permissions.")
+				})] }), /* @__PURE__ */ F(f, {
 					size: "sm",
-					children: [/* @__PURE__ */ j(a, { className: "mr-2 h-4 w-4" }), t(F, "assethandler.users.actions.addUser", "Add User")]
+					onClick: () => z("/users/user-create"),
+					children: [/* @__PURE__ */ P(a, { className: "mr-2 h-4 w-4" }), t(R, "assethandler.users.actions.addUser", "Add User")]
 				})]
 			}),
-			/* @__PURE__ */ M("div", {
+			/* @__PURE__ */ P(x, { children: t(R, "assethandler.users.purpose", "The directory of everyone who uses Asset Handler — their role, department, status and how many assets they hold. Use it to onboard and offboard people, adjust access, and see at a glance who is responsible for what.") }),
+			/* @__PURE__ */ F("div", {
 				className: "grid gap-4 md:grid-cols-4",
 				children: [
-					/* @__PURE__ */ M(g, {
-						treatment: "metric",
+					/* @__PURE__ */ F(_, {
+						treatment: "glass",
+						glow: !0,
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ M(m, {
+						children: [/* @__PURE__ */ F(h, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ j(h, {
+							children: [/* @__PURE__ */ P(g, {
 								className: "text-sm font-medium",
-								children: t(F, "assethandler.users.stats.totalUsers", "Total Users")
-							}), /* @__PURE__ */ j(l, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ j(p, { children: /* @__PURE__ */ j("div", {
+								children: t(R, "assethandler.users.stats.totalUsers", "Total Users")
+							}), /* @__PURE__ */ P(l, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ P(m, { children: /* @__PURE__ */ P("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: I.length
+							children: B.length
 						}) })]
 					}),
-					/* @__PURE__ */ M(g, {
+					/* @__PURE__ */ F(_, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ M(m, {
+						children: [/* @__PURE__ */ F(h, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ j(h, {
+							children: [/* @__PURE__ */ P(g, {
 								className: "text-sm font-medium",
-								children: t(F, "assethandler.users.stats.activeUsers", "Active Users")
-							}), /* @__PURE__ */ j(c, { className: "h-4 w-4 text-status-success-text" })]
-						}), /* @__PURE__ */ j(p, { children: /* @__PURE__ */ j("div", {
+								children: t(R, "assethandler.users.stats.activeUsers", "Active Users")
+							}), /* @__PURE__ */ P(c, { className: "h-4 w-4 text-status-success-text" })]
+						}), /* @__PURE__ */ P(m, { children: /* @__PURE__ */ P("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: H
+							children: K
 						}) })]
 					}),
-					/* @__PURE__ */ M(g, {
+					/* @__PURE__ */ F(_, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ M(m, {
+						children: [/* @__PURE__ */ F(h, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ j(h, {
+							children: [/* @__PURE__ */ P(g, {
 								className: "text-sm font-medium",
-								children: t(F, "assethandler.users.stats.administrators", "Administrators")
-							}), /* @__PURE__ */ j(s, { className: "h-4 w-4 text-status-error-text" })]
-						}), /* @__PURE__ */ j(p, { children: /* @__PURE__ */ j("div", {
+								children: t(R, "assethandler.users.stats.administrators", "Administrators")
+							}), /* @__PURE__ */ P(s, { className: "h-4 w-4 text-status-error-text" })]
+						}), /* @__PURE__ */ P(m, { children: /* @__PURE__ */ P("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: U
+							children: q
 						}) })]
 					}),
-					/* @__PURE__ */ M(g, {
+					/* @__PURE__ */ F(_, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ M(m, {
+						children: [/* @__PURE__ */ F(h, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ j(h, {
+							children: [/* @__PURE__ */ P(g, {
 								className: "text-sm font-medium",
-								children: t(F, "assethandler.users.stats.departments", "Departments")
-							}), /* @__PURE__ */ j(r, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ j(p, { children: /* @__PURE__ */ j("div", {
+								children: t(R, "assethandler.users.stats.departments", "Departments")
+							}), /* @__PURE__ */ P(r, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ P(m, { children: /* @__PURE__ */ P("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: W
+							children: J
 						}) })]
 					})
 				]
 			}),
-			/* @__PURE__ */ M(f, { children: [/* @__PURE__ */ j(m, { children: /* @__PURE__ */ M("div", {
+			/* @__PURE__ */ F(p, { children: [/* @__PURE__ */ P(h, { children: /* @__PURE__ */ F("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ j(h, { children: t(F, "assethandler.users.table.title", "All Users") }), /* @__PURE__ */ M("div", {
+				children: [/* @__PURE__ */ P(g, { children: t(R, "assethandler.users.table.title", "All Users") }), /* @__PURE__ */ F("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ M("div", {
+					children: [/* @__PURE__ */ F("div", {
 						className: "relative",
-						children: [/* @__PURE__ */ j(o, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ j(v, {
-							placeholder: t(F, "assethandler.users.search.placeholder", "Search users..."),
-							value: L,
-							onChange: (e) => R(e.target.value),
+						children: [/* @__PURE__ */ P(o, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ P(b, {
+							placeholder: t(R, "assethandler.users.search.placeholder", "Search users..."),
+							value: V,
+							onChange: (e) => H(e.target.value),
 							className: "pl-9 w-[220px]"
 						})]
-					}), /* @__PURE__ */ M(y, {
-						value: z,
-						onValueChange: B,
-						children: [/* @__PURE__ */ M(S, {
+					}), /* @__PURE__ */ F(S, {
+						value: U,
+						onValueChange: W,
+						children: [/* @__PURE__ */ F(T, {
 							className: "w-[150px]",
-							children: [/* @__PURE__ */ j(i, { className: "mr-2 h-4 w-4" }), /* @__PURE__ */ j(C, { placeholder: t(F, "assethandler.users.filters.role.placeholder", "Role") })]
-						}), /* @__PURE__ */ M(b, { children: [
-							/* @__PURE__ */ j(x, {
+							children: [/* @__PURE__ */ P(i, { className: "mr-2 h-4 w-4" }), /* @__PURE__ */ P(E, { placeholder: t(R, "assethandler.users.filters.role.placeholder", "Role") })]
+						}), /* @__PURE__ */ F(C, { children: [
+							/* @__PURE__ */ P(w, {
 								value: "all",
-								children: t(F, "assethandler.users.filters.role.all", "All Roles")
+								children: t(R, "assethandler.users.filters.role.all", "All Roles")
 							}),
-							/* @__PURE__ */ j(x, {
+							/* @__PURE__ */ P(w, {
 								value: "admin",
-								children: t(F, "assethandler.users.filters.role.admin", "Admin")
+								children: t(R, "assethandler.users.filters.role.admin", "Admin")
 							}),
-							/* @__PURE__ */ j(x, {
+							/* @__PURE__ */ P(w, {
 								value: "manager",
-								children: t(F, "assethandler.users.filters.role.manager", "Manager")
+								children: t(R, "assethandler.users.filters.role.manager", "Manager")
 							}),
-							/* @__PURE__ */ j(x, {
+							/* @__PURE__ */ P(w, {
 								value: "technician",
-								children: t(F, "assethandler.users.filters.role.technician", "Technician")
+								children: t(R, "assethandler.users.filters.role.technician", "Technician")
 							}),
-							/* @__PURE__ */ j(x, {
+							/* @__PURE__ */ P(w, {
 								value: "viewer",
-								children: t(F, "assethandler.users.filters.role.viewer", "Viewer")
+								children: t(R, "assethandler.users.filters.role.viewer", "Viewer")
 							}),
-							/* @__PURE__ */ j(x, {
+							/* @__PURE__ */ P(w, {
 								value: "auditor",
-								children: t(F, "assethandler.users.filters.role.auditor", "Auditor")
+								children: t(R, "assethandler.users.filters.role.auditor", "Auditor")
 							})
 						] })]
 					})]
 				})]
-			}) }), /* @__PURE__ */ j(p, { children: /* @__PURE__ */ M(w, { children: [/* @__PURE__ */ j(O, { children: /* @__PURE__ */ M(k, { children: [
-				/* @__PURE__ */ j(D, { children: t(F, "assethandler.users.table.name", "Name") }),
-				/* @__PURE__ */ j(D, { children: t(F, "assethandler.users.table.email", "Email") }),
-				/* @__PURE__ */ j(D, { children: t(F, "assethandler.users.table.role", "Role") }),
-				/* @__PURE__ */ j(D, { children: t(F, "assethandler.users.table.department", "Department") }),
-				/* @__PURE__ */ j(D, { children: t(F, "assethandler.users.table.status", "Status") }),
-				/* @__PURE__ */ j(D, { children: t(F, "assethandler.users.table.lastLogin", "Last Login") }),
-				/* @__PURE__ */ j(D, {
+			}) }), /* @__PURE__ */ F(m, { children: [/* @__PURE__ */ F(D, { children: [/* @__PURE__ */ P(j, { children: /* @__PURE__ */ F(M, { children: [
+				/* @__PURE__ */ P(A, { children: t(R, "assethandler.users.table.name", "Name") }),
+				/* @__PURE__ */ P(A, { children: t(R, "assethandler.users.table.email", "Email") }),
+				/* @__PURE__ */ P(A, { children: t(R, "assethandler.users.table.role", "Role") }),
+				/* @__PURE__ */ P(A, { children: t(R, "assethandler.users.table.department", "Department") }),
+				/* @__PURE__ */ P(A, { children: t(R, "assethandler.users.table.status", "Status") }),
+				/* @__PURE__ */ P(A, { children: t(R, "assethandler.users.table.lastLogin", "Last Login") }),
+				/* @__PURE__ */ P(A, {
 					className: "text-right",
-					children: t(F, "assethandler.users.table.assets", "Assets")
+					children: t(R, "assethandler.users.table.assets", "Assets")
 				})
-			] }) }), /* @__PURE__ */ M(T, { children: [V.map((e) => /* @__PURE__ */ M(k, { children: [
-				/* @__PURE__ */ M(E, {
+			] }) }), /* @__PURE__ */ P(O, { children: G.map((e) => /* @__PURE__ */ F(M, { children: [
+				/* @__PURE__ */ F(k, {
 					className: "font-medium",
 					children: [
 						e.firstName,
@@ -170,30 +174,35 @@ function F() {
 						e.lastName
 					]
 				}),
-				/* @__PURE__ */ j(E, { children: e.email }),
-				/* @__PURE__ */ j(E, { children: /* @__PURE__ */ j(u, {
-					variant: N[e.role] || "secondary",
+				/* @__PURE__ */ P(k, { children: e.email }),
+				/* @__PURE__ */ P(k, { children: /* @__PURE__ */ P(d, {
+					variant: I[e.role] || "secondary",
 					children: e.role
 				}) }),
-				/* @__PURE__ */ j(E, { children: e.department }),
-				/* @__PURE__ */ j(E, { children: /* @__PURE__ */ j(u, {
-					variant: P[e.status] || "secondary",
+				/* @__PURE__ */ P(k, { children: e.department }),
+				/* @__PURE__ */ P(k, { children: /* @__PURE__ */ P(d, {
+					variant: L[e.status] || "secondary",
 					children: e.status
 				}) }),
-				/* @__PURE__ */ j(E, { children: new Date(e.lastLogin).toLocaleDateString() }),
-				/* @__PURE__ */ j(E, {
+				/* @__PURE__ */ P(k, { children: new Date(e.lastLogin).toLocaleDateString() }),
+				/* @__PURE__ */ P(k, {
 					className: "text-right",
 					children: e.assetsAssigned
 				})
-			] }, e.id)), V.length === 0 && /* @__PURE__ */ j(k, { children: /* @__PURE__ */ j(E, {
-				colSpan: 7,
-				className: "text-center text-text-secondary py-8",
-				children: t(F, "assethandler.users.empty", "No users found.")
-			}) })] })] }) })] })
+			] }, e.id)) })] }), G.length === 0 && /* @__PURE__ */ P(y, {
+				illustration: "empty-people",
+				title: t(R, "assethandler.users.empty", "No users found"),
+				description: "No users match your search or filters. Add a user or clear the filters to see results.",
+				action: /* @__PURE__ */ F(f, {
+					size: "sm",
+					onClick: () => z("/users/user-create"),
+					children: [/* @__PURE__ */ P(a, { className: "mr-2 h-4 w-4" }), t(R, "assethandler.users.actions.addUser", "Add User")]
+				})
+			})] })] })
 		]
 	});
 }
 //#endregion
-export { F as UsersPage };
+export { R as UsersPage };
 
 //# sourceMappingURL=UsersPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"UsersPage.js","names":[],"sources":["../../../src/assethandler/pages/UsersPage.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  GradientText,\n  GlassCard,\n} from '@burdenoff/fe-libs/ui';\nimport { Plus, Search, Filter, Users, UserCheck, Shield, Building } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\nimport { tWithFallback } from '../utils/i18n';\n\nconst roleColors: Record<string, 'default' | 'secondary' | 'destructive' | 'outline'> = {\n  admin: 'destructive',\n  manager: 'default',\n  technician: 'secondary',\n  viewer: 'outline',\n  auditor: 'secondary',\n};\n\nconst statusColors: Record<string, 'default' | 'secondary' | 'destructive' | 'outline'> = {\n  active: 'default',\n  inactive: 'secondary',\n  suspended: 'destructive',\n  pending: 'outline',\n};\n\nexport function UsersPage() {\n  const { t } = useI18n();\n  const { users } = useAssetHandlerStore();\n  const [search, setSearch] = useState('');\n  const [roleFilter, setRoleFilter] = useState('all');\n\n  const filtered = users.filter((u) => {\n    if (roleFilter !== 'all' && u.role !== roleFilter) return false;\n    if (search) {\n      const q = search.toLowerCase();\n      return (\n        u.firstName.toLowerCase().includes(q) ||\n        u.lastName.toLowerCase().includes(q) ||\n        u.email.toLowerCase().includes(q)\n      );\n    }\n    return true;\n  });\n\n  const activeUsers = users.filter((u) => u.status === 'active').length;\n  const adminCount = users.filter((u) => u.role === 'admin').length;\n  const departments = [...new Set(users.map((u) => u.department))].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\">\n            <GradientText>{tWithFallback(t, 'assethandler.users.title', 'Users')}</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            {tWithFallback(\n              t,\n              'assethandler.users.description',\n              'Manage user accounts, roles, and access permissions.'\n            )}\n          </p>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"mr-2 h-4 w-4\" />\n          {tWithFallback(t, 'assethandler.users.actions.addUser', 'Add User')}\n        </Button>\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\">\n              {tWithFallback(t, 'assethandler.users.stats.totalUsers', 'Total Users')}\n            </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\">\n              {tWithFallback(t, 'assethandler.users.stats.activeUsers', 'Active Users')}\n            </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          </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\">\n              {tWithFallback(t, 'assethandler.users.stats.administrators', 'Administrators')}\n            </CardTitle>\n            <Shield className=\"h-4 w-4 text-status-error-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{adminCount}</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\">\n              {tWithFallback(t, 'assethandler.users.stats.departments', 'Departments')}\n            </CardTitle>\n            <Building className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{departments}</div>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <div className=\"flex items-center justify-between\">\n            <CardTitle>{tWithFallback(t, 'assethandler.users.table.title', 'All Users')}</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-text-secondary\" />\n                <Input\n                  placeholder={tWithFallback(\n                    t,\n                    'assethandler.users.search.placeholder',\n                    'Search users...'\n                  )}\n                  value={search}\n                  onChange={(e) => setSearch(e.target.value)}\n                  className=\"pl-9 w-[220px]\"\n                />\n              </div>\n              <Select value={roleFilter} onValueChange={setRoleFilter}>\n                <SelectTrigger className=\"w-[150px]\">\n                  <Filter className=\"mr-2 h-4 w-4\" />\n                  <SelectValue\n                    placeholder={tWithFallback(\n                      t,\n                      'assethandler.users.filters.role.placeholder',\n                      'Role'\n                    )}\n                  />\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectItem value=\"all\">\n                    {tWithFallback(t, 'assethandler.users.filters.role.all', 'All Roles')}\n                  </SelectItem>\n                  <SelectItem value=\"admin\">\n                    {tWithFallback(t, 'assethandler.users.filters.role.admin', 'Admin')}\n                  </SelectItem>\n                  <SelectItem value=\"manager\">\n                    {tWithFallback(t, 'assethandler.users.filters.role.manager', 'Manager')}\n                  </SelectItem>\n                  <SelectItem value=\"technician\">\n                    {tWithFallback(t, 'assethandler.users.filters.role.technician', 'Technician')}\n                  </SelectItem>\n                  <SelectItem value=\"viewer\">\n                    {tWithFallback(t, 'assethandler.users.filters.role.viewer', 'Viewer')}\n                  </SelectItem>\n                  <SelectItem value=\"auditor\">\n                    {tWithFallback(t, 'assethandler.users.filters.role.auditor', 'Auditor')}\n                  </SelectItem>\n                </SelectContent>\n              </Select>\n            </div>\n          </div>\n        </CardHeader>\n        <CardContent>\n          <Table>\n            <TableHeader>\n              <TableRow>\n                <TableHead>{tWithFallback(t, 'assethandler.users.table.name', 'Name')}</TableHead>\n                <TableHead>{tWithFallback(t, 'assethandler.users.table.email', 'Email')}</TableHead>\n                <TableHead>{tWithFallback(t, 'assethandler.users.table.role', 'Role')}</TableHead>\n                <TableHead>\n                  {tWithFallback(t, 'assethandler.users.table.department', 'Department')}\n                </TableHead>\n                <TableHead>\n                  {tWithFallback(t, 'assethandler.users.table.status', 'Status')}\n                </TableHead>\n                <TableHead>\n                  {tWithFallback(t, 'assethandler.users.table.lastLogin', 'Last Login')}\n                </TableHead>\n                <TableHead className=\"text-right\">\n                  {tWithFallback(t, 'assethandler.users.table.assets', 'Assets')}\n                </TableHead>\n              </TableRow>\n            </TableHeader>\n            <TableBody>\n              {filtered.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={roleColors[user.role] || 'secondary'}>{user.role}</Badge>\n                  </TableCell>\n                  <TableCell>{user.department}</TableCell>\n                  <TableCell>\n                    <Badge variant={statusColors[user.status] || 'secondary'}>{user.status}</Badge>\n                  </TableCell>\n                  <TableCell>{new Date(user.lastLogin).toLocaleDateString()}</TableCell>\n                  <TableCell className=\"text-right\">{user.assetsAssigned}</TableCell>\n                </TableRow>\n              ))}\n              {filtered.length === 0 && (\n                <TableRow>\n                  <TableCell colSpan={7} className=\"text-center text-text-secondary py-8\">\n                    {tWithFallback(t, 'assethandler.users.empty', 'No users found.')}\n                  </TableCell>\n                </TableRow>\n              )}\n            </TableBody>\n          </Table>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"UsersPage.js","names":[],"sources":["../../../src/assethandler/pages/UsersPage.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  GradientText,\n  GlassCard,\n  PagePurpose,\n  IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\nimport { Plus, Search, Filter, Users, UserCheck, Shield, Building } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useNavigate } from 'react-router-dom';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\nimport { tWithFallback } from '../utils/i18n';\n\nconst roleColors: Record<string, 'default' | 'secondary' | 'destructive' | 'outline'> = {\n  admin: 'destructive',\n  manager: 'default',\n  technician: 'secondary',\n  viewer: 'outline',\n  auditor: 'secondary',\n};\n\nconst statusColors: Record<string, 'default' | 'secondary' | 'destructive' | 'outline'> = {\n  active: 'default',\n  inactive: 'secondary',\n  suspended: 'destructive',\n  pending: 'outline',\n};\n\nexport function UsersPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const { users } = useAssetHandlerStore();\n  const [search, setSearch] = useState('');\n  const [roleFilter, setRoleFilter] = useState('all');\n\n  const filtered = users.filter((u) => {\n    if (roleFilter !== 'all' && u.role !== roleFilter) return false;\n    if (search) {\n      const q = search.toLowerCase();\n      return (\n        u.firstName.toLowerCase().includes(q) ||\n        u.lastName.toLowerCase().includes(q) ||\n        u.email.toLowerCase().includes(q)\n      );\n    }\n    return true;\n  });\n\n  const activeUsers = users.filter((u) => u.status === 'active').length;\n  const adminCount = users.filter((u) => u.role === 'admin').length;\n  const departments = [...new Set(users.map((u) => u.department))].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\">\n            <GradientText>{tWithFallback(t, 'assethandler.users.title', 'Users')}</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            {tWithFallback(\n              t,\n              'assethandler.users.description',\n              'Manage user accounts, roles, and access permissions.'\n            )}\n          </p>\n        </div>\n        <Button size=\"sm\" onClick={() => navigate('/users/user-create')}>\n          <Plus className=\"mr-2 h-4 w-4\" />\n          {tWithFallback(t, 'assethandler.users.actions.addUser', 'Add User')}\n        </Button>\n      </div>\n\n      <PagePurpose>\n        {tWithFallback(\n          t,\n          'assethandler.users.purpose',\n          'The directory of everyone who uses Asset Handler — their role, department, status and how many assets they hold. Use it to onboard and offboard people, adjust access, and see at a glance who is responsible for what.'\n        )}\n      </PagePurpose>\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\">\n              {tWithFallback(t, 'assethandler.users.stats.totalUsers', 'Total Users')}\n            </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\">\n              {tWithFallback(t, 'assethandler.users.stats.activeUsers', 'Active Users')}\n            </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          </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\">\n              {tWithFallback(t, 'assethandler.users.stats.administrators', 'Administrators')}\n            </CardTitle>\n            <Shield className=\"h-4 w-4 text-status-error-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{adminCount}</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\">\n              {tWithFallback(t, 'assethandler.users.stats.departments', 'Departments')}\n            </CardTitle>\n            <Building className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{departments}</div>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <div className=\"flex items-center justify-between\">\n            <CardTitle>{tWithFallback(t, 'assethandler.users.table.title', 'All Users')}</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-text-secondary\" />\n                <Input\n                  placeholder={tWithFallback(\n                    t,\n                    'assethandler.users.search.placeholder',\n                    'Search users...'\n                  )}\n                  value={search}\n                  onChange={(e) => setSearch(e.target.value)}\n                  className=\"pl-9 w-[220px]\"\n                />\n              </div>\n              <Select value={roleFilter} onValueChange={setRoleFilter}>\n                <SelectTrigger className=\"w-[150px]\">\n                  <Filter className=\"mr-2 h-4 w-4\" />\n                  <SelectValue\n                    placeholder={tWithFallback(\n                      t,\n                      'assethandler.users.filters.role.placeholder',\n                      'Role'\n                    )}\n                  />\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectItem value=\"all\">\n                    {tWithFallback(t, 'assethandler.users.filters.role.all', 'All Roles')}\n                  </SelectItem>\n                  <SelectItem value=\"admin\">\n                    {tWithFallback(t, 'assethandler.users.filters.role.admin', 'Admin')}\n                  </SelectItem>\n                  <SelectItem value=\"manager\">\n                    {tWithFallback(t, 'assethandler.users.filters.role.manager', 'Manager')}\n                  </SelectItem>\n                  <SelectItem value=\"technician\">\n                    {tWithFallback(t, 'assethandler.users.filters.role.technician', 'Technician')}\n                  </SelectItem>\n                  <SelectItem value=\"viewer\">\n                    {tWithFallback(t, 'assethandler.users.filters.role.viewer', 'Viewer')}\n                  </SelectItem>\n                  <SelectItem value=\"auditor\">\n                    {tWithFallback(t, 'assethandler.users.filters.role.auditor', 'Auditor')}\n                  </SelectItem>\n                </SelectContent>\n              </Select>\n            </div>\n          </div>\n        </CardHeader>\n        <CardContent>\n          <Table>\n            <TableHeader>\n              <TableRow>\n                <TableHead>{tWithFallback(t, 'assethandler.users.table.name', 'Name')}</TableHead>\n                <TableHead>{tWithFallback(t, 'assethandler.users.table.email', 'Email')}</TableHead>\n                <TableHead>{tWithFallback(t, 'assethandler.users.table.role', 'Role')}</TableHead>\n                <TableHead>\n                  {tWithFallback(t, 'assethandler.users.table.department', 'Department')}\n                </TableHead>\n                <TableHead>\n                  {tWithFallback(t, 'assethandler.users.table.status', 'Status')}\n                </TableHead>\n                <TableHead>\n                  {tWithFallback(t, 'assethandler.users.table.lastLogin', 'Last Login')}\n                </TableHead>\n                <TableHead className=\"text-right\">\n                  {tWithFallback(t, 'assethandler.users.table.assets', 'Assets')}\n                </TableHead>\n              </TableRow>\n            </TableHeader>\n            <TableBody>\n              {filtered.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={roleColors[user.role] || 'secondary'}>{user.role}</Badge>\n                  </TableCell>\n                  <TableCell>{user.department}</TableCell>\n                  <TableCell>\n                    <Badge variant={statusColors[user.status] || 'secondary'}>{user.status}</Badge>\n                  </TableCell>\n                  <TableCell>{new Date(user.lastLogin).toLocaleDateString()}</TableCell>\n                  <TableCell className=\"text-right\">{user.assetsAssigned}</TableCell>\n                </TableRow>\n              ))}\n            </TableBody>\n          </Table>\n          {filtered.length === 0 && (\n            <IllustratedEmptyState\n              illustration=\"empty-people\"\n              title={tWithFallback(t, 'assethandler.users.empty', 'No users found')}\n              description=\"No users match your search or filters. Add a user or clear the filters to see results.\"\n              action={\n                <Button size=\"sm\" onClick={() => navigate('/users/user-create')}>\n                  <Plus className=\"mr-2 h-4 w-4\" />\n                  {tWithFallback(t, 'assethandler.users.actions.addUser', 'Add User')}\n                </Button>\n              }\n            />\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}