@alepha/ui 0.14.2 → 0.14.4

package/dist/admin/AdminUserDetails-CKM2IEMr.js

@@ -0,0 +1,475 @@
+import { ActionButton, ClipboardButton, Control } from "@alepha/ui";
+import { t } from "alepha";
+import { useRouterState } from "@alepha/react/router";
+import { IconActivity, IconCalendar, IconCheck, IconDevices, IconKey, IconShieldCheck, IconUser, IconX } from "@tabler/icons-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useClient } from "@alepha/react";
+import { useI18n } from "@alepha/react/i18n";
+import { Badge, Box, Card, Center, Divider, Grid, Group, Loader, Paper, SimpleGrid, Stack, Text as Text$1, ThemeIcon } from "@mantine/core";
+import { useEffect, useState } from "react";
+import { useForm } from "@alepha/react/form";
+
+//#region ../../src/admin/components/users/AdminUserDetails.tsx
+const DataRow = ({ label, value, copyValue }) => /* @__PURE__ */ jsxs(Group, {
+	justify: "space-between",
+	py: 8,
+	wrap: "nowrap",
+	style: { borderBottom: "1px solid var(--mantine-color-default-border)" },
+	children: [/* @__PURE__ */ jsx(Text$1, {
+		size: "sm",
+		c: "dimmed",
+		style: { flexShrink: 0 },
+		children: label
+	}), /* @__PURE__ */ jsxs(Group, {
+		gap: 6,
+		wrap: "nowrap",
+		style: { minWidth: 0 },
+		children: [typeof value === "string" ? /* @__PURE__ */ jsx(Text$1, {
+			size: "sm",
+			fw: 500,
+			truncate: true,
+			style: { maxWidth: 220 },
+			children: value || "—"
+		}) : value, copyValue && /* @__PURE__ */ jsx(ClipboardButton, {
+			value: copyValue,
+			size: "xs",
+			variant: "subtle",
+			c: "dimmed"
+		})]
+	})]
+});
+const StatCard = ({ icon, label, value, color }) => /* @__PURE__ */ jsx(Paper, {
+	p: "md",
+	radius: "md",
+	withBorder: true,
+	children: /* @__PURE__ */ jsxs(Group, {
+		gap: "sm",
+		children: [/* @__PURE__ */ jsx(ThemeIcon, {
+			size: "lg",
+			radius: "md",
+			variant: "light",
+			color,
+			children: icon
+		}), /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text$1, {
+			size: "xl",
+			fw: 700,
+			lh: 1,
+			children: value
+		}), /* @__PURE__ */ jsx(Text$1, {
+			size: "xs",
+			c: "dimmed",
+			children: label
+		})] })]
+	})
+});
+const AdminUserDetails = (props) => {
+	const state = useRouterState();
+	const client = useClient();
+	const { l } = useI18n();
+	const userId = state.params.userId;
+	const [user, setUser] = useState(null);
+	const [loading, setLoading] = useState(true);
+	const [editing, setEditing] = useState(false);
+	useEffect(() => {
+		const loadUser = async () => {
+			try {
+				setUser(await client.getUser({
+					params: { id: userId },
+					query: { userRealmName: props.userRealmName }
+				}));
+			} finally {
+				setLoading(false);
+			}
+		};
+		loadUser();
+	}, [userId]);
+	const form = useForm({
+		schema: t.object({
+			email: t.optional(t.email()),
+			phoneNumber: t.optional(t.e164()),
+			firstName: t.optional(t.string()),
+			lastName: t.optional(t.string()),
+			roles: t.optional(t.array(t.string())),
+			enabled: t.optional(t.boolean())
+		}),
+		handler: async (data) => {
+			setUser(await client.updateUser({
+				params: { id: userId },
+				query: { userRealmName: props.userRealmName },
+				body: data
+			}));
+			setEditing(false);
+		}
+	});
+	useEffect(() => {
+		if (user) {
+			form.input.email?.set(user.email ?? "");
+			form.input.phoneNumber?.set(user.phoneNumber ?? "");
+			form.input.firstName?.set(user.firstName ?? "");
+			form.input.lastName?.set(user.lastName ?? "");
+			form.input.roles?.set(user.roles ?? []);
+			form.input.enabled?.set(user.enabled);
+		}
+	}, [user]);
+	if (loading) return /* @__PURE__ */ jsx(Center, {
+		flex: 1,
+		py: "xl",
+		children: /* @__PURE__ */ jsx(Loader, {})
+	});
+	if (!user) return /* @__PURE__ */ jsx(Center, {
+		flex: 1,
+		py: "xl",
+		children: /* @__PURE__ */ jsxs(Stack, {
+			align: "center",
+			gap: "xs",
+			children: [/* @__PURE__ */ jsx(IconUser, {
+				size: 48,
+				opacity: .3
+			}), /* @__PURE__ */ jsx(Text$1, {
+				c: "dimmed",
+				children: "User not found"
+			})]
+		})
+	});
+	const displayName = user.firstName && user.lastName ? `${user.firstName} ${user.lastName}` : user.firstName || user.lastName || null;
+	return /* @__PURE__ */ jsxs(Stack, {
+		gap: "md",
+		children: [
+			/* @__PURE__ */ jsxs(SimpleGrid, {
+				cols: {
+					base: 2,
+					sm: 4
+				},
+				children: [
+					/* @__PURE__ */ jsx(StatCard, {
+						icon: /* @__PURE__ */ jsx(IconDevices, { size: 18 }),
+						label: "Sessions",
+						value: 0,
+						color: "blue"
+					}),
+					/* @__PURE__ */ jsx(StatCard, {
+						icon: /* @__PURE__ */ jsx(IconActivity, { size: 18 }),
+						label: "API Calls",
+						value: 0,
+						color: "green"
+					}),
+					/* @__PURE__ */ jsx(StatCard, {
+						icon: /* @__PURE__ */ jsx(IconKey, { size: 18 }),
+						label: "Failed Logins",
+						value: 0,
+						color: "orange"
+					}),
+					/* @__PURE__ */ jsx(StatCard, {
+						icon: /* @__PURE__ */ jsx(IconShieldCheck, { size: 18 }),
+						label: "Roles",
+						value: user.roles.length,
+						color: "violet"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs(Grid, { children: [/* @__PURE__ */ jsx(Grid.Col, {
+				span: {
+					base: 12,
+					md: 6
+				},
+				children: /* @__PURE__ */ jsxs(Card, {
+					padding: 0,
+					radius: "md",
+					withBorder: true,
+					h: "100%",
+					children: [/* @__PURE__ */ jsx(Group, {
+						justify: "space-between",
+						p: "md",
+						pb: 0,
+						children: /* @__PURE__ */ jsx(Text$1, {
+							fw: 600,
+							size: "sm",
+							children: "Account Details"
+						})
+					}), /* @__PURE__ */ jsxs(Box, {
+						px: "md",
+						pb: "md",
+						children: [
+							/* @__PURE__ */ jsx(DataRow, {
+								label: "User ID",
+								value: user.id,
+								copyValue: user.id
+							}),
+							/* @__PURE__ */ jsx(DataRow, {
+								label: "Username",
+								value: user.username || "—",
+								copyValue: user.username
+							}),
+							/* @__PURE__ */ jsx(DataRow, {
+								label: "Email",
+								value: /* @__PURE__ */ jsxs(Group, {
+									gap: 6,
+									children: [/* @__PURE__ */ jsx(Text$1, {
+										size: "sm",
+										fw: 500,
+										children: user.email || "—"
+									}), user.email && /* @__PURE__ */ jsx(Badge, {
+										size: "xs",
+										variant: "light",
+										color: user.emailVerified ? "green" : "orange",
+										children: user.emailVerified ? "verified" : "unverified"
+									})]
+								}),
+								copyValue: user.email
+							}),
+							/* @__PURE__ */ jsx(DataRow, {
+								label: "Phone",
+								value: user.phoneNumber || "—",
+								copyValue: user.phoneNumber
+							}),
+							/* @__PURE__ */ jsx(DataRow, {
+								label: "Realm",
+								value: user.realm
+							}),
+							/* @__PURE__ */ jsx(DataRow, {
+								label: "Status",
+								value: /* @__PURE__ */ jsxs(Group, {
+									gap: 4,
+									children: [/* @__PURE__ */ jsx(ThemeIcon, {
+										size: 16,
+										radius: "xl",
+										color: user.enabled ? "green" : "red",
+										variant: "filled",
+										children: user.enabled ? /* @__PURE__ */ jsx(IconCheck, { size: 10 }) : /* @__PURE__ */ jsx(IconX, { size: 10 })
+									}), /* @__PURE__ */ jsx(Text$1, {
+										size: "sm",
+										fw: 500,
+										children: user.enabled ? "Active" : "Disabled"
+									})]
+								})
+							})
+						]
+					})]
+				})
+			}), /* @__PURE__ */ jsx(Grid.Col, {
+				span: {
+					base: 12,
+					md: 6
+				},
+				children: /* @__PURE__ */ jsxs(Card, {
+					padding: 0,
+					radius: "md",
+					withBorder: true,
+					h: "100%",
+					children: [/* @__PURE__ */ jsxs(Group, {
+						justify: "space-between",
+						p: "md",
+						pb: 0,
+						children: [/* @__PURE__ */ jsx(Text$1, {
+							fw: 600,
+							size: "sm",
+							children: "Personal Information"
+						}), !editing && /* @__PURE__ */ jsx(ActionButton, {
+							variant: "subtle",
+							size: "xs",
+							onClick: () => setEditing(true),
+							children: "Edit"
+						})]
+					}), editing ? /* @__PURE__ */ jsx(Box, {
+						p: "md",
+						children: /* @__PURE__ */ jsx("form", {
+							...form.props,
+							children: /* @__PURE__ */ jsxs(Stack, {
+								gap: "sm",
+								children: [
+									/* @__PURE__ */ jsxs(SimpleGrid, {
+										cols: 2,
+										children: [/* @__PURE__ */ jsx(Control, {
+											title: "First Name",
+											input: form.input.firstName
+										}), /* @__PURE__ */ jsx(Control, {
+											title: "Last Name",
+											input: form.input.lastName
+										})]
+									}),
+									/* @__PURE__ */ jsxs(SimpleGrid, {
+										cols: 2,
+										children: [/* @__PURE__ */ jsx(Control, {
+											title: "Email",
+											input: form.input.email
+										}), /* @__PURE__ */ jsx(Control, {
+											title: "Phone",
+											input: form.input.phoneNumber
+										})]
+									}),
+									/* @__PURE__ */ jsx(Control, {
+										title: "Roles",
+										input: form.input.roles
+									}),
+									/* @__PURE__ */ jsx(Divider, {}),
+									/* @__PURE__ */ jsxs(Group, {
+										justify: "flex-end",
+										gap: "xs",
+										children: [/* @__PURE__ */ jsx(ActionButton, {
+											variant: "subtle",
+											size: "xs",
+											onClick: () => setEditing(false),
+											children: "Cancel"
+										}), /* @__PURE__ */ jsx(ActionButton, {
+											size: "xs",
+											form,
+											children: "Save"
+										})]
+									})
+								]
+							})
+						})
+					}) : /* @__PURE__ */ jsxs(Box, {
+						px: "md",
+						pb: "md",
+						children: [
+							/* @__PURE__ */ jsx(DataRow, {
+								label: "First Name",
+								value: user.firstName || "—"
+							}),
+							/* @__PURE__ */ jsx(DataRow, {
+								label: "Last Name",
+								value: user.lastName || "—"
+							}),
+							/* @__PURE__ */ jsx(DataRow, {
+								label: "Display Name",
+								value: displayName || "—"
+							}),
+							/* @__PURE__ */ jsx(DataRow, {
+								label: "Roles",
+								value: user.roles.length > 0 ? /* @__PURE__ */ jsx(Group, {
+									gap: 4,
+									children: user.roles.map((role) => /* @__PURE__ */ jsx(Badge, {
+										size: "xs",
+										variant: "light",
+										children: role
+									}, role))
+								}) : /* @__PURE__ */ jsx(Text$1, {
+									size: "sm",
+									c: "dimmed",
+									children: "No roles"
+								})
+							})
+						]
+					})]
+				})
+			})] }),
+			/* @__PURE__ */ jsxs(Card, {
+				padding: 0,
+				radius: "md",
+				withBorder: true,
+				children: [/* @__PURE__ */ jsx(Group, {
+					justify: "space-between",
+					p: "md",
+					pb: 0,
+					children: /* @__PURE__ */ jsx(Text$1, {
+						fw: 600,
+						size: "sm",
+						children: "Activity Timeline"
+					})
+				}), /* @__PURE__ */ jsxs(SimpleGrid, {
+					cols: {
+						base: 2,
+						sm: 4
+					},
+					p: "md",
+					children: [
+						/* @__PURE__ */ jsxs(Box, { children: [
+							/* @__PURE__ */ jsxs(Group, {
+								gap: 6,
+								mb: 4,
+								children: [/* @__PURE__ */ jsx(IconCalendar, {
+									size: 14,
+									style: { opacity: .5 }
+								}), /* @__PURE__ */ jsx(Text$1, {
+									size: "xs",
+									c: "dimmed",
+									children: "Created"
+								})]
+							}),
+							/* @__PURE__ */ jsx(Text$1, {
+								size: "sm",
+								fw: 500,
+								children: l(user.createdAt, { date: "ll" })
+							}),
+							/* @__PURE__ */ jsx(Text$1, {
+								size: "xs",
+								c: "dimmed",
+								children: l(user.createdAt, { date: "fromNow" })
+							})
+						] }),
+						/* @__PURE__ */ jsxs(Box, { children: [
+							/* @__PURE__ */ jsxs(Group, {
+								gap: 6,
+								mb: 4,
+								children: [/* @__PURE__ */ jsx(IconCalendar, {
+									size: 14,
+									style: { opacity: .5 }
+								}), /* @__PURE__ */ jsx(Text$1, {
+									size: "xs",
+									c: "dimmed",
+									children: "Updated"
+								})]
+							}),
+							/* @__PURE__ */ jsx(Text$1, {
+								size: "sm",
+								fw: 500,
+								children: l(user.updatedAt, { date: "ll" })
+							}),
+							/* @__PURE__ */ jsx(Text$1, {
+								size: "xs",
+								c: "dimmed",
+								children: l(user.updatedAt, { date: "fromNow" })
+							})
+						] }),
+						/* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsxs(Group, {
+							gap: 6,
+							mb: 4,
+							children: [/* @__PURE__ */ jsx(IconDevices, {
+								size: 14,
+								style: { opacity: .5 }
+							}), /* @__PURE__ */ jsx(Text$1, {
+								size: "xs",
+								c: "dimmed",
+								children: "Last Login"
+							})]
+						}), /* @__PURE__ */ jsx(Text$1, {
+							size: "sm",
+							c: "dimmed",
+							children: "—"
+						})] }),
+						/* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsxs(Group, {
+							gap: 6,
+							mb: 4,
+							children: [/* @__PURE__ */ jsx(IconCheck, {
+								size: 14,
+								style: { opacity: .5 }
+							}), /* @__PURE__ */ jsx(Text$1, {
+								size: "xs",
+								c: "dimmed",
+								children: "Email Verified"
+							})]
+						}), user.emailVerified ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Text$1, {
+							size: "sm",
+							fw: 500,
+							children: l(user.updatedAt, { date: "ll" })
+						}), /* @__PURE__ */ jsx(Text$1, {
+							size: "xs",
+							c: "dimmed",
+							children: l(user.updatedAt, { date: "fromNow" })
+						})] }) : /* @__PURE__ */ jsx(Text$1, {
+							size: "sm",
+							c: "dimmed",
+							children: "Not verified"
+						})] })
+					]
+				})]
+			})
+		]
+	});
+};
+var AdminUserDetails_default = AdminUserDetails;
+
+//#endregion
+export { AdminUserDetails_default as t };
+//# sourceMappingURL=AdminUserDetails-CKM2IEMr.js.map

