@bolloon/bolloon-agent 0.1.23 → 0.1.25

package/dist/web/client.js

@@ -623,6 +623,11 @@ async function selectChannel(channelId, targetSessionId = null) {
   currentChannelId = channelId;
   reconnectAttempts.set(channelId, 0);
 
+  // v3: 盾牌弹窗打开时, 切 channel 要刷列表 (tab 标题 + 已绑/未绑 分组)
+  if (typeof judgmentsModal !== 'undefined' && judgmentsModal && judgmentsModal.classList.contains('active')) {
+    if (typeof lastJudgmentsCache !== 'undefined') renderJudgments(lastJudgmentsCache);
+  }
+
   // 找到当前频道和 session
   const channel = channels.find(c => c.id === channelId);
   if (channel) {
@@ -909,7 +914,17 @@ function addMessage(content, type, save = true, container) {
     };
 
     actionsDiv.appendChild(copyBtn);
-    actionsDiv.appendChild(regenerateBtn);
+
+    // "存为判断" 按钮: 把这条消息正文作为 decision 存到判断库
+    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> 存为判断`;
+    actionsDiv.appendChild(saveJudgmentBtn);
+    if (type === 'ai') {
+      actionsDiv.appendChild(regenerateBtn);
+    }
     div.appendChild(actionsDiv);
   }
 
@@ -926,8 +941,8 @@ let agentStatusState = null; // 'planning' | 'executing' | null
 let agentStatusTextIdx = 0;
 
 const AGENT_STATUS_TEXTS = {
-  planning: ['正在计划下一步行动', '正在规划任务路径', '正在分析当前状态'],
-  executing: ['正在执行下一步行动', '正在执行任务', '正在调用工具'],
+  planning: ['正在计划', '正在分析', '正在思考'],
+  executing: ['正在执行', '正在调用工具', '正在处理'],
 };
 
 function setAgentStatus(state) {
@@ -1235,10 +1250,9 @@ function handleWorkflowLoopEvent(data, container) {
   const loopCount = workflowDisplayEl.querySelector('.workflow-loop-count');
   const streamsDiv = workflowDisplayEl.querySelector('.workflow-streams');
 
-  // 更新循环次数
+  // 更新循环次数 — 用户不需要看到 "循环 N", 只看步骤内容
   if (data.loopCount !== undefined) {
-    loopCount.textContent = `循环 #${data.loopCount}`;
-    loopCount.style.display = 'inline';
+    // 不显示循环计数, 仅在内部保留
   }
 
   // 显示循环信息
@@ -1248,8 +1262,7 @@ function handleWorkflowLoopEvent(data, container) {
     loopEl.innerHTML = `
       <div class="loop-header">
         <span class="loop-icon">🔁</span>
-        <span>循环 ${data.loopCount || '?'}</span>
-        <span class="loop-status">${data.status || ''}</span>
+        <span class="loop-status">${data.status || '执行中'}</span>
       </div>
       <div class="loop-content">${data.content}</div>
     `;
@@ -1496,6 +1509,44 @@ input.addEventListener('keydown', (e) => {
   }
 });
 
+// 拖拽落点: 把判断库里的判断拖到输入框, 直接作为指令发给 AI (走"代我决定"路径).
+// 用户拖进来后输入框被预填, 点发送就把这条判断作为指令交给当前 agent.
+const inputArea = document.querySelector('.input-area');
+if (input && inputArea) {
+  const onDragOver = (e) => {
+    if (e.dataTransfer && Array.from(e.dataTransfer.types || []).includes('application/x-bolloon-judgment')) {
+      e.preventDefault();
+      e.dataTransfer.dropEffect = 'copy';
+      inputArea.classList.add('drop-target');
+    }
+  };
+  const onDragLeave = (e) => {
+    if (e.target === inputArea || !inputArea.contains(e.relatedTarget)) {
+      inputArea.classList.remove('drop-target');
+    }
+  };
+  const onDrop = (e) => {
+    inputArea.classList.remove('drop-target');
+    const raw = e.dataTransfer.getData('application/x-bolloon-judgment');
+    if (!raw) return;
+    e.preventDefault();
+    try {
+      const { id, decision } = JSON.parse(raw);
+      // 预填输入框: 用户可改, 然后发出去 AI 就知道"按这条判断做"
+      const prefix = input.value.trim() ? input.value.trim() + '\n' : '';
+      input.value = `${prefix}按我的判断 #${id?.substring(0, 8) || ''} 执行: ${decision}`;
+      input.focus();
+      // 视觉提示
+      input.style.transition = 'box-shadow 0.3s';
+      input.style.boxShadow = '0 0 0 2px #2563eb';
+      setTimeout(() => { input.style.boxShadow = ''; }, 800);
+    } catch {}
+  };
+  inputArea.addEventListener('dragover', onDragOver);
+  inputArea.addEventListener('dragleave', onDragLeave);
+  inputArea.addEventListener('drop', onDrop);
+}
+
 if (themeToggle) {
   themeToggle.addEventListener('click', toggleTheme);
 }
@@ -1932,6 +1983,513 @@ if (taskModalClose) {
   taskModalClose.addEventListener('click', hideTaskModal);
 }
 
+// ==================== Judgments (v1 极简) ====================
+const judgmentsModal = document.getElementById('judgments-modal');
+const judgmentsBtn = document.getElementById('judgments-btn');
+const judgmentsModalClose = document.getElementById('judgments-modal-close');
+const judgmentDecision = document.getElementById('judgment-decision');
+const judgmentReason = document.getElementById('judgment-reason');
+const judgmentDomain = document.getElementById('judgment-domain');
+const judgmentStakes = document.getElementById('judgment-stakes');
+const judgmentSubmitBtn = document.getElementById('judgment-submit-btn');
+const judgmentError = document.getElementById('judgment-error');
+const judgmentsList = document.getElementById('judgments-list');
+const judgmentsBadge = document.getElementById('judgments-badge');
+
+let judgmentsLoaded = false;
+
+function showJudgmentsModal() {
+  if (judgmentsModal) judgmentsModal.classList.add('active');
+  if (!judgmentsLoaded) loadJudgments();
+  else renderJudgments(lastJudgmentsCache); // 打开时按当前 channel / tab 重渲
+}
+
+function switchJudgmentTab(tab) {
+  currentJudgmentTab = tab;
+  document.querySelectorAll('.judgment-tab').forEach(btn => {
+    const active = btn.dataset.tab === tab;
+    btn.classList.toggle('active', active);
+    btn.style.borderBottomColor = active ? '#2563eb' : 'transparent';
+    btn.style.color = active ? '#2563eb' : '#6b7280';
+  });
+  renderJudgments(lastJudgmentsCache);
+}
+
+function hideJudgmentsModal() {
+  if (judgmentsModal) judgmentsModal.classList.remove('active');
+}
+
+function escapeHtml(s) {
+  return String(s || '').replace(/[&<>"']/g, c => ({
+    '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;'
+  }[c]));
+}
+
+let currentJudgmentTab = 'channel'; // 'channel' | 'global'
+let lastJudgmentsCache = []; // 最近一次 loadJudgments 拿到的原始列表, 切 tab / 切 channel 时复用
+
+/**
+ * v3 重做: 渲染判断力列表 (受 tab + 当前 channel 影响)
+ *   tab = 'channel': 拆为"已绑定" + "未绑定"两组, 每条带 + / × 按钮
+ *   tab = 'global':  全部 judgment 列表, 无 + / × 按钮
+ * 如果没选 channel, 'channel' tab 自动显示提示 + 全部 judgment
+ */
+function renderJudgments(items) {
+  if (!judgmentsList) return;
+  const all = items || [];
+  const titleEl = document.getElementById('judgments-list-title');
+  const chNameEl = document.getElementById('judgments-tab-channel-name');
+  const currentCh = currentChannelId
+    ? channels.find(c => c.id === currentChannelId)
+    : null;
+
+  if (chNameEl) {
+    chNameEl.textContent = currentCh ? `(${currentCh.name})` : '(未选)';
+  }
+
+  if (all.length === 0) {
+    judgmentsList.innerHTML = '<div class="task-empty">还没有判断, 在上面记录第一条吧</div>';
+    if (titleEl) titleEl.textContent = '本 channel 的判断力';
+    return;
+  }
+
+  if (currentJudgmentTab === 'global') {
+    // 全局 tab: 全部 judgment, 简单列表
+    if (titleEl) titleEl.textContent = `全局判断力 (${all.length} 条)`;
+    judgmentsList.innerHTML = renderJudgmentItems(all, { showBindToggle: false });
+    return;
+  }
+
+  // channel tab: 必须有 channel
+  if (!currentCh) {
+    if (titleEl) titleEl.textContent = '本 channel 的判断力';
+    judgmentsList.innerHTML = `
+      <div style="padding:24px 12px;text-align:center;color:#6b7280;font-size:13px;">
+        请先在左侧选中一个 channel,<br>然后这里会显示已绑定和可加入的判断力。
+      </div>
+    `;
+    return;
+  }
+
+  const boundIds = new Set(
+    Array.isArray(currentCh.bound_judgment_ids) ? currentCh.bound_judgment_ids : []
+  );
+  const bound = all.filter(j => boundIds.has(j.id));
+  const unbound = all.filter(j => !boundIds.has(j.id));
+
+  if (titleEl) titleEl.textContent = `${currentCh.name} 的判断力 (已绑 ${bound.length} / 共 ${all.length})`;
+
+  let html = '';
+  if (bound.length > 0) {
+    html += `<div style="font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:0.5px;padding:8px 4px 4px;">已绑定 (${bound.length})</div>`;
+    html += renderJudgmentItems(bound, { showBindToggle: true, isBound: true });
+  }
+  if (unbound.length > 0) {
+    html += `<div style="font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:0.5px;padding:14px 4px 4px;">未绑定 (${unbound.length})</div>`;
+    html += renderJudgmentItems(unbound, { showBindToggle: true, isBound: false });
+  }
+  judgmentsList.innerHTML = html;
+}
+
+function renderJudgmentItems(items, opts) {
+  const { showBindToggle, isBound } = opts || {};
+  return items.map(j => {
+    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 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>`
+        : `<button class="judgment-toggle-btn" data-id="${escapeHtml(j.id)}" data-action="bind" title="加进当前 channel" style="background:none;border:1px solid #6b7280;color:#6b7280;padding:1px 8px;border-radius:3px;cursor:pointer;font-size:11px;">+ 加入</button>`
+      : '';
+    return `
+      <div class="task-item completed judgment-row"
+           data-judgment-id="${escapeHtml(j.id)}"
+           draggable="true"
+           style="cursor:grab;">
+        <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>🛡️</span>
+            <span class="judgment-decision">${escapeHtml(j.decision)}</span>
+          </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>` : ''}
+        <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;">
+            ${bindBtn}
+            <button class="judgment-edit-btn" data-id="${escapeHtml(j.id)}" title="编辑判断" style="background:none;border:1px solid #d1d5db;color:#374151;padding:1px 8px;border-radius:3px;cursor:pointer;font-size:11px;">编辑</button>
+            <button class="judgment-del-btn" data-id="${escapeHtml(j.id)}" title="删除判断" style="background:none;border:1px solid #fca5a5;color:#b91c1c;padding:1px 8px;border-radius:3px;cursor:pointer;font-size:11px;">删除</button>
+          </span>
+        </div>
+      </div>
+    `;
+  }).join('');
+}
+
+async function loadJudgments() {
+  if (!judgmentsList) return;
+  try {
+    const res = await fetch('/api/judgments');
+    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;
+        judgmentsBadge.style.display = '';
+      } else {
+        judgmentsBadge.style.display = 'none';
+      }
+    }
+    judgmentsLoaded = true;
+  } catch (e) {
+    if (judgmentsList) judgmentsList.innerHTML = '<div class="task-empty">加载失败: ' + escapeHtml(e.message) + '</div>';
+  }
+}
+
+/** 把 judgment id 加进 / 移出当前 channel.bound_judgment_ids, 然后刷新两边 UI */
+async function toggleChannelJudgment(judgmentId, action) {
+  if (!currentChannelId) {
+    showJudgmentError('请先选中一个 channel');
+    return;
+  }
+  const ch = channels.find(c => c.id === currentChannelId);
+  if (!ch) return;
+  const set = new Set(Array.isArray(ch.bound_judgment_ids) ? ch.bound_judgment_ids : []);
+  if (action === 'bind') set.add(judgmentId);
+  else set.delete(judgmentId);
+  const next = Array.from(set);
+  try {
+    const res = await fetch(`/channels/${currentChannelId}`, {
+      method: 'PATCH',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ bound_judgment_ids: next })
+    });
+    if (!res.ok) {
+      const err = await res.json().catch(() => ({}));
+      throw new Error(err.error || `HTTP ${res.status}`);
+    }
+    const updated = await res.json();
+    const idx = channels.findIndex(c => c.id === currentChannelId);
+    if (idx >= 0) channels[idx] = updated;
+    // 弹窗开着就刷新, 关着就跳过
+    if (judgmentsModal && judgmentsModal.classList.contains('active')) {
+      renderJudgments(lastJudgmentsCache);
+    }
+  } catch (err) {
+    showJudgmentError('绑定失败: ' + err.message);
+  }
+}
+
+// 列表内编辑/删除 + 拖拽 — 事件委托
+if (judgmentsList) {
+  judgmentsList.addEventListener('click', async (e) => {
+    const editBtn = e.target.closest && e.target.closest('.judgment-edit-btn');
+    const delBtn = e.target.closest && e.target.closest('.judgment-del-btn');
+    const toggleBtn = e.target.closest && e.target.closest('.judgment-toggle-btn');
+    if (editBtn) {
+      const id = editBtn.getAttribute('data-id');
+      await editJudgment(id);
+    } else if (delBtn) {
+      const id = delBtn.getAttribute('data-id');
+      if (!confirm('确定删除这条判断?')) return;
+      try {
+        const res = await fetch('/api/judgments/' + encodeURIComponent(id), { method: 'DELETE' });
+        const out = await res.json();
+        if (!out.ok) throw new Error(out.error || 'delete failed');
+        await loadJudgments();
+      } catch (err) {
+        showJudgmentError('删除失败: ' + err.message);
+      }
+    } else if (toggleBtn) {
+      const id = toggleBtn.getAttribute('data-id');
+      const action = toggleBtn.getAttribute('data-action');
+      await toggleChannelJudgment(id, action);
+    }
+  });
+
+  // tab 切换
+  document.querySelectorAll('.judgment-tab').forEach(btn => {
+    btn.addEventListener('click', () => switchJudgmentTab(btn.dataset.tab));
+  });
+
+  // 拖拽: 每条 judgment 是 drag source, dataTransfer 装 decision text
+  judgmentsList.addEventListener('dragstart', (e) => {
+    const row = e.target.closest && e.target.closest('.judgment-row');
+    if (!row) return;
+    const decision = row.querySelector('.judgment-decision')?.textContent || '';
+    const id = row.getAttribute('data-judgment-id') || '';
+    e.dataTransfer.effectAllowed = 'copy';
+    e.dataTransfer.setData('text/plain', decision);
+    e.dataTransfer.setData('application/x-bolloon-judgment', JSON.stringify({ id, decision }));
+  });
+
+  // 多选 checkbox 变化 → 更新工具栏
+  judgmentsList.addEventListener('change', (e) => {
+    if (e.target.classList && e.target.classList.contains('judgment-select-cb')) {
+      updateBulkDeleteToolbar();
+    }
+  });
+}
+
+// 批量选择工具栏: 全选 / 计数 / 启用删除按钮
+const judgmentSelectAll = document.getElementById('judgment-select-all');
+const judgmentSelectedCount = document.getElementById('judgment-selected-count');
+const judgmentBulkDeleteBtn = document.getElementById('judgment-bulk-delete-btn');
+
+function getSelectedJudgmentIds() {
+  if (!judgmentsList) return [];
+  return Array.from(judgmentsList.querySelectorAll('.judgment-select-cb'))
+    .filter(cb => cb.checked)
+    .map(cb => cb.getAttribute('data-id'))
+    .filter(Boolean);
+}
+
+function updateBulkDeleteToolbar() {
+  const ids = getSelectedJudgmentIds();
+  if (judgmentSelectedCount) judgmentSelectedCount.textContent = `已选 ${ids.length}`;
+  if (judgmentBulkDeleteBtn) {
+    judgmentBulkDeleteBtn.disabled = ids.length === 0;
+    judgmentBulkDeleteBtn.style.opacity = ids.length === 0 ? '0.5' : '1';
+    judgmentBulkDeleteBtn.style.cursor = ids.length === 0 ? 'not-allowed' : 'pointer';
+  }
+  // 全选 checkbox 的 indeterminate / checked 状态同步
+  if (judgmentSelectAll && judgmentsList) {
+    const all = judgmentsList.querySelectorAll('.judgment-select-cb');
+    const checked = Array.from(all).filter(cb => cb.checked);
+    judgmentSelectAll.checked = all.length > 0 && checked.length === all.length;
+    judgmentSelectAll.indeterminate = checked.length > 0 && checked.length < all.length;
+  }
+}
+
+if (judgmentSelectAll) {
+  judgmentSelectAll.addEventListener('change', (e) => {
+    if (!judgmentsList) return;
+    const checked = e.target.checked;
+    judgmentsList.querySelectorAll('.judgment-select-cb').forEach(cb => { cb.checked = checked; });
+    updateBulkDeleteToolbar();
+  });
+}
+
+if (judgmentBulkDeleteBtn) {
+  judgmentBulkDeleteBtn.addEventListener('click', async () => {
+    const ids = getSelectedJudgmentIds();
+    if (ids.length === 0) return;
+    if (!confirm(`确定删除选中的 ${ids.length} 条判断? 此操作不可撤销.`)) return;
+    judgmentBulkDeleteBtn.disabled = true;
+    try {
+      const res = await fetch('/api/judgments/batch-delete', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ ids }),
+      });
+      const out = await res.json();
+      if (!out.ok) throw new Error(out.error || 'failed');
+      showJudgmentOk(`✓ 批量删除 ${out.deleted} 条${out.notFound?.length ? ` (${out.notFound.length} 条未找到)` : ''}`);
+      await loadJudgments();
+    } catch (err) {
+      showJudgmentError('批量删除失败: ' + err.message);
+    } finally {
+      if (judgmentBulkDeleteBtn) judgmentBulkDeleteBtn.disabled = false;
+    }
+  });
+}
+
+async function editJudgment(id) {
+  // 简单做法: 用 prompt 弹 3 个字段. 想要更好的体验就用 inline editor, 但 v1 不必.
+  const all = await (await fetch('/api/judgments')).json();
+  const j = (all.judgments || []).find(x => x.id === id);
+  if (!j) { showJudgmentError('找不到该判断 (可能已删除)'); return; }
+  const newDecision = prompt('修改判断 (decision):', j.decision);
+  if (newDecision === null) return;
+  const newReason = prompt('修改理由 (reason, 留空不改):', (j.reasons && j.reasons[0]) || '');
+  const newStakes = prompt('修改风险 (low/medium/high/critical):', (j.context && j.context.stakes) || 'medium');
+  const patch = {
+    decision: newDecision.trim() || j.decision,
+    reasons: newReason !== null ? [newReason.trim()].filter(Boolean) : j.reasons,
+    context: newStakes ? { ...(j.context || {}), stakes: newStakes } : j.context,
+  };
+  try {
+    const res = await fetch('/api/judgments/' + encodeURIComponent(id), {
+      method: 'PATCH',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(patch),
+    });
+    const out = await res.json();
+    if (!out.ok) throw new Error(out.error || 'update failed');
+    showJudgmentOk('✓ 已更新');
+    await loadJudgments();
+  } catch (err) {
+    showJudgmentError('更新失败: ' + err.message);
+  }
+}
+
+async function submitJudgment() {
+  if (!judgmentSubmitBtn) return;
+  const decision = (judgmentDecision?.value || '').trim();
+  const reason = (judgmentReason?.value || '').trim();
+  if (!decision) {
+    if (judgmentError) { judgmentError.textContent = '判断不能为空'; judgmentError.style.display = ''; }
+    return;
+  }
+  judgmentSubmitBtn.disabled = true;
+  if (judgmentError) judgmentError.style.display = 'none';
+  try {
+    const res = await fetch('/api/judgments', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        decision,
+        reason: reason || undefined,
+        context: { domain: judgmentDomain?.value, stakes: judgmentStakes?.value },
+      }),
+    });
+    const out = await res.json();
+    if (!out.ok) throw new Error(out.error || 'unknown');
+    if (judgmentDecision) judgmentDecision.value = '';
+    if (judgmentReason) judgmentReason.value = '';
+    await loadJudgments();
+
+    // AI 自动委派: fire-and-forget. 根据 domain 找匹配的远端 agent, 触发 agent_delegate 协议.
+    // 失败也不影响本次记录.
+    try {
+      const del = await fetch('/api/judgments/auto-delegate', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          judgmentId: out.judgment.id,
+          capability: judgmentDomain?.value || 'general',
+          instruction: `执行判断: ${out.judgment.decision}` + (reason ? ` (理由: ${reason})` : ''),
+        }),
+      });
+      const delOut = await del.json();
+      if (delOut.matched && delOut.sent) {
+        showJudgmentOk(`✓ 已记录并自动委派给 ${delOut.targetAgent.name}`);
+      } else if (delOut.matched) {
+        showJudgmentOk(`✓ 已记录 (匹配到 ${delOut.targetAgent.name}, 但 ${delOut.reason || '未发送'})`);
+      } else {
+        showJudgmentOk('✓ 已记录 (本地, 无匹配远端 agent)');
+      }
+    } catch (e) {
+      console.warn('[judgments] auto-delegate fire failed:', e);
+    }
+  } catch (e) {
+    if (judgmentError) { judgmentError.textContent = '记录失败: ' + e.message; judgmentError.style.display = ''; }
+  } finally {
+    judgmentSubmitBtn.disabled = false;
+  }
+}
+
+if (judgmentsBtn) judgmentsBtn.addEventListener('click', showJudgmentsModal);
+if (judgmentsModalClose) judgmentsModalClose.addEventListener('click', hideJudgmentsModal);
+if (judgmentsModal) {
+  judgmentsModal.addEventListener('click', (e) => {
+    if (e.target === judgmentsModal) hideJudgmentsModal();
+  });
+}
+
+// --- 导入文件 (.json / .yaml / .md / .txt / .html) ---
+const judgmentImportBtn = document.getElementById('judgment-import-btn');
+const judgmentImportFile = document.getElementById('judgment-import-file');
+
+function showJudgmentError(msg) {
+  if (!judgmentError) return;
+  judgmentError.textContent = msg;
+  judgmentError.style.display = '';
+  judgmentError.style.color = '#b91c1c';
+}
+function showJudgmentOk(msg) {
+  if (!judgmentError) return;
+  judgmentError.textContent = msg;
+  judgmentError.style.display = '';
+  judgmentError.style.color = '#15803d';
+}
+
+function fileToBase64(file) {
+  return new Promise((resolve, reject) => {
+    const r = new FileReader();
+    r.onload = () => {
+      // result is "data:<mime>;base64,<payload>" — strip prefix
+      const s = String(r.result || '');
+      const idx = s.indexOf(',');
+      resolve(idx >= 0 ? s.substring(idx + 1) : s);
+    };
+    r.onerror = () => reject(r.error || new Error('read failed'));
+    r.readAsDataURL(file);
+  });
+}
+
+async function importJudgmentFile(file) {
+  if (!file) return;
+  if (judgmentImportBtn) judgmentImportBtn.disabled = true;
+  try {
+    const content = await fileToBase64(file);
+    const res = await fetch('/api/judgments/import', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ filename: file.name, content }),
+    });
+    const out = await res.json();
+    if (!out.ok) throw new Error(out.error || 'import failed');
+    showJudgmentOk(`✓ 导入 ${out.imported} 条${out.failed ? `, ${out.failed} 条失败` : ''}`);
+    await loadJudgments();
+  } catch (e) {
+    showJudgmentError('导入失败: ' + e.message);
+  } finally {
+    if (judgmentImportBtn) judgmentImportBtn.disabled = false;
+    if (judgmentImportFile) judgmentImportFile.value = '';
+  }
+}
+
+if (judgmentImportBtn) {
+  judgmentImportBtn.addEventListener('click', () => {
+    if (judgmentImportFile) judgmentImportFile.click();
+  });
+}
+if (judgmentImportFile) {
+  judgmentImportFile.addEventListener('change', (e) => {
+    const f = e.target.files && e.target.files[0];
+    if (f) importJudgmentFile(f);
+  });
+}
+
+// --- 从对话里 "存为判断": 事件委托到消息容器, 匹配 .save-as-judgment ---
+document.addEventListener('click', async (e) => {
+  const btn = e.target.closest && e.target.closest('.save-as-judgment');
+  if (!btn) return;
+  e.preventDefault();
+  e.stopPropagation();
+  const decision = (btn.getAttribute('data-decision') || '').trim();
+  if (!decision) return;
+  try {
+    const res = await fetch('/api/judgments', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ decision, reason: '从对话保存' }),
+    });
+    const out = await res.json();
+    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;
+  }
+});
+if (judgmentSubmitBtn) judgmentSubmitBtn.addEventListener('click', submitJudgment);
+
+// 启动时拉一次, 让徽章显示总数 (不打开 modal 也能看到)
+loadJudgments();
+// 后台定期刷新 (与 modal 打开/关闭无关, 任何时候都保持徽章新鲜)
+setInterval(loadJudgments, 10000);
+
 if (taskModal) {
   taskModal.addEventListener('click', (e) => {
     if (e.target === taskModal) {
@@ -2402,7 +2960,10 @@ if (agentAddConfirmBtn) {
         const res = await fetch(`/channels/${channelId}`, {
           method: 'PATCH',
           headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ walletAddress: walletAddress || null, autoInvokeTools })
+          body: JSON.stringify({
+            walletAddress: walletAddress || null,
+            autoInvokeTools
+          })
         });
         if (!res.ok) throw new Error('update failed');
         const updated = await res.json();
@@ -2417,4 +2978,3 @@ if (agentAddConfirmBtn) {
     }
   });
 }
-