/* AI Worker 项目管理平台 - 前端 SPA（V1） */
'use strict';

const $ = (sel, el = document) => el.querySelector(sel);
const $$ = (sel, el = document) => [...el.querySelectorAll(sel)];
const esc = s => String(s ?? '').replace(/[&<>"']/g, c => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]));
const fmtTime = ts => ts ? new Date(ts * 1000).toLocaleString('zh-CN', {hour12:false}) : '—';
const fmtMoney = v => (v ?? 0) >= 0.01 ? '¥' + Number(v).toFixed(2) : '¥' + Number(v ?? 0).toFixed(4);

const STATUS = {
  todo: {label:'待执行', cls:'st-todo'}, running:{label:'执行中', cls:'st-running'},
  review:{label:'待审核', cls:'st-review'}, done:{label:'已完成', cls:'st-done'},
  rejected:{label:'已打回', cls:'st-rejected'}, failed:{label:'失败', cls:'st-failed'},
  cancelled:{label:'已取消', cls:'st-cancelled'}
};
const PRI = {high:'高', medium:'中', low:'低'};
const KANBAN_ORDER = ['todo','running','review','done','rejected','failed'];
const ALERT_LEVEL = {info:'ℹ️', warn:'⚠️', critical:'🚨'};

/* ---------- 轻量 Markdown 渲染（无外部依赖） ---------- */
function mdInline(s) {
  // 先转义，再应用行内格式
  s = esc(s);
  s = s.replace(/`([^`]+)`/g, '<code>$1</code>');
  s = s.replace(/\*\*([^*]+)\*\*/g, '<b>$1</b>');
  s = s.replace(/__([^_]+)__/g, '<b>$1</b>');
  s = s.replace(/\*([^*\n]+)\*/g, '<i>$1</i>');
  s = s.replace(/(^|[^\w])\[([^\]]+)\]\(([^)\s]+)\)/g, '$1<a href="$3" target="_blank" rel="noopener">$2</a>');
  return s;
}

function mdToHtml(md) {
  if (!md) return '';
  const lines = String(md).replace(/\r\n?/g, '\n').split('\n');
  const out = [];
  let i = 0;
  const flushCode = (buf, lang) => {
    if (buf.length) out.push(`<pre class="md-code"><code>${esc(buf.join('\n'))}</code></pre>`);
  };
  let codeBuf = null, codeLang = '';
  while (i < lines.length) {
    let line = lines[i];
    const fence = line.match(/^```(\w*)\s*$/);
    if (fence) {
      if (codeBuf !== null) { flushCode(codeBuf, codeLang); codeBuf = null; }
      else { codeBuf = []; codeLang = fence[1]; }
      i++; continue;
    }
    if (codeBuf !== null) { codeBuf.push(line); i++; continue; }
    const h = line.match(/^(#{1,6})\s+(.*)$/);
    if (h) { const lv = h[1].length; out.push(`<h${lv} class="md-h">${mdInline(h[2])}</h${lv}>`); i++; continue; }
    if (/^\s*([-*+])\s+/.test(line)) {
      const items = [];
      while (i < lines.length && /^\s*([-*+])\s+/.test(lines[i])) {
        items.push(`<li>${mdInline(lines[i].replace(/^\s*([-*+])\s+/, ''))}</li>`); i++;
      }
      out.push(`<ul class="md-ul">${items.join('')}</ul>`); continue;
    }
    if (/^\s*\d+\.\s+/.test(line)) {
      const items = [];
      while (i < lines.length && /^\s*\d+\.\s+/.test(lines[i])) {
        items.push(`<li>${mdInline(lines[i].replace(/^\s*\d+\.\s+/, ''))}</li>`); i++;
      }
      out.push(`<ol class="md-ol">${items.join('')}</ol>`); continue;
    }
    if (/^\s*>\s?/.test(line)) {
      const items = [];
      while (i < lines.length && /^\s*>\s?/.test(lines[i])) {
        items.push(mdInline(lines[i].replace(/^\s*>\s?/, ''))); i++;
      }
      out.push(`<blockquote class="md-quote">${items.join('<br>')}</blockquote>`); continue;
    }
    if (/^\s*([-*_])\1{2,}\s*$/.test(line)) { out.push('<hr class="md-hr">'); i++; continue; }
    if (/^\s*$/.test(line)) { i++; continue; }
    // 表格：| a | b | 且下一行是 |---| 分隔
    if (line.trim().startsWith('|') && i + 1 < lines.length && /^\s*\|[\s:|-]+\|\s*$/.test(lines[i + 1])) {
      const head = line.trim().replace(/^\||\|$/g, '').split('|').map(x => x.trim());
      i += 2;
      const body = [];
      while (i < lines.length && lines[i].trim().startsWith('|')) {
        body.push('<tr>' + lines[i].trim().replace(/^\||\|$/g, '').split('|').map(x => `<td>${mdInline(x.trim())}</td>`).join('') + '</tr>');
        i++;
      }
      out.push(`<table class="md-table"><thead><tr>${head.map(x => `<th>${mdInline(x)}</th>`).join('')}</tr></thead><tbody>${body.join('')}</tbody></table>`);
      continue;
    }
    // 普通段落：连续行合并
    const para = [line];
    i++;
    while (i < lines.length && lines[i].trim() !== '' && !/^(#{1,6})\s/.test(lines[i])
           && !/^```/.test(lines[i]) && !/^\s*([-*+]|\d+\.)\s+/.test(lines[i])
           && !/^\s*>\s?/.test(lines[i]) && !/^\s*([-*_])\1{2,}\s*$/.test(lines[i])
           && !lines[i].trim().startsWith('|')) {
      para.push(lines[i]); i++;
    }
    out.push(`<p class="md-p">${para.map(l => mdInline(l)).join('<br>')}</p>`);
  }
  if (codeBuf !== null) flushCode(codeBuf, codeLang);
  return out.join('\n');
}


/* ---------- Markdown 区块（带 原文/Markdown 切换，默认 Markdown） ---------- */
const mdRaw = {};   // id -> {md: bool, text: string}
function mdToggleBtn(id) {
  // 切换开关：放入区块标题行右侧（由调用方放到 .sec-title 内）
  return `<span class="md-toggle"><button id="md-btn-${id}" class="on" onclick="mdToggle('${id}')">📝 Markdown</button></span>`;
}
function mdBody(id, text, cls = '') {
  mdRaw[id] = {md: true, text: text || ''};
  return `<div class="md-box ${cls}" id="md-body-${id}">${mdToHtml(text)}</div>`;
}
function mdToggle(id) {
  const rec = mdRaw[id];
  if (!rec) return;
  rec.md = !rec.md;
  const body = $('#md-body-' + id), btn = $('#md-btn-' + id);
  if (!body || !btn) return;
  body.innerHTML = rec.md ? mdToHtml(rec.text) : `<pre class="md-plain">${esc(rec.text)}</pre>`;
  btn.textContent = rec.md ? '📝 Markdown' : '📄 原文';
  btn.classList.toggle('on', rec.md);
}

/* ---------- API ---------- */
async function api(path, opts = {}) {
  const res = await fetch(path, {
    headers: {'Content-Type': 'application/json'},
    ...opts,
    body: opts.body ? JSON.stringify(opts.body) : undefined
  });
  let data = {};
  try { data = await res.json(); } catch (e) {}
  if (res.status === 401) { showLogin(); throw new Error('未登录'); }
  if (!res.ok || data.ok === false) throw new Error(data.error || `请求失败(${res.status})`);
  return data;
}

/* ---------- Toast ---------- */
function toast(msg, type = '') {
  const el = document.createElement('div');
  el.className = 'toast ' + type;
  el.textContent = msg;
  $('#toast-wrap').appendChild(el);
  setTimeout(() => el.remove(), 3200);
}

/* ---------- Login ---------- */
function showLogin() { $('#login-mask').style.display = 'flex'; }
function hideLogin() { $('#login-mask').style.display = 'none'; }
let MY_PERMS = null;   // null = 全部权限（admin/token）
function applyRoleUI(role, perms) {
  CURRENT_ROLE = role || 'admin';
  MY_PERMS = (perms && perms.length) ? new Set(perms) : null;
  $$('#sidebar nav a').forEach(a => {
    const need = a.dataset.perm;
    a.style.display = (!need || !MY_PERMS || MY_PERMS.has(need)) ? '' : 'none';
  });
}
$('#login-btn').addEventListener('click', async () => {
  try {
    await api('/api/login', {method:'POST', body:{username: $('#login-user').value, password: $('#login-pwd').value}});
    hideLogin(); $('#logout-btn').style.display = 'block';
    const me = await api('/api/me');
    applyRoleUI(me.user?.role || 'admin', me.user?.perms);
    router();
  } catch (e) { $('#login-err').textContent = e.message; }
});
$('#login-pwd').addEventListener('keydown', e => { if (e.key === 'Enter') $('#login-btn').click(); });
$('#logout-btn').addEventListener('click', async e => {
  e.preventDefault(); await api('/api/logout', {method:'POST'}); location.hash = '#/dashboard'; location.reload();
});

/* ---------- Modal ---------- */
function openModal(html) {
  $('#modal-box').innerHTML = html;
  $('#modal-mask').style.display = 'flex';
  $$('#modal-box [data-close]').forEach(b => b.addEventListener('click', closeModal));
}
function closeModal() { $('#modal-mask').style.display = 'none'; $('#modal-box').innerHTML = ''; }
$('#modal-mask').addEventListener('click', e => { if (e.target.id === 'modal-mask') closeModal(); });

/* ---------- 告警角标 ---------- */
async function refreshAlertBadge() {
  try {
    const r = await api('/api/alerts/unread_count');
    const b = $('#alert-badge');
    if (r.count > 0) { b.textContent = r.count; b.style.display = 'inline'; }
    else b.style.display = 'none';
  } catch (e) {}
}
setInterval(refreshAlertBadge, 30000);

/* ---------- Router ---------- */
const routes = {
  'dashboard': pageDashboard, 'projects': pageProjects, 'project': pageProject,
  'workers': pageWorkers, 'reports': pageReports, 'logs': pageLogs,
  'alerts': pageAlerts, 'api': pageApiTokens, 'settings': pageSettings,
  'agents': pageAgents, 'eval': pageEval, 'templates': pageTemplates,
  'enterprise': pageEnterprise
};
function router() {
  clearInterval(projAutoTimer);   // 离开项目页时停止 AI 主管轮询
  projAutoTimer = null;
  const hash = location.hash.replace(/^#\//, '') || 'dashboard';
  const parts = hash.split('/');
  const name = parts[0];
  // 离开项目页时丢弃项目缓存，避免下次进入用旧数据
  if (name !== 'project') projCtx = null;
  const fn = routes[name] || pageDashboard;
  const navMap = {project:'projects', api:'api', settings:'settings', alerts:'alerts'};
  $$('#sidebar nav a').forEach(a => a.classList.toggle('active', a.dataset.route === (navMap[name] || name)));
  $('#main').innerHTML = '<div class="empty"><span class="spin"></span>加载中…</div>';
  fn(parts.slice(1)).catch(e => { $('#main').innerHTML = `<div class="empty">${esc(e.message)}</div>`; });
}
window.addEventListener('hashchange', router);

/* ---------- 仪表盘 ---------- */
async function pageDashboard() {
  const s = (await api('/api/stats')).data;
  const total = Object.values(s.by_status).reduce((a, b) => a + b, 0);
  const pct = n => total ? Math.round(n / total * 100) : 0;
  $('#main').innerHTML = `
    <h1 class="page-title">仪表盘<small>AI 虚拟团队运营总览</small></h1>
    <div class="grid g4">
      <div class="stat"><div class="lbl">项目</div><div class="num">${s.projects}</div><div class="sub">进行中 ${s.by_status.done ?? 0} 个已完成任务</div></div>
      <div class="stat"><div class="lbl">任务总数</div><div class="num">${s.tasks}</div><div class="sub">完成率 ${pct(s.by_status.done ?? 0)}% · 待审核 ${s.by_status.review ?? 0}</div></div>
      <div class="stat"><div class="lbl">AI Worker</div><div class="num">${s.workers}</div><div class="sub">虚拟员工档案数</div></div>
      <div class="stat"><div class="lbl">累计成本</div><div class="num">${fmtMoney(s.total_cost)}</div><div class="sub">${(s.total_tokens/1e6).toFixed(2)}M tokens 消耗</div></div>
    </div>
    <div class="grid g3" style="margin-top:14px">
      <div class="card">
        <div class="sec-title" style="margin-top:0">质量指标</div>
        <div class="kv">
          <dt>一次通过率</dt><dd><b style="color:var(--accent2)">${s.one_pass_rate ?? '—'}%</b>（验收一次通过）</dd>
          <dt>返工次数</dt><dd>${s.rework_count} 次打回</dd>
          <dt>执行失败</dt><dd>${s.by_status.failed ?? 0} 个任务</dd>
        </div>
      </div>
      <div class="card">
        <div class="sec-title" style="margin-top:0">近 7 天成本趋势（元）</div>
        ${s.daily_cost.map(d => `
          <div style="font-size:12px;color:var(--muted);margin-top:8px">${d.day} <span style="float:right">${d.cost.toFixed(4)}</span></div>
          <div class="bar"><div style="width:${Math.min(100, d.cost / Math.max(...s.daily_cost.map(x=>x.cost), 0.001) * 100)}%"></div></div>`).join('')}
      </div>
      <div class="card">
        <div class="sec-title" style="margin-top:0">任务状态分布</div>
        ${Object.entries(STATUS).filter(([k]) => s.by_status[k]).map(([k, v]) => `
          <div style="font-size:12px;margin-top:8px"><span class="badge ${v.cls}">${v.label}</span> ${s.by_status[k]} 个
            <span style="float:right;color:var(--muted)">${pct(s.by_status[k])}%</span></div>
          <div class="bar"><div style="width:${pct(s.by_status[k])}%;background:${v.cls === 'st-done' ? 'var(--accent2)' : v.cls === 'st-review' ? 'var(--warn)' : v.cls === 'st-running' ? 'var(--accent)' : 'var(--border)'}"></div></div>`).join('') || '<div class="empty">暂无数据</div>'}
      </div>
    </div>
    <div class="card" style="margin-top:14px">
      <div class="sec-title" style="margin-top:0">最近任务动态</div>
      <table><thead><tr><th>项目</th><th>任务</th><th>状态</th><th>更新时间</th></tr></thead><tbody>
      ${s.recent.map(t => `<tr><td>${esc(t.project_name || '—')}</td><td><a href="#/project/${t.project_id}" style="color:var(--accent)">${esc(t.title)}</a></td>
        <td><span class="badge ${STATUS[t.status].cls}">${STATUS[t.status].label}</span></td><td class="mono">${fmtTime(t.updated_at)}</td></tr>`).join('') || '<tr><td colspan="4" class="empty">暂无任务，去 <a href="#/projects" style="color:var(--accent)">创建项目</a> 吧</td></tr>'}
      </tbody></table>
    </div>`;
}

/* ---------- 项目列表 ---------- */
let projFilter = 'all';
const PROJ_STATUS = {planning:'规划中', active:'进行中', review:'待验收', done:'已完成', archived:'已归档'};
let projNameMap = {};   // id -> name（删除确认用）

async function pageProjects() {
  const list = (await api('/api/projects')).data;
  projNameMap = {}; list.forEach(p => { projNameMap[p.id] = p.name; });
  const shown = projFilter === 'all' ? list : list.filter(p => p.status === projFilter);
  const statusCls = s => s === 'active' ? 'running' : s === 'review' ? 'review' : s === 'done' ? 'done' : s === 'archived' ? 'cancelled' : 'todo';
  $('#main').innerHTML = `
    <h1 class="page-title">项目<small>立项 → 规划 → 执行 → 验收 → 归档</small></h1>
    <div class="toolbar"><button class="btn primary" onclick="openProjectModal()">＋ 新建项目</button></div>
    <div class="filter-bar">
      <div class="fgroup"><span class="flbl">状态</span>
        <button class="fbtn ${projFilter === 'all' ? 'on' : ''}" onclick="projFilter='all';pageProjects()">全部 ${list.length}</button>
        ${Object.entries(PROJ_STATUS).map(([k, v]) => `<button class="fbtn ${projFilter === k ? 'on' : ''}" onclick="projFilter='${k}';pageProjects()">${v} ${list.filter(p => p.status === k).length}</button>`).join('')}
      </div>
    </div>
    <div class="grid g3" id="proj-list">
      ${shown.map(p => `
        <div class="card proj-card" onclick="location.hash='#/project/${p.id}'">
          <div style="display:flex;justify-content:space-between;align-items:center">
            <b>${esc(p.name)}</b>
            <span style="display:flex;align-items:center;gap:6px" onclick="event.stopPropagation()">
              ${p.perm === 'view' ? `<span class="badge st-${statusCls(p.status)}">${PROJ_STATUS[p.status] || p.status}</span>` : `
              <select class="pstatus-sel" data-pid="${p.id}" onchange="changeProjStatus(${p.id}, this.value)" title="更改项目状态">
                ${Object.entries(PROJ_STATUS).map(([k, v]) => `<option value="${k}" ${p.status === k ? 'selected' : ''}>${v}</option>`).join('')}
              </select>`}
              ${p.perm !== 'view' ? `<button class="btn sm danger" onclick="delProject(${p.id})" title="删除项目">🗑</button>` : ''}
            </span>
          </div>
          <div style="color:var(--muted);font-size:12px;margin-top:8px;min-height:32px">${esc(p.objective || p.description || '暂无描述')}</div>
          <div style="margin-top:10px;font-size:12px;color:var(--muted)">任务 ${p.task_count} · 完成 ${p.done_count}
            <span style="float:right">${p.budget_limit ? '预算 ¥' + p.budget_limit : ''}</span></div>
          <div style="margin-top:6px;font-size:12px;color:var(--muted)">📬 送达：${p.deliver_user ? esc(p.deliver_user.display_name || p.deliver_user.username) + '（' + esc(p.deliver_user.email || '') + '）' : esc(p.deliver_email || '未绑定用户')}
            ${p.perm ? `<span class="tag" style="float:right">${{view:'查看',manage:'管理',admin:'管理员'}[p.perm] || p.perm}</span>` : ''}
            ${p.demo_url ? `<a href="${esc(p.demo_url)}" target="_blank" style="color:var(--accent);float:right;margin-right:6px" onclick="event.stopPropagation()">🌐 Demo</a>` : ''}
          </div>
        </div>`).join('') || '<div class="empty">' + (projFilter === 'all' ? '还没有项目，点右上角新建' : '该状态下暂无项目') + '</div>'}
    </div>`;
}

async function changeProjStatus(pid, status) {
  try {
    await api(`/api/projects/${pid}`, {method: 'PUT', body: {status}});
    toast(`✅ 项目状态已改为「${PROJ_STATUS[status]}」`, 'ok');
    pageProjects();
  } catch (e) { toast(e.message, 'err'); pageProjects(); }
}

async function delProject(pid) {
  const name = projNameMap[pid] || ('#' + pid);
  if (!confirm(`确认删除项目「${name}」？\n将同时删除其全部任务、日志、交付记录与工作目录文件，且不可恢复！`)) return;
  try {
    await api(`/api/projects/${pid}`, {method: 'DELETE'});
    toast('🗑 项目已删除', 'ok');
    pageProjects();
  } catch (e) { toast(e.message, 'err'); }
}

function openProjectModal(p = {}) {
  const usersP = api('/api/users');
  const workersP = api('/api/workers');
  openModal(`
    <h3>${p.id ? '编辑项目' : '新建项目'}<button class="close" data-close>×</button></h3>
    <label>项目名称 *</label><input id="pm-name" value="${esc(p.name || '')}" placeholder="例如：营销内容批量生产">
    <label>目标（Objective）</label><textarea id="pm-objective" placeholder="项目要达成什么目标">${esc(p.objective || '')}</textarea>
    <label>验收标准</label><textarea id="pm-accept" placeholder="什么样算验收通过">${esc(p.acceptance_criteria || '')}</textarea>
    <label>项目描述</label><textarea id="pm-desc">${esc(p.description || '')}</textarea>
    <div class="row">
      <div><label>状态</label><select id="pm-status">
        ${['planning','active','review','done','archived'].map(s => `<option value="${s}" ${p.status === s ? 'selected' : ''}>${{planning:'规划中', active:'进行中', review:'待验收', done:'已完成', archived:'已归档'}[s]}</option>`).join('')}
      </select></div>
      <div><label>预算上限（元，0=不限）</label><input id="pm-budget" type="number" value="${p.budget_limit || 0}"></div>
    </div>
    <div class="row">
      <div style="flex:2"><label>📬 送达者（人）* ${p.id ? '' : '<small style="color:var(--warn)">项目完成/难关时通知此人</small>'}</label>
        <select id="pm-email" ${p.id ? '' : 'disabled'}><option value="">加载用户中…</option></select>
        <small style="color:var(--muted)" id="pm-email-hint">送达者 = 平台用户，其邮箱变更后项目通知自动跟随；可在项目进行中随时更换</small></div>
      <div><label>交付物类型</label><select id="pm-dtype">
        <option value="web" ${p.deliver_type === 'web' || !p.deliver_type ? 'selected' : ''}>🌐 网页（部署 Demo 供在线查看）</option>
        <option value="file" ${p.deliver_type === 'file' ? 'selected' : ''}>📦 文件包（打包发邮件）</option>
      </select></div>
    </div>
    <label>交付说明</label><input id="pm-dnote" value="${esc(p.deliver_note || '')}" placeholder="给送达者的交付说明（可选）">
    <div class="sec-divider">🤖 AI 虚拟团队（创建后自动开工）</div>
    <label>👔 AI 主管（管理者）* <small style="color:var(--muted)">负责拆解任务、派活、监控，默认「AI主管」</small></label>
    <select id="pm-mgr"><option value="">加载 Worker 中…</option></select>
    <label>👷 干活团队（AI 主管支配的 Worker，可多选）* <small style="color:var(--muted)">默认 AI牛 / AI马</small></label>
    <div id="pm-team" class="pick-list"><div class="empty" style="padding:8px">加载 Worker 中…</div></div>
    <div class="row">
      <label style="display:flex;align-items:center;gap:6px;font-weight:normal"><input type="checkbox" id="pm-auto-review"> 任务完成后需人工审核（默认不勾选 = AI 主管全自动跑到完工）</label>
    </div>
    <div class="modal-actions">
      <button class="btn" data-close>取消</button>
      <button class="btn primary" id="pm-save">${p.id ? '保存' : '创建并开工 🚀'}</button>
    </div>`);
  usersP.then(r => {
    const sel = $('#pm-email');
    sel.disabled = false;
    const cur = p.deliver_user ? p.deliver_user.id : (p.deliver_user_id || '');
    sel.innerHTML = '<option value="">— 请选择送达者用户 —</option>' +
      r.data.filter(u => u.status === 'active').map(u =>
        `<option value="${u.id}" ${String(u.id) === String(cur) ? 'selected' : ''}>${esc(u.display_name || u.username)}（${esc(u.username)} · ${esc(u.email || '无邮箱')}）</option>`).join('');
    if (!cur) sel.value = '';
  }).catch(() => {});
  workersP.then(r => {
    const ws = r.data.filter(w => w.status === 'enabled');
    if (!ws.length) { $('#pm-mgr').innerHTML = '<option value="">请先在 Worker 管理中注册 AI Worker</option>'; return; }
    // 默认：AI 主管 = 名字含「主管/经理」的 Worker；干活团队 = 含「牛/马」的（如 AI牛/AI马），否则除主管外全部
    let curMgr = p.manager_worker ? p.manager_worker.id : (p.manager_worker_id || '');
    if (!curMgr) {
      const m = ws.find(w => /主管|经理|manager/i.test(w.name));
      curMgr = (m || ws[0]).id;
    }
    $('#pm-mgr').innerHTML = '<option value="">— 请选择 AI 主管 —</option>' +
      ws.map(w => `<option value="${w.id}" ${String(w.id) === String(curMgr) ? 'selected' : ''}>${esc(w.name)}（${esc(w.provider)}/${esc(w.model)}）</option>`).join('');
    const curTeam = new Set((p.team_workers || []).map(w => w.id));
    let defaults = ws.filter(w => /牛|马/.test(w.name) && String(w.id) !== String(curMgr));
    if (!defaults.length) defaults = ws.filter(w => String(w.id) !== String(curMgr));
    $('#pm-team').innerHTML = ws.map(w => `
      <label class="pick-item"><input type="checkbox" value="${w.id}" ${curTeam.has(w.id) || (!p.id && defaults.includes(w)) ? 'checked' : ''}>
        <span>${esc(w.name)}</span><small>${esc(w.provider)}/${esc(w.model)}</small></label>`).join('');
  }).catch(() => {});
  $('#pm-save').addEventListener('click', async () => {
    const body = {
      name: $('#pm-name').value.trim(), objective: $('#pm-objective').value,
      acceptance_criteria: $('#pm-accept').value, description: $('#pm-desc').value,
      status: $('#pm-status').value, budget_limit: parseFloat($('#pm-budget').value || 0),
      deliver_user_id: Number($('#pm-email').value || 0),
      deliver_type: $('#pm-dtype').value,
      deliver_note: $('#pm-dnote').value.trim(),
      manager_worker_id: Number($('#pm-mgr').value || 0),
      team_worker_ids: [...$$('#pm-team input:checked')].map(i => Number(i.value)),
      auto_review: !!$('#pm-auto-review').checked
    };
    if (!body.name) return toast('请填写项目名称', 'err');
    if (!body.deliver_user_id) return toast('必填：选择送达者用户', 'err');
    if (!body.manager_worker_id) return toast('必填：选择 AI 主管 Worker', 'err');
    if (!body.team_worker_ids.length) return toast('必填：至少勾选 1 个干活 AI Worker', 'err');
    try {
      if (p.id) {
        await api(`/api/projects/${p.id}`, {method: 'PUT', body});
        toast('已保存（新主管/团队将在下次开工时生效）', 'ok'); closeModal(); router();
      } else {
        const r = await api('/api/projects', {method: 'POST', body});
        toast('项目已创建，AI 主管已开工 🚀', 'ok'); closeModal();
        location.hash = `#/project/${r.id}`;
      }
    } catch (e) { toast(e.message, 'err'); }
  });
}

