@co0ontty/wand 1.3.3 → 1.3.6

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

@@ -173,6 +173,12 @@
         return (state.config && state.config.defaultCwd) || "/tmp";
       }
 
+      function resetChatRenderCache() {
+        state.lastRenderedHash = 0;
+        state.lastRenderedMsgCount = 0;
+        state.lastRenderedEmpty = null;
+      }
+
       function getEffectiveCwd() {
         return state.workingDir || getConfigCwd();
       }
@@ -324,9 +330,7 @@
 
         app.innerHTML = isLoggedIn ? renderAppShell() : renderLogin();
         // Reset chat render tracking since DOM was fully replaced
-        state.lastRenderedHash = 0;
-        state.lastRenderedMsgCount = 0;
-        state.lastRenderedEmpty = null;
+        resetChatRenderCache();
         attachEventListeners();
         updateDrawerState();
         syncComposerModeSelect();
@@ -367,6 +371,26 @@
           '<button class="shortcut-key" data-key="escape" type="button">Esc</button>';
       }
 
+      function renderApprovalStatsBadge() {
+        var selectedSession = state.sessions.find(function(s) { return s.id === state.selectedId; });
+        var stats = selectedSession && selectedSession.approvalStats;
+        if (!stats || stats.total === 0) return '<span class="approval-stats hidden" id="approval-stats"></span>';
+        return '<span class="approval-stats" id="approval-stats">' +
+          '<span class="approval-stats-divider"></span>' +
+          '<span class="approval-stats-badge" id="approval-stats-badge" title="本次会话自动批准统计">' +
+            '<svg class="approval-stats-icon" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>' +
+            '<span class="approval-stats-total">' + stats.total + '</span>' +
+          '</span>' +
+          '<span class="approval-stats-popup" id="approval-stats-popup">' +
+            '<span class="approval-stats-popup-title">自动批准统计</span>' +
+            (stats.command > 0 ? '<span class="approval-stats-row"><span class="approval-stats-row-icon">⚡</span><span class="approval-stats-row-label">命令执行</span><span class="approval-stats-row-count">' + stats.command + '</span></span>' : '') +
+            (stats.file > 0 ? '<span class="approval-stats-row"><span class="approval-stats-row-icon">📝</span><span class="approval-stats-row-label">文件写入</span><span class="approval-stats-row-count">' + stats.file + '</span></span>' : '') +
+            (stats.tool > 0 ? '<span class="approval-stats-row"><span class="approval-stats-row-icon">🔧</span><span class="approval-stats-row-label">其他工具</span><span class="approval-stats-row-count">' + stats.tool + '</span></span>' : '') +
+            '<span class="approval-stats-row approval-stats-row-total"><span class="approval-stats-row-icon">∑</span><span class="approval-stats-row-label">合计</span><span class="approval-stats-row-count">' + stats.total + '</span></span>' +
+          '</span>' +
+        '</span>';
+      }
+
       function renderInlineKeyboard() {
         if (!state.selectedId) return "";
         var isTerminal = state.currentView === "terminal";
@@ -462,6 +486,12 @@
                   '<span class="session-count" id="session-count">' + String(state.sessions.length) + '</span>' +
                 '</div>' +
                 '<div class="sidebar-header-actions">' +
+                  '<button id="sidebar-home-btn" class="btn btn-ghost btn-sm" type="button" title="回到首页">' +
+                    '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>' +
+                  '</button>' +
+                  '<button id="sidebar-refresh-btn" class="btn btn-ghost btn-sm" type="button" title="刷新页面">' +
+                    '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 4 23 10 17 10"/><path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10"/></svg>' +
+                  '</button>' +
                   '<button id="close-drawer-button" class="btn btn-ghost btn-sm sidebar-close" type="button" aria-label="关闭菜单">×</button>' +
                 '</div>' +
               '</div>' +
@@ -569,6 +599,7 @@
                         '<button id="approve-permission-btn" class="btn btn-permission btn-permission-approve" type="button">批准</button>' +
                         '<button id="deny-permission-btn" class="btn btn-permission btn-permission-deny" type="button">拒绝</button>' +
                       '</span>' +
+                      renderApprovalStatsBadge() +
                     '</div>' +
                     '<div class="input-composer-right">' +
                       '<span id="queue-counter" class="queue-counter hidden">队列: 0</span>' +
@@ -1904,6 +1935,18 @@
         if (drawerBackdrop) drawerBackdrop.addEventListener("click", closeSessionsDrawer);
         var closeDrawerBtn = document.getElementById("close-drawer-button");
         if (closeDrawerBtn) closeDrawerBtn.addEventListener("click", closeSessionsDrawer);
+        var homeBtn = document.getElementById("sidebar-home-btn");
+        if (homeBtn) homeBtn.addEventListener("click", function() {
+          state.selectedId = null;
+          persistSelectedId();
+          resetChatRenderCache();
+          closeSessionsDrawer();
+          renderApp();
+        });
+        var refreshBtn = document.getElementById("sidebar-refresh-btn");
+        if (refreshBtn) refreshBtn.addEventListener("click", function() {
+          window.location.reload();
+        });
         var logoutBtn = document.getElementById("logout-button");
         if (logoutBtn) logoutBtn.addEventListener("click", logout);
         var settingsBtn = document.getElementById("settings-button");
@@ -3561,6 +3604,15 @@
         return fetch("/api/sessions/" + id, { credentials: "same-origin" })
           .then(function(res) { return res.json(); })
           .then(function(data) {
+            if (data.error) {
+              // Session no longer exists — deselect and refresh list
+              if (state.selectedId === id) {
+                state.selectedId = null;
+                persistSelectedId();
+              }
+              loadSessions();
+              return;
+            }
             updateSessionSnapshot(data);
             updateShellChrome();
 
@@ -3578,9 +3630,7 @@
       function selectSession(id) {
         state.selectedId = id;
         persistSelectedId();
-        state.lastRenderedHash = 0;
-        state.lastRenderedMsgCount = 0;
-        state.lastRenderedEmpty = null;
+        resetChatRenderCache();
         state.currentMessages = [];
         if (chatRenderTimer) { clearTimeout(chatRenderTimer); chatRenderTimer = null; }
         // Reset todo progress bar
@@ -4167,9 +4217,7 @@
           state.selectedId = data.id;
           persistSelectedId();
           state.drafts[data.id] = "";
-          state.lastRenderedHash = 0;
-          state.lastRenderedMsgCount = 0;
-          state.lastRenderedEmpty = null;
+          resetChatRenderCache();
           return refreshAll();
         })
         .then(function() { focusInputBox(true); })
@@ -4212,9 +4260,7 @@
           state.selectedId = data.id;
           persistSelectedId();
           state.drafts[data.id] = "";
-          state.lastRenderedHash = 0;
-          state.lastRenderedMsgCount = 0;
-          state.lastRenderedEmpty = null;
+          resetChatRenderCache();
           closeSessionModal();
           closeSessionsDrawer();
           return refreshAll();
@@ -4644,9 +4690,7 @@
           state.selectedId = data.id;
           persistSelectedId();
           state.drafts[data.id] = "";
-          state.lastRenderedHash = 0;
-          state.lastRenderedMsgCount = 0;
-          state.lastRenderedEmpty = null;
+          resetChatRenderCache();
           switchToSessionView(data.id);
           updateSessionSnapshot(data);
           updateSessionsList();
@@ -4702,9 +4746,7 @@
           state.selectedId = data.id;
           persistSelectedId();
           state.drafts[data.id] = "";
-          state.lastRenderedHash = 0;
-          state.lastRenderedMsgCount = 0;
-          state.lastRenderedEmpty = null;
+          resetChatRenderCache();
           if (inputBox) inputBox.value = "";
           if (welcomeInput) welcomeInput.value = "";
           switchToSessionView(data.id);
@@ -5592,9 +5634,7 @@
 
       function activateSession(data) {
         if (!data || !data.id) return Promise.resolve();
-        state.lastRenderedHash = 0;
-        state.lastRenderedMsgCount = 0;
-        state.lastRenderedEmpty = null;
+        resetChatRenderCache();
         switchToSessionView(data.id);
         updateSessionSnapshot(data);
         updateSessionsList();
@@ -5825,11 +5865,26 @@
 
       function handleInputBoxBlur() {
         resetInputPanelViewportSpacing();
-        // Restore app container height when keyboard closes
-        var appContainer = document.querySelector('.app-container');
-        if (appContainer) {
-          appContainer.style.height = '';
-        }
+        // Restore app container height when keyboard closes.
+        // Use a short delay because on iOS the visualViewport may not
+        // have updated yet at the moment blur fires.
+        setTimeout(function() {
+          var appContainer = document.querySelector('.app-container');
+          if (appContainer) {
+            // Only clear if keyboard is actually closed now
+            var vv = window.visualViewport;
+            if (vv) {
+              var offsetBottom = window.innerHeight - vv.height - vv.offsetTop;
+              if (offsetBottom <= 50) {
+                appContainer.style.height = '';
+              }
+            } else {
+              appContainer.style.height = '';
+            }
+          }
+          // Scroll the window back to top to fix any residual offset
+          window.scrollTo(0, 0);
+        }, 100);
       }
 
       function adjustInputBoxSelection(inputBox) {
@@ -6542,13 +6597,16 @@
           var isKeyboardOpen = offsetBottom > 50;
           var heightChanged = Math.abs(vv.height - lastHeight) > 8;
 
-          // In PWA standalone mode, dynamically resize the app container
-          // because 100dvh does NOT shrink when keyboard appears in standalone PWA
+          // Dynamically resize the app container to match visible viewport.
+          // This is needed because 100dvh does NOT shrink when the keyboard
+          // appears in PWA standalone mode, and on some browsers the layout
+          // viewport doesn't update on keyboard dismiss without this.
           var appContainer = document.querySelector('.app-container');
           if (appContainer) {
             if (isKeyboardOpen) {
               appContainer.style.height = vv.height + 'px';
-            } else {
+            } else if (keyboardOpen) {
+              // Keyboard just closed — clear forced height
               appContainer.style.height = '';
             }
           }
@@ -6571,6 +6629,9 @@
         }
 
         vv.addEventListener('resize', debouncedUpdate);
+        // Also listen to scroll — on iOS, keyboard dismiss sometimes only
+        // fires a scroll event (viewport scrolls back) without a resize event.
+        vv.addEventListener('scroll', debouncedUpdate);
 
         updateViewport();
       }
@@ -7026,9 +7087,15 @@
               if (msg.data.permissionBlocked === false) {
                 statusUpdate.pendingEscalation = null;
               }
+              if (msg.data.approvalStats) {
+                statusUpdate.approvalStats = msg.data.approvalStats;
+              }
               updateSessionSnapshot(statusUpdate);
               if (msg.sessionId === state.selectedId) {
                 updateTaskDisplay();
+                if (msg.data.approvalStats) {
+                  updateApprovalStats();
+                }
               }
             }
             break;
@@ -7098,6 +7165,39 @@
         }
       }
 
