@alepha/ui 0.14.1 → 0.14.3

package/dist/admin/AdminUserLayout-D7En9UBq.js

@@ -0,0 +1,334 @@
+import { ActionButton } from "@alepha/ui";
+import { NestedView, useActive, useRouter, useRouterState } from "@alepha/react/router";
+import { IconBan, IconChevronDown, IconChevronLeft, IconDevices, IconExternalLink, IconHistory, IconLock, IconMail, IconPencil, IconSettings, IconShieldCheck, IconTrash, IconUser } from "@tabler/icons-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useClient } from "@alepha/react";
+import { ActionIcon, Avatar, Badge, Box, Button, Center, Group, Loader, Menu, Stack, Tabs, Text as Text$1, Tooltip } from "@mantine/core";
+import { useEffect, useState } from "react";
+
+//#region ../../src/admin/components/shared/AdminResourceHeader.tsx
+const ActionMenuItem = (props) => {
+	const { action } = props;
+	const router = useRouter();
+	const menuItemProps = {};
+	if (action.href) Object.assign(menuItemProps, router.anchor(action.href));
+	else if (action.onClick) menuItemProps.onClick = action.onClick;
+	return /* @__PURE__ */ jsx(Menu.Item, {
+		leftSection: action.icon ? /* @__PURE__ */ jsx(action.icon, { size: 16 }) : void 0,
+		color: action.color,
+		disabled: action.disabled,
+		...menuItemProps,
+		children: action.label
+	});
+};
+const AdminResourceHeader = (props) => {
+	const { backHref, backLabel = "Back", avatar, avatarColor = "blue", title, subtitle, identifier, identifierLabel = "ID", status, badges = [], primaryAction, menuActions = [], externalUrl } = props;
+	const renderAvatar = () => {
+		if (typeof avatar === "string") {
+			if (avatar.startsWith("http") || avatar.startsWith("/")) return /* @__PURE__ */ jsx(Avatar, {
+				src: avatar,
+				size: 56,
+				radius: "md",
+				color: avatarColor
+			});
+			return /* @__PURE__ */ jsx(Avatar, {
+				size: 56,
+				radius: "md",
+				color: avatarColor,
+				children: avatar
+			});
+		}
+		if (avatar) return avatar;
+		return /* @__PURE__ */ jsx(Avatar, {
+			size: 56,
+			radius: "md",
+			color: avatarColor,
+			children: title.charAt(0).toUpperCase()
+		});
+	};
+	return /* @__PURE__ */ jsxs(Stack, {
+		gap: "xs",
+		children: [backHref && /* @__PURE__ */ jsx(Group, { children: /* @__PURE__ */ jsx(ActionButton, {
+			variant: "subtle",
+			size: "xs",
+			href: backHref,
+			leftSection: /* @__PURE__ */ jsx(IconChevronLeft, { size: 14 }),
+			c: "dimmed",
+			children: backLabel
+		}) }), /* @__PURE__ */ jsxs(Group, {
+			justify: "space-between",
+			align: "flex-start",
+			wrap: "nowrap",
+			children: [/* @__PURE__ */ jsxs(Group, {
+				gap: "md",
+				wrap: "nowrap",
+				children: [renderAvatar(), /* @__PURE__ */ jsxs(Stack, {
+					gap: 2,
+					justify: "center",
+					style: { minHeight: 56 },
+					children: [/* @__PURE__ */ jsxs(Group, {
+						gap: "xs",
+						align: "center",
+						children: [/* @__PURE__ */ jsx(Text$1, {
+							size: "md",
+							fw: 600,
+							lh: 1.2,
+							children: title
+						}), status && /* @__PURE__ */ jsx(Badge, {
+							size: "xs",
+							variant: "light",
+							color: status.color,
+							tt: "lowercase",
+							children: status.label
+						})]
+					}), subtitle && /* @__PURE__ */ jsx(Text$1, {
+						size: "xs",
+						c: "dimmed",
+						children: subtitle
+					})]
+				})]
+			}), /* @__PURE__ */ jsxs(Group, {
+				gap: "xs",
+				children: [
+					externalUrl && /* @__PURE__ */ jsx(Tooltip, {
+						label: "Open in new tab",
+						openDelay: 500,
+						children: /* @__PURE__ */ jsx(ActionIcon, {
+							variant: "subtle",
+							color: "gray",
+							component: "a",
+							href: externalUrl,
+							target: "_blank",
+							children: /* @__PURE__ */ jsx(IconExternalLink, { size: 18 })
+						})
+					}),
+					primaryAction && /* @__PURE__ */ jsx(ActionButton, {
+						variant: primaryAction.variant ?? "light",
+						color: primaryAction.color,
+						onClick: primaryAction.onClick,
+						href: primaryAction.href,
+						loading: primaryAction.loading,
+						disabled: primaryAction.disabled,
+						leftSection: primaryAction.icon ? /* @__PURE__ */ jsx(primaryAction.icon, { size: 16 }) : void 0,
+						children: primaryAction.label
+					}),
+					menuActions.length > 0 && /* @__PURE__ */ jsxs(Menu, {
+						position: "bottom-end",
+						shadow: "md",
+						width: 220,
+						children: [/* @__PURE__ */ jsx(Menu.Target, { children: /* @__PURE__ */ jsx(Button, {
+							variant: "default",
+							rightSection: /* @__PURE__ */ jsx(IconChevronDown, { size: 16 }),
+							children: "Actions"
+						}) }), /* @__PURE__ */ jsx(Menu.Dropdown, { children: menuActions.map((action, index) => /* @__PURE__ */ jsx(ActionMenuItem, { action }, index)) })]
+					})
+				]
+			})]
+		})]
+	});
+};
+var AdminResourceHeader_default = AdminResourceHeader;
+
+//#endregion
+//#region ../../src/admin/components/shared/AdminResourceTabs.tsx
+const TabItem = (props) => {
+	const { tab } = props;
+	const router = useRouter();
+	const { isActive, isPending } = useActive({ href: tab.href });
+	const anchorProps = router.anchor(tab.href);
+	return /* @__PURE__ */ jsxs(Tabs.Tab, {
+		value: tab.value,
+		component: "a",
+		leftSection: tab.icon ? /* @__PURE__ */ jsx(tab.icon, { size: 16 }) : void 0,
+		disabled: tab.disabled,
+		"data-active": isActive || void 0,
+		style: { opacity: isPending ? .6 : 1 },
+		...anchorProps,
+		children: [tab.label, tab.count !== void 0 && tab.count > 0 && ` (${tab.count})`]
+	});
+};
+const AdminResourceTabs = (props) => {
+	const { tabs, activeTab, children } = props;
+	return /* @__PURE__ */ jsxs(Tabs, {
+		value: activeTab,
+		variant: "default",
+		children: [/* @__PURE__ */ jsx(Tabs.List, { children: tabs.map((tab) => /* @__PURE__ */ jsx(TabItem, { tab }, tab.value)) }), children]
+	});
+};
+var AdminResourceTabs_default = AdminResourceTabs;
+
+//#endregion
+//#region ../../src/admin/components/users/AdminUserLayout.tsx
+const AdminUserLayout = (props) => {
+	const router = useRouter();
+	const state = useRouterState();
+	const client = useClient();
+	const userId = state.params.userId;
+	const [user, setUser] = useState(null);
+	const [loading, setLoading] = useState(true);
+	const [actionLoading, setActionLoading] = useState(null);
+	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(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 ?? ""}`.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 {
+			setUser(await client.updateUser({
+				params: { id: userId },
+				query: { userRealmName: props.userRealmName },
+				body: { enabled: !user.enabled }
+			}));
+		} finally {
+			setActionLoading(null);
+		}
+	};
+	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 {
+			await client.deleteUser({
+				params: { id: userId },
+				query: { userRealmName: props.userRealmName }
+			});
+			await router.go("adminUsers");
+		} finally {
+			setActionLoading(null);
+		}
+	};
+	return /* @__PURE__ */ jsx(Box, {
+		py: "xl",
+		px: "xl",
+		flex: 1,
+		children: /* @__PURE__ */ jsxs(Stack, {
+			gap: "lg",
+			children: [
+				/* @__PURE__ */ jsx(AdminResourceHeader_default, {
+					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,
+					status: {
+						label: user.enabled ? "Active" : "Disabled",
+						color: user.enabled ? "green" : "red"
+					},
+					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_default, {
+					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 } })
+						}
+					]
+				}),
+				/* @__PURE__ */ jsx(NestedView, {})
+			]
+		})
+	});
+};
+var AdminUserLayout_default = AdminUserLayout;
+
+//#endregion
+export { AdminUserLayout_default as t };
+//# sourceMappingURL=AdminUserLayout-D7En9UBq.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdminUserLayout-D7En9UBq.js","names":["Text","Text","AdminResourceHeader","AdminResourceTabs"],"sources":["../../src/admin/components/shared/AdminResourceHeader.tsx","../../src/admin/components/shared/AdminResourceTabs.tsx","../../src/admin/components/users/AdminUserLayout.tsx"],"sourcesContent":["import { useRouter } from \"@alepha/react/router\";\nimport { ActionButton } from \"@alepha/ui\";\nimport {\n  ActionIcon,\n  Avatar,\n  Badge,\n  Button,\n  Group,\n  Menu,\n  Stack,\n  Text,\n  Tooltip,\n} from \"@mantine/core\";\nimport {\n  IconChevronDown,\n  IconChevronLeft,\n  IconExternalLink,\n} from \"@tabler/icons-react\";\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    <Stack gap=\"xs\">\n      {/* Breadcrumb / Back navigation */}\n      {backHref && (\n        <Group>\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        </Group>\n      )}\n\n      {/* Main header */}\n      <Group justify=\"space-between\" align=\"flex-start\" wrap=\"nowrap\">\n        {/* Left: Avatar + Info */}\n        <Group gap=\"md\" wrap=\"nowrap\">\n          {renderAvatar()}\n\n          <Stack gap={2} justify=\"center\" style={{ minHeight: 56 }}>\n            {/* Title row */}\n            <Group 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            </Group>\n\n            {/* Subtitle */}\n            {subtitle && (\n              <Text size=\"xs\" c=\"dimmed\">\n                {subtitle}\n              </Text>\n            )}\n          </Stack>\n        </Group>\n\n        {/* Right: Actions */}\n        <Group 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        </Group>\n      </Group>\n    </Stack>\n  );\n};\n\nexport default AdminResourceHeader;\n","import { useActive, useRouter } from \"@alepha/react/router\";\nimport { Tabs } from \"@mantine/core\";\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 { useClient } from \"@alepha/react\";\nimport { NestedView, useRouter, useRouterState } from \"@alepha/react/router\";\nimport { Box, Center, Loader, Stack, 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 { 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        <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 ?? \"\"}`.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.go(\"adminUsers\");\n    } finally {\n      setActionLoading(null);\n    }\n  };\n\n  return (\n    <Box py=\"xl\" px=\"xl\" flex={1}>\n      <Stack 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      </Stack>\n    </Box>\n  );\n};\n\nexport default AdminUserLayout;\n"],"mappings":"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"}

