coderfleet 0.1.0__py3-none-any.whl

coderfleet/server/static/js/log.js

@@ -0,0 +1,145 @@
+
+// ══════════════════════════════════════════════════════════════
+//  日志模态框
+// ══════════════════════════════════════════════════════════════
+async function openLogModal(taskId) {
+  currentTaskId = taskId;
+  currentTaskData = null;
+  followMode = false;
+  stopFollow();
+
+  document.getElementById('log-modal').style.display = 'flex';
+  document.getElementById('log-content').innerHTML = '<div style="color:#3a3a3e;font-size:12px;padding:20px">加载中...</div>';
+  document.getElementById('log-meta').innerHTML = '';
+  resetLogSummary();
+  document.getElementById('kill-btn').style.display = 'none';
+  document.getElementById('resume-btn').style.display = 'none';
+  setFollowButton(false);
+
+  // 初始化 renderer
+  renderer = new ChatLogRenderer(document.getElementById('log-content'), true, true);
+
+  try {
+    const [task, logText] = await Promise.all([
+      fetch(`${API}/api/tasks/${taskId}`).then(r => r.json()),
+      fetch(`${API}/api/tasks/${taskId}/logs`).then(r => r.text()).catch(() => ''),
+    ]);
+    currentTaskData = task;
+    updateLogSummary(task);
+
+    document.getElementById('log-modal-title').textContent = `任务日志 — ${taskId}`;
+    document.getElementById('log-meta').innerHTML = `
+  <span class="status-dot ${task.status}" style="font-size:12px">${statusLabel(task.status)}</span>
+  <span>·</span><span class="badge ${task.type}">${task.type}</span>
+  <span>${esc(task.account)}</span>
+  <span>·</span><span class="text-muted">${esc(task.project.split('/').pop())}</span>
+  <span>·</span><span class="text-muted">${fmtTime(task.created)}</span>`;
+
+    if (task.status === 'running') document.getElementById('kill-btn').style.display = '';
+    if (task.conversation_id || task.native_session_id) document.getElementById('resume-btn').style.display = '';
+
+    renderer.render(logText);
+    scrollChatToBottom();
+
+    if (task.status === 'running') startFollow();
+  } catch (e) {
+    document.getElementById('log-content').innerHTML =
+      `<div style="color:#f87171;padding:16px">加载失败：${esc(e.message)}</div>`;
+  }
+}
+
+// ── SSE 跟踪 ──────────────────────────────────────────────
+function startFollow() {
+  stopFollow();
+  followMode = true;
+  setFollowButton(true);
+
+  // tail=0: 只推送新内容，避免与初次全量加载重复
+  sseSource = new EventSource(`${API}/api/tasks/${currentTaskId}/logs/stream?tail=0`);
+  sseSource.onmessage = e => {
+    if (e.data === '[DONE]') {
+      stopFollow();
+      // 刷新任务状态，隐藏终止按钮
+      fetch(`${API}/api/tasks/${currentTaskId}`).then(r => r.json()).then(t => {
+        if (t.status !== 'running') document.getElementById('kill-btn').style.display = 'none';
+      }).catch(() => { });
+      return;
+    }
+    if (renderer) renderer.push(e.data);
+    scrollChatToBottom();
+  };
+  sseSource.onerror = () => stopFollow();
+}
+
+function stopFollow() {
+  if (sseSource) { sseSource.close(); sseSource = null; }
+  followMode = false;
+  setFollowButton(false);
+}
+
+function toggleFollow() { followMode ? stopFollow() : startFollow(); }
+
+function setFollowButton(active) {
+  const btn = document.getElementById('follow-btn');
+  if (!btn) return;
+  btn.innerHTML = active
+    ? '<span aria-hidden="true" id="follow-icon">■</span><span>停止</span>'
+    : '<span aria-hidden="true" id="follow-icon">▶</span><span>跟踪</span>';
+}
+
+function resetLogSummary() {
+  setText('log-summary-status', '-');
+  setText('log-summary-account', '-');
+  setText('log-summary-project', '-');
+  setText('log-summary-created', '-');
+}
+
+function updateLogSummary(task) {
+  setText('log-summary-status', statusLabel(task.status));
+  setText('log-summary-account', `${task.type} · ${task.account}`);
+  setText('log-summary-project', task.project ? task.project.split('/').pop() : '-');
+  setText('log-summary-created', fmtTime(task.created));
+}
+
+function scrollChatToBottom() {
+  const panel = document.getElementById('log-panel');
+  if (panel) panel.scrollTop = panel.scrollHeight;
+}
+
+function closeLogModal(e) {
+  if (e && e.target !== document.getElementById('log-modal')) return;
+  stopFollow();
+  document.getElementById('log-modal').style.display = 'none';
+  currentTaskId = null; currentTaskData = null;
+}
+
+// ── 续接任务 ──────────────────────────────────────────────
+async function resumeCurrentTask() {
+  if (!currentTaskData) return;
+  const { id: taskId, conversation_id: convId, native_session_id: nativeId } = currentTaskData;
+
+  if (convId) {
+    closeLogModal();
+    await openTaskSubmitPanel({ mode: 'resume', conversationId: convId });
+    return;
+  }
+  if (nativeId) {
+    const name = prompt('该任务尚未加入任务链。请输入新任务链名称：', `续接-${taskId.slice(0, 8)}`);
+    if (!name?.trim()) return;
+    const btn = document.getElementById('resume-btn');
+    btn.disabled = true; btn.textContent = '创建中...';
+    try {
+      const r = await fetch(`${API}/api/conversations`, {
+        method: 'POST', headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ name: name.trim(), task_id: taskId }),
+      });
+      const data = await r.json();
+      if (!r.ok) throw new Error(data.detail || r.statusText);
+      closeLogModal();
+      await openTaskSubmitPanel({ mode: 'resume', conversationId: data.id });
+    } catch (e) { alert('创建任务链失败：' + e.message); }
+    finally { btn.disabled = false; btn.textContent = '续接任务'; }
+    return;
+  }
+  alert('该任务没有可用的会话 ID，无法续接。');
+}

