scream-code 0.13.3 → 0.13.4

package/dist/{dispatch-sa_KwTpz.mjs → dispatch-Dk8_Wqp6.mjs}

@@ -6,7 +6,7 @@ const __dirname = __cjsShimDirname(__filename);
 import { i as __require, o as __toESM, r as __exportAll, t as __commonJSMin } from "./chunk-D90kvbyJ.mjs";
 import { C as join$1, D as resolve$1, E as relative$1, S as isAbsolute$1, T as parse$7, a as isSupportedFile, b as basename$1, i as ingestFile, r as ingestDirectory, t as multiSearch, w as normalize, x as dirname$2, y as KnowledgeStore } from "./src-BH9W5k24.mjs";
 import { t as require_base64_js } from "./base64-js-DzVmk6Nb.mjs";
-import { a as setLocale, i as getLocale, n as assertScreamHostIdentity, o as t, r as createScreamDefaultHeaders, t as TextInputDialogComponent } from "./text-input-dialog-Cwnq9vFO.mjs";
+import { a as setLocale, i as getLocale, n as assertScreamHostIdentity, o as t, r as createScreamDefaultHeaders, t as TextInputDialogComponent } from "./text-input-dialog-ClcJf9pu.mjs";
 import { createRequire } from "node:module";
 import { createHash, randomBytes, randomInt, randomUUID } from "node:crypto";
 import * as fs$1 from "node:fs/promises";
