@co0ontty/wand 1.17.5 → 1.18.0

package/dist/process-manager.d.ts

@@ -44,6 +44,7 @@ export declare class ProcessManager extends EventEmitter {
         worktreeEnabled?: boolean;
         provider?: SessionProvider;
         model?: string;
+        reuseId?: string;
     }): SessionSnapshot;
     list(): SessionSnapshot[];
     /** Return lightweight snapshots for the session list (no output/messages). */
@@ -69,6 +70,7 @@ export declare class ProcessManager extends EventEmitter {
     private emitTask;
     resize(id: string, cols: number, rows: number): SessionSnapshot;
     stop(id: string): SessionSnapshot;
+    private cleanupRecord;
     delete(id: string): void;
     private deleteClaudeCache;
     runStartupCommands(): SessionSnapshot[];
@@ -104,8 +106,8 @@ export declare class ProcessManager extends EventEmitter {
     /**
      * Auto-recover the most recent exited session that has a Claude session ID.
      * Only resumes one session per server start, using the most recent eligible
-     * session. Sets `resumedToSessionId` on the original session and
-     * `autoRecovered: true` on the new session.
+     * session. Reuses the original session ID (in-place resume) and sets
+     * `autoRecovered: true`.
      */
     private autoRecoverExitedSessions;
     private archiveExpiredSessions;

package/dist/process-manager.js

@@ -608,13 +608,23 @@ export class ProcessManager extends EventEmitter {
             this.lastPersistedMessageState.delete(id);
             this.storage.deleteSession(id);
         }
+        if (toRemove.length > 0) {
+            this.claudeHistoryCache = null;
+        }
     }
     start(command, cwd, mode, initialInput, opts) {
         this.assertCommandAllowed(command);
         const baseCwd = cwd
             ? path.resolve(process.cwd(), cwd)
             : path.resolve(process.cwd(), this.config.defaultCwd);
-        const id = randomUUID();
+        const id = opts?.reuseId || randomUUID();
+        if (opts?.reuseId) {
+            const oldRecord = this.sessions.get(id);
+            if (oldRecord) {
+                this.cleanupRecord(oldRecord);
+                this.sessions.delete(id);
+            }
+        }
         const worktreeSetup = opts?.worktreeEnabled
             ? prepareSessionWorktree({ cwd: baseCwd, sessionId: id })
             : null;
@@ -690,6 +700,9 @@ export class ProcessManager extends EventEmitter {
         }
         this.sessions.set(id, record);
         this.persist(record);
+        if (initialClaudeSessionId) {
+            this.claudeHistoryCache = null;
+        }
         this.cleanupOldSessions();
         this.lifecycleManager.register(id, "initializing");
         const shellArgs = this.buildShellArgs(processedCommand);
@@ -800,6 +813,7 @@ export class ProcessManager extends EventEmitter {
             const bridgeSessionId = rec.ptyBridge?.getClaudeSessionId();
             if (bridgeSessionId && bridgeSessionId !== rec.claudeSessionId) {
                 rec.claudeSessionId = bridgeSessionId;
+                this.claudeHistoryCache = null;
                 process.stderr.write(`[wand] Captured Claude session ID: ${bridgeSessionId}\n`);
             }
             if (!rec.claudeSessionId && rec.knownClaudeTaskIds) {
@@ -1083,6 +1097,41 @@ export class ProcessManager extends EventEmitter {
         this.persist(record);
         return this.snapshot(record);
     }
+    cleanupRecord(record) {
+        if (record.taskDebounceTimer) {
+            clearTimeout(record.taskDebounceTimer);
+            record.taskDebounceTimer = null;
+        }
+        if (record.claudeTaskDiscoveryTimer) {
+            clearTimeout(record.claudeTaskDiscoveryTimer);
+            record.claudeTaskDiscoveryTimer = null;
+        }
+        if (record.initialInputTimer) {
+            clearTimeout(record.initialInputTimer);
+            record.initialInputTimer = null;
+        }
+        const pendingPersist = this.persistDebounceTimers.get(record.id);
+        if (pendingPersist) {
+            clearTimeout(pendingPersist);
+            this.persistDebounceTimers.delete(record.id);
+        }
+        if (record.status === "running") {
+            record.stopRequested = true;
+            if (record.childProcess) {
+                record.childProcess.kill();
+                record.childProcess = null;
+            }
+            if (record.ptyProcess) {
+                record.ptyProcess.kill();
+                record.ptyProcess = null;
+            }
+        }
+        if (record.ptyBridge) {
+            record.ptyBridge.removeAllListeners();
+            record.ptyBridge = null;
+        }
+        this.lifecycleManager.unregister(record.id);
+    }
     delete(id) {
         const record = this.mustGet(id);
         // Always clear pending timers
@@ -1135,6 +1184,9 @@ export class ProcessManager extends EventEmitter {
         this.sessions.delete(id);
         this.lastPersistedMessageState.delete(id);
         this.lifecycleManager.unregister(id);
+        if (record.claudeSessionId) {
+            this.claudeHistoryCache = null;
+        }
     }
     deleteClaudeCache(record) {
         if (!record.claudeSessionId)
@@ -1357,8 +1409,8 @@ export class ProcessManager extends EventEmitter {
     /**
      * Auto-recover the most recent exited session that has a Claude session ID.
      * Only resumes one session per server start, using the most recent eligible
-     * session. Sets `resumedToSessionId` on the original session and
-     * `autoRecovered: true` on the new session.
+     * session. Reuses the original session ID (in-place resume) and sets
+     * `autoRecovered: true`.
      */
     autoRecoverExitedSessions() {
         // Find eligible exited sessions
@@ -1393,19 +1445,12 @@ export class ProcessManager extends EventEmitter {
         }
         console.error(`[ProcessManager] Auto-recovering session ${original.id} with Claude session ID ${original.claudeSessionId}`);
         const resumeCommand = `${original.command.trim()} --resume ${original.claudeSessionId}`;
-        let newRecord = null;
         try {
             const snapshot = this.start(resumeCommand, original.cwd, original.mode, undefined, {
-                resumedFromSessionId: original.id,
+                reuseId: original.id,
                 autoRecovered: true
             });
-            newRecord = this.sessions.get(snapshot.id) ?? null;
-            if (!newRecord)
-                return;
-            // Set resumedToSessionId on the original session
-            original.resumedToSessionId = snapshot.id;
-            this.storage.saveSession(this.snapshot(original));
-            console.error(`[ProcessManager] Auto-recovered session ${snapshot.id} from ${original.id}`);
+            console.error(`[ProcessManager] Auto-recovered session ${snapshot.id} (in-place)`);
         }
         catch (err) {
             console.error(`[ProcessManager] Auto-recovery failed: ${String(err)}`);

package/dist/server-session-routes.js

@@ -406,8 +406,7 @@ export function registerSessionRoutes(app, processes, structured, storage, defau
             }
             const newMode = body.mode ? normalizeMode(body.mode, defaultMode) : normalizeMode(existingSession.mode, defaultMode);
             const resumeCommand = `${command} --resume ${claudeSessionId}`;
-            const newSnapshot = processes.start(resumeCommand, existingSession.cwd, newMode, undefined, { resumedFromSessionId: sessionId });
-            storage.saveSession({ ...existingSession, resumedToSessionId: newSnapshot.id, archived: true });
+            const newSnapshot = processes.start(resumeCommand, existingSession.cwd, newMode, undefined, { reuseId: sessionId });
             res.status(201).json({ resumedFromSessionId: sessionId, ...newSnapshot });
         }
         catch (error) {
@@ -444,8 +443,7 @@ export function registerSessionRoutes(app, processes, structured, storage, defau
                 }
                 const newMode = body.mode ? normalizeMode(body.mode, defaultMode) : normalizeMode(existingSession.mode, defaultMode);
                 const resumeCommand = `${command} --resume ${claudeSessionId}`;
-                const newSnapshot = processes.start(resumeCommand, existingSession.cwd, newMode, undefined, { resumedFromSessionId: existingSession.id });
-                storage.saveSession({ ...existingSession, resumedToSessionId: newSnapshot.id, archived: true });
+                const newSnapshot = processes.start(resumeCommand, existingSession.cwd, newMode, undefined, { reuseId: existingSession.id });
                 res.status(201).json({ resumedFromSessionId: existingSession.id, resumedClaudeSessionId: claudeSessionId, ...newSnapshot });
             }
             else {

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

@@ -842,6 +842,9 @@
         if (!state.ws || (state.ws.readyState !== WebSocket.OPEN && state.ws.readyState !== WebSocket.CONNECTING)) {
           initWebSocket();
         }
+        if (state.claudeHistoryLoaded) {
+          loadClaudeHistory();
+        }
         return loadSessions({ skipSelectedOutputReload: true }).then(function() {
           if (state.selectedId) {
             return loadOutput(state.selectedId);
@@ -1201,13 +1204,13 @@
                   '<span class="terminal-scale-overlay-divider"></span>' +
                   '<button id="page-refresh-btn" class="terminal-scale-overlay-btn" type="button" title="刷新页面">↻</button>' +
                 '</div>' +
-                '<button id="terminal-jump-bottom" class="terminal-jump-bottom' + (state.showTerminalJumpToBottom ? ' visible' : '') + '" type="button" title="回到底部">↓ 最新</button>' +
+                '<button id="terminal-jump-bottom" class="terminal-jump-bottom' + (state.showTerminalJumpToBottom ? ' visible' : '') + '" type="button" title="回到底部" aria-label="回到底部"><svg viewBox="0 0 16 16" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M8 3.5v9M3.5 8l4.5 4.5L12.5 8"/></svg></button>' +
               '</div>' +
               '<div id="chat-output" class="chat-container hidden">' +
                 '<div class="chat-overlay-controls">' +
                   '<button id="chat-follow-toggle" class="chat-follow-toggle topbar-btn' + (state.chatAutoFollow ? ' active' : '') + '" type="button" aria-pressed="' + (state.chatAutoFollow ? 'true' : 'false') + '" title="' + (state.chatAutoFollow ? '追踪底部：开启' : '追踪底部：已暂停') + '">' + (state.chatAutoFollow ? '追底' : '暂停') + '</button>' +
                 '</div>' +
-                '<button id="chat-jump-bottom" class="chat-jump-bottom' + (state.showChatJumpToBottom ? ' visible' : '') + '" type="button" title="回到底部并继续追底">↓ 最新</button>' +
+                '<button id="chat-jump-bottom" class="chat-jump-bottom' + (state.showChatJumpToBottom ? ' visible' : '') + '" type="button" title="回到底部并继续追底" aria-label="回到底部"><svg viewBox="0 0 16 16" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M8 3.5v9M3.5 8l4.5 4.5L12.5 8"/></svg></button>' +
               '</div>' +
               '<div id="blank-chat" class="blank-chat' + (state.selectedId ? " hidden" : "") + '">' +
                 '<div class="blank-chat-inner">' +
@@ -1499,6 +1502,14 @@
                   '</div>' +
                   '<p class="hint" style="margin-top:0">\u9009\u62e9 Android \u7cfb\u7edf\u901a\u77e5\u4f7f\u7528\u7684\u94c3\u58f0</p>' +
                 '</div>' +
+                '<div id="native-haptic-section" class="settings-notification-section hidden" style="margin-top:6px">' +
+                  '<div class="settings-section-title">\u89e6\u611f\u53cd\u9988</div>' +
+                  '<div class="field field-inline" style="margin:4px 0">' +
+                    '<input id="cfg-haptic-enabled" type="checkbox" class="field-checkbox" />' +
+                    '<label class="field-label" for="cfg-haptic-enabled">\u542f\u7528\u89e6\u611f\u53cd\u9988</label>' +
+                  '</div>' +
+                  '<p class="hint" style="margin-top:0">\u6309\u94ae\u64cd\u4f5c\u548c\u4efb\u52a1\u5b8c\u6210\u65f6\u63d0\u4f9b\u632f\u52a8\u53cd\u9988</p>' +
+                '</div>' +
                 '<div class="settings-notification-section" style="margin-top:6px">' +
                   '<div class="settings-section-title">\u6d4f\u89c8\u5668\u901a\u77e5</div>' +
                   '<div class="settings-about-row">' +
@@ -1857,8 +1868,12 @@
       }
 
       function getVisibleClaudeHistorySessions() {
+        var managedIds = new Set();
+        state.sessions.forEach(function(s) {
+          if (s.claudeSessionId) managedIds.add(s.claudeSessionId);
+        });
         return state.claudeHistory.filter(function(s) {
-          return s.hasConversation && !s.managedByWand;
+          return s.hasConversation && !s.managedByWand && !managedIds.has(s.claudeSessionId);
         });
       }
 
@@ -3483,6 +3498,19 @@
             } catch (_e) {}
           }
         }
+        // Native haptic toggle (APK only)
+        if (_hasNativeBridge && typeof WandNative.isHapticEnabled === "function") {
+          var hapticSection = document.getElementById("native-haptic-section");
+          var hapticToggle = document.getElementById("cfg-haptic-enabled");
+          if (hapticSection && hapticToggle) {
+            hapticSection.classList.remove("hidden");
+            try { hapticToggle.checked = WandNative.isHapticEnabled(); } catch (_e) {}
+            hapticToggle.addEventListener("change", function() {
+              try { WandNative.setHapticEnabled(hapticToggle.checked); } catch (_e) {}
+              if (hapticToggle.checked) _vibrate("medium");
+            });
+          }
+        }
         var newSessBtn = document.getElementById("topbar-new-session-button");
         if (newSessBtn) newSessBtn.addEventListener("click", openSessionModal);
         var drawerNewSessBtn = document.getElementById("drawer-new-session-button");
@@ -4245,16 +4273,14 @@
         if (!badge) return;
         var fullId = badge.dataset.claudeId;
         if (!fullId) return;
-        navigator.clipboard.writeText(fullId).then(function() {
-          var original = badge.textContent;
+        var original = badge.textContent;
+        copyToClipboard(fullId, null, function() {
           badge.textContent = "\u2713 已复制";
           badge.classList.add("copied");
           setTimeout(function() {
             badge.textContent = original;
             badge.classList.remove("copied");
           }, 1200);
-        }).catch(function() {
-          showToast("复制失败", "error");
         });
       }
 
@@ -4838,6 +4864,9 @@
             : "向 Codex 发送输入；chat 为解析后的阅读视图";
         }
         if (session && !isStructuredSession(session) && session.status !== "running") {
+          if (canAutoResumeSession(session)) {
+            return "输入消息...";
+          }
           return "会话已结束，无法继续发送";
         }
         return session && isStructuredSession(session) && session.structuredState && session.structuredState.inFlight
@@ -5389,6 +5418,7 @@
                 flushCrossSessionQueue();
               }
               renderCrossSessionQueue();
+              _syncWakeLock();
             });
           })
           .catch(function(e) {
@@ -5948,6 +5978,12 @@
               try { localStorage.setItem("wand-notif-volume", String(nativeVol)); } catch (_e) {}
             } catch (_e) {}
           }
+          if (_hasNativeBridge && typeof WandNative.isHapticEnabled === "function") {
+            try {
+              var hapticEl = document.getElementById("cfg-haptic-enabled");
+              if (hapticEl) hapticEl.checked = WandNative.isHapticEnabled();
+            } catch (_e) {}
+          }
         }
       }
 
@@ -6094,16 +6130,23 @@
       }
 
 
