dskcode 0.1.38 → 0.1.40

package/dist/index.js

@@ -805,9 +805,9 @@ var LOGO_LINES = [
 ];
 
 // src/ui/ChatSession.tsx
-import { Box as Box11, Text as Text12, useInput, Static } from "ink";
+import { Box as Box12, Text as Text13, useInput, Static } from "ink";
 import TextInput from "ink-text-input";
-import { useEffect as useEffect5, useState as useState5, useCallback as useCallback2, useMemo, useRef as useRef4 } from "react";
+import { useEffect as useEffect5, useState as useState5, useCallback as useCallback2, useMemo as useMemo2, useRef as useRef4 } from "react";
 
 // src/ui/useDoubleCtrlC.ts
 import { useState as useState2, useCallback, useEffect as useEffect2, useRef } from "react";
@@ -838,7 +838,7 @@ function useDoubleCtrlC(onExit) {
 }
 
 // src/ui/ChatSession.tsx
-import InkSpinner3 from "ink-spinner";
+import InkSpinner4 from "ink-spinner";
 
 // src/ui/AssistantMessage.tsx
 import { Box as Box5, Text as Text6 } from "ink";
@@ -1981,10 +1981,214 @@ function TodoListPanel({ items }) {
   ] });
 }
 
+// src/ui/CompactionProgress.tsx
+import { Box as Box10, Text as Text11 } from "ink";
+import InkSpinner3 from "ink-spinner";
+import { useMemo } from "react";
+import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+function estimateProgress(state) {
+  if (state.phase === "idle") return 0;
+  if (state.phase === "done") return 100;
+  if (state.phase === "error") return 100;
+  const p = state.progress;
+  if (!p) return 5;
+  if (p.type === "start") {
+    return 10;
+  }
+  if (p.type === "summary_delta") {
+    const ratio = Math.min(p.totalSoFar.length / 800, 1);
+    return Math.min(10 + ratio * 80, 90);
+  }
+  if (p.type === "fallback") {
+    return 95;
+  }
+  return 5;
+}
+function phaseLabel(state) {
+  if (state.phase === "error") {
+    return { icon: "\u2717", text: "\u538B\u7F29\u51FA\u9519", color: "#ff6347" };
+  }
+  if (state.phase === "done") {
+    if (state.strategy === "fallback") {
+      return { icon: "\u2714", text: "\u538B\u7F29\u5B8C\u6210\uFF08\u672C\u5730\u515C\u5E95\uFF09", color: "#ff9800" };
+    }
+    return { icon: "\u2714", text: "\u538B\u7F29\u5B8C\u6210", color: "#00ff41" };
+  }
+  const p = state.progress;
+  if (!p) {
+    return { icon: "\u280B", text: "\u51C6\u5907\u538B\u7F29...", color: "#00ffff" };
+  }
+  if (p.type === "start") {
+    return { icon: "\u280B", text: `\u51C6\u5907\u6458\u8981 ${p.droppedTurns} \u4E2A\u65E7\u56DE\u5408...`, color: "#00ffff" };
+  }
+  if (p.type === "summary_delta") {
+    return { icon: "\u280B", text: "\u8C03\u7528 LLM \u751F\u6210\u6458\u8981...", color: "#00ffff" };
+  }
+  if (p.type === "fallback") {
+    return { icon: "\u26A0", text: `LLM \u6458\u8981\u5931\u8D25\uFF0C\u4F7F\u7528\u672C\u5730\u515C\u5E95\uFF1A${p.reason}`, color: "#ff9800" };
+  }
+  return { icon: "\u280B", text: "\u538B\u7F29\u4E2D...", color: "#00ffff" };
+}
+function ProgressBar({ percent, color }) {
+  const WIDTH = 24;
+  const filled = Math.round(percent / 100 * WIDTH);
+  const empty = WIDTH - filled;
+  return /* @__PURE__ */ jsxs10(Text11, { children: [
+    /* @__PURE__ */ jsx10(Text11, { color, children: "\u2588".repeat(filled) }),
+    /* @__PURE__ */ jsx10(Text11, { color: "#444444", children: "\u2591".repeat(empty) }),
+    /* @__PURE__ */ jsxs10(Text11, { color, children: [
+      " ",
+      percent.toFixed(0),
+      "%"
+    ] })
+  ] });
+}
+function PhaseSteps({ state }) {
+  const step = (() => {
+    if (state.phase === "idle") return 0;
+    if (state.phase === "error") {
+      const p2 = state.progress;
+      if (p2?.type === "summary_delta" || p2?.type === "start") return 1;
+      return 2;
+    }
+    if (state.phase === "done") return 3;
+    const p = state.progress;
+    if (!p || p.type === "start") return 0;
+    if (p.type === "summary_delta") return 1;
+    if (p.type === "fallback") return 2;
+    return 2;
+  })();
+  const labels = ["\u542F\u52A8", "LLM \u6458\u8981", "\u5E94\u7528\u538B\u7F29", "\u5B8C\u6210"];
+  return /* @__PURE__ */ jsx10(Box10, { children: labels.map((label, i) => {
+    const isCurrent = i === step;
+    const isDone = i < step;
+    const marker = isDone ? "\u2713" : isCurrent ? "\u25B8" : "\xB7";
+    const color = isDone ? "#00ff41" : isCurrent ? "#00ffff" : "#444444";
+    return /* @__PURE__ */ jsxs10(Box10, { marginRight: 1, children: [
+      /* @__PURE__ */ jsxs10(Text11, { color, children: [
+        marker,
+        " ",
+        label
+      ] }),
+      i < labels.length - 1 && /* @__PURE__ */ jsx10(Text11, { color: "#444444", children: " \u2192 " })
+    ] }, label);
+  }) });
+}
+function SummaryPreview({ text, contentWidth }) {
+  const MAX_LINES = 4;
+  const MAX_LINE_WIDTH = Math.max(contentWidth - 6, 20);
+  if (!text) {
+    return /* @__PURE__ */ jsx10(Text11, { dimColor: true, children: "  (\u7B49\u5F85 LLM \u8F93\u51FA...)" });
+  }
+  const lines = wrapByWidth2(text, MAX_LINE_WIDTH);
+  const kept = lines.slice(-MAX_LINES);
+  return /* @__PURE__ */ jsx10(Box10, { flexDirection: "column", children: kept.map((line, i) => /* @__PURE__ */ jsxs10(Text11, { dimColor: true, children: [
+    "  ",
+    line
+  ] }, i)) });
+}
+function wrapByWidth2(text, maxWidth) {
+  if (text === "") return [];
+  if (maxWidth <= 0) return [text];
+  const result = [];
+  for (const para of text.split("\n")) {
+    if (para.length === 0) {
+      result.push("");
+      continue;
+    }
+    let buf = "";
+    let bufWidth = 0;
+    for (const ch of para) {
+      const cp2 = ch.codePointAt(0);
+      const w = cp2 > 11904 ? 2 : 1;
+      if (bufWidth + w > maxWidth && buf.length > 0) {
+        result.push(buf);
+        buf = ch;
+        bufWidth = w;
+      } else {
+        buf += ch;
+        bufWidth += w;
+      }
+    }
+    if (buf.length > 0) result.push(buf);
+  }
+  return result;
+}
+function fmtNum(n) {
+  return n.toLocaleString();
+}
+function CompactionProgress({ state, contentWidth }) {
+  const percent = useMemo(() => estimateProgress(state), [state]);
+  const phase = useMemo(() => phaseLabel(state), [state]);
+  const summaryText = state.progress?.type === "summary_delta" ? state.progress.totalSoFar : state.progress?.type === "fallback" ? state.progress.fallbackSummary : state.phase === "done" && state.strategy === "summary" ? "" : "";
+  const finalSummary = state.phase === "done" && state.strategy === "summary" ? state.progress?.type === "summary_delta" ? state.progress.totalSoFar : "" : summaryText;
+  const titleColor = state.phase === "error" ? "#ff6347" : "#00ffff";
+  return /* @__PURE__ */ jsx10(Box10, { flexDirection: "column", marginTop: 1, children: /* @__PURE__ */ jsxs10(Box10, { flexDirection: "row", children: [
+    /* @__PURE__ */ jsx10(Box10, { width: 1, backgroundColor: "#9b59b6", flexShrink: 0 }),
+    /* @__PURE__ */ jsxs10(Box10, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs10(Box10, { children: [
+        /* @__PURE__ */ jsx10(Text11, { bold: true, color: titleColor, children: "\u{1F5DC}  \u4E0A\u4E0B\u6587\u538B\u7F29" }),
+        /* @__PURE__ */ jsx10(Box10, { flexGrow: 1 }),
+        state.phase === "running" && /* @__PURE__ */ jsxs10(Text11, { color: phase.color, children: [
+          /* @__PURE__ */ jsx10(InkSpinner3, { type: "dots" }),
+          " ",
+          phase.text
+        ] }),
+        state.phase === "done" && /* @__PURE__ */ jsxs10(Text11, { color: phase.color, children: [
+          phase.icon,
+          " ",
+          phase.text
+        ] }),
+        state.phase === "error" && /* @__PURE__ */ jsxs10(Text11, { color: phase.color, children: [
+          phase.icon,
+          " ",
+          phase.text
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs10(Box10, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx10(Text11, { color: "#808080", children: "\u8FDB\u5EA6: " }),
+        /* @__PURE__ */ jsx10(ProgressBar, { percent, color: state.phase === "error" ? "#ff6347" : phase.color })
+      ] }),
+      /* @__PURE__ */ jsx10(Box10, { marginTop: 1, children: /* @__PURE__ */ jsx10(PhaseSteps, { state }) }),
+      (state.beforeTokens !== void 0 || state.droppedTurns !== void 0) && /* @__PURE__ */ jsxs10(Box10, { marginTop: 1, flexDirection: "column", children: [
+        state.droppedTurns !== void 0 && /* @__PURE__ */ jsxs10(Text11, { color: "#00ff41", children: [
+          "\u{1F4CA} \u56DE\u5408: ",
+          state.droppedTurns,
+          " \u6298\u53E0 \u2192 ",
+          state.keptTurns ?? 0,
+          " \u4FDD\u7559"
+        ] }),
+        state.beforeTokens !== void 0 && /* @__PURE__ */ jsxs10(Text11, { color: "#ff9800", children: [
+          "\u{1F4E6} token: ",
+          fmtNum(state.beforeTokens),
+          state.afterTokens !== void 0 && /* @__PURE__ */ jsxs10(Fragment2, { children: [
+            " \u2192 ",
+            /* @__PURE__ */ jsx10(Text11, { color: "#00ff41", bold: true, children: fmtNum(state.afterTokens) }),
+            /* @__PURE__ */ jsxs10(Text11, { color: "#808080", children: [
+              " (\u8282\u7701 ",
+              ((state.beforeTokens - state.afterTokens) / Math.max(state.beforeTokens, 1) * 100).toFixed(1),
+              "%)"
+            ] })
+          ] })
+        ] })
+      ] }),
+      (state.phase === "running" || state.phase === "done") && finalSummary && /* @__PURE__ */ jsxs10(Box10, { marginTop: 1, flexDirection: "column", children: [
+        /* @__PURE__ */ jsx10(Text11, { color: "#808080", children: "\u2504\u2504\u2504 LLM \u6458\u8981\u9884\u89C8 \u2504\u2504\u2504" }),
+        /* @__PURE__ */ jsx10(SummaryPreview, { text: finalSummary, contentWidth })
+      ] }),
+      state.phase === "done" && state.strategy === "fallback" && /* @__PURE__ */ jsx10(Box10, { marginTop: 1, children: /* @__PURE__ */ jsx10(Text11, { color: "#ff9800", children: "\u26A0 LLM \u6458\u8981\u5931\u8D25\uFF0C\u4F7F\u7528\u672C\u5730\u515C\u5E95\u6458\u8981\u3002\u538B\u7F29\u5DF2\u751F\u6548\u4F46\u6458\u8981\u8D28\u91CF\u8F83\u4F4E\u3002" }) }),
+      state.phase === "error" && state.errorMessage && /* @__PURE__ */ jsx10(Box10, { marginTop: 1, children: /* @__PURE__ */ jsxs10(Text11, { color: "#ff6347", children: [
+        "\u26A0 ",
+        state.errorMessage
+      ] }) })
+    ] })
+  ] }) });
+}
+
 // package.json
 var package_default = {
   name: "dskcode",
-  version: "0.1.38",
+  version: "0.1.40",
   repository: {
     type: "git",
     url: "git+https://github.com/Awu12277/deepseek-agent-cli/tree/main"
@@ -2267,6 +2471,239 @@ function buildApiMessages(systemPrompt, history) {
   ];
 }
 
+// src/agent/compactor.ts
+var DEFAULT_AUTO_COMPACT_RATIO = 0.85;
+var DEFAULT_PRESERVE_ROUNDS = 6;
+var DEFAULT_MIN_TURNS_TO_COMPACT = 8;
+var SUMMARY_SENTINEL = "[history-summary]";
+var SUMMARY_SYSTEM_PROMPT = `\u4F60\u662F\u4E00\u4E2A\u4E13\u4E1A\u7684\u5BF9\u8BDD\u6458\u8981\u52A9\u624B\u3002\u4F60\u7684\u4EFB\u52A1\u662F\u628A\u591A\u8F6E\u5BF9\u8BDD\u5386\u53F2\u538B\u7F29\u6210\u7ED3\u6784\u5316\u4E2D\u6587\u6458\u8981\u3002
+
+\u6458\u8981\u5FC5\u987B\u4FDD\u7559\u4EE5\u4E0B\u4FE1\u606F\uFF08\u6309\u91CD\u8981\u6027\u6392\u5E8F\uFF09\uFF1A
+1. \u7528\u6237\u7684\u6838\u5FC3\u76EE\u6807\u4E0E\u6700\u7EC8\u610F\u56FE
+2. \u5DF2\u5B8C\u6210\u7684\u5173\u952E\u51B3\u7B56\uFF08\u5982\u9009\u4E86\u54EA\u4E2A\u65B9\u6848\u3001\u6539\u4E86\u54EA\u4E9B\u6587\u4EF6\u3001\u4E3A\u4EC0\u4E48\u8FD9\u4E48\u6539\uFF09
+3. \u6D89\u53CA\u7684\u5177\u4F53\u6587\u4EF6\u8DEF\u5F84\uFF08\u7EDD\u5BF9/\u76F8\u5BF9\u8DEF\u5F84\u90FD\u8981\u4FDD\u7559\uFF09
+4. \u51FA\u73B0\u8FC7\u7684\u9519\u8BEF\u4FE1\u606F\u4E0E\u89E3\u51B3\u65B9\u6848
+5. \u5C1A\u672A\u5B8C\u6210\u7684\u5DE5\u4F5C / \u5F85\u529E\u4E8B\u9879
+6. \u91CD\u8981\u7684\u6280\u672F\u7EA6\u675F\uFF08\u5982"\u4E0D\u80FD\u7528 XX \u5E93"\uFF09
+
+\u683C\u5F0F\u8981\u6C42\uFF1A
+- \u7528\u7EAF\u6587\u672C\uFF0C\u4E0D\u8981 markdown \u6807\u9898\u5206\u7EA7
+- \u6BCF\u6761\u4FE1\u606F\u72EC\u7ACB\u6210\u884C\uFF0C\u65B9\u4FBF\u540E\u7EED\u6309\u884C\u89E3\u6790
+- \u603B\u957F\u5EA6\u63A7\u5236\u5728 2000 \u5B57\u4EE5\u5185
+- \u4E0D\u9700\u8981\u5BA2\u5957\u8BDD\u3001\u4E0D\u9700\u8981"\u4EE5\u4E0B\u662F\u6458\u8981"\u7B49\u5F00\u5934
+`;
+var PER_MESSAGE_TEXT_LIMIT = 500;
+var FALLBACK_USER_PREVIEW = 60;
+function estimateMessageTokens2(msg) {
+  let text = msg.content;
+  if (msg.toolCalls) {
+    for (const tc of msg.toolCalls) {
+      text += tc.name + tc.arguments;
+    }
+  }
+  return estimateTokens(text) + 10;
+}
+function estimateMessagesTokens(messages) {
+  let sum = 0;
+  for (const m of messages) sum += estimateMessageTokens2(m);
+  return sum;
+}
+function getContextStats(messages, contextWindow) {
+  const estimatedTokens = estimateMessagesTokens(messages);
+  const ratio = contextWindow > 0 ? estimatedTokens / contextWindow : 0;
+  return {
+    messageCount: messages.length,
+    estimatedTokens,
+    contextWindow,
+    ratio,
+    headroom: contextWindow - estimatedTokens
+  };
+}
+function shouldAutoCompact(messages, opts) {
+  const turns = groupIntoTurns(messages);
+  const minTurns = opts.minTurnsToCompact ?? DEFAULT_MIN_TURNS_TO_COMPACT;
+  if (turns.length < minTurns) return false;
+  const ratio = opts.autoCompactRatio ?? DEFAULT_AUTO_COMPACT_RATIO;
+  const stats = getContextStats(messages, opts.contextWindow);
+  return stats.ratio >= ratio;
+}
+function turnsToPromptText(turns) {
+  const lines = [];
+  for (let i = 0; i < turns.length; i++) {
+    const turn = turns[i];
+    lines.push(`--- \u7B2C ${i + 1} \u56DE\u5408 ---`);
+    for (const msg of turn) {
+      const head = `[${msg.role}]`;
+      const body = msg.content.length > PER_MESSAGE_TEXT_LIMIT ? msg.content.slice(0, PER_MESSAGE_TEXT_LIMIT) + `\u2026(\u5DF2\u622A\u65AD,\u539F\u957F ${msg.content.length})` : msg.content;
+      lines.push(`${head} ${body}`);
+      if (msg.toolCalls) {
+        for (const tc of msg.toolCalls) {
+          lines.push(`  tool_call: ${tc.name}(${tc.arguments})`);
+        }
+      }
+    }
+  }
+  return lines.join("\n");
+}
+function fallbackSummary(turns) {
+  const lines = ["\u3010\u672C\u5730\u6458\u8981\uFF08LLM \u8C03\u7528\u5931\u8D25\u65F6\u515C\u5E95\uFF09\u3011"];
+  for (let i = 0; i < turns.length; i++) {
+    const turn = turns[i];
+    const userMsg = turn.find((m) => m.role === "user");
+    if (userMsg) {
+      const preview = userMsg.content.slice(0, FALLBACK_USER_PREVIEW);
+      lines.push(`\u56DE\u5408${i + 1} \u7528\u6237: ${preview}`);
+    }
+    const toolNames = /* @__PURE__ */ new Set();
+    for (const m of turn) {
+      if (m.toolCalls) for (const tc of m.toolCalls) toolNames.add(tc.name);
+    }
+    if (toolNames.size > 0) {
+      lines.push(`  \u8C03\u7528\u5DE5\u5177: ${[...toolNames].join(", ")}`);
+    }
+  }
+  return lines.join("\n");
+}
+async function summarizeOldTurns(oldTurns, opts) {
+  if (oldTurns.length === 0) return "";
+  const promptText = turnsToPromptText(oldTurns);
+  try {
+    const messages = [
+      { role: "system", content: SUMMARY_SYSTEM_PROMPT },
+      {
+        role: "user",
+        content: `\u8BF7\u628A\u4EE5\u4E0B ${oldTurns.length} \u8F6E\u5BF9\u8BDD\u5386\u53F2\u538B\u7F29\u6210\u7ED3\u6784\u5316\u6458\u8981\uFF1A
+
+${promptText}`
+      }
+    ];
+    const stream = opts.provider.chat(messages, {
+      ...opts.signal ? { signal: opts.signal } : {},
+      // 摘要场景压低温度，输出更稳定
+      temperature: 0.2
+    });
+    let summary = "";
+    for await (const chunk of stream) {
+      if (chunk.content) {
+        summary += chunk.content;
+        if (opts.onProgress) {
+          try {
+            opts.onProgress({
+              type: "summary_delta",
+              delta: chunk.content,
+              totalSoFar: summary
+            });
+          } catch {
+          }
+        }
+      }
+    }
+    if (!summary.trim()) {
+      const fb = fallbackSummary(oldTurns);
+      if (opts.onProgress) {
+        try {
+          opts.onProgress({
+            type: "fallback",
+            reason: "LLM \u8FD4\u56DE\u7A7A\u5B57\u7B26\u4E32",
+            fallbackSummary: fb
+          });
+        } catch {
+        }
+      }
+      return fb;
+    }
+    return summary.trim();
+  } catch (err) {
+    const errMsg = err instanceof Error ? err.message : String(err);
+    const fb = fallbackSummary(oldTurns);
+    if (opts.onProgress) {
+      try {
+        opts.onProgress({
+          type: "fallback",
+          reason: errMsg,
+          fallbackSummary: fb
+        });
+      } catch {
+      }
+    }
+    return fb;
+  }
+}
+function buildSummaryMessage(summary) {
+  return {
+    role: "system",
+    content: `${SUMMARY_SENTINEL}
+${summary}`
+  };
+}
+async function compactContext(messages, opts) {
+  const beforeTokens = estimateMessagesTokens(messages);
+  const turns = groupIntoTurns(messages);
+  const minTurns = opts.minTurnsToCompact ?? DEFAULT_MIN_TURNS_TO_COMPACT;
+  const preserveRounds = opts.preserveRecentRounds ?? DEFAULT_PRESERVE_ROUNDS;
+  if (turns.length < minTurns) {
+    return {
+      messages: messages.slice(),
+      summary: "",
+      droppedTurns: 0,
+      keptTurns: turns.length,
+      beforeTokens,
+      afterTokens: beforeTokens
+    };
+  }
+  if (turns.length <= preserveRounds) {
+    return {
+      messages: messages.slice(),
+      summary: "",
+      droppedTurns: 0,
+      keptTurns: turns.length,
+      beforeTokens,
+      afterTokens: beforeTokens
+    };
+  }
+  const splitAt = turns.length - preserveRounds;
+  const oldTurns = turns.slice(0, splitAt);
+  const keptTurns = turns.slice(splitAt);
+  if (opts.onProgress) {
+    try {
+      opts.onProgress({
+        type: "start",
+        droppedTurns: oldTurns.length,
+        beforeTokens
+      });
+    } catch {
+    }
+  }
+  const summary = await summarizeOldTurns(oldTurns, opts);
+  const newMessages = [buildSummaryMessage(summary)];
+  for (const turn of keptTurns) {
+    for (const msg of turn) {
+      newMessages.push(msg);
+    }
+  }
+  const afterTokens = estimateMessagesTokens(newMessages);
+  if (opts.onProgress) {
+    try {
+      opts.onProgress({
+        type: "done",
+        droppedTurns: oldTurns.length,
+        keptTurns: keptTurns.length,
+        beforeTokens,
+        afterTokens
+      });
+    } catch {
+    }
+  }
+  return {
+    messages: newMessages,
+    summary,
+    droppedTurns: oldTurns.length,
+    keptTurns: keptTurns.length,
+    beforeTokens,
+    afterTokens
+  };
+}
+
 // src/tool/registry.ts
 var ToolRegistry = class {
   #tools = /* @__PURE__ */ new Map();
@@ -3716,13 +4153,17 @@ var Session = class _Session {
       maxToolRounds: options?.maxToolRounds ?? 20,
       reservedForOutput: options?.reservedForOutput ?? 4096,
       preserveRecentRounds: options?.preserveRecentRounds ?? 10,
+      autoCompactRatio: options?.autoCompactRatio ?? DEFAULT_AUTO_COMPACT_RATIO,
+      preserveRecentRoundsOnCompact: options?.preserveRecentRoundsOnCompact ?? DEFAULT_PRESERVE_ROUNDS,
+      minTurnsToCompact: options?.minTurnsToCompact ?? DEFAULT_MIN_TURNS_TO_COMPACT,
       projectContext: options?.projectContext,
       gate: options?.gate ?? new AlwaysAllowGate(),
       writeRoots: options?.writeRoots ?? [options?.cwd ?? process.cwd()],
       enableCheckpoint: options?.enableCheckpoint ?? true,
       enableLog: options?.enableLog ?? true,
       enableReflection: options?.enableReflection !== false,
-      enableHarness: options?.enableHarness !== false
+      enableHarness: options?.enableHarness !== false,
+      enableAutoCompact: options?.enableAutoCompact !== false
     };
     this.#sessionId = options?.sessionId ?? SessionStore.newId();
     this.#store = options?.store === false ? null : options?.store ?? new SessionStore();
@@ -3823,6 +4264,19 @@ var Session = class _Session {
       } catch {
       }
     }
+    if (this.#options.enableAutoCompact) {
+      const compaction = await this.#maybeAutoCompact();
+      if (compaction) {
+        yield {
+          type: "compaction",
+          droppedTurns: compaction.droppedTurns,
+          keptTurns: compaction.keptTurns,
+          beforeTokens: compaction.beforeTokens,
+          afterTokens: compaction.afterTokens,
+          strategy: compaction.strategy
+        };
+      }
+    }
     const startTime = Date.now();
     let toolRounds = 0;
     const toolExecutor = this.#buildToolExecutor();
@@ -4077,6 +4531,79 @@ ${item.result.diff.patch}`;
     this.#checkpoints.clear();
     this.#lastRoundResults = null;
   }
+  // -------------------------------------------------------------------------
+  // 上下文压缩（Compactor） — P0-1 实施
+  // -------------------------------------------------------------------------
+  /**
+   * 获取当前上下文的统计信息（消息数、估算 token、占窗口比例）。
+   * 用于 UI 状态栏展示和自动压缩阈值判断。
+   *
+   * @returns ContextStats；contextWindow 取自当前模型的 meta.contextWindow
+   *
+   * @pure 不修改任何状态
+   */
+  getContextStats() {
+    const meta = getModelMeta(this.#provider.model());
+    return getContextStats(this.#messages, meta.contextWindow);
+  }
+  /**
+   * 手动触发上下文压缩。
+   * 与自动压缩逻辑复用同一个 compactContext()；若回合数过少则返回空结果（droppedTurns=0）。
+   * 可被 UI 的 /compact 命令调用。
+   *
+   * @param onProgress — 可选进度回调（UI 实时展示压缩进度）
+   * @returns 压缩结果；droppedTurns=0 表示无实际压缩发生
+   *
+   * @sideEffect 可能调一次 provider.chat()（LLM 摘要）；成功后改写 #messages
+   */
+  async compact(onProgress) {
+    const meta = getModelMeta(this.#provider.model());
+    const result = await compactContext(this.#messages, {
+      contextWindow: meta.contextWindow,
+      autoCompactRatio: this.#options.autoCompactRatio,
+      preserveRecentRounds: this.#options.preserveRecentRoundsOnCompact,
+      minTurnsToCompact: this.#options.minTurnsToCompact,
+      provider: this.#provider,
+      signal: this.#abortController.signal,
+      ...onProgress ? { onProgress } : {}
+    });
+    if (result.droppedTurns > 0) {
+      this.#messages.length = 0;
+      for (const m of result.messages) this.#messages.push(m);
+      this.#checkpoints.clear();
+      this.#persist();
+    }
+    return result;
+  }
+  /**
+   * chat() 入口调用的自动压缩检查。
+   * 仅在 enableAutoCompact=true 且应自动压缩时执行；否则返回 null。
+   * 策略与 compact() 相同；返回值额外补上 strategy（"summary" | "fallback"）供 chat 事件使用。
+   *
+   * @returns 压缩结果；未压缩时返回 null
+   *
+   * @sideEffect 同 compact()
+   */
+  async #maybeAutoCompact() {
+    const meta = getModelMeta(this.#provider.model());
+    const opts = {
+      contextWindow: meta.contextWindow,
+      autoCompactRatio: this.#options.autoCompactRatio,
+      preserveRecentRounds: this.#options.preserveRecentRoundsOnCompact,
+      minTurnsToCompact: this.#options.minTurnsToCompact,
+      provider: this.#provider,
+      signal: this.#abortController.signal
+    };
+    if (!shouldAutoCompact(this.#messages, opts)) return null;
+    const result = await compactContext(this.#messages, opts);
+    if (result.droppedTurns === 0) return null;
+    const strategy = result.summary.includes("\u672C\u5730\u6458\u8981") ? "fallback" : "summary";
+    this.#messages.length = 0;
+    for (const m of result.messages) this.#messages.push(m);
+    this.#checkpoints.clear();
+    this.#persist();
+    return { ...result, strategy };
+  }
   /**
    * 立即把当前状态写入持久化（不等 500ms debounce）。
    * 用于 UI 上"立即保存"按钮或异常退出前的最后兜底。
@@ -5873,15 +6400,15 @@ var GRADIENT_ANIMATION = {
   /** 空闲占位符动画：每帧相位步进（值越大流速越快） */
   idlePhaseStep: 0.06,
   /** 空闲占位符动画：帧间隔（ms） */
-  idleInterval: 40,
+  idleInterval: 200,
   /** 流式占位符动画：每帧相位步进 */
-  streamingPhaseStep: 0.05,
+  streamingPhaseStep: 0.2,
   /** 流式占位符动画：帧间隔（ms） */
-  streamingInterval: 40,
+  streamingInterval: 200,
   /** 命令提示条动画：每帧相位步进 */
-  cmdTipPhaseStep: 0.05,
+  cmdTipPhaseStep: 0.2,
   /** 命令提示条动画：帧间隔（ms） */
-  cmdTipInterval: 40
+  cmdTipInterval: 200
 };
 var SKIP_CHARS = /* @__PURE__ */ new Set([" ", "~", ".", "\u3002", "\uFF01", "\u{1F447}"]);
 function lerpStopsToHex(t, stops) {
@@ -5913,9 +6440,9 @@ function joinReasoningSegments(segments) {
 }
 
 // src/ui/AnimatedLogo.tsx
-import { Box as Box10, Text as Text11 } from "ink";
+import { Box as Box11, Text as Text12 } from "ink";
 import { useEffect as useEffect4, useRef as useRef3, useState as useState4 } from "react";
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 var LOGO_LINES2 = [
   "  \u2584\u2584\u2584\u2584\u2584\u2584\u2584\u2588    \u2588\u2584   \u2584\u2584",
   " \u2584\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2584\u2584\u2580\u2588\u2588\u2588\u2580\u2580",
@@ -5944,14 +6471,14 @@ function AnimatedLogo({ panelWidth }) {
   const leftClip = Math.max(0, -pos);
   const rightClip = Math.max(0, pos + LOGO_WIDTH - panelWidth);
   const padding = Math.max(0, pos);
-  return /* @__PURE__ */ jsx10(Box10, { flexDirection: "column", alignItems: "flex-start", children: LOGO_LINES2.map((line, i) => /* @__PURE__ */ jsxs10(Text11, { color: LOGO_COLOR, bold: true, children: [
+  return /* @__PURE__ */ jsx11(Box11, { flexDirection: "column", alignItems: "flex-start", children: LOGO_LINES2.map((line, i) => /* @__PURE__ */ jsxs11(Text12, { color: LOGO_COLOR, bold: true, children: [
     " ".repeat(padding),
     line.slice(leftClip, LOGO_WIDTH - rightClip)
   ] }, i)) });
 }
 
 // src/ui/ChatSession.tsx
-import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 var PHASE_CONFIG = {
   thinking: { icon: "\u{1F9E0}", label: "\u601D\u8003\u4E2D", color: "#ff9800" },
   generating: { icon: "\u2728", label: "\u751F\u6210\u4E2D", color: "#00ff41" },
@@ -6026,6 +6553,13 @@ registerCommand("/rewind", {
     content: "\u8BF7\u76F4\u63A5\u8F93\u5165 /rewind \u67E5\u770B\u53EF\u56DE\u9000\u7684\u68C0\u67E5\u70B9\u5217\u8868\uFF0C\u6216 /rewind <\u5E8F\u53F7> \u76F4\u63A5\u56DE\u9000\uFF081 = \u6700\u65B0\uFF0C2 = \u4E0A\u4E00\u6B21\uFF0C\u4F9D\u6B64\u7C7B\u63A8\uFF09"
   })
 });
+registerCommand("/compact", {
+  desc: "\u538B\u7F29\u4E0A\u4E0B\u6587\uFF1A\u6458\u8981\u65E7\u56DE\u5408\u5E76\u4FDD\u7559\u6700\u8FD1 N \u8F6E",
+  handler: () => ({
+    kind: "text",
+    content: "\u8BF7\u76F4\u63A5\u8F93\u5165 /compact \u624B\u52A8\u538B\u7F29\u4E0A\u4E0B\u6587\uFF08\u9700\u5F53\u524D\u4E0D\u5904\u4E8E\u751F\u6210\u4E2D\uFF09"
+  })
+});
 var STREAMING_PLACEHOLDERS = [
   "\u8BA9\u5B50\u5F39\u98DE\u4E00\u4F1A\u513F...",
   "\u9A6C\u4E0A\u5C31\u597D...",
@@ -6069,6 +6603,7 @@ function ChatSession({
   const [balance, setBalance] = useState5(null);
   const [balanceLoading, setBalanceLoading] = useState5(false);
   const [todayCost, setTodayCost] = useState5(null);
+  const [contextStats, setContextStats] = useState5(null);
   const [isStreaming, setIsStreaming] = useState5(false);
   const [streamingPhase, setStreamingPhase] = useState5(null);
   const [streamingPlaceholder, setStreamingPlaceholder] = useState5("");
@@ -6099,7 +6634,7 @@ function ChatSession({
   const [toolChoice, setToolChoice] = useState5(
     void 0
   );
-  const sessionCost = useMemo(() => {
+  const sessionCost = useMemo2(() => {
     return displayMessages.reduce((sum, msg) => {
       if (msg.assistantDetail?.cost) {
         return sum + msg.assistantDetail.cost;
@@ -6128,6 +6663,12 @@ function ChatSession({
   const [selectingModel, setSelectingModel] = useState5(false);
   const [modelSelectIndex, setModelSelectIndex] = useState5(0);
   const modelOptions = ["deepseek-v4-flash", "deepseek-v4-pro"];
+  const [compactionState, setCompactionState] = useState5({
+    phase: "idle",
+    progress: null
+  });
+  const compactionSettleTimerRef = useRef4(null);
+  const compactionStrategyRef = useRef4(void 0);
   const sessionRef = useRef4(null);
   const abortRef = useRef4(null);
   const currentContentRef = useRef4("");
@@ -6148,7 +6689,33 @@ function ChatSession({
         clearTimeout(rewindHintTimerRef.current);
         rewindHintTimerRef.current = null;
       }
+      if (compactionSettleTimerRef.current) {
+        clearTimeout(compactionSettleTimerRef.current);
+        compactionSettleTimerRef.current = null;
+      }
+    };
+  }, []);
+  useEffect5(() => {
+    const refresh = () => {
+      const session = sessionRef.current;
+      if (!session) {
+        setContextStats(null);
+        return;
+      }
+      try {
+        const s = session.getContextStats();
+        setContextStats({
+          tokens: s.estimatedTokens,
+          ratio: s.ratio,
+          contextWindow: s.contextWindow
+        });
+      } catch {
+        setContextStats(null);
+      }
     };
+    refresh();
+    const id = setInterval(refresh, 3e3);
+    return () => clearInterval(id);
   }, []);
   useEffect5(() => {
     if (todoHideTimerRef.current) {
@@ -6641,6 +7208,146 @@ function ChatSession({
           setInput("");
           return;
         }
+        if (cmdLower === "/compact") {
+          if (isStreaming) {
+            setDisplayMessages((prev) => [
+              ...prev,
+              { role: "user", content: trimmed },
+              { role: "assistant", content: "\u26A0 \u6B63\u5728\u751F\u6210\u4E2D\uFF0C\u8BF7\u7A0D\u540E\u518D\u8BD5 /compact\u3002" }
+            ]);
+            setInput("");
+            return;
+          }
+          if (!sessionRef.current) {
+            setDisplayMessages((prev) => [
+              ...prev,
+              { role: "user", content: trimmed },
+              { role: "assistant", content: "\u26A0 Session \u672A\u5C31\u7EEA\uFF0C\u65E0\u6CD5\u538B\u7F29\u3002" }
+            ]);
+            setInput("");
+            return;
+          }
+          setInput("");
+          setDisplayMessages((prev) => [...prev, { role: "user", content: trimmed }]);
+          setCompactionState({
+            phase: "running",
+            progress: null,
+            beforeTokens: void 0,
+            afterTokens: void 0,
+            droppedTurns: void 0,
+            keptTurns: void 0,
+            strategy: void 0,
+            errorMessage: void 0
+          });
+          try {
+            const result = await sessionRef.current.compact(
+              (event) => {
+                setCompactionState((prev) => {
+                  if (event.type === "start") {
+                    return {
+                      ...prev,
+                      phase: "running",
+                      progress: event,
+                      beforeTokens: event.beforeTokens,
+                      droppedTurns: event.droppedTurns
+                    };
+                  }
+                  if (event.type === "summary_delta") {
+                    return {
+                      ...prev,
+                      phase: "running",
+                      progress: event
+                    };
+                  }
+                  if (event.type === "fallback") {
+                    compactionStrategyRef.current = "fallback";
+                    return {
+                      ...prev,
+                      phase: "running",
+                      progress: event,
+                      strategy: "fallback"
+                    };
+                  }
+                  if (event.type === "done") {
+                    const finalStrategy = compactionStrategyRef.current === "fallback" ? "fallback" : "summary";
+                    compactionStrategyRef.current = finalStrategy;
+                    return {
+                      ...prev,
+                      phase: "done",
+                      progress: event,
+                      droppedTurns: event.droppedTurns,
+                      keptTurns: event.keptTurns,
+                      beforeTokens: event.beforeTokens,
+                      afterTokens: event.afterTokens,
+                      strategy: finalStrategy
+                    };
+                  }
+                  return prev;
+                });
+              }
+            );
+            if (result.droppedTurns === 0) {
+              setCompactionState((prev) => ({
+                ...prev,
+                phase: "done",
+                progress: prev.progress,
+                droppedTurns: 0,
+                keptTurns: result.keptTurns,
+                beforeTokens: result.beforeTokens,
+                afterTokens: result.afterTokens,
+                strategy: void 0
+              }));
+              if (compactionSettleTimerRef.current) {
+                clearTimeout(compactionSettleTimerRef.current);
+              }
+              compactionSettleTimerRef.current = setTimeout(() => {
+                setCompactionState({ phase: "idle", progress: null });
+                setDisplayMessages((prev) => [
+                  ...prev,
+                  {
+                    role: "assistant",
+                    content: "\u2139 \u5F53\u524D\u5BF9\u8BDD\u592A\u77ED\uFF0C\u65E0\u9700\u538B\u7F29\uFF08\u5C11\u4E8E\u6700\u5C0F\u56DE\u5408\u6570 \u6216 \u90FD\u5728\u4FDD\u7559\u533A\u5185\uFF09\u3002"
+                  }
+                ]);
+              }, 2500);
+            } else {
+              if (compactionSettleTimerRef.current) {
+                clearTimeout(compactionSettleTimerRef.current);
+              }
+              compactionSettleTimerRef.current = setTimeout(() => {
+                const ratioSaved = ((result.beforeTokens - result.afterTokens) / Math.max(result.beforeTokens, 1) * 100).toFixed(1);
+                const strategyNote = compactionStrategyRef.current === "fallback" ? "\n\u26A0 \u6458\u8981\u4E3A\u672C\u5730\u5151\u5E95\uFF08LLM \u4E0D\u53EF\u7528\uFF09" : "";
+                setCompactionState({ phase: "idle", progress: null });
+                compactionStrategyRef.current = void 0;
+                setDisplayMessages((prev) => [
+                  ...prev,
+                  {
+                    role: "assistant",
+                    content: `\u2714 \u538B\u7F29\u5B8C\u6210\uFF1A${result.droppedTurns} \u56DE\u5408 \u2192 ${result.keptTurns} \u56DE\u5408\uFF08\u8282\u7701 ${ratioSaved}% token\uFF09${strategyNote}`
+                  }
+                ]);
+              }, 4e3);
+            }
+          } catch (err) {
+            const msg = err instanceof Error ? err.message : String(err);
+            setCompactionState((prev) => ({
+              ...prev,
+              phase: "error",
+              errorMessage: msg
+            }));
+            if (compactionSettleTimerRef.current) {
+              clearTimeout(compactionSettleTimerRef.current);
+            }
+            compactionSettleTimerRef.current = setTimeout(() => {
+              setCompactionState({ phase: "idle", progress: null });
+              setDisplayMessages((prev) => [
+                ...prev,
+                { role: "assistant", content: `\u26A0 \u538B\u7F29\u5931\u8D25\uFF1A${msg}` }
+              ]);
+            }, 3e3);
+          }
+          return;
+        }
         if (cmdLower === "/model") {
           const curIdx = modelOptions.indexOf(activeModel);
           setModelSelectIndex(curIdx >= 0 ? curIdx : 0);
@@ -6829,6 +7536,12 @@ function ChatSession({
         todoHideTimerRef.current = null;
       }
       setTodoPanelVisible(false);
+      setCompactionState({ phase: "idle", progress: null });
+      compactionStrategyRef.current = void 0;
+      if (compactionSettleTimerRef.current) {
+        clearTimeout(compactionSettleTimerRef.current);
+        compactionSettleTimerRef.current = null;
+      }
       const session = sessionRef.current;
       const abortController = new AbortController();
       abortRef.current = abortController;
@@ -7002,108 +7715,104 @@ function ChatSession({
       setTodayCost(externalCostTracker.todayTotalCost);
     }
   }, [isStreaming, externalCostTracker]);
-  return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", paddingLeft: 1, paddingRight: 1, children: [
-    /* @__PURE__ */ jsxs11(Box11, { flexDirection: "row", flexGrow: 1, children: [
-      /* @__PURE__ */ jsx11(
-        Box11,
+  return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", paddingLeft: 1, paddingRight: 1, children: [
+    /* @__PURE__ */ jsxs12(Box12, { flexDirection: "row", flexGrow: 1, children: [
+      /* @__PURE__ */ jsx12(
+        Box12,
         {
           width: leftPanelWidth,
           flexShrink: 0,
           flexDirection: "column",
-          children: /* @__PURE__ */ jsx11(
-            Box11,
+          children: /* @__PURE__ */ jsx12(
+            Box12,
             {
-              borderStyle: "single",
-              borderColor: "#333333",
               paddingX: 1,
               flexDirection: "column",
               flexGrow: 1,
               justifyContent: !hasConversationStarted ? "center" : "flex-end",
               children: !hasConversationStarted ? (
                 /* ===== 首页：Logo + 状态概况 ===== */
-                /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", alignItems: "center", children: [
+                /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", alignItems: "center", children: [
                   LOGO_LINES.map((line, i) => {
                     const colorIndex = (i + offset) % CYBER_PALETTE.length;
-                    return /* @__PURE__ */ jsx11(Text12, { bold: true, color: CYBER_PALETTE[colorIndex], children: line }, i);
+                    return /* @__PURE__ */ jsx12(Text13, { bold: true, color: CYBER_PALETTE[colorIndex], children: line }, i);
                   }),
-                  /* @__PURE__ */ jsx11(Box11, { marginTop: 1, children: /* @__PURE__ */ jsxs11(Text12, { color: "#808080", children: [
+                  /* @__PURE__ */ jsx12(Box12, { marginTop: 1, children: /* @__PURE__ */ jsxs12(Text13, { color: "#808080", children: [
                     "\u{1F4E6} v",
                     VERSION
                   ] }) }),
-                  /* @__PURE__ */ jsxs11(Box11, { marginTop: 1, flexDirection: "column", alignItems: "center", children: [
-                    /* @__PURE__ */ jsxs11(Text12, { color: "#00ff41", children: [
+                  /* @__PURE__ */ jsxs12(Box12, { marginTop: 1, flexDirection: "column", alignItems: "center", children: [
+                    /* @__PURE__ */ jsxs12(Text13, { color: "#00ff41", children: [
                       "\u2714 ",
                       skillCount,
                       " Skills"
                     ] }),
-                    /* @__PURE__ */ jsxs11(Text12, { color: "#00ffff", children: [
+                    /* @__PURE__ */ jsxs12(Text13, { color: "#00ffff", children: [
                       "\u2139 ",
                       toolCount,
                       " \u5DE5\u5177"
                     ] }),
-                    /* @__PURE__ */ jsxs11(Text12, { color: "#00ffff", children: [
+                    /* @__PURE__ */ jsxs12(Text13, { color: "#00ffff", children: [
                       "\u{1F527} ",
                       SUPPORTED_MODELS[activeModel]?.displayName ?? activeModel
                     ] }),
-                    thinkingEnabled && /* @__PURE__ */ jsxs11(Text12, { color: "#ff9800", children: [
+                    thinkingEnabled && /* @__PURE__ */ jsxs12(Text13, { color: "#ff9800", children: [
                       "\u{1F9E0} \u6DF1\u5EA6\u601D\u8003 ",
                       thinkingEffort === "max" ? "Max" : "High"
                     ] }),
-                    sessionMode === "plan" && /* @__PURE__ */ jsx11(Text12, { color: "#ff69b4", bold: true, children: "\u{1F4CB} \u8BA1\u5212\u6A21\u5F0F" })
+                    sessionMode === "plan" && /* @__PURE__ */ jsx12(Text13, { color: "#ff69b4", bold: true, children: "\u{1F4CB} \u8BA1\u5212\u6A21\u5F0F" })
                   ] }),
-                  /* @__PURE__ */ jsxs11(Box11, { marginTop: 1, flexDirection: "column", alignItems: "center", children: [
-                    balance !== null ? /* @__PURE__ */ jsxs11(Text12, { color: "yellow", children: [
+                  /* @__PURE__ */ jsxs12(Box12, { marginTop: 1, flexDirection: "column", alignItems: "center", children: [
+                    balance !== null ? /* @__PURE__ */ jsxs12(Text13, { color: "yellow", children: [
                       "\u{1F4B0} \u4F59\u989D \xA5",
                       balance.toFixed(2)
-                    ] }) : balanceLoading ? /* @__PURE__ */ jsx11(Text12, { color: "yellow", children: "\u23F3 \u67E5\u8BE2\u4F59\u989D..." }) : null,
-                    todayCost !== null && /* @__PURE__ */ jsxs11(Text12, { color: "cyan", children: [
+                    ] }) : balanceLoading ? /* @__PURE__ */ jsx12(Text13, { color: "yellow", children: "\u23F3 \u67E5\u8BE2\u4F59\u989D..." }) : null,
+                    todayCost !== null && /* @__PURE__ */ jsxs12(Text13, { color: "cyan", children: [
                       "\u{1F4CA} \u4ECA\u65E5 \xA5",
                       todayCost.toFixed(2)
                     ] })
                   ] }),
-                  verbose && /* @__PURE__ */ jsx11(Text12, { color: "#ff1493", children: "\u26A1 Verbose" })
+                  verbose && /* @__PURE__ */ jsx12(Text13, { color: "#ff1493", children: "\u26A1 Verbose" })
                 ] })
               ) : hasReasoningPanel ? (
-                /* ===== 流式思考中：截断至最新12行，空行填充维持固定高度 ===== */
-                /* @__PURE__ */ jsxs11(Fragment2, { children: [
-                  /* @__PURE__ */ jsx11(Text12, { bold: true, color: "#ff9800", children: "\u{1F9E0} \u6DF1\u5EA6\u601D\u8003ing" }),
-                  /* @__PURE__ */ jsx11(Text12, { dimColor: true, wrap: "wrap", children: (() => {
-                    const full = joinReasoningSegments(currentReasoning);
-                    const maxContentLines = 11;
-                    const lines = full.split("\n");
-                    const kept = lines.slice(-maxContentLines);
-                    while (kept.length < maxContentLines) {
-                      kept.unshift("");
-                    }
-                    return kept.join("\n");
-                  })() })
-                ] })
+                /* ===== 流式思考中（纯文本，无边框） ===== */
+                /* @__PURE__ */ jsx12(Text13, { dimColor: true, wrap: "wrap", children: (() => {
+                  const full = joinReasoningSegments(currentReasoning);
+                  const maxContentLines = 11;
+                  const lines = full.split("\n");
+                  const kept = lines.slice(-maxContentLines);
+                  while (kept.length < maxContentLines) {
+                    kept.unshift("");
+                  }
+                  return kept.join("\n");
+                })() })
               ) : (
                 /* ===== 对话中（无思考）：会话状态面板 ===== */
-                /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", alignItems: "center", children: [
-                  /* @__PURE__ */ jsx11(Text12, { color: "#00ffff", bold: true, children: "\u{1F4AC} \u5BF9\u8BDD\u8FDB\u884C\u4E2D" }),
-                  /* @__PURE__ */ jsxs11(Box11, { marginTop: 1, flexDirection: "column", alignItems: "center", children: [
-                    /* @__PURE__ */ jsxs11(Text12, { color: "#00ff41", children: [
+                /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", alignItems: "center", children: [
+                  /* @__PURE__ */ jsx12(Text13, { color: "#00ffff", bold: true, children: "\u{1F4AC} \u5BF9\u8BDD\u8FDB\u884C\u4E2D" }),
+                  /* @__PURE__ */ jsxs12(Box12, { marginTop: 1, flexDirection: "column", alignItems: "center", children: [
+                    /* @__PURE__ */ jsxs12(Text13, { color: "#00ff41", children: [
                       "\u{1F4DD} \u6D88\u606F ",
                       displayMessages.length,
                       " \u6761"
                     ] }),
-                    sessionCost > 0 && /* @__PURE__ */ jsxs11(Text12, { color: "cyan", children: [
+                    sessionCost > 0 && /* @__PURE__ */ jsxs12(Text13, { color: "cyan", children: [
                       "\u{1F4B0} \u4F1A\u8BDD \xA5",
                       sessionCost.toFixed(4)
-                    ] })
+                    ] }),
+                    contextStats && /* @__PURE__ */ jsx12(ContextUsageBar, { stats: contextStats })
                   ] }),
-                  /* @__PURE__ */ jsxs11(Box11, { marginTop: 1, flexDirection: "column", alignItems: "center", children: [
-                    /* @__PURE__ */ jsxs11(Text12, { color: "#808080", children: [
+                  /* @__PURE__ */ jsxs12(Box12, { marginTop: 1, flexDirection: "column", alignItems: "center", children: [
+                    /* @__PURE__ */ jsxs12(Text13, { color: "#808080", children: [
                       "\u{1F527} ",
                       SUPPORTED_MODELS[activeModel]?.displayName ?? activeModel
                     ] }),
-                    thinkingEnabled && /* @__PURE__ */ jsxs11(Text12, { color: "#ff9800", children: [
+                    thinkingEnabled && /* @__PURE__ */ jsxs12(Text13, { color: "#ff9800", children: [
                       "\u{1F9E0} ",
                       thinkingEffort === "max" ? "Max" : "High"
                     ] })
                   ] }),
-                  balance !== null && /* @__PURE__ */ jsx11(Box11, { marginTop: 1, children: /* @__PURE__ */ jsxs11(Text12, { color: "yellow", children: [
+                  balance !== null && /* @__PURE__ */ jsx12(Box12, { marginTop: 1, children: /* @__PURE__ */ jsxs12(Text13, { color: "yellow", children: [
                     "\u{1F4B0} \xA5",
                     balance.toFixed(2)
                   ] }) })
@@ -7113,47 +7822,46 @@ function ChatSession({
           )
         }
       ),
-      /* @__PURE__ */ jsx11(Box11, { width: 1, flexShrink: 0, children: /* @__PURE__ */ jsx11(Text12, { color: "#444", children: "\u2502" }) }),
-      useMemo(() => /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", flexGrow: 1, children: [
-        /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", flexGrow: 1, children: [
-          !hasConversationStarted && /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", alignItems: "flex-start", flexGrow: 1, paddingBottom: 1, children: [
+      useMemo2(() => /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", flexGrow: 1, children: [
+        /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", flexGrow: 1, children: [
+          !hasConversationStarted && /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", alignItems: "flex-start", flexGrow: 1, paddingBottom: 1, children: [
             cmdTips.length > 0 && (() => {
               const tip = cmdTips[cmdTipIndex % cmdTips.length];
               if (!tip) return null;
               const text = `${tip.name} ${tip.desc}`;
-              return /* @__PURE__ */ jsxs11(Box11, { marginTop: 1, alignSelf: "center", children: [
-                /* @__PURE__ */ jsx11(Text12, { color: "#808080", children: "\u{1F4A1} " }),
-                cmdTipGradientColors.length > 0 ? text.split("").map((ch, i) => /* @__PURE__ */ jsx11(Text12, { color: cmdTipGradientColors[i] || void 0, children: ch }, i)) : /* @__PURE__ */ jsx11(Text12, { color: "#808080", children: text })
+              return /* @__PURE__ */ jsxs12(Box12, { marginTop: 1, alignSelf: "center", children: [
+                /* @__PURE__ */ jsx12(Text13, { color: "#808080", children: "\u{1F4A1} " }),
+                cmdTipGradientColors.length > 0 ? text.split("").map((ch, i) => /* @__PURE__ */ jsx12(Text13, { color: cmdTipGradientColors[i] || void 0, children: ch }, i)) : /* @__PURE__ */ jsx12(Text13, { color: "#808080", children: text })
               ] });
             })(),
-            /* @__PURE__ */ jsx11(Box11, { flexGrow: 1 }),
-            /* @__PURE__ */ jsx11(AnimatedLogo, { panelWidth: rightContentWidth })
+            /* @__PURE__ */ jsx12(Box12, { flexGrow: 1 }),
+            /* @__PURE__ */ jsx12(AnimatedLogo, { panelWidth: rightContentWidth })
           ] }),
-          /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", marginTop: 1, children: [
-            /* @__PURE__ */ jsx11(Static, { items: displayMessages, children: (msg, i) => {
+          /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", marginTop: 1, children: [
+            /* @__PURE__ */ jsx12(Static, { items: displayMessages, children: (msg, i) => {
               if (msg.role === "user") {
-                return /* @__PURE__ */ jsxs11(Box11, { marginTop: 1, flexDirection: "row", children: [
-                  /* @__PURE__ */ jsx11(Box11, { width: 1, backgroundColor: "#FF8C00", flexShrink: 0 }),
-                  /* @__PURE__ */ jsx11(Box11, { flexGrow: 1, paddingLeft: 1, children: /* @__PURE__ */ jsxs11(Box11, { flexDirection: "row", children: [
-                    /* @__PURE__ */ jsx11(Box11, { width: 4, flexShrink: 0, children: /* @__PURE__ */ jsx11(Text12, { bold: true, color: "#FF8C00", children: "\u{1F4AC}" }) }),
-                    /* @__PURE__ */ jsx11(Box11, { flexGrow: 1, children: /* @__PURE__ */ jsx11(Text12, { wrap: "wrap", children: msg.content }) })
+                return /* @__PURE__ */ jsxs12(Box12, { marginTop: 1, flexDirection: "row", children: [
+                  /* @__PURE__ */ jsx12(Box12, { width: 1, backgroundColor: "#FF8C00", flexShrink: 0 }),
+                  /* @__PURE__ */ jsx12(Box12, { flexGrow: 1, paddingLeft: 1, children: /* @__PURE__ */ jsxs12(Box12, { flexDirection: "row", children: [
+                    /* @__PURE__ */ jsx12(Box12, { width: 4, flexShrink: 0, children: /* @__PURE__ */ jsx12(Text13, { bold: true, color: "#FF8C00", children: "\u{1F4AC}" }) }),
+                    /* @__PURE__ */ jsx12(Box12, { flexGrow: 1, children: /* @__PURE__ */ jsx12(Text13, { wrap: "wrap", children: msg.content }) })
                   ] }) })
                 ] }, i);
               }
               if (msg.role === "tool") {
-                return /* @__PURE__ */ jsxs11(Box11, { marginTop: 1, flexDirection: "row", children: [
-                  /* @__PURE__ */ jsx11(Box11, { width: 1, backgroundColor: "#666666", flexShrink: 0 }),
-                  /* @__PURE__ */ jsxs11(Box11, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: [
-                    /* @__PURE__ */ jsxs11(Box11, { flexDirection: "row", children: [
-                      /* @__PURE__ */ jsx11(Box11, { width: 4, flexShrink: 0, children: /* @__PURE__ */ jsx11(Text12, { dimColor: true, children: "\u{1F527}" }) }),
-                      /* @__PURE__ */ jsx11(Box11, { flexGrow: 1, children: /* @__PURE__ */ jsx11(Text12, { dimColor: true, wrap: "wrap", children: msg.content }) })
+                return /* @__PURE__ */ jsxs12(Box12, { marginTop: 1, flexDirection: "row", children: [
+                  /* @__PURE__ */ jsx12(Box12, { width: 1, backgroundColor: "#666666", flexShrink: 0 }),
+                  /* @__PURE__ */ jsxs12(Box12, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: [
+                    /* @__PURE__ */ jsxs12(Box12, { flexDirection: "row", children: [
+                      /* @__PURE__ */ jsx12(Box12, { width: 4, flexShrink: 0, children: /* @__PURE__ */ jsx12(Text13, { dimColor: true, children: "\u{1F527}" }) }),
+                      /* @__PURE__ */ jsx12(Box12, { flexGrow: 1, children: /* @__PURE__ */ jsx12(Text13, { dimColor: true, wrap: "wrap", children: msg.content }) })
                     ] }),
-                    msg.diff && /* @__PURE__ */ jsx11(DiffPreview, { diff: msg.diff })
+                    msg.diff && /* @__PURE__ */ jsx12(DiffPreview, { diff: msg.diff })
                   ] })
                 ] }, i);
               }
               const detail = msg.assistantDetail;
-              return /* @__PURE__ */ jsx11(
+              return /* @__PURE__ */ jsx12(
                 AssistantMessage,
                 {
                   content: msg.content,
@@ -7167,7 +7875,7 @@ function ChatSession({
                 i
               );
             } }, staticKey),
-            isStreaming && /* @__PURE__ */ jsx11(
+            isStreaming && /* @__PURE__ */ jsx12(
               AssistantMessage,
               {
                 content: currentContent,
@@ -7178,49 +7886,56 @@ function ChatSession({
                 model: _streamingModel
               }
             ),
-            !isStreaming && streamError && /* @__PURE__ */ jsx11(Box11, { marginTop: 1, marginLeft: 3, children: /* @__PURE__ */ jsxs11(Text12, { color: "red", children: [
+            compactionState.phase !== "idle" && /* @__PURE__ */ jsx12(
+              CompactionProgress,
+              {
+                state: compactionState,
+                contentWidth: rightContentWidth
+              }
+            ),
+            !isStreaming && streamError && /* @__PURE__ */ jsx12(Box12, { marginTop: 1, marginLeft: 3, children: /* @__PURE__ */ jsxs12(Text13, { color: "red", children: [
               "\u26A0 ",
               streamError
             ] }) })
           ] }),
-          todoPanelVisible && todoSnapshot.length > 0 && /* @__PURE__ */ jsx11(TodoListPanel, { items: todoSnapshot })
+          todoPanelVisible && todoSnapshot.length > 0 && /* @__PURE__ */ jsx12(TodoListPanel, { items: todoSnapshot })
         ] }),
-        selectingModel ? /* @__PURE__ */ jsxs11(Box11, { marginTop: 1, flexDirection: "column", children: [
-          /* @__PURE__ */ jsx11(Text12, { color: "#00ffff", dimColor: true, children: "\u2500".repeat(rightContentWidth) }),
-          /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", marginTop: 1, children: [
-            /* @__PURE__ */ jsx11(Text12, { bold: true, color: "#00ffff", children: "\u9009\u62E9\u6A21\u578B\uFF1A" }),
+        selectingModel ? /* @__PURE__ */ jsxs12(Box12, { marginTop: 1, flexDirection: "column", children: [
+          /* @__PURE__ */ jsx12(Text13, { color: "#00ffff", dimColor: true, children: "\u2500".repeat(rightContentWidth) }),
+          /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", marginTop: 1, children: [
+            /* @__PURE__ */ jsx12(Text13, { bold: true, color: "#00ffff", children: "\u9009\u62E9\u6A21\u578B\uFF1A" }),
             modelOptions.map((id, i) => {
               const meta = SUPPORTED_MODELS[id];
               const isCurrent = id === activeModel;
               const isSelected = i === modelSelectIndex;
               const marker = isSelected ? " > " : "   ";
               const suffix = isCurrent ? " (\u5F53\u524D)" : "";
-              return /* @__PURE__ */ jsxs11(Box11, { children: [
-                /* @__PURE__ */ jsxs11(Text12, { color: isSelected ? "#00ff41" : void 0, bold: isSelected, children: [
+              return /* @__PURE__ */ jsxs12(Box12, { children: [
+                /* @__PURE__ */ jsxs12(Text13, { color: isSelected ? "#00ff41" : void 0, bold: isSelected, children: [
                   marker,
                   meta.displayName,
                   suffix
                 ] }),
-                isSelected && /* @__PURE__ */ jsxs11(Text12, { color: "#808080", children: [
+                isSelected && /* @__PURE__ */ jsxs12(Text13, { color: "#808080", children: [
                   " \u2014 ",
                   id
                 ] })
               ] }, id);
             }),
-            /* @__PURE__ */ jsx11(Box11, { marginTop: 1, children: /* @__PURE__ */ jsx11(Text12, { color: "#808080", dimColor: true, children: "\u2191\u2193 \u9009\u62E9 \xB7 Enter \u786E\u8BA4 \xB7 Esc \u53D6\u6D88" }) })
+            /* @__PURE__ */ jsx12(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx12(Text13, { color: "#808080", dimColor: true, children: "\u2191\u2193 \u9009\u62E9 \xB7 Enter \u786E\u8BA4 \xB7 Esc \u53D6\u6D88" }) })
           ] }),
-          /* @__PURE__ */ jsx11(Text12, { color: "#00ffff", dimColor: true, children: "\u2500".repeat(rightContentWidth) })
-        ] }) : rewindSelecting ? /* @__PURE__ */ jsxs11(Box11, { marginTop: 1, flexDirection: "column", children: [
-          /* @__PURE__ */ jsx11(Text12, { color: "#00ffff", dimColor: true, children: "\u2500".repeat(rightContentWidth) }),
-          /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", marginTop: 1, children: [
-            /* @__PURE__ */ jsx11(Text12, { bold: true, color: "#ff9800", children: "\u9009\u62E9\u8981\u56DE\u9000\u7684\u68C0\u67E5\u70B9\uFF1A" }),
+          /* @__PURE__ */ jsx12(Text13, { color: "#00ffff", dimColor: true, children: "\u2500".repeat(rightContentWidth) })
+        ] }) : rewindSelecting ? /* @__PURE__ */ jsxs12(Box12, { marginTop: 1, flexDirection: "column", children: [
+          /* @__PURE__ */ jsx12(Text13, { color: "#00ffff", dimColor: true, children: "\u2500".repeat(rightContentWidth) }),
+          /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", marginTop: 1, children: [
+            /* @__PURE__ */ jsx12(Text13, { bold: true, color: "#ff9800", children: "\u9009\u62E9\u8981\u56DE\u9000\u7684\u68C0\u67E5\u70B9\uFF1A" }),
             rewindList.map((cp2, i) => {
               const isSelected = i === rewindSelectIndex;
               const marker = isSelected ? " > " : "   ";
               const time = new Date(cp2.timestamp).toLocaleTimeString();
               const preview = cp2.preview || "(\u7A7A)";
               const tag = cp2.isGitRepo ? "" : " [\u975E git\uFF0C\u4EC5\u5BF9\u8BDD]";
-              return /* @__PURE__ */ jsx11(Box11, { children: /* @__PURE__ */ jsxs11(Text12, { color: isSelected ? "#ff9800" : void 0, bold: isSelected, children: [
+              return /* @__PURE__ */ jsx12(Box12, { children: /* @__PURE__ */ jsxs12(Text13, { color: isSelected ? "#ff9800" : void 0, bold: isSelected, children: [
                 marker,
                 "#",
                 i + 1,
@@ -7232,21 +7947,25 @@ function ChatSession({
                 "`"
               ] }) }, cp2.index);
             }),