package/dist/admin/AdminUserDetails-CKM2IEMr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminUserDetails-CKM2IEMr.js","names":["Text"],"sources":["../../src/admin/components/users/AdminUserDetails.tsx"],"sourcesContent":["import { useClient } from \"@alepha/react\";\nimport { useForm } from \"@alepha/react/form\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { useRouterState } from \"@alepha/react/router\";\nimport { ActionButton, ClipboardButton, Control } from \"@alepha/ui\";\nimport {\n  Badge,\n  Box,\n  Card,\n  Center,\n  Divider,\n  Grid,\n  Group,\n  Loader,\n  Paper,\n  SimpleGrid,\n  Stack,\n  Text,\n  ThemeIcon,\n} from \"@mantine/core\";\nimport {\n  IconActivity,\n  IconCalendar,\n  IconCheck,\n  IconDevices,\n  IconKey,\n  IconShieldCheck,\n  IconUser,\n  IconX,\n} from \"@tabler/icons-react\";\nimport { t } from \"alepha\";\nimport type { AdminUserController, UserEntity } from \"alepha/api/users\";\nimport { type ReactNode, useEffect, useState } from \"react\";\n\nexport interface AdminUserDetailsProps {\n  userRealmName?: string;\n}\n\ninterface DataRowProps {\n  label: string;\n  value: ReactNode;\n  copyValue?: string;\n}\n\nconst DataRow = ({ label, value, copyValue }: DataRowProps) => (\n  <Group\n    justify=\"space-between\"\n    py={8}\n    wrap=\"nowrap\"\n    style={{ borderBottom: \"1px solid var(--mantine-color-default-border)\" }}\n  >\n    <Text size=\"sm\" c=\"dimmed\" style={{ flexShrink: 0 }}>\n      {label}\n    </Text>\n    <Group gap={6} wrap=\"nowrap\" style={{ minWidth: 0 }}>\n      {typeof value === \"string\" ? (\n        <Text size=\"sm\" fw={500} truncate style={{ maxWidth: 220 }}>\n          {value || \"—\"}\n        </Text>\n      ) : (\n        value\n      )}\n      {copyValue && (\n        <ClipboardButton\n          value={copyValue}\n          size=\"xs\"\n          variant=\"subtle\"\n          c=\"dimmed\"\n        />\n      )}\n    </Group>\n  </Group>\n);\n\ninterface StatCardProps {\n  icon: ReactNode;\n  label: string;\n  value: string | number;\n  color: string;\n}\n\nconst StatCard = ({ icon, label, value, color }: StatCardProps) => (\n  <Paper p=\"md\" radius=\"md\" withBorder>\n    <Group gap=\"sm\">\n      <ThemeIcon size=\"lg\" radius=\"md\" variant=\"light\" color={color}>\n        {icon}\n      </ThemeIcon>\n      <Box>\n        <Text size=\"xl\" fw={700} lh={1}>\n          {value}\n        </Text>\n        <Text size=\"xs\" c=\"dimmed\">\n          {label}\n        </Text>\n      </Box>\n    </Group>\n  </Paper>\n);\n\nconst AdminUserDetails = (props: AdminUserDetailsProps) => {\n  const state = useRouterState();\n  const client = useClient<AdminUserController>();\n  const { l } = useI18n();\n  const userId = state.params.userId as string;\n\n  const [user, setUser] = useState<UserEntity | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [editing, setEditing] = useState(false);\n\n  useEffect(() => {\n    const loadUser = async () => {\n      try {\n        const data = await client.getUser({\n          params: { id: userId },\n          query: { userRealmName: props.userRealmName },\n        });\n        setUser(data);\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    loadUser();\n  }, [userId]);\n\n  const form = useForm({\n    schema: t.object({\n      email: t.optional(t.email()),\n      phoneNumber: t.optional(t.e164()),\n      firstName: t.optional(t.string()),\n      lastName: t.optional(t.string()),\n      roles: t.optional(t.array(t.string())),\n      enabled: t.optional(t.boolean()),\n    }),\n    handler: async (data) => {\n      const updated = await client.updateUser({\n        params: { id: userId },\n        query: { userRealmName: props.userRealmName },\n        body: data,\n      });\n      setUser(updated);\n      setEditing(false);\n    },\n  });\n\n  useEffect(() => {\n    if (user) {\n      form.input.email?.set(user.email ?? \"\");\n      form.input.phoneNumber?.set(user.phoneNumber ?? \"\");\n      form.input.firstName?.set(user.firstName ?? \"\");\n      form.input.lastName?.set(user.lastName ?? \"\");\n      form.input.roles?.set(user.roles ?? []);\n      form.input.enabled?.set(user.enabled);\n    }\n  }, [user]);\n\n  if (loading) {\n    return (\n      <Center flex={1} py=\"xl\">\n        <Loader />\n      </Center>\n    );\n  }\n\n  if (!user) {\n    return (\n      <Center flex={1} py=\"xl\">\n        <Stack align=\"center\" gap=\"xs\">\n          <IconUser size={48} opacity={0.3} />\n          <Text c=\"dimmed\">User not found</Text>\n        </Stack>\n      </Center>\n    );\n  }\n\n  const displayName =\n    user.firstName && user.lastName\n      ? `${user.firstName} ${user.lastName}`\n      : user.firstName || user.lastName || null;\n\n  return (\n    <Stack gap=\"md\">\n      {/* Stats Overview */}\n      <SimpleGrid cols={{ base: 2, sm: 4 }}>\n        <StatCard\n          icon={<IconDevices size={18} />}\n          label=\"Sessions\"\n          value={0}\n          color=\"blue\"\n        />\n        <StatCard\n          icon={<IconActivity size={18} />}\n          label=\"API Calls\"\n          value={0}\n          color=\"green\"\n        />\n        <StatCard\n          icon={<IconKey size={18} />}\n          label=\"Failed Logins\"\n          value={0}\n          color=\"orange\"\n        />\n        <StatCard\n          icon={<IconShieldCheck size={18} />}\n          label=\"Roles\"\n          value={user.roles.length}\n          color=\"violet\"\n        />\n      </SimpleGrid>\n\n      <Grid>\n        {/* Left Column - Account Details */}\n        <Grid.Col span={{ base: 12, md: 6 }}>\n          <Card padding={0} radius=\"md\" withBorder h=\"100%\">\n            <Group justify=\"space-between\" p=\"md\" pb={0}>\n              <Text fw={600} size=\"sm\">\n                Account Details\n              </Text>\n            </Group>\n            <Box px=\"md\" pb=\"md\">\n              <DataRow label=\"User ID\" value={user.id} copyValue={user.id} />\n              <DataRow\n                label=\"Username\"\n                value={user.username || \"—\"}\n                copyValue={user.username}\n              />\n              <DataRow\n                label=\"Email\"\n                value={\n                  <Group gap={6}>\n                    <Text size=\"sm\" fw={500}>\n                      {user.email || \"—\"}\n                    </Text>\n                    {user.email && (\n                      <Badge\n                        size=\"xs\"\n                        variant=\"light\"\n                        color={user.emailVerified ? \"green\" : \"orange\"}\n                      >\n                        {user.emailVerified ? \"verified\" : \"unverified\"}\n                      </Badge>\n                    )}\n                  </Group>\n                }\n                copyValue={user.email}\n              />\n              <DataRow\n                label=\"Phone\"\n                value={user.phoneNumber || \"—\"}\n                copyValue={user.phoneNumber}\n              />\n              <DataRow label=\"Realm\" value={user.realm} />\n              <DataRow\n                label=\"Status\"\n                value={\n                  <Group gap={4}>\n                    <ThemeIcon\n                      size={16}\n                      radius=\"xl\"\n                      color={user.enabled ? \"green\" : \"red\"}\n                      variant=\"filled\"\n                    >\n                      {user.enabled ? (\n                        <IconCheck size={10} />\n                      ) : (\n                        <IconX size={10} />\n                      )}\n                    </ThemeIcon>\n                    <Text size=\"sm\" fw={500}>\n                      {user.enabled ? \"Active\" : \"Disabled\"}\n                    </Text>\n                  </Group>\n                }\n              />\n            </Box>\n          </Card>\n        </Grid.Col>\n\n        {/* Right Column - Personal Info */}\n        <Grid.Col span={{ base: 12, md: 6 }}>\n          <Card padding={0} radius=\"md\" withBorder h=\"100%\">\n            <Group justify=\"space-between\" p=\"md\" pb={0}>\n              <Text fw={600} size=\"sm\">\n                Personal Information\n              </Text>\n              {!editing && (\n                <ActionButton\n                  variant=\"subtle\"\n                  size=\"xs\"\n                  onClick={() => setEditing(true)}\n                >\n                  Edit\n                </ActionButton>\n              )}\n            </Group>\n\n            {editing ? (\n              <Box p=\"md\">\n                <form {...form.props}>\n                  <Stack gap=\"sm\">\n                    <SimpleGrid cols={2}>\n                      <Control\n                        title=\"First Name\"\n                        input={form.input.firstName}\n                      />\n                      <Control title=\"Last Name\" input={form.input.lastName} />\n                    </SimpleGrid>\n                    <SimpleGrid cols={2}>\n                      <Control title=\"Email\" input={form.input.email} />\n                      <Control title=\"Phone\" input={form.input.phoneNumber} />\n                    </SimpleGrid>\n                    <Control title=\"Roles\" input={form.input.roles} />\n                    <Divider />\n                    <Group justify=\"flex-end\" gap=\"xs\">\n                      <ActionButton\n                        variant=\"subtle\"\n                        size=\"xs\"\n                        onClick={() => setEditing(false)}\n                      >\n                        Cancel\n                      </ActionButton>\n                      <ActionButton size=\"xs\" form={form}>\n                        Save\n                      </ActionButton>\n                    </Group>\n                  </Stack>\n                </form>\n              </Box>\n            ) : (\n              <Box px=\"md\" pb=\"md\">\n                <DataRow label=\"First Name\" value={user.firstName || \"—\"} />\n                <DataRow label=\"Last Name\" value={user.lastName || \"—\"} />\n                <DataRow label=\"Display Name\" value={displayName || \"—\"} />\n                <DataRow\n                  label=\"Roles\"\n                  value={\n                    user.roles.length > 0 ? (\n                      <Group gap={4}>\n                        {user.roles.map((role) => (\n                          <Badge key={role} size=\"xs\" variant=\"light\">\n                            {role}\n                          </Badge>\n                        ))}\n                      </Group>\n                    ) : (\n                      <Text size=\"sm\" c=\"dimmed\">\n                        No roles\n                      </Text>\n                    )\n                  }\n                />\n              </Box>\n            )}\n          </Card>\n        </Grid.Col>\n      </Grid>\n\n      {/* Timeline */}\n      <Card padding={0} radius=\"md\" withBorder>\n        <Group justify=\"space-between\" p=\"md\" pb={0}>\n          <Text fw={600} size=\"sm\">\n            Activity Timeline\n          </Text>\n        </Group>\n        <SimpleGrid cols={{ base: 2, sm: 4 }} p=\"md\">\n          <Box>\n            <Group gap={6} mb={4}>\n              <IconCalendar size={14} style={{ opacity: 0.5 }} />\n              <Text size=\"xs\" c=\"dimmed\">\n                Created\n              </Text>\n            </Group>\n            <Text size=\"sm\" fw={500}>\n              {l(user.createdAt, { date: \"ll\" })}\n            </Text>\n            <Text size=\"xs\" c=\"dimmed\">\n              {l(user.createdAt, { date: \"fromNow\" })}\n            </Text>\n          </Box>\n          <Box>\n            <Group gap={6} mb={4}>\n              <IconCalendar size={14} style={{ opacity: 0.5 }} />\n              <Text size=\"xs\" c=\"dimmed\">\n                Updated\n              </Text>\n            </Group>\n            <Text size=\"sm\" fw={500}>\n              {l(user.updatedAt, { date: \"ll\" })}\n            </Text>\n            <Text size=\"xs\" c=\"dimmed\">\n              {l(user.updatedAt, { date: \"fromNow\" })}\n            </Text>\n          </Box>\n          <Box>\n            <Group gap={6} mb={4}>\n              <IconDevices size={14} style={{ opacity: 0.5 }} />\n              <Text size=\"xs\" c=\"dimmed\">\n                Last Login\n              </Text>\n            </Group>\n            <Text size=\"sm\" c=\"dimmed\">\n              —\n            </Text>\n          </Box>\n          <Box>\n            <Group gap={6} mb={4}>\n              <IconCheck size={14} style={{ opacity: 0.5 }} />\n              <Text size=\"xs\" c=\"dimmed\">\n                Email Verified\n              </Text>\n            </Group>\n            {user.emailVerified ? (\n              <>\n                <Text size=\"sm\" fw={500}>\n                  {l(user.updatedAt, { date: \"ll\" })}\n                </Text>\n                <Text size=\"xs\" c=\"dimmed\">\n                  {l(user.updatedAt, { date: \"fromNow\" })}\n                </Text>\n              </>\n            ) : (\n              <Text size=\"sm\" c=\"dimmed\">\n                Not verified\n              </Text>\n            )}\n          </Box>\n        </SimpleGrid>\n      </Card>\n    </Stack>\n  );\n};\n\nexport default AdminUserDetails;\n"],"mappings":"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"}

package/dist/admin/{AdminUserDetails-z1y8kJeB.js → AdminUserDetails-Zib_B6Al.js}

@@ -1,3 +1,3 @@
-import { t as AdminUserDetails_default } from "./AdminUserDetails-BCt8Su-4.js";
+import { t as AdminUserDetails_default } from "./AdminUserDetails-CKM2IEMr.js";
 
 export { AdminUserDetails_default as default };

package/dist/admin/{AdminUserLayout-DyQYacQQ.js → AdminUserLayout-BNBOEiAO.js}

@@ -1,3 +1,3 @@
-import { t as AdminUserLayout_default } from "./AdminUserLayout-Ck0GLRE5.js";
+import { t as AdminUserLayout_default } from "./AdminUserLayout-D7En9UBq.js";
 
 export { AdminUserLayout_default as default };