@wix/create-new 0.0.38 → 0.0.40

package/build/index.js

@@ -112,7 +112,7 @@ import {
   writeJson,
   writePackageJson,
   zod_default
-} from "./chunk-OZM7WZ4W.js";
+} from "./chunk-CEXXL22E.js";
 import {
   __commonJS,
   __dirname,
@@ -3374,20 +3374,20 @@ Expecting one of '${allowedValues.join("', '")}'`);
         let debugOption;
         let debugHost = "127.0.0.1";
         let debugPort = "9229";
-        let match35;
-        if ((match35 = arg.match(/^(--inspect(-brk)?)$/)) !== null) {
-          debugOption = match35[1];
-        } else if ((match35 = arg.match(/^(--inspect(-brk|-port)?)=([^:]+)$/)) !== null) {
-          debugOption = match35[1];
-          if (/^\d+$/.test(match35[3])) {
-            debugPort = match35[3];
+        let match37;
+        if ((match37 = arg.match(/^(--inspect(-brk)?)$/)) !== null) {
+          debugOption = match37[1];
+        } else if ((match37 = arg.match(/^(--inspect(-brk|-port)?)=([^:]+)$/)) !== null) {
+          debugOption = match37[1];
+          if (/^\d+$/.test(match37[3])) {
+            debugPort = match37[3];
           } else {
-            debugHost = match35[3];
+            debugHost = match37[3];
           }
-        } else if ((match35 = arg.match(/^(--inspect(-brk|-port)?)=([^:]+):(\d+)$/)) !== null) {
-          debugOption = match35[1];
-          debugHost = match35[3];
-          debugPort = match35[4];
+        } else if ((match37 = arg.match(/^(--inspect(-brk|-port)?)=([^:]+):(\d+)$/)) !== null) {
+          debugOption = match37[1];
+          debugHost = match37[3];
+          debugPort = match37[4];
         }
         if (debugOption && debugPort !== "0") {
           return `${debugOption}=${debugHost}:${parseInt(debugPort) + 1}`;
@@ -5254,14 +5254,14 @@ var require_ms = __commonJS({
       if (str.length > 100) {
         return;
       }
-      var match35 = /^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(
+      var match37 = /^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(
         str
       );
-      if (!match35) {
+      if (!match37) {
         return;
       }
-      var n3 = parseFloat(match35[1]);
-      var type = (match35[2] || "ms").toLowerCase();
+      var n3 = parseFloat(match37[1]);
+      var type = (match37[2] || "ms").toLowerCase();
       switch (type) {
         case "years":
         case "year":
@@ -5394,19 +5394,19 @@ var require_common = __commonJS({
             args.unshift("%O");
           }
           let index = 0;
-          args[0] = args[0].replace(/%([a-zA-Z%])/g, (match35, format2) => {
-            if (match35 === "%%") {
+          args[0] = args[0].replace(/%([a-zA-Z%])/g, (match37, format2) => {
+            if (match37 === "%%") {
               return "%";
             }
             index++;
             const formatter = createDebug.formatters[format2];
             if (typeof formatter === "function") {
               const val = args[index];
-              match35 = formatter.call(self2, val);
+              match37 = formatter.call(self2, val);
               args.splice(index, 1);
               index--;
             }
-            return match35;
+            return match37;
           });
           createDebug.formatArgs.call(self2, args);
           const logFn = self2.log || createDebug.log;
@@ -5643,12 +5643,12 @@ var require_browser = __commonJS({
       args.splice(1, 0, c2, "color: inherit");
       let index = 0;
       let lastC = 0;
-      args[0].replace(/%[a-zA-Z%]/g, (match35) => {
-        if (match35 === "%%") {
+      args[0].replace(/%[a-zA-Z%]/g, (match37) => {
+        if (match37 === "%%") {
           return;
         }
         index++;
-        if (match35 === "%c") {
+        if (match37 === "%c") {
           lastC = index;
         }
       });
@@ -6951,8 +6951,8 @@ var require_cookies = __commonJS({
             document.cookie = cookie.join("; ");
           },
           read: function read(name) {
-            var match35 = document.cookie.match(new RegExp("(^|;\\s*)(" + name + ")=([^;]*)"));
-            return match35 ? decodeURIComponent(match35[3]) : null;
+            var match37 = document.cookie.match(new RegExp("(^|;\\s*)(" + name + ")=([^;]*)"));
+            return match37 ? decodeURIComponent(match37[3]) : null;
           },
           remove: function remove(name) {
             this.write(name, "", Date.now() - 864e5);
@@ -14911,21 +14911,21 @@ var require_stack_utils = __commonJS({
         return res;
       }
       parseLine(line) {
-        const match35 = line && line.match(re);
-        if (!match35) {
+        const match37 = line && line.match(re);
+        if (!match37) {
           return null;
         }
-        const ctor = match35[1] === "new";
-        let fname = match35[2];
-        const evalOrigin = match35[3];
-        const evalFile = match35[4];
-        const evalLine = Number(match35[5]);
-        const evalCol = Number(match35[6]);
-        let file = match35[7];
-        const lnum = match35[8];
-        const col = match35[9];
-        const native = match35[10] === "native";
-        const closeParen = match35[11] === ")";
+        const ctor = match37[1] === "new";
+        let fname = match37[2];
+        const evalOrigin = match37[3];
+        const evalFile = match37[4];
+        const evalLine = Number(match37[5]);
+        const evalCol = Number(match37[6]);
+        let file = match37[7];
+        const lnum = match37[8];
+        const col = match37[9];
+        const native = match37[10] === "native";
+        const closeParen = match37[11] === ")";
         let method;
         const res = {};
         if (lnum) {
@@ -15349,12 +15349,12 @@ var require_lodash = __commonJS({
     Stack.prototype.has = stackHas;
     Stack.prototype.set = stackSet;
     function arrayLikeKeys(value2, inherited) {
-      var isArr = isArray3(value2), isArg = !isArr && isArguments(value2), isBuff = !isArr && !isArg && isBuffer(value2), isType21 = !isArr && !isArg && !isBuff && isTypedArray(value2), skipIndexes = isArr || isArg || isBuff || isType21, result = skipIndexes ? baseTimes(value2.length, String) : [], length = result.length;
+      var isArr = isArray3(value2), isArg = !isArr && isArguments(value2), isBuff = !isArr && !isArg && isBuffer(value2), isType24 = !isArr && !isArg && !isBuff && isTypedArray(value2), skipIndexes = isArr || isArg || isBuff || isType24, result = skipIndexes ? baseTimes(value2.length, String) : [], length = result.length;
       for (var key in value2) {
         if ((inherited || hasOwnProperty3.call(value2, key)) && !(skipIndexes && // Safari 9 has enumerable `arguments.length` in strict mode.
         (key == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
         isBuff && (key == "offset" || key == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
-        isType21 && (key == "buffer" || key == "byteLength" || key == "byteOffset") || // Skip index properties.
+        isType24 && (key == "buffer" || key == "byteLength" || key == "byteOffset") || // Skip index properties.
         isIndex(key, length)))) {
           result.push(key);
         }
@@ -15726,89 +15726,6 @@ var require_arr_rotate = __commonJS({
   }
 });
 
-// ../../node_modules/supports-hyperlinks/index.js
-var require_supports_hyperlinks = __commonJS({
-  "../../node_modules/supports-hyperlinks/index.js"(exports, module2) {
-    "use strict";
-    init_esm_shims();
-    var supportsColor2 = require_supports_color();
-    var hasFlag2 = require_has_flag();
-    function parseVersion(versionString) {
-      if (/^\d{3,4}$/.test(versionString)) {
-        const m = /(\d{1,2})(\d{2})/.exec(versionString);
-        return {
-          major: 0,
-          minor: parseInt(m[1], 10),
-          patch: parseInt(m[2], 10)
-        };
-      }
-      const versions = (versionString || "").split(".").map((n3) => parseInt(n3, 10));
-      return {
-        major: versions[0],
-        minor: versions[1],
-        patch: versions[2]
-      };
-    }
-    function supportsHyperlink(stream) {
-      const { env: env2 } = process;
-      if ("FORCE_HYPERLINK" in env2) {
-        return !(env2.FORCE_HYPERLINK.length > 0 && parseInt(env2.FORCE_HYPERLINK, 10) === 0);
-      }
-      if (hasFlag2("no-hyperlink") || hasFlag2("no-hyperlinks") || hasFlag2("hyperlink=false") || hasFlag2("hyperlink=never")) {
-        return false;
-      }
-      if (hasFlag2("hyperlink=true") || hasFlag2("hyperlink=always")) {
-        return true;
-      }
-      if ("NETLIFY" in env2) {
-        return true;
-      }
-      if (!supportsColor2.supportsColor(stream)) {
-        return false;
-      }
-      if (stream && !stream.isTTY) {
-        return false;
-      }
-      if (process.platform === "win32") {
-        return false;
-      }
-      if ("CI" in env2) {
-        return false;
-      }
-      if ("TEAMCITY_VERSION" in env2) {
-        return false;
-      }
-      if ("TERM_PROGRAM" in env2) {
-        const version = parseVersion(env2.TERM_PROGRAM_VERSION);
-        switch (env2.TERM_PROGRAM) {
-          case "iTerm.app":
-            if (version.major === 3) {
-              return version.minor >= 1;
-            }
-            return version.major > 3;
-          case "WezTerm":
-            return version.major >= 20200620;
-          case "vscode":
-            return version.major > 1 || version.major === 1 && version.minor >= 72;
-        }
-      }
-      if ("VTE_VERSION" in env2) {
-        if (env2.VTE_VERSION === "0.50.0") {
-          return false;
-        }
-        const version = parseVersion(env2.VTE_VERSION);
-        return version.major > 0 || version.minor >= 50;
-      }
-      return false;
-    }
-    module2.exports = {
-      supportsHyperlink,
-      stdout: supportsHyperlink(process.stdout),
-      stderr: supportsHyperlink(process.stderr)
-    };
-  }
-});
-
 // ../../node_modules/cli-spinners/spinners.json
 var require_spinners = __commonJS({
   "../../node_modules/cli-spinners/spinners.json"(exports, module2) {
@@ -17455,6 +17372,89 @@ var require_cli_spinners = __commonJS({
   }
 });
 
+// ../../node_modules/supports-hyperlinks/index.js
+var require_supports_hyperlinks = __commonJS({
+  "../../node_modules/supports-hyperlinks/index.js"(exports, module2) {
+    "use strict";
+    init_esm_shims();
+    var supportsColor2 = require_supports_color();
+    var hasFlag2 = require_has_flag();
+    function parseVersion(versionString) {
+      if (/^\d{3,4}$/.test(versionString)) {
+        const m = /(\d{1,2})(\d{2})/.exec(versionString);
+        return {
+          major: 0,
+          minor: parseInt(m[1], 10),
+          patch: parseInt(m[2], 10)
+        };
+      }
+      const versions = (versionString || "").split(".").map((n3) => parseInt(n3, 10));
+      return {
+        major: versions[0],
+        minor: versions[1],
+        patch: versions[2]
+      };
+    }
+    function supportsHyperlink(stream) {
+      const { env: env2 } = process;
+      if ("FORCE_HYPERLINK" in env2) {
+        return !(env2.FORCE_HYPERLINK.length > 0 && parseInt(env2.FORCE_HYPERLINK, 10) === 0);
+      }
+      if (hasFlag2("no-hyperlink") || hasFlag2("no-hyperlinks") || hasFlag2("hyperlink=false") || hasFlag2("hyperlink=never")) {
+        return false;
+      }
+      if (hasFlag2("hyperlink=true") || hasFlag2("hyperlink=always")) {
+        return true;
+      }
+      if ("NETLIFY" in env2) {
+        return true;
+      }
+      if (!supportsColor2.supportsColor(stream)) {
+        return false;
+      }
+      if (stream && !stream.isTTY) {
+        return false;
+      }
+      if (process.platform === "win32") {
+        return false;
+      }
+      if ("CI" in env2) {
+        return false;
+      }
+      if ("TEAMCITY_VERSION" in env2) {
+        return false;
+      }
+      if ("TERM_PROGRAM" in env2) {
+        const version = parseVersion(env2.TERM_PROGRAM_VERSION);
+        switch (env2.TERM_PROGRAM) {
+          case "iTerm.app":
+            if (version.major === 3) {
+              return version.minor >= 1;
+            }
+            return version.major > 3;
+          case "WezTerm":
+            return version.major >= 20200620;
+          case "vscode":
+            return version.major > 1 || version.major === 1 && version.minor >= 72;
+        }
+      }
+      if ("VTE_VERSION" in env2) {
+        if (env2.VTE_VERSION === "0.50.0") {
+          return false;
+        }
+        const version = parseVersion(env2.VTE_VERSION);
+        return version.major > 0 || version.minor >= 50;
+      }
+      return false;
+    }
+    module2.exports = {
+      supportsHyperlink,
+      stdout: supportsHyperlink(process.stdout),
+      stderr: supportsHyperlink(process.stderr)
+    };
+  }
+});
+
 // ../../node_modules/void-elements/index.js
 var require_void_elements = __commonJS({
   "../../node_modules/void-elements/index.js"(exports, module2) {
@@ -18973,15 +18973,15 @@ var init_TraceState = __esm({
 
 // ../../node_modules/@opentelemetry/core/build/esm/trace/W3CTraceContextPropagator.js
 function parseTraceParent(traceParent) {
-  var match35 = TRACE_PARENT_REGEX.exec(traceParent);
-  if (!match35)
+  var match37 = TRACE_PARENT_REGEX.exec(traceParent);
+  if (!match37)
     return null;
-  if (match35[1] === "00" && match35[5])
+  if (match37[1] === "00" && match37[5])
     return null;
   return {
-    traceId: match35[2],
-    spanId: match35[3],
-    traceFlags: parseInt(match35[4], 16)
+    traceId: match37[2],
+    spanId: match37[3],
+    traceFlags: parseInt(match37[4], 16)
   };
 }
 var TRACE_PARENT_HEADER, TRACE_STATE_HEADER, VERSION2, VERSION_PART, TRACE_ID_PART, PARENT_ID_PART, FLAGS_PART, TRACE_PARENT_REGEX, W3CTraceContextPropagator;
@@ -20083,8 +20083,8 @@ var require_semver = __commonJS({
           }
           if (identifier) {
             const r2 = new RegExp(`^${this.options.loose ? src[t3.PRERELEASELOOSE] : src[t3.PRERELEASE]}$`);
-            const match35 = `-${identifier}`.match(r2);
-            if (!match35 || match35[1] !== identifier) {
+            const match37 = `-${identifier}`.match(r2);
+            if (!match37 || match37[1] !== identifier) {
               throw new Error(`invalid identifier: ${identifier}`);
             }
           }
@@ -20567,28 +20567,28 @@ var require_coerce = __commonJS({
         return null;
       }
       options = options || {};
-      let match35 = null;
+      let match37 = null;
       if (!options.rtl) {
-        match35 = version.match(options.includePrerelease ? re[t3.COERCEFULL] : re[t3.COERCE]);
+        match37 = version.match(options.includePrerelease ? re[t3.COERCEFULL] : re[t3.COERCE]);
       } else {
         const coerceRtlRegex = options.includePrerelease ? re[t3.COERCERTLFULL] : re[t3.COERCERTL];
         let next;
-        while ((next = coerceRtlRegex.exec(version)) && (!match35 || match35.index + match35[0].length !== version.length)) {
-          if (!match35 || next.index + next[0].length !== match35.index + match35[0].length) {
-            match35 = next;
+        while ((next = coerceRtlRegex.exec(version)) && (!match37 || match37.index + match37[0].length !== version.length)) {
+          if (!match37 || next.index + next[0].length !== match37.index + match37[0].length) {
+            match37 = next;
           }
           coerceRtlRegex.lastIndex = next.index + next[1].length + next[2].length;
         }
         coerceRtlRegex.lastIndex = -1;
       }
-      if (match35 === null) {
+      if (match37 === null) {
         return null;
       }
-      const major = match35[2];
-      const minor = match35[3] || "0";
-      const patch = match35[4] || "0";
-      const prerelease = options.includePrerelease && match35[5] ? `-${match35[5]}` : "";
-      const build = options.includePrerelease && match35[6] ? `+${match35[6]}` : "";
+      const major = match37[2];
+      const minor = match37[3] || "0";
+      const patch = match37[4] || "0";
+      const prerelease = options.includePrerelease && match37[5] ? `-${match37[5]}` : "";
+      const build = options.includePrerelease && match37[6] ? `+${match37[6]}` : "";
       return parse4(`${major}.${minor}.${patch}${prerelease}${build}`, options);
     };
     module2.exports = coerce;
@@ -26589,10 +26589,10 @@ var require_utils6 = __commonJS({
       if (!type || typeof type.getFields !== "function" || type[symbols_1.OTEL_PATCHED_SYMBOL]) {
         return;
       }
-      const fields11 = type.getFields();
+      const fields12 = type.getFields();
       type[symbols_1.OTEL_PATCHED_SYMBOL] = true;
-      Object.keys(fields11).forEach((key) => {
-        const field = fields11[key];
+      Object.keys(fields12).forEach((key) => {
+        const field = fields12[key];
         if (!field) {
           return;
         }
@@ -28293,7 +28293,7 @@ var require_instrumentation5 = __commonJS({
       }
       _patchCallbackQuery(span, parentContext) {
         return (originalCallback) => {
-          return function(err, results, fields11) {
+          return function(err, results, fields12) {
             if (err) {
               span.setStatus({
                 code: api_1.SpanStatusCode.ERROR,
@@ -28606,7 +28606,7 @@ var require_instrumentation6 = __commonJS({
       }
       _patchCallbackQuery(endSpan) {
         return (originalCallback) => {
-          return function(err, results, fields11) {
+          return function(err, results, fields12) {
             endSpan(err, results);
             return originalCallback(...arguments);
           };
@@ -31802,7 +31802,7 @@ var require_batch_queue = __commonJS({
       var fieldCounts = {};
       var batchLen = batch.e.length;
       var events = batch.e.map(function(event) {
-        var fields11 = Object.keys(event.f).map(function(field) {
+        var fields12 = Object.keys(event.f).map(function(field) {
           var value2 = event.f[field];
           var key = field + "|" + value2;
           fieldCounts[key] = fieldCounts[key] || 0;
@@ -31810,12 +31810,12 @@ var require_batch_queue = __commonJS({
           return [field, value2, key];
         });
         return _extends2({}, event, {
-          f: fields11
+          f: fields12
         });
       });
       var globalFields = {};
       events = events.map(function(event) {
-        var fields11 = event.f.reduce(function(res, _ref) {
+        var fields12 = event.f.reduce(function(res, _ref) {
           var _ref2 = _slicedToArray(_ref, 3), field = _ref2[0], value2 = _ref2[1], key = _ref2[2];
           if (fieldCounts[key] === batchLen) {
             globalFields[field] = value2;
@@ -31825,7 +31825,7 @@ var require_batch_queue = __commonJS({
           return res;
         }, {});
         return _extends2({}, event, {
-          f: fields11
+          f: fields12
         });
       });
       return _extends2({}, batch, {
@@ -32642,6 +32642,19 @@ var require_lib2 = __commonJS({
   }
 });
 
+// ../../node_modules/lodash/snakeCase.js
+var require_snakeCase = __commonJS({
+  "../../node_modules/lodash/snakeCase.js"(exports, module2) {
+    "use strict";
+    init_esm_shims();
+    var createCompounder = require_createCompounder();
+    var snakeCase2 = createCompounder(function(result, word, index) {
+      return result + (index ? "_" : "") + word.toLowerCase();
+    });
+    module2.exports = snakeCase2;
+  }
+});
+
 // ../../node_modules/source-map-js/lib/base64.js
 var require_base642 = __commonJS({
   "../../node_modules/source-map-js/lib/base64.js"(exports) {
@@ -32759,16 +32772,16 @@ var require_util = __commonJS({
     var urlRegexp = /^(?:([\w+\-.]+):)?\/\/(?:(\w+:\w+)@)?([\w.-]*)(?::(\d+))?(.*)$/;
     var dataUrlRegexp = /^data:.+\,.+$/;
     function urlParse(aUrl) {
-      var match35 = aUrl.match(urlRegexp);
-      if (!match35) {
+      var match37 = aUrl.match(urlRegexp);
+      if (!match37) {
         return null;
       }
       return {
-        scheme: match35[1],
-        auth: match35[2],
-        host: match35[3],
-        port: match35[4],
-        path: match35[5]
+        scheme: match37[1],
+        auth: match37[2],
+        host: match37[3],
+        port: match37[4],
+        path: match37[5]
       };
     }
     exports.urlParse = urlParse;
@@ -40083,8 +40096,8 @@ var require_lib3 = __commonJS({
         default:
           if (ch >= 48 && ch <= 55) {
             const startPos = pos - 1;
-            const match35 = /^[0-7]+/.exec(input.slice(startPos, pos + 2));
-            let octalStr = match35[0];
+            const match37 = /^[0-7]+/.exec(input.slice(startPos, pos + 2));
+            let octalStr = match37[0];
             let octal = parseInt(octalStr, 8);
             if (octal > 255) {
               octalStr = octalStr.slice(0, -1);
@@ -51371,12 +51384,12 @@ var getAllProperties = (object) => {
 };
 function autoBind(self2, { include, exclude } = {}) {
   const filter = (key) => {
-    const match35 = (pattern) => typeof pattern === "string" ? key === pattern : pattern.test(key);
+    const match37 = (pattern) => typeof pattern === "string" ? key === pattern : pattern.test(key);
     if (include) {
-      return include.some(match35);
+      return include.some(match37);
     }
     if (exclude) {
-      return !exclude.some(match35);
+      return !exclude.some(match37);
     }
     return true;
   };
@@ -56952,6 +56965,7 @@ var Input2 = ({
       },
       onSubmit: () => {
         if (!currentValue && placeholder) {
+          setCurrentValue(placeholder);
           onSubmit?.(placeholder);
         } else {
           onSubmit?.(currentValue);
@@ -57126,9 +57140,9 @@ var Highlighter = ({ pattern, text }) => {
   }
   const matches = text.matchAll(pattern);
   const hightlightMap = new Array(text.length).fill(0);
-  for (const match35 of matches) {
-    const start = match35.index;
-    const end = match35.index + match35[0].length;
+  for (const match37 of matches) {
+    const start = match37.index;
+    const end = match37.index + match37[0].length;
     for (let i2 = start; i2 < end; i2++) {
       hightlightMap[i2] = 1;
     }
@@ -57430,8 +57444,45 @@ init_esm_shims();
 
 // ../cli-ui-kit/src/components/TextInput/TextInput.tsx
 init_esm_shims();
-var import_react55 = __toESM(require_react(), 1);
+var import_react57 = __toESM(require_react(), 1);
 var import_variant15 = __toESM(require_lib(), 1);
+
+// ../cli-ui-kit/src/components/Spinner.tsx
+init_esm_shims();
+var import_react56 = __toESM(require_react(), 1);
+
+// ../../node_modules/ink-spinner/build/index.js
+init_esm_shims();
+var import_react55 = __toESM(require_react(), 1);
+var import_cli_spinners = __toESM(require_cli_spinners(), 1);
+function Spinner({ type = "dots" }) {
+  const [frame, setFrame] = (0, import_react55.useState)(0);
+  const spinner = import_cli_spinners.default[type];
+  (0, import_react55.useEffect)(() => {
+    const timer = setInterval(() => {
+      setFrame((previousFrame) => {
+        const isLastFrame = previousFrame === spinner.frames.length - 1;
+        return isLastFrame ? 0 : previousFrame + 1;
+      });
+    }, spinner.interval);
+    return () => {
+      clearInterval(timer);
+    };
+  }, [spinner]);
+  return import_react55.default.createElement(Text, null, spinner.frames[frame]);
+}
+var build_default2 = Spinner;
+
+// ../cli-ui-kit/src/components/Spinner.tsx
+var Spinner2 = ({ text }) => {
+  const spinnerNode = /* @__PURE__ */ import_react56.default.createElement(Text2, { skin: "info" }, /* @__PURE__ */ import_react56.default.createElement(build_default2, { type: "dots" }));
+  if (text) {
+    return /* @__PURE__ */ import_react56.default.createElement(Box_default, { gap: 1 }, spinnerNode, typeof text === "string" ? /* @__PURE__ */ import_react56.default.createElement(Text2, null, text) : text);
+  }
+  return spinnerNode;
+};
+
+// ../cli-ui-kit/src/components/TextInput/TextInput.tsx
 var TextInput2 = ({
   label,
   isActive,
@@ -57440,38 +57491,48 @@ var TextInput2 = ({
   validate: validate3 = () => true,
   inCreateFlow = false
 }) => {
-  const [inputState, setInputState] = (0, import_react55.useState)(
+  const [inputState, setInputState] = (0, import_react57.useState)(
     () => InputState.NotSubmitted(placeholder)
   );
-  const [isDirty, setIsDirty] = (0, import_react55.useState)(false);
-  const [validationError, setValidationError] = (0, import_react55.useState)();
-  const handleSubmit = (0, import_react55.useCallback)(
+  const [isDirty, setIsDirty] = (0, import_react57.useState)(false);
+  const [showSpinner, setShowSpinner] = (0, import_react57.useState)(false);
+  const [validationError, setValidationError] = (0, import_react57.useState)();
+  const handleSubmit = (0, import_react57.useCallback)(
     async (value2) => {
+      setValidationError(void 0);
       setIsDirty(false);
-      const validationResult = await validate3(value2);
-      if (validationResult !== true) {
-        setValidationError(validationResult);
-      } else {
-        setValidationError(void 0);
-        setInputState(InputState.Submitted(value2));
-        onSubmit(value2);
+      const validatingTimer = setTimeout(() => {
+        setShowSpinner(true);
+      }, 300);
+      try {
+        const validationResult = await validate3(value2);
+        if (validationResult !== true) {
+          setValidationError(validationResult);
+        } else {
+          setValidationError(void 0);
+          setInputState(InputState.Submitted(value2));
+          onSubmit(value2);
+        }
+      } finally {
+        clearTimeout(validatingTimer);
+        setShowSpinner(false);
       }
     },
     [onSubmit, validate3]
   );
   const afterValidationError = Boolean(validationError && !isDirty);
-  (0, import_react55.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     if (isActive) {
       setInputState(InputState.NotSubmitted(inputState.value));
     }
   }, [isActive]);
-  return /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null, /* @__PURE__ */ import_react55.default.createElement(Box_default, { marginBottom: 1, marginLeft: inCreateFlow ? -2 : 0 }, /* @__PURE__ */ import_react55.default.createElement(Text2, null, /* @__PURE__ */ import_react55.default.createElement(
+  return /* @__PURE__ */ import_react57.default.createElement(import_react57.default.Fragment, null, /* @__PURE__ */ import_react57.default.createElement(Box_default, { marginBottom: 1, marginLeft: inCreateFlow ? -2 : 0 }, /* @__PURE__ */ import_react57.default.createElement(Text2, null, /* @__PURE__ */ import_react57.default.createElement(
     InputLabel,
     {
-      icon: /* @__PURE__ */ import_react55.default.createElement(Text2, { skin: "question" }, /* @__PURE__ */ import_react55.default.createElement(PointerIcon, { appearance: "triangle" }))
+      icon: /* @__PURE__ */ import_react57.default.createElement(Text2, { skin: "question" }, /* @__PURE__ */ import_react57.default.createElement(PointerIcon, { appearance: "triangle" }))
     },
     label
-  ), (0, import_variant15.isType)(inputState, InputState.NotSubmitted) && /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null, " ", /* @__PURE__ */ import_react55.default.createElement(Text2, { skin: afterValidationError ? "error" : "standard" }, /* @__PURE__ */ import_react55.default.createElement(
+  ), (0, import_variant15.isType)(inputState, InputState.NotSubmitted) && /* @__PURE__ */ import_react57.default.createElement(import_react57.default.Fragment, null, " ", /* @__PURE__ */ import_react57.default.createElement(Text2, { skin: afterValidationError ? "error" : "standard" }, /* @__PURE__ */ import_react57.default.createElement(
     Input2,
     {
       placeholder: inputState.value,
@@ -57479,52 +57540,52 @@ var TextInput2 = ({
       onChange: () => setIsDirty(true),
       showCursor: afterValidationError
     }
-  ))))), (0, import_variant15.isType)(inputState, InputState.Submitted) && /* @__PURE__ */ import_react55.default.createElement(Box_default, { marginBottom: 1 }, /* @__PURE__ */ import_react55.default.createElement(Text2, { skin: "secondary" }, /* @__PURE__ */ import_react55.default.createElement(SuccessIcon, null), " ", inputState.value)), validationError && /* @__PURE__ */ import_react55.default.createElement(Box_default, { columnGap: 1 }, /* @__PURE__ */ import_react55.default.createElement(Text2, { skin: "error" }, /* @__PURE__ */ import_react55.default.createElement(PointerIcon, { appearance: "exclamation" })), /* @__PURE__ */ import_react55.default.createElement(Text2, { skin: "error" }, validationError)));
+  ))))), (0, import_variant15.isType)(inputState, InputState.Submitted) && /* @__PURE__ */ import_react57.default.createElement(Box_default, { marginBottom: 1 }, /* @__PURE__ */ import_react57.default.createElement(Text2, { skin: "secondary" }, /* @__PURE__ */ import_react57.default.createElement(SuccessIcon, null), " ", inputState.value)), validationError && /* @__PURE__ */ import_react57.default.createElement(Box_default, { columnGap: 1 }, /* @__PURE__ */ import_react57.default.createElement(Text2, { skin: "error" }, /* @__PURE__ */ import_react57.default.createElement(PointerIcon, { appearance: "exclamation" })), /* @__PURE__ */ import_react57.default.createElement(Text2, { skin: "error" }, validationError)), showSpinner && /* @__PURE__ */ import_react57.default.createElement(Box_default, { columnGap: 1 }, /* @__PURE__ */ import_react57.default.createElement(Text2, { skin: "secondary" }, /* @__PURE__ */ import_react57.default.createElement(Spinner2, null), " ", "Validating...")));
 };
 
 // ../cli-ui-kit/src/components/Alert.tsx
 init_esm_shims();
-var import_react56 = __toESM(require_react(), 1);
+var import_react58 = __toESM(require_react(), 1);
 var import_variant16 = __toESM(require_lib(), 1);
 var Alert = ({ type, children }) => {
   const icon = (0, import_variant16.match)(type, {
     error: (0, import_variant16.constant)(
-      /* @__PURE__ */ import_react56.default.createElement(Text2, { skin: "error" }, /* @__PURE__ */ import_react56.default.createElement(ErrorIcon, null))
+      /* @__PURE__ */ import_react58.default.createElement(Text2, { skin: "error" }, /* @__PURE__ */ import_react58.default.createElement(ErrorIcon, null))
     ),
     warning: (0, import_variant16.constant)(
-      /* @__PURE__ */ import_react56.default.createElement(Text2, { skin: "warning" }, /* @__PURE__ */ import_react56.default.createElement(WarningIcon, null))
+      /* @__PURE__ */ import_react58.default.createElement(Text2, { skin: "warning" }, /* @__PURE__ */ import_react58.default.createElement(WarningIcon, null))
     ),
     success: (0, import_variant16.constant)(
-      /* @__PURE__ */ import_react56.default.createElement(Text2, { skin: "success" }, /* @__PURE__ */ import_react56.default.createElement(SuccessIcon, null))
+      /* @__PURE__ */ import_react58.default.createElement(Text2, { skin: "success" }, /* @__PURE__ */ import_react58.default.createElement(SuccessIcon, null))
     ),
-    insight: (0, import_variant16.constant)(/* @__PURE__ */ import_react56.default.createElement(InsightIcon, null))
+    insight: (0, import_variant16.constant)(/* @__PURE__ */ import_react58.default.createElement(InsightIcon, null))
   });
-  return /* @__PURE__ */ import_react56.default.createElement(Text2, null, icon, " ", children);
+  return /* @__PURE__ */ import_react58.default.createElement(Text2, null, icon, " ", children);
 };
 
 // ../cli-ui-kit/src/components/Badge.tsx
 init_esm_shims();
-var import_react57 = __toESM(require_react(), 1);
+var import_react59 = __toESM(require_react(), 1);
 var skins2 = {
   success: { backgroundColor: "green" }
 };
 var Badge = ({ children, skin }) => {
-  return /* @__PURE__ */ import_react57.default.createElement(Text, { ...skins2[skin] }, " ", children, " ");
+  return /* @__PURE__ */ import_react59.default.createElement(Text, { ...skins2[skin] }, " ", children, " ");
 };
 
 // ../cli-ui-kit/src/components/Key.tsx
 init_esm_shims();
-var import_react58 = __toESM(require_react(), 1);
+var import_react60 = __toESM(require_react(), 1);
 var Key = ({ value: value2, skin }) => {
   if (skin === "secondary") {
-    return /* @__PURE__ */ import_react58.default.createElement(Text, null, /* @__PURE__ */ import_react58.default.createElement(Text, { inverse: true }, " ", value2, " "), /* @__PURE__ */ import_react58.default.createElement(Text, null, "\u2591"));
+    return /* @__PURE__ */ import_react60.default.createElement(Text, null, /* @__PURE__ */ import_react60.default.createElement(Text, { inverse: true }, " ", value2, " "), /* @__PURE__ */ import_react60.default.createElement(Text, null, "\u2591"));
   }
-  return /* @__PURE__ */ import_react58.default.createElement(Text, null, /* @__PURE__ */ import_react58.default.createElement(Text, { backgroundColor: "blueBright" }, " ", value2, " "), /* @__PURE__ */ import_react58.default.createElement(Text, { color: "blueBright" }, "\u2591"));
+  return /* @__PURE__ */ import_react60.default.createElement(Text, null, /* @__PURE__ */ import_react60.default.createElement(Text, { backgroundColor: "blueBright" }, " ", value2, " "), /* @__PURE__ */ import_react60.default.createElement(Text, { color: "blueBright" }, "\u2591"));
 };
 
 // ../cli-ui-kit/src/components/Link.tsx
 init_esm_shims();
-var import_react59 = __toESM(require_react(), 1);
+var import_react61 = __toESM(require_react(), 1);
 
 // ../../node_modules/terminal-link/index.js
 init_esm_shims();
@@ -57671,52 +57732,17 @@ terminalLink.stderr.isSupported = import_supports_hyperlinks.default.stderr;
 var Link = ({ skin, children, url }) => {
   if (children) {
     if (terminalLink.isSupported) {
-      return /* @__PURE__ */ import_react59.default.createElement(
+      return /* @__PURE__ */ import_react61.default.createElement(
         Transform,
         {
           transform: (childrenAsString) => terminalLink(childrenAsString, url, { fallback: false })
         },
-        /* @__PURE__ */ import_react59.default.createElement(Text2, { skin }, children)
+        /* @__PURE__ */ import_react61.default.createElement(Text2, { skin }, children)
       );
     }
-    return /* @__PURE__ */ import_react59.default.createElement(Text2, null, /* @__PURE__ */ import_react59.default.createElement(Text2, { skin }, children), " (", url, ")");
-  }
-  return /* @__PURE__ */ import_react59.default.createElement(Text2, { skin: "info" }, url);
-};
-
-// ../cli-ui-kit/src/components/Spinner.tsx
-init_esm_shims();
-var import_react61 = __toESM(require_react(), 1);
-
-// ../../node_modules/ink-spinner/build/index.js
-init_esm_shims();
-var import_react60 = __toESM(require_react(), 1);
-var import_cli_spinners = __toESM(require_cli_spinners(), 1);
-function Spinner({ type = "dots" }) {
-  const [frame, setFrame] = (0, import_react60.useState)(0);
-  const spinner = import_cli_spinners.default[type];
-  (0, import_react60.useEffect)(() => {
-    const timer = setInterval(() => {
-      setFrame((previousFrame) => {
-        const isLastFrame = previousFrame === spinner.frames.length - 1;
-        return isLastFrame ? 0 : previousFrame + 1;
-      });
-    }, spinner.interval);
-    return () => {
-      clearInterval(timer);
-    };
-  }, [spinner]);
-  return import_react60.default.createElement(Text, null, spinner.frames[frame]);
-}
-var build_default2 = Spinner;
-
-// ../cli-ui-kit/src/components/Spinner.tsx
-var Spinner2 = ({ text }) => {
-  const spinnerNode = /* @__PURE__ */ import_react61.default.createElement(Text2, { skin: "info" }, /* @__PURE__ */ import_react61.default.createElement(build_default2, { type: "dots" }));
-  if (text) {
-    return /* @__PURE__ */ import_react61.default.createElement(Box_default, { gap: 1 }, spinnerNode, typeof text === "string" ? /* @__PURE__ */ import_react61.default.createElement(Text2, null, text) : text);
+    return /* @__PURE__ */ import_react61.default.createElement(Text2, null, /* @__PURE__ */ import_react61.default.createElement(Text2, { skin }, children), " (", url, ")");
   }
-  return spinnerNode;
+  return /* @__PURE__ */ import_react61.default.createElement(Text2, { skin: "info" }, url);
 };
 
 // ../cli-ui-kit/src/components/ErrorDetails.tsx
@@ -59140,9 +59166,9 @@ init_esm_shims();
 var DATE_TIME_REGEX = /(?:[Eec]{1,6}|G{1,5}|[Qq]{1,5}|(?:[yYur]+|U{1,5})|[ML]{1,5}|d{1,2}|D{1,3}|F{1}|[abB]{1,5}|[hkHK]{1,2}|w{1,2}|W{1}|m{1,2}|s{1,2}|[zZOvVxX]{1,4})(?=([^']*'[^']*')*[^']*$)/g;
 function parseDateTimeSkeleton(skeleton) {
   var result = {};
-  skeleton.replace(DATE_TIME_REGEX, function(match35) {
-    var len = match35.length;
-    switch (match35[0]) {
+  skeleton.replace(DATE_TIME_REGEX, function(match37) {
+    var len = match37.length;
+    switch (match37[0]) {
       // Era
       case "G":
         result.era = len === 4 ? "long" : len === 5 ? "narrow" : "short";
@@ -61152,21 +61178,21 @@ if (REGEX_SUPPORTS_U_AND_Y) {
   matchIdentifierAtIndex = function matchIdentifierAtIndex2(s2, index) {
     var _a3;
     IDENTIFIER_PREFIX_RE_1.lastIndex = index;
-    var match35 = IDENTIFIER_PREFIX_RE_1.exec(s2);
-    return (_a3 = match35[1]) !== null && _a3 !== void 0 ? _a3 : "";
+    var match37 = IDENTIFIER_PREFIX_RE_1.exec(s2);
+    return (_a3 = match37[1]) !== null && _a3 !== void 0 ? _a3 : "";
   };
 } else {
   matchIdentifierAtIndex = function matchIdentifierAtIndex2(s2, index) {
-    var match35 = [];
+    var match37 = [];
     while (true) {
       var c2 = codePointAt(s2, index);
       if (c2 === void 0 || _isWhiteSpace(c2) || _isPatternSyntax(c2)) {
         break;
       }
-      match35.push(c2);
+      match37.push(c2);
       index += c2 >= 65536 ? 2 : 1;
     }
-    return fromCodePoint.apply(void 0, match35);
+    return fromCodePoint.apply(void 0, match37);
   };
 }
 var IDENTIFIER_PREFIX_RE_1;
@@ -63589,7 +63615,7 @@ var Interpolator = class {
     this.nestingRegexp = getOrResetRegExp(this.nestingRegexp, `${this.nestingPrefix}(.+?)${this.nestingSuffix}`);
   }
   interpolate(str, data, lng, options) {
-    let match35;
+    let match37;
     let value2;
     let replaces;
     const defaultData = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {};
@@ -63623,17 +63649,17 @@ var Interpolator = class {
     }];
     todos.forEach((todo) => {
       replaces = 0;
-      while (match35 = todo.regex.exec(str)) {
-        const matchedVar = match35[1].trim();
+      while (match37 = todo.regex.exec(str)) {
+        const matchedVar = match37[1].trim();
         value2 = handleFormat(matchedVar);
         if (value2 === void 0) {
           if (typeof missingInterpolationHandler === "function") {
-            const temp = missingInterpolationHandler(str, match35, options);
+            const temp = missingInterpolationHandler(str, match37, options);
             value2 = isString2(temp) ? temp : "";
           } else if (options && Object.prototype.hasOwnProperty.call(options, matchedVar)) {
             value2 = "";
           } else if (skipOnVariables) {
-            value2 = match35[0];
+            value2 = match37[0];
             continue;
           } else {
             this.logger.warn(`missed to pass in variable ${matchedVar} for interpolating ${str}`);
@@ -63643,10 +63669,10 @@ var Interpolator = class {
           value2 = makeString(value2);
         }
         const safeValue = todo.safeValue(value2);
-        str = str.replace(match35[0], safeValue);
+        str = str.replace(match37[0], safeValue);
         if (skipOnVariables) {
           todo.regex.lastIndex += value2.length;
-          todo.regex.lastIndex -= match35[0].length;
+          todo.regex.lastIndex -= match37[0].length;
         } else {
           todo.regex.lastIndex = 0;
         }
@@ -63660,7 +63686,7 @@ var Interpolator = class {
   }
   nest(str, fc) {
     let options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-    let match35;
+    let match37;
     let value2;
     let clonedOptions;
     const handleHasOptions = (key, inheritedOptions) => {
@@ -63688,7 +63714,7 @@ var Interpolator = class {
       if (clonedOptions.defaultValue && clonedOptions.defaultValue.indexOf(this.prefix) > -1) delete clonedOptions.defaultValue;
       return key;
     };
-    while (match35 = this.nestingRegexp.exec(str)) {
+    while (match37 = this.nestingRegexp.exec(str)) {
       let formatters = [];
       clonedOptions = {
         ...options
@@ -63697,26 +63723,26 @@ var Interpolator = class {
       clonedOptions.applyPostProcessor = false;
       delete clonedOptions.defaultValue;
       let doReduce = false;
-      if (match35[0].indexOf(this.formatSeparator) !== -1 && !/{.*}/.test(match35[1])) {
-        const r2 = match35[1].split(this.formatSeparator).map((elem) => elem.trim());
-        match35[1] = r2.shift();
+      if (match37[0].indexOf(this.formatSeparator) !== -1 && !/{.*}/.test(match37[1])) {
+        const r2 = match37[1].split(this.formatSeparator).map((elem) => elem.trim());
+        match37[1] = r2.shift();
         formatters = r2;
         doReduce = true;
       }
-      value2 = fc(handleHasOptions.call(this, match35[1].trim(), clonedOptions), clonedOptions);
-      if (value2 && match35[0] === str && !isString2(value2)) return value2;
+      value2 = fc(handleHasOptions.call(this, match37[1].trim(), clonedOptions), clonedOptions);
+      if (value2 && match37[0] === str && !isString2(value2)) return value2;
       if (!isString2(value2)) value2 = makeString(value2);
       if (!value2) {
-        this.logger.warn(`missed to resolve ${match35[1]} for nesting ${str}`);
+        this.logger.warn(`missed to resolve ${match37[1]} for nesting ${str}`);
         value2 = "";
       }
       if (doReduce) {
         value2 = formatters.reduce((v, f) => this.format(v, f, options.lng, {
           ...options,
-          interpolationkey: match35[1].trim()
+          interpolationkey: match37[1].trim()
         }), value2.trim());
       }
-      str = str.replace(match35[0], value2);
+      str = str.replace(match37[0], value2);
       this.regexp.lastIndex = 0;
     }
     return str;
@@ -64839,8 +64865,8 @@ async function defaultBrowserId() {
     throw new Error("macOS only");
   }
   const { stdout } = await execFileAsync("defaults", ["read", "com.apple.LaunchServices/com.apple.launchservices.secure", "LSHandlers"]);
-  const match35 = /LSHandlerRoleAll = "(?!-)(?<id>[^"]+?)";\s+?LSHandlerURLScheme = (?:http|https);/.exec(stdout);
-  return match35?.groups.id ?? "com.apple.Safari";
+  const match37 = /LSHandlerRoleAll = "(?!-)(?<id>[^"]+?)";\s+?LSHandlerURLScheme = (?:http|https);/.exec(stdout);
+  return match37?.groups.id ?? "com.apple.Safari";
 }
 
 // ../../node_modules/bundle-name/index.js
@@ -64894,11 +64920,11 @@ async function defaultBrowser(_execFileAsync = execFileAsync3) {
     "/v",
     "ProgId"
   ]);
-  const match35 = /ProgId\s*REG_SZ\s*(?<id>\S+)/.exec(stdout);
-  if (!match35) {
+  const match37 = /ProgId\s*REG_SZ\s*(?<id>\S+)/.exec(stdout);
+  if (!match37) {
     throw new UnknownBrowserError(`Cannot find Windows browser in stdout: ${JSON.stringify(stdout)}`);
   }
-  const { id } = match35.groups;
+  const { id } = match37.groups;
   const browser = windowsBrowserProgIds[id];
   if (!browser) {
     throw new UnknownBrowserError(`Unknown browser ID: ${id}`);
@@ -65333,9 +65359,9 @@ var reDetectIndentation = /(?:\r\n|\r|\n)([ \t]*)(?:[^ \t\r\n]|$)/;
 var reOnlyWhitespaceWithAtLeastOneNewline = /^[ \t]*[\r\n][ \t\r\n]*$/;
 function _outdentArray(strings, firstInterpolatedValueSetsIndentationLevel, options) {
   var indentationLevel = 0;
-  var match35 = strings[0].match(reDetectIndentation);
-  if (match35) {
-    indentationLevel = match35[1].length;
+  var match37 = strings[0].match(reDetectIndentation);
+  if (match37) {
+    indentationLevel = match37[1].length;
   }
   var reSource = "(\\r\\n|\\r|\\n).{0," + indentationLevel + "}";
   var reMatchIndent = new RegExp(reSource, "g");
@@ -67087,6 +67113,12 @@ ${errorMessage2}`
           message: "The development command failed to execute. Please review the output log above for details."
         }
       );
