@dimina-kit/devtools 0.4.0-dev.20260701083540 → 0.4.0-dev.20260701155140

package/dist/main/index.bundle.js

@@ -108,6 +108,39 @@ function setupCdpPort() {
   }
 }
 
+// src/main/app/max-listeners-diagnostic.ts
+function callSafe(fn) {
+  try {
+    return fn();
+  } catch {
+    return void 0;
+  }
+}
+function describeMaxListenersWarning(warning) {
+  if (warning.name !== "MaxListenersExceededWarning") return null;
+  const w = warning;
+  const emitter = w.emitter ?? void 0;
+  return {
+    event: w.type,
+    count: w.count,
+    wcId: typeof emitter?.id === "number" ? emitter.id : void 0,
+    wcType: callSafe(() => emitter?.getType?.()),
+    url: callSafe(() => emitter?.getURL?.()),
+    destroyed: callSafe(() => emitter?.isDestroyed?.()),
+    stack: warning.stack
+  };
+}
+function installMaxListenersWarningDiagnostic(log3 = (r) => console.warn("[max-listeners]", r)) {
+  const onWarning = (warning) => {
+    const report = describeMaxListenersWarning(warning);
+    if (report) log3(report);
+  };
+  process.on("warning", onWarning);
+  return () => {
+    process.removeListener("warning", onWarning);
+  };
+}
+
 // src/main/ipc/project-fs.ts
 import fs2 from "node:fs/promises";
 import nodeFs from "node:fs";
