(() => {
  const nav = document.querySelector('[data-view="agents"]');
  const view = document.getElementById('agents');
  if (!nav || !view) return;
  const esc = (value) => String(value ?? '').replace(/[&<>"']/g, (char) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[char]));
  const note = (agent) => agent.role === 'order-query' ? '只处理订单和单号查询' : ({ cost: '只读取原始成本工作区', retail: '只读取售价价格工作区', dealer: '只读取经销商价格工作区' }[agent.priceCategory] || '独立价格工作区');
  const style = document.createElement('style'); style.textContent = '.agent-admin-item{gap:10px}.agent-admin-item>div{flex:1}.agent-avatar,.agent-fallback{width:40px;height:40px;border-radius:6px;object-fit:cover;flex:none}.agent-fallback{display:grid;place-items:center;background:#2f78df;color:#fff}.agent-admin-item .btn{padding:7px 10px}'; document.head.appendChild(style);
  const render = async () => {
    const token = window.__manyiToken || '';
    if (!token) return;
    const response = await fetch('/api/agents', { headers: { Authorization: `Bearer ${token}` } });
    if (!response.ok) return;
    const { items } = await response.json();
    view.querySelector('.card').innerHTML = `<h3>智能体</h3>${items.map((agent) => `<div class="person agent-admin-item"><img class="agent-avatar" src="/api/agents/${esc(agent.id)}/avatar?v=${Date.now()}" onload="this.nextElementSibling.style.display='none'" onerror="this.style.display='none'"><span class="agent-fallback">${esc(String(agent.name).slice(0, 1))}</span><div><b>${esc(agent.name)}</b><div class="muted">${esc(note(agent))} · 仅群聊使用 · 已上架</div></div><button class="btn agent-rename" data-id="${esc(agent.id)}" data-name="${esc(agent.name)}">重命名</button><button class="btn agent-avatar-btn" data-id="${esc(agent.id)}">更换头像</button><input type="file" accept="image/*" hidden data-file="${esc(agent.id)}"></div>`).join('')}<p class="muted">智能体后台仅管理员可见。每个智能体只读取自己的工作区，不会跨区查询。</p>`;
    view.querySelectorAll('.agent-rename').forEach((button) => { button.onclick = () => { const wrap = document.createElement('div'); wrap.className = 'invite-modal'; wrap.innerHTML = `<div class="invite-dialog"><header><strong>重命名智能体</strong><button data-close>×</button></header><section><label class="label">智能体名称</label><input class="input" data-agent-name value="${button.dataset.name}"></section><footer><button class="btn secondary" data-close>取消</button><button class="btn" data-confirm>保存</button></footer></div>`; document.body.appendChild(wrap); wrap.querySelectorAll('[data-close]').forEach((item) => item.onclick = () => wrap.remove()); wrap.querySelector('[data-confirm]').onclick = async () => { const name = wrap.querySelector('[data-agent-name]').value.trim(); if (!name) return alert('请输入智能体名称'); const r = await fetch(`/api/agents/${button.dataset.id}`, { method: 'PATCH', headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${token}` }, body: JSON.stringify({ name }) }); if (!r.ok) alert((await r.json()).error || '重命名失败'); else { wrap.remove(); render(); } }; }; });
    view.querySelectorAll('.agent-avatar-btn').forEach((button) => { button.onclick = () => view.querySelector(`[data-file="${button.dataset.id}"]`).click(); });
    view.querySelectorAll('[data-file]').forEach((input) => { input.onchange = async () => { const file = input.files?.[0]; if (!file) return; const r = await fetch(`/api/agents/${input.dataset.file}/avatar`, { method: 'POST', headers: { Authorization: `Bearer ${token}`, 'X-File-Name-Encoded': encodeURIComponent(file.name), 'Content-Type': file.type || 'application/octet-stream' }, body: file }); if (!r.ok) alert((await r.json()).error || '头像上传失败'); else render(); input.value = ''; }; });
  };
  nav.addEventListener('click', () => setTimeout(render, 40));
})();