@alepha/ui 0.18.2 → 0.18.3

package/dist/admin/{AdminUserLayout-DUbC6-BI.js → AdminUserLayout-lXT6I0Qq.js}

@@ -1,4 +1,4 @@
-import { _ as ActionButton, b as useToast, l as Flex$1, m as useDialog, o as Text$1 } from "./core-BVO_TQxb.js";
+import { _ as ActionButton, b as useToast, l as Flex$1, m as useDialog, s as Text$1 } from "./core-CYaRQ8O-.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";
@@ -7,8 +7,8 @@ import { IconBan, IconChevronDown, IconChevronLeft, IconExternalLink, IconShield
 import { NestedView, useActive, useRouter, useRouterState } from "alepha/react/router";
 import { useClient } from "alepha/react";
 
-//#region ../../src/admin/components/shared/AdminResourceHeader.tsx
-const ActionMenuItem = (props) => {
+//#region ../../src/admin/components/shared/AdminResourceHeaderMenuItem.tsx
+const AdminResourceHeaderMenuItem = (props) => {
 	const { action } = props;
 	const router = useRouter();
 	const menuItemProps = {};
@@ -22,6 +22,9 @@ const ActionMenuItem = (props) => {
 		children: action.label
 	});
 };
+
+//#endregion
+//#region ../../src/admin/components/shared/AdminResourceHeader.tsx
 const AdminResourceHeader = (props) => {
 	const { backHref, backLabel = "Back", avatar, avatarColor = "blue", title, subtitle, identifier, identifierLabel = "ID", status, badges = [], primaryAction, menuActions = [], externalUrl } = props;
 	const renderAvatar = () => {
@@ -123,7 +126,7 @@ const AdminResourceHeader = (props) => {
 							variant: "default",
 							rightSection: /* @__PURE__ */ jsx(IconChevronDown, { size: 16 }),
 							children: "Actions"
-						}) }), /* @__PURE__ */ jsx(Menu.Dropdown, { children: menuActions.map((action, index) => /* @__PURE__ */ jsx(ActionMenuItem, { action }, index)) })]
+						}) }), /* @__PURE__ */ jsx(Menu.Dropdown, { children: menuActions.map((action, index) => /* @__PURE__ */ jsx(AdminResourceHeaderMenuItem, { action }, index)) })]
 					})
 				]
 			})]
@@ -132,8 +135,8 @@ const AdminResourceHeader = (props) => {
 };
 
 //#endregion
-//#region ../../src/admin/components/shared/AdminResourceTabs.tsx
-const TabItem = (props) => {
+//#region ../../src/admin/components/shared/AdminResourceTabsItem.tsx
+const AdminResourceTabsItem = (props) => {
 	const { tab } = props;
 	const router = useRouter();
 	const { isActive, isPending } = useActive({ href: tab.href });
@@ -149,12 +152,15 @@ const TabItem = (props) => {
 		children: [tab.label, tab.count !== void 0 && tab.count > 0 && ` (${tab.count})`]
 	});
 };
+
+//#endregion
+//#region ../../src/admin/components/shared/AdminResourceTabs.tsx
 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]
+		children: [/* @__PURE__ */ jsx(Tabs.List, { children: tabs.map((tab) => /* @__PURE__ */ jsx(AdminResourceTabsItem, { tab }, tab.value)) }), children]
 	});
 };
 
