@alepha/ui 0.18.1 → 0.18.2

package/dist/admin/index.js

@@ -1,17 +1,326 @@
-import { t as AlephaUI } from "./core-2xoLiT0o.js";
-import { r as AuthRouter, t as AlephaUIAuth } from "./auth-Dr0Cf8I7.js";
-import "./IconGoogle-CSQLPYwX.js";
-import "./Login-BGheURrg.js";
-import "./Register-Cs10l8vX.js";
-import "./ResetPassword-BwDdfkGH.js";
-import "./VerifyEmail-DfXHAiQl.js";
-import { $context, $inject, $module } from "alepha";
-import { IconClock, IconDevices, IconFile, IconHistory, IconKey, IconListDetails, IconSettings, IconTerminal2, IconUser, IconUsers } from "@tabler/icons-react";
-import { $page, ReactRouter, Redirection } from "alepha/react/router";
-import { ReactAuth } from "alepha/react/auth";
+import { _ as ActionButton, c as Breadcrumb, h as LanguageButton, p as ThemeButton, t as AlephaUI, v as ui, x as alephaSidebarAtom } from "./core-BVO_TQxb.js";
+import "./IconGoogle-Ch1m3Uzl.js";
+import "./Login-DHbYJKwg.js";
+import "./Register-Z3fxRbUF.js";
+import "./ResetPassword-_Y1qTTKh.js";
+import "./VerifyEmail-Bg22bwcC.js";
+import { $context, $inject, $module, AlephaError, t } from "alepha";
+import { $dictionary, AlephaReactI18n } from "alepha/react/i18n";
+import { $cookie } from "alepha/server/cookies";
+import { Avatar } from "@mantine/core";
+import { jsx } from "react/jsx-runtime";
+import { IconClock, IconDashboard, IconDevices, IconFile, IconHistory, IconKey, IconLayoutDashboard, IconListDetails, IconLockPassword, IconLogin2, IconLogout, IconLogout2, IconMailCheck, IconPasswordUser, IconSettings, IconTerminal2, IconUser, IconUserPlus, IconUsers } from "@tabler/icons-react";
+import { $page, ReactPageProvider, ReactRouter, Redirection, useRouter } from "alepha/react/router";
+import { useClient, useInject } from "alepha/react";
+import { AlephaReactAuth, ReactAuth, useAuth } from "alepha/react/auth";
 import { $client } from "alepha/server/links";
 