-            /* @__PURE__ */ jsx11(Box11, { marginTop: 1, children: /* @__PURE__ */ jsx11(Text12, { color: "#808080", dimColor: true, children: "\u2191\u2193 \u9009\u62E9 \xB7 Enter \u786E\u8BA4 \xB7 Esc \u53D6\u6D88" }) })
+            /* @__PURE__ */ jsx12(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx12(Text13, { color: "#808080", dimColor: true, children: "\u2191\u2193 \u9009\u62E9 \xB7 Enter \u786E\u8BA4 \xB7 Esc \u53D6\u6D88" }) })
           ] }),
-          /* @__PURE__ */ jsx11(Text12, { color: "#00ffff", dimColor: true, children: "\u2500".repeat(rightContentWidth) })
-        ] }) : /* @__PURE__ */ jsxs11(Fragment2, { children: [
-          (hasConversationStarted || sessionMode === "plan") && isStreaming && streamingPhase ? /* @__PURE__ */ jsx11(Box11, { marginTop: 1, justifyContent: "center", children: /* @__PURE__ */ jsxs11(Text12, { bold: true, color: PHASE_CONFIG[streamingPhase].color, children: [
+          /* @__PURE__ */ jsx12(Text13, { color: "#00ffff", dimColor: true, children: "\u2500".repeat(rightContentWidth) })
+        ] }) : /* @__PURE__ */ jsxs12(Fragment3, { children: [
+          (hasConversationStarted || sessionMode === "plan") && isStreaming && streamingPhase ? /* @__PURE__ */ jsx12(Box12, { marginTop: 1, justifyContent: "center", children: /* @__PURE__ */ jsxs12(Text13, { bold: true, color: PHASE_CONFIG[streamingPhase].color, children: [
             PHASE_CONFIG[streamingPhase].icon,
             " ",
             PHASE_CONFIG[streamingPhase].label,
             " ",
-            /* @__PURE__ */ jsx11(InkSpinner3, { type: "dots" })
-          ] }) }) : rewindHintPhase === "visible" ? /* @__PURE__ */ jsx11(Box11, { marginTop: 1, justifyContent: "center", children: /* @__PURE__ */ jsx11(Text12, { color: "#808080", children: "\u21A9 /rewind 1 \u53EF\u64A4\u56DE\u672C\u6B21\u4FEE\u6539" }) }) : null,
-          /* @__PURE__ */ jsx11(Box11, { marginTop: 1, children: /* @__PURE__ */ jsx11(Text12, { color: "#00ffff", dimColor: true, children: "\u2500".repeat(rightContentWidth) }) }),
-          /* @__PURE__ */ jsxs11(Box11, { children: [
-            /* @__PURE__ */ jsx11(Box11, { width: 4, flexShrink: 0, children: /* @__PURE__ */ jsx11(Text12, { bold: true, color: "#00ff41", children: "\u26A1" }) }),
-            /* @__PURE__ */ jsx11(Box11, { flexGrow: 1, children: !input && !isStreaming && idlePlaceholder && gradientColors.length > 0 ? /* @__PURE__ */ jsx11(Text12, { children: idlePlaceholder.split("").map((ch, i) => /* @__PURE__ */ jsx11(Text12, { color: gradientColors[i] ?? void 0, children: ch }, i)) }) : !input && isStreaming && streamingPlaceholder && streamingGradientColors.length > 0 ? /* @__PURE__ */ jsx11(Text12, { children: streamingPlaceholder.split("").map((ch, i) => /* @__PURE__ */ jsx11(Text12, { color: streamingGradientColors[i] ?? void 0, children: ch }, i)) }) : /* @__PURE__ */ jsx11(
+            /* @__PURE__ */ jsx12(InkSpinner4, { type: "dots" })
+          ] }) }) : rewindHintPhase === "visible" ? /* @__PURE__ */ jsx12(Box12, { marginTop: 1, justifyContent: "center", children: /* @__PURE__ */ jsx12(Text13, { color: "#808080", children: "\u21A9 /rewind 1 \u53EF\u64A4\u56DE\u672C\u6B21\u4FEE\u6539" }) }) : contextStats && contextStats.ratio > 0.85 ? /* @__PURE__ */ jsx12(Box12, { marginTop: 1, justifyContent: "center", children: /* @__PURE__ */ jsxs12(Text13, { color: "#ff9800", children: [
+            "\u{1F4DA} \u4E0A\u4E0B\u6587\u5DF2\u7528 ",
+            (contextStats.ratio * 100).toFixed(0),
+            "%\uFF0C\u8F93\u5165 /compact \u53EF\u624B\u52A8\u538B\u7F29"
+          ] }) }) : null,
+          /* @__PURE__ */ jsx12(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx12(Text13, { color: "#00ffff", dimColor: true, children: "\u2500".repeat(rightContentWidth) }) }),
+          /* @__PURE__ */ jsxs12(Box12, { children: [
+            /* @__PURE__ */ jsx12(Box12, { width: 4, flexShrink: 0, children: /* @__PURE__ */ jsx12(Text13, { bold: true, color: "#00ff41", children: "\u26A1" }) }),
+            /* @__PURE__ */ jsx12(Box12, { flexGrow: 1, children: !input && !isStreaming && idlePlaceholder && gradientColors.length > 0 ? /* @__PURE__ */ jsx12(Text13, { children: idlePlaceholder.split("").map((ch, i) => /* @__PURE__ */ jsx12(Text13, { color: gradientColors[i] ?? void 0, children: ch }, i)) }) : !input && isStreaming && streamingPlaceholder && streamingGradientColors.length > 0 ? /* @__PURE__ */ jsx12(Text13, { children: streamingPlaceholder.split("").map((ch, i) => /* @__PURE__ */ jsx12(Text13, { color: streamingGradientColors[i] ?? void 0, children: ch }, i)) }) : /* @__PURE__ */ jsx12(
               TextInput,
               {
                 value: input,
@@ -7257,9 +7976,9 @@ function ChatSession({
               inputKey
             ) })
           ] }),
-          /* @__PURE__ */ jsx11(Box11, { children: /* @__PURE__ */ jsx11(Text12, { color: "#00ffff", dimColor: true, children: "\u2500".repeat(rightContentWidth) }) }),
-          /* @__PURE__ */ jsx11(SkillSelector, { skills, input, selectedIndex: skillSelectIndex }),
-          /* @__PURE__ */ jsx11(FileSelector, { files, input, selectedIndex: fileSelectIndex })
+          /* @__PURE__ */ jsx12(Box12, { children: /* @__PURE__ */ jsx12(Text13, { color: "#00ffff", dimColor: true, children: "\u2500".repeat(rightContentWidth) }) }),
+          /* @__PURE__ */ jsx12(SkillSelector, { skills, input, selectedIndex: skillSelectIndex }),
+          /* @__PURE__ */ jsx12(FileSelector, { files, input, selectedIndex: fileSelectIndex })
         ] })
       ] }), [
         displayMessages,
@@ -7307,15 +8026,53 @@ function ChatSession({
         doubleCtrlC
       ])
     ] }),
-    doubleCtrlC && !isStreaming && /* @__PURE__ */ jsx11(Box11, { marginTop: 1, children: /* @__PURE__ */ jsx11(Text12, { color: "#ff1493", bold: true, children: "  \u26A0 \u518D\u6309\u4E00\u6B21 Ctrl+C \u9000\u51FA dskcode" }) }),
-    isStreaming && /* @__PURE__ */ jsx11(Box11, { marginTop: 1, children: /* @__PURE__ */ jsx11(Text12, { color: "yellow", dimColor: true, children: "  \u63D0\u793A\uFF1A\u6309 Ctrl+C \u53D6\u6D88\u5F53\u524D\u8BF7\u6C42" }) })
+    doubleCtrlC && !isStreaming && /* @__PURE__ */ jsx12(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx12(Text13, { color: "#ff1493", bold: true, children: "  \u26A0 \u518D\u6309\u4E00\u6B21 Ctrl+C \u9000\u51FA dskcode" }) }),
+    isStreaming && /* @__PURE__ */ jsx12(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx12(Text13, { color: "yellow", dimColor: true, children: "  \u63D0\u793A\uFF1A\u6309 Ctrl+C \u53D6\u6D88\u5F53\u524D\u8BF7\u6C42" }) })
+  ] });
+}
+var CONTEXT_BAR_WIDTH = 12;
+function classifyContextRatio(ratio) {
+  if (ratio >= 0.85) return "danger";
+  if (ratio >= 0.6) return "warning";
+  return "safe";
+}
+function contextLevelColor(level) {
+  switch (level) {
+    case "danger":
+      return "#ff6347";
+    // 红色
+    case "warning":
+      return "#ffcc00";
+    // 黄色
+    case "safe":
+      return "#00ff41";
+  }
+}
+function ContextUsageBar({
+  stats
+}) {
+  const level = classifyContextRatio(stats.ratio);
+  const color = contextLevelColor(level);
+  const filled = Math.min(
+    CONTEXT_BAR_WIDTH,
+    // 只要 ratio > 0 就至少 1 格 █，避免“占用极少”时空条被误读为“未使用”
+    Math.max(stats.ratio > 0 ? 1 : 0, Math.round(stats.ratio * CONTEXT_BAR_WIDTH))
+  );
+  const empty = CONTEXT_BAR_WIDTH - filled;
+  return /* @__PURE__ */ jsxs12(Text13, { color, children: [
+    "\u{1F4DA} ",
+    /* @__PURE__ */ jsx12(Text13, { color, children: "\u2588".repeat(filled) }),
+    /* @__PURE__ */ jsx12(Text13, { color: "#444444", children: "\u2591".repeat(empty) }),
+    "  ",
+    (stats.ratio * 100).toFixed(1),
+    "%"
   ] });
 }
 
 // src/ui/GamePicker.tsx
