cursor-feedback 2.2.0 → 2.3.0

package/dist/webview/script.js

@@ -92,27 +92,40 @@
   const feishuAppSecretInput = document.getElementById('feishuAppSecret');
   const feishuStatusEl = document.querySelector('.feishu-status');
   const feishuStatusText = document.getElementById('feishuStatusText');
-  const feishuGuideBtn = document.getElementById('feishuGuideBtn');
   const feishuSecretToggle = document.getElementById('feishuSecretToggle');
   const feishuEnabledToggle = document.getElementById('feishuEnabledToggle');
   const systemNotifyToggle = document.getElementById('systemNotifyToggle');
   const osNotifyToggle = document.getElementById('osNotifyToggle');
   const feishuAckToggle = document.getElementById('feishuAckToggle');
-  const feishuQueueToggle = document.getElementById('feishuQueueToggle');
+  const queueWhenBusyToggle = document.getElementById('queueWhenBusyToggle');
   const osNotifySub = document.getElementById('osNotifySub');
   const feishuAckSub = document.getElementById('feishuAckSub');
-  const feishuQueueSub = document.getElementById('feishuQueueSub');
   const notifyTestBtn = document.getElementById('notifyTestBtn');
   const notifyTestHint = document.getElementById('notifyTestHint');
   const historyBtn = document.getElementById('historyBtn');
   const historyPopup = document.getElementById('historyPopup');
   const toastEl = document.getElementById('toast');
+  const queueCard = document.getElementById('queueCard');
+  const queueList = document.getElementById('queueList');
+  const queueCount = document.getElementById('queueCount');
+  const waitingHintEl = waitingStatus.querySelector('.empty__hint');
+  const defaultWaitingHint = waitingHintEl ? waitingHintEl.textContent : '';
+  const summaryNav = document.getElementById('summaryNav');
+  const summaryPrevBtn = document.getElementById('summaryPrevBtn');
+  const summaryNextBtn = document.getElementById('summaryNextBtn');
+  const summaryNavPos = document.getElementById('summaryNavPos');
 
   let uploadedImages = [];
   let attachedFiles = [];
   let codeRefs = [];
   let currentRequestId = '';
   let currentProjectDir = '';
+  // 排队模式：AI 正忙（无等待中的反馈请求）时，同一个输入框用于「排队发送」，
+  // 消息进服务端忙时队列，与飞书消息同队列按序送达
+  let queueMode = false;
+  let queueItems = [];
+  // 忙时排队全局开关（真相在 server，随 feishuState 同步）：关了则等待态回到纯等待、不提供排队输入
+  let queueEnabled = true;
   let requestTimestamp = 0;
   let requestTimeout = 300;
   let countdownInterval = null;
@@ -198,6 +211,8 @@
   function closeFeishuModal() {
     // 兜底：Esc 关闭等场景输入框可能不触发 blur，关闭前再存一次（已去重，不会重复提交）
     saveFeishuConfigFromInputs();
+    // 扫码创建流程进行中：关闭弹窗即取消（server 侧 abort，二维码作废）
+    resetRegisterPanel(true);
     feishuModal.classList.add('hidden');
     feishuModal.setAttribute('aria-hidden', 'true');
   }
@@ -212,10 +227,82 @@
       closeFeishuModal();
     }
   });
