@wix/cli 1.1.174 → 1.1.176

package/build/{DevCommand-NCZVQWRE.js → DevCommand-OH3TIRTJ.js}

@@ -2,34 +2,35 @@ import { createRequire as _createRequire } from 'node:module';
 const require = _createRequire(import.meta.url);
 import {
   useTunnel
-} from "./chunk-YFLJFISM.js";
+} from "./chunk-UL2XTWGY.js";
 import {
   useMetasiteManagerClient,
   useWixCliAppBi
-} from "./chunk-FVAKJS5P.js";
+} from "./chunk-3VKNS6QV.js";
 import {
   RedirectLink,
   useDevCenterOverridesClient,
-  useUpdateDeploymentTopology
-} from "./chunk-LPKDYGYW.js";
+  useUpdateDeploymentTopologyForApp,
+  useUpdateDeploymentTopologyForSite
+} from "./chunk-AGEJA3GG.js";
 import {
   useDevCenterClient
-} from "./chunk-IQFYXGKI.js";
+} from "./chunk-SVUT6FEZ.js";
 import {
   PlatformLink
-} from "./chunk-ENI5FZDA.js";
+} from "./chunk-L24KB5OY.js";
 import {
   OnboardingState,
   useVeloClient
-} from "./chunk-7BBPLCPK.js";
-import "./chunk-6RVW67UE.js";
+} from "./chunk-YDJN3CRM.js";
+import "./chunk-DK5PE55J.js";
 import "./chunk-MVBGFP6D.js";
-import "./chunk-5BJ6B72E.js";
-import "./chunk-Y6VK5ES5.js";
+import "./chunk-X4HLYVDR.js";
+import "./chunk-RZ3GINLP.js";
 import {
   createPackageManager,
   getRepoType
-} from "./chunk-PHFUYVAE.js";
+} from "./chunk-MEEXBUHQ.js";
 import {
   execa
 } from "./chunk-2R5BII2J.js";
@@ -44,18 +45,18 @@ import {
   PanelMode,
   Width,
   devMetadataSchema,
-  getDevLogPath,
+  getDebugLogPath,
   looseComponentSchema,
   parseLooseAppManifest,
   useProjectModel,
   useSiteConfig
-} from "./chunk-RY45S4P2.js";
+} from "./chunk-5VJ6V6HD.js";
 import {
   useHttpClient
-} from "./chunk-TM7L4Y5Z.js";
+} from "./chunk-NWK25GLM.js";
 import {
   usePanoramaMethodLogger
-} from "./chunk-ZNH2NNCQ.js";
+} from "./chunk-H7NU6MW4.js";
 import {
   BiProvider,
   ErrorViewer,
@@ -68,16 +69,16 @@ import {
   useBiLogger,
   useDebugLog,
   useErrorReporter
-} from "./chunk-4MIXOLXH.js";
+} from "./chunk-EIQ7XHNY.js";
 import {
   wixCliAction,
   wixCliAppFlowStepsAnswers
-} from "./chunk-SK22VOBS.js";
+} from "./chunk-F5Y4FY7F.js";
 import {
   I18nProvider,
   Trans,
   useTranslation
-} from "./chunk-DOFEM7RZ.js";
+} from "./chunk-ZE64VMFW.js";
 import "./chunk-KJ37XZQA.js";
 import {
   Alert,
@@ -95,7 +96,7 @@ import {
   useAsyncCallback,
   useExit,
   use_input_default
-} from "./chunk-CZZAFAD7.js";
+} from "./chunk-Q25EE34H.js";
 import {
   require_react
 } from "./chunk-YAIN7HW3.js";
@@ -105,9 +106,10 @@ import {
 import "./chunk-Z4MHKCET.js";
 import "./chunk-C4SUTB4O.js";
 import {
+  GIT_IGNORED_DIR,
   readUserConfig,
   updateUserConfig
-} from "./chunk-2UNYTR3I.js";
+} from "./chunk-3QUFTMOK.js";
 import "./chunk-Q5T35E2T.js";
 import {
   getTestOverrides
@@ -117,7 +119,7 @@ import {
   pathExists,
   readJson,
   writeJson
-} from "./chunk-WQDNIVJ7.js";
+} from "./chunk-C5BOKDSE.js";
 import {
   external_exports
 } from "./chunk-F43XHKVL.js";