coderfleet/server/static/js/nav.js

@@ -0,0 +1,46 @@
+// ── 页面切换 ──────────────────────────────────────────────
+function showPage(name) {
+  if (name !== 'projects') disconnectProjectTerminal();
+  currentPage = name;
+  document.querySelectorAll('.page').forEach(p => p.classList.remove('active'));
+  document.querySelectorAll('.nav-item').forEach(n => n.classList.remove('active'));
+  document.getElementById('page-' + name).classList.add('active');
+  document.querySelector(`[data-page="${name}"]`).classList.add('active');
+
+  const titles = { chat: '任务开发', tasks: '任务监控', projects: '项目管理', accounts: '账号状态' };
+  document.getElementById('page-title').textContent = titles[name] || name;
+
+  // 控制 Tab 系统和 + 按钮的显示/隐藏
+  const tabsEl = document.getElementById('topbar-tabs');
+  const addBtn = document.getElementById('add-tab-btn');
+  if (tabsEl) tabsEl.style.display = (name === 'chat' || name === 'terminal') ? '' : 'none';
+  if (addBtn) addBtn.style.display = (name === 'chat' || name === 'terminal') ? '' : 'none';
+
+  if (name === 'chat') {
+    activeTabId = 'chat';
+    renderTopbarTabs();
+  }
+
+  refreshCurrent();
+}
+
+function refreshCurrent() {
+  if (currentPage === 'chat') loadConversations();
+  else if (currentPage === 'tasks') loadTasks();
+  else if (currentPage === 'projects') loadProjectsDashboard();
+  else if (currentPage === 'accounts') loadAccounts();
+}
+
+// ── 健康检查 ──────────────────────────────────────────────
+async function checkHealth() {
+  try {
+    const r = await fetch(`${API}/api/health`);
+    const dot = document.getElementById('health-dot');
+    const txt = document.getElementById('health-text');
+    dot.className = r.ok ? 'health-dot ok' : 'health-dot err';
+    txt.textContent = r.ok ? '服务正常' : '服务异常';
+  } catch {
+    document.getElementById('health-dot').className = 'health-dot err';
+    document.getElementById('health-text').textContent = '无法连接';
+  }
+}

coderfleet/server/static/js/projects.js

