@vc-shell/create-vc-app 1.1.99-alpha.1 → 1.1.99-alpha.10

package/dist/index.js

@@ -1,16 +1,16 @@
 #!/usr/bin/env node
 import o from "chalk";
 import m from "node:path";
-import { argv as me, cwd as _ } from "node:process";
+import { argv as me, cwd as G } from "node:process";
 import ue from "mri";
 import x from "prompts";
-import r from "node:fs";
-import { fileURLToPath as X } from "node:url";
+import l from "node:fs";
 import Y from "prettier";
-import { camelCase as F, snakeCase as v, upperFirst as T, kebabCase as N } from "lodash-es";
+import { camelCase as F, snakeCase as v, upperFirst as T, kebabCase as C } from "lodash-es";
 import pe from "pluralize";
-function ge(t = me.slice(2)) {
-  return ue(t, {
+import { fileURLToPath as ge } from "node:url";
+function fe(e = me.slice(2)) {
+  return ue(e, {
     alias: {
       h: "help",
       v: "version"
@@ -26,29 +26,44 @@ function ge(t = me.slice(2)) {
       "skip-form-editor",
       "skip-module-gen"
     ],
-    string: ["name", "app-name", "package-name", "module-name", "base-path", "type", "module", "path", "form-fields"]
+    string: [
+      "name",
+      "app-name",
+      "package-name",
+      "module-name",
+      "base-path",
+      "type",
+      "module",
+      "path",
+      "form-fields",
+      "widget-module",
+      "widget-blade",
+      "widget-name",
+      "widget-entity",
+      "widget-icon"
+    ]
   });
 }
-function L(t) {
-  return /^(?:@[a-z0-9-*~][a-z0-9-*._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/.test(t);
+function R(e) {
+  return /^(?:@[a-z0-9-*~][a-z0-9-*._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/.test(e);
 }
-function A(t) {
-  return t.trim().toLowerCase().replace(/\s+/g, "-").replace(/^[._]/, "").replace(/[^a-z0-9-~]+/g, "-");
+function O(e) {
+  return e.trim().toLowerCase().replace(/\s+/g, "-").replace(/^[._]/, "").replace(/[^a-z0-9-~]+/g, "-");
 }
-function ee(t) {
-  return t.trim().toLowerCase().replace(/\/+/g, "/").replace(/[^a-z0-9/-]+/g, "/").replace(/\/?$/, "/");
+function X(e) {
+  return e.trim().toLowerCase().replace(/\/+/g, "/").replace(/[^a-z0-9/-]+/g, "/").replace(/\/?$/, "/");
 }
-function fe(t) {
-  return t.startsWith("/") && t.endsWith("/");
+function ye(e) {
+  return e.startsWith("/") && e.endsWith("/");
 }
-function ye(t) {
-  const e = [];
-  return t["package-name"] && !L(t["package-name"]) && e.push(`Invalid package name: ${t["package-name"]}`), t["base-path"] && !fe(t["base-path"]) && e.push(`Invalid base path: ${t["base-path"]}. Must start and end with "/"`), e;
+function he(e) {
+  const t = [];
+  return e["package-name"] && !R(e["package-name"]) && t.push(`Invalid package name: ${e["package-name"]}`), e["base-path"] && !ye(e["base-path"]) && t.push(`Invalid base path: ${e["base-path"]}. Must start and end with "/"`), t;
 }
-const he = "1.1.99-alpha.1", U = {
-  version: he
+const we = "1.1.99-alpha.10", U = {
+  version: we
 };
-function we() {
+function be() {
   console.log(`
 ${o.bold(o.green("create-vc-app"))} - Create a new VC Shell application or generate modules/blades
 
@@ -73,6 +88,11 @@ ${o.bold("Blade Generator Options:")}
   --name <name>                      Blade name
   --is-workspace                     Mark blade as workspace (main module blade)
   --widget                           Generate widget instead of blade
+  --widget-module <name>             Module name for widget (non-interactive)
+  --widget-blade <name>              Blade name for widget (non-interactive)
+  --widget-name <name>               Widget name (non-interactive)
+  --widget-entity <name>             Related entity name (non-interactive)
+  --widget-icon <icon>               Widget icon (non-interactive, default: material-list)
   --composable                       Generate composable
   --locales                          Generate locales
   --path <path>                      Target path
@@ -111,9 +131,13 @@ ${o.bold("Examples:")}
 
   ${o.gray("# Generate widget interactively")}
   create-vc-app blade --widget
+
+  ${o.gray("# Generate widget non-interactively")}
+  create-vc-app blade --widget --widget-module products --widget-blade products-list \\
+    --widget-name Stats --widget-entity Product --widget-icon material-sell
 `);
 }
-function be() {
+function Ee() {
   console.log(`create-vc-app version ${U.version}`);
 }
 const Se = {
@@ -134,97 +158,99 @@ const Se = {
   _yarn: ".yarn",
   "_package.json": "package.json"
 }, $e = [".ts", ".vue", ".js", ".json", ".md"], Z = "18.0.0";
-function Ee() {
-  const t = process.version.slice(1), [e] = t.split(".").map(Number), [n] = Z.split(".").map(Number);
+function ve() {
+  const e = process.version.slice(1), [t] = e.split(".").map(Number), [n] = Z.split(".").map(Number);
   return {
-    compatible: e >= n,
-    currentVersion: t,
+    compatible: t >= n,
+    currentVersion: e,
     minVersion: Z
   };
 }
-async function P(t) {
+async function P(e) {
   try {
-    const e = r.readFileSync(t, "utf-8"), n = m.extname(t);
+    const t = l.readFileSync(e, "utf-8"), n = m.extname(e);
     let a = "typescript";
     n === ".vue" ? a = "vue" : n === ".json" ? a = "json" : n === ".md" ? a = "markdown" : n === ".css" || n === ".scss" ? a = "css" : n === ".html" ? a = "html" : n === ".js" || n === ".mjs" || n === ".cjs" ? a = "babel" : (n === ".ts" || n === ".mts" || n === ".cts") && (a = "typescript");
-    let s = null;
+    let i = null;
     try {
-      s = await Y.resolveConfig(t, {
+      i = await Y.resolveConfig(e, {
         editorconfig: !0
       });
     } catch {
     }
-    const l = {
+    const s = {
       ...{
         endOfLine: "auto",
         // Changed from "lf" to "auto"
         singleAttributePerLine: !0
         // Added for Vue files
       },
-      ...s,
+      ...i,
       parser: a
       // Always use detected parser
-    }, d = await Y.format(e, l);
-    r.writeFileSync(t, d, "utf-8");
-  } catch (e) {
-    console.warn(o.yellow(`⚠️  Warning: Could not format ${t}`)), console.warn(o.yellow(`    ${e.message}`));
+    }, d = await Y.format(t, s);
+    l.writeFileSync(e, d, "utf-8");
+  } catch (t) {
+    console.warn(o.yellow(`⚠️  Warning: Could not format ${e}`)), console.warn(o.yellow(`    ${t.message}`));
   }
 }
-async function te(t, e = [".ts", ".vue", ".js", ".json"]) {
-  const n = r.readdirSync(t);
+async function ee(e, t = [".ts", ".vue", ".js", ".json"]) {
+  const n = l.readdirSync(e);
   for (const a of n) {
-    const s = m.join(t, a);
-    r.statSync(s).isDirectory() ? await te(s, e) : e.some((l) => a.endsWith(l)) && await P(s);
+    const i = m.join(e, a);
+    l.statSync(i).isDirectory() ? await ee(i, t) : t.some((s) => a.endsWith(s)) && await P(i);
   }
 }
-function W(t, e) {
-  const n = F(t), a = pe(t), s = F(a);
+function W(e, t) {
+  const n = F(e), a = pe(e), i = F(a);
   return {
-    entitySingular: t,
+    entitySingular: e,
     entityPlural: a,
-    moduleName: e,
+    moduleName: t,
     entitySingularPascal: T(n),
     entitySingularCamel: n,
-    entitySingularKebab: N(t),
-    entityPluralPascal: T(s),
-    entityPluralCamel: s,
-    entityPluralKebab: N(a),
-    moduleNamePascal: T(F(e)),
-    moduleNameUpperSnake: v(e).toUpperCase()
+    entitySingularKebab: C(e),
+    entityPluralPascal: T(i),
+    entityPluralCamel: i,
+    entityPluralKebab: C(a),
+    entityListKebab: `${C(e)}-list`,
+    moduleNamePascal: T(F(t)),
+    moduleNameUpperSnake: v(t).toUpperCase()
   };
 }
-function z(t) {
+function z(e) {
   return {
-    "{{EntityName}}": t.entitySingularPascal,
-    "{{EntityNamePlural}}": t.entityPluralPascal,
-    "{{entityName}}": t.entitySingularCamel,
-    "{{entityNamePlural}}": t.entityPluralCamel,
-    "{{entity-name}}": t.entitySingularKebab,
-    "{{entity-name-plural}}": t.entityPluralKebab,
-    "{{entity_name}}": v(t.entitySingular),
-    "{{entity_name_plural}}": v(t.entityPlural),
-    "{{ModuleName}}": t.moduleNamePascal,
-    "{{moduleName}}": F(t.moduleName),
-    "{{module-name}}": N(t.moduleName),
-    "{{MODULE_NAME}}": t.moduleNameUpperSnake,
-    "{{MODULE_NAME_UPPERCASE}}": t.moduleNameUpperSnake
+    "{{EntityName}}": e.entitySingularPascal,
+    "{{EntityNamePlural}}": e.entityPluralPascal,
+    "{{entityName}}": e.entitySingularCamel,
+    "{{entityNamePlural}}": e.entityPluralCamel,
+    "{{entity-name}}": e.entitySingularKebab,
+    "{{entity-name-plural}}": e.entityPluralKebab,
+    "{{entity-name-list}}": e.entityListKebab,
+    "{{entity_name}}": v(e.entitySingular),
+    "{{entity_name_plural}}": v(e.entityPlural),
+    "{{ModuleName}}": e.moduleNamePascal,
+    "{{moduleName}}": F(e.moduleName),
+    "{{module-name}}": C(e.moduleName),
+    "{{MODULE_NAME}}": e.moduleNameUpperSnake,
+    "{{MODULE_NAME_UPPERCASE}}": e.moduleNameUpperSnake
   };
 }
-function H(t, e) {
-  let n = t;
-  for (const [a, s] of Object.entries(e))
-    n = n.replace(new RegExp(a, "g"), s);
+function H(e, t) {
+  let n = e;
+  for (const [a, i] of Object.entries(t))
+    n = n.replace(new RegExp(a, "g"), i);
   return n;
 }
-function ae(t) {
-  return t.replace(/'/g, "\\'").replace(/"/g, '\\"');
+function te(e) {
+  return e.replace(/'/g, "\\'").replace(/"/g, '\\"');
 }
-async function ne() {
-  const t = [];
-  let e = !0;
+async function ae() {
+  const e = [];
+  let t = !0;
   for (console.log(`
 📝 Configure form fields (press Ctrl+C to skip):
-`); e; )
+`); t; )
     try {
       const n = await x(
         [
@@ -338,45 +364,45 @@ async function ne() {
         ],
         {
           onCancel: () => {
-            throw e = !1, new Error("cancelled");
+            throw t = !1, new Error("cancelled");
           }
         }
       );
       if (!n.name) {
-        e = !1;
+        t = !1;
         break;
       }
-      t.push({
+      e.push({
         name: n.name,
         type: n.type,
         label: n.label || T(n.name),
         required: n.required,
         options: n.options
-      }), e = n.addAnother;
+      }), t = n.addAnother;
     } catch (n) {
       if (n.message === "cancelled")
         break;
       throw n;
     }
-  return t;
+  return e;
 }
-function q(t, e) {
-  const n = v(t.name).toUpperCase(), a = t.required ? 'rules="required"' : "";
-  let s = "";
-  return t.type === "number" ? s = 'type="number"' : t.type === "date" && (s = 'type="date"'), `              <Field
+function q(e, t) {
+  const n = v(e.name).toUpperCase(), a = e.required ? 'rules="required"' : "";
+  let i = "";
+  return e.type === "number" ? i = 'type="number"' : e.type === "date" && (i = 'type="date"'), `              <Field
                 v-slot="{ field, errorMessage, handleChange, errors }"
-                :label="$t('${e}.PAGES.DETAILS.FORM.INFO.${n}')"
-                :model-value="item.${t.name}"
-                name="${t.name}"
+                :label="$t('${t}.PAGES.DETAILS.FORM.INFO.${n}')"
+                :model-value="item.${e.name}"
+                name="${e.name}"
                 ${a}
               >
                 <VcInput
                   v-bind="field"
-                  v-model="item.${t.name}"
-                  :label="$t('${e}.PAGES.DETAILS.FORM.INFO.${n}')"
-                  :placeholder="$t('${e}.PAGES.DETAILS.FORM.INFO.${n}_PLACEHOLDER')"
-                  ${s}
-                  ${t.required ? "required" : ""}
+                  v-model="item.${e.name}"
+                  :label="$t('${t}.PAGES.DETAILS.FORM.INFO.${n}')"
+                  :placeholder="$t('${t}.PAGES.DETAILS.FORM.INFO.${n}_PLACEHOLDER')"
+                  ${i}
+                  ${e.required ? "required" : ""}
                   clearable
                   :error="!!errors.length"
                   :error-message="errorMessage"
@@ -384,37 +410,37 @@ function q(t, e) {
                 />
               </Field>`;
 }
-function ve(t, e) {
-  const n = v(t.name).toUpperCase();
+function Ie(e, t) {
+  const n = v(e.name).toUpperCase();
   return `              <VcTextarea
-                v-model="item.${t.name}"
-                :label="$t('${e}.PAGES.DETAILS.FORM.INFO.${n}')"
-                :placeholder="$t('${e}.PAGES.DETAILS.FORM.INFO.${n}_PLACEHOLDER')"
-                ${t.required ? "required" : ""}
+                v-model="item.${e.name}"
+                :label="$t('${t}.PAGES.DETAILS.FORM.INFO.${n}')"
+                :placeholder="$t('${t}.PAGES.DETAILS.FORM.INFO.${n}_PLACEHOLDER')"
+                ${e.required ? "required" : ""}
                 clearable
               />`;
 }
-function Ie(t, e) {
-  const n = v(t.name).toUpperCase(), a = t.required ? 'rules="required"' : "", s = t.options?.map((c) => {
-    const l = ae(c);
-    return `{ value: '${l}', label: '${l}' }`;
+function Ae(e, t) {
+  const n = v(e.name).toUpperCase(), a = e.required ? 'rules="required"' : "", i = e.options?.map((r) => {
+    const s = te(r);
+    return `{ value: '${s}', label: '${s}' }`;
   }).join(", ") || "";
   return `              <Field
                 v-slot="{ errorMessage, handleChange, errors }"
-                :label="$t('${e}.PAGES.DETAILS.FORM.INFO.${n}')"
-                :model-value="item.${t.name}"
-                name="${t.name}"
+                :label="$t('${t}.PAGES.DETAILS.FORM.INFO.${n}')"
+                :model-value="item.${e.name}"
+                name="${e.name}"
                 ${a}
               >
                 <VcSelect
-                  v-model="item.${t.name}"
-                  :label="$t('${e}.PAGES.DETAILS.FORM.INFO.${n}')"
-                  :placeholder="$t('${e}.PAGES.DETAILS.FORM.INFO.${n}_PLACEHOLDER')"
-                  :options="[${s}]"
+                  v-model="item.${e.name}"
+                  :label="$t('${t}.PAGES.DETAILS.FORM.INFO.${n}')"
+                  :placeholder="$t('${t}.PAGES.DETAILS.FORM.INFO.${n}_PLACEHOLDER')"
+                  :options="[${i}]"
                   option-value="value"
                   option-label="label"
                   searchable
-                  ${t.required ? "required" : ""}
+                  ${e.required ? "required" : ""}
                   :clearable="false"
                   :error="!!errors.length"
                   :error-message="errorMessage"
@@ -422,41 +448,41 @@ function Ie(t, e) {
                 />
               </Field>`;
 }
-function Ce(t, e) {
-  const n = v(t.name).toUpperCase(), a = t.required ? 'rules="required"' : "";
+function Ne(e, t) {
+  const n = v(e.name).toUpperCase(), a = e.required ? 'rules="required"' : "";
   return `              <Field
                 v-slot="{ errorMessage, handleChange, errors }"
-                :label="$t('${e}.PAGES.DETAILS.FORM.INFO.${n}')"
-                :model-value="item.${t.name}"
-                name="${t.name}"
+                :label="$t('${t}.PAGES.DETAILS.FORM.INFO.${n}')"
+                :model-value="item.${e.name}"
+                name="${e.name}"
                 ${a}
               >
                 <VcEditor
-                  v-model="item.${t.name}"
-                  :label="$t('${e}.PAGES.DETAILS.FORM.INFO.${n}')"
-                  :placeholder="$t('${e}.PAGES.DETAILS.FORM.INFO.${n}_PLACEHOLDER')"
-                  ${t.required ? "required" : ""}
+                  v-model="item.${e.name}"
+                  :label="$t('${t}.PAGES.DETAILS.FORM.INFO.${n}')"
+                  :placeholder="$t('${t}.PAGES.DETAILS.FORM.INFO.${n}_PLACEHOLDER')"
+                  ${e.required ? "required" : ""}
                   :error="!!errors.length"
                   :error-message="errorMessage"
                   @update:model-value="handleChange"
                 />
               </Field>`;
 }
-function xe(t, e) {
-  const n = v(t.name).toUpperCase();
+function xe(e, t) {
+  const n = v(e.name).toUpperCase();
   return `              <VcSwitch
-                v-model="item.${t.name}"
-                :label="$t('${e}.PAGES.DETAILS.FORM.INFO.${n}')"
-                :tooltip="$t('${e}.PAGES.DETAILS.FORM.INFO.${n}_TOOLTIP')"
+                v-model="item.${e.name}"
+                :label="$t('${t}.PAGES.DETAILS.FORM.INFO.${n}')"
+                :tooltip="$t('${t}.PAGES.DETAILS.FORM.INFO.${n}_TOOLTIP')"
                 :true-value="true"
                 :false-value="false"
               />`;
 }
-function Ae(t, e) {
-  const n = v(t.name).toUpperCase();
-  return `              <VcCard :header="$t('${e}.PAGES.DETAILS.FORM.INFO.${n}')">
+function Ce(e, t) {
+  const n = v(e.name).toUpperCase();
+  return `              <VcCard :header="$t('${t}.PAGES.DETAILS.FORM.INFO.${n}')">
                 <VcGallery
-                  :images="item.${t.name}"
+                  :images="item.${e.name}"
                   multiple
                   @upload="assetsHandler.upload"
                   @sort="assetsHandler.edit"
@@ -465,7 +491,7 @@ function Ae(t, e) {
                 />
               </VcCard>`;
 }
-function Ne(t) {
+function Oe(e) {
   return `
 // VcGallery Assets Handler Setup
 // TODO: Import Image type from your API client (e.g., import { Image, IImage } from "@your-app/api/client")
@@ -473,13 +499,13 @@ const { upload, remove, edit, loading: assetsLoading } = useAssets();
 
 /**
  * Handles asset operations for VcGallery
- * TODO: Update the path '${t}s/\${item.value?.id}' to match your entity structure
+ * TODO: Update the path '${e}s/\${item.value?.id}' to match your entity structure
  */
 const assetsHandler = {
   loading: assetsLoading,
   async upload(files: FileList, startingSortOrder?: number) {
     // TODO: Update path to match your entity (e.g., 'products/\${item.value?.id}')
-    const uploaded = await upload(files, \`${t}s/\${item.value?.id}\`, startingSortOrder);
+    const uploaded = await upload(files, \`${e}s/\${item.value?.id}\`, startingSortOrder);
     // TODO: If using typed Image class, map: uploaded.map((x) => new Image(x))
     item.value.images = [...(item.value?.images ?? []), ...uploaded];
   },
@@ -514,30 +540,30 @@ const onGalleryItemEdit = (asset: ICommonAsset) => {
 };
 `;
 }
-function Pe(t, e) {
-  const n = v(t.name).toUpperCase();
+function Pe(e, t) {
+  const n = v(e.name).toUpperCase();
   return `              <VcField
-                :label="$t('${e}.PAGES.DETAILS.FORM.INFO.${n}')"
-                :model-value="item.${t.name}"
+                :label="$t('${t}.PAGES.DETAILS.FORM.INFO.${n}')"
+                :model-value="item.${e.name}"
                 orientation="horizontal"
                 :aspect-ratio="[1, 2]"
                 type="text"
               />`;
 }
-function Oe(t, e) {
-  const n = v(t.name).toUpperCase(), a = t.required ? 'rules="required"' : "";
+function Te(e, t) {
+  const n = v(e.name).toUpperCase(), a = e.required ? 'rules="required"' : "";
   return `              <Field
                 v-slot="{ field, errorMessage, handleChange, errors }"
-                :label="$t('${e}.PAGES.DETAILS.FORM.INFO.${n}')"
-                :model-value="item.${t.name}"
-                name="${t.name}"
+                :label="$t('${t}.PAGES.DETAILS.FORM.INFO.${n}')"
+                :model-value="item.${e.name}"
+                name="${e.name}"
                 ${a}
               >
                 <VcInputCurrency
                   v-bind="field"
-                  v-model="item.${t.name}"
-                  :label="$t('${e}.PAGES.DETAILS.FORM.INFO.${n}')"
-                  ${t.required ? "required" : ""}
+                  v-model="item.${e.name}"
+                  :label="$t('${t}.PAGES.DETAILS.FORM.INFO.${n}')"
+                  ${e.required ? "required" : ""}
                   clearable
                   :error="!!errors.length"
                   :error-message="errorMessage"
@@ -545,116 +571,116 @@ function Oe(t, e) {
                 />
               </Field>`;
 }
-function Te(t, e) {
-  const n = v(t.name).toUpperCase(), a = t.required ? 'rules="required"' : "", s = t.options?.map((c) => {
-    const l = ae(c);
+function Fe(e, t) {
+  const n = v(e.name).toUpperCase(), a = e.required ? 'rules="required"' : "", i = e.options?.map((r) => {
+    const s = te(r);
     return `                <VcRadioButton
-                  :model-value="item.${t.name}"
-                  value="${l}"
-                  :label="'${l}'"
+                  :model-value="item.${e.name}"
+                  value="${s}"
+                  :label="'${s}'"
                   @update:model-value="handleChange"
                 />`;
   }).join(`
 `) || "";
   return `              <Field
                 v-slot="{ field, errorMessage, handleChange, errors }"
-                :label="$t('${e}.PAGES.DETAILS.FORM.INFO.${n}')"
-                :model-value="item.${t.name}"
-                name="${t.name}"
+                :label="$t('${t}.PAGES.DETAILS.FORM.INFO.${n}')"
+                :model-value="item.${e.name}"
+                name="${e.name}"
                 ${a}
               >
                 <div class="tw-space-y-2">
-${s}
+${i}
                 </div>
                 <div v-if="errors.length" class="tw-text-red-500 tw-text-sm">{{ errorMessage }}</div>
               </Field>`;
 }
-function Fe(t, e) {
-  const n = v(t.name).toUpperCase();
+function De(e, t) {
+  const n = v(e.name).toUpperCase();
   return `              <VcCheckbox
-                v-model="item.${t.name}"
-                :label="$t('${e}.PAGES.DETAILS.FORM.INFO.${n}')"
+                v-model="item.${e.name}"
+                :label="$t('${t}.PAGES.DETAILS.FORM.INFO.${n}')"
               />`;
 }
-function De(t, e) {
-  const n = v(t.name).toUpperCase(), a = t.required ? 'rules="required"' : "";
+function Me(e, t) {
+  const n = v(e.name).toUpperCase(), a = e.required ? 'rules="required"' : "";
   return `              <!-- TODO: Configure VcMultivalue dictionary and placeholder -->
               <Field
                 v-slot="{ errorMessage, handleChange, errors }"
-                :label="$t('${e}.PAGES.DETAILS.FORM.INFO.${n}')"
-                :model-value="item.${t.name}"
-                name="${t.name}"
+                :label="$t('${t}.PAGES.DETAILS.FORM.INFO.${n}')"
+                :model-value="item.${e.name}"
+                name="${e.name}"
                 ${a}
               >
                 <VcMultivalue
-                  v-model="item.${t.name}"
-                  :label="$t('${e}.PAGES.DETAILS.FORM.INFO.${n}')"
-                  :placeholder="$t('${e}.PAGES.DETAILS.FORM.INFO.${n}_PLACEHOLDER')"
-                  ${t.required ? "required" : ""}
+                  v-model="item.${e.name}"
+                  :label="$t('${t}.PAGES.DETAILS.FORM.INFO.${n}')"
+                  :placeholder="$t('${t}.PAGES.DETAILS.FORM.INFO.${n}_PLACEHOLDER')"
+                  ${e.required ? "required" : ""}
                   :error="!!errors.length"
                   :error-message="errorMessage"
                   @update:model-value="handleChange"
                 />
               </Field>`;
 }
-function Me(t) {
-  return t.some(
-    (e) => e.type === "gallery"
+function Le(e) {
+  return e.some(
+    (t) => t.type === "gallery"
     /* Gallery */
   );
 }
-function R(t, e) {
-  return t.length === 0 ? oe(e) : t.map((n) => {
+function k(e, t) {
+  return e.length === 0 ? ne(t) : e.map((n) => {
     switch (n.type) {
       case "text":
       case "number":
       case "date":
-        return q(n, e);
+        return q(n, t);
       case "textarea":
-        return ve(n, e);
+        return Ie(n, t);
       case "select":
-        return Ie(n, e);
+        return Ae(n, t);
       case "editor":
-        return Ce(n, e);
+        return Ne(n, t);
       case "switch":
-        return xe(n, e);
+        return xe(n, t);
       case "gallery":
-        return Ae(n, e);
+        return Ce(n, t);
       case "data-field":
-        return Pe(n, e);
+        return Pe(n, t);
       case "currency":
-        return Oe(n, e);
+        return Te(n, t);
       case "radio":
-        return Te(n, e);
+        return Fe(n, t);
       case "checkbox":
-        return Fe(n, e);
+        return De(n, t);
       case "multivalue":
-        return De(n, e);
+        return Me(n, t);
       case "image":
         return q({
           ...n,
           type: "text"
           /* Text */
-        }, e);
+        }, t);
       default:
-        return q(n, e);
+        return q(n, t);
     }
   }).join(`
 
 `);
 }
-function k(t) {
-  const e = {};
-  for (const n of t) {
+function j(e) {
+  const t = {};
+  for (const n of e) {
     const a = v(n.name).toUpperCase();
-    e[a] = n.label || T(n.name);
+    t[a] = n.label || T(n.name);
   }
-  return e;
+  return t;
 }
-function oe(t) {
+function ne(e) {
   return `              <Field
                 v-slot="{ field, errorMessage, handleChange, errors }"
-                :label="$t('${t}.PAGES.DETAILS.FORM.INFO.NAME')"
+                :label="$t('${e}.PAGES.DETAILS.FORM.INFO.NAME')"
                 :model-value="item.name"
                 name="name"
                 rules="required"
@@ -662,8 +688,8 @@ function oe(t) {
                 <VcInput
                   v-bind="field"
                   v-model="item.name"
-                  :label="$t('${t}.PAGES.DETAILS.FORM.INFO.NAME')"
-                  :placeholder="$t('${t}.PAGES.DETAILS.FORM.INFO.NAME_PLACEHOLDER')"
+                  :label="$t('${e}.PAGES.DETAILS.FORM.INFO.NAME')"
+                  :placeholder="$t('${e}.PAGES.DETAILS.FORM.INFO.NAME_PLACEHOLDER')"
                   required
                   clearable
                   :error="!!errors.length"
@@ -673,122 +699,180 @@ function oe(t) {
               </Field>
 
               <VcField
-                :label="$t('${t}.PAGES.DETAILS.FORM.INFO.CREATED_DATE')"
+                :label="$t('${e}.PAGES.DETAILS.FORM.INFO.CREATED_DATE')"
                 :model-value="createdDate"
                 orientation="horizontal"
                 :aspect-ratio="[1, 2]"
                 type="text"
               />`;
 }
-async function Le(t, e, n) {
-  const a = m.join(t, "src", "main.ts");
-  if (!r.existsSync(a))
+async function Re(e, t, n) {
+  const a = m.join(e, "src", "main.ts");
+  if (!l.existsSync(a))
     return console.log(o.yellow(`⚠️  main.ts not found at ${a}`)), console.log(o.yellow("   Please register the module manually.")), !1;
   try {
-    let s = r.readFileSync(a, "utf-8");
-    const c = `import ${n}Module from "./modules/${e}";`, l = `.use(${n}Module, { router })`;
-    if (s.includes(c) || s.includes(`from "./modules/${e}"`))
-      return console.log(o.yellow(`   Module ${e} is already registered in main.ts`)), !0;
-    const d = /^import\s+.+\s+from\s+['"]\.\/.+['"];?\s*$/gm, w = s.match(d);
-    if (w && w.length > 0) {
-      const p = w[w.length - 1], i = s.lastIndexOf(p);
-      s = s.slice(0, i + p.length) + `
-${c}` + s.slice(i + p.length);
+    let i = l.readFileSync(a, "utf-8");
+    const r = `import ${n}Module from "./modules/${t}";`;
+    if (i.includes(r) || i.includes(`from "./modules/${t}"`))
+      return console.log(o.yellow(`   Module ${t} is already registered in main.ts`)), !0;
+    const s = /^import\s+.+\s+from\s+['"]\.\/.+['"];?\s*$/gm, d = i.match(s);
+    if (d && d.length > 0) {
+      const c = d[d.length - 1], g = i.lastIndexOf(c);
+      i = i.slice(0, g + c.length) + `
+${r}` + i.slice(g + c.length);
     } else {
-      const p = s.search(/^import/m);
-      p !== -1 && (s = s.slice(0, p) + `${c}
-` + s.slice(p));
+      const c = i.search(/^import/m);
+      c !== -1 && (i = i.slice(0, c) + `${r}
+` + i.slice(c));
     }
-    const u = /(app\.use|\.use)\(router\)/, g = s.match(u);
-    if (g) {
-      const p = s.indexOf(g[0]);
-      let i = p;
-      for (; i > 0 && s[i - 1] !== `
+    const h = i.match(/const\s+app\s*=\s*createApp\([^)]*\)([;\s]*\n)/);
+    let p = !1;
+    if (h) {
+      const c = i.slice(i.indexOf(h[0]) + h[0].length, i.indexOf(h[0]) + h[0].length + 50);
+      p = /^\s*\.use\(/.test(c);
+    }
+    const u = /(app\.use|\.use)\(router\)/, f = i.match(u);
+    if (f) {
+      const c = i.indexOf(f[0]);
+      let g = c;
+      for (; g > 0 && i[g - 1] !== `
 `; )
-        i--;
-      const f = s.slice(i, p).match(/^\s*/)?.[0] || "    ";
-      s = s.slice(0, i) + `${f}${l}
-` + s.slice(i);
+        g--;
+      const y = i.slice(g, c).match(/^\s*/)?.[0] || "  ";
+      let b;
+      p ? b = `${y}.use(${n}Module, { router })` : b = `${y}app.use(${n}Module, { router });`, i = i.slice(0, g) + `${b}
+` + i.slice(g);
     } else {
-      const p = /(app\.use|\.use)\([^)]+\)/g, i = [...s.matchAll(p)];
-      if (i.length > 0) {
-        const f = i[i.length - 1], y = f.index + f[0].length;
-        s = s.slice(0, y) + `
-    ${l}` + s.slice(y);
+      const c = /(app\.use|\.use)\([^)]+\)/g, g = [...i.matchAll(c)];
+      if (g.length > 0) {
+        const y = g[g.length - 1], b = y.index + y[0].length;
+        let E;
+        p ? E = `
+    .use(${n}Module, { router })` : E = `
+  app.use(${n}Module, { router });`, i = i.slice(0, b) + E + i.slice(b);
       }
     }
-    return r.writeFileSync(a, s, "utf-8"), console.log(o.green("✓ Registered module in main.ts")), !0;
-  } catch (s) {
-    return console.log(o.yellow(`⚠️  Failed to auto-register module: ${s.message}`)), console.log(o.yellow("   Please register manually.")), !1;
+    return l.writeFileSync(a, i, "utf-8"), console.log(o.green("✓ Registered module in main.ts")), !0;
+  } catch (i) {
+    return console.log(o.yellow(`⚠️  Failed to auto-register module: ${i.message}`)), console.log(o.yellow("   Please register manually.")), !1;
   }
 }
-async function K(t, e) {
-  const n = m.join(t, "pages"), a = m.join(n, "index.ts");
+async function K(e, t) {
+  const n = m.join(e, "pages"), a = m.join(n, "index.ts");
   try {
-    let s = "";
-    r.existsSync(a) && (s = r.readFileSync(a, "utf-8"));
-    for (const c of e) {
-      const l = `export { default as ${c.exportName} } from "./${c.fileName}.vue";`;
-      !s.includes(l) && !s.includes(`from "./${c.fileName}.vue"`) && (s += l + `
+    let i = "";
+    l.existsSync(a) && (i = l.readFileSync(a, "utf-8"));
+    for (const r of t) {
+      const s = `export { default as ${r.exportName} } from "./${r.fileName}.vue";`;
+      !i.includes(s) && !i.includes(`from "./${r.fileName}.vue"`) && (i += s + `
 `);
     }
-    return r.writeFileSync(a, s, "utf-8"), await P(a), console.log(o.green("✓ Updated pages/index.ts")), !0;
-  } catch (s) {
-    return console.log(o.yellow(`⚠️  Failed to update pages/index.ts: ${s.message}`)), !1;
+    return l.writeFileSync(a, i, "utf-8"), await P(a), console.log(o.green("✓ Updated pages/index.ts")), !0;
+  } catch (i) {
+    return console.log(o.yellow(`⚠️  Failed to update pages/index.ts: ${i.message}`)), !1;
   }
 }
-class O extends Error {
+class I extends Error {
   exitCode;
-  constructor(e, n = 1) {
-    super(e), this.name = "CLIError", this.exitCode = n;
+  constructor(t, n = 1) {
+    super(t), this.name = "CLIError", this.exitCode = n;
   }
 }
-class B extends O {
+class V extends I {
   issues;
-  constructor(e) {
-    super("Validation failed", 1), this.name = "ValidationError", this.issues = e;
+  constructor(t) {
+    super("Validation failed", 1), this.name = "ValidationError", this.issues = t;
   }
 }
-class E extends O {
+class $ extends I {
   constructor() {
     super("Operation cancelled by user", 0), this.name = "UserCancelledError";
   }
 }
-function se(t) {
-  if (!r.existsSync(t))
+function L(e) {
+  const t = m.dirname(ge(e)), n = [
+    m.resolve(t, "..", "..", "templates"),
+    // From src/commands, src/workflows, dist/commands, dist/workflows
+    m.resolve(t, "..", "templates"),
+    // From src/, dist/ (fallback)
+    m.resolve(t, "templates")
+    // From root (fallback)
+  ];
+  for (const a of n)
+    if (l.existsSync(a))
+      return a;
+  throw new Error(
+    `Templates directory not found. Searched in:
+${n.map((a) => `  - ${a}`).join(`
+`)}`
+  );
+}
+function oe(e) {
+  if (!l.existsSync(e))
     return;
-  const e = m.relative(_(), t) || t;
-  throw new O(`File already exists: ${e}. Remove it or rename before regenerating.`);
+  const t = m.relative(G(), e) || e;
+  throw new I(`File already exists: ${t}. Remove it or rename before regenerating.`);
 }
-async function le(t = {}) {
+async function ie(e = {}) {
   console.log(`
 ${o.bold(o.green("@vc-shell/create-vc-app Generator"))}
 `);
-  const e = t.path || _(), n = m.join(e, "package.json");
-  if (!r.existsSync(n))
-    throw new O("❌ No package.json found. Are you in a project directory?");
+  const t = e.path || G(), n = m.join(t, "package.json");
+  if (!l.existsSync(n))
+    throw new I("❌ No package.json found. Are you in a project directory?");
   try {
-    if (t.module && t.type && t.name) {
+    const a = e.module || e.type || e.name, i = e.module && e.type && e.name;
+    if (a && !i) {
+      const s = [];
+      throw e.module || s.push("--module"), e.type || s.push("--type"), e.name || s.push("--name"), new I(
+        `❌ Non-interactive mode requires all flags: --module, --type, and --name.
+   Missing: ${s.join(", ")}
+
+   Run without flags for interactive mode, or provide all required flags.`
+      );
+    }
+    if (i) {
       console.log(o.cyan(`📝 Running in non-interactive mode
-`)), await Re(e, {
-        moduleName: N(t.module),
-        // Normalize to kebab-case
-        bladeType: t.type,
-        entityName: t.name,
-        isWorkspace: t.isWorkspace ?? !1,
-        includeComposable: t.composable ?? !0,
-        includeLocales: t.locales ?? !0,
-        formFields: t.formFields,
-        skipFormEditor: t.skipFormEditor
+`)), await ke(t, {
+        moduleName: C(e.module),
+        // Normalize to kebab-case (! is safe due to hasAllBladeFlags check)
+        bladeType: e.type,
+        entityName: e.name,
+        isWorkspace: e.isWorkspace ?? !1,
+        includeComposable: e.composable ?? !0,
+        includeLocales: e.locales ?? !0,
+        formFields: e.formFields,
+        skipFormEditor: e.skipFormEditor
       });
       return;
     }
-    if (t.widget) {
-      await Q(e);
+    if (e.widget) {
+      const s = e.widgetModule || e.widgetBlade || e.widgetName || e.widgetEntity || e.widgetIcon, d = e.widgetModule && e.widgetBlade && e.widgetName && e.widgetEntity;
+      if (s && !d) {
+        const h = [];
+        throw e.widgetModule || h.push("--widget-module"), e.widgetBlade || h.push("--widget-blade"), e.widgetName || h.push("--widget-name"), e.widgetEntity || h.push("--widget-entity"), new I(
+          `❌ Non-interactive widget mode requires all flags: --widget-module, --widget-blade, --widget-name, and --widget-entity.
+   Missing: ${h.join(", ")}
+
+   Run with only --widget flag for interactive mode, or provide all required flags.`
+        );
+      }
+      if (d) {
+        console.log(o.cyan(`📝 Running widget generation in non-interactive mode
+`)), await Be(t, {
+          moduleName: C(e.widgetModule),
+          bladeName: e.widgetBlade.replace(".vue", ""),
+          widgetName: e.widgetName,
+          entityName: e.widgetEntity,
+          icon: e.widgetIcon || "material-list"
+        });
+        return;
+      }
+      await Q(t);
       return;
     }
-    let a;
-    t._skipActionPrompt ? a = "module" : a = (await x(
+    let r;
+    e._skipActionPrompt ? r = "module" : r = (await x(
       {
         type: "select",
         name: "action",
@@ -801,79 +885,79 @@ ${o.bold(o.green("@vc-shell/create-vc-app Generator"))}
       },
       {
         onCancel: () => {
-          throw new E();
+          throw new $();
         }
       }
-    )).action, a === "module" ? await ke(e) : a === "blade" ? await je(e) : a === "widget" && await Q(e);
+    )).action, r === "module" ? await je(t) : r === "blade" ? await _e(t) : r === "widget" && await Q(t);
   } catch (a) {
-    if (a instanceof E)
-      throw new E();
-    if (a instanceof O)
+    if (a instanceof $)
+      throw new $();
+    if (a instanceof I)
       throw a;
-    const s = a instanceof Error ? a.message : String(a), c = a instanceof Error && a.stack ? `
+    const i = a instanceof Error ? a.message : String(a), r = a instanceof Error && a.stack ? `
 ${a.stack}` : "";
-    throw new O(`
-❌ Generation failed: ${s}${c ? `
-${c}` : ""}`);
+    throw new I(`
+❌ Generation failed: ${i}${r ? `
+${r}` : ""}`);
   }
 }
-async function Re(t, e) {
-  const n = m.join(t, "src", "modules"), a = m.join(n, e.moduleName);
-  if (!r.existsSync(a)) {
-    console.log(o.cyan(`📦 Module "${e.moduleName}" not found. Creating new module...
+async function ke(e, t) {
+  const n = m.join(e, "src", "modules"), a = m.join(n, t.moduleName);
+  if (!l.existsSync(a)) {
+    console.log(o.cyan(`📦 Module "${t.moduleName}" not found. Creating new module...
 `));
     const y = {
-      moduleName: e.moduleName,
-      entitySingular: e.moduleName,
+      moduleName: t.moduleName,
+      entitySingular: t.moduleName,
       createBothBlades: !1,
-      createGridBlade: e.bladeType === "grid",
-      createDetailsBlade: e.bladeType === "details",
-      gridIsWorkspace: e.isWorkspace && e.bladeType === "grid",
-      detailsIsWorkspace: e.isWorkspace && e.bladeType === "details",
-      includeComposables: e.includeComposable,
-      includeLocales: e.includeLocales,
+      createGridBlade: t.bladeType === "grid",
+      createDetailsBlade: t.bladeType === "details",
+      gridIsWorkspace: t.isWorkspace && t.bladeType === "grid",
+      detailsIsWorkspace: t.isWorkspace && t.bladeType === "details",
+      includeComposables: t.includeComposable,
+      includeLocales: t.includeLocales,
       customizeForm: !1
     };
-    await re(t, y, e.formFields, e.skipFormEditor), console.log(o.green(`✅ Module "${e.moduleName}" with ${e.bladeType} blade created successfully
+    await se(e, y, t.formFields, t.skipFormEditor), console.log(o.green(`✅ Module "${t.moduleName}" with ${t.bladeType} blade created successfully
 `));
     return;
   }
-  const s = W(e.entityName, e.moduleName), c = z(s), l = V(), d = [];
-  let w = "", u = {}, g = [];
-  if (e.bladeType === "details" && e.formFields)
+  const i = W(t.entityName, t.moduleName), r = z(i), s = L(import.meta.url), d = [];
+  let h = "", p = {}, u = [];
+  if (t.bladeType === "details" && t.formFields)
     try {
-      g = JSON.parse(e.formFields), g.length > 0 && (w = R(g, s.moduleNameUpperSnake), u = k(g));
+      u = JSON.parse(t.formFields), u.length > 0 && (h = k(u, i.moduleNameUpperSnake), p = j(u));
     } catch (y) {
       throw console.error(o.red("❌ Invalid form-fields JSON")), y;
     }
-  const p = await j(
-    l,
+  const f = await _(
+    s,
     a,
-    e.bladeType,
-    c,
-    e.isWorkspace,
-    w,
-    g
+    t.bladeType,
+    r,
+    t.isWorkspace,
+    h,
+    u
   );
-  if (d.push(p), e.includeComposable) {
-    const y = await G(
-      l,
-      a,
-      e.bladeType,
+  if (d.push(f), t.includeComposable) {
+    const y = await B(
       s,
-      c
+      a,
+      t.bladeType,
+      i,
+      r
     );
     d.push(y);
-    const b = m.join(a, "composables", "index.ts"), h = `export * from "./${e.bladeType === "grid" ? `use${s.entitySingularPascal}List` : `use${s.entitySingularPascal}Details`}";
+    const b = m.join(a, "composables", "index.ts"), w = `export * from "./${t.bladeType === "grid" ? `use${i.entitySingularPascal}List` : `use${i.entitySingularPascal}Details`}";
 `;
-    r.existsSync(b) ? r.readFileSync(b, "utf-8").includes(h) || r.appendFileSync(b, h) : r.writeFileSync(b, h);
+    l.existsSync(b) ? l.readFileSync(b, "utf-8").includes(w) || l.appendFileSync(b, w) : l.writeFileSync(b, w);
   }
-  const i = e.bladeType === "grid" ? `${s.entitySingularPascal}List` : `${s.entitySingularPascal}Details`, f = e.bladeType === "grid" ? c["{{entity-name-plural}}"] : `${c["{{entity-name}}"]}-details`;
-  if (await K(a, [{ exportName: i, fileName: f }]), e.includeLocales && Object.keys(u).length > 0) {
+  const c = t.bladeType === "grid" ? `${i.entitySingularPascal}List` : `${i.entitySingularPascal}Details`, g = t.bladeType === "grid" ? r["{{entity-name-list}}"] : `${r["{{entity-name}}"]}-details`;
+  if (await K(a, [{ exportName: c, fileName: g }]), t.includeLocales && Object.keys(p).length > 0) {
     const y = m.join(a, "locales", "en.json");
-    if (r.existsSync(y)) {
-      const b = JSON.parse(r.readFileSync(y, "utf-8"));
-      b.PAGES || (b.PAGES = {}), b.PAGES.DETAILS || (b.PAGES.DETAILS = {}), b.PAGES.DETAILS.FORM || (b.PAGES.DETAILS.FORM = {}), b.PAGES.DETAILS.FORM.INFO || (b.PAGES.DETAILS.FORM.INFO = {}), Object.assign(b.PAGES.DETAILS.FORM.INFO, u), r.writeFileSync(y, JSON.stringify(b, null, 2), "utf-8"), d.push(y);
+    if (l.existsSync(y)) {
+      const b = JSON.parse(l.readFileSync(y, "utf-8"));
+      b.PAGES || (b.PAGES = {}), b.PAGES.DETAILS || (b.PAGES.DETAILS = {}), b.PAGES.DETAILS.FORM || (b.PAGES.DETAILS.FORM = {}), b.PAGES.DETAILS.FORM.INFO || (b.PAGES.DETAILS.FORM.INFO = {}), Object.assign(b.PAGES.DETAILS.FORM.INFO, p), l.writeFileSync(y, JSON.stringify(b, null, 2), "utf-8"), d.push(y);
     }
   }
   console.log(o.cyan(`
@@ -885,13 +969,13 @@ async function Re(t, e) {
 ✅ Blade generated successfully!
 `));
 }
-async function ke(t, e, n, a) {
+async function je(e, t, n, a) {
   console.log(o.cyan(`
 📦 Creating new module
 `));
-  let s;
+  let i;
   {
-    let l = {
+    let s = {
       ...await x(
         [
           {
@@ -899,7 +983,7 @@ async function ke(t, e, n, a) {
             name: "moduleName",
             message: "Module name (e.g., products, orders):",
             validate: (d) => d.length > 0 ? !0 : "Module name is required",
-            format: (d) => N(d)
+            format: (d) => C(d)
             // Normalize to kebab-case
           },
           {
@@ -917,7 +1001,7 @@ async function ke(t, e, n, a) {
         ],
         {
           onCancel: () => {
-            throw new E();
+            throw new $();
           }
         }
       ),
@@ -929,7 +1013,7 @@ async function ke(t, e, n, a) {
       includeLocales: !0,
       customizeForm: !1
     };
-    if (l.createBothBlades) {
+    if (s.createBothBlades) {
       const d = await x(
         {
           type: "select",
@@ -943,11 +1027,11 @@ async function ke(t, e, n, a) {
         },
         {
           onCancel: () => {
-            throw new E();
+            throw new $();
           }
         }
       );
-      l.createGridBlade = !0, l.createDetailsBlade = !0, l.gridIsWorkspace = d.workspace === "grid", l.detailsIsWorkspace = d.workspace === "details";
+      s.createGridBlade = !0, s.createDetailsBlade = !0, s.gridIsWorkspace = d.workspace === "grid", s.detailsIsWorkspace = d.workspace === "details";
     } else {
       const d = await x(
         [
@@ -969,13 +1053,13 @@ async function ke(t, e, n, a) {
         ],
         {
           onCancel: () => {
-            throw new E();
+            throw new $();
           }
         }
       );
-      l.createGridBlade = d.bladeType === "grid", l.createDetailsBlade = d.bladeType === "details", l.gridIsWorkspace = l.createGridBlade && d.isWorkspace, l.detailsIsWorkspace = l.createDetailsBlade && d.isWorkspace;
+      s.createGridBlade = d.bladeType === "grid", s.createDetailsBlade = d.bladeType === "details", s.gridIsWorkspace = s.createGridBlade && d.isWorkspace, s.detailsIsWorkspace = s.createDetailsBlade && d.isWorkspace;
     }
-    if (l.createDetailsBlade) {
+    if (s.createDetailsBlade) {
       const d = await x(
         {
           type: "confirm",
@@ -985,137 +1069,137 @@ async function ke(t, e, n, a) {
         },
         {
           onCancel: () => {
-            throw new E();
+            throw new $();
           }
         }
       );
-      l.customizeForm = d.customizeForm;
+      s.customizeForm = d.customizeForm;
     }
-    s = l;
+    i = s;
   }
-  await re(t, s, n, a);
+  await se(e, i, n, a);
 }
-async function re(t, e, n, a) {
+async function se(e, t, n, a) {
   try {
-    const s = W(e.entitySingular, e.moduleName), c = z(s), l = m.join(t, "src", "modules", e.moduleName);
-    if (r.existsSync(l) && !We(l))
-      throw new O(
-        `Module "${e.moduleName}" already exists and is not empty. Use the blade generator to extend it instead of recreating.`
+    const i = W(t.entitySingular, t.moduleName), r = z(i), s = m.join(e, "src", "modules", t.moduleName);
+    if (l.existsSync(s) && !We(s))
+      throw new I(
+        `Module "${t.moduleName}" already exists and is not empty. Use the blade generator to extend it instead of recreating.`
       );
     console.log(o.cyan(`
 📁 Creating module structure...
 `));
     const d = [
-      l,
-      m.join(l, "pages"),
-      m.join(l, "composables"),
-      m.join(l, "locales"),
-      m.join(l, "components"),
-      m.join(l, "components", "widgets")
+      s,
+      m.join(s, "pages"),
+      m.join(s, "composables"),
+      m.join(s, "locales"),
+      m.join(s, "components"),
+      m.join(s, "components", "widgets")
     ];
-    for (const h of d)
-      if (!r.existsSync(h))
+    for (const w of d)
+      if (!l.existsSync(w))
         try {
-          r.mkdirSync(h, { recursive: !0 }), console.log(o.green(`✓ Created directory: ${m.relative(t, h)}`));
-        } catch ($) {
-          throw new Error(`Failed to create directory ${h}: ${$.message}`);
+          l.mkdirSync(w, { recursive: !0 }), console.log(o.green(`✓ Created directory: ${m.relative(e, w)}`));
+        } catch (S) {
+          throw new Error(`Failed to create directory ${w}: ${S.message}`);
         }
-    const w = V(), u = [];
-    let g = "", p = {};
-    if (e.createGridBlade) {
-      const h = await j(w, l, "grid", c, e.gridIsWorkspace);
-      u.push(h);
+    const h = L(import.meta.url), p = [];
+    let u = "", f = {};
+    if (t.createGridBlade) {
+      const w = await _(h, s, "grid", r, t.gridIsWorkspace);
+      p.push(w);
     }
-    let i = [];
-    if (e.createDetailsBlade) {
+    let c = [];
+    if (t.createDetailsBlade) {
       if (n)
         try {
-          i = JSON.parse(n), i.length > 0 && (g = R(i, s.moduleNameUpperSnake), p = k(i));
-        } catch ($) {
-          throw console.error(o.red("❌ Invalid form-fields JSON")), $;
+          c = JSON.parse(n), c.length > 0 && (u = k(c, i.moduleNameUpperSnake), f = j(c));
+        } catch (S) {
+          throw console.error(o.red("❌ Invalid form-fields JSON")), S;
         }
-      else e.customizeForm && !a && (i = await ne(), i.length > 0 && (g = R(i, s.moduleNameUpperSnake), p = k(i)));
-      const h = await j(
-        w,
-        l,
+      else t.customizeForm && !a && (c = await ae(), c.length > 0 && (u = k(c, i.moduleNameUpperSnake), f = j(c)));
+      const w = await _(
+        h,
+        s,
         "details",
-        c,
-        e.detailsIsWorkspace,
-        g,
-        i
+        r,
+        t.detailsIsWorkspace,
+        u,
+        c
       );
-      u.push(h);
+      p.push(w);
     }
-    if (e.includeComposables) {
-      if (e.createGridBlade) {
-        const $ = await G(w, l, "grid", s, c);
-        u.push($);
+    if (t.includeComposables) {
+      if (t.createGridBlade) {
+        const S = await B(h, s, "grid", i, r);
+        p.push(S);
       }
-      if (e.createDetailsBlade) {
-        const $ = await G(
-          w,
-          l,
-          "details",
+      if (t.createDetailsBlade) {
+        const S = await B(
+          h,
           s,
-          c
+          "details",
+          i,
+          r
         );
-        u.push($);
+        p.push(S);
       }
-      const h = await Be(l, e, s);
-      u.push(h);
+      const w = await Ve(s, t, i);
+      p.push(w);
     }
-    if (e.includeLocales) {
-      const h = await Ve(l, s, c, p);
-      u.push(h);
-      const $ = m.join(l, "locales", "index.ts");
-      r.writeFileSync($, `import en from "./en.json";
+    if (t.includeLocales) {
+      const w = await qe(s, i, r, f);
+      p.push(w);
+      const S = m.join(s, "locales", "index.ts");
+      l.writeFileSync(S, `import en from "./en.json";
 export { en };
-`), u.push($);
+`), p.push(S);
     }
-    const f = m.join(l, "index.ts");
-    r.writeFileSync(f, `import * as pages from "./pages";
+    const g = m.join(s, "index.ts");
+    l.writeFileSync(g, `import * as pages from "./pages";
 import * as locales from "./locales";
 import { createAppModule } from "@vc-shell/framework";
 
 export default createAppModule(pages, locales);
 
 export * from "./composables";
-`), u.push(f);
+`), p.push(g);
     const b = [];
-    e.createGridBlade && b.push({
-      exportName: `${s.entitySingularPascal}List`,
-      fileName: s.entityPluralKebab
-    }), e.createDetailsBlade && b.push({
-      exportName: `${s.entitySingularPascal}Details`,
-      fileName: `${s.entitySingularKebab}-details`
-    }), b.length > 0 && await K(l, b), console.log(o.cyan(`
+    t.createGridBlade && b.push({
+      exportName: `${i.entitySingularPascal}List`,
+      fileName: i.entityListKebab
+    }), t.createDetailsBlade && b.push({
+      exportName: `${i.entitySingularPascal}Details`,
+      fileName: `${i.entitySingularKebab}-details`
+    }), b.length > 0 && await K(s, b), console.log(o.cyan(`
 ✨ Formatting files with Prettier...
 `));
-    for (const h of u)
-      await P(h);
+    for (const w of p)
+      await P(w);
     console.log(o.green(`
 ✅ Module generated successfully!`)), console.log(o.cyan(`
 📦 Registering module in main.ts...
 `));
-    const S = await Le(t, e.moduleName, s.moduleNamePascal);
+    const E = await Re(e, t.moduleName, i.moduleNamePascal);
     console.log(o.cyan(`
-📝 Next steps:`)), S ? (console.log(o.cyan("  1. Update API client imports in the generated composables")), console.log(o.cyan(`  2. Customize the table columns and form fields as needed
-`))) : (console.log(o.cyan("  1. Import the module in your main.ts:")), console.log(o.gray(`     import ${s.moduleNamePascal}Module from "./modules/${e.moduleName}";`)), console.log(o.gray(`     app.use(${s.moduleNamePascal}Module, { router });`)), console.log(o.cyan("  2. Update API client imports in the generated composables")), console.log(o.cyan(`  3. Customize the table columns and form fields as needed
+📝 Next steps:`)), E ? (console.log(o.cyan("  1. Update API client imports in the generated composables")), console.log(o.cyan(`  2. Customize the table columns and form fields as needed
+`))) : (console.log(o.cyan("  1. Import the module in your main.ts:")), console.log(o.gray(`     import ${i.moduleNamePascal}Module from "./modules/${t.moduleName}";`)), console.log(o.gray(`     app.use(${i.moduleNamePascal}Module, { router });`)), console.log(o.cyan("  2. Update API client imports in the generated composables")), console.log(o.cyan(`  3. Customize the table columns and form fields as needed
 `)));
-  } catch (s) {
+  } catch (i) {
     throw console.error(o.red(`
-❌ Module generation failed:`), s.message), s;
+❌ Module generation failed:`), i.message), i;
   }
 }
-async function je(t) {
+async function _e(e) {
   try {
     console.log(o.cyan(`
 📄 Adding blade to existing module
 `));
-    const e = m.join(t, "src", "modules");
-    if (!r.existsSync(e))
+    const t = m.join(e, "src", "modules");
+    if (!l.existsSync(t))
       throw console.error(o.red("❌ No modules directory found at src/modules")), new Error("Modules directory not found");
-    const n = r.readdirSync(e).filter((S) => r.statSync(m.join(e, S)).isDirectory());
+    const n = l.readdirSync(t).filter((E) => l.statSync(m.join(t, E)).isDirectory());
     if (n.length === 0)
       throw console.error(o.red("❌ No existing modules found")), new Error("No existing modules found");
     const a = await x(
@@ -1124,13 +1208,13 @@ async function je(t) {
           type: "autocomplete",
           name: "moduleName",
           message: "Select existing module:",
-          choices: n.map((S) => ({ title: S, value: S }))
+          choices: n.map((E) => ({ title: E, value: E }))
         },
         {
           type: "text",
           name: "entitySingular",
           message: "Entity name (e.g., Product, Order):",
-          validate: (S) => S.length > 0 ? !0 : "Entity name is required"
+          validate: (E) => E.length > 0 ? !0 : "Entity name is required"
         },
         {
           type: "select",
@@ -1156,12 +1240,12 @@ async function je(t) {
       ],
       {
         onCancel: () => {
-          throw new E();
+          throw new $();
         }
       }
     );
-    let s = !1;
-    a.bladeType === "details" && (s = (await x(
+    let i = !1;
+    a.bladeType === "details" && (i = (await x(
       {
         type: "confirm",
         name: "customizeForm",
@@ -1170,68 +1254,100 @@ async function je(t) {
       },
       {
         onCancel: () => {
-          throw new E();
+          throw new $();
         }
       }
     )).customizeForm);
-    const c = W(a.entitySingular, a.moduleName), l = z(c), d = m.join(e, a.moduleName), w = V(), u = [];
-    let g = "", p = {}, i = [];
-    s && a.bladeType === "details" && (i = await ne(), i.length > 0 && (g = R(i, c.moduleNameUpperSnake), p = k(i)));
-    const f = await j(
-      w,
+    const r = W(a.entitySingular, a.moduleName), s = z(r), d = m.join(t, a.moduleName), h = L(import.meta.url), p = [];
+    let u = "", f = {}, c = [];
+    i && a.bladeType === "details" && (c = await ae(), c.length > 0 && (u = k(c, r.moduleNameUpperSnake), f = j(c)));
+    const g = await _(
+      h,
       d,
       a.bladeType,
-      l,
+      s,
       a.isWorkspace,
-      g,
-      i
+      u,
+      c
     );
-    if (u.push(f), a.includeComposable) {
-      const S = await G(
-        w,
+    if (p.push(g), a.includeComposable) {
+      const E = await B(
+        h,
         d,
         a.bladeType,
-        c,
-        l
+        r,
+        s
       );
-      u.push(S);
-      const h = m.join(d, "composables", "index.ts"), I = `export * from "./${a.bladeType === "grid" ? `use${c.entitySingularPascal}List` : `use${c.entitySingularPascal}Details`}";
+      p.push(E);
+      const w = m.join(d, "composables", "index.ts"), A = `export * from "./${a.bladeType === "grid" ? `use${r.entitySingularPascal}List` : `use${r.entitySingularPascal}Details`}";
 `;
-      r.existsSync(h) ? r.readFileSync(h, "utf-8").includes(I) || r.appendFileSync(h, I) : r.writeFileSync(h, I);
+      l.existsSync(w) ? l.readFileSync(w, "utf-8").includes(A) || l.appendFileSync(w, A) : l.writeFileSync(w, A);
     }
-    if (Object.keys(p).length > 0) {
-      const S = m.join(d, "locales", "en.json");
-      if (r.existsSync(S)) {
-        const h = JSON.parse(r.readFileSync(S, "utf-8")), $ = Object.keys(h)[0];
-        $ && h[$]?.PAGES?.DETAILS?.FORM?.INFO && (h[$].PAGES.DETAILS.FORM.INFO = {
-          ...h[$].PAGES.DETAILS.FORM.INFO,
-          ...p
-        }, r.writeFileSync(S, JSON.stringify(h, null, 2)), console.log(o.green("✓ Updated locales with custom fields")));
+    if (Object.keys(f).length > 0) {
+      const E = m.join(d, "locales", "en.json");
+      if (l.existsSync(E)) {
+        const w = JSON.parse(l.readFileSync(E, "utf-8")), S = Object.keys(w)[0];
+        S && w[S]?.PAGES?.DETAILS?.FORM?.INFO && (w[S].PAGES.DETAILS.FORM.INFO = {
+          ...w[S].PAGES.DETAILS.FORM.INFO,
+          ...f
+        }, l.writeFileSync(E, JSON.stringify(w, null, 2)), console.log(o.green("✓ Updated locales with custom fields")));
       }
     }
-    const y = a.bladeType === "grid" ? `${c.entitySingularPascal}List` : `${c.entitySingularPascal}Details`, b = a.bladeType === "grid" ? l["{{entity-name-plural}}"] : `${l["{{entity-name}}"]}-details`;
+    const y = a.bladeType === "grid" ? `${r.entitySingularPascal}List` : `${r.entitySingularPascal}Details`, b = a.bladeType === "grid" ? s["{{entity-name-list}}"] : `${s["{{entity-name}}"]}-details`;
     await K(d, [{ exportName: y, fileName: b }]), console.log(o.cyan(`
 ✨ Formatting files with Prettier...
 `));
-    for (const S of u)
-      await P(S);
+    for (const E of p)
+      await P(E);
     console.log(o.green(`
 ✅ Blade generated successfully!
 `));
-  } catch (e) {
+  } catch (t) {
     throw console.error(o.red(`
-❌ Blade generation failed:`), e.message), e;
+❌ Blade generation failed:`), t.message), t;
+  }
+}
+async function Be(e, t) {
+  try {
+    console.log(o.cyan(`
+🧩 Creating widget (non-interactive mode)
+`));
+    const n = m.join(e, "src", "modules");
+    if (!l.existsSync(n))
+      throw new I("❌ No modules directory found");
+    const a = m.join(n, t.moduleName);
+    if (!l.existsSync(a))
+      throw new I(`❌ Module "${t.moduleName}" not found`);
+    const i = m.join(a, "pages");
+    if (!l.existsSync(i))
+      throw new I("❌ No pages directory found in this module");
+    const r = m.join(i, `${t.bladeName}.vue`);
+    if (!l.existsSync(r))
+      throw new I(`❌ Blade "${t.bladeName}.vue" not found in module "${t.moduleName}"`);
+    await le(
+      a,
+      {
+        bladeName: t.bladeName,
+        widgetName: t.widgetName,
+        entityName: t.entityName
+      },
+      t.icon,
+      t.moduleName
+    );
+  } catch (n) {
+    throw n instanceof I || console.error(o.red(`
+❌ Widget generation failed:`), n.message), n;
   }
 }
-async function Q(t) {
+async function Q(e) {
   try {
     console.log(o.cyan(`
 🧩 Creating widget
 `));
-    const e = m.join(t, "src", "modules");
-    if (!r.existsSync(e))
+    const t = m.join(e, "src", "modules");
+    if (!l.existsSync(t))
       throw console.error(o.red("❌ No modules directory found")), new Error("Modules directory not found");
-    const n = r.readdirSync(e).filter((u) => r.statSync(m.join(e, u)).isDirectory());
+    const n = l.readdirSync(t).filter((p) => l.statSync(m.join(t, p)).isDirectory());
     if (n.length === 0)
       throw console.error(o.red("❌ No existing modules found")), new Error("No existing modules found");
     const a = await x(
@@ -1239,18 +1355,18 @@ async function Q(t) {
         type: "autocomplete",
         name: "moduleName",
         message: "Select module:",
-        choices: n.map((u) => ({ title: u, value: u }))
+        choices: n.map((p) => ({ title: p, value: p }))
       },
       {
         onCancel: () => {
-          throw new E();
+          throw new $();
         }
       }
-    ), s = m.join(e, a.moduleName), c = m.join(s, "pages");
-    if (!r.existsSync(c))
+    ), i = m.join(t, a.moduleName), r = m.join(i, "pages");
+    if (!l.existsSync(r))
       throw console.error(o.red("❌ No pages directory found in this module")), new Error("Pages directory not found");
-    const l = r.readdirSync(c).filter((u) => u.endsWith(".vue"));
-    if (l.length === 0)
+    const s = l.readdirSync(r).filter((p) => p.endsWith(".vue"));
+    if (s.length === 0)
       throw console.error(o.red("❌ No blades found in this module")), new Error("No blades found in module");
     const d = await x(
       [
@@ -1258,19 +1374,19 @@ async function Q(t) {
           type: "autocomplete",
           name: "bladeName",
           message: "Select blade to register widget in:",
-          choices: l.map((u) => ({ title: u, value: u.replace(".vue", "") }))
+          choices: s.map((p) => ({ title: p, value: p.replace(".vue", "") }))
         },
         {
           type: "text",
           name: "widgetName",
           message: "Widget name (e.g., Stats, Chart, Items):",
-          validate: (u) => u.length > 0 ? !0 : "Widget name is required"
+          validate: (p) => p.length > 0 ? !0 : "Widget name is required"
         },
         {
           type: "text",
           name: "entityName",
           message: "Related entity name (e.g., Offer, Item, Review):",
-          validate: (u) => u.length > 0 ? !0 : "Entity name is required"
+          validate: (p) => p.length > 0 ? !0 : "Entity name is required"
         },
         {
           type: "select",
@@ -1289,121 +1405,121 @@ async function Q(t) {
       ],
       {
         onCancel: () => {
-          throw new E();
+          throw new $();
         }
       }
     );
-    let w = d.icon;
-    w === "custom" && (w = (await x(
+    let h = d.icon;
+    h === "custom" && (h = (await x(
       {
         type: "text",
         name: "customIcon",
         message: "Enter custom icon name (e.g., material-dashboard):",
-        validate: (g) => g.length > 0 ? !0 : "Icon is required"
+        validate: (u) => u.length > 0 ? !0 : "Icon is required"
       },
       {
         onCancel: () => {
-          throw new E();
+          throw new $();
         }
       }
-    )).customIcon), await Ge(s, d, w, a.moduleName);
-  } catch (e) {
+    )).customIcon), await le(i, d, h, a.moduleName);
+  } catch (t) {
     throw console.error(o.red(`
-❌ Widget generation failed:`), e.message), e;
+❌ Widget generation failed:`), t.message), t;
   }
 }
-async function Ge(t, e, n, a) {
+async function le(e, t, n, a) {
   try {
-    const s = W(e.entityName, a), c = V(), l = m.join(c, "widgets", "widget.vue");
-    if (!r.existsSync(l))
-      throw new Error(`Widget template not found at ${l}`);
-    const d = e.bladeName.match(/^(.+?)(-list|-details)?$/), w = d ? d[1] : e.bladeName, u = m.join(t, "components", "widgets"), g = m.join(u, N(e.widgetName)), p = m.join(g, `${N(e.widgetName)}-widget.vue`), i = m.join(g, "index.ts");
-    if (!r.existsSync(g))
+    const i = W(t.entityName, a), r = L(import.meta.url), s = m.join(r, "widgets", "widget.vue");
+    if (!l.existsSync(s))
+      throw new Error(`Widget template not found at ${s}`);
+    const d = t.bladeName.match(/^(.+?)(-list|-details)?$/), h = d ? d[1] : t.bladeName, p = m.join(e, "components", "widgets"), u = m.join(p, C(t.widgetName)), f = m.join(u, `${C(t.widgetName)}-widget.vue`), c = m.join(u, "index.ts");
+    if (!l.existsSync(u))
       try {
-        r.mkdirSync(g, { recursive: !0 });
-      } catch (C) {
-        throw new Error(`Failed to create widget directory: ${C.message}`);
+        l.mkdirSync(u, { recursive: !0 });
+      } catch (N) {
+        throw new Error(`Failed to create widget directory: ${N.message}`);
       }
-    let f = r.readFileSync(l, "utf-8");
+    let g = l.readFileSync(s, "utf-8");
     const y = {
       "{{MODULE_NAME_UPPERCASE}}": v(a).toUpperCase(),
-      "{{WIDGET_NAME_UPPERCASE}}": v(e.widgetName).toUpperCase(),
+      "{{WIDGET_NAME_UPPERCASE}}": v(t.widgetName).toUpperCase(),
       "{{WIDGET_ICON}}": n,
-      "{{EntityName}}": s.entitySingularPascal,
-      "{{entityName}}": s.entitySingularCamel,
-      "{{ParentEntity}}": T(F(w)),
-      "{{parentEntityCamel}}": F(w),
-      "{{BladeName}}": `${s.entitySingularPascal}List`
+      "{{EntityName}}": i.entitySingularPascal,
+      "{{entityName}}": i.entitySingularCamel,
+      "{{ParentEntity}}": T(F(h)),
+      "{{parentEntityCamel}}": F(h),
+      "{{BladeName}}": `${i.entitySingularPascal}List`
     };
-    f = H(f, y), r.writeFileSync(p, f), console.log(o.green(`✓ Created widget: ${m.relative(process.cwd(), p)}`));
-    const b = `${T(F(e.widgetName))}Widget`, S = `export { default as ${b} } from "./${N(e.widgetName)}-widget.vue";
+    g = H(g, y), l.writeFileSync(f, g), console.log(o.green(`✓ Created widget: ${m.relative(process.cwd(), f)}`));
+    const b = `${T(F(t.widgetName))}Widget`, E = `export { default as ${b} } from "./${C(t.widgetName)}-widget.vue";
 `;
-    r.writeFileSync(i, S);
-    const h = m.join(u, "index.ts"), $ = `export * from "./${N(e.widgetName)}";
+    l.writeFileSync(c, E);
+    const w = m.join(p, "index.ts"), S = `export * from "./${C(t.widgetName)}";
 `;
-    r.existsSync(h) ? r.readFileSync(h, "utf-8").includes($) || r.appendFileSync(h, $) : r.writeFileSync(h, $);
-    const I = m.join(t, "locales", "en.json");
-    if (r.existsSync(I))
+    l.existsSync(w) ? l.readFileSync(w, "utf-8").includes(S) || l.appendFileSync(w, S) : l.writeFileSync(w, S);
+    const A = m.join(e, "locales", "en.json");
+    if (l.existsSync(A))
       try {
-        const C = JSON.parse(r.readFileSync(I, "utf-8")), M = Object.keys(C)[0];
+        const N = JSON.parse(l.readFileSync(A, "utf-8")), M = Object.keys(N)[0];
         if (M) {
-          C[M].WIDGETS || (C[M].WIDGETS = {});
-          const J = v(e.widgetName).toUpperCase();
-          C[M].WIDGETS[J] || (C[M].WIDGETS[J] = {
-            TITLE: T(e.widgetName)
-          }), r.writeFileSync(I, JSON.stringify(C, null, 2)), await P(I), console.log(o.green("✓ Updated locales with widget translations"));
+          N[M].WIDGETS || (N[M].WIDGETS = {});
+          const J = v(t.widgetName).toUpperCase();
+          N[M].WIDGETS[J] || (N[M].WIDGETS[J] = {
+            TITLE: T(t.widgetName)
+          }), l.writeFileSync(A, JSON.stringify(N, null, 2)), await P(A), console.log(o.green("✓ Updated locales with widget translations"));
         }
-      } catch (C) {
-        console.warn(o.yellow(`⚠️  Could not update locales: ${C.message}`));
+      } catch (N) {
+        console.warn(o.yellow(`⚠️  Could not update locales: ${N.message}`));
       }
-    const D = m.join(t, "pages", `${e.bladeName}.vue`);
-    if (r.existsSync(D))
+    const D = m.join(e, "pages", `${t.bladeName}.vue`);
+    if (l.existsSync(D))
       try {
-        await _e(D, b, s.entitySingularCamel), console.log(o.green(`✓ Registered widget in ${e.bladeName}.vue`));
-      } catch (C) {
-        console.warn(o.yellow(`⚠️  Could not auto-register widget in blade: ${C.message}`)), console.warn(o.yellow("   Please add the widget registration manually."));
+        await Ge(D, b, i.entitySingularCamel), console.log(o.green(`✓ Registered widget in ${t.bladeName}.vue`));
+      } catch (N) {
+        console.warn(o.yellow(`⚠️  Could not auto-register widget in blade: ${N.message}`)), console.warn(o.yellow("   Please add the widget registration manually."));
       }
-    await P(p), await P(i), r.existsSync(D) && await P(D), console.log(o.green(`
+    await P(f), await P(c), l.existsSync(D) && await P(D), console.log(o.green(`
 ✅ Widget generated successfully!`)), console.log(o.cyan(`
 📝 Widget is automatically registered in the blade!`)), console.log(o.cyan(`   See TODO comments in widget file for API integration.
 `));
-  } catch (s) {
+  } catch (i) {
     throw console.error(o.red(`
-❌ Widget file creation failed:`), s.message), s;
+❌ Widget file creation failed:`), i.message), i;
   }
 }
-async function _e(t, e, n) {
-  let a = r.readFileSync(t, "utf-8");
+async function Ge(e, t, n) {
+  let a = l.readFileSync(e, "utf-8");
   if (!new RegExp(
-    `import\\s*\\{[^}]*\\b${e}\\b[^}]*\\}\\s*from\\s*["']\\.\\./components/widgets["']`
+    `import\\s*\\{[^}]*\\b${t}\\b[^}]*\\}\\s*from\\s*["']\\.\\./components/widgets["']`
   ).test(a)) {
-    const p = a.match(/import\s*\{([^}]+)\}\s*from\s*["']\.\.\/components\/widgets["']/);
-    if (p) {
-      const f = p[1].split(",").map((y) => y.trim()).filter(Boolean);
-      if (!f.includes(e)) {
-        f.push(e);
-        const y = f.join(", ");
-        a = a.replace(p[0], `import { ${y} } from "../components/widgets"`);
+    const f = a.match(/import\s*\{([^}]+)\}\s*from\s*["']\.\.\/components\/widgets["']/);
+    if (f) {
+      const g = f[1].split(",").map((y) => y.trim()).filter(Boolean);
+      if (!g.includes(t)) {
+        g.push(t);
+        const y = g.join(", ");
+        a = a.replace(f[0], `import { ${y} } from "../components/widgets"`);
       }
     } else {
-      const i = a.match(/<script\s+(?:setup\s+lang="ts"|lang="ts"\s+setup|setup)>/);
-      if (i) {
-        const f = a.indexOf(i[0]) + i[0].length, y = [...a.slice(f).matchAll(/import\s+[\s\S]+?;/g)];
+      const c = a.match(/<script\s+(?:setup\s+lang="ts"|lang="ts"\s+setup|setup)>/);
+      if (c) {
+        const g = a.indexOf(c[0]) + c[0].length, y = [...a.slice(g).matchAll(/import\s+[\s\S]+?;/g)];
         if (y.length > 0) {
-          const b = y[y.length - 1], S = f + b.index + b[0].length;
-          a = a.slice(0, S) + `
-import { ${e} } from "../components/widgets";` + a.slice(S);
+          const b = y[y.length - 1], E = g + b.index + b[0].length;
+          a = a.slice(0, E) + `
+import { ${t} } from "../components/widgets";` + a.slice(E);
         } else
-          a = a.slice(0, f) + `
-import { ${e} } from "../components/widgets";
-` + a.slice(f);
+          a = a.slice(0, g) + `
+import { ${t} } from "../components/widgets";
+` + a.slice(g);
       }
     }
   }
-  const c = `${e}`, l = `  registerWidget(
+  const r = `${t}`, s = `  registerWidget(
     {
-      id: "${c}",
-      component: ${e},
+      id: "${r}",
+      component: ${t},
       props: { item },
       updateFunctionName: "updateActiveWidgetCount",
       // isVisible: computed(() => !!props.param), // Uncomment to show widget only when blade has param
@@ -1411,117 +1527,114 @@ import { ${e} } from "../components/widgets";
     blade?.value.id ?? "",
   );`, d = a.match(/function\s+registerWidgets\s*\(\s*\)\s*\{/);
   if (d) {
-    const p = a.indexOf(d[0]) + d[0].length;
-    let i = 1, f = p;
-    for (let y = p; y < a.length && i > 0; y++)
-      a[y] === "{" && i++, a[y] === "}" && i--, i === 1 && (f = y);
-    a = a.slice(0, f) + `
-` + l + `
-` + a.slice(f);
+    const f = a.indexOf(d[0]) + d[0].length;
+    let c = 1, g = f;
+    for (let y = f; y < a.length && c > 0; y++)
+      a[y] === "{" && c++, a[y] === "}" && c--, c === 1 && (g = y);
+    a = a.slice(0, g) + `
+` + s + `
+` + a.slice(g);
   } else {
-    const p = a.match(/defineExpose\s*\(/);
-    if (p) {
-      const i = a.indexOf(p[0]), f = `
+    const f = a.match(/defineExpose\s*\(/);
+    if (f) {
+      const c = a.indexOf(f[0]), g = `
 function registerWidgets() {
-${l}
+${s}
 }
 
 registerWidgets();
 
 `;
-      a = a.slice(0, i) + f + a.slice(i);
+      a = a.slice(0, c) + g + a.slice(c);
     } else {
-      const i = a.match(/<\/script>/);
-      if (i) {
-        const f = a.indexOf(i[0]), y = `
+      const c = a.match(/<\/script>/);
+      if (c) {
+        const g = a.indexOf(c[0]), y = `
 function registerWidgets() {
-${l}
+${s}
 }
 
 registerWidgets();
 
 `;
-        a = a.slice(0, f) + y + a.slice(f);
+        a = a.slice(0, g) + y + a.slice(g);
       }
     }
   }
-  const w = `  unregisterWidget("${c}", blade?.value.id);`, u = a.match(/onBeforeUnmount\s*\(\s*\(\s*\)\s*=>\s*\{/);
-  if (u) {
-    const p = a.indexOf(u[0]) + u[0].length;
-    a = a.slice(0, p) + `
-` + w + `
-` + a.slice(p);
+  const h = `  unregisterWidget("${r}", blade?.value.id);`, p = a.match(/onBeforeUnmount\s*\(\s*\(\s*\)\s*=>\s*\{/);
+  if (p) {
+    const f = a.indexOf(p[0]) + p[0].length;
+    a = a.slice(0, f) + `
+` + h + `
+` + a.slice(f);
   } else {
-    const p = a.match(/defineExpose\s*\(/);
-    if (p) {
-      const i = a.indexOf(p[0]), f = `
+    const f = a.match(/defineExpose\s*\(/);
+    if (f) {
+      const c = a.indexOf(f[0]), g = `
 onBeforeUnmount(() => {
-${w}
+${h}
 });
 
 `;
-      a = a.slice(0, i) + f + a.slice(i);
+      a = a.slice(0, c) + g + a.slice(c);
     }
   }
-  const g = [
+  const u = [
     // registerWidget and unregisterWidget come from useWidgets(), not direct imports
     { name: "useWidgets", from: "@vc-shell/framework" },
     { name: "useBlade", from: "@vc-shell/framework" },
     { name: "onBeforeUnmount", from: "vue" }
     // { name: "computed", from: "vue" }, // Not needed if isVisible is commented
   ];
-  for (const { name: p, from: i } of g) {
-    const f = i.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), y = new RegExp(`import\\s*\\{([^}]+)\\}\\s*from\\s*["']${f}["']`, "g"), b = [...a.matchAll(y)];
+  for (const { name: f, from: c } of u) {
+    const g = c.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), y = new RegExp(`import\\s*\\{([^}]+)\\}\\s*from\\s*["']${g}["']`, "g"), b = [...a.matchAll(y)];
     if (b.length > 0) {
-      const S = b[0], $ = S[1].split(",").map((I) => I.trim()).filter(Boolean);
-      if (!$.includes(p)) {
-        $.push(p);
-        const I = $.join(", ");
-        a = a.replace(S[0], `import { ${I} } from "${i}"`);
+      const E = b[0], S = E[1].split(",").map((A) => A.trim()).filter(Boolean);
+      if (!S.includes(f)) {
+        S.push(f);
+        const A = S.join(", ");
+        a = a.replace(E[0], `import { ${A} } from "${c}"`);
       }
     } else {
-      const S = a.match(/<script\s+(?:setup\s+lang="ts"|lang="ts"\s+setup|setup)>/);
-      if (S) {
-        const h = a.indexOf(S[0]) + S[0].length, $ = a.slice(h).match(/^[\s\n]*import/m);
-        if ($) {
-          const I = h + a.slice(h).indexOf($[0]);
-          a = a.slice(0, I) + `import { ${p} } from "${i}";
-` + a.slice(I);
+      const E = a.match(/<script\s+(?:setup\s+lang="ts"|lang="ts"\s+setup|setup)>/);
+      if (E) {
+        const w = a.indexOf(E[0]) + E[0].length, S = a.slice(w).match(/^[\s\n]*import/m);
+        if (S) {
+          const A = w + a.slice(w).indexOf(S[0]);
+          a = a.slice(0, A) + `import { ${f} } from "${c}";
+` + a.slice(A);
         } else
-          a = a.slice(0, h) + `
-import { ${p} } from "${i}";
-` + a.slice(h);
+          a = a.slice(0, w) + `
+import { ${f} } from "${c}";
+` + a.slice(w);
       }
     }
   }
   if (!a.includes("const blade = useBlade()")) {
-    const p = `
+    const f = `
 const blade = useBlade();
-`, i = a.match(/const\s+\w+\s*=\s*[^;]+;(?=[^;]*const)/g);
-    if (i && i.length > 0) {
-      const f = i[i.length - 1], y = a.lastIndexOf(f) + f.length;
-      a = a.slice(0, y) + p + a.slice(y);
+`, c = a.match(/const\s+\w+\s*=\s*[^;]+;(?=[^;]*const)/g);
+    if (c && c.length > 0) {
+      const g = c[c.length - 1], y = a.lastIndexOf(g) + g.length;
+      a = a.slice(0, y) + f + a.slice(y);
     }
   }
   if (!a.includes("const { registerWidget, unregisterWidget } = useWidgets()")) {
-    const p = `
+    const f = `
 const { registerWidget, unregisterWidget } = useWidgets();
-`, i = a.match(/const blade = useBlade\(\);/);
-    if (i) {
-      const f = a.indexOf(i[0]) + i[0].length;
-      a = a.slice(0, f) + p + a.slice(f);
+`, c = a.match(/const blade = useBlade\(\);/);
+    if (c) {
+      const g = a.indexOf(c[0]) + c[0].length;
+      a = a.slice(0, g) + f + a.slice(g);
     }
   }
-  r.writeFileSync(t, a);
+  l.writeFileSync(e, a);
 }
-function V() {
-  return m.resolve(X(import.meta.url), "..", "..", "templates");
-}
-async function j(t, e, n, a, s, c, l) {
-  const d = m.join(t, "blades", n, "blade.vue"), w = n === "grid" ? `${a["{{entity-name-plural}}"]}.vue` : `${a["{{entity-name}}"]}-details.vue`, u = m.join(e, "pages", w);
-  se(u);
-  let g = r.readFileSync(d, "utf-8");
-  if (s ? (g = g.replace(/{{isWorkspace}}/g, "true"), g = g.replace(
+async function _(e, t, n, a, i, r, s) {
+  const d = m.join(e, "blades", n, "blade.vue"), h = n === "grid" ? `${a["{{entity-name-list}}"]}.vue` : `${a["{{entity-name}}"]}-details.vue`, p = m.join(t, "pages", h);
+  oe(p);
+  let u = l.readFileSync(d, "utf-8");
+  if (i ? (u = u.replace(/{{isWorkspace}}/g, "true"), u = u.replace(
     /{{menuItem}}/g,
     `{
     id: "${a["{{entityName}}"]}",
@@ -1529,61 +1642,94 @@ async function j(t, e, n, a, s, c, l) {
     icon: "material-list",
     priority: 1,
   }`
-  )) : (g = g.replace(/{{isWorkspace}}/g, "false"), g = g.replace(/{{menuItem}}/g, "undefined")), n === "details") {
-    if (c)
-      g = g.replace(/\{\{FORM_FIELDS\}\}/g, c);
+  )) : (u = u.replace(/{{isWorkspace}}/g, "false"), u = u.replace(/{{menuItem}}/g, "undefined")), n === "grid") {
+    const f = `${a["{{entity-name}}"]}-details.vue`;
+    l.existsSync(m.join(t, "pages", f)) ? (u = u.replace(
+      /\{\{DETAILS_BLADE_IMPORT\}\}/g,
+      `import ${a["{{EntityName}}"]}Details from "./{{entity-name}}-details.vue";
+`
+    ), u = u.replace(
+      /\{\{DETAILS_BLADE_OPEN_ITEM\}\}/g,
+      `openBlade({
+    blade: markRaw(${a["{{EntityName}}"]}Details),
+    param: item.id,
+    onOpen() {
+      selectedItemId.value = item.id;
+    },
+    onClose() {
+      selectedItemId.value = undefined;
+    },
+  });`
+    ), u = u.replace(
+      /\{\{DETAILS_BLADE_OPEN_NEW\}\}/g,
+      `openBlade({
+    blade: markRaw(${a["{{EntityName}}"]}Details),
+  });`
+    )) : (u = u.replace(/\{\{DETAILS_BLADE_IMPORT\}\}/g, ""), u = u.replace(
+      /\{\{DETAILS_BLADE_OPEN_ITEM\}\}/g,
+      `// TODO: Implement item click handler
+  console.log("Item clicked:", item);`
+    ), u = u.replace(
+      /\{\{DETAILS_BLADE_OPEN_NEW\}\}/g,
+      `// TODO: Implement add handler
+  console.log("Add new item");`
+    ));
+  }
+  if (n === "details") {
+    if (r)
+      u = u.replace(/\{\{FORM_FIELDS\}\}/g, r);
     else {
-      const i = oe(a["{{MODULE_NAME_UPPERCASE}}"]);
-      g = g.replace(/\{\{FORM_FIELDS\}\}/g, i);
+      const c = ne(a["{{MODULE_NAME_UPPERCASE}}"]);
+      u = u.replace(/\{\{FORM_FIELDS\}\}/g, c);
     }
-    if (l && Me(l)) {
-      g = g.replace(/\{\{GALLERY_IMPORTS\}\}/g, `
+    if (s && Le(s)) {
+      u = u.replace(/\{\{GALLERY_IMPORTS\}\}/g, `
   useAssets,
   ICommonAsset,`);
-      const i = Ne(a["{{entityName}}"]);
-      g = g.replace(/\{\{GALLERY_SCRIPT_ADDITIONS\}\}/g, i);
+      const c = Oe(a["{{entityName}}"]);
+      u = u.replace(/\{\{GALLERY_SCRIPT_ADDITIONS\}\}/g, c);
     } else
-      g = g.replace(/\{\{GALLERY_IMPORTS\}\}/g, ""), g = g.replace(/\{\{GALLERY_SCRIPT_ADDITIONS\}\}/g, "");
+      u = u.replace(/\{\{GALLERY_IMPORTS\}\}/g, ""), u = u.replace(/\{\{GALLERY_SCRIPT_ADDITIONS\}\}/g, "");
   }
-  return g = H(g, a), r.writeFileSync(u, g), console.log(o.green(`✓ Created ${n} blade: ${m.relative(process.cwd(), u)}`)), u;
-}
-async function G(t, e, n, a, s) {
-  const c = n === "grid" ? "grid-composable.ts" : "details-composable.ts", l = m.join(t, "composables", c), d = n === "grid" ? `use${a.entitySingularPascal}List.ts` : `use${a.entitySingularPascal}Details.ts`, w = m.join(e, "composables", d);
-  se(w);
-  let u = r.readFileSync(l, "utf-8");
-  return u = H(u, s), r.writeFileSync(w, u), console.log(o.green(`✓ Created composable: ${m.relative(process.cwd(), w)}`)), w;
-}
-function We(t) {
-  const e = r.readdirSync(t);
-  return e.length === 0 || e.length === 1 && e[0] === ".git";
-}
-async function Be(t, e, n) {
-  const a = m.join(t, "composables", "index.ts");
-  let s = "";
-  return e.createGridBlade && (s += `export * from "./use${n.entitySingularPascal}List";
-`), e.createDetailsBlade && (s += `export * from "./use${n.entitySingularPascal}Details";
-`), r.writeFileSync(a, s), console.log(o.green("✓ Created composables index")), a;
-}
-async function Ve(t, e, n, a) {
-  const s = m.join(t, "locales", "en.json"), c = {
+  return u = H(u, a), l.writeFileSync(p, u), console.log(o.green(`✓ Created ${n} blade: ${m.relative(process.cwd(), p)}`)), p;
+}
+async function B(e, t, n, a, i) {
+  const r = n === "grid" ? "grid-composable.ts" : "details-composable.ts", s = m.join(e, "composables", r), d = n === "grid" ? `use${a.entitySingularPascal}List.ts` : `use${a.entitySingularPascal}Details.ts`, h = m.join(t, "composables", d);
+  oe(h);
+  let p = l.readFileSync(s, "utf-8");
+  return p = H(p, i), l.writeFileSync(h, p), console.log(o.green(`✓ Created composable: ${m.relative(process.cwd(), h)}`)), h;
+}
+function We(e) {
+  const t = l.readdirSync(e);
+  return t.length === 0 || t.length === 1 && t[0] === ".git";
+}
+async function Ve(e, t, n) {
+  const a = m.join(e, "composables", "index.ts");
+  let i = "";
+  return t.createGridBlade && (i += `export * from "./use${n.entitySingularPascal}List";
+`), t.createDetailsBlade && (i += `export * from "./use${n.entitySingularPascal}Details";
+`), l.writeFileSync(a, i), console.log(o.green("✓ Created composables index")), a;
+}
+async function qe(e, t, n, a) {
+  const i = m.join(e, "locales", "en.json"), r = {
     TITLE: "Information",
     NAME: "Name",
-    NAME_PLACEHOLDER: `Enter ${e.entitySingularCamel} name`,
+    NAME_PLACEHOLDER: `Enter ${t.entitySingularCamel} name`,
     CREATED_DATE: "Created Date"
-  }, l = a && Object.keys(a).length > 0 ? { TITLE: "Information", ...a } : c, d = {
-    [e.moduleNameUpperSnake]: {
+  }, s = a && Object.keys(a).length > 0 ? { TITLE: "Information", ...a } : r, d = {
+    [t.moduleNameUpperSnake]: {
       MENU: {
-        TITLE: e.entityPluralPascal
+        TITLE: t.entityPluralPascal
       },
       PAGES: {
         LIST: {
-          TITLE: e.entityPluralPascal,
+          TITLE: t.entityPluralPascal,
           SEARCH: {
-            PLACEHOLDER: `Search ${e.entityPluralCamel}...`
+            PLACEHOLDER: `Search ${t.entityPluralCamel}...`
           },
           TOOLBAR: {
             REFRESH: "Refresh",
-            ADD: `Add ${e.entitySingularPascal}`,
+            ADD: `Add ${t.entitySingularPascal}`,
             DELETE: "Delete selected"
           },
           TABLE: {
@@ -1591,7 +1737,7 @@ async function Ve(t, e, n, a) {
               NAME: "Name",
               CREATED_DATE: "Created"
             },
-            TOTALS: `{count} ${e.entityPluralCamel}`,
+            TOTALS: `{count} ${t.entityPluralCamel}`,
             FILTER: {
               STATUS: {
                 TITLE: "Status",
@@ -1609,28 +1755,28 @@ async function Ve(t, e, n, a) {
             }
           },
           EMPTY: {
-            NO_ITEMS: `No ${e.entityPluralCamel} yet`,
-            ADD: `Add ${e.entitySingularPascal}`
+            NO_ITEMS: `No ${t.entityPluralCamel} yet`,
+            ADD: `Add ${t.entitySingularPascal}`
           },
           NOT_FOUND: {
-            EMPTY: `No ${e.entityPluralCamel} found`,
+            EMPTY: `No ${t.entityPluralCamel} found`,
             RESET: "Reset search"
           }
         },
         DETAILS: {
-          TITLE: `New ${e.entitySingularPascal}`,
+          TITLE: `New ${t.entitySingularPascal}`,
           TOOLBAR: {
             SAVE: "Save",
             DELETE: "Delete"
           },
           FORM: {
-            INFO: l
+            INFO: s
           }
         },
         ALERTS: {
-          DELETE: `Are you sure you want to delete this ${e.entitySingularCamel}?`,
+          DELETE: `Are you sure you want to delete this ${t.entitySingularCamel}?`,
           DELETE_SELECTED_CONFIRMATION: {
-            MESSAGE: `Are you sure you want to delete {count} ${e.entityPluralCamel}?`,
+            MESSAGE: `Are you sure you want to delete {count} ${t.entityPluralCamel}?`,
             ALL: "all {totalCount}"
           },
           CLOSE_CONFIRMATION: "You have unsaved changes. Are you sure you want to close?",
@@ -1639,48 +1785,48 @@ async function Ve(t, e, n, a) {
       }
     }
   };
-  return r.writeFileSync(s, JSON.stringify(d, null, 2)), console.log(o.green("✓ Created locales file")), s;
+  return l.writeFileSync(i, JSON.stringify(d, null, 2)), console.log(o.green("✓ Created locales file")), i;
 }
-async function qe(t) {
-  const { args: e, cwd: n } = t, a = e._[0] || e.name || e["app-name"], l = await Ue({
-    args: e,
+async function Ue(e) {
+  const { args: t, cwd: n } = e, a = t._[0] || t.name || t["app-name"], s = await ze({
+    args: t,
     defaultAppName: a || "vc-app",
     hasAllArgs: !!a
   });
   console.log(o.cyan(`
-📋 Creating app with the following configuration:`)), console.log(o.cyan(`   App name: ${l.appName}`)), console.log(o.cyan(`   Package name: ${l.packageName}`)), console.log(o.cyan(`   Base path: ${l.basePath}`)), console.log();
-  const d = a === "." ? n : m.join(n, l.appName);
-  He(d, {
-    overwrite: !!e.overwrite
+📋 Creating app with the following configuration:`)), console.log(o.cyan(`   App name: ${s.appName}`)), console.log(o.cyan(`   Package name: ${s.packageName}`)), console.log(o.cyan(`   Base path: ${s.basePath}`)), console.log();
+  const d = a === "." ? n : m.join(n, s.appName);
+  Ke(d, {
+    overwrite: !!t.overwrite
   }), console.log(o.cyan(`
 📦 Scaffolding app in ${o.bold(d)}...`));
-  const w = Ke(l), u = Je({
+  const h = Je(s), p = Ye({
     templateName: "base",
     targetDirectory: d,
-    replacements: w
+    replacements: h
   });
-  return console.log(o.green(`✅ Created ${u} files`)), console.log(o.cyan(`
-🎨 Formatting files with Prettier...`)), await Xe(d), e["skip-module-gen"] || await et(d, e), {
+  return console.log(o.green(`✅ Created ${p} files`)), console.log(o.cyan(`
+🎨 Formatting files with Prettier...`)), await et(d), t["skip-module-gen"] || await tt(d, t), {
     root: d,
-    filesCreated: u,
-    config: l
+    filesCreated: p,
+    config: s
   };
 }
-async function Ue(t) {
-  const { args: e, defaultAppName: n, hasAllArgs: a } = t;
+async function ze(e) {
+  const { args: t, defaultAppName: n, hasAllArgs: a } = e;
   if (a) {
-    const s = A(e._[0] || e.name || e["app-name"] || n), c = e._[0] || e.name || e["app-name"] || s, l = e["package-name"] || (L(c) ? c : A(c)), d = ee(e["base-path"] || `/apps/${A(c)}/`);
+    const i = O(t._[0] || t.name || t["app-name"] || n), r = t._[0] || t.name || t["app-name"] || i, s = t["package-name"] || (R(r) ? r : O(r)), d = X(t["base-path"] || `/apps/${O(r)}/`);
     return {
-      appName: s,
-      packageName: l,
+      appName: i,
+      packageName: s,
       moduleName: "",
       basePath: d
     };
   }
-  return ze(n);
+  return He(n);
 }
-async function ze(t) {
-  let e = t;
+async function He(e) {
+  let t = e;
   try {
     const n = await x(
       [
@@ -1688,147 +1834,147 @@ async function ze(t) {
           name: "appName",
           type: "text",
           message: o.reset("Project name:"),
-          initial: t,
-          onState: (l) => {
-            e = A(String(l.value).trim()) || t;
+          initial: e,
+          onState: (s) => {
+            t = O(String(s.value).trim()) || e;
           },
-          format: (l) => A(String(l).trim())
+          format: (s) => O(String(s).trim())
         },
         {
-          type: () => !r.existsSync(e) || de(e) ? null : "confirm",
+          type: () => !l.existsSync(t) || de(t) ? null : "confirm",
           name: "overwrite",
-          message: () => (e === "." ? "Current directory" : `Target directory "${e}"`) + " is not empty. Remove existing files and continue?"
+          message: () => (t === "." ? "Current directory" : `Target directory "${t}"`) + " is not empty. Remove existing files and continue?"
         },
         {
-          type: (l, { overwrite: d }) => {
+          type: (s, { overwrite: d }) => {
             if (d === !1)
-              throw new E();
+              throw new $();
             return null;
           },
           name: "overwriteChecker"
         },
         {
           name: "packageName",
-          type: () => L(e) ? null : "text",
+          type: () => R(t) ? null : "text",
           message: o.reset("Package name:"),
-          initial: () => A(e),
-          validate: (l) => L(l) || "Invalid package.json name"
+          initial: () => O(t),
+          validate: (s) => R(s) || "Invalid package.json name"
         },
         {
           name: "basePath",
           type: "text",
           message: o.reset("Base path:"),
-          initial: () => `/apps/${A(e)}/`,
-          format: (l) => ee(String(l).trim())
+          initial: () => `/apps/${O(t)}/`,
+          format: (s) => X(String(s).trim())
         }
       ],
       {
         onCancel: () => {
-          throw new E();
+          throw new $();
         }
       }
-    ), a = n.appName || A(t), s = n.packageName || A(a), c = n.basePath || `/apps/${a}/`;
+    ), a = n.appName || O(e), i = n.packageName || O(a), r = n.basePath || `/apps/${a}/`;
     return {
       appName: a,
-      packageName: s,
+      packageName: i,
       moduleName: "",
-      basePath: c
+      basePath: r
     };
   } catch (n) {
-    if (n instanceof E)
+    if (n instanceof $)
       throw n;
     const a = n;
-    throw new B([a.message]);
+    throw new V([a.message]);
   }
 }
-function He(t, e) {
-  if (r.existsSync(t)) {
-    if (!de(t) && !e.overwrite)
-      throw new B([
-        `Target directory "${t}" is not empty. Use --overwrite to overwrite existing files.`
+function Ke(e, t) {
+  if (l.existsSync(e)) {
+    if (!de(e) && !t.overwrite)
+      throw new V([
+        `Target directory "${e}" is not empty. Use --overwrite to overwrite existing files.`
       ]);
-    ce(t);
+    ce(e);
   } else
-    r.mkdirSync(t, { recursive: !0 });
+    l.mkdirSync(e, { recursive: !0 });
 }
-function Ke(t) {
+function Je(e) {
   return /* @__PURE__ */ new Map([
-    ["{{AppName}}", t.appName],
-    ["{{AppNameSentenceCase}}", tt(t.appName)],
-    ["{{BasePath}}", t.basePath],
-    ["{{PackageName}}", t.packageName]
+    ["{{AppName}}", e.appName],
+    ["{{AppNameSentenceCase}}", at(e.appName)],
+    ["{{BasePath}}", e.basePath],
+    ["{{PackageName}}", e.packageName]
   ]);
 }
-function Je(t) {
-  const e = m.resolve(X(import.meta.url), "..", "templates"), n = m.join(e, t.templateName);
+function Ye(e) {
+  const t = L(import.meta.url), n = m.join(t, e.templateName);
   let a = 0;
-  return ie(n, (s, c) => {
-    const l = m.join(t.targetDirectory, c), d = Ye(l, t.replacements);
-    if (r.statSync(s).isDirectory()) {
-      r.mkdirSync(d, { recursive: !0 });
+  return re(n, (i, r) => {
+    const s = m.join(e.targetDirectory, r), d = Ze(s, e.replacements);
+    if (l.statSync(i).isDirectory()) {
+      l.mkdirSync(d, { recursive: !0 });
       return;
     }
-    const u = m.dirname(d);
-    if (r.existsSync(u) || r.mkdirSync(u, { recursive: !0 }), Qe(s))
-      r.copyFileSync(s, d);
+    const p = m.dirname(d);
+    if (l.existsSync(p) || l.mkdirSync(p, { recursive: !0 }), Xe(i))
+      l.copyFileSync(i, d);
     else {
-      const g = r.readFileSync(s, "utf-8"), p = Ze(g, t.replacements);
-      r.writeFileSync(d, p);
+      const u = l.readFileSync(i, "utf-8"), f = Qe(u, e.replacements);
+      l.writeFileSync(d, f);
     }
     a += 1;
   }), a;
 }
-function ie(t, e, n = "") {
-  const a = r.readdirSync(t);
-  for (const s of a) {
-    const c = m.join(t, s), l = m.join(n, Se[s] ?? s);
-    r.statSync(c).isDirectory() ? ie(c, e, l) : e(c, l);
+function re(e, t, n = "") {
+  const a = l.readdirSync(e);
+  for (const i of a) {
+    const r = m.join(e, i), s = m.join(n, Se[i] ?? i);
+    l.statSync(r).isDirectory() ? re(r, t, s) : t(r, s);
   }
 }
-function Ye(t, e) {
-  let n = t;
-  for (const [a, s] of e) {
-    const c = new RegExp(a, "g");
-    n = n.replace(c, s);
+function Ze(e, t) {
+  let n = e;
+  for (const [a, i] of t) {
+    const r = new RegExp(a, "g");
+    n = n.replace(r, i);
   }
   return n;
 }
-function Ze(t, e) {
-  let n = t;
-  for (const [a, s] of e) {
-    const c = new RegExp(a, "g");
-    n = n.replace(c, s);
+function Qe(e, t) {
+  let n = e;
+  for (const [a, i] of t) {
+    const r = new RegExp(a, "g");
+    n = n.replace(r, i);
   }
   return n;
 }
-function Qe(t) {
-  const e = m.extname(t).toLowerCase();
-  return [".png", ".jpg", ".jpeg", ".gif", ".bmp", ".ico", ".pdf", ".zip"].includes(e);
+function Xe(e) {
+  const t = m.extname(e).toLowerCase();
+  return [".png", ".jpg", ".jpeg", ".gif", ".bmp", ".ico", ".pdf", ".zip"].includes(t);
 }
-function ce(t) {
-  if (r.existsSync(t))
-    for (const e of r.readdirSync(t)) {
-      const n = m.join(t, e);
-      r.lstatSync(n).isDirectory() ? ce(n) : r.unlinkSync(n);
+function ce(e) {
+  if (l.existsSync(e))
+    for (const t of l.readdirSync(e)) {
+      const n = m.join(e, t);
+      l.lstatSync(n).isDirectory() ? ce(n) : l.unlinkSync(n);
     }
 }
-function de(t) {
-  const e = r.readdirSync(t);
-  return e.length === 0 || e.length === 1 && e[0] === ".git";
+function de(e) {
+  const t = l.readdirSync(e);
+  return t.length === 0 || t.length === 1 && t[0] === ".git";
 }
-async function Xe(t) {
+async function et(e) {
   try {
-    await te(t, $e), console.log(o.green("✅ All files formatted"));
-  } catch (e) {
-    console.log(o.yellow(`⚠️  Some files could not be formatted: ${e.message}`));
+    await ee(e, $e), console.log(o.green("✅ All files formatted"));
+  } catch (t) {
+    console.log(o.yellow(`⚠️  Some files could not be formatted: ${t.message}`));
   }
 }
-async function et(t, e) {
+async function tt(e, t) {
   console.log(o.cyan(`
 🏗️  Creating module with blade generator...
 `));
   try {
-    await le({
+    await ie({
       name: void 0,
       type: void 0,
       module: void 0,
@@ -1836,13 +1982,13 @@ async function et(t, e) {
       locales: !0,
       widget: !1,
       isWorkspace: !0,
-      path: t,
-      formFields: e["form-fields"],
-      skipFormEditor: e["skip-form-editor"],
+      path: e,
+      formFields: t["form-fields"],
+      skipFormEditor: t["skip-form-editor"],
       _skipActionPrompt: !0
     });
   } catch (n) {
-    if (n instanceof E) {
+    if (n instanceof $) {
       console.log(o.yellow(`
 ⚠️  Module generation cancelled`)), console.log(o.yellow("   You can add modules later using: create-vc-app blade"));
       return;
@@ -1851,116 +1997,121 @@ async function et(t, e) {
 ⚠️  Module generation failed: ${n.message}`)), console.log(o.yellow("   You can add modules later using: create-vc-app blade"));
   }
 }
-function tt(t) {
-  return t.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
+function at(e) {
+  return e.split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join(" ");
 }
-async function at(t) {
-  const e = ge(t);
-  if (e.help)
-    return we(), 0;
-  if (e.version)
+async function nt(e) {
+  const t = fe(e);
+  if (t.help)
     return be(), 0;
-  nt();
-  const n = e._[0];
+  if (t.version)
+    return Ee(), 0;
+  ot();
+  const n = t._[0];
   if (n === "blade" || n === "generate")
-    return await ot(e), 0;
-  const a = ye(e);
+    return await it(t), 0;
+  const a = he(t);
   if (a.length > 0)
-    throw new B(a);
-  return lt(), await st(e), 0;
+    throw new V(a);
+  return lt(), await st(t), 0;
 }
-function nt() {
-  const t = Ee();
-  if (!t.compatible)
-    throw new O(
+function ot() {
+  const e = ve();
+  if (!e.compatible)
+    throw new I(
       [
-        o.red(`❌ Node.js ${t.minVersion} or higher is required.`),
-        o.red(`   Current version: ${t.currentVersion}`),
+        o.red(`❌ Node.js ${e.minVersion} or higher is required.`),
+        o.red(`   Current version: ${e.currentVersion}`),
         o.yellow(`
    Please upgrade Node.js to continue.`)
       ].join(`
 `)
     );
 }
-async function ot(t) {
-  const [, e] = t._;
-  await le({
-    name: e || t.name,
-    type: t.type,
-    module: t.module,
-    composable: t.composable,
-    locales: t.locales,
-    widget: t.widget,
-    isWorkspace: t["is-workspace"],
-    path: t.path,
-    formFields: t["form-fields"],
-    skipFormEditor: t["skip-form-editor"]
+async function it(e) {
+  const [, t] = e._;
+  await ie({
+    name: t || e.name,
+    type: e.type,
+    module: e.module,
+    composable: e.composable,
+    locales: e.locales,
+    widget: e.widget,
+    isWorkspace: e["is-workspace"],
+    path: e.path,
+    formFields: e["form-fields"],
+    skipFormEditor: e["skip-form-editor"],
+    widgetModule: e["widget-module"],
+    widgetBlade: e["widget-blade"],
+    widgetName: e["widget-name"],
+    widgetEntity: e["widget-entity"],
+    widgetIcon: e["widget-icon"]
   });
 }
-async function st(t) {
+async function st(e) {
   try {
-    const e = await qe({ args: t, cwd: _() });
-    rt(e.root, e.config.packageName, e.config.basePath, e.filesCreated), it(e.root);
-  } catch (e) {
-    if (e instanceof E) {
+    const t = await Ue({ args: e, cwd: G() });
+    rt(t.root, t.config.packageName, t.config.basePath, t.filesCreated), ct(t.root);
+  } catch (t) {
+    if (t instanceof $) {
       console.log(o.yellow(`
 ⚠️  Operation cancelled by user`)), console.log(o.gray(`   No changes were made.
 `));
       return;
     }
-    throw e;
+    throw t;
   }
 }
 function lt() {
-  const t = "═".repeat(50);
+  const e = "═".repeat(50);
   console.log(o.bold(o.green(`
-╔${t}╗`))), console.log(o.bold(o.green(`║  create-vc-app v${U.version}${" ".repeat(33 - String(U.version).length)}║`))), console.log(o.bold(o.green(`╚${t}╝
+╔${e}╗`))), console.log(o.bold(o.green(`║  create-vc-app v${U.version}${" ".repeat(33 - String(U.version).length)}║`))), console.log(o.bold(o.green(`╚${e}╝
 `)));
 }
-function rt(t, e, n, a) {
+function rt(e, t, n, a) {
   console.log(o.green(`
 ${"=".repeat(50)}`)), console.log(o.green(o.bold("✨ Application created successfully!"))), console.log(o.green(`${"=".repeat(50)}
-`)), console.log(o.cyan("📊 Summary:")), console.log(o.cyan(`   Location: ${o.bold(t)}`)), console.log(o.cyan(`   Package: ${o.bold(e)}`)), console.log(o.cyan(`   Base path: ${o.bold(n)}`)), console.log(o.cyan(`   Files created: ${o.bold(a.toString())}`));
+`)), console.log(o.cyan("📊 Summary:")), console.log(o.cyan(`   Location: ${o.bold(e)}`)), console.log(o.cyan(`   Package: ${o.bold(t)}`)), console.log(o.cyan(`   Base path: ${o.bold(n)}`)), console.log(o.cyan(`   Files created: ${o.bold(a.toString())}`));
 }
-function it(t) {
+function ct(e) {
   console.log(o.cyan(`
 🚀 Next steps:
 `));
-  const e = _();
-  if (t !== e) {
-    const n = m.relative(e, t) || t, a = n.includes(" ") ? `"${n}"` : n;
+  const t = G();
+  if (e !== t) {
+    const n = m.relative(t, e) || e, a = n.includes(" ") ? `"${n}"` : n;
     console.log(o.white(`  1. ${o.bold(o.cyan(`cd ${a}`))}`)), console.log(o.white(`  2. ${o.bold(o.cyan("yarn"))}`)), console.log(o.white(`  3. ${o.bold(o.cyan("yarn serve"))}`));
   } else
     console.log(o.white(`  1. ${o.bold(o.cyan("yarn"))}`)), console.log(o.white(`  2. ${o.bold(o.cyan("yarn serve"))}`));
   console.log(o.gray(`
   You can also run:`)), console.log(o.gray("    yarn build  - Build for production")), console.log(o.gray("    yarn lint   - Run linter")), console.log(o.gray("    create-vc-app blade  - Generate modules/blades/widgets")), console.log();
 }
-async function ct() {
+async function dt() {
   try {
-    await at(process.argv.slice(2));
-  } catch (t) {
-    dt(t);
+    await nt(process.argv.slice(2));
+  } catch (e) {
+    mt(e);
   }
 }
-function dt(t) {
-  if (t instanceof E && (console.log(o.yellow(`
+function mt(e) {
+  if (e instanceof $ && (console.log(o.yellow(`
 ⚠️  Operation cancelled by user
-`)), process.exit(0)), t instanceof B) {
-    if (t.issues?.length) {
+`)), process.exit(0)), e instanceof V) {
+    if (e.issues?.length) {
       console.error(o.red(`
 ❌ Validation errors:
 `));
-      for (const n of t.issues)
+      for (const n of e.issues)
         console.error(o.red(`   • ${n}`));
       console.log(o.gray(`
    Run ${o.cyan("create-vc-app --help")} for usage information.
 `));
     }
-    process.exit(t.exitCode);
+    process.exit(e.exitCode);
   }
-  t instanceof O && (console.error(t.message), process.exit(t.exitCode));
-  const e = t instanceof Error ? t.message : String(t);
+  e instanceof I && (console.error(e.message), process.exit(e.exitCode));
+  const t = e instanceof Error ? e.message : String(e);
   console.error(o.red(`
-❌ Unexpected error: ${e}`)), t instanceof Error && t.stack && console.error(o.gray(t.stack)), process.exit(1);
+❌ Unexpected error: ${t}`)), e instanceof Error && e.stack && console.error(o.gray(e.stack)), process.exit(1);
 }
-ct();
+dt();