@akanjs/cli 3.0.0-beta.31 → 3.0.0-beta.33

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

@@ -4,9 +4,10 @@ export default function getContent(scanInfo: AppInfo | LibInfo | null, dict: { a
   return {
     filename: "edit.tsx",
     content: `import { fetch, Task } from "@apps/${dict.appName}/client";
+import { jellyButtonRecipe } from "@apps/${dict.appName}/ui";
 import { ID } from "akanjs/base";
 import { page } from "akanjs/client";
-import { Load, Link, buttonRecipe } from "akanjs/ui";
+import { Link, Load } from "akanjs/ui";
 
 export default page()
   .param("taskId", ID)
@@ -16,15 +17,15 @@ export default page()
     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" })}>
+          <Link href={\`/task/\${taskId}\`} className={jellyButtonRecipe({ variant: "ghost", size: "sm" })}>
             ← Back to Task
           </Link>
         </div>
         <div className="mb-6">
-          <h1 className="font-extrabold text-3xl text-foreground">Edit Task</h1>
+          <h1 className="font-black text-4xl 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">
+        <div className="jelly-glass rounded-box p-6">
           <Load.Edit slice={fetch.slice.taskInPublic} edit={taskEdit} type="form" onSubmit={\`/task/\${taskId}\`}>
             <Task.Template.General />
           </Load.Edit>

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

@@ -4,8 +4,9 @@ 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 { jellyButtonRecipe } from "@apps/${dict.appName}/ui";
 import { page } from "akanjs/client";
-import { Link, buttonRecipe } from "akanjs/ui";
+import { Link } from "akanjs/ui";
 
 export default page().render(async () => {
   const { l } = usePage();
@@ -14,10 +15,10 @@ export default page().render(async () => {
     <main className="mx-auto max-w-4xl px-6 py-8">
       <div className="mb-6 flex items-center justify-between">
         <div>
-          <h1 className="font-extrabold text-3xl text-foreground">{l("task.modelName")}</h1>
+          <h1 className="font-black text-4xl text-foreground">{l("task.modelName")}</h1>
           <p className="mt-1 text-foreground/60 text-sm">{l("task.modelDesc")}</p>
         </div>
-        <Link href="/task/new" className={buttonRecipe({ variant: "primary", size: "sm" })}>
+        <Link href="/task/new" className={jellyButtonRecipe({ variant: "primary", size: "sm" })}>
           {l("task.taskNew")}
         </Link>
       </div>

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

@@ -6,7 +6,7 @@ export default function getContent(scanInfo: AppInfo | LibInfo | null, dict: { a
     content: `import { layout } from "akanjs/client";
 
 export default layout().render(({ children }) => {
-  return <div className="min-h-screen bg-muted">{children}</div>;
+  return <div className="min-h-screen">{children}</div>;
 });
 `,
   };

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

@@ -4,8 +4,9 @@ export default function getContent(scanInfo: AppInfo | LibInfo | null, dict: { a
   return {
     filename: "new.tsx",
     content: `import { type cnst, fetch, Task } from "@apps/${dict.appName}/client";
+import { jellyButtonRecipe } from "@apps/${dict.appName}/ui";
 import { page } from "akanjs/client";
-import { Load, Link, buttonRecipe } from "akanjs/ui";
+import { Link, Load } from "akanjs/ui";
 
 export default page().render(() => {
   const taskForm: Partial<cnst.Task> = { status: "todo" };
@@ -13,15 +14,15 @@ export default page().render(() => {
   return (
     <main className="mx-auto max-w-2xl px-6 py-8">
       <div className="mb-6">
-        <Link href="/task" className={buttonRecipe({ variant: "ghost", size: "sm" })}>
+        <Link href="/task" className={jellyButtonRecipe({ variant: "ghost", size: "sm" })}>
           ← Tasks
         </Link>
       </div>
       <div className="mb-6">
-        <h1 className="font-extrabold text-3xl text-foreground">New Task</h1>
+        <h1 className="font-black text-4xl text-foreground">New Task</h1>
         <p className="mt-1 text-foreground/60 text-sm">Create a new task with title and description</p>
       </div>
-      <div className="rounded-xl border border-foreground/10 bg-background p-6 shadow-sm">
+      <div className="jelly-glass rounded-box p-6">
         <Load.Edit slice={fetch.slice.taskInPublic} edit={taskForm} type="form" onCancel="back" onSubmit="/task">
           <Task.Template.General />
         </Load.Edit>

package/templates/appSample/ui/GlobalLoading.tsx

@@ -6,6 +6,7 @@ export default function getContent(scanInfo: AppInfo | LibInfo | null, dict: { a
     content: `"use client";
 
 import { cn } from "akanjs/client";
+import { Image } from "akanjs/ui";
 
 // ===== GlobalLoading.tsx =====
 // Convention: ui/ folder — reusable visual components. PascalCase .tsx, "use client" directive.
@@ -20,7 +21,7 @@ interface GlobalLoadingProps {
 export const GlobalLoading = ({ className, message = "Loading..." }: GlobalLoadingProps) => {
   return (
     <div className={cn("flex flex-col items-center justify-center gap-4 py-32", className)}>
-      <span className="inline-block size-8 animate-spin rounded-full border-2 border-primary border-t-transparent" />
+      <Image alt="" className="size-12 animate-bounce" height={96} src="/jelly/star.webp" width={96} />
       <span className="text-foreground/60 text-sm">{message}</span>
     </div>
   );

package/templates/appSample/ui/QuantityControl.tsx

@@ -6,7 +6,7 @@ export default function getContent(scanInfo: AppInfo | LibInfo | null, dict: { a
     content: `"use client";
 
 import { cn } from "akanjs/client";
-import { buttonRecipe } from "akanjs/ui";
+import { jellyButtonRecipe } from "./Recipe";
 
 // ===== QuantityControl.tsx =====
 // Convention: ui/ folder — reusable visual components. PascalCase .tsx, "use client" directive.
@@ -31,7 +31,7 @@ export const QuantityControl = ({
   return (
     <div className={cn("inline-flex items-center gap-1", className)}>
       <button
-        className={buttonRecipe({ variant: "outline", size: "icon" }, "size-6 rounded-full")}
+        className={jellyButtonRecipe({ variant: "default", size: "icon" }, "size-7")}
         disabled={value <= min}
         onClick={() => onChange(Math.max(min, value - 1))}
       >
@@ -39,7 +39,7 @@ export const QuantityControl = ({
       </button>
       <span className="w-8 text-center font-medium tabular-nums">{value}</span>
       <button
-        className={buttonRecipe({ variant: "outline", size: "icon" }, "size-6 rounded-full")}
+        className={jellyButtonRecipe({ variant: "default", size: "icon" }, "size-7")}
         disabled={value >= max}
         onClick={() => onChange(Math.min(max, value + 1))}
       >

package/templates/workspaceRoot/AGENTS.md.template

@@ -6,6 +6,12 @@ the framework generate the repeated surfaces.
 For agent-neutral documentation that Claude Code, Codex, Devin, GitHub Copilot Coding Agent, and other tools can
 also read, see `docs/AI-DEVELOPMENT.md` and `docs/GENERATED.md`.
 
+## Framework Bugs And Feature Requests
+
+If you hit an Akan.js bug, or a fix that one framework change would solve more easily than app-level workarounds,
+draft a GitHub issue for <https://github.com/akan-team/akanjs/issues> (version, repro, expected vs actual) and ask
+the user before filing it. Keep any interim workaround small and marked `// TODO: <issue url>`.
+
 ## Generated Context
 
 The section below is regenerated by `akan agent install` (run `bun run setup:agent`). It lists this

package/{tunnel.command-rz9qf230.js → tunnel.command-xwr46b66.js}

@@ -9,10 +9,10 @@ import {
   runner,
   script,
   command
-} from "./index-1skctzbq.js";
+} from "./index-vpj42xwt.js";
 import {
   AppExecutor
-} from "./index-e52z7psd.js";
+} from "./index-3w94e7n3.js";
 import {
   TunnelShare2
 } from "./index-2wc41k5w.js";

package/{workflow.command-6r809r2z.js → workflow.command-t7wqe4h7.js}

@@ -3,20 +3,20 @@ import {
   Workspace,
   script,
   command
-} from "./index-1skctzbq.js";
+} from "./index-vpj42xwt.js";
 import"./index-52w0fvh8.js";
-import"./index-e52z7psd.js";
+import"./index-3w94e7n3.js";
 import"./index-hj6w4ka1.js";
-import"./index-84r80zdx.js";
-import"./index-vcdxpmsx.js";
-import"./index-qk9vv9hm.js";
-import"./index-nhhrjvk1.js";
-import"./index-cxafpw23.js";
-import"./index-q9q7x4zj.js";
-import"./index-7yf7rnjg.js";
+import"./index-y3mphr1m.js";
+import"./index-9z771ptz.js";
+import"./index-mbxbhay5.js";
+import"./index-4npz05nm.js";
+import"./index-kqabytj7.js";
+import"./index-93j60em0.js";
+import"./index-hsmtysz4.js";
 import {
   WorkflowRunner
-} from "./index-f50dy7yq.js";
+} from "./index-f3c78nd6.js";
 
 // pkgs/@akanjs/cli/workflow/workflow.script.ts
 import { Logger } from "akanjs/common";

package/{workspace.command-8g3cw7jd.js → workspace.command-4derhzrh.js}

@@ -11,7 +11,7 @@ import {
   runner,
   script,
   command
-} from "./index-1skctzbq.js";
+} from "./index-vpj42xwt.js";
 import {
   extractAgentBlock,
   collectScopeRecipeSources,
@@ -22,7 +22,7 @@ import {
   AppExecutor,
   LibExecutor,
   PkgExecutor
-} from "./index-e52z7psd.js";
+} from "./index-3w94e7n3.js";
 import {
   countBlocking,
   formatStyleContract,
@@ -32,43 +32,43 @@ import {
   collectRecipeSources2,
   scanRecipes2
 } from "./index-hj6w4ka1.js";
-import"./index-84r80zdx.js";
-import"./index-vcdxpmsx.js";
+import"./index-y3mphr1m.js";
+import"./index-9z771ptz.js";
 import"./index-zzvvc845.js";
 import {
   AgentScript
-} from "./index-smbecayj.js";
+} from "./index-wprnsjms.js";
 import"./index-48k96p55.js";
-import"./index-f8q701fb.js";
+import"./index-gbggbqcp.js";
 import {
   LibraryScript
-} from "./index-zvr7wfyg.js";
+} from "./index-mgxpx3f2.js";
 import {
   ApplicationScript
-} from "./index-zc90rh75.js";
+} from "./index-p993efkq.js";
 import"./index-7md2g9vw.js";
 import"./index-2ahj896a.js";
 import {
   PackageScript
-} from "./index-arnkqb6f.js";
+} from "./index-by9pxkr0.js";
 import {
   getNpmRegistryUrl,
   getLatestPackageVersion
-} from "./index-947t6zm4.js";
+} from "./index-drehwpdt.js";
 import {
   CloudScript2
-} from "./index-8psse8dw.js";
-import"./index-rqxa9r98.js";
-import"./index-q9q7x4zj.js";
-import"./index-qk9vv9hm.js";
-import"./index-nhhrjvk1.js";
-import"./index-cxafpw23.js";
-import"./index-7yf7rnjg.js";
-import"./index-f50dy7yq.js";
+} from "./index-pmhqttv3.js";
+import"./index-abxpehf8.js";
+import"./index-93j60em0.js";
+import"./index-mbxbhay5.js";
+import"./index-4npz05nm.js";
+import"./index-kqabytj7.js";
+import"./index-hsmtysz4.js";
+import"./index-f3c78nd6.js";
 import {
   ContextScript
-} from "./index-ymnqrsxm.js";
-import"./index-ksq4t16z.js";
+} from "./index-yg7jhz8x.js";
+import"./index-jmrn54tt.js";
 
 // pkgs/@akanjs/cli/workspace/workspace.runner.ts
 import path from "path";
@@ -330,7 +330,10 @@ class WorkspaceScript extends script("workspace", [
       await this.libraryScript.installLibrary(workspace, "util");
       await this.libraryScript.installLibrary(workspace, "shared");
     }
-    await this.applicationScript.createApplication(appName, workspace, { libs: installLibs ? ["util", "shared"] : [] });
+    await this.applicationScript.createApplication(appName, workspace, {
+      libs: installLibs ? ["util", "shared"] : [],
+      sample: true
+    });
     await workspace.applyTemplate({
       basePath: `apps/${appName}`,
       template: "appSample",

package/cloud.script-baqdthnz.js

@@ -1,20 +0,0 @@
-// @bun
-import {
-  CloudScript2
-} from "./index-8psse8dw.js";
-import"./index-947t6zm4.js";
-import"./index-arnkqb6f.js";
-import"./index-zc90rh75.js";
-import"./index-ksq4t16z.js";
-import"./index-zvr7wfyg.js";
-import"./index-f8q701fb.js";
-import"./index-94s080qm.js";
-import"./index-1skctzbq.js";
-import"./index-7md2g9vw.js";
-import"./index-48k96p55.js";
-import"./index-e52z7psd.js";
-import"./index-2ahj896a.js";
-import"./index-52w0fvh8.js";
-export {
-  CloudScript2 as CloudScript
-};

package/context.runner-kqbjjea1.js

@@ -1,21 +0,0 @@
-// @bun
-import {
-  ContextRunner2
-} from "./index-rqxa9r98.js";
-import"./index-f50dy7yq.js";
-import"./index-7yf7rnjg.js";
-import"./index-cxafpw23.js";
-import"./index-q9q7x4zj.js";
-import"./index-nhhrjvk1.js";
-import"./index-qk9vv9hm.js";
-import"./index-f8q701fb.js";
-import"./index-vcdxpmsx.js";
-import"./index-84r80zdx.js";
-import"./index-zzvvc845.js";
-import"./index-1skctzbq.js";
-import"./index-e52z7psd.js";
-import"./index-hj6w4ka1.js";
-import"./index-52w0fvh8.js";
-export {
-  ContextRunner2 as ContextRunner
-};