@burdenoff/microfe-admin 2026.624.1 → 2026.626.1

package/dist/admin/pages/UsersListPage.js

@@ -4,89 +4,90 @@ import { useAdminPermissions as n } from "../hooks/useAdminPermissions.js";
 import { Avatar as r, Button as i, EmptyState as a, Input as o } from "../components/ui.js";
 import { PageLayout as s } from "../components/PageLayout.js";
 import { UserStatusBadge as c } from "../components/StatusBadge.js";
-import { formatDate as ee, formatRelativeTime as l } from "../utils/formatters.js";
-import { DataTable as u, Pagination as d } from "../components/DataTable.js";
+import { formatDate as l, formatNumber as u, formatRelativeTime as ee } from "../utils/formatters.js";
+import { DataTable as te, Pagination as d } from "../components/DataTable.js";
 import { tWithFallback as f } from "../utils/i18n.js";
 import { RowActions as p } from "../components/RowActions.js";
 import { PermissionGuard as m } from "../components/PermissionGuard.js";
 import "../components/index.js";
 import { joinPath as h } from "../utils/navigation.js";
 import { mapUserToUi as g } from "../utils/mappers.js";
-import { useListUsersQuery as _, useUpdateUserMutation as v } from "../../generated/global-operations.js";
-import { useAdminStore as y } from "../store/adminStore.js";
-import { UserStatus as b } from "../../generated/global-types.js";
-import { useCallback as x, useMemo as S, useState as C } from "react";
-import { Search as w, Users as T } from "lucide-react";
-import { useNavigate as E } from "react-router-dom";
-import { jsx as D, jsxs as O } from "react/jsx-runtime";
-import { useI18n as k } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useListUsersQuery as ne, useUpdateUserMutation as _ } from "../../generated/global-operations.js";
+import { useAdminStore as v } from "../store/adminStore.js";
+import { UserStatus as y } from "../../generated/global-types.js";
+import { useCallback as b, useMemo as x, useState as S } from "react";
+import { Search as C, Users as w } from "lucide-react";
+import { useNavigate as T } from "react-router-dom";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { EmphasisPanel as O, PagePurpose as k } from "@burdenoff/fe-libs/ui";
+import { useI18n as A } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/admin/pages/UsersListPage.tsx
-var A = 20;
-function j() {
-	let { canViewUsers: j, canUpdateUsers: M, isLoading: N } = n(), P = E(), { basePath: F = "" } = t(), { userFilter: I, updateUserFilter: L } = y(), R = e(), { t: z } = k(), B = x((e, t, n) => f(z, e, t, n), [z]), [V, H] = C(1), U = S(() => {
+var j = 20;
+function M() {
+	let { canViewUsers: M, canUpdateUsers: N, isLoading: P } = n(), F = T(), { basePath: I = "" } = t(), { userFilter: L, updateUserFilter: R } = v(), z = e(), { t: B } = A(), V = b((e, t, n) => f(B, e, t, n), [B]), [H, U] = S(1), W = x(() => {
 		let e = {};
-		I.search && (e.search = I.search);
+		L.search && (e.search = L.search);
 		let t = {
-			active: b.Active,
-			inactive: b.Inactive,
-			blocked: b.Suspended
+			active: y.Active,
+			inactive: y.Inactive,
+			blocked: y.Suspended
 		};
-		return I.status !== "all" && t[I.status] && (e.status = t[I.status]), e;
-	}, [I.search, I.status]), W = N || !j, { data: G, loading: K, error: q, refetch: J } = _({
+		return L.status !== "all" && t[L.status] && (e.status = t[L.status]), e;
+	}, [L.search, L.status]), G = P || !M, { data: K, loading: q, error: J, refetch: Y } = ne({
 		variables: {
-			filter: U,
+			filter: W,
 			pagination: {
-				limit: A,
-				offset: (V - 1) * A
+				limit: j,
+				offset: (H - 1) * j
 			}
 		},
 		fetchPolicy: "cache-and-network",
-		skip: W
-	}), [Y, { loading: X }] = v({
+		skip: G
+	}), [X, { loading: Z }] = _({
 		onCompleted: () => {
-			R.success(B("admin.users.toast.updatedTitle", "User updated"), B("admin.users.toast.updatedDescription", "User status has been successfully updated.")), J();
+			z.success(V("admin.users.toast.updatedTitle", "User updated"), V("admin.users.toast.updatedDescription", "User status has been successfully updated.")), Y();
 		},
 		onError: (e) => {
-			R.error(B("admin.users.toast.updateFailedTitle", "Update failed"), e.message);
+			z.error(V("admin.users.toast.updateFailedTitle", "Update failed"), e.message);
 		}
-	}), Z = x(async (e) => {
-		let t = e.status === "active" ? b.Inactive : b.Active;
-		await Y({ variables: {
+	}), Q = b(async (e) => {
+		let t = e.status === "active" ? y.Inactive : y.Active;
+		await X({ variables: {
 			id: e.id,
 			input: { status: t }
 		} });
-	}, [Y]), Q = S(() => (G?.users?.users ?? []).map(g), [G]), $ = G?.users?.totalCount ?? 0, te = Math.ceil($ / A), ne = x((e) => {
+	}, [X]), re = x(() => (K?.users?.users ?? []).map(g), [K]), $ = K?.users?.totalCount ?? 0, ie = Math.ceil($ / j), ae = b((e) => {
 		let t = [{
 			key: "view",
-			label: B("admin.users.actions.viewDetails", "View Details"),
-			onClick: () => P(h(F, `users/${e.id}`))
+			label: V("admin.users.actions.viewDetails", "View Details"),
+			onClick: () => F(h(I, `users/${e.id}`))
 		}];
-		return M && t.push({
+		return N && t.push({
 			key: "toggle-status",
-			label: e.status === "active" ? B("admin.users.actions.disableUser", "Disable User") : B("admin.users.actions.enableUser", "Enable User"),
-			onClick: () => Z(e)
+			label: e.status === "active" ? V("admin.users.actions.disableUser", "Disable User") : V("admin.users.actions.enableUser", "Enable User"),
+			onClick: () => Q(e)
 		}), t;
 	}, [
-		P,
 		F,
-		M,
-		Z,
-		B
-	]), re = [
+		I,
+		N,
+		Q,
+		V
+	]), oe = [
 		{
 			key: "name",
-			header: B("admin.users.table.user", "User"),
-			render: (e) => /* @__PURE__ */ O("div", {
+			header: V("admin.users.table.user", "User"),
+			render: (e) => /* @__PURE__ */ D("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ D(r, {
+				children: [/* @__PURE__ */ E(r, {
 					fallback: (e.firstName?.[0] ?? e.email[0]).toUpperCase(),
 					size: "sm"
-				}), /* @__PURE__ */ O("div", {
+				}), /* @__PURE__ */ D("div", {
 					className: "min-w-0",
-					children: [/* @__PURE__ */ D("div", {
+					children: [/* @__PURE__ */ E("div", {
 						className: "truncate font-medium text-text-primary",
 						children: e.name || e.email
-					}), /* @__PURE__ */ D("div", {
+					}), /* @__PURE__ */ E("div", {
 						className: "truncate text-xs text-text-secondary",
 						children: e.email
 					})]
@@ -95,149 +96,165 @@ function j() {
 		},
 		{
 			key: "status",
-			header: B("admin.users.table.status", "Status"),
+			header: V("admin.users.table.status", "Status"),
 			width: "120px",
-			render: (e) => /* @__PURE__ */ D(c, { status: e.status })
+			render: (e) => /* @__PURE__ */ E(c, { status: e.status })
 		},
 		{
 			key: "role",
-			header: B("admin.users.table.role", "Role"),
+			header: V("admin.users.table.role", "Role"),
 			width: "120px"
 		},
 		{
 			key: "tenantId",
-			header: B("admin.users.table.tenant", "Tenant"),
+			header: V("admin.users.table.tenant", "Tenant"),
 			width: "150px",
-			render: (e) => /* @__PURE__ */ D("span", {
+			render: (e) => /* @__PURE__ */ E("span", {
 				className: "text-xs text-text-secondary",
 				children: e.tenantId || "—"
 			})
 		},
 		{
 			key: "createdAt",
-			header: B("admin.users.table.joined", "Joined"),
+			header: V("admin.users.table.joined", "Joined"),
 			width: "120px",
 			sortable: !0,
-			render: (e) => ee(e.createdAt)
+			render: (e) => l(e.createdAt)
 		},
 		{
 			key: "lastLoginAt",
-			header: B("admin.users.table.lastLogin", "Last Login"),
+			header: V("admin.users.table.lastLogin", "Last Login"),
 			width: "130px",
-			render: (e) => e.lastLoginAt ? l(e.lastLoginAt) : B("admin.users.table.never", "Never")
+			render: (e) => e.lastLoginAt ? ee(e.lastLoginAt) : V("admin.users.table.never", "Never")
 		},
 		{
 			key: "actions",
 			header: "",
 			width: "50px",
 			align: "right",
-			render: (e) => /* @__PURE__ */ D(p, {
-				actions: ne(e),
-				ariaLabel: B("admin.users.table.actionsFor", "Actions for {{email}}", { email: e.email })
+			render: (e) => /* @__PURE__ */ E(p, {
+				actions: ae(e),
+				ariaLabel: V("admin.users.table.actionsFor", "Actions for {{email}}", { email: e.email })
 			})
 		}
 	];
-	return /* @__PURE__ */ D(m, {
-		allowed: j,
-		isLoading: N,
-		pageTitle: B("admin.users.title", "Users"),
-		denyMessage: B("admin.users.denyMessage", "You don't have permission to view users."),
-		children: /* @__PURE__ */ D(s, {
-			title: B("admin.users.title", "Users"),
-			description: $ ? B("admin.users.descriptionWithTotal", "Manage all users on the platform · {{total}} total", { total: $ }) : B("admin.users.description", "Manage all users on the platform"),
-			children: /* @__PURE__ */ O("div", {
+	return /* @__PURE__ */ E(m, {
+		allowed: M,
+		isLoading: P,
+		pageTitle: V("admin.users.title", "Users"),
+		denyMessage: V("admin.users.denyMessage", "You don't have permission to view users."),
+		children: /* @__PURE__ */ E(s, {
+			title: V("admin.users.title", "Users"),
+			gradientWord: V("admin.users.title", "Users"),
+			description: $ ? V("admin.users.descriptionWithTotal", "Manage all users on the platform · {{total}} total", { total: $ }) : V("admin.users.description", "Manage all users on the platform"),
+			children: /* @__PURE__ */ D("div", {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ O("div", {
+					/* @__PURE__ */ E(k, { children: V("admin.users.purpose", "Every person with an account across all tenants lives here. Use this page to find someone by name or email, check when they last signed in, and enable or disable their access when they join, leave, or need to be locked out.") }),
+					/* @__PURE__ */ D(O, {
+						className: "flex items-center gap-4 p-5",
+						children: [/* @__PURE__ */ E("div", {
+							className: "flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-action-primary-bg/15 text-action-primary-bg",
+							children: /* @__PURE__ */ E(w, { className: "h-6 w-6" })
+						}), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("div", {
+							className: "text-3xl font-bold tabular-nums text-text-primary",
+							children: u($)
+						}), /* @__PURE__ */ E("p", {
+							className: "text-sm text-text-secondary",
+							children: V("admin.users.emphasis.label", "users across all tenants")
+						})] })]
+					}),
+					/* @__PURE__ */ D("div", {
 						className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-						children: [/* @__PURE__ */ O("div", {
+						children: [/* @__PURE__ */ D("div", {
 							className: "relative max-w-sm flex-1",
-							children: [/* @__PURE__ */ D(w, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ D(o, {
-								placeholder: B("admin.users.searchPlaceholder", "Search by email or name..."),
-								value: I.search,
+							children: [/* @__PURE__ */ E(C, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ E(o, {
+								placeholder: V("admin.users.searchPlaceholder", "Search by email or name..."),
+								value: L.search,
 								onChange: (e) => {
-									H(1), L({ search: e.target.value });
+									U(1), R({ search: e.target.value });
 								},
 								className: "pl-9"
 							})]
-						}), /* @__PURE__ */ O("div", {
+						}), /* @__PURE__ */ D("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ O("select", {
-								value: I.status,
+							children: [/* @__PURE__ */ D("select", {
+								value: L.status,
 								onChange: (e) => {
-									H(1), L({ status: e.target.value });
+									U(1), R({ status: e.target.value });
 								},
 								className: "h-10 rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:ring-offset-2",
 								children: [
-									/* @__PURE__ */ D("option", {
+									/* @__PURE__ */ E("option", {
 										value: "all",
-										children: B("admin.users.filters.status.all", "All Status")
+										children: V("admin.users.filters.status.all", "All Status")
 									}),
-									/* @__PURE__ */ D("option", {
+									/* @__PURE__ */ E("option", {
 										value: "active",
-										children: B("admin.users.filters.status.active", "Active")
+										children: V("admin.users.filters.status.active", "Active")
 									}),
-									/* @__PURE__ */ D("option", {
+									/* @__PURE__ */ E("option", {
 										value: "inactive",
-										children: B("admin.users.filters.status.inactive", "Inactive")
+										children: V("admin.users.filters.status.inactive", "Inactive")
 									}),
-									/* @__PURE__ */ D("option", {
+									/* @__PURE__ */ E("option", {
 										value: "blocked",
-										children: B("admin.users.filters.status.suspended", "Suspended")
+										children: V("admin.users.filters.status.suspended", "Suspended")
 									})
 								]
-							}), (I.search || I.status !== "all") && /* @__PURE__ */ D(i, {
+							}), (L.search || L.status !== "all") && /* @__PURE__ */ E(i, {
 								variant: "ghost",
 								onClick: () => {
-									H(1), L({
+									U(1), R({
 										search: "",
 										status: "all"
 									});
 								},
-								children: B("admin.users.filters.clear", "Clear")
+								children: V("admin.users.filters.clear", "Clear")
 							})]
 						})]
 					}),
-					q && /* @__PURE__ */ O("div", {
+					J && /* @__PURE__ */ D("div", {
 						className: "rounded-md border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text",
 						children: [
-							B("admin.users.error.loadFailed", "Failed to load users"),
+							V("admin.users.error.loadFailed", "Failed to load users"),
 							": ",
-							q.message
+							J.message
 						]
 					}),
-					/* @__PURE__ */ D(u, {
-						columns: re,
-						data: Q,
+					/* @__PURE__ */ E(te, {
+						columns: oe,
+						data: re,
 						keyExtractor: (e) => e.id,
-						onRowClick: (e) => P(h(F, `users/${e.id}`)),
-						sortBy: I.sortBy,
-						sortOrder: I.sortOrder,
-						onSort: (e, t) => L({
+						onRowClick: (e) => F(h(I, `users/${e.id}`)),
+						sortBy: L.sortBy,
+						sortOrder: L.sortOrder,
+						onSort: (e, t) => R({
 							sortBy: e,
 							sortOrder: t
 						}),
-						loading: K || X,
-						emptyState: /* @__PURE__ */ D(a, {
-							icon: /* @__PURE__ */ D(T, { className: "h-8 w-8" }),
-							title: B("admin.users.empty.title", "No users found"),
-							description: B("admin.users.empty.description", "Try adjusting your search or filters"),
-							action: /* @__PURE__ */ D(i, {
+						loading: q || Z,
+						emptyState: /* @__PURE__ */ E(a, {
+							illustration: "empty-people",
+							icon: /* @__PURE__ */ E(w, { className: "h-8 w-8" }),
+							title: V("admin.users.empty.title", "No users found"),
+							description: V("admin.users.empty.description", "Try adjusting your search or filters"),
+							action: /* @__PURE__ */ E(i, {
 								variant: "outline",
-								onClick: () => L({
+								onClick: () => R({
 									search: "",
 									status: "all"
 								}),
-								children: B("admin.users.empty.clearFilters", "Clear filters")
+								children: V("admin.users.empty.clearFilters", "Clear filters")
 							})
 						})
 					}),
-					$ > A && /* @__PURE__ */ D(d, {
-						page: V,
-						totalPages: te,
+					$ > j && /* @__PURE__ */ E(d, {
+						page: H,
+						totalPages: ie,
 						totalItems: $,
-						pageSize: A,
-						onPageChange: H
+						pageSize: j,
+						onPageChange: U
 					})
 				]
 			})
@@ -245,6 +262,6 @@ function j() {
 	});
 }
 //#endregion
-export { j as UsersListPage };
+export { M as UsersListPage };
 
 //# sourceMappingURL=UsersListPage.js.map

package/dist/admin/pages/UsersListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"UsersListPage.js","names":[],"sources":["../../../src/admin/pages/UsersListPage.tsx"],"sourcesContent":["import { useState, useMemo, useCallback } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { Search, Users as UsersIcon } from 'lucide-react';\nimport { useAdmin } from '../providers/AdminProvider';\nimport { useAdminStore } from '../store/adminStore';\nimport { useAdminPermissions } from '../hooks/useAdminPermissions';\nimport {\n  PageLayout,\n  Input,\n  DataTable,\n  Pagination,\n  UserStatusBadge,\n  EmptyState,\n  Avatar,\n  Button,\n  RowActions,\n  useToast,\n  PermissionGuard,\n} from '../components';\nimport { joinPath } from '../utils/navigation';\nimport { formatDate, formatRelativeTime } from '../utils/formatters';\nimport { mapUserToUi } from '../utils/mappers';\nimport type { User, UserFilter } from '../types';\nimport { useListUsersQuery, useUpdateUserMutation } from '../../generated/global-operations';\nimport { UserStatus as GqlUserStatus } from '../../generated/global-types';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\n\nconst PAGE_SIZE = 20;\n\n/**\n * Users list page — connected to real backend with enable/disable actions\n */\nexport function UsersListPage() {\n  const { canViewUsers, canUpdateUsers, isLoading: permissionsLoading } = useAdminPermissions();\n\n  const navigate = useNavigate();\n  const { basePath = '' } = useAdmin();\n  const { userFilter, updateUserFilter } = useAdminStore();\n  const toast = useToast();\n  const { t } = useI18n();\n  const tr = useCallback(\n    (key: string, fallback: string, params?: Record<string, string | number>): string =>\n      tWithFallback(t, key, fallback, params),\n    [t]\n  );\n\n  const [page, setPage] = useState(1);\n\n  // Build GraphQL filter\n  const gqlFilter = useMemo(() => {\n    const f: {\n      search?: string;\n      status?: GqlUserStatus;\n    } = {};\n    if (userFilter.search) f.search = userFilter.search;\n    const statusMap: Record<string, GqlUserStatus> = {\n      active: GqlUserStatus.Active,\n      inactive: GqlUserStatus.Inactive,\n      blocked: GqlUserStatus.Suspended,\n    };\n    if (userFilter.status !== 'all' && statusMap[userFilter.status]) {\n      f.status = statusMap[userFilter.status];\n    }\n    return f;\n  }, [userFilter.search, userFilter.status]);\n\n  const skipQueries = permissionsLoading || !canViewUsers;\n\n  const { data, loading, error, refetch } = useListUsersQuery({\n    variables: {\n      filter: gqlFilter,\n      pagination: {\n        limit: PAGE_SIZE,\n        offset: (page - 1) * PAGE_SIZE,\n      },\n    },\n    fetchPolicy: 'cache-and-network',\n    skip: skipQueries,\n  });\n\n  const [updateUser, { loading: isUpdating }] = useUpdateUserMutation({\n    onCompleted: () => {\n      toast.success(\n        tr('admin.users.toast.updatedTitle', 'User updated'),\n        tr('admin.users.toast.updatedDescription', 'User status has been successfully updated.')\n      );\n      void refetch();\n    },\n    onError: (err) => {\n      toast.error(tr('admin.users.toast.updateFailedTitle', 'Update failed'), err.message);\n    },\n  });\n\n  const handleToggleStatus = useCallback(\n    async (user: User) => {\n      const newStatus = user.status === 'active' ? GqlUserStatus.Inactive : GqlUserStatus.Active;\n      await updateUser({\n        variables: {\n          id: user.id,\n          input: {\n            status: newStatus,\n          },\n        },\n      });\n    },\n    [updateUser]\n  );\n\n  const users: User[] = useMemo(() => (data?.users?.users ?? []).map(mapUserToUi), [data]);\n\n  const total = data?.users?.totalCount ?? 0;\n  const totalPages = Math.ceil(total / PAGE_SIZE);\n\n  const getRowActions = useCallback(\n    (user: User) => {\n      const actions = [\n        {\n          key: 'view',\n          label: tr('admin.users.actions.viewDetails', 'View Details'),\n          onClick: () => navigate(joinPath(basePath, `users/${user.id}`)),\n        },\n      ];\n\n      if (canUpdateUsers) {\n        actions.push({\n          key: 'toggle-status',\n          label:\n            user.status === 'active'\n              ? tr('admin.users.actions.disableUser', 'Disable User')\n              : tr('admin.users.actions.enableUser', 'Enable User'),\n          onClick: () => handleToggleStatus(user),\n        });\n      }\n\n      return actions;\n    },\n    [navigate, basePath, canUpdateUsers, handleToggleStatus, tr]\n  );\n\n  const columns = [\n    {\n      key: 'name',\n      header: tr('admin.users.table.user', 'User'),\n      render: (user: User) => (\n        <div className=\"flex items-center gap-3\">\n          <Avatar fallback={(user.firstName?.[0] ?? user.email[0]).toUpperCase()} size=\"sm\" />\n          <div className=\"min-w-0\">\n            <div className=\"truncate font-medium text-text-primary\">{user.name || user.email}</div>\n            <div className=\"truncate text-xs text-text-secondary\">{user.email}</div>\n          </div>\n        </div>\n      ),\n    },\n    {\n      key: 'status',\n      header: tr('admin.users.table.status', 'Status'),\n      width: '120px',\n      render: (user: User) => <UserStatusBadge status={user.status} />,\n    },\n    {\n      key: 'role',\n      header: tr('admin.users.table.role', 'Role'),\n      width: '120px',\n    },\n    {\n      key: 'tenantId',\n      header: tr('admin.users.table.tenant', 'Tenant'),\n      width: '150px',\n      render: (user: User) => (\n        <span className=\"text-xs text-text-secondary\">{user.tenantId || '—'}</span>\n      ),\n    },\n    {\n      key: 'createdAt',\n      header: tr('admin.users.table.joined', 'Joined'),\n      width: '120px',\n      sortable: true,\n      render: (user: User) => formatDate(user.createdAt),\n    },\n    {\n      key: 'lastLoginAt',\n      header: tr('admin.users.table.lastLogin', 'Last Login'),\n      width: '130px',\n      render: (user: User) =>\n        user.lastLoginAt\n          ? formatRelativeTime(user.lastLoginAt)\n          : tr('admin.users.table.never', 'Never'),\n    },\n    {\n      key: 'actions',\n      header: '',\n      width: '50px',\n      align: 'right' as const,\n      render: (user: User) => (\n        <RowActions\n          actions={getRowActions(user)}\n          ariaLabel={tr('admin.users.table.actionsFor', 'Actions for {{email}}', {\n            email: user.email,\n          })}\n        />\n      ),\n    },\n  ];\n\n  return (\n    <PermissionGuard\n      allowed={canViewUsers}\n      isLoading={permissionsLoading}\n      pageTitle={tr('admin.users.title', 'Users')}\n      denyMessage={tr('admin.users.denyMessage', \"You don't have permission to view users.\")}\n    >\n      <PageLayout\n        title={tr('admin.users.title', 'Users')}\n        description={\n          total\n            ? tr(\n                'admin.users.descriptionWithTotal',\n                'Manage all users on the platform · {{total}} total',\n                { total }\n              )\n            : tr('admin.users.description', 'Manage all users on the platform')\n        }\n      >\n        <div className=\"space-y-4\">\n          {/* Filters */}\n          <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n            <div className=\"relative max-w-sm flex-1\">\n              <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n              <Input\n                placeholder={tr('admin.users.searchPlaceholder', 'Search by email or name...')}\n                value={userFilter.search}\n                onChange={(e) => {\n                  setPage(1);\n                  updateUserFilter({ search: e.target.value });\n                }}\n                className=\"pl-9\"\n              />\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <select\n                value={userFilter.status}\n                onChange={(e) => {\n                  setPage(1);\n                  updateUserFilter({ status: e.target.value as UserFilter['status'] });\n                }}\n                className=\"h-10 rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:ring-offset-2\"\n              >\n                <option value=\"all\">{tr('admin.users.filters.status.all', 'All Status')}</option>\n                <option value=\"active\">{tr('admin.users.filters.status.active', 'Active')}</option>\n                <option value=\"inactive\">\n                  {tr('admin.users.filters.status.inactive', 'Inactive')}\n                </option>\n                <option value=\"blocked\">\n                  {tr('admin.users.filters.status.suspended', 'Suspended')}\n                </option>\n              </select>\n              {(userFilter.search || userFilter.status !== 'all') && (\n                <Button\n                  variant=\"ghost\"\n                  onClick={() => {\n                    setPage(1);\n                    updateUserFilter({ search: '', status: 'all' });\n                  }}\n                >\n                  {tr('admin.users.filters.clear', 'Clear')}\n                </Button>\n              )}\n            </div>\n          </div>\n\n          {/* Error */}\n          {error && (\n            <div className=\"rounded-md border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text\">\n              {tr('admin.users.error.loadFailed', 'Failed to load users')}: {error.message}\n            </div>\n          )}\n\n          {/* Table */}\n          <DataTable\n            columns={columns}\n            data={users}\n            keyExtractor={(u) => u.id}\n            onRowClick={(u) => navigate(joinPath(basePath, `users/${u.id}`))}\n            sortBy={userFilter.sortBy}\n            sortOrder={userFilter.sortOrder}\n            onSort={(column, order) =>\n              updateUserFilter({\n                sortBy: column as UserFilter['sortBy'],\n                sortOrder: order,\n              })\n            }\n            loading={loading || isUpdating}\n            emptyState={\n              <EmptyState\n                icon={<UsersIcon className=\"h-8 w-8\" />}\n                title={tr('admin.users.empty.title', 'No users found')}\n                description={tr(\n                  'admin.users.empty.description',\n                  'Try adjusting your search or filters'\n                )}\n                action={\n                  <Button\n                    variant=\"outline\"\n                    onClick={() => updateUserFilter({ search: '', status: 'all' })}\n                  >\n                    {tr('admin.users.empty.clearFilters', 'Clear filters')}\n                  </Button>\n                }\n              />\n            }\n          />\n\n          {/* Pagination */}\n          {total > PAGE_SIZE && (\n            <Pagination\n              page={page}\n              totalPages={totalPages}\n              totalItems={total}\n              pageSize={PAGE_SIZE}\n              onPageChange={setPage}\n            />\n          )}\n        </div>\n      </PageLayout>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"UsersListPage.js","names":[],"sources":["../../../src/admin/pages/UsersListPage.tsx"],"sourcesContent":["import { useState, useMemo, useCallback } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { Search, Users as UsersIcon } from 'lucide-react';\nimport { useAdmin } from '../providers/AdminProvider';\nimport { useAdminStore } from '../store/adminStore';\nimport { useAdminPermissions } from '../hooks/useAdminPermissions';\nimport {\n  PageLayout,\n  Input,\n  DataTable,\n  Pagination,\n  UserStatusBadge,\n  EmptyState,\n  Avatar,\n  Button,\n  RowActions,\n  useToast,\n  PermissionGuard,\n} from '../components';\nimport { joinPath } from '../utils/navigation';\nimport { formatDate, formatRelativeTime, formatNumber } from '../utils/formatters';\nimport { mapUserToUi } from '../utils/mappers';\nimport type { User, UserFilter } from '../types';\nimport { useListUsersQuery, useUpdateUserMutation } from '../../generated/global-operations';\nimport { UserStatus as GqlUserStatus } from '../../generated/global-types';\nimport { PagePurpose, EmphasisPanel } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\n\nconst PAGE_SIZE = 20;\n\n/**\n * Users list page — connected to real backend with enable/disable actions\n */\nexport function UsersListPage() {\n  const { canViewUsers, canUpdateUsers, isLoading: permissionsLoading } = useAdminPermissions();\n\n  const navigate = useNavigate();\n  const { basePath = '' } = useAdmin();\n  const { userFilter, updateUserFilter } = useAdminStore();\n  const toast = useToast();\n  const { t } = useI18n();\n  const tr = useCallback(\n    (key: string, fallback: string, params?: Record<string, string | number>): string =>\n      tWithFallback(t, key, fallback, params),\n    [t]\n  );\n\n  const [page, setPage] = useState(1);\n\n  // Build GraphQL filter\n  const gqlFilter = useMemo(() => {\n    const f: {\n      search?: string;\n      status?: GqlUserStatus;\n    } = {};\n    if (userFilter.search) f.search = userFilter.search;\n    const statusMap: Record<string, GqlUserStatus> = {\n      active: GqlUserStatus.Active,\n      inactive: GqlUserStatus.Inactive,\n      blocked: GqlUserStatus.Suspended,\n    };\n    if (userFilter.status !== 'all' && statusMap[userFilter.status]) {\n      f.status = statusMap[userFilter.status];\n    }\n    return f;\n  }, [userFilter.search, userFilter.status]);\n\n  const skipQueries = permissionsLoading || !canViewUsers;\n\n  const { data, loading, error, refetch } = useListUsersQuery({\n    variables: {\n      filter: gqlFilter,\n      pagination: {\n        limit: PAGE_SIZE,\n        offset: (page - 1) * PAGE_SIZE,\n      },\n    },\n    fetchPolicy: 'cache-and-network',\n    skip: skipQueries,\n  });\n\n  const [updateUser, { loading: isUpdating }] = useUpdateUserMutation({\n    onCompleted: () => {\n      toast.success(\n        tr('admin.users.toast.updatedTitle', 'User updated'),\n        tr('admin.users.toast.updatedDescription', 'User status has been successfully updated.')\n      );\n      void refetch();\n    },\n    onError: (err) => {\n      toast.error(tr('admin.users.toast.updateFailedTitle', 'Update failed'), err.message);\n    },\n  });\n\n  const handleToggleStatus = useCallback(\n    async (user: User) => {\n      const newStatus = user.status === 'active' ? GqlUserStatus.Inactive : GqlUserStatus.Active;\n      await updateUser({\n        variables: {\n          id: user.id,\n          input: {\n            status: newStatus,\n          },\n        },\n      });\n    },\n    [updateUser]\n  );\n\n  const users: User[] = useMemo(() => (data?.users?.users ?? []).map(mapUserToUi), [data]);\n\n  const total = data?.users?.totalCount ?? 0;\n  const totalPages = Math.ceil(total / PAGE_SIZE);\n\n  const getRowActions = useCallback(\n    (user: User) => {\n      const actions = [\n        {\n          key: 'view',\n          label: tr('admin.users.actions.viewDetails', 'View Details'),\n          onClick: () => navigate(joinPath(basePath, `users/${user.id}`)),\n        },\n      ];\n\n      if (canUpdateUsers) {\n        actions.push({\n          key: 'toggle-status',\n          label:\n            user.status === 'active'\n              ? tr('admin.users.actions.disableUser', 'Disable User')\n              : tr('admin.users.actions.enableUser', 'Enable User'),\n          onClick: () => handleToggleStatus(user),\n        });\n      }\n\n      return actions;\n    },\n    [navigate, basePath, canUpdateUsers, handleToggleStatus, tr]\n  );\n\n  const columns = [\n    {\n      key: 'name',\n      header: tr('admin.users.table.user', 'User'),\n      render: (user: User) => (\n        <div className=\"flex items-center gap-3\">\n          <Avatar fallback={(user.firstName?.[0] ?? user.email[0]).toUpperCase()} size=\"sm\" />\n          <div className=\"min-w-0\">\n            <div className=\"truncate font-medium text-text-primary\">{user.name || user.email}</div>\n            <div className=\"truncate text-xs text-text-secondary\">{user.email}</div>\n          </div>\n        </div>\n      ),\n    },\n    {\n      key: 'status',\n      header: tr('admin.users.table.status', 'Status'),\n      width: '120px',\n      render: (user: User) => <UserStatusBadge status={user.status} />,\n    },\n    {\n      key: 'role',\n      header: tr('admin.users.table.role', 'Role'),\n      width: '120px',\n    },\n    {\n      key: 'tenantId',\n      header: tr('admin.users.table.tenant', 'Tenant'),\n      width: '150px',\n      render: (user: User) => (\n        <span className=\"text-xs text-text-secondary\">{user.tenantId || '—'}</span>\n      ),\n    },\n    {\n      key: 'createdAt',\n      header: tr('admin.users.table.joined', 'Joined'),\n      width: '120px',\n      sortable: true,\n      render: (user: User) => formatDate(user.createdAt),\n    },\n    {\n      key: 'lastLoginAt',\n      header: tr('admin.users.table.lastLogin', 'Last Login'),\n      width: '130px',\n      render: (user: User) =>\n        user.lastLoginAt\n          ? formatRelativeTime(user.lastLoginAt)\n          : tr('admin.users.table.never', 'Never'),\n    },\n    {\n      key: 'actions',\n      header: '',\n      width: '50px',\n      align: 'right' as const,\n      render: (user: User) => (\n        <RowActions\n          actions={getRowActions(user)}\n          ariaLabel={tr('admin.users.table.actionsFor', 'Actions for {{email}}', {\n            email: user.email,\n          })}\n        />\n      ),\n    },\n  ];\n\n  return (\n    <PermissionGuard\n      allowed={canViewUsers}\n      isLoading={permissionsLoading}\n      pageTitle={tr('admin.users.title', 'Users')}\n      denyMessage={tr('admin.users.denyMessage', \"You don't have permission to view users.\")}\n    >\n      <PageLayout\n        title={tr('admin.users.title', 'Users')}\n        gradientWord={tr('admin.users.title', 'Users')}\n        description={\n          total\n            ? tr(\n                'admin.users.descriptionWithTotal',\n                'Manage all users on the platform · {{total}} total',\n                { total }\n              )\n            : tr('admin.users.description', 'Manage all users on the platform')\n        }\n      >\n        <div className=\"space-y-4\">\n          <PagePurpose>\n            {tr(\n              'admin.users.purpose',\n              'Every person with an account across all tenants lives here. Use this page to find someone by name or email, check when they last signed in, and enable or disable their access when they join, leave, or need to be locked out.'\n            )}\n          </PagePurpose>\n\n          {/* Emphasis: total user count — the headline stat for this page. */}\n          <EmphasisPanel className=\"flex items-center gap-4 p-5\">\n            <div className=\"flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-action-primary-bg/15 text-action-primary-bg\">\n              <UsersIcon className=\"h-6 w-6\" />\n            </div>\n            <div>\n              <div className=\"text-3xl font-bold tabular-nums text-text-primary\">\n                {formatNumber(total)}\n              </div>\n              <p className=\"text-sm text-text-secondary\">\n                {tr('admin.users.emphasis.label', 'users across all tenants')}\n              </p>\n            </div>\n          </EmphasisPanel>\n\n          {/* Filters */}\n          <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n            <div className=\"relative max-w-sm flex-1\">\n              <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n              <Input\n                placeholder={tr('admin.users.searchPlaceholder', 'Search by email or name...')}\n                value={userFilter.search}\n                onChange={(e) => {\n                  setPage(1);\n                  updateUserFilter({ search: e.target.value });\n                }}\n                className=\"pl-9\"\n              />\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <select\n                value={userFilter.status}\n                onChange={(e) => {\n                  setPage(1);\n                  updateUserFilter({ status: e.target.value as UserFilter['status'] });\n                }}\n                className=\"h-10 rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:ring-offset-2\"\n              >\n                <option value=\"all\">{tr('admin.users.filters.status.all', 'All Status')}</option>\n                <option value=\"active\">{tr('admin.users.filters.status.active', 'Active')}</option>\n                <option value=\"inactive\">\n                  {tr('admin.users.filters.status.inactive', 'Inactive')}\n                </option>\n                <option value=\"blocked\">\n                  {tr('admin.users.filters.status.suspended', 'Suspended')}\n                </option>\n              </select>\n              {(userFilter.search || userFilter.status !== 'all') && (\n                <Button\n                  variant=\"ghost\"\n                  onClick={() => {\n                    setPage(1);\n                    updateUserFilter({ search: '', status: 'all' });\n                  }}\n                >\n                  {tr('admin.users.filters.clear', 'Clear')}\n                </Button>\n              )}\n            </div>\n          </div>\n\n          {/* Error */}\n          {error && (\n            <div className=\"rounded-md border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text\">\n              {tr('admin.users.error.loadFailed', 'Failed to load users')}: {error.message}\n            </div>\n          )}\n\n          {/* Table */}\n          <DataTable\n            columns={columns}\n            data={users}\n            keyExtractor={(u) => u.id}\n            onRowClick={(u) => navigate(joinPath(basePath, `users/${u.id}`))}\n            sortBy={userFilter.sortBy}\n            sortOrder={userFilter.sortOrder}\n            onSort={(column, order) =>\n              updateUserFilter({\n                sortBy: column as UserFilter['sortBy'],\n                sortOrder: order,\n              })\n            }\n            loading={loading || isUpdating}\n            emptyState={\n              <EmptyState\n                illustration=\"empty-people\"\n                icon={<UsersIcon className=\"h-8 w-8\" />}\n                title={tr('admin.users.empty.title', 'No users found')}\n                description={tr(\n                  'admin.users.empty.description',\n                  'Try adjusting your search or filters'\n                )}\n                action={\n                  <Button\n                    variant=\"outline\"\n                    onClick={() => updateUserFilter({ search: '', status: 'all' })}\n                  >\n                    {tr('admin.users.empty.clearFilters', 'Clear filters')}\n                  </Button>\n                }\n              />\n            }\n          />\n\n          {/* Pagination */}\n          {total > PAGE_SIZE && (\n            <Pagination\n              page={page}\n              totalPages={totalPages}\n              totalItems={total}\n              pageSize={PAGE_SIZE}\n              onPageChange={setPage}\n            />\n          )}\n        </div>\n      </PageLayout>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}