@akanjs/cli 3.0.0-alpha.11 → 3.0.0-alpha.111

package/templates/app/env/env.client.debug.ts.template

@@ -1,7 +1,3 @@
-import { getEnv } from "akanjs/base";
-
 import type { AppClientEnv } from "./env.client.type";
 
-export const env: AppClientEnv = {
-  ...getEnv(),
-} as const;
+export const env: AppClientEnv = {};

package/templates/app/env/env.client.develop.ts.template

@@ -1,7 +1,3 @@
-import { getEnv } from "akanjs/base";
-
 import type { AppClientEnv } from "./env.client.type";
 
-export const env: AppClientEnv = {
-  ...getEnv(),
-} as const;
+export const env: AppClientEnv = {};

package/templates/app/env/env.client.local.ts.template

@@ -1,7 +1,3 @@
-import { getEnv } from "akanjs/base";
-
 import type { AppClientEnv } from "./env.client.type";
 
-export const env: AppClientEnv = {
-  ...getEnv(),
-} as const;
+export const env: AppClientEnv = {};

package/templates/app/env/env.client.main.ts.template

@@ -1,7 +1,3 @@
-import { getEnv } from "akanjs/base";
-
 import type { AppClientEnv } from "./env.client.type";
 
-export const env: AppClientEnv = {
-  ...getEnv(),
-} as const;
+export const env: AppClientEnv = {};

package/templates/app/env/env.client.testing.ts.template

@@ -1,7 +1,3 @@
-import { getEnv } from "akanjs/base";
-
 import type { AppClientEnv } from "./env.client.type";
 
-export const env: AppClientEnv = {
-  ...getEnv(),
-} as const;
+export const env: AppClientEnv = {};

package/templates/app/env/env.client.type.ts

@@ -5,12 +5,8 @@ interface Dict {
 }
 export default function getContent(scanInfo: AppInfo | LibInfo | null, dict: Dict = {}) {
   return `
-import type { ClientEnv } from "akanjs/base";
-
-export type AppClientEnv = ClientEnv & {
-  cloudflare?: {
-    siteKey: string;
-  };
+export type AppClientEnv = {
+  // apply public envs here
 };
   `;
 }

package/templates/app/env/env.server.debug.ts.template

@@ -1,7 +1,3 @@
-import { getEnv } from "akanjs/base";
-
 import type { ModulesOptions } from "../lib/option";
 
-export const env: ModulesOptions = {
-  ...getEnv(),
-};
+export const env: ModulesOptions = {};

package/templates/app/env/env.server.develop.ts.template

@@ -1,7 +1,3 @@
-import { getEnv } from "akanjs/base";
-
 import type { ModulesOptions } from "../lib/option";
 
-export const env: ModulesOptions = {
-  ...getEnv(),
-};
+export const env: ModulesOptions = {};

package/templates/app/env/env.server.local.ts.template

@@ -1,7 +1,3 @@
-import { getEnv } from "akanjs/base";
-
 import type { ModulesOptions } from "../lib/option";
 
-export const env: ModulesOptions = {
-  ...getEnv(),
-};
+export const env: ModulesOptions = {};

package/templates/app/env/env.server.main.ts.template

@@ -1,7 +1,3 @@
-import { getEnv } from "akanjs/base";
-
 import type { ModulesOptions } from "../lib/option";
 
-export const env: ModulesOptions = {
-  ...getEnv(),
-};
+export const env: ModulesOptions = {};

package/templates/app/main.ts