+      function updateApprovalStats() {
+        var container = document.getElementById("approval-stats");
+        if (!container) return;
+        var selectedSession = state.sessions.find(function(s) { return s.id === state.selectedId; });
+        var stats = selectedSession && selectedSession.approvalStats;
+        if (!stats || stats.total === 0) {
+          container.className = "approval-stats hidden";
+          container.innerHTML = "";
+          return;
+        }
+        container.className = "approval-stats";
+        container.innerHTML =
+          '<span class="approval-stats-divider"></span>' +
+          '<span class="approval-stats-badge" id="approval-stats-badge" title="本次会话自动批准统计">' +
+            '<svg class="approval-stats-icon" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>' +
+            '<span class="approval-stats-total">' + stats.total + '</span>' +
+          '</span>' +
+          '<span class="approval-stats-popup" id="approval-stats-popup">' +
+            '<span class="approval-stats-popup-title">自动批准统计</span>' +
+            (stats.command > 0 ? '<span class="approval-stats-row"><span class="approval-stats-row-icon">⚡</span><span class="approval-stats-row-label">命令执行</span><span class="approval-stats-row-count">' + stats.command + '</span></span>' : '') +
+            (stats.file > 0 ? '<span class="approval-stats-row"><span class="approval-stats-row-icon">📝</span><span class="approval-stats-row-label">文件写入</span><span class="approval-stats-row-count">' + stats.file + '</span></span>' : '') +
+            (stats.tool > 0 ? '<span class="approval-stats-row"><span class="approval-stats-row-icon">🔧</span><span class="approval-stats-row-label">其他工具</span><span class="approval-stats-row-count">' + stats.tool + '</span></span>' : '') +
+            '<span class="approval-stats-row approval-stats-row-total"><span class="approval-stats-row-icon">∑</span><span class="approval-stats-row-label">合计</span><span class="approval-stats-row-count">' + stats.total + '</span></span>' +
+          '</span>';
+        // Pulse animation on the badge
+        var badge = container.querySelector(".approval-stats-badge");
+        if (badge) {
+          badge.classList.remove("approval-stats-pulse");
+          void badge.offsetWidth;
+          badge.classList.add("approval-stats-pulse");
+        }
+      }
+
       function approvePermission() {
         if (!state.selectedId) return;
         var approveBtn = document.getElementById("approve-permission-btn");
@@ -7856,8 +7956,12 @@
         if (!state.terminalDomView || !state.serializeAddon) return;
 
         try {
+          // Serialize the entire buffer including scrollback history
+          var buf = state.terminal.buffer.active;
+          var totalRows = buf.length;
           var html = state.serializeAddon.serializeAsHTML({
-            includeGlobalBackground: true
+            includeGlobalBackground: true,
+            range: { start: 0, end: totalRows }
           });
 
           // Extract the <pre>...</pre> portion

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

@@ -269,8 +269,9 @@
     }
 
     .floating-sidebar-toggle.active {
-      background: rgba(197, 101, 61, 0.1);
-      border-color: rgba(197, 101, 61, 0.2);
+      opacity: 0;
+      pointer-events: none;
+      transition: opacity 0.15s ease;
     }
 
     .floating-sidebar-toggle:active {
@@ -3429,6 +3430,114 @@
       to { opacity: 1; transform: translateX(0); }
     }
 
+    /* Approval stats badge */
+    .approval-stats {
+      display: inline-flex;
+      align-items: center;
+      position: relative;
+    }
+    .approval-stats.hidden {
+      display: none;
+    }
+    .approval-stats-divider {
+      width: 1px;
+      height: 16px;
+      background: var(--border);
+      margin: 0 4px 0 2px;
+    }
+    .approval-stats-badge {
+      display: inline-flex;
+      align-items: center;
+      gap: 3px;
+      padding: 1px 7px 1px 5px;
+      border-radius: 10px;
+      background: rgba(34, 197, 94, 0.1);
+      color: #22c55e;
+      font-size: 0.68rem;
+      font-weight: 600;
+      cursor: default;
+      transition: background 0.15s;
+      line-height: 1.5;
+    }
+    .approval-stats-badge:hover {
+      background: rgba(34, 197, 94, 0.18);
+    }
+    .approval-stats-icon {
+      stroke: #22c55e;
+      flex-shrink: 0;
+    }
+    .approval-stats-total {
+      font-variant-numeric: tabular-nums;
+    }
+    @keyframes approval-pulse {
+      0% { transform: scale(1); }
+      50% { transform: scale(1.15); }
+      100% { transform: scale(1); }
+    }
+    .approval-stats-pulse {
+      animation: approval-pulse 0.3s ease-out;
+    }
+    /* Popup tooltip */
+    .approval-stats-popup {
+      display: none;
+      position: absolute;
+      bottom: calc(100% + 6px);
+      left: 50%;
+      transform: translateX(-50%);
+      background: var(--bg-elevated, #1e1e2e);
+      border: 1px solid var(--border);
+      border-radius: 8px;
+      padding: 8px 10px;
+      min-width: 140px;
+      box-shadow: 0 4px 16px rgba(0,0,0,0.25);
+      z-index: 100;
+      flex-direction: column;
+      gap: 4px;
+    }
+    .approval-stats:hover .approval-stats-popup {
+      display: flex;
+    }
+    .approval-stats-popup-title {
+      font-size: 0.65rem;
+      color: var(--text-muted);
+      font-weight: 500;
+      margin-bottom: 2px;
+      white-space: nowrap;
+    }
+    .approval-stats-row {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      font-size: 0.7rem;
+      color: var(--text-secondary, #ccc);
+      white-space: nowrap;
+    }
+    .approval-stats-row-icon {
+      width: 16px;
+      text-align: center;
+      flex-shrink: 0;
+      font-size: 0.72rem;
+    }
+    .approval-stats-row-label {
+      flex: 1;
+    }
+    .approval-stats-row-count {
+      font-weight: 600;
+      color: var(--text-primary, #eee);
+      font-variant-numeric: tabular-nums;
+      min-width: 20px;
+      text-align: right;
+    }
+    .approval-stats-row-total {
+      border-top: 1px solid var(--border);
+      padding-top: 4px;
+      margin-top: 2px;
+      color: #22c55e;
+    }
+    .approval-stats-row-total .approval-stats-row-count {
+      color: #22c55e;
+    }
+
     .composer-interactive-toggle {
       display: inline-flex;
       align-items: center;

package/package.json

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