@rebasepro/admin 0.0.1-canary.000dc36

package/dist/UsersView-BM2_7VPV.js

@@ -0,0 +1,494 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import React__default, { useState, useRef, useCallback, useEffect } from "react";
+import { useSnackbarController, useAuthController, useTranslation, ConfirmationDialog } from "@rebasepro/core";
+import "react-compiler-runtime";
+import "fast-equals";
+import { Container, Typography, Button, CircularProgress, Select, SelectItem, SearchBar, Table, TableHeader, TableCell, TableBody, TableRow, Skeleton, Tooltip, IconButton, iconSize, CenteredView, Dialog, DialogTitle, DialogContent, TextField, MultiSelect, MultiSelectItem, DialogActions, LoadingButton } from "@rebasepro/ui";
+import { PlusIcon, KeyRoundIcon, Trash2Icon, ChevronLeftIcon, ChevronRightIcon, MailIcon, CheckCircleIcon, CopyIcon } from "lucide-react";
+import "@rebasepro/common";
+import "@rebasepro/formex";
+import "zod";
+import "@rebasepro/utils";
+import { i as useBreadcrumbsController } from "./util-DK1O3uM0.js";
+import "date-fns";
+import "date-fns/locale";
+import "@rebasepro/types";
+import "@dnd-kit/core";
+import "@dnd-kit/modifiers";
+import "@dnd-kit/sortable";
+import "@dnd-kit/utilities";
+import "react-dropzone";
+import "react-router-dom";
+import "react-router";
+import "xlsx";
+import "@rebasepro/schema-inference";
+import { R as RoleChip } from "./RoleChip-QtUFXeTp.js";
+const PAGE_SIZE = 25;
+function UsersView({
+  userManagement
+}) {
+  const {
+    roles,
+    saveUser,
+    createUser,
+    deleteUser,
+    resetPassword,
+    loading: delegateLoading,
+    bootstrapAdmin,
+    usersError
+  } = userManagement;
+  const snackbarController = useSnackbarController();
+  const {
+    user: loggedInUser
+  } = useAuthController();
+  const {
+    t
+  } = useTranslation();
+  const breadcrumbs = useBreadcrumbsController();
+  React__default.useEffect(() => {
+    breadcrumbs.set({
+      breadcrumbs: [{
+        title: t("users"),
+        url: "/users"
+      }]
+    });
+  }, []);
+  const [dialogOpen, setDialogOpen] = useState(false);
+  const [selectedUser, setSelectedUser] = useState();
+  const [deleteConfirmOpen, setDeleteConfirmOpen] = useState(false);
+  const [userToDelete, setUserToDelete] = useState();
+  const [deleteInProgress, setDeleteInProgress] = useState(false);
+  const [formKey, setFormKey] = useState(0);
+  const [bootstrapping, setBootstrapping] = useState(false);
+  const [creationResult, setCreationResult] = useState(null);
+  const [resetConfirmOpen, setResetConfirmOpen] = useState(false);
+  const [userToReset, setUserToReset] = useState();
+  const [resetInProgress, setResetInProgress] = useState(false);
+  const hasServerSearch = !!userManagement.searchUsers;
+  const [searchQuery, setSearchQuery] = useState("");
+  const [roleFilter, setRoleFilter] = useState("");
+  const [page, setPage] = useState(0);
+  const [paginatedUsers, setPaginatedUsers] = useState([]);
+  const [totalUsers, setTotalUsers] = useState(0);
+  const [tableLoading, setTableLoading] = useState(hasServerSearch);
+  const searchTimerRef = useRef(null);
+  const allUsers = userManagement.users;
+  const fetchPage = useCallback(async (pageNum, search, filterRole, forceLoading = false) => {
+    if (!userManagement.searchUsers) return;
+    if (forceLoading) {
+      setTableLoading(true);
+    }
+    try {
+      const result = await userManagement.searchUsers({
+        search: search || void 0,
+        roleId: filterRole || void 0,
+        limit: PAGE_SIZE,
+        offset: pageNum * PAGE_SIZE,
+        orderBy: "createdAt",
+        orderDir: "desc"
+      });
+      setPaginatedUsers(result.users);
+      setTotalUsers(result.total);
+    } catch (error) {
+      console.error("Failed to fetch users:", error);
+      snackbarController.open({
+        type: "error",
+        message: error instanceof Error ? error.message : "Failed to load users"
+      });
+    } finally {
+      setTableLoading(false);
+    }
+  }, [userManagement.searchUsers, snackbarController]);
+  const fetchPageRef = useRef(fetchPage);
+  fetchPageRef.current = fetchPage;
+  const initialFetchDone = useRef(false);
+  useEffect(() => {
+    if (!delegateLoading && hasServerSearch && !initialFetchDone.current) {
+      initialFetchDone.current = true;
+      fetchPageRef.current(0, "", roleFilter, true);
+    }
+  }, [delegateLoading, hasServerSearch, roleFilter]);
+  const handleSearch = useCallback((value) => {
+    setSearchQuery(value);
+    setPage(0);
+    if (searchTimerRef.current) {
+      clearTimeout(searchTimerRef.current);
+    }
+    if (hasServerSearch) {
+      searchTimerRef.current = setTimeout(() => {
+        fetchPage(0, value, roleFilter, true);
+      }, 300);
+    }
+  }, [hasServerSearch, fetchPage, roleFilter]);
+  const handleRoleFilterChange = useCallback((newRole) => {
+    setRoleFilter(newRole);
+    setPage(0);
+    if (hasServerSearch) {
+      fetchPage(0, searchQuery, newRole, true);
+    }
+  }, [hasServerSearch, fetchPage, searchQuery]);
+  const handlePageChange = useCallback((newPage) => {
+    setPage(newPage);
+    if (hasServerSearch) {
+      fetchPage(newPage, searchQuery, roleFilter, true);
+    }
+  }, [hasServerSearch, fetchPage, searchQuery, roleFilter]);
+  const refreshCurrentPage = useCallback(() => {
+    if (hasServerSearch) {
+      fetchPage(page, searchQuery, roleFilter);
+    }
+  }, [hasServerSearch, fetchPage, page, searchQuery, roleFilter]);
+  let displayUsers;
+  let displayTotal;
+  if (hasServerSearch) {
+    displayUsers = paginatedUsers;
+    displayTotal = totalUsers;
+  } else {
+    const filtered = allUsers.filter((u) => {
+      let matches = true;
+      if (searchQuery) {
+        const q = searchQuery.toLowerCase();
+        matches = !!(u.email?.toLowerCase().includes(q) || u.displayName?.toLowerCase().includes(q));
+      }
+      if (matches && roleFilter) {
+        matches = !!u.roles?.includes(roleFilter);
+      }
+      return matches;
+    });
+    displayTotal = filtered.length;
+    displayUsers = filtered.slice(page * PAGE_SIZE, (page + 1) * PAGE_SIZE);
+  }
+  const totalPages = Math.max(1, Math.ceil(displayTotal / PAGE_SIZE));
+  const hasAdmin = allUsers.some((u_0) => u_0.roles?.includes("admin"));
+  const handleBootstrap = async () => {
+    if (!bootstrapAdmin) return;
+    setBootstrapping(true);
+    try {
+      await bootstrapAdmin();
+      snackbarController.open({
+        type: "success",
+        message: t("bootstrap_admin_success")
+      });
+      window.location.reload();
+    } catch (error_0) {
+      snackbarController.open({
+        type: "error",
+        message: error_0 instanceof Error ? error_0.message : t("failed_to_bootstrap_admin")
+      });
+    } finally {
+      setBootstrapping(false);
+    }
+  };
+  const handleAddUser = () => {
+    setSelectedUser(void 0);
+    setFormKey((k) => k + 1);
+    setDialogOpen(true);
+  };
+  const handleEditUser = (user) => {
+    setSelectedUser(user);
+    setDialogOpen(true);
+  };
+  const handleClose = () => {
+    setDialogOpen(false);
+    setSelectedUser(void 0);
+  };
+  const handleDelete = async () => {
+    if (!userToDelete || !deleteUser) return;
+    setDeleteInProgress(true);
+    try {
+      await deleteUser(userToDelete);
+      snackbarController.open({
+        type: "success",
+        message: t("user_deleted_successfully")
+      });
+      setDeleteConfirmOpen(false);
+      setUserToDelete(void 0);
+      refreshCurrentPage();
+    } catch (error_1) {
+      snackbarController.open({
+        type: "error",
+        message: error_1 instanceof Error ? error_1.message : t("error_deleting_user")
+      });
+    } finally {
+      setDeleteInProgress(false);
+    }
+  };
+  const handleResetPassword = async () => {
+    if (!userToReset || !resetPassword) return;
+    setResetInProgress(true);
+    try {
+      const result_0 = await resetPassword(userToReset);
+      setResetConfirmOpen(false);
+      setUserToReset(void 0);
+      setCreationResult(result_0);
+      snackbarController.open({
+        type: "success",
+        message: t("reset_password_success")
+      });
+    } catch (error_2) {
+      snackbarController.open({
+        type: "error",
+        message: error_2 instanceof Error ? error_2.message : t("error_resetting_password")
+      });
+    } finally {
+      setResetInProgress(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Container, { className: "w-full flex flex-col py-4 gap-4", maxWidth: "6xl", children: [
+    !delegateLoading && !hasAdmin && !usersError && loggedInUser && bootstrapAdmin && /* @__PURE__ */ jsxs("div", { className: "bg-yellow-100 dark:bg-yellow-900 border border-yellow-400 dark:border-yellow-700 rounded p-4 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Typography, { variant: "label", className: "text-yellow-800 dark:text-yellow-200", children: t("no_users_or_roles_defined") }) }),
+      /* @__PURE__ */ jsx(Button, { onClick: handleBootstrap, disabled: bootstrapping, children: bootstrapping ? /* @__PURE__ */ jsx(CircularProgress, { size: "small" }) : t("add_logged_user_as_admin") })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center mt-12 mb-4 gap-4", children: [
+      /* @__PURE__ */ jsx(Typography, { gutterBottom: true, variant: "h4", className: "grow mb-0", component: "h4", children: t("users") }),
+      roles && roles.length > 0 && /* @__PURE__ */ jsxs(Select, { value: roleFilter || "__all__", onValueChange: (v) => handleRoleFilterChange(v === "__all__" ? "" : v), placeholder: t("all_roles") || "All Roles", size: "small", className: "w-48", children: [
+        /* @__PURE__ */ jsx(SelectItem, { value: "__all__", children: t("all_roles") || "All Roles" }),
+        roles.map((role) => /* @__PURE__ */ jsx(SelectItem, { value: role.id, children: role.name }, role.id))
+      ] }),
+      /* @__PURE__ */ jsx(SearchBar, { placeholder: t("search_users"), onTextSearch: (v_0) => handleSearch(v_0 || ""), size: "small", expandable: true }),
+      /* @__PURE__ */ jsx(Button, { startIcon: /* @__PURE__ */ jsx(PlusIcon, {}), onClick: handleAddUser, disabled: !saveUser, children: t("add_user") })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "overflow-auto", children: /* @__PURE__ */ jsxs(Table, { className: "w-full", children: [
+      /* @__PURE__ */ jsxs(TableHeader, { children: [
+        /* @__PURE__ */ jsx(TableCell, { header: true, className: "w-48", children: t("id") || "ID" }),
+        /* @__PURE__ */ jsx(TableCell, { header: true, children: t("email") }),
+        /* @__PURE__ */ jsx(TableCell, { header: true, children: t("name") }),
+        /* @__PURE__ */ jsx(TableCell, { header: true, children: t("roles") }),
+        /* @__PURE__ */ jsx(TableCell, { header: true, className: "whitespace-nowrap", children: t("created") }),
+        /* @__PURE__ */ jsx(TableCell, { header: true, className: "w-24 text-right", children: t("actions") })
+      ] }),
+      /* @__PURE__ */ jsxs(TableBody, { children: [
+        tableLoading || delegateLoading ? [{
+          email: "w-48",
+          name: "w-32",
+          roles: ["w-16", "w-20"]
+        }, {
+          email: "w-32",
+          name: "w-24",
+          roles: ["w-24"]
+        }, {
+          email: "w-40",
+          name: "w-36",
+          roles: ["w-16", "w-16"]
+        }].map((row, i) => /* @__PURE__ */ jsxs(TableRow, { children: [
+          /* @__PURE__ */ jsx(TableCell, { className: "font-mono text-xs", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-40" }) }),
+          /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Skeleton, { className: `h-4 ${row.email}` }) }),
+          /* @__PURE__ */ jsx(TableCell, { className: "font-medium", children: /* @__PURE__ */ jsx(Skeleton, { className: `h-4 ${row.name}` }) }),
+          /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: row.roles.map((w, j) => /* @__PURE__ */ jsx(Skeleton, { className: `h-6 ${w} rounded-full` }, j)) }) }),
+          /* @__PURE__ */ jsx(TableCell, { className: "whitespace-nowrap text-sm", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20" }) }),
+          /* @__PURE__ */ jsx(TableCell, { className: "text-right whitespace-nowrap", children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end items-center gap-1", children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-7 rounded-md" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-7 rounded-md" })
+          ] }) })
+        ] }, `skeleton-${i}`)) : displayUsers.map((user_0) => /* @__PURE__ */ jsxs(TableRow, { onClick: () => saveUser && handleEditUser(user_0), children: [
+          /* @__PURE__ */ jsx(TableCell, { className: "font-mono text-xs", children: user_0.uid }),
+          /* @__PURE__ */ jsx(TableCell, { children: user_0.email }),
+          /* @__PURE__ */ jsx(TableCell, { className: "font-medium", children: user_0.displayName }),
+          /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: user_0.roles?.map((roleId) => {
+            const role_0 = roles?.find((r) => r.id === roleId);
+            return role_0 ? /* @__PURE__ */ jsx(RoleChip, { role: role_0 }, roleId) : /* @__PURE__ */ jsx("span", { children: roleId }, roleId);
+          }) }) }),
+          /* @__PURE__ */ jsx(TableCell, { className: "whitespace-nowrap text-sm text-surface-accent-600 dark:text-surface-accent-400", children: user_0.createdAt ? new Date(user_0.createdAt).toLocaleDateString() : "-" }),
+          /* @__PURE__ */ jsx(TableCell, { className: "text-right whitespace-nowrap", children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end items-center gap-1", children: [
+            resetPassword && /* @__PURE__ */ jsx(Tooltip, { asChild: true, title: t("reset_password"), children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: (e) => {
+              e.stopPropagation();
+              setUserToReset(user_0);
+              setResetConfirmOpen(true);
+            }, children: /* @__PURE__ */ jsx(KeyRoundIcon, { size: iconSize.small }) }) }),
+            deleteUser && /* @__PURE__ */ jsx(Tooltip, { asChild: true, title: t("delete_this_user"), children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: (e_0) => {
+              e_0.stopPropagation();
+              setUserToDelete(user_0);
+              setDeleteConfirmOpen(true);
+            }, children: /* @__PURE__ */ jsx(Trash2Icon, { size: iconSize.small }) }) })
+          ] }) })
+        ] }, user_0.uid)),
+        displayUsers.length === 0 && !tableLoading && !delegateLoading && /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colspan: 5, children: /* @__PURE__ */ jsxs(CenteredView, { className: "flex flex-col gap-4 my-8 items-center", children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "label", children: usersError ? t("no_permission_to_view_users") : searchQuery ? t("no_users_found") : t("no_users_yet") }),
+          usersError && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", children: t("no_permission_description") })
+        ] }) }) })
+      ] })
+    ] }) }),
+    displayTotal > PAGE_SIZE && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-2 py-3", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-surface-accent-500 dark:text-surface-accent-400", children: `${page * PAGE_SIZE + 1}–${Math.min((page + 1) * PAGE_SIZE, displayTotal)} / ${displayTotal}` }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(IconButton, { size: "small", disabled: page === 0, onClick: () => handlePageChange(page - 1), children: /* @__PURE__ */ jsx(ChevronLeftIcon, { size: iconSize.smallest }) }),
+        /* @__PURE__ */ jsxs(Typography, { variant: "body2", className: "px-3 text-surface-accent-600 dark:text-surface-accent-300", children: [
+          page + 1,
+          " / ",
+          totalPages
+        ] }),
+        /* @__PURE__ */ jsx(IconButton, { size: "small", disabled: page >= totalPages - 1, onClick: () => handlePageChange(page + 1), children: /* @__PURE__ */ jsx(ChevronRightIcon, { size: iconSize.smallest }) })
+      ] })
+    ] }),
+    saveUser && /* @__PURE__ */ jsx(UserDetailsForm, { open: dialogOpen, user: selectedUser, roles, saveUser, createUser, handleClose, onCreationResult: setCreationResult, onSaved: refreshCurrentPage }, selectedUser?.uid ?? `new-${formKey}`),
+    creationResult && /* @__PURE__ */ jsx(CreationResultDialog, { result: creationResult, onClose: () => setCreationResult(null) }),
+    /* @__PURE__ */ jsx(ConfirmationDialog, { open: deleteConfirmOpen, loading: deleteInProgress, onAccept: handleDelete, onCancel: () => {
+      setDeleteConfirmOpen(false);
+      setUserToDelete(void 0);
+    }, title: /* @__PURE__ */ jsx(Fragment, { children: t("delete_confirmation_title") }), body: /* @__PURE__ */ jsx(Fragment, { children: t("delete_user_confirmation") }) }),
+    /* @__PURE__ */ jsx(ConfirmationDialog, { open: resetConfirmOpen, loading: resetInProgress, onAccept: handleResetPassword, onCancel: () => {
+      setResetConfirmOpen(false);
+      setUserToReset(void 0);
+    }, title: /* @__PURE__ */ jsx(Fragment, { children: t("reset_password") }), body: /* @__PURE__ */ jsx(Fragment, { children: t("reset_password_confirmation") }) })
+  ] });
+}
+function CreationResultDialog({
+  result,
+  onClose
+}) {
+  const {
+    t
+  } = useTranslation();
+  const snackbarController = useSnackbarController();
+  const [copied, setCopied] = useState(false);
+  const handleCopyPassword = async () => {
+    if (!result.temporaryPassword) return;
+    try {
+      await navigator.clipboard.writeText(result.temporaryPassword);
+      setCopied(true);
+      snackbarController.open({
+        type: "success",
+        message: t("password_copied") ?? "Password copied to clipboard"
+      });
+      setTimeout(() => setCopied(false), 3e3);
+    } catch {
+      const textArea = document.createElement("textarea");
+      textArea.value = result.temporaryPassword;
+      document.body.appendChild(textArea);
+      textArea.select();
+      document.execCommand("copy");
+      document.body.removeChild(textArea);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 3e3);
+    }
+  };
+  if (result.invitationSent) {
+    return /* @__PURE__ */ jsxs(Dialog, { open: true, onOpenChange: (open) => !open ? onClose() : void 0, maxWidth: "xl", children: [
+      /* @__PURE__ */ jsx(DialogTitle, { variant: "h5", gutterBottom: false, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx(MailIcon, {}),
+        t("invitation_sent_title") ?? "Invitation Sent"
+      ] }) }),
+      /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 py-2", children: /* @__PURE__ */ jsx("div", { className: "bg-green-50 dark:bg-green-900/30 border border-green-200 dark:border-green-800 rounded-lg p-4", children: /* @__PURE__ */ jsx(Typography, { className: "text-green-800 dark:text-green-200", children: (t("invitation_sent") ?? "An invitation email has been sent to {{email}}. They can use the link to set their password.").replace("{{email}}", result.user.email ?? "") }) }) }) }),
+      /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, { variant: "filled", onClick: onClose, children: t("ok") }) })
+    ] });
+  }
+  if (result.temporaryPassword) {
+    return /* @__PURE__ */ jsxs(Dialog, { open: true, onOpenChange: (open_0) => !open_0 ? onClose() : void 0, maxWidth: "xl", children: [
+      /* @__PURE__ */ jsx(DialogTitle, { variant: "h5", gutterBottom: false, children: t("temporary_password") ?? "Temporary Password" }),
+      /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 py-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "bg-amber-50 dark:bg-amber-900/30 border border-amber-200 dark:border-amber-800 rounded-lg p-4", children: /* @__PURE__ */ jsx(Typography, { className: "text-amber-800 dark:text-amber-200", variant: "body2", children: t("temporary_password_description") ?? "Email is not configured. Share this temporary password with the user securely. It will not be shown again." }) }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", className: "mb-1", children: t("email") }),
+          /* @__PURE__ */ jsx(Typography, { children: result.user.email })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", className: "mb-1", children: t("temporary_password") ?? "Temporary Password" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-1", children: [
+            /* @__PURE__ */ jsx("code", { className: "flex-grow bg-surface-100 dark:bg-surface-900 border border-surface-300 dark:border-surface-600 rounded px-3 py-2 font-mono text-base select-all", children: result.temporaryPassword }),
+            /* @__PURE__ */ jsx(Tooltip, { title: t("copy_password") ?? "CopyIcon password", asChild: true, children: /* @__PURE__ */ jsx(IconButton, { onClick: handleCopyPassword, children: copied ? /* @__PURE__ */ jsx(CheckCircleIcon, { className: "text-green-600" }) : /* @__PURE__ */ jsx(CopyIcon, {}) }) })
+          ] })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, { variant: "filled", onClick: onClose, children: t("ok") }) })
+    ] });
+  }
+  return null;
+}
+function UserDetailsForm({
+  open,
+  user: userProp,
+  roles,
+  saveUser,
+  createUser,
+  handleClose,
+  onCreationResult,
+  onSaved
+}) {
+  const snackbarController = useSnackbarController();
+  const {
+    t
+  } = useTranslation();
+  const isNewUser = !userProp;
+  const [displayName, setDisplayName] = useState(userProp?.displayName || "");
+  const [email, setEmail] = useState(userProp?.email || "");
+  const [selectedRoleIds, setSelectedRoleIds] = useState(userProp?.roles || []);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [errors, setErrors] = useState({});
+  const [submitCount, setSubmitCount] = useState(0);
+  const validate = () => {
+    const newErrors = {};
+    if (!displayName) newErrors.displayName = "Required";
+    if (!email) newErrors.email = "Required";
+    else if (!/\S+@\S+\.\S+/.test(email)) newErrors.email = "Invalid email";
+    setErrors(newErrors);
+    return Object.keys(newErrors).length === 0;
+  };
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setSubmitCount((c) => c + 1);
+    if (!validate()) return;
+    setIsSubmitting(true);
+    try {
+      const userRoles = selectedRoleIds;
+      const userToSave = {
+        uid: userProp?.uid || crypto.randomUUID(),
+        email,
+        displayName: displayName || null,
+        photoURL: userProp?.photoURL || null,
+        providerId: userProp?.providerId || "custom",
+        isAnonymous: userProp?.isAnonymous || false,
+        roles: userRoles
+      };
+      if (isNewUser && createUser && onCreationResult) {
+        const result = await createUser(userToSave);
+        handleClose();
+        onCreationResult(result);
+      } else {
+        await saveUser(userToSave);
+        handleClose();
+      }
+      onSaved?.();
+    } catch (error) {
+      snackbarController.open({
+        type: "error",
+        message: error instanceof Error ? error.message : "Failed to save user"
+      });
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  const dirty = isNewUser || displayName !== (userProp?.displayName || "") || email !== (userProp?.email || "") || (() => {
+    const prev = userProp?.roles || [];
+    if (selectedRoleIds.length !== prev.length) return true;
+    const set = new Set(prev);
+    return selectedRoleIds.some((id) => !set.has(id));
+  })();
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (open_0) => !open_0 ? handleClose() : void 0, maxWidth: "4xl", children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, autoComplete: "off", noValidate: true, style: {
+    display: "flex",
+    flexDirection: "column",
+    position: "relative",
+    height: "100%"
+  }, children: [
+    /* @__PURE__ */ jsx(DialogTitle, { variant: "h4", gutterBottom: false, children: t("user") }),
+    /* @__PURE__ */ jsx(DialogContent, { className: "h-full grow", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12 gap-4", children: [
+      !isNewUser && /* @__PURE__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsx(TextField, { name: "uid", value: userProp?.uid || "", label: t("id") || "ID", disabled: true }) }),
+      /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
+        /* @__PURE__ */ jsx(TextField, { name: "displayName", required: true, error: submitCount > 0 && Boolean(errors.displayName), value: displayName, onChange: (e_0) => setDisplayName(e_0.target.value), label: t("name") }),
+        submitCount > 0 && errors.displayName && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "error", children: errors.displayName })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
+        /* @__PURE__ */ jsx(TextField, { required: true, error: submitCount > 0 && Boolean(errors.email), name: "email", value: email, onChange: (e_1) => setEmail(e_1.target.value), label: t("email"), disabled: !isNewUser }),
+        submitCount > 0 && errors.email && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "error", children: errors.email })
+      ] }),
+      roles && roles.length > 0 && /* @__PURE__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsx(MultiSelect, { className: "w-full", label: t("roles"), value: selectedRoleIds, onValueChange: (value) => setSelectedRoleIds(value), children: roles.map((role) => /* @__PURE__ */ jsx(MultiSelectItem, { value: role.id, children: /* @__PURE__ */ jsx(RoleChip, { role }) }, role.id)) }) })
+    ] }) }),
+    /* @__PURE__ */ jsxs(DialogActions, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "text", onClick: handleClose, children: t("cancel") }),
+      /* @__PURE__ */ jsx(LoadingButton, { variant: "filled", type: "submit", disabled: !dirty, loading: isSubmitting, children: isNewUser ? t("create_user") : t("update") })
+    ] })
+  ] }) });
+}
+export {
+  UsersView
+};
+//# sourceMappingURL=UsersView-BM2_7VPV.js.map