@@ -0,0 +1,298 @@
+// ── 项目工作台 ────────────────────────────────────────────
+function normalizeProjectPath(path) {
+  return String(path || '').replace(/\/+$/, '');
+}
+
+function projectPathContains(projectPath, recordPath) {
+  const base = normalizeProjectPath(projectPath);
+  const target = normalizeProjectPath(recordPath);
+  return !!base && (target === base || target.startsWith(base + '/'));
+}
+
+function canonicalProjectForLegacyRecord(record) {
+  const recordPath = String(record?.project || '');
+  return (projectsCache || []).find(p => projectPathContains(p.path, recordPath)) || null;
+}
+
+function legacyRecordBelongsToProject(record, project) {
+  if (!projectPathContains(project?.path, record?.project)) return false;
+
+  const canonical = canonicalProjectForLegacyRecord(record);
+  if (canonical) return canonical.name === project.name;
+
+  return true;
+}
+
+function taskBelongsToProject(task, project) {
+  if (task.project_name) return task.project_name === project.name;
+  return legacyRecordBelongsToProject(task, project);
+}
+
+function conversationBelongsToProject(conversation, project) {
+  if (conversation.project_name) return conversation.project_name === project.name;
+  return legacyRecordBelongsToProject(conversation, project);
+}
+
+async function loadProjectsDashboard() {
+  try {
+    const [projects, tasks, accounts] = await Promise.all([
+      fetch(`${API}/api/projects`).then(r => r.json()).catch(() => []),
+      fetch(`${API}/api/tasks?limit=100`).then(r => r.json()).catch(() => []),
+      fetch(`${API}/api/accounts`).then(r => r.json()).catch(() => []),
+    ]);
+    projectsCache = projects;
+    projectDashboardData = { tasks, accounts };
+    renderProjectCards(projects, tasks, accounts);
+    if (projectContext) {
+      const current = projects.find(p => p.name === projectContext.name);
+      current ? renderProjectDetail(current) : backToProjects();
+    }
+  } catch (e) {
+    document.getElementById('project-grid').innerHTML = `<div class="empty">加载失败：${esc(e.message)}</div>`;
+  }
+}
+
+function renderProjectCards(projects, tasks, accounts) {
+  const grid = document.getElementById('project-grid');
+  if (!projects.length) {
+    grid.innerHTML = `<div class="empty">暂无项目配置</div>`;
+    return;
+  }
+  const accountMap = new Map(accounts.map(a => [a.name, a]));
+  grid.innerHTML = projects.map(project => {
+    const projectTasks = tasks.filter(t => taskBelongsToProject(t, project));
+    const running = projectTasks.filter(t => t.status === 'running').length;
+    const failed  = projectTasks.filter(t => t.status === 'failed').length;
+    const latest  = [...projectTasks].sort((a, b) => new Date(b.created || 0) - new Date(a.created || 0))[0];
+    const account = accountMap.get(project.account);
+    const accountBadge = account
+      ? `<span class="badge ${account.type}">${account.type}</span><span class="badge proxy-${account.proxy || 'relay'}">proxy: ${esc(account.proxy || 'relay')}</span>`
+      : `<span class="badge offline">账号缺失</span>`;
+    let latestText = '还没有任务记录';
+    if (latest && latest.prompt) {
+      const cleanPrompt = String(latest.prompt || '').replace(/\s+/g, ' ');
+      const maxLen = 100;
+      const truncated = cleanPrompt.length > maxLen ? cleanPrompt.substring(0, maxLen) + '...' : cleanPrompt;
+      latestText = `最近：${esc(truncated)}`;
+    }
+    return `<div class="project-card" onclick="openProject('${esc(project.name)}')">
+  <div class="project-head">
+    <div style="min-width:0">
+      <div class="project-title">${esc(project.name)}</div>
+      <div class="project-path" title="${esc(project.path)}">${esc(project.path)}</div>
+    </div>
+  </div>
+  <div class="account-badges" style="margin-top:10px">${accountBadge}<span class="chip">${esc(project.account)}</span></div>
+  <div class="project-stats">
+    <div class="project-stat"><div class="account-stat-label">总任务</div><div class="account-stat-value">${projectTasks.length}</div></div>
+    <div class="project-stat"><div class="account-stat-label">运行中</div><div class="account-stat-value">${running}</div></div>
+    <div class="project-stat"><div class="account-stat-label">完成</div><div class="account-stat-value">${projectTasks.filter(t => t.status === 'done').length}</div></div>
+    <div class="project-stat"><div class="account-stat-label">失败</div><div class="account-stat-value">${failed}</div></div>
+  </div>
+  <div class="account-meta" style="margin-top:10px" ${latest ? `title="${esc(latest.prompt)}"` : ''}>${latestText}</div>
+</div>`;
+  }).join('');
+}
+
+async function openProject(name) {
+  const project = projectsCache.find(p => p.name === name);
+  if (!project) return;
+  projectContext = project;
+  document.getElementById('project-list-view').style.display = 'none';
+  document.getElementById('project-detail-view').style.display = '';
+  document.getElementById('page-title').textContent = `项目 · ${project.name}`;
+  await loadProjectsDashboard();
+}
+
+function backToProjects() {
+  disconnectProjectTerminal();
+  projectContext = null;
+  document.getElementById('project-detail-view').style.display = 'none';
+  document.getElementById('project-list-view').style.display = '';
+  document.getElementById('page-title').textContent = '项目管理';
+}
+
+function renderProjectDetail(project) {
+  const { tasks, accounts } = projectDashboardData;
+  const account = accounts.find(a => a.name === project.account);
+  const projectTasks = tasks.filter(t => taskBelongsToProject(t, project));
+  const running = projectTasks.filter(t => t.status === 'running').length;
+  const done    = projectTasks.filter(t => t.status === 'done').length;
+  const failed  = projectTasks.filter(t => t.status === 'failed').length;
+
+  document.getElementById('project-detail-summary').innerHTML = `
+<div class="project-title">${esc(project.name)}</div>
+<div class="project-path" title="${esc(project.path)}">${esc(project.path)}</div>
+<div class="account-badges" style="margin-top:12px">
+  <span class="chip">账号 ${esc(project.account)}</span>
+  ${account ? `<span class="badge ${account.type}">${account.type}</span><span class="badge proxy-${account.proxy || 'relay'}">proxy: ${esc(account.proxy || 'relay')}</span>` : `<span class="badge offline">账号缺失</span>`}
+</div>
+<div class="project-stats" style="margin-top:16px">
+  <div class="project-stat"><div class="account-stat-label">总任务</div><div class="account-stat-value">${projectTasks.length}</div></div>
+  <div class="project-stat"><div class="account-stat-label">运行中</div><div class="account-stat-value" style="${running > 0 ? 'color:var(--green)' : ''}">${running}</div></div>
+  <div class="project-stat"><div class="account-stat-label">完成</div><div class="account-stat-value">${done}</div></div>
+  <div class="project-stat"><div class="account-stat-label">失败</div><div class="account-stat-value" style="${failed > 0 ? 'color:var(--red)' : ''}">${failed}</div></div>
+</div>`;
+
+  updateTerminalWarning();
+}
+
+function submitForCurrentProject() {
+  if (!projectContext) return;
+  startNewChat({ projectName: projectContext.name });
+}
+
+// ── 项目终端 ──────────────────────────────────────────────
+function terminalWsUrl(projectName) {
+  const proto = location.protocol === 'https:' ? 'wss:' : 'ws:';
+  return `${proto}//${location.host}${API}/api/projects/${encodeURIComponent(projectName)}/terminal`;
+}
+
+function setTerminalStatus(state, message) {
+  terminalContext.lastState = state;
+  const dot    = document.getElementById('project-terminal-dot');
+  const status = document.getElementById('project-terminal-status');
+  if (dot) {
+    const cls = state === 'connected' ? 'running' : state === 'error' ? 'failed' : 'killed';
+    dot.className = `status-dot ${cls}`;
+    dot.textContent = state === 'connected' ? '已连接' : state === 'error' ? '错误' : '未连接';
+  }
+  if (status) status.textContent = message || '';
+}
+
+function updateTerminalWarning() {
+  const warning = document.getElementById('project-terminal-warning');
+  if (!warning || !projectContext) return;
+  const account = projectDashboardData.accounts.find(a => a.name === projectContext.account);
+  if (account?.busy) {
+    warning.textContent = `账号 ${account.name} 当前有运行中的调度任务，终端仍可使用。`;
+    warning.classList.add('active');
+  } else {
+    warning.textContent = '';
+    warning.classList.remove('active');
+  }
+}
+
+function openProjectTerminal() {
+  if (!projectContext) return;
+  updateTerminalWarning();
+  if (terminalContext.projectName !== projectContext.name) {
+    disconnectProjectTerminal();
+  }
+  terminalContext.projectName = projectContext.name;
+  if (!terminalContext.socket || terminalContext.socket.readyState === WebSocket.CLOSED) {
+    connectProjectTerminal();
+  } else {
+    resizeProjectTerminal();
+  }
+}
+
+function ensureTerminalMounted() {
+  const mount = document.getElementById('project-terminal');
+  if (!mount || !window.Terminal || !window.FitAddon) return false;
+  if (terminalContext.terminal && mount.childElementCount) return true;
+
+  mount.innerHTML = '';
+  terminalContext.fitAddon  = new window.FitAddon.FitAddon();
+  terminalContext.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',
+    },
+  });
+  terminalContext.terminal.loadAddon(terminalContext.fitAddon);
+  terminalContext.terminal.open(mount);
+  terminalContext.terminal.onData(data => {
+    const socket = terminalContext.socket;
+    if (socket && socket.readyState === WebSocket.OPEN) {
+      socket.send(JSON.stringify({ type: 'input', data }));
+    }
+  });
+  resizeProjectTerminal();
+  return true;
+}
+
+function connectProjectTerminal() {
+  if (!projectContext) return;
+  disconnectProjectTerminal();
+  terminalContext.projectName = projectContext.name;
+  if (!ensureTerminalMounted()) {
+    setTerminalStatus('error', '终端资源未加载，请刷新页面后重试');
+    return;
+  }
+  updateTerminalWarning();
+  setTerminalStatus('closed', '正在连接项目容器...');
+  terminalContext.terminal.clear();
+  terminalContext.terminal.writeln(`Connecting to ${projectContext.name}...`);
+
+  const socket = new WebSocket(terminalWsUrl(projectContext.name));
+  terminalContext.socket = socket;
+
+  socket.addEventListener('open', () => {
+    terminalContext.connected = true;
+    resizeProjectTerminal();
+  });
+  socket.addEventListener('message', event => {
+    let message;
+    try { message = JSON.parse(event.data); } catch { return; }
+    if (message.type === 'output') {
+      terminalContext.terminal.write(String(message.data || ''));
+    } else if (message.type === 'status') {
+      terminalContext.connected = message.state === 'connected';
+      setTerminalStatus(message.state, message.message || '');
+      if (message.state === 'error') terminalContext.terminal.writeln(`\r\n${message.message || '连接失败'}`);
+    }
+  });
+  socket.addEventListener('close', () => {
+    terminalContext.connected = false;
+    if (terminalContext.lastState !== 'error') {
+      setTerminalStatus('closed', '终端连接已关闭');
+    }
+  });
+  socket.addEventListener('error', () => {
+    terminalContext.connected = false;
+    setTerminalStatus('error', '终端连接失败');
+  });
+}
+
+function resizeProjectTerminal() {
+  if (!terminalContext.terminal || !terminalContext.fitAddon) return;
+  clearTimeout(terminalContext.resizeTimer);
+  terminalContext.resizeTimer = setTimeout(() => {
+    try {
+      terminalContext.fitAddon.fit();
+      const socket = terminalContext.socket;
+      if (socket && socket.readyState === WebSocket.OPEN) {
+        socket.send(JSON.stringify({
+          type: 'resize',
+          cols: terminalContext.terminal.cols,
+          rows: terminalContext.terminal.rows,
+        }));
+      }
+    } catch { }
+  }, 30);
+}
+
+function disconnectProjectTerminal() {
+  const socket = terminalContext.socket;
+  terminalContext.socket    = null;
+  terminalContext.connected = false;
+  if (socket && socket.readyState !== WebSocket.CLOSED) {
+    socket.close();
+  }
+  if (terminalContext.terminal) {
+    terminalContext.terminal.dispose();
+  }
+  terminalContext.terminal   = null;
+  terminalContext.fitAddon   = null;
+  terminalContext.projectName = '';
+  terminalContext.lastState   = 'closed';
+  clearTimeout(terminalContext.resizeTimer);
+  setTerminalStatus('closed', '终端连接已关闭');
+}