deepccc 0.1.28 → 0.2.0

package/README.md

@@ -2,7 +2,7 @@
 
 `deepccc` 是一个轻量级本地编程 Agent，针对 DeepSeek 使用体验做了优化，同时支持其他 OpenAI-compatible 模型接口。
 
-它提供交互式命令行、JSONL 流式输出、本地文件工具、命令执行、项目提示词自动注入和持久化上下文。
+它提供本地 Web UI、交互式命令行、JSONL 流式输出、本地文件工具、命令执行、项目提示词自动注入和持久化上下文。
 
 ## 当前状态
 
@@ -91,14 +91,33 @@ $env:DEEPCCC_STREAMING="true"
       "email": "20184052+wzj998@users.noreply.github.com"
     }
   },
-  "rawStreamLogs": {
+  "rawStreamLogs": {
     "enabled": true,
     "maxBytesPerTurn": 1048576,
     "retentionDays": 7,
-    "keepCompleted": false
-  }
-}
-```
+    "keepCompleted": false
+  },
+  "web": {
+    "port": 28080,
+    "openOnStart": true
+  }
+}
+```
+
+## Web UI
+
+全局安装后可以直接启动本地网页版：
+
+```bash
+deepccc web
+```
+
+默认只监听 `http://127.0.0.1:28080/`，不会暴露到局域网。可在
+`~/.deepccc/config.json` 的 `web.port` 修改端口，`web.openOnStart` 控制启动时是否自动打开浏览器；也可以临时使用 `deepccc web --port 28081 --no-open`。
+
+Web UI 支持新建、恢复、重命名和删除多会话，多个会话可以同时运行，即使它们指向同一个工作目录。每个会话可独立选择 model、subModel 和 effort，并持续复用 CLI 已保存的历史。注意：当前版本不自动创建 Git worktree；同目录的多个运行中 Agent 直接修改同一组文件，页面会提示覆盖与冲突风险。
+
+API 设置采用单一 Provider 配置，支持 OpenAI-compatible 与 Anthropic Messages。完整 API Key 只保存在本机 `~/.deepccc/config.json`，浏览器读取设置时仅返回掩码。高风险命令会在网页中暂停并请求“拒绝、允许一次、本会话允许、永久允许”，浏览器断开或审批超时默认拒绝。
 
 `git.coAuthor.enabled` 默认开启。DeepCCC 通过 `run_command` 创建 Git 提交时会保留用户为
 主 Author，并追加 `Co-authored-by: DeepCCC <20184052+wzj998@users.noreply.github.com>`。

package/dist/cli.d.ts

@@ -5,6 +5,7 @@
  *   node bin/deepccc.mjs
  *   node bin/deepccc.mjs --model deepseek-v4-pro
  *   node bin/deepccc.mjs --stream-json --prompt "hello"
+ *   node bin/deepccc.mjs web
  *
  * 交互模式（TTY）下，单轮回复渲染为固定"过程区块"：状态行 + 折叠工具行 +
  * 原地更新正文，不再滚屏刷 JSON；完成/停止/异常后定型留在屏幕上。

package/dist/cli.js

@@ -5,6 +5,7 @@
  *   node bin/deepccc.mjs
  *   node bin/deepccc.mjs --model deepseek-v4-pro
  *   node bin/deepccc.mjs --stream-json --prompt "hello"
+ *   node bin/deepccc.mjs web
  *
  * 交互模式（TTY）下，单轮回复渲染为固定"过程区块"：状态行 + 折叠工具行 +
  * 原地更新正文，不再滚屏刷 JSON；完成/停止/异常后定型留在屏幕上。
