@co0ontty/wand 1.10.0 → 1.14.3

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

@@ -137,6 +137,7 @@
         notifBubble: (function() {
           try { var v = localStorage.getItem("wand-notif-bubble"); return v === null ? true : v === "true"; } catch (e) { return true; }
         })(),
+        toolContentCache: {},
         currentView: "terminal",
         terminalScale: (function() {
           try {
@@ -175,6 +176,8 @@
         lastRenderedMsgCount: 0,
         lastRenderedEmpty: null,
         renderPending: false,
+        chatPageSize: 20,
+        chatRenderedCount: 20,
         currentTask: null, // Current task title from Claude
         terminalInteractive: false,
         miniKeyboardVisible: false,
@@ -402,6 +405,35 @@
         updateChatJumpToBottomButton();
       }
 
+      /** Load older messages by expanding the visible window */
+      function loadMoreChatMessages() {
+        if (state.chatRenderedCount >= state.currentMessages.length) return;
+        state.chatRenderedCount += state.chatPageSize;
+        renderChat(true);
+      }
+
+      // Observe the "load more" sentinel for auto-loading when scrolled into view
+      var _loadMoreObserver = null;
+      function observeLoadMoreSentinel() {
+        if (_loadMoreObserver) { _loadMoreObserver.disconnect(); _loadMoreObserver = null; }
+        var sentinel = document.getElementById("chat-load-more-sentinel");
+        if (!sentinel) return;
+        // Click handler for the button
+        var btn = sentinel.querySelector(".chat-load-more-btn");
+        if (btn) btn.onclick = function() { loadMoreChatMessages(); };
+        // IntersectionObserver for auto-load on scroll
+        if (typeof IntersectionObserver === "undefined") return;
+        _loadMoreObserver = new IntersectionObserver(function(entries) {
+          for (var i = 0; i < entries.length; i++) {
+            if (entries[i].isIntersecting) {
+              loadMoreChatMessages();
+              break;
+            }
+          }
+        }, { root: getChatScrollElement(), rootMargin: "200px" });
+        _loadMoreObserver.observe(sentinel);
+      }
+
       // Helper function to persist selected session ID to localStorage
       function persistSelectedId() {
         try {
@@ -704,6 +736,7 @@
         state.lastRenderedMsgCount = 0;
         state.lastRenderedEmpty = null;
         state.renderPending = false;
+        state.chatRenderedCount = state.chatPageSize;
         state.askUserSelections = {};
         if (state.chatScrollElement && state.chatScrollHandler) {
           state.chatScrollElement.removeEventListener("scroll", state.chatScrollHandler);
@@ -1283,6 +1316,7 @@
                 '<button class="settings-tab" data-tab="notifications">\u901a\u77e5</button>' +
                 '<button class="settings-tab" data-tab="security">\u5b89\u5168</button>' +
                 '<button class="settings-tab" data-tab="presets">\u547d\u4ee4\u9884\u8bbe</button>' +
+                '<button class="settings-tab" data-tab="display">\u663e\u793a</button>' +
               '</div>' +
 
               // About tab
@@ -1305,6 +1339,31 @@
                   '</div>' +
                   '<p id="update-message" class="hint hidden"></p>' +
                 '</div>' +
+                '<div class="settings-update-section" id="android-apk-section">' +
+                  '<div id="android-apk-current-row" class="settings-about-row hidden">' +
+                    '<span class="settings-label">当前版本</span>' +
+                    '<span class="settings-value" id="settings-android-apk-current">-</span>' +
+                  '</div>' +
+                  '<div id="android-apk-github-row" class="settings-about-row hidden">' +
+                    '<span class="settings-label">线上版本</span>' +
+                    '<span class="settings-value" id="settings-android-apk-github" style="flex:1">-</span>' +
+                    '<button id="download-github-apk-btn" class="btn btn-ghost btn-sm hidden" type="button" style="margin-left:8px;flex-shrink:0">下载</button>' +
+                  '</div>' +
+                  '<div id="android-apk-local-row" class="settings-about-row hidden">' +
+                    '<span class="settings-label">本地版本</span>' +
+                    '<span class="settings-value" id="settings-android-apk-local" style="flex:1">-</span>' +
+                    '<button id="download-local-apk-btn" class="btn btn-ghost btn-sm hidden" type="button" style="margin-left:8px;flex-shrink:0">下载</button>' +
+                  '</div>' +
+                  '<p id="android-apk-message" class="hint hidden"></p>' +
+                '</div>' +
+                '<div class="settings-update-section" id="android-connect-section">' +
+                  '<div class="settings-section-title" style="margin-bottom:8px">App 连接码</div>' +
+                  '<div class="settings-connect-url-box">' +
+                    '<code id="android-connect-code" class="settings-connect-url-text" style="font-size:12px;word-break:break-all">-</code>' +
+                    '<button id="copy-connect-code-button" class="btn btn-ghost btn-sm" type="button" title="复制连接码">复制</button>' +
+                  '</div>' +
+                  '<p class="hint">复制此连接码粘贴到 Android App 即可自动连接，无需输入密码。修改密码后连接码自动失效。</p>' +
+                '</div>' +
               '</div>' +
 
               // Notifications tab
@@ -1389,6 +1448,27 @@
                   '<label class="field-label" for="cfg-shell">Shell</label>' +
                   '<input id="cfg-shell" type="text" class="field-input" placeholder="/bin/bash" />' +
                 '</div>' +
+                (typeof WandNative !== "undefined" && typeof WandNative.getAppIcon === "function" ?
+                '<div style="margin-bottom:16px">' +
+                  '<div class="settings-section-title">应用图标</div>' +
+                  '<p class="hint" style="margin-top:-4px;margin-bottom:10px">选择 App 启动器图标，返回桌面后生效</p>' +
+                  '<div id="app-icon-picker" style="display:flex;gap:16px">' +
+                    '<div class="app-icon-option" data-icon="shorthair" style="cursor:pointer;text-align:center">' +
+                      '<div class="app-icon-preview" style="width:56px;height:56px;border-radius:12px;overflow:hidden;border:3px solid transparent;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;margin-bottom:4px">' +
+                        PIXEL_AVATAR.user +
+                      '</div>' +
+                      '<span style="font-size:0.72rem;color:var(--text-secondary)">赛博虎妞</span>' +
+                    '</div>' +
+                    '<div class="app-icon-option" data-icon="garfield" style="cursor:pointer;text-align:center">' +
+                      '<div class="app-icon-preview" style="width:56px;height:56px;border-radius:12px;overflow:hidden;border:3px solid transparent;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;margin-bottom:4px">' +
+                        PIXEL_AVATAR.assistant +
+                      '</div>' +
+                      '<span style="font-size:0.72rem;color:var(--text-secondary)">勤劳初二</span>' +
+                    '</div>' +
+                  '</div>' +
+                  '<p id="app-icon-message" class="hint hidden" style="margin-top:8px"></p>' +
+                '</div>'
+                : '') +
                 '<button id="save-config-button" class="btn btn-primary btn-block">保存配置</button>' +
                 '<p id="config-message" class="hint hidden"></p>' +
               '</div>' +
@@ -1429,6 +1509,56 @@
               '<div class="settings-panel" id="settings-tab-presets">' +
                 '<div id="presets-list" class="presets-list"></div>' +
               '</div>' +
+
+              // Display settings tab
+              '<div class="settings-panel" id="settings-tab-display">' +
+                '<div class="settings-section-title">卡片默认展开状态</div>' +
+                '<p class="hint" style="margin-top:-4px;margin-bottom:12px">设置结构化聊天视图中各类卡片的默认展开/折叠状态。手动操作的展开状态优先于此默认设置。</p>' +
+                '<div class="switch-card-list">' +
+                  '<label class="switch-card" for="cfg-card-edit">' +
+                    '<div class="switch-card-header">' +
+                      '<span class="switch-card-title">编辑卡片 (Edit/Write)</span>' +
+                      '<input id="cfg-card-edit" type="checkbox" class="switch-toggle" />' +
+                      '<span class="switch-slider"></span>' +
+                    '</div>' +
+                    '<div class="switch-card-desc">文件编辑和写入操作的 diff 视图</div>' +
+                  '</label>' +
+                  '<label class="switch-card" for="cfg-card-inline">' +
+                    '<div class="switch-card-header">' +
+                      '<span class="switch-card-title">内联工具 (Read/Glob/Grep)</span>' +
+                      '<input id="cfg-card-inline" type="checkbox" class="switch-toggle" />' +
+                      '<span class="switch-slider"></span>' +
+                    '</div>' +
+                    '<div class="switch-card-desc">文件读取、搜索等工具的结果</div>' +
+                  '</label>' +
+                  '<label class="switch-card" for="cfg-card-terminal">' +
+                    '<div class="switch-card-header">' +
+                      '<span class="switch-card-title">终端输出 (Bash)</span>' +
+                      '<input id="cfg-card-terminal" type="checkbox" class="switch-toggle" />' +
+                      '<span class="switch-slider"></span>' +
+                    '</div>' +
+                    '<div class="switch-card-desc">命令行执行结果</div>' +
+                  '</label>' +
+                  '<label class="switch-card" for="cfg-card-thinking">' +
+                    '<div class="switch-card-header">' +
+                      '<span class="switch-card-title">思考过程 (Thinking)</span>' +
+                      '<input id="cfg-card-thinking" type="checkbox" class="switch-toggle" />' +
+                      '<span class="switch-slider"></span>' +
+                    '</div>' +
+                    '<div class="switch-card-desc">Claude 的思考过程块</div>' +
+                  '</label>' +
+                  '<label class="switch-card" for="cfg-card-toolgroup">' +
+                    '<div class="switch-card-header">' +
+                      '<span class="switch-card-title">工具组</span>' +
+                      '<input id="cfg-card-toolgroup" type="checkbox" class="switch-toggle" />' +
+                      '<span class="switch-slider"></span>' +
+                    '</div>' +
+                    '<div class="switch-card-desc">连续同类工具调用的折叠组</div>' +
+                  '</label>' +
+                '</div>' +
+                '<button id="save-display-button" class="btn btn-primary btn-block" style="margin-top:16px">保存显示设置</button>' +
+                '<p id="display-message" class="hint hidden"></p>' +
+              '</div>' +
             '</div>' +
           '</div>' +
         '</section>';
@@ -1856,7 +1986,10 @@
         } catch (e) {}
         applyTerminalScale();
         updateScaleLabel();
-        scheduleTerminalResize();
+        // Force refit: font size changed but container dimensions didn't,
+        // so ensureTerminalFit (which resets viewport tracking) is needed
+        // instead of scheduleTerminalResize (which skips when size unchanged).
+        ensureTerminalFit();
       }
 
       function applyTerminalScale() {
@@ -2295,6 +2428,35 @@
         '</div>';
       }
 
+      function timeAgo(isoString) {
+        if (!isoString) return "";
+        var now = Date.now();
+        var then = new Date(isoString).getTime();
+        var diff = Math.max(0, now - then);
+        var seconds = Math.floor(diff / 1000);
+        if (seconds < 60) return "刚刚";
+        var minutes = Math.floor(seconds / 60);
+        if (minutes < 60) return minutes + "分钟前";
+        var hours = Math.floor(minutes / 60);
+        if (hours < 24) return hours + "小时前";
+        var days = Math.floor(hours / 24);
+        if (days < 30) return days + "天前";
+        return Math.floor(days / 30) + "个月前";
+      }
+
+      function elapsedTime(isoString) {
+        if (!isoString) return "";
+        var now = Date.now();
+        var then = new Date(isoString).getTime();
+        var diff = Math.max(0, now - then);
+        var seconds = Math.floor(diff / 1000);
+        var minutes = Math.floor(seconds / 60);
+        var hours = Math.floor(minutes / 60);
+        if (hours > 0) return hours + "h" + (minutes % 60 > 0 ? (minutes % 60) + "m" : "");
+        if (minutes > 0) return minutes + "m";
+        return seconds + "s";
+      }
+
       function getSessionStatusLabel(session) {
         if (!session) return "";
         if (session.archived) return "已归档";
@@ -2317,29 +2479,55 @@
         return session.status || "";
       }
 
+      /** Get a human-readable activity description for a running session */
+      function getSessionActivityDesc(session) {
+        if (!session) return "";
+        if (session.permissionBlocked) return "等待你的授权";
+        if (session.status !== "running") return "";
+        // Check WebSocket-delivered currentTask first
+        if (session.id === state.selectedId && state.currentTask && state.currentTask.title) {
+          return state.currentTask.title;
+        }
+        // Fall back to snapshot-delivered currentTaskTitle
+        if (session.currentTaskTitle) return session.currentTaskTitle;
+        return "";
+      }
+
+      /** Get the last meaningful assistant text from messages for notification/display */
+      function getLastAssistantSummary(session) {
+        var msgs = session && session.messages;
+        if (!msgs || msgs.length === 0) return "";
+        for (var i = msgs.length - 1; i >= 0; i--) {
+          var msg = msgs[i];
+          if (msg.role !== "assistant") continue;
+          var blocks = msg.content || [];
+          for (var j = 0; j < blocks.length; j++) {
+            if (blocks[j].type === "text" && blocks[j].text && blocks[j].text.trim()) {
+              var text = blocks[j].text.trim();
+              // Strip markdown formatting for compact display
+              text = text.replace(/^#+\s+/gm, "").replace(/\*\*/g, "").replace(/`/g, "");
+              var firstLine = text.split("\n")[0].trim();
+              return firstLine.slice(0, 100);
+            }
+          }
+        }
+        return "";
+      }
+
       function renderSessionItem(session) {
         var activeClass = session.id === state.selectedId ? " active" : "";
         var selectedClass = state.sessionsManageMode && state.selectedSessionIds[session.id] ? " selected" : "";
         var metaStatus = getSessionStatusLabel(session);
         var metaStatusClass = getSessionStatusClass(session);
-        var modeName = session.mode === "full-access" ? "全权限" : session.mode === "default" ? "默认" : session.mode === "native" ? "原生" : session.mode === "auto-edit" ? "自动编辑" : session.mode;
         var resumeButton = "";
-        var sessionIdDisplay = "";
-        var recoveryHint = "";
         var checkbox = renderManageCheckbox("sessions", session.id, "选择会话 " + session.command);
 
         if (session.provider === "claude" && session.claudeSessionId) {
-          var shortId = session.claudeSessionId.slice(0, 8);
-          sessionIdDisplay = '<span class="session-id" title="' + escapeHtml(session.claudeSessionId) + '">' + escapeHtml(shortId) + '</span>';
           if (session.status !== "running" && !state.sessionsManageMode && !isStructuredSession(session)) {
             resumeButton = '<button class="session-action-btn" data-action="resume" data-session-id="' + session.id + '" type="button" aria-label="恢复会话" title="恢复 Claude 会话"><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="M1 4v6h6"/><path d="M3.51 15a9 9 0 105.64-11.36L3 10"/></svg></button>';
           }
         }
 
-        if (session.autoRecovered) {
-          recoveryHint = '<span class="session-id" title="自动恢复的会话">自动恢复</span>';
-        }
-
         var canOpenMerge = !state.sessionsManageMode && session.worktreeEnabled && session.worktree && session.worktree.branch && session.worktree.path;
         var needsCleanup = session.worktreeMergeStatus === "merged" && session.worktreeMergeInfo && session.worktreeMergeInfo.cleanupDone === false;
         var mergeDisabled = session.status === "running" || session.worktreeMergeStatus === "merging";
@@ -2350,23 +2538,50 @@
             ? '<button class="session-action-btn merge-btn" data-action="worktree-cleanup" data-session-id="' + session.id + '" type="button" aria-label="重试清理 worktree" title="重试清理 worktree"><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 6h18"/><path d="M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2"/><path d="M19 6l-1 14a2 2 0 01-2 2H8a2 2 0 01-2-2L5 6"/></svg></button>'
             : "";
         var deleteButton = state.sessionsManageMode ? '' : '<button class="session-action-btn delete-btn" data-action="delete-session" data-session-id="' + session.id + '" type="button" aria-label="删除会话" 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 6h18"/><path d="M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2"/><path d="M19 6l-1 14a2 2 0 01-2 2H8a2 2 0 01-2-2L5 6"/></svg></button>';
-        var modeBadge = renderSessionKindBadge(session);
         var actionsHtml = '<span class="session-actions">' + resumeButton + mergeButton + deleteButton + '</span>';
 
+        // Title: summary or command
+        var titleHtml = session.summary
+          ? '<div class="session-title">' + escapeHtml(session.summary) + '</div>'
+          : '<div class="session-command">' + escapeHtml(session.resumedFromSessionId ? session.command.replace(/\s+--resume\s+\S+/, '') : session.command) + '</div>';
+
+        // Activity description for running sessions
+        var activityDesc = getSessionActivityDesc(session);
+        var activityHtml = "";
+        if (session.status === "running" && activityDesc) {
+          activityHtml = '<div class="session-activity">' + escapeHtml(activityDesc) + '</div>';
+        }
+
+        // Time display
+        var timeDisplay = "";
+        if (session.status === "running") {
+          timeDisplay = '<span class="session-time" title="已运行 ' + escapeHtml(elapsedTime(session.startedAt)) + '">' + escapeHtml(elapsedTime(session.startedAt)) + '</span>';
+        } else if (session.endedAt) {
+          timeDisplay = '<span class="session-time" title="' + escapeHtml(new Date(session.endedAt).toLocaleString()) + '">' + escapeHtml(timeAgo(session.endedAt)) + '</span>';
+        } else if (session.startedAt) {
+          timeDisplay = '<span class="session-time" title="' + escapeHtml(new Date(session.startedAt).toLocaleString()) + '">' + escapeHtml(timeAgo(session.startedAt)) + '</span>';
+        }
+
+        // Badges: worktree only (removed PTY/Structured and mode badges for cleaner look)
+        var badgesHtml = renderWorktreeBadge(session);
+
+        // Recovery hint
+        var recoveryHtml = session.autoRecovered ? '<span class="session-recovery-hint">自动恢复</span>' : '';
+
         return '<div class="session-item' + activeClass + selectedClass + '" data-session-id="' + session.id + '" role="button" tabindex="0">' +
           '<div class="session-item-content">' +
             '<div class="session-item-row">' +
               checkbox +
               '<div class="session-main">' +
-                (session.summary
-                  ? '<div class="session-title">' + escapeHtml(session.summary) + '</div>'
-                  : '<div class="session-command">' + escapeHtml(session.resumedFromSessionId ? session.command.replace(/\s+--resume\s+\S+/, '') : session.command) + '</div>') +
+                '<div class="session-title-row">' +
+                  titleHtml +
+                  timeDisplay +
+                '</div>' +
+                activityHtml +
                 '<div class="session-meta">' +
-                  modeBadge +
-                  '<span>' + escapeHtml(modeName) + '</span>' +
                   '<span class="session-status ' + metaStatusClass + '">' + escapeHtml(metaStatus) + '</span>' +
-                  sessionIdDisplay +
-                  recoveryHint +
+                  badgesHtml +
+                  recoveryHtml +
                 '</div>' +
               '</div>' +
               actionsHtml +
@@ -2525,6 +2740,8 @@
                 '<p class="field-hint">留空则使用上方目录，支持路径自动补全。</p>' +
                 '<div id="recent-paths-bubbles" class="recent-paths-bubbles"></div>' +
               '</div>' +
+            '</div>' +
+            '<div class="modal-footer">' +
               '<button id="run-button" class="btn btn-primary btn-block">启动会话</button>' +
               '<p id="modal-error" class="error-message hidden"></p>' +
             '</div>' +
@@ -2533,11 +2750,53 @@
       }
 
       // Global toggle function for tool card headers — called via onclick attribute
+      // Lazy-load tool content for truncated results
+      function __fetchToolContent(toolUseId, callback) {
+        if (!state.selectedId || !toolUseId) return;
+        var cacheKey = state.selectedId + ":" + toolUseId;
+        if (state.toolContentCache[cacheKey]) {
+          callback(null, state.toolContentCache[cacheKey]);
+          return;
+        }
+        fetch("/api/sessions/" + encodeURIComponent(state.selectedId) + "/tool-content/" + encodeURIComponent(toolUseId), { credentials: "same-origin" })
+          .then(function(res) { return res.json(); })
+          .then(function(data) {
+            if (data.error) {
+              callback(data.error, null);
+            } else {
+              state.toolContentCache[cacheKey] = data;
+              callback(null, data);
+            }
+          })
+          .catch(function() {
+            callback("加载失败", null);
+          });
+      }
+
       window.__tcToggle = function(e, headerEl) {
         var card = headerEl.closest(".tool-use-card");
         if (card) {
+          var wasCollapsed = card.classList.contains("collapsed");
           card.classList.toggle("collapsed");
           persistElementExpandState(card, "tool-card");
+          // Lazy-load truncated content on expand
+          if (wasCollapsed && card.dataset.truncated === "true" && card.dataset.loaded !== "true") {
+            var toolUseId = card.dataset.toolUseId;
+            var resultDiv = card.querySelector(".tool-use-result");
+            if (resultDiv) resultDiv.innerHTML = '<div class="tool-content-loading">加载中…</div>';
+            card.dataset.loaded = "loading";
+            __fetchToolContent(toolUseId, function(err, data) {
+              if (err) {
+                if (resultDiv) resultDiv.innerHTML = '<div class="tool-content-error" onclick="__tcToggle(null, card.querySelector(\'.tool-use-header\'))">加载失败，点击重试</div>';
+                card.dataset.loaded = "";
+              } else {
+                card.dataset.truncated = "false";
+                card.dataset.loaded = "true";
+                var content = typeof data.content === "string" ? data.content : JSON.stringify(data.content);
+                if (resultDiv) resultDiv.innerHTML = '<pre class="tool-use-result-content">' + escapeHtml(content) + '</pre>';
+              }
+            });
+          }
         }
         if (e) { e.preventDefault(); e.stopPropagation(); }
       };
@@ -2576,6 +2835,24 @@
             statusSpan.textContent = "✓";
           }
         }
+        // Lazy-load truncated content on expand
+        if (expanded && el.dataset.truncated === "true" && el.dataset.loaded !== "true") {
+          var toolUseId = el.dataset.toolUseId;
+          if (body) body.innerHTML = '<div class="tool-content-loading">加载中…</div>';
+          el.dataset.loaded = "loading";
+          __fetchToolContent(toolUseId, function(err, data) {
+            if (err) {
+              if (body) body.innerHTML = '<div class="tool-content-error">加载失败，点击重试</div>';
+              el.dataset.loaded = "";
+            } else {
+              el.dataset.truncated = "false";
+              el.dataset.loaded = "true";
+              var content = typeof data.content === "string" ? data.content : JSON.stringify(data.content);
+              el.dataset.result = content;
+              if (body) body.innerHTML = '<div class="inline-tool-result">' + formatInlineResult(content, "") + '</div>';
+            }
+          });
+        }
         persistElementExpandState(el, "inline-tool");
       };
       // Toggle function for terminal tool blocks
@@ -2590,6 +2867,32 @@
           var toggleIcon = el.querySelector(".term-toggle-icon");
           if (toggleIcon) toggleIcon.textContent = isHidden ? "▼" : "▶";
           persistElementExpandState(container, "terminal");
+          // Lazy-load truncated content on expand
+          if (isHidden && container.dataset.truncated === "true" && container.dataset.loaded !== "true") {
+            var toolUseId = container.dataset.toolUseId;
+            var termOutput = body.querySelector(".term-output");
+            if (termOutput) termOutput.innerHTML = '<div class="tool-content-loading">加载中…</div>';
+            container.dataset.loaded = "loading";
+            __fetchToolContent(toolUseId, function(err, data) {
+              if (err) {
+                if (termOutput) termOutput.innerHTML = '<div class="tool-content-error">加载失败，点击重试</div>';
+                container.dataset.loaded = "";
+              } else {
+                container.dataset.truncated = "false";
+                container.dataset.loaded = "true";
+                var content = typeof data.content === "string" ? data.content : JSON.stringify(data.content);
+                if (termOutput) {
+                  var lines = content.split("\n");
+                  var html = "";
+                  for (var i = 0; i < lines.length; i++) {
+                    if (!lines[i] && i === lines.length - 1) continue;
+                    html += '<div class="term-line">' + escapeHtml(lines[i]) + '</div>';
+                  }
+                  termOutput.innerHTML = html;
+                }
+              }
+            });
+          }
         }
       };
       // Update streaming thinking content (called from WebSocket handler)
