@akanjs/cli 3.0.0-alpha.103 → 3.0.0-alpha.104

package/index.js

@@ -4,9 +4,9 @@ import {
   getTargetMetas,
   getTargetCommandNames,
   runCommands
-} from "./index-znynzt5w.js";
+} from "./index-mak3cd28.js";
 import"./index-q0y2jq9j.js";
-import"./index-qsq3q8fy.js";
+import"./index-2tv3fdx4.js";
 import"./index-6wwzs1bc.js";
 
 // pkgs/@akanjs/cli/commandManifest.ts
@@ -14,23 +14,23 @@ import path from "path";
 
 // pkgs/@akanjs/cli/commandModules.ts
 var commandModules = {
-  workspace: async () => (await import("./workspace.command-j1gatz3d.js")).WorkspaceCommand,
-  agent: async () => (await import("./agent.command-v1a4746v.js")).AgentCommand,
-  application: async () => (await import("./application.command-fzdcnzhg.js")).ApplicationCommand,
-  library: async () => (await import("./library.command-s4fszngs.js")).LibraryCommand,
-  localRegistry: async () => (await import("./localRegistry.command-gyw4da9z.js")).LocalRegistryCommand,
-  package: async () => (await import("./package.command-gr82ypnr.js")).PackageCommand,
-  module: async () => (await import("./module.command-6n7dwvav.js")).ModuleCommand,
-  page: async () => (await import("./page.command-7gvgb3jb.js")).PageCommand,
-  context: async () => (await import("./context.command-4vdt1aqq.js")).ContextCommand,
-  cloud: async () => (await import("./cloud.command-wygy2z05.js")).CloudCommand,
-  subspace: async () => (await import("./subspace.command-e2t36xb2.js")).SubspaceCommand,
-  guideline: async () => (await import("./guideline.command-p92dq6ts.js")).GuidelineCommand,
-  scalar: async () => (await import("./scalar.command-0epwcr5k.js")).ScalarCommand,
-  primitive: async () => (await import("./primitive.command-tk5ckw38.js")).PrimitiveCommand,
-  quality: async () => (await import("./quality.command-38v81baf.js")).QualityCommand,
-  repair: async () => (await import("./repair.command-5xbwvsxp.js")).RepairCommand,
-  workflow: async () => (await import("./workflow.command-kphbr7eh.js")).WorkflowCommand
+  workspace: async () => (await import("./workspace.command-kah5jgg5.js")).WorkspaceCommand,
+  agent: async () => (await import("./agent.command-d2gfxfck.js")).AgentCommand,
+  application: async () => (await import("./application.command-xgphqs7k.js")).ApplicationCommand,
+  library: async () => (await import("./library.command-nbsky672.js")).LibraryCommand,
+  localRegistry: async () => (await import("./localRegistry.command-namg61k1.js")).LocalRegistryCommand,
+  package: async () => (await import("./package.command-axv0abmn.js")).PackageCommand,
+  module: async () => (await import("./module.command-29vqzrh8.js")).ModuleCommand,
+  page: async () => (await import("./page.command-vs9s3zrh.js")).PageCommand,
+  context: async () => (await import("./context.command-ez8a0zyz.js")).ContextCommand,
+  cloud: async () => (await import("./cloud.command-abgkk73f.js")).CloudCommand,
+  subspace: async () => (await import("./subspace.command-35a3t6vv.js")).SubspaceCommand,
+  guideline: async () => (await import("./guideline.command-xmqwx8zm.js")).GuidelineCommand,
+  scalar: async () => (await import("./scalar.command-6k1vhe9s.js")).ScalarCommand,
+  primitive: async () => (await import("./primitive.command-cbxmqbtc.js")).PrimitiveCommand,
+  quality: async () => (await import("./quality.command-gmbs7nws.js")).QualityCommand,
+  repair: async () => (await import("./repair.command-bqsjptsj.js")).RepairCommand,
+  workflow: async () => (await import("./workflow.command-nwpcdc8p.js")).WorkflowCommand
 };
 var commandModuleIds = Object.keys(commandModules);
 

