@podosoft/podokit 0.2.0 → 0.4.0

package/dist/templates/modules/admin-dashboard/files/apps/web/src/lib/components/ui/sidebar/sidebar-trigger.svelte

@@ -0,0 +1,36 @@
+<script lang="ts">
+	import { Button } from "$lib/components/ui/button/index.js";
+	import PanelLeftIcon from '@lucide/svelte/icons/panel-left';
+	import { cn } from "$lib/utils.js";
+	import type { ComponentProps } from "svelte";
+	import { useSidebar } from "./context.svelte.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		onclick,
+		...restProps
+	}: ComponentProps<typeof Button> & {
+		onclick?: (e: MouseEvent) => void;
+	} = $props();
+
+	const sidebar = useSidebar();
+</script>
+
+<Button
+	bind:ref
+	data-sidebar="trigger"
+	data-slot="sidebar-trigger"
+	variant="ghost"
+	size="icon-sm"
+	class={cn("cn-sidebar-trigger", className)}
+	type="button"
+	onclick={(e) => {
+		onclick?.(e);
+		sidebar.toggle();
+	}}
+	{...restProps}
+>
+	<PanelLeftIcon  />
+	<span class="sr-only">Toggle Sidebar</span>
+</Button>

package/dist/templates/modules/admin-dashboard/files/apps/web/src/lib/components/ui/sidebar/sidebar.svelte

@@ -0,0 +1,108 @@
+<script lang="ts">
+	import * as Sheet from "$lib/components/ui/sheet/index.js";
+	import { cn, type WithElementRef } from "$lib/utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+	import { SIDEBAR_WIDTH_MOBILE } from "./constants.js";
+	import { useSidebar } from "./context.svelte.js";
+
+	let {
+		ref = $bindable(null),
+		side = "left",
+		variant = "sidebar",
+		collapsible = "offcanvas",
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+		side?: "left" | "right";
+		variant?: "sidebar" | "floating" | "inset";
+		collapsible?: "offcanvas" | "icon" | "none";
+	} = $props();
+
+	const sidebar = useSidebar();
+</script>
+
+{#if collapsible === "none"}
+	<div
+		class={cn(
+			"bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col",
+			className
+		)}
+		bind:this={ref}
+		{...restProps}
+	>
+		{@render children?.()}
+	</div>
+{:else if sidebar.isMobile}
+	<Sheet.Root
+		bind:open={() => sidebar.openMobile, (v) => sidebar.setOpenMobile(v)}
+		{...restProps}
+	>
+		<Sheet.Content
+			bind:ref
+			data-sidebar="sidebar"
+			data-slot="sidebar"
+			data-mobile="true"
+			class={cn(
+				"bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",
+				className
+			)}
+			style="--sidebar-width: {SIDEBAR_WIDTH_MOBILE};"
+			{side}
+		>
+			<Sheet.Header class="sr-only">
+				<Sheet.Title>Sidebar</Sheet.Title>
+				<Sheet.Description>Displays the mobile sidebar.</Sheet.Description>
+			</Sheet.Header>
+			<div class="flex h-full w-full flex-col">
+				{@render children?.()}
+			</div>
+		</Sheet.Content>
+	</Sheet.Root>
+{:else}
+	<div
+		bind:this={ref}
+		class="text-sidebar-foreground group peer hidden md:block"
+		data-state={sidebar.state}
+		data-collapsible={sidebar.state === "collapsed" ? collapsible : ""}
+		data-variant={variant}
+		data-side={side}
+		data-slot="sidebar"
+	>
+		<!-- This is what handles the sidebar gap on desktop -->
+		<div
+			data-slot="sidebar-gap"
+			class={cn(
+				"transition-[width] duration-200 ease-linear relative w-(--sidebar-width) bg-transparent",
+				"group-data-[collapsible=offcanvas]:w-0",
+				"group-data-[side=right]:rotate-180",
+				variant === "floating" || variant === "inset"
+					? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]"
+					: "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
+			)}
+		></div>
+		<div
+			data-slot="sidebar-container"
+			class={cn(
+				"fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",
+				side === "left"
+					? "start-0 group-data-[collapsible=offcanvas]:start-[calc(var(--sidebar-width)*-1)]"
+					: "end-0 group-data-[collapsible=offcanvas]:end-[calc(var(--sidebar-width)*-1)]",
+				// Adjust the padding for floating and inset variants.
+				variant === "floating" || variant === "inset"
+					? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]"
+					: "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-e group-data-[side=right]:border-s",
+				className
+			)}
+			{...restProps}
+		>
+			<div
+				data-sidebar="sidebar"
+				data-slot="sidebar-inner"
+				class="bg-sidebar group-data-[variant=floating]:ring-sidebar-border group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 flex size-full flex-col"
+			>
+				{@render children?.()}
+			</div>
+		</div>
+	</div>
+{/if}