@@ -2860,6 +3163,30 @@
         }
         var saveConfigBtn = document.getElementById("save-config-button");
         if (saveConfigBtn) saveConfigBtn.addEventListener("click", saveConfigSettings);
+        var saveDisplayBtn = document.getElementById("save-display-button");
+        if (saveDisplayBtn) saveDisplayBtn.addEventListener("click", saveDisplaySettings);
+        // App icon picker (APK only)
+        var appIconPicker = document.getElementById("app-icon-picker");
+        if (appIconPicker) {
+          var appIconOpts = appIconPicker.querySelectorAll(".app-icon-option");
+          for (var ai = 0; ai < appIconOpts.length; ai++) {
+            appIconOpts[ai].addEventListener("click", function() {
+              var iconName = this.getAttribute("data-icon");
+              if (!iconName || typeof WandNative === "undefined" || typeof WandNative.setAppIcon !== "function") return;
+              try {
+                WandNative.setAppIcon(iconName);
+                _updateAppIconSelection(iconName);
+                var msgEl = document.getElementById("app-icon-message");
+                if (msgEl) {
+                  msgEl.textContent = "图标已切换，返回桌面后生效";
+                  msgEl.style.color = "var(--success)";
+                  msgEl.classList.remove("hidden");
+                  setTimeout(function() { msgEl.classList.add("hidden"); }, 3000);
+                }
+              } catch (_e) {}
+            });
+          }
+        }
         var uploadCertBtn = document.getElementById("upload-cert-button");
         if (uploadCertBtn) uploadCertBtn.addEventListener("click", uploadCertificates);
         var checkUpdateBtn = document.getElementById("check-update-button");
