@burdenoff/microfe-assethandler 2026.510.104

package/dist/assethandler/pages/UsersUserManagementHubPage.js

@@ -0,0 +1,325 @@
+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, Card as d, CardContent as f, CardHeader as p, CardTitle as m, Table as h, TableBody as g, TableCell as _, TableHead as v, TableHeader as y, TableRow as b, Tabs as x, TabsContent as S, TabsList as C, TabsTrigger as w } from "@burdenoff/fe-libs/ui";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+//#region src/assethandler/pages/UsersUserManagementHubPage.tsx
+var D = {
+	admin: {
+		description: "Full system access with all permissions",
+		permCount: 11,
+		color: "bg-red-100 text-red-800"
+	},
+	manager: {
+		description: "Department-level management and reporting",
+		permCount: 6,
+		color: "bg-blue-100 text-blue-800"
+	},
+	technician: {
+		description: "Asset maintenance and operational tasks",
+		permCount: 4,
+		color: "bg-green-100 text-green-800"
+	},
+	viewer: {
+		description: "Read-only access to assets and reports",
+		permCount: 2,
+		color: "bg-gray-100 text-gray-800"
+	},
+	auditor: {
+		description: "Audit trail access and compliance reporting",
+		permCount: 4,
+		color: "bg-purple-100 text-purple-800"
+	}
+}, O = [
+	{
+		module: "Assets",
+		admin: "Full",
+		manager: "Full",
+		technician: "Read/Update",
+		viewer: "Read",
+		auditor: "Read"
+	},
+	{
+		module: "Users",
+		admin: "Full",
+		manager: "Read",
+		technician: "—",
+		viewer: "—",
+		auditor: "—"
+	},
+	{
+		module: "Reports",
+		admin: "Full",
+		manager: "Read",
+		technician: "—",
+		viewer: "Read",
+		auditor: "Full"
+	},
+	{
+		module: "Maintenance",
+		admin: "Full",
+		manager: "Full",
+		technician: "Full",
+		viewer: "—",
+		auditor: "—"
+	},
+	{
+		module: "Audit",
+		admin: "Full",
+		manager: "—",
+		technician: "—",
+		viewer: "—",
+		auditor: "Full"
+	},
+	{
+		module: "Compliance",
+		admin: "Full",
+		manager: "Read",
+		technician: "—",
+		viewer: "—",
+		auditor: "Full"
+	},
+	{
+		module: "Settings",
+		admin: "Full",
+		manager: "—",
+		technician: "—",
+		viewer: "—",
+		auditor: "—"
+	},
+	{
+		module: "Finance",
+		admin: "Full",
+		manager: "Full",
+		technician: "—",
+		viewer: "Read",
+		auditor: "Read"
+	}
+], k = Date.now() - 864e5;
+function A() {
+	let { users: A } = e(), j = A.filter((e) => e.status === "active").length, M = A.filter((e) => new Date(e.lastLogin).getTime() > k).length, N = A.reduce((e, t) => (e[t.role] = (e[t.role] || 0) + 1, e), {});
+	return /* @__PURE__ */ E("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ E("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h1", {
+					className: "text-2xl font-semibold",
+					children: "User Management"
+				}), /* @__PURE__ */ T("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Manage users, roles, and access permissions across the organization."
+				})] }), /* @__PURE__ */ E("div", {
+					className: "flex gap-2",
+					children: [
+						/* @__PURE__ */ E(u, {
+							variant: "outline",
+							size: "sm",
+							children: [/* @__PURE__ */ T(o, { className: "mr-2 h-4 w-4" }), "Bulk Import"]
+						}),
+						/* @__PURE__ */ E(u, {
+							variant: "outline",
+							size: "sm",
+							children: [/* @__PURE__ */ T(n, { className: "mr-2 h-4 w-4" }), "Export"]
+						}),
+						/* @__PURE__ */ E(u, {
+							size: "sm",
+							children: [/* @__PURE__ */ T(i, { className: "mr-2 h-4 w-4" }), "Add User"]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ E("div", {
+				className: "grid gap-4 md:grid-cols-4",
+				children: [
+					/* @__PURE__ */ E(d, { children: [/* @__PURE__ */ E(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ T(m, {
+							className: "text-sm font-medium",
+							children: "Total Users"
+						}), /* @__PURE__ */ T(c, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ T(f, { children: /* @__PURE__ */ T("div", {
+						className: "text-2xl font-bold",
+						children: A.length
+					}) })] }),
+					/* @__PURE__ */ E(d, { children: [/* @__PURE__ */ E(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ T(m, {
+							className: "text-sm font-medium",
+							children: "Active"
+						}), /* @__PURE__ */ T(s, { className: "h-4 w-4 text-green-500" })]
+					}), /* @__PURE__ */ E(f, { children: [/* @__PURE__ */ T("div", {
+						className: "text-2xl font-bold",
+						children: j
+					}), /* @__PURE__ */ E("p", {
+						className: "text-xs text-muted-foreground",
+						children: [Math.round(j / A.length * 100), "% of total"]
+					})] })] }),
+					/* @__PURE__ */ E(d, { children: [/* @__PURE__ */ E(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ T(m, {
+							className: "text-sm font-medium",
+							children: "Roles Defined"
+						}), /* @__PURE__ */ T(a, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ T(f, { children: /* @__PURE__ */ T("div", {
+						className: "text-2xl font-bold",
+						children: Object.keys(D).length
+					}) })] }),
+					/* @__PURE__ */ E(d, { children: [/* @__PURE__ */ E(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ T(m, {
+							className: "text-sm font-medium",
+							children: "Recent Activity"
+						}), /* @__PURE__ */ T(t, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ E(f, { children: [/* @__PURE__ */ T("div", {
+						className: "text-2xl font-bold",
+						children: M
+					}), /* @__PURE__ */ T("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Logged in last 24h"
+					})] })] })
+				]
+			}),
+			/* @__PURE__ */ E(x, {
+				defaultValue: "users",
+				children: [
+					/* @__PURE__ */ E(C, { children: [
+						/* @__PURE__ */ T(w, {
+							value: "users",
+							children: "Users"
+						}),
+						/* @__PURE__ */ T(w, {
+							value: "roles",
+							children: "Roles"
+						}),
+						/* @__PURE__ */ T(w, {
+							value: "permissions",
+							children: "Permissions Matrix"
+						})
+					] }),
+					/* @__PURE__ */ T(S, {
+						value: "users",
+						className: "mt-4",
+						children: /* @__PURE__ */ T(d, { children: /* @__PURE__ */ T(f, {
+							className: "pt-6",
+							children: /* @__PURE__ */ E(h, { children: [/* @__PURE__ */ T(y, { children: /* @__PURE__ */ E(b, { children: [
+								/* @__PURE__ */ T(v, { children: "Name" }),
+								/* @__PURE__ */ T(v, { children: "Email" }),
+								/* @__PURE__ */ T(v, { children: "Role" }),
+								/* @__PURE__ */ T(v, { children: "Department" }),
+								/* @__PURE__ */ T(v, { children: "Status" }),
+								/* @__PURE__ */ T(v, {
+									className: "text-right",
+									children: "Assets"
+								})
+							] }) }), /* @__PURE__ */ T(g, { children: A.map((e) => /* @__PURE__ */ E(b, { children: [
+								/* @__PURE__ */ E(_, {
+									className: "font-medium",
+									children: [
+										e.firstName,
+										" ",
+										e.lastName
+									]
+								}),
+								/* @__PURE__ */ T(_, { children: e.email }),
+								/* @__PURE__ */ T(_, { children: /* @__PURE__ */ T(l, {
+									variant: e.role === "admin" ? "destructive" : "secondary",
+									children: e.role
+								}) }),
+								/* @__PURE__ */ T(_, { children: e.department }),
+								/* @__PURE__ */ T(_, { children: /* @__PURE__ */ T(l, {
+									variant: e.status === "active" ? "default" : "outline",
+									children: e.status
+								}) }),
+								/* @__PURE__ */ T(_, {
+									className: "text-right",
+									children: e.assetsAssigned
+								})
+							] }, e.id)) })] })
+						}) })
+					}),
+					/* @__PURE__ */ T(S, {
+						value: "roles",
+						className: "mt-4",
+						children: /* @__PURE__ */ T("div", {
+							className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
+							children: Object.entries(D).map(([e, t]) => /* @__PURE__ */ E(d, { children: [/* @__PURE__ */ T(p, { children: /* @__PURE__ */ E("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ T(m, {
+									className: "text-lg capitalize",
+									children: e
+								}), /* @__PURE__ */ E(l, {
+									variant: "outline",
+									children: [N[e] || 0, " users"]
+								})]
+							}) }), /* @__PURE__ */ E(f, {
+								className: "space-y-3",
+								children: [
+									/* @__PURE__ */ T("p", {
+										className: "text-sm text-muted-foreground",
+										children: t.description
+									}),
+									/* @__PURE__ */ E("div", {
+										className: "flex items-center gap-2 text-sm",
+										children: [/* @__PURE__ */ T(r, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ E("span", { children: [t.permCount, " permissions"] })]
+									}),
+									/* @__PURE__ */ T(u, {
+										variant: "outline",
+										size: "sm",
+										className: "w-full",
+										children: "Edit Role"
+									})
+								]
+							})] }, e))
+						})
+					}),
+					/* @__PURE__ */ T(S, {
+						value: "permissions",
+						className: "mt-4",
+						children: /* @__PURE__ */ E(d, { children: [/* @__PURE__ */ T(p, { children: /* @__PURE__ */ T(m, { children: "Permission Matrix" }) }), /* @__PURE__ */ T(f, { children: /* @__PURE__ */ E(h, { children: [/* @__PURE__ */ T(y, { children: /* @__PURE__ */ E(b, { children: [
+							/* @__PURE__ */ T(v, { children: "Module" }),
+							/* @__PURE__ */ T(v, { children: "Admin" }),
+							/* @__PURE__ */ T(v, { children: "Manager" }),
+							/* @__PURE__ */ T(v, { children: "Technician" }),
+							/* @__PURE__ */ T(v, { children: "Viewer" }),
+							/* @__PURE__ */ T(v, { children: "Auditor" })
+						] }) }), /* @__PURE__ */ T(g, { children: O.map((e) => /* @__PURE__ */ E(b, { children: [
+							/* @__PURE__ */ T(_, {
+								className: "font-medium",
+								children: e.module
+							}),
+							/* @__PURE__ */ T(_, { children: /* @__PURE__ */ T(l, {
+								variant: e.admin === "Full" ? "default" : "outline",
+								className: "text-xs",
+								children: e.admin
+							}) }),
+							/* @__PURE__ */ T(_, { children: /* @__PURE__ */ T(l, {
+								variant: e.manager === "Full" ? "default" : e.manager === "—" ? "outline" : "secondary",
+								className: "text-xs",
+								children: e.manager
+							}) }),
+							/* @__PURE__ */ T(_, { children: /* @__PURE__ */ T(l, {
+								variant: e.technician === "Full" ? "default" : e.technician === "—" ? "outline" : "secondary",
+								className: "text-xs",
+								children: e.technician
+							}) }),
+							/* @__PURE__ */ T(_, { children: /* @__PURE__ */ T(l, {
+								variant: e.viewer === "—" ? "outline" : "secondary",
+								className: "text-xs",
+								children: e.viewer
+							}) }),
+							/* @__PURE__ */ T(_, { children: /* @__PURE__ */ T(l, {
+								variant: e.auditor === "Full" ? "default" : e.auditor === "—" ? "outline" : "secondary",
+								className: "text-xs",
+								children: e.auditor
+							}) })
+						] }, e.module)) })] }) })] })
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { A as UsersUserManagementHubPage };
+
+//# sourceMappingURL=UsersUserManagementHubPage.js.map

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

@@ -0,0 +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} 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-red-100 text-red-800',\n    },\n    manager: {\n      description: 'Department-level management and reporting',\n      permCount: 6,\n      color: 'bg-blue-100 text-blue-800',\n    },\n    technician: {\n      description: 'Asset maintenance and operational tasks',\n      permCount: 4,\n      color: 'bg-green-100 text-green-800',\n    },\n    viewer: {\n      description: 'Read-only access to assets and reports',\n      permCount: 2,\n      color: 'bg-gray-100 text-gray-800',\n    },\n    auditor: {\n      description: 'Audit trail access and compliance reporting',\n      permCount: 4,\n      color: 'bg-purple-100 text-purple-800',\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\">User Management</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Manage users, roles, and access permissions across the organization.\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\">\n            <Upload className=\"mr-2 h-4 w-4\" />\n            Bulk Import\n          </Button>\n          <Button variant=\"outline\" size=\"sm\">\n            <Download className=\"mr-2 h-4 w-4\" />\n            Export\n          </Button>\n          <Button size=\"sm\">\n            <Plus className=\"mr-2 h-4 w-4\" />\n            Add User\n          </Button>\n        </div>\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 Users</CardTitle>\n            <Users className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{users.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\">Active</CardTitle>\n            <UserCheck className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{activeUsers}</div>\n            <p className=\"text-xs text-muted-foreground\">\n              {Math.round((activeUsers / users.length) * 100)}% of total\n            </p>\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\">Roles Defined</CardTitle>\n            <Shield className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{Object.keys(roleDescriptions).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\">Recent Activity</CardTitle>\n            <Activity className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{recentActivityCount}</div>\n            <p className=\"text-xs text-muted-foreground\">Logged in last 24h</p>\n          </CardContent>\n        </Card>\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-muted-foreground\">{info.description}</p>\n                  <div className=\"flex items-center gap-2 text-sm\">\n                    <Key className=\"h-4 w-4 text-muted-foreground\" />\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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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowsWorkflowBuilderPage.d.ts","sourceRoot":"","sources":["../../../src/assethandler/pages/WorkflowsWorkflowBuilderPage.tsx"],"names":[],"mappings":"AAyCA,wBAAgB,4BAA4B,4CAgK3C"}

package/dist/assethandler/pages/WorkflowsWorkflowBuilderPage.js

@@ -0,0 +1,246 @@
+import { useState as e } from "react";
+import { ArrowLeft as t, Bell as n, Clock as r, Database as i, GitBranch as a, Mail as o, Play as s, Plus as c, Save as l, Upload as u, Workflow as d, Zap as f } from "lucide-react";
+import { Button as p, Card as m, CardContent as h, CardHeader as g, CardTitle as _, Input as v, Label as y, Select as b, SelectContent as x, SelectItem as S, SelectTrigger as C, SelectValue as w, Textarea as T } from "@burdenoff/fe-libs/ui";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+//#region src/assethandler/pages/WorkflowsWorkflowBuilderPage.tsx
+var O = [
+	{
+		icon: f,
+		label: "Trigger",
+		description: "Start the workflow"
+	},
+	{
+		icon: a,
+		label: "Condition",
+		description: "Branch logic"
+	},
+	{
+		icon: r,
+		label: "Delay",
+		description: "Wait for time"
+	},
+	{
+		icon: o,
+		label: "Send Email",
+		description: "Email notification"
+	},
+	{
+		icon: n,
+		label: "Notify",
+		description: "Push notification"
+	},
+	{
+		icon: i,
+		label: "Update Record",
+		description: "Modify data"
+	}
+];
+function k() {
+	let [n, r] = e(""), [i, a] = e(""), [o, f] = e(""), [k, A] = e("");
+	return /* @__PURE__ */ D("div", {
+		className: "space-y-6 p-6",
+		children: [/* @__PURE__ */ D("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ D("div", {
+				className: "flex items-center gap-3",
+				children: [/* @__PURE__ */ E(p, {
+					variant: "outline",
+					size: "sm",
+					children: /* @__PURE__ */ E(t, { className: "h-4 w-4" })
+				}), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("h1", {
+					className: "text-2xl font-semibold",
+					children: "Workflow Builder"
+				}), /* @__PURE__ */ E("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Design and configure automated workflows visually."
+				})] })]
+			}), /* @__PURE__ */ D("div", {
+				className: "flex gap-2",
+				children: [
+					/* @__PURE__ */ D(p, {
+						variant: "outline",
+						size: "sm",
+						children: [/* @__PURE__ */ E(l, { className: "mr-2 h-4 w-4" }), "Save Draft"]
+					}),
+					/* @__PURE__ */ D(p, {
+						variant: "outline",
+						size: "sm",
+						children: [/* @__PURE__ */ E(s, { className: "mr-2 h-4 w-4" }), "Test Run"]
+					}),
+					/* @__PURE__ */ D(p, {
+						size: "sm",
+						children: [/* @__PURE__ */ E(u, { className: "mr-2 h-4 w-4" }), "Publish"]
+					})
+				]
+			})]
+		}), /* @__PURE__ */ D("div", {
+			className: "grid gap-6 lg:grid-cols-[320px_1fr]",
+			children: [/* @__PURE__ */ D("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ D(m, { children: [/* @__PURE__ */ E(g, { children: /* @__PURE__ */ E(_, {
+					className: "text-base",
+					children: "Workflow Configuration"
+				}) }), /* @__PURE__ */ D(h, {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ D("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ E(y, { children: "Workflow Name" }), /* @__PURE__ */ E(v, {
+								placeholder: "e.g. Asset Onboarding Flow",
+								value: n,
+								onChange: (e) => r(e.target.value)
+							})]
+						}),
+						/* @__PURE__ */ D("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ E(y, { children: "Description" }), /* @__PURE__ */ E(T, {
+								placeholder: "Describe what this workflow does...",
+								value: i,
+								onChange: (e) => a(e.target.value),
+								rows: 3
+							})]
+						}),
+						/* @__PURE__ */ D("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ E(y, { children: "Trigger Type" }), /* @__PURE__ */ D(b, {
+								value: o,
+								onValueChange: f,
+								children: [/* @__PURE__ */ E(C, { children: /* @__PURE__ */ E(w, { placeholder: "Select trigger..." }) }), /* @__PURE__ */ D(x, { children: [
+									/* @__PURE__ */ E(S, {
+										value: "event",
+										children: "Event-Based"
+									}),
+									/* @__PURE__ */ E(S, {
+										value: "scheduled",
+										children: "Scheduled"
+									}),
+									/* @__PURE__ */ E(S, {
+										value: "manual",
+										children: "Manual"
+									}),
+									/* @__PURE__ */ E(S, {
+										value: "webhook",
+										children: "Webhook"
+									}),
+									/* @__PURE__ */ E(S, {
+										value: "condition",
+										children: "Condition-Based"
+									})
+								] })]
+							})]
+						}),
+						/* @__PURE__ */ D("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ E(y, { children: "Category" }), /* @__PURE__ */ D(b, {
+								value: k,
+								onValueChange: A,
+								children: [/* @__PURE__ */ E(C, { children: /* @__PURE__ */ E(w, { placeholder: "Select category..." }) }), /* @__PURE__ */ D(x, { children: [
+									/* @__PURE__ */ E(S, {
+										value: "asset-management",
+										children: "Asset Management"
+									}),
+									/* @__PURE__ */ E(S, {
+										value: "maintenance",
+										children: "Maintenance"
+									}),
+									/* @__PURE__ */ E(S, {
+										value: "itil",
+										children: "ITIL"
+									}),
+									/* @__PURE__ */ E(S, {
+										value: "compliance",
+										children: "Compliance"
+									}),
+									/* @__PURE__ */ E(S, {
+										value: "security",
+										children: "Security"
+									}),
+									/* @__PURE__ */ E(S, {
+										value: "finance",
+										children: "Finance"
+									})
+								] })]
+							})]
+						})
+					]
+				})] }), /* @__PURE__ */ D(m, { children: [/* @__PURE__ */ E(g, { children: /* @__PURE__ */ E(_, {
+					className: "text-base",
+					children: "Node Palette"
+				}) }), /* @__PURE__ */ E(h, {
+					className: "space-y-2",
+					children: O.map((e) => {
+						let t = e.icon;
+						return /* @__PURE__ */ D("div", {
+							className: "flex items-center gap-3 rounded-lg border p-3 cursor-grab hover:bg-muted/50 transition-colors",
+							children: [/* @__PURE__ */ E("div", {
+								className: "rounded-md bg-primary/10 p-2",
+								children: /* @__PURE__ */ E(t, { className: "h-4 w-4 text-primary" })
+							}), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+								className: "text-sm font-medium",
+								children: e.label
+							}), /* @__PURE__ */ E("p", {
+								className: "text-xs text-muted-foreground",
+								children: e.description
+							})] })]
+						}, e.label);
+					})
+				})] })]
+			}), /* @__PURE__ */ D(m, {
+				className: "min-h-[600px]",
+				children: [/* @__PURE__ */ E(g, { children: /* @__PURE__ */ D("div", {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ E(_, {
+						className: "text-base",
+						children: "Workflow Canvas"
+					}), /* @__PURE__ */ D("div", {
+						className: "flex gap-2",
+						children: [
+							/* @__PURE__ */ E(p, {
+								variant: "outline",
+								size: "sm",
+								children: "Zoom In"
+							}),
+							/* @__PURE__ */ E(p, {
+								variant: "outline",
+								size: "sm",
+								children: "Zoom Out"
+							}),
+							/* @__PURE__ */ E(p, {
+								variant: "outline",
+								size: "sm",
+								children: "Fit View"
+							})
+						]
+					})]
+				}) }), /* @__PURE__ */ E(h, {
+					className: "flex-1",
+					children: /* @__PURE__ */ E("div", {
+						className: "flex h-[500px] items-center justify-center rounded-lg border-2 border-dashed border-muted-foreground/25 bg-muted/20",
+						children: /* @__PURE__ */ D("div", {
+							className: "text-center space-y-3",
+							children: [
+								/* @__PURE__ */ E(d, { className: "h-12 w-12 mx-auto text-muted-foreground/50" }),
+								/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+									className: "text-lg font-medium text-muted-foreground",
+									children: "Drag nodes here to build your workflow"
+								}), /* @__PURE__ */ E("p", {
+									className: "text-sm text-muted-foreground/70",
+									children: "Select a trigger to start, then add actions and conditions"
+								})] }),
+								/* @__PURE__ */ D(p, {
+									variant: "outline",
+									size: "sm",
+									children: [/* @__PURE__ */ E(c, { className: "mr-2 h-4 w-4" }), "Add Start Node"]
+								})
+							]
+						})
+					})
+				})]
+			})]
+		})]
+	});
+}
+//#endregion
+export { k as WorkflowsWorkflowBuilderPage };
+
+//# sourceMappingURL=WorkflowsWorkflowBuilderPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowsWorkflowBuilderPage.js","names":[],"sources":["../../../src/assethandler/pages/WorkflowsWorkflowBuilderPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Input,\n  Label,\n  Textarea,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Separator,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  Save,\n  Play,\n  Upload,\n  Plus,\n  ArrowLeft,\n  Workflow,\n  Zap,\n  Clock,\n  GitBranch,\n  Mail,\n  Bell,\n  Database,\n} from 'lucide-react';\n\nconst nodeTypes = [\n  { icon: Zap, label: 'Trigger', description: 'Start the workflow' },\n  { icon: GitBranch, label: 'Condition', description: 'Branch logic' },\n  { icon: Clock, label: 'Delay', description: 'Wait for time' },\n  { icon: Mail, label: 'Send Email', description: 'Email notification' },\n  { icon: Bell, label: 'Notify', description: 'Push notification' },\n  { icon: Database, label: 'Update Record', description: 'Modify data' },\n];\n\nexport function WorkflowsWorkflowBuilderPage() {\n  const [name, setName] = useState('');\n  const [description, setDescription] = useState('');\n  const [triggerType, setTriggerType] = useState('');\n  const [category, setCategory] = useState('');\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-3\">\n          <Button variant=\"outline\" size=\"sm\">\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <div>\n            <h1 className=\"text-2xl font-semibold\">Workflow Builder</h1>\n            <p className=\"text-sm text-muted-foreground\">\n              Design and configure automated workflows visually.\n            </p>\n          </div>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\">\n            <Save className=\"mr-2 h-4 w-4\" />\n            Save Draft\n          </Button>\n          <Button variant=\"outline\" size=\"sm\">\n            <Play className=\"mr-2 h-4 w-4\" />\n            Test Run\n          </Button>\n          <Button size=\"sm\">\n            <Upload className=\"mr-2 h-4 w-4\" />\n            Publish\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"grid gap-6 lg:grid-cols-[320px_1fr]\">\n        <div className=\"space-y-4\">\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"text-base\">Workflow Configuration</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              <div className=\"space-y-2\">\n                <Label>Workflow Name</Label>\n                <Input\n                  placeholder=\"e.g. Asset Onboarding Flow\"\n                  value={name}\n                  onChange={(e) => setName(e.target.value)}\n                />\n              </div>\n              <div className=\"space-y-2\">\n                <Label>Description</Label>\n                <Textarea\n                  placeholder=\"Describe what this workflow does...\"\n                  value={description}\n                  onChange={(e) => setDescription(e.target.value)}\n                  rows={3}\n                />\n              </div>\n              <div className=\"space-y-2\">\n                <Label>Trigger Type</Label>\n                <Select value={triggerType} onValueChange={setTriggerType}>\n                  <SelectTrigger>\n                    <SelectValue placeholder=\"Select trigger...\" />\n                  </SelectTrigger>\n                  <SelectContent>\n                    <SelectItem value=\"event\">Event-Based</SelectItem>\n                    <SelectItem value=\"scheduled\">Scheduled</SelectItem>\n                    <SelectItem value=\"manual\">Manual</SelectItem>\n                    <SelectItem value=\"webhook\">Webhook</SelectItem>\n                    <SelectItem value=\"condition\">Condition-Based</SelectItem>\n                  </SelectContent>\n                </Select>\n              </div>\n              <div className=\"space-y-2\">\n                <Label>Category</Label>\n                <Select value={category} onValueChange={setCategory}>\n                  <SelectTrigger>\n                    <SelectValue placeholder=\"Select category...\" />\n                  </SelectTrigger>\n                  <SelectContent>\n                    <SelectItem value=\"asset-management\">Asset Management</SelectItem>\n                    <SelectItem value=\"maintenance\">Maintenance</SelectItem>\n                    <SelectItem value=\"itil\">ITIL</SelectItem>\n                    <SelectItem value=\"compliance\">Compliance</SelectItem>\n                    <SelectItem value=\"security\">Security</SelectItem>\n                    <SelectItem value=\"finance\">Finance</SelectItem>\n                  </SelectContent>\n                </Select>\n              </div>\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"text-base\">Node Palette</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-2\">\n              {nodeTypes.map((node) => {\n                const Icon = node.icon;\n                return (\n                  <div\n                    key={node.label}\n                    className=\"flex items-center gap-3 rounded-lg border p-3 cursor-grab hover:bg-muted/50 transition-colors\"\n                  >\n                    <div className=\"rounded-md bg-primary/10 p-2\">\n                      <Icon className=\"h-4 w-4 text-primary\" />\n                    </div>\n                    <div>\n                      <p className=\"text-sm font-medium\">{node.label}</p>\n                      <p className=\"text-xs text-muted-foreground\">{node.description}</p>\n                    </div>\n                  </div>\n                );\n              })}\n            </CardContent>\n          </Card>\n        </div>\n\n        <Card className=\"min-h-[600px]\">\n          <CardHeader>\n            <div className=\"flex items-center justify-between\">\n              <CardTitle className=\"text-base\">Workflow Canvas</CardTitle>\n              <div className=\"flex gap-2\">\n                <Button variant=\"outline\" size=\"sm\">\n                  Zoom In\n                </Button>\n                <Button variant=\"outline\" size=\"sm\">\n                  Zoom Out\n                </Button>\n                <Button variant=\"outline\" size=\"sm\">\n                  Fit View\n                </Button>\n              </div>\n            </div>\n          </CardHeader>\n          <CardContent className=\"flex-1\">\n            <div className=\"flex h-[500px] items-center justify-center rounded-lg border-2 border-dashed border-muted-foreground/25 bg-muted/20\">\n              <div className=\"text-center space-y-3\">\n                <Workflow className=\"h-12 w-12 mx-auto text-muted-foreground/50\" />\n                <div>\n                  <p className=\"text-lg font-medium text-muted-foreground\">\n                    Drag nodes here to build your workflow\n                  </p>\n                  <p className=\"text-sm text-muted-foreground/70\">\n                    Select a trigger to start, then add actions and conditions\n                  </p>\n                </div>\n                <Button variant=\"outline\" size=\"sm\">\n                  <Plus className=\"mr-2 h-4 w-4\" />\n                  Add Start Node\n                </Button>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowsWorkflowExecutionsPage.d.ts","sourceRoot":"","sources":["../../../src/assethandler/pages/WorkflowsWorkflowExecutionsPage.tsx"],"names":[],"mappings":"AAwBA,wBAAgB,+BAA+B,4CAuK9C"}