@@ -293,4 +299,4 @@ const AdminUserLayout = (props) => {
 
 //#endregion
 export { AdminUserLayout as default, useUser };
-//# sourceMappingURL=AdminUserLayout-DUbC6-BI.js.map
+//# sourceMappingURL=AdminUserLayout-lXT6I0Qq.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdminUserLayout-lXT6I0Qq.js","names":["Flex","Text"],"sources":["../../src/admin/components/shared/AdminResourceHeaderMenuItem.tsx","../../src/admin/components/shared/AdminResourceHeader.tsx","../../src/admin/components/shared/AdminResourceTabsItem.tsx","../../src/admin/components/shared/AdminResourceTabs.tsx","../../src/admin/components/users/AdminUserLayout.tsx"],"sourcesContent":["import { Menu } from \"@mantine/core\";\nimport { useRouter } from \"alepha/react/router\";\nimport type { AdminResourceAction } from \"./AdminResourceHeader.tsx\";\n\nexport interface AdminResourceHeaderMenuItemProps {\n  /**\n   * Action configuration\n   */\n  action: AdminResourceAction;\n}\n\nconst AdminResourceHeaderMenuItem = (\n  props: AdminResourceHeaderMenuItemProps,\n) => {\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\nexport default AdminResourceHeaderMenuItem;\n","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 type { ComponentType, ReactNode } from \"react\";\nimport AdminResourceHeaderMenuItem from \"./AdminResourceHeaderMenuItem.tsx\";\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 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                  <AdminResourceHeaderMenuItem 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 { AdminResourceTab } from \"./AdminResourceTabs.tsx\";\n\nexport interface AdminResourceTabsItemProps {\n  /**\n   * Tab configuration\n   */\n  tab: AdminResourceTab;\n}\n\nconst AdminResourceTabsItem = (props: AdminResourceTabsItemProps) => {\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\nexport default AdminResourceTabsItem;\n","import { Tabs } from \"@mantine/core\";\nimport type { ComponentType, ReactNode } from \"react\";\nimport AdminResourceTabsItem from \"./AdminResourceTabsItem.tsx\";\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 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          <AdminResourceTabsItem 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":";;;;;;;;;;AAWA,MAAM,+BACJ,UACG;CACH,MAAM,EAAE,WAAW;CACnB,MAAM,SAAS,WAAW;CAE1B,MAAM,gBAAyC,EAAE;AACjD,KAAI,OAAO,KACT,QAAO,OAAO,eAAe,OAAO,OAAO,OAAO,KAAK,CAAC;UAC/C,OAAO,QAChB,eAAc,UAAU,OAAO;AAGjC,QACE,oBAAC,KAAK;EACJ,aAAa,OAAO,OAAO,oBAAC,OAAO,QAAK,MAAM,KAAM,GAAG;EACvD,OAAO,OAAO;EACd,UAAU,OAAO;EACjB,GAAI;YAEH,OAAO;GACE;;;;;AC6EhB,MAAM,uBAAuB,UAAoC;CAC/D,MAAM,EACJ,UACA,YAAY,QACZ,QACA,cAAc,QACd,OACA,UACA,YACA,kBAAkB,MAClB,QACA,SAAS,EAAE,EACX,eACA,cAAc,EAAE,EAChB,gBACE;CAEJ,MAAM,qBAAqB;AACzB,MAAI,OAAO,WAAW,UAAU;AAC9B,OAAI,OAAO,WAAW,OAAO,IAAI,OAAO,WAAW,IAAI,CACrD,QACE,oBAAC;IAAO,KAAK;IAAQ,MAAM;IAAI,QAAO;IAAK,OAAO;KAAe;AAGrE,UACE,oBAAC;IAAO,MAAM;IAAI,QAAO;IAAK,OAAO;cAClC;KACM;;AAGb,MAAI,OACF,QAAO;AAET,SACE,oBAAC;GAAO,MAAM;GAAI,QAAO;GAAK,OAAO;aAClC,MAAM,OAAO,EAAE,CAAC,aAAa;IACvB;;AAIb,QACE,qBAAC;EAAK,WAAU;EAAS,KAAI;aAE1B,YACC,oBAAC,kBACC,oBAAC;GACC,SAAQ;GACR,MAAK;GACL,MAAM;GACN,aAAa,oBAAC,mBAAgB,MAAM,KAAM;GAC1C,GAAE;aAED;IACY,GACV,EAIT,qBAAC;GAAK,SAAQ;GAAgB,OAAM;GAAa,MAAK;cAEpD,qBAAC;IAAK,KAAI;IAAK,MAAK;eACjB,cAAc,EAEf,qBAAC;KACC,WAAU;KACV,KAAK;KACL,SAAQ;KACR,OAAO,EAAE,WAAW,IAAI;gBAGxB,qBAAC;MAAK,KAAI;MAAK,OAAM;iBACnB,oBAAC;OAAK,MAAK;OAAK,IAAI;OAAK,IAAI;iBAC1B;QACI,EACN,UACC,oBAAC;OACC,MAAK;OACL,SAAQ;OACR,OAAO,OAAO;OACd,IAAG;iBAEF,OAAO;QACF;OAEL,EAGN,YACC,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf;OACI;MAEJ;KACF,EAGP,qBAAC;IAAK,KAAI;;KACP,eACC,oBAAC;MAAQ,OAAM;MAAkB,WAAW;gBAC1C,oBAAC;OACC,SAAQ;OACR,OAAM;OACN,WAAU;OACV,MAAM;OACN,QAAO;iBAEP,oBAAC,oBAAiB,MAAM,KAAM;QACnB;OACL;KAGX,iBACC,oBAAC;MACC,SAAS,cAAc,WAAW;MAClC,OAAO,cAAc;MACrB,SAAS,cAAc;MACvB,MAAM,cAAc;MACpB,SAAS,cAAc;MACvB,UAAU,cAAc;MACxB,aACE,cAAc,OACZ,oBAAC,cAAc,QAAK,MAAM,KAAM,GAC9B;gBAGL,cAAc;OACF;KAGhB,YAAY,SAAS,KACpB,qBAAC;MAAK,UAAS;MAAa,QAAO;MAAK,OAAO;iBAC7C,oBAAC,KAAK,oBACJ,oBAAC;OACC,SAAQ;OACR,cAAc,oBAAC,mBAAgB,MAAM,KAAM;iBAC5C;QAEQ,GACG,EACd,oBAAC,KAAK,sBACH,YAAY,KAAK,QAAQ,UACxB,oBAAC,+BAAgD,UAAf,MAAyB,CAC3D,GACY;OACX;;KAEJ;IACF;GACF;;;;;ACtPX,MAAM,yBAAyB,UAAsC;CACnE,MAAM,EAAE,QAAQ;CAChB,MAAM,SAAS,WAAW;CAC1B,MAAM,EAAE,UAAU,cAAc,UAAU,EAAE,MAAM,IAAI,MAAM,CAAC;CAC7D,MAAM,cAAc,OAAO,OAAO,IAAI,KAAK;AAE3C,QACE,qBAAC,KAAK;EACJ,OAAO,IAAI;EACX,WAAU;EACV,aAAa,IAAI,OAAO,oBAAC,IAAI,QAAK,MAAM,KAAM,GAAG;EACjD,UAAU,IAAI;EACd,eAAa,YAAY;EACzB,OAAO,EACL,SAAS,YAAY,KAAM,GAC5B;EACD,GAAI;aAEH,IAAI,OACJ,IAAI,UAAU,UAAa,IAAI,QAAQ,KAAK,KAAK,IAAI,MAAM;GACnD;;;;;ACsBf,MAAM,qBAAqB,UAAkC;CAC3D,MAAM,EAAE,MAAM,WAAW,aAAa;AAEtC,QACE,qBAAC;EAAK,OAAO;EAAW,SAAQ;aAC9B,oBAAC,KAAK,kBACH,KAAK,KAAK,QACT,oBAAC,yBAA2C,OAAhB,IAAI,MAAmB,CACnD,GACQ,EAEX;GACI;;;;;ACtCX,MAAM,cAAc,cAAuC,KAAK;AAEhE,MAAa,gBAAgB;CAC3B,MAAM,MAAM,WAAW,YAAY;AACnC,KAAI,CAAC,IAAK,OAAM,IAAI,MAAM,8CAA8C;AACxE,QAAO;;AAGgB,EAAE,OAAO;CAChC,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC;CAC5B,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC;CACjC,WAAW,EAAE,SAAS,EAAE,QAAQ,CAAC;CACjC,UAAU,EAAE,SAAS,EAAE,QAAQ,CAAC;CAChC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;CACtC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;CACjC,CAAC;AAEF,MAAM,eAAe,MACnB,EAAE,aAAa,EAAE,WACb,GAAG,EAAE,aAAa,GAAG,GAAG,EAAE,YAAY,KAAK,MAAM,GACjD,EAAE,YAAY,EAAE,SAAS;AAE/B,MAAM,mBAAmB,UAAgC;CACvD,MAAM,SAAS,WAAwB;CACvC,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,SAAS,WAAgC;CAC/C,MAAM,SAAS,WAAW;CAC1B,MAAM,QAAQ,UAAU;CACxB,MAAM,SAAS,MAAM,OAAO;CAE5B,MAAM,CAAC,MAAM,WAAW,SAA4B,KAAK;CACzD,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAE5C,MAAM,aAAa,EAAE,eAAe,MAAM,eAAe;CAEzD,MAAM,WAAW,YAAY,YAAY;AACvC,aAAW,KAAK;AAChB,MAAI;AAKF,WAJa,MAAM,OAAO,QAAQ;IAChC,QAAQ,EAAE,IAAI,QAAQ;IACtB,OAAO;IACR,CAAC,CACW;YACL;AACR,cAAW,MAAM;;IAElB,CAAC,QAAQ,OAAO,CAAC;AAEpB,iBAAgB;AACd,YAAU;IACT,CAAC,SAAS,CAAC;CAEd,MAAM,sBAAsB,YAAY;AACtC,MAAI,CAAC,KAAM;EACX,MAAM,SAAS,KAAK,UAAU,YAAY;AAK1C,MAJkB,MAAM,OAAO,QAAQ;GACrC,OAAO,GAAG,KAAK,UAAU,YAAY,SAAS;GAC9C,SAAS,4BAA4B,OAAO,GAAG,YAAY,KAAK,CAAC;GAClE,CAAC,EACa;AAMb,WALgB,MAAM,OAAO,WAAW;IACtC,QAAQ,EAAE,IAAI,KAAK,IAAI;IACvB,OAAO;IACP,MAAM,EAAE,SAAS,CAAC,KAAK,SAAS;IACjC,CAAC,CACc;AAChB,SAAM,QAAQ,EAAE,OAAO,QAAQ,OAAO,IAAI,CAAC;;;CAI/C,MAAM,eAAe,YAAY;AAC/B,MAAI,CAAC,KAAM;AAOX,MANkB,MAAM,OAAO,QAAQ;GACrC,OAAO;GACP,SAAS,mCAAmC,YAAY,KAAK,CAAC;GAC9D,cAAc;GACd,cAAc;GACf,CAAC,EACa;AACb,SAAM,OAAO,WAAW;IACtB,QAAQ,EAAE,IAAI,KAAK,IAAI;IACvB,OAAO;IACR,CAAC;AACF,SAAM,QAAQ,EAAE,OAAO,gBAAgB,CAAC;AACxC,UAAO,KAAK,aAAa;;;AAI7B,KAAI,QACF,QACE,oBAACA;EAAK,MAAM;EAAG,SAAQ;EAAS,OAAM;YACpC,oBAAC,WAAS;GACL;AAIX,KAAI,CAAC,KACH,QACE,oBAACA;EAAK,MAAM;EAAG,SAAQ;EAAS,OAAM;YACpC,oBAACC;GAAK,GAAE;aAAS;IAAqB;GACjC;AAIX,QACE,oBAAC,YAAY;EAAS,OAAO;GAAE;GAAM,QAAQ;GAAU;YACrD,qBAACD;GAAK,MAAM;GAAG,WAAU;GAAS,KAAI;GAAK,GAAE;;IAC3C,oBAAC;KACC,UAAU,OAAO,KAAK,aAAa;KACnC,WAAU;KACV,OAAO,YAAY,KAAK;KACxB,UAAU,KAAK,SAAS,KAAK;KAC7B,QAAQ;MACN,OAAO,KAAK,UAAU,WAAW;MACjC,OAAO,KAAK,UAAU,UAAU;MACjC;KACD,aAAa,CACX;MACE,OAAO,KAAK,UAAU,YAAY;MAClC,MAAM,KAAK,UAAU,UAAU;MAC/B,SAAS;MACV,EACD;MACE,OAAO;MACP,MAAM;MACN,OAAO;MACP,SAAS;MACV,CACF;MACD;IAEF,oBAAC,qBACC,MAAM,CACJ;KACE,OAAO;KACP,OAAO;KACP,MAAM,OAAO,KAAK,oBAAoB,EACpC,QAAQ,EAAE,QAAQ,EACnB,CAAC;KACH,EACD;KACE,OAAO;KACP,OAAO;KACP,MAAM,OAAO,KAAK,qBAAqB,EACrC,QAAQ,EAAE,QAAQ,EACnB,CAAC;KACH,CACF,GACD;IAEF,oBAAC,eAAa;;IACT;GACc"}

package/dist/admin/{AdminUserProfile-DuTUnjdG.js → AdminUserProfile-vFBLoJ3h.js}

@@ -1,5 +1,5 @@
-import { d as DetailList, l as Flex$1 } from "./core-BVO_TQxb.js";
-import { useUser } from "./AdminUserLayout-DUbC6-BI.js";
+import { d as DetailList, l as Flex$1 } from "./core-CYaRQ8O-.js";
+import { useUser } from "./AdminUserLayout-lXT6I0Qq.js";
 import { useI18n } from "alepha/react/i18n";
 import { Badge } from "@mantine/core";
 import { jsx } from "react/jsx-runtime";
@@ -66,4 +66,4 @@ const AdminUserProfile = () => {
 
 //#endregion
 export { AdminUserProfile as default };
-//# sourceMappingURL=AdminUserProfile-DuTUnjdG.js.map
+//# sourceMappingURL=AdminUserProfile-vFBLoJ3h.js.map

package/dist/admin/{AdminUserProfile-DuTUnjdG.js.map → AdminUserProfile-vFBLoJ3h.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AdminUserProfile-DuTUnjdG.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"}
+{"version":3,"file":"AdminUserProfile-vFBLoJ3h.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-DvZdAGpL.js → AdminUserSessions-CT_YDim0.js}

@@ -1,4 +1,4 @@
-import { b as useToast, l as Flex$1, m as useDialog, o as Text$1, r as DataTable } from "./core-BVO_TQxb.js";
+import { b as useToast, l as Flex$1, m as useDialog, r as DataTable, s as Text$1 } from "./core-CYaRQ8O-.js";
 import { t } from "alepha";
 import { useI18n } from "alepha/react/i18n";
 import { Badge } from "@mantine/core";
@@ -104,4 +104,4 @@ const AdminUserSessions = (props) => {
 
 //#endregion
 export { AdminUserSessions as default };
-//# sourceMappingURL=AdminUserSessions-DvZdAGpL.js.map
+//# sourceMappingURL=AdminUserSessions-CT_YDim0.js.map

package/dist/admin/{AdminUserSessions-DvZdAGpL.js.map → AdminUserSessions-CT_YDim0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AdminUserSessions-DvZdAGpL.js","names":["Flex","Text"],"sources":["../../src/admin/components/users/AdminUserSessions.tsx"],"sourcesContent":["import { DataTable, Flex, Text, useDialog, useToast } from \"@alepha/ui\";\nimport { Badge } 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 { 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 toast = useToast();\n  const [refreshKey, setRefreshKey] = useState(0);\n\n  const handleDeleteSession = async (session: SessionEntity) => {\n    const confirmed = await dialog.confirm({\n      title: \"Revoke session\",\n      message:\n        \"Are you sure you want to revoke this session? The user will be signed out on this device.\",\n    });\n    if (!confirmed) return;\n    await client.deleteSession({\n      params: { id: session.id },\n      query: { userRealmName: props.userRealmName },\n    });\n    toast.success(\"Session revoked\");\n    setRefreshKey((k) => k + 1);\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                  : \"—\"}\n              </Text>\n            </Flex>\n          ),\n        },\n        ip: {\n          label: \"IP\",\n          value: (item) => (\n            <Text size=\"xs\" ff=\"monospace\" muted>\n              {item.ip || \"—\"}\n            </Text>\n          ),\n        },\n        status: {\n          label: \"Status\",\n          value: (item) => (\n            <Badge\n              size=\"sm\"\n              variant=\"light\"\n              color={isExpired(item.expiresAt) ? \"gray\" : \"green\"}\n            >\n              {isExpired(item.expiresAt) ? \"Expired\" : \"Active\"}\n            </Badge>\n          ),\n        },\n        createdAt: {\n          label: \"Created\",\n          value: (item) => (\n            <Text size=\"xs\" muted>\n              {l(item.createdAt, { date: \"fromNow\" })}\n            </Text>\n          ),\n        },\n      }}\n      rowActions={(item) => [\n        {\n          label: \"Revoke session\",\n          icon: IconTrash,\n          color: \"red\",\n          onClick: () => handleDeleteSession(item),\n          visible: !isExpired(item.expiresAt),\n        },\n      ]}\n    />\n  );\n};\n\nexport default AdminUserSessions;\n"],"mappings":";;;;;;;;;;;AAmBA,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,QAAQ,UAAU;CACxB,MAAM,CAAC,YAAY,iBAAiB,SAAS,EAAE;CAE/C,MAAM,sBAAsB,OAAO,YAA2B;AAM5D,MAAI,CALc,MAAM,OAAO,QAAQ;GACrC,OAAO;GACP,SACE;GACH,CAAC,CACc;AAChB,QAAM,OAAO,cAAc;GACzB,QAAQ,EAAE,IAAI,QAAQ,IAAI;GAC1B,OAAO,EAAE,eAAe,MAAM,eAAe;GAC9C,CAAC;AACF,QAAM,QAAQ,kBAAkB;AAChC,iBAAe,MAAM,IAAI,EAAE;;AAG7B,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,qBAACA;KAAK,KAAK;KAAG,OAAM;gBACjB,cAAc,KAAK,WAAW,OAAO,EACtC,oBAACC;MAAK,MAAK;gBACR,KAAK,YACF,GAAG,KAAK,UAAU,QAAQ,KAAK,KAAK,UAAU,OAC9C;OACC;MACF;IAEV;GACD,IAAI;IACF,OAAO;IACP,QAAQ,SACN,oBAACA;KAAK,MAAK;KAAK,IAAG;KAAY;eAC5B,KAAK,MAAM;MACP;IAEV;GACD,QAAQ;IACN,OAAO;IACP,QAAQ,SACN,oBAAC;KACC,MAAK;KACL,SAAQ;KACR,OAAO,UAAU,KAAK,UAAU,GAAG,SAAS;eAE3C,UAAU,KAAK,UAAU,GAAG,YAAY;MACnC;IAEX;GACD,WAAW;IACT,OAAO;IACP,QAAQ,SACN,oBAACA;KAAK,MAAK;KAAK;eACb,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;MAClC;IAEV;GACF;EACD,aAAa,SAAS,CACpB;GACE,OAAO;GACP,MAAM;GACN,OAAO;GACP,eAAe,oBAAoB,KAAK;GACxC,SAAS,CAAC,UAAU,KAAK,UAAU;GACpC,CACF;IA1EI,WA2EL"}
+{"version":3,"file":"AdminUserSessions-CT_YDim0.js","names":["Flex","Text"],"sources":["../../src/admin/components/users/AdminUserSessions.tsx"],"sourcesContent":["import { DataTable, Flex, Text, useDialog, useToast } from \"@alepha/ui\";\nimport { Badge } 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 { 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 toast = useToast();\n  const [refreshKey, setRefreshKey] = useState(0);\n\n  const handleDeleteSession = async (session: SessionEntity) => {\n    const confirmed = await dialog.confirm({\n      title: \"Revoke session\",\n      message:\n        \"Are you sure you want to revoke this session? The user will be signed out on this device.\",\n    });\n    if (!confirmed) return;\n    await client.deleteSession({\n      params: { id: session.id },\n      query: { userRealmName: props.userRealmName },\n    });\n    toast.success(\"Session revoked\");\n    setRefreshKey((k) => k + 1);\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                  : \"—\"}\n              </Text>\n            </Flex>\n          ),\n        },\n        ip: {\n          label: \"IP\",\n          value: (item) => (\n            <Text size=\"xs\" ff=\"monospace\" muted>\n              {item.ip || \"—\"}\n            </Text>\n          ),\n        },\n        status: {\n          label: \"Status\",\n          value: (item) => (\n            <Badge\n              size=\"sm\"\n              variant=\"light\"\n              color={isExpired(item.expiresAt) ? \"gray\" : \"green\"}\n            >\n              {isExpired(item.expiresAt) ? \"Expired\" : \"Active\"}\n            </Badge>\n          ),\n        },\n        createdAt: {\n          label: \"Created\",\n          value: (item) => (\n            <Text size=\"xs\" muted>\n              {l(item.createdAt, { date: \"fromNow\" })}\n            </Text>\n          ),\n        },\n      }}\n      rowActions={(item) => [\n        {\n          label: \"Revoke session\",\n          icon: IconTrash,\n          color: \"red\",\n          onClick: () => handleDeleteSession(item),\n          visible: !isExpired(item.expiresAt),\n        },\n      ]}\n    />\n  );\n};\n\nexport default AdminUserSessions;\n"],"mappings":";;;;;;;;;;;AAmBA,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,QAAQ,UAAU;CACxB,MAAM,CAAC,YAAY,iBAAiB,SAAS,EAAE;CAE/C,MAAM,sBAAsB,OAAO,YAA2B;AAM5D,MAAI,CALc,MAAM,OAAO,QAAQ;GACrC,OAAO;GACP,SACE;GACH,CAAC,CACc;AAChB,QAAM,OAAO,cAAc;GACzB,QAAQ,EAAE,IAAI,QAAQ,IAAI;GAC1B,OAAO,EAAE,eAAe,MAAM,eAAe;GAC9C,CAAC;AACF,QAAM,QAAQ,kBAAkB;AAChC,iBAAe,MAAM,IAAI,EAAE;;AAG7B,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,qBAACA;KAAK,KAAK;KAAG,OAAM;gBACjB,cAAc,KAAK,WAAW,OAAO,EACtC,oBAACC;MAAK,MAAK;gBACR,KAAK,YACF,GAAG,KAAK,UAAU,QAAQ,KAAK,KAAK,UAAU,OAC9C;OACC;MACF;IAEV;GACD,IAAI;IACF,OAAO;IACP,QAAQ,SACN,oBAACA;KAAK,MAAK;KAAK,IAAG;KAAY;eAC5B,KAAK,MAAM;MACP;IAEV;GACD,QAAQ;IACN,OAAO;IACP,QAAQ,SACN,oBAAC;KACC,MAAK;KACL,SAAQ;KACR,OAAO,UAAU,KAAK,UAAU,GAAG,SAAS;eAE3C,UAAU,KAAK,UAAU,GAAG,YAAY;MACnC;IAEX;GACD,WAAW;IACT,OAAO;IACP,QAAQ,SACN,oBAACA;KAAK,MAAK;KAAK;eACb,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;MAClC;IAEV;GACF;EACD,aAAa,SAAS,CACpB;GACE,OAAO;GACP,MAAM;GACN,OAAO;GACP,eAAe,oBAAoB,KAAK;GACxC,SAAS,CAAC,UAAU,KAAK,UAAU;GACpC,CACF;IA1EI,WA2EL"}

package/dist/admin/{AdminUsers-CR9z0g_5.js → AdminUsers-D1UfGya9.js}

@@ -1,4 +1,4 @@
-import { _ as ActionButton, b as useToast, l as Flex$1, m as useDialog, o as Text$1, r as DataTable } from "./core-BVO_TQxb.js";
+import { _ as ActionButton, b as useToast, l as Flex$1, m as useDialog, r as DataTable, s as Text$1 } from "./core-CYaRQ8O-.js";
 import { t } from "alepha";
 import { useI18n } from "alepha/react/i18n";
 import { Avatar, Badge } from "@mantine/core";
@@ -203,4 +203,4 @@ const AdminUsers = (props) => {
 
 //#endregion
 export { AdminUsers as default };
-//# sourceMappingURL=AdminUsers-CR9z0g_5.js.map
+//# sourceMappingURL=AdminUsers-D1UfGya9.js.map

package/dist/admin/{AdminUsers-CR9z0g_5.js.map → AdminUsers-D1UfGya9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AdminUsers-CR9z0g_5.js","names":["Flex","Text"],"sources":["../../src/admin/components/users/AdminUsers.tsx"],"sourcesContent":["import {\n  ActionButton,\n  DataTable,\n  Flex,\n  Text,\n  useDialog,\n  useToast,\n} from \"@alepha/ui\";\nimport { Avatar, Badge } from \"@mantine/core\";\nimport {\n  IconEye,\n  IconTrash,\n  IconUserOff,\n  IconUserPlus,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport type { AdminUserController, UserEntity } from \"alepha/api/users\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouter } from \"alepha/react/router\";\nimport { useState } from \"react\";\nimport type { AdminRouter } from \"../../AdminRouter.tsx\";\n\nexport interface AdminUsersProps {\n  userRealmName?: string;\n}\n\nconst filters = t.object({\n  query: t.optional(t.text()),\n  enabled: t.optional(t.boolean()),\n  emailVerified: t.optional(t.boolean()),\n});\n\nconst AdminUsers = (props: AdminUsersProps) => {\n  const client = useClient<AdminUserController>();\n  const router = useRouter<AdminRouter>();\n  const { l } = useI18n();\n  const dialog = useDialog();\n  const toast = useToast();\n  const [refreshKey, setRefreshKey] = useState(0);\n\n  const refresh = () => setRefreshKey((k) => k + 1);\n\n  const handleToggleEnabled = async (user: UserEntity) => {\n    const enabled = !user.enabled;\n    const confirmed = await dialog.confirm({\n      title: enabled ? \"Enable user\" : \"Disable user\",\n      message: enabled\n        ? `Enable ${user.email || user.username || \"this user\"}?`\n        : `Disable ${user.email || user.username || \"this user\"}? They will no longer be able to sign in.`,\n    });\n    if (!confirmed) return;\n    await client.updateUser({\n      params: { id: user.id },\n      query: { userRealmName: props.userRealmName },\n      body: { enabled },\n    });\n    toast.success({\n      message: enabled ? \"User enabled\" : \"User disabled\",\n    });\n    refresh();\n  };\n\n  const handleDelete = async (user: UserEntity) => {\n    const confirmed = await dialog.confirm({\n      title: \"Delete user\",\n      message: `Permanently delete ${user.email || user.username || \"this user\"}? This action cannot be undone.`,\n    });\n    if (!confirmed) return;\n    await client.deleteUser({\n      params: { id: user.id },\n      query: { userRealmName: props.userRealmName },\n    });\n    toast.success({ message: \"User deleted\" });\n    refresh();\n  };\n\n  const handleBulkDisable = async (\n    items: UserEntity[],\n    clearSelection: () => void,\n  ) => {\n    const enabledUsers = items.filter((u) => u.enabled);\n    if (enabledUsers.length === 0) {\n      toast.danger({ message: \"No active users in selection\" });\n      return;\n    }\n    const confirmed = await dialog.confirm({\n      title: \"Disable users\",\n      message: `Disable ${enabledUsers.length} user(s)? They will no longer be able to sign in.`,\n    });\n    if (!confirmed) return;\n    for (const user of enabledUsers) {\n      await client.updateUser({\n        params: { id: user.id },\n        query: { userRealmName: props.userRealmName },\n        body: { enabled: false },\n      });\n    }\n    toast.success({\n      message: `${enabledUsers.length} user(s) disabled`,\n    });\n    clearSelection();\n    refresh();\n  };\n\n  return (\n    <Flex p={\"md\"} flex={1} direction=\"column\">\n      <DataTable<UserEntity, typeof filters>\n        withCheckbox\n        withExport\n        checkboxActions={[\n          {\n            intent: \"danger\",\n            label: \"Disable selected\",\n            icon: <IconUserOff />,\n            onClick: (ctx) =>\n              handleBulkDisable(ctx.selectedItems, ctx.clearSelection),\n          },\n        ]}\n        key={refreshKey}\n        submitOnInit\n        defaultSize={10}\n        defaultFilters={[\"query\"]}\n        tableProps={{\n          horizontalSpacing: \"xs\",\n          verticalSpacing: \"xs\",\n        }}\n        onFilterChange={(_key, _value, form) => form.submit()}\n        filters={filters}\n        items={async (filters) => {\n          const response = await client.findUsers({\n            query: {\n              ...filters,\n              userRealmName: props.userRealmName,\n            },\n          });\n          return response as Page<UserEntity>;\n        }}\n        columns={{\n          user: {\n            label: \"User\",\n            value: (item) => {\n              const name =\n                `${item.firstName || \"\"} ${item.lastName || \"\"}`.trim() ||\n                item.username ||\n                \"Anonymous\";\n\n              return (\n                <ActionButton\n                  variant={\"transparent\"}\n                  href={`/admin/users/${item.id}`}\n                >\n                  <Flex gap={\"xs\"} centerY>\n                    <Avatar size={\"sm\"} name={name} />\n                    <Flex col>\n                      <Text size={\"sm\"} bold>\n                        {name}\n                      </Text>\n                      <Text size=\"xs\" muted>\n                        {item.email || \"\\u2014\"}\n                      </Text>\n                    </Flex>\n                  </Flex>\n                </ActionButton>\n              );\n            },\n          },\n          username: {\n            label: \"Username\",\n            defaultHidden: true,\n            value: (item) => (\n              <Text size=\"sm\" ff=\"monospace\">\n                {item.username || \"\\u2014\"}\n              </Text>\n            ),\n          },\n          roles: {\n            label: \"Roles\",\n            value: (item) =>\n              item.roles.length > 0 ? (\n                <Flex gap={4}>\n                  {item.roles.map((role: string) => (\n                    <Badge key={role} size=\"xs\" variant=\"default\">\n                      {role}\n                    </Badge>\n                  ))}\n                </Flex>\n              ) : (\n                <Text size=\"xs\" muted>\n                  No roles\n                </Text>\n              ),\n          },\n          enabled: {\n            label: \"Status\",\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          emailVerified: {\n            label: \"Email\",\n            value: (item) => (\n              <Badge\n                size=\"sm\"\n                variant=\"light\"\n                color={item.emailVerified ? \"green\" : \"gray\"}\n              >\n                {item.emailVerified ? \"Verified\" : \"Unverified\"}\n              </Badge>\n            ),\n          },\n          createdAt: {\n            label: \"Joined\",\n            sortable: true,\n            sortKey: \"createdAt\",\n            value: (item) => (\n              <Text size=\"xs\" muted>\n                {l(item.createdAt, { date: \"fromNow\" })}\n              </Text>\n            ),\n          },\n        }}\n        rowActions={(item) => [\n          {\n            label: \"View profile\",\n            icon: IconEye,\n            onClick: () =>\n              router.push(\"adminUserProfile\", {\n                params: { userId: item.id },\n              }),\n          },\n          {\n            label: item.enabled ? \"Disable user\" : \"Enable user\",\n            icon: item.enabled ? IconUserOff : IconUserPlus,\n            color: item.enabled ? \"red\" : \"green\",\n            onClick: () => handleToggleEnabled(item),\n          },\n          {\n            label: \"Delete user\",\n            icon: IconTrash,\n            color: \"red\",\n            onClick: () => handleDelete(item),\n          },\n        ]}\n      />\n    </Flex>\n  );\n};\n\nexport default AdminUsers;\n"],"mappings":"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"}
+{"version":3,"file":"AdminUsers-D1UfGya9.js","names":["Flex","Text"],"sources":["../../src/admin/components/users/AdminUsers.tsx"],"sourcesContent":["import {\n  ActionButton,\n  DataTable,\n  Flex,\n  Text,\n  useDialog,\n  useToast,\n} from \"@alepha/ui\";\nimport { Avatar, Badge } from \"@mantine/core\";\nimport {\n  IconEye,\n  IconTrash,\n  IconUserOff,\n  IconUserPlus,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport type { AdminUserController, UserEntity } from \"alepha/api/users\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouter } from \"alepha/react/router\";\nimport { useState } from \"react\";\nimport type { AdminRouter } from \"../../AdminRouter.tsx\";\n\nexport interface AdminUsersProps {\n  userRealmName?: string;\n}\n\nconst filters = t.object({\n  query: t.optional(t.text()),\n  enabled: t.optional(t.boolean()),\n  emailVerified: t.optional(t.boolean()),\n});\n\nconst AdminUsers = (props: AdminUsersProps) => {\n  const client = useClient<AdminUserController>();\n  const router = useRouter<AdminRouter>();\n  const { l } = useI18n();\n  const dialog = useDialog();\n  const toast = useToast();\n  const [refreshKey, setRefreshKey] = useState(0);\n\n  const refresh = () => setRefreshKey((k) => k + 1);\n\n  const handleToggleEnabled = async (user: UserEntity) => {\n    const enabled = !user.enabled;\n    const confirmed = await dialog.confirm({\n      title: enabled ? \"Enable user\" : \"Disable user\",\n      message: enabled\n        ? `Enable ${user.email || user.username || \"this user\"}?`\n        : `Disable ${user.email || user.username || \"this user\"}? They will no longer be able to sign in.`,\n    });\n    if (!confirmed) return;\n    await client.updateUser({\n      params: { id: user.id },\n      query: { userRealmName: props.userRealmName },\n      body: { enabled },\n    });\n    toast.success({\n      message: enabled ? \"User enabled\" : \"User disabled\",\n    });\n    refresh();\n  };\n\n  const handleDelete = async (user: UserEntity) => {\n    const confirmed = await dialog.confirm({\n      title: \"Delete user\",\n      message: `Permanently delete ${user.email || user.username || \"this user\"}? This action cannot be undone.`,\n    });\n    if (!confirmed) return;\n    await client.deleteUser({\n      params: { id: user.id },\n      query: { userRealmName: props.userRealmName },\n    });\n    toast.success({ message: \"User deleted\" });\n    refresh();\n  };\n\n  const handleBulkDisable = async (\n    items: UserEntity[],\n    clearSelection: () => void,\n  ) => {\n    const enabledUsers = items.filter((u) => u.enabled);\n    if (enabledUsers.length === 0) {\n      toast.danger({ message: \"No active users in selection\" });\n      return;\n    }\n    const confirmed = await dialog.confirm({\n      title: \"Disable users\",\n      message: `Disable ${enabledUsers.length} user(s)? They will no longer be able to sign in.`,\n    });\n    if (!confirmed) return;\n    for (const user of enabledUsers) {\n      await client.updateUser({\n        params: { id: user.id },\n        query: { userRealmName: props.userRealmName },\n        body: { enabled: false },\n      });\n    }\n    toast.success({\n      message: `${enabledUsers.length} user(s) disabled`,\n    });\n    clearSelection();\n    refresh();\n  };\n\n  return (\n    <Flex p={\"md\"} flex={1} direction=\"column\">\n      <DataTable<UserEntity, typeof filters>\n        withCheckbox\n        withExport\n        checkboxActions={[\n          {\n            intent: \"danger\",\n            label: \"Disable selected\",\n            icon: <IconUserOff />,\n            onClick: (ctx) =>\n              handleBulkDisable(ctx.selectedItems, ctx.clearSelection),\n          },\n        ]}\n        key={refreshKey}\n        submitOnInit\n        defaultSize={10}\n        defaultFilters={[\"query\"]}\n        tableProps={{\n          horizontalSpacing: \"xs\",\n          verticalSpacing: \"xs\",\n        }}\n        onFilterChange={(_key, _value, form) => form.submit()}\n        filters={filters}\n        items={async (filters) => {\n          const response = await client.findUsers({\n            query: {\n              ...filters,\n              userRealmName: props.userRealmName,\n            },\n          });\n          return response as Page<UserEntity>;\n        }}\n        columns={{\n          user: {\n            label: \"User\",\n            value: (item) => {\n              const name =\n                `${item.firstName || \"\"} ${item.lastName || \"\"}`.trim() ||\n                item.username ||\n                \"Anonymous\";\n\n              return (\n                <ActionButton\n                  variant={\"transparent\"}\n                  href={`/admin/users/${item.id}`}\n                >\n                  <Flex gap={\"xs\"} centerY>\n                    <Avatar size={\"sm\"} name={name} />\n                    <Flex col>\n                      <Text size={\"sm\"} bold>\n                        {name}\n                      </Text>\n                      <Text size=\"xs\" muted>\n                        {item.email || \"\\u2014\"}\n                      </Text>\n                    </Flex>\n                  </Flex>\n                </ActionButton>\n              );\n            },\n          },\n          username: {\n            label: \"Username\",\n            defaultHidden: true,\n            value: (item) => (\n              <Text size=\"sm\" ff=\"monospace\">\n                {item.username || \"\\u2014\"}\n              </Text>\n            ),\n          },\n          roles: {\n            label: \"Roles\",\n            value: (item) =>\n              item.roles.length > 0 ? (\n                <Flex gap={4}>\n                  {item.roles.map((role: string) => (\n                    <Badge key={role} size=\"xs\" variant=\"default\">\n                      {role}\n                    </Badge>\n                  ))}\n                </Flex>\n              ) : (\n                <Text size=\"xs\" muted>\n                  No roles\n                </Text>\n              ),\n          },\n          enabled: {\n            label: \"Status\",\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          emailVerified: {\n            label: \"Email\",\n            value: (item) => (\n              <Badge\n                size=\"sm\"\n                variant=\"light\"\n                color={item.emailVerified ? \"green\" : \"gray\"}\n              >\n                {item.emailVerified ? \"Verified\" : \"Unverified\"}\n              </Badge>\n            ),\n          },\n          createdAt: {\n            label: \"Joined\",\n            sortable: true,\n            sortKey: \"createdAt\",\n            value: (item) => (\n              <Text size=\"xs\" muted>\n                {l(item.createdAt, { date: \"fromNow\" })}\n              </Text>\n            ),\n          },\n        }}\n        rowActions={(item) => [\n          {\n            label: \"View profile\",\n            icon: IconEye,\n            onClick: () =>\n              router.push(\"adminUserProfile\", {\n                params: { userId: item.id },\n              }),\n          },\n          {\n            label: item.enabled ? \"Disable user\" : \"Enable user\",\n            icon: item.enabled ? IconUserOff : IconUserPlus,\n            color: item.enabled ? \"red\" : \"green\",\n            onClick: () => handleToggleEnabled(item),\n          },\n          {\n            label: \"Delete user\",\n            icon: IconTrash,\n            color: \"red\",\n            onClick: () => handleDelete(item),\n          },\n        ]}\n      />\n    </Flex>\n  );\n};\n\nexport default AdminUsers;\n"],"mappings":";;;;;;;;;;;AA2BA,MAAM,UAAU,EAAE,OAAO;CACvB,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC;CAC3B,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;CAChC,eAAe,EAAE,SAAS,EAAE,SAAS,CAAC;CACvC,CAAC;AAEF,MAAM,cAAc,UAA2B;CAC7C,MAAM,SAAS,WAAgC;CAC/C,MAAM,SAAS,WAAwB;CACvC,MAAM,EAAE,MAAM,SAAS;CACvB,MAAM,SAAS,WAAW;CAC1B,MAAM,QAAQ,UAAU;CACxB,MAAM,CAAC,YAAY,iBAAiB,SAAS,EAAE;CAE/C,MAAM,gBAAgB,eAAe,MAAM,IAAI,EAAE;CAEjD,MAAM,sBAAsB,OAAO,SAAqB;EACtD,MAAM,UAAU,CAAC,KAAK;AAOtB,MAAI,CANc,MAAM,OAAO,QAAQ;GACrC,OAAO,UAAU,gBAAgB;GACjC,SAAS,UACL,UAAU,KAAK,SAAS,KAAK,YAAY,YAAY,KACrD,WAAW,KAAK,SAAS,KAAK,YAAY,YAAY;GAC3D,CAAC,CACc;AAChB,QAAM,OAAO,WAAW;GACtB,QAAQ,EAAE,IAAI,KAAK,IAAI;GACvB,OAAO,EAAE,eAAe,MAAM,eAAe;GAC7C,MAAM,EAAE,SAAS;GAClB,CAAC;AACF,QAAM,QAAQ,EACZ,SAAS,UAAU,iBAAiB,iBACrC,CAAC;AACF,WAAS;;CAGX,MAAM,eAAe,OAAO,SAAqB;AAK/C,MAAI,CAJc,MAAM,OAAO,QAAQ;GACrC,OAAO;GACP,SAAS,sBAAsB,KAAK,SAAS,KAAK,YAAY,YAAY;GAC3E,CAAC,CACc;AAChB,QAAM,OAAO,WAAW;GACtB,QAAQ,EAAE,IAAI,KAAK,IAAI;GACvB,OAAO,EAAE,eAAe,MAAM,eAAe;GAC9C,CAAC;AACF,QAAM,QAAQ,EAAE,SAAS,gBAAgB,CAAC;AAC1C,WAAS;;CAGX,MAAM,oBAAoB,OACxB,OACA,mBACG;EACH,MAAM,eAAe,MAAM,QAAQ,MAAM,EAAE,QAAQ;AACnD,MAAI,aAAa,WAAW,GAAG;AAC7B,SAAM,OAAO,EAAE,SAAS,gCAAgC,CAAC;AACzD;;AAMF,MAAI,CAJc,MAAM,OAAO,QAAQ;GACrC,OAAO;GACP,SAAS,WAAW,aAAa,OAAO;GACzC,CAAC,CACc;AAChB,OAAK,MAAM,QAAQ,aACjB,OAAM,OAAO,WAAW;GACtB,QAAQ,EAAE,IAAI,KAAK,IAAI;GACvB,OAAO,EAAE,eAAe,MAAM,eAAe;GAC7C,MAAM,EAAE,SAAS,OAAO;GACzB,CAAC;AAEJ,QAAM,QAAQ,EACZ,SAAS,GAAG,aAAa,OAAO,oBACjC,CAAC;AACF,kBAAgB;AAChB,WAAS;;AAGX,QACE,oBAACA;EAAK,GAAG;EAAM,MAAM;EAAG,WAAU;YAChC,oBAAC;GACC;GACA;GACA,iBAAiB,CACf;IACE,QAAQ;IACR,OAAO;IACP,MAAM,oBAAC,gBAAc;IACrB,UAAU,QACR,kBAAkB,IAAI,eAAe,IAAI,eAAe;IAC3D,CACF;GAED;GACA,aAAa;GACb,gBAAgB,CAAC,QAAQ;GACzB,YAAY;IACV,mBAAmB;IACnB,iBAAiB;IAClB;GACD,iBAAiB,MAAM,QAAQ,SAAS,KAAK,QAAQ;GAC5C;GACT,OAAO,OAAO,YAAY;AAOxB,WANiB,MAAM,OAAO,UAAU,EACtC,OAAO;KACL,GAAG;KACH,eAAe,MAAM;KACtB,EACF,CAAC;;GAGJ,SAAS;IACP,MAAM;KACJ,OAAO;KACP,QAAQ,SAAS;MACf,MAAM,OACJ,GAAG,KAAK,aAAa,GAAG,GAAG,KAAK,YAAY,KAAK,MAAM,IACvD,KAAK,YACL;AAEF,aACE,oBAAC;OACC,SAAS;OACT,MAAM,gBAAgB,KAAK;iBAE3B,qBAACA;QAAK,KAAK;QAAM;mBACf,oBAAC;SAAO,MAAM;SAAY;UAAQ,EAClC,qBAACA;SAAK;oBACJ,oBAACC;UAAK,MAAM;UAAM;oBACf;WACI,EACP,oBAACA;UAAK,MAAK;UAAK;oBACb,KAAK,SAAS;WACV;UACF;SACF;QACM;;KAGpB;IACD,UAAU;KACR,OAAO;KACP,eAAe;KACf,QAAQ,SACN,oBAACA;MAAK,MAAK;MAAK,IAAG;gBAChB,KAAK,YAAY;OACb;KAEV;IACD,OAAO;KACL,OAAO;KACP,QAAQ,SACN,KAAK,MAAM,SAAS,IAClB,oBAACD;MAAK,KAAK;gBACR,KAAK,MAAM,KAAK,SACf,oBAAC;OAAiB,MAAK;OAAK,SAAQ;iBACjC;SADS,KAEJ,CACR;OACG,GAEP,oBAACC;MAAK,MAAK;MAAK;gBAAM;OAEf;KAEZ;IACD,SAAS;KACP,OAAO;KACP,QAAQ,SACN,oBAAC;MACC,MAAK;MACL,SAAQ;MACR,OAAO,KAAK,UAAU,UAAU;gBAE/B,KAAK,UAAU,WAAW;OACrB;KAEX;IACD,eAAe;KACb,OAAO;KACP,QAAQ,SACN,oBAAC;MACC,MAAK;MACL,SAAQ;MACR,OAAO,KAAK,gBAAgB,UAAU;gBAErC,KAAK,gBAAgB,aAAa;OAC7B;KAEX;IACD,WAAW;KACT,OAAO;KACP,UAAU;KACV,SAAS;KACT,QAAQ,SACN,oBAACA;MAAK,MAAK;MAAK;gBACb,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;OAClC;KAEV;IACF;GACD,aAAa,SAAS;IACpB;KACE,OAAO;KACP,MAAM;KACN,eACE,OAAO,KAAK,oBAAoB,EAC9B,QAAQ,EAAE,QAAQ,KAAK,IAAI,EAC5B,CAAC;KACL;IACD;KACE,OAAO,KAAK,UAAU,iBAAiB;KACvC,MAAM,KAAK,UAAU,cAAc;KACnC,OAAO,KAAK,UAAU,QAAQ;KAC9B,eAAe,oBAAoB,KAAK;KACzC;IACD;KACE,OAAO;KACP,MAAM;KACN,OAAO;KACP,eAAe,aAAa,KAAK;KAClC;IACF;KAlII,WAmIL;GACG"}

package/dist/admin/{AuthLayout-DsUfp9RG.js → AuthLayout-_frhdgOO.js}

@@ -1,4 +1,4 @@
-import { y as AlephaMantineProvider } from "./core-BVO_TQxb.js";
+import { y as AlephaMantineProvider } from "./core-CYaRQ8O-.js";
 import { Flex } from "@mantine/core";
 import { jsx } from "react/jsx-runtime";
 import { NestedView } from "alepha/react/router";
@@ -19,4 +19,4 @@ const AuthLayout = () => {
 
 //#endregion
 export { AuthLayout as default };
-//# sourceMappingURL=AuthLayout-DsUfp9RG.js.map
+//# sourceMappingURL=AuthLayout-_frhdgOO.js.map

package/dist/admin/{AuthLayout-DsUfp9RG.js.map → AuthLayout-_frhdgOO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AuthLayout-DsUfp9RG.js","names":[],"sources":["../../src/auth/components/AuthLayout.tsx"],"sourcesContent":["import { AlephaMantineProvider } from \"@alepha/ui\";\nimport { Flex } from \"@mantine/core\";\nimport { NestedView } from \"alepha/react/router\";\n\nconst AuthLayout = () => {\n  return (\n    <AlephaMantineProvider omnibar={false}>\n      <Flex flex={1} align={\"center\"} h={\"100vh\"} justify={\"center\"}>\n        <NestedView />\n      </Flex>\n    </AlephaMantineProvider>\n  );\n};\n\nexport default AuthLayout;\n"],"mappings":";;;;;;AAIA,MAAM,mBAAmB;AACvB,QACE,oBAAC;EAAsB,SAAS;YAC9B,oBAAC;GAAK,MAAM;GAAG,OAAO;GAAU,GAAG;GAAS,SAAS;aACnD,oBAAC,eAAa;IACT;GACe"}
+{"version":3,"file":"AuthLayout-_frhdgOO.js","names":[],"sources":["../../src/auth/components/AuthLayout.tsx"],"sourcesContent":["import { AlephaMantineProvider } from \"@alepha/ui\";\nimport { Flex } from \"@mantine/core\";\nimport { NestedView } from \"alepha/react/router\";\n\nconst AuthLayout = () => {\n  return (\n    <AlephaMantineProvider omnibar={false}>\n      <Flex flex={1} align={\"center\"} h={\"100vh\"} justify={\"center\"}>\n        <NestedView />\n      </Flex>\n    </AlephaMantineProvider>\n  );\n};\n\nexport default AuthLayout;\n"],"mappings":";;;;;;AAIA,MAAM,mBAAmB;AACvB,QACE,oBAAC;EAAsB,SAAS;YAC9B,oBAAC;GAAK,MAAM;GAAG,OAAO;GAAU,GAAG;GAAS,SAAS;aACnD,oBAAC,eAAa;IACT;GACe"}

package/dist/admin/Login-xtNmQtGh.js

@@ -0,0 +1,275 @@
+import { t as __exportAll } from "./rolldown-runtime-CjeV3_4I.js";
+import { _ as ActionButton, a as Control, n as capitalize } from "./core-CYaRQ8O-.js";
+import { n as IconGithub, t as IconGoogle } from "./IconGoogle-Ch1m3Uzl.js";
+import { AlephaError, t } from "alepha";
+import { FormValidationError, useForm } from "alepha/react/form";
+import { useI18n } from "alepha/react/i18n";
+import { Card, Flex, Image, Text, Title } from "@mantine/core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { IconLock, IconPhoto, IconUser } from "@tabler/icons-react";
+import { useRouter } from "alepha/react/router";
+import { useAuth } from "alepha/react/auth";
+import { HttpError } from "alepha/server";
+
+//#region ../../src/auth/components/Login.tsx
+var Login_exports = /* @__PURE__ */ __exportAll({ default: () => Login });
+const Login = (props) => {
+	const auth = useAuth();
+	const router = useRouter();
+	const { tr } = useI18n();
+	const redirect = router.query.r || "/";
+	const credentialsProvider = props.realmConfig.authenticationMethods.find((it) => it.type === "CREDENTIALS");
+	const settings = props.realmConfig.settings;
+	const loginMethods = useMemo(() => {
+		const methods = [];
+		if (settings.username !== "none") methods.push("username");
+		if (settings.email !== "none") methods.push("email");
+		if (settings.phoneNumber !== "none") methods.push("phone");
+		return methods;
+	}, [settings]);
+	const identifierTitle = useMemo(() => {
+		if (loginMethods.length === 0) return tr("loginUsername");
+		if (loginMethods.length === 1) {
+			if (loginMethods[0] === "username") return tr("loginUsername");
+			if (loginMethods[0] === "email") return tr("loginEmail");
+			if (loginMethods[0] === "phone") return tr("loginPhone");
+		}
+		const labels = loginMethods.map((m) => {
+			if (m === "username") return tr("loginUsername").toLowerCase();
+			if (m === "email") return tr("loginEmail").toLowerCase();
+			if (m === "phone") return tr("loginPhone").toLowerCase();
+			return m;
+		});
+		return capitalize(`${labels.slice(0, -1).join(", ")} or ${labels[labels.length - 1]}`);
+	}, [loginMethods, tr]);
+	const form = useForm({
+		schema: t.object({
+			identifier: t.string({ minLength: 1 }),
+			password: t.string({ minLength: settings.passwordPolicy?.minLength || 6 })
+		}),
+		handler: async (data) => {
+			if (!credentialsProvider) throw new AlephaError("Credentials provider not configured");
+			try {
+				await auth.login(credentialsProvider.name, {
+					username: data.identifier,
+					password: data.password,
+					realm: props.realmConfig.realmName
+				});
+				await router.push(router.query.r || "/");
+			} catch (error) {
+				if (error instanceof HttpError && error.error === "InvalidCredentialsError") throw new FormValidationError({
+					message: "Invalid identifier or password",
+					path: "/password"
+				});
+				throw error;
+			}
+		}
+	});
+	const getAutoCompleteType = () => {
+		if (loginMethods.includes("email")) return "email";
+		if (loginMethods.includes("username")) return "username";
+		if (loginMethods.includes("phone")) return "tel";
+		return "username";
+	};
+	const externalLoginMethods = props.realmConfig.authenticationMethods.filter((method) => method.type !== "CREDENTIALS");
+	const showOrDivider = credentialsProvider && externalLoginMethods.length > 0;
+	const realmQuery = props.realmConfig.realmName ? `?realm=${encodeURIComponent(props.realmConfig.realmName)}` : "";
+	const formContent = /* @__PURE__ */ jsxs(Flex, {
+		direction: "column",
+		gap: "md",
+		children: [
+			(settings.logoUrl || settings.displayName || settings.description) && /* @__PURE__ */ jsxs(Flex, {
+				direction: "column",
+				gap: "xs",
+				align: "center",
+				mb: "xs",
+				children: [
+					settings.logoUrl && /* @__PURE__ */ jsx(Image, {
+						src: settings.logoUrl,
+						alt: settings.displayName || props.realmConfig.realmName,
+						h: 48,
+						w: "auto",
+						fit: "contain"
+					}),
+					settings.displayName && /* @__PURE__ */ jsx(Title, {
+						order: 4,
+						ta: "center",
+						children: settings.displayName
+					}),
+					settings.description && /* @__PURE__ */ jsx(Text, {
+						size: "sm",
+						c: "dimmed",
+						ta: "center",
+						children: settings.description
+					})
+				]
+			}),
+			credentialsProvider && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("form", {
+				...form.props,
+				children: /* @__PURE__ */ jsxs(Flex, {
+					direction: "column",
+					flex: 1,
+					gap: "md",
+					children: [
+						/* @__PURE__ */ jsx(Control, {
+							label: identifierTitle,
+							input: form.input.identifier,
+							icon: IconUser,
+							text: { autoComplete: getAutoCompleteType() }
+						}),
+						/* @__PURE__ */ jsx(Control, {
+							label: tr("loginPassword"),
+							input: form.input.password,
+							icon: IconLock,
+							password: { autoComplete: "current-password" }
+						}),
+						/* @__PURE__ */ jsx(ActionButton, {
+							variant: "filled",
+							form,
+							children: tr("loginSignIn")
+						})
+					]
+				})
+			}), settings.resetPasswordAllowed && /* @__PURE__ */ jsx(Text, {
+				size: "sm",
+				ta: "center",
+				children: /* @__PURE__ */ jsx(ActionButton, {
+					href: `${props.resetPasswordPath ?? "/auth/reset-password"}${realmQuery}`,
+					anchorProps: { inherit: true },
+					children: tr("loginForgotPassword")
+				})
+			})] }),
+			showOrDivider && /* @__PURE__ */ jsxs(Flex, {
+				align: "center",
+				justify: "center",
+				gap: "md",
+				children: [
+					/* @__PURE__ */ jsx(Flex, {
+						flex: 1,
+						h: "1px",
+						bg: "var(--alepha-border)"
+					}),
+					/* @__PURE__ */ jsx(Text, {
+						size: "xs",
+						c: "dimmed",
+						children: tr("loginOr")
+					}),
+					/* @__PURE__ */ jsx(Flex, {
+						flex: 1,
+						h: "1px",
+						bg: "var(--alepha-border)"
+					})
+				]
+			}),
+			externalLoginMethods.length > 0 && /* @__PURE__ */ jsx(Flex, {
+				direction: "column",
+				gap: "sm",
+				children: externalLoginMethods.map((method) => /* @__PURE__ */ jsx(ActionButton, {
+					variant: "default",
+					leftSection: leftSection(method.name.toLowerCase()),
+					onClick: () => auth.login(method.name, {
+						redirect,
+						realm: props.realmConfig.realmName
+					}),
+					children: tr("loginContinueWith", { args: [capitalize(method.name)] })
+				}, method.type))
+			}),
+			settings.registrationAllowed && /* @__PURE__ */ jsxs(Text, {
+				size: "sm",
+				ta: "center",
+				children: [
+					tr("loginNoAccount"),
+					" ",
+					/* @__PURE__ */ jsx(ActionButton, {
+						href: `${props.registerPath ?? "/auth/register"}${realmQuery}`,
+						anchorProps: { inherit: true },
+						children: tr("loginSignUp")
+					})
+				]
+			})
+		]
+	});
+	if (props.variant === "split") return /* @__PURE__ */ jsx(Flex, {
+		flex: 1,
+		justify: "center",
+		align: "center",
+		children: /* @__PURE__ */ jsx(Card, {
+			withBorder: true,
+			p: 0,
+			w: 720,
+			bg: "var(--alepha-elevated)",
+			style: { overflow: "hidden" },
+			children: /* @__PURE__ */ jsxs(Flex, {
+				mih: 480,
+				children: [props.image ? /* @__PURE__ */ jsx(Flex, {
+					flex: 1,
+					style: {
+						backgroundImage: `url(${props.image})`,
+						backgroundSize: "cover",
+						backgroundPosition: "center"
+					}
+				}) : /* @__PURE__ */ jsx(Flex, {
+					flex: 1,
+					justify: "center",
+					align: "center",
+					bg: "var(--mantine-color-gray-light)",
+					style: { borderRight: "1px solid var(--mantine-color-default-border)" },
+					children: /* @__PURE__ */ jsx(Flex, {
+						justify: "center",
+						align: "center",
+						w: 120,
+						h: 80,
+						style: {
+							border: "2px dashed var(--mantine-color-default-border)",
+							borderRadius: "var(--mantine-radius-sm)"
+						},
+						children: /* @__PURE__ */ jsx(IconPhoto, {
+							size: 32,
+							style: { opacity: .3 }
+						})
+					})
+				}), /* @__PURE__ */ jsxs(Flex, {
+					flex: 1,
+					direction: "column",
+					gap: "md",
+					p: "xl",
+					justify: "center",
+					children: [formContent, /* @__PURE__ */ jsx(ActionButton, {
+						variant: "subtle",
+						href: "/",
+						children: tr("loginCancel")
+					})]
+				})]
+			})
+		})
+	});
+	return /* @__PURE__ */ jsx(Flex, {
+		flex: 1,
+		justify: "center",
+		align: "center",
+		children: /* @__PURE__ */ jsxs(Flex, {
+			direction: "column",
+			gap: "sm",
+			w: 360,
+			children: [/* @__PURE__ */ jsx(Card, {
+				withBorder: true,
+				p: "lg",
+				bg: "var(--alepha-elevated)",
+				children: formContent
+			}), /* @__PURE__ */ jsx(ActionButton, {
+				variant: "subtle",
+				href: "/",
+				children: tr("loginCancel")
+			})]
+		})
+	});
+};
+const leftSection = (name) => {
+	if (name === "google") return /* @__PURE__ */ jsx(IconGoogle, {});
+	if (name === "github") return /* @__PURE__ */ jsx(IconGithub, {});
+};
+
+//#endregion
+export { Login_exports as t };
+//# sourceMappingURL=Login-xtNmQtGh.js.map

package/dist/admin/Login-xtNmQtGh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Login-xtNmQtGh.js","names":[],"sources":["../../src/auth/components/Login.tsx"],"sourcesContent":["import { ActionButton, Control, capitalize } from \"@alepha/ui\";\nimport { Card, Flex, Image, Text, Title } from \"@mantine/core\";\nimport { IconLock, IconPhoto, IconUser } from \"@tabler/icons-react\";\nimport { AlephaError, t } from \"alepha\";\nimport type { RealmConfig } from \"alepha/api/users\";\nimport { useAuth } from \"alepha/react/auth\";\nimport { FormValidationError, useForm } from \"alepha/react/form\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouter } from \"alepha/react/router\";\nimport { HttpError } from \"alepha/server\";\nimport { useMemo } from \"react\";\nimport type { AuthI18n } from \"../AuthI18n.ts\";\nimport IconGithub from \"./icons/IconGithub.tsx\";\nimport IconGoogle from \"./icons/IconGoogle.tsx\";\n\nexport interface LoginProps {\n  realmConfig: RealmConfig;\n  registerPath?: string;\n  resetPasswordPath?: string;\n  variant?: \"card\" | \"split\";\n  image?: string;\n}\n\nconst Login = (props: LoginProps) => {\n  const auth = useAuth();\n  const router = useRouter();\n  const { tr } = useI18n<AuthI18n, \"en\">();\n  const redirect = router.query.r || \"/\";\n\n  const credentialsProvider = props.realmConfig.authenticationMethods.find(\n    (it) => it.type === \"CREDENTIALS\",\n  );\n\n  const settings = props.realmConfig.settings;\n\n  // Determine what login methods are available\n  const loginMethods = useMemo(() => {\n    const methods = [];\n    if (settings.username !== \"none\") methods.push(\"username\");\n    if (settings.email !== \"none\") methods.push(\"email\");\n    if (settings.phoneNumber !== \"none\") methods.push(\"phone\");\n    return methods;\n  }, [settings]);\n\n  // Create identifier title based on enabled methods\n  const identifierTitle = useMemo(() => {\n    if (loginMethods.length === 0) return tr(\"loginUsername\");\n    if (loginMethods.length === 1) {\n      if (loginMethods[0] === \"username\") return tr(\"loginUsername\");\n      if (loginMethods[0] === \"email\") return tr(\"loginEmail\");\n      if (loginMethods[0] === \"phone\") return tr(\"loginPhone\");\n    }\n    const labels = loginMethods.map((m) => {\n      if (m === \"username\") return tr(\"loginUsername\").toLowerCase();\n      if (m === \"email\") return tr(\"loginEmail\").toLowerCase();\n      if (m === \"phone\") return tr(\"loginPhone\").toLowerCase();\n      return m;\n    });\n    return capitalize(\n      `${labels.slice(0, -1).join(\", \")} or ${labels[labels.length - 1]}`,\n    );\n  }, [loginMethods, tr]);\n\n  const form = useForm({\n    schema: t.object({\n      identifier: t.string({\n        minLength: 1,\n      }),\n      password: t.string({\n        minLength: settings.passwordPolicy?.minLength || 6,\n      }),\n    }),\n    handler: async (data) => {\n      if (!credentialsProvider) {\n        throw new AlephaError(\"Credentials provider not configured\");\n      }\n\n      try {\n        await auth.login(credentialsProvider.name, {\n          username: data.identifier,\n          password: data.password,\n          realm: props.realmConfig.realmName,\n        });\n        await router.push(router.query.r || \"/\");\n      } catch (error) {\n        if (\n          error instanceof HttpError &&\n          error.error === \"InvalidCredentialsError\"\n        ) {\n          throw new FormValidationError({\n            message: \"Invalid identifier or password\",\n            path: \"/password\",\n          });\n        }\n        throw error;\n      }\n    },\n  });\n\n  const getAutoCompleteType = () => {\n    if (loginMethods.includes(\"email\")) {\n      return \"email\";\n    }\n    if (loginMethods.includes(\"username\")) {\n      return \"username\";\n    }\n    if (loginMethods.includes(\"phone\")) {\n      return \"tel\";\n    }\n    return \"username\";\n  };\n\n  const externalLoginMethods = props.realmConfig.authenticationMethods.filter(\n    (method) => method.type !== \"CREDENTIALS\",\n  );\n\n  const showOrDivider = credentialsProvider && externalLoginMethods.length > 0;\n\n  const realmQuery = props.realmConfig.realmName\n    ? `?realm=${encodeURIComponent(props.realmConfig.realmName)}`\n    : \"\";\n\n  const formContent = (\n    <Flex direction=\"column\" gap={\"md\"}>\n      {/* Realm branding */}\n      {(settings.logoUrl || settings.displayName || settings.description) && (\n        <Flex direction=\"column\" gap={\"xs\"} align=\"center\" mb=\"xs\">\n          {settings.logoUrl && (\n            <Image\n              src={settings.logoUrl}\n              alt={settings.displayName || props.realmConfig.realmName}\n              h={48}\n              w=\"auto\"\n              fit=\"contain\"\n            />\n          )}\n          {settings.displayName && (\n            <Title order={4} ta=\"center\">\n              {settings.displayName}\n            </Title>\n          )}\n          {settings.description && (\n            <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n              {settings.description}\n            </Text>\n          )}\n        </Flex>\n      )}\n\n      {/* Credentials login form */}\n      {credentialsProvider && (\n        <>\n          <form {...form.props}>\n            <Flex direction=\"column\" flex={1} gap={\"md\"}>\n              <Control\n                label={identifierTitle}\n                input={form.input.identifier}\n                icon={IconUser}\n                text={{\n                  autoComplete: getAutoCompleteType(),\n                }}\n              />\n              <Control\n                label={tr(\"loginPassword\")}\n                input={form.input.password}\n                icon={IconLock}\n                password={{\n                  autoComplete: \"current-password\",\n                }}\n              />\n              <ActionButton variant={\"filled\"} form={form}>\n                {tr(\"loginSignIn\")}\n              </ActionButton>\n            </Flex>\n          </form>\n          {settings.resetPasswordAllowed && (\n            <Text size=\"sm\" ta=\"center\">\n              <ActionButton\n                href={`${props.resetPasswordPath ?? \"/auth/reset-password\"}${realmQuery}`}\n                anchorProps={{ inherit: true }}\n              >\n                {tr(\"loginForgotPassword\")}\n              </ActionButton>\n            </Text>\n          )}\n        </>\n      )}\n\n      {/* OR divider - only when both credentials AND external methods exist */}\n      {showOrDivider && (\n        <Flex align=\"center\" justify=\"center\" gap={\"md\"}>\n          <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-border)\"} />\n          <Text size=\"xs\" c={\"dimmed\"}>\n            {tr(\"loginOr\")}\n          </Text>\n          <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-border)\"} />\n        </Flex>\n      )}\n\n      {/* External login methods */}\n      {externalLoginMethods.length > 0 && (\n        <Flex direction=\"column\" gap={\"sm\"}>\n          {externalLoginMethods.map((method) => (\n            <ActionButton\n              variant={\"default\"}\n              key={method.type}\n              leftSection={leftSection(method.name.toLowerCase())}\n              onClick={() =>\n                auth.login(method.name, {\n                  redirect,\n                  realm: props.realmConfig.realmName,\n                })\n              }\n            >\n              {tr(\"loginContinueWith\", {\n                args: [capitalize(method.name)],\n              })}\n            </ActionButton>\n          ))}\n        </Flex>\n      )}\n\n      {/* Registration link */}\n      {settings.registrationAllowed && (\n        <Text size=\"sm\" ta=\"center\">\n          {tr(\"loginNoAccount\")}{\" \"}\n          <ActionButton\n            href={`${props.registerPath ?? \"/auth/register\"}${realmQuery}`}\n            anchorProps={{ inherit: true }}\n          >\n            {tr(\"loginSignUp\")}\n          </ActionButton>\n        </Text>\n      )}\n    </Flex>\n  );\n\n  if (props.variant === \"split\") {\n    return (\n      <Flex flex={1} justify={\"center\"} align={\"center\"}>\n        <Card\n          withBorder\n          p={0}\n          w={720}\n          bg={\"var(--alepha-elevated)\"}\n          style={{ overflow: \"hidden\" }}\n        >\n          <Flex mih={480}>\n            {props.image ? (\n              <Flex\n                flex={1}\n                style={{\n                  backgroundImage: `url(${props.image})`,\n                  backgroundSize: \"cover\",\n                  backgroundPosition: \"center\",\n                }}\n              />\n            ) : (\n              <Flex\n                flex={1}\n                justify=\"center\"\n                align=\"center\"\n                bg=\"var(--mantine-color-gray-light)\"\n                style={{\n                  borderRight: \"1px solid var(--mantine-color-default-border)\",\n                }}\n              >\n                <Flex\n                  justify=\"center\"\n                  align=\"center\"\n                  w={120}\n                  h={80}\n                  style={{\n                    border: \"2px dashed var(--mantine-color-default-border)\",\n                    borderRadius: \"var(--mantine-radius-sm)\",\n                  }}\n                >\n                  <IconPhoto size={32} style={{ opacity: 0.3 }} />\n                </Flex>\n              </Flex>\n            )}\n            <Flex\n              flex={1}\n              direction=\"column\"\n              gap={\"md\"}\n              p={\"xl\"}\n              justify={\"center\"}\n            >\n              {formContent}\n              <ActionButton variant={\"subtle\"} href={\"/\"}>\n                {tr(\"loginCancel\")}\n              </ActionButton>\n            </Flex>\n          </Flex>\n        </Card>\n      </Flex>\n    );\n  }\n\n  return (\n    <Flex flex={1} justify={\"center\"} align={\"center\"}>\n      <Flex direction=\"column\" gap={\"sm\"} w={360}>\n        <Card withBorder p={\"lg\"} bg={\"var(--alepha-elevated)\"}>\n          {formContent}\n        </Card>\n        <ActionButton variant={\"subtle\"} href={\"/\"}>\n          {tr(\"loginCancel\")}\n        </ActionButton>\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default Login;\n\nconst leftSection = (name: string) => {\n  if (name === \"google\") {\n    return <IconGoogle />;\n  }\n\n  if (name === \"github\") {\n    return <IconGithub />;\n  }\n};\n"],"mappings":"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"}