@@ -125,7 +127,7 @@ import {
   CliError,
   CliErrorCode,
   require_lib
-} from "./chunk-4PDCGGQV.js";
+} from "./chunk-KGL3S52G.js";
 import {
   __commonJS,
   __dirname,
@@ -83323,7 +83325,7 @@ It seems like none of the "@sentry/cli" package's optional dependencies got inst
     var require_chokidar = __commonJS2({
       "../../node_modules/unplugin/node_modules/chokidar/index.js"(exports2) {
         "use strict";
-        var { EventEmitter } = __require("events");
+        var { EventEmitter: EventEmitter2 } = __require("events");
         var fs = __require("fs");
         var sysPath = __require("path");
         var { promisify } = __require("util");
@@ -83532,7 +83534,7 @@ It seems like none of the "@sentry/cli" package's optional dependencies got inst
             return !this.unmatchedGlob && this.fsw._isntIgnored(this.entryPath(entry), entry.stats);
           }
         };
-        var FSWatcher = class extends EventEmitter {
+        var FSWatcher = class extends EventEmitter2 {
           // Not indenting methods for history sake; for now.
           constructor(_opts) {
             super();
@@ -93856,7 +93858,7 @@ Did you specify these with the most recent transformation maps first?`);
         var import_path4 = __require("path");
         var import_webpack_sources = __toESM22(require_lib26());
         var import_acorn2 = require_acorn();
-        function createContext2(compilation) {
+        function createContext3(compilation) {
           return {
             parse(code, opts = {}) {
               return import_acorn2.Parser.parse(code, {
@@ -94017,7 +94019,7 @@ Did you specify these with the most recent transformation maps first?`);
                     plugin.webpack(compiler);
                   if (plugin.watchChange || plugin.buildStart) {
                     compiler.hooks.make.tapPromise(plugin.name, async (compilation) => {
-                      const context = createContext2(compilation);
+                      const context = createContext3(compilation);
                       if (plugin.watchChange && (compiler.modifiedFiles || compiler.removedFiles)) {
                         const promises = [];
                         if (compiler.modifiedFiles) {
@@ -94038,7 +94040,7 @@ Did you specify these with the most recent transformation maps first?`);
                   }
                   if (plugin.buildEnd) {
                     compiler.hooks.emit.tapPromise(plugin.name, async (compilation) => {
-                      await plugin.buildEnd.call(createContext2(compilation));
+                      await plugin.buildEnd.call(createContext3(compilation));
                     });
                   }
                   if (plugin.writeBundle) {
@@ -106308,7 +106310,7 @@ init_esm_shims();
 
 // ../cli-astro-commands/src/components/DevCommand/DevCommand.tsx
 init_esm_shims();
-var import_react28 = __toESM(require_react(), 1);
+var import_react32 = __toESM(require_react(), 1);
 var import_variant16 = __toESM(require_lib(), 1);
 
 // ../cli-astro-commands/src/components/DevCommand/utils/runAstroDev.ts
@@ -106378,18 +106380,29 @@ var dateTimeFormat = new Intl.DateTimeFormat([], {
   hour12: false
 });
 function createAstroLogger(options) {
-  const { isPrefixed, onLog } = options;
+  const { isPrefixed, onLog, onError } = options;
   const renderer = createRendererToString({ stripAnsi: false });
-  const formatMessage = (prefixed, msg) => {
-    return prefixed ? /* @__PURE__ */ import_react.default.createElement(Text, null, /* @__PURE__ */ import_react.default.createElement(Text, null, dateTimeFormat.format(/* @__PURE__ */ new Date()), " "), /* @__PURE__ */ import_react.default.createElement(Text, { skin: "info" }, "[wix] "), /* @__PURE__ */ import_react.default.createElement(Text, null, msg)) : msg;
+  const renderPrefix = () => {
+    return renderer.render(
+      /* @__PURE__ */ import_react.default.createElement(Text, null, /* @__PURE__ */ import_react.default.createElement(Text, null, dateTimeFormat.format(/* @__PURE__ */ new Date()), " "), /* @__PURE__ */ import_react.default.createElement(Text, { skin: "info" }, "[wix] "))
+    );
+  };
+  const formatMessage2 = (prefixed, msg) => {
+    const prefix = prefixed ? renderPrefix() : "";
+    const suffix = typeof msg === "string" ? msg : renderer.render(msg);
+    return `${prefix}${suffix}`;
   };
   const log = (msg) => {
-    const formatedMessage = formatMessage(isPrefixed, msg);
-    const stringToLog = typeof formatedMessage === "string" ? formatedMessage : renderer.render(formatedMessage);
+    const stringToLog = formatMessage2(isPrefixed, msg);
     onLog?.(stringToLog);
     setTimeout(() => console.log(stringToLog), 0);
   };
-  return { log };
+  const error = (msg) => {
+    const stringToLog = formatMessage2(isPrefixed, msg);
+    onError?.(stringToLog);
+    setTimeout(() => console.error(stringToLog), 0);
+  };
+  return { log, error };
 }
 
 // ../cli-astro-commands/src/components/DevCommand/utils/devLogStream.tsx
@@ -106474,6 +106487,8 @@ var createDevLogStream = async ({ filePath }) => {
 };
 
 // ../cli-astro-commands/src/components/DevCommand/utils/useAstroLogger.tsx
+var FORMAT_REGEXP = /^\d{1,2}:\d{1,2}:\d{1,2}\s*/;
+var formatMessage = (msg, type = "info") => `[${(/* @__PURE__ */ new Date()).toISOString()}] [cli] [${type}] ${stripAnsi(msg).replace(FORMAT_REGEXP, "")}`;
 var useAstroLogger = ({
   isPrefixed = true
 } = {}) => {
@@ -106485,7 +106500,10 @@ var useAstroLogger = ({
     () => createAstroLogger({
       isPrefixed,
       onLog: (msg) => {
-        streamRef.current?.write(msg);
+        streamRef.current?.write(formatMessage(msg));
+      },
+      onError: (msg) => {
+        streamRef.current?.write(formatMessage(msg, "error"));
       }
     }),
     [isPrefixed]
@@ -106493,7 +106511,7 @@ var useAstroLogger = ({
   (0, import_react2.useEffect)(() => {
     let shouldCleanStream = false;
     void getDevLogStream({
-      filePath: getDevLogPath(projectFolder)
+      filePath: getDebugLogPath(projectFolder)
     }).then((devLogStream) => {
       if (shouldCleanStream) {
         devLogStream.release();
@@ -106530,38 +106548,13 @@ function useFetchDevMetadata() {
   });
 }
 
-// ../cli-astro-commands/src/components/DevCommand/SiteDevFlow.tsx
-init_esm_shims();
-var import_react8 = __toESM(require_react(), 1);
-
-// ../cli-astro-commands/src/components/DevCommand/DevScreenBorder.tsx
-init_esm_shims();
-var import_react3 = __toESM(require_react(), 1);
-var DevScreenBorder = ({ children }) => {
-  return /* @__PURE__ */ import_react3.default.createElement(
-    Box_default,
-    {
-      flexDirection: "column",
-      borderTop: true,
-      borderLeft: false,
-      borderBottom: false,
-      borderRight: false,
-      borderStyle: "round",
-      borderColor: "blueBright",
-      width: "95%"
-    },
-    children
-  );
-};
-
-// ../cli-astro-commands/src/components/DevCommand/SiteDev.tsx
+// ../cli-astro-commands/src/components/DevCommand/DevEnvironment.tsx
 init_esm_shims();
-var import_react7 = __toESM(require_react(), 1);
-var import_variant5 = __toESM(require_lib(), 1);
+var import_react6 = __toESM(require_react(), 1);
 
-// ../cli-astro-commands/src/components/DevCommand/hooks/useDevCenterUpdater.ts
+// ../cli-astro-commands/src/components/DevCommand/hooks/useDevCenterUpdater.tsx
 init_esm_shims();
-var import_react5 = __toESM(require_react(), 1);
+var import_react4 = __toESM(require_react(), 1);
 var import_variant3 = __toESM(require_lib(), 1);
 
 // ../cli-astro-commands/src/files/app.config.ts
@@ -106572,7 +106565,6 @@ init_esm_shims();
 var import_variant = __toESM(require_lib(), 1);
 import { join } from "node:path";
 var import_monitoring_buildtime = __toESM(require_build(), 1);
-var GIT_IGNORED_DIR = ".wix";
 var BLOCKS_DIR = "blocks";
 var SRC_DIR = "src";
 var CUSTOM_ELEMENTS_DIR = "custom-elements";
@@ -107163,7 +107155,7 @@ async function saveAppConfig(projectFolder, config) {
 
 // ../cli-astro-commands/src/components/DevCommand/hooks/useFetchAppManifest.ts
 init_esm_shims();
-var import_react4 = __toESM(require_react(), 1);
+var import_react3 = __toESM(require_react(), 1);
 
 // ../cli-astro-commands/src/components/DevCommand/utils/isTunnelRequired.ts
 init_esm_shims();
@@ -107187,7 +107179,7 @@ function parseKnownExtensionManifest(extensionManifest) {
 // ../cli-astro-commands/src/components/DevCommand/hooks/useFetchAppManifest.ts
 function useFetchAppManifest() {
   const http = useHttpClient({ type: "standalone" });
-  return (0, import_react4.useCallback)(
+  return (0, import_react3.useCallback)(
     async (serverLocalUrl, devMetadata, baseUrl, tunnelUrl) => {
       const url = new URL("/_wix/app-manifest.json", serverLocalUrl);
       const { data: text } = await http.get(url.toString(), {
@@ -107218,6 +107210,16 @@ function useFetchAppManifest() {
   );
 }
 
+// ../cli-astro-commands/src/components/DevCommand/utils/DevCenterWatcher.ts
+init_esm_shims();
+import EventEmitter from "node:events";
+var DevCenterWatcher = class extends EventEmitter {
+  onManifestUpdated(listener) {
+    this.on("manifestUpdated", listener);
+    return () => this.off("manifestUpdated", listener);
+  }
+};
+
 // ../cli-astro-commands/src/components/DevCommand/hooks/checkManifestForChanges.ts
 init_esm_shims();
 var import_variant2 = __toESM(require_lib(), 1);
@@ -107228,9 +107230,7 @@ var ManifestUpdateResult = (0, import_variant2.variant)({
 });
 function checkManifestForChanges(previous, latest) {
   if (previous == null) {
-    return ManifestUpdateResult.Changed({
-      shouldDistributeClientUpdate: false
-    });
+    return ManifestUpdateResult.Changed({ updatedComponents: [] });
   }
   if (isDeepStrictEqual(previous, latest)) {
     return ManifestUpdateResult.Unchanged();
@@ -107242,42 +107242,34 @@ function checkManifestForChanges(previous, latest) {
     const oldComp = oldComponentsMap.get(newComp.compId);
     return !isDeepStrictEqual(newComp, oldComp);
   });
-  const editorComponentsChanged = changedComponents.filter(
-    (comp) => comp.compType === ComponentType.PANEL || comp.compType === ComponentType.EDITOR_REACT_COMPONENT
-  );
-  return ManifestUpdateResult.Changed({
-    shouldDistributeClientUpdate: editorComponentsChanged.length > 0
-  });
+  return ManifestUpdateResult.Changed({ updatedComponents: changedComponents });
 }
 
-// ../cli-astro-commands/src/components/DevCommand/hooks/useDevCenterUpdater.ts
+// ../cli-astro-commands/src/components/DevCommand/hooks/useDevCenterUpdater.tsx
 var { pollInterval } = getTestOverrides();
 var useDevCenterUpdater = ({
-  siteId,
   serverLocalUrl,
   serverExposedUrl,
   devMetadata
 }) => {
-  const [devArmTag, setDevArmTag] = (0, import_react5.useState)();
-  const [manifest, setManifest] = (0, import_react5.useState)(null);
+  const devCenterWatcher = (0, import_react4.useMemo)(() => new DevCenterWatcher(), []);
+  const [devArmTag, setDevArmTag] = (0, import_react4.useState)();
+  const [manifest, setManifest] = (0, import_react4.useState)(null);
   const { reportError } = useErrorReporter();
   const writeToDebugLog = useDebugLog();
   const exit = useExit();
-  const metasiteManagerClient = useMetasiteManagerClient({ siteId });
   const {
-    model: { config, projectFolder, releaseAppId }
+    model: { projectFolder, releaseAppId }
   } = useProjectModel();
-  const { appId, projectType } = config;
   const logger = useAstroLogger({ isPrefixed: true });
   const devCenterOverrides = useDevCenterOverridesClient();
-  const updateDeploymentTopology = useUpdateDeploymentTopology(siteId);
   const openTunnel = useTunnel();
-  const tunnelUrl = (0, import_react5.useRef)();
-  const [tunnelRequired, setTunnelRequired] = (0, import_react5.useState)(false);
+  const tunnelUrl = (0, import_react4.useRef)();
+  const [tunnelRequired, setTunnelRequired] = (0, import_react4.useState)(false);
   const fetchAppManifest = useFetchAppManifest();
-  const updateDevCenter = (0, import_react5.useCallback)(
+  const baseUrl = serverExposedUrl ?? serverLocalUrl;
+  const updateDevCenter = (0, import_react4.useCallback)(
     async (latestManifest, isTunnelRequired2) => {
-      const baseUrl = serverExposedUrl ?? serverLocalUrl;
       const manifestUpdateResult = checkManifestForChanges(
         manifest,
         latestManifest
@@ -107286,8 +107278,8 @@ var useDevCenterUpdater = ({
         return manifestUpdateResult;
       }
       if (!serverExposedUrl && !tunnelUrl.current && isTunnelRequired2) {
-        const config2 = await readUserConfig();
-        if (!config2.tunneling) {
+        const config = await readUserConfig();
+        if (!config.tunneling) {
           setTunnelRequired(true);
           return ManifestUpdateResult.Unchanged();
         }
@@ -107318,37 +107310,29 @@ var useDevCenterUpdater = ({
       if (updatedDevArmTag !== appConfig?.devArmTag) {
         await saveAppConfig(projectFolder, { devArmTag: updatedDevArmTag });
       }
-      if ((0, import_variant3.isType)(manifestUpdateResult, "Changed") && manifestUpdateResult.shouldDistributeClientUpdate) {
-        await metasiteManagerClient.distributeClientUpdate(appId);
-      }
       setManifest(latestManifest);
       setDevArmTag(updatedDevArmTag);
-      await updateDeploymentTopology({
-        siteUrl: projectType === "Site" ? baseUrl : void 0,
+      devCenterWatcher.emit("manifestUpdated", {
         armTag: updatedDevArmTag,
-        environment: "development"
+        updatedComponents: manifestUpdateResult.updatedComponents
       });
       return manifestUpdateResult;
     },
     [
       releaseAppId,
       manifest,
-      metasiteManagerClient,
       serverLocalUrl,
       serverExposedUrl,
       devCenterOverrides,
       projectFolder,
-      appId,
-      updateDeploymentTopology,
       openTunnel,
-      projectType
+      devCenterWatcher
     ]
   );
-  const [timer, setTimer] = (0, import_react5.useState)(Date.now());
-  (0, import_react5.useEffect)(() => {
+  const [timer, setTimer] = (0, import_react4.useState)(Date.now());
+  (0, import_react4.useEffect)(() => {
     let disposed = false;
     async function fetchAndUpdate() {
-      const baseUrl = serverExposedUrl ?? serverLocalUrl;
       const { manifest: manifest2, isTunnelRequired: isTunnelRequired2 } = await fetchAppManifest(
         serverLocalUrl,
         devMetadata,
@@ -107364,8 +107348,7 @@ var useDevCenterUpdater = ({
         }
       } catch (error) {
         setManifest(manifest2);
-        logger.log("Failed to update App Manifest");
-        logger.log(`${error}`);
+        logger.error(/* @__PURE__ */ import_react4.default.createElement(ErrorViewer, { error }));
         writeToDebugLog(error);
         reportError(error);
         throw error;
@@ -107384,16 +107367,16 @@ var useDevCenterUpdater = ({
       disposed = true;
     };
   }, [timer]);
-  return { tunnelRequired, devArmTag };
+  return { baseUrl, tunnelRequired, devArmTag, devCenterWatcher };
 };
 
 // ../cli-astro-commands/src/components/DevCommand/TunnelingConsent.tsx
 init_esm_shims();
-var import_react6 = __toESM(require_react(), 1);
+var import_react5 = __toESM(require_react(), 1);
 var import_variant4 = __toESM(require_lib(), 1);
 var TunnelingConsent = ({ required, children }) => {
   const exit = useExit();
-  const [approved, setApproved] = (0, import_react6.useState)();
+  const [approved, setApproved] = (0, import_react5.useState)();
   const { status } = useAsync(async () => {
     const config = await readUserConfig();
     if (config.tunneling) {
@@ -107404,8 +107387,8 @@ var TunnelingConsent = ({ required, children }) => {
   if (!required || approved) {
     return children;
   }
-  return /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, (0, import_variant4.match)(status, {
-    Success: () => /* @__PURE__ */ import_react6.default.createElement(
+  return /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, (0, import_variant4.match)(status, {
+    Success: () => /* @__PURE__ */ import_react5.default.createElement(
       ConfirmInput,
       {
         label: "To proceed, we'll set up a secure tunnel from your machine for development purposes",
@@ -107421,77 +107404,135 @@ var TunnelingConsent = ({ required, children }) => {
     ),
     Error: () => null,
     Loading: () => null
-  }), approved === false && /* @__PURE__ */ import_react6.default.createElement(Text, { skin: "error" }, "Operation aborted. Tunneling is necessary to run your application."));
+  }), approved === false && /* @__PURE__ */ import_react5.default.createElement(Text, { skin: "error" }, "Operation aborted. Tunneling is necessary to run your application."));
 };
 
-// ../cli-astro-commands/src/components/DevCommand/SiteDev.tsx
-var SiteDev = ({
+// ../cli-astro-commands/src/components/DevCommand/DevEnvironment.tsx
+var DevEnvironmentContext = (0, import_react6.createContext)(null);
+var DevEnvironmentProvider = ({
   serverLocalUrl,
   serverExposedUrl,
-  devMetadata
+  devMetadata,
+  children
 }) => {
-  const { appId, siteId } = useSiteConfig();
-  const { tunnelRequired, devArmTag } = useDevCenterUpdater({
-    siteId,
+  const { baseUrl, tunnelRequired, devArmTag, devCenterWatcher } = useDevCenterUpdater({
     serverLocalUrl,
     serverExposedUrl,
     devMetadata
   });
+  return /* @__PURE__ */ import_react6.default.createElement(TunnelingConsent, { required: tunnelRequired }, devArmTag == null ? /* @__PURE__ */ import_react6.default.createElement(Spinner, { text: "Preparing your dashboard..." }) : /* @__PURE__ */ import_react6.default.createElement(
+    DevEnvironmentContext.Provider,
+    {
+      value: { baseUrl, devArmTag, devCenterWatcher }
+    },
+    children
+  ));
+};
+var useDevEnvironment = () => {
+  const ctx = (0, import_react6.useContext)(DevEnvironmentContext);
+  if (!ctx) {
+    throw new Error(
+      "useDevEnvironment must be used inside DevEnvironmentProvider"
+    );
+  }
+  return ctx;
+};
+
+// ../cli-astro-commands/src/components/DevCommand/DevScreenBorder.tsx
+init_esm_shims();
+var import_react7 = __toESM(require_react(), 1);
+var DevScreenBorder = ({ children }) => {
+  return /* @__PURE__ */ import_react7.default.createElement(
+    Box_default,
+    {
+      flexDirection: "column",
+      borderTop: true,
+      borderLeft: false,
+      borderBottom: false,
+      borderRight: false,
+      borderStyle: "round",
+      borderColor: "blueBright",
+      width: "95%"
+    },
+    children
+  );
+};
+
+// ../cli-astro-commands/src/components/DevCommand/SiteDevFlow.tsx
+init_esm_shims();
+var import_react10 = __toESM(require_react(), 1);
+
+// ../cli-astro-commands/src/components/DevCommand/site-flow/SiteDev.tsx
+init_esm_shims();
+var import_react9 = __toESM(require_react(), 1);
+var import_variant5 = __toESM(require_lib(), 1);
+
+// ../cli-astro-commands/src/components/DevCommand/site-flow/useSiteDeploymentTopologyUpdater.tsx
+init_esm_shims();
+var import_react8 = __toESM(require_react(), 1);
+function useSiteDeploymentTopologyUpdater() {
+  const { baseUrl, devArmTag } = useDevEnvironment();
+  const { siteId } = useSiteConfig();
+  const updateTopology = useUpdateDeploymentTopologyForSite(siteId);
+  const exit = useExit();
+  (0, import_react8.useEffect)(() => {
+    updateTopology({
+      armTag: devArmTag,
+      siteUrl: baseUrl,
+      environment: "development"
+    }).catch(exit);
+  }, [devArmTag, baseUrl, updateTopology, exit]);
+}
+
+// ../cli-astro-commands/src/components/DevCommand/site-flow/SiteDev.tsx
+var SiteDev = () => {
+  const { appId, siteId } = useSiteConfig();
+  const { baseUrl, devArmTag } = useDevEnvironment();
   const veloClient = useVeloClient();
   const { status: gitHubOnboardingStatus } = useAsync(
     () => veloClient.getGitHubOnboardingStatus(appId),
     [appId]
   );
-  return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(Text, null, "Development environment ready"), /* @__PURE__ */ import_react7.default.createElement(Box_default, { rowGap: 1, marginY: 1, flexDirection: "column" }, /* @__PURE__ */ import_react7.default.createElement(TunnelingConsent, { required: tunnelRequired }, /* @__PURE__ */ import_react7.default.createElement(Text, null, "Open the preview on:"), /* @__PURE__ */ import_react7.default.createElement(Box_default, { paddingLeft: 2, flexDirection: "column" }, /* @__PURE__ */ import_react7.default.createElement(PlatformLink, { url: serverLocalUrl, label: "Site" }), devArmTag ? /* @__PURE__ */ import_react7.default.createElement(
+  useSiteDeploymentTopologyUpdater();
+  return /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, /* @__PURE__ */ import_react9.default.createElement(Text, null, "Development environment ready"), /* @__PURE__ */ import_react9.default.createElement(Box_default, { rowGap: 1, marginY: 1, flexDirection: "column" }, /* @__PURE__ */ import_react9.default.createElement(Text, null, "Open the preview on:"), /* @__PURE__ */ import_react9.default.createElement(Box_default, { paddingLeft: 2, flexDirection: "column" }, /* @__PURE__ */ import_react9.default.createElement(PlatformLink, { url: baseUrl, platform: "site" }), /* @__PURE__ */ import_react9.default.createElement(
     PlatformLink,
     {
       url: `https://manage.wix.com/dashboard/${siteId}?apps-override=${devArmTag}`,
-      label: "Dashboard"
+      platform: "dashboard"
     }
-  ) : /* @__PURE__ */ import_react7.default.createElement(Spinner, { text: "Preparing your dashboard..." }), (0, import_variant5.match)(gitHubOnboardingStatus, {
-    Success: ({ result }) => result?.status === OnboardingState.GITHUB_ENABLED && /* @__PURE__ */ import_react7.default.createElement(
+  ), (0, import_variant5.match)(gitHubOnboardingStatus, {
+    Success: ({ result }) => result?.status === OnboardingState.GITHUB_ENABLED && /* @__PURE__ */ import_react9.default.createElement(
       PlatformLink,
       {
         url: `https://vibe.wix.com/projects/${siteId}`,
-        label: "Editor"
+        platform: "editor"
       }
     ),
     Error: () => null,
     Loading: () => null
-  })))));
+  }))));
 };
 
 // ../cli-astro-commands/src/components/DevCommand/SiteDevFlow.tsx