@@ -44525,22 +44525,25 @@ function extractUsage(usage) {
 	const completionTokens = typeof u["completion_tokens"] === "number" ? u["completion_tokens"] : 0;
 	let cached = 0;
 	let other = 0;
+	let created = 0;
+	const details = typeof u["prompt_tokens_details"] === "object" && u["prompt_tokens_details"] !== null ? u["prompt_tokens_details"] : void 0;
 	if (typeof u["prompt_cache_hit_tokens"] === "number") {
 		cached = u["prompt_cache_hit_tokens"];
 		other = typeof u["prompt_cache_miss_tokens"] === "number" ? u["prompt_cache_miss_tokens"] : Math.max(0, promptTokens - cached);
 	} else {
 		if (typeof u["cached_tokens"] === "number") cached = u["cached_tokens"];
-		else if (typeof u["prompt_tokens_details"] === "object" && u["prompt_tokens_details"] !== null) {
-			const details = u["prompt_tokens_details"];
-			if (typeof details["cached_tokens"] === "number") cached = details["cached_tokens"];
-		}
+		else if (details !== void 0 && typeof details["cached_tokens"] === "number") cached = details["cached_tokens"];
 		other = Math.max(0, promptTokens - cached);
+		if (details !== void 0 && typeof details["cache_write_tokens"] === "number") {
+			created = details["cache_write_tokens"];
+			other = Math.max(0, other - created);
+		}
 	}
 	return {
 		inputOther: other,
 		output: completionTokens,
 		inputCacheRead: cached,
-		inputCacheCreation: 0
+		inputCacheCreation: created
 	};
 }
 /**
@@ -82866,7 +82869,7 @@ function restoreAgentRecord(agent, input) {
 			agent.permission.recordApprovalResult(input);
 			return;
 		case "usage.record":
-			agent.usage.record(input.model, input.usage, "session");
+			agent.usage.record(input.model, input.usage, input.usageScope ?? "session", { skipCurrentTurn: true });
 			return;
 		case "full_compaction.begin":
 			agent.fullCompaction.begin(input);
@@ -96982,6 +96985,8 @@ const TURN_DEFAULTS = {
 };
 //#endregion
 //#region ../../packages/agent-core/src/agent/turn/index.ts
+/** Cap on how long the first turn waits for MCP servers to finish loading. */
+const MCP_WAIT_TIMEOUT_MS = 1e4;
 var TurnFlow = class {
 	agent;
 	steerBuffer = [];
@@ -97347,7 +97352,7 @@ var TurnFlow = class {
 	async runTurn(turnId, signal) {
 		let stopHookContinuationUsed = false;
 		const deduper = new ToolCallDeduplicator();
-		await this.agent.mcp?.waitForInitialLoad(signal);
+		await Promise.race([this.agent.mcp?.waitForInitialLoad(signal) ?? Promise.resolve(), new Promise((resolve) => setTimeout(resolve, MCP_WAIT_TIMEOUT_MS))]);
 		while (true) {
 			signal.throwIfAborted();
 			const model = this.agent.config.model;
@@ -97933,6 +97938,14 @@ var UsageRecorder = class {
 	agent;
 	byModel = {};
 	currentTurn;
+	/**
+	* Session-wide, turn-scoped usage only (`scope === 'turn'`). Restored from
+	* the wire log on resume (records restore replays `usage.record` with its
+	* original scope), so the TUI's per-session HitR survives process restarts
+	* instead of resetting to zero. Compaction summaries (scope 'session')
+	* never enter this total, matching the live turn.step.completed accumulation.
+	*/
+	turnTotal;
 	constructor(agent) {
 		this.agent = agent;
 	}
@@ -97942,7 +97955,7 @@ var UsageRecorder = class {
 	endTurn() {
 		this.currentTurn = void 0;
 	}
-	record(model, usage, scope = "session") {
+	record(model, usage, scope = "session", opts) {
 		this.agent?.records.logRecord({
 			type: "usage.record",
 			model,
@@ -97951,7 +97964,10 @@ var UsageRecorder = class {
 		});
 		const current = this.byModel[model];
 		this.byModel[model] = current === void 0 ? copyUsage(usage) : addUsage(current, usage);
-		if (scope === "turn") this.currentTurn = this.currentTurn === void 0 ? copyUsage(usage) : addUsage(this.currentTurn, usage);
+		if (scope === "turn") {
+			if (opts?.skipCurrentTurn !== true) this.currentTurn = this.currentTurn === void 0 ? copyUsage(usage) : addUsage(this.currentTurn, usage);
+			this.turnTotal = this.turnTotal === void 0 ? copyUsage(usage) : addUsage(this.turnTotal, usage);
+		}
 		this.agent?.emitStatusUpdated();
 	}
 	data() {
@@ -97961,12 +97977,13 @@ var UsageRecorder = class {
 		return {
 			byModel: hasByModel ? byModel : void 0,
 			total: hasByModel ? totalUsage(byModel) : void 0,
-			currentTurn: currentTurn === void 0 ? void 0 : copyUsage(currentTurn)
+			currentTurn: currentTurn === void 0 ? void 0 : copyUsage(currentTurn),
+			...this.turnTotal !== void 0 ? { turnTotal: copyUsage(this.turnTotal) } : {}
 		};
 	}
 	status() {
 		const status = this.data();
-		if (status.byModel === void 0 && status.total === void 0 && status.currentTurn === void 0) return;
+		if (status.byModel === void 0 && status.total === void 0 && status.currentTurn === void 0 && status.turnTotal === void 0) return;
 		return status;
 	}
 	byModelSnapshot() {
@@ -102165,6 +102182,19 @@ var StdioMcpClient = class {
 		await this.closeStartedClient();
 	}
 	/**
+	* Synchronously terminate the child process, for the process-exit fallback
+	* where `close()` (async, awaits transport cleanup) cannot run. The SDK
+	* transport exposes the child pid but not the child handle, so we signal it
+	* directly. Safe to call on an already-exited or never-started process.
+	*/
+	killSync() {
+		const pid = this.transport.pid;
+		if (pid === null || pid <= 0) return;
+		try {
+			process.kill(pid, "SIGTERM");
+		} catch {}
+	}
+	/**
 	* Register a listener that fires when the underlying transport closes on
 	* its own — i.e. the caller has not yet invoked {@link close}. At most one
 	* listener can be installed; later registrations replace earlier ones.
@@ -102325,6 +102355,7 @@ var McpConnectionManager = class {
 		this.options = options;
 		this.oauthService = options.oauthService;
 		this.log = options.log ?? log;
+		process.on("exit", () => this.killAllSync());
 	}
 	/**
 	* Returns the URL of an HTTP MCP server by name, or `undefined` for
@@ -102563,6 +102594,19 @@ var McpConnectionManager = class {
 			await client.close();
 		} catch {}
 	}
+	/**
+	* Synchronously signal every still-running stdio child process. Registered
+	* as a `process.on('exit')` fallback so MCP children never survive the host
+	* — whether the app exits cleanly, is killed, or the terminal is closed.
+	* `close()` (async) remains the graceful path; this only runs when the
+	* event loop is already unwinding.
+	*/
+	killAllSync() {
+		for (const entry of this.entries.values()) {
+			const client = entry.client;
+			if (client instanceof StdioMcpClient) client.killSync();
+		}
+	}
 	isCurrent(entry, attemptId) {
 		return this.entries.get(entry.name) === entry && entry.attemptId === attemptId;
 	}
@@ -121024,7 +121068,7 @@ var SDKRpcClient = class {
 		const maxContextTokens = config.modelCapabilities?.max_context_tokens ?? 0;
 		const contextTokens = context.tokenCount;
 		const contextUsage = maxContextTokens > 0 ? contextTokens / maxContextTokens : 0;
-		const hasUsage = usage.byModel !== void 0 || usage.total !== void 0 || usage.currentTurn !== void 0;
+		const hasUsage = usage.byModel !== void 0 || usage.total !== void 0 || usage.currentTurn !== void 0 || usage.turnTotal !== void 0;
 		return {
 			model: config.modelAlias ?? config.provider?.model,
 			thinkingLevel: config.thinkingLevel,
@@ -122752,6 +122796,20 @@ const BUILTIN_SLASH_COMMANDS = [
 		description: "registry.logout_desc",
 		priority: 179
 	},
+	{
+		name: "search",
+		aliases: [],
+		description: "registry.search_desc",
+		priority: 178,
+		availability: "always"
+	},
+	{
+		name: "trace",
+		aliases: [],
+		description: "registry.trace_desc",
+		priority: 177,
+		availability: "always"
+	},
 	{
 		name: "exit",
 		aliases: ["quit", "q"],
@@ -122924,6 +122982,14 @@ const SESSION_TIPS = [
 	{
 		i18nKey: "editor.tip_12",
 		isAd: false
+	},
+	{
+		i18nKey: "editor.tip_13",
+		isAd: false
+	},
+	{
+		i18nKey: "editor.tip_14",
+		isAd: false
 	}
 ];
 /** Interval for random tip rotation (ms). */
@@ -124040,6 +124106,989 @@ async function handleDiyConfig(host) {
 	host.showStatus(t("auth.connected", { name: `${providerId} · ${modelId} (${wire})` }));
 }
 //#endregion
+//#region src/tui/commands/search.ts
+/**
+* Open the full-screen conversation search overlay (same as Ctrl+Shift+F).
+* The overlay is owned by pi-tui; `openSearch` is a TS-private method but a
+* plain instance method at runtime, so we reach it through a cast instead of
+* adding an upstream API for a single caller.
+*/
+function handleSearchCommand(host) {
+	host.state.ui?.openSearch?.();
+}
+//#endregion
+//#region src/utils/trace/trace-builder.ts
+/**
+* Build trace cells from a session's wire log (`wire.jsonl`).
+*
+* The wire log records the full conversation trajectory: user prompts, model
+* requests (request.header), step content blocks (thinking / text / tool-call),
+* tool calls and results, usage records and compactions. This module replays
+* the log in order and flattens it into the closed `TraceCell` model.
+*
+* Parsing is intentionally loose (records are plain JSON) so the command does
+* not depend on the agent-core wire types; unknown/foreign records are
+* skipped defensively.
+*/
+function asRecord(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value) ? value : void 0;
+}
+function asString(value) {
+	return typeof value === "string" ? value : void 0;
+}
+function asNumber(value) {
+	return typeof value === "number" && Number.isFinite(value) ? value : void 0;
+}
+function asRecordArray(value) {
+	if (!Array.isArray(value)) return [];
+	return value.flatMap((item) => {
+		const rec = asRecord(item);
+		return rec ? [rec] : [];
+	});
+}
+function asStringArray(value) {
+	if (!Array.isArray(value)) return [];
+	return value.flatMap((item) => typeof item === "string" ? [item] : []);
+}
+/** Concatenate the text of content parts (text + thinking) for a prompt. */
+function contentPartsText(parts) {
+	return asRecordArray(parts).map((part) => asString(part["text"]) ?? "").join("");
+}
+/**
+* Replay `wire.jsonl` and produce ordered trace cells.
+* Throws when the file is missing or contains no usable records.
+*/
+function buildTraceCells({ wirePath }) {
+	const rows = readWireRows(wirePath);
+	if (rows.length === 0) throw new Error(`no wire records in ${wirePath}`);
+	const cells = [];
+	let lastTime;
+	let nextIndex = 1;
+	let lastCell;
+	const pushCell = (kind, text, fields, time) => {
+		if (lastCell && time !== void 0 && lastCell.endAt === void 0) lastCell.endAt = time;
+		const seconds = time !== void 0 && lastTime !== void 0 ? (time - lastTime) / 1e3 : null;
+		if (time !== void 0) lastTime = time;
+		const cell = {
+			index: nextIndex++,
+			kind,
+			text,
+			timeSeconds: seconds,
+			turn: turnNo,
+			startedAt: time,
+			...fields
+		};
+		cells.push(cell);
+		lastCell = cell;
+		return cell;
+	};
+	let currentStepUuid;
+	let currentStepStartTime;
+	let currentBlocks = [];
+	let currentBlock;
+	let pendingTools = /* @__PURE__ */ new Map();
+	let stepTools = [];
+	let toolsInStep = [];
+	let stepUsage;
+	let stepFinishReason;
+	let stepTtftMs;
+	let stepDecodingMs;
+	let stepModel;
+	let currentTurnStart;
+	let pendingSystem = [];
+	let lastSystemTime;
+	let turnNo = 0;
+	const flushPendingSystem = (time) => {
+		if (pendingSystem.length === 0) return;
+		pushCell("system", pendingSystem.join(" · "), {
+			requestOnly: true,
+			sourceSeq: void 0,
+			startedAt: lastSystemTime
+		}, time);
+		pendingSystem = [];
+		lastSystemTime = void 0;
+	};
+	const finalizeStep = (time) => {
+		if (currentStepUuid === void 0) return;
+		const thinking = currentBlocks.filter((b) => b.type === "thinking").map((b) => b.text).join("");
+		const text = currentBlocks.filter((b) => b.type === "text").map((b) => b.text).join("");
+		const summary = text.trim().replaceAll(/\s+/g, " ").slice(0, 80) || (thinking.trim() ? "思考…" : "");
+		const toolsText = toolsInStep.join(", ");
+		const messageCell = pushCell("message", (toolsText ? `${summary}${summary ? " — " : ""}工具: ${toolsText}` : summary) || "(空回复)", {
+			sourceSeq: void 0,
+			inputDetail: void 0,
+			outputDetail: text || void 0,
+			thinkingDetail: thinking || void 0,
+			input: stepUsage?.["inputOther"],
+			cacheRead: stepUsage?.["inputCacheRead"],
+			cacheWrite: stepUsage?.["inputCacheCreation"],
+			output: stepUsage?.["output"],
+			ttftMs: stepTtftMs,
+			decodingMs: stepDecodingMs,
+			model: stepModel,
+			finishReason: stepFinishReason,
+			startedAt: currentStepStartTime
+		}, time);
+		if (currentStepStartTime !== void 0 && time !== void 0) {
+			messageCell.timeSeconds = (time - currentStepStartTime) / 1e3;
+			messageCell.endAt = time;
+		}
+		for (const tool of stepTools) pushCell("tool", `${tool.name}${tool.isError ? " ✗" : " ✓"}`, {
+			inputDetail: tool.argsText,
+			outputDetail: tool.resultText || void 0,
+			result: tool.resultText.replaceAll(/\s+/g, " ").slice(0, 80) || void 0,
+			isError: tool.isError,
+			sourceSeq: tool.callSeq,
+			startedAt: tool.startedAt
+		}, time);
+		currentStepUuid = void 0;
+		currentStepStartTime = void 0;
+		currentBlocks = [];
+		currentBlock = void 0;
+		pendingTools = /* @__PURE__ */ new Map();
+		stepTools = [];
+		toolsInStep = [];
+		stepUsage = void 0;
+		stepFinishReason = void 0;
+		stepTtftMs = void 0;
+		stepDecodingMs = void 0;
+		stepModel = void 0;
+	};
+	const handleLoopEvent = (event, time, seq) => {
+		switch (asString(event["type"])) {
+			case "step.begin":
+				currentStepUuid = asString(event["stepUuid"]) ?? asString(event["uuid"]);
+				currentStepStartTime = time;
+				currentBlocks = [];
+				currentBlock = void 0;
+				pendingTools = /* @__PURE__ */ new Map();
+				toolsInStep = [];
+				break;
+			case "block.start": {
+				const blockType = asString(event["blockType"]);
+				if (blockType === "thinking" || blockType === "text") {
+					currentBlock = {
+						type: blockType,
+						text: ""
+					};
+					currentBlocks.push(currentBlock);
+				}
+				break;
+			}
+			case "content.part": {
+				const part = asRecord(event["part"]);
+				const text = asString(part?.["text"]) ?? asString(part?.["think"]) ?? "";
+				if (!text) break;
+				const isThink = part?.["type"] === "think" || part?.["type"] === "thinking";
+				if (currentBlock) currentBlock.text += text;
+				else {
+					const fallback = currentBlocks.at(-1);
+					if (fallback && fallback.type === (isThink ? "thinking" : "text")) fallback.text += text;
+					else currentBlocks.push({
+						type: isThink ? "thinking" : "text",
+						text
+					});
+				}
+				break;
+			}
+			case "block.end":
+				currentBlock = void 0;
+				break;
+			case "tool.call": {
+				const name = asString(event["name"]) ?? "tool";
+				const args = event["args"];
+				const argsText = typeof args === "string" ? args : JSON.stringify(args ?? "");
+				const toolCallId = asString(event["toolCallId"]) ?? asString(event["uuid"]) ?? `${name}-${seq}`;
+				pendingTools.set(toolCallId, {
+					name,
+					argsText,
+					resultText: "",
+					startedAt: time,
+					callSeq: seq
+				});
+				if (!toolsInStep.includes(name)) toolsInStep.push(name);
+				break;
+			}
+			case "tool.result": {
+				const toolCallId = asString(event["toolCallId"]) ?? "";
+				const pending = pendingTools.get(toolCallId);
+				const resultRec = asRecord(event["result"]);
+				const isError = resultRec?.["isError"] === true || resultRec?.["is_error"] === true || asString(resultRec?.["error_name"]) !== void 0;
+				const resultText = asString(resultRec?.["output"]) ?? asString(resultRec?.["result"]) ?? asString(resultRec?.["error_message"]) ?? "";
+				if (pending) {
+					pending.resultText = resultText;
+					pending.isError = isError;
+					stepTools.push(pending);
+					pendingTools.delete(toolCallId);
+				}
+				break;
+			}
+			case "step.end": {
+				const usage = asRecord(event["usage"]);
+				if (usage) stepUsage = {
+					inputOther: asNumber(usage["inputOther"]) ?? 0,
+					inputCacheRead: asNumber(usage["inputCacheRead"]) ?? 0,
+					inputCacheCreation: asNumber(usage["inputCacheCreation"]) ?? 0,
+					output: asNumber(usage["output"]) ?? 0
+				};
+				stepFinishReason = asString(event["finishReason"]);
+				stepTtftMs = asNumber(event["llmFirstTokenLatencyMs"]);
+				stepDecodingMs = asNumber(event["llmStreamDurationMs"]);
+				stepModel = asString(event["reportedModel"]);
+				finalizeStep(time);
+				break;
+			}
+			default: break;
+		}
+	};
+	for (const { seq, time, record } of rows) switch (asString(record["type"])) {
+		case "context.append_loop_event": {
+			const event = asRecord(record["event"]);
+			if (!event) break;
+			handleLoopEvent(event, time, seq);
+			break;
+		}
+		case "turn.prompt": {
+			finalizeStep(time);
+			turnNo += 1;
+			flushPendingSystem(time);
+			const input = record["input"];
+			const text = contentPartsText(input).trim();
+			pushCell("user", text.replaceAll(/\s+/g, " ").slice(0, 80) || "(空输入)", {
+				opensTurn: true,
+				inputDetail: text || void 0,
+				sourceSeq: seq
+			}, time);
+			currentTurnStart = time;
+			break;
+		}
+		case "turn.steer": {
+			const input = record["input"];
+			const text = contentPartsText(input).trim();
+			pushCell("context", `转向: ${text.replaceAll(/\s+/g, " ").slice(0, 80)}`, {
+				inputDetail: text || void 0,
+				sourceSeq: seq
+			}, time);
+			break;
+		}
+		case "request.header": {
+			const provider = asString(record["provider"]) ?? "";
+			const model = asString(record["model"]) ?? "";
+			const tools = asRecordArray(record["activeTools"]).map((t) => asString(t["name"]) ?? "");
+			pushCell("system", `请求 ${provider ? `${provider}/` : ""}${model}`, {
+				requestOnly: true,
+				inputDetail: tools.length > 0 ? `工具: ${tools.join(", ")}` : void 0,
+				sourceSeq: seq
+			}, time);
+			break;
+		}
+		case "tools.set_active_tools": {
+			const names = asStringArray(record["names"]).length > 0 ? asStringArray(record["names"]) : asRecordArray(record["names"]).map((n) => asString(n["name"]) ?? "");
+			pendingSystem.push(`工具集: ${names.join(", ")}`);
+			lastSystemTime = time;
+			break;
+		}
+		case "config.update": {
+			const cfg = asRecord(record);
+			const bits = [];
+			if (asString(cfg?.["modelAlias"])) bits.push(`模型别名: ${cfg["modelAlias"]}`);
+			if (asString(cfg?.["systemPrompt"])) bits.push("系统提示词已更新");
+			if (bits.length === 0) break;
+			pendingSystem.push(bits.join(" · "));
+			lastSystemTime = time;
+			break;
+		}
+		case "usage.record":
+			if (currentStepUuid === void 0) {
+				const usage = asRecord(record["usage"]);
+				pushCell("context", "usage", {
+					input: asNumber(usage?.["inputOther"]),
+					cacheRead: asNumber(usage?.["inputCacheRead"]),
+					cacheWrite: asNumber(usage?.["inputCacheCreation"]),
+					output: asNumber(usage?.["output"]),
+					sourceSeq: seq
+				}, time);
+			}
+			break;
+		case "full_compaction.begin": {
+			finalizeStep(time);
+			const reason = asString(record["reason"]);
+			const instruction = asString(record["instruction"]);
+			const source = asString(record["source"]);
+			pushCell("compacted", `压缩上下文${reason ? `（${reason}）` : ""}`, {
+				sourceSeq: seq,
+				startedAt: currentTurnStart,
+				inputDetail: instruction || void 0,
+				result: source ? `来源: ${source}` : void 0
+			}, time);
+			break;
+		}
+		case "micro_compaction.apply": {
+			finalizeStep(time);
+			const reason = asString(record["reason"]);
+			pushCell("compacted", `微压缩${reason ? `（${reason}）` : ""}`, {
+				sourceSeq: seq,
+				startedAt: currentTurnStart
+			}, time);
+			break;
+		}
+		default: break;
+	}
+	finalizeStep(void 0);
+	flushPendingSystem(void 0);
+	return cells;
+}
+function readWireRows(wirePath) {
+	const content = readFileSync(wirePath, "utf8");
+	const rows = [];
+	let seq = 0;
+	for (const line of content.split("\n")) {
+		if (!line.trim()) continue;
+		seq += 1;
+		try {
+			const rec = asRecord(JSON.parse(line));
+			if (!rec) continue;
+			const time = asNumber(rec["time"]);
+			rows.push({
+				seq,
+				time,
+				record: rec
+			});
+		} catch {}
+	}
+	return rows;
+}
+//#endregion
+//#region src/utils/trace/render-trace-html.ts
+const KIND_LABELS = {
+	system: "SYSTEM",
+	user: "USER",
+	context: "CONTEXT",
+	compacted: "COMPACTED",
+	message: "ASSISTANT",
+	tool: "TOOL"
+};
+const KIND_TAG_STYLE = {
+	system: "color:#CFD3D6;background:#353638",
+	user: "color:#679EFE;background:#34415B",
+	context: "color:#59C984;background:#233C2C",
+	compacted: "color:#CFD3D6;background:#353638",
+	message: "color:#9474BC;background:#352F3A",
+	tool: "color:#DD8629;background:#27241F"
+};
+const SPAN_COLORS = {
+	system: "#353638",
+	user: "#679EFE",
+	context: "#59C984",
+	compacted: "#CFD3D6",
+	message: "#8C6BB5",
+	tool: "#DD8629"
+};
+const KIND_LANE = {
+	user: 0,
+	context: 1,
+	message: 1,
+	compacted: 1,
+	tool: 2,
+	system: 1
+};
+const CSS = `
+:root { color-scheme: dark; }
+* { box-sizing: border-box; }
+html, body { height: 100%; margin: 0; }
+body {
+  background: #232324; color: #F9FAFB;
+  font: 13px/20px -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
+    "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+.mono { font-family: "SF Mono", "JetBrains Mono", "Fira Code", Consolas, Menlo, monospace; }
+#root { display: flex; flex-direction: column; height: 100%; }
+.toolbar {
+  flex: 0 0 32px; display: flex; align-items: center; gap: 10px;
+  padding: 0 6px; border-bottom: 1px solid rgba(255,255,255,.12);
+  background: #232324;
+}
+.toolbar .title { font-size: 13px; font-weight: 500; color: #CFD3D6; padding-left: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.toolbar .count { font-size: 11px; color: #81858C; white-space: nowrap; }
+.toolbar .btn {
+  height: 22px; padding: 0 10px; border: 1px solid rgba(255,255,255,.12);
+  border-radius: 4px; background: #2C2C2E; color: #CFD3D6; font-size: 12px; cursor: pointer;
+  white-space: nowrap;
+}
+.toolbar .btn:hover { background: #353638; }
+.toolbar .btn.on { border-color: #679EFE; color: #F9FAFB; background: #232324; }
+.toolbar .search {
+  margin-left: auto; display: flex; align-items: center;
+  flex: 0 1 220px; min-width: 84px; height: 22px; padding: 0 8px;
+  border: 1px solid rgba(255,255,255,.12); border-radius: 4px; background: #2C2C2E;
+}
+.toolbar .search:focus-within { border-color: #679EFE; background: #232324; }
+.toolbar .search input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; color: #F9FAFB; font-size: 12px; }
+.toolbar .search input::placeholder { color: #81858C; }
+.timeline {
+  flex: 0 0 44px; position: relative; border-bottom: 1px solid rgba(255,255,255,.12);
+  background: #1B1B1C; overflow: hidden; cursor: grab;
+}
+.timeline .lane-label { position: absolute; left: 4px; font-size: 10px; color: #81858C; line-height: 13px; }
+.timeline .track { position: absolute; left: 74px; right: 8px; top: 4px; bottom: 4px; }
+.locator {
+  position: absolute; top: -4px; bottom: -4px; width: 2px; background: #679EFE;
+  cursor: ew-resize; z-index: 6; pointer-events: auto; box-shadow: 0 0 6px rgba(103,158,254,.8);
+}
+.locator::after {
+  content: ''; position: absolute; top: 0; left: -4px; width: 10px; height: 10px;
+  background: #679EFE; border-radius: 2px;
+}
+.timeline .span {
+  position: absolute; height: 9px; border-radius: 2px; min-width: 2px; cursor: pointer;
+  border: 1px solid rgba(0,0,0,.25);
+}
+.timeline .span:hover { outline: 1px solid #F9FAFB; }
+.timeline .span.active { outline: 2px solid #679EFE; }
+.timeline .turnTick { position: absolute; top: 0; bottom: 0; width: 1px; background: rgba(255,255,255,.22); }
+.tip {
+  position: fixed; z-index: 30; pointer-events: none; max-width: 340px;
+  background: #2C2C2E; border: 1px solid rgba(255,255,255,.2); border-radius: 6px;
+  padding: 8px 10px; font-size: 12px; line-height: 17px; box-shadow: 0 4px 14px rgba(0,0,0,.5);
+  display: none; white-space: normal; word-break: break-word;
+}
+.tip .tip-title { font-weight: 600; color: #F9FAFB; }
+.tip .tip-facts { color: #ADB2B8; margin-top: 2px; }
+.tip .tip-body { color: #CFD3D6; margin-top: 2px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
+.split { display: flex; flex: 1; min-height: 0; }
+.tablePane { flex: 1; overflow-y: auto; overflow-x: hidden; }
+table { width: 100%; border-spacing: 0; table-layout: fixed; }
+col.event-column { width: 122px; }
+td { height: 30px; padding: 0 8px; border-bottom: 1px solid rgba(255,255,255,.06); vertical-align: middle; }
+td.event { padding-left: 10px; white-space: nowrap; }
+td.content { padding-left: 4px; }
+tr.row { cursor: pointer; }
+tr.row { content-visibility: auto; contain-intrinsic-size: 30px; }
+tr.row:hover { background: rgba(255,255,255,.08); }
+tr.row.selected { background: rgba(255,255,255,.14); }
+tr.row.selected td { box-shadow: inset 1px 0 0 #679EFE; }
+tr.turnrow td { background: #1B1B1C; font-weight: 500; }
+.kindTag {
+  display: inline-flex; align-items: center; height: 19px; padding: 0 5px;
+  border-radius: 4px; font-size: 10px; font-weight: 650; line-height: 16px;
+  letter-spacing: .035em; max-width: 96px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
+}
+.seq { margin-left: 6px; font-size: 11px; color: #81858C; }
+.summary { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: #F9FAFB; }
+.toolline { font-family: "SF Mono", "JetBrains Mono", Consolas, Menlo, monospace; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.toolline .tname { color: #F9FAFB; }
+.toolline .targs { margin-left: 7px; color: #ADB2B8; }
+.toolline .tarrow { margin-left: 7px; color: #81858C; }
+.toolline .tresult { margin-left: 7px; color: #CFD3D6; }
+.toolline .terror { margin-left: 7px; color: #F25A5A; }
+.toolline .tempty { margin-left: 7px; color: #81858C; }
+.facts { color: #81858C; font-size: 11px; margin-left: 8px; display: inline; }
+.detail {
+  width: clamp(320px, 38%, 440px); max-width: calc(100% - 280px);
+  border-left: 1px solid rgba(255,255,255,.12); background: #232324;
+  display: flex; flex-direction: column; min-height: 0;
+}
+.detail.hidden { display: none; }
+.detail .dhead {
+  flex: 0 0 42px; display: flex; align-items: center; gap: 8px;
+  padding: 0 8px 0 12px; border-bottom: 1px solid rgba(255,255,255,.12);
+}
+.detail .dhead .dname { font-size: 12px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.detail .dhead .dclose { margin-left: auto; width: 28px; height: 28px; border: 0; border-radius: 6px; background: transparent; color: #ADB2B8; font-size: 18px; cursor: pointer; }
+.detail .dhead .dclose:hover { background: rgba(255,255,255,.08); }
+.detail .dbody { flex: 1; overflow-y: auto; padding: 12px 14px; }
+.ovgrid { display: grid; grid-template-columns: 94px minmax(0, 1fr); gap: 2px 12px; font-size: 13px; }
+.ovgrid dt { color: #ADB2B8; }
+.ovgrid dd { margin: 0; color: #F9FAFB; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.section { margin-top: 16px; }
+.section h4 { margin: 0 0 4px; font-size: 11px; font-weight: 500; color: #CFD3D6; text-transform: uppercase; }
+.payload {
+  font-family: "SF Mono", "JetBrains Mono", "Fira Code", Consolas, Menlo, monospace;
+  font-size: 12px; line-height: 19px; background: #1B1B1C; padding: 14px;
+  border-radius: 4px; white-space: pre-wrap; word-break: break-word; color: #CFD3D6;
+}
+.payload.error { color: #F25A5A; }
+.placeholder { color: #81858C; padding: 32px; text-align: center; }
+`;
+const RENDER_JS = `
+var cells = JSON.parse(document.getElementById('data').textContent);
+var labels = ${JSON.stringify(KIND_LABELS)};
+var tagStyles = ${JSON.stringify(KIND_TAG_STYLE)};
+var spanColors = ${JSON.stringify(SPAN_COLORS)};
+var laneOf = ${JSON.stringify(KIND_LANE)};
+var tbody = document.getElementById('rows');
+var drawer = document.getElementById('detail');
+var drawerName = document.getElementById('dname');
+var drawerBody = document.getElementById('dbody');
+var searchInput = document.getElementById('q');
+var timeline = document.getElementById('timeline-track');
+var track = timeline;
+var tablePane = document.querySelector('.tablePane');
+var locator = document.getElementById('locator');
+var currentFiltered = [];
+var turnsBtn = document.getElementById('turns');
+var callsBtn = document.getElementById('calls');
+var modeBtn = document.getElementById('mode');
+var jsonBtn = document.getElementById('json');
+var tip = document.getElementById('tip');
+var collapsedTurns = false;
+var collapsedCalls = false;
+var timeMode = false;
+var selectedIndex = -1;
+var rowEls = [];
+function showTip(text, x, y) {
+  tip.innerHTML = text;
+  tip.style.display = 'block';
+  var w = tip.offsetWidth, h = tip.offsetHeight;
+  var left = x + 14, top = y + 14;
+  if (left + w > window.innerWidth - 8) left = x - w - 14;
+  if (top + h > window.innerHeight - 8) top = y - h - 14;
+  tip.style.left = Math.max(4, left) + 'px';
+  tip.style.top = Math.max(4, top) + 'px';
+}
+function hideTip() { tip.style.display = 'none'; }
+function fmtMs(v) { if (v === undefined || v === null) return null; if (v < 1000) return v + ' ms'; return (v / 1000).toFixed(2) + ' s'; }
+function timingFacts(cell) {
+  var parts = [];
+  var ttft = fmtMs(cell.ttftMs), dec = fmtMs(cell.decodingMs);
+  if (ttft) parts.push('TTFT ' + ttft);
+  if (dec) parts.push('解码 ' + dec);
+  if (cell.model) parts.push('模型 ' + cell.model);
+  if (cell.finishReason) parts.push('结束 ' + cell.finishReason);
+  return parts;
+}
+function esc(v) { return String(v).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); }
+function fmtSeconds(s) {
+  if (s === null || s === undefined) return '—';
+  if (s < 1) return Math.round(s * 1000) + ' ms';
+  return s.toFixed(2) + ' s';
+}
+function toolContent(cell) {
+  var html = '<span class="tname">' + esc(cell.text) + '</span>';
+  if (cell.inputDetail) html += '<span class="targs">' + esc(cell.inputDetail) + '</span>';
+  if (cell.isError) html += '<span class="terror">→ ' + esc(cell.result || 'failed') + '</span>';
+  else if (cell.result) html += '<span class="tarrow">→</span><span class="tresult">' + esc(cell.result) + '</span>';
+  else html += '<span class="tempty">→ No output</span>';
+  return html;
+}
+function overviewRows(cell) {
+  var rows = [['类型', labels[cell.kind] || cell.kind], ['序号', '#' + cell.index], ['耗时', fmtSeconds(cell.timeSeconds)]];
+  if (cell.turn) rows.push(['回合', String(cell.turn)]);
+  if (cell.input !== undefined) rows.push(['输入', String(cell.input)]);
+  if (cell.cacheRead) rows.push(['缓存读', String(cell.cacheRead)]);
+  if (cell.cacheWrite) rows.push(['缓存写', String(cell.cacheWrite)]);
+  if (cell.output !== undefined) rows.push(['输出', String(cell.output)]);
+  var ttft = fmtMs(cell.ttftMs);
+  if (ttft) rows.push(['TTFT', ttft]);
+  var dec = fmtMs(cell.decodingMs);
+  if (dec) rows.push(['解码', dec]);
+  if (cell.model) rows.push(['模型', cell.model]);
+  if (cell.finishReason) rows.push(['结束', cell.finishReason]);
+  return rows.map(function (r) { return '<dt>' + esc(r[0]) + '</dt><dd>' + esc(r[1]) + '</dd>'; }).join('');
+}
+function section(title, value, cls) {
+  if (!value) return '';
+  return '<div class="section"><h4>' + title + '</h4><div class="payload' + (cls ? ' ' + cls : '') + '">' + esc(value) + '</div></div>';
+}
+function showDetail(i) {
+  if (selectedIndex === i) { hideDetail(); return; }
+  selectedIndex = i;
+  var cell = cells[i];
+  for (var k = 0; k < rowEls.length; k++) rowEls[k].classList.remove('selected');
+  if (rowEls[i]) {
+    rowEls[i].classList.add('selected');
+    if (rowEls[i].scrollIntoView) rowEls[i].scrollIntoView({ block: 'center' });
+  }
+  var spans = timeline.querySelectorAll('.span');
+  for (var s = 0; s < spans.length; s++) spans[s].classList.remove('active');
+  if (timeline.querySelector('span[data-i="' + i + '"]')) timeline.querySelector('span[data-i="' + i + '"]').classList.add('active');
+  drawerName.textContent = (labels[cell.kind] || cell.kind) + ' #' + cell.index;
+  var html = '<dl class="ovgrid">' + overviewRows(cell) + '</dl>';
+  html += section('思考', cell.thinkingDetail);
+  html += section('内容', cell.outputDetail);
+  html += section('输入', cell.inputDetail);
+  if (cell.kind === 'tool') html += section('工具结果', cell.result || cell.outputDetail, cell.isError ? 'error' : '');
+  drawerBody.innerHTML = html || '<div class="placeholder">无详情</div>';
+  drawer.classList.remove('hidden');
+}
+function hideDetail() {
+  selectedIndex = -1;
+  drawer.classList.add('hidden');
+  for (var k = 0; k < rowEls.length; k++) rowEls[k].classList.remove('selected');
+  var spans = timeline.querySelectorAll('.span');
+  for (var s = 0; s < spans.length; s++) spans[s].classList.remove('active');
+}
+function renderTimeline(visible) {
+  timeline.innerHTML = '';
+  if (visible.length < 2) return;
+  var n = visible.length;
+  if (timeMode && visible.every(function (c) { return c.startedAt !== undefined; })) {
+    var min = Infinity, max = -Infinity;
+    for (var i = 0; i < n; i++) {
+      var s = visible[i].startedAt, e = visible[i].endAt !== undefined ? visible[i].endAt : (s || 0) + 1000;
+      if (s < min) min = s;
+      if (e > max) max = e;
+    }
+    var total = max - min;
+    var idleCap = total * 0.05; // compress idle gaps longer than 5% of the span
+    var cursor = min;
+    var scaled = [];
+    for (var j = 0; j < n; j++) {
+      var cs = visible[j].startedAt;
+      var ce = visible[j].endAt !== undefined ? visible[j].endAt : cs + 1000;
+      var gap = cs - cursor;
+      if (gap > idleCap) { min += gap - idleCap; max -= gap - idleCap; }
+      cursor = ce;
+      scaled.push([cs - min, ce - min]);
+    }
+    total = max - min;
+    for (var k = 0; k < n; k++) {
+      var span = makeSpan(visible[k], k, (scaled[k][0] / total) * 100, (scaled[k][1] - scaled[k][0]) / total * 100);
+      timeline.appendChild(span);
+    }
+  } else {
+    var widthPct = 100 / n;
+    for (var m = 0; m < n; m++) {
+      var sp = makeSpan(visible[m], m, m * widthPct, widthPct - 0.4);
+      timeline.appendChild(sp);
+    }
+  }
+  // Turn boundary ticks (time mode uses the scaled coordinates).
+  var prevTurn = null;
+  for (var t = 0; t < n; t++) {
+    var tn = visible[t].turn || 0;
+    if (prevTurn !== null && tn !== prevTurn) {
+      var tick = document.createElement('span');
+      tick.className = 'turnTick';
+      if (timeMode && scaled) {
+        tick.style.left = (scaled[t][0] / total * 100) + '%';
+      } else {
+        tick.style.left = (t * 100 / n) + '%';
+      }
+      timeline.appendChild(tick);
+    }
+    prevTurn = tn;
+  }
+}
+function makeSpan(cell, idx, leftPct, widthPct) {
+  var span = document.createElement('span');
+  span.className = 'span';
+  span.style.left = Math.max(0, leftPct) + '%';
+  span.style.width = 'max(2px, ' + Math.max(0.3, widthPct) + '%)';
+  span.style.top = (laneOf[cell.kind] || 1) * 13 + 'px';
+  span.style.background = spanColors[cell.kind] || '#353638';
+  span.setAttribute('data-i', String(idx));
+  span.title = '';
+  span.addEventListener('mouseenter', function (e) {
+    if (rowEls[idx]) rowEls[idx].classList.add('hover');
+    if (cells.length <= 2000) {
+      var facts = timingFacts(cell);
+      var ftext = [];
+      if (cell.timeSeconds !== null && cell.timeSeconds !== undefined) ftext.push('耗时 ' + cell.timeSeconds.toFixed(1) + 's');
+      ftext = ftext.concat(facts);
+      showTip('<div class="tip-title">#' + cell.index + ' ' + (labels[cell.kind] || cell.kind) + '</div>' +
+        (ftext.length ? '<div class="tip-facts">' + ftext.join(' · ') + '</div>' : '') +
+        '<div class="tip-body">' + esc(cell.text) + '</div>', e.clientX, e.clientY);
+    }
+  });
+  span.addEventListener('mousemove', function (e) { if (cells.length <= 2000) { tip.style.left = '0px'; tip.style.top = '0px'; showTip(tip.innerHTML, e.clientX, e.clientY); } });
+  span.addEventListener('mouseleave', function () { if (rowEls[idx]) rowEls[idx].classList.remove('hover'); hideTip(); });
+  span.addEventListener('click', function (e) {
+    e.stopPropagation();
+    showDetail(idx);
+  });
+  return span;
+}
+function render() {
+  var q = (searchInput.value || '').toLowerCase();
+  // Keep every cell (including requestOnly system rows) so ledger indices
+  // stay aligned with the cells array; the timeline renders them too.
+  currentFiltered = cells.filter(function (c) {
+    if (collapsedCalls && c.kind === 'tool') return false;
+    if (q && !(c.text + ' ' + (c.outputDetail || '') + ' ' + (c.thinkingDetail || '')).toLowerCase().includes(q)) return false;
+    return true;
+  });
+  var filtered = currentFiltered;
+  renderTimeline(filtered);
+  tbody.innerHTML = '';
+  rowEls = [];
+  var shown = 0;
+  var lastTurn = null;
+  var turnCounts = {};
+  for (var i = 0; i < filtered.length; i++) turnCounts[filtered[i].turn || 0] = (turnCounts[filtered[i].turn || 0] || 0) + 1;
+  for (var i2 = 0; i2 < filtered.length; i2++) {
+    var cell = filtered[i2];
+    var turn = cell.turn || 0;
+    var row;
+    if (collapsedTurns) {
+      // Collapsed mode: one summary row per turn; cell rows are skipped.
+      if (turn !== lastTurn) {
+        var trow = document.createElement('tr');
+        trow.className = 'row turnrow';
+        var tev = document.createElement('td');
+        tev.className = 'event';
+        tev.innerHTML = '<span class="kindTag" style="' + tagStyles.user + '">TURN</span><span class="seq">' + turn + '</span>';
+        var tco = document.createElement('td');
+        tco.className = 'content';
+        var tsum = document.createElement('div');
+        tsum.className = 'summary';
+        tsum.textContent = cell.text;
+        tco.appendChild(tsum);
+        var tfacts = document.createElement('span');
+        tfacts.className = 'facts';
+        tfacts.textContent = '· ' + (turnCounts[turn] || 0) + ' 条';
+        tco.appendChild(tfacts);
+        trow.appendChild(tev); trow.appendChild(tco);
+        trow.addEventListener('click', (function (t) {
+          return function () {
+            collapsedTurns = false;
+            if (turnsBtn) turnsBtn.classList.remove('on');
+            render();
+            var idx = currentFiltered.findIndex(function (c) { return c.turn === t; });
+            if (idx >= 0 && rowEls[idx]) { rowEls[idx].scrollIntoView({ block: 'center' }); showDetail(idx); }
+          };
+        })(turn));
+        tbody.appendChild(trow);
+        shown++;
+        lastTurn = turn;
+      }
+      continue;
+    }
+    row = document.createElement('tr');
+    row.className = 'row';
+    if (selectedIndex === i2) row.classList.add('selected');
+    var tag = document.createElement('span');
+    tag.className = 'kindTag';
+    tag.setAttribute('style', tagStyles[cell.kind]);
+    tag.textContent = labels[cell.kind] || cell.kind;
+    var seq = document.createElement('span');
+    seq.className = 'seq';
+    seq.textContent = '#' + cell.index;
+    var eventTd = document.createElement('td');
+    eventTd.className = 'event';
+    eventTd.appendChild(tag); eventTd.appendChild(seq);
+    var contentTd = document.createElement('td');
+    contentTd.className = 'content';
+    if (cell.kind === 'tool') {
+      var tl = document.createElement('div');
+      tl.className = 'toolline';
+      tl.innerHTML = toolContent(cell);
+      contentTd.appendChild(tl);
+    } else {
+      var sum = document.createElement('div');
+      sum.className = 'summary';
+      sum.textContent = cell.text;
+      contentTd.appendChild(sum);
+      var facts = document.createElement('span');
+      facts.className = 'facts';
+      var f = [];
+      if (cell.timeSeconds !== null && cell.timeSeconds !== undefined) f.push(fmtSeconds(cell.timeSeconds));
+      f = f.concat(timingFacts(cell));
+      if (cell.input !== undefined) f.push('in ' + cell.input);
+      if (cell.cacheRead) f.push('read ' + cell.cacheRead);
+      if (cell.cacheWrite) f.push('write ' + cell.cacheWrite);
+      if (cell.output !== undefined) f.push('out ' + cell.output);
+      if (f.length) facts.textContent = '· ' + f.join(' · ');
+      contentTd.appendChild(facts);
+    }
+    row.appendChild(eventTd); row.appendChild(contentTd);
+    (function (idx, el) { el.addEventListener('click', function () { showDetail(idx); }); })(i2, row);
+    tbody.appendChild(row);
+    rowEls[i2] = row;
+    shown++;
+    lastTurn = turn;
+  }
+  if (!shown) tbody.innerHTML = '<tr><td colspan="2"><div class="placeholder">无匹配记录</div></td></tr>';
+  document.getElementById('count').textContent = shown + ' 条';
+}
+if (searchInput) searchInput.addEventListener('input', render);
+if (turnsBtn) turnsBtn.addEventListener('click', function () { collapsedTurns = !collapsedTurns; turnsBtn.classList.toggle('on', collapsedTurns); render(); });
+if (callsBtn) callsBtn.addEventListener('click', function () { collapsedCalls = !collapsedCalls; callsBtn.classList.toggle('on', collapsedCalls); render(); });
+if (modeBtn) modeBtn.addEventListener('click', function () { timeMode = !timeMode; modeBtn.textContent = timeMode ? 'Time' : 'Seq'; modeBtn.classList.toggle('on', timeMode); render(); });
+if (jsonBtn) jsonBtn.addEventListener('click', function () {
+  var blob = new Blob([JSON.stringify({ cells: cells }, null, 2)], { type: 'application/json' });
+  var url = URL.createObjectURL(blob);
+  var a = document.createElement('a');
+  a.href = url;
+  a.download = 'scream-trace.json';
+  a.click();
+  URL.revokeObjectURL(url);
+});
+// Timeline navigation: wheel or drag over the strip scrolls the ledger and
+// positions the view at the corresponding rows.
+var timelineEl = timeline.parentElement;
+timelineEl.addEventListener('wheel', function (e) {
+  if (!tablePane) return;
+  e.preventDefault();
+  tablePane.scrollTop += e.deltaY * 3;
+}, { passive: false });
+var dragStartY = null, dragStartScroll = 0;
+timelineEl.addEventListener('mousedown', function (e) {
+  dragStartY = e.clientY;
+  dragStartScroll = tablePane ? tablePane.scrollTop : 0;
+});
+window.addEventListener('mousemove', function (e) {
+  if (dragStartY === null || !tablePane) return;
+  tablePane.scrollTop = dragStartScroll + (dragStartY - e.clientY) * 3;
+});
+window.addEventListener('mouseup', function () { dragStartY = null; });
+// Draggable locator: drag or click on the strip to jump to a row.
+var locDrag = false;
+function locateAt(clientX) {
+  var trackRect = track.getBoundingClientRect();
+  var p = Math.min(1, Math.max(0, (clientX - trackRect.left) / trackRect.width));
+  // The locator lives in .timeline (outside the cleared track); offset by the track origin.
+  locator.style.left = (trackRect.left - timelineRectLeft() + p * trackRect.width - 1) + 'px';
+  var n = currentFiltered.length;
+  if (n < 2) return;
+  var idx = Math.round(p * (n - 1));
+  if (rowEls[idx] && rowEls[idx].scrollIntoView) rowEls[idx].scrollIntoView({ block: 'center' });
+}
+function timelineRectLeft() {
+  return timeline.parentElement.getBoundingClientRect().left;
+}
+locator.addEventListener('mousedown', function (e) { e.stopPropagation(); e.preventDefault(); locDrag = true; });
+window.addEventListener('mousemove', function (e) {
+  if (!locDrag) return;
+  locateAt(e.clientX);
+});
+window.addEventListener('mouseup', function () { locDrag = false; });
+timelineEl.addEventListener('click', function (e) {
+  if (e.target === locator) return;
+  locateAt(e.clientX);
+});
+function syncLocatorFromTable() {
+  if (!tablePane) return;
+  var max = tablePane.scrollHeight - tablePane.clientHeight;
+  var p = max > 0 ? tablePane.scrollTop / max : 0;
+  var trackRect = track.getBoundingClientRect();
+  locator.style.left = (trackRect.left - timelineRectLeft() + p * trackRect.width - 1) + 'px';
+}
+if (tablePane) tablePane.addEventListener('scroll', syncLocatorFromTable);
+render();
+syncLocatorFromTable();
+`;
+function escapeHtml(value) {
+	return value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll("\"", "&quot;");
+}
+function renderTraceHtml(doc) {
+	const dataJson = JSON.stringify(doc.cells).replaceAll("</", "<\\/");
+	const meta = `${escapeHtml(doc.sessionId)} · ${new Date(doc.createdAt).toLocaleString()}`;
+	return `<!DOCTYPE html>
+<html lang="zh">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>${escapeHtml(doc.title)} — 会话轨迹</title>
+<style>${CSS}</style>
+</head>
+<body>
+<div id="root">
+  <div class="toolbar">
+    <span class="title">${escapeHtml(doc.title)}</span>
+    <span class="count" id="count"></span>
+    <span class="count">${meta}</span>
+    <button class="btn" id="turns">Turns</button>
+    <button class="btn" id="calls">Calls</button>
+    <button class="btn" id="mode">Seq</button>
+    <button class="btn" id="json">JSON</button>
+    <div class="search"><input id="q" type="search" placeholder="搜索…"></div>
+  </div>
+    <div class="timeline">
+    <span class="lane-label" style="top:2px">Input</span>
+    <span class="lane-label" style="top:16px">Model</span>
+    <span class="lane-label" style="top:30px">Tools</span>
+    <div class="track" id="timeline-track"></div>
+    <div class="locator" id="locator"></div>
+    </div>
+  <div class="split">
+    <div class="tablePane">
+      <table>
+        <colgroup><col class="event-column"><col></colgroup>
+        <tbody id="rows"></tbody>
+      </table>
+    </div>
+    <aside class="detail hidden" id="detail">
+      <div class="dhead"><span class="dname mono" id="dname"></span>
+        <button class="dclose" onclick="hideDetail()">×</button></div>
+      <div class="dbody" id="dbody"></div>
+    </aside>
+  </div>
+</div>
+<script id="data" type="application/json">${dataJson}<\/script>
+<script>${RENDER_JS}<\/script>
+<div class="tip" id="tip"></div>
+</body>
+</html>`;
+}
+//#endregion
+//#region src/tui/commands/trace.ts
+/**
+* `/trace` — snapshot the current session's trajectory as a self-contained
+* interactive HTML document and open it in the browser. The file is written
+* to the OS temp dir (never the desktop / project), so repeated invocations
+* do not accumulate artifacts.
+*/
+function handleTraceCommand(host) {
+	runTrace(host);
+}
+async function runTrace(host) {
+	try {
+		const session = host.session;
+		const sessionDir = session?.summary?.sessionDir;
+		if (!sessionDir) {
+			host.showError("当前会话不可用，无法导出轨迹");
+			return;
+		}
+		const wirePath = join(sessionDir, "agents", "main", "wire.jsonl");
+		if (!existsSync(wirePath)) {
+			host.showError(`未找到轨迹文件: ${wirePath}`);
+			return;
+		}
+		const cells = buildTraceCells({ wirePath });
+		const html = renderTraceHtml({
+			title: session?.summary?.title ?? host.state.appState.sessionTitle ?? "session",
+			sessionId: session?.id ?? "unknown",
+			createdAt: Date.now(),
+			cells
+		});
+		const filePath = join(tmpdir(), "scream-trace.html");
+		writeFileSync(filePath, html, "utf8");
+		const opened = await openInBrowser(filePath);
+		host.showStatus(opened ? "轨迹已打开" : "轨迹已生成，请手动打开");
+	} catch (error) {
+		host.showError(`轨迹导出失败: ${error instanceof Error ? error.message : String(error)}`);
+	}
+}
+function openInBrowser(filePath) {
+	const url = `file://${filePath}?v=${Date.now()}`;
+	let command;
+	let args;
+	if (process.platform === "darwin") {
+		command = "open";
+		args = [url];
+	} else if (process.platform === "win32") {
+		command = "cmd";
+		args = [
+			"/c",
+			"start",
+			"",
+			url
+		];
+	} else {
+		command = "xdg-open";
+		args = [url];
+	}
+	return new Promise((resolve) => {
+		const child = spawn(command, args, {
+			stdio: "ignore",
+			detached: true
+		});
+		child.on("error", () => resolve(false));
+		child.on("spawn", () => resolve(true));
+	});
+}
+//#endregion
 //#region src/tui/components/dialogs/editor-selector.ts
 function getEditorOptions() {
 	return [
@@ -125086,10 +126135,10 @@ var FooterComponent = class {
 			const totalInput = sessionUsage.inputCacheRead + sessionUsage.inputCacheCreation + sessionUsage.inputOther;
 			const hitRatePct = totalInput > 0 ? sessionUsage.inputCacheRead / totalInput * 100 : void 0;
 			const hitColor = hitRatePct !== void 0 && hitRatePct >= 90 ? colors.success : colors.textDim;
-			const segHit = chalk.hex(hitColor)(`${t("footer.hit")}: ${hitRatePct === void 0 ? "--" : `${hitRatePct.toFixed(2)}%`}`);
+			const segHit = chalk.hex(colors.textDim)(`${t("footer.hit")}:`) + " " + chalk.hex(hitColor)(hitRatePct === void 0 ? "--" : `${hitRatePct.toFixed(2)}%`);
 			const contextColor = pickContextColor(state.contextUsage, colors);
 			const contextBarWidth = width >= 68 ? CONTEXT_BAR_WIDTH : width >= 52 ? 6 : 0;
-			rightText = `${ccDot} ${chalk.hex(contextColor)(formatContextStatus(state.contextUsage, state.contextTokens, state.maxContextTokens, contextBarWidth))} ${segHit} ${chalk.hex(colors.textDim)(`· ${statusLine}`)}`;
+			rightText = `${ccDot} ${segHit} ${chalk.hex(contextColor)(formatContextStatus(state.contextUsage, state.contextTokens, state.maxContextTokens, contextBarWidth))} ${chalk.hex(colors.textDim)(` ${statusLine}`)}`;
 		}
 		const rightWidth = visibleWidth(rightText);
 		const gap = 3;
@@ -127393,7 +128442,7 @@ async function guidedGoalSetup(host) {
 		host.showNotice(t("goal.storm_breaker"), t("goal.conflict_loop"));
 		return;
 	}
-	const { TextInputDialogComponent } = await import("./text-input-dialog-Dfg978Sj.mjs");
+	const { TextInputDialogComponent } = await import("./text-input-dialog-CYs9xQZi.mjs");
 	const initialDesc = await promptText(host, TextInputDialogComponent, {
 		title: t("goal.setup_title_initial"),
 		subtitle: t("goal.setup_desc_hint"),
@@ -127414,7 +128463,7 @@ async function guidedGoalSetup(host) {
 	await showGoalConfigWizard(host, session, confirmed.trim() || objective, false);
 }
 async function showGoalConfigWizard(host, session, objective, replace) {
-	const { TextInputDialogComponent } = await import("./text-input-dialog-Dfg978Sj.mjs");
+	const { TextInputDialogComponent } = await import("./text-input-dialog-CYs9xQZi.mjs");
 	const turnInput = await promptNumber(host, TextInputDialogComponent, {
 		title: t("goal.wizard_title", { objective }),
 		subtitle: t("goal.budget_turns_hint"),
@@ -136758,6 +137807,12 @@ async function handleBuiltInSlashCommand(host, name, args) {
 		case "logout":
 			await handleLogoutCommand(host);
 			return;
+		case "search":
+			handleSearchCommand(host);
+			return;
+		case "trace":
+			handleTraceCommand(host);
+			return;
 		case "eval":
 			runEvalCommand(host);
 			return;
@@ -136776,4 +137831,4 @@ async function handleBuiltInSlashCommand(host, name, args) {
 	}
 }
 //#endregion
-export { toTerminalHyperlink as $, stringValue as $t, highlightLines as A, DEFAULT_CATALOG_URL as An, ENABLE_TERMINAL_THEME_REPORTING as At, AssistantMessageComponent as B, isScreamError as Bn, isBusy as Bt, UserMessageComponent as C, getInputHistoryFile as Cn, contrastTextHex as Ct, ToolCallComponent as D, CLI_UI_MODE as Dn, DISABLE_TERMINAL_FOCUS_REPORTING as Dt, toggleEmptySessionHint as E, CLI_COMMAND_NAME as En, parseOsc11BackgroundTheme as Et, getSharedSpeedTracker as F, resolveScreamHome as Fn, QUERY_TERMINAL_THEME as Ft, resetBreathingClock as G, printableChar as Gt, WelcomeComponent as H, ErrorCodes as Hn, FooterComponent as Ht, SkillActivationComponent as I, MemoryMemoStore as In, TERMINAL_FOCUS_IN as It, handleExportDebugZipCommand as J, argsRecord as Jt, clearGoalState as K, STATUS_BULLET as Kt, ReadGroupComponent as L, flushDiagnosticLogs as Ln, TERMINAL_FOCUS_OUT as Lt, CachedContainer as M, saveCatalogCache as Mn, OSC11_RESPONSE as Mt, ThinkingComponent as N, ScreamHarness as Nn, OSC11_RESPONSE_PREFIX as Nt, renderDiffLines as O, CLI_USER_AGENT_PRODUCT as On, DISABLE_TERMINAL_THEME_REPORTING as Ot, estimateTokens as P, MCP_OAUTH_AUTHORIZATION_URL_TOOL_UPDATE as Pn, OSC11_RESPONSE_PREFIX_NO_ESC as Pt, handleTitleCommand as Q, serializeToolResultOutput as Qt, parseReadGroupOutput as R, log as Rn, TERMINAL_THEME_DARK as Rt, handleRevokeCommand as S, getDataDir as Sn, createThemeStyles as St, isTurnElapsedEnabled as T, detectInstallSource as Tn, detectTerminalTheme as Tt, BREATHE_CYCLE_MS as U, SCREAM_ERROR_INFO as Un, handleConnectCommand as Ut, AgentGroupComponent as V, isOrphanedToolCallError as Vn, isStreaming as Vt, getBreathingFrame as W, handleLogoutCommand as Wt, handleForkCommand as X, isTodoItemShape as Xt, handleExportMdCommand as Y, formatErrorMessage as Yt, handleInitCommand as Z, parseStreamingArgs as Zt, readUpdateCache as _, TuiConfigParseError as _n, showStatusReport as _t, handleSkillCommand as a, TIP_ROTATION_INTERVAL_MS as an, handleFusionPlanCommand as at, handleCcCommand as b, saveTuiConfig as bn, createEditorTheme as bt, isPlanExpandable as c, getLlmNotSetMessage as cn, handleThemeCommand as ct, handleMemoryCommand as d, BUILTIN_SLASH_COMMANDS as dn, showModelPicker as dt, truncateErrorMessage as en, changeThinkingLevel as et, handleChannelCommand as f, sortSlashCommands as fn, showPermissionPicker as ft, refreshUpdateCache as g, PULSE_WAVE_FRAMES as gn, clearInfoPanelState as gt, selectUpdateTarget as h, PIXEL_PULSE_FRAMES as hn, supportsBalance as ht, buildRoleAdditionalText as i, SESSION_TIPS as in, handleEditorCommand as it, langFromPath as j, fetchCatalog as jn, OSC11_QUERY as jt, renderDiffLinesClustered as k, PRODUCT_NAME as kn, ENABLE_TERMINAL_FOCUS_REPORTING as kt, MoonLoader as l, getNoActiveSessionMessage as ln, handleWolfpackCommand as lt, handleUpdateCommand as m, setExperimentalFlags as mn, refreshProviderBalance as mt, clearEvalPanelState as n, EXIT_CONFIRM_WINDOW_MS as nn, handleAutoCommand as nt, disposeChildren as o, getCtrlCHint as on, handleModelCommand as ot, handleMcpCommand as p, isExperimentalFlagEnabled as pn, showSettingsSelector as pt, refineGoal as q, appendStreamingArgsPreview as qt, openUrl as r, MAIN_AGENT_ID$1 as rn, handleCompactCommand as rt, hasDispose as s, getCtrlDHint as sn, handlePlanCommand as st, dispatchInput as t, EMPTY_SESSION_HINT_URL as tn, getModelCycleLevel as tt, formatMemoryMemoForInjection as u, buildSkillSlashCommands as un, handleYoloCommand as ut, appendJsonlLine as v, TuiLikePreferencesSchema as vn, showUsage as vt, isEmptySessionHintDismissed as w, getLogDir as wn, getColorPalette as wt, getDaemonInstructions as x, detectShellEnvironment as xn, createMarkdownTheme as xt, readJsonlFile as y, loadTuiConfig as yn, resolveThemeSync as yt, BackgroundAgentStatusComponent as z, resolveGlobalLogPath as zn, TERMINAL_THEME_LIGHT as zt };
+export { toTerminalHyperlink as $, parseStreamingArgs as $t, highlightLines as A, CLI_USER_AGENT_PRODUCT as An, ENABLE_TERMINAL_THEME_REPORTING as At, AssistantMessageComponent as B, log as Bn, isBusy as Bt, UserMessageComponent as C, detectShellEnvironment as Cn, contrastTextHex as Ct, ToolCallComponent as D, detectInstallSource as Dn, DISABLE_TERMINAL_FOCUS_REPORTING as Dt, toggleEmptySessionHint as E, getLogDir as En, parseOsc11BackgroundTheme as Et, getSharedSpeedTracker as F, ScreamHarness as Fn, QUERY_TERMINAL_THEME as Ft, resetBreathingClock as G, SCREAM_ERROR_INFO as Gn, handleConnectCommand as Gt, WelcomeComponent as H, isScreamError as Hn, FooterComponent as Ht, SkillActivationComponent as I, MCP_OAUTH_AUTHORIZATION_URL_TOOL_UPDATE as In, TERMINAL_FOCUS_IN as It, handleExportDebugZipCommand as J, STATUS_BULLET as Jt, clearGoalState as K, handleLogoutCommand as Kt, ReadGroupComponent as L, resolveScreamHome as Ln, TERMINAL_FOCUS_OUT as Lt, CachedContainer as M, DEFAULT_CATALOG_URL as Mn, OSC11_RESPONSE as Mt, ThinkingComponent as N, fetchCatalog as Nn, OSC11_RESPONSE_PREFIX as Nt, renderDiffLines as O, CLI_COMMAND_NAME as On, DISABLE_TERMINAL_THEME_REPORTING as Ot, estimateTokens as P, saveCatalogCache as Pn, OSC11_RESPONSE_PREFIX_NO_ESC as Pt, handleTitleCommand as Q, isTodoItemShape as Qt, parseReadGroupOutput as R, MemoryMemoStore as Rn, TERMINAL_THEME_DARK as Rt, handleRevokeCommand as S, saveTuiConfig as Sn, createThemeStyles as St, isTurnElapsedEnabled as T, getInputHistoryFile as Tn, detectTerminalTheme as Tt, BREATHE_CYCLE_MS as U, isOrphanedToolCallError as Un, handleTraceCommand as Ut, AgentGroupComponent as V, resolveGlobalLogPath as Vn, isStreaming as Vt, getBreathingFrame as W, ErrorCodes as Wn, handleSearchCommand as Wt, handleForkCommand as X, argsRecord as Xt, handleExportMdCommand as Y, appendStreamingArgsPreview as Yt, handleInitCommand as Z, formatErrorMessage as Zt, readUpdateCache as _, PIXEL_PULSE_FRAMES as _n, showStatusReport as _t, handleSkillCommand as a, MAIN_AGENT_ID$1 as an, handleFusionPlanCommand as at, handleCcCommand as b, TuiLikePreferencesSchema as bn, createEditorTheme as bt, isPlanExpandable as c, getCtrlCHint as cn, handleThemeCommand as ct, handleMemoryCommand as d, getNoActiveSessionMessage as dn, showModelPicker as dt, serializeToolResultOutput as en, changeThinkingLevel as et, handleChannelCommand as f, buildSkillSlashCommands as fn, showPermissionPicker as ft, refreshUpdateCache as g, setExperimentalFlags as gn, clearInfoPanelState as gt, selectUpdateTarget as h, isExperimentalFlagEnabled as hn, supportsBalance as ht, buildRoleAdditionalText as i, EXIT_CONFIRM_WINDOW_MS as in, handleEditorCommand as it, langFromPath as j, PRODUCT_NAME as jn, OSC11_QUERY as jt, renderDiffLinesClustered as k, CLI_UI_MODE as kn, ENABLE_TERMINAL_FOCUS_REPORTING as kt, MoonLoader as l, getCtrlDHint as ln, handleWolfpackCommand as lt, handleUpdateCommand as m, sortSlashCommands as mn, refreshProviderBalance as mt, clearEvalPanelState as n, truncateErrorMessage as nn, handleAutoCommand as nt, disposeChildren as o, SESSION_TIPS as on, handleModelCommand as ot, handleMcpCommand as p, BUILTIN_SLASH_COMMANDS as pn, showSettingsSelector as pt, refineGoal as q, printableChar as qt, openUrl as r, EMPTY_SESSION_HINT_URL as rn, handleCompactCommand as rt, hasDispose as s, TIP_ROTATION_INTERVAL_MS as sn, handlePlanCommand as st, dispatchInput as t, stringValue as tn, getModelCycleLevel as tt, formatMemoryMemoForInjection as u, getLlmNotSetMessage as un, handleYoloCommand as ut, appendJsonlLine as v, PULSE_WAVE_FRAMES as vn, showUsage as vt, isEmptySessionHintDismissed as w, getDataDir as wn, getColorPalette as wt, getDaemonInstructions as x, loadTuiConfig as xn, createMarkdownTheme as xt, readJsonlFile as y, TuiConfigParseError as yn, resolveThemeSync as yt, BackgroundAgentStatusComponent as z, flushDiagnosticLogs as zn, TERMINAL_THEME_LIGHT as zt };