@co0ontty/wand 1.1.5 → 1.2.0

package/dist/claude-pty-bridge.js

@@ -435,12 +435,11 @@ export class ClaudePtyBridge extends EventEmitter {
             /\bgrant\b.*\bpermission\b/i.test(normalized) ||
             /\bhaven't granted\b/i.test(normalized) ||
             /\benter to confirm\b/i.test(normalized) ||
-            /\bwould you like to proceed\b/i.test(normalized) ||
-            /❯/.test(normalized));
+            /\bwould you like to proceed\b/i.test(normalized));
     }
     extractPromptText(normalized) {
         // Return a snippet around the permission prompt
-        const match = normalized.match(/.{0,100}(?:do you want to|permission|grant|enter to confirm|would you like to proceed|❯).{0,100}/i);
+        const match = normalized.match(/.{0,100}(?:do you want to|permission|grant|enter to confirm|would you like to proceed).{0,100}/i);
         return match?.[0] ?? normalized.slice(-100);
     }
     extractPermissionTarget(normalized) {

package/dist/process-manager.d.ts

@@ -2,7 +2,7 @@ import { EventEmitter } from "node:events";
 import { WandStorage } from "./storage.js";
 import { ExecutionMode, SessionSnapshot, WandConfig } from "./types.js";
 export interface ProcessEvent {
-    type: "output" | "status" | "started" | "ended" | "usage" | "task";
+    type: "output" | "status" | "started" | "ended" | "usage" | "task" | "notification";
     sessionId: string;
     data?: unknown;
 }

package/dist/process-manager.js

@@ -40,8 +40,7 @@ const PROMPT_PATTERNS = [
     /\bwould you like to\b/i,
     /\bshall i\b/i,
     /\bcan i\b/i,
-    /\bgrant\b.*\bpermission\b/i,
-    /❯/
+    /\bgrant\b.*\bpermission\b/i
 ];
 const REAL_CONVERSATION_MIN_LINES = 2;
 const REAL_CONVERSATION_MIN_MESSAGES = 2;
@@ -1143,16 +1142,14 @@ export class ProcessManager extends EventEmitter {
                 continue;
             const jsonlPath = path.join(getClaudeProjectDir(cwd), `${claudeSessionId}.jsonl`);
             try {
-                if (existsSync(jsonlPath)) {
-                    unlinkSync(jsonlPath);
-                    deleted++;
-                }
+                unlinkSync(jsonlPath);
+                deleted++;
             }
             catch {
-                // Best-effort — Claude cache cleanup is non-critical
+                // Best-effort — file may already be gone
             }
         }
-        if (deleted > 0) {
+        if (sessions.length > 0) {
             this.claudeHistoryCache = null;
         }
         return deleted;

package/dist/server.js

@@ -21,6 +21,8 @@ const PKG_REPO_URL = "https://github.com/co0ontty/wand";
 let cachedLatestVersion = null;
 let cacheTimestamp = 0;
 const CACHE_TTL_MS = 10 * 60 * 1000; // 10 minutes
+/** Cached update result broadcast to new clients on connect. */
+let cachedUpdateInfo = null;
 async function checkNpmLatestVersion(forceRefresh = false) {
     const now = Date.now();
     if (forceRefresh || !cachedLatestVersion || (now - cacheTimestamp > CACHE_TTL_MS)) {
@@ -384,6 +386,9 @@ export async function startServer(config, configPath) {
             defaultMode: config.defaultMode,
             defaultCwd: config.defaultCwd,
             commandPresets: config.commandPresets,
+            updateAvailable: cachedUpdateInfo?.updateAvailable ?? false,
+            latestVersion: cachedUpdateInfo?.latest ?? null,
+            currentVersion: PKG_VERSION,
         });
     });
     // ── Settings endpoints ──
@@ -1163,9 +1168,16 @@ export async function startServer(config, configPath) {
     // Start configured background sessions after the server is already reachable.
     processes.runStartupCommands();
     // Background update check on startup
-    checkNpmLatestVersion().then(({ current, latest, updateAvailable }) => {
-        if (updateAvailable) {
-            process.stdout.write(`[wand] 发现新版本 ${latest}（当前 ${current}）。运行 npm install -g ${PKG_NAME}@latest 进行更新。\n`);
+    checkNpmLatestVersion().then((info) => {
+        cachedUpdateInfo = info;
+        if (info.updateAvailable) {
+            process.stdout.write(`[wand] 发现新版本 ${info.latest}（当前 ${info.current}）。运行 npm install -g ${PKG_NAME}@latest 进行更新。\n`);
+            // Broadcast update notification to all connected WS clients
+            wsManager.emitEvent({
+                type: "notification",
+                sessionId: "__system__",
+                data: { kind: "update", current: info.current, latest: info.latest },
+            });
         }
     }).catch(() => { });
 }

package/dist/web-ui/content/scripts.js

@@ -165,6 +165,14 @@
         }
       }
 
+      function getConfigCwd() {
+        return (state.config && state.config.defaultCwd) || "/tmp";
+      }
+
+      function getEffectiveCwd() {
+        return state.workingDir || getConfigCwd();
+      }
+
       // PWA install prompt handling
       window.addEventListener('beforeinstallprompt', function(e) {
         e.preventDefault();
@@ -249,6 +257,24 @@
               }
               startPolling();
               refreshAll();
+              // Request browser notification permission after login
+              requestNotificationPermission();
+              // Show update bubble if server reports an available update
+              if (config.updateAvailable && config.latestVersion) {
+                showNotificationBubble({
+                  title: "\u53d1\u73b0\u65b0\u7248\u672c",
+                  body: "\u5f53\u524d " + (config.currentVersion || "-") + " \u2192 \u6700\u65b0 " + config.latestVersion,
+                  type: "info",
+                  icon: "\u2191",
+                  duration: 0,
+                  actionLabel: "\u53bb\u66f4\u65b0",
+                  action: function() {
+                    var settingsBtn = document.getElementById("open-settings-btn") || document.querySelector("[data-action='settings']");
+                    if (settingsBtn) settingsBtn.click();
+                  }
+                });
+                sendBrowserNotification("Wand \u53d1\u73b0\u65b0\u7248\u672c", "\u5f53\u524d " + (config.currentVersion || "-") + " \u2192 \u6700\u65b0 " + config.latestVersion, { tag: "wand-update" });
+              }
               // Auto-load claude history since section defaults to expanded
               if (state.claudeHistoryExpanded && !state.claudeHistoryLoaded) {
                 loadClaudeHistory();
@@ -464,14 +490,14 @@
                 '</div>' +
                 '<div class="file-side-panel-body">' +
                   '<div class="file-explorer-header">' +
-                    '<span class="file-explorer-path" id="file-explorer-cwd">' + escapeHtml(selectedSession && selectedSession.cwd ? selectedSession.cwd : (state.config && state.config.defaultCwd ? state.config.defaultCwd : "")) + '</span>' +
+                    '<span class="file-explorer-path" id="file-explorer-cwd">' + escapeHtml(selectedSession && selectedSession.cwd ? selectedSession.cwd : getConfigCwd()) + '</span>' +
                     '<button class="file-explorer-refresh" id="file-explorer-refresh" title="刷新" aria-label="刷新文件列表">↻</button>' +
                   '</div>' +
                   '<div class="file-search-box">' +
                     '<input type="text" id="file-search-input" class="file-search-input" placeholder="搜索文件..." autocomplete="off" />' +
                     '<button class="file-search-clear" id="file-search-clear" type="button" aria-label="清除搜索">×</button>' +
                   '</div>' +
-                  '<div class="file-explorer" id="file-explorer">' + renderFileExplorer(selectedSession && selectedSession.cwd ? selectedSession.cwd : (state.config && state.config.defaultCwd ? state.config.defaultCwd : "")) + '</div>' +
+                  '<div class="file-explorer" id="file-explorer">' + renderFileExplorer(selectedSession && selectedSession.cwd ? selectedSession.cwd : getConfigCwd()) + '</div>' +
                 '</div>' +
               '</div>' +
               '<div id="output" class="terminal-container' + (state.selectedId ? "" : " hidden") + ' active">' +
@@ -498,7 +524,7 @@
                   '<div class="blank-chat-cwd-wrap">' +
                     '<div class="blank-chat-cwd" id="blank-chat-cwd" role="button" tabindex="0" title="点击切换工作目录">' +
                       '<span class="blank-chat-cwd-icon">📁</span>' +
-                      '<span class="blank-chat-cwd-path" id="blank-chat-cwd-path">' + escapeHtml(state.workingDir || (state.config && state.config.defaultCwd ? state.config.defaultCwd : "/tmp")) + '</span>' +
+                      '<span class="blank-chat-cwd-path" id="blank-chat-cwd-path">' + escapeHtml(getEffectiveCwd()) + '</span>' +
                       '<span class="blank-chat-cwd-arrow" id="blank-chat-cwd-arrow">▼</span>' +
                     '</div>' +
                     '<div class="blank-chat-cwd-dropdown hidden" id="blank-chat-cwd-dropdown"></div>' +
@@ -623,6 +649,18 @@
                   '</div>' +
                   '<p id="update-message" class="hint hidden"></p>' +
                 '</div>' +
+                '<div class="settings-notification-section">' +
+                  '<div class="settings-section-title">\u901a\u77e5\u72b6\u6001</div>' +
+                  '<div class="settings-about-row">' +
+                    '<span class="settings-label">\u6d4f\u89c8\u5668\u901a\u77e5</span>' +
+                    '<span class="settings-value" id="notification-permission-status">-</span>' +
+                  '</div>' +
+                  '<div class="settings-update-actions">' +
+                    '<button id="notification-request-btn" class="btn btn-ghost btn-sm hidden">\u6388\u6743\u901a\u77e5</button>' +
+                    '<button id="notification-test-btn" class="btn btn-ghost btn-sm">\u53d1\u9001\u6d4b\u8bd5\u901a\u77e5</button>' +
+                  '</div>' +
+                  '<p id="notification-test-message" class="hint hidden"></p>' +
+                '</div>' +
               '</div>' +
 
               // General config tab
@@ -1103,7 +1141,7 @@
       function updateFilePanelCwd(session) {
         var cwdEl = document.getElementById("file-explorer-cwd");
         if (!cwdEl) return;
-        var cwd = session && session.cwd ? session.cwd : (state.config && state.config.defaultCwd ? state.config.defaultCwd : "");
+        var cwd = session && session.cwd ? session.cwd : getConfigCwd();
         cwdEl.textContent = cwd;
       }
 
@@ -1142,7 +1180,7 @@
       }
 
       function renderFileExplorer(cwd) {
-        var root = cwd || (state.config && state.config.defaultCwd) || "";
+        var root = cwd || getConfigCwd();
         if (!root) {
           return '<div class="file-explorer empty">No working directory configured.</div>';
         }
@@ -1161,8 +1199,8 @@
           var session = state.sessions.find(function(s) { return s.id === state.selectedId; });
           if (session) cwd = session.cwd || "";
         }
-        if (!cwd && state.config && state.config.defaultCwd) {
-          cwd = state.config.defaultCwd;
+        if (!cwd) {
+          cwd = getConfigCwd();
         }
         if (!cwd) {
           explorer.innerHTML = '<div class="file-explorer empty">No working directory.</div>';
@@ -1504,7 +1542,7 @@
       }
 
       function renderFolderPicker(state) {
-        var currentDir = state.workingDir || (state.config && state.config.defaultCwd ? state.config.defaultCwd : "/tmp");
+        var currentDir = getEffectiveCwd();
 
         // 如果有选中的会话，不显示单独的工作目录标签（已嵌入输入框内部）
         if (state.selectedId) {
@@ -1530,7 +1568,7 @@
 
       // 渲染内嵌到输入框的工作目录指示器
       function renderWorkingDirIndicator(state) {
-        var currentDir = state.workingDir || (state.config && state.config.defaultCwd ? state.config.defaultCwd : "/tmp");
+        var currentDir = getEffectiveCwd();
         var displayDir = currentDir;
 
         // 如果有选中的会话，使用会话的工作目录
@@ -1653,7 +1691,7 @@
               '<div class="field">' +
                 '<label class="field-label" for="cwd">工作目录</label>' +
                 '<div class="suggestions-wrap">' +
-                  '<input id="cwd" type="text" class="field-input" autocomplete="off" placeholder="' + escapeHtml(state.workingDir || (state.config && state.config.defaultCwd ? state.config.defaultCwd : "/tmp")) + '" />' +
+                  '<input id="cwd" type="text" class="field-input" autocomplete="off" placeholder="' + escapeHtml(getEffectiveCwd()) + '" />' +
                   '<div id="cwd-suggestions" class="suggestions hidden"></div>' +
                 '</div>' +
                 '<p class="field-hint">留空则使用上方目录，支持路径自动补全。</p>' +
@@ -1878,6 +1916,16 @@
         if (checkUpdateBtn) checkUpdateBtn.addEventListener("click", checkForUpdate);
         var doUpdateBtn = document.getElementById("do-update-button");
         if (doUpdateBtn) doUpdateBtn.addEventListener("click", performUpdate);
+        // Notification test section
+        var notifRequestBtn = document.getElementById("notification-request-btn");
+        if (notifRequestBtn) notifRequestBtn.addEventListener("click", function() {
+          if (typeof Notification !== "undefined") {
+            Notification.requestPermission().then(function() { updateNotificationStatus(); });
+          }
+        });
+        var notifTestBtn = document.getElementById("notification-test-btn");
+        if (notifTestBtn) notifTestBtn.addEventListener("click", testNotification);
+        updateNotificationStatus();
         var newSessBtn = document.getElementById("topbar-new-session-button");
         if (newSessBtn) newSessBtn.addEventListener("click", openSessionModal);
         var drawerNewSessBtn = document.getElementById("drawer-new-session-button");
@@ -2221,7 +2269,7 @@
 
         if (folderPickerInput) {
           // Load initial folders from saved or default path
-          var initialPath = state.workingDir || (state.config && state.config.defaultCwd ? state.config.defaultCwd : "/tmp");
+          var initialPath = getEffectiveCwd();
           loadFolderSuggestions(initialPath);
 
           folderPickerInput.addEventListener("focus", function() {
@@ -2397,16 +2445,14 @@
           folderPickerModal.classList.remove("hidden");
           // Set initial path in input
           if (folderPickerInput) {
-            folderPickerInput.value = state.workingDir || (state.config && state.config.defaultCwd ? state.config.defaultCwd : "/tmp");
+            folderPickerInput.value = getEffectiveCwd();
           }
           // Load initial folders
-          var initialPath = state.workingDir || (state.config && state.config.defaultCwd ? state.config.defaultCwd : "/tmp");
+          var initialPath = getEffectiveCwd();
           loadFolderSuggestions(initialPath);
           renderBreadcrumb(initialPath);
         }
 
-        // Welcome screen folder button (legacy, now handled by initBlankChatCwd)
-
         if (closeFolderPicker && folderPickerModal) {
           closeFolderPicker.addEventListener("click", function() {
             folderPickerModal.classList.add("hidden");
@@ -2426,6 +2472,16 @@
         setupVisualViewportHandlers();
       }
 
+      function activateSessionItem(sessionId) {
+        var session = state.sessions.find(function(s) { return s.id === sessionId; });
+        if (session && session.status !== "running") {
+          resumeSessionFromList(sessionId);
+        } else {
+          selectSession(sessionId);
+        }
+        closeSessionsDrawer();
+      }
+
       function handleSessionItemClick(event) {
         var target = event.target;
         if (!target || !(target instanceof Element)) return;
@@ -2502,13 +2558,22 @@
           }
           if (_swipeState) return;
           if (item.dataset.sessionId) {
-            var clickedSession = state.sessions.find(function(s) { return s.id === item.dataset.sessionId; });
-            if (clickedSession && clickedSession.status !== "running") {
-              resumeSessionFromList(item.dataset.sessionId);
-            } else {
-              selectSession(item.dataset.sessionId);
-            }
-            closeSessionsDrawer();
+            activateSessionItem(item.dataset.sessionId);
+          } else if (item.dataset.claudeHistoryId) {
+            var claudeSessionId = item.dataset.claudeHistoryId;
+            var cwd = item.dataset.cwd;
+            resumeClaudeHistorySession(claudeSessionId, cwd)
+              .then(function(data) {
+                if (data && data.id) {
+                  state.selectedId = data.id;
+                  persistSelectedId();
+                  state.drafts[data.id] = "";
+                  loadSessions().then(function() {
+                    selectSession(data.id);
+                    closeSessionsDrawer();
+                  });
+                }
+              });
           }
         }
       }
@@ -2527,13 +2592,22 @@
           return;
         }
         if (item.dataset.sessionId) {
-          var keySession = state.sessions.find(function(s) { return s.id === item.dataset.sessionId; });
-          if (keySession && keySession.status !== "running") {
-            resumeSessionFromList(item.dataset.sessionId);
-          } else {
-            selectSession(item.dataset.sessionId);
-          }
-          closeSessionsDrawer();
+          activateSessionItem(item.dataset.sessionId);
+        } else if (item.dataset.claudeHistoryId) {
+          var claudeSessionId = item.dataset.claudeHistoryId;
+          var cwd = item.dataset.cwd;
+          resumeClaudeHistorySession(claudeSessionId, cwd)
+            .then(function(data) {
+              if (data && data.id) {
+                state.selectedId = data.id;
+                persistSelectedId();
+                state.drafts[data.id] = "";
+                loadSessions().then(function() {
+                  selectSession(data.id);
+                  closeSessionsDrawer();
+                });
+              }
+            });
         }
       }
 
@@ -2968,15 +3042,9 @@
         state.terminalViewportSize = { width: 0, height: 0 };
         state.terminalAutoFollow = true;
         clearTerminalScrollIdleTimer();
-        // Double-rAF: wait for browser to complete layout before measuring and fitting
+        // Retry-based fit: wait for browser to complete layout before measuring and fitting
         if (state.fitAddon) {
-          requestAnimationFrame(function() {
-            requestAnimationFrame(function() {
-              if (state.fitAddon && shouldResizeTerminalViewport()) {
-                state.fitAddon.fit();
-              }
-            });
-          });
+          ensureTerminalFit();
         }
 
         var viewport = getTerminalViewport();
@@ -3403,11 +3471,7 @@
             updateShellChrome();
 
             var selectedSession = state.sessions.find(function(s) { return s.id === id; });
-            if (data.messages && data.messages.length > 0) {
-              state.currentMessages = data.messages;
-            } else {
-              state.currentMessages = [];
-            }
+            state.currentMessages = data.messages || [];
 
             if (state.terminal) {
               syncTerminalBuffer(id, data.output || "", { mode: "replace" });
@@ -3889,9 +3953,104 @@
         });
       }
 
+      // ── Notification Settings Helpers ──
+
+      function updateNotificationStatus() {
+        var statusEl = document.getElementById("notification-permission-status");
+        var requestBtn = document.getElementById("notification-request-btn");
+        var testMsgEl = document.getElementById("notification-test-message");
+        if (!statusEl) return;
+
+        if (typeof Notification === "undefined") {
+          statusEl.textContent = "\u4e0d\u652f\u6301";
+          statusEl.style.color = "var(--fg-muted)";
+          if (requestBtn) requestBtn.classList.add("hidden");
+          return;
+        }
+
+        var perm = Notification.permission;
+        if (perm === "granted") {
+          statusEl.textContent = "\u5df2\u6388\u6743 \u2713";
+          statusEl.style.color = "var(--success)";
+          if (requestBtn) requestBtn.classList.add("hidden");
+        } else if (perm === "denied") {
+          statusEl.textContent = "\u5df2\u62d2\u7edd";
+          statusEl.style.color = "var(--danger)";
+          if (requestBtn) requestBtn.classList.add("hidden");
+          if (testMsgEl) {
+            testMsgEl.textContent = "\u6d4f\u89c8\u5668\u5df2\u62d2\u7edd\u901a\u77e5\u6743\u9650\uff0c\u8bf7\u5728\u6d4f\u89c8\u5668\u8bbe\u7f6e\u4e2d\u624b\u52a8\u5f00\u542f";
+            testMsgEl.style.color = "var(--fg-muted)";
+            testMsgEl.classList.remove("hidden");
+          }
+        } else {
+          statusEl.textContent = "\u672a\u6388\u6743";
+          statusEl.style.color = "var(--warning)";
+          if (requestBtn) requestBtn.classList.remove("hidden");
+        }
+      }
+
+      function testNotification() {
+        var testMsgEl = document.getElementById("notification-test-message");
+
+        // Always show in-app bubble
+        showNotificationBubble({
+          title: "\u6d4b\u8bd5\u901a\u77e5",
+          body: "\u8fd9\u662f\u4e00\u6761\u6d4b\u8bd5\u901a\u77e5\uff0c\u5e94\u7528\u5185\u6c14\u6ce1\u5df2\u6b63\u5e38\u5de5\u4f5c\u3002",
+          type: "info",
+          icon: "\u266a",
+          duration: 5000,
+        });
+
+        // Test browser notification
+        if (typeof Notification === "undefined") {
+          if (testMsgEl) {
+            testMsgEl.textContent = "\u6d4f\u89c8\u5668\u4e0d\u652f\u6301\u901a\u77e5 API\uff0c\u4ec5\u53ef\u4f7f\u7528\u5e94\u7528\u5185\u6c14\u6ce1\u901a\u77e5\u3002";
+            testMsgEl.style.color = "var(--fg-muted)";
+            testMsgEl.classList.remove("hidden");
+          }
+          return;
+        }
+
+        if (Notification.permission === "granted") {
+          try {
+            var n = new Notification("Wand \u6d4b\u8bd5\u901a\u77e5", {
+              body: "\u6d4f\u89c8\u5668\u901a\u77e5\u5df2\u6b63\u5e38\u5de5\u4f5c\u3002",
+              icon: "/favicon.ico",
+              tag: "wand-test",
+            });
+            setTimeout(function() { n.close(); }, 5000);
+            if (testMsgEl) {
+              testMsgEl.textContent = "\u2713 \u6d4f\u89c8\u5668\u901a\u77e5 + \u5e94\u7528\u5185\u6c14\u6ce1\u5747\u5df2\u53d1\u9001";
+              testMsgEl.style.color = "var(--success)";
+              testMsgEl.classList.remove("hidden");
+            }
+          } catch (_e) {
+            if (testMsgEl) {
+              testMsgEl.textContent = "\u6d4f\u89c8\u5668\u901a\u77e5\u53d1\u9001\u5931\u8d25\uff0c\u53ef\u80fd\u9700\u8981 HTTPS";
+              testMsgEl.style.color = "var(--warning)";
+              testMsgEl.classList.remove("hidden");
+            }
+          }
+        } else {
+          // permission is "default" or "denied" — always try requesting
+          Notification.requestPermission().then(function(result) {
+            updateNotificationStatus();
+            if (result === "granted") {
+              testNotification();
+            } else if (result === "denied") {
+              if (testMsgEl) {
+                testMsgEl.textContent = "\u6d4f\u89c8\u5668\u5df2\u62d2\u7edd\u901a\u77e5\u6743\u9650\uff0c\u8bf7\u70b9\u51fb\u5730\u5740\u680f\u5de6\u4fa7\u9501\u56fe\u6807\u6216\u5728\u6d4f\u89c8\u5668\u8bbe\u7f6e\u4e2d\u624b\u52a8\u5f00\u542f";
+                testMsgEl.style.color = "var(--fg-muted)";
+                testMsgEl.classList.remove("hidden");
+              }
+            }
+          });
+        }
+      }
+
       function quickStartSession() {
         var command = getPreferredTool();
-        var defaultCwd = state.workingDir || (state.config && state.config.defaultCwd ? state.config.defaultCwd : "");
+        var defaultCwd = getEffectiveCwd();
         var defaultMode = (state.config && state.config.defaultMode) ? state.config.defaultMode : "default";
         state.preferredCommand = command;
         state.chatMode = getSafeModeForTool(command, state.chatMode);
@@ -3928,7 +4087,7 @@
 
         hideError(errorEl);
 
-        var defaultCwd = state.workingDir || (state.config && state.config.defaultCwd ? state.config.defaultCwd : "");
+        var defaultCwd = getEffectiveCwd();
         var selectedMode = getSafeModeForTool(command, state.modeValue);
         state.modeValue = selectedMode;
         state.chatMode = selectedMode;
@@ -4006,7 +4165,7 @@
       }
 
       function loadBlankChatCwdDropdown(dropdown) {
-        var defaultCwd = state.config && state.config.defaultCwd ? state.config.defaultCwd : "/tmp";
+        var defaultCwd = getConfigCwd();
         dropdown.innerHTML = '<div class="blank-chat-cwd-loading">加载中...</div>';
         fetch("/api/recent-paths", { credentials: "same-origin" })
           .then(function(res) { return res.json(); })
@@ -4364,7 +4523,7 @@
         welcomeInput.placeholder = "正在启动会话...";
         welcomeInput.disabled = true;
         var mode = state.chatMode || "full-access";
-        var defaultCwd = state.workingDir || (state.config && state.config.defaultCwd ? state.config.defaultCwd : "");
+        var defaultCwd = getEffectiveCwd();
         var preferredTool = getPreferredTool();
         fetch("/api/commands", {
           method: "POST",
@@ -4426,7 +4585,7 @@
 
         // No selected session, create a new one
         var mode = state.chatMode || "full-access";
-        var defaultCwd = state.workingDir || (state.config && state.config.defaultCwd ? state.config.defaultCwd : "");
+        var defaultCwd = getEffectiveCwd();
         var preferredTool = getPreferredTool();
         fetch("/api/commands", {
           method: "POST",
@@ -4493,9 +4652,8 @@
         // Init terminal if not already done
         if (!state.terminal) initTerminal();
         applyCurrentView();
-        if (state.currentView === "terminal") {
-          state.terminalViewportSize = { width: 0, height: 0 };
-          scheduleTerminalResize(true);
+        if (state.terminal && state.fitAddon) {
+          ensureTerminalFit();
         }
         // Don't call renderChat() here — loadOutput() always calls renderChat() after it resolves.
         // Calling renderChat() prematurely would render with stale/empty messages.
@@ -5380,7 +5538,7 @@
         welcomeInput.placeholder = "Claude 正在思考，请稍候...";
         welcomeInput.disabled = true;
         var mode = state.chatMode || "full-access";
-        var defaultCwd = state.workingDir || (state.config && state.config.defaultCwd ? state.config.defaultCwd : "");
+        var defaultCwd = getEffectiveCwd();
         var preferredTool = getPreferredTool();
         fetch("/api/commands", {
           method: "POST",
@@ -5416,7 +5574,7 @@
 
       function createSessionFromInput(value, inputBox, welcomeInput) {
         var mode = state.chatMode || "full-access";
-        var defaultCwd = state.workingDir || (state.config && state.config.defaultCwd ? state.config.defaultCwd : "");
+        var defaultCwd = getEffectiveCwd();
         var preferredTool = getPreferredTool();
         fetch("/api/commands", {
           method: "POST",
@@ -6463,6 +6621,34 @@
         updateTerminalJumpToBottomButton();
       }
 
+      function ensureTerminalFit() {
+        var maxAttempts = 10;
+        var attempt = 0;
+        function tryFit() {
+          attempt++;
+          state.terminalViewportSize = { width: 0, height: 0 };
+          if (shouldResizeTerminalViewport() && state.fitAddon) {
+            state.fitAddon.fit();
+            maybeScrollTerminalToBottom("resize");
+            if (state.selectedId && state.terminal) {
+              var nextSize = { cols: state.terminal.cols, rows: state.terminal.rows };
+              if (state.lastResize.cols !== nextSize.cols || state.lastResize.rows !== nextSize.rows) {
+                state.lastResize = nextSize;
+                fetch("/api/sessions/" + state.selectedId + "/resize", {
+                  method: "POST",
+                  headers: { "Content-Type": "application/json" },
+                  credentials: "same-origin",
+                  body: JSON.stringify(nextSize)
+                }).catch(function() {});
+              }
+            }
+          } else if (attempt < maxAttempts) {
+            requestAnimationFrame(tryFit);
+          }
+        }
+        requestAnimationFrame(tryFit);
+      }
+
       function scheduleTerminalResize(immediate) {
         if (state.resizeTimer) {
           clearTimeout(state.resizeTimer);
@@ -6588,7 +6774,7 @@
               }
               updateSessionSnapshot(snapshot);
               if (msg.sessionId === state.selectedId) {
-                if (msg.data.messages && msg.data.messages.length > 0) {
+                if (msg.data.messages) {
                   state.currentMessages = msg.data.messages;
                 }
                 updateTaskDisplay();
@@ -6630,6 +6816,33 @@
             }
             updateSessionSnapshot(endedSnapshot);
 
+            // Notify user when a session completes (browser + in-app if backgrounded or not viewing)
+            var endedSession = state.sessions.find(function(s) { return s.id === msg.sessionId; });
+            var endedName = endedSession ? (endedSession.label || endedSession.command || msg.sessionId) : msg.sessionId;
+            var endedExitCode = msg.data && msg.data.exitCode;
+            var endedIsError = endedExitCode !== null && endedExitCode !== undefined && endedExitCode !== 0;
+            sendBrowserNotification(
+              endedIsError ? "\u4f1a\u8bdd\u5f02\u5e38\u7ed3\u675f" : "\u4f1a\u8bdd\u5df2\u5b8c\u6210",
+              endedName,
+              {
+                tag: "wand-ended-" + msg.sessionId,
+                onClick: function() {
+                  if (msg.sessionId !== state.selectedId) selectSession(msg.sessionId);
+                }
+              }
+            );
+            if (msg.sessionId !== state.selectedId || document.hidden) {
+              showNotificationBubble({
+                title: endedIsError ? "\u4f1a\u8bdd\u5f02\u5e38\u7ed3\u675f" : "\u4f1a\u8bdd\u5df2\u5b8c\u6210",
+                body: endedName,
+                type: endedIsError ? "warning" : "success",
+                icon: endedIsError ? "!" : "\u2713",
+                duration: 6000,
+                actionLabel: "\u67e5\u770b",
+                action: function() { selectSession(msg.sessionId); }
+              });
+            }
+
             // Clear stale queued inputs so they cannot race with the ended session.
             // Each queued item's postInput will hit the server and get an error, but
             // clearing the queues here prevents them from growing unbounded.
@@ -6661,6 +6874,8 @@
             if (msg.sessionId === state.selectedId && msg.data) {
               if (chatRenderTimer) { clearTimeout(chatRenderTimer); chatRenderTimer = null; }
               updateTerminalOutput(msg.data.output || "", msg.sessionId, "replace");
+              // Ensure terminal is properly fitted after receiving initial data
+              scheduleTerminalResize(true);
             }
             break;
           case 'usage':
@@ -6685,6 +6900,35 @@
                   target: msg.data.permissionRequest.target,
                   reason: msg.data.permissionRequest.prompt
                 };
+                // Browser notification for permission waiting (background tab)
+                var permSession = state.sessions.find(function(s) { return s.id === msg.sessionId; });
+                var permSessionName = permSession ? (permSession.label || permSession.command || msg.sessionId) : msg.sessionId;
+                sendBrowserNotification(
+                  "\u4f1a\u8bdd\u7b49\u5f85\u6388\u6743",
+                  permSessionName + " \u2014 " + (msg.data.permissionRequest.prompt || "\u9700\u8981\u6743\u9650\u5ba1\u6279"),
+                  {
+                    tag: "wand-perm-" + msg.sessionId,
+                    onClick: function() {
+                      if (msg.sessionId !== state.selectedId) {
+                        selectSession(msg.sessionId);
+                      }
+                    }
+                  }
+                );
+                // In-app bubble if not currently viewing this session
+                if (msg.sessionId !== state.selectedId) {
+                  showNotificationBubble({
+                    title: "\u4f1a\u8bdd\u7b49\u5f85\u6388\u6743",
+                    body: permSessionName + " \u2014 " + (msg.data.permissionRequest.prompt || "\u9700\u8981\u6743\u9650\u5ba1\u6279"),
+                    type: "warning",
+                    icon: "!",
+                    duration: 0,
+                    actionLabel: "\u67e5\u770b",
+                    action: function() {
+                      selectSession(msg.sessionId);
+                    }
+                  });
+                }
               }
               if (msg.data.permissionBlocked === false) {
                 statusUpdate.pendingEscalation = null;
@@ -6695,6 +6939,29 @@
               }
             }
             break;
+          case 'notification':
+            if (msg.data) {
+              if (msg.data.kind === "update") {
+                showNotificationBubble({
+                  title: "\u53d1\u73b0\u65b0\u7248\u672c",
+                  body: "\u5f53\u524d " + (msg.data.current || "-") + " \u2192 \u6700\u65b0 " + (msg.data.latest || "-"),
+                  type: "info",
+                  icon: "\u2191",
+                  duration: 0,
+                  actionLabel: "\u53bb\u66f4\u65b0",
+                  action: function() {
+                    var settingsBtn = document.getElementById("open-settings-btn") || document.querySelector("[data-action='settings']");
+                    if (settingsBtn) settingsBtn.click();
+                  }
+                });
+                sendBrowserNotification(
+                  "Wand \u53d1\u73b0\u65b0\u7248\u672c",
+                  "\u5f53\u524d " + (msg.data.current || "-") + " \u2192 \u6700\u65b0 " + (msg.data.latest || "-"),
+                  { tag: "wand-update" }
+                );
+              }
+            }
+            break;
         }
       }
 
@@ -6719,10 +6986,10 @@
             }
           }
           if (permissionActionsEl) permissionActionsEl.classList.remove("hidden");
-          // Also show in task bar
-          taskEl.textContent = pendingEscalation ? (pendingEscalation.reason || "等待 Claude 权限授权") : "等待 Claude 权限授权";
-          taskEl.classList.remove("hidden");
-          taskEl.classList.add("permission-blocked");
+          // Hide top task bar — permission info is already shown in the composer
+          taskEl.textContent = "";
+          taskEl.classList.add("hidden");
+          taskEl.classList.remove("permission-blocked");
           return;
         }
 
@@ -8505,6 +8772,136 @@
         }, type === "error" ? 4000 : 2200);
       }
 
+      // ── Notification Bubble System ──
+
+      var notificationStack = [];
+      var notificationIdCounter = 0;
+      var NOTIFICATION_GAP = 8;
+      var NOTIFICATION_TOP = 24;
+
+      /**
+       * Show an in-app notification bubble at bottom-right.
+       * @param {object} opts
+       * @param {string} opts.title - Notification title
+       * @param {string} [opts.body] - Body text
+       * @param {string} [opts.type] - "info" | "warning" | "success" (default "info")
+       * @param {string} [opts.icon] - Icon character (default derived from type)
+       * @param {number} [opts.duration] - Auto-dismiss ms, 0 = manual only (default 8000)
+       * @param {string} [opts.actionLabel] - Action button label
+       * @param {function} [opts.action] - Action button callback
+       * @returns {{ dismiss: function }} handle
+       */
+      function showNotificationBubble(opts) {
+        var id = ++notificationIdCounter;
+        var type = opts.type || "info";
+        var icon = opts.icon || (type === "warning" ? "!" : type === "success" ? "\u2713" : "i");
+        var duration = opts.duration !== undefined ? opts.duration : 8000;
+
+        var bubble = document.createElement("div");
+        bubble.className = "notification-bubble";
+        bubble.setAttribute("data-nid", id);
+
+        var headerHtml =
+          '<div class="notification-bubble-header">' +
+            '<span class="notification-bubble-icon ' + type + '">' + icon + '</span>' +
+            '<span class="notification-bubble-title">' + escapeHtml(opts.title) + '</span>' +
+            '<button class="notification-bubble-close" title="\u5173\u95ed">\u00d7</button>' +
+          '</div>';
+
+        var bodyHtml = opts.body
+          ? '<div class="notification-bubble-body">' + escapeHtml(opts.body) + '</div>'
+          : '';
+
+        var actionsHtml = opts.actionLabel
+          ? '<div class="notification-bubble-actions">' +
+              '<button class="primary">' + escapeHtml(opts.actionLabel) + '</button>' +
+            '</div>'
+          : '';
+
+        bubble.innerHTML = headerHtml + bodyHtml + actionsHtml;
+        document.body.appendChild(bubble);
+
+        // Stack position
+        var entry = { id: id, el: bubble };
+        notificationStack.push(entry);
+        repositionNotifications();
+
+        // Wire close button
+        var closeBtn = bubble.querySelector(".notification-bubble-close");
+        if (closeBtn) closeBtn.onclick = function() { dismissNotification(id); };
+
+        // Wire action button
+        if (opts.actionLabel && opts.action) {
+          var actionBtn = bubble.querySelector(".notification-bubble-actions button");
+          if (actionBtn) actionBtn.onclick = function() {
+            opts.action();
+            dismissNotification(id);
+          };
+        }
+
+        // Auto-dismiss
+        var timer = null;
+        if (duration > 0) {
+          timer = setTimeout(function() { dismissNotification(id); }, duration);
+        }
+
+        return {
+          dismiss: function() { dismissNotification(id); }
+        };
+      }
+
+      function dismissNotification(id) {
+        var idx = -1;
+        for (var i = 0; i < notificationStack.length; i++) {
+          if (notificationStack[i].id === id) { idx = i; break; }
+        }
+        if (idx === -1) return;
+        var entry = notificationStack[idx];
+        entry.el.classList.add("slide-out");
+        notificationStack.splice(idx, 1);
+        repositionNotifications();
+        setTimeout(function() {
+          if (entry.el.parentNode) entry.el.parentNode.removeChild(entry.el);
+        }, 300);
+      }
+
+      function repositionNotifications() {
+        var top = NOTIFICATION_TOP;
+        for (var i = 0; i < notificationStack.length; i++) {
+          notificationStack[i].el.style.top = top + "px";
+          top += notificationStack[i].el.offsetHeight + NOTIFICATION_GAP;
+        }
+      }
+
+      // ── Browser Notification API ──
+
+      function requestNotificationPermission() {
+        if (typeof Notification !== "undefined" && Notification.permission === "default") {
+          Notification.requestPermission();
+        }
+      }
+
+      function sendBrowserNotification(title, body, opts) {
+        if (typeof Notification === "undefined" || Notification.permission !== "granted") return;
+        if (!document.hidden) return; // Only notify when tab is in background
+        try {
+          var n = new Notification(title, {
+            body: body || "",
+            icon: (opts && opts.icon) || "/favicon.ico",
+            tag: (opts && opts.tag) || undefined,
+          });
+          n.onclick = function() {
+            window.focus();
+            n.close();
+            if (opts && opts.onClick) opts.onClick();
+          };
+          // Auto-close after 10s
+          setTimeout(function() { n.close(); }, 10000);
+        } catch (_e) {
+          // Notification constructor may fail in some contexts (e.g. insecure origin)
+        }
+      }
+
       function escapeHtml(value) {
         return String(value)
           .replace(/&/g, "&amp;")

package/dist/web-ui/content/styles.css

@@ -1529,15 +1529,6 @@
       flex-shrink: 0;
       animation: task-pulse 1.2s ease-in-out infinite;
     }
-    .current-task.permission-blocked {
-      color: #d18b00;
-      background: rgba(240, 165, 0, 0.14);
-      border-color: rgba(240, 165, 0, 0.3);
-    }
-    .current-task.permission-blocked::before {
-      background: #f0a500;
-      animation: none;
-    }
     @keyframes task-pulse {
       0%, 100% { opacity: 1; transform: scale(1); }
       50% { opacity: 0.5; transform: scale(0.8); }
@@ -1559,8 +1550,8 @@
       padding: 10px;
       overflow: hidden;
       min-height: 0;
-      margin: 0 10px 10px;
-      border-radius: var(--radius-lg);
+      margin: 0 6px 6px;
+      border-radius: var(--radius-md);
       border: 1px solid rgba(140, 110, 85, 0.35);
       box-shadow:
         inset 0 1px 0 rgba(255, 255, 255, 0.06),
@@ -4861,7 +4852,7 @@
         width: min(300px, calc(100vw - 20px));
         top: 0;
       }
-      .terminal-container { margin: 0 12px 12px; min-height: 0; }
+      .terminal-container { margin: 0 6px 6px; min-height: 0; }
       .btn { min-height: 40px; }
       .btn-sm { min-height: 36px; padding: 0 10px; font-size: 0.75rem; height: 36px; }
       .btn-icon { width: 36px; height: 36px; min-height: 36px; }
@@ -5839,6 +5830,109 @@
       to { opacity: 1; transform: translateX(-50%) translateY(0); }
     }
 
+    /* ── Notification Bubble ── */
+    .notification-bubble {
+      position: fixed;
+      left: 50%;
+      transform: translateX(-50%);
+      z-index: 10000;
+      min-width: 280px;
+      max-width: 380px;
+      background: var(--bg-primary);
+      border: 1px solid var(--border);
+      border-radius: var(--radius-lg);
+      box-shadow: var(--shadow-lg);
+      padding: 14px 16px;
+      animation: notification-slide-in 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
+      transition: top 0.25s ease, opacity 0.25s ease;
+    }
+    .notification-bubble.slide-out {
+      animation: notification-slide-out 0.25s ease forwards;
+      transform: translateX(-50%);
+    }
+    .notification-bubble-header {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      margin-bottom: 6px;
+    }
+    .notification-bubble-icon {
+      width: 20px;
+      height: 20px;
+      flex-shrink: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: var(--radius-sm);
+      font-size: 12px;
+    }
+    .notification-bubble-icon.info { background: var(--accent); color: white; }
+    .notification-bubble-icon.warning { background: var(--warning); color: white; }
+    .notification-bubble-icon.success { background: var(--success); color: white; }
+    .notification-bubble-title {
+      font-size: 0.875rem;
+      font-weight: 600;
+      color: var(--fg-primary);
+      flex: 1;
+      min-width: 0;
+    }
+    .notification-bubble-close {
+      background: none;
+      border: none;
+      color: var(--fg-muted);
+      cursor: pointer;
+      font-size: 16px;
+      line-height: 1;
+      padding: 2px 4px;
+      border-radius: var(--radius-sm);
+      flex-shrink: 0;
+    }
+    .notification-bubble-close:hover {
+      background: var(--bg-hover);
+      color: var(--fg-primary);
+    }
+    .notification-bubble-body {
+      font-size: 0.8125rem;
+      color: var(--fg-secondary);
+      line-height: 1.45;
+      margin-bottom: 0;
+    }
+    .notification-bubble-actions {
+      margin-top: 10px;
+      display: flex;
+      gap: 8px;
+      justify-content: flex-end;
+    }
+    .notification-bubble-actions button {
+      font-size: 0.8125rem;
+      padding: 4px 12px;
+      border-radius: var(--radius-sm);
+      cursor: pointer;
+      border: 1px solid var(--border);
+      background: var(--bg-secondary);
+      color: var(--fg-primary);
+      transition: background 0.15s;
+    }
+    .notification-bubble-actions button:hover {
+      background: var(--bg-hover);
+    }
+    .notification-bubble-actions button.primary {
+      background: var(--accent);
+      color: white;
+      border-color: var(--accent);
+    }
+    .notification-bubble-actions button.primary:hover {
+      filter: brightness(1.1);
+    }
+    @keyframes notification-slide-in {
+      from { opacity: 0; transform: translateX(-50%) translateY(-20px); }
+      to { opacity: 1; transform: translateX(-50%) translateY(0); }
+    }
+    @keyframes notification-slide-out {
+      from { opacity: 1; transform: translateX(-50%) translateY(0); }
+      to { opacity: 0; transform: translateX(-50%) translateY(-20px); }
+    }
+
     /* File Preview Modal */
     .file-preview-overlay {
       position: fixed;
@@ -5940,6 +6034,19 @@
       padding-top: 14px;
     }
 
+    .settings-notification-section {
+      border-top: 1px solid var(--border-subtle);
+      padding-top: 14px;
+      margin-top: 4px;
+    }
+    .settings-section-title {
+      font-size: 0.8125rem;
+      font-weight: 600;
+      color: var(--fg-primary);
+      margin-bottom: 10px;
+      letter-spacing: 0.02em;
+    }
+
     .settings-update-actions {
       display: flex;
       gap: 8px;

package/dist/ws-broadcast.d.ts

@@ -5,7 +5,7 @@
 import { WebSocketServer } from "ws";
 import type { SessionSnapshot } from "./types.js";
 export interface ProcessEvent {
-    type: "output" | "status" | "started" | "ended" | "usage" | "task";
+    type: "output" | "status" | "started" | "ended" | "usage" | "task" | "notification";
     sessionId: string;
     data?: unknown;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@co0ontty/wand",
-  "version": "1.1.5",
+  "version": "1.2.0",
   "description": "A web terminal for local CLI tools like Claude.",
   "type": "module",
   "bin": {
@@ -19,7 +19,8 @@
     "build": "tsc -p tsconfig.json && npm run build:copy-content",
     "build:copy-content": "cp -r src/web-ui/content dist/web-ui/",
     "dev": "tsx src/cli.ts web",
-    "check": "tsc --noEmit -p tsconfig.json"
+    "check": "tsc --noEmit -p tsconfig.json",
+    "prepublishOnly": "TAG=$(git tag --sort=-v:refname --list 'v*' | head -1) && VER=${TAG#v} && npm version $VER --no-git-tag-version --allow-same-version && npm run build"
   },
   "keywords": [
     "cli",