@co0ontty/wand 1.25.3 → 1.26.0

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

@@ -195,7 +195,21 @@
         quickCommitSubmitting: false,
         quickCommitGenerating: false,
         quickCommitError: "",
-        quickCommitForm: { autoMessage: false, customMessage: "", makeTag: false, tag: "", push: false },
+        // primaryAction: "commit" (commit only, no push) or "commit-push" (commit then push).
+        // Whether the commit is also tagged is controlled by `makeTag` independently —
+        // that keeps "commit + tag, push later" possible.
+        quickCommitForm: { customMessage: "", makeTag: false, tag: "", primaryAction: "commit" },
+        quickCommitActionMenuOpen: false,
+        // Secondary "tag the existing HEAD" panel (inline drawer).
+        quickCommitTagHeadOpen: false,
+        quickCommitTagHeadForm: { tag: "", push: false },
+        quickCommitTagHeadSubmitting: false,
+        quickCommitTagHeadGenerating: false,
+        quickCommitTagHeadError: "",
+        // Secondary "push only" controls.
+        quickCommitPushMenuOpen: false,
+        quickCommitPushing: false,
+        quickCommitPushError: "",
         // Telegram 风格的"贴底"状态：true = 用户当前贴在底部，新消息会自然出现；
         // false = 用户向上滚了，未读会累积到气泡里，不会自动滚他们的视图。
         chatStickToBottom: true,
@@ -1777,13 +1791,40 @@
       }
 
       var quickCommitEscHandler = null;