-import { Box as Box12, Text as Text13, useInput as useInput2 } from "ink";
+import { Box as Box13, Text as Text14, useInput as useInput2 } from "ink";
 import { useState as useState6, useCallback as useCallback3 } from "react";
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 function GamePicker({ games, onSelect, onExit, onBackToChat }) {
   const [selectedIndex, setSelectedIndex] = useState6(0);
   const exitAction = onBackToChat ?? onExit ?? (() => process.exit(0));
@@ -7343,18 +8100,18 @@ function GamePicker({ games, onSelect, onExit, onBackToChat }) {
       [games, selectedIndex, onSelect, onExit, onBackToChat, handleCtrlC]
     )
   );
-  return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx12(Box12, { marginBottom: 1, children: /* @__PURE__ */ jsx12(Text13, { bold: true, color: "#00ffff", children: "\u{1F3AE} \u6E38\u620F\u5217\u8868" }) }),
-    /* @__PURE__ */ jsx12(Box12, { flexDirection: "column", children: games.map((game, index) => {
+  return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx13(Box13, { marginBottom: 1, children: /* @__PURE__ */ jsx13(Text14, { bold: true, color: "#00ffff", children: "\u{1F3AE} \u6E38\u620F\u5217\u8868" }) }),
+    /* @__PURE__ */ jsx13(Box13, { flexDirection: "column", children: games.map((game, index) => {
       const isSelected = index === selectedIndex;
-      return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "row", children: [
-        /* @__PURE__ */ jsx12(Box12, { width: 3, flexShrink: 0, children: isSelected ? /* @__PURE__ */ jsx12(Text13, { bold: true, color: "#00ff41", children: "\u25B8 " }) : /* @__PURE__ */ jsx12(Text13, { children: "  " }) }),
-        /* @__PURE__ */ jsx12(Box12, { width: 20, flexShrink: 0, children: /* @__PURE__ */ jsx12(Text13, { bold: true, color: isSelected ? "#00ff41" : "#ffffff", children: game.name }) }),
-        /* @__PURE__ */ jsx12(Box12, { children: /* @__PURE__ */ jsx12(Text13, { color: "#888888", children: game.description }) })
+      return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "row", children: [
+        /* @__PURE__ */ jsx13(Box13, { width: 3, flexShrink: 0, children: isSelected ? /* @__PURE__ */ jsx13(Text14, { bold: true, color: "#00ff41", children: "\u25B8 " }) : /* @__PURE__ */ jsx13(Text14, { children: "  " }) }),
+        /* @__PURE__ */ jsx13(Box13, { width: 20, flexShrink: 0, children: /* @__PURE__ */ jsx13(Text14, { bold: true, color: isSelected ? "#00ff41" : "#ffffff", children: game.name }) }),
+        /* @__PURE__ */ jsx13(Box13, { children: /* @__PURE__ */ jsx13(Text14, { color: "#888888", children: game.description }) })
       ] }, game.id);
     }) }),
-    /* @__PURE__ */ jsx12(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx12(Text13, { dimColor: true, children: "  \u2191/\u2193 \u9009\u62E9  Enter \u542F\u52A8  q \u8FD4\u56DE" }) }),
-    doubleCtrlC && /* @__PURE__ */ jsx12(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx12(Text13, { color: "#ff1493", bold: true, children: "  \u26A0 \u518D\u6309\u4E00\u6B21 Ctrl+C \u9000\u51FA dskcode" }) })
+    /* @__PURE__ */ jsx13(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx13(Text14, { dimColor: true, children: "  \u2191/\u2193 \u9009\u62E9  Enter \u542F\u52A8  q \u8FD4\u56DE" }) }),
+    doubleCtrlC && /* @__PURE__ */ jsx13(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx13(Text14, { color: "#ff1493", bold: true, children: "  \u26A0 \u518D\u6309\u4E00\u6B21 Ctrl+C \u9000\u51FA dskcode" }) })
   ] });
 }
 
