@podosoft/podokit 0.17.4 → 1.0.2

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

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils.js";
+	import { cn, type WithElementRef } from "#lib/utils.js";
 	import type { HTMLAttributes } from "svelte/elements";
 
 	let {

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

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import * as Tooltip from "$lib/components/ui/tooltip/index.js";
-	import { cn, type WithElementRef } from "$lib/utils.js";
+	import * as Tooltip from "#lib/components/ui/tooltip/index.js";
+	import { cn, type WithElementRef } from "#lib/utils.js";
 	import type { HTMLAttributes } from "svelte/elements";
 	import {
 		SIDEBAR_COOKIE_MAX_AGE,

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

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils.js";
+	import { cn, type WithElementRef } from "#lib/utils.js";
 	import type { HTMLAttributes } from "svelte/elements";
 	import { useSidebar } from "./context.svelte.js";
 

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

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Separator } from "$lib/components/ui/separator/index.js";
-	import { cn } from "$lib/utils.js";
+	import { Separator } from "#lib/components/ui/separator/index.js";
+	import { cn } from "#lib/utils.js";
 	import type { ComponentProps } from "svelte";
 
 	let {

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

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { Button } from "$lib/components/ui/button/index.js";
+	import { Button } from "#lib/components/ui/button/index.js";
 	import PanelLeftIcon from '@lucide/svelte/icons/panel-left';
-	import { cn } from "$lib/utils.js";
+	import { cn } from "#lib/utils.js";
 	import type { ComponentProps } from "svelte";
 	import { useSidebar } from "./context.svelte.js";
 

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

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import * as Sheet from "$lib/components/ui/sheet/index.js";
-	import { cn, type WithElementRef } from "$lib/utils.js";
+	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";

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

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import * as Avatar from "$lib/components/ui/avatar";
+  import * as Avatar from "#lib/components/ui/avatar/index.js";
   import type { SessionUser } from "../../app.d.ts";
 
   let { user, class: className }: { user: Pick<SessionUser, "name" | "email" | "image">; class?: string } = $props();

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

@@ -1,5 +1,5 @@
 import { page } from "$app/state";
-import { site } from "$lib/site.svelte";
+import { site } from "#lib/site.svelte.js";
 import { resolveLocale, type Locale, type Messages } from "./messages";
 
 export type I18nContext = { readonly t: Messages; readonly locale: Locale };

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

@@ -1,6 +1,6 @@
 import type { LayoutServerLoad } from "./$types";
-import { loadProtectedLayout } from "$lib/server/protected-layout";
-import { requireAdmin } from "$lib/server/guards";
+import { loadProtectedLayout } from "#lib/server/protected-layout.js";
+import { requireAdmin } from "#lib/server/guards.js";
 
 export const load: LayoutServerLoad = async ({ locals, fetch }) => {
   requireAdmin(locals.user, locals);

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

@@ -1,14 +1,11 @@
 <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 AdminSidebar from "$lib/components/admin-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 * as Sidebar from "#lib/components/ui/sidebar/index.js";
+  import { Separator } from "#lib/components/ui/separator/index.js";
+  import AdminSidebar from "#lib/components/admin-sidebar.svelte";
+  import ImpersonationBanner from "#lib/components/impersonation-banner.svelte";
+  import ThemeToggle from "#lib/components/theme-toggle.svelte";
+  import LanguageSwitch from "#lib/components/language-switch.svelte";
+  import { Toaster } from "#lib/components/ui/sonner/index.js";
   import type { SessionUser } from "../../app.d.ts";
 
   let {
@@ -18,22 +15,13 @@
     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>
   <AdminSidebar 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>
+      <ImpersonationBanner email={data.user.email} />
     {/if}
     <header class="flex h-14 items-center gap-2 border-b px-4">
       <Sidebar.Trigger />

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

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import * as Card from "$lib/components/ui/card";
-  import { api } from "$lib/api";
-  import { getI18n, fmt } from "$lib/i18n";
+  import * as Card from "#lib/components/ui/card/index.js";
+  import { api } from "#lib/api.js";
+  import { getI18n, fmt } from "#lib/i18n/index.js";
   import type { SessionUser } from "../../../app.d.ts";
 
   type Capabilities = { emailVerification: boolean };

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

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import AccountPage from "$lib/components/account-page.svelte";
+  import AccountPage from "#lib/components/account-page.svelte";
   import type { Capabilities } from "@podosoft/podokit-api-client";
   import type { SessionUser } from "../../../../app.d.ts";
 

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

@@ -1,5 +1,5 @@
 import type { PageServerLoad } from "./$types";
-import { requireAdmin } from "$lib/server/guards";
+import { requireAdmin } from "#lib/server/guards.js";
 
 export const load: PageServerLoad = ({ locals }) => {
   requireAdmin(locals.user, locals);

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

@@ -1,10 +1,10 @@
 <script lang="ts">
-  import { Badge } from "$lib/components/ui/badge";
-  import * as Table from "$lib/components/ui/table";
-  import DataTable, { type DataTableColumn, type SortState, DEFAULT_PAGE_SIZE } from "$lib/components/data-table.svelte";
-  import TableToolbar, { type ToolbarFilter, type ToolbarSearchField } from "$lib/components/table-toolbar.svelte";
+  import { Badge } from "#lib/components/ui/badge/index.js";
+  import * as Table from "#lib/components/ui/table/index.js";
+  import DataTable, { type DataTableColumn, type SortState, DEFAULT_PAGE_SIZE } from "#lib/components/data-table.svelte";
+  import TableToolbar, { type ToolbarFilter, type ToolbarSearchField } from "#lib/components/table-toolbar.svelte";
   import { toast } from "svelte-sonner";
-  import { getI18n, fmt, formatDateTime } from "$lib/i18n";
+  import { getI18n, fmt, formatDateTime } from "#lib/i18n/index.js";
 
   const i18n = getI18n();
   type Entry = {

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

@@ -1,5 +1,5 @@
 import type { PageServerLoad } from "./$types";
-import { requireAdmin } from "$lib/server/guards";
+import { requireAdmin } from "#lib/server/guards.js";
 
 export const load: PageServerLoad = ({ locals }) => {
   requireAdmin(locals.user, locals);

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

@@ -1,15 +1,15 @@
 <script lang="ts">
-  import { Button } from "$lib/components/ui/button";
-  import { Input } from "$lib/components/ui/input";
-  import { Label } from "$lib/components/ui/label";
-  import { Checkbox } from "$lib/components/ui/checkbox";
-  import * as Table from "$lib/components/ui/table";
-  import * as Dialog from "$lib/components/ui/dialog";
-  import * as Select from "$lib/components/ui/select";
-  import DataTable, { type DataTableColumn, type SortState, DEFAULT_PAGE_SIZE } from "$lib/components/data-table.svelte";
+  import { Button } from "#lib/components/ui/button/index.js";
+  import { Input } from "#lib/components/ui/input/index.js";
+  import { Label } from "#lib/components/ui/label/index.js";
+  import { Checkbox } from "#lib/components/ui/checkbox/index.js";
+  import * as Table from "#lib/components/ui/table/index.js";
+  import * as Dialog from "#lib/components/ui/dialog/index.js";
+  import * as Select from "#lib/components/ui/select/index.js";
+  import DataTable, { type DataTableColumn, type SortState, DEFAULT_PAGE_SIZE } from "#lib/components/data-table.svelte";
   import { toast } from "svelte-sonner";
-  import { api } from "$lib/api";
-  import { getI18n, fmt, formatDateTime } from "$lib/i18n";
+  import { api } from "#lib/api.js";
+  import { getI18n, fmt, formatDateTime } from "#lib/i18n/index.js";
 
   const i18n = getI18n();
 

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

@@ -1,5 +1,5 @@
 import type { PageServerLoad } from "./$types";
-import { requireAdmin } from "$lib/server/guards";
+import { requireAdmin } from "#lib/server/guards.js";
 
 export const load: PageServerLoad = ({ locals }) => {
   requireAdmin(locals.user, locals);

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

@@ -1,15 +1,15 @@
 <script lang="ts">
-  import { Button } from "$lib/components/ui/button";
-  import { Badge } from "$lib/components/ui/badge";
-  import * as Table from "$lib/components/ui/table";
-  import * as DropdownMenu from "$lib/components/ui/dropdown-menu";
-  import DataTable, { type DataTableColumn, type SortState, DEFAULT_PAGE_SIZE } from "$lib/components/data-table.svelte";
-  import TableToolbar, { type ToolbarSearchField } from "$lib/components/table-toolbar.svelte";
+  import { Button } from "#lib/components/ui/button/index.js";
+  import { Badge } from "#lib/components/ui/badge/index.js";
+  import * as Table from "#lib/components/ui/table/index.js";
+  import * as DropdownMenu from "#lib/components/ui/dropdown-menu/index.js";
+  import DataTable, { type DataTableColumn, type SortState, DEFAULT_PAGE_SIZE } from "#lib/components/data-table.svelte";
+  import TableToolbar, { type ToolbarSearchField } from "#lib/components/table-toolbar.svelte";
   import EllipsisIcon from "@lucide/svelte/icons/ellipsis";
   import { toast } from "svelte-sonner";
-  import { api } from "$lib/api";
-  import { getI18n, fmt, formatDateTime } from "$lib/i18n";
-  import { deviceLabel } from "$lib/device-label";
+  import { api } from "#lib/api.js";
+  import { getI18n, fmt, formatDateTime } from "#lib/i18n/index.js";
+  import { deviceLabel } from "#lib/device-label.js";
 
   const i18n = getI18n();
 

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

@@ -1,5 +1,5 @@
 import type { PageServerLoad } from "./$types";
-import { requireAdmin } from "$lib/server/guards";
+import { requireAdmin } from "#lib/server/guards.js";
 
 // Non-secret view of the DB-backed auth config (OAuth providers, SMTP, server
 // toggles). Secrets are never sent — only a `hasSecret` flag per credential.

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

@@ -1,20 +1,20 @@
 <script lang="ts">
   import { invalidateAll } from "$app/navigation";
-  import { Badge } from "$lib/components/ui/badge";
-  import { Switch } from "$lib/components/ui/switch";
-  import { Input } from "$lib/components/ui/input";
-  import { Label } from "$lib/components/ui/label";
-  import { Button } from "$lib/components/ui/button";
-  import * as Card from "$lib/components/ui/card";
-  import * as Dialog from "$lib/components/ui/dialog";
-  import * as Select from "$lib/components/ui/select";
-  import * as Tabs from "$lib/components/ui/tabs";
+  import { Badge } from "#lib/components/ui/badge/index.js";
+  import { Switch } from "#lib/components/ui/switch/index.js";
+  import { Input } from "#lib/components/ui/input/index.js";
+  import { Label } from "#lib/components/ui/label/index.js";
+  import { Button } from "#lib/components/ui/button/index.js";
+  import * as Card from "#lib/components/ui/card/index.js";
+  import * as Dialog from "#lib/components/ui/dialog/index.js";
+  import * as Select from "#lib/components/ui/select/index.js";
+  import * as Tabs from "#lib/components/ui/tabs/index.js";
   import GeneralSettings from "./general-settings.svelte";
-  import AppearanceCard from "$lib/components/settings/appearance-card.svelte";
-  import { moduleSettingsSections } from "$lib/admin/registry.svelte";
+  import AppearanceCard from "#lib/components/settings/appearance-card.svelte";
+  import { moduleSettingsSections } from "#lib/admin/registry.svelte.js";
   import { toast } from "svelte-sonner";
-  import { api } from "$lib/api";
-  import { fmt, getI18n } from "$lib/i18n";
+  import { api } from "#lib/api.js";
+  import { fmt, getI18n } from "#lib/i18n/index.js";
   import type { Capabilities } from "@podosoft/podokit-api-client";
   import type { AuthConfigView, SocialProviderView } from "./+page.server";
 

package/dist/templates/modules/admin-dashboard/files/apps/web/src/routes/(admin)/admin/settings/general-settings.svelte

@@ -1,15 +1,15 @@
 <script lang="ts">
-  import { Input } from "$lib/components/ui/input";
-  import { Label } from "$lib/components/ui/label";
-  import { Button } from "$lib/components/ui/button";
-  import { Switch } from "$lib/components/ui/switch";
-  import * as Select from "$lib/components/ui/select";
-  import * as Card from "$lib/components/ui/card";
+  import { Input } from "#lib/components/ui/input/index.js";
+  import { Label } from "#lib/components/ui/label/index.js";
+  import { Button } from "#lib/components/ui/button/index.js";
+  import { Switch } from "#lib/components/ui/switch/index.js";
+  import * as Select from "#lib/components/ui/select/index.js";
+  import * as Card from "#lib/components/ui/card/index.js";
   import { toast } from "svelte-sonner";
-  import { api } from "$lib/api";
-  import { getI18n } from "$lib/i18n";
-  import { defaultLocale, LOCALES, localeNames, resolveLocale } from "$lib/i18n/messages";
-  import { site, type SiteSettings } from "$lib/site.svelte";
+  import { api } from "#lib/api.js";
+  import { getI18n } from "#lib/i18n/index.js";
+  import { defaultLocale, LOCALES, localeNames, resolveLocale } from "#lib/i18n/messages.js";
+  import { site, type SiteSettings } from "#lib/site.svelte.js";
 
   const i18n = getI18n();
   const t = $derived(i18n.t.general);

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

@@ -1,5 +1,5 @@
 import type { PageServerLoad } from "./$types";
-import { requireAdmin } from "$lib/server/guards";
+import { requireAdmin } from "#lib/server/guards.js";
 
 export const load: PageServerLoad = ({ locals }) => {
   requireAdmin(locals.user, locals);

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

@@ -1,23 +1,23 @@
 <script lang="ts">
   import { goto } from "$app/navigation";
-  import { Button } from "$lib/components/ui/button";
-  import { Input } from "$lib/components/ui/input";
-  import { Label } from "$lib/components/ui/label";
-  import { Badge } from "$lib/components/ui/badge";
-  import { Checkbox } from "$lib/components/ui/checkbox";
-  import * as Table from "$lib/components/ui/table";
-  import * as Dialog from "$lib/components/ui/dialog";
-  import * as DropdownMenu from "$lib/components/ui/dropdown-menu";
-  import * as Select from "$lib/components/ui/select";
-  import DataTable, { type DataTableColumn, type SortState, DEFAULT_PAGE_SIZE } from "$lib/components/data-table.svelte";
-  import TableToolbar, { type ToolbarFilter, type ToolbarSearchField } from "$lib/components/table-toolbar.svelte";
+  import { Button } from "#lib/components/ui/button/index.js";
+  import { Input } from "#lib/components/ui/input/index.js";
+  import { Label } from "#lib/components/ui/label/index.js";
+  import { Badge } from "#lib/components/ui/badge/index.js";
+  import { Checkbox } from "#lib/components/ui/checkbox/index.js";
+  import * as Table from "#lib/components/ui/table/index.js";
+  import * as Dialog from "#lib/components/ui/dialog/index.js";
+  import * as DropdownMenu from "#lib/components/ui/dropdown-menu/index.js";
+  import * as Select from "#lib/components/ui/select/index.js";
+  import DataTable, { type DataTableColumn, type SortState, DEFAULT_PAGE_SIZE } from "#lib/components/data-table.svelte";
+  import TableToolbar, { type ToolbarFilter, type ToolbarSearchField } from "#lib/components/table-toolbar.svelte";
   import EllipsisIcon from "@lucide/svelte/icons/ellipsis";
   import PlusIcon from "@lucide/svelte/icons/plus";
   import { toast } from "svelte-sonner";
-  import { api } from "$lib/api";
-  import { getI18n, fmt, formatDateTime } from "$lib/i18n";
-  import { cn } from "$lib/utils";
-  import { deviceLabel } from "$lib/device-label";
+  import { api } from "#lib/api.js";
+  import { getI18n, fmt, formatDateTime } from "#lib/i18n/index.js";
+  import { cn } from "#lib/utils.js";
+  import { deviceLabel } from "#lib/device-label.js";
   import type { PageData } from "./$types";
 
   let { data }: { data: PageData } = $props();
@@ -121,11 +121,12 @@
     page = 1;
   }
 
-  // Impersonate — become the user, then a banner offers "stop impersonating".
+  // Impersonate — become the user, then continue on the signed-in account page
+  // where the banner offers a route back to the administrator session.
   async function impersonate(u: Row): Promise<void> {
     const { error } = await api.auth.admin.impersonateUser({ userId: u.id });
     if (error) return void toast.error(error.message ?? i18n.t.users.actionFailed);
-    await goto("/admin", { invalidateAll: true });
+    await goto("/account", { invalidateAll: true });
   }
 
   async function approve(u: Row): Promise<void> {

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

@@ -1,5 +1,5 @@
 import type { LayoutServerLoad } from "./$types";
-import { loadProtectedLayout } from "$lib/server/protected-layout";
+import { loadProtectedLayout } from "#lib/server/protected-layout.js";
 
 export const load: LayoutServerLoad = async ({ locals, fetch }) => {
   return loadProtectedLayout({ locals, fetch });

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

@@ -1,10 +1,10 @@
 <script lang="ts">
   import { page } from "$app/state";
   import { goto } from "$app/navigation";
-  import { Button } from "$lib/components/ui/button";
-  import * as Card from "$lib/components/ui/card";
-  import { api } from "$lib/api";
-  import { getI18n } from "$lib/i18n";
+  import { Button } from "#lib/components/ui/button/index.js";
+  import * as Card from "#lib/components/ui/card/index.js";
+  import { api } from "#lib/api.js";
+  import { getI18n } from "#lib/i18n/index.js";
 
   const i18n = getI18n();
   let status = $state<"pending" | "ok" | "error">("pending");

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

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import LanguageSwitch from "$lib/components/language-switch.svelte";
-  import SiteFooter from "$lib/components/site-footer.svelte";
+  import LanguageSwitch from "#lib/components/language-switch.svelte";
+  import SiteFooter from "#lib/components/site-footer.svelte";
   let { children } = $props();
 </script>
 

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

@@ -1,12 +1,12 @@
 <script lang="ts">
   import { page } from "$app/state";
-  import { Button } from "$lib/components/ui/button";
-  import { Input } from "$lib/components/ui/input";
-  import { Label } from "$lib/components/ui/label";
-  import * as Card from "$lib/components/ui/card";
-  import * as Alert from "$lib/components/ui/alert";
-  import { api } from "$lib/api";
-  import { getI18n } from "$lib/i18n";
+  import { Button } from "#lib/components/ui/button/index.js";
+  import { Input } from "#lib/components/ui/input/index.js";
+  import { Label } from "#lib/components/ui/label/index.js";
+  import * as Card from "#lib/components/ui/card/index.js";
+  import * as Alert from "#lib/components/ui/alert/index.js";
+  import { api } from "#lib/api.js";
+  import { getI18n } from "#lib/i18n/index.js";
 
   const i18n = getI18n();
   let email = $state("");

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

@@ -1,17 +1,17 @@
 <script lang="ts">
   import { goto } from "$app/navigation";
   import { page } from "$app/state";
-  import { Button } from "$lib/components/ui/button";
-  import { Input } from "$lib/components/ui/input";
-  import { Label } from "$lib/components/ui/label";
-  import * as Card from "$lib/components/ui/card";
-  import * as Alert from "$lib/components/ui/alert";
-  import { api } from "$lib/api";
-  import { PUBLIC_SIGNUP_DISABLED } from "$lib/auth-errors";
-  import { safeAuthRedirect, withAuthRedirect } from "$lib/auth-redirect";
-  import { getI18n, fmt } from "$lib/i18n";
+  import { Button } from "#lib/components/ui/button/index.js";
+  import { Input } from "#lib/components/ui/input/index.js";
+  import { Label } from "#lib/components/ui/label/index.js";
+  import * as Card from "#lib/components/ui/card/index.js";
+  import * as Alert from "#lib/components/ui/alert/index.js";
+  import { api } from "#lib/api.js";
+  import { PUBLIC_SIGNUP_DISABLED } from "#lib/auth-errors.js";
+  import { safeAuthRedirect, withAuthRedirect } from "#lib/auth-redirect.js";
+  import { getI18n, fmt } from "#lib/i18n/index.js";
   import { SIGNUP_APPROVAL_REQUIRED } from "@podosoft/podokit-api-client";
-  import { site } from "$lib/site.svelte";
+  import { site } from "#lib/site.svelte.js";
 
   import type { PageData } from "./$types";
 

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

@@ -1,8 +1,8 @@
 <script lang="ts">
   import { goto } from "$app/navigation";
-  import { Button } from "$lib/components/ui/button";
-  import * as Card from "$lib/components/ui/card";
-  import { getI18n } from "$lib/i18n";
+  import { Button } from "#lib/components/ui/button/index.js";
+  import * as Card from "#lib/components/ui/card/index.js";
+  import { getI18n } from "#lib/i18n/index.js";
 
   const i18n = getI18n();
 </script>

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

@@ -1,13 +1,13 @@
 <script lang="ts">
   import { goto } from "$app/navigation";
   import { page } from "$app/state";
-  import { Button } from "$lib/components/ui/button";
-  import { Input } from "$lib/components/ui/input";
-  import { Label } from "$lib/components/ui/label";
-  import * as Card from "$lib/components/ui/card";
-  import * as Alert from "$lib/components/ui/alert";
-  import { api } from "$lib/api";
-  import { getI18n } from "$lib/i18n";
+  import { Button } from "#lib/components/ui/button/index.js";
+  import { Input } from "#lib/components/ui/input/index.js";
+  import { Label } from "#lib/components/ui/label/index.js";
+  import * as Card from "#lib/components/ui/card/index.js";
+  import * as Alert from "#lib/components/ui/alert/index.js";
+  import { api } from "#lib/api.js";
+  import { getI18n } from "#lib/i18n/index.js";
 
   const i18n = getI18n();
   let password = $state("");

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

@@ -1,15 +1,15 @@
 <script lang="ts">
   import { goto } from "$app/navigation";
   import { page } from "$app/state";
-  import { Button } from "$lib/components/ui/button";
-  import { Input } from "$lib/components/ui/input";
-  import { Label } from "$lib/components/ui/label";
-  import * as Card from "$lib/components/ui/card";
-  import * as Alert from "$lib/components/ui/alert";
-  import { api } from "$lib/api";
-  import { PUBLIC_SIGNUP_DISABLED } from "$lib/auth-errors";
-  import { safeAuthRedirect, withAuthRedirect } from "$lib/auth-redirect";
-  import { getI18n } from "$lib/i18n";
+  import { Button } from "#lib/components/ui/button/index.js";
+  import { Input } from "#lib/components/ui/input/index.js";
+  import { Label } from "#lib/components/ui/label/index.js";
+  import * as Card from "#lib/components/ui/card/index.js";
+  import * as Alert from "#lib/components/ui/alert/index.js";
+  import { api } from "#lib/api.js";
+  import { PUBLIC_SIGNUP_DISABLED } from "#lib/auth-errors.js";
+  import { safeAuthRedirect, withAuthRedirect } from "#lib/auth-redirect.js";
+  import { getI18n } from "#lib/i18n/index.js";
   import { SIGNUP_APPROVAL_REQUIRED } from "@podosoft/podokit-api-client";
   import type { PageData } from "./$types";
 

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

@@ -1,12 +1,12 @@
 <script lang="ts">
   import { page } from "$app/state";
-  import { Button } from "$lib/components/ui/button";
-  import { Input } from "$lib/components/ui/input";
-  import { Label } from "$lib/components/ui/label";
-  import * as Card from "$lib/components/ui/card";
-  import * as Alert from "$lib/components/ui/alert";
-  import { api } from "$lib/api";
-  import { fmt, getI18n } from "$lib/i18n";
+  import { Button } from "#lib/components/ui/button/index.js";
+  import { Input } from "#lib/components/ui/input/index.js";
+  import { Label } from "#lib/components/ui/label/index.js";
+  import * as Card from "#lib/components/ui/card/index.js";
+  import * as Alert from "#lib/components/ui/alert/index.js";
+  import { api } from "#lib/api.js";
+  import { fmt, getI18n } from "#lib/i18n/index.js";
 
   const i18n = getI18n();
   // ?email from the sign-up redirect; ?error when the API bounces a bad/expired link here.

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

@@ -1,8 +1,8 @@
 import type { LayoutServerLoad } from "./$types";
 import { redirect } from "@sveltejs/kit";
-import { safeAuthRedirect } from "$lib/auth-redirect";
-import { loadMessages } from "$lib/i18n/messages";
-import { isPublicPath, requireBackendAvailable } from "$lib/server/guards";
+import { safeAuthRedirect } from "#lib/auth-redirect.js";
+import { loadMessages } from "#lib/i18n/messages.js";
+import { isPublicPath, requireBackendAvailable } from "#lib/server/guards.js";
 import type { Capabilities } from "@podosoft/podokit-api-client";
 
 // "/" is a public landing page. Auth pages return signed-in users to their safe

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

@@ -1,11 +1,11 @@
 <script lang="ts">
   import { page } from "$app/state";
-  import AccountMenu from "$lib/components/account-menu.svelte";
-  import { Button } from "$lib/components/ui/button";
-  import LanguageSwitch from "$lib/components/language-switch.svelte";
-  import ThemeToggle from "$lib/components/theme-toggle.svelte";
-  import SiteFooter from "$lib/components/site-footer.svelte";
-  import { getI18n } from "$lib/i18n";
+  import AccountMenu from "#lib/components/account-menu.svelte";
+  import { Button } from "#lib/components/ui/button/index.js";
+  import LanguageSwitch from "#lib/components/language-switch.svelte";
+  import ThemeToggle from "#lib/components/theme-toggle.svelte";
+  import SiteFooter from "#lib/components/site-footer.svelte";
+  import { getI18n } from "#lib/i18n/index.js";
 
   const i18n = getI18n();
   const user = $derived(page.data.user ?? null);

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

@@ -1,8 +1,11 @@
-import { loadAccountData } from "$lib/account-data.server";
-import { loadProtectedLayout } from "$lib/server/protected-layout";
+import { loadAccountData } from "#lib/account-data.server.js";
+import { loadProtectedLayout } from "#lib/server/protected-layout.js";
 import type { PageServerLoad } from "./$types";
 
 export const load: PageServerLoad = async ({ locals, fetch }) => {
   await loadProtectedLayout({ locals, fetch });
-  return loadAccountData(locals, fetch);
+  return {
+    ...(await loadAccountData(locals, fetch)),
+    impersonating: Boolean(locals.session?.impersonatedBy),
+  };
 };