deepccc 0.1.28 → 0.2.1

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.
@@ -0,0 +1,76 @@
1
+ export const DEEPCCC_WEB_PAGE = `<!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">
6
+ <title>DeepCCC</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;--accent2:#23825d;--danger:#c2415a;--warning:#b7791f;--shadow:0 8px 28px rgba(26,35,58,.08)}
9
+ *{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{height:100%;display:grid;grid-template-columns:286px minmax(0,1fr)}
10
+ .sidebar{min-width:0;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{height:70px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--line)}.mark{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--accent);color:#fff;box-shadow:0 9px 25px rgba(103,88,232,.25);font-weight:900}.brand-copy strong{display:block;font-size:16px;letter-spacing:.01em}.brand-copy span{font-size:10px;color:var(--muted);letter-spacing:.13em}.sidebar-actions{display:flex;gap:8px;padding:14px}.primary,.ghost,.icon{border:1px solid var(--line);border-radius:10px;color:var(--text);background:var(--panel);font-weight:700}.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 8px 22px rgba(103,88,232,.22)}.sidebar-actions .primary{flex:1;padding:10px}.icon{width:40px;padding:0;font-size:17px}.ghost{padding:9px 12px}.primary:hover,.ghost:hover,.icon:hover{filter:brightness(1.03)}
11
+ .session-list{flex:1;overflow:auto;padding:0 10px 14px}.session-empty{padding:38px 18px;color:var(--muted);text-align:center}.session-item{width:100%;display:block;padding:12px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--text);text-align:left;margin:3px 0}.session-item:hover{background:var(--panel2)}.session-item.active{background:linear-gradient(135deg,rgba(124,105,241,.2),rgba(93,74,207,.08));border-color:rgba(139,124,246,.35)}.session-title{display:flex;align-items:center;gap:8px;font-weight:750}.status-dot{width:7px;height:7px;border-radius:50%;background:#626a78}.status-dot.running{background:var(--accent2);box-shadow:0 0 0 4px rgba(94,228,177,.1)}.session-meta{margin-top:5px;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-foot{padding:12px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;display:flex;justify-content:space-between}
12
+ .main{min-width:0;height:100%;display:flex;flex-direction:column}.topbar{height:70px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);background:rgba(12,14,19,.7);backdrop-filter:blur(18px)}.session-heading{min-width:0}.session-heading h1{font-size:16px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-heading p{font-size:11px;color:var(--muted);margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions{display:flex;gap:8px}.top-actions button{height:38px}.content{flex:1;min-height:0;overflow-y:auto;scroll-behavior:smooth}.welcome{height:100%;display:grid;place-items:center;padding:30px}.welcome-card{max-width:650px;text-align:center}.welcome-mark{width:72px;height:72px;margin:0 auto 20px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#7764eb,#b45fd7);font-size:29px;box-shadow:0 20px 50px rgba(119,100,235,.28)}.welcome h2{font-size:28px;margin:0 0 10px;letter-spacing:-.02em}.welcome p{color:var(--muted);margin:0 auto;max-width:480px}.hint-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.hint{padding:14px;border:1px solid var(--line);border-radius:13px;background:rgba(24,28,37,.65);font-size:12px;color:var(--muted)}
13
+ .thread{width:min(900px,calc(100% - 36px));margin:0 auto;padding:28px 0 150px}.empty-thread{margin:80px auto 0;max-width:520px;padding:28px;border:1px dashed #353c4a;border-radius:18px;background:rgba(20,23,31,.55);text-align:center}.empty-thread strong{display:block;font-size:18px;margin-bottom:7px}.empty-thread span{color:var(--muted);font-size:12px}.message{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;margin:0 0 22px}.avatar{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--soft);font-size:11px;font-weight:900}.message.user .avatar{background:#304058}.message.assistant .avatar{background:linear-gradient(135deg,#7363e8,#9a61dc)}.bubble{min-width:0;padding:2px 0;color:#dfe3eb}.bubble .role{font-size:11px;color:var(--muted);font-weight:800;margin-bottom:7px}.markdown{font-size:14px;line-height:1.75;overflow-wrap:anywhere}.markdown p{margin:.35em 0}.markdown pre{padding:14px;border:1px solid var(--line);border-radius:11px;background:#0a0c11;overflow:auto;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.markdown code{padding:2px 5px;border-radius:5px;background:var(--soft);font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.markdown pre code{padding:0;background:transparent}.tool-card{margin:8px 0;border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden}.tool-card summary{padding:9px 11px;color:#bbc2d0;font-size:12px;font-weight:700}.tool-card pre{margin:0;border:0;border-top:1px solid var(--line);border-radius:0;max-height:260px}.run-state{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin:8px 0 20px}.pulse{width:8px;height:8px;border-radius:50%;background:var(--accent2);animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.35;transform:scale(.72)}}.workspace-warning{width:min(900px,calc(100% - 36px));margin:14px auto 0;padding:9px 12px;border:1px solid rgba(242,184,75,.3);background:rgba(242,184,75,.08);border-radius:10px;color:#e8c879;font-size:11px}
14
+ .composer-shell{position:absolute;left:286px;right:0;bottom:0;padding:0 20px 18px;background:linear-gradient(transparent,var(--bg) 32%)}.composer{width:min(900px,100%);margin:auto;border:1px solid #343b49;border-radius:17px;background:rgba(25,29,38,.96);box-shadow:var(--shadow);overflow:hidden}.composer textarea{width:100%;min-height:68px;max-height:180px;resize:none;border:0;outline:0;padding:15px 16px 8px;background:transparent;color:var(--text)}.composer textarea::placeholder{color:#737b8b}.composer-bar{display:flex;align-items:center;gap:8px;padding:7px 9px}.composer-bar input,.composer-bar select{min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);padding:7px 9px;font-size:11px}.composer-bar input{width:180px}.composer-bar select{width:104px}.send{margin-left:auto;width:36px;height:36px;border:0;border-radius:10px;background:var(--accent);color:#fff;font-size:17px}.stop{margin-left:auto;height:36px;border:1px solid rgba(255,111,137,.4);border-radius:10px;background:rgba(255,111,137,.12);color:#ff91a5;padding:0 13px;font-weight:700}.composer-disabled{opacity:.5;pointer-events:none}
15
+ .modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:rgba(4,5,8,.66);backdrop-filter:blur(7px)}.modal-backdrop.hidden{display:none}.modal{width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid #353c4a;border-radius:18px;background:#171a22;box-shadow:0 30px 100px rgba(0,0,0,.55);padding:22px}.modal h2{margin:0 0 5px;font-size:20px}.modal>.subtitle{margin:0 0 20px;color:var(--muted);font-size:12px}.field{display:grid;gap:7px;margin:13px 0}.field label{font-size:11px;color:#b7becb;font-weight:800}.field input,.field select{width:100%;border:1px solid var(--line);border-radius:10px;background:#10131a;color:var(--text);padding:10px 11px;outline:none}.field input:focus,.field select:focus{border-color:var(--accent)}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.danger{border:1px solid rgba(255,111,137,.35);background:rgba(255,111,137,.1);color:#ff849b;border-radius:10px;padding:9px 12px;font-weight:700}.approval{width:min(620px,100%)}.approval-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(242,184,75,.13);color:#f1c565;font-size:10px;font-weight:900}.approval pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:13px;border:1px solid var(--line);border-radius:10px;background:#0d0f15;color:#dce0e9}.approval-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.toast{position:fixed;right:20px;top:20px;z-index:50;max-width:420px;padding:11px 14px;border-radius:10px;background:#283143;border:1px solid #3b465b;box-shadow:var(--shadow)}.toast.error{background:#602536;border-color:#913a52}.hidden{display:none!important}
16
+ .topbar{background:rgba(255,255,255,.86)}.welcome-mark{background:var(--accent);color:#fff}.hint,.empty-thread{background:var(--panel);border-color:var(--line)}.session-item.active{background:var(--accent-soft);border-color:#d8d1ff}.status-dot{background:#a3aabd}.status-dot.running{background:var(--accent2);box-shadow:0 0 0 4px rgba(35,130,93,.1)}.message.user .avatar{background:#e8edf6}.message.assistant .avatar{background:var(--accent);color:#fff}.bubble{color:var(--text)}.markdown pre,.tool-card pre{background:var(--soft);color:var(--text)}.tool-card summary{color:var(--muted)}.composer{border-color:var(--line);background:rgba(255,255,255,.98)}.composer textarea::placeholder{color:#9aa3b4}.composer-bar input,.composer-bar select{background:var(--soft)}.modal-backdrop{background:rgba(24,32,51,.36)}.modal{border-color:var(--line);background:var(--panel);box-shadow:0 28px 90px rgba(35,43,65,.24)}.field label{color:var(--text)}.field input,.field select{background:var(--soft);color:var(--text)}.danger{border-color:#f3c4ce;background:#fff1f3;color:var(--danger)}.toast{background:#253047;color:#fff}.toast.error{background:#9f2942}.approval-card{margin:16px 0;padding:14px;border:1px solid #ead49b;border-radius:13px;background:#fffaf0;box-shadow:0 5px 18px rgba(94,70,15,.06)}.approval-card.resolved{border-color:var(--line);background:var(--soft)}.approval-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.approval-head strong{font-size:12px}.approval-status{padding:3px 7px;border-radius:999px;background:#fff0c2;color:#8a6110;font-size:10px;font-weight:800}.approval-card.resolved .approval-status{background:#e5f5ee;color:var(--accent2)}.approval-detail{color:var(--muted);font-size:11px;margin-bottom:8px}.approval-command{margin:0;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.approval-inline-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.approval-inline-actions button{padding:7px 10px;font-size:11px}
17
+ .sidebar{height:100%;overflow:hidden}.main{min-height:0!important;overflow:hidden}
18
+ @media(max-width:760px){.app{grid-template-columns:78px minmax(0,1fr)}.brand{padding:0;justify-content:center}.brand-copy,.sidebar-actions .primary,.session-item>div:not(.session-title),.session-title span:last-child,.sidebar-foot{display:none}.sidebar-actions{justify-content:center;padding:12px 8px}.session-item{padding:11px;display:grid;place-items:center}.composer-shell{left:78px}.hint-grid{grid-template-columns:1fr}.topbar{padding:0 14px}.thread{width:calc(100% - 24px)}.row{grid-template-columns:1fr}.approval-inline-actions{display:grid;grid-template-columns:1fr 1fr}}
19
+ </style>
20
+ </head>
21
+ <body>
22
+ <div class="app">
23
+ <aside class="sidebar">
24
+ <div class="brand"><div class="mark">D</div><div class="brand-copy"><strong>DeepCCC</strong><span>LOCAL AGENT</span></div></div>
25
+ <div class="sidebar-actions"><button id="new-session" class="primary">+ 新建会话</button><button id="open-settings" class="icon" title="API 设置">⚙</button></div>
26
+ <div id="session-list" class="session-list"></div>
27
+ <div class="sidebar-foot"><span>127.0.0.1</span><span id="server-port">28080</span></div>
28
+ </aside>
29
+ <main class="main">
30
+ <header class="topbar"><div class="session-heading"><h1 id="session-title">DeepCCC</h1><p id="session-cwd">选择或创建一个会话</p></div><div class="top-actions"><button id="rename-session" class="ghost hidden">重命名</button><button id="delete-session" class="danger hidden">删除</button></div></header>
31
+ <div id="warning" class="workspace-warning hidden"></div>
32
+ <section id="content" class="content"><div class="welcome"><div class="welcome-card"><div class="welcome-mark">✦</div><h2>把工作交给 DeepCCC</h2><p>在浏览器里管理多个本地 Coding Agent 会话,切换模型与推理强度,并实时审批高风险操作。</p><div class="hint-grid"><div class="hint">多会话并行运行</div><div class="hint">本地文件与历史</div><div class="hint">API 自由配置</div></div></div></div></section>
33
+ </main>
34
+ </div>
35
+ <div id="composer-shell" class="composer-shell hidden"><div class="composer"><textarea id="prompt" placeholder="描述你想完成的任务…"></textarea><div class="composer-bar"><input id="session-model" list="recent-models" aria-label="模型"><datalist id="recent-models"></datalist><select id="session-effort" aria-label="推理强度"><option value="">默认 effort</option><option>none</option><option>minimal</option><option>low</option><option>medium</option><option>high</option><option>xhigh</option><option>max</option></select><button id="send" class="send" title="发送">↑</button><button id="stop" class="stop hidden">■ 停止</button></div></div></div>
36
+
37
+ <div id="new-modal" class="modal-backdrop hidden"><form id="new-form" class="modal"><h2>新建 Agent 会话</h2><p class="subtitle">每个会话拥有独立上下文;同目录会话可以并发,但文件修改可能冲突。</p><div class="field"><label>工作目录</label><input id="new-cwd" required></div><div class="field"><label>会话名称(可选)</label><input id="new-title" placeholder="默认使用目录名"></div><div class="row"><div class="field"><label>模型</label><input id="new-model" list="recent-models"></div><div class="field"><label>Effort</label><select id="new-effort"><option value="">默认</option><option>none</option><option>minimal</option><option>low</option><option>medium</option><option>high</option><option>xhigh</option><option>max</option></select></div></div><div class="modal-actions"><button type="button" data-close="new-modal" class="ghost">取消</button><button class="primary" type="submit">创建会话</button></div></form></div>
38
+
39
+ <div id="settings-modal" class="modal-backdrop hidden"><form id="settings-form" class="modal"><h2>API 与 Web 设置</h2><p class="subtitle">单一 API 配置作为所有新会话的默认值;会话可单独覆盖模型和 effort。</p><div class="row"><div class="field"><label>API 协议</label><select id="cfg-provider"><option value="openai">OpenAI-compatible</option><option value="anthropic">Anthropic Messages</option></select></div><div class="field"><label>API Key</label><input id="cfg-api-key" type="password" placeholder="留空保留当前 Key"></div></div><div class="field"><label>Base URL</label><input id="cfg-base-url" required></div><div class="row"><div class="field"><label>默认模型</label><input id="cfg-model" required></div><div class="field"><label>子模型(可选)</label><input id="cfg-sub-model"></div></div><div class="row"><div class="field"><label>默认 Effort</label><select id="cfg-effort"><option value="">不传</option><option>none</option><option>minimal</option><option>low</option><option>medium</option><option>high</option><option>xhigh</option><option>max</option></select></div><div class="field"><label>Context Window</label><input id="cfg-context" type="number" min="1"></div></div><div class="row"><div class="field"><label>Web 端口</label><input id="cfg-port" type="number" min="1" max="65535"></div><div class="field"><label>Max Output Tokens(可选)</label><input id="cfg-max-output" type="number" min="1"></div></div><label class="check"><input id="cfg-streaming" type="checkbox">启用流式请求</label><label class="check"><input id="cfg-open" type="checkbox">运行 deepccc web 时自动打开浏览器</label><div id="key-state" class="subtitle"></div><div class="modal-actions"><button type="button" data-close="settings-modal" class="ghost">取消</button><button class="primary" type="submit">保存设置</button></div></form></div>
40
+
41
+ <div id="rename-modal" class="modal-backdrop hidden"><form id="rename-form" class="modal"><h2>重命名会话</h2><div class="field"><label>名称</label><input id="rename-title" required maxlength="120"></div><div class="modal-actions"><button type="button" data-close="rename-modal" class="ghost">取消</button><button class="primary">保存</button></div></form></div>
42
+
43
+ <div id="toast" class="toast hidden"></div>
44
+ <script>
45
+ (function(){
46
+ var state={sessions:[],selectedId:null,detail:null,config:null,eventSource:null,reloadTimer:null};
47
+ var $=function(id){return document.getElementById(id);};
48
+ async function api(path,options){var response=await fetch(path,Object.assign({headers:{'content-type':'application/json; charset=utf-8'}},options||{}));var data=await response.json().catch(function(){return {error:'响应不是有效 JSON'};});if(!response.ok)throw new Error(data.error||('HTTP '+response.status));return data;}
49
+ function toast(message,error){var el=$('toast');el.textContent=message;el.className='toast'+(error?' error':'');clearTimeout(toast.timer);toast.timer=setTimeout(function(){el.className='toast hidden';},3500);}
50
+ function openModal(id){$(id).classList.remove('hidden');}function closeModal(id){$(id).classList.add('hidden');}
51
+ function escapeHtml(value){return String(value||'').replace(/[&<>"']/g,function(ch){return {'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[ch];});}
52
+ function markdown(value){var text=escapeHtml(value);var blocks=[];var tick=String.fromCharCode(96);var fence=tick+tick+tick;var pattern=new RegExp(fence+'([a-z0-9_-]*)\\\\n([\\\\s\\\\S]*?)'+fence,'gi');text=text.replace(pattern,function(_,lang,code){blocks.push('<pre><code data-lang="'+lang+'">'+code+'</code></pre>');return '@@BLOCK'+(blocks.length-1)+'@@';});text=text.replace(/\\*\\*([^*]+)\\*\\*/g,'<strong>$1</strong>').replace(new RegExp(tick+'([^'+tick+']+)'+tick,'g'),'<code>$1</code>').replace(/\\n/g,'<br>');text=text.replace(/@@BLOCK(\\d+)@@/g,function(_,index){return blocks[Number(index)];});return text;}
53
+ function statusText(status){return status==='running'?'执行中':'空闲';}
54
+ function renderSessions(){var root=$('session-list');root.innerHTML='';if(!state.sessions.length){root.innerHTML='<div class="session-empty">还没有会话<br>点击上方按钮开始</div>';return;}state.sessions.forEach(function(session){var button=document.createElement('button');button.className='session-item'+(session.sessionId===state.selectedId?' active':'');button.innerHTML='<div class="session-title"><i class="status-dot '+session.status+'"></i><span>'+escapeHtml(session.title)+'</span></div><div class="session-meta">'+escapeHtml(session.model||'默认模型')+' · '+escapeHtml(session.effort||'默认 effort')+'</div><div class="session-meta">'+escapeHtml(session.cwd)+'</div>';button.addEventListener('click',function(){selectSession(session.sessionId);});root.appendChild(button);});}
55
+ function messageHtml(role,content){return '<article class="message '+role+'"><div class="avatar">'+(role==='user'?'你':'D')+'</div><div class="bubble"><div class="role">'+(role==='user'?'YOU':'DEEPCCC')+'</div><div class="markdown">'+markdown(content)+'</div></div></article>';}
56
+ function toolHtml(event){var data=event.data||{};var item=data.type==='agent'?data.data:data;return '<details class="tool-card"><summary>'+escapeHtml(item.type==='tool_use'?'调用工具 · '+(item.name||'tool'):'工具结果 · '+(item.name||item.tool_use_id||'tool'))+'</summary><pre>'+escapeHtml(JSON.stringify(item.type==='tool_use'?item.input:item.content,null,2))+'</pre></details>';}
57
+ function approvalAnswerLabel(answer){var labels={allow:'已允许一次','allow-session':'本会话已允许','allow-always':'已永久允许',deny:'已拒绝'};return labels[answer]||'等待决定';}
58
+ function approvalHtml(approval){var resolved=approval.status==='resolved';var html='<section class="approval-card'+(resolved?' resolved':'')+'"><div class="approval-head"><strong>⚠ 高风险操作审批</strong><span class="approval-status">'+escapeHtml(resolved?approvalAnswerLabel(approval.answer):'等待批准')+'</span></div><div class="approval-detail">'+escapeHtml(approval.detail||('工具:'+approval.tool))+'</div><pre class="approval-command">'+escapeHtml(approval.action)+'</pre>';if(!resolved)html+='<div class="approval-inline-actions"><button class="danger" data-approval-answer="deny" data-approval-id="'+escapeHtml(approval.approvalId)+'">拒绝</button><button class="ghost" data-approval-answer="allow" data-approval-id="'+escapeHtml(approval.approvalId)+'">允许一次</button><button class="ghost" data-approval-answer="allow-session" data-approval-id="'+escapeHtml(approval.approvalId)+'">本会话允许</button><button class="primary" data-approval-answer="allow-always" data-approval-id="'+escapeHtml(approval.approvalId)+'">永久允许</button></div>';return html+'</section>';}
59
+ function renderDetail(){var detail=state.detail;if(!detail)return;$('session-title').textContent=detail.title;$('session-cwd').textContent=detail.cwd+' · '+statusText(detail.status);$('rename-session').classList.remove('hidden');$('delete-session').classList.remove('hidden');$('composer-shell').classList.remove('hidden');$('session-model').value=detail.model||'';$('session-effort').value=detail.effort||'';var html='<div class="thread">';if(!(detail.messages||[]).length&&detail.status!=='running')html+='<div class="empty-thread"><strong>准备开始这个会话</strong><span>在下方输入任务。DeepCCC 会读取当前项目指令、调用工具并持续保存上下文。</span></div>';(detail.messages||[]).forEach(function(message){html+=messageHtml(message.role,message.content);});if(detail.status==='running'){var live=(detail.events||[]).slice().reverse().find(function(event){return event.type==='agent'&&event.data&&event.data.type==='text';});var current=(detail.events||[]).filter(function(event){return event.type==='agent'&&event.data&&(event.data.type==='tool_use'||event.data.type==='tool_result');});current.forEach(function(event){html+=toolHtml(event);});if(live)html+=messageHtml('assistant',live.data.accumulated||live.data.text||'');}var approvals=(detail.approvals||[]).slice();if(detail.pendingApproval&&!approvals.some(function(item){return item.approvalId===detail.pendingApproval.approvalId;}))approvals.push(Object.assign({status:'pending'},detail.pendingApproval));approvals.forEach(function(approval){html+=approvalHtml(approval);});if(detail.status==='running')html+='<div class="run-state"><i class="pulse"></i>Agent 正在工作</div>';html+='</div>';$('content').innerHTML=html;$('send').classList.toggle('hidden',detail.status==='running');$('stop').classList.toggle('hidden',detail.status!=='running');$('prompt').disabled=detail.status==='running';$('session-model').disabled=detail.status==='running';$('session-effort').disabled=detail.status==='running';renderWarning();requestAnimationFrame(function(){$('content').scrollTop=$('content').scrollHeight;});}
60
+ function renderWarning(){if(!state.detail)return;var conflicts=state.sessions.filter(function(item){return item.sessionId!==state.detail.sessionId&&item.status==='running'&&item.cwd===state.detail.cwd;});var el=$('warning');if(conflicts.length){el.textContent='⚠ 当前目录还有 '+conflicts.length+' 个 Agent 会话正在运行。多个会话直接修改同一目录,可能产生覆盖或冲突。';el.classList.remove('hidden');}else el.classList.add('hidden');}
61
+ async function loadSessions(){var result=await api('/api/sessions');state.sessions=result.sessions||[];renderSessions();if(state.selectedId&&!state.sessions.some(function(item){return item.sessionId===state.selectedId;}))state.selectedId=null;}
62
+ async function loadDetail(){if(!state.selectedId)return;var result=await api('/api/sessions/'+encodeURIComponent(state.selectedId));state.detail=result.session;renderDetail();await loadSessions();}
63
+ function scheduleDetail(){clearTimeout(state.reloadTimer);state.reloadTimer=setTimeout(function(){loadDetail().catch(function(error){toast(error.message,true);});},120);}
64
+ async function selectSession(id){state.selectedId=id;renderSessions();if(state.eventSource)state.eventSource.close();state.eventSource=new EventSource('/api/sessions/'+encodeURIComponent(id)+'/events');state.eventSource.onmessage=scheduleDetail;await loadDetail();}
65
+ async function loadConfig(){var result=await api('/api/config');state.config=result.config;$('cfg-provider').value=state.config.provider;$('cfg-base-url').value=state.config.baseURL;$('cfg-model').value=state.config.model;$('cfg-sub-model').value=state.config.subModel||'';$('cfg-effort').value=state.config.effort||'';$('cfg-context').value=state.config.contextWindow;$('cfg-max-output').value=state.config.maxOutputTokens||'';$('cfg-streaming').checked=state.config.streaming!==false;$('cfg-port').value=state.config.web.port;$('cfg-open').checked=state.config.web.openOnStart!==false;$('server-port').textContent=state.config.web.port;$('key-state').textContent=state.config.apiKeyConfigured?'当前 API Key:'+state.config.apiKeyMask:'尚未配置 API Key';$('new-cwd').value=state.config.defaultCwd||'';$('new-model').value=state.config.model;var models=[state.config.model].concat(state.sessions.map(function(item){return item.model;})).filter(Boolean).filter(function(value,index,array){return array.indexOf(value)===index;});$('recent-models').innerHTML=models.map(function(model){return '<option value="'+escapeHtml(model)+'">';}).join('');}
66
+ $('new-session').addEventListener('click',function(){openModal('new-modal');setTimeout(function(){$('new-cwd').focus();},0);});$('open-settings').addEventListener('click',function(){loadConfig().then(function(){openModal('settings-modal');});});document.querySelectorAll('[data-close]').forEach(function(button){button.addEventListener('click',function(){closeModal(button.dataset.close);});});
67
+ $('new-form').addEventListener('submit',async function(event){event.preventDefault();try{var result=await api('/api/sessions',{method:'POST',body:JSON.stringify({cwd:$('new-cwd').value,title:$('new-title').value,model:$('new-model').value,effort:$('new-effort').value})});closeModal('new-modal');$('new-title').value='';await loadSessions();await selectSession(result.session.sessionId);}catch(error){toast(error.message,true);}});
68
+ $('settings-form').addEventListener('submit',async function(event){event.preventDefault();var body={provider:$('cfg-provider').value,baseURL:$('cfg-base-url').value,model:$('cfg-model').value,subModel:$('cfg-sub-model').value,effort:$('cfg-effort').value,contextWindow:Number($('cfg-context').value),streaming:$('cfg-streaming').checked,web:{port:Number($('cfg-port').value),openOnStart:$('cfg-open').checked}};if($('cfg-max-output').value)body.maxOutputTokens=Number($('cfg-max-output').value);if($('cfg-api-key').value)body.apiKey=$('cfg-api-key').value;try{await api('/api/config',{method:'PUT',body:JSON.stringify(body)});$('cfg-api-key').value='';closeModal('settings-modal');toast('设置已保存,新配置从下一次新建会话生效');await loadConfig();}catch(error){toast(error.message,true);}});
69
+ async function send(){if(!state.selectedId||!$('prompt').value.trim())return;try{if($('session-model').value!==state.detail.model||$('session-effort').value!==state.detail.effort){await api('/api/sessions/'+encodeURIComponent(state.selectedId),{method:'PATCH',body:JSON.stringify({model:$('session-model').value,effort:$('session-effort').value})});}var text=$('prompt').value;$('prompt').value='';await api('/api/sessions/'+encodeURIComponent(state.selectedId)+'/messages',{method:'POST',body:JSON.stringify({text:text})});await loadDetail();}catch(error){toast(error.message,true);}}
70
+ $('send').addEventListener('click',send);$('prompt').addEventListener('keydown',function(event){if(event.key==='Enter'&&!event.shiftKey){event.preventDefault();send();}});$('stop').addEventListener('click',async function(){try{await api('/api/sessions/'+encodeURIComponent(state.selectedId)+'/stop',{method:'POST',body:'{}'});toast('已请求停止');}catch(error){toast(error.message,true);}});
71
+ $('rename-session').addEventListener('click',function(){$('rename-title').value=state.detail.title;openModal('rename-modal');});$('rename-form').addEventListener('submit',async function(event){event.preventDefault();try{await api('/api/sessions/'+encodeURIComponent(state.selectedId),{method:'PATCH',body:JSON.stringify({title:$('rename-title').value})});closeModal('rename-modal');await loadDetail();}catch(error){toast(error.message,true);}});$('delete-session').addEventListener('click',async function(){if(!confirm('删除这个会话及其本地历史?不会删除工作目录中的文件。'))return;try{await api('/api/sessions/'+encodeURIComponent(state.selectedId),{method:'DELETE'});if(state.eventSource)state.eventSource.close();state.selectedId=null;state.detail=null;$('composer-shell').classList.add('hidden');$('rename-session').classList.add('hidden');$('delete-session').classList.add('hidden');$('session-title').textContent='DeepCCC';$('session-cwd').textContent='选择或创建一个会话';$('content').innerHTML='<div class="welcome"><div class="welcome-card"><div class="welcome-mark">✦</div><h2>会话已删除</h2><p>从左侧选择其他会话或创建一个新的任务。</p></div></div>';await loadSessions();}catch(error){toast(error.message,true);}});
72
+ $('content').addEventListener('click',async function(event){var button=event.target.closest('[data-approval-answer]');if(!button)return;button.disabled=true;try{await api('/api/approvals/'+encodeURIComponent(button.dataset.approvalId),{method:'POST',body:JSON.stringify({answer:button.dataset.approvalAnswer})});await loadDetail();}catch(error){button.disabled=false;toast(error.message,true);}});
73
+ Promise.all([loadSessions(),loadConfig()]).then(function(){if(state.sessions[0])selectSession(state.sessions[0].sessionId);}).catch(function(error){toast(error.message,true);});
74
+ })();
75
+ </script>
76
+ </body></html>`;
@@ -0,0 +1,101 @@
1
+ import { type ChatEvent, type ChatSessionConfig } from "./index.js";
2
+ import type { PermissionAnswer, PermissionRequest, PermissionResolver } from "./permissions.js";
3
+ import { WebSessionStore, type CreateWebSessionInput, type UpdateWebSessionInput, type WebSessionMeta } from "./web-session-store.js";
4
+ export interface WebRuntimeConfig extends ChatSessionConfig {
5
+ provider: "openai" | "anthropic";
6
+ apiKey: string;
7
+ baseURL: string;
8
+ model: string;
9
+ subModel: string;
10
+ effort: string;
11
+ contextWindow: number;
12
+ streaming: boolean;
13
+ }
14
+ export interface WebRuntimeEvent {
15
+ eventId: number;
16
+ at: string;
17
+ type: "user" | "agent" | "run_started" | "run_finished" | "approval" | "approval_resolved" | "session_updated";
18
+ data: unknown;
19
+ }
20
+ export interface PendingWebApproval extends PermissionRequest {
21
+ approvalId: string;
22
+ sessionId: string;
23
+ createdAt: string;
24
+ }
25
+ export interface WebSessionFactoryInput {
26
+ meta: WebSessionMeta;
27
+ config: WebRuntimeConfig;
28
+ permissionResolver: PermissionResolver;
29
+ }
30
+ export interface WebSessionAgent {
31
+ chat(input: string, signal?: AbortSignal): AsyncIterable<ChatEvent>;
32
+ }
33
+ export interface DeepCccWebRuntimeOptions {
34
+ store?: WebSessionStore;
35
+ loadConfig: () => WebRuntimeConfig;
36
+ sessionFactory?: (input: WebSessionFactoryInput) => WebSessionAgent;
37
+ approvalTimeoutMs?: number;
38
+ now?: () => Date;
39
+ idFactory?: () => string;
40
+ }
41
+ export declare class DeepCccWebRuntime {
42
+ readonly store: WebSessionStore;
43
+ private readonly loadConfig;
44
+ private readonly sessionFactory;
45
+ private readonly approvalTimeoutMs;
46
+ private readonly now;
47
+ private readonly idFactory;
48
+ private readonly agents;
49
+ private readonly activeRuns;
50
+ private readonly events;
51
+ private readonly listeners;
52
+ private readonly approvals;
53
+ private nextEventId;
54
+ constructor(options: DeepCccWebRuntimeOptions);
55
+ listSessions(): Promise<{
56
+ status: string;
57
+ schemaVersion: 1;
58
+ sessionId: string;
59
+ title: string;
60
+ cwd: string;
61
+ model: string;
62
+ subModel: string;
63
+ effort: string;
64
+ createdAt: string;
65
+ updatedAt: string;
66
+ approvals: import("./web-session-store.js").WebApprovalRecord[];
67
+ }[]>;
68
+ createSession(input: CreateWebSessionInput): Promise<WebSessionMeta>;
69
+ getSession(sessionId: string): Promise<{
70
+ status: string;
71
+ runId: string | null;
72
+ messages: import("./context.js").BuiltinContextMessage[];
73
+ summary: string;
74
+ events: WebRuntimeEvent[];
75
+ pendingApproval: PendingWebApproval | null;
76
+ approvals: import("./web-session-store.js").WebApprovalRecord[];
77
+ schemaVersion: 1;
78
+ sessionId: string;
79
+ title: string;
80
+ cwd: string;
81
+ model: string;
82
+ subModel: string;
83
+ effort: string;
84
+ createdAt: string;
85
+ updatedAt: string;
86
+ }>;
87
+ updateSession(sessionId: string, patch: UpdateWebSessionInput): Promise<WebSessionMeta>;
88
+ deleteSession(sessionId: string): Promise<boolean>;
89
+ sendMessage(sessionId: string, text: string): Promise<{
90
+ runId: string;
91
+ }>;
92
+ stopSession(sessionId: string): Promise<boolean>;
93
+ waitForIdle(sessionId: string): Promise<void>;
94
+ resolveApproval(approvalId: string, answer: PermissionAnswer): Promise<boolean>;
95
+ subscribe(sessionId: string, listener: (event: WebRuntimeEvent) => void): () => void;
96
+ private run;
97
+ private createAgent;
98
+ private requestApproval;
99
+ private emit;
100
+ private requireSession;
101
+ }
@@ -0,0 +1,204 @@
1
+ import { randomUUID } from "node:crypto";
2
+ import { ChatSession } from "./index.js";
3
+ import { readBuiltinContextState } from "./context.js";
4
+ import { WebSessionStore, } from "./web-session-store.js";
5
+ export class DeepCccWebRuntime {
6
+ store;
7
+ loadConfig;
8
+ sessionFactory;
9
+ approvalTimeoutMs;
10
+ now;
11
+ idFactory;
12
+ agents = new Map();
13
+ activeRuns = new Map();
14
+ events = new Map();
15
+ listeners = new Map();
16
+ approvals = new Map();
17
+ nextEventId = 1;
18
+ constructor(options) {
19
+ this.store = options.store ?? new WebSessionStore();
20
+ this.loadConfig = options.loadConfig;
21
+ this.approvalTimeoutMs = options.approvalTimeoutMs ?? 5 * 60_000;
22
+ this.now = options.now ?? (() => new Date());
23
+ this.idFactory = options.idFactory ?? randomUUID;
24
+ this.sessionFactory = options.sessionFactory ?? ((input) => new ChatSession({
25
+ provider: input.config.provider,
26
+ apiKey: input.config.apiKey,
27
+ baseURL: input.config.baseURL,
28
+ model: input.meta.model || input.config.model,
29
+ subModel: input.meta.subModel || input.config.subModel,
30
+ effort: input.meta.effort || input.config.effort,
31
+ maxOutputTokens: input.config.maxOutputTokens,
32
+ streaming: input.config.streaming,
33
+ }, {
34
+ cwd: input.meta.cwd,
35
+ persist: true,
36
+ sessionId: input.meta.sessionId,
37
+ contextWindow: input.config.contextWindow,
38
+ permissionMode: "ask",
39
+ permissionResolver: input.permissionResolver,
40
+ }));
41
+ }
42
+ async listSessions() {
43
+ const sessions = await this.store.list();
44
+ return sessions.map((meta) => ({ ...meta, status: this.activeRuns.has(meta.sessionId) ? "running" : "idle" }));
45
+ }
46
+ async createSession(input) {
47
+ const config = this.loadConfig();
48
+ const session = await this.store.create({
49
+ ...input,
50
+ model: input.model ?? config.model,
51
+ subModel: input.subModel ?? config.subModel,
52
+ effort: input.effort ?? config.effort,
53
+ });
54
+ this.emit(session.sessionId, "session_updated", session);
55
+ return session;
56
+ }
57
+ async getSession(sessionId) {
58
+ const meta = await this.requireSession(sessionId);
59
+ const context = readBuiltinContextState(sessionId, this.store.rootDir);
60
+ const pendingApproval = [...this.approvals.values()].find((entry) => entry.approval.sessionId === sessionId)?.approval ?? null;
61
+ return {
62
+ ...meta,
63
+ status: this.activeRuns.has(sessionId) ? "running" : "idle",
64
+ runId: this.activeRuns.get(sessionId)?.runId ?? null,
65
+ messages: context?.messages ?? [],
66
+ summary: context?.summary ?? "",
67
+ events: this.events.get(sessionId) ?? [],
68
+ pendingApproval,
69
+ approvals: meta.approvals,
70
+ };
71
+ }
72
+ async updateSession(sessionId, patch) {
73
+ if (this.activeRuns.has(sessionId))
74
+ throw new Error("Cannot change session settings while the Agent is running");
75
+ const updated = await this.store.update(sessionId, patch);
76
+ this.agents.delete(sessionId);
77
+ this.emit(sessionId, "session_updated", updated);
78
+ return updated;
79
+ }
80
+ async deleteSession(sessionId) {
81
+ if (this.activeRuns.has(sessionId))
82
+ throw new Error("Stop the running session before deleting it");
83
+ this.agents.delete(sessionId);
84
+ this.events.delete(sessionId);
85
+ return this.store.delete(sessionId);
86
+ }
87
+ async sendMessage(sessionId, text) {
88
+ const prompt = text.trim();
89
+ if (!prompt)
90
+ throw new Error("Message must not be empty");
91
+ if (this.activeRuns.has(sessionId))
92
+ throw new Error("This session is already running");
93
+ let meta = await this.requireSession(sessionId);
94
+ if (meta.title === "新会话" || meta.title === "New session" || meta.title === meta.cwd.split(/[\\/]/).at(-1)) {
95
+ meta = await this.store.update(sessionId, { title: prompt.replace(/\s+/g, " ").slice(0, 42) });
96
+ }
97
+ const runId = `run-${this.idFactory()}`;
98
+ const controller = new AbortController();
99
+ this.events.set(sessionId, []);
100
+ this.emit(sessionId, "user", { text: prompt });
101
+ this.emit(sessionId, "run_started", { runId });
102
+ const promise = this.run(meta, prompt, runId, controller.signal)
103
+ .finally(() => this.activeRuns.delete(sessionId));
104
+ this.activeRuns.set(sessionId, { runId, controller, promise });
105
+ void promise.catch(() => { });
106
+ return { runId };
107
+ }
108
+ async stopSession(sessionId) {
109
+ const active = this.activeRuns.get(sessionId);
110
+ if (!active)
111
+ return false;
112
+ active.controller.abort();
113
+ return true;
114
+ }
115
+ async waitForIdle(sessionId) {
116
+ await this.activeRuns.get(sessionId)?.promise;
117
+ }
118
+ async resolveApproval(approvalId, answer) {
119
+ const waiter = this.approvals.get(approvalId);
120
+ if (!waiter)
121
+ return false;
122
+ clearTimeout(waiter.timeout);
123
+ this.approvals.delete(approvalId);
124
+ await this.store.resolveApproval(waiter.approval.sessionId, approvalId, answer);
125
+ waiter.resolve(answer);
126
+ this.emit(waiter.approval.sessionId, "approval_resolved", { approvalId, answer });
127
+ return true;
128
+ }
129
+ subscribe(sessionId, listener) {
130
+ const set = this.listeners.get(sessionId) ?? new Set();
131
+ set.add(listener);
132
+ this.listeners.set(sessionId, set);
133
+ return () => {
134
+ set.delete(listener);
135
+ if (!set.size)
136
+ this.listeners.delete(sessionId);
137
+ };
138
+ }
139
+ async run(meta, prompt, runId, signal) {
140
+ try {
141
+ const agent = this.agents.get(meta.sessionId) ?? this.createAgent(meta);
142
+ this.agents.set(meta.sessionId, agent);
143
+ for await (const event of agent.chat(prompt, signal))
144
+ this.emit(meta.sessionId, "agent", event);
145
+ this.emit(meta.sessionId, "run_finished", { runId, outcome: signal.aborted ? "stopped" : "done" });
146
+ await this.store.update(meta.sessionId, {});
147
+ }
148
+ catch (err) {
149
+ const stopped = signal.aborted || (err instanceof Error && err.name === "AbortError");
150
+ this.emit(meta.sessionId, "agent", { type: "error", message: stopped ? "已停止" : err.message });
151
+ this.emit(meta.sessionId, "run_finished", { runId, outcome: stopped ? "stopped" : "error" });
152
+ }
153
+ }
154
+ createAgent(meta) {
155
+ return this.sessionFactory({
156
+ meta,
157
+ config: this.loadConfig(),
158
+ permissionResolver: (request) => this.requestApproval(meta.sessionId, request),
159
+ });
160
+ }
161
+ requestApproval(sessionId, request) {
162
+ const approvalId = `approval-${this.idFactory()}`;
163
+ const approval = {
164
+ ...request,
165
+ approvalId,
166
+ sessionId,
167
+ createdAt: this.now().toISOString(),
168
+ };
169
+ return new Promise((resolve) => {
170
+ const timeout = setTimeout(() => {
171
+ this.approvals.delete(approvalId);
172
+ void this.store.resolveApproval(sessionId, approvalId, "deny").finally(() => {
173
+ resolve("deny");
174
+ this.emit(sessionId, "approval_resolved", { approvalId, answer: "deny", timedOut: true });
175
+ });
176
+ }, this.approvalTimeoutMs);
177
+ timeout.unref?.();
178
+ void this.store.addApproval(sessionId, {
179
+ ...approval,
180
+ status: "pending",
181
+ }).then(() => {
182
+ this.approvals.set(approvalId, { approval, resolve, timeout });
183
+ this.emit(sessionId, "approval", approval);
184
+ }).catch(() => {
185
+ clearTimeout(timeout);
186
+ this.approvals.delete(approvalId);
187
+ resolve("deny");
188
+ });
189
+ });
190
+ }
191
+ emit(sessionId, type, data) {
192
+ const event = { eventId: this.nextEventId++, at: this.now().toISOString(), type, data };
193
+ const events = [...(this.events.get(sessionId) ?? []), event].slice(-500);
194
+ this.events.set(sessionId, events);
195
+ for (const listener of this.listeners.get(sessionId) ?? [])
196
+ listener(event);
197
+ }
198
+ async requireSession(sessionId) {
199
+ const meta = await this.store.get(sessionId);
200
+ if (!meta)
201
+ throw new Error(`DeepCCC web session not found: ${sessionId}`);
202
+ return meta;
203
+ }
204
+ }
@@ -0,0 +1,62 @@
1
+ import { type IncomingMessage, type ServerResponse } from "node:http";
2
+ import { type DeepCccConfig, type DeepCccConfigPatch } from "./config.js";
3
+ import { DeepCccWebRuntime } from "./web-runtime.js";
4
+ export interface PublicDeepCccConfig {
5
+ provider: "openai" | "anthropic";
6
+ baseURL: string;
7
+ model: string;
8
+ subModel: string;
9
+ effort: string;
10
+ maxOutputTokens?: number;
11
+ streaming: boolean;
12
+ contextWindow: number;
13
+ web: {
14
+ port: number;
15
+ openOnStart: boolean;
16
+ };
17
+ apiKeyConfigured: boolean;
18
+ apiKeyMask: string;
19
+ defaultCwd?: string;
20
+ }
21
+ export interface DeepCccWebRequestHandlerOptions {
22
+ runtime: Pick<DeepCccWebRuntime, "listSessions" | "createSession" | "getSession" | "updateSession" | "deleteSession" | "sendMessage" | "stopSession" | "resolveApproval" | "subscribe">;
23
+ getPublicConfig: () => PublicDeepCccConfig;
24
+ saveConfig: (patch: DeepCccConfigPatch) => Promise<PublicDeepCccConfig> | PublicDeepCccConfig;
25
+ defaultCwd: string;
26
+ instance?: DeepCccWebInstance & {
27
+ shutdown: () => void;
28
+ };
29
+ }
30
+ export interface StartDeepCccWebOptions {
31
+ port?: number;
32
+ openBrowser?: boolean;
33
+ defaultCwd?: string;
34
+ reuseExisting?: boolean;
35
+ stateFile?: string;
36
+ }
37
+ export interface DeepCccWebHandle {
38
+ url: string;
39
+ port: number;
40
+ reused: boolean;
41
+ close(): Promise<void>;
42
+ }
43
+ export interface DeepCccWebInstance {
44
+ pid: number;
45
+ port: number;
46
+ startedAt: string;
47
+ token: string;
48
+ }
49
+ export interface LaunchDeepCccWebProcessOptions extends StartDeepCccWebOptions {
50
+ }
51
+ export declare const DEEPCCC_WEB_STATE_FILE: string;
52
+ export declare function toPublicConfig(config: DeepCccConfig, defaultCwd?: string): PublicDeepCccConfig;
53
+ export declare function createDeepCccWebRequestHandler(options: DeepCccWebRequestHandlerOptions): (req: IncomingMessage, res: ServerResponse) => Promise<void>;
54
+ export declare function startDeepCccWebServer(options?: StartDeepCccWebOptions): Promise<DeepCccWebHandle>;
55
+ export declare function launchDeepCccWebProcess(options?: LaunchDeepCccWebProcessOptions): Promise<{
56
+ url: string;
57
+ port: number;
58
+ reused: boolean;
59
+ }>;
60
+ export declare function inspectDeepCccWebServer(port: number): Promise<(DeepCccWebInstance & {
61
+ service: "deepccc-web";
62
+ }) | null>;