@@ -145,6 +146,7 @@ function printHelp(appConfig) {
         "  --stream-json        One-shot mode: write JSONL events to stdout",
         "  --prompt <text>      Prompt text for --stream-json",
         "  --plain              Force plain streaming output (no progress block renderer)",
+        "  web                   Start the local Web UI (default http://127.0.0.1:28080)",
         "  --dangerously-bypass-permissions  Skip all permission prompts (aligns with chatccc's bypass mode)",
         "  --help, -h           Show help",
         "",
@@ -608,6 +610,21 @@ function runSkillCreate(argv) {
     console.log("hot reload: 下一次对话自动生效，无需重启");
 }
 async function main() {
+    if (process.argv[2] === "web") {
+        const webArgs = process.argv.slice(3);
+        const portIndex = webArgs.indexOf("--port");
+        const port = portIndex >= 0 && webArgs[portIndex + 1] ? Number(webArgs[portIndex + 1]) : undefined;
+        if (port !== undefined && (!Number.isInteger(port) || port < 1 || port > 65_535)) {
+            throw new Error("--port must be an integer between 1 and 65535");
+        }
+        const { startDeepCccWebServer } = await import("./web-server.js");
+        const handle = await startDeepCccWebServer({
+            ...(port ? { port } : {}),
+            ...(webArgs.includes("--no-open") ? { openBrowser: false } : {}),
+        });
+        console.log(`DeepCCC Web UI: ${handle.url}${handle.reused ? " (reused existing server)" : ""}`);
+        return;
+    }
     // skill create 子命令：deepccc skill create <name> [--scope global|project] [--description "..."]
     // 默认创建在全局 ~/.deepccc/skills（Codex 目录结构），--scope project 创建到 <cwd>/.deepccc/skills。
     if (process.argv[2] === "skill" && process.argv[3] === "create") {

package/dist/config.d.ts

@@ -34,13 +34,25 @@ export interface DeepCccConfig {
         retentionDays: number;
         keepCompleted: boolean;
     };
+    web: {
+        port: number;
+        openOnStart: boolean;
+    };
 }
 export declare const DEEPCCC_HOME: string;
 export declare const RAW_STREAM_LOGS_DIR: string;
+export declare const CONFIG_PATH: string;
 /**
  * 默认配置（不读环境/文件）。导出供测试断言默认值；运行时请用 loadConfig 结果。
  */
 export declare const DEFAULT_CONFIG: DeepCccConfig;
+export declare function readConfigFile(): Partial<DeepCccConfig>;
 export declare function normalizeDeepCccProvider(value: unknown): DeepCccProvider;
+export declare function loadConfig(): DeepCccConfig;
 export declare function ensureConfigDir(): void;
+export type DeepCccConfigPatch = Partial<Pick<DeepCccConfig, "provider" | "apiKey" | "baseURL" | "model" | "subModel" | "effort" | "maxOutputTokens" | "streaming" | "contextWindow">> & {
+    web?: Partial<DeepCccConfig["web"]>;
+};
+/** Persist only user-editable Web fields while preserving advanced configuration. */
+export declare function saveConfigPatch(patch: DeepCccConfigPatch): DeepCccConfig;
 export declare const config: DeepCccConfig;

package/dist/config.js

@@ -1,9 +1,9 @@
-import { existsSync, mkdirSync, readFileSync } from "node:fs";
+import { existsSync, mkdirSync, readFileSync, renameSync, writeFileSync } from "node:fs";
 import { homedir } from "node:os";
 import { dirname, join } from "node:path";
 export const DEEPCCC_HOME = join(homedir(), ".deepccc");
 export const RAW_STREAM_LOGS_DIR = join(DEEPCCC_HOME, "raw-stream-logs");
-const CONFIG_PATH = join(DEEPCCC_HOME, "config.json");
+export const CONFIG_PATH = join(DEEPCCC_HOME, "config.json");
 /**
  * 默认配置（不读环境/文件）。导出供测试断言默认值；运行时请用 loadConfig 结果。
  */
@@ -31,8 +31,12 @@ export const DEFAULT_CONFIG = {
         retentionDays: 7,
         keepCompleted: false,
     },
+    web: {
+        port: 28_080,
+        openOnStart: true,
+    },
 };
-function readConfigFile() {
+export function readConfigFile() {
     if (!existsSync(CONFIG_PATH))
         return {};
     const raw = JSON.parse(readFileSync(CONFIG_PATH, "utf8"));
@@ -70,13 +74,14 @@ export function normalizeDeepCccProvider(value) {
         return normalized;
     throw new Error(`DEEPCCC_PROVIDER/provider must be "openai" or "anthropic", received: ${String(value)}`);
 }
-function loadConfig() {
+export function loadConfig() {
     const file = readConfigFile();
     const rawLogs = file.rawStreamLogs && typeof file.rawStreamLogs === "object"
         ? file.rawStreamLogs
         : {};
     const git = file.git && typeof file.git === "object" ? file.git : {};
     const coAuthor = git.coAuthor && typeof git.coAuthor === "object" ? git.coAuthor : {};
+    const web = file.web && typeof file.web === "object" ? file.web : {};
     return {
         provider: normalizeDeepCccProvider(env("DEEPCCC_PROVIDER") ?? file.provider ?? DEFAULT_CONFIG.provider),
         apiKey: env("DEEPCCC_API_KEY") ?? env("DEEPSEEK_API_KEY") ?? file.apiKey ?? DEFAULT_CONFIG.apiKey,
@@ -101,9 +106,49 @@ function loadConfig() {
             retentionDays: numberEnv("DEEPCCC_RAW_STREAM_RETENTION_DAYS") ?? rawLogs.retentionDays ?? DEFAULT_CONFIG.rawStreamLogs.retentionDays,
             keepCompleted: boolEnv("DEEPCCC_RAW_STREAM_KEEP_COMPLETED") ?? rawLogs.keepCompleted ?? DEFAULT_CONFIG.rawStreamLogs.keepCompleted,
         },
+        web: {
+            port: normalizeWebPort(web.port),
+            openOnStart: web.openOnStart ?? DEFAULT_CONFIG.web.openOnStart,
+        },
     };
 }
 export function ensureConfigDir() {
     mkdirSync(dirname(CONFIG_PATH), { recursive: true });
 }
+/** Persist only user-editable Web fields while preserving advanced configuration. */
+export function saveConfigPatch(patch) {
+    const existing = readConfigFile();
+    const { web: webPatch, ...flatPatch } = patch;
+    const next = {
+        ...existing,
+        ...flatPatch,
+        ...(webPatch ? { web: { ...DEFAULT_CONFIG.web, ...(existing.web ?? {}), ...webPatch } } : {}),
+    };
+    if (patch.provider !== undefined)
+        next.provider = normalizeDeepCccProvider(patch.provider);
+    if (patch.baseURL !== undefined && !patch.baseURL.trim())
+        throw new Error("baseURL must not be empty");
+    if (patch.model !== undefined && !patch.model.trim())
+        throw new Error("model must not be empty");
+    if (patch.effort !== undefined && !["", "none", "minimal", "low", "medium", "high", "xhigh", "max"].includes(patch.effort)) {
+        throw new Error(`Unsupported effort: ${patch.effort}`);
+    }
+    if (patch.contextWindow !== undefined && (!Number.isInteger(patch.contextWindow) || patch.contextWindow <= 0)) {
+        throw new Error("contextWindow must be a positive integer");
+    }
+    if (webPatch?.port !== undefined) {
+        next.web = { ...(next.web ?? DEFAULT_CONFIG.web), port: normalizeWebPort(webPatch.port) };
+    }
+    ensureConfigDir();
+    const tempPath = `${CONFIG_PATH}.${process.pid}.tmp`;
+    writeFileSync(tempPath, `${JSON.stringify(next, null, 2)}\n`, "utf8");
+    renameSync(tempPath, CONFIG_PATH);
+    return loadConfig();
+}
+function normalizeWebPort(value) {
+    const parsed = Number(value ?? DEFAULT_CONFIG.web.port);
+    if (!Number.isInteger(parsed) || parsed < 1 || parsed > 65_535)
+        return DEFAULT_CONFIG.web.port;
+    return parsed;
+}
 export const config = loadConfig();

package/dist/context.d.ts

@@ -66,6 +66,7 @@ export declare function normalizeBuiltinSessionId(value: string): string;
 export declare function defaultBuiltinSessionId(cwd?: string): string;
 export declare function newBuiltinSessionId(now?: Date, suffix?: string): string;
 export declare function getBuiltinContextSession(sessionId: string, contextDir?: string): BuiltinContextSessionInfo | null;
+export declare function readBuiltinContextState(sessionId: string, contextDir?: string): BuiltinContextState | null;
 export declare function listBuiltinContextSessions(contextDir?: string): BuiltinContextSessionInfo[];
 export declare function latestBuiltinSessionForCwd(cwd: string, contextDir?: string): BuiltinContextSessionInfo | null;
 /**

package/dist/context.js

@@ -135,6 +135,18 @@ function readSessionInfo(contextDir, sessionId) {
 export function getBuiltinContextSession(sessionId, contextDir = DEFAULT_BUILTIN_CONTEXT_DIR) {
     return readSessionInfo(contextDir, sessionId);
 }
+export function readBuiltinContextState(sessionId, contextDir = DEFAULT_BUILTIN_CONTEXT_DIR) {
+    const normalizedSessionId = normalizeBuiltinSessionId(sessionId);
+    const filePath = contextFilePath(contextDir, normalizedSessionId);
+    if (!existsSync(filePath))
+        return null;
+    try {
+        return normalizeState(JSON.parse(readFileSync(filePath, "utf8")), normalizedSessionId);
+    }
+    catch {
+        return null;
+    }
+}
 export function listBuiltinContextSessions(contextDir = DEFAULT_BUILTIN_CONTEXT_DIR) {
     if (!existsSync(contextDir))
         return [];

package/dist/index.d.ts

@@ -39,6 +39,8 @@ export interface ChatSessionConfig {
     effort?: string;
     /** Maximum output tokens for the main conversation; unset uses the Provider default. */
     maxOutputTokens?: number;
+    /** Override whether the main conversation uses streaming requests. */
+    streaming?: boolean;
 }
 export interface ChatSessionOptions {
     /** Session working directory. */
@@ -141,6 +143,7 @@ export declare class ChatSession {
     private maxSteps?;
     private effort;
     private maxOutputTokens?;
+    private streaming;
     private permissionMode;
     private permissionResolver?;
     private permissionGate;

package/dist/index.js

@@ -249,6 +249,7 @@ export class ChatSession {
     maxSteps;
     effort;
     maxOutputTokens;
+    streaming;
     permissionMode;
     permissionResolver;
     permissionGate;
@@ -316,6 +317,7 @@ export class ChatSession {
         this.provider = normalizeDeepCccProvider(overrides.provider ?? appConfig.provider);
         this.effort = (overrides.effort ?? appConfig.effort ?? "").trim();
         this.maxOutputTokens = normalizeMaxOutputTokens(overrides.maxOutputTokens ?? appConfig.maxOutputTokens);
+        this.streaming = overrides.streaming ?? appConfig.streaming;
         this.apiKey = apiKey;
         this.baseURL = baseURL;
         const provider = this.provider === "anthropic"
@@ -470,7 +472,7 @@ export class ChatSession {
                     messages: attemptMessages,
                 };
                 let stream;
-                if (appConfig.streaming) {
+                if (this.streaming) {
                     const result = streamText(generationOptions);
                     stream = result.fullStream ?? textStreamToFullStream(result.textStream);
                 }

package/dist/web-page.d.ts

@@ -0,0 +1 @@
+export declare const DEEPCCC_WEB_PAGE = "<!DOCTYPE html>\n<html lang=\"zh-CN\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n<title>DeepCCC</title>\n<style>\n:root{color-scheme:dark;--bg:#0c0e13;--panel:#13161d;--panel2:#181c25;--soft:#202530;--line:#2a303d;--text:#f1f3f8;--muted:#929aaa;--accent:#8b7cf6;--accent2:#5ee4b1;--danger:#ff6f89;--warning:#f2b84b;--shadow:0 24px 70px rgba(0,0,0,.36)}\n*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(circle at 75% -15%,rgba(112,87,246,.17),transparent 35%),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)}\n.sidebar{min-width:0;background:rgba(18,21,28,.94);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:linear-gradient(135deg,#7f6df4,#b25bdb);box-shadow:0 9px 25px rgba(127,109,244,.32);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(--panel2);font-weight:700}.primary{background:linear-gradient(135deg,#7666eb,#9a67e8);border:0;box-shadow:0 8px 22px rgba(119,102,235,.25)}.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.1)}\n.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}\n.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)}\n.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}\n.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}\n.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}\n@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-actions{grid-template-columns:1fr 1fr}}\n</style>\n</head>\n<body>\n<div class=\"app\">\n  <aside class=\"sidebar\">\n    <div class=\"brand\"><div class=\"mark\">D</div><div class=\"brand-copy\"><strong>DeepCCC</strong><span>LOCAL AGENT</span></div></div>\n    <div class=\"sidebar-actions\"><button id=\"new-session\" class=\"primary\">\uFF0B \u65B0\u5EFA\u4F1A\u8BDD</button><button id=\"open-settings\" class=\"icon\" title=\"API \u8BBE\u7F6E\">\u2699</button></div>\n    <div id=\"session-list\" class=\"session-list\"></div>\n    <div class=\"sidebar-foot\"><span>127.0.0.1</span><span id=\"server-port\">28080</span></div>\n  </aside>\n  <main class=\"main\">\n    <header class=\"topbar\"><div class=\"session-heading\"><h1 id=\"session-title\">DeepCCC</h1><p id=\"session-cwd\">\u9009\u62E9\u6216\u521B\u5EFA\u4E00\u4E2A\u4F1A\u8BDD</p></div><div class=\"top-actions\"><button id=\"rename-session\" class=\"ghost hidden\">\u91CD\u547D\u540D</button><button id=\"delete-session\" class=\"danger hidden\">\u5220\u9664</button></div></header>\n    <div id=\"warning\" class=\"workspace-warning hidden\"></div>\n    <section id=\"content\" class=\"content\"><div class=\"welcome\"><div class=\"welcome-card\"><div class=\"welcome-mark\">\u2726</div><h2>\u628A\u5DE5\u4F5C\u4EA4\u7ED9 DeepCCC</h2><p>\u5728\u6D4F\u89C8\u5668\u91CC\u7BA1\u7406\u591A\u4E2A\u672C\u5730 Coding Agent \u4F1A\u8BDD\uFF0C\u5207\u6362\u6A21\u578B\u4E0E\u63A8\u7406\u5F3A\u5EA6\uFF0C\u5E76\u5B9E\u65F6\u5BA1\u6279\u9AD8\u98CE\u9669\u64CD\u4F5C\u3002</p><div class=\"hint-grid\"><div class=\"hint\">\u591A\u4F1A\u8BDD\u5E76\u884C\u8FD0\u884C</div><div class=\"hint\">\u672C\u5730\u6587\u4EF6\u4E0E\u5386\u53F2</div><div class=\"hint\">API \u81EA\u7531\u914D\u7F6E</div></div></div></div></section>\n  </main>\n</div>\n<div id=\"composer-shell\" class=\"composer-shell hidden\"><div class=\"composer\"><textarea id=\"prompt\" placeholder=\"\u63CF\u8FF0\u4F60\u60F3\u5B8C\u6210\u7684\u4EFB\u52A1\u2026\"></textarea><div class=\"composer-bar\"><input id=\"session-model\" list=\"recent-models\" aria-label=\"\u6A21\u578B\"><datalist id=\"recent-models\"></datalist><select id=\"session-effort\" aria-label=\"\u63A8\u7406\u5F3A\u5EA6\"><option value=\"\">\u9ED8\u8BA4 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=\"\u53D1\u9001\">\u2191</button><button id=\"stop\" class=\"stop hidden\">\u25A0 \u505C\u6B62</button></div></div></div>\n\n<div id=\"new-modal\" class=\"modal-backdrop hidden\"><form id=\"new-form\" class=\"modal\"><h2>\u65B0\u5EFA Agent \u4F1A\u8BDD</h2><p class=\"subtitle\">\u6BCF\u4E2A\u4F1A\u8BDD\u62E5\u6709\u72EC\u7ACB\u4E0A\u4E0B\u6587\uFF1B\u540C\u76EE\u5F55\u4F1A\u8BDD\u53EF\u4EE5\u5E76\u53D1\uFF0C\u4F46\u6587\u4EF6\u4FEE\u6539\u53EF\u80FD\u51B2\u7A81\u3002</p><div class=\"field\"><label>\u5DE5\u4F5C\u76EE\u5F55</label><input id=\"new-cwd\" required></div><div class=\"field\"><label>\u4F1A\u8BDD\u540D\u79F0\uFF08\u53EF\u9009\uFF09</label><input id=\"new-title\" placeholder=\"\u9ED8\u8BA4\u4F7F\u7528\u76EE\u5F55\u540D\"></div><div class=\"row\"><div class=\"field\"><label>\u6A21\u578B</label><input id=\"new-model\" list=\"recent-models\"></div><div class=\"field\"><label>Effort</label><select id=\"new-effort\"><option value=\"\">\u9ED8\u8BA4</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\">\u53D6\u6D88</button><button class=\"primary\" type=\"submit\">\u521B\u5EFA\u4F1A\u8BDD</button></div></form></div>\n\n<div id=\"settings-modal\" class=\"modal-backdrop hidden\"><form id=\"settings-form\" class=\"modal\"><h2>API \u4E0E Web \u8BBE\u7F6E</h2><p class=\"subtitle\">\u5355\u4E00 API \u914D\u7F6E\u4F5C\u4E3A\u6240\u6709\u65B0\u4F1A\u8BDD\u7684\u9ED8\u8BA4\u503C\uFF1B\u4F1A\u8BDD\u53EF\u5355\u72EC\u8986\u76D6\u6A21\u578B\u548C effort\u3002</p><div class=\"row\"><div class=\"field\"><label>API \u534F\u8BAE</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=\"\u7559\u7A7A\u4FDD\u7559\u5F53\u524D Key\"></div></div><div class=\"field\"><label>Base URL</label><input id=\"cfg-base-url\" required></div><div class=\"row\"><div class=\"field\"><label>\u9ED8\u8BA4\u6A21\u578B</label><input id=\"cfg-model\" required></div><div class=\"field\"><label>\u5B50\u6A21\u578B\uFF08\u53EF\u9009\uFF09</label><input id=\"cfg-sub-model\"></div></div><div class=\"row\"><div class=\"field\"><label>\u9ED8\u8BA4 Effort</label><select id=\"cfg-effort\"><option value=\"\">\u4E0D\u4F20</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 \u7AEF\u53E3</label><input id=\"cfg-port\" type=\"number\" min=\"1\" max=\"65535\"></div><div class=\"field\"><label>Max Output Tokens\uFF08\u53EF\u9009\uFF09</label><input id=\"cfg-max-output\" type=\"number\" min=\"1\"></div></div><label class=\"check\"><input id=\"cfg-streaming\" type=\"checkbox\">\u542F\u7528\u6D41\u5F0F\u8BF7\u6C42</label><label class=\"check\"><input id=\"cfg-open\" type=\"checkbox\">\u8FD0\u884C deepccc web \u65F6\u81EA\u52A8\u6253\u5F00\u6D4F\u89C8\u5668</label><div id=\"key-state\" class=\"subtitle\"></div><div class=\"modal-actions\"><button type=\"button\" data-close=\"settings-modal\" class=\"ghost\">\u53D6\u6D88</button><button class=\"primary\" type=\"submit\">\u4FDD\u5B58\u8BBE\u7F6E</button></div></form></div>\n\n<div id=\"rename-modal\" class=\"modal-backdrop hidden\"><form id=\"rename-form\" class=\"modal\"><h2>\u91CD\u547D\u540D\u4F1A\u8BDD</h2><div class=\"field\"><label>\u540D\u79F0</label><input id=\"rename-title\" required maxlength=\"120\"></div><div class=\"modal-actions\"><button type=\"button\" data-close=\"rename-modal\" class=\"ghost\">\u53D6\u6D88</button><button class=\"primary\">\u4FDD\u5B58</button></div></form></div>\n\n<div id=\"approval-modal\" class=\"modal-backdrop hidden\"><div class=\"modal approval\"><span class=\"approval-badge\">\u9700\u8981\u6388\u6743</span><h2>Agent \u8BF7\u6C42\u6267\u884C\u9AD8\u98CE\u9669\u64CD\u4F5C</h2><p id=\"approval-detail\" class=\"subtitle\"></p><pre id=\"approval-action\"></pre><div class=\"approval-actions\"><button data-answer=\"deny\" class=\"danger\">\u62D2\u7EDD</button><button data-answer=\"allow\" class=\"ghost\">\u5141\u8BB8\u4E00\u6B21</button><button data-answer=\"allow-session\" class=\"ghost\">\u672C\u4F1A\u8BDD\u5141\u8BB8</button><button data-answer=\"allow-always\" class=\"primary\">\u6C38\u4E45\u5141\u8BB8</button></div></div></div>\n<div id=\"toast\" class=\"toast hidden\"></div>\n<script>\n(function(){\n  var state={sessions:[],selectedId:null,detail:null,config:null,eventSource:null,reloadTimer:null};\n  var $=function(id){return document.getElementById(id);};\n  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:'\u54CD\u5E94\u4E0D\u662F\u6709\u6548 JSON'};});if(!response.ok)throw new Error(data.error||('HTTP '+response.status));return data;}\n  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);}\n  function openModal(id){$(id).classList.remove('hidden');}function closeModal(id){$(id).classList.add('hidden');}\n  function escapeHtml(value){return String(value||'').replace(/[&<>\"']/g,function(ch){return {'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[ch];});}\n  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;}\n  function statusText(status){return status==='running'?'\u6267\u884C\u4E2D':'\u7A7A\u95F2';}\n  function renderSessions(){var root=$('session-list');root.innerHTML='';if(!state.sessions.length){root.innerHTML='<div class=\"session-empty\">\u8FD8\u6CA1\u6709\u4F1A\u8BDD<br>\u70B9\u51FB\u4E0A\u65B9\u6309\u94AE\u5F00\u59CB</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||'\u9ED8\u8BA4\u6A21\u578B')+' \u00B7 '+escapeHtml(session.effort||'\u9ED8\u8BA4 effort')+'</div><div class=\"session-meta\">'+escapeHtml(session.cwd)+'</div>';button.addEventListener('click',function(){selectSession(session.sessionId);});root.appendChild(button);});}\n  function messageHtml(role,content){return '<article class=\"message '+role+'\"><div class=\"avatar\">'+(role==='user'?'\u4F60':'D')+'</div><div class=\"bubble\"><div class=\"role\">'+(role==='user'?'YOU':'DEEPCCC')+'</div><div class=\"markdown\">'+markdown(content)+'</div></div></article>';}\n  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'?'\u8C03\u7528\u5DE5\u5177 \u00B7 '+(item.name||'tool'):'\u5DE5\u5177\u7ED3\u679C \u00B7 '+(item.name||item.tool_use_id||'tool'))+'</summary><pre>'+escapeHtml(JSON.stringify(item.type==='tool_use'?item.input:item.content,null,2))+'</pre></details>';}\n  function renderDetail(){var detail=state.detail;if(!detail)return;$('session-title').textContent=detail.title;$('session-cwd').textContent=detail.cwd+' \u00B7 '+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>\u51C6\u5907\u5F00\u59CB\u8FD9\u4E2A\u4F1A\u8BDD</strong><span>\u5728\u4E0B\u65B9\u8F93\u5165\u4EFB\u52A1\u3002DeepCCC \u4F1A\u8BFB\u53D6\u5F53\u524D\u9879\u76EE\u6307\u4EE4\u3001\u8C03\u7528\u5DE5\u5177\u5E76\u6301\u7EED\u4FDD\u5B58\u4E0A\u4E0B\u6587\u3002</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||'');html+='<div class=\"run-state\"><i class=\"pulse\"></i>Agent \u6B63\u5728\u5DE5\u4F5C</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();renderApproval();requestAnimationFrame(function(){$('content').scrollTop=$('content').scrollHeight;});}\n  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='\u26A0 \u5F53\u524D\u76EE\u5F55\u8FD8\u6709 '+conflicts.length+' \u4E2A Agent \u4F1A\u8BDD\u6B63\u5728\u8FD0\u884C\u3002\u591A\u4E2A\u4F1A\u8BDD\u76F4\u63A5\u4FEE\u6539\u540C\u4E00\u76EE\u5F55\uFF0C\u53EF\u80FD\u4EA7\u751F\u8986\u76D6\u6216\u51B2\u7A81\u3002';el.classList.remove('hidden');}else el.classList.add('hidden');}\n  function renderApproval(){var approval=state.detail&&state.detail.pendingApproval;if(!approval){closeModal('approval-modal');return;}$('approval-detail').textContent=approval.detail||('\u5DE5\u5177\uFF1A'+approval.tool);$('approval-action').textContent=approval.action;openModal('approval-modal');}\n  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;}\n  async function loadDetail(){if(!state.selectedId)return;var result=await api('/api/sessions/'+encodeURIComponent(state.selectedId));state.detail=result.session;renderDetail();await loadSessions();}\n  function scheduleDetail(){clearTimeout(state.reloadTimer);state.reloadTimer=setTimeout(function(){loadDetail().catch(function(error){toast(error.message,true);});},120);}\n  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();}\n  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?'\u5F53\u524D API Key\uFF1A'+state.config.apiKeyMask:'\u5C1A\u672A\u914D\u7F6E 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('');}\n  $('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);});});\n  $('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);}});\n  $('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('\u8BBE\u7F6E\u5DF2\u4FDD\u5B58\uFF0C\u65B0\u914D\u7F6E\u4ECE\u4E0B\u4E00\u6B21\u65B0\u5EFA\u4F1A\u8BDD\u751F\u6548');await loadConfig();}catch(error){toast(error.message,true);}});\n  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);}}\n  $('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('\u5DF2\u8BF7\u6C42\u505C\u6B62');}catch(error){toast(error.message,true);}});\n  $('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('\u5220\u9664\u8FD9\u4E2A\u4F1A\u8BDD\u53CA\u5176\u672C\u5730\u5386\u53F2\uFF1F\u4E0D\u4F1A\u5220\u9664\u5DE5\u4F5C\u76EE\u5F55\u4E2D\u7684\u6587\u4EF6\u3002'))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='\u9009\u62E9\u6216\u521B\u5EFA\u4E00\u4E2A\u4F1A\u8BDD';$('content').innerHTML='<div class=\"welcome\"><div class=\"welcome-card\"><div class=\"welcome-mark\">\u2726</div><h2>\u4F1A\u8BDD\u5DF2\u5220\u9664</h2><p>\u4ECE\u5DE6\u4FA7\u9009\u62E9\u5176\u4ED6\u4F1A\u8BDD\u6216\u521B\u5EFA\u4E00\u4E2A\u65B0\u7684\u4EFB\u52A1\u3002</p></div></div>';await loadSessions();}catch(error){toast(error.message,true);}});\n  document.querySelectorAll('[data-answer]').forEach(function(button){button.addEventListener('click',async function(){var approval=state.detail&&state.detail.pendingApproval;if(!approval)return;try{await api('/api/approvals/'+encodeURIComponent(approval.approvalId),{method:'POST',body:JSON.stringify({answer:button.dataset.answer})});closeModal('approval-modal');scheduleDetail();}catch(error){toast(error.message,true);}});});\n  Promise.all([loadSessions(),loadConfig()]).then(function(){if(state.sessions[0])selectSession(state.sessions[0].sessionId);}).catch(function(error){toast(error.message,true);});\n})();\n</script>\n</body></html>";

package/dist/web-page.js

@@ -0,0 +1,74 @@
+export const DEEPCCC_WEB_PAGE = `<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>DeepCCC</title>
+<style>
+:root{color-scheme:dark;--bg:#0c0e13;--panel:#13161d;--panel2:#181c25;--soft:#202530;--line:#2a303d;--text:#f1f3f8;--muted:#929aaa;--accent:#8b7cf6;--accent2:#5ee4b1;--danger:#ff6f89;--warning:#f2b84b;--shadow:0 24px 70px rgba(0,0,0,.36)}
+*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(circle at 75% -15%,rgba(112,87,246,.17),transparent 35%),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)}
+.sidebar{min-width:0;background:rgba(18,21,28,.94);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:linear-gradient(135deg,#7f6df4,#b25bdb);box-shadow:0 9px 25px rgba(127,109,244,.32);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(--panel2);font-weight:700}.primary{background:linear-gradient(135deg,#7666eb,#9a67e8);border:0;box-shadow:0 8px 22px rgba(119,102,235,.25)}.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.1)}
+.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}
+.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)}
+.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}
+.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}
+.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}
+@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-actions{grid-template-columns:1fr 1fr}}
+</style>
+</head>
+<body>
+<div class="app">
+  <aside class="sidebar">
+    <div class="brand"><div class="mark">D</div><div class="brand-copy"><strong>DeepCCC</strong><span>LOCAL AGENT</span></div></div>
+    <div class="sidebar-actions"><button id="new-session" class="primary">＋ 新建会话</button><button id="open-settings" class="icon" title="API 设置">⚙</button></div>
+    <div id="session-list" class="session-list"></div>
+    <div class="sidebar-foot"><span>127.0.0.1</span><span id="server-port">28080</span></div>
+  </aside>
+  <main class="main">
+    <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>
+    <div id="warning" class="workspace-warning hidden"></div>
+    <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>
+  </main>
+</div>
+<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>
+
+<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>
+
+<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>
+
+<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>
+
+<div id="approval-modal" class="modal-backdrop hidden"><div class="modal approval"><span class="approval-badge">需要授权</span><h2>Agent 请求执行高风险操作</h2><p id="approval-detail" class="subtitle"></p><pre id="approval-action"></pre><div class="approval-actions"><button data-answer="deny" class="danger">拒绝</button><button data-answer="allow" class="ghost">允许一次</button><button data-answer="allow-session" class="ghost">本会话允许</button><button data-answer="allow-always" class="primary">永久允许</button></div></div></div>
+<div id="toast" class="toast hidden"></div>
+<script>
+(function(){
+  var state={sessions:[],selectedId:null,detail:null,config:null,eventSource:null,reloadTimer:null};
+  var $=function(id){return document.getElementById(id);};
+  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;}
+  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);}
+  function openModal(id){$(id).classList.remove('hidden');}function closeModal(id){$(id).classList.add('hidden');}
+  function escapeHtml(value){return String(value||'').replace(/[&<>"']/g,function(ch){return {'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[ch];});}
+  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;}
+  function statusText(status){return status==='running'?'执行中':'空闲';}
+  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);});}
+  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>';}
+  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>';}
+  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||'');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();renderApproval();requestAnimationFrame(function(){$('content').scrollTop=$('content').scrollHeight;});}
+  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');}
+  function renderApproval(){var approval=state.detail&&state.detail.pendingApproval;if(!approval){closeModal('approval-modal');return;}$('approval-detail').textContent=approval.detail||('工具：'+approval.tool);$('approval-action').textContent=approval.action;openModal('approval-modal');}
+  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;}
+  async function loadDetail(){if(!state.selectedId)return;var result=await api('/api/sessions/'+encodeURIComponent(state.selectedId));state.detail=result.session;renderDetail();await loadSessions();}
+  function scheduleDetail(){clearTimeout(state.reloadTimer);state.reloadTimer=setTimeout(function(){loadDetail().catch(function(error){toast(error.message,true);});},120);}
+  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();}
+  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('');}
+  $('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);});});
+  $('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);}});
+  $('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);}});
+  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);}}
+  $('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);}});
+  $('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);}});
+  document.querySelectorAll('[data-answer]').forEach(function(button){button.addEventListener('click',async function(){var approval=state.detail&&state.detail.pendingApproval;if(!approval)return;try{await api('/api/approvals/'+encodeURIComponent(approval.approvalId),{method:'POST',body:JSON.stringify({answer:button.dataset.answer})});closeModal('approval-modal');scheduleDetail();}catch(error){toast(error.message,true);}});});
+  Promise.all([loadSessions(),loadConfig()]).then(function(){if(state.sessions[0])selectSession(state.sessions[0].sessionId);}).catch(function(error){toast(error.message,true);});
+})();
+</script>
+</body></html>`;

package/dist/web-runtime.d.ts

@@ -0,0 +1,99 @@
+import { type ChatEvent, type ChatSessionConfig } from "./index.js";
+import type { PermissionAnswer, PermissionRequest, PermissionResolver } from "./permissions.js";
+import { WebSessionStore, type CreateWebSessionInput, type UpdateWebSessionInput, type WebSessionMeta } from "./web-session-store.js";
+export interface WebRuntimeConfig extends ChatSessionConfig {
+    provider: "openai" | "anthropic";
+    apiKey: string;
+    baseURL: string;
+    model: string;
+    subModel: string;
+    effort: string;
+    contextWindow: number;
+    streaming: boolean;
+}
+export interface WebRuntimeEvent {
+    eventId: number;
+    at: string;
+    type: "user" | "agent" | "run_started" | "run_finished" | "approval" | "approval_resolved" | "session_updated";
+    data: unknown;
+}
+export interface PendingWebApproval extends PermissionRequest {
+    approvalId: string;
+    sessionId: string;
+    createdAt: string;
+}
+export interface WebSessionFactoryInput {
+    meta: WebSessionMeta;
+    config: WebRuntimeConfig;
+    permissionResolver: PermissionResolver;
+}
+export interface WebSessionAgent {
+    chat(input: string, signal?: AbortSignal): AsyncIterable<ChatEvent>;
+}
+export interface DeepCccWebRuntimeOptions {
+    store?: WebSessionStore;
+    loadConfig: () => WebRuntimeConfig;
+    sessionFactory?: (input: WebSessionFactoryInput) => WebSessionAgent;
+    approvalTimeoutMs?: number;
+    now?: () => Date;
+    idFactory?: () => string;
+}
+export declare class DeepCccWebRuntime {
+    readonly store: WebSessionStore;
+    private readonly loadConfig;
+    private readonly sessionFactory;
+    private readonly approvalTimeoutMs;
+    private readonly now;
+    private readonly idFactory;
+    private readonly agents;
+    private readonly activeRuns;
+    private readonly events;
+    private readonly listeners;
+    private readonly approvals;
+    private nextEventId;
+    constructor(options: DeepCccWebRuntimeOptions);
+    listSessions(): Promise<{
+        status: string;
+        schemaVersion: 1;
+        sessionId: string;
+        title: string;
+        cwd: string;
+        model: string;
+        subModel: string;
+        effort: string;
+        createdAt: string;
+        updatedAt: string;
+    }[]>;
+    createSession(input: CreateWebSessionInput): Promise<WebSessionMeta>;
+    getSession(sessionId: string): Promise<{
+        status: string;
+        runId: string | null;
+        messages: import("./context.js").BuiltinContextMessage[];
+        summary: string;
+        events: WebRuntimeEvent[];
+        pendingApproval: PendingWebApproval | null;
+        schemaVersion: 1;
+        sessionId: string;
+        title: string;
+        cwd: string;
+        model: string;
+        subModel: string;
+        effort: string;
+        createdAt: string;
+        updatedAt: string;
+    }>;
+    updateSession(sessionId: string, patch: UpdateWebSessionInput): Promise<WebSessionMeta>;
+    deleteSession(sessionId: string): Promise<boolean>;
+    sendMessage(sessionId: string, text: string): Promise<{
+        runId: string;
+    }>;
+    stopSession(sessionId: string): Promise<boolean>;
+    waitForIdle(sessionId: string): Promise<void>;
+    resolveApproval(approvalId: string, answer: PermissionAnswer): Promise<boolean>;
+    subscribe(sessionId: string, listener: (event: WebRuntimeEvent) => void): () => void;
+    private run;
+    private createAgent;
+    private requestApproval;
+    private emit;
+    private requireSession;
+}

package/dist/web-runtime.js

@@ -0,0 +1,191 @@
+import { randomUUID } from "node:crypto";
+import { ChatSession } from "./index.js";
+import { readBuiltinContextState } from "./context.js";
+import { WebSessionStore, } from "./web-session-store.js";
+export class DeepCccWebRuntime {
+    store;
+    loadConfig;
+    sessionFactory;
+    approvalTimeoutMs;
+    now;
+    idFactory;
+    agents = new Map();
+    activeRuns = new Map();
+    events = new Map();
+    listeners = new Map();
+    approvals = new Map();
+    nextEventId = 1;
+    constructor(options) {
+        this.store = options.store ?? new WebSessionStore();
+        this.loadConfig = options.loadConfig;
+        this.approvalTimeoutMs = options.approvalTimeoutMs ?? 5 * 60_000;
+        this.now = options.now ?? (() => new Date());
+        this.idFactory = options.idFactory ?? randomUUID;
+        this.sessionFactory = options.sessionFactory ?? ((input) => new ChatSession({
+            provider: input.config.provider,
+            apiKey: input.config.apiKey,
+            baseURL: input.config.baseURL,
+            model: input.meta.model || input.config.model,
+            subModel: input.meta.subModel || input.config.subModel,
+            effort: input.meta.effort || input.config.effort,
+            maxOutputTokens: input.config.maxOutputTokens,
+            streaming: input.config.streaming,
+        }, {
+            cwd: input.meta.cwd,
+            persist: true,
+            sessionId: input.meta.sessionId,
+            contextWindow: input.config.contextWindow,
+            permissionMode: "ask",
+            permissionResolver: input.permissionResolver,
+        }));
+    }
+    async listSessions() {
+        const sessions = await this.store.list();
+        return sessions.map((meta) => ({ ...meta, status: this.activeRuns.has(meta.sessionId) ? "running" : "idle" }));
+    }
+    async createSession(input) {
+        const config = this.loadConfig();
+        const session = await this.store.create({
+            ...input,
+            model: input.model ?? config.model,
+            subModel: input.subModel ?? config.subModel,
+            effort: input.effort ?? config.effort,
+        });
+        this.emit(session.sessionId, "session_updated", session);
+        return session;
+    }
+    async getSession(sessionId) {
+        const meta = await this.requireSession(sessionId);
+        const context = readBuiltinContextState(sessionId, this.store.rootDir);
+        const pendingApproval = [...this.approvals.values()].find((entry) => entry.approval.sessionId === sessionId)?.approval ?? null;
+        return {
+            ...meta,
+            status: this.activeRuns.has(sessionId) ? "running" : "idle",
+            runId: this.activeRuns.get(sessionId)?.runId ?? null,
+            messages: context?.messages ?? [],
+            summary: context?.summary ?? "",
+            events: this.events.get(sessionId) ?? [],
+            pendingApproval,
+        };
+    }
+    async updateSession(sessionId, patch) {
+        if (this.activeRuns.has(sessionId))
+            throw new Error("Cannot change session settings while the Agent is running");
+        const updated = await this.store.update(sessionId, patch);
+        this.agents.delete(sessionId);
+        this.emit(sessionId, "session_updated", updated);
+        return updated;
+    }
+    async deleteSession(sessionId) {
+        if (this.activeRuns.has(sessionId))
+            throw new Error("Stop the running session before deleting it");
+        this.agents.delete(sessionId);
+        this.events.delete(sessionId);
+        return this.store.delete(sessionId);
+    }
+    async sendMessage(sessionId, text) {
+        const prompt = text.trim();
+        if (!prompt)
+            throw new Error("Message must not be empty");
+        if (this.activeRuns.has(sessionId))
+            throw new Error("This session is already running");
+        let meta = await this.requireSession(sessionId);
+        if (meta.title === "新会话" || meta.title === "New session" || meta.title === meta.cwd.split(/[\\/]/).at(-1)) {
+            meta = await this.store.update(sessionId, { title: prompt.replace(/\s+/g, " ").slice(0, 42) });
+        }
+        const runId = `run-${this.idFactory()}`;
+        const controller = new AbortController();
+        this.events.set(sessionId, []);
+        this.emit(sessionId, "user", { text: prompt });
+        this.emit(sessionId, "run_started", { runId });
+        const promise = this.run(meta, prompt, runId, controller.signal)
+            .finally(() => this.activeRuns.delete(sessionId));
+        this.activeRuns.set(sessionId, { runId, controller, promise });
+        void promise.catch(() => { });
+        return { runId };
+    }
+    async stopSession(sessionId) {
+        const active = this.activeRuns.get(sessionId);
+        if (!active)
+            return false;
+        active.controller.abort();
+        return true;
+    }
+    async waitForIdle(sessionId) {
+        await this.activeRuns.get(sessionId)?.promise;
+    }
+    async resolveApproval(approvalId, answer) {
+        const waiter = this.approvals.get(approvalId);
+        if (!waiter)
+            return false;
+        clearTimeout(waiter.timeout);
+        this.approvals.delete(approvalId);
+        waiter.resolve(answer);
+        this.emit(waiter.approval.sessionId, "approval_resolved", { approvalId, answer });
+        return true;
+    }
+    subscribe(sessionId, listener) {
+        const set = this.listeners.get(sessionId) ?? new Set();
+        set.add(listener);
+        this.listeners.set(sessionId, set);
+        return () => {
+            set.delete(listener);
+            if (!set.size)
+                this.listeners.delete(sessionId);
+        };
+    }
+    async run(meta, prompt, runId, signal) {
+        try {
+            const agent = this.agents.get(meta.sessionId) ?? this.createAgent(meta);
+            this.agents.set(meta.sessionId, agent);
+            for await (const event of agent.chat(prompt, signal))
+                this.emit(meta.sessionId, "agent", event);
+            this.emit(meta.sessionId, "run_finished", { runId, outcome: signal.aborted ? "stopped" : "done" });
+            await this.store.update(meta.sessionId, {});
+        }
+        catch (err) {
+            const stopped = signal.aborted || (err instanceof Error && err.name === "AbortError");
+            this.emit(meta.sessionId, "agent", { type: "error", message: stopped ? "已停止" : err.message });
+            this.emit(meta.sessionId, "run_finished", { runId, outcome: stopped ? "stopped" : "error" });
+        }
+    }
+    createAgent(meta) {
+        return this.sessionFactory({
+            meta,
+            config: this.loadConfig(),
+            permissionResolver: (request) => this.requestApproval(meta.sessionId, request),
+        });
+    }
+    requestApproval(sessionId, request) {
+        const approvalId = `approval-${this.idFactory()}`;
+        const approval = {
+            ...request,
+            approvalId,
+            sessionId,
+            createdAt: this.now().toISOString(),
+        };
+        return new Promise((resolve) => {
+            const timeout = setTimeout(() => {
+                this.approvals.delete(approvalId);
+                resolve("deny");
+                this.emit(sessionId, "approval_resolved", { approvalId, answer: "deny", timedOut: true });
+            }, this.approvalTimeoutMs);
+            timeout.unref?.();
+            this.approvals.set(approvalId, { approval, resolve, timeout });
+            this.emit(sessionId, "approval", approval);
+        });
+    }
+    emit(sessionId, type, data) {
+        const event = { eventId: this.nextEventId++, at: this.now().toISOString(), type, data };
+        const events = [...(this.events.get(sessionId) ?? []), event].slice(-500);
+        this.events.set(sessionId, events);
+        for (const listener of this.listeners.get(sessionId) ?? [])
+            listener(event);
+    }
+    async requireSession(sessionId) {
+        const meta = await this.store.get(sessionId);
+        if (!meta)
+            throw new Error(`DeepCCC web session not found: ${sessionId}`);
+        return meta;
+    }
+}

package/dist/web-server.d.ts

@@ -0,0 +1,40 @@
+import { type IncomingMessage, type ServerResponse } from "node:http";
+import { type DeepCccConfig, type DeepCccConfigPatch } from "./config.js";
+import { DeepCccWebRuntime } from "./web-runtime.js";
+export interface PublicDeepCccConfig {
+    provider: "openai" | "anthropic";
+    baseURL: string;
+    model: string;
+    subModel: string;
+    effort: string;
+    maxOutputTokens?: number;
+    streaming: boolean;
+    contextWindow: number;
+    web: {
+        port: number;
+        openOnStart: boolean;
+    };
+    apiKeyConfigured: boolean;
+    apiKeyMask: string;
+    defaultCwd?: string;
+}
+export interface DeepCccWebRequestHandlerOptions {
+    runtime: Pick<DeepCccWebRuntime, "listSessions" | "createSession" | "getSession" | "updateSession" | "deleteSession" | "sendMessage" | "stopSession" | "resolveApproval" | "subscribe">;
+    getPublicConfig: () => PublicDeepCccConfig;
+    saveConfig: (patch: DeepCccConfigPatch) => Promise<PublicDeepCccConfig> | PublicDeepCccConfig;
+    defaultCwd: string;
+}
+export interface StartDeepCccWebOptions {
+    port?: number;
+    openBrowser?: boolean;
+    defaultCwd?: string;
+}
+export interface DeepCccWebHandle {
+    url: string;
+    port: number;
+    reused: boolean;
+    close(): Promise<void>;
+}
+export declare function toPublicConfig(config: DeepCccConfig, defaultCwd?: string): PublicDeepCccConfig;
+export declare function createDeepCccWebRequestHandler(options: DeepCccWebRequestHandlerOptions): (req: IncomingMessage, res: ServerResponse) => Promise<void>;
+export declare function startDeepCccWebServer(options?: StartDeepCccWebOptions): Promise<DeepCccWebHandle>;

package/dist/web-server.js

@@ -0,0 +1,243 @@
+import { spawn } from "node:child_process";
+import { createServer } from "node:http";
+import { stat } from "node:fs/promises";
+import { loadConfig, saveConfigPatch, } from "./config.js";
+import { DeepCccWebRuntime } from "./web-runtime.js";
+import { DEEPCCC_WEB_PAGE } from "./web-page.js";
+const MAX_BODY_BYTES = 512 * 1024;
+const HOST = "127.0.0.1";
+let defaultHandle = null;
+function runtimeConfig() {
+    const config = loadConfig();
+    return {
+        provider: config.provider,
+        apiKey: config.apiKey,
+        baseURL: config.baseURL,
+        model: config.model,
+        subModel: config.subModel,
+        effort: config.effort,
+        maxOutputTokens: config.maxOutputTokens,
+        contextWindow: config.contextWindow,
+        streaming: config.streaming,
+    };
+}
+export function toPublicConfig(config, defaultCwd = process.cwd()) {
+    return {
+        provider: config.provider,
+        baseURL: config.baseURL,
+        model: config.model,
+        subModel: config.subModel,
+        effort: config.effort,
+        ...(config.maxOutputTokens ? { maxOutputTokens: config.maxOutputTokens } : {}),
+        streaming: config.streaming,
+        contextWindow: config.contextWindow,
+        web: config.web,
+        apiKeyConfigured: !!config.apiKey,
+        apiKeyMask: maskSecret(config.apiKey),
+        defaultCwd,
+    };
+}
+export function createDeepCccWebRequestHandler(options) {
+    return async function handle(req, res) {
+        const url = new URL(req.url ?? "/", `http://${HOST}`);
+        const path = url.pathname;
+        const method = req.method ?? "GET";
+        try {
+            if (method === "GET" && (path === "/" || path === "/index.html")) {
+                return textReply(res, 200, DEEPCCC_WEB_PAGE, "text/html; charset=utf-8");
+            }
+            if (method === "GET" && path === "/api/health") {
+                return jsonReply(res, 200, { ok: true, service: "deepccc-web" });
+            }
+            if (method === "GET" && path === "/api/config") {
+                return jsonReply(res, 200, { ok: true, config: { ...options.getPublicConfig(), defaultCwd: options.defaultCwd } });
+            }
+            if (method === "PUT" && path === "/api/config") {
+                const body = await readJson(req);
+                const config = await options.saveConfig(body);
+                return jsonReply(res, 200, { ok: true, config: { ...config, defaultCwd: options.defaultCwd } });
+            }
+            if (method === "GET" && path === "/api/sessions") {
+                return jsonReply(res, 200, { ok: true, sessions: await options.runtime.listSessions() });
+            }
+            if (method === "POST" && path === "/api/sessions") {
+                const body = await readJson(req);
+                const cwd = body.cwd?.trim() || options.defaultCwd;
+                await assertDirectory(cwd);
+                const session = await options.runtime.createSession({ ...body, cwd });
+                return jsonReply(res, 201, { ok: true, session });
+            }
+            const sessionMatch = path.match(/^\/api\/sessions\/([^/]+)$/);
+            if (sessionMatch && method === "GET") {
+                return jsonReply(res, 200, { ok: true, session: await options.runtime.getSession(decodeURIComponent(sessionMatch[1])) });
+            }
+            if (sessionMatch && method === "PATCH") {
+                const body = await readJson(req);
+                const session = await options.runtime.updateSession(decodeURIComponent(sessionMatch[1]), {
+                    ...(typeof body.title === "string" ? { title: body.title } : {}),
+                    ...(typeof body.model === "string" ? { model: body.model } : {}),
+                    ...(typeof body.subModel === "string" ? { subModel: body.subModel } : {}),
+                    ...(typeof body.effort === "string" ? { effort: body.effort } : {}),
+                });
+                return jsonReply(res, 200, { ok: true, session });
+            }
+            if (sessionMatch && method === "DELETE") {
+                const deleted = await options.runtime.deleteSession(decodeURIComponent(sessionMatch[1]));
+                return jsonReply(res, deleted ? 200 : 404, { ok: deleted });
+            }
+            const messagesMatch = path.match(/^\/api\/sessions\/([^/]+)\/messages$/);
+            if (messagesMatch && method === "POST") {
+                const body = await readJson(req);
+                const result = await options.runtime.sendMessage(decodeURIComponent(messagesMatch[1]), body.text ?? "");
+                return jsonReply(res, 202, { ok: true, ...result });
+            }
+            const stopMatch = path.match(/^\/api\/sessions\/([^/]+)\/stop$/);
+            if (stopMatch && method === "POST") {
+                return jsonReply(res, 200, { ok: true, stopped: await options.runtime.stopSession(decodeURIComponent(stopMatch[1])) });
+            }
+            const eventsMatch = path.match(/^\/api\/sessions\/([^/]+)\/events$/);
+            if (eventsMatch && method === "GET") {
+                return openEventStream(req, res, decodeURIComponent(eventsMatch[1]), options.runtime);
+            }
+            const approvalMatch = path.match(/^\/api\/approvals\/([^/]+)$/);
+            if (approvalMatch && method === "POST") {
+                const body = await readJson(req);
+                if (!body.answer || !["allow", "allow-session", "allow-always", "deny"].includes(body.answer)) {
+                    throw new WebHttpError(400, "Invalid approval answer");
+                }
+                const resolved = await options.runtime.resolveApproval(decodeURIComponent(approvalMatch[1]), body.answer);
+                return jsonReply(res, resolved ? 200 : 404, { ok: resolved });
+            }
+            if (path.startsWith("/api/"))
+                return jsonReply(res, 404, { ok: false, error: "Not found" });
+            if (method === "GET")
+                return textReply(res, 200, DEEPCCC_WEB_PAGE, "text/html; charset=utf-8");
+            return jsonReply(res, 404, { ok: false, error: "Not found" });
+        }
+        catch (err) {
+            const status = err instanceof WebHttpError ? err.status : 500;
+            jsonReply(res, status, { ok: false, error: err instanceof Error ? err.message : String(err) });
+        }
+    };
+}
+export async function startDeepCccWebServer(options = {}) {
+    const config = loadConfig();
+    const port = options.port ?? config.web.port;
+    const url = `http://${HOST}:${port}/`;
+    if (defaultHandle?.port === port) {
+        if (options.openBrowser !== false)
+            openBrowser(url);
+        return defaultHandle;
+    }
+    if (await isExistingDeepCccServer(port)) {
+        const reused = { url, port, reused: true, close: async () => { } };
+        if (options.openBrowser !== false)
+            openBrowser(url);
+        return reused;
+    }
+    const runtime = new DeepCccWebRuntime({ loadConfig: runtimeConfig });
+    const defaultCwd = options.defaultCwd ?? process.cwd();
+    const handler = createDeepCccWebRequestHandler({
+        runtime,
+        defaultCwd,
+        getPublicConfig: () => toPublicConfig(loadConfig(), defaultCwd),
+        saveConfig: (patch) => toPublicConfig(saveConfigPatch(patch), defaultCwd),
+    });
+    const server = createServer((req, res) => { void handler(req, res); });
+    await new Promise((resolve, reject) => {
+        const onError = (err) => reject(err);
+        server.once("error", onError);
+        server.listen(port, HOST, () => {
+            server.off("error", onError);
+            resolve();
+        });
+    });
+    const handle = {
+        url,
+        port,
+        reused: false,
+        close: () => new Promise((resolve, reject) => server.close((err) => err ? reject(err) : resolve())),
+    };
+    defaultHandle = handle;
+    if (options.openBrowser ?? config.web.openOnStart)
+        openBrowser(url);
+    return handle;
+}
+function openEventStream(req, res, sessionId, runtime) {
+    res.writeHead(200, {
+        "content-type": "text/event-stream; charset=utf-8",
+        "cache-control": "no-cache, no-transform",
+        connection: "keep-alive",
+        "x-accel-buffering": "no",
+    });
+    res.write(": connected\n\n");
+    const send = (event) => res.write(`id: ${event.eventId}\ndata: ${JSON.stringify(event)}\n\n`);
+    const unsubscribe = runtime.subscribe(sessionId, send);
+    const heartbeat = setInterval(() => res.write(": heartbeat\n\n"), 15_000);
+    heartbeat.unref?.();
+    req.on("close", () => { clearInterval(heartbeat); unsubscribe(); });
+}
+async function readJson(req) {
+    const chunks = [];
+    let bytes = 0;
+    for await (const chunk of req) {
+        const buffer = Buffer.isBuffer(chunk) ? chunk : Buffer.from(chunk);
+        bytes += buffer.length;
+        if (bytes > MAX_BODY_BYTES)
+            throw new WebHttpError(413, "Request body is too large");
+        chunks.push(buffer);
+    }
+    if (!chunks.length)
+        return {};
+    try {
+        return JSON.parse(Buffer.concat(chunks).toString("utf8"));
+    }
+    catch {
+        throw new WebHttpError(400, "Invalid JSON body");
+    }
+}
+async function assertDirectory(path) {
+    try {
+        if (!(await stat(path)).isDirectory())
+            throw new Error("not a directory");
+    }
+    catch {
+        throw new WebHttpError(400, `工作目录不存在：${path}`);
+    }
+}
+function maskSecret(value) {
+    if (!value)
+        return "";
+    const suffix = value.slice(-4);
+    return `${value.slice(0, Math.min(3, Math.max(0, value.length - 4)))}••••${suffix}`;
+}
+function jsonReply(res, status, value) {
+    res.writeHead(status, { "content-type": "application/json; charset=utf-8", "cache-control": "no-store" });
+    res.end(JSON.stringify(value));
+}
+function textReply(res, status, value, contentType) {
+    res.writeHead(status, { "content-type": contentType, "cache-control": "no-store" });
+    res.end(value);
+}
+class WebHttpError extends Error {
+    status;
+    constructor(status, message) {
+        super(message);
+        this.status = status;
+    }
+}
+async function isExistingDeepCccServer(port) {
+    try {
+        const response = await fetch(`http://${HOST}:${port}/api/health`, { signal: AbortSignal.timeout(800) });
+        return response.ok && (await response.json()).service === "deepccc-web";
+    }
+    catch {
+        return false;
+    }
+}
+function openBrowser(url) {
+    const command = process.platform === "win32" ? "cmd" : process.platform === "darwin" ? "open" : "xdg-open";
+    const args = process.platform === "win32" ? ["/c", "start", "", url] : [url];
+    const child = spawn(command, args, { detached: true, stdio: "ignore", windowsHide: true });
+    child.unref();
+}

package/dist/web-session-store.d.ts

@@ -0,0 +1,43 @@
+export interface WebSessionMeta {
+    schemaVersion: 1;
+    sessionId: string;
+    title: string;
+    cwd: string;
+    model: string;
+    subModel: string;
+    effort: string;
+    createdAt: string;
+    updatedAt: string;
+}
+export interface CreateWebSessionInput {
+    cwd: string;
+    title?: string;
+    model?: string;
+    subModel?: string;
+    effort?: string;
+}
+export interface UpdateWebSessionInput {
+    title?: string;
+    model?: string;
+    subModel?: string;
+    effort?: string;
+}
+export interface WebSessionStoreOptions {
+    rootDir?: string;
+    now?: () => Date;
+    idFactory?: () => string;
+}
+export declare class WebSessionStore {
+    readonly rootDir: string;
+    private readonly now;
+    private readonly idFactory;
+    constructor(options?: WebSessionStoreOptions);
+    create(input: CreateWebSessionInput): Promise<WebSessionMeta>;
+    get(sessionId: string): Promise<WebSessionMeta | null>;
+    list(): Promise<WebSessionMeta[]>;
+    update(sessionId: string, patch: UpdateWebSessionInput): Promise<WebSessionMeta>;
+    delete(sessionId: string): Promise<boolean>;
+    private require;
+    private save;
+    private metaPath;
+}

package/dist/web-session-store.js

@@ -0,0 +1,130 @@
+import { randomUUID } from "node:crypto";
+import { mkdir, readFile, readdir, rename, rm, writeFile } from "node:fs/promises";
+import { basename, join, resolve } from "node:path";
+import { DEFAULT_BUILTIN_CONTEXT_DIR, getBuiltinContextSession, normalizeBuiltinSessionId, } from "./context.js";
+export class WebSessionStore {
+    rootDir;
+    now;
+    idFactory;
+    constructor(options = {}) {
+        this.rootDir = options.rootDir ?? DEFAULT_BUILTIN_CONTEXT_DIR;
+        this.now = options.now ?? (() => new Date());
+        this.idFactory = options.idFactory ?? (() => `web-${randomUUID()}`);
+    }
+    async create(input) {
+        const cwd = cleanCwd(input.cwd);
+        const timestamp = this.now().toISOString();
+        const sessionId = normalizeBuiltinSessionId(this.idFactory());
+        const meta = {
+            schemaVersion: 1,
+            sessionId,
+            title: cleanTitle(input.title) || basename(cwd) || "新会话",
+            cwd,
+            model: input.model?.trim() ?? "",
+            subModel: input.subModel?.trim() ?? "",
+            effort: input.effort?.trim() ?? "",
+            createdAt: timestamp,
+            updatedAt: timestamp,
+        };
+        await this.save(meta);
+        return meta;
+    }
+    async get(sessionId) {
+        const normalized = normalizeBuiltinSessionId(sessionId);
+        try {
+            return parseMeta(JSON.parse(await readFile(this.metaPath(normalized), "utf8")));
+        }
+        catch (err) {
+            if (err.code === "ENOENT") {
+                const context = getBuiltinContextSession(normalized, this.rootDir);
+                if (!context)
+                    return null;
+                const cwd = context.cwd ?? process.cwd();
+                return {
+                    schemaVersion: 1,
+                    sessionId: normalized,
+                    title: basename(cwd) || normalized,
+                    cwd,
+                    model: "",
+                    subModel: "",
+                    effort: "",
+                    createdAt: new Date(context.createdAt).toISOString(),
+                    updatedAt: new Date(context.updatedAt).toISOString(),
+                };
+            }
+            return null;
+        }
+    }
+    async list() {
+        let entries;
+        try {
+            entries = await readdir(this.rootDir);
+        }
+        catch (err) {
+            if (err.code === "ENOENT")
+                return [];
+            throw err;
+        }
+        const sessions = await Promise.all(entries.map((entry) => this.get(entry)));
+        return sessions
+            .filter((session) => session !== null)
+            .sort((a, b) => b.updatedAt.localeCompare(a.updatedAt) || a.sessionId.localeCompare(b.sessionId));
+    }
+    async update(sessionId, patch) {
+        const current = await this.require(sessionId);
+        const updated = {
+            ...current,
+            ...(patch.title !== undefined ? { title: cleanTitle(patch.title) || current.title } : {}),
+            ...(patch.model !== undefined ? { model: patch.model.trim() } : {}),
+            ...(patch.subModel !== undefined ? { subModel: patch.subModel.trim() } : {}),
+            ...(patch.effort !== undefined ? { effort: patch.effort.trim() } : {}),
+            updatedAt: this.now().toISOString(),
+        };
+        await this.save(updated);
+        return updated;
+    }
+    async delete(sessionId) {
+        const normalized = normalizeBuiltinSessionId(sessionId);
+        if (!await this.get(normalized))
+            return false;
+        await rm(join(this.rootDir, normalized), { recursive: true, force: true });
+        return true;
+    }
+    async require(sessionId) {
+        const meta = await this.get(sessionId);
+        if (!meta)
+            throw new Error(`DeepCCC web session not found: ${sessionId}`);
+        return meta;
+    }
+    async save(meta) {
+        const path = this.metaPath(meta.sessionId);
+        await mkdir(join(this.rootDir, meta.sessionId), { recursive: true });
+        const tempPath = `${path}.${process.pid}.${randomUUID()}.tmp`;
+        await writeFile(tempPath, `${JSON.stringify(meta, null, 2)}\n`, "utf8");
+        await rename(tempPath, path);
+    }
+    metaPath(sessionId) {
+        const normalized = normalizeBuiltinSessionId(sessionId);
+        return join(this.rootDir, normalized, "web.json");
+    }
+}
+function cleanCwd(value) {
+    if (typeof value !== "string" || !value.trim())
+        throw new Error("cwd must be a non-empty path");
+    return resolve(value.trim());
+}
+function cleanTitle(value) {
+    return value?.trim().slice(0, 120) ?? "";
+}
+function parseMeta(value) {
+    if (!value || typeof value !== "object" || Array.isArray(value))
+        throw new Error("Invalid web session metadata");
+    const meta = value;
+    if (meta.schemaVersion !== 1)
+        throw new Error("Unsupported web session metadata");
+    for (const field of ["sessionId", "title", "cwd", "model", "subModel", "effort", "createdAt", "updatedAt"]) {
+        if (typeof meta[field] !== "string")
+            throw new Error(`Invalid web session ${field}`);
+    }
+    return meta;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "deepccc",
-  "version": "0.1.28",
+  "version": "0.2.0",
   "description": "A lightweight coding agent with OpenAI-compatible and Anthropic Messages API support.",
   "license": "Apache-2.0",
   "keywords": [