coderfleet 0.1.0__py3-none-any.whl

coderfleet/server/static/js/submit.js

@@ -0,0 +1,200 @@
+// ── 提交页辅助 ────────────────────────────────────────────
+function populateConversations(conversations, tasks = [], projectName = "") {
+  const sel = document.getElementById('f-conversation');
+  const prev = sel.value;
+  const runningConvIds = new Set(tasks.filter(t => t.status === 'running' && t.conversation_id).map(t => t.conversation_id));
+  const filteredConversations = projectName
+    ? conversations.filter(c => c.project_name === projectName || projectsCache.some(p => p.name === projectName && conversationBelongsToProject(c, p)))
+    : conversations;
+  sel.innerHTML = '<option value="">选择任务链</option>' +
+    filteredConversations.map(c => {
+      const running = runningConvIds.has(c.id);
+      const proj = c.project?.split('/').pop() || '';
+      return `<option value="${esc(c.id)}" data-running="${running}" ${running ? 'style="color:var(--red)"' : ''}>
+    ${esc(c.name)} · ${esc(c.account)} · ${esc(proj)} · ${fmtTime(c.updated)}${running ? ' [运行中]' : ''}
+  </option>`;
+    }).join('');
+  sel.value = prev;
+  checkConvWarning();
+}
+
+function populateProjects(projects, lockedProjectName = "") {
+  const sel = document.getElementById('f-project');
+  const prev = sel.value;
+  const filteredProjects = lockedProjectName ? projects.filter(p => p.name === lockedProjectName) : projects;
+  sel.innerHTML = '<option value="">选择项目</option>' +
+    filteredProjects.map(p => `<option value="${esc(p.name)}">${esc(p.name)} · ${esc(p.account)} · ${esc(p.path.split('/').pop())}</option>`).join('');
+  sel.value = lockedProjectName || prev;
+}
+
+function moveSubmitPanel(slotId) {
+  const panel = document.getElementById('task-submit-panel');
+  const slot = document.getElementById(slotId);
+  if (panel && slot && panel.parentElement !== slot) slot.appendChild(panel);
+  return panel;
+}
+
+async function openTaskSubmitPanel(options = {}) {
+  submitContext = { surface: 'task', projectName: options.projectName || '' };
+  showPage('tasks');
+  const panel = moveSubmitPanel('task-submit-slot');
+  document.getElementById('submit-modal').style.display = 'none';
+  document.getElementById('submit-panel-close-btn').style.display = '';
+  panel.style.display = '';
+  await loadAccountOptions();
+  if (options.mode) switchSubmitMode(options.mode);
+  if (options.projectName) document.getElementById('f-project').value = options.projectName;
+  if (options.conversationId) document.getElementById('f-conversation').value = options.conversationId;
+  if (options.focus !== false) document.getElementById('f-prompt').focus();
+  panel.scrollIntoView({ behavior: 'smooth', block: 'start' });
+}
+
+async function openProjectSubmitModal(options = {}) {
+  submitContext = { surface: 'project', projectName: options.projectName || projectContext?.name || '' };
+  const panel = moveSubmitPanel('submit-modal-slot');
+  const modal = document.getElementById('submit-modal');
+  const subtitle = document.getElementById('submit-modal-subtitle');
+  subtitle.textContent = submitContext.projectName ? `项目：${submitContext.projectName}` : '当前项目上下文';
+  document.getElementById('submit-panel-close-btn').style.display = 'none';
+  panel.style.display = '';
+  modal.style.display = '';
+  await loadAccountOptions();
+  switchSubmitMode(options.mode || 'one-off');
+  if (options.projectName) document.getElementById('f-project').value = options.projectName;
+  if (options.conversationId) document.getElementById('f-conversation').value = options.conversationId;
+  if (options.focus !== false) document.getElementById('f-prompt').focus();
+}
+
+function closeTaskSubmitPanel() {
+  document.getElementById('task-submit-panel').style.display = 'none';
+}
+
+function closeSubmitModal(e) {
+  if (e && e.target !== document.getElementById('submit-modal')) return;
+  document.getElementById('submit-modal').style.display = 'none';
+  submitContext = { surface: 'task', projectName: '' };
+  const panel = moveSubmitPanel('task-submit-slot');
+  document.getElementById('submit-panel-close-btn').style.display = '';
+  panel.style.display = 'none';
+}
+
+function closeSubmitSurface() {
+  if (document.getElementById('submit-modal').style.display !== 'none') closeSubmitModal();
+  else closeTaskSubmitPanel();
+}
+
+async function loadAccountOptions() {
+  try {
+    const [accounts, convs, projects, tasks] = await Promise.all([
+      fetch(`${API}/api/accounts`).then(r => r.json()),
+      fetch(`${API}/api/conversations`).then(r => r.json()).catch(() => []),
+      fetch(`${API}/api/projects`).then(r => r.json()).catch(() => []),
+      fetch(`${API}/api/tasks?limit=100`).then(r => r.json()).catch(() => []),
+    ]);
+    projectsCache = projects;
+    populateAccountFilters(accounts);
+    populateConversations(convs, tasks, submitContext.projectName);
+    populateProjects(projects, submitContext.projectName);
+    const projectGroup = document.getElementById('group-project');
+    projectGroup.style.display = submitContext.projectName ? 'none' : projectGroup.style.display;
+  } catch { }
+}
+
+function switchSubmitMode(mode) {
+  document.querySelectorAll('input[name="submit-mode"]').forEach(r => r.checked = r.value === mode);
+  document.getElementById('group-project').style.display = (!submitContext.projectName && (mode === 'one-off' || mode === 'new-chain')) ? '' : 'none';
+  document.getElementById('group-conversation').style.display = mode === 'resume' ? '' : 'none';
+  document.getElementById('group-conversation-name').style.display = mode === 'new-chain' ? '' : 'none';
+  if (mode === 'resume') checkConvWarning();
+}
+
+function checkConvWarning() {
+  const sel = document.getElementById('f-conversation');
+  const opt = sel.options[sel.selectedIndex];
+  const warn = document.getElementById('conversation-warning');
+  const btn = document.getElementById('submit-btn');
+  const running = opt?.getAttribute('data-running') === 'true';
+  warn.style.display = running ? '' : 'none';
+  if (!btn.classList.contains('submitting')) btn.disabled = running;
+}
+
+document.getElementById('f-conversation').addEventListener('change', checkConvWarning);
+
+// ── 提交任务 ──────────────────────────────────────────────
+async function submitTask() {
+  const prompt = document.getElementById('f-prompt').value.trim();
+  if (!prompt) { alert('请填写任务描述'); return; }
+
+  const mode = document.querySelector('input[name="submit-mode"]:checked').value;
+  let conversationId = null, conversationName = null, projectName = null;
+
+  if (mode === 'one-off') {
+    projectName = document.getElementById('f-project').value || null;
+    if (!projectName) { alert('请选择项目'); return; }
+  } else if (mode === 'resume') {
+    conversationId = document.getElementById('f-conversation').value || null;
+    if (!conversationId) { alert('请选择任务链'); return; }
+    const opt = document.getElementById('f-conversation').options[document.getElementById('f-conversation').selectedIndex];
+    if (opt?.getAttribute('data-running') === 'true') { alert('该任务链有任务运行中！'); return; }
+  } else if (mode === 'new-chain') {
+    projectName = document.getElementById('f-project').value || null;
+    conversationName = document.getElementById('f-conversation-name').value.trim() || null;
+    if (!projectName) { alert('请选择项目'); return; }
+    if (!conversationName) { alert('请填写任务链名称'); return; }
+  }
+
+  const btn = document.getElementById('submit-btn');
+  const msg = document.getElementById('submit-msg');
+  btn.disabled = true; btn.classList.add('submitting'); btn.textContent = '提交中...';
+  msg.style.display = 'none';
+
+  try {
+    const r = await fetch(`${API}/api/tasks`, {
+      method: 'POST', headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ prompt, project_name: projectName, auto: document.getElementById('f-auto').checked, conversation_id: conversationId, conversation_name: conversationName }),
+    });
+    const data = await r.json();
+    if (!r.ok) throw new Error(data.detail || r.statusText);
+    msg.style.display = '';
+    msg.innerHTML = `<div style="color:var(--green);font-weight:bold">已提交：${esc(data.id)}</div>
+  <div style="margin-top:8px"><button class="btn primary" onclick="openLogModal('${data.id}')">查看日志</button></div>`;
+    resetForm(false);
+    loadAccountOptions();
+    loadTasks();
+    if (projectContext) loadProjectsDashboard();
+  } catch (e) {
+    msg.style.display = '';
+    msg.innerHTML = `<div style="color:var(--red)">提交失败：${esc(e.message)}</div>`;
+  } finally {
+    btn.disabled = false; btn.classList.remove('submitting'); btn.textContent = '提交任务';
+  }
+}
+
+function resetForm(clearMsg = true) {
+  ['f-prompt', 'f-project', 'f-conversation', 'f-conversation-name'].forEach(id => { document.getElementById(id).value = ''; });
+  if (submitContext.projectName) document.getElementById('f-project').value = submitContext.projectName;
+  document.getElementById('f-auto').checked = true;
+  switchSubmitMode('one-off');
+  if (clearMsg) document.getElementById('submit-msg').style.display = 'none';
+}
+
+// ── 终止任务 ──────────────────────────────────────────────
+async function killTask(id) {
+  if (!confirm(`确认终止任务 ${id}？`)) return;
+  try { await fetch(`${API}/api/tasks/${id}`, { method: 'DELETE' }); loadTasks(); }
+  catch (e) { alert('终止失败：' + e.message); }
+}
+
+async function killCurrentTask() {
+  if (!currentTaskId || !confirm(`确认终止任务 ${currentTaskId}？`)) return;
+  try { await fetch(`${API}/api/tasks/${currentTaskId}`, { method: 'DELETE' }); closeLogModal(); loadTasks(); }
+  catch (e) { alert('终止失败：' + e.message); }
+}
+
+async function cleanTasks() {
+  if (!confirm('清理旧记录（保留最近30条）？')) return;
+  try {
+    const r = await fetch(`${API}/api/tasks/clean`, { method: 'POST' }).then(r => r.json());
+    alert(`已清理 ${r.cleaned} 条`); loadTasks();
+  } catch (e) { alert('失败：' + e.message); }
+}