package/dist/admin/AdminUserSessions-D9X2_HMA.js

@@ -0,0 +1,3 @@
+import { t as AdminUserSessions_default } from "./AdminUserSessions-DEaGu6n6.js";
+
+export { AdminUserSessions_default as default };

package/dist/admin/{AdminUserSessions-DO9H85O-.js → AdminUserSessions-DEaGu6n6.js}

@@ -1,8 +1,9 @@
 import { ActionButton, DataTable, Flex, Text } from "@alepha/ui";
 import { t } from "alepha";
-import { useClient, useRouterState } from "@alepha/react";
+import { useRouterState } from "@alepha/react/router";
 import { IconDeviceDesktop, IconDeviceMobile, IconDeviceTablet, IconTrash } 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, Group } from "@mantine/core";
 import { useState } from "react";
@@ -126,4 +127,4 @@ var AdminUserSessions_default = AdminUserSessions;
 
 //#endregion
 export { AdminUserSessions_default as t };
-//# sourceMappingURL=AdminUserSessions-DO9H85O-.js.map
+//# sourceMappingURL=AdminUserSessions-DEaGu6n6.js.map

package/dist/admin/AdminUserSessions-DEaGu6n6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminUserSessions-DEaGu6n6.js","names":[],"sources":["../../src/admin/components/users/AdminUserSessions.tsx"],"sourcesContent":["import { useClient } from \"@alepha/react\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { useRouterState } from \"@alepha/react/router\";\nimport { ActionButton, DataTable, Flex, Text } from \"@alepha/ui\";\nimport { Badge, Group } from \"@mantine/core\";\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 { useState } from \"react\";\n\nexport interface AdminUserSessionsProps {\n  userRealmName?: string;\n}\n\nconst AdminUserSessions = (props: AdminUserSessionsProps) => {\n  const state = useRouterState();\n  const client = useClient<AdminSessionController>();\n  const { l } = useI18n();\n  const userId = state.params.userId as string;\n  const [refreshKey, setRefreshKey] = useState(0);\n\n  const 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\n  const isExpired = (expiresAt: Date | string) => {\n    return new Date(expiresAt) < new Date();\n  };\n\n  const handleDelete = async (sessionId: string) => {\n    await client.deleteSession({\n      params: { id: sessionId },\n      query: { userRealmName: props.userRealmName },\n    });\n    setRefreshKey((k) => k + 1);\n  };\n\n  const filters = t.object({});\n\n  return (\n    <Flex flex={1} direction=\"column\">\n      <DataTable<SessionEntity, typeof filters>\n        key={refreshKey}\n        submitOnInit\n        defaultSize={10}\n        filters={filters}\n        tableProps={{\n          horizontalSpacing: \"xs\",\n          verticalSpacing: \"xs\",\n        }}\n        tableTrProps={(item) => {\n          if (isExpired(item.expiresAt)) {\n            return {\n              opacity: 0.5,\n            };\n          }\n          return {};\n        }}\n        items={async (filters) => {\n          const response = await client.findSessions({\n            query: {\n              ...filters,\n              userId,\n              userRealmName: props.userRealmName,\n            },\n          });\n\n          return response as Page<SessionEntity>;\n        }}\n        columns={{\n          userAgent: {\n            label: \"Device\",\n            value: (item) => (\n              <Group gap={4}>\n                {item.userAgent ? (\n                  <>\n                    <Badge\n                      size=\"xs\"\n                      variant=\"light\"\n                      leftSection={getDeviceIcon(item.userAgent.device)}\n                    >\n                      {item.userAgent.device}\n                    </Badge>\n                    <Text size=\"xs\" c=\"dimmed\">\n                      {item.userAgent.browser} / {item.userAgent.os}\n                    </Text>\n                  </>\n                ) : (\n                  <Text size=\"xs\" c=\"dimmed\">\n                    -\n                  </Text>\n                )}\n              </Group>\n            ),\n          },\n          ip: {\n            label: \"IP Address\",\n            fit: true,\n            value: (item) => (\n              <Text size=\"xs\" ff=\"monospace\" c=\"dimmed\">\n                {item.ip || \"-\"}\n              </Text>\n            ),\n          },\n          expiresAt: {\n            label: \"Status\",\n            fit: true,\n            value: (item) => (\n              <Badge\n                size=\"sm\"\n                variant=\"light\"\n                color={isExpired(item.expiresAt) ? \"red\" : \"green\"}\n              >\n                {isExpired(item.expiresAt) ? \"Expired\" : \"Active\"}\n              </Badge>\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            value: (item) => (\n              <ActionButton\n                size=\"xs\"\n                variant=\"subtle\"\n                color=\"red\"\n                onClick={() => handleDelete(item.id)}\n              >\n                <IconTrash size={14} />\n              </ActionButton>\n            ),\n          },\n        }}\n      />\n    </Flex>\n  );\n};\n\nexport default AdminUserSessions;\n"],"mappings":";;;;;;;;;;;AAmBA,MAAM,qBAAqB,UAAkC;CAC3D,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,SAAS,WAAmC;CAClD,MAAM,EAAE,MAAM,SAAS;CACvB,MAAM,SAAS,MAAM,OAAO;CAC5B,MAAM,CAAC,YAAY,iBAAiB,SAAS,EAAE;CAE/C,MAAM,iBAAiB,WAAoB;AACzC,UAAQ,QAAR;GACE,KAAK,SACH,QAAO,oBAAC,oBAAiB,MAAM,KAAM;GACvC,KAAK,SACH,QAAO,oBAAC,oBAAiB,MAAM,KAAM;GACvC,QACE,QAAO,oBAAC,qBAAkB,MAAM,KAAM;;;CAI5C,MAAM,aAAa,cAA6B;AAC9C,SAAO,IAAI,KAAK,UAAU,mBAAG,IAAI,MAAM;;CAGzC,MAAM,eAAe,OAAO,cAAsB;AAChD,QAAM,OAAO,cAAc;GACzB,QAAQ,EAAE,IAAI,WAAW;GACzB,OAAO,EAAE,eAAe,MAAM,eAAe;GAC9C,CAAC;AACF,iBAAe,MAAM,IAAI,EAAE;;AAK7B,QACE,oBAAC;EAAK,MAAM;EAAG,WAAU;YACvB,oBAAC;GAEC;GACA,aAAa;GACb,SARU,EAAE,OAAO,EAAE,CAAC;GAStB,YAAY;IACV,mBAAmB;IACnB,iBAAiB;IAClB;GACD,eAAe,SAAS;AACtB,QAAI,UAAU,KAAK,UAAU,CAC3B,QAAO,EACL,SAAS,IACV;AAEH,WAAO,EAAE;;GAEX,OAAO,OAAO,YAAY;AASxB,WARiB,MAAM,OAAO,aAAa,EACzC,OAAO;KACL,GAAG;KACH;KACA,eAAe,MAAM;KACtB,EACF,CAAC;;GAIJ,SAAS;IACP,WAAW;KACT,OAAO;KACP,QAAQ,SACN,oBAAC;MAAM,KAAK;gBACT,KAAK,YACJ,4CACE,oBAAC;OACC,MAAK;OACL,SAAQ;OACR,aAAa,cAAc,KAAK,UAAU,OAAO;iBAEhD,KAAK,UAAU;QACV,EACR,qBAAC;OAAK,MAAK;OAAK,GAAE;;QACf,KAAK,UAAU;QAAQ;QAAI,KAAK,UAAU;;QACtC,IACN,GAEH,oBAAC;OAAK,MAAK;OAAK,GAAE;iBAAS;QAEpB;OAEH;KAEX;IACD,IAAI;KACF,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,IAAG;MAAY,GAAE;gBAC9B,KAAK,MAAM;OACP;KAEV;IACD,WAAW;KACT,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MACC,MAAK;MACL,SAAQ;MACR,OAAO,UAAU,KAAK,UAAU,GAAG,QAAQ;gBAE1C,UAAU,KAAK,UAAU,GAAG,YAAY;OACnC;KAEX;IACD,WAAW;KACT,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;OAClC;KAEV;IACD,SAAS;KACP,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MACC,MAAK;MACL,SAAQ;MACR,OAAM;MACN,eAAe,aAAa,KAAK,GAAG;gBAEpC,oBAAC,aAAU,MAAM,KAAM;OACV;KAElB;IACF;KAlGI,WAmGL;GACG;;AAIX,gCAAe"}