+    },
+    FailedToSetCodeIdentifier: () => {
+      return () => /* @__PURE__ */ import_react82.default.createElement(ErrorMessage, { cause, message: "Failed to set code identifier." });
+    },
+    FailedToSetNamespace: () => {
+      return () => /* @__PURE__ */ import_react82.default.createElement(ErrorMessage, { cause, message: "Failed to set namespace." });
     }
   });
 }
@@ -67736,8 +67768,8 @@ var LINUX_VERSIONS = {
   ubuntu: (content) => matchFirst(/distrib_release=(.*)/, content)
 };
 function matchFirst(regex2, text) {
-  const match35 = regex2.exec(text);
-  return match35 ? match35[1] : void 0;
+  const match37 = regex2.exec(text);
+  return match37 ? match37[1] : void 0;
 }
 async function getDarwinInfo() {
   const darwinInfo = {
@@ -70403,7 +70435,7 @@ function getErrorLogFilePath(cwd3) {
 
 // ../create-new-packages/app-command/src/index.tsx
 init_esm_shims();
-var import_react127 = __toESM(require_react(), 1);
+var import_react131 = __toESM(require_react(), 1);
 
 // ../cli-http-client-react/src/index.ts
 init_esm_shims();
@@ -70517,6 +70549,8 @@ function usePanoramaMethodLogger(target) {
 
 // ../cli-panorama/src/createPanorama.ts
 init_esm_shims();
+var import_verror5 = __toESM(require_verror(), 1);
+var import_variant25 = __toESM(require_lib(), 1);
 
 // ../../node_modules/@wix/panorama-client-node/dist/esm/index.js
 init_esm_shims();
@@ -71576,14 +71610,25 @@ async function createPanorama(options) {
   }).withGlobalConfig(globalConfig).setMuted(!userConfig.telemetry);
   const panorama2 = createPanoramaWrapper(factory);
   if (errorReporter2) {
-    errorReporter2.on("errorReported", (error) => {
+    errorReporter2.on("errorReported", (cliError) => {
       const panoramaClient2 = panorama2.client({
         baseParams: {
           componentId: "error-reporter"
         }
       });
       const errorMonitor = panoramaClient2.errorMonitor();
-      errorMonitor.reportError(error);
+      const error = (0, import_variant25.isType)(cliError.cliCode, CliSystemErrorCode.UnknownFailure) && cliError.cliCode.error instanceof Error ? cliError.cliCode.error : cliError;
+      const errorToReport = new Error(error.message);
+      errorToReport.name = error.name;
+      errorToReport.stack = import_verror5.default.fullStack(error);
+      const httpError = extractHttpError(cliError);
+      if (httpError) {
+        errorToReport.cause = httpError;
+      }
+      errorMonitor.reportError(errorToReport, {
+        // panorama by default uses constructor.name for errorName
+        errorName: cliError.name
+      });
     });
   }
   return panorama2;
@@ -71593,17 +71638,17 @@ async function createPanorama(options) {
 init_esm_shims();
 var import_kebabCase = __toESM(require_kebabCase(), 1);
 function createCommandTransaction(panorama2, command) {
-  const commandFullName = getFullCommandName(command);
+  const commandFullName = (0, import_kebabCase.default)(getFullCommandName(command));
+  panorama2.setDefaultClientData({
+    commandName: command.name(),
+    commandFullName
+  });
   const client2 = panorama2.client({
     baseParams: {
       componentId: "command"
-    },
-    data: {
-      commandName: command.name(),
-      commandFullName
     }
   });
-  return client2.transaction((0, import_kebabCase.default)(commandFullName));
+  return client2.transaction(commandFullName);
 }
 function getFullCommandName(command) {
   if (command.parent) {
@@ -71914,8 +71959,8 @@ var createBiLogger2 = async ({
 
 // ../create-new-packages/app-command/src/components/CreateAppCommand.tsx
 init_esm_shims();
-var import_react126 = __toESM(require_react(), 1);
-var import_variant39 = __toESM(require_lib(), 1);
+var import_react130 = __toESM(require_react(), 1);
+var import_variant45 = __toESM(require_lib(), 1);
 
 // ../create-new-packages/app-command/src/components/WelcomeMessage.tsx
 init_esm_shims();
@@ -71953,14 +71998,15 @@ var AuthProvider2 = ({ userInfo: userInfo2, children }) => {
 
 // ../create-new-packages/app-command/src/components/Questions/Questions.tsx
 init_esm_shims();
-var import_react121 = __toESM(require_react(), 1);
-var import_variant36 = __toESM(require_lib(), 1);
+var import_react125 = __toESM(require_react(), 1);
+var import_variant42 = __toESM(require_lib(), 1);
 
 // ../dev-center-client/src/index.ts
 init_esm_shims();
 
 // ../dev-center-client/src/dev-center-client.ts
 init_esm_shims();
+var import_variant26 = __toESM(require_lib(), 1);
 
 // ../../node_modules/@wix/ambassador-devcenter-apps-v1-app-old/es/build/http.impl.js
 init_esm_shims();
@@ -72666,10 +72712,14 @@ function getAppByVersion(payload7) {
   return __getAppByVersion;
 }
 
-// ../../node_modules/@wix/ambassador-devcenter-apps-v1-app/build/es/http.impl.js
+// ../../node_modules/@wix/ambassador-devcenter-apps-v1-app/es/build/http.impl.js
 init_esm_shims();
 var _queryAppRequest = {};
 var _queryAppResponse = { apps: "_v1App" };
+var _setCodeIdentifierRequest = {};
+var _setCodeIdentifierResponse = {};
+var _setNamespaceRequest = {};
+var _setNamespaceResponse = {};
 var _v1App = {
   createdDate: "google.protobuf.Timestamp",
   updatedDate: "google.protobuf.Timestamp"
@@ -72815,6 +72865,60 @@ function getApp(payload7) {
   __getApp.__isAmbassador = true;
   return __getApp;
 }
+function setNamespace(payload7) {
+  var _a3 = serializer(_setNamespaceRequest, {}), toReq = _a3.toJSON, fromReq = _a3.fromJSON;
+  var fromRes = serializer(_setNamespaceResponse, {}).fromJSON;
+  function __setNamespace(_a4) {
+    var host = _a4.host;
+    var serializedData = toReq(payload7);
+    var metadata = {
+      entityFqdn: "wix.devcenter.apps.v1.app",
+      method: "PATCH",
+      methodFqn: "wix.devcenter.apps.v1.AppsService.SetNamespace",
+      migrationOptions: {
+        optInTransformResponse: true
+      },
+      url: resolveWixDevcenterAppsV1AppsServiceUrl({
+        protoPath: "/v1/apps/{appId}/set-namespace",
+        data: serializedData,
+        host
+      }),
+      data: serializedData,
+      transformResponse: fromRes
+    };
+    return metadata;
+  }
+  __setNamespace.fromReq = fromReq;
+  __setNamespace.__isAmbassador = true;
+  return __setNamespace;
+}
+function setCodeIdentifier(payload7) {
+  var _a3 = serializer(_setCodeIdentifierRequest, {}), toReq = _a3.toJSON, fromReq = _a3.fromJSON;
+  var fromRes = serializer(_setCodeIdentifierResponse, {}).fromJSON;
+  function __setCodeIdentifier(_a4) {
+    var host = _a4.host;
+    var serializedData = toReq(payload7);
+    var metadata = {
+      entityFqdn: "wix.devcenter.apps.v1.app",
+      method: "PATCH",
+      methodFqn: "wix.devcenter.apps.v1.AppsService.SetCodeIdentifier",
+      migrationOptions: {
+        optInTransformResponse: true
+      },
+      url: resolveWixDevcenterAppsV1AppsServiceUrl({
+        protoPath: "/v1/apps/{appId}/set-code-identifier",
+        data: serializedData,
+        host
+      }),
+      data: serializedData,
+      transformResponse: fromRes
+    };
+    return metadata;
+  }
+  __setCodeIdentifier.fromReq = fromReq;
+  __setCodeIdentifier.__isAmbassador = true;
+  return __setCodeIdentifier;
+}
 function queryApp(payload7) {
   var _a3 = serializer(_queryAppRequest, {}), toReq = _a3.toJSON, fromReq = _a3.fromJSON;
   var fromRes = serializer(_queryAppResponse, { _v1App }).fromJSON;
@@ -79911,6 +80015,14 @@ var listShareUrlsSchema = external_exports.object({
 
 // ../dev-center-client/src/dev-center-client.ts
 var EMPTY_SITE_TEMPLATE = "24bafe8a-7c80-4b63-8a71-08752062f246";
+var SetCodeIdentifierResult = (0, import_variant26.variant)({
+  Success: {},
+  ShouldBeUnique: (0, import_variant26.fields)()
+});
+var SetNamespaceResult = (0, import_variant26.variant)({
+  Success: {},
+  ShouldBeUnique: (0, import_variant26.fields)()
+});
 var DevCenterClient = class {
   constructor(httpClient) {
     this.httpClient = httpClient;
@@ -79962,6 +80074,41 @@ var DevCenterClient = class {
       });
     }
   };
+  setNamespace = async ({ appId, namespace }) => {
+    try {
+      await this.httpClient.request(
+        setNamespace({ appId, appName: namespace })
+      );
+      return SetNamespaceResult.Success();
+    } catch (e2) {
+      if (isHttpError(e2) && e2.response?.status === 409 && isHttpApplicationError(e2) && e2.response.data.details.applicationError.code === "ALREADY_EXISTS") {
+        return SetNamespaceResult.ShouldBeUnique({ namespace });
+      }
+      throw new CliError({
+        code: CliErrorCode.FailedToSetNamespace(),
+        cause: e2
+      });
+    }
+  };
+  setCodeIdentifier = async ({
+    appId,
+    codeIdentifier
+  }) => {
+    try {
+      await this.httpClient.request(
+        setCodeIdentifier({ appId, codeIdentifier })
+      );
+      return SetCodeIdentifierResult.Success();
+    } catch (e2) {
+      if (isHttpError(e2) && e2.response?.status === 409 && isHttpApplicationError(e2) && e2.response.data.details.applicationError.code === "ALREADY_EXISTS") {
+        return SetCodeIdentifierResult.ShouldBeUnique({ codeIdentifier });
+      }
+      throw new CliError({
+        code: CliErrorCode.FailedToSetCodeIdentifier(),
+        cause: e2
+      });
+    }
+  };
   createOAuthApp = async (oAuthApp) => {
     try {
       const { data } = await this.httpClient.request(
@@ -80356,7 +80503,7 @@ function useDevCenterClient({
 
 // ../create-new-packages/app-command/src/parse-command-options.ts
 init_esm_shims();
-var import_variant26 = __toESM(require_lib(), 1);
+var import_variant28 = __toESM(require_lib(), 1);
 var import_kebabCase2 = __toESM(require_kebabCase(), 1);
 import { join as join8, resolve as resolve3 } from "node:path";
 
@@ -80389,11 +80536,11 @@ var import_validate_npm_package_name = __toESM(require_lib2(), 1);
 
 // ../create-new-packages/app-command/src/validations/result.ts
 init_esm_shims();
-var import_variant25 = __toESM(require_lib(), 1);
-var Result = (0, import_variant25.variant)(
-  (0, import_variant25.onTerms)(({ T }) => ({
-    Error: (0, import_variant25.payload)(T),
-    Ok: import_variant25.nil
+var import_variant27 = __toESM(require_lib(), 1);
+var Result = (0, import_variant27.variant)(
+  (0, import_variant27.onTerms)(({ T }) => ({
+    Error: (0, import_variant27.payload)(T),
+    Ok: import_variant27.nil
   }))
 );
 
@@ -80454,12 +80601,43 @@ function validateAppName(value2) {
   throw new InvalidArgumentError(result);
 }
 
+// ../create-new-packages/app-command/src/validations/validate-namespace.ts
+init_esm_shims();
+var namespaceSchema = external_exports.string().min(1, "Namespace is required").max(150, "Namespace must be at most 150 characters").regex(
+  /^[a-zA-Z0-9]([a-zA-Z0-9._-]*[a-zA-Z0-9])?$/,
+  "Namespace can only contain letters, numbers, dots, hyphens and underscores"
+);
+function validateNamespace(value2) {
+  const result = namespaceSchema.safeParse(value2);
+  if (result.success) {
+    return true;
+  }
+  const first = result.error.errors[0];
+  return first?.message ?? "Invalid namespace";
+}
+
+// ../create-new-packages/app-command/src/validations/validate-code-identifier.ts
+init_esm_shims();
+var CODE_IDENTIFIER_REGEX = /^(?!\d)[A-Za-z_$][A-Za-z0-9_$]*$/;
+var codeIdentifierSchema = external_exports.string().min(3, "Code identifier must be at least 3 characters").max(150, "Code identifier must be at most 150 characters").regex(
+  CODE_IDENTIFIER_REGEX,
+  'Code identifier must start with a letter, "_" or "$" and contain only letters, numbers, "_" or "$"'
+);
+function validateCodeIdentifier(value2) {
+  const result = codeIdentifierSchema.safeParse(value2);
+  if (result.success) {
+    return true;
+  }
+  const first = result.error.errors[0];
+  return first?.message ?? "Invalid code identifier";
+}
+
 // ../create-new-packages/app-command/src/parse-command-options.ts
-var TemplateSource = (0, import_variant26.variant)({
-  App: (0, import_variant26.payload)(),
-  GitRepo: (0, import_variant26.fields)(),
-  Local: (0, import_variant26.fields)(),
-  Default: (0, import_variant26.constant)({ path: resolve3(__dirname, "../templates/app/blank") })
+var TemplateSource = (0, import_variant28.variant)({
+  App: (0, import_variant28.payload)(),
+  GitRepo: (0, import_variant28.fields)(),
+  Local: (0, import_variant28.fields)(),
+  Default: (0, import_variant28.constant)({ path: resolve3(__dirname, "../templates/app/blank") })
 });
 async function parseTemplateOptions(options, { devCenterClient }) {
   if (options.template) {
@@ -80492,8 +80670,8 @@ async function parseTemplateOptions(options, { devCenterClient }) {
     return TemplateSource.Local({ path: options.templatePath });
   }
 }
-var AppNameOptions = (0, import_variant26.variant)({
-  Provided: (0, import_variant26.fields)(),
+var AppNameOptions = (0, import_variant28.variant)({
+  Provided: (0, import_variant28.fields)(),
   Missing: {}
 });
 async function parseAppNameOptions(targetParentFolder2, options) {
@@ -80509,7 +80687,7 @@ async function parseAppNameOptions(targetParentFolder2, options) {
       });
     }
     const npmValidationErrors = await validatePackageName(packageName);
-    if ((0, import_variant26.isType)(npmValidationErrors, "Error")) {
+    if ((0, import_variant28.isType)(npmValidationErrors, "Error")) {
       throw new CliError({
         code: CliErrorCode.AppNameArgumentIsInvalid({
           errorMessage: `Invalid package name "${packageName}". Please fix the following issues: ${npmValidationErrors.payload.join(", ")}`
@@ -80524,7 +80702,7 @@ async function parseAppNameOptions(targetParentFolder2, options) {
 async function parseCommandOptions(targetParentFolder2, options, clients) {
   const template = await parseTemplateOptions(options, clients);
   const appNameOptions = await parseAppNameOptions(targetParentFolder2, options);
-  if ((0, import_variant26.isType)(appNameOptions, "Provided") && !template) {
+  if ((0, import_variant28.isType)(appNameOptions, "Provided") && !template) {
     throw new CliError({
       code: CliErrorCode.AppNameArgumentIsInvalid({
         errorMessage: "An application name was provided, but no template was specified. Please specify a template when defining the application name."
@@ -80537,8 +80715,8 @@ async function parseCommandOptions(targetParentFolder2, options, clients) {
 
 // ../create-new-packages/app-command/src/types.ts
 init_esm_shims();
-var import_variant27 = __toESM(require_lib(), 1);
-var DeveloperAppsStatus = (0, import_variant27.variant)({
+var import_variant29 = __toESM(require_lib(), 1);
+var DeveloperAppsStatus = (0, import_variant29.variant)({
   NoApps: {},
   FailedLoadingApps: {},
   Available: {}
@@ -80547,16 +80725,16 @@ var DeveloperAppsStatus = (0, import_variant27.variant)({
 // ../create-new-packages/app-command/src/components/CreateAppOrExtendExisting.tsx
 init_esm_shims();
 var import_react106 = __toESM(require_react(), 1);
-var import_variant28 = __toESM(require_lib(), 1);
+var import_variant30 = __toESM(require_lib(), 1);
 var CreateAppOrExtendExisting = ({
   developerAppsStatus,
   onStartCreationFlow
 }) => {
   const { t: t3 } = useTranslation();
   const { cliFlowStepAnswered } = useCreateAppBi();
-  const exisitingAvailabilty = (0, import_variant28.match)(
+  const exisitingAvailabilty = (0, import_variant30.match)(
     developerAppsStatus,
-    (0, import_variant28.lookup)({
+    (0, import_variant30.lookup)({
       FailedLoadingApps: SelectOptionAvailability.Disabled({
         reason: t3("create_app.create_new_or_extend.failed_fetching_apps")
       }),
@@ -80594,17 +80772,530 @@ var CreateAppOrExtendExisting = ({
   ));
 };
 
-// ../create-new-packages/app-command/src/components/Questions/NewAppFlow.tsx
+// ../create-new-packages/app-command/src/components/Questions/NewAppFlow/RegularFlow.tsx
+init_esm_shims();
+var import_react120 = __toESM(require_react(), 1);
+var import_variant38 = __toESM(require_lib(), 1);
+
+// ../create-new-packages/app-command/src/components/ChooseAppName.tsx
+init_esm_shims();
+var import_react107 = __toESM(require_react(), 1);
+var ChooseAppName = ({ onSubmit }) => {
+  const { t: t3 } = useTranslation();
+  const { cliFlowStepAnswered } = useCreateAppBi();
+  return /* @__PURE__ */ import_react107.default.createElement(
+    TextInput2,
+    {
+      label: t3("create_app.create_new.name_of_app.label"),
+      placeholder: t3("create_app.create_new.name_of_app.placeholder"),
+      validate: validateAppNameSafe,
+      onSubmit: (appName) => {
+        cliFlowStepAnswered({
+          question: t3("create_app.create_new.name_of_app.label"),
+          questionKey: "create_app.create_new.name_of_app.label",
+          answer: appName
+        });
+        onSubmit(appName);
+      },
+      inCreateFlow: true
+    }
+  );
+};
+
+// ../create-new-packages/app-command/src/components/ChoosePackageName.tsx
+init_esm_shims();
+var import_react109 = __toESM(require_react(), 1);
+var import_variant31 = __toESM(require_lib(), 1);
+import { join as join9, relative } from "node:path";
+var import_kebabCase3 = __toESM(require_kebabCase(), 1);
+
+// ../create-new-packages/app-command/src/components/ConfirmPackagePath.tsx
+init_esm_shims();
+var import_react108 = __toESM(require_react(), 1);
+var ConfirmPackagePath = ({
+  path: path4,
+  onSubmit
+}) => {
+  const { t: t3 } = useTranslation();
+  const { cliFlowStepAnswered } = useCreateAppBi();
+  const [cancelled, setCancelled] = (0, import_react108.useState)(false);
+  return /* @__PURE__ */ import_react108.default.createElement(import_react108.default.Fragment, null, /* @__PURE__ */ import_react108.default.createElement(Box_default, { marginLeft: -2, marginBottom: 1 }, /* @__PURE__ */ import_react108.default.createElement(
+    ConfirmInput,
+    {
+      label: t3("create_app.confirm_path_message", {
+        path: path4
+      }),
+      initialValue: true,
+      onSubmit: (confirmation) => {
+        cliFlowStepAnswered({
+          question: t3("create_app.confirm_path.title"),
+          questionKey: "create_app.confirm_path.title",
+          answer: String(confirmation)
+        });
+        onSubmit(confirmation);
+        if (!confirmation) {
+          setCancelled(true);
+        }
+      }
+    }
+  )), cancelled && /* @__PURE__ */ import_react108.default.createElement(Box_default, { marginBottom: 1 }, /* @__PURE__ */ import_react108.default.createElement(Text2, null, t3("create_app.confirm_path_exit_message"))));
+};
+
+// ../create-new-packages/app-command/src/components/ChoosePackageName.tsx
+var ChoosePackageName = ({
+  appName,
+  targetParentFolder: targetParentFolder2,
+  repoType: repoType2,
+  onSelected
+}) => {
+  const { t: t3 } = useTranslation();
+  const { cliFlowStepAnswered } = useCreateAppBi();
+  const [packageName, setPackageName] = (0, import_react109.useState)();
+  const defaultPackageName = (0, import_react109.useMemo)(() => {
+    return (0, import_kebabCase3.default)(appName);
+  }, [appName]);
+  const isMonorepo = (0, import_variant31.isType)(repoType2, RepoType.Monorepo);
+  async function validate3(packageName2) {
+    if (!await validateDirectory(join9(targetParentFolder2, packageName2))) {
+      return t3("validation_errors.invalid_directory");
+    }
+    const npmValidationErrors = await validatePackageName(packageName2);
+    return (0, import_variant31.match)(npmValidationErrors, {
+      Ok: () => true,
+      Error: ({ payload: payload7 }) => t3("validation_errors.invalid_package_name", {
+        errors: payload7.join(", ")
+      })
+    });
+  }
+  const handlePackageNameSet = (0, import_react109.useCallback)(
+    (packageName2) => {
+      cliFlowStepAnswered({
+        question: t3("create_app.choose_package_name.label"),
+        questionKey: "create_app.choose_package_name.label",
+        answer: packageName2
+      });
+      if (isMonorepo) {
+        setPackageName(packageName2);
+      } else {
+        onSelected(packageName2);
+      }
+    },
+    [cliFlowStepAnswered, setPackageName, onSelected, isMonorepo, t3]
+  );
+  const handlePackagePathConfirm = (0, import_react109.useCallback)(
+    (packageName2, isConfirmed) => {
+      if (isConfirmed) {
+        onSelected(packageName2);
+      }
+    },
+    [onSelected]
+  );
+  return /* @__PURE__ */ import_react109.default.createElement(import_react109.default.Fragment, null, /* @__PURE__ */ import_react109.default.createElement(
+    TextInput2,
+    {
+      label: t3("create_app.choose_package_name.label"),
+      placeholder: defaultPackageName,
+      onSubmit: handlePackageNameSet,
+      validate: validate3,
+      inCreateFlow: true
+    }
+  ), packageName && isMonorepo && /* @__PURE__ */ import_react109.default.createElement(
+    ConfirmPackagePath,
+    {
+      path: relative(
+        repoType2.rootDir,
+        join9(targetParentFolder2, packageName)
+      ),
+      onSubmit: (confirmed) => handlePackagePathConfirm(packageName, confirmed)
+    }
+  ));
+};
+
+// ../create-new-packages/app-command/src/components/Questions/ChooseTemplateFlow.tsx
+init_esm_shims();
+var import_react112 = __toESM(require_react(), 1);
+
+// ../create-new-packages/app-command/src/components/ChooseAppCreationSource.tsx
+init_esm_shims();
+var import_react110 = __toESM(require_react(), 1);
+var ChooseAppCreationSource = ({
+  onSelected
+}) => {
+  const { t: t3 } = useTranslation();
+  const { cliFlowStepAnswered } = useCreateAppBi();
+  return /* @__PURE__ */ import_react110.default.createElement(
+    SelectInput2,
+    {
+      label: t3("create_app.choose_app_creation_source.label"),
+      options: [
+        {
+          title: t3("create_app.choose_app_creation_source.basic_app.title"),
+          description: t3(
+            "create_app.choose_app_creation_source.basic_app.description"
+          ),
+          value: "basic"
+        },
+        {
+          title: t3("create_app.choose_app_creation_source.template.title"),
+          description: t3(
+            "create_app.choose_app_creation_source.template.description"
+          ),
+          value: "template"
+        }
+      ],
+      onSubmit: ({ value: value2 }) => {
+        cliFlowStepAnswered({
+          question: t3("create_app.choose_app_creation_source.label"),
+          questionKey: "create_app.choose_app_creation_source.label",
+          answer: value2
+        });
+        onSelected(value2);
+      }
+    }
+  );
+};
+
+// ../create-new-packages/app-command/src/components/ChooseTemplate.tsx
+init_esm_shims();
+var import_react111 = __toESM(require_react(), 1);
+var import_variant32 = __toESM(require_lib(), 1);
+var ChooseTemplate = ({ onSelected }) => {
+  const { t: t3 } = useTranslation();
+  const { cliFlowStepAnswered } = useCreateAppBi();
+  const { queryCliAppTemplates } = useDevCenterClient();
+  const [isTemplateSelected, setIsTemplateSelected] = (0, import_react111.useState)(false);
+  const { status } = useAsync2(async () => {
+    const appTemplates = await queryCliAppTemplates();
+    const filteredAppTemplates = appTemplates.filter(
+      (appTemplate) => appTemplate.id !== "a033018e-233a-4ddc-8471-1151d8974866"
+    );
+    return {
+      appTemplatesOptions: filteredAppTemplates.map((appTemplate) => {
+        return {
+          key: appTemplate.id,
+          title: appTemplate.title,
+          description: appTemplate.subtitle,
+          value: appTemplate
+        };
+      })
+    };
+  }, []);
+  return /* @__PURE__ */ import_react111.default.createElement(import_react111.default.Fragment, null, (0, import_variant32.match)(status, {
+    Error: () => null,
+    Loading: () => /* @__PURE__ */ import_react111.default.createElement(Spinner2, null),
+    Success: ({ result: { appTemplatesOptions } }) => /* @__PURE__ */ import_react111.default.createElement(import_react111.default.Fragment, null, /* @__PURE__ */ import_react111.default.createElement(
+      SelectInput2,
+      {
+        label: t3("create_app.choose_template.title"),
+        options: appTemplatesOptions,
+        onSubmit: ({ value: value2 }) => {
+          cliFlowStepAnswered({
+            question: t3("create_app.choose_template.title"),
+            questionKey: "create_app.choose_template.title",
+            answer: value2.title
+          });
+          setIsTemplateSelected(true);
+          onSelected(value2);
+        }
+      }
+    ), !isTemplateSelected && /* @__PURE__ */ import_react111.default.createElement(Box_default, { marginTop: 1 }, /* @__PURE__ */ import_react111.default.createElement(
+      Trans2,
+      {
+        i18nKey: "create_app.choose_template.see_templates",
+        components: [
+          /* @__PURE__ */ import_react111.default.createElement(Link, { url: "https://dev.wix.com/apps-templates?filter=cli" })
+        ]
+      }
+    )))
+  }));
+};
+
+// ../create-new-packages/app-command/src/components/Questions/ChooseTemplateFlow.tsx
+var ChooseTemplateFlow = ({
+  onTemplateChoose
+}) => {
+  const [shouldSelectTemplate, setShouldSelectTemplate] = (0, import_react112.useState)(false);
+  return /* @__PURE__ */ import_react112.default.createElement(import_react112.default.Fragment, null, /* @__PURE__ */ import_react112.default.createElement(
+    ChooseAppCreationSource,
+    {
+      onSelected: (source) => {
+        if (source === "basic") {
+          onTemplateChoose(TemplateSource.Default());
+        } else {
+          setShouldSelectTemplate(true);
+        }
+      }
+    }
+  ), shouldSelectTemplate && /* @__PURE__ */ import_react112.default.createElement(
+    ChooseTemplate,
+    {
+      onSelected: (template) => {
+        onTemplateChoose(TemplateSource.App(template));
+      }
+    }
+  ));
+};
+
+// ../create-new-packages/app-command/src/components/RegisteringApp.tsx
+init_esm_shims();
+var import_react113 = __toESM(require_react(), 1);
+var RegisteringApp = () => {
+  const { t: t3 } = useTranslation();
+  return /* @__PURE__ */ import_react113.default.createElement(Box_default, { marginTop: 1 }, /* @__PURE__ */ import_react113.default.createElement(Spinner2, { text: t3("create_app.create_new.registering_your_app") }));
+};
+
+// ../create-new-packages/app-command/src/components/AppRegistered.tsx
+init_esm_shims();
+var import_react114 = __toESM(require_react(), 1);
+var AppRegistered = ({ appName }) => {
+  return /* @__PURE__ */ import_react114.default.createElement(Box_default, { marginLeft: -2, marginBottom: 1 }, /* @__PURE__ */ import_react114.default.createElement(Alert, { type: "success" }, /* @__PURE__ */ import_react114.default.createElement(Badge, { skin: "success" }, /* @__PURE__ */ import_react114.default.createElement(Trans2, { i18nKey: "create_app.success" })), " ", /* @__PURE__ */ import_react114.default.createElement(
+    Trans2,
+    {
+      i18nKey: "create_app.create_new.app_registered_successfully",
+      components: [/* @__PURE__ */ import_react114.default.createElement(Text2, { bold: true })],
+      values: { appName }
+    }
+  )));
+};
+
+// ../create-new-packages/app-command/src/components/PostAppRegistration.tsx
 init_esm_shims();
 var import_react117 = __toESM(require_react(), 1);
+
+// ../create-new-packages/app-command/src/components/ChooseCodeIdentifier.tsx
+init_esm_shims();
+var import_react115 = __toESM(require_react(), 1);
+var import_snakeCase = __toESM(require_snakeCase(), 1);
 var import_variant33 = __toESM(require_lib(), 1);
+var ChooseCodeIdentifier = ({
+  onSubmit,
+  appId,
+  packageName
+}) => {
+  const devCenterClient = useDevCenterClient();
+  const { t: t3 } = useTranslation();
+  const { cliFlowStepAnswered } = useCreateAppBi();
+  const defaultCodeIdentifier = (0, import_react115.useMemo)(
+    () => (0, import_snakeCase.default)(packageName),
+    [packageName]
+  );
+  const validationFn = useAsyncCallback3(
+    async (_2, submitedCodeIdentifier) => {
+      const isValid = validateCodeIdentifier(submitedCodeIdentifier);
+      if (isValid !== true) {
+        return isValid;
+      }
+      const result = await devCenterClient.setCodeIdentifier({
+        appId,
+        codeIdentifier: submitedCodeIdentifier
+      });
+      if ((0, import_variant33.isType)(result, SetCodeIdentifierResult.ShouldBeUnique)) {
+        return `Code identifier ${submitedCodeIdentifier} is already used. Try another.`;
+      }
+      return true;
+    }
+  );
+  return /* @__PURE__ */ import_react115.default.createElement(
+    TextInput2,
+    {
+      label: t3("create_app.choose_code_identifier.label"),
+      placeholder: t3("create_app.choose_code_identifier.placeholder", {
+        suggested: defaultCodeIdentifier
+      }),
+      validate: (submitedCodeIdentifier) => validationFn.execute(submitedCodeIdentifier),
+      onSubmit: (codeIdentifier) => {
+        cliFlowStepAnswered({
+          question: t3("create_app.choose_code_identifier.label"),
+          questionKey: "create_app.choose_code_identifier.label",
+          answer: codeIdentifier
+        });
+        onSubmit(codeIdentifier);
+      },
+      inCreateFlow: true
+    }
+  );
+};
+
+// ../create-new-packages/app-command/src/components/ChooseNamespace.tsx
+init_esm_shims();
+var import_react116 = __toESM(require_react(), 1);
+var import_variant34 = __toESM(require_lib(), 1);
+var ChooseNamespace = ({
+  onSubmit,
+  appId,
+  packageName
+}) => {
+  const { t: t3 } = useTranslation();
+  const { cliFlowStepAnswered } = useCreateAppBi();
+  const devCenterClient = useDevCenterClient();
+  const validationFn = useAsyncCallback3(
+    async (_2, submitedNamespace) => {
+      const isValid = validateNamespace(submitedNamespace);
+      if (isValid !== true) {
+        return isValid;
+      }
+      const result = await devCenterClient.setNamespace({
+        appId,
+        namespace: submitedNamespace
+      });
+      if ((0, import_variant34.isType)(result, SetNamespaceResult.ShouldBeUnique)) {
+        return `Namespace ${submitedNamespace} is already used. Try another.`;
+      }
+      return true;
+    }
+  );
+  return /* @__PURE__ */ import_react116.default.createElement(
+    TextInput2,
+    {
+      label: t3("create_app.choose_namespace.label"),
+      placeholder: t3("create_app.choose_namespace.placeholder", {
+        suggested: packageName
+      }),
+      validate: (submitedNamespace) => validationFn.execute(submitedNamespace),
+      onSubmit: (namespace) => {
+        cliFlowStepAnswered({
+          question: t3("create_app.choose_namespace.label"),
+          questionKey: "create_app.choose_namespace.label",
+          answer: namespace
+        });
+        onSubmit(namespace);
+      },
+      inCreateFlow: true
+    }
+  );
+};
+
+// ../create-new-packages/app-command/src/components/PostAppRegistration.tsx
+var PostAppRegistration = ({ appId, packageName, onPostRegistrationComplete }) => {
+  const [namespace, setNamespace2] = (0, import_react117.useState)();
+  return /* @__PURE__ */ import_react117.default.createElement(import_react117.default.Fragment, null, /* @__PURE__ */ import_react117.default.createElement(
+    ChooseNamespace,
+    {
+      appId,
+      packageName,
+      onSubmit: setNamespace2
+    }
+  ), namespace && /* @__PURE__ */ import_react117.default.createElement(
+    ChooseCodeIdentifier,
+    {
+      appId,
+      packageName,
+      onSubmit: onPostRegistrationComplete
+    }
+  ));
+};
+
+// ../create-new-packages/app-command/src/components/mcp/ConfigMcp.tsx
+init_esm_shims();
+var import_react118 = __toESM(require_react(), 1);
+var import_variant35 = __toESM(require_lib(), 1);
+var IdeForMcp = (0, import_variant35.variant)({
+  VsCode: {},
+  Cursor: {},
+  ClaudeCode: {}
+});
+var ConfigMcp = ({ onSelected }) => {
+  const { t: t3 } = useTranslation();
+  const { cliFlowStepAnswered } = useCreateAppBi();
+  return /* @__PURE__ */ import_react118.default.createElement(
+    SelectInput2,
+    {
+      label: t3("create_app.choose_ide_for_mcp.question"),
+      info: /* @__PURE__ */ import_react118.default.createElement(
+        Trans2,
+        {
+          i18nKey: "create_app.choose_ide_for_mcp.description",
+          components: [
+            /* @__PURE__ */ import_react118.default.createElement(Link, { url: "https://www.wix.com/studio/developers/mcp-server" })
+          ]
+        }
+      ),
+      options: [
+        {
+          title: t3("create_app.choose_ide_for_mcp.answer.cursor"),
+          key: "cursor",
+          value: IdeForMcp.Cursor()
+        },
+        {
+          title: t3("create_app.choose_ide_for_mcp.answer.vscode"),
+          key: "vscode",
+          value: IdeForMcp.VsCode()
+        },
+        {
+          title: t3("create_app.choose_ide_for_mcp.answer.claude_code"),
+          key: "claude_code",
+          value: IdeForMcp.ClaudeCode()
+        },
+        {
+          title: t3("create_app.choose_ide_for_mcp.answer.no"),
+          key: "no",
+          value: void 0
+        }
+      ],
+      onSubmit: ({ value: value2 }) => {
+        cliFlowStepAnswered({
+          question: t3("create_app.choose_ide_for_mcp.question"),
+          questionKey: "create_app.choose_ide_for_mcp.question",
+          answer: value2?.type ?? "No"
+        });
+        onSelected(value2);
+      }
+    }
+  );
+};
+
+// ../create-new-packages/app-command/src/components/mcp/getMcpResult.ts
+init_esm_shims();
+var import_variant36 = __toESM(require_lib(), 1);
+import { join as join10 } from "node:path";
+var McpConfigResult = (0, import_variant36.variant)({
+  Created: (0, import_variant36.fields)(),
+  Canceled: {}
+});
+var getMcpData = ({
+  ideForMcp,
+  packageFolder
+}) => {
+  const mcpPath = (0, import_variant36.match)(ideForMcp, {
+    Cursor: () => join10(packageFolder, ".cursor", "mcp.json"),
+    VsCode: () => join10(packageFolder, ".vscode", "mcp.json"),
+    ClaudeCode: () => join10(packageFolder, ".mcp.json")
+  });
+  return McpConfigResult.Created({
+    mcpPath,
+    ideForMcp,
+    docsUrl: (0, import_variant36.match)(
+      ideForMcp,
+      (0, import_variant36.lookup)({
+        Cursor: "https://cursor.com/docs/context/mcp",
+        VsCode: "https://code.visualstudio.com/docs/copilot/chat/mcp-servers",
+        ClaudeCode: "https://docs.anthropic.com/en/docs/claude-code/mcp"
+      })
+    )
+  });
+};
+var getMcpResult = ({
+  ideForMcp,
+  targetParentFolder: targetParentFolder2,
+  packageName
+}) => {
+  const packageFolder = join10(targetParentFolder2, packageName);
+  return ideForMcp ? getMcpData({
+    ideForMcp,
+    packageFolder
+  }) : McpConfigResult.Canceled();
+};
+
+// ../create-new-packages/app-command/src/components/Questions/useAppCreation.tsx
+init_esm_shims();
+var import_variant37 = __toESM(require_lib(), 1);
 
 // ../backend-as-a-service-client/src/index.ts
 init_esm_shims();
 
 // ../backend-as-a-service-client/src/useBackendAsAServiceClient.ts
 init_esm_shims();
-var import_react107 = __toESM(require_react(), 1);
+var import_react119 = __toESM(require_react(), 1);
 
 // ../backend-as-a-service-client/src/backend-as-a-service-client.ts
 init_esm_shims();
@@ -81126,499 +81817,117 @@ var BackendAsAServiceClient = class {
           }
           return response.json();
         },
-        { retries: 3 }
-      );
-      return StaticFileUploadSchema.parse(responseJson);
-    } catch (e2) {
-      throw new CliError({
-        code: CliErrorCode.FailedToUploadStaticFiles(),
-        cause: e2,
-        info: { endpointUrl }
-      });
-    }
-  };
-  putBinaryFile = async (endpointUrl, fileContent, contentType) => {
-    try {
-      await pRetry(
-        async () => {
-          const response = await fetch(endpointUrl, {
-            method: "PUT",
-            headers: {
-              "Content-Type": contentType
-            },
-            body: fileContent
-          });
-          if (!response.ok) {
-            const error = await createHttpErrorFromFetch(response);
-            throw error;
-          }
-        },
-        { retries: 3 }
-      );
-    } catch (e2) {
-      throw new CliError({
-        code: CliErrorCode.FailedToUploadStaticFiles(),
-        cause: e2,
-        info: { endpointUrl }
-      });
-    }
-  };
-  // Env management
-  getAppEnvironmentByName = async (appId, environment) => {
-    try {
-      const { data } = await pRetry(
-        () => this.httpClient.request(
-          getAppEnvironmentByName({
-            appProjectId: appId,
-            appEnvironmentName: environment
-          })
-        ),
-        this.retryOptions
-      );
-      return AppEnvironmentSchema.parse(data).appEnvironment;
-    } catch (e2) {
-      throw new CliError({
-        code: CliErrorCode.FailedToPullEnvironment(),
-        cause: e2
-      });
-    }
-  };
-  upsertAppEnvironment = async (appId, environment, variables) => {
-    try {
-      const { data } = await this.httpClient.request(
-        upsertAppEnvironment({
-          appEnvironment: {
-            appProjectId: appId,
-            name: environment,
-            variables
-          }
-        })
-      );
-      return AppEnvironmentSchema.parse(data).appEnvironment;
-    } catch (e2) {
-      throw new CliError({
-        code: CliErrorCode.FailedToSetEnvironmentVariable(),
-        cause: e2
-      });
-    }
-  };
-  removeAppEnvironmentVariable = async (appId, environment, variable) => {
-    try {
-      const appEnvironment = await this.getAppEnvironmentByName(
-        appId,
-        environment
-      );
-      const { data } = await pRetry(
-        () => this.httpClient.request(
-          removeAppEnvironmentVariables({
-            appEnvironmentId: appEnvironment.id,
-            appProjectId: appId,
-            variables: [variable]
-          })
-        ),
-        this.retryOptions
-      );
-      return AppEnvironmentSchema.parse(data).appEnvironment;
-    } catch (e2) {
-      throw new CliError({
-        code: CliErrorCode.FailedToRemoveEnvironmentVariable(),
-        cause: e2
-      });
-    }
-  };
-};
-
-// ../backend-as-a-service-client/src/useBackendAsAServiceClient.ts
-function useBackendAsAServiceClient() {
-  const httpClient = useHttpClient({ type: "backoffice" });
-  const client2 = (0, import_react107.useMemo)(
-    () => new BackendAsAServiceClient(httpClient),
-    [httpClient]
-  );
-  return usePanoramaMethodLogger(client2);
-}
-
-// ../create-new-packages/app-command/src/components/ChooseAppName.tsx
-init_esm_shims();
-var import_react108 = __toESM(require_react(), 1);
-var ChooseAppName = ({ onSubmit }) => {
-  const { t: t3 } = useTranslation();
-  const { cliFlowStepAnswered } = useCreateAppBi();
-  return /* @__PURE__ */ import_react108.default.createElement(
-    TextInput2,
-    {
-      label: t3("create_app.create_new.name_of_app.label"),
-      placeholder: t3("create_app.create_new.name_of_app.placeholder"),
-      validate: validateAppNameSafe,
-      onSubmit: (appName) => {
-        cliFlowStepAnswered({
-          question: t3("create_app.create_new.name_of_app.label"),
-          questionKey: "create_app.create_new.name_of_app.label",
-          answer: appName
-        });
-        onSubmit(appName);
-      },
-      inCreateFlow: true
-    }
-  );
-};
-
-// ../create-new-packages/app-command/src/components/ChoosePackageName.tsx
-init_esm_shims();
-var import_react110 = __toESM(require_react(), 1);
-var import_variant29 = __toESM(require_lib(), 1);
-import { join as join9, relative } from "node:path";
-var import_kebabCase3 = __toESM(require_kebabCase(), 1);
-
-// ../create-new-packages/app-command/src/components/ConfirmPackagePath.tsx
-init_esm_shims();
-var import_react109 = __toESM(require_react(), 1);
-var ConfirmPackagePath = ({
-  path: path4,
-  onSubmit
-}) => {
-  const { t: t3 } = useTranslation();
-  const { cliFlowStepAnswered } = useCreateAppBi();
-  const [cancelled, setCancelled] = (0, import_react109.useState)(false);
-  return /* @__PURE__ */ import_react109.default.createElement(import_react109.default.Fragment, null, /* @__PURE__ */ import_react109.default.createElement(Box_default, { marginLeft: -2, marginBottom: 1 }, /* @__PURE__ */ import_react109.default.createElement(
-    ConfirmInput,
-    {
-      label: t3("create_app.confirm_path_message", {
-        path: path4
-      }),
-      initialValue: true,
-      onSubmit: (confirmation) => {
-        cliFlowStepAnswered({
-          question: t3("create_app.confirm_path.title"),
-          questionKey: "create_app.confirm_path.title",
-          answer: String(confirmation)
-        });
-        onSubmit(confirmation);
-        if (!confirmation) {
-          setCancelled(true);
-        }
-      }
-    }
-  )), cancelled && /* @__PURE__ */ import_react109.default.createElement(Box_default, { marginBottom: 1 }, /* @__PURE__ */ import_react109.default.createElement(Text2, null, t3("create_app.confirm_path_exit_message"))));
-};
-
-// ../create-new-packages/app-command/src/components/ChoosePackageName.tsx
-var ChoosePackageName = ({
-  appName,
-  targetParentFolder: targetParentFolder2,
-  repoType: repoType2,
-  onSelected
-}) => {
-  const { t: t3 } = useTranslation();
-  const { cliFlowStepAnswered } = useCreateAppBi();
-  const [packageName, setPackageName] = (0, import_react110.useState)();
-  const defaultPackageName = (0, import_react110.useMemo)(() => {
-    return (0, import_kebabCase3.default)(appName);
-  }, [appName]);
-  const isMonorepo = (0, import_variant29.isType)(repoType2, RepoType.Monorepo);
-  async function validate3(packageName2) {
-    if (!await validateDirectory(join9(targetParentFolder2, packageName2))) {
-      return t3("validation_errors.invalid_directory");
-    }
-    const npmValidationErrors = await validatePackageName(packageName2);
-    return (0, import_variant29.match)(npmValidationErrors, {
-      Ok: () => true,
-      Error: ({ payload: payload7 }) => t3("validation_errors.invalid_package_name", {
-        errors: payload7.join(", ")
-      })
-    });
-  }
-  const handlePackageNameSet = (0, import_react110.useCallback)(
-    (packageName2) => {
-      cliFlowStepAnswered({
-        question: t3("create_app.choose_package_name.label"),
-        questionKey: "create_app.choose_package_name.label",
-        answer: packageName2
-      });
-      if (isMonorepo) {
-        setPackageName(packageName2);
-      } else {
-        onSelected(packageName2);
-      }
-    },
-    [cliFlowStepAnswered, setPackageName, onSelected, isMonorepo, t3]
-  );
-  const handlePackagePathConfirm = (0, import_react110.useCallback)(
-    (packageName2, isConfirmed) => {
-      if (isConfirmed) {
-        onSelected(packageName2);
-      }
-    },
-    [onSelected]
-  );
-  return /* @__PURE__ */ import_react110.default.createElement(import_react110.default.Fragment, null, /* @__PURE__ */ import_react110.default.createElement(
-    TextInput2,
-    {
-      label: t3("create_app.choose_package_name.label"),
-      placeholder: defaultPackageName,
-      onSubmit: handlePackageNameSet,
-      validate: validate3,
-      inCreateFlow: true
-    }
-  ), packageName && isMonorepo && /* @__PURE__ */ import_react110.default.createElement(
-    ConfirmPackagePath,
-    {
-      path: relative(
-        repoType2.rootDir,
-        join9(targetParentFolder2, packageName)
-      ),
-      onSubmit: (confirmed) => handlePackagePathConfirm(packageName, confirmed)
-    }
-  ));
-};
-
-// ../create-new-packages/app-command/src/components/Questions/ChooseTemplateFlow.tsx
-init_esm_shims();
-var import_react113 = __toESM(require_react(), 1);
-
-// ../create-new-packages/app-command/src/components/ChooseAppCreationSource.tsx
-init_esm_shims();
-var import_react111 = __toESM(require_react(), 1);
-var ChooseAppCreationSource = ({
-  onSelected
-}) => {
-  const { t: t3 } = useTranslation();
-  const { cliFlowStepAnswered } = useCreateAppBi();
-  return /* @__PURE__ */ import_react111.default.createElement(
-    SelectInput2,
-    {
-      label: t3("create_app.choose_app_creation_source.label"),
-      options: [
-        {
-          title: t3("create_app.choose_app_creation_source.basic_app.title"),
-          description: t3(
-            "create_app.choose_app_creation_source.basic_app.description"
-          ),
-          value: "basic"
-        },
-        {
-          title: t3("create_app.choose_app_creation_source.template.title"),
-          description: t3(
-            "create_app.choose_app_creation_source.template.description"
-          ),
-          value: "template"
-        }
-      ],
-      onSubmit: ({ value: value2 }) => {
-        cliFlowStepAnswered({
-          question: t3("create_app.choose_app_creation_source.label"),
-          questionKey: "create_app.choose_app_creation_source.label",
-          answer: value2
-        });
-        onSelected(value2);
-      }
+        { retries: 3 }
+      );
+      return StaticFileUploadSchema.parse(responseJson);
+    } catch (e2) {
+      throw new CliError({
+        code: CliErrorCode.FailedToUploadStaticFiles(),
+        cause: e2,
+        info: { endpointUrl }
+      });
     }
-  );
-};
-
-// ../create-new-packages/app-command/src/components/ChooseTemplate.tsx
-init_esm_shims();
-var import_react112 = __toESM(require_react(), 1);
-var import_variant30 = __toESM(require_lib(), 1);
-var ChooseTemplate = ({ onSelected }) => {
-  const { t: t3 } = useTranslation();
-  const { cliFlowStepAnswered } = useCreateAppBi();
-  const { queryCliAppTemplates } = useDevCenterClient();
-  const [isTemplateSelected, setIsTemplateSelected] = (0, import_react112.useState)(false);
-  const { status } = useAsync2(async () => {
-    const appTemplates = await queryCliAppTemplates();
-    const filteredAppTemplates = appTemplates.filter(
-      (appTemplate) => appTemplate.id !== "a033018e-233a-4ddc-8471-1151d8974866"
-    );
-    return {
-      appTemplatesOptions: filteredAppTemplates.map((appTemplate) => {
-        return {
-          key: appTemplate.id,
-          title: appTemplate.title,
-          description: appTemplate.subtitle,
-          value: appTemplate
-        };
-      })
-    };
-  }, []);
-  return /* @__PURE__ */ import_react112.default.createElement(import_react112.default.Fragment, null, (0, import_variant30.match)(status, {
-    Error: () => null,
-    Loading: () => /* @__PURE__ */ import_react112.default.createElement(Spinner2, null),
-    Success: ({ result: { appTemplatesOptions } }) => /* @__PURE__ */ import_react112.default.createElement(import_react112.default.Fragment, null, /* @__PURE__ */ import_react112.default.createElement(
-      SelectInput2,
-      {
-        label: t3("create_app.choose_template.title"),
-        options: appTemplatesOptions,
-        onSubmit: ({ value: value2 }) => {
-          cliFlowStepAnswered({
-            question: t3("create_app.choose_template.title"),
-            questionKey: "create_app.choose_template.title",
-            answer: value2.title
+  };
+  putBinaryFile = async (endpointUrl, fileContent, contentType) => {
+    try {
+      await pRetry(
+        async () => {
+          const response = await fetch(endpointUrl, {
+            method: "PUT",
+            headers: {
+              "Content-Type": contentType
+            },
+            body: fileContent
           });
-          setIsTemplateSelected(true);
-          onSelected(value2);
-        }
-      }
-    ), !isTemplateSelected && /* @__PURE__ */ import_react112.default.createElement(Box_default, { marginTop: 1 }, /* @__PURE__ */ import_react112.default.createElement(
-      Trans2,
-      {
-        i18nKey: "create_app.choose_template.see_templates",
-        components: [
-          /* @__PURE__ */ import_react112.default.createElement(Link, { url: "https://dev.wix.com/apps-templates?filter=cli" })
-        ]
-      }
-    )))
-  }));
-};
-
-// ../create-new-packages/app-command/src/components/Questions/ChooseTemplateFlow.tsx
-var ChooseTemplateFlow = ({
-  onTemplateChoose
-}) => {
-  const [shouldSelectTemplate, setShouldSelectTemplate] = (0, import_react113.useState)(false);
-  return /* @__PURE__ */ import_react113.default.createElement(import_react113.default.Fragment, null, /* @__PURE__ */ import_react113.default.createElement(
-    ChooseAppCreationSource,
-    {
-      onSelected: (source) => {
-        if (source === "basic") {
-          onTemplateChoose(TemplateSource.Default());
-        } else {
-          setShouldSelectTemplate(true);
-        }
-      }
+          if (!response.ok) {
+            const error = await createHttpErrorFromFetch(response);
+            throw error;
+          }
+        },
+        { retries: 3 }
+      );
+    } catch (e2) {
+      throw new CliError({
+        code: CliErrorCode.FailedToUploadStaticFiles(),
+        cause: e2,
+        info: { endpointUrl }
+      });
     }
-  ), shouldSelectTemplate && /* @__PURE__ */ import_react113.default.createElement(
-    ChooseTemplate,
-    {
-      onSelected: (template) => {
-        onTemplateChoose(TemplateSource.App(template));
-      }
+  };
+  // Env management
+  getAppEnvironmentByName = async (appId, environment) => {
+    try {
+      const { data } = await pRetry(
+        () => this.httpClient.request(
+          getAppEnvironmentByName({
+            appProjectId: appId,
+            appEnvironmentName: environment
+          })
+        ),
+        this.retryOptions
+      );
+      return AppEnvironmentSchema.parse(data).appEnvironment;
+    } catch (e2) {
+      throw new CliError({
+        code: CliErrorCode.FailedToPullEnvironment(),
+        cause: e2
+      });
     }
-  ));
-};
-
-// ../create-new-packages/app-command/src/components/RegisteringApp.tsx
-init_esm_shims();
-var import_react114 = __toESM(require_react(), 1);
-var RegisteringApp = () => {
-  const { t: t3 } = useTranslation();
-  return /* @__PURE__ */ import_react114.default.createElement(Box_default, { marginTop: 1 }, /* @__PURE__ */ import_react114.default.createElement(Spinner2, { text: t3("create_app.create_new.registering_your_app") }));
-};
-
-// ../create-new-packages/app-command/src/components/AppRegistered.tsx
-init_esm_shims();
-var import_react115 = __toESM(require_react(), 1);
-var AppRegistered = ({ appName }) => {
-  return /* @__PURE__ */ import_react115.default.createElement(Box_default, { marginLeft: -2 }, /* @__PURE__ */ import_react115.default.createElement(Alert, { type: "success" }, /* @__PURE__ */ import_react115.default.createElement(Badge, { skin: "success" }, /* @__PURE__ */ import_react115.default.createElement(Trans2, { i18nKey: "create_app.success" })), " ", /* @__PURE__ */ import_react115.default.createElement(
-    Trans2,
-    {
-      i18nKey: "create_app.create_new.app_registered_successfully",
-      components: [/* @__PURE__ */ import_react115.default.createElement(Text2, { bold: true })],
-      values: { appName }
+  };
+  upsertAppEnvironment = async (appId, environment, variables) => {
+    try {
+      const { data } = await this.httpClient.request(
+        upsertAppEnvironment({
+          appEnvironment: {
+            appProjectId: appId,
+            name: environment,
+            variables
+          }
+        })
+      );
+      return AppEnvironmentSchema.parse(data).appEnvironment;
+    } catch (e2) {
+      throw new CliError({
+        code: CliErrorCode.FailedToSetEnvironmentVariable(),
+        cause: e2
+      });
     }
-  )));
-};
-
-// ../create-new-packages/app-command/src/components/mcp/ConfigMcp.tsx
-init_esm_shims();
-var import_react116 = __toESM(require_react(), 1);
-var import_variant31 = __toESM(require_lib(), 1);
-var IdeForMcp = (0, import_variant31.variant)({
-  VsCode: {},
-  Cursor: {},
-  ClaudeCode: {}
-});
-var ConfigMcp = ({ onSelected }) => {
-  const { t: t3 } = useTranslation();
-  const { cliFlowStepAnswered } = useCreateAppBi();
-  return /* @__PURE__ */ import_react116.default.createElement(
-    SelectInput2,
-    {
-      label: t3("create_app.choose_ide_for_mcp.question"),
-      info: /* @__PURE__ */ import_react116.default.createElement(
-        Trans2,
-        {
-          i18nKey: "create_app.choose_ide_for_mcp.description",
-          components: [
-            /* @__PURE__ */ import_react116.default.createElement(Link, { url: "https://www.wix.com/studio/developers/mcp-server" })
-          ]
-        }
-      ),
-      options: [
-        {
-          title: t3("create_app.choose_ide_for_mcp.answer.cursor"),
-          key: "cursor",
-          value: IdeForMcp.Cursor()
-        },
-        {
-          title: t3("create_app.choose_ide_for_mcp.answer.vscode"),
-          key: "vscode",
-          value: IdeForMcp.VsCode()
-        },
-        {
-          title: t3("create_app.choose_ide_for_mcp.answer.claude_code"),
-          key: "claude_code",
-          value: IdeForMcp.ClaudeCode()
-        },
-        {
-          title: t3("create_app.choose_ide_for_mcp.answer.no"),
-          key: "no",
-          value: void 0
-        }
-      ],
-      onSubmit: ({ value: value2 }) => {
-        cliFlowStepAnswered({
-          question: t3("create_app.choose_ide_for_mcp.question"),
-          questionKey: "create_app.choose_ide_for_mcp.question",
-          answer: value2?.type ?? "No"
-        });
-        onSelected(value2);
-      }
+  };
+  removeAppEnvironmentVariable = async (appId, environment, variable) => {
+    try {
+      const appEnvironment = await this.getAppEnvironmentByName(
+        appId,
+        environment
+      );
+      const { data } = await pRetry(
+        () => this.httpClient.request(
+          removeAppEnvironmentVariables({
+            appEnvironmentId: appEnvironment.id,
+            appProjectId: appId,
+            variables: [variable]
+          })
+        ),
+        this.retryOptions
+      );
+      return AppEnvironmentSchema.parse(data).appEnvironment;
+    } catch (e2) {
+      throw new CliError({
+        code: CliErrorCode.FailedToRemoveEnvironmentVariable(),
+        cause: e2
+      });
     }
-  );
+  };
 };
 
-// ../create-new-packages/app-command/src/components/mcp/getMcpResult.ts
-init_esm_shims();
-var import_variant32 = __toESM(require_lib(), 1);
-import { join as join10 } from "node:path";
-var McpConfigResult = (0, import_variant32.variant)({
-  Created: (0, import_variant32.fields)(),
-  Canceled: {}
-});
-var getMcpData = ({
-  ideForMcp,
-  packageFolder
-}) => {
-  const mcpPath = (0, import_variant32.match)(ideForMcp, {
-    Cursor: () => join10(packageFolder, ".cursor", "mcp.json"),
-    VsCode: () => join10(packageFolder, ".vscode", "mcp.json"),
-    ClaudeCode: () => join10(packageFolder, ".mcp.json")
-  });
-  return McpConfigResult.Created({
-    mcpPath,
-    ideForMcp,
-    docsUrl: (0, import_variant32.match)(
-      ideForMcp,
-      (0, import_variant32.lookup)({
-        Cursor: "https://cursor.com/docs/context/mcp",
-        VsCode: "https://code.visualstudio.com/docs/copilot/chat/mcp-servers",
-        ClaudeCode: "https://docs.anthropic.com/en/docs/claude-code/mcp"
-      })
-    )
-  });
-};
-var getMcpResult = ({
-  ideForMcp,
-  targetParentFolder: targetParentFolder2,
-  packageName
-}) => {
-  const packageFolder = join10(targetParentFolder2, packageName);
-  return ideForMcp ? getMcpData({
-    ideForMcp,
-    packageFolder
-  }) : McpConfigResult.Canceled();
-};
+// ../backend-as-a-service-client/src/useBackendAsAServiceClient.ts
+function useBackendAsAServiceClient() {
+  const httpClient = useHttpClient({ type: "backoffice" });
+  const client2 = (0, import_react119.useMemo)(
+    () => new BackendAsAServiceClient(httpClient),
+    [httpClient]
+  );
+  return usePanoramaMethodLogger(client2);
+}
 
 // ../create-new-packages/app-command/src/services/project-setup.ts
 init_esm_shims();
@@ -81663,31 +81972,19 @@ function generateRandomSlug() {
   return randomBytes(8).toString("hex");
 }
 
-// ../create-new-packages/app-command/src/components/Questions/NewAppFlow.tsx
-var NewAppFlow = ({
-  onSubmit,
-  template: templateFromOptions,
-  appName: appNameFromOptions,
-  targetParentFolder: targetParentFolder2,
-  repoType: repoType2,
-  extendAppId
-}) => {
+// ../create-new-packages/app-command/src/components/Questions/useAppCreation.tsx
+var useAppCreation = ({ extendAppId }) => {
   const devCenterClient = useDevCenterClient();
   const backendAsAServiceClient = useBackendAsAServiceClient();
   const biLogger = useBiLogger();
-  const [templateData, setTemplateData] = (0, import_react117.useState)(
-    templateFromOptions
-  );
-  const [appName, setAppName] = (0, import_react117.useState)();
-  const [packageName, setPackageName] = (0, import_react117.useState)();
   const createAppCallback = useAsyncCallback3(
-    async (_2, { appName: appName2, packageName: packageName2, template, mcpConfigResult }) => {
-      const { id: appId } = await (0, import_variant33.match)(
+    async (_2, { appName, packageName, template, mcpConfigResult }) => {
+      const { id: appId } = await (0, import_variant37.match)(
         template,
-        (0, import_variant33.partial)({
+        (0, import_variant37.partial)({
           App: ({ payload: payload7 }) => devCenterClient.createAppFromTemplate(
             {
-              name: appName2,
+              name: appName,
               templateId: payload7.id
             },
             payload7
@@ -81696,70 +81993,106 @@ var NewAppFlow = ({
             if (extendAppId) {
               return { id: extendAppId };
             }
-            return devCenterClient.createApp({ name: appName2 });
+            return devCenterClient.createApp({ name: appName });
           }
         })
       );
-      const { variables } = await createAppProjectAndEnvironment({
+      const { variables: environmentVariables } = await createAppProjectAndEnvironment({
         appId,
-        appName: appName2,
+        appName,
         devCenterClient,
         backendAsAServiceClient
       });
       biLogger.updateDefaults({
         _appId: appId
       });
-      onSubmit({
+      const appCreationResult = {
         template,
-        appData: { appName: appName2, appId },
-        packageName: packageName2,
+        appData: { appName, appId },
+        packageName,
         mcpConfigResult,
-        environmentVariables: variables
-      });
-      return {
-        appId,
-        appName: appName2
+        environmentVariables
       };
+      return appCreationResult;
     }
   );
-  const autoCreateApp = (0, import_variant33.isType)(appNameFromOptions, "Provided") && !!templateFromOptions;
-  useAsync2(async () => {
-    if (autoCreateApp) {
-      return createAppCallback.execute({
-        appName: appNameFromOptions.appName,
-        packageName: appNameFromOptions.packageName,
-        template: templateFromOptions,
-        mcpConfigResult: McpConfigResult.Canceled()
-      });
+  return createAppCallback;
+};
+
+// ../create-new-packages/app-command/src/components/Questions/NewAppFlow/RegularFlow.tsx
+var NewAppFlow = ({
+  onSubmit,
+  template: templateFromOptions,
+  targetParentFolder: targetParentFolder2,
+  repoType: repoType2,
+  extendAppId
+}) => {
+  const createApp3 = useAppCreation({ extendAppId });
+  return /* @__PURE__ */ import_react120.default.createElement(import_react120.default.Fragment, null, (0, import_variant38.isType)(repoType2, RepoType.Monorepo) ? /* @__PURE__ */ import_react120.default.createElement(
+    MonorepoFlow,
+    {
+      onSubmit: createApp3.execute,
+      template: templateFromOptions,
+      targetParentFolder: targetParentFolder2,
+      repoType: repoType2
     }
-  }, []);
-  return /* @__PURE__ */ import_react117.default.createElement(import_react117.default.Fragment, null, !templateFromOptions && /* @__PURE__ */ import_react117.default.createElement(ChooseTemplateFlow, { onTemplateChoose: setTemplateData }), templateData && !autoCreateApp && /* @__PURE__ */ import_react117.default.createElement(ChooseAppName, { onSubmit: setAppName }), appName && templateData && !autoCreateApp && /* @__PURE__ */ import_react117.default.createElement(
+  ) : /* @__PURE__ */ import_react120.default.createElement(
+    GeneralFlow,
+    {
+      onSubmit: createApp3.execute,
+      template: templateFromOptions,
+      targetParentFolder: targetParentFolder2,
+      repoType: repoType2
+    }
+  ), (0, import_variant38.match)(createApp3.status, {
+    Error: () => null,
+    Loading: () => /* @__PURE__ */ import_react120.default.createElement(RegisteringApp, null),
+    Success: ({ result: appCreationData }) => {
+      const {
+        appData: { appId, appName },
+        packageName
+      } = appCreationData;
+      return /* @__PURE__ */ import_react120.default.createElement(import_react120.default.Fragment, null, /* @__PURE__ */ import_react120.default.createElement(AppRegistered, { appId, appName }), /* @__PURE__ */ import_react120.default.createElement(
+        PostAppRegistration,
+        {
+          appId,
+          packageName,
+          onPostRegistrationComplete: () => {
+            onSubmit(appCreationData);
+          }
+        }
+      ));
+    },
+    NotRequested: () => null
+  }));
+};
+var GeneralFlow = ({
+  onSubmit,
+  template: templateFromOptions,
+  targetParentFolder: targetParentFolder2,
+  repoType: repoType2
+}) => {
+  const [templateData, setTemplateData] = (0, import_react120.useState)(
+    templateFromOptions
+  );
+  const [appName, setAppName] = (0, import_react120.useState)();
+  const [packageName, setPackageName] = (0, import_react120.useState)();
+  return /* @__PURE__ */ import_react120.default.createElement(import_react120.default.Fragment, null, !templateFromOptions && /* @__PURE__ */ import_react120.default.createElement(ChooseTemplateFlow, { onTemplateChoose: setTemplateData }), templateData && /* @__PURE__ */ import_react120.default.createElement(ChooseAppName, { onSubmit: setAppName }), appName && templateData && /* @__PURE__ */ import_react120.default.createElement(
     ChoosePackageName,
     {
       appName,
       targetParentFolder: targetParentFolder2,
       repoType: repoType2,
-      onSelected: (userPackageName) => {
-        if ((0, import_variant33.isType)(repoType2, RepoType.Monorepo)) {
-          void createAppCallback.execute({
-            appName,
-            packageName: userPackageName,
-            template: templateData,
-            mcpConfigResult: McpConfigResult.Canceled()
-          });
-        } else {
-          setPackageName(userPackageName);
-        }
-      }
+      onSelected: setPackageName
     }
-  ), appName && packageName && templateData && !autoCreateApp && /* @__PURE__ */ import_react117.default.createElement(import_react117.default.Fragment, null, /* @__PURE__ */ import_react117.default.createElement(
+  ), appName && templateData && packageName && /* @__PURE__ */ import_react120.default.createElement(
     ConfigMcp,
     {
       onSelected: (ideForMcp) => {
-        void createAppCallback.execute({
+        onSubmit({
+          template: templateData,
           appName,
           packageName,
-          template: templateData,
           mcpConfigResult: getMcpResult({
             ideForMcp,
             targetParentFolder: targetParentFolder2,
@@ -81768,29 +82101,87 @@ var NewAppFlow = ({
         });
       }
     }
-  )), (0, import_variant33.match)(createAppCallback.status, {
+  ));
+};
+var MonorepoFlow = ({
+  onSubmit,
+  template: templateFromOptions,
+  targetParentFolder: targetParentFolder2,
+  repoType: repoType2
+}) => {
+  const [templateData, setTemplateData] = (0, import_react120.useState)(
+    templateFromOptions
+  );
+  const [appName, setAppName] = (0, import_react120.useState)();
+  return /* @__PURE__ */ import_react120.default.createElement(import_react120.default.Fragment, null, !templateFromOptions && /* @__PURE__ */ import_react120.default.createElement(ChooseTemplateFlow, { onTemplateChoose: setTemplateData }), templateData && /* @__PURE__ */ import_react120.default.createElement(ChooseAppName, { onSubmit: setAppName }), appName && templateData && /* @__PURE__ */ import_react120.default.createElement(
+    ChoosePackageName,
+    {
+      appName,
+      targetParentFolder: targetParentFolder2,
+      repoType: repoType2,
+      onSelected: (packageName) => {
+        onSubmit({
+          template: templateData,
+          appName,
+          packageName,
+          mcpConfigResult: getMcpResult({
+            ideForMcp: void 0,
+            targetParentFolder: targetParentFolder2,
+            packageName
+          })
+        });
+      }
+    }
+  ));
+};
+
+// ../create-new-packages/app-command/src/components/Questions/NewAppFlow/AutoFlow.tsx
+init_esm_shims();
+var import_react121 = __toESM(require_react(), 1);
+var import_variant39 = __toESM(require_lib(), 1);
+var NewAppAutoFlow = ({
+  onSubmit,
+  template: templateFromOptions,
+  appName: appNameFromOptions,
+  extendAppId
+}) => {
+  const createApp3 = useAppCreation({ extendAppId });
+  useAsync2(async () => {
+    const appCreationData = await createApp3.execute({
+      appName: appNameFromOptions.appName,
+      packageName: appNameFromOptions.packageName,
+      template: templateFromOptions,
+      mcpConfigResult: McpConfigResult.Canceled()
+    });
+    onSubmit(appCreationData);
+  }, []);
+  return (0, import_variant39.match)(createApp3.status, {
     Error: () => null,
-    Loading: () => /* @__PURE__ */ import_react117.default.createElement(RegisteringApp, null),
-    Success: ({ result }) => /* @__PURE__ */ import_react117.default.createElement(AppRegistered, { ...result }),
+    Loading: () => /* @__PURE__ */ import_react121.default.createElement(RegisteringApp, null),
+    Success: ({
+      result: {
+        appData: { appId, appName }
+      }
+    }) => /* @__PURE__ */ import_react121.default.createElement(AppRegistered, { appId, appName }),
     NotRequested: () => null
-  }));
+  });
 };
 
 // ../create-new-packages/app-command/src/components/Questions/ExistingAppFlow.tsx
 init_esm_shims();
-var import_react119 = __toESM(require_react(), 1);
-var import_variant34 = __toESM(require_lib(), 1);
+var import_react123 = __toESM(require_react(), 1);
+var import_variant40 = __toESM(require_lib(), 1);
 
 // ../create-new-packages/app-command/src/components/ExtendExistingApp.tsx
 init_esm_shims();
-var import_react118 = __toESM(require_react(), 1);
+var import_react122 = __toESM(require_react(), 1);
 var ExtendExistingApp = ({
   developerApps,
   onSelected
 }) => {
   const { t: t3 } = useTranslation();
   const { cliFlowStepAnswered } = useCreateAppBi();
-  return /* @__PURE__ */ import_react118.default.createElement(
+  return /* @__PURE__ */ import_react122.default.createElement(
     SelectInput2,
     {
       label: t3("create_app.extend_existing.select_app.label"),
@@ -81828,7 +82219,7 @@ var ExistingAppFlow = ({
   const backendAsAServiceClient = useBackendAsAServiceClient();
   const biLogger = useBiLogger();
   const { t: t3 } = useTranslation();
-  const [appData, setAppData] = (0, import_react119.useState)();
+  const [appData, setAppData] = (0, import_react123.useState)();
   const registerAppCallback = useAsyncCallback3(
     async (_2, { appData: appData2, packageName }) => {
       const { variables } = await createAppProjectAndEnvironment({
@@ -81846,7 +82237,7 @@ var ExistingAppFlow = ({
       });
     }
   );
-  return /* @__PURE__ */ import_react119.default.createElement(import_react119.default.Fragment, null, /* @__PURE__ */ import_react119.default.createElement(
+  return /* @__PURE__ */ import_react123.default.createElement(import_react123.default.Fragment, null, /* @__PURE__ */ import_react123.default.createElement(
     ExtendExistingApp,
     {
       developerApps,
@@ -81857,7 +82248,7 @@ var ExistingAppFlow = ({
         setAppData(appData2);
       }
     }
-  ), appData && /* @__PURE__ */ import_react119.default.createElement(
+  ), appData && /* @__PURE__ */ import_react123.default.createElement(
     ChoosePackageName,
     {
       appName: appData.appName,
@@ -81870,9 +82261,9 @@ var ExistingAppFlow = ({
         });
       }
     }
-  ), (0, import_variant34.match)(registerAppCallback.status, {
+  ), (0, import_variant40.match)(registerAppCallback.status, {
     Error: () => null,
-    Loading: () => /* @__PURE__ */ import_react119.default.createElement(Box_default, { marginTop: 1 }, /* @__PURE__ */ import_react119.default.createElement(Spinner2, { text: t3("create_app.extend_existing.get_project") })),
+    Loading: () => /* @__PURE__ */ import_react123.default.createElement(Box_default, { marginTop: 1 }, /* @__PURE__ */ import_react123.default.createElement(Spinner2, { text: t3("create_app.extend_existing.get_project") })),
     Success: () => null,
     NotRequested: () => null
   }));
@@ -81880,45 +82271,45 @@ var ExistingAppFlow = ({
 
 // ../create-new-packages/app-command/src/components/StartFromTemplateMessage.tsx
 init_esm_shims();
-var import_react120 = __toESM(require_react(), 1);
-var import_variant35 = __toESM(require_lib(), 1);
+var import_react124 = __toESM(require_react(), 1);
+var import_variant41 = __toESM(require_lib(), 1);
 var StartFromTemplateMessage = ({
   template
 }) => {
-  const messageComponent = (0, import_variant35.match)(template, {
-    App: ({ payload: payload7 }) => /* @__PURE__ */ import_react120.default.createElement(
+  const messageComponent = (0, import_variant41.match)(template, {
+    App: ({ payload: payload7 }) => /* @__PURE__ */ import_react124.default.createElement(
       Trans2,
       {
         i18nKey: "create_app.template_is_set_from_options.template_id",
         values: {
           templateName: payload7.title
         },
-        components: [/* @__PURE__ */ import_react120.default.createElement(Text2, { bold: true })]
+        components: [/* @__PURE__ */ import_react124.default.createElement(Text2, { bold: true })]
       }
     ),
-    GitRepo: ({ url }) => /* @__PURE__ */ import_react120.default.createElement(
+    GitRepo: ({ url }) => /* @__PURE__ */ import_react124.default.createElement(
       Trans2,
       {
         i18nKey: "create_app.template_is_set_from_options.git_repository",
         values: {
           templateRepoUrl: url
         },
-        components: [/* @__PURE__ */ import_react120.default.createElement(Text2, { bold: true })]
+        components: [/* @__PURE__ */ import_react124.default.createElement(Text2, { bold: true })]
       }
     ),
-    Local: ({ path: path4 }) => /* @__PURE__ */ import_react120.default.createElement(
+    Local: ({ path: path4 }) => /* @__PURE__ */ import_react124.default.createElement(
       Trans2,
       {
         i18nKey: "create_app.template_is_set_from_options.local",
         values: {
           templatePath: path4
         },
-        components: [/* @__PURE__ */ import_react120.default.createElement(Text2, { bold: true })]
+        components: [/* @__PURE__ */ import_react124.default.createElement(Text2, { bold: true })]
       }
     ),
     Default: () => null
   });
-  return /* @__PURE__ */ import_react120.default.createElement(Box_default, { marginBottom: 1 }, messageComponent);
+  return /* @__PURE__ */ import_react124.default.createElement(Box_default, { marginBottom: 1 }, messageComponent);
 };
 
 // ../create-new-packages/app-command/src/components/Questions/Questions.tsx
@@ -81932,7 +82323,7 @@ var Questions = ({
   const devCenterClient = useDevCenterClient();
   const { reportError: reportError2 } = useErrorReporter();
   const { getDeveloperApps } = useDevCenterClient();
-  const [appCreationFlow, setAppCreationFlow] = (0, import_react121.useState)();
+  const [appCreationFlow, setAppCreationFlow] = (0, import_react125.useState)();
   const { status } = useAsync2(async () => {
     const { template, appName } = await parseCommandOptions(
       targetParentFolder2,
@@ -81963,27 +82354,34 @@ var Questions = ({
       };
     }
   }, []);
-  return (0, import_variant36.match)(status, {
+  return (0, import_variant42.match)(status, {
     Error: () => null,
-    Loading: () => /* @__PURE__ */ import_react121.default.createElement(Spinner2, { text: t3("general.loading") }),
+    Loading: () => /* @__PURE__ */ import_react125.default.createElement(Spinner2, { text: t3("general.loading") }),
     Success: ({
       result: { template, appName, developerApps, developerAppsStatus }
     }) => {
       if (template) {
-        return /* @__PURE__ */ import_react121.default.createElement(import_react121.default.Fragment, null, /* @__PURE__ */ import_react121.default.createElement(StartFromTemplateMessage, { template }), /* @__PURE__ */ import_react121.default.createElement(
+        return /* @__PURE__ */ import_react125.default.createElement(import_react125.default.Fragment, null, /* @__PURE__ */ import_react125.default.createElement(StartFromTemplateMessage, { template }), (0, import_variant42.isType)(appName, AppNameOptions.Provided) ? /* @__PURE__ */ import_react125.default.createElement(
+          NewAppAutoFlow,
+          {
+            extendAppId: commandOptions.extendAppId,
+            appName,
+            onSubmit,
+            template
+          }
+        ) : /* @__PURE__ */ import_react125.default.createElement(
           NewAppFlow,
           {
             onSubmit,
-            template,
             extendAppId: commandOptions.extendAppId,
-            appName,
+            template,
             targetParentFolder: targetParentFolder2,
             repoType: repoType2
           }
         ));
       }
-      if ((0, import_variant36.isType)(developerAppsStatus, "NoApps")) {
-        return /* @__PURE__ */ import_react121.default.createElement(
+      if ((0, import_variant42.isType)(developerAppsStatus, "NoApps")) {
+        return /* @__PURE__ */ import_react125.default.createElement(
           NewAppFlow,
           {
             onSubmit,
@@ -81992,20 +82390,20 @@ var Questions = ({
           }
         );
       }
-      return /* @__PURE__ */ import_react121.default.createElement(import_react121.default.Fragment, null, /* @__PURE__ */ import_react121.default.createElement(
+      return /* @__PURE__ */ import_react125.default.createElement(import_react125.default.Fragment, null, /* @__PURE__ */ import_react125.default.createElement(
         CreateAppOrExtendExisting,
         {
           developerAppsStatus,
           onStartCreationFlow: setAppCreationFlow
         }
-      ), appCreationFlow === "new" && /* @__PURE__ */ import_react121.default.createElement(
+      ), appCreationFlow === "new" && /* @__PURE__ */ import_react125.default.createElement(
         NewAppFlow,
         {
           onSubmit,
           targetParentFolder: targetParentFolder2,
           repoType: repoType2
         }
-      ), appCreationFlow === "existing" && /* @__PURE__ */ import_react121.default.createElement(
+      ), appCreationFlow === "existing" && /* @__PURE__ */ import_react125.default.createElement(
         ExistingAppFlow,
         {
           developerApps,
@@ -82020,7 +82418,7 @@ var Questions = ({
 
 // ../create-new-packages/app-command/src/tasks.ts
 init_esm_shims();
-var import_variant37 = __toESM(require_lib(), 1);
+var import_variant43 = __toESM(require_lib(), 1);
 import { mkdir } from "node:fs/promises";
 import { join as join12 } from "node:path";
 
@@ -82101,7 +82499,7 @@ function getTasks({
         cause: e2
       });
     }
-    const { generateApp } = await import("./generator-LMHXVMXT.js");
+    const { generateApp } = await import("./generator-D63KTZEK.js");
     await generateApp({
       packageName,
       packageFolder,
@@ -82110,7 +82508,7 @@ function getTasks({
       repoType: repoType2,
       template,
       templateParams,
-      ideForMcp: (0, import_variant37.match)(mcpConfigResult, {
+      ideForMcp: (0, import_variant43.match)(mcpConfigResult, {
         Created: ({ ideForMcp }) => ideForMcp,
         Canceled: () => {
         }
@@ -82208,7 +82606,7 @@ function getTasks({
     successText: agentConfigsTaskText.successText
   };
   const optionalInstallAndAgentsTask = skipInstall ? [] : [installDependenciesTask, addWixSkillsTask, generateAgentConfigsTask];
-  return (0, import_variant37.match)(repoType2, {
+  return (0, import_variant43.match)(repoType2, {
     None: () => [
       generateProjectTask,
       ...skipGit ? [] : [initializeGitTask],
@@ -82222,10 +82620,10 @@ function getTasks({
 
 // ../create-new-packages/app-command/src/components/FinishedSuccessfullyMessage.tsx
 init_esm_shims();
-var import_react122 = __toESM(require_react(), 1);
+var import_react126 = __toESM(require_react(), 1);
 var FinishedSuccessfullyMessage = ({ packageName, appData: { appName, appId }, packageManager: packageManager2 }) => {
   const { t: t3 } = useTranslation();
-  return /* @__PURE__ */ import_react122.default.createElement(
+  return /* @__PURE__ */ import_react126.default.createElement(
     Box_default,
     {
       borderColor: "blue",
@@ -82237,22 +82635,22 @@ var FinishedSuccessfullyMessage = ({ packageName, appData: { appName, appId }, p
       marginLeft: -2,
       marginBottom: 1
     },
-    /* @__PURE__ */ import_react122.default.createElement(Box_default, { marginTop: -2, marginLeft: -4 }, /* @__PURE__ */ import_react122.default.createElement(Text2, { skin: "question", bold: true }, t3("create_app.results"), " ")),
-    /* @__PURE__ */ import_react122.default.createElement(Text2, null, /* @__PURE__ */ import_react122.default.createElement(
+    /* @__PURE__ */ import_react126.default.createElement(Box_default, { marginTop: -2, marginLeft: -4 }, /* @__PURE__ */ import_react126.default.createElement(Text2, { skin: "question", bold: true }, t3("create_app.results"), " ")),
+    /* @__PURE__ */ import_react126.default.createElement(Text2, null, /* @__PURE__ */ import_react126.default.createElement(
       Trans2,
       {
         i18nKey: "create_app.generate_project.finished.ready_to_start",
-        components: [/* @__PURE__ */ import_react122.default.createElement(Text2, { bold: true })],
+        components: [/* @__PURE__ */ import_react126.default.createElement(Text2, { bold: true })],
         values: { appName }
       }
     )),
-    /* @__PURE__ */ import_react122.default.createElement(Text2, { bold: true }, t3("create_app.generate_project.finished.next_steps")),
-    /* @__PURE__ */ import_react122.default.createElement(UnorderedList, { gap: 1 }, /* @__PURE__ */ import_react122.default.createElement(UnorderedList.Item, { marker: "\u{1F45F}" }, /* @__PURE__ */ import_react122.default.createElement(Text2, null, t3("create_app.generate_project.finished.run_local_development")), /* @__PURE__ */ import_react122.default.createElement(Text2, { skin: "info" }, `cd ${packageName}`), /* @__PURE__ */ import_react122.default.createElement(Text2, { skin: "info" }, `${packageManager2.getRunCmd()} dev`)), /* @__PURE__ */ import_react122.default.createElement(UnorderedList.Item, { marker: "\u{1F3AF}" }, /* @__PURE__ */ import_react122.default.createElement(Text2, null, t3("create_app.generate_project.finished.generate_extensions")), /* @__PURE__ */ import_react122.default.createElement(Text2, { skin: "info" }, `${packageManager2.getRunCmd()} generate`)), /* @__PURE__ */ import_react122.default.createElement(UnorderedList.Item, { marker: "\u{1F91D}" }, /* @__PURE__ */ import_react122.default.createElement(
+    /* @__PURE__ */ import_react126.default.createElement(Text2, { bold: true }, t3("create_app.generate_project.finished.next_steps")),
+    /* @__PURE__ */ import_react126.default.createElement(UnorderedList, { gap: 1 }, /* @__PURE__ */ import_react126.default.createElement(UnorderedList.Item, { marker: "\u{1F45F}" }, /* @__PURE__ */ import_react126.default.createElement(Text2, null, t3("create_app.generate_project.finished.run_local_development")), /* @__PURE__ */ import_react126.default.createElement(Text2, { skin: "info" }, `cd ${packageName}`), /* @__PURE__ */ import_react126.default.createElement(Text2, { skin: "info" }, `${packageManager2.getRunCmd()} dev`)), /* @__PURE__ */ import_react126.default.createElement(UnorderedList.Item, { marker: "\u{1F3AF}" }, /* @__PURE__ */ import_react126.default.createElement(Text2, null, t3("create_app.generate_project.finished.generate_extensions")), /* @__PURE__ */ import_react126.default.createElement(Text2, { skin: "info" }, `${packageManager2.getRunCmd()} generate`)), /* @__PURE__ */ import_react126.default.createElement(UnorderedList.Item, { marker: "\u{1F91D}" }, /* @__PURE__ */ import_react126.default.createElement(
       Trans2,
       {
         i18nKey: "create_app.create_new.app_on_dev_center",
         components: [
-          /* @__PURE__ */ import_react122.default.createElement(
+          /* @__PURE__ */ import_react126.default.createElement(
             Link,
             {
               skin: "info",
@@ -82261,12 +82659,12 @@ var FinishedSuccessfullyMessage = ({ packageName, appData: { appName, appId }, p
           )
         ]
       }
-    )), /* @__PURE__ */ import_react122.default.createElement(UnorderedList.Item, { marker: /* @__PURE__ */ import_react122.default.createElement(Learn, null) }, /* @__PURE__ */ import_react122.default.createElement(
+    )), /* @__PURE__ */ import_react126.default.createElement(UnorderedList.Item, { marker: /* @__PURE__ */ import_react126.default.createElement(Learn, null) }, /* @__PURE__ */ import_react126.default.createElement(
       Trans2,
       {
         i18nKey: "create_app.generate_project.finished.visit_docs",
         components: [
-          /* @__PURE__ */ import_react122.default.createElement(
+          /* @__PURE__ */ import_react126.default.createElement(
             Link,
             {
               skin: "info",
@@ -82275,12 +82673,12 @@ var FinishedSuccessfullyMessage = ({ packageName, appData: { appName, appId }, p
           )
         ]
       }
-    )), /* @__PURE__ */ import_react122.default.createElement(UnorderedList.Item, { marker: "\u{1F4AC}" }, /* @__PURE__ */ import_react122.default.createElement(
+    )), /* @__PURE__ */ import_react126.default.createElement(UnorderedList.Item, { marker: "\u{1F4AC}" }, /* @__PURE__ */ import_react126.default.createElement(
       Trans2,
       {
         i18nKey: "create_app.generate_project.finished.join_community",
         components: [
-          /* @__PURE__ */ import_react122.default.createElement(Link, { skin: "info", url: "https://discord.gg/wixstudio" })
+          /* @__PURE__ */ import_react126.default.createElement(Link, { skin: "info", url: "https://discord.gg/wixstudio" })
         ]
       }
     )))
@@ -82289,23 +82687,23 @@ var FinishedSuccessfullyMessage = ({ packageName, appData: { appName, appId }, p
 
 // ../create-new-packages/app-command/src/components/TaskList.tsx
 init_esm_shims();
-var import_react123 = __toESM(require_react(), 1);
+var import_react127 = __toESM(require_react(), 1);
 var TaskList = ({ tasks, totalTaskCount }) => {
-  return /* @__PURE__ */ import_react123.default.createElement(import_react123.default.Fragment, null, tasks.map((task, index) => {
+  return /* @__PURE__ */ import_react127.default.createElement(import_react127.default.Fragment, null, tasks.map((task, index) => {
     const stepper = `[${index + 1}/${totalTaskCount}]`;
     const fullText = `${stepper} ${task.text}`;
     if (task.status === "running") {
-      return /* @__PURE__ */ import_react123.default.createElement(Spinner2, { key: index, text: fullText });
+      return /* @__PURE__ */ import_react127.default.createElement(Spinner2, { key: index, text: fullText });
     }
-    return /* @__PURE__ */ import_react123.default.createElement(Alert, { key: index, type: "success" }, fullText);
+    return /* @__PURE__ */ import_react127.default.createElement(Alert, { key: index, type: "success" }, fullText);
   }));
 };
 
 // ../create-new-packages/app-command/src/task-runner.ts
 init_esm_shims();
-var import_react124 = __toESM(require_react(), 1);
-var import_variant38 = __toESM(require_lib(), 1);
-var TaskRunnerStatus = (0, import_variant38.variant)({
+var import_react128 = __toESM(require_react(), 1);
+var import_variant44 = __toESM(require_lib(), 1);
+var TaskRunnerStatus = (0, import_variant44.variant)({
   Idle: {},
   Running: (runningTasks, totalTaskCount) => {
     const taskStatuses = runningTasks.map((task, index) => {
@@ -82329,7 +82727,7 @@ var TaskRunnerStatus = (0, import_variant38.variant)({
   }
 });
 function useTaskRunner() {
-  const [status, setStatus] = (0, import_react124.useState)(
+  const [status, setStatus] = (0, import_react128.useState)(
     TaskRunnerStatus.Idle()
   );
   const { execute } = useAsyncCallback3(async (_2, tasks) => {
@@ -82349,23 +82747,23 @@ function useTaskRunner() {
 
 // ../create-new-packages/app-command/src/components/mcp/McpConfigCreated.tsx
 init_esm_shims();
-var import_react125 = __toESM(require_react(), 1);
+var import_react129 = __toESM(require_react(), 1);
 var McpConfigCreated = ({
   mcpPath,
   docsUrl
 }) => {
-  return /* @__PURE__ */ import_react125.default.createElement(Box_default, { flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ import_react125.default.createElement(Box_default, { marginLeft: -2 }, /* @__PURE__ */ import_react125.default.createElement(Alert, { type: "success" }, /* @__PURE__ */ import_react125.default.createElement(Badge, { skin: "success" }, /* @__PURE__ */ import_react125.default.createElement(Trans2, { i18nKey: "create_app.mcp_config_created_badge" })), " ")), /* @__PURE__ */ import_react125.default.createElement(Box_default, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ import_react125.default.createElement(Text2, null, /* @__PURE__ */ import_react125.default.createElement(
+  return /* @__PURE__ */ import_react129.default.createElement(Box_default, { flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ import_react129.default.createElement(Box_default, { marginLeft: -2 }, /* @__PURE__ */ import_react129.default.createElement(Alert, { type: "success" }, /* @__PURE__ */ import_react129.default.createElement(Badge, { skin: "success" }, /* @__PURE__ */ import_react129.default.createElement(Trans2, { i18nKey: "create_app.mcp_config_created_badge" })), " ")), /* @__PURE__ */ import_react129.default.createElement(Box_default, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ import_react129.default.createElement(Text2, null, /* @__PURE__ */ import_react129.default.createElement(
     Trans2,
     {
       i18nKey: "create_app.mcp_config_created_1",
-      components: [/* @__PURE__ */ import_react125.default.createElement(Text2, { bold: true })],
+      components: [/* @__PURE__ */ import_react129.default.createElement(Text2, { bold: true })],
       values: { mcpPath }
     }
-  )), /* @__PURE__ */ import_react125.default.createElement(Text2, null, /* @__PURE__ */ import_react125.default.createElement(Trans2, { i18nKey: "create_app.mcp_config_created_2" })), /* @__PURE__ */ import_react125.default.createElement(Text2, null, /* @__PURE__ */ import_react125.default.createElement(
+  )), /* @__PURE__ */ import_react129.default.createElement(Text2, null, /* @__PURE__ */ import_react129.default.createElement(Trans2, { i18nKey: "create_app.mcp_config_created_2" })), /* @__PURE__ */ import_react129.default.createElement(Text2, null, /* @__PURE__ */ import_react129.default.createElement(
     Trans2,
     {
       i18nKey: "create_app.mcp_config_created_3",
-      components: [/* @__PURE__ */ import_react125.default.createElement(Link, { skin: "info", url: docsUrl })]
+      components: [/* @__PURE__ */ import_react129.default.createElement(Link, { skin: "info", url: docsUrl })]
     }
   ))));
 };
@@ -82373,7 +82771,7 @@ var McpConfigCreated = ({
 // ../create-new-packages/app-command/src/components/CreateAppCommand.tsx
 var GenerationProgress = ({ tasks, totalTaskCount }) => {
   const { t: t3 } = useTranslation();
-  return /* @__PURE__ */ import_react126.default.createElement(import_react126.default.Fragment, null, /* @__PURE__ */ import_react126.default.createElement(Box_default, { marginBottom: 1, marginTop: 1 }, /* @__PURE__ */ import_react126.default.createElement(Text2, null, t3("create_app.generate_project.generating_project"))), /* @__PURE__ */ import_react126.default.createElement(Box_default, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ import_react126.default.createElement(TaskList, { tasks, totalTaskCount })));
+  return /* @__PURE__ */ import_react130.default.createElement(import_react130.default.Fragment, null, /* @__PURE__ */ import_react130.default.createElement(Box_default, { marginBottom: 1, marginTop: 1 }, /* @__PURE__ */ import_react130.default.createElement(Text2, null, t3("create_app.generate_project.generating_project"))), /* @__PURE__ */ import_react130.default.createElement(Box_default, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ import_react130.default.createElement(TaskList, { tasks, totalTaskCount })));
 };
 var CreateAppCommand = ({
   userInfo: userInfo2,
@@ -82384,13 +82782,13 @@ var CreateAppCommand = ({
 }) => {
   const { t: t3 } = useTranslation();
   const { execute: executeTaskRunner, status: taskRunnerStatus } = useTaskRunner();
-  const [generationData, setGenerationData] = (0, import_react126.useState)();
+  const [generationData, setGenerationData] = (0, import_react130.useState)();
   async function runTasks(data) {
     setGenerationData(data);
     const tasks = getTasks(data, t3);
     await executeTaskRunner(tasks);
   }
-  return /* @__PURE__ */ import_react126.default.createElement(
+  return /* @__PURE__ */ import_react130.default.createElement(
     Box_default,
     {
       flexDirection: "column",
@@ -82401,8 +82799,8 @@ var CreateAppCommand = ({
       borderTop: false,
       paddingLeft: 1
     },
-    /* @__PURE__ */ import_react126.default.createElement(WelcomeMessage, null),
-    /* @__PURE__ */ import_react126.default.createElement(AuthProvider2, { userInfo: userInfo2 }, /* @__PURE__ */ import_react126.default.createElement(
+    /* @__PURE__ */ import_react130.default.createElement(WelcomeMessage, null),
+    /* @__PURE__ */ import_react130.default.createElement(AuthProvider2, { userInfo: userInfo2 }, /* @__PURE__ */ import_react130.default.createElement(
       Questions,
       {
         repoType: repoType2,
@@ -82419,13 +82817,13 @@ var CreateAppCommand = ({
         })
       }
     )),
-    generationData && (0, import_variant39.match)(taskRunnerStatus, {
+    generationData && (0, import_variant45.match)(taskRunnerStatus, {
       Idle: () => null,
-      Running: (status) => /* @__PURE__ */ import_react126.default.createElement(GenerationProgress, { ...status }),
-      Done: (status) => /* @__PURE__ */ import_react126.default.createElement(import_react126.default.Fragment, null, /* @__PURE__ */ import_react126.default.createElement(GenerationProgress, { ...status }), (0, import_variant39.match)(generationData.mcpConfigResult, {
-        Created: ({ mcpPath, docsUrl }) => /* @__PURE__ */ import_react126.default.createElement(McpConfigCreated, { mcpPath, docsUrl }),
+      Running: (status) => /* @__PURE__ */ import_react130.default.createElement(GenerationProgress, { ...status }),
+      Done: (status) => /* @__PURE__ */ import_react130.default.createElement(import_react130.default.Fragment, null, /* @__PURE__ */ import_react130.default.createElement(GenerationProgress, { ...status }), (0, import_variant45.match)(generationData.mcpConfigResult, {
+        Created: ({ mcpPath, docsUrl }) => /* @__PURE__ */ import_react130.default.createElement(McpConfigCreated, { mcpPath, docsUrl }),
         Canceled: () => null
-      }), /* @__PURE__ */ import_react126.default.createElement(
+      }), /* @__PURE__ */ import_react130.default.createElement(
         FinishedSuccessfullyMessage,
         {
           packageName: generationData.packageName,
@@ -82479,6 +82877,10 @@ var messages_default3 = {
   "create_app.extend_existing.select_app.label": "Which app would you like to extend?",
   "create_app.extend_existing.get_project": "Fetching application data",
   "create_app.choose_package_name.label": "Enter a folder name for your project",
+  "create_app.choose_namespace.label": "Enter a namespace for your app",
+  "create_app.choose_namespace.placeholder": "{suggested}",
+  "create_app.choose_code_identifier.label": "Enter a code identifier for your project",
+  "create_app.choose_code_identifier.placeholder": "{suggested}",
   "create_app.generate_project.generating_project": "Generating your app...",
   "create_app.generate_project.generating_files.loading": "Generating project files...",
   "create_app.generate_project.generating_files.done": "Project files generated!",
@@ -82586,7 +82988,7 @@ var getAppCommand = ({
     try {
       transaction.start();
       await render2(
-        /* @__PURE__ */ import_react127.default.createElement(BiProvider, { value: biLogger }, /* @__PURE__ */ import_react127.default.createElement(ErrorReporterProvider, { value: errorReporter2 }, /* @__PURE__ */ import_react127.default.createElement(PanoramaProvider, { value: panorama2 }, /* @__PURE__ */ import_react127.default.createElement(HttpClientProvider, { headers }, /* @__PURE__ */ import_react127.default.createElement(I18nProvider, { messages: messages_default3 }, /* @__PURE__ */ import_react127.default.createElement(
+        /* @__PURE__ */ import_react131.default.createElement(BiProvider, { value: biLogger }, /* @__PURE__ */ import_react131.default.createElement(ErrorReporterProvider, { value: errorReporter2 }, /* @__PURE__ */ import_react131.default.createElement(PanoramaProvider, { value: panorama2 }, /* @__PURE__ */ import_react131.default.createElement(HttpClientProvider, { headers }, /* @__PURE__ */ import_react131.default.createElement(I18nProvider, { messages: messages_default3 }, /* @__PURE__ */ import_react131.default.createElement(
           CreateAppCommand,
           {
             userInfo: userInfo2,
@@ -82608,7 +83010,7 @@ var getAppCommand = ({
 
 // ../create-new-packages/headless-command/src/index.tsx
 init_esm_shims();
-var import_react150 = __toESM(require_react(), 1);
+var import_react154 = __toESM(require_react(), 1);
 
 // ../create-new-packages/headless-command/src/validations/validate-business-name.ts
 init_esm_shims();
@@ -82635,21 +83037,21 @@ var validateProjectName = (value2) => {
 
 // ../create-new-packages/headless-command/src/components/LinkCommand/LinkCommand.tsx
 init_esm_shims();
-var import_react138 = __toESM(require_react(), 1);
-var import_variant44 = __toESM(require_lib(), 1);
+var import_react142 = __toESM(require_react(), 1);
+var import_variant50 = __toESM(require_lib(), 1);
 
 // ../create-new-packages/headless-command/src/components/WelcomeMessage.tsx
 init_esm_shims();
-var import_react128 = __toESM(require_react(), 1);
+var import_react132 = __toESM(require_react(), 1);
 var WelcomeMessage2 = () => {
-  return /* @__PURE__ */ import_react128.default.createElement(Box_default, { flexDirection: "column", marginBottom: 1, paddingTop: 1 }, /* @__PURE__ */ import_react128.default.createElement(Text2, { bold: true }, "Create Headless Site"));
+  return /* @__PURE__ */ import_react132.default.createElement(Box_default, { flexDirection: "column", marginBottom: 1, paddingTop: 1 }, /* @__PURE__ */ import_react132.default.createElement(Text2, { bold: true }, "Create Headless Site"));
 };
 
 // ../create-new-packages/headless-command/src/components/ChooseBusinessName.tsx
 init_esm_shims();
-var import_react129 = __toESM(require_react(), 1);
+var import_react133 = __toESM(require_react(), 1);
 var ChooseBusinessName = ({ onSubmit }) => {
-  const validate3 = (0, import_react129.useCallback)((businessName) => {
+  const validate3 = (0, import_react133.useCallback)((businessName) => {
     try {
       validateBusinessName(businessName);
       return true;
@@ -82657,7 +83059,7 @@ var ChooseBusinessName = ({ onSubmit }) => {
       return e2.message;
     }
   }, []);
-  return /* @__PURE__ */ import_react129.default.createElement(
+  return /* @__PURE__ */ import_react133.default.createElement(
     TextInput2,
     {
       label: "What's the name of your business?",
@@ -82670,12 +83072,12 @@ var ChooseBusinessName = ({ onSubmit }) => {
 
 // ../create-new-packages/headless-command/src/components/CreateBusiness.tsx
 init_esm_shims();
-var import_react131 = __toESM(require_react(), 1);
-var import_variant40 = __toESM(require_lib(), 1);
+var import_react135 = __toESM(require_react(), 1);
+var import_variant46 = __toESM(require_lib(), 1);
 
 // ../create-new-packages/headless-command/src/clients/funnel-projects/useFunnelProjectsClient.ts
 init_esm_shims();
-var import_react130 = __toESM(require_react(), 1);
+var import_react134 = __toESM(require_react(), 1);
 
 // ../create-new-packages/headless-command/src/clients/funnel-projects/funnel-projects-client.ts
 init_esm_shims();
@@ -82781,7 +83183,7 @@ var FunnelProjectsClient = class {
 // ../create-new-packages/headless-command/src/clients/funnel-projects/useFunnelProjectsClient.ts
 function useFunnelProjectsClient() {
   const httpClient = useHttpClient({ type: "api" });
-  const client2 = (0, import_react130.useMemo)(
+  const client2 = (0, import_react134.useMemo)(
     () => new FunnelProjectsClient(httpClient),
     [httpClient]
   );
@@ -82795,18 +83197,18 @@ var CreateBusiness = ({ businessName, businessTemplateId, onDone }) => {
     const { project } = await createProject3(businessName, businessTemplateId);
     onDone({ businessId: project.metaSiteId });
   }, []);
-  return /* @__PURE__ */ import_react131.default.createElement(import_react131.default.Fragment, null, (0, import_variant40.match)(status, {
+  return /* @__PURE__ */ import_react135.default.createElement(import_react135.default.Fragment, null, (0, import_variant46.match)(status, {
     Error: () => null,
-    Loading: () => /* @__PURE__ */ import_react131.default.createElement(Box_default, { marginBottom: 1 }, /* @__PURE__ */ import_react131.default.createElement(Spinner2, { text: "Creating your business..." })),
-    Success: () => /* @__PURE__ */ import_react131.default.createElement(Box_default, { marginLeft: -2, marginBottom: 1 }, /* @__PURE__ */ import_react131.default.createElement(Alert, { type: "success" }, /* @__PURE__ */ import_react131.default.createElement(Badge, { skin: "success" }, "Success"), " ", /* @__PURE__ */ import_react131.default.createElement(Text2, null, "Business created successfully"))),
+    Loading: () => /* @__PURE__ */ import_react135.default.createElement(Box_default, { marginBottom: 1 }, /* @__PURE__ */ import_react135.default.createElement(Spinner2, { text: "Creating your business..." })),
+    Success: () => /* @__PURE__ */ import_react135.default.createElement(Box_default, { marginLeft: -2, marginBottom: 1 }, /* @__PURE__ */ import_react135.default.createElement(Alert, { type: "success" }, /* @__PURE__ */ import_react135.default.createElement(Badge, { skin: "success" }, "Success"), " ", /* @__PURE__ */ import_react135.default.createElement(Text2, null, "Business created successfully"))),
     NotRequested: () => null
   }));
 };
 
 // ../create-new-packages/headless-command/src/components/CreateProject.tsx
 init_esm_shims();
-var import_react133 = __toESM(require_react(), 1);
-var import_variant41 = __toESM(require_lib(), 1);
+var import_react137 = __toESM(require_react(), 1);
+var import_variant47 = __toESM(require_lib(), 1);
 
 // ../create-new-packages/headless-command/src/hooks/create-project.ts
 init_esm_shims();
@@ -82818,7 +83220,7 @@ init_esm_shims();
 
 // ../metasite-manager-client/src/useMetasiteManagerClient.ts
 init_esm_shims();
-var import_react132 = __toESM(require_react(), 1);
+var import_react136 = __toESM(require_react(), 1);
 
 // ../metasite-manager-client/src/metasite-manager-client.ts
 init_esm_shims();
@@ -83632,7 +84034,7 @@ function useMetasiteManagerClient({
   siteId
 } = {}) {
   const httpClient = useHttpClient({ type: "general", siteId });
-  const client2 = (0, import_react132.useMemo)(
+  const client2 = (0, import_react136.useMemo)(
     () => new MetasiteManagerClient(httpClient),
     [httpClient]
   );
@@ -83732,17 +84134,17 @@ var CreateProject = ({
   cloudProviders
 }) => {
   const { status, execute } = useCreateProject(businessId);
-  (0, import_react133.useEffect)(() => {
-    if ((0, import_variant41.isType)(status, "Success")) {
+  (0, import_react137.useEffect)(() => {
+    if ((0, import_variant47.isType)(status, "Success")) {
       onSubmit(status.result);
     }
   }, [status, onSubmit]);
-  (0, import_react133.useEffect)(() => {
+  (0, import_react137.useEffect)(() => {
     if (providedProjectName) {
       void execute({ projectName: providedProjectName, cloudProviders });
     }
   }, [providedProjectName, cloudProviders, execute]);
-  const validate3 = (0, import_react133.useCallback)(async (projectName) => {
+  const validate3 = (0, import_react137.useCallback)(async (projectName) => {
     try {
       validateProjectName(projectName);
       return true;
@@ -83750,7 +84152,7 @@ var CreateProject = ({
       return e2.message;
     }
   }, []);
-  return /* @__PURE__ */ import_react133.default.createElement(import_react133.default.Fragment, null, !providedProjectName && /* @__PURE__ */ import_react133.default.createElement(
+  return /* @__PURE__ */ import_react137.default.createElement(import_react137.default.Fragment, null, !providedProjectName && /* @__PURE__ */ import_react137.default.createElement(
     TextInput2,
     {
       label: "What's the name of your Custom Frontend project?",
@@ -83758,18 +84160,18 @@ var CreateProject = ({
       validate: validate3,
       inCreateFlow: true
     }
-  ), (0, import_variant41.match)(status, {
+  ), (0, import_variant47.match)(status, {
     Error: () => null,
-    Loading: () => /* @__PURE__ */ import_react133.default.createElement(Box_default, { marginBottom: 1 }, /* @__PURE__ */ import_react133.default.createElement(Spinner2, { text: "Creating your project..." })),
-    Success: () => /* @__PURE__ */ import_react133.default.createElement(Box_default, { marginLeft: -2, marginBottom: 1 }, /* @__PURE__ */ import_react133.default.createElement(Alert, { type: "success" }, /* @__PURE__ */ import_react133.default.createElement(Badge, { skin: "success" }, "Success"), " ", /* @__PURE__ */ import_react133.default.createElement(Text2, null, "Project created successfully"))),
+    Loading: () => /* @__PURE__ */ import_react137.default.createElement(Box_default, { marginBottom: 1 }, /* @__PURE__ */ import_react137.default.createElement(Spinner2, { text: "Creating your project..." })),
+    Success: () => /* @__PURE__ */ import_react137.default.createElement(Box_default, { marginLeft: -2, marginBottom: 1 }, /* @__PURE__ */ import_react137.default.createElement(Alert, { type: "success" }, /* @__PURE__ */ import_react137.default.createElement(Badge, { skin: "success" }, "Success"), " ", /* @__PURE__ */ import_react137.default.createElement(Text2, null, "Project created successfully"))),
     NotRequested: () => null
   }));
 };
 
 // ../create-new-packages/headless-command/src/components/LinkCommand/GenerateProject.tsx
 init_esm_shims();
-var import_react136 = __toESM(require_react(), 1);
-var import_variant43 = __toESM(require_lib(), 1);
+var import_react140 = __toESM(require_react(), 1);
+var import_variant49 = __toESM(require_lib(), 1);
 
 // ../cli-project-extender/src/index.ts
 init_esm_shims();
@@ -83931,9 +84333,9 @@ var IdentityType = class extends BaseType {
   }
 };
 var ObjectType = class extends BaseType {
-  constructor(fields11) {
+  constructor(fields12) {
     super();
-    this.fields = fields11;
+    this.fields = fields12;
     __publicField$2(this, "kind", "ObjectType");
   }
   toString() {
@@ -89713,17 +90115,17 @@ function genericPrintNoParens(path4, options, print2) {
     case "ObjectTypeAnnotation": {
       const isTypeAnnotation = n3.type === "ObjectTypeAnnotation";
       const separator = options.flowObjectCommas ? "," : isTypeAnnotation ? ";" : ",";
-      const fields11 = [];
+      const fields12 = [];
       let allowBreak = false;
       if (isTypeAnnotation) {
-        fields11.push("indexers", "callProperties");
+        fields12.push("indexers", "callProperties");
         if (n3.internalSlots != null) {
-          fields11.push("internalSlots");
+          fields12.push("internalSlots");
         }
       }
-      fields11.push("properties");
+      fields12.push("properties");
       let len = 0;
-      fields11.forEach(function(field) {
+      fields12.forEach(function(field) {
         len += n3[field].length;
       });
       const oneLine = isTypeAnnotation && len === 1 || len === 0;
@@ -89732,7 +90134,7 @@ function genericPrintNoParens(path4, options, print2) {
       parts.push(oneLine ? leftBrace : leftBrace + "\n");
       const leftBraceIndex = parts.length - 1;
       let i2 = 0;
-      fields11.forEach(function(field) {
+      fields12.forEach(function(field) {
         path4.each(function(childPath) {
           let lines = print2(childPath);
           if (!oneLine) {
@@ -92521,12 +92923,12 @@ function detectCodeFormat(code, userStyles = {}) {
     }
     if (detect.quote || detect.arrowParens) {
       const matches = trimmitedLine.matchAll(syntaxDetectRegex);
-      for (const match35 of matches) {
-        if (!match35.groups) {
+      for (const match37 of matches) {
+        if (!match37.groups) {
           continue;
         }
         for (const key in syntaxUsages) {
-          if (match35.groups[key]) {
+          if (match37.groups[key]) {
             syntaxUsages[key]++;
           }
         }
@@ -92822,9 +93224,9 @@ async function extend2(projectFolder) {
 
 // ../create-new-packages/headless-command/src/task-runner.ts
 init_esm_shims();
-var import_react134 = __toESM(require_react(), 1);
-var import_variant42 = __toESM(require_lib(), 1);
-var TaskRunnerStatus2 = (0, import_variant42.variant)({
+var import_react138 = __toESM(require_react(), 1);
+var import_variant48 = __toESM(require_lib(), 1);
+var TaskRunnerStatus2 = (0, import_variant48.variant)({
   Idle: {},
   Running: (runningTasks, totalTaskCount) => {
     const taskStatuses = runningTasks.map((task, index) => {
@@ -92848,7 +93250,7 @@ var TaskRunnerStatus2 = (0, import_variant42.variant)({
   }
 });
 function useTaskRunner2() {
-  const [status, setStatus] = (0, import_react134.useState)(
+  const [status, setStatus] = (0, import_react138.useState)(
     TaskRunnerStatus2.Idle()
   );
   const { execute } = useAsyncCallback3(async (_2, tasks) => {
@@ -92868,25 +93270,25 @@ function useTaskRunner2() {
 
 // ../create-new-packages/headless-command/src/components/TaskList.tsx
 init_esm_shims();
-var import_react135 = __toESM(require_react(), 1);
+var import_react139 = __toESM(require_react(), 1);
 var TaskList2 = ({ tasks, totalTaskCount }) => {
-  return /* @__PURE__ */ import_react135.default.createElement(import_react135.default.Fragment, null, tasks.map((task, index) => {
+  return /* @__PURE__ */ import_react139.default.createElement(import_react139.default.Fragment, null, tasks.map((task, index) => {
     const stepper = `[${index + 1}/${totalTaskCount}]`;
     const fullText = `${stepper} ${task.text}`;
     if (task.status === "running") {
-      return /* @__PURE__ */ import_react135.default.createElement(Spinner2, { key: index, text: fullText });
+      return /* @__PURE__ */ import_react139.default.createElement(Spinner2, { key: index, text: fullText });
     }
-    return /* @__PURE__ */ import_react135.default.createElement(Alert, { key: index, type: "success" }, fullText);
+    return /* @__PURE__ */ import_react139.default.createElement(Alert, { key: index, type: "success" }, fullText);
   }));
 };
 
 // ../create-new-packages/headless-command/src/components/LinkCommand/GenerateProject.tsx
 var GenerationProgress2 = ({ tasks, totalTaskCount }) => {
-  return /* @__PURE__ */ import_react136.default.createElement(import_react136.default.Fragment, null, /* @__PURE__ */ import_react136.default.createElement(Box_default, { marginBottom: 1 }, /* @__PURE__ */ import_react136.default.createElement(Text2, null, "Generating your headless site...")), /* @__PURE__ */ import_react136.default.createElement(TaskList2, { tasks, totalTaskCount }));
+  return /* @__PURE__ */ import_react140.default.createElement(import_react140.default.Fragment, null, /* @__PURE__ */ import_react140.default.createElement(Box_default, { marginBottom: 1 }, /* @__PURE__ */ import_react140.default.createElement(Text2, null, "Generating your headless site...")), /* @__PURE__ */ import_react140.default.createElement(TaskList2, { tasks, totalTaskCount }));
 };
 var GenerateProject = ({ projectFolder, businessId, projectData, onDone, packageManager: packageManager2 }) => {
   const { execute: executeTaskRunner, status: taskRunnerStatus } = useTaskRunner2();
-  const generateProject = (0, import_react136.useCallback)(async () => {
+  const generateProject = (0, import_react140.useCallback)(async () => {
     const wixConfigFilePath = getWixConfigFilePath(projectFolder);
     const envFilePath = getEnvFilePath(projectFolder);
     await writeJson(
@@ -92899,10 +93301,10 @@ var GenerateProject = ({ projectFolder, businessId, projectData, onDone, package
     );
     await updateEnvFile(envFilePath, projectData.environmentVariables);
   }, [businessId, projectFolder, projectData]);
-  const extendProject = (0, import_react136.useCallback)(async () => {
+  const extendProject = (0, import_react140.useCallback)(async () => {
     await extend2(projectFolder);
   }, [projectFolder]);
-  const installDependencies = (0, import_react136.useCallback)(async () => {
+  const installDependencies = (0, import_react140.useCallback)(async () => {
     try {
       await packageManager2.runInstall(projectFolder);
     } catch (e2) {
@@ -92912,7 +93314,7 @@ var GenerateProject = ({ projectFolder, businessId, projectData, onDone, package
       });
     }
   }, [projectFolder, packageManager2]);
-  const tasks = (0, import_react136.useMemo)(() => {
+  const tasks = (0, import_react140.useMemo)(() => {
     const result = [
       {
         action: generateProject,
@@ -92936,18 +93338,18 @@ var GenerateProject = ({ projectFolder, businessId, projectData, onDone, package
     await executeTaskRunner(tasks);
     onDone(true);
   }, []);
-  return (0, import_variant43.match)(taskRunnerStatus, {
+  return (0, import_variant49.match)(taskRunnerStatus, {
     Idle: () => null,
-    Running: (status) => /* @__PURE__ */ import_react136.default.createElement(GenerationProgress2, { ...status }),
-    Done: (status) => /* @__PURE__ */ import_react136.default.createElement(Box_default, { flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ import_react136.default.createElement(GenerationProgress2, { ...status }), /* @__PURE__ */ import_react136.default.createElement(Box_default, { marginLeft: -2, marginTop: 1 }, /* @__PURE__ */ import_react136.default.createElement(Alert, { type: "success" }, /* @__PURE__ */ import_react136.default.createElement(Badge, { skin: "success" }, "Success"), " ", /* @__PURE__ */ import_react136.default.createElement(Text2, null, "Project set up successfully"))))
+    Running: (status) => /* @__PURE__ */ import_react140.default.createElement(GenerationProgress2, { ...status }),
+    Done: (status) => /* @__PURE__ */ import_react140.default.createElement(Box_default, { flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ import_react140.default.createElement(GenerationProgress2, { ...status }), /* @__PURE__ */ import_react140.default.createElement(Box_default, { marginLeft: -2, marginTop: 1 }, /* @__PURE__ */ import_react140.default.createElement(Alert, { type: "success" }, /* @__PURE__ */ import_react140.default.createElement(Badge, { skin: "success" }, "Success"), " ", /* @__PURE__ */ import_react140.default.createElement(Text2, null, "Project set up successfully"))))
   });
 };
 
 // ../create-new-packages/headless-command/src/components/LinkCommand/FinishedSuccessfullyMessage.tsx
 init_esm_shims();
-var import_react137 = __toESM(require_react(), 1);
+var import_react141 = __toESM(require_react(), 1);
 var FinishedSuccessfullyMessage2 = ({ packageManager: packageManager2 }) => {
-  return /* @__PURE__ */ import_react137.default.createElement(
+  return /* @__PURE__ */ import_react141.default.createElement(
     Box_default,
     {
       borderColor: "blue",
@@ -92959,8 +93361,8 @@ var FinishedSuccessfullyMessage2 = ({ packageManager: packageManager2 }) => {
       marginLeft: -2,
       marginTop: 1
     },
-    /* @__PURE__ */ import_react137.default.createElement(Text2, { bold: true }, "Next Steps:"),
-    /* @__PURE__ */ import_react137.default.createElement(UnorderedList, { gap: 1 }, /* @__PURE__ */ import_react137.default.createElement(UnorderedList.Item, { marker: "\u{1F45F}" }, /* @__PURE__ */ import_react137.default.createElement(Text2, null, "Start developing"), /* @__PURE__ */ import_react137.default.createElement(Text2, { skin: "info" }, `${packageManager2.getRunCmd()} dev`)), /* @__PURE__ */ import_react137.default.createElement(UnorderedList.Item, { marker: /* @__PURE__ */ import_react137.default.createElement(Learn, null) }, /* @__PURE__ */ import_react137.default.createElement(Text2, null, "For guides and API references visit our"), /* @__PURE__ */ import_react137.default.createElement(Link, { skin: "info", url: "https://dev.wix.com/docs/go-headless" }, "documentation")), /* @__PURE__ */ import_react137.default.createElement(UnorderedList.Item, { marker: "\u{1F4AC}" }, /* @__PURE__ */ import_react137.default.createElement(Text2, null, "Join our"), /* @__PURE__ */ import_react137.default.createElement(Link, { skin: "info", url: "https://discord.gg/wixstudio" }, "Discord community")))
+    /* @__PURE__ */ import_react141.default.createElement(Text2, { bold: true }, "Next Steps:"),
+    /* @__PURE__ */ import_react141.default.createElement(UnorderedList, { gap: 1 }, /* @__PURE__ */ import_react141.default.createElement(UnorderedList.Item, { marker: "\u{1F45F}" }, /* @__PURE__ */ import_react141.default.createElement(Text2, null, "Start developing"), /* @__PURE__ */ import_react141.default.createElement(Text2, { skin: "info" }, `${packageManager2.getRunCmd()} dev`)), /* @__PURE__ */ import_react141.default.createElement(UnorderedList.Item, { marker: /* @__PURE__ */ import_react141.default.createElement(Learn, null) }, /* @__PURE__ */ import_react141.default.createElement(Text2, null, "For guides and API references visit our"), /* @__PURE__ */ import_react141.default.createElement(Link, { skin: "info", url: "https://dev.wix.com/docs/go-headless" }, "documentation")), /* @__PURE__ */ import_react141.default.createElement(UnorderedList.Item, { marker: "\u{1F4AC}" }, /* @__PURE__ */ import_react141.default.createElement(Text2, null, "Join our"), /* @__PURE__ */ import_react141.default.createElement(Link, { skin: "info", url: "https://discord.gg/wixstudio" }, "Discord community")))
   );
 };
 
@@ -92981,10 +93383,10 @@ var LinkCommand = ({
   projectName: preEnteredProjectName,
   businessName: preEnteredBusinessName
 }) => {
-  const [businessName, setBusinessName] = (0, import_react138.useState)(preEnteredBusinessName);
-  const [businessId, setBusinessId] = (0, import_react138.useState)();
-  const [projectData, setProjectData] = (0, import_react138.useState)();
-  const [isDone, setIsDone] = (0, import_react138.useState)(false);
+  const [businessName, setBusinessName] = (0, import_react142.useState)(preEnteredBusinessName);
+  const [businessId, setBusinessId] = (0, import_react142.useState)();
+  const [projectData, setProjectData] = (0, import_react142.useState)();
+  const [isDone, setIsDone] = (0, import_react142.useState)(false);
   const { status } = useAsync2(async () => {
     const alreadyLinked = await isWixConfigExists(projectFolder);
     if (alreadyLinked) {
@@ -93004,11 +93406,11 @@ var LinkCommand = ({
     const packageManager2 = await createPackageManager(repoType2);
     return { repoType: repoType2, packageManager: packageManager2 };
   }, []);
-  return (0, import_variant44.match)(status, {
+  return (0, import_variant50.match)(status, {
     Error: () => null,
-    Loading: () => /* @__PURE__ */ import_react138.default.createElement(Spinner2, { text: "Loading..." }),
+    Loading: () => /* @__PURE__ */ import_react142.default.createElement(Spinner2, { text: "Loading..." }),
     Success: ({ result: { packageManager: packageManager2 } }) => {
-      return /* @__PURE__ */ import_react138.default.createElement(
+      return /* @__PURE__ */ import_react142.default.createElement(
         Box_default,
         {
           flexDirection: "column",
@@ -93019,14 +93421,14 @@ var LinkCommand = ({
           borderTop: false,
           paddingLeft: 1
         },
-        /* @__PURE__ */ import_react138.default.createElement(WelcomeMessage2, null),
-        !preEnteredBusinessName && /* @__PURE__ */ import_react138.default.createElement(
+        /* @__PURE__ */ import_react142.default.createElement(WelcomeMessage2, null),
+        !preEnteredBusinessName && /* @__PURE__ */ import_react142.default.createElement(
           ChooseBusinessName,
           {
             onSubmit: ({ businessName: businessName2 }) => setBusinessName(businessName2)
           }
         ),
-        businessName && /* @__PURE__ */ import_react138.default.createElement(AuthProvider, null, /* @__PURE__ */ import_react138.default.createElement(
+        businessName && /* @__PURE__ */ import_react142.default.createElement(AuthProvider, null, /* @__PURE__ */ import_react142.default.createElement(
           CreateBusiness,
           {
             businessName,
@@ -93034,7 +93436,7 @@ var LinkCommand = ({
             onDone: ({ businessId: businessId2 }) => setBusinessId(businessId2)
           }
         )),
-        businessName && businessId && /* @__PURE__ */ import_react138.default.createElement(AuthProvider, null, /* @__PURE__ */ import_react138.default.createElement(
+        businessName && businessId && /* @__PURE__ */ import_react142.default.createElement(AuthProvider, null, /* @__PURE__ */ import_react142.default.createElement(
           CreateProject,
           {
             businessId,
@@ -93042,7 +93444,7 @@ var LinkCommand = ({
             onSubmit: (data) => setProjectData(data)
           }
         )),
-        businessName && businessId && projectData && /* @__PURE__ */ import_react138.default.createElement(
+        businessName && businessId && projectData && /* @__PURE__ */ import_react142.default.createElement(
           GenerateProject,
           {
             packageManager: packageManager2,
@@ -93052,7 +93454,7 @@ var LinkCommand = ({
             onDone: () => setIsDone(true)
           }
         ),
-        businessName && businessId && projectData && isDone && /* @__PURE__ */ import_react138.default.createElement(FinishedSuccessfullyMessage2, { packageManager: packageManager2 })
+        businessName && businessId && projectData && isDone && /* @__PURE__ */ import_react142.default.createElement(FinishedSuccessfullyMessage2, { packageManager: packageManager2 })
       );
     }
   });
@@ -93104,12 +93506,12 @@ var validateCloudProvider = (value2) => {
 
 // ../create-new-packages/headless-command/src/components/ProcessCommand.tsx
 init_esm_shims();
-var import_react149 = __toESM(require_react(), 1);
-var import_variant54 = __toESM(require_lib(), 1);
+var import_react153 = __toESM(require_react(), 1);
+var import_variant60 = __toESM(require_lib(), 1);
 
 // ../create-new-packages/headless-command/src/parse-command-options.ts
 init_esm_shims();
-var import_variant46 = __toESM(require_lib(), 1);
+var import_variant52 = __toESM(require_lib(), 1);
 import { join as join14 } from "node:path";
 
 // ../create-new-packages/headless-command/src/validations/index.ts
@@ -93128,11 +93530,11 @@ async function validateDirectory2(projectRoot) {
 // ../create-new-packages/headless-command/src/validations/package-name.ts
 init_esm_shims();
 var import_validate_npm_package_name2 = __toESM(require_lib2(), 1);
-var import_variant45 = __toESM(require_lib(), 1);
-var Result2 = (0, import_variant45.variant)(
-  (0, import_variant45.onTerms)(({ T }) => ({
-    Error: (0, import_variant45.payload)(T),
-    Ok: import_variant45.nil
+var import_variant51 = __toESM(require_lib(), 1);
+var Result2 = (0, import_variant51.variant)(
+  (0, import_variant51.onTerms)(({ T }) => ({
+    Error: (0, import_variant51.payload)(T),
+    Ok: import_variant51.nil
   }))
 );
 async function validatePackageName2(name) {
@@ -93202,10 +93604,10 @@ var headlessTemplates = [
   ...vibeCompatibleTemplates,
   ...pureHeadlessTemplates
 ];
-var TemplateSource2 = (0, import_variant46.variant)({
-  HeadlessApp: (0, import_variant46.fields)(),
-  GitRepo: (0, import_variant46.fields)(),
-  Local: (0, import_variant46.fields)()
+var TemplateSource2 = (0, import_variant52.variant)({
+  HeadlessApp: (0, import_variant52.fields)(),
+  GitRepo: (0, import_variant52.fields)(),
+  Local: (0, import_variant52.fields)()
 });
 function parseProviderString(cloudProvider) {
   switch (cloudProvider.trim().toLowerCase()) {
@@ -93274,7 +93676,7 @@ async function parseProjectNameOptions(targetParentFolder2, options) {
       });
     }
     const npmValidationErrors = await validatePackageName2(projectName);
-    if ((0, import_variant46.isType)(npmValidationErrors, "Error")) {
+    if ((0, import_variant52.isType)(npmValidationErrors, "Error")) {
       throw new CliError({
         code: CliErrorCode.ProjectNameArgumentIsInvalid({
           errorMessage: `Invalid package name "${projectName}". Please fix the following issues: ${npmValidationErrors.payload.join(", ")}`
@@ -93329,32 +93731,32 @@ async function parseCommandOptions2(targetParentFolder2, options) {
 
 // ../create-new-packages/headless-command/src/components/CreateHeadlessSiteCommand.tsx
 init_esm_shims();
-var import_react148 = __toESM(require_react(), 1);
-var import_variant53 = __toESM(require_lib(), 1);
+var import_react152 = __toESM(require_react(), 1);
+var import_variant59 = __toESM(require_lib(), 1);
 var import_kebabCase5 = __toESM(require_kebabCase(), 1);
 import { join as join19 } from "node:path";
 
 // ../create-new-packages/headless-command/src/components/ChooseFolder.tsx
 init_esm_shims();
-var import_react139 = __toESM(require_react(), 1);
-var import_variant47 = __toESM(require_lib(), 1);
+var import_react143 = __toESM(require_react(), 1);
+var import_variant53 = __toESM(require_lib(), 1);
 import { join as join15 } from "node:path";
 var validateAppDirectory = async (targetParentFolder2, packageName) => {
   if (!await validateDirectory2(join15(targetParentFolder2, packageName))) {
     return `Provided directory "${packageName}" is not empty`;
   }
   const npmValidationErrors = await validatePackageName2(packageName);
-  return (0, import_variant47.match)(npmValidationErrors, {
+  return (0, import_variant53.match)(npmValidationErrors, {
     Ok: () => true,
     Error: ({ payload: payload7 }) => `Invalid folder name. Please fix the following issues: ${payload7.join(", ")}`
   });
 };
 var ChooseFolder = ({ initialFolderName, targetParentFolder: targetParentFolder2, onSubmit }) => {
-  const validate3 = (0, import_react139.useCallback)(
+  const validate3 = (0, import_react143.useCallback)(
     async (packageName) => validateAppDirectory(targetParentFolder2, packageName),
     [targetParentFolder2]
   );
-  return /* @__PURE__ */ import_react139.default.createElement(
+  return /* @__PURE__ */ import_react143.default.createElement(
     TextInput2,
     {
       label: "In which directory do you want to create your application?",
@@ -93369,8 +93771,8 @@ var ChooseFolder = ({ initialFolderName, targetParentFolder: targetParentFolder2
 // ../create-new-packages/headless-command/src/components/GenerateProject.tsx
 init_esm_shims();
 import { mkdir as mkdir2 } from "node:fs/promises";
-var import_react140 = __toESM(require_react(), 1);
-var import_variant48 = __toESM(require_lib(), 1);
+var import_react144 = __toESM(require_react(), 1);
+var import_variant54 = __toESM(require_lib(), 1);
 import { join as join17 } from "node:path";
 
 // ../create-new-packages/headless-command/src/services/generator/template-fetcher.ts
@@ -93417,14 +93819,14 @@ async function resolveTemplateFolder(templatePathOverride, selectedTemplate) {
   if (templatePathOverride) {
     return templatePathOverride;
   }
-  return (0, import_variant48.match)(selectedTemplate, {
+  return (0, import_variant54.match)(selectedTemplate, {
     HeadlessApp: ({ gitPath }) => fetchTemplate(headlessTemplatesGitUrl, gitPath),
     GitRepo: ({ url, path: path4 }) => fetchTemplate(url, path4),
     Local: ({ path: path4 }) => path4
   });
 }
 var GenerationProgress3 = ({ tasks, totalTaskCount }) => {
-  return /* @__PURE__ */ import_react140.default.createElement(import_react140.default.Fragment, null, /* @__PURE__ */ import_react140.default.createElement(Box_default, { marginBottom: 1 }, /* @__PURE__ */ import_react140.default.createElement(Text2, null, "Generating your headless site...")), /* @__PURE__ */ import_react140.default.createElement(TaskList2, { tasks, totalTaskCount }));
+  return /* @__PURE__ */ import_react144.default.createElement(import_react144.default.Fragment, null, /* @__PURE__ */ import_react144.default.createElement(Box_default, { marginBottom: 1 }, /* @__PURE__ */ import_react144.default.createElement(Text2, null, "Generating your headless site...")), /* @__PURE__ */ import_react144.default.createElement(TaskList2, { tasks, totalTaskCount }));
 };
 var GenerateProject2 = ({
   packageManager: packageManager2,
@@ -93437,11 +93839,11 @@ var GenerateProject2 = ({
   onDone
 }) => {
   const { execute: executeTaskRunner, status: taskRunnerStatus } = useTaskRunner2();
-  const packageFolder = (0, import_react140.useMemo)(
+  const packageFolder = (0, import_react144.useMemo)(
     () => join17(targetParentFolder2, folderName),
     [folderName, targetParentFolder2]
   );
-  const generateProject = (0, import_react140.useCallback)(async () => {
+  const generateProject = (0, import_react144.useCallback)(async () => {
     try {
       await mkdir2(packageFolder, { recursive: true });
     } catch (e2) {
@@ -93482,10 +93884,10 @@ var GenerateProject2 = ({
     commandOptions.templateParams,
     commandOptions.templatePath
   ]);
-  const extendProject = (0, import_react140.useCallback)(async () => {
+  const extendProject = (0, import_react144.useCallback)(async () => {
     await extend2(packageFolder);
   }, [packageFolder]);
-  const initializeGit = (0, import_react140.useCallback)(async () => {
+  const initializeGit = (0, import_react144.useCallback)(async () => {
     try {
       await gitInit(packageFolder);
     } catch (e2) {
@@ -93495,7 +93897,7 @@ var GenerateProject2 = ({
       });
     }
   }, [packageFolder]);
-  const installDependencies = (0, import_react140.useCallback)(async () => {
+  const installDependencies = (0, import_react144.useCallback)(async () => {
     try {
       await packageManager2.runInstall(packageFolder);
     } catch (e2) {
@@ -93505,7 +93907,7 @@ var GenerateProject2 = ({
       });
     }
   }, [packageFolder, packageManager2]);
-  const commitToGit = (0, import_react140.useCallback)(async () => {
+  const commitToGit = (0, import_react144.useCallback)(async () => {
     try {
       await gitCommit(packageFolder);
     } catch (e2) {
@@ -93515,7 +93917,7 @@ var GenerateProject2 = ({
       });
     }
   }, [packageFolder]);
-  const tasks = (0, import_react140.useMemo)(() => {
+  const tasks = (0, import_react144.useMemo)(() => {
     const result = [
       {
         action: generateProject,
@@ -93569,18 +93971,18 @@ var GenerateProject2 = ({
     await executeTaskRunner(tasks);
     onDone(true);
   }, []);
-  return (0, import_variant48.match)(taskRunnerStatus, {
+  return (0, import_variant54.match)(taskRunnerStatus, {
     Idle: () => null,
-    Running: (status) => /* @__PURE__ */ import_react140.default.createElement(GenerationProgress3, { ...status }),
-    Done: (status) => /* @__PURE__ */ import_react140.default.createElement(Box_default, { flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ import_react140.default.createElement(GenerationProgress3, { ...status }), /* @__PURE__ */ import_react140.default.createElement(Box_default, { marginLeft: -2, marginTop: 1 }, /* @__PURE__ */ import_react140.default.createElement(Alert, { type: "success" }, /* @__PURE__ */ import_react140.default.createElement(Badge, { skin: "success" }, "Success"), " ", /* @__PURE__ */ import_react140.default.createElement(Text2, null, "Project set up successfully"))))
+    Running: (status) => /* @__PURE__ */ import_react144.default.createElement(GenerationProgress3, { ...status }),
+    Done: (status) => /* @__PURE__ */ import_react144.default.createElement(Box_default, { flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ import_react144.default.createElement(GenerationProgress3, { ...status }), /* @__PURE__ */ import_react144.default.createElement(Box_default, { marginLeft: -2, marginTop: 1 }, /* @__PURE__ */ import_react144.default.createElement(Alert, { type: "success" }, /* @__PURE__ */ import_react144.default.createElement(Badge, { skin: "success" }, "Success"), " ", /* @__PURE__ */ import_react144.default.createElement(Text2, null, "Project set up successfully"))))
   });
 };
 
 // ../create-new-packages/headless-command/src/components/ChooseTemplate.tsx
 init_esm_shims();
-var import_react141 = __toESM(require_react(), 1);
+var import_react145 = __toESM(require_react(), 1);
 var ChooseTemplate2 = ({ onSubmit }) => {
-  const groups = (0, import_react141.useMemo)(
+  const groups = (0, import_react145.useMemo)(
     () => [
       {
         title: "Wix Vibe compatible templates",
@@ -93594,7 +93996,7 @@ var ChooseTemplate2 = ({ onSubmit }) => {
       {
         title: "Standard templates",
         // https://dev.wix.com/docs/go-headless/get-started/templates/wix-managed-templates/wix-cli-for-headless-templates
-        description: /* @__PURE__ */ import_react141.default.createElement(Text2, null, "(", /* @__PURE__ */ import_react141.default.createElement(Link, { url: "https://wix.to/zuKh3Fo" }, "Learn more"), ")"),
+        description: /* @__PURE__ */ import_react145.default.createElement(Text2, null, "(", /* @__PURE__ */ import_react145.default.createElement(Link, { url: "https://wix.to/zuKh3Fo" }, "Learn more"), ")"),
         items: pureHeadlessTemplates.map((template) => ({
           key: template.siteTemplateId,
           title: template.title,
@@ -93605,7 +94007,7 @@ var ChooseTemplate2 = ({ onSubmit }) => {
     ],
     []
   );
-  return /* @__PURE__ */ import_react141.default.createElement(
+  return /* @__PURE__ */ import_react145.default.createElement(
     SelectGroupsInput,
     {
       label: "Choose an initial template for your business",
@@ -93617,14 +94019,14 @@ var ChooseTemplate2 = ({ onSubmit }) => {
 
 // ../create-new-packages/headless-command/src/components/ReleaseProject.tsx
 init_esm_shims();
-var import_react143 = __toESM(require_react(), 1);
-var import_variant50 = __toESM(require_lib(), 1);
+var import_react147 = __toESM(require_react(), 1);
+var import_variant56 = __toESM(require_lib(), 1);
 
 // ../create-new-packages/headless-command/src/components/FinishedSuccessfullyMessage.tsx
 init_esm_shims();
-var import_react142 = __toESM(require_react(), 1);
+var import_react146 = __toESM(require_react(), 1);
 var FinishedSuccessfullyMessage3 = ({ packageManager: packageManager2, folderName, projectData, isReleased }) => {
-  return /* @__PURE__ */ import_react142.default.createElement(
+  return /* @__PURE__ */ import_react146.default.createElement(
     Box_default,
     {
       borderColor: "blue",
@@ -93636,17 +94038,17 @@ var FinishedSuccessfullyMessage3 = ({ packageManager: packageManager2, folderNam
       marginLeft: -2,
       marginTop: 1
     },
-    isReleased && /* @__PURE__ */ import_react142.default.createElement(Text2, { bold: true }, /* @__PURE__ */ import_react142.default.createElement(Rocket, null), " Visit your site at: ", projectData.baseUrl),
-    /* @__PURE__ */ import_react142.default.createElement(Text2, { bold: true }, "Next Steps:"),
-    /* @__PURE__ */ import_react142.default.createElement(UnorderedList, { gap: 1 }, /* @__PURE__ */ import_react142.default.createElement(UnorderedList.Item, { marker: "\u{1F45F}" }, /* @__PURE__ */ import_react142.default.createElement(Text2, null, "Start developing"), /* @__PURE__ */ import_react142.default.createElement(Text2, { skin: "info" }, `cd ${folderName}`), /* @__PURE__ */ import_react142.default.createElement(Text2, { skin: "info" }, `${packageManager2.getRunCmd()} dev`)), /* @__PURE__ */ import_react142.default.createElement(UnorderedList.Item, { marker: /* @__PURE__ */ import_react142.default.createElement(Learn, null) }, /* @__PURE__ */ import_react142.default.createElement(Text2, null, "For guides and API references visit our"), /* @__PURE__ */ import_react142.default.createElement(Link, { skin: "info", url: "https://dev.wix.com/docs/go-headless" }, "documentation")), /* @__PURE__ */ import_react142.default.createElement(UnorderedList.Item, { marker: "\u{1F4AC}" }, /* @__PURE__ */ import_react142.default.createElement(Text2, null, "Join our"), /* @__PURE__ */ import_react142.default.createElement(Link, { skin: "info", url: "https://discord.gg/wixstudio" }, "Discord community")))
+    isReleased && /* @__PURE__ */ import_react146.default.createElement(Text2, { bold: true }, /* @__PURE__ */ import_react146.default.createElement(Rocket, null), " Visit your site at: ", projectData.baseUrl),
+    /* @__PURE__ */ import_react146.default.createElement(Text2, { bold: true }, "Next Steps:"),
+    /* @__PURE__ */ import_react146.default.createElement(UnorderedList, { gap: 1 }, /* @__PURE__ */ import_react146.default.createElement(UnorderedList.Item, { marker: "\u{1F45F}" }, /* @__PURE__ */ import_react146.default.createElement(Text2, null, "Start developing"), /* @__PURE__ */ import_react146.default.createElement(Text2, { skin: "info" }, `cd ${folderName}`), /* @__PURE__ */ import_react146.default.createElement(Text2, { skin: "info" }, `${packageManager2.getRunCmd()} dev`)), /* @__PURE__ */ import_react146.default.createElement(UnorderedList.Item, { marker: /* @__PURE__ */ import_react146.default.createElement(Learn, null) }, /* @__PURE__ */ import_react146.default.createElement(Text2, null, "For guides and API references visit our"), /* @__PURE__ */ import_react146.default.createElement(Link, { skin: "info", url: "https://dev.wix.com/docs/go-headless" }, "documentation")), /* @__PURE__ */ import_react146.default.createElement(UnorderedList.Item, { marker: "\u{1F4AC}" }, /* @__PURE__ */ import_react146.default.createElement(Text2, null, "Join our"), /* @__PURE__ */ import_react146.default.createElement(Link, { skin: "info", url: "https://discord.gg/wixstudio" }, "Discord community")))
   );
 };
 
 // ../create-new-packages/headless-command/src/hooks/release-project.ts
 init_esm_shims();
-var import_variant49 = __toESM(require_lib(), 1);
+var import_variant55 = __toESM(require_lib(), 1);
 import { join as join18 } from "node:path";
-var ReleaseStateVariant = (0, import_variant49.variant)({
+var ReleaseStateVariant = (0, import_variant55.variant)({
   Success: {},
   Skipped: {},
   Error: {}
@@ -93694,7 +94096,7 @@ var ReleaseProject = ({
   releaseNonInteractive
 }) => {
   const { status, execute } = useReleaseProject();
-  (0, import_react143.useEffect)(() => {
+  (0, import_react147.useEffect)(() => {
     if (releaseNonInteractive != null) {
       void execute({
         confirmed: releaseNonInteractive,
@@ -93704,7 +94106,7 @@ var ReleaseProject = ({
       });
     }
   }, []);
-  return /* @__PURE__ */ import_react143.default.createElement(import_react143.default.Fragment, null, releaseNonInteractive == null && /* @__PURE__ */ import_react143.default.createElement(Box_default, { marginLeft: -2, marginBottom: 1 }, /* @__PURE__ */ import_react143.default.createElement(
+  return /* @__PURE__ */ import_react147.default.createElement(import_react147.default.Fragment, null, releaseNonInteractive == null && /* @__PURE__ */ import_react147.default.createElement(Box_default, { marginLeft: -2, marginBottom: 1 }, /* @__PURE__ */ import_react147.default.createElement(
     ConfirmInput,
     {
       label: "Would you like to publish your site now?",
@@ -93718,42 +94120,42 @@ var ReleaseProject = ({
         });
       }
     }
-  )), (0, import_variant50.match)(status, {
+  )), (0, import_variant56.match)(status, {
     NotRequested: () => null,
     Success: ({ result }) => {
-      return /* @__PURE__ */ import_react143.default.createElement(import_react143.default.Fragment, null, (0, import_variant50.match)(result, {
-        Success: () => /* @__PURE__ */ import_react143.default.createElement(Box_default, { marginLeft: -2 }, /* @__PURE__ */ import_react143.default.createElement(Alert, { type: "success" }, /* @__PURE__ */ import_react143.default.createElement(Badge, { skin: "success" }, "Success"), " ", /* @__PURE__ */ import_react143.default.createElement(Text2, null, "Site published successfully"))),
-        Skipped: () => /* @__PURE__ */ import_react143.default.createElement(Text2, null, `No worries, you can publish your site later by running ${packageManager2.getRunCmd()} release`),
-        Error: () => /* @__PURE__ */ import_react143.default.createElement(Box_default, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ import_react143.default.createElement(Alert, { type: "error" }, "Failed to publish your site"), /* @__PURE__ */ import_react143.default.createElement(Text2, null, `No worries, you can publish your site later by running ${packageManager2.getRunCmd()} release`))
-      }), /* @__PURE__ */ import_react143.default.createElement(
+      return /* @__PURE__ */ import_react147.default.createElement(import_react147.default.Fragment, null, (0, import_variant56.match)(result, {
+        Success: () => /* @__PURE__ */ import_react147.default.createElement(Box_default, { marginLeft: -2 }, /* @__PURE__ */ import_react147.default.createElement(Alert, { type: "success" }, /* @__PURE__ */ import_react147.default.createElement(Badge, { skin: "success" }, "Success"), " ", /* @__PURE__ */ import_react147.default.createElement(Text2, null, "Site published successfully"))),
+        Skipped: () => /* @__PURE__ */ import_react147.default.createElement(Text2, null, `No worries, you can publish your site later by running ${packageManager2.getRunCmd()} release`),
+        Error: () => /* @__PURE__ */ import_react147.default.createElement(Box_default, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ import_react147.default.createElement(Alert, { type: "error" }, "Failed to publish your site"), /* @__PURE__ */ import_react147.default.createElement(Text2, null, `No worries, you can publish your site later by running ${packageManager2.getRunCmd()} release`))
+      }), /* @__PURE__ */ import_react147.default.createElement(
         FinishedSuccessfullyMessage3,
         {
           packageManager: packageManager2,
           folderName,
           projectData,
-          isReleased: (0, import_variant50.isType)(result, "Success")
+          isReleased: (0, import_variant56.isType)(result, "Success")
         }
       ));
     },
     Error: () => null,
-    Loading: () => /* @__PURE__ */ import_react143.default.createElement(Spinner2, { text: "Publishing your site..." })
+    Loading: () => /* @__PURE__ */ import_react147.default.createElement(Spinner2, { text: "Publishing your site..." })
   }));
 };
 
 // ../create-new-packages/headless-command/src/components/ChooseVibeSetup.tsx
 init_esm_shims();
-var import_react144 = __toESM(require_react(), 1);
-var import_variant51 = __toESM(require_lib(), 1);
-var VibeSetupChoice = (0, import_variant51.variant)({
+var import_react148 = __toESM(require_react(), 1);
+var import_variant57 = __toESM(require_lib(), 1);
+var VibeSetupChoice = (0, import_variant57.variant)({
   SetupVibe: {},
   Skip: {}
 });
 var ChooseVibeSetup = ({ onSubmit }) => {
-  return /* @__PURE__ */ import_react144.default.createElement(
+  return /* @__PURE__ */ import_react148.default.createElement(
     SelectInput2,
     {
       label: "Would you like to set up your project for editing in Wix Vibe?",
-      info: /* @__PURE__ */ import_react144.default.createElement(import_react144.default.Fragment, null, "Use vibe coding with a drag-and-drop editor and an IDE. Requires using GitHub to sync your project.", " ", /* @__PURE__ */ import_react144.default.createElement(Link, { url: "https://support.wix.com/en/using-wix-vibe" }, /* @__PURE__ */ import_react144.default.createElement(Text2, { underline: true }, "Learn more"))),
+      info: /* @__PURE__ */ import_react148.default.createElement(import_react148.default.Fragment, null, "Use vibe coding with a drag-and-drop editor and an IDE. Requires using GitHub to sync your project.", " ", /* @__PURE__ */ import_react148.default.createElement(Link, { url: "https://support.wix.com/en/using-wix-vibe" }, /* @__PURE__ */ import_react148.default.createElement(Text2, { underline: true }, "Learn more"))),
       options: [
         {
           key: "setup-vibe",
@@ -93775,8 +94177,8 @@ var ChooseVibeSetup = ({ onSubmit }) => {
 
 // ../create-new-packages/headless-command/src/components/VibeRepositorySetupPolling.tsx
 init_esm_shims();
-var import_react147 = __toESM(require_react(), 1);
-var import_variant52 = __toESM(require_lib(), 1);
+var import_react151 = __toESM(require_react(), 1);
+var import_variant58 = __toESM(require_lib(), 1);
 
 // ../velo-client/src/index.ts
 init_esm_shims();
@@ -94511,10 +94913,10 @@ var VeloClient = class {
 
 // ../velo-client/src/useVeloClient.ts
 init_esm_shims();
-var import_react145 = __toESM(require_react(), 1);
+var import_react149 = __toESM(require_react(), 1);
 function useVeloClient() {
   const httpClient = useHttpClient({ type: "code" });
-  const client2 = (0, import_react145.useMemo)(() => new VeloClient(httpClient), [httpClient]);
+  const client2 = (0, import_react149.useMemo)(() => new VeloClient(httpClient), [httpClient]);
   return usePanoramaMethodLogger(client2);
 }
 
@@ -94523,7 +94925,7 @@ init_esm_shims();
 
 // ../codestore-client/src/useCodestoreClient.ts
 init_esm_shims();
-var import_react146 = __toESM(require_react(), 1);
+var import_react150 = __toESM(require_react(), 1);
 
 // ../codestore-client/src/codestore-client.ts
 init_esm_shims();
@@ -94687,13 +95089,13 @@ var CodestoreClient = class {
 // ../codestore-client/src/useCodestoreClient.ts
 function useCodestoreClient() {
   const httpClient = useHttpClient({ type: "backoffice" });
-  const client2 = (0, import_react146.useMemo)(() => new CodestoreClient(httpClient), [httpClient]);
+  const client2 = (0, import_react150.useMemo)(() => new CodestoreClient(httpClient), [httpClient]);
   return usePanoramaMethodLogger(client2);
 }
 
 // ../create-new-packages/headless-command/src/components/VibeRepositorySetupPolling.tsx
-var VibeSetupResult = (0, import_variant52.variant)({
-  Success: (0, import_variant52.fields)(),
+var VibeSetupResult = (0, import_variant58.variant)({
+  Success: (0, import_variant58.fields)(),
   Canceled: {},
   Failed: {}
 });
@@ -94755,7 +95157,7 @@ var VibeRepositorySetupPolling = ({
     [projectFolder, projectId],
     {
       onSuccess: (result) => {
-        if ((0, import_variant52.isType)(result, VibeSetupResult.Success)) {
+        if ((0, import_variant58.isType)(result, VibeSetupResult.Success)) {
           onSubmit?.();
         }
       },
@@ -94766,11 +95168,11 @@ var VibeRepositorySetupPolling = ({
       }
     }
   );
-  return (0, import_variant52.match)(status, {
-    Error: () => /* @__PURE__ */ import_react147.default.createElement(Box_default, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ import_react147.default.createElement(Text2, { skin: "error" }, "Failed to connect to Wix Vibe")),
-    Loading: () => /* @__PURE__ */ import_react147.default.createElement(Box_default, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ import_react147.default.createElement(Spinner2, { text: "Opening browser for Wix Vibe setup..." }), /* @__PURE__ */ import_react147.default.createElement(Text2, { skin: "secondary" }, "Complete the setup in your browser. We're waiting for you to finish...")),
-    Success: ({ result }) => (0, import_variant52.match)(result, {
-      Success: ({ repoName, htmlUrl }) => /* @__PURE__ */ import_react147.default.createElement(Box_default, { marginLeft: -2, marginBottom: 1 }, /* @__PURE__ */ import_react147.default.createElement(Alert, { type: "success" }, /* @__PURE__ */ import_react147.default.createElement(Badge, { skin: "success" }, "Success"), " ", /* @__PURE__ */ import_react147.default.createElement(Text2, null, "GitHub repository '", repoName, "' created and Synced.", " ", /* @__PURE__ */ import_react147.default.createElement(Link, { url: htmlUrl }, "View Repository.")))),
+  return (0, import_variant58.match)(status, {
+    Error: () => /* @__PURE__ */ import_react151.default.createElement(Box_default, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ import_react151.default.createElement(Text2, { skin: "error" }, "Failed to connect to Wix Vibe")),
+    Loading: () => /* @__PURE__ */ import_react151.default.createElement(Box_default, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ import_react151.default.createElement(Spinner2, { text: "Opening browser for Wix Vibe setup..." }), /* @__PURE__ */ import_react151.default.createElement(Text2, { skin: "secondary" }, "Complete the setup in your browser. We're waiting for you to finish...")),
+    Success: ({ result }) => (0, import_variant58.match)(result, {
+      Success: ({ repoName, htmlUrl }) => /* @__PURE__ */ import_react151.default.createElement(Box_default, { marginLeft: -2, marginBottom: 1 }, /* @__PURE__ */ import_react151.default.createElement(Alert, { type: "success" }, /* @__PURE__ */ import_react151.default.createElement(Badge, { skin: "success" }, "Success"), " ", /* @__PURE__ */ import_react151.default.createElement(Text2, null, "GitHub repository '", repoName, "' created and Synced.", " ", /* @__PURE__ */ import_react151.default.createElement(Link, { url: htmlUrl }, "View Repository.")))),
       Canceled: () => null
     })
   });
@@ -94786,19 +95188,19 @@ var CreateHeadlessSiteCommand = ({
   businessName: defaultBusinessName,
   cloudProviders
 }) => {
-  const [businessName, setBusinessName] = (0, import_react148.useState)(
+  const [businessName, setBusinessName] = (0, import_react152.useState)(
     defaultBusinessName
   );
-  const [selectedTemplate, setSelectedTemplate] = (0, import_react148.useState)(defaultTemplate);
-  const [folderName, setFolderName] = (0, import_react148.useState)(
+  const [selectedTemplate, setSelectedTemplate] = (0, import_react152.useState)(defaultTemplate);
+  const [folderName, setFolderName] = (0, import_react152.useState)(
     defaultProjectName
   );
-  const [businessId, setBusinessId] = (0, import_react148.useState)();
-  const [projectData, setProjectData] = (0, import_react148.useState)();
-  const [generationDone, setGenerationDone] = (0, import_react148.useState)(false);
-  const [vibeSetupChoice, setVibeSetupChoice] = (0, import_react148.useState)();
-  const [vibeSetupDone, setVibeSetupDone] = (0, import_react148.useState)(false);
-  const projectFolder = (0, import_react148.useMemo)(
+  const [businessId, setBusinessId] = (0, import_react152.useState)();
+  const [projectData, setProjectData] = (0, import_react152.useState)();
+  const [generationDone, setGenerationDone] = (0, import_react152.useState)(false);
+  const [vibeSetupChoice, setVibeSetupChoice] = (0, import_react152.useState)();
+  const [vibeSetupDone, setVibeSetupDone] = (0, import_react152.useState)(false);
+  const projectFolder = (0, import_react152.useMemo)(
     () => folderName ? join19(targetParentFolder2, folderName) : void 0,
     [targetParentFolder2, folderName]
   );
@@ -94807,15 +95209,15 @@ var CreateHeadlessSiteCommand = ({
     const packageManager2 = await createPackageManager(repoType2);
     return { packageManager: packageManager2 };
   }, []);
-  const isVibeCompatible = (0, import_react148.useMemo)(
-    () => (0, import_variant53.isType)(selectedTemplate, "HeadlessApp") && selectedTemplate.vibeCompatible,
+  const isVibeCompatible = (0, import_react152.useMemo)(
+    () => (0, import_variant59.isType)(selectedTemplate, "HeadlessApp") && selectedTemplate.vibeCompatible,
     [selectedTemplate]
   );
-  return (0, import_variant53.match)(status, {
+  return (0, import_variant59.match)(status, {
     Error: () => null,
-    Loading: () => /* @__PURE__ */ import_react148.default.createElement(Spinner2, { text: "Loading..." }),
+    Loading: () => /* @__PURE__ */ import_react152.default.createElement(Spinner2, { text: "Loading..." }),
     Success: ({ result: { packageManager: packageManager2 } }) => {
-      return /* @__PURE__ */ import_react148.default.createElement(
+      return /* @__PURE__ */ import_react152.default.createElement(
         Box_default,
         {
           flexDirection: "column",
@@ -94826,14 +95228,14 @@ var CreateHeadlessSiteCommand = ({
           borderTop: false,
           paddingLeft: 1
         },
-        /* @__PURE__ */ import_react148.default.createElement(WelcomeMessage2, null),
-        !defaultBusinessName && /* @__PURE__ */ import_react148.default.createElement(
+        /* @__PURE__ */ import_react152.default.createElement(WelcomeMessage2, null),
+        !defaultBusinessName && /* @__PURE__ */ import_react152.default.createElement(
           ChooseBusinessName,
           {
             onSubmit: ({ businessName: businessName2 }) => setBusinessName(businessName2)
           }
         ),
-        !defaultTemplate && businessName && /* @__PURE__ */ import_react148.default.createElement(
+        !defaultTemplate && businessName && /* @__PURE__ */ import_react152.default.createElement(
           ChooseTemplate2,
           {
             onSubmit: ({ template }) => {
@@ -94841,7 +95243,7 @@ var CreateHeadlessSiteCommand = ({
             }
           }
         ),
-        businessName && selectedTemplate && /* @__PURE__ */ import_react148.default.createElement(AuthProvider, null, /* @__PURE__ */ import_react148.default.createElement(
+        businessName && selectedTemplate && /* @__PURE__ */ import_react152.default.createElement(AuthProvider, null, /* @__PURE__ */ import_react152.default.createElement(
           CreateBusiness,
           {
             businessName,
@@ -94849,7 +95251,7 @@ var CreateHeadlessSiteCommand = ({
             onDone: ({ businessId: businessId2 }) => setBusinessId(businessId2)
           }
         )),
-        !defaultProjectName && businessName && selectedTemplate && businessId && /* @__PURE__ */ import_react148.default.createElement(
+        !defaultProjectName && businessName && selectedTemplate && businessId && /* @__PURE__ */ import_react152.default.createElement(
           ChooseFolder,
           {
             initialFolderName: (0, import_kebabCase5.default)(businessName),
@@ -94857,7 +95259,7 @@ var CreateHeadlessSiteCommand = ({
             onSubmit: ({ folderName: folderName2 }) => setFolderName(folderName2)
           }
         ),
-        businessName && selectedTemplate && businessId && folderName && /* @__PURE__ */ import_react148.default.createElement(AuthProvider, null, /* @__PURE__ */ import_react148.default.createElement(
+        businessName && selectedTemplate && businessId && folderName && /* @__PURE__ */ import_react152.default.createElement(AuthProvider, null, /* @__PURE__ */ import_react152.default.createElement(
           CreateProject,
           {
             businessId,
@@ -94866,7 +95268,7 @@ var CreateHeadlessSiteCommand = ({
             onSubmit: (data) => setProjectData(data)
           }
         )),
-        businessName && selectedTemplate && businessId && projectData && folderName && /* @__PURE__ */ import_react148.default.createElement(
+        businessName && selectedTemplate && businessId && projectData && folderName && /* @__PURE__ */ import_react152.default.createElement(
           GenerateProject2,
           {
             folderName,
@@ -94879,13 +95281,13 @@ var CreateHeadlessSiteCommand = ({
             onDone: (isDone) => setGenerationDone(isDone)
           }
         ),
-        businessName && selectedTemplate && businessId && projectData && folderName && generationDone && !vibeSetupChoice && isVibeCompatible && /* @__PURE__ */ import_react148.default.createElement(
+        businessName && selectedTemplate && businessId && projectData && folderName && generationDone && !vibeSetupChoice && isVibeCompatible && /* @__PURE__ */ import_react152.default.createElement(
           ChooseVibeSetup,
           {
             onSubmit: (choice) => setVibeSetupChoice(choice)
           }
         ),
-        businessName && selectedTemplate && businessId && projectData && projectFolder && generationDone && isVibeCompatible && (0, import_variant53.isType)(vibeSetupChoice, "SetupVibe") && /* @__PURE__ */ import_react148.default.createElement(AuthProvider, null, /* @__PURE__ */ import_react148.default.createElement(
+        businessName && selectedTemplate && businessId && projectData && projectFolder && generationDone && isVibeCompatible && (0, import_variant59.isType)(vibeSetupChoice, "SetupVibe") && /* @__PURE__ */ import_react152.default.createElement(AuthProvider, null, /* @__PURE__ */ import_react152.default.createElement(
           VibeRepositorySetupPolling,
           {
             projectId: projectData.projectId,
@@ -94893,7 +95295,7 @@ var CreateHeadlessSiteCommand = ({
             onSubmit: () => setVibeSetupDone(true)
           }
         )),
-        businessName && selectedTemplate && businessId && projectData && folderName && generationDone && (vibeSetupDone || (0, import_variant53.isType)(vibeSetupChoice, "Skip") || !isVibeCompatible) && /* @__PURE__ */ import_react148.default.createElement(
+        businessName && selectedTemplate && businessId && projectData && folderName && generationDone && (vibeSetupDone || (0, import_variant59.isType)(vibeSetupChoice, "Skip") || !isVibeCompatible) && /* @__PURE__ */ import_react152.default.createElement(
           ReleaseProject,
           {
             folderName,
@@ -94931,13 +95333,13 @@ var ProcessCommand = ({ targetParentFolder: targetParentFolder2, commandOptions
     }
     return result;
   }, []);
-  return (0, import_variant54.match)(status, {
+  return (0, import_variant60.match)(status, {
     Error: () => null,
-    Loading: () => /* @__PURE__ */ import_react149.default.createElement(Spinner2, { text: "Loading..." }),
+    Loading: () => /* @__PURE__ */ import_react153.default.createElement(Spinner2, { text: "Loading..." }),
     Success: ({
       result: { template, projectName, businessName, cloudProviders, publish }
     }) => {
-      return /* @__PURE__ */ import_react149.default.createElement(
+      return /* @__PURE__ */ import_react153.default.createElement(
         CreateHeadlessSiteCommand,
         {
           targetParentFolder: targetParentFolder2,
@@ -95046,7 +95448,7 @@ var getHeadlessCommand = ({
     try {
       transaction.start();
       await render2(
-        /* @__PURE__ */ import_react150.default.createElement(BiProvider, { value: biLogger }, /* @__PURE__ */ import_react150.default.createElement(ErrorReporterProvider, { value: errorReporter2 }, /* @__PURE__ */ import_react150.default.createElement(PanoramaProvider, { value: panorama2 }, /* @__PURE__ */ import_react150.default.createElement(
+        /* @__PURE__ */ import_react154.default.createElement(BiProvider, { value: biLogger }, /* @__PURE__ */ import_react154.default.createElement(ErrorReporterProvider, { value: errorReporter2 }, /* @__PURE__ */ import_react154.default.createElement(PanoramaProvider, { value: panorama2 }, /* @__PURE__ */ import_react154.default.createElement(
           LinkCommand,
           {
             projectName: options.projectName,
@@ -95132,7 +95534,7 @@ var getHeadlessCommand = ({
     try {
       transaction.start();
       await render2(
-        /* @__PURE__ */ import_react150.default.createElement(BiProvider, { value: biLogger }, /* @__PURE__ */ import_react150.default.createElement(ErrorReporterProvider, { value: errorReporter2 }, /* @__PURE__ */ import_react150.default.createElement(PanoramaProvider, { value: panorama2 }, /* @__PURE__ */ import_react150.default.createElement(
+        /* @__PURE__ */ import_react154.default.createElement(BiProvider, { value: biLogger }, /* @__PURE__ */ import_react154.default.createElement(ErrorReporterProvider, { value: errorReporter2 }, /* @__PURE__ */ import_react154.default.createElement(PanoramaProvider, { value: panorama2 }, /* @__PURE__ */ import_react154.default.createElement(
           ProcessCommand,
           {
             targetParentFolder: targetParentFolder2,
@@ -95157,7 +95559,7 @@ import { randomUUID as randomUUID2 } from "node:crypto";
 var package_default = {
   name: "@wix/create-new",
   description: "General entry point for creating Wix projects",
-  version: "0.0.38",
+  version: "0.0.40",
   bin: "bin/index.cjs",
   devDependencies: {
     "@commander-js/extra-typings": "^13.0.0",