/* ---------- 项目详情（看板 / DAG / 知识库 / 交付） ---------- */
let projCtx = null;   // {pid, p, tasks, workers, tab, autoLogs}
let projAutoTimer = null;

async function pageProject([pid, tab]) {
  tab = tab || 'kanban';
  // 同一项目内切 tab：复用已加载的数据，不再重新拉项目/任务/Worker/事件
  if (projCtx && String(projCtx.pid) === String(pid)) {
    projCtx.tab = tab;
    renderProjectShell();
    renderActiveTab();
    startProjAutoPoll();   // 重启轮询（router 已清掉定时器）
    return;
  }
  const p = (await api(`/api/projects/${pid}`)).data;
  const tasks = (await api(`/api/tasks?project_id=${pid}`)).data;
  const workers = (await api('/api/workers')).data;
  const events = (await api(`/api/projects/${pid}/events`)).data;
  projCtx = {pid, p, tasks, workers, tab, events};
  renderProjectShell();
  renderActiveTab();
  startProjAutoPoll();
}

function renderActiveTab() {
  if (projCtx.tab === 'dag') renderDag();
  else if (projCtx.tab === 'kb') renderKb();
  else if (projCtx.tab === 'deliver') renderDeliver();
  else renderKanban();
}

/* V3.3：AI 主管自动开工 —— 轮询刷新状态/事件/看板 */
async function refreshProjEvents() {
  try { projCtx.events = (await api(`/api/projects/${projCtx.pid}/events`)).data; } catch (e) {}
}

function startProjAutoPoll() {
  clearInterval(projAutoTimer);
  renderAutoPanel();
  if (projCtx.p.auto_status !== 'running') return;
  projAutoTimer = setInterval(async () => {
    try {
      const wasRunning = projCtx.p.auto_status === 'running';
      const p = (await api(`/api/projects/${projCtx.pid}`)).data;
      projCtx.p = p;
      await refreshProjEvents();
      const running = p.auto_status === 'running';
      // 状态变化（开工结束/中断）或运行中：都刷新一次任务视图
      if (running || wasRunning) {
        projCtx.tasks = (await api(`/api/tasks?project_id=${projCtx.pid}`)).data;
        if (projCtx.tab === 'dag') renderDag(); else renderKanban();
      }
      renderAutoPanel();
      if (!running) { clearInterval(projAutoTimer); projAutoTimer = null; }
    } catch (e) {}
  }, 3000);
}

async function autoStartProj() {
  try {
    await api(`/api/projects/${projCtx.pid}/autostart`, {method: 'POST'});
    toast('🚀 AI 主管已开工，正在拆解派活…', 'ok');
    const p = (await api(`/api/projects/${projCtx.pid}`)).data;
    projCtx.p = p;
    await refreshProjEvents();
    renderAutoPanel();
    startProjAutoPoll();
  } catch (e) { toast(e.message, 'err'); }
}

/* V3.4：负责人验收（平台内） */
function openReviewModal() {
  const {p} = projCtx;
  openModal(`
    <h3>🔔 项目验收：${esc(p.name)}<button class="close" data-close>×</button></h3>
    <p style="color:var(--muted);font-size:13px">AI 团队已全部完工，由您（负责人）最终验收。<br>验收通过后项目才算正式完成，将自动打包交付。</p>
    ${p.demo_url ? `<p><a href="${esc(p.demo_url)}" target="_blank" style="color:var(--accent)">👀 查看交付 Demo</a></p>` : ''}
    <label>验收意见（打回必填）</label><textarea id="rv-reason" placeholder="填写验收意见…"></textarea>
    <div class="modal-actions">
      <button class="btn" data-close>取消</button>
      <button class="btn danger" onclick="submitProjectReview('reject')">⛔ 打回返工</button>
      <button class="btn primary" onclick="submitProjectReview('approve')">✅ 验收通过</button>
    </div>`);
}

async function submitProjectReview(action) {
  const reason = $('#rv-reason').value.trim();
  if (action === 'reject' && !reason) return toast('打回必须填写原因', 'err');
  try {
    await api(`/api/projects/${projCtx.pid}/review`, {method: 'POST', body: {action, reason}});
    closeModal();
    toast(action === 'approve' ? '✅ 验收通过，项目完成并交付' : '⛔ 已打回，可重新开工返工', 'ok');
    const p = (await api(`/api/projects/${projCtx.pid}`)).data;
    projCtx.p = p;
    await refreshProjEvents();
    renderProjectShell();
    renderActiveTab();
    renderAutoPanel();
  } catch (e) { toast(e.message, 'err'); }
}

function renderAutoPanel() {
  const el = $('#auto-panel');
  if (!el || !projCtx) return;
  const p = projCtx.p;
  const running = p.auto_status === 'running';
  const st = {none:['未开工','todo'], running:['🚀 AI 主管工作中','running'], done:['✅ 自动开工完成','done'], failed:['⚠️ 开工中断','failed']}[p.auto_status] || ['—','todo'];
  const mgr = p.manager_worker ? esc(p.manager_worker.name) : '<span style="color:var(--warn)">未设置</span>';
  const team = (p.team_workers || []).map(w => `<span class="pill" style="color:var(--accent)">${esc(w.name)}</span>`).join(' ') || '<span style="color:var(--warn)">未设置</span>';
  const evs = projCtx.events || [];
  const collapsed = localStorage.getItem('aw_ev_collapsed_' + projCtx.pid) === '1';
  const icon = l => ({error:'❌', warn:'⚠️', success:'✅', info:'🤖'}[l] || '•');
  const items = evs.map(e => `
    <div class="al-item ${e.task_id ? 'al-task' : ''}" ${e.task_id ? `onclick="openTaskDetail(${e.task_id})" title="点击定位任务 #${e.task_id}"` : ''}>
      <span class="al-lv">${icon(e.level)}</span>
      <span class="al-msg">${esc(e.message)}${e.task_id ? `<span class="al-go">任务 #${e.task_id} ›</span>` : ''}</span>
      <span class="al-time">${fmtTime(e.created_at)}</span>
    </div>`).join('') || '<div class="empty" style="padding:12px">暂无事件</div>';
  el.innerHTML = `
    <div class="auto-bar">
      <span class="badge st-${st[1]}">${st[0]}</span>
      <span style="flex:1;color:var(--muted)">${esc(p.auto_message || '尚未开工：创建项目后自动开工，或点右上角「🚀 AI 主管开工」')}</span>
      ${running ? '<span class="spin"></span>' : ''}
    </div>
    <div class="auto-meta">👔 AI 主管：${mgr} ｜ 👷 干活团队：${team} ｜ ⏱ ${p.auto_started_at ? '开工于 ' + fmtTime(p.auto_started_at) : '—'}</div>
    <div class="ev-panel ${collapsed ? 'collapsed' : ''}">
      <div class="ev-head" onclick="toggleEvents()">
        <span class="ev-arrow">${collapsed ? '▸' : '▾'}</span>
        <span>📋 事件记录</span>
        <span class="ev-count">${evs.length} 条</span>
        <span class="ev-hint">${collapsed ? '点击展开' : '点击收起'}</span>
      </div>
      <div class="ev-body">${items}</div>
    </div>`;
}

function toggleEvents() {
  const panel = $('#auto-panel .ev-panel');
  if (!panel) return;
  const collapsed = panel.classList.contains('collapsed');
  localStorage.setItem('aw_ev_collapsed_' + projCtx.pid, collapsed ? '0' : '1');
  renderAutoPanel();
}

function renderProjectShell() {
  const {p, pid, tab} = projCtx;
  const running = p.auto_status === 'running';
  const inReview = p.status === 'review';
  $('#main').innerHTML = `
    <div class="toolbar">
      <a class="btn" href="#/projects">← 返回</a>
      <h1 class="page-title" style="margin:0;flex:1">${esc(p.name)}<small>${esc(p.objective || '')}</small></h1>
      ${p.perm === 'view' ? '' : `<button class="btn" onclick="openProjectModal(${JSON.stringify(p).replace(/"/g, '&quot;')})">编辑项目</button>`}
      ${p.perm === 'view' ? '' : `<button class="btn" onclick="openWbsModal()">🧠 AI 规划(WBS)</button>`}
      ${p.perm === 'view' ? '' : `<button class="btn" onclick="openTaskModal()">＋ 新建任务</button>`}
      ${p.perm === 'view' || running ? '' : (inReview ? `<button class="btn primary" onclick="openReviewModal()">🔔 验收项目</button>` : `<button class="btn primary" onclick="autoStartProj()">🚀 AI 主管开工</button>`)}
    </div>
    <div class="tabs">
      <a href="#/project/${pid}/kanban" class="${tab === 'kanban' ? 'active' : ''}">看板</a>
      <a href="#/project/${pid}/dag" class="${tab === 'dag' ? 'active' : ''}">DAG 工作流</a>
      <a href="#/project/${pid}/kb" class="${tab === 'kb' ? 'active' : ''}">知识库 RAG</a>
      <a href="#/project/${pid}/deliver" class="${tab === 'deliver' ? 'active' : ''}">📦 交付</a>
    </div>
    <div id="auto-panel"></div>
    <div id="tab-body"></div>`;
  renderAutoPanel();
}

async function refreshProj() {
  projCtx.tasks = (await api(`/api/tasks?project_id=${projCtx.pid}`)).data;
  if (projCtx.tab === 'dag') renderDag();
  else renderKanban();
}

/* --- 看板 --- */
function renderKanban() {
  const {tasks} = projCtx;
  const by = {};
  tasks.forEach(t => { (by[t.status] = by[t.status] || []).push(t); });
  $('#tab-body').innerHTML = `<div style="overflow-x:auto"><div class="kanban" id="kanban">${KANBAN_ORDER.map(s => `
    <div class="kb-col" data-status="${s}">
      <div class="kb-head"><span><span class="badge ${STATUS[s].cls}">${STATUS[s].label}</span></span>
        <span class="cnt" id="cnt-${s}">0</span></div>
      <div class="kb-body" data-drop="${s}"></div>
    </div>`).join('')}</div></div>`;
  KANBAN_ORDER.forEach(s => {
    const list = by[s] || [];
    $('#cnt-' + s).textContent = list.length;
    $('#kanban .kb-body[data-drop="' + s + '"]').innerHTML = list.map(t => `
      <div class="kb-card" draggable="${t.status === 'todo' || t.status === 'rejected' || t.status === 'done'}"
        data-id="${t.id}" onclick="openTaskDetail(${t.id})">
        <div class="t">${esc(t.title)}</div>
        <div class="m">
          <span class="pri-${t.priority}">●${PRI[t.priority]}</span>
          ${t.worker_id ? `<span class="pill" style="color:var(--accent)">Worker#${t.worker_id}</span>` : '<span class="pill">自动路由</span>'}
          ${t.depends_on && t.depends_on.length ? `<span class="pill" style="color:var(--purple)">依赖×${t.depends_on.length}</span>` : ''}
          ${t.rejection_count ? `<span class="badge st-rejected">打回×${t.rejection_count}</span>` : ''}
          ${t.status === 'running' ? '<span class="spin"></span>' : ''}
        </div>
        ${t.status === 'done' ? '<div class="out">✅ 已交付 v' + t.output_version + '</div>' : ''}
      </div>`).join('') || '<div style="color:var(--muted);font-size:12px;text-align:center;padding:16px 0">空</div>';
  });
  bindKanbanDnD();
}

function bindKanbanDnD() {
  $$('.kb-body').forEach(bd => {
    bd.addEventListener('dragover', e => { e.preventDefault(); bd.classList.add('drag-over'); });
    bd.addEventListener('dragleave', () => bd.classList.remove('drag-over'));
    bd.addEventListener('drop', e => {
      e.preventDefault(); bd.classList.remove('drag-over');
      const tid = parseInt(e.dataTransfer.getData('text/plain'));
      moveTask(tid, bd.dataset.drop);
    });
  });
  $$('.kb-card[draggable="true"]').forEach(c => {
    c.addEventListener('dragstart', e => {
      e.dataTransfer.setData('text/plain', c.dataset.id);
      c.classList.add('dragging');
    });
    c.addEventListener('dragend', () => c.classList.remove('dragging'));
  });
}

async function moveTask(tid, status) {
  const t = projCtx.tasks.find(x => x.id === tid);
  if (!t || t.status === status) return;
  if (['running', 'review'].includes(status)) return toast('不能直接拖到该状态', 'err');
  if (status === 'todo' && !['rejected', 'failed', 'done'].includes(t.status)) return;
  if (status === 'done') return toast('完成请走审核流（审核通过）', 'err');
  await api(`/api/tasks/${tid}`, {method:'PUT', body:{status}});
  toast('状态已更新', 'ok'); refreshProj();
}

/* --- DAG 工作流（可交互画布：拖节点 / 滚轮缩放 / 拖画布平移） --- */
let dagState = null;   // {pid, pos:{id:{x,y}}, scale, tx, ty, drag:null, moved:false}

function dagLayout(tasks, idMap) {
  // 拓扑分层：最长路径
  const layer = {};
  const visit = id => {
    if (layer[id] !== undefined) return layer[id];
    const t = idMap[id];
    let l = 0;
    (t.depends_on || []).forEach(d => { if (idMap[d]) l = Math.max(l, visit(d) + 1); });
    layer[id] = l;
    return l;
  };
  tasks.forEach(t => visit(t.id));
  const layers = {};
  tasks.forEach(t => { (layers[layer[t.id]] = layers[layer[t.id]] || []).push(t.id); });
  const W = 260, H = 110, PAD = 60;
  const width = Math.max(2, Object.keys(layers).length) * W + PAD;
  const height = Math.max(...tasks.map(t => layer[t.id] === undefined ? 0 : layer[t.id]), 0) * H + PAD + 60;
  const pos = {};
  Object.entries(layers).forEach(([l, ids]) => {
    const x = PAD + parseInt(l) * W;
    const step = Math.min(H - 60, Math.max(70, (height - 2 * PAD) / (ids.length + 1)));
    ids.forEach((id, i) => { pos[id] = {x, y: PAD + (i + 1) * step}; });
  });
  return {width, height, pos};
}

function dagSize() {
  const {tasks} = projCtx;
  const idMap = {};
  tasks.forEach(t => { idMap[t.id] = t; });
  return dagLayout(tasks, idMap);
}

function dagFitView() {
  // 画布适配视口：基于节点实际包围盒缩放并居中，让全部节点可见
  const s = dagState;
  const box = $('#dag-box');
  if (!box || !s) return;
  const poss = Object.values(s.pos || {});
  if (!poss.length) return;
  const minX = Math.min(...poss.map(p => p.x)) - 120;
  const maxX = Math.max(...poss.map(p => p.x)) + 120;
  const minY = Math.min(...poss.map(p => p.y)) - 120;
  const maxY = Math.max(...poss.map(p => p.y)) + 120;
  const cw = Math.max(200, maxX - minX), ch = Math.max(200, maxY - minY);
  const bw = box.clientWidth, bh = box.clientHeight;
  const scale = Math.max(0.25, Math.min(1, (bw - 60) / cw, (bh - 60) / ch));
  s.scale = scale;
  // 节点包围盒中心（viewBox 坐标）对准视口中心
  const cx = DAG_M + (minX + maxX) / 2;
  const cy = DAG_M + (minY + maxY) / 2;
  s.tx = bw / 2 - cx * scale;
  s.ty = bh / 2 - cy * scale;
  dagApplyView();
  saveDagState();
}

function dagZoomTo(scale) {
  // 一键回到指定比例（100% = 原始视图）
  const s = dagState;
  if (!s) return;
  s.scale = scale;
  s.tx = 0;
  s.ty = 0;
  dagApplyView();
  saveDagState();
}

function saveDagState() {
  if (!dagState) return;
  try {
    const pos = {};
    Object.entries(dagState.pos).forEach(([k, v]) => { pos[k] = {x: Math.round(v.x), y: Math.round(v.y)}; });
    localStorage.setItem('aw_dag_pos_' + dagState.pid, JSON.stringify(pos));
    localStorage.setItem('aw_dag_view_' + dagState.pid,
      JSON.stringify({scale: dagState.scale, tx: Math.round(dagState.tx), ty: Math.round(dagState.ty)}));
  } catch (e) {}
}

function dagApplyView() {
  const s = dagState;
  const svg = $('#dag-svg');
  if (!svg) return;
  svg.style.transform = `translate(${s.tx}px, ${s.ty}px) scale(${s.scale})`;
  svg.style.transformOrigin = '0 0';
  const pct = $('#dag-zoom-pct');
  if (pct) pct.textContent = Math.round(s.scale * 100) + '%';
}

function drawDag() {
  const {tasks} = projCtx;
  const idMap = {};
  tasks.forEach(t => { idMap[t.id] = t; });
  const edges = [];
  tasks.forEach(t => (t.depends_on || []).forEach(d => { if (idMap[d]) edges.push({from: d, to: t.id}); }));
  const {width, height} = dagSize();
  const colors = {todo:'#2a3550', running:'#173b6b', review:'#4a3a10', done:'#0f3d2e', rejected:'#4a1c1c', failed:'#3d1c2e', cancelled:'#333'};
  const ready = tasks.filter(t => (t.status === 'todo' || t.status === 'failed') && (!t.depends_on || t.depends_on.every(d => idMap[d]?.status === 'done')));
  const body = $('#tab-body');
  if (!body) return;
  const M = DAG_M;             // svg 盒边距：节点平移/缩放后仍在盒内可命中
  const dagText = t => {
    const raw = `#${t.id} ${t.title}`;
    return raw.length > 13 ? raw.slice(0, 13) + '…' : raw;
  };
  body.innerHTML = `
    <div class="toolbar" style="margin-bottom:10px">
      <span class="pager-tip">共 ${tasks.length} 个节点 · ${edges.length} 条依赖边${ready.length ? ` · ${ready.length} 个任务就绪` : ''} · 拖节点调位 / 滚轮缩放 / 拖空白平移 / 双击复位 / 拖节点到左下角🗑️删除</span>
      <button class="btn success" ${ready.length ? '' : 'disabled'} onclick="runWorkflow()">▶ 执行整个工作流（${ready.length}）</button>
    </div>
    <div class="dag-box" id="dag-box">
      <div class="dag-zoom" id="dag-zoom">🔍 <b id="dag-zoom-pct">100%</b>
        <button onclick="dagFitView()" title="缩放至适配整个画布">⤢ 适配</button>
        <button onclick="dagZoomTo(1)" title="一键回到 100% 原始视图">100%</button>
      </div>
      <div class="dag-trash" id="dag-trash" onclick="openDagTrash()" title="点击查看回收站">🗑️ 删除区<span class="cnt" id="dag-trash-cnt">0</span></div>
      <div class="dag-edge-actions" id="dag-edge-actions" style="display:none">
        <span id="dag-edge-info"></span>
        <button class="btn sm" onclick="dagRepointSel()" title="点击后选择新的目标节点">🔗 重连</button>
        <button class="btn sm danger" onclick="dagDelSel()">🗑️ 删除</button>
        <button class="btn sm" onclick="dagClearSel()" title="取消选中">✖ 取消</button>
      </div>
      <svg id="dag-svg" width="${width + M * 2}" height="${Math.max(480, height) + M * 2}" viewBox="${-M} ${-M} ${width + M * 2} ${height + M * 2}" style="transform-origin:0 0">
        <defs><marker id="arrow" markerWidth="8" markerHeight="8" refX="7" refY="3" orient="auto"><path d="M0,0 L8,3 L0,6 Z" fill="#4a5878"/></marker></defs>
        <rect id="dag-bg" x="${-M - 1000}" y="${-M - 1000}" width="${width + 2 * M + 2000}" height="${height + 2 * M + 2000}" fill="var(--panel)"/>
        ${edges.map(e => {
          const a = dagState.pos[e.from], b = dagState.pos[e.to];
          if (!a || !b) return '';
          const mx = (a.x + b.x) / 2, my = (a.y + b.y) / 2;
          const act = idMap[e.from].status === 'done';
          const sel = dagState.selectedEdge && dagState.selectedEdge.from === e.from && dagState.selectedEdge.to === e.to;
          return `<g class="dag-edge-g${sel ? ' sel' : ''}" data-e="${e.from}-${e.to}">
            <path class="dag-edge-hit" d="M${a.x + DAG_NHW},${a.y} C${mx},${a.y} ${mx},${b.y} ${b.x - DAG_NHW},${b.y}"/>
            <path class="dag-edge${act ? ' act' : ''}" d="M${a.x + DAG_NHW},${a.y} C${mx},${a.y} ${mx},${b.y} ${b.x - DAG_NHW},${b.y}"/>
            <circle class="dag-edge-x" cx="${mx}" cy="${my}" r="9"/>
            <text class="dag-edge-xt" x="${mx}" y="${my + 3.5}">✕</text>
          </g>`;
        }).join('')}
        <path id="dag-ghost" class="dag-ghost" style="display:none"/>
        ${tasks.map(t => {
          const p = dagState.pos[t.id];
          const col = colors[t.status];
          return `<g class="dag-node" data-id="${t.id}" style="cursor:grab">
            <rect x="${p.x - DAG_NHW}" y="${p.y - 24}" width="${DAG_NW}" height="48" fill="${col}" stroke="#5a6b8f"/>
            <circle class="dag-port in" data-id="${t.id}" cx="${p.x - DAG_NHW}" cy="${p.y}" r="6"/>
            <circle class="dag-port out" data-id="${t.id}" cx="${p.x + DAG_NHW}" cy="${p.y}" r="6"/>
            <text class="dag-label" x="${p.x}" y="${p.y - 2}">${esc(dagText(t))}</text>
            <text class="dag-sub" x="${p.x}" y="${p.y + 15}">${STATUS[t.status].label}${t.depends_on?.length ? ' · 前置' + t.depends_on.length : ''}</text>
          </g>`;
        }).join('')}
      </svg>
    </div>
    <div class="tab-note" style="margin-top:10px">💡 节点点击查看详情；拖动节点可自定义布局（自动记忆）；前置任务完成后下游自动触发。连线操作：从节点<b>右侧⚪</b>拖到目标节点=新建依赖；<b>单击连线</b>选中后可重连/删除；<b>双击连线</b>直接删除；连线中点 ✕ 一键删除。</div>`;
  dagApplyView();
  bindDagEvents();
  dagTrashCount();
}

