@vc-shell/create-vc-app 1.1.98-rc.4 → 1.1.99-alpha.0

package/dist/index.js

@@ -1,340 +1,122 @@
 #!/usr/bin/env node
-import Ae from "prompts";
-import Ne from "mri";
-import t from "chalk";
-import c from "node:path";
-import s from "node:fs";
-import { fileURLToPath as Oe } from "node:url";
-import { cwd as Me, exit as Ee, argv as Te } from "node:process";
-const Ue = "1.1.98-rc.4", I = {
-  version: Ue
-};
-var Pe = typeof global == "object" && global && global.Object === Object && global, Le = typeof self == "object" && self && self.Object === Object && self, _e = Pe || Le || Function("return this")(), b = _e.Symbol, K = Object.prototype, ze = K.hasOwnProperty, De = K.toString, $ = b ? b.toStringTag : void 0;
-function Ie(e) {
-  var r = ze.call(e, $), a = e[$];
-  try {
-    e[$] = void 0;
-    var o = !0;
-  } catch {
-  }
-  var i = De.call(e);
-  return o && (r ? e[$] = a : delete e[$]), i;
-}
-var Ze = Object.prototype, Fe = Ze.toString;
-function Ve(e) {
-  return Fe.call(e);
-}
-var He = "[object Null]", We = "[object Undefined]", Z = b ? b.toStringTag : void 0;
-function Be(e) {
-  return e == null ? e === void 0 ? We : He : Z && Z in Object(e) ? Ie(e) : Ve(e);
-}
-function Je(e) {
-  return e != null && typeof e == "object";
-}
-var Ge = "[object Symbol]";
-function Ye(e) {
-  return typeof e == "symbol" || Je(e) && Be(e) == Ge;
-}
-function qe(e, r) {
-  for (var a = -1, o = e == null ? 0 : e.length, i = Array(o); ++a < o; )
-    i[a] = r(e[a], a, e);
-  return i;
-}
-var Ke = Array.isArray, F = b ? b.prototype : void 0, V = F ? F.toString : void 0;
-function Q(e) {
-  if (typeof e == "string")
-    return e;
-  if (Ke(e))
-    return qe(e, Q) + "";
-  if (Ye(e))
-    return V ? V.call(e) : "";
-  var r = e + "";
-  return r == "0" && 1 / e == -1 / 0 ? "-0" : r;
-}
-function R(e) {
-  return e == null ? "" : Q(e);
-}
-function Qe(e, r, a) {
-  var o = -1, i = e.length;
-  r < 0 && (r = -r > i ? 0 : i + r), a = a > i ? i : a, a < 0 && (a += i), i = r > a ? 0 : a - r >>> 0, r >>>= 0;
-  for (var u = Array(i); ++o < i; )
-    u[o] = e[o + r];
-  return u;
-}
-function Xe(e, r, a) {
-  var o = e.length;
-  return a = a === void 0 ? o : a, !r && a >= o ? e : Qe(e, r, a);
-}
-var er = "\\ud800-\\udfff", rr = "\\u0300-\\u036f", ar = "\\ufe20-\\ufe2f", nr = "\\u20d0-\\u20ff", or = rr + ar + nr, tr = "\\ufe0e\\ufe0f", ir = "\\u200d", sr = RegExp("[" + ir + er + or + tr + "]");
-function X(e) {
-  return sr.test(e);
-}
-function ur(e) {
-  return e.split("");
-}
-var ee = "\\ud800-\\udfff", cr = "\\u0300-\\u036f", lr = "\\ufe20-\\ufe2f", fr = "\\u20d0-\\u20ff", pr = cr + lr + fr, mr = "\\ufe0e\\ufe0f", dr = "[" + ee + "]", U = "[" + pr + "]", P = "\\ud83c[\\udffb-\\udfff]", gr = "(?:" + U + "|" + P + ")", re = "[^" + ee + "]", ae = "(?:\\ud83c[\\udde6-\\uddff]){2}", ne = "[\\ud800-\\udbff][\\udc00-\\udfff]", xr = "\\u200d", oe = gr + "?", te = "[" + mr + "]?", br = "(?:" + xr + "(?:" + [re, ae, ne].join("|") + ")" + te + oe + ")*", vr = te + oe + br, yr = "(?:" + [re + U + "?", U, ae, ne, dr].join("|") + ")", hr = RegExp(P + "(?=" + P + ")|" + yr + vr, "g");
-function $r(e) {
-  return e.match(hr) || [];
-}
-function Sr(e) {
-  return X(e) ? $r(e) : ur(e);
-}
-function ie(e) {
-  return function(r) {
-    r = R(r);
-    var a = X(r) ? Sr(r) : void 0, o = a ? a[0] : r.charAt(0), i = a ? Xe(a, 1).join("") : r.slice(1);
-    return o[e]() + i;
-  };
+import o from "chalk";
+import m from "node:path";
+import { argv as me, cwd as _ } from "node:process";
+import ue from "mri";
+import x from "prompts";
+import r from "node:fs";
+import { fileURLToPath as X } from "node:url";
+import Y from "prettier";
+import { camelCase as F, snakeCase as v, upperFirst as T, kebabCase as N } from "lodash-es";
+import pe from "pluralize";
+function ge(t = me.slice(2)) {
+  return ue(t, {
+    alias: {
+      h: "help",
+      v: "version"
+    },
+    boolean: [
+      "help",
+      "version",
+      "overwrite",
+      "composable",
+      "locales",
+      "widget",
+      "is-workspace",
+      "skip-form-editor",
+      "skip-module-gen"
+    ],
+    string: ["name", "app-name", "package-name", "module-name", "base-path", "type", "module", "path", "form-fields"]
+  });
 }
-var L = ie("toUpperCase");
-function kr(e) {
-  return L(R(e).toLowerCase());
+function L(t) {
+  return /^(?:@[a-z0-9-*~][a-z0-9-*._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/.test(t);
 }
-function Cr(e, r, a, o) {
-  for (var i = -1, u = e == null ? 0 : e.length; ++i < u; )
-    a = r(a, e[i], i, e);
-  return a;
+function A(t) {
+  return t.trim().toLowerCase().replace(/\s+/g, "-").replace(/^[._]/, "").replace(/[^a-z0-9-~]+/g, "-");
 }
-function wr(e) {
-  return function(r) {
-    return e?.[r];
-  };
+function ee(t) {
+  return t.trim().toLowerCase().replace(/\/+/g, "/").replace(/[^a-z0-9/-]+/g, "/").replace(/\/?$/, "/");
 }
-var jr = {
-  // Latin-1 Supplement block.
-  À: "A",
-  Á: "A",
-  Â: "A",
-  Ã: "A",
-  Ä: "A",
-  Å: "A",
-  à: "a",
-  á: "a",
-  â: "a",
-  ã: "a",
-  ä: "a",
-  å: "a",
-  Ç: "C",
-  ç: "c",
-  Ð: "D",
-  ð: "d",
-  È: "E",
-  É: "E",
-  Ê: "E",
-  Ë: "E",
-  è: "e",
-  é: "e",
-  ê: "e",
-  ë: "e",
-  Ì: "I",
-  Í: "I",
-  Î: "I",
-  Ï: "I",
-  ì: "i",
-  í: "i",
-  î: "i",
-  ï: "i",
-  Ñ: "N",
-  ñ: "n",
-  Ò: "O",
-  Ó: "O",
-  Ô: "O",
-  Õ: "O",
-  Ö: "O",
-  Ø: "O",
-  ò: "o",
-  ó: "o",
-  ô: "o",
-  õ: "o",
-  ö: "o",
-  ø: "o",
-  Ù: "U",
-  Ú: "U",
-  Û: "U",
-  Ü: "U",
-  ù: "u",
-  ú: "u",
-  û: "u",
-  ü: "u",
-  Ý: "Y",
-  ý: "y",
-  ÿ: "y",
-  Æ: "Ae",
-  æ: "ae",
-  Þ: "Th",
-  þ: "th",
-  ß: "ss",
-  // Latin Extended-A block.
-  Ā: "A",
-  Ă: "A",
-  Ą: "A",
-  ā: "a",
-  ă: "a",
-  ą: "a",
-  Ć: "C",
-  Ĉ: "C",
-  Ċ: "C",
-  Č: "C",
-  ć: "c",
-  ĉ: "c",
-  ċ: "c",
-  č: "c",
-  Ď: "D",
-  Đ: "D",
-  ď: "d",
-  đ: "d",
-  Ē: "E",
-  Ĕ: "E",
-  Ė: "E",
-  Ę: "E",
-  Ě: "E",
-  ē: "e",
-  ĕ: "e",
-  ė: "e",
-  ę: "e",
-  ě: "e",
-  Ĝ: "G",
-  Ğ: "G",
-  Ġ: "G",
-  Ģ: "G",
-  ĝ: "g",
-  ğ: "g",
-  ġ: "g",
-  ģ: "g",
-  Ĥ: "H",
-  Ħ: "H",
-  ĥ: "h",
-  ħ: "h",
-  Ĩ: "I",
-  Ī: "I",
-  Ĭ: "I",
-  Į: "I",
-  İ: "I",
-  ĩ: "i",
-  ī: "i",
-  ĭ: "i",
-  į: "i",
-  ı: "i",
-  Ĵ: "J",
-  ĵ: "j",
-  Ķ: "K",
-  ķ: "k",
-  ĸ: "k",
-  Ĺ: "L",
-  Ļ: "L",
-  Ľ: "L",
-  Ŀ: "L",
-  Ł: "L",
-  ĺ: "l",
-  ļ: "l",
-  ľ: "l",
-  ŀ: "l",
-  ł: "l",
-  Ń: "N",
-  Ņ: "N",
-  Ň: "N",
-  Ŋ: "N",
-  ń: "n",
-  ņ: "n",
-  ň: "n",
-  ŋ: "n",
-  Ō: "O",
-  Ŏ: "O",
-  Ő: "O",
-  ō: "o",
-  ŏ: "o",
-  ő: "o",
-  Ŕ: "R",
-  Ŗ: "R",
-  Ř: "R",
-  ŕ: "r",
-  ŗ: "r",
-  ř: "r",
-  Ś: "S",
-  Ŝ: "S",
-  Ş: "S",
-  Š: "S",
-  ś: "s",
-  ŝ: "s",
-  ş: "s",
-  š: "s",
-  Ţ: "T",
-  Ť: "T",
-  Ŧ: "T",
-  ţ: "t",
-  ť: "t",
-  ŧ: "t",
-  Ũ: "U",
-  Ū: "U",
-  Ŭ: "U",
-  Ů: "U",
-  Ű: "U",
-  Ų: "U",
-  ũ: "u",
-  ū: "u",
-  ŭ: "u",
-  ů: "u",
-  ű: "u",
-  ų: "u",
-  Ŵ: "W",
-  ŵ: "w",
-  Ŷ: "Y",
-  ŷ: "y",
-  Ÿ: "Y",
-  Ź: "Z",
-  Ż: "Z",
-  Ž: "Z",
-  ź: "z",
-  ż: "z",
-  ž: "z",
-  IJ: "IJ",
-  ij: "ij",
-  Œ: "Oe",
-  œ: "oe",
-  ʼn: "'n",
-  ſ: "s"
-}, Rr = wr(jr), Ar = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g, Nr = "\\u0300-\\u036f", Or = "\\ufe20-\\ufe2f", Mr = "\\u20d0-\\u20ff", Er = Nr + Or + Mr, Tr = "[" + Er + "]", Ur = RegExp(Tr, "g");
-function Pr(e) {
-  return e = R(e), e && e.replace(Ar, Rr).replace(Ur, "");
-}
-var Lr = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
-function _r(e) {
-  return e.match(Lr) || [];
-}
-var zr = /[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;
-function Dr(e) {
-  return zr.test(e);
-}
-var se = "\\ud800-\\udfff", Ir = "\\u0300-\\u036f", Zr = "\\ufe20-\\ufe2f", Fr = "\\u20d0-\\u20ff", Vr = Ir + Zr + Fr, ue = "\\u2700-\\u27bf", ce = "a-z\\xdf-\\xf6\\xf8-\\xff", Hr = "\\xac\\xb1\\xd7\\xf7", Wr = "\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf", Br = "\\u2000-\\u206f", Jr = " \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000", le = "A-Z\\xc0-\\xd6\\xd8-\\xde", Gr = "\\ufe0e\\ufe0f", fe = Hr + Wr + Br + Jr, pe = "['’]", H = "[" + fe + "]", Yr = "[" + Vr + "]", me = "\\d+", qr = "[" + ue + "]", de = "[" + ce + "]", ge = "[^" + se + fe + me + ue + ce + le + "]", Kr = "\\ud83c[\\udffb-\\udfff]", Qr = "(?:" + Yr + "|" + Kr + ")", Xr = "[^" + se + "]", xe = "(?:\\ud83c[\\udde6-\\uddff]){2}", be = "[\\ud800-\\udbff][\\udc00-\\udfff]", x = "[" + le + "]", ea = "\\u200d", W = "(?:" + de + "|" + ge + ")", ra = "(?:" + x + "|" + ge + ")", B = "(?:" + pe + "(?:d|ll|m|re|s|t|ve))?", J = "(?:" + pe + "(?:D|LL|M|RE|S|T|VE))?", ve = Qr + "?", ye = "[" + Gr + "]?", aa = "(?:" + ea + "(?:" + [Xr, xe, be].join("|") + ")" + ye + ve + ")*", na = "\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])", oa = "\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])", ta = ye + ve + aa, ia = "(?:" + [qr, xe, be].join("|") + ")" + ta, sa = RegExp([
-  x + "?" + de + "+" + B + "(?=" + [H, x, "$"].join("|") + ")",
-  ra + "+" + J + "(?=" + [H, x + W, "$"].join("|") + ")",
-  x + "?" + W + "+" + B,
-  x + "+" + J,
-  oa,
-  na,
-  me,
-  ia
-].join("|"), "g");
-function ua(e) {
-  return e.match(sa) || [];
-}
-function ca(e, r, a) {
-  return e = R(e), r = r, r === void 0 ? Dr(e) ? ua(e) : _r(e) : e.match(r) || [];
-}
-var la = "['’]", fa = RegExp(la, "g");
-function _(e) {
-  return function(r) {
-    return Cr(ca(Pr(r).replace(fa, "")), e, "");
-  };
+function fe(t) {
+  return t.startsWith("/") && t.endsWith("/");
 }
-var G = _(function(e, r, a) {
-  return r = r.toLowerCase(), e + (a ? kr(r) : r);
-}), pa = ie("toLowerCase"), ma = _(function(e, r, a) {
-  return e + (a ? "_" : "") + r.toLowerCase();
-}), C = _(function(e, r, a) {
-  return e + (a ? " " : "") + L(r);
-});
-const da = {
+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;
+}
+const he = "1.1.99-alpha.0", U = {
+  version: he
+};
+function we() {
+  console.log(`
+${o.bold(o.green("create-vc-app"))} - Create a new VC Shell application or generate modules/blades
+
+${o.bold("Usage:")}
+  create-vc-app [project-name] [options]              Create a new application
+  create-vc-app blade|generate                        Interactive generator (modules, blades, widgets)
+
+${o.bold("Create App Options:")}
+  --name, --app-name <name>          Name of the application
+  --package-name <name>              Package name (defaults to app name)
+  --base-path <path>                 Base path for the application [default: /apps/<app-name>/]
+  --skip-module-gen                  Skip module generation (create only base app)
+  --skip-form-editor                 Skip interactive form builder
+  --form-fields <json>               JSON string with form field definitions
+  --overwrite                        Overwrite existing files without confirmation
+  --help, -h                         Show this help message
+  --version, -v                      Show version
+
+${o.bold("Blade Generator Options:")}
+  --module <name>                    Target module name
+  --type <grid|details>              Blade type
+  --name <name>                      Blade name
+  --is-workspace                     Mark blade as workspace (main module blade)
+  --widget                           Generate widget instead of blade
+  --composable                       Generate composable
+  --locales                          Generate locales
+  --path <path>                      Target path
+
+${o.bold("Interactive Generator:")}
+  The blade/generate command provides an interactive menu to:
+  - Create new modules with Grid and/or Details blades
+  - Add blades to existing modules
+  - Generate widgets for existing blades
+  - Customize form fields interactively with rich components
+  - Automatically format generated code with Prettier
+
+  Features:
+  - Smart naming (no more "offerss" bugs)
+  - Filter support in Grid blades (staged/applied architecture)
+  - Proper useModificationTracker usage in Details blades
+  - All Vc components: VcInput, VcSelect, VcEditor, VcSwitch, VcGallery, etc.
+  - TODO comments for API client integration
+  - Automatic module registration in main.ts
+
+${o.bold("Examples:")}
+  ${o.gray("# Create new application interactively")}
+  ${o.gray("# Will prompt for: app name, package name, base path")}
+  ${o.gray("# Then use blade generator to create initial module")}
+  create-vc-app my-app
+
+  ${o.gray("# Create app without module (base only)")}
+  create-vc-app my-app --skip-module-gen
+
+  ${o.gray("# Interactive blade/module generator")}
+  create-vc-app blade
+
+  ${o.gray("# Create blade with custom form fields (non-interactive)")}
+  create-vc-app blade --module products --type details --name product-details \\
+    --form-fields '[{"name":"price","type":"currency","required":true},{"name":"description","type":"editor","required":false}]'
+
+  ${o.gray("# Generate widget interactively")}
+  create-vc-app blade --widget
+`);
+}
+function be() {
+  console.log(`create-vc-app version ${U.version}`);
+}
+const Se = {
   _gitignore: ".gitignore",
   "_yarnrc.yml": ".yarnrc.yml",
   _browserslistrc: ".browserslistrc",
@@ -351,246 +133,1834 @@ const da = {
   _vscode: ".vscode",
   _yarn: ".yarn",
   "_package.json": "package.json"
-}, j = [
-  // {
-  //   name: "dynamic",
-  //   display: "Dynamic view modules boilerplate",
-  // },
-  {
-    name: "classic",
-    display: "Classic view modules boilerplate"
+}, $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);
+  return {
+    compatible: e >= n,
+    currentVersion: t,
+    minVersion: Z
+  };
+}
+async function P(t) {
+  try {
+    const e = r.readFileSync(t, "utf-8"), n = m.extname(t);
+    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;
+    try {
+      s = await Y.resolveConfig(t, {
+        editorconfig: !0
+      });
+    } catch {
+    }
+    const l = {
+      ...{
+        endOfLine: "auto",
+        // Changed from "lf" to "auto"
+        singleAttributePerLine: !0
+        // Added for Vue files
+      },
+      ...s,
+      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}`));
   }
-], T = {
-  classic: ["classic-module"],
-  dynamic: ["dynamic-module"]
-};
-function ga() {
-  console.log(`
-${t.bold(t.green("create-vc-app"))} - Create a new VC Shell application
-
-${t.bold("Usage:")}
-  create-vc-app [project-name] [options]
-
-${t.bold("Options:")}
-  --name, --app-name <name>          Name of the application
-  --package-name <name>              Package name (defaults to app name)
-  --variant <variant>                Module variant (classic|dynamic) [default: classic]
-  --module-name <name>               Module name (defaults to app name in title case)
-  --base-path <path>                 Base path for the application [default: /apps/<app-name>/]
-  --mocks                            Include additional module with sample data
-  --overwrite                        Overwrite existing files without confirmation
-  --help, -h                         Show this help message
-  --version, -v                      Show version
+}
+async function te(t, e = [".ts", ".vue", ".js", ".json"]) {
+  const n = r.readdirSync(t);
+  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);
+  }
+}
+function W(t, e) {
+  const n = F(t), a = pe(t), s = F(a);
+  return {
+    entitySingular: t,
+    entityPlural: a,
+    moduleName: e,
+    entitySingularPascal: T(n),
+    entitySingularCamel: n,
+    entitySingularKebab: N(t),
+    entityPluralPascal: T(s),
+    entityPluralCamel: s,
+    entityPluralKebab: N(a),
+    moduleNamePascal: T(F(e)),
+    moduleNameUpperSnake: v(e).toUpperCase()
+  };
+}
+function z(t) {
+  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
+  };
+}
+function H(t, e) {
+  let n = t;
+  for (const [a, s] of Object.entries(e))
+    n = n.replace(new RegExp(a, "g"), s);
+  return n;
+}
+function ae(t) {
+  return t.replace(/'/g, "\\'").replace(/"/g, '\\"');
+}
+async function ne() {
+  const t = [];
+  let e = !0;
+  for (console.log(`
+📝 Configure form fields (press Ctrl+C to skip):
+`); e; )
+    try {
+      const n = await x(
+        [
+          {
+            type: "text",
+            name: "name",
+            message: "Field name (e.g., price, description):",
+            validate: (a) => a ? /^[a-zA-Z_][a-zA-Z0-9_]*$/.test(a) ? !0 : "Field name must be a valid identifier (letters, numbers, underscore)" : "Field name is required"
+          },
+          {
+            type: "select",
+            name: "type",
+            message: "Field type:",
+            choices: [
+              {
+                title: "Text Input",
+                value: "text"
+                /* Text */
+              },
+              {
+                title: "Textarea",
+                value: "textarea"
+                /* Textarea */
+              },
+              {
+                title: "Number",
+                value: "number"
+                /* Number */
+              },
+              {
+                title: "Date",
+                value: "date"
+                /* Date */
+              },
+              {
+                title: "Select Dropdown",
+                value: "select"
+                /* Select */
+              },
+              {
+                title: "Checkbox",
+                value: "checkbox"
+                /* Checkbox */
+              },
+              {
+                title: "Radio Button",
+                value: "radio"
+                /* RadioButton */
+              },
+              {
+                title: "Switch",
+                value: "switch"
+                /* Switch */
+              },
+              {
+                title: "Currency Input",
+                value: "currency"
+                /* Currency */
+              },
+              {
+                title: "Rich Text Editor",
+                value: "editor"
+                /* Editor */
+              },
+              {
+                title: "Image Upload",
+                value: "image"
+                /* Image */
+              },
+              {
+                title: "Multivalue Input",
+                value: "multivalue"
+                /* Multivalue */
+              },
+              {
+                title: "Gallery",
+                value: "gallery"
+                /* Gallery */
+              },
+              {
+                title: "Data Field",
+                value: "data-field"
+                /* DataField */
+              }
+            ]
+          },
+          {
+            type: (a) => a === "select" || a === "radio" ? "list" : null,
+            name: "options",
+            message: "Options (comma-separated):",
+            separator: ","
+          },
+          {
+            type: "text",
+            name: "label",
+            message: "Field label (optional, press Enter to skip):",
+            initial: ""
+          },
+          {
+            type: "confirm",
+            name: "required",
+            message: "Is this field required?",
+            initial: !1
+          },
+          {
+            type: "confirm",
+            name: "addAnother",
+            message: "Add another field?",
+            initial: !0
+          }
+        ],
+        {
+          onCancel: () => {
+            throw e = !1, new Error("cancelled");
+          }
+        }
+      );
+      if (!n.name) {
+        e = !1;
+        break;
+      }
+      t.push({
+        name: n.name,
+        type: n.type,
+        label: n.label || T(n.name),
+        required: n.required,
+        options: n.options
+      }), e = n.addAnother;
+    } catch (n) {
+      if (n.message === "cancelled")
+        break;
+      throw n;
+    }
+  return t;
+}
+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
+                v-slot="{ field, errorMessage, handleChange, errors }"
+                :label="$t('${e}.PAGES.DETAILS.FORM.INFO.${n}')"
+                :model-value="item.${t.name}"
+                name="${t.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" : ""}
+                  clearable
+                  :error="!!errors.length"
+                  :error-message="errorMessage"
+                  @update:model-value="handleChange"
+                />
+              </Field>`;
+}
+function ve(t, e) {
+  const n = v(t.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" : ""}
+                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}' }`;
+  }).join(", ") || "";
+  return `              <Field
+                v-slot="{ errorMessage, handleChange, errors }"
+                :label="$t('${e}.PAGES.DETAILS.FORM.INFO.${n}')"
+                :model-value="item.${t.name}"
+                name="${t.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}]"
+                  option-value="value"
+                  option-label="label"
+                  searchable
+                  ${t.required ? "required" : ""}
+                  :clearable="false"
+                  :error="!!errors.length"
+                  :error-message="errorMessage"
+                  @update:model-value="handleChange"
+                />
+              </Field>`;
+}
+function Ce(t, e) {
+  const n = v(t.name).toUpperCase(), a = t.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}"
+                ${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" : ""}
+                  :error="!!errors.length"
+                  :error-message="errorMessage"
+                  @update:model-value="handleChange"
+                />
+              </Field>`;
+}
+function xe(t, e) {
+  const n = v(t.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')"
+                :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}')">
+                <VcGallery
+                  :images="item.${t.name}"
+                  multiple
+                  @upload="assetsHandler.upload"
+                  @sort="assetsHandler.edit"
+                  @remove="assetsHandler.remove"
+                  @edit="onGalleryItemEdit"
+                />
+              </VcCard>`;
+}
+function Ne(t) {
+  return `
+// VcGallery Assets Handler Setup
+// TODO: Import Image type from your API client (e.g., import { Image, IImage } from "@your-app/api/client")
+const { upload, remove, edit, loading: assetsLoading } = useAssets();
 
-${t.bold("Examples:")}
-  create-vc-app my-app
-  create-vc-app my-app --variant classic --mocks
-  create-vc-app my-app --module-name "My Module" --base-path "/custom/path/"
-  create-vc-app . --name existing-project --overwrite
+/**
+ * Handles asset operations for VcGallery
+ * TODO: Update the path '${t}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);
+    // TODO: If using typed Image class, map: uploaded.map((x) => new Image(x))
+    item.value.images = [...(item.value?.images ?? []), ...uploaded];
+  },
+  async remove(file: ICommonAsset) {
+    if (await showConfirmation(t("COMMON.ALERTS.IMAGE_DELETE_CONFIRMATION"))) {
+      const remainingImages = remove([file], item.value?.images ?? []);
+      // TODO: If using typed Image class, map: remainingImages.map((x) => new Image(x))
+      item.value.images = remainingImages;
+    }
+  },
+  edit(files: ICommonAsset[]) {
+    const edited = edit(files, item.value?.images ?? []);
+    // TODO: If using typed Image class, map: edited.map((x) => new Image(x))
+    item.value.images = edited;
+  },
+};
 
-${t.bold("Non-interactive mode:")}
-  create-vc-app my-app --variant classic --module-name "My Module" --mocks --overwrite
+/**
+ * Opens asset details blade for editing
+ * TODO: Create AssetsDetails blade or remove this handler
+ */
+const onGalleryItemEdit = (asset: ICommonAsset) => {
+  // openBlade({
+  //   blade: { name: "AssetsDetails" },
+  //   options: {
+  //     asset: asset,
+  //     assetEditHandler: (file: ICommonAsset) => assetsHandler.edit?.([file]),
+  //     assetRemoveHandler: (file: ICommonAsset) => assetsHandler.remove?.(file),
+  //   },
+  // });
+  console.log("Gallery item clicked:", asset);
+};
+`;
+}
+function Pe(t, e) {
+  const n = v(t.name).toUpperCase();
+  return `              <VcField
+                :label="$t('${e}.PAGES.DETAILS.FORM.INFO.${n}')"
+                :model-value="item.${t.name}"
+                orientation="horizontal"
+                :aspect-ratio="[1, 2]"
+                type="text"
+              />`;
+}
+function Oe(t, e) {
+  const n = v(t.name).toUpperCase(), a = t.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}"
+                ${a}
+              >
+                <VcInputCurrency
+                  v-bind="field"
+                  v-model="item.${t.name}"
+                  :label="$t('${e}.PAGES.DETAILS.FORM.INFO.${n}')"
+                  ${t.required ? "required" : ""}
+                  clearable
+                  :error="!!errors.length"
+                  :error-message="errorMessage"
+                  @update:model-value="handleChange"
+                />
+              </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);
+    return `                <VcRadioButton
+                  :model-value="item.${t.name}"
+                  value="${l}"
+                  :label="'${l}'"
+                  @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}"
+                ${a}
+              >
+                <div class="tw-space-y-2">
+${s}
+                </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();
+  return `              <VcCheckbox
+                v-model="item.${t.name}"
+                :label="$t('${e}.PAGES.DETAILS.FORM.INFO.${n}')"
+              />`;
+}
+function De(t, e) {
+  const n = v(t.name).toUpperCase(), a = t.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}"
+                ${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" : ""}
+                  :error="!!errors.length"
+                  :error-message="errorMessage"
+                  @update:model-value="handleChange"
+                />
+              </Field>`;
+}
+function Me(t) {
+  return t.some(
+    (e) => e.type === "gallery"
+    /* Gallery */
+  );
+}
+function R(t, e) {
+  return t.length === 0 ? oe(e) : t.map((n) => {
+    switch (n.type) {
+      case "text":
+      case "number":
+      case "date":
+        return q(n, e);
+      case "textarea":
+        return ve(n, e);
+      case "select":
+        return Ie(n, e);
+      case "editor":
+        return Ce(n, e);
+      case "switch":
+        return xe(n, e);
+      case "gallery":
+        return Ae(n, e);
+      case "data-field":
+        return Pe(n, e);
+      case "currency":
+        return Oe(n, e);
+      case "radio":
+        return Te(n, e);
+      case "checkbox":
+        return Fe(n, e);
+      case "multivalue":
+        return De(n, e);
+      case "image":
+        return q({
+          ...n,
+          type: "text"
+          /* Text */
+        }, e);
+      default:
+        return q(n, e);
+    }
+  }).join(`
 
-${t.bold("Available variants:")}
-${j.map((e) => `  ${e.name.padEnd(10)} - ${e.display}`).join(`
-`)}
 `);
 }
