chatccc 0.2.270 → 0.2.272
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.
- package/README.md +20 -16
- package/config.sample.json +1 -0
- package/deepccc-agent/README.md +19 -1
- package/deepccc-agent/package.json +65 -65
- package/dist/deepccc-agent/src/cli.js +5 -0
- package/dist/deepccc-agent/src/config.js +8 -0
- package/dist/deepccc-agent/src/index.js +20 -5
- package/dist/src/adapters/ccc-adapter.js +4 -1
- package/dist/src/agent-team/application/task-execution-service.js +330 -97
- package/dist/src/agent-team/domain/task-run.js +14 -1
- package/dist/src/agent-team/infrastructure/task-execution-runtime.js +7 -2
- package/dist/src/agent-team/main-agent-bootstrap.js +24 -1
- package/dist/src/agent-team/repositories/json-task-run-repository.js +22 -4
- package/dist/src/agent-team/web/agent-team-page.js +250 -243
- package/dist/src/config.js +12 -0
- package/dist/src/safe-maintenance.js +4 -1
- package/dist/src/session.js +11 -2
- package/dist/src/web-ui.js +31 -4
- package/package.json +76 -76
|
@@ -1,244 +1,251 @@
|
|
|
1
|
-
export const AGENT_TEAM_PAGE_HTML = `<!DOCTYPE html>
|
|
2
|
-
<html lang="zh-CN">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
|
6
|
-
<title>Agent Team</title>
|
|
7
|
-
<style>
|
|
8
|
-
:root{color-scheme:light;--bg:#f5f7fb;--panel:#fff;--panel2:#fff;--soft:#f8f9fc;--line:#e3e7ef;--text:#182033;--muted:#737d91;--accent:#6758e8;--accent-soft:#eeeaff;--danger:#c2415a;--success:#23825d;--shadow:0 8px 28px rgba(26,35,58,.07)}
|
|
9
|
-
*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}.app-shell{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:100vh}
|
|
10
|
-
.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:24px;padding:24px 18px;background:var(--panel);border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-size:17px;font-weight:800}.brand-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--accent);color:#fff;box-shadow:0 8px 18px rgba(103,88,232,.25)}.nav{display:grid;gap:7px}.nav-item{width:100%;display:flex;align-items:center;gap:11px;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:13px;font-weight:650;text-align:left}.nav-item:hover{border:0;background:var(--soft)}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.nav-icon{width:18px;text-align:center}.side-note{margin-top:auto;padding:13px;border:1px solid var(--line);background:var(--soft);border-radius:12px;font-size:11px;line-height:1.55;color:var(--muted)}.side-note strong{color:var(--success)}
|
|
11
|
-
.shell{min-width:320px;padding:24px}.top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--accent);margin-bottom:6px}.top h1{font-size:27px;line-height:1.2;letter-spacing:-.025em;margin:0}.top p{font-size:12px;color:var(--muted);margin:6px 0 0}.top a{height:38px;display:inline-flex;align-items:center;padding:0 13px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);text-decoration:none;font-size:12px;font-weight:700}
|
|
12
|
-
.workspace-bar{display:grid;grid-template-columns:minmax(180px,220px) minmax(280px,1fr) auto auto;gap:9px;padding:11px;background:var(--panel);border:1px solid var(--line);border-radius:15px;margin-bottom:12px;box-shadow:var(--shadow)}input,textarea,select{border:1px solid var(--line);background:var(--soft);color:var(--text);border-radius:9px;padding:10px 12px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(103,88,232,.13)}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;padding:10px 14px;background:var(--panel);color:var(--text);font-weight:700}button:hover{border-color:#c8cde0;background:#fbfbfe}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 7px 17px rgba(103,88,232,.22)}button.primary:hover{background:#5949d6;border-color:#5949d6}button.ghost{background:var(--soft)}button.danger{background:#fff1f3;border-color:#f3c4ce;color:var(--danger)}.hidden{display:none!important}
|
|
13
|
-
.main-agent-bar{display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:12px;padding:13px 15px;background:var(--panel);border:1px solid var(--line);border-radius:15px;margin-bottom:12px;box-shadow:var(--shadow)}.main-agent-copy{min-width:0}.main-agent-copy strong{display:block;font-size:13px;margin-bottom:3px}.main-agent-copy span{display:block;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-agent-controls{display:flex;align-items:center;gap:8px}.main-agent-controls select{min-width:130px}.main-agent-controls button{min-width:120px;white-space:nowrap}.agent-status{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.agent-status::before{content:"●";font-size:9px;color:#a3aabd}.agent-status.ready::before{color:var(--success)}.agent-status.error::before{color:var(--danger)}.agent-status.provisioning::before{color:#b7791f}
|
|
14
|
-
.status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 3px 10px;color:var(--muted);font-size:11px}.workspace-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.save-state{min-width:78px;text-align:right;color:var(--success);font-weight:700}.save-state::before{content:"● ";font-size:9px}.save-state.saving{color:#b7791f}.save-state.error{color:var(--danger)}
|
|
15
|
-
.board-scroll{overflow-x:auto;padding-bottom:12px}.board{display:grid;grid-template-columns:repeat(5,minmax(230px,1fr));gap:11px;min-width:1200px}.column{display:flex;flex-direction:column;min-height:calc(100vh - 230px);background:var(--soft);border:1px solid var(--line);border-radius:15px;overflow:hidden}.column.drag-over{border-color:var(--accent);box-shadow:0 0 0 3px rgba(103,88,232,.13)}.column-head{display:flex;align-items:center;gap:8px;padding:11px 10px 7px 13px}.column-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.column-title{font-size:13px;font-weight:800}.count{margin-left:auto;display:inline-grid;place-items:center;min-width:23px;height:23px;padding:0 7px;border-radius:999px;background:var(--panel);border:1px solid var(--line);color:var(--muted);font-size:10px}.column-add{width:27px;height:27px;display:grid;place-items:center;padding:0;border-color:transparent;border-radius:8px;background:transparent;color:var(--muted);font-size:19px;font-weight:500;line-height:1}.column-add:hover{border-color:var(--line);background:var(--panel);color:var(--accent)}.task-list{flex:1;min-height:100px;padding:4px 10px 10px}.task{position:relative;background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:12px;margin:8px 0;box-shadow:0 4px 15px rgba(34,42,65,.045);cursor:pointer}.task:hover{border-color:#d1d5e1;box-shadow:0 8px 22px rgba(34,42,65,.08)}.task.dragging{opacity:.35;cursor:grabbing}.task h3{font-size:13px;line-height:1.45;margin:0 42px 6px 0}.task p{font-size:11px;line-height:1.55;color:var(--muted);margin:0;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.task-actions{display:flex;gap:4px;position:absolute;right:7px;top:7px;opacity:0;transition:opacity .15s}.task:hover .task-actions,.task:focus-within .task-actions{opacity:1}.icon-btn{padding:3px 6px;border-radius:6px;background:var(--soft);color:var(--muted);font-size:10px}.empty{padding:20px 8px;text-align:center;color:#9aa3b4;font-size:11px}
|
|
16
|
-
.task.running{cursor:default;border-color:#cfc8ff}.task-run{margin-top:10px;padding-top:9px;border-top:1px solid var(--line)}.task-run-head{display:flex;align-items:center;justify-content:space-between;gap:7px}.run-status{font-size:10px;font-weight:800;color:var(--muted)}.run-status.running,.run-status.queued{color:var(--accent)}.run-status.succeeded{color:var(--success)}.run-status.failed,.run-status.interrupted{color:var(--danger)}.run-result{margin-top:6px!important;padding:7px 8px;border-radius:7px;background:var(--soft);display:-webkit-box!important;-webkit-line-clamp:3!important}.run-button{padding:5px 8px;font-size:10px;border-radius:7px}.run-button.primary{box-shadow:none}
|
|
17
|
-
.modal-backdrop{position:fixed;inset:0;z-index:20;background:rgba(24,32,51,.36);display:grid;place-items:center;padding:20px;backdrop-filter:blur(3px)}.modal{width:min(560px,100%);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 28px 90px rgba(35,43,65,.24)}.modal h2{margin:0 0 16px}.field{display:grid;gap:7px;margin-bottom:14px}.field label{font-size:13px;color:var(--text);font-weight:650}.field textarea{min-height:150px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:9px}.task-detail-modal{width:min(980px,100%);max-height:calc(100vh - 40px);padding:0;display:flex;flex-direction:column;overflow:hidden}.task-detail-scroll{min-height:0;overflow-y:auto;padding:22px 24px}.task-detail-modal>.modal-actions{flex:none;padding:14px 24px;border-top:1px solid var(--line);background:var(--panel)}.task-execution-details{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.task-execution-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.task-execution-title h3{margin:0;font-size:16px}.run-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}.run-meta-item{padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--soft);min-width:0}.run-meta-item span{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.run-meta-item strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.execution-timeline{display:grid;gap:9px}.timeline-entry{border:1px solid var(--line);border-radius:10px;background:var(--soft);overflow:hidden}.timeline-entry.tool_use{border-left:3px solid var(--accent)}.timeline-entry.tool_result{border-left:3px solid var(--success)}.timeline-entry.error{border-left-color:var(--danger)}.timeline-head{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:800}.timeline-entry pre{margin:0;padding:11px 12px;max-height:none;overflow:visible;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--text)}.timeline-empty{padding:22px;border:1px dashed var(--line);border-radius:10px;text-align:center;color:var(--muted);font-size:12px}.directory-modal{width:min(820px,100%)}.directory-layout{display:grid;grid-template-columns:180px minmax(0,1fr);min-height:430px;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:16px}.directory-sidebar{padding:12px;background:var(--soft);border-right:1px solid var(--line)}.directory-label{margin:2px 6px 9px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.05em}.directory-locations{display:grid;gap:4px}.directory-location{width:100%;padding:8px 9px;border:0;background:transparent;text-align:left;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.directory-location:hover{border:0;background:var(--accent-soft);color:var(--accent)}.directory-main{min-width:0;display:flex;flex-direction:column;padding:12px}.directory-toolbar{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:7px}.directory-toolbar button{padding:8px 11px}.directory-toolbar input{min-width:0;padding:8px 10px}.directory-list{flex:1;height:310px;overflow:auto;margin-top:10px;border:1px solid var(--line);border-radius:10px;background:var(--soft);padding:6px}.directory-row{width:100%;display:flex;align-items:center;gap:9px;padding:9px 10px;border:0;background:transparent;text-align:left;font-size:12px}.directory-row:hover{border:0;background:#fff}.directory-row.selected{border:0;background:var(--accent-soft);color:var(--accent)}.directory-folder-icon{color:#b7791f;font-size:15px}.directory-empty{padding:46px 16px;text-align:center;color:var(--muted);font-size:12px}.directory-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;color:var(--muted);font-size:11px}.directory-footer label{display:flex;align-items:center;gap:6px;white-space:nowrap}.directory-footer input{width:15px;height:15px;margin:0}.directory-selected{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.toast{position:fixed;right:22px;bottom:22px;z-index:30;max-width:min(420px,calc(100vw - 44px));padding:12px 15px;border-radius:10px;background:#253047;color:#fff;border:1px solid #35415a;box-shadow:0 16px 50px rgba(35,43,65,.25)}.toast.error{border-color:#ef9bad;background:#9f2942}
|
|
18
|
-
@media(max-width:1100px){.app-shell{grid-template-columns:78px minmax(0,1fr)}.sidebar{padding:22px 12px;align-items:center}.brand span:last-child,.nav-item span:last-child,.side-note{display:none}.nav-item{width:45px;height:45px;justify-content:center;padding:0}.workspace-bar{grid-template-columns:1fr 1fr}.workspace-bar input{grid-column:1/-1}.main-agent-bar{grid-template-columns:1fr}.main-agent-controls{justify-content:flex-end}.board{min-width:1200px}}
|
|
19
|
-
@media(max-width:700px){.app-shell{display:block}.sidebar{display:none}.shell{padding:14px}.top{align-items:flex-start}.workspace-bar{grid-template-columns:1fr}.workspace-bar input{grid-column:auto}.main-agent-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;justify-content:stretch}.main-agent-controls select{min-width:0}.board{min-width:1180px}.task-detail-scroll{padding:18px}.task-detail-modal>.modal-actions{padding:12px 18px}.run-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-layout{grid-template-columns:1fr}.directory-sidebar{border-right:0;border-bottom:1px solid var(--line)}.directory-locations{display:flex;overflow-x:auto}.directory-location{width:auto;min-width:max-content}.directory-toolbar{grid-template-columns:auto auto 1fr}.directory-list{height:270px}}
|
|
20
|
-
</style>
|
|
21
|
-
</head>
|
|
22
|
-
<body>
|
|
23
|
-
<div class="app-shell">
|
|
24
|
-
<aside class="sidebar">
|
|
25
|
-
<a class="brand" href="/agent-team"><span class="brand-icon">✦</span><span>Agent Team</span></a>
|
|
26
|
-
<nav class="nav" aria-label="Agent Team 导航">
|
|
27
|
-
<span class="nav-item active"><span class="nav-icon">▦</span><span>任务看板</span></span>
|
|
28
|
-
<button type="button" class="nav-item" data-feature="工作目录"><span class="nav-icon">⌕</span><span>工作目录</span></button>
|
|
29
|
-
<button type="button" class="nav-item" data-feature="同步设置"><span class="nav-icon">↻</span><span>同步设置</span></button>
|
|
30
|
-
</nav>
|
|
31
|
-
<div class="side-note">本地优先<br>数据保存在 ~/.chatccc<br><strong>● Node 后端已连接</strong></div>
|
|
32
|
-
</aside>
|
|
33
|
-
<main class="shell">
|
|
34
|
-
<div class="top"><div><div class="eyebrow">LOCAL WORKSPACE</div><h1>Agent Team</h1><p>每个工作目录拥有独立的本地任务看板</p></div><a href="/">返回设置</a></div>
|
|
35
|
-
<section class="workspace-bar">
|
|
36
|
-
<select id="recent" aria-label="最近工作目录"><option value="">最近工作目录</option></select>
|
|
37
|
-
<input id="workspace-path" type="text" spellcheck="false" placeholder="输入本机工作目录绝对路径">
|
|
38
|
-
<button id="pick" class="ghost">选择文件夹</button>
|
|
39
|
-
<button id="relink" class="hidden">重新关联</button>
|
|
40
|
-
</section>
|
|
41
|
-
<section class="main-agent-bar" aria-label="项目主 Agent">
|
|
42
|
-
<div class="main-agent-copy"><strong>项目主 Agent</strong><span id="main-agent-status" class="agent-status">请先打开一个项目</span></div>
|
|
43
|
-
<div class="main-agent-controls"><select id="main-agent" disabled aria-label="选择主 Agent"><option value="">选择主 Agent</option></select><button id="save-main-agent" class="primary" disabled>设置为主 Agent</button></div>
|
|
44
|
-
</section>
|
|
45
|
-
<div class="status-row"><span id="workspace-name" class="workspace-name">尚未打开工作目录</span><span id="save-state" class="save-state">本地 JSON</span></div>
|
|
46
|
-
<div class="board-scroll"><section class="board" id="board">
|
|
47
|
-
<article class="column" data-column="brainstorm"><header class="column-head"><span class="column-dot"></span><span class="column-title">头脑风暴</span><span class="count">0</span><button type="button" class="column-add" data-add="brainstorm" aria-label="在头脑风暴中添加任务" title="添加任务">＋</button></header><div class="task-list"></div></article>
|
|
48
|
-
<article class="column" data-column="todo"><header class="column-head"><span class="column-dot"></span><span class="column-title">Todo</span><span class="count">0</span><button type="button" class="column-add" data-add="todo" aria-label="在 Todo 中添加任务" title="添加任务">＋</button></header><div class="task-list"></div></article>
|
|
49
|
-
<article class="column" data-column="doing"><header class="column-head"><span class="column-dot"></span><span class="column-title">Doing</span><span class="count">0</span><button type="button" class="column-add" data-add="doing" aria-label="在 Doing 中添加任务" title="添加任务">＋</button></header><div class="task-list"></div></article>
|
|
50
|
-
<article class="column" data-column="done"><header class="column-head"><span class="column-dot"></span><span class="column-title">Done</span><span class="count">0</span><button type="button" class="column-add" data-add="done" aria-label="在 Done 中添加任务" title="添加任务">＋</button></header><div class="task-list"></div></article>
|
|
51
|
-
<article class="column" data-column="on_hold"><header class="column-head"><span class="column-dot"></span><span class="column-title">搁置</span><span class="count">0</span><button type="button" class="column-add" data-add="on_hold" aria-label="在搁置中添加任务" title="添加任务">＋</button></header><div class="task-list"></div></article>
|
|
52
|
-
</section></div>
|
|
53
|
-
</main>
|
|
54
|
-
</div>
|
|
55
|
-
<div id="modal" class="modal-backdrop hidden" role="dialog" aria-modal="true">
|
|
56
|
-
<form class="modal task-detail-modal" id="task-form">
|
|
57
|
-
<div class="task-detail-scroll">
|
|
58
|
-
<h2 id="modal-title">添加任务</h2>
|
|
59
|
-
<div class="field"><label for="task-title">标题</label><input id="task-title" maxlength="200" required></div>
|
|
60
|
-
<div class="field"><label for="task-description">描述</label><textarea id="task-description" maxlength="20000"></textarea></div>
|
|
61
|
-
<section id="task-execution-details" class="task-execution-details hidden">
|
|
62
|
-
<div class="task-execution-title"><h3>完整执行过程</h3><span id="task-run-status" class="run-status"></span></div>
|
|
63
|
-
<div id="task-run-
|
|
64
|
-
<div id="task-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
</
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
<
|
|
74
|
-
<
|
|
75
|
-
<div
|
|
76
|
-
|
|
77
|
-
</div>
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
<
|
|
82
|
-
|
|
83
|
-
<
|
|
84
|
-
|
|
85
|
-
<div id="directory-
|
|
86
|
-
<div
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
</div>
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
<
|
|
96
|
-
<
|
|
97
|
-
|
|
98
|
-
</div>
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
<
|
|
103
|
-
<p
|
|
104
|
-
<
|
|
105
|
-
|
|
106
|
-
</div>
|
|
107
|
-
|
|
108
|
-
<
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
var
|
|
112
|
-
var
|
|
113
|
-
var
|
|
114
|
-
var
|
|
115
|
-
var
|
|
116
|
-
var
|
|
117
|
-
var
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
var
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
function
|
|
127
|
-
function
|
|
128
|
-
function
|
|
129
|
-
|
|
130
|
-
state.
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
function
|
|
161
|
-
function
|
|
162
|
-
function
|
|
163
|
-
function
|
|
164
|
-
|
|
165
|
-
async function
|
|
166
|
-
function
|
|
167
|
-
|
|
168
|
-
async function
|
|
169
|
-
function
|
|
170
|
-
|
|
171
|
-
function
|
|
172
|
-
function
|
|
173
|
-
function
|
|
174
|
-
function
|
|
175
|
-
|
|
176
|
-
async function
|
|
177
|
-
async function
|
|
178
|
-
function
|
|
179
|
-
function
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
tasks.
|
|
185
|
-
|
|
186
|
-
var
|
|
187
|
-
var
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
state.
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
if(!
|
|
199
|
-
if(
|
|
200
|
-
|
|
201
|
-
else{status.textContent='
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
function
|
|
206
|
-
|
|
207
|
-
function saveMainAgent(
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
function
|
|
213
|
-
function
|
|
214
|
-
function
|
|
215
|
-
function
|
|
216
|
-
function
|
|
217
|
-
|
|
218
|
-
function
|
|
219
|
-
function
|
|
220
|
-
function
|
|
221
|
-
function
|
|
222
|
-
|
|
223
|
-
document.
|
|
224
|
-
document.
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
document.
|
|
229
|
-
document.
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
document.getElementById('
|
|
234
|
-
|
|
235
|
-
document.getElementById('
|
|
236
|
-
|
|
237
|
-
document.
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
})();
|
|
242
|
-
|
|
243
|
-
|
|
1
|
+
export const AGENT_TEAM_PAGE_HTML = `<!DOCTYPE html>
|
|
2
|
+
<html lang="zh-CN">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
|
6
|
+
<title>Agent Team</title>
|
|
7
|
+
<style>
|
|
8
|
+
:root{color-scheme:light;--bg:#f5f7fb;--panel:#fff;--panel2:#fff;--soft:#f8f9fc;--line:#e3e7ef;--text:#182033;--muted:#737d91;--accent:#6758e8;--accent-soft:#eeeaff;--danger:#c2415a;--success:#23825d;--shadow:0 8px 28px rgba(26,35,58,.07)}
|
|
9
|
+
*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}.app-shell{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:100vh}
|
|
10
|
+
.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:24px;padding:24px 18px;background:var(--panel);border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-size:17px;font-weight:800}.brand-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--accent);color:#fff;box-shadow:0 8px 18px rgba(103,88,232,.25)}.nav{display:grid;gap:7px}.nav-item{width:100%;display:flex;align-items:center;gap:11px;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:13px;font-weight:650;text-align:left}.nav-item:hover{border:0;background:var(--soft)}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.nav-icon{width:18px;text-align:center}.side-note{margin-top:auto;padding:13px;border:1px solid var(--line);background:var(--soft);border-radius:12px;font-size:11px;line-height:1.55;color:var(--muted)}.side-note strong{color:var(--success)}
|
|
11
|
+
.shell{min-width:320px;padding:24px}.top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--accent);margin-bottom:6px}.top h1{font-size:27px;line-height:1.2;letter-spacing:-.025em;margin:0}.top p{font-size:12px;color:var(--muted);margin:6px 0 0}.top a{height:38px;display:inline-flex;align-items:center;padding:0 13px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);text-decoration:none;font-size:12px;font-weight:700}
|
|
12
|
+
.workspace-bar{display:grid;grid-template-columns:minmax(180px,220px) minmax(280px,1fr) auto auto;gap:9px;padding:11px;background:var(--panel);border:1px solid var(--line);border-radius:15px;margin-bottom:12px;box-shadow:var(--shadow)}input,textarea,select{border:1px solid var(--line);background:var(--soft);color:var(--text);border-radius:9px;padding:10px 12px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(103,88,232,.13)}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;padding:10px 14px;background:var(--panel);color:var(--text);font-weight:700}button:hover{border-color:#c8cde0;background:#fbfbfe}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 7px 17px rgba(103,88,232,.22)}button.primary:hover{background:#5949d6;border-color:#5949d6}button.ghost{background:var(--soft)}button.danger{background:#fff1f3;border-color:#f3c4ce;color:var(--danger)}.hidden{display:none!important}
|
|
13
|
+
.main-agent-bar{display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:12px;padding:13px 15px;background:var(--panel);border:1px solid var(--line);border-radius:15px;margin-bottom:12px;box-shadow:var(--shadow)}.main-agent-copy{min-width:0}.main-agent-copy strong{display:block;font-size:13px;margin-bottom:3px}.main-agent-copy span{display:block;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-agent-controls{display:flex;align-items:center;gap:8px}.main-agent-controls select{min-width:130px}.main-agent-controls button{min-width:120px;white-space:nowrap}.agent-status{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.agent-status::before{content:"●";font-size:9px;color:#a3aabd}.agent-status.ready::before{color:var(--success)}.agent-status.error::before{color:var(--danger)}.agent-status.provisioning::before{color:#b7791f}
|
|
14
|
+
.status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 3px 10px;color:var(--muted);font-size:11px}.workspace-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.save-state{min-width:78px;text-align:right;color:var(--success);font-weight:700}.save-state::before{content:"● ";font-size:9px}.save-state.saving{color:#b7791f}.save-state.error{color:var(--danger)}
|
|
15
|
+
.board-scroll{overflow-x:auto;padding-bottom:12px}.board{display:grid;grid-template-columns:repeat(5,minmax(230px,1fr));gap:11px;min-width:1200px}.column{display:flex;flex-direction:column;min-height:calc(100vh - 230px);background:var(--soft);border:1px solid var(--line);border-radius:15px;overflow:hidden}.column.drag-over{border-color:var(--accent);box-shadow:0 0 0 3px rgba(103,88,232,.13)}.column-head{display:flex;align-items:center;gap:8px;padding:11px 10px 7px 13px}.column-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.column-title{font-size:13px;font-weight:800}.count{margin-left:auto;display:inline-grid;place-items:center;min-width:23px;height:23px;padding:0 7px;border-radius:999px;background:var(--panel);border:1px solid var(--line);color:var(--muted);font-size:10px}.column-add{width:27px;height:27px;display:grid;place-items:center;padding:0;border-color:transparent;border-radius:8px;background:transparent;color:var(--muted);font-size:19px;font-weight:500;line-height:1}.column-add:hover{border-color:var(--line);background:var(--panel);color:var(--accent)}.task-list{flex:1;min-height:100px;padding:4px 10px 10px}.task{position:relative;background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:12px;margin:8px 0;box-shadow:0 4px 15px rgba(34,42,65,.045);cursor:pointer}.task:hover{border-color:#d1d5e1;box-shadow:0 8px 22px rgba(34,42,65,.08)}.task.dragging{opacity:.35;cursor:grabbing}.task h3{font-size:13px;line-height:1.45;margin:0 42px 6px 0}.task p{font-size:11px;line-height:1.55;color:var(--muted);margin:0;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.task-actions{display:flex;gap:4px;position:absolute;right:7px;top:7px;opacity:0;transition:opacity .15s}.task:hover .task-actions,.task:focus-within .task-actions{opacity:1}.icon-btn{padding:3px 6px;border-radius:6px;background:var(--soft);color:var(--muted);font-size:10px}.empty{padding:20px 8px;text-align:center;color:#9aa3b4;font-size:11px}
|
|
16
|
+
.task.running{cursor:default;border-color:#cfc8ff}.task-run{margin-top:10px;padding-top:9px;border-top:1px solid var(--line)}.task-run-head{display:flex;align-items:center;justify-content:space-between;gap:7px}.run-status{font-size:10px;font-weight:800;color:var(--muted)}.run-status.running,.run-status.queued{color:var(--accent)}.run-status.succeeded{color:var(--success)}.run-status.failed,.run-status.interrupted{color:var(--danger)}.run-result{margin-top:6px!important;padding:7px 8px;border-radius:7px;background:var(--soft);display:-webkit-box!important;-webkit-line-clamp:3!important}.run-button{padding:5px 8px;font-size:10px;border-radius:7px}.run-button.primary{box-shadow:none}
|
|
17
|
+
.modal-backdrop{position:fixed;inset:0;z-index:20;background:rgba(24,32,51,.36);display:grid;place-items:center;padding:20px;backdrop-filter:blur(3px)}.modal{width:min(560px,100%);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 28px 90px rgba(35,43,65,.24)}.modal h2{margin:0 0 16px}.field{display:grid;gap:7px;margin-bottom:14px}.field label{font-size:13px;color:var(--text);font-weight:650}.field textarea{min-height:150px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:9px}.task-detail-modal{width:min(980px,100%);max-height:calc(100vh - 40px);padding:0;display:flex;flex-direction:column;overflow:hidden}.task-detail-scroll{min-height:0;overflow-y:auto;padding:22px 24px}.task-detail-modal>.modal-actions{flex:none;padding:14px 24px;border-top:1px solid var(--line);background:var(--panel)}.task-execution-details{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.task-execution-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.task-execution-title h3{margin:0;font-size:16px}.run-history-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px}.run-history-toolbar select{min-width:0;flex:1}.run-history-toolbar button{white-space:nowrap}.run-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}.run-meta-item{padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--soft);min-width:0}.run-meta-item span{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.run-meta-item strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.execution-timeline{display:grid;gap:9px}.timeline-entry{border:1px solid var(--line);border-radius:10px;background:var(--soft);overflow:hidden}.timeline-entry.tool_use{border-left:3px solid var(--accent)}.timeline-entry.tool_result{border-left:3px solid var(--success)}.timeline-entry.error{border-left-color:var(--danger)}.timeline-head{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:800}.timeline-entry pre{margin:0;padding:11px 12px;max-height:none;overflow:visible;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--text)}.timeline-empty{padding:22px;border:1px dashed var(--line);border-radius:10px;text-align:center;color:var(--muted);font-size:12px}.directory-modal{width:min(820px,100%)}.directory-layout{display:grid;grid-template-columns:180px minmax(0,1fr);min-height:430px;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:16px}.directory-sidebar{padding:12px;background:var(--soft);border-right:1px solid var(--line)}.directory-label{margin:2px 6px 9px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.05em}.directory-locations{display:grid;gap:4px}.directory-location{width:100%;padding:8px 9px;border:0;background:transparent;text-align:left;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.directory-location:hover{border:0;background:var(--accent-soft);color:var(--accent)}.directory-main{min-width:0;display:flex;flex-direction:column;padding:12px}.directory-toolbar{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:7px}.directory-toolbar button{padding:8px 11px}.directory-toolbar input{min-width:0;padding:8px 10px}.directory-list{flex:1;height:310px;overflow:auto;margin-top:10px;border:1px solid var(--line);border-radius:10px;background:var(--soft);padding:6px}.directory-row{width:100%;display:flex;align-items:center;gap:9px;padding:9px 10px;border:0;background:transparent;text-align:left;font-size:12px}.directory-row:hover{border:0;background:#fff}.directory-row.selected{border:0;background:var(--accent-soft);color:var(--accent)}.directory-folder-icon{color:#b7791f;font-size:15px}.directory-empty{padding:46px 16px;text-align:center;color:var(--muted);font-size:12px}.directory-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;color:var(--muted);font-size:11px}.directory-footer label{display:flex;align-items:center;gap:6px;white-space:nowrap}.directory-footer input{width:15px;height:15px;margin:0}.directory-selected{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.toast{position:fixed;right:22px;bottom:22px;z-index:30;max-width:min(420px,calc(100vw - 44px));padding:12px 15px;border-radius:10px;background:#253047;color:#fff;border:1px solid #35415a;box-shadow:0 16px 50px rgba(35,43,65,.25)}.toast.error{border-color:#ef9bad;background:#9f2942}
|
|
18
|
+
@media(max-width:1100px){.app-shell{grid-template-columns:78px minmax(0,1fr)}.sidebar{padding:22px 12px;align-items:center}.brand span:last-child,.nav-item span:last-child,.side-note{display:none}.nav-item{width:45px;height:45px;justify-content:center;padding:0}.workspace-bar{grid-template-columns:1fr 1fr}.workspace-bar input{grid-column:1/-1}.main-agent-bar{grid-template-columns:1fr}.main-agent-controls{justify-content:flex-end}.board{min-width:1200px}}
|
|
19
|
+
@media(max-width:700px){.app-shell{display:block}.sidebar{display:none}.shell{padding:14px}.top{align-items:flex-start}.workspace-bar{grid-template-columns:1fr}.workspace-bar input{grid-column:auto}.main-agent-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;justify-content:stretch}.main-agent-controls select{min-width:0}.board{min-width:1180px}.task-detail-scroll{padding:18px}.task-detail-modal>.modal-actions{padding:12px 18px}.run-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-layout{grid-template-columns:1fr}.directory-sidebar{border-right:0;border-bottom:1px solid var(--line)}.directory-locations{display:flex;overflow-x:auto}.directory-location{width:auto;min-width:max-content}.directory-toolbar{grid-template-columns:auto auto 1fr}.directory-list{height:270px}}
|
|
20
|
+
</style>
|
|
21
|
+
</head>
|
|
22
|
+
<body>
|
|
23
|
+
<div class="app-shell">
|
|
24
|
+
<aside class="sidebar">
|
|
25
|
+
<a class="brand" href="/agent-team"><span class="brand-icon">✦</span><span>Agent Team</span></a>
|
|
26
|
+
<nav class="nav" aria-label="Agent Team 导航">
|
|
27
|
+
<span class="nav-item active"><span class="nav-icon">▦</span><span>任务看板</span></span>
|
|
28
|
+
<button type="button" class="nav-item" data-feature="工作目录"><span class="nav-icon">⌕</span><span>工作目录</span></button>
|
|
29
|
+
<button type="button" class="nav-item" data-feature="同步设置"><span class="nav-icon">↻</span><span>同步设置</span></button>
|
|
30
|
+
</nav>
|
|
31
|
+
<div class="side-note">本地优先<br>数据保存在 ~/.chatccc<br><strong>● Node 后端已连接</strong></div>
|
|
32
|
+
</aside>
|
|
33
|
+
<main class="shell">
|
|
34
|
+
<div class="top"><div><div class="eyebrow">LOCAL WORKSPACE</div><h1>Agent Team</h1><p>每个工作目录拥有独立的本地任务看板</p></div><a href="/">返回设置</a></div>
|
|
35
|
+
<section class="workspace-bar">
|
|
36
|
+
<select id="recent" aria-label="最近工作目录"><option value="">最近工作目录</option></select>
|
|
37
|
+
<input id="workspace-path" type="text" spellcheck="false" placeholder="输入本机工作目录绝对路径">
|
|
38
|
+
<button id="pick" class="ghost">选择文件夹</button>
|
|
39
|
+
<button id="relink" class="hidden">重新关联</button>
|
|
40
|
+
</section>
|
|
41
|
+
<section class="main-agent-bar" aria-label="项目主 Agent">
|
|
42
|
+
<div class="main-agent-copy"><strong>项目主 Agent</strong><span id="main-agent-status" class="agent-status">请先打开一个项目</span></div>
|
|
43
|
+
<div class="main-agent-controls"><select id="main-agent" disabled aria-label="选择主 Agent"><option value="">选择主 Agent</option></select><button id="save-main-agent" class="primary" disabled>设置为主 Agent</button></div>
|
|
44
|
+
</section>
|
|
45
|
+
<div class="status-row"><span id="workspace-name" class="workspace-name">尚未打开工作目录</span><span id="save-state" class="save-state">本地 JSON</span></div>
|
|
46
|
+
<div class="board-scroll"><section class="board" id="board">
|
|
47
|
+
<article class="column" data-column="brainstorm"><header class="column-head"><span class="column-dot"></span><span class="column-title">头脑风暴</span><span class="count">0</span><button type="button" class="column-add" data-add="brainstorm" aria-label="在头脑风暴中添加任务" title="添加任务">＋</button></header><div class="task-list"></div></article>
|
|
48
|
+
<article class="column" data-column="todo"><header class="column-head"><span class="column-dot"></span><span class="column-title">Todo</span><span class="count">0</span><button type="button" class="column-add" data-add="todo" aria-label="在 Todo 中添加任务" title="添加任务">＋</button></header><div class="task-list"></div></article>
|
|
49
|
+
<article class="column" data-column="doing"><header class="column-head"><span class="column-dot"></span><span class="column-title">Doing</span><span class="count">0</span><button type="button" class="column-add" data-add="doing" aria-label="在 Doing 中添加任务" title="添加任务">＋</button></header><div class="task-list"></div></article>
|
|
50
|
+
<article class="column" data-column="done"><header class="column-head"><span class="column-dot"></span><span class="column-title">Done</span><span class="count">0</span><button type="button" class="column-add" data-add="done" aria-label="在 Done 中添加任务" title="添加任务">＋</button></header><div class="task-list"></div></article>
|
|
51
|
+
<article class="column" data-column="on_hold"><header class="column-head"><span class="column-dot"></span><span class="column-title">搁置</span><span class="count">0</span><button type="button" class="column-add" data-add="on_hold" aria-label="在搁置中添加任务" title="添加任务">＋</button></header><div class="task-list"></div></article>
|
|
52
|
+
</section></div>
|
|
53
|
+
</main>
|
|
54
|
+
</div>
|
|
55
|
+
<div id="modal" class="modal-backdrop hidden" role="dialog" aria-modal="true">
|
|
56
|
+
<form class="modal task-detail-modal" id="task-form">
|
|
57
|
+
<div class="task-detail-scroll">
|
|
58
|
+
<h2 id="modal-title">添加任务</h2>
|
|
59
|
+
<div class="field"><label for="task-title">标题</label><input id="task-title" maxlength="200" required></div>
|
|
60
|
+
<div class="field"><label for="task-description">描述</label><textarea id="task-description" maxlength="20000"></textarea></div>
|
|
61
|
+
<section id="task-execution-details" class="task-execution-details hidden">
|
|
62
|
+
<div class="task-execution-title"><h3>完整执行过程</h3><span id="task-run-status" class="run-status"></span></div>
|
|
63
|
+
<div class="run-history-toolbar"><select id="task-run-history" aria-label="选择执行记录"></select><button type="button" id="copy-task-run" class="ghost">复制记录</button></div>
|
|
64
|
+
<div id="task-run-meta" class="run-meta"></div>
|
|
65
|
+
<div id="task-transcript" class="execution-timeline"></div>
|
|
66
|
+
</section>
|
|
67
|
+
</div>
|
|
68
|
+
<div class="modal-actions"><button type="button" id="cancel" class="ghost">取消</button><button type="submit" id="task-save" class="primary">保存</button></div>
|
|
69
|
+
</form>
|
|
70
|
+
</div>
|
|
71
|
+
<div id="dm-modal" class="modal-backdrop hidden" role="dialog" aria-modal="true" aria-labelledby="dm-modal-title">
|
|
72
|
+
<div class="modal">
|
|
73
|
+
<h2 id="dm-modal-title">需要识别飞书用户</h2>
|
|
74
|
+
<p style="color:var(--muted);line-height:1.7;margin:0 0 16px">请先给飞书机器人私聊发送任意消息。检测到私聊后，网页会自动继续创建主 Agent 群。</p>
|
|
75
|
+
<div id="dm-detect-status" class="agent-status provisioning" style="margin-bottom:18px">正在等待私聊消息…</div>
|
|
76
|
+
<div class="modal-actions"><button type="button" id="dm-cancel" class="ghost">取消</button><button type="button" id="dm-check" class="primary">立即检测</button></div>
|
|
77
|
+
</div>
|
|
78
|
+
</div>
|
|
79
|
+
<div id="directory-modal" class="modal-backdrop hidden" role="dialog" aria-modal="true" aria-labelledby="directory-modal-title">
|
|
80
|
+
<div class="modal directory-modal">
|
|
81
|
+
<h2 id="directory-modal-title">选择工作目录</h2>
|
|
82
|
+
<div class="directory-layout">
|
|
83
|
+
<aside class="directory-sidebar"><div class="directory-label">快捷位置</div><div id="directory-locations" class="directory-locations"></div></aside>
|
|
84
|
+
<section class="directory-main">
|
|
85
|
+
<div class="directory-toolbar"><button type="button" id="directory-up" class="ghost" title="返回上级">↑</button><button type="button" id="directory-refresh" class="ghost" title="刷新">↻</button><input id="directory-path" aria-label="目录路径" spellcheck="false"></div>
|
|
86
|
+
<div id="directory-list" class="directory-list"><div class="directory-empty">正在读取目录…</div></div>
|
|
87
|
+
<div class="directory-footer"><label><input type="checkbox" id="directory-show-hidden">显示隐藏目录</label><span id="directory-selected" class="directory-selected">请选择当前目录或一个子目录</span></div>
|
|
88
|
+
</section>
|
|
89
|
+
</div>
|
|
90
|
+
<div class="modal-actions"><button type="button" id="directory-cancel" class="ghost">取消</button><button type="button" id="directory-confirm" class="primary">选择当前文件夹</button></div>
|
|
91
|
+
</div>
|
|
92
|
+
</div>
|
|
93
|
+
<div id="feature-modal" class="modal-backdrop hidden" role="dialog" aria-modal="true" aria-labelledby="feature-modal-title">
|
|
94
|
+
<div class="modal">
|
|
95
|
+
<h2 id="feature-modal-title">功能尚未实现</h2>
|
|
96
|
+
<p id="feature-modal-message" style="color:var(--muted);line-height:1.7;margin:0 0 16px"></p>
|
|
97
|
+
<div class="modal-actions"><button type="button" id="feature-modal-ok" class="primary">知道了</button></div>
|
|
98
|
+
</div>
|
|
99
|
+
</div>
|
|
100
|
+
<div id="create-board-modal" class="modal-backdrop hidden" role="dialog" aria-modal="true" aria-labelledby="create-board-modal-title">
|
|
101
|
+
<div class="modal">
|
|
102
|
+
<h2 id="create-board-modal-title">新建看板</h2>
|
|
103
|
+
<p style="color:var(--muted);line-height:1.7;margin:0 0 8px">这个路径还没有创建过看板，是否为这个路径新建看板？</p>
|
|
104
|
+
<p id="create-board-path" style="word-break:break-all;background:var(--soft);border:1px solid var(--line);border-radius:9px;padding:10px 12px;margin:0 0 18px"></p>
|
|
105
|
+
<div class="modal-actions"><button type="button" id="create-board-cancel" class="ghost">取消</button><button type="button" id="create-board-confirm" class="primary">新建看板</button></div>
|
|
106
|
+
</div>
|
|
107
|
+
</div>
|
|
108
|
+
<div id="toast" class="toast hidden"></div>
|
|
109
|
+
<script>
|
|
110
|
+
(function(){
|
|
111
|
+
var state={board:null,binding:null,runs:[],runPollTimer:null,runPollBusy:false,workspaces:[],agentOptions:[],dragTaskId:null,modalTaskId:null,modalColumnId:null,modalRunId:null,modalRunDetail:null,modalDetailVersion:0,relinkBoardId:null,pendingAgentId:null,pendingWorkspacePath:null,workspaceSelectionVersion:0,directoryLocations:[],directoryPath:null,directoryParentPath:null,directorySelectedPath:null,directoryBrowseVersion:0,contactTimer:null,contactChecking:false,mutationQueue:Promise.resolve()};
|
|
112
|
+
var columns=['brainstorm','todo','doing','done','on_hold'];
|
|
113
|
+
var recent=document.getElementById('recent');
|
|
114
|
+
var pathInput=document.getElementById('workspace-path');
|
|
115
|
+
var relinkButton=document.getElementById('relink');
|
|
116
|
+
var saveState=document.getElementById('save-state');
|
|
117
|
+
var mainAgentSelect=document.getElementById('main-agent');
|
|
118
|
+
var mainAgentButton=document.getElementById('save-main-agent');
|
|
119
|
+
|
|
120
|
+
async function api(path,options){
|
|
121
|
+
var response=await fetch(path,Object.assign({headers:{'content-type':'application/json; charset=utf-8'}},options||{}));
|
|
122
|
+
var data=await response.json().catch(function(){return {error:'响应不是有效 JSON'};});
|
|
123
|
+
if(!response.ok){var error=new Error(data.error||('HTTP '+response.status));error.code=data.code;throw error;}
|
|
124
|
+
return data;
|
|
125
|
+
}
|
|
126
|
+
function request(method,path,body){return api(path,{method:method,body:body===undefined?undefined:JSON.stringify(body)});}
|
|
127
|
+
function setSaving(label,kind){saveState.textContent=label;saveState.className='save-state '+(kind||'');}
|
|
128
|
+
function toast(message,error){var el=document.getElementById('toast');el.textContent=message;el.className='toast'+(error?' error':'');clearTimeout(toast.timer);toast.timer=setTimeout(function(){el.className='toast hidden';},3500);}
|
|
129
|
+
function mutate(operation){
|
|
130
|
+
if(!state.board)return Promise.resolve(false);
|
|
131
|
+
state.mutationQueue=state.mutationQueue.then(async function(){
|
|
132
|
+
setSaving('保存中…','saving');
|
|
133
|
+
try{var result=await operation();state.board=result.board;if(Object.prototype.hasOwnProperty.call(result,'binding'))state.binding=result.binding;renderBoard();setSaving('已保存','');return true;}
|
|
134
|
+
catch(error){setSaving('保存失败','error');if(error.code==='revision_conflict'){try{await reloadBoard();toast('其他页面修改了看板，已载入最新版本',true);}catch(reloadError){toast(reloadError.message,true);}}else toast(error.message,true);return false;}
|
|
135
|
+
});
|
|
136
|
+
return state.mutationQueue;
|
|
137
|
+
}
|
|
138
|
+
async function refreshWorkspaces(selectBoardId){
|
|
139
|
+
var data=await api('/api/agent-team/workspaces');state.workspaces=data.workspaces||[];state.agentOptions=data.agentOptions||[];recent.innerHTML='<option value="">最近工作目录</option>';
|
|
140
|
+
state.workspaces.forEach(function(item){var option=document.createElement('option');option.value=item.boardId;option.textContent=(item.exists?'':'⚠ ')+item.workspacePath;recent.appendChild(option);});
|
|
141
|
+
if(selectBoardId)recent.value=selectBoardId;
|
|
142
|
+
return data.defaultWorkspace;
|
|
143
|
+
}
|
|
144
|
+
async function openWorkspace(path,selectionVersion){
|
|
145
|
+
if(!path||!path.trim())return toast('请输入工作目录',true);
|
|
146
|
+
var version=selectionVersion===undefined?++state.workspaceSelectionVersion:selectionVersion;
|
|
147
|
+
await state.mutationQueue;
|
|
148
|
+
setSaving('加载中…','saving');
|
|
149
|
+
try{var result=await request('POST','/api/agent-team/open',{workspacePath:path.trim()});if(version!==state.workspaceSelectionVersion)return;state.board=result.board;state.binding=result.binding||null;state.runs=[];state.relinkBoardId=null;relinkButton.classList.add('hidden');pathInput.value=state.board.workspacePath;await Promise.all([refreshWorkspaces(state.board.boardId),loadRuns(false)]);if(version!==state.workspaceSelectionVersion)return;renderBoard();scheduleRunPoll();setSaving('已保存','');}
|
|
150
|
+
catch(error){if(version!==state.workspaceSelectionVersion)return;setSaving('打开失败','error');toast(error.message,true);}
|
|
151
|
+
}
|
|
152
|
+
async function selectWorkspacePath(path){
|
|
153
|
+
if(!path||!path.trim())return toast('请输入工作目录',true);
|
|
154
|
+
var workspacePath=path.trim();var version=++state.workspaceSelectionVersion;
|
|
155
|
+
await state.mutationQueue;
|
|
156
|
+
setSaving('检查中…','saving');
|
|
157
|
+
try{var lookup=await request('POST','/api/agent-team/lookup',{workspacePath:workspacePath});if(version!==state.workspaceSelectionVersion)return;if(lookup.exists)return openWorkspace(workspacePath,version);state.pendingWorkspacePath=workspacePath;pathInput.value=workspacePath;document.getElementById('create-board-path').textContent=workspacePath;document.getElementById('create-board-modal').classList.remove('hidden');setSaving(state.board?'已保存':'本地 JSON','');}
|
|
158
|
+
catch(error){if(version!==state.workspaceSelectionVersion)return;setSaving('打开失败','error');toast(error.message,true);}
|
|
159
|
+
}
|
|
160
|
+
function closeCreateBoardModal(keepPath){document.getElementById('create-board-modal').classList.add('hidden');state.pendingWorkspacePath=null;if(!keepPath&&state.board)pathInput.value=state.board.workspacePath;}
|
|
161
|
+
function showFeatureModal(feature){document.getElementById('feature-modal-message').textContent='“'+feature+'”功能还未实现，后续版本会开放。';document.getElementById('feature-modal').classList.remove('hidden');}
|
|
162
|
+
function closeFeatureModal(){document.getElementById('feature-modal').classList.add('hidden');}
|
|
163
|
+
function renderDirectoryLocations(){var root=document.getElementById('directory-locations');root.innerHTML='';state.directoryLocations.forEach(function(location){var button=document.createElement('button');button.type='button';button.className='directory-location';button.textContent=(location.kind==='drive'?'▣ ':'⌂ ')+location.label;button.title=location.path;button.addEventListener('click',function(){browseDirectory(location.path);});root.appendChild(button);});}
|
|
164
|
+
function renderDirectoryEntries(entries){var root=document.getElementById('directory-list');root.innerHTML='';if(!entries.length){var empty=document.createElement('div');empty.className='directory-empty';empty.textContent='这个目录中没有可显示的子目录';root.appendChild(empty);return;}entries.forEach(function(entry){var row=document.createElement('button');row.type='button';row.className='directory-row';row.title='双击进入 '+entry.path;var icon=document.createElement('span');icon.className='directory-folder-icon';icon.textContent='▰';var name=document.createElement('span');name.textContent=entry.name;row.append(icon,name);row.addEventListener('click',function(){state.directorySelectedPath=entry.path;root.querySelectorAll('.directory-row').forEach(function(item){item.classList.remove('selected');});row.classList.add('selected');document.getElementById('directory-selected').textContent=entry.path;document.getElementById('directory-confirm').textContent='选择此文件夹';});row.addEventListener('dblclick',function(){browseDirectory(entry.path);});root.appendChild(row);});}
|
|
165
|
+
async function browseDirectory(path){if(!path)return false;var version=++state.directoryBrowseVersion;var root=document.getElementById('directory-list');root.innerHTML='<div class="directory-empty">正在读取目录…</div>';document.getElementById('directory-path').value=path;try{var result=await request('POST','/api/agent-team/filesystem/directories',{path:path,showHidden:document.getElementById('directory-show-hidden').checked});if(version!==state.directoryBrowseVersion)return false;state.directoryPath=result.directory.path;state.directoryParentPath=result.directory.parentPath;state.directorySelectedPath=null;document.getElementById('directory-path').value=result.directory.path;document.getElementById('directory-up').disabled=!result.directory.parentPath;document.getElementById('directory-selected').textContent=result.directory.path;document.getElementById('directory-confirm').textContent='选择当前文件夹';renderDirectoryEntries(result.directory.entries||[]);return true;}catch(error){if(version!==state.directoryBrowseVersion)return false;root.innerHTML='';var empty=document.createElement('div');empty.className='directory-empty';empty.textContent=error.message;root.appendChild(empty);return false;}}
|
|
166
|
+
async function openDirectoryModal(){state.directoryPath=null;state.directoryParentPath=null;state.directorySelectedPath=null;document.getElementById('directory-modal').classList.remove('hidden');document.getElementById('directory-locations').innerHTML='';document.getElementById('directory-list').innerHTML='<div class="directory-empty">正在读取目录…</div>';try{var result=await api('/api/agent-team/filesystem/locations');state.directoryLocations=result.locations||[];renderDirectoryLocations();var candidate=pathInput.value.trim()||(state.board&&state.board.workspacePath)||(state.directoryLocations[0]&&state.directoryLocations[0].path);var opened=await browseDirectory(candidate);if(!opened&&state.directoryLocations[0]&&state.directoryLocations[0].path!==candidate)await browseDirectory(state.directoryLocations[0].path);}catch(error){var root=document.getElementById('directory-list');root.innerHTML='';var empty=document.createElement('div');empty.className='directory-empty';empty.textContent=error.message;root.appendChild(empty);}}
|
|
167
|
+
function closeDirectoryModal(){state.directoryBrowseVersion++;document.getElementById('directory-modal').classList.add('hidden');}
|
|
168
|
+
async function confirmDirectorySelection(){var target=state.directorySelectedPath||state.directoryPath;if(!target)return;var button=document.getElementById('directory-confirm');button.disabled=true;try{var result=await request('POST','/api/agent-team/filesystem/validate-directory',{path:target});closeDirectoryModal();pathInput.value=result.path;if(!state.relinkBoardId)selectWorkspacePath(result.path);}catch(error){toast(error.message,true);}finally{button.disabled=false;}}
|
|
169
|
+
async function reloadBoard(){if(!state.board)return;var result=await api('/api/agent-team/boards/'+encodeURIComponent(state.board.boardId));state.board=result.board;state.binding=result.binding||null;renderBoard();}
|
|
170
|
+
function workspaceShortName(value){var path=String(value||'');var slash=String.fromCharCode(92);while(path.endsWith('/')||path.endsWith(slash))path=path.slice(0,-1);var index=Math.max(path.lastIndexOf('/'),path.lastIndexOf(slash));return path.slice(index+1)||path;}
|
|
171
|
+
async function loadRuns(render){if(!state.board)return;var boardId=state.board.boardId;var result=await api('/api/agent-team/boards/'+encodeURIComponent(boardId)+'/runs');if(!state.board||state.board.boardId!==boardId)return;state.runs=result.runs||[];if(render!==false)renderBoard();}
|
|
172
|
+
function latestRun(taskId){return state.runs.find(function(run){return run.taskId===taskId;})||null;}
|
|
173
|
+
function isActiveRun(run){return !!run&&(run.state==='queued'||run.state==='running');}
|
|
174
|
+
function runLabel(run){if(isActiveRun(run)&&run.stalledAt)return '疑似停滞';var labels={queued:'等待执行',running:run.stopRequestedAt?'正在停止':'主 Agent 执行中',succeeded:'执行成功',failed:'执行失败',canceled:'已停止',interrupted:'重启时中断'};return labels[run.state]||run.state;}
|
|
175
|
+
function scheduleRunPoll(){if(state.runPollTimer){clearTimeout(state.runPollTimer);state.runPollTimer=null;}if(!state.runs.some(isActiveRun))return;state.runPollTimer=setTimeout(pollRuns,1500);}
|
|
176
|
+
async function pollRuns(){if(state.runPollBusy||!state.board)return scheduleRunPoll();state.runPollBusy=true;var boardId=state.board.boardId;try{var results=await Promise.all([api('/api/agent-team/boards/'+encodeURIComponent(boardId)),api('/api/agent-team/boards/'+encodeURIComponent(boardId)+'/runs')]);if(state.board&&state.board.boardId===boardId){state.board=results[0].board;state.binding=results[0].binding||null;state.runs=results[1].runs||[];renderBoard();if(state.modalTaskId)await loadOpenTaskRunDetails(false);if(!state.runs.some(isActiveRun))setSaving('已保存','');}}catch(error){toast(error.message,true);}finally{state.runPollBusy=false;scheduleRunPoll();}}
|
|
177
|
+
async function startTaskRun(task){if(!state.board)return;if(!state.binding||state.binding.status!=='ready')return toast('请先设置可用的主 Agent',true);try{setSaving('正在交给主 Agent…','saving');var result=await request('POST','/api/agent-team/boards/'+encodeURIComponent(state.board.boardId)+'/tasks/'+encodeURIComponent(task.id)+'/run',{expectedRevision:state.board.revision});state.board=result.board;state.runs=[result.run].concat(state.runs.filter(function(run){return run.runId!==result.run.runId;}));renderBoard();scheduleRunPoll();setSaving('任务执行中','saving');}catch(error){if(error.code==='revision_conflict')await reloadBoard();toast(error.message,true);setSaving('执行失败','error');}}
|
|
178
|
+
async function stopTaskRun(run){if(!state.board)return;try{var result=await request('POST','/api/agent-team/boards/'+encodeURIComponent(state.board.boardId)+'/runs/'+encodeURIComponent(run.runId)+'/stop',{});state.runs=state.runs.map(function(item){return item.runId===result.run.runId?result.run:item;});renderBoard();scheduleRunPoll();toast('已请求主 Agent 停止任务');}catch(error){toast(error.message,true);}}
|
|
179
|
+
function activeTasks(columnId){return state.board?state.board.tasks.filter(function(task){return !task.deletedAt&&task.columnId===columnId;}).sort(function(a,b){return a.order-b.order;}):[];}
|
|
180
|
+
function renderBoard(){
|
|
181
|
+
document.getElementById('workspace-name').textContent=state.board?state.board.workspacePath:'尚未打开工作目录';
|
|
182
|
+
renderMainAgent();
|
|
183
|
+
columns.forEach(function(columnId){var column=document.querySelector('[data-column="'+columnId+'"]');var list=column.querySelector('.task-list');var tasks=activeTasks(columnId);column.querySelector('.count').textContent=String(tasks.length);list.innerHTML='';
|
|
184
|
+
if(!tasks.length){var empty=document.createElement('div');empty.className='empty';empty.textContent='暂无任务';list.appendChild(empty);}
|
|
185
|
+
tasks.forEach(function(task){var run=latestRun(task.id);var active=isActiveRun(run);var dragged=false;var card=document.createElement('article');card.className='task'+(active?' running':'');card.draggable=!active;card.dataset.taskId=task.id;
|
|
186
|
+
var title=document.createElement('h3');title.textContent=task.title;card.appendChild(title);if(task.description){var desc=document.createElement('p');desc.textContent=task.description;card.appendChild(desc);}
|
|
187
|
+
var actions=document.createElement('div');actions.className='task-actions';var edit=document.createElement('button');edit.type='button';edit.className='icon-btn';edit.textContent='编辑';edit.addEventListener('click',function(event){event.stopPropagation();showEdit(task);});var del=document.createElement('button');del.type='button';del.className='icon-btn';del.textContent='删除';del.disabled=active;del.addEventListener('click',function(event){event.stopPropagation();removeTask(task);});actions.append(edit,del);card.appendChild(actions);
|
|
188
|
+
var runBox=document.createElement('div');runBox.className='task-run';var runHead=document.createElement('div');runHead.className='task-run-head';var status=document.createElement('span');status.className='run-status '+(run?run.state:'');status.textContent=run?runLabel(run)+(run.attempt>1?' · 第 '+run.attempt+' 次':''):'尚未执行';var runButton=document.createElement('button');runButton.type='button';runButton.className='run-button '+(!run||!active?'primary':'danger');runButton.textContent=active?'停止':(run?'重试':'交给主 Agent');runButton.addEventListener('click',function(event){event.stopPropagation();if(active)stopTaskRun(run);else startTaskRun(task);});runHead.append(status,runButton);runBox.appendChild(runHead);if(run&&(run.result||run.error)){var resultText=document.createElement('p');resultText.className='run-result';resultText.textContent=run.error||run.result;runBox.appendChild(resultText);}card.appendChild(runBox);
|
|
189
|
+
card.addEventListener('click',function(){if(!dragged)showEdit(task);});card.addEventListener('dragstart',function(event){if(active){event.preventDefault();return;}dragged=true;state.dragTaskId=task.id;card.classList.add('dragging');event.dataTransfer.effectAllowed='move';});card.addEventListener('dragend',function(){state.dragTaskId=null;card.classList.remove('dragging');document.querySelectorAll('.column').forEach(function(el){el.classList.remove('drag-over');});setTimeout(function(){dragged=false;},0);});list.appendChild(card);
|
|
190
|
+
});
|
|
191
|
+
});
|
|
192
|
+
}
|
|
193
|
+
function renderMainAgent(){
|
|
194
|
+
var selected=state.board?(state.board.primaryAgentId||(state.binding&&state.binding.agentId)||''):'';mainAgentSelect.innerHTML='<option value="">选择主 Agent</option>';
|
|
195
|
+
state.agentOptions.forEach(function(agent){var option=document.createElement('option');option.value=agent.id;option.textContent=agent.label;mainAgentSelect.appendChild(option);});
|
|
196
|
+
mainAgentSelect.value=selected;mainAgentSelect.disabled=!state.board;mainAgentButton.disabled=!state.board||!mainAgentSelect.value;
|
|
197
|
+
var status=document.getElementById('main-agent-status');var binding=state.binding;
|
|
198
|
+
if(!state.board){status.textContent='请先打开一个项目';status.className='agent-status';mainAgentButton.textContent='设置为主 Agent';return;}
|
|
199
|
+
if(!selected){status.textContent='尚未设置；设置后将创建“主Agent-'+workspaceShortName(state.board.workspacePath)+'”群聊';status.className='agent-status';mainAgentButton.textContent='设置为主 Agent';return;}
|
|
200
|
+
if(binding&&binding.status==='ready'){status.textContent='主 Agent 群已就绪';status.className='agent-status ready';}
|
|
201
|
+
else if(binding&&binding.status==='error'){status.textContent='创建失败，可重新设置后重试';status.className='agent-status error';}
|
|
202
|
+
else{status.textContent='正在准备主 Agent 群';status.className='agent-status provisioning';}
|
|
203
|
+
mainAgentButton.textContent='设置为主 Agent';
|
|
204
|
+
}
|
|
205
|
+
function closeDmModal(){document.getElementById('dm-modal').classList.add('hidden');if(state.contactTimer){clearInterval(state.contactTimer);state.contactTimer=null;}state.contactChecking=false;}
|
|
206
|
+
function showDmModal(){document.getElementById('dm-modal').classList.remove('hidden');document.getElementById('dm-detect-status').textContent='正在等待私聊消息…';if(state.contactTimer)clearInterval(state.contactTimer);state.contactTimer=setInterval(checkFeishuContact,1500);}
|
|
207
|
+
async function checkFeishuContact(){if(state.contactChecking)return;state.contactChecking=true;try{var result=await api('/api/agent-team/feishu-contact');if(result.contact){var pending=state.pendingAgentId;closeDmModal();toast('已识别飞书私聊用户，继续创建主 Agent 群');if(pending)saveMainAgent(pending);}}catch(error){document.getElementById('dm-detect-status').textContent='检测失败：'+error.message;}finally{state.contactChecking=false;}}
|
|
208
|
+
function saveMainAgent(agentId){
|
|
209
|
+
if(!state.board||!agentId)return;state.pendingAgentId=agentId;
|
|
210
|
+
state.mutationQueue=state.mutationQueue.then(async function(){setSaving('创建主 Agent…','saving');mainAgentButton.disabled=true;try{var result=await request('POST','/api/agent-team/boards/'+encodeURIComponent(state.board.boardId)+'/main-agent',{expectedRevision:state.board.revision,agentId:agentId});state.board=result.board;state.binding=result.binding;state.pendingAgentId=null;renderBoard();setSaving('已保存','');toast('主 Agent 群已就绪');return true;}catch(error){setSaving('设置失败','error');renderBoard();if(error.code==='feishu_dm_required')showDmModal();else if(error.code==='revision_conflict'){try{await reloadBoard();toast('其他页面修改了项目，已载入最新版本',true);}catch(reloadError){toast(reloadError.message,true);}}else toast(error.message,true);return false;}});return state.mutationQueue;
|
|
211
|
+
}
|
|
212
|
+
function formatRunTime(value){if(!value)return '—';var date=new Date(value);return Number.isNaN(date.getTime())?String(value):date.toLocaleString();}
|
|
213
|
+
function formatRunDuration(run){if(!run)return '—';var start=Date.parse(run.startedAt||run.createdAt);var end=Date.parse(run.finishedAt||new Date().toISOString());if(!Number.isFinite(start)||!Number.isFinite(end))return '—';var seconds=Math.max(0,Math.round((end-start)/1000));if(seconds<60)return seconds+' 秒';var minutes=Math.floor(seconds/60);return minutes+' 分 '+(seconds%60)+' 秒';}
|
|
214
|
+
function failureLabel(code){var labels={agent_error:'Agent 执行失败',agent_timeout:'Agent 响应超时',user_stopped:'用户主动停止',stop_timeout:'停止请求超时',process_missing:'Agent 进程消失',chatccc_restart:'ChatCCC 重启中断',task_deleted:'执行期间任务被删除'};return labels[code]||code||'—';}
|
|
215
|
+
function addRunMeta(root,label,value){var item=document.createElement('div');item.className='run-meta-item';var key=document.createElement('span');key.textContent=label;var content=document.createElement('strong');content.textContent=value||'—';content.title=value||'—';item.append(key,content);root.appendChild(item);}
|
|
216
|
+
function transcriptLabel(entry){var labels={prompt:'任务指令',thinking:'思考',text:'主 Agent 回复',tool_use:'调用工具',tool_result:'工具结果',search:'联网搜索',compact:'上下文压缩',status:'状态变化',notice:'提示'};var label=labels[entry.type]||entry.type;if(entry.name)label+=' · '+entry.name;return label;}
|
|
217
|
+
function transcriptContent(entry){if(entry.type==='tool_use')return entry.input||'';if(entry.type==='tool_result')return entry.output||'';return entry.text||'';}
|
|
218
|
+
function addTranscriptEntry(root,entry){var row=document.createElement('article');row.className='timeline-entry '+entry.type+(entry.isError?' error':'');var head=document.createElement('div');head.className='timeline-head';var label=document.createElement('span');label.textContent=transcriptLabel(entry);var time=document.createElement('span');time.textContent=formatRunTime(entry.at);head.append(label,time);var body=document.createElement('pre');body.textContent=transcriptContent(entry)||'（无文本内容）';row.append(head,body);root.appendChild(row);}
|
|
219
|
+
function taskRuns(taskId){return state.runs.filter(function(run){return run.taskId===taskId;});}
|
|
220
|
+
function renderRunHistory(taskId){var select=document.getElementById('task-run-history');var runs=taskRuns(taskId);select.innerHTML='';if(!runs.length){var empty=document.createElement('option');empty.value='';empty.textContent='尚无执行记录';select.appendChild(empty);select.disabled=true;document.getElementById('copy-task-run').disabled=true;return;}select.disabled=false;runs.forEach(function(run){var option=document.createElement('option');option.value=run.runId;option.textContent='第 '+run.attempt+' 次 · '+runLabel(run)+' · '+formatRunTime(run.startedAt||run.createdAt);select.appendChild(option);});if(!state.modalRunId||!runs.some(function(run){return run.runId===state.modalRunId;}))state.modalRunId=runs[0].runId;select.value=state.modalRunId;document.getElementById('copy-task-run').disabled=false;}
|
|
221
|
+
function renderTaskExecution(task,run){state.modalRunDetail=run;renderRunHistory(task.id);var details=document.getElementById('task-execution-details');var title=document.getElementById('task-title');var description=document.getElementById('task-description');var save=document.getElementById('task-save');var cancel=document.getElementById('cancel');var active=isActiveRun(run);title.disabled=active;description.disabled=active;save.classList.toggle('hidden',active);cancel.textContent=active?'关闭':'取消';details.classList.remove('hidden');var status=document.getElementById('task-run-status');status.className='run-status '+(run?run.state:'');status.textContent=run?runLabel(run):'尚未执行';var meta=document.getElementById('task-run-meta');meta.innerHTML='';if(run){addRunMeta(meta,'执行次数','第 '+run.attempt+' 次');addRunMeta(meta,'执行 Agent',run.agentId);addRunMeta(meta,'耗时',formatRunDuration(run));addRunMeta(meta,'最后进度',formatRunTime(run.lastProgressAt));addRunMeta(meta,'开始时间',formatRunTime(run.startedAt||run.createdAt));addRunMeta(meta,'结束时间',formatRunTime(run.finishedAt));addRunMeta(meta,'Run ID',run.runId);addRunMeta(meta,'Trace ID',run.traceId);if(run.failureCode)addRunMeta(meta,'失败类型',failureLabel(run.failureCode));if(run.boardSyncPending)addRunMeta(meta,'看板同步','等待自动对账');}else{addRunMeta(meta,'任务状态','尚未交给主 Agent');addRunMeta(meta,'创建时间',formatRunTime(task.createdAt));addRunMeta(meta,'更新时间',formatRunTime(task.updatedAt));}var transcript=document.getElementById('task-transcript');transcript.innerHTML='';var entries=run&&Array.isArray(run.transcript)?run.transcript.slice():[];var hasText=entries.some(function(entry){return entry.type==='text';});if(run&&run.result&&!hasText)entries.push({type:'text',at:run.finishedAt||run.updatedAt,text:run.result});if(run&&run.error)entries.push({type:'notice',at:run.finishedAt||run.updatedAt,text:failureLabel(run.failureCode)+'：'+run.error,isError:true});if(run&&run.syncError)entries.push({type:'notice',at:run.updatedAt,text:'看板对账失败：'+run.syncError,isError:true});if(!entries.length){var empty=document.createElement('div');empty.className='timeline-empty';empty.textContent=run?'暂时还没有可显示的执行事件':'任务尚未执行，交给主 Agent 后会在这里记录完整过程。';transcript.appendChild(empty);return;}entries.forEach(function(entry){addTranscriptEntry(transcript,entry);});}
|
|
222
|
+
async function loadOpenTaskRunDetails(showError){if(!state.board||!state.modalTaskId)return;var task=state.board.tasks.find(function(candidate){return candidate.id===state.modalTaskId&&!candidate.deletedAt;});if(!task)return;renderRunHistory(task.id);var summary=taskRuns(task.id).find(function(run){return run.runId===state.modalRunId;})||latestRun(task.id);if(!summary){renderTaskExecution(task,null);return;}state.modalRunId=summary.runId;var version=++state.modalDetailVersion;try{var result=await api('/api/agent-team/boards/'+encodeURIComponent(state.board.boardId)+'/runs/'+encodeURIComponent(summary.runId));if(version!==state.modalDetailVersion||state.modalTaskId!==task.id)return;renderTaskExecution(task,result.run);}catch(error){if(showError!==false)toast(error.message,true);}}
|
|
223
|
+
function showCreate(columnId){if(!state.board)return toast('请先打开一个工作目录',true);state.modalTaskId=null;state.modalColumnId=columnId;document.getElementById('modal-title').textContent='添加任务';document.getElementById('task-title').value='';document.getElementById('task-description').value='';document.getElementById('task-title').disabled=false;document.getElementById('task-description').disabled=false;document.getElementById('task-save').classList.remove('hidden');document.getElementById('cancel').textContent='取消';document.getElementById('task-execution-details').classList.add('hidden');document.getElementById('modal').classList.remove('hidden');setTimeout(function(){document.getElementById('task-title').focus();},0);}
|
|
224
|
+
function showEdit(task){state.modalTaskId=task.id;state.modalColumnId=task.columnId;state.modalRunId=(latestRun(task.id)||{}).runId||null;document.getElementById('modal-title').textContent='任务详情';document.getElementById('task-title').value=task.title;document.getElementById('task-description').value=task.description;renderTaskExecution(task,latestRun(task.id));document.getElementById('modal').classList.remove('hidden');loadOpenTaskRunDetails(true);}
|
|
225
|
+
function closeModal(){state.modalDetailVersion++;document.getElementById('modal').classList.add('hidden');state.modalTaskId=null;state.modalRunId=null;state.modalRunDetail=null;}
|
|
226
|
+
function removeTask(task){if(!confirm('删除任务“'+task.title+'”？'))return;mutate(function(){return request('DELETE','/api/agent-team/boards/'+encodeURIComponent(state.board.boardId)+'/tasks/'+encodeURIComponent(task.id),{expectedRevision:state.board.revision});});}
|
|
227
|
+
|
|
228
|
+
document.querySelectorAll('[data-add]').forEach(function(button){button.addEventListener('click',function(){showCreate(button.dataset.add);});});
|
|
229
|
+
document.querySelectorAll('.column').forEach(function(column){
|
|
230
|
+
column.addEventListener('dragover',function(event){if(!state.dragTaskId)return;event.preventDefault();column.classList.add('drag-over');event.dataTransfer.dropEffect='move';});column.addEventListener('dragleave',function(event){if(!column.contains(event.relatedTarget))column.classList.remove('drag-over');});
|
|
231
|
+
column.addEventListener('drop',function(event){event.preventDefault();column.classList.remove('drag-over');if(!state.dragTaskId||!state.board)return;var columnId=column.dataset.column;var cards=Array.from(column.querySelectorAll('.task:not(.dragging)'));var index=cards.findIndex(function(card){return event.clientY<card.getBoundingClientRect().top+card.getBoundingClientRect().height/2;});if(index<0)index=cards.length;var taskId=state.dragTaskId;mutate(function(){return request('POST','/api/agent-team/boards/'+encodeURIComponent(state.board.boardId)+'/tasks/'+encodeURIComponent(taskId)+'/move',{expectedRevision:state.board.revision,columnId:columnId,index:index});});});
|
|
232
|
+
});
|
|
233
|
+
document.getElementById('task-form').addEventListener('submit',function(event){event.preventDefault();var title=document.getElementById('task-title').value;var description=document.getElementById('task-description').value;var taskId=state.modalTaskId;var columnId=state.modalColumnId;closeModal();mutate(function(){var root='/api/agent-team/boards/'+encodeURIComponent(state.board.boardId)+'/tasks';return taskId?request('PATCH',root+'/'+encodeURIComponent(taskId),{expectedRevision:state.board.revision,title:title,description:description}):request('POST',root,{expectedRevision:state.board.revision,title:title,description:description,columnId:columnId});});});
|
|
234
|
+
document.getElementById('cancel').addEventListener('click',closeModal);document.getElementById('modal').addEventListener('click',function(event){if(event.target===event.currentTarget)closeModal();});
|
|
235
|
+
document.getElementById('task-run-history').addEventListener('change',function(event){state.modalRunId=event.currentTarget.value||null;loadOpenTaskRunDetails(true);});
|
|
236
|
+
document.getElementById('copy-task-run').addEventListener('click',async function(){if(!state.modalRunDetail)return;var text=JSON.stringify(state.modalRunDetail,null,2);try{if(navigator.clipboard&&navigator.clipboard.writeText)await navigator.clipboard.writeText(text);else{var area=document.createElement('textarea');area.value=text;area.style.position='fixed';area.style.opacity='0';document.body.appendChild(area);area.select();document.execCommand('copy');area.remove();}toast('执行记录已复制');}catch(error){toast('复制失败：'+error.message,true);}});
|
|
237
|
+
document.querySelectorAll('[data-feature]').forEach(function(button){button.addEventListener('click',function(){showFeatureModal(button.dataset.feature);});});
|
|
238
|
+
document.getElementById('feature-modal-ok').addEventListener('click',closeFeatureModal);document.getElementById('feature-modal').addEventListener('click',function(event){if(event.target===event.currentTarget)closeFeatureModal();});
|
|
239
|
+
document.getElementById('directory-cancel').addEventListener('click',closeDirectoryModal);document.getElementById('directory-modal').addEventListener('click',function(event){if(event.target===event.currentTarget)closeDirectoryModal();});document.getElementById('directory-confirm').addEventListener('click',confirmDirectorySelection);document.getElementById('directory-up').addEventListener('click',function(){if(state.directoryParentPath)browseDirectory(state.directoryParentPath);});document.getElementById('directory-refresh').addEventListener('click',function(){if(state.directoryPath)browseDirectory(state.directoryPath);});document.getElementById('directory-show-hidden').addEventListener('change',function(){if(state.directoryPath)browseDirectory(state.directoryPath);});document.getElementById('directory-path').addEventListener('keydown',function(event){if(event.key==='Enter'){event.preventDefault();browseDirectory(event.currentTarget.value);}});
|
|
240
|
+
document.getElementById('create-board-cancel').addEventListener('click',function(){closeCreateBoardModal(false);});document.getElementById('create-board-modal').addEventListener('click',function(event){if(event.target===event.currentTarget)closeCreateBoardModal(false);});document.getElementById('create-board-confirm').addEventListener('click',function(){var path=state.pendingWorkspacePath;if(!path)return;closeCreateBoardModal(true);openWorkspace(path);});
|
|
241
|
+
mainAgentSelect.addEventListener('change',function(){mainAgentButton.disabled=!state.board||!mainAgentSelect.value;});mainAgentButton.addEventListener('click',function(){saveMainAgent(mainAgentSelect.value);});
|
|
242
|
+
document.getElementById('dm-cancel').addEventListener('click',function(){state.pendingAgentId=null;closeDmModal();});document.getElementById('dm-check').addEventListener('click',checkFeishuContact);
|
|
243
|
+
pathInput.addEventListener('change',function(){if(!state.relinkBoardId)selectWorkspacePath(pathInput.value);});pathInput.addEventListener('keydown',function(event){if(event.key==='Enter'){event.preventDefault();if(!state.relinkBoardId)selectWorkspacePath(pathInput.value);}});
|
|
244
|
+
document.getElementById('pick').addEventListener('click',openDirectoryModal);
|
|
245
|
+
recent.addEventListener('change',function(){var item=state.workspaces.find(function(candidate){return candidate.boardId===recent.value;});if(!item)return;pathInput.value=item.workspacePath;if(item.exists){state.relinkBoardId=null;relinkButton.classList.add('hidden');openWorkspace(item.workspacePath);}else{state.relinkBoardId=item.boardId;relinkButton.classList.remove('hidden');api('/api/agent-team/boards/'+encodeURIComponent(item.boardId)).then(async function(result){state.board=result.board;state.binding=result.binding||null;state.runs=[];await loadRuns(false);renderBoard();scheduleRunPoll();toast('原目录不存在，请选择新目录后重新关联',true);}).catch(function(error){toast(error.message,true);});}});
|
|
246
|
+
relinkButton.addEventListener('click',function(){if(!state.relinkBoardId||!state.board)return toast('请先打开或选择需要关联的看板',true);mutate(function(){return request('POST','/api/agent-team/boards/'+encodeURIComponent(state.relinkBoardId)+'/relink',{expectedRevision:state.board.revision,workspacePath:pathInput.value});}).then(function(saved){if(!saved)return;refreshWorkspaces(state.board.boardId);state.relinkBoardId=null;relinkButton.classList.add('hidden');});});
|
|
247
|
+
refreshWorkspaces().then(function(defaultWorkspace){pathInput.value=defaultWorkspace;return selectWorkspacePath(defaultWorkspace);}).catch(function(error){toast(error.message,true);});
|
|
248
|
+
})();
|
|
249
|
+
</script>
|
|
250
|
+
</body>
|
|
244
251
|
</html>`;
|