let dagBound = false;   // window 级监听只绑定一次
let dagDrag = null;        // 模块级拖拽状态（box 重绑后 window handler 仍可访问）
const DAG_M = 3000;        // svg 盒边距：节点平移/缩放后仍在盒内可命中
const DAG_NW = 140, DAG_NHW = 70;   // 节点宽 / 半宽

/* --- DAG 连线（依赖边）编辑：新建 / 重连 / 删除 --- */
function dagCanConnect(from, to, mode, oldTo) {
  if (from === to) return {ok:false, why:'不能连接到自己'};
  const t = projCtx.tasks.find(x => x.id === to);
  if (!t) return {ok:false, why:'目标任务不存在'};
  if (mode !== 'repoint' && (t.depends_on || []).includes(from)) return {ok:false, why:'该连线已存在'};
  if (dagWouldCycle(from, to, mode === 'repoint' ? {from, to: oldTo} : null)) return {ok:false, why:'会形成依赖环'};
  return {ok:true};
}

function dagWouldCycle(from, to, remove) {
  // 临时加入 from→to（重连时先移除旧边 remove），判断是否成环
  const adj = {};
  projCtx.tasks.forEach(t => {
    adj[t.id] = new Set((t.depends_on || []).filter(d => !(remove && t.id === remove.to && d === remove.from)));
  });
  (adj[to] = adj[to] || new Set()).add(from);
  const seen = new Set(), stack = [...(adj[from] || [])];
  while (stack.length) {
    const n = stack.pop();
    if (n === from) return true;
    if (seen.has(n)) continue;
    seen.add(n);
    (adj[n] || []).forEach(x => { if (!seen.has(x)) stack.push(x); });
  }
  return false;
}

async function dagApplyEdge(from, to, mode, oldTo) {
  const chk = dagCanConnect(from, to, mode, oldTo);
  if (!chk.ok) { toast(chk.why, 'err'); return; }
  try {
    if (mode === 'repoint') {
      const old = projCtx.tasks.find(x => x.id === oldTo);
      await api(`/api/tasks/${oldTo}`, {method:'PUT', body:{depends_on: (old?.depends_on || []).filter(x => x !== from)}});
      const nt = projCtx.tasks.find(x => x.id === to);
      await api(`/api/tasks/${to}`, {method:'PUT', body:{depends_on: [...new Set([...(nt?.depends_on || []), from])]}});
      toast(`🔗 连线已重连：#${from} → #${to}`, 'ok');
    } else {
      const nt = projCtx.tasks.find(x => x.id === to);
      await api(`/api/tasks/${to}`, {method:'PUT', body:{depends_on: [...new Set([...(nt?.depends_on || []), from])]}});
      toast(`🔗 已新建连线：#${from} → #${to}`, 'ok');
    }
    dagClearSel();
    refreshProj();
  } catch (e) { toast('连线操作失败：' + e.message, 'err'); }
}

async function dagDeleteEdge(from, to) {
  const t = projCtx.tasks.find(x => x.id === to);
  if (!t) return;
  if (!confirm(`删除依赖连线  #${from} → #${to} ？\n（#${to} 将不再等待 #${from} 完成）`)) return;
  try {
    await api(`/api/tasks/${to}`, {method:'PUT', body:{depends_on: (t.depends_on || []).filter(x => x !== from)}});
    toast('连线已删除', 'ok');
    dagCancelConnect();
    dagClearSel();
    refreshProj();
  } catch (e) { toast('删除失败：' + e.message, 'err'); }
}

function dagSelectEdge(from, to) {
  dagState.selectedEdge = {from, to};
  const svg = $('#dag-svg');
  if (svg) svg.querySelectorAll('.dag-edge-g').forEach(g => g.classList.toggle('sel', g.dataset.e === `${from}-${to}`));
  const bar = $('#dag-edge-actions');
  if (bar) { $('#dag-edge-info').innerHTML = `<b>#${from}</b> → <b>#${to}</b>`; bar.style.display = 'flex'; }
}

function dagClearSel() {
  if (dagState?.connect) dagCancelConnect();
  if (dagState) dagState.selectedEdge = null;
  const svg = $('#dag-svg');
  if (svg) svg.querySelectorAll('.dag-edge-g.sel').forEach(g => g.classList.remove('sel'));
  const bar = $('#dag-edge-actions');
  if (bar) bar.style.display = 'none';
}

function dagRepointSel() {
  const sel = dagState?.selectedEdge;
  if (!sel) return;
  dagState.connect = {from: sel.from, mode: 'repoint', oldTo: sel.to};
  const box = $('#dag-box'); if (box) box.classList.add('dag-connecting');
  const bar = $('#dag-edge-actions');
  if (bar) { $('#dag-edge-info').innerHTML = `<b>#${sel.from}</b> → <b style="color:var(--warn)">?（点击目标节点）</b>`; bar.style.display = 'flex'; }
  const a = dagState.pos[sel.from];
  if (a) dagSetGhost(a.x + DAG_NHW, a.y, a.x + DAG_NHW, a.y, true);
  toast('点击目标节点完成重连，点空白 / Esc 取消', '');
}

function dagDelSel() {
  const sel = dagState?.selectedEdge;
  if (sel) dagDeleteEdge(sel.from, sel.to);
}

function dagCancelConnect() {
  if (!dagState) return;
  dagState.connect = null;
  const box = $('#dag-box'); if (box) box.classList.remove('dag-connecting');
  const g = $('#dag-ghost'); if (g) g.style.display = 'none';
  const svg = $('#dag-svg');
  if (svg) svg.querySelectorAll('.dag-node.drop-ok,.dag-node.drop-bad').forEach(n => n.classList.remove('drop-ok', 'drop-bad'));
  const bar = $('#dag-edge-actions');
  if (bar) {
    bar.style.display = dagState.selectedEdge ? 'flex' : 'none';
    if (dagState.selectedEdge) {
      const {from, to} = dagState.selectedEdge;
      $('#dag-edge-info').innerHTML = `<b>#${from}</b> → <b>#${to}</b>`;
    }
  }
}

function dagSetGhost(x1, y1, x2, y2, valid) {
  const g = $('#dag-ghost'); if (!g) return;
  const mx = (x1 + x2) / 2;
  g.setAttribute('d', `M${x1},${y1} C${mx},${y1} ${mx},${y2} ${x2},${y2}`);
  g.style.display = '';
  g.classList.toggle('bad', !valid);
}

function dagUpdateEdgeEl(svg, from, to) {
  const g = svg.querySelector(`.dag-edge-g[data-e="${from}-${to}"]`);
  if (!g) return;
  const a = dagState.pos[from], b = dagState.pos[to];
  if (!a || !b) return;
  const mx = (a.x + b.x) / 2, my = (a.y + b.y) / 2;
  const d = `M${a.x + DAG_NHW},${a.y} C${mx},${a.y} ${mx},${b.y} ${b.x - DAG_NHW},${b.y}`;
  g.querySelectorAll('path').forEach(p => p.setAttribute('d', d));
  const xc = g.querySelector('.dag-edge-x'); if (xc) { xc.setAttribute('cx', mx); xc.setAttribute('cy', my); }
  const xt = g.querySelector('.dag-edge-xt'); if (xt) { xt.setAttribute('x', mx); xt.setAttribute('y', my + 3.5); }
}

function bindDagEvents() {
  const box = $('#dag-box');
  if (!box) return;
  const s = dagState;
  const svgEl = () => $('#dag-svg');

  // box 级监听：每次 DOM 重建后重新绑定（box 是新元素）
  box.addEventListener('mousedown', e => {
    if (e.button !== 0) return;
    const portOut = e.target.closest('.dag-port.out');
    const nodeEl = e.target.closest('.dag-node');
    if (portOut) {
      // 从节点右侧输出口拖出 → 新建连线
      const id = Number(portOut.dataset.id);
      const p = s.pos[id];
      if (!p) return;
      s.connect = {from: id, mode: 'create'};
      box.classList.add('dag-connecting');
      dagSetGhost(p.x + DAG_NHW, p.y, p.x + DAG_NHW, p.y, true);
      e.preventDefault();
      return;
    }
    if (nodeEl) {
      if (e.target.closest('.dag-port.in')) { e.preventDefault(); return; }   // 输入口只作落点，不拖节点
      const id = Number(nodeEl.dataset.id);
      const p = s.pos[id];
      dagDrag = {type: 'node', id, sx: e.clientX, sy: e.clientY, ox: p.x, oy: p.y, moved: false};
      nodeEl.style.cursor = 'grabbing';
      const sv = svgEl(); if (sv) sv.style.cursor = 'grabbing';
    } else if (e.target.closest('.dag-edge-g') || e.target.closest('.dag-edge-actions')) {
      e.preventDefault();   // 点连线 / 操作条不触发平移
      return;
    } else {
      dagDrag = {type: 'pan', sx: e.clientX, sy: e.clientY, ox: s.tx, oy: s.ty, moved: false};
      const sv = svgEl(); if (sv) sv.style.cursor = 'grabbing';
    }
    e.preventDefault();
  });

  // 滚轮缩放（以鼠标为锚点）
  box.addEventListener('wheel', e => {
    e.preventDefault();
    const rect = box.getBoundingClientRect();
    const mx = e.clientX - rect.left, my = e.clientY - rect.top;
    const factor = e.deltaY < 0 ? 1.12 : 1 / 1.12;
    const ns = Math.min(3, Math.max(0.25, s.scale * factor));
    const cx = (mx - s.tx) / s.scale, cy = (my - s.ty) / s.scale;
    s.scale = ns;
    s.tx = mx - cx * ns;
    s.ty = my - cy * ns;
    dagApplyView();
    saveDagState();
  }, {passive: false});

  // 双击：连线=删除，节点=忽略，空白=复位视图（控件条除外）
  box.addEventListener('dblclick', e => {
    if (e.target.closest('.dag-edge-actions, .dag-zoom, .dag-trash')) return;
    const edgeG = e.target.closest('.dag-edge-g');
    if (edgeG) {
      const [f, t] = edgeG.dataset.e.split('-').map(Number);
      dagDeleteEdge(f, t);
      return;
    }
    if (e.target.closest('.dag-node')) return;
    s.scale = 1; s.tx = 0; s.ty = 0;
    dagApplyView();
    saveDagState();
  });

  // 点击：连线=选中/删除，节点=详情，空白=取消选中（控件条除外）
  box.addEventListener('click', e => {
    if (e.target.closest('.dag-edge-actions, .dag-zoom, .dag-trash')) return;
    const edgeG = e.target.closest('.dag-edge-g');
    if (edgeG) {
      const [f, t] = edgeG.dataset.e.split('-').map(Number);
      if (e.target.closest('.dag-edge-x')) { dagDeleteEdge(f, t); return; }
      dagSelectEdge(f, t);
      return;
    }
    const nodeEl = e.target.closest('.dag-node');
    if (nodeEl) {
      if (dagState.suppressClick) { dagState.suppressClick = false; return; }
      openTaskDetail(Number(nodeEl.dataset.id));
      return;
    }
    dagClearSel();
  });

  // window 级监听：只绑定一次（handler 内现查 DOM，兼容画布重建）
  if (dagBound) return;
  dagBound = true;

  window.addEventListener('keydown', e => {
    if (document.activeElement && /input|textarea|select/i.test(document.activeElement.tagName)) return;
    if (e.key === 'Escape') { if (dagState?.connect) dagCancelConnect(); }
    if ((e.key === 'Delete' || e.key === 'Backspace') && dagState?.selectedEdge && !dagState?.connect) {
      dagDelSel();
    }
  });

  window.addEventListener('mousemove', e => {
    const st = dagState;
    if (!st) return;
    // 连线模式：幽灵线 + 目标节点合法性高亮
    if (st.connect) {
      const c = st.connect;
      const boxEl = $('#dag-box');
      if (!boxEl) return;
      const rect = boxEl.getBoundingClientRect();
      const vx = (e.clientX - rect.left - st.tx) / st.scale;
      const vy = (e.clientY - rect.top - st.ty) / st.scale;
      const a = st.pos[c.from];
      const el = document.elementFromPoint(e.clientX, e.clientY);
      const nd = el && el.closest ? el.closest('.dag-node') : null;
      const target = nd ? Number(nd.dataset.id) : null;
      const svg = svgEl();
      if (svg) svg.querySelectorAll('.dag-node.drop-ok,.dag-node.drop-bad').forEach(n => n.classList.remove('drop-ok', 'drop-bad'));
      let valid = false;
      if (target && target !== c.from) {
        const chk = dagCanConnect(c.from, target, c.mode, c.oldTo);
        valid = chk.ok;
        if (svg) {
          const tn = svg.querySelector(`.dag-node[data-id="${target}"]`);
          if (tn) tn.classList.add(valid ? 'drop-ok' : 'drop-bad');
        }
      }
      if (a) dagSetGhost(a.x + DAG_NHW, a.y, vx, vy, valid);
      return;
    }
    if (!dagDrag) return;
    const dx = e.clientX - dagDrag.sx, dy = e.clientY - dagDrag.sy;
    if (!dagDrag.moved && Math.abs(dx) + Math.abs(dy) < 3) return;
    dagDrag.moved = true;
    const trashEl = $('#dag-trash');
    if (trashEl) {
      const tb = trashEl.getBoundingClientRect();
      trashEl.classList.toggle('hover',
        e.clientX >= tb.left && e.clientX <= tb.right && e.clientY >= tb.top && e.clientY <= tb.bottom);
    }
    if (dagDrag.type === 'node') {
      const p = st.pos[dagDrag.id];
      if (p) { p.x = dagDrag.ox + dx / st.scale; p.y = dagDrag.oy + dy / st.scale; }
    } else {
      st.tx = dagDrag.ox + dx;
      st.ty = dagDrag.oy + dy;
    }
    dagApplyView();
    if (dagDrag.type === 'node') {
      const svgEl2 = $('#dag-svg');
      if (!svgEl2) return;
      svgEl2.querySelectorAll('.dag-node').forEach(g => {
        const nid = Number(g.dataset.id);
        const pp = st.pos[nid];
        if (!pp) return;
        g.querySelector('rect').setAttribute('x', pp.x - DAG_NHW);
        g.querySelector('rect').setAttribute('y', pp.y - 24);
        g.querySelectorAll('.dag-port').forEach(port => {
          port.setAttribute('cx', pp.x + (port.classList.contains('out') ? DAG_NHW : -DAG_NHW));
          port.setAttribute('cy', pp.y);
        });
        const ts = g.querySelectorAll('text');
        ts[0].setAttribute('x', pp.x); ts[0].setAttribute('y', pp.y - 2);
        ts[1].setAttribute('x', pp.x); ts[1].setAttribute('y', pp.y + 15);
      });
      const touched = new Set([dagDrag.id]);
      projCtx.tasks.forEach(t => (t.depends_on || []).forEach(d => {
        if (d === dagDrag.id || t.id === dagDrag.id) { touched.add(d); touched.add(t.id); }
      }));
      touched.forEach(tid => {
        projCtx.tasks.forEach(t => {
          if (t.id !== tid) return;
          (t.depends_on || []).forEach(d => {
            if (st.pos[d]) dagUpdateEdgeEl(svgEl2, d, tid);
          });
        });
      });
    }
  });

  window.addEventListener('mouseup', e => {
    const st = dagState;
    if (!st) return;
    // 连线模式结束：落到合法节点则应用，否则取消
    if (st.connect) {
      const c = st.connect;
      const nd = e.target && e.target.closest ? e.target.closest('.dag-node') : null;
      if (nd) {
        const target = Number(nd.dataset.id);
        if (c.mode === 'create') dagApplyEdge(c.from, target, 'create');
        else if (target !== c.from && target !== c.oldTo) dagApplyEdge(c.from, target, 'repoint', c.oldTo);
        else toast('重连取消（目标未变化）', '');
      } else {
        toast('已取消连线', '');
      }
      dagCancelConnect();
      dagState.suppressClick = true;
      setTimeout(() => { if (dagState) dagState.suppressClick = false; }, 400);
      return;
    }
    if (!dagDrag) return;
    const wasNode = dagDrag.type === 'node';
    const trashEl = $('#dag-trash');
    let dropped = false;
    if (wasNode && dagDrag.moved && trashEl) {
      const tb = trashEl.getBoundingClientRect();
      if (e.clientX >= tb.left && e.clientX <= tb.right && e.clientY >= tb.top && e.clientY <= tb.bottom) {
        dropped = true;
        dagTrashNode(dagDrag.id);
      }
    }
    const sv = $('#dag-svg');
    if (wasNode) {
      const nodeEl = sv ? sv.querySelector('.dag-node[data-id="' + dagDrag.id + '"]') : null;
      if (nodeEl) nodeEl.style.cursor = 'grab';
    }
    if (sv) sv.style.cursor = '';
    if (trashEl) trashEl.classList.remove('hover');
    if (dagDrag.moved && !dropped) {
      dagState.suppressClick = true;
      setTimeout(() => { if (dagState) dagState.suppressClick = false; }, 400);
      saveDagState();
    }
    dagDrag = null;
  });
}

/* --- DAG 回收站：软删除 / 恢复 / 彻底删除 --- */
async function dagTrashCount() {
  try {
    const r = await api(`/api/tasks/trash?project_id=${projCtx.pid}`);
    const el = $('#dag-trash-cnt');
    if (el) el.textContent = r.data.length;
  } catch (e) {}
}

async function dagTrashNode(taskId) {
  try {
    const t = projCtx.tasks.find(x => x.id === taskId);
    await api(`/api/tasks/${taskId}/trash`, {method: 'POST'});
    toast(`🗑️ 任务「${t?.title || taskId}」已移入回收站`, 'ok');
    // 重新拉取项目数据并重绘画布
    const tasks = (await api(`/api/tasks?project_id=${projCtx.pid}`)).data;
    projCtx.tasks = tasks;
    const idMap = {};
    tasks.forEach(t => { idMap[t.id] = t; });
    const {pos} = dagLayout(tasks, idMap);
    Object.entries(dagState.pos).forEach(([k, v]) => { if (pos[k]) pos[k] = v; });
    dagState.pos = pos;
    drawDag();
  } catch (e) { toast('删除失败：' + e.message, 'err'); }
}

async function openDagTrash() {
  const r = await api(`/api/tasks/trash?project_id=${projCtx.pid}`);
  const rows = r.data;
  openModal(`
    <h3>🗑️ 回收站 <span class="tag">${rows.length} 个已删除任务</span></h3>
    <div class="tab-note">被删除的任务都在这里，可恢复或彻底删除（不可恢复）。</div>
    <table><thead><tr><th>ID</th><th>标题</th><th>状态</th><th>删除时间</th><th>操作</th></tr></thead><tbody>
    ${rows.map(t => `
      <tr>
        <td class="mono">#${t.id}</td>
        <td>${esc(t.title)}</td>
        <td>${STATUS[t.status]?.label || t.status}</td>
        <td>${fmtTime(t.deleted_at)}</td>
        <td><button class="btn mini success" onclick="dagRestoreTask(${t.id})">♻️ 恢复</button>
            <button class="btn mini danger" onclick="dagHardDelete(${t.id})">彻底删除</button></td>
      </tr>`).join('') || '<tr><td colspan="5" class="empty-td">回收站是空的</td></tr>'}
    </tbody></table>
    <button class="btn" data-close>关闭</button>`);
}

async function dagRestoreTask(taskId) {
  try {
    await api(`/api/tasks/${taskId}/restore`, {method: 'POST'});
    toast('♻️ 已恢复', 'ok');
    const tasks = (await api(`/api/tasks?project_id=${projCtx.pid}`)).data;
    projCtx.tasks = tasks;
    const idMap = {};
    tasks.forEach(t => { idMap[t.id] = t; });
    const {pos} = dagLayout(tasks, idMap);
    Object.entries(dagState.pos).forEach(([k, v]) => { if (pos[k]) pos[k] = v; });
    dagState.pos = pos;
    drawDag();
    closeModal();
  } catch (e) { toast('恢复失败：' + e.message, 'err'); }
}

async function dagHardDelete(taskId) {
  if (!confirm('彻底删除后不可恢复，确定？')) return;
  try {
    await api(`/api/tasks/${taskId}?hard=1`, {method: 'DELETE'});
    toast('已彻底删除', 'ok');
    closeModal();
    openDagTrash();
    dagTrashCount();
  } catch (e) { toast('删除失败：' + e.message, 'err'); }
}