package/{library.command-s4fszngs.js → library.command-nbsky672.js}

@@ -3,13 +3,13 @@ import {
   Lib,
   Workspace,
   command
-} from "./index-znynzt5w.js";
+} from "./index-mak3cd28.js";
 import"./index-q0y2jq9j.js";
-import"./index-qsq3q8fy.js";
+import"./index-2tv3fdx4.js";
 import"./index-6wwzs1bc.js";
 import {
   LibraryScript
-} from "./index-gq44bqjt.js";
+} from "./index-259dsnz3.js";
 
 // pkgs/@akanjs/cli/library/library.command.ts
 class LibraryCommand extends command("library", [LibraryScript], ({ public: target }) => ({

package/{localRegistry.command-gyw4da9z.js → localRegistry.command-namg61k1.js}

@@ -4,27 +4,27 @@ import {
   runner,
   script,
   command
-} from "./index-znynzt5w.js";
+} from "./index-mak3cd28.js";
 import"./index-q0y2jq9j.js";
 import {
   PkgExecutor
-} from "./index-qsq3q8fy.js";
+} from "./index-2tv3fdx4.js";
 import"./index-6wwzs1bc.js";
 import {
   ApplicationScript
-} from "./index-zz5jyd94.js";
-import"./index-gq44bqjt.js";
+} from "./index-yecdrt9a.js";
+import"./index-259dsnz3.js";
 import"./index-hwkygn9s.js";
-import"./index-c69j78kk.js";
+import"./index-kn1h7p1x.js";
 import {
   getNpmRegistryUrl,
   CloudRunner
-} from "./index-zxgr3s8s.js";
+} from "./index-yw4xj7pa.js";
 import"./index-kcxmv48c.js";
 import {
   PackageScript
-} from "./index-7d6vny25.js";
-import"./index-5svjba73.js";
+} from "./index-ws5e0j51.js";
+import"./index-j9yhg404.js";
 
 // pkgs/@akanjs/cli/localRegistry/localRegistry.runner.ts
 import { mkdir, rm } from "fs/promises";

package/{module.command-6n7dwvav.js → module.command-29vqzrh8.js}

@@ -3,18 +3,18 @@ import {
   Sys,
   Module,
   command
-} from "./index-znynzt5w.js";
+} from "./index-mak3cd28.js";
 import"./index-q0y2jq9j.js";
-import"./index-qsq3q8fy.js";
+import"./index-2tv3fdx4.js";
 import"./index-6wwzs1bc.js";
 import {
   renderPrimitiveReport
-} from "./index-fc1bh0a7.js";
-import"./index-c69j78kk.js";
+} from "./index-gyd220p2.js";
+import"./index-kn1h7p1x.js";
 import {
   ModuleScript
-} from "./index-zmjppp25.js";
-import"./index-hyywke0f.js";
+} from "./index-8pm30m73.js";
+import"./index-pnqbkf5p.js";
 import"./index-h7yw2z9n.js";
 
 // pkgs/@akanjs/cli/module/module.command.ts

package/{package.command-gr82ypnr.js → package.command-axv0abmn.js}

@@ -3,14 +3,14 @@ import {
   Pkg,
   Workspace,
   command
-} from "./index-znynzt5w.js";
+} from "./index-mak3cd28.js";
 import"./index-q0y2jq9j.js";
