@wix/cli-app 1.1.61 → 1.1.63

package/build/{DevCommand-6HTMGZ2M.js → DevCommand-U5VNLUWE.js}

@@ -2,16 +2,15 @@ import { createRequire as _createRequire } from 'node:module';
 const require = _createRequire(import.meta.url);
 import {
   useWixCliAppBi
-} from "./chunk-LOLULZLU.js";
+} from "./chunk-FXVMZQC7.js";
 import {
   SiteProvider,
   SiteSelector,
-  useMetasiteManagerClient,
   usePlatform
-} from "./chunk-PBUNWOQL.js";
+} from "./chunk-XYNJZDSJ.js";
 import {
   createLogger
-} from "./chunk-IL6O6OIL.js";
+} from "./chunk-VSQ4XHEB.js";
 import {
   DevEnvironmentProvider,
   redirectWithCSMv2FTs,
@@ -22,25 +21,27 @@ import {
   useResolveDashboardExtensionDevUrl,
   useResolvePlatformDevUrl,
   useSite
-} from "./chunk-SJY44CC7.js";
+} from "./chunk-7XQDPLBO.js";
 import {
   useBackendComponents
-} from "./chunk-EL6CIFIN.js";
-import "./chunk-Z7MEHVBF.js";
-import "./chunk-QZOQAFHK.js";
-import "./chunk-A3UPTTKJ.js";
+} from "./chunk-HAPDEIJZ.js";
+import "./chunk-7I5LSGDI.js";
+import "./chunk-ZR3N5INU.js";
+import "./chunk-SK3ICCEA.js";
 import {
   createCustomElementConfig
-} from "./chunk-KJRYBTZB.js";
-import "./chunk-KJF6LWGQ.js";
+} from "./chunk-OV6Y7VX4.js";
+import "./chunk-DIA3AFPZ.js";
 import {
   ComponentType,
   DevCenterComponent,
   ErrorViewer,
   PlatformType,
+  SiteAuthProvider,
+  TimeoutError,
   USER_CONFIG_FILENAME,
   getDataDirPath,
-  openBrowser,
+  pWaitFor,
   pathExists,
   readJson,
   useBiLogger,
@@ -51,7 +52,7 @@ import {
   useProjectModel,
   userConfigSchema,
   writeJson
-} from "./chunk-MKPZBVQD.js";
+} from "./chunk-SXIV63HN.js";
 import {
   Alert,
   Box_default,
@@ -73,8 +74,9 @@ import {
   useAsyncCallback,
   useExit,
   useTranslation,
-  use_input_default
-} from "./chunk-XCKLCHGL.js";
+  use_input_default,
+  z
+} from "./chunk-CQUQ6WJV.js";
 import {
   __toESM,
   init_esm_shims
@@ -85,17 +87,17 @@ init_esm_shims();
 
 // src/components/DevCommand/DevCommand.tsx
 init_esm_shims();
-var import_react17 = __toESM(require_react(), 1);
+var import_react19 = __toESM(require_react(), 1);
 
 // src/components/DevCommand/DevCommandScreens.tsx
 init_esm_shims();
-var import_react12 = __toESM(require_react(), 1);
-var import_variant10 = __toESM(require_lib(), 1);
+var import_react14 = __toESM(require_react(), 1);
+var import_variant12 = __toESM(require_lib(), 1);
 
 // src/components/DevCommand/HomeScreen.tsx
 init_esm_shims();
-var import_react7 = __toESM(require_react(), 1);
-var import_variant6 = __toESM(require_lib(), 1);
+var import_react9 = __toESM(require_react(), 1);
+var import_variant8 = __toESM(require_lib(), 1);
 
 // src/components/DevCommand/screen-state.ts
 init_esm_shims();
@@ -109,7 +111,253 @@ var ScreenState = (0, import_variant.variant)({
 
 // src/components/Platform/PlatformSelector.tsx
 init_esm_shims();
+var import_react3 = __toESM(require_react(), 1);
+
+// src/components/DevCommand/EditorInstallation.tsx
+init_esm_shims();
+var import_react2 = __toESM(require_react(), 1);
+var import_variant3 = __toESM(require_lib(), 1);
+
+// src/components/DevCommand/CustomElementsMigration.tsx
+init_esm_shims();
 var import_react = __toESM(require_react(), 1);
+var import_variant2 = __toESM(require_lib(), 1);
+var CustomElementsMigrationContext = (0, import_react.createContext)(null);
+function useCustomElementsMigration() {
+  const context = (0, import_react.useContext)(CustomElementsMigrationContext);
+  if (context == null) {
+    throw new Error(
+      "useCustomElementsMigration() cannot be used without an <CustomElementsMigrationContext.Provider>"
+    );
+  }
+  return context;
+}
+var DUMMY_CUSTOM_ELEMENT_TAG_NAME = "wix-cli-dummy-custom-element";
+var DUMMY_CUSTOM_ELEMENT_URL = "https://www.unpkg.com/@wix/cli-dummy-custom-element";
+var CustomElementsMigration = ({ children }) => {
+  const { getAppByVersion } = useDevCenterClient();
+  const { model } = useProjectModel();
+  const { t } = useTranslation();
+  const { createComponents } = useARMClient();
+  const prepareNewElements = (0, import_react.useCallback)(
+    async (newCustomElements) => {
+      const componentConfigs = newCustomElements.map(
+        (customElement) => {
+          const config = createCustomElementConfig(
+            customElement,
+            DUMMY_CUSTOM_ELEMENT_URL
+          );
+          return {
+            ...config,
+            compData: {
+              customElementWidget: {
+                ...config.compData.customElementWidget,
+                widgetData: {
+                  ...config.compData.customElementWidget.widgetData,
+                  tagName: DUMMY_CUSTOM_ELEMENT_TAG_NAME
+                }
+              }
+            }
+          };
+        }
+      );
+      await createComponents(
+        model.config.appId,
+        componentConfigs,
+        model.config.projectId
+      );
+    },
+    [model.config.appId, model.config.projectId, createComponents]
+  );
+  const customElementsMigration = useAsync(async () => {
+    const localCustomElements = model.components.filter(
+      (component) => (0, import_variant2.isType)(component, DevCenterComponent.CustomElement)
+    );
+    if (!localCustomElements.length) {
+      return false;
+    }
+    const {
+      data: { components }
+    } = await getAppByVersion({
+      appId: model.config.appId
+    });
+    const existingCustomElements = components.filter(
+      (component) => component.compType === ComponentType.CUSTOM_ELEMENT_WIDGET
+    );
+    const newCustomElements = localCustomElements.filter(
+      (localCustomElement) => !existingCustomElements.some(
+        (customElement) => customElement.compId === localCustomElement.id
+      )
+    );
+    if (newCustomElements.length) {
+      await prepareNewElements(newCustomElements);
+      return true;
+    }
+    return false;
+  }, [model.components]);
+  return (0, import_variant2.match)(customElementsMigration.status, {
+    Error: () => null,
+    Loading: () => /* @__PURE__ */ import_react.default.createElement(Spinner, { text: t("dev_command.custom_elements_migration.loading") }),
+    Success: ({ result: addedSitePresence }) => /* @__PURE__ */ import_react.default.createElement(
+      CustomElementsMigrationContext.Provider,
+      {
+        value: {
+          addedSitePresence
+        }
+      },
+      children
+    )
+  });
+};
+
+// src/components/DevCommand/EditorInstallation.tsx
+function isAbortError(error) {
+  return error && typeof error === "object" && "name" in error && error.name === "AbortError";
+}
+var EditorInstallationContext = (0, import_react2.createContext)(
+  null
+);
+function useEditorInstallation() {
+  const context = (0, import_react2.useContext)(EditorInstallationContext);
+  if (context == null) {
+    throw new Error(
+      "useEditorInstallation() cannot be used without an <EditorInstallationProvider>"
+    );
+  }
+  return context;
+}
+var EditorInstallationStatus = (0, import_variant3.variant)({
+  CheckInstallation: {},
+  NotInstalled: (0, import_variant3.fields)(),
+  WaitForInstallation: (0, import_variant3.fields)(),
+  Installed: {}
+});
+var CheckEditorInstallation = ({ onReady }) => {
+  const { model } = useProjectModel();
+  const { isAppInstalledInEditor } = useDevCenterClient();
+  const { reportError } = useErrorReporter();
+  const { site } = useSite();
+  const checkAppInstalledState = useAsyncCallback(
+    async ({ signal }, shouldWait = false) => {
+      const { appId } = model.config;
+      const { pollInterval } = getTestOverrides();
+      try {
+        if (shouldWait) {
+          await pWaitFor(() => isAppInstalledInEditor(appId), {
+            // Polling interval is set to 6.5 seconds to avoid rate limiting (429)
+            interval: pollInterval ?? 6500,
+            timeout: {
+              milliseconds: 60 * 1e3 * 2,
+              signal
+            }
+          });
+          return true;
+        }
+        return await isAppInstalledInEditor(appId);
+      } catch (error) {
+        if (!isAbortError(error) && !(error instanceof TimeoutError)) {
+          reportError(
+            new CliError({
+              cause: error,
+              code: CliErrorCode.WaitForEditorInstallationStateFailure()
+            })
+          );
+        }
+        return false;
+      }
+    }
+  );
+  useAsync(async () => {
+    onReady(checkAppInstalledState.execute);
+  }, [site.id]);
+  return null;
+};
+var EditorInstallation = ({ children }) => {
+  const { t } = useTranslation();
+  const { model } = useProjectModel();
+  const httpClient = useHttpClient({ type: "backoffice" });
+  const { isPlatformExists } = usePlatform();
+  const { site } = useSite();
+  const { armTag } = useArmTag();
+  const openPage = useOpenPage();
+  const { addedSitePresence } = useCustomElementsMigration();
+  const resolvePlatformUrl = useResolvePlatformDevUrl();
+  const [editorInstallationStatus, setEditorInstallationStatus] = (0, import_react2.useState)(
+    EditorInstallationStatus.CheckInstallation()
+  );
+  const openEditor = (0, import_react2.useCallback)(async () => {
+    const platformType = PlatformType.Editor();
+    const installationUrl = (0, import_variant3.match)(
+      editorInstallationStatus,
+      (0, import_variant3.partial)({
+        NotInstalled: ({ installationUrl: installationUrl2 }) => installationUrl2,
+        WaitForInstallation: ({ installationUrl: installationUrl2 }) => installationUrl2,
+        default: () => resolvePlatformUrl(platformType)
+      })
+    );
+    await openPage({ title: platformType.type, url: installationUrl });
+    if ((0, import_variant3.isType)(editorInstallationStatus, "NotInstalled")) {
+      setEditorInstallationStatus(
+        EditorInstallationStatus.WaitForInstallation({ installationUrl })
+      );
+      const isInstalled = await editorInstallationStatus.checkInstalledState(true);
+      if (isInstalled) {
+        setEditorInstallationStatus(EditorInstallationStatus.Installed());
+      } else {
+        setEditorInstallationStatus(editorInstallationStatus);
+      }
+    }
+  }, [openPage, resolvePlatformUrl, editorInstallationStatus]);
+  const buildInstallationUrl = (0, import_react2.useCallback)(async () => {
+    const { data: signedAppMarketParams } = await httpClient.post("/_serverless/app-market-json-web-token/json-web-token", {
+      data: {
+        data: JSON.stringify({
+          appDefId: model.config.appId,
+          version: "latest"
+        })
+      }
+    }).catch((e) => {
+      throw new CliError({
+        code: CliErrorCode.FailedToGenerateAppMarketQueryParam(),
+        cause: e
+      });
+    });
+    const url = new URL(`https://wix.com/editor/${site.id}`);
+    url.searchParams.append("openPanel", "appMarket");
+    url.searchParams.append("preferAppManager", "true");
+    url.searchParams.append("appMarketParams", signedAppMarketParams);
+    url.searchParams.append("apps-override", armTag);
+    return redirectWithCSMv2FTs(url, PlatformType.Editor()).toString();
+  }, [httpClient, model.config.appId, site.id, armTag]);
+  const { status, execute } = useAsyncCallback(
+    async (_, checkInstalledState) => {
+      if (isPlatformExists(PlatformType.Editor())) {
+        const isInstalled = addedSitePresence ? false : await checkInstalledState();
+        if (!isInstalled) {
+          const installationUrl = await buildInstallationUrl();
+          return setEditorInstallationStatus(
+            EditorInstallationStatus.NotInstalled({
+              installationUrl,
+              checkInstalledState
+            })
+          );
+        }
+      }
+      return setEditorInstallationStatus(EditorInstallationStatus.Installed());
+    }
+  );
+  (0, import_react2.useEffect)(() => {
+    setEditorInstallationStatus(EditorInstallationStatus.CheckInstallation());
+  }, [site.id]);
+  return /* @__PURE__ */ import_react2.default.createElement(EditorInstallationContext.Provider, { value: { openEditor } }, !(0, import_variant3.isType)(editorInstallationStatus, "Installed") && /* @__PURE__ */ import_react2.default.createElement(SiteAuthProvider, { siteId: site.id }, /* @__PURE__ */ import_react2.default.createElement(CheckEditorInstallation, { onReady: execute })), (0, import_variant3.match)(status, {
+    NotRequested: () => null,
+    Loading: () => /* @__PURE__ */ import_react2.default.createElement(Spinner, { text: t("general.loading") }),
+    Error: () => null,
+    Success: () => children
+  }));
+};
+
+// src/components/Platform/PlatformSelector.tsx
 var PlatformOption = ({
   label,
   inputKey,
@@ -117,7 +365,7 @@ var PlatformOption = ({
   disabled
 }) => {
   const getTextSkin = () => disabled ? "secondary" : "standard";
-  return /* @__PURE__ */ import_react.default.createElement(Box_default, null, /* @__PURE__ */ import_react.default.createElement(Box_default, { marginRight: 1 }, /* @__PURE__ */ import_react.default.createElement(Box_default, { marginRight: 1 }, /* @__PURE__ */ import_react.default.createElement(Text, { skin: getTextSkin() }, /* @__PURE__ */ import_react.default.createElement(PointerSmallIcon, null), " ", /* @__PURE__ */ import_react.default.createElement(Key, { value: inputKey }), " -")), /* @__PURE__ */ import_react.default.createElement(Box_default, { gap: 1 }, /* @__PURE__ */ import_react.default.createElement(Text, { skin: getTextSkin() }, label))), /* @__PURE__ */ import_react.default.createElement(Text, { skin: getTextSkin() }, suffix));
+  return /* @__PURE__ */ import_react3.default.createElement(Box_default, null, /* @__PURE__ */ import_react3.default.createElement(Box_default, { marginRight: 1 }, /* @__PURE__ */ import_react3.default.createElement(Box_default, { marginRight: 1 }, /* @__PURE__ */ import_react3.default.createElement(Text, { skin: getTextSkin() }, /* @__PURE__ */ import_react3.default.createElement(PointerSmallIcon, null), " ", /* @__PURE__ */ import_react3.default.createElement(Key, { value: inputKey }), " -")), /* @__PURE__ */ import_react3.default.createElement(Box_default, { gap: 1 }, /* @__PURE__ */ import_react3.default.createElement(Text, { skin: getTextSkin() }, label))), /* @__PURE__ */ import_react3.default.createElement(Text, { skin: getTextSkin() }, suffix));
 };
 var PlatformSelector = ({
   onMultipleDashboardExtensionSelection
@@ -125,12 +373,13 @@ var PlatformSelector = ({
   const { t } = useTranslation();
   const bi = useWixCliAppBi();
   const { isPlatformExists } = usePlatform();
+  const { openEditor } = useEditorInstallation();
   const { dashboardExtensions } = useExtensions();
   const resolvePlatformUrl = useResolvePlatformDevUrl();
   const resolveDashboardExtensionUrl = useResolveDashboardExtensionDevUrl();
   const { site } = useSite();
   const openPage = useOpenPage();
-  const openPlatform = (0, import_react.useCallback)(
+  const openPlatform = (0, import_react3.useCallback)(
     async (platformType) => {
       await openPage({
         title: platformType.type,
@@ -163,7 +412,7 @@ var PlatformSelector = ({
         action: t("general.platform.editor"),
         key: input
       });
-      await openPlatform(PlatformType.Editor());
+      await openEditor();
     }
     if (input === "s" && site.viewUrl && isPlatformExists(PlatformType.Site())) {
       bi.cliAction({
@@ -175,23 +424,23 @@ var PlatformSelector = ({
       await openPlatform(PlatformType.Site());
     }
   });
-  const dashboardOptionSuffix = (0, import_react.useMemo)(() => {
+  const dashboardOptionSuffix = (0, import_react3.useMemo)(() => {
     if (dashboardExtensions.length === 0) {
       return null;
     }
     if (dashboardExtensions.length === 1) {
-      return /* @__PURE__ */ import_react.default.createElement(Text, { skin: "secondary" }, " - ", dashboardExtensions[0].route);
+      return /* @__PURE__ */ import_react3.default.createElement(Text, { skin: "secondary" }, " - ", dashboardExtensions[0].route);
     }
-    return /* @__PURE__ */ import_react.default.createElement(Text, null, String.fromCodePoint(9660));
+    return /* @__PURE__ */ import_react3.default.createElement(Text, null, String.fromCodePoint(9660));
   }, [dashboardExtensions]);
-  return /* @__PURE__ */ import_react.default.createElement(Box_default, { paddingLeft: 2, flexDirection: "column" }, isPlatformExists(PlatformType.Site()) && /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react3.default.createElement(Box_default, { paddingLeft: 2, flexDirection: "column" }, isPlatformExists(PlatformType.Site()) && /* @__PURE__ */ import_react3.default.createElement(
     PlatformOption,
     {
       inputKey: "S",
       label: site.viewUrl ? t("general.platform.site") : t("general.platform.unpublished_site"),
       disabled: !site.viewUrl
     }
-  ), isPlatformExists(PlatformType.Editor()) && /* @__PURE__ */ import_react.default.createElement(PlatformOption, { inputKey: "E", label: t("general.platform.editor") }), isPlatformExists(PlatformType.Dashboard()) && /* @__PURE__ */ import_react.default.createElement(
+  ), isPlatformExists(PlatformType.Editor()) && /* @__PURE__ */ import_react3.default.createElement(PlatformOption, { inputKey: "E", label: t("general.platform.editor") }), isPlatformExists(PlatformType.Dashboard()) && /* @__PURE__ */ import_react3.default.createElement(
     PlatformOption,
     {
       inputKey: "D",
@@ -203,12 +452,12 @@ var PlatformSelector = ({
 
 // src/components/DevCommand/DashboardNumericViewer.tsx
 init_esm_shims();
-var import_react6 = __toESM(require_react(), 1);
-var import_variant5 = __toESM(require_lib(), 1);
+var import_react8 = __toESM(require_react(), 1);
+var import_variant7 = __toESM(require_lib(), 1);
 
 // src/components/CloseScreen/CloseScreen.tsx
 init_esm_shims();
-var import_react2 = __toESM(require_react(), 1);
+var import_react4 = __toESM(require_react(), 1);
 var CloseScreen = ({ onClose }) => {
   const { t } = useTranslation();
   const bi = useWixCliAppBi();
@@ -223,24 +472,24 @@ var CloseScreen = ({ onClose }) => {
       onClose();
     }
   });
-  return /* @__PURE__ */ import_react2.default.createElement(Text, { skin: "secondary" }, /* @__PURE__ */ import_react2.default.createElement(
+  return /* @__PURE__ */ import_react4.default.createElement(Text, { skin: "secondary" }, /* @__PURE__ */ import_react4.default.createElement(
     Trans,
     {
       i18nKey: "general.close_screen",
-      components: [/* @__PURE__ */ import_react2.default.createElement(Key, { value: "esc", skin: "secondary" })]
+      components: [/* @__PURE__ */ import_react4.default.createElement(Key, { value: "esc", skin: "secondary" })]
     }
   ));
 };
 
 // src/components/DevCommand/DashboardScreen.tsx
 init_esm_shims();
-var import_react4 = __toESM(require_react(), 1);
-var import_variant3 = __toESM(require_lib(), 1);
+var import_react6 = __toESM(require_react(), 1);
+var import_variant5 = __toESM(require_lib(), 1);
 
 // src/components/DevCommand/DashboardArrowViewer.tsx
 init_esm_shims();
-var import_react3 = __toESM(require_react(), 1);
-var import_variant2 = __toESM(require_lib(), 1);
+var import_react5 = __toESM(require_react(), 1);
+var import_variant4 = __toESM(require_lib(), 1);
 var DashboardArrowViewer = ({
   dashboardExtension,
   onClose,
@@ -251,10 +500,10 @@ var DashboardArrowViewer = ({
   const bi = useWixCliAppBi();
   const resolveDashboardExtensionUrl = useResolveDashboardExtensionDevUrl();
   const openPage = useOpenPage();
-  const getLabelKey = (0, import_react3.useCallback)(
-    () => (0, import_variant2.match)(
+  const getLabelKey = (0, import_react5.useCallback)(
+    () => (0, import_variant4.match)(
       dashboardExtension,
-      (0, import_variant2.lookup)({
+      (0, import_variant4.lookup)({
         DashboardPlugin: "dev_command.dashboard_page_plugin_screen.select_label",
         DashboardMenuPlugin: "dev_command.dashboard_menu_plugin_screen.select_label",
         DashboardPage: "dev_command.dashboard_pages_screen.select_label",
@@ -263,7 +512,7 @@ var DashboardArrowViewer = ({
     ),
     [dashboardExtension]
   );
-  const handleSubmit = (0, import_react3.useCallback)(
+  const handleSubmit = (0, import_react5.useCallback)(
     async (dashboardExtension2) => {
       const url = resolveDashboardExtensionUrl(dashboardExtension2);
       bi.cliAction({
@@ -277,7 +526,7 @@ var DashboardArrowViewer = ({
     },
     [resolveDashboardExtensionUrl, bi, t, getLabelKey, openPage, onSelect]
   );
-  return /* @__PURE__ */ import_react3.default.createElement(Box_default, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ import_react3.default.createElement(Box_default, { flexDirection: "column" }, /* @__PURE__ */ import_react3.default.createElement(
+  return /* @__PURE__ */ import_react5.default.createElement(Box_default, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ import_react5.default.createElement(Box_default, { flexDirection: "column" }, /* @__PURE__ */ import_react5.default.createElement(
     SelectInput,
     {
       label: t(getLabelKey()),
@@ -291,12 +540,12 @@ var DashboardArrowViewer = ({
       ),
       onSubmit: ({ value: dashboardExtensionInstance }) => handleSubmit(dashboardExtensionInstance)
     }
-  )), /* @__PURE__ */ import_react3.default.createElement(CloseScreen, { onClose }));
+  )), /* @__PURE__ */ import_react5.default.createElement(CloseScreen, { onClose }));
 };
 
 // src/components/DevCommand/DashboardScreen.tsx
-var DashboardScreenSelector = (0, import_variant3.variant)({
-  Arrow: (0, import_variant3.fields)(),
+var DashboardScreenSelector = (0, import_variant5.variant)({
+  Arrow: (0, import_variant5.fields)(),
   Numeric: {}
 });
 var DashboardScreen = ({
@@ -304,9 +553,9 @@ var DashboardScreen = ({
   onSelect,
   initialSelectorType = DashboardScreenSelector.Numeric()
 }) => {
-  const [selectorType, setSelectorType] = (0, import_react4.useState)(initialSelectorType);
-  return /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, (0, import_variant3.match)(selectorType, {
-    Arrow: ({ dashboardExtension }) => /* @__PURE__ */ import_react4.default.createElement(
+  const [selectorType, setSelectorType] = (0, import_react6.useState)(initialSelectorType);
+  return /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, (0, import_variant5.match)(selectorType, {
+    Arrow: ({ dashboardExtension }) => /* @__PURE__ */ import_react6.default.createElement(
       DashboardArrowViewer,
       {
         dashboardExtension,
@@ -314,7 +563,7 @@ var DashboardScreen = ({
         onClose
       }
     ),
-    Numeric: () => /* @__PURE__ */ import_react4.default.createElement(
+    Numeric: () => /* @__PURE__ */ import_react6.default.createElement(
       DashboardNumericViewer,
       {
         onViewMore: setSelectorType,
@@ -330,16 +579,16 @@ init_esm_shims();
 
 // src/components/NumericViewer/NumericViewer.tsx
 init_esm_shims();
-var import_react5 = __toESM(require_react(), 1);
-var import_variant4 = __toESM(require_lib(), 1);
+var import_react7 = __toESM(require_react(), 1);
+var import_variant6 = __toESM(require_lib(), 1);
 var ListItem = ({ itemNumber, children }) => {
   const keyValue = `${itemNumber}`;
-  return /* @__PURE__ */ import_react5.default.createElement(Box_default, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ import_react5.default.createElement(Text, null, /* @__PURE__ */ import_react5.default.createElement(PointerSmallIcon, null), " ", /* @__PURE__ */ import_react5.default.createElement(Key, { value: keyValue }), " -"), children);
+  return /* @__PURE__ */ import_react7.default.createElement(Box_default, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ import_react7.default.createElement(Text, null, /* @__PURE__ */ import_react7.default.createElement(PointerSmallIcon, null), " ", /* @__PURE__ */ import_react7.default.createElement(Key, { value: keyValue }), " -"), children);
 };
-var NumericOption = (0, import_variant4.variant)(
-  (0, import_variant4.onTerms)(({ I: _I, V }) => ({
-    Item: (0, import_variant4.fields)(),
-    ViewMore: (0, import_variant4.payload)(V)
+var NumericOption = (0, import_variant6.variant)(
+  (0, import_variant6.onTerms)(({ I: _I, V }) => ({
+    Item: (0, import_variant6.fields)(),
+    ViewMore: (0, import_variant6.payload)(V)
   }))
 );
 function NumericViewer({
@@ -347,15 +596,15 @@ function NumericViewer({
   titleKey,
   items
 }) {
-  return /* @__PURE__ */ import_react5.default.createElement(Box_default, { flexDirection: "column" }, /* @__PURE__ */ import_react5.default.createElement(Trans, { i18nKey: titleKey }), /* @__PURE__ */ import_react5.default.createElement(Box_default, { paddingLeft: 2, flexDirection: "column" }, items.map((item, index) => /* @__PURE__ */ import_react5.default.createElement(
+  return /* @__PURE__ */ import_react7.default.createElement(Box_default, { flexDirection: "column" }, /* @__PURE__ */ import_react7.default.createElement(Trans, { i18nKey: titleKey }), /* @__PURE__ */ import_react7.default.createElement(Box_default, { paddingLeft: 2, flexDirection: "column" }, items.map((item, index) => /* @__PURE__ */ import_react7.default.createElement(
     ListItem,
     {
       key: startIndex + index + 1,
       itemNumber: startIndex + index + 1
     },
-    (0, import_variant4.match)(item, {
-      Item: ({ title, description }) => /* @__PURE__ */ import_react5.default.createElement(Box_default, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ import_react5.default.createElement(Text, null, title), description && /* @__PURE__ */ import_react5.default.createElement(Text, { skin: "secondary" }, "(", description, ")")),
-      ViewMore: () => /* @__PURE__ */ import_react5.default.createElement(Trans, { i18nKey: "general.numeric_viewer.show_more" })
+    (0, import_variant6.match)(item, {
+      Item: ({ title, description }) => /* @__PURE__ */ import_react7.default.createElement(Box_default, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ import_react7.default.createElement(Text, null, title), description && /* @__PURE__ */ import_react7.default.createElement(Text, { skin: "secondary" }, "(", description, ")")),
+      ViewMore: () => /* @__PURE__ */ import_react7.default.createElement(Trans, { i18nKey: "general.numeric_viewer.show_more" })
     })
   ))));
 }
@@ -375,7 +624,7 @@ var DashboardNumericViewer = ({
   const bi = useWixCliAppBi();
   const resolveDashboardExtensionUrl = useResolveDashboardExtensionDevUrl();
   const openPage = useOpenPage();
-  const dashboardExtensions = (0, import_react6.useMemo)(
+  const dashboardExtensions = (0, import_react8.useMemo)(
     () => ({
       dashboardPages: getExtensions("DashboardPage"),
       dashboardMenuPlugins: getExtensions("DashboardMenuPlugin"),
@@ -441,9 +690,9 @@ var DashboardNumericViewer = ({
     ...dashboardPluginsShowMoreIndex ? [NumericOption.ViewMore("DashboardPlugin")] : []
   ];
   const getLabelKey = (dashboardExtension) => {
-    return (0, import_variant5.match)(
+    return (0, import_variant7.match)(
       dashboardExtension,
-      (0, import_variant5.lookup)({
+      (0, import_variant7.lookup)({
         DashboardPage: "general.dashboard_pages_viewer.title",
         DashboardMenuPlugin: "general.dashboard_menu_plugins_viewer.title",
         DashboardPlugin: "general.dashboard_plugins_viewer.title",
@@ -458,7 +707,7 @@ var DashboardNumericViewer = ({
       const itemIndex = inputNumber - 1;
       const item = visibleItems.at(itemIndex);
       if (item) {
-        await (0, import_variant5.match)(item, {
+        await (0, import_variant7.match)(item, {
           Item: async (item2) => {
             bi.cliAction({
               question: t(getLabelKey(item2.value)),
@@ -485,7 +734,7 @@ var DashboardNumericViewer = ({
       }
     }
   });
-  const handleSelect = (0, import_react6.useCallback)(
+  const handleSelect = (0, import_react8.useCallback)(
     async (dashboardExtension) => {
       const url = resolveDashboardExtensionUrl(dashboardExtension);
       await openPage({ url, title: dashboardExtension.title });
@@ -499,28 +748,28 @@ var DashboardNumericViewer = ({
     dashboardMenuPluginsCount
   );
   const dashboardPlugins = visibleItems.slice(dashboardMenuPluginsCount);
-  return /* @__PURE__ */ import_react6.default.createElement(Box_default, { flexDirection: "column", gap: 1 }, dashboardPages.length > 0 && /* @__PURE__ */ import_react6.default.createElement(
+  return /* @__PURE__ */ import_react8.default.createElement(Box_default, { flexDirection: "column", gap: 1 }, dashboardPages.length > 0 && /* @__PURE__ */ import_react8.default.createElement(
     NumericViewer,
     {
       startIndex: 0,
       titleKey: "general.dashboard_pages_viewer.title",
       items: dashboardPages
     }
-  ), dashboardMenuPlugins.length > 0 && /* @__PURE__ */ import_react6.default.createElement(
+  ), dashboardMenuPlugins.length > 0 && /* @__PURE__ */ import_react8.default.createElement(
     NumericViewer,
     {
       startIndex: dashboardPagesCount,
       titleKey: "general.dashboard_menu_plugins_viewer.title",
       items: dashboardMenuPlugins
     }
-  ), dashboardPlugins.length > 0 && /* @__PURE__ */ import_react6.default.createElement(
+  ), dashboardPlugins.length > 0 && /* @__PURE__ */ import_react8.default.createElement(
     NumericViewer,
     {
       startIndex: dashboardMenuPluginsCount,
       titleKey: "general.dashboard_plugins_viewer.title",
       items: dashboardPlugins
     }
-  ), onClose && /* @__PURE__ */ import_react6.default.createElement(CloseScreen, { onClose }));
+  ), onClose && /* @__PURE__ */ import_react8.default.createElement(CloseScreen, { onClose }));
 };
 
 // src/components/DevCommand/HomeScreen.tsx
@@ -542,28 +791,28 @@ var HomeScreen = ({ onScreenChange }) => {
       onScreenChange(ScreenState.SiteSelector());
     }
   });
-  return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(Box_default, { gap: 1 }, /* @__PURE__ */ import_react7.default.createElement(
+  return /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, /* @__PURE__ */ import_react9.default.createElement(Box_default, { gap: 1 }, /* @__PURE__ */ import_react9.default.createElement(
     Trans,
     {
       i18nKey: "dev_command.dev_site.current",
       values: { siteName: site.displayName },
-      components: [/* @__PURE__ */ import_react7.default.createElement(Text, { bold: true, skin: "info" })]
+      components: [/* @__PURE__ */ import_react9.default.createElement(Text, { bold: true, skin: "info" })]
     }
-  ), /* @__PURE__ */ import_react7.default.createElement(Text, { skin: "secondary" }, /* @__PURE__ */ import_react7.default.createElement(
+  ), /* @__PURE__ */ import_react9.default.createElement(Text, { skin: "secondary" }, /* @__PURE__ */ import_react9.default.createElement(
     Trans,
     {
       i18nKey: "dev_command.dev_site.change",
-      components: [/* @__PURE__ */ import_react7.default.createElement(Key, { value: "C", skin: "secondary" })]
+      components: [/* @__PURE__ */ import_react9.default.createElement(Key, { value: "C", skin: "secondary" })]
     }
-  ))), /* @__PURE__ */ import_react7.default.createElement(Box_default, { paddingTop: 1, paddingBottom: 1, flexDirection: "column" }, !hasExtensions() ? /* @__PURE__ */ import_react7.default.createElement(
+  ))), /* @__PURE__ */ import_react9.default.createElement(Box_default, { paddingTop: 1, paddingBottom: 1, flexDirection: "column" }, !hasExtensions() ? /* @__PURE__ */ import_react9.default.createElement(
     Trans,
     {
       i18nKey: "general.platform.none",
-      components: [/* @__PURE__ */ import_react7.default.createElement(Link, { url: "https://wix.to/b7o4Ml0" })]
+      components: [/* @__PURE__ */ import_react9.default.createElement(Link, { url: "https://wix.to/b7o4Ml0" })]
     }
-  ) : /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, hasSinglePlatform(PlatformType.Dashboard()) && backendComponents.length === 0 && dashboardExtensions.some(
-    (dashboardExtension) => !(0, import_variant6.isType)(dashboardExtension, "DashboardModal")
-  ) ? /* @__PURE__ */ import_react7.default.createElement(
+  ) : /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, hasSinglePlatform(PlatformType.Dashboard()) && backendComponents.length === 0 && dashboardExtensions.some(
+    (dashboardExtension) => !(0, import_variant8.isType)(dashboardExtension, "DashboardModal")
+  ) ? /* @__PURE__ */ import_react9.default.createElement(
     DashboardNumericViewer,
     {
       onViewMore: (selectorType) => onScreenChange(
@@ -572,13 +821,13 @@ var HomeScreen = ({ onScreenChange }) => {
         })
       )
     }
-  ) : /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(
+  ) : /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, /* @__PURE__ */ import_react9.default.createElement(
     Trans,
     {
       i18nKey: "general.view_changes",
-      components: [/* @__PURE__ */ import_react7.default.createElement(Text, { skin: "secondary" })]
+      components: [/* @__PURE__ */ import_react9.default.createElement(Text, { skin: "secondary" })]
     }
-  ), /* @__PURE__ */ import_react7.default.createElement(
+  ), /* @__PURE__ */ import_react9.default.createElement(
     PlatformSelector,
     {
       onMultipleDashboardExtensionSelection: () => onScreenChange(ScreenState.DashboardScreen()),
@@ -589,7 +838,7 @@ var HomeScreen = ({ onScreenChange }) => {
 
 // src/components/DevCommand/SiteSelectorScreen.tsx
 init_esm_shims();
-var import_react8 = __toESM(require_react(), 1);
+var import_react10 = __toESM(require_react(), 1);
 
 // src/components/CloseScreen/index.tsx
 init_esm_shims();
@@ -601,15 +850,15 @@ var SiteSelectorScreen = ({ onScreenChange }) => {
   const biLogger = useBiLogger();
   const { site, setSite } = useSite();
   const { reportError } = useErrorReporter();
-  const [error, setError] = (0, import_react8.useState)(null);
-  const handleError = (0, import_react8.useCallback)(
+  const [error, setError] = (0, import_react10.useState)(null);
+  const handleError = (0, import_react10.useCallback)(
     (error2) => {
       reportError(error2);
       setError(error2);
     },
     [reportError, setError]
   );
-  const handleSubmit = (0, import_react8.useCallback)(
+  const handleSubmit = (0, import_react10.useCallback)(
     async (site2) => {
       try {
         await setSite(site2);
@@ -620,13 +869,13 @@ var SiteSelectorScreen = ({ onScreenChange }) => {
     },
     [setSite, onScreenChange, handleError]
   );
-  return /* @__PURE__ */ import_react8.default.createElement(Box_default, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ import_react8.default.createElement(Box_default, { gap: 1 }, /* @__PURE__ */ import_react8.default.createElement(PointerIcon, null), /* @__PURE__ */ import_react8.default.createElement(
+  return /* @__PURE__ */ import_react10.default.createElement(Box_default, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ import_react10.default.createElement(Box_default, { gap: 1 }, /* @__PURE__ */ import_react10.default.createElement(PointerIcon, null), /* @__PURE__ */ import_react10.default.createElement(
     Trans,
     {
       i18nKey: "general.dev_site.current",
       values: { name: site.displayName }
     }
-  )), /* @__PURE__ */ import_react8.default.createElement(Box_default, { flexDirection: "column" }, /* @__PURE__ */ import_react8.default.createElement(
+  )), /* @__PURE__ */ import_react10.default.createElement(Box_default, { flexDirection: "column" }, /* @__PURE__ */ import_react10.default.createElement(
     SiteSelector,
     {
       appId: model.config.appId,
@@ -634,24 +883,24 @@ var SiteSelectorScreen = ({ onScreenChange }) => {
       onSubmit: handleSubmit,
       onError: handleError
     }
-  ), error ? /* @__PURE__ */ import_react8.default.createElement(
+  ), error ? /* @__PURE__ */ import_react10.default.createElement(
     ErrorViewer,
     {
       error,
-      systemErrorOverride: /* @__PURE__ */ import_react8.default.createElement(Alert, { type: "error" }, t("dev_command.site_selector.error"))
+      systemErrorOverride: /* @__PURE__ */ import_react10.default.createElement(Alert, { type: "error" }, t("dev_command.site_selector.error"))
     }
-  ) : null), /* @__PURE__ */ import_react8.default.createElement(CloseScreen, { onClose: () => onScreenChange(ScreenState.Home()) }));
+  ) : null), /* @__PURE__ */ import_react10.default.createElement(CloseScreen, { onClose: () => onScreenChange(ScreenState.Home()) }));
 };
 
 // src/components/DevCommand/BackendScreen.tsx
 init_esm_shims();
-var import_react11 = __toESM(require_react(), 1);
-var import_variant9 = __toESM(require_lib(), 1);
+var import_react13 = __toESM(require_react(), 1);
+var import_variant11 = __toESM(require_lib(), 1);
 
 // src/components/DevCommand/BackendNumericViewer.tsx
 init_esm_shims();
-var import_react9 = __toESM(require_react(), 1);
-var import_variant7 = __toESM(require_lib(), 1);
+var import_react11 = __toESM(require_react(), 1);
+var import_variant9 = __toESM(require_lib(), 1);
 var MAX_BACKEND_COMPONENT = 9;
 var MAX_SERVICE_PLUGINS = 4;
 var MAX_EVENTS = 5;
@@ -698,9 +947,9 @@ var BackendNumericViewer = ({
     ...backendEventsShowMoreIndex ? [NumericOption.ViewMore("Event")] : []
   ];
   const getLabelKey = (backendComponent) => {
-    return (0, import_variant7.match)(
+    return (0, import_variant9.match)(
       backendComponent,
-      (0, import_variant7.lookup)({
+      (0, import_variant9.lookup)({
         Api: "general.backend_api_viewer.title",
         Event: "general.backend_events_viewer.title",
         ServicePlugin: "general.backend_plugin_viewer.title"
@@ -712,7 +961,7 @@ var BackendNumericViewer = ({
     if (inputNumber > 0 && inputNumber <= visibleItems.length) {
       const item = visibleItems.at(inputNumber - 1);
       if (item) {
-        (0, import_variant7.match)(item, {
+        (0, import_variant9.match)(item, {
           Item: (item2) => {
             bi.cliAction({
               question: t(getLabelKey(item2.value)),
@@ -739,7 +988,7 @@ var BackendNumericViewer = ({
       }
     }
   });
-  const handleSelect = (0, import_react9.useCallback)(
+  const handleSelect = (0, import_react11.useCallback)(
     (backendComponent) => {
       onSelect?.(backendComponent);
     },
@@ -747,27 +996,27 @@ var BackendNumericViewer = ({
   );
   const backendPlugins = visibleItems.slice(0, servicePluginsCount);
   const backendEvents = visibleItems.slice(servicePluginsCount);
-  return /* @__PURE__ */ import_react9.default.createElement(Box_default, { flexDirection: "column", gap: 1 }, backendPlugins.length > 0 && /* @__PURE__ */ import_react9.default.createElement(
+  return /* @__PURE__ */ import_react11.default.createElement(Box_default, { flexDirection: "column", gap: 1 }, backendPlugins.length > 0 && /* @__PURE__ */ import_react11.default.createElement(
     NumericViewer,
     {
       startIndex: 0,
       titleKey: "general.backend_plugin_viewer.title",
       items: backendPlugins
     }
-  ), backendEvents.length > 0 && /* @__PURE__ */ import_react9.default.createElement(
+  ), backendEvents.length > 0 && /* @__PURE__ */ import_react11.default.createElement(
     NumericViewer,
     {
       startIndex: servicePluginsCount,
       titleKey: "general.backend_events_viewer.title",
       items: backendEvents
     }
-  ), onClose && /* @__PURE__ */ import_react9.default.createElement(CloseScreen, { onClose }));
+  ), onClose && /* @__PURE__ */ import_react11.default.createElement(CloseScreen, { onClose }));
 };
 
 // src/components/DevCommand/BackendArrowViewer.tsx
 init_esm_shims();
-var import_react10 = __toESM(require_react(), 1);
-var import_variant8 = __toESM(require_lib(), 1);
+var import_react12 = __toESM(require_react(), 1);
+var import_variant10 = __toESM(require_lib(), 1);
 var BackendArrowViewer = ({
   backendComponentName,
   onClose,
@@ -776,10 +1025,10 @@ var BackendArrowViewer = ({
   const { t } = useTranslation();
   const bi = useWixCliAppBi();
   const { backendComponentsByType } = useBackendComponents();
-  const getLabelKey = (0, import_react10.useCallback)(
-    () => (0, import_variant8.match)(
+  const getLabelKey = (0, import_react12.useCallback)(
+    () => (0, import_variant10.match)(
       backendComponentName,
-      (0, import_variant8.lookup)({
+      (0, import_variant10.lookup)({
         Api: "dev_command.backend_apis_screen.select_label",
         Event: "dev_command.backend_events_screen.select_label",
         ServicePlugin: "dev_command.backend_plugins_screen.select_label"
@@ -787,8 +1036,8 @@ var BackendArrowViewer = ({
     ),
     [backendComponentName]
   );
-  const getBackendComponentName = (backendComponent) => (0, import_variant8.isType)(backendComponent, "ServicePlugin") ? backendComponent.servicePlugin.name : backendComponent.title;
-  const handleSubmit = (0, import_react10.useCallback)(
+  const getBackendComponentName = (backendComponent) => (0, import_variant10.isType)(backendComponent, "ServicePlugin") ? backendComponent.servicePlugin.name : backendComponent.title;
+  const handleSubmit = (0, import_react12.useCallback)(
     (backendComponent) => {
       bi.cliAction({
         question: t(getLabelKey()),
@@ -800,7 +1049,7 @@ var BackendArrowViewer = ({
     },
     [bi, getLabelKey, onSelect, t]
   );
-  const options = (0, import_react10.useMemo)(() => {
+  const options = (0, import_react12.useMemo)(() => {
     return backendComponentsByType[backendComponentName].map(
       (backendComponent, index) => ({
         key: index.toString(),
@@ -809,19 +1058,19 @@ var BackendArrowViewer = ({
       })
     );
   }, [backendComponentsByType, backendComponentName]);
-  return /* @__PURE__ */ import_react10.default.createElement(Box_default, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ import_react10.default.createElement(Box_default, { flexDirection: "column" }, /* @__PURE__ */ import_react10.default.createElement(
+  return /* @__PURE__ */ import_react12.default.createElement(Box_default, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ import_react12.default.createElement(Box_default, { flexDirection: "column" }, /* @__PURE__ */ import_react12.default.createElement(
     SelectInput,
     {
       label: t(getLabelKey()),
       options,
       onSubmit: ({ value: backendComponent }) => handleSubmit(backendComponent)
     }
-  )), /* @__PURE__ */ import_react10.default.createElement(CloseScreen, { onClose }));
+  )), /* @__PURE__ */ import_react12.default.createElement(CloseScreen, { onClose }));
 };
 
 // src/components/DevCommand/BackendScreen.tsx
-var BackendScreenSelector = (0, import_variant9.variant)({
-  Arrow: (0, import_variant9.fields)(),
+var BackendScreenSelector = (0, import_variant11.variant)({
+  Arrow: (0, import_variant11.fields)(),
   Numeric: {}
 });
 var BackendScreen = ({
@@ -829,9 +1078,9 @@ var BackendScreen = ({
   onSelect,
   initialSelectorType = BackendScreenSelector.Numeric()
 }) => {
-  const [selectorType, setSelectorType] = (0, import_react11.useState)(initialSelectorType);
-  return /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, (0, import_variant9.match)(selectorType, {
-    Arrow: ({ backendComponentName }) => /* @__PURE__ */ import_react11.default.createElement(
+  const [selectorType, setSelectorType] = (0, import_react13.useState)(initialSelectorType);
+  return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, (0, import_variant11.match)(selectorType, {
+    Arrow: ({ backendComponentName }) => /* @__PURE__ */ import_react13.default.createElement(
       BackendArrowViewer,
       {
         backendComponentName,
@@ -839,7 +1088,7 @@ var BackendScreen = ({
         onClose
       }
     ),
-    Numeric: () => /* @__PURE__ */ import_react11.default.createElement(
+    Numeric: () => /* @__PURE__ */ import_react13.default.createElement(
       BackendNumericViewer,
       {
         onViewMore: setSelectorType,
@@ -851,11 +1100,11 @@ var BackendScreen = ({
 
 // src/components/DevCommand/DevCommandScreens.tsx
 var DevCommandScreens = () => {
-  const [screen, setScreen] = (0, import_react12.useState)(ScreenState.Home());
-  return (0, import_variant10.match)(screen, {
-    Home: () => /* @__PURE__ */ import_react12.default.createElement(HomeScreen, { onScreenChange: setScreen }),
-    SiteSelector: () => /* @__PURE__ */ import_react12.default.createElement(SiteSelectorScreen, { onScreenChange: setScreen }),
-    DashboardScreen: ({ selectorType }) => /* @__PURE__ */ import_react12.default.createElement(
+  const [screen, setScreen] = (0, import_react14.useState)(ScreenState.Home());
+  return (0, import_variant12.match)(screen, {
+    Home: () => /* @__PURE__ */ import_react14.default.createElement(HomeScreen, { onScreenChange: setScreen }),
+    SiteSelector: () => /* @__PURE__ */ import_react14.default.createElement(SiteSelectorScreen, { onScreenChange: setScreen }),
+    DashboardScreen: ({ selectorType }) => /* @__PURE__ */ import_react14.default.createElement(
       DashboardScreen,
       {
         initialSelectorType: selectorType,
@@ -863,7 +1112,7 @@ var DevCommandScreens = () => {
         onClose: () => setScreen(ScreenState.Home())
       }
     ),
-    BackendScreen: ({ selectorType }) => /* @__PURE__ */ import_react12.default.createElement(
+    BackendScreen: ({ selectorType }) => /* @__PURE__ */ import_react14.default.createElement(
       BackendScreen,
       {
         initialSelectorType: selectorType,
@@ -876,7 +1125,7 @@ var DevCommandScreens = () => {
 
 // src/components/DevCommand/TunnelingConsent.tsx
 init_esm_shims();
-var import_react13 = __toESM(require_react(), 1);
+var import_react15 = __toESM(require_react(), 1);
 
 // ../cli-user-config/src/user-config.ts
 init_esm_shims();
@@ -901,12 +1150,12 @@ async function updateUserConfig(config) {
 }
 
 // src/components/DevCommand/TunnelingConsent.tsx
-var import_variant11 = __toESM(require_lib(), 1);
+var import_variant13 = __toESM(require_lib(), 1);
 var TunnelingConsent = ({ children }) => {
   const exit = useExit();
   const { t } = useTranslation();
   const { backendComponents } = useBackendComponents();
-  const [approved, setApproved] = (0, import_react13.useState)();
+  const [approved, setApproved] = (0, import_react15.useState)();
   const { status } = useAsync(async () => {
     const config = await readUserConfig();
     if (config.tunneling) {
@@ -917,8 +1166,8 @@ var TunnelingConsent = ({ children }) => {
   if (backendComponents.length === 0 || approved) {
     return children;
   }
-  return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, (0, import_variant11.match)(status, {
-    Success: () => /* @__PURE__ */ import_react13.default.createElement(
+  return /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, (0, import_variant13.match)(status, {
+    Success: () => /* @__PURE__ */ import_react15.default.createElement(
       ConfirmInput,
       {
         label: t("dev_command.tunneling.confirm"),
@@ -934,177 +1183,71 @@ var TunnelingConsent = ({ children }) => {
     ),
     Error: () => null,
     Loading: () => null
-  }), approved === false && /* @__PURE__ */ import_react13.default.createElement(Text, { skin: "error" }, /* @__PURE__ */ import_react13.default.createElement(Trans, { i18nKey: "dev_command.tunneling.abort_dev" })));
+  }), approved === false && /* @__PURE__ */ import_react15.default.createElement(Text, { skin: "error" }, /* @__PURE__ */ import_react15.default.createElement(Trans, { i18nKey: "dev_command.tunneling.abort_dev" })));
 };
 
-// src/components/DevCommand/CustomElementsMigration.tsx
+// src/components/DevCommand/RequiredAppsWarning.tsx
 init_esm_shims();
-var import_react14 = __toESM(require_react(), 1);
-var import_variant12 = __toESM(require_lib(), 1);
-import { setTimeout } from "node:timers/promises";
-var DUMMY_CUSTOM_ELEMENT_TAG_NAME = "wix-cli-dummy-custom-element";
-var DUMMY_CUSTOM_ELEMENT_URL = "https://www.unpkg.com/@wix/cli-dummy-custom-element";
-var AppUpdater = ({ children, newCustomElements }) => {
-  const { model } = useProjectModel();
-  const { reportError } = useErrorReporter();
-  const { createComponents } = useARMClient();
-  const httpClient = useHttpClient({ type: "backoffice" });
-  const { site } = useSite();
-  const { armTag } = useArmTag();
-  const [isAppReinstalled, setAppReinstalledFlag] = (0, import_react14.useState)(false);
-  const prepareNewElements = useAsyncCallback(
-    async () => {
-      const componentConfigs = newCustomElements.map(
-        (customElement) => {
-          const scriptUrl = DUMMY_CUSTOM_ELEMENT_URL;
-          const config = createCustomElementConfig(customElement, scriptUrl);
-          return {
-            ...config,
-            compData: {
-              customElementWidget: {
-                ...config.compData.customElementWidget,
-                widgetData: {
-                  ...config.compData.customElementWidget.widgetData,
-                  tagName: DUMMY_CUSTOM_ELEMENT_TAG_NAME
-                }
-              }
-            }
-          };
-        }
-      );
-      await createComponents(
-        model.config.appId,
-        componentConfigs,
-        model.config.projectId
-      );
-      const { customElementsCreationDelay } = getTestOverrides();
-      const [{ data: signedAppMarketParams }] = await Promise.all([
-        httpClient.post(
-          "/_serverless/app-market-json-web-token/json-web-token",
-          {
-            data: {
-              data: JSON.stringify({
-                appDefId: model.config.appId,
-                version: "latest"
-              })
-            }
-          }
-        ).catch((e) => {
-          throw new CliError({
-            code: CliErrorCode.FailedToGenerateAppMarketQueryParam(),
-            cause: e
-          });
-        }),
-        setTimeout(customElementsCreationDelay ?? 5e3)
-      ]);
-      const url = new URL(`https://wix.com/editor/${site.id}`);
-      url.searchParams.append("openPanel", "appMarket");
-      url.searchParams.append("preferAppManager", "true");
-      url.searchParams.append("appMarketParams", signedAppMarketParams);
-      url.searchParams.append("apps-override", armTag);
-      await openBrowser(
-        redirectWithCSMv2FTs(url, PlatformType.Editor()).toString()
-      );
-    },
-    {
-      onError: (error) => {
-        reportError(error);
-      }
-    }
-  );
-  use_input_default(
-    (0, import_react14.useCallback)(
-      (input, key) => {
-        if (key.return) {
-          void prepareNewElements.execute();
-        }
-      },
-      [prepareNewElements]
-    ),
-    {
-      isActive: (0, import_variant12.isType)(prepareNewElements.status, "NotRequested")
-    }
-  );
-  use_input_default(
-    (0, import_react14.useCallback)(
-      (input, key) => {
-        if (key.return) {
-          setAppReinstalledFlag(true);
-        }
-      },
-      [setAppReinstalledFlag]
-    ),
-    {
-      isActive: !isAppReinstalled && ((0, import_variant12.isType)(prepareNewElements.status, "Success") || (0, import_variant12.isType)(prepareNewElements.status, "Error"))
-    }
-  );
-  if (isAppReinstalled) {
-    return children;
+var import_react17 = __toESM(require_react(), 1);
+var import_variant14 = __toESM(require_lib(), 1);
+
+// ../metasite-manager-client/src/index.ts
+init_esm_shims();
+
+// ../metasite-manager-client/src/useMetasiteManagerClient.ts
+init_esm_shims();
+var import_react16 = __toESM(require_react(), 1);
+
+// ../metasite-manager-client/src/metasite-manager-client.ts
+init_esm_shims();
+
+// ../metasite-manager-client/src/schemas.ts
+init_esm_shims();
+var clientSpecMapSchema = z.record(
+  z.object({
+    appDefinitionId: z.string().optional(),
+    permissions: z.object({ revoked: z.boolean() }).optional()
+  })
+);
+
+// ../metasite-manager-client/src/metasite-manager-client.ts
+var MetasiteManagerClient = class {
+  constructor(httpClient) {
+    this.httpClient = httpClient;
   }
-  return (0, import_variant12.match)(prepareNewElements.status, {
-    Loading: () => /* @__PURE__ */ import_react14.default.createElement(Spinner, null),
-    Success: () => {
-      return /* @__PURE__ */ import_react14.default.createElement(Alert, { type: "warning" }, /* @__PURE__ */ import_react14.default.createElement(Text, null, /* @__PURE__ */ import_react14.default.createElement(
-        Trans,
-        {
-          i18nKey: "dev_command.new_custom_element.confirm_reinstall",
-          components: [/* @__PURE__ */ import_react14.default.createElement(Key, { value: "enter" })]
-        }
-      )));
-    },
-    Error: () => /* @__PURE__ */ import_react14.default.createElement(Alert, { type: "error" }, /* @__PURE__ */ import_react14.default.createElement(Text, null, /* @__PURE__ */ import_react14.default.createElement(
-      Trans,
-      {
-        i18nKey: "dev_command.new_custom_element.reinstall_error",
-        components: [/* @__PURE__ */ import_react14.default.createElement(Key, { value: "enter" })]
-      }
-    ))),
-    NotRequested: () => /* @__PURE__ */ import_react14.default.createElement(Alert, { type: "warning" }, /* @__PURE__ */ import_react14.default.createElement(Text, null, /* @__PURE__ */ import_react14.default.createElement(
-      Trans,
-      {
-        i18nKey: "dev_command.new_custom_element.warning",
-        components: [/* @__PURE__ */ import_react14.default.createElement(Key, { value: "enter" }), /* @__PURE__ */ import_react14.default.createElement(Text, { bold: true, skin: "info" })]
-      }
-    )))
-  });
-};
-var CustomElementsMigration = ({ children }) => {
-  const { getAppByVersion } = useDevCenterClient();
-  const { model } = useProjectModel();
-  const { t } = useTranslation();
-  const customElementsCheck = useAsync(async () => {
-    const localCustomElements = model.components.filter(
-      (component) => (0, import_variant12.isType)(component, DevCenterComponent.CustomElement)
-    );
-    if (!localCustomElements.length) {
-      return [];
+  getClientSpecMap = async (metaSiteId) => {
+    try {
+      const { data } = await this.httpClient.request({
+        url: `/_api/msm/v1/meta-site/editor-client-spec-map/${metaSiteId}`
+      });
+      return clientSpecMapSchema.parse(data);
+    } catch (e) {
+      throw new CliError({
+        code: CliErrorCode.FailedToGetClientSpecMap(),
+        cause: e
+      });
     }
-    const {
-      data: { components }
-    } = await getAppByVersion({
-      appId: model.config.appId
-    });
-    const existingCustomElements = components.filter(
-      (component) => component.compType === ComponentType.CUSTOM_ELEMENT_WIDGET
-    );
-    const newCustomElements = localCustomElements.filter(
-      (localCustomElement) => !existingCustomElements.some(
-        (customElement) => customElement.compId === localCustomElement.id
-      )
-    );
-    return newCustomElements;
-  }, []);
-  return (0, import_variant12.match)(customElementsCheck.status, {
-    Error: () => null,
-    Loading: () => /* @__PURE__ */ import_react14.default.createElement(Spinner, { text: t("dev_command.custom_elements_migration.loading") }),
-    Success: ({ result: newCustomElements }) => newCustomElements.length ? /* @__PURE__ */ import_react14.default.createElement(AppUpdater, { newCustomElements }, children) : children
-  });
+  };
+  getSiteInstalledApps = async (metaSiteId) => {
+    try {
+      const clientSpecMap = await this.getClientSpecMap(metaSiteId);
+      return Object.values(clientSpecMap).filter((spec) => spec.appDefinitionId && !spec.permissions?.revoked).map((spec) => spec.appDefinitionId);
+    } catch (e) {
+      throw new CliError({
+        code: CliErrorCode.FailedToGetSiteInstalledApps(),
+        cause: e
+      });
+    }
+  };
 };
 
+// ../metasite-manager-client/src/useMetasiteManagerClient.ts
+function useMetasiteManagerClient() {
+  const httpClient = useHttpClient({ type: "general" });
+  return (0, import_react16.useMemo)(() => new MetasiteManagerClient(httpClient), [httpClient]);
+}
+
 // src/components/DevCommand/RequiredAppsWarning.tsx
-init_esm_shims();
-var import_react15 = __toESM(require_react(), 1);
-var import_variant13 = __toESM(require_lib(), 1);
 var RequiredAppsWarning = ({ children }) => {
   const { logger } = useDevEnvironment();
   const { site } = useSite();
@@ -1125,13 +1268,13 @@ var RequiredAppsWarning = ({ children }) => {
       return;
     }
     logger.warn(
-      /* @__PURE__ */ import_react15.default.createElement(Alert, { type: "warning" }, t("dev_command.required_apps.warning", {
+      /* @__PURE__ */ import_react17.default.createElement(Alert, { type: "warning" }, t("dev_command.required_apps.warning", {
         requiredAppNames: missingRequiredApps.map((app) => app.name).join(", ")
       }))
     );
   }, []);
-  return (0, import_variant13.match)(requiredAppsStatus, {
-    Loading: () => /* @__PURE__ */ import_react15.default.createElement(Spinner, { text: t("dev_command.required_apps.loading") }),
+  return (0, import_variant14.match)(requiredAppsStatus, {
+    Loading: () => /* @__PURE__ */ import_react17.default.createElement(Spinner, { text: t("dev_command.required_apps.loading") }),
     Error: () => null,
     Success: () => children
   });
@@ -1139,9 +1282,9 @@ var RequiredAppsWarning = ({ children }) => {
 
 // src/components/DevCommand/DevScreenBorder.tsx
 init_esm_shims();
-var import_react16 = __toESM(require_react(), 1);
+var import_react18 = __toESM(require_react(), 1);
 var DevScreenBorder = ({ children }) => {
-  return /* @__PURE__ */ import_react16.default.createElement(
+  return /* @__PURE__ */ import_react18.default.createElement(
     Box_default,
     {
       flexDirection: "column",
@@ -1158,11 +1301,11 @@ var DevScreenBorder = ({ children }) => {
 
 // src/components/DevCommand/DevCommand.tsx
 var DevCommand = ({ https }) => {
-  const logger = (0, import_react17.useMemo)(() => createLogger({ timestamp: true }), []);
-  return /* @__PURE__ */ import_react17.default.createElement(SiteProvider, null, /* @__PURE__ */ import_react17.default.createElement(TunnelingConsent, null, /* @__PURE__ */ import_react17.default.createElement(DevEnvironmentProvider, { logger, https }, /* @__PURE__ */ import_react17.default.createElement(CustomElementsMigration, null, /* @__PURE__ */ import_react17.default.createElement(RequiredAppsWarning, null, /* @__PURE__ */ import_react17.default.createElement(DevScreenBorder, null, /* @__PURE__ */ import_react17.default.createElement(DevCommandScreens, null)))))));
+  const logger = (0, import_react19.useMemo)(() => createLogger({ timestamp: true }), []);
+  return /* @__PURE__ */ import_react19.default.createElement(SiteProvider, null, /* @__PURE__ */ import_react19.default.createElement(TunnelingConsent, null, /* @__PURE__ */ import_react19.default.createElement(DevEnvironmentProvider, { logger, https }, /* @__PURE__ */ import_react19.default.createElement(CustomElementsMigration, null, /* @__PURE__ */ import_react19.default.createElement(EditorInstallation, null, /* @__PURE__ */ import_react19.default.createElement(RequiredAppsWarning, null, /* @__PURE__ */ import_react19.default.createElement(DevScreenBorder, null, /* @__PURE__ */ import_react19.default.createElement(DevCommandScreens, null))))))));
 };
 export {
   DevCommand,
   DevEnvironmentProvider
 };
-//# sourceMappingURL=DevCommand-6HTMGZ2M.js.map
+//# sourceMappingURL=DevCommand-U5VNLUWE.js.map