@bolloon/bolloon-agent 0.1.34 → 0.1.35

package/dist/web/client.js

@@ -4,8 +4,6 @@ if (typeof marked === 'undefined') {
 }
 
 const messagesEl = document.getElementById('messages');
-const agentStatusEl = document.getElementById('agent-status');
-const agentStatusTextEl = document.getElementById('agent-status-text');
 const input = document.getElementById('input');
 const sendBtn = document.getElementById('send');
 const sidebar = document.getElementById('sidebar');
@@ -913,7 +911,7 @@ async function selectChannel(channelId, targetSessionId = null) {
       const tmpContainer = document.createElement('div');
       tmpContainer.style.display = 'none';
       for (const msg of msgs) {
-        addMessage(msg.content, msg.type, false, tmpContainer);
+        addMessage(msg.content, msg.type, false, tmpContainer, msg.metadata?.usedJudgmentIds || []);
       }
       while (tmpContainer.firstChild) {
         frag.appendChild(tmpContainer.firstChild);
@@ -938,7 +936,7 @@ async function loadSession(channelId, sessionId = null) {
     container.innerHTML = '';
     if (session.messages && session.messages.length > 0) {
       session.messages.forEach(msg => {
-        addMessage(msg.content, msg.type, false, container);
+        addMessage(msg.content, msg.type, false, container, msg.metadata?.usedJudgmentIds || []);
       });
     } else {
       addMessage('你好！我是 Bolloon Agent。有什么我可以帮你的吗？', 'ai', false, container);
@@ -950,7 +948,7 @@ async function loadSession(channelId, sessionId = null) {
   }
 }
 
-function addMessage(content, type, save = true, container) {
+function addMessage(content, type, save = true, container, usedJudgmentIds = []) {
   const msgContainer = container || messagesContainers.get(currentChannelId) || messagesEl;
 
   // 浏览器侧内存保护: 单个 channel 的消息容器超过 MAX_MESSAGES_PER_CHANNEL
@@ -981,12 +979,6 @@ function addMessage(content, type, save = true, container) {
   const div = document.createElement('div');
   div.className = `message message-${type}`;
 
-  // 清理工具结果容器（当新的 AI 消息到达时）
-  if (type === 'ai' && toolResultContainer) {
-    toolResultContainer.remove();
-    toolResultContainer = null;
-  }
-
   // 清理内容：移除 tool call 标记和其他不应该显示的内容
   let cleanContent = content
     .replace(/\[TOOL_CALL\][\s\S]*?\[\/TOOL_CALL\]/g, '')
@@ -1170,12 +1162,13 @@ function addMessage(content, type, save = true, container) {
 
     actionsDiv.appendChild(copyBtn);
 
-    // "存为判断" 按钮: 把这条消息正文作为 decision 存到判断库
+    // "存为判断" 按钮: AI 蒸馏 (30-80 字) + 自动演化对齐
     const saveJudgmentBtn = document.createElement('button');
     saveJudgmentBtn.className = 'action-btn save-as-judgment';
-    saveJudgmentBtn.title = '把这条消息存为判断';
-    saveJudgmentBtn.setAttribute('data-decision', rawContent.substring(0, 800)); // 截断防超长
-    saveJudgmentBtn.innerHTML = `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2L4 6v6c0 5 3.5 9.5 8 10 4.5-.5 8-5 8-10V6l-8-4z"></path><path d="M9 12l2 2 4-4"></path></svg> 存为判断`;
+    saveJudgmentBtn.title = 'AI 蒸馏为 30-80 字判断力 + 自动演化对齐';
+    saveJudgmentBtn.setAttribute('data-decision', rawContent.substring(0, 800));
+    if (currentChannelId) saveJudgmentBtn.setAttribute('data-channel-id', currentChannelId);
+    saveJudgmentBtn.innerHTML = `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2L4 6v6c0 5 3.5 9.5 8 10 4.5-.5 8-5 8-10V6l-8-4z"></path><path d="M9 12l2 2 4-4"></path></svg> 蒸馏为判断`;
     actionsDiv.appendChild(saveJudgmentBtn);
     if (type === 'ai') {
       actionsDiv.appendChild(regenerateBtn);
@@ -1183,199 +1176,206 @@ function addMessage(content, type, save = true, container) {
     div.appendChild(actionsDiv);
   }
 
+  // P0.5: 反向引用链接 (AI 消息) — 极简, 点击跳判断力 modal
+  if (type === 'ai' && Array.isArray(usedJudgmentIds) && usedJudgmentIds.length > 0) {
+    const link = document.createElement('a');
+    link.className = 'used-judgments-link';
+    link.style.cssText = 'display:inline-block;margin-top:4px;font-size:11px;color:#0369a1;text-decoration:underline;cursor:pointer;';
+    link.textContent = `📎 参考 ${usedJudgmentIds.length} 条原则`;
+    link.onclick = (e) => {
+      e.preventDefault();
+      openJudgmentsModalWithFilter(usedJudgmentIds);
+    };
+    div.appendChild(link);
+  }
+
   div.appendChild(time);
   msgContainer.appendChild(div);
 
   msgContainer.scrollTop = msgContainer.scrollHeight;
 }
 
-// Agent status bar — sits between the message list and the input box.
-// Two visual states: "planning" (spinner) and "executing" (glowing icon).
-// The text alternates to convey the action loop.
-let agentStatusState = null; // 'planning' | 'executing' | null
-let agentStatusTextIdx = 0;
-
-const AGENT_STATUS_TEXTS = {
-  planning: ['正在计划', '正在分析', '正在思考'],
-  executing: ['正在执行', '正在调用工具', '正在处理'],
+// ============================================================
+// Loop timeline panel (Claude Code 风格)
+// ============================================================
+
+let timelinePanelEl = null;
+let timelineRowsEl = null;
+let currentTokenRow = null;
+let currentTokenText = '';
+let lastUsedJudgmentIds = []; // 用于 finalizeTimelineAsMessage 给 addMessage 第 5 参
+
+const PHASE_TEXT = {
+  gate_compute: '正在检索相关判断力...',
+  gate_done:    '已注入 {usedCount} 条原则',
+  d_detect:     'D 触发: 监测对话...',
+  d_distill:    'D 触发: 蒸馏判断力...',
+  d_done:       'D 触发: 已入库',
+  d_skip:       'D 触发: 跳过',
+  d_error:      'D 触发: 错误',
 };
 
-function setAgentStatus(state) {
-  if (!agentStatusEl || !agentStatusTextEl) return;
-  if (state === null) {
-    agentStatusEl.hidden = true;
-    agentStatusEl.removeAttribute('data-mode');
-    agentStatusState = null;
-    return;
-  }
-  agentStatusEl.hidden = false;
-  agentStatusEl.setAttribute('data-mode', state);
-  agentStatusState = state;
-  // 重排一下文本, 避免长时间停留过于单调
-  agentStatusTextIdx = (agentStatusTextIdx + 1) % AGENT_STATUS_TEXTS[state].length;
-  agentStatusTextEl.textContent = AGENT_STATUS_TEXTS[state][agentStatusTextIdx];
-}
-
-function showTyping(container) {
-  hideTyping();
-  // 兼容旧路径: container 参数保留但不再使用, status bar 是全局唯一的
-  void container;
-  setAgentStatus('planning');
-}
-
-function hideTyping() {
-  setAgentStatus(null);
-  // 兜底: 旧版本的 #typing 元素可能还残留在 DOM 里, 顺手清掉
-  const old = document.getElementById('typing');
-  if (old) old.remove();
-  hideStreaming();
+function initTimelinePanel() {
+  if (timelinePanelEl) return;
+  timelinePanelEl = document.getElementById('loop-timeline-panel');
+  timelineRowsEl = document.getElementById('loop-timeline-rows');
+  const abortBtn = document.getElementById('loop-abort-btn');
+  if (abortBtn) abortBtn.addEventListener('click', abortCurrentRun);
+}
+
+function resetTimeline() {
+  if (timelineRowsEl) timelineRowsEl.innerHTML = '';
+  currentTokenRow = null;
+  currentTokenText = '';
+  lastUsedJudgmentIds = [];
+  const title = document.getElementById('loop-timeline-title');
+  if (title) title.textContent = '▸ 运行中';
+}
+
+function showTimelinePanel() {
+  initTimelinePanel();
+  resetTimeline();
+  if (timelinePanelEl) timelinePanelEl.hidden = false;
+}
+
+function hideTimelinePanel() {
+  if (timelinePanelEl) timelinePanelEl.hidden = true;
+}
+
+function scrollTimelineToBottom() {
+  if (timelinePanelEl) timelinePanelEl.scrollTop = timelinePanelEl.scrollHeight;
+}
+
+function appendPhaseRow(text, status) {
+  if (!timelineRowsEl) return;
+  const row = document.createElement('div');
+  row.className = 'loop-row loop-row-phase';
+  row.style.cssText = 'padding:2px 0;color:#374151;';
+  const icon = status === 'done' ? '✓' : status === 'error' ? '✗' : '●';
+  row.innerHTML = `<span style="color:#6b7280;">${icon}</span> <span>${escapeHtml(text)}</span>`;
+  timelineRowsEl.appendChild(row);
+  scrollTimelineToBottom();
+}
+
+function appendOrUpdateTokenRow(delta) {
+  if (!timelineRowsEl) return;
+  if (!currentTokenRow) {
+    currentTokenRow = document.createElement('div');
+    currentTokenRow.className = 'loop-row loop-row-token';
+    currentTokenRow.style.cssText = 'padding:2px 0 2px 16px;color:#1f2937;white-space:pre-wrap;word-break:break-word;';
+    currentTokenText = '';
+    timelineRowsEl.appendChild(currentTokenRow);
+  }
+  currentTokenText += delta;
+  currentTokenRow.textContent = currentTokenText;
+  scrollTimelineToBottom();
+}
+
+function appendToolRow(toolName, status) {
+  if (!timelineRowsEl) return;
+  const row = document.createElement('div');
+  row.className = 'loop-row loop-row-tool';
+  row.dataset.status = status;
+  row.style.cssText = 'padding:2px 0;color:#1e40af;cursor:pointer;user-select:none;';
+  const icon = status === 'done' ? '✓' : status === 'error' ? '✗' : '●';
+  row.innerHTML = `<span style="color:#6b7280;">${icon}</span> ${escapeHtml(toolName)} <span class="toggle" style="color:#6b7280;">▸</span>`;
+  row.addEventListener('click', () => {
+    const detail = row.nextElementSibling;
+    if (detail && detail.classList.contains('loop-row-tool-detail')) {
+      const isHidden = detail.style.display === 'none';
+      detail.style.display = isHidden ? 'block' : 'none';
+      const tg = row.querySelector('.toggle');
+      if (tg) tg.textContent = isHidden ? '▾' : '▸';
+    }
+  });
+  timelineRowsEl.appendChild(row);
+  return row;
 }
 
-let streamingMessageEl = null;
-
-function showStreaming(container) {
-  const msgContainer = container || messagesContainers.get(currentChannelId) || messagesEl;
-  hideStreaming();
-  streamingMessageEl = document.createElement('div');
-  streamingMessageEl.className = 'message message-ai';
-  streamingMessageEl.id = 'streaming';
-  const bubble = document.createElement('div');
-  bubble.className = 'bubble bubble-ai streaming-content';
-  streamingMessageEl.appendChild(bubble);
-  msgContainer.appendChild(streamingMessageEl);
-  msgContainer.scrollTop = msgContainer.scrollHeight;
+function appendToolDetail(row, content) {
+  if (!row || !timelineRowsEl) return;
+  const detail = document.createElement('div');
+  detail.className = 'loop-row loop-row-tool-detail';
+  detail.style.cssText = 'padding:4px 0 6px 24px;color:#4b5563;font-size:11px;white-space:pre-wrap;word-break:break-word;background:#f3f4f6;border-radius:3px;margin-bottom:4px;';
+  detail.textContent = content;
+  detail.style.display = 'none';
+  timelineRowsEl.insertBefore(detail, row.nextSibling);
+  scrollTimelineToBottom();
 }
 
-function hideStreaming() {
-  if (streamingMessageEl) {
-    streamingMessageEl.remove();
-    streamingMessageEl = null;
+function findLastPendingToolRow() {
+  if (!timelineRowsEl) return null;
+  const rows = timelineRowsEl.querySelectorAll('.loop-row-tool');
+  for (let i = rows.length - 1; i >= 0; i--) {
+    if (rows[i].dataset.status === 'pending') return rows[i];
   }
+  return null;
 }
 
-function updateStreamingContent(content, container) {
-  const msgContainer = container || messagesContainers.get(currentChannelId) || messagesEl;
-  if (streamingMessageEl) {
-    const bubble = streamingMessageEl.querySelector('.streaming-content');
-    if (bubble) {
-      bubble.textContent = content;
-      msgContainer.scrollTop = msgContainer.scrollHeight;
-    }
+function handlePhaseEventTimeline(data) {
+  initTimelinePanel();
+  const tmpl = PHASE_TEXT[data.phase];
+  if (!tmpl) return;
+  if (timelinePanelEl.hidden) showTimelinePanel();
+  let text = tmpl;
+  if (data.usedCount !== undefined) text = text.replace('{usedCount}', String(data.usedCount));
+  if (data.detail && (data.phase === 'd_done' || data.phase === 'd_skip' || data.phase === 'd_error')) {
+    text = `${text} — ${data.detail}`;
   }
+  const status = data.phase.endsWith('_done') || data.phase === 'd_skip' ? 'done'
+               : data.phase === 'd_error' ? 'error' : 'pending';
+  appendPhaseRow(text, status);
 }
 
-function handleStreamEvent(data, container) {
-  const msgContainer = container || messagesContainers.get(currentChannelId) || messagesEl;
-  // 始终确保有工作流显示区域
-  if (!workflowDisplayEl) {
-    workflowDisplayEl = createWorkflowDisplay();
-    msgContainer.appendChild(workflowDisplayEl);
-  }
-
-  if (data.streamType === 'thinking') {
-    showStreaming(msgContainer);
-    updateStreamingContent(data.content || '思考中...', msgContainer);
-  } else if (data.streamType === 'token') {
-    showStreaming(msgContainer);
-    const current = streamingMessageEl?.querySelector('.streaming-content')?.textContent || '';
-    updateStreamingContent(current + data.content, msgContainer);
-  }
-}
-
-function handleStatusEvent(data, container) {
-  const msgContainer = container || messagesContainers.get(currentChannelId) || messagesEl;
-  // 检查是否是工具调用结果
+function handleStatusEventTimeline(data) {
+  initTimelinePanel();
   const content = data.content || '';
   const isJsonResult = content.startsWith('{') && content.includes('"success"');
-
-  if (isJsonResult) {
-    // 工具结果：折叠显示
-    showToolResult(data.tool, content, msgContainer);
+  if (data.tool) {
+    // 工具事件: 折叠行 + 可选挂 output
+    const pending = findLastPendingToolRow();
+    if (pending && pending.textContent && pending.textContent.includes(data.tool) && content.length > 100) {
+      // 把 output 挂到上一个同工具的 pending 行
+      pending.dataset.status = 'done';
+      const iconEl = pending.firstElementChild;
+      if (iconEl) iconEl.textContent = '✓';
+      const tg = pending.querySelector('.toggle');
+      if (tg) tg.textContent = '▸';
+      appendToolDetail(pending, content);
+    } else {
+      const status = isJsonResult ? 'done' : 'pending';
+      const row = appendToolRow(data.tool, status);
+      if (isJsonResult) appendToolDetail(row, content);
+    }
+    scrollTimelineToBottom();
   } else {
-    // 普通状态：流式显示
-    showStreaming(msgContainer);
-    const icon = data.tool ? `🔧 ${data.tool}: ` : '';
-    updateStreamingContent(icon + data.content, msgContainer);
+    // 普通 status: 当作 phase done
+    if (timelinePanelEl.hidden) showTimelinePanel();
+    const label = (data.tool ? `🔧 ${data.tool}: ` : '') + content;
+    appendPhaseRow(label, 'done');
   }
 }
 
-// 显示工具调用结果（折叠）
-let toolResultContainer = null;
-
-function showToolResult(toolName, resultJson, container) {
-  const msgContainer = container || messagesContainers.get(currentChannelId) || messagesEl;
-  // 清理之前的流式显示
-  hideStreaming();
-
-  // 获取或创建工具结果容器
-  if (!toolResultContainer) {
-    toolResultContainer = document.createElement('div');
-    toolResultContainer.className = 'tool-results-container';
-    msgContainer.appendChild(toolResultContainer);
-  }
-
-  // 尝试解析并格式化 JSON
-  let formattedResult = resultJson;
-  try {
-    const parsed = JSON.parse(resultJson);
-    formattedResult = formatToolResult(parsed);
-  } catch {}
-
-  // 创建折叠项
-  const resultEl = document.createElement('div');
-  resultEl.className = 'tool-result-item collapsed';
-
-  const toolDisplayName = toolName || '工具结果';
-  const headerEl = document.createElement('div');
-  headerEl.className = 'tool-result-header';
-  headerEl.innerHTML = `
-    <span class="tool-result-icon">🔧</span>
-    <span class="tool-result-name">${toolDisplayName}</span>
-    <span class="tool-result-toggle">▸</span>
-  `;
-  // 绑定事件处理器（避免内联 onclick）
-  headerEl.addEventListener('click', () => {
-    resultEl.classList.toggle('collapsed');
-    resultEl.classList.toggle('expanded');
-  });
-
-  const contentEl = document.createElement('div');
-  contentEl.className = 'tool-result-content';
-  contentEl.innerHTML = `<pre>${formattedResult}</pre>`;
-
-  resultEl.appendChild(headerEl);
-  resultEl.appendChild(contentEl);
-  toolResultContainer.appendChild(resultEl);
-  msgContainer.scrollTop = msgContainer.scrollHeight;
+function handleStreamTokenEvent(data) {
+  initTimelinePanel();
+  if (timelinePanelEl.hidden) showTimelinePanel();
+  appendOrUpdateTokenRow(data.content || '');
 }
 
-// 格式化工具结果为易读格式
-function formatToolResult(obj, indent = 0) {
-  const spaces = '  '.repeat(indent);
-
-  if (obj === null || obj === undefined) {
-    return 'null';
-  }
-
-  if (typeof obj === 'object') {
-    if (Array.isArray(obj)) {
-      if (obj.length === 0) return '[]';
-      return obj.map(item => spaces + '- ' + formatToolResult(item, indent + 1)).join('\n');
-    }
-
-    const keys = Object.keys(obj);
-    if (keys.length === 0) return '{}';
+function handleQueueUpdateTimeline(data) {
+  const title = document.getElementById('loop-timeline-title');
+  if (!title) return;
+  title.textContent = data.queueLength > 0
+    ? `▸ 运行中 · 队列 +${data.queueLength}`
+    : '▸ 运行中';
+}
 
-    return keys.map(key => {
-      const value = obj[key];
-      if (typeof value === 'object') {
-        return `${spaces}${key}:\n${formatToolResult(value, indent + 1)}`;
-      }
-      return `${spaces}${key}: ${value}`;
-    }).join('\n');
+function finalizeTimelineAsMessage() {
+  const container = messagesContainers.get(currentChannelId) || messagesEl;
+  if (currentTokenText.trim().length > 0) {
+    addMessage(currentTokenText, 'ai', true, container, lastUsedJudgmentIds);
   }
-
-  return String(obj);
+  // tool 折叠行保留在 timeline 内, 用户能回看
 }
 
 // 工作流状态显示
@@ -1567,6 +1567,12 @@ function showUserCommand(command, container, opts) {
   msgContainer.scrollTop = msgContainer.scrollHeight;
 }
 
+// ============================================================
+// 状态条 + phase + queue + abort (UI 体验补丁) — 旧版, 已被 timeline panel 取代
+// ============================================================
+
+
+
 function connect(channelId) {
   const targetChannelId = channelId || currentChannelId;
   if (!targetChannelId) return;
@@ -1674,28 +1680,25 @@ function connect(channelId) {
         }
         // 本地 user 已经由 sendMessage 渲染 + 去重, 这里不再显示
       } else if (data.type === 'ai') {
-        addMessage(data.content, 'ai', true, container);
-        hideTyping();
+        addMessage(data.content, 'ai', true, container, lastUsedJudgmentIds);
       } else if (data.type === 'stream') {
-        handleStreamEvent(data, container);
-        setAgentStatus('executing');
+        if (data.streamType === 'thinking' || data.streamType === 'token') {
+          handleStreamTokenEvent(data);
+        }
       } else if (data.type === 'regenerating') {
+        // 删旧的最后一条 AI 消息, 准备重新生成
         const messages = container.querySelectorAll('.message-ai');
         if (messages.length > 0) {
           const lastAiMsg = messages[messages.length - 1];
           lastAiMsg.remove();
         }
-        showTyping(container);
+        showTimelinePanel();
       } else if (data.type === 'status') {
-        handleStatusEvent(data, container);
-        setAgentStatus('executing');
+        handleStatusEventTimeline(data);
       } else if (data.type === 'done') {
-        hideTyping();
-        // AI 回复完, 把最后一条 ai 消息落盘 (兜底, 避免 server saveSession 漏写)
-        const lastAi = container.querySelector('.message-ai:last-of-type .message-content');
-        if (lastAi) {
-          persistLastMessageToServer('ai', lastAi.textContent || '');
-        }
+        // AI 回复生成完, 从 timeline 拿出 token 文本作为正式消息
+        finalizeTimelineAsMessage();
+        hideTimelinePanel();
       } else if (data.type === 'renamed') {
         const channel = channels.find(c => c.id === data.channelId);
         if (channel) {
@@ -1706,7 +1709,6 @@ function connect(channelId) {
           }
         }
       } else if (data.type === 'error') {
-        hideTyping();
         addMessage('错误: ' + data.content, 'ai', true, container);
       } else if (data.type === 'task_status') {
         handleTaskStatusEvent(data, container);
@@ -1714,6 +1716,13 @@ function connect(channelId) {
         handleWorkflowStepEvent(data, container);
       } else if (data.type === 'workflow_loop') {
         handleWorkflowLoopEvent(data, container);
+      } else if (data.type === 'phase') {
+        handlePhaseEventTimeline(data);
+      } else if (data.type === 'queue_update') {
+        handleQueueUpdateTimeline(data);
+      } else if (data.type === 'used_judgments' && Array.isArray(data.usedIds)) {
+        // 注入门回传: 保存 usedIds, finalizeTimelineAsMessage 时给 addMessage
+        lastUsedJudgmentIds = data.usedIds;
       }
     } catch (parseErr) {
       console.error('[SSE] 解析错误', parseErr);
@@ -1734,7 +1743,7 @@ async function sendMessage() {
   if (container) container.scrollTop = container.scrollHeight;
 
   input.value = '';
-  showTyping();
+  showTimelinePanel();
 
   // 立即把用户消息落盘, 避免切走再切回时丢失
   persistLastMessageToServer('user', text);
@@ -1756,11 +1765,11 @@ async function sendMessage() {
     });
 
     if (!res.ok) {
-      hideTyping();
+      hideTimelinePanel();
       addMessage('发送失败', 'ai');
     }
   } catch (err) {
-    hideTyping();
+    hideTimelinePanel();
     addMessage('连接错误', 'ai');
     console.error('Send error', err);
   }
@@ -2636,11 +2645,45 @@ function switchJudgmentTab(tab) {
   renderJudgments(lastJudgmentsCache);
 }
 
+function switchStatusFilter(status) {
+  currentStatusFilter = status;
+  document.querySelectorAll('.judgment-status-tab').forEach(btn => {
+    const active = btn.dataset.status === status;
+    btn.classList.toggle('active', active);
+    btn.style.background = active ? '#2563eb' : '#e5e7eb';
+    btn.style.color = active ? '#fff' : '#374151';
+  });
+  loadJudgments();
+}
+
+/**
+ * P0.5: 打开判断力 modal 并 filter 到指定 ids
+ * - 调 openJudgmentsModal() + 等 loadJudgments() 完成
+ * - 然后用 ids filter lastJudgmentsCache
+ */
+function openJudgmentsModalWithFilter(ids) {
+  if (!Array.isArray(ids) || ids.length === 0) return;
+  if (typeof openJudgmentsModal === 'function') {
+    openJudgmentsModal();
+  } else if (judgmentsModal) {
+    judgmentsModal.classList.add('active');
+  }
+  // 等 loadJudgments 完成 (它会 await fetch 然后 renderJudgments)
+  setTimeout(() => {
+    if (typeof lastJudgmentsCache === 'undefined') return;
+    lastJudgmentsCache = (lastJudgmentsCache || []).filter((j) => ids.includes(j.id));
+    if (typeof renderJudgments === 'function') {
+      renderJudgments(lastJudgmentsCache);
+    }
+  }, 150);
+}
+
 function hideJudgmentsModal() {
   if (judgmentsModal) judgmentsModal.classList.remove('active');
 }
 
 let currentJudgmentTab = 'channel'; // 'channel' | 'global'
+let currentStatusFilter = 'all'; // 'all' | 'active' | 'superseded' | 'violations'
 let lastJudgmentsCache = []; // 最近一次 loadJudgments 拿到的原始列表, 切 tab / 切 channel 时复用
 
 /**
@@ -2712,6 +2755,19 @@ function renderJudgmentItems(items, opts) {
     const reason = (j.reasons && j.reasons[0]) ? escapeHtml(j.reasons[0]) : '';
     const domain = (j.context && j.context.domain) ? escapeHtml(j.context.domain) : 'general';
     const stakes = (j.context && j.context.stakes) ? escapeHtml(j.context.stakes) : 'medium';
+    const isSuperseded = j.status === 'superseded';
+    const isRejected = j.status === 'rejected';
+    const dimmedStyle = isSuperseded || isRejected
+      ? 'opacity:0.55;background:#f3f4f6;'
+      : '';
+    const statusTag = isSuperseded
+      ? `<span style="display:inline-block;background:#fef3c7;color:#92400e;font-size:10px;padding:1px 6px;border-radius:3px;margin-left:6px;" title="已被新判断力演化替代">已过时</span>`
+      : isRejected
+      ? `<span style="display:inline-block;background:#fee2e2;color:#991b1b;font-size:10px;padding:1px 6px;border-radius:3px;margin-left:6px;">已拒绝</span>`
+      : '';
+    const evolveNote = isSuperseded && j.supersededBy
+      ? `<div style="font-size:10px;color:#6b7280;margin-top:2px;">被新条替代 · ${escapeHtml(j.evolutionReason || 'merged')} · ${escapeHtml(j.evolvedAt || '').substring(0,10)}</div>`
+      : '';
     const bindBtn = showBindToggle
       ? isBound
         ? `<button class="judgment-toggle-btn" data-id="${escapeHtml(j.id)}" data-action="unbind" title="从当前 channel 移除" style="background:none;border:1px solid #fca5a5;color:#b91c1c;padding:1px 8px;border-radius:3px;cursor:pointer;font-size:11px;">× 移除</button>`
@@ -2721,17 +2777,18 @@ function renderJudgmentItems(items, opts) {
       <div class="task-item completed judgment-row"
            data-judgment-id="${escapeHtml(j.id)}"
            draggable="true"
-           style="cursor:grab;">
+           style="cursor:grab;${dimmedStyle}">
         <div class="task-item-header">
           <label class="judgment-checkbox" style="display:flex;align-items:center;cursor:pointer;margin-right:8px;" onclick="event.stopPropagation();">
             <input type="checkbox" class="judgment-select-cb" data-id="${escapeHtml(j.id)}" style="cursor:pointer;" onclick="event.stopPropagation();">
           </label>
           <div class="task-item-title">
-            <span class="judgment-decision">${escapeHtml(j.decision)}</span>
+            <span class="judgment-decision">${escapeHtml(j.decision)}</span>${statusTag}
           </div>
           <span class="task-item-status completed">${stakes}</span>
         </div>
         ${reason ? `<div class="task-item-desc" style="color:#555;font-size:13px;margin-top:4px;">理由: ${reason}</div>` : ''}
+        ${evolveNote}
         <div class="task-item-meta" style="color:#999;font-size:11px;margin-top:4px;display:flex;justify-content:space-between;align-items:center;">
           <span>${domain} · ${escapeHtml(j.timestamp)} · ${escapeHtml(j.id)}</span>
           <span style="display:flex;gap:4px;">
@@ -2748,14 +2805,53 @@ function renderJudgmentItems(items, opts) {
 async function loadJudgments() {
   if (!judgmentsList) return;
   try {
-    const res = await fetch('/api/judgments');
+    // P3: 违规记录走单独 API
+    if (currentStatusFilter === 'violations') {
+      const res = await fetch('/api/judgments/violations?limit=50');
+      if (!res.ok) throw new Error('HTTP ' + res.status);
+      const data = await res.json();
+      renderViolations(data.items || []);
+      judgmentsLoaded = true;
+      return;
+    }
+
+    // 类 B: 自适应扫描建议
+    if (currentStatusFilter === 'adaptive') {
+      const res = await fetch('/api/judgments/adaptive-suggestions');
+      if (!res.ok) throw new Error('HTTP ' + res.status);
+      const data = await res.json();
+      renderAdaptiveSuggestions(data);
+      judgmentsLoaded = true;
+      return;
+    }
+
+    // 阶段 2: causal-judge 因果分析
+    if (currentStatusFilter === 'causal') {
+      const res = await fetch('/api/judgments/causal/correlation?topN=10');
+      if (!res.ok) throw new Error('HTTP ' + res.status);
+      const data = await res.json();
+      renderCausalAnalysis(data.items || []);
+      judgmentsLoaded = true;
+      return;
+    }
+
+    const res = await fetch('/api/judgments?status=' + encodeURIComponent(currentStatusFilter));
     if (!res.ok) throw new Error('HTTP ' + res.status);
     const data = await res.json();
     lastJudgmentsCache = data.judgments || [];
     renderJudgments(lastJudgmentsCache);
     if (judgmentsBadge) {
-      if (data.count > 0) {
-        judgmentsBadge.textContent = data.count;
+      // 徽章永远显示 active 数量; 不跟 filter 变
+      // 当 filter=active 时, 主 fetch 已经返回的就是 active 列表, 直接用 data.count
+      // 当 filter=all/superseded 时, 从主列表本地数 active 条 (status ?? 'active' 兼容老数据)
+      let activeCount;
+      if (currentStatusFilter === 'active') {
+        activeCount = data.count;
+      } else {
+        activeCount = lastJudgmentsCache.filter((j) => (j.status ?? 'active') === 'active').length;
+      }
+      if (activeCount > 0) {
+        judgmentsBadge.textContent = activeCount;
         judgmentsBadge.style.display = '';
       } else {
         judgmentsBadge.style.display = 'none';
@@ -2767,6 +2863,245 @@ async function loadJudgments() {
   }
 }
 
+/**
+ * P3 渲染违规记录 (与 renderJudgments 同位置, 但内容不同)
+ */
+function renderViolations(items) {
+  if (!judgmentsList) return;
+  if (!items || items.length === 0) {
+    judgmentsList.innerHTML = '<div class="task-empty">暂无违规记录 (AI 回复未违反注入原则).</div>';
+    return;
+  }
+  judgmentsList.innerHTML = items.map((v) => {
+    const ts = escapeHtml((v.ts || '').substring(0, 19).replace('T', ' '));
+    const userPrev = escapeHtml(v.userInputPreview || '');
+    const aiPrev = escapeHtml(v.aiReplyPreview || '');
+    const principles = (v.result?.violatedPrinciples || []).map((p) =>
+      `<div style="margin-top:3px;padding:4px 8px;background:#fef2f2;border-radius:3px;">
+        <span style="color:#dc2626;">⚠</span> <strong>${escapeHtml(p.principle || '')}</strong>
+        <span style="color:#991b1b;">— ${escapeHtml(p.reason || '')}</span>
+      </div>`
+    ).join('');
+    return `
+      <div class="task-item" style="border-left:3px solid #dc2626;padding:8px 12px;background:#fffbfb;">
+        <div style="font-size:11px;color:#6b7280;margin-bottom:4px;">${ts} · confidence=${escapeHtml(String(v.result?.confidence ?? 0))}</div>
+        <div style="font-size:12px;color:#1f2937;"><strong>用户:</strong> ${userPrev}</div>
+        <div style="font-size:12px;color:#1f2937;margin-top:2px;"><strong>AI:</strong> ${aiPrev}</div>
+        <div style="margin-top:6px;">${principles}</div>
+      </div>
+    `;
+  }).join('');
+}
+
+/**
+ * 类 B 自适应建议渲染
+ *  - rising (绿色 boost 标记): 7 天使用率高于 30 天均值的 1.5 倍
+ *  - stale (黄色 deprecate 标记): 90 天未用 + 总使用 < 3
+ *  - unused (灰色 review 标记): 30 天未用 + 总使用 < 5
+ * 每条带 "✓ 接受" / "✗ 拒绝" 按钮, 接受会真改库, 拒绝只留痕
+ */
+function renderAdaptiveSuggestions(data) {
+  if (!judgmentsList) return;
+  const { judgmentsTotal, usageEntriesScanned, suggestions, scannedAt } = data;
+  const ts = escapeHtml((scannedAt || '').substring(0, 19).replace('T', ' '));
+
+  if (!suggestions || suggestions.length === 0) {
+    judgmentsList.innerHTML = `
+      <div class="task-empty">📊 自适应扫描: 无建议
+        <div style="margin-top:8px;font-size:11px;color:#6b7280;">扫了 ${judgmentsTotal} 条原则, ${usageEntriesScanned} 条使用记录, 都挺健康.</div>
+        <div style="margin-top:4px;font-size:11px;color:#6b7280;">扫描于 ${ts}</div>
+      </div>`;
+    return;
+  }
+
+  const KIND_STYLE = {
+    rising:  { color: '#059669', bg: '#ecfdf5', label: '↑ rising',  action: 'boost' },
+    stale:   { color: '#92400e', bg: '#fef3c7', label: '⏰ stale',  action: 'deprecate' },
+    unused:  { color: '#6b7280', bg: '#f3f4f6', label: '👀 unused', action: 'review' },
+  };
+
+  const header = `
+    <div style="padding:8px 12px;background:#f9fafb;border-radius:4px;margin-bottom:8px;font-size:11px;color:#374151;">
+      📊 扫描于 ${ts} · ${judgmentsTotal} 条原则 · ${usageEntriesScanned} 条使用记录 · <strong>${suggestions.length}</strong> 条建议
+      <button class="rescan-btn" style="margin-left:8px;background:none;border:1px solid #6b7280;color:#374151;padding:1px 8px;border-radius:3px;cursor:pointer;font-size:11px;">🔄 重新扫描</button>
+    </div>
+  `;
+
+  const rows = suggestions.map((s) => {
+    const style = KIND_STYLE[s.kind] || KIND_STYLE.unused;
+    const m = s.metrics || {};
+    return `
+      <div class="task-item" data-suggestion-key="${escapeHtml(s.key)}"
+           style="border-left:3px solid ${style.color};padding:8px 12px;background:${style.bg};margin-bottom:6px;">
+        <div style="display:flex;align-items:center;gap:6px;margin-bottom:4px;">
+          <span style="color:${style.color};font-weight:600;font-size:12px;">${style.label}</span>
+          <span style="font-size:11px;color:#6b7280;">${s.action === 'boost' ? '建议加权' : s.action === 'deprecate' ? '建议废弃' : '建议审视'}</span>
+        </div>
+        <div style="font-size:12px;color:#1f2937;margin-bottom:4px;"><strong>${escapeHtml(s.decision)}</strong></div>
+        <div style="font-size:11px;color:#6b7280;margin-bottom:6px;">${escapeHtml(s.reason)}</div>
+        <div style="font-size:11px;color:#9ca3af;margin-bottom:6px;">
+          7天 ${m.usage7d || 0} · 30天 ${m.usage30d || 0} · 共 ${m.totalUsage || 0} · 上次用 ${m.daysSinceLastUse || 0} 天前
+        </div>
+        <div style="display:flex;gap:6px;">
+          <button class="adaptive-accept" data-key="${escapeHtml(s.key)}" data-id="${escapeHtml(s.judgmentId)}" data-action-kind="${escapeHtml(s.action)}"
+                  style="background:#059669;color:#fff;border:none;padding:2px 10px;border-radius:3px;cursor:pointer;font-size:11px;">✓ 接受</button>
+          <button class="adaptive-reject" data-key="${escapeHtml(s.key)}" data-id="${escapeHtml(s.judgmentId)}" data-action-kind="${escapeHtml(s.action)}"
+                  style="background:none;border:1px solid #d1d5db;color:#6b7280;padding:2px 10px;border-radius:3px;cursor:pointer;font-size:11px;">✗ 拒绝</button>
+        </div>
+      </div>
+    `;
+  }).join('');
+
+  judgmentsList.innerHTML = header + rows;
+
+  // 绑定按钮
+  const rescanBtn = judgmentsList.querySelector('.rescan-btn');
+  if (rescanBtn) {
+    rescanBtn.onclick = async () => {
+      rescanBtn.disabled = true;
+      rescanBtn.textContent = '🔄 扫描中...';
+      try {
+        const r = await fetch('/api/judgments/adaptive-suggestions?force=1');
+        if (r.ok) renderAdaptiveSuggestions(await r.json());
+      } catch (err) {
+        console.error('[adaptive] rescan failed:', err);
+      } finally {
+        rescanBtn.disabled = false;
+        rescanBtn.textContent = '🔄 重新扫描';
+      }
+    };
+  }
+  judgmentsList.querySelectorAll('.adaptive-accept').forEach((btn) => {
+    btn.onclick = () => applyAdaptiveSuggestion(btn.dataset.key, btn.dataset.id, btn.dataset.actionKind, 'accept');
+  });
+  judgmentsList.querySelectorAll('.adaptive-reject').forEach((btn) => {
+    btn.onclick = () => applyAdaptiveSuggestion(btn.dataset.key, btn.dataset.id, btn.dataset.actionKind, 'reject');
+  });
+}
+
+async function applyAdaptiveSuggestion(key, judgmentId, actionKind, decision) {
+  const row = judgmentsList?.querySelector(`[data-suggestion-key="${key}"]`);
+  if (row) row.style.opacity = '0.5';
+  try {
+    const res = await fetch('/api/judgments/adaptive-apply', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        action: decision,
+        suggestion: {
+          key,
+          judgmentId,
+          kind: actionKind,
+          action: actionKind,
+          decision: '',
+          reason: '',
+          metrics: {},
+          scannedAt: new Date().toISOString(),
+        },
+      }),
+    });
+    if (!res.ok) throw new Error('HTTP ' + res.status);
+    // 视觉反馈: 隐藏该行
+    if (row) row.style.display = 'none';
+  } catch (err) {
+    if (row) row.style.opacity = '';
+    console.error('[adaptive] apply failed:', err);
+    alert('操作失败: ' + (err && err.message || 'unknown'));
+  }
+}
+
+// ============================================================
+// 阶段 2: causal-judge 渲染
+// ============================================================
+
+/**
+ * 渲染关联分析 (top 5 互信息对)
+ * - 显示每对: judgmentA ↔ judgmentB + 互信息 + co-occurrence + 因果方向
+ * - 每条 judgment 旁加"🔬 跑 do-calculus"按钮, 异步显示 causalEffect
+ */
+function renderCausalAnalysis(items) {
+  if (!judgmentsList) return;
+  if (!items || items.length === 0) {
+    judgmentsList.innerHTML = `
+      <div class="task-empty">🔍 因果分析: 无高关联对
+        <div style="margin-top:8px;font-size:11px;color:#6b7280;">usage 数据不足 (至少 3 条同现), 或 LLM 不可用. 多用 bolloon 一段时间后重试.</div>
+      </div>`;
+    return;
+  }
+
+  const rows = items.map((p, idx) => `
+    <div class="task-item" data-causal-idx="${idx}" data-judgment-a="${escapeHtml(p.judgmentA)}" data-judgment-b="${escapeHtml(p.judgmentB)}"
+         style="border-left:3px solid #7c3aed;padding:8px 12px;background:#faf5ff;margin-bottom:6px;">
+      <div style="display:flex;align-items:center;gap:6px;margin-bottom:4px;">
+        <span style="color:#7c3aed;font-weight:600;font-size:12px;">${escapeHtml(p.causalDirection)}</span>
+        <span style="font-size:11px;color:#6b7280;">MI=${p.mutualInfo} · co=${p.coOccurrence}</span>
+      </div>
+      <div style="font-size:11px;color:#374151;margin-bottom:4px;">${escapeHtml(p.explanation || '(无 LLM 解释)')}</div>
+      <div style="font-size:10px;color:#9ca3af;">A: ${escapeHtml(p.judgmentA)} ↔ B: ${escapeHtml(p.judgmentB)}</div>
+      <div style="margin-top:6px;display:flex;gap:6px;">
+        <button class="causal-intervention-a" data-jid="${escapeHtml(p.judgmentA)}"
+                style="background:#7c3aed;color:#fff;border:none;padding:2px 10px;border-radius:3px;cursor:pointer;font-size:11px;">🔬 do(A)</button>
+        <button class="causal-intervention-b" data-jid="${escapeHtml(p.judgmentB)}"
+                style="background:#7c3aed;color:#fff;border:none;padding:2px 10px;border-radius:3px;cursor:pointer;font-size:11px;">🔬 do(B)</button>
+      </div>
+      <div class="causal-result" data-jid="" style="display:none;margin-top:6px;padding:6px;background:#f3e8ff;border-radius:3px;font-size:11px;"></div>
+    </div>
+  `).join('');
+
+  judgmentsList.innerHTML = `
+    <div style="padding:8px 12px;background:#f9fafb;border-radius:4px;margin-bottom:8px;font-size:11px;color:#374151;">
+      🔍 关联分析 (top ${items.length} 互信息对) · <span style="color:#7c3aed;">LLM 推断方向</span>
+      <button class="causal-refresh" style="margin-left:8px;background:none;border:1px solid #7c3aed;color:#7c3aed;padding:1px 8px;border-radius:3px;cursor:pointer;font-size:11px;">🔄 重新跑</button>
+    </div>
+    ${rows}
+  `;
+
+  // 按钮: 重新跑
+  const refresh = judgmentsList.querySelector('.causal-refresh');
+  if (refresh) {
+    refresh.onclick = async () => {
+      refresh.disabled = true;
+      refresh.textContent = '🔄 跑中...';
+      try {
+        const r = await fetch('/api/judgments/causal/correlation?topN=10');
+        if (r.ok) renderCausalAnalysis((await r.json()).items || []);
+      } finally {
+        refresh.disabled = false;
+        refresh.textContent = '🔄 重新跑';
+      }
+    };
+  }
+
+  // 按钮: 跑 do-calculus
+  judgmentsList.querySelectorAll('.causal-intervention-a, .causal-intervention-b').forEach((btn) => {
+    btn.onclick = async () => {
+      const jid = btn.getAttribute('data-jid');
+      const resultDiv = btn.closest('.task-item')?.querySelector('.causal-result');
+      if (!resultDiv) return;
+      resultDiv.style.display = 'block';
+      resultDiv.textContent = '🔬 跑 do-calculus (LLM 模拟反事实)...';
+      btn.disabled = true;
+      try {
+        const r = await fetch(`/api/judgments/causal/intervention?judgmentId=${encodeURIComponent(jid)}`);
+        if (!r.ok) throw new Error('HTTP ' + r.status);
+        const data = await r.json();
+        const effect = data.causalEffect;
+        const sign = effect > 0 ? '+' : '';
+        const color = Math.abs(effect) > 0.5 ? '#dc2626' : Math.abs(effect) > 0.2 ? '#d97706' : '#059669';
+        resultDiv.innerHTML = `
+          <div style="color:${color};font-weight:600;">do-calculus: causalEffect = ${sign}${effect} (${data.marginalContribution})</div>
+          <div style="color:#374151;margin-top:4px;">${escapeHtml(data.reasoning)}</div>
+          <div style="color:#9ca3af;margin-top:4px;">confidence=${data.confidence}</div>
+        `;
+      } catch (err) {
+        resultDiv.innerHTML = `<div style="color:#dc2626;">失败: ${escapeHtml(err.message)}</div>`;
+      } finally {
+        btn.disabled = false;
+      }
+    };
+  });
+}
+
 /** 把 judgment id 加进 / 移出当前 channel.bound_judgment_ids, 然后刷新两边 UI */
 async function toggleChannelJudgment(judgmentId, action) {
   if (!currentChannelId) {
@@ -2833,6 +3168,11 @@ if (judgmentsList) {
     btn.addEventListener('click', () => switchJudgmentTab(btn.dataset.tab));
   });
 
+  // status 过滤
+  document.querySelectorAll('.judgment-status-tab').forEach(btn => {
+    btn.addEventListener('click', () => switchStatusFilter(btn.dataset.status));
+  });
+
   // 拖拽: 每条 judgment 是 drag source, dataTransfer 装 decision text
   judgmentsList.addEventListener('dragstart', (e) => {
     const row = e.target.closest && e.target.closest('.judgment-row');
@@ -3073,13 +3413,84 @@ if (judgmentImportFile) {
   });
 }
 
-// --- 从对话里 "存为判断": 事件委托到消息容器, 匹配 .save-as-judgment ---
+// --- 从对话里 "蒸馏为判断": 事件委托到消息容器, 匹配 .save-as-judgment ---
+// 两条路径:
+// 1. 有 data-channel-id → 调 /api/judgments/distill-from-conversation (B 触发, AI 蒸馏 + 演化对齐)
+// 2. 没有 channelId (老按钮 / 历史数据) → fallback 到老 /api/judgments (直存)
 document.addEventListener('click', async (e) => {
   const btn = e.target.closest && e.target.closest('.save-as-judgment');
   if (!btn) return;
   e.preventDefault();
   e.stopPropagation();
+
+  const channelId = btn.getAttribute('data-channel-id');
   const decision = (btn.getAttribute('data-decision') || '').trim();
+
+  if (channelId) {
+    btn.classList.add('loading');
+    btn.disabled = true;
+    try {
+      const res = await fetch('/api/judgments/distill-from-conversation', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ channelId }),
+      });
+      const out = await res.json();
+      if (!res.ok) throw new Error(out.error || 'HTTP ' + res.status);
+
+      if (!out.triggered) {
+        btn.classList.remove('loading');
+        btn.disabled = false;
+        btn.title = '蒸馏失败: ' + (out.reason || '无内容');
+        return;
+      }
+
+      const j = out.judgment;
+      const ev = out.evolved || { merged: 0, superseded: 0 };
+      btn.classList.remove('loading');
+      btn.classList.add('saved');
+      btn.title = '已蒸馏为判断';
+
+      // inline 确认弹框 (在按钮下方出现, 5 秒后自动消失)
+      showDistillConfirm(btn, {
+        value: j.decision,
+        evidence: (j.reasons && j.reasons[0]) || '',
+        merged: ev.merged,
+        superseded: ev.superseded,
+        onEdit: async (newText) => {
+          try {
+            await fetch('/api/judgments/' + encodeURIComponent(j.id), {
+              method: 'PATCH',
+              headers: { 'Content-Type': 'application/json' },
+              body: JSON.stringify({ decision: newText }),
+            });
+          } catch (err) {
+            console.error('[judgments] edit failed:', err);
+          }
+        },
+        onReject: async () => {
+          try {
+            await fetch('/api/judgments/' + encodeURIComponent(j.id), {
+              method: 'DELETE',
+            });
+          } catch (err) {
+            console.error('[judgments] reject failed:', err);
+          }
+        },
+      });
+
+      // 刷新判断力库缓存
+      setTimeout(() => loadJudgments(), 100);
+    } catch (err) {
+      console.error('[judgments] distill-from-chat failed:', err);
+      btn.classList.remove('loading');
+      btn.disabled = false;
+      btn.title = '蒸馏失败: ' + err.message;
+    }
+    return;
+  }
+
+  // 老路径 fallback (没有 channelId, 直接存原文)
   if (!decision) return;
   try {
     const res = await fetch('/api/judgments', {
@@ -3091,12 +3502,65 @@ document.addEventListener('click', async (e) => {
     if (!out.ok) throw new Error(out.error || 'failed');
     btn.classList.add('saved');
     btn.title = '已存为判断';
-    // 顶部徽章会通过 setInterval 拉新数据, 不用手动触发
   } catch (err) {
     console.error('[judgments] save-from-chat failed:', err);
     btn.title = '保存失败: ' + err.message;
   }
 });
+
+/**
+ * inline 蒸馏确认弹框 — 在按钮下方出现, 显示凝练结果 + 演化结果
+ * 5 秒后自动消失, 用户可点 "编辑" / "拒绝"
+ */
+function showDistillConfirm(btn, opts) {
+  const { value, evidence, merged, superseded, onEdit, onReject } = opts;
+  const old = document.getElementById('distill-confirm-popup');
+  if (old) old.remove();
+
+  const popup = document.createElement('div');
+  popup.id = 'distill-confirm-popup';
+  popup.style.cssText = `
+    position:absolute; z-index:1000;
+    background:#fff; border:1px solid #d1d5db; border-radius:6px;
+    box-shadow:0 4px 12px rgba(0,0,0,0.1);
+    padding:10px 12px; min-width:280px; max-width:380px;
+    font-size:13px; color:#1f2937;
+  `;
+  let evolveNote = '';
+  if (merged > 0 || superseded > 0) {
+    evolveNote = `<div style="font-size:11px;color:#059669;margin-top:6px;">✓ 演化对齐: ${merged} 条已合并${superseded > 0 ? `, ${superseded} 条已淘汰` : ''}</div>`;
+  }
+  popup.innerHTML = `
+    <div style="font-weight:600;margin-bottom:4px;">已蒸馏为判断力</div>
+    <div style="background:#f9fafb;padding:6px 8px;border-radius:4px;line-height:1.4;">${escapeHtml(value)}</div>
+    ${evidence ? `<div style="font-size:11px;color:#6b7280;margin-top:4px;">证据: ${escapeHtml(evidence)}</div>` : ''}
+    ${evolveNote}
+    <div style="display:flex;gap:6px;margin-top:8px;">
+      <button class="dc-edit" style="background:none;border:1px solid #d1d5db;color:#374151;padding:2px 10px;border-radius:3px;cursor:pointer;font-size:11px;">编辑</button>
+      <button class="dc-reject" style="background:none;border:1px solid #fca5a5;color:#b91c1c;padding:2px 10px;border-radius:3px;cursor:pointer;font-size:11px;">拒绝</button>
+      <button class="dc-close" style="margin-left:auto;background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;">×</button>
+    </div>
+  `;
+
+  // 定位
+  const rect = btn.getBoundingClientRect();
+  popup.style.top = (window.scrollY + rect.bottom + 4) + 'px';
+  popup.style.left = (window.scrollX + rect.left) + 'px';
+  document.body.appendChild(popup);
+
+  // 绑定按钮
+  popup.querySelector('.dc-edit').onclick = () => {
+    const newText = prompt('编辑判断力:', value);
+    if (newText && newText.trim() && onEdit) onEdit(newText.trim());
+    popup.remove();
+  };
+  popup.querySelector('.dc-reject').onclick = () => {
+    if (onReject) onReject();
+    popup.remove();
+  };
+  popup.querySelector('.dc-close').onclick = () => popup.remove();
+  setTimeout(() => popup.remove(), 5000);
+}
 if (judgmentSubmitBtn) judgmentSubmitBtn.addEventListener('click', submitJudgment);
 
 // 启动时拉一次, 让徽章显示总数 (不打开 modal 也能看到)