-var SiteDevFlow = ({
-  devMetadata,
-  serverLocalUrl,
-  serverExposedUrl
-}) => {
-  return /* @__PURE__ */ import_react8.default.createElement(DevScreenBorder, null, /* @__PURE__ */ import_react8.default.createElement(
-    SiteDev,
-    {
-      devMetadata,
-      serverLocalUrl,
-      serverExposedUrl
-    }
-  ));
+var SiteDevFlow = () => {
+  return /* @__PURE__ */ import_react10.default.createElement(SiteDev, null);
 };
 
 // ../cli-astro-commands/src/components/DevCommand/AppDevFlow.tsx
 init_esm_shims();
-var import_react27 = __toESM(require_react(), 1);
+var import_react31 = __toESM(require_react(), 1);
 
 // ../cli-astro-commands/src/site/index.ts
 init_esm_shims();
 
 // ../cli-astro-commands/src/site/SiteProvider.tsx
 init_esm_shims();
-var import_react20 = __toESM(require_react(), 1);
+var import_react22 = __toESM(require_react(), 1);
 var import_variant13 = __toESM(require_lib(), 1);
 
 // ../cli-astro-commands/src/site/ResolveSite.tsx
 init_esm_shims();
-var import_react18 = __toESM(require_react(), 1);
+var import_react20 = __toESM(require_react(), 1);
 var import_variant11 = __toESM(require_lib(), 1);
 
 // ../cli-site-selector/src/index.ts
@@ -107499,7 +107540,7 @@ init_esm_shims();
 
 // ../cli-site-selector/src/SiteSelector.tsx
 init_esm_shims();
-var import_react17 = __toESM(require_react(), 1);
+var import_react19 = __toESM(require_react(), 1);
 var import_variant10 = __toESM(require_lib(), 1);
 
 // ../site-list-client/src/index.ts
@@ -107724,21 +107765,21 @@ var SiteListClient = class {
 
 // ../site-list-client/src/useSiteListClient.ts
 init_esm_shims();
-var import_react9 = __toESM(require_react(), 1);
+var import_react11 = __toESM(require_react(), 1);
 function useSiteListClient() {
   const httpClient = useHttpClient({ type: "backoffice" });
-  const client = (0, import_react9.useMemo)(() => new SiteListClient(httpClient), [httpClient]);
+  const client = (0, import_react11.useMemo)(() => new SiteListClient(httpClient), [httpClient]);
   return usePanoramaMethodLogger(client);
 }
 
 // ../cli-site-selector/src/SiteTypeSelect.tsx
 init_esm_shims();
-var import_react11 = __toESM(require_react(), 1);
+var import_react13 = __toESM(require_react(), 1);
 var import_variant6 = __toESM(require_lib(), 1);
 
 // ../cli-site-selector/src/bi.ts
 init_esm_shims();
-var import_react10 = __toESM(require_react(), 1);
+var import_react12 = __toESM(require_react(), 1);
 function siteSelectorBiEvents(biLogger) {
   return {
     cliAction: ({
@@ -107773,7 +107814,7 @@ function siteSelectorBiEvents(biLogger) {
 }
 function useSiteSelectorBi() {
   const biLogger = useBiLogger();
-  return (0, import_react10.useMemo)(() => siteSelectorBiEvents(biLogger), [biLogger]);
+  return (0, import_react12.useMemo)(() => siteSelectorBiEvents(biLogger), [biLogger]);
 }
 
 // ../cli-site-selector/src/SiteTypeSelect.tsx
@@ -107795,11 +107836,11 @@ var SiteTypeSelect = ({ onSubmit, onError, sites }) => {
   };
   return (0, import_variant6.match)(status, {
     Error: () => null,
-    Loading: () => /* @__PURE__ */ import_react11.default.createElement(Spinner, { text: t("general.loading") }),
+    Loading: () => /* @__PURE__ */ import_react13.default.createElement(Spinner, { text: t("general.loading") }),
     Success: ({ result: [devSitesCount, devSitesLimit] }) => {
       const isDevSitesLimitReached = devSitesCount >= devSitesLimit;
       const userHasNoSites = sites.length === 0;
-      return /* @__PURE__ */ import_react11.default.createElement(
+      return /* @__PURE__ */ import_react13.default.createElement(
         SelectInput,
         {
           label: t("site_type_select.label"),
@@ -107830,17 +107871,17 @@ var SiteTypeSelect = ({ onSubmit, onError, sites }) => {
 
 // ../cli-site-selector/src/CreateDevSite.tsx
 init_esm_shims();
-var import_react14 = __toESM(require_react(), 1);
+var import_react16 = __toESM(require_react(), 1);
 var import_variant8 = __toESM(require_lib(), 1);
 
 // ../cli-site-selector/src/WaitForAppToBeInstalled.tsx
 init_esm_shims();
-var import_react13 = __toESM(require_react(), 1);
+var import_react15 = __toESM(require_react(), 1);
 var import_variant7 = __toESM(require_lib(), 1);
 
 // ../cli-site-selector/src/OpenBrowser.tsx
 init_esm_shims();
-var import_react12 = __toESM(require_react(), 1);
+var import_react14 = __toESM(require_react(), 1);
 var OpenBrowser = ({ siteId, appId }) => {
   const { t } = useTranslation();
   const bi = useSiteSelectorBi();
@@ -107856,11 +107897,11 @@ var OpenBrowser = ({ siteId, appId }) => {
       );
     }
   });
-  return /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, /* @__PURE__ */ import_react12.default.createElement(Trans, { i18nKey: "install_app_on_site.warning" }), /* @__PURE__ */ import_react12.default.createElement(
+  return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement(Trans, { i18nKey: "install_app_on_site.warning" }), /* @__PURE__ */ import_react14.default.createElement(
     Trans,
     {
       i18nKey: "install_app_on_site.warning.instructions",
-      components: [/* @__PURE__ */ import_react12.default.createElement(Key, { value: "Enter" })]
+      components: [/* @__PURE__ */ import_react14.default.createElement(Key, { value: "Enter" })]
     }
   ));
 };
@@ -107918,8 +107959,8 @@ var WaitForAppToBeInstalled = ({
   );
   return (0, import_variant7.match)(status, {
     Error: () => null,
-    Loading: () => /* @__PURE__ */ import_react13.default.createElement(OpenBrowser, { siteId: site.id, appId }),
-    Success: () => /* @__PURE__ */ import_react13.default.createElement(Alert, { type: "success" }, /* @__PURE__ */ import_react13.default.createElement(Badge, { skin: "success" }, /* @__PURE__ */ import_react13.default.createElement(Trans, { i18nKey: "general.success" })), " ", /* @__PURE__ */ import_react13.default.createElement(Trans, { i18nKey: "install_app_on_site.finished_successfully" }))
+    Loading: () => /* @__PURE__ */ import_react15.default.createElement(OpenBrowser, { siteId: site.id, appId }),
+    Success: () => /* @__PURE__ */ import_react15.default.createElement(Alert, { type: "success" }, /* @__PURE__ */ import_react15.default.createElement(Badge, { skin: "success" }, /* @__PURE__ */ import_react15.default.createElement(Trans, { i18nKey: "general.success" })), " ", /* @__PURE__ */ import_react15.default.createElement(Trans, { i18nKey: "install_app_on_site.finished_successfully" }))
   });
 };
 
@@ -107934,15 +107975,15 @@ var CreateDevSite = ({
   return (0, import_variant8.match)(status, {
     NotRequested: () => null,
     Error: () => null,
-    Loading: () => /* @__PURE__ */ import_react14.default.createElement(Spinner, { text: t("create_dev_site.loading") }),
-    Success: ({ result }) => /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement(
+    Loading: () => /* @__PURE__ */ import_react16.default.createElement(Spinner, { text: t("create_dev_site.loading") }),
+    Success: ({ result }) => /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(
       Trans,
       {
         i18nKey: "create_dev_site.success",
-        components: [/* @__PURE__ */ import_react14.default.createElement(Text, { skin: "success", bold: true })],
+        components: [/* @__PURE__ */ import_react16.default.createElement(Text, { skin: "success", bold: true })],
         values: { name: result.displayName }
       }
-    ), /* @__PURE__ */ import_react14.default.createElement(
+    ), /* @__PURE__ */ import_react16.default.createElement(
       WaitForAppToBeInstalled,
       {
         appId,
@@ -107956,16 +107997,16 @@ var CreateDevSite = ({
 
 // ../cli-site-selector/src/SelectExistingSite.tsx
 init_esm_shims();
-var import_react16 = __toESM(require_react(), 1);
+var import_react18 = __toESM(require_react(), 1);
 var import_variant9 = __toESM(require_lib(), 1);
 
 // ../cli-site-selector/src/SiteListSelect.tsx
 init_esm_shims();
-var import_react15 = __toESM(require_react(), 1);
+var import_react17 = __toESM(require_react(), 1);
 var SiteListSelect = ({ onSubmit, sites }) => {
   const { t } = useTranslation();
   const bi = useSiteSelectorBi();
-  const handleSubmit = (0, import_react15.useCallback)(
+  const handleSubmit = (0, import_react17.useCallback)(
     (option) => {
       bi.cliFlowStepAnswered({
         question: t("site_list_select.label"),
@@ -107975,7 +108016,7 @@ var SiteListSelect = ({ onSubmit, sites }) => {
     },
     [bi, onSubmit, t]
   );
-  return /* @__PURE__ */ import_react15.default.createElement(
+  return /* @__PURE__ */ import_react17.default.createElement(
     SelectInput,
     {
       label: t("site_list_select.label"),
@@ -108004,12 +108045,12 @@ var CheckAppInstalledOnSite = ({ appId, site, onSubmit, onError }) => {
   });
   return (0, import_variant9.match)(status, {
     Error: () => null,
-    Loading: () => /* @__PURE__ */ import_react16.default.createElement(Spinner, { text: t("general.loading") }),
+    Loading: () => /* @__PURE__ */ import_react18.default.createElement(Spinner, { text: t("general.loading") }),
     Success: ({ result: isInstalled }) => {
       if (isInstalled) {
         return null;
       }
-      return /* @__PURE__ */ import_react16.default.createElement(
+      return /* @__PURE__ */ import_react18.default.createElement(
         WaitForAppToBeInstalled,
         {
           appId,
@@ -108027,16 +108068,16 @@ var SelectExistingSite = ({
   onSubmit,
   onError
 }) => {
-  const [siteToInstallAppOn, setSiteToInstallAppOn] = (0, import_react16.useState)(
+  const [siteToInstallAppOn, setSiteToInstallAppOn] = (0, import_react18.useState)(
     null
   );
-  return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(
+  return /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement(
     SiteListSelect,
     {
       onSubmit: (site) => setSiteToInstallAppOn(site),
       sites
     }
-  ), siteToInstallAppOn && /* @__PURE__ */ import_react16.default.createElement(
+  ), siteToInstallAppOn && /* @__PURE__ */ import_react18.default.createElement(
     CheckAppInstalledOnSite,
     {
       appId,
@@ -108071,7 +108112,7 @@ var SiteSelector = ({
   onSubmit,
   onError
 }) => {
-  const [siteType, setSiteType] = (0, import_react17.useState)(null);
+  const [siteType, setSiteType] = (0, import_react19.useState)(null);
   const { createDevSite } = useDevCenterClient();
   const siteListClient = useSiteListClient();
   const { status } = useAsync(
@@ -108096,17 +108137,17 @@ var SiteSelector = ({
       void createSite.execute();
     }
   }
-  return /* @__PURE__ */ import_react17.default.createElement(BiProvider, { value: biLogger }, /* @__PURE__ */ import_react17.default.createElement(I18nProvider, { messages: messages_default }, (0, import_variant10.match)(status, {
+  return /* @__PURE__ */ import_react19.default.createElement(BiProvider, { value: biLogger }, /* @__PURE__ */ import_react19.default.createElement(I18nProvider, { messages: messages_default }, (0, import_variant10.match)(status, {
     Error: () => null,
-    Loading: () => /* @__PURE__ */ import_react17.default.createElement(Spinner, { text: /* @__PURE__ */ import_react17.default.createElement(Trans, { i18nKey: "general.loading" }) }),
-    Success: ({ result: sites }) => /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement(
+    Loading: () => /* @__PURE__ */ import_react19.default.createElement(Spinner, { text: /* @__PURE__ */ import_react19.default.createElement(Trans, { i18nKey: "general.loading" }) }),
+    Success: ({ result: sites }) => /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement(
       SiteTypeSelect,
       {
         onSubmit: handleSelectSiteType,
         onError,
         sites
       }
-    ), siteType === "create-dev-site" && /* @__PURE__ */ import_react17.default.createElement(
+    ), siteType === "create-dev-site" && /* @__PURE__ */ import_react19.default.createElement(
       CreateDevSite,
       {
         status: createSite.status,
@@ -108114,7 +108155,7 @@ var SiteSelector = ({
         onSubmit,
         onError
       }
-    ), siteType === "select-existing-site" && /* @__PURE__ */ import_react17.default.createElement(
+    ), siteType === "select-existing-site" && /* @__PURE__ */ import_react19.default.createElement(
       SelectExistingSite,
       {
         sites,
@@ -108131,11 +108172,11 @@ var ResolveSite = ({ state, onSubmit }) => {
   const exit = useExit();
   const { model } = useProjectModel();
   const biLogger = useBiLogger();
-  return /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, (0, import_variant11.match)(state, {
+  return /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, (0, import_variant11.match)(state, {
     NotConfigured: (0, import_variant11.constant)(
-      /* @__PURE__ */ import_react18.default.createElement(Alert, { type: "insight" }, "You don't have a Development Site currently configured")
+      /* @__PURE__ */ import_react20.default.createElement(Alert, { type: "insight" }, "You don't have a Development Site currently configured")
     )
-  }), /* @__PURE__ */ import_react18.default.createElement(
+  }), /* @__PURE__ */ import_react20.default.createElement(
     SiteSelector,
     {
       appId: model.config.appId,
@@ -108148,8 +108189,8 @@ var ResolveSite = ({ state, onSubmit }) => {
 
 // ../cli-astro-commands/src/site/context.ts
 init_esm_shims();
-var import_react19 = __toESM(require_react(), 1);
-var SiteContext = (0, import_react19.createContext)(null);
+var import_react21 = __toESM(require_react(), 1);
+var SiteContext = (0, import_react21.createContext)(null);
 
 // ../cli-astro-commands/src/site/site-state.ts
 init_esm_shims();
@@ -108170,7 +108211,7 @@ var SiteProvider = ({ children }) => {
     const siteId = (await readAppConfig(projectFolder, writeDebugLog))?.siteId;
     return siteId ? SiteState.Resolved({ siteId }) : SiteState.NotConfigured();
   }, []);
-  const setSite = (0, import_react20.useCallback)(
+  const setSite = (0, import_react22.useCallback)(
     async (siteId) => {
       try {
         await saveAppConfig(projectFolder, { siteId });
@@ -108186,17 +108227,17 @@ var SiteProvider = ({ children }) => {
     },
     [merge, projectFolder]
   );
-  const handleResolveSite = (0, import_react20.useCallback)(
+  const handleResolveSite = (0, import_react22.useCallback)(
     (siteId) => setSite(siteId).catch(exit),
     [exit, setSite]
   );
   return (0, import_variant13.match)(status, {
     Error: () => null,
-    Loading: () => /* @__PURE__ */ import_react20.default.createElement(Spinner, { text: "Resolving development site..." }),
+    Loading: () => /* @__PURE__ */ import_react22.default.createElement(Spinner, { text: "Resolving development site..." }),
     Success: ({ result: state }) => {
       return (0, import_variant13.match)(state, {
-        NotConfigured: (variant6) => /* @__PURE__ */ import_react20.default.createElement(ResolveSite, { state: variant6, onSubmit: handleResolveSite }),
-        Resolved: ({ siteId }) => /* @__PURE__ */ import_react20.default.createElement(
+        NotConfigured: (variant6) => /* @__PURE__ */ import_react22.default.createElement(ResolveSite, { state: variant6, onSubmit: handleResolveSite }),
+        Resolved: ({ siteId }) => /* @__PURE__ */ import_react22.default.createElement(
           SiteContext.Provider,
           {
             value: {
@@ -108213,9 +108254,9 @@ var SiteProvider = ({ children }) => {
 
 // ../cli-astro-commands/src/site/useSite.ts
 init_esm_shims();
-var import_react21 = __toESM(require_react(), 1);
+var import_react23 = __toESM(require_react(), 1);
 function useSite() {
-  const context = (0, import_react21.useContext)(SiteContext);
+  const context = (0, import_react23.useContext)(SiteContext);
   if (context == null) {
     throw new Error("useSite() cannot be used without an <SiteProvider>");
   }
@@ -108224,9 +108265,64 @@ function useSite() {
 
 // ../cli-astro-commands/src/components/DevCommand/app-flow/AppDev.tsx
 init_esm_shims();
-var import_react26 = __toESM(require_react(), 1);
+var import_react30 = __toESM(require_react(), 1);
 var import_variant15 = __toESM(require_lib(), 1);
 
+// ../cli-astro-commands/src/components/DevCommand/app-flow/useAppDeploymentTopologyUpdater.tsx
+init_esm_shims();
+var import_react24 = __toESM(require_react(), 1);
+function useAppDeploymentTopologyUpdater() {
+  const { devArmTag } = useDevEnvironment();
+  const { siteId } = useSite();
+  const updateTopology = useUpdateDeploymentTopologyForApp(siteId);
+  const exit = useExit();
+  (0, import_react24.useEffect)(() => {
+    updateTopology({ armTag: devArmTag, environment: "development" }).catch(
+      exit
+    );
+  }, [devArmTag, updateTopology, exit]);
+}
+
+// ../cli-astro-commands/src/components/DevCommand/app-flow/useERCManifestUpdateNotifier.ts
+init_esm_shims();
+var import_react25 = __toESM(require_react(), 1);
+function useERCManifestUpdateNotifier() {
+  const { siteId } = useSite();
+  const { devCenterWatcher } = useDevEnvironment();
+  const metasiteManagerClient = useMetasiteManagerClient({ siteId });
+  const {
+    model: {
+      config: { appId }
+    }
+  } = useProjectModel();
+  const writeToDebugLog = useDebugLog();
+  const errorReporter = useErrorReporter();
+  (0, import_react25.useEffect)(() => {
+    const unsubscribe = devCenterWatcher.onManifestUpdated(
+      ({ updatedComponents }) => {
+        const editorComponentsUpdated = updatedComponents.filter(
+          (comp) => comp.compType === ComponentType.PANEL || comp.compType === ComponentType.EDITOR_REACT_COMPONENT
+        );
+        if (editorComponentsUpdated.length > 0) {
+          metasiteManagerClient.distributeClientUpdate(appId).catch((error) => {
+            errorReporter.reportError(error);
+            writeToDebugLog(error);
+          });
+        }
+      }
+    );
+    return () => {
+      unsubscribe();
+    };
+  }, [
+    devCenterWatcher,
+    metasiteManagerClient,
+    appId,
+    writeToDebugLog,
+    errorReporter
+  ]);
+}
+
 // ../cli-astro-commands/src/components/DevCommand/app-flow/screen-state.ts
 init_esm_shims();
 var import_variant14 = __toESM(require_lib(), 1);
@@ -108237,14 +108333,14 @@ var ScreenState = (0, import_variant14.variant)({
 
 // ../cli-astro-commands/src/components/DevCommand/app-flow/SiteSelectorScreen.tsx
 init_esm_shims();
-var import_react23 = __toESM(require_react(), 1);
+var import_react27 = __toESM(require_react(), 1);
 
 // ../cli-astro-commands/src/components/CloseScreen/index.tsx
 init_esm_shims();
 
 // ../cli-astro-commands/src/components/CloseScreen/CloseScreen.tsx
 init_esm_shims();
-var import_react22 = __toESM(require_react(), 1);
+var import_react26 = __toESM(require_react(), 1);
 var CloseScreen = ({ onClose }) => {
   const bi = useWixCliAppBi();
   use_input_default((_, key) => {
@@ -108258,7 +108354,7 @@ var CloseScreen = ({ onClose }) => {
       onClose();
     }
   });
-  return /* @__PURE__ */ import_react22.default.createElement(Text, { skin: "secondary" }, "Press ", /* @__PURE__ */ import_react22.default.createElement(Key, { value: "esc", skin: "secondary" }), " to close");
+  return /* @__PURE__ */ import_react26.default.createElement(Text, { skin: "secondary" }, "Press ", /* @__PURE__ */ import_react26.default.createElement(Key, { value: "esc", skin: "secondary" }), " to close");
 };
 
 // ../cli-astro-commands/src/components/DevCommand/app-flow/SiteSelectorScreen.tsx
@@ -108267,15 +108363,15 @@ var SiteSelectorScreen = ({ onScreenChange }) => {
   const biLogger = useBiLogger();
   const { siteId, setSite } = useSite();
   const { reportError } = useErrorReporter();
-  const [error, setError] = (0, import_react23.useState)(null);
-  const handleError = (0, import_react23.useCallback)(
+  const [error, setError] = (0, import_react27.useState)(null);
+  const handleError = (0, import_react27.useCallback)(
     (error2) => {
       reportError(error2);
       setError(error2);
     },
     [reportError, setError]
   );
-  const handleSubmit = (0, import_react23.useCallback)(
+  const handleSubmit = (0, import_react27.useCallback)(
     async (site) => {
       try {
         await setSite(site.id);
@@ -108286,7 +108382,7 @@ var SiteSelectorScreen = ({ onScreenChange }) => {
     },
     [setSite, onScreenChange, handleError]
   );
-  return /* @__PURE__ */ import_react23.default.createElement(Box_default, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ import_react23.default.createElement(Box_default, { gap: 1 }, /* @__PURE__ */ import_react23.default.createElement(PointerIcon, null), /* @__PURE__ */ import_react23.default.createElement(Text, null, "Current Development Site: ", siteId)), /* @__PURE__ */ import_react23.default.createElement(Box_default, { flexDirection: "column" }, /* @__PURE__ */ import_react23.default.createElement(
+  return /* @__PURE__ */ import_react27.default.createElement(Box_default, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ import_react27.default.createElement(Box_default, { gap: 1 }, /* @__PURE__ */ import_react27.default.createElement(PointerIcon, null), /* @__PURE__ */ import_react27.default.createElement(Text, null, "Current Development Site: ", siteId)), /* @__PURE__ */ import_react27.default.createElement(Box_default, { flexDirection: "column" }, /* @__PURE__ */ import_react27.default.createElement(
     SiteSelector,
     {
       appId: model.config.appId,
@@ -108294,23 +108390,23 @@ var SiteSelectorScreen = ({ onScreenChange }) => {
       onSubmit: handleSubmit,
       onError: handleError
     }
-  ), error ? /* @__PURE__ */ import_react23.default.createElement(
+  ), error ? /* @__PURE__ */ import_react27.default.createElement(
     ErrorViewer,
     {
       error,
-      systemErrorOverride: /* @__PURE__ */ import_react23.default.createElement(Alert, { type: "error" }, "Failed to change Development Site!")
+      systemErrorOverride: /* @__PURE__ */ import_react27.default.createElement(Alert, { type: "error" }, "Failed to change Development Site!")
     }
-  ) : null), /* @__PURE__ */ import_react23.default.createElement(CloseScreen, { onClose: () => onScreenChange(ScreenState.Home()) }));
+  ) : null), /* @__PURE__ */ import_react27.default.createElement(CloseScreen, { onClose: () => onScreenChange(ScreenState.Home()) }));
 };
 
 // ../cli-astro-commands/src/components/DevCommand/app-flow/HomeScreen.tsx
 init_esm_shims();
-var import_react25 = __toESM(require_react(), 1);
+var import_react29 = __toESM(require_react(), 1);
 import process2 from "node:process";
 
 // ../cli-astro-commands/src/components/DevCommand/app-flow/SwitchSite.tsx
 init_esm_shims();
-var import_react24 = __toESM(require_react(), 1);
+var import_react28 = __toESM(require_react(), 1);
 var SwitchSite = ({ onScreenChange }) => {
   const bi = useWixCliAppBi();
   use_input_default(async (input) => {
@@ -108324,73 +108420,51 @@ var SwitchSite = ({ onScreenChange }) => {
       onScreenChange(ScreenState.SiteSelector());
     }
   });
-  return /* @__PURE__ */ import_react24.default.createElement(Text, { skin: "secondary" }, "(Press ", /* @__PURE__ */ import_react24.default.createElement(Key, { value: "C", skin: "secondary" }), " to switch)");
+  return /* @__PURE__ */ import_react28.default.createElement(Text, { skin: "secondary" }, "(Press ", /* @__PURE__ */ import_react28.default.createElement(Key, { value: "C", skin: "secondary" }), " to switch)");
 };
 
 // ../cli-astro-commands/src/components/DevCommand/app-flow/HomeScreen.tsx
-var HomeScreen = ({
-  onScreenChange,
-  devArmTag
-}) => {
+var HomeScreen = ({ onScreenChange }) => {
   const { siteId } = useSite();
-  return /* @__PURE__ */ import_react25.default.createElement(import_react25.default.Fragment, null, /* @__PURE__ */ import_react25.default.createElement(Box_default, { gap: 1 }, /* @__PURE__ */ import_react25.default.createElement(Text, null, "Current Dev Site:"), /* @__PURE__ */ import_react25.default.createElement(Text, { bold: true, skin: "info" }, siteId), process2.stdin.isTTY && /* @__PURE__ */ import_react25.default.createElement(SwitchSite, { onScreenChange })), /* @__PURE__ */ import_react25.default.createElement(Box_default, { paddingTop: 1, paddingBottom: 1, flexDirection: "column" }, /* @__PURE__ */ import_react25.default.createElement(Text, null, "Open the preview on:"), /* @__PURE__ */ import_react25.default.createElement(Box_default, { paddingLeft: 2, flexDirection: "column" }, devArmTag ? /* @__PURE__ */ import_react25.default.createElement(import_react25.default.Fragment, null, /* @__PURE__ */ import_react25.default.createElement(
+  const { devArmTag } = useDevEnvironment();
+  return /* @__PURE__ */ import_react29.default.createElement(import_react29.default.Fragment, null, /* @__PURE__ */ import_react29.default.createElement(Box_default, { gap: 1 }, /* @__PURE__ */ import_react29.default.createElement(Text, null, "Current Dev Site:"), /* @__PURE__ */ import_react29.default.createElement(Text, { bold: true, skin: "info" }, siteId), process2.stdin.isTTY && /* @__PURE__ */ import_react29.default.createElement(SwitchSite, { onScreenChange })), /* @__PURE__ */ import_react29.default.createElement(Box_default, { paddingTop: 1, paddingBottom: 1, flexDirection: "column" }, /* @__PURE__ */ import_react29.default.createElement(Text, null, "Open the preview on:"), /* @__PURE__ */ import_react29.default.createElement(Box_default, { paddingLeft: 2, flexDirection: "column" }, /* @__PURE__ */ import_react29.default.createElement(
     RedirectLink,
     {
       platform: "site",
       versionOverrideId: devArmTag,
       siteId
     }
-  ), /* @__PURE__ */ import_react25.default.createElement(
+  ), /* @__PURE__ */ import_react29.default.createElement(
     RedirectLink,
     {
       platform: "editor",
       versionOverrideId: devArmTag,
       siteId
     }
-  ), /* @__PURE__ */ import_react25.default.createElement(
+  ), /* @__PURE__ */ import_react29.default.createElement(
     RedirectLink,
     {
       platform: "dashboard",
       versionOverrideId: devArmTag,
       siteId
     }
-  )) : /* @__PURE__ */ import_react25.default.createElement(Spinner, { text: "Preparing your dashboard..." }))));
+  ))));
 };
 
 // ../cli-astro-commands/src/components/DevCommand/app-flow/AppDev.tsx
-var AppDev = ({
-  serverLocalUrl,
-  serverExposedUrl,
-  devMetadata
-}) => {
-  const [screen, setScreen] = (0, import_react26.useState)(ScreenState.Home());
-  const { siteId } = useSite();
-  const { tunnelRequired, devArmTag } = useDevCenterUpdater({
-    siteId,
-    serverLocalUrl,
-    serverExposedUrl,
-    devMetadata
+var AppDev = () => {
+  const [screen, setScreen] = (0, import_react30.useState)(ScreenState.Home());
+  useAppDeploymentTopologyUpdater();
+  useERCManifestUpdateNotifier();
+  return (0, import_variant15.match)(screen, {
+    Home: () => /* @__PURE__ */ import_react30.default.createElement(HomeScreen, { onScreenChange: setScreen }),
+    SiteSelector: () => /* @__PURE__ */ import_react30.default.createElement(SiteSelectorScreen, { onScreenChange: setScreen })
   });
-  return /* @__PURE__ */ import_react26.default.createElement(TunnelingConsent, { required: tunnelRequired }, (0, import_variant15.match)(screen, {
-    Home: () => /* @__PURE__ */ import_react26.default.createElement(HomeScreen, { onScreenChange: setScreen, devArmTag }),
-    SiteSelector: () => /* @__PURE__ */ import_react26.default.createElement(SiteSelectorScreen, { onScreenChange: setScreen })
-  }));
 };
 
 // ../cli-astro-commands/src/components/DevCommand/AppDevFlow.tsx
-var AppDevFlow = ({
-  devMetadata,
-  serverLocalUrl,
-  serverExposedUrl
-}) => {
-  return /* @__PURE__ */ import_react27.default.createElement(SiteProvider, null, /* @__PURE__ */ import_react27.default.createElement(DevScreenBorder, null, /* @__PURE__ */ import_react27.default.createElement(
-    AppDev,
-    {
-      serverLocalUrl,
-      serverExposedUrl,
-      devMetadata
-    }
-  )));
+var AppDevFlow = () => {
+  return /* @__PURE__ */ import_react31.default.createElement(SiteProvider, null, /* @__PURE__ */ import_react31.default.createElement(AppDev, null));
 };
 
 // ../cli-astro-commands/src/components/DevCommand/DevCommand.tsx
@@ -108404,7 +108478,7 @@ var DevCommand = ({
   } = useProjectModel();
   const exit = useExit();
   const logger = useAstroLogger({ isPrefixed: false });
-  const astroProcess = (0, import_react28.useRef)();
+  const astroProcess = (0, import_react32.useRef)();
   const fetchDevMetadataAction = useFetchDevMetadata();
   useAsync(async () => {
     const repoType = await getRepoType(projectFolder);
@@ -108420,7 +108494,7 @@ var DevCommand = ({
       void fetchDevMetadataAction.execute(address);
     });
     astro.stdout?.on(EVENT_LINE, (line) => logger.log(line));
-    astro.stderr?.on(EVENT_LINE, (line) => logger.log(line));
+    astro.stderr?.on(EVENT_LINE, (line) => logger.error(line));
     void astro.on("exit", () => {
       astroProcess.current?.stdout?.destroy();
       astroProcess.current?.stderr?.destroy();
@@ -108434,7 +108508,7 @@ var DevCommand = ({
       );
     });
   }, []);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     return () => {
       if (astroProcess.current?.pid) {
         try {
@@ -108445,24 +108519,18 @@ var DevCommand = ({
     };
   }, []);
   return (0, import_variant16.match)(fetchDevMetadataAction.status, {
-    NotRequested: () => /* @__PURE__ */ import_react28.default.createElement(Spinner, { text: "Starting dev environment..." }),
+    NotRequested: () => /* @__PURE__ */ import_react32.default.createElement(Spinner, { text: "Starting dev environment..." }),
     Error: () => null,
-    Loading: () => /* @__PURE__ */ import_react28.default.createElement(Spinner, { text: "Checking dev environment settings..." }),
-    Success: ({ result: { devMetadata, serverLocalUrl } }) => config.projectType === "Site" ? /* @__PURE__ */ import_react28.default.createElement(
-      SiteDevFlow,
+    Loading: () => /* @__PURE__ */ import_react32.default.createElement(Spinner, { text: "Checking dev environment settings..." }),
+    Success: ({ result: { devMetadata, serverLocalUrl } }) => /* @__PURE__ */ import_react32.default.createElement(DevScreenBorder, null, /* @__PURE__ */ import_react32.default.createElement(
+      DevEnvironmentProvider,
       {
-        devMetadata,
         serverLocalUrl,
-        serverExposedUrl
-      }
-    ) : /* @__PURE__ */ import_react28.default.createElement(
-      AppDevFlow,
-      {
-        devMetadata,
-        serverLocalUrl,
-        serverExposedUrl
-      }
-    )
+        serverExposedUrl,
+        devMetadata
+      },
+      config.projectType === "Site" ? /* @__PURE__ */ import_react32.default.createElement(SiteDevFlow, null) : /* @__PURE__ */ import_react32.default.createElement(AppDevFlow, null)
+    ))
   });
 };
 export {
@@ -108522,4 +108590,4 @@ export {
      *)
   *)
 */
-//# sourceMappingURL=DevCommand-NCZVQWRE.js.map
+//# sourceMappingURL=DevCommand-OH3TIRTJ.js.map