@akanjs/cli 0.0.136 → 0.0.138

package/README.md

@@ -20,5 +20,22 @@ akan create-workspace
 # How to start your project
 
 ```bash
-cd <workspace-name> && akan start <app-name> --open=true
+cd <workspace-name> && akan start <app-name> --open
+```
+
+you can navigate to default webpage
+
+- home: http://localhost:4200
+
+# Recipes
+
+```bash
+# set llm model
+akan set-llm
+
+# create module
+akan create-module
+
+# create scalar with ai (experimental)
+akan create-scalar
 ```

package/cjs/index.js

@@ -914,11 +914,58 @@ var TypeScriptDependencyScanner = class {
   }
 };
 
+// pkgs/@akanjs/devkit/src/spinner.ts
+var import_ora2 = __toESM(require("ora"));
+var Spinner = class {
+  spinner;
+  stopWatch;
+  startAt;
+  message;
+  constructor(message, { prefix = "", indent = 0 } = {}) {
+    this.message = message;
+    this.spinner = (0, import_ora2.default)(message);
+    this.spinner.prefixText = prefix;
+    this.spinner.indent = indent;
+  }
+  start() {
+    this.startAt = /* @__PURE__ */ new Date();
+    const spinner = this.spinner.start();
+    this.stopWatch = setInterval(() => {
+      spinner.text = `${this.message} (${this.#getElapsedTimeStr()})`;
+    }, 1e3);
+    return this;
+  }
+  succeed(message) {
+    clearInterval(this.stopWatch);
+    this.spinner.succeed(`${message} (${this.#getElapsedTimeStr()})`);
+  }
+  #getElapsedTimeStr() {
+    const ms = (/* @__PURE__ */ new Date()).getTime() - this.startAt.getTime();
+    if (ms < 1e3)
+      return `${ms}ms`;
+    const s = Math.floor(ms / 1e3);
+    if (s < 60)
+      return `${s}s`;
+    const m = Math.floor(s / 60);
+    return `${m}m ${s % 60}s`;
+  }
+};
+
 // pkgs/@akanjs/devkit/src/executors.ts
