@alepha/ui 0.17.2 → 0.18.1

package/dist/admin/{AdminUserLayout-CrBj4UuI.js → AdminUserLayout-BdC4Te8m.js}

@@ -1,10 +1,11 @@
-import { ActionButton } from "@alepha/ui";
-import { IconBan, IconChevronDown, IconChevronLeft, IconDevices, IconExternalLink, IconHistory, IconLock, IconMail, IconPencil, IconSettings, IconShieldCheck, IconTrash, IconUser } from "@tabler/icons-react";
-import { NestedView, useActive, useRouter, useRouterState } from "alepha/react/router";
-import { ActionIcon, Avatar, Badge, Button, Center, Flex as Flex$1, Loader, Menu, Tabs, Text as Text$1, Tooltip } from "@mantine/core";
+import { _ as ActionButton, b as useToast, i as useDialog, s as Text$1, u as Flex$1 } from "./core-2xoLiT0o.js";
+import { t } from "alepha";
+import { ActionIcon, Avatar, Badge, Button, Flex, Loader, Menu, Tabs, Text, Tooltip } from "@mantine/core";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useState } from "react";
+import { IconBan, IconChevronDown, IconChevronLeft, IconExternalLink, IconShieldCheck, IconTrash } from "@tabler/icons-react";
+import { NestedView, useActive, useRouter, useRouterState } from "alepha/react/router";
 import { useClient } from "alepha/react";
-import { useEffect, useState } from "react";
 
 //#region ../../src/admin/components/shared/AdminResourceHeader.tsx
 const ActionMenuItem = (props) => {
@@ -46,32 +47,32 @@ const AdminResourceHeader = (props) => {
 			children: title.charAt(0).toUpperCase()
 		});
 	};