+      var quickCommitDocClickHandler = null;
+
+      // Restore the user's last "primary action" choice so the split button feels sticky.
+      function readSavedPrimaryAction() {
+        try {
+          var v = localStorage.getItem("wand.quickCommit.primaryAction");
+          if (v === "commit" || v === "commit-push") return v;
+        } catch (e) { /* localStorage may be blocked */ }
+        return "commit";
+      }
+      function savePrimaryAction(value) {
+        try { localStorage.setItem("wand.quickCommit.primaryAction", value); } catch (e) { /* no-op */ }
+      }
 
       function openQuickCommitModal() {
         if (!state.selectedId) return;
         state.quickCommitOpen = true;
         state.quickCommitSubmitting = false;
         state.quickCommitError = "";
-        state.quickCommitForm = { autoMessage: false, customMessage: "", makeTag: false, tag: "", push: false };
+        state.quickCommitForm = {
+          customMessage: "",
+          makeTag: false,
+          tag: "",
+          primaryAction: readSavedPrimaryAction(),
+        };
+        state.quickCommitActionMenuOpen = false;
+        state.quickCommitTagHeadOpen = false;
+        state.quickCommitTagHeadForm = { tag: "", push: false };
+        state.quickCommitTagHeadSubmitting = false;
+        state.quickCommitTagHeadGenerating = false;
+        state.quickCommitTagHeadError = "";
+        state.quickCommitPushMenuOpen = false;
+        state.quickCommitPushing = false;
+        state.quickCommitPushError = "";
         closeWorktreeMergeModal();
         closeSessionModal();
         closeSettingsModal();
@@ -1796,11 +1837,37 @@
         }
         if (quickCommitEscHandler) document.removeEventListener("keydown", quickCommitEscHandler);
         quickCommitEscHandler = function(e) {
-          if (e.key === "Escape" && state.quickCommitOpen && !state.quickCommitSubmitting) {
+          if (e.key === "Escape" && state.quickCommitOpen && !state.quickCommitSubmitting && !state.quickCommitTagHeadSubmitting && !state.quickCommitPushing) {
+            // First Esc closes any open dropdown; second closes the modal.
+            if (state.quickCommitActionMenuOpen || state.quickCommitPushMenuOpen || state.quickCommitTagHeadOpen) {
+              state.quickCommitActionMenuOpen = false;
+              state.quickCommitPushMenuOpen = false;
+              state.quickCommitTagHeadOpen = false;
+              rerenderQuickCommitModal();
+              return;
+            }
             closeQuickCommitModal();
           }
         };
         document.addEventListener("keydown", quickCommitEscHandler);
+        if (quickCommitDocClickHandler) document.removeEventListener("click", quickCommitDocClickHandler, true);
+        quickCommitDocClickHandler = function(e) {
+          if (!state.quickCommitOpen) return;
+          var modalEl = document.getElementById("quick-commit-modal");
+          if (!modalEl) return;
+          var anyMenuOpen = state.quickCommitActionMenuOpen || state.quickCommitPushMenuOpen;
+          if (!anyMenuOpen) return;
+          // Click on the toggle itself? leave it to the toggle handler.
+          var t = e.target;
+          while (t && t !== modalEl) {
+            if (t.dataset && (t.dataset.qcDropdownToggle || t.dataset.qcDropdownMenu)) return;
+            t = t.parentNode;
+          }
+          state.quickCommitActionMenuOpen = false;
+          state.quickCommitPushMenuOpen = false;
+          rerenderQuickCommitModal();
+        };
+        document.addEventListener("click", quickCommitDocClickHandler, true);
         loadGitStatus(state.selectedId, { force: true }).then(function() {
           if (!state.quickCommitOpen) return;
           rerenderQuickCommitModal();
@@ -1811,6 +1878,9 @@
         state.quickCommitOpen = false;
         state.quickCommitSubmitting = false;
         state.quickCommitError = "";
+        state.quickCommitActionMenuOpen = false;
+        state.quickCommitPushMenuOpen = false;
+        state.quickCommitTagHeadOpen = false;
         var modal = document.getElementById("quick-commit-modal");
         if (modal) modal.classList.add("hidden");
         if (focusTrapHandler) {
@@ -1821,6 +1891,10 @@
           document.removeEventListener("keydown", quickCommitEscHandler);
           quickCommitEscHandler = null;
         }
+        if (quickCommitDocClickHandler) {
+          document.removeEventListener("click", quickCommitDocClickHandler, true);
+          quickCommitDocClickHandler = null;
+        }
         if (lastFocusedElement && typeof lastFocusedElement.focus === "function") {
           lastFocusedElement.focus();
         }
@@ -1843,6 +1917,8 @@
         if (closeBtn) closeBtn.addEventListener("click", closeQuickCommitModal);
         var cancelBtn = document.getElementById("quick-commit-cancel-btn");
         if (cancelBtn) cancelBtn.addEventListener("click", closeQuickCommitModal);
+
+        // ── Section 1: commit form ──
         var submitBtn = document.getElementById("quick-commit-submit-btn");
         if (submitBtn) submitBtn.addEventListener("click", submitQuickCommit);
         var aiBtn = document.getElementById("quick-commit-ai-btn");
@@ -1861,10 +1937,102 @@
         if (tagInput) tagInput.addEventListener("input", function() {
           state.quickCommitForm.tag = tagInput.value;
         });
-        var pushCb = document.getElementById("quick-commit-push");
-        if (pushCb) pushCb.addEventListener("change", function() {
-          state.quickCommitForm.push = pushCb.checked;
+
+        // ── Primary action split-button (caret + dropdown) ──
+        var actionCaret = document.getElementById("quick-commit-action-caret");
+        if (actionCaret) actionCaret.addEventListener("click", function(e) {
+          e.stopPropagation();
+          state.quickCommitActionMenuOpen = !state.quickCommitActionMenuOpen;
+          state.quickCommitPushMenuOpen = false;
+          rerenderQuickCommitModal();
+        });
+        var actionMenu = document.getElementById("quick-commit-action-menu");
+        if (actionMenu) {
+          var actionItems = actionMenu.querySelectorAll("[data-qc-action]");
+          for (var i = 0; i < actionItems.length; i++) {
+            (function(btn) {
+              btn.addEventListener("click", function() {
+                var value = btn.getAttribute("data-qc-action");
+                if (value === "commit" || value === "commit-push") {
+                  state.quickCommitForm.primaryAction = value;
+                  savePrimaryAction(value);
+                }
+                state.quickCommitActionMenuOpen = false;
+                rerenderQuickCommitModal();
+              });
+            })(actionItems[i]);
+          }
+        }
+
+        // ── Section 2: Tag HEAD inline panel ──
+        var tagHeadToggle = document.getElementById("quick-commit-tag-head-toggle");
+        if (tagHeadToggle) tagHeadToggle.addEventListener("click", function() {
+          state.quickCommitTagHeadOpen = !state.quickCommitTagHeadOpen;
+          if (state.quickCommitTagHeadOpen) {
+            state.quickCommitTagHeadError = "";
+          }
+          rerenderQuickCommitModal();
+          if (state.quickCommitTagHeadOpen) {
+            var inp = document.getElementById("quick-commit-tag-head-input");
+            if (inp) inp.focus();
+          }
         });
+        var tagHeadCancel = document.getElementById("quick-commit-tag-head-cancel");
+        if (tagHeadCancel) tagHeadCancel.addEventListener("click", function() {
+          state.quickCommitTagHeadOpen = false;
+          state.quickCommitTagHeadError = "";
+          rerenderQuickCommitModal();
+        });
+        var tagHeadInput = document.getElementById("quick-commit-tag-head-input");
+        if (tagHeadInput) {
+          tagHeadInput.addEventListener("input", function() {
+            state.quickCommitTagHeadForm.tag = tagHeadInput.value;
+          });
+          tagHeadInput.addEventListener("keydown", function(e) {
+            if (e.key === "Enter") {
+              e.preventDefault();
+              submitTagHead(false);
+            }
+          });
+        }
+        var tagHeadAi = document.getElementById("quick-commit-tag-head-ai");
+        if (tagHeadAi) tagHeadAi.addEventListener("click", generateTagHeadAI);
+        var tagHeadPushCb = document.getElementById("quick-commit-tag-head-push");
+        if (tagHeadPushCb) tagHeadPushCb.addEventListener("change", function() {
+          state.quickCommitTagHeadForm.push = tagHeadPushCb.checked;
+        });
+        var tagHeadSubmit = document.getElementById("quick-commit-tag-head-submit");
+        if (tagHeadSubmit) tagHeadSubmit.addEventListener("click", function() {
+          submitTagHead(false);
+        });
+
+        // ── Section 2: Push split-button ──
+        var pushBtn = document.getElementById("quick-commit-push-btn");
+        if (pushBtn) pushBtn.addEventListener("click", function() {
+          submitPushOnly({ pushCommits: true, pushTags: false });
+        });
+        var pushCaret = document.getElementById("quick-commit-push-caret");
+        if (pushCaret) pushCaret.addEventListener("click", function(e) {
+          e.stopPropagation();
+          state.quickCommitPushMenuOpen = !state.quickCommitPushMenuOpen;
+          state.quickCommitActionMenuOpen = false;
+          rerenderQuickCommitModal();
+        });
+        var pushMenu = document.getElementById("quick-commit-push-menu");
+        if (pushMenu) {
+          var pushItems = pushMenu.querySelectorAll("[data-qc-push]");
+          for (var j = 0; j < pushItems.length; j++) {
+            (function(btn) {
+              btn.addEventListener("click", function() {
+                var value = btn.getAttribute("data-qc-push");
+                state.quickCommitPushMenuOpen = false;
+                if (value === "commits") submitPushOnly({ pushCommits: true, pushTags: false });
+                else if (value === "tags") submitPushOnly({ pushCommits: false, pushTags: true });
+                else if (value === "both") submitPushOnly({ pushCommits: true, pushTags: true });
+              });
+            })(pushItems[j]);
+          }
+        }
       }
 
       function generateCommitMessageAI() {
@@ -1925,13 +2093,14 @@
           rerenderQuickCommitModal();
           return;
         }
+        var willPush = form.primaryAction === "commit-push";
         // 开了 tag 开关但没填 → 由后端在提交时调 AI 生成
         var payload = {
           autoMessage: false,
           customMessage: message,
           tag: userTag,
           autoTag: !!(form.makeTag && !userTag),
-          push: !!form.push
+          push: willPush
         };
         state.quickCommitSubmitting = true;
         state.quickCommitError = "";
@@ -1951,8 +2120,7 @@
             var hash = data.commit && data.commit.hash ? data.commit.hash.substring(0, 7) : "";
             var tagName = data.tag && data.tag.name ? data.tag.name : "";
             var base = "已提交" + (hash ? " " + hash : "") + (tagName ? "，已打 tag " + tagName : "");
-            var pushRequested = !!payload.push;
-            if (pushRequested && data.pushError) {
+            if (willPush && data.pushError) {
               var msg = base + "；push 失败：" + data.pushError;
               if (typeof showToast === "function") showToast(msg, "error");
             } else {
@@ -1971,13 +2139,137 @@
           });
       }
 
-      function renderQuickCommitModal() {
-        var s = state.gitStatus || {};
-        var f = state.quickCommitForm || { autoMessage: false, customMessage: "", makeTag: false, tag: "", push: false };
-        var langValue = (state.config && (state.config.language || "")) || "";
-        var langLabel = langValue ? langValue : "中文";
-        var files = Array.isArray(s.files) ? s.files : [];
-        var fileRows = files.map(function(item) {
+      // ── AI generate a tag for the existing HEAD (no commit involved) ──
+      function generateTagHeadAI() {
+        if (!state.selectedId || state.quickCommitTagHeadGenerating) return;
+        var inp = document.getElementById("quick-commit-tag-head-input");
+        if (inp) state.quickCommitTagHeadForm.tag = inp.value;
+        state.quickCommitTagHeadGenerating = true;
+        state.quickCommitTagHeadError = "";
+        rerenderQuickCommitModal();
+        // Reuse the existing generator — it stages and asks for {message, tag}.
+        // We only consume `suggestedTag` here.
+        fetch("/api/sessions/" + encodeURIComponent(state.selectedId) + "/generate-commit-message", {
+          method: "POST",
+          credentials: "same-origin",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({})
+        })
+          .then(function(res) { return res.json().then(function(data) { return { ok: res.ok, data: data }; }); })
+          .then(function(result) {
+            if (!result.ok) throw new Error((result.data && result.data.error) || "AI 生成失败。");
+            var aiTag = (result.data && typeof result.data.suggestedTag === "string") ? result.data.suggestedTag.trim() : "";
+            var currentTag = (state.quickCommitTagHeadForm.tag || "").trim();
+            if (!currentTag && aiTag) {
+              state.quickCommitTagHeadForm.tag = aiTag;
+            } else if (!aiTag) {
+              throw new Error("AI 没有给出 tag 建议。");
+            }
+          })
+          .catch(function(error) {
+            state.quickCommitTagHeadError = (error && error.message) || "AI 生成失败。";
+          })
+          .finally(function() {
+            state.quickCommitTagHeadGenerating = false;
+            if (state.quickCommitOpen) rerenderQuickCommitModal();
+          });
+      }
+
+      // Tag the existing HEAD without making a new commit.
+      function submitTagHead(silent) {
+        if (!state.selectedId || state.quickCommitTagHeadSubmitting) return;
+        var inp = document.getElementById("quick-commit-tag-head-input");
+        if (inp) state.quickCommitTagHeadForm.tag = inp.value;
+        var tag = (state.quickCommitTagHeadForm.tag || "").trim();
+        if (!tag) {
+          state.quickCommitTagHeadError = "请填写 tag 名称，或点击 AI 建议。";
+          rerenderQuickCommitModal();
+          return;
+        }
+        state.quickCommitTagHeadSubmitting = true;
+        state.quickCommitTagHeadError = "";
+        rerenderQuickCommitModal();
+        fetch("/api/sessions/" + encodeURIComponent(state.selectedId) + "/git/tag-head", {
+          method: "POST",
+          credentials: "same-origin",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ tag: tag, push: !!state.quickCommitTagHeadForm.push })
+        })
+          .then(function(res) { return res.json().then(function(data) { return { ok: res.ok, data: data }; }); })
+          .then(function(result) {
+            if (!result.ok) throw new Error((result.data && result.data.error) || "打 tag 失败。");
+            var data = result.data || {};
+            var name = data.tag && data.tag.name ? data.tag.name : tag;
+            var pushed = !!data.pushed;
+            var pushErr = data.pushError;
+            var base = "已为 HEAD 打 tag " + name;
+            if (state.quickCommitTagHeadForm.push && pushErr) {
+              if (typeof showToast === "function") showToast(base + "；push tag 失败：" + pushErr, "error");
+            } else {
+              if (typeof showToast === "function") showToast(base + (pushed ? "，已 push" : ""), "success");
+            }
+            state.quickCommitTagHeadOpen = false;
+            state.quickCommitTagHeadForm = { tag: "", push: false };
+            if (state.selectedId) loadGitStatus(state.selectedId, { force: true }).then(function() {
+              if (state.quickCommitOpen) rerenderQuickCommitModal();
+            });
+          })
+          .catch(function(error) {
+            state.quickCommitTagHeadError = (error && error.message) || "打 tag 失败。";
+          })
+          .finally(function() {
+            state.quickCommitTagHeadSubmitting = false;
+            if (state.quickCommitOpen) rerenderQuickCommitModal();
+          });
+      }
+
+      // Push without committing.
+      function submitPushOnly(opts) {
+        if (!state.selectedId || state.quickCommitPushing) return;
+        var pushCommits = !!(opts && opts.pushCommits);
+        var pushTags = !!(opts && opts.pushTags);
+        if (!pushCommits && !pushTags) return;
+        state.quickCommitPushing = true;
+        state.quickCommitPushError = "";
+        rerenderQuickCommitModal();
+        fetch("/api/sessions/" + encodeURIComponent(state.selectedId) + "/git/push", {
+          method: "POST",
+          credentials: "same-origin",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ pushCommits: pushCommits, pushTags: pushTags })
+        })
+          .then(function(res) { return res.json().then(function(data) { return { ok: res.ok, data: data }; }); })
+          .then(function(result) {
+            var data = result.data || {};
+            if (!result.ok) throw new Error((data && data.error) || "推送失败。");
+            // Backend marks `ok: false` on partial failure but still returns 200 — surface error toast.
+            if (data.error) {
+              state.quickCommitPushError = data.error;
+              if (typeof showToast === "function") showToast("推送失败：" + data.error, "error");
+              return;
+            }
+            var parts = [];
+            if (data.pushedCommits) parts.push("commits");
+            if (data.pushedTags) parts.push("tags");
+            var label = parts.length ? parts.join(" 和 ") : "（无内容）";
+            if (typeof showToast === "function") showToast("已推送 " + label, "success");
+            if (state.selectedId) loadGitStatus(state.selectedId, { force: true }).then(function() {
+              if (state.quickCommitOpen) rerenderQuickCommitModal();
+            });
+          })
+          .catch(function(error) {
+            state.quickCommitPushError = (error && error.message) || "推送失败。";
+            if (typeof showToast === "function") showToast(state.quickCommitPushError, "error");
+          })
+          .finally(function() {
+            state.quickCommitPushing = false;
+            if (state.quickCommitOpen) rerenderQuickCommitModal();
+          });
+      }
+
+      // Build the file list portion of the modal.
+      function renderQuickCommitFileRows(files) {
+        var rows = files.map(function(item) {
           var status = (item.status || "  ").substring(0, 2);
           var flag = status.trim() || "?";
           var cls = "qc-flag";
@@ -1998,48 +2290,208 @@
           }
           return '<div class="qc-file-row"><span class="' + cls + '">' + escapeHtml(status) + '</span><span class="qc-file-path">' + escapeHtml(item.path || "") + '</span>' + subBadge + '</div>';
         }).join("");
-        if (!fileRows) fileRows = '<div class="qc-empty">工作区干净，没有可提交的改动。</div>';
+        return rows || '<div class="qc-empty">没有可提交的改动。</div>';
+      }
+
+      // Primary action button label / icon.
+      function renderQuickCommitPrimary(hasChanges) {
+        var f = state.quickCommitForm;
+        var label;
+        if (state.quickCommitSubmitting) label = "提交中…";
+        else if (f.primaryAction === "commit-push") label = "提交并 push";
+        else label = "仅提交";
+        var disabled = !hasChanges || state.quickCommitSubmitting || state.quickCommitTagHeadSubmitting || state.quickCommitPushing;
+        var caretActive = state.quickCommitActionMenuOpen ? " is-active" : "";
+        var menuItems = [
+          { value: "commit", label: "仅提交", desc: "只 commit，不 push" },
+          { value: "commit-push", label: "提交并 push", desc: "commit 后立即 push 到远端" }
+        ];
+        var menuHtml = menuItems.map(function(item) {
+          var sel = f.primaryAction === item.value ? " is-selected" : "";
+          return '<button type="button" class="qc-dropdown-item' + sel + '" data-qc-action="' + item.value + '">' +
+            '<span class="qc-dropdown-item-title">' + escapeHtml(item.label) + '</span>' +
+            '<span class="qc-dropdown-item-desc">' + escapeHtml(item.desc) + '</span>' +
+            '</button>';
+        }).join("");
+        return '<div class="qc-split-button">' +
+          '<button id="quick-commit-submit-btn" class="btn btn-primary qc-split-main" type="button"' + (disabled ? ' disabled' : '') + '>' +
+            escapeHtml(label) +
+          '</button>' +
+          '<button id="quick-commit-action-caret" class="btn btn-primary qc-split-caret' + caretActive + '" type="button" data-qc-dropdown-toggle="action"' + (disabled ? ' disabled' : '') + ' aria-haspopup="menu" aria-expanded="' + (state.quickCommitActionMenuOpen ? 'true' : 'false') + '" aria-label="更多提交方式">' +
+            '<svg viewBox="0 0 12 12" width="10" height="10" aria-hidden="true"><path d="M2 4l4 4 4-4" stroke="currentColor" stroke-width="1.6" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>' +
+          '</button>' +
+          (state.quickCommitActionMenuOpen ?
+            '<div id="quick-commit-action-menu" class="qc-dropdown-menu" data-qc-dropdown-menu="action" role="menu">' + menuHtml + '</div>' : '') +
+          '</div>';
+      }
+
+      // Status chips (ahead/behind/unpushed tags) under the HEAD card.
+      function renderQuickCommitStatusChips(s) {
+        var chips = [];
+        if (typeof s.ahead === "number" && s.ahead > 0) {
+          chips.push('<span class="qc-chip qc-chip--ahead" title="本地领先 ' + s.ahead + ' 个 commit">↑ ' + s.ahead + ' 待推送</span>');
+        }
+        if (typeof s.behind === "number" && s.behind > 0) {
+          chips.push('<span class="qc-chip qc-chip--behind" title="远端领先 ' + s.behind + ' 个 commit">↓ ' + s.behind + ' 待拉取</span>');
+        }
+        if (typeof s.unpushedTagCount === "number" && s.unpushedTagCount > 0) {
+          chips.push('<span class="qc-chip qc-chip--tag" title="' + s.unpushedTagCount + ' 个本地 tag 未推送">🏷 ' + s.unpushedTagCount + ' 待推送</span>');
+        }
+        if (s.hasUpstream === false) {
+          chips.push('<span class="qc-chip qc-chip--warn" title="当前分支没有 upstream，将首次推送时自动设置">无 upstream</span>');
+        }
+        if (!chips.length && s.hasUpstream !== false) {
+          chips.push('<span class="qc-chip qc-chip--clean">与远端同步</span>');
+        }
+        return '<div class="qc-status-chips">' + chips.join("") + '</div>';
+      }
+
+      // Inline "tag HEAD" drawer rendering.
+      function renderQuickCommitTagHeadPanel() {
+        var thf = state.quickCommitTagHeadForm || { tag: "", push: false };
+        var submitting = state.quickCommitTagHeadSubmitting;
+        var generating = state.quickCommitTagHeadGenerating;
+        return '<div class="qc-tag-head-panel">' +
+          '<div class="qc-tag-head-row">' +
+            '<input type="text" id="quick-commit-tag-head-input" class="field-input" placeholder="输入 tag 名（例如 v1.2.0），或点 AI 建议" value="' + escapeHtml(thf.tag || "") + '"' + (submitting ? ' disabled' : '') + '>' +
+            '<button type="button" id="quick-commit-tag-head-ai" class="btn btn-ghost btn-sm"' + (generating || submitting ? ' disabled' : '') + '>' + (generating ? '建议中…' : 'AI 建议') + '</button>' +
+          '</div>' +
+          '<label class="qc-tag-head-push">' +
+            '<input type="checkbox" id="quick-commit-tag-head-push"' + (thf.push ? ' checked' : '') + (submitting ? ' disabled' : '') + '>' +
+            '<span>打完 tag 立即推送这个 tag</span>' +
+          '</label>' +
+          (state.quickCommitTagHeadError ? '<p class="error-message">' + escapeHtml(state.quickCommitTagHeadError) + '</p>' : '') +
+          '<div class="qc-tag-head-actions">' +
+            '<button type="button" id="quick-commit-tag-head-cancel" class="btn btn-ghost btn-sm"' + (submitting ? ' disabled' : '') + '>收起</button>' +
+            '<button type="button" id="quick-commit-tag-head-submit" class="btn btn-secondary btn-sm"' + (submitting ? ' disabled' : '') + '>' + (submitting ? '打 tag 中…' : '为 HEAD 打 tag') + '</button>' +
+          '</div>' +
+        '</div>';
+      }
+
+      // Push split-button on the secondary row.
+      function renderQuickCommitPushButton(s) {
+        var ahead = typeof s.ahead === "number" ? s.ahead : 0;
+        var unpushedTags = typeof s.unpushedTagCount === "number" ? s.unpushedTagCount : 0;
+        var canPushCommits = ahead > 0 || s.hasUpstream === false; // first-push lets you set upstream
+        var canPushTags = unpushedTags > 0;
+        // Allow pushing commits even without ahead info (e.g. ls-remote unreachable) — backend will report.
+        if (typeof s.ahead !== "number" && s.hasUpstream !== false) canPushCommits = true;
+        if (typeof s.unpushedTagCount !== "number") canPushTags = true; // unknown — let user try
+        var disabled = state.quickCommitPushing || state.quickCommitSubmitting || state.quickCommitTagHeadSubmitting || (!canPushCommits && !canPushTags);
+        var mainLabel = state.quickCommitPushing ? "推送中…" : "推送";
+        var caretActive = state.quickCommitPushMenuOpen ? " is-active" : "";
+        var items = [];
+        items.push({ value: "commits", label: "推送 commits", desc: ahead ? "推送 " + ahead + " 个 commit" : "推送当前分支", disabled: !canPushCommits });
+        items.push({ value: "tags", label: "推送 tags", desc: unpushedTags ? "推送 " + unpushedTags + " 个本地 tag" : "推送所有本地 tag", disabled: !canPushTags });
+        items.push({ value: "both", label: "推送 commits 和 tags", desc: "二合一", disabled: !(canPushCommits || canPushTags) });
+        var menuHtml = items.map(function(it) {
+          var dis = it.disabled ? " is-disabled" : "";
+          return '<button type="button" class="qc-dropdown-item' + dis + '" data-qc-push="' + it.value + '"' + (it.disabled ? ' disabled' : '') + '>' +
+            '<span class="qc-dropdown-item-title">' + escapeHtml(it.label) + '</span>' +
+            '<span class="qc-dropdown-item-desc">' + escapeHtml(it.desc) + '</span>' +
+            '</button>';
+        }).join("");
+        return '<div class="qc-split-button qc-split-button--secondary">' +
+          '<button id="quick-commit-push-btn" class="btn btn-secondary qc-split-main" type="button"' + (disabled ? ' disabled' : '') + '>' +
+            escapeHtml(mainLabel) +
+          '</button>' +
+          '<button id="quick-commit-push-caret" class="btn btn-secondary qc-split-caret' + caretActive + '" type="button" data-qc-dropdown-toggle="push"' + (disabled ? ' disabled' : '') + ' aria-haspopup="menu" aria-expanded="' + (state.quickCommitPushMenuOpen ? 'true' : 'false') + '" aria-label="更多推送方式">' +
+            '<svg viewBox="0 0 12 12" width="10" height="10" aria-hidden="true"><path d="M2 4l4 4 4-4" stroke="currentColor" stroke-width="1.6" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>' +
+          '</button>' +
+          (state.quickCommitPushMenuOpen ?
+            '<div id="quick-commit-push-menu" class="qc-dropdown-menu qc-dropdown-menu--right" data-qc-dropdown-menu="push" role="menu">' + menuHtml + '</div>' : '') +
+          '</div>';
+      }
+
+      function renderQuickCommitModal() {
+        var s = state.gitStatus || {};
+        var f = state.quickCommitForm || { customMessage: "", makeTag: false, tag: "", primaryAction: "commit" };
         var hasChanges = (s.modifiedCount || 0) > 0;
+        var files = Array.isArray(s.files) ? s.files : [];
+        var fileRows = renderQuickCommitFileRows(files);
+
+        // Subtitle: branch · N 改动 · ↑X ↓Y
+        var subParts = [];
+        subParts.push(s.branch || "(no branch)");
+        subParts.push((s.modifiedCount || 0) + " 个改动");
+        if (typeof s.ahead === "number" && s.ahead > 0) subParts.push("↑" + s.ahead);
+        if (typeof s.behind === "number" && s.behind > 0) subParts.push("↓" + s.behind);
+
+        // Section 1: changes + commit form (only when there are changes)
+        var section1 = "";
+        if (hasChanges) {
+          section1 = '<section class="qc-section qc-section--changes">' +
+            '<div class="qc-section-head"><span class="qc-section-title">暂存改动</span><span class="qc-section-meta">' + escapeHtml(s.modifiedCount + " 个文件") + '</span></div>' +
+            '<div class="qc-files-wrap">' + fileRows + '</div>' +
+            '<div class="qc-message-row" id="quick-commit-message-row">' +
+              '<div class="qc-message-header"><label class="field-label" for="quick-commit-message">commit message</label>' +
+                '<button type="button" id="quick-commit-ai-btn" class="btn btn-ghost btn-sm"' + (state.quickCommitGenerating ? ' disabled' : '') + '>' + (state.quickCommitGenerating ? '生成中…' : 'AI 生成') + '</button>' +
+              '</div>' +
+              '<textarea id="quick-commit-message" class="field-input" rows="2" placeholder="输入 commit message 或点击 AI 生成"' + (state.quickCommitSubmitting ? ' disabled' : '') + '>' + escapeHtml(f.customMessage || "") + '</textarea>' +
+            '</div>' +
+            '<div class="qc-checkbox-row">' +
+              '<label class="qc-checkbox-label" for="quick-commit-make-tag">同时为本次 commit 打 tag</label>' +
+              '<label class="qc-switch">' +
+                '<input type="checkbox" id="quick-commit-make-tag" class="switch-toggle"' + (f.makeTag ? ' checked' : '') + '>' +
+                '<span class="switch-slider"></span>' +
+              '</label>' +
+            '</div>' +
+            '<div class="qc-tag-row' + (f.makeTag ? '' : ' hidden') + '" id="quick-commit-tag-row">' +
+              '<input type="text" id="quick-commit-tag" class="field-input" placeholder="输入 tag 名称；留空将由 AI 在提交时自动生成" value="' + escapeHtml(f.tag || "") + '"' + (state.quickCommitSubmitting ? ' disabled' : '') + '>' +
+            '</div>' +
+            (state.quickCommitError ? '<p class="error-message">' + escapeHtml(state.quickCommitError) + '</p>' : '') +
+            '<div class="qc-section-actions">' +
+              '<button id="quick-commit-cancel-btn" class="btn btn-ghost btn-sm" type="button">取消</button>' +
+              renderQuickCommitPrimary(hasChanges) +
+            '</div>' +
+          '</section>';
+        } else {
+          section1 = '<section class="qc-section qc-section--empty">' +
+            '<div class="qc-empty-state">' +
+              '<span class="qc-empty-icon">✓</span>' +
+              '<div><div class="qc-empty-title">工作区干净</div><div class="qc-empty-sub">没有暂存改动可提交。仍可在下方为 HEAD 打 tag 或推送。</div></div>' +
+            '</div>' +
+          '</section>';
+        }
+
+        // Section 2: repo status + secondary actions (always show when there's at least one commit)
+        var section2 = "";
+        if (!s.initialCommit && s.isGit !== false) {
+          var lc = s.lastCommit || {};
+          var headLine = lc.shortHash ? lc.shortHash + " · " + (lc.subject || "") : (s.head ? s.head.substring(0, 7) : "(no commit)");
+          var upstreamLine = s.upstream ? escapeHtml(s.branch || "") + " → " + escapeHtml(s.upstream) : escapeHtml(s.branch || "(no branch)") + " · 无 upstream";
+          section2 = '<section class="qc-section qc-section--repo">' +
+            '<div class="qc-section-head"><span class="qc-section-title">仓库状态</span><span class="qc-section-meta">' + upstreamLine + '</span></div>' +
+            '<div class="qc-head-card">' +
+              '<span class="qc-head-label">HEAD</span>' +
+              '<code class="qc-head-text">' + escapeHtml(headLine) + '</code>' +
+            '</div>' +
+            renderQuickCommitStatusChips(s) +
+            (state.quickCommitTagHeadOpen ? renderQuickCommitTagHeadPanel() : '') +
+            '<div class="qc-section-actions qc-section-actions--secondary">' +
+              '<button id="quick-commit-tag-head-toggle" class="btn btn-ghost btn-sm" type="button"' + (state.quickCommitPushing ? ' disabled' : '') + '>' +
+                '<svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true" style="vertical-align:-2px;margin-right:4px;"><path d="M2 2h6.5l5 5-5.5 5.5L2 7.5V2z" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linejoin="round"/><circle cx="5" cy="5" r="1" fill="currentColor"/></svg>' +
+                (state.quickCommitTagHeadOpen ? '收起' : '为 HEAD 打 tag') +
+              '</button>' +
+              renderQuickCommitPushButton(s) +
+            '</div>' +
+          '</section>';
+        }
+
+        var subtitleHtml = subParts.map(escapeHtml).join(" · ");
 
         return '<section id="quick-commit-modal" class="modal-backdrop' + (state.quickCommitOpen ? '' : ' hidden') + '">' +
           '<div class="modal quick-commit-modal" role="dialog" aria-labelledby="quick-commit-title">' +
             '<div class="modal-header">' +
               '<div>' +
                 '<h2 id="quick-commit-title" class="modal-title">快捷提交</h2>' +
-                '<p class="modal-subtitle">' + escapeHtml((s.branch || "(no branch)") + ' · ' + (s.modifiedCount || 0) + ' 个改动') + '</p>' +
+                '<p class="modal-subtitle">' + subtitleHtml + '</p>' +
               '</div>' +
               '<button id="quick-commit-close-btn" class="btn btn-ghost btn-icon modal-close-btn" type="button" aria-label="关闭"><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" aria-hidden="true"><line x1="6" y1="6" x2="18" y2="18"/><line x1="18" y1="6" x2="6" y2="18"/></svg></button>' +
             '</div>' +
             '<div class="modal-body">' +
-              '<div class="qc-files-wrap">' + fileRows + '</div>' +
-              '<div class="qc-message-row" id="quick-commit-message-row">' +
-                '<div class="qc-message-header"><label class="field-label" for="quick-commit-message">commit message</label>' +
-                  '<button type="button" id="quick-commit-ai-btn" class="btn btn-ghost btn-sm"' + (state.quickCommitGenerating ? ' disabled' : '') + '>' + (state.quickCommitGenerating ? '生成中…' : 'AI 生成') + '</button>' +
-                '</div>' +
-                '<textarea id="quick-commit-message" class="field-input" rows="2" placeholder="输入 commit message 或点击 AI 生成">' + escapeHtml(f.customMessage || "") + '</textarea>' +
-              '</div>' +
-              '<div class="qc-checkbox-row">' +
-                '<label class="qc-checkbox-label" for="quick-commit-make-tag">提交后打 tag</label>' +
-                '<label class="qc-switch">' +
-                  '<input type="checkbox" id="quick-commit-make-tag" class="switch-toggle"' + (f.makeTag ? ' checked' : '') + '>' +
-                  '<span class="switch-slider"></span>' +
-                '</label>' +
-              '</div>' +
-              '<div class="qc-tag-row' + (f.makeTag ? '' : ' hidden') + '" id="quick-commit-tag-row">' +
-                '<input type="text" id="quick-commit-tag" class="field-input" placeholder="输入 tag 名称；留空将由 AI 在提交时自动生成" value="' + escapeHtml(f.tag || "") + '">' +
-              '</div>' +
-              '<div class="qc-checkbox-row">' +
-                '<label class="qc-checkbox-label" for="quick-commit-push">提交后 push 到远端</label>' +
-                '<label class="qc-switch">' +
-                  '<input type="checkbox" id="quick-commit-push" class="switch-toggle"' + (f.push ? ' checked' : '') + '>' +
-                  '<span class="switch-slider"></span>' +
-                '</label>' +
-              '</div>' +
-              '<p id="quick-commit-error" class="error-message' + (state.quickCommitError ? '' : ' hidden') + '">' + escapeHtml(state.quickCommitError || "") + '</p>' +
-              '<div class="worktree-merge-actions">' +
-                '<button id="quick-commit-cancel-btn" class="btn btn-secondary" type="button">取消</button>' +
-                '<button id="quick-commit-submit-btn" class="btn btn-primary" type="button"' + (hasChanges && !state.quickCommitSubmitting ? '' : ' disabled') + '>' + (state.quickCommitSubmitting ? '提交中…' : '执行') + '</button>' +
-              '</div>' +
+              section1 +
+              section2 +
             '</div>' +
           '</div>' +
         '</section>';
@@ -9199,16 +9651,27 @@
         })
         .then(function(res) { return res.json(); })
         .then(function(data) {
+          if (data.error) {
+            if (msgEl) {
+              msgEl.textContent = data.error;
+              msgEl.style.color = "var(--error)";
+              msgEl.classList.remove("hidden");
+            }
+            updateBtn.disabled = false;
+            return;
+          }
+          // \u5b89\u88c5\u6210\u529f\uff1a\u81ea\u52a8\u8c03\u7528 /api/restart\uff0c\u8ba9\u670d\u52a1\u91cd\u542f\u751f\u6548\uff0c
+          // \u9875\u9762\u4f1a\u88ab restart overlay \u63a5\u624b\uff0c\u7b49\u540e\u7aef\u56de\u6765\u540e\u81ea\u52a8\u5237\u65b0\u3002
           if (msgEl) {
-            msgEl.textContent = data.message || data.error || "\u66f4\u65b0\u5b8c\u6210\u3002";
-            msgEl.style.color = data.error ? "var(--error)" : "var(--success)";
+            msgEl.textContent = (data.message || "\u66f4\u65b0\u5b8c\u6210") + "\uff0c\u6b63\u5728\u91cd\u542f\u670d\u52a1\u2026";
+            msgEl.style.color = "var(--success)";
             msgEl.classList.remove("hidden");
           }
-          if (data.error) {
-            updateBtn.disabled = false;
+          updateBtn.classList.add("hidden");
+          if (data.restartRequired !== false) {
+            performRestart(null, msgEl);
           } else {
-            updateBtn.classList.add("hidden");
-            // Show restart button
+            // \u670d\u52a1\u7aef\u660e\u786e\u8868\u793a\u4e0d\u9700\u8981\u91cd\u542f\uff0c\u4fdd\u7559\u624b\u52a8\u91cd\u542f\u6309\u94ae
             var restartBtn = document.getElementById("do-restart-button");
             if (restartBtn) restartBtn.classList.remove("hidden");
           }
@@ -10910,6 +11373,48 @@
         }
       }
 
+      // 计算一条 ConversationTurn 里所有 content block 的"信息体积"——文字 / 思考 /
+      // tool_result 内容长度之和。用于在 lastMessage 增量更新里判断 incoming 是否
+      // 至少和 localLast 一样完整，防止服务端偶发吐出更短的同 message.id 导致
+      // 已显示的文字段被回退覆盖（"显示了又消失"的根因之一）。
+      function turnContentVolume(turn) {
+        if (!turn || !Array.isArray(turn.content)) return 0;
+        var total = 0;
+        for (var i = 0; i < turn.content.length; i++) {
+          var b = turn.content[i];
+          if (!b) continue;
+          if (typeof b.text === "string") total += b.text.length;
+          if (typeof b.thinking === "string") total += b.thinking.length;
+          if (typeof b.content === "string") total += b.content.length;
+          else if (Array.isArray(b.content)) {
+            for (var k = 0; k < b.content.length; k++) {
+              var sub = b.content[k];
+              if (sub && typeof sub.text === "string") total += sub.text.length;
+            }
+          }
+          if (b.input) {
+            try { total += JSON.stringify(b.input).length; } catch (_e) {}
+          }
+        }
+        return total;
+      }
+
+      // 合并同 role 的 last assistant turn：incoming 通常是权威更新（包含完整 usage、
+      // 完整 block 序列），但偶发的服务端回退会让 incoming 比 local 更短。此时
+      // 保留本地内容——下一次正常 emit 会校正。usage 字段以 incoming 优先（因为
+      // 那是 result event 给的最终值）。
+      function mergeAssistantTurn(localLast, incoming) {
+        if (!localLast) return incoming;
+        if (!incoming) return localLast;
+        var localVol = turnContentVolume(localLast);
+        var incVol = turnContentVolume(incoming);
+        if (incVol >= localVol) return incoming;
+        // incoming 更短：保留 local 的 content，但允许 incoming 更新 usage / 元字段。
+        return Object.assign({}, localLast, {
+          usage: incoming.usage || localLast.usage,
+        });
+      }
+
       // Append queued user message placeholders to currentMessages so they
       // remain visible across WS updates and re-renders.
       function buildMessagesForRender(session, messages) {
@@ -13554,23 +14059,30 @@
                 snapshot.sessionKind = msg.data.sessionKind;
               }
 
-              if (isIncremental && msg.data.lastMessage) {
+              // 优先级修正：若同一事件里同时带 messages（全量）和 lastMessage（增量），
+              // 让全量赢。WS 端的 debounce 已经会在跨形状时 flush，但保留这层
+              // 客户端兜底，避免任何上游再合并出双载体事件时再次丢消息。
+              if (msg.data.messages) {
+                // Full mode (authoritative)
+                snapshot.messages = msg.data.messages;
+              } else if (isIncremental && msg.data.lastMessage) {
                 // Incremental mode: merge lastMessage into existing session messages
                 var existingSession = state.sessions.find(function(s) { return s.id === msg.sessionId; });
                 if (existingSession) {
                   var msgs = Array.isArray(existingSession.messages) ? existingSession.messages.slice() : [];
                   var expectedCount = msg.data.messageCount || 0;
-                  // Replace last turn if same role, or append if new turn
-                  if (msgs.length > 0 && msg.data.lastMessage.role && msgs[msgs.length - 1].role === msg.data.lastMessage.role) {
-                    msgs[msgs.length - 1] = msg.data.lastMessage;
+                  // 防御性合并：lastMessage 应当至少和本地最后一条一样长。如果服务端
+                  // 因为上游 bug（如 upsertBlocks 整段覆盖）回退发来一条更短的同 role
+                  // 消息，保留本地版本——文字会被刷新或下一次 emit 修正。
+                  var localLast = msgs.length > 0 ? msgs[msgs.length - 1] : null;
+                  var incoming = msg.data.lastMessage;
+                  if (localLast && incoming.role && localLast.role === incoming.role) {
+                    msgs[msgs.length - 1] = mergeAssistantTurn(localLast, incoming);
                   } else if (msgs.length < expectedCount) {
-                    msgs.push(msg.data.lastMessage);
+                    msgs.push(incoming);
                   }
                   snapshot.messages = msgs;
                 }
-              } else if (!isIncremental && msg.data.messages) {
-                // Full mode (backward compatible)
-                snapshot.messages = msg.data.messages;
               }
 
               // Fast path: chunk-only incremental events skip expensive chat update
@@ -14353,7 +14865,11 @@
         var renderWasAtBottom = isChatNearBottom(chatMessages);
         if (renderWasAtBottom) state.chatStickToBottom = true;
 
-        var existingCount = chatMessages.querySelectorAll(".chat-message").length;
+        // 把 .system-info 卡片从计数里剔除——它由 extractPtySystemInfo 在
+        // fullRenderChat 里穿插注入，不存在于 messages 数组中，混进 existingCount
+        // 会让 msgCount !== existingCount 永远为真，每帧都走 fullRenderChat，从而
+        // 不断 wipe innerHTML，触发"莫名其妙跳到最上面"的视觉错位。
+        var existingCount = chatMessages.querySelectorAll(".chat-message:not(.system-info)").length;
         // Full render when: forced, no existing messages, or message count decreased/changed
         var needsFullRender = forceRender || existingCount === 0 || msgCount !== existingCount;
 
@@ -14401,6 +14917,29 @@
             '</div>';
           }
 
+          // 在 innerHTML 整段重写前，先记下当前视口里"最靠近顶部边缘"的那条消息
+          // 的 data-msg-index 和它到容器顶部的偏移。重写完成后找到同一 data-msg-index
+          // 的新节点，把它放回原来的偏移——这是 column-reverse 下保住用户视线的
+          // 标准锚点法。没有锚点时（首次渲染、空 → 非空）才走 scrollTop=0 兜底。
+          var anchorMsgIndex = -1;
+          var anchorOffset = 0;
+          if (prevMsgCount > 0 && !renderWasAtBottom) {
+            var containerTop = chatMessages.getBoundingClientRect().top;
+            var preEls = chatMessages.querySelectorAll(".chat-message:not(.system-info)");
+            for (var pi = 0; pi < preEls.length; pi++) {
+              var rect = preEls[pi].getBoundingClientRect();
+              // 第一条 top >= containerTop 的就是视口内最靠上的可见消息
+              if (rect.bottom >= containerTop) {
+                var idxAttr = preEls[pi].getAttribute("data-msg-index");
+                if (idxAttr != null) {
+                  anchorMsgIndex = parseInt(idxAttr, 10);
+                  anchorOffset = rect.top - containerTop;
+                }
+                break;
+              }
+            }
+          }
+
           chatMessages.innerHTML = html;
           // 给每条消息打 data-msg-index（用 state.currentMessages 的全局索引），
           // 后面 refreshChatUnreadDivider 用它找未读分割线的位置。
@@ -14425,6 +14964,21 @@
             // 同一会话内的全量重渲染：用户原本贴底就保持贴底，浏览器在 innerHTML
             // 重置后可能把 scrollTop 钳到一个奇怪的值，这里显式拉回 0。
             chatMessages.scrollTop = 0;
+          } else if (anchorMsgIndex >= 0) {
+            // 用户当前不在底部——根据保存的锚点恢复视图位置，避免被"踢到最上面"。
+            var newAnchor = chatMessages.querySelector(
+              '.chat-message[data-msg-index="' + anchorMsgIndex + '"]'
+            );
+            if (newAnchor) {
+              var newContainerTop = chatMessages.getBoundingClientRect().top;
+              var newRect = newAnchor.getBoundingClientRect();
+              var delta = (newRect.top - newContainerTop) - anchorOffset;
+              if (Math.abs(delta) > 0.5) {
+                state.chatIsProgrammaticScroll = true;
+                chatMessages.scrollTop += delta;
+                requestAnimationFrame(function() { state.chatIsProgrammaticScroll = false; });
+              }
+            }
           }
           attachAllCopyHandlers(chatMessages);
           bindChatScrollListener();
@@ -14584,7 +15138,10 @@
           // Optimization: only re-render the newest N messages (column-reverse: first children)
           // that actually differ, starting from the top (newest). Most streaming updates only
           // touch the latest assistant turn, so we can skip scanning all older messages.
-          var existingEls = Array.from(chatMessages.querySelectorAll(".chat-message"));
+          // 同样剔除 system-info 卡片，否则 existingEls 长度对不上 reversedMessages，
+          // top-N 对照会拿 system-info 卡片去比真消息的 HTML，永远 replacedAny=false，
+          // 触发 fullRenderChat 兜底分支——这是滚动跳顶的另一条触发路径。
+          var existingEls = Array.from(chatMessages.querySelectorAll(".chat-message:not(.system-info)"));
           var reversedMessages = messages.slice().reverse();
           var replacedAny = false;
           // Scan from newest (index 0 in reversed) up to MAX_STREAMING_SCAN messages
@@ -17703,29 +18260,29 @@
           })
           .then(function(res) { return res.json(); })
           .then(function(data) {
-            setProgress(false);
-            card.classList.remove("is-busy");
             if (data.error) {
               // Update failed
+              setProgress(false);
+              card.classList.remove("is-busy");
               setSubtitle("\u66f4\u65b0\u672a\u5b8c\u6210");
               setStatus(data.error, "error");
               actionBtn.disabled = false;
               if (actionLabel) actionLabel.textContent = "\u91cd\u8bd5";
               return;
             }
-            // Phase 2: Update succeeded, show restart button
-            setSubtitle(data.message || "\u66f4\u65b0\u5b8c\u6210\uff0c\u91cd\u542f\u540e\u751f\u6548");
-            setStatus("");
+            // Phase 2: \u5b89\u88c5\u6210\u529f\uff0c\u81ea\u52a8\u8c03\u7528 /api/restart\uff0c\u7531 restart overlay \u63a5\u7ba1 UX\u3002
             card.classList.add("is-success");
-            if (actionLabel) actionLabel.textContent = "\u91cd\u542f\u751f\u6548";
-            actionBtn.disabled = false;
-            actionBtn.onclick = function() {
-              actionBtn.disabled = true;
-              if (actionLabel) actionLabel.textContent = "\u6b63\u5728\u91cd\u542f\u2026";
-              setSubtitle("\u670d\u52a1\u6b63\u5728\u91cd\u542f\u2026");
-              setProgress(true);
-              performRestartCard(actionBtn, actionLabel, subtitleEl, statusEl, progressEl);
-            };
+            setSubtitle((data.message || "\u66f4\u65b0\u5b8c\u6210") + "\uff0c\u6b63\u5728\u91cd\u542f\u670d\u52a1\u2026");
+            setStatus("");
+            if (actionLabel) actionLabel.textContent = "\u6b63\u5728\u91cd\u542f\u2026";
+            if (data.restartRequired === false) {
+              setProgress(false);
+              card.classList.remove("is-busy");
+              actionBtn.disabled = false;
+              if (actionLabel) actionLabel.textContent = "\u5df2\u5b8c\u6210";
+              return;
+            }
+            performRestartCard(actionBtn, actionLabel, subtitleEl, statusEl, progressEl);
           })
           .catch(function() {
             setProgress(false);