+var execEmoji = {
+  workspace: "\u{1F3E0}",
+  app: "\u{1F680}",
+  lib: "\u{1F527}",
+  pkg: "\u{1F4E6}",
+  dist: "\u{1F4BF}",
+  default: "\u2708\uFE0F"
+  // for sys executor
+};
 var Executor = class {
   name;
   logger;
   cwdPath;
+  emoji = execEmoji.default;
   constructor(name, cwdPath) {
     this.name = name;
     this.logger = new Logger(name);
@@ -1045,6 +1092,9 @@ var Executor = class {
     this.logger.verbose(msg);
     return this;
   }
+  spinning(msg, { prefix = `${this.emoji}${this.name} -`, indent = 0 } = {}) {
+    return new Spinner(msg, { prefix, indent }).start();
+  }
   getTsConfig(pathname = "tsconfig.json") {
     const tsconfig = this.readJson(pathname);
     if (tsconfig.extends) {
@@ -1076,7 +1126,7 @@ var Executor = class {
         `${dirname}/${filename}`
       );
       this.logger.verbose(`Apply template ${templatePath} to ${convertedTargetPath}`);
-      this.writeFile(convertedTargetPath, content);
+      this.writeFile(convertedTargetPath, content, { overwrite });
     } else if (targetPath.endsWith(".template")) {
       const content = await import_promises.default.readFile(templatePath, "utf8");
       const convertedTargetPath = Object.entries(dict).reduce(
@@ -1088,7 +1138,7 @@ var Executor = class {
         content
       );
       this.logger.verbose(`Apply template ${templatePath} to ${convertedTargetPath}`);
-      this.writeFile(convertedTargetPath, convertedContent);
+      this.writeFile(convertedTargetPath, convertedContent, { overwrite });
     }
   }
   async applyTemplate({
@@ -1131,8 +1181,9 @@ var Executor = class {
 var WorkspaceExecutor = class _WorkspaceExecutor extends Executor {
   workspaceRoot;
   repoName;
+  emoji = execEmoji.workspace;
   constructor({ workspaceRoot, repoName }) {
-    super(`${repoName} Executor`, workspaceRoot);
+    super("workspace", workspaceRoot);
     this.workspaceRoot = workspaceRoot;
     this.repoName = repoName;
   }
@@ -1287,11 +1338,13 @@ var SysExecutor = class extends Executor {
   workspace;
   name;
   type;
+  emoji;
   constructor({ workspace = WorkspaceExecutor.fromRoot(), name, type }) {
-    super(`${name} Sys Executor`, `${workspace.workspaceRoot}/${type}s/${name}`);
+    super(name, `${workspace.workspaceRoot}/${type}s/${name}`);
     this.workspace = workspace;
     this.name = name;
     this.type = type;
+    this.emoji = execEmoji[type];
   }
   async getConfig(command) {
     return this.type === "app" ? await getAppConfig(this.cwdPath, { ...this.workspace.getBaseDevEnv(), type: "app", name: this.name, command }) : await getLibConfig(this.cwdPath, { ...this.workspace.getBaseDevEnv(), type: "lib", name: this.name, command });
@@ -1512,9 +1565,10 @@ var SysExecutor = class extends Executor {
 };
 var AppExecutor = class _AppExecutor extends SysExecutor {
   dist;
+  emoji = execEmoji.app;
   constructor({ workspace, name }) {
     super({ workspace, name, type: "app" });
-    this.dist = new Executor(`${name} Dist App Executor`, `${this.workspace.workspaceRoot}/dist/apps/${name}`);
+    this.dist = new Executor(`dist/${name}`, `${this.workspace.workspaceRoot}/dist/apps/${name}`);
   }
   static from(executor, name) {
     if (executor instanceof WorkspaceExecutor)
@@ -1548,9 +1602,10 @@ var LibExecutor = class _LibExecutor extends SysExecutor {
   workspaceRoot;
   repoName;
   dist;
+  emoji = execEmoji.lib;
   constructor({ workspace, name }) {
     super({ workspace, name, type: "lib" });
-    this.dist = new Executor(`${name} Dist Lib Executor`, `${this.workspace.workspaceRoot}/dist/libs/${name}`);
+    this.dist = new Executor(`dist/${name}`, `${this.workspace.workspaceRoot}/dist/libs/${name}`);
   }
   static from(executor, name) {
     if (executor instanceof WorkspaceExecutor)
@@ -1570,11 +1625,12 @@ var PkgExecutor = class _PkgExecutor extends Executor {
   workspace;
   name;
   dist;
+  emoji = execEmoji.pkg;
   constructor({ workspace = WorkspaceExecutor.fromRoot(), name }) {
-    super(`${name} Pkg Executor`, `${workspace.workspaceRoot}/pkgs/${name}`);
+    super(name, `${workspace.workspaceRoot}/pkgs/${name}`);
     this.workspace = workspace;
     this.name = name;
-    this.dist = new Executor(`${name} Dist Pkg Executor`, `${this.workspace.workspaceRoot}/dist/pkgs/${name}`);
+    this.dist = new Executor(`dist/${name}`, `${this.workspace.workspaceRoot}/dist/pkgs/${name}`);
   }
   static from(executor, name) {
     if (executor instanceof WorkspaceExecutor)
@@ -2177,6 +2233,7 @@ var import_prompts4 = require("@inquirer/prompts");
 var import_messages = require("@langchain/core/messages");
 var import_openai2 = require("@langchain/openai");
 var import_chalk3 = __toESM(require("chalk"));
+var import_ora3 = __toESM(require("ora"));
 var MAX_ASK_TRY = 300;
 var supportedLlmModels = ["deepseek-chat", "deepseek-reasoner"];
 var AiSession = class _AiSession {
@@ -2247,23 +2304,28 @@ var AiSession = class _AiSession {
       await _AiSession.init();
     if (!_AiSession.#chat)
       throw new Error("Failed to initialize the AI session");
+    const loader = (0, import_ora3.default)(`${_AiSession.#chat.model} is thinking...`).start();
     try {
       const humanMessage = new import_messages.HumanMessage(question);
       this.messageHistory.push(humanMessage);
       const stream = await _AiSession.#chat.stream(this.messageHistory);
-      let fullResponse = "";
+      let fullResponse = "", tokenIdx = 0;
       for await (const chunk of stream) {
+        if (loader.isSpinning)
+          loader.succeed(`${_AiSession.#chat.model} responded`);
         const content = chunk.content;
         if (typeof content === "string") {
           fullResponse += content;
           onChunk(content);
         }
+        tokenIdx++;
       }
       fullResponse += "\n";
       onChunk("\n");
       this.messageHistory.push(new import_messages.AIMessage(fullResponse));
       return { content: fullResponse, messageHistory: this.messageHistory };
     } catch (error) {
+      loader.fail(`${_AiSession.#chat.model} failed to respond`);
       throw new Error("Failed to stream response");
     }
   }
@@ -2517,7 +2579,7 @@ var import_fs9 = __toESM(require("fs"));
 var import_promises2 = __toESM(require("fs/promises"));
 var import_js_yaml2 = __toESM(require("js-yaml"));
 var import_open = __toESM(require("open"));
-var import_ora2 = __toESM(require("ora"));
+var import_ora4 = __toESM(require("ora"));
 var import_path4 = __toESM(require("path"));
 var vite = __toESM(require("vite"));
 var import_vite_plugin_commonjs = __toESM(require("vite-plugin-commonjs"));
@@ -4509,7 +4571,7 @@ var ApplicationRunner = class {
   async buildFrontend(app) {
     const { env } = await this.#prepareCommand(app, "build", "frontend");
     const akanConfig = await app.getConfig("build");
-    await app.spawn("npx", ["next", "build", "--no-lint"], { env });
+    await app.spawn("npx", ["next", "build", "--no-lint"], { env, stdio: "ignore" });
     const buildResult = await esbuild2.build({
       entryPoints: [`${app.cwdPath}/next.config.ts`],
       outdir: `${app.dist.cwdPath}/frontend`,
@@ -4530,9 +4592,7 @@ var ApplicationRunner = class {
       version: "1.0.0",
       engines: { node: ">=22" },
       dependencies,
-      scripts: {
-        start: "next start"
-      }
+      scripts: { start: "next start" }
     };
     app.dist.writeJson("frontend/package.json", appPackageJson);
     await Promise.all([
@@ -4697,10 +4757,13 @@ var ApplicationRunner = class {
       dict: { repoName: workspace.repoName },
       overwrite: false
     });
-    await workspace.spawn(`docker`, ["compose", "up", "-d"], { cwd: `${workspace.workspaceRoot}/local` });
+    await workspace.spawn(`docker`, ["compose", "up", "-d"], {
+      cwd: `${workspace.workspaceRoot}/local`,
+      stdio: "ignore"
+    });
   }
   async dbdown(workspace) {
-    await workspace.spawn(`docker`, ["compose", "down"], { cwd: `${workspace.workspaceRoot}/local` });
+    await workspace.spawn(`docker`, ["compose", "down"], { cwd: `${workspace.workspaceRoot}/local`, stdio: "ignore" });
   }
   async configureApp(app) {
     const capacitorApp = new CapacitorApp(app);
@@ -4860,7 +4923,7 @@ var ApplicationRunner = class {
     const chatModel = new import_openai3.ChatOpenAI({ modelName: "gpt-4o", openAIApiKey });
     const projectName = await (0, import_prompts5.input)({ message: "please enter project name." });
     const projectDesc = await (0, import_prompts5.input)({ message: "please enter project description. (40 ~ 60 characters)" });
-    const spinner = (0, import_ora2.default)("Gerating project files...");
+    const spinner = (0, import_ora4.default)("Gerating project files...");
     const mainPrompt = import_prompts6.PromptTemplate.fromTemplate(requestApplication());
     const chain = import_runnables2.RunnableSequence.from([mainPrompt, chatModel, new import_output_parsers.StringOutputParser()]);
     const resultOne = await chain.invoke({ projectName, projectDesc });
@@ -4907,16 +4970,13 @@ var ApplicationScript = class {
   async removeApplication(app) {
     await this.#runner.removeApplication(app);
   }
-  async scanApplication(app, verbose = false) {
+  async syncApplication(app, verbose = false) {
+    const spinner = app.spinning("Scanning application...");
     const akanConfig = await this.#runner.getConfig(app);
     const scanResult = await this.#runner.scanSync(app, akanConfig);
     if (verbose)
       app.logger.rawLog(JSON.stringify(scanResult, null, 2));
-    return scanResult;
-  }
-  async syncApplication(app) {
-    const akanConfig = await this.#runner.getConfig(app);
-    const scanResult = await this.#runner.scanSync(app, akanConfig);
+    spinner.succeed("Application scanned");
     return scanResult;
   }
   async build(app) {
@@ -4932,7 +4992,9 @@ var ApplicationScript = class {
   async buildBackend(app, { sync = true } = {}) {
     if (sync)
       await this.syncApplication(app);
+    const spinner = app.spinning("Building backend...");
     await this.#runner.buildBackend(app);
+    spinner.succeed(`Successfully built in dist/apps/${app.name}/backend`);
   }
   async startBackend(app, { open: open2 = false, sync = true } = {}) {
     if (sync)
@@ -4942,7 +5004,9 @@ var ApplicationScript = class {
   async buildFrontend(app, { sync = true } = {}) {
     if (sync)
       await this.syncApplication(app);
+    const spinner = app.spinning("Building frontend...");
     await this.#runner.buildFrontend(app);
+    spinner.succeed(`Successfully built in dist/apps/${app.name}/frontend`);
   }
   async startFrontend(app, { open: open2 = false, turbo = false, sync = true } = {}) {
     if (sync)
@@ -4952,7 +5016,9 @@ var ApplicationScript = class {
   async buildCsr(app, { sync = true } = {}) {
     if (sync)
       await this.syncApplication(app);
+    const spinner = app.spinning("Building CSR...");
     await this.#runner.buildCsr(app);
+    spinner.succeed(`Successfully built in dist/apps/${app.name}/csr`);
   }
   async startCsr(app, { open: open2 = false, sync = true } = {}) {
     if (sync)
@@ -5016,10 +5082,16 @@ var ApplicationScript = class {
     await this.#runner.releaseSource(app, options);
   }
   async dbup(workspace) {
+    const spinner = workspace.spinning("Starting local database...");
     await this.#runner.dbup(workspace);
+    spinner.succeed(
+      "Local database(/local/docker-compose.yaml) is up, you can start your application and connect to the database"
+    );
   }
   async dbdown(workspace) {
+    const spinner = workspace.spinning("Stopping local database...");
     await this.#runner.dbdown(workspace);
+    spinner.succeed("Local database(/local/docker-compose.yaml) is down");
   }
   async testSys(sys2) {
     if (sys2.type === "app")
@@ -5036,13 +5108,13 @@ var ApplicationScript = class {
 var ApplicationCommand = class {
   applicationScript = new ApplicationScript();
   async createApplication(name, start, workspace) {
-    await this.applicationScript.createApplication(name, workspace, { start });
+    await this.applicationScript.createApplication(name.toLowerCase().replace(/ /g, "-"), workspace, { start });
   }
   async removeApplication(app) {
     await this.applicationScript.removeApplication(app);
   }
-  async scanApplication(app) {
-    await this.applicationScript.scanApplication(app, true);
+  async syncApplication(app, verbose) {
+    await this.applicationScript.syncApplication(app, verbose);
   }
   async build(app) {
     await this.applicationScript.build(app);
@@ -5123,8 +5195,9 @@ __decorateClass([
 ], ApplicationCommand.prototype, "removeApplication", 1);
 __decorateClass([
   Target.Public(),
-  __decorateParam(0, App())
-], ApplicationCommand.prototype, "scanApplication", 1);
+  __decorateParam(0, App()),
+  __decorateParam(1, Option("verbose", { type: "boolean", desc: "verbose", default: false }))
+], ApplicationCommand.prototype, "syncApplication", 1);
 __decorateClass([
   Target.Public({ short: true }),
   __decorateParam(0, App())
@@ -5535,7 +5608,7 @@ CloudCommand = __decorateClass([
 var LibraryCommand = class {
   libraryScript = new LibraryScript();
   async createLibrary(name, workspace) {
-    await this.libraryScript.createLibrary(name, workspace);
+    await this.libraryScript.createLibrary(name.toLowerCase().replace(/ /g, "-"), workspace);
   }
   async removeLibrary(lib) {
     await this.libraryScript.removeLibrary(lib);
@@ -5604,11 +5677,19 @@ var ModuleRunner = class {
   async createScalarTemplate(sys2, name) {
     const akanConfig = await sys2.getConfig();
     const scanResult = await sys2.scan({ akanConfig });
+    const names = (0, import_pluralize.default)(name);
     await sys2.applyTemplate({
       basePath: "./lib/__scalar",
       template: "__scalar",
       scanResult,
-      dict: { model: name, Model: capitalize(name), sysName: sys2.name, SysName: capitalize(sys2.name) }
+      dict: {
+        model: name,
+        Model: capitalize(name),
+        models: names,
+        Models: capitalize(names),
+        sysName: sys2.name,
+        SysName: capitalize(sys2.name)
+      }
     });
     await sys2.scan({ akanConfig });
     return {
@@ -5647,11 +5728,19 @@ var ModuleRunner = class {
   async createModuleTemplate(sys2, name) {
     const akanConfig = await sys2.getConfig();
     const scanResult = await sys2.scan({ akanConfig });
+    const names = (0, import_pluralize.default)(name);
     await sys2.applyTemplate({
       basePath: `./lib/${name}`,
       template: "module",
       scanResult,
-      dict: { model: name, Model: capitalize(name), sysName: sys2.name, SysName: capitalize(sys2.name) }
+      dict: {
+        model: name,
+        Model: capitalize(name),
+        models: names,
+        Models: capitalize(names),
+        sysName: sys2.name,
+        SysName: capitalize(sys2.name)
+      }
     });
     await sys2.scan({ akanConfig });
     return {
@@ -5944,7 +6033,7 @@ var PackageCommand = class {
     await this.packageScript.version(workspace);
   }
   async createPackage(name, workspace) {
-    await this.packageScript.createPackage(workspace, name);
+    await this.packageScript.createPackage(workspace, name.toLowerCase().replace(/ /g, "-"));
   }
   async removePackage(pkg) {
     await this.packageScript.removePackage(pkg);
@@ -6154,7 +6243,7 @@ var WorkspaceScript = class {
 var WorkspaceCommand = class {
   workspaceScript = new WorkspaceScript();
   async createWorkspace(name, app, dir) {
-    await this.workspaceScript.createWorkspace(name, app, dir);
+    await this.workspaceScript.createWorkspace(name, app.toLowerCase().replace(/ /g, "-"), dir);
   }
   async generateMongo(workspace) {
     await this.workspaceScript.generateMongo(workspace);

package/cjs/src/templates/app/app/[lang]/admin/layout.js

@@ -26,6 +26,7 @@ function getContent(scanResult, dict) {
   return {
     filename: "layout.tsx",
     content: `
+import "../(${dict.appName})/styles.css";
 import { System } from "@shared/ui";
 import { env } from "@${dict.appName}/env/env.client";
 import { fetch } from "@${dict.appName}/client";

package/cjs/src/templates/workspaceRoot/package.json.template

@@ -20,6 +20,7 @@
     "jiti": "^2.4.2",
     "os-browserify": "^0.3.0",
     "prettier": "^3.5.3",
+    "prettier-plugin-tailwindcss": "^0.6.11",
     "process": "^0.11.10",
     "stream-browserify": "^3.0.0",
     "stream-http": "^3.2.0",

package/esm/index.js

@@ -901,11 +901,58 @@ var TypeScriptDependencyScanner = class {
   }
 };
 
+// pkgs/@akanjs/devkit/src/spinner.ts
+import ora2 from "ora";
+var Spinner = class {
+  spinner;
+  stopWatch;
+  startAt;
+  message;
+  constructor(message, { prefix = "", indent = 0 } = {}) {
+    this.message = message;
+    this.spinner = ora2(message);
+    this.spinner.prefixText = prefix;
+    this.spinner.indent = indent;
+  }
+  start() {
+    this.startAt = /* @__PURE__ */ new Date();
+    const spinner = this.spinner.start();
+    this.stopWatch = setInterval(() => {
+      spinner.text = `${this.message} (${this.#getElapsedTimeStr()})`;
+    }, 1e3);
+    return this;
+  }
+  succeed(message) {
+    clearInterval(this.stopWatch);
+    this.spinner.succeed(`${message} (${this.#getElapsedTimeStr()})`);
+  }
+  #getElapsedTimeStr() {
+    const ms = (/* @__PURE__ */ new Date()).getTime() - this.startAt.getTime();
+    if (ms < 1e3)
+      return `${ms}ms`;
+    const s = Math.floor(ms / 1e3);
+    if (s < 60)
+      return `${s}s`;
+    const m = Math.floor(s / 60);
+    return `${m}m ${s % 60}s`;
+  }
+};
+
 // pkgs/@akanjs/devkit/src/executors.ts
+var execEmoji = {
+  workspace: "\u{1F3E0}",
+  app: "\u{1F680}",
+  lib: "\u{1F527}",
+  pkg: "\u{1F4E6}",
+  dist: "\u{1F4BF}",
+  default: "\u2708\uFE0F"
+  // for sys executor
+};
 var Executor = class {
   name;
   logger;
   cwdPath;
+  emoji = execEmoji.default;
   constructor(name, cwdPath) {
     this.name = name;
     this.logger = new Logger(name);
@@ -1032,6 +1079,9 @@ var Executor = class {
     this.logger.verbose(msg);
     return this;
   }
+  spinning(msg, { prefix = `${this.emoji}${this.name} -`, indent = 0 } = {}) {
+    return new Spinner(msg, { prefix, indent }).start();
+  }
   getTsConfig(pathname = "tsconfig.json") {
     const tsconfig = this.readJson(pathname);
     if (tsconfig.extends) {
@@ -1063,7 +1113,7 @@ var Executor = class {
         `${dirname}/${filename}`
       );
       this.logger.verbose(`Apply template ${templatePath} to ${convertedTargetPath}`);
-      this.writeFile(convertedTargetPath, content);
+      this.writeFile(convertedTargetPath, content, { overwrite });
     } else if (targetPath.endsWith(".template")) {
       const content = await fsPromise.readFile(templatePath, "utf8");
       const convertedTargetPath = Object.entries(dict).reduce(
@@ -1075,7 +1125,7 @@ var Executor = class {
         content
       );
       this.logger.verbose(`Apply template ${templatePath} to ${convertedTargetPath}`);
-      this.writeFile(convertedTargetPath, convertedContent);
+      this.writeFile(convertedTargetPath, convertedContent, { overwrite });
     }
   }
   async applyTemplate({
@@ -1118,8 +1168,9 @@ var Executor = class {
 var WorkspaceExecutor = class _WorkspaceExecutor extends Executor {
   workspaceRoot;
   repoName;
+  emoji = execEmoji.workspace;
   constructor({ workspaceRoot, repoName }) {
-    super(`${repoName} Executor`, workspaceRoot);
+    super("workspace", workspaceRoot);
     this.workspaceRoot = workspaceRoot;
     this.repoName = repoName;
   }
@@ -1274,11 +1325,13 @@ var SysExecutor = class extends Executor {
   workspace;
   name;
   type;
+  emoji;
   constructor({ workspace = WorkspaceExecutor.fromRoot(), name, type }) {
-    super(`${name} Sys Executor`, `${workspace.workspaceRoot}/${type}s/${name}`);
+    super(name, `${workspace.workspaceRoot}/${type}s/${name}`);
     this.workspace = workspace;
     this.name = name;
     this.type = type;
+    this.emoji = execEmoji[type];
   }
   async getConfig(command) {
     return this.type === "app" ? await getAppConfig(this.cwdPath, { ...this.workspace.getBaseDevEnv(), type: "app", name: this.name, command }) : await getLibConfig(this.cwdPath, { ...this.workspace.getBaseDevEnv(), type: "lib", name: this.name, command });
@@ -1499,9 +1552,10 @@ var SysExecutor = class extends Executor {
 };
 var AppExecutor = class _AppExecutor extends SysExecutor {
   dist;
+  emoji = execEmoji.app;
   constructor({ workspace, name }) {
     super({ workspace, name, type: "app" });
-    this.dist = new Executor(`${name} Dist App Executor`, `${this.workspace.workspaceRoot}/dist/apps/${name}`);
+    this.dist = new Executor(`dist/${name}`, `${this.workspace.workspaceRoot}/dist/apps/${name}`);
   }
   static from(executor, name) {
     if (executor instanceof WorkspaceExecutor)
@@ -1535,9 +1589,10 @@ var LibExecutor = class _LibExecutor extends SysExecutor {
   workspaceRoot;
   repoName;
   dist;
+  emoji = execEmoji.lib;
   constructor({ workspace, name }) {
     super({ workspace, name, type: "lib" });
-    this.dist = new Executor(`${name} Dist Lib Executor`, `${this.workspace.workspaceRoot}/dist/libs/${name}`);
+    this.dist = new Executor(`dist/${name}`, `${this.workspace.workspaceRoot}/dist/libs/${name}`);
   }
   static from(executor, name) {
     if (executor instanceof WorkspaceExecutor)
@@ -1557,11 +1612,12 @@ var PkgExecutor = class _PkgExecutor extends Executor {
   workspace;
   name;
   dist;
+  emoji = execEmoji.pkg;
   constructor({ workspace = WorkspaceExecutor.fromRoot(), name }) {
-    super(`${name} Pkg Executor`, `${workspace.workspaceRoot}/pkgs/${name}`);
+    super(name, `${workspace.workspaceRoot}/pkgs/${name}`);
     this.workspace = workspace;
     this.name = name;
-    this.dist = new Executor(`${name} Dist Pkg Executor`, `${this.workspace.workspaceRoot}/dist/pkgs/${name}`);
+    this.dist = new Executor(`dist/${name}`, `${this.workspace.workspaceRoot}/dist/pkgs/${name}`);
   }
   static from(executor, name) {
     if (executor instanceof WorkspaceExecutor)
@@ -2164,6 +2220,7 @@ import { input as input2, select as select3 } from "@inquirer/prompts";
 import { AIMessage, HumanMessage } from "@langchain/core/messages";
 import { ChatOpenAI as ChatOpenAI2 } from "@langchain/openai";
 import chalk3 from "chalk";
+import ora3 from "ora";
 var MAX_ASK_TRY = 300;
 var supportedLlmModels = ["deepseek-chat", "deepseek-reasoner"];
 var AiSession = class _AiSession {
@@ -2234,23 +2291,28 @@ var AiSession = class _AiSession {
       await _AiSession.init();
     if (!_AiSession.#chat)
       throw new Error("Failed to initialize the AI session");
+    const loader = ora3(`${_AiSession.#chat.model} is thinking...`).start();
     try {
       const humanMessage = new HumanMessage(question);
       this.messageHistory.push(humanMessage);
       const stream = await _AiSession.#chat.stream(this.messageHistory);
-      let fullResponse = "";
+      let fullResponse = "", tokenIdx = 0;
       for await (const chunk of stream) {
+        if (loader.isSpinning)
+          loader.succeed(`${_AiSession.#chat.model} responded`);
         const content = chunk.content;
         if (typeof content === "string") {
           fullResponse += content;
           onChunk(content);
         }
+        tokenIdx++;
       }
       fullResponse += "\n";
       onChunk("\n");
       this.messageHistory.push(new AIMessage(fullResponse));
       return { content: fullResponse, messageHistory: this.messageHistory };
     } catch (error) {
+      loader.fail(`${_AiSession.#chat.model} failed to respond`);
       throw new Error("Failed to stream response");
     }
   }
@@ -2504,7 +2566,7 @@ import fs11 from "fs";
 import fsPromise2 from "fs/promises";
 import yaml2 from "js-yaml";
 import openBrowser from "open";
-import ora2 from "ora";
+import ora4 from "ora";
 import path5 from "path";
 import * as vite from "vite";
 import commonjs from "vite-plugin-commonjs";
@@ -4496,7 +4558,7 @@ var ApplicationRunner = class {
   async buildFrontend(app) {
     const { env } = await this.#prepareCommand(app, "build", "frontend");
     const akanConfig = await app.getConfig("build");
-    await app.spawn("npx", ["next", "build", "--no-lint"], { env });
+    await app.spawn("npx", ["next", "build", "--no-lint"], { env, stdio: "ignore" });
     const buildResult = await esbuild2.build({
       entryPoints: [`${app.cwdPath}/next.config.ts`],
       outdir: `${app.dist.cwdPath}/frontend`,
@@ -4517,9 +4579,7 @@ var ApplicationRunner = class {
       version: "1.0.0",
       engines: { node: ">=22" },
       dependencies,
-      scripts: {
-        start: "next start"
-      }
+      scripts: { start: "next start" }
     };
     app.dist.writeJson("frontend/package.json", appPackageJson);
     await Promise.all([
@@ -4684,10 +4744,13 @@ var ApplicationRunner = class {
       dict: { repoName: workspace.repoName },
       overwrite: false
     });
-    await workspace.spawn(`docker`, ["compose", "up", "-d"], { cwd: `${workspace.workspaceRoot}/local` });
+    await workspace.spawn(`docker`, ["compose", "up", "-d"], {
+      cwd: `${workspace.workspaceRoot}/local`,
+      stdio: "ignore"
+    });
   }
   async dbdown(workspace) {
-    await workspace.spawn(`docker`, ["compose", "down"], { cwd: `${workspace.workspaceRoot}/local` });
+    await workspace.spawn(`docker`, ["compose", "down"], { cwd: `${workspace.workspaceRoot}/local`, stdio: "ignore" });
   }
   async configureApp(app) {
     const capacitorApp = new CapacitorApp(app);
@@ -4847,7 +4910,7 @@ var ApplicationRunner = class {
     const chatModel = new ChatOpenAI3({ modelName: "gpt-4o", openAIApiKey });
     const projectName = await input3({ message: "please enter project name." });
     const projectDesc = await input3({ message: "please enter project description. (40 ~ 60 characters)" });
-    const spinner = ora2("Gerating project files...");
+    const spinner = ora4("Gerating project files...");
     const mainPrompt = PromptTemplate2.fromTemplate(requestApplication());
     const chain = RunnableSequence2.from([mainPrompt, chatModel, new StringOutputParser()]);
     const resultOne = await chain.invoke({ projectName, projectDesc });
@@ -4894,16 +4957,13 @@ var ApplicationScript = class {
   async removeApplication(app) {
     await this.#runner.removeApplication(app);
   }
-  async scanApplication(app, verbose = false) {
+  async syncApplication(app, verbose = false) {
+    const spinner = app.spinning("Scanning application...");
     const akanConfig = await this.#runner.getConfig(app);
     const scanResult = await this.#runner.scanSync(app, akanConfig);
     if (verbose)
       app.logger.rawLog(JSON.stringify(scanResult, null, 2));
-    return scanResult;
-  }
-  async syncApplication(app) {
-    const akanConfig = await this.#runner.getConfig(app);
-    const scanResult = await this.#runner.scanSync(app, akanConfig);
+    spinner.succeed("Application scanned");
     return scanResult;
   }
   async build(app) {
@@ -4919,7 +4979,9 @@ var ApplicationScript = class {
   async buildBackend(app, { sync = true } = {}) {
     if (sync)
       await this.syncApplication(app);
+    const spinner = app.spinning("Building backend...");
     await this.#runner.buildBackend(app);
+    spinner.succeed(`Successfully built in dist/apps/${app.name}/backend`);
   }
   async startBackend(app, { open: open2 = false, sync = true } = {}) {
     if (sync)
@@ -4929,7 +4991,9 @@ var ApplicationScript = class {
   async buildFrontend(app, { sync = true } = {}) {
     if (sync)
       await this.syncApplication(app);
+    const spinner = app.spinning("Building frontend...");
     await this.#runner.buildFrontend(app);
+    spinner.succeed(`Successfully built in dist/apps/${app.name}/frontend`);
   }
   async startFrontend(app, { open: open2 = false, turbo = false, sync = true } = {}) {
     if (sync)
@@ -4939,7 +5003,9 @@ var ApplicationScript = class {
   async buildCsr(app, { sync = true } = {}) {
     if (sync)
       await this.syncApplication(app);
+    const spinner = app.spinning("Building CSR...");
     await this.#runner.buildCsr(app);
+    spinner.succeed(`Successfully built in dist/apps/${app.name}/csr`);
   }
   async startCsr(app, { open: open2 = false, sync = true } = {}) {
     if (sync)
@@ -5003,10 +5069,16 @@ var ApplicationScript = class {
     await this.#runner.releaseSource(app, options);
   }
   async dbup(workspace) {
+    const spinner = workspace.spinning("Starting local database...");
     await this.#runner.dbup(workspace);
+    spinner.succeed(
+      "Local database(/local/docker-compose.yaml) is up, you can start your application and connect to the database"
+    );
   }
   async dbdown(workspace) {
+    const spinner = workspace.spinning("Stopping local database...");
     await this.#runner.dbdown(workspace);
+    spinner.succeed("Local database(/local/docker-compose.yaml) is down");
   }
   async testSys(sys2) {
     if (sys2.type === "app")
@@ -5023,13 +5095,13 @@ var ApplicationScript = class {
 var ApplicationCommand = class {
   applicationScript = new ApplicationScript();
   async createApplication(name, start, workspace) {
-    await this.applicationScript.createApplication(name, workspace, { start });
+    await this.applicationScript.createApplication(name.toLowerCase().replace(/ /g, "-"), workspace, { start });
   }
   async removeApplication(app) {
     await this.applicationScript.removeApplication(app);
   }
-  async scanApplication(app) {
-    await this.applicationScript.scanApplication(app, true);
+  async syncApplication(app, verbose) {
+    await this.applicationScript.syncApplication(app, verbose);
   }
   async build(app) {
     await this.applicationScript.build(app);
@@ -5110,8 +5182,9 @@ __decorateClass([
 ], ApplicationCommand.prototype, "removeApplication", 1);
 __decorateClass([
   Target.Public(),
-  __decorateParam(0, App())
-], ApplicationCommand.prototype, "scanApplication", 1);
+  __decorateParam(0, App()),
+  __decorateParam(1, Option("verbose", { type: "boolean", desc: "verbose", default: false }))
+], ApplicationCommand.prototype, "syncApplication", 1);
 __decorateClass([
   Target.Public({ short: true }),
   __decorateParam(0, App())
@@ -5522,7 +5595,7 @@ CloudCommand = __decorateClass([
 var LibraryCommand = class {
   libraryScript = new LibraryScript();
   async createLibrary(name, workspace) {
-    await this.libraryScript.createLibrary(name, workspace);
+    await this.libraryScript.createLibrary(name.toLowerCase().replace(/ /g, "-"), workspace);
   }
   async removeLibrary(lib) {
     await this.libraryScript.removeLibrary(lib);
@@ -5591,11 +5664,19 @@ var ModuleRunner = class {
   async createScalarTemplate(sys2, name) {
     const akanConfig = await sys2.getConfig();
     const scanResult = await sys2.scan({ akanConfig });
+    const names = pluralize(name);
     await sys2.applyTemplate({
       basePath: "./lib/__scalar",
       template: "__scalar",
       scanResult,
-      dict: { model: name, Model: capitalize(name), sysName: sys2.name, SysName: capitalize(sys2.name) }
+      dict: {
+        model: name,
+        Model: capitalize(name),
+        models: names,
+        Models: capitalize(names),
+        sysName: sys2.name,
+        SysName: capitalize(sys2.name)
+      }
     });
     await sys2.scan({ akanConfig });
     return {
@@ -5634,11 +5715,19 @@ var ModuleRunner = class {
   async createModuleTemplate(sys2, name) {
     const akanConfig = await sys2.getConfig();
     const scanResult = await sys2.scan({ akanConfig });
+    const names = pluralize(name);
     await sys2.applyTemplate({
       basePath: `./lib/${name}`,
       template: "module",
       scanResult,
-      dict: { model: name, Model: capitalize(name), sysName: sys2.name, SysName: capitalize(sys2.name) }
+      dict: {
+        model: name,
+        Model: capitalize(name),
+        models: names,
+        Models: capitalize(names),
+        sysName: sys2.name,
+        SysName: capitalize(sys2.name)
+      }
     });
     await sys2.scan({ akanConfig });
     return {
@@ -5931,7 +6020,7 @@ var PackageCommand = class {
     await this.packageScript.version(workspace);
   }
   async createPackage(name, workspace) {
-    await this.packageScript.createPackage(workspace, name);
+    await this.packageScript.createPackage(workspace, name.toLowerCase().replace(/ /g, "-"));
   }
   async removePackage(pkg) {
     await this.packageScript.removePackage(pkg);
@@ -6141,7 +6230,7 @@ var WorkspaceScript = class {
 var WorkspaceCommand = class {
   workspaceScript = new WorkspaceScript();
   async createWorkspace(name, app, dir) {
-    await this.workspaceScript.createWorkspace(name, app, dir);
+    await this.workspaceScript.createWorkspace(name, app.toLowerCase().replace(/ /g, "-"), dir);
   }
   async generateMongo(workspace) {
     await this.workspaceScript.generateMongo(workspace);

package/esm/src/templates/app/app/[lang]/admin/layout.js

@@ -3,6 +3,7 @@ function getContent(scanResult, dict) {
   return {
     filename: "layout.tsx",
     content: `
+import "../(${dict.appName})/styles.css";
 import { System } from "@shared/ui";
 import { env } from "@${dict.appName}/env/env.client";
 import { fetch } from "@${dict.appName}/client";

package/esm/src/templates/workspaceRoot/package.json.template

@@ -20,6 +20,7 @@
     "jiti": "^2.4.2",
     "os-browserify": "^0.3.0",
     "prettier": "^3.5.3",
+    "prettier-plugin-tailwindcss": "^0.6.11",
     "process": "^0.11.10",
     "stream-browserify": "^3.0.0",
     "stream-http": "^3.2.0",

package/package.json

@@ -1,7 +1,7 @@
 {
   "sourceType": "module",
   "name": "@akanjs/cli",
-  "version": "0.0.136",
+  "version": "0.0.138",
   "bin": {
     "akan": "cjs/index.js"
   },

package/src/application/application.command.d.ts

@@ -4,7 +4,7 @@ export declare class ApplicationCommand {
     applicationScript: ApplicationScript;
     createApplication(name: string, start: boolean, workspace: Workspace): Promise<void>;
     removeApplication(app: App): Promise<void>;
-    scanApplication(app: App): Promise<void>;
+    syncApplication(app: App, verbose: boolean): Promise<void>;
     build(app: App): Promise<void>;
     buildBackend(app: App): Promise<void>;
     buildFrontend(app: App): Promise<void>;

package/src/application/application.script.d.ts

@@ -8,8 +8,7 @@ export declare class ApplicationScript {
         start?: boolean;
     }): Promise<void>;
     removeApplication(app: App): Promise<void>;
-    scanApplication(app: App, verbose?: boolean): Promise<import("@akanjs/config").AppScanResult | import("@akanjs/config").LibScanResult>;
-    syncApplication(app: App): Promise<import("@akanjs/config").AppScanResult | import("@akanjs/config").LibScanResult>;
+    syncApplication(app: App, verbose?: boolean): Promise<import("@akanjs/config").AppScanResult | import("@akanjs/config").LibScanResult>;
     build(app: App): Promise<void>;
     start(app: App, { open }?: {
         open?: boolean;