coderfleet/server/static/js/tasks.js

@@ -0,0 +1,92 @@
+// ── 全局缓存（accounts + conversations），低频刷新 ───────────
+async function refreshGlobalCaches() {
+  try {
+    const [accounts, convs] = await Promise.all([
+      fetch(`${API}/api/accounts`).then(r => r.json()).catch(() => []),
+      fetch(`${API}/api/conversations`).then(r => r.json()).catch(() => []),
+    ]);
+    globalAccountsCache = accounts;
+    convs.forEach(c => { conversationsCache[c.id] = c.name; });
+    if (currentPage === 'tasks') populateAccountFilters(accounts);
+    if (currentPage === 'accounts') {
+      renderAccounts(accounts);
+      populateAccountFilters(accounts);
+    }
+  } catch { }
+}
+
+// ── 任务列表 ──────────────────────────────────────────────
+async function loadTasks(options = {}) {
+  if (options.resetPage) taskPage = 1;
+  const status = document.getElementById('filter-status').value;
+  const account = document.getElementById('filter-account').value;
+  let url = `${API}/api/tasks?limit=100`;
+  if (status) url += `&status=${status}`;
+  if (account) url += `&account=${encodeURIComponent(account)}`;
+  try {
+    const tasks = await fetch(url).then(r => r.json());
+    updateTaskMetrics(tasks, globalAccountsCache);
+    taskRowsCache = [...tasks].sort((a, b) => new Date(b.created || 0) - new Date(a.created || 0));
+    renderTasks(tasks);
+  } catch (e) {
+    document.getElementById('task-tbody').innerHTML =
+      `<tr><td colspan="7"><div class="empty">加载失败：${esc(e.message)}</div></td></tr>`;
+  }
+}
+
+function renderTasks(tasks) {
+  const tbody = document.getElementById('task-tbody');
+  const rows = taskRowsCache.length || tasks.length ? taskRowsCache : tasks;
+  const pageCount = Math.max(1, Math.ceil(rows.length / TASK_PAGE_SIZE));
+  taskPage = Math.min(Math.max(taskPage, 1), pageCount);
+  if (!rows.length) {
+    tbody.innerHTML = `<tr><td colspan="7"><div class="empty">暂无任务记录</div></td></tr>`;
+    renderTaskPagination(0, 0, 0);
+    return;
+  }
+  const start = (taskPage - 1) * TASK_PAGE_SIZE;
+  const pageRows = rows.slice(start, start + TASK_PAGE_SIZE);
+  tbody.innerHTML = pageRows.map(t => {
+    const convName = t.conversation_id ? (conversationsCache[t.conversation_id] || t.conversation_id.slice(0, 8)) : '';
+    const convBadge = convName
+      ? `<span class="chain-badge" title="任务链: ${esc(convName)}">${esc(convName)}</span>`
+      : '';
+    const dur = fmtDuration(t.created, t.finished);
+    return `
+  <tr onclick="openLogModal('${t.id}')">
+    <td><span class="status-dot ${t.status}">${statusLabel(t.status)}</span></td>
+    <td><div style="display:flex;align-items:center;max-width:360px">${convBadge}<div class="task-prompt" title="${esc(t.prompt)}">${esc(t.prompt)}</div></div></td>
+    <td><span class="badge ${t.type}">${t.type}</span> <span style="font-size:12px">${esc(t.account)}</span></td>
+    <td><div class="task-project" title="${esc(t.project)}">${esc(t.project.split('/').pop())}</div></td>
+    <td class="text-muted text-sm">${fmtTime(t.created)}</td>
+    <td class="duration-cell${t.status === 'running' ? ' running' : ''}">${dur}</td>
+    <td onclick="event.stopPropagation()">
+      ${t.status === 'running' ? `<button class="btn danger" style="padding:3px 8px;font-size:12px" onclick="killTask('${t.id}')">终止</button>` : ''}
+    </td>
+  </tr>`;
+  }).join('');
+  renderTaskPagination(rows.length, start + 1, Math.min(start + TASK_PAGE_SIZE, rows.length));
+}
+
+function renderTaskPagination(total, start, end) {
+  const bar = document.getElementById('task-pagination');
+  if (!bar) return;
+  if (!total) {
+    bar.style.display = 'none';
+    bar.innerHTML = '';
+    return;
+  }
+  const pageCount = Math.max(1, Math.ceil(total / TASK_PAGE_SIZE));
+  bar.style.display = '';
+  bar.innerHTML = `<span>显示 ${start}-${end} / ${total} 条 · 第 ${taskPage} / ${pageCount} 页</span>
+<div class="pagination-actions">
+  <button class="btn" style="font-size:12px" onclick="setTaskPage(${taskPage - 1})" ${taskPage <= 1 ? 'disabled' : ''}>上一页</button>
+  <button class="btn" style="font-size:12px" onclick="setTaskPage(${taskPage + 1})" ${taskPage >= pageCount ? 'disabled' : ''}>下一页</button>
+</div>`;
+}
+
+function setTaskPage(page) {
+  taskPage = page;
+  renderTasks(taskRowsCache);
+}
+

