npm - @auto-ai/agent - Versions diffs - 2.1.226 → 2.1.229 - Mend

@auto-ai/agent 2.1.226 → 2.1.229

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (515) hide show

package/dist/ws-test/agent-teams.html DELETED Viewed

@@ -1,1400 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>团队</title>
-  <link rel="stylesheet" href="/ws-test.css" />
-</head>
-<body>
-  <div id="teamsApp" class="app">
-    <aside id="teamsSidebarPanel" class="sidebar teams-sidebar-panel" aria-label="团队列表" hidden>
-      <div class="sidebar-top">
-        <div class="sidebar-brand">
-          <div class="sidebar-brand-title-row">
-            <span class="sidebar-agent-name">团队</span>
-          </div>
-        </div>
-      </div>
-      <div class="sidebar-sessions-wrap">
-        <ul id="teamSidebar" class="sidebar-session-list teams-sidebar-list" role="list"></ul>
-      </div>
-      <div class="sidebar-footer teams-sidebar-footer">
-        <button type="button" class="sidebar-nav-row" id="btnNewTeam" title="新建团队" aria-label="新建团队">
-          <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true">
-            <path d="M12 5v14M5 12h14"/>
-          </svg>
-          <span>新建团队</span>
-        </button>
-        <button type="button" class="sidebar-nav-row" id="btnTeamSettings" title="团队设置" aria-label="团队设置" hidden>
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-            <circle cx="12" cy="12" r="3.1"/>
-            <path d="M19.4 15a1 1 0 0 0 .2 1.1l.1.1a1.8 1.8 0 1 1-2.6 2.6l-.1-.1a1 1 0 0 0-1.1-.2 1 1 0 0 0-.6.9V20a1.8 1.8 0 1 1-3.6 0v-.2a1 1 0 0 0-.6-.9 1 1 0 0 0-1.1.2l-.1.1a1.8 1.8 0 1 1-2.6-2.6l.1-.1a1 1 0 0 0 .2-1.1 1 1 0 0 0-.9-.6H4a1.8 1.8 0 1 1 0-3.6h.2a1 1 0 0 0 .9-.6 1 1 0 0 0-.2-1.1l-.1-.1a1.8 1.8 0 1 1 2.6-2.6l.1.1a1 1 0 0 0 1.1.2h.1a1 1 0 0 0 .6-.9V4a1.8 1.8 0 1 1 3.6 0v.2a1 1 0 0 0 .6.9h.1a1 1 0 0 0 1.1-.2l.1-.1a1.8 1.8 0 1 1 2.6 2.6l-.1.1a1 1 0 0 0-.2 1.1v.1a1 1 0 0 0 .9.6H20a1.8 1.8 0 1 1 0 3.6h-.2a1 1 0 0 0-.9.6z"/>
-          </svg>
-          <span>设置</span>
-        </button>
-        <span id="teamsSubtitle" class="teams-footer-meta">加载中…</span>
-      </div>
-    </aside>
-    <button
-      type="button"
-      class="teams-sidebar-edge-toggle"
-      id="btnToggleTeamsSidebar"
-      title="显示团队列表"
-      aria-label="显示团队列表"
-      aria-controls="teamsSidebarPanel"
-      aria-expanded="false"
-    >
-      <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-        <polyline points="9 18 15 12 9 6"/>
-      </svg>
-    </button>
-    <main class="main teams-main">
-      <header class="main-header teams-main-header">
-        <div class="main-header-title-wrap">
-          <h1 class="main-header-title" id="teamContentTitle">选择团队</h1>
-          <p id="teamContentDesc" class="manage-view-meta teams-content-desc" hidden></p>
-        </div>
-      </header>
-      <div class="teams-workspace">
-        <aside class="teams-members-panel" aria-label="团队成员">
-          <div class="teams-members-head">
-            <div class="teams-members-head-left">
-              <h2>成员</h2>
-              <span id="teamsMemberCount" class="teams-members-count">—</span>
-            </div>
-            <div class="teams-members-head-actions">
-              <button type="button" class="btn-primary" id="btnOpenAddMemberModal" hidden>添加队员</button>
-            </div>
-          </div>
-          <div id="agentListRoot" class="teams-members-scroll" aria-label="Agent 列表"></div>
-        </aside>
-        <div class="teams-chat-column main-body">
-          <div id="teamChatWorkspace" class="chat-workspace">
-            <div id="teamChatThread" class="chat-thread teams-chat-thread" aria-live="polite"></div>
-          </div>
-          <div class="composer" id="teamChatComposer">
-            <div class="composer-inner">
-              <div class="composer-meta">
-                <div id="teamChatStatus" class="conn-status">未连接</div>
-              </div>
-              <div class="composer-card">
-                <div class="composer-prompt-wrap">
-                  <div
-                    id="teamChatPrompt"
-                    class="prompt-editor"
-                    contenteditable="true"
-                    role="textbox"
-                    aria-multiline="true"
-                    data-placeholder="@agentId 指定单个队员，否则全员处理"
-                    spellcheck="false"
-                  ></div>
-                </div>
-                <div class="composer-card-footer">
-                  <div class="composer-tools-left" aria-hidden="true"></div>
-                  <div class="composer-tools-right" aria-label="发送操作">
-                    <button type="button" class="sidebar-icon-btn composer-action-btn" id="btnTeamChatClear" disabled title="清理聊天记录" aria-label="清理聊天记录">
-                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-                        <polyline points="3 6 5 6 21 6" />
-                        <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
-                      </svg>
-                    </button>
-                    <button type="button" class="sidebar-icon-btn composer-action-btn" id="btnTeamChatAbort" disabled title="中断" aria-label="中断">
-                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-                        <rect x="5" y="5" width="14" height="14" rx="2" ry="2" />
-                      </svg>
-                    </button>
-                    <button type="button" class="sidebar-icon-btn composer-action-btn" id="btnTeamChatSend" disabled title="发送" aria-label="发送">
-                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-                        <line x1="22" y1="2" x2="11" y2="13" />
-                        <polygon points="22 2 15 22 11 13 2 9 22 2" />
-                      </svg>
-                    </button>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <aside id="teamsPanel" class="teams-edit-panel" aria-label="团队编辑">
-            <div class="teams-edit-head">
-              <h2 id="teamPanelTitle">编辑团队</h2>
-              <button type="button" class="sidebar-icon-btn" id="btnTeamPanelClose" aria-label="关闭">
-                <span class="ic" aria-hidden="true">×</span>
-              </button>
-            </div>
-            <div class="teams-edit-scroll">
-              <form id="teamForm" class="settings-unified-panel" onsubmit="return false">
-                <section class="settings-section">
-                  <h3 class="settings-section-title">团队信息</h3>
-                  <div class="settings-fields">
-                    <div class="settings-field">
-                      <label class="settings-field-label" for="teamIdInput">团队 ID</label>
-                      <input id="teamIdInput" class="agent-env-kv-input" type="text" spellcheck="false" placeholder="例如 dev-team" />
-                    </div>
-                    <div class="settings-field">
-                      <label class="settings-field-label" for="teamDisplayName">显示名称</label>
-                      <input id="teamDisplayName" class="agent-env-kv-input" type="text" spellcheck="false" placeholder="团队名称" />
-                    </div>
-                    <div class="settings-field">
-                      <label class="settings-field-label" for="teamDescription">描述</label>
-                      <textarea id="teamDescription" class="agent-env-kv-input settings-textarea settings-textarea--compact" spellcheck="false" placeholder="团队用途说明"></textarea>
-                    </div>
-                  </div>
-                  <div class="teams-edit-actions">
-                    <button type="button" class="btn-primary" id="btnSaveTeam">保存</button>
-                    <button type="button" class="btn-repo-file-delete" id="btnDeleteTeam">删除团队</button>
-                  </div>
-                </section>
-              </form>
-            </div>
-          </aside>
-          <aside id="agentPanel" class="teams-edit-panel" aria-label="Agent 详情">
-            <div class="teams-edit-head">
-              <h2 id="agentPanelTitle">Agent</h2>
-              <button type="button" class="sidebar-icon-btn" id="btnAgentPanelClose" aria-label="关闭">
-                <span class="ic" aria-hidden="true">×</span>
-              </button>
-            </div>
-            <div class="teams-edit-scroll">
-              <form id="agentForm" class="settings-unified-panel" onsubmit="return false">
-                <section class="settings-section">
-                  <h3 class="settings-section-title">Agent 配置</h3>
-                  <div class="settings-fields">
-                    <div class="settings-field">
-                      <label class="settings-field-label" for="agentIdInput">Agent ID</label>
-                      <input id="agentIdInput" class="agent-env-kv-input" type="text" spellcheck="false" placeholder="例如 my-agent" />
-                    </div>
-                    <div class="settings-field">
-                      <label class="settings-field-label" for="agentWhenInput">使用时机（whentouse）</label>
-                      <textarea id="agentWhenInput" class="agent-env-kv-input settings-textarea settings-textarea--compact" spellcheck="false"></textarea>
-                    </div>
-                    <div class="settings-field">
-                      <label class="settings-field-label" for="agentPromptInput">agent.md</label>
-                      <textarea id="agentPromptInput" class="agent-env-kv-input settings-textarea agent-settings-md-editor" spellcheck="false"></textarea>
-                    </div>
-                  </div>
-                  <div class="teams-edit-actions">
-                    <button type="button" class="btn-primary" id="btnSaveAgent">保存</button>
-                    <button type="button" class="btn-manage-head-action" id="btnAgentWorkbench" hidden>进入工作台</button>
-                  </div>
-                </section>
-              </form>
-            </div>
-          </aside>
-      </div>
-    </main>
-    <div id="teamsToast" role="status" aria-live="polite"></div>
-  </div>
-  <div id="addMemberModal" class="agent-md-modal" aria-hidden="true">
-    <div class="agent-md-modal-backdrop" id="addMemberModalBackdrop"></div>
-    <div
-      class="agent-md-modal-card modal-unified teams-add-member-modal"
-      role="dialog"
-      aria-modal="true"
-      aria-labelledby="addMemberModalTitle"
-    >
-      <div class="agent-md-modal-head">
-        <h2 id="addMemberModalTitle">添加队员</h2>
-        <button type="button" class="agent-md-modal-close" id="btnAddMemberModalClose" aria-label="关闭">
-          <span aria-hidden="true">×</span>
-        </button>
-      </div>
-      <div class="teams-add-member-body">
-        <input
-          type="search"
-          id="addMemberSearch"
-          class="agent-picker-search"
-          placeholder="搜索 Agent ID 或说明…"
-          autocomplete="off"
-        />
-        <div id="addMemberList" class="agent-picker-scroll" role="listbox" aria-multiselectable="true"></div>
-        <p id="addMemberEmpty" class="agent-picker-empty" hidden>暂无可添加的 Agent</p>
-      </div>
-      <div class="agent-md-modal-foot" style="display: flex; gap: 8px; justify-content: flex-end">
-        <button type="button" class="btn-agent-settings-cancel" id="btnAddMemberCancel">取消</button>
-        <button type="button" class="btn-primary" id="btnAddMemberConfirm" disabled>添加选中</button>
-      </div>
-    </div>
-  </div>
-  <script src="https://cdn.jsdelivr.net/npm/marked@12.0.2/marked.min.js"></script>
-  <script>
-    if (typeof marked !== 'undefined' && marked.setOptions) {
-      marked.setOptions({ breaks: true, gfm: true })
-    }
-  </script>
-  <script src="/team-chat.js"></script>
-  <script>
-    ;(function () {
-      'use strict'
-      /** 虚拟「未分组」侧栏项 id */
-      var UNGROUPED_ID = '__ungrouped__'
-      function httpOriginForApi() {
-        try {
-          var q = new URLSearchParams(window.location.search).get('apiBase')
-          if (q && String(q).trim()) {
-            return new URL(String(q).trim().replace(/\/$/, '') + '/').origin
-          }
-        } catch (e) { /* ignore */ }
-        var loc = window.location
-        if (loc.protocol === 'http:' || loc.protocol === 'https:') {
-          return loc.origin
-        }
-        return 'http://127.0.0.1:8765'
-      }
-      /** 与页面同源时用相对路径，避免 apiBase 指向错误端口导致 CONNECTION_REFUSED */
-      function apiUrl(path) {
-        var p = path.indexOf('/') === 0 ? path : '/' + path
-        if (httpOriginForApi() === window.location.origin) {
-          return p
-        }
-        return new URL(p, httpOriginForApi() + '/').toString()
-      }
-      function friendlyFetchError(e) {
-        var msg = e && e.message ? String(e.message) : String(e)
-        if (msg === 'Failed to fetch') {
-          return '无法连接 API（' + httpOriginForApi() + '），请确认 WS 服务已启动'
-        }
-        return msg
-      }
-      /** 拉取团队列表 */
-      async function fetchTeamsList() {
-        var r = await fetch(apiUrl('/api/teams'))
-        var body = await r.json().catch(function () { return {} })
-        if (!r.ok) throw new Error(body.message || body.error || r.statusText)
-        return Array.isArray(body.teams) ? body.teams : []
-      }
-      async function fetchAgentsList(teamId) {
-        var u = apiUrl('/api/agents')
-        if (teamId && teamId !== UNGROUPED_ID) {
-          u += '?team=' + encodeURIComponent(teamId)
-        }
-        var r = await fetch(u)
-        var body = await r.json().catch(function () { return {} })
-        if (!r.ok) throw new Error(body.message || body.error || r.statusText)
-        return Array.isArray(body.agents) ? body.agents : []
-      }
-      async function fetchAgentDetail(id) {
-        var r = await fetch(apiUrl('/api/agents/' + encodeURIComponent(id)))
-        var body = await r.json().catch(function () { return {} })
-        if (!r.ok) throw new Error(body.message || body.error || r.statusText)
-        return body.agent || { id: id }
-      }
-      async function createTeam(payload) {
-        var r = await fetch(apiUrl('/api/teams'), {
-          method: 'POST',
-          headers: { 'content-type': 'application/json; charset=utf-8' },
-          body: JSON.stringify(payload),
-        })
-        var body = await r.json().catch(function () { return {} })
-        if (!r.ok) throw new Error(body.message || body.error || r.statusText)
-        return body.team
-      }
-      async function patchTeam(id, payload) {
-        var r = await fetch(apiUrl('/api/teams/' + encodeURIComponent(id)), {
-          method: 'PATCH',
-          headers: { 'content-type': 'application/json; charset=utf-8' },
-          body: JSON.stringify(payload),
-        })
-        var body = await r.json().catch(function () { return {} })
-        if (!r.ok) throw new Error(body.message || body.error || r.statusText)
-        return body.team
-      }
-      async function deleteTeam(id) {
-        var r = await fetch(apiUrl('/api/teams/' + encodeURIComponent(id)), { method: 'DELETE' })
-        var body = await r.json().catch(function () { return {} })
-        if (!r.ok) throw new Error(body.message || body.error || r.statusText)
-      }
-      async function addTeamMember(teamId, agentId) {
-        var r = await fetch(apiUrl('/api/teams/' + encodeURIComponent(teamId) + '/members'), {
-          method: 'POST',
-          headers: { 'content-type': 'application/json; charset=utf-8' },
-          body: JSON.stringify({ agentId: agentId }),
-        })
-        var body = await r.json().catch(function () { return {} })
-        if (!r.ok) throw new Error(body.message || body.error || r.statusText)
-        return body.team
-      }
-      async function removeTeamMember(teamId, agentId) {
-        var r = await fetch(
-          apiUrl('/api/teams/' + encodeURIComponent(teamId) + '/members/' + encodeURIComponent(agentId)),
-          { method: 'DELETE' },
-        )
-        var body = await r.json().catch(function () { return {} })
-        if (!r.ok) throw new Error(body.message || body.error || r.statusText)
-        return body.team
-      }
-      function isValidId(id) {
-        return /^[a-zA-Z0-9_-]{1,64}$/.test(String(id || '').trim())
-      }
-      function buildAgentConfigPatch(baseConfig, whentouse) {
-        var c = baseConfig && typeof baseConfig === 'object' ? baseConfig : {}
-        var env = c.env && typeof c.env === 'object' && !Array.isArray(c.env) ? c.env : {}
-        var patch = {
-          tools: Array.isArray(c.tools) ? c.tools.map(String) : [],
-          disallowedTools: Array.isArray(c.disallowedTools) ? c.disallowedTools.map(String) : [],
-          mcpServers: Array.isArray(c.mcpServers) ? c.mcpServers.map(String) : [],
-          skills: Array.isArray(c.skills) ? c.skills.map(String) : [],
-          agentTeams: Array.isArray(c.agentTeams) ? c.agentTeams.map(String) : [],
-          model: typeof c.model === 'string' ? c.model : '',
-          background: c.background === true,
-          isolation: typeof c.isolation === 'string' ? c.isolation : '',
-          whentouse: typeof whentouse === 'string' ? whentouse : '',
-          env: env,
-        }
-        if (typeof c.effort === 'string' || typeof c.effort === 'number') patch.effort = c.effort
-        return patch
-      }
-      async function saveAgent(params) {
-        var id = params.id
-        var whentouse = params.whentouse
-        var prompt = params.prompt
-        var isEdit = params.isEdit
-        var baseConfig = params.baseConfig
-        var teamIds = params.teamIds
-        if (isEdit) {
-          var patchRes = await fetch(apiUrl('/api/agents/' + encodeURIComponent(id)), {
-            method: 'PATCH',
-            headers: { 'content-type': 'application/json; charset=utf-8' },
-            body: JSON.stringify({ prompt: prompt, config: buildAgentConfigPatch(baseConfig, whentouse) }),
-          })
-          var patchBody = await patchRes.json().catch(function () { return {} })
-          if (!patchRes.ok) throw new Error(patchBody.message || patchBody.error || patchRes.statusText)
-          return id
-        }
-        var createBody = { name: id, prompt: prompt }
-        if (Array.isArray(teamIds) && teamIds.length) createBody.teamIds = teamIds
-        var createRes = await fetch(apiUrl('/api/agents'), {
-          method: 'POST',
-          headers: { 'content-type': 'application/json; charset=utf-8' },
-          body: JSON.stringify(createBody),
-        })
-        var createResult = await createRes.json().catch(function () { return {} })
-        if (!createRes.ok) throw new Error(createResult.message || createResult.error || createRes.statusText)
-        var cfgBody = await fetchAgentDetail(id)
-        var baseCfg = cfgBody.config && typeof cfgBody.config === 'object' ? cfgBody.config : null
-        var patchRes2 = await fetch(apiUrl('/api/agents/' + encodeURIComponent(id)), {
-          method: 'PATCH',
-          headers: { 'content-type': 'application/json; charset=utf-8' },
-          body: JSON.stringify({ config: buildAgentConfigPatch(baseCfg, whentouse) }),
-        })
-        var patchBody2 = await patchRes2.json().catch(function () { return {} })
-        if (!patchRes2.ok) throw new Error(patchBody2.message || patchBody2.error || patchRes2.statusText)
-        return id
-      }
-      async function deleteAgent(id) {
-        var r = await fetch(apiUrl('/api/agents/' + encodeURIComponent(id)), { method: 'DELETE' })
-        var body = await r.json().catch(function () { return {} })
-        if (!r.ok) throw new Error(body.message || body.error || r.statusText)
-      }
-      function agentListTitle(row) {
-        var id = String(row.id || '').trim()
-        var dn = row && typeof row.displayName === 'string' && row.displayName.trim() ? row.displayName.trim() : ''
-        return dn || id
-      }
-      function agentListSubId(row) {
-        var id = String(row.id || '').trim()
-        var title = agentListTitle(row)
-        return title !== id ? id : ''
-      }
-      function truncateDesc(text, max) {
-        var s = String(text || '').replace(/\s+/g, ' ').trim()
-        if (!s) return '暂无使用说明'
-        return s.length <= max ? s : s.slice(0, max - 1) + '…'
-      }
-      function teamDisplayName(team) {
-        if (!team) return ''
-        if (team.id === UNGROUPED_ID) return '未分组'
-        var dn = typeof team.displayName === 'string' && team.displayName.trim() ? team.displayName.trim() : ''
-        return dn || team.id
-      }
-      /** 维护当前选中团队 */
-      function TeamsController() {
-        this.selectedTeamId = null
-        this.onTeamSelect = null
-      }
-      TeamsController.prototype.selectTeam = function (id) {
-        this.selectedTeamId = id || null
-        if (this.onTeamSelect) this.onTeamSelect(this.selectedTeamId)
-      }
-      function TeamSidebar(container, onPick) {
-        this.container = container
-        this.onPick = onPick
-      }
-      TeamSidebar.prototype.render = function (teams, ungroupedCount, selectedId) {
-        if (!this.container) return
-        this.container.innerHTML = ''
-        for (var i = 0; i < teams.length; i++) {
-          var team = teams[i]
-          this.container.appendChild(
-            this._item(team.id, teamDisplayName(team), String(team.memberCount || 0) + ' 名成员', selectedId),
-          )
-        }
-        this.container.appendChild(
-          this._item(UNGROUPED_ID, '未分组', String(ungroupedCount) + ' 个 Agent', selectedId),
-        )
-      }
-      TeamSidebar.prototype._item = function (id, name, meta, selectedId) {
-        var li = document.createElement('li')
-        li.className = 'sidebar-session-item' + (selectedId === id ? ' active' : '')
-        var btn = document.createElement('button')
-        btn.type = 'button'
-        btn.className = 'sidebar-session-main'
-        var n = document.createElement('span')
-        n.className = 'sidebar-session-title'
-        n.textContent = name
-        var m = document.createElement('span')
-        m.className = 'sidebar-session-meta'
-        m.textContent = meta
-        btn.appendChild(n)
-        btn.appendChild(m)
-        var self = this
-        btn.addEventListener('click', function () { if (self.onPick) self.onPick(id) })
-        li.appendChild(btn)
-        return li
-      }
-      function TeamAgentList(container, handlers) {
-        this.container = container
-        this.handlers = handlers || {}
-      }
-      TeamAgentList.prototype.render = function (agents, options) {
-        if (!this.container) return
-        var opts = options || {}
-        var canRemove = opts.canRemoveFromTeam === true
-        this.container.innerHTML = ''
-        if (!agents.length) {
-          var empty = document.createElement('div')
-          empty.className = 'agent-list-empty'
-          empty.textContent = canRemove ? '暂无队员，点击右上角添加' : '暂无 Agent'
-          this.container.appendChild(empty)
-          return
-        }
-        var ul = document.createElement('ul')
-        ul.className = 'sidebar-session-list'
-        ul.setAttribute('role', 'list')
-        for (var i = 0; i < agents.length; i++) {
-          var row = agents[i]
-          var id = String(row.id || '').trim()
-          if (!id) continue
-          var li = document.createElement('li')
-          li.className = 'teams-member-row'
-          var mainBtn = document.createElement('button')
-          mainBtn.type = 'button'
-          mainBtn.className = 'teams-member-item'
-          mainBtn.setAttribute('aria-label', '查看 ' + id)
-          var avatar = document.createElement('span')
-          avatar.className = 'teams-member-avatar'
-          avatar.textContent = (agentListTitle(row).charAt(0) || id.charAt(0) || '?').toUpperCase()
-          avatar.setAttribute('aria-hidden', 'true')
-          var main = document.createElement('span')
-          main.className = 'teams-member-main'
-          var title = document.createElement('span')
-          title.className = 'teams-member-name'
-          title.textContent = agentListTitle(row)
-          main.appendChild(title)
-          var sub = agentListSubId(row)
-          if (sub) {
-            var subEl = document.createElement('span')
-            subEl.className = 'teams-member-sub'
-            subEl.textContent = sub
-            main.appendChild(subEl)
-          }
-          mainBtn.appendChild(avatar)
-          mainBtn.appendChild(main)
-          mainBtn.addEventListener('click', function (agentId) {
-            return function (e) {
-              e.stopPropagation()
-              if (this.handlers.onView) this.handlers.onView(agentId)
-            }.bind(this)
-          }.bind(this)(id))
-          var actions = document.createElement('div')
-          actions.className = 'teams-member-actions'
-          var btnView = document.createElement('button')
-          btnView.type = 'button'
-          btnView.className = 'btn-manage-row-action'
-          btnView.textContent = '编辑'
-          btnView.setAttribute('aria-label', '编辑 ' + id)
-          btnView.addEventListener('click', function (agentId) {
-            return function (e) {
-              e.stopPropagation()
-              if (this.handlers.onView) this.handlers.onView(agentId)
-            }.bind(this)
-          }.bind(this)(id))
-          actions.appendChild(btnView)
-          if (canRemove) {
-            var btnRemove = document.createElement('button')
-            btnRemove.type = 'button'
-            btnRemove.className = 'btn-manage-row-action is-delete'
-            btnRemove.textContent = '移除'
-            btnRemove.setAttribute('aria-label', '从团队移除 ' + id)
-            btnRemove.addEventListener('click', function (agentId) {
-              return function (e) {
-                e.stopPropagation()
-                if (this.handlers.onRemove) this.handlers.onRemove(agentId)
-              }.bind(this)
-            }.bind(this)(id))
-            actions.appendChild(btnRemove)
-          }
-          li.appendChild(mainBtn)
-          li.appendChild(actions)
-          ul.appendChild(li)
-        }
-        this.container.appendChild(ul)
-      }
-      function TeamsUI(root, controller, sidebar, agentList) {
-        this.root = root
-        this.controller = controller
-        this.sidebar = sidebar
-        this.agentList = agentList
-        this.teams = []
-        this.allAgents = []
-        this.currentAgents = []
-        this.panelMode = 'idle'
-        this.editingTeamId = null
-        this.editingAgentId = null
-        this.agentBaseConfig = null
-        this.subtitle = root.querySelector('#teamsSubtitle')
-        this.contentTitle = root.querySelector('#teamContentTitle')
-        this.contentDesc = root.querySelector('#teamContentDesc')
-        this.memberCountEl = root.querySelector('#teamsMemberCount')
-        this.teamChat = null
-        this.btnTeamSettings = root.querySelector('#btnTeamSettings')
-        this.btnOpenAddMemberModal = root.querySelector('#btnOpenAddMemberModal')
-        this.addMemberModal = document.getElementById('addMemberModal')
-        this.addMemberModalBackdrop = document.getElementById('addMemberModalBackdrop')
-        this.addMemberSearch = document.getElementById('addMemberSearch')
-        this.addMemberList = document.getElementById('addMemberList')
-        this.addMemberEmpty = document.getElementById('addMemberEmpty')
-        this.btnAddMemberConfirm = document.getElementById('btnAddMemberConfirm')
-        this.addMemberSelected = new Set()
-        this.teamPanel = root.querySelector('#teamsPanel')
-        this.agentPanel = root.querySelector('#agentPanel')
-        this.teamPanelTitle = root.querySelector('#teamPanelTitle')
-        this.agentPanelTitle = root.querySelector('#agentPanelTitle')
-        this.btnTeamPanelClose = root.querySelector('#btnTeamPanelClose')
-        this.btnAgentPanelClose = root.querySelector('#btnAgentPanelClose')
-        this.teamForm = root.querySelector('#teamForm')
-        this.agentForm = root.querySelector('#agentForm')
-        this.teamIdInput = root.querySelector('#teamIdInput')
-        this.teamDisplayName = root.querySelector('#teamDisplayName')
-        this.teamDescription = root.querySelector('#teamDescription')
-        this.agentIdInput = root.querySelector('#agentIdInput')
-        this.agentWhenInput = root.querySelector('#agentWhenInput')
-        this.agentPromptInput = root.querySelector('#agentPromptInput')
-        this.btnSaveAgent = root.querySelector('#btnSaveAgent')
-        this.btnAgentWorkbench = root.querySelector('#btnAgentWorkbench')
-        this.toastEl = root.querySelector('#teamsToast')
-        this.teamsSidebarPanel = root.querySelector('#teamsSidebarPanel')
-        this.btnToggleTeamsSidebar = root.querySelector('#btnToggleTeamsSidebar')
-        var self = this
-        if (this.btnToggleTeamsSidebar) {
-          this.btnToggleTeamsSidebar.addEventListener('click', function () {
-            self.toggleTeamsSidebar()
-          })
-        }
-        var btnNewTeam = root.querySelector('#btnNewTeam')
-        if (btnNewTeam) {
-          btnNewTeam.addEventListener('click', function () { self.showCreateTeamForm() })
-        }
-        if (this.btnTeamSettings) {
-          this.btnTeamSettings.addEventListener('click', function () { self.showEditTeamForm() })
-        }
-        if (this.btnOpenAddMemberModal) {
-          this.btnOpenAddMemberModal.addEventListener('click', function () {
-            self.openAddMemberModal()
-          })
-        }
-        if (this.addMemberModalBackdrop) {
-          this.addMemberModalBackdrop.addEventListener('click', function () { self.closeAddMemberModal() })
-        }
-        document.getElementById('btnAddMemberModalClose').addEventListener('click', function () {
-          self.closeAddMemberModal()
-        })
-        document.getElementById('btnAddMemberCancel').addEventListener('click', function () {
-          self.closeAddMemberModal()
-        })
-        if (this.addMemberSearch) {
-          this.addMemberSearch.addEventListener('input', function () { self.renderAddMemberList() })
-        }
-        if (this.btnAddMemberConfirm) {
-          this.btnAddMemberConfirm.addEventListener('click', function () {
-            void self.handleAddSelectedMembers()
-          })
-        }
-        if (this.btnTeamPanelClose) {
-          this.btnTeamPanelClose.addEventListener('click', function () { self.closeTeamPanel() })
-        }
-        if (this.btnAgentPanelClose) {
-          this.btnAgentPanelClose.addEventListener('click', function () { self.closeAgentPanel() })
-        }
-        root.querySelector('#btnSaveTeam').addEventListener('click', function () { void self.submitTeamForm() })
-        root.querySelector('#btnDeleteTeam').addEventListener('click', function () { void self.handleDeleteTeam() })
-        root.querySelector('#btnSaveAgent').addEventListener('click', function () { void self.submitAgentForm() })
-        if (this.btnAgentWorkbench) {
-          this.btnAgentWorkbench.addEventListener('click', function () {
-            var id = self.editingAgentId || (self.agentIdInput ? self.agentIdInput.value.trim() : '')
-            if (id) window.location.href = '/ws-test.html?agent=' + encodeURIComponent(id)
-          })
-        }
-      }
-      /** 切换左侧团队列表侧栏 */
-      TeamsUI.prototype.toggleTeamsSidebar = function (forceOpen) {
-        var panel = this.teamsSidebarPanel
-        var btn = this.btnToggleTeamsSidebar
-        if (!panel) return
-        var open = forceOpen === true ? true : forceOpen === false ? false : panel.hasAttribute('hidden')
-        if (open) {
-          panel.removeAttribute('hidden')
-          this.root.classList.add('is-team-sidebar-open')
-        } else {
-          panel.setAttribute('hidden', '')
-          this.root.classList.remove('is-team-sidebar-open')
-        }
-        if (btn) {
-          btn.setAttribute('aria-expanded', open ? 'true' : 'false')
-          btn.title = open ? '隐藏团队列表' : '显示团队列表'
-          btn.setAttribute('aria-label', btn.title)
-        }
-      }
-      /** 按抽屉模式更新 Agent 表单底部按钮文案与可见性 */
-      TeamsUI.prototype.updateAgentFormFooter = function (mode) {
-        if (this.btnSaveAgent) {
-          this.btnSaveAgent.textContent = mode === 'create' ? '创建' : '保存'
-        }
-        if (this.btnAgentWorkbench) {
-          this.btnAgentWorkbench.hidden = mode !== 'edit'
-        }
-      }
-      TeamsUI.prototype.showToast = function (msg, isError) {
-        if (!this.toastEl) return
-        this.toastEl.textContent = msg
-        this.toastEl.classList.toggle('is-error', !!isError)
-        this.toastEl.classList.add('is-visible')
-        var self = this
-        clearTimeout(this._toastTimer)
-        this._toastTimer = setTimeout(function () { self.toastEl.classList.remove('is-visible') }, 3200)
-      }
-      /** 关闭团队编辑抽屉 */
-      TeamsUI.prototype.closeTeamPanel = function () {
-        if (this.teamPanel) this.teamPanel.classList.remove('is-open')
-        if (this.panelMode === 'team-create' || this.panelMode === 'team-edit') {
-          this.panelMode = 'idle'
-        }
-        this.editingTeamId = null
-      }
-      /** 关闭 Agent 详情抽屉 */
-      TeamsUI.prototype.closeAgentPanel = function () {
-        if (this.agentPanel) this.agentPanel.classList.remove('is-open')
-        if (this.panelMode === 'agent-create' || this.panelMode === 'agent-edit') {
-          this.panelMode = 'idle'
-        }
-        this.editingAgentId = null
-        this.agentBaseConfig = null
-        this.syncUrlParams()
-      }
-      /** 关闭全部抽屉 */
-      TeamsUI.prototype.closePanel = function () {
-        this.closeTeamPanel()
-        this.closeAgentPanel()
-        this.panelMode = 'idle'
-        this.syncUrlParams()
-      }
-      /** 打开团队编辑抽屉（互斥关闭 Agent 抽屉） */
-      TeamsUI.prototype.openTeamPanel = function () {
-        this.closeAgentPanel()
-        if (this.teamPanel) this.teamPanel.classList.add('is-open')
-      }
-      /** 打开 Agent 详情抽屉（互斥关闭团队抽屉） */
-      TeamsUI.prototype.openAgentPanel = function () {
-        this.closeTeamPanel()
-        if (this.agentPanel) this.agentPanel.classList.add('is-open')
-      }
-      /** 打开抽屉查看并编辑 Agent 详情 */
-      TeamsUI.prototype.viewAgent = function (agentId) {
-        void this.openAgentViewDrawer(agentId)
-      }
-      TeamsUI.prototype.openAgentViewDrawer = async function (agentId) {
-        var id = String(agentId || '').trim()
-        if (!id) return
-        this.panelMode = 'agent-edit'
-        this.editingAgentId = id
-        this.openAgentPanel()
-        if (this.agentPanelTitle) this.agentPanelTitle.textContent = id
-        if (this.agentIdInput) {
-          this.agentIdInput.value = id
-          this.agentIdInput.readOnly = true
-        }
-        if (this.agentWhenInput) this.agentWhenInput.value = ''
-        if (this.agentPromptInput) this.agentPromptInput.value = ''
-        this.updateAgentFormFooter('edit')
-        this.syncUrlParams()
-        try {
-          var agent = await fetchAgentDetail(id)
-          this.agentBaseConfig =
-            agent.config && typeof agent.config === 'object' ? agent.config : null
-          var whentouse =
-            agent.config && typeof agent.config.whentouse === 'string'
-              ? agent.config.whentouse
-              : typeof agent.whentouse === 'string'
-                ? agent.whentouse
-                : ''
-          if (this.agentWhenInput) this.agentWhenInput.value = whentouse
-          if (this.agentPromptInput) {
-            this.agentPromptInput.value =
-              typeof agent.prompt === 'string' ? agent.prompt : ''
-          }
-          if (this.agentPanelTitle) this.agentPanelTitle.textContent = agentListTitle(agent)
-        } catch (e) {
-          this.showToast('加载 Agent 失败: ' + String(e), true)
-        }
-      }
-      TeamsUI.prototype.renderAgentList = function () {
-        var teamId = this.controller.selectedTeamId
-        var canRemove = !!teamId && teamId !== UNGROUPED_ID
-        this.agentList.render(this.currentAgents, { canRemoveFromTeam: canRemove })
-        this.syncTeamChat()
-      }
-      /** 按当前团队连接群聊 WS（/ws/team?teamId=） */
-      TeamsUI.prototype.syncTeamChat = function () {
-        if (!this.teamChat) return
-        var teamId = this.controller.selectedTeamId
-        var isUngrouped = teamId === UNGROUPED_ID
-        if (this.memberCountEl) {
-          this.memberCountEl.textContent =
-            teamId && !isUngrouped ? String(this.currentAgents.length) : '—'
-        }
-        if (!teamId || isUngrouped) {
-          this.teamChat.disconnect()
-          this.teamChat.setIdleHint('')
-          return
-        }
-        if (!this.currentAgents.length) {
-          this.teamChat.disconnect()
-          this.teamChat.setIdleHint('添加队员后可开始群聊')
-          return
-        }
-        this.teamChat.setIdleHint('')
-        this.teamChat.setMembers(this.currentAgents)
-        this.teamChat.connect(teamId)
-      }
-      TeamsUI.prototype.computeUngroupedAgents = function () {
-        var inTeam = new Set()
-        for (var i = 0; i < this.teams.length; i++) {
-          var members = this.teams[i].members || []
-          for (var j = 0; j < members.length; j++) {
-            var mid = String(members[j].agentId || members[j].agentType || '').trim()
-            if (mid) inTeam.add(mid)
-          }
-          var ids = this.teams[i].memberIds
-          if (Array.isArray(ids)) {
-            for (var k = 0; k < ids.length; k++) inTeam.add(String(ids[k]))
-          }
-        }
-        return this.allAgents.filter(function (a) { return !inTeam.has(String(a.id)) })
-      }
-      TeamsUI.prototype.getSelectedTeam = function () {
-        var id = this.controller.selectedTeamId
-        if (!id || id === UNGROUPED_ID) return null
-        for (var i = 0; i < this.teams.length; i++) {
-          if (this.teams[i].id === id) return this.teams[i]
-        }
-        return null
-      }
-      TeamsUI.prototype.refreshAll = async function () {
-        try {
-          this.teams = await fetchTeamsList()
-        } catch (e) {
-          this.teams = []
-          this.showToast('加载团队失败: ' + friendlyFetchError(e), true)
-        }
-        try {
-          this.allAgents = await fetchAgentsList()
-        } catch (e) {
-          this.allAgents = []
-          this.showToast('加载 Agent 失败: ' + friendlyFetchError(e), true)
-        }
-        await this.refreshCurrentAgents()
-        var ungrouped = this.computeUngroupedAgents()
-        if (this.sidebar) {
-          this.sidebar.render(this.teams, ungrouped.length, this.controller.selectedTeamId)
-        }
-        if (this.subtitle) {
-          this.subtitle.textContent = this.teams.length + ' 个团队 · ' + this.allAgents.length + ' 个 Agent'
-        }
-        this.updateContentHead()
-        this.refreshAddAgentPick()
-      }
-      /** 从已加载的 allAgents + 团队 membership 推导成员，切换团队不再额外请求 API */
-      TeamsUI.prototype.agentsForTeam = function (team) {
-        if (!team) return []
-        var memberIds = []
-        var seen = new Set()
-        if (Array.isArray(team.memberIds)) {
-          for (var i = 0; i < team.memberIds.length; i++) {
-            var id = String(team.memberIds[i] || '').trim()
-            if (!id || seen.has(id)) continue
-            seen.add(id)
-            memberIds.push(id)
-          }
-        }
-        if (Array.isArray(team.members)) {
-          for (var j = 0; j < team.members.length; j++) {
-            var mid = String(team.members[j].agentId || team.members[j].agentType || '').trim()
-            if (!mid || seen.has(mid)) continue
-            seen.add(mid)
-            memberIds.push(mid)
-          }
-        }
-        var byId = new Map()
-        for (var k = 0; k < this.allAgents.length; k++) {
-          byId.set(String(this.allAgents[k].id), this.allAgents[k])
-        }
-        var out = []
-        for (var m = 0; m < memberIds.length; m++) {
-          var row = byId.get(memberIds[m])
-          if (row) out.push(row)
-        }
-        return out
-      }
-      TeamsUI.prototype.refreshCurrentAgents = async function () {
-        var teamId = this.controller.selectedTeamId
-        if (!teamId) {
-          this.currentAgents = []
-          this.renderAgentList()
-          return
-        }
-        if (teamId === UNGROUPED_ID) {
-          this.currentAgents = this.computeUngroupedAgents()
-        } else {
-          this.currentAgents = this.agentsForTeam(this.getSelectedTeam())
-        }
-        this.renderAgentList()
-      }
-      TeamsUI.prototype.updateContentHead = function () {
-        var teamId = this.controller.selectedTeamId
-        var isUngrouped = teamId === UNGROUPED_ID
-        var team = this.getSelectedTeam()
-        if (!teamId) {
-          if (this.contentTitle) this.contentTitle.textContent = '选择团队'
-          if (this.contentDesc) this.contentDesc.hidden = true
-          if (this.btnTeamSettings) this.btnTeamSettings.hidden = true
-          if (this.btnOpenAddMemberModal) this.btnOpenAddMemberModal.hidden = true
-          return
-        }
-        if (isUngrouped) {
-          if (this.contentTitle) this.contentTitle.textContent = '未分组'
-          if (this.contentDesc) {
-            this.contentDesc.textContent = '尚未加入任何团队的 Agent'
-            this.contentDesc.hidden = false
-          }
-          if (this.btnTeamSettings) this.btnTeamSettings.hidden = true
-          if (this.btnOpenAddMemberModal) this.btnOpenAddMemberModal.hidden = true
-          return
-        }
-        if (this.contentTitle) this.contentTitle.textContent = teamDisplayName(team)
-        if (this.contentDesc) {
-          var desc = team && typeof team.description === 'string' ? team.description.trim() : ''
-          if (desc) {
-            this.contentDesc.textContent = desc
-            this.contentDesc.hidden = false
-          } else {
-            this.contentDesc.hidden = true
-          }
-        }
-        if (this.btnTeamSettings) this.btnTeamSettings.hidden = false
-        if (this.btnOpenAddMemberModal) this.btnOpenAddMemberModal.hidden = false
-      }
-      /** 当前团队尚未加入、可作为队员的 Agent 列表 */
-      TeamsUI.prototype.getAddMemberCandidates = function () {
-        var teamId = this.controller.selectedTeamId
-        if (!teamId || teamId === UNGROUPED_ID) return []
-        var team = this.getSelectedTeam()
-        var memberSet = new Set()
-        if (team && Array.isArray(team.members)) {
-          for (var i = 0; i < team.members.length; i++) {
-            memberSet.add(String(team.members[i].agentId || ''))
-          }
-        }
-        var out = []
-        for (var j = 0; j < this.allAgents.length; j++) {
-          var a = this.allAgents[j]
-          var id = String(a.id || '').trim()
-          if (!id || memberSet.has(id)) continue
-          out.push(a)
-        }
-        return out
-      }
-      TeamsUI.prototype.updateAddMemberConfirmBtn = function () {
-        if (!this.btnAddMemberConfirm) return
-        var n = this.addMemberSelected.size
-        this.btnAddMemberConfirm.disabled = n === 0
-        this.btnAddMemberConfirm.textContent = n > 0 ? '添加选中（' + n + '）' : '添加选中'
-      }
-      /** 渲染弹窗内可选队员列表，支持搜索与多选 */
-      TeamsUI.prototype.renderAddMemberList = function () {
-        if (!this.addMemberList) return
-        var q = this.addMemberSearch ? this.addMemberSearch.value.trim().toLowerCase() : ''
-        var candidates = this.getAddMemberCandidates()
-        var filtered = candidates.filter(function (a) {
-          if (!q) return true
-          var id = String(a.id || '').trim().toLowerCase()
-          var title = agentListTitle(a).toLowerCase()
-          var when = String(a.whentouse || '').toLowerCase()
-          return id.indexOf(q) >= 0 || title.indexOf(q) >= 0 || when.indexOf(q) >= 0
-        })
-        this.addMemberList.innerHTML = ''
-        if (this.addMemberEmpty) {
-          this.addMemberEmpty.hidden = filtered.length > 0
-          this.addMemberEmpty.textContent = candidates.length
-            ? '没有匹配的 Agent'
-            : '暂无可添加的 Agent'
-        }
-        var self = this
-        for (var i = 0; i < filtered.length; i++) {
-          var row = filtered[i]
-          var id = String(row.id || '').trim()
-          if (!id) continue
-          var btn = document.createElement('button')
-          btn.type = 'button'
-          btn.className =
-            'teams-add-member-item' + (self.addMemberSelected.has(id) ? ' is-selected' : '')
-          btn.setAttribute('role', 'option')
-          btn.setAttribute('aria-selected', self.addMemberSelected.has(id) ? 'true' : 'false')
-          var cb = document.createElement('input')
-          cb.type = 'checkbox'
-          cb.checked = self.addMemberSelected.has(id)
-          cb.tabIndex = -1
-          cb.setAttribute('aria-label', '选择 ' + id)
-          var main = document.createElement('span')
-          main.className = 'teams-add-member-item-main'
-          var name = document.createElement('span')
-          name.className = 'teams-add-member-item-name'
-          name.textContent = agentListTitle(row)
-          main.appendChild(name)
-          var sub = agentListSubId(row)
-          var descText = truncateDesc(row.whentouse, 80)
-          if (sub || descText) {
-            var desc = document.createElement('span')
-            desc.className = 'teams-add-member-item-desc'
-            desc.textContent = sub ? sub + ' · ' + descText : descText
-            main.appendChild(desc)
-          }
-          btn.appendChild(cb)
-          btn.appendChild(main)
-          btn.addEventListener('click', function (agentId, checkbox, itemBtn) {
-            return function (e) {
-              if (e.target === checkbox) return
-              checkbox.checked = !checkbox.checked
-              if (checkbox.checked) self.addMemberSelected.add(agentId)
-              else self.addMemberSelected.delete(agentId)
-              itemBtn.classList.toggle('is-selected', checkbox.checked)
-              itemBtn.setAttribute('aria-selected', checkbox.checked ? 'true' : 'false')
-              self.updateAddMemberConfirmBtn()
-            }
-          }(id, cb, btn))
-          cb.addEventListener('click', function (agentId, checkbox, itemBtn) {
-            return function (e) {
-              e.stopPropagation()
-              if (checkbox.checked) self.addMemberSelected.add(agentId)
-              else self.addMemberSelected.delete(agentId)
-              itemBtn.classList.toggle('is-selected', checkbox.checked)
-              itemBtn.setAttribute('aria-selected', checkbox.checked ? 'true' : 'false')
-              self.updateAddMemberConfirmBtn()
-            }
-          }(id, cb, btn))
-          this.addMemberList.appendChild(btn)
-        }
-        this.updateAddMemberConfirmBtn()
-      }
-      TeamsUI.prototype.openAddMemberModal = function () {
-        var teamId = this.controller.selectedTeamId
-        if (!teamId || teamId === UNGROUPED_ID) return
-        this.addMemberSelected.clear()
-        if (this.addMemberSearch) this.addMemberSearch.value = ''
-        var titleEl = document.getElementById('addMemberModalTitle')
-        if (titleEl) {
-          var team = this.getSelectedTeam()
-          titleEl.textContent = '添加队员 · ' + (team ? teamDisplayName(team) : teamId)
-        }
-        this.renderAddMemberList()
-        if (this.addMemberModal) {
-          this.addMemberModal.classList.add('is-open')
-          this.addMemberModal.setAttribute('aria-hidden', 'false')
-        }
-        if (this.addMemberSearch) this.addMemberSearch.focus()
-      }
-      TeamsUI.prototype.closeAddMemberModal = function () {
-        if (this.addMemberModal) {
-          this.addMemberModal.classList.remove('is-open')
-          this.addMemberModal.setAttribute('aria-hidden', 'true')
-        }
-        this.addMemberSelected.clear()
-        this.updateAddMemberConfirmBtn()
-      }
-      TeamsUI.prototype.handleAddSelectedMembers = async function () {
-        var teamId = this.controller.selectedTeamId
-        if (!teamId || teamId === UNGROUPED_ID) return
-        var ids = Array.from(this.addMemberSelected)
-        if (!ids.length) {
-          this.showToast('请先选择 Agent', true)
-          return
-        }
-        try {
-          for (var i = 0; i < ids.length; i++) {
-            await addTeamMember(teamId, ids[i])
-          }
-          this.closeAddMemberModal()
-          await this.refreshAll()
-          this.showToast(ids.length === 1 ? '已添加队员' : '已添加 ' + ids.length + ' 名队员')
-        } catch (e) {
-          this.showToast('添加失败: ' + String(e), true)
-        }
-      }
-      TeamsUI.prototype.refreshAddAgentPick = function () {
-        /* 队员选择已改为弹窗，保留空实现避免旧调用报错 */
-      }
-      TeamsUI.prototype.onTeamSelected = async function (teamId) {
-        try {
-          this.closePanel()
-          this.controller.selectTeam(teamId)
-          this.syncUrlParams()
-          await this.refreshCurrentAgents()
-          if (this.sidebar) {
-            this.sidebar.render(this.teams, this.computeUngroupedAgents().length, teamId)
-          }
-          this.syncTeamChat()
-          this.updateContentHead()
-          this.refreshAddAgentPick()
-        } catch (e) {
-          this.showToast('切换团队失败: ' + friendlyFetchError(e), true)
-        }
-      }
-      TeamsUI.prototype.showCreateTeamForm = function () {
-        this.panelMode = 'team-create'
-        this.editingTeamId = null
-        this.openTeamPanel()
-        if (this.teamPanelTitle) this.teamPanelTitle.textContent = '新建团队'
-        if (this.teamIdInput) { this.teamIdInput.value = ''; this.teamIdInput.readOnly = false }
-        if (this.teamDisplayName) this.teamDisplayName.value = ''
-        if (this.teamDescription) this.teamDescription.value = ''
-        var btnDel = this.root.querySelector('#btnDeleteTeam')
-        if (btnDel) btnDel.hidden = true
-      }
-      TeamsUI.prototype.showEditTeamForm = function () {
-        var team = this.getSelectedTeam()
-        if (!team) return
-        this.panelMode = 'team-edit'
-        this.editingTeamId = team.id
-        this.openTeamPanel()
-        if (this.teamPanelTitle) this.teamPanelTitle.textContent = teamDisplayName(team)
-        if (this.teamIdInput) { this.teamIdInput.value = team.id; this.teamIdInput.readOnly = true }
-        if (this.teamDisplayName) this.teamDisplayName.value = team.displayName || ''
-        if (this.teamDescription) this.teamDescription.value = team.description || ''
-        var btnDel = this.root.querySelector('#btnDeleteTeam')
-        if (btnDel) btnDel.hidden = false
-      }
-      TeamsUI.prototype.showCreateAgentForm = function () {
-        var teamId = this.controller.selectedTeamId
-        if (!teamId || teamId === UNGROUPED_ID) return
-        this.panelMode = 'agent-create'
-        this.editingAgentId = null
-        this.agentBaseConfig = null
-        this.openAgentPanel()
-        if (this.agentPanelTitle) this.agentPanelTitle.textContent = '新建 Agent'
-        if (this.agentIdInput) {
-          this.agentIdInput.value = ''
-          this.agentIdInput.readOnly = false
-        }
-        if (this.agentWhenInput) this.agentWhenInput.value = ''
-        if (this.agentPromptInput) this.agentPromptInput.value = ''
-        this.updateAgentFormFooter('create')
-        this.syncUrlParams()
-      }
-      TeamsUI.prototype.submitTeamForm = async function () {
-        var isEdit = this.panelMode === 'team-edit'
-        var id = isEdit ? this.editingTeamId : (this.teamIdInput ? this.teamIdInput.value.trim() : '')
-        if (!isEdit && !isValidId(id)) {
-          this.showToast('团队 ID 仅支持字母、数字、下划线和中划线，长度 1~64', true)
-          return
-        }
-        var displayName = this.teamDisplayName ? this.teamDisplayName.value : ''
-        var description = this.teamDescription ? this.teamDescription.value : ''
-        try {
-          if (isEdit) {
-            await patchTeam(id, { displayName: displayName, description: description })
-          } else {
-            await createTeam({ id: id, displayName: displayName, description: description })
-            this.controller.selectTeam(id)
-          }
-          await this.refreshAll()
-          this.showEditTeamForm()
-          this.syncUrlParams()
-          this.showToast(isEdit ? '已保存团队' : '已创建团队')
-        } catch (e) {
-          this.showToast((isEdit ? '保存失败: ' : '创建失败: ') + String(e), true)
-        }
-      }
-      TeamsUI.prototype.handleDeleteTeam = async function () {
-        var id = this.editingTeamId
-        if (!id) return
-        if (!window.confirm('确定删除团队「' + id + '」？团队内 Agent 将保留。')) return
-        try {
-          await deleteTeam(id)
-          this.closeTeamPanel()
-          this.panelMode = 'idle'
-          this.controller.selectTeam(UNGROUPED_ID)
-          await this.refreshAll()
-          this.syncUrlParams()
-          this.showToast('已删除团队')
-        } catch (e) {
-          this.showToast('删除失败: ' + String(e), true)
-        }
-      }
-      TeamsUI.prototype.submitAgentForm = async function () {
-        var isCreate = this.panelMode === 'agent-create'
-        var isEdit = this.panelMode === 'agent-edit' && !!this.editingAgentId
-        if (!isCreate && !isEdit) return
-        var id = isEdit
-          ? this.editingAgentId
-          : this.agentIdInput
-            ? this.agentIdInput.value.trim()
-            : ''
-        if (!isEdit && !isValidId(id)) {
-          this.showToast('Agent ID 仅支持字母、数字、下划线和中划线，长度 1~64', true)
-          return
-        }
-        var whentouse = this.agentWhenInput ? this.agentWhenInput.value : ''
-        var prompt = this.agentPromptInput ? this.agentPromptInput.value : ''
-        var teamId = this.controller.selectedTeamId
-        var teamIds = isCreate && teamId && teamId !== UNGROUPED_ID ? [teamId] : undefined
-        try {
-          await saveAgent({
-            id: id,
-            whentouse: whentouse,
-            prompt: prompt,
-            isEdit: isEdit,
-            baseConfig: this.agentBaseConfig,
-            teamIds: teamIds,
-          })
-          await this.refreshAll()
-          if (isEdit) {
-            await this.openAgentViewDrawer(id)
-            this.showToast('已保存')
-          } else {
-            this.closeAgentPanel()
-            this.panelMode = 'idle'
-            this.showToast('已创建')
-          }
-        } catch (e) {
-          this.showToast((isEdit ? '保存失败: ' : '创建失败: ') + String(e), true)
-        }
-      }
-      TeamsUI.prototype.handleRemoveFromTeam = async function (agentId) {
-        var teamId = this.controller.selectedTeamId
-        if (!agentId || !teamId || teamId === UNGROUPED_ID) return
-        if (!window.confirm('确定将「' + agentId + '」移出团队？')) return
-        try {
-          await removeTeamMember(teamId, agentId)
-          await this.refreshAll()
-          this.syncUrlParams()
-          this.showToast('已移出团队')
-        } catch (e) {
-          this.showToast('移出失败: ' + String(e), true)
-        }
-      }
-      TeamsUI.prototype.syncUrlParams = function () {
-        try {
-          var u = new URL(window.location.href)
-          var teamId = this.controller.selectedTeamId
-          if (teamId) u.searchParams.set('team', teamId)
-          else u.searchParams.delete('team')
-          u.searchParams.delete('session')
-          if (this.panelMode === 'agent-edit' && this.editingAgentId) {
-            u.searchParams.set('agent', this.editingAgentId)
-          } else {
-            u.searchParams.delete('agent')
-          }
-          var qs = u.searchParams.toString()
-          window.history.replaceState(null, '', u.pathname + (qs ? '?' + qs : ''))
-        } catch (e) { /* ignore */ }
-      }
-      TeamsUI.prototype.handleUrlParams = async function () {
-        var teamParam = ''
-        var agentParam = ''
-        try {
-          teamParam = new URLSearchParams(window.location.search).get('team') || ''
-          agentParam = new URLSearchParams(window.location.search).get('agent') || ''
-        } catch (e) { return }
-        var teamId = String(teamParam).trim()
-        if (teamId) {
-          if (teamId === UNGROUPED_ID) {
-            this.controller.selectTeam(UNGROUPED_ID)
-          } else if (this.teams.some(function (t) { return t.id === teamId })) {
-            this.controller.selectTeam(teamId)
-          } else {
-            this.showToast('团队不存在', true)
-          }
-        } else if (this.teams.length) {
-          this.controller.selectTeam(this.teams[0].id)
-        } else {
-          this.controller.selectTeam(UNGROUPED_ID)
-        }
-        await this.refreshCurrentAgents()
-        if (this.sidebar) {
-          this.sidebar.render(this.teams, this.computeUngroupedAgents().length, this.controller.selectedTeamId)
-        }
-        this.syncTeamChat()
-        this.updateContentHead()
-        this.refreshAddAgentPick()
-        var agentId = String(agentParam).trim()
-        if (agentId) {
-          var inCurrent = this.currentAgents.some(function (a) {
-            return String(a.id) === agentId
-          })
-          var inAll = this.allAgents.some(function (a) {
-            return String(a.id) === agentId
-          })
-          if (inCurrent || inAll) {
-            await this.openAgentViewDrawer(agentId)
-          } else {
-            this.showToast('Agent 不存在', true)
-          }
-        }
-      }
-      async function main() {
-        var app = document.getElementById('teamsApp')
-        var sidebarRoot = document.getElementById('teamSidebar')
-        var listRoot = document.getElementById('agentListRoot')
-        if (!app || !sidebarRoot || !listRoot) return
-        var controller = new TeamsController()
-        var ui = new TeamsUI(app, controller, null, null)
-        var sidebar = new TeamSidebar(sidebarRoot, function (id) { void ui.onTeamSelected(id) })
-        var agentList = new TeamAgentList(listRoot, {
-          onView: function (id) { ui.viewAgent(id) },
-          onRemove: function (id) { void ui.handleRemoveFromTeam(id) },
-        })
-        ui.sidebar = sidebar
-        ui.agentList = agentList
-        if (typeof TeamChat !== 'undefined') {
-          ui.teamChat = new TeamChat({
-            threadEl: document.getElementById('teamChatThread'),
-            promptEl: document.getElementById('teamChatPrompt'),
-            statusEl: document.getElementById('teamChatStatus'),
-            sendBtn: document.getElementById('btnTeamChatSend'),
-            abortBtn: document.getElementById('btnTeamChatAbort'),
-            clearBtn: document.getElementById('btnTeamChatClear'),
-            httpOrigin: httpOriginForApi(),
-          })
-        }
-        try {
-          await ui.refreshAll()
-          await ui.handleUrlParams()
-        } catch (e) {
-          ui.showToast('加载失败: ' + String(e), true)
-          if (ui.subtitle) ui.subtitle.textContent = '加载失败'
-        }
-      }
-      main().catch(function (e) { console.error(e) })
-    })()
-  </script>
-</body>
-</html>