impel-cli 0.20.25 → 0.20.26

package/RELEASE_NOTES.md

@@ -1,5 +1,14 @@
 # Release notes
 
+## 0.20.26 — Native task-board navigation
+
+- Embeds Tasks in each managed desktop app's content view instead of a
+  separate always-on-top window, so selecting another sidebar destination
+  reliably dismisses the tenant board and completes the vendor navigation.
+- Removes the redundant desktop frame around the MCP App so the task-board
+  toolbar and workspace occupy the complete host content surface.
+- Rebuilds existing managed bundles onto the corrected embedded-view contract.
+
 ## 0.20.25 — Embedded tenant task boards
 
 - Adds a persistent Tasks destination to the exact managed Claude and

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "impel-cli",
-  "version": "0.20.25",
+  "version": "0.20.26",
   "description": "Prepare isolated Claude and Codex workspaces for every accessible Impel tenant",
   "type": "module",
   "bin": {

package/src/apps.js

@@ -301,7 +301,7 @@ export const CURRENT_CONFIG_VERSION = 32;
 // — which is what made every `impel update` re-trigger macOS permission
 // prompts. Bump this ONLY when a code change alters the bytes of a built
 // bundle; leave it alone for changes that don't touch bundle contents.
-export const BUNDLE_BUILD_FINGERPRINT = "bundle-2026-08-08.1";
+export const BUNDLE_BUILD_FINGERPRINT = "bundle-2026-08-08.2";
 
 /** Parse the tenant's install manifest, or null when absent/corrupt. */
 export function readTenantManifest(homeDir = os.homedir(), tenantId = null) {

package/src/desktopTasks.js

@@ -254,7 +254,7 @@ const NAVIGATION_SOURCE = String.raw`(() => {
     const sidebar = findSidebar();
     if (!sidebar || !(event.target instanceof Node) || !sidebar.contains(event.target)) return;
     select(false);
-    signal("hide");
+    setTimeout(() => signal("hide"), 0);
   };
   const onResize = () => {
     if (active) signal("layout");
@@ -480,11 +480,12 @@ if (
     const {
       app,
       BrowserWindow,
+      WebContentsView,
       ipcMain,
       shell,
       webContents: electronWebContents,
     } = electron;
-    if (!app || !BrowserWindow || !ipcMain || !electronWebContents) {
+    if (!app || !BrowserWindow || !WebContentsView || !ipcMain || !electronWebContents) {
       record("unsupported-electron-surface");
       return;
     }
@@ -540,16 +541,7 @@ if (
     const createView = (window) => {
       const state = stateFor(window);
       if (state.view && !state.view.webContents.isDestroyed()) return state;
-      const view = createInternalWindow({
-        frame: false,
-        show: false,
-        resizable: false,
-        movable: false,
-        minimizable: false,
-        maximizable: false,
-        fullscreenable: false,
-        skipTaskbar: true,
-        backgroundColor: "#181818",
+      const view = new WebContentsView({
         webPreferences: {
           preload: viewPreload,
           contextIsolation: true,
@@ -558,7 +550,9 @@ if (
           spellcheck: false,
         },
       });
-      view.setAlwaysOnTop(true, "floating");
+      window.contentView.addChildView(view);
+      view.setVisible(false);
+      view.setBackgroundColor("#181818");
       allowedViewContents.add(view.webContents);
       internalViewContents.add(view.webContents);
       view.webContents.setWindowOpenHandler(() => ({ action: "deny" }));
@@ -568,63 +562,45 @@ if (
       view.webContents.on("destroyed", () => {
         allowedViewContents.delete(view.webContents);
         internalViewContents.delete(view.webContents);
-      });
-      view.on("closed", () => {
+        try { window.contentView.removeChildView(view); } catch {}
         if (state.view === view) state.view = null;
       });
-      view.on("blur", () => setTimeout(() => {
-        const focused = BrowserWindow.getFocusedWindow();
-        if (focused === window || focused === state.nativeNav || focused === state.view) return;
-        state.visible = false;
-        state.view?.hide();
-        state.nativeNav?.hide();
-      }, 100));
       view.webContents.loadURL(hostUrl).catch((error) => record("view-load-failed", error));
       state.view = view;
       return state;
     };
 
-    const screenBounds = (window, bounds) => {
-      const content = window.getContentBounds();
-      return {
-        x: content.x + bounds.x,
-        y: content.y + bounds.y,
-        width: bounds.width,
-        height: bounds.height,
-      };
-    };
-
     const show = (window, bounds) => {
       const state = createView(window);
       state.bounds = bounds;
       state.visible = true;
-      state.view.setBounds(screenBounds(window, bounds));
-      state.view.show();
-      state.view.focus();
+      state.view.setBounds(bounds);
+      state.view.setVisible(true);
+      state.view.webContents.focus();
       const boardStatus = () => ({
         parentBounds: window.getBounds(),
         parentContentBounds: window.getContentBounds(),
         boardBounds: state.view.getBounds(),
-        boardVisible: state.view.isVisible(),
-        boardFocused: state.view.isFocused(),
+        boardVisible: state.visible,
+        boardFocused: state.view.webContents.isFocused(),
       });
       record("board-shown", JSON.stringify(boardStatus()));
       setTimeout(() => {
-        if (state.view && !state.view.isDestroyed()) record("board-visible-check", JSON.stringify(boardStatus()));
+        if (state.view && !state.view.webContents.isDestroyed()) record("board-visible-check", JSON.stringify(boardStatus()));
       }, 2000);
     };
     const hide = (window) => {
       const state = windows.get(window.id);
       if (!state) return;
       state.visible = false;
-      state.view?.hide();
+      state.view?.setVisible(false);
       window.webContents.focus();
     };
 
     const layoutBoard = (window) => {
       const state = windows.get(window.id);
-      if (!state?.visible || !state.view || !state.bounds || state.view.isDestroyed()) return;
-      state.view.setBounds(screenBounds(window, state.bounds));
+      if (!state?.visible || !state.view || !state.bounds || state.view.webContents.isDestroyed()) return;
+      state.view.setBounds(state.bounds);
     };
 
     const nativeBoardBounds = (window) => {
@@ -800,24 +776,24 @@ if (
           state.nativeNav.showInactive();
           state.nativeNav.moveTop();
         }
-        if (state?.visible && state.view && !state.view.isDestroyed()) state.view.show();
+        if (state?.visible && state.view && !state.view.webContents.isDestroyed()) state.view.setVisible(true);
       });
       window.on("blur", () => setTimeout(() => {
         const state = windows.get(window.id);
         const focused = BrowserWindow.getFocusedWindow();
-        if (focused === state?.nativeNav || focused === state?.view) return;
+        if (focused === state?.nativeNav) return;
         state?.nativeNav?.hide();
-        state?.view?.hide();
+        state?.view?.setVisible(false);
       }, 1000));
       window.on("minimize", () => {
         const state = windows.get(window.id);
         state?.nativeNav?.hide();
-        state?.view?.hide();
+        state?.view?.setVisible(false);
       });
       window.on("restore", () => {
         const state = windows.get(window.id);
         state?.nativeNav?.showInactive();
-        if (state?.visible) state.view?.show();
+        if (state?.visible) state.view?.setVisible(true);
       });
       window.on("closed", () => {
         const state = windows.get(window.id);
@@ -830,7 +806,8 @@ if (
           if (state.nativeNav) nativeNavOwners.delete(state.nativeNav.webContents);
           try {
             if (state.view) {
-              state.view.destroy();
+              window.contentView.removeChildView(state.view);
+              state.view.webContents.close();
             }
             if (state.nativeNav) {
               state.nativeNav.destroy();
@@ -900,7 +877,7 @@ if (
       if (focused && (windows.has(focused.id) || internalViewContents.has(focused.webContents))) return;
       for (const state of windows.values()) {
         state.nativeNav?.hide();
-        state.view?.hide();
+        state.view?.setVisible(false);
       }
     };
 
@@ -949,19 +926,13 @@ export function desktopTasksHostHtml() {
       :root { color-scheme: light dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
       * { box-sizing: border-box; }
       html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; background: Canvas; color: CanvasText; }
-      body { display: grid; grid-template-rows: 36px minmax(0, 1fr); }
-      header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 10px 0 14px; border-bottom: 1px solid color-mix(in srgb, CanvasText 12%, transparent); }
-      header strong { font-size: 13px; font-weight: 600; }
-      button { border: 0; border-radius: 7px; padding: 5px 9px; background: color-mix(in srgb, CanvasText 8%, Canvas); color: CanvasText; font: inherit; cursor: pointer; }
-      button:hover { background: color-mix(in srgb, CanvasText 13%, Canvas); }
-      button:focus-visible { outline: 2px solid #7c8cff; outline-offset: 2px; }
+      body { display: grid; grid-template-rows: minmax(0, 1fr); }
       iframe { width: 100%; height: 100%; border: 0; background: Canvas; }
       #status { display: grid; place-items: center; padding: 24px; color: color-mix(in srgb, CanvasText 65%, transparent); text-align: center; }
       #status[hidden] { display: none; }
     </style>
   </head>
   <body>
-    <header><strong>Tasks</strong><button id="close" type="button" aria-label="Close Tasks">Close</button></header>
     <div id="status" role="status">Loading Impel Tasks…</div>
     <iframe id="widget" title="Impel Tasks" sandbox="allow-scripts allow-forms" hidden></iframe>
     <script>
@@ -1024,7 +995,9 @@ export function desktopTasksHostHtml() {
           }
         });
 
-        document.getElementById("close").addEventListener("click", () => bridge.close());
+        window.addEventListener("keydown", (event) => {
+          if (event.key === "Escape") bridge.close();
+        });
         Promise.all([
           bridge.rpc({ method: "resources/read", params: { uri: ${JSON.stringify(DESKTOP_TASKS_RESOURCE_URI)} } }),
           bridge.rpc({ method: "tools/call", params: { name: "show_tasks", arguments: { scope: "visible", limit: 50 } } }),