coderfleet/server/static/js/terminal.js

@@ -0,0 +1,347 @@
+// ── 顶部多 Tab 终端系统 JS 实现 ──
+let topbarTabs = [{ id: 'chat', label: '📁 AI 对话', closable: false }];
+let activeTabId = 'chat';
+let multiTerminalContexts = {}; // projectName -> { terminal, fitAddon, socket, connected }
+
+// 初始化 Tab 系统
+function initTopbarTabs() {
+  renderTopbarTabs();
+}
+
+// 渲染 Tabs
+function renderTopbarTabs() {
+  const container = document.getElementById('topbar-tabs');
+  if (!container) return;
+  container.innerHTML = '';
+
+  topbarTabs.forEach(tab => {
+    const btn = document.createElement('button');
+    btn.className = 'tab-item' + (activeTabId === tab.id ? ' active' : '');
+    btn.type = 'button';
+    btn.onclick = () => switchTab(tab.id);
+
+    btn.innerHTML = `<span>${esc(tab.label)}</span>`;
+
+    if (tab.closable) {
+      const closeBtn = document.createElement('span');
+      closeBtn.className = 'tab-close';
+      closeBtn.innerHTML = '×';
+      closeBtn.onclick = (e) => {
+        e.stopPropagation();
+        closeTab(tab.id);
+      };
+      btn.appendChild(closeBtn);
+    }
+    container.appendChild(btn);
+  });
+}
+
+// 切换 Tab
+function switchTab(tabId) {
+  activeTabId = tabId;
+  renderTopbarTabs();
+
+  // 先隐藏所有 page 和多终端容器
+  document.querySelectorAll('.page').forEach(p => p.classList.remove('active'));
+  document.querySelectorAll('.multi-term-container').forEach(c => c.classList.remove('active'));
+
+  // 显示顶级 Tab 状态下的 topbar-tabs 和 + 按钮
+  const tabsEl = document.getElementById('topbar-tabs');
+  const addBtn = document.getElementById('add-tab-btn');
+  if (tabsEl) tabsEl.style.display = '';
+  if (addBtn) addBtn.style.display = '';
+
+  if (tabId === 'chat') {
+    currentPage = 'chat';
+    document.getElementById('page-chat').classList.add('active');
+    document.querySelectorAll('.nav-item').forEach(n => n.classList.remove('active'));
+    document.querySelector('[data-page="chat"]').classList.add('active');
+    document.getElementById('page-title').textContent = '任务开发';
+  } else if (tabId.startsWith('terminal-')) {
+    currentPage = 'terminal';
+    const projectName = tabId.replace('terminal-', '');
+    document.getElementById('page-tab-terminal').classList.add('active');
+
+    // 激活对应的终端容器
+    const termContainer = document.getElementById(`term-container-${projectName}`);
+    if (termContainer) {
+      termContainer.classList.add('active');
+    }
+
+    // 连接或重置该项目的终端
+    openMultiTerminal(projectName);
+  }
+}
+
+// 关闭 Tab
+function closeTab(tabId) {
+  const idx = topbarTabs.findIndex(t => t.id === tabId);
+  if (idx === -1) return;
+
+  const projectName = tabId.replace('terminal-', '');
+  // 断开该终端的 websocket
+  disconnectMultiTerminal(projectName);
+
+  // 移除 DOM 容器
+  const termContainer = document.getElementById(`term-container-${projectName}`);
+  if (termContainer) termContainer.remove();
+
+  topbarTabs.splice(idx, 1);
+
+  // 如果关闭的是当前激活的 Tab，则自动切回前一个 Tab 或者是 'chat'
+  if (activeTabId === tabId) {
+    const nextActiveId = topbarTabs[idx - 1] ? topbarTabs[idx - 1].id : 'chat';
+    switchTab(nextActiveId);
+  } else {
+    renderTopbarTabs();
+  }
+}
+
+// 显示添加 Tab 的项目弹出菜单
+function showAddTabMenu(event) {
+  event.stopPropagation();
+  // 移除可能存在的旧菜单
+  const oldMenu = document.querySelector('.add-tab-menu');
+  if (oldMenu) oldMenu.remove();
+
+  const menu = document.createElement('div');
+  menu.className = 'add-tab-menu';
+
+  // 计算定位
+  const rect = event.currentTarget.getBoundingClientRect();
+  menu.style.left = `${rect.left}px`;
+  menu.style.top = `${rect.bottom + window.scrollY + 6}px`;
+
+  // 获取当前所有的项目，展示为菜单项
+  const projects = projectDashboardData?.projects || [];
+  if (projects.length === 0) {
+    menu.innerHTML = `<div class="add-tab-menu-header">暂无项目</div>`;
+  } else {
+    menu.innerHTML = `<div class="add-tab-menu-header">连接项目容器终端</div>`;
+    projects.forEach(p => {
+      const btn = document.createElement('button');
+      btn.className = 'add-tab-menu-item';
+      btn.innerHTML = `💻 终端: ${esc(p.name)}`;
+      btn.onclick = () => {
+        addTerminalTab(p.name);
+        menu.remove();
+      };
+      menu.appendChild(btn);
+    });
+  }
+
+  document.body.appendChild(menu);
+
+  // 点击外部时关闭菜单
+  const closeMenu = (e) => {
+    if (!menu.contains(e.target) && e.target !== event.currentTarget) {
+      menu.remove();
+      document.removeEventListener('click', closeMenu);
+    }
+  };
+  setTimeout(() => document.addEventListener('click', closeMenu), 0);
+}
+
+// 新增终端 Tab
+function addTerminalTab(projectName) {
+  const tabId = `terminal-${projectName}`;
+  const exists = topbarTabs.some(t => t.id === tabId);
+
+  if (!exists) {
+    topbarTabs.push({
+      id: tabId,
+      label: `💻 终端: ${projectName}`,
+      closable: true
+    });
+
+    // 创建对应的终端容器
+    const pageContainer = document.getElementById('page-tab-terminal');
+    const termContainer = document.createElement('div');
+    termContainer.className = 'multi-term-container';
+    termContainer.id = `term-container-${projectName}`;
+    termContainer.innerHTML = `
+      <div class="terminal-card" style="height: 100%; border: none;">
+        <div class="terminal-toolbar">
+          <div class="terminal-status">
+            <span class="status-dot killed" id="term-dot-${projectName}">未连接</span>
+            <span class="terminal-status-text" id="term-status-${projectName}">点击或切换到此 Tab 后连接项目容器</span>
+          </div>
+          <button class="btn" type="button" onclick="reconnectMultiTerminal('${projectName}')">重新连接</button>
+        </div>
+        <div class="terminal-warning" id="term-warning-${projectName}"></div>
+        <div class="terminal-mount" id="term-mount-${projectName}" style="flex: 1; height: calc(100% - 50px);"></div>
+      </div>
+    `;
+    pageContainer.appendChild(termContainer);
+  }
+
+  switchTab(tabId);
+}
+
+// ── 多终端实例化和 WebSocket 连接逻辑 ──
+function openMultiTerminal(projectName) {
+  updateMultiTerminalWarning(projectName);
+  let ctx = multiTerminalContexts[projectName];
+  if (!ctx) {
+    ctx = {
+      terminal: null,
+      fitAddon: null,
+      socket: null,
+      connected: false
+    };
+    multiTerminalContexts[projectName] = ctx;
+  }
+
+  if (!ctx.socket || ctx.socket.readyState === WebSocket.CLOSED) {
+    connectMultiTerminal(projectName);
+  } else {
+    resizeMultiTerminal(projectName);
+  }
+}
+
+function ensureMultiTerminalMounted(projectName) {
+  const mount = document.getElementById(`term-mount-${projectName}`);
+  if (!mount || !window.Terminal || !window.FitAddon) return false;
+
+  let ctx = multiTerminalContexts[projectName];
+  if (ctx && ctx.terminal && mount.childElementCount) return true;
+
+  mount.innerHTML = '';
+  ctx.fitAddon = new window.FitAddon.FitAddon();
+  ctx.terminal = new window.Terminal({
+    cursorBlink: true,
+    fontFamily: "'SF Mono', 'Fira Code', 'Cascadia Code', monospace",
+    fontSize: 13,
+    scrollback: 5000,
+    theme: {
+      background: '#111827',
+      foreground: '#e5e7eb',
+      cursor: '#f97316',
+      selectionBackground: '#334155',
+    },
+  });
+  ctx.terminal.loadAddon(ctx.fitAddon);
+  ctx.terminal.open(mount);
+  ctx.terminal.onData(data => {
+    if (ctx.socket && ctx.socket.readyState === WebSocket.OPEN) {
+      ctx.socket.send(JSON.stringify({ type: 'input', data }));
+    }
+  });
+
+  // 窗口大小变化时自适应
+  window.removeEventListener('resize', ctx.resizeHandler);
+  ctx.resizeHandler = () => resizeMultiTerminal(projectName);
+  window.addEventListener('resize', ctx.resizeHandler);
+
+  resizeMultiTerminal(projectName);
+  return true;
+}
+
+function connectMultiTerminal(projectName) {
+  disconnectMultiTerminal(projectName);
+
+  let ctx = multiTerminalContexts[projectName];
+  if (!ctx) {
+    ctx = { terminal: null, fitAddon: null, socket: null, connected: false };
+    multiTerminalContexts[projectName] = ctx;
+  }
+
+  if (!ensureMultiTerminalMounted(projectName)) {
+    setMultiTerminalStatus(projectName, 'error', '终端资源未加载，请刷新页面后重试');
+    return;
+  }
+
+  updateMultiTerminalWarning(projectName);
+  setMultiTerminalStatus(projectName, 'closed', '正在连接项目容器...');
+  ctx.terminal.clear();
+  ctx.terminal.writeln(`Connecting to terminal of project container [${projectName}]...`);
+
+  const socket = new WebSocket(terminalWsUrl(projectName));
+  ctx.socket = socket;
+
+  socket.addEventListener('open', () => {
+    ctx.connected = true;
+    resizeMultiTerminal(projectName);
+  });
+
+  socket.addEventListener('message', (e) => {
+    const d = JSON.parse(e.data);
+    if (d.type === 'output') {
+      ctx.terminal.write(d.data);
+    } else if (d.type === 'status') {
+      setMultiTerminalStatus(projectName, d.status, d.message);
+    }
+  });
+
+  socket.addEventListener('close', () => {
+    ctx.connected = false;
+    setMultiTerminalStatus(projectName, 'closed', '连接已断开');
+  });
+
+  socket.addEventListener('error', () => {
+    ctx.connected = false;
+    setMultiTerminalStatus(projectName, 'error', '连接出错');
+  });
+}
+
+function disconnectMultiTerminal(projectName) {
+  const ctx = multiTerminalContexts[projectName];
+  if (!ctx) return;
+  if (ctx.socket) {
+    ctx.socket.close();
+    ctx.socket = null;
+  }
+  ctx.connected = false;
+  setMultiTerminalStatus(projectName, 'closed', '未连接');
+}
+
+function reconnectMultiTerminal(projectName) {
+  connectMultiTerminal(projectName);
+}
+
+function resizeMultiTerminal(projectName) {
+  const ctx = multiTerminalContexts[projectName];
+  if (!ctx || !ctx.terminal || !ctx.fitAddon) return;
+
+  // 延迟确保 DOM 已经完全渲染
+  setTimeout(() => {
+    try {
+      ctx.fitAddon.fit();
+      const dims = ctx.fitAddon.proposeDimensions();
+      if (dims && ctx.socket && ctx.socket.readyState === WebSocket.OPEN) {
+        ctx.socket.send(JSON.stringify({
+          type: 'resize',
+          cols: dims.cols,
+          rows: dims.rows
+        }));
+      }
+    } catch (e) {
+      console.warn('fit xterm error', e);
+    }
+  }, 50);
+}
+
+function setMultiTerminalStatus(projectName, status, message) {
+  const dot = document.getElementById(`term-dot-${projectName}`);
+  const txt = document.getElementById(`term-status-${projectName}`);
+  if (!dot || !txt) return;
+
+  dot.className = 'status-dot ' + (status === 'connected' ? 'running' : 'killed');
+  dot.textContent = status === 'connected' ? '已连接' : (status === 'error' ? '错误' : '未连接');
+  txt.textContent = message;
+}
+
+function updateMultiTerminalWarning(projectName) {
+  const warning = document.getElementById(`term-warning-${projectName}`);
+  if (!warning) return;
+
+  // 可以获取当前项目下是否有正在运行的任务
+  const running = projectDashboardData?.tasks?.some(t => taskBelongsToProject(t, { name: projectName }) && t.status === 'running');
+  if (running) {
+    warning.textContent = '警告：当前项目有后台任务正在运行，在终端手动执行命令可能会干扰其运行。';
+    warning.classList.add('active');
+  } else {
+    warning.textContent = '';
+    warning.classList.remove('active');
+  }
+}