-function w(e) {
-  return /^(?:@[a-z0-9-*~][a-z0-9-*._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/.test(e);
+function k(t) {
+  const e = {};
+  for (const n of t) {
+    const a = v(n.name).toUpperCase();
+    e[a] = n.label || T(n.name);
+  }
+  return e;
 }
-function p(e) {
-  return e.trim().toLowerCase().replace(/\s+/g, "-").replace(/^[._]/, "").replace(/[^a-z0-9-~]+/g, "-");
+function oe(t) {
+  return `              <Field
+                v-slot="{ field, errorMessage, handleChange, errors }"
+                :label="$t('${t}.PAGES.DETAILS.FORM.INFO.NAME')"
+                :model-value="item.name"
+                name="name"
+                rules="required"
+              >
+                <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')"
+                  required
+                  clearable
+                  :error="!!errors.length"
+                  :error-message="errorMessage"
+                  @update:model-value="handleChange"
+                />
+              </Field>
+
+              <VcField
+                :label="$t('${t}.PAGES.DETAILS.FORM.INFO.CREATED_DATE')"
+                :model-value="createdDate"
+                orientation="horizontal"
+                :aspect-ratio="[1, 2]"
+                type="text"
+              />`;
 }
-function Y(e) {
-  return e.trim().toLowerCase().replace(/\/+/g, "/").replace(/[^a-z0-9/-]+/g, "/").replace(/\/?$/, "/");
+async function Le(t, e, n) {
+  const a = m.join(t, "src", "main.ts");
+  if (!r.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);
+    } else {
+      const p = s.search(/^import/m);
+      p !== -1 && (s = s.slice(0, p) + `${c}
+` + s.slice(p));
+    }
+    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] !== `
+`; )
+        i--;
+      const f = s.slice(i, p).match(/^\s*/)?.[0] || "    ";
+      s = s.slice(0, i) + `${f}${l}
+` + s.slice(i);
+    } 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);
+      }
+    }
+    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;
+  }
 }
