@alepha/ui 0.13.5 → 0.13.7

package/dist/admin/index.js

@@ -1,23 +1,26 @@
-import { n as AdminSidebar, t as AdminLayout_default } from "./AdminLayout-BMtiXAzS.js";
-import { t as AdminFiles_default } from "./AdminFiles-B_jfB_Py.js";
-import { t as AdminNotifications_default } from "./AdminNotifications-BFEjqpqx.js";
-import { t as AdminSessions_default } from "./AdminSessions-D7DESfWK.js";
-import { t as AdminUserCreate_default } from "./AdminUserCreate-Bhxsn92l.js";
-import { t as AdminUserDetails_default } from "./AdminUserDetails-C2y1Ig4n.js";
-import { t as AdminUserLayout_default } from "./AdminUserLayout-sW6cjZL0.js";
-import { t as AdminUserSessions_default } from "./AdminUserSessions-CvN15wPe.js";
-import { t as AdminUserSettings_default } from "./AdminUserSettings-DvaaxgcV.js";
-import { t as AdminUsers_default } from "./AdminUsers-BR3C-jrg.js";
+import { t as AdminLayout_default } from "./AdminLayout-XiSivwWH.js";
+import { t as AdminAudits_default } from "./AdminAudits-CwvH8e8c.js";
+import { t as AdminFiles_default } from "./AdminFiles-C_w1tb_x.js";
+import { t as AdminNotifications_default } from "./AdminNotifications-DuYy74AN.js";
+import { t as AdminParameters_default } from "./AdminParameters-YagqWTG3.js";
+import { t as AdminSessions_default } from "./AdminSessions-BCjgJ-93.js";
+import { t as AdminUserAudits_default } from "./AdminUserAudits-B_PUXCKC.js";
+import { t as AdminUserCreate_default } from "./AdminUserCreate-DzfRbGZ4.js";
+import { t as AdminUserDetails_default } from "./AdminUserDetails-DeTrJm-t.js";
+import { t as AdminUserLayout_default } from "./AdminUserLayout-CsfrrZkD.js";
+import { t as AdminUserSessions_default } from "./AdminUserSessions-DO9H85O-.js";
+import { t as AdminUserSettings_default } from "./AdminUserSettings-B3jA8g3p.js";
+import { t as AdminUsers_default } from "./AdminUsers-ebbrJBT0.js";
 import { AlephaMantineProvider, AlephaUI, DataTable, Flex, Text } from "@alepha/ui";
 import { AlephaUIAuth, AuthRouter } from "@alepha/ui/auth";
 import { $inject, $module, t } from "alepha";
 import { $page, ReactRouter, Redirection, useClient } from "@alepha/react";
 import { ReactAuth } from "@alepha/react/auth";
-import { IconBell, IconCheck, IconClock, IconDevices, IconFile, IconPlayerPlay, IconPlus, IconSettings, IconShieldCheck, IconUser, IconUsers, IconX } from "@tabler/icons-react";
+import { IconBell, IconCheck, IconClock, IconDevices, IconFile, IconHistory, IconPlayerPlay, IconPlus, IconSettings, IconShieldCheck, IconUser, IconUsers, IconX } from "@tabler/icons-react";
 import { $client } from "alepha/server/links";
-import { Badge, Stack } from "@mantine/core";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useI18n } from "@alepha/react/i18n";
+import { Badge, Stack } from "@mantine/core";
 import { jobExecutions } from "alepha/api/jobs";
 
 //#region ../../src/admin/AdminRouter.ts