function renderDag() {
  const {tasks, pid} = projCtx;
  const idMap = {};
  tasks.forEach(t => { idMap[t.id] = t; });
  const {pos} = dagLayout(tasks, idMap);
  // 恢复已保存布局 / 视图
  let savedPos = null, savedView = null;
  try {
    savedPos = JSON.parse(localStorage.getItem('aw_dag_pos_' + pid) || 'null');
    savedView = JSON.parse(localStorage.getItem('aw_dag_view_' + pid) || 'null');
  } catch (e) {}
  if (savedPos) Object.entries(savedPos).forEach(([k, v]) => { if (pos[k]) pos[k] = v; });
  dagState = {
    pid, pos,
    scale: savedView?.scale || 1,
    tx: savedView?.tx || 0,
    ty: savedView?.ty || 0,
    drag: null, moved: false,
    selectedEdge: null, connect: null,
  };
  const body2 = $('#tab-body');
  body2.innerHTML = '';
  drawDag();
  // 节点是否全部在视口内？任一越界则自动适配（防止节点被平移到视口外无法操作）
  const box = $('#dag-box');
  const bb = box ? box.getBoundingClientRect() : null;
  let allVisible = !bb;
  if (bb) {
    allVisible = tasks.every(t => {
      const p = dagState.pos[t.id];
      if (!p) return true;
      const vx = bb.left + dagState.tx + (DAG_M + p.x) * dagState.scale;
      const vy = bb.top + dagState.ty + (DAG_M + p.y) * dagState.scale;
      return vx < bb.right && vx > bb.left && vy < bb.bottom && vy > bb.top;
    });
  }
  if (!allVisible || !savedView) dagFitView();
}

async function runWorkflow() {
  const r = await api(`/api/projects/${projCtx.pid}/workflow/run`, {method:'POST'});
  toast(`🚀 已派发 ${r.started.length} 个任务${r.blocked.length ? `，${r.blocked.length} 个因依赖阻塞` : ''}`, 'ok');
  setTimeout(refreshProj, 1500);
}

/* --- 知识库 RAG --- */
async function renderKb() {
  const docs = (await api(`/api/projects/${projCtx.pid}/documents`)).data;
  $('#tab-body').innerHTML = `
    <div class="toolbar">
      <span class="pager-tip">文档共 ${docs.length} 篇 · 任务执行时自动检索注入上下文</span>
      <button class="btn primary" onclick="openDocModal()">＋ 添加文档</button>
    </div>
    <div class="card">
      <label>🔍 检索测试（模拟任务执行时的 RAG 命中）</label>
      <div class="row"><input id="kb-q" placeholder="输入查询，例如：保温杯卖点"><button class="btn" onclick="kbSearch()">检索</button></div>
      <div id="kb-results"></div>
      <div class="sec-title" style="margin-top:16px">文档列表</div>
      <div id="kb-docs">${docs.map(d => `
        <div class="doc-item">
          <div><b>${esc(d.name)}</b> <span class="pill">${d.chunks} 块</span> <span style="color:var(--muted);font-size:12px">${d.content.length} 字 · ${fmtTime(d.created_at)}</span></div>
          <div><button class="btn sm" onclick="openDocModal(${d.id})">查看/编辑</button>
          <button class="btn sm danger" onclick="delDoc(${d.id})">删除</button></div>
        </div>`).join('') || '<div class="empty">暂无文档，添加产品资料/知识手册后 AI Worker 干活时会自动参考</div>'}
      </div>
    </div>`;
}

async function kbSearch() {
  const q = $('#kb-q').value.trim();
  if (!q) return;
  const r = await api(`/api/projects/${projCtx.pid}/search?q=${encodeURIComponent(q)}`);
  $('#kb-results').innerHTML = r.data.length ? r.data.map(h => `
    <div class="alert-row" style="margin-top:8px">
      <div class="t">📄 命中 文档#${h.document_id} · 块${h.chunk_id} · 得分 ${h.score}</div>
      <div class="d">${esc(h.content.slice(0, 160))}${h.content.length > 160 ? '…' : ''}</div>
    </div>`).join('') : '<div class="empty" style="padding:14px">无命中（知识库为空或关键词不匹配）</div>';
}

function openDocModal(docId) {
  (docId ? api(`/api/documents/${docId}`) : Promise.resolve({data: {}})).then(async r => {
    const doc = docId ? r.data : {};
    openModal(`
      <h3>${docId ? '编辑文档' : '添加文档'}<button class="close" data-close>×</button></h3>
      <label>文档名称 *</label><input id="dm-name" value="${esc(doc.name || '')}">
      <label>内容（支持粘贴文本 / 上传 txt、md 文件）</label>
      <textarea id="dm-content" style="min-height:220px">${esc(doc.content || '')}</textarea>
      <input type="file" id="dm-file" accept=".txt,.md" style="margin-top:8px">
      <div class="modal-actions">
        <button class="btn" data-close>取消</button>
        <button class="btn primary" id="dm-save">保存并分块索引</button>
      </div>`);
    $('#dm-file').addEventListener('change', e => {
      const f = e.target.files[0];
      if (!f) return;
      const rd = new FileReader();
      rd.onload = () => { $('#dm-content').value = rd.result; if (!$('#dm-name').value) $('#dm-name').value = f.name; };
      rd.readAsText(f);
    });
    $('#dm-save').addEventListener('click', async () => {
      const name = $('#dm-name').value.trim(), content = $('#dm-content').value;
      if (!name || !content.trim()) return toast('名称和内容必填', 'err');
      const rr = await api(docId ? `/api/documents/${docId}` : `/api/projects/${projCtx.pid}/documents`,
        {method: docId ? 'PUT' : 'POST', body: docId ? {name, content} : {name, content}});
      toast(docId ? '已保存' : `已添加，分块 ${rr.chunks} 块`, 'ok'); closeModal(); renderKb();
    });
  });
}

async function delDoc(docId) {
  if (!confirm('确认删除该文档及其分块？')) return;
  await api(`/api/documents/${docId}`, {method:'DELETE'});
  toast('已删除', 'ok'); renderKb();
}

