@co0ontty/wand 1.5.2 → 1.5.5

package/README.md

@@ -1,22 +1,18 @@
 # wand
 
-通过浏览器访问本地终端，支持 Claude 等命令行工具。
+通过浏览器远程访问和管理本地 CLI 工具的 Web 控制台。专为 Claude Code 设计，支持终端和结构化对话双视图、会话持久化与恢复、权限管控、文件浏览等功能。
 
-## 功能
+## 安装
 
-- Web 终端 / Chat 模式双视图
-- 会话持久化与恢复
-- Claude Code 集成
-- 文件浏览器
-- HTTPS 安全连接（可选，配置 `https: true` 启用）
+### 一键安装
 
-## 一键安装
+自动检测并安装 Node.js（需要 v22+），然后安装 wand：
 
 ```bash
 bash <(curl -Ls https://raw.githubusercontent.com/co0ontty/wand/master/install.sh)
 ```
 
-## 手动安装
+### 手动安装
 
 ```bash
 npm install -g @co0ontty/wand
@@ -24,16 +20,73 @@ wand init
 wand web
 ```
 
-配置文件：`~/.wand/config.json`
+安装完成后打开浏览器访问终端中提示的地址即可。
+
+## 配置
+
+配置文件位于 `~/.wand/config.json`，首次 `wand init` 时自动生成。
+
+```bash
+wand config:path           # 查看配置文件路径
+wand config:show           # 查看当前配置
+wand config:set host 0.0.0.0  # 修改配置项
+wand config:set port 9443
+```
+
+常用配置项：
+
+| 字段 | 默认值 | 说明 |
+|------|--------|------|
+| `host` | `127.0.0.1` | 监听地址，`0.0.0.0` 允许远程访问 |
+| `port` | `8443` | 监听端口 |
+| `https` | `false` | 启用 HTTPS（自签证书自动生成） |
+| `password` | (随机生成) | 登录密码 |
+| `replyLanguage` | `""` | Claude 回复语言偏好 |
+
+## 功能
+
+- **双视图模式** — 终端原始输出和结构化对话视图可随时切换
+- **会话管理** — 创建、归档、恢复会话；支持从 Claude 原生历史记录恢复
+- **权限控制** — 可视化权限提示，支持逐次确认、单次批准、本轮记忆等策略
+- **文件浏览器** — 内置路径浏览、搜索和收藏功能
+- **多种运行模式** — full-access / default / auto-edit 等 Claude 运行模式
+- **PWA 支持** — 可添加到主屏幕作为独立应用使用
+- **HTTPS** — 可选自签证书，适合远程或移动端访问
 
 ## 开发
 
 ```bash
-npm install
-npm run build
-npm run dev
+npm install                # 安装依赖
+npm run dev                # 从源码直接启动开发服务器
+npm run check              # TypeScript 类型检查
+npm run build              # 编译 + 复制静态资源到 dist/
+```
+
+隔离测试环境（不影响生产实例）：
+
+```bash
+npm run dev -- -c /tmp/wand-test/config.json
 ```
 
+## 项目结构
+
+```
+src/
+  cli.ts                    # CLI 入口，解析命令和参数
+  server.ts                 # Express 服务器、REST API、WebSocket
+  server-session-routes.ts  # 会话/恢复/历史相关路由
+  process-manager.ts        # PTY 会话编排、输入输出路由、权限处理
+  claude-pty-bridge.ts      # PTY 输出解析为结构化对话数据
+  storage.ts                # SQLite 持久化
+  config.ts                 # 配置加载与合并
+  session-lifecycle.ts      # 会话状态机（idle/thinking/waiting/archived）
+  session-logger.ts         # 文件日志 ~/.wand/sessions/
+  resume-policy.ts          # Claude 历史绑定与恢复策略
+  web-ui/                   # 服务端渲染的前端 HTML/CSS/JS
+```
+
+数据存储在 `~/.wand/` 下：`config.json`（配置）、`wand.db`（SQLite）、`sessions/`（日志）。
+
 ## License
 
-MIT
+MIT

package/dist/server.js

@@ -604,55 +604,6 @@ export async function startServer(config, configPath) {
             { path: "/", name: "根目录", icon: "📁" },
         ]);
     });