-	return /* @__PURE__ */ jsxs(Flex$1, {
+	return /* @__PURE__ */ jsxs(Flex, {
 		direction: "column",
 		gap: "xs",
-		children: [backHref && /* @__PURE__ */ jsx(Flex$1, { children: /* @__PURE__ */ jsx(ActionButton, {
+		children: [backHref && /* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(ActionButton, {
 			variant: "subtle",
 			size: "xs",
 			href: backHref,
 			leftSection: /* @__PURE__ */ jsx(IconChevronLeft, { size: 14 }),
 			c: "dimmed",
 			children: backLabel
-		}) }), /* @__PURE__ */ jsxs(Flex$1, {
+		}) }), /* @__PURE__ */ jsxs(Flex, {
 			justify: "space-between",
 			align: "flex-start",
 			wrap: "nowrap",
-			children: [/* @__PURE__ */ jsxs(Flex$1, {
+			children: [/* @__PURE__ */ jsxs(Flex, {
 				gap: "md",
 				wrap: "nowrap",
-				children: [renderAvatar(), /* @__PURE__ */ jsxs(Flex$1, {
+				children: [renderAvatar(), /* @__PURE__ */ jsxs(Flex, {
 					direction: "column",
 					gap: 2,
 					justify: "center",
 					style: { minHeight: 56 },
-					children: [/* @__PURE__ */ jsxs(Flex$1, {
+					children: [/* @__PURE__ */ jsxs(Flex, {
 						gap: "xs",
 						align: "center",
-						children: [/* @__PURE__ */ jsx(Text$1, {
+						children: [/* @__PURE__ */ jsx(Text, {
 							size: "md",
 							fw: 600,
 							lh: 1.2,
@@ -83,13 +84,13 @@ const AdminResourceHeader = (props) => {
 							tt: "lowercase",
 							children: status.label
 						})]
-					}), subtitle && /* @__PURE__ */ jsx(Text$1, {
+					}), subtitle && /* @__PURE__ */ jsx(Text, {
 						size: "xs",
 						c: "dimmed",
 						children: subtitle
 					})]
 				})]
-			}), /* @__PURE__ */ jsxs(Flex$1, {
+			}), /* @__PURE__ */ jsxs(Flex, {
 				gap: "xs",
 				children: [
 					externalUrl && /* @__PURE__ */ jsx(Tooltip, {
@@ -159,171 +160,131 @@ const AdminResourceTabs = (props) => {
 
 //#endregion
 //#region ../../src/admin/components/users/AdminUserLayout.tsx
+const UserContext = createContext(null);
+const useUser = () => {
+	const ctx = useContext(UserContext);
+	if (!ctx) throw new Error("useUser must be used within AdminUserLayout");
+	return ctx;
+};
+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())
+});
+const displayName = (u) => u.firstName || u.lastName ? `${u.firstName ?? ""} ${u.lastName ?? ""}`.trim() : u.username || u.email || "User";
 const AdminUserLayout = (props) => {
 	const router = useRouter();
 	const state = useRouterState();
 	const client = useClient();
+	const dialog = useDialog();
+	const toast = useToast();
 	const userId = state.params.userId;
 	const [user, setUser] = useState(null);
 	const [loading, setLoading] = useState(true);
-	const [actionLoading, setActionLoading] = useState(null);
+	const realmQuery = { userRealmName: props.userRealmName };
+	const loadUser = useCallback(async () => {
+		setLoading(true);
+		try {
+			setUser(await client.getUser({
+				params: { id: userId },
+				query: realmQuery
+			}));
+		} finally {
+			setLoading(false);
+		}
+	}, [userId, client]);
 	useEffect(() => {
-		const loadUser = async () => {
-			try {
-				setUser(await client.getUser({
-					params: { id: userId },
-					query: { userRealmName: props.userRealmName }
-				}));
-			} finally {
-				setLoading(false);
-			}
-		};
 		loadUser();
-	}, [userId]);
-	if (loading) return /* @__PURE__ */ jsx(Center, {
-		flex: 1,
-		children: /* @__PURE__ */ jsx(Loader, {})
-	});
-	if (!user) return /* @__PURE__ */ jsx(Center, {
-		flex: 1,
-		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 ?? ""}`.trim() : user.username || user.email || "User";
-	const currentPath = state.url.pathname;
-	const getActiveTab = () => {
-		if (currentPath.endsWith("/sessions")) return "sessions";
-		if (currentPath.endsWith("/settings")) return "settings";
-		if (currentPath.endsWith("/audits")) return "audits";
-		return "profile";
-	};
-	const handleBlockUser = async () => {
-		setActionLoading("block");
-		try {
+	}, [loadUser]);
+	const handleToggleEnabled = async () => {
+		if (!user) return;
+		const action = user.enabled ? "disable" : "enable";
+		if (await dialog.confirm({
+			title: `${user.enabled ? "Disable" : "Enable"} User`,
+			message: `Are you sure you want to ${action} ${displayName(user)}?`
+		})) {
 			setUser(await client.updateUser({
-				params: { id: userId },
-				query: { userRealmName: props.userRealmName },
+				params: { id: user.id },
+				query: realmQuery,
 				body: { enabled: !user.enabled }
 			}));
-		} finally {
-			setActionLoading(null);
+			toast.success({ title: `User ${action}d` });
 		}
 	};
-	const handleSendVerification = async () => {
-		setActionLoading("verify");
-		await new Promise((resolve) => setTimeout(resolve, 1e3));
-		setActionLoading(null);
-	};
-	const handleResetPassword = async () => {
-		setActionLoading("reset");
-		await new Promise((resolve) => setTimeout(resolve, 1e3));
-		setActionLoading(null);
-	};
-	const handleDeleteUser = async () => {
-		if (!confirm("Are you sure you want to delete this user? This action cannot be undone.")) return;
-		setActionLoading("delete");
-		try {
+	const handleDelete = async () => {
+		if (!user) return;
+		if (await dialog.confirm({
+			title: "Delete User",
+			message: `Are you sure you want to delete ${displayName(user)}? This cannot be undone.`,
+			confirmColor: "red",
+			confirmLabel: "Delete"
+		})) {
 			await client.deleteUser({
-				params: { id: userId },
-				query: { userRealmName: props.userRealmName }
+				params: { id: user.id },
+				query: realmQuery
 			});
-			await router.push("adminUsers");
-		} finally {
-			setActionLoading(null);
+			toast.success({ title: "User deleted" });
+			router.push("adminUsers");
 		}
 	};
-	return /* @__PURE__ */ jsx(Flex$1, {
-		py: "xl",
-		px: "xl",
+	if (loading) return /* @__PURE__ */ jsx(Flex$1, {
+		flex: 1,
+		justify: "center",
+		align: "center",
+		children: /* @__PURE__ */ jsx(Loader, {})
+	});
+	if (!user) return /* @__PURE__ */ jsx(Flex$1, {
 		flex: 1,
+		justify: "center",
+		align: "center",
+		children: /* @__PURE__ */ jsx(Text$1, {
+			c: "dimmed",
+			children: "User not found"
+		})
+	});
+	return /* @__PURE__ */ jsx(UserContext.Provider, {
+		value: {
+			user,
+			reload: loadUser
+		},
 		children: /* @__PURE__ */ jsxs(Flex$1, {
+			flex: 1,
 			direction: "column",
 			gap: "lg",
+			p: "md",
 			children: [
 				/* @__PURE__ */ jsx(AdminResourceHeader, {
 					backHref: router.path("adminUsers"),
 					backLabel: "Users",
-					avatar: user.picture || displayName.charAt(0).toUpperCase(),
-					avatarColor: user.enabled ? "blue" : "gray",
-					title: displayName,
-					subtitle: user.email || user.username || void 0,
+					title: displayName(user),
+					subtitle: user.email || user.username,
 					status: {
 						label: user.enabled ? "Active" : "Disabled",
-						color: user.enabled ? "green" : "red"
+						color: user.enabled ? "green" : "gray"
 					},
-					menuActions: [
-						{
-							label: "Edit Profile",
-							icon: IconPencil,
-							href: router.path("adminUserDetails", { params: { userId } })
-						},
-						{
-							label: user.enabled ? "Disable User" : "Enable User",
-							icon: user.enabled ? IconBan : IconShieldCheck,
-							color: user.enabled ? "orange" : "green",
-							onClick: handleBlockUser,
-							loading: actionLoading === "block"
-						},
-						...user.email && !user.emailVerified ? [{
-							label: "Send Verification Email",
-							icon: IconMail,
-							onClick: handleSendVerification,
-							loading: actionLoading === "verify"
-						}] : [],
-						{
-							label: "Reset Password",
-							icon: IconLock,
-							onClick: handleResetPassword,
-							loading: actionLoading === "reset"
-						},
-						{
-							label: "Delete User",
-							icon: IconTrash,
-							color: "red",
-							onClick: handleDeleteUser,
-							loading: actionLoading === "delete"
-						}
-					]
-				}),
-				/* @__PURE__ */ jsx(AdminResourceTabs, {
-					activeTab: getActiveTab(),
-					tabs: [
-						{
-							value: "profile",
-							label: "Profile",
-							icon: IconUser,
-							href: router.path("adminUserDetails", { params: { userId } })
-						},
-						{
-							value: "sessions",
-							label: "Sessions",
-							icon: IconDevices,
-							href: router.path("adminUserSessions", { params: { userId } })
-						},
-						{
-							value: "audits",
-							label: "Activity",
-							icon: IconHistory,
-							href: router.path("adminUserAudits", { params: { userId } })
-						},
-						{
-							value: "settings",
-							label: "Settings",
-							icon: IconSettings,
-							href: router.path("adminUserSettings", { params: { userId } })
-						}
-					]
+					menuActions: [{
+						label: user.enabled ? "Disable" : "Enable",
+						icon: user.enabled ? IconBan : IconShieldCheck,
+						onClick: handleToggleEnabled
+					}, {
+						label: "Delete",
+						icon: IconTrash,
+						color: "red",
+						onClick: handleDelete
+					}]
 				}),
+				/* @__PURE__ */ jsx(AdminResourceTabs, { tabs: [{
+					value: "profile",
+					label: "Profile",
+					href: router.path("adminUserProfile", { params: { userId } })
+				}, {
+					value: "sessions",
+					label: "Sessions",
+					href: router.path("adminUserSessions", { params: { userId } })
+				}] }),
 				/* @__PURE__ */ jsx(NestedView, {})
 			]
 		})
@@ -331,5 +292,5 @@ const AdminUserLayout = (props) => {
 };
 
 //#endregion
-export { AdminUserLayout as default };
-//# sourceMappingURL=AdminUserLayout-CrBj4UuI.js.map
+export { AdminUserLayout as default, useUser };
+//# sourceMappingURL=AdminUserLayout-BdC4Te8m.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdminUserLayout-BdC4Te8m.js","names":["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 { Flex, Text, useDialog, useToast } from \"@alepha/ui\";\nimport { Loader } from \"@mantine/core\";\nimport { IconBan, IconShieldCheck, IconTrash } from \"@tabler/icons-react\";\nimport { t } from \"alepha\";\nimport type { AdminUserController, UserEntity } from \"alepha/api/users\";\nimport { useClient } from \"alepha/react\";\nimport { NestedView, useRouter, useRouterState } from \"alepha/react/router\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useState,\n} 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\ninterface UserContextValue {\n  user: UserEntity;\n  reload: () => void;\n}\n\nconst UserContext = createContext<UserContextValue | null>(null);\n\nexport const useUser = () => {\n  const ctx = useContext(UserContext);\n  if (!ctx) throw new Error(\"useUser must be used within AdminUserLayout\");\n  return ctx;\n};\n\nconst updateUserSchema = 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\nconst displayName = (u: UserEntity) =>\n  u.firstName || u.lastName\n    ? `${u.firstName ?? \"\"} ${u.lastName ?? \"\"}`.trim()\n    : u.username || u.email || \"User\";\n\nconst AdminUserLayout = (props: AdminUserLayoutProps) => {\n  const router = useRouter<AdminRouter>();\n  const state = useRouterState();\n  const client = useClient<AdminUserController>();\n  const dialog = useDialog();\n  const toast = useToast();\n  const userId = state.params.userId as string;\n\n  const [user, setUser] = useState<UserEntity | null>(null);\n  const [loading, setLoading] = useState(true);\n\n  const realmQuery = { userRealmName: props.userRealmName };\n\n  const loadUser = useCallback(async () => {\n    setLoading(true);\n    try {\n      const data = await client.getUser({\n        params: { id: userId },\n        query: realmQuery,\n      });\n      setUser(data);\n    } finally {\n      setLoading(false);\n    }\n  }, [userId, client]);\n\n  useEffect(() => {\n    loadUser();\n  }, [loadUser]);\n\n  const handleToggleEnabled = async () => {\n    if (!user) return;\n    const action = user.enabled ? \"disable\" : \"enable\";\n    const confirmed = await dialog.confirm({\n      title: `${user.enabled ? \"Disable\" : \"Enable\"} User`,\n      message: `Are you sure you want to ${action} ${displayName(user)}?`,\n    });\n    if (confirmed) {\n      const updated = await client.updateUser({\n        params: { id: user.id },\n        query: realmQuery,\n        body: { enabled: !user.enabled },\n      });\n      setUser(updated);\n      toast.success({ title: `User ${action}d` });\n    }\n  };\n\n  const handleDelete = async () => {\n    if (!user) return;\n    const confirmed = await dialog.confirm({\n      title: \"Delete User\",\n      message: `Are you sure you want to delete ${displayName(user)}? This cannot be undone.`,\n      confirmColor: \"red\",\n      confirmLabel: \"Delete\",\n    });\n    if (confirmed) {\n      await client.deleteUser({\n        params: { id: user.id },\n        query: realmQuery,\n      });\n      toast.success({ title: \"User deleted\" });\n      router.push(\"adminUsers\");\n    }\n  };\n\n  if (loading) {\n    return (\n      <Flex flex={1} justify=\"center\" align=\"center\">\n        <Loader />\n      </Flex>\n    );\n  }\n\n  if (!user) {\n    return (\n      <Flex flex={1} justify=\"center\" align=\"center\">\n        <Text c=\"dimmed\">User not found</Text>\n      </Flex>\n    );\n  }\n\n  return (\n    <UserContext.Provider value={{ user, reload: loadUser }}>\n      <Flex flex={1} direction=\"column\" gap=\"lg\" p=\"md\">\n        <AdminResourceHeader\n          backHref={router.path(\"adminUsers\")}\n          backLabel=\"Users\"\n          title={displayName(user)}\n          subtitle={user.email || user.username}\n          status={{\n            label: user.enabled ? \"Active\" : \"Disabled\",\n            color: user.enabled ? \"green\" : \"gray\",\n          }}\n          menuActions={[\n            {\n              label: user.enabled ? \"Disable\" : \"Enable\",\n              icon: user.enabled ? IconBan : IconShieldCheck,\n              onClick: handleToggleEnabled,\n            },\n            {\n              label: \"Delete\",\n              icon: IconTrash,\n              color: \"red\",\n              onClick: handleDelete,\n            },\n          ]}\n        />\n\n        <AdminResourceTabs\n          tabs={[\n            {\n              value: \"profile\",\n              label: \"Profile\",\n              href: router.path(\"adminUserProfile\", {\n                params: { userId },\n              }),\n            },\n            {\n              value: \"sessions\",\n              label: \"Sessions\",\n              href: router.path(\"adminUserSessions\", {\n                params: { userId },\n              }),\n            },\n          ]}\n        />\n\n        <NestedView />\n      </Flex>\n    </UserContext.Provider>\n  );\n};\n\nexport default AdminUserLayout;\n"],"mappings":"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"}

package/dist/admin/AdminUserProfile-DAt23fqY.js

@@ -0,0 +1,69 @@
+import { f as DetailList, u as Flex$1 } from "./core-2xoLiT0o.js";
+import { useUser } from "./AdminUserLayout-BdC4Te8m.js";
+import { useI18n } from "alepha/react/i18n";
+import { Badge } from "@mantine/core";
+import { jsx } from "react/jsx-runtime";
+
+//#region ../../src/admin/components/users/AdminUserProfile.tsx
+const AdminUserProfile = () => {
+	const { user } = useUser();
+	const { l } = useI18n();
+	return /* @__PURE__ */ jsx(DetailList, { items: [
+		{
+			label: "ID",
+			value: user.id,
+			copyable: user.id
+		},
+		{
+			label: "Username",
+			value: user.username
+		},
+		{
+			label: "Email",
+			value: user.email
+		},
+		{
+			label: "Email Verified",
+			value: user.emailVerified ? "Yes" : "No"
+		},
+		{
+			label: "Phone",
+			value: user.phoneNumber
+		},
+		{
+			label: "First Name",
+			value: user.firstName
+		},
+		{
+			label: "Last Name",
+			value: user.lastName
+		},
+		{
+			label: "Realm",
+			value: user.realm
+		},
+		{
+			label: "Roles",
+			value: user.roles.length > 0 ? /* @__PURE__ */ jsx(Flex$1, {
+				gap: 4,
+				children: user.roles.map((role) => /* @__PURE__ */ jsx(Badge, {
+					size: "xs",
+					variant: "default",
+					children: role
+				}, role))
+			}) : null
+		},
+		{
+			label: "Created",
+			value: String(l(user.createdAt, { date: "lll" }))
+		},
+		{
+			label: "Updated",
+			value: String(l(user.updatedAt, { date: "lll" }))
+		}
+	] });
+};
+
+//#endregion
+export { AdminUserProfile as default };
+//# sourceMappingURL=AdminUserProfile-DAt23fqY.js.map

package/dist/admin/AdminUserProfile-DAt23fqY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminUserProfile-DAt23fqY.js","names":["Flex"],"sources":["../../src/admin/components/users/AdminUserProfile.tsx"],"sourcesContent":["import { DetailList, Flex } from \"@alepha/ui\";\nimport { Badge } from \"@mantine/core\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useUser } from \"./AdminUserLayout.tsx\";\n\nconst AdminUserProfile = () => {\n  const { user } = useUser();\n  const { l } = useI18n();\n\n  return (\n    <DetailList\n      items={[\n        { label: \"ID\", value: user.id, copyable: user.id },\n        { label: \"Username\", value: user.username },\n        { label: \"Email\", value: user.email },\n        {\n          label: \"Email Verified\",\n          value: user.emailVerified ? \"Yes\" : \"No\",\n        },\n        { label: \"Phone\", value: user.phoneNumber },\n        { label: \"First Name\", value: user.firstName },\n        { label: \"Last Name\", value: user.lastName },\n        { label: \"Realm\", value: user.realm },\n        {\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=\"default\">\n                    {role}\n                  </Badge>\n                ))}\n              </Flex>\n            ) : null,\n        },\n        {\n          label: \"Created\",\n          value: String(l(user.createdAt, { date: \"lll\" })),\n        },\n        {\n          label: \"Updated\",\n          value: String(l(user.updatedAt, { date: \"lll\" })),\n        },\n      ]}\n    />\n  );\n};\n\nexport default AdminUserProfile;\n"],"mappings":";;;;;;;AAKA,MAAM,yBAAyB;CAC7B,MAAM,EAAE,SAAS,SAAS;CAC1B,MAAM,EAAE,MAAM,SAAS;AAEvB,QACE,oBAAC,cACC,OAAO;EACL;GAAE,OAAO;GAAM,OAAO,KAAK;GAAI,UAAU,KAAK;GAAI;EAClD;GAAE,OAAO;GAAY,OAAO,KAAK;GAAU;EAC3C;GAAE,OAAO;GAAS,OAAO,KAAK;GAAO;EACrC;GACE,OAAO;GACP,OAAO,KAAK,gBAAgB,QAAQ;GACrC;EACD;GAAE,OAAO;GAAS,OAAO,KAAK;GAAa;EAC3C;GAAE,OAAO;GAAc,OAAO,KAAK;GAAW;EAC9C;GAAE,OAAO;GAAa,OAAO,KAAK;GAAU;EAC5C;GAAE,OAAO;GAAS,OAAO,KAAK;GAAO;EACrC;GACE,OAAO;GACP,OACE,KAAK,MAAM,SAAS,IAClB,oBAACA;IAAK,KAAK;cACR,KAAK,MAAM,KAAK,SACf,oBAAC;KAAiB,MAAK;KAAK,SAAQ;eACjC;OADS,KAEJ,CACR;KACG,GACL;GACP;EACD;GACE,OAAO;GACP,OAAO,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC,CAAC;GAClD;EACD;GACE,OAAO;GACP,OAAO,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC,CAAC;GAClD;EACF,GACD"}

package/dist/admin/AdminUserSessions-1uzcx02z.js

@@ -0,0 +1,109 @@
+import { i as useDialog, r as DataTable, s as Text, u as Flex } from "./core-2xoLiT0o.js";
+import { t } from "alepha";
+import { useI18n } from "alepha/react/i18n";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { IconDeviceDesktop, IconDeviceMobile, IconDeviceTablet, IconTrash } from "@tabler/icons-react";
+import { useRouterState } from "alepha/react/router";
+import { useClient } from "alepha/react";
+
+//#region ../../src/admin/components/users/AdminUserSessions.tsx
+const emptyFilters = t.object({});
+const getDeviceIcon = (device) => {
+	switch (device) {
+		case "MOBILE": return /* @__PURE__ */ jsx(IconDeviceMobile, { size: 14 });
+		case "TABLET": return /* @__PURE__ */ jsx(IconDeviceTablet, { size: 14 });
+		default: return /* @__PURE__ */ jsx(IconDeviceDesktop, { size: 14 });
+	}
+};
+const isExpired = (expiresAt) => new Date(expiresAt) < /* @__PURE__ */ new Date();
+const AdminUserSessions = (props) => {
+	const userId = useRouterState().params.userId;
+	const client = useClient();
+	const { l } = useI18n();
+	const dialog = useDialog();
+	const [refreshKey, setRefreshKey] = useState(0);
+	const handleDeleteSession = async (sessionId) => {
+		if (await dialog.confirm({
+			title: "Revoke Session",
+			message: "Are you sure you want to revoke this session?"
+		})) {
+			await client.deleteSession({
+				params: { id: sessionId },
+				query: { userRealmName: props.userRealmName }
+			});
+			setRefreshKey((k) => k + 1);
+		}
+	};
+	return /* @__PURE__ */ jsx(DataTable, {
+		submitOnInit: true,
+		defaultSize: 10,
+		filters: emptyFilters,
+		tableProps: {
+			horizontalSpacing: "xs",
+			verticalSpacing: "xs"
+		},
+		tableTrProps: (item) => ({ style: { opacity: isExpired(item.expiresAt) ? .5 : 1 } }),
+		items: async (filters) => {
+			return await client.findSessions({ query: {
+				...filters,
+				userId,
+				userRealmName: props.userRealmName
+			} });
+		},
+		columns: {
+			device: {
+				label: "Device",
+				value: (item) => /* @__PURE__ */ jsxs(Flex, {
+					gap: 4,
+					align: "center",
+					children: [getDeviceIcon(item.userAgent?.device), /* @__PURE__ */ jsx(Text, {
+						size: "xs",
+						children: item.userAgent ? `${item.userAgent.browser} / ${item.userAgent.os}` : "—"
+					})]
+				})
+			},
+			ip: {
+				label: "IP",
+				fit: true,
+				value: (item) => /* @__PURE__ */ jsx(Text, {
+					size: "xs",
+					ff: "monospace",
+					c: "dimmed",
+					children: item.ip || "—"
+				})
+			},
+			status: {
+				label: "Status",
+				fit: true,
+				value: (item) => /* @__PURE__ */ jsx(Text, {
+					size: "xs",
+					c: "dimmed",
+					children: isExpired(item.expiresAt) ? "Expired" : "Active"
+				})
+			},
+			createdAt: {
+				label: "Created",
+				fit: true,
+				value: (item) => /* @__PURE__ */ jsx(Text, {
+					size: "xs",
+					c: "dimmed",
+					children: l(item.createdAt, { date: "fromNow" })
+				})
+			},
+			actions: {
+				label: "",
+				fit: true,
+				actions: (item) => [{
+					icon: /* @__PURE__ */ jsx(IconTrash, { size: 14 }),
+					onClick: () => handleDeleteSession(item.id),
+					tooltip: "Revoke session"
+				}]
+			}
+		}
+	}, refreshKey);
+};
+
+//#endregion
+export { AdminUserSessions as default };
+//# sourceMappingURL=AdminUserSessions-1uzcx02z.js.map

package/dist/admin/AdminUserSessions-1uzcx02z.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminUserSessions-1uzcx02z.js","names":[],"sources":["../../src/admin/components/users/AdminUserSessions.tsx"],"sourcesContent":["import { DataTable, Flex, Text, useDialog } from \"@alepha/ui\";\nimport {\n  IconDeviceDesktop,\n  IconDeviceMobile,\n  IconDeviceTablet,\n  IconTrash,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport type { AdminSessionController, SessionEntity } from \"alepha/api/users\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouterState } from \"alepha/react/router\";\nimport { useState } from \"react\";\n\nexport interface AdminUserSessionsProps {\n  userRealmName?: string;\n}\n\nconst emptyFilters = t.object({});\n\nconst getDeviceIcon = (device?: string) => {\n  switch (device) {\n    case \"MOBILE\":\n      return <IconDeviceMobile size={14} />;\n    case \"TABLET\":\n      return <IconDeviceTablet size={14} />;\n    default:\n      return <IconDeviceDesktop size={14} />;\n  }\n};\n\nconst isExpired = (expiresAt: Date | string) =>\n  new Date(expiresAt) < new Date();\n\nconst AdminUserSessions = (props: AdminUserSessionsProps) => {\n  const state = useRouterState();\n  const userId = state.params.userId as string;\n  const client = useClient<AdminSessionController>();\n  const { l } = useI18n();\n  const dialog = useDialog();\n  const [refreshKey, setRefreshKey] = useState(0);\n\n  const handleDeleteSession = async (sessionId: string) => {\n    const confirmed = await dialog.confirm({\n      title: \"Revoke Session\",\n      message: \"Are you sure you want to revoke this session?\",\n    });\n    if (confirmed) {\n      await client.deleteSession({\n        params: { id: sessionId },\n        query: { userRealmName: props.userRealmName },\n      });\n      setRefreshKey((k) => k + 1);\n    }\n  };\n\n  return (\n    <DataTable<SessionEntity, typeof emptyFilters>\n      key={refreshKey}\n      submitOnInit\n      defaultSize={10}\n      filters={emptyFilters}\n      tableProps={{\n        horizontalSpacing: \"xs\",\n        verticalSpacing: \"xs\",\n      }}\n      tableTrProps={(item) => ({\n        style: {\n          opacity: isExpired(item.expiresAt) ? 0.5 : 1,\n        },\n      })}\n      items={async (filters) => {\n        const response = await client.findSessions({\n          query: {\n            ...filters,\n            userId,\n            userRealmName: props.userRealmName,\n          },\n        });\n        return response as Page<SessionEntity>;\n      }}\n      columns={{\n        device: {\n          label: \"Device\",\n          value: (item) => (\n            <Flex gap={4} align=\"center\">\n              {getDeviceIcon(item.userAgent?.device)}\n              <Text size=\"xs\">\n                {item.userAgent\n                  ? `${item.userAgent.browser} / ${item.userAgent.os}`\n                  : \"\\u2014\"}\n              </Text>\n            </Flex>\n          ),\n        },\n        ip: {\n          label: \"IP\",\n          fit: true,\n          value: (item) => (\n            <Text size=\"xs\" ff=\"monospace\" c=\"dimmed\">\n              {item.ip || \"\\u2014\"}\n            </Text>\n          ),\n        },\n        status: {\n          label: \"Status\",\n          fit: true,\n          value: (item) => (\n            <Text size=\"xs\" c=\"dimmed\">\n              {isExpired(item.expiresAt) ? \"Expired\" : \"Active\"}\n            </Text>\n          ),\n        },\n        createdAt: {\n          label: \"Created\",\n          fit: true,\n          value: (item) => (\n            <Text size=\"xs\" c=\"dimmed\">\n              {l(item.createdAt, { date: \"fromNow\" })}\n            </Text>\n          ),\n        },\n        actions: {\n          label: \"\",\n          fit: true,\n          actions: (item) => [\n            {\n              icon: <IconTrash size={14} />,\n              onClick: () => handleDeleteSession(item.id),\n              tooltip: \"Revoke session\",\n            },\n          ],\n        },\n      }}\n    />\n  );\n};\n\nexport default AdminUserSessions;\n"],"mappings":";;;;;;;;;;AAkBA,MAAM,eAAe,EAAE,OAAO,EAAE,CAAC;AAEjC,MAAM,iBAAiB,WAAoB;AACzC,SAAQ,QAAR;EACE,KAAK,SACH,QAAO,oBAAC,oBAAiB,MAAM,KAAM;EACvC,KAAK,SACH,QAAO,oBAAC,oBAAiB,MAAM,KAAM;EACvC,QACE,QAAO,oBAAC,qBAAkB,MAAM,KAAM;;;AAI5C,MAAM,aAAa,cACjB,IAAI,KAAK,UAAU,mBAAG,IAAI,MAAM;AAElC,MAAM,qBAAqB,UAAkC;CAE3D,MAAM,SADQ,gBAAgB,CACT,OAAO;CAC5B,MAAM,SAAS,WAAmC;CAClD,MAAM,EAAE,MAAM,SAAS;CACvB,MAAM,SAAS,WAAW;CAC1B,MAAM,CAAC,YAAY,iBAAiB,SAAS,EAAE;CAE/C,MAAM,sBAAsB,OAAO,cAAsB;AAKvD,MAJkB,MAAM,OAAO,QAAQ;GACrC,OAAO;GACP,SAAS;GACV,CAAC,EACa;AACb,SAAM,OAAO,cAAc;IACzB,QAAQ,EAAE,IAAI,WAAW;IACzB,OAAO,EAAE,eAAe,MAAM,eAAe;IAC9C,CAAC;AACF,kBAAe,MAAM,IAAI,EAAE;;;AAI/B,QACE,oBAAC;EAEC;EACA,aAAa;EACb,SAAS;EACT,YAAY;GACV,mBAAmB;GACnB,iBAAiB;GAClB;EACD,eAAe,UAAU,EACvB,OAAO,EACL,SAAS,UAAU,KAAK,UAAU,GAAG,KAAM,GAC5C,EACF;EACD,OAAO,OAAO,YAAY;AAQxB,UAPiB,MAAM,OAAO,aAAa,EACzC,OAAO;IACL,GAAG;IACH;IACA,eAAe,MAAM;IACtB,EACF,CAAC;;EAGJ,SAAS;GACP,QAAQ;IACN,OAAO;IACP,QAAQ,SACN,qBAAC;KAAK,KAAK;KAAG,OAAM;gBACjB,cAAc,KAAK,WAAW,OAAO,EACtC,oBAAC;MAAK,MAAK;gBACR,KAAK,YACF,GAAG,KAAK,UAAU,QAAQ,KAAK,KAAK,UAAU,OAC9C;OACC;MACF;IAEV;GACD,IAAI;IACF,OAAO;IACP,KAAK;IACL,QAAQ,SACN,oBAAC;KAAK,MAAK;KAAK,IAAG;KAAY,GAAE;eAC9B,KAAK,MAAM;MACP;IAEV;GACD,QAAQ;IACN,OAAO;IACP,KAAK;IACL,QAAQ,SACN,oBAAC;KAAK,MAAK;KAAK,GAAE;eACf,UAAU,KAAK,UAAU,GAAG,YAAY;MACpC;IAEV;GACD,WAAW;IACT,OAAO;IACP,KAAK;IACL,QAAQ,SACN,oBAAC;KAAK,MAAK;KAAK,GAAE;eACf,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;MAClC;IAEV;GACD,SAAS;IACP,OAAO;IACP,KAAK;IACL,UAAU,SAAS,CACjB;KACE,MAAM,oBAAC,aAAU,MAAM,KAAM;KAC7B,eAAe,oBAAoB,KAAK,GAAG;KAC3C,SAAS;KACV,CACF;IACF;GACF;IA3EI,WA4EL"}