/* --- 新建任务（含依赖） --- */
function openTaskModal(editTask) {
  const t = editTask || {};
  const {tasks, workers, pid} = projCtx || {tasks: [], workers: []};
  const candidates = tasks.filter(x => x.status !== 'running' && x.id !== t.id);
  const deps = t.depends_on || [];
  openModal(`
    <h3>${t.id ? '编辑任务' : '新建任务'}<button class="close" data-close>×</button></h3>
    <label>任务标题 *</label><input id="tm-title" value="${esc(t.title || '')}" placeholder="例如：生成 10 条小红书种草文案">
    <label>任务说明（发给 AI Worker 的指令）</label><textarea id="tm-desc" placeholder="描述任务目标、要求、输出格式…">${esc(t.description || '')}</textarea>
    <div class="row">
      <div><label>执行 Worker</label><select id="tm-worker">
        <option value="">🤖 自动路由（最便宜可用）</option>
        ${workers.map(w => `<option value="${w.id}" ${t.worker_id === w.id ? 'selected' : ''}>${esc(w.name)}（${w.provider}/${w.model}）</option>`).join('')}
      </select></div>
      <div><label>优先级</label><select id="tm-pri">
        ${Object.entries(PRI).map(([k, v]) => `<option value="${k}" ${t.priority === k ? 'selected' : ''}>${v}</option>`).join('')}
      </select></div>
    </div>
    <div class="row">
      <div><label>截止时间</label><input id="tm-deadline" type="date" value="${t.deadline || ''}"></div>
      <div><label>完成后人工审核</label><select id="tm-review">
        <option value="1" ${t.review_required !== 0 ? 'selected' : ''}>需要（HITL）</option>
        <option value="0" ${t.review_required === 0 ? 'selected' : ''}>不需要</option>
      </select></div>
    </div>
    <label>前置任务（DAG 依赖，完成后方可执行）</label>
    <div class="check-group" id="tm-deps">
      ${candidates.length ? candidates.map(c => `
        <label><input type="checkbox" value="${c.id}" ${deps.includes(c.id) ? 'checked' : ''}>
        #${c.id} ${esc(c.title).slice(0, 18)}（${STATUS[c.status].label}）</label>`).join('') : '<span style="color:var(--muted);font-size:12px">暂无其他任务可选</span>'}
    </div>
    <div class="modal-actions">
      <button class="btn" data-close>取消</button>
      <button class="btn primary" id="tm-save">${t.id ? '保存' : '创建并派活'}</button>
    </div>`);
  $('#tm-save').addEventListener('click', async () => {
    const title = $('#tm-title').value.trim();
    if (!title) return toast('请填写任务标题', 'err');
    const body = {
      title, description: $('#tm-desc').value,
      worker_id: $('#tm-worker').value ? parseInt($('#tm-worker').value) : null,
      priority: $('#tm-pri').value, deadline: $('#tm-deadline').value,
      review_required: $('#tm-review').value === '1',
      depends_on: $$('#tm-deps input:checked').map(x => parseInt(x.value))
    };
    try {
      if (t.id) {
        await api(`/api/tasks/${t.id}`, {method:'PUT', body});
        toast('已保存', 'ok'); closeModal(); refreshProj();
      } else {
        const r = await api('/api/tasks', {method:'POST', body:{...body, project_id: projCtx.pid}});
        toast('任务已创建', 'ok'); closeModal(); refreshProj();
        if (confirm('任务已创建，立即派给 AI Worker 执行？')) runTask(r.id);
      }
    } catch (e) { toast(e.message, 'err'); }
  });
}

async function runTask(tid) {
  try { await api(`/api/tasks/${tid}/run`, {method:'POST'}); toast('🚀 已派活，AI Worker 开始执行', 'ok'); refreshProj(); }
  catch (e) { toast(e.message, 'err'); }
}

/* ---------- 任务详情（含审核） ---------- */
async function openTaskDetail(tid) {
  const t = (await api(`/api/tasks/${tid}`)).data;
  const workers = projCtx?.workers || (await api('/api/workers')).data;
  const w = t.worker || (t.worker_id ? {id: t.worker_id, name: `#${t.worker_id}`} : null);
  const deps = (t.depends_on || []).map(d => projCtx?.tasks.find(x => x.id === d)).filter(Boolean);
  openModal(`
    <h3>${esc(t.title)}<span class="badge ${STATUS[t.status].cls}" style="margin-left:8px">${STATUS[t.status].label}</span>
      <button class="close" data-close>×</button></h3>
    <div class="kv" style="margin-bottom:6px">
      <dt>执行 Worker</dt><dd>${w ? `${esc(w.name)} <span class="pill">${esc(w.provider)}/${esc(w.model)}</span>` : '未指派（自动路由）'}</dd>
      <dt>优先级</dt><dd><span class="pri-${t.priority}">●${PRI[t.priority]}</span> · 返工 ${t.rejection_count} 次</dd>
      <dt>前置任务</dt><dd>${deps.length ? deps.map(d => `<span class="pill" style="color:var(--purple)" onclick="openTaskDetail(${d.id})">#${d.id} ${esc(d.title).slice(0,12)}（${STATUS[d.status].label}）</span>`).join('') : '无'}</dd>
      <dt>创建/更新</dt><dd class="mono">${fmtTime(t.created_at)} / ${fmtTime(t.updated_at)}</dd>
      <dt>截止</dt><dd>${t.deadline || '—'}</dd>
    </div>
    <div class="sec-title md-title" style="margin-top:12px"><span>任务指令</span>${mdToggleBtn('td-desc-' + t.id)}</div>
    ${mdBody('td-desc-' + t.id, t.description || t.title, 'sm')}
    ${t.output_text ? `<div class="sec-title md-title"><span>产出物 v${t.output_version}（${t.output_text.length} 字）</span>${mdToggleBtn('td-out-' + t.id)}</div>
      ${mdBody('td-out-' + t.id, t.output_text)}` : ''}
    ${t.error ? `<div class="sec-title" style="color:var(--danger)">错误信息</div>
      <div class="output-box" style="border-color:var(--danger)">${esc(t.error)}</div>` : ''}
    <div class="sec-title">执行日志</div>
    <div id="td-logs">${t.logs.map(logLine).join('') || '<div class="empty">暂无日志</div>'}</div>
    <div class="modal-actions" id="td-actions">
      ${t.status === 'todo' ? `<button class="btn primary" onclick="runTask(${t.id})">🚀 派活执行</button>
        <button class="btn" onclick="openTaskModal(${JSON.stringify(t).replace(/"/g, '&quot;')})">编辑</button>
        <button class="btn danger" onclick="delTask(${t.id})">删除</button>` : ''}
      ${t.status === 'running' ? `<button class="btn warn" onclick="cancelTask(${t.id})">⏹ 取消执行</button>` : ''}
      ${t.status === 'review' ? `<button class="btn success" onclick="reviewTask(${t.id}, 'approve')">✅ 审核通过</button>
        <button class="btn warn" onclick="reviewTask(${t.id}, 'reject')">⛔ 打回返工</button>` : ''}
      ${t.status === 'failed' ? `<button class="btn primary" onclick="runTask(${t.id})">🔄 重试</button>
        <button class="btn" onclick="openTaskModal(${JSON.stringify(t).replace(/"/g, '&quot;')})">编辑</button>` : ''}
      ${['done','cancelled'].includes(t.status) ? `<button class="btn" onclick="reopenTask(${t.id})">↩️ 重新打开</button>` : ''}
    </div>`);
}

function logLine(l) {
  const icons = {info:'ℹ️', success:'✅', warn:'⚠️', error:'❌'};
  return `<div class="log-line ${l.level}"><span class="ts">${fmtTime(l.created_at)}</span>${icons[l.level] || ''} ${esc(l.message)}</div>`;
}

async function reviewTask(tid, action) {
  if (action === 'reject') {
    const reason = prompt('请输入打回原因（将退回重做）：');
    if (reason === null) return;
    if (!reason.trim()) return toast('打回必须填写原因', 'err');
    await api(`/api/tasks/${tid}/review`, {method:'POST', body:{action, reason: reason.trim()}});
  } else {
    await api(`/api/tasks/${tid}/review`, {method:'POST', body:{action}});
  }
  toast(action === 'approve' ? '✅ 验收通过，任务完成' : '任务已打回，等待返工', 'ok');
  closeModal(); refreshProj();
}

async function cancelTask(tid) {
  if (!confirm('确认取消该任务？')) return;
  await api(`/api/tasks/${tid}/cancel`, {method:'POST'});
  toast('已取消', 'ok'); closeModal(); refreshProj();
}
async function reopenTask(tid) {
  await api(`/api/tasks/${tid}`, {method:'PUT', body:{status:'todo'}});
  toast('任务已重新打开', 'ok'); closeModal(); refreshProj();
}
async function delTask(tid) {
  if (!confirm('删除后任务将移入回收站（DAG 画布左下角🗑️可恢复），确定？')) return;
  await api(`/api/tasks/${tid}`, {method:'DELETE'});
  toast('已移入回收站', 'ok'); closeModal(); refreshProj();
}

/* ---------- AI 规划 WBS ---------- */
function openWbsModal() {
  const {p} = projCtx;
  openModal(`
    <h3>🧠 AI 辅助规划（WBS 任务分解）<button class="close" data-close>×</button></h3>
    <label>项目目标（默认取项目 objective）</label>
    <textarea id="wb-goal">${esc(p.objective || p.name || '')}</textarea>
    <div class="modal-actions">
      <button class="btn" data-close>取消</button>
      <button class="btn primary" id="wb-gen">生成任务分解</button>
    </div>
    <div id="wb-result"></div>`);
  $('#wb-gen').addEventListener('click', async () => {
    const goal = $('#wb-goal').value.trim();
    if (!goal) return toast('请填写项目目标', 'err');
    $('#wb-result').innerHTML = '<div class="empty"><span class="spin"></span>AI 正在拆解任务（约 10-30 秒）…</div>';
    try {
      const r = await api(`/api/projects/${projCtx.pid}/wbs/generate`, {method:'POST', body:{goal}});
      let wbs = r.data;
      $('#wb-result').innerHTML = `
        <div class="sec-title" style="margin-top:16px">生成 ${wbs.length} 个任务（可编辑后导入）· 花费 ¥${r.cost.toFixed(4)} / ${r.usage} tokens</div>
        ${wbs.map((t, i) => `
          <div class="wbs-row">
            <div style="display:flex;align-items:center;gap:8px">
              <span class="idx">${i+1}</span>
              <input value="${esc(t.title || '')}" style="flex:1;font-weight:600" data-f="title" data-i="${i}">
            </div>
            <textarea style="margin-top:8px" data-f="desc" data-i="${i}">${esc(t.description || '')}</textarea>
            <div style="font-size:12px;color:var(--muted);margin-top:6px">依赖任务：${wbs.map((_, j) => `<label style="margin:0 6px 0 0"><input type="checkbox" data-dep="${i}" value="${j}" ${(t.depends_on||[]).includes(j) ? 'checked' : ''}>#${j+1}</label>`).join('')}</div>
          </div>`).join('')}
        <div class="modal-actions">
          <button class="btn" data-close>取消</button>
          <button class="btn primary" id="wb-import">✅ 导入为项目任务</button>
        </div>`;
      $('#wb-import').addEventListener('click', async () => {
        const tasks = wbs.map((t, i) => ({
          title: $(`[data-f="title"][data-i="${i}"]`).value.trim() || t.title,
          description: $(`[data-f="desc"][data-i="${i}"]`).value,
          depends_on: $$(`[data-dep="${i}"]:checked`).map(x => parseInt(x.value))
        }));
        const rr = await api(`/api/projects/${projCtx.pid}/wbs/import`, {method:'POST', body:{tasks, worker_id: projCtx.workers[0]?.id || null}});
        toast(`✅ 已导入 ${rr.created} 个任务（含依赖关系）`, 'ok');
        closeModal(); refreshProj(); router();
      });
    } catch (e) { $('#wb-result').innerHTML = `<div class="empty">❌ ${esc(e.message)}</div>`; }
  });
}

/* ---------- 📦 交付中心（V3） ---------- */
let deliverCtx = null;

async function renderDeliver() {
  const {pid} = projCtx;
  const p = (await api(`/api/projects/${pid}`)).data;
  const [ws, dels] = await Promise.all([
    api(`/api/projects/${pid}/workspace`),
    api(`/api/projects/${pid}/deliverables`)
  ]);
  projCtx.p = p;
  deliverCtx = {ws: ws.data, dels: dels.data};
  const isView = p.perm === 'view';
  const fmtSize = n => n >= 1048576 ? (n/1048576).toFixed(2) + ' MB' : n >= 1024 ? (n/1024).toFixed(1) + ' KB' : n + ' B';
  $('#tab-body').innerHTML = `
    <div class="grid g2" style="align-items:start">
      <div class="card">
        <div class="sec-title" style="margin-top:0">📬 交付对象与方式</div>
        <div class="kv">
          <dt>送达者</dt><dd>${p.deliver_user ? esc(p.deliver_user.display_name || p.deliver_user.username) + '（' + esc(p.deliver_user.username) + '）' : '⚠️ 未绑定用户'}
            <small style="color:var(--muted)">邮箱 ${esc(p.deliver_user?.email || p.deliver_email || '—')}（用户改邮箱后自动跟随）</small></dd>
          <dt>交付物类型</dt><dd>${p.deliver_type === 'web' ? '🌐 网页交付物（在线 Demo）' : '📦 文件包交付物（邮件附件）'}</dd>
          <dt>交付说明</dt><dd>${esc(p.deliver_note || '—')}</dd>
          <dt>Demo 地址</dt><dd>${p.demo_url ? `<a href="${esc(p.demo_url)}" target="_blank" style="color:var(--accent)">${esc(p.demo_url)}</a>` : '<span style="color:var(--muted)">未部署</span>'}</dd>
          <dt>最近送达</dt><dd>${fmtTime(p.delivered_at)}</dd>
          <dt>项目状态</dt><dd>${p.status === 'done' ? '✅ 已完成' : '🔄 进行中'}</dd>
        </div>
        ${isView ? '' : `
        <div style="display:flex;flex-wrap:wrap;gap:8px;margin-top:12px">
          <button class="btn" onclick="deliverAction('deploy')" ${p.deliver_type !== 'web' ? 'disabled' : ''}>🚀 部署 Demo</button>
          <button class="btn" onclick="deliverAction('package')">🗜️ 打包</button>
          <button class="btn primary" onclick="deliverAction('deliver')">📧 发送给送达者</button>
          ${p.status === 'done' ? '' : `<button class="btn" style="background:var(--accent2);border-color:var(--accent2)" onclick="deliverAction('complete')">✅ 完成项目并交付</button>`}
          <button class="btn" onclick="deliverAction('notify')">✉️ 手动通知</button>
        </div>`}
        <div class="tab-note" style="margin-top:10px">💡 交付流程：工作目录放交付物 → 网页类点「部署 Demo」生成在线地址 → 「发送给送达者」把 Demo 链接 + 打包附件发邮件；文件类直接「打包+发送」。项目所有任务验收后也会自动完成并通知送达者。</div>
      </div>
      <div class="card">
        <div class="sec-title" style="margin-top:0">🗂️ 项目工作目录
          <small style="color:var(--muted)">data/workspace/${esc(p.workspace_dir || ('project_' + pid))}/（与其他项目隔离）</small>
          ${isView ? '' : '<button class="btn mini" style="float:right" onclick="$(\'#ws-upload\').click()">⬆️ 上传</button>'}
        </div>
        ${isView ? '' : `<input type="file" id="ws-upload" multiple style="display:none" onchange="uploadWorkspaceFiles(this)">`}
        <div id="ws-list"></div>
      </div>
    </div>
    <div class="card" style="margin-top:14px">
      <div class="sec-title" style="margin-top:0">📋 交付记录</div>
      <table><thead><tr><th>时间</th><th>类型</th><th>名称</th><th>大小</th><th>备注</th></tr></thead><tbody>
      ${(dels.data || []).map(d => `<tr><td>${fmtTime(d.created_at)}</td>
        <td>${{file:'📄 文件', package:'🗜️ 打包', email:'📧 邮件', webpage:'🌐 Demo'}[d.kind] || d.kind}</td>
        <td>${esc(d.name)}${d.demo_url ? ` <a href="${esc(d.demo_url)}" target="_blank" style="color:var(--accent)">查看</a>` : ''}</td>
        <td class="mono">${d.size ? fmtSize(d.size) : '—'}</td>
        <td style="color:var(--muted)">${esc(d.note || '')}</td></tr>`).join('') || '<tr><td colspan="5" class="empty">暂无交付记录</td></tr>'}
      </tbody></table>
    </div>`;
  renderWorkspaceList();
}

function renderWorkspaceList() {
  const box = $('#ws-list');
  if (!box) return;
  const {ws} = deliverCtx;
  const fmtSize = n => n >= 1048576 ? (n/1048576).toFixed(2) + ' MB' : n >= 1024 ? (n/1024).toFixed(1) + ' KB' : n + ' B';
  if (!ws.length) { box.innerHTML = '<div class="empty">工作目录为空，上传交付物文件后即可打包/部署</div>'; return; }
  box.innerHTML = `<table><thead><tr><th>文件</th><th>大小</th><th>修改时间</th><th>操作</th></tr></thead><tbody>
    ${ws.map(f => `<tr>
      <td>${esc(f.path)}</td>
      <td class="mono">${fmtSize(f.size)}</td>
      <td class="mono">${fmtTime(f.mtime)}</td>
      <td>
        <a class="btn mini" href="/api/projects/${projCtx.pid}/workspace/download?path=${encodeURIComponent(f.path)}">⬇️</a>
        <button class="btn mini danger" onclick="deleteWorkspaceFile('${esc(f.path)}')">🗑️</button>
      </td></tr>`).join('')}
    </tbody></table>`;
}

async function uploadWorkspaceFiles(input) {
  const files = [...(input.files || [])];
  if (!files.length) return;
  const fd = new FormData();
  files.forEach(f => fd.append('files', f));
  toast(`正在上传 ${files.length} 个文件…`);
  try {
    const res = await fetch(`/api/projects/${projCtx.pid}/workspace/upload`, {method: 'POST', body: fd});
    const data = await res.json();
    if (!res.ok || data.ok === false) throw new Error(data.error || '上传失败');
    toast(`✅ 已上传 ${data.saved.length} 个文件`, 'ok');
    input.value = '';
    await renderDeliver();
  } catch (e) { toast(e.message, 'err'); }
}

async function deleteWorkspaceFile(path) {
  if (!confirm(`删除文件 ${path} ？`)) return;
  try {
    await api(`/api/projects/${projCtx.pid}/workspace?path=${encodeURIComponent(path)}`, {method: 'DELETE'});
    toast('已删除', 'ok'); await renderDeliver();
  } catch (e) { toast(e.message, 'err'); }
}

async function deliverAction(action) {
  const {pid, p} = projCtx;
  if (action === 'deploy') {
    try {
      toast('正在部署 Demo…');
      const r = await api(`/api/projects/${pid}/deploy`, {method: 'POST'});
      toast(`✅ Demo 已部署：${r.demo_url}（${r.copied} 个文件）`, 'ok');
      await renderDeliver();
    } catch (e) { toast(e.message, 'err'); }
  } else if (action === 'package') {
    try {
      const r = await api(`/api/projects/${pid}/package`, {method: 'POST'});
      toast(`✅ 已打包：${r.name}（${(r.size/1024).toFixed(1)} KB）`, 'ok');
      await renderDeliver();
    } catch (e) { toast(e.message, 'err'); }
  } else if (action === 'deliver') {
    const du = p.deliver_user ? (p.deliver_user.display_name || p.deliver_user.username) + '（' + p.deliver_user.email + '）' : (p.deliver_email || '');
    if (!confirm(`将把项目「${p.name}」的交付物（Demo 链接 + 打包附件）发送给送达者 ${du}，确定？`)) return;
    try {
      toast('正在打包并发送邮件…');
      const r = await api(`/api/projects/${pid}/deliver`, {method: 'POST'});
      toast(`✅ 已发送：${r.msg}${r.demo_url ? ' · Demo ' + r.demo_url : ''}`, 'ok');
      await renderDeliver();
    } catch (e) { toast(e.message, 'err'); }
  } else if (action === 'complete') {
    const du = p.deliver_user ? (p.deliver_user.display_name || p.deliver_user.username) + '（' + p.deliver_user.email + '）' : (p.deliver_email || '');
    if (!confirm(`确认完成项目「${p.name}」？将部署 Demo、打包交付物并通过邮件通知送达者 ${du}。`)) return;
    try {
      const r = await api(`/api/projects/${pid}/complete`, {method: 'POST'});
      toast(`✅ 项目已完成并交付：${r.msg}`, 'ok');
      await renderDeliver();
    } catch (e) { toast(e.message, 'err'); }
  } else if (action === 'notify') {
    openModal(`
      <h3>✉️ 手动通知送达者<button class="close" data-close>×</button></h3>
      <label>主题</label><input id="nt-subject" value="项目动态：${esc(p.name)}">
      <label>消息内容（将随项目信息一并发送）</label><textarea id="nt-msg" rows="5" placeholder="例如：项目遇到阶段性难关，正在协调处理，预计本周内完成…"></textarea>
      <div class="modal-actions"><button class="btn" data-close>取消</button>
      <button class="btn primary" id="nt-send">发送</button></div>`);
    $('#nt-send').addEventListener('click', async () => {
      try {
        await api(`/api/projects/${pid}/notify_deliverer`, {method:'POST', body: {
          subject: $('#nt-subject').value.trim(), message: $('#nt-msg').value.trim()}});
        toast('✅ 已通知送达者', 'ok'); closeModal();
      } catch (e) { toast(e.message, 'err'); }
    });
  }
}

/* ---------- Worker 管理 ---------- */
async function pageWorkers() {
  const [ws, ps] = await Promise.all([api('/api/workers'), api('/api/providers')]);
  const canManage = CURRENT_ROLE === 'admin';
  $('#main').innerHTML = `
    <h1 class="page-title">AI Worker 管理<small>模型 + 角色提示词 + 工具权限 + 成本上限 = 虚拟员工档案</small></h1>
    ${canManage ? `<div class="toolbar"><button class="btn primary" onclick="openWorkerModal(null, ${JSON.stringify(ps.data).replace(/"/g,'&quot;')})">＋ 注册 Worker</button></div>` : '<div class="toolbar"><span class="tab-note">👁️ 仅显示你有权限查看的 Worker（由管理员授权）</span></div>'}
    <table><thead><tr><th>ID</th><th>名称</th><th>模型</th><th>角色提示词</th><th>温度/上限</th><th>本月成本</th><th>成本上限</th><th>状态</th><th>权限</th><th>操作</th></tr></thead><tbody>
    ${ws.data.map(w => `
      <tr>
        <td class="mono">#${w.id}</td>
        <td><b>${esc(w.name)}</b><br><span style="color:var(--muted);font-size:12px">${esc(w.description || '')}</span></td>
        <td><span class="pill">${esc(w.provider)}</span> <span class="pill">${esc(w.model)}</span></td>
        <td style="max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap" title="${esc(w.system_prompt)}">${esc((w.system_prompt || '—').slice(0, 40))}</td>
        <td class="mono">${w.temperature} / ${w.max_tokens}</td>
        <td class="mono">${fmtMoney(w.month_cost)}</td>
        <td class="mono">${w.task_cost_limit ? '单任务 ¥' + w.task_cost_limit : '—'}<br>${w.monthly_cost_limit ? '月 ¥' + w.monthly_cost_limit : ''}</td>
        <td><span class="badge ${w.status === 'enabled' ? 'st-done' : 'st-cancelled'}">${w.status === 'enabled' ? '启用' : '停用'}</span></td>
        <td><span class="tag">${{view:'查看',use:'使用',manage:'管理',admin:'管理员'}[w.perm] || w.perm}</span></td>
        <td><button class="btn sm" onclick="testWorker(${w.id})">测试</button>
            <button class="btn sm" onclick="visionTest(${w.id})">🖼️ 视觉测试</button>
            ${canManage ? `<button class="btn sm" onclick="openWorkerModal(${JSON.stringify(w).replace(/"/g,'&quot;')}, ${JSON.stringify(ps.data).replace(/"/g,'&quot;')})">编辑</button>
            <button class="btn sm danger" onclick="delWorker(${w.id})">删除</button>` : ''}</td>
      </tr>`).join('') || '<tr><td colspan="10" class="empty">还没有 Worker，注册第一个虚拟员工吧</td></tr>'}
    </tbody></table>`;
}

async function testWorker(wid) {
  toast('正在测试连通性…');
  try { const r = await api(`/api/workers/${wid}/test`, {method:'POST'});
    toast(`✅ 连通正常：${r.data.latency_ms}ms，回复「${r.data.reply}」，成本 ¥${r.data.cost}`, 'ok'); }
  catch (e) { toast('❌ ' + e.message, 'err'); }
}

async function visionTest(wid) {
  openModal(`
    <h3>🖼️ 视觉能力测试</h3>
    <div class="tab-note">多模态智能体：输入图片 URL 与问题，验证图像理解能力。示例：<br>
    https://upload.wikimedia.org/wikipedia/commons/thumb/3/3a/Cat03.jpg/640px-Cat03.jpg</div>
    <label>图片 URL</label><input id="vt-url" placeholder="https://...">
    <label>问题</label><textarea id="vt-q" rows="2">请描述这张图片的内容，并给出专业分析。</textarea>
    <button class="btn primary" id="vt-go">🚀 开始分析</button>
    <div id="vt-out" style="margin-top:10px"></div>`);
  $('#vt-go').addEventListener('click', async () => {
    const url = $('#vt-url').value.trim();
    if (!url) return toast('请填写图片 URL', 'err');
    $('#vt-out').innerHTML = '<div class="tab-note"><span class="spin"></span> 视觉分析中（多模态调用约 10-60 秒）…</div>';
    try {
      const r = await api(`/api/workers/${wid}/vision_test`, {method:'POST', body: {image_url: url, question: $('#vt-q').value}});
      $('#vt-out').innerHTML = `<pre style="white-space:pre-wrap;background:#f6f8fa;padding:10px;border-radius:8px;max-height:320px;overflow:auto">${esc(r.data.text)}</pre>
        <div class="tab-note">tokens ${r.data.total_tokens} · 成本 ${fmtMoney(r.data.cost)} · 延迟 ${r.data.latency_ms ?? '—'}ms</div>`;
    } catch (e) { $('#vt-out').innerHTML = `<div class="err">${esc(e.message)}</div>`; }
  });
}

async function delWorker(wid) {
  if (!confirm('确认删除该 Worker？（历史任务将解除指派）')) return;
  await api(`/api/workers/${wid}`, {method:'DELETE'});
  toast('已删除', 'ok'); router();
}

function openWorkerModal(w, providers) {
  w = w || {};
  const sel = (providerId) => providers.find(p => p.id === providerId);
  openModal(`
    <h3>${w.id ? '编辑 Worker' : '注册 Worker'}<button class="close" data-close>×</button></h3>
    <label>Worker 名称 *</label><input id="wm-name" value="${esc(w.name || '')}" placeholder="例如：文案小助手">
    <label>模型供应商</label><select id="wm-provider" onchange="onProviderChange()">
      ${providers.map(p => `<option value="${p.id}" ${w.provider === p.id ? 'selected' : ''}>${esc(p.name)}${p.has_key ? '' : '（未配 Key）'}</option>`).join('')}
    </select>
    <label>模型</label><input id="wm-model" value="${esc(w.model || '')}" placeholder="如 doubao-seed-evolving / deepseek-chat">
    <div class="row">
      <div><label>自定义 Base URL（留空用默认）</label><input id="wm-base" value="${esc(w.base_url || '')}" placeholder="${esc(sel(w.provider)?.base_url || '')}"></div>
      <div><label>自定义 API Key（留空用全局）</label><input id="wm-key" value="${esc(w.api_key || '')}"></div>
    </div>
    <label>角色提示词（System Prompt）</label><textarea id="wm-prompt" placeholder="你是资深文案专家，擅长小红书种草文案…">${esc(w.system_prompt || '')}</textarea>
    <label>角色描述</label><input id="wm-desc" value="${esc(w.description || '')}" placeholder="一句话描述这个虚拟员工的职责">
    <div class="row">
      <div><label>Temperature</label><input id="wm-temp" type="number" step="0.1" min="0" max="2" value="${w.temperature ?? 0.7}"></div>
      <div><label>Max Tokens</label><input id="wm-max" type="number" min="1" value="${w.max_tokens ?? 2000}"></div>
    </div>
    <div class="row">
      <div><label>单任务成本上限（元）</label><input id="wm-tasklimit" type="number" step="0.01" value="${w.task_cost_limit || 0}"></div>
      <div><label>月度成本上限（元）</label><input id="wm-monthlimit" type="number" step="0.01" value="${w.monthly_cost_limit || 0}"></div>
    </div>
    <label>状态</label><select id="wm-status">
      <option value="enabled" ${w.status !== 'disabled' ? 'selected' : ''}>启用</option>
      <option value="disabled" ${w.status === 'disabled' ? 'selected' : ''}>停用</option>
    </select>
    <div class="modal-actions">
      <button class="btn" data-close>取消</button>
      ${w.id ? `<button class="btn" onclick="testWorker(${w.id})">测试连通</button>` : ''}
      <button class="btn primary" id="wm-save">保存</button>
    </div>`);
  window.onProviderChange = () => {
    const p = providers.find(x => x.id === $('#wm-provider').value);
    if (!p) return;
    const base = $('#wm-base');
    if (!base.value || base.placeholder === base.value) base.value = p.base_url;
    base.placeholder = p.base_url;
    const model = $('#wm-model');
    if (p.models.length && !model.value) model.value = p.models[0];
  };
  $('#wm-save').addEventListener('click', async () => {
    const body = {
      name: $('#wm-name').value.trim(), provider: $('#wm-provider').value,
      model: $('#wm-model').value.trim(), base_url: $('#wm-base').value.trim(),
      api_key: $('#wm-key').value.trim(), system_prompt: $('#wm-prompt').value,
      description: $('#wm-desc').value.trim(), temperature: parseFloat($('#wm-temp').value || 0.7),
      max_tokens: parseInt($('#wm-max').value || 2000),
      task_cost_limit: parseFloat($('#wm-tasklimit').value || 0),
      monthly_cost_limit: parseFloat($('#wm-monthlimit').value || 0),
      status: $('#wm-status').value
    };
    if (!body.name || !body.provider || !body.model) return toast('名称/供应商/模型必填', 'err');
    try {
      await api(w.id ? `/api/workers/${w.id}` : '/api/workers', {method: w.id ? 'PUT' : 'POST', body});
      toast('已保存', 'ok'); closeModal(); router();
    } catch (e) { toast(e.message, 'err'); }
  });
}

/* ---------- 成本报表 ---------- */
async function pageReports() {
  const group = location.hash.includes('group=') ? location.hash.split('group=')[1] : 'project';
  const r = (await api('/api/reports/cost?group=' + group)).data;
  const s = (await api('/api/stats')).data;
  const head = {project:['项目','调用次数','Tokens','成本'], worker:['Worker','模型','调用次数','Tokens','成本'], model:['供应商/模型','调用次数','Tokens','成本']}[group];
  $('#main').innerHTML = `
    <h1 class="page-title">成本报表<small>按项目 × 任务 × Worker × 模型 多维核算</small></h1>
    <div class="toolbar">
      <a class="btn ${group==='project'?'primary':''}" href="#/reports/group=project">按项目</a>
      <a class="btn ${group==='worker'?'primary':''}" href="#/reports/group=worker">按 Worker</a>
      <a class="btn ${group==='model'?'primary':''}" href="#/reports/group=model">按模型</a>
      <span style="margin-left:auto" class="pager-tip">累计成本 ${fmtMoney(s.total_cost)} · ${(s.total_tokens/1e6).toFixed(2)}M tokens</span>
    </div>
    <div class="card"><table><thead><tr>${head.map(h => `<th>${h}</th>`).join('')}</tr></thead><tbody>
    ${r.map(x => {
      const cost = x.cost || 0, tokens = x.tokens || 0;
      const maxCost = Math.max(...r.map(v => v.cost || 0), 0.001);
      return `<tr>${group === 'project' ? `<td><b>${esc(x.project_name || '—')}</b></td>` : group === 'worker' ?
        `<td><b>${esc(x.worker_name || '—')}</b></td><td><span class="pill">${esc(x.provider || '')}</span> <span class="pill">${esc(x.model || '')}</span></td>` :
        `<td><span class="pill">${esc(x.provider || '')}</span> <span class="pill">${esc(x.model || '')}</span></td>`}
        <td>${x.runs}</td><td class="mono">${(tokens/1e6).toFixed(3)}M</td>
        <td class="mono">${fmtMoney(cost)}<div class="bar"><div style="width:${cost/maxCost*100}%"></div></div></td></tr>`;
    }).join('') || '<tr><td colspan="5" class="empty">暂无成本数据，先派几个任务吧</td></tr>'}
    </tbody></table></div>`;
}

/* ---------- 运行日志 ---------- */
let logsState = {page: 1, pageSize: 50, level: '', q: ''};
window.logsState = logsState;   // 供分页组件通过 window[stateVar] 读写

async function pageLogs() {
  const st = logsState;
  const qs = new URLSearchParams({page: st.page, page_size: st.pageSize, level: st.level});
  if (st.q) qs.set('q', st.q);
  const r = await api(`/api/logs?${qs}`);
  const totalPages = Math.max(1, Math.ceil(r.total / st.pageSize));
  const levels = ['info', 'success', 'warn', 'error'];
  const lvLabel = {info:'ℹ️ 信息', success:'✅ 成功', warn:'⚠️ 警告', error:'❌ 错误'};
  $('#main').innerHTML = `
    <h1 class="page-title">运行日志<small>全链路可追溯，每个结论都能溯源</small></h1>
    <div class="filter-bar">
      <div class="fgroup"><span class="flbl">级别</span>
        <button class="fbtn ${st.level === '' ? 'on' : ''}" onclick="logsState.level='';logsState.page=1;pageLogs()">全部</button>
        ${levels.map(l => `<button class="fbtn ${st.level === l ? (l === 'warn' ? 'on warn-on' : l === 'error' ? 'on danger-on' : 'on') : ''}" onclick="logsState.level='${l}';logsState.page=1;pageLogs()">${lvLabel[l]}</button>`).join('')}
      </div>
      <div class="fgroup"><span class="flbl">🔍 关键词</span>
        <input id="logs-q" placeholder="搜索消息/任务标题…" value="${esc(st.q)}" style="background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:5px 10px;font-size:12px;width:200px">
        <button class="fbtn on" onclick="logsState.q=$('#logs-q').value.trim();logsState.page=1;pageLogs()">搜索</button>
        ${st.q ? `<button class="fbtn" onclick="logsState.q='';logsState.page=1;pageLogs()">✕ 清除</button>` : ''}
      </div>
    </div>
    ${pagerHtml(r.page, totalPages, r.total, 'logsState', 'pageLogs', 'top')}
    <div class="card">${r.data.map(l => `<div class="log-line ${l.level}"><span class="ts">${fmtTime(l.created_at)}</span>
      [任务#${l.task_id} ${esc(l.task_title || '')}] ${esc(l.message)}</div>`).join('') || '<div class="empty">暂无日志</div>'}</div>
    ${pagerHtml(r.page, totalPages, r.total, 'logsState', 'pageLogs', 'bottom')}`;
  bindPagerGo('logsState', totalPages, 'pageLogs');
  const qel = $('#logs-q');
  if (qel) qel.addEventListener('keydown', e => { if (e.key === 'Enter') { logsState.q = qel.value.trim(); logsState.page = 1; pageLogs(); } });
}

/* ---------- 告警中心 ---------- */
let alertsState = {page: 1, pageSize: 20, level: '', type: '', read: ''};
window.alertsState = alertsState;   // 供分页组件通过 window[stateVar] 读写

async function pageAlerts() {
  const st = alertsState;
  const qs = new URLSearchParams({page: st.page, page_size: st.pageSize});
  if (st.level) qs.set('level', st.level);
  if (st.type) qs.set('type', st.type);
  if (st.read !== '') qs.set('read', st.read);
  const r = await api(`/api/alerts?${qs}`);
  const totalPages = Math.max(1, Math.ceil(r.total / st.pageSize));
  const levels = ['info', 'warn', 'critical'];
  const lvLabel = {info:'ℹ️', warn:'⚠️', critical:'🚨'};
  $('#main').innerHTML = `
    <h1 class="page-title">告警中心<small>任务失败 · 预算超标 · Worker 异常 · 成本拦截</small></h1>
    <div class="filter-bar">
      <div class="fgroup"><span class="flbl">级别</span>
        <button class="fbtn ${st.level === '' ? 'on' : ''}" onclick="alertsState.level='';alertsState.page=1;pageAlerts()">全部</button>
        ${levels.map(l => `<button class="fbtn ${st.level === l ? (l === 'critical' ? 'on danger-on' : 'on') : ''}" onclick="alertsState.level='${l}';alertsState.page=1;pageAlerts()">${lvLabel[l]} ${l}</button>`).join('')}
      </div>
      <div class="fgroup"><span class="flbl">类型</span>
        <button class="fbtn ${st.type === '' ? 'on' : ''}" onclick="alertsState.type='';alertsState.page=1;pageAlerts()">全部</button>
        ${['task_failed','task_review','reject','budget','blocker','eval_done'].map(t => `<button class="fbtn ${st.type === t ? 'on' : ''}" onclick="alertsState.type='${t}';alertsState.page=1;pageAlerts()">${{task_failed:'任务失败', task_review:'待审核', reject:'打回', budget:'预算', blocker:'难关', eval_done:'评估完成'}[t] || t}</button>`).join('')}
      </div>
      <div class="fgroup"><span class="flbl">状态</span>
        <button class="fbtn ${st.read === '' ? 'on' : ''}" onclick="alertsState.read='';alertsState.page=1;pageAlerts()">全部</button>
        <button class="fbtn ${st.read === '0' ? 'on warn-on' : ''}" onclick="alertsState.read='0';alertsState.page=1;pageAlerts()">未读</button>
        <button class="fbtn ${st.read === '1' ? 'on' : ''}" onclick="alertsState.read='1';alertsState.page=1;pageAlerts()">已读</button>
      </div>
      <div style="flex:1"></div>
      <button class="btn" onclick="readAllAlerts()">✔ 全部标记已读</button>
    </div>
    ${pagerHtml(r.page, totalPages, r.total, 'alertsState', 'pageAlerts', 'top')}
    <div class="card">${r.data.map(a => `
      <div class="alert-row ${a.read ? '' : 'unread'} ${a.level === 'critical' ? 'critical' : ''}" onclick="readAlert(${a.id})">
        <div class="t">${ALERT_LEVEL[a.level] || 'ℹ️'} ${esc(a.title)} ${a.read ? '' : '<span class="badge st-review">未读</span>'}</div>
        <div class="d">${esc(a.detail)}</div>
        <div class="tm">${fmtTime(a.created_at)} · ${esc(a.type)}</div>
      </div>`).join('') || '<div class="empty">暂无告警 🎉</div>'}</div>
    ${pagerHtml(r.page, totalPages, r.total, 'alertsState', 'pageAlerts', 'bottom')}`;
  bindPagerGo('alertsState', totalPages, 'pageAlerts');
  refreshAlertBadge();
}
async function readAlert(id) {
  await api(`/api/alerts/${id}/read`, {method:'POST'});
  pageAlerts();
}
async function readAllAlerts() {
  await api('/api/alerts/read_all', {method:'POST'});
  toast('已全部标记为已读', 'ok'); pageAlerts();
}

/* ---------- 分页组件（快速定位页数，顶部/底部各一份 + 每页条数） ---------- */
function pagerHtml(page, totalPages, total, stateVar, refreshFn, pos = 'bottom') {
  const st = window[stateVar] || {};
  const sizes = [10, 20, 50, 100];
  const sizeSel = `<select class="psize-sel" onchange="setPageSize('${stateVar}', this.value, '${refreshFn}')" title="每页条数">
      ${sizes.map(s => `<option value="${s}" ${st.pageSize === s ? 'selected' : ''}>${s} 条/页</option>`).join('')}
    </select>`;
  if (totalPages <= 1) return total ? `<div class="pager ${pos}"><span class="pg-info">共 ${total} 条</span>${sizeSel}</div>` : '';
  const pages = [];
  const add = p => { if (pages[pages.length - 1] !== p && p >= 1 && p <= totalPages) pages.push(p); };
  add(1);
  const lo = Math.max(2, page - 2), hi = Math.min(totalPages - 1, page + 2);
  if (lo > 2) pages.push('…');
  for (let p = lo; p <= hi; p++) add(p);
  if (hi < totalPages - 1) pages.push('…');
  add(totalPages);
  return `<div class="pager ${pos}">
    ${sizeSel}
    <span class="pg-info">共 ${total} 条 · ${page}/${totalPages} 页</span>
    <button class="pbtn" ${page <= 1 ? 'disabled' : ''} onclick="${stateVar}.page=${page - 1};${refreshFn}()">‹</button>
    ${pages.map(p => p === '…' ? '<span class="pgap">…</span>' :
      `<button class="pbtn ${p === page ? 'cur' : ''}" onclick="${stateVar}.page=${p};${refreshFn}()">${p}</button>`).join('')}
    <button class="pbtn" ${page >= totalPages ? 'disabled' : ''} onclick="${stateVar}.page=${page + 1};${refreshFn}()">›</button>
    <span class="pgo">跳至 <input id="pager-go-${pos}" type="number" min="1" max="${totalPages}" value="${page}"> 页 <button class="pbtn" onclick="goPageInput('${stateVar}', ${totalPages}, '${refreshFn}', '${pos}')">GO</button></span>
  </div>`;
}

function setPageSize(stateVar, size, refreshFn) {
  window[stateVar].pageSize = parseInt(size) || 50;
  window[stateVar].page = 1;
  window[refreshFn]();
}

function goPageInput(stateVar, totalPages, refreshFn, pos) {
  const el = document.getElementById('pager-go-' + pos);
  const v = parseInt(el?.value || '');
  if (!v || v < 1 || v > totalPages) return toast(`页码需在 1-${totalPages} 之间`, 'err');
  window[stateVar].page = v;
  window[refreshFn]();
}

function bindPagerGo(stateVar, totalPages, refreshFn) {
  ['top', 'bottom'].forEach(pos => {
    const el = document.getElementById('pager-go-' + pos);
    if (el) el.addEventListener('keydown', e => { if (e.key === 'Enter') goPageInput(stateVar, totalPages, refreshFn, pos); });
  });
}

/* ---------- 开放 API ---------- */
async function pageApiTokens() {
  const tokens = (await api('/api/tokens')).data;
  $('#main').innerHTML = `
    <h1 class="page-title">开放 API<small>外部系统通过 Bearer Token 调平台能力</small></h1>
    <div class="toolbar">
      <button class="btn primary" onclick="createToken()">＋ 生成 API Token</button>
    </div>
    <div class="grid g2">
      <div class="card">
        <div class="sec-title" style="margin-top:0">已生成的 Token</div>
        <table><thead><tr><th>名称</th><th>创建时间</th><th>最近使用</th><th>操作</th></tr></thead><tbody>
        ${tokens.map(t => `<tr><td><b>${esc(t.name)}</b></td><td class="mono">${fmtTime(t.created_at)}</td>
          <td class="mono">${t.last_used_at ? fmtTime(t.last_used_at) : '从未使用'}</td>
          <td><button class="btn sm danger" onclick="delToken(${t.id})">删除</button></td></tr>`).join('') || '<tr><td colspan="4" class="empty">暂无 Token</td></tr>'}
        </tbody></table>
      </div>
      <div class="card">
        <div class="sec-title" style="margin-top:0">调用示例</div>
        <div style="font-size:13px;line-height:2">
          <div><code>POST /api/tasks</code> 创建任务</div>
          <pre class="output-box" style="font-size:12px">curl -X POST http://&lt;host&gt;:16071/api/tasks \\
  -H "Authorization: Bearer &lt;TOKEN&gt;" \\
  -H "Content-Type: application/json" \\
  -d '{"project_id":1,"title":"生成周报","description":"…"}'