-  feishuGuideBtn.addEventListener('click', () => {
-    vscode.postMessage({ type: 'openFeishuGuide' });
+
+  // ---------- 扫码一键创建飞书应用 ----------
+  // 点「扫码快速创建」→ extension 向 server 发起 Device Grant 流程 → 面板展示二维码 →
+  // 用户在飞书确认 → 凭证自动写入 server 磁盘并生效，这里刷新输入框回显
+  const feishuRegisterBtn = document.getElementById('feishuRegisterBtn');
+  const feishuRegisterPanel = document.getElementById('feishuRegisterPanel');
+  const feishuRegisterQr = document.getElementById('feishuRegisterQr');
+  const feishuRegisterHint = document.getElementById('feishuRegisterHint');
+  const feishuRegisterOpenBtn = document.getElementById('feishuRegisterOpenBtn');
+  const feishuRegisterRetryBtn = document.getElementById('feishuRegisterRetryBtn');
+  let registerActive = false;
+  let registerUrl = '';
+
+  function resetRegisterPanel(cancelServer) {
+    if (cancelServer && registerActive) {
+      vscode.postMessage({ type: 'feishuRegisterCancel' });
+    }
+    registerActive = false;
+    registerUrl = '';
+    feishuRegisterPanel.classList.add('hidden');
+    feishuRegisterQr.classList.add('hidden');
+    feishuRegisterOpenBtn.classList.add('hidden');
+    feishuRegisterRetryBtn.classList.add('hidden');
+    feishuRegisterHint.textContent = '';
+  }
+
+  function startRegister() {
+    registerActive = true;
+    feishuRegisterPanel.classList.remove('hidden');
+    feishuRegisterQr.classList.add('hidden');
+    feishuRegisterOpenBtn.classList.add('hidden');
+    feishuRegisterRetryBtn.classList.add('hidden');
+    feishuRegisterHint.textContent = i18n.registerLoading || 'Getting QR code…';
+    vscode.postMessage({ type: 'feishuRegisterStart' });
+  }
+
+  feishuRegisterBtn.addEventListener('click', () => {
+    if (registerActive) return;
+    startRegister();
+  });
+  feishuRegisterRetryBtn.addEventListener('click', startRegister);
+  feishuRegisterOpenBtn.addEventListener('click', () => {
+    if (registerUrl) vscode.postMessage({ type: 'openLink', payload: { url: registerUrl } });
   });
 
+  function handleRegisterState(p) {
+    if (!registerActive || !p) return;
+    if (p.status === 'waiting') {
+      registerUrl = p.url || '';
+      if (p.qr) {
+        feishuRegisterQr.src = p.qr;
+        feishuRegisterQr.classList.remove('hidden');
+      }
+      feishuRegisterOpenBtn.classList.toggle('hidden', !registerUrl);
+      feishuRegisterHint.textContent = i18n.registerScanHint || 'Scan with Feishu to create the app';
+    } else if (p.status === 'success') {
+      registerActive = false;
+      registerUrl = '';
+      feishuRegisterQr.classList.add('hidden');
+      feishuRegisterOpenBtn.classList.add('hidden');
+      feishuRegisterHint.textContent = (i18n.registerSuccess || 'Created! Credentials configured') +
+        (p.appId ? ' (' + p.appId + ')' : '');
+      // 凭证已写入 server 磁盘，等常规轮询把新凭证同步到 feishuLastState 后刷新输入框回显
+      setTimeout(() => { fillFeishuInputs(); }, 1600);
+      setTimeout(() => { fillFeishuInputs(); }, 4000); // 兜底再刷一次（轮询同步可能略慢）
+    } else {
+      // error
+      feishuRegisterQr.classList.add('hidden');
+      feishuRegisterOpenBtn.classList.add('hidden');
+      feishuRegisterRetryBtn.classList.remove('hidden');
+      feishuRegisterHint.textContent = (i18n.registerFailed || 'Failed') + (p.error ? ': ' + p.error : '');
+      registerActive = false;
+      registerUrl = '';
+    }
+  }
+
   // 密钥显示/隐藏切换（小眼睛）
   feishuSecretToggle.addEventListener('click', () => {
     const show = feishuAppSecretInput.type === 'password';
@@ -241,8 +328,11 @@
   feishuAckToggle.addEventListener('change', () => {
     vscode.postMessage({ type: 'toggleFeishuAck', payload: { enabled: feishuAckToggle.checked } });
   });
-  feishuQueueToggle.addEventListener('change', () => {
-    vscode.postMessage({ type: 'toggleFeishuQueue', payload: { enabled: feishuQueueToggle.checked } });
+  // 忙时排队是全局开关（飞书 + 面板共用队列），不受飞书主开关约束
+  queueWhenBusyToggle.addEventListener('change', () => {
+    vscode.postMessage({ type: 'toggleFeishuQueue', payload: { enabled: queueWhenBusyToggle.checked } });
+    queueEnabled = queueWhenBusyToggle.checked;
+    if (queueMode) enterQueueMode(); // 立即按新开关刷新等待态形态
   });
 
   // 发送测试通知：一键验证系统通知链路通不通（权限被拒时收不到，配合上方排查提示定位）
@@ -262,8 +352,6 @@
     const feishuOn = feishuEnabledToggle.checked;
     feishuAckToggle.disabled = !feishuOn;
     if (feishuAckSub) feishuAckSub.classList.toggle('is-disabled', !feishuOn);
-    feishuQueueToggle.disabled = !feishuOn;
-    if (feishuQueueSub) feishuQueueSub.classList.toggle('is-disabled', !feishuOn);
   }
 
   function updateFeishuUI(state) {
@@ -284,7 +372,11 @@
       feishuAckToggle.checked = state.feishuAck;
     }
     if (typeof state.feishuQueue === 'boolean') {
-      feishuQueueToggle.checked = state.feishuQueue;
+      queueWhenBusyToggle.checked = state.feishuQueue;
+      if (state.feishuQueue !== queueEnabled) {
+        queueEnabled = state.feishuQueue;
+        if (queueMode) enterQueueMode(); // 开关在别的窗口/server 侧变化：同步刷新等待态形态
+      }
     }
     syncSubSwitchDisabled();
     feishuStatusEl.classList.toggle('is-configured', !!state.configured && !state.bound);
@@ -313,7 +405,9 @@
   let enterToSubmit = localStorage.getItem('cursorFeedback_enterToSubmit') === 'true';
 
   function updateKeyModeUI() {
-    submitLabel.textContent = i18n.submitFeedback || 'Submit';
+    submitLabel.textContent = queueMode
+      ? (i18n.queueSend || 'Queue Message')
+      : (i18n.submitFeedback || 'Submit');
     if (enterToSubmit) {
       if (submitKbd) submitKbd.textContent = i18n.submitHintEnter || 'Enter';
       toggleKeyModeBtn.classList.add('enter-mode');
@@ -711,6 +805,24 @@
   }
   restoreSummaryHeight();
 
+  // 排队模式下分隔条调的是「顶部等待卡片」高度。与摘要卡共用同一比例（同一存储键、同一钳制），
+  // 这样反馈态 ↔ 排队态切换时顶部区域高度完全一致，输入框不会上下跳动。
+  function applyQueueTopHeight(px) {
+    const h = Math.max(48, Math.min(px, splitMax()));
+    waitingStatus.style.height = h + 'px';
+    return h;
+  }
+
+  function clearQueueTopHeight() {
+    waitingStatus.style.height = '';
+  }
+
+  function restoreQueueTopHeight() {
+    const saved = parseFloat(localStorage.getItem(SUMMARY_RATIO_KEY) || '');
+    const ratio = saved > 0 && saved < 1 ? saved : DEFAULT_SUMMARY_RATIO;
+    applyQueueTopHeight(Math.round(window.innerHeight * ratio));
+  }
+
   let splitDragging = false;
   let splitStartY = 0;
   let splitStartH = 0;
@@ -718,7 +830,7 @@
   splitter.addEventListener('mousedown', (e) => {
     splitDragging = true;
     splitStartY = e.clientY;
-    splitStartH = summaryCard.getBoundingClientRect().height;
+    splitStartH = (queueMode ? waitingStatus : summaryCard).getBoundingClientRect().height;
     splitter.classList.add('is-dragging');
     document.body.style.userSelect = 'none';
     document.body.style.cursor = 'row-resize';
@@ -726,7 +838,9 @@
   });
   window.addEventListener('mousemove', (e) => {
     if (!splitDragging) return;
-    applySummaryHeight(splitStartH + (e.clientY - splitStartY));
+    const next = splitStartH + (e.clientY - splitStartY);
+    if (queueMode) applyQueueTopHeight(next);
+    else applySummaryHeight(next);
   });
   window.addEventListener('mouseup', () => {
     if (!splitDragging) return;
@@ -734,13 +848,20 @@
     splitter.classList.remove('is-dragging');
     document.body.style.userSelect = '';
     document.body.style.cursor = '';
-    const ratio = summaryCard.getBoundingClientRect().height / window.innerHeight;
+    // 两种形态共用同一比例：任一形态下拖动都会同步到另一形态
+    const el = queueMode ? waitingStatus : summaryCard;
+    const ratio = el.getBoundingClientRect().height / window.innerHeight;
     localStorage.setItem(SUMMARY_RATIO_KEY, ratio.toFixed(4));
   });
   // 切换侧边栏 / 窗口缩放后用保存值恢复；不能读瞬时 getBoundingClientRect（隐藏态布局会把摘要异常压扁）
-  window.addEventListener('resize', restoreSummaryHeight);
+  window.addEventListener('resize', () => {
+    restoreSummaryHeight();
+    if (queueMode) restoreQueueTopHeight();
+  });
   document.addEventListener('visibilitychange', () => {
-    if (!document.hidden) restoreSummaryHeight();
+    if (document.hidden) return;
+    restoreSummaryHeight();
+    if (queueMode) restoreQueueTopHeight();
   });
 
   // ---------- Quick replies (一键发送的快捷短语，可编辑，存 localStorage) ----------
@@ -772,8 +893,10 @@
   }
 
   // 点击快捷短语＝立即提交。已有草稿时把短语追加到末尾一起发，不悄悄丢弃用户已输入的内容
+  // （排队模式下同样可用：短语走排队发送）
   function sendQuickReply(phrase) {
-    if (!currentRequestId || submitBtn.disabled) return;
+    if (submitBtn.disabled) return;
+    if (!currentRequestId && !queueMode) return;
     const cur = feedbackInput.value.trim();
     feedbackInput.value = cur ? cur + '\n' + phrase : phrase;
     saveDraft();
@@ -872,6 +995,52 @@
   }
   renderQuickReplies();
 
+  // ---------- Tooltips（data-tip 全局浮层） ----------
+  // 用单例 fixed 浮层代替 CSS ::after：绝对定位伪元素会被任何 overflow 祖先裁切
+  //（工具条/卡片边缘的按钮 tooltip 曾被切掉半截）。fixed + 视口钳制彻底规避。
+  const tipFloat = document.createElement('div');
+  tipFloat.className = 'tip-float hidden';
+  document.body.appendChild(tipFloat);
+
+  function showTipFor(el) {
+    const text = el.getAttribute('data-tip');
+    if (!text) { hideTip(); return; }
+    tipFloat.textContent = text;
+    tipFloat.classList.remove('hidden');
+    const r = el.getBoundingClientRect();
+    const tw = tipFloat.offsetWidth;
+    const th = tipFloat.offsetHeight;
+    // 默认在元素上方居中；顶部放不下则翻到下方；水平钳制在视口内
+    let top = r.top - th - 6;
+    if (top < 4) top = r.bottom + 6;
+    let left = r.left + r.width / 2 - tw / 2;
+    left = Math.max(4, Math.min(left, window.innerWidth - tw - 4));
+    tipFloat.style.top = top + 'px';
+    tipFloat.style.left = left + 'px';
+  }
+  function hideTip() {
+    tipFloat.classList.add('hidden');
+  }
+  document.addEventListener('mouseover', (e) => {
+    const t = e.target;
+    const el = t && t.closest ? t.closest('[data-tip]') : null;
+    if (el) showTipFor(el);
+  });
+  document.addEventListener('mouseout', (e) => {
+    const t = e.target;
+    const el = t && t.closest ? t.closest('[data-tip]') : null;
+    if (!el) return;
+    if (e.relatedTarget && el.contains(e.relatedTarget)) return; // 仍在元素内部移动
+    hideTip();
+  });
+  // 点击可能切换按钮语义（如超时续期开/关会改 data-tip），立即刷新提示文本
+  document.addEventListener('click', (e) => {
+    const t = e.target;
+    const el = t && t.closest ? t.closest('[data-tip]') : null;
+    if (el) showTipFor(el);
+  });
+  window.addEventListener('scroll', hideTip, true);
+
   // ---------- Toast (提交结果轻提示) ----------
   let toastTimer = null;
   function showToast(text) {
@@ -1091,7 +1260,12 @@
   }
 
   function submitFeedback() {
-    if (!currentRequestId || submitBtn.disabled) return;
+    if (submitBtn.disabled) return;
+    // 无等待中的请求：排队模式下改走「排队发送」，消息进服务端忙时队列
+    if (!currentRequestId) {
+      if (queueMode) queueSend();
+      return;
+    }
 
     setSubmitting(true);
     // 先暂存本次文本，等 extension 确认成功后写入历史（提交失败不入历史）
@@ -1112,6 +1286,38 @@
     submitFallbackTimer = setTimeout(() => setSubmitting(false), 8000);
   }
 
+  // 排队发送：AI 忙时把消息交给 extension 转发到归属本工作区的 server 入队
+  function queueSend() {
+    const text = buildFeedbackText();
+    if (!text && uploadedImages.length === 0 && attachedFiles.length === 0) return;
+
+    setSubmitting(true);
+    pendingHistoryText = text;
+    vscode.postMessage({
+      type: 'queueMessage',
+      payload: {
+        interactive_feedback: text,
+        images: uploadedImages.map(im => ({ name: im.name, data: im.dataUrl.split(',')[1], size: im.size })),
+        attachedFiles: attachedFiles
+      }
+    });
+
+    if (submitFallbackTimer) clearTimeout(submitFallbackTimer);
+    submitFallbackTimer = setTimeout(() => setSubmitting(false), 8000);
+  }
+
+  // 排队成功后只清空输入内容，保持排队模式（用户可能还要继续追加）
+  function clearComposer() {
+    feedbackInput.value = '';
+    uploadedImages = [];
+    attachedFiles = [];
+    codeRefs = [];
+    imagePreview.innerHTML = '';
+    refChips.innerHTML = '';
+    saveDraft();
+    updateCharCount();
+  }
+
   submitBtn.addEventListener('click', submitFeedback);
   feedbackInput.addEventListener('keydown', (e) => {
     if (mentionOpen && !mentionPopup.classList.contains('hidden')) {
@@ -1129,15 +1335,158 @@
     }
   });
 
+  // ---------- Summary history（历史摘要回看） ----------
+  // 每轮 showFeedbackRequest 存一条（同文本去重：超时续期会带相同 summary 重复到来），
+  // 上限 20 条；摘要卡头部的 ‹ › 在轮次间翻看，新请求到来自动跳回最新
+  const SUMMARY_HISTORY_KEY = 'cursorFeedback_summaryHistory';
+  const SUMMARY_HISTORY_MAX = 20;
+  let summaryHistIdx = 0; // 0 = 最新（当前轮）
+
+  function loadSummaryHistory() {
+    try {
+      const arr = JSON.parse(localStorage.getItem(SUMMARY_HISTORY_KEY) || '[]');
+      if (Array.isArray(arr)) {
+        return arr.filter((e) => e && typeof e.text === 'string' && e.text.trim());
+      }
+    } catch (e) { /* ignore */ }
+    return [];
+  }
+
+  function pushSummaryHistory(text) {
+    const t = (text || '').trim();
+    if (!t) return;
+    let list = loadSummaryHistory();
+    if (list.length && list[0].text === t) {
+      list[0].at = Date.now(); // 超时续期重发同一摘要：只刷新时间
+    } else {
+      list.unshift({ text: t, at: Date.now() });
+      if (list.length > SUMMARY_HISTORY_MAX) list = list.slice(0, SUMMARY_HISTORY_MAX);
+    }
+    try { localStorage.setItem(SUMMARY_HISTORY_KEY, JSON.stringify(list)); } catch (e) { /* ignore */ }
+  }
+
+  function renderSummaryAt(idx) {
+    const list = loadSummaryHistory();
+    if (list.length === 0) return;
+    summaryHistIdx = Math.max(0, Math.min(idx, list.length - 1));
+    const entry = list[summaryHistIdx];
+    summaryContent.innerHTML = renderMarkdown(entry.text);
+    highlightCodeBlocks(summaryContent);
+    summaryContent.scrollTop = 0;
+    // 只有 1 条时隐藏导航；查看历史轮次时给内容区打标（样式淡化以示区分）
+    if (summaryNav) {
+      summaryNav.hidden = list.length <= 1;
+      if (summaryNavPos) {
+        summaryNavPos.textContent = (summaryHistIdx + 1) + '/' + list.length;
+        summaryNavPos.title = formatHistoryTime(entry.at);
+      }
+      if (summaryNextBtn) summaryNextBtn.disabled = summaryHistIdx === 0;
+      if (summaryPrevBtn) summaryPrevBtn.disabled = summaryHistIdx >= list.length - 1;
+    }
+    summaryContent.classList.toggle('summary--past', summaryHistIdx > 0);
+  }
+
+  if (summaryPrevBtn) summaryPrevBtn.addEventListener('click', () => renderSummaryAt(summaryHistIdx + 1));
+  if (summaryNextBtn) summaryNextBtn.addEventListener('click', () => renderSummaryAt(summaryHistIdx - 1));
+
+  // ---------- Queue mode（AI 忙时排队） ----------
+  // 排队模式 = 等待态 + 可用的输入框：摘要卡隐藏，顶部保留紧凑的等待提示与队列列表，
+  // 提交按钮变「排队发送」。反馈模式 = 原有的摘要 + 提交形态。
+  function enterQueueMode() {
+    queueMode = true;
+    waitingStatus.classList.remove('hidden');
+    summaryCard.classList.add('hidden');
+    // 有输入框时保留分隔条，可拖动调整「等待区 : 输入区」比例；纯等待态无可调对象
+    splitter.classList.toggle('hidden', !queueEnabled);
+    // 占位隐藏（保持行高）：倒计时行若整行消失，提交栏高度变化会让输入框上下跳动
+    timeoutWrap.hidden = false;
+    timeoutWrap.classList.add('countdown--idle');
+    // 忙时排队开关（全局）关闭：纯等待态，不提供排队输入
+    document.body.classList.toggle('queue-mode', queueEnabled);
+    if (queueEnabled) restoreQueueTopHeight();
+    else clearQueueTopHeight();
+    if (waitingHintEl) {
+      waitingHintEl.textContent = queueEnabled ? (i18n.queueModeHint || defaultWaitingHint) : defaultWaitingHint;
+    }
+    feedbackForm.classList.toggle('hidden', !queueEnabled);
+    submitBar.classList.toggle('hidden', !queueEnabled);
+    renderQueueList();
+    updateKeyModeUI();
+  }
+
+  function enterFeedbackMode() {
+    queueMode = false;
+    document.body.classList.remove('queue-mode');
+    waitingStatus.classList.add('hidden');
+    clearQueueTopHeight();
+    if (waitingHintEl) waitingHintEl.textContent = defaultWaitingHint;
+    feedbackForm.classList.remove('hidden');
+    submitBar.classList.remove('hidden');
+    summaryCard.classList.remove('hidden');
+    splitter.classList.remove('hidden');
+    queueCard.classList.add('hidden');
+    updateKeyModeUI();
+  }
+
+  function renderQueueList() {
+    if (!queueCard) return;
+    const items = queueItems || [];
+    if (!queueMode || items.length === 0) {
+      queueCard.classList.add('hidden');
+      return;
+    }
+    queueCard.classList.remove('hidden');
+    if (queueCount) queueCount.textContent = String(items.length);
+    queueList.innerHTML = '';
+    items.forEach((it) => {
+      const row = document.createElement('div');
+      row.className = 'queue-item';
+
+      const src = document.createElement('span');
+      src.className = 'queue-item__source' + (it.source === 'feishu' ? ' is-feishu' : '');
+      src.textContent = it.source === 'feishu' ? (i18n.sourceFeishu || 'Feishu') : (i18n.sourcePanel || 'Panel');
+      row.appendChild(src);
+
+      const text = document.createElement('span');
+      text.className = 'queue-item__text';
+      text.textContent = (it.text || '').replace(/\s+/g, ' ').trim();
+      text.title = it.text || '';
+      row.appendChild(text);
+
+      const metaBits = [];
+      if (it.images) metaBits.push((i18n.queueMetaImages || 'img') + '×' + it.images);
+      if (it.files) metaBits.push((i18n.queueMetaFiles || 'file') + '×' + it.files);
+      if (metaBits.length) {
+        const meta = document.createElement('span');
+        meta.className = 'queue-item__meta';
+        meta.textContent = metaBits.join(' ');
+        row.appendChild(meta);
+      }
+
+      const time = document.createElement('span');
+      time.className = 'queue-item__time';
+      time.textContent = formatHistoryTime(it.at);
+      row.appendChild(time);
+
+      // 撤回：乐观移除本地列表（失败时下一秒轮询会把消息补回来），请求按队列项端口路由
+      row.appendChild(makeRemoveBtn((ev) => {
+        ev.stopPropagation();
+        queueItems = queueItems.filter((x) => x.id !== it.id);
+        renderQueueList();
+        vscode.postMessage({ type: 'removeQueued', payload: { id: it.id, port: it.port } });
+      }, 'queue-item__remove'));
+
+      queueList.appendChild(row);
+    });
+  }
+
   // ---------- Messages from extension ----------
   window.addEventListener('message', event => {
     const message = event.data;
 
     switch (message.type) {
       case 'showFeedbackRequest':
-        waitingStatus.classList.add('hidden');
-        feedbackForm.classList.remove('hidden');
-        submitBar.classList.remove('hidden');
+        enterFeedbackMode();
         if (submitFallbackTimer) { clearTimeout(submitFallbackTimer); submitFallbackTimer = null; }
         setSubmitting(false);
         currentRequestId = message.payload.requestId;
@@ -1148,14 +1497,15 @@
         cdRemainingMs = Math.max(0, requestTimeout * 1000 - (Date.now() - requestTimestamp));
         cdAnchor = Date.now();
         updatePauseUI();
-        summaryContent.innerHTML = renderMarkdown(message.payload.summary);
-        highlightCodeBlocks(summaryContent);
-        summaryContent.scrollTop = 0;
+        // 存入历史并渲染最新一轮（含导航状态刷新）
+        pushSummaryHistory(message.payload.summary);
+        renderSummaryAt(0);
         projectInfo.textContent = message.payload.projectDir;
         projectInfo.title = message.payload.projectDir;
         updateCharCount();
         feedbackInput.focus();
         timeoutWrap.hidden = false;
+        timeoutWrap.classList.remove('countdown--idle');
         if (countdownInterval) clearInterval(countdownInterval);
         updateCountdown();
         countdownInterval = setInterval(updateCountdown, 1000);
@@ -1166,12 +1516,10 @@
         if (submitFallbackTimer) { clearTimeout(submitFallbackTimer); submitFallbackTimer = null; }
         resetForm();
         setSubmitting(false);
-        feedbackForm.classList.add('hidden');
-        submitBar.classList.add('hidden');
-        waitingStatus.classList.remove('hidden');
-        timeoutWrap.hidden = true;
         cdPaused = false;
         updatePauseUI();
+        // 等待态 = 排队模式：输入框保持可用，消息排队等 AI 下一轮读取
+        enterQueueMode();
         break;
 
       case 'serverStatus':
@@ -1265,6 +1613,10 @@
         updateFeishuUI(message.payload);
         break;
 
+      case 'feishuRegisterState':
+        handleRegisterState(message.payload);
+        break;
+
       case 'feedbackSubmitted':
         // 提交已被 server 确认：写入历史 + 轻提示（queued = 撞上超时空窗、暂存待下一轮送达）
         pushHistory(pendingHistoryText);
@@ -1274,6 +1626,32 @@
           : (i18n.toastSubmitted || 'Feedback sent'));
         break;
 
+      case 'queueSubmitted': {
+        // 排队发送的结果回执：成功则清空输入并入历史；失败明确提示原因，内容保留可重试
+        if (submitFallbackTimer) { clearTimeout(submitFallbackTimer); submitFallbackTimer = null; }
+        setSubmitting(false);
+        const p = message.payload || {};
+        if (p.success) {
+          pushHistory(pendingHistoryText);
+          pendingHistoryText = '';
+          clearComposer();
+          showToast(i18n.toastPanelQueued || '✓ Queued — delivered when the AI finishes this task');
+        } else {
+          showToast(p.reason === 'pending'
+            ? (i18n.queueFailedPending || 'AI is waiting for your feedback — submit it directly instead')
+            : p.reason === 'disabled'
+              ? (i18n.queueFailedDisabled || 'Busy-time queuing is turned off in settings')
+              : (i18n.queueFailedNoServer || 'No active AI session found — the message was not queued'));
+        }
+        break;
+      }
+
+      case 'queueState':
+        // server 每秒随轮询下发的队列快照（extension 已做签名去重）
+        queueItems = (message.payload && message.payload.items) || [];
+        renderQueueList();
+        break;
+
       case 'toast':
         // extension 侧的通用轻提示（如暂停失败：请求已结束）
         if (message.payload && message.payload.text) showToast(message.payload.text);
@@ -1318,6 +1696,9 @@
   })();
 
   updateCharCount();
+  // 默认进入排队模式（无等待中的请求时输入框即可用）；若有请求，
+  // extension 在收到 ready 后会推 showFeedbackRequest 切回反馈模式
+  enterQueueMode();
   setInterval(() => vscode.postMessage({ type: 'checkServer' }), 5000);
   vscode.postMessage({ type: 'ready' });
   vscode.postMessage({ type: 'checkServer' });