-import"./index-qsq3q8fy.js";
+import"./index-2tv3fdx4.js";
 import"./index-6wwzs1bc.js";
 import"./index-kcxmv48c.js";
 import {
   PackageScript
-} from "./index-7d6vny25.js";
+} from "./index-ws5e0j51.js";
 
 // pkgs/@akanjs/cli/package/package.command.ts
 class PackageCommand extends command("package", [PackageScript], ({ public: target }) => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akanjs/cli",
-  "version": "3.0.0-alpha.103",
+  "version": "3.0.0-alpha.104",
   "sourceType": "module",
   "type": "module",
   "publishConfig": {
@@ -33,7 +33,7 @@
     "@langchain/openai": "^1.4.6",
     "@tailwindcss/node": "^4.3.0",
     "@trapezedev/project": "^7.1.4",
-    "akanjs": "3.0.0-alpha.103",
+    "akanjs": "3.0.0-alpha.104",
     "chalk": "^5.6.2",
     "commander": "^14.0.3",
     "dayjs": "^1.11.20",

package/{page.command-7gvgb3jb.js → page.command-vs9s3zrh.js}

@@ -3,13 +3,13 @@ import {
   App,
   Module,
   command
-} from "./index-znynzt5w.js";
+} from "./index-mak3cd28.js";
 import"./index-q0y2jq9j.js";
-import"./index-qsq3q8fy.js";
+import"./index-2tv3fdx4.js";
 import"./index-6wwzs1bc.js";
 import {
   PageScript
-} from "./index-hyywke0f.js";
+} from "./index-pnqbkf5p.js";
 
 // pkgs/@akanjs/cli/page/page.command.ts
 class PageCommand extends command("page", [PageScript], ({ public: target }) => ({

package/{primitive.command-tk5ckw38.js → primitive.command-cbxmqbtc.js}

@@ -2,20 +2,20 @@
 import {
   Workspace,
   command
-} from "./index-znynzt5w.js";
+} from "./index-mak3cd28.js";
 import"./index-q0y2jq9j.js";
-import"./index-qsq3q8fy.js";
+import"./index-2tv3fdx4.js";
 import"./index-6wwzs1bc.js";
 import {
   renderPrimitiveReport
-} from "./index-fc1bh0a7.js";
-import"./index-c69j78kk.js";
-import"./index-zmjppp25.js";
-import"./index-hyywke0f.js";
+} from "./index-gyd220p2.js";
+import"./index-kn1h7p1x.js";
+import"./index-8pm30m73.js";
+import"./index-pnqbkf5p.js";
 import"./index-h7yw2z9n.js";
 import {
   PrimitiveScript
-} from "./index-qkk27bk6.js";
+} from "./index-4edzf1gr.js";
 
 // pkgs/@akanjs/cli/primitive/primitive.command.ts
 import { Logger } from "akanjs/common";

package/{quality.command-38v81baf.js → quality.command-gmbs7nws.js}

@@ -4,13 +4,13 @@ import {
   runner,
   script,
   command
-} from "./index-znynzt5w.js";
+} from "./index-mak3cd28.js";
 import"./index-q0y2jq9j.js";
 import {
   rootAllowedFiles,
   rootAllowedDirs,
   isAllowedLibFacetRootFile
-} from "./index-qsq3q8fy.js";
+} from "./index-2tv3fdx4.js";
 import"./index-6wwzs1bc.js";
 import {
   AbstractDoc

package/{repair.command-5xbwvsxp.js → repair.command-bqsjptsj.js}

@@ -3,16 +3,16 @@ import {
   Workspace,
   script,
   command
-} from "./index-znynzt5w.js";
+} from "./index-mak3cd28.js";
 import"./index-q0y2jq9j.js";
-import"./index-qsq3q8fy.js";
+import"./index-2tv3fdx4.js";
 import"./index-6wwzs1bc.js";
 import"./index-by5gpp8x.js";
-import"./index-fc1bh0a7.js";
-import"./index-gtmz74tj.js";
+import"./index-gyd220p2.js";
+import"./index-ktb5njgy.js";
 import {
   RepairRunner
-} from "./index-0amdxycf.js";
+} from "./index-fz5q3gd7.js";
 
 // pkgs/@akanjs/cli/repair/repair.script.ts
 import { Logger } from "akanjs/common";

package/{routeSourceValidator-ze6x894c.js → routeSourceValidator-apyqw7wk.js}

@@ -2,6 +2,7 @@
 // pkgs/@akanjs/devkit/routeSourceValidator.ts
 import { getRouteExports } from "akanjs/common";
 import ts from "typescript";