# 响应: {"ok":true,"id":42}</pre>
          <div><code>POST /api/tasks/42/run</code> 派活执行</div>
          <pre class="output-box" style="font-size:12px">curl -X POST http://&lt;host&gt;:16071/api/tasks/42/run \\
  -H "Authorization: Bearer &lt;TOKEN&gt;"</pre>
          <div><code>GET /api/tasks/42</code> 查结果（status=review 时人工审核）</div>
          <div><code>POST /api/tasks/42/review</code> 审核</div>
          <pre class="output-box" style="font-size:12px">curl -X POST http://&lt;host&gt;:16071/api/tasks/42/review \\
  -H "Authorization: Bearer &lt;TOKEN&gt;" -H "Content-Type: application/json" \\
  -d '{"action":"approve"}'   # 或 {"action":"reject","reason":"…"}</pre>
        </div>
      </div>
    </div>`;
}

async function createToken() {
  const name = prompt('Token 名称（用途说明）：') || 'default';
  const r = await api('/api/tokens', {method:'POST', body:{name}});
  alert('✅ 生成成功（只显示一次，请立即复制保存）：\n\n' + r.token);
  pageApiTokens();
}
async function delToken(id) {
  if (!confirm('删除后使用该 Token 的调用将失效，确认？')) return;
  await api(`/api/tokens/${id}`, {method:'DELETE'});
  toast('已删除', 'ok'); pageApiTokens();
}

/* ---------- 通知设置 ---------- */
async function pageSettings() {
  const [chans, evs, st] = await Promise.all([api('/api/channels'), api('/api/events'), api('/api/settings')]);
  $('#main').innerHTML = `
    <h1 class="page-title">通知与设置<small>飞书 / 企微群机器人 · 邮件 · 预算告警阈值</small></h1>
    <div class="toolbar"><button class="btn primary" onclick="openChannelModal(null, ${JSON.stringify(evs.data)})">＋ 添加通知渠道</button></div>
    <div class="grid g2">
      <div class="card">
        <div class="sec-title" style="margin-top:0">通知渠道</div>
        <table><thead><tr><th>名称</th><th>类型</th><th>订阅事件</th><th>状态</th><th>操作</th></tr></thead><tbody>
        ${chans.data.map(c => `<tr>
          <td><b>${esc(c.name)}</b></td>
          <td><span class="pill">${c.type === 'feishu' ? '飞书' : c.type === 'wecom' ? '企微' : '邮件'}</span></td>
          <td>${(c.events || []).map(e => `<span class="pill">${(evs.data.find(x => x.id === e) || {}).name || e}</span>`).join('') || '—'}</td>
          <td><span class="badge ${c.enabled ? 'st-done' : 'st-cancelled'}">${c.enabled ? '启用' : '停用'}</span></td>
          <td><button class="btn sm" onclick="testChannel(${c.id})">测试</button>
              <button class="btn sm" onclick="openChannelModal(${JSON.stringify(c).replace(/"/g,'&quot;')}, ${JSON.stringify(evs.data)})">编辑</button>
              <button class="btn sm danger" onclick="delChannel(${c.id})">删除</button></td>
        </tr>`).join('') || '<tr><td colspan="5" class="empty">暂无渠道，添加飞书/企微机器人后任务事件自动推送</td></tr>'}
        </tbody></table>
        <div class="tab-note" style="margin-top:10px">💡 飞书群机器人：群设置 → 群机器人 → 添加自定义机器人，复制 Webhook 地址（以 https://open.feishu.cn/open-apis/bot/v2/hook/ 开头）。企微同理（https://qyapi.weixin.qq.com/cgi-bin/webhook/send?key=…）。</div>
      </div>
      <div class="card">
        <div class="sec-title" style="margin-top:0">预算告警</div>
        <label>项目预算使用率告警阈值（0~1，达到即告警）</label>
        <div class="row"><input id="st-ratio" type="number" step="0.05" min="0.1" max="1" value="${st.data.budget_alert_ratio}">
        <button class="btn primary" onclick="saveSettings()">保存</button></div>
        <div class="tab-note" style="margin-top:12px">告警会写入告警中心并推送到订阅了「预算告警」事件的渠道。</div>
        <div class="sec-title">邮件通知</div>
        <div class="tab-note">${st.data.email_configured ? '✅ 已配置 SMTP（config.py EMAIL）' : '⚠️ 未配置 SMTP（config.py 的 EMAIL 填写 host/user/password 后重启生效）'}</div>
      </div>
    </div>`;
}
async function saveSettings() {
  await api('/api/settings', {method:'PUT', body:{budget_alert_ratio: parseFloat($('#st-ratio').value)}});
  toast('已保存', 'ok');
}
async function testChannel(id) {
  toast('正在发送测试消息…');
  try { const r = await api(`/api/channels/${id}/test`, {method:'POST'});
    r.ok ? toast('✅ 测试消息已送达', 'ok') : toast('❌ ' + r.msg, 'err'); }
  catch (e) { toast('❌ ' + e.message, 'err'); }
}
async function delChannel(id) {
  if (!confirm('确认删除该渠道？')) return;
  await api(`/api/channels/${id}`, {method:'DELETE'});
  toast('已删除', 'ok'); pageSettings();
}
function openChannelModal(c, events) {
  c = c || {};
  openModal(`
    <h3>${c.id ? '编辑通知渠道' : '添加通知渠道'}<button class="close" data-close>×</button></h3>
    <label>渠道名称 *</label><input id="cm-name" value="${esc(c.name || '')}" placeholder="例如：项目群飞书机器人">
    <label>类型</label><select id="cm-type">
      <option value="feishu" ${c.type === 'feishu' ? 'selected' : ''}>飞书群机器人</option>
      <option value="wecom" ${c.type === 'wecom' ? 'selected' : ''}>企业微信群机器人</option>
      <option value="email" ${c.type === 'email' ? 'selected' : ''}>邮件</option>
    </select>
    <div id="cm-webhook-wrap"><label>Webhook 地址</label><input id="cm-webhook" value="${esc(c.webhook || '')}"></div>
    <div id="cm-email-wrap" style="display:none"><label>收件邮箱</label><input id="cm-email" value="${esc(c.email || '')}"></div>
    <label>订阅事件</label>
    <div class="check-group">
      ${events.map(e => `<label><input type="checkbox" value="${e.id}" ${(c.events || []).includes(e.id) ? 'checked' : ''}>${esc(e.name)}</label>`).join('')}
    </div>
    <label>启用</label><div><label class="switch"><input type="checkbox" id="cm-enabled" ${c.enabled !== 0 ? 'checked' : ''}> 接收推送</label></div>
    <div class="modal-actions">
      <button class="btn" data-close>取消</button>
      <button class="btn primary" id="cm-save">保存</button>
    </div>`);
  const toggle = () => {
    const isMail = $('#cm-type').value === 'email';
    $('#cm-webhook-wrap').style.display = isMail ? 'none' : '';
    $('#cm-email-wrap').style.display = isMail ? '' : 'none';
  };
  $('#cm-type').addEventListener('change', toggle);
  toggle();
  $('#cm-save').addEventListener('click', async () => {
    const body = {
      name: $('#cm-name').value.trim(), type: $('#cm-type').value,
      webhook: $('#cm-webhook').value.trim(), email: $('#cm-email').value.trim(),
      events: $$('#modal-box .check-group input:checked').map(x => x.value),
      enabled: $('#cm-enabled').checked ? 1 : 0
    };
    if (!body.name || (body.type !== 'email' && !body.webhook) || (body.type === 'email' && !body.email))
      return toast('请填写完整', 'err');
    await api(c.id ? `/api/channels/${c.id}` : '/api/channels', {method: c.id ? 'PUT' : 'POST', body});
    toast('已保存', 'ok'); closeModal(); pageSettings();
  });
}

/* ---------- V2 · 多 Agent 协作 ---------- */
let agentsCtx = {modes: [], workers: [], runs: []};

async function pageAgents() {
  const [modes, workers, runs] = await Promise.all([
    api('/api/agents/modes'), api('/api/workers'), api('/api/agents/runs')
  ]);
  agentsCtx = {modes: modes.data, workers: workers.data, runs: runs.data};
  renderAgents();
}

function renderAgents() {
  const {modes, workers, runs} = agentsCtx;
  const wOpts = workers.map(w =>
    `<option value="${w.id}">${esc(w.name)}（${esc(w.model)}）</option>`).join('');
  // 各模式专属参数定义（m: 适用模式列表）
  const paramRows = [
    {id: 'ag-workers', m: 'all', html: `<label data-modes="all">参与 Agent（可多选）<select id="ag-workers" multiple size="3">${wOpts}</select></label>`},
    {id: 'ag-rounds', m: 'review', html: `<label data-modes="review">最大返工轮次<select id="ag-rounds"><option value="1">1 轮（快）</option><option value="2" selected>2 轮（推荐）</option><option value="3">3 轮（严苛）</option></select></label>`},
    {id: 'ag-pass', m: 'review', html: `<label data-modes="review">通过分数线<select id="ag-pass"><option value="60">60 分（宽松）</option><option value="70" selected>70 分（标准）</option><option value="80">80 分（严格）</option><option value="90">90 分（严苛）</option></select></label>`},
    {id: 'ag-debate-rounds', m: 'debate', html: `<label data-modes="debate">质询轮次<select id="ag-debate-rounds"><option value="1" selected>1 轮</option><option value="2">2 轮</option><option value="3">3 轮</option></select></label>`},
    {id: 'ag-stances', m: 'debate', html: `<label data-modes="debate">辩论立场（逗号分隔，按辩手顺序分配）<input id="ag-stances" placeholder="正方,反方,中立"></label>`},
    {id: 'ag-context', m: 'all', html: `<label data-modes="all" style="grid-column:span 2">背景上下文<textarea id="ag-context" rows="2" placeholder="选填：背景资料、约束条件、参考知识"></textarea></label>`},
  ];
  const modeHints = {
    supervisor: '💡 第 1 个 Agent 担任主管（负责拆解与最终合成），其余 Agent 并行执行子任务。',
    review: '💡 第 1 个 Agent 为执行者，第 2 个为评审（只选 1 个时由同一 Agent 自评）。低于分数线自动返工，最多重试所选轮次。',
    debate: '💡 除最后 1 个 Agent 为裁判外，其余均为辩手；立场按顺序分配，裁判综合裁决输出共识。',
  };
  $('#main').innerHTML = `
    <h1 class="page-title">多 Agent 协作<small>主管 / 评审 / 辩论 三种团队协作模式</small></h1>
    <div class="grid g3">${modes.map(m => `
      <div class="card mode-card" data-mode="${m.id}" style="cursor:pointer">
        <div style="font-size:26px">${m.icon}</div>
        <div class="sec-title" style="margin:6px 0 4px">${esc(m.name)}</div>
        <div style="font-size:12px;color:var(--muted);min-height:34px">${esc(m.desc)}</div>
        <div style="margin-top:8px"><span class="tag">${m.id === 'supervisor' ? '拆解+委派+合成' : m.id === 'review' ? '产出+评审+返工' : '立论+质询+裁决'}</span></div>
      </div>`).join('')}</div>
    <div class="card" style="margin-top:14px">
      <div class="sec-title" style="margin-top:0">⚡ 发起协作运行</div>
      <div class="form-grid">
        <label>协作模式<select id="ag-mode">${modes.map(m => `<option value="${m.id}">${m.icon} ${esc(m.name)}</option>`).join('')}</select></label>
        <label>标题<input id="ag-title" placeholder="选填，默认自动生成"></label>
        <label style="grid-column:span 2">任务主题 / 议题<textarea id="ag-topic" rows="2" placeholder="例如：为新产品策划上市方案…"></textarea></label>
        ${paramRows.map(r => r.html).join('')}
      </div>
      <div class="tab-note" id="ag-hint" style="margin-top:10px">${modeHints.supervisor}</div>
      <div style="margin-top:10px"><button class="btn primary" id="ag-run">🚀 发起运行</button></div>
    </div>
    <div class="card" style="margin-top:14px">
      <div class="sec-title" style="margin-top:0">📋 运行记录 <button class="btn mini" style="float:right" onclick="location.hash='#/agents'">刷新</button></div>
      <table><thead><tr><th>ID</th><th>模式</th><th>标题</th><th>状态</th><th>过程摘要</th><th>成本</th><th>时间</th><th>操作</th></tr></thead><tbody>
      ${runs.map(r => `
        <tr>
          <td>#${r.id}</td><td>${esc(r.mode)}</td>
          <td title="${esc(r.topic)}">${esc(r.title || r.topic.slice(0, 30))}</td>
          <td><span class="st st-${r.status === 'done' ? 'done' : r.status === 'failed' ? 'failed' : 'running'}">${({done:'✅ 完成',running:'⏳ 执行中',failed:'❌ 失败',cancelled:'已取消'})[r.status] || r.status}</span></td>
          <td style="max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">${esc(r.summary || '—')}</td>
          <td>${fmtMoney(r.cost)}</td>
          <td>${fmtTime(r.created_at)}</td>
          <td><button class="btn mini" onclick="viewAgentRun(${r.id})">查看</button></td>
        </tr>`).join('') || '<tr><td colspan="8" class="empty-td">暂无运行记录</td></tr>'}
      </tbody></table>
    </div>`;
  // 模式切换：动态显示/隐藏专属参数
  const applyMode = mode => {
    $$('.form-grid [data-modes]').forEach(el => {
      const ms = el.dataset.modes.split(',');
      el.style.display = (ms.includes('all') || ms.includes(mode)) ? '' : 'none';
    });
    $('#ag-hint').textContent = modeHints[mode] || '';
    $$('.mode-card').forEach(c => c.style.outline = c.dataset.mode === mode ? '2px solid var(--accent)' : '');
  };
  $('#ag-mode').addEventListener('change', e => applyMode(e.target.value));
  $$('.mode-card').forEach(c => c.addEventListener('click', () => {
    $('#ag-mode').value = c.dataset.mode;
    applyMode(c.dataset.mode);
  }));
  applyMode($('#ag-mode').value);
  $('#ag-run').addEventListener('click', async () => {
    const mode = $('#ag-mode').value;
    const topic = $('#ag-topic').value.trim();
    if (!topic) return toast('请填写任务主题', 'err');
    const workerIds = [...$('#ag-workers').selectedOptions].map(o => Number(o.value));
    if (!workerIds.length) return toast('请至少选择一个 Agent', 'err');
    const params = {workers: workerIds, context: $('#ag-context').value};
    if (mode === 'review') { params.rounds = Number($('#ag-rounds').value) || 2; params.pass_score = Number($('#ag-pass').value) || 70; }
    if (mode === 'debate') { params.rounds = Number($('#ag-debate-rounds').value) || 1; params.stances = $('#ag-stances').value.split(',').map(s => s.trim()).filter(Boolean); }
    try {
      await api('/api/agents/runs', {method: 'POST', body: {mode, title: $('#ag-title').value.trim(), topic, params}});
      toast('协作已启动 🚀', 'ok'); pageAgents();
    } catch (e) { toast(e.message, 'err'); }
  });
}

async function viewAgentRun(id) {
  const d = (await api(`/api/agents/runs/${id}`)).data;
  openModal(`
    <h3>🤝 协作运行 #${d.id} · ${esc(d.mode)}</h3>
    <div class="kv">
      <dt>状态</dt><dd><span class="st st-${d.status === 'done' ? 'done' : 'failed' ? 'failed' : 'running'}">${d.status}</span></dd>
      <dt>主题</dt><dd>${esc(d.topic)}</dd>
      <dt>摘要</dt><dd>${esc(d.summary || '—')}</dd>
      <dt>成本 / tokens</dt><dd>${fmtMoney(d.cost)} / ${d.total_tokens}</dd>
    </div>
    <div class="sec-title">执行过程</div>
    ${(d.steps || []).map(s => `
      <div class="agent-step"><b>[${esc(s.role)} / ${esc(s.stage)}]</b> ${esc(s.worker_name || '')}
        <pre style="white-space:pre-wrap;max-height:160px;overflow:auto">${esc(s.content)}</pre></div>`).join('') || '<div class="tab-note">暂无步骤</div>'}
    <div class="sec-title">最终产出</div>
    <pre style="white-space:pre-wrap;max-height:300px;overflow:auto;background:#f6f8fa;padding:10px;border-radius:8px">${esc(d.result || '（执行中…）')}</pre>
    <button class="btn" data-close>关闭</button>`);
}

/* ---------- V2 · 自动评估 ---------- */
async function pageEval() {
  const [datasets, runs, board, workers] = await Promise.all([
    api('/api/eval/datasets'), api('/api/eval/runs'), api('/api/eval/leaderboard'), api('/api/workers')
  ]);
  const wOpts = workers.data.map(w =>
    `<option value="${w.id}">${esc(w.name)}（${esc(w.model)}）</option>`).join('');
  $('#main').innerHTML = `
    <h1 class="page-title">自动评估体系<small>eval 数据集沉淀 · LLM 评委打分 · Worker 排行榜</small></h1>
    <div class="card">
      <div class="sec-title" style="margin-top:0">🏆 Worker 评估排行榜</div>
      <table><thead><tr><th>排名</th><th>Worker</th><th>模型</th><th>评估次数</th><th>平均分</th><th>累计成本</th></tr></thead><tbody>
      ${board.data.map((b, i) => `
        <tr><td>${i === 0 ? '🥇' : i === 1 ? '🥈' : i === 2 ? '🥉' : '#' + (i+1)}</td>
        <td>${esc(b.worker_name)}</td><td>${esc(b.model)}</td><td>${b.runs}</td>
        <td><b style="color:var(--accent2)">${b.avg_score}</b>/100</td><td>${fmtMoney(b.cost)}</td></tr>`).join('') || '<tr><td colspan="6" class="empty-td">暂无评估数据，先跑一次评估吧</td></tr>'}
      </tbody></table>
    </div>
    <div class="grid g2" style="margin-top:14px">
      <div class="card">
        <div class="sec-title" style="margin-top:0">📚 数据集</div>
        <button class="btn mini" onclick="evalCreateDataset()">＋ 新建数据集</button>
        <table style="margin-top:8px"><thead><tr><th>名称</th><th>用例</th><th>最佳分</th><th>操作</th></tr></thead><tbody>
        ${datasets.data.map(ds => `
          <tr><td>${esc(ds.name)}${ds.is_builtin ? ' <span class="tag">内置</span>' : ''}</td>
          <td>${ds.case_count}</td><td>${ds.best_score != null ? ds.best_score : '—'}</td>
          <td><button class="btn mini" onclick="evalOpenDataset(${ds.id})">管理用例</button>
              <button class="btn mini" onclick="evalRunDataset(${ds.id})">🚀 评估</button></td></tr>`).join('') || '<tr><td colspan="4" class="empty-td">暂无数据集</td></tr>'}
        </tbody></table>
      </div>
      <div class="card">
        <div class="sec-title" style="margin-top:0">🔄 评估运行记录</div>
        <button class="btn mini" onclick="evalSink()">📥 沉淀已验收任务产出</button>
        <table style="margin-top:8px"><thead><tr><th>ID</th><th>数据集</th><th>Worker</th><th>状态</th><th>得分</th><th>进度</th><th>操作</th></tr></thead><tbody>
        ${runs.data.map(r => `
          <tr><td>#${r.id}</td><td>${esc(r.dataset_name)}</td><td>${esc(r.worker_name)}</td>
          <td><span class="st st-${r.status === 'done' ? 'done' : r.status === 'failed' ? 'failed' : 'running'}">${({done:'✅ 完成',running:'⏳ 进行中',failed:'❌ 失败'})[r.status] || r.status}</span></td>
          <td><b>${r.status === 'done' ? r.score : '—'}</b></td>
          <td>${r.cases_done}/${r.cases_total}</td>
          <td><button class="btn mini" onclick="viewEvalRun(${r.id})">查看</button></td></tr>`).join('') || '<tr><td colspan="7" class="empty-td">暂无运行记录</td></tr>'}
        </tbody></table>
        <div class="tab-note" style="margin-top:8px">💡 评估 = Worker 逐条作答 → LLM 评委按 rubric 打分。沉淀功能会把已验收通过的任务产出自动转为评测用例。</div>
      </div>
    </div>
    <div class="card" style="margin-top:14px">
      <div class="sec-title" style="margin-top:0">⚡ 发起评估</div>
      <label>数据集<select id="ev-ds">${datasets.data.map(ds => `<option value="${ds.id}">${esc(ds.name)}（${ds.case_count} 用例）</option>`).join('')}</select></label>
      <label>Worker<select id="ev-w">${wOpts}</select></label>
      <button class="btn primary" id="ev-run">🚀 开始评估</button>
    </div>`;
  $('#ev-run').addEventListener('click', async () => {
    try {
      await api('/api/eval/runs', {method: 'POST', body: {dataset_id: Number($('#ev-ds').value), worker_id: Number($('#ev-w').value)}});
      toast('评估已启动', 'ok'); pageEval();
    } catch (e) { toast(e.message, 'err'); }
  });
}

function evalCreateDataset() {
  openModal(`
    <h3>新建评估数据集</h3>
    <label>名称<input id="ed-name"></label>
    <label>描述<textarea id="ed-desc" rows="2"></textarea></label>
    <label>评分标准 rubric<textarea id="ed-rubric" rows="3" placeholder="例如：准确性 40%，完整性 30%，清晰度 30%"></textarea></label>
    <button class="btn primary" id="ed-save">创建</button>`);
  $('#ed-save').addEventListener('click', async () => {
    try {
      await api('/api/eval/datasets', {method: 'POST', body: {name: $('#ed-name').value.trim(), description: $('#ed-desc').value, rubric: $('#ed-rubric').value}});
      toast('已创建', 'ok'); closeModal(); pageEval();
    } catch (e) { toast(e.message, 'err'); }
  });
}

async function evalOpenDataset(id) {
  const ds = (await api(`/api/eval/datasets/${id}`)).data;
  openModal(`
    <h3>📚 ${esc(ds.name)} <span class="tag">${ds.case_count || ds.cases.length} 用例</span></h3>
    <div class="tab-note">${esc(ds.description)}</div>
    <div class="sec-title">评分标准</div>
    <pre style="white-space:pre-wrap;background:#f6f8fa;padding:8px;border-radius:6px">${esc(ds.rubric || '（未设置，使用默认）')}</pre>
    <div class="sec-title">用例列表</div>
    ${(ds.cases || []).map(c => `
      <div style="border:1px solid var(--line);border-radius:8px;padding:8px;margin-bottom:6px">
        <div><b>Q${c.id}:</b> ${esc(c.input.slice(0, 120))}</div>
        <div style="color:var(--muted);font-size:12px">期望：${esc((c.expected || '—').slice(0, 120))}</div>
        <button class="btn mini" style="margin-top:4px" onclick="evalDelCase(${c.id})">删除</button>
      </div>`).join('') || '<div class="tab-note">暂无用例</div>'}
    <div class="sec-title">添加用例</div>
    <label>输入<textarea id="ec-input" rows="2"></textarea></label>
    <label>期望输出<textarea id="ec-expected" rows="2"></textarea></label>
    <button class="btn primary" id="ec-add">＋ 添加用例</button>
    <button class="btn" data-close style="float:right">关闭</button>`);
  $('#ec-add').addEventListener('click', async () => {
    try {
      await api(`/api/eval/datasets/${id}/cases`, {method: 'POST', body: {input: $('#ec-input').value, expected: $('#ec-expected').value}});
      toast('已添加', 'ok'); closeModal(); evalOpenDataset(id);
    } catch (e) { toast(e.message, 'err'); }
  });
}

async function evalDelCase(cid) {
  if (!confirm('确定删除该用例？')) return;
  await api(`/api/eval/cases/${cid}`, {method: 'DELETE'});
  toast('已删除', 'ok'); closeModal(); pageEval();
}

async function evalRunDataset(id) {
  openModal(`<h3>🚀 评估数据集 #${id}</h3>
    <div class="tab-note">将用选定 Worker 逐条作答并由 LLM 评委打分，每条用例约需 1~2 分钟。</div>
    <button class="btn primary" id="er-go" onclick="pageEval()">知道了</button>`);
}

async function evalSink() {
  try {
    const r = await api('/api/eval/datasets/0/sink', {method: 'POST'});
    toast(`已沉淀 ${r.sunk} 条任务产出`, 'ok'); pageEval();
  } catch (e) { toast(e.message, 'err'); }
}

async function viewEvalRun(id) {
  const d = (await api(`/api/eval/runs/${id}`)).data;
  openModal(`
    <h3>🎯 评估运行 #${d.id} · ${esc(d.dataset_name)}</h3>
    <div class="kv">
      <dt>Worker</dt><dd>${esc(d.worker_name)}</dd>
      <dt>平均分</dt><dd><b style="color:var(--accent2)">${d.status === 'done' ? d.score : '…'}</b>/100</dd>
      <dt>进度</dt><dd>${d.cases_done}/${d.cases_total}</dd>
      <dt>成本</dt><dd>${fmtMoney(d.cost)}</dd>
    </div>
    <div class="sec-title">逐条结果</div>
    ${(d.results || []).map(r => `
      <div style="border:1px solid var(--line);border-radius:8px;padding:8px;margin-bottom:6px">
        <div><b>用例 #${r.case_id}</b> 得分 <b style="color:${r.score >= 80 ? 'var(--accent2)' : r.score >= 60 ? 'var(--accent)' : '#e5484d'}">${r.score}</b> · ${r.latency_ms}ms · ${fmtMoney(r.cost)}</div>
        <div style="font-size:12px;color:var(--muted)">输入：${esc(r.input || '')}</div>
        <details><summary>评委意见</summary><pre style="white-space:pre-wrap">${esc(r.judgment)}</pre>
        <summary>执行输出</summary><pre style="white-space:pre-wrap;max-height:160px;overflow:auto">${esc(r.output)}</pre></details>
      </div>`).join('') || '<div class="tab-note">暂无结果</div>'}
    <button class="btn" data-close>关闭</button>`);
}

/* ---------- V2 · 模板市场 ---------- */
async function pageTemplates() {
  const [tpls, projects, workers] = await Promise.all([
    api('/api/templates'), api('/api/projects'), api('/api/workers')
  ]);
  const typeMap = {task: '📝 任务模板', project: '📁 项目模板', team: '👥 团队模板'};
  const projOpts = projects.data.map(p => `<option value="${p.id}">${esc(p.name)}</option>`).join('');
  const wOpts = workers.data.map(w => `<option value="${w.id}">${esc(w.name)}</option>`).join('');
  $('#main').innerHTML = `
    <h1 class="page-title">模板市场<small>任务 / 项目 / Agent 团队 一键复用</small></h1>
    <div style="display:flex;gap:8px;margin-bottom:10px">
      <button class="btn primary" onclick="tplCreate()">＋ 新建模板</button>
      <button class="btn" onclick="tplRestore()">♻️ 恢复内置模板</button>
    </div>
    ${['task', 'project', 'team'].map(t => `
      <div class="sec-title">${typeMap[t]}</div>
      <div class="grid g3">${tpls.data.filter(x => x.type === t).map(x => `
        <div class="card" style="display:flex;flex-direction:column">
          <div style="font-weight:600">${esc(x.name)} ${x.is_builtin ? '<span class="tag">内置</span>' : ''}</div>
          <div style="font-size:12px;color:var(--muted);flex:1;min-height:40px">${esc(x.description)}</div>
          <div style="font-size:12px;color:var(--muted)">使用 ${x.usage_count} 次${x.tags.map(tg => ` · <span class="tag">${esc(tg)}</span>`).join('')}</div>
          <div style="margin-top:8px"><button class="btn mini primary" onclick="tplApply(${x.id}, '${t}')">使用模板</button>
          ${x.is_builtin ? '' : `<button class="btn mini" onclick="tplDelete(${x.id})">删除</button>`}</div>
        </div>`).join('') || '<div class="tab-note">暂无模板</div>'}</div>`).join('')}
  `;
  window._tplProjOpts = projOpts; window._tplWorkerOpts = wOpts;
}

function tplCreate() {
  openModal(`
    <h3>新建模板</h3>
    <label>类型<select id="tc-type"><option value="task">任务模板</option><option value="project">项目模板</option><option value="team">团队模板</option></select></label>
    <label>名称<input id="tc-name"></label>
    <label>描述<textarea id="tc-desc" rows="2"></textarea></label>
    <label>内容（JSON）<textarea id="tc-content" rows="8" placeholder='{"title":"任务：{target}","description":"...","priority":"medium","review_required":true}'></textarea></label>
    <label>标签（逗号分隔）<input id="tc-tags"></label>
    <button class="btn primary" id="tc-save">保存</button>`);
  $('#tc-save').addEventListener('click', async () => {
    let content;
    try { content = JSON.parse($('#tc-content').value); } catch (e) { return toast('JSON 格式错误', 'err'); }
    try {
      await api('/api/templates', {method: 'POST', body: {
        type: $('#tc-type').value, name: $('#tc-name').value.trim(),
        description: $('#tc-desc').value, content,
        tags: $('#tc-tags').value.split(',').map(s => s.trim()).filter(Boolean)
      }});
      toast('已创建', 'ok'); closeModal(); pageTemplates();
    } catch (e) { toast(e.message, 'err'); }
  });
}

async function tplApply(id, type) {
  const t = (await api(`/api/templates/${id}`)).data;
  let extra = '';
  if (type === 'task') extra = `<label>目标项目<select id="ta-project">${window._tplProjOpts}</select></label>
    <label>执行 Worker<select id="ta-worker"><option value="">自动路由</option>${window._tplWorkerOpts}</select></label>`;
  if (type === 'team') extra = `<label>供应商<select id="ta-provider"><option value="doubao">火山方舟</option><option value="deepseek">DeepSeek</option><option value="qwen">通义千问</option><option value="openai">OpenAI</option><option value="vllm">本地 vLLM</option></select></label>
    <label>模型<input id="ta-model" value="doubao-seed-evolving"></label>`;
  const placeholders = Object.keys(t.content || {}).filter(k => typeof t.content[k] === 'string' && t.content[k].includes('{')).map(k => `<label>${esc(k)} 占位值<input id="ta-var-${k}"></label>`).join('');
  openModal(`
    <h3>使用模板：${esc(t.name)}</h3>
    <div class="tab-note">${esc(t.description)}</div>
    ${extra}${placeholders}
    <button class="btn primary" id="ta-go">应用模板</button>`);
  $('#ta-go').addEventListener('click', async () => {
    const variables = {};
    Object.keys(t.content || {}).filter(k => typeof t.content[k] === 'string' && t.content[k].includes('{')).forEach(k => variables[k] = $(`#ta-var-${k}`)?.value || '');
    const body = {variables, worker_id: $('#ta-worker')?.value ? Number($('#ta-worker').value) : null,
                  project_id: $('#ta-project')?.value ? Number($('#ta-project').value) : null,
                  provider: $('#ta-provider')?.value, model: $('#ta-model')?.value};
    try {
      const r = await api(`/api/templates/${id}/apply`, {method: 'POST', body});
      toast(r.kind === 'project' ? `已创建项目 #${r.id}（${r.task_ids.length} 个任务）` : r.kind === 'team' ? `已创建 ${r.ids.length} 个 Worker` : `已创建任务 #${r.id}`, 'ok');
      closeModal();
      if (r.kind === 'project') location.hash = `#/project/${r.id}/kanban`;
      else pageTemplates();
    } catch (e) { toast(e.message, 'err'); }
  });
}

