@superblocksteam/cli 2.0.3-next.171 → 2.0.3-next.173

package/dist/index.js

@@ -78160,16 +78160,16 @@ var require_socket = __commonJS({
       }
     };
     exports2.ISocket = ISocket3;
-    var proxyTarget2 = Object.freeze(() => {
+    var proxyTarget = Object.freeze(() => {
     });
-    function createIsocketProxy2(socket, path45) {
-      return new Proxy(proxyTarget2, {
+    function createIsocketProxy(socket, path45) {
+      return new Proxy(proxyTarget, {
         get(_target, prop) {
           const childPath = path45 ? `${path45}.${prop}` : prop;
           if (childPath === "then") {
             return void 0;
           }
-          return createIsocketProxy2(socket, childPath);
+          return createIsocketProxy(socket, childPath);
         },
         apply(_target, _thisArg, args) {
           if (path45 === void 0) {
@@ -78187,7 +78187,7 @@ var require_socket = __commonJS({
       return {
         close: () => socket.close(),
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        call: createIsocketProxy2(socket, void 0)
+        call: createIsocketProxy(socket, void 0)
       };
     }
     exports2.createISocketClient = createISocketClient4;
@@ -252397,7 +252397,7 @@ init_cjs_shims();
 // ../sdk/dist/client.js
 init_cjs_shims();
 var import_bucketeer_sdk = __toESM(require_dist2(), 1);
-var import_shared = __toESM(require_dist3(), 1);
+var import_shared2 = __toESM(require_dist3(), 1);
 var import_util4 = __toESM(require_dist4(), 1);
 import * as fs from "fs";
 
@@ -255848,6 +255848,7 @@ var FeatureFlags = class {
 
 // ../sdk/dist/socket/index.js
 init_cjs_shims();
+var import_shared = __toESM(require_dist3(), 1);
 
 // ../../../../node_modules/.pnpm/ws@8.18.2/node_modules/ws/wrapper.mjs
 init_cjs_shims();
@@ -255894,15 +255895,6 @@ var ProfileType;
 
 // ../sdk/dist/types/socket.js
 init_cjs_shims();
-var SocketErrorException = class extends Error {
-  code;
-  message;
-  constructor(code, message) {
-    super(message);
-    this.code = code;
-    this.message = message;
-  }
-};
 
 // ../sdk/dist/types/plugin.js
 init_cjs_shims();
@@ -256120,227 +256112,6 @@ function createRequestHandlers({ agentUrl, token: token2 }) {
   return requestHandlers;
 }
 
-// ../sdk/dist/socket/socket.js
-init_cjs_shims();
-var ISocket = class {
-  ws;
-  requestHandlers;
-  globalMiddlewares;
-  responseHandler = /* @__PURE__ */ new Map();
-  peerAuthorization;
-  nxtRequestId;
-  connectionTimeout;
-  // pino library not available in shared
-  logger;
-  timeouts;
-  constructor(ws, requestHandlers, globalMiddlewares, timeouts, logger3) {
-    this.ws = ws;
-    this.requestHandlers = requestHandlers;
-    this.globalMiddlewares = globalMiddlewares;
-    this.nxtRequestId = 0;
-    this.logger = logger3 ?? { error: console.error };
-    this.timeouts = timeouts;
-    this.resetConnectionTimeout();
-    this.ws.addEventListener("message", async (event) => {
-      const eventData = JSON.parse(event.data.toString());
-      return this.handleMessage(eventData);
-    });
-  }
-  async handleMessage(message) {
-    this.resetConnectionTimeout();
-    if (message.request) {
-      const parts = message.request.method.split(".");
-      let handlers = this.requestHandlers;
-      for (const part of parts) {
-        handlers = handlers[part];
-        if (!handlers) {
-          return this.respondError(message.request.id, {
-            code: 2,
-            message: `unknown method ${message.request.method}`
-          });
-        }
-      }
-      if (!Array.isArray(handlers)) {
-        return this.respondError(message.request.id, {
-          code: 2,
-          message: "unknown method"
-        });
-      }
-      handlers = [...this.globalMiddlewares, ...handlers];
-      if (message.request.setAuthorization) {
-        this.peerAuthorization = message.request.setAuthorization;
-      }
-      const reqCtx = {
-        peerAuthorization: this.peerAuthorization,
-        method: message.request.method,
-        requestId: message.request.id
-      };
-      const client = createISocketClient(this);
-      const payload = message.request.payload;
-      let alreadyResponded = false;
-      const generateNextFn = (idx) => {
-        let wasCalled = false;
-        return async () => {
-          if (alreadyResponded) {
-            throw new SocketErrorException(4, "next() was called after the response was sent");
-          }
-          const handler = handlers[idx];
-          if (!handler) {
-            throw new SocketErrorException(5, "cannot call past the last handler in the chain");
-          }
-          if (wasCalled) {
-            throw new SocketErrorException(6, "next() was called multiple times");
-          }
-          wasCalled = true;
-          return this.callHandler(handler, payload, reqCtx, client, generateNextFn(idx + 1));
-        };
-      };
-      let response;
-      try {
-        response = await generateNextFn(0)();
-      } catch (error) {
-        const socketError = error instanceof SocketErrorException ? { code: error.code, message: error.message } : { code: 3, message: error.toString() };
-        return this.respondError(message.request.id, socketError);
-      }
-      this.respond(message.request.id, response);
-      alreadyResponded = true;
-    } else if (message.response && message.response.id) {
-      const responseHandler = this.responseHandler.get(message.response.id);
-      if (!responseHandler) {
-        return;
-      }
-      if (message.response.error) {
-        responseHandler.reject(message.response.error);
-      }
-      responseHandler.resolve(message.response.payload);
-      clearTimeout(responseHandler.timeout);
-      this.responseHandler.delete(message.response.id);
-    } else {
-      return this.respondError(-1, {
-        code: 3,
-        message: "unknown request id"
-      });
-    }
-  }
-  async callHandler(handler, params, ctx, client, next) {
-    return handler(params, ctx, client, next);
-  }
-  request(method, params, authorization) {
-    return new Promise((resolve8, reject) => {
-      const requestId = ++this.nxtRequestId;
-      this.responseHandler.set(requestId, {
-        resolve: (result) => resolve8(result),
-        reject: (error) => reject(error)
-      });
-      const toSend = {
-        request: {
-          method,
-          payload: params,
-          id: requestId,
-          setAuthorization: authorization
-        }
-      };
-      this.ws.send(JSON.stringify(toSend));
-      this.resetNoResponseTimeout(requestId);
-    });
-  }
-  respond(requestId, result) {
-    const toSend = {
-      response: {
-        payload: result,
-        id: requestId,
-        error: null
-      }
-    };
-    return this.ws.send(JSON.stringify(toSend));
-  }
-  respondError(requestId, error) {
-    const toSend = {
-      response: {
-        payload: null,
-        id: requestId,
-        error
-      }
-    };
-    return this.ws.send(JSON.stringify(toSend));
-  }
-  resetConnectionTimeout() {
-    if (!this.timeouts?.connectionTimeoutInSeconds) {
-      return;
-    }
-    if (this.connectionTimeout) {
-      clearTimeout(this.connectionTimeout);
-    }
-    this.connectionTimeout = setTimeout(this.handleConnectionTimeout(), this.timeouts?.connectionTimeoutInSeconds * 1e3);
-  }
-  handleConnectionTimeout() {
-    return () => {
-      this.logger.error(`Connection timed out after ${this.timeouts?.connectionTimeoutInSeconds} seconds`);
-      this.close();
-    };
-  }
-  resetNoResponseTimeout(requestId) {
-    if (!this.timeouts?.noResponseTimeoutInSeconds) {
-      return;
-    }
-    const responseHandler = this.responseHandler.get(requestId);
-    if (!responseHandler) {
-      return;
-    }
-    const noResponseTimeout = responseHandler.timeout;
-    const reject = responseHandler.reject;
-    if (responseHandler.timeout) {
-      clearTimeout(noResponseTimeout);
-    }
-    responseHandler.timeout = setTimeout(this.handleNoResponseTimeout(reject), this.timeouts?.noResponseTimeoutInSeconds * 1e3);
-  }
-  handleNoResponseTimeout(reject) {
-    return () => {
-      const message = `Request timed out after ${this.timeouts?.noResponseTimeoutInSeconds} seconds`;
-      this.logger.error(message);
-      reject({ code: 7, message });
-    };
-  }
-  close() {
-    clearTimeout(this.connectionTimeout);
-    this.responseHandler.forEach((handler, key2) => {
-      clearTimeout(handler.timeout);
-      this.logger.error(`Rejecting pending requestId ${key2} due to connection close`);
-      handler.reject({ code: 8, message: "Connection closed" });
-    });
-    this.ws.close();
-  }
-};
-var proxyTarget = Object.freeze(() => {
-});
-function createIsocketProxy(socket, path45) {
-  return new Proxy(proxyTarget, {
-    get(_target, prop) {
-      const childPath = path45 ? `${path45}.${prop}` : prop;
-      if (childPath === "then") {
-        return void 0;
-      }
-      return createIsocketProxy(socket, childPath);
-    },
-    apply(_target, _thisArg, args) {
-      if (path45 === void 0) {
-        throw new Error("The root object is not callable");
-      }
-      if (path45.endsWith(".apply") && args.length === 2 && Array.isArray(args[1])) {
-        path45 = path45.slice(0, -".apply".length);
-        args = args[1];
-      }
-      return socket.request(path45, args[0]);
-    }
-  });
-}
-function createISocketClient(socket) {
-  return {
-    close: () => socket.close(),
-    call: createIsocketProxy(socket, void 0)
-  };
-}
-
 // ../sdk/dist/socket/index.js
 async function connectToISocketRPCServer({ superblocksBaseUrl, agentUrl, token: token2 }) {
   const requestHandlers = createRequestHandlers({
@@ -256366,7 +256137,7 @@ async function connectToISocketRPCServer({ superblocksBaseUrl, agentUrl, token:
     // 5 minutes
   });
 }
-var ISocketWithClientAuth = class extends ISocket {
+var ISocketWithClientAuth = class extends import_shared.ISocket {
   authorization;
   hasSentAuth = false;
   constructor(ws, authorization, requestHandlers, globalMiddlewares, timeouts) {
@@ -256384,7 +256155,7 @@ var ISocketWithClientAuth = class extends ISocket {
 async function connectISocket(wsUrl, authorization, requestHandlers, globalMiddlewares, timeouts) {
   const ws = await connectWebSocket(wsUrl);
   const isocket = new ISocketWithClientAuth(ws, authorization, requestHandlers, globalMiddlewares, timeouts);
-  return createISocketClient(isocket);
+  return (0, import_shared.createISocketClient)(isocket);
 }
 function connectWebSocket(wsUrl) {
   return new Promise((resolve8, reject) => {
@@ -256413,7 +256184,7 @@ var ResourceType;
   ResourceType2["BACKEND"] = "BACKEND";
 })(ResourceType || (ResourceType = {}));
 async function fetchApplication({ cliVersion, applicationId, branch, token: token2, superblocksBaseUrl, viewMode, commitId, skipSigningVerification = false, injectedHeaders = {} }) {
-  if (commitId && viewMode !== import_shared.ExportViewMode.EXPORT_COMMIT) {
+  if (commitId && viewMode !== import_shared2.ExportViewMode.EXPORT_COMMIT) {
     throw new Error(`If commitId ${commitId} is provided, viewMode cannot be ${viewMode}`);
   }
   try {
@@ -257074,7 +256845,7 @@ function filesToFileDescriptors(files) {
 
 // ../sdk/dist/sdk.js
 init_cjs_shims();
-var import_shared3 = __toESM(require_dist3(), 1);
+var import_shared4 = __toESM(require_dist3(), 1);
 
 // ../sdk/dist/dbfs/client.js
 init_cjs_shims();
@@ -257082,7 +256853,7 @@ var import_util6 = __toESM(require_dist4(), 1);
 
 // ../sdk/dist/dbfs/local.js
 init_cjs_shims();
-var import_shared2 = __toESM(require_dist3(), 1);
+var import_shared3 = __toESM(require_dist3(), 1);
 var import_util5 = __toESM(require_dist4(), 1);
 import * as fsp2 from "node:fs/promises";
 
@@ -257181,7 +256952,7 @@ async function hashLocalDirectory(localDirectoryPath) {
     let entry;
     switch (localDirEntry.type) {
       case "-": {
-        const hash3 = await (0, import_shared2.hashFileContents)(localDirEntry.contents);
+        const hash3 = await (0, import_shared3.hashFileContents)(localDirEntry.contents);
         entry = {
           type: "-",
           executable: localDirEntry.executable,
@@ -257213,7 +256984,7 @@ async function hashLocalDirectory(localDirectoryPath) {
     }
     directoryContents.push(entry);
   }
-  const hash2 = await (0, import_shared2.hashDirectoryContents)(directoryContents);
+  const hash2 = await (0, import_shared3.hashDirectoryContents)(directoryContents);
   return { contents: directoryContents, hash: hash2 };
 }
 async function doUploadLocalDirectory(rpcClient, localDirectoryPath) {
@@ -257373,7 +257144,7 @@ var SuperblocksSdk = class {
   getFeatureFlagsForUser(user) {
     return new FeatureFlags(user.flagBootstrap);
   }
-  async fetchApplication({ applicationId, branch, headers = {}, viewMode = import_shared3.ExportViewMode.EXPORT_LIVE, skipSigningVerification = false }) {
+  async fetchApplication({ applicationId, branch, headers = {}, viewMode = import_shared4.ExportViewMode.EXPORT_LIVE, skipSigningVerification = false }) {
     return fetchApplication({
       cliVersion: this.cliVersion,
       applicationId,
@@ -257394,7 +257165,7 @@ var SuperblocksSdk = class {
       injectedHeaders: headers
     });
   }
-  async fetchApplicationWithComponents({ applicationId, branch, headers = {}, viewMode = import_shared3.ExportViewMode.EXPORT_LIVE, commitId, skipSigningVerification = false }) {
+  async fetchApplicationWithComponents({ applicationId, branch, headers = {}, viewMode = import_shared4.ExportViewMode.EXPORT_LIVE, commitId, skipSigningVerification = false }) {
     return fetchApplicationWithComponents({
       cliVersion: this.cliVersion,
       applicationId,
@@ -257434,7 +257205,7 @@ var SuperblocksSdk = class {
   async fetchApplications(headers) {
     return fetchApplications(this.cliVersion, this.token, this.superblocksBaseUrl, headers);
   }
-  async fetchApi({ apiId, branch, viewMode = import_shared3.ExportViewMode.EXPORT_LIVE, commitId, skipSigningVerification = false }) {
+  async fetchApi({ apiId, branch, viewMode = import_shared4.ExportViewMode.EXPORT_LIVE, commitId, skipSigningVerification = false }) {
     return fetchApi(this.cliVersion, apiId, this.token, this.superblocksBaseUrl, viewMode, branch, commitId, skipSigningVerification);
   }
   async fetchApis() {
@@ -257510,7 +257281,7 @@ var SuperblocksSdk = class {
 
 // ../sdk/dist/version-control.mjs
 init_cjs_shims();
-var import_shared4 = __toESM(require_dist3(), 1);
+var import_shared5 = __toESM(require_dist3(), 1);
 var import_util7 = __toESM(require_dist4(), 1);
 import * as https2 from "https";
 import path from "node:path";
@@ -262209,11 +261980,11 @@ var FileStructureType;
 function modeFlagToViewMode(modeFlag) {
   switch (modeFlag) {
     case LATEST_EDITS_MODE:
-      return import_shared4.ExportViewMode.EXPORT_LIVE;
+      return import_shared5.ExportViewMode.EXPORT_LIVE;
     case MOST_RECENT_COMMIT_MODE:
-      return import_shared4.ExportViewMode.EXPORT_LATEST;
+      return import_shared5.ExportViewMode.EXPORT_LATEST;
     case DEPLOYED_MODE:
-      return import_shared4.ExportViewMode.EXPORT_DEPLOYED;
+      return import_shared5.ExportViewMode.EXPORT_DEPLOYED;
     default:
       throw new Error(`Unsupported mode flag: ${modeFlag}`);
   }
@@ -262972,7 +262743,7 @@ var import_sdk_node = __toESM(require_src32(), 1);
 // ../sdk/package.json
 var package_default = {
   name: "@superblocksteam/sdk",
-  version: "2.0.3-next.171",
+  version: "2.0.3-next.173",
   type: "module",
   description: "Superblocks JS SDK",
   homepage: "https://www.superblocks.com",
@@ -263007,8 +262778,8 @@ var package_default = {
     "@rollup/wasm-node": "^4.35.0",
     "@superblocksteam/bucketeer-sdk": "0.4.1",
     "@superblocksteam/shared": "0.9122.0",
-    "@superblocksteam/util": "2.0.3-next.171",
-    "@superblocksteam/vite-plugin-file-sync": "2.0.3-next.171",
+    "@superblocksteam/util": "2.0.3-next.173",
+    "@superblocksteam/vite-plugin-file-sync": "2.0.3-next.173",
     "@vitejs/plugin-react": "^4.3.4",
     axios: "^1.4.0",
     chokidar: "^4.0.3",
@@ -263114,7 +262885,7 @@ import path21 from "node:path";
 
 // ../../../vite-plugin-file-sync/dist/file-sync-vite-plugin.js
 init_cjs_shims();
-var import_shared20 = __toESM(require_dist3(), 1);
+var import_shared21 = __toESM(require_dist3(), 1);
 var import_body_parser = __toESM(require_body_parser(), 1);
 var import_common_tags2 = __toESM(require_lib7(), 1);
 import path17 from "node:path";
@@ -263273,13 +263044,13 @@ init_cjs_shims();
 
 // ../../../library-shared/dist/scope.js
 init_cjs_shims();
-var import_shared5 = __toESM(require_dist3(), 1);
+var import_shared6 = __toESM(require_dist3(), 1);
 function getStableScopeId(scopeName) {
-  return (0, import_shared5.generatePredictableId)(`sc-${scopeName}`);
+  return (0, import_shared6.generatePredictableId)(`sc-${scopeName}`);
 }
 
 // ../../../vite-plugin-file-sync/dist/binding-extraction/extract-identifiers.js
-var import_shared7 = __toESM(require_dist3(), 1);
+var import_shared8 = __toESM(require_dist3(), 1);
 
 // ../../../vite-plugin-file-sync/dist/binding-extraction/extract-control-block-identifiers.js
 init_cjs_shims();
@@ -268014,9 +267785,9 @@ var extractPythonEvaluationBindings = async (pythonSnippet) => {
 async function extractBindingsFromValue(value2, pluginID) {
   if (value2?.toString) {
     const stringValue = value2.toString();
-    if (pluginID === import_shared7.LanguagePluginID.JavaScript) {
+    if (pluginID === import_shared8.LanguagePluginID.JavaScript) {
       return await extractJsEvaluationBindings(stringValue);
-    } else if (pluginID === import_shared7.LanguagePluginID.Python) {
+    } else if (pluginID === import_shared8.LanguagePluginID.Python) {
       return await extractPythonEvaluationBindings(stringValue);
     }
     const { jsSnippets } = getDynamicBindings(stringValue);
@@ -268053,14 +267824,14 @@ async function extractBindingsFromAction(action) {
 }
 var getLanguageConfiguration = (block) => {
   switch (block.step?.integration) {
-    case import_shared7.LanguagePluginID.JavaScript:
+    case import_shared8.LanguagePluginID.JavaScript:
       return {
-        pluginId: import_shared7.LanguagePluginID.JavaScript,
+        pluginId: import_shared8.LanguagePluginID.JavaScript,
         configuration: block.step?.javascript
       };
-    case import_shared7.LanguagePluginID.Python:
+    case import_shared8.LanguagePluginID.Python:
       return {
-        pluginId: import_shared7.LanguagePluginID.Python,
+        pluginId: import_shared8.LanguagePluginID.Python,
         configuration: block.step?.python
       };
     default:
@@ -268073,7 +267844,7 @@ var getLanguageConfiguration = (block) => {
 var computeStepBlockBindings = async (block) => {
   const { name: name17 } = block;
   const config2 = {
-    type: import_shared7.ActionType.Integration,
+    type: import_shared8.ActionType.Integration,
     name: name17,
     id: name17,
     datasourceId: block.step?.integration,
@@ -274859,7 +274630,7 @@ var makeServerError = (error, { critical = "critical" in error ? error.critical
 // ../../../vite-plugin-file-sync/dist/file-system-manager.js
 init_cjs_shims();
 var import_core3 = __toESM(require_lib31(), 1);
-var import_types25 = __toESM(require_lib10(), 1);
+var import_types24 = __toESM(require_lib10(), 1);
 import fs8 from "fs/promises";
 import EventEmitter6 from "node:events";
 import path16 from "node:path";
@@ -274869,12 +274640,12 @@ var import_yaml3 = __toESM(require_dist(), 1);
 
 // ../../../vite-plugin-file-sync/dist/codegen.js
 init_cjs_shims();
-var import_types12 = __toESM(require_lib10(), 1);
+var import_types11 = __toESM(require_lib10(), 1);
 var import_json5 = __toESM(require_lib4(), 1);
 
 // ../../../vite-plugin-file-sync/dist/parsing/ids.js
 init_cjs_shims();
-var import_types11 = __toESM(require_lib10(), 1);
+var import_types10 = __toESM(require_lib10(), 1);
 
 // ../../../vite-plugin-file-sync/dist/ids.js
 init_cjs_shims();
@@ -274897,8 +274668,8 @@ var generatePredictableId2 = (name17) => {
 
 // ../../../vite-plugin-file-sync/dist/parsing/jsx.js
 init_cjs_shims();
-var import_types10 = __toESM(require_lib10(), 1);
-var import_shared11 = __toESM(require_dist3(), 1);
+var import_types9 = __toESM(require_lib10(), 1);
+var import_shared12 = __toESM(require_dist3(), 1);
 
 // ../../../vite-plugin-file-sync/dist/parsing/properties.js
 init_cjs_shims();
@@ -274909,7 +274680,7 @@ init_cjs_shims();
 // ../../../vite-plugin-file-sync/dist/parsing/util.js
 init_cjs_shims();
 var import_parser2 = __toESM(require_lib8(), 1);
-var import_types7 = __toESM(require_lib10(), 1);
+var import_types6 = __toESM(require_lib10(), 1);
 import path5 from "node:path";
 
 // ../../../vite-plugin-file-sync/dist/generate.js
@@ -274930,7 +274701,7 @@ function objectExpressionToObject(obj, context2) {
   }, {});
 }
 function stringToTaggedTemplate(str2) {
-  return import_types7.default.taggedTemplateExpression(import_types7.default.identifier("SB"), import_types7.default.templateLiteral([import_types7.default.templateElement({ raw: str2, cooked: str2 }, true)], []));
+  return import_types6.default.taggedTemplateExpression(import_types6.default.identifier("SB"), import_types6.default.templateLiteral([import_types6.default.templateElement({ raw: str2, cooked: str2 }, true)], []));
 }
 function nodeToValue(node, context2) {
   switch (node.type) {
@@ -274949,7 +274720,7 @@ function nodeToValue(node, context2) {
         if (element) {
           return nodeToValue(element);
         }
-        return import_types7.default.nullLiteral();
+        return import_types6.default.nullLiteral();
       });
     case "ObjectExpression":
       return objectExpressionToObject(node, context2);
@@ -275061,9 +274832,9 @@ function addImport({ path: path45, importName, importPath, isDefaultImport, onAd
     return;
   }
   const existingImportDeclaration = programPath.get("body").find((p) => p.isImportDeclaration() && p.node.source.value === importPath);
-  const importSpecifier = isDefaultImport ? import_types7.default.importDefaultSpecifier(import_types7.default.identifier(importName)) : import_types7.default.importSpecifier(import_types7.default.identifier(importName), import_types7.default.identifier(importName));
+  const importSpecifier = isDefaultImport ? import_types6.default.importDefaultSpecifier(import_types6.default.identifier(importName)) : import_types6.default.importSpecifier(import_types6.default.identifier(importName), import_types6.default.identifier(importName));
   if (!existingImportDeclaration) {
-    programPath.unshiftContainer("body", import_types7.default.importDeclaration([importSpecifier], import_types7.default.stringLiteral(importPath)));
+    programPath.unshiftContainer("body", import_types6.default.importDeclaration([importSpecifier], import_types6.default.stringLiteral(importPath)));
   } else {
     const existingSpecifier = existingImportDeclaration.node.specifiers.find((specifier) => specifier.type === "ImportSpecifier" && specifier.local.name === importName);
     if (existingSpecifier) {
@@ -275122,18 +274893,18 @@ function isSbScopeFunction(name17) {
 }
 function extractNameFromBindAttribute(bindAttribute, identifierOnly = false) {
   const bindValue = bindAttribute.value;
-  if (!bindValue || !import_types7.default.isJSXExpressionContainer(bindValue)) {
+  if (!bindValue || !import_types6.default.isJSXExpressionContainer(bindValue)) {
     return null;
   }
   const expression = bindValue.expression;
-  if (import_types7.default.isIdentifier(expression)) {
+  if (import_types6.default.isIdentifier(expression)) {
     return expression.name;
   }
   if (identifierOnly) {
     return null;
   }
-  if (import_types7.default.isMemberExpression(expression)) {
-    if (import_types7.default.isIdentifier(expression.property)) {
+  if (import_types6.default.isMemberExpression(expression)) {
+    if (import_types6.default.isIdentifier(expression.property)) {
       return expression.property.name;
     }
   }
@@ -275154,7 +274925,7 @@ function parseExpression(value2) {
     sourceType: "module",
     plugins: [["typescript", {}], "jsx"]
   });
-  const exprStatement = compiled.program.body.find((node) => import_types7.default.isExpressionStatement(node));
+  const exprStatement = compiled.program.body.find((node) => import_types6.default.isExpressionStatement(node));
   if (exprStatement) {
     return exprStatement.expression;
   } else {
@@ -275394,7 +275165,7 @@ init_cjs_shims();
 
 // ../../../library-shared/dist/types/entities.js
 init_cjs_shims();
-var import_shared8 = __toESM(require_dist3(), 1);
+var import_shared9 = __toESM(require_dist3(), 1);
 var sbEntitySymbol = Symbol("sbEntity");
 var SbEntityType = {
   VARIABLE: "SbVariable",
@@ -275470,14 +275241,14 @@ init_cjs_shims();
 init_cjs_shims();
 
 // ../../../vite-plugin-file-sync/dist/parsing/events/to-code-events.js
-var import_shared9 = __toESM(require_dist3(), 1);
+var import_shared10 = __toESM(require_dist3(), 1);
 function toCodeEventFlow(stepDefs_) {
   if (!stepDefs_.length) {
     return "SbEventFlow.start()";
   }
   let code = `SbEventFlow`;
   for (const stepDef_ of stepDefs_) {
-    if (!(0, import_shared9.isValidStepDef)(stepDef_))
+    if (!(0, import_shared10.isValidStepDef)(stepDef_))
       continue;
     const stepDef = stepDef_;
     switch (stepDef.type) {
@@ -275510,7 +275281,7 @@ function toCodeEventFlow(stepDefs_) {
       }
       case TriggerStepType.NAVIGATE_TO: {
         const url3 = stepDef.url;
-        if ((0, import_shared9.containsBindingsAnywhere)(url3)) {
+        if ((0, import_shared10.containsBindingsAnywhere)(url3)) {
           code = `${code}.navigateTo({
           url: SB\`${url3}\`,
         })`;
@@ -275522,14 +275293,14 @@ function toCodeEventFlow(stepDefs_) {
         break;
       }
       case TriggerStepType.SET_STATE_VAR: {
-        const name17 = `${stepDef.state?.scope === import_shared9.ApplicationScope.APP ? "App." : ""}${stepDef.state?.name ?? ""}`;
+        const name17 = `${stepDef.state?.scope === import_shared10.ApplicationScope.APP ? "App." : ""}${stepDef.state?.name ?? ""}`;
         const value2 = stepDef.value ?? "";
         if (isComputedPropertyInfo(value2)) {
           const computedValue = parser5.toCode(value2.value);
           code = `${code}.setStateVar("${name17}", ${computedValue})`;
         } else if (containsStringInterpolation(value2)) {
           code = `${code}.setStateVar("${name17}", sbComputed(() => \`${value2}\`))`;
-        } else if (typeof value2 === "string" && (0, import_shared9.containsBindingsAnywhere)(value2)) {
+        } else if (typeof value2 === "string" && (0, import_shared10.containsBindingsAnywhere)(value2)) {
           code = `${code}.setStateVar("${name17}", SB\`${value2}\`)`;
         } else if (typeof value2 === "object" && value2 != null) {
           code = `${code}.setStateVar("${name17}", ${JSON.stringify(value2)})`;
@@ -275557,10 +275328,10 @@ function toCodeEventFlow(stepDefs_) {
 
 // ../../../vite-plugin-file-sync/dist/parsing/events/to-value-events.js
 init_cjs_shims();
-var import_types9 = __toESM(require_lib10(), 1);
-var import_shared10 = __toESM(require_dist3(), 1);
+var import_types8 = __toESM(require_lib10(), 1);
+var import_shared11 = __toESM(require_dist3(), 1);
 var getApiCallbackNode = (nodePath) => {
-  if (nodePath && (0, import_types9.isCallExpression)(nodePath.node) && (0, import_types9.isMemberExpression)(nodePath.node.callee) && (0, import_types9.isIdentifier)(nodePath.node.callee.object) && nodePath.node.callee.object.name === "SbEventFlow") {
+  if (nodePath && (0, import_types8.isCallExpression)(nodePath.node) && (0, import_types8.isMemberExpression)(nodePath.node.callee) && (0, import_types8.isIdentifier)(nodePath.node.callee.object) && nodePath.node.callee.object.name === "SbEventFlow") {
     return toValueEventFlow(nodePath);
   }
   return [];
@@ -275620,7 +275391,7 @@ function toValueEventFlow(nodePath, existingSteps = [], parentId) {
         ...existingSteps,
         {
           id: id2,
-          type: import_shared10.TriggerStepType.RUN_JS,
+          type: import_shared11.TriggerStepType.RUN_JS,
           code: expression.toString()
         }
       ];
@@ -275637,7 +275408,7 @@ function toValueEventFlow(nodePath, existingSteps = [], parentId) {
         ...existingSteps,
         {
           id: id2,
-          type: import_shared10.TriggerStepType.NAVIGATE_TO,
+          type: import_shared11.TriggerStepType.NAVIGATE_TO,
           url: obj.url ?? "",
           newWindow: obj.newWindow ?? false,
           replaceHistory: obj.replaceHistory ?? false,
@@ -275658,7 +275429,7 @@ function toValueEventFlow(nodePath, existingSteps = [], parentId) {
         ...existingSteps,
         {
           id: id2,
-          type: import_shared10.TriggerStepType.RUN_APIS,
+          type: import_shared11.TriggerStepType.RUN_APIS,
           apiNames: nodeToValue(expression.node),
           onSuccess,
           onError: onError2
@@ -275672,7 +275443,7 @@ function toValueEventFlow(nodePath, existingSteps = [], parentId) {
       const apiNames = nodeToValue(expression.node);
       return [
         ...existingSteps,
-        { id: id2, type: import_shared10.TriggerStepType.CANCEL_APIS, apiNames }
+        { id: id2, type: import_shared11.TriggerStepType.CANCEL_APIS, apiNames }
       ];
     }
     case "setStateVar": {
@@ -275693,11 +275464,11 @@ function toValueEventFlow(nodePath, existingSteps = [], parentId) {
         ...existingSteps,
         {
           id: id2,
-          type: import_shared10.TriggerStepType.SET_STATE_VAR,
+          type: import_shared11.TriggerStepType.SET_STATE_VAR,
           state: {
             id: variableName,
             name: variableName,
-            scope: isAppScoped ? import_shared10.ApplicationScope.APP : import_shared10.ApplicationScope.PAGE
+            scope: isAppScoped ? import_shared11.ApplicationScope.APP : import_shared11.ApplicationScope.PAGE
           },
           value: value2
         }
@@ -275716,7 +275487,7 @@ function toValueEventFlow(nodePath, existingSteps = [], parentId) {
         ...existingSteps,
         {
           id: id2,
-          type: import_shared10.TriggerStepType.CONTROL_MODAL,
+          type: import_shared11.TriggerStepType.CONTROL_MODAL,
           name: name17,
           direction
         }
@@ -275859,48 +275630,48 @@ function parseNodeProperties(node) {
 
 // ../../../vite-plugin-file-sync/dist/parsing/jsx.js
 function makeJSXAttribute(key2, value2) {
-  return import_types10.default.jsxAttribute(import_types10.default.jsxIdentifier(key2), import_types10.default.stringLiteral(value2));
+  return import_types9.default.jsxAttribute(import_types9.default.jsxIdentifier(key2), import_types9.default.stringLiteral(value2));
 }
 function tagNameToWidgetType(tagName) {
   switch (tagName) {
     case "SbPage":
-      return import_shared11.WidgetTypes.PAGE_WIDGET;
+      return import_shared12.WidgetTypes.PAGE_WIDGET;
     case "SbText":
-      return import_shared11.WidgetTypes.TEXT_WIDGET;
+      return import_shared12.WidgetTypes.TEXT_WIDGET;
     case "SbButton":
-      return import_shared11.WidgetTypes.BUTTON_WIDGET;
+      return import_shared12.WidgetTypes.BUTTON_WIDGET;
     case "SbInput":
-      return import_shared11.WidgetTypes.INPUT_WIDGET;
+      return import_shared12.WidgetTypes.INPUT_WIDGET;
     case "SbModal":
-      return import_shared11.WidgetTypes.MODAL_WIDGET;
+      return import_shared12.WidgetTypes.MODAL_WIDGET;
     case "SbSlideout":
-      return import_shared11.WidgetTypes.SLIDEOUT_WIDGET;
+      return import_shared12.WidgetTypes.SLIDEOUT_WIDGET;
     case "SbKeyValue":
-      return import_shared11.WidgetTypes.KEY_VALUE_WIDGET;
+      return import_shared12.WidgetTypes.KEY_VALUE_WIDGET;
     case "SbContainer":
-      return import_shared11.WidgetTypes.CONTAINER_WIDGET;
+      return import_shared12.WidgetTypes.CONTAINER_WIDGET;
     case "SbColumn":
-      return import_shared11.WidgetTypes.CANVAS_WIDGET;
+      return import_shared12.WidgetTypes.CANVAS_WIDGET;
     case "SbSection":
-      return import_shared11.WidgetTypes.SECTION_WIDGET;
+      return import_shared12.WidgetTypes.SECTION_WIDGET;
     case "SbCheckbox":
-      return import_shared11.WidgetTypes.CHECKBOX_WIDGET;
+      return import_shared12.WidgetTypes.CHECKBOX_WIDGET;
     case "SbCustom":
-      return import_shared11.WidgetTypes.CUSTOM_WIDGET;
+      return import_shared12.WidgetTypes.CUSTOM_WIDGET;
     case "SbDatePicker":
-      return import_shared11.WidgetTypes.DATE_PICKER_WIDGET;
+      return import_shared12.WidgetTypes.DATE_PICKER_WIDGET;
     case "SbTable":
-      return import_shared11.WidgetTypes.TABLE_WIDGET;
+      return import_shared12.WidgetTypes.TABLE_WIDGET;
     case "SbImage":
-      return import_shared11.WidgetTypes.IMAGE_WIDGET;
+      return import_shared12.WidgetTypes.IMAGE_WIDGET;
     case "SbDropdown":
-      return import_shared11.WidgetTypes.DROP_DOWN_WIDGET;
+      return import_shared12.WidgetTypes.DROP_DOWN_WIDGET;
     case "SbSwitch":
-      return import_shared11.WidgetTypes.SWITCH_WIDGET;
+      return import_shared12.WidgetTypes.SWITCH_WIDGET;
     case "SbIcon":
-      return import_shared11.WidgetTypes.ICON_WIDGET;
+      return import_shared12.WidgetTypes.ICON_WIDGET;
     default:
-      return import_shared11.WidgetTypes.CUSTOM_WIDGET;
+      return import_shared12.WidgetTypes.CUSTOM_WIDGET;
   }
 }
 function getProperties(element) {
@@ -276084,18 +275855,18 @@ function getVariableReferences(jsxAttribute, variablesToCheck) {
     let visit2 = function(node) {
       if (!node || typeof node !== "object")
         return;
-      if (import_types10.default.isIdentifier(node)) {
+      if (import_types9.default.isIdentifier(node)) {
         if (variablesToCheck.has(node.name)) {
           result.add(node.name);
         }
       }
-      if (import_types10.default.isMemberExpression(node)) {
-        if (import_types10.default.isIdentifier(node.object) && variablesToCheck.has(node.object.name)) {
+      if (import_types9.default.isMemberExpression(node)) {
+        if (import_types9.default.isIdentifier(node.object) && variablesToCheck.has(node.object.name)) {
           result.add(node.object.name);
         }
       }
-      if (import_types10.default.isCallExpression(node)) {
-        if (import_types10.default.isIdentifier(node.callee) && variablesToCheck.has(node.callee.name)) {
+      if (import_types9.default.isCallExpression(node)) {
+        if (import_types9.default.isIdentifier(node.callee) && variablesToCheck.has(node.callee.name)) {
           result.add(node.callee.name);
         }
       }
@@ -276165,7 +275936,7 @@ function supplementElementIds({ fileName, ast, shouldModifyAst, scopeId }) {
               }
             });
           }
-          if (entitiesObject && (0, import_types11.isObjectExpression)(entitiesObject.node)) {
+          if (entitiesObject && (0, import_types10.isObjectExpression)(entitiesObject.node)) {
             entitiesObject.node.properties.forEach((property, index) => {
               if (property.type === "ObjectProperty") {
                 const name17 = nodeToValue(property.key);
@@ -276173,9 +275944,9 @@ function supplementElementIds({ fileName, ast, shouldModifyAst, scopeId }) {
                 idMap.set(id2, entitiesObject.get(`properties.${index}`));
                 setSbElementId(property, id2);
                 if (shouldModifyAst) {
-                  if ((0, import_types11.isCallExpression)(property.value) && (0, import_types11.isObjectExpression)(property.value.arguments[0])) {
+                  if ((0, import_types10.isCallExpression)(property.value) && (0, import_types10.isObjectExpression)(property.value.arguments[0])) {
                     const entityConfig = property.value.arguments[0];
-                    entityConfig.properties.push((0, import_types11.objectProperty)((0, import_types11.identifier)("id"), (0, import_types11.stringLiteral)(id2)));
+                    entityConfig.properties.push((0, import_types10.objectProperty)((0, import_types10.identifier)("id"), (0, import_types10.stringLiteral)(id2)));
                   }
                 }
               }
@@ -276239,11 +276010,11 @@ function generateElementId(fileName, parentPath, count) {
 function generateJSXElement({ id: id2, tagName, properties, children }) {
   const attributes = Object.entries(properties).map(([name17, value2]) => generateJSXAttribute(name17, value2));
   const selfClosing = children.length === 0;
-  const openingElement = import_types12.default.jsxOpeningElement(import_types12.default.jsxIdentifier(tagName), attributes, selfClosing);
+  const openingElement = import_types11.default.jsxOpeningElement(import_types11.default.jsxIdentifier(tagName), attributes, selfClosing);
   if (id2) {
     setSbElementId(openingElement, id2);
   }
-  const jsxElement = import_types12.default.jsxElement(openingElement, selfClosing ? null : import_types12.default.jsxClosingElement(import_types12.default.jsxIdentifier(tagName)), [], selfClosing);
+  const jsxElement = import_types11.default.jsxElement(openingElement, selfClosing ? null : import_types11.default.jsxClosingElement(import_types11.default.jsxIdentifier(tagName)), [], selfClosing);
   const childElements = children.map((child) => {
     return generateJSXElement(child);
   });
@@ -276252,10 +276023,10 @@ function generateJSXElement({ id: id2, tagName, properties, children }) {
 }
 function generateJSXAttribute(name17, { value: value2, type: type2 }) {
   const valueNode = getPropertyExpression(Property.Any(value2, type2), name17);
-  if (import_types12.default.isStringLiteral(valueNode)) {
-    return import_types12.default.jsxAttribute(import_types12.default.jsxIdentifier(name17), valueNode);
+  if (import_types11.default.isStringLiteral(valueNode)) {
+    return import_types11.default.jsxAttribute(import_types11.default.jsxIdentifier(name17), valueNode);
   } else {
-    return import_types12.default.jsxAttribute(import_types12.default.jsxIdentifier(name17), import_types12.default.jsxExpressionContainer(valueNode));
+    return import_types11.default.jsxAttribute(import_types11.default.jsxIdentifier(name17), import_types11.default.jsxExpressionContainer(valueNode));
   }
 }
 function writeNestedProperty({ node, paths, value: value2, type: type2 }) {
@@ -276277,9 +276048,9 @@ function writeNestedProperty({ node, paths, value: value2, type: type2 }) {
     if (currentNode.isObjectExpression()) {
       let property = currentNode.get("properties").find((prop) => prop.isObjectProperty() && getIdentiferName(prop.node.key) === currentKey);
       if (!property) {
-        const value4 = cleanedPaths.length > 0 ? import_types12.default.objectExpression([]) : import_types12.default.stringLiteral("");
+        const value4 = cleanedPaths.length > 0 ? import_types11.default.objectExpression([]) : import_types11.default.stringLiteral("");
         property = currentNode.pushContainer("properties", [
-          import_types12.default.objectProperty(import_types12.default.identifier(currentKey.toString()), value4)
+          import_types11.default.objectProperty(import_types11.default.identifier(currentKey.toString()), value4)
         ])[0];
       }
       const value3 = property?.get("value");
@@ -276292,7 +276063,7 @@ function writeNestedProperty({ node, paths, value: value2, type: type2 }) {
       const nodeAtIndex = currentNode.get("elements")[index];
       if (!nodeAtIndex || nodeAtIndex.node == null) {
         if (cleanedPaths.length > 0) {
-          const newObjectNode = import_types12.default.objectExpression([]);
+          const newObjectNode = import_types11.default.objectExpression([]);
           if (currentNode.get("elements").length > 0) {
             if (index === 0) {
               currentNode = currentNode.unshiftContainer("elements", [
@@ -276311,7 +276082,7 @@ function writeNestedProperty({ node, paths, value: value2, type: type2 }) {
           }
         } else {
           currentNode = currentNode.pushContainer("elements", [
-            import_types12.default.stringLiteral(String(value2))
+            import_types11.default.stringLiteral(String(value2))
           ])[0];
         }
       } else {
@@ -276336,7 +276107,7 @@ function getPropertyExpression({ value: value2, type: type2 }, fieldName = "") {
       if (expression) {
         return expression;
       } else {
-        return import_types12.default.stringLiteral(code);
+        return import_types11.default.stringLiteral(code);
       }
     } else if (type2 === "DIMENSION") {
       const code = parsingRegistry.DIMENSION.toCode(value2);
@@ -276344,7 +276115,7 @@ function getPropertyExpression({ value: value2, type: type2 }, fieldName = "") {
       if (expression) {
         return expression;
       } else {
-        return import_types12.default.stringLiteral(code);
+        return import_types11.default.stringLiteral(code);
       }
     }
     if (type2 === "EVENT") {
@@ -276353,7 +276124,7 @@ function getPropertyExpression({ value: value2, type: type2 }, fieldName = "") {
       if (expression) {
         return expression;
       } else {
-        return import_types12.default.stringLiteral(code);
+        return import_types11.default.stringLiteral(code);
       }
     }
     if (type2 === "EXPRESSION" && typeof value2 === "string") {
@@ -276361,7 +276132,7 @@ function getPropertyExpression({ value: value2, type: type2 }, fieldName = "") {
       if (expression) {
         return expression;
       } else {
-        return import_types12.default.stringLiteral(value2);
+        return import_types11.default.stringLiteral(value2);
       }
     } else if (type2 === "COMPUTED" && typeof value2 === "string") {
       let parsed;
@@ -276380,42 +276151,42 @@ function getPropertyExpression({ value: value2, type: type2 }, fieldName = "") {
         } catch (e) {
           getLogger().error("could not generate computed expression", getErrorMeta(e));
         }
-        return import_types12.default.templateLiteral([import_types12.default.templateElement({ raw: value2, cooked: value2 }, true)], []);
+        return import_types11.default.templateLiteral([import_types11.default.templateElement({ raw: value2, cooked: value2 }, true)], []);
       }
     }
     if (Array.isArray(value2)) {
-      return import_types12.default.arrayExpression(value2.map((v) => isPropertyInfo(v) ? getPropertyExpression(v, fieldName) : (0, import_types12.valueToNode)(v)));
+      return import_types11.default.arrayExpression(value2.map((v) => isPropertyInfo(v) ? getPropertyExpression(v, fieldName) : (0, import_types11.valueToNode)(v)));
     }
     if (typeof value2 === "object" && value2 !== null) {
-      return import_types12.default.objectExpression(Object.entries(value2).map(([key2, value3]) => import_types12.default.objectProperty(import_types12.default.stringLiteral(key2), isPropertyInfo(value3) ? getPropertyExpression(value3, fieldName) : (0, import_types12.valueToNode)(value3))));
+      return import_types11.default.objectExpression(Object.entries(value2).map(([key2, value3]) => import_types11.default.objectProperty(import_types11.default.stringLiteral(key2), isPropertyInfo(value3) ? getPropertyExpression(value3, fieldName) : (0, import_types11.valueToNode)(value3))));
     }
     if (typeof value2 === "number") {
-      return import_types12.default.numericLiteral(value2);
+      return import_types11.default.numericLiteral(value2);
     }
     if (typeof value2 === "boolean") {
-      return import_types12.default.booleanLiteral(value2);
+      return import_types11.default.booleanLiteral(value2);
     }
     if (typeof value2 === "string") {
       if (canBeAStringLiteral(value2)) {
-        return import_types12.default.stringLiteral(value2);
+        return import_types11.default.stringLiteral(value2);
       } else {
-        return import_types12.default.templateLiteral([import_types12.default.templateElement({ raw: value2, cooked: value2 }, true)], []);
+        return import_types11.default.templateLiteral([import_types11.default.templateElement({ raw: value2, cooked: value2 }, true)], []);
       }
     }
     if (typeof value2 === "object" || value2 === void 0) {
-      return (0, import_types12.valueToNode)(value2);
+      return (0, import_types11.valueToNode)(value2);
     }
     logger3.warn(`Unsupported value type: ${value2} ${type2}`);
-    return import_types12.default.stringLiteral(String(value2));
+    return import_types11.default.stringLiteral(String(value2));
   } catch (e) {
     logger3.error(`Error generating code value: ${value2} ${type2}`, getErrorMeta(e));
-    return import_types12.default.stringLiteral(String(value2));
+    return import_types11.default.stringLiteral(String(value2));
   }
 }
 
 // ../../../vite-plugin-file-sync/dist/custom-components.js
 init_cjs_shims();
-var import_types13 = __toESM(require_lib10(), 1);
+var import_types12 = __toESM(require_lib10(), 1);
 
 // ../../../vite-plugin-file-sync/dist/plugin-options.js
 init_cjs_shims();
@@ -276440,31 +276211,31 @@ function modifyLegacyCustomComponentImports(path45, tracker) {
   if (!specifier)
     return;
   tracker.add(specifier.local.name);
-  path45.get("source").replaceWith(import_types13.default.stringLiteral(source2.replace(customFolder, `${customFolder}dist/`)));
+  path45.get("source").replaceWith(import_types12.default.stringLiteral(source2.replace(customFolder, `${customFolder}dist/`)));
   const program = path45.scope.getProgramParent()?.path;
   const existingImport = program?.get("body").find((p) => p.isImportDeclaration() && p.node.source.value === "virtual:legacy-wrapper");
   if (existingImport) {
     return;
   }
-  program?.unshiftContainer("body", import_types13.default.importDeclaration([
-    import_types13.default.importSpecifier(import_types13.default.identifier("wrapCustomComponent"), import_types13.default.identifier("wrapCustomComponent"))
-  ], import_types13.default.stringLiteral("virtual:legacy-wrapper")));
+  program?.unshiftContainer("body", import_types12.default.importDeclaration([
+    import_types12.default.importSpecifier(import_types12.default.identifier("wrapCustomComponent"), import_types12.default.identifier("wrapCustomComponent"))
+  ], import_types12.default.stringLiteral("virtual:legacy-wrapper")));
 }
 function modifyLegacyCustomComponentElements(path45, tracker) {
   const elementName = getTagName(path45.node.openingElement.name);
   if (elementName && tracker.has(elementName)) {
-    path45.get("openingElement").get("name").replaceWith(import_types13.default.jsxIdentifier(`Wrapped${elementName}`));
+    path45.get("openingElement").get("name").replaceWith(import_types12.default.jsxIdentifier(`Wrapped${elementName}`));
     const closingElement = path45.get("closingElement");
     if (closingElement) {
-      closingElement.replaceWith(import_types13.default.jsxClosingElement(import_types13.default.jsxIdentifier(`Wrapped${elementName}`)));
+      closingElement.replaceWith(import_types12.default.jsxClosingElement(import_types12.default.jsxIdentifier(`Wrapped${elementName}`)));
     }
   }
 }
 function addLegacyCustomComponentVariables(path45, tracker) {
   tracker.forEach((name17) => {
-    path45.unshiftContainer("body", import_types13.default.variableDeclaration("const", [
-      import_types13.default.variableDeclarator(import_types13.default.identifier(`Wrapped${name17}`), import_types13.default.callExpression(import_types13.default.identifier("wrapCustomComponent"), [
-        import_types13.default.identifier(name17)
+    path45.unshiftContainer("body", import_types12.default.variableDeclaration("const", [
+      import_types12.default.variableDeclarator(import_types12.default.identifier(`Wrapped${name17}`), import_types12.default.callExpression(import_types12.default.identifier("wrapCustomComponent"), [
+        import_types12.default.identifier(name17)
       ]))
     ]));
   });
@@ -276632,7 +276403,7 @@ function getPageName(file) {
 init_cjs_shims();
 var import_core2 = __toESM(require_lib31(), 1);
 var import_parser4 = __toESM(require_lib8(), 1);
-var import_types16 = __toESM(require_lib10(), 1);
+var import_types15 = __toESM(require_lib10(), 1);
 var t6 = __toESM(require_lib10(), 1);
 var import_appDSL = __toESM(require_appDSL(), 1);
 
@@ -276641,10 +276412,10 @@ init_cjs_shims();
 
 // ../../../vite-plugin-file-sync/dist/parsing/entity/to-code-entity.js
 init_cjs_shims();
-var import_shared12 = __toESM(require_dist3(), 1);
+var import_shared13 = __toESM(require_dist3(), 1);
 var toCodeProperty = (value2) => {
   if (typeof value2 === "string") {
-    if ((0, import_shared12.containsBindingsAnywhere)(value2)) {
+    if ((0, import_shared13.containsBindingsAnywhere)(value2)) {
       return `SB\`${value2}\``;
     }
     return `"${value2}"`;
@@ -276663,7 +276434,7 @@ function toCodeEntity(entity) {
     case SbEntityType.VARIABLE:
       return `SbVariable({
         defaultValue: ${toCodeProperty(entity.defaultValue)},
-        persistence: ${entity.persistence === import_shared8.AppStateVarPersistence6.LOCAL_STORAGE ? "SbVariablePersistence.LOCAL_STORAGE" : "SbVariablePersistence.TEMPORARY"}
+        persistence: ${entity.persistence === import_shared9.AppStateVarPersistence6.LOCAL_STORAGE ? "SbVariablePersistence.LOCAL_STORAGE" : "SbVariablePersistence.TEMPORARY"}
       })`;
     case SbEntityType.API:
       return `SbApi({
@@ -276744,7 +276515,7 @@ function toValueEntity(nodePath, { key: key2, id: id2 }) {
         type: SbEntityType.VARIABLE,
         name: key2,
         defaultValue: args.defaultValue ?? Property.Static(""),
-        persistence: args.persistence ?? Property.Expression(import_shared8.AppStateVarPersistence6.TEMPORARY),
+        persistence: args.persistence ?? Property.Expression(import_shared9.AppStateVarPersistence6.TEMPORARY),
         value: args.defaultValue ?? Property.Static(""),
         id: id2
       };
@@ -276876,9 +276647,9 @@ function updateEntityNode(node, updates, entityId) {
       return property2.isObjectProperty() && property2.get("key").isIdentifier() && getIdentiferName(property2.node.key) === key2;
     });
     if (!property) {
-      configObject.pushContainer("properties", (0, import_types16.objectProperty)((0, import_types16.identifier)(key2), getPropertyExpression(info)));
+      configObject.pushContainer("properties", (0, import_types15.objectProperty)((0, import_types15.identifier)(key2), getPropertyExpression(info)));
     } else {
-      property.replaceWith((0, import_types16.objectProperty)((0, import_types16.identifier)(key2), getPropertyExpression(info)));
+      property.replaceWith((0, import_types15.objectProperty)((0, import_types15.identifier)(key2), getPropertyExpression(info)));
     }
     if (info.type in REQUIRED_IMPORTS_BY_PROPERTY_TYPE) {
       const requiredImports = REQUIRED_IMPORTS_BY_PROPERTY_TYPE[info.type];
@@ -276900,7 +276671,7 @@ function fromEntityToNode(entity) {
     throw new Error("Invalid entity ast definition");
   }
   return {
-    entity: (0, import_types16.objectProperty)((0, import_types16.identifier)(entity.name), parsedEntity.program.body[0].expression),
+    entity: (0, import_types15.objectProperty)((0, import_types15.identifier)(entity.name), parsedEntity.program.body[0].expression),
     imports
   };
 }
@@ -276987,9 +276758,9 @@ function updateScopeUsages(scopeUsages, entityNames) {
             continue;
           const id2 = declaration.get("id");
           if (id2.isObjectPattern()) {
-            const newProperties = entityNames.map((name17) => (0, import_types16.objectProperty)(
-              (0, import_types16.identifier)(name17),
-              (0, import_types16.identifier)(name17),
+            const newProperties = entityNames.map((name17) => (0, import_types15.objectProperty)(
+              (0, import_types15.identifier)(name17),
+              (0, import_types15.identifier)(name17),
               false,
               // computed
               true
@@ -277020,14 +276791,14 @@ function findEnclosingComponent(elementPath) {
 }
 function addScopeDestructuring(componentPath, scopeDefinition) {
   const uniqueEntityNames = [...new Set(scopeDefinition.entityNames)];
-  const destructuringDeclaration = (0, import_types16.variableDeclaration)("const", [
-    (0, import_types16.variableDeclarator)((0, import_types16.objectPattern)(uniqueEntityNames.map((name17) => (0, import_types16.objectProperty)(
-      (0, import_types16.identifier)(name17),
-      (0, import_types16.identifier)(name17),
+  const destructuringDeclaration = (0, import_types15.variableDeclaration)("const", [
+    (0, import_types15.variableDeclarator)((0, import_types15.objectPattern)(uniqueEntityNames.map((name17) => (0, import_types15.objectProperty)(
+      (0, import_types15.identifier)(name17),
+      (0, import_types15.identifier)(name17),
       false,
       // computed
       true
-    ))), (0, import_types16.identifier)(scopeDefinition.name))
+    ))), (0, import_types15.identifier)(scopeDefinition.name))
   ]);
   let addedNodePath = null;
   if (componentPath.isFunctionDeclaration() || componentPath.isFunctionExpression() || componentPath.isArrowFunctionExpression()) {
@@ -277042,8 +276813,8 @@ function addScopeDestructuring(componentPath, scopeDefinition) {
       const [newPath] = body.unshiftContainer("body", destructuringDeclaration);
       addedNodePath = newPath;
     } else {
-      const retStatement = (0, import_types16.returnStatement)(body.node);
-      componentPath.node.body = (0, import_types16.blockStatement)([
+      const retStatement = (0, import_types15.returnStatement)(body.node);
+      componentPath.node.body = (0, import_types15.blockStatement)([
         destructuringDeclaration,
         retStatement
       ]);
@@ -277301,15 +277072,15 @@ function updateDestructuredEntitiesParam(scopeDef) {
     }
     return;
   }
-  const entitiesDestructuring = (0, import_types16.objectPattern)(uniqueEntityNames.map((name17) => (0, import_types16.objectProperty)(
-    (0, import_types16.identifier)(name17),
-    (0, import_types16.identifier)(name17),
+  const entitiesDestructuring = (0, import_types15.objectPattern)(uniqueEntityNames.map((name17) => (0, import_types15.objectProperty)(
+    (0, import_types15.identifier)(name17),
+    (0, import_types15.identifier)(name17),
     false,
     // computed
     true
   )));
-  const entitiesProperty = (0, import_types16.objectProperty)((0, import_types16.identifier)("entities"), entitiesDestructuring);
-  const mainDestructuringPattern = (0, import_types16.objectPattern)([entitiesProperty]);
+  const entitiesProperty = (0, import_types15.objectProperty)((0, import_types15.identifier)("entities"), entitiesDestructuring);
+  const mainDestructuringPattern = (0, import_types15.objectPattern)([entitiesProperty]);
   if (scopeDef.scopeFunction.node.params.length > 0) {
     const firstParam = scopeDef.scopeFunction.get("params")[0];
     if (firstParam && firstParam.isObjectPattern()) {
@@ -277327,11 +277098,11 @@ function updateDestructuredEntitiesParam(scopeDef) {
 
 // ../../../vite-plugin-file-sync/dist/rename-manager.js
 init_cjs_shims();
-var import_types19 = __toESM(require_lib10(), 1);
+var import_types18 = __toESM(require_lib10(), 1);
 
 // ../../../vite-plugin-file-sync/dist/refactor/blocks.js
 init_cjs_shims();
-var import_shared13 = __toESM(require_dist3(), 1);
+var import_shared14 = __toESM(require_dist3(), 1);
 var import_esprima2 = __toESM(require_esprima(), 1);
 init_lodash();
 function flattenBlocks(blocks) {
@@ -277339,19 +277110,19 @@ function flattenBlocks(blocks) {
     return [];
   }
   return blocks.flatMap((block) => {
-    const localBlock = (0, import_shared13.convertBlock)(block);
+    const localBlock = (0, import_shared14.convertBlock)(block);
     if (!localBlock) {
       return null;
     }
-    if ((0, import_shared13.isStepBlock)(localBlock)) {
+    if ((0, import_shared14.isStepBlock)(localBlock)) {
       return localBlock;
-    } else if ((0, import_shared13.isControlBlock)(localBlock)) {
+    } else if ((0, import_shared14.isControlBlock)(localBlock)) {
       switch (localBlock.type) {
-        case import_shared13.BlockType.PARALLEL: {
+        case import_shared14.BlockType.PARALLEL: {
           const config2 = localBlock.config;
           return flattenBlocks(config2.dynamic?.blocks);
         }
-        case import_shared13.BlockType.CONDITION: {
+        case import_shared14.BlockType.CONDITION: {
           const config2 = localBlock.config;
           const blocks2 = [
             ...flattenBlocks(config2.if?.blocks),
@@ -277360,7 +277131,7 @@ function flattenBlocks(blocks) {
           ];
           if (config2.if?.condition) {
             blocks2.push({
-              type: import_shared13.BlockType.CONDITION,
+              type: import_shared14.BlockType.CONDITION,
               config: {
                 if: config2.if
               }
@@ -277368,7 +277139,7 @@ function flattenBlocks(blocks) {
           }
           if (config2.elseIf?.length) {
             blocks2.push({
-              type: import_shared13.BlockType.CONDITION,
+              type: import_shared14.BlockType.CONDITION,
               config: {
                 elseIf: config2.elseIf
               }
@@ -277376,11 +277147,11 @@ function flattenBlocks(blocks) {
           }
           return blocks2;
         }
-        case import_shared13.BlockType.LOOP: {
+        case import_shared14.BlockType.LOOP: {
           const config2 = localBlock.config;
           return flattenBlocks(config2.blocks);
         }
-        case import_shared13.BlockType.TRY_CATCH: {
+        case import_shared14.BlockType.TRY_CATCH: {
           const config2 = localBlock.config;
           return [
             ...flattenBlocks(config2.try?.blocks),
@@ -277388,7 +277159,7 @@ function flattenBlocks(blocks) {
             ...flattenBlocks(config2.finally?.blocks)
           ];
         }
-        case import_shared13.BlockType.STREAM: {
+        case import_shared14.BlockType.STREAM: {
           const config2 = localBlock.config;
           return flattenBlocks(config2.process?.blocks);
         }
@@ -277399,19 +277170,19 @@ function flattenBlocks(blocks) {
   }).filter(Boolean);
 }
 var extractPythonEvaluationPairs2 = async (code, entities, dataTree, namespacedEntitiesToExtract) => {
-  return (0, import_shared13.extractPythonEvaluationPairsWithParser)(code, entities, dataTree, parser4, namespacedEntitiesToExtract);
+  return (0, import_shared14.extractPythonEvaluationPairsWithParser)(code, entities, dataTree, parser4, namespacedEntitiesToExtract);
 };
 var extractJsEvaluationPairs2 = async (jsSnippet, entitiesToExtract, dataTree, namespacedEntitiesToExtract) => {
-  return (0, import_shared13.extractJsEvaluationPairsWithTokenizer)(jsSnippet, entitiesToExtract, dataTree, import_esprima2.tokenize, namespacedEntitiesToExtract);
+  return (0, import_shared14.extractJsEvaluationPairsWithTokenizer)(jsSnippet, entitiesToExtract, dataTree, import_esprima2.tokenize, namespacedEntitiesToExtract);
 };
 function getExtractorByPluginId(pluginId) {
   if (!pluginId) {
     return extractJsEvaluationPairs2;
   }
   switch (pluginId.trim().toLowerCase()) {
-    case import_shared13.LanguagePluginID.Python:
+    case import_shared14.LanguagePluginID.Python:
       return extractPythonEvaluationPairs2;
-    case import_shared13.LanguagePluginID.JavaScript:
+    case import_shared14.LanguagePluginID.JavaScript:
     default:
       return extractJsEvaluationPairs2;
   }
@@ -277420,14 +277191,14 @@ async function refactorNameInBlocks(params) {
   const { blocks, oldName, newName, namespace } = params;
   const flattenedBlocks = flattenBlocks(blocks);
   for (const block of flattenedBlocks) {
-    const pluginType = (0, import_shared13.getPluginType)(block) ?? void 0;
+    const pluginType = (0, import_shared14.getPluginType)(block) ?? void 0;
     const extractor = getExtractorByPluginId(pluginType);
-    if ((0, import_shared13.isStepBlock)(block) && pluginType) {
+    if ((0, import_shared14.isStepBlock)(block) && pluginType) {
       const configuration = block.config[pluginType];
       if (typeof configuration !== "object" || configuration == null) {
         continue;
       }
-      await (0, import_shared13.refactorNameInStep)({
+      await (0, import_shared14.refactorNameInStep)({
         ...params,
         dataTree: {
           [newName]: {},
@@ -277437,9 +277208,9 @@ async function refactorNameInBlocks(params) {
         configuration,
         extractor
       });
-    } else if ((0, import_shared13.isControlBlock)(block)) {
+    } else if ((0, import_shared14.isControlBlock)(block)) {
       for (const [value2, setValue] of getSetControlBlockExpressions2(block)) {
-        const newValue = await (0, import_shared13.refactorNameInString)({
+        const newValue = await (0, import_shared14.refactorNameInString)({
           value: value2,
           oldName,
           newName,
@@ -277469,34 +277240,34 @@ function getSetControlBlockExpressions2(block) {
   const { config: config2, type: type2 } = block;
   const results = [];
   switch (type2) {
-    case import_shared13.BlockType.BREAK: {
+    case import_shared14.BlockType.BREAK: {
       const controlConfig = config2;
       results.push(makeGetSet2(controlConfig, "condition"));
       break;
     }
-    case import_shared13.BlockType.THROW: {
+    case import_shared14.BlockType.THROW: {
       const controlConfig = config2;
       results.push(makeGetSet2(controlConfig, "error"));
       break;
     }
-    case import_shared13.BlockType.RETURN: {
+    case import_shared14.BlockType.RETURN: {
       const controlConfig = config2;
       results.push(makeGetSet2(controlConfig, "data"));
       break;
     }
-    case import_shared13.BlockType.WAIT: {
+    case import_shared14.BlockType.WAIT: {
       const controlConfig = config2;
       results.push(makeGetSet2(controlConfig, "condition"));
       break;
     }
-    case import_shared13.BlockType.PARALLEL: {
+    case import_shared14.BlockType.PARALLEL: {
       const controlConfig = config2;
       if (controlConfig.dynamic) {
         results.push(makeGetSet2(controlConfig.dynamic, "paths"));
       }
       break;
     }
-    case import_shared13.BlockType.CONDITION: {
+    case import_shared14.BlockType.CONDITION: {
       const controlConfig = config2;
       if (controlConfig.if) {
         results.push(makeGetSet2(controlConfig.if, "condition"));
@@ -277506,15 +277277,15 @@ function getSetControlBlockExpressions2(block) {
       }
       break;
     }
-    case import_shared13.BlockType.LOOP: {
+    case import_shared14.BlockType.LOOP: {
       const controlConfig = config2;
       results.push(makeGetSet2(controlConfig, "range"));
       break;
     }
-    case import_shared13.BlockType.TRY_CATCH: {
+    case import_shared14.BlockType.TRY_CATCH: {
       break;
     }
-    case import_shared13.BlockType.VARIABLES: {
+    case import_shared14.BlockType.VARIABLES: {
       const controlConfig = config2;
       for (const variable of controlConfig.items) {
         if (variable.value) {
@@ -277523,12 +277294,12 @@ function getSetControlBlockExpressions2(block) {
       }
       break;
     }
-    case import_shared13.BlockType.SEND: {
+    case import_shared14.BlockType.SEND: {
       const controlConfig = config2;
       results.push(makeGetSet2(controlConfig, "message"));
       break;
     }
-    case import_shared13.BlockType.STREAM: {
+    case import_shared14.BlockType.STREAM: {
       break;
     }
     default: {
@@ -277541,8 +277312,8 @@ function getSetControlBlockExpressions2(block) {
 
 // ../../../vite-plugin-file-sync/dist/refactor/javascript.js
 init_cjs_shims();
-var import_types18 = __toESM(require_lib10(), 1);
-var import_shared14 = __toESM(require_dist3(), 1);
+var import_types17 = __toESM(require_lib10(), 1);
+var import_shared15 = __toESM(require_dist3(), 1);
 function renameEntityInJavascript({ oldName, newName, nodePath, parentBinding, checkFunctionBinding = false }) {
   const functionVisitor = checkFunctionBinding ? {
     Function(path45) {
@@ -277556,7 +277327,7 @@ function renameEntityInJavascript({ oldName, newName, nodePath, parentBinding, c
               continue;
             const keyName = getIdentiferName(property.get("key").node);
             if (keyName === oldName && !property.node.shorthand) {
-              property.get("key").replaceInline(import_types18.default.identifier(newName));
+              property.get("key").replaceInline(import_types17.default.identifier(newName));
               path45.skip();
               return;
             }
@@ -277573,8 +277344,8 @@ function renameEntityInJavascript({ oldName, newName, nodePath, parentBinding, c
               continue;
             const keyName = getIdentiferName(property.get("key").node);
             if (keyName === oldName) {
-              property.get("key").replaceInline(import_types18.default.identifier(newName));
-              property.get("value").replaceInline(import_types18.default.identifier(newName));
+              property.get("key").replaceInline(import_types17.default.identifier(newName));
+              property.get("value").replaceInline(import_types17.default.identifier(newName));
               property.set("shorthand", true);
             }
           }
@@ -277600,7 +277371,7 @@ function renameEntityInJavascript({ oldName, newName, nodePath, parentBinding, c
               return;
             }
             if (property.isIdentifier() && property.node.name === oldName) {
-              property.replaceInline(import_types18.default.identifier(newName));
+              property.replaceInline(import_types17.default.identifier(newName));
               path45.skip();
             }
           }
@@ -277616,7 +277387,7 @@ function renameEntityInJavascript({ oldName, newName, nodePath, parentBinding, c
     if (path45.node.computed) {
       const property = path45.get("property");
       if (property.isIdentifier() && property.node.name === oldName) {
-        property.replaceInline(import_types18.default.identifier(newName));
+        property.replaceInline(import_types17.default.identifier(newName));
         path45.skip();
         return;
       }
@@ -277646,7 +277417,7 @@ function renameEntityInJavascript({ oldName, newName, nodePath, parentBinding, c
     if (parentBinding) {
       for (let i2 = 0; i2 < components2.length - 1; i2++) {
         if (components2[i2]?.name === parentBinding && components2[i2 + 1]?.name === oldName) {
-          components2[i2 + 1]?.path.replaceInline(import_types18.default.identifier(newName));
+          components2[i2 + 1]?.path.replaceInline(import_types17.default.identifier(newName));
           path45.skip();
           return;
         }
@@ -277654,7 +277425,7 @@ function renameEntityInJavascript({ oldName, newName, nodePath, parentBinding, c
     } else {
       for (const component of components2) {
         if (component.name === oldName) {
-          component.path.replaceInline(import_types18.default.identifier(newName));
+          component.path.replaceInline(import_types17.default.identifier(newName));
           path45.skip();
           return;
         }
@@ -277688,40 +277459,40 @@ var RenameManager = class {
       oldName = extractNameFromBindAttribute(bindAttribute.node);
       if (oldName) {
         const bindValue = bindAttribute.node.value;
-        if (bindValue && import_types19.default.isJSXExpressionContainer(bindValue)) {
+        if (bindValue && import_types18.default.isJSXExpressionContainer(bindValue)) {
           const expression = bindValue.expression;
-          if (import_types19.default.isIdentifier(expression)) {
-            bindAttribute.node.value = import_types19.default.jsxExpressionContainer(import_types19.default.identifier(newName));
-          } else if (import_types19.default.isMemberExpression(expression)) {
+          if (import_types18.default.isIdentifier(expression)) {
+            bindAttribute.node.value = import_types18.default.jsxExpressionContainer(import_types18.default.identifier(newName));
+          } else if (import_types18.default.isMemberExpression(expression)) {
             const parentParts = [];
             let current = expression;
-            while (import_types19.default.isMemberExpression(current)) {
-              if (import_types19.default.isIdentifier(current.property)) {
+            while (import_types18.default.isMemberExpression(current)) {
+              if (import_types18.default.isIdentifier(current.property)) {
                 parentParts.unshift(current.property.name);
               }
               current = current.object;
             }
-            if (import_types19.default.isIdentifier(current)) {
+            if (import_types18.default.isIdentifier(current)) {
               parentParts.unshift(current.name);
             }
-            const newExpression = import_types19.default.cloneNode(expression, true);
+            const newExpression = import_types18.default.cloneNode(expression, true);
             let finalMember = newExpression;
-            while (import_types19.default.isMemberExpression(finalMember) && import_types19.default.isMemberExpression(finalMember.property)) {
+            while (import_types18.default.isMemberExpression(finalMember) && import_types18.default.isMemberExpression(finalMember.property)) {
               finalMember = finalMember.property;
             }
-            if (import_types19.default.isMemberExpression(finalMember) && import_types19.default.isIdentifier(finalMember.property)) {
-              finalMember.property = import_types19.default.identifier(newName);
+            if (import_types18.default.isMemberExpression(finalMember) && import_types18.default.isIdentifier(finalMember.property)) {
+              finalMember.property = import_types18.default.identifier(newName);
             }
-            bindAttribute.node.value = import_types19.default.jsxExpressionContainer(newExpression);
+            bindAttribute.node.value = import_types18.default.jsxExpressionContainer(newExpression);
           }
         }
       }
     } else if (!nameAttribute) {
-      widgetNode.pushContainer("attributes", import_types19.default.jsxAttribute(import_types19.default.jsxIdentifier("bind"), import_types19.default.jsxExpressionContainer(import_types19.default.identifier(newName))));
+      widgetNode.pushContainer("attributes", import_types18.default.jsxAttribute(import_types18.default.jsxIdentifier("bind"), import_types18.default.jsxExpressionContainer(import_types18.default.identifier(newName))));
       return;
     } else {
       oldName = nameAttribute.node.value ? nodeToValue(nameAttribute.node.value) : null;
-      nameAttribute.node.value = import_types19.default.stringLiteral(newName);
+      nameAttribute.node.value = import_types18.default.stringLiteral(newName);
     }
     if (!oldName) {
       getLogger().error("Existing widget name is not found");
@@ -277787,7 +277558,7 @@ var RenameManager = class {
 // ../../../vite-plugin-file-sync/dist/source-tracker.js
 init_cjs_shims();
 var import_parser5 = __toESM(require_lib8(), 1);
-var import_types23 = __toESM(require_lib10(), 1);
+var import_types22 = __toESM(require_lib10(), 1);
 import path14 from "node:path";
 
 // ../../../../node_modules/.pnpm/prettier@3.5.3/node_modules/prettier/index.mjs
@@ -300695,52 +300466,52 @@ var src_default = index_exports;
 
 // ../../../vite-plugin-file-sync/dist/parsing/theme.js
 init_cjs_shims();
-var import_types20 = __toESM(require_lib10(), 1);
+var import_types19 = __toESM(require_lib10(), 1);
 function getKeyValue(key2) {
-  if (import_types20.default.isStringLiteral(key2.node)) {
+  if (import_types19.default.isStringLiteral(key2.node)) {
     return key2.node.value;
-  } else if (import_types20.default.isIdentifier(key2.node)) {
+  } else if (import_types19.default.isIdentifier(key2.node)) {
     return key2.node.name;
   }
   throw new Error(`Unsupported key type: ${key2.type}`);
 }
 function getKeyAst(key2) {
-  return /^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(key2) ? import_types20.default.identifier(key2) : import_types20.default.stringLiteral(key2);
+  return /^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(key2) ? import_types19.default.identifier(key2) : import_types19.default.stringLiteral(key2);
 }
 function createAstFromValue(value2) {
   if (typeof value2 === "object" && value2 !== null) {
     const properties = [];
     for (const [key2, val] of Object.entries(value2)) {
-      properties.push(import_types20.default.objectProperty(getKeyAst(key2), createAstFromValue(val)));
+      properties.push(import_types19.default.objectProperty(getKeyAst(key2), createAstFromValue(val)));
     }
-    return import_types20.default.objectExpression(properties);
+    return import_types19.default.objectExpression(properties);
   } else if (typeof value2 === "string") {
-    return import_types20.default.stringLiteral(value2);
+    return import_types19.default.stringLiteral(value2);
   } else if (typeof value2 === "number") {
-    return import_types20.default.numericLiteral(value2);
+    return import_types19.default.numericLiteral(value2);
   } else if (typeof value2 === "boolean") {
-    return import_types20.default.booleanLiteral(value2);
+    return import_types19.default.booleanLiteral(value2);
   } else if (value2 === null) {
-    return import_types20.default.nullLiteral();
+    return import_types19.default.nullLiteral();
   }
   throw new Error(`Unsupported value type: ${typeof value2}`);
 }
 function mergeThemeUpdates(nodePath, updates) {
-  if (!import_types20.default.isObjectExpression(nodePath.node)) {
+  if (!import_types19.default.isObjectExpression(nodePath.node)) {
     throw new Error("Current node must be an object expression");
   }
   Object.keys(updates).forEach((updatedKey) => {
     const propertyNodePath = nodePath.get("properties").find((prop) => getKeyValue(prop.get("key")) === updatedKey);
     const currentValue = propertyNodePath?.get("value");
     if (!currentValue) {
-      const newProperty = import_types20.default.objectProperty(getKeyAst(updatedKey), createAstFromValue(updates[updatedKey]));
+      const newProperty = import_types19.default.objectProperty(getKeyAst(updatedKey), createAstFromValue(updates[updatedKey]));
       nodePath.node.properties.push(newProperty);
       return;
     }
     if (Array.isArray(currentValue)) {
       throw new Error("Array values are not supported yet");
     }
-    if (currentValue && import_types20.default.isObjectExpression(currentValue.node)) {
+    if (currentValue && import_types19.default.isObjectExpression(currentValue.node)) {
       mergeThemeUpdates(currentValue, updates[updatedKey]);
       return;
     }
@@ -300751,7 +300522,7 @@ var updateThemeAst = (ast, updates) => {
   traverse(ast, {
     ExportDefaultDeclaration(path45) {
       const themeObject = path45.get("declaration").get("expression");
-      if (!(import_types20.default.isTSSatisfiesExpression(path45.node.declaration) && import_types20.default.isTSTypeReference(path45.node.declaration.typeAnnotation) && import_types20.default.isIdentifier(path45.node.declaration.typeAnnotation.typeName) && path45.node.declaration.typeAnnotation.typeName.name === "Theme" && !Array.isArray(themeObject) && import_types20.default.isObjectExpression(themeObject.node))) {
+      if (!(import_types19.default.isTSSatisfiesExpression(path45.node.declaration) && import_types19.default.isTSTypeReference(path45.node.declaration.typeAnnotation) && import_types19.default.isIdentifier(path45.node.declaration.typeAnnotation.typeName) && path45.node.declaration.typeAnnotation.typeName.name === "Theme" && !Array.isArray(themeObject) && import_types19.default.isObjectExpression(themeObject.node))) {
         throw new Error(`Could not update theme because the default export is not an object expression. We currently only support exporting the theme as a default export which should satisfy the Theme type from @superblocks/library. Example:
 
             import type { Theme } from "@superblocksteam/library";
@@ -300767,7 +300538,7 @@ var updateThemeAst = (ast, updates) => {
 
 // ../../../vite-plugin-file-sync/dist/sb-scope-manager.js
 init_cjs_shims();
-var import_types21 = __toESM(require_lib10(), 1);
+var import_types20 = __toESM(require_lib10(), 1);
 import EventEmitter5 from "node:events";
 import path13 from "node:path";
 var SbScopeManager = class extends EventEmitter5 {
@@ -301009,7 +300780,7 @@ var SbScopeManager = class extends EventEmitter5 {
   updateScopeEntity({ entityId, updates }) {
     const entityNode = this.sourceTracker.getElementToLocation(entityId);
     const filePath = this.sourceTracker.getElementToFilePath(entityId);
-    if (!entityNode || !(0, import_types21.isObjectProperty)(entityNode.node)) {
+    if (!entityNode || !(0, import_types20.isObjectProperty)(entityNode.node)) {
       throw new Error("Entity to update not found" + entityId);
     }
     if (!filePath) {
@@ -301047,7 +300818,7 @@ var SbScopeManager = class extends EventEmitter5 {
     }
     const entityName = (entityNode?.node?.key).name;
     const filePath = this.sourceTracker.getElementToFilePath(entityId);
-    if (!entityNode || !(0, import_types21.isObjectProperty)(entityNode.node)) {
+    if (!entityNode || !(0, import_types20.isObjectProperty)(entityNode.node)) {
       throw new Error("Entity to delete not found" + entityId);
     }
     if (!filePath) {
@@ -301085,14 +300856,14 @@ var SbScopeManager = class extends EventEmitter5 {
       };
     }
     const entityNode = this.sourceTracker.getElementToLocation(entityId);
-    if (!entityNode || !(0, import_types21.isObjectProperty)(entityNode.node)) {
+    if (!entityNode || !(0, import_types20.isObjectProperty)(entityNode.node)) {
       return {
         changedFiles: []
       };
     }
     const key2 = entityNode.get("key");
     if (key2) {
-      key2.replaceWith(import_types21.default.identifier(newName));
+      key2.replaceWith(import_types20.default.identifier(newName));
     }
     scopeDef.entityNames = scopeDef.entityNames.map((name17) => name17 === oldName ? newName : name17);
     scopeDef.scopeNameToEntityId[newName] = entityId;
@@ -301120,7 +300891,7 @@ var SbScopeManager = class extends EventEmitter5 {
     if (!scopeDef.scopeComponents) {
       throw new Error("Scope components not found, even though we added type parameters");
     }
-    const newProperty = import_types21.default.tsPropertySignature(import_types21.default.identifier(componentName), import_types21.default.tsTypeAnnotation(import_types21.default.tsAnyKeyword()));
+    const newProperty = import_types20.default.tsPropertySignature(import_types20.default.identifier(componentName), import_types20.default.tsTypeAnnotation(import_types20.default.tsAnyKeyword()));
     const newComponents = scopeDef.scopeComponents.pushContainer("members", newProperty);
     scopeDef.entityNames.push(componentName);
     const updatedFiles = this.updateScopeUsages(scopeDef.name, scopeDef.entityNames);
@@ -301141,7 +300912,7 @@ var SbScopeManager = class extends EventEmitter5 {
     const componentTypeId = getScopeElementId(scopeDef.id, componentName);
     const componentNode = this.sourceTracker.getElementToLocation(componentTypeId);
     const filePath = this.sourceTracker.getElementToFilePath(componentTypeId);
-    if (!componentNode || !import_types21.default.isTSPropertySignature(componentNode.node) || !filePath) {
+    if (!componentNode || !import_types20.default.isTSPropertySignature(componentNode.node) || !filePath) {
       return [];
     }
     componentNode.remove();
@@ -301175,7 +300946,7 @@ var SbScopeManager = class extends EventEmitter5 {
     }
     const key2 = componentNode.get("key");
     if (key2) {
-      key2.replaceWith(import_types21.default.identifier(newName));
+      key2.replaceWith(import_types20.default.identifier(newName));
     }
     scopeDef.entityNames = scopeDef.entityNames.map((name17) => name17 === oldName ? newName : name17);
     delete scopeDef.scopeNameToEntityId[oldName];
@@ -301828,7 +301599,7 @@ var SourceTracker = class {
     let parentAttr = openingTag.get("attributes").find((attr) => attr.isJSXAttribute() && attr.node.name.name === parent);
     if (!parentAttr && parent) {
       const newAttr = openingTag.pushContainer("attributes", [
-        import_types23.default.jsxAttribute(import_types23.default.jsxIdentifier(parent), import_types23.default.jSXExpressionContainer(import_types23.default.objectExpression([])))
+        import_types22.default.jsxAttribute(import_types22.default.jsxIdentifier(parent), import_types22.default.jSXExpressionContainer(import_types22.default.objectExpression([])))
       ]);
       parentAttr = newAttr[0];
     }
@@ -301853,7 +301624,7 @@ var SourceTracker = class {
     let attr = openingTag.get("attributes").find((attr2) => attr2.isJSXAttribute() && attr2.node.name.name === property);
     if (!attr) {
       attr = openingTag.pushContainer("attributes", [
-        import_types23.default.jsxAttribute(import_types23.default.jsxIdentifier(property), import_types23.default.stringLiteral(""))
+        import_types22.default.jsxAttribute(import_types22.default.jsxIdentifier(property), import_types22.default.stringLiteral(""))
       ])[0];
     }
     if (value2 === void 0 || typeof value2 === "string" && value2 === "") {
@@ -301879,7 +301650,7 @@ var SourceTracker = class {
     const openingElement = element.get("openingElement");
     if (openingElement.node.selfClosing) {
       openingElement.node.selfClosing = false;
-      element.node.closingElement = import_types23.default.jsxClosingElement(import_types23.default.jsxIdentifier(getTagName(openingElement.node.name) ?? ""));
+      element.node.closingElement = import_types22.default.jsxClosingElement(import_types22.default.jsxIdentifier(getTagName(openingElement.node.name) ?? ""));
     }
   };
   setProperty = async ({ source: source2, property, value: value2, type: type2 }) => {
@@ -302063,7 +301834,7 @@ var SourceTracker = class {
     }
     const attributes = pageElement.get("attributes");
     const attribute = attributes?.find((attr) => attr.isJSXAttribute() && attr.node.name.name === "name");
-    attribute?.replaceWith(import_types23.default.jsxAttribute(import_types23.default.jsxIdentifier("name"), import_types23.default.stringLiteral(newName)));
+    attribute?.replaceWith(import_types22.default.jsxAttribute(import_types22.default.jsxIdentifier("name"), import_types22.default.stringLiteral(newName)));
     this.changedFiles.add(filePath);
   };
   getAddElementImports = ({ properties, children }) => {
@@ -302594,7 +302365,7 @@ var FileSyncManager = class extends EventEmitter6 {
         }
         path46.traverse({
           ObjectExpression(path47) {
-            path47.pushContainer("properties", import_types25.default.objectProperty(import_types25.default.identifier("id"), import_types25.default.stringLiteral(elementId)));
+            path47.pushContainer("properties", import_types24.default.objectProperty(import_types24.default.identifier("id"), import_types24.default.stringLiteral(elementId)));
             path47.skip();
           }
         });
@@ -303320,19 +303091,19 @@ var indexHtml = (
 
 // ../../../vite-plugin-file-sync/dist/lock-service/index.js
 init_cjs_shims();
-var import_shared18 = __toESM(require_dist3(), 1);
+var import_shared19 = __toESM(require_dist3(), 1);
 import EventEmitter7 from "node:events";
 
 // ../../../vite-plugin-file-sync/dist/sync-service/server-rpc/client.js
 init_cjs_shims();
-var import_shared16 = __toESM(require_dist3(), 1);
 var import_shared17 = __toESM(require_dist3(), 1);
+var import_shared18 = __toESM(require_dist3(), 1);
 
 // ../../../vite-plugin-file-sync/dist/sync-service/server-rpc/handlers.js
 init_cjs_shims();
-var import_shared15 = __toESM(require_dist3(), 1);
+var import_shared16 = __toESM(require_dist3(), 1);
 async function notImplemented() {
-  throw new import_shared15.NotImplementedError("Signing methods are not implemented");
+  throw new import_shared16.NotImplementedError("Signing methods are not implemented");
 }
 function createRequestHandlers2() {
   const requestHandlers = {
@@ -303352,7 +303123,7 @@ function createRequestHandlers2() {
 async function connectToISocketRPCServer2({ superblocksBaseUrl, token: token2 }) {
   const requestHandlers = createRequestHandlers2();
   const authorization = `Bearer ${token2}`;
-  const wsUrl = new URL(`api/${import_shared16.serverWsPath}`, superblocksBaseUrl);
+  const wsUrl = new URL(`api/${import_shared17.serverWsPath}`, superblocksBaseUrl);
   if (wsUrl.protocol === "http:") {
     wsUrl.protocol = "ws:";
   } else if (wsUrl.protocol === "https:") {
@@ -303372,8 +303143,8 @@ async function connectToISocketRPCServer2({ superblocksBaseUrl, token: token2 })
 }
 async function connectISocket2(wsUrl, authorization, requestHandlers, globalMiddlewares, timeouts) {
   const ws = await connectWebSocket2(wsUrl);
-  const isocket = new import_shared16.ISocketWithClientAuth(ws, authorization, requestHandlers, globalMiddlewares, timeouts);
-  return (0, import_shared16.createISocketClient)(isocket);
+  const isocket = new import_shared17.ISocketWithClientAuth(ws, authorization, requestHandlers, globalMiddlewares, timeouts);
+  return (0, import_shared17.createISocketClient)(isocket);
 }
 function connectWebSocket2(wsUrl) {
   return new Promise((resolve8, reject) => {
@@ -303391,9 +303162,9 @@ async function unwrapResponseDto(request) {
   if (!response.responseMeta.success || response.responseMeta.error || response.responseMeta.status !== 200) {
     const errorMessage = response.responseMeta.error?.message ?? response.responseMeta.message ?? `Request failed with status ${response.responseMeta.status}`;
     if (response.responseMeta.status === 409) {
-      throw new import_shared17.ConflictError(errorMessage);
+      throw new import_shared18.ConflictError(errorMessage);
     } else if (response.responseMeta.status === 404) {
-      throw new import_shared16.NotFoundError(errorMessage);
+      throw new import_shared17.NotFoundError(errorMessage);
     }
     throw new Error(errorMessage);
   }
@@ -303454,7 +303225,7 @@ var LockService = class extends EventEmitter7 {
       "shutdown",
       "shutdownAndExit"
     ];
-    (0, import_shared18.addTracingToMethods)(this, methods, this._tracer);
+    (0, import_shared19.addTracingToMethods)(this, methods, this._tracer);
   }
   setSyncCallback(callback) {
     this.syncCallback = callback;
@@ -303499,7 +303270,7 @@ var LockService = class extends EventEmitter7 {
         return;
       }
     } catch (error) {
-      if (error instanceof import_shared18.ConflictError) {
+      if (error instanceof import_shared19.ConflictError) {
         logger3.error(`[lock-service] Lock is already acquired by another user. Please try again later.`, getErrorMeta(error));
         this.emit("statusChange", LockServiceStatus.FAILED_TO_ACQUIRE_LOCK);
         this.status = LockServiceStatus.FAILED_TO_ACQUIRE_LOCK;
@@ -303555,12 +303326,12 @@ var LockService = class extends EventEmitter7 {
           return true;
         }
       } catch (error) {
-        if (error instanceof import_shared18.ConflictError) {
+        if (error instanceof import_shared19.ConflictError) {
           logger3.error("[lock-service] Lock has been overridden by another user", getErrorMeta(error));
           this.emit("statusChange", LockServiceStatus.LOCK_INVALID);
           this.status = LockServiceStatus.LOCK_INVALID;
           await this.shutdownAndExit();
-        } else if (error instanceof import_shared18.NotFoundError) {
+        } else if (error instanceof import_shared19.NotFoundError) {
           logger3.error("[lock-service] Lock is not found, shutting down", getErrorMeta(error));
           this.emit("statusChange", LockServiceStatus.LOCK_INVALID);
           this.status = LockServiceStatus.LOCK_INVALID;
@@ -303768,7 +303539,7 @@ function generateRootSource(code, fileSyncManager) {
 
 // ../../../vite-plugin-file-sync/dist/socket-manager.js
 init_cjs_shims();
-var import_shared19 = __toESM(require_dist3(), 1);
+var import_shared20 = __toESM(require_dist3(), 1);
 import EventEmitter8 from "node:events";
 
 // ../../../vite-plugin-file-sync/dist/util/tracing.js
@@ -303862,7 +303633,7 @@ var SocketManager = class extends EventEmitter8 {
       }
     });
     wss.on("connection", (ws, isEditor, peerId, userId) => {
-      const socket = (0, import_shared19.createISocketClient)(new import_shared19.ISocket(ws, withMethodTracing(tracer2, {
+      const socket = (0, import_shared20.createISocketClient)(new import_shared20.ISocket(ws, withMethodTracing(tracer2, {
         editor: {
           // Update widgets
           setProperties: [fileSyncManager.handleSetProperties],
@@ -304637,7 +304408,7 @@ async function getAppScope(fileSyncManager) {
     pageId: apiPb.trigger.application?.pageId,
     organizationId: apiPb.metadata.organization,
     updated: apiPb.metadata?.timestamps?.updated ? new Date(apiPb.metadata?.timestamps?.updated) : void 0,
-    triggerType: import_shared20.ApiTriggerType.UI,
+    triggerType: import_shared21.ApiTriggerType.UI,
     apiPb
   }));
   const appScope = {
@@ -307770,7 +307541,7 @@ async function startVite({ app, httpServer: httpServer2, root: root2, mode, port
   };
   const isCustomBuildEnabled2 = await isCustomComponentsEnabled();
   const customFolder = path21.join(root2, "custom");
-  const cdnUrl = "https://assets-cdn.superblocks.com/library/2.0.3-next.171";
+  const cdnUrl = "https://assets-cdn.superblocks.com/library/2.0.3-next.173";
   const env3 = loadEnv(mode, root2, "");
   const hmrPort = await getFreePort();
   const hmrOptions = {
@@ -321963,7 +321734,7 @@ var OperationQueue = class {
 // ../../../vite-plugin-file-sync/dist/sync-service/index.js
 init_cjs_shims();
 import EventEmitter11 from "node:events";
-var import_shared33 = __toESM(require_dist3(), 1);
+var import_shared34 = __toESM(require_dist3(), 1);
 
 // ../../../vite-plugin-file-sync/dist/util/with-resolvers.js
 init_cjs_shims();
@@ -321983,7 +321754,7 @@ import * as fsp3 from "node:fs/promises";
 
 // ../../../vite-plugin-file-sync/dist/sync-service/hash-dir-tree.js
 init_cjs_shims();
-var import_shared31 = __toESM(require_dist3(), 1);
+var import_shared32 = __toESM(require_dist3(), 1);
 var import_util32 = __toESM(require_dist4(), 1);
 async function hashLocalDirectory2(localDirectoryPath) {
   const directoryContents = [];
@@ -321992,7 +321763,7 @@ async function hashLocalDirectory2(localDirectoryPath) {
     let entry;
     switch (localDirEntry.type) {
       case "-": {
-        const hash3 = await (0, import_shared31.hashFileContents)(localDirEntry.contents);
+        const hash3 = await (0, import_shared32.hashFileContents)(localDirEntry.contents);
         entry = {
           type: "-",
           executable: localDirEntry.executable,
@@ -322024,7 +321795,7 @@ async function hashLocalDirectory2(localDirectoryPath) {
     }
     directoryContents.push(entry);
   }
-  const hash2 = await (0, import_shared31.hashDirectoryContents)(directoryContents);
+  const hash2 = await (0, import_shared32.hashDirectoryContents)(directoryContents);
   return { contents: directoryContents, hash: hash2 };
 }
 
@@ -322504,7 +322275,7 @@ var HashCache = class {
 
 // ../../../vite-plugin-file-sync/dist/sync-service/snapshot/take-snapshot.js
 init_cjs_shims();
-var import_shared32 = __toESM(require_dist3(), 1);
+var import_shared33 = __toESM(require_dist3(), 1);
 var import_util33 = __toESM(require_dist4(), 1);
 async function snapshotLocalDirectory(localDirectoryPath) {
   const directoryContents = [];
@@ -322513,7 +322284,7 @@ async function snapshotLocalDirectory(localDirectoryPath) {
     let entry;
     switch (localDirEntry.type) {
       case "-": {
-        const hash2 = await (0, import_shared32.hashFileContents)(localDirEntry.contents);
+        const hash2 = await (0, import_shared33.hashFileContents)(localDirEntry.contents);
         entry = {
           type: "-",
           name: localDirEntry.name,
@@ -322546,7 +322317,7 @@ async function snapshotLocalDirectory(localDirectoryPath) {
     }
     directoryContents.push(entry);
   }
-  const directoryHash = await (0, import_shared32.hashDirectoryContents)(directoryContents);
+  const directoryHash = await (0, import_shared33.hashDirectoryContents)(directoryContents);
   return {
     hash: directoryHash,
     contents: directoryContents
@@ -322677,7 +322448,7 @@ var SyncService = class extends EventEmitter11 {
       "discardLocalDraftChanges",
       "commitLocalDraftChanges"
     ];
-    (0, import_shared33.addTracingToMethods)(this, methods, this._tracer);
+    (0, import_shared34.addTracingToMethods)(this, methods, this._tracer);
   }
   /** The current status of the sync service, which indicates what the service is currently doing */
   get status() {
@@ -323922,11 +323693,11 @@ async function dev(options8) {
 
 // ../sdk/dist/cli-replacement/init.js
 init_cjs_shims();
-var import_shared34 = __toESM(require_dist3(), 1);
+var import_shared35 = __toESM(require_dist3(), 1);
 var import_util35 = __toESM(require_dist4(), 1);
 async function fetchAndWriteApplication({ resourceId, viewMode, featureFlags, projectRootFolder, appRelativePath, sdk: sdk2, skipSigningVerification }) {
   const headers = {
-    [import_util35.COMPONENT_EVENT_HEADER]: import_shared34.ComponentEvent.INIT
+    [import_util35.COMPONENT_EVENT_HEADER]: import_shared35.ComponentEvent.INIT
   };
   const application = await sdk2.fetchApplicationWithComponents({
     applicationId: resourceId,
@@ -323947,7 +323718,7 @@ async function fetchAndWriteApplication({ resourceId, viewMode, featureFlags, pr
 }
 
 // ../sdk/dist/index.js
-var import_shared35 = __toESM(require_dist3(), 1);
+var import_shared36 = __toESM(require_dist3(), 1);
 
 // src/commands/commits.mts
 var import_util38 = __toESM(require_dist4(), 1);
@@ -329030,7 +328801,7 @@ ${error.message}.`
             task.title = `Pulling resources from branch ${ctx.localBranchName}...`;
             let viewMode;
             if (commitId) {
-              viewMode = import_shared35.ExportViewMode.EXPORT_COMMIT;
+              viewMode = import_shared36.ExportViewMode.EXPORT_COMMIT;
             } else {
               viewMode = await getMode(task, mode);
             }