@akanjs/cli 0.9.41 → 0.9.42

package/cjs/src/guidelines/databaseModule/databaseModule.instruction.md

@@ -22,7 +22,6 @@ libs/shared/lib/[module-name]/
 ├── [ModuleName].Util.tsx          // Utility components (dashboard, insights)
 ├── [ModuleName].View.tsx          // Single item view components
 ├── [ModuleName].Zone.tsx          // Main zone layout and routing
-├── _server.ts                     // Module registration
 ├── [module-name].constant.ts      // Model definitions
 ├── [module-name].dictionary.ts    // Translations
 ├── [module-name].document.ts      // Database schema
@@ -347,34 +346,7 @@ export const userDict = {
 };
 ```
 
-### 7. Register Module (`_server.ts`)
-
-Create module registration for the server:
-
-```typescript
-import { databaseModuleOf } from "@akanjs/server";
-
-import { cnst } from "../cnst";
-import * as db from "../db";
-import type { ModulesOptions } from "../option";
-import { allSrvs } from "../srv";
-import { UserService } from "./user.service";
-import { UserSignal } from "./user.signal";
-
-export const registerUserModule = (option: ModulesOptions) =>
-  databaseModuleOf(
-    {
-      constant: cnst.userCnst,
-      database: db.userDb,
-      signal: UserSignal,
-      service: UserService,
-      uses: { securityConfig: option.securityConfig },
-    },
-    allSrvs
-  );
-```
-
-### 8. Create UI Components
+### 7. Create UI Components
 
 #### Template Component (`[ModuleName].Template.tsx`)
 
@@ -494,21 +466,8 @@ In your server bootstrap file:
 
 ```typescript
 import { createNestApp } from "@akanjs/server";
-import { registerUserModule } from "./user/_server";
-import { registerAdminModule } from "./admin/_server";
-
-const startServer = async () => {
-  const app = await createNestApp({
-    env: serverEnv,
-    registerModules: (options) => [
-      registerUserModule(options),
-      registerAdminModule(options),
-      // Register other modules...
-    ],
-  });
-
-  return app;
-};
+
+====== outdated, ned to be rewrited ======
 ```
 
 ### 2. Using Services in Controllers or Other Services
@@ -625,36 +584,30 @@ export const Layout = () => (
 ## Best Practices
 
 1. **Naming Conventions**
-
    - Use PascalCase for classes and components (e.g., `UserService`, `User.Unit.tsx`)
    - Use camelCase for files (e.g., `user.service.ts`, `user.document.ts`)
 
 2. **Security**
-
    - Use `@Field.Secret` for sensitive data like passwords
    - Apply proper permission guards to queries and mutations (`@Query.Admin`, `@Mutation.Public`)
    - Validate input data using the `validate` option in `@Field.Prop`
 
 3. **Code Organization**
-
    - Keep business logic in service files
    - Use signals for API calls only, not for business logic
    - Define reusable utility methods in document models
 
 4. **Performance**
-
    - Use dataloader pattern (`@Loader.ByField`) for efficient database access
    - Create proper indexes in the middleware
    - Use projections to limit returned fields when appropriate
 
 5. **Testing**
-
    - Create signal tests for each API endpoint
    - Mock services for unit testing signals
    - Use integration tests for testing complex workflows
 
 6. **UI Components**
-
    - Follow the separation between Template, Unit, View, and Zone components
    - Make components reusable across different parts of the application
    - Use dictionary files for all UI text to support internationalization

package/cjs/src/guidelines/modelService/modelService.generate.json

@@ -47,16 +47,9 @@
     },
     {
       "type": "example",
-      "description": "@Queue decorator examples",
+      "description": "@Sig decorator examples",
       "path": "{apps,libs}/*/lib/*/*.service.ts",
-      "filterText": "@Queue",
-      "sample": 1
-    },
-    {
-      "type": "example",
-      "description": "@Websocket decorator examples",
-      "path": "{apps,libs}/*/lib/*/*.service.ts",
-      "filterText": "@Websocket",
+      "filterText": "@Sig",
       "sample": 1
     },
     {
@@ -149,7 +142,7 @@
     "contents": [
       "Purpose and role of model.service.ts files",
       "Service structure and inheritance (DbService, LogService, MixSrvs)",
-      "Core decorators (@Service, @Srv, @Use, @Db, @Queue, @Websocket)",
+      "Core decorators (@Service, @Srv, @Use, @Db, @Sig)",
       "Lifecycle methods (onModuleInit, onModuleDestroy)",
       "Scheduled tasks (@Cron, @Interval)",
       "Database operations (CRUD, queries, search)",

package/cjs/src/guidelines/scalarModule/scalarModule.instruction.md

@@ -22,7 +22,6 @@ Scalar modules provide reusable value objects for:
 ```
 {domain}/lib/
 └── __scalar/                  // Special scalar directory