async function tplDelete(id) {
  if (!confirm('确定删除该模板？')) return;
  await api(`/api/templates/${id}`, {method: 'DELETE'});
  toast('已删除', 'ok'); pageTemplates();
}

async function tplRestore() {
  await api('/api/templates/builtin/restore', {method: 'POST'});
  toast('内置模板已就绪', 'ok'); pageTemplates();
}

/* ---------- V2/V3 · 企业版 ---------- */
let entTab = 'users';
let entSub = 'list';    // users 子页：list 用户列表 / roles 角色管理 / groups Worker 权限组
async function pageEnterprise() {
  const [users, audit, sso, comp, roles, groups] = await Promise.all([
    api('/api/enterprise/users'), api('/api/enterprise/audit?limit=100'),
    api('/api/enterprise/sso'), api('/api/enterprise/compliance'),
    api('/api/enterprise/roles'), api('/api/enterprise/worker_groups')
  ]);
  $('#main').innerHTML = `
    <h1 class="page-title">企业版<small>私有化 · 角色权限 · Worker 权限组 · SSO · 审计 · 合规</small></h1>
    <div class="tabs">
      <a class="${entTab === 'users' ? 'active' : ''}" onclick="entSwitch('users')">👥 用户与权限</a>
      <a class="${entTab === 'sso' ? 'active' : ''}" onclick="entSwitch('sso')">🔐 SSO 单点登录</a>
      <a class="${entTab === 'audit' ? 'active' : ''}" onclick="entSwitch('audit')">📜 审计日志</a>
      <a class="${entTab === 'compliance' ? 'active' : ''}" onclick="entSwitch('compliance')">⚖️ 合规中心</a>
    </div>
    <div id="ent-body"></div>`;
  window._entData = {users: users.data, audit: audit.data, sso: sso.data, comp: comp.data,
                     roles: roles.data, groups: groups.data};
  entRender();
}

function entSwitch(tab) { entTab = tab; entRender(); }
function entSubSwitch(sub) { entSub = sub; entRender(); }

function entRender() {
  const d = window._entData || {};
  const box = $('#ent-body');
  if (entTab === 'users') {
    box.innerHTML = `
      <div class="tabs" style="margin-bottom:14px">
        <a class="${entSub === 'list' ? 'active' : ''}" onclick="entSubSwitch('list')">👥 用户列表</a>
        <a class="${entSub === 'roles' ? 'active' : ''}" onclick="entSubSwitch('roles')">🎭 角色管理</a>
        <a class="${entSub === 'groups' ? 'active' : ''}" onclick="entSubSwitch('groups')">🤖 Worker 权限组</a>
      </div>
      <div id="ent-sub-body"></div>`;
    if (entSub === 'roles') entRenderRoles();
    else if (entSub === 'groups') entRenderGroups();
    else entRenderUsers();
  } else if (entTab === 'sso') {
    const s = d.sso || {};
    box.innerHTML = `
      <div class="grid g2">
        <div class="card">
          <div class="sec-title" style="margin-top:0">🔐 OIDC（推荐：飞书/钉钉/企业微信/Okta）</div>
          <label><input type="checkbox" id="so-oidc-on" ${s.oidc_enabled === '1' ? 'checked' : ''}> 启用 OIDC 登录</label>
          <label>名称<input id="so-oidc-name" value="${esc(s.oidc_name || '')}" placeholder="如：飞书企业版"></label>
          <label>Discovery URL<input id="so-oidc-disc" value="${esc(s.oidc_discovery_url || '')}" placeholder="https://xxx/.well-known/openid-configuration"></label>
          <label>Client ID<input id="so-oidc-cid" value="${esc(s.oidc_client_id || '')}"></label>
          <label>Client Secret<input id="so-oidc-secret" value="${esc(s.oidc_client_secret || '')}" placeholder="留空保持不变"></label>
          <label>回调地址<input id="so-oidc-redirect" value="${esc(s.oidc_redirect_uri || '')}" placeholder="http://<host>:16071/api/enterprise/sso/oidc/callback"></label>
          <label>管理员组（groups 匹配）<input id="so-oidc-admingroup" value="${esc(s.oidc_admin_group || '')}"></label>
          <label><input type="checkbox" id="so-oidc-auto" ${s.sso_auto_provision === '1' ? 'checked' : ''}> 自动开通新用户</label>
          <button class="btn primary" id="so-save">保存 SSO 配置</button>
        </div>
        <div class="card">
          <div class="sec-title" style="margin-top:0">🔑 LDAP / AD</div>
          <label><input type="checkbox" id="so-ldap-on" ${s.ldap_enabled === '1' ? 'checked' : ''}> 启用 LDAP 登录</label>
          <label>LDAP URL<input id="so-ldap-url" value="${esc(s.ldap_url || '')}" placeholder="ldap://host:389"></label>
          <label>Base DN<input id="so-ldap-base" value="${esc(s.ldap_base_dn || '')}" placeholder="dc=corp,dc=com"></label>
          <label>Bind DN<input id="so-ldap-bind" value="${esc(s.ldap_bind_dn || '')}"></label>
          <label>Bind 密码<input id="so-ldap-bindpwd" value="${esc(s.ldap_bind_password || '')}" placeholder="留空保持不变"></label>
          <label>用户过滤（{username} 占位）<input id="so-ldap-filter" value="${esc(s.ldap_user_filter || '(uid={username})')}"></label>
          <div class="sec-title">连通性测试</div>
          <label>测试账号<input id="so-ldap-testuser"></label>
          <label>测试密码<input id="so-ldap-testpwd" type="password"></label>
          <button class="btn" id="so-ldap-test">测试 LDAP 连接</button>
        </div>
      </div>
      <div class="card" style="margin-top:14px">
        <div class="sec-title" style="margin-top:0">SSO 登录入口</div>
        <button class="btn primary" id="so-oidc-login">🚀 通过 OIDC 发起登录</button>
        <div class="tab-note">登录页可对接企业统一身份；私有化部署时 SSO 保证账号体系受企业管控。回调地址需与 IdP 侧配置一致。</div>
      </div>`;
    $('#so-save').addEventListener('click', async () => {
      await api('/api/enterprise/sso', {method: 'PUT', body: {
        oidc_enabled: $('#so-oidc-on').checked ? '1' : '0', oidc_name: $('#so-oidc-name').value,
        oidc_discovery_url: $('#so-oidc-disc').value.trim(), oidc_client_id: $('#so-oidc-cid').value.trim(),
        oidc_client_secret: $('#so-oidc-secret').value.trim(), oidc_redirect_uri: $('#so-oidc-redirect').value.trim(),
        oidc_admin_group: $('#so-oidc-admingroup').value.trim(), sso_auto_provision: $('#so-oidc-auto').checked ? '1' : '0',
        ldap_enabled: $('#so-ldap-on').checked ? '1' : '0', ldap_url: $('#so-ldap-url').value.trim(),
        ldap_base_dn: $('#so-ldap-base').value.trim(), ldap_bind_dn: $('#so-ldap-bind').value.trim(),
        ldap_bind_password: $('#so-ldap-bindpwd').value.trim(), ldap_user_filter: $('#so-ldap-filter').value.trim()
      }});
      toast('SSO 配置已保存', 'ok'); pageEnterprise();
    });
    $('#so-ldap-test').addEventListener('click', async () => {
      try {
        const r = await api('/api/enterprise/sso/ldap/test', {method: 'POST', body: {username: $('#so-ldap-testuser').value, password: $('#so-ldap-testpwd').value}});
        toast('✅ LDAP 认证成功：' + (r.data.display || r.data.username), 'ok');
      } catch (e) { toast(e.message, 'err'); }
    });
    $('#so-oidc-login').addEventListener('click', async () => {
      try {
        const r = await api('/api/enterprise/sso/oidc/login', {method: 'POST'});
        location.href = r.redirect;
      } catch (e) { toast(e.message, 'err'); }
    });
  } else if (entTab === 'audit') {
    box.innerHTML = `
      <div class="card">
        <div class="sec-title" style="margin-top:0">📜 审计日志 <button class="btn mini" style="float:right" onclick="window.location='/api/enterprise/audit/export'">⬇️ 导出 CSV</button></div>
        <table><thead><tr><th>时间</th><th>操作者</th><th>动作</th><th>目标</th><th>详情</th><th>IP</th></tr></thead><tbody>
        ${(d.audit || []).map(a => `<tr><td>${fmtTime(a.created_at)}</td><td>${esc(a.actor)}</td><td><span class="tag">${esc(a.action)}</span></td>
        <td>${esc(a.target)}</td><td style="max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap" title="${esc(a.detail)}">${esc(a.detail)}</td><td>${esc(a.ip)}</td></tr>`).join('') || '<tr><td colspan="6" class="empty-td">暂无审计记录</td></tr>'}
        </tbody></table>
        <div class="tab-note">登录/登出、协作运行、评估、数据导出等关键操作自动留痕，满足等保审计要求。</div>
      </div>`;
  } else {
    const c = d.comp || {};
    box.innerHTML = `
      <div class="grid g2">
        <div class="card">
          <div class="sec-title" style="margin-top:0">🗄️ 数据保留策略</div>
          <label>保留天数（0=永久）<input id="co-ret" type="number" value="${c.retention_days || 0}"></label>
          <button class="btn primary" id="co-ret-save">保存并立即清理</button>
          <div class="tab-note">到期自动清理审计日志、协作运行、评估结果等历史数据。</div>
        </div>
        <div class="card">
          <div class="sec-title" style="margin-top:0">🛡️ PII 脱敏</div>
          <label><input type="checkbox" id="co-mask" ${c.mask_pii ? 'checked' : ''}> 审计日志中掩码邮箱/手机号/身份证</label>
          <button class="btn primary" id="co-mask-save">保存</button>
        </div>
      </div>
      <div class="card" style="margin-top:14px">
        <div class="sec-title" style="margin-top:0">📤 数据导出（GDPR / 个人信息保护法）</div>
        <button class="btn primary" onclick="window.location='/api/enterprise/export'">⬇️ 全量数据导出（JSON）</button>
        <button class="btn" onclick="window.location='/api/enterprise/audit/export'">⬇️ 审计日志导出（CSV）</button>
        <div class="tab-note">导出包含项目/任务/协作运行/评估/用户/审计全量数据，供数据可携带权与监管审计使用。</div>
      </div>
      <div class="card" style="margin-top:14px">
        <div class="sec-title" style="margin-top:0">📊 存量统计</div>
        <div class="kv">
          <dt>审计记录</dt><dd>${c.audit_count} 条</dd>
          <dt>协作运行</dt><dd>${c.agent_runs_count} 次</dd>
          <dt>评估运行</dt><dd>${c.eval_runs_count} 次</dd>
          <dt>数据使用同意凭证</dt><dd>${esc(c.consent_token || '—')}</dd>
        </div>
      </div>`;
    $('#co-ret-save').addEventListener('click', async () => {
      await api('/api/enterprise/compliance', {method: 'POST', body: {retention_days: Number($('#co-ret').value), apply_retention: true}});
      toast('已保存并清理', 'ok'); pageEnterprise();
    });
    $('#co-mask-save').addEventListener('click', async () => {
      await api('/api/enterprise/compliance', {method: 'POST', body: {mask_pii: $('#co-mask').checked}});
      toast('已保存', 'ok'); pageEnterprise();
    });
  }
}