package/dist/templates/modules/admin-dashboard/files/apps/web/src/lib/components/user-avatar.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+  import * as Avatar from "$lib/components/ui/avatar";
+  import type { SessionUser } from "../../app.d.ts";
+
+  let { user, class: className }: { user: Pick<SessionUser, "name" | "email" | "image">; class?: string } = $props();
+  const initials = $derived((user.name || user.email || "?").slice(0, 2).toUpperCase());
+</script>
+
+<Avatar.Root class={className}>
+  {#if user.image}<Avatar.Image src={user.image} alt={user.name} />{/if}
+  <Avatar.Fallback>{initials}</Avatar.Fallback>
+</Avatar.Root>

package/dist/templates/modules/admin-dashboard/files/apps/web/src/lib/hooks/is-mobile.svelte.ts

@@ -0,0 +1,9 @@
+import { MediaQuery } from "svelte/reactivity";
+
+const DEFAULT_MOBILE_BREAKPOINT = 768;
+
+export class IsMobile extends MediaQuery {
+	constructor(breakpoint: number = DEFAULT_MOBILE_BREAKPOINT) {
+		super(`max-width: ${breakpoint - 1}px`);
+	}
+}

package/dist/templates/modules/admin-dashboard/files/apps/web/src/lib/i18n/index.ts

@@ -0,0 +1,27 @@
+import { getContext, setContext } from "svelte";
+import type { Locale, Messages } from "./messages";
+
+const KEY = Symbol("i18n");
+
+export type I18nContext = { readonly t: Messages; readonly locale: Locale };
+
+export function setI18nContext(ctx: I18nContext): void {
+  setContext(KEY, ctx);
+}
+
+export function getI18n(): I18nContext {
+  return getContext(KEY) as I18nContext;
+}
+
+// Fill {name}-style placeholders in a message.
+export function fmt(template: string, values: Record<string, string | number>): string {
+  return template.replace(/\{(\w+)\}/g, (match, key: string) =>
+    key in values ? String(values[key]) : match,
+  );
+}
+
+// Render a timestamp in the viewer's own locale and timezone (browser defaults),
+// so dates always match the user's regional settings. Used across all pages.
+export function formatDateTime(value: string | Date): string {
+  return new Date(value).toLocaleString();
+}

package/dist/templates/modules/admin-dashboard/files/apps/web/src/lib/i18n/messages.ts

@@ -0,0 +1,359 @@
+// Static message catalogs for the admin dashboard. Default locale is English.
+export const LOCALES = ["en", "ko"] as const;
+export type Locale = (typeof LOCALES)[number];
+export const defaultLocale: Locale = "en";
+
+export const localeNames: Record<Locale, string> = {
+  en: "English",
+  ko: "한국어",
+};
+
+const en = {
+  common: { appName: "Admin" },
+  landing: { title: "Welcome", subtitle: "This is your app's home page. Replace it with your own content — the admin area lives under /admin.", openAdmin: "Open admin" },
+  language: { label: "Language" },
+  theme: { toggle: "Toggle theme", light: "Light", dark: "Dark", system: "System" },
+  auth: {
+    signInTitle: "Sign in",
+    signInDesc: "Enter your credentials to continue.",
+    email: "Email",
+    password: "Password",
+    forgot: "Forgot?",
+    signIn: "Sign in",
+    signingIn: "Signing in…",
+    noAccount: "No account?",
+    signUp: "Sign up",
+    signInFailed: "Sign in failed",
+    createTitle: "Create account",
+    createDesc: "Sign up to get started.",
+    name: "Name",
+    create: "Create account",
+    creating: "Creating…",
+    haveAccount: "Have an account?",
+    signUpFailed: "Sign up failed",
+    resetTitle: "Reset password",
+    resetDesc: "We'll send a reset link to your email.",
+    sendReset: "Send reset link",
+    sending: "Sending…",
+    resetSent: "If that email exists, a reset link is on its way.",
+    backToSignIn: "Back to sign in",
+    requestFailed: "Request failed",
+    newTitle: "Set a new password",
+    newPassword: "New password",
+    updatePassword: "Update password",
+    updating: "Updating…",
+    missingToken: "Missing or invalid reset token.",
+    resetFailed: "Reset failed",
+  },
+  nav: { overview: "Overview", users: "Users", sessions: "Sessions", audit: "Audit log", account: "Account", signOut: "Sign out" },
+  dashboard: { title: "Dashboard", welcome: "Welcome back, {name}.", yourRole: "Your role", signedInAs: "Signed in as" },
+  audit: { title: "Audit log", when: "When", actor: "Actor", action: "Action", target: "Target", ip: "IP", empty: "No audit entries.", loadFailed: "Failed to load audit log", total: "{count} entries" },
+  users: {
+    title: "Users",
+    search: "Search by email…",
+    name: "Name",
+    email: "Email",
+    role: "Role",
+    status: "Status",
+    active: "Active",
+    banned: "Banned",
+    makeUser: "Make user",
+    makeAdmin: "Make admin",
+    ban: "Ban",
+    unban: "Unban",
+    empty: "No users.",
+    total: "{count} users",
+    previous: "Previous",
+    next: "Next",
+    roleSet: "Role set to {role}",
+    userBanned: "User banned",
+    userUnbanned: "User unbanned",
+    loadFailed: "Failed to load users",
+    actionFailed: "Action failed",
+    addUser: "Add user",
+    createTitle: "Create user",
+    password: "Password",
+    create: "Create",
+    cancel: "Cancel",
+    userCreated: "User created",
+    setPassword: "Set password",
+    newPassword: "New password",
+    save: "Save",
+    passwordSet: "Password updated",
+    delete: "Delete",
+    deleteTitle: "Delete user",
+    deleteConfirm: "Delete {email}? This cannot be undone.",
+    userDeleted: "User deleted",
+    confirmPassword: "Confirm password",
+    confirmNewPassword: "Confirm new password",
+    passwordMismatch: "Passwords do not match",
+    edit: "Edit",
+    editTitle: "Edit user",
+    userUpdated: "User updated",
+    impersonate: "Impersonate",
+    banTitle: "Ban user",
+    banReason: "Reason (optional)",
+    banExpiryDays: "Expires in (days, optional)",
+    stopImpersonating: "Stop impersonating",
+    impersonatingAs: "Impersonating {email}",
+    manage: "Manage",
+    revokeSession: "Revoke",
+  },
+  sessions: {
+    title: "Active sessions",
+    device: "Device",
+    ip: "IP",
+    since: "Since",
+    revoke: "Revoke",
+    unknown: "Unknown",
+    empty: "No active sessions.",
+    revoked: "Session revoked",
+    loadFailed: "Failed to load sessions",
+    revokeFailed: "Failed to revoke",
+    status: "Status",
+    current: "Current",
+    signOutOthers: "Sign out other sessions",
+    othersRevoked: "Signed out other sessions",
+    total: "{count} sessions",
+  },
+  adminSessions: {
+    title: "User sessions",
+    user: "User",
+    device: "Device",
+    ip: "IP",
+    since: "Since",
+    revoke: "Revoke session",
+    revokeAll: "Revoke all for user",
+    unknown: "Unknown",
+    empty: "No active sessions.",
+    revoked: "Session revoked",
+    allRevoked: "All sessions revoked for user",
+    loadFailed: "Failed to load sessions",
+    total: "{count} sessions",
+  },
+  account: {
+    title: "Account",
+    profile: "Profile",
+    name: "Name",
+    email: "Email",
+    role: "Role",
+    changePassword: "Change password",
+    currentPassword: "Current password",
+    newPassword: "New password",
+    update: "Update password",
+    updating: "Updating…",
+    changed: "Password changed",
+    changeFailed: "Failed to change password",
+    nav: { profile: "Profile", security: "Security", connected: "Connected", sessions: "Sessions", danger: "Danger zone" },
+    twoFactorTitle: "Two-factor authentication",
+    twoFactorDesc: "Add a one-time code from your authenticator app at sign-in.",
+    twoFactorOn: "Enabled",
+    twoFactorOff: "Disabled",
+    enable: "Enable",
+    disable: "Disable",
+    password: "Password",
+    scanHint: "Add this to your authenticator app, then enter the 6-digit code.",
+    setupKey: "Setup key (otpauth URI)",
+    backupCodes: "Backup codes — store them somewhere safe",
+    code: "Verification code",
+    verify: "Verify",
+    twoFactorEnabled: "Two-factor enabled",
+    twoFactorDisabled: "Two-factor disabled",
+    connectedTitle: "Connected accounts",
+    connectedDesc: "Link social accounts to sign in with them.",
+    connect: "Connect",
+    disconnect: "Disconnect",
+    connected: "Connected",
+    notConnected: "Not connected",
+    disconnected: "Disconnected",
+    dangerTitle: "Delete account",
+    dangerDesc: "Permanently delete your account and all associated data.",
+    deleteAccount: "Delete account",
+    deleteAccountConfirm: "This permanently deletes your account and cannot be undone. Enter your password to confirm.",
+    accountDeleted: "Account deleted",
+    save: "Save changes",
+    saved: "Profile updated",
+    saveFailed: "Failed to save profile",
+    verified: "Verified",
+    unverified: "Unverified",
+  },
+};
+
+export type Messages = typeof en;
+
+const ko: Messages = {
+  common: { appName: "관리자" },
+  landing: { title: "환영합니다", subtitle: "앱의 홈 페이지입니다. 원하는 내용으로 교체하세요 — 관리자 기능은 /admin 에 있습니다.", openAdmin: "관리자 열기" },
+  language: { label: "언어" },
+  theme: { toggle: "테마 전환", light: "라이트", dark: "다크", system: "시스템" },
+  auth: {
+    signInTitle: "로그인",
+    signInDesc: "계속하려면 로그인하세요.",
+    email: "이메일",
+    password: "비밀번호",
+    forgot: "비밀번호 찾기",
+    signIn: "로그인",
+    signingIn: "로그인 중…",
+    noAccount: "계정이 없으신가요?",
+    signUp: "회원가입",
+    signInFailed: "로그인에 실패했습니다",
+    createTitle: "회원가입",
+    createDesc: "가입하고 시작하세요.",
+    name: "이름",
+    create: "계정 만들기",
+    creating: "생성 중…",
+    haveAccount: "이미 계정이 있으신가요?",
+    signUpFailed: "회원가입에 실패했습니다",
+    resetTitle: "비밀번호 재설정",
+    resetDesc: "이메일로 재설정 링크를 보내드립니다.",
+    sendReset: "재설정 링크 보내기",
+    sending: "전송 중…",
+    resetSent: "해당 이메일이 존재하면 재설정 링크가 전송됩니다.",
+    backToSignIn: "로그인으로 돌아가기",
+    requestFailed: "요청에 실패했습니다",
+    newTitle: "새 비밀번호 설정",
+    newPassword: "새 비밀번호",
+    updatePassword: "비밀번호 변경",
+    updating: "변경 중…",
+    missingToken: "재설정 토큰이 없거나 유효하지 않습니다.",
+    resetFailed: "재설정에 실패했습니다",
+  },
+  nav: { overview: "개요", users: "회원", sessions: "세션", audit: "감사 로그", account: "계정", signOut: "로그아웃" },
+  dashboard: { title: "대시보드", welcome: "{name}님, 환영합니다.", yourRole: "내 권한", signedInAs: "로그인 계정" },
+  audit: { title: "감사 로그", when: "시각", actor: "수행자", action: "동작", target: "대상", ip: "IP", empty: "감사 기록이 없습니다.", loadFailed: "감사 로그를 불러오지 못했습니다", total: "항목 {count}개" },
+  users: {
+    title: "회원",
+    search: "이메일로 검색…",
+    name: "이름",
+    email: "이메일",
+    role: "권한",
+    status: "상태",
+    active: "활성",
+    banned: "차단됨",
+    makeUser: "일반 사용자로",
+    makeAdmin: "관리자로",
+    ban: "차단",
+    unban: "차단 해제",
+    empty: "회원이 없습니다.",
+    total: "회원 {count}명",
+    previous: "이전",
+    next: "다음",
+    roleSet: "권한을 {role}(으)로 변경했습니다",
+    userBanned: "회원을 차단했습니다",
+    userUnbanned: "차단을 해제했습니다",
+    loadFailed: "회원 목록을 불러오지 못했습니다",
+    actionFailed: "작업에 실패했습니다",
+    addUser: "사용자 추가",
+    createTitle: "사용자 생성",
+    password: "비밀번호",
+    create: "생성",
+    cancel: "취소",
+    userCreated: "사용자를 생성했습니다",
+    setPassword: "비밀번호 설정",
+    newPassword: "새 비밀번호",
+    save: "저장",
+    passwordSet: "비밀번호를 변경했습니다",
+    delete: "삭제",
+    deleteTitle: "사용자 삭제",
+    deleteConfirm: "{email} 사용자를 삭제할까요? 되돌릴 수 없습니다.",
+    userDeleted: "사용자를 삭제했습니다",
+    confirmPassword: "비밀번호 확인",
+    confirmNewPassword: "새 비밀번호 확인",
+    passwordMismatch: "비밀번호가 일치하지 않습니다",
+    edit: "편집",
+    editTitle: "사용자 편집",
+    userUpdated: "사용자를 수정했습니다",
+    impersonate: "이 사용자로 로그인",
+    banTitle: "사용자 차단",
+    banReason: "사유 (선택)",
+    banExpiryDays: "만료 (일, 선택)",
+    stopImpersonating: "대리 로그인 종료",
+    impersonatingAs: "{email} 사용자로 대리 로그인 중",
+    manage: "관리",
+    revokeSession: "종료",
+  },
+  sessions: {
+    title: "활성 세션",
+    device: "기기",
+    ip: "IP",
+    since: "시작",
+    revoke: "종료",
+    unknown: "알 수 없음",
+    empty: "활성 세션이 없습니다.",
+    revoked: "세션을 종료했습니다",
+    loadFailed: "세션을 불러오지 못했습니다",
+    revokeFailed: "세션 종료에 실패했습니다",
+    status: "상태",
+    current: "현재",
+    signOutOthers: "다른 세션 모두 종료",
+    othersRevoked: "다른 세션을 모두 종료했습니다",
+    total: "세션 {count}개",
+  },
+  adminSessions: {
+    title: "사용자 세션",
+    user: "사용자",
+    device: "기기",
+    ip: "IP",
+    since: "시작",
+    revoke: "세션 종료",
+    revokeAll: "사용자 세션 모두 종료",
+    unknown: "알 수 없음",
+    empty: "활성 세션이 없습니다.",
+    revoked: "세션을 종료했습니다",
+    allRevoked: "사용자의 세션을 모두 종료했습니다",
+    loadFailed: "세션을 불러오지 못했습니다",
+    total: "세션 {count}개",
+  },
+  account: {
+    title: "계정",
+    profile: "프로필",
+    name: "이름",
+    email: "이메일",
+    role: "권한",
+    changePassword: "비밀번호 변경",
+    currentPassword: "현재 비밀번호",
+    newPassword: "새 비밀번호",
+    update: "비밀번호 변경",
+    updating: "변경 중…",
+    changed: "비밀번호를 변경했습니다",
+    changeFailed: "비밀번호 변경에 실패했습니다",
+    nav: { profile: "프로필", security: "보안", connected: "연결", sessions: "세션", danger: "위험 영역" },
+    twoFactorTitle: "2단계 인증",
+    twoFactorDesc: "로그인 시 인증 앱의 일회용 코드를 추가로 요구합니다.",
+    twoFactorOn: "사용 중",
+    twoFactorOff: "사용 안 함",
+    enable: "사용",
+    disable: "해제",
+    password: "비밀번호",
+    scanHint: "인증 앱에 등록한 뒤 6자리 코드를 입력하세요.",
+    setupKey: "설정 키 (otpauth URI)",
+    backupCodes: "백업 코드 — 안전한 곳에 보관하세요",
+    code: "인증 코드",
+    verify: "확인",
+    twoFactorEnabled: "2단계 인증을 사용합니다",
+    twoFactorDisabled: "2단계 인증을 해제했습니다",
+    connectedTitle: "연결된 계정",
+    connectedDesc: "소셜 계정을 연결하면 해당 계정으로 로그인할 수 있습니다.",
+    connect: "연결",
+    disconnect: "연결 해제",
+    connected: "연결됨",
+    notConnected: "연결 안 됨",
+    disconnected: "연결을 해제했습니다",
+    dangerTitle: "계정 삭제",
+    dangerDesc: "계정과 모든 관련 데이터를 영구히 삭제합니다.",
+    deleteAccount: "계정 삭제",
+    deleteAccountConfirm: "계정이 영구히 삭제되며 되돌릴 수 없습니다. 확인하려면 비밀번호를 입력하세요.",
+    accountDeleted: "계정을 삭제했습니다",
+    save: "변경 저장",
+    saved: "프로필을 저장했습니다",
+    saveFailed: "프로필 저장에 실패했습니다",
+    verified: "인증됨",
+    unverified: "미인증",
+  },
+};
+
+export const messages: Record<Locale, Messages> = { en, ko };
+
+export function resolveLocale(value: string | undefined | null): Locale {
+  return LOCALES.includes(value as Locale) ? (value as Locale) : defaultLocale;
+}

package/dist/templates/modules/admin-dashboard/files/apps/web/src/routes/(app)/+layout.server.ts

@@ -0,0 +1,14 @@
+import type { LayoutServerLoad } from "./$types";
+
+type Capabilities = { twoFactor: boolean; providers: string[]; deleteAccount: boolean; auditLog: boolean };
+
+export const load: LayoutServerLoad = async ({ locals, fetch }) => {
+  let capabilities: Capabilities = { twoFactor: false, providers: [], deleteAccount: false, auditLog: false };
+  try {
+    const res = await fetch("/api/account/capabilities");
+    if (res.ok) capabilities = (await res.json()) as Capabilities;
+  } catch {
+    /* keep defaults */
+  }
+  return { user: locals.user, impersonating: !!locals.session?.impersonatedBy, capabilities };
+};

package/dist/templates/modules/admin-dashboard/files/apps/web/src/routes/(app)/+layout.svelte

@@ -0,0 +1,50 @@
+<script lang="ts">
+  import { goto } from "$app/navigation";
+  import * as Sidebar from "$lib/components/ui/sidebar";
+  import { Separator } from "$lib/components/ui/separator";
+  import { Button } from "$lib/components/ui/button";
+  import AppSidebar from "$lib/components/app-sidebar.svelte";
+  import ThemeToggle from "$lib/components/theme-toggle.svelte";
+  import LanguageSwitch from "$lib/components/language-switch.svelte";
+  import { Toaster } from "$lib/components/ui/sonner";
+  import { api } from "$lib/api";
+  import { getI18n } from "$lib/i18n";
+  import type { SessionUser } from "../../app.d.ts";
+
+  let {
+    children,
+    data,
+  }: {
+    children: import("svelte").Snippet;
+    data: { user: SessionUser; impersonating: boolean; capabilities: { auditLog?: boolean } };
+  } = $props();
+  const i18n = getI18n();
+
+  async function stopImpersonating(): Promise<void> {
+    await api.auth.admin.stopImpersonating();
+    await goto("/admin", { invalidateAll: true });
+  }
+</script>
+
+<Sidebar.Provider>
+  <AppSidebar user={data.user} capabilities={data.capabilities} />
+  <Sidebar.Inset>
+    {#if data.impersonating}
+      <div class="bg-primary text-primary-foreground flex items-center justify-between gap-2 px-4 py-2 text-sm">
+        <span>{i18n.t.users.impersonatingAs.replace("{email}", data.user.email)}</span>
+        <Button variant="secondary" size="sm" onclick={stopImpersonating}>{i18n.t.users.stopImpersonating}</Button>
+      </div>
+    {/if}
+    <header class="flex h-14 items-center gap-2 border-b px-4">
+      <Sidebar.Trigger />
+      <Separator orientation="vertical" class="mr-2 h-4" />
+      <div class="flex-1"></div>
+      <LanguageSwitch />
+      <ThemeToggle />
+    </header>
+    <main class="flex-1 overflow-auto p-6">
+      {@render children()}
+    </main>
+  </Sidebar.Inset>
+</Sidebar.Provider>
+<Toaster />

package/dist/templates/modules/admin-dashboard/files/apps/web/src/routes/(app)/admin/+page.svelte

@@ -0,0 +1,25 @@
+<script lang="ts">
+  import * as Card from "$lib/components/ui/card";
+  import { getI18n, fmt } from "$lib/i18n";
+  import type { SessionUser } from "../../../app.d.ts";
+
+  let { data }: { data: { user: SessionUser } } = $props();
+  const i18n = getI18n();
+</script>
+
+<div class="flex flex-col gap-6">
+  <div>
+    <h1 class="text-2xl font-semibold">{i18n.t.dashboard.title}</h1>
+    <p class="text-muted-foreground text-sm">{fmt(i18n.t.dashboard.welcome, { name: data.user.name })}</p>
+  </div>
+  <div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
+    <Card.Root>
+      <Card.Header><Card.Title>{i18n.t.dashboard.yourRole}</Card.Title></Card.Header>
+      <Card.Content class="text-2xl font-semibold capitalize">{data.user.role ?? "user"}</Card.Content>
+    </Card.Root>
+    <Card.Root>
+      <Card.Header><Card.Title>{i18n.t.dashboard.signedInAs}</Card.Title></Card.Header>
+      <Card.Content class="text-muted-foreground truncate text-sm">{data.user.email}</Card.Content>
+    </Card.Root>
+  </div>
+</div>

package/dist/templates/modules/admin-dashboard/files/apps/web/src/routes/(app)/admin/account/+page.server.ts

@@ -0,0 +1,5 @@
+import type { PageServerLoad } from "./$types";
+
+export const load: PageServerLoad = ({ locals }) => {
+  return { currentSessionId: locals.session?.id ?? null };
+};