-    ├── _server.ts             // Module registration
     └── [scalarName]/          // camelCase scalar name
         ├── [name].constant.ts   // Schema definition
         ├── [name].dictionary.ts // I18n translations
@@ -54,7 +53,6 @@ Scalar modules provide reusable value objects for:
 1. **Constant File**: Schema definition with typed fields and validation
 2. **Dictionary File**: I18n translations for model metadata, fields and enums
 3. **Document File**: Optional method extensions for data transformations
-4. **Server Registration**: Aggregate and expose scalars through `_server.ts`
 
 ## Key Rules
 
@@ -62,7 +60,6 @@ Scalar modules provide reusable value objects for:
 2. All fields require decorators (`@Field.Prop`, `@Field.Hidden`, etc.)
 3. Dictionary must include all fields/enums with `modelName`/`modelDesc`
 4. Use `satisfies ModelDictionary<Type>` for dictionary type safety
-5. Register all scalars in `_server.ts` with `scalarModulesOf()`
 
 ## Best Practices
 

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

@@ -22,7 +22,7 @@ __export(model_constant_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(model_constant_exports);
-function getContent(scanResult, dict) {
+function getContent(scanInfo, dict) {
   return `
 import { Field, Model } from "@akanjs/constant";
 

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

@@ -22,7 +22,7 @@ __export(model_dictionary_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(model_dictionary_exports);
-function getContent(scanResult, dict) {
+function getContent(scanInfo, dict) {
   return `
 import { ModelDictionary } from "@akanjs/dictionary";
 

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

@@ -22,7 +22,7 @@ __export(model_document_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(model_document_exports);
-function getContent(scanResult, dict) {
+function getContent(scanInfo, dict) {
   return `
 import { by } from "@akanjs/document";
 

package/cjs/src/templates/app/akan.config.js

@@ -22,7 +22,7 @@ __export(akan_config_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(akan_config_exports);
-function getContent(scanResult, dict) {
+function getContent(scanInfo, dict) {
   return `
 import type { AppConfig } from "@akanjs/config";
 

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

@@ -22,7 +22,7 @@ __export(page_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(page_exports);
-function getContent(scanResult, dict) {
+function getContent(scanInfo, dict) {
   return {
     filename: "page.tsx",
     content: `
@@ -42,16 +42,16 @@ export default function Page() {
           key: "data",
           title: "Data",
           menus: [
-            Admin.Menu.Admin,
-            User.Menu.Admin,
+            // Admin.Menu.Admin,
+            // User.Menu.Admin,
           ],
         },
         {
           key: "api",
           title: "API Doc",
           menus: [
-            Admin.Menu.Doc,
-            User.Menu.Doc,
+            // Admin.Menu.Doc,
+            // User.Menu.Doc,
           ],
         },
       ]}

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

@@ -22,7 +22,7 @@ __export(layout_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(layout_exports);
-function getContent(scanResult, dict) {
+function getContent(scanInfo, dict) {
   return {
     filename: "layout.tsx",
     content: `

package/cjs/src/templates/app/app/[lang]/page.js

@@ -22,7 +22,7 @@ __export(page_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(page_exports);
-function getContent(scanResult, dict) {
+function getContent(scanInfo, dict) {
   return {
     filename: "page.tsx",
     content: `

package/cjs/src/templates/app/app/csr.js

@@ -22,7 +22,7 @@ __export(csr_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(csr_exports);
-function getContent(scanResult, dict) {
+function getContent(scanInfo, dict) {
   return {
     filename: "csr.tsx",
     content: `

package/cjs/src/templates/app/app/layout.js

@@ -22,7 +22,7 @@ __export(layout_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(layout_exports);
-function getContent(scanResult, dict) {
+function getContent(scanInfo, dict) {
   return {
     filename: "layout.tsx",
     content: `

package/cjs/src/templates/app/app/robots.js

@@ -22,7 +22,7 @@ __export(robots_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(robots_exports);
-function getContent(scanResult, dict) {
+function getContent(scanInfo, dict) {
   return `
 import { MetadataRoute } from "next";
 import { env } from "@${dict.appName}/env/env.client";

package/cjs/src/templates/app/app/sitemap.js

@@ -22,7 +22,7 @@ __export(sitemap_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(sitemap_exports);
-function getContent(scanResult, dict) {
+function getContent(scanInfo, dict) {
   return `
 import { MetadataRoute } from "next";
 import { env } from "@${dict.appName}/env/env.client";

package/cjs/src/templates/app/base/baseLogic.js

@@ -22,7 +22,7 @@ __export(baseLogic_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(baseLogic_exports);
-function getContent(scanResult, dict) {
+function getContent(scanInfo, dict) {
   return `
 // \uD604 \uB514\uB809\uD1A0\uB9AC\uC5D0\uC11C\uB294 \uD504\uB85C\uC81D\uD2B8 \uB0B4 \uC804\uCCB4\uC801\uC73C\uB85C \uC0AC\uC6A9\uB418\uB294 \uB85C\uC9C1\uC744 \uAD6C\uD604\uD558\uBA70, \uB530\uB77C\uC11C \uBC31/\uD504\uB860\uD2B8 \uBE44\uC758\uC874\uC801\uC778 pure js \uCF54\uB4DC\uB9CC \uAD6C\uD604 \uAC00\uB2A5\uD569\uB2C8\uB2E4.
 // common\uD3F4\uB354\uC640 \uB2E4\uB978\uC810\uC740, base \uCF54\uB4DC\uB294 \uC2DC\uC2A4\uD15C \uC804\uCCB4\uC5D0\uC11C import\uB418\uC5B4 \uC0AC\uC6A9\uB418\uBBC0\uB85C, \uAC00\uC7A5 \uD575\uC2EC\uC801\uC778 \uB85C\uC9C1\uACFC \uCD94\uC0C1\uD654\uB41C \uAE30\uB2A5\uB9CC \uAD6C\uD604\uD574\uC57C\uD569\uB2C8\uB2E4.

package/cjs/src/templates/app/base/index.js

@@ -22,7 +22,7 @@ __export(base_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(base_exports);
-function getContent(scanResult, dict = {}) {
+function getContent(scanInfo, dict = {}) {
   return `
 export * from "./baseLogic";
   `;

package/cjs/src/templates/app/common/commonLogic.js

@@ -22,7 +22,7 @@ __export(commonLogic_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(commonLogic_exports);
-function getContent(scanResult, dict) {
+function getContent(scanInfo, dict) {
   return `
 // \uD604 \uB514\uB809\uD1A0\uB9AC\uC5D0\uC11C\uB294 \uD504\uB85C\uC81D\uD2B8 \uB0B4 \uC804\uCCB4\uC801\uC73C\uB85C \uC0AC\uC6A9\uB418\uB294 \uC138\uBD80\uC801\uC778 \uB85C\uC9C1\uC744 \uAD6C\uD604\uD558\uBA70, \uB530\uB77C\uC11C \uBC31/\uD504\uB860\uD2B8 \uBE44\uC758\uC874\uC801\uC778 pure js \uCF54\uB4DC\uB9CC \uAD6C\uD604 \uAC00\uB2A5\uD569\uB2C8\uB2E4.
 // base\uD3F4\uB354\uC640 \uB2E4\uB978\uC810\uC740, common \uCF54\uB4DC\uB294 \uC0AC\uC6A9\uD558\uB294 \uD30C\uC77C\uC5D0\uC11C\uB9CC import\uB418\uAE30 \uB54C\uBB38\uC5D0, \uC678\uBD80\uB77C\uC774\uBE0C\uB7EC\uB9AC\uB97C import\uD574\uC11C \uC0AC\uC6A9\uD558\uAC70\uB098 \uC0C1\uC138\uD55C \uB85C\uC9C1\uC744 \uAD6C\uD604\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.

package/cjs/src/templates/app/common/index.js

@@ -22,7 +22,7 @@ __export(common_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(common_exports);
-function getContent(scanResult, dict = {}) {
+function getContent(scanInfo, dict = {}) {
   return `
 export * from "./commonLogic";
   `;

package/cjs/src/templates/app/env/env.client.js

@@ -22,7 +22,7 @@ __export(env_client_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(env_client_exports);
-function getContent(scanResult, dict = {}) {
+function getContent(scanInfo, dict = {}) {
   return `
 import { env as debug } from "./env.client.debug";
 import { env as develop } from "./env.client.develop";

package/cjs/src/templates/app/env/env.client.type.js

@@ -22,7 +22,7 @@ __export(env_client_type_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(env_client_type_exports);
-function getContent(scanResult, dict = {}) {
+function getContent(scanInfo, dict = {}) {
   return `
 import type { BaseClientEnv } from "@akanjs/base";
 

package/cjs/src/templates/app/env/env.server.js

@@ -22,7 +22,7 @@ __export(env_server_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(env_server_exports);
-function getContent(scanResult, dict = {}) {
+function getContent(scanInfo, dict = {}) {
   return `
 import { env as debug } from "./env.server.debug";
 import { env as develop } from "./env.server.develop";

package/cjs/src/templates/app/jest.config.js

@@ -22,7 +22,7 @@ __export(jest_config_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(jest_config_exports);
-function getContent(scanResult, dict) {
+function getContent(scanInfo, dict) {
   return `
 //! will be replaced with akan.config.ts
 import "tsconfig-paths/register";

package/cjs/src/templates/app/lib/___appName__/__appName__.dictionary.js

@@ -22,7 +22,7 @@ __export(appName_dictionary_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(appName_dictionary_exports);
-function getContent(scanResult, dict) {
+function getContent(scanInfo, dict) {
   return `
 const dictionary = {} as const;
 

package/cjs/src/templates/app/lib/___appName__/__appName__.service.js

@@ -22,7 +22,7 @@ __export(appName_service_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(appName_service_exports);
-function getContent(scanResult, dict) {
+function getContent(scanInfo, dict) {
   return `
 import { Cron } from "@akanjs/nest";
 import { LogService, Service, Srv } from "@akanjs/service";

package/cjs/src/templates/app/lib/___appName__/__appName__.store.js

@@ -22,7 +22,7 @@ __export(appName_store_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(appName_store_exports);
-function getContent(scanResult, dict) {
+function getContent(scanInfo, dict) {
   return `
 import { scalarStateOf, Store } from "@akanjs/store";
 

package/cjs/src/templates/app/lib/option.js

@@ -22,7 +22,7 @@ __export(option_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(option_exports);
-function getContent(scanResult, dict = {}) {
+function getContent(scanInfo, dict = {}) {
   return `
 import { useGlobals } from "@akanjs/server";
 

package/cjs/src/templates/app/lib/setting/Setting.Template.js

@@ -22,36 +22,23 @@ __export(Setting_Template_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(Setting_Template_exports);
-function getContent(scanResult, dict) {
+function getContent(scanInfo, dict) {
   return {
     filename: "Setting.Template.tsx",
     content: `
 "use client";
+import { clsx } from "@akanjs/client";
 import { st, usePage } from "@${dict.appName}/client";
 
 interface GeneralProps {
-  settingId?: string | null;
+  className?: string;
 }
 
-export const General = ({ settingId = undefined }: GeneralProps) => {
+export const General = ({ className }: GeneralProps) => {
   const settingForm = st.use.settingForm();
   const { l } = usePage();
-  return (
-    <div className="mb-4 flex items-center">
-      <div className="flex items-center gap-2">
-        <div className="w-32">{l("setting.resignupDays")}</div>
-        <input
-          type="number"
-          className="input"
-          value={settingForm.resignupDays}
-          onChange={(e) => {
-            st.do.setResignupDaysOnSetting(e.target.valueAsNumber);
-          }}
-        />
-      </div>
-    </div>
-  );
+  return <div className={clsx("", className)}></div>; // update your UI here
 };
-  `
+`
   };
 }

package/cjs/src/templates/app/lib/setting/Setting.Unit.js

@@ -22,16 +22,16 @@ __export(Setting_Unit_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(Setting_Unit_exports);
-function getContent(scanResult, dict = {}) {
+function getContent(scanInfo, dict = {}) {
   return {
     filename: "Setting.Unit.tsx",
     content: `
-import { ModelProps } from "@akanjs/client";
+import { clsx, ModelProps } from "@akanjs/client";
 
 import { cnst } from "../cnst";
 
 export const Card = ({ className, setting }: ModelProps<"setting", cnst.LightSetting>) => {
-  return <div>{setting.id}</div>;
+  return <div className={clsx("", className)}>{setting.id}</div>; // update your UI here
 };
   `
   };

package/cjs/src/templates/app/lib/setting/Setting.Util.js

@@ -22,13 +22,19 @@ __export(Setting_Util_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(Setting_Util_exports);
-function getContent(scanResult, dict = {}) {
+function getContent(scanInfo, dict = {}) {
   return {
     filename: "Setting.Util.tsx",
     content: `
 "use client";
+import { clsx } from "@akanjs/client";
 
-export const aaa = 1;
+interface CustomUtilProps {
+  className?: string;
+}
+export const CustomUtil = ({ className }: CustomUtilProps) => {
+  return <div className={clsx("", className)}></div>; // update your UI here
+};
   `
   };
 }

package/cjs/src/templates/app/lib/setting/Setting.View.js

@@ -22,7 +22,7 @@ __export(Setting_View_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(Setting_View_exports);
-function getContent(scanResult, dict) {
+function getContent(scanInfo, dict) {
   return {
     filename: "Setting.View.tsx",
     content: `
@@ -39,13 +39,10 @@ interface SettingViewProps {
 export const General = ({ className, setting }: SettingViewProps) => {
   const { l } = usePage();
   return (
-    <div className={clsx(className, "mr-12")}>
-      <div>
-        {l("setting.resignupDays")}: {setting.resignupDays}
-      </div>
+    <div className={clsx("", className)}>
+      {setting.id}
     </div>
   );
-};
-  `
+};`
   };
 }

package/cjs/src/templates/app/lib/setting/Setting.Zone.js

@@ -22,21 +22,18 @@ __export(Setting_Zone_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(Setting_Zone_exports);
-function getContent(scanResult, dict) {
+function getContent(scanInfo, dict) {
   return {
     filename: "Setting.Zone.tsx",
     content: `
 "use client";
 import { ModelsProps } from "@akanjs/client";
-import { Setting, st, usePage } from "@${dict.appName}/client";
+import { cnst, Setting, st, usePage } from "@${dict.appName}/client";
 import { Model } from "@akanjs/ui";
 import { Loading } from "@akanjs/ui";
 import { useEffect } from "react";
 import { AiOutlineEdit } from "react-icons/ai";
 
-import { cnst } from "../cnst";
-import { msg } from "../dict";
-
 export const Admin = ({ sliceName = "setting" }: ModelsProps<cnst.Setting>) => {
   const { l } = usePage();
   const setting = st.use.setting();
@@ -60,9 +57,6 @@ export const Admin = ({ sliceName = "setting" }: ModelsProps<cnst.Setting>) => {
         <Model.EditModal
           sliceName="setting"
           type="form"
-          onSubmit={() => {
-            msg.success("setting.updateSuccessMsg");
-          }}
           onCancel={() => {
             st.do.resetSetting(setting);
           }}

package/cjs/src/templates/app/lib/setting/setting.constant.js

@@ -22,7 +22,7 @@ __export(setting_constant_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(setting_constant_exports);
-function getContent(scanResult, dict) {
+function getContent(scanInfo, dict) {
   return `
 import { from, Model, via } from "@akanjs/constant";
 

package/cjs/src/templates/app/lib/setting/setting.dictionary.js

@@ -22,7 +22,7 @@ __export(setting_dictionary_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(setting_dictionary_exports);
-function getContent(scanResult, dict) {
+function getContent(scanInfo, dict) {
   return `
 import { ExtendModelDictionary, SignalDictionary } from "@akanjs/dictionary";
 

package/cjs/src/templates/app/lib/setting/setting.document.js

@@ -22,7 +22,7 @@ __export(setting_document_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(setting_document_exports);
-function getContent(scanResult, dict = {}) {
+function getContent(scanInfo, dict = {}) {
   return `
 import { beyond, by, Database, into, type SchemaOf } from "@akanjs/document";
 

package/cjs/src/templates/app/lib/setting/setting.service.js

@@ -22,7 +22,7 @@ __export(setting_service_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(setting_service_exports);
-function getContent(scanResult, dict) {
+function getContent(scanInfo, dict) {
   return `
 import { ExtendedSettingService, Service } from "@akanjs/service";
 

package/cjs/src/templates/app/lib/setting/setting.signal.js

@@ -22,7 +22,7 @@ __export(setting_signal_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(setting_signal_exports);
-function getContent(scanResult, dict = {}) {
+function getContent(scanInfo, dict = {}) {
   return `
 import { LogSignal, Signal } from "@akanjs/signal";
 

package/cjs/src/templates/app/lib/setting/setting.store.js

@@ -22,7 +22,7 @@ __export(setting_store_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(setting_store_exports);
-function getContent(scanResult, dict = {}) {
+function getContent(scanInfo, dict = {}) {
   return `
 import { stateOf, Store } from "@akanjs/store";
 

package/cjs/src/templates/app/lib/summary/Summary.Template.js

@@ -22,21 +22,22 @@ __export(Summary_Template_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(Summary_Template_exports);
-function getContent(scanResult, dict) {
+function getContent(scanInfo, dict) {
   return {
     filename: "Summary.Template.tsx",
     content: `
 "use client";
+import { clsx } from "@akanjs/client";
 import { st, usePage } from "@${dict.appName}/client";
 
 interface SummaryEditProps {
-  summaryId?: string | null;
+  className?: string;
 }
 
-export const General = ({ summaryId = undefined }: SummaryEditProps) => {
+export const General = ({ className }: SummaryEditProps) => {
   const summaryForm = st.use.summaryForm();
   const { l } = usePage();
-  return <div className="flex items-center mb-4"></div>;
+  return <div className={clsx("", className)}></div>; // update your UI here
 };
   `
   };