function entRenderUsers() {
  const d = window._entData || {};
  const box = $('#ent-sub-body');
  api('/api/enterprise/grants/overview').then(r => {
    const gmap = {};
    (r.data || []).forEach(u => gmap[u.id] = u);
    box.innerHTML = `
    <div class="card"><div class="sec-title" style="margin-top:0">👥 用户列表（RBAC + 精准授权）</div>
      <button class="btn mini" onclick="entAddUser()">＋ 新建用户</button>
      <button class="btn mini" style="float:right" onclick="entGrantOverview()">🗺️ 授权总览</button>
      <table style="margin-top:8px"><thead><tr><th>用户名</th><th>显示名</th><th>邮箱</th><th>角色</th><th>自定义角色/权限组</th><th>来源</th><th>状态</th><th>操作</th></tr></thead><tbody>
      ${(d.users || []).map(u => {
        const g = gmap[u.id] || {};
        const extra = [...(g.roles || []).map(rr => `🎭 ${esc(rr.role_name)}`), ...(g.worker_groups || []).map(wg => `🤖 ${esc(wg.group_name)}`)].join('<br>');
        return `<tr><td>${esc(u.username)}</td><td>${esc(u.display_name)}</td>
        <td style="font-size:12px">${esc(u.email || '<span style="color:var(--warn)">缺邮箱</span>')}</td>
        <td>${({admin:'👑 管理员',member:'成员',auditor:'审计员'})[u.role] || u.role}</td>
        <td style="font-size:12px">${extra || '<span style="color:var(--muted)">—</span>'}</td>
        <td>${({local:'本地',oidc:'OIDC',ldap:'LDAP'})[u.source] || u.source}</td>
        <td><span class="tag">${u.status === 'active' ? '✅ 启用' : '🚫 停用'}</span></td>
        <td><button class="btn mini" onclick="entGrantUser(${u.id}, '${esc(u.username)}')">🔑 授权</button>
            <button class="btn mini" onclick="entEditUser(${u.id})">编辑</button></td></tr>`;
      }).join('')}
      </tbody></table>
      <div class="tab-note">💡 权限体系：<b>角色</b>（内置角色可编辑权限点；自定义角色任意创建）＋ <b>项目授权</b>（查看/管理/管理员）＋ <b>Worker 授权</b>（查看/使用/管理，可直接授权或通过权限组批量授权）。成员仅能看到被授权的项目与 Worker，创建项目者自动成为该项目管理员。</div>
    </div>`;
  }).catch(() => {});
}

/* ---------- 🎭 角色管理 ---------- */
const PERM_NAMES = {};
let PERM_GROUPS = [];
async function entRenderRoles() {
  const [roles, pts] = await Promise.all([api('/api/enterprise/roles'), api('/api/enterprise/perm_points')]);
  window._entData.roles = roles.data;
  PERM_GROUPS = pts.data;
  pts.data.forEach(g => g.points.forEach(p => PERM_NAMES[p.id] = p.name));
  $('#ent-sub-body').innerHTML = `
    <div class="card"><div class="sec-title" style="margin-top:0">🎭 角色管理<small> 角色 = 一组权限功能点；管理员可自定义角色、可编辑内置角色权限</small>
      <button class="btn mini" style="float:right" onclick="entRoleModal()">＋ 新建角色</button></div>
      <table><thead><tr><th>角色</th><th>说明</th><th>权限功能点</th><th>绑定用户</th><th>类型</th><th>操作</th></tr></thead><tbody>
      ${roles.data.map(r => `
        <tr><td><b>${r.is_builtin ? {admin:'👑 ', auditor:'🔍 ', member:'👤 '}[r.name] || '' : '🎭 '}${esc(r.name)}</b></td>
        <td style="max-width:200px;color:var(--muted)">${esc(r.description || '—')}</td>
        <td style="max-width:340px">${(r.perms || []).map(p => `<span class="tag">${esc(PERM_NAMES[p] || p)}</span>`).join(' ') || '<span style="color:var(--muted)">无</span>'}</td>
        <td class="mono">${r.user_count} 人</td>
        <td><span class="tag">${r.is_builtin ? '内置' : '自定义'}</span></td>
        <td><button class="btn mini" onclick="entRoleModal(${r.id})">编辑</button>
            ${r.is_builtin ? '' : `<button class="btn mini danger" onclick="entRoleDel(${r.id})">删除</button>`}</td></tr>`).join('')}
      </tbody></table>
      <div class="tab-note">💡 自定义角色可被多个用户绑定（在用户授权弹窗中勾选），权限自动合并：内置角色基础权限 ∪ 自定义角色权限。内置角色不可删除但可编辑权限点。</div>
    </div>`;
}

async function entRoleModal(rid) {
  let r = {name: '', description: '', perms: []};
  if (rid) r = (await api(`/api/enterprise/roles/${rid}`)).data;
  const has = new Set(r.perms || []);
  openModal(`
    <h3>${rid ? '编辑角色' : '新建角色'}<button class="close" data-close>×</button></h3>
    <label>角色名 *</label><input id="rm-name" value="${esc(r.name)}" placeholder="如：内容运营">
    <label>说明</label><input id="rm-desc" value="${esc(r.description)}" placeholder="该角色负责什么">
    <div class="sec-title" style="margin-top:12px">权限功能点</div>
    ${PERM_GROUPS.map(g => `
      <div data-pgroup="${esc(g.name)}" style="margin:10px 0;padding:8px;border:1px solid var(--border);border-radius:8px">
        <b style="font-size:13px">${esc(g.name)}</b>
        <label style="margin-left:8px;font-size:12px"><input type="checkbox" class="pg-all" ${g.points.every(p => has.has(p.id)) ? 'checked' : ''}> 全选</label>
        <div style="display:flex;flex-wrap:wrap;gap:6px;margin-top:6px">
          ${g.points.map(p => `<label style="font-size:12px;margin:0"><input type="checkbox" data-pp="${p.id}" ${has.has(p.id) ? 'checked' : ''}> ${esc(p.name)}</label>`).join('')}
        </div>
      </div>`).join('')}
    <div class="modal-actions">
      <button class="btn" data-close>取消</button>
      <button class="btn primary" id="rm-save">保存</button>
    </div>`);
  // 组内全选/取消
  $$('#modal-box [data-pgroup]').forEach(group => {
    const cbs = group.querySelectorAll('[data-pp]');
    group.querySelector('.pg-all').addEventListener('change', e => cbs.forEach(cb => cb.checked = e.target.checked));
    cbs.forEach(cb => cb.addEventListener('change', () => {
      group.querySelector('.pg-all').checked = [...cbs].every(c => c.checked);
    }));
  });
  $('#rm-save').addEventListener('click', async () => {
    const perms = [...$$('#modal-box input[data-pp]:checked')].map(cb => cb.dataset.pp);
    if (!$('#rm-name').value.trim()) return toast('请填写角色名', 'err');
    try {
      if (rid) await api(`/api/enterprise/roles/${rid}`, {method:'PUT', body:{name: $('#rm-name').value.trim(), description: $('#rm-desc').value, perms}});
      else await api('/api/enterprise/roles', {method:'POST', body:{name: $('#rm-name').value.trim(), description: $('#rm-desc').value, perms}});
      toast('✅ 角色已保存', 'ok'); closeModal(); entRenderRoles();
    } catch (e) { toast(e.message, 'err'); }
  });
}

async function entRoleDel(rid) {
  if (!confirm('删除该角色？绑定该角色的用户将失去其附加权限。')) return;
  await api(`/api/enterprise/roles/${rid}`, {method:'DELETE'});
  toast('已删除', 'ok'); entRenderRoles();
}

/* ---------- 🤖 Worker 权限组 ---------- */
async function entRenderGroups() {
  const groups = (await api('/api/enterprise/worker_groups')).data;
  window._entData.groups = groups;
  $('#ent-sub-body').innerHTML = `
    <div class="card"><div class="sec-title" style="margin-top:0">🤖 Worker 权限组<small> 把一批 Worker+权限打包成组，整组授权给用户，批量管理</small>
      <button class="btn mini" style="float:right" onclick="entGroupModal()">＋ 新建权限组</button></div>
      <table><thead><tr><th>组名</th><th>说明</th><th>成员 Worker（权限）</th><th>授权用户</th><th>操作</th></tr></thead><tbody>
      ${groups.map(g => `
        <tr><td><b>${esc(g.name)}</b></td>
        <td style="max-width:180px;color:var(--muted)">${esc(g.description || '—')}</td>
        <td style="max-width:320px">${(g.members || []).map(m => `<span class="tag">${esc(m.worker_name)} · ${{view:'查看',use:'使用',manage:'管理'}[m.perm] || m.perm}</span>`).join(' ') || '<span style="color:var(--muted)">空组</span>'}</td>
        <td style="max-width:200px">${(g.users || []).map(u => `<span class="tag">${esc(u.username)}</span>`).join(' ') || '<span style="color:var(--muted)">未授权</span>'}</td>
        <td><button class="btn mini" onclick="entGroupModal(${g.id})">编辑</button>
            <button class="btn mini danger" onclick="entGroupDel(${g.id})">删除</button></td></tr>`).join('') || '<tr><td colspan="5" class="empty">还没有权限组，新建一个把常用 Worker 打包吧</td></tr>'}
      </tbody></table>
      <div class="tab-note">💡 权限组与直接授权并行生效（取两者更高权限）；给用户绑定权限组后，组内 Worker 自动对用户可见。典型用法：把「文案小助手+设计助手」设为「文案组」=use，一次性授权给所有内容运营。</div>
    </div>`;
}

async function entGroupModal(gid) {
  let g = {name: '', description: '', members: [], users: []};
  if (gid) g = (await api(`/api/enterprise/worker_groups/${gid}`)).data;
  const [ws, us] = await Promise.all([api('/api/workers'), api('/api/enterprise/users')]);
  const memberMap = {};
  (g.members || []).forEach(m => memberMap[m.worker_id] = m.perm);
  const userSet = new Set((g.users || []).map(u => u.user_id));
  openModal(`
    <h3>${gid ? '编辑权限组' : '新建权限组'}<button class="close" data-close>×</button></h3>
    <label>组名 *</label><input id="gm-name" value="${esc(g.name)}" placeholder="如：文案组">
    <label>说明</label><input id="gm-desc" value="${esc(g.description)}" placeholder="该组包含哪些 Worker、给谁用">
    <div class="sec-title" style="margin-top:12px">组内 Worker（勾选 + 权限）</div>
    <table style="max-height:220px;overflow:auto;display:block"><tbody>
    ${ws.data.map(w => `
      <tr><td><label style="margin:0"><input type="checkbox" data-gw="${w.id}" ${memberMap[w.id] ? 'checked' : ''}> ${esc(w.name)} <span class="pill">${esc(w.provider)}/${esc(w.model)}</span></label></td>
      <td style="width:110px"><select data-gwperm="${w.id}" ${memberMap[w.id] ? '' : 'disabled'}>
        ${[['view','👁️ 查看'],['use','⚡ 使用'],['manage','🛠️ 管理']].map(([v, l]) => `<option value="${v}" ${memberMap[w.id] === v ? 'selected' : ''}>${l}</option>`).join('')}
      </select></td></tr>`).join('') || '<tr><td class="empty">暂无 Worker</td></tr>'}
    </tbody></table>
    <div class="sec-title" style="margin-top:12px">授权给用户</div>
    <div class="check-group">
      ${us.data.filter(u => u.role !== 'admin').map(u => `<label style="font-size:12px"><input type="checkbox" data-gu="${u.id}" ${userSet.has(u.id) ? 'checked' : ''}> ${esc(u.username)}（${esc(u.display_name || u.role)}）</label>`).join('')}
    </div>
    <div class="modal-actions">
      <button class="btn" data-close>取消</button>
      <button class="btn primary" id="gm-save">保存</button>
    </div>`);
  $$('#modal-box [data-gw]').forEach(cb => cb.addEventListener('change', () => {
    const sel = $(`[data-gwperm="${cb.dataset.gw}"]`);
    if (sel) sel.disabled = !cb.checked;
  }));
  $('#gm-save').addEventListener('click', async () => {
    const members = [...$$('#modal-box [data-gw]:checked')].map(cb => ({
      worker_id: Number(cb.dataset.gw),
      perm: $(`[data-gwperm="${cb.dataset.gw}"]`).value
    }));
    const users = [...$$('#modal-box [data-gu]:checked')].map(cb => Number(cb.dataset.gu));
    if (!$('#gm-name').value.trim()) return toast('请填写组名', 'err');
    try {
      const body = {name: $('#gm-name').value.trim(), description: $('#gm-desc').value, members, users};
      if (gid) await api(`/api/enterprise/worker_groups/${gid}`, {method:'PUT', body});
      else await api('/api/enterprise/worker_groups', {method:'POST', body});
      toast('✅ 权限组已保存', 'ok'); closeModal(); entRenderGroups();
    } catch (e) { toast(e.message, 'err'); }
  });
}

async function entGroupDel(gid) {
  if (!confirm('删除该权限组？组内 Worker 授权将从用户身上移除。')) return;
  await api(`/api/enterprise/worker_groups/${gid}`, {method:'DELETE'});
  toast('已删除', 'ok'); entRenderGroups();
}

function entAddUser() {
  openModal(`
    <h3>新建用户</h3>
    <label>用户名<input id="eu-name"></label>
    <label>显示名<input id="eu-display"></label>
    <label>邮箱 *<input id="eu-email" placeholder="如 zhangsan@company.com（项目送达/通知用）"></label>
    <label>角色<select id="eu-role"><option value="member">成员</option><option value="admin">管理员</option><option value="auditor">审计员</option></select></label>
    <label>来源<select id="eu-source"><option value="local">本地</option><option value="oidc">OIDC</option><option value="ldap">LDAP</option></select></label>
    <label>密码（本地用户必填）<input id="eu-pwd" type="password"></label>
    <button class="btn primary" id="eu-save">创建</button>`);
  $('#eu-save').addEventListener('click', async () => {
    const email = $('#eu-email').value.trim();
    if (!email || !email.includes('@')) return toast('必填：用户邮箱', 'err');
    try {
      await api('/api/enterprise/users', {method: 'POST', body: {
        username: $('#eu-name').value.trim(), display_name: $('#eu-display').value,
        email, role: $('#eu-role').value, source: $('#eu-source').value, password: $('#eu-pwd').value
      }});
      toast('已创建', 'ok'); closeModal(); pageEnterprise();
    } catch (e) { toast(e.message, 'err'); }
  });
}

function entEditUser(id) {
  const u = (window._entData?.users || []).find(x => x.id === id);
  if (!u) return;
  openModal(`
    <h3>编辑用户 ${esc(u.username)}</h3>
    <label>显示名<input id="eu2-display" value="${esc(u.display_name)}"></label>
    <label>邮箱 *<input id="eu2-email" value="${esc(u.email || '')}" placeholder="项目送达/通知用"></label>
    <label>角色<select id="eu2-role"><option ${u.role === 'member' ? 'selected' : ''}>member</option><option ${u.role === 'admin' ? 'selected' : ''}>admin</option><option ${u.role === 'auditor' ? 'selected' : ''}>auditor</option></select></label>
    <label>状态<select id="eu2-status"><option value="active" ${u.status === 'active' ? 'selected' : ''}>启用</option><option value="disabled" ${u.status === 'disabled' ? 'selected' : ''}>停用</option></select></label>
    <label>重置密码（留空不改）<input id="eu2-pwd" type="password"></label>
    <button class="btn primary" id="eu2-save">保存</button>
    <button class="btn danger" id="eu2-del" style="float:right">删除用户</button>`);
  $('#eu2-save').addEventListener('click', async () => {
    const email = $('#eu2-email').value.trim();
    if (!email || !email.includes('@')) return toast('必填：用户邮箱', 'err');
    await api(`/api/enterprise/users/${id}`, {method: 'PUT', body: {
      display_name: $('#eu2-display').value, email,
      role: $('#eu2-role').value,
      status: $('#eu2-status').value, password: $('#eu2-pwd').value
    }});
    toast('已保存（送达项目自动跟随新邮箱）', 'ok'); closeModal(); pageEnterprise();
  });
  $('#eu2-del').addEventListener('click', async () => {
    if (!confirm('确定删除该用户？')) return;
    await api(`/api/enterprise/users/${id}`, {method: 'DELETE'});
    toast('已删除', 'ok'); closeModal(); pageEnterprise();
  });
}

/* ---------- 精准授权：项目 / Worker 权限 ---------- */
const PROJ_PERMS = [['', '🚫 无'], ['view', '👁️ 查看'], ['manage', '🛠️ 管理'], ['admin', '👑 管理员']];
const WORKER_PERMS = [['', '🚫 无'], ['view', '👁️ 查看'], ['use', '⚡ 使用'], ['manage', '🛠️ 管理']];

async function entGrantUser(uid, uname) {
  const r = await api(`/api/enterprise/users/${uid}/grants`);
  const {projects, workers, roles, worker_groups} = r.data;
  openModal(`
    <h3>🔑 精准授权：${esc(uname)}<button class="close" data-close>×</button></h3>
    <div class="tab-note">项目权限：查看=只读；管理=建任务/执行/交付；管理员=全部。Worker 权限：查看/使用/管理（可直接授权，也可通过权限组批量）。自定义角色决定功能模块可见性。</div>
    <div class="sec-title" style="margin-top:14px">🎭 绑定自定义角色（可多选，权限与内置角色合并）</div>
    <div class="check-group">
      ${(roles || []).filter(rr => !rr.is_builtin || rr.name !== 'admin').map(rr => `<label style="font-size:12px"><input type="checkbox" data-role="${rr.id}" ${rr.bound ? 'checked' : ''}> ${esc(rr.name)} <small style="color:var(--muted)">${esc((rr.perms || []).length)} 个权限点</small></label>`).join('') || '<span style="color:var(--muted)">暂无自定义角色</span>'}
    </div>
    <div class="sec-title" style="margin-top:14px">🤖 绑定 Worker 权限组（可多选）</div>
    <div class="check-group">
      ${(worker_groups || []).map(g => `<label style="font-size:12px"><input type="checkbox" data-wg="${g.id}" ${g.bound ? 'checked' : ''}> ${esc(g.name)} <small style="color:var(--muted)">${g.member_count} 个 Worker</small></label>`).join('') || '<span style="color:var(--muted)">暂无权限组，去「Worker 权限组」创建</span>'}
    </div>
    <div class="sec-title" style="margin-top:14px">📁 项目授权（${projects.length} 个）</div>
    <table style="max-height:220px;overflow:auto;display:block"><tbody>
    ${projects.map(p => `
      <tr><td>#${p.id} ${esc(p.name)} <span class="tag">${{active:'进行中',review:'待验收',planning:'规划中',done:'已完成',archived:'已归档'}[p.status] || p.status}</span></td>
      <td style="width:140px"><select data-gp="${p.id}">
        ${PROJ_PERMS.map(([v, l]) => `<option value="${v}" ${p.perm === v ? 'selected' : ''}>${l}</option>`).join('')}
      </select></td></tr>`).join('') || '<tr><td class="empty">暂无项目</td></tr>'}
    </tbody></table>
    <div class="sec-title" style="margin-top:14px">🤖 Worker 直接授权（${workers.length} 个）</div>
    <table style="max-height:220px;overflow:auto;display:block"><tbody>
    ${workers.map(w => `
      <tr><td>#${w.id} ${esc(w.name)} <span class="pill">${esc(w.provider)}/${esc(w.model)}</span> <span class="tag">${w.status === 'enabled' ? '启用' : '停用'}</span></td>
      <td style="width:140px"><select data-gw="${w.id}">
        ${WORKER_PERMS.map(([v, l]) => `<option value="${v}" ${w.perm === v ? 'selected' : ''}>${l}</option>`).join('')}
      </select></td></tr>`).join('') || '<tr><td class="empty">暂无 Worker</td></tr>'}
    </tbody></table>
    <div class="modal-actions">
      <button class="btn" data-close>取消</button>
      <button class="btn primary" id="eg-save">保存授权</button>
    </div>`);
  $('#eg-save').addEventListener('click', async () => {
    try {
      await api(`/api/enterprise/users/${uid}/grants`, {method: 'PUT', body: {
        projects: [...$$('[data-gp]')].map(s => ({project_id: Number(s.dataset.gp), perm: s.value})),
        workers: [...$$('[data-gw]')].map(s => ({worker_id: Number(s.dataset.gw), perm: s.value})),
        roles: [...$$('[data-role]:checked')].map(cb => Number(cb.dataset.role)),
        worker_groups: [...$$('[data-wg]:checked')].map(cb => Number(cb.dataset.wg))
      }});
      toast('✅ 授权已保存', 'ok'); closeModal(); pageEnterprise();
    } catch (e) { toast(e.message, 'err'); }
  });
}

async function entGrantOverview() {
  const r = await api('/api/enterprise/grants/overview');
  openModal(`
    <h3>🗺️ 授权总览<button class="close" data-close>×</button></h3>
    <div style="max-height:70vh;overflow:auto">
    <table><thead><tr><th>用户</th><th>角色</th><th>自定义角色/权限组</th><th>项目授权</th><th>Worker 授权</th></tr></thead><tbody>
    ${r.data.map(u => `<tr><td><b>${esc(u.username)}</b><br><small style="color:var(--muted)">${esc(u.display_name || '')}</small></td>
      <td>${{admin:'👑 管理员',member:'成员',auditor:'审计员'}[u.role] || u.role}</td>
      <td>${[...(u.roles || []).map(rr => `🎭 ${esc(rr.role_name)}`), ...(u.worker_groups || []).map(g => `🤖 ${esc(g.group_name)}`)].join('<br>') || '<span style="color:var(--muted)">—</span>'}</td>
      <td>${(u.projects || []).map(p => `#${p.project_id} ${esc(p.project_name)} <span class="tag">${{view:'查看',manage:'管理',admin:'管理员'}[p.perm]}</span>`).join('<br>') || '<span style="color:var(--muted)">—</span>'}</td>
      <td>${(u.workers || []).map(w => `#${w.worker_id} ${esc(w.worker_name)} <span class="tag">${{view:'查看',use:'使用',manage:'管理'}[w.perm]}</span>`).join('<br>') || '<span style="color:var(--muted)">—</span>'}</td></tr>`).join('')}
    </tbody></table></div>
    <div class="modal-actions"><button class="btn primary" data-close>关闭</button></div>`);
}

/* ---------- 启动 ---------- */
let CURRENT_ROLE = 'admin';
(async function init() {
  try {
    const me = await api('/api/me');
    if (!me.authed) { showLogin(); $('#main').innerHTML = '<div class="empty">请先登录</div>'; return; }
    CURRENT_ROLE = me.user?.role || 'admin';
    applyRoleUI(CURRENT_ROLE, me.user?.perms);
    $('#logout-btn').style.display = 'block';
  } catch (e) { showLogin(); return; }
  try { await api('/api/health'); } catch (e) { $('#conn-state').textContent = '● 服务异常'; $('#conn-state').className = 'conn err'; }
  refreshAlertBadge();
  router();
})();