@@ -5,7 +5,9 @@ interface Dict {
 }
 export default function getContent(scanInfo: AppInfo | LibInfo | null, dict: Dict) {
   return `
-import { AkanApp } from "akanjs/server";
+// Not the \`akanjs/server\` barrel: it re-exports AkanServer, whose graph the gateway never runs. Through the
+// barrel this process evaluates 35MB of SSR renderer and DB driver to spawn children and relay bytes.
+import { AkanApp } from "akanjs/server/akanApp";
 
 const run = async () => {
   await new AkanApp().start();

package/templates/app/page/_index.tsx

@@ -8,7 +8,7 @@ export default function getContent(scanInfo: AppInfo | LibInfo | null, dict: Dic
     filename: "_index.tsx",
     content: `
 import { getEnv } from "akanjs/base";
-import { usePage } from "akanjs/client";
+import { page, usePage } from "akanjs/client";
 import { Link, System } from "akanjs/ui";
 import {
   FaBookOpen,
@@ -22,7 +22,7 @@ import {
   FaTerminal,
 } from "react-icons/fa";
 
-export default function Page() {
+export default page().render(() => {
   const appName = getEnv().appName;
   const { l } = usePage();
   return (
@@ -294,6 +294,6 @@ export default function Page() {
       </section>
     </main>
   );
-}`,
+});`,
   };
 }

package/templates/app/page/_layout.tsx

@@ -9,41 +9,40 @@ export default function getContent(scanInfo: AppInfo | LibInfo | null, dict: Dic
     filename: "_layout.tsx",
     content: `
 import "./styles.css";
-import type { Font, LayoutProps } from "akanjs/client";
+import { rootLayout } from "akanjs/client";
 ${isUsingShared ? "import { Auth } from '@shared/ui';" : ""}
 
-export const fonts: Font[] = [
-  {
-    name: "pretendard",
-    default: true,
-    paths: [
-      { src: "/fonts/Pretendard-Thin.woff2", weight: 100 },
-      { src: "/fonts/Pretendard-ExtraLight.woff2", weight: 200 },
-      { src: "/fonts/Pretendard-Light.woff2", weight: 300 },
-      { src: "/fonts/Pretendard-Regular.woff2", weight: 400 },
-      { src: "/fonts/Pretendard-Medium.woff2", weight: 500 },
-      { src: "/fonts/Pretendard-SemiBold.woff2", weight: 600 },
-      { src: "/fonts/Pretendard-Bold.woff2", weight: 700 },
-      { src: "/fonts/Pretendard-ExtraBold.woff2", weight: 800 },
-      { src: "/fonts/Pretendard-Black.woff2", weight: 900 },
-    ],
-  },
-];
-
-export const head = (
-  <>
-    <title>${dict.appName}</title>
-    <link rel="icon" href="/favicon.ico" />
-  </>
-);
-
-export default function Layout({ children }: LayoutProps) {
-  return (
+export default rootLayout()
+  .fonts([
+    {
+      name: "pretendard",
+      default: true,
+      paths: [
+        { src: "/fonts/Pretendard-Thin.woff2", weight: 100 },
+        { src: "/fonts/Pretendard-ExtraLight.woff2", weight: 200 },
+        { src: "/fonts/Pretendard-Light.woff2", weight: 300 },
+        { src: "/fonts/Pretendard-Regular.woff2", weight: 400 },
+        { src: "/fonts/Pretendard-Medium.woff2", weight: 500 },
+        { src: "/fonts/Pretendard-SemiBold.woff2", weight: 600 },
+        { src: "/fonts/Pretendard-Bold.woff2", weight: 700 },
+        { src: "/fonts/Pretendard-ExtraBold.woff2", weight: 800 },
+        { src: "/fonts/Pretendard-Black.woff2", weight: 900 },
+      ],
+    },
+  ])
+  .head(
     <>
-      {children}${isUsingShared ? "\n      <Auth.User />\n      <Auth.Admin />" : ""}
-    </>
-  );
-}
+      <title>${dict.appName}</title>
+      <link rel="icon" href="/favicon.ico" />
+    </>,
+  )
+  .render(({ children }) => {
+    return (
+      <>
+        {children}${isUsingShared ? "\n        <Auth.User />\n        <Auth.Admin />" : ""}
+      </>
+    );
+  });
   `,
   };
 }

package/templates/appSample/lib/task/task.signal.ts

@@ -1,7 +1,8 @@
 import type { AppInfo, LibInfo } from "akanjs";
 
 export default function getContent(scanInfo: AppInfo | LibInfo | null, dict: { appName: string }) {
-  return `import { endpoint, internal, Public, slice } from "akanjs/signal";
+  return `import { SignedIn } from "@apps/${dict.appName}/srvkit";
+import { endpoint, internal, None, Public, slice } from "akanjs/signal";
 
 import * as cnst from "../cnst";
 import * as srv from "../srv";
@@ -21,20 +22,24 @@ import * as srv from "../srv";
 
 export class TaskInternal extends internal(srv.task, ({ interval }) => ({})) {}
 
-export class TaskSlice extends slice(srv.task, { guards: { root: Public, get: Public, cru: Public } }, (init) => ({
+// Guards, per key: root = the generated admin API (runs any filter with caller-supplied args), get = reads,
+// cru = create/update/remove. root and cru are never Public; None here means "nobody until you name a guard".
+export class TaskSlice extends slice(srv.task, { guards: { root: None, get: Public, cru: SignedIn } }, (init) => ({
   inPublic: init().exec(function () {
     return this.taskService.queryAny();
   }),
 })) {}
 
+// Every custom endpoint names its own guards array — the slice's map above only covers generated CRUD.
+// It is also the MCP decision: an endpoint declaring no guard is not published to agents at all.
 export class TaskEndpoint extends endpoint(srv.task, ({ mutation }) => ({
-  startTask: mutation(cnst.Task)
+  startTask: mutation(cnst.Task, { guards: [SignedIn] })
     .param("taskId", String)
     .exec(async function (taskId) {
       return await this.taskService.startTask(taskId);
     }),
 
-  completeTask: mutation(cnst.Task)
+  completeTask: mutation(cnst.Task, { guards: [SignedIn] })
     .param("taskId", String)
     .exec(async function (taskId) {
       return await this.taskService.completeTask(taskId);
@@ -48,7 +53,7 @@ export class TaskEndpoint extends endpoint(srv.task, ({ mutation }) => ({
 //   taskEvent: pubsub(cnst.Task).exec(...),
 //   // search: search parameters (optional, URL query string)
 //   searchTask: query(cnst.LightTask).search("keyword", String).exec(...),
-//   // guards: authentication/authorization guards
-//   // export class TaskEndpoint extends endpoint(srv.task, { guards: { root: SignedIn } }, ({ query, mutation }) => ({})) {}
+//   // mcp: false keeps a guarded endpoint off the agent shelf without changing its authorization
+//   startTask: mutation(cnst.Task, { guards: [SignedIn], mcp: false })...
 `;
 }

package/templates/appSample/page/task/[taskId]/_index.tsx

@@ -3,37 +3,32 @@ import type { AppInfo, LibInfo } from "akanjs";
 export default function getContent(scanInfo: AppInfo | LibInfo | null, dict: { appName: string }) {
   return {
     filename: "_index.tsx",
-    content: `
-import { fetch, usePage } from "@apps/${dict.appName}/client";
+    content: `import { fetch, usePage } from "@apps/${dict.appName}/client";
 import { Task } from "@apps/${dict.appName}/lib/task";
+import { ID } from "akanjs/base";
+import { page } from "akanjs/client";
 import { Link, buttonRecipe } from "akanjs/ui";
 
-// ===== page/task/[taskId]/_index.tsx =====
-// Convention: Akan.js file-based routing with dynamic segments.
-// [taskId] folder = URL path parameter extracted via useParams() from akanjs/client.
-// Uses usePage().l() for i18n — the framework convention for dictionary-based translations.
+export default page()
+  .param("taskId", ID)
+  .render(async ({ taskId }) => {
+    const { l } = usePage();
+    const { taskView } = await fetch.viewTask(taskId);
+    return (
+      <main className="mx-auto max-w-4xl px-6 py-8">
+        <div className="mb-6 flex items-center justify-between">
+          <a href="/task" className={buttonRecipe({ variant: "ghost", size: "sm" })}>
+            {l("task.taskBackToTasks")}
+          </a>
+          <Link href={\`/task/\${taskId}/edit\`} className={buttonRecipe({ variant: "primary", size: "sm" })}>
+            {l("task.taskEdit")}
+          </Link>
+        </div>
 
-interface PageProps {
-  params: { taskId: string };
-}
-export default async function Page({ params: { taskId } }: PageProps) {
-  const { l } = usePage();
-  const { taskView } = await fetch.viewTask(taskId);
-  return (
-    <main className="mx-auto max-w-4xl px-6 py-8">
-      <div className="mb-6 flex items-center justify-between">
-        <a href="/task" className={buttonRecipe({ variant: "ghost", size: "sm" })}>
-          {l("task.taskBackToTasks")}
-        </a>
-        <Link href={\`/task/\${taskId}/edit\`} className={buttonRecipe({ variant: "primary", size: "sm" })}>
-          {l("task.taskEdit")}
-        </Link>
-      </div>
-
-      <Task.Zone.View className="max-w-2xl" view={taskView} />
-    </main>
-  );
-}
+        <Task.Zone.View className="max-w-2xl" view={taskView} />
+      </main>
+    );
+  });
 `,
   };
 }

package/templates/appSample/page/task/[taskId]/edit.tsx

@@ -4,39 +4,34 @@ export default function getContent(scanInfo: AppInfo | LibInfo | null, dict: { a
   return {
     filename: "edit.tsx",
     content: `import { fetch, Task } from "@apps/${dict.appName}/client";
+import { ID } from "akanjs/base";
+import { page } from "akanjs/client";
 import { Load, Link, buttonRecipe } from "akanjs/ui";
 
-// ===== page/task/[taskId]/edit.tsx =====
-// Convention: Server-side edit form page using Load.Edit from akanjs/ui.
-// async Page() — fetches model data on the server via fetch.editTask(params.taskId).
-// The same Template (Task.Template.General) is reused here — no separate edit template needed.
-// Load.Edit with type="form" provides the submit/cancel wrapper with the pre-loaded model.
+export default page()
+  .param("taskId", ID)
+  .render(async ({ taskId }) => {
+    const { taskEdit } = await fetch.editTask(taskId);
 
-interface PageProps {
-  params: { taskId: string };
-}
-export default async function Page({ params: { taskId } }: PageProps) {
-  const { taskEdit } = await fetch.editTask(taskId);
-
-  return (
-    <main className="mx-auto max-w-2xl px-6 py-8">
-      <div className="mb-6">
-        <Link href={\`/task/\${taskId}\`} className={buttonRecipe({ variant: "ghost", size: "sm" })}>
-          ← Back to Task
-        </Link>
-      </div>
-      <div className="mb-6">
-        <h1 className="font-extrabold text-3xl text-foreground">Edit Task</h1>
-        <p className="mt-1 text-foreground/60 text-sm">Update the task details</p>
-      </div>
-      <div className="rounded-xl border border-foreground/10 bg-background p-6 shadow-sm">
-        <Load.Edit slice={fetch.slice.taskInPublic} edit={taskEdit} type="form" onSubmit={\`/task/\${taskId}\`}>
-          <Task.Template.General />
-        </Load.Edit>
-      </div>
-    </main>
-  );
-}
+    return (
+      <main className="mx-auto max-w-2xl px-6 py-8">
+        <div className="mb-6">
+          <Link href={\`/task/\${taskId}\`} className={buttonRecipe({ variant: "ghost", size: "sm" })}>
+            ← Back to Task
+          </Link>
+        </div>
+        <div className="mb-6">
+          <h1 className="font-extrabold text-3xl text-foreground">Edit Task</h1>
+          <p className="mt-1 text-foreground/60 text-sm">Update the task details</p>
+        </div>
+        <div className="rounded-xl border border-foreground/10 bg-background p-6 shadow-sm">
+          <Load.Edit slice={fetch.slice.taskInPublic} edit={taskEdit} type="form" onSubmit={\`/task/\${taskId}\`}>
+            <Task.Template.General />
+          </Load.Edit>
+        </div>
+      </main>
+    );
+  });
 `,
   };
 }

package/templates/appSample/page/task/_index.tsx

@@ -4,14 +4,10 @@ export default function getContent(scanInfo: AppInfo | LibInfo | null, dict: { a
   return {
     filename: "_index.tsx",
     content: `import { fetch, Task, usePage } from "@apps/${dict.appName}/client";
+import { page } from "akanjs/client";
 import { Link, buttonRecipe } from "akanjs/ui";
 
-// ===== page/task/_index.tsx =====
-// Convention: Akan.js file-based routing — _index.tsx is the index page for /task.
-// Server-side data loading via loader() at the page level; passes init/view props to Zone components.
-// Uses usePage().l() for i18n — the framework convention for dictionary-based translations.
-
-export default async function Page() {
+export default page().render(async () => {
   const { l } = usePage();
   const { taskInitInPublic } = await fetch.initTaskInPublic();
   return (
@@ -29,6 +25,6 @@ export default async function Page() {
       <Task.Zone.Card className="flex flex-col gap-3" init={taskInitInPublic} />
     </main>
   );
-}`,
+});`,
   };
 }

package/templates/appSample/page/task/_layout.tsx

@@ -3,22 +3,11 @@ import type { AppInfo, LibInfo } from "akanjs";
 export default function getContent(scanInfo: AppInfo | LibInfo | null, dict: { appName: string }) {
   return {
     filename: "_layout.tsx",
-    content: `
-// ===== page/task/_layout.tsx =====
-// Convention: Akan.js file-based routing — _layout.tsx wraps every sub-page under /task/*.
-// The underscores mark it as a routing file; children = sub-page component from nested routes.
-// Rendered by Akan's router: URL → _layout.tsx → children (e.g., _index.tsx or [taskId]/_index.tsx).
+    content: `import { layout } from "akanjs/client";
 
-interface LayoutProps {
-  children: React.ReactNode;
-}
-export default function Layout({ children }: LayoutProps) {
-  return (
-    <div className="min-h-screen bg-muted">
-      {children}
-    </div>
-  );
-}
+export default layout().render(({ children }) => {
+  return <div className="min-h-screen bg-muted">{children}</div>;
+});
 `,
   };
 }

package/templates/appSample/page/task/new.tsx

@@ -3,17 +3,11 @@ import type { AppInfo, LibInfo } from "akanjs";
 export default function getContent(scanInfo: AppInfo | LibInfo | null, dict: { appName: string }) {
   return {
     filename: "new.tsx",
-    content: `import { type cnst, fetch, Task, usePage } from "@apps/${dict.appName}/client";
+    content: `import { type cnst, fetch, Task } from "@apps/${dict.appName}/client";
+import { page } from "akanjs/client";
 import { Load, Link, buttonRecipe } from "akanjs/ui";
 
-// ===== page/task/new.tsx =====
-// Convention: Server-side form page using Load.Edit from akanjs/ui.
-// async Page() — server-side component that pre-initializes form data before rendering.
-// Load.Edit with type="form" renders the Template inside a form wrapper with submit/cancel actions.
-// onCancel="back" navigates to the previous page; onSubmit specifies the redirect after success.
-// Template is reused — same Task.Template.General used for create, edit, and client-side modals.
-
-export default async function Page() {
+export default page().render(() => {
   const taskForm: Partial<cnst.Task> = { status: "todo" };
 
   return (
@@ -34,6 +28,6 @@ export default async function Page() {
       </div>
     </main>
   );
-}`,
+});`,
   };
 }

package/templates/appSample/srvkit/AuthGuard.ts

@@ -15,8 +15,8 @@ export default function getContent(scanInfo: AppInfo | LibInfo | null, dict: { a
 export class SignedIn implements Guard {
   static name = "SignedIn";
   // "account" — the verdict reads the caller and nothing about the call, so an MCP catalogue can evaluate it with
-  // no arguments and hide what this caller certainly cannot use. Unmarked means "resource", which is never
-  // evaluated for a listing: a guard like this one would then filter nothing.
+  // no arguments and hide what this caller certainly cannot use. Required: "resource" is never evaluated for a
+  // listing, so a guard like this one marked that way would filter nothing.
   static scope: GuardScope = "account";
 
   canPass(context: SignalContext): boolean {

package/templates/crudPages/[__model__Id]/edit/page.tsx

@@ -9,39 +9,37 @@ export default function getContent(scanInfo: AppInfo | LibInfo | null, dict: Dic
   return {
     filename: "_index.tsx",
     content: `
+import { ${dict.Model}, fetch, usePage } from "@apps/${dict.appName}/client";
+import { ID } from "akanjs/base";
+import { page } from "akanjs/client";
 import { Load } from "akanjs/ui";
-import { fetch, usePage, ${dict.Model} } from "@apps/${dict.appName}/client";
-import type { PageConfig } from "akanjs/client";
 
-interface PageProps {
-  params: { ${dict.model}Id: string };
-}
-
-export default async function Page({ params }: PageProps) {
-  const { l } = usePage();
-  const { ${dict.model}Id } = params;
-  const { ${dict.model}, ${dict.model}Edit } = await fetch.edit${dict.Model}(${dict.model}Id);
-  return (
-    <div className="container">
-      <div className="flex justify-between m-4 mt-8">
-        <div className="text-xl text-primary flex gap-2 items-center">
-          {l("base.updateModel", { model: l("${dict.model}.modelName") })}
+export default page()
+  .param("${dict.model}Id", ID)
+  .config({ transition: "none" })
+  .render(async ({ ${dict.model}Id }) => {
+    const { l } = usePage();
+    const [{ ${dict.model}Edit }] = await Promise.all([fetch.edit${dict.Model}(${dict.model}Id)]);
+    return (
+      <div className="container">
+        <div className="m-4 mt-8 flex justify-between">
+          <div className="flex items-center gap-2 text-primary text-xl">
+            {l("base.updateModel", { model: l("${dict.model}.modelName") })}
+          </div>
         </div>
+        <Load.Edit
+          className="flex flex-col items-center"
+          slice={fetch.slice.${dict.model}InPublic}
+          edit={${dict.model}Edit}
+          type="form"
+          onCancel="back"
+          onSubmit="/${dict.model}"
+        >
+          <${dict.Model}.Template.General />
+        </Load.Edit>
       </div>
-      <Load.Edit
-        className="flex flex-col items-center"
-        slice={fetch.slice.${dict.model}InPublic}
-        edit={${dict.model}Edit}
-        type="form"
-        onCancel="back"
-        onSubmit="/${dict.model}"
-      >
-        <${dict.Model}.Template.General />
-      </Load.Edit>
-    </div>
-  );
-}
-export const pageConfig = { transition: "none" } satisfies PageConfig;
+    );
+  });
 `,
   };
 }

package/templates/crudPages/[__model__Id]/page.tsx

@@ -10,43 +10,35 @@ export default function getContent(scanInfo: AppInfo | LibInfo | null, dict: Dic
     filename: "_index.tsx",
     content: `
 import { ${dict.Model}, fetch, usePage } from "@apps/${dict.appName}/client";
-import { Link } from "akanjs/ui";
-import type { PageConfig } from "akanjs/client";
+import { ID } from "akanjs/base";
+import { page } from "akanjs/client";
+import { buttonRecipe, Link } from "akanjs/ui";
 
-interface PageProps {
-  params: { ${dict.model}Id: string };
-}
-
-export async function generateHead({ params }: PageProps) {
-  const { ${dict.model}Id } = params;
-  const { ${dict.model} } = await fetch.view${dict.Model}(${dict.model}Id);
-  return (
+export default page()
+  .param("${dict.model}Id", ID)
+  .config({ transition: "none" })
+  .head(({ ${dict.model}Id }) => (
     <>
-      <title>{${dict.model}.id}</title>
-      <meta name="description" content={${dict.model}.id} />
-      <meta property="og:title" content={${dict.model}.id} />
-      <meta property="og:description" content={${dict.model}.id} />
+      <title>{${dict.model}Id}</title>
+      <meta name="description" content={${dict.model}Id} />
+      <meta property="og:title" content={${dict.model}Id} />
+      <meta property="og:description" content={${dict.model}Id} />
     </>
-  );
-}
-export default async function Page({ params }: PageProps) {
-  const { l } = usePage();
-  const { ${dict.model}Id } = params;
-  const { ${dict.model}, ${dict.model}View } = await fetch.view${dict.Model}(${dict.model}Id);
-  return (
-    <div className="container flex flex-col gap-4">
-      <div className="flex gap-4 font-bold text-lg items-center">
-        <${dict.Model}.Zone.View view={${dict.model}View} />
-        <Link href={\`/${dict.model}/\${${dict.model}.id}/edit\`}>
-          <button className="inline-flex items-center justify-center gap-2 rounded-field bg-primary px-4 py-2 font-medium text-primary-foreground text-sm transition-colors hover:bg-primary/90">
+  ))
+  .render(async ({ ${dict.model}Id }) => {
+    const { l } = usePage();
+    const [{ ${dict.model}, ${dict.model}View }] = await Promise.all([fetch.view${dict.Model}(${dict.model}Id)]);
+    return (
+      <div className="container flex flex-col gap-4">
+        <div className="flex items-center gap-4 font-bold text-lg">
+          <${dict.Model}.Zone.View view={${dict.model}View} />
+          <Link className={buttonRecipe()} href={\`/${dict.model}/\${${dict.model}.id}/edit\`}>
             {l("base.updateModel", { model: l("${dict.model}.modelName") })}
-          </button>
-        </Link>
+          </Link>
+        </div>
       </div>
-    </div>
-  );
-}
-export const pageConfig = { transition: "none" } satisfies PageConfig;
+    );
+  });
 `,
   };
 }