-    app.get("/api/favorite-paths", (_req, res) => {
-        const stored = storage.getConfigValue("favorite_paths");
-        const favorites = parseStoredPathList(stored);
-        res.json(favorites.filter((f) => !isBlockedFolderPath(normalizeFolderPath(f.path))));
-    });
-    app.post("/api/favorite-paths", (req, res) => {
-        const { path: favPath, name, icon } = req.body;
-        if (!favPath) {
-            res.status(400).json({ error: "路径不能为空。" });
-            return;
-        }
-        const resolvedFavoritePath = normalizeFolderPath(favPath);
-        if (isBlockedFolderPath(resolvedFavoritePath)) {
-            res.status(403).json({ error: "访问被拒绝：无法收藏系统敏感目录。" });
-            return;
-        }
-        const stored = storage.getConfigValue("favorite_paths");
-        const favorites = parseStoredPathList(stored);
-        if (favorites.some((f) => normalizeFolderPath(f.path) === resolvedFavoritePath)) {
-            res.status(400).json({ error: "该路径已在收藏列表中。" });
-            return;
-        }
-        const newFavorite = {
-            path: resolvedFavoritePath,
-            name: name || path.basename(resolvedFavoritePath),
-            icon: icon || "⭐",
-            addedAt: new Date().toISOString(),
-        };
-        favorites.push(newFavorite);
-        storage.setConfigValue("favorite_paths", JSON.stringify(favorites));
-        res.status(201).json(newFavorite);
-    });
-    app.delete("/api/favorite-paths", (req, res) => {
-        const { path: delPath } = req.body;
-        if (!delPath) {
-            res.status(400).json({ error: "路径不能为空。" });
-            return;
-        }
-        const stored = storage.getConfigValue("favorite_paths");
-        const favorites = parseStoredPathList(stored);
-        const index = favorites.findIndex((f) => f.path === delPath);
-        if (index === -1) {
-            res.status(404).json({ error: "未找到该收藏路径。" });
-            return;
-        }
-        favorites.splice(index, 1);
-        storage.setConfigValue("favorite_paths", JSON.stringify(favorites));
-        res.json({ ok: true });
-    });
     app.get("/api/recent-paths", (_req, res) => {
         const stored = storage.getConfigValue("recent_paths");
         const recent = parseStoredPathList(stored);

package/dist/structured-session-manager.js

@@ -627,6 +627,23 @@ export class StructuredSessionManager {
                     sessionId,
                     data: { status: finished.status, exitCode: 0, messages: finished.messages, sessionKind: "structured", structuredState: finished.structuredState },
                 });
+                // Auto-continue after plan mode exit: when Claude calls ExitPlanMode,
+                // the `-p` process exits because stdin is "ignore" and it cannot get
+                // user confirmation.  Detect this and automatically resume execution
+                // so the plan is actually carried out.
+                const lastToolUse = [...turnState.blocks].reverse().find((b) => b.type === "tool_use");
+                if (lastToolUse && lastToolUse.name === "ExitPlanMode" && turnState.sessionId) {
+                    console.log("[WAND] ExitPlanMode detected – auto-continuing plan execution for session:", sessionId);
+                    resolve();
+                    // Schedule the continuation outside the current promise chain so it
+                    // does not block the close handler.
+                    setImmediate(() => {
+                        this.sendMessage(sessionId, "Plan approved. Proceed with the implementation.").catch((err) => {
+                            console.error("[WAND] Auto-continue after ExitPlanMode failed:", err);
+                        });
+                    });
+                    return;
+                }
                 resolve();
             });
         });

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

