@burdenoff/microfe-proserviceworld 2026.525.1 → 2026.625.1

package/dist/proserviceworld/pages/AdminUsersPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdminUsersPage.js","names":[],"sources":["../../../src/proserviceworld/pages/AdminUsersPage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Input,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  Search,\n  Filter,\n  Users,\n  UserCheck,\n  UserX,\n  Shield,\n  Star,\n  CheckCircle2,\n  XCircle,\n  Clock,\n  Ban,\n  MoreHorizontal,\n  Download,\n  Plus,\n  Mail,\n  Calendar,\n} from 'lucide-react';\nimport { useProServiceWorldStore } from '../store/proserviceworldStore';\nimport type { AdminUserRole, AdminUserStatus } from '../types';\n\nconst roleConfig: Record<\n  AdminUserRole,\n  { label: string; variant: 'default' | 'secondary' | 'outline' | 'destructive' }\n> = {\n  client: { label: 'Client', variant: 'secondary' },\n  provider: { label: 'Provider', variant: 'default' },\n  admin: { label: 'Admin', variant: 'destructive' },\n  team_member: { label: 'Team', variant: 'outline' },\n};\n\nconst statusConfig: Record<\n  AdminUserStatus,\n  { label: string; icon: typeof CheckCircle2; color: string }\n> = {\n  active: { label: 'Active', icon: CheckCircle2, color: 'text-green-600' },\n  suspended: { label: 'Suspended', icon: Ban, color: 'text-orange-600' },\n  pending: { label: 'Pending', icon: Clock, color: 'text-yellow-600' },\n  banned: { label: 'Banned', icon: XCircle, color: 'text-red-600' },\n};\n\nexport function AdminUsersPage() {\n  const { adminUsers } = useProServiceWorldStore();\n  const [searchQuery, setSearchQuery] = useState('');\n  const [roleFilter, setRoleFilter] = useState<AdminUserRole | 'all'>('all');\n  const [statusFilter, setStatusFilter] = useState<AdminUserStatus | 'all'>('all');\n  const [selectedIds, setSelectedIds] = useState<Set<string>>(new Set());\n\n  const filtered = useMemo(() => {\n    let result = [...adminUsers];\n    if (roleFilter !== 'all') result = result.filter((u) => u.role === roleFilter);\n    if (statusFilter !== 'all') result = result.filter((u) => u.status === statusFilter);\n    if (searchQuery.trim()) {\n      const q = searchQuery.toLowerCase();\n      result = result.filter(\n        (u) => u.name.toLowerCase().includes(q) || u.email.toLowerCase().includes(q)\n      );\n    }\n    return result;\n  }, [adminUsers, roleFilter, statusFilter, searchQuery]);\n\n  // Stats\n  const totalUsers = adminUsers.length;\n  const activeUsers = adminUsers.filter((u) => u.status === 'active').length;\n  const providers = adminUsers.filter((u) => u.role === 'provider').length;\n  const verifiedUsers = adminUsers.filter((u) => u.verified).length;\n\n  const toggleSelect = (id: string) => {\n    const next = new Set(selectedIds);\n    if (next.has(id)) next.delete(id);\n    else next.add(id);\n    setSelectedIds(next);\n  };\n\n  const toggleSelectAll = () => {\n    if (selectedIds.size === filtered.length) setSelectedIds(new Set());\n    else setSelectedIds(new Set(filtered.map((u) => u.id)));\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      {/* Header */}\n      <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">User Management</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Admin panel to manage platform users, roles, and access.\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\">\n            <Download className=\"mr-2 h-4 w-4\" /> Export\n          </Button>\n          <Button size=\"sm\">\n            <Plus className=\"mr-2 h-4 w-4\" /> Invite User\n          </Button>\n        </div>\n      </div>\n\n      {/* Stats */}\n      <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-3\">\n              <div className=\"rounded-lg bg-blue-100 p-2 dark:bg-blue-950\">\n                <Users className=\"h-5 w-5 text-blue-600\" />\n              </div>\n              <div>\n                <p className=\"text-2xl font-bold\">{totalUsers}</p>\n                <p className=\"text-xs text-muted-foreground\">Total Users</p>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-3\">\n              <div className=\"rounded-lg bg-green-100 p-2 dark:bg-green-950\">\n                <UserCheck className=\"h-5 w-5 text-green-600\" />\n              </div>\n              <div>\n                <p className=\"text-2xl font-bold\">{activeUsers}</p>\n                <p className=\"text-xs text-muted-foreground\">Active Users</p>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-3\">\n              <div className=\"rounded-lg bg-purple-100 p-2 dark:bg-purple-950\">\n                <Shield className=\"h-5 w-5 text-purple-600\" />\n              </div>\n              <div>\n                <p className=\"text-2xl font-bold\">{providers}</p>\n                <p className=\"text-xs text-muted-foreground\">Providers</p>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-3\">\n              <div className=\"rounded-lg bg-yellow-100 p-2 dark:bg-yellow-950\">\n                <CheckCircle2 className=\"h-5 w-5 text-yellow-600\" />\n              </div>\n              <div>\n                <p className=\"text-2xl font-bold\">{verifiedUsers}</p>\n                <p className=\"text-xs text-muted-foreground\">Verified</p>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n\n      {/* Filters */}\n      <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center\">\n        <div className=\"relative flex-1\">\n          <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n          <Input\n            placeholder=\"Search by name or email...\"\n            value={searchQuery}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            className=\"pl-10\"\n          />\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <Filter className=\"h-4 w-4 text-muted-foreground\" />\n          <select\n            className=\"rounded border bg-background px-2 py-1 text-sm\"\n            value={roleFilter}\n            onChange={(e) => setRoleFilter(e.target.value as AdminUserRole | 'all')}\n          >\n            <option value=\"all\">All Roles</option>\n            <option value=\"client\">Client</option>\n            <option value=\"provider\">Provider</option>\n            <option value=\"admin\">Admin</option>\n            <option value=\"team_member\">Team Member</option>\n          </select>\n          <select\n            className=\"rounded border bg-background px-2 py-1 text-sm\"\n            value={statusFilter}\n            onChange={(e) => setStatusFilter(e.target.value as AdminUserStatus | 'all')}\n          >\n            <option value=\"all\">All Status</option>\n            <option value=\"active\">Active</option>\n            <option value=\"suspended\">Suspended</option>\n            <option value=\"pending\">Pending</option>\n            <option value=\"banned\">Banned</option>\n          </select>\n        </div>\n      </div>\n\n      {/* Bulk actions */}\n      {selectedIds.size > 0 && (\n        <div className=\"flex items-center gap-3 rounded-lg bg-primary/5 border border-primary/20 p-3\">\n          <span className=\"text-sm font-medium\">{selectedIds.size} user(s) selected</span>\n          <Button variant=\"outline\" size=\"sm\">\n            Activate\n          </Button>\n          <Button variant=\"outline\" size=\"sm\">\n            Suspend\n          </Button>\n          <Button variant=\"destructive\" size=\"sm\">\n            Ban\n          </Button>\n        </div>\n      )}\n\n      {/* User table */}\n      <Card>\n        <CardContent className=\"pt-4\">\n          <div className=\"overflow-x-auto\">\n            <table className=\"w-full text-sm\">\n              <thead>\n                <tr className=\"border-b text-left text-muted-foreground\">\n                  <th className=\"p-3\">\n                    <input\n                      type=\"checkbox\"\n                      checked={selectedIds.size === filtered.length && filtered.length > 0}\n                      onChange={toggleSelectAll}\n                      className=\"rounded\"\n                    />\n                  </th>\n                  <th className=\"p-3\">User</th>\n                  <th className=\"p-3\">Role</th>\n                  <th className=\"p-3\">Status</th>\n                  <th className=\"p-3\">Verified</th>\n                  <th className=\"p-3\">Joined</th>\n                  <th className=\"p-3\">Last Active</th>\n                  <th className=\"p-3 text-right\">Bookings</th>\n                  <th className=\"p-3 text-right\">Spent</th>\n                  <th className=\"p-3\">Rating</th>\n                  <th className=\"p-3 text-right\">Actions</th>\n                </tr>\n              </thead>\n              <tbody>\n                {filtered.length === 0 ? (\n                  <tr>\n                    <td colSpan={11} className=\"p-8 text-center text-muted-foreground\">\n                      No users match your filters.\n                    </td>\n                  </tr>\n                ) : (\n                  filtered.map((user) => {\n                    const sCfg = statusConfig[user.status];\n                    const StatusIcon = sCfg.icon;\n                    return (\n                      <tr key={user.id} className=\"border-b hover:bg-muted/50\">\n                        <td className=\"p-3\">\n                          <input\n                            type=\"checkbox\"\n                            checked={selectedIds.has(user.id)}\n                            onChange={() => toggleSelect(user.id)}\n                            className=\"rounded\"\n                          />\n                        </td>\n                        <td className=\"p-3\">\n                          <div className=\"flex items-center gap-3\">\n                            <div className=\"flex h-8 w-8 items-center justify-center rounded-full bg-primary/10 text-xs font-semibold text-primary\">\n                              {user.name.charAt(0)}\n                            </div>\n                            <div>\n                              <p className=\"font-medium\">{user.name}</p>\n                              <p className=\"text-xs text-muted-foreground\">{user.email}</p>\n                            </div>\n                          </div>\n                        </td>\n                        <td className=\"p-3\">\n                          <Badge variant={roleConfig[user.role].variant}>\n                            {roleConfig[user.role].label}\n                          </Badge>\n                        </td>\n                        <td className=\"p-3\">\n                          <div className=\"flex items-center gap-1\">\n                            <StatusIcon className={`h-4 w-4 ${sCfg.color}`} />\n                            <span className={`text-xs font-medium ${sCfg.color}`}>\n                              {sCfg.label}\n                            </span>\n                          </div>\n                        </td>\n                        <td className=\"p-3\">\n                          {user.verified ? (\n                            <CheckCircle2 className=\"h-4 w-4 text-green-500\" />\n                          ) : (\n                            <XCircle className=\"h-4 w-4 text-gray-300\" />\n                          )}\n                        </td>\n                        <td className=\"p-3 text-muted-foreground\">{user.joinedDate}</td>\n                        <td className=\"p-3 text-muted-foreground\">{user.lastActive}</td>\n                        <td className=\"p-3 text-right\">{user.bookingsCount}</td>\n                        <td className=\"p-3 text-right\">\n                          {user.totalSpent > 0 ? `$${user.totalSpent.toLocaleString()}` : '-'}\n                        </td>\n                        <td className=\"p-3\">\n                          {user.rating ? (\n                            <div className=\"flex items-center gap-1\">\n                              <Star className=\"h-3 w-3 fill-yellow-400 text-yellow-400\" />\n                              <span className=\"text-xs font-medium\">{user.rating}</span>\n                            </div>\n                          ) : (\n                            <span className=\"text-xs text-muted-foreground\">-</span>\n                          )}\n                        </td>\n                        <td className=\"p-3 text-right\">\n                          <div className=\"flex justify-end gap-1\">\n                            <Button variant=\"outline\" size=\"sm\">\n                              <Mail className=\"h-3 w-3\" />\n                            </Button>\n                            <Button variant=\"outline\" size=\"sm\">\n                              <MoreHorizontal className=\"h-3 w-3\" />\n                            </Button>\n                          </div>\n                        </td>\n                      </tr>\n                    );\n                  })\n                )}\n              </tbody>\n            </table>\n          </div>\n\n          {/* Pagination hint */}\n          <div className=\"mt-4 flex items-center justify-between border-t pt-4 text-sm text-muted-foreground\">\n            <span>\n              Showing {filtered.length} of {adminUsers.length} users\n            </span>\n            <div className=\"flex gap-1\">\n              <Button variant=\"outline\" size=\"sm\" disabled>\n                Previous\n              </Button>\n              <Button variant=\"outline\" size=\"sm\" disabled>\n                Next\n              </Button>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AdminUsersPage.js","names":[],"sources":["../../../src/proserviceworld/pages/AdminUsersPage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  Input,\n  GlassCard,\n  AuroraBackground,\n  GradientText,\n  CTAOverflowMenu,\n  IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  Search,\n  Filter,\n  Users,\n  UserCheck,\n  Shield,\n  Star,\n  CheckCircle2,\n  XCircle,\n  Clock,\n  Ban,\n  MoreHorizontal,\n  Download,\n  Plus,\n  Mail,\n} from 'lucide-react';\nimport { useProServiceWorldStore } from '../store/proserviceworldStore';\nimport type { AdminUserRole, AdminUserStatus } from '../types';\n\nconst roleConfig: Record<\n  AdminUserRole,\n  { label: string; variant: 'default' | 'secondary' | 'outline' | 'destructive' }\n> = {\n  client: { label: 'Client', variant: 'secondary' },\n  provider: { label: 'Provider', variant: 'default' },\n  admin: { label: 'Admin', variant: 'destructive' },\n  team_member: { label: 'Team', variant: 'outline' },\n};\n\nconst statusConfig: Record<\n  AdminUserStatus,\n  { label: string; icon: typeof CheckCircle2; color: string }\n> = {\n  active: { label: 'Active', icon: CheckCircle2, color: 'text-status-success-text' },\n  suspended: { label: 'Suspended', icon: Ban, color: 'text-status-warning-text' },\n  pending: { label: 'Pending', icon: Clock, color: 'text-status-warning-text' },\n  banned: { label: 'Banned', icon: XCircle, color: 'text-status-error-text' },\n};\n\nexport function AdminUsersPage() {\n  const { adminUsers } = useProServiceWorldStore();\n  const [searchQuery, setSearchQuery] = useState('');\n  const [roleFilter, setRoleFilter] = useState<AdminUserRole | 'all'>('all');\n  const [statusFilter, setStatusFilter] = useState<AdminUserStatus | 'all'>('all');\n  const [selectedIds, setSelectedIds] = useState<Set<string>>(new Set());\n\n  const filtered = useMemo(() => {\n    let result = [...adminUsers];\n    if (roleFilter !== 'all') result = result.filter((u) => u.role === roleFilter);\n    if (statusFilter !== 'all') result = result.filter((u) => u.status === statusFilter);\n    if (searchQuery.trim()) {\n      const q = searchQuery.toLowerCase();\n      result = result.filter(\n        (u) => u.name.toLowerCase().includes(q) || u.email.toLowerCase().includes(q)\n      );\n    }\n    return result;\n  }, [adminUsers, roleFilter, statusFilter, searchQuery]);\n\n  // Stats\n  const totalUsers = adminUsers.length;\n  const activeUsers = adminUsers.filter((u) => u.status === 'active').length;\n  const providers = adminUsers.filter((u) => u.role === 'provider').length;\n  const verifiedUsers = adminUsers.filter((u) => u.verified).length;\n\n  const toggleSelect = (id: string) => {\n    const next = new Set(selectedIds);\n    if (next.has(id)) next.delete(id);\n    else next.add(id);\n    setSelectedIds(next);\n  };\n\n  const toggleSelectAll = () => {\n    if (selectedIds.size === filtered.length) setSelectedIds(new Set());\n    else setSelectedIds(new Set(filtered.map((u) => u.id)));\n  };\n\n  return (\n    <div className=\"space-y-6 p-6 bg-bg-canvas min-h-screen\">\n      {/* Hero header — the ONE aurora backdrop for this MFE */}\n      <div className=\"relative overflow-hidden rounded-card -mx-2 px-2 pt-1 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n        <AuroraBackground intensity=\"subtle\" />\n        <div>\n          <h1 className=\"text-2xl font-semibold tracking-tight\">\n            <GradientText>User Management</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            Admin panel to manage platform users, roles, and access.\n          </p>\n        </div>\n        <CTAOverflowMenu\n          primary={{\n            label: 'Invite User',\n            onSelect: () => {},\n            icon: <Plus className=\"h-4 w-4\" />,\n          }}\n          actions={[\n            {\n              label: 'Export',\n              onSelect: () => {},\n              icon: <Download className=\"h-4 w-4\" />,\n            },\n          ]}\n        />\n      </div>\n\n      {/* Stats */}\n      <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <div className=\"flex items-center gap-3\">\n            <div className=\"rounded-lg bg-status-info-bg-subtle p-2\">\n              <Users className=\"h-5 w-5 text-accent-blue\" />\n            </div>\n            <div>\n              <p className=\"text-2xl font-bold tabular-nums\">{totalUsers}</p>\n              <p className=\"text-xs text-text-secondary\">Total Users</p>\n            </div>\n          </div>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <div className=\"flex items-center gap-3\">\n            <div className=\"rounded-lg bg-status-success-bg-subtle p-2\">\n              <UserCheck className=\"h-5 w-5 text-status-success-text\" />\n            </div>\n            <div>\n              <p className=\"text-2xl font-bold tabular-nums\">{activeUsers}</p>\n              <p className=\"text-xs text-text-secondary\">Active Users</p>\n            </div>\n          </div>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <div className=\"flex items-center gap-3\">\n            <div className=\"rounded-lg bg-accent-purple-subtle p-2\">\n              <Shield className=\"h-5 w-5 text-accent-purple\" />\n            </div>\n            <div>\n              <p className=\"text-2xl font-bold tabular-nums\">{providers}</p>\n              <p className=\"text-xs text-text-secondary\">Providers</p>\n            </div>\n          </div>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <div className=\"flex items-center gap-3\">\n            <div className=\"rounded-lg bg-status-warning-bg-subtle p-2\">\n              <CheckCircle2 className=\"h-5 w-5 text-status-warning-text\" />\n            </div>\n            <div>\n              <p className=\"text-2xl font-bold tabular-nums\">{verifiedUsers}</p>\n              <p className=\"text-xs text-text-secondary\">Verified</p>\n            </div>\n          </div>\n        </GlassCard>\n      </div>\n\n      {/* Filters */}\n      <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center\">\n        <div className=\"relative 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=\"Search by name or email...\"\n            value={searchQuery}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            className=\"pl-10\"\n          />\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <Filter className=\"h-4 w-4 text-text-secondary\" />\n          <select\n            className=\"rounded border border-border-seam bg-bg-surface px-2 py-1 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus\"\n            value={roleFilter}\n            onChange={(e) => setRoleFilter(e.target.value as AdminUserRole | 'all')}\n          >\n            <option value=\"all\">All Roles</option>\n            <option value=\"client\">Client</option>\n            <option value=\"provider\">Provider</option>\n            <option value=\"admin\">Admin</option>\n            <option value=\"team_member\">Team Member</option>\n          </select>\n          <select\n            className=\"rounded border border-border-seam bg-bg-surface px-2 py-1 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus\"\n            value={statusFilter}\n            onChange={(e) => setStatusFilter(e.target.value as AdminUserStatus | 'all')}\n          >\n            <option value=\"all\">All Status</option>\n            <option value=\"active\">Active</option>\n            <option value=\"suspended\">Suspended</option>\n            <option value=\"pending\">Pending</option>\n            <option value=\"banned\">Banned</option>\n          </select>\n        </div>\n      </div>\n\n      {/* Bulk actions */}\n      {selectedIds.size > 0 && (\n        <div className=\"flex items-center gap-3 rounded-lg bg-accent-soft border border-border-seam p-3\">\n          <span className=\"text-sm font-medium\">{selectedIds.size} user(s) selected</span>\n          <Button variant=\"outline\" size=\"sm\">\n            Activate\n          </Button>\n          <Button variant=\"outline\" size=\"sm\">\n            Suspend\n          </Button>\n          <Button variant=\"destructive\" size=\"sm\">\n            Ban\n          </Button>\n        </div>\n      )}\n\n      {/* User table */}\n      <Card className=\"border-border-seam\">\n        <CardContent className=\"pt-4\">\n          <div className=\"overflow-x-auto\">\n            <table className=\"w-full text-sm\">\n              <thead>\n                <tr className=\"border-b border-border-seam text-left text-text-secondary\">\n                  <th className=\"p-3\">\n                    <input\n                      type=\"checkbox\"\n                      checked={selectedIds.size === filtered.length && filtered.length > 0}\n                      onChange={toggleSelectAll}\n                      className=\"rounded\"\n                    />\n                  </th>\n                  <th className=\"p-3\">User</th>\n                  <th className=\"p-3\">Role</th>\n                  <th className=\"p-3\">Status</th>\n                  <th className=\"p-3\">Verified</th>\n                  <th className=\"p-3\">Joined</th>\n                  <th className=\"p-3\">Last Active</th>\n                  <th className=\"p-3 text-right\">Bookings</th>\n                  <th className=\"p-3 text-right\">Spent</th>\n                  <th className=\"p-3\">Rating</th>\n                  <th className=\"p-3 text-right\">Actions</th>\n                </tr>\n              </thead>\n              <tbody>\n                {filtered.length === 0 ? (\n                  <tr>\n                    <td colSpan={11} className=\"p-4\">\n                      <IllustratedEmptyState\n                        illustration=\"empty-people\"\n                        title=\"No users found\"\n                        description=\"No users match your current filters.\"\n                      />\n                    </td>\n                  </tr>\n                ) : (\n                  filtered.map((user) => {\n                    const sCfg = statusConfig[user.status];\n                    const StatusIcon = sCfg.icon;\n                    return (\n                      <tr key={user.id} className=\"border-b border-border-seam transition-colors hover:bg-bg-sunken/50\">\n                        <td className=\"p-3\">\n                          <input\n                            type=\"checkbox\"\n                            aria-label={`Select ${user.name}`}\n                            checked={selectedIds.has(user.id)}\n                            onChange={() => toggleSelect(user.id)}\n                            className=\"rounded\"\n                          />\n                        </td>\n                        <td className=\"p-3\">\n                          <div className=\"flex items-center gap-3\">\n                            <div className=\"flex h-8 w-8 items-center justify-center rounded-full bg-accent-soft text-xs font-semibold text-text-primary\">\n                              {user.name.charAt(0)}\n                            </div>\n                            <div>\n                              <p className=\"font-medium\">{user.name}</p>\n                              <p className=\"text-xs text-text-secondary\">{user.email}</p>\n                            </div>\n                          </div>\n                        </td>\n                        <td className=\"p-3\">\n                          <Badge variant={roleConfig[user.role].variant}>\n                            {roleConfig[user.role].label}\n                          </Badge>\n                        </td>\n                        <td className=\"p-3\">\n                          <div className=\"flex items-center gap-1\">\n                            <StatusIcon className={`h-4 w-4 ${sCfg.color}`} />\n                            <span className={`text-xs font-medium ${sCfg.color}`}>\n                              {sCfg.label}\n                            </span>\n                          </div>\n                        </td>\n                        <td className=\"p-3\">\n                          {user.verified ? (\n                            <CheckCircle2 className=\"h-4 w-4 text-status-success-text\" />\n                          ) : (\n                            <XCircle className=\"h-4 w-4 text-text-muted\" />\n                          )}\n                        </td>\n                        <td className=\"p-3 text-text-secondary\">{user.joinedDate}</td>\n                        <td className=\"p-3 text-text-secondary\">{user.lastActive}</td>\n                        <td className=\"p-3 text-right tabular-nums\">{user.bookingsCount}</td>\n                        <td className=\"p-3 text-right tabular-nums\">\n                          {user.totalSpent > 0 ? `$${user.totalSpent.toLocaleString()}` : '-'}\n                        </td>\n                        <td className=\"p-3\">\n                          {user.rating ? (\n                            <div className=\"flex items-center gap-1\">\n                              <Star className=\"h-3 w-3 fill-status-warning-text text-status-warning-text\" />\n                              <span className=\"text-xs font-medium tabular-nums\">{user.rating}</span>\n                            </div>\n                          ) : (\n                            <span className=\"text-xs text-text-secondary\">-</span>\n                          )}\n                        </td>\n                        <td className=\"p-3 text-right\">\n                          <div className=\"flex justify-end gap-1\">\n                            <Button variant=\"outline\" size=\"sm\" aria-label={`Email ${user.name}`}>\n                              <Mail className=\"h-3 w-3\" />\n                            </Button>\n                            <Button variant=\"outline\" size=\"sm\" aria-label={`More actions for ${user.name}`}>\n                              <MoreHorizontal className=\"h-3 w-3\" />\n                            </Button>\n                          </div>\n                        </td>\n                      </tr>\n                    );\n                  })\n                )}\n              </tbody>\n            </table>\n          </div>\n\n          {/* Pagination hint */}\n          <div className=\"mt-4 flex items-center justify-between border-t border-border-seam pt-4 text-sm text-text-secondary\">\n            <span>\n              Showing {filtered.length} of {adminUsers.length} users\n            </span>\n            <div className=\"flex gap-1\">\n              <Button variant=\"outline\" size=\"sm\" disabled>\n                Previous\n              </Button>\n              <Button variant=\"outline\" size=\"sm\" disabled>\n                Next\n              </Button>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}