@dimina-kit/devtools 0.4.0-dev.20260803105710 → 0.4.0-dev.20260828092243

package/dist/main/index.bundle.js

@@ -31,6 +31,9 @@ var DEFAULT_CDP_PORT = 9222;
 var DEFAULT_SCENE = 1001;
 var HEADER_H = 40;
 var HOST_TOOLBAR_RUNTIME_MARKER = "--dimina-host-toolbar";
+var HOST_SIDEBAR_RUNTIME_MARKER = "--dimina-host-sidebar";
+var HOST_DIALOG_RUNTIME_MARKER = "--dimina-host-dialog";
+var HOST_SIDEBAR_DEFAULT_WIDTH = 56;
 
 // src/main/services/settings/index.ts
 import { app, nativeTheme } from "electron";
@@ -368,8 +371,11 @@ var SimulatorChannel = {
   Detach: "simulator:detach",
   Console: "simulator:console",
   // Main → renderer push of the visible top-of-stack page route whenever the
-  // mini-app navigates (navigateTo / switchTab / back). Payload: the page path
-  // string (same bare format as `getCurrentPagePath`), or '' when unknown.
+  // mini-app navigates (navigateTo / switchTab / back). Payload: the page
+  // route string (`pagePath` + `?k=v&…` query, same format as
+  // `encodePageSpec`/`decodePageSpec`), or '' when unknown. The query lets the
+  // page-path bar show params (WeChat DevTools parity) and a recompile restore
+  // the current page's params.
   CurrentPage: "simulator:current-page"
 };
 var ServiceHostChannel = {
@@ -439,6 +445,10 @@ var WorkbenchSettingsChannel = {
 var ProjectChannel = {
   Open: "project:open",
   Close: "project:close",
+  // Renderer → main invoke: run one real recompile of the active session
+  // (the popover 重新编译 button). Resolves `{ supported: boolean }`; rejects
+  // on build failure or when no session is active.
+  Rebuild: "project:rebuild",
   GetPages: "project:getPages",
   GetCompileConfig: "project:getCompileConfig",
   SaveCompileConfig: "project:saveCompileConfig",
@@ -487,54 +497,6 @@ var ProjectsChannel = {
 var DialogChannel = {
   OpenDirectory: "dialog:openDirectory"
 };
-var ViewChannel = {
-  /**
-   * Reverse size-advertiser: the host-toolbar WCV's OWN renderer advertises its
-   * intrinsic content height so main reserves exactly that much. Payload
-   * `{ axis: 'block', extent }`. fire-and-forget (send), NOT invoke.
-   */
-  HostToolbarAdvertiseHeight: "view:host-toolbar:advertise-height",
-  /**
-   * main → host-toolbar WCV renderer: per-load MessagePort handshake for the
-   * gated narrow channel. On every toolbar `did-finish-load` main creates a
-   * `MessageChannelMain` and transfers port2 here
-   * (`wc.postMessage(HostToolbarPort, null, [port2])`); the session-resident
-   * toolbar runtime preload receives it via `event.ports[0]` and bridges it to
-   * the page as `window.diminaHostToolbar`. Envelope both directions:
-   * `{ channel: string, payload: unknown }`.
-   */
-  HostToolbarPort: "view:host-toolbar:port",
-  /**
-   * main → main-window renderer: push the reserved host-toolbar height so the
-   * renderer placeholder div resizes (closing the dynamic-height loop).
-   */
-  HostToolbarHeightChanged: "view:host-toolbar:height-changed",
-  /**
-   * main ← main-window renderer (invoke): pull the last NOTIFIED toolbar
-   * height retained in main. Mount-time replay companion to
-   * `HostToolbarHeightChanged`: the push listener mounts with the project
-   * view and the toolbar's size-advertiser deduplicates (never re-reports),
-   * so a height pushed while no project view was mounted would otherwise be
-   * lost forever (cold start on the project list races it; close-project →
-   * reopen hits it deterministically). No payload; resolves a number.
-   */
-  HostToolbarGetHeight: "view:host-toolbar:get-height",
-  /**
-   * 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.
-   */
-  PlacementSnapshot: "view:placement-snapshot"
-};
-var PopoverChannel = {
-  Show: "popover:show",
-  Hide: "popover:hide",
-  Relaunch: "popover:relaunch",
-  Closed: "popover:closed",
-  Init: "popover:init"
-};
 var WindowChannel = {
   NavigateBack: "window:navigateBack",
   OpenProject: "window:openProject",
@@ -557,19 +519,6 @@ var InternalDevtoolsChannel = {
   // its own dedicated window (see internal-devtools-window/index.ts).
   Open: "internal-devtools:open"
 };
-var SettingsChannel = {
-  SetVisible: "settings:setVisible",
-  ConfigChanged: "settings:configChanged",
-  ProjectSettingsChanged: "settings:projectSettingsChanged",
-  Init: "settings:init"
-};
-var UpdateChannel = {
-  Check: "updates:check",
-  Download: "updates:download",
-  Install: "updates:install",
-  DownloadProgress: "updates:downloadProgress",
-  Available: "updates:available"
-};
 
 // src/main/ipc/project-fs.ts
 import { WATCH_IGNORE_DIRS } from "@dimina-kit/devkit/watch-ignore";
@@ -904,9 +853,9 @@ function registerProjectFsIpc(ctx) {
 }
 
 // src/main/app/app.ts
-import { app as app13, BrowserWindow as BrowserWindow6, nativeImage, session as session2 } from "electron";
+import { app as app13, BrowserWindow as BrowserWindow5, nativeImage, session as session2 } from "electron";
 import fs10 from "fs";
-import path20 from "path";
+import path19 from "path";
 
 // src/main/utils/paths.ts
 import fs3 from "fs";
@@ -937,6 +886,14 @@ var hostToolbarRuntimePreloadPath = path3.join(
   devtoolsPackageRoot,
   "dist/preload/windows/host-toolbar-runtime.cjs"
 );
+var hostSidebarRuntimePreloadPath = path3.join(
+  devtoolsPackageRoot,
+  "dist/preload/windows/host-sidebar-runtime.cjs"
+);
+var hostDialogRuntimePreloadPath = path3.join(
+  devtoolsPackageRoot,
+  "dist/preload/windows/host-dialog-runtime.cjs"
+);
 var simulatorDir = path3.join(devtoolsPackageRoot, "dist/simulator");
 var runtimeAssetPaths = {
   root: path3.join(devtoolsPackageRoot, "dist"),
@@ -958,7 +915,7 @@ function themeBg() {
   return nativeTheme2.shouldUseDarkColors ? "#1a1a1a" : "#fafafa";
 }
 function simDeskBg() {
-  return nativeTheme2.shouldUseDarkColors ? "#121212" : "#e8e8e8";
+  return nativeTheme2.shouldUseDarkColors ? "#282828" : "#f7f7f9";
 }
 function installThemeBackgroundSync() {
   const apply = () => {
@@ -1576,6 +1533,12 @@ function createWorkbenchSenderPolicy(ctx) {
     if (settingsViewId != null && sender.id === settingsViewId) return true;
     const popoverViewId = ctx.views.getPopoverWebContentsId();
     if (popoverViewId != null && sender.id === popoverViewId) return true;
+    const tooltipViewId = ctx.views.getTooltipWebContentsId();
+    if (tooltipViewId != null && sender.id === tooltipViewId) return true;
+    const projectCreateDialogViewId = ctx.views.getProjectCreateDialogWebContentsId();
+    if (projectCreateDialogViewId != null && sender.id === projectCreateDialogViewId) return true;
+    const updateDialogViewId = ctx.views.getUpdateDialogWebContentsId();
+    if (updateDialogViewId != null && sender.id === updateDialogViewId) return true;
     return false;
   };
 }
@@ -1595,6 +1558,148 @@ var defaultAdapter = {
   }
 };
 
+// src/shared/ipc-channels-overlays.ts
+var ViewChannel = {
+  /**
+   * Reverse size-advertiser: the host-toolbar WCV's OWN renderer advertises its
+   * intrinsic content height so main reserves exactly that much. Payload
+   * `{ axis: 'block', extent }`. fire-and-forget (send), NOT invoke.
+   */
+  HostToolbarAdvertiseHeight: "view:host-toolbar:advertise-height",
+  /**
+   * main → host-toolbar WCV renderer: per-load MessagePort handshake for the
+   * gated narrow channel. On every toolbar `did-finish-load` main creates a
+   * `MessageChannelMain` and transfers port2 here
+   * (`wc.postMessage(HostToolbarPort, null, [port2])`); the session-resident
+   * toolbar runtime preload receives it via `event.ports[0]` and bridges it to
+   * the page as `window.diminaHostToolbar`. Envelope both directions:
+   * `{ channel: string, payload: unknown }`.
+   */
+  HostToolbarPort: "view:host-toolbar:port",
+  /**
+   * main → main-window renderer: push the reserved host-toolbar height so the
+   * renderer placeholder div resizes (closing the dynamic-height loop).
+   */
+  HostToolbarHeightChanged: "view:host-toolbar:height-changed",
+  /**
+   * main ← main-window renderer (invoke): pull the last NOTIFIED toolbar
+   * height retained in main. Mount-time replay companion to
+   * `HostToolbarHeightChanged`: the push listener mounts with the project
+   * view and the toolbar's size-advertiser deduplicates (never re-reports),
+   * so a height pushed while no project view was mounted would otherwise be
+   * lost forever (cold start on the project list races it; close-project →
+   * reopen hits it deterministically). No payload; resolves a number.
+   */
+  HostToolbarGetHeight: "view:host-toolbar:get-height",
+  /**
+   * Reverse size-advertiser for the host-sidebar WCV, mirroring
+   * `HostToolbarAdvertiseHeight` on the inline (width) axis instead of block.
+   * Payload `{ axis: 'inline', extent }`. fire-and-forget (send), NOT invoke.
+   */
+  HostSidebarAdvertiseWidth: "view:host-sidebar:advertise-width",
+  /**
+   * main → host-sidebar WCV renderer: per-load MessagePort handshake, same
+   * contract as `HostToolbarPort` (see that entry).
+   */
+  HostSidebarPort: "view:host-sidebar:port",
+  /**
+   * main → main-window renderer: push the reserved host-sidebar width so the
+   * renderer placeholder div resizes, mirroring `HostToolbarHeightChanged`.
+   */
+  HostSidebarWidthChanged: "view:host-sidebar:width-changed",
+  /**
+   * main ← main-window renderer (invoke): pull the last NOTIFIED sidebar
+   * width, mirroring `HostToolbarGetHeight`'s mount-time replay role.
+   */
+  HostSidebarGetWidth: "view:host-sidebar:get-width",
+  /**
+   * main → main-window renderer: push the project category (`Project.type`)
+   * selected in the host-sidebar's content — devtools' own default icon rail,
+   * or any downstream replacement that sends on the same channel. No
+   * pull/replay companion like `HostSidebarGetWidth`: the default category is
+   * a stable initial value regardless of load-order, and nothing is ever sent
+   * before the main-window renderer (and thus `ProjectListScreen`) is already
+   * mounted.
+   */
+  HostSidebarCategorySelected: "view:host-sidebar:category-selected",
+  /**
+   * Reverse size-advertiser for the host-dialog WCV. Unlike the toolbar/sidebar
+   * (single-axis, `setBaseDesired`-placed strips), the dialog is a BOTH-AXES
+   * overlay positioned by `setOverlayDesired` — main centers it in the main
+   * window once it knows both dimensions. One channel carries either axis'
+   * report (`{ axis: 'block' | 'inline', extent }`); the dialog's own content
+   * advertises both from the same root (see `host-dialog-advertiser.ts`).
+   * fire-and-forget (send), NOT invoke.
+   *
+   * No `HostDialogSizeChanged` / `HostDialogGetSize` counterparts: those exist
+   * for toolbar/sidebar so a renderer-owned PLACEHOLDER can replay a size it
+   * missed. The dialog has no such placeholder — it is a main-driven overlay
+   * shown/hidden on demand (`hostDialog.show()`/`hide()`), so there is nothing
+   * in the renderer to replay a size into.
+   */
+  HostDialogAdvertiseSize: "view:host-dialog:advertise-size",
+  /**
+   * main → host-dialog WCV renderer: per-load MessagePort handshake, same
+   * contract as `HostToolbarPort` (see that entry).
+   */
+  HostDialogPort: "view:host-dialog:port",
+  /**
+   * 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.
+   */
+  PlacementSnapshot: "view:placement-snapshot",
+  /**
+   * main ← main-window renderer (invoke): allocate a fresh placement
+   * generation seed for this renderer bootstrap. See
+   * renderer-placement-generation.ts for why the seed comes from main
+   * (a wall-clock `Date.now()` seed is not guaranteed to exceed main's
+   * still-standing high-water mark across two reloads that happen faster
+   * than the clock's resolution). No payload; resolves a number.
+   */
+  AllocatePlacementGeneration: "view:allocate-placement-generation"
+};
+var PopoverChannel = {
+  Show: "popover:show",
+  Hide: "popover:hide",
+  Relaunch: "popover:relaunch",
+  Closed: "popover:closed",
+  Init: "popover:init"
+};
+var OverlayChannel = {
+  Ready: "overlay:ready"
+};
+var TooltipChannel = {
+  Prepare: "tooltip:prepare",
+  Show: "tooltip:show",
+  Hide: "tooltip:hide",
+  Init: "tooltip:init",
+  Measured: "tooltip:measured"
+};
+var ProjectCreateChannel = {
+  Show: "projectCreate:show",
+  Init: "projectCreate:init",
+  Submit: "projectCreate:submit",
+  Cancel: "projectCreate:cancel",
+  Submitted: "projectCreate:submitted"
+};
+var SettingsChannel = {
+  SetVisible: "settings:setVisible",
+  ConfigChanged: "settings:configChanged",
+  ProjectSettingsChanged: "settings:projectSettingsChanged",
+  Init: "settings:init"
+};
+var UpdateChannel = {
+  Check: "updates:check",
+  Download: "updates:download",
+  Install: "updates:install",
+  DownloadProgress: "updates:downloadProgress",
+  Available: "updates:available",
+  Close: "updates:close"
+};
+
 // src/main/services/notifications/renderer-notifier.ts
 function liveWebContents(wc) {
   if (!wc) return null;
@@ -1633,14 +1738,38 @@ function createRendererNotifier(ctx) {
     hostToolbarHeightChanged(height) {
       sendToMain(ViewChannel.HostToolbarHeightChanged, height);
     },
+    hostSidebarWidthChanged(width) {
+      sendToMain(ViewChannel.HostSidebarWidthChanged, width);
+    },
+    hostSidebarCategorySelected(category) {
+      sendToMain(ViewChannel.HostSidebarCategorySelected, category);
+    },
     editorOpenFile(payload) {
       sendToMain(EditorChannel.OpenFile, payload);
     },
+    projectCreateSubmitted(payload) {
+      sendToMain(ProjectCreateChannel.Submitted, payload);
+    },
     popoverInit(popoverView, payload) {
       const wc = liveWebContents(popoverView.webContents);
       if (!wc) return;
       wc.send(PopoverChannel.Init, payload);
     },
+    tooltipInit(tooltipView, payload) {
+      const wc = liveWebContents(tooltipView.webContents);
+      if (!wc) return;
+      wc.send(TooltipChannel.Init, payload);
+    },
+    projectCreateInit(dialogView, payload) {
+      const wc = liveWebContents(dialogView.webContents);
+      if (!wc) return;
+      wc.send(ProjectCreateChannel.Init, payload);
+    },
+    updateAvailable(dialogView, payload) {
+      const wc = liveWebContents(dialogView.webContents);
+      if (!wc) return;
+      wc.send(UpdateChannel.Available, payload);
+    },
     settingsInit(payload) {
       const wc = liveWebContents(ctx.views.getSettingsWebContents());
       if (!wc) return;
@@ -1842,14 +1971,79 @@ function applyViewOps(ops, target) {
   }
 }
 
+// src/main/services/views/native-view-tree.ts
+function createNativeViewTreeHost(ctx, slots) {
+  const order = [];
+  const mounted = /* @__PURE__ */ new Map();
+  function resolve(id) {
+    return slots.get(id)?.getView() ?? null;
+  }
+  return {
+    addChildView(ref) {
+      const view = resolve(ref.id);
+      if (!view || view.webContents.isDestroyed() || ctx.windows.mainWindow.isDestroyed()) return false;
+      try {
+        ctx.windows.mainWindow.contentView.addChildView(view);
+      } catch {
+        return false;
+      }
+      const i = order.indexOf(ref.id);
+      if (i >= 0) order.splice(i, 1);
+      order.push(ref.id);
+      mounted.set(ref.id, view);
+      return true;
+    },
+    removeChildView(ref) {
+      const view = mounted.get(ref.id) ?? null;
+      if (!view || ctx.windows.mainWindow.isDestroyed()) return false;
+      try {
+        ctx.windows.mainWindow.contentView.removeChildView(view);
+      } catch {
+        return false;
+      }
+      const i = order.indexOf(ref.id);
+      if (i >= 0) order.splice(i, 1);
+      mounted.delete(ref.id);
+      return true;
+    },
+    get isDestroyed() {
+      return ctx.windows.mainWindow.isDestroyed();
+    },
+    children: () => order.map((id) => ({ id })),
+    destroyView(viewId, view) {
+      const isMountedInstance = view !== null && mounted.get(viewId) === view;
+      if (view && !ctx.windows.mainWindow.isDestroyed()) {
+        try {
+          ctx.windows.mainWindow.contentView.removeChildView(view);
+        } catch {
+        }
+      }
+      if (isMountedInstance) {
+        const i = order.indexOf(viewId);
+        if (i >= 0) order.splice(i, 1);
+        mounted.delete(viewId);
+      }
+      if (view) {
+        try {
+          if (!view.webContents.isDestroyed()) view.webContents.close();
+        } catch {
+        }
+      }
+    }
+  };
+}
+
 // src/main/services/views/placement-reconciler.ts
 function createPlacementReconciler(ctx) {
   let placementState = createInitialState();
   let epochCounter = 0;
   let rendererGeneration = 0;
+  let allocatedGeneration = 0;
+  const appliedActual = /* @__PURE__ */ new Map();
   const baseDesired = /* @__PURE__ */ new Map();
   const overlayDesired = /* @__PURE__ */ new Map();
   const slots = /* @__PURE__ */ new Map();
+  const contentViewHost = createNativeViewTreeHost(ctx, slots);
   function gateReadiness(v) {
     const slot = slots.get(v.viewId);
     if (slot?.gateHidden?.()) return { ...v, placement: { visible: false } };
@@ -1860,53 +2054,54 @@ function createPlacementReconciler(ctx) {
       if (ctx.windows.mainWindow.isDestroyed()) return;
       const slot = slots.get(viewId);
       if (!slot) return;
-      if (slot.beforeAttach?.()) return;
       const view = slot.ensureView ? slot.ensureView() : slot.getView();
       if (!view) return;
-      ctx.windows.mainWindow.contentView.addChildView(view);
-      slot.setAdded?.(true);
+      if (!contentViewHost.addChildView({ id: viewId })) return;
+      const previous = appliedActual.get(viewId);
+      appliedActual.set(viewId, {
+        attached: true,
+        visible: true,
+        bounds: previous?.bounds,
+        extra: previous?.extra
+      });
     },
     detach(viewId) {
-      const slot = slots.get(viewId);
-      const view = slot?.getView() ?? null;
-      if (view && !ctx.windows.mainWindow.isDestroyed()) {
-        try {
-          ctx.windows.mainWindow.contentView.removeChildView(view);
-        } catch {
-        }
-      }
-      slot?.setAdded?.(false);
+      if (!contentViewHost.removeChildView({ id: viewId })) return;
+      appliedActual.delete(viewId);
     },
     setBounds(viewId, bounds, extra) {
       const slot = slots.get(viewId);
       const view = slot?.getView() ?? null;
       if (!view || view.webContents.isDestroyed()) return;
-      if (slot?.applyBounds) {
-        slot.applyBounds(view, bounds, extra);
+      try {
+        if (slot?.applyBounds) slot.applyBounds(view, bounds, extra);
+        else view.setBounds(bounds);
+      } catch {
         return;
       }
-      view.setBounds(bounds);
+      const previous = appliedActual.get(viewId);
+      appliedActual.set(viewId, {
+        attached: previous?.attached ?? false,
+        visible: previous?.visible ?? false,
+        bounds,
+        extra
+      });
     },
     setVisible(viewId, visible) {
       const view = slots.get(viewId)?.getView() ?? null;
-      if (!view) return;
+      if (!view || view.webContents.isDestroyed()) return;
       try {
         view.setVisible(visible);
       } catch {
+        return;
       }
+      const previous = appliedActual.get(viewId);
+      if (!previous) return;
+      appliedActual.set(viewId, { ...previous, visible });
     },
     reorder(order) {
       if (order.length <= 1 || ctx.windows.mainWindow.isDestroyed()) return;
-      const cv = ctx.windows.mainWindow.contentView;
-      for (const viewId of order) {
-        const view = slots.get(viewId)?.getView() ?? null;
-        if (view) {
-          try {
-            cv.addChildView(view);
-          } catch {
-          }
-        }
-      }
+      for (const viewId of order) contentViewHost.addChildView({ id: viewId });
     }
   };
   function ensureLazyViews() {
@@ -1914,11 +2109,15 @@ function createPlacementReconciler(ctx) {
       slot.ensureLazy?.(baseDesired.get(viewId));
     }
   }
+  function cloneAppliedActual() {
+    return new Map([...appliedActual].map(([viewId, actual]) => [viewId, { ...actual }]));
+  }
   function reconcileNow() {
     ensureLazyViews();
     const views = [];
     for (const v of baseDesired.values()) views.push(gateReadiness(v));
     for (const v of overlayDesired.values()) views.push(v);
+    placementState = { ...placementState, actual: cloneAppliedActual() };
     const result = reconcile(placementState, {
       generation: rendererGeneration,
       epoch: ++epochCounter,
@@ -1926,8 +2125,15 @@ function createPlacementReconciler(ctx) {
     });
     placementState = result.state;
     applyViewOps(result.ops, viewTarget);
+    placementState = { ...placementState, actual: cloneAppliedActual() };
   }
   function setPlacementSnapshot(snapshot) {
+    if (snapshot.generation < rendererGeneration) {
+      console.warn(
+        `[placement-reconciler] snapshot generation ${snapshot.generation} is behind the current ${rendererGeneration}; dropping without applying its content`
+      );
+      return;
+    }
     rendererGeneration = snapshot.generation;
     baseDesired.clear();
     for (const v of snapshot.views) baseDesired.set(v.viewId, v);
@@ -1939,7 +2145,18 @@ function createPlacementReconciler(ctx) {
     },
     reconcileNow,
     setPlacementSnapshot,
-    forgetActual: (viewId) => {
+    prepareView: (viewId, view, bounds) => {
+      if (slots.get(viewId)?.getView() !== view || view.webContents.isDestroyed()) return;
+      try {
+        view.setBounds(bounds);
+      } catch {
+        return;
+      }
+      appliedActual.set(viewId, { attached: false, visible: false, bounds });
+    },
+    destroyView: (viewId, view) => {
+      contentViewHost.destroyView(viewId, view);
+      appliedActual.delete(viewId);
       placementState.actual.delete(viewId);
     },
     setBaseDesired: (viewId, desired) => {
@@ -1954,7 +2171,11 @@ function createPlacementReconciler(ctx) {
     deleteOverlayDesired: (viewId) => {
       overlayDesired.delete(viewId);
     },
-    hasOverlayDesired: (viewId) => overlayDesired.has(viewId)
+    hasOverlayDesired: (viewId) => overlayDesired.has(viewId),
+    allocateGeneration: () => {
+      allocatedGeneration = Math.max(allocatedGeneration, rendererGeneration) + 1;
+      return allocatedGeneration;
+    }
   };
 }
 
@@ -1967,33 +2188,28 @@ var VIEW_ID = {
   simulatorDevtools: "simulator-devtools",
   workbench: "workbench",
   hostToolbar: "host-toolbar",
+  hostSidebar: "host-sidebar",
+  hostDialog: "host-dialog",
   settings: "settings",
-  popover: "popover"
+  popover: "popover",
+  tooltip: "tooltip",
+  projectCreateDialog: "project-create-dialog",
+  updateDialog: "update-dialog"
 };
 var VIEW_LAYER = {
   base: 0,
   hostToolbar: 5,
+  hostSidebar: 5,
   settings: 10,
-  popover: 20
+  popover: 20,
+  tooltip: 30,
+  // devtools' own ProjectCreateDialog/UpdateDialog panels (createOverlayPanel).
+  dialog: 40,
+  // Host-controlled fully-custom dialog (loadURL-level takeover); sits above
+  // devtools' own dialog layer so host content is never occluded by it.
+  hostDialog: 45
 };
 
-// src/main/services/views/destroy-child-view.ts
-function destroyChildView(mainWindow, view) {
-  if (!view) return;
-  if (!mainWindow.isDestroyed()) {
-    try {
-      mainWindow.contentView.removeChildView(view);
-    } catch {
-    }
-  }
-  try {
-    if (!view.webContents.isDestroyed()) {
-      view.webContents.close();
-    }
-  } catch {
-  }
-}
-
 // src/main/services/views/workbench-view.ts
 var ATTACH_HOLD_CAP_MS = 3e3;
 function createWorkbenchView(ctx, reconciler) {
@@ -2009,6 +2225,10 @@ function createWorkbenchView(ctx, reconciler) {
   function pushWorkbenchTheme() {
     if (!workbenchView || workbenchView.webContents.isDestroyed()) return;
     const wc = workbenchView.webContents;
+    try {
+      if (typeof workbenchView.setBackgroundColor === "function") workbenchView.setBackgroundColor(themeBg());
+    } catch {
+    }
     if (typeof wc.executeJavaScript !== "function") return;
     const script = `window.__WB_SET_THEME && window.__WB_SET_THEME(${JSON.stringify(workbenchThemeScheme())})`;
     wc.executeJavaScript(script, true).catch(() => {
@@ -2024,6 +2244,10 @@ function createWorkbenchView(ctx, reconciler) {
       }
     });
     workbenchView = view;
+    try {
+      view.setBackgroundColor(themeBg());
+    } catch {
+    }
     if (!workbenchThemeSyncBound) {
       nativeTheme3.on("updated", pushWorkbenchTheme);
       workbenchThemeSyncBound = true;
@@ -2032,7 +2256,6 @@ function createWorkbenchView(ctx, reconciler) {
       view.webContents.setWindowOpenHandler(({ url: target }) => handleWindowOpenExternal(target));
     } catch {
     }
-    ctx.windows.mainWindow.contentView.addChildView(view);
     const loadUrl = `${url}index.html?theme=${workbenchThemeScheme()}`;
     await view.webContents.loadURL(loadUrl).catch((err2) => {
       console.error("[workbench] attachWorkbench \u2014 loadURL failed", err2);
@@ -2076,11 +2299,9 @@ function createWorkbenchView(ctx, reconciler) {
       nativeTheme3.removeListener("updated", pushWorkbenchTheme);
       workbenchThemeSyncBound = false;
     }
-    destroyChildView(ctx.windows.mainWindow, workbenchView);
+    reconciler.destroyView(VIEW_ID.workbench, workbenchView);
     workbenchView = null;
-    if (attachHeld) {
-      reconciler.forgetActual(VIEW_ID.workbench);
-    } else {
+    if (!attachHeld) {
       reconciler.deleteBaseDesired(VIEW_ID.workbench);
     }
     reconciler.reconcileNow();
@@ -2125,13 +2346,6 @@ function createWorkbenchView(ctx, reconciler) {
   reconciler.registerView(VIEW_ID.workbench, {
     getView: () => workbenchView,
     gateHidden: () => !workbenchView && (!workbenchUrl || attachHeld),
-    beforeAttach: () => {
-      if (!workbenchView && workbenchUrl && !attachHeld) {
-        void attachWorkbench(workbenchUrl);
-        return true;
-      }
-      return false;
-    },
     ensureLazy: (desired) => {
       if (desired?.placement.visible && !workbenchView && workbenchUrl && !attachHeld) void attachWorkbench(workbenchUrl);
     }
@@ -2535,25 +2749,20 @@ function buildDevtoolsProjectSourceLinksScript(context) {
 }
 
 // src/main/services/views/devtools-tabs.ts
-var DEVTOOLS_KEPT_VIEW_IDS = ["elements", "console", "network", "sources"];
+var DEVTOOLS_KEPT_VIEW_IDS = ["elements", "console", "sources", "network"];
 function buildCustomizeTabsScript(keptIds = DEVTOOLS_KEPT_VIEW_IDS) {
   const NAME_MAP = {
     elements: ["Elements", "\u5143\u7D20"],
     console: ["Console", "\u63A7\u5236\u53F0"],
-    network: ["Network", "\u7F51\u7EDC"],
-    sources: ["Sources", "\u6765\u6E90", "\u6E90\u4EE3\u7801"]
+    sources: ["Sources", "\u6765\u6E90", "\u6E90\u4EE3\u7801"],
+    network: ["Network", "\u7F51\u7EDC"]
   };
   const keepNames = keptIds.flatMap((id) => NAME_MAP[id] ?? [id]);
   const keepIdsJson = JSON.stringify(JSON.stringify([...keptIds]));
   const keepNamesJson = JSON.stringify(JSON.stringify(keepNames));
-  const srcNamesJson = JSON.stringify(JSON.stringify(NAME_MAP.sources));
-  const netNamesJson = JSON.stringify(JSON.stringify(NAME_MAP.network));
   return `(function(){try{
     var KEEPID = new Set(JSON.parse(${keepIdsJson}));
     var KEEPNAME = new Set(JSON.parse(${keepNamesJson}));
-    var SRCNAME = new Set(JSON.parse(${srcNamesJson}));
-    var NETNAME = new Set(JSON.parse(${netNamesJson}));
-    var WANT_SOURCES_LAST = KEEPID.has('sources');
     // (1) Locale infobar \u2014 official host-preference suppression (NOT localStorage).
     try { var IFH=globalThis.InspectorFrontendHost; if(IFH&&typeof IFH.setPreference==='function'){ IFH.setPreference('disable-locale-info-bar','true'); } }catch(_){}
     function deepCollect(sel,cap){ var out=[],seen=0,stack=[document]; while(stack.length&&seen<(cap||40000)){ var root=stack.pop(); try{var m=root.querySelectorAll?root.querySelectorAll(sel):[];for(var i=0;i<m.length;i++)out.push(m[i]);}catch(_){} try{var all=root.querySelectorAll?root.querySelectorAll('*'):[];for(var j=0;j<all.length;j++){seen++;if(all[j].shadowRoot)stack.push(all[j].shadowRoot);}}catch(_){} } return out; }
@@ -2584,15 +2793,6 @@ function buildCustomizeTabsScript(keptIds = DEVTOOLS_KEPT_VIEW_IDS) {
         if(!handled){ var FALL=['timeline','resources','heap-profiler','security','lighthouse','chrome-recorder','coverage','linear-memory-inspector','sensors','rendering','animations','autofill-view','medias','issues-pane']; for(var fr=0;fr<FALL.length;fr++){ try{ if(!KEEPID.has(FALL[fr])) maybeRemove(FALL[fr]); }catch(_){} } }
       } else { domFallback(); }
     })();
-    // Keep Sources LAST in the bar (after Network). Default DevTools order puts
-    // Sources between Console and Network; nudge it to just after Network. Runs in
-    // BOTH paths (registry removal leaves the kept tabs in default order). Self-
-    // stable: once Sources follows Network the condition no longer holds.
-    if(WANT_SOURCES_LAST){ var ro=0,rt=setInterval(function(){ ro++; try{
-      var tabs=deepCollect('[role="tab"]'),src=null,net=null;
-      for(var i=0;i<tabs.length;i++){ var n=txt(tabs[i]); if(SRCNAME.has(n))src=tabs[i]; else if(NETNAME.has(n))net=tabs[i]; }
-      if(src&&net&&src.parentElement&&src.parentElement===net.parentElement&&(src.compareDocumentPosition(net)&Node.DOCUMENT_POSITION_FOLLOWING)){ net.parentElement.insertBefore(src,net.nextSibling); }
-    }catch(_){} if(ro>120)clearInterval(rt); },60); }
     // DOM fallback: only if the ESM module couldn't be resolved at all.
     function domFallback(){ var cachedBar=null;
       function findBar(){ if(cachedBar&&cachedBar.isConnected)return cachedBar; cachedBar=null; var tabs=deepCollect('[role="tab"]'); var a=null; for(var i=0;i<tabs.length;i++){if(KEEPNAME.has(txt(tabs[i]))){a=tabs[i];break;}} if(!a)return null; var p=a.parentElement; while(p){try{if(p.querySelectorAll('[role="tab"]').length>1){cachedBar=p;return p;}}catch(_){} p=p.parentElement;} cachedBar=a.parentElement; return cachedBar; }
@@ -2600,41 +2800,34 @@ function buildCustomizeTabsScript(keptIds = DEVTOOLS_KEPT_VIEW_IDS) {
       var tr=0,t=setInterval(function(){tr++;try{apply();}catch(_){}if(tr>120)clearInterval(t);},60); try{apply();}catch(_){} }
   }catch(_){}})()`;
 }
+function buildDevtoolsSoftMenuScript() {
+  return `(function(){
+    try {
+      var C = globalThis.EUI && globalThis.EUI.ContextMenu && globalThis.EUI.ContextMenu.ContextMenu;
+      if (C && C.prototype && typeof C.prototype.show === 'function') {
+        var origShow = C.prototype.show;
+        C.prototype.show = function() {
+          this.useSoftMenu = true;
+          return origShow.apply(this, arguments);
+        };
+      }
+    } catch (_) {}
+  })()`;
+}
 
 // src/main/services/views/console-filter.ts
-var DEFAULT_INTERNAL_LOG_FILTER = "-/^\\[service\\]/";
-function buildConsoleFilterScript(negativeFilter = DEFAULT_INTERNAL_LOG_FILTER) {
-  const keyJson = JSON.stringify("console.text-filter");
-  const markKeyJson = JSON.stringify("console.text-filter.dimina-default");
-  const valueJsonLiteral = JSON.stringify(JSON.stringify(negativeFilter));
-  return `(function(){try{
-    var IFH = globalThis.InspectorFrontendHost;
-    if (!IFH || typeof IFH.getPreferences !== 'function' || typeof IFH.setPreference !== 'function') return;
-    IFH.getPreferences(function(prefs){
-      try {
-        var KEY = ${keyJson};
-        var MARK_KEY = ${markKeyJson};
-        var VALUE = ${valueJsonLiteral};
-        var existing = prefs ? prefs[KEY] : undefined;
-        var mark = prefs ? prefs[MARK_KEY] : undefined;
-        var isUnset = existing === undefined || existing === null || existing === '' || existing === '""';
-        var isOurStaleDefault = !isUnset && mark !== undefined && mark !== null && existing === mark;
-        if (isUnset || isOurStaleDefault) {
-          IFH.setPreference(KEY, VALUE);
-          IFH.setPreference(MARK_KEY, VALUE);
-        }
-      } catch(_){}
-    });
-  }catch(_){}})()`;
-}
+var INTERNAL_LOG_HIDDEN_PREFIX = "[service]";
+var INTERNAL_LOG_WRAPPER_MARK = "__diminaInternalLogHidden";
 var LIVE_FILTER_POLL_MAX_ATTEMPTS = 100;
 var LIVE_FILTER_POLL_INTERVAL_MS = 100;
-function buildLiveConsoleFilterScript(negativeFilter = DEFAULT_INTERNAL_LOG_FILTER) {
-  const filterJson = JSON.stringify(negativeFilter);
+function buildInternalLogHideScript(hiddenPrefix = INTERNAL_LOG_HIDDEN_PREFIX) {
+  const prefixJson = JSON.stringify(hiddenPrefix);
+  const markJson = JSON.stringify(INTERNAL_LOG_WRAPPER_MARK);
   const maxAttempts = JSON.stringify(LIVE_FILTER_POLL_MAX_ATTEMPTS);
   const intervalMs = JSON.stringify(LIVE_FILTER_POLL_INTERVAL_MS);
   return `(function(){
-    var VALUE = ${filterJson};
+    var PREFIX = ${prefixJson};
+    var MARK = ${markJson};
     var attempts = 0;
     function bootstrapReady() {
       try {
@@ -2644,45 +2837,124 @@ function buildLiveConsoleFilterScript(negativeFilter = DEFAULT_INTERNAL_LOG_FILT
         return true;
       } catch (_) { return false; }
     }
+    function isInternalLog(viewMessage) {
+      try {
+        var msg = viewMessage && typeof viewMessage.consoleMessage === 'function' ? viewMessage.consoleMessage() : null;
+        var text = msg ? String(msg.messageText == null ? '' : msg.messageText) : '';
+        // Exact tag (the rest of the line is in later arguments), or the tag
+        // followed by a space \u2014 same shape as main's isInternalLogMessage. A
+        // bare prefix test would also swallow '[service]\u4E1A\u52A1\u72B6\u6001', an ordinary
+        // business log the panel must keep showing.
+        return text === PREFIX || text.indexOf(PREFIX + ' ') === 0;
+      } catch (_) { return false; }
+    }
     function tryApply() {
       attempts++;
       var scheduleRetry = attempts < ${maxAttempts};
+      // Distinguishes the two halves of this script when the tail throws:
+      // future messages are already handled once the wrapper is on the
+      // prototype, even if re-judging the rows already on screen keeps failing.
+      var wrapperInstalled = false;
       // In-realm bootstrap probe FIRST (defense in depth on top of the
       // main-process whenFrontendBootstrapped gate): touching
-      // Console.ConsoleView.instance() before the front-end's own
-      // MainImpl bootstrap completes constructs IssuesManager early and
-      // permanently kills that bootstrap (ensureFirst conflict) \u2014 the probe
-      // throws BEFORE constructing anything, so a not-ready tick costs
-      // nothing and never touches ConsoleView.
+      // Console.ConsoleView.instance() before the front-end's own MainImpl
+      // bootstrap completes constructs IssuesManager early and permanently
+      // kills that bootstrap (ensureFirst conflict) \u2014 the probe throws BEFORE
+      // constructing anything, so a not-ready tick costs nothing.
       if (!bootstrapReady()) {
         if (scheduleRetry) { setTimeout(tryApply, ${intervalMs}); return; }
-        console.warn('[console-filter] gave up applying the live Console filter after ' + attempts + ' attempts \u2014 the front-end bootstrap never completed');
+        console.warn('[console-filter] gave up hiding internal logs after ' + attempts + ' attempts \u2014 the front-end bootstrap never completed');
         return;
       }
       try {
         var ConsoleNS = globalThis.Console;
         var view = ConsoleNS && ConsoleNS.ConsoleView ? ConsoleNS.ConsoleView.instance() : null;
         var f = view ? view.filter : null;
-        if (!f || !f.textFilterUI || typeof f.textFilterUI.setValue !== 'function' || typeof f.textFilterUI.value !== 'function') {
+        var currentFilter = f ? f.currentFilter : null;
+        if (!currentFilter) {
           if (scheduleRetry) { setTimeout(tryApply, ${intervalMs}); return; }
-          console.warn('[console-filter] gave up applying the live Console filter after ' + attempts + ' attempts \u2014 Console.ConsoleView never became usable');
+          console.warn('[console-filter] gave up hiding internal logs after ' + attempts + ' attempts \u2014 Console.ConsoleView never became usable');
+          return;
+        }
+        // The prototype, NOT the instance: clone() mints further ConsoleFilters
+        // that judge the same messages, and they all share this one.
+        var proto = Object.getPrototypeOf(currentFilter);
+        if (!proto || typeof proto.shouldBeVisible !== 'function') {
+          console.warn('[console-filter] cannot hide internal logs \u2014 ConsoleFilter has no shouldBeVisible to wrap; framework log lines will show in the right panel');
+          return;
+        }
+        if (!proto[MARK]) {
+          var original = proto.shouldBeVisible;
+          proto.shouldBeVisible = function(viewMessage) {
+            if (isInternalLog(viewMessage)) return false;
+            return original.apply(this, arguments);
+          };
+          proto[MARK] = true;
+        }
+        wrapperInstalled = true;
+        // Re-run the panel's visibility pass so lines already on screen when
+        // the wrapper lands are re-judged, not just future ones.
+        if (view && typeof view.onFilterChanged === 'function') view.onFilterChanged();
+      } catch(err) {
+        if (scheduleRetry) { setTimeout(tryApply, ${intervalMs}); return; }
+        // Name which half survived: a wrapper that installed but could never
+        // refresh still hides everything logged from now on, and the panel is
+        // left holding the internal lines printed before it landed. Reporting
+        // that as plain "gave up" would send the next reader looking for a
+        // filter that is in fact working.
+        if (wrapperInstalled) {
+          console.warn('[console-filter] internal logs are hidden from here on, but the rows already on screen could not be re-judged:', err);
+        } else {
+          console.warn('[console-filter] gave up hiding internal logs after ' + attempts + ' attempts:', err);
+        }
+      }
+    }
+    tryApply();
+  })()`;
+}
+
+// src/main/services/views/clear-console-filter.ts
+function buildClearConsoleFilterScript() {
+  return `(function(){
+    var attempts = 0;
+    var MAX = 100;
+    function bootstrapReady() {
+      try {
+        var eui = globalThis.EUI;
+        if (!eui || !eui.ShortcutRegistry || !eui.ShortcutRegistry.ShortcutRegistry) return false;
+        eui.ShortcutRegistry.ShortcutRegistry.instance();
+        return true;
+      } catch (_) { return false; }
+    }
+    function tryClear() {
+      attempts++;
+      var scheduleRetry = attempts < MAX;
+      if (!bootstrapReady()) {
+        if (scheduleRetry) { setTimeout(tryClear, 100); return; }
+        return;
+      }
+      try {
+        try { localStorage.removeItem('console.textFilter'); } catch(_) {}
+        try { localStorage.removeItem('console.text-filter'); } catch(_) {}
+        var ConsoleNS = globalThis.Console;
+        var view = ConsoleNS && ConsoleNS.ConsoleView ? ConsoleNS.ConsoleView.instance() : null;
+        var f = view ? view.filter : null;
+        var box = f && f.textFilterUI;
+        if (!box || typeof box.setValue !== 'function' || typeof box.value !== 'function') {
+          if (scheduleRetry) { setTimeout(tryClear, 100); return; }
           return;
         }
-        var current = f.textFilterUI.value();
-        var isUnset = current === undefined || current === null || current === '';
-        var isOurDefault = current === VALUE;
-        if (isUnset || isOurDefault) {
-          f.textFilterUI.setValue(VALUE);
+        var current = box.value();
+        if (current) {
+          box.setValue('');
           if (typeof f.updateCurrentFilter === 'function') f.updateCurrentFilter();
           if (typeof f.onFilterChanged === 'function') f.onFilterChanged();
         }
-        // Either applied, or a real user customization was detected \u2014 both
-        // are terminal: nothing left for a later retry to accomplish.
       } catch(_) {
-        if (scheduleRetry) setTimeout(tryApply, ${intervalMs});
+        if (scheduleRetry) setTimeout(tryClear, 100);
       }
     }
-    tryApply();
+    tryClear();
   })()`;
 }
 
@@ -2948,7 +3220,8 @@ function createFrontendReplyChannel(hostWc, isDisposed) {
 }
 function drainOutboundBatch(batch, handle) {
   if (!Array.isArray(batch)) return;
-  for (const raw of batch) {
+  const entries = batch;
+  for (const raw of entries) {
     if (!raw || typeof raw !== "object") continue;
     const cmd = raw;
     if (typeof cmd.method !== "string") continue;
@@ -4396,7 +4669,6 @@ function raiseExecuteJavaScriptListenerCeiling(wc) {
 }
 function createDevtoolsHost(ctx, reconciler, deps) {
   let simulatorView = null;
-  let simulatorViewAdded = false;
   let nativeDevtoolsSourceWc = null;
   let devtoolsHostUsed = false;
   let unsubscribeNativeRenderEvents = null;
@@ -4405,6 +4677,7 @@ function createDevtoolsHost(ctx, reconciler, deps) {
   let stopServiceConsole = null;
   let nativeDevtoolsRetryTimer = null;
   let nativeDevtoolsRetryToken = 0;
+  let clearFilterOnNextHostBuild = false;
   const injectWhenReady = createLoadDeferredInjector();
   const openInEditorWiredWcIds = /* @__PURE__ */ new Set();
   function clearNativeDevtoolsRetry() {
@@ -4483,9 +4756,7 @@ function createDevtoolsHost(ctx, reconciler, deps) {
         void whenFrontendBootstrapped(devtoolsWc).then((ready) => {
           if (!ready || devtoolsWc.isDestroyed()) return;
           try {
-            void devtoolsWc.executeJavaScript(buildConsoleFilterScript()).catch(() => {
-            });
-            void devtoolsWc.executeJavaScript(buildLiveConsoleFilterScript()).catch(() => {
+            void devtoolsWc.executeJavaScript(buildInternalLogHideScript()).catch(() => {
             });
           } catch {
           }
@@ -4525,6 +4796,7 @@ function createDevtoolsHost(ctx, reconciler, deps) {
   }
   function pointNativeDevtoolsAtServiceWc(next) {
     if (!simulatorView || simulatorView.webContents.isDestroyed()) return true;
+    clearFilterOnNextHostBuild = false;
     if (nativeDevtoolsSourceWc?.id === next.id && !nativeDevtoolsSourceWc.isDestroyed()) {
       return true;
     }
@@ -4604,18 +4876,19 @@ function createDevtoolsHost(ctx, reconciler, deps) {
   }
   function rebuildDevtoolsHostView() {
     if (simulatorView) {
-      removeSimulatorDevtoolsView();
-      try {
-        if (!simulatorView.webContents.isDestroyed()) {
-          simulatorView.webContents.close();
-        }
-      } catch {
-      }
+      reconciler.destroyView(VIEW_ID.simulatorDevtools, simulatorView);
       simulatorView = null;
     }
     simulatorView = new WebContentsView4();
     const devtoolsWc = simulatorView.webContents;
     raiseExecuteJavaScriptListenerCeiling(devtoolsWc);
+    injectWhenReady(devtoolsWc, "soft-menu", () => {
+      void whenFrontendBootstrapped(devtoolsWc).then((ready) => {
+        if (!ready || devtoolsWc.isDestroyed()) return;
+        devtoolsWc.executeJavaScript(buildDevtoolsSoftMenuScript()).catch(() => {
+        });
+      });
+    });
     ctx.networkForward?.setDevtoolsHost(devtoolsWc);
     if (ctx.bridge) {
       try {
@@ -4661,10 +4934,23 @@ function createDevtoolsHost(ctx, reconciler, deps) {
         });
       });
     });
+    const clearStaleFilter = clearFilterOnNextHostBuild;
+    injectWhenReady(devtoolsWc, "clear-console-filter", () => {
+      if (!clearStaleFilter) return;
+      void whenFrontendBootstrapped(devtoolsWc).then((ready) => {
+        if (!ready || devtoolsWc.isDestroyed()) return;
+        try {
+          void devtoolsWc.executeJavaScript(buildClearConsoleFilterScript()).catch(() => {
+          });
+        } catch {
+        }
+      });
+    });
     reconciler.reconcileNow();
     devtoolsHostUsed = false;
   }
   function attachNativeSimulatorDevtoolsHost() {
+    clearFilterOnNextHostBuild = true;
     stopFollowingNativeServiceHost();
     rebuildDevtoolsHostView();
     if (ctx.bridge?.isNativeHost()) {
@@ -4673,22 +4959,8 @@ function createDevtoolsHost(ctx, reconciler, deps) {
       followNativeDevtoolsServiceHost();
     }
   }
-  function removeSimulatorDevtoolsView() {
-    if (simulatorView && simulatorViewAdded) {
-      try {
-        ctx.windows.mainWindow.contentView.removeChildView(simulatorView);
-      } catch (e) {
-        console.error("[workbench] removeSimulatorDevtoolsView error", e);
-      }
-      simulatorViewAdded = false;
-    }
-    reconciler.forgetActual(VIEW_ID.simulatorDevtools);
-  }
   reconciler.registerView(VIEW_ID.simulatorDevtools, {
     getView: () => simulatorView,
-    setAdded: (added) => {
-      simulatorViewAdded = added;
-    },
     gateHidden: () => !simulatorView
   });
   return {
@@ -4703,41 +4975,50 @@ function createDevtoolsHost(ctx, reconciler, deps) {
       stopElementsForward = null;
     },
     destroyHostView: () => {
-      destroyChildView(ctx.windows.mainWindow, simulatorView);
+      reconciler.destroyView(VIEW_ID.simulatorDevtools, simulatorView);
       simulatorView = null;
-      simulatorViewAdded = false;
     }
   };
 }
 
-// src/main/services/views/host-toolbar-view.ts
-import { WebContentsView as WebContentsView5 } from "electron";
+// src/main/services/views/host-slot-session-runtime.ts
+import { session } from "electron";
+function createHostSlotSessionRuntime(preloadPath) {
+  let refCount = 0;
+  let registrationId = null;
+  return {
+    acquire() {
+      if (refCount === 0) {
+        registrationId = session.defaultSession.registerPreloadScript({
+          type: "frame",
+          filePath: preloadPath
+        });
+      }
+      refCount++;
+    },
+    release() {
+      if (refCount === 0) return;
+      refCount--;
+      if (refCount === 0 && registrationId !== null) {
+        session.defaultSession.unregisterPreloadScript(registrationId);
+        registrationId = null;
+      }
+    }
+  };
+}
 
 // src/main/services/views/host-toolbar-session-runtime.ts
-import { session } from "electron";
-var refCount = 0;
-var registrationId = null;
+var runtime = createHostSlotSessionRuntime(hostToolbarRuntimePreloadPath);
 function acquireHostToolbarSessionRuntime() {
-  if (refCount === 0) {
-    registrationId = session.defaultSession.registerPreloadScript({
-      type: "frame",
-      filePath: hostToolbarRuntimePreloadPath
-    });
-  }
-  refCount++;
+  runtime.acquire();
 }
 function releaseHostToolbarSessionRuntime() {
-  if (refCount === 0) return;
-  refCount--;
-  if (refCount === 0 && registrationId !== null) {
-    session.defaultSession.unregisterPreloadScript(registrationId);
-    registrationId = null;
-  }
+  runtime.release();
 }
 
-// src/main/services/views/host-toolbar-port-channel.ts
+// src/main/services/views/host-slot-port-channel.ts
 import { MessageChannelMain } from "electron";
-function createHostToolbarPortChannel(opts) {
+function createHostSlotPortChannel(opts) {
   let activePort = null;
   let activeWc = null;
   let state = "absent";
@@ -4749,7 +5030,14 @@ function createHostToolbarPortChannel(opts) {
     const { channel, payload } = data;
     if (typeof channel !== "string") return;
     for (const entry of [...handlers2]) {
-      if (entry.channel === channel) entry.handler(payload);
+      if (entry.channel === channel) invokeMessageHandler(entry.handler, payload);
+    }
+  }
+  function invokeMessageHandler(handler, payload) {
+    try {
+      handler(payload);
+    } catch (err2) {
+      console.error(`${opts.logPrefix} onMessage handler threw:`, err2);
     }
   }
   function dropActivePort(close, next) {
@@ -4768,7 +5056,7 @@ function createHostToolbarPortChannel(opts) {
     try {
       handler();
     } catch (err2) {
-      console.error("[host-toolbar] onReady handler threw:", err2);
+      console.error(`${opts.logPrefix} onReady handler threw:`, err2);
     }
   }
   function fireReadyHandlers() {
@@ -4787,7 +5075,7 @@ function createHostToolbarPortChannel(opts) {
     port1.on("close", () => {
       if (activePort === port1) dropActivePort(false, "absent");
     });
-    wc.postMessage(ViewChannel.HostToolbarPort, null, [port2]);
+    wc.postMessage(opts.channel, null, [port2]);
     port1.start();
     activePort = port1;
     activeWc = wc;
@@ -4818,7 +5106,7 @@ function createHostToolbarPortChannel(opts) {
     onMessage(channel, handler) {
       if (typeof channel !== "string" || channel === "") {
         throw new TypeError(
-          "hostToolbar.onMessage: channel must be a non-empty string"
+          `${opts.logPrefix} onMessage: channel must be a non-empty string`
         );
       }
       const entry = { channel, handler };
@@ -4866,151 +5154,407 @@ function createHostToolbarPortChannel(opts) {
   };
 }
 
-// src/main/services/views/host-toolbar-view.ts
-function createHostToolbarView(ctx, reconciler, deps) {
-  let hostToolbarView = null;
-  let hostToolbarPreloadOverride = null;
-  let hostToolbarViewAdded = false;
-  let hostToolbarRuntimeAcquired = false;
-  let hostToolbarHeightMode = "auto";
-  let hostToolbarLastHeight = 0;
-  const hostToolbarPort = createHostToolbarPortChannel({
-    isCurrent: (wc) => liveHostToolbarWebContents() === wc
+// src/main/services/views/host-toolbar-port-channel.ts
+function createHostToolbarPortChannel(opts) {
+  return createHostSlotPortChannel({
+    isCurrent: opts.isCurrent,
+    channel: ViewChannel.HostToolbarPort,
+    logPrefix: "[host-toolbar]"
   });
-  function liveHostToolbarWebContents() {
-    const wc = hostToolbarView?.webContents;
+}
+
+// src/main/services/views/managed-web-contents-view.ts
+import { WebContentsView as WebContentsView5 } from "electron";
+function createManagedWebContentsView(opts) {
+  let view = null;
+  let preloadOverride = null;
+  let runtimeAcquired = false;
+  function liveWebContents2() {
+    const wc = view?.webContents;
     if (!wc || wc.isDestroyed()) return null;
     return wc;
   }
-  function ensureHostToolbarView() {
-    if (hostToolbarView && liveHostToolbarWebContents()) {
-      return hostToolbarView;
+  function teardown(current, detail) {
+    if (view !== current) return;
+    console.error(`[${opts.viewId}] ${detail} \u2014 destroying so the next ensureView() rebuilds`);
+    view = null;
+    opts.reconciler.destroyView(opts.viewId, current);
+    opts.onBroken?.();
+  }
+  function ensureView() {
+    if (view && liveWebContents2()) {
+      return view;
     }
-    if (hostToolbarView && hostToolbarViewAdded) {
-      try {
-        ctx.windows.mainWindow.contentView.removeChildView(hostToolbarView);
-      } catch {
-      }
-      hostToolbarViewAdded = false;
+    if (view) {
+      opts.reconciler.destroyView(opts.viewId, view);
     }
-    reconciler.forgetActual(VIEW_ID.hostToolbar);
-    if (!hostToolbarRuntimeAcquired) {
-      acquireHostToolbarSessionRuntime();
-      hostToolbarRuntimeAcquired = true;
+    if (!runtimeAcquired) {
+      opts.sessionRuntime.acquire();
+      runtimeAcquired = true;
     }
     const webPreferences = {
       nodeIntegration: false,
       contextIsolation: true,
       sandbox: false,
-      additionalArguments: [HOST_TOOLBAR_RUNTIME_MARKER]
+      additionalArguments: [opts.marker]
     };
-    if (hostToolbarPreloadOverride !== null) {
-      webPreferences.preload = hostToolbarPreloadOverride;
+    if (preloadOverride !== null) {
+      webPreferences.preload = preloadOverride;
     }
-    const view = new WebContentsView5({ webPreferences });
-    hostToolbarView = view;
-    hostToolbarPort.attach(view.webContents);
+    const next = new WebContentsView5({ webPreferences });
+    view = next;
+    opts.port.attach(next.webContents);
     try {
-      view.setBackgroundColor("#121212");
+      next.setBackgroundColor("#121212");
     } catch {
     }
     try {
-      view.webContents.setWindowOpenHandler(({ url }) => handleWindowOpenExternal(url));
+      next.webContents.setWindowOpenHandler(({ url }) => handleWindowOpenExternal(url));
     } catch {
     }
-    return view;
-  }
-  function notifyHostToolbarHeight(height) {
-    hostToolbarLastHeight = height;
-    ctx.notify.hostToolbarHeightChanged(height);
-    deps.reapplyPresentOverlays();
-  }
-  function setHostToolbarHeight(extent) {
-    if (hostToolbarHeightMode !== "auto") return;
-    notifyHostToolbarHeight(extent);
-  }
-  function hideHostToolbar() {
-    reconciler.setBaseDesired(VIEW_ID.hostToolbar, {
-      viewId: VIEW_ID.hostToolbar,
-      placement: { visible: false },
-      layer: VIEW_LAYER.hostToolbar
+    next.webContents.on("did-fail-load", (_event, errorCode, _errorDescription, _validatedURL, isMainFrame) => {
+      if (!isMainFrame || errorCode === -3) return;
+      teardown(next, `did-fail-load (code ${errorCode})`);
     });
-    reconciler.reconcileNow();
-    notifyHostToolbarHeight(0);
+    next.webContents.on("render-process-gone", (_event, details) => {
+      teardown(next, `render-process-gone (${details.reason})`);
+    });
+    return next;
   }
-  const control = {
+  return {
     async loadURL(url) {
-      const view = ensureHostToolbarView();
-      hostToolbarPort.invalidate();
-      await view.webContents.loadURL(url);
+      const v = ensureView();
+      opts.port.invalidate();
+      await v.webContents.loadURL(url);
     },
     async loadFile(filePath) {
-      const view = ensureHostToolbarView();
-      hostToolbarPort.invalidate();
-      await view.webContents.loadFile(filePath);
+      const v = ensureView();
+      opts.port.invalidate();
+      await v.webContents.loadFile(filePath);
+    },
+    liveWebContents: liveWebContents2,
+    getView: () => view,
+    setPreloadPath(path20) {
+      preloadOverride = path20;
     },
+    ensureView,
+    dispose() {
+      opts.port.dispose();
+      opts.reconciler.destroyView(opts.viewId, view);
+      view = null;
+      if (runtimeAcquired) {
+        opts.sessionRuntime.release();
+        runtimeAcquired = false;
+      }
+    }
+  };
+}
+
+// src/main/services/views/host-slot-view.ts
+function deriveSlotControl(base, extra) {
+  return {
+    loadURL: (url) => base.loadURL(url),
+    loadFile: (filePath) => base.loadFile(filePath),
     get webContents() {
-      return liveHostToolbarWebContents();
+      return base.webContents;
     },
-    hide() {
-      hideHostToolbar();
+    hide: () => base.hide(),
+    setPreloadPath: (path20) => base.setPreloadPath(path20),
+    onMessage: (channel, handler) => base.onMessage(channel, handler),
+    onReady: (handler) => base.onReady(handler),
+    send: (channel, payload) => base.send(channel, payload),
+    ...extra
+  };
+}
+function createHostSlotView(reconciler, config, deps) {
+  let extentMode = "auto";
+  let lastExtent = 0;
+  let lastAdvertisedExtent = null;
+  const port = config.portChannel;
+  const managed = createManagedWebContentsView({
+    reconciler,
+    viewId: config.viewId,
+    marker: config.marker,
+    sessionRuntime: config.sessionRuntime,
+    port
+  });
+  function notifyExtent(extent) {
+    lastExtent = extent;
+    deps.onExtentChanged(extent);
+    deps.reapplyPresentOverlays?.();
+  }
+  function setExtent(extent) {
+    lastAdvertisedExtent = extent;
+    if (extentMode !== "auto") return;
+    notifyExtent(extent);
+  }
+  function hideView() {
+    reconciler.setBaseDesired(config.viewId, {
+      viewId: config.viewId,
+      placement: { visible: false },
+      layer: config.layer
+    });
+    reconciler.reconcileNow();
+    notifyExtent(0);
+    lastAdvertisedExtent = null;
+  }
+  const control = {
+    loadURL: (url) => managed.loadURL(url),
+    loadFile: (filePath) => managed.loadFile(filePath),
+    get webContents() {
+      return managed.liveWebContents();
     },
-    setPreloadPath(path21) {
-      hostToolbarPreloadOverride = path21;
+    hide() {
+      hideView();
     },
-    setHeightMode(mode) {
+    setPreloadPath: (path20) => managed.setPreloadPath(path20),
+    setExtentMode(mode) {
       if (mode !== "auto" && !(Number.isFinite(mode.fixed) && mode.fixed >= 0)) {
         throw new TypeError(
-          `hostToolbar.setHeightMode: fixed height must be a finite, non-negative number (got ${mode.fixed})`
+          `${config.setExtentModeErrorLabel}: fixed extent must be a finite, non-negative number (got ${mode.fixed})`
         );
       }
-      hostToolbarHeightMode = mode;
+      extentMode = mode;
       if (mode !== "auto") {
-        notifyHostToolbarHeight(mode.fixed);
+        notifyExtent(mode.fixed);
+      } else if (lastAdvertisedExtent !== null && lastAdvertisedExtent !== lastExtent) {
+        notifyExtent(lastAdvertisedExtent);
       }
     },
     onMessage(channel, handler) {
-      return hostToolbarPort.onMessage(channel, handler);
+      return port.onMessage(channel, handler);
     },
     onReady(handler) {
-      return hostToolbarPort.onReady(handler);
+      return port.onReady(handler);
     },
     send(channel, payload) {
-      return hostToolbarPort.send(channel, payload);
+      return port.send(channel, payload);
+    }
+  };
+  reconciler.registerView(config.viewId, {
+    getView: () => managed.getView(),
+    ensureView: () => managed.ensureView(),
+    ensureLazy: (desired) => {
+      if (desired?.placement.visible && !managed.liveWebContents()) managed.ensureView();
+    }
+  });
+  return {
+    control,
+    setExtent,
+    getExtent: () => lastExtent,
+    getWebContentsId: () => managed.liveWebContents()?.id ?? null,
+    dispose: () => managed.dispose()
+  };
+}
+
+// src/main/services/views/host-toolbar-view.ts
+function createHostToolbarView(ctx, reconciler, deps) {
+  const port = createHostToolbarPortChannel({
+    isCurrent: (wc) => slot.getWebContentsId() === wc.id
+  });
+  const slot = createHostSlotView(
+    reconciler,
+    {
+      viewId: VIEW_ID.hostToolbar,
+      layer: VIEW_LAYER.hostToolbar,
+      marker: HOST_TOOLBAR_RUNTIME_MARKER,
+      sessionRuntime: {
+        acquire: acquireHostToolbarSessionRuntime,
+        release: releaseHostToolbarSessionRuntime
+      },
+      portChannel: port,
+      setExtentModeErrorLabel: "hostToolbar.setHeightMode"
+    },
+    {
+      onExtentChanged: (height) => ctx.notify.hostToolbarHeightChanged(height),
+      reapplyPresentOverlays: () => deps.reapplyPresentOverlays()
+    }
+  );
+  const control = deriveSlotControl(slot.control, {
+    setHeightMode: (mode) => slot.control.setExtentMode(mode)
+  });
+  return {
+    control,
+    setHostToolbarHeight: (extent) => slot.setExtent(extent),
+    getHostToolbarHeight: () => slot.getExtent(),
+    getHostToolbarWebContentsId: () => slot.getWebContentsId(),
+    dispose: () => slot.dispose()
+  };
+}
+
+// src/main/services/views/host-sidebar-session-runtime.ts
+var runtime2 = createHostSlotSessionRuntime(hostSidebarRuntimePreloadPath);
+function acquireHostSidebarSessionRuntime() {
+  runtime2.acquire();
+}
+function releaseHostSidebarSessionRuntime() {
+  runtime2.release();
+}
+
+// src/main/services/views/host-sidebar-port-channel.ts
+function createHostSidebarPortChannel(opts) {
+  return createHostSlotPortChannel({
+    isCurrent: opts.isCurrent,
+    channel: ViewChannel.HostSidebarPort,
+    logPrefix: "[host-sidebar]"
+  });
+}
+
+// src/main/services/views/host-sidebar-view.ts
+function createHostSidebarView(ctx, reconciler) {
+  const port = createHostSidebarPortChannel({
+    isCurrent: (wc) => slot.getWebContentsId() === wc.id
+  });
+  const slot = createHostSlotView(
+    reconciler,
+    {
+      viewId: VIEW_ID.hostSidebar,
+      layer: VIEW_LAYER.hostSidebar,
+      marker: HOST_SIDEBAR_RUNTIME_MARKER,
+      sessionRuntime: {
+        acquire: acquireHostSidebarSessionRuntime,
+        release: releaseHostSidebarSessionRuntime
+      },
+      portChannel: port,
+      setExtentModeErrorLabel: "hostSidebar.setWidthMode"
+    },
+    {
+      onExtentChanged: (width) => ctx.notify.hostSidebarWidthChanged(width)
     }
+  );
+  const control = deriveSlotControl(slot.control, {
+    setWidthMode: (mode) => slot.control.setExtentMode(mode)
+  });
+  return {
+    control,
+    setHostSidebarWidth: (extent) => slot.setExtent(extent),
+    getHostSidebarWidth: () => slot.getExtent(),
+    getHostSidebarWebContentsId: () => slot.getWebContentsId(),
+    dispose: () => slot.dispose()
   };
-  reconciler.registerView(VIEW_ID.hostToolbar, {
-    getView: () => hostToolbarView,
-    ensureView: () => ensureHostToolbarView(),
-    setAdded: (added) => {
-      hostToolbarViewAdded = added;
+}
+
+// src/main/services/views/host-dialog-session-runtime.ts
+var runtime3 = createHostSlotSessionRuntime(hostDialogRuntimePreloadPath);
+function acquireHostDialogSessionRuntime() {
+  runtime3.acquire();
+}
+function releaseHostDialogSessionRuntime() {
+  runtime3.release();
+}
+
+// src/main/services/views/host-dialog-port-channel.ts
+function createHostDialogPortChannel(opts) {
+  return createHostSlotPortChannel({
+    isCurrent: opts.isCurrent,
+    channel: ViewChannel.HostDialogPort,
+    logPrefix: "[host-dialog]"
+  });
+}
+
+// src/main/services/views/host-dialog-view.ts
+var DEFAULT_WIDTH = 480;
+var DEFAULT_HEIGHT = 320;
+function createHostDialogView(ctx, reconciler) {
+  const port = createHostDialogPortChannel({
+    isCurrent: (wc) => managed.liveWebContents()?.id === wc.id
+  });
+  let visible = false;
+  let width = DEFAULT_WIDTH;
+  let height = DEFAULT_HEIGHT;
+  const managed = createManagedWebContentsView({
+    reconciler,
+    viewId: VIEW_ID.hostDialog,
+    marker: HOST_DIALOG_RUNTIME_MARKER,
+    sessionRuntime: {
+      acquire: acquireHostDialogSessionRuntime,
+      release: releaseHostDialogSessionRuntime
+    },
+    port,
+    onBroken: () => {
+      visible = false;
+      reconciler.deleteOverlayDesired(VIEW_ID.hostDialog);
+    }
+  });
+  function computeBounds() {
+    const [winW = 0, winH = 0] = ctx.windows.mainWindow.getContentSize();
+    const w = Math.min(width, Math.max(1, winW));
+    const h = Math.min(height, Math.max(1, winH));
+    return {
+      x: Math.max(0, Math.round((winW - w) / 2)),
+      y: Math.max(0, Math.round((winH - h) / 2)),
+      width: w,
+      height: h
+    };
+  }
+  function present() {
+    reconciler.setOverlayDesired(VIEW_ID.hostDialog, {
+      viewId: VIEW_ID.hostDialog,
+      placement: { visible: true, bounds: computeBounds() },
+      layer: VIEW_LAYER.hostDialog
+    });
+    reconciler.reconcileNow();
+  }
+  function reportMeasuredExtent(axis, extent) {
+    if (!Number.isFinite(extent) || extent <= 0) return;
+    if (axis === "inline") {
+      width = extent;
+    } else {
+      height = extent;
+    }
+    if (visible) present();
+  }
+  function resetMeasuredExtent() {
+    width = DEFAULT_WIDTH;
+    height = DEFAULT_HEIGHT;
+    if (visible) present();
+  }
+  const control = {
+    loadURL: (url) => {
+      resetMeasuredExtent();
+      return managed.loadURL(url);
+    },
+    loadFile: (filePath) => {
+      resetMeasuredExtent();
+      return managed.loadFile(filePath);
+    },
+    get webContents() {
+      return managed.liveWebContents();
+    },
+    setPreloadPath: (path20) => managed.setPreloadPath(path20),
+    onMessage: (channel, handler) => port.onMessage(channel, handler),
+    onReady: (handler) => port.onReady(handler),
+    send: (channel, payload) => port.send(channel, payload),
+    show() {
+      managed.ensureView();
+      visible = true;
+      present();
+    },
+    hide() {
+      visible = false;
+      reconciler.deleteOverlayDesired(VIEW_ID.hostDialog);
+      reconciler.reconcileNow();
     },
-    ensureLazy: (desired) => {
-      if (desired?.placement.visible && !liveHostToolbarWebContents()) ensureHostToolbarView();
-    }
+    isVisible: () => visible
+  };
+  reconciler.registerView(VIEW_ID.hostDialog, {
+    getView: () => managed.getView(),
+    ensureView: () => managed.ensureView()
   });
-  function dispose() {
-    hostToolbarPort.dispose();
-    destroyChildView(ctx.windows.mainWindow, hostToolbarView);
-    hostToolbarView = null;
-    hostToolbarViewAdded = false;
-    if (hostToolbarRuntimeAcquired) {
-      releaseHostToolbarSessionRuntime();
-      hostToolbarRuntimeAcquired = false;
-    }
-  }
   return {
     control,
-    setHostToolbarHeight,
-    getHostToolbarHeight: () => hostToolbarLastHeight,
-    getHostToolbarWebContentsId: () => liveHostToolbarWebContents()?.id ?? null,
-    dispose
+    reportMeasuredExtent,
+    getHostDialogWebContentsId: () => managed.liveWebContents()?.id ?? null,
+    reposition: () => {
+      if (visible) present();
+    },
+    dispose: () => managed.dispose()
   };
 }
 
 // src/main/services/views/overlay-panels-view.ts
 import { WebContentsView as WebContentsView6 } from "electron";
-import path8 from "path";
+import { createOverlayPanel } from "@dimina-kit/electron-deck/main";
 
 // src/main/services/layout/index.ts
 function computeNativeSimulatorViewParams(rect, zoomPercent) {
@@ -5041,127 +5585,266 @@ function computePopoverBounds(contentWidth, contentHeight, headerHeight) {
     height: contentHeight - headerHeight
   };
 }
+var TOOLTIP_GAP = 6;
+var TOOLTIP_EDGE_MARGIN = 4;
+function computeTooltipMaxWidth(contentWidth) {
+  return Math.max(1, contentWidth - TOOLTIP_EDGE_MARGIN * 2);
+}
+function computeTooltipBounds(anchor, contentWidth, contentHeight, measured) {
+  const availableWidth = computeTooltipMaxWidth(contentWidth);
+  const width = Math.min(availableWidth, Math.max(1, Math.ceil(measured.width)));
+  const height = Math.max(1, Math.ceil(measured.height));
+  const below = anchor.y + anchor.height + TOOLTIP_GAP;
+  const fitsBelow = below + height <= contentHeight;
+  const y = fitsBelow ? below : Math.max(0, anchor.y - TOOLTIP_GAP - height);
+  const centeredX = anchor.x + anchor.width / 2 - width / 2;
+  const maxX = Math.max(TOOLTIP_EDGE_MARGIN, contentWidth - width - TOOLTIP_EDGE_MARGIN);
+  const x = Math.min(maxX, Math.max(TOOLTIP_EDGE_MARGIN, centeredX));
+  return { x, y, width, height };
+}
 
 // src/main/services/views/overlay-panels-view.ts
 function createOverlayPanelsView(ctx, reconciler, deps) {
-  let settingsView = null;
-  let popoverView = null;
   function overlayHeaderHeight() {
     return HEADER_H + deps.getHostToolbarHeight();
   }
-  function applySettingsBounds() {
-    if (!settingsView || ctx.windows.mainWindow.isDestroyed()) return;
-    const [w = 0, h = 0] = ctx.windows.mainWindow.getContentSize();
-    reconciler.setOverlayDesired(VIEW_ID.settings, {
-      viewId: VIEW_ID.settings,
-      placement: {
-        visible: true,
-        bounds: computeSettingsBounds(w, h, overlayHeaderHeight())
-      },
-      layer: VIEW_LAYER.settings
-    });
-    reconciler.reconcileNow();
-  }
-  function applyPopoverBounds() {
-    if (!popoverView || ctx.windows.mainWindow.isDestroyed()) return;
-    const [w = 0, h = 0] = ctx.windows.mainWindow.getContentSize();
-    reconciler.setOverlayDesired(VIEW_ID.popover, {
-      viewId: VIEW_ID.popover,
-      placement: {
-        visible: true,
-        bounds: computePopoverBounds(w, h, overlayHeaderHeight())
-      },
-      layer: VIEW_LAYER.popover
-    });
-    reconciler.reconcileNow();
+  function overlayDesiredSetter(viewId, layer) {
+    return (bounds) => {
+      if (bounds === null) {
+        reconciler.deleteOverlayDesired(viewId);
+      } else {
+        reconciler.setOverlayDesired(viewId, {
+          viewId,
+          placement: { visible: true, bounds },
+          layer
+        });
+      }
+      reconciler.reconcileNow();
+    };
   }
-  async function showSettings() {
-    if (!settingsView) {
-      settingsView = new WebContentsView6({
-        webPreferences: {
-          nodeIntegration: false,
-          contextIsolation: true,
-          sandbox: false,
-          preload: mainPreloadPath
-        }
+  const settingsPanel = createOverlayPanel({
+    electron: { createWebContentsView: (opts) => new WebContentsView6(opts) },
+    rendererDir: ctx.rendererDir,
+    entry: "entries/settings/index.html",
+    webPreferences: {
+      nodeIntegration: false,
+      contextIsolation: true,
+      sandbox: false,
+      preload: mainPreloadPath
+    },
+    hardenNavigation: (wc) => applyNavigationHardening(wc, ctx.rendererDir),
+    setDesired: overlayDesiredSetter(VIEW_ID.settings, VIEW_LAYER.settings),
+    registerView: (getView) => reconciler.registerView(VIEW_ID.settings, { getView }),
+    destroyView: (view) => reconciler.destroyView(VIEW_ID.settings, view),
+    readyMode: "manual"
+  });
+  const popoverPanel = createOverlayPanel({
+    electron: { createWebContentsView: (opts) => new WebContentsView6(opts) },
+    rendererDir: ctx.rendererDir,
+    entry: "entries/popover/index.html",
+    webPreferences: {
+      nodeIntegration: false,
+      contextIsolation: true,
+      sandbox: false,
+      preload: mainPreloadPath
+    },
+    hardenNavigation: (wc) => applyNavigationHardening(wc, ctx.rendererDir),
+    setDesired: overlayDesiredSetter(VIEW_ID.popover, VIEW_LAYER.popover),
+    registerView: (getView) => reconciler.registerView(VIEW_ID.popover, { getView }),
+    destroyView: (view) => reconciler.destroyView(VIEW_ID.popover, view),
+    pushData: (view, data) => ctx.notify.popoverInit(view, data),
+    readyMode: "manual"
+  });
+  const tooltipPanel = createOverlayPanel({
+    electron: { createWebContentsView: (opts) => new WebContentsView6(opts) },
+    rendererDir: ctx.rendererDir,
+    entry: "entries/tooltip/index.html",
+    webPreferences: {
+      nodeIntegration: false,
+      contextIsolation: true,
+      sandbox: false,
+      preload: mainPreloadPath
+    },
+    hardenNavigation: (wc) => applyNavigationHardening(wc, ctx.rendererDir),
+    setDesired: overlayDesiredSetter(VIEW_ID.tooltip, VIEW_LAYER.tooltip),
+    registerView: (getView) => reconciler.registerView(VIEW_ID.tooltip, { getView }),
+    prepareView: (view) => {
+      const [width = 0, height = 0] = ctx.windows.mainWindow.getContentSize();
+      reconciler.prepareView(VIEW_ID.tooltip, view, {
+        x: 0,
+        y: 0,
+        width: Math.max(1, width),
+        height: Math.max(1, height)
       });
-      applyNavigationHardening(settingsView.webContents, ctx.rendererDir);
-      settingsView.setBackgroundColor("#00000000");
-      await settingsView.webContents.loadFile(
-        path8.join(ctx.rendererDir, "entries/settings/index.html")
-      );
-    }
-    applySettingsBounds();
+    },
+    destroyView: (view) => reconciler.destroyView(VIEW_ID.tooltip, view),
+    pushData: (view, data) => ctx.notify.tooltipInit(view, data),
+    readyMode: "manual"
+  });
+  function fullWindowBounds() {
+    const [width = 0, height = 0] = ctx.windows.mainWindow.getContentSize();
+    return { x: 0, y: 0, width: Math.max(1, width), height: Math.max(1, height) };
+  }
+  const projectCreateDialogPanel = createOverlayPanel({
+    electron: { createWebContentsView: (opts) => new WebContentsView6(opts) },
+    rendererDir: ctx.rendererDir,
+    entry: "entries/project-create-dialog/index.html",
+    webPreferences: {
+      nodeIntegration: false,
+      contextIsolation: true,
+      sandbox: false,
+      preload: mainPreloadPath
+    },
+    hardenNavigation: (wc) => applyNavigationHardening(wc, ctx.rendererDir),
+    setDesired: overlayDesiredSetter(VIEW_ID.projectCreateDialog, VIEW_LAYER.dialog),
+    registerView: (getView) => reconciler.registerView(VIEW_ID.projectCreateDialog, { getView }),
+    destroyView: (view) => reconciler.destroyView(VIEW_ID.projectCreateDialog, view),
+    pushData: (view, data) => ctx.notify.projectCreateInit(view, data),
+    readyMode: "manual"
+  });
+  const updateDialogPanel = createOverlayPanel({
+    electron: { createWebContentsView: (opts) => new WebContentsView6(opts) },
+    rendererDir: ctx.rendererDir,
+    entry: "entries/update-dialog/index.html",
+    webPreferences: {
+      nodeIntegration: false,
+      contextIsolation: true,
+      sandbox: false,
+      preload: mainPreloadPath
+    },
+    hardenNavigation: (wc) => applyNavigationHardening(wc, ctx.rendererDir),
+    setDesired: overlayDesiredSetter(VIEW_ID.updateDialog, VIEW_LAYER.dialog),
+    registerView: (getView) => reconciler.registerView(VIEW_ID.updateDialog, { getView }),
+    destroyView: (view) => reconciler.destroyView(VIEW_ID.updateDialog, view),
+    pushData: (view, data) => ctx.notify.updateAvailable(view, data),
+    readyMode: "manual"
+  });
+  let tooltipRequestId = 0;
+  let activeTooltip = null;
+  async function showSettings() {
+    const [w = 0, h = 0] = ctx.windows.mainWindow.getContentSize();
+    settingsPanel.show(void 0, computeSettingsBounds(w, h, overlayHeaderHeight()));
+    await settingsPanel.whenReady();
   }
   function hideSettings() {
-    reconciler.deleteOverlayDesired(VIEW_ID.settings);
-    reconciler.reconcileNow();
+    settingsPanel.hide();
   }
   function showPopover(data) {
     hidePopover();
-    const popover = new WebContentsView6({
-      webPreferences: {
-        nodeIntegration: false,
-        contextIsolation: true,
-        sandbox: false,
-        preload: mainPreloadPath
-      }
-    });
-    applyNavigationHardening(popover.webContents, ctx.rendererDir);
-    popoverView = popover;
-    popover.setBackgroundColor("#00000000");
-    applyPopoverBounds();
-    popover.webContents.once("did-finish-load", () => {
-      ctx.notify.popoverInit(popover, data);
-    });
-    popover.webContents.loadFile(
-      path8.join(ctx.rendererDir, "entries/popover/index.html")
-    );
+    const [w = 0, h = 0] = ctx.windows.mainWindow.getContentSize();
+    popoverPanel.show(data, computePopoverBounds(w, h, overlayHeaderHeight()));
   }
   function hidePopover() {
-    if (!popoverView) return;
+    if (!popoverPanel.isPresent()) return;
+    popoverPanel.destroy();
     reconciler.deleteOverlayDesired(VIEW_ID.popover);
-    destroyChildView(ctx.windows.mainWindow, popoverView);
-    popoverView = null;
     reconciler.reconcileNow();
     ctx.notify.popoverClosed();
   }
+  function prepareTooltip() {
+    tooltipPanel.prepare();
+  }
+  function showTooltip(data) {
+    const requestId = ++tooltipRequestId;
+    activeTooltip = { requestId, anchor: data.anchor };
+    const [contentWidth = 0] = ctx.windows.mainWindow.getContentSize();
+    tooltipPanel.show({
+      requestId,
+      text: data.text,
+      maxWidth: computeTooltipMaxWidth(contentWidth)
+    }, null);
+  }
+  function hideTooltip() {
+    activeTooltip = null;
+    tooltipPanel.hide();
+  }
+  function showProjectCreateDialog(data) {
+    projectCreateDialogPanel.show(data, fullWindowBounds());
+  }
+  function hideProjectCreateDialog() {
+    projectCreateDialogPanel.hide();
+  }
+  function showUpdateDialog(data) {
+    updateDialogPanel.show(data, fullWindowBounds());
+  }
+  function hideUpdateDialog() {
+    updateDialogPanel.hide();
+  }
+  function notifyUpdateDownloadProgress(percent) {
+    const wc = updateDialogPanel.getWebContents();
+    if (!wc) return;
+    wc.send(UpdateChannel.DownloadProgress, { percent });
+  }
+  function markOverlayReady(webContentsId) {
+    settingsPanel.markReady(webContentsId);
+    popoverPanel.markReady(webContentsId);
+    tooltipPanel.markReady(webContentsId);
+    projectCreateDialogPanel.markReady(webContentsId);
+    updateDialogPanel.markReady(webContentsId);
+  }
+  function applyTooltipMeasurement(webContentsId, measurement) {
+    const active = activeTooltip;
+    if (!active || active.requestId !== measurement.requestId) return;
+    if (tooltipPanel.getWebContentsId() !== webContentsId) return;
+    const [w = 0, h = 0] = ctx.windows.mainWindow.getContentSize();
+    tooltipPanel.reposition(computeTooltipBounds(active.anchor, w, h, measurement));
+  }
   function reapplyPresentOverlays() {
-    if (reconciler.hasOverlayDesired(VIEW_ID.settings)) applySettingsBounds();
-    if (reconciler.hasOverlayDesired(VIEW_ID.popover)) applyPopoverBounds();
+    if (settingsPanel.isPresent() && reconciler.hasOverlayDesired(VIEW_ID.settings)) {
+      showSettings().catch(() => {
+      });
+    }
+    if (popoverPanel.isPresent() && reconciler.hasOverlayDesired(VIEW_ID.popover)) {
+      const [w = 0, h = 0] = ctx.windows.mainWindow.getContentSize();
+      popoverPanel.reposition(computePopoverBounds(w, h, overlayHeaderHeight()));
+    }
+    if (projectCreateDialogPanel.isPresent() && reconciler.hasOverlayDesired(VIEW_ID.projectCreateDialog)) {
+      projectCreateDialogPanel.reposition(fullWindowBounds());
+    }
+    if (updateDialogPanel.isPresent() && reconciler.hasOverlayDesired(VIEW_ID.updateDialog)) {
+      updateDialogPanel.reposition(fullWindowBounds());
+    }
   }
   function applySettingsBoundsIfPresent() {
-    if (reconciler.hasOverlayDesired(VIEW_ID.settings)) applySettingsBounds();
+    if (settingsPanel.isPresent() && reconciler.hasOverlayDesired(VIEW_ID.settings)) {
+      showSettings().catch(() => {
+      });
+    }
   }
   function destroySettings() {
-    destroyChildView(ctx.windows.mainWindow, settingsView);
-    settingsView = null;
+    activeTooltip = null;
+    settingsPanel.destroy();
+    tooltipPanel.destroy();
+  }
+  function destroyDialogs() {
+    projectCreateDialogPanel.destroy();
+    updateDialogPanel.destroy();
   }
-  reconciler.registerView(VIEW_ID.settings, { getView: () => settingsView });
-  reconciler.registerView(VIEW_ID.popover, { getView: () => popoverView });
   return {
     showSettings,
     hideSettings,
     showPopover,
     hidePopover,
+    prepareTooltip,
+    showTooltip,
+    hideTooltip,
+    markOverlayReady,
+    applyTooltipMeasurement,
+    showProjectCreateDialog,
+    hideProjectCreateDialog,
+    showUpdateDialog,
+    hideUpdateDialog,
+    notifyUpdateDownloadProgress,
     reapplyPresentOverlays,
     applySettingsBoundsIfPresent,
     destroySettings,
-    getSettingsWebContents: () => {
-      if (!settingsView) return null;
-      if (settingsView.webContents.isDestroyed()) return null;
-      return settingsView.webContents;
-    },
-    getSettingsWebContentsId: () => {
-      if (!settingsView) return null;
-      if (settingsView.webContents.isDestroyed()) return null;
-      return settingsView.webContents.id;
-    },
-    getPopoverWebContentsId: () => {
-      if (!popoverView) return null;
-      if (popoverView.webContents.isDestroyed()) return null;
-      return popoverView.webContents.id;
-    }
+    destroyDialogs,
+    getSettingsWebContents: () => settingsPanel.getWebContents(),
+    getSettingsWebContentsId: () => settingsPanel.getWebContentsId(),
+    getPopoverWebContentsId: () => popoverPanel.getWebContentsId(),
+    getTooltipWebContentsId: () => tooltipPanel.getWebContentsId(),
+    getProjectCreateDialogWebContentsId: () => projectCreateDialogPanel.getWebContentsId(),
+    getUpdateDialogWebContentsId: () => updateDialogPanel.getWebContentsId()
   };
 }
 
@@ -5218,6 +5901,12 @@ function refreshGuestStylesheets(view) {
 }
 
 // src/shared/simulator-route.ts
+function encodePageSpec(spec) {
+  const keys = Object.keys(spec.query);
+  if (keys.length === 0) return spec.pagePath;
+  const qs = keys.map((k) => `${encodeURIComponent(k)}=${encodeURIComponent(spec.query[k] ?? "")}`).join("&");
+  return `${spec.pagePath}?${qs}`;
+}
 function decodePageSpec(value) {
   const qIdx = value.indexOf("?");
   if (qIdx < 0) return { pagePath: value, query: {} };
@@ -5261,7 +5950,6 @@ import * as bridge_channels_star from "@dimina-kit/electron-runtime/shared/bridg
 function createNativeSimulatorView(ctx, reconciler, deps) {
   const { safeArea, devtoolsHost, overlayPanels } = deps;
   let nativeSimulatorView = null;
-  let nativeSimulatorViewAdded = false;
   let nativeSimulatorProjectPath = null;
   let settleNativeSimulatorReady = null;
   let nativeSimulatorShellReady = false;
@@ -5283,25 +5971,18 @@ function createNativeSimulatorView(ctx, reconciler, deps) {
     }
   }
   function tearDownNativeSimulatorView(label) {
-    if (!nativeSimulatorView) return;
-    ctx.simulatorUiExtensions?.detach(nativeSimulatorView.webContents);
-    if (nativeSimulatorViewAdded && !ctx.windows.mainWindow.isDestroyed()) {
-      try {
-        ctx.windows.mainWindow.contentView.removeChildView(nativeSimulatorView);
-      } catch {
-      }
-    }
+    const view = nativeSimulatorView;
+    if (!view) return;
+    ctx.simulatorUiExtensions?.detach(view.webContents);
     try {
-      if (!nativeSimulatorView.webContents.isDestroyed()) {
-        ctx.bridge?.disposeSessionsForSimulator?.(nativeSimulatorView.webContents.id)?.catch((err2) => console.warn(`[view-manager] dispose sessions (${label}) failed:`, err2));
-        nativeSimulatorView.webContents.close();
+      if (!view.webContents.isDestroyed()) {
+        ctx.bridge?.disposeSessionsForSimulator?.(view.webContents.id)?.catch((err2) => console.warn(`[view-manager] dispose sessions (${label}) failed:`, err2));
       }
     } catch {
     }
+    reconciler.destroyView(VIEW_ID.simulator, view);
     nativeSimulatorView = null;
-    nativeSimulatorViewAdded = false;
     nativeSimulatorShellReady = false;
-    reconciler.forgetActual(VIEW_ID.simulator);
     reconciler.reconcileNow();
   }
   function detachNativeCustomApiBridge() {
@@ -5473,9 +6154,6 @@ function createNativeSimulatorView(ctx, reconciler, deps) {
   }
   reconciler.registerView(VIEW_ID.simulator, {
     getView: () => nativeSimulatorView,
-    setAdded: (added) => {
-      nativeSimulatorViewAdded = added;
-    },
     gateHidden: () => !nativeSimulatorView,
     applyBounds: (view, bounds, extra) => applyNativeSimulatorBounds(view, bounds, extra?.zoom ?? 1)
   });
@@ -5505,6 +6183,8 @@ function createViewManager(ctx) {
   const hostToolbar = createHostToolbarView(ctx, reconciler, {
     reapplyPresentOverlays: () => reapplyToolbarDependentOverlays()
   });
+  const hostSidebar = createHostSidebarView(ctx, reconciler);
+  const hostDialog = createHostDialogView(ctx, reconciler);
   const overlayPanels = createOverlayPanelsView(ctx, reconciler, {
     getHostToolbarHeight: hostToolbar.getHostToolbarHeight
   });
@@ -5525,6 +6205,9 @@ function createViewManager(ctx) {
     workbench.cancelWorkbenchAttachHold();
     disposeProjectViews();
     hostToolbar.dispose();
+    hostSidebar.dispose();
+    hostDialog.dispose();
+    overlayPanels.destroyDialogs();
   }
   return {
     attachNativeSimulator: nativeSimulator.attachNativeSimulator,
@@ -5536,7 +6219,22 @@ function createViewManager(ctx) {
     hideSettings: overlayPanels.hideSettings,
     showPopover: overlayPanels.showPopover,
     hidePopover: overlayPanels.hidePopover,
-    repositionAll: () => overlayPanels.reapplyPresentOverlays(),
+    prepareTooltip: overlayPanels.prepareTooltip,
+    showTooltip: overlayPanels.showTooltip,
+    hideTooltip: overlayPanels.hideTooltip,
+    markOverlayReady: overlayPanels.markOverlayReady,
+    applyTooltipMeasurement: overlayPanels.applyTooltipMeasurement,
+    showProjectCreateDialog: overlayPanels.showProjectCreateDialog,
+    hideProjectCreateDialog: overlayPanels.hideProjectCreateDialog,
+    showUpdateDialog: overlayPanels.showUpdateDialog,
+    hideUpdateDialog: overlayPanels.hideUpdateDialog,
+    notifyUpdateDownloadProgress: overlayPanels.notifyUpdateDownloadProgress,
+    getProjectCreateDialogWebContentsId: overlayPanels.getProjectCreateDialogWebContentsId,
+    getUpdateDialogWebContentsId: overlayPanels.getUpdateDialogWebContentsId,
+    repositionAll: () => {
+      overlayPanels.reapplyPresentOverlays();
+      hostDialog.reposition();
+    },
     disposeProjectViews,
     disposeAll,
     getSimulatorWebContentsId: nativeSimulator.getSimulatorWebContentsId,
@@ -5545,10 +6243,12 @@ function createViewManager(ctx) {
     getSettingsWebContents: overlayPanels.getSettingsWebContents,
     getSettingsWebContentsId: overlayPanels.getSettingsWebContentsId,
     getPopoverWebContentsId: overlayPanels.getPopoverWebContentsId,
+    getTooltipWebContentsId: overlayPanels.getTooltipWebContentsId,
     getHostToolbarWebContentsId: hostToolbar.getHostToolbarWebContentsId,
     getHostToolbarHeight: hostToolbar.getHostToolbarHeight,
     resize: () => overlayPanels.applySettingsBoundsIfPresent(),
     setPlacementSnapshot: reconciler.setPlacementSnapshot,
+    allocatePlacementGeneration: reconciler.allocateGeneration,
     attachWorkbench: workbench.attachWorkbench,
     setWorkbenchSource: workbench.setWorkbenchSource,
     detachWorkbench: workbench.detachWorkbench,
@@ -5556,7 +6256,14 @@ function createViewManager(ctx) {
     holdWorkbenchAttach: workbench.holdWorkbenchAttach,
     cancelWorkbenchAttachHold: workbench.cancelWorkbenchAttachHold,
     setHostToolbarHeight: hostToolbar.setHostToolbarHeight,
-    hostToolbar: hostToolbar.control
+    hostToolbar: hostToolbar.control,
+    getHostSidebarWebContentsId: hostSidebar.getHostSidebarWebContentsId,
+    getHostSidebarWidth: hostSidebar.getHostSidebarWidth,
+    setHostSidebarWidth: hostSidebar.setHostSidebarWidth,
+    hostSidebar: hostSidebar.control,
+    getHostDialogWebContentsId: hostDialog.getHostDialogWebContentsId,
+    reportHostDialogMeasuredExtent: hostDialog.reportMeasuredExtent,
+    hostDialog: hostDialog.control
   };
 }
 
@@ -5588,7 +6295,7 @@ function createWindowService(mainWindow) {
 
 // src/main/windows/settings-window/create.ts
 import { BrowserWindow as BrowserWindow4 } from "electron";
-import path9 from "path";
+import path8 from "path";
 async function createSettingsWindow(parent, rendererDir2) {
   const win = new BrowserWindow4({
     width: 420,
@@ -5606,7 +6313,7 @@ async function createSettingsWindow(parent, rendererDir2) {
     }
   });
   applyNavigationHardening(win.webContents, rendererDir2);
-  await win.loadFile(path9.join(rendererDir2, "entries/workbench-settings/index.html"));
+  await win.loadFile(path8.join(rendererDir2, "entries/workbench-settings/index.html"));
   return win;
 }
 
@@ -5688,11 +6395,34 @@ __export(project_repository_exports, {
   validateProjectDir: () => validateProjectDir
 });
 import { app as app6 } from "electron";
-import path10 from "path";
+import path9 from "path";
 import fs5 from "fs";
 var log2 = createLogger("projects");
+function readProjectConfig(dirPath) {
+  let merged = {};
+  for (const fileName of ["project.config.json", "project.private.config.json"]) {
+    const configPath = path9.join(dirPath, fileName);
+    if (!fs5.existsSync(configPath)) continue;
+    try {
+      merged = { ...merged, ...JSON.parse(fs5.readFileSync(configPath, "utf-8")) };
+    } catch (err2) {
+      log2.warn(`Failed to parse ${configPath}`, err2);
+    }
+  }
+  return merged;
+}
+function detectRuntimeType(dirPath) {
+  const compileType = readProjectConfig(dirPath).compileType;
+  if (compileType === "game") return "minigame";
+  if (compileType === "miniprogram") return "miniprogram";
+  const hasMiniProgramConfig = fs5.existsSync(path9.join(dirPath, "app.json"));
+  const hasMiniGameConfig = fs5.existsSync(path9.join(dirPath, "game.json"));
+  const hasMiniGameEntry = ["game.js", "game.ts"].some((fileName) => fs5.existsSync(path9.join(dirPath, fileName)));
+  if (!hasMiniProgramConfig && hasMiniGameConfig && hasMiniGameEntry) return "minigame";
+  return "miniprogram";
+}
 function getProjectsFile() {
-  return path10.join(app6.getPath("userData"), "dimina-projects.json");
+  return path9.join(app6.getPath("userData"), "dimina-projects.json");
 }
 function load() {
   try {
@@ -5714,13 +6444,19 @@ function validateProjectDir(dirPath) {
   if (!fs5.existsSync(dirPath)) {
     return `\u5C0F\u7A0B\u5E8F\u76EE\u5F55\u4E0D\u5B58\u5728\uFF1A${dirPath}`;
   }
-  if (!fs5.existsSync(path10.join(dirPath, "app.json"))) {
-    const configPath = path10.join(dirPath, "project.config.json");
+  if (detectRuntimeType(dirPath) === "minigame") {
+    if (!fs5.existsSync(path9.join(dirPath, "game.json"))) {
+      return "\u8BE5\u76EE\u5F55\u7F3A\u5C11 game.json\uFF0C\u8BF7\u9009\u62E9\u5305\u542B\u5C0F\u6E38\u620F\u6E90\u7801\u7684\u76EE\u5F55";
+    }
+    return null;
+  }
+  if (!fs5.existsSync(path9.join(dirPath, "app.json"))) {
+    const configPath = path9.join(dirPath, "project.config.json");
     if (fs5.existsSync(configPath)) {
       try {
         const cfg = JSON.parse(fs5.readFileSync(configPath, "utf-8"));
         if (cfg.miniprogramRoot) {
-          const resolvedRoot = path10.resolve(dirPath, cfg.miniprogramRoot);
+          const resolvedRoot = path9.resolve(dirPath, cfg.miniprogramRoot);
           return `\u8BE5\u76EE\u5F55\u7F3A\u5C11 app.json\uFF0Cproject.config.json \u4E2D\u6307\u5B9A\u4E86 miniprogramRoot: "${cfg.miniprogramRoot}"\uFF0C\u8BF7\u5BFC\u5165 ${resolvedRoot}`;
         }
       } catch (err2) {
@@ -5736,9 +6472,9 @@ function hasProject(dirPath) {
 }
 function addProject(dirPath) {
   const projects = load();
-  let name = path10.basename(dirPath);
+  let name = path9.basename(dirPath);
   try {
-    const configPath = path10.join(dirPath, "project.config.json");
+    const configPath = path9.join(dirPath, "project.config.json");
     if (fs5.existsSync(configPath)) {
       const cfg = JSON.parse(fs5.readFileSync(configPath, "utf-8"));
       if (cfg.projectname) name = cfg.projectname;
@@ -5746,10 +6482,11 @@ function addProject(dirPath) {
   } catch (err2) {
     log2.warn("Failed to read project name from config", err2);
   }
-  const project = { name, path: dirPath, lastOpened: null };
+  const type = detectRuntimeType(dirPath);
+  const project = { name, path: dirPath, lastOpened: null, type };
   const idx = projects.findIndex((p) => p.path === dirPath);
   if (idx >= 0) {
-    projects[idx] = { ...projects[idx], name };
+    projects[idx] = { ...projects[idx], name, type };
   } else {
     projects.unshift(project);
   }
@@ -5770,14 +6507,18 @@ function updateLastOpened(dirPath) {
 function getCompileConfig(dirPath) {
   const projects = load();
   const project = projects.find((p) => p.path === dirPath);
-  return project?.compileConfig ?? {
-    startPage: "",
+  if (project?.compileConfig) return project.compileConfig;
+  return {
+    startPage: getProjectPages(dirPath).entryPagePath,
     scene: DEFAULT_SCENE,
     queryParams: []
   };
 }
 function getProjectPages(dirPath) {
-  const appJsonPath = path10.join(dirPath, "app.json");
+  if (detectRuntimeType(dirPath) === "minigame") {
+    return { pages: ["game"], entryPagePath: "game" };
+  }
+  const appJsonPath = path9.join(dirPath, "app.json");
   try {
     const appJson = JSON.parse(
       fs5.readFileSync(appJsonPath, "utf-8")
@@ -5804,7 +6545,7 @@ function getProjectSettings(projectPath) {
     return { uploadWithSourceMap: false };
   }
   try {
-    const configPath = path10.join(projectPath, "project.config.json");
+    const configPath = path9.join(projectPath, "project.config.json");
     const config = JSON.parse(fs5.readFileSync(configPath, "utf-8"));
     return {
       uploadWithSourceMap: !!config.setting?.uploadWithSourceMap
@@ -5815,7 +6556,7 @@ function getProjectSettings(projectPath) {
 }
 function updateProjectSettings(projectPath, patch) {
   if (!projectPath) return;
-  const configPath = path10.join(projectPath, "project.config.json");
+  const configPath = path9.join(projectPath, "project.config.json");
   let config = {};
   try {
     config = JSON.parse(fs5.readFileSync(configPath, "utf-8"));
@@ -5835,6 +6576,10 @@ function updateProjectSettings(projectPath, patch) {
 function reportRebuildStatus(info, deps) {
   const { pages } = deps.repo.getProjectPages(deps.projectPath);
   const pageList = pages.length ? pages : void 0;
+  if (info?.explicit) {
+    deps.sendStatus("ready", "\u7F16\u8BD1\u5B8C\u6210", false, pageList);
+    return;
+  }
   if (info?.styleOnly && deps.autoReload && deps.refreshSimulatorStyles()) {
     deps.sendStatus("ready", "\u6837\u5F0F\u5DF2\u70ED\u66F4\u65B0", false, pageList);
     return;
@@ -6116,16 +6861,16 @@ function createWorkspaceService(ctx) {
 // src/main/services/projects/thumbnail.ts
 import { createHash } from "crypto";
 import fs6 from "fs";
-import path11 from "path";
+import path10 from "path";
 import { app as app7 } from "electron";
 function getThumbnailDir() {
-  return path11.join(app7.getPath("userData"), "thumbnails");
+  return path10.join(app7.getPath("userData"), "thumbnails");
 }
 function hashProjectPath(projectPath) {
   return createHash("sha256").update(projectPath).digest("hex").slice(0, 16);
 }
 function getThumbnailPath(projectPath) {
-  return path11.join(getThumbnailDir(), `${hashProjectPath(projectPath)}.png`);
+  return path10.join(getThumbnailDir(), `${hashProjectPath(projectPath)}.png`);
 }
 var DATA_URL_PNG_PREFIX = "data:image/png;base64,";
 function saveThumbnailFromDataUrl(projectPath, imageDataUrl) {
@@ -6353,20 +7098,20 @@ function sanitizeTemplates(templates) {
 }
 
 // src/main/services/projects/builtin-templates.ts
-import path12 from "node:path";
-var TEMPLATES_DIR = path12.join(devtoolsPackageRoot, "templates");
+import path11 from "node:path";
+var TEMPLATES_DIR = path11.join(devtoolsPackageRoot, "templates");
 var BUILTIN_TEMPLATES = [
   {
     id: "blank",
     name: "Blank",
     description: "\u6700\u5C0F\u9AA8\u67B6\uFF1Aapp.* + \u4E00\u4E2A index \u9875\u9762",
-    source: { type: "directory", path: path12.join(TEMPLATES_DIR, "blank") }
+    source: { type: "directory", path: path11.join(TEMPLATES_DIR, "blank") }
   },
   {
     id: "taro-todo",
     name: "Taro Todo",
     description: "Taro \u7F16\u8BD1\u4EA7\u7269\u7684 Todo \u793A\u4F8B",
-    source: { type: "directory", path: path12.join(TEMPLATES_DIR, "taro-todo") }
+    source: { type: "directory", path: path11.join(TEMPLATES_DIR, "taro-todo") }
   }
 ];
 
@@ -6584,6 +7329,37 @@ var ProjectSaveCompileConfigSchema = z3.tuple([
   CompileConfigShape
 ]);
 var PopoverShowSchema = z3.tuple([z3.looseObject({})]);
+var TooltipShowSchema = z3.tuple([
+  z3.object({
+    anchor: z3.object({
+      x: z3.number().finite(),
+      y: z3.number().finite(),
+      width: z3.number().finite().nonnegative(),
+      height: z3.number().finite().nonnegative()
+    }),
+    text: z3.string().min(1).max(200)
+  })
+]);
+var TooltipMeasuredSchema = z3.tuple([
+  z3.object({
+    requestId: z3.number().int().positive(),
+    width: z3.number().finite().positive(),
+    height: z3.number().finite().positive()
+  })
+]);
+var ProjectCreateShowSchema = z3.tuple([
+  z3.object({
+    templates: z3.array(z3.looseObject({})),
+    defaultBaseDir: z3.string()
+  })
+]);
+var ProjectCreateSubmitSchema = z3.tuple([
+  z3.object({
+    name: z3.string().min(1),
+    path: AbsolutePath,
+    templateId: z3.string().min(1)
+  })
+]);
 var SimWidth = z3.number().int().min(100).max(2e3);
 var SimulatorAttachNativeSchema = z3.tuple([
   z3.string().url().refine((u) => u.startsWith("http://") || u.startsWith("https://"), {
@@ -6649,6 +7425,18 @@ var HostToolbarAdvertiseHeightSchema = z3.tuple([
     extent: NonNegInt
   })
 ]);
+var HostSidebarAdvertiseWidthSchema = z3.tuple([
+  z3.object({
+    axis: z3.literal("inline"),
+    extent: NonNegInt
+  })
+]);
+var HostDialogAdvertiseSizeSchema = z3.tuple([
+  z3.object({
+    axis: z3.union([z3.literal("block"), z3.literal("inline")]),
+    extent: NonNegInt
+  })
+]);
 var SimulatorCustomApiInvokeSchema = z3.tuple([
   z3.string().min(1).max(256),
   z3.unknown()
@@ -6731,13 +7519,48 @@ var popoverModule = {
   setup: (ctx) => registerPopoverIpc(ctx)
 };
 
+// src/main/ipc/tooltip.ts
+function registerTooltipIpc(ctx) {
+  return new IpcRegistry(ctx.senderPolicy).on(TooltipChannel.Prepare, () => {
+    ctx.views.prepareTooltip();
+  }).on(TooltipChannel.Show, (_event, ...args) => {
+    const [data] = validate(TooltipChannel.Show, TooltipShowSchema, args);
+    ctx.views.showTooltip(data);
+  }).on(TooltipChannel.Hide, () => {
+    ctx.views.hideTooltip();
+  }).on(OverlayChannel.Ready, (event) => {
+    ctx.views.markOverlayReady(event.sender.id);
+  }).on(TooltipChannel.Measured, (event, ...args) => {
+    const [measurement] = validate(
+      TooltipChannel.Measured,
+      TooltipMeasuredSchema,
+      args
+    );
+    ctx.views.applyTooltipMeasurement(event.sender.id, measurement);
+  });
+}
+
+// src/main/ipc/project-create.ts
+function registerProjectCreateIpc(ctx) {
+  return new IpcRegistry(ctx.senderPolicy).on(ProjectCreateChannel.Show, (_event, ...args) => {
+    const [data] = validate(ProjectCreateChannel.Show, ProjectCreateShowSchema, args);
+    ctx.views.showProjectCreateDialog(data);
+  }).on(ProjectCreateChannel.Cancel, () => {
+    ctx.views.hideProjectCreateDialog();
+  }).on(ProjectCreateChannel.Submit, (_event, ...args) => {
+    const [input] = validate(ProjectCreateChannel.Submit, ProjectCreateSubmitSchema, args);
+    ctx.views.hideProjectCreateDialog();
+    ctx.notify.projectCreateSubmitted(input);
+  });
+}
+
 // src/main/ipc/projects.ts
 import { app as app8, dialog } from "electron";
-import path14 from "path";
+import path13 from "path";
 
 // src/main/services/projects/create-project-service.ts
 import fs7 from "node:fs";
-import path13 from "node:path";
+import path12 from "node:path";
 var DEFAULT_TEMPLATE_ID = "blank";
 function resolveName(rawName) {
   const name = (rawName ?? "").trim();
@@ -6793,7 +7616,7 @@ async function materializeTemplate(target, template, name) {
   });
 }
 function writeProjectConfig(target, name) {
-  const cfgPath = path13.join(target, "project.config.json");
+  const cfgPath = path12.join(target, "project.config.json");
   let cfg = {};
   if (fs7.existsSync(cfgPath)) {
     try {
@@ -6850,6 +7673,9 @@ function registerProjectsIpc(ctx) {
         buttons: ["\u786E\u5B9A"]
       });
     }
+    const importedCategory = project.type ?? "miniprogram";
+    ctx.notify.hostSidebarCategorySelected(importedCategory);
+    ctx.views.hostSidebar.send("project-category-forced", { category: importedCategory });
     return project;
   }).handle(ProjectsChannel.Remove, (_event, ...args) => {
     const [dirPath] = validate(ProjectsChannel.Remove, ProjectsRemoveSchema, args);
@@ -6887,7 +7713,7 @@ function registerProjectsIpc(ctx) {
     }
     try {
       const settings = loadWorkbenchSettings();
-      const newBase = path14.dirname(input.path);
+      const newBase = path13.dirname(input.path);
       if (newBase && settings.lastCreateBaseDir !== newBase) {
         saveWorkbenchSettings({ ...settings, lastCreateBaseDir: newBase });
       }
@@ -6936,6 +7762,12 @@ function registerSessionIpc(ctx) {
     return ctx.workspace.saveCompileConfig(projectPath, config);
   }).handle(ProjectChannel.Close, () => {
     return ctx.workspace.closeProject();
+  }).handle(ProjectChannel.Rebuild, async () => {
+    const session3 = ctx.workspace.getSession();
+    if (!session3) throw new Error("project:rebuild \u2014 no active project session");
+    if (typeof session3.rebuild !== "function") return { supported: false };
+    await session3.rebuild();
+    return { supported: true };
   }).handle(ProjectChannel.CaptureThumbnail, (_, ...args) => {
     const [projectPath] = validate(
       ProjectChannel.CaptureThumbnail,
@@ -7010,13 +7842,13 @@ function registerSettingsIpc(ctx) {
     };
   }).handle(WorkbenchSettingsChannel.GetMcpStatus, () => {
     const settings = loadWorkbenchSettings();
-    const runtime = getMcpStatus();
+    const runtime4 = getMcpStatus();
     return {
       configured: settings.mcp.enabled,
       configuredPort: settings.mcp.port,
-      running: runtime.running,
-      activePort: runtime.port,
-      error: runtime.error
+      running: runtime4.running,
+      activePort: runtime4.port,
+      error: runtime4.error
     };
   }).handle(SettingsChannel.SetVisible, async (_, ...args) => {
     const [visible] = validate(SettingsChannel.SetVisible, SettingsSetVisibleSchema, args);
@@ -7064,6 +7896,76 @@ function registerInternalDevtoolsIpc(ctx) {
   });
 }
 
+// src/main/ipc/views.ts
+import { ipcMain as ipcMain3 } from "electron";
+function registerViewsIpc(ctx) {
+  const registry = new IpcRegistry(ctx.senderPolicy).handle(ViewChannel.AllocatePlacementGeneration, () => ctx.views.allocatePlacementGeneration()).handle(ViewChannel.PlacementSnapshot, (_event, ...args) => {
+    const [snapshot] = validate(
+      ViewChannel.PlacementSnapshot,
+      PlacementSnapshotSchema,
+      args
+    );
+    ctx.views.setPlacementSnapshot(snapshot);
+  }).handle(ViewChannel.HostToolbarGetHeight, () => ctx.views.getHostToolbarHeight()).handle(ViewChannel.HostSidebarGetWidth, () => ctx.views.getHostSidebarWidth());
+  const onAdvertiseHeight = (event, ...args) => {
+    if (event.sender.id !== ctx.views.getHostToolbarWebContentsId()) return;
+    let extent;
+    try {
+      ;
+      [{ extent }] = validate(
+        ViewChannel.HostToolbarAdvertiseHeight,
+        HostToolbarAdvertiseHeightSchema,
+        args
+      );
+    } catch {
+      return;
+    }
+    ctx.views.setHostToolbarHeight(extent);
+  };
+  ipcMain3.on(ViewChannel.HostToolbarAdvertiseHeight, onAdvertiseHeight);
+  const onAdvertiseWidth = (event, ...args) => {
+    if (event.sender.id !== ctx.views.getHostSidebarWebContentsId()) return;
+    let extent;
+    try {
+      ;
+      [{ extent }] = validate(
+        ViewChannel.HostSidebarAdvertiseWidth,
+        HostSidebarAdvertiseWidthSchema,
+        args
+      );
+    } catch {
+      return;
+    }
+    ctx.views.setHostSidebarWidth(extent);
+  };
+  ipcMain3.on(ViewChannel.HostSidebarAdvertiseWidth, onAdvertiseWidth);
+  const onAdvertiseDialogSize = (event, ...args) => {
+    if (event.sender.id !== ctx.views.getHostDialogWebContentsId()) return;
+    let axis;
+    let extent;
+    try {
+      ;
+      [{ axis, extent }] = validate(
+        ViewChannel.HostDialogAdvertiseSize,
+        HostDialogAdvertiseSizeSchema,
+        args
+      );
+    } catch {
+      return;
+    }
+    ctx.views.reportHostDialogMeasuredExtent(axis, extent);
+  };
+  ipcMain3.on(ViewChannel.HostDialogAdvertiseSize, onAdvertiseDialogSize);
+  return {
+    dispose() {
+      void registry.dispose();
+      ipcMain3.removeListener(ViewChannel.HostToolbarAdvertiseHeight, onAdvertiseHeight);
+      ipcMain3.removeListener(ViewChannel.HostSidebarAdvertiseWidth, onAdvertiseWidth);
+      ipcMain3.removeListener(ViewChannel.HostDialogAdvertiseSize, onAdvertiseDialogSize);
+    }
+  };
+}
+
 // src/main/ipc/simulator-module.ts
 import { DisposableRegistry as DisposableRegistry3 } from "@dimina-kit/electron-deck/main";
 
@@ -7098,47 +8000,11 @@ function installBridgeRouter(ctx) {
   installRuntimeBridgeRouter(ctx);
 }
 
-// src/main/ipc/views.ts
-import { ipcMain as ipcMain3 } from "electron";
-function registerViewsIpc(ctx) {
-  const registry = new IpcRegistry(ctx.senderPolicy).handle(ViewChannel.PlacementSnapshot, (_event, ...args) => {
-    const [snapshot] = validate(
-      ViewChannel.PlacementSnapshot,
-      PlacementSnapshotSchema,
-      args
-    );
-    ctx.views.setPlacementSnapshot(snapshot);
-  }).handle(ViewChannel.HostToolbarGetHeight, () => ctx.views.getHostToolbarHeight());
-  const onAdvertiseHeight = (event, ...args) => {
-    if (event.sender.id !== ctx.views.getHostToolbarWebContentsId()) return;
-    let extent;
-    try {
-      ;
-      [{ extent }] = validate(
-        ViewChannel.HostToolbarAdvertiseHeight,
-        HostToolbarAdvertiseHeightSchema,
-        args
-      );
-    } catch {
-      return;
-    }
-    ctx.views.setHostToolbarHeight(extent);
-  };
-  ipcMain3.on(ViewChannel.HostToolbarAdvertiseHeight, onAdvertiseHeight);
-  return {
-    dispose() {
-      void registry.dispose();
-      ipcMain3.removeListener(ViewChannel.HostToolbarAdvertiseHeight, onAdvertiseHeight);
-    }
-  };
-}
-
 // src/main/ipc/simulator-module.ts
 var simulatorModule = {
   setup: (ctx) => {
     const reg = new DisposableRegistry3();
     reg.add(registerSimulatorIpc(ctx));
-    reg.add(registerViewsIpc(ctx));
     installBridgeRouter(ctx);
     return reg;
   }
@@ -8324,7 +9190,7 @@ function registerContextTools(server) {
 }
 
 // src/main/services/mcp/tools/project-tools.ts
-import path15 from "node:path";
+import path14 from "node:path";
 import { z as z5 } from "zod";
 var DEFAULT_OPEN_TIMEOUT_MS = 18e4;
 var DEFAULT_WAIT_TIMEOUT_MS = 6e4;
@@ -8360,7 +9226,7 @@ function registerProjectTools(server, host) {
       timeoutMs: z5.number().optional().default(DEFAULT_OPEN_TIMEOUT_MS).describe("Max time to wait for the compile to settle")
     },
     async ({ path: rawPath, timeoutMs }) => {
-      const dir = path15.resolve(rawPath);
+      const dir = path14.resolve(rawPath);
       const current = host.sessionStatus.get();
       if (host.workspace.getProjectPath() === dir && host.workspace.hasActiveSession() && current.phase === "ready") {
         return text({ ...statusPayload(host), note: "project already open" });
@@ -8370,7 +9236,7 @@ function registerProjectTools(server, host) {
       let project;
       if (await host.workspace.hasProject(dir)) {
         const known = (await host.workspace.listProjects()).find((p) => p.path === dir);
-        project = known ?? { name: path15.basename(dir), path: dir };
+        project = known ?? { name: path14.basename(dir), path: dir };
       } else {
         project = await host.workspace.addProject(dir);
       }
@@ -9241,7 +10107,9 @@ function setupSimulatorCurrentPage(host, options) {
   const off = options.bridge.onRenderEvent((ev) => {
     if (ev.kind !== "activePage" || !ev.pagePath) return;
     if (host.isDestroyed()) return;
-    host.send(SimulatorChannel.CurrentPage, ev.pagePath);
+    const query = {};
+    for (const [k, v] of Object.entries(ev.query ?? {})) query[k] = String(v);
+    host.send(SimulatorChannel.CurrentPage, encodePageSpec({ pagePath: ev.pagePath, query }));
   });
   registry.add(off);
   return registry;
@@ -9249,7 +10117,7 @@ function setupSimulatorCurrentPage(host, options) {
 
 // src/main/services/render-inspect/index.ts
 import { readFileSync } from "node:fs";
-import path16 from "node:path";
+import path15 from "node:path";
 var DEFAULT_SOURCE_PATH = "dist/render-host/render-inspect.js";
 var HIGHLIGHT_CONFIG = {
   showInfo: true,
@@ -9275,7 +10143,7 @@ function withTimeout(p, ms) {
   });
 }
 function createRenderInspector(options = {}) {
-  const loadSource = options.loadSource ?? (() => readFileSync(path16.join(devtoolsPackageRoot, DEFAULT_SOURCE_PATH), "utf8"));
+  const loadSource = options.loadSource ?? (() => readFileSync(path15.join(devtoolsPackageRoot, DEFAULT_SOURCE_PATH), "utf8"));
   let cachedSource = null;
   const injected = /* @__PURE__ */ new Set();
   const broker = options.broker ?? createCdpSessionBroker({ connections: options.connections });
@@ -9397,11 +10265,11 @@ import * as session_policy_star from "@dimina-kit/electron-runtime/main/session-
 import http from "node:http";
 import nodeFs3 from "node:fs";
 import fs8 from "node:fs/promises";
-import path18 from "node:path";
+import path17 from "node:path";
 
 // src/main/services/fs-watch-sse.ts
 import nodeFs2 from "node:fs";
-import path17 from "node:path";
+import path16 from "node:path";
 
 // src/main/services/http-json.ts
 function jsonRes(res, code, obj) {
@@ -9413,7 +10281,7 @@ function jsonRes(res, code, obj) {
 // src/main/services/fs-watch-sse.ts
 var WATCH_DEBOUNCE_MS = 80;
 function shouldReportWatchPath(rel) {
-  if (rel === "" || rel.startsWith("..") || path17.isAbsolute(rel)) return false;
+  if (rel === "" || rel.startsWith("..") || path16.isAbsolute(rel)) return false;
   return !rel.split("/").some((segment) => SKIP_DIRS.has(segment));
 }
 function handleFsWatchRequest(req, res, getProjectRoot) {
@@ -9454,7 +10322,7 @@ function handleFsWatchRequest(req, res, getProjectRoot) {
 `);
   }
   function onChange(_event, filename) {
-    const rel = filename ? filename.toString().split(path17.sep).join("/") : ".";
+    const rel = filename ? filename.toString().split(path16.sep).join("/") : ".";
     if (rel !== "." && !shouldReportWatchPath(rel)) return;
     pending.add(rel);
     if (!debounceTimer) {
@@ -9509,8 +10377,8 @@ function setIsolationHeaders(res) {
 }
 function containedStaticPath(root, pathname) {
   const rel = pathname.replace(/^\/+/, "") || "index.html";
-  const resolved = path18.resolve(root, rel);
-  if (resolved !== root && !resolved.startsWith(root + path18.sep)) return null;
+  const resolved = path17.resolve(root, rel);
+  if (resolved !== root && !resolved.startsWith(root + path17.sep)) return null;
   return resolved;
 }
 function serveStaticFile(res, root, pathname) {
@@ -9521,7 +10389,7 @@ function serveStaticFile(res, root, pathname) {
     return;
   }
   Promise.all([fs8.realpath(root), fs8.realpath(candidate)]).then(([realRoot, realFile]) => {
-    if (realFile !== realRoot && !realFile.startsWith(realRoot + path18.sep)) {
+    if (realFile !== realRoot && !realFile.startsWith(realRoot + path17.sep)) {
       res.writeHead(403);
       res.end("Forbidden");
       return;
@@ -9533,7 +10401,7 @@ function serveStaticFile(res, root, pathname) {
         return;
       }
       res.writeHead(200, {
-        "Content-Type": MIME[path18.extname(realFile)] ?? "application/octet-stream",
+        "Content-Type": MIME[path17.extname(realFile)] ?? "application/octet-stream",
         "Content-Length": stat.size,
         "Cache-Control": "no-store"
       });
@@ -9687,7 +10555,7 @@ async function listFilesRecursive(dir, base = "") {
   for (const e of entries) {
     const rel = base ? `${base}/${e.name}` : e.name;
     if (e.isDirectory()) {
-      out.push(...await listFilesRecursive(path18.join(dir, e.name), rel));
+      out.push(...await listFilesRecursive(path17.join(dir, e.name), rel));
     } else if (e.isFile()) {
       out.push(rel);
     }
@@ -9704,9 +10572,9 @@ async function readContributedExtensions(extensionsDir) {
   }
   for (const e of entries) {
     if (!e.isDirectory()) continue;
-    const extDir = path18.join(extensionsDir, e.name);
+    const extDir = path17.join(extensionsDir, e.name);
     try {
-      const pkgRaw = await fs8.readFile(path18.join(extDir, "package.json"), "utf8");
+      const pkgRaw = await fs8.readFile(path17.join(extDir, "package.json"), "utf8");
       const files = await listFilesRecursive(extDir);
       out.push({ dir: e.name, packageJson: JSON.parse(pkgRaw), files });
     } catch {
@@ -9714,9 +10582,13 @@ async function readContributedExtensions(extensionsDir) {
   }
   return out;
 }
+function workspaceIdOf(identity) {
+  if (!identity?.appId) return null;
+  return (0, miniapp_partition_exports.miniappPartitionKey)(identity.appId, identity.projectPath || null);
+}
 async function startWorkbenchCoiServer(options) {
-  const root = path18.resolve(options.rootDir);
-  const contribRoot = options.extensionsDir ? path18.resolve(options.extensionsDir) : null;
+  const root = path17.resolve(options.rootDir);
+  const contribRoot = options.extensionsDir ? path17.resolve(options.extensionsDir) : null;
   const server = http.createServer((req, res) => {
     setIsolationHeaders(res);
     const url = new URL(req.url ?? "/", "http://127.0.0.1");
@@ -9734,6 +10606,10 @@ async function startWorkbenchCoiServer(options) {
       jsonRes(res, 200, options.getFileTypes?.() ?? {});
       return;
     }
+    if (url.pathname === "/__project") {
+      jsonRes(res, 200, { workspaceId: workspaceIdOf(options.getProjectIdentity?.()) });
+      return;
+    }
     if (url.pathname.startsWith("/__contrib/")) {
       if (!contribRoot) {
         res.writeHead(404);
@@ -9772,7 +10648,9 @@ async function startWorkbenchCoiServer(options) {
 import { app as app11, shell as shell3 } from "electron";
 var UpdateManager = class {
   checker;
-  mainWindow;
+  showUpdatePanel;
+  notifyDownloadProgress;
+  hideUpdatePanel;
   getCurrentVersion;
   latestUpdate = null;
   downloadedPath = null;
@@ -9789,16 +10667,26 @@ var UpdateManager = class {
   timer = null;
   initialTimer = null;
   ipc;
+  /**
+   * Set by `dispose()`. Clearing the timers only stops FUTURE ticks — an
+   * in-flight `checkAndNotify()` invocation (already past its `await
+   * this.check()`) has no timer left to cancel it, and would otherwise call
+   * `showUpdatePanel` after dispose has torn down the overlay panel that
+   * owns (e.g. `views.disposeAll()` destroying its WebContentsView).
+   */
+  disposed = false;
   constructor(opts) {
     this.checker = opts.checker;
-    this.mainWindow = opts.mainWindow;
+    this.showUpdatePanel = opts.showUpdatePanel;
+    this.notifyDownloadProgress = opts.notifyDownloadProgress;
+    this.hideUpdatePanel = opts.hideUpdatePanel;
     this.getCurrentVersion = opts.getCurrentVersion ?? (() => app11.getVersion());
     this.ipc = new IpcRegistry(opts.senderPolicy);
     this.registerIpc();
     this.startPeriodicCheck(opts.checkInterval ?? 60 * 60 * 1e3, opts.initialDelay ?? 5e3);
   }
   registerIpc() {
-    this.ipc.handle(UpdateChannel.Check, async () => this.check()).handle(UpdateChannel.Download, async () => this.download()).handle(UpdateChannel.Install, async () => this.install());
+    this.ipc.handle(UpdateChannel.Check, async () => this.check()).handle(UpdateChannel.Download, async () => this.download()).handle(UpdateChannel.Install, async () => this.install()).on(UpdateChannel.Close, () => this.hideUpdatePanel());
   }
   async check() {
     try {
@@ -9822,7 +10710,7 @@ var UpdateManager = class {
     }
     try {
       const filePath = await this.checker.downloadUpdate(this.latestUpdate, (percent) => {
-        this.mainWindow.webContents.send(UpdateChannel.DownloadProgress, { percent });
+        this.notifyDownloadProgress(percent);
       });
       this.downloadedPath = filePath;
       return { success: true, filePath };
@@ -9850,6 +10738,7 @@ var UpdateManager = class {
    * the timer clears + handler removals are scheduled synchronously.
    */
   dispose() {
+    this.disposed = true;
     if (this.timer) {
       clearInterval(this.timer);
       this.timer = null;
@@ -9866,16 +10755,17 @@ var UpdateManager = class {
   }
   async checkAndNotify() {
     const result = await this.check();
+    if (this.disposed) return;
     if (!result.hasUpdate || !result.info) return;
     if (this.hasNotified) return;
     this.hasNotified = true;
-    this.mainWindow.webContents.send(UpdateChannel.Available, result.info);
+    this.showUpdatePanel(result.info);
   }
 };
 
 // src/main/services/update/github-release-checker.ts
 import fs9 from "fs";
-import path19 from "path";
+import path18 from "path";
 import https from "https";
 import { app as app12 } from "electron";
 function createGitHubReleaseChecker(opts) {
@@ -9901,10 +10791,10 @@ function createGitHubReleaseChecker(opts) {
       };
     },
     async downloadUpdate(info, onProgress) {
-      const tmpDir = path19.join(app12.getPath("temp"), `${opts.repo}-update`);
+      const tmpDir = path18.join(app12.getPath("temp"), `${opts.repo}-update`);
       if (!fs9.existsSync(tmpDir)) fs9.mkdirSync(tmpDir, { recursive: true });
-      const fileName = path19.basename(new URL(info.downloadUrl).pathname);
-      const filePath = path19.join(tmpDir, fileName);
+      const fileName = path18.basename(new URL(info.downloadUrl).pathname);
+      const filePath = path18.join(tmpDir, fileName);
       await downloadFile(info.downloadUrl, filePath, opts.token, onProgress);
       return filePath;
     }
@@ -10187,7 +11077,7 @@ async function disposeContext(ctx) {
 function createConfiguredMainWindow(config, rendererDir2) {
   const mainWindow = createMainWindow({
     title: config.appName ?? "Dimina DevTools",
-    indexHtml: path20.join(rendererDir2, "entries/main/index.html"),
+    indexHtml: path19.join(rendererDir2, "entries/main/index.html"),
     width: config.window?.width,
     height: config.window?.height,
     minWidth: config.window?.minWidth,
@@ -10311,7 +11201,7 @@ function enableDevRendererAutoReload(rendererDir2) {
   const watcher = fs10.watch(rendererDir2, { recursive: true }, () => {
     if (reloadTimer) clearTimeout(reloadTimer);
     reloadTimer = setTimeout(() => {
-      for (const win of BrowserWindow6.getAllWindows()) {
+      for (const win of BrowserWindow5.getAllWindows()) {
         win.webContents.reload();
       }
     }, 300);
@@ -10350,6 +11240,9 @@ async function createDevtoolsRuntime(config = {}, onInstanceCreated) {
   context.internalDevtoolsWindow = createInternalDevtoolsWindow(mainWindow, { isAppQuitting });
   context.registry.add(toDisposable5(() => context.internalDevtoolsWindow?.dispose()));
   context.registry.add(registerInternalDevtoolsIpc(context));
+  context.registry.add(registerTooltipIpc(context));
+  context.registry.add(registerProjectCreateIpc(context));
+  context.registry.add(registerViewsIpc(context));
   context.registry.add((0, simulator_session_policy_exports.setupSimulatorSessionPolicy)());
   context.registry.add(installThemeBackgroundSync());
   if (!config.adapter) context.registry.add(setupCompileWorkerStandby(context));
@@ -10402,13 +11295,27 @@ async function createDevtoolsRuntime(config = {}, onInstanceCreated) {
   instance.registerSimulatorApi("login", async () => {
     return "hello";
   });
+  context.registry.add(
+    context.views.hostSidebar.onMessage("project-category-selected", (payload) => {
+      const category = payload?.category;
+      if (category !== "miniprogram" && category !== "minigame") return;
+      context.notify.hostSidebarCategorySelected(category);
+    })
+  );
+  context.views.hostSidebar.loadFile(path19.join(rendererDir2, "entries/host-sidebar-default/index.html")).catch((err2) => {
+    console.warn("[workbench] failed to load host-sidebar default content:", err2);
+  });
+  context.views.hostSidebar.setWidthMode({ fixed: HOST_SIDEBAR_DEFAULT_WIDTH });
+  context.views.hostSidebar.setWidthMode("auto");
   if (config.onSetup) {
     await config.onSetup(instance);
   }
   if (config.updateChecker) {
     instance.updateManager = new UpdateManager({
       checker: config.updateChecker,
-      mainWindow,
+      showUpdatePanel: (info) => context.views.showUpdateDialog(info),
+      notifyDownloadProgress: (percent) => context.views.notifyUpdateDownloadProgress(percent),
+      hideUpdatePanel: () => context.views.hideUpdateDialog(),
       senderPolicy: context.senderPolicy,
       checkInterval: config.updateOptions?.checkInterval,
       initialDelay: config.updateOptions?.initialDelay,
@@ -10534,8 +11441,8 @@ async function createDevtoolsRuntime(config = {}, onInstanceCreated) {
       bridge: context.bridge
     }));
   }
-  const bundleDir = config.editorViewConfig?.bundleDir ?? path20.join(devtoolsPackageRoot, "dist/vscode-workbench");
-  if (!fs10.existsSync(path20.join(bundleDir, "index.html"))) {
+  const bundleDir = config.editorViewConfig?.bundleDir ?? path19.join(devtoolsPackageRoot, "dist/vscode-workbench");
+  if (!fs10.existsSync(path19.join(bundleDir, "index.html"))) {
     console.warn(
       `[workbench] editor bundle not found at ${bundleDir} \u2014 skipping embedded editor assembly`
     );
@@ -10544,7 +11451,14 @@ async function createDevtoolsRuntime(config = {}, onInstanceCreated) {
       rootDir: bundleDir,
       getProjectRoot: () => context.workspace.getProjectPath(),
       extensionsDir: config.editorViewConfig?.extensionsDir,
-      getFileTypes: () => context.fileTypes
+      getFileTypes: () => context.fileTypes,
+      // Names the editor's VS Code workspace after the active miniapp, so each
+      // project gets its own open-editors/view-state bucket instead of all of
+      // them sharing the one derived from the constant mirror root.
+      getProjectIdentity: () => ({
+        appId: getActiveAppId(),
+        projectPath: context.workspace.getProjectPath()
+      })
     });
     context.registry.add(() => coiServer.close());
     context.registry.add(() => {