@@ -7371,9 +8128,9 @@ function listGames() {
 }
 
 // src/game/brick-breaker/index.tsx
-import { Box as Box13, Text as Text14, useInput as useInput3, render as render2 } from "ink";
+import { Box as Box14, Text as Text15, useInput as useInput3, render as render2 } from "ink";
 import { useState as useState7, useEffect as useEffect6, useRef as useRef5, useCallback as useCallback4 } from "react";
-import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
 var GAME_WIDTH = 40;
 var GAME_HEIGHT = 18;
 var PADDLE_WIDTH = 9;
@@ -7563,49 +8320,49 @@ function BrickBreakerGame({ onExit: _onExit }) {
   const board = buildBoard(s);
   const def = getLevel(s.level);
   void tick2;
-  return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs13(Box13, { flexDirection: "row", children: [
-      /* @__PURE__ */ jsx13(Box13, { width: 20, children: /* @__PURE__ */ jsxs13(Text14, { children: [
+  return /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs14(Box14, { flexDirection: "row", children: [
+      /* @__PURE__ */ jsx14(Box14, { width: 20, children: /* @__PURE__ */ jsxs14(Text15, { children: [
         "\u5173\u5361 ",
         s.level,
         ": ",
-        /* @__PURE__ */ jsx13(Text14, { color: "cyan", children: def.desc })
+        /* @__PURE__ */ jsx14(Text15, { color: "cyan", children: def.desc })
       ] }) }),
-      /* @__PURE__ */ jsx13(Box13, { width: 12, children: /* @__PURE__ */ jsxs13(Text14, { children: [
+      /* @__PURE__ */ jsx14(Box14, { width: 12, children: /* @__PURE__ */ jsxs14(Text15, { children: [
         "\u5206\u6570: ",
-        /* @__PURE__ */ jsx13(Text14, { color: "yellow", children: String(s.score).padStart(3, "0") })
+        /* @__PURE__ */ jsx14(Text15, { color: "yellow", children: String(s.score).padStart(3, "0") })
       ] }) }),
-      /* @__PURE__ */ jsx13(Box13, { width: 12, children: /* @__PURE__ */ jsxs13(Text14, { children: [
+      /* @__PURE__ */ jsx14(Box14, { width: 12, children: /* @__PURE__ */ jsxs14(Text15, { children: [
         "\u751F\u547D: ",
-        /* @__PURE__ */ jsx13(Text14, { color: "red", children: "\u2665".repeat(Math.max(0, s.lives)) })
+        /* @__PURE__ */ jsx14(Text15, { color: "red", children: "\u2665".repeat(Math.max(0, s.lives)) })
       ] }) }),
-      /* @__PURE__ */ jsx13(Box13, { width: 10, children: /* @__PURE__ */ jsxs13(Text14, { children: [
+      /* @__PURE__ */ jsx14(Box14, { width: 10, children: /* @__PURE__ */ jsxs14(Text15, { children: [
         "\u7816\u5757: ",
-        /* @__PURE__ */ jsx13(Text14, { color: "cyan", children: aliveCount })
+        /* @__PURE__ */ jsx14(Text15, { color: "cyan", children: aliveCount })
       ] }) }),
-      /* @__PURE__ */ jsx13(Box13, { children: /* @__PURE__ */ jsxs13(Text14, { color: s.paused ? "gray" : "green", children: [
+      /* @__PURE__ */ jsx14(Box14, { children: /* @__PURE__ */ jsxs14(Text15, { color: s.paused ? "gray" : "green", children: [
         "[",
         s.paused ? "\u6682\u505C" : "\u8FD0\u884C\u4E2D",
         "]"
       ] }) })
     ] }),
-    /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs13(Text14, { children: [
+    /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs14(Text15, { children: [
         "\u250C",
         "\u2500".repeat(GAME_WIDTH),
         "\u2510"
       ] }),
-      /* @__PURE__ */ jsx13(Text14, { children: selectingLevel ? "  \x1B[90m\u9009\u62E9\u5173\u5361\u540E\u5F00\u59CB...\x1B[0m" : board }),
-      /* @__PURE__ */ jsxs13(Text14, { children: [
+      /* @__PURE__ */ jsx14(Text15, { children: selectingLevel ? "  \x1B[90m\u9009\u62E9\u5173\u5361\u540E\u5F00\u59CB...\x1B[0m" : board }),
+      /* @__PURE__ */ jsxs14(Text15, { children: [
         "\u2514",
         "\u2500".repeat(GAME_WIDTH),
         "\u2518"
       ] })
     ] }),
-    selectingLevel && /* @__PURE__ */ jsxs13(Box13, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx13(Text14, { bold: true, color: "yellow", children: "\u9009\u62E9\u5173\u5361" }),
-      /* @__PURE__ */ jsx13(Box13, { flexDirection: "row", flexWrap: "wrap", children: LEVELS.map((lv, i) => /* @__PURE__ */ jsx13(Box13, { width: 22, children: /* @__PURE__ */ jsxs13(Text14, { children: [
-        /* @__PURE__ */ jsx13(Text14, { color: initialLevel === i + 1 ? "green" : "white", children: i + 1 === 10 ? "0" : String(i + 1) }),
+    selectingLevel && /* @__PURE__ */ jsxs14(Box14, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx14(Text15, { bold: true, color: "yellow", children: "\u9009\u62E9\u5173\u5361" }),
+      /* @__PURE__ */ jsx14(Box14, { flexDirection: "row", flexWrap: "wrap", children: LEVELS.map((lv, i) => /* @__PURE__ */ jsx14(Box14, { width: 22, children: /* @__PURE__ */ jsxs14(Text15, { children: [
+        /* @__PURE__ */ jsx14(Text15, { color: initialLevel === i + 1 ? "green" : "white", children: i + 1 === 10 ? "0" : String(i + 1) }),
         ". ",
         lv.desc,
         " (",
@@ -7614,16 +8371,16 @@ function BrickBreakerGame({ onExit: _onExit }) {
         lv.cols,
         ")"
       ] }) }, i)) }),
-      /* @__PURE__ */ jsx13(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx13(Text14, { dimColor: true, children: "\u6309\u6570\u5B57\u9009\u5173  q \u9000\u51FA" }) })
+      /* @__PURE__ */ jsx14(Box14, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text15, { dimColor: true, children: "\u6309\u6570\u5B57\u9009\u5173  q \u9000\u51FA" }) })
     ] }),
-    !selectingLevel && (s.gameOver || s.win) && /* @__PURE__ */ jsxs13(Box13, { marginTop: 1, children: [
-      /* @__PURE__ */ jsx13(Text14, { bold: true, color: s.gameOver ? "red" : "green", children: s.gameOver ? "\u6E38\u620F\u7ED3\u675F\uFF01" : "\u606D\u559C\u901A\u5173\uFF01" }),
-      /* @__PURE__ */ jsxs13(Text14, { children: [
+    !selectingLevel && (s.gameOver || s.win) && /* @__PURE__ */ jsxs14(Box14, { marginTop: 1, children: [
+      /* @__PURE__ */ jsx14(Text15, { bold: true, color: s.gameOver ? "red" : "green", children: s.gameOver ? "\u6E38\u620F\u7ED3\u675F\uFF01" : "\u606D\u559C\u901A\u5173\uFF01" }),
+      /* @__PURE__ */ jsxs14(Text15, { children: [
         "  \u5206\u6570: ",
-        /* @__PURE__ */ jsx13(Text14, { color: "yellow", children: s.score })
+        /* @__PURE__ */ jsx14(Text15, { color: "yellow", children: s.score })
       ] })
     ] }),
-    !selectingLevel && /* @__PURE__ */ jsx13(Box13, { marginTop: 1, children: s.gameOver || s.win ? /* @__PURE__ */ jsx13(Text14, { dimColor: true, children: "\u2190 \u2192 \u79FB\u52A8  r \u91CD\u5F00  l \u9009\u5173  q \u9000\u51FA" }) : /* @__PURE__ */ jsx13(Text14, { dimColor: true, children: "\u2190 \u2192 \u79FB\u52A8  p \u6682\u505C  q \u9000\u51FA" }) })
+    !selectingLevel && /* @__PURE__ */ jsx14(Box14, { marginTop: 1, children: s.gameOver || s.win ? /* @__PURE__ */ jsx14(Text15, { dimColor: true, children: "\u2190 \u2192 \u79FB\u52A8  r \u91CD\u5F00  l \u9009\u5173  q \u9000\u51FA" }) : /* @__PURE__ */ jsx14(Text15, { dimColor: true, children: "\u2190 \u2192 \u79FB\u52A8  p \u6682\u505C  q \u9000\u51FA" }) })
   ] });
 }
 var brick_breaker_default = {
@@ -7633,7 +8390,7 @@ var brick_breaker_default = {
   play: async () => {
     await new Promise((resolve2) => {
       const { unmount } = render2(
-        /* @__PURE__ */ jsx13(BrickBreakerGame, { onExit: () => {
+        /* @__PURE__ */ jsx14(BrickBreakerGame, { onExit: () => {
           unmount();
           resolve2();
         } })
@@ -7643,9 +8400,9 @@ var brick_breaker_default = {
 };
 
 // src/game/coder-check/index.tsx
-import { Box as Box14, Text as Text15, useInput as useInput4, render as render3 } from "ink";
+import { Box as Box15, Text as Text16, useInput as useInput4, render as render3 } from "ink";
 import { useState as useState8, useEffect as useEffect7, useRef as useRef6, useCallback as useCallback5 } from "react";
-import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
 var GAME_W = 66;
 var GAME_H = 20;
 var SCORE_H = 6;
@@ -8116,44 +8873,44 @@ function CoderCheck({ onExit: _onExit }) {
   const scoreLines = buildScoreLines(scoreStr);
   const view = buildGameView(s, scoreLines, scoreColor, s.message);
   void tick2;
-  return /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsx14(Box14, { flexDirection: "row", children: /* @__PURE__ */ jsxs14(Text15, { children: [
+  return /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsx15(Box15, { flexDirection: "row", children: /* @__PURE__ */ jsxs15(Text16, { children: [
       "\u751F\u547D ",
-      /* @__PURE__ */ jsx14(Text15, { color: "red", children: "\u2665".repeat(Math.max(0, s.lives)) }),
+      /* @__PURE__ */ jsx15(Text16, { color: "red", children: "\u2665".repeat(Math.max(0, s.lives)) }),
       "  ",
       "\u901F\u5EA6 ",
-      /* @__PURE__ */ jsxs14(Text15, { color: "cyan", children: [
+      /* @__PURE__ */ jsxs15(Text16, { color: "cyan", children: [
         "Lv.",
         Math.floor(s.speed * 10)
       ] })
     ] }) }),
-    !s.gameOver && s.target && /* @__PURE__ */ jsx14(Box14, { marginTop: 1, children: /* @__PURE__ */ jsxs14(Text15, { children: [
+    !s.gameOver && s.target && /* @__PURE__ */ jsx15(Box15, { marginTop: 1, children: /* @__PURE__ */ jsxs15(Text16, { children: [
       "\u6253\u5B57: ",
-      /* @__PURE__ */ jsx14(Text15, { color: "green", children: s.typed }),
-      /* @__PURE__ */ jsx14(Text15, { color: "white", children: s.target.slice(s.typed.length) })
+      /* @__PURE__ */ jsx15(Text16, { color: "green", children: s.typed }),
+      /* @__PURE__ */ jsx15(Text16, { color: "white", children: s.target.slice(s.typed.length) })
     ] }) }),
-    /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", marginTop: 1, children: [
-      /* @__PURE__ */ jsxs14(Text15, { children: [
+    /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsxs15(Text16, { children: [
         "\u250C",
         "\u2500".repeat(GAME_W),
         "\u2510"
       ] }),
-      view.map((row, i) => /* @__PURE__ */ jsx14(Text15, { children: `\u2502${row}\u2502` }, i)),
-      /* @__PURE__ */ jsxs14(Text15, { children: [
+      view.map((row, i) => /* @__PURE__ */ jsx15(Text16, { children: `\u2502${row}\u2502` }, i)),
+      /* @__PURE__ */ jsxs15(Text16, { children: [
         "\u2514",
         "\u2500".repeat(GAME_W),
         "\u2518"
       ] })
     ] }),
-    s.gameOver && /* @__PURE__ */ jsxs14(Box14, { marginTop: 1, children: [
-      /* @__PURE__ */ jsx14(Text15, { bold: true, color: "red", children: "\u6E38\u620F\u7ED3\u675F\uFF01" }),
-      /* @__PURE__ */ jsxs14(Text15, { children: [
+    s.gameOver && /* @__PURE__ */ jsxs15(Box15, { marginTop: 1, children: [
+      /* @__PURE__ */ jsx15(Text16, { bold: true, color: "red", children: "\u6E38\u620F\u7ED3\u675F\uFF01" }),
+      /* @__PURE__ */ jsxs15(Text16, { children: [
         "  \u5F97\u5206: ",
-        /* @__PURE__ */ jsx14(Text15, { color: "yellow", children: s.score }),
+        /* @__PURE__ */ jsx15(Text16, { color: "yellow", children: s.score }),
         "  r \u91CD\u5F00  q \u9000\u51FA"
       ] })
     ] }),
-    /* @__PURE__ */ jsx14(Box14, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text15, { dimColor: true, children: "\u6253\u5B57\u6D88\u9664\u5355\u8BCD  \u7A7A\u683C/Ctrl+P\u6682\u505C  Ctrl+Q\u9000\u51FA" }) })
+    /* @__PURE__ */ jsx15(Box15, { marginTop: 1, children: /* @__PURE__ */ jsx15(Text16, { dimColor: true, children: "\u6253\u5B57\u6D88\u9664\u5355\u8BCD  \u7A7A\u683C/Ctrl+P\u6682\u505C  Ctrl+Q\u9000\u51FA" }) })
   ] });
 }
 var coder_check_default = {
@@ -8163,7 +8920,7 @@ var coder_check_default = {
   play: async () => {
     await new Promise((resolve2) => {
       const { unmount } = render3(
-        /* @__PURE__ */ jsx14(CoderCheck, { onExit: () => {
+        /* @__PURE__ */ jsx15(CoderCheck, { onExit: () => {
           unmount();
           resolve2();
         } })
@@ -8543,12 +9300,12 @@ import { render as render4 } from "ink";
 import chalk5 from "chalk";
 
 // src/stock/StockList.tsx
-import { Box as Box15, Text as Text16, useInput as useInput5 } from "ink";
-import { useState as useState9, useCallback as useCallback6, useEffect as useEffect8, useMemo as useMemo2 } from "react";
+import { Box as Box16, Text as Text17, useInput as useInput5 } from "ink";
+import { useState as useState9, useCallback as useCallback6, useEffect as useEffect8, useMemo as useMemo3 } from "react";
 import asciichart from "asciichart";
 import os from "os";
 import { join as join10 } from "path";
-import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
 var SETTINGS_PATH = join10(os.homedir(), ".dskcode", "settings.json");
 function toFileUrl(p) {
   const norm = p.replace(/\\/g, "/");
@@ -8665,7 +9422,7 @@ function StockList({ codes, onExit, onBackToChat }) {
   );
   const [dimMode, setDimMode] = useState9(false);
   const [sortOrder, setSortOrder] = useState9("default");
-  const sortedStocks = useMemo2(() => {
+  const sortedStocks = useMemo3(() => {
     if (sortOrder === "default") return stocks;
     return [...stocks].toSorted(
       (a, b) => sortOrder === "desc" ? b.changePercent - a.changePercent : a.changePercent - b.changePercent
@@ -8767,64 +9524,64 @@ function StockList({ codes, onExit, onBackToChat }) {
   );
   if (detailView) {
     if (detailLoading) {
-      return /* @__PURE__ */ jsx15(Box15, { paddingLeft: 1, children: /* @__PURE__ */ jsx15(Text16, { dimColor: true, children: "  \u27F3 \u52A0\u8F7D\u5206\u65F6\u6570\u636E..." }) });
+      return /* @__PURE__ */ jsx16(Box16, { paddingLeft: 1, children: /* @__PURE__ */ jsx16(Text17, { dimColor: true, children: "  \u27F3 \u52A0\u8F7D\u5206\u65F6\u6570\u636E..." }) });
     }
     return renderDetail(detailView, () => setDetailView(null), detailPrices ?? void 0, detailCountdown, currentTime);
   }
   const cp2 = (c) => dimMode ? { dimColor: true } : { color: c };
-  return /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs15(Box15, { marginBottom: 1, justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsx15(Text16, { bold: true, ...cp2("#00ffff"), children: "  \u{1F4C8} \u81EA\u9009\u80A1\u76D1\u63A7" }),
-      /* @__PURE__ */ jsxs15(Text16, { dimColor: true, children: [
+  return /* @__PURE__ */ jsxs16(Box16, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs16(Box16, { marginBottom: 1, justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsx16(Text17, { bold: true, ...cp2("#00ffff"), children: "  \u{1F4C8} \u81EA\u9009\u80A1\u76D1\u63A7" }),
+      /* @__PURE__ */ jsxs16(Text17, { dimColor: true, children: [
         "  \u{1F550} ",
         currentTime
       ] }),
-      /* @__PURE__ */ jsx15(Text16, { dimColor: true, children: loading ? "  \u27F3 \u5237\u65B0\u4E2D..." : `  ${countdown}s \u540E\u81EA\u52A8\u5237\u65B0` })
+      /* @__PURE__ */ jsx16(Text17, { dimColor: true, children: loading ? "  \u27F3 \u5237\u65B0\u4E2D..." : `  ${countdown}s \u540E\u81EA\u52A8\u5237\u65B0` })
     ] }),
-    /* @__PURE__ */ jsxs15(Box15, { children: [
-      /* @__PURE__ */ jsx15(Box15, { width: 3 }),
-      /* @__PURE__ */ jsx15(Box15, { width: 9, children: /* @__PURE__ */ jsx15(Text16, { dimColor: true, children: "\u4EE3\u7801" }) }),
-      /* @__PURE__ */ jsx15(Box15, { width: 16, children: /* @__PURE__ */ jsx15(Text16, { dimColor: true, children: "\u540D\u79F0" }) }),
-      /* @__PURE__ */ jsx15(Box15, { width: 12, children: /* @__PURE__ */ jsx15(Text16, { dimColor: true, children: "\u6700\u65B0\u4EF7" }) }),
-      /* @__PURE__ */ jsx15(Box15, { width: 12, children: /* @__PURE__ */ jsxs15(Text16, { dimColor: true, children: [
+    /* @__PURE__ */ jsxs16(Box16, { children: [
+      /* @__PURE__ */ jsx16(Box16, { width: 3 }),
+      /* @__PURE__ */ jsx16(Box16, { width: 9, children: /* @__PURE__ */ jsx16(Text17, { dimColor: true, children: "\u4EE3\u7801" }) }),
+      /* @__PURE__ */ jsx16(Box16, { width: 16, children: /* @__PURE__ */ jsx16(Text17, { dimColor: true, children: "\u540D\u79F0" }) }),
+      /* @__PURE__ */ jsx16(Box16, { width: 12, children: /* @__PURE__ */ jsx16(Text17, { dimColor: true, children: "\u6700\u65B0\u4EF7" }) }),
+      /* @__PURE__ */ jsx16(Box16, { width: 12, children: /* @__PURE__ */ jsxs16(Text17, { dimColor: true, children: [
         "\u6DA8\u8DCC\u5E45",
         sortOrder === "desc" ? " \u25BC" : sortOrder === "asc" ? " \u25B2" : ""
       ] }) }),
-      /* @__PURE__ */ jsx15(Box15, { width: 12, children: /* @__PURE__ */ jsx15(Text16, { dimColor: true, children: "\u6DA8\u8DCC\u989D" }) }),
-      /* @__PURE__ */ jsx15(Box15, { width: 12, children: /* @__PURE__ */ jsx15(Text16, { dimColor: true, children: "\u6700\u9AD8" }) }),
-      /* @__PURE__ */ jsx15(Box15, { width: 12, children: /* @__PURE__ */ jsx15(Text16, { dimColor: true, children: "\u6700\u4F4E" }) }),
-      /* @__PURE__ */ jsx15(Box15, { children: /* @__PURE__ */ jsx15(Text16, { dimColor: true, children: "\u6210\u4EA4\u989D" }) })
+      /* @__PURE__ */ jsx16(Box16, { width: 12, children: /* @__PURE__ */ jsx16(Text17, { dimColor: true, children: "\u6DA8\u8DCC\u989D" }) }),
+      /* @__PURE__ */ jsx16(Box16, { width: 12, children: /* @__PURE__ */ jsx16(Text17, { dimColor: true, children: "\u6700\u9AD8" }) }),
+      /* @__PURE__ */ jsx16(Box16, { width: 12, children: /* @__PURE__ */ jsx16(Text17, { dimColor: true, children: "\u6700\u4F4E" }) }),
+      /* @__PURE__ */ jsx16(Box16, { children: /* @__PURE__ */ jsx16(Text17, { dimColor: true, children: "\u6210\u4EA4\u989D" }) })
     ] }),
-    /* @__PURE__ */ jsx15(Box15, { children: /* @__PURE__ */ jsx15(Text16, { dimColor: true, children: "  " + "\u2500".repeat(100) }) }),
-    /* @__PURE__ */ jsx15(Box15, { flexDirection: "column", children: sortedStocks.map((stock, index) => {
+    /* @__PURE__ */ jsx16(Box16, { children: /* @__PURE__ */ jsx16(Text17, { dimColor: true, children: "  " + "\u2500".repeat(100) }) }),
+    /* @__PURE__ */ jsx16(Box16, { flexDirection: "column", children: sortedStocks.map((stock, index) => {
       const isSelected = index === selectedIndex;
       const isUp = stock.changePercent >= 0;
       const color = isUp ? "#ff1493" : "#00ff41";
-      return /* @__PURE__ */ jsxs15(Box15, { children: [
-        /* @__PURE__ */ jsx15(Box15, { width: 3, flexShrink: 0, children: isSelected ? /* @__PURE__ */ jsx15(Text16, { bold: true, ...cp2("#00ffff"), children: "\u25B8 " }) : /* @__PURE__ */ jsx15(Text16, { children: "  " }) }),
-        /* @__PURE__ */ jsx15(Box15, { width: 9, children: /* @__PURE__ */ jsx15(Text16, { bold: true, ...cp2(isSelected ? "#00ffff" : "#ffffff"), children: stock.code }) }),
-        /* @__PURE__ */ jsx15(Box15, { width: 16, children: /* @__PURE__ */ jsx15(Text16, { ...cp2(isSelected ? "#ffffff" : "#cccccc"), children: stock.name }) }),
-        /* @__PURE__ */ jsx15(Box15, { width: 12, children: /* @__PURE__ */ jsx15(Text16, { bold: true, ...cp2(color), children: formatPrice(stock.price) }) }),
-        /* @__PURE__ */ jsx15(Box15, { width: 12, children: /* @__PURE__ */ jsxs15(Text16, { ...cp2(color), children: [
+      return /* @__PURE__ */ jsxs16(Box16, { children: [
+        /* @__PURE__ */ jsx16(Box16, { width: 3, flexShrink: 0, children: isSelected ? /* @__PURE__ */ jsx16(Text17, { bold: true, ...cp2("#00ffff"), children: "\u25B8 " }) : /* @__PURE__ */ jsx16(Text17, { children: "  " }) }),
+        /* @__PURE__ */ jsx16(Box16, { width: 9, children: /* @__PURE__ */ jsx16(Text17, { bold: true, ...cp2(isSelected ? "#00ffff" : "#ffffff"), children: stock.code }) }),
+        /* @__PURE__ */ jsx16(Box16, { width: 16, children: /* @__PURE__ */ jsx16(Text17, { ...cp2(isSelected ? "#ffffff" : "#cccccc"), children: stock.name }) }),
+        /* @__PURE__ */ jsx16(Box16, { width: 12, children: /* @__PURE__ */ jsx16(Text17, { bold: true, ...cp2(color), children: formatPrice(stock.price) }) }),
+        /* @__PURE__ */ jsx16(Box16, { width: 12, children: /* @__PURE__ */ jsxs16(Text17, { ...cp2(color), children: [
           isUp ? "+" : "",
           stock.changePercent.toFixed(2),
           "%"
         ] }) }),
-        /* @__PURE__ */ jsx15(Box15, { width: 12, children: /* @__PURE__ */ jsxs15(Text16, { ...cp2(color), children: [
+        /* @__PURE__ */ jsx16(Box16, { width: 12, children: /* @__PURE__ */ jsxs16(Text17, { ...cp2(color), children: [
           isUp ? "+" : "",
           stock.changeAmount.toFixed(3)
         ] }) }),
-        /* @__PURE__ */ jsx15(Box15, { width: 12, children: /* @__PURE__ */ jsx15(Text16, { ...cp2("#cccccc"), children: formatPrice(stock.high) }) }),
-        /* @__PURE__ */ jsx15(Box15, { width: 12, children: /* @__PURE__ */ jsx15(Text16, { ...cp2("#888888"), children: formatPrice(stock.low) }) }),
-        /* @__PURE__ */ jsx15(Box15, { children: /* @__PURE__ */ jsx15(Text16, { ...cp2("#888888"), children: formatAmount(stock.amount) }) })
+        /* @__PURE__ */ jsx16(Box16, { width: 12, children: /* @__PURE__ */ jsx16(Text17, { ...cp2("#cccccc"), children: formatPrice(stock.high) }) }),
+        /* @__PURE__ */ jsx16(Box16, { width: 12, children: /* @__PURE__ */ jsx16(Text17, { ...cp2("#888888"), children: formatPrice(stock.low) }) }),
+        /* @__PURE__ */ jsx16(Box16, { children: /* @__PURE__ */ jsx16(Text17, { ...cp2("#888888"), children: formatAmount(stock.amount) }) })
       ] }, stock.code);
     }) }),
-    /* @__PURE__ */ jsx15(Box15, { marginTop: 1, children: /* @__PURE__ */ jsx15(Text16, { dimColor: true, children: `  \u2191/\u2193 \u9009\u62E9  Enter \u8BE6\u60C5  r \u624B\u52A8\u5237\u65B0  o \u6392\u5E8F  h \u7F6E\u7070/\u6062\u590D  q \u8FD4\u56DE` }) }),
-    /* @__PURE__ */ jsxs15(Box15, { children: [
-      /* @__PURE__ */ jsx15(Text16, { dimColor: true, children: `  \u6700\u540E\u66F4\u65B0: ${lastUpdate}  \u7F16\u8F91\u81EA\u9009\u80A1: ` }),
-      /* @__PURE__ */ jsx15(Text16, { ...cp2("#c792ea"), children: osc8Link(toFileUrl(SETTINGS_PATH), SETTINGS_PATH) })
+    /* @__PURE__ */ jsx16(Box16, { marginTop: 1, children: /* @__PURE__ */ jsx16(Text17, { dimColor: true, children: `  \u2191/\u2193 \u9009\u62E9  Enter \u8BE6\u60C5  r \u624B\u52A8\u5237\u65B0  o \u6392\u5E8F  h \u7F6E\u7070/\u6062\u590D  q \u8FD4\u56DE` }) }),
+    /* @__PURE__ */ jsxs16(Box16, { children: [
+      /* @__PURE__ */ jsx16(Text17, { dimColor: true, children: `  \u6700\u540E\u66F4\u65B0: ${lastUpdate}  \u7F16\u8F91\u81EA\u9009\u80A1: ` }),
+      /* @__PURE__ */ jsx16(Text17, { ...cp2("#c792ea"), children: osc8Link(toFileUrl(SETTINGS_PATH), SETTINGS_PATH) })
     ] }),
-    doubleCtrlC && /* @__PURE__ */ jsx15(Box15, { marginTop: 1, children: /* @__PURE__ */ jsx15(Text16, { bold: true, ...cp2("#ff1493"), children: "  \u26A0 \u518D\u6309\u4E00\u6B21 Ctrl+C \u9000\u51FA dskcode" }) })
+    doubleCtrlC && /* @__PURE__ */ jsx16(Box16, { marginTop: 1, children: /* @__PURE__ */ jsx16(Text17, { bold: true, ...cp2("#ff1493"), children: "  \u26A0 \u518D\u6309\u4E00\u6B21 Ctrl+C \u9000\u51FA dskcode" }) })
   ] });
 }
 function renderDetail(stock, _onBack, prices, countdown = 10, currentTime) {
@@ -8842,33 +9599,33 @@ function renderDetail(stock, _onBack, prices, countdown = 10, currentTime) {
     raw = raw.replaceAll("\u256D", "\u250C").replaceAll("\u256E", "\u2510").replaceAll("\u2570", "\u2514").replaceAll("\u256F", "\u2518");
     chartLines = raw.split("\n");
   }
-  return /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", paddingLeft: 1, children: [
-    /* @__PURE__ */ jsxs15(Box15, { marginBottom: 1, justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsxs15(Box15, { children: [
-        /* @__PURE__ */ jsxs15(Text16, { bold: true, color: "#00ffff", children: [
+  return /* @__PURE__ */ jsxs16(Box16, { flexDirection: "column", paddingLeft: 1, children: [
+    /* @__PURE__ */ jsxs16(Box16, { marginBottom: 1, justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsxs16(Box16, { children: [
+        /* @__PURE__ */ jsxs16(Text17, { bold: true, color: "#00ffff", children: [
           "  \u{1F4CA} ",
           stock.name,
           " "
         ] }),
-        /* @__PURE__ */ jsx15(Text16, { dimColor: true, children: stock.code }),
-        currentTime && /* @__PURE__ */ jsxs15(Text16, { dimColor: true, children: [
+        /* @__PURE__ */ jsx16(Text17, { dimColor: true, children: stock.code }),
+        currentTime && /* @__PURE__ */ jsxs16(Text17, { dimColor: true, children: [
           "  \u{1F550} ",
           currentTime
         ] })
       ] }),
-      /* @__PURE__ */ jsx15(Text16, { dimColor: true, children: `${countdown}s \u540E\u5237\u65B0` })
+      /* @__PURE__ */ jsx16(Text17, { dimColor: true, children: `${countdown}s \u540E\u5237\u65B0` })
     ] }),
-    /* @__PURE__ */ jsxs15(Box15, { children: [
-      /* @__PURE__ */ jsx15(Box15, { width: 16, children: /* @__PURE__ */ jsx15(Text16, { bold: true, color: "#888888", children: "\u5F53\u524D\u4EF7" }) }),
-      /* @__PURE__ */ jsx15(Box15, { children: /* @__PURE__ */ jsxs15(Text16, { bold: true, color: colorCode, children: [
+    /* @__PURE__ */ jsxs16(Box16, { children: [
+      /* @__PURE__ */ jsx16(Box16, { width: 16, children: /* @__PURE__ */ jsx16(Text17, { bold: true, color: "#888888", children: "\u5F53\u524D\u4EF7" }) }),
+      /* @__PURE__ */ jsx16(Box16, { children: /* @__PURE__ */ jsxs16(Text17, { bold: true, color: colorCode, children: [
         arrow,
         " ",
         formatPrice(stock.price)
       ] }) })
     ] }),
-    /* @__PURE__ */ jsxs15(Box15, { children: [
-      /* @__PURE__ */ jsx15(Box15, { width: 16, children: /* @__PURE__ */ jsx15(Text16, { color: "#888888", children: "\u6DA8\u8DCC\u5E45" }) }),
-      /* @__PURE__ */ jsx15(Box15, { children: /* @__PURE__ */ jsxs15(Text16, { color: colorCode, children: [
+    /* @__PURE__ */ jsxs16(Box16, { children: [
+      /* @__PURE__ */ jsx16(Box16, { width: 16, children: /* @__PURE__ */ jsx16(Text17, { color: "#888888", children: "\u6DA8\u8DCC\u5E45" }) }),
+      /* @__PURE__ */ jsx16(Box16, { children: /* @__PURE__ */ jsxs16(Text17, { color: colorCode, children: [
         isUp ? "+" : "",
         stock.changePercent.toFixed(2),
         "%",
@@ -8877,8 +9634,8 @@ function renderDetail(stock, _onBack, prices, countdown = 10, currentTime) {
         stock.changeAmount.toFixed(3)
       ] }) })
     ] }),
-    chartLines.length > 0 && /* @__PURE__ */ jsx15(Box15, { marginTop: 1, flexDirection: "column", children: chartLines.map((line, i) => /* @__PURE__ */ jsx15(Box15, { children: /* @__PURE__ */ jsx15(Text16, { color: colorCode, children: line || " " }) }, i)) }),
-    /* @__PURE__ */ jsx15(Box15, { marginTop: 1, children: /* @__PURE__ */ jsx15(Text16, { dimColor: true, children: "  Space/q \u8FD4\u56DE\u5217\u8868" }) })
+    chartLines.length > 0 && /* @__PURE__ */ jsx16(Box16, { marginTop: 1, flexDirection: "column", children: chartLines.map((line, i) => /* @__PURE__ */ jsx16(Box16, { children: /* @__PURE__ */ jsx16(Text17, { color: colorCode, children: line || " " }) }, i)) }),
+    /* @__PURE__ */ jsx16(Box16, { marginTop: 1, children: /* @__PURE__ */ jsx16(Text17, { dimColor: true, children: "  Space/q \u8FD4\u56DE\u5217\u8868" }) })
   ] });
 }
 
@@ -8963,7 +9720,7 @@ async function scanProjectFiles(baseDir, dir) {
 }
 
 // src/cli/index.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var SUBCOMMANDS = ["chat", "run", "setup", "init", "completion", "game", "stock"];
 function createCli() {
   const program2 = new Command();
@@ -9065,7 +9822,7 @@ compdef _dskcode_completion dskcode`);
     const freshResult = await loadAndValidate();
     const codeList = codes && codes.length > 0 ? codes : freshResult.config.stock?.symbols?.map((s) => s.code) ?? ["sh000001", "sz399006", "sh601688"];
     const app = renderApp(
-      /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx17(
         StockList,
         {
           codes: codeList,
@@ -9094,7 +9851,7 @@ compdef _dskcode_completion dskcode`);
       }
       const selectedGame = await new Promise((resolve2) => {
         const { unmount } = render4(
-          /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsx17(
             GamePicker,
             {
               games,
@@ -9134,7 +9891,7 @@ async function startChat(ctx, costTracker) {
   );
   const model = defaultProvider?.model ?? "deepseek-v4-flash";
   const chatApp = renderApp(
-    /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx17(
       ChatSession,
       {
         skillCount,
@@ -9152,7 +9909,7 @@ async function startChat(ctx, costTracker) {
             initGames();
             const games = listGames();
             const { unmount } = render4(
-              /* @__PURE__ */ jsx16(
+              /* @__PURE__ */ jsx17(
                 GamePicker,
                 {
                   games,
@@ -9176,7 +9933,7 @@ async function startChat(ctx, costTracker) {
           setImmediate(() => {
             const defaultStockCodes = ctx?.config.stock?.symbols?.map((s) => s.code) ?? ["sh000001", "sz399006", "sh601688"];
             const stockApp = renderApp(
-              /* @__PURE__ */ jsx16(
+              /* @__PURE__ */ jsx17(
                 StockList,
                 {
                   codes: defaultStockCodes,