@@ -29,13 +32,22 @@ var AdminRouter = class {
 	sessionCtrl = $client();
 	notificationCtrl = $client();
 	fileCtrl = $client();
+	configCtrl = $client();
+	auditCtrl = $client();
+	adminShellProps() {
+		return {};
+	}
+	onNotAuthorized(url) {
+		return new Redirection(this.router.path(this.authRouter.login.name, { query: { r: url.pathname } }));
+	}
 	layout = $page({
 		name: "AdminLayout",
 		path: "/admin",
 		label: "Admin",
-		lazy: () => import("./AdminLayout-BNo3GoHR.js"),
+		lazy: () => import("./AdminLayout-BnSmtA4x.js"),
+		props: () => ({ adminShellProps: this.adminShellProps() }),
 		resolve: ({ user, url }) => {
-			if (!user) throw new Redirection(this.router.path(this.authRouter.login.name, { query: { r: url.pathname } }));
+			if (!user) throw this.onNotAuthorized(url);
 			return {};
 		}
 	});
@@ -45,7 +57,7 @@ var AdminRouter = class {
 		path: "/users",
 		label: "Users",
 		description: "Manage application users and their roles.",
-		lazy: () => import("./AdminUsers-CMW9vN09.js"),
+		lazy: () => import("./AdminUsers-CegGZDhW.js"),
 		can: () => this.userCtrl.findUsers.can()
 	});
 	adminUserCreate = $page({
@@ -54,7 +66,7 @@ var AdminRouter = class {
 		path: "/users/create",
 		label: "Create User",
 		description: "Create a new user account.",
-		lazy: () => import("./AdminUserCreate-CYI_xW5T.js"),
+		lazy: () => import("./AdminUserCreate-oUA1KDIl.js"),
 		can: () => this.userCtrl.createUser.can()
 	});
 	adminUserLayout = $page({
@@ -62,26 +74,42 @@ var AdminRouter = class {
 		parent: this.layout,
 		path: "/users/:userId",
 		label: "User",
-		lazy: () => import("./AdminUserLayout-DGSf612u.js"),
+		lazy: () => import("./AdminUserLayout-Dejnz13m.js"),
 		can: () => this.userCtrl.getUser.can()
 	});
 	adminUserDetails = $page({
 		parent: this.adminUserLayout,
 		path: "/details",
 		label: "Details",
-		lazy: () => import("./AdminUserDetails-Cmzx9HxH.js")
+		lazy: () => import("./AdminUserDetails-y1H5DW8Y.js")
 	});
 	adminUserSessions = $page({
 		parent: this.adminUserLayout,
 		path: "/sessions",
 		label: "Sessions",
-		lazy: () => import("./AdminUserSessions-D-aOcZgV.js")
+		lazy: () => import("./AdminUserSessions-Bbhcpz4k.js")
 	});
 	adminUserSettings = $page({
 		parent: this.adminUserLayout,
 		path: "/settings",
 		label: "Settings",
-		lazy: () => import("./AdminUserSettings-CEMhIYrI.js")
+		lazy: () => import("./AdminUserSettings-CE0xpbQc.js")
+	});
+	adminUserAudits = $page({
+		parent: this.adminUserLayout,
+		path: "/audits",
+		label: "Audit Log",
+		lazy: () => import("./AdminUserAudits-D7cTcElL.js"),
+		can: () => this.auditCtrl.findByUser.can()
+	});
+	adminAudits = $page({
+		icon: IconHistory,
+		parent: this.layout,
+		path: "/audits",
+		label: "Audit Log",
+		description: "View system-wide audit trail and activity logs.",
+		lazy: () => import("./AdminAudits-Dv8Vk_6r.js"),
+		can: () => this.auditCtrl.findAudits.can()
 	});
 	adminSessions = $page({
 		icon: IconDevices,
@@ -89,7 +117,7 @@ var AdminRouter = class {
 		path: "/sessions",
 		label: "Sessions",
 		description: "View and manage all active sessions.",
-		lazy: () => import("./AdminSessions-PS2M8iXi.js"),
+		lazy: () => import("./AdminSessions-DEh2uN-4.js"),
 		can: () => this.sessionCtrl.findSessions.can()
 	});
 	adminNotifications = $page({
@@ -98,7 +126,7 @@ var AdminRouter = class {
 		path: "/notifications",
 		label: "Notifications",
 		description: "View notification history and status.",
-		lazy: () => import("./AdminNotifications-DJs2ZjNj.js"),
+		lazy: () => import("./AdminNotifications-DLjmZWtf.js"),
 		can: () => this.notificationCtrl.findNotifications.can()
 	});
 	adminFiles = $page({
@@ -107,9 +135,18 @@ var AdminRouter = class {
 		path: "/files",
 		label: "Files",
 		description: "Manage uploaded files and storage.",
-		lazy: () => import("./AdminFiles-B-0UcHVV.js"),
+		lazy: () => import("./AdminFiles-5CPA3lQk.js"),
 		can: () => this.fileCtrl.findFiles.can()
 	});
+	adminParameters = $page({
+		icon: IconSettings,
+		parent: this.layout,
+		path: "/parameters",
+		label: "Parameters",
+		description: "View and manage application configuration parameters.",
+		lazy: () => import("./AdminParameters-DYg48Jwe.js"),
+		can: () => this.configCtrl.getConfigTree.can()
+	});
 };
 
 //#endregion
@@ -132,7 +169,7 @@ var MainRouter = class {
 };
 
 //#endregion
-//#region ../../src/admin/components/AdminJobs.tsx
+//#region ../../src/admin/components/jobs/AdminJobs.tsx
 const AdminJobs = () => {
 	const client = useClient();
 	const { l } = useI18n();
@@ -169,6 +206,7 @@ const AdminJobs = () => {
 	};
 	return /* @__PURE__ */ jsx(Flex, {
 		flex: 1,
+		direction: "column",
 		children: /* @__PURE__ */ jsx(DataTable, {
 			submitOnInit: true,
 			defaultSize: 10,
@@ -246,40 +284,7 @@ const AdminJobs = () => {
 var AdminJobs_default = AdminJobs;
 
 //#endregion
-//#region ../../src/admin/components/AdminParameters.tsx
-const AdminParameters = () => {
-	return /* @__PURE__ */ jsx(Flex, {
-		flex: 1,
-		justify: "center",
-		align: "center",
-		children: /* @__PURE__ */ jsxs(Stack, {
-			align: "center",
-			gap: "xs",
-			children: [
-				/* @__PURE__ */ jsx(IconSettings, {
-					size: 48,
-					stroke: 1.5,
-					color: "var(--mantine-color-dimmed)"
-				}),
-				/* @__PURE__ */ jsx(Text, {
-					c: "dimmed",
-					children: "Parameter Management"
-				}),
-				/* @__PURE__ */ jsx(Text, {
-					size: "xs",
-					c: "dimmed",
-					ta: "center",
-					maw: 400,
-					children: "Application parameters and configuration settings. Define parameters using the $config primitive to manage dynamic application settings."
-				})
-			]
-		})
-	});
-};
-var AdminParameters_default = AdminParameters;
-
-//#endregion
-//#region ../../src/admin/components/AdminVerifications.tsx
+//#region ../../src/admin/components/verifications/AdminVerifications.tsx
 const AdminVerifications = () => {
 	return /* @__PURE__ */ jsx(Flex, {
 		flex: 1,
@@ -324,15 +329,13 @@ const AlephaUIAdmin = $module({
 		AlephaUI,
 		AlephaUIAuth,
 		AdminRouter,
-		MainRouter,
-		AdminSidebar
+		MainRouter
 	],
 	register: (alepha) => {
 		alepha.with(AdminRouter);
-		alepha.with(AdminSidebar);
 	}
 });
 
 //#endregion
-export { AdminFiles_default as AdminFiles, AdminJobs_default as AdminJobs, AdminLayout_default as AdminLayout, AdminNotifications_default as AdminNotifications, AdminParameters_default as AdminParameters, AdminRouter, AdminSessions_default as AdminSessions, AdminSidebar, AdminUserCreate_default as AdminUserCreate, AdminUserDetails_default as AdminUserDetails, AdminUserLayout_default as AdminUserLayout, AdminUserSessions_default as AdminUserSessions, AdminUserSettings_default as AdminUserSettings, AdminUsers_default as AdminUsers, AdminVerifications_default as AdminVerifications, AlephaUIAdmin, MainRouter };
+export { AdminAudits_default as AdminAudits, AdminFiles_default as AdminFiles, AdminJobs_default as AdminJobs, AdminLayout_default as AdminLayout, AdminNotifications_default as AdminNotifications, AdminParameters_default as AdminParameters, AdminRouter, AdminSessions_default as AdminSessions, AdminUserAudits_default as AdminUserAudits, AdminUserCreate_default as AdminUserCreate, AdminUserDetails_default as AdminUserDetails, AdminUserLayout_default as AdminUserLayout, AdminUserSessions_default as AdminUserSessions, AdminUserSettings_default as AdminUserSettings, AdminUsers_default as AdminUsers, AdminVerifications_default as AdminVerifications, AlephaUIAdmin, MainRouter };
 //# sourceMappingURL=index.js.map

package/dist/admin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["filters"],"sources":["../../src/admin/AdminRouter.ts","../../src/admin/MainRouter.ts","../../src/admin/components/AdminJobs.tsx","../../src/admin/components/AdminParameters.tsx","../../src/admin/components/AdminVerifications.tsx","../../src/admin/index.ts"],"sourcesContent":["import { $page, ReactRouter, Redirection } from \"@alepha/react\";\nimport { ReactAuth } from \"@alepha/react/auth\";\nimport { AuthRouter } from \"@alepha/ui/auth\";\nimport {\n  IconBell,\n  IconDevices,\n  IconFile,\n  IconPlus,\n  IconUser,\n  IconUsers,\n} from \"@tabler/icons-react\";\nimport { $inject } from \"alepha\";\nimport type { FileController } from \"alepha/api/files\";\nimport type { NotificationController } from \"alepha/api/notifications\";\nimport type { SessionController, UserController } from \"alepha/api/users\";\nimport { $client } from \"alepha/server/links\";\n\nexport class AdminRouter {\n  protected readonly router = $inject(ReactRouter);\n  protected readonly authRouter = $inject(AuthRouter);\n  protected readonly auth = $inject(ReactAuth);\n  protected readonly userCtrl = $client<UserController>();\n  protected readonly sessionCtrl = $client<SessionController>();\n  protected readonly notificationCtrl = $client<NotificationController>();\n  protected readonly fileCtrl = $client<FileController>();\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Layout\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  public readonly layout = $page({\n    name: \"AdminLayout\",\n    path: \"/admin\",\n    label: \"Admin\",\n    lazy: () => import(\"./components/AdminLayout.tsx\"),\n    resolve: ({ user, url }) => {\n      if (!user) {\n        throw new Redirection(\n          this.router.path(this.authRouter.login.name, {\n            query: {\n              r: url.pathname,\n            },\n          }),\n        );\n      }\n      return {};\n    },\n  });\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Users\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  public readonly adminUsers = $page({\n    icon: IconUsers,\n    parent: this.layout,\n    path: \"/users\",\n    label: \"Users\",\n    description: \"Manage application users and their roles.\",\n    lazy: () => import(\"./components/AdminUsers.tsx\"),\n    can: () => this.userCtrl.findUsers.can(),\n  });\n\n  public readonly adminUserCreate = $page({\n    icon: IconPlus,\n    parent: this.layout,\n    path: \"/users/create\",\n    label: \"Create User\",\n    description: \"Create a new user account.\",\n    lazy: () => import(\"./components/AdminUserCreate.tsx\"),\n    can: () => this.userCtrl.createUser.can(),\n  });\n\n  public readonly adminUserLayout = $page({\n    icon: IconUser,\n    parent: this.layout,\n    path: \"/users/:userId\",\n    label: \"User\",\n    lazy: () => import(\"./components/AdminUserLayout.tsx\"),\n    can: () => this.userCtrl.getUser.can(),\n  });\n\n  public readonly adminUserDetails = $page({\n    parent: this.adminUserLayout,\n    path: \"/details\",\n    label: \"Details\",\n    lazy: () => import(\"./components/AdminUserDetails.tsx\"),\n  });\n\n  public readonly adminUserSessions = $page({\n    parent: this.adminUserLayout,\n    path: \"/sessions\",\n    label: \"Sessions\",\n    lazy: () => import(\"./components/AdminUserSessions.tsx\"),\n  });\n\n  public readonly adminUserSettings = $page({\n    parent: this.adminUserLayout,\n    path: \"/settings\",\n    label: \"Settings\",\n    lazy: () => import(\"./components/AdminUserSettings.tsx\"),\n  });\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Sessions\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  public readonly adminSessions = $page({\n    icon: IconDevices,\n    parent: this.layout,\n    path: \"/sessions\",\n    label: \"Sessions\",\n    description: \"View and manage all active sessions.\",\n    lazy: () => import(\"./components/AdminSessions.tsx\"),\n    can: () => this.sessionCtrl.findSessions.can(),\n  });\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Notifications\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  public readonly adminNotifications = $page({\n    icon: IconBell,\n    parent: this.layout,\n    path: \"/notifications\",\n    label: \"Notifications\",\n    description: \"View notification history and status.\",\n    lazy: () => import(\"./components/AdminNotifications.tsx\"),\n    can: () => this.notificationCtrl.findNotifications.can(),\n  });\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Files\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  public readonly adminFiles = $page({\n    icon: IconFile,\n    parent: this.layout,\n    path: \"/files\",\n    label: \"Files\",\n    description: \"Manage uploaded files and storage.\",\n    lazy: () => import(\"./components/AdminFiles.tsx\"),\n    can: () => this.fileCtrl.findFiles.can(),\n  });\n}\n","import { $page } from \"@alepha/react\";\nimport { AlephaMantineProvider } from \"@alepha/ui\";\nimport { AuthRouter } from \"@alepha/ui/auth\";\nimport { $inject } from \"alepha\";\nimport { AdminRouter } from \"./AdminRouter.ts\";\n\n/**\n * Main application router that combines Auth and Admin routers.\n *\n * We assume that the main application router will always have Admin and Auth routers.\n *\n * This is basically a convenience class to avoid having to inject these routers everywhere.\n * Code is lightweight enough that we can just copy it if needed.\n */\nexport class MainRouter {\n  auth = $inject(AuthRouter);\n  admin = $inject(AdminRouter);\n\n  layout = $page({\n    component: AlephaMantineProvider,\n    children: () => [this.auth.layout, this.admin.layout],\n  });\n}\n","import { useClient } from \"@alepha/react\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { DataTable, Flex, Text } from \"@alepha/ui\";\nimport { Badge } from \"@mantine/core\";\nimport {\n  IconCheck,\n  IconClock,\n  IconPlayerPlay,\n  IconX,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport {\n  type JobController,\n  type JobExecutionEntity,\n  jobExecutions,\n} from \"alepha/api/jobs\";\n\nconst AdminJobs = () => {\n  const client = useClient<JobController>();\n  const { l } = useI18n();\n\n  const filters = t.object({\n    job: t.optional(\n      t.string({\n        $control: {\n          query: t.pick(jobExecutions.schema, [\"job\"]),\n        },\n      }),\n    ),\n    status: t.optional(t.enum([\"STARTED\", \"FAILED\", \"COMPLETED\"])),\n  });\n\n  const getStatusColor = (status: string) => {\n    switch (status) {\n      case \"COMPLETED\":\n        return \"green\";\n      case \"FAILED\":\n        return \"red\";\n      case \"STARTED\":\n        return \"blue\";\n      default:\n        return \"gray\";\n    }\n  };\n\n  const getStatusIcon = (status: string) => {\n    switch (status) {\n      case \"COMPLETED\":\n        return <IconCheck size={12} />;\n      case \"FAILED\":\n        return <IconX size={12} />;\n      case \"STARTED\":\n        return <IconPlayerPlay size={12} />;\n      default:\n        return <IconClock size={12} />;\n    }\n  };\n\n  const formatDuration = (\n    start: Date | string,\n    end?: Date | string | null,\n  ): string => {\n    const startTime = new Date(start).getTime();\n    const endTime = end ? new Date(end).getTime() : Date.now();\n    const duration = endTime - startTime;\n\n    if (duration < 1000) return `${duration}ms`;\n    if (duration < 60000) return `${(duration / 1000).toFixed(1)}s`;\n    return `${Math.floor(duration / 60000)}m ${Math.floor((duration % 60000) / 1000)}s`;\n  };\n\n  return (\n    <Flex flex={1}>\n      <DataTable<JobExecutionEntity, typeof filters>\n        submitOnInit\n        defaultSize={10}\n        typeFormProps={{\n          skipSubmitButton: true,\n          columns: 3,\n        }}\n        tableProps={{\n          horizontalSpacing: \"xs\",\n          verticalSpacing: \"xs\",\n        }}\n        onFilterChange={(key, _value, form) => {\n          if (key === \"job\" || key === \"status\") {\n            return form.submit();\n          }\n        }}\n        filters={filters}\n        items={async (filters) => {\n          const response = await client.getJobExecutions({\n            query: filters,\n          });\n\n          return response as Page<JobExecutionEntity>;\n        }}\n        columns={{\n          job: {\n            label: \"Job\",\n            value: (item) => (\n              <Text size=\"sm\" fw={500}>\n                {item.job}\n              </Text>\n            ),\n          },\n          status: {\n            label: \"Status\",\n            fit: true,\n            value: (item) => (\n              <Badge\n                size=\"sm\"\n                variant=\"light\"\n                color={getStatusColor(item.status)}\n                leftSection={getStatusIcon(item.status)}\n              >\n                {item.status}\n              </Badge>\n            ),\n          },\n          duration: {\n            label: \"Duration\",\n            fit: true,\n            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n                {formatDuration(item.createdAt, item.finishedAt)}\n              </Text>\n            ),\n          },\n          error: {\n            label: \"Error\",\n            value: (item) =>\n              item.error ? (\n                <Text size=\"xs\" c=\"red\" lineClamp={1}>\n                  {item.error}\n                </Text>\n              ) : (\n                <Text size=\"xs\" c=\"dimmed\">\n                  -\n                </Text>\n              ),\n          },\n          createdAt: {\n            label: \"Started\",\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 AdminJobs;\n","import { Flex, Text } from \"@alepha/ui\";\nimport { Stack } from \"@mantine/core\";\nimport { IconSettings } from \"@tabler/icons-react\";\n\nconst AdminParameters = () => {\n  return (\n    <Flex flex={1} justify=\"center\" align=\"center\">\n      <Stack align=\"center\" gap=\"xs\">\n        <IconSettings\n          size={48}\n          stroke={1.5}\n          color=\"var(--mantine-color-dimmed)\"\n        />\n        <Text c=\"dimmed\">Parameter Management</Text>\n        <Text size=\"xs\" c=\"dimmed\" ta=\"center\" maw={400}>\n          Application parameters and configuration settings. Define parameters\n          using the $config primitive to manage dynamic application settings.\n        </Text>\n      </Stack>\n    </Flex>\n  );\n};\n\nexport default AdminParameters;\n","import { Flex, Text } from \"@alepha/ui\";\nimport { Stack } from \"@mantine/core\";\nimport { IconShieldCheck } from \"@tabler/icons-react\";\n\nconst AdminVerifications = () => {\n  return (\n    <Flex flex={1} justify=\"center\" align=\"center\">\n      <Stack align=\"center\" gap=\"xs\">\n        <IconShieldCheck\n          size={48}\n          stroke={1.5}\n          color=\"var(--mantine-color-dimmed)\"\n        />\n        <Text c=\"dimmed\">Verification Management</Text>\n        <Text size=\"xs\" c=\"dimmed\" ta=\"center\" maw={400}>\n          Verifications are automatically managed by the system. Email and SMS\n          verification codes are generated and validated through the\n          verification API endpoints.\n        </Text>\n      </Stack>\n    </Flex>\n  );\n};\n\nexport default AdminVerifications;\n","import { AlephaUI } from \"@alepha/ui\";\nimport { AlephaUIAuth } from \"@alepha/ui/auth\";\nimport { $module } from \"alepha\";\nimport { AdminRouter } from \"./AdminRouter.ts\";\nimport { AdminSidebar } from \"./AdminSidebar.ts\";\nimport { MainRouter } from \"./MainRouter.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport { AdminRouter } from \"./AdminRouter.ts\";\nexport { AdminSidebar } from \"./AdminSidebar.ts\";\nexport { default as AdminFiles } from \"./components/AdminFiles.tsx\";\nexport { default as AdminJobs } from \"./components/AdminJobs.tsx\";\nexport { default as AdminLayout } from \"./components/AdminLayout.tsx\";\nexport { default as AdminNotifications } from \"./components/AdminNotifications.tsx\";\nexport { default as AdminParameters } from \"./components/AdminParameters.tsx\";\nexport { default as AdminSessions } from \"./components/AdminSessions.tsx\";\nexport { default as AdminUserCreate } from \"./components/AdminUserCreate.tsx\";\nexport { default as AdminUserDetails } from \"./components/AdminUserDetails.tsx\";\nexport { default as AdminUserLayout } from \"./components/AdminUserLayout.tsx\";\nexport { default as AdminUserSessions } from \"./components/AdminUserSessions.tsx\";\nexport { default as AdminUserSettings } from \"./components/AdminUserSettings.tsx\";\nexport { default as AdminUsers } from \"./components/AdminUsers.tsx\";\nexport { default as AdminVerifications } from \"./components/AdminVerifications.tsx\";\nexport { MainRouter } from \"./MainRouter.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n/**\n * Admin panel UI Module\n *\n * @module alepha.ui.admin\n */\nexport const AlephaUIAdmin = $module({\n  name: \"alepha.ui.admin\",\n  services: [AlephaUI, AlephaUIAuth, AdminRouter, MainRouter, AdminSidebar],\n  register: (alepha) => {\n    alepha.with(AdminRouter);\n    alepha.with(AdminSidebar);\n  },\n});\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["filters"],"sources":["../../src/admin/AdminRouter.ts","../../src/admin/MainRouter.ts","../../src/admin/components/jobs/AdminJobs.tsx","../../src/admin/components/verifications/AdminVerifications.tsx","../../src/admin/index.ts"],"sourcesContent":["import { $page, ReactRouter, Redirection } from \"@alepha/react\";\nimport { ReactAuth } from \"@alepha/react/auth\";\nimport type { AdminShellProps } from \"@alepha/ui\";\nimport { AuthRouter } from \"@alepha/ui/auth\";\nimport {\n  IconBell,\n  IconDevices,\n  IconFile,\n  IconHistory,\n  IconPlus,\n  IconSettings,\n  IconUser,\n  IconUsers,\n} from \"@tabler/icons-react\";\nimport { $inject } from \"alepha\";\nimport type { AuditController } from \"alepha/api/audits\";\nimport type { FileController } from \"alepha/api/files\";\nimport type { NotificationController } from \"alepha/api/notifications\";\nimport type { ConfigController } from \"alepha/api/parameters\";\nimport type { SessionController, UserController } from \"alepha/api/users\";\nimport { $client } from \"alepha/server/links\";\n\nexport class AdminRouter {\n  protected readonly router = $inject(ReactRouter);\n  protected readonly authRouter = $inject(AuthRouter);\n  protected readonly auth = $inject(ReactAuth);\n  protected readonly userCtrl = $client<UserController>();\n  protected readonly sessionCtrl = $client<SessionController>();\n  protected readonly notificationCtrl = $client<NotificationController>();\n  protected readonly fileCtrl = $client<FileController>();\n  protected readonly configCtrl = $client<ConfigController>();\n  protected readonly auditCtrl = $client<AuditController>();\n\n  protected adminShellProps(): AdminShellProps {\n    return {};\n  }\n\n  protected onNotAuthorized(url: URL) {\n    return new Redirection(\n      this.router.path(this.authRouter.login.name, {\n        query: {\n          r: url.pathname,\n        },\n      }),\n    );\n  }\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Layout\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  public readonly layout = $page({\n    name: \"AdminLayout\",\n    path: \"/admin\",\n    label: \"Admin\",\n    lazy: () => import(\"./components/AdminLayout.tsx\"),\n    props: () => ({\n      adminShellProps: this.adminShellProps(),\n    }),\n    resolve: ({ user, url }) => {\n      if (!user) {\n        throw this.onNotAuthorized(url);\n      }\n      return {};\n    },\n  });\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Users\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  public readonly adminUsers = $page({\n    icon: IconUsers,\n    parent: this.layout,\n    path: \"/users\",\n    label: \"Users\",\n    description: \"Manage application users and their roles.\",\n    lazy: () => import(\"./components/users/AdminUsers.tsx\"),\n    can: () => this.userCtrl.findUsers.can(),\n  });\n\n  public readonly adminUserCreate = $page({\n    icon: IconPlus,\n    parent: this.layout,\n    path: \"/users/create\",\n    label: \"Create User\",\n    description: \"Create a new user account.\",\n    lazy: () => import(\"./components/users/AdminUserCreate.tsx\"),\n    can: () => this.userCtrl.createUser.can(),\n  });\n\n  public readonly adminUserLayout = $page({\n    icon: IconUser,\n    parent: this.layout,\n    path: \"/users/:userId\",\n    label: \"User\",\n    lazy: () => import(\"./components/users/AdminUserLayout.tsx\"),\n    can: () => this.userCtrl.getUser.can(),\n  });\n\n  public readonly adminUserDetails = $page({\n    parent: this.adminUserLayout,\n    path: \"/details\",\n    label: \"Details\",\n    lazy: () => import(\"./components/users/AdminUserDetails.tsx\"),\n  });\n\n  public readonly adminUserSessions = $page({\n    parent: this.adminUserLayout,\n    path: \"/sessions\",\n    label: \"Sessions\",\n    lazy: () => import(\"./components/users/AdminUserSessions.tsx\"),\n  });\n\n  public readonly adminUserSettings = $page({\n    parent: this.adminUserLayout,\n    path: \"/settings\",\n    label: \"Settings\",\n    lazy: () => import(\"./components/users/AdminUserSettings.tsx\"),\n  });\n\n  public readonly adminUserAudits = $page({\n    parent: this.adminUserLayout,\n    path: \"/audits\",\n    label: \"Audit Log\",\n    lazy: () => import(\"./components/users/AdminUserAudits.tsx\"),\n    can: () => this.auditCtrl.findByUser.can(),\n  });\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Audits (Global)\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  public readonly adminAudits = $page({\n    icon: IconHistory,\n    parent: this.layout,\n    path: \"/audits\",\n    label: \"Audit Log\",\n    description: \"View system-wide audit trail and activity logs.\",\n    lazy: () => import(\"./components/audits/AdminAudits.tsx\"),\n    can: () => this.auditCtrl.findAudits.can(),\n  });\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Sessions\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  public readonly adminSessions = $page({\n    icon: IconDevices,\n    parent: this.layout,\n    path: \"/sessions\",\n    label: \"Sessions\",\n    description: \"View and manage all active sessions.\",\n    lazy: () => import(\"./components/sessions/AdminSessions.tsx\"),\n    can: () => this.sessionCtrl.findSessions.can(),\n  });\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Notifications\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  public readonly adminNotifications = $page({\n    icon: IconBell,\n    parent: this.layout,\n    path: \"/notifications\",\n    label: \"Notifications\",\n    description: \"View notification history and status.\",\n    lazy: () => import(\"./components/notifications/AdminNotifications.tsx\"),\n    can: () => this.notificationCtrl.findNotifications.can(),\n  });\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Files\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  public readonly adminFiles = $page({\n    icon: IconFile,\n    parent: this.layout,\n    path: \"/files\",\n    label: \"Files\",\n    description: \"Manage uploaded files and storage.\",\n    lazy: () => import(\"./components/files/AdminFiles.tsx\"),\n    can: () => this.fileCtrl.findFiles.can(),\n  });\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Parameters\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  public readonly adminParameters = $page({\n    icon: IconSettings,\n    parent: this.layout,\n    path: \"/parameters\",\n    label: \"Parameters\",\n    description: \"View and manage application configuration parameters.\",\n    lazy: () => import(\"./components/parameters/AdminParameters.tsx\"),\n    can: () => this.configCtrl.getConfigTree.can(),\n  });\n}\n","import { $page } from \"@alepha/react\";\nimport { AlephaMantineProvider } from \"@alepha/ui\";\nimport { AuthRouter } from \"@alepha/ui/auth\";\nimport { $inject } from \"alepha\";\nimport { AdminRouter } from \"./AdminRouter.ts\";\n\n/**\n * Main application router that combines Auth and Admin routers.\n *\n * We assume that the main application router will always have Admin and Auth routers.\n *\n * This is basically a convenience class to avoid having to inject these routers everywhere.\n * Code is lightweight enough that we can just copy it if needed.\n */\nexport class MainRouter {\n  auth = $inject(AuthRouter);\n  admin = $inject(AdminRouter);\n\n  layout = $page({\n    component: AlephaMantineProvider,\n    children: () => [this.auth.layout, this.admin.layout],\n  });\n}\n","import { useClient } from \"@alepha/react\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { DataTable, Flex, Text } from \"@alepha/ui\";\nimport { Badge } from \"@mantine/core\";\nimport {\n  IconCheck,\n  IconClock,\n  IconPlayerPlay,\n  IconX,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport {\n  type JobController,\n  type JobExecutionEntity,\n  jobExecutions,\n} from \"alepha/api/jobs\";\n\nconst AdminJobs = () => {\n  const client = useClient<JobController>();\n  const { l } = useI18n();\n\n  const filters = t.object({\n    job: t.optional(\n      t.string({\n        $control: {\n          query: t.pick(jobExecutions.schema, [\"job\"]),\n        },\n      }),\n    ),\n    status: t.optional(t.enum([\"STARTED\", \"FAILED\", \"COMPLETED\"])),\n  });\n\n  const getStatusColor = (status: string) => {\n    switch (status) {\n      case \"COMPLETED\":\n        return \"green\";\n      case \"FAILED\":\n        return \"red\";\n      case \"STARTED\":\n        return \"blue\";\n      default:\n        return \"gray\";\n    }\n  };\n\n  const getStatusIcon = (status: string) => {\n    switch (status) {\n      case \"COMPLETED\":\n        return <IconCheck size={12} />;\n      case \"FAILED\":\n        return <IconX size={12} />;\n      case \"STARTED\":\n        return <IconPlayerPlay size={12} />;\n      default:\n        return <IconClock size={12} />;\n    }\n  };\n\n  const formatDuration = (\n    start: Date | string,\n    end?: Date | string | null,\n  ): string => {\n    const startTime = new Date(start).getTime();\n    const endTime = end ? new Date(end).getTime() : Date.now();\n    const duration = endTime - startTime;\n\n    if (duration < 1000) return `${duration}ms`;\n    if (duration < 60000) return `${(duration / 1000).toFixed(1)}s`;\n    return `${Math.floor(duration / 60000)}m ${Math.floor((duration % 60000) / 1000)}s`;\n  };\n\n  return (\n    <Flex flex={1} direction={\"column\"}>\n      <DataTable<JobExecutionEntity, typeof filters>\n        submitOnInit\n        defaultSize={10}\n        typeFormProps={{\n          skipSubmitButton: true,\n          columns: 3,\n        }}\n        tableProps={{\n          horizontalSpacing: \"xs\",\n          verticalSpacing: \"xs\",\n        }}\n        onFilterChange={(key, _value, form) => {\n          if (key === \"job\" || key === \"status\") {\n            return form.submit();\n          }\n        }}\n        filters={filters}\n        items={async (filters) => {\n          const response = await client.getJobExecutions({\n            query: filters,\n          });\n\n          return response as Page<JobExecutionEntity>;\n        }}\n        columns={{\n          job: {\n            label: \"Job\",\n            value: (item) => (\n              <Text size=\"sm\" fw={500}>\n                {item.job}\n              </Text>\n            ),\n          },\n          status: {\n            label: \"Status\",\n            fit: true,\n            value: (item) => (\n              <Badge\n                size=\"sm\"\n                variant=\"light\"\n                color={getStatusColor(item.status)}\n                leftSection={getStatusIcon(item.status)}\n              >\n                {item.status}\n              </Badge>\n            ),\n          },\n          duration: {\n            label: \"Duration\",\n            fit: true,\n            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n                {formatDuration(item.createdAt, item.finishedAt)}\n              </Text>\n            ),\n          },\n          error: {\n            label: \"Error\",\n            value: (item) =>\n              item.error ? (\n                <Text size=\"xs\" c=\"red\" lineClamp={1}>\n                  {item.error}\n                </Text>\n              ) : (\n                <Text size=\"xs\" c=\"dimmed\">\n                  -\n                </Text>\n              ),\n          },\n          createdAt: {\n            label: \"Started\",\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 AdminJobs;\n","import { Flex, Text } from \"@alepha/ui\";\nimport { Stack } from \"@mantine/core\";\nimport { IconShieldCheck } from \"@tabler/icons-react\";\n\nconst AdminVerifications = () => {\n  return (\n    <Flex flex={1} justify=\"center\" align=\"center\">\n      <Stack align=\"center\" gap=\"xs\">\n        <IconShieldCheck\n          size={48}\n          stroke={1.5}\n          color=\"var(--mantine-color-dimmed)\"\n        />\n        <Text c=\"dimmed\">Verification Management</Text>\n        <Text size=\"xs\" c=\"dimmed\" ta=\"center\" maw={400}>\n          Verifications are automatically managed by the system. Email and SMS\n          verification codes are generated and validated through the\n          verification API endpoints.\n        </Text>\n      </Stack>\n    </Flex>\n  );\n};\n\nexport default AdminVerifications;\n","import { AlephaUI } from \"@alepha/ui\";\nimport { AlephaUIAuth } from \"@alepha/ui/auth\";\nimport { $module } from \"alepha\";\nimport { AdminRouter } from \"./AdminRouter.ts\";\nimport { MainRouter } from \"./MainRouter.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport { AdminRouter } from \"./AdminRouter.ts\";\n// Layout\nexport { default as AdminLayout } from \"./components/AdminLayout.tsx\";\n// Audits\nexport { default as AdminAudits } from \"./components/audits/AdminAudits.tsx\";\n// Files\nexport { default as AdminFiles } from \"./components/files/AdminFiles.tsx\";\n// Jobs\nexport { default as AdminJobs } from \"./components/jobs/AdminJobs.tsx\";\n// Notifications\nexport { default as AdminNotifications } from \"./components/notifications/AdminNotifications.tsx\";\n// Parameters\nexport { default as AdminParameters } from \"./components/parameters/AdminParameters.tsx\";\n// Sessions\nexport { default as AdminSessions } from \"./components/sessions/AdminSessions.tsx\";\n// Users\nexport { default as AdminUserAudits } from \"./components/users/AdminUserAudits.tsx\";\nexport { default as AdminUserCreate } from \"./components/users/AdminUserCreate.tsx\";\nexport { default as AdminUserDetails } from \"./components/users/AdminUserDetails.tsx\";\nexport { default as AdminUserLayout } from \"./components/users/AdminUserLayout.tsx\";\nexport { default as AdminUserSessions } from \"./components/users/AdminUserSessions.tsx\";\nexport { default as AdminUserSettings } from \"./components/users/AdminUserSettings.tsx\";\nexport { default as AdminUsers } from \"./components/users/AdminUsers.tsx\";\n// Verifications\nexport { default as AdminVerifications } from \"./components/verifications/AdminVerifications.tsx\";\nexport { MainRouter } from \"./MainRouter.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n/**\n * Admin panel UI Module\n *\n * @module alepha.ui.admin\n */\nexport const AlephaUIAdmin = $module({\n  name: \"alepha.ui.admin\",\n  services: [AlephaUI, AlephaUIAuth, AdminRouter, MainRouter],\n  register: (alepha) => {\n    alepha.with(AdminRouter);\n  },\n});\n"],"mappings":"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"}

package/dist/auth/AuthLayout-BAZJHzDG.js

@@ -0,0 +1,23 @@
+import { AlephaMantineProvider } from "@alepha/ui";
+import { NestedView } from "@alepha/react";
+import { Flex } from "@mantine/core";
+import { jsx } from "react/jsx-runtime";
+
+//#region ../../src/auth/components/AuthLayout.tsx
+const AuthLayout = () => {
+	return /* @__PURE__ */ jsx(AlephaMantineProvider, {
+		omnibar: false,
+		children: /* @__PURE__ */ jsx(Flex, {
+			flex: 1,
+			align: "center",
+			h: "100vh",
+			justify: "center",
+			children: /* @__PURE__ */ jsx(NestedView, {})
+		})
+	});
+};
+var AuthLayout_default = AuthLayout;
+
+//#endregion
+export { AuthLayout_default as default };
+//# sourceMappingURL=AuthLayout-BAZJHzDG.js.map

package/dist/auth/AuthLayout-BAZJHzDG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthLayout-BAZJHzDG.js","names":[],"sources":["../../src/auth/components/AuthLayout.tsx"],"sourcesContent":["import { NestedView } from \"@alepha/react\";\nimport { AlephaMantineProvider } from \"@alepha/ui\";\nimport { Flex } from \"@mantine/core\";\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;;AAI5B,yBAAe"}

package/dist/auth/{Login-7HlBjDeV.js → Login-CeNZZjrr.js}

@@ -2,10 +2,10 @@ import { n as IconGithub_default, t as IconGoogle_default } from "./IconGoogle-C
 import { useAuth } from "@alepha/react/auth";
 import { useI18n } from "@alepha/react/i18n";
 import { ActionButton, Control, capitalize } from "@alepha/ui";
-import { t } from "alepha";
+import { AlephaError, t } from "alepha";
 import { useRouter } from "@alepha/react";
 import { IconLock, IconUser } from "@tabler/icons-react";
-import { Card, Flex, Group, Stack, Text } from "@mantine/core";
+import { Card, Flex, Group, Image, Stack, Text, Title } from "@mantine/core";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { FormValidationError, useForm } from "@alepha/react/form";
 import { HttpError } from "alepha/server";
@@ -17,7 +17,7 @@ const Login = (props) => {
 	const router = useRouter();
 	const { tr } = useI18n();
 	const redirect = router.query.r || "/";
-	const hasUsernamePassword = props.realmConfig.authenticationMethods.find((it) => it.type === "CREDENTIALS");
+	const credentialsProvider = props.realmConfig.authenticationMethods.find((it) => it.type === "CREDENTIALS");
 	const settings = props.realmConfig.settings;
 	const loginMethods = useMemo(() => {
 		const methods = [];
@@ -47,10 +47,12 @@ const Login = (props) => {
 			password: t.string({ minLength: settings.passwordPolicy?.minLength || 6 })
 		}),
 		handler: async (data) => {
+			if (!credentialsProvider) throw new AlephaError("Credentials provider not configured");
 			try {
-				await auth.login("credentials", {
+				await auth.login(credentialsProvider.name, {
 					username: data.identifier,
-					password: data.password
+					password: data.password,
+					realm: props.realmConfig.realmName
 				});
 				await router.go(router.query.r || "/");
 			} catch (error) {
@@ -62,6 +64,14 @@ const Login = (props) => {
 			}
 		}
 	});
+	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;
 	return /* @__PURE__ */ jsx(Flex, {
 		flex: 1,
 		justify: "center",
@@ -76,7 +86,32 @@ const Login = (props) => {
 				children: /* @__PURE__ */ jsxs(Stack, {
 					gap: "md",
 					children: [
-						hasUsernamePassword && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("form", {
+						(settings.logoUrl || settings.displayName || settings.description) && /* @__PURE__ */ jsxs(Stack, {
+							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(Stack, {
 								flex: 1,
@@ -86,7 +121,7 @@ const Login = (props) => {
 										title: identifierTitle,
 										input: form.input.identifier,
 										icon: IconUser,
-										text: { autoComplete: loginMethods.includes("email") ? "email" : "username" }
+										text: { autoComplete: getAutoCompleteType() }
 									}),
 									/* @__PURE__ */ jsx(Control, {
 										title: tr("loginPassword"),
@@ -95,51 +130,52 @@ const Login = (props) => {
 										password: { autoComplete: "current-password" }
 									}),
 									/* @__PURE__ */ jsx(ActionButton, {
-										color: "blue",
 										variant: "filled",
 										form,
 										children: tr("loginSignIn")
 									})
 								]
 							})
-						}), /* @__PURE__ */ jsxs(Stack, {
-							gap: "xs",
-							children: [settings.resetPasswordAllowed && /* @__PURE__ */ jsx(Text, {
-								size: "sm",
-								ta: "center",
-								children: /* @__PURE__ */ jsx(ActionButton, {
-									href: router.path("resetPassword"),
-									anchorProps: { inherit: true },
-									children: tr("loginForgotPassword")
-								})
-							}), /* @__PURE__ */ jsxs(Group, {
-								align: "center",
-								justify: "center",
-								gap: "md",
-								children: [
-									/* @__PURE__ */ jsx(Flex, {
-										flex: 1,
-										h: "1px",
-										bg: "var(--alepha-text-muted)"
-									}),
-									/* @__PURE__ */ jsx(Text, {
-										size: "xs",
-										children: tr("loginOr")
-									}),
-									/* @__PURE__ */ jsx(Flex, {
-										flex: 1,
-										h: "1px",
-										bg: "var(--alepha-text-muted)"
-									})
-								]
-							})]
+						}), settings.resetPasswordAllowed && /* @__PURE__ */ jsx(Text, {
+							size: "sm",
+							ta: "center",
+							children: /* @__PURE__ */ jsx(ActionButton, {
+								href: router.path("resetPassword", { query: { realm: props.realmConfig.realmName } }),
+								anchorProps: { inherit: true },
+								children: tr("loginForgotPassword")
+							})
 						})] }),
-						/* @__PURE__ */ jsx(Stack, {
+						showOrDivider && /* @__PURE__ */ jsxs(Group, {
+							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(Stack, {
 							gap: "sm",
-							children: props.realmConfig.authenticationMethods.map((method) => method.type !== "CREDENTIALS" && /* @__PURE__ */ jsx(ActionButton, {
+							children: externalLoginMethods.map((method) => /* @__PURE__ */ jsx(ActionButton, {
 								variant: "default",
 								leftSection: leftSection(method.name.toLowerCase()),
-								onClick: () => auth.login(method.name, { redirect }),
+								onClick: () => auth.login(method.name, {
+									redirect,
+									realm: props.realmConfig.realmName
+								}),
 								children: tr("loginContinueWith", { args: [capitalize(method.name)] })
 							}, method.type))
 						}),
@@ -150,7 +186,7 @@ const Login = (props) => {
 								tr("loginNoAccount"),
 								" ",
 								/* @__PURE__ */ jsx(ActionButton, {
-									href: router.path("register"),
+									href: router.path("register", { query: { realm: props.realmConfig.realmName } }),
 									anchorProps: { inherit: true },
 									children: tr("loginSignUp")
 								})
@@ -174,4 +210,4 @@ const leftSection = (name) => {
 
 //#endregion
 export { Login_default as t };
-//# sourceMappingURL=Login-7HlBjDeV.js.map
+//# sourceMappingURL=Login-CeNZZjrr.js.map

package/dist/auth/Login-CeNZZjrr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Login-CeNZZjrr.js","names":["IconGoogle","IconGithub"],"sources":["../../src/auth/components/Login.tsx"],"sourcesContent":["import { useRouter } from \"@alepha/react\";\nimport { useAuth } from \"@alepha/react/auth\";\nimport { FormValidationError, useForm } from \"@alepha/react/form\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { ActionButton, Control, capitalize } from \"@alepha/ui\";\nimport { Card, Flex, Group, Image, Stack, Text, Title } from \"@mantine/core\";\nimport { IconLock, IconUser } from \"@tabler/icons-react\";\nimport { AlephaError, t } from \"alepha\";\nimport type { UserRealmConfig } from \"alepha/api/users\";\nimport { HttpError } from \"alepha/server\";\nimport { useMemo } from \"react\";\nimport type { AuthI18n } from \"../AuthI18n.ts\";\nimport type { AuthRouter } from \"../AuthRouter.ts\";\nimport IconGithub from \"./icons/IconGithub.tsx\";\nimport IconGoogle from \"./icons/IconGoogle.tsx\";\n\nexport interface LoginProps {\n  realmConfig: UserRealmConfig;\n}\n\nconst Login = (props: LoginProps) => {\n  const auth = useAuth();\n  const router = useRouter<AuthRouter>();\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.usernameEnabled !== false) methods.push(\"username\");\n    if (settings.emailEnabled !== false) methods.push(\"email\");\n    if (settings.phoneEnabled === true) 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.go(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  return (\n    <Flex flex={1} justify={\"center\"} align={\"center\"}>\n      <Stack gap={\"sm\"} w={360}>\n        <Card withBorder p={\"lg\"} bg={\"var(--alepha-elevated)\"}>\n          <Stack gap={\"md\"}>\n            {/* Realm branding */}\n            {(settings.logoUrl ||\n              settings.displayName ||\n              settings.description) && (\n              <Stack 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              </Stack>\n            )}\n\n            {/* Credentials login form */}\n            {credentialsProvider && (\n              <>\n                <form {...form.props}>\n                  <Stack flex={1} gap={\"md\"}>\n                    <Control\n                      title={identifierTitle}\n                      input={form.input.identifier}\n                      icon={IconUser}\n                      text={{\n                        autoComplete: getAutoCompleteType(),\n                      }}\n                    />\n                    <Control\n                      title={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                  </Stack>\n                </form>\n                {settings.resetPasswordAllowed && (\n                  <Text size=\"sm\" ta=\"center\">\n                    <ActionButton\n                      href={router.path(\"resetPassword\", {\n                        query: { realm: props.realmConfig.realmName },\n                      })}\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              <Group 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              </Group>\n            )}\n\n            {/* External login methods */}\n            {externalLoginMethods.length > 0 && (\n              <Stack 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              </Stack>\n            )}\n\n            {/* Registration link */}\n            {settings.registrationAllowed && (\n              <Text size=\"sm\" ta=\"center\">\n                {tr(\"loginNoAccount\")}{\" \"}\n                <ActionButton\n                  href={router.path(\"register\", {\n                    query: { realm: props.realmConfig.realmName },\n                  })}\n                  anchorProps={{ inherit: true }}\n                >\n                  {tr(\"loginSignUp\")}\n                </ActionButton>\n              </Text>\n            )}\n          </Stack>\n        </Card>\n        <ActionButton variant={\"subtle\"} href={\"/\"}>\n          {tr(\"loginCancel\")}\n        </ActionButton>\n      </Stack>\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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"}

package/dist/auth/Login-hQcu1nlu.js

@@ -0,0 +1,4 @@
+import "./IconGoogle-Cm5d8J3f.js";
+import { t as Login_default } from "./Login-CeNZZjrr.js";
+
+export { Login_default as default };

package/dist/auth/Register-B6HBNVHS.js

@@ -0,0 +1,4 @@
+import "./IconGoogle-Cm5d8J3f.js";
+import { t as Register_default } from "./Register-s4ENeyiE.js";
+
+export { Register_default as default };