@auto-ai/agent 2.1.91 → 2.1.92

package/dist/ws-test.html

@@ -72,6 +72,10 @@
       justify-content: center;
       min-width: 0;
     }
+    .agent-switch-wrap {
+      position: relative;
+      display: inline-flex;
+    }
     .sidebar-avatar {
       width: 40px;
       height: 40px;
@@ -87,7 +91,140 @@
       line-height: 1;
       box-shadow: var(--ds-shadow);
       user-select: none;
-      cursor: default;
+      cursor: pointer;
+      padding: 0;
+      font-family: inherit;
+      transition: border-color 0.15s ease, box-shadow 0.15s ease;
+    }
+    .sidebar-avatar:hover,
+    .agent-switch-wrap.open .sidebar-avatar {
+      border-color: var(--ds-accent);
+      box-shadow: 0 0 0 3px rgba(10, 132, 255, 0.14);
+    }
+    /* 浮层挂 body，fixed 定位，避免侧栏 overflow:hidden 裁剪 */
+    .agent-switch-dropdown {
+      display: none;
+      position: fixed;
+      z-index: 10050;
+      min-width: 168px;
+      width: max-content;
+      max-width: min(260px, calc(100vw - 24px));
+      max-height: min(360px, calc(100vh - 24px));
+      overflow: hidden;
+      background: var(--ds-bg);
+      border: 1px solid rgba(0, 0, 0, 0.08);
+      border-radius: 14px;
+      box-shadow:
+        0 4px 6px rgba(15, 23, 42, 0.05),
+        0 16px 40px rgba(15, 23, 42, 0.14);
+      flex-direction: column;
+    }
+    .agent-switch-dropdown.is-open {
+      display: flex;
+    }
+    .agent-switch-dropdown-head {
+      flex-shrink: 0;
+      padding: 10px 12px 8px;
+      font-size: 12px;
+      font-weight: 600;
+      color: var(--ds-muted);
+      letter-spacing: 0.02em;
+      border-bottom: 1px solid var(--ds-border);
+      background: #fafafa;
+      border-radius: 14px 14px 0 0;
+    }
+    .agent-switch-dropdown-list {
+      overflow-y: auto;
+      padding: 6px;
+      min-height: 0;
+    }
+    .agent-switch-item {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 10px;
+      width: 100%;
+      text-align: left;
+      padding: 8px 10px;
+      border: none;
+      border-radius: 10px;
+      background: transparent;
+      color: var(--ds-text);
+      font-size: 13px;
+      cursor: pointer;
+    }
+    .agent-switch-item:hover {
+      background: var(--ds-item-hover);
+    }
+    .agent-switch-item.is-current {
+      background: var(--ds-item-active);
+      color: var(--ds-accent);
+    }
+    .agent-switch-item-main {
+      min-width: 0;
+      display: flex;
+      flex-direction: column;
+      gap: 1px;
+    }
+    .agent-switch-item-name {
+      font-weight: 600;
+      line-height: 1.25;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .agent-switch-item-id {
+      font-size: 11px;
+      color: var(--ds-muted);
+      line-height: 1.2;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .agent-switch-item.is-current .agent-switch-item-id {
+      color: var(--ds-accent);
+      opacity: 0.85;
+    }
+    .agent-switch-item-check {
+      flex-shrink: 0;
+      width: 16px;
+      height: 16px;
+      color: var(--ds-accent);
+      opacity: 0;
+    }
+    .agent-switch-item.is-current .agent-switch-item-check {
+      opacity: 1;
+    }
+    .agent-switch-loading,
+    .agent-switch-empty {
+      padding: 14px 12px;
+      font-size: 13px;
+      color: var(--ds-muted);
+    }
+    .agent-switch-dropdown-foot {
+      flex-shrink: 0;
+      border-top: 1px solid var(--ds-border);
+      padding: 6px;
+      background: #fafafa;
+      border-radius: 0 0 14px 14px;
+    }
+    .agent-switch-manage-btn {
+      display: flex;
+      width: 100%;
+      align-items: center;
+      justify-content: center;
+      gap: 6px;
+      border: none;
+      border-radius: 10px;
+      background: transparent;
+      color: var(--ds-accent);
+      font-size: 13px;
+      font-weight: 600;
+      padding: 8px 10px;
+      cursor: pointer;
+    }
+    .agent-switch-manage-btn:hover {
+      background: var(--ds-item-hover);
     }
     .sidebar-brand-ws {
       margin-top: 0.45rem;
@@ -2348,16 +2485,34 @@
     <aside class="sidebar">
       <div class="sidebar-brand">
         <div class="sidebar-brand-title-row">
-          <div
-            class="sidebar-avatar"
-            id="brandAgentName"
-            title="agent: qihoo"
-            aria-label="agent: qihoo"
-          >Q</div>
+          <div class="agent-switch-wrap" id="agentSwitchWrap">
+            <button
+              type="button"
+              class="sidebar-avatar"
+              id="brandAgentName"
+              title="agent: qihoo"
+              aria-label="agent: qihoo"
+              aria-haspopup="listbox"
+              aria-expanded="false"
+            >Q</button>
+          </div>
         </div>
       </div>
 
       <div class="sidebar-drawers sidebar-icon-rail" aria-label="左侧管理导航">
+        <button
+          type="button"
+          class="sidebar-nav-item"
+          id="btnManageAgents"
+          title="返回办公室"
+          aria-label="返回办公室"
+        >
+          <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+            <rect x="4" y="4" width="16" height="16" rx="4"/>
+            <circle cx="12" cy="10" r="2.6"/>
+            <path d="M7.5 17.5c.8-2.2 2.4-3.5 4.5-3.5s3.7 1.3 4.5 3.5"/>
+          </svg>
+        </button>
         <button
           type="button"
           class="sidebar-nav-item"
@@ -2963,11 +3118,33 @@
     </div>
   </div>
 
+  </div>
+
   <div id="sidebarHoverTip" class="sidebar-hover-tip" role="tooltip" hidden></div>
+  <div
+    class="agent-switch-dropdown"
+    id="agentSwitchDropdown"
+    role="listbox"
+    aria-label="切换 agent"
+    hidden
+  ></div>
 
   <script src="https://cdn.jsdelivr.net/npm/marked@12.0.2/marked.min.js"></script>
   <script>
     (function () {
+      /** ws-test 必须有合法 ?agent= 参数，否则回到办公室首页 */
+      ;(function wsTestRequireAgentParam() {
+        try {
+          const ag = new URLSearchParams(window.location.search).get('agent')
+          const id = ag ? String(ag).trim() : ''
+          if (!id || !/^[a-zA-Z0-9_-]{1,64}$/.test(id)) {
+            location.replace('/')
+          }
+        } catch {
+          location.replace('/')
+        }
+      })()
+
       const $ = (id) => document.getElementById(id)
       const logEl = $('log')
       const chatThreadEl = $('chatThread')
@@ -3071,6 +3248,8 @@
       const scheduleCronRow = $('scheduleCronRow')
       const btnScheduleCreateCancel = $('btnScheduleCreateCancel')
       const btnScheduleCreateSubmit = $('btnScheduleCreateSubmit')
+      const btnManageAgents = $('btnManageAgents')
+      const DEFAULT_AGENT_ID = 'qihoo'
       const mcpPackageMeta = $('mcpPackageMeta')
       const mcpPackageList = $('mcpPackageList')
       const btnMcpPackageModalClose = $('btnMcpPackageModalClose')
@@ -3085,6 +3264,9 @@
       const mainTitleEl = $('mainTitle')
       const mainSubEl = $('mainSub')
       const brandAgentNameEl = $('brandAgentName')
+      const agentSwitchWrapEl = $('agentSwitchWrap')
+      const agentSwitchDropdownEl = $('agentSwitchDropdown')
+      let agentSwitchOpen = false
       const sidebarHoverTipEl = $('sidebarHoverTip')
       const sidebarAsideEl = document.querySelector('aside.sidebar')
       let sidebarHoverTipHideTimer = null
@@ -3140,7 +3322,7 @@
       }
       function wireSidebarHoverTips() {
         if (!sidebarAsideEl || !sidebarHoverTipEl) return
-        const nodes = sidebarAsideEl.querySelectorAll('#brandAgentName, .sidebar-nav-item')
+        const nodes = sidebarAsideEl.querySelectorAll('#brandAgentName, #btnManageAgents, .sidebar-nav-item')
         for (let i = 0; i < nodes.length; i++) {
           const el = nodes[i]
           el.addEventListener('pointerenter', function () {
@@ -3238,7 +3420,7 @@
       let refreshSkillPickerRows = null
       let remoteMcpServers = []
       const WS_PERMISSION_MODE_KEY = 'WS_PERMISSION_MODE'
-      const ANTHROPIC_MODEL_KEY = 'ANTHROPIC_MODEL'
+      const LLM_MODEL_KEY = 'LLM_MODEL'
       const WS_PERMISSION_MODE_ALLOWED = new Set([
         'acceptEdits',
         'plan',
@@ -3254,17 +3436,71 @@
         return typeof envObj[key] === 'string' ? envObj[key].trim() : ''
       }
 
+      /** 项目根 .env 中的 LLM 默认值（agent.json 未配置时用于新 session 展示） */
+      let projectEnvDefaults = { LLM_MODEL: '' }
+
+      function parseDotEnvValue(content, key) {
+        if (!content || typeof content !== 'string' || !key) return ''
+        const lines = content.split('\n')
+        for (let i = 0; i < lines.length; i++) {
+          const trimmed = lines[i].trim()
+          if (!trimmed || trimmed.charAt(0) === '#') continue
+          const eq = trimmed.indexOf('=')
+          if (eq <= 0) continue
+          if (trimmed.slice(0, eq).trim() !== key) continue
+          let value = trimmed.slice(eq + 1).trim()
+          if (
+            (value.charAt(0) === '"' && value.charAt(value.length - 1) === '"') ||
+            (value.charAt(0) === "'" && value.charAt(value.length - 1) === "'")
+          ) {
+            value = value.slice(1, -1)
+          }
+          return value
+        }
+        return ''
+      }
+
+      function buildSystemEnvApiUrl() {
+        const u = new URL('/api/system/env', httpOriginForApi() + '/')
+        u.searchParams.set('agent', currentAgentParam())
+        return u.toString()
+      }
+
+      async function loadProjectEnvDefaults() {
+        try {
+          const r = await fetch(buildSystemEnvApiUrl())
+          if (!r.ok) return
+          const body = await r.json().catch(function () {
+            return {}
+          })
+          const content = typeof body.content === 'string' ? body.content : ''
+          projectEnvDefaults = {
+            LLM_MODEL: parseDotEnvValue(content, LLM_MODEL_KEY),
+          }
+        } catch {
+          /* 项目 .env 不可读时不阻塞 composer */
+        }
+      }
+
+      /** 新 session 默认模型：agent.json.env → agent.json.model → 项目 .env */
+      function readDefaultLlmModel() {
+        const fromAgentEnv = readAgentEnvString(LLM_MODEL_KEY)
+        if (fromAgentEnv) return fromAgentEnv
+        const fromAgentModel =
+          typeof agentConfigState.model === 'string' ? agentConfigState.model.trim() : ''
+        if (fromAgentModel) return fromAgentModel
+        return projectEnvDefaults.LLM_MODEL || ''
+      }
+
       /**
        * 业务语义：三个会话级配置的初始化顺序必须稳定：
-       * 1) 先读取环境变量（agent.json.env）；
-       * 2) 若未配置，再回退到产品默认值（自动/空/默认）；
+       * 1) 先读取 agent.json.env / agent.json.model；
+       * 2) 再回退到项目 .env 的 LLM_MODEL；
        * 3) 将结果投影为 sessionOverrideState，保证 UI 与后端 PATCH 入参一致。
        */
       function buildDefaultSessionOverrideState() {
-        const model = readAgentEnvString(ANTHROPIC_MODEL_KEY)
-        // 新 session 产品默认权限模式为 default，不继承 agent.json 中的 plan
         return {
-          model: model,
+          model: readDefaultLlmModel(),
           env: {
             [WS_PERMISSION_MODE_KEY]: 'default',
           },
@@ -4175,11 +4411,195 @@
           typeof name === 'string' && name.trim() ? name.trim() : currentAgentParam()
         const initial = id.charAt(0).toUpperCase() || 'A'
         brandAgentNameEl.textContent = initial
-        const tip = 'agent: ' + id
+        const tip = 'agent: ' + id + '（点击切换）'
         brandAgentNameEl.setAttribute('title', tip)
         brandAgentNameEl.setAttribute('aria-label', tip)
       }
 
+      /** 构建 agent 列表 API 地址，用于侧栏头像切换 workspace agent */
+      function buildAgentsListUrl() {
+        const u = new URL('/api/agents', httpOriginForApi() + '/')
+        u.searchParams.set('agent', currentAgentParam())
+        return u.toString()
+      }
+
+      /** 构建单个 agent 的 REST 地址，用于详情/修改/删除 */
+      function buildAgentItemUrl(id) {
+        const u = new URL(
+          '/api/agents/' + encodeURIComponent(String(id || '').trim()),
+          httpOriginForApi() + '/'
+        )
+        u.searchParams.set('agent', currentAgentParam())
+        return u.toString()
+      }
+
+      /** 关闭 agent 切换下拉，恢复头像按钮状态 */
+      function closeAgentSwitchMenu() {
+        agentSwitchOpen = false
+        if (agentSwitchWrapEl) agentSwitchWrapEl.classList.remove('open')
+        if (agentSwitchDropdownEl) {
+          agentSwitchDropdownEl.classList.remove('is-open')
+          agentSwitchDropdownEl.hidden = true
+          agentSwitchDropdownEl.style.left = ''
+          agentSwitchDropdownEl.style.top = ''
+        }
+        if (brandAgentNameEl) brandAgentNameEl.setAttribute('aria-expanded', 'false')
+      }
+
+      /** 根据头像位置计算浮层坐标，显示在侧栏右侧避免被 overflow 裁剪 */
+      function positionAgentSwitchDropdown() {
+        if (!brandAgentNameEl || !agentSwitchDropdownEl || !agentSwitchOpen) return
+        requestAnimationFrame(function () {
+          if (!agentSwitchOpen || !brandAgentNameEl || !agentSwitchDropdownEl) return
+          const rect = brandAgentNameEl.getBoundingClientRect()
+          const gap = 10
+          const menuW = agentSwitchDropdownEl.offsetWidth
+          const menuH = agentSwitchDropdownEl.offsetHeight
+          let left = rect.right + gap
+          let top = rect.top
+          if (left + menuW > window.innerWidth - 12) {
+            left = rect.left
+            top = rect.bottom + gap
+          }
+          left = Math.max(12, Math.min(left, window.innerWidth - menuW - 12))
+          top = Math.max(12, Math.min(top, window.innerHeight - menuH - 12))
+          agentSwitchDropdownEl.style.left = left + 'px'
+          agentSwitchDropdownEl.style.top = top + 'px'
+        })
+      }
+
+      /** 在 agent 切换下拉底部追加「管理 Agent」入口 */
+      function appendAgentSwitchManageFooter() {
+        if (!agentSwitchDropdownEl) return
+        const foot = document.createElement('div')
+        foot.className = 'agent-switch-dropdown-foot'
+        const manageBtn = document.createElement('button')
+        manageBtn.type = 'button'
+        manageBtn.className = 'agent-switch-manage-btn'
+        manageBtn.textContent = '管理 Agent…'
+        manageBtn.addEventListener('click', function (ev) {
+          ev.preventDefault()
+          ev.stopPropagation()
+          closeAgentSwitchMenu()
+          const cur = currentAgentParam()
+          window.location.href = cur ? '/?agent=' + encodeURIComponent(cur) : '/'
+        })
+        foot.appendChild(manageBtn)
+        agentSwitchDropdownEl.appendChild(foot)
+      }
+
+      /** 渲染 agent 列表项；当前 agent 高亮，点击后立即切换 workspace */
+      function renderAgentSwitchList(agents) {
+        if (!agentSwitchDropdownEl) return
+        agentSwitchDropdownEl.innerHTML = ''
+        const current = currentAgentParam()
+        const head = document.createElement('div')
+        head.className = 'agent-switch-dropdown-head'
+        head.textContent = '切换 Agent'
+        agentSwitchDropdownEl.appendChild(head)
+        if (!Array.isArray(agents) || !agents.length) {
+          const empty = document.createElement('div')
+          empty.className = 'agent-switch-empty'
+          empty.textContent = '暂无 agent'
+          agentSwitchDropdownEl.appendChild(empty)
+          appendAgentSwitchManageFooter()
+          positionAgentSwitchDropdown()
+          return
+        }
+        const list = document.createElement('div')
+        list.className = 'agent-switch-dropdown-list'
+        const frag = document.createDocumentFragment()
+        for (let i = 0; i < agents.length; i++) {
+          const row = agents[i]
+          const id = String(row && row.id != null ? row.id : '').trim()
+          if (!id) continue
+          const displayName =
+            row && typeof row.displayName === 'string' && row.displayName.trim()
+              ? row.displayName.trim()
+              : id
+          const btn = document.createElement('button')
+          btn.type = 'button'
+          btn.className = 'agent-switch-item' + (id === current ? ' is-current' : '')
+          btn.setAttribute('role', 'option')
+          btn.setAttribute('aria-selected', id === current ? 'true' : 'false')
+          const mainEl = document.createElement('span')
+          mainEl.className = 'agent-switch-item-main'
+          const nameEl = document.createElement('span')
+          nameEl.className = 'agent-switch-item-name'
+          nameEl.textContent = displayName
+          mainEl.appendChild(nameEl)
+          if (displayName !== id) {
+            const idEl = document.createElement('span')
+            idEl.className = 'agent-switch-item-id'
+            idEl.textContent = id
+            mainEl.appendChild(idEl)
+          }
+          btn.appendChild(mainEl)
+          const checkEl = document.createElement('span')
+          checkEl.className = 'agent-switch-item-check'
+          checkEl.setAttribute('aria-hidden', 'true')
+          checkEl.innerHTML =
+            '<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M3.5 8.2 6.6 11.3 12.5 4.8"/></svg>'
+          btn.appendChild(checkEl)
+          btn.addEventListener('click', function (ev) {
+            ev.preventDefault()
+            ev.stopPropagation()
+            selectWorkspaceAgent(id)
+          })
+          frag.appendChild(btn)
+        }
+        list.appendChild(frag)
+        agentSwitchDropdownEl.appendChild(list)
+        appendAgentSwitchManageFooter()
+        positionAgentSwitchDropdown()
+      }
+
+      /** 选中目标 agent：复用 onAgentChanged 完成 WS 切换、会话刷新与配置重载 */
+      function selectWorkspaceAgent(nextId) {
+        const id = String(nextId || '').trim()
+        if (!id || !agentIdInput) return
+        closeAgentSwitchMenu()
+        if (id === currentAgentParam()) return
+        agentIdInput.value = id
+        onAgentChanged()
+      }
+
+      /** 打开 agent 切换下拉，按需拉取 /api/agents 列表 */
+      async function openAgentSwitchMenu() {
+        if (!agentSwitchWrapEl || !agentSwitchDropdownEl || !brandAgentNameEl) return
+        hideSidebarHoverTip()
+        agentSwitchOpen = true
+        agentSwitchWrapEl.classList.add('open')
+        agentSwitchDropdownEl.hidden = false
+        agentSwitchDropdownEl.classList.add('is-open')
+        brandAgentNameEl.setAttribute('aria-expanded', 'true')
+        agentSwitchDropdownEl.innerHTML = '<div class="agent-switch-loading">加载中…</div>'
+        positionAgentSwitchDropdown()
+        try {
+          const r = await fetch(buildAgentsListUrl())
+          const body = await r.json().catch(function () {
+            return {}
+          })
+          if (!r.ok) {
+            throw new Error(body.message || body.error || r.statusText)
+          }
+          renderAgentSwitchList(body.agents)
+        } catch (e) {
+          agentSwitchDropdownEl.innerHTML =
+            '<div class="agent-switch-empty">加载失败: ' + escapeHtml(String(e)) + '</div>'
+          positionAgentSwitchDropdown()
+        }
+      }
+
+      /** 点击头像时切换下拉开关 */
+      async function toggleAgentSwitchMenu() {
+        if (agentSwitchOpen) {
+          closeAgentSwitchMenu()
+          return
+        }
+        await openAgentSwitchMenu()
+      }
+
       function rewriteSameOriginNavLinks() {
         const agent = currentAgentParam()
         const origin = window.location.origin
@@ -5342,10 +5762,6 @@
 
       async function deleteSessionById(sessionId) {
         if (!sessionId) return
-        const ok = window.confirm(
-          '确定删除该会话？将删除磁盘上的 transcript 与相关目录，不可恢复。\n\n' + sessionId,
-        )
-        if (!ok) return
         const delUrl = buildSessionDeleteUrl(sessionId)
         try {
           const r = await fetch(delUrl, { method: 'DELETE' })
@@ -5438,12 +5854,23 @@
         const nextSid = typeof id === 'string' ? id : ''
         sessionIdInput.value = nextSid
         void loadPendingPrompts()
+        if (nextSid) {
+          void loadSessionOverridesIntoComposer()
+        } else {
+          void loadProjectEnvDefaults().then(function () {
+            resetSessionOverrideStateToDefault()
+          })
+        }
         // 优先走「单 WS、多子进程」路径：复用当前连接，仅让后端 kill+respawn 子进程
         if (socket && socket.readyState === WebSocket.OPEN) {
           serverReady = false
           resetChatUi()
           pendingSessionOverrides = null
-          resetSessionOverrideStateToDefault()
+          if (nextSid) {
+            /* 已在上方拉取 overrides；切换中勿清空 composer 模型 */
+          } else {
+            resetSessionOverrideStateToDefault()
+          }
           if (window.__lastSessions) renderSessionList(window.__lastSessions)
           else updateMainHeader()
           const payload = {
@@ -5468,7 +5895,9 @@
         disconnectIfOpen()
         if (window.__lastSessions) renderSessionList(window.__lastSessions)
         else updateMainHeader()
-        resetSessionOverrideStateToDefault()
+        if (!nextSid) {
+          resetSessionOverrideStateToDefault()
+        }
         connectWebSocket()
       }
 
@@ -5869,7 +6298,7 @@
         const model = typeof sessionOverrideState.model === 'string'
           ? sessionOverrideState.model.trim()
           : ''
-        env[ANTHROPIC_MODEL_KEY] = model
+        env[LLM_MODEL_KEY] = model
       }
 
       function normalizePermissionMode(value) {
@@ -6027,8 +6456,8 @@
             : {}
           sessionOverrideState = {
             model:
-              typeof ovEnv[ANTHROPIC_MODEL_KEY] === 'string'
-                ? String(ovEnv[ANTHROPIC_MODEL_KEY]).trim()
+              typeof ovEnv[LLM_MODEL_KEY] === 'string'
+                ? String(ovEnv[LLM_MODEL_KEY]).trim()
                 : defaults.model,
             env: {
               [WS_PERMISSION_MODE_KEY]:
@@ -6047,7 +6476,7 @@
         const env = getSessionOverrideEnv()
         const patchEnv = {}
         const defaults = buildDefaultSessionOverrideState()
-        patchEnv[ANTHROPIC_MODEL_KEY] =
+        patchEnv[LLM_MODEL_KEY] =
           typeof sessionOverrideState.model === 'string'
             ? sessionOverrideState.model.trim()
             : defaults.model
@@ -6244,7 +6673,13 @@
             }
             renderBindChips()
             syncModelInputFromState()
-            void loadSessionOverridesIntoComposer()
+            void loadProjectEnvDefaults().then(function () {
+              if (!sessionIdInput || !sessionIdInput.value.trim()) {
+                resetSessionOverrideStateToDefault()
+              } else {
+                void loadSessionOverridesIntoComposer()
+              }
+            })
             logLine('agent-config', 'load failed ' + (body.message || r.status))
             return
           }
@@ -6288,7 +6723,13 @@
           }
           renderBindChips()
           syncModelInputFromState()
-          void loadSessionOverridesIntoComposer()
+          void loadProjectEnvDefaults().then(function () {
+            if (!sessionIdInput || !sessionIdInput.value.trim()) {
+              resetSessionOverrideStateToDefault()
+            } else {
+              void loadSessionOverridesIntoComposer()
+            }
+          })
         } catch (e) {
           logLine('agent-config', String(e))
         }
@@ -7739,6 +8180,15 @@
         })
       })
 
+      if (btnManageAgents) {
+        btnManageAgents.addEventListener('click', function (ev) {
+          ev.preventDefault()
+          ev.stopPropagation()
+          const cur = currentAgentParam()
+          window.location.href = cur ? '/?agent=' + encodeURIComponent(cur) : '/'
+        })
+      }
+
       function closeAgentMdModal() {
         if (!agentMdModal) return
         agentMdModal.classList.remove('is-open')
@@ -8587,6 +9037,10 @@
       }
       document.addEventListener('keydown', function (ev) {
         if (ev.key !== 'Escape') return
+        if (agentSwitchOpen) {
+          closeAgentSwitchMenu()
+          return
+        }
         if (agentPickerModal && agentPickerModal.classList.contains('is-open')) {
           closeAgentPickerModal()
           return
@@ -8607,6 +9061,10 @@
           closeAgentEnvModal()
           return
         }
+        if (scheduleManageModal && scheduleManageModal.classList.contains('is-open')) {
+          closeScheduleManageModal()
+          return
+        }
         if (toolFilesModal && toolFilesModal.classList.contains('is-open')) {
           closeToolFilesModal()
           return
@@ -8657,6 +9115,37 @@
           rewriteSameOriginNavLinks()
         })
       }
+      if (brandAgentNameEl) {
+        brandAgentNameEl.addEventListener('click', function (ev) {
+          ev.preventDefault()
+          ev.stopPropagation()
+          void toggleAgentSwitchMenu()
+        })
+      }
+      if (agentSwitchDropdownEl) {
+        agentSwitchDropdownEl.addEventListener('click', function (ev) {
+          ev.stopPropagation()
+        })
+      }
+      document.addEventListener('click', function (ev) {
+        if (!agentSwitchOpen) return
+        const t = ev.target
+        if (t instanceof Node) {
+          if (agentSwitchWrapEl && agentSwitchWrapEl.contains(t)) return
+          if (agentSwitchDropdownEl && agentSwitchDropdownEl.contains(t)) return
+        }
+        closeAgentSwitchMenu()
+      })
+      window.addEventListener('resize', function () {
+        if (agentSwitchOpen) positionAgentSwitchDropdown()
+      })
+      window.addEventListener(
+        'scroll',
+        function () {
+          if (agentSwitchOpen) positionAgentSwitchDropdown()
+        },
+        true
+      )
 
       updateBrandAgent()
       rewriteSameOriginNavLinks()