-function he(e) {
-  if (s.existsSync(e))
-    s.readdirSync(e).forEach((r) => {
-      const a = c.join(e, r);
-      s.lstatSync(a).isDirectory() ? he(a) : s.unlinkSync(a);
-    });
-  else
-    return;
+async function K(t, e) {
+  const n = m.join(t, "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 + `
+`);
+    }
+    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;
+  }
 }
-function q(e) {
-  const r = s.readdirSync(e);
-  return r.length === 0 || r.length === 1 && r[0] === ".git";
+class O extends Error {
+  exitCode;
+  constructor(e, n = 1) {
+    super(e), this.name = "CLIError", this.exitCode = n;
+  }
 }
-function xa(e) {
-  const r = [];
-  return e.variant && !j.some((a) => a.name === e.variant) && r.push(`Invalid variant: ${e.variant}. Available variants: ${j.map((a) => a.name).join(", ")}`), e["package-name"] && !w(e["package-name"]) && r.push(`Invalid package name: ${e["package-name"]}`), { valid: r.length === 0, errors: r };
+class B extends O {
+  issues;
+  constructor(e) {
+    super("Validation failed", 1), this.name = "ValidationError", this.issues = e;
+  }
 }
-function ba() {
-  return Ne(Te.slice(2), {
-    alias: {
-      h: "help",
-      v: "version"
-    },
-    boolean: ["help", "version", "mocks", "overwrite"],
-    string: ["name", "app-name", "package-name", "variant", "module-name", "base-path"]
-  });
+class E extends O {
+  constructor() {
+    super("Operation cancelled by user", 0), this.name = "UserCancelledError";
+  }
 }
-async function va() {
-  const e = ba();
-  if (e.help) {
-    ga();
+function se(t) {
+  if (!r.existsSync(t))
     return;
+  const e = m.relative(_(), t) || t;
+  throw new O(`File already exists: ${e}. Remove it or rename before regenerating.`);
+}
+async function le(t = {}) {
+  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?");
+  try {
+    if (t.module && t.type && t.name) {
+      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
+      });
+      return;
+    }
+    if (t.widget) {
+      await Q(e);
+      return;
+    }
+    let a;
+    t._skipActionPrompt ? a = "module" : a = (await x(
+      {
+        type: "select",
+        name: "action",
+        message: "What would you like to generate?",
+        choices: [
+          { title: "Module (with blades)", value: "module" },
+          { title: "Blade (in existing module)", value: "blade" },
+          { title: "Widget (for existing blade)", value: "widget" }
+        ]
+      },
+      {
+        onCancel: () => {
+          throw new E();
+        }
+      }
+    )).action, a === "module" ? await ke(e) : a === "blade" ? await je(e) : a === "widget" && await Q(e);
+  } catch (a) {
+    if (a instanceof E)
+      throw new E();
+    if (a instanceof O)
+      throw a;
+    const s = a instanceof Error ? a.message : String(a), c = a instanceof Error && a.stack ? `
+${a.stack}` : "";
+    throw new O(`
+❌ Generation failed: ${s}${c ? `
+${c}` : ""}`);
   }
-  if (e.version) {
-    console.log(`create-vc-app version ${I.version}`);
+}
+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...
+`));
+    const y = {
+      moduleName: e.moduleName,
+      entitySingular: e.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,
+      customizeForm: !1
+    };
+    await re(t, y, e.formFields, e.skipFormEditor), console.log(o.green(`✅ Module "${e.moduleName}" with ${e.bladeType} blade created successfully
+`));
     return;
   }