@@ -2868,6 +3195,11 @@
         if (doUpdateBtn) doUpdateBtn.addEventListener("click", performUpdate);
         var doRestartBtn = document.getElementById("do-restart-button");
         if (doRestartBtn) doRestartBtn.addEventListener("click", performSettingsRestart);
+        var copyConnectCodeBtn = document.getElementById("copy-connect-code-button");
+        if (copyConnectCodeBtn) copyConnectCodeBtn.addEventListener("click", function() {
+          var text = document.getElementById("android-connect-code");
+          if (text) copyToClipboard(text.textContent, copyConnectCodeBtn);
+        });
         // Notification preferences
         var notifSoundEl = document.getElementById("cfg-notif-sound");
         if (notifSoundEl) {
@@ -2890,7 +3222,13 @@
         // Browser notification section
         var notifRequestBtn = document.getElementById("notification-request-btn");
         if (notifRequestBtn) notifRequestBtn.addEventListener("click", function() {
-          if (typeof Notification !== "undefined") {
+          if (_hasNativeBridge) {
+            window._onNativePermissionResult = function() {
+              updateNotificationStatus();
+              delete window._onNativePermissionResult;
+            };
+            try { WandNative.requestPermission(); } catch (_e) {}
+          } else if (typeof Notification !== "undefined") {
             Notification.requestPermission().then(function() { updateNotificationStatus(); });
           }
         });
@@ -4664,6 +5002,15 @@
           });
       }
 
