@akanjs/cli 0.9.42 → 0.9.44

package/cjs/src/templates/lib/st.js

@@ -22,15 +22,27 @@ __export(st_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(st_exports);
+var capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
 function getContent(scanInfo, dict = {}) {
   if (!scanInfo)
     return null;
+  const databaseModules = [...scanInfo.database.entries()].filter(([_, fileTypes]) => fileTypes.has("store")).map(([key]) => key);
+  const serviceModules = [...scanInfo.service.entries()].filter(([_, fileTypes]) => fileTypes.has("store")).map(([key]) => key);
   return `
 "use client";
 import { makeStore, st as baseSt } from "@akanjs/store";
+import { MixStore, rootStoreOf } from "@akanjs/store";
 
-import { store } from "./store";
+import { libStores } from "./__lib/lib.store";
+${databaseModules.map((module2) => `import { ${capitalize(module2)}Store } from "./${module2}/${module2}.store";`).join("\n")}
+${serviceModules.map((module2) => `import { ${capitalize(module2)}Store } from "./_${module2}/${module2}.store";`).join("\n")}
 
+export class RootStore extends MixStore(
+  ...libStores,
+  ${[...databaseModules, ...serviceModules].map((module2) => `${capitalize(module2)}Store`).join(",\n  ")}
+) {}
+  
+export const store = rootStoreOf(RootStore);
 export const st = makeStore(baseSt, store${scanInfo.type === "lib" ? `, { library: true }` : ""});
 `;
 }

package/cjs/src/templates/lib/usePage.js

@@ -26,8 +26,8 @@ function getContent(scanInfo, dict = {}) {
   return `
 import { makePageProto } from "@akanjs/next";
 
-import { dictionary } from "./dict";
+import type { dictionary } from "./dict";
 
-export const usePage = makePageProto([dictionary]);
+export const { msg, Revert, usePage } = makePageProto<typeof dictionary>();
 `;
 }

package/cjs/src/templates/module/__Model__.Util.js

@@ -27,43 +27,13 @@ function getContent(scanInfo, dict) {
     filename: `${dict.Model}.Util.tsx`,
     content: `
 "use client";
-import { ModelDashboardProps, ModelInsightProps } from "@akanjs/client";
-import { getQueryMap } from "@akanjs/constant";
-import { cnst } from "@${dict.sysName}/client";
-import { Data } from "@akanjs/ui";
+import { Model } from "@akanjs/ui";
 
-export const Stat = ({
-  className,
-  summary,
-  sliceName = "${dict.model}",
-  queryMap = getQueryMap(cnst.${dict.Model}Summary),
-  hidePresents,
-}: ModelDashboardProps<cnst.Summary>) => {
-  return (
-    <Data.Dashboard
-      className={className}
-      summary={summary}
-      sliceName={sliceName}
-      queryMap={queryMap}
-      columns={["total${dict.Model}"]}
-      hidePresents={hidePresents}
-    />
-  );
-};
-
-export const Insight = ({
-  className,
-  insight,
-  sliceName = "${dict.model}",
-}: ModelInsightProps<cnst.${dict.Model}Insight>) => {
-  return (
-    <Data.Insight
-      className={className}
-      insight={insight}
-      sliceName={sliceName}
-      columns={["count"]}
-    />
-  );
+interface RemoveProps {
+  ${dict.model}Id: string;
+}
+export const Remove = ({ ${dict.model}Id }: RemoveProps) => {
+  return <Model.Remove modelId={${dict.model}Id} sliceName="${dict.model}" />;
 };
 `
   };

package/cjs/src/templates/module/__Model__.Zone.js

@@ -27,33 +27,9 @@ function getContent(scanInfo, dict) {
     filename: `${dict.Model}.Zone.tsx`,
     content: `
 "use client";
-import { Data, Load } from "@akanjs/ui";
-import { ModelsProps } from "@akanjs/client";
+import { Load } from "@akanjs/ui";
 import { cnst, ${dict.Model} } from "@${dict.sysName}/client";
-import { ClientInit, ClientView, DefaultOf } from "@akanjs/signal";
-
-export const Admin = ({ sliceName = "${dict.model}", init, query }: ModelsProps<cnst.${dict.Model}>) => {
-  return (
-    <Data.ListContainer
-      init={init}
-      query={query}
-      sliceName={sliceName}
-      renderItem={${dict.Model}.Unit.Card}
-      renderDashboard={${dict.Model}.Util.Stat}
-      renderInsight={${dict.Model}.Util.Insight}
-      renderTemplate={${dict.Model}.Template.General}
-      renderTitle={(${dict.model}: DefaultOf<cnst.${dict.Model}>) => \`${dict.Model} - \${${dict.model}.id ? ${dict.model}.id : "New"}\`}
-      renderView={(${dict.model}: cnst.${dict.Model}) => <${dict.Model}.View.General ${dict.model}={${dict.model}} />}
-      columns={[
-        "id",
-        "status",
-        "createdAt",
-        "updatedAt",
-      ]}
-      actions={(${dict.model}: cnst.Light${dict.Model}, idx) => ["remove", "edit", "view"]}
-    />
-  );
-};
+import { ClientInit, ClientView } from "@akanjs/signal";
 
 interface CardProps {
   className?: string;

package/cjs/src/templates/module/__model__.constant.js

@@ -54,12 +54,6 @@ export class ${dict.Model}Insight {
   count: number;
 }
 
-@Model.Summary("${dict.Model}Summary")
-export class ${dict.Model}Summary {
-  @Field.Prop(() => Int, { min: 0, default: 0, query: {} })
-  total${dict.Model}: number;
-}
-
 @Model.Filter("${dict.Model}Filter")
 export class ${dict.Model}Filter extends sortOf(${dict.Model}, {}) {
   @Filter.Mongo()

package/cjs/src/templates/module/__model__.dictionary.js

@@ -24,13 +24,7 @@ __export(model_dictionary_exports, {
 module.exports = __toCommonJS(model_dictionary_exports);
 function getContent(scanInfo, dict) {
   return `
-import {
-  baseTrans,
-  getBaseSignalTrans,
-  ModelDictionary,
-  SignalDictionary,
-  SummaryDictionary,
-} from "@akanjs/dictionary";
+import { baseTrans, getBaseSignalTrans, ModelDictionary, SignalDictionary } from "@akanjs/dictionary";
 
 import type { ${dict.Model}, ${dict.Model}Filter, ${dict.Model}Insight, ${dict.Model}Summary } from "./${dict.model}.constant";
 import type { ${dict.Model}Signal } from "./${dict.model}.signal";
@@ -66,13 +60,6 @@ const modelDictionary = {
   // * ==================== Etc ==================== * //
 } satisfies ModelDictionary<${dict.Model}, ${dict.Model}Insight, ${dict.Model}Filter>;
 
-export const ${dict.model}SummaryDictionary = {
-  // * ==================== Summary ==================== * //
-  total${dict.Model}: ["Total${dict.Model}", "\uCD1D \uBC30\uB108 \uC218"],
-  "desc-total${dict.Model}": ["Total ${dict.model} count in the database", "\uB370\uC774\uD130\uBCA0\uC774\uC2A4\uC5D0 \uC800\uC7A5\uB41C \uCD1D \uBC30\uB108 \uC218"],
-  // * ==================== Summary ==================== * //
-} satisfies SummaryDictionary<${dict.Model}Summary>;
-
 const signalDictionary = {
   ...getBaseSignalTrans("${dict.model}" as const),
   // * ==================== Endpoint ==================== * //

package/cjs/src/templates/module/__model__.document.js

@@ -26,7 +26,7 @@ function getContent(scanInfo, dict) {
   return `
 import { beyond, by, Database, into, type SchemaOf } from "@akanjs/document";
 
-import { cnst } from "../cnst";
+import * as cnst from "../cnst";
 
 @Database.Input(() => cnst.${dict.Model}Input)
 export class ${dict.Model}Input extends by(cnst.${dict.Model}Input) {}
@@ -35,13 +35,7 @@ export class ${dict.Model}Input extends by(cnst.${dict.Model}Input) {}
 export class ${dict.Model} extends by(cnst.${dict.Model}) {}
 
 @Database.Model(() => cnst.${dict.Model})
-export class ${dict.Model}Model extends into(${dict.Model}, cnst.${dict.model}Cnst) {
-  async getSummary(): Promise<cnst.${dict.Model}Summary> {
-    return {
-      ...(await this.getDefaultSummary()),
-    };
-  }
-}
+export class ${dict.Model}Model extends into(${dict.Model}, cnst.${dict.model}Cnst) {}
 
 @Database.Middleware(() => cnst.${dict.Model})
 export class ${dict.Model}Middleware extends beyond(${dict.Model}Model, ${dict.Model}) {

package/cjs/src/templates/module/__model__.service.js

@@ -26,16 +26,10 @@ function getContent(scanInfo, dict) {
   return `
 import { DbService, Service } from "@akanjs/service";
 
-import { cnst } from "../cnst";
+import * as cnst from "../cnst";
 import * as db from "../db";
 
 @Service("${dict.Model}Service")
-export class ${dict.Model}Service extends DbService(db.${dict.model}Db) {
-  async summarize(): Promise<cnst.${dict.Model}Summary> {
-    return {
-      ...(await this.${dict.model}Model.getSummary()),
-    };
-  }
-}
+export class ${dict.Model}Service extends DbService(db.${dict.model}Db) {}
 `;
 }

package/cjs/src/templates/module/__model__.signal.js

@@ -28,10 +28,10 @@ import { Int } from "@akanjs/base";
 import { SortOf } from "@akanjs/constant";
 import { Arg, DbSignal, Mutation, Query, resolve, Signal } from "@akanjs/signal";
 
-import { cnst, Srvs } from "../cnst";
+import * as cnst from "../cnst";
 
 @Signal(() => cnst.${dict.Model})
-export class ${dict.Model}Signal extends DbSignal(cnst.${dict.model}Cnst, Srvs, {
+export class ${dict.Model}Signal extends DbSignal(cnst.${dict.model}Cnst, cnst.Srvs, {
   guards: { get: Query.Public, cru: Mutation.Public },
 }) {
   // * /////////////////////////////////////

package/cjs/src/templates/module/__model__.signal.spec.js

@@ -26,8 +26,8 @@ function getContent(scanInfo, dict) {
   return `
 import * as adminSpec from "@shared/lib/admin/admin.signal.spec";
 import * as userSpec from "@${dict.sysName}/lib/user/user.signal.spec";
-import { cnst } from "../cnst";
-import { fetch } from "../fetch";
+import * as cnst from "../cnst";
+import { fetch } from "../sig";
 import { sampleOf } from "@akanjs/test";
 
 export const create${dict.Model} = async (adminAgent: userSpec.AdminAgent, userAgent: userSpec.UserAgent) => {

package/cjs/src/templates/module/__model__.signal.test.js

@@ -27,8 +27,8 @@ function getContent(scanInfo, dict) {
 import * as adminSpec from "@shared/lib/admin/admin.signal.spec";
 import * as userSpec from "@${dict.sysName}/lib/user/user.signal.spec";
 import * as ${dict.model}Spec from "@${dict.sysName}/lib/${dict.model}/${dict.model}.signal.spec";
-import { cnst } from "../cnst";
-import { fetch } from "../fetch";
+import * as cnst from "../cnst";
+import { fetch } from "../sig";
 
 describe("${dict.Model} Signal", () => {
   describe("${dict.Model} Service", () => {

package/cjs/src/templates/module/__model__.store.js

@@ -26,8 +26,8 @@ function getContent(scanInfo, dict) {
   return `
 import { stateOf, Store } from "@akanjs/store";
 
-import { cnst } from "../cnst";
-import { fetch } from "../fetch";
+import * as cnst from "../cnst";
+import { fetch } from "../sig";
 
 @Store(() => cnst.${dict.Model})
 export class ${dict.Model}Store extends stateOf(fetch.${dict.model}Gql, {

package/cjs/src/templates/server.js

@@ -36,7 +36,7 @@ ${libs.map((lib) => `import { registerModules as register${capitalize(lib)}Modul
   
 import * as db from "./lib/db";
 import { allSrvs } from "./lib/srv";
-import { cnst } from "./lib/cnst";
+import * as cnst from "./lib/cnst";
 import * as srv from "./lib/srv";
 import * as sig from "./lib/sig";
 import { type ModulesOptions, registerGlobalModule } from "./lib/option";
@@ -71,7 +71,8 @@ export { env } from "./env/env.server.testing";
 export * as db from "./lib/db";
 export * as srv from "./lib/srv";
 export * as option from "./lib/option";
-export { cnst } from "./lib/cnst";
-export { fetch } from "./lib/fetch";
+export * as cnst from "./lib/cnst";
+export { fetch } from "./lib/sig";
+export * from "./lib/dict";
 `;
 }

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

@@ -85,27 +85,21 @@ local.properties
 apps/**/lib/__lib/**
 libs/**/lib/__lib/**
 apps/*/lib/cnst.ts
-apps/*/lib/cnst_.ts
 apps/*/lib/dict.ts
 apps/*/lib/db.ts
-apps/*/lib/fetch.ts
 apps/*/lib/srv.ts
 apps/*/lib/st.ts
 apps/*/lib/sig.ts
-apps/*/lib/store.ts
 apps/*/lib/usePage.ts
 apps/*/lib/*/index.tsx
 apps/*/client.ts
 apps/*/server.ts
 libs/*/lib/cnst.ts
-libs/*/lib/cnst_.ts
 libs/*/lib/dict.ts
 libs/*/lib/db.ts
-libs/*/lib/fetch.ts
 libs/*/lib/srv.ts
 libs/*/lib/st.ts
 libs/*/lib/sig.ts
-libs/*/lib/store.ts
 libs/*/lib/usePage.ts
 apps/*/lib/*/index.tsx
 libs/*/client.ts

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

@@ -2,7 +2,6 @@
   "testing.saveBeforeTest": false,
   "jest.autoRun": "false",
   "jestTestExplorer.flattenExplorer": false,
-  "eslint.validate": ["json"],
   "prettier.configPath": ".prettierrc.json",
   "tailwindCSS.classAttributes": ["class", "className", ".*Class", ".*ClassName"],
   "colorize.languages": ["typescript", "javascript", "css", "scss"],

package/esm/index.js

@@ -1264,17 +1264,6 @@ var ScanInfo = class {
       { all: /* @__PURE__ */ new Set(), databases: /* @__PURE__ */ new Set(), services: /* @__PURE__ */ new Set(), scalars: /* @__PURE__ */ new Set() }
     ])
   );
-  constants = /* @__PURE__ */ new Set();
-  dictionaries = /* @__PURE__ */ new Set();
-  documents = /* @__PURE__ */ new Set();
-  services = /* @__PURE__ */ new Set();
-  signals = /* @__PURE__ */ new Set();
-  stores = /* @__PURE__ */ new Set();
-  templates = /* @__PURE__ */ new Set();
-  units = /* @__PURE__ */ new Set();
-  utils = /* @__PURE__ */ new Set();
-  views = /* @__PURE__ */ new Set();
-  zones = /* @__PURE__ */ new Set();
   static async getScanResult(exec2) {
     const akanConfig = await exec2.getConfig();
     const tsconfig = exec2.getTsConfig();
@@ -1534,7 +1523,8 @@ var LibInfo = class _LibInfo extends ScanInfo {
     await Promise.all(
       scanResult.libDeps.filter((libName) => !this.loadedLibs.has(libName)).map(async (libName) => {
         this.loadedLibs.add(libName);
-        this.libInfos.set(libName, await _LibInfo.fromExecutor(exec2));
+        const libExecutor = LibExecutor.from(exec2, libName);
+        this.libInfos.set(libName, await _LibInfo.fromExecutor(libExecutor));
       })
     );
     const libInfo = new _LibInfo(exec2, scanResult);
@@ -1917,8 +1907,8 @@ var Executor = class _Executor {
     });
     return new Promise((resolve, reject) => {
       proc.on("exit", (code, signal) => {
-        if (!!code || signal)
-          reject({ code, signal, stdout, stderr });
+        if (code !== 0 || signal)
+          reject(stdout);
         else
           resolve(stdout);
       });
@@ -2063,6 +2053,10 @@ var Executor = class _Executor {
   async cp(srcPath, destPath) {
     const src = this.getPath(srcPath);
     const dest = this.getPath(destPath);
+    if (!fs8.existsSync(src))
+      return;
+    if (!fs8.existsSync(dest))
+      await fsPromise.mkdir(dest, { recursive: true });
     await fsPromise.cp(src, dest, { recursive: true });
   }
   log(msg) {
@@ -2622,18 +2616,23 @@ var AppExecutor = class _AppExecutor extends SysExecutor {
       fs8.existsSync(projectPublicLibPath) && fsPromise.rm(projectPublicLibPath, { recursive: true }),
       fs8.existsSync(projectAssetsLibPath) && fsPromise.rm(projectAssetsLibPath, { recursive: true })
     ]);
-    const targetDeps = libDeps.filter((dep) => fs8.existsSync(`${this.workspace.workspaceRoot}/libs/${dep}/public`));
+    const targetPublicDeps = libDeps.filter(
+      (dep) => fs8.existsSync(`${this.workspace.workspaceRoot}/libs/${dep}/public`)
+    );
+    const targetAssetsDeps = libDeps.filter(
+      (dep) => fs8.existsSync(`${this.workspace.workspaceRoot}/libs/${dep}/assets`)
+    );
     await Promise.all([
-      ...targetDeps.map((dep) => fsPromise.mkdir(`${projectPublicLibPath}/${dep}`, { recursive: true })),
-      ...targetDeps.map((dep) => fsPromise.mkdir(`${projectAssetsLibPath}/${dep}`, { recursive: true }))
+      ...targetPublicDeps.map((dep) => fsPromise.mkdir(`${projectPublicLibPath}/${dep}`, { recursive: true })),
+      ...targetAssetsDeps.map((dep) => fsPromise.mkdir(`${projectAssetsLibPath}/${dep}`, { recursive: true }))
     ]);
     await Promise.all([
-      ...targetDeps.map(
+      ...targetPublicDeps.map(
         (dep) => fs8.existsSync(`${this.workspace.workspaceRoot}/libs/${dep}/public`) && fsPromise.cp(`${this.workspace.workspaceRoot}/libs/${dep}/public`, `${projectPublicLibPath}/${dep}`, {
           recursive: true
         })
       ),
-      ...targetDeps.map(
+      ...targetAssetsDeps.map(
         (dep) => fs8.existsSync(`${this.workspace.workspaceRoot}/libs/${dep}/assets`) && fsPromise.cp(`${this.workspace.workspaceRoot}/libs/${dep}/assets`, `${projectAssetsLibPath}/${dep}`, {
           recursive: true
         })
@@ -2844,6 +2843,7 @@ var CapacitorApp = class {
       "android",
       "--live-reload",
       "--port",
+      "--list",
       "4201"
     ]);
   }
@@ -3925,10 +3925,10 @@ import { Box as Box2, render, Text as Text2, useApp } from "ink";
 import React2, { useEffect as useEffect3, useState as useState3 } from "react";
 
 // pkgs/@akanjs/cli/ui/MultiScrollList.tsx
-import { Box, Newline, Text, useInput } from "ink";
+import { Box, Text, useInput } from "ink";
 import React, { useEffect as useEffect2, useState as useState2 } from "react";
 var HEADER_HEIGHT = 1;
-var FOOTER_HEIGHT = 5;
+var FOOTER_HEIGHT = 1;
 var OUTER_BORDER_HEIGHT = 2;
 var BORDER_HEIGHT = 2;
 var MultiScrollList = ({ logList, maxLength = 100 }) => {
@@ -3941,8 +3941,21 @@ var MultiScrollList = ({ logList, maxLength = 100 }) => {
   const [boxHeight, setBoxHeight] = useState2(
     height - HEADER_HEIGHT - OUTER_BORDER_HEIGHT - FOOTER_HEIGHT - BORDER_HEIGHT
   );
+  const [boxWidth, setBoxWidth] = useState2(width - 27);
   const getLimitedLogs = (logs) => {
-    return logs.length > maxLength ? logs.slice(logs.length - maxLength) : logs;
+    const sortedLogs = logs.reduce((acc, log) => {
+      const content = log.content.replace(/\u001b(?:[@-Z\\\-_]|\[[\u0000-\u007F]*[@-~])/g, "");
+      if (content.length > boxWidth) {
+        const lines = Math.ceil(content.length / boxWidth);
+        for (let i = 0; i < lines; i++) {
+          acc.push({ type: log.type, content: content.slice(i * boxWidth, (i + 1) * boxWidth) });
+        }
+      } else {
+        acc.push(log);
+      }
+      return acc;
+    }, []);
+    return sortedLogs.length > maxLength ? sortedLogs.slice(sortedLogs.length - maxLength) : sortedLogs;
   };
   useInput((input6, key) => {
     if (key.tab) {
@@ -4022,7 +4035,7 @@ var MultiScrollList = ({ logList, maxLength = 100 }) => {
   }, [logList, maxLength]);
   return /* @__PURE__ */ React.createElement(Box, { width, height, borderStyle: "round", borderColor: "blackBright", flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, { width: "100%", height: boxHeight + BORDER_HEIGHT + HEADER_HEIGHT, flexDirection: "row" }, /* @__PURE__ */ React.createElement(Box, { width: 30, height: "100%", flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, null, "List ", tabIndex + 1, "/", logList.length)), /* @__PURE__ */ React.createElement(Box, { borderStyle: "round", borderColor: "blackBright", width: "100%", height: "100%", flexDirection: "column" }, logList.map((log, index) => {
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { color: index === tabIndex ? "green" : "white" }, /* @__PURE__ */ React.createElement(Text, null, "\u25CF"), "\xA0", log.title.length > 25 ? log.title.slice(0, 25) + "..." : log.title));
-  }))), /* @__PURE__ */ React.createElement(Box, { width: "100%", height: "100%", flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, { height: 1 }, /* @__PURE__ */ React.createElement(Text, { color: logList[tabIndex].color }, logList[tabIndex].title)), /* @__PURE__ */ React.createElement(
+  }))), /* @__PURE__ */ React.createElement(Box, { width: "100%", height: "100%", flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, { height: 1 }, /* @__PURE__ */ React.createElement(Text, { color: logList[tabIndex].color }, logList[tabIndex].title, " ", logList[tabIndex].logs.length)), /* @__PURE__ */ React.createElement(
     Box,
     {
       borderStyle: isRunning ? "double" : "round",
@@ -4032,11 +4045,11 @@ var MultiScrollList = ({ logList, maxLength = 100 }) => {
       height: "100%"
     },
     scrollPos > 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, focusLog.slice(0, focusLog.length - 1).map((log, index) => {
-      return /* @__PURE__ */ React.createElement(Text, { key: index }, log);
-    }), /* @__PURE__ */ React.createElement(Text, { backgroundColor: "green" }, "Scrolling... +", scrollPos)) : focusLog.map((log, index) => {
-      return /* @__PURE__ */ React.createElement(Text, { key: index }, log);
+      return /* @__PURE__ */ React.createElement(Text, { underline: false, color: log.type === "error" ? "red" : "white", key: index }, log.content);
+    }), /* @__PURE__ */ React.createElement(Text, { underline: false, backgroundColor: "green" }, "Scrolling... +", scrollPos)) : focusLog.map((log, index) => {
+      return /* @__PURE__ */ React.createElement(Text, { underline: false, color: log.type === "error" ? "red" : "white", key: index }, log.content);
     })
-  ))), /* @__PURE__ */ React.createElement(Box, { width: "100%", height: FOOTER_HEIGHT }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, /* @__PURE__ */ React.createElement(Text, null, "You can use the following shortcuts:"), /* @__PURE__ */ React.createElement(Newline, null), "* ", /* @__PURE__ */ React.createElement(Text, { backgroundColor: "green" }, "tab"), " to switch tab.", /* @__PURE__ */ React.createElement(Newline, null), "* ", /* @__PURE__ */ React.createElement(Text, { backgroundColor: "green" }, "up"), " and ", /* @__PURE__ */ React.createElement(Text, { backgroundColor: "green" }, "down"), " to scroll.", " ", /* @__PURE__ */ React.createElement(Text, { backgroundColor: "green" }, "shift"), " to scroll faster. (x10)", /* @__PURE__ */ React.createElement(Newline, null), "* ", /* @__PURE__ */ React.createElement(Text, { backgroundColor: "green" }, "space"), " to scroll.", /* @__PURE__ */ React.createElement(Newline, null), "* ", /* @__PURE__ */ React.createElement(Text, { backgroundColor: "green" }, "escape"), " to stop scrolling.")));
+  ))), /* @__PURE__ */ React.createElement(Box, { width: "100%", height: FOOTER_HEIGHT }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Tab : switch tab | Up / Down(shift : x10) : scroll | Space : back last position | Esc : stop scrolling")));
 };
 
 // pkgs/@akanjs/cli/src/application/application.interface.tsx
@@ -4124,16 +4137,16 @@ var Start = ({ appName, bcp, fcp, csr, maxLength = 100 }) => {
   };
   useEffect3(() => {
     bcp.stdout?.on("data", (data) => {
-      saveLog("stdout", data, setBackendLogs);
+      saveLog("info", data, setBackendLogs);
     });
     bcp.stderr?.on("data", (data) => {
-      saveLog("stderr", data, setBackendLogs);
+      saveLog("error", data, setBackendLogs);
     });
     fcp.stdout?.on("data", (data) => {
-      saveLog("stdout", data, setFrontendLogs);
+      saveLog("info", data, setFrontendLogs);
     });
     fcp.stderr?.on("data", (data) => {
-      saveLog("stderr", data, setFrontendLogs);
+      saveLog("error", data, setFrontendLogs);
     });
     csr.on("info", (msg) => {
       saveLog("info", msg, setCsrLogs);
@@ -4157,17 +4170,17 @@ var Start = ({ appName, bcp, fcp, csr, maxLength = 100 }) => {
       logList: [
         {
           title: `${appName} frontend`,
-          logs: frontendLogs.map((log) => log.content),
+          logs: frontendLogs,
           color: "#ff493b"
         },
         {
           title: `${appName} backend`,
-          logs: backendLogs.map((log) => log.content),
+          logs: backendLogs,
           color: "#e535ab"
         },
         {
           title: `${appName} react`,
-          logs: csrLogs.map((log) => log.content),
+          logs: csrLogs,
           color: "#7cc5d9"
         }
       ],
@@ -4256,7 +4269,7 @@ var ApplicationRunner = class {
   }
   async scanSync(app) {
     const scanInfo = await app.scan();
-    await app.syncAssets(scanInfo.getScanResult().libDeps);
+    await app.syncAssets(scanInfo.getScanResult().akanConfig.libs);
     return scanInfo;
   }
   async getScriptFilename(app) {
@@ -4361,11 +4374,12 @@ var ApplicationRunner = class {
     onStart?.();
     if (open2)
       setTimeout(() => openBrowser("http://localhost:8080/backend/graphql"), 3e3);
-    return app.dist.spawnSync("node", ["--watch", "main.js"], {
+    const startProcessFn = () => app.dist.spawnSync("node", ["--watch", "main.js"], {
       env,
       stdio: withInk ? ["ignore", "pipe", "pipe"] : "inherit",
       cwd: `${app.dist.cwdPath}/backend`
     });
+    return startProcessFn();
   }
   async buildFrontend(app, { spawnOptions } = {}) {
     const { env } = await this.#prepareCommand(app, "build", "frontend");
@@ -5095,10 +5109,6 @@ var ApplicationCommand = class {
   async test(sys3) {
     await this.applicationScript.testSys(sys3);
   }
-  // @Target.Public()
-  // ink(@Workspace() workspace: Workspace) {
-  //   run();
-  // }
 };
 __decorateClass([
   Target.Public(),
@@ -6281,7 +6291,7 @@ var WorkspaceRunner = class {
         ...Object.fromEntries(devDependencies.map((dependency) => [dependency, latestPublishedVersionOfBase]))
       }
     };
-    workspace.writeFile("package.json", packageJson);
+    workspace.setPackageJson(packageJson);
     const installSpinner = workspace.spinning("Installing dependencies with pnpm...");
     await workspace.spawn("pnpm", ["install", "--reporter=silent"]);
     installSpinner.succeed("Dependencies installed with pnpm");

package/esm/src/guidelines/___library/sharedUiStructureDescription.en.md

@@ -733,7 +733,6 @@ SlateContent
 Purpose: Metadata-driven property editing
 
 - prop: string - Property name
-- slice: StoreOf<any, any> - Store slice
 - renderTemplate?: (form: any) => ReactNode - Custom edit renderer
 - renderView?: (model: any) => ReactNode - Custom view renderer
 - modelPath?: string - Model path in store

package/esm/src/guidelines/componentRule/componentRule.instruction.md

@@ -519,28 +519,10 @@ export const General = () => {
 ```tsx
 "use client";
 import { ModelDashboardProps } from "@akanjs/client";
-import { getQueryMap } from "@akanjs/constant";
 import { cnst, st } from "@app/client";
 import { Data } from "@akanjs/ui";
 import { Button } from "@akanjs/ui";
 
-export const Stat = ({
-  className,
-  summary,
-  sliceName = "product",
-  queryMap = getQueryMap(cnst.ProductSummary),
-}: ModelDashboardProps<cnst.Summary>) => {
-  return (
-    <Data.Dashboard
-      className={className}
-      summary={summary}
-      sliceName={sliceName}
-      queryMap={queryMap}
-      columns={["totalProducts", "inStock", "outOfStock"]}
-    />
-  );
-};
-
 export const AddToCart = ({ productId, className }: { productId: string; className?: string }) => {
   return (
     <Button className={clsx("bg-primary text-white", className)} onClick={() => st.do.addToCart(productId)}>

package/esm/src/guidelines/cssRule/cssRule.instruction.md

@@ -200,8 +200,8 @@ Detailed displays of full data models:
 export const Detail = ({ className, project }: ModelProps<"project", cnst.FullProject>) => {
   return (
     <div className={clsx("bg-base-100 rounded-lg p-6 shadow-lg", className)}>
-      <div className="border-primary mb-6 border-l-4 pl-4">
-        <h1 className="text-primary text-2xl font-bold">{project.name}</h1>
+      <div className="border-base-content mb-8">
+        <h1 className="text-2xl font-bold">{project.name}</h1>
       </div>
 
       <div className="grid grid-cols-1 gap-6 md:grid-cols-2">{/* Project details */}</div>