-  const r = xa(e);
-  r.valid || (console.error(t.red("Error:")), r.errors.forEach((n) => console.error(t.red(`  ${n}`))), process.exit(1)), console.log(`  ${t.bold(t.green(`
-create-vc-app version: ${I.version}
-`))}`);
-  const a = Me();
-  let o = e._[0] || e.name || e["app-name"];
-  const i = o || "vc-app", u = () => o === "." ? c.basename(c.resolve()) : o, $e = !!(o || e.name || e["app-name"]);
-  let l;
-  try {
-    if ($e && e.variant) {
-      o = o || e.name || e["app-name"] || i, o || (console.error(t.red("Project name is required")), process.exit(1)), s.existsSync(o) && !q(o) && !e.overwrite && (console.error(
-        t.red(`Target directory "${o}" is not empty. Use --overwrite to overwrite existing files.`)
-      ), process.exit(1));
-      const n = u(), g = e["package-name"] || (w(n) ? n : p(n)), S = e["module-name"] || C(n), N = e["base-path"] || Y(`/apps/${p(n)}/`);
-      l = {
-        appName: p(o),
-        packageName: g,
-        variant: e.variant,
-        moduleName: S,
-        basePath: N,
-        mocks: e.mocks || !1
-      }, console.log(t.cyan("Creating app with the following configuration:")), console.log(t.cyan(`  App name: ${l.appName}`)), console.log(t.cyan(`  Package name: ${l.packageName}`)), console.log(t.cyan(`  Variant: ${l.variant}`)), console.log(t.cyan(`  Module name: ${l.moduleName}`)), console.log(t.cyan(`  Base path: ${l.basePath}`)), console.log(t.cyan(`  Mocks: ${l.mocks ? "Yes" : "No"}`)), console.log();
-    } else
-      l = await Ae(
+  const s = W(e.entityName, e.moduleName), c = z(s), l = V(), d = [];
+  let w = "", u = {}, g = [];
+  if (e.bladeType === "details" && e.formFields)
+    try {
+      g = JSON.parse(e.formFields), g.length > 0 && (w = R(g, s.moduleNameUpperSnake), u = k(g));
+    } catch (y) {
+      throw console.error(o.red("❌ Invalid form-fields JSON")), y;
+    }
+  const p = await j(
+    l,
+    a,
+    e.bladeType,
+    c,
+    e.isWorkspace,
+    w,
+    g
+  );
+  if (d.push(p), e.includeComposable) {
+    const y = await G(
+      l,
+      a,
+      e.bladeType,
+      s,
+      c
+    );
+    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`}";
+`;
+    r.existsSync(b) ? r.readFileSync(b, "utf-8").includes(h) || r.appendFileSync(b, h) : r.writeFileSync(b, h);
+  }
+  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 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);
+    }
+  }
+  console.log(o.cyan(`
+✨ Formatting files with Prettier...
+`));
+  for (const y of d)
+    await P(y);
+  console.log(o.green(`
+✅ Blade generated successfully!
+`));
+}
+async function ke(t, e, n, a) {
+  console.log(o.cyan(`
+📦 Creating new module
+`));
+  let s;
+  {
+    let l = {
+      ...await x(
         [
           {
-            name: "appName",
-            type: o ? null : "text",
-            message: t.reset("Project name:"),
-            initial: i,
-            onState: (n) => o = p(String(n.value).trim()) || i,
-            format: (n) => p(String(n).trim())
-          },
-          {
-            type: () => !s.existsSync(o) || q(o) ? null : "confirm",
-            name: "overwrite",
-            message: () => (o === "." ? "Current directory" : `Target directory "${o}"`) + " is not empty. Remove existing files and continue?"
-          },
-          {
-            type: (n, { overwrite: g }) => {
-              if (g === !1)
-                throw new Error(t.red("✖") + " Operation cancelled");
-              return null;
-            },
-            name: "overwriteChecker"
-          },
-          {
-            name: "packageName",
-            type: () => w(u()) ? null : "text",
-            message: t.reset("Package name:"),
-            initial: () => p(u()),
-            validate: (n) => w(n) || "Invalid package.json name"
+            type: "text",
+            name: "moduleName",
+            message: "Module name (e.g., products, orders):",
+            validate: (d) => d.length > 0 ? !0 : "Module name is required",
+            format: (d) => N(d)
+            // Normalize to kebab-case
           },
           {
-            name: "basePath",
             type: "text",
-            message: t.reset("Base path:"),
-            initial: () => "/apps/" + p(u()) + "/",
-            format: (n) => Y(String(n).trim())
+            name: "entitySingular",
+            message: "Entity name (e.g., Product, Order):",
+            validate: (d) => d.length > 0 ? !0 : "Entity name is required"
           },
           {
-            type: "select",
-            name: "variant",
-            message: t.reset("Select module variant:"),
-            choices: j.map((n) => ({
-              title: n.display,
-              value: n.name
-            }))
-          },
+            type: "confirm",
+            name: "createBothBlades",
+            message: "Create both Grid and Details blades?",
+            initial: !0
+          }
+        ],
+        {
+          onCancel: () => {
+            throw new E();
+          }
+        }
+      ),
+      createGridBlade: !1,
+      createDetailsBlade: !1,
+      gridIsWorkspace: !1,
+      detailsIsWorkspace: !1,
+      includeComposables: !0,
+      includeLocales: !0,
+      customizeForm: !1
+    };
+    if (l.createBothBlades) {
+      const d = await x(
+        {
+          type: "select",
+          name: "workspace",
+          message: "Which blade should be the workspace blade (main module blade)?",
+          choices: [
+            { title: "Grid blade", value: "grid" },
+            { title: "Details blade", value: "details" },
+            { title: "None", value: "none" }
+          ]
+        },
+        {
+          onCancel: () => {
+            throw new E();
+          }
+        }
+      );
+      l.createGridBlade = !0, l.createDetailsBlade = !0, l.gridIsWorkspace = d.workspace === "grid", l.detailsIsWorkspace = d.workspace === "details";
+    } else {
+      const d = await x(
+        [
           {
-            name: "moduleName",
-            type: "text",
-            message: t.reset("Module name:"),
-            initial: () => C(u()),
-            format: (n) => String(n).trim()
+            type: "select",
+            name: "bladeType",
+            message: "Which blade type?",
+            choices: [
+              { title: "Grid (List with table, search, pagination)", value: "grid" },
+              { title: "Details (Form with validation and toolbar)", value: "details" }
+            ]
           },
           {
-            name: "mocks",
             type: "confirm",
-            message: "Do you want to include additional module with sample data?",
-            initial: !1
+            name: "isWorkspace",
+            message: "Make this a workspace blade (main module blade)?",
+            initial: !0
           }
         ],
         {
           onCancel: () => {
-            throw new Error(t.red("✖") + " Creation cancelled");
+            throw new E();
           }
         }
       );
-  } catch (n) {
-    console.log(n.message), Ee(1);
-  }
-  const { packageName: Se, variant: v, moduleName: d, appName: z, basePath: ke, mocks: Ce } = l, A = /* @__PURE__ */ new Map([
-    ["{{ModuleName}}", p(d)],
-    ["{{ModuleNamePascalCase}}", L(G(d))],
-    ["{{ModuleNameUppercase}}", d.toUpperCase()],
-    ["{{ModuleNameUppercaseSnakeCase}}", ma(d).toUpperCase()],
-    ["{{ModuleNameExports}}", pa(G(d))],
-    ["{{ModuleNameSentenceCase}}", C(d)],
-    ["{{AppName}}", z],
-    ["{{AppNameSentenceCase}}", C(z)],
-    ["{{BasePath}}", ke],
-    ["{{PackageName}}", Se || u()]
-  ]), f = c.join(a, o);
-  s.existsSync(f) ? he(f) : s.existsSync(f) || s.mkdirSync(f), console.log(`
-Scaffolding app in ${f}...`);
-  const we = c.resolve(Oe(import.meta.url), "..", "templates");
-  function m(n, g = "") {
-    const S = c.resolve(we, n), N = s.readdirSync(S);
-    for (const y of N) {
-      const O = c.join(S, y);
-      let k = da[y] ?? y;
-      for (const [D, h] of A.entries()) {
-        const E = new RegExp(D, "g");
-        k = k.replace(E, h);
+      l.createGridBlade = d.bladeType === "grid", l.createDetailsBlade = d.bladeType === "details", l.gridIsWorkspace = l.createGridBlade && d.isWorkspace, l.detailsIsWorkspace = l.createDetailsBlade && d.isWorkspace;
+    }
+    if (l.createDetailsBlade) {
+      const d = await x(
+        {
+          type: "confirm",
+          name: "customizeForm",
+          message: "Customize form fields interactively?",
+          initial: !1
+        },
+        {
+          onCancel: () => {
+            throw new E();
+          }
+        }
+      );
+      l.customizeForm = d.customizeForm;
+    }
+    s = l;
+  }
+  await re(t, s, n, a);
+}
+async function re(t, e, 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.`
+      );
+    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")
+    ];
+    for (const h of d)
+      if (!r.existsSync(h))
+        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}`);
+        }
+    const w = V(), u = [];
+    let g = "", p = {};
+    if (e.createGridBlade) {
+      const h = await j(w, l, "grid", c, e.gridIsWorkspace);
+      u.push(h);
+    }
+    let i = [];
+    if (e.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")), $;
+        }
+      else e.customizeForm && !a && (i = await ne(), i.length > 0 && (g = R(i, s.moduleNameUpperSnake), p = k(i)));
+      const h = await j(
+        w,
+        l,
+        "details",
+        c,
+        e.detailsIsWorkspace,
+        g,
+        i
+      );
+      u.push(h);
+    }
+    if (e.includeComposables) {
+      if (e.createGridBlade) {
+        const $ = await G(w, l, "grid", s, c);
+        u.push($);
+      }
+      if (e.createDetailsBlade) {
+        const $ = await G(
+          w,
+          l,
+          "details",
+          s,
+          c
+        );
+        u.push($);
       }
-      const M = c.join(f, g, k);
-      if (s.statSync(O).isDirectory())
-        s.mkdirSync(M, { recursive: !0 }), m(c.join(n, y), c.join(g, k));
-      else if ([".png", ".jpg", ".jpeg", ".gif", ".bmp", ".ico", ".pdf", ".zip"].includes(
-        c.extname(y).toLowerCase()
-      ))
-        s.copyFileSync(O, M);
-      else {
-        let h = s.readFileSync(O, "utf-8");
-        for (const [E, je] of A.entries()) {
-          const Re = new RegExp(E, "g");
-          h = h.replace(Re, je);
+      const h = await Be(l, e, s);
+      u.push(h);
+    }
+    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";
+export { en };
+`), u.push($);
+    }
+    const f = m.join(l, "index.ts");
+    r.writeFileSync(f, `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);
+    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(`
+✨ Formatting files with Prettier...
+`));
+    for (const h of u)
+      await P(h);
+    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);
+    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
+`)));
+  } catch (s) {
+    throw console.error(o.red(`
+❌ Module generation failed:`), s.message), s;
+  }
+}
+async function je(t) {
+  try {
+    console.log(o.cyan(`
+📄 Adding blade to existing module
+`));
+    const e = m.join(t, "src", "modules");
+    if (!r.existsSync(e))
+      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());
+    if (n.length === 0)
+      throw console.error(o.red("❌ No existing modules found")), new Error("No existing modules found");
+    const a = await x(
+      [
+        {
+          type: "autocomplete",
+          name: "moduleName",
+          message: "Select existing module:",
+          choices: n.map((S) => ({ title: S, value: S }))
+        },
+        {
+          type: "text",
+          name: "entitySingular",
+          message: "Entity name (e.g., Product, Order):",
+          validate: (S) => S.length > 0 ? !0 : "Entity name is required"
+        },
+        {
+          type: "select",
+          name: "bladeType",
+          message: "Blade type:",
+          choices: [
+            { title: "Grid (List with table, search, pagination)", value: "grid" },
+            { title: "Details (Form with validation and toolbar)", value: "details" }
+          ]
+        },
+        {
+          type: "confirm",
+          name: "isWorkspace",
+          message: "Is this a workspace blade?",
+          initial: !1
+        },
+        {
+          type: "confirm",
+          name: "includeComposable",
+          message: "Include composable?",
+          initial: !0
+        }
+      ],
+      {
+        onCancel: () => {
+          throw new E();
         }
-        s.writeFileSync(M, h);
       }
+    );
+    let s = !1;
+    a.bladeType === "details" && (s = (await x(
+      {
+        type: "confirm",
+        name: "customizeForm",
+        message: "Customize form fields interactively?",
+        initial: !1
+      },
+      {
+        onCancel: () => {
+          throw new E();
+        }
+      }
+    )).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,
+      d,
+      a.bladeType,
+      l,
+      a.isWorkspace,
+      g,
+      i
+    );
+    if (u.push(f), a.includeComposable) {
+      const S = await G(
+        w,
+        d,
+        a.bladeType,
+        c,
+        l
+      );
+      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`}";
+`;
+      r.existsSync(h) ? r.readFileSync(h, "utf-8").includes(I) || r.appendFileSync(h, I) : r.writeFileSync(h, I);
     }
+    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")));
+      }
+    }
+    const y = a.bladeType === "grid" ? `${c.entitySingularPascal}List` : `${c.entitySingularPascal}Details`, b = a.bladeType === "grid" ? l["{{entity-name-plural}}"] : `${l["{{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);
+    console.log(o.green(`
+✅ Blade generated successfully!
+`));
+  } catch (e) {
+    throw console.error(o.red(`
+❌ Blade generation failed:`), e.message), e;
   }
-  if (m("base"), T[v].forEach((n) => {
-    m(`modules/${n}`, "src/modules/" + A.get("{{ModuleName}}"));
-  }), Ce && (v === "dynamic" && T[v].forEach((n) => {
-    m(`sample/${n}`, "src/modules/sample");
-  }), v === "classic" && T[v].forEach((n) => {
-    m(`sample/${n}`, "src/modules/sample");
-  }), m("mocks", "src/modules/sample"), m("sample/overrides", "src")), console.log(`
-Done. You can now run application:
-`), f !== a) {
-    const n = c.relative(a, f);
-    console.log(
-      `  ${t.bold(t.green(`cd ${n.includes(" ") ? `"${n}"` : n}`))}`
+}
+async function Q(t) {
+  try {
+    console.log(o.cyan(`
+🧩 Creating widget
+`));
+    const e = m.join(t, "src", "modules");
+    if (!r.existsSync(e))
+      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());
+    if (n.length === 0)
+      throw console.error(o.red("❌ No existing modules found")), new Error("No existing modules found");
+    const a = await x(
+      {
+        type: "autocomplete",
+        name: "moduleName",
+        message: "Select module:",
+        choices: n.map((u) => ({ title: u, value: u }))
+      },
+      {
+        onCancel: () => {
+          throw new E();
+        }
+      }
+    ), s = m.join(e, a.moduleName), c = m.join(s, "pages");
+    if (!r.existsSync(c))
+      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)
+      throw console.error(o.red("❌ No blades found in this module")), new Error("No blades found in module");
+    const d = await x(
+      [
+        {
+          type: "autocomplete",
+          name: "bladeName",
+          message: "Select blade to register widget in:",
+          choices: l.map((u) => ({ title: u, value: u.replace(".vue", "") }))
+        },
+        {
+          type: "text",
+          name: "widgetName",
+          message: "Widget name (e.g., Stats, Chart, Items):",
+          validate: (u) => u.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"
+        },
+        {
+          type: "select",
+          name: "icon",
+          message: "Widget icon:",
+          choices: [
+            { title: "List (material-list)", value: "material-list" },
+            { title: "Sell/Price (material-sell)", value: "material-sell" },
+            { title: "Shopping Cart (material-shopping_cart)", value: "material-shopping_cart" },
+            { title: "Star/Rating (material-star)", value: "material-star" },
+            { title: "Image (material-image)", value: "material-image" },
+            { title: "Description (material-description)", value: "material-description" },
+            { title: "Custom (enter manually)", value: "custom" }
+          ]
+        }
+      ],
+      {
+        onCancel: () => {
+          throw new E();
+        }
+      }
     );
+    let w = d.icon;
+    w === "custom" && (w = (await x(
+      {
+        type: "text",
+        name: "customIcon",
+        message: "Enter custom icon name (e.g., material-dashboard):",
+        validate: (g) => g.length > 0 ? !0 : "Icon is required"
+      },
+      {
+        onCancel: () => {
+          throw new E();
+        }
+      }
+    )).customIcon), await Ge(s, d, w, a.moduleName);
+  } catch (e) {
+    throw console.error(o.red(`
+❌ Widget generation failed:`), e.message), e;
+  }
+}
+async function Ge(t, e, 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))
+      try {
+        r.mkdirSync(g, { recursive: !0 });
+      } catch (C) {
+        throw new Error(`Failed to create widget directory: ${C.message}`);
+      }
+    let f = r.readFileSync(l, "utf-8");
+    const y = {
+      "{{MODULE_NAME_UPPERCASE}}": v(a).toUpperCase(),
+      "{{WIDGET_NAME_UPPERCASE}}": v(e.widgetName).toUpperCase(),
+      "{{WIDGET_ICON}}": n,
+      "{{EntityName}}": s.entitySingularPascal,
+      "{{entityName}}": s.entitySingularCamel,
+      "{{ParentEntity}}": T(F(w)),
+      "{{parentEntityCamel}}": F(w),
+      "{{BladeName}}": `${s.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";
+`;
+    r.writeFileSync(i, S);
+    const h = m.join(u, "index.ts"), $ = `export * from "./${N(e.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))
+      try {
+        const C = JSON.parse(r.readFileSync(I, "utf-8")), M = Object.keys(C)[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"));
+        }
+      } catch (C) {
+        console.warn(o.yellow(`⚠️  Could not update locales: ${C.message}`));
+      }
+    const D = m.join(t, "pages", `${e.bladeName}.vue`);
+    if (r.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 P(p), await P(i), r.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) {
+    throw console.error(o.red(`
+❌ Widget file creation failed:`), s.message), s;
   }
-  console.log(`  ${t.bold(t.green("yarn"))}`), console.log(`  ${t.bold(t.green("yarn serve"))}`);
 }
-va().catch((e) => {
-  console.error(e);
+async function _e(t, e, n) {
+  let a = r.readFileSync(t, "utf-8");
+  if (!new RegExp(
+    `import\\s*\\{[^}]*\\b${e}\\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"`);
+      }
+    } 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)];
+        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);
+        } else
+          a = a.slice(0, f) + `
+import { ${e} } from "../components/widgets";
+` + a.slice(f);
+      }
+    }
+  }
+  const c = `${e}`, l = `  registerWidget(
+    {
+      id: "${c}",
+      component: ${e},
+      props: { item },
+      updateFunctionName: "updateActiveWidgetCount",
+      // isVisible: computed(() => !!props.param), // Uncomment to show widget only when blade has param
+    },
+    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);
+  } else {
+    const p = a.match(/defineExpose\s*\(/);
+    if (p) {
+      const i = a.indexOf(p[0]), f = `
+function registerWidgets() {
+${l}
+}
+
+registerWidgets();
+
+`;
+      a = a.slice(0, i) + f + a.slice(i);
+    } else {
+      const i = a.match(/<\/script>/);
+      if (i) {
+        const f = a.indexOf(i[0]), y = `
+function registerWidgets() {
+${l}
+}
+
+registerWidgets();
+
+`;
+        a = a.slice(0, f) + y + a.slice(f);
+      }
+    }
+  }
+  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);
+  } else {
+    const p = a.match(/defineExpose\s*\(/);
+    if (p) {
+      const i = a.indexOf(p[0]), f = `
+onBeforeUnmount(() => {
+${w}
 });