-      function copyToClipboard(text, triggerBtn) {
+      function copyToClipboard(text, triggerBtn, successCallback) {
         if (!text) return;
-        navigator.clipboard.writeText(text).then(function() {
+        function onSuccess() {
+          _vibrate("light");
+          if (successCallback) { successCallback(); return; }
           if (triggerBtn) {
             var orig = triggerBtn.textContent;
             triggerBtn.textContent = "已复制";
             setTimeout(function() { triggerBtn.textContent = orig; }, 1500);
           }
-        }).catch(function() {
-          // Fallback for non-secure contexts
+        }
+        if (_hasNativeBridge && typeof WandNative.copyToClipboard === "function") {
+          try {
+            if (WandNative.copyToClipboard(text) === "ok") { onSuccess(); return; }
+          } catch (_e) {}
+        }
+        navigator.clipboard.writeText(text).then(onSuccess).catch(function() {
           var ta = document.createElement("textarea");
           ta.value = text;
           ta.style.position = "fixed";
@@ -6112,11 +6155,7 @@
           ta.select();
           document.execCommand("copy");
           document.body.removeChild(ta);
-          if (triggerBtn) {
-            var orig = triggerBtn.textContent;
-            triggerBtn.textContent = "已复制";
-            setTimeout(function() { triggerBtn.textContent = orig; }, 1500);
-          }
+          onSuccess();
         });
       }
 
@@ -8214,7 +8253,6 @@
           if (!data) return null;
           updateSessionSnapshot(data);
           updateSessionsList();
-          switchToSessionView(data.id);
           subscribeToSession(data.id);
           return loadOutput(data.id).then(function() {
             focusInputBox(true);
@@ -8985,6 +9023,9 @@
             else showToast(data.error, "error");
             return null;
           }
+          state.claudeHistory = state.claudeHistory.filter(function(s) {
+            return s.claudeSessionId !== claudeSessionId;
+          });
           state.selectedId = data.id;
           persistSelectedId();
           state.drafts[data.id] = "";
@@ -9014,6 +9055,11 @@
         console.log("[WAND] resumeSessionFromList sessionId:", sessionId);
         return resumeSession(sessionId).then(function(data) {
           if (!data) return null;
+          if (data.claudeSessionId) {
+            state.claudeHistory = state.claudeHistory.filter(function(s) {
+              return s.claudeSessionId !== data.claudeSessionId;
+            });
+          }
           return activateSession(data).then(function() {
             return data;
           });
@@ -9121,11 +9167,13 @@
         resumeClaudeHistorySession(claudeSessionId, cwd)
           .then(function(data) {
             if (data && data.id) {
+              state.claudeHistory = state.claudeHistory.filter(function(s) {
+                return s.claudeSessionId !== claudeSessionId;
+              });
               state.selectedId = data.id;
               persistSelectedId();
               state.drafts[data.id] = "";
-              loadSessions().then(function() {
-                selectSession(data.id);
+              activateSession(data).then(function() {
                 closeSessionsDrawer();
               });
             }
@@ -10489,8 +10537,10 @@
             } else {
               endedNotifBody = endedSession ? (endedSession.command || msg.sessionId) : msg.sessionId;
             }
+            _vibrate(endedIsError ? "error" : "success");
             notifyTaskEnded(msg.sessionId, endedNotifTitle, endedNotifBody);
             clearSessionProgressNative(msg.sessionId);
+            _syncWakeLock();
             if (msg.sessionId !== state.selectedId || document.hidden) {
               showNotificationBubble({
                 title: endedNotifTitle,
@@ -10629,6 +10679,7 @@
                 } else {
                   permBody += "\n" + permDetail;
                 }
+                _vibrate("medium");
                 notifyPermissionRequest(msg.sessionId, permBody);
                 // In-app bubble if not currently viewing this session
                 if (msg.sessionId !== state.selectedId) {
@@ -10653,6 +10704,7 @@
               }
               updateSessionSnapshot(statusUpdate);
               syncSessionProgressToNative(msg.sessionId);
+              _syncWakeLock();
               if (msg.sessionId === state.selectedId) {
                 updateTaskDisplay();
                 if (msg.data.approvalStats) {
@@ -10777,6 +10829,7 @@
       }
 
       function approvePermission() {
+        _vibrate("light");
         if (!state.selectedId) return;
         var approveBtn = document.getElementById("approve-permission-btn");
         var denyBtn = document.getElementById("deny-permission-btn");
@@ -10805,6 +10858,7 @@
       }
 
       function denyPermission() {
+        _vibrate("light");
         if (!state.selectedId) return;
         var approveBtn = document.getElementById("approve-permission-btn");
         var denyBtn = document.getElementById("deny-permission-btn");
@@ -11507,13 +11561,10 @@
             var codeBlock = btn.closest(".code-block");
             var code = codeBlock ? codeBlock.querySelector("code") : null;
             if (code) {
-              navigator.clipboard.writeText(code.textContent || "").then(function() {
+              copyToClipboard(code.textContent || "", null, function() {
                 btn.textContent = "Copied!";
                 btn.classList.add("copied");
-                setTimeout(function() {
-                  btn.textContent = "Copy";
-                  btn.classList.remove("copied");
-                }, 2000);
+                setTimeout(function() { btn.textContent = "Copy"; btn.classList.remove("copied"); }, 2000);
               });
             }
           });
@@ -11522,25 +11573,20 @@
 
       function attachAllCopyHandlers(container) {
         container.querySelectorAll(".code-copy").forEach(function(btn) {
-          // Remove existing listeners by cloning
           var clone = btn.cloneNode(true);
           btn.parentNode.replaceChild(clone, btn);
           clone.addEventListener("click", function() {
             var codeBlock = clone.closest(".code-block");
             var code = codeBlock ? codeBlock.querySelector("code") : null;
             if (code) {
-              navigator.clipboard.writeText(code.textContent || "").then(function() {
+              copyToClipboard(code.textContent || "", null, function() {
                 clone.textContent = "Copied!";
                 clone.classList.add("copied");
-                setTimeout(function() {
-                  clone.textContent = "Copy";
-                  clone.classList.remove("copied");
-                }, 2000);
+                setTimeout(function() { clone.textContent = "Copy"; clone.classList.remove("copied"); }, 2000);
               });
             }
           });
         });
-        // Attach message-level copy buttons for touch devices
         attachMessageCopyButtons(container);
       }
 
@@ -11560,7 +11606,7 @@
           btn.addEventListener("click", function(e) {
             e.stopPropagation();
             var text = bubble.innerText || bubble.textContent || "";
-            navigator.clipboard.writeText(text.trim()).then(function() {
+            copyToClipboard(text.trim(), null, function() {
               btn.textContent = "已复制";
               btn.classList.add("copied");
               setTimeout(function() {
@@ -13629,6 +13675,30 @@
       var _apkVersionMatch = navigator.userAgent.match(/WandApp\/([^\s]+)/);
       var _apkVersion = _apkVersionMatch ? _apkVersionMatch[1] : null;
 
+      function _vibrate(pattern) {
+        if (!_hasNativeBridge || typeof WandNative.vibrate !== "function") return;
+        try { WandNative.vibrate(pattern || "light"); } catch (_e) {}
+      }
+
+      function _syncWakeLock() {
+        if (!_hasNativeBridge) return;
+        var anyActive = state.sessions.some(function(s) {
+          return !s.archived && (s.status === "running" || s.status === "thinking" || s.status === "initializing");
+        });
+        if (typeof WandNative.setKeepScreenOn === "function") {
+          try { WandNative.setKeepScreenOn(anyActive); } catch (_e) {}
+        }
+        if (anyActive) {
+          if (typeof WandNative.startKeepAlive === "function") {
+            try { WandNative.startKeepAlive(); } catch (_e) {}
+          }
+        } else {
+          if (typeof WandNative.stopKeepAlive === "function") {
+            try { WandNative.stopKeepAlive(); } catch (_e) {}
+          }
+        }
+      }
+
       function _getNativePermission() {
         if (_hasNativeBridge && typeof WandNative.getPermission === "function") {
           try { return WandNative.getPermission(); } catch (_e) {}
@@ -13848,6 +13918,41 @@
         try { WandNative.clearSessionProgress(sessionId); } catch (_e) {}
       }
 
+      // ── Android back button handler ──
+      window.handleNativeBack = function() {
+        var settingsModal = document.getElementById("settings-modal");
+        if (settingsModal && !settingsModal.classList.contains("hidden")) {
+          closeSettingsModal();
+          return true;
+        }
+        var sessionModal = document.getElementById("session-modal");
+        if (sessionModal && !sessionModal.classList.contains("hidden")) {
+          closeSessionModal();
+          return true;
+        }
+        var worktreeModal = document.getElementById("worktree-merge-modal");
+        if (worktreeModal && !worktreeModal.classList.contains("hidden")) {
+          closeWorktreeMergeModal();
+          return true;
+        }
+        if (state.filePanelOpen && isMobileLayout()) {
+          setFilePanelOpen(false);
+          return true;
+        }
+        if (state.sessionsDrawerOpen && isMobileLayout()) {
+          closeSessionsDrawer();
+          return true;
+        }
+        if (isMobileLayout() && state.selectedId) {
+          state.selectedId = null;
+          persistSelectedId();
+          state.sessionsDrawerOpen = true;
+          render();
+          return true;
+        }
+        return false;
+      };
+
       /**
        * Play a soft, rounded notification chime using Web Audio API.
        * Two ascending sine tones with smooth gain envelope — gentle on the ears.

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

@@ -122,16 +122,19 @@
     }
 
     /* ===== PWA 独立窗口模式 ===== */
+    /* 顶部安全区:用 max() 保底,避免 iPad 横屏/Stage Manager 等 inset 为 0 的场景下贴顶,
+       同时为 iPadOS Stage Manager 浮动控件预留视觉缓冲 */
     @media (display-mode: standalone) {
       :root {
         --safe-bottom: env(safe-area-inset-bottom, 0px);
+        --pwa-safe-top: max(env(safe-area-inset-top, 0px), 14px);
       }
       .app-container {
-        --pwa-top-inset: env(safe-area-inset-top, 0px);
-        padding-top: env(safe-area-inset-top, 0px);
+        --pwa-top-inset: var(--pwa-safe-top);
+        padding-top: var(--pwa-safe-top);
       }
       .sidebar-header {
-        padding-top: calc(14px + env(safe-area-inset-top, 0px));
+        padding-top: calc(14px + var(--pwa-safe-top));
       }
       .main-content {
         padding-top: 0;
@@ -141,13 +144,14 @@
     /* iOS Safari PWA fallback (navigator.standalone adds .is-pwa via JS) */
     .is-pwa {
       --safe-bottom: env(safe-area-inset-bottom, 0px);
+      --pwa-safe-top: max(env(safe-area-inset-top, 0px), 14px);
     }
     .is-pwa .app-container {
-      --pwa-top-inset: env(safe-area-inset-top, 0px);
-      padding-top: env(safe-area-inset-top, 0px);
+      --pwa-top-inset: var(--pwa-safe-top);
+      padding-top: var(--pwa-safe-top);
     }
     .is-pwa .sidebar-header {
-      padding-top: calc(14px + env(safe-area-inset-top, 0px));
+      padding-top: calc(14px + var(--pwa-safe-top));
     }
 
     /* ===== PWA 窗口控件覆盖模式 (Window Controls Overlay) ===== */
@@ -2220,12 +2224,22 @@
       display: flex;
       align-items: center;
       justify-content: flex-start;
-      padding: 4px 10px;
+      padding: 6px 10px;
       flex-shrink: 0;
-      min-height: 0;
+      min-height: 44px;
       gap: 8px;
     }
 
+    /* PWA 模式额外留出顶部缓冲,避免与 iPadOS Stage Manager 等系统浮动控件视觉粘连 */
+    @media (display-mode: standalone) {
+      .main-header-row {
+        padding-top: 10px;
+      }
+    }
+    .is-pwa .main-header-row {
+      padding-top: 10px;
+    }
+
     /* Current task indicator */
     .current-task {
       display: flex;
@@ -2603,38 +2617,66 @@
     .terminal-jump-bottom {
       position: absolute;
       right: 14px;
-      bottom: 18px;
+      bottom: 16px;
       display: inline-flex;
       align-items: center;
       justify-content: center;
-      gap: 6px;
-      min-width: 78px;
-      height: 32px;
-      padding: 0 12px;
-      border: 1px solid rgba(255, 255, 255, 0.15);
-      border-radius: 999px;
-      background: rgba(24, 20, 17, 0.72);
+      width: 34px;
+      height: 34px;
+      padding: 0;
+      border: 1px solid rgba(255, 255, 255, 0.08);
+      border-radius: 50%;
+      background: rgba(28, 22, 18, 0.78);
       color: rgba(255, 247, 239, 0.92);
-      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
-      backdrop-filter: blur(10px);
+      box-shadow:
+        0 1px 2px rgba(0, 0, 0, 0.25),
+        0 8px 22px rgba(0, 0, 0, 0.32),
+        inset 0 1px 0 rgba(255, 255, 255, 0.06);
+      backdrop-filter: blur(12px);
+      -webkit-backdrop-filter: blur(12px);
       cursor: pointer;
       z-index: 13;
       opacity: 0;
-      transform: translateY(12px) scale(0.92);
+      transform: translateY(10px) scale(0.86);
       pointer-events: none;
-      transition: opacity 0.28s var(--ease-out-expo), transform 0.28s var(--ease-out-expo), background 0.18s ease, border-color 0.18s ease;
+      transition:
+        opacity 0.26s var(--ease-out-expo),
+        transform 0.32s var(--ease-spring),
+        background 0.18s ease,
+        border-color 0.18s ease,
+        box-shadow 0.2s ease;
     }
     .terminal-jump-bottom.visible {
       opacity: 1;
       transform: translateY(0) scale(1);
       pointer-events: auto;
     }
+    .terminal-jump-bottom svg {
+      transition: transform 0.2s var(--ease-out-expo);
+    }
     .terminal-jump-bottom:hover {
-      background: rgba(38, 30, 24, 0.84);
-      border-color: rgba(214, 123, 82, 0.28);
+      background: rgba(214, 123, 82, 0.92);
+      border-color: rgba(255, 255, 255, 0.18);
+      color: #fff;
+      box-shadow:
+        0 1px 2px rgba(0, 0, 0, 0.28),
+        0 10px 26px rgba(184, 92, 55, 0.36),
+        inset 0 1px 0 rgba(255, 255, 255, 0.18);
+    }
+    .terminal-jump-bottom:hover svg {
+      transform: translateY(1.5px);
     }
     .terminal-jump-bottom:active {
-      transform: translateY(1px) scale(0.97);
+      transform: translateY(0) scale(0.92);
+      transition-duration: 0.08s;
+    }
+    .terminal-jump-bottom:focus-visible {
+      outline: none;
+      box-shadow:
+        0 1px 2px rgba(0, 0, 0, 0.28),
+        0 10px 26px rgba(184, 92, 55, 0.36),
+        inset 0 1px 0 rgba(255, 255, 255, 0.18),
+        0 0 0 3px rgba(214, 123, 82, 0.35);
     }
 
     /* Terminal interactive mode indicator */
@@ -2969,26 +3011,32 @@
     .chat-jump-bottom {
       position: absolute;
       right: 14px;
-      bottom: 18px;
+      bottom: 16px;
       display: inline-flex;
       align-items: center;
       justify-content: center;
-      gap: 6px;
-      min-width: 78px;
-      height: 32px;
-      padding: 0 12px;
-      border: 1px solid rgba(125, 91, 57, 0.16);
-      border-radius: 999px;
-      background: rgba(255, 250, 242, 0.9);
-      color: var(--text-primary);
-      box-shadow: 0 4px 12px rgba(89, 58, 32, 0.10);
-      backdrop-filter: blur(10px);
+      width: 34px;
+      height: 34px;
+      padding: 0;
+      border: 1px solid rgba(255, 255, 255, 0.65);
+      border-radius: 50%;
+      background: var(--accent);
+      color: #fff;
+      box-shadow:
+        0 1px 2px rgba(89, 58, 32, 0.18),
+        0 8px 22px rgba(184, 92, 55, 0.28),
+        inset 0 1px 0 rgba(255, 255, 255, 0.25);
       cursor: pointer;
       z-index: 13;
       opacity: 0;
-      transform: translateY(12px) scale(0.92);
+      transform: translateY(10px) scale(0.86);
       pointer-events: none;
-      transition: opacity 0.28s var(--ease-out-expo), transform 0.28s var(--ease-out-expo), background 0.18s ease, border-color 0.18s ease;
+      transition:
+        opacity 0.26s var(--ease-out-expo),
+        transform 0.32s var(--ease-spring),
+        background 0.18s ease,
+        border-color 0.18s ease,
+        box-shadow 0.2s ease;
     }
 
     .chat-jump-bottom.visible {
@@ -2997,13 +3045,36 @@
       pointer-events: auto;
     }
 
+    .chat-jump-bottom svg {
+      transition: transform 0.2s var(--ease-out-expo);
+    }
+
     .chat-jump-bottom:hover {
-      background: rgba(255, 255, 255, 0.98);
-      border-color: rgba(197, 101, 61, 0.24);
+      background: var(--accent-hover);
+      border-color: rgba(255, 255, 255, 0.85);
+      box-shadow:
+        0 2px 4px rgba(89, 58, 32, 0.20),
+        0 12px 28px rgba(184, 92, 55, 0.38),
+        inset 0 1px 0 rgba(255, 255, 255, 0.32);
+    }
+
+    .chat-jump-bottom:hover svg {
+      transform: translateY(1.5px);
     }
 
     .chat-jump-bottom:active {
-      transform: translateY(1px);
+      transform: translateY(0) scale(0.92);
+      background: var(--accent-active);
+      transition-duration: 0.08s;
+    }
+
+    .chat-jump-bottom:focus-visible {
+      outline: none;
+      box-shadow:
+        0 2px 4px rgba(89, 58, 32, 0.20),
+        0 12px 28px rgba(184, 92, 55, 0.38),
+        inset 0 1px 0 rgba(255, 255, 255, 0.32),
+        0 0 0 3px rgba(197, 101, 61, 0.32);
     }
 
     .chat-container.active { display: flex; }
@@ -6720,12 +6791,11 @@
       /* 回到底部按钮 - 紧凑 */
       .terminal-jump-bottom,
       .chat-jump-bottom {
-        height: 28px;
-        min-width: 64px;
-        padding: 0 10px;
-        font-size: 0.6875rem;
+        width: 32px;
+        height: 32px;
+        padding: 0;
         right: 10px;
-        bottom: 14px;
+        bottom: 12px;
       }
 
       /* 小键盘 FAB */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@co0ontty/wand",
-  "version": "1.17.5",
+  "version": "1.18.0",
   "description": "A web terminal for local CLI tools like Claude.",
   "type": "module",
   "bin": {