+var chainRoots = new Set(["page", "layout", "rootLayout"]);
 
 class RouteSourceValidator {
   static validateRouteSourceExports(source, filePath, kind, options = {}) {
@@ -62,7 +63,74 @@ class RouteSourceValidator {
     if (exported.has("metadata") && exported.has("generateMetadata")) {
       throw new Error(`[route-convention] metadata and generateMetadata cannot both be exported in ${filePath}`);
     }
-    return { devOnly: RouteSourceValidator.#readDevOnly(sourceFile, filePath) };
+    const chain = RouteSourceValidator.#readChain(sourceFile, filePath);
+    if (!chain)
+      return { devOnly: RouteSourceValidator.#readDevOnly(sourceFile, filePath) };
+    const named = [...exported].filter((name) => name !== "default");
+    if (named.length)
+      throw new Error(`[route-convention] ${filePath} exports ${named.join(", ")} beside its ${chain.kind}() chain \u2014 every route setting is a stage of the chain`);
+    if (kind === "page" && chain.kind !== "page")
+      throw new Error(`[route-convention] ${filePath} is a page file but exports ${chain.kind}()`);
+    if (kind === "layout" && chain.kind === "page")
+      throw new Error(`[route-convention] ${filePath} is a layout file but exports page()`);
+    if (options.pattern)
+      RouteSourceValidator.#assertChainParams(chain, options.pattern, filePath);
+    return {
+      devOnly: chain.devOnly,
+      chain: { kind: chain.kind, params: chain.params, ...chain.prompt ? { prompt: chain.prompt } : {} }
+    };
+  }
+  static #readChain(sourceFile, filePath) {
+    for (const statement of sourceFile.statements) {
+      if (!ts.isExportAssignment(statement) || statement.isExportEquals)
+        continue;
+      let node = RouteSourceValidator.#unwrapExpression(statement.expression);
+      const stages = [];
+      while (node && ts.isCallExpression(node)) {
+        const callee = node.expression;
+        if (ts.isPropertyAccessExpression(callee)) {
+          stages.unshift({ name: callee.name.text, args: node.arguments });
+          node = callee.expression;
+          continue;
+        }
+        if (ts.isIdentifier(callee) && chainRoots.has(callee.text))
+          return RouteSourceValidator.#chainOf(callee.text, stages, filePath);
+        return null;
+      }
+      return null;
+    }
+    return null;
+  }
+  static #chainOf(kind, stages, filePath) {
+    const params = [];
+    let prompt;
+    let devOnly = false;
+    const literal = (stage) => {
+      const first = stage.args[0];
+      if (!first || !ts.isStringLiteralLike(first))
+        throw new Error(`[route-convention] .${stage.name}() takes a string literal first in ${filePath} \u2014 the build reads it without evaluating the module`);
+      return first.text;
+    };
+    for (const stage of stages) {
+      if (stage.name === "param")
+        params.push(literal(stage));
+      else if (stage.name === "prompt")
+        prompt = literal(stage);
+      else if (stage.name === "config")
+        devOnly = RouteSourceValidator.#devOnlyOf(RouteSourceValidator.#unwrapExpression(stage.args[0]), filePath);
+    }
+    return { kind, params, prompt, devOnly };
+  }
+  static #assertChainParams(chain, pattern, filePath) {
+    const inPath = pattern.split("/").filter((part) => part.startsWith(":")).map((part) => part.slice(1)).filter((name) => name !== "lang");
+    if (chain.params.includes("lang"))
+      throw new Error(`[route-convention] ${filePath} declares .param("lang"), which every route receives undeclared`);
+    const unknown = chain.params.find((name) => !inPath.includes(name));
+    if (unknown)
+      throw new Error(`[route-convention] ${filePath} declares .param("${unknown}") but no [${unknown}] segment is in its path`);
+    const undeclared = inPath.find((name) => !chain.params.includes(name));
+    if (chain.kind === "page" && undeclared)
+      throw new Error(`[route-convention] ${filePath} sits under [${undeclared}] but declares no .param("${undeclared}") \u2014 a page reads only what it declares`);
   }
   static #readDevOnly(sourceFile, filePath) {
     for (const statement of sourceFile.statements) {
@@ -75,26 +143,31 @@ class RouteSourceValidator {
         if (!ts.isIdentifier(declaration.name) || declaration.name.text !== "pageConfig")
           continue;
         const initializer = RouteSourceValidator.#unwrapExpression(declaration.initializer);
-        if (!initializer || !ts.isObjectLiteralExpression(initializer))
-          continue;
-        for (const property of initializer.properties) {
-          if (!ts.isPropertyAssignment(property))
-            continue;
-          const name = property.name;
-          const key = ts.isIdentifier(name) ? name.text : ts.isStringLiteral(name) ? name.text : null;
-          if (key !== "devOnly")
-            continue;
-          const value = RouteSourceValidator.#unwrapExpression(property.initializer);
-          if (value?.kind === ts.SyntaxKind.TrueKeyword)
-            return true;
-          if (value?.kind === ts.SyntaxKind.FalseKeyword)
-            return false;
-          throw new Error(`[route-convention] pageConfig.devOnly must be a literal true or false in ${filePath} \u2014 the build reads it without evaluating the module`);
-        }
+        if (initializer && ts.isObjectLiteralExpression(initializer))
+          return RouteSourceValidator.#devOnlyOf(initializer, filePath);
       }
     }
     return false;
   }