+      var _sessionListUpdateTimer = null;
+      function scheduleSessionListUpdate() {
+        if (_sessionListUpdateTimer) return;
+        _sessionListUpdateTimer = setTimeout(function() {
+          _sessionListUpdateTimer = null;
+          updateSessionsList();
+        }, 200);
+      }
+
       function updateSessionsList() {
         var listEl = document.getElementById("sessions-list");
         var countEl = document.getElementById("session-count");
@@ -4792,6 +5139,8 @@
         }
         state.selectedId = id;
         persistSelectedId();
+        // Clear tool content cache on session switch
+        state.toolContentCache = {};
         // Clear queued inputs from the previous session to prevent cross-session leaks
         state.messageQueue = [];
         state.pendingMessages = [];
@@ -5119,6 +5468,10 @@
           if (soundEl) soundEl.checked = state.notifSound;
           if (bubbleEl) bubbleEl.checked = state.notifBubble;
           updateNotificationStatus();
+          // Load current app icon selection (APK only)
+          if (typeof WandNative !== "undefined" && typeof WandNative.getAppIcon === "function") {
+            try { _updateAppIconSelection(WandNative.getAppIcon() || "shorthair"); } catch (_e) {}
+          }
         }
       }
 
@@ -5210,6 +5563,46 @@
         }
       }
 
+      function copyToClipboard(text, triggerBtn) {
+        if (!text) return;
+        navigator.clipboard.writeText(text).then(function() {
+          if (triggerBtn) {
+            var orig = triggerBtn.textContent;
+            triggerBtn.textContent = "已复制";
+            setTimeout(function() { triggerBtn.textContent = orig; }, 1500);
+          }
+        }).catch(function() {
+          // Fallback for non-secure contexts
+          var ta = document.createElement("textarea");
+          ta.value = text;
+          ta.style.position = "fixed";
+          ta.style.opacity = "0";
+          document.body.appendChild(ta);
+          ta.select();
+          document.execCommand("copy");
+          document.body.removeChild(ta);
+          if (triggerBtn) {
+            var orig = triggerBtn.textContent;
+            triggerBtn.textContent = "已复制";
+            setTimeout(function() { triggerBtn.textContent = orig; }, 1500);
+          }
+        });
+      }
+
+      function formatBytes(value) {
+        if (typeof value !== "number" || !isFinite(value) || value < 0) return "-";
+        if (value < 1024) return value + " B";
+        var units = ["KB", "MB", "GB", "TB"];
+        var size = value / 1024;
+        var unitIndex = 0;
+        while (size >= 1024 && unitIndex < units.length - 1) {
+          size = size / 1024;
+          unitIndex += 1;
+        }
+        var display = size >= 10 ? size.toFixed(0) : size.toFixed(1);
+        return display + " " + units[unitIndex];
+      }
+
       function loadSettingsData() {
         fetch("/api/settings", { credentials: "same-origin" })
           .then(function(res) { return res.json(); })
@@ -5236,6 +5629,97 @@
               }
             }
 
+            // ── Android APK version display ──
+            var apkSection = document.getElementById("android-apk-section");
+            var apkCurrentRow = document.getElementById("android-apk-current-row");
+            var apkCurrentEl = document.getElementById("settings-android-apk-current");
+            var apkGithubRow = document.getElementById("android-apk-github-row");
+            var apkGithubEl = document.getElementById("settings-android-apk-github");
+            var apkGithubBtn = document.getElementById("download-github-apk-btn");
+            var apkLocalRow = document.getElementById("android-apk-local-row");
+            var apkLocalEl = document.getElementById("settings-android-apk-local");
+            var apkLocalBtn = document.getElementById("download-local-apk-btn");
+            var apkMessageEl = document.getElementById("android-apk-message");
+            var androidApk = data.androidApk || {};
+            var isInApk = !!_apkVersion;
+
+            if (isInApk) {
+              // ── APK 内模式：显示当前版本 + 线上版本 + 本地版本 ──
+              if (apkCurrentRow && apkCurrentEl) {
+                apkCurrentEl.textContent = "v" + _apkVersion;
+                apkCurrentRow.classList.remove("hidden");
+              }
+              // 线上版本
+              if (androidApk.github && apkGithubRow && apkGithubEl) {
+                var ghLabel = androidApk.github.version ? ("v" + androidApk.github.version) : androidApk.github.fileName;
+                if (typeof androidApk.github.size === "number") ghLabel += " · " + formatBytes(androidApk.github.size);
+                apkGithubEl.textContent = ghLabel;
+                apkGithubRow.classList.remove("hidden");
+                if (apkGithubBtn) {
+                  apkGithubBtn.textContent = "下载安装";
+                  apkGithubBtn.classList.remove("hidden");
+                  apkGithubBtn.onclick = function() {
+                    try {
+                      WandNative.downloadUpdate(androidApk.github.downloadUrl, androidApk.github.fileName || "wand-update.apk", "github");
+                    } catch (e) {
+                      alert("调用下载失败: " + e.message);
+                    }
+                  };
+                }
+              }
+              // 本地版本
+              if (androidApk.local && apkLocalRow && apkLocalEl) {
+                var lcLabel = androidApk.local.version ? ("v" + androidApk.local.version) : androidApk.local.fileName;
+                if (typeof androidApk.local.size === "number") lcLabel += " · " + formatBytes(androidApk.local.size);
+                apkLocalEl.textContent = lcLabel;
+                apkLocalRow.classList.remove("hidden");
+                if (apkLocalBtn) {
+                  apkLocalBtn.textContent = "下载安装";
+                  apkLocalBtn.classList.remove("hidden");
+                  apkLocalBtn.onclick = function() {
+                    try {
+                      WandNative.downloadUpdate(androidApk.local.downloadUrl, androidApk.local.fileName || "wand-update.apk", "local");
+                    } catch (e) {
+                      alert("调用下载失败: " + e.message);
+                    }
+                  };
+                }
+              }
+              // 都没有时
+              if (!androidApk.github && !androidApk.local && apkMessageEl) {
+                apkMessageEl.textContent = "暂无可用更新";
+                apkMessageEl.classList.remove("hidden");
+              }
+            } else {
+              // ── 浏览器模式：只显示线上版本 + 下载按钮 ──
+              if (androidApk.github && apkGithubRow && apkGithubEl) {
+                var ghLabel2 = androidApk.github.version ? ("v" + androidApk.github.version) : androidApk.github.fileName;
+                if (typeof androidApk.github.size === "number") ghLabel2 += " · " + formatBytes(androidApk.github.size);
+                apkGithubEl.textContent = ghLabel2;
+                apkGithubRow.classList.remove("hidden");
+                if (apkGithubBtn) {
+                  apkGithubBtn.textContent = "下载";
+                  apkGithubBtn.classList.remove("hidden");
+                  apkGithubBtn.onclick = function() {
+                    window.open(androidApk.github.downloadUrl, "_blank");
+                  };
+                }
+              } else if (apkMessageEl) {
+                apkMessageEl.textContent = "暂未提供";
+                apkMessageEl.classList.remove("hidden");
+              }
+            }
+
+            // App connect code (encrypted)
+            var connectCodeEl = document.getElementById("android-connect-code");
+            if (connectCodeEl) {
+              connectCodeEl.textContent = "加载中...";
+              fetch("/api/app-connect-code").then(function(r) { return r.json(); }).then(function(d) {
+                if (d.code) connectCodeEl.textContent = d.code;
+                else connectCodeEl.textContent = "生成失败";
+              }).catch(function() { connectCodeEl.textContent = "获取失败"; });
+            }
+
             // Config fields
             var cfg = data.config || {};
             var hostEl = document.getElementById("cfg-host");