-//#region ../../src/admin/AdminRouter.ts
+//#region ../../src/auth/AuthI18n.ts
+var AuthI18n = class {
+	en = $dictionary({
+		name: "alepha.ui.auth.en",
+		lazy: () => ({ default: {
+			loginSignIn: "Sign in",
+			loginContinueWith: "Continue with $1",
+			loginOr: "OR",
+			loginCancel: "Cancel",
+			loginForgotPassword: "Forgot password?",
+			loginNoAccount: "Don't have an account?",
+			loginSignUp: "Sign up",
+			loginUsername: "Username",
+			loginEmail: "Email",
+			loginPhone: "Phone number",
+			loginPassword: "Password",
+			registerCreateAccount: "Create account",
+			registerContinueWith: "Continue with $1",
+			registerOr: "OR",
+			registerCancel: "Cancel",
+			registerHaveAccount: "Already have an account?",
+			registerSignIn: "Sign in",
+			registerUsername: "Username",
+			registerEmail: "Email",
+			registerPhone: "Phone number",
+			registerPassword: "Password",
+			registerConfirmPassword: "Confirm password",
+			registerDisabled: "Registration is not available. Please contact your administrator.",
+			registerBackToSignIn: "Back to sign in",
+			registerVerifyTitle: "Verify your account",
+			registerVerifyDescription: "Please enter the verification code(s) sent to you.",
+			registerEmailCode: "Email verification code",
+			registerPhoneCode: "Phone verification code",
+			registerVerifySubmit: "Complete Registration",
+			registerVerifyBack: "Back to registration",
+			resetPasswordTitle: "Reset password",
+			resetPasswordEmail: "Email",
+			resetPasswordEnterEmail: "Enter your email address to reset your password",
+			resetPasswordSendCode: "Send verification code",
+			resetPasswordCodeSent: "We've sent a verification code to your email.",
+			resetPasswordEnterCode: "Enter the 6-digit code",
+			resetPasswordResendCode: "Resend code",
+			resetPasswordEnterNewPassword: "Create your new password",
+			resetPasswordNewPassword: "New password",
+			resetPasswordConfirmPassword: "Confirm password",
+			resetPasswordSetNewPassword: "Set new password",
+			resetPasswordSuccess: "Your password has been reset successfully.",
+			resetPasswordBackToSignIn: "Back to sign in",
+			resetPasswordCancel: "Cancel",
+			resetPasswordDisabled: "Password reset is not available. Please contact your administrator.",
+			verifyEmailTitle: "Email Verification",
+			verifyEmailVerifying: "Verifying your email...",
+			verifyEmailPleaseWait: "Please wait while we verify your email address.",
+			verifyEmailSuccess: "Your email has been verified successfully.",
+			verifyEmailFailed: "Failed to verify your email. The link may have expired or is invalid.",
+			verifyEmailMissingParams: "Invalid verification link. Email and token are required.",
+			verifyEmailSignIn: "Sign in to your account",
+			verifyEmailBackToSignIn: "Back to sign in"
+		} })
+	});
+	fr = $dictionary({ lazy: () => ({ default: {
+		loginSignIn: "Se connecter",
+		loginContinueWith: "Continuer avec $1",
+		loginOr: "OU",
+		loginCancel: "Annuler",
+		loginForgotPassword: "Mot de passe oublié ?",
+		loginNoAccount: "Vous n'avez pas de compte ?",
+		loginSignUp: "S'inscrire",
+		loginUsername: "Nom d'utilisateur",
+		loginEmail: "E-mail",
+		loginPhone: "Numéro de téléphone",
+		loginPassword: "Mot de passe",
+		registerCreateAccount: "Créer un compte",
+		registerContinueWith: "Continuer avec $1",
+		registerOr: "OU",
+		registerCancel: "Annuler",
+		registerHaveAccount: "Vous avez déjà un compte ?",
+		registerSignIn: "Se connecter",
+		registerUsername: "Nom d'utilisateur",
+		registerEmail: "E-mail",
+		registerPhone: "Numéro de téléphone",
+		registerPassword: "Mot de passe",
+		registerConfirmPassword: "Confirmer le mot de passe",
+		registerDisabled: "L'inscription n'est pas disponible. Veuillez contacter votre administrateur.",
+		registerBackToSignIn: "Retour à la connexion",
+		registerVerifyTitle: "Vérifiez votre compte",
+		registerVerifyDescription: "Veuillez entrer le(s) code(s) de vérification qui vous ont été envoyés.",
+		registerEmailCode: "Code de vérification par e-mail",
+		registerPhoneCode: "Code de vérification par téléphone",
+		registerVerifySubmit: "Terminer l'inscription",
+		registerVerifyBack: "Retour à l'inscription",
+		resetPasswordTitle: "Réinitialiser le mot de passe",
+		resetPasswordEmail: "E-mail",
+		resetPasswordEnterEmail: "Entrez votre adresse e-mail pour réinitialiser votre mot de passe",
+		resetPasswordSendCode: "Envoyer le code de vérification",
+		resetPasswordCodeSent: "Nous avons envoyé un code de vérification à votre e-mail.",
+		resetPasswordEnterCode: "Entrez le code à 6 chiffres",
+		resetPasswordResendCode: "Renvoyer le code",
+		resetPasswordEnterNewPassword: "Créez votre nouveau mot de passe",
+		resetPasswordNewPassword: "Nouveau mot de passe",
+		resetPasswordConfirmPassword: "Confirmer le mot de passe",
+		resetPasswordSetNewPassword: "Définir le nouveau mot de passe",
+		resetPasswordSuccess: "Votre mot de passe a été réinitialisé avec succès.",
+		resetPasswordBackToSignIn: "Retour à la connexion",
+		resetPasswordCancel: "Annuler",
+		resetPasswordDisabled: "La réinitialisation du mot de passe n'est pas disponible. Veuillez contacter votre administrateur.",
+		verifyEmailTitle: "Vérification de l'e-mail",
+		verifyEmailVerifying: "Vérification de votre e-mail...",
+		verifyEmailPleaseWait: "Veuillez patienter pendant que nous vérifions votre adresse e-mail.",
+		verifyEmailSuccess: "Votre e-mail a été vérifié avec succès.",
+		verifyEmailFailed: "Échec de la vérification de votre e-mail. Le lien a peut-être expiré ou est invalide.",
+		verifyEmailMissingParams: "Lien de vérification invalide. L'e-mail et le jeton sont requis.",
+		verifyEmailSignIn: "Se connecter à votre compte",
+		verifyEmailBackToSignIn: "Retour à la connexion"
+	} }) });
+};
+
+//#endregion
+//#region ../../src/auth/AuthRouter.ts
+/**
+* Schema for realm query parameter used across auth pages.
+*/
+const realmQuerySchema = t.object({
+	r: t.optional(t.string({ description: "Redirect URL after authentication" })),
+	realm: t.optional(t.string({ description: "User realm name for multi-tenant auth" }))
+});
+var AuthRouter = class {
+	realmClient = $client();
+	auth = $inject(ReactAuth);
+	authLayout = $page({
+		label: "Auth",
+		path: "/auth",
+		lazy: () => import("./AuthLayout-DsUfp9RG.js"),
+		children: () => [
+			this.login,
+			this.register,
+			this.resetPassword,
+			this.verifyEmail,
+			this.profile
+		]
+	});
+	login = $page({
+		icon: IconLogin2,
+		label: "Sign In",
+		description: "Sign in to your account",
+		path: "/login",
+		schema: { query: realmQuerySchema },
+		lazy: () => import("./Login-DHbYJKwg.js").then((n) => n.t),
+		loader: async ({ query, user }) => {
+			if (user) throw new Redirection(query.r || "/");
+			return { realmConfig: await this.loadRealmConfig(query.realm) };
+		}
+	});
+	register = $page({
+		icon: IconUserPlus,
+		label: "Register",
+		description: "Create a new account",
+		path: "/register",
+		schema: { query: realmQuerySchema },
+		lazy: () => import("./Register-Z3fxRbUF.js").then((n) => n.t),
+		loader: async ({ query, user }) => {
+			if (user) throw new Redirection(query.r || "/");
+			return { realmConfig: await this.loadRealmConfig(query.realm) };
+		}
+	});
+	resetPassword = $page({
+		icon: IconPasswordUser,
+		label: "Reset Password",
+		description: "Reset your account password",
+		path: "/reset-password",
+		schema: { query: realmQuerySchema },
+		lazy: () => import("./ResetPassword-_Y1qTTKh.js").then((n) => n.t),
+		loader: async ({ query, user }) => {
+			if (user) throw new Redirection(query.r || "/");
+			return { realmConfig: await this.loadRealmConfig(query.realm) };
+		}
+	});
+	verifyEmail = $page({
+		icon: IconMailCheck,
+		label: "Verify Email",
+		description: "Verify your email address",
+		path: "/verify-email",
+		schema: { query: t.object({
+			email: t.optional(t.string()),
+			token: t.optional(t.string())
+		}) },
+		lazy: () => import("./VerifyEmail-Bg22bwcC.js").then((n) => n.t)
+	});
+	logout = $page({
+		icon: IconLogout2,
+		label: "Sign Out",
+		description: "Sign out of your account",
+		path: "/logout",
+		component: () => null,
+		loader: () => {
+			this.auth.logout();
+			return {};
+		}
+	});
+	profile = $page({
+		name: "userProfile",
+		icon: IconUser,
+		label: "Profile",
+		description: "View your profile",
+		path: "/profile",
+		can: () => !!this.auth.user,
+		lazy: () => import("./Profile-B2EcIDB9.js")
+	});
+	async loadRealmConfig(realmName) {
+		try {
+			return await this.realmClient.getRealmConfig({ query: { realmName } });
+		} catch (e) {
+			if (e instanceof AlephaError) throw new AlephaError("Missing Realm Configuration - Did you forget to add '$realm()' to your application?", e);
+			throw e;
+		}
+	}
+};
+
+//#endregion
+//#region ../../src/auth/components/buttons/UserButton.tsx
+const UserButton = (props) => {
+	const { menuItems = [], logoutLabel = "Sign out", loginLabel, menuConfig, showLogoutDivider = menuItems.length > 0, icon, children, ...buttonProps } = props;
+	buttonProps.variant ??= "default";
+	const adminUserCtrl = useClient();
+	const pages = useInject(ReactPageProvider);
+	const auth = useAuth();
+	const isConnected = !!auth.user;
+	const isAdmin = isConnected && adminUserCtrl.findUsers.can();
+	const userPage = pages.getPages().find((it) => it.name === "userProfile");
+	const adminPage = pages.getPages().find((it) => it.name === "adminLayout");
+	const authRouter = useRouter();
+	if (!auth.user) return /* @__PURE__ */ jsx(ActionButton, {
+		...buttonProps,
+		icon: icon === null ? void 0 : icon ?? IconLogin2,
+		href: authRouter.path("login"),
+		children: loginLabel ?? children
+	});
+	const items = [];
+	if (auth.user.email && auth.user.username) items.push({
+		type: "label",
+		label: auth.user.email
+	});
+	if (userPage && isConnected) items.push({
+		label: "Profile",
+		icon: /* @__PURE__ */ jsx(IconUser, { size: ui.sizes.icon.md }),
+		href: authRouter.path("userProfile")
+	});
+	if (adminPage && isAdmin) items.push({
+		label: "Admin",
+		icon: /* @__PURE__ */ jsx(IconSettings, { size: ui.sizes.icon.md }),
+		href: authRouter.path("adminLayout")
+	});
+	items.push(...menuItems);
+	if (showLogoutDivider && items.length > 0) items.push({ type: "divider" });
+	items.push({
+		label: logoutLabel,
+		icon: /* @__PURE__ */ jsx(IconLogout, { size: ui.sizes.icon.md }),
+		color: "red",
+		onClick: () => auth.logout()
+	});
+	const hasAvatar = icon === void 0 && auth.user.picture;
+	return /* @__PURE__ */ jsx(ActionButton, {
+		...buttonProps,
+		icon: hasAvatar ? void 0 : icon === null ? void 0 : icon ?? IconUser,
+		leftSection: hasAvatar ? /* @__PURE__ */ jsx(Avatar, {
+			src: `/api/files/${auth.user.picture}`,
+			size: 24,
+			radius: "xl"
+		}) : void 0,
+		menu: {
+			position: "bottom-end",
+			width: 200,
+			...menuConfig,
+			items
+		},
+		children
+	});
+};
+
+//#endregion
+//#region ../../src/auth/index.ts
+/**
+* Authentication UI components.
+*
+* **Features:**
+* - Login page component
+* - Register page component
+* - Reset password page component
+* - Email verification page component
+* - UserButton for user menu
+*
+* @module alepha.ui.auth
+*/
+const AlephaUIAuth = $module({
+	name: "alepha.ui.auth",
+	services: [
+		AlephaUI,
+		AlephaReactAuth,
+		AlephaReactI18n,
+		AuthRouter,
+		AuthI18n
+	]
+});
+
+//#endregion
+//#region ../../src/admin/AdminRouter.tsx
 var AdminRouter = class {
 	router = $inject(ReactRouter);
 	authRouter = $inject(AuthRouter);
@@ -23,58 +332,108 @@ var AdminRouter = class {
 	auditCtrl = $client();
 	jobCtrl = $client();
 	apiKeyCtrl = $client();
+	adminCookie = $cookie(alephaSidebarAtom, { name: "admin.sidebar" });
 	configFn = () => {
-		return { sidebarProps: { items: this.getDefaultSidebarItems() } };
+		return {
+			sidebarProps: { items: this.getDefaultSidebarItems() },
+			appBarProps: { items: this.getDefaultAppBarItems() }
+		};
 	};
+	getDefaultAppBarItems() {
+		return [
+			{
+				type: "burger",
+				position: "left"
+			},
+			{
+				element: /* @__PURE__ */ jsx(Breadcrumb, {}),
+				position: "left"
+			},
+			{
+				element: /* @__PURE__ */ jsx(UserButton, {}),
+				position: "right"
+			},
+			{
+				element: /* @__PURE__ */ jsx(ThemeButton, { expert: true }),
+				position: "right"
+			},
+			{
+				element: /* @__PURE__ */ jsx(LanguageButton, {}),
+				position: "right"
+			},
+			{
+				type: "dark",
+				position: "right"
+			}
+		];
+	}
 	getDefaultSidebarItems() {
-		return [{
-			type: "section",
-			label: "Identity",
-			children: [
-				{
-					...this.router.node(this.adminUsers.name),
-					can: () => this.userCtrl.findUsers.can()
-				},
-				{
-					...this.router.node(this.adminSessions.name),
-					can: () => this.sessionCtrl.findSessions.can()
-				},
-				{
-					...this.router.node(this.adminApiKeys.name),
-					can: () => this.apiKeyCtrl.findApiKeys.can()
-				}
-			]
-		}, {
-			type: "section",
-			label: "System",
-			children: [
-				{
-					...this.router.node(this.adminFiles.name),
-					can: () => this.fileCtrl.findFiles.can()
-				},
-				{
-					...this.router.node(this.adminJobDashboard.name),
-					href: void 0,
-					can: () => this.jobCtrl.getJobRegistry.can(),
+		return [
+			{
+				position: "top",
+				type: "search"
+			},
+			{
+				position: "top",
+				type: "spacer"
+			},
+			{
+				label: "Dashboard",
+				href: "/admin",
+				icon: IconLayoutDashboard
+			},
+			{
+				type: "section",
+				label: "Security",
+				children: [{
+					label: "Identity",
+					icon: IconLockPassword,
 					children: [
 						{
-							...this.router.node(this.adminJobDashboard.name),
-							label: "Dashboard"
+							...this.router.node(this.adminUsers.name),
+							can: () => this.userCtrl.findUsers.can()
 						},
-						{ ...this.router.node(this.adminJobRegistry.name) },
-						{ ...this.router.node(this.adminJobExecutions.name) }
+						{
+							...this.router.node(this.adminSessions.name),
+							can: () => this.sessionCtrl.findSessions.can()
+						},
+						{
+							...this.router.node(this.adminApiKeys.name),
+							can: () => this.apiKeyCtrl.findApiKeys.can()
+						}
 					]
-				},
-				{
+				}, {
 					...this.router.node(this.adminAudits.name),
 					can: () => this.auditCtrl.findAudits.can()
-				},
-				{
-					...this.router.node(this.adminParameters.name),
-					can: () => this.paramCtrl.getParameterTree.can()
-				}
-			]
-		}];
+				}]
+			},
+			{
+				type: "section",
+				label: "System",
+				children: [
+					{
+						...this.router.node(this.adminFiles.name),
+						can: () => this.fileCtrl.findFiles.can()
+					},
+					{
+						label: "Jobs",
+						icon: IconTerminal2,
+						children: [
+							{
+								...this.router.node(this.adminJobDashboard.name),
+								label: "Dashboard"
+							},
+							{ ...this.router.node(this.adminJobRegistry.name) },
+							{ ...this.router.node(this.adminJobExecutions.name) }
+						]
+					},
+					{
+						...this.router.node(this.adminParameters.name),
+						can: () => this.paramCtrl.getParameterTree.can()
+					}
+				]
+			}
+		];
 	}
 	adminShellProps() {
 		if (this.configFn) return this.configFn(this);
@@ -86,48 +445,64 @@ var AdminRouter = class {
 	adminLayout = $page({
 		path: "/admin",
 		label: "Admin",
-		lazy: () => import("./AdminLayout-DHsvWxVB.js"),
+		head: {
+			title: "Admin Panel",
+			titleSeparator: " | "
+		},
+		lazy: () => import("./AdminLayout-B1DXZHDn.js"),
 		props: () => ({ adminShellProps: this.adminShellProps() }),
 		loader: ({ user, url }) => {
 			if (!user) throw this.onNotAuthorized(url);
 			return {};
 		}
 	});
+	adminDashboard = $page({
+		icon: IconLayoutDashboard,
+		parent: this.adminLayout,
+		path: "/",
+		label: "Dashboard",
+		lazy: () => import("./AdminDashboard-C92tIc6x.js")
+	});
 	adminUsers = $page({
 		icon: IconUsers,
 		parent: this.adminLayout,
 		path: "/users",
 		label: "Users",
+		head: { title: "Users" },
 		description: "Manage application users and their roles.",
-		lazy: () => import("./AdminUsers-C85c3eiQ.js"),
+		lazy: () => import("./AdminUsers-CR9z0g_5.js"),
 		can: () => this.userCtrl.findUsers.can()
 	});
 	adminUserLayout = $page({
 		parent: this.adminLayout,
 		path: "/users/:userId",
-		lazy: () => import("./AdminUserLayout-BdC4Te8m.js")
+		head: { title: "Users" },
+		lazy: () => import("./AdminUserLayout-DUbC6-BI.js")
 	});
 	adminUserProfile = $page({
 		icon: IconUser,
 		parent: this.adminUserLayout,
 		path: "/",
 		label: "Profile",
-		lazy: () => import("./AdminUserProfile-DAt23fqY.js")
+		head: { title: "User Profile" },
+		lazy: () => import("./AdminUserProfile-DuTUnjdG.js")
 	});
 	adminUserSessions = $page({
 		icon: IconDevices,
 		parent: this.adminUserLayout,
 		path: "/sessions",
 		label: "Sessions",
-		lazy: () => import("./AdminUserSessions-1uzcx02z.js")
+		head: { title: "User Sessions" },
+		lazy: () => import("./AdminUserSessions-DvZdAGpL.js")
 	});
 	adminAudits = $page({
 		icon: IconHistory,
 		parent: this.adminLayout,
 		path: "/audits",
 		label: "Audit Log",
+		head: { title: "Audit Logs" },
 		description: "View system-wide audit trail and activity logs.",
-		lazy: () => import("./AdminAudits-Bgbf04hO.js"),
+		lazy: () => import("./AdminAudits-DzD_4cDt.js"),
 		can: () => this.auditCtrl.findAudits.can()
 	});
 	adminSessions = $page({
@@ -136,7 +511,8 @@ var AdminRouter = class {
 		path: "/sessions",
 		label: "Sessions",
 		description: "View and manage all active sessions.",
-		lazy: () => import("./AdminSessions-BhGJPI3z.js"),
+		head: { title: "Sessions" },
+		lazy: () => import("./AdminSessions-BnH5CZQl.js"),
 		can: () => this.sessionCtrl.findSessions.can()
 	});
 	adminFiles = $page({
@@ -145,7 +521,8 @@ var AdminRouter = class {
 		path: "/files",
 		label: "Files",
 		description: "Manage uploaded files and storage.",
-		lazy: () => import("./AdminFiles-B9a7G3cY.js"),
+		head: { title: "Files" },
+		lazy: () => import("./AdminFiles-DLpfhBkf.js"),
 		can: () => this.fileCtrl.findFiles.can()
 	});
 	adminParameters = $page({
@@ -154,19 +531,20 @@ var AdminRouter = class {
 		path: "/parameters",
 		label: "Parameters",
 		description: "View and manage application parameters.",
-		lazy: () => import("./AdminParameters-DHw9ATgl.js"),
+		lazy: () => import("./AdminParameters-BspPeqp_.js"),
 		can: () => this.paramCtrl.getParameterTree.can(),
+		head: { title: "Parameters" },
 		loader: async () => {
 			return { treeData: await this.paramCtrl.getParameterTree({}) };
 		}
 	});
 	adminJobDashboard = $page({
-		icon: IconTerminal2,
+		icon: IconDashboard,
 		parent: this.adminLayout,
 		path: "/jobs",
 		label: "Jobs",
 		description: "Monitor and manage background jobs and scheduled tasks.",
-		lazy: () => import("./AdminJobDashboard-DaTwf5OY.js"),
+		lazy: () => import("./AdminJobDashboard-KIOkeMgE.js"),
 		can: () => this.jobCtrl.getJobRegistry.can()
 	});
 	adminJobRegistry = $page({
@@ -175,7 +553,7 @@ var AdminRouter = class {
 		path: "/jobs/registry",
 		label: "Registry",
 		description: "View all registered job definitions.",
-		lazy: () => import("./AdminJobRegistry-DFgV3oqx.js"),
+		lazy: () => import("./AdminJobRegistry-PFajqaGK.js"),
 		can: () => this.jobCtrl.getJobRegistry.can()
 	});
 	adminJobExecutions = $page({
@@ -184,7 +562,7 @@ var AdminRouter = class {
 		path: "/jobs/executions",
 		label: "Executions",
 		description: "Browse and filter job execution history.",
-		lazy: () => import("./AdminJobExecutions-B9cek5dl.js"),
+		lazy: () => import("./AdminJobExecutions-D0Yo_PU0.js"),
 		can: () => this.jobCtrl.findJobExecutions.can()
 	});
 	adminApiKeys = $page({
@@ -192,8 +570,9 @@ var AdminRouter = class {
 		parent: this.adminLayout,
 		path: "/api-keys",
 		label: "API Keys",
+		head: { title: "API Keys" },
 		description: "View and manage API keys for programmatic access.",
-		lazy: () => import("./AdminApiKeys-C-6_Q-lH.js"),
+		lazy: () => import("./AdminApiKeys-BJhIwfD6.js"),
 		can: () => this.apiKeyCtrl.findApiKeys.can()
 	});
 };