+  static #devOnlyOf(config, filePath) {
+    if (!config || !ts.isObjectLiteralExpression(config))
+      return false;
+    for (const property of config.properties) {
+      if (!ts.isPropertyAssignment(property))
+        continue;
+      const name = property.name;
+      const key = ts.isIdentifier(name) ? name.text : ts.isStringLiteral(name) ? name.text : null;
+      if (key !== "devOnly")
+        continue;
+      const value = RouteSourceValidator.#unwrapExpression(property.initializer);
+      if (value?.kind === ts.SyntaxKind.TrueKeyword)
+        return true;
+      if (value?.kind === ts.SyntaxKind.FalseKeyword)
+        return false;
+      throw new Error(`[route-convention] devOnly must be a literal true or false in ${filePath} \u2014 the build reads it without evaluating the module`);
+    }
+    return false;
+  }
   static #unwrapExpression(expression) {
     let current = expression;
     while (current && (ts.isAsExpression(current) || ts.isSatisfiesExpression(current) || ts.isParenthesizedExpression(current))) {

package/{scalar.command-0epwcr5k.js → scalar.command-6k1vhe9s.js}

@@ -2,18 +2,18 @@
 import {
   Sys,
   command
-} from "./index-znynzt5w.js";
+} from "./index-mak3cd28.js";
 import"./index-q0y2jq9j.js";
-import"./index-qsq3q8fy.js";
+import"./index-2tv3fdx4.js";
 import"./index-6wwzs1bc.js";
 import {
   renderPrimitiveReport
-} from "./index-fc1bh0a7.js";
-import"./index-c69j78kk.js";
+} from "./index-gyd220p2.js";
+import"./index-kn1h7p1x.js";
 import"./index-h7yw2z9n.js";
 import {
   ScalarScript
-} from "./index-8p8p0cf8.js";
+} from "./index-rwg2aa4f.js";
 
 // pkgs/@akanjs/cli/scalar/scalar.command.ts
 import { Logger, lowerlize } from "akanjs/common";

package/{subspace.command-e2t36xb2.js → subspace.command-35a3t6vv.js}

@@ -4,7 +4,7 @@ import {
   runner,
   script,
   command
-} from "./index-znynzt5w.js";
+} from "./index-mak3cd28.js";
 import {
   FileSys
 } from "./index-q0y2jq9j.js";
@@ -12,11 +12,11 @@ import {
   Executor,
   WorkspaceExecutor,
   AppExecutor
-} from "./index-qsq3q8fy.js";
+} from "./index-2tv3fdx4.js";
 import"./index-6wwzs1bc.js";
 import {
   SlicePlanner
-} from "./index-5svjba73.js";
+} from "./index-j9yhg404.js";
 import {
   LibSource
 } from "./index-3d9y066c.js";

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/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>
+    );
+  });
 `,
   };
 }