@@ -5274,6 +5758,19 @@
               if (!html) html = '<div class="empty-state-compact"><span class="empty-icon">\u2699</span><span>\u6ca1\u6709\u547d\u4ee4\u9884\u8bbe</span><span class="hint">\u5728 config.json \u7684 commandPresets \u4e2d\u914d\u7f6e</span></div>';
               presetsList.innerHTML = html;
             }
+
+            // Card expand defaults
+            var cd = cfg.cardDefaults || {};
+            var cdEditEl = document.getElementById("cfg-card-edit");
+            var cdInlineEl = document.getElementById("cfg-card-inline");
+            var cdTerminalEl = document.getElementById("cfg-card-terminal");
+            var cdThinkingEl = document.getElementById("cfg-card-thinking");
+            var cdToolgroupEl = document.getElementById("cfg-card-toolgroup");
+            if (cdEditEl) cdEditEl.checked = cd.editCards === true;
+            if (cdInlineEl) cdInlineEl.checked = cd.inlineTools === true;
+            if (cdTerminalEl) cdTerminalEl.checked = cd.terminal === true;
+            if (cdThinkingEl) cdThinkingEl.checked = cd.thinking === true;
+            if (cdToolgroupEl) cdToolgroupEl.checked = cd.toolGroup === true;
           })
           .catch(function() {});
       }
@@ -5320,6 +5817,52 @@
         });
       }
 
+      function saveDisplaySettings() {
+        var msgEl = document.getElementById("display-message");
+        if (msgEl) { msgEl.classList.add("hidden"); msgEl.textContent = ""; }
+
+        var body = {
+          cardDefaults: {
+            editCards: !!(document.getElementById("cfg-card-edit") || {}).checked,
+            inlineTools: !!(document.getElementById("cfg-card-inline") || {}).checked,
+            terminal: !!(document.getElementById("cfg-card-terminal") || {}).checked,
+            thinking: !!(document.getElementById("cfg-card-thinking") || {}).checked,
+            toolGroup: !!(document.getElementById("cfg-card-toolgroup") || {}).checked,
+          }
+        };
+
+        fetch("/api/settings/config", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          credentials: "same-origin",
+          body: JSON.stringify(body)
+        })
+        .then(function(res) { return res.json(); })
+        .then(function(data) {
+          if (msgEl) {
+            if (data.error) {
+              msgEl.textContent = data.error;
+              msgEl.style.color = "var(--error)";
+            } else {
+              msgEl.textContent = "显示设置已保存";
+              msgEl.style.color = "var(--success)";
+            }
+            msgEl.classList.remove("hidden");
+          }
+          // Update local config so card defaults take effect immediately
+          if (!data.error && state.config) {
+            state.config.cardDefaults = body.cardDefaults;
+          }
+        })
+        .catch(function() {
+          if (msgEl) {
+            msgEl.textContent = "保存失败。";
+            msgEl.style.color = "var(--error)";
+            msgEl.classList.remove("hidden");
+          }
+        });
+      }
+
       function uploadCertificates() {
         var keyFile = document.getElementById("cert-key-file");
         var certFile = document.getElementById("cert-cert-file");
@@ -5459,6 +6002,16 @@
 
       // ── Notification Settings Helpers ──
 
+      function _updateAppIconSelection(activeIcon) {
+        var opts = document.querySelectorAll(".app-icon-option");
+        for (var i = 0; i < opts.length; i++) {
+          var preview = opts[i].querySelector(".app-icon-preview");
+          if (preview) {
+            preview.style.borderColor = opts[i].getAttribute("data-icon") === activeIcon ? "var(--accent)" : "transparent";
+          }
+        }
+      }
+
       function updateNotificationStatus() {
         var statusEl = document.getElementById("notification-permission-status");
         var requestBtn = document.getElementById("notification-request-btn");
@@ -5466,15 +6019,20 @@
         var testMsgEl = document.getElementById("notification-test-message");
         if (!statusEl) return;
 
-        if (typeof Notification === "undefined") {
-          statusEl.textContent = "\u4e0d\u652f\u6301";
-          statusEl.style.color = "var(--fg-muted)";
-          if (requestBtn) requestBtn.classList.add("hidden");
-          if (resetBtn) resetBtn.classList.add("hidden");
-          return;
+        // Determine permission state: native bridge or browser API
+        var perm = _getNativePermission();
+        if (perm === null) {
+          // No native bridge — fall back to browser Notification API
+          if (typeof Notification === "undefined") {
+            statusEl.textContent = "\u4e0d\u652f\u6301";
+            statusEl.style.color = "var(--fg-muted)";
+            if (requestBtn) requestBtn.classList.add("hidden");
+            if (resetBtn) resetBtn.classList.add("hidden");
+            return;
+          }
+          perm = Notification.permission;
         }
 
-        var perm = Notification.permission;
         if (perm === "granted") {
           statusEl.textContent = "\u5df2\u6388\u6743 \u2713";
           statusEl.style.color = "var(--success)";
@@ -5495,6 +6053,28 @@
 
       function resetNotificationPermission() {
         var testMsgEl = document.getElementById("notification-test-message");
+
+        // Native bridge path — trigger Android system permission dialog
+        if (_hasNativeBridge) {
+          // Listen for permission result callback from native
+          window._onNativePermissionResult = function(result) {
+            updateNotificationStatus();
+            if (testMsgEl) {
+              if (result === "granted") {
+                testMsgEl.textContent = "\u2713 \u5df2\u6388\u6743";
+                testMsgEl.style.color = "var(--success)";
+              } else {
+                testMsgEl.textContent = "\u2717 \u672a\u6388\u6743\uff0c\u8bf7\u5728\u7cfb\u7edf\u8bbe\u7f6e\u4e2d\u5f00\u542f Wand \u7684\u901a\u77e5\u6743\u9650";
+                testMsgEl.style.color = "var(--danger)";
+              }
+              testMsgEl.classList.remove("hidden");
+            }
+            delete window._onNativePermissionResult;
+          };
+          try { WandNative.requestPermission(); } catch (_e) {}
+          return;
+        }
+
         if (typeof Notification === "undefined") return;
 
         // Always call requestPermission — this triggers the browser's native
@@ -5550,9 +6130,44 @@
         });
         results.push(bubbleEnabled ? "\u2713 \u5e94\u7528\u5185\u6c14\u6ce1" : "\u2013 \u5e94\u7528\u5185\u6c14\u6ce1\uff08\u5df2\u5173\u95ed\uff09");
 
-        // 3. Test browser notification
+        // 3. Test system notification (native bridge or browser API)
+        if (_hasNativeBridge) {
+          var nativePerm = _getNativePermission();
+          if (nativePerm === "granted") {
+            try {
+              WandNative.sendNotification("Wand \u6d4b\u8bd5\u901a\u77e5", "\u7cfb\u7edf\u901a\u77e5\u5df2\u6b63\u5e38\u5de5\u4f5c\u3002", "wand-test");
+              results.push("\u2713 \u7cfb\u7edf\u901a\u77e5");
+            } catch (_e) {
+              results.push("\u2717 \u7cfb\u7edf\u901a\u77e5\uff08\u53d1\u9001\u5931\u8d25\uff09");
+            }
+          } else if (nativePerm === "denied") {
+            results.push("\u2717 \u7cfb\u7edf\u901a\u77e5\uff08\u5df2\u62d2\u7edd\uff0c\u8bf7\u5728\u7cfb\u7edf\u8bbe\u7f6e\u4e2d\u5f00\u542f\uff09");
+          } else {
+            // "default" — request permission, then report
+            window._onNativePermissionResult = function(result) {
+              updateNotificationStatus();
+              if (result === "granted") {
+                try {
+                  WandNative.sendNotification("Wand \u6d4b\u8bd5\u901a\u77e5", "\u7cfb\u7edf\u901a\u77e5\u5df2\u6b63\u5e38\u5de5\u4f5c\u3002", "wand-test");
+                  results.push("\u2713 \u7cfb\u7edf\u901a\u77e5\uff08\u5df2\u6388\u6743\uff09");
+                } catch (_e2) {
+                  results.push("\u2717 \u7cfb\u7edf\u901a\u77e5\uff08\u53d1\u9001\u5931\u8d25\uff09");
+                }
+              } else {
+                results.push("\u2717 \u7cfb\u7edf\u901a\u77e5\uff08\u672a\u6388\u6743\uff09");
+              }
+              showTestResults(testMsgEl, results);
+              delete window._onNativePermissionResult;
+            };
+            try { WandNative.requestPermission(); } catch (_e) {}
+            return; // async — results shown in callback
+          }
+          showTestResults(testMsgEl, results);
+          return;
+        }
+
         if (typeof Notification === "undefined") {
-          results.push("\u2013 \u6d4f\u89c8\u5668\u901a\u77e5\uff08\u4e0d\u652f\u6301\uff09");
+          results.push("\u2013 \u7cfb\u7edf\u901a\u77e5\uff08\u4e0d\u652f\u6301\uff09");
           showTestResults(testMsgEl, results);
           return;
         }
@@ -5561,27 +6176,27 @@
         if (perm === "granted") {
           try {
             var n = new Notification("Wand \u6d4b\u8bd5\u901a\u77e5", {
-              body: "\u6d4f\u89c8\u5668\u901a\u77e5\u5df2\u6b63\u5e38\u5de5\u4f5c\u3002",
+              body: "\u7cfb\u7edf\u901a\u77e5\u5df2\u6b63\u5e38\u5de5\u4f5c\u3002",
               icon: "/favicon.ico",
               tag: "wand-test",
             });
             setTimeout(function() { n.close(); }, 5000);
-            results.push("\u2713 \u6d4f\u89c8\u5668\u901a\u77e5");
+            results.push("\u2713 \u7cfb\u7edf\u901a\u77e5");
           } catch (_e) {
-            results.push("\u2717 \u6d4f\u89c8\u5668\u901a\u77e5\uff08\u53d1\u9001\u5931\u8d25\uff0c\u53ef\u80fd\u9700\u8981 HTTPS\uff09");
+            results.push("\u2717 \u7cfb\u7edf\u901a\u77e5\uff08\u53d1\u9001\u5931\u8d25\uff0c\u53ef\u80fd\u9700\u8981 HTTPS\uff09");
           }
           showTestResults(testMsgEl, results);
         } else if (perm === "denied") {
-          results.push("\u2717 \u6d4f\u89c8\u5668\u901a\u77e5\uff08\u5df2\u62d2\u7edd\uff09");
+          results.push("\u2717 \u7cfb\u7edf\u901a\u77e5\uff08\u5df2\u62d2\u7edd\uff09");
           showTestResults(testMsgEl, results);
         } else {
           // "default" — try requesting
           Notification.requestPermission().then(function(result) {
             updateNotificationStatus();
             if (result === "granted") {
-              results.push("\u2713 \u6d4f\u89c8\u5668\u901a\u77e5\uff08\u5df2\u6388\u6743\uff09");
+              results.push("\u2713 \u7cfb\u7edf\u901a\u77e5\uff08\u5df2\u6388\u6743\uff09");
             } else {
-              results.push("\u2717 \u6d4f\u89c8\u5668\u901a\u77e5\uff08\u672a\u6388\u6743\uff09");
+              results.push("\u2717 \u7cfb\u7edf\u901a\u77e5\uff08\u672a\u6388\u6743\uff09");
             }
             showTestResults(testMsgEl, results);
           });
@@ -7837,6 +8452,13 @@
         resetInputPanelViewportSpacing();
         setTimeout(function() {
           window.scrollTo(0, 0);
+          // On mobile, force terminal refit + scroll after keyboard dismissal.
+          // The container height restores but xterm needs an explicit refit to
+          // fill the expanded space, and the scroll position needs resetting.
+          if (isTouchDevice()) {
+            ensureTerminalFit();
+            maybeScrollTerminalToBottom("force");
+          }
         }, 100);
       }
 
@@ -8562,6 +9184,15 @@
             syncInputBoxScroll(inputBox);
           }
 
+          // Keyboard just closed — force terminal refit and scroll to bottom
+          // after a delay so the keyboard dismiss animation and layout settle.
+          if (keyboardOpen && !isKeyboardOpen) {
+            setTimeout(function() {
+              ensureTerminalFit();
+              maybeScrollTerminalToBottom("force");
+            }, 200);
+          }
+
           keyboardOpen = isKeyboardOpen;
           lastHeight = vv.height;
         }
@@ -8666,6 +9297,11 @@
         }
         state.resizeHandler = function() { scheduleTerminalResize(true); };
         window.addEventListener("resize", state.resizeHandler);