+
+`;
+      a = a.slice(0, i) + f + a.slice(i);
+    }
+  }
+  const g = [
+    // 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)];
+    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}"`);
+      }
+    } 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);
+        } else
+          a = a.slice(0, h) + `
+import { ${p} } from "${i}";
+` + a.slice(h);
+      }
+    }
+  }
+  if (!a.includes("const blade = useBlade()")) {
+    const p = `
+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);
+    }
+  }
+  if (!a.includes("const { registerWidget, unregisterWidget } = useWidgets()")) {
+    const p = `
+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);
+    }
+  }
+  r.writeFileSync(t, 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(
+    /{{menuItem}}/g,
+    `{
+    id: "${a["{{entityName}}"]}",
+    title: "${a["{{MODULE_NAME_UPPERCASE}}"]}.MENU.TITLE",
+    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);
+    else {
+      const i = oe(a["{{MODULE_NAME_UPPERCASE}}"]);
+      g = g.replace(/\{\{FORM_FIELDS\}\}/g, i);
+    }
+    if (l && Me(l)) {
+      g = g.replace(/\{\{GALLERY_IMPORTS\}\}/g, `
+  useAssets,
+  ICommonAsset,`);
+      const i = Ne(a["{{entityName}}"]);
+      g = g.replace(/\{\{GALLERY_SCRIPT_ADDITIONS\}\}/g, i);
+    } else
+      g = g.replace(/\{\{GALLERY_IMPORTS\}\}/g, ""), g = g.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 = {
+    TITLE: "Information",
+    NAME: "Name",
+    NAME_PLACEHOLDER: `Enter ${e.entitySingularCamel} name`,
+    CREATED_DATE: "Created Date"
+  }, l = a && Object.keys(a).length > 0 ? { TITLE: "Information", ...a } : c, d = {
+    [e.moduleNameUpperSnake]: {
+      MENU: {
+        TITLE: e.entityPluralPascal
+      },
+      PAGES: {
+        LIST: {
+          TITLE: e.entityPluralPascal,
+          SEARCH: {
+            PLACEHOLDER: `Search ${e.entityPluralCamel}...`
+          },
+          TOOLBAR: {
+            REFRESH: "Refresh",
+            ADD: `Add ${e.entitySingularPascal}`,
+            DELETE: "Delete selected"
+          },
+          TABLE: {
+            HEADER: {
+              NAME: "Name",
+              CREATED_DATE: "Created"
+            },
+            TOTALS: `{count} ${e.entityPluralCamel}`,
+            FILTER: {
+              STATUS: {
+                TITLE: "Status",
+                Active: "Active",
+                Inactive: "Inactive",
+                Pending: "Pending"
+              },
+              DATE: {
+                TITLE: "Date Range",
+                START_DATE: "Start Date",
+                END_DATE: "End Date"
+              },
+              APPLY: "Apply",
+              RESET: "Reset"
+            }
+          },
+          EMPTY: {
+            NO_ITEMS: `No ${e.entityPluralCamel} yet`,
+            ADD: `Add ${e.entitySingularPascal}`
+          },
+          NOT_FOUND: {
+            EMPTY: `No ${e.entityPluralCamel} found`,
+            RESET: "Reset search"
+          }
+        },
+        DETAILS: {
+          TITLE: `New ${e.entitySingularPascal}`,
+          TOOLBAR: {
+            SAVE: "Save",
+            DELETE: "Delete"
+          },
+          FORM: {
+            INFO: l
+          }
+        },
+        ALERTS: {
+          DELETE: `Are you sure you want to delete this ${e.entitySingularCamel}?`,
+          DELETE_SELECTED_CONFIRMATION: {
+            MESSAGE: `Are you sure you want to delete {count} ${e.entityPluralCamel}?`,
+            ALL: "all {totalCount}"
+          },
+          CLOSE_CONFIRMATION: "You have unsaved changes. Are you sure you want to close?",
+          NOT_VALID: "Please fill all required fields correctly."
+        }
+      }
+    }
+  };
+  return r.writeFileSync(s, JSON.stringify(d, null, 2)), console.log(o.green("✓ Created locales file")), s;
+}
+async function qe(t) {
+  const { args: e, cwd: n } = t, a = e._[0] || e.name || e["app-name"], l = await Ue({
+    args: e,
+    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
+  }), console.log(o.cyan(`
+📦 Scaffolding app in ${o.bold(d)}...`));
+  const w = Ke(l), u = Je({
+    templateName: "base",
+    targetDirectory: d,
+    replacements: w
+  });
+  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), {
+    root: d,
+    filesCreated: u,
+    config: l
+  };
+}
+async function Ue(t) {
+  const { args: e, defaultAppName: n, hasAllArgs: a } = t;
+  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)}/`);
+    return {
+      appName: s,
+      packageName: l,
+      moduleName: "",
+      basePath: d
+    };
+  }
+  return ze(n);
+}
+async function ze(t) {
+  let e = t;
+  try {
+    const n = await x(
+      [
+        {
+          name: "appName",
+          type: "text",
+          message: o.reset("Project name:"),
+          initial: t,
+          onState: (l) => {
+            e = A(String(l.value).trim()) || t;
+          },
+          format: (l) => A(String(l).trim())
+        },
+        {
+          type: () => !r.existsSync(e) || de(e) ? null : "confirm",
+          name: "overwrite",
+          message: () => (e === "." ? "Current directory" : `Target directory "${e}"`) + " is not empty. Remove existing files and continue?"
+        },
+        {
+          type: (l, { overwrite: d }) => {
+            if (d === !1)
+              throw new E();
+            return null;
+          },
+          name: "overwriteChecker"
+        },
+        {
+          name: "packageName",
+          type: () => L(e) ? null : "text",
+          message: o.reset("Package name:"),
+          initial: () => A(e),
+          validate: (l) => L(l) || "Invalid package.json name"
+        },
+        {
+          name: "basePath",
+          type: "text",
+          message: o.reset("Base path:"),
+          initial: () => `/apps/${A(e)}/`,
+          format: (l) => ee(String(l).trim())
+        }
+      ],
+      {
+        onCancel: () => {
+          throw new E();
+        }
+      }
+    ), a = n.appName || A(t), s = n.packageName || A(a), c = n.basePath || `/apps/${a}/`;
+    return {
+      appName: a,
+      packageName: s,
+      moduleName: "",
+      basePath: c
+    };
+  } catch (n) {
+    if (n instanceof E)
+      throw n;
+    const a = n;
+    throw new B([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.`
+      ]);
+    ce(t);
+  } else
+    r.mkdirSync(t, { recursive: !0 });
+}
+function Ke(t) {
+  return /* @__PURE__ */ new Map([
+    ["{{AppName}}", t.appName],
+    ["{{AppNameSentenceCase}}", tt(t.appName)],
+    ["{{BasePath}}", t.basePath],
+    ["{{PackageName}}", t.packageName]
+  ]);
+}
+function Je(t) {
+  const e = m.resolve(X(import.meta.url), "..", "..", "templates"), n = m.join(e, t.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;
+    }
+    const u = m.dirname(d);
+    if (r.existsSync(u) || r.mkdirSync(u, { recursive: !0 }), Qe(s))
+      r.copyFileSync(s, d);
+    else {
+      const g = r.readFileSync(s, "utf-8"), p = Ze(g, t.replacements);
+      r.writeFileSync(d, p);
+    }
+    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 Ye(t, e) {
+  let n = t;
+  for (const [a, s] of e) {
+    const c = new RegExp(a, "g");
+    n = n.replace(c, s);
+  }
+  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);
+  }
+  return n;
+}
+function Qe(t) {
+  const e = m.extname(t).toLowerCase();
+  return [".png", ".jpg", ".jpeg", ".gif", ".bmp", ".ico", ".pdf", ".zip"].includes(e);
+}
+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 de(t) {
+  const e = r.readdirSync(t);
+  return e.length === 0 || e.length === 1 && e[0] === ".git";
+}
+async function Xe(t) {
+  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}`));
+  }
+}
+async function et(t, e) {
+  console.log(o.cyan(`
+🏗️  Creating module with blade generator...
+`));
+  try {
+    await le({
+      name: void 0,
+      type: void 0,
+      module: void 0,
+      composable: !0,
+      locales: !0,
+      widget: !1,
+      isWorkspace: !0,
+      path: t,
+      formFields: e["form-fields"],
+      skipFormEditor: e["skip-form-editor"],
+      _skipActionPrompt: !0
+    });
+  } catch (n) {
+    if (n instanceof E) {
+      console.log(o.yellow(`
+⚠️  Module generation cancelled`)), console.log(o.yellow("   You can add modules later using: create-vc-app blade"));
+      return;
+    }
+    console.log(o.yellow(`
+⚠️  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(" ");
+}
+async function at(t) {
+  const e = ge(t);
+  if (e.help)
+    return we(), 0;
+  if (e.version)
+    return be(), 0;
+  nt();
+  const n = e._[0];
+  if (n === "blade" || n === "generate")
+    return await ot(e), 0;
+  const a = ye(e);
+  if (a.length > 0)
+    throw new B(a);
+  return lt(), await st(e), 0;
+}
+function nt() {
+  const t = Ee();
+  if (!t.compatible)
+    throw new O(
+      [
+        o.red(`❌ Node.js ${t.minVersion} or higher is required.`),
+        o.red(`   Current version: ${t.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 st(t) {
+  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) {
+      console.log(o.yellow(`
+⚠️  Operation cancelled by user`)), console.log(o.gray(`   No changes were made.
+`));
+      return;
+    }
+    throw e;
+  }
+}
+function lt() {
+  const t = "═".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}╝
+`)));
+}
+function rt(t, e, 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())}`));
+}
+function it(t) {
+  console.log(o.cyan(`
+🚀 Next steps:
+`));
+  const e = _();
+  if (t !== e) {
+    const n = m.relative(e, t) || t, 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() {
+  try {
+    await at(process.argv.slice(2));
+  } catch (t) {
+    dt(t);
+  }
+}
+function dt(t) {
+  if (t instanceof E && (console.log(o.yellow(`
+⚠️  Operation cancelled by user
+`)), process.exit(0)), t instanceof B) {
+    if (t.issues?.length) {
+      console.error(o.red(`
+❌ Validation errors:
+`));
+      for (const n of t.issues)
+        console.error(o.red(`   • ${n}`));
+      console.log(o.gray(`
+   Run ${o.cyan("create-vc-app --help")} for usage information.
+`));
+    }
+    process.exit(t.exitCode);
+  }
+  t instanceof O && (console.error(t.message), process.exit(t.exitCode));
+  const e = t instanceof Error ? t.message : String(t);
+  console.error(o.red(`
+❌ Unexpected error: ${e}`)), t instanceof Error && t.stack && console.error(o.gray(t.stack)), process.exit(1);
+}
+ct();