@@ -306,9 +339,6 @@ var SimulatorChannel = {
   // Ask main to create the simulator as a top-level WebContentsView (so nested
   // render-host <webview>s can attach). Native-host is the sole runtime.
   AttachNative: "simulator:attach-native",
-  // Renderer reports the device-bezel inner-screen rect (CSS px from content
-  // top-left) + zoom so main can overlay the simulator WCV on it.
-  SetNativeBounds: "simulator:set-native-bounds",
   // Renderer pushes the selected device's LOGICAL metrics (screen size,
   // pixelRatio, statusBarHeight, …) when the device dropdown changes. Main
   // maps it to a HostEnvSnapshot and live-updates the running service-host
@@ -353,7 +383,11 @@ var SimulatorElementChannel = {
 };
 var SimulatorWxmlChannel = {
   GetSnapshot: "simulator:wxml:snapshot",
-  Event: "simulator:wxml:event"
+  Event: "simulator:wxml:event",
+  // renderer→main: whether the WXML panel is currently visible/active. Main
+  // only installs the render-guest DOM MutationObserver + pushes live tree
+  // updates while active, so an unseen panel never drives a full Vue-tree walk.
+  SetActive: "simulator:wxml:setActive"
 };
 var SimulatorAppDataChannel = {
   GetSnapshot: "simulator:appdata:snapshot",
@@ -423,14 +457,6 @@ var DialogChannel = {
   OpenDirectory: "dialog:openDirectory"
 };
 var ViewChannel = {
-  /** Update the simulator DevTools view's bounds (or hide if w/h = 0). */
-  SimulatorDevtoolsBounds: "view:simulator:devtools-bounds",
-  /**
-   * Host-controllable toolbar WebContentsView (sits ABOVE the devtools built-in
-   * header). Forward anchor: the main renderer reports the toolbar placeholder's
-   * bounds (or w/h=0 to hide). invoke.
-   */
-  HostToolbarBounds: "view:host-toolbar:bounds",
   /**
    * Reverse size-advertiser: the host-toolbar WCV's OWN renderer advertises its
    * intrinsic content height so main reserves exactly that much. Payload
@@ -463,12 +489,13 @@ var ViewChannel = {
    */
   HostToolbarGetHeight: "view:host-toolbar:get-height",
   /**
-   * Update the embedded workbench editor view's bounds (or hide if w/h=0).
-   * Forward anchor mirroring `SimulatorDevtoolsBounds`: the main renderer
-   * measures the 'editor' dock slot's placeholder rect and publishes it so
-   * main overlays the workbench WebContentsView precisely.
+   * Renderer → main: the window-level placement snapshot (one monotonic epoch
+   * per commit tick, one generation per renderer lifetime) that drives the view
+   * reconciler. The single source of truth for every managed native view's
+   * bounds/visibility/z-order — supersedes the per-view bounds channels above.
+   * invoke.
    */
-  WorkbenchBounds: "view:workbench-bounds"
+  PlacementSnapshot: "view:placement-snapshot"
 };
 var PopoverChannel = {
   Show: "popover:show",
@@ -2411,6 +2438,48 @@ function parseRoute(url) {
   }
 }
 
+// src/main/services/views/view-manager.ts
+import { reconcile, createInitialState } from "@dimina-kit/electron-deck/layout";
+
+// src/main/services/views/apply-view-ops.ts
+function applyViewOps(ops, target) {
+  for (const op of ops) {
+    switch (op.kind) {
+      case "detach":
+        target.detach(op.viewId);
+        break;
+      case "setVisible":
+        target.setVisible(op.viewId, op.visible);
+        break;
+      case "setBounds":
+        target.setBounds(op.viewId, op.bounds, op.extra);
+        break;
+      case "attach":
+        target.attach(op.viewId);
+        break;
+      case "reorder":
+        target.reorder(op.order);
+        break;
+    }
+  }
+}
+
+// src/shared/view-ids.ts
+var VIEW_ID = {
+  simulator: "simulator",
+  simulatorDevtools: "simulator-devtools",
+  workbench: "workbench",
+  hostToolbar: "host-toolbar",
+  settings: "settings",
+  popover: "popover"
+};
+var VIEW_LAYER = {
+  base: 0,
+  hostToolbar: 5,
+  settings: 10,
+  popover: 20
+};
+
 // src/main/services/views/view-manager.ts
 function resolveProjectEditorTarget(serviceHostUrl, activeProjectRoot, req, isFile = (absolutePath) => fs4.statSync(absolutePath).isFile()) {
   const sourceContext = projectSourceContextFromServiceHostUrl(
@@ -2434,6 +2503,15 @@ function resolveProjectEditorTarget(serviceHostUrl, activeProjectRoot, req, isFi
     column: typeof req.column === "number" ? req.column + 1 : void 0
   };
 }
+var DEVTOOLS_HOST_EXEC_JS_MAX_LISTENERS = 50;
+function raiseExecuteJavaScriptListenerCeiling(wc) {
+  try {
+    if (wc.isDestroyed()) return;
+    if (wc.getMaxListeners() >= DEVTOOLS_HOST_EXEC_JS_MAX_LISTENERS) return;
+    wc.setMaxListeners(DEVTOOLS_HOST_EXEC_JS_MAX_LISTENERS);
+  } catch {
+  }
+}
 function createViewManager(ctx) {
   const safeArea = createSafeAreaController({ connections: ctx.connections });
   let simulatorView = null;
@@ -2442,11 +2520,9 @@ function createViewManager(ctx) {
   let nativeSimulatorViewAdded = false;
   let nativeSimulatorProjectPath = null;
   let settleNativeSimulatorReady = null;
-  let lastRendererRect = null;
   let nativeCustomApiBridgeHandler = null;
   let currentZoomFactor = 1;
   let settingsView = null;
-  let settingsViewAdded = false;
   let popoverView = null;
   let simulatorWebContentsId = null;
   let nativeDevtoolsSourceWc = null;
@@ -2455,9 +2531,7 @@ function createViewManager(ctx) {
   let stopServiceConsole = null;
   let nativeDevtoolsRetryTimer = null;
   let nativeDevtoolsRetryToken = 0;
-  let simulatorBoundsOverride = null;
   let workbenchView = null;
-  let workbenchViewAdded = false;
   let workbenchThemeSyncBound = false;
   let workbenchUrl = null;
   let hostToolbarView = null;
@@ -2484,29 +2558,148 @@ function createViewManager(ctx) {
     } catch {
     }
   }
-  function isHidden(b) {
-    return b.width <= 0 || b.height <= 0;
+  let placementState = createInitialState();
+  let epochCounter = 0;
+  let rendererGeneration = 0;
+  const baseDesired = /* @__PURE__ */ new Map();
+  const overlayDesired = /* @__PURE__ */ new Map();
+  function gateReadiness(v) {
+    if (v.viewId === VIEW_ID.simulator && !nativeSimulatorView)
+      return { ...v, placement: { visible: false } };
+    if (v.viewId === VIEW_ID.simulatorDevtools && !simulatorView)
+      return { ...v, placement: { visible: false } };
+    if (v.viewId === VIEW_ID.workbench && !workbenchView && !workbenchUrl)
+      return { ...v, placement: { visible: false } };
+    return v;
+  }
+  function resolveView(viewId) {
+    switch (viewId) {
+      case VIEW_ID.simulator:
+        return nativeSimulatorView;
+      case VIEW_ID.simulatorDevtools:
+        return simulatorView;
+      case VIEW_ID.workbench:
+        return workbenchView;
+      case VIEW_ID.hostToolbar:
+        return hostToolbarView;
+      case VIEW_ID.settings:
+        return settingsView;
+      case VIEW_ID.popover:
+        return popoverView;
+      default:
+        return null;
+    }
   }
-  function setSimulatorDevtoolsBounds(bounds) {
-    simulatorBoundsOverride = bounds;
-    if (!simulatorView || simulatorView.webContents.isDestroyed()) return;
-    if (ctx.windows.mainWindow.isDestroyed()) return;
-    if (isHidden(bounds)) {
-      if (simulatorViewAdded) {
+  function markAdded(viewId, added) {
+    switch (viewId) {
+      case VIEW_ID.simulator:
+        nativeSimulatorViewAdded = added;
+        break;
+      case VIEW_ID.simulatorDevtools:
+        simulatorViewAdded = added;
+        break;
+      case VIEW_ID.hostToolbar:
+        hostToolbarViewAdded = added;
+        break;
+    }
+  }
+  function applyNativeSimulatorBounds(view, bounds, zoom) {
+    const p = computeNativeSimulatorViewParams(bounds, zoom);
+    currentZoomFactor = p.zoomFactor;
+    view.setBounds(p.bounds);
+    const simWc = view.webContents;
+    if (!simWc.isDestroyed()) simWc.setZoomFactor(p.zoomFactor);
+    try {
+      for (const wc of webContents.getAllWebContents()) {
+        if (wc.isDestroyed()) continue;
+        if (wc.hostWebContents === simWc) wc.setZoomFactor(p.zoomFactor);
+      }
+    } catch {
+    }
+  }
+  const viewTarget = {
+    attach(viewId) {
+      if (ctx.windows.mainWindow.isDestroyed()) return;
+      if (viewId === VIEW_ID.workbench && !workbenchView && workbenchUrl) {
+        void attachWorkbench(workbenchUrl);
+        return;
+      }
+      if (viewId === VIEW_ID.hostToolbar) {
+        const view2 = ensureHostToolbarView();
+        ctx.windows.mainWindow.contentView.addChildView(view2);
+        hostToolbarViewAdded = true;
+        return;
+      }
+      const view = resolveView(viewId);
+      if (!view) return;
+      ctx.windows.mainWindow.contentView.addChildView(view);
+      markAdded(viewId, true);
+    },
+    detach(viewId) {
+      const view = resolveView(viewId);
+      if (view && !ctx.windows.mainWindow.isDestroyed()) {
         try {
-          ctx.windows.mainWindow.contentView.removeChildView(simulatorView);
+          ctx.windows.mainWindow.contentView.removeChildView(view);
         } catch {
         }
-        simulatorViewAdded = false;
       }
-      return;
-    }
-    if (!simulatorViewAdded) {
-      ctx.windows.mainWindow.contentView.addChildView(simulatorView);
-      simulatorViewAdded = true;
-      raiseTopOverlays();
+      markAdded(viewId, false);
+    },
+    setBounds(viewId, bounds, extra) {
+      const view = resolveView(viewId);
+      if (!view || view.webContents.isDestroyed()) return;
+      if (viewId === VIEW_ID.simulator) {
+        applyNativeSimulatorBounds(view, bounds, extra?.zoom ?? 1);
+        return;
+      }
+      view.setBounds(bounds);
+    },
+    setVisible(viewId, visible) {
+      const view = resolveView(viewId);
+      if (!view) return;
+      try {
+        view.setVisible(visible);
+      } catch {
+      }
+    },
+    reorder(order) {
+      if (order.length <= 1 || ctx.windows.mainWindow.isDestroyed()) return;
+      const cv = ctx.windows.mainWindow.contentView;
+      for (const viewId of order) {
+        const view = resolveView(viewId);
+        if (view) {
+          try {
+            cv.addChildView(view);
+          } catch {
+          }
+        }
+      }
     }
-    simulatorView.setBounds(bounds);
+  };
+  function ensureLazyViews() {
+    const ht = baseDesired.get(VIEW_ID.hostToolbar);
+    if (ht?.placement.visible && !liveHostToolbarWebContents()) ensureHostToolbarView();
+    const wb = baseDesired.get(VIEW_ID.workbench);
+    if (wb?.placement.visible && !workbenchView && workbenchUrl) void attachWorkbench(workbenchUrl);
+  }
+  function reconcileNow() {
+    ensureLazyViews();
+    const views = [];
+    for (const v of baseDesired.values()) views.push(gateReadiness(v));
+    for (const v of overlayDesired.values()) views.push(v);
+    const result = reconcile(placementState, {
+      generation: rendererGeneration,
+      epoch: ++epochCounter,
+      views
+    });
+    placementState = result.state;
+    applyViewOps(result.ops, viewTarget);
+  }
+  function setPlacementSnapshot(snapshot) {
+    rendererGeneration = snapshot.generation;
+    baseDesired.clear();
+    for (const v of snapshot.views) baseDesired.set(v.viewId, v);
+    reconcileNow();
   }
   function workbenchThemeScheme() {
     return nativeTheme3.shouldUseDarkColors ? "dark" : "light";
@@ -2538,8 +2731,6 @@ function createViewManager(ctx) {
     } catch {
     }
     ctx.windows.mainWindow.contentView.addChildView(view);
-    workbenchViewAdded = true;
-    raiseTopOverlays();
     const loadUrl = `${url}index.html?theme=${workbenchThemeScheme()}`;
     await view.webContents.loadURL(loadUrl).catch((err) => {
       console.error("[workbench] attachWorkbench \u2014 loadURL failed", err);
@@ -2548,29 +2739,6 @@ function createViewManager(ctx) {
   function setWorkbenchSource(url) {
     workbenchUrl = url;
   }
-  function setWorkbenchBounds(bounds) {
-    if (ctx.windows.mainWindow.isDestroyed()) return;
-    if (isHidden(bounds)) {
-      if (workbenchView && workbenchViewAdded && !workbenchView.webContents.isDestroyed()) {
-        try {
-          ctx.windows.mainWindow.contentView.removeChildView(workbenchView);
-        } catch {
-        }
-        workbenchViewAdded = false;
-      }
-      return;
-    }
-    if (!workbenchView && workbenchUrl) {
-      void attachWorkbench(workbenchUrl);
-    }
-    if (!workbenchView || workbenchView.webContents.isDestroyed()) return;
-    if (!workbenchViewAdded) {
-      ctx.windows.mainWindow.contentView.addChildView(workbenchView);
-      workbenchViewAdded = true;
-      raiseTopOverlays();
-    }
-    workbenchView.setBounds(bounds);
-  }
   function detachWorkbench() {
     if (workbenchThemeSyncBound) {
       nativeTheme3.removeListener("updated", pushWorkbenchTheme);
@@ -2578,7 +2746,8 @@ function createViewManager(ctx) {
     }
     destroyViewInternal(workbenchView);
     workbenchView = null;
-    workbenchViewAdded = false;
+    baseDesired.delete(VIEW_ID.workbench);
+    reconcileNow();
   }
   function workspaceUriFor(rel) {
     const encoded = rel.split("/").map(encodeURIComponent).join("/");
@@ -2632,6 +2801,7 @@ function createViewManager(ctx) {
       }
       hostToolbarViewAdded = false;
     }
+    placementState.actual.delete(VIEW_ID.hostToolbar);
     if (!hostToolbarRuntimeAcquired) {
       acquireHostToolbarSessionRuntime();
       hostToolbarRuntimeAcquired = true;
@@ -2658,43 +2828,23 @@ function createViewManager(ctx) {
     }
     return view;
   }
-  function setHostToolbarBounds(bounds) {
-    if (ctx.windows.mainWindow.isDestroyed()) return;
-    if (isHidden(bounds)) {
-      if (hostToolbarView && hostToolbarViewAdded && liveHostToolbarWebContents()) {
-        try {
-          ctx.windows.mainWindow.contentView.removeChildView(hostToolbarView);
-        } catch {
-        }
-      }
-      hostToolbarViewAdded = false;
-      return;
-    }
-    const view = ensureHostToolbarView();
-    if (!hostToolbarViewAdded) {
-      ctx.windows.mainWindow.contentView.addChildView(view);
-      hostToolbarViewAdded = true;
-    }
-    view.setBounds(bounds);
-  }
   function notifyHostToolbarHeight(height) {
     hostToolbarLastHeight = height;
     ctx.notify.hostToolbarHeightChanged(height);
-    if (settingsViewAdded) applySettingsBounds();
-    if (popoverView) applyPopoverBounds();
+    if (overlayDesired.has(VIEW_ID.settings)) applySettingsBounds();
+    if (overlayDesired.has(VIEW_ID.popover)) applyPopoverBounds();
   }
   function setHostToolbarHeight(extent) {
     if (hostToolbarHeightMode !== "auto") return;
     notifyHostToolbarHeight(extent);
   }
   function hideHostToolbar() {
-    if (hostToolbarView && hostToolbarViewAdded && !ctx.windows.mainWindow.isDestroyed()) {
-      try {
-        ctx.windows.mainWindow.contentView.removeChildView(hostToolbarView);
-      } catch {
-      }
-    }
-    hostToolbarViewAdded = false;
+    baseDesired.set(VIEW_ID.hostToolbar, {
+      viewId: VIEW_ID.hostToolbar,
+      placement: { visible: false },
+      layer: VIEW_LAYER.hostToolbar
+    });
+    reconcileNow();
     notifyHostToolbarHeight(0);
   }
   const hostToolbar = {
@@ -2744,12 +2894,28 @@ function createViewManager(ctx) {
   function applySettingsBounds() {
     if (!settingsView || ctx.windows.mainWindow.isDestroyed()) return;
     const [w = 0, h = 0] = ctx.windows.mainWindow.getContentSize();
-    settingsView.setBounds(computeSettingsBounds(w, h, overlayHeaderHeight()));
+    overlayDesired.set(VIEW_ID.settings, {
+      viewId: VIEW_ID.settings,
+      placement: {
+        visible: true,
+        bounds: computeSettingsBounds(w, h, overlayHeaderHeight())
+      },
+      layer: VIEW_LAYER.settings
+    });
+    reconcileNow();
   }
   function applyPopoverBounds() {
     if (!popoverView || ctx.windows.mainWindow.isDestroyed()) return;
     const [w = 0, h = 0] = ctx.windows.mainWindow.getContentSize();
-    popoverView.setBounds(computePopoverBounds(w, h, overlayHeaderHeight()));
+    overlayDesired.set(VIEW_ID.popover, {
+      viewId: VIEW_ID.popover,
+      placement: {
+        visible: true,
+        bounds: computePopoverBounds(w, h, overlayHeaderHeight())
+      },
+      layer: VIEW_LAYER.popover
+    });
+    reconcileNow();
   }
   function clearNativeDevtoolsRetry() {
     nativeDevtoolsRetryToken++;
@@ -2921,6 +3087,7 @@ function createViewManager(ctx) {
     }
     simulatorView = new WebContentsView2();
     const devtoolsWc = simulatorView.webContents;
+    raiseExecuteJavaScriptListenerCeiling(devtoolsWc);
     ctx.networkForward?.setDevtoolsHost(devtoolsWc);
     if (ctx.bridge) {
       try {
@@ -2961,11 +3128,7 @@ function createViewManager(ctx) {
       `).catch(() => {
       });
     });
-    if (simulatorBoundsOverride && !isHidden(simulatorBoundsOverride)) {
-      ctx.windows.mainWindow.contentView.addChildView(simulatorView);
-      simulatorViewAdded = true;
-      simulatorView.setBounds(simulatorBoundsOverride);
-    }
+    reconcileNow();
     if (ctx.bridge?.isNativeHost()) {
       unsubscribeNativeRenderEvents = ctx.bridge.onRenderEvent(onNativeRenderEvent);
       followNativeDevtoolsServiceHost();
@@ -2994,6 +3157,7 @@ function createViewManager(ctx) {
     }
     nativeSimulatorView = null;
     nativeSimulatorViewAdded = false;
+    reconcileNow();
   }
   function attachNativeCustomApiBridge(simWc) {
     detachNativeCustomApiBridge();
@@ -3122,9 +3286,7 @@ function createViewManager(ctx) {
     });
     simulatorWebContentsId = simWc.id;
     ctx.networkForward?.attachSimulator(simWc);
-    if (lastRendererRect) {
-      setNativeSimulatorViewBounds(lastRendererRect);
-    }
+    reconcileNow();
     attachNativeSimulatorDevtoolsHost();
     return ready;
   }
@@ -3144,14 +3306,11 @@ function createViewManager(ctx) {
     hidePopover();
     destroyViewInternal(settingsView);
     settingsView = null;
-    settingsViewAdded = false;
     destroyViewInternal(simulatorView);
     simulatorView = null;
     simulatorViewAdded = false;
     simulatorWebContentsId = null;
     nativeSimulatorProjectPath = null;
-    simulatorBoundsOverride = null;
-    lastRendererRect = null;
   }
   function removeSimulatorDevtoolsView() {
     if (simulatorView && simulatorViewAdded) {
@@ -3179,26 +3338,11 @@ function createViewManager(ctx) {
         path7.join(ctx.rendererDir, "entries/settings/index.html")
       );
     }
-    if (!settingsViewAdded) {
-      ctx.windows.mainWindow.contentView.addChildView(settingsView);
-      settingsViewAdded = true;
-    }
     applySettingsBounds();
   }
   function hideSettings() {
-    if (settingsView && settingsViewAdded) {
-      try {
-        ctx.windows.mainWindow.contentView.removeChildView(settingsView);
-      } catch {
-      }
-      settingsViewAdded = false;
-    }
-  }
-  function raiseTopOverlays() {
-    if (ctx.windows.mainWindow.isDestroyed()) return;
-    const cv = ctx.windows.mainWindow.contentView;
-    if (settingsView && settingsViewAdded) cv.addChildView(settingsView);
-    if (popoverView) cv.addChildView(popoverView);
+    overlayDesired.delete(VIEW_ID.settings);
+    reconcileNow();
   }
   function showPopover(data) {
     hidePopover();
@@ -3213,7 +3357,6 @@ function createViewManager(ctx) {
     applyNavigationHardening(popover.webContents, ctx.rendererDir);
     popoverView = popover;
     popover.setBackgroundColor("#00000000");
-    ctx.windows.mainWindow.contentView.addChildView(popover);
     applyPopoverBounds();
     popover.webContents.once("did-finish-load", () => {
       ctx.notify.popoverInit(popover, data);
@@ -3223,17 +3366,16 @@ function createViewManager(ctx) {
     );
   }
   function hidePopover() {
-    if (popoverView) {
-      destroyViewInternal(popoverView);
-      popoverView = null;
-      ctx.notify.popoverClosed();
-    }
+    if (!popoverView) return;
+    overlayDesired.delete(VIEW_ID.popover);
+    destroyViewInternal(popoverView);
+    popoverView = null;
+    reconcileNow();
+    ctx.notify.popoverClosed();
   }
   function repositionAll() {
-    if (settingsView && settingsViewAdded)
-      applySettingsBounds();
-    if (popoverView)
-      applyPopoverBounds();
+    if (overlayDesired.has(VIEW_ID.settings)) applySettingsBounds();
+    if (overlayDesired.has(VIEW_ID.popover)) applyPopoverBounds();
   }
   function disposeAll() {
     detachSimulator();
@@ -3248,43 +3390,8 @@ function createViewManager(ctx) {
     }
     safeArea.dispose();
   }
-  function setNativeSimulatorViewBounds(params) {
-    lastRendererRect = params;
-    if (ctx.windows.mainWindow.isDestroyed() || !nativeSimulatorView) return;
-    const p = computeNativeSimulatorViewParams(params, params.zoom);
-    currentZoomFactor = p.zoomFactor;
-    if (isHidden(p.bounds)) {
-      if (nativeSimulatorViewAdded) {
-        try {
-          ctx.windows.mainWindow.contentView.removeChildView(nativeSimulatorView);
-        } catch {
-        }
-        nativeSimulatorViewAdded = false;
-      }
-      return;
-    }
-    if (!nativeSimulatorViewAdded) {
-      ctx.windows.mainWindow.contentView.addChildView(nativeSimulatorView);
-      nativeSimulatorViewAdded = true;
-      raiseTopOverlays();
-    }
-    nativeSimulatorView.setBounds(p.bounds);
-    const simWc = nativeSimulatorView.webContents;
-    if (!simWc.isDestroyed()) {
-      simWc.setZoomFactor(p.zoomFactor);
-    }
-    try {
-      for (const wc of webContents.getAllWebContents()) {
-        if (wc.isDestroyed()) continue;
-        if (wc.hostWebContents === simWc) {
-          wc.setZoomFactor(p.zoomFactor);
-        }
-      }
-    } catch {
-    }
-  }
   function resize(_simWidth) {
-    if (settingsViewAdded) applySettingsBounds();
+    if (overlayDesired.has(VIEW_ID.settings)) applySettingsBounds();
   }
   return {
     attachNativeSimulator,
@@ -3320,15 +3427,12 @@ function createViewManager(ctx) {
     },
     getHostToolbarWebContentsId: () => liveHostToolbarWebContents()?.id ?? null,
     getHostToolbarHeight: () => hostToolbarLastHeight,
-    setNativeSimulatorViewBounds,
     resize,
-    setSimulatorDevtoolsBounds,
+    setPlacementSnapshot,
     attachWorkbench,
     setWorkbenchSource,
-    setWorkbenchBounds,
     detachWorkbench,
     openFileInWorkbench,
-    setHostToolbarBounds,
     setHostToolbarHeight,
     hostToolbar
   };
@@ -4088,15 +4192,6 @@ var SimulatorAttachNativeSchema = z3.tuple([
   }),
   SimWidth
 ]);
-var SimulatorSetNativeBoundsSchema = z3.tuple([
-  z3.object({
-    x: z3.number().finite(),
-    y: z3.number().finite(),
-    width: z3.number().finite(),
-    height: z3.number().finite(),
-    zoom: z3.number().finite().positive()
-  })
-]);
 var SimulatorSetDeviceInfoSchema = z3.tuple([
   z3.object({
     brand: z3.string().max(64),
@@ -4117,12 +4212,31 @@ var SimulatorSetDeviceInfoSchema = z3.tuple([
   })
 ]);
 var NonNegInt = z3.number().int().min(0).max(1e5);
-var ViewBoundsSchema = z3.tuple([
+var FiniteNum = z3.number().finite();
+var PlacementSchema = z3.union([
   z3.object({
-    x: NonNegInt,
-    y: NonNegInt,
-    width: NonNegInt,
-    height: NonNegInt
+    visible: z3.literal(true),
+    bounds: z3.object({
+      x: FiniteNum,
+      y: FiniteNum,
+      width: FiniteNum,
+      height: FiniteNum
+    })
+  }),
+  z3.object({ visible: z3.literal(false) })
+]);
+var PlacementSnapshotSchema = z3.tuple([
+  z3.object({
+    generation: z3.number().int().min(0),
+    epoch: z3.number().int().min(0),
+    views: z3.array(
+      z3.object({
+        viewId: z3.string().min(1).max(64),
+        placement: PlacementSchema,
+        layer: z3.number().int(),
+        extra: z3.object({ zoom: z3.number().finite().positive().optional() }).optional()
+      })
+    ).max(64)
   })
 ]);
 var HostToolbarAdvertiseHeightSchema = z3.tuple([
@@ -4244,9 +4358,6 @@ function registerSimulatorIpc(ctx) {
     return ctx.views.attachNativeSimulator(simulatorUrl, simWidth);
   }).handle(SimulatorChannel.Detach, () => {
     ctx.views.detachSimulator();
-  }).handle(SimulatorChannel.SetNativeBounds, (_, ...args) => {
-    const [p] = validate(SimulatorChannel.SetNativeBounds, SimulatorSetNativeBoundsSchema, args);
-    ctx.views.setNativeSimulatorViewBounds(p);
   }).handle(SimulatorChannel.SetDeviceInfo, (_, ...args) => {
     const [device] = validate(SimulatorChannel.SetDeviceInfo, SimulatorSetDeviceInfoSchema, args);
     ctx.bridge?.setDevice(device);
@@ -5618,7 +5729,22 @@ function setupSimulatorStorage(host, options) {
     }
   }
   const storageApi = options.bridge?.isNativeHost() ? { invoke: runtimeInvoke } : null;
-  return { dispose: () => registry.dispose(), storageApi };
+  function onSyncStorageChange(appId, change) {
+    if (appId !== getActiveAppId()) return;
+    if (host.isDestroyed()) return;
+    switch (change.op) {
+      case "set":
+        pushSyntheticEvent({ type: "added", key: change.key, newValue: change.value });
+        break;
+      case "remove":
+        pushSyntheticEvent({ type: "removed", key: change.key });
+        break;
+      case "clear":
+        host.send(SimulatorStorageChannel.Event, { type: "cleared" });
+        break;
+    }
+  }
+  return { dispose: () => registry.dispose(), storageApi, onSyncStorageChange };
 }
 function findSimulatorWebContents() {
   for (const wc of wcStatic.getAllWebContents()) {
@@ -6101,7 +6227,8 @@ async function handleSpawn(state, ctx, event, opts) {
     activeBridgeId: null,
     poolEntryId,
     onServiceClosed: null,
-    onServiceBoot: null
+    onServiceBoot: null,
+    registryHandle: null
   };
   const rootPage = {
     bridgeId,
@@ -6126,7 +6253,7 @@ async function handleSpawn(state, ctx, event, opts) {
       state.wcIdToAppSessionId.delete(appSession.serviceWc.id);
     }
   });
-  ctx.registry.add(() => disposeAppSession(state, appSessionId));
+  appSession.registryHandle = ctx.registry.add(() => disposeAppSession(state, appSessionId));
   const onServiceClosed = () => {
     void disposeAppSession(state, appSessionId, { serviceAlreadyClosed: true });
   };
@@ -6379,6 +6506,12 @@ function handleContainerMsg(ap, page, msg, ctx, state) {
     case "consoleLog":
       ctx.guestConsole?.emit(msg.body);
       break;
+    case "storageChanged":
+      ctx.onServiceStorageChanged?.(ap.appId, msg.body);
+      break;
+    case "wxmlChanged":
+      state.emitRenderEvent({ kind: "domMutated", appId: ap.appId, bridgeId: page.bridgeId });
+      break;
     default:
       break;
   }
@@ -6736,6 +6869,9 @@ async function disposeAppSession(state, appSessionId, opts = {}) {
   const ap = state.appSessions.get(appSessionId);
   if (!ap) return;
   state.appSessions.delete(appSessionId);
+  const registryHandle = ap.registryHandle;
+  ap.registryHandle = null;
+  void registryHandle?.dispose();
   state.appLifecycle.dispose(appSessionId);
   state.evictAppDataBridges(ap);
   for (const [requestId, pending] of state.pendingApiCalls) {
@@ -6893,27 +7029,13 @@ function makeHostEnv(snapshot) {
 // src/main/ipc/views.ts
 import { ipcMain as ipcMain4 } from "electron";
 function registerViewsIpc(ctx) {
-  const registry = new IpcRegistry(ctx.senderPolicy).handle(ViewChannel.SimulatorDevtoolsBounds, (_event, ...args) => {
-    const [bounds] = validate(
-      ViewChannel.SimulatorDevtoolsBounds,
-      ViewBoundsSchema,
-      args
-    );
-    ctx.views.setSimulatorDevtoolsBounds(bounds);
-  }).handle(ViewChannel.WorkbenchBounds, (_event, ...args) => {
-    const [bounds] = validate(
-      ViewChannel.WorkbenchBounds,
-      ViewBoundsSchema,
+  const registry = new IpcRegistry(ctx.senderPolicy).handle(ViewChannel.PlacementSnapshot, (_event, ...args) => {
+    const [snapshot] = validate(
+      ViewChannel.PlacementSnapshot,
+      PlacementSnapshotSchema,
       args
     );
-    ctx.views.setWorkbenchBounds(bounds);
-  }).handle(ViewChannel.HostToolbarBounds, (_event, ...args) => {
-    const [bounds] = validate(
-      ViewChannel.HostToolbarBounds,
-      ViewBoundsSchema,
-      args
-    );
-    ctx.views.setHostToolbarBounds(bounds);
+    ctx.views.setPlacementSnapshot(snapshot);
   }).handle(ViewChannel.HostToolbarGetHeight, () => ctx.views.getHostToolbarHeight());
   const onAdvertiseHeight = (event, ...args) => {
     if (event.sender.id !== ctx.views.getHostToolbarWebContentsId()) return;
@@ -8813,21 +8935,87 @@ import { DisposableRegistry as DisposableRegistry8 } from "@dimina-kit/electron-
 function setupSimulatorWxml(host, options) {
   const { bridge, inspector, getActiveAppId } = options;
   const registry = new DisposableRegistry8();
-  async function pull() {
-    const wc = bridge.getActiveRenderWc(getActiveAppId() ?? void 0);
+  let active = false;
+  let seq = 0;
+  let pulling = false;
+  let again = false;
+  let observedWc = null;
+  function activeWc() {
+    return bridge.getActiveRenderWc(getActiveAppId() ?? void 0);
+  }
+  async function pull(wc) {
     if (!wc) return null;
     return inspector.getWxml(wc);
   }
+  function schedulePull() {
+    if (!active) return;
+    const mySeq = ++seq;
+    if (pulling) {
+      again = true;
+      return;
+    }
+    pulling = true;
+    void pull(activeWc()).then((tree) => {
+      if (mySeq === seq && active && !host.isDestroyed()) {
+        host.send(SimulatorWxmlChannel.Event, tree);
+      }
+    }).finally(() => {
+      pulling = false;
+      if (again) {
+        again = false;
+        schedulePull();
+      }
+    });
+  }
+  function startObserving(wc) {
+    if (!wc) return;
+    observedWc = wc;
+    void inspector.setWxmlObserving(wc, true);
+  }
+  function stopObserving() {
+    const wc = observedWc;
+    observedWc = null;
+    if (wc) void inspector.setWxmlObserving(wc, false);
+  }
+  function reconcileObserving() {
+    if (!active) return;
+    const wc = activeWc();
+    if (wc !== observedWc) {
+      stopObserving();
+      startObserving(wc);
+    }
+  }
+  function cancelPending() {
+    seq++;
+    again = false;
+  }
   const ipc = new IpcRegistry(options.senderPolicy);
-  ipc.handle(SimulatorWxmlChannel.GetSnapshot, () => pull());
+  ipc.handle(SimulatorWxmlChannel.GetSnapshot, () => pull(activeWc()));
+  ipc.handle(SimulatorWxmlChannel.SetActive, (_event, on) => {
+    if (on) {
+      active = true;
+      reconcileObserving();
+      schedulePull();
+    } else {
+      active = false;
+      cancelPending();
+      stopObserving();
+    }
+  });
   registry.add(ipc);
-  const unsubscribe = bridge.onRenderEvent(() => {
-    void pull().then((tree) => {
-      if (host.isDestroyed()) return;
-      host.send(SimulatorWxmlChannel.Event, tree);
-    });
+  const unsubscribe = bridge.onRenderEvent((event) => {
+    if (!active) return;
+    const appId = getActiveAppId();
+    if (appId && event.appId !== appId) return;
+    reconcileObserving();
+    schedulePull();
   });
   registry.add(unsubscribe);
+  registry.add(() => {
+    active = false;
+    cancelPending();
+    stopObserving();
+  });
   return registry;
 }
 
@@ -9209,7 +9397,17 @@ function createRenderInspector(options = {}) {
     } catch {
     }
   }
-  return { getWxml, highlight, unhighlight };
+  async function setWxmlObserving(wc, on) {
+    if (wc.isDestroyed()) return;
+    if (!await ensureInjected(wc)) return;
+    try {
+      await wc.executeJavaScript(
+        `window.__diminaRenderInspect && window.__diminaRenderInspect.setWxmlObserving(${on ? "true" : "false"})`
+      );
+    } catch {
+    }
+  }
+  return { getWxml, highlight, unhighlight, setWxmlObserving };
 }
 
 // src/main/services/simulator-temp-files/index.ts
@@ -10368,6 +10566,7 @@ function runDevtoolsBootstrap(config = {}) {
   }
   setupCdpPort();
   suppressInsecureCspWarnings();
+  if (!app15.isPackaged) installMaxListenersWarningDiagnostic();
   registerDifileScheme();
   try {
     app15.commandLine.appendSwitch("enable-features", "SharedArrayBuffer");
@@ -10492,6 +10691,10 @@ async function createDevtoolsRuntime(config = {}) {
     context.registry.add(() => {
       context.storageApi = void 0;
     });
+    context.onServiceStorageChanged = storage.onSyncStorageChange;
+    context.registry.add(() => {
+      context.onServiceStorageChanged = void 0;
+    });
   }
   if (context.bridge?.isNativeHost()) {
     const networkForward = createNetworkForwarder({