+        // Also listen to visualViewport resize for pinch-zoom / browser zoom
+        if (window.visualViewport) {
+          state.visualViewportHandler = function() { scheduleTerminalResize(true); };
+          window.visualViewport.addEventListener("resize", state.visualViewportHandler);
+        }
         requestAnimationFrame(function() { scheduleTerminalResize(true); });
       }
 
@@ -8682,6 +9318,10 @@
           window.removeEventListener("resize", state.resizeHandler);
           state.resizeHandler = null;
         }
+        if (state.visualViewportHandler && window.visualViewport) {
+          window.visualViewport.removeEventListener("resize", state.visualViewportHandler);
+          state.visualViewportHandler = null;
+        }
         [["mousemove", "resizeMouseMove"], ["mouseup", "resizeMouseUp"],
          ["touchmove", "resizeTouchMove"], ["touchend", "resizeTouchEnd"]
         ].forEach(function(pair) {
@@ -8814,6 +9454,12 @@
         state.pollTimer = setInterval(refreshAll, 1600);
       }
 
+      // Periodically refresh session time displays (30s)
+      setInterval(function() {
+        var timeEls = document.querySelectorAll(".session-time");
+        if (timeEls.length > 0) scheduleSessionListUpdate();
+      }, 30000);
+
       function initWebSocket() {
         if (!window.WebSocket) return false;
 
@@ -8952,14 +9598,26 @@
               // Trigger status bar completion animation
               scheduleChatRender(true);
             }
-            // Notify user when a session completes (browser + in-app if backgrounded or not viewing)
+            // Notify user when a session completes — show what was accomplished
             var endedSession = state.sessions.find(function(s) { return s.id === msg.sessionId; });
-            var endedName = endedSession ? (endedSession.label || endedSession.command || msg.sessionId) : msg.sessionId;
             var endedExitCode = msg.data && msg.data.exitCode;
             var endedIsError = endedExitCode !== null && endedExitCode !== undefined && endedExitCode !== 0;
+            // Build meaningful notification body
+            var endedTaskSummary = endedSession ? (endedSession.summary || "") : "";
+            var endedLastReply = endedSession ? getLastAssistantSummary(endedSession) : "";
+            var endedNotifTitle = endedIsError ? "任务异常结束" : "任务已完成";
+            var endedNotifBody = "";
+            if (endedTaskSummary) {
+              endedNotifBody = endedTaskSummary;
+              if (endedLastReply && !endedIsError) {
+                endedNotifBody += "\n" + endedLastReply;
+              }
+            } else {
+              endedNotifBody = endedSession ? (endedSession.command || msg.sessionId) : msg.sessionId;
+            }
             sendBrowserNotification(
-              endedIsError ? "\u4f1a\u8bdd\u5f02\u5e38\u7ed3\u675f" : "\u4f1a\u8bdd\u5df2\u5b8c\u6210",
-              endedName,
+              endedNotifTitle,
+              endedNotifBody,
               {
                 tag: "wand-ended-" + msg.sessionId,
                 onClick: function() {
@@ -8969,8 +9627,8 @@
             );
             if (msg.sessionId !== state.selectedId || document.hidden) {
               showNotificationBubble({
-                title: endedIsError ? "\u4f1a\u8bdd\u5f02\u5e38\u7ed3\u675f" : "\u4f1a\u8bdd\u5df2\u5b8c\u6210",
-                body: endedName,
+                title: endedNotifTitle,
+                body: endedNotifBody,
                 type: endedIsError ? "warning" : "success",
                 icon: endedIsError ? "!" : "\u2713",
                 duration: 6000,
@@ -9052,6 +9710,8 @@
               state.currentTask = msg.data || null;
               updateTaskDisplay();
             }
+            // Update session list to reflect current activity (debounced)
+            scheduleSessionListUpdate();
             break;
           case 'status':
             if (msg.sessionId && msg.data) {
@@ -9087,10 +9747,18 @@
                 };
                 // Browser notification for permission waiting (background tab)
                 var permSession = state.sessions.find(function(s) { return s.id === msg.sessionId; });
-                var permSessionName = permSession ? (permSession.label || permSession.command || msg.sessionId) : msg.sessionId;
+                var permTaskName = permSession ? (permSession.summary || permSession.command || msg.sessionId) : msg.sessionId;
+                var permDetail = msg.data.permissionRequest.prompt || "需要权限审批";
+                var permTarget = msg.data.permissionRequest.target;
+                var permBody = permTaskName;
+                if (permTarget) {
+                  permBody += "\n" + permDetail + " · " + permTarget;
+                } else {
+                  permBody += "\n" + permDetail;
+                }
                 sendBrowserNotification(
-                  "\u4f1a\u8bdd\u7b49\u5f85\u6388\u6743",
-                  permSessionName + " \u2014 " + (msg.data.permissionRequest.prompt || "\u9700\u8981\u6743\u9650\u5ba1\u6279"),
+                  "需要你的授权",
+                  permBody,
                   {
                     tag: "wand-perm-" + msg.sessionId,
                     onClick: function() {
@@ -9103,12 +9771,12 @@
                 // In-app bubble if not currently viewing this session
                 if (msg.sessionId !== state.selectedId) {
                   showNotificationBubble({
-                    title: "\u4f1a\u8bdd\u7b49\u5f85\u6388\u6743",
-                    body: permSessionName + " \u2014 " + (msg.data.permissionRequest.prompt || "\u9700\u8981\u6743\u9650\u5ba1\u6279"),
+                    title: "需要你的授权",
+                    body: permBody,
                     type: "warning",
                     icon: "!",
                     duration: 0,
-                    actionLabel: "\u67e5\u770b",
+                    actionLabel: "去处理",
                     action: function() {
                       selectSession(msg.sessionId);
                     }
@@ -9542,9 +10210,9 @@
           return;
         }
 
-        var messages = state.currentMessages;
+        var allMessages = state.currentMessages;
 
-        if (messages.length === 0) {
+        if (allMessages.length === 0) {
           if (state.lastRenderedEmpty !== "empty") {
             renderChatEmptyState(chatOutput, '<div class="empty-state"><strong>对话已开始</strong><br>在下方输入框发送消息，Claude 会自动回复。</div>');
             state.lastRenderedEmpty = "empty";
@@ -9553,6 +10221,16 @@
           return;
         }
 
+        // Lazy loading: only render the most recent chatRenderedCount messages.
+        // Auto-expand when new messages arrive during active streaming to avoid hiding them.
+        var totalMsgCount = allMessages.length;
+        if (totalMsgCount > state.chatRenderedCount && state.chatAutoFollow) {
+          state.chatRenderedCount = totalMsgCount;
+        }
+        var visibleOffset = Math.max(0, totalMsgCount - state.chatRenderedCount);
+        var messages = visibleOffset > 0 ? allMessages.slice(visibleOffset) : allMessages;
+        var hasOlderMessages = visibleOffset > 0;
+
         // Check if messages actually changed
         var msgCount = messages.length;
         var outputHash = selectedSession.output ? selectedSession.output.length : 0;
@@ -9613,16 +10291,17 @@
           // Build HTML with system info cards interleaved
           var html = '';
           var reversedMessages = messages.slice().reverse();
-          var msgCount = messages.length;
+          var visibleCount = messages.length;
 
           for (var i = 0; i < reversedMessages.length; i++) {
             var msg = reversedMessages[i];
-            var originalIndex = msgCount - 1 - i; // Original index in messages array
+            var localIndex = visibleCount - 1 - i; // Index within visible slice
+            var originalIndex = localIndex + visibleOffset; // Index in full messages array
 
             // Find system info for this message position
             var sysInfo = null;
             for (var j = 0; j < systemInfo.length; j++) {
-              if (systemInfo[j].beforeMessage === originalIndex) {
+              if (systemInfo[j].beforeMessage === localIndex) {
                 sysInfo = systemInfo[j];
                 break;
               }
@@ -9642,6 +10321,13 @@
             html += renderChatMessage(msg, roundUsageByIndex[originalIndex] || null, originalIndex);
           }
 
+          // Add sentinel for loading older messages (DOM end = visual top in column-reverse)
+          if (hasOlderMessages) {
+            html += '<div class="chat-load-more" id="chat-load-more-sentinel">' +
+              '<button class="chat-load-more-btn" type="button">加载更早的 ' + Math.min(state.chatPageSize, visibleOffset) + ' 条消息</button>' +
+            '</div>';
+          }
+
           chatMessages.innerHTML = html;
           attachAllCopyHandlers(chatMessages);
           bindChatScrollListener();
@@ -9667,6 +10353,7 @@
           // Scroll to bottom (newest message) - column-reverse: scrollTop=0 is visual bottom
           requestAnimationFrame(function() {
             smartScrollToBottom(chatMessages);
+            observeLoadMoreSentinel();
           });
         }
 
@@ -9687,15 +10374,15 @@
           });
         }
 
-        // Pre-compute per-round cumulative usage.
+        // Pre-compute per-round cumulative usage using original (full array) indices.
         // 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];
+          for (var mi = 0; mi < allMessages.length; mi++) {
+            var m = allMessages[mi];
             if (m.role === "user") {
               if (lastAssistantIdx >= 0 && (acc.inputTokens > 0 || acc.outputTokens > 0 || acc.totalCostUsd > 0)) {
                 roundUsageByIndex[lastAssistantIdx] = {
@@ -9739,7 +10426,7 @@
           var insertedEls = [];
           for (var i = 0; i < newMessages.length; i++) {
             var div = document.createElement("div");
-            var nmOrigIdx = existingCount + (newMessages.length - 1 - i);
+            var nmOrigIdx = visibleOffset + existingCount + (newMessages.length - 1 - i);
             div.innerHTML = renderChatMessage(newMessages[i], roundUsageByIndex[nmOrigIdx] || null, nmOrigIdx);
             var el = div.firstElementChild;
             if (el) {
@@ -9771,7 +10458,7 @@
           for (var mi = 0; mi < MAX_STREAMING_SCAN; mi++) {
             var currentEl = existingEls[mi];
             var tmpWrap = document.createElement("div");
-            var srOrigIdx = reversedMessages.length - 1 - mi;
+            var srOrigIdx = visibleOffset + reversedMessages.length - 1 - mi;
             tmpWrap.innerHTML = renderChatMessage(reversedMessages[mi], roundUsageByIndex[srOrigIdx] || null, srOrigIdx);
             var replacementEl = tmpWrap.firstElementChild;
             if (!replacementEl) continue;
@@ -9817,7 +10504,7 @@
         renderStructuredStatusBar(chatMessages, selectedSession);
 
         // Update todo progress bar from latest messages
-        updateTodoProgress(messages);
+        updateTodoProgress(allMessages);
       }
 
       // Smart scroll: only auto-scroll if user is near bottom
@@ -10890,7 +11577,8 @@
         // Thinking card (deep thought) — from PTY parsing
         if (msg.role === "thinking") {
           var thinkingKey = buildExpandKey("thinking", [getMessageKey(msg, messageIndex), "pty"]);
-          var thinkingExpanded = getPersistedExpandState(thinkingKey) === true;
+          var thinkingPersisted = getPersistedExpandState(thinkingKey);
+          var thinkingExpanded = thinkingPersisted === null ? !!(state.config && state.config.cardDefaults && state.config.cardDefaults.thinking) : thinkingPersisted;
           return '<div class="chat-message thinking">' +
             '<div class="thinking-inline thinking-pty ' + (thinkingExpanded ? 'expanded' : 'collapsed') + '" data-expand-kind="thinking" data-expand-key="' + escapeHtml(thinkingKey) + '" data-thinking="" onclick="__thinkingToggle(this)">' +
               '<span class="thinking-inline-icon">⦿</span>' +
@@ -11028,7 +11716,7 @@
         var summaryText = parts.join(" · ");
         var groupKey = buildExpandKey("tool-group", [messageKey, items[0] && items[0].index, items.length]);
         var persistedExpanded = getPersistedExpandState(groupKey);
-        var shouldExpand = persistedExpanded === null ? false : persistedExpanded;
+        var shouldExpand = persistedExpanded === null ? !!(state.config && state.config.cardDefaults && state.config.cardDefaults.toolGroup) : persistedExpanded;
 
         // Render each item's inline-tool card
         var innerHtml = "";
@@ -11139,7 +11827,8 @@
               '</div>';
             }
             var thinkingKey = buildExpandKey("thinking", [messageKey, index]);
-            var thinkingExpanded = getPersistedExpandState(thinkingKey) === true;
+            var thinkingPersisted = getPersistedExpandState(thinkingKey);
+          var thinkingExpanded = thinkingPersisted === null ? !!(state.config && state.config.cardDefaults && state.config.cardDefaults.thinking) : thinkingPersisted;
             return '<div class="thinking-inline ' + (thinkingExpanded ? 'expanded' : 'collapsed') + '" data-expand-kind="thinking" data-expand-key="' + escapeHtml(thinkingKey) + '" data-thinking="' + escapeHtml(thinkingText) + '" onclick="__thinkingToggle(this)">' +
               '<span class="thinking-inline-icon">⦿</span>' +
               '<span class="thinking-inline-preview">' + escapeHtml(thinkingExpanded ? thinkingText : preview) + '</span>' +
@@ -11236,7 +11925,7 @@
         var fullResult = resultContent;
 
         var expandedHtml = "";
-        var shouldExpand = persistedExpanded === null ? false : persistedExpanded;
+        var shouldExpand = persistedExpanded === null ? !!(state.config && state.config.cardDefaults && state.config.cardDefaults.inlineTools) : persistedExpanded;
         if (hasResult) {
           expandedHtml = '<div class="inline-tool-expanded" style="display: ' + (shouldExpand ? 'block' : 'none') + ';">' +
             '<div class="inline-tool-result">' + formatInlineResult(resultContent, toolName) + '</div>' +
@@ -11248,16 +11937,23 @@
           expandedHtml = '<div class="inline-tool-expanded" style="display: ' + (shouldExpand ? 'block' : 'none') + ';"><div class="inline-tool-loading">等待响应…</div></div>';
         }
 
+        var isTruncated = toolResult && toolResult._truncated === true;
+
         var extraInfoHtml = meta ? '<span class="inline-tool-meta">' + escapeHtml(meta) + '</span>' : '';
         var extraClass = isError ? 'inline-tool-error-inline' : '';
         if (shouldExpand) extraClass += ' inline-tool-open';
 
+        var truncatedAttrs = isTruncated
+          ? 'data-truncated="true" data-tool-use-id="' + escapeHtml(block.id || "") + '" '
+          : '';
+
         return '<div class="inline-tool ' + extraClass + '" ' +
           'data-expand-kind="inline-tool" ' +
           'data-expand-key="' + escapeHtml(expandKey) + '" ' +
           'data-result="' + escapeHtml(fullResult) + '" ' +
           'data-preview="' + previewDataAttr + '" ' +
           'data-status="' + (isError ? 'error' : (hasResult ? 'done' : 'pending')) + '" ' +
+          truncatedAttrs +
           'onclick="__inlineToolToggle(this)">' +
           '<div class="inline-tool-row">' +
             '<span class="inline-tool-status">' + statusIcon + '</span>' +
@@ -11314,9 +12010,14 @@
 
         // Show command preview in header (truncate long commands)
         var cmdPreview = command.length > 80 ? command.slice(0, 77) + "…" : command;
-        var shouldExpand = persistedExpanded === null ? false : persistedExpanded;
+        var shouldExpand = persistedExpanded === null ? !!(state.config && state.config.cardDefaults && state.config.cardDefaults.terminal) : persistedExpanded;
 
-        return '<div class="inline-terminal" data-expand-kind="terminal" data-expand-key="' + escapeHtml(expandKey) + '" data-expanded="' + (shouldExpand ? 'true' : 'false') + '">' +
+        var termTruncated = toolResult && toolResult._truncated === true;
+        var termTruncAttrs = termTruncated
+          ? ' data-truncated="true" data-tool-use-id="' + escapeHtml(block.id || "") + '"'
+          : '';
+
+        return '<div class="inline-terminal" data-expand-kind="terminal" data-expand-key="' + escapeHtml(expandKey) + '" data-expanded="' + (shouldExpand ? 'true' : 'false') + '"' + termTruncAttrs + '>' +
           '<div class="term-header" onclick="__terminalExpand(this)">' +
             statusDot +
             '<span class="term-cmd-preview"><span class="term-prompt">$</span> ' + escapeHtml(cmdPreview) + '</span>' +
@@ -11596,10 +12297,12 @@
 
         var expandKey = buildExpandKey("tool-card", [messageKey, toolId]);
         var persistedExpanded = getPersistedExpandState(expandKey);
-        var shouldExpand = persistedExpanded === null ? statusClass === "loading" : persistedExpanded;
+        var cardDefaultExpand = !!(state.config && state.config.cardDefaults && state.config.cardDefaults.editCards);
+        var shouldExpand = persistedExpanded === null ? (statusClass === "loading" || cardDefaultExpand) : persistedExpanded;
+        var tcTruncated = toolResult && toolResult._truncated === true;
         var collapsedClass = shouldExpand ? "" : " collapsed";
         var toggleHtml = '<span class="tool-use-toggle">▼</span>';
-        return '<div class="tool-use-card ' + statusClass + collapsedClass + '" data-expand-kind="tool-card" data-expand-key="' + escapeHtml(expandKey) + '" data-tool-use-id="' + escapeHtml(toolId) + '">' +
+        return '<div class="tool-use-card ' + statusClass + collapsedClass + '" data-expand-kind="tool-card" data-expand-key="' + escapeHtml(expandKey) + '" data-tool-use-id="' + escapeHtml(toolId) + '"' + (tcTruncated ? ' data-truncated="true"' : '') + '>' +
           '<div class="tool-use-header" data-tool-toggle onclick="__tcToggle(event,this)">' +
             '<span class="tool-use-icon">' + headerIcon + '</span>' +
             '<span class="tool-use-name">' + escapeHtml(titleText) + '</span>' +
@@ -12059,7 +12762,7 @@
           '</div>';
 
         var bodyHtml = opts.body
-          ? '<div class="notification-bubble-body">' + escapeHtml(opts.body) + '</div>'
+          ? '<div class="notification-bubble-body">' + escapeHtml(opts.body).replace(/\n/g, '<br>') + '</div>'
           : '';
 
         var actionsHtml = opts.actionLabel
@@ -12125,13 +12828,43 @@
 
       // ── Browser Notification API ──
 
+      // Detect Android APK native bridge
+      var _hasNativeBridge = typeof WandNative !== "undefined" && typeof WandNative.sendNotification === "function";
+      // Detect if running inside APK and extract installed version from User-Agent
+      var _apkVersionMatch = navigator.userAgent.match(/WandApp\/([^\s]+)/);
+      var _apkVersion = _apkVersionMatch ? _apkVersionMatch[1] : null;
+
+      function _getNativePermission() {
+        if (_hasNativeBridge && typeof WandNative.getPermission === "function") {
+          try { return WandNative.getPermission(); } catch (_e) {}
+        }
+        return null;
+      }
+
       function requestNotificationPermission() {
+        if (_hasNativeBridge) {
+          var perm = _getNativePermission();
+          if (perm === "default" || perm === "denied") {
+            try { WandNative.requestPermission(); } catch (_e) {}
+          }
+          return;
+        }
         if (typeof Notification !== "undefined" && Notification.permission === "default") {
           Notification.requestPermission();
         }
       }
 
       function sendBrowserNotification(title, body, opts) {
+        // Native Android bridge path
+        if (_hasNativeBridge) {
+          var perm = _getNativePermission();
+          if (perm !== "granted") return;
+          try {
+            WandNative.sendNotification(title || "Wand", body || "", (opts && opts.tag) || "");
+          } catch (_e) {}
+          return;
+        }
+        // Browser Notification API path
         if (typeof Notification === "undefined" || Notification.permission !== "granted") return;
         if (!document.hidden) return; // Only notify when tab is in background
         try {