@alepha/ui 0.17.2 → 0.18.1

package/dist/admin/AdminUserDetails-CDkZNHQD.js

@@ -1,477 +0,0 @@
-import { ActionButton, ClipboardButton, Control } from "@alepha/ui";
-import { t } from "alepha";
-import { IconActivity, IconCalendar, IconCheck, IconDevices, IconKey, IconShieldCheck, IconUser, IconX } from "@tabler/icons-react";
-import { useRouterState } from "alepha/react/router";
-import { Badge, Card, Center, Divider, Flex as Flex$1, Grid, Loader, Paper, SimpleGrid, Text as Text$1, ThemeIcon } from "@mantine/core";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useClient } from "alepha/react";
-import { useI18n } from "alepha/react/i18n";
-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(Flex$1, {
-	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(Flex$1, {
-		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(Flex$1, {
-		gap: "sm",
-		children: [/* @__PURE__ */ jsx(ThemeIcon, {
-			size: "lg",
-			radius: "md",
-			variant: "light",
-			color,
-			children: icon
-		}), /* @__PURE__ */ jsxs(Flex$1, { 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(Flex$1, {
-			direction: "column",
-			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(Flex$1, {
-		direction: "column",
-		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(Flex$1, {
-						justify: "space-between",
-						p: "md",
-						pb: 0,
-						children: /* @__PURE__ */ jsx(Text$1, {
-							fw: 600,
-							size: "sm",
-							children: "Account Details"
-						})
-					}), /* @__PURE__ */ jsxs(Flex$1, {
-						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(Flex$1, {
-									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(Flex$1, {
-									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(Flex$1, {
-						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(Flex$1, {
-						p: "md",
-						children: /* @__PURE__ */ jsx("form", {
-							...form.props,
-							children: /* @__PURE__ */ jsxs(Flex$1, {
-								direction: "column",
-								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(Flex$1, {
-										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(Flex$1, {
-						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(Flex$1, {
-									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(Flex$1, {
-					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(Flex$1, { children: [
-							/* @__PURE__ */ jsxs(Flex$1, {
-								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(Flex$1, { children: [
-							/* @__PURE__ */ jsxs(Flex$1, {
-								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(Flex$1, { children: [/* @__PURE__ */ jsxs(Flex$1, {
-							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(Flex$1, { children: [/* @__PURE__ */ jsxs(Flex$1, {
-							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"
-						})] })
-					]
-				})]
-			})
-		]
-	});
-};
-
-//#endregion
-export { AdminUserDetails as default };
-//# sourceMappingURL=AdminUserDetails-CDkZNHQD.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AdminUserDetails-CDkZNHQD.js","names":["Flex","Text"],"sources":["../../src/admin/components/users/AdminUserDetails.tsx"],"sourcesContent":["import { ActionButton, ClipboardButton, Control } from \"@alepha/ui\";\nimport {\n  Badge,\n  Card,\n  Center,\n  Divider,\n  Flex,\n  Grid,\n  Loader,\n  Paper,\n  SimpleGrid,\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 { useClient } from \"alepha/react\";\nimport { useForm } from \"alepha/react/form\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouterState } from \"alepha/react/router\";\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  <Flex\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    <Flex 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    </Flex>\n  </Flex>\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    <Flex gap=\"sm\">\n      <ThemeIcon size=\"lg\" radius=\"md\" variant=\"light\" color={color}>\n        {icon}\n      </ThemeIcon>\n      <Flex>\n        <Text size=\"xl\" fw={700} lh={1}>\n          {value}\n        </Text>\n        <Text size=\"xs\" c=\"dimmed\">\n          {label}\n        </Text>\n      </Flex>\n    </Flex>\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        <Flex direction=\"column\" align=\"center\" gap=\"xs\">\n          <IconUser size={48} opacity={0.3} />\n          <Text c=\"dimmed\">User not found</Text>\n        </Flex>\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    <Flex direction=\"column\" 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            <Flex justify=\"space-between\" p=\"md\" pb={0}>\n              <Text fw={600} size=\"sm\">\n                Account Details\n              </Text>\n            </Flex>\n            <Flex 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                  <Flex 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                  </Flex>\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                  <Flex 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                  </Flex>\n                }\n              />\n            </Flex>\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            <Flex 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            </Flex>\n\n            {editing ? (\n              <Flex p=\"md\">\n                <form {...form.props}>\n                  <Flex direction=\"column\" 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                    <Flex 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                    </Flex>\n                  </Flex>\n                </form>\n              </Flex>\n            ) : (\n              <Flex 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                      <Flex gap={4}>\n                        {user.roles.map((role) => (\n                          <Badge key={role} size=\"xs\" variant=\"light\">\n                            {role}\n                          </Badge>\n                        ))}\n                      </Flex>\n                    ) : (\n                      <Text size=\"sm\" c=\"dimmed\">\n                        No roles\n                      </Text>\n                    )\n                  }\n                />\n              </Flex>\n            )}\n          </Card>\n        </Grid.Col>\n      </Grid>\n\n      {/* Timeline */}\n      <Card padding={0} radius=\"md\" withBorder>\n        <Flex justify=\"space-between\" p=\"md\" pb={0}>\n          <Text fw={600} size=\"sm\">\n            Activity Timeline\n          </Text>\n        </Flex>\n        <SimpleGrid cols={{ base: 2, sm: 4 }} p=\"md\">\n          <Flex>\n            <Flex gap={6} mb={4}>\n              <IconCalendar size={14} style={{ opacity: 0.5 }} />\n              <Text size=\"xs\" c=\"dimmed\">\n                Created\n              </Text>\n            </Flex>\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          </Flex>\n          <Flex>\n            <Flex gap={6} mb={4}>\n              <IconCalendar size={14} style={{ opacity: 0.5 }} />\n              <Text size=\"xs\" c=\"dimmed\">\n                Updated\n              </Text>\n            </Flex>\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          </Flex>\n          <Flex>\n            <Flex gap={6} mb={4}>\n              <IconDevices size={14} style={{ opacity: 0.5 }} />\n              <Text size=\"xs\" c=\"dimmed\">\n                Last Login\n              </Text>\n            </Flex>\n            <Text size=\"sm\" c=\"dimmed\">\n              —\n            </Text>\n          </Flex>\n          <Flex>\n            <Flex gap={6} mb={4}>\n              <IconCheck size={14} style={{ opacity: 0.5 }} />\n              <Text size=\"xs\" c=\"dimmed\">\n                Email Verified\n              </Text>\n            </Flex>\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          </Flex>\n        </SimpleGrid>\n      </Card>\n    </Flex>\n  );\n};\n\nexport default AdminUserDetails;\n"],"mappings":"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"}

package/dist/admin/AdminUserLayout-CrBj4UuI.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminUserLayout-CrBj4UuI.js","names":["Flex","Text","Flex","Text"],"sources":["../../src/admin/components/shared/AdminResourceHeader.tsx","../../src/admin/components/shared/AdminResourceTabs.tsx","../../src/admin/components/users/AdminUserLayout.tsx"],"sourcesContent":["import { ActionButton } from \"@alepha/ui\";\nimport {\n  ActionIcon,\n  Avatar,\n  Badge,\n  Button,\n  Flex,\n  Menu,\n  Text,\n  Tooltip,\n} from \"@mantine/core\";\nimport {\n  IconChevronDown,\n  IconChevronLeft,\n  IconExternalLink,\n} from \"@tabler/icons-react\";\nimport { useRouter } from \"alepha/react/router\";\nimport type { ComponentType, ReactNode } from \"react\";\n\nexport interface AdminResourceAction {\n  label: string;\n  icon?: ComponentType<{ size?: number }>;\n  onClick?: () => void;\n  href?: string;\n  color?: string;\n  disabled?: boolean;\n  loading?: boolean;\n  variant?: \"filled\" | \"light\" | \"outline\" | \"subtle\";\n}\n\nexport interface AdminResourceHeaderProps {\n  /**\n   * Back navigation URL\n   */\n  backHref?: string;\n\n  /**\n   * Back navigation label\n   */\n  backLabel?: string;\n\n  /**\n   * Avatar content (letter, image URL, or custom node)\n   */\n  avatar?: string | ReactNode;\n\n  /**\n   * Avatar color\n   */\n  avatarColor?: string;\n\n  /**\n   * Resource title (e.g., user name)\n   */\n  title: string;\n\n  /**\n   * Secondary text (e.g., email)\n   */\n  subtitle?: string;\n\n  /**\n   * Tertiary identifier to copy (e.g., user ID)\n   */\n  identifier?: string;\n\n  /**\n   * Label for the identifier tooltip\n   */\n  identifierLabel?: string;\n\n  /**\n   * Status badge\n   */\n  status?: {\n    label: string;\n    color: \"green\" | \"red\" | \"yellow\" | \"blue\" | \"gray\";\n  };\n\n  /**\n   * Additional badges (e.g., roles)\n   */\n  badges?: Array<{\n    label: string;\n    color?: string;\n    variant?: \"filled\" | \"light\" | \"outline\" | \"dot\";\n  }>;\n\n  /**\n   * Primary action button\n   */\n  primaryAction?: AdminResourceAction;\n\n  /**\n   * Menu actions (shown in dropdown)\n   */\n  menuActions?: AdminResourceAction[];\n\n  /**\n   * External link URL\n   */\n  externalUrl?: string;\n\n  /**\n   * Loading state\n   */\n  loading?: boolean;\n}\n\nconst ActionMenuItem = (props: { action: AdminResourceAction }) => {\n  const { action } = props;\n  const router = useRouter();\n\n  const menuItemProps: Record<string, unknown> = {};\n  if (action.href) {\n    Object.assign(menuItemProps, router.anchor(action.href));\n  } else if (action.onClick) {\n    menuItemProps.onClick = action.onClick;\n  }\n\n  return (\n    <Menu.Item\n      leftSection={action.icon ? <action.icon size={16} /> : undefined}\n      color={action.color}\n      disabled={action.disabled}\n      {...menuItemProps}\n    >\n      {action.label}\n    </Menu.Item>\n  );\n};\n\nconst AdminResourceHeader = (props: AdminResourceHeaderProps) => {\n  const {\n    backHref,\n    backLabel = \"Back\",\n    avatar,\n    avatarColor = \"blue\",\n    title,\n    subtitle,\n    identifier,\n    identifierLabel = \"ID\",\n    status,\n    badges = [],\n    primaryAction,\n    menuActions = [],\n    externalUrl,\n  } = props;\n\n  const renderAvatar = () => {\n    if (typeof avatar === \"string\") {\n      if (avatar.startsWith(\"http\") || avatar.startsWith(\"/\")) {\n        return (\n          <Avatar src={avatar} size={56} radius=\"md\" color={avatarColor} />\n        );\n      }\n      return (\n        <Avatar size={56} radius=\"md\" color={avatarColor}>\n          {avatar}\n        </Avatar>\n      );\n    }\n    if (avatar) {\n      return avatar;\n    }\n    return (\n      <Avatar size={56} radius=\"md\" color={avatarColor}>\n        {title.charAt(0).toUpperCase()}\n      </Avatar>\n    );\n  };\n\n  return (\n    <Flex direction=\"column\" gap=\"xs\">\n      {/* Breadcrumb / Back navigation */}\n      {backHref && (\n        <Flex>\n          <ActionButton\n            variant=\"subtle\"\n            size=\"xs\"\n            href={backHref}\n            leftSection={<IconChevronLeft size={14} />}\n            c=\"dimmed\"\n          >\n            {backLabel}\n          </ActionButton>\n        </Flex>\n      )}\n\n      {/* Main header */}\n      <Flex justify=\"space-between\" align=\"flex-start\" wrap=\"nowrap\">\n        {/* Left: Avatar + Info */}\n        <Flex gap=\"md\" wrap=\"nowrap\">\n          {renderAvatar()}\n\n          <Flex\n            direction=\"column\"\n            gap={2}\n            justify=\"center\"\n            style={{ minHeight: 56 }}\n          >\n            {/* Title row */}\n            <Flex gap=\"xs\" align=\"center\">\n              <Text size=\"md\" fw={600} lh={1.2}>\n                {title}\n              </Text>\n              {status && (\n                <Badge\n                  size=\"xs\"\n                  variant=\"light\"\n                  color={status.color}\n                  tt=\"lowercase\"\n                >\n                  {status.label}\n                </Badge>\n              )}\n            </Flex>\n\n            {/* Subtitle */}\n            {subtitle && (\n              <Text size=\"xs\" c=\"dimmed\">\n                {subtitle}\n              </Text>\n            )}\n          </Flex>\n        </Flex>\n\n        {/* Right: Actions */}\n        <Flex gap=\"xs\">\n          {externalUrl && (\n            <Tooltip label=\"Open in new tab\" openDelay={500}>\n              <ActionIcon\n                variant=\"subtle\"\n                color=\"gray\"\n                component=\"a\"\n                href={externalUrl}\n                target=\"_blank\"\n              >\n                <IconExternalLink size={18} />\n              </ActionIcon>\n            </Tooltip>\n          )}\n\n          {primaryAction && (\n            <ActionButton\n              variant={primaryAction.variant ?? \"light\"}\n              color={primaryAction.color}\n              onClick={primaryAction.onClick}\n              href={primaryAction.href}\n              loading={primaryAction.loading}\n              disabled={primaryAction.disabled}\n              leftSection={\n                primaryAction.icon ? (\n                  <primaryAction.icon size={16} />\n                ) : undefined\n              }\n            >\n              {primaryAction.label}\n            </ActionButton>\n          )}\n\n          {menuActions.length > 0 && (\n            <Menu position=\"bottom-end\" shadow=\"md\" width={220}>\n              <Menu.Target>\n                <Button\n                  variant=\"default\"\n                  rightSection={<IconChevronDown size={16} />}\n                >\n                  Actions\n                </Button>\n              </Menu.Target>\n              <Menu.Dropdown>\n                {menuActions.map((action, index) => (\n                  <ActionMenuItem key={index} action={action} />\n                ))}\n              </Menu.Dropdown>\n            </Menu>\n          )}\n        </Flex>\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default AdminResourceHeader;\n","import { Tabs } from \"@mantine/core\";\nimport { useActive, useRouter } from \"alepha/react/router\";\nimport type { ComponentType, ReactNode } from \"react\";\n\nexport interface AdminResourceTab {\n  /**\n   * Tab key/value\n   */\n  value: string;\n\n  /**\n   * Tab label\n   */\n  label: string;\n\n  /**\n   * Tab icon\n   */\n  icon?: ComponentType<{ size?: number }>;\n\n  /**\n   * Navigation href\n   */\n  href: string;\n\n  /**\n   * Whether tab is disabled\n   */\n  disabled?: boolean;\n\n  /**\n   * Badge count to show\n   */\n  count?: number;\n}\n\nexport interface AdminResourceTabsProps {\n  /**\n   * Array of tab configurations\n   */\n  tabs: AdminResourceTab[];\n\n  /**\n   * Currently active tab value\n   */\n  activeTab?: string;\n\n  /**\n   * Content to render below tabs\n   */\n  children?: ReactNode;\n}\n\nconst TabItem = (props: { tab: AdminResourceTab }) => {\n  const { tab } = props;\n  const router = useRouter();\n  const { isActive, isPending } = useActive({ href: tab.href });\n  const anchorProps = router.anchor(tab.href);\n\n  return (\n    <Tabs.Tab\n      value={tab.value}\n      component=\"a\"\n      leftSection={tab.icon ? <tab.icon size={16} /> : undefined}\n      disabled={tab.disabled}\n      data-active={isActive || undefined}\n      style={{\n        opacity: isPending ? 0.6 : 1,\n      }}\n      {...anchorProps}\n    >\n      {tab.label}\n      {tab.count !== undefined && tab.count > 0 && ` (${tab.count})`}\n    </Tabs.Tab>\n  );\n};\n\nconst AdminResourceTabs = (props: AdminResourceTabsProps) => {\n  const { tabs, activeTab, children } = props;\n\n  return (\n    <Tabs value={activeTab} variant=\"default\">\n      <Tabs.List>\n        {tabs.map((tab) => (\n          <TabItem key={tab.value} tab={tab} />\n        ))}\n      </Tabs.List>\n\n      {children}\n    </Tabs>\n  );\n};\n\nexport default AdminResourceTabs;\n","import { Center, Flex, Loader, Text } from \"@mantine/core\";\nimport {\n  IconBan,\n  IconDevices,\n  IconHistory,\n  IconLock,\n  IconMail,\n  IconPencil,\n  IconSettings,\n  IconShieldCheck,\n  IconTrash,\n  IconUser,\n} from \"@tabler/icons-react\";\nimport type { AdminUserController, UserEntity } from \"alepha/api/users\";\nimport { useClient } from \"alepha/react\";\nimport { NestedView, useRouter, useRouterState } from \"alepha/react/router\";\nimport { useEffect, useState } from \"react\";\nimport type { AdminRouter } from \"../../AdminRouter.ts\";\nimport AdminResourceHeader from \"../shared/AdminResourceHeader.tsx\";\nimport AdminResourceTabs from \"../shared/AdminResourceTabs.tsx\";\n\nexport interface AdminUserLayoutProps {\n  userRealmName?: string;\n}\n\nconst AdminUserLayout = (props: AdminUserLayoutProps) => {\n  const router = useRouter<AdminRouter>();\n  const state = useRouterState();\n  const client = useClient<AdminUserController>();\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 [actionLoading, setActionLoading] = useState<string | null>(null);\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  if (loading) {\n    return (\n      <Center flex={1}>\n        <Loader />\n      </Center>\n    );\n  }\n\n  if (!user) {\n    return (\n      <Center flex={1}>\n        <Flex direction=\"column\" align=\"center\" gap=\"xs\">\n          <IconUser size={48} opacity={0.3} />\n          <Text c=\"dimmed\">User not found</Text>\n        </Flex>\n      </Center>\n    );\n  }\n\n  const displayName =\n    user.firstName || user.lastName\n      ? `${user.firstName ?? \"\"} ${user.lastName ?? \"\"}`.trim()\n      : user.username || user.email || \"User\";\n\n  const currentPath = state.url.pathname;\n  const getActiveTab = () => {\n    if (currentPath.endsWith(\"/sessions\")) return \"sessions\";\n    if (currentPath.endsWith(\"/settings\")) return \"settings\";\n    if (currentPath.endsWith(\"/audits\")) return \"audits\";\n    return \"profile\";\n  };\n\n  const handleBlockUser = async () => {\n    setActionLoading(\"block\");\n    try {\n      const updated = await client.updateUser({\n        params: { id: userId },\n        query: { userRealmName: props.userRealmName },\n        body: { enabled: !user.enabled },\n      });\n      setUser(updated);\n    } finally {\n      setActionLoading(null);\n    }\n  };\n\n  const handleSendVerification = async () => {\n    setActionLoading(\"verify\");\n    // TODO: Implement send verification\n    await new Promise((resolve) => setTimeout(resolve, 1000));\n    setActionLoading(null);\n  };\n\n  const handleResetPassword = async () => {\n    setActionLoading(\"reset\");\n    // TODO: Implement reset password\n    await new Promise((resolve) => setTimeout(resolve, 1000));\n    setActionLoading(null);\n  };\n\n  const handleDeleteUser = async () => {\n    if (\n      !confirm(\n        \"Are you sure you want to delete this user? This action cannot be undone.\",\n      )\n    ) {\n      return;\n    }\n    setActionLoading(\"delete\");\n    try {\n      await client.deleteUser({\n        params: { id: userId },\n        query: { userRealmName: props.userRealmName },\n      });\n      await router.push(\"adminUsers\");\n    } finally {\n      setActionLoading(null);\n    }\n  };\n\n  return (\n    <Flex py=\"xl\" px=\"xl\" flex={1}>\n      <Flex direction=\"column\" gap=\"lg\">\n        <AdminResourceHeader\n          backHref={router.path(\"adminUsers\")}\n          backLabel=\"Users\"\n          avatar={user.picture || displayName.charAt(0).toUpperCase()}\n          avatarColor={user.enabled ? \"blue\" : \"gray\"}\n          title={displayName}\n          subtitle={user.email || user.username || undefined}\n          status={{\n            label: user.enabled ? \"Active\" : \"Disabled\",\n            color: user.enabled ? \"green\" : \"red\",\n          }}\n          menuActions={[\n            {\n              label: \"Edit Profile\",\n              icon: IconPencil,\n              href: router.path(\"adminUserDetails\", { params: { userId } }),\n            },\n            {\n              label: user.enabled ? \"Disable User\" : \"Enable User\",\n              icon: user.enabled ? IconBan : IconShieldCheck,\n              color: user.enabled ? \"orange\" : \"green\",\n              onClick: handleBlockUser,\n              loading: actionLoading === \"block\",\n            },\n            ...(user.email && !user.emailVerified\n              ? [\n                  {\n                    label: \"Send Verification Email\",\n                    icon: IconMail,\n                    onClick: handleSendVerification,\n                    loading: actionLoading === \"verify\",\n                  },\n                ]\n              : []),\n            {\n              label: \"Reset Password\",\n              icon: IconLock,\n              onClick: handleResetPassword,\n              loading: actionLoading === \"reset\",\n            },\n            {\n              label: \"Delete User\",\n              icon: IconTrash,\n              color: \"red\",\n              onClick: handleDeleteUser,\n              loading: actionLoading === \"delete\",\n            },\n          ]}\n        />\n\n        <AdminResourceTabs\n          activeTab={getActiveTab()}\n          tabs={[\n            {\n              value: \"profile\",\n              label: \"Profile\",\n              icon: IconUser,\n              href: router.path(\"adminUserDetails\", { params: { userId } }),\n            },\n            {\n              value: \"sessions\",\n              label: \"Sessions\",\n              icon: IconDevices,\n              href: router.path(\"adminUserSessions\", { params: { userId } }),\n            },\n            {\n              value: \"audits\",\n              label: \"Activity\",\n              icon: IconHistory,\n              href: router.path(\"adminUserAudits\", { params: { userId } }),\n            },\n            {\n              value: \"settings\",\n              label: \"Settings\",\n              icon: IconSettings,\n              href: router.path(\"adminUserSettings\", { params: { userId } }),\n            },\n          ]}\n        />\n\n        <NestedView />\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default AdminUserLayout;\n"],"mappings":"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"}