package/dist/admin/{AdminUserSettings-B3jA8g3p.js → AdminUserSettings-Di73D7g2.js}

@@ -1,7 +1,8 @@
 import { ActionButton, Flex, Text } from "@alepha/ui";
-import { useClient, useRouter, useRouterState } from "@alepha/react";
+import { useRouter, useRouterState } from "@alepha/react/router";
 import { IconAlertCircle, IconCheck, IconMail, IconTrash } from "@tabler/icons-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useClient } from "@alepha/react";
 import { Alert, Card, Group, Loader, Stack } from "@mantine/core";
 import { useEffect, useState } from "react";
 
@@ -9,7 +10,8 @@ import { useEffect, useState } from "react";
 const AdminUserSettings = (props) => {
 	const router = useRouter();
 	const state = useRouterState();
-	const client = useClient();
+	const adminClient = useClient();
+	const userClient = useClient();
 	const userId = state.params.userId;
 	const [user, setUser] = useState(null);
 	const [loading, setLoading] = useState(true);
@@ -19,7 +21,7 @@ const AdminUserSettings = (props) => {
 	useEffect(() => {
 		const loadUser = async () => {
 			try {
-				setUser(await client.getUser({
+				setUser(await adminClient.getUser({
 					params: { id: userId },
 					query: { userRealmName: props.userRealmName }
 				}));
@@ -33,7 +35,7 @@ const AdminUserSettings = (props) => {
 		if (!confirm("Are you sure you want to delete this user?")) return;
 		setDeleteLoading(true);
 		try {
-			await client.deleteUser({
+			await adminClient.deleteUser({
 				params: { id: userId },
 				query: { userRealmName: props.userRealmName }
 			});
@@ -47,7 +49,7 @@ const AdminUserSettings = (props) => {
 		setVerifyLoading(true);
 		setVerifySuccess(false);
 		try {
-			await client.requestEmailVerification({
+			await userClient.requestEmailVerification({
 				query: {
 					userRealmName: props.userRealmName,
 					method: "link",
@@ -161,4 +163,4 @@ var AdminUserSettings_default = AdminUserSettings;
 
 //#endregion
 export { AdminUserSettings_default as t };
-//# sourceMappingURL=AdminUserSettings-B3jA8g3p.js.map
+//# sourceMappingURL=AdminUserSettings-Di73D7g2.js.map

package/dist/admin/AdminUserSettings-Di73D7g2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminUserSettings-Di73D7g2.js","names":[],"sources":["../../src/admin/components/users/AdminUserSettings.tsx"],"sourcesContent":["import { useClient } from \"@alepha/react\";\nimport { useRouter, useRouterState } from \"@alepha/react/router\";\nimport { ActionButton, Flex, Text } from \"@alepha/ui\";\nimport { Alert, Card, Group, Loader, Stack } from \"@mantine/core\";\nimport {\n  IconAlertCircle,\n  IconCheck,\n  IconMail,\n  IconTrash,\n} from \"@tabler/icons-react\";\nimport type {\n  AdminUserController,\n  UserController,\n  UserEntity,\n} from \"alepha/api/users\";\nimport { useEffect, useState } from \"react\";\nimport type { AdminRouter } from \"../../AdminRouter.ts\";\n\nexport interface AdminUserSettingsProps {\n  userRealmName?: string;\n}\n\nconst AdminUserSettings = (props: AdminUserSettingsProps) => {\n  const router = useRouter<AdminRouter>();\n  const state = useRouterState();\n  const adminClient = useClient<AdminUserController>();\n  const userClient = useClient<UserController>();\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 [deleteLoading, setDeleteLoading] = useState(false);\n  const [verifyLoading, setVerifyLoading] = useState(false);\n  const [verifySuccess, setVerifySuccess] = useState(false);\n\n  useEffect(() => {\n    const loadUser = async () => {\n      try {\n        const data = await adminClient.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 handleDelete = async () => {\n    if (!confirm(\"Are you sure you want to delete this user?\")) {\n      return;\n    }\n\n    setDeleteLoading(true);\n    try {\n      await adminClient.deleteUser({\n        params: { id: userId },\n        query: { userRealmName: props.userRealmName },\n      });\n      await router.go(\"adminUsers\");\n    } finally {\n      setDeleteLoading(false);\n    }\n  };\n\n  const handleTriggerEmailVerification = async () => {\n    if (!user?.email) return;\n\n    setVerifyLoading(true);\n    setVerifySuccess(false);\n    try {\n      await userClient.requestEmailVerification({\n        query: {\n          userRealmName: props.userRealmName,\n          method: \"link\",\n          verifyUrl: `${window.location.origin}/verify-email`,\n        },\n        body: { email: user.email },\n      });\n      setVerifySuccess(true);\n    } finally {\n      setVerifyLoading(false);\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    <Flex flex={1} direction=\"column\" gap=\"md\">\n      {user.email && !user.emailVerified && (\n        <Card withBorder p=\"lg\">\n          <Stack gap=\"md\">\n            <Text size=\"lg\" fw={500}>\n              Email Verification\n            </Text>\n\n            <Alert variant=\"light\" color=\"yellow\" icon={<IconMail />}>\n              <Text size=\"sm\">\n                This user's email ({user.email}) is not verified. You can send a\n                verification link to the user.\n              </Text>\n            </Alert>\n\n            {verifySuccess && (\n              <Alert variant=\"light\" color=\"green\" icon={<IconCheck />}>\n                <Text size=\"sm\">\n                  Verification link sent successfully to {user.email}.\n                </Text>\n              </Alert>\n            )}\n\n            <Group>\n              <ActionButton\n                leftSection={<IconMail size={16} />}\n                loading={verifyLoading}\n                onClick={handleTriggerEmailVerification}\n              >\n                Send Verification Link\n              </ActionButton>\n            </Group>\n          </Stack>\n        </Card>\n      )}\n\n      <Card withBorder p=\"lg\">\n        <Stack gap=\"md\">\n          <Text size=\"lg\" fw={500} c=\"red\">\n            Danger Zone\n          </Text>\n\n          <Alert variant=\"light\" color=\"red\" icon={<IconAlertCircle />}>\n            <Text size=\"sm\">\n              Deleting this user will permanently remove their account and all\n              associated data. This action cannot be undone.\n            </Text>\n          </Alert>\n\n          <Group>\n            <ActionButton\n              color=\"red\"\n              leftSection={<IconTrash size={16} />}\n              loading={deleteLoading}\n              onClick={handleDelete}\n            >\n              Delete User\n            </ActionButton>\n          </Group>\n        </Stack>\n      </Card>\n    </Flex>\n  );\n};\n\nexport default AdminUserSettings;\n"],"mappings":"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"}

package/dist/admin/AdminUserSettings-yI-JECf5.js

@@ -0,0 +1,3 @@
+import { t as AdminUserSettings_default } from "./AdminUserSettings-Di73D7g2.js";
+
+export { AdminUserSettings_default as default };

package/dist/admin/{AdminUsers-ebbrJBT0.js → AdminUsers-BnGIRvmV.js}

@@ -1,8 +1,9 @@
 import { DataTable, Text } from "@alepha/ui";
 import { t } from "alepha";
-import { useClient, useRouter } from "@alepha/react";
+import { useRouter } from "@alepha/react/router";
 import { IconCheck, IconUsersPlus, IconX } from "@tabler/icons-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useClient } from "@alepha/react";
 import { useI18n } from "@alepha/react/i18n";
 import { Badge, Flex as Flex$1, Group } from "@mantine/core";
 import { users } from "alepha/api/users";
@@ -115,4 +116,4 @@ var AdminUsers_default = AdminUsers;
 
 //#endregion
 export { AdminUsers_default as t };
-//# sourceMappingURL=AdminUsers-ebbrJBT0.js.map
+//# sourceMappingURL=AdminUsers-BnGIRvmV.js.map

package/dist/admin/AdminUsers-BnGIRvmV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminUsers-BnGIRvmV.js","names":["Flex","filters"],"sources":["../../src/admin/components/users/AdminUsers.tsx"],"sourcesContent":["import { useClient } from \"@alepha/react\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { useRouter } from \"@alepha/react/router\";\nimport { DataTable, Text } from \"@alepha/ui\";\nimport { Badge, Flex, Group } from \"@mantine/core\";\nimport { IconCheck, IconUsersPlus, IconX } from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport {\n  type AdminUserController,\n  type UserEntity,\n  users,\n} from \"alepha/api/users\";\nimport type { AdminRouter } from \"../../AdminRouter.ts\";\n\nexport interface AdminUsersProps {\n  userRealmName?: string;\n}\n\nconst AdminUsers = (props: AdminUsersProps) => {\n  const client = useClient<AdminUserController>();\n  const router = useRouter<AdminRouter>();\n  const { l } = useI18n();\n\n  const filters = t.object({\n    query: t.optional(\n      t.string({\n        $control: {\n          query: t.omit(users.schema, [\"id\", \"version\"]),\n        },\n      }),\n    ),\n  });\n\n  return (\n    <Flex flex={1} direction=\"column\">\n      <DataTable<UserEntity, typeof filters>\n        submitOnInit\n        actions={[\n          {\n            icon: IconUsersPlus,\n            href: router.path(\"adminUserCreate\"),\n            label: \"Create User\",\n          },\n        ]}\n        defaultSize={10}\n        typeFormProps={{\n          skipSubmitButton: true,\n          columns: 3,\n        }}\n        tableProps={{\n          horizontalSpacing: \"xs\",\n          verticalSpacing: \"xs\",\n          striped: false,\n          highlightOnHover: true,\n        }}\n        onFilterChange={(key, value, form) => {\n          if (key === \"query\") {\n            return form.submit();\n          }\n        }}\n        filters={filters}\n        tableTrProps={(item) => {\n          const baseProps: Record<string, any> = {\n            style: { cursor: \"pointer\" },\n            onClick: () =>\n              router.go(\"adminUserDetails\", {\n                params: { userId: item.id },\n              }),\n          };\n\n          if (!item.enabled) {\n            baseProps.opacity = 0.5;\n          }\n\n          return baseProps;\n        }}\n        items={async (filters) => {\n          const response = await client.findUsers({\n            query: {\n              ...filters,\n              userRealmName: props.userRealmName,\n            },\n          });\n\n          return response as Page<UserEntity>;\n        }}\n        columns={{\n          username: {\n            label: \"Username\",\n            value: (item) => (\n              <Text size=\"sm\" fw={500}>\n                {item.username || \"-\"}\n              </Text>\n            ),\n          },\n          email: {\n            label: \"Email\",\n            value: (item) => (\n              <Group gap=\"xs\">\n                <Text size=\"sm\">{item.email || \"-\"}</Text>\n                {item.email && (\n                  <Badge\n                    size=\"xs\"\n                    variant=\"light\"\n                    color={item.emailVerified ? \"green\" : \"gray\"}\n                    leftSection={\n                      item.emailVerified ? (\n                        <IconCheck size={10} />\n                      ) : (\n                        <IconX size={10} />\n                      )\n                    }\n                  >\n                    {item.emailVerified ? \"Verified\" : \"Unverified\"}\n                  </Badge>\n                )}\n              </Group>\n            ),\n          },\n          roles: {\n            label: \"Roles\",\n            value: (item) => (\n              <Group gap={4}>\n                {item.roles.map((role: string) => (\n                  <Badge key={role} size=\"xs\" variant=\"outline\">\n                    {role}\n                  </Badge>\n                ))}\n              </Group>\n            ),\n          },\n          enabled: {\n            label: \"Status\",\n            fit: true,\n            value: (item) => (\n              <Badge\n                size=\"sm\"\n                variant=\"light\"\n                color={item.enabled ? \"green\" : \"red\"}\n              >\n                {item.enabled ? \"Active\" : \"Disabled\"}\n              </Badge>\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        }}\n      />\n    </Flex>\n  );\n};\n\nexport default AdminUsers;\n"],"mappings":";;;;;;;;;;;AAkBA,MAAM,cAAc,UAA2B;CAC7C,MAAM,SAAS,WAAgC;CAC/C,MAAM,SAAS,WAAwB;CACvC,MAAM,EAAE,MAAM,SAAS;CAEvB,MAAM,UAAU,EAAE,OAAO,EACvB,OAAO,EAAE,SACP,EAAE,OAAO,EACP,UAAU,EACR,OAAO,EAAE,KAAK,MAAM,QAAQ,CAAC,MAAM,UAAU,CAAC,EAC/C,EACF,CAAC,CACH,EACF,CAAC;AAEF,QACE,oBAACA;EAAK,MAAM;EAAG,WAAU;YACvB,oBAAC;GACC;GACA,SAAS,CACP;IACE,MAAM;IACN,MAAM,OAAO,KAAK,kBAAkB;IACpC,OAAO;IACR,CACF;GACD,aAAa;GACb,eAAe;IACb,kBAAkB;IAClB,SAAS;IACV;GACD,YAAY;IACV,mBAAmB;IACnB,iBAAiB;IACjB,SAAS;IACT,kBAAkB;IACnB;GACD,iBAAiB,KAAK,OAAO,SAAS;AACpC,QAAI,QAAQ,QACV,QAAO,KAAK,QAAQ;;GAGf;GACT,eAAe,SAAS;IACtB,MAAM,YAAiC;KACrC,OAAO,EAAE,QAAQ,WAAW;KAC5B,eACE,OAAO,GAAG,oBAAoB,EAC5B,QAAQ,EAAE,QAAQ,KAAK,IAAI,EAC5B,CAAC;KACL;AAED,QAAI,CAAC,KAAK,QACR,WAAU,UAAU;AAGtB,WAAO;;GAET,OAAO,OAAO,cAAY;AAQxB,WAPiB,MAAM,OAAO,UAAU,EACtC,OAAO;KACL,GAAGC;KACH,eAAe,MAAM;KACtB,EACF,CAAC;;GAIJ,SAAS;IACP,UAAU;KACR,OAAO;KACP,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,IAAI;gBACjB,KAAK,YAAY;OACb;KAEV;IACD,OAAO;KACL,OAAO;KACP,QAAQ,SACN,qBAAC;MAAM,KAAI;iBACT,oBAAC;OAAK,MAAK;iBAAM,KAAK,SAAS;QAAW,EACzC,KAAK,SACJ,oBAAC;OACC,MAAK;OACL,SAAQ;OACR,OAAO,KAAK,gBAAgB,UAAU;OACtC,aACE,KAAK,gBACH,oBAAC,aAAU,MAAM,KAAM,GAEvB,oBAAC,SAAM,MAAM,KAAM;iBAItB,KAAK,gBAAgB,aAAa;QAC7B;OAEJ;KAEX;IACD,OAAO;KACL,OAAO;KACP,QAAQ,SACN,oBAAC;MAAM,KAAK;gBACT,KAAK,MAAM,KAAK,SACf,oBAAC;OAAiB,MAAK;OAAK,SAAQ;iBACjC;SADS,KAEJ,CACR;OACI;KAEX;IACD,SAAS;KACP,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MACC,MAAK;MACL,SAAQ;MACR,OAAO,KAAK,UAAU,UAAU;gBAE/B,KAAK,UAAU,WAAW;OACrB;KAEX;IACD,WAAW;KACT,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;OAClC;KAEV;IACF;IACD;GACG;;AAIX,yBAAe"}

package/dist/admin/AdminUsers-CG9-2Z8W.js

@@ -0,0 +1,3 @@
+import { t as AdminUsers_default } from "./AdminUsers-BnGIRvmV.js";
+
+export { AdminUsers_default as default };

package/dist/admin/index.d.ts

@@ -1,43 +1,43 @@
 import { AdminShellProps } from "@alepha/ui";
 import { AuthRouter } from "@alepha/ui/auth";
 import * as alepha0 from "alepha";
-import * as _alepha_react2 from "@alepha/react";
-import { ReactRouter, Redirection } from "@alepha/react";
 import { ReactAuth } from "@alepha/react/auth";
+import * as _alepha_react_router2 from "@alepha/react/router";
+import { ReactRouter, Redirection } from "@alepha/react/router";
 import * as alepha_server_links0 from "alepha/server/links";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { FileController } from "alepha/api/files";
-import { SessionController, UserController } from "alepha/api/users";
-import { AuditController } from "alepha/api/audits";
-import { NotificationController } from "alepha/api/notifications";
-import { ConfigController } from "alepha/api/parameters";
+import { AdminSessionController, AdminUserController } from "alepha/api/users";
+import { AdminAuditController } from "alepha/api/audits";
+import { AdminNotificationController } from "alepha/api/notifications";
+import { AdminConfigController } from "alepha/api/parameters";
 
 //#region ../../src/admin/AdminRouter.d.ts
 declare class AdminRouter {
   protected readonly router: ReactRouter<object>;
   protected readonly authRouter: AuthRouter;
   protected readonly auth: ReactAuth;
-  protected readonly userCtrl: alepha_server_links0.HttpVirtualClient<UserController>;
-  protected readonly sessionCtrl: alepha_server_links0.HttpVirtualClient<SessionController>;
-  protected readonly notificationCtrl: alepha_server_links0.HttpVirtualClient<NotificationController>;
+  protected readonly userCtrl: alepha_server_links0.HttpVirtualClient<AdminUserController>;
+  protected readonly sessionCtrl: alepha_server_links0.HttpVirtualClient<AdminSessionController>;
+  protected readonly notificationCtrl: alepha_server_links0.HttpVirtualClient<AdminNotificationController>;
   protected readonly fileCtrl: alepha_server_links0.HttpVirtualClient<FileController>;
-  protected readonly configCtrl: alepha_server_links0.HttpVirtualClient<ConfigController>;
-  protected readonly auditCtrl: alepha_server_links0.HttpVirtualClient<AuditController>;
+  protected readonly configCtrl: alepha_server_links0.HttpVirtualClient<AdminConfigController>;
+  protected readonly auditCtrl: alepha_server_links0.HttpVirtualClient<AdminAuditController>;
   protected adminShellProps(): AdminShellProps;
   protected onNotAuthorized(url: URL): Redirection;
-  readonly layout: _alepha_react2.PagePrimitive<_alepha_react2.PageConfigSchema, {}, _alepha_react2.TPropsParentDefault>;
-  readonly adminUsers: _alepha_react2.PagePrimitive<_alepha_react2.PageConfigSchema, any, {}>;
-  readonly adminUserCreate: _alepha_react2.PagePrimitive<_alepha_react2.PageConfigSchema, any, {}>;
-  readonly adminUserLayout: _alepha_react2.PagePrimitive<_alepha_react2.PageConfigSchema, any, {}>;
-  readonly adminUserDetails: _alepha_react2.PagePrimitive<_alepha_react2.PageConfigSchema, any, any>;
-  readonly adminUserSessions: _alepha_react2.PagePrimitive<_alepha_react2.PageConfigSchema, any, any>;
-  readonly adminUserSettings: _alepha_react2.PagePrimitive<_alepha_react2.PageConfigSchema, any, any>;
-  readonly adminUserAudits: _alepha_react2.PagePrimitive<_alepha_react2.PageConfigSchema, any, any>;
-  readonly adminAudits: _alepha_react2.PagePrimitive<_alepha_react2.PageConfigSchema, any, {}>;
-  readonly adminSessions: _alepha_react2.PagePrimitive<_alepha_react2.PageConfigSchema, any, {}>;
-  readonly adminNotifications: _alepha_react2.PagePrimitive<_alepha_react2.PageConfigSchema, any, {}>;
-  readonly adminFiles: _alepha_react2.PagePrimitive<_alepha_react2.PageConfigSchema, any, {}>;
-  readonly adminParameters: _alepha_react2.PagePrimitive<_alepha_react2.PageConfigSchema, any, {}>;
+  readonly adminLayout: _alepha_react_router2.PagePrimitive<_alepha_react_router2.PageConfigSchema, {}, _alepha_react_router2.TPropsParentDefault>;
+  readonly adminUsers: _alepha_react_router2.PagePrimitive<_alepha_react_router2.PageConfigSchema, any, {}>;
+  readonly adminUserCreate: _alepha_react_router2.PagePrimitive<_alepha_react_router2.PageConfigSchema, any, {}>;
+  readonly adminUserLayout: _alepha_react_router2.PagePrimitive<_alepha_react_router2.PageConfigSchema, any, {}>;
+  readonly adminUserDetails: _alepha_react_router2.PagePrimitive<_alepha_react_router2.PageConfigSchema, any, any>;
+  readonly adminUserSessions: _alepha_react_router2.PagePrimitive<_alepha_react_router2.PageConfigSchema, any, any>;
+  readonly adminUserSettings: _alepha_react_router2.PagePrimitive<_alepha_react_router2.PageConfigSchema, any, any>;
+  readonly adminUserAudits: _alepha_react_router2.PagePrimitive<_alepha_react_router2.PageConfigSchema, any, any>;
+  readonly adminAudits: _alepha_react_router2.PagePrimitive<_alepha_react_router2.PageConfigSchema, any, {}>;
+  readonly adminSessions: _alepha_react_router2.PagePrimitive<_alepha_react_router2.PageConfigSchema, any, {}>;
+  readonly adminNotifications: _alepha_react_router2.PagePrimitive<_alepha_react_router2.PageConfigSchema, any, {}>;
+  readonly adminFiles: _alepha_react_router2.PagePrimitive<_alepha_react_router2.PageConfigSchema, any, {}>;
+  readonly adminParameters: _alepha_react_router2.PagePrimitive<_alepha_react_router2.PageConfigSchema, any, {}>;
 }
 //#endregion
 //#region ../../src/admin/components/AdminLayout.d.ts
@@ -127,7 +127,7 @@ declare const AdminVerifications: () => react_jsx_runtime0.JSX.Element;
 declare class MainRouter {
   auth: AuthRouter;
   admin: AdminRouter;
-  layout: _alepha_react2.PagePrimitive<_alepha_react2.PageConfigSchema, any, _alepha_react2.TPropsParentDefault>;
+  layout: _alepha_react_router2.PagePrimitive<_alepha_react_router2.PageConfigSchema, any, _alepha_react_router2.TPropsParentDefault>;
 }
 //#endregion
 //#region ../../src/admin/index.d.ts