@@ -164,10 +164,13 @@
       var _statusBarStartTime = 0;
 
       function renderStructuredStatusBar(chatMessages, session) {
-        // Remove stale bar if session changed or not structured
-        var existing = chatMessages.querySelector(".structured-status-bar");
+        // Status bar now lives above the input-composer, inside .input-panel
+        var inputPanel = document.querySelector(".input-panel");
+        var existing = document.querySelector(".structured-status-bar");
+        var composer = document.querySelector(".input-composer");
         if (!session || !isStructuredSession(session)) {
           if (existing) existing.remove();
+          if (composer) composer.classList.remove("in-flight");
           clearInterval(_statusBarTimerId);
           _statusBarTimerId = null;
           return;
@@ -181,21 +184,26 @@
             _statusBarStartTime = Date.now();
           }
 
-          if (!existing) {
+          // Add glow to input composer
+          if (composer) composer.classList.add("in-flight");
+
+          if (!existing && inputPanel && composer) {
             var bar = document.createElement("div");
             bar.className = "structured-status-bar";
             bar.innerHTML =
+              '<span class="status-bar-dot"></span>' +
               '<span class="status-bar-label">回复中</span>' +
-              '<div class="status-bar-track"><div class="status-bar-fill"></div></div>' +
               '<span class="status-bar-timer">0.0s</span>';
-            // column-reverse: first child = visual bottom
-            chatMessages.insertBefore(bar, chatMessages.firstChild);
+            // Insert right before the input-composer element
+            inputPanel.insertBefore(bar, composer);
             existing = bar;
-          } else if (existing.classList.contains("completed")) {
+          } else if (existing && existing.classList.contains("completed")) {
             // Was completed, now in-flight again — reset
             existing.classList.remove("completed");
             existing.style.animation = "none";
             existing.querySelector(".status-bar-label").textContent = "回复中";
+            var dot = existing.querySelector(".status-bar-dot");
+            if (dot) dot.style.display = "";
             _statusBarStartTime = Date.now();
           }
 
@@ -214,12 +222,17 @@
           clearInterval(_statusBarTimerId);
           _statusBarTimerId = null;
 
+          // Remove glow from input composer
+          if (composer) composer.classList.remove("in-flight");
+
           if (existing && !existing.classList.contains("completed")) {
             // Just finished — transition to completed state
             var elapsed = _statusBarStartTime ? ((Date.now() - _statusBarStartTime) / 1000).toFixed(1) : "0.0";
             existing.classList.add("completed");
             existing.querySelector(".status-bar-label").textContent = "完成";
             existing.querySelector(".status-bar-timer").textContent = elapsed + "s";
+            var dot = existing.querySelector(".status-bar-dot");
+            if (dot) dot.style.display = "none";
             _statusBarStartTime = 0;
             // Remove after animation ends
             setTimeout(function() {
@@ -471,6 +484,8 @@
         if (!state.selectedId) return "";
         var isTerminal = state.currentView === "terminal";
         if (!isTerminal) return "";
+        var sel = state.sessions.find(function(s) { return s.id === state.selectedId; });
+        if (sel && isStructuredSession(sel)) return "";
         var keys = renderShortcutKeys();
         var arrow = state.shortcutsExpanded ? '›' : '‹';
         return '<div class="inline-shortcuts-wrap' + (state.shortcutsExpanded ? ' expanded' : '') + '">' +
@@ -484,6 +499,8 @@
         if (!state.selectedId) return "";
         var isTerminal = state.currentView === "terminal";
         if (!isTerminal) return "";
+        var sel = state.sessions.find(function(s) { return s.id === state.selectedId; });
+        if (sel && isStructuredSession(sel)) return "";
         return '<div class="inline-shortcuts-expanded-row' + (state.shortcutsExpanded ? ' visible' : '') + '">' + renderShortcutKeys() + '</div>';
       }
 
@@ -700,12 +717,11 @@
                     '<span id="session-mode-display" class="session-mode-display">' + (selectedSession ? getModeLabel(selectedSession.mode) : '默认') + '</span>' +
                     (selectedSession && selectedSession.autoApprovePermissions ? '<span class="session-info-separator">|</span><span id="auto-approve-toggle" class="auto-approve-indicator active" title="自动批准已启用 — 点击关闭">🛡 自动批准</span>' : '<span class="session-info-separator">|</span><span id="auto-approve-toggle" class="auto-approve-indicator" title="自动批准已关闭 — 点击开启">🛡 手动</span>') +
                     '<span class="session-info-separator">|</span>' +
-                    '<span id="session-kind-display" class="session-kind-display">' + (selectedSession ? (isStructuredSession(selectedSession) ? 'Structured' : 'PTY') : 'PTY') + '</span>' +
+                    '<span id="session-kind-display" class="session-kind-display">' + (selectedSession ? getSessionKindLabel(selectedSession) : '终端') + '</span>' +
                     '<span class="session-info-separator">|</span>' +
                     '<span id="session-status-display" class="session-status-display">' + (selectedSession ? getSessionStatusLabel(selectedSession) : '-') + '</span>' +
                     (selectedSession && selectedSession.claudeSessionId ? '<span class="session-info-separator">|</span><span id="claude-session-id-badge" class="claude-session-id-badge" data-claude-id="' + escapeHtml(selectedSession.claudeSessionId) + '" title="点击复制 Claude 会话 ID">☁ ' + escapeHtml(selectedSession.claudeSessionId.slice(0, 8)) + '</span>' : '') +
-                    '<span class="session-info-separator">|</span>' +
-                    '<span id="session-exit-display" class="session-exit-display">exit=' + (selectedSession && selectedSession.exitCode !== undefined ? selectedSession.exitCode : 'n/a') + '</span>' +
+                    (selectedSession && !isStructuredSession(selectedSession) ? '<span class="session-info-separator">|</span><span id="session-exit-display" class="session-exit-display">退出码=' + (selectedSession.exitCode !== undefined ? selectedSession.exitCode : 'n/a') + '</span>' : '') +
                   '</div>' +
                 '</div>' +
                 '<p id="action-error" class="error-message hidden"></p>' +
@@ -1030,14 +1046,13 @@
 
       function selectAllVisibleItems() {
         var nextSessionIds = {};
-        state.sessions.forEach(function(session) {
+        state.sessions.filter(function(session) {
+          return !session.resumedToSessionId;
+        }).forEach(function(session) {
           nextSessionIds[session.id] = true;
         });
-        var cutoff = Date.now() - 24 * 60 * 60 * 1000;
         var nextHistoryIds = {};
-        getVisibleClaudeHistorySessions().filter(function(session) {
-          return !session.timestamp || new Date(session.timestamp).getTime() <= cutoff;
-        }).forEach(function(session) {
+        getVisibleClaudeHistorySessions().forEach(function(session) {
           nextHistoryIds[session.claudeSessionId] = true;
         });
         state.selectedSessionIds = nextSessionIds;
@@ -1744,7 +1759,15 @@
         if (!session) return "";
         if (session.archived) return "已归档";
         if (session.permissionBlocked) return "等待授权";
-        return session.status;
+        var statusMap = {
+          "stopped": "已停止",
+          "running": "运行中",
+          "idle": "空闲",
+          "thinking": "思考中",
+          "waiting-input": "等待输入",
+          "initializing": "启动中"
+        };
+        return statusMap[session.status] || session.status;
       }
 
       function getSessionStatusClass(session) {
@@ -2313,19 +2336,6 @@
         var selectedIndex = -1;
         var folderItems = [];
 
-        function saveWorkingDir(path) {
-          state.workingDir = path;
-          try {
-            localStorage.setItem("wand-working-dir", path);
-          } catch (e) {
-            // Ignore localStorage errors
-          }
-          // Also add to recent paths (defined later, will be called after function is available)
-          if (typeof addRecentPath === "function") {
-            addRecentPath(path);
-          }
-        }
-
         // Helper functions for path validation feedback
         function showValidationError(message) {
           if (folderPickerInput) {
@@ -2349,69 +2359,44 @@
           }
         }
 
-        // Helper functions for recent paths
-        function getRecentPaths() {
-          try {
-            var saved = localStorage.getItem("wand-recent-paths");
-            return saved ? JSON.parse(saved) : [];
-          } catch (e) {
-            return [];
-          }
-        }
-
-        function addRecentPath(path) {
-          var recent = getRecentPaths();
-          // Remove if already exists
-          recent = recent.filter(function(p) { return p !== path; });
-          // Add to front
-          recent.unshift(path);
-          // Keep only last 5
-          recent = recent.slice(0, 5);
-          try {
-            localStorage.setItem("wand-recent-paths", JSON.stringify(recent));
-          } catch (e) {
-            // Ignore localStorage errors
-          }
-        }
-
-        function renderRecentPaths() {
-          var recent = getRecentPaths();
-          if (recent.length === 0) return "";
+        // Helper functions for recent paths (single source: backend API)
+        // NOTE: fetchRecentPaths and addRecentPath are defined at outer scope
 
+        function renderRecentPathsHtml(items) {
+          if (!items.length) return "";
           var html = '<div class="folder-recent-section">' +
             '<div class="folder-recent-title">最近使用</div>';
-
-          recent.forEach(function(path) {
-            html += '<div class="folder-recent-item" data-path="' + escapeHtml(path) + '">' +
-              '<span class="folder-recent-item-icon">📁</span>' +
-              '<span class="folder-recent-item-path">' + escapeHtml(path) + '</span>' +
+          items.forEach(function(item) {
+            var p = item.path || item;
+            html += '<div class="folder-recent-item" data-path="' + escapeHtml(p) + '">' +
+              '<span class="folder-recent-item-path">' + escapeHtml(p) + '</span>' +
             '</div>';
           });
-
           html += '</div>';
           return html;
         }
 
         function showRecentPathsDropdown() {
           if (!folderPickerDropdown) return;
-          var recentHtml = renderRecentPaths();
-          if (recentHtml) {
-            folderPickerDropdown.innerHTML = recentHtml;
-            folderPickerDropdown.classList.remove("hidden");
-            // Add click handlers for recent paths
-            folderPickerDropdown.querySelectorAll(".folder-recent-item").forEach(function(item) {
-              item.addEventListener("click", function() {
-                var path = this.dataset.path;
-                if (folderPickerInput) {
-                  folderPickerInput.value = path;
-                  saveWorkingDir(path);
-                  loadFolderSuggestions(path);
-                }
+          fetchRecentPaths(function(items) {
+            var recentHtml = renderRecentPathsHtml(items);
+            if (recentHtml) {
+              folderPickerDropdown.innerHTML = recentHtml;
+              folderPickerDropdown.classList.remove("hidden");
+              folderPickerDropdown.querySelectorAll(".folder-recent-item").forEach(function(item) {
+                item.addEventListener("click", function() {
+                  var path = this.dataset.path;
+                  if (folderPickerInput) {
+                    folderPickerInput.value = path;
+                    saveWorkingDir(path);
+                    loadFolderSuggestions(path);
+                  }
+                });
               });
-            });
-          } else {
-            hideFolderDropdown();
-          }
+            } else {
+              hideFolderDropdown();
+            }
+          });
         }
 
         // Working directory indicator click handler for active sessions
@@ -2472,7 +2457,6 @@
                     var path = entry.fullPath;
                     folderPickerInput.value = path;
                     saveWorkingDir(path);
-                    addRecentPath(path);
                     loadFolderSuggestions(path);
                     break;
                   }
@@ -2703,6 +2687,32 @@
         setupVisualViewportHandlers();
       }
 
+      function saveWorkingDir(path) {
+        state.workingDir = path;
+        try {
+          localStorage.setItem("wand-working-dir", path);
+        } catch (e) {
+          // Ignore localStorage errors
+        }
+        addRecentPath(path);
+      }
+
+      function fetchRecentPaths(callback) {
+        fetch("/api/recent-paths", { credentials: "same-origin" })
+          .then(function(res) { return res.json(); })
+          .then(function(items) { callback(items || []); })
+          .catch(function() { callback([]); });
+      }
+
+      function addRecentPath(path) {
+        return fetch("/api/recent-paths", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          credentials: "same-origin",
+          body: JSON.stringify({ path: path })
+        }).catch(function() {});
+      }
+
       function activateSessionItem(sessionId) {
         var session = state.sessions.find(function(s) { return s.id === sessionId; });
         if (session && session.status !== "running" && !isStructuredSession(session)) {
@@ -3503,13 +3513,13 @@
       }
 
       function getSessionKindLabel(session) {
-        return isStructuredSession(session) ? "Structured" : "PTY";
+        return isStructuredSession(session) ? "结构化" : "终端";
       }
 
       function getSessionKindDescription(session) {
         return isStructuredSession(session)
-          ? "Structured · block transcript"
-          : "PTY · terminal session";
+          ? "结构化 · 块级记录"
+          : "终端 · PTY 会话";
       }
 
       function isRecoverableToolError(toolResult, nextResult) {
@@ -3843,8 +3853,9 @@
         var exitEl = document.getElementById("session-exit-display");
         var cwdText = selectedSession && selectedSession.cwd ? selectedSession.cwd : "未设置目录";
         var modeText = selectedSession ? getModeLabel(selectedSession.mode) : "默认";
-        var kindText = selectedSession ? getSessionKindLabel(selectedSession) : "PTY";
-        var exitText = "exit=" + (selectedSession && selectedSession.exitCode !== undefined ? selectedSession.exitCode : "n/a");
+        var kindText = selectedSession ? getSessionKindLabel(selectedSession) : "终端";
+        var isStructured = selectedSession && isStructuredSession(selectedSession);
+        var exitText = isStructured ? "" : "退出码=" + (selectedSession && selectedSession.exitCode !== undefined ? selectedSession.exitCode : "n/a");
         if (cwdEl && cwdEl.textContent !== cwdText) cwdEl.textContent = cwdText;
         if (modeEl && modeEl.textContent !== modeText) modeEl.textContent = modeText;
         if (kindEl && kindEl.textContent !== kindText) kindEl.textContent = kindText;
@@ -4560,6 +4571,7 @@
         syncComposerModeSelect();
         return createStructuredSession(undefined, cwd, mode)
           .then(function(data) {
+            saveWorkingDir(cwd);
             closeSessionModal();
             closeSessionsDrawer();
             return data;
@@ -4597,6 +4609,7 @@
           state.selectedId = data.id;
           console.log("[WAND] runPtyCommandFromModal created session:", data.id, "sessionKind:", data.sessionKind, "runner:", data.runner);
           persistSelectedId();
+          saveWorkingDir(cwd);
           state.drafts[data.id] = "";
           resetChatRenderCache();
           closeSessionModal();
@@ -4655,18 +4668,14 @@
       function loadBlankChatCwdDropdown(dropdown) {
         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(); })
-          .then(function(items) {
+        fetchRecentPaths(function(items) {
             var html = "";
-            // Default directory always first
             var currentDir = state.workingDir || defaultCwd;
             html += '<div class="blank-chat-cwd-item' + (currentDir === defaultCwd ? " active" : "") + '" data-path="' + escapeHtml(defaultCwd) + '">' +
               '<span class="blank-chat-cwd-item-label">默认</span>' +
               '<span class="blank-chat-cwd-item-path">' + escapeHtml(defaultCwd) + '</span>' +
             '</div>';
-            // Recent paths (exclude default to avoid duplicate)
-            if (items && items.length) {
+            if (items.length) {
               var seen = {};
               seen[defaultCwd] = true;
               items.forEach(function(item) {
@@ -4689,26 +4698,18 @@
                 dropdown.classList.add("hidden");
                 var arrow = document.getElementById("blank-chat-cwd-arrow");
                 if (arrow) arrow.textContent = "▼";
-                // Update folder picker input if exists
                 var fpInput = document.getElementById("folder-picker-input");
                 if (fpInput) fpInput.value = path;
               });
             });
-          })
-          .catch(function() {
-            dropdown.innerHTML = '<div class="blank-chat-cwd-item" data-path="' + escapeHtml(defaultCwd) + '">' +
-              '<span class="blank-chat-cwd-item-path">' + escapeHtml(defaultCwd) + '</span>' +
-            '</div>';
-          });
+        });
       }
 
       function loadRecentPathBubbles() {
         var container = document.getElementById("recent-paths-bubbles");
         if (!container) return;
-        fetch("/api/recent-paths", { credentials: "same-origin" })
-          .then(function(res) { return res.json(); })
-          .then(function(items) {
-            if (!items || !items.length) {
+        fetchRecentPaths(function(items) {
+            if (!items.length) {
               container.innerHTML = "";
               return;
             }
@@ -4726,10 +4727,7 @@
                 }
               });
             });
-          })
-          .catch(function() {
-            if (container) container.innerHTML = "";
-          });
+        });
       }
 
       function schedulePathSuggestions() {
@@ -5652,10 +5650,12 @@
           }
         });
         // Inline keyboard visibility follows current view
-        var inlineKeyboard = document.getElementById("inline-keyboard");
+        var inlineKeyboard = document.querySelector(".inline-shortcuts-wrap");
         if (inlineKeyboard) inlineKeyboard.classList.toggle("hidden", structured || state.currentView !== "terminal");
+        var expandedRow = document.querySelector(".inline-shortcuts-expanded-row");
+        if (expandedRow) expandedRow.classList.toggle("hidden", structured || state.currentView !== "terminal");
         var inputHint = document.querySelector(".input-hint");
-        if (inputHint) inputHint.classList.toggle("hidden", structured ? false : state.currentView === "terminal");
+        if (inputHint) inputHint.classList.toggle("hidden", structured ? true : state.currentView === "terminal");
         var container = document.getElementById("output");
         if (container) container.classList.toggle("interactive", !structured && state.terminalInteractive);
       }
@@ -8040,12 +8040,12 @@
         function fullRenderChat() {
           // Extract system info from PTY output
           var systemInfo = extractPtySystemInfo(selectedSession.output, messages);
-          
+
           // Build HTML with system info cards interleaved
           var html = '';
           var reversedMessages = messages.slice().reverse();
           var msgCount = messages.length;
-          
+
           for (var i = 0; i < reversedMessages.length; i++) {
             var msg = reversedMessages[i];
             var originalIndex = msgCount - 1 - i; // Original index in messages array
@@ -8070,7 +8070,7 @@
             }
             
             // Render message
-            html += renderChatMessage(msg);
+            html += renderChatMessage(msg, roundUsageByIndex[originalIndex] || null);
           }
           
           chatMessages.innerHTML = html;
@@ -8107,6 +8107,47 @@
           });
         }
 
+        // Pre-compute per-round cumulative usage.
+        // A "round" starts at a user message and includes all subsequent assistant turns
+        // until the next user message. Only the last assistant in each round shows the total.
+        var roundUsageByIndex = {};
+        (function() {
+          var acc = { inputTokens: 0, outputTokens: 0, cacheReadInputTokens: 0, totalCostUsd: 0 };
+          var lastAssistantIdx = -1;
+          for (var mi = 0; mi < messages.length; mi++) {
+            var m = messages[mi];
+            if (m.role === "user") {
+              if (lastAssistantIdx >= 0 && (acc.inputTokens > 0 || acc.outputTokens > 0 || acc.totalCostUsd > 0)) {
+                roundUsageByIndex[lastAssistantIdx] = {
+                  inputTokens: acc.inputTokens,
+                  outputTokens: acc.outputTokens,
+                  cacheReadInputTokens: acc.cacheReadInputTokens,
+                  totalCostUsd: acc.totalCostUsd
+                };
+              }
+              acc = { inputTokens: 0, outputTokens: 0, cacheReadInputTokens: 0, totalCostUsd: 0 };
+              lastAssistantIdx = -1;
+            } else if (m.role === "assistant" && m.usage) {
+              var u = m.usage;
+              acc.inputTokens += (u.inputTokens || 0);
+              acc.outputTokens += (u.outputTokens || 0);
+              acc.cacheReadInputTokens += (u.cacheReadInputTokens || 0);
+              acc.totalCostUsd += (u.totalCostUsd || 0);
+              lastAssistantIdx = mi;
+            } else if (m.role === "assistant") {
+              lastAssistantIdx = mi;
+            }
+          }
+          if (lastAssistantIdx >= 0 && (acc.inputTokens > 0 || acc.outputTokens > 0 || acc.totalCostUsd > 0)) {
+            roundUsageByIndex[lastAssistantIdx] = {
+              inputTokens: acc.inputTokens,
+              outputTokens: acc.outputTokens,
+              cacheReadInputTokens: acc.cacheReadInputTokens,
+              totalCostUsd: acc.totalCostUsd
+            };
+          }
+        })();
+
         if (needsFullRender) {
           fullRenderChat();
         } else if (msgCount > existingCount) {
@@ -8118,7 +8159,8 @@
           var insertedEls = [];
           for (var i = 0; i < newMessages.length; i++) {
             var div = document.createElement("div");
-            div.innerHTML = renderChatMessage(newMessages[i]);
+            var nmOrigIdx = existingCount + (newMessages.length - 1 - i);
+            div.innerHTML = renderChatMessage(newMessages[i], roundUsageByIndex[nmOrigIdx] || null);
             var el = div.firstElementChild;
             if (el) {
               el.classList.add("animate-in");
@@ -8143,7 +8185,8 @@
           for (var mi = 0; mi < reversedMessages.length && mi < existingEls.length; mi++) {
             var currentEl = existingEls[mi];
             var tmpWrap = document.createElement("div");
-            tmpWrap.innerHTML = renderChatMessage(reversedMessages[mi]);
+            var srOrigIdx = reversedMessages.length - 1 - mi;
+            tmpWrap.innerHTML = renderChatMessage(reversedMessages[mi], roundUsageByIndex[srOrigIdx] || null);
             var replacementEl = tmpWrap.firstElementChild;
             if (!replacementEl) continue;
             if (currentEl.innerHTML !== replacementEl.innerHTML || currentEl.className !== replacementEl.className) {
@@ -8859,7 +8902,7 @@
         return messages;
       }
 
-      function renderChatMessage(msg) {
+      function renderChatMessage(msg, roundUsage) {
         // Thinking card (deep thought) — from PTY parsing
         if (msg.role === "thinking") {
           return '<div class="chat-message thinking">' +
@@ -8883,7 +8926,7 @@
 
         // Structured content blocks (from JSON chat mode)
         if (Array.isArray(msg.content)) {
-          return renderStructuredMessage(msg);
+          return renderStructuredMessage(msg, roundUsage);
         }
 
         // Legacy string content (from PTY parsing)
@@ -8938,7 +8981,99 @@
         return '<div class="structured-tool-hint">已自动恢复一次 ' + escapeHtml(getToolDisplayName(toolName)) + ' 参数问题</div>';
       }
 
-      function renderStructuredMessage(msg) {
+      // ── 连续同类工具调用分组 ──
+      var GROUPABLE_TOOLS = { Read: 1, Glob: 1, Grep: 1, WebFetch: 1, WebSearch: 1, TodoRead: 1 };
+
+      function groupConsecutiveTools(content) {
+        var groups = [];
+        var i = 0;
+        while (i < content.length) {
+          var block = content[i];
+          if (block.type === "tool_result") { i++; continue; }
+          if (block.type === "tool_use" && GROUPABLE_TOOLS[block.name]) {
+            var run = [{ block: block, index: i }];
+            var j = i + 1;
+            while (j < content.length) {
+              if (content[j].type === "tool_result") { j++; continue; }
+              if (content[j].type === "tool_use" && GROUPABLE_TOOLS[content[j].name]) {
+                run.push({ block: content[j], index: j });
+                j++;
+              } else { break; }
+            }
+            if (run.length >= 2) {
+              groups.push({ type: "group", items: run, endIndex: j });
+            } else {
+              groups.push({ type: "single", block: block, index: i });
+            }
+            i = j;
+          } else {
+            groups.push({ type: "single", block: block, index: i });
+            i++;
+          }
+        }
+        return groups;
+      }
+
+      var TOOL_GROUP_LABELS = { Read: "读取", Glob: "搜索", Grep: "搜索", WebFetch: "抓取", WebSearch: "搜索", TodoRead: "待办" };
+
+      function renderToolGroup(items, role, toolResults) {
+        // Count by tool name
+        var counts = {};
+        for (var k = 0; k < items.length; k++) {
+          var n = items[k].block.name;
+          counts[n] = (counts[n] || 0) + 1;
+        }
+        // Check if all done or still pending
+        var allDone = true;
+        var anyError = false;
+        for (var k = 0; k < items.length; k++) {
+          var b = items[k].block;
+          var tr = pickToolResultForDisplay(toolResults, b.id);
+          if (!tr) { allDone = false; }
+          else if (tr.is_error) { anyError = true; }
+        }
+        var statusIcon = !allDone ? "…" : (anyError ? "✗" : "✓");
+        var statusClass = !allDone ? "pending" : (anyError ? "error" : "done");
+        // Summary text
+        var parts = [];
+        for (var name in counts) {
+          parts.push(counts[name] + " " + (TOOL_GROUP_LABELS[name] || name));
+        }
+        var summaryText = parts.join(" · ");
+
+        // Render each item's inline-tool card
+        var innerHtml = "";
+        for (var k = 0; k < items.length; k++) {
+          try {
+            innerHtml += renderContentBlock(items[k].block, role, toolResults, items[k].index);
+          } catch (e) {
+            innerHtml += '<div class="render-error">工具渲染失败</div>';
+          }
+        }
+
+        return '<div class="tool-group" data-expanded="false" data-status="' + statusClass + '">' +
+          '<div class="tool-group-summary" onclick="__toolGroupToggle(this.parentNode)">' +
+            '<span class="tool-group-status">' + statusIcon + '</span>' +
+            '<span class="tool-group-text">' + escapeHtml(summaryText) + '</span>' +
+            '<span class="tool-group-count">' + items.length + ' 个调用</span>' +
+            '<svg class="tool-group-chevron" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>' +
+          '</div>' +
+          '<div class="tool-group-body">' + innerHtml + '</div>' +
+        '</div>';
+      }
+
+      // global toggle
+      window.__toolGroupToggle = function(el) {
+        if (!el) return;
+        var expanded = el.getAttribute("data-expanded") === "true";
+        el.setAttribute("data-expanded", expanded ? "false" : "true");
+        var body = el.querySelector(".tool-group-body");
+        if (body) body.style.display = expanded ? "none" : "block";
+        var chevron = el.querySelector(".tool-group-chevron");
+        if (chevron) chevron.style.transform = expanded ? "" : "rotate(180deg)";
+      };
+
+      function renderStructuredMessage(msg, roundUsage) {
         var role = msg.role;
         var avatar = role === "assistant" ? '<div class="chat-message-avatar">赛博虎妞</div>' : "";
 
@@ -8956,10 +9091,15 @@
         var blocksHtml = "";
 
         try {
-          for (var i = 0; i < msg.content.length; i++) {
-            var block = msg.content[i];
+          var groups = groupConsecutiveTools(msg.content);
+          for (var g = 0; g < groups.length; g++) {
+            var grp = groups[g];
             try {
-              blocksHtml += renderContentBlock(block, role, toolResults, i);
+              if (grp.type === "group") {
+                blocksHtml += renderToolGroup(grp.items, role, toolResults);
+              } else {
+                blocksHtml += renderContentBlock(grp.block, role, toolResults, grp.index);
+              }
             } catch (e) {
               blocksHtml += '<div class="render-error">消息块渲染失败</div>';
             }
@@ -8972,17 +9112,6 @@
         }
 
         var usageHtml = "";
-        if (role === "assistant" && msg.usage) {
-          var u = msg.usage;
-          var parts = [];
-          if (u.inputTokens !== undefined) parts.push("输入 " + u.inputTokens);
-          if (u.outputTokens !== undefined) parts.push("输出 " + u.outputTokens);
-          if (u.cacheReadInputTokens !== undefined && u.cacheReadInputTokens > 0) parts.push("缓存 " + u.cacheReadInputTokens);
-          if (u.totalCostUsd !== undefined) parts.push("$" + u.totalCostUsd.toFixed(4));
-          if (parts.length > 0) {
-            usageHtml = '<div class="message-usage">' + parts.join(" · ") + '</div>';
-          }
-        }
 
         return '<div class="chat-message ' + role + '">' +
           avatar +

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

@@ -2876,6 +2876,65 @@
       border-radius: 2px;
     }
 
+    /* ── Tool Group (连续同类调用折叠) ── */
+    .tool-group {
+      margin: 2px 0;
+      border-radius: 6px;
+      border: 1px solid var(--border-subtle, rgba(127,127,127,0.1));
+      overflow: hidden;
+    }
+    .tool-group-summary {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      padding: 5px 10px;
+      cursor: pointer;
+      font-size: 0.75rem;
+      color: var(--text-secondary);
+      user-select: none;
+      transition: background var(--transition-fast);
+    }
+    .tool-group-summary:hover {
+      background: var(--bg-hover, rgba(127,127,127,0.06));
+    }
+    .tool-group-status {
+      font-size: 0.6875rem;
+      flex-shrink: 0;
+      width: 14px;
+      text-align: center;
+    }
+    .tool-group[data-status="done"] .tool-group-status { color: var(--success, #22c55e); }
+    .tool-group[data-status="error"] .tool-group-status { color: var(--error, #ef4444); }
+    .tool-group[data-status="pending"] .tool-group-status { color: var(--text-muted); }
+    .tool-group-text {
+      flex: 1;
+      min-width: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .tool-group-count {
+      flex-shrink: 0;
+      font-size: 0.625rem;
+      color: var(--text-muted);
+    }
+    .tool-group-chevron {
+      flex-shrink: 0;
+      transition: transform 0.2s ease;
+      color: var(--text-muted);
+    }
+    .tool-group[data-expanded="true"] .tool-group-chevron {
+      transform: rotate(180deg);
+    }
+    .tool-group-body {
+      display: none;
+      padding: 2px 6px 4px;
+      border-top: 1px solid var(--border-subtle, rgba(127,127,127,0.08));
+    }
+    .tool-group[data-expanded="true"] .tool-group-body {
+      display: block;
+    }
+
     /* ── Inline Tool Display (Read, Glob, Grep, WebFetch, WebSearch, TodoRead) ── */
     .inline-tool {
       display: flex;
@@ -7522,64 +7581,100 @@
     }
 
     /* ── 结构化会话状态条 ── */
+    /* ── 输入框顶部波浪脉冲（回复中） ── */
+    .input-composer.in-flight {
+      border-color: transparent;
+    }
+    .input-composer.in-flight::before {
+      content: "";
+      position: absolute;
+      top: -2px;
+      left: -60%;
+      width: 220%;
+      height: 3px;
+      border-radius: 14px 14px 0 0;
+      background:
+        radial-gradient(ellipse 280px 4px,
+          rgba(var(--accent-rgb, 197, 101, 61), 0.45) 0%,
+          rgba(var(--accent-rgb, 197, 101, 61), 0.12) 35%,
+          transparent 60%)
+        no-repeat;
+      background-size: 280px 4px;
+      animation: composerWaveSlide 7s cubic-bezier(0.35, 0, 0.65, 1) infinite;
+      z-index: 2;
+      pointer-events: none;
+    }
+    .input-composer.in-flight::after {
+      content: "";
+      position: absolute;
+      top: -2px;
+      left: -60%;
+      width: 220%;
+      height: 3px;
+      border-radius: 14px 14px 0 0;
+      background:
+        radial-gradient(ellipse 220px 3px,
+          rgba(var(--accent-rgb, 197, 101, 61), 0.25) 0%,
+          rgba(var(--accent-rgb, 197, 101, 61), 0.06) 35%,
+          transparent 60%)
+        no-repeat;
+      background-size: 220px 3px;
+      animation: composerWaveSlide 9s cubic-bezier(0.35, 0, 0.65, 1) infinite reverse;
+      z-index: 2;
+      pointer-events: none;
+    }
+    @keyframes composerWaveSlide {
+      0%   { background-position: 0% center; }
+      100% { background-position: 100% center; }
+    }
+
+    /* ── 结构化会话状态条（输入框右上角） ── */
     .structured-status-bar {
       display: flex;
       align-items: center;
-      gap: 10px;
-      margin: 8px 0 4px;
-      padding: 8px 12px;
-      border-radius: var(--radius-sm);
-      background: rgba(var(--accent-rgb, 99, 102, 241), 0.06);
-      border: 1px solid rgba(var(--accent-rgb, 99, 102, 241), 0.12);
-      font-size: 0.75rem;
-      color: var(--text-secondary);
+      justify-content: flex-end;
+      gap: 5px;
+      margin: 0 4px 2px 0;
+      padding: 0;
+      background: transparent;
+      border: none;
+      font-size: 0.6875rem;
+      color: var(--text-muted);
       transition: all 0.3s ease;
       overflow: hidden;
     }
 
-    .structured-status-bar .status-bar-label {
+    .structured-status-bar .status-bar-dot {
+      width: 5px;
+      height: 5px;
+      border-radius: 50%;
+      background: rgba(var(--accent-rgb, 197, 101, 61), 0.8);
+      animation: statusDotPulse 1.2s ease-in-out infinite;
       flex-shrink: 0;
-      font-weight: 600;
-      color: var(--accent-soft);
-    }
-
-    .structured-status-bar .status-bar-track {
-      flex: 1;
-      height: 3px;
-      border-radius: 2px;
-      background: rgba(var(--accent-rgb, 99, 102, 241), 0.1);
-      overflow: hidden;
-      position: relative;
     }
 
-    .structured-status-bar .status-bar-fill {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 40%;
-      height: 100%;
-      border-radius: 2px;
-      background: linear-gradient(90deg, transparent, var(--accent-soft), transparent);
-      animation: marqueeScroll 1.5s ease-in-out infinite;
+    @keyframes statusDotPulse {
+      0%, 100% { opacity: 0.4; transform: scale(0.9); }
+      50%      { opacity: 1;   transform: scale(1.1); }
     }
 
-    @keyframes marqueeScroll {
-      0%   { left: -40%; }
-      100% { left: 100%; }
+    .structured-status-bar .status-bar-label {
+      flex-shrink: 0;
+      font-weight: 500;
+      color: var(--text-muted);
+      font-size: 0.625rem;
     }
 
     .structured-status-bar .status-bar-timer {
       flex-shrink: 0;
       font-variant-numeric: tabular-nums;
       font-family: var(--font-mono);
-      font-size: 0.6875rem;
+      font-size: 0.625rem;
       color: var(--text-muted);
     }
 
     /* 完成态 */
     .structured-status-bar.completed {
-      background: rgba(79, 122, 88, 0.06);
-      border-color: rgba(79, 122, 88, 0.15);
       animation: statusBarFadeOut 2s ease-out 1s forwards;
     }
 
@@ -7587,22 +7682,10 @@
       color: var(--success);
     }
 
-    .structured-status-bar.completed .status-bar-track {
-      background: rgba(79, 122, 88, 0.1);
-    }
-
-    .structured-status-bar.completed .status-bar-fill {
-      width: 100%;
-      background: var(--success);
-      opacity: 0.5;
-      animation: none;
-      left: 0;
-    }
-
     @keyframes statusBarFadeOut {
-      0%   { opacity: 1; max-height: 50px; margin: 8px 0 4px; padding: 8px 12px; }
-      70%  { opacity: 0; max-height: 50px; margin: 8px 0 4px; padding: 8px 12px; }
-      100% { opacity: 0; max-height: 0; margin: 0; padding: 0 12px; border-width: 0; }
+      0%   { opacity: 1; max-height: 20px; }
+      70%  { opacity: 0; max-height: 20px; }
+      100% { opacity: 0; max-height: 0; margin: 0; }
     }
 
     /* 结束标记 */

package/package.json

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