package/dist/UsersView-BM2_7VPV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsersView-BM2_7VPV.js","sources":["../src/components/admin/UsersView.tsx"],"sourcesContent":["\nimport React, { useState, useEffect, useCallback, useRef } from \"react\";\nimport { User } from \"@rebasepro/types\";\nimport { useSnackbarController, useAuthController, useTranslation } from \"@rebasepro/core\";\nimport { useBreadcrumbsController } from \"../../index\";\nimport { Button, Container, Dialog, DialogActions, DialogContent, DialogTitle, IconButton, Table, TableBody, TableCell, TableHeader, TableRow, TextField, Typography, CircularProgress, CenteredView, Tooltip, MultiSelect, MultiSelectItem, LoadingButton, SearchBar, Select, SelectItem, Skeleton , iconSize } from \"@rebasepro/ui\";\nimport { MailIcon, KeyRoundIcon, PlusIcon, Trash2Icon, CopyIcon, CheckCircleIcon, ChevronLeftIcon, ChevronRightIcon } from \"lucide-react\";\nimport { RoleChip } from \"./RoleChip\";\nimport { UserManagementDelegate, Role, UserCreationResult } from \"@rebasepro/types\";\nimport { ConfirmationDialog } from \"@rebasepro/core\";\n\nconst PAGE_SIZE = 25;\n\n// ============================================\n// UsersView Component\n// ============================================\nexport function UsersView({ userManagement }: {\n    userManagement: UserManagementDelegate;\n}) {\n    const { roles, saveUser, createUser, deleteUser, resetPassword, loading: delegateLoading, bootstrapAdmin, usersError } = userManagement;\n    const snackbarController = useSnackbarController();\n    const { user: loggedInUser } = useAuthController();\n    const { t } = useTranslation();\n    const breadcrumbs = useBreadcrumbsController();\n\n    React.useEffect(() => {\n        breadcrumbs.set({\n            breadcrumbs: [{ title: t(\"users\"),\nurl: \"/users\" }]\n        });\n\n    }, []);\n\n    const [dialogOpen, setDialogOpen] = useState(false);\n    const [selectedUser, setSelectedUser] = useState<User | undefined>();\n    const [deleteConfirmOpen, setDeleteConfirmOpen] = useState(false);\n    const [userToDelete, setUserToDelete] = useState<User | undefined>();\n    const [deleteInProgress, setDeleteInProgress] = useState(false);\n    const [formKey, setFormKey] = useState(0);\n    const [bootstrapping, setBootstrapping] = useState(false);\n\n    // Creation result state\n    const [creationResult, setCreationResult] = useState<UserCreationResult | null>(null);\n\n    // Reset password\n    const [resetConfirmOpen, setResetConfirmOpen] = useState(false);\n    const [userToReset, setUserToReset] = useState<User | undefined>();\n    const [resetInProgress, setResetInProgress] = useState(false);\n\n    // Check if server-side search is available\n    const hasServerSearch = !!userManagement.searchUsers;\n\n    // ---- Server-side pagination state ----\n    const [searchQuery, setSearchQuery] = useState(\"\");\n    const [roleFilter, setRoleFilter] = useState<string>(\"\");\n    const [page, setPage] = useState(0);\n    const [paginatedUsers, setPaginatedUsers] = useState<User[]>([]);\n    const [totalUsers, setTotalUsers] = useState(0);\n    const [tableLoading, setTableLoading] = useState(hasServerSearch);\n\n    // Debounce timer ref for search\n    const searchTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    // Fallback: use in-memory users if no searchUsers\n    const allUsers = userManagement.users;\n\n    /**\n     * Fetch a page of users from the server.\n     * Only shows the loading skeleton when we have no data yet (initial load).\n     * Subsequent re-fetches (pagination, search) update in-place without flashing.\n     */\n    const fetchPage = useCallback(async (pageNum: number, search: string, filterRole: string, forceLoading = false) => {\n        if (!userManagement.searchUsers) return;\n\n        // Only show skeleton on initial load or explicit requests (search/filter/page change).\n        // This avoids flashing skeletons when the effect re-fires from dep changes.\n        if (forceLoading) {\n            setTableLoading(true);\n        }\n        try {\n            const result = await userManagement.searchUsers({\n                search: search || undefined,\n                roleId: filterRole || undefined,\n                limit: PAGE_SIZE,\n                offset: pageNum * PAGE_SIZE,\n                orderBy: \"createdAt\",\n                orderDir: \"desc\"\n            });\n            setPaginatedUsers(result.users);\n            setTotalUsers(result.total);\n        } catch (error: unknown) {\n            console.error(\"Failed to fetch users:\", error);\n            snackbarController.open({ type: \"error\",\nmessage: error instanceof Error ? error.message : \"Failed to load users\" });\n        } finally {\n            setTableLoading(false);\n        }\n    }, [userManagement.searchUsers, snackbarController]);\n\n    // Stable ref for fetchPage so the initial-load effect doesn't re-fire\n    // every time fetchPage's reference changes (which happens on parent re-renders).\n    const fetchPageRef = useRef(fetchPage);\n    fetchPageRef.current = fetchPage;\n    const initialFetchDone = useRef(false);\n\n    // Load initial page when delegate finishes loading — runs exactly once.\n    useEffect(() => {\n        if (!delegateLoading && hasServerSearch && !initialFetchDone.current) {\n            initialFetchDone.current = true;\n            fetchPageRef.current(0, \"\", roleFilter, true);\n        }\n    }, [delegateLoading, hasServerSearch, roleFilter]);\n\n    // Handle search changes (debounced)\n    const handleSearch = useCallback((value: string) => {\n        setSearchQuery(value);\n        setPage(0);\n\n        if (searchTimerRef.current) {\n            clearTimeout(searchTimerRef.current);\n        }\n\n        if (hasServerSearch) {\n            searchTimerRef.current = setTimeout(() => {\n                fetchPage(0, value, roleFilter, true);\n            }, 300);\n        }\n    }, [hasServerSearch, fetchPage, roleFilter]);\n\n    const handleRoleFilterChange = useCallback((newRole: string) => {\n        setRoleFilter(newRole);\n        setPage(0);\n        if (hasServerSearch) {\n            fetchPage(0, searchQuery, newRole, true);\n        }\n    }, [hasServerSearch, fetchPage, searchQuery]);\n\n    // Handle page change\n    const handlePageChange = useCallback((newPage: number) => {\n        setPage(newPage);\n        if (hasServerSearch) {\n            fetchPage(newPage, searchQuery, roleFilter, true);\n        }\n    }, [hasServerSearch, fetchPage, searchQuery, roleFilter]);\n\n    // Refresh current page (after create/update/delete)\n    const refreshCurrentPage = useCallback(() => {\n        if (hasServerSearch) {\n            fetchPage(page, searchQuery, roleFilter);\n        }\n    }, [hasServerSearch, fetchPage, page, searchQuery, roleFilter]);\n\n    // Determine which users to show\n    let displayUsers: User[];\n    let displayTotal: number;\n\n    if (hasServerSearch) {\n        displayUsers = paginatedUsers;\n        displayTotal = totalUsers;\n    } else {\n        // Fallback: local filtering for backward compat\n        const filtered = allUsers.filter(u => {\n            let matches = true;\n            if (searchQuery) {\n                const q = searchQuery.toLowerCase();\n                matches = !!(u.email?.toLowerCase().includes(q) || u.displayName?.toLowerCase().includes(q));\n            }\n            if (matches && roleFilter) {\n                matches = !!u.roles?.includes(roleFilter);\n            }\n            return matches;\n        });\n        displayTotal = filtered.length;\n        displayUsers = filtered.slice(page * PAGE_SIZE, (page + 1) * PAGE_SIZE);\n    }\n\n    const totalPages = Math.max(1, Math.ceil(displayTotal / PAGE_SIZE));\n\n    // Check if any admin exists\n    const hasAdmin = allUsers.some(u => u.roles?.includes(\"admin\"));\n\n    const handleBootstrap = async () => {\n        if (!bootstrapAdmin) return;\n        setBootstrapping(true);\n        try {\n            await bootstrapAdmin();\n            snackbarController.open({ type: \"success\",\nmessage: t(\"bootstrap_admin_success\") });\n            window.location.reload();\n        } catch (error: unknown) {\n            snackbarController.open({ type: \"error\",\nmessage: error instanceof Error ? error.message : t(\"failed_to_bootstrap_admin\") });\n        } finally {\n            setBootstrapping(false);\n        }\n    };\n\n    const handleAddUser = () => {\n        setSelectedUser(undefined);\n        setFormKey(k => k + 1);\n        setDialogOpen(true);\n    };\n\n    const handleEditUser = (user: User) => {\n        setSelectedUser(user);\n        setDialogOpen(true);\n    };\n\n    const handleClose = () => {\n        setDialogOpen(false);\n        setSelectedUser(undefined);\n    };\n\n    const handleDelete = async () => {\n        if (!userToDelete || !deleteUser) return;\n        setDeleteInProgress(true);\n        try {\n            await deleteUser(userToDelete);\n            snackbarController.open({ type: \"success\",\nmessage: t(\"user_deleted_successfully\") });\n            setDeleteConfirmOpen(false);\n            setUserToDelete(undefined);\n            refreshCurrentPage();\n        } catch (error: unknown) {\n            snackbarController.open({ type: \"error\",\nmessage: error instanceof Error ? error.message : t(\"error_deleting_user\") });\n        } finally {\n            setDeleteInProgress(false);\n        }\n    };\n\n    const handleResetPassword = async () => {\n        if (!userToReset || !resetPassword) return;\n        setResetInProgress(true);\n        try {\n            const result = await resetPassword(userToReset);\n            setResetConfirmOpen(false);\n            setUserToReset(undefined);\n            setCreationResult(result);\n            snackbarController.open({ type: \"success\",\nmessage: t(\"reset_password_success\") });\n        } catch (error: unknown) {\n            snackbarController.open({ type: \"error\",\nmessage: error instanceof Error ? error.message : t(\"error_resetting_password\") });\n        } finally {\n            setResetInProgress(false);\n        }\n    };\n\n    return (\n        <Container className=\"w-full flex flex-col py-4 gap-4\" maxWidth={\"6xl\"}>\n            {/* Bootstrap warning when no admins */}\n            {!delegateLoading && !hasAdmin && !usersError && loggedInUser && bootstrapAdmin && (\n                <div className=\"bg-yellow-100 dark:bg-yellow-900 border border-yellow-400 dark:border-yellow-700 rounded p-4 flex items-center justify-between\">\n                    <div>\n                        <Typography variant=\"label\" className=\"text-yellow-800 dark:text-yellow-200\">\n                            {t(\"no_users_or_roles_defined\")}\n                        </Typography>\n                    </div>\n                    <Button\n                        onClick={handleBootstrap}\n                        disabled={bootstrapping}\n                    >\n                        {bootstrapping ? <CircularProgress size=\"small\"/> : t(\"add_logged_user_as_admin\")}\n                    </Button>\n                </div>\n            )}\n\n            <div className=\"flex items-center mt-12 mb-4 gap-4\">\n                <Typography gutterBottom variant=\"h4\" className=\"grow mb-0\" component=\"h4\">\n                    {t(\"users\")}\n                </Typography>\n                {roles && roles.length > 0 && (\n                    <Select\n                        value={roleFilter || \"__all__\"}\n                        onValueChange={(v) => handleRoleFilterChange(v === \"__all__\" ? \"\" : v)}\n                        placeholder={t(\"all_roles\") || \"All Roles\"}\n                        size=\"small\"\n                        className=\"w-48\"\n                    >\n                        <SelectItem value=\"__all__\">{t(\"all_roles\") || \"All Roles\"}</SelectItem>\n                        {roles.map(role => (\n                            <SelectItem key={role.id} value={role.id}>{role.name}</SelectItem>\n                        ))}\n                    </Select>\n                )}\n                <SearchBar\n                    placeholder={t(\"search_users\")}\n                    onTextSearch={(v) => handleSearch(v || \"\")}\n                    size=\"small\"\n                    expandable\n                />\n                <Button startIcon={<PlusIcon/>} onClick={handleAddUser} disabled={!saveUser}>\n                    {t(\"add_user\")}\n                </Button>\n            </div>\n\n            <div className=\"overflow-auto\">\n                <Table className=\"w-full\">\n                    <TableHeader>\n                        <TableCell header className=\"w-48\">{t(\"id\") || \"ID\"}</TableCell>\n                        <TableCell header>{t(\"email\")}</TableCell>\n                        <TableCell header>{t(\"name\")}</TableCell>\n                        <TableCell header>{t(\"roles\")}</TableCell>\n                        <TableCell header className=\"whitespace-nowrap\">{t(\"created\")}</TableCell>\n                        <TableCell header className=\"w-24 text-right\">{t(\"actions\")}</TableCell>\n                    </TableHeader>\n                    <TableBody>\n                        {(tableLoading || delegateLoading) ? (\n                            [\n                                { email: \"w-48\",\nname: \"w-32\",\nroles: [\"w-16\", \"w-20\"] },\n                                { email: \"w-32\",\nname: \"w-24\",\nroles: [\"w-24\"] },\n                                { email: \"w-40\",\nname: \"w-36\",\nroles: [\"w-16\", \"w-16\"] }\n                            ].map((row, i) => (\n                                <TableRow key={`skeleton-${i}`}>\n                                    <TableCell className=\"font-mono text-xs\"><Skeleton className=\"h-3 w-40\"/></TableCell>\n                                    <TableCell><Skeleton className={`h-4 ${row.email}`}/></TableCell>\n                                    <TableCell className=\"font-medium\"><Skeleton className={`h-4 ${row.name}`}/></TableCell>\n                                    <TableCell>\n                                        <div className=\"flex flex-wrap gap-2\">\n                                            {row.roles.map((w, j) => (\n                                                <Skeleton key={j} className={`h-6 ${w} rounded-full`}/>\n                                            ))}\n                                        </div>\n                                    </TableCell>\n                                    <TableCell className=\"whitespace-nowrap text-sm\">\n                                        <Skeleton className=\"h-4 w-20\"/>\n                                    </TableCell>\n                                    <TableCell className=\"text-right whitespace-nowrap\">\n                                        <div className=\"flex justify-end items-center gap-1\">\n                                            <Skeleton className=\"h-7 w-7 rounded-md\"/>\n                                            <Skeleton className=\"h-7 w-7 rounded-md\"/>\n                                        </div>\n                                    </TableCell>\n                                </TableRow>\n                            ))\n                        ) : (\n                            displayUsers.map(user => (\n                            <TableRow key={user.uid} onClick={() => saveUser && handleEditUser(user)}>\n                                <TableCell className=\"font-mono text-xs\">{user.uid}</TableCell>\n                                <TableCell>{user.email}</TableCell>\n                                <TableCell className=\"font-medium\">{user.displayName}</TableCell>\n                                <TableCell>\n                                    <div className=\"flex flex-wrap gap-2\">\n                                        {user.roles?.map((roleId: string) => {\n                                            const role = roles?.find(r => r.id === roleId);\n                                            return role ? <RoleChip key={roleId} role={role}/> : <span key={roleId}>{roleId}</span>;\n                                        })}\n                                    </div>\n                                </TableCell>\n                                <TableCell className=\"whitespace-nowrap text-sm text-surface-accent-600 dark:text-surface-accent-400\">\n                                    {user.createdAt ? new Date(user.createdAt).toLocaleDateString() : \"-\"}\n                                </TableCell>\n                                <TableCell className=\"text-right whitespace-nowrap\">\n                                    <div className=\"flex justify-end items-center gap-1\">\n                                        {resetPassword && (\n                                            <Tooltip asChild title={t(\"reset_password\")}>\n                                                <IconButton\n                                                    size=\"small\"\n                                                    onClick={(e) => {\n                                                        e.stopPropagation();\n                                                        setUserToReset(user);\n                                                        setResetConfirmOpen(true);\n                                                    }}>\n                                                    <KeyRoundIcon size={iconSize.small}/>\n                                                </IconButton>\n                                            </Tooltip>\n                                        )}\n                                        {deleteUser && (\n                                            <Tooltip asChild title={t(\"delete_this_user\")}>\n                                                <IconButton\n                                                    size=\"small\"\n                                                    onClick={(e) => {\n                                                        e.stopPropagation();\n                                                        setUserToDelete(user);\n                                                        setDeleteConfirmOpen(true);\n                                                    }}>\n                                                    <Trash2Icon size={iconSize.small}/>\n                                                </IconButton>\n                                            </Tooltip>\n                                        )}\n                                    </div>\n                                </TableCell>\n                            </TableRow>\n                        )))}\n\n                        {displayUsers.length === 0 && !tableLoading && !delegateLoading && (\n                            <TableRow>\n                                <TableCell colspan={5}>\n                                    <CenteredView className=\"flex flex-col gap-4 my-8 items-center\">\n                                        <Typography variant=\"label\">\n                                            {usersError\n                                                ? t(\"no_permission_to_view_users\")\n                                                : searchQuery ? t(\"no_users_found\") : t(\"no_users_yet\")}\n                                        </Typography>\n                                        {usersError && (\n                                            <Typography variant=\"caption\" color=\"secondary\">\n                                                {t(\"no_permission_description\")}\n                                            </Typography>\n                                        )}\n                                    </CenteredView>\n                                </TableCell>\n                            </TableRow>\n                        )}\n                    </TableBody>\n                </Table>\n            </div>\n\n            {/* Pagination */}\n            {displayTotal > PAGE_SIZE && (\n                <div className=\"flex items-center justify-between px-2 py-3\">\n                    <Typography variant=\"body2\" className=\"text-surface-accent-500 dark:text-surface-accent-400\">\n                        {`${page * PAGE_SIZE + 1}–${Math.min((page + 1) * PAGE_SIZE, displayTotal)} / ${displayTotal}`}\n                    </Typography>\n                    <div className=\"flex items-center gap-1\">\n                        <IconButton\n                            size=\"small\"\n                            disabled={page === 0}\n                            onClick={() => handlePageChange(page - 1)}>\n                            <ChevronLeftIcon size={iconSize.smallest}/>\n                        </IconButton>\n                        <Typography variant=\"body2\" className=\"px-3 text-surface-accent-600 dark:text-surface-accent-300\">\n                            {page + 1} / {totalPages}\n                        </Typography>\n                        <IconButton\n                            size=\"small\"\n                            disabled={page >= totalPages - 1}\n                            onClick={() => handlePageChange(page + 1)}>\n                            <ChevronRightIcon size={iconSize.smallest}/>\n                        </IconButton>\n                    </div>\n                </div>\n            )}\n\n            {/* User Edit Dialog */}\n            {saveUser && (\n                <UserDetailsForm\n                    key={selectedUser?.uid ?? `new-${formKey}`}\n                    open={dialogOpen}\n                    user={selectedUser}\n                    roles={roles}\n                    saveUser={saveUser}\n                    createUser={createUser}\n                    handleClose={handleClose}\n                    onCreationResult={setCreationResult}\n                    onSaved={refreshCurrentPage}\n                />\n            )}\n\n            {/* Creation Result Dialog */}\n            {creationResult && (\n                <CreationResultDialog\n                    result={creationResult}\n                    onClose={() => setCreationResult(null)}\n                />\n            )}\n\n            {/* Delete Confirmation */}\n            <ConfirmationDialog\n                open={deleteConfirmOpen}\n                loading={deleteInProgress}\n                onAccept={handleDelete}\n                onCancel={() => { setDeleteConfirmOpen(false); setUserToDelete(undefined); }}\n                title={<>{t(\"delete_confirmation_title\")}</>}\n                body={<>{t(\"delete_user_confirmation\")}</>}\n            />\n\n            {/* Reset Password Confirmation */}\n            <ConfirmationDialog\n                open={resetConfirmOpen}\n                loading={resetInProgress}\n                onAccept={handleResetPassword}\n                onCancel={() => { setResetConfirmOpen(false); setUserToReset(undefined); }}\n                title={<>{t(\"reset_password\")}</>}\n                body={<>{t(\"reset_password_confirmation\")}</>}\n            />\n        </Container>\n    );\n}\n\n// ============================================\n// CreationResultDialog Component\n// ============================================\nfunction CreationResultDialog({\n    result,\n    onClose\n}: {\n    result: UserCreationResult;\n    onClose: () => void;\n}) {\n    const { t } = useTranslation();\n    const snackbarController = useSnackbarController();\n    const [copied, setCopied] = useState(false);\n\n    const handleCopyPassword = async () => {\n        if (!result.temporaryPassword) return;\n        try {\n            await navigator.clipboard.writeText(result.temporaryPassword);\n            setCopied(true);\n            snackbarController.open({ type: \"success\",\nmessage: t(\"password_copied\") ?? \"Password copied to clipboard\" });\n            setTimeout(() => setCopied(false), 3000);\n        } catch {\n            // Fallback for older browsers\n            const textArea = document.createElement(\"textarea\");\n            textArea.value = result.temporaryPassword;\n            document.body.appendChild(textArea);\n            textArea.select();\n            document.execCommand(\"copy\");\n            document.body.removeChild(textArea);\n            setCopied(true);\n            setTimeout(() => setCopied(false), 3000);\n        }\n    };\n\n    if (result.invitationSent) {\n        // Invitation sent via email\n        return (\n            <Dialog open={true} onOpenChange={(open) => !open ? onClose() : undefined} maxWidth=\"xl\">\n                <DialogTitle variant=\"h5\" gutterBottom={false}>\n                    <div className=\"flex items-center gap-3\">\n                        <MailIcon/>\n                        {t(\"invitation_sent_title\") ?? \"Invitation Sent\"}\n                    </div>\n                </DialogTitle>\n                <DialogContent>\n                    <div className=\"flex flex-col gap-4 py-2\">\n                        <div className=\"bg-green-50 dark:bg-green-900/30 border border-green-200 dark:border-green-800 rounded-lg p-4\">\n                            <Typography className=\"text-green-800 dark:text-green-200\">\n                                {(t(\"invitation_sent\") ?? \"An invitation email has been sent to {{email}}. They can use the link to set their password.\")\n                                    .replace(\"{{email}}\", result.user.email ?? \"\")}\n                            </Typography>\n                        </div>\n                    </div>\n                </DialogContent>\n                <DialogActions>\n                    <Button variant=\"filled\" onClick={onClose}>\n                        {t(\"ok\")}\n                    </Button>\n                </DialogActions>\n            </Dialog>\n        );\n    }\n\n    if (result.temporaryPassword) {\n        // No email — show temporary password\n        return (\n            <Dialog open={true} onOpenChange={(open) => !open ? onClose() : undefined} maxWidth=\"xl\">\n                <DialogTitle variant=\"h5\" gutterBottom={false}>\n                    {t(\"temporary_password\") ?? \"Temporary Password\"}\n                </DialogTitle>\n                <DialogContent>\n                    <div className=\"flex flex-col gap-4 py-2\">\n                        <div className=\"bg-amber-50 dark:bg-amber-900/30 border border-amber-200 dark:border-amber-800 rounded-lg p-4\">\n                            <Typography className=\"text-amber-800 dark:text-amber-200\" variant=\"body2\">\n                                {t(\"temporary_password_description\") ??\n                                    \"Email is not configured. Share this temporary password with the user securely. It will not be shown again.\"}\n                            </Typography>\n                        </div>\n\n                        <div>\n                            <Typography variant=\"caption\" color=\"secondary\" className=\"mb-1\">\n                                {t(\"email\")}\n                            </Typography>\n                            <Typography>\n                                {result.user.email}\n                            </Typography>\n                        </div>\n\n                        <div>\n                            <Typography variant=\"caption\" color=\"secondary\" className=\"mb-1\">\n                                {t(\"temporary_password\") ?? \"Temporary Password\"}\n                            </Typography>\n                            <div className=\"flex items-center gap-2 mt-1\">\n                                <code className=\"flex-grow bg-surface-100 dark:bg-surface-900 border border-surface-300 dark:border-surface-600 rounded px-3 py-2 font-mono text-base select-all\">\n                                    {result.temporaryPassword}\n                                </code>\n                                <Tooltip title={t(\"copy_password\") ?? \"CopyIcon password\"} asChild>\n                                    <IconButton onClick={handleCopyPassword}>\n                                        {copied ? <CheckCircleIcon className=\"text-green-600\"/> : <CopyIcon/>}\n                                    </IconButton>\n                                </Tooltip>\n                            </div>\n                        </div>\n                    </div>\n                </DialogContent>\n                <DialogActions>\n                    <Button variant=\"filled\" onClick={onClose}>\n                        {t(\"ok\")}\n                    </Button>\n                </DialogActions>\n            </Dialog>\n        );\n    }\n\n    // Shouldn't happen, but fallback\n    return null;\n}\n\n// ============================================\n// UserDetailsForm Component\n// ============================================\nfunction UserDetailsForm({\n    open,\n    user: userProp,\n    roles,\n    saveUser,\n    createUser,\n    handleClose,\n    onCreationResult,\n    onSaved\n}: {\n    open: boolean;\n    user?: User;\n    roles?: Role[];\n    saveUser: (user: User) => Promise<User>;\n    createUser?: (user: User) => Promise<UserCreationResult>;\n    handleClose: () => void;\n    onCreationResult?: (result: UserCreationResult) => void;\n    onSaved?: () => void;\n}) {\n    const snackbarController = useSnackbarController();\n    const { t } = useTranslation();\n    const isNewUser = !userProp;\n\n    const [displayName, setDisplayName] = useState(userProp?.displayName || \"\");\n    const [email, setEmail] = useState(userProp?.email || \"\");\n    const [selectedRoleIds, setSelectedRoleIds] = useState<string[]>(\n        userProp?.roles || []\n    );\n    const [isSubmitting, setIsSubmitting] = useState(false);\n    const [errors, setErrors] = useState<{ displayName?: string; email?: string; roles?: string }>({});\n    const [submitCount, setSubmitCount] = useState(0);\n\n    const validate = () => {\n        const newErrors: typeof errors = {};\n        if (!displayName) newErrors.displayName = \"Required\";\n        if (!email) newErrors.email = \"Required\";\n        else if (!/\\S+@\\S+\\.\\S+/.test(email)) newErrors.email = \"Invalid email\";\n        setErrors(newErrors);\n        return Object.keys(newErrors).length === 0;\n    };\n\n    const handleSubmit = async (e: React.FormEvent) => {\n        e.preventDefault();\n        setSubmitCount(c => c + 1);\n\n        if (!validate()) return;\n\n        setIsSubmitting(true);\n        try {\n            const userRoles = selectedRoleIds;\n            const userToSave: User = {\n                uid: userProp?.uid || crypto.randomUUID(),\n                email,\n                displayName: displayName || null,\n                photoURL: userProp?.photoURL || null,\n                providerId: userProp?.providerId || \"custom\",\n                isAnonymous: userProp?.isAnonymous || false,\n                roles: userRoles\n            };\n\n            if (isNewUser && createUser && onCreationResult) {\n                // Use createUser for new users to get invitation/password info\n                const result = await createUser(userToSave);\n                handleClose();\n                onCreationResult(result);\n            } else {\n                await saveUser(userToSave);\n                handleClose();\n            }\n            onSaved?.();\n        } catch (error: unknown) {\n            snackbarController.open({ type: \"error\",\nmessage: error instanceof Error ? error.message : \"Failed to save user\" });\n        } finally {\n            setIsSubmitting(false);\n        }\n    };\n\n    const dirty = isNewUser ||\n        displayName !== (userProp?.displayName || \"\") ||\n        email !== (userProp?.email || \"\") ||\n        (() => {\n            const prev = userProp?.roles || [];\n            if (selectedRoleIds.length !== prev.length) return true;\n            const set = new Set(prev);\n            return selectedRoleIds.some(id => !set.has(id));\n        })();\n\n    return (\n        <Dialog open={open} onOpenChange={(open) => !open ? handleClose() : undefined} maxWidth=\"4xl\">\n            <form onSubmit={handleSubmit} autoComplete=\"off\" noValidate\n                style={{ display: \"flex\",\nflexDirection: \"column\",\nposition: \"relative\",\nheight: \"100%\" }}>\n\n                <DialogTitle variant=\"h4\" gutterBottom={false}>\n                    {t(\"user\")}\n                </DialogTitle>\n\n                <DialogContent className=\"h-full grow\">\n                    <div className=\"grid grid-cols-12 gap-4\">\n                        {!isNewUser && (\n                            <div className=\"col-span-12\">\n                                <TextField\n                                    name=\"uid\"\n                                    value={userProp?.uid || \"\"}\n                                    label={t(\"id\") || \"ID\"}\n                                    disabled\n                                />\n                            </div>\n                        )}\n                        <div className=\"col-span-12\">\n                            <TextField\n                                name=\"displayName\"\n                                required\n                                error={submitCount > 0 && Boolean(errors.displayName)}\n                                value={displayName}\n                                onChange={(e) => setDisplayName(e.target.value)}\n                                label={t(\"name\")}\n                            />\n                            {submitCount > 0 && errors.displayName && (\n                                <Typography variant=\"caption\" color=\"error\">{errors.displayName}</Typography>\n                            )}\n                        </div>\n\n                        <div className=\"col-span-12\">\n                            <TextField\n                                required\n                                error={submitCount > 0 && Boolean(errors.email)}\n                                name=\"email\"\n                                value={email}\n                                onChange={(e) => setEmail(e.target.value)}\n                                label={t(\"email\")}\n                                disabled={!isNewUser}\n                            />\n                            {submitCount > 0 && errors.email && (\n                                <Typography variant=\"caption\" color=\"error\">{errors.email}</Typography>\n                            )}\n                        </div>\n\n                        {roles && roles.length > 0 && (\n                            <div className=\"col-span-12\">\n                                <MultiSelect\n                                    className=\"w-full\"\n                                    label={t(\"roles\")}\n                                    value={selectedRoleIds}\n                                    onValueChange={(value: string[]) => setSelectedRoleIds(value)}\n                                >\n                                    {roles.map(role => (\n                                        <MultiSelectItem key={role.id} value={role.id}>\n                                            <RoleChip role={role}/>\n                                        </MultiSelectItem>\n                                    ))}\n                                </MultiSelect>\n                            </div>\n                        )}\n                    </div>\n                </DialogContent>\n\n                <DialogActions>\n                    <Button variant=\"text\" onClick={handleClose}>\n                        {t(\"cancel\")}\n                    </Button>\n                    <LoadingButton\n                        variant=\"filled\"\n                        type=\"submit\"\n                        disabled={!dirty}\n                        loading={isSubmitting}\n                    >\n                        {isNewUser ? t(\"create_user\") : t(\"update\")}\n                    </LoadingButton>\n                </DialogActions>\n            </form>\n        </Dialog>\n    );\n}\n"],"names":["PAGE_SIZE","UsersView","userManagement","roles","saveUser","createUser","deleteUser","resetPassword","loading","delegateLoading","bootstrapAdmin","usersError","snackbarController","useSnackbarController","user","loggedInUser","useAuthController","t","useTranslation","breadcrumbs","useBreadcrumbsController","React","useEffect","set","title","url","dialogOpen","setDialogOpen","useState","selectedUser","setSelectedUser","deleteConfirmOpen","setDeleteConfirmOpen","userToDelete","setUserToDelete","deleteInProgress","setDeleteInProgress","formKey","setFormKey","bootstrapping","setBootstrapping","creationResult","setCreationResult","resetConfirmOpen","setResetConfirmOpen","userToReset","setUserToReset","resetInProgress","setResetInProgress","hasServerSearch","searchUsers","searchQuery","setSearchQuery","roleFilter","setRoleFilter","page","setPage","paginatedUsers","setPaginatedUsers","totalUsers","setTotalUsers","tableLoading","setTableLoading","searchTimerRef","useRef","allUsers","users","fetchPage","useCallback","pageNum","search","filterRole","forceLoading","result","undefined","roleId","limit","offset","orderBy","orderDir","total","error","console","open","type","message","Error","fetchPageRef","current","initialFetchDone","handleSearch","value","clearTimeout","setTimeout","handleRoleFilterChange","newRole","handlePageChange","newPage","refreshCurrentPage","displayUsers","displayTotal","filtered","filter","u","matches","q","toLowerCase","email","includes","displayName","length","slice","totalPages","Math","max","ceil","hasAdmin","some","handleBootstrap","window","location","reload","handleAddUser","k","handleEditUser","handleClose","handleDelete","handleResetPassword","v","map","role","id","name","row","i","w","j","uid","find","r","createdAt","Date","toLocaleDateString","e","stopPropagation","iconSize","small","min","smallest","CreationResultDialog","onClose","copied","setCopied","handleCopyPassword","temporaryPassword","navigator","clipboard","writeText","textArea","document","createElement","body","appendChild","select","execCommand","removeChild","invitationSent","replace","UserDetailsForm","userProp","onCreationResult","onSaved","isNewUser","setDisplayName","setEmail","selectedRoleIds","setSelectedRoleIds","isSubmitting","setIsSubmitting","errors","setErrors","submitCount","setSubmitCount","validate","newErrors","test","Object","keys","handleSubmit","preventDefault","c","userRoles","userToSave","crypto","randomUUID","photoURL","providerId","isAnonymous","dirty","prev","Set","has","display","flexDirection","position","height","Boolean","target"],"mappings":"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"}