dskcode 0.1.36 → 0.1.37

package/dist/index.js

@@ -805,9 +805,9 @@ var LOGO_LINES = [
 ];
 
 // src/ui/ChatSession.tsx
-import { Box as Box10, Text as Text11, useInput, Static } from "ink";
+import { Box as Box11, Text as Text12, useInput, Static } from "ink";
 import TextInput from "ink-text-input";
-import { useEffect as useEffect4, useState as useState4, useCallback as useCallback2, useMemo, useRef as useRef3 } from "react";
+import { useEffect as useEffect5, useState as useState5, useCallback as useCallback2, useMemo, useRef as useRef4 } from "react";
 
 // src/ui/useDoubleCtrlC.ts
 import { useState as useState2, useCallback, useEffect as useEffect2, useRef } from "react";
@@ -1192,89 +1192,6 @@ function ToolCallBlock({ call }) {
   ] });
 }
 
-// src/agent/message-builder.ts
-function estimateMessageTokens(msg) {
-  let text = msg.content;
-  if (msg.toolCalls) {
-    for (const tc of msg.toolCalls) {
-      text += tc.name + tc.arguments;
-    }
-  }
-  return estimateTokens(text) + 10;
-}
-function groupIntoTurns(messages) {
-  const turns = [];
-  let current = null;
-  for (const msg of messages) {
-    if (msg.role === "user") {
-      if (current) turns.push(current);
-      current = [msg];
-    } else {
-      if (!current) current = [];
-      current.push(msg);
-    }
-  }
-  if (current && current.length > 0) turns.push(current);
-  return turns;
-}
-function estimateTurnTokens(turn) {
-  let sum = 0;
-  for (const msg of turn) sum += estimateMessageTokens(msg);
-  return sum;
-}
-function trimMessages(messages, opts) {
-  const meta = getModelMeta(opts.model);
-  const maxInputTokens = meta.contextWindow - opts.reservedForOutput;
-  const systemTokens = estimateTokens(opts.systemPrompt);
-  let remaining = maxInputTokens - systemTokens;
-  const turns = groupIntoTurns(messages);
-  const preservedTurns = [];
-  let roundsPreserved = 0;
-  for (let i = turns.length - 1; i >= 0 && roundsPreserved < opts.preserveRecentRounds; i--) {
-    preservedTurns.unshift(turns[i]);
-    roundsPreserved++;
-  }
-  const preserved = preservedTurns.flat();
-  for (const msg of preserved) {
-    remaining -= estimateMessageTokens(msg);
-  }
-  if (remaining < 0) {
-    while (preservedTurns.length > 1 && remaining < 0) {
-      const dropped = preservedTurns.shift();
-      remaining += estimateTurnTokens(dropped);
-    }
-    return [preservedTurns.flat(), true];
-  }
-  const olderTurns = turns.slice(0, turns.length - preservedTurns.length);
-  const keptTurns = [];
-  for (let i = olderTurns.length - 1; i >= 0; i--) {
-    const cost = estimateTurnTokens(olderTurns[i]);
-    if (remaining - cost < 0) break;
-    remaining -= cost;
-    keptTurns.unshift(olderTurns[i]);
-  }
-  const result = [...keptTurns, ...preservedTurns].flat();
-  const trimmed = result.length < messages.length;
-  return [result, trimmed];
-}
-function buildApiMessages(systemPrompt, history) {
-  return [
-    { role: "system", content: systemPrompt },
-    ...history
-  ];
-}
-function formatUsageSummary(usage) {
-  const prompt = usage.promptTokens.toLocaleString();
-  const completion = usage.completionTokens.toLocaleString();
-  const total = (usage.promptTokens + usage.completionTokens).toLocaleString();
-  let summary = `\u{1F4E5} ${prompt} + \u{1F4E4} ${completion} = \u{1F4E6} ${total} tokens`;
-  if (usage.cachedPromptTokens && usage.cachedPromptTokens > 0) {
-    const cacheRate = (usage.cachedPromptTokens / usage.promptTokens * 100).toFixed(1);
-    summary += ` \u2502 \u{1F5C4}\uFE0F \u7F13\u5B58\u547D\u4E2D ${cacheRate}%`;
-  }
-  return summary;
-}
-
 // src/ui/HighlightedText.tsx
 import { Box as Box4, Text as Text5 } from "ink";
 
@@ -1801,23 +1718,6 @@ function HighlightedText({ children: text }) {
   return /* @__PURE__ */ jsx4(Box4, { flexDirection: "column", children: rendered });
 }
 
-// src/ui/reasoning-utils.ts
-var DEFAULT_REASONING_MAX_LINES = 8;
-function joinReasoningSegments(segments) {
-  return segments.map((s) => s.trim()).filter((s) => s.length > 0).join("\n");
-}
-function truncateReasoningLines(text, maxLines) {
-  const lines = text.split("\n");
-  if (lines.length <= maxLines) {
-    return { visible: text, hiddenLines: 0, totalLines: lines.length };
-  }
-  return {
-    visible: lines.slice(-maxLines).join("\n"),
-    hiddenLines: lines.length - maxLines,
-    totalLines: lines.length
-  };
-}
-
 // src/ui/AssistantMessage.tsx
 import { Fragment, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function formatElapsed(ms) {
@@ -1902,7 +1802,6 @@ function AnimatedUsage({ usage, cost }) {
 }
 function AssistantMessage({
   content,
-  reasoning,
   toolCalls,
   isStreaming = false,
   usage,
@@ -1910,57 +1809,41 @@ function AssistantMessage({
   cost,
   model: _model
 }) {
-  if (!content && (!toolCalls || toolCalls.length === 0) && (!reasoning || reasoning.length === 0) && !isStreaming) {
+  if (!content && (!toolCalls || toolCalls.length === 0) && !isStreaming) {
     return null;
   }
-  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginTop: 1, children: [
-    reasoning && reasoning.length > 0 && (() => {
-      const merged = joinReasoningSegments(reasoning);
-      if (!merged) return null;
-      const { visible } = truncateReasoningLines(
-        merged,
-        DEFAULT_REASONING_MAX_LINES
-      );
-      return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "row", marginBottom: 1, children: [
-        /* @__PURE__ */ jsx5(Box5, { width: 4, flexShrink: 0, children: /* @__PURE__ */ jsx5(Text6, { dimColor: true, children: "\u{1F9E0}" }) }),
-        /* @__PURE__ */ jsx5(
-          Box5,
-          {
-            flexGrow: 1,
-            flexDirection: "column",
-            borderStyle: "single",
-            borderColor: "#444444",
-            paddingLeft: 1,
-            paddingRight: 1,
-            children: /* @__PURE__ */ jsx5(Text6, { dimColor: true, wrap: "wrap", children: visible })
-          }
-        )
-      ] });
-    })(),
-    /* @__PURE__ */ jsxs5(Box5, { flexDirection: "row", children: [
-      /* @__PURE__ */ jsx5(Box5, { width: 4, flexShrink: 0, children: /* @__PURE__ */ jsx5(Text6, { bold: true, color: "#ff00ff", children: "\u{1F916}" }) }),
-      /* @__PURE__ */ jsxs5(Box5, { flexGrow: 1, flexDirection: "column", children: [
-        content && /* @__PURE__ */ jsx5(HighlightedText, { children: content }),
-        isStreaming && !content && (!reasoning || reasoning.length === 0) && /* @__PURE__ */ jsx5(Text6, { color: "#888888", children: "..." })
-      ] })
-    ] }),
-    toolCalls && toolCalls.length > 0 && /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", children: toolCalls.map((tc, i) => /* @__PURE__ */ jsx5(ToolCallBlock, { call: tc }, tc.id ?? i)) }),
-    isStreaming && (usage || cost !== void 0) && /* @__PURE__ */ jsx5(Box5, { flexDirection: "row", marginTop: 1, marginLeft: 3, children: /* @__PURE__ */ jsxs5(Text6, { color: "#666666", dimColor: true, children: [
-      "\u23F3 \u5DF2\u6D88\u8017 ",
-      /* @__PURE__ */ jsx5(AnimatedUsage, { usage, cost })
-    ] }) }),
-    !isStreaming && (usage || elapsed !== void 0) && /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginTop: 1, marginLeft: 3, children: [
-      /* @__PURE__ */ jsx5(Text6, { color: "#555555", children: "\u2500".repeat(36) }),
-      /* @__PURE__ */ jsxs5(Box5, { flexDirection: "row", gap: 2, children: [
-        cost !== void 0 && cost > 0 && /* @__PURE__ */ jsxs5(Text6, { color: "yellow", children: [
-          "\u{1F4B0} \u672C\u6B21 ",
-          formatMoney(cost)
-        ] }),
-        elapsed !== void 0 && /* @__PURE__ */ jsxs5(Text6, { color: "cyan", children: [
-          "\u{1F550} ",
-          formatElapsed(elapsed)
-        ] }),
-        usage && /* @__PURE__ */ jsx5(Text6, { color: "#888888", children: formatUsageSummary(usage) })
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "row", marginTop: 1, children: [
+    /* @__PURE__ */ jsx5(Box5, { width: 1, backgroundColor: "#E040FB", flexShrink: 0 }),
+    /* @__PURE__ */ jsxs5(Box5, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs5(Box5, { flexDirection: "row", children: [
+        /* @__PURE__ */ jsx5(Box5, { width: 4, flexShrink: 0, children: /* @__PURE__ */ jsx5(Text6, { bold: true, color: "#ff00ff", children: "\u{1F916}" }) }),
+        /* @__PURE__ */ jsxs5(Box5, { flexGrow: 1, flexDirection: "column", children: [
+          content && /* @__PURE__ */ jsx5(HighlightedText, { children: content }),
+          isStreaming && !content && /* @__PURE__ */ jsx5(Text6, { color: "#888888", children: "..." })
+        ] })
+      ] }),
+      toolCalls && toolCalls.length > 0 && /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", children: toolCalls.map((tc, i) => /* @__PURE__ */ jsx5(ToolCallBlock, { call: tc }, tc.id ?? i)) }),
+      isStreaming && (usage || cost !== void 0) && /* @__PURE__ */ jsx5(Box5, { flexDirection: "row", marginTop: 1, marginLeft: 3, children: /* @__PURE__ */ jsxs5(Text6, { color: "#666666", dimColor: true, children: [
+        "\u23F3 \u5DF2\u6D88\u8017 ",
+        /* @__PURE__ */ jsx5(AnimatedUsage, { usage, cost })
+      ] }) }),
+      !isStreaming && (usage || elapsed !== void 0) && /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginTop: 1, marginLeft: 3, children: [
+        /* @__PURE__ */ jsx5(Text6, { color: "#555555", children: "\u2500".repeat(36) }),
+        /* @__PURE__ */ jsxs5(Box5, { flexDirection: "row", gap: 2, children: [
+          cost !== void 0 && cost > 0 && /* @__PURE__ */ jsxs5(Text6, { color: "yellow", children: [
+            "\u{1F4B0} \u672C\u6B21 ",
+            formatMoney(cost)
+          ] }),
+          elapsed !== void 0 && /* @__PURE__ */ jsxs5(Text6, { color: "cyan", children: [
+            "\u{1F550} ",
+            formatElapsed(elapsed)
+          ] }),
+          usage && /* @__PURE__ */ jsxs5(Text6, { color: "#888888", children: [
+            "\u{1F4E6} ",
+            (usage.promptTokens + usage.completionTokens).toLocaleString(),
+            " tokens"
+          ] })
+        ] })
       ] })
     ] })
   ] });
@@ -2101,7 +1984,7 @@ function TodoListPanel({ items }) {
 // package.json
 var package_default = {
   name: "dskcode",
-  version: "0.1.36",
+  version: "0.1.37",
   repository: {
     type: "git",
     url: "git+https://github.com/Awu12277/deepseek-agent-cli/tree/main"
@@ -2312,6 +2195,78 @@ function buildPlanSystemPrompt(opts) {
   return compiledPlanTemplate(buildTemplateVars(opts));
 }
 
+// src/agent/message-builder.ts
+function estimateMessageTokens(msg) {
+  let text = msg.content;
+  if (msg.toolCalls) {
+    for (const tc of msg.toolCalls) {
+      text += tc.name + tc.arguments;
+    }
+  }
+  return estimateTokens(text) + 10;
+}
+function groupIntoTurns(messages) {
+  const turns = [];
+  let current = null;
+  for (const msg of messages) {
+    if (msg.role === "user") {
+      if (current) turns.push(current);
+      current = [msg];
+    } else {
+      if (!current) current = [];
+      current.push(msg);
+    }
+  }
+  if (current && current.length > 0) turns.push(current);
+  return turns;
+}
+function estimateTurnTokens(turn) {
+  let sum = 0;
+  for (const msg of turn) sum += estimateMessageTokens(msg);
+  return sum;
+}
+function trimMessages(messages, opts) {
+  const meta = getModelMeta(opts.model);
+  const maxInputTokens = meta.contextWindow - opts.reservedForOutput;
+  const systemTokens = estimateTokens(opts.systemPrompt);
+  let remaining = maxInputTokens - systemTokens;
+  const turns = groupIntoTurns(messages);
+  const preservedTurns = [];
+  let roundsPreserved = 0;
+  for (let i = turns.length - 1; i >= 0 && roundsPreserved < opts.preserveRecentRounds; i--) {
+    preservedTurns.unshift(turns[i]);
+    roundsPreserved++;
+  }
+  const preserved = preservedTurns.flat();
+  for (const msg of preserved) {
+    remaining -= estimateMessageTokens(msg);
+  }
+  if (remaining < 0) {
+    while (preservedTurns.length > 1 && remaining < 0) {
+      const dropped = preservedTurns.shift();
+      remaining += estimateTurnTokens(dropped);
+    }
+    return [preservedTurns.flat(), true];
+  }
+  const olderTurns = turns.slice(0, turns.length - preservedTurns.length);
+  const keptTurns = [];
+  for (let i = olderTurns.length - 1; i >= 0; i--) {
+    const cost = estimateTurnTokens(olderTurns[i]);
+    if (remaining - cost < 0) break;
+    remaining -= cost;
+    keptTurns.unshift(olderTurns[i]);
+  }
+  const result = [...keptTurns, ...preservedTurns].flat();
+  const trimmed = result.length < messages.length;
+  return [result, trimmed];
+}
+function buildApiMessages(systemPrompt, history) {
+  return [
+    { role: "system", content: systemPrompt },
+    ...history
+  ];
+}
+
 // src/tool/registry.ts
 var ToolRegistry = class {
   #tools = /* @__PURE__ */ new Map();
@@ -5952,10 +5907,53 @@ function getGradientColors(text, phase, stops) {
   });
 }
 
+// src/ui/reasoning-utils.ts
+function joinReasoningSegments(segments) {
+  return segments.map((s) => s.trim()).filter((s) => s.length > 0).join("\n");
+}
+
+// src/ui/AnimatedLogo.tsx
+import { Box as Box10, Text as Text11 } 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";
+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",
+  "\u2580\u2588     \u2580\u2580\u2588\u2588\u2588\u2584 \u2588\u2588\u2588\u2588",
+  " \u2580\u2588\u2584    \u2584 \u2580\u2588\u2588\u2588\u2588\u2588\u2580",
+  "   \u2580\u2580\u2580\u2588\u2588\u2588\u2588\u2588\u2584\u2580\u2580\u2580\u2580\u2580"
+];
+var LOGO_WIDTH = 22;
+var MOVE_INTERVAL_MS = 120;
+var LOGO_COLOR = "#6185f6";
+function AnimatedLogo({ panelWidth }) {
+  const posRef = useRef3(panelWidth);
+  const [renderTick, setRenderTick] = useState4(0);
+  useEffect4(() => {
+    const timer = setInterval(() => {
+      posRef.current -= 1;
+      if (posRef.current <= -LOGO_WIDTH) {
+        posRef.current = panelWidth;
+      }
+      setRenderTick((t) => t + 1);
+    }, MOVE_INTERVAL_MS);
+    return () => clearInterval(timer);
+  }, [panelWidth]);
+  const pos = posRef.current;
+  if (pos >= panelWidth) return null;
+  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: [
+    " ".repeat(padding),
+    line.slice(leftClip, LOGO_WIDTH - rightClip)
+  ] }, i)) });
+}
+
 // src/ui/ChatSession.tsx
-import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 var PHASE_CONFIG = {
-  thinking: { icon: "\u{1F9E0}", label: "\u6DF1\u5EA6\u601D\u8003\u4E2D", color: "#ff9800" },
+  thinking: { icon: "\u{1F9E0}", label: "\u601D\u8003\u4E2D", color: "#ff9800" },
   generating: { icon: "\u2728", label: "\u751F\u6210\u4E2D", color: "#00ff41" },
   calling_tools: { icon: "\u{1F6E0}", label: "\u8C03\u7528\u5DE5\u5177", color: "#f59e0b" },
   executing_tools: { icon: "\u26A1", label: "\u6267\u884C\u5DE5\u5177", color: "#00ffff" }
@@ -6061,42 +6059,44 @@ function ChatSession({
   onLaunchStock
 }) {
   const termWidth = typeof process.stdout.columns === "number" ? process.stdout.columns : 80;
-  const dividerWidth = Math.max(termWidth - 2, 1);
-  const [offset, setOffset] = useState4(0);
-  const [displayMessages, setDisplayMessages] = useState4([]);
-  const [staticKey, setStaticKey] = useState4(0);
-  const [input, setInput] = useState4("");
-  const [balance, setBalance] = useState4(null);
-  const [balanceLoading, setBalanceLoading] = useState4(false);
-  const [todayCost, setTodayCost] = useState4(null);
-  const [isStreaming, setIsStreaming] = useState4(false);
-  const [streamingPhase, setStreamingPhase] = useState4(null);
-  const [streamingPlaceholder, setStreamingPlaceholder] = useState4("");
-  const [idlePlaceholder, setIdlePlaceholder] = useState4(
+  const contentAreaWidth = termWidth - 2;
+  const leftPanelWidth = Math.max(Math.floor(contentAreaWidth / 3), 30);
+  const rightContentWidth = contentAreaWidth - leftPanelWidth - 1;
+  const [offset, setOffset] = useState5(0);
+  const [displayMessages, setDisplayMessages] = useState5([]);
+  const [staticKey, setStaticKey] = useState5(0);
+  const [input, setInput] = useState5("");
+  const [balance, setBalance] = useState5(null);
+  const [balanceLoading, setBalanceLoading] = useState5(false);
+  const [todayCost, setTodayCost] = useState5(null);
+  const [isStreaming, setIsStreaming] = useState5(false);
+  const [streamingPhase, setStreamingPhase] = useState5(null);
+  const [streamingPlaceholder, setStreamingPlaceholder] = useState5("");
+  const [idlePlaceholder, setIdlePlaceholder] = useState5(
     () => pickRandom(IDLE_PLACEHOLDERS)
   );
-  const [gradientColors, setGradientColors] = useState4([]);
-  const gradientPhaseRef = useRef3(0);
-  const [streamingGradientColors, setStreamingGradientColors] = useState4([]);
-  const streamingPhaseRef = useRef3(0);
-  const [currentContent, setCurrentContent] = useState4("");
-  const [currentReasoning, setCurrentReasoning] = useState4([]);
-  const [currentToolCalls, setCurrentToolCalls] = useState4([]);
-  const [_currentUsage, setCurrentUsage] = useState4(void 0);
-  const [_currentElapsed, setCurrentElapsed] = useState4(void 0);
-  const [_currentCost, setCurrentCost] = useState4(void 0);
-  const [activeModel, setActiveModel] = useState4(model);
-  const [_streamingModel, setStreamingModel] = useState4(void 0);
-  const [streamError, setStreamError] = useState4(void 0);
-  const [todoSnapshot, setTodoSnapshot] = useState4([]);
-  const [todoPanelVisible, setTodoPanelVisible] = useState4(true);
-  const todoHideTimerRef = useRef3(null);
-  const lastDoneBatchMaxIdRef = useRef3(-1);
-  const [sessionMode, setSessionMode] = useState4("code");
-  const [thinkingEnabled, setThinkingEnabled] = useState4(true);
-  const [thinkingEffort, setThinkingEffort] = useState4("high");
-  const [responseFormat] = useState4("text");
-  const [toolChoice, setToolChoice] = useState4(
+  const [gradientColors, setGradientColors] = useState5([]);
+  const gradientPhaseRef = useRef4(0);
+  const [streamingGradientColors, setStreamingGradientColors] = useState5([]);
+  const streamingPhaseRef = useRef4(0);
+  const [currentContent, setCurrentContent] = useState5("");
+  const [currentReasoning, setCurrentReasoning] = useState5([]);
+  const [currentToolCalls, setCurrentToolCalls] = useState5([]);
+  const [_currentUsage, setCurrentUsage] = useState5(void 0);
+  const [_currentElapsed, setCurrentElapsed] = useState5(void 0);
+  const [_currentCost, setCurrentCost] = useState5(void 0);
+  const [activeModel, setActiveModel] = useState5(model);
+  const [_streamingModel, setStreamingModel] = useState5(void 0);
+  const [streamError, setStreamError] = useState5(void 0);
+  const [todoSnapshot, setTodoSnapshot] = useState5([]);
+  const [todoPanelVisible, setTodoPanelVisible] = useState5(true);
+  const todoHideTimerRef = useRef4(null);
+  const lastDoneBatchMaxIdRef = useRef4(-1);
+  const [sessionMode, setSessionMode] = useState5("code");
+  const [thinkingEnabled, setThinkingEnabled] = useState5(true);
+  const [thinkingEffort, setThinkingEffort] = useState5("high");
+  const [responseFormat] = useState5("text");
+  const [toolChoice, setToolChoice] = useState5(
     void 0
   );
   const sessionCost = useMemo(() => {
@@ -6108,40 +6108,41 @@ function ChatSession({
     }, 0);
   }, [displayMessages]);
   const hasConversationStarted = displayMessages.length > 0;
+  const hasReasoningPanel = isStreaming && currentReasoning.length > 0;
   const cmdTips = Array.from(getRegisteredCommands()).filter(([name]) => name !== "/exit" && name !== "/quit").map(([name, cmd]) => ({ name, desc: cmd.desc }));
-  const [cmdTipIndex, setCmdTipIndex] = useState4(0);
-  const [cmdTipGradientColors, setCmdTipGradientColors] = useState4([]);
-  const cmdTipPhaseRef = useRef3(0);
-  const [skillSelectIndex, setSkillSelectIndex] = useState4(0);
-  const [fileSelectIndex, setFileSelectIndex] = useState4(0);
-  const [inputKey, setInputKey] = useState4(0);
-  const [rewindSelecting, setRewindSelecting] = useState4(false);
-  const [rewindSelectIndex, setRewindSelectIndex] = useState4(0);
-  const [rewindList, setRewindList] = useState4([]);
-  const [rewinding, setRewinding] = useState4(false);
-  const [rewindHintPhase, setRewindHintPhase] = useState4(
+  const [cmdTipIndex, setCmdTipIndex] = useState5(0);
+  const [cmdTipGradientColors, setCmdTipGradientColors] = useState5([]);
+  const cmdTipPhaseRef = useRef4(0);
+  const [skillSelectIndex, setSkillSelectIndex] = useState5(0);
+  const [fileSelectIndex, setFileSelectIndex] = useState5(0);
+  const [inputKey, setInputKey] = useState5(0);
+  const [rewindSelecting, setRewindSelecting] = useState5(false);
+  const [rewindSelectIndex, setRewindSelectIndex] = useState5(0);
+  const [rewindList, setRewindList] = useState5([]);
+  const [rewinding, setRewinding] = useState5(false);
+  const [rewindHintPhase, setRewindHintPhase] = useState5(
     "idle"
   );
-  const currentRoundModifiedRef = useRef3(false);
-  const rewindHintTimerRef = useRef3(null);
-  const [selectingModel, setSelectingModel] = useState4(false);
-  const [modelSelectIndex, setModelSelectIndex] = useState4(0);
+  const currentRoundModifiedRef = useRef4(false);
+  const rewindHintTimerRef = useRef4(null);
+  const [selectingModel, setSelectingModel] = useState5(false);
+  const [modelSelectIndex, setModelSelectIndex] = useState5(0);
   const modelOptions = ["deepseek-v4-flash", "deepseek-v4-pro"];
-  const sessionRef = useRef3(null);
-  const abortRef = useRef3(null);
-  const currentContentRef = useRef3("");
-  const currentReasoningRef = useRef3([]);
-  const currentToolCallsRef = useRef3([]);
-  const currentUsageRef = useRef3(void 0);
-  const currentElapsedRef = useRef3(void 0);
-  const currentCostRef = useRef3(void 0);
-  const currentModelRef = useRef3(void 0);
-  const streamErrorRef = useRef3(void 0);
-  useEffect4(() => {
+  const sessionRef = useRef4(null);
+  const abortRef = useRef4(null);
+  const currentContentRef = useRef4("");
+  const currentReasoningRef = useRef4([]);
+  const currentToolCallsRef = useRef4([]);
+  const currentUsageRef = useRef4(void 0);
+  const currentElapsedRef = useRef4(void 0);
+  const currentCostRef = useRef4(void 0);
+  const currentModelRef = useRef4(void 0);
+  const streamErrorRef = useRef4(void 0);
+  useEffect5(() => {
     setSkillSelectIndex(0);
     setFileSelectIndex(0);
   }, [input]);
-  useEffect4(() => {
+  useEffect5(() => {
     return () => {
       if (rewindHintTimerRef.current) {
         clearTimeout(rewindHintTimerRef.current);
@@ -6149,7 +6150,7 @@ function ChatSession({
       }
     };
   }, []);
-  useEffect4(() => {
+  useEffect5(() => {
     if (todoHideTimerRef.current) {
       clearTimeout(todoHideTimerRef.current);
       todoHideTimerRef.current = null;
@@ -6435,14 +6436,14 @@ function ChatSession({
       ]
     )
   );
-  useEffect4(() => {
+  useEffect5(() => {
     if (cmdTips.length <= 1) return;
     const timer = setInterval(() => {
       setCmdTipIndex((prev) => (prev + 1) % cmdTips.length);
     }, 2e3);
     return () => clearInterval(timer);
   }, [cmdTips.length]);
-  useEffect4(() => {
+  useEffect5(() => {
     const tip = cmdTips[cmdTipIndex % cmdTips.length];
     if (!tip) {
       setCmdTipGradientColors([]);
@@ -6459,13 +6460,13 @@ function ChatSession({
     }, GRADIENT_ANIMATION.cmdTipInterval);
     return () => clearInterval(interval);
   }, [cmdTipIndex, cmdTips.length]);
-  useEffect4(() => {
+  useEffect5(() => {
     const timer = setInterval(() => {
       setOffset((prev) => (prev + 1) % CYBER_PALETTE.length);
     }, 500);
     return () => clearInterval(timer);
   }, []);
-  useEffect4(() => {
+  useEffect5(() => {
     if (!apiKey || !baseUrl) return;
     const provider = createProvider({
       name: "deepseek",
@@ -6484,7 +6485,7 @@ function ChatSession({
       sessionRef.current = null;
     };
   }, [apiKey, baseUrl, activeModel, externalCostTracker]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (!apiKey || !baseUrl) return;
     let cancelled = false;
     setBalanceLoading(true);
@@ -6509,7 +6510,7 @@ function ChatSession({
       cancelled = true;
     };
   }, [apiKey, baseUrl]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (!externalCostTracker) return;
     let cancelled = false;
     let timer;
@@ -6527,7 +6528,7 @@ function ChatSession({
       if (timer) clearInterval(timer);
     };
   }, [externalCostTracker]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (isStreaming || !idlePlaceholder) {
       setGradientColors([]);
       return;
@@ -6546,7 +6547,7 @@ function ChatSession({
     }, GRADIENT_ANIMATION.idleInterval);
     return () => clearInterval(interval);
   }, [isStreaming, idlePlaceholder]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (!isStreaming || !streamingPlaceholder) {
       setStreamingGradientColors([]);
       return;
@@ -6996,251 +6997,274 @@ function ChatSession({
       rewinding
     ]
   );
-  useEffect4(() => {
+  useEffect5(() => {
     if (!isStreaming && externalCostTracker) {
       setTodayCost(externalCostTracker.todayTotalCost);
     }
   }, [isStreaming, externalCostTracker]);
-  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", paddingLeft: 1, paddingRight: 1, children: [
-    !hasConversationStarted && /* @__PURE__ */ jsxs10(Box10, { flexDirection: "row", marginBottom: 1, children: [
-      /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", marginRight: 4, children: [
-        LOGO_LINES.map((line, i) => {
-          const colorIndex = (i + offset) % CYBER_PALETTE.length;
-          return /* @__PURE__ */ jsx10(Box10, { children: /* @__PURE__ */ jsx10(Text11, { bold: true, color: CYBER_PALETTE[colorIndex], children: line }) }, i);
-        }),
-        /* @__PURE__ */ jsx10(Box10, { marginTop: 1, children: /* @__PURE__ */ jsxs10(Text11, { color: "#808080", children: [
-          "  \u{1F4E6} v",
-          VERSION
-        ] }) })
-      ] }),
-      /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", justifyContent: "center", children: [
-        /* @__PURE__ */ jsxs10(Text11, { color: "#00ff41", children: [
-          "  \u2714 ",
-          "\u5DF2\u5C31\u7EEA ",
-          skillCount,
-          " \u4E2A Skill"
-        ] }),
-        /* @__PURE__ */ jsxs10(Text11, { color: "#00ffff", children: [
-          "  \u2139 ",
-          "\u5DF2\u5C31\u7EEA ",
-          toolCount,
-          " \u4E2A\u5DE5\u5177"
-        ] }),
-        /* @__PURE__ */ jsxs10(Text11, { color: "#00ffff", children: [
-          "  \u{1F527} \u6A21\u578B ",
-          SUPPORTED_MODELS[activeModel]?.displayName ?? activeModel
-        ] }),
-        thinkingEnabled && /* @__PURE__ */ jsxs10(Text11, { color: "#ff9800", children: [
-          "  \u{1F9E0} \u6DF1\u5EA6\u601D\u8003 ",
-          thinkingEffort === "max" ? "Max" : "High"
-        ] }),
-        sessionMode === "plan" && /* @__PURE__ */ jsx10(Text11, { color: "#ff69b4", bold: true, children: "  \u{1F4CB} \u8BA1\u5212\u6A21\u5F0F" }),
-        responseFormat === "json_object" && /* @__PURE__ */ jsx10(Text11, { color: "#4caf50", children: "  \u{1F4C4} JSON" }),
-        toolChoice !== void 0 && /* @__PURE__ */ jsxs10(Text11, { color: "#e91e63", children: [
-          "  \u{1F6E0} ",
-          toolChoice === "none" ? "\u7981\u6B62\u5DE5\u5177" : toolChoice === "required" ? "\u5F3A\u5236\u5DE5\u5177" : ""
-        ] }),
-        cmdTips.length > 0 && (() => {
-          const tip = cmdTips[cmdTipIndex % cmdTips.length];
-          if (!tip) return null;
-          const text = `${tip.name} ${tip.desc}`;
-          return /* @__PURE__ */ jsxs10(Text11, { children: [
-            /* @__PURE__ */ jsx10(Text11, { color: "#808080", children: "  \u{1F4A1} " }),
-            cmdTipGradientColors.length > 0 ? text.split("").map((ch, i) => /* @__PURE__ */ jsx10(Text11, { color: cmdTipGradientColors[i] || void 0, children: ch }, i)) : /* @__PURE__ */ jsx10(Text11, { color: "#808080", children: text })
-          ] });
-        })(),
-        verbose ? /* @__PURE__ */ jsx10(Text11, { color: "#ff1493", children: "  \u26A1 Verbose" }) : null
-      ] }),
-      /* @__PURE__ */ jsxs10(
-        Box10,
+  return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", paddingLeft: 1, paddingRight: 1, children: [
+    /* @__PURE__ */ jsxs11(Box11, { flexDirection: "row", flexGrow: 1, children: [
+      /* @__PURE__ */ jsx11(
+        Box11,
         {
-          flexGrow: 1,
+          width: leftPanelWidth,
+          flexShrink: 0,
           flexDirection: "column",
-          justifyContent: "center",
-          alignItems: "flex-end",
-          children: [
-            balanceLoading && balance === null ? /* @__PURE__ */ jsx10(Text11, { color: "yellow", children: "  \u23F3 \u67E5\u8BE2\u4F59\u989D..." }) : balance !== null ? /* @__PURE__ */ jsxs10(Box10, { flexDirection: "row", children: [
-              /* @__PURE__ */ jsx10(Text11, { color: "yellow", children: "\u{1F4B0} " }),
-              /* @__PURE__ */ jsxs10(Text11, { color: "yellow", children: [
-                "\u4F59\u989D \xA5",
-                balance.toFixed(2)
-              ] })
-            ] }) : null,
-            todayCost !== null ? /* @__PURE__ */ jsxs10(Box10, { flexDirection: "row", children: [
-              /* @__PURE__ */ jsx10(Text11, { color: "cyan", children: "\u{1F4CA} " }),
-              /* @__PURE__ */ jsxs10(Text11, { color: "cyan", children: [
-                "\u4ECA\u65E5 \xA5",
-                todayCost.toFixed(2)
-              ] })
-            ] }) : null
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", marginTop: 1, children: [
-      /* @__PURE__ */ jsx10(Static, { items: displayMessages, children: (msg, i) => {
-        if (msg.role === "user") {
-          return /* @__PURE__ */ jsxs10(Box10, { marginTop: 1, children: [
-            /* @__PURE__ */ jsx10(Box10, { width: 4, flexShrink: 0, children: /* @__PURE__ */ jsx10(Text11, { bold: true, color: "#00ff41", children: "\u{1F464}" }) }),
-            /* @__PURE__ */ jsx10(Box10, { flexGrow: 1, children: /* @__PURE__ */ jsx10(Text11, { wrap: "wrap", children: msg.content }) })
-          ] }, i);
-        }
-        if (msg.role === "tool") {
-          return /* @__PURE__ */ jsxs10(Box10, { marginTop: 1, flexDirection: "column", children: [
-            /* @__PURE__ */ jsxs10(Box10, { flexDirection: "row", children: [
-              /* @__PURE__ */ jsx10(Box10, { width: 4, flexShrink: 0, children: /* @__PURE__ */ jsx10(Text11, { dimColor: true, children: "\u{1F527}" }) }),
-              /* @__PURE__ */ jsx10(Box10, { flexGrow: 1, children: /* @__PURE__ */ jsx10(Text11, { dimColor: true, wrap: "wrap", children: msg.content }) })
-            ] }),
-            msg.diff && /* @__PURE__ */ jsx10(DiffPreview, { diff: msg.diff })
-          ] }, i);
-        }
-        const detail = msg.assistantDetail;
-        return /* @__PURE__ */ jsx10(
-          AssistantMessage,
-          {
-            content: msg.content,
-            reasoning: detail?.reasoning,
-            toolCalls: detail?.toolCalls,
-            isStreaming: false,
-            usage: detail?.usage,
-            elapsed: detail?.elapsed,
-            cost: detail?.cost,
-            model: detail?.model
-          },
-          i
-        );
-      } }, staticKey),
-      isStreaming && /* @__PURE__ */ jsx10(
-        AssistantMessage,
-        {
-          content: currentContent,
-          reasoning: currentReasoning,
-          toolCalls: currentToolCalls.length > 0 ? currentToolCalls : void 0,
-          isStreaming: true,
-          usage: _currentUsage,
-          cost: _currentCost,
-          model: _streamingModel
+          children: /* @__PURE__ */ jsx11(
+            Box11,
+            {
+              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: [
+                  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);
+                  }),
+                  /* @__PURE__ */ jsx11(Box11, { marginTop: 1, children: /* @__PURE__ */ jsxs11(Text12, { color: "#808080", children: [
+                    "\u{1F4E6} v",
+                    VERSION
+                  ] }) }),
+                  /* @__PURE__ */ jsxs11(Box11, { marginTop: 1, flexDirection: "column", alignItems: "center", children: [
+                    /* @__PURE__ */ jsxs11(Text12, { color: "#00ff41", children: [
+                      "\u2714 ",
+                      skillCount,
+                      " Skills"
+                    ] }),
+                    /* @__PURE__ */ jsxs11(Text12, { color: "#00ffff", children: [
+                      "\u2139 ",
+                      toolCount,
+                      " \u5DE5\u5177"
+                    ] }),
+                    /* @__PURE__ */ jsxs11(Text12, { color: "#00ffff", children: [
+                      "\u{1F527} ",
+                      SUPPORTED_MODELS[activeModel]?.displayName ?? activeModel
+                    ] }),
+                    thinkingEnabled && /* @__PURE__ */ jsxs11(Text12, { 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" })
+                  ] }),
+                  /* @__PURE__ */ jsxs11(Box11, { marginTop: 1, flexDirection: "column", alignItems: "center", children: [
+                    balance !== null ? /* @__PURE__ */ jsxs11(Text12, { 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: [
+                      "\u{1F4CA} \u4ECA\u65E5 \xA5",
+                      todayCost.toFixed(2)
+                    ] })
+                  ] }),
+                  verbose && /* @__PURE__ */ jsx11(Text12, { color: "#ff1493", children: "\u26A1 Verbose" })
+                ] })
+              ) : hasReasoningPanel ? (
+                /* ===== 流式思考中：思考链 ===== */
+                /* @__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: joinReasoningSegments(currentReasoning) })
+                ] })
+              ) : (
+                /* ===== 对话中（无思考）：会话状态面板 ===== */
+                /* @__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: [
+                      "\u{1F4DD} \u6D88\u606F ",
+                      displayMessages.length,
+                      " \u6761"
+                    ] }),
+                    sessionCost > 0 && /* @__PURE__ */ jsxs11(Text12, { color: "cyan", children: [
+                      "\u{1F4B0} \u4F1A\u8BDD \xA5",
+                      sessionCost.toFixed(4)
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs11(Box11, { marginTop: 1, flexDirection: "column", alignItems: "center", children: [
+                    /* @__PURE__ */ jsxs11(Text12, { color: "#808080", children: [
+                      "\u{1F527} ",
+                      SUPPORTED_MODELS[activeModel]?.displayName ?? activeModel
+                    ] }),
+                    thinkingEnabled && /* @__PURE__ */ jsxs11(Text12, { color: "#ff9800", children: [
+                      "\u{1F9E0} ",
+                      thinkingEffort === "max" ? "Max" : "High"
+                    ] })
+                  ] }),
+                  balance !== null && /* @__PURE__ */ jsx11(Box11, { marginTop: 1, children: /* @__PURE__ */ jsxs11(Text12, { color: "yellow", children: [
+                    "\u{1F4B0} \xA5",
+                    balance.toFixed(2)
+                  ] }) })
+                ] })
+              )
+            }
+          )
         }
       ),
-      !isStreaming && streamError && /* @__PURE__ */ jsx10(Box10, { marginTop: 1, marginLeft: 3, children: /* @__PURE__ */ jsxs10(Text11, { color: "red", children: [
-        "\u26A0 ",
-        streamError
-      ] }) })
-    ] }),
-    todoPanelVisible && todoSnapshot.length > 0 && /* @__PURE__ */ jsx10(TodoListPanel, { items: todoSnapshot }),
-    selectingModel ? /* @__PURE__ */ jsxs10(Box10, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx10(Text11, { color: "#00ffff", dimColor: true, children: "\u2500".repeat(dividerWidth) }),
-      /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", marginTop: 1, children: [
-        /* @__PURE__ */ jsx10(Text11, { 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__ */ jsxs10(Box10, { children: [
-            /* @__PURE__ */ jsxs10(Text11, { color: isSelected ? "#00ff41" : void 0, bold: isSelected, children: [
-              marker,
-              meta.displayName,
-              suffix
-            ] }),
-            isSelected && /* @__PURE__ */ jsxs10(Text11, { color: "#808080", children: [
-              " \u2014 ",
-              id
-            ] })
-          ] }, id);
-        }),
-        /* @__PURE__ */ jsx10(Box10, { marginTop: 1, children: /* @__PURE__ */ jsx10(Text11, { color: "#808080", dimColor: true, children: "\u2191\u2193 \u9009\u62E9 \xB7 Enter \u786E\u8BA4 \xB7 Esc \u53D6\u6D88" }) })
-      ] }),
-      /* @__PURE__ */ jsx10(Text11, { color: "#00ffff", dimColor: true, children: "\u2500".repeat(dividerWidth) })
-    ] }) : rewindSelecting ? /* @__PURE__ */ jsxs10(Box10, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx10(Text11, { color: "#00ffff", dimColor: true, children: "\u2500".repeat(dividerWidth) }),
-      /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", marginTop: 1, children: [
-        /* @__PURE__ */ jsx10(Text11, { 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__ */ jsx10(Box10, { children: /* @__PURE__ */ jsxs10(Text11, { color: isSelected ? "#ff9800" : void 0, bold: isSelected, children: [
-            marker,
-            "#",
-            i + 1,
+      /* @__PURE__ */ jsx11(Box11, { width: 1, flexShrink: 0, children: /* @__PURE__ */ jsx11(Text12, { color: "#444", children: "\u2502" }) }),
+      /* @__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: [
+            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 })
+              ] });
+            })(),
+            /* @__PURE__ */ jsx11(Box11, { flexGrow: 1 }),
+            /* @__PURE__ */ jsx11(AnimatedLogo, { panelWidth: rightContentWidth })
+          ] }),
+          /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", marginTop: 1, children: [
+            /* @__PURE__ */ jsx11(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 }) })
+                  ] }) })
+                ] }, 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 }) })
+                    ] }),
+                    msg.diff && /* @__PURE__ */ jsx11(DiffPreview, { diff: msg.diff })
+                  ] })
+                ] }, i);
+              }
+              const detail = msg.assistantDetail;
+              return /* @__PURE__ */ jsx11(
+                AssistantMessage,
+                {
+                  content: msg.content,
+                  toolCalls: detail?.toolCalls,
+                  isStreaming: false,
+                  usage: detail?.usage,
+                  elapsed: detail?.elapsed,
+                  cost: detail?.cost,
+                  model: detail?.model
+                },
+                i
+              );
+            } }, staticKey),
+            isStreaming && /* @__PURE__ */ jsx11(
+              AssistantMessage,
+              {
+                content: currentContent,
+                toolCalls: currentToolCalls.length > 0 ? currentToolCalls : void 0,
+                isStreaming: true,
+                usage: _currentUsage,
+                cost: _currentCost,
+                model: _streamingModel
+              }
+            ),
+            !isStreaming && streamError && /* @__PURE__ */ jsx11(Box11, { marginTop: 1, marginLeft: 3, children: /* @__PURE__ */ jsxs11(Text12, { color: "red", children: [
+              "\u26A0 ",
+              streamError
+            ] }) })
+          ] }),
+          todoPanelVisible && todoSnapshot.length > 0 && /* @__PURE__ */ jsx11(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" }),
+            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: [
+                  marker,
+                  meta.displayName,
+                  suffix
+                ] }),
+                isSelected && /* @__PURE__ */ jsxs11(Text12, { 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__ */ 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" }),
+            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: [
+                marker,
+                "#",
+                i + 1,
+                " ",
+                time,
+                " `",
+                preview,
+                tag,
+                "`"
+              ] }) }, 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__ */ 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: [
+            PHASE_CONFIG[streamingPhase].icon,
             " ",
-            time,
-            " `",
-            preview,
-            tag,
-            "`"
-          ] }) }, cp2.index);
-        }),
-        /* @__PURE__ */ jsx10(Box10, { marginTop: 1, children: /* @__PURE__ */ jsx10(Text11, { color: "#808080", dimColor: true, children: "\u2191\u2193 \u9009\u62E9 \xB7 Enter \u786E\u8BA4 \xB7 Esc \u53D6\u6D88" }) })
-      ] }),
-      /* @__PURE__ */ jsx10(Text11, { color: "#00ffff", dimColor: true, children: "\u2500".repeat(dividerWidth) })
-    ] }) : /* @__PURE__ */ jsxs10(Fragment2, { children: [
-      (hasConversationStarted || sessionMode === "plan") && isStreaming && streamingPhase ? /* @__PURE__ */ jsx10(Box10, { marginTop: 1, justifyContent: "center", children: /* @__PURE__ */ jsxs10(Text11, { bold: true, color: PHASE_CONFIG[streamingPhase].color, children: [
-        PHASE_CONFIG[streamingPhase].icon,
-        " ",
-        PHASE_CONFIG[streamingPhase].label,
-        " ",
-        /* @__PURE__ */ jsx10(InkSpinner3, { type: "dots" })
-      ] }) }) : rewindHintPhase === "visible" ? (
-        // 本轮修改了文件时，流式结束后 2s 在原位置展示 /rewind 提示
-        // 一直保留到下次对话开始，与 /rewind 1（最新检查点）配套
-        /* @__PURE__ */ jsx10(Box10, { marginTop: 1, justifyContent: "center", children: /* @__PURE__ */ jsx10(Text11, { color: "#808080", children: "\u21A9 /rewind 1 \u53EF\u64A4\u56DE\u672C\u6B21\u4FEE\u6539" }) })
-      ) : null,
-      /* @__PURE__ */ jsx10(Box10, { marginTop: 1, children: hasConversationStarted || sessionMode === "plan" ? /* @__PURE__ */ jsxs10(
-        Text11,
-        {
-          color: sessionMode === "plan" ? "#ff69b4" : "#00ffff",
-          dimColor: sessionMode !== "plan",
-          children: [
-            /* @__PURE__ */ jsx10(Text11, { children: sessionMode === "plan" ? "\u2500".repeat(Math.max(dividerWidth - 48, 1)) : "\u2500".repeat(Math.max(dividerWidth - 35, 10)) }),
-            balance !== null && /* @__PURE__ */ jsxs10(Text11, { color: "yellow", children: [
-              " \u{1F4B0} \u4F59\u989D \xA5",
-              balance.toFixed(2)
-            ] }),
-            isStreaming ? /* @__PURE__ */ jsxs10(Text11, { color: "cyan", children: [
-              "  \u{1F4CA} \u672C\u6B21 \xA5",
-              sessionCost > 0 ? sessionCost.toFixed(4) + " " : "",
-              /* @__PURE__ */ jsx10(InkSpinner3, { type: "dots" })
-            ] }) : sessionCost > 0 ? /* @__PURE__ */ jsxs10(Text11, { color: "cyan", children: [
-              "  \u{1F4CA} \u672C\u6B21 \xA5",
-              sessionCost.toFixed(4)
-            ] }) : null,
-            sessionMode === "plan" && /* @__PURE__ */ jsx10(Text11, { color: "#ff69b4", bold: true, children: "  \u{1F4CB} \u8BA1\u5212\u6A21\u5F0F" })
-          ]
-        }
-      ) : /* @__PURE__ */ jsx10(Text11, { color: "#00ffff", dimColor: true, children: "\u2500".repeat(dividerWidth) }) }),
-      /* @__PURE__ */ jsxs10(Box10, { children: [
-        /* @__PURE__ */ jsx10(Box10, { width: 4, flexShrink: 0, children: /* @__PURE__ */ jsx10(Text11, { bold: true, color: "#00ff41", children: "\u26A1" }) }),
-        /* @__PURE__ */ jsx10(Box10, { flexGrow: 1, children: !input && !isStreaming && idlePlaceholder && gradientColors.length > 0 ? /* @__PURE__ */ jsx10(Text11, { children: idlePlaceholder.split("").map((ch, i) => /* @__PURE__ */ jsx10(Text11, { color: gradientColors[i] ?? void 0, children: ch }, i)) }) : !input && isStreaming && streamingPlaceholder && streamingGradientColors.length > 0 ? /* @__PURE__ */ jsx10(Text11, { children: streamingPlaceholder.split("").map((ch, i) => /* @__PURE__ */ jsx10(Text11, { color: streamingGradientColors[i] ?? void 0, children: ch }, i)) }) : /* @__PURE__ */ jsx10(
-          TextInput,
-          {
-            value: input,
-            onChange: setInput,
-            onSubmit: handleSubmit,
-            placeholder: ""
-          },
-          inputKey
-        ) })
-      ] }),
-      /* @__PURE__ */ jsx10(Box10, { children: /* @__PURE__ */ jsx10(Text11, { color: "#00ffff", dimColor: true, children: "\u2500".repeat(dividerWidth) }) }),
-      /* @__PURE__ */ jsx10(SkillSelector, { skills, input, selectedIndex: skillSelectIndex }),
-      /* @__PURE__ */ jsx10(FileSelector, { files, input, selectedIndex: fileSelectIndex })
+            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(
+              TextInput,
+              {
+                value: input,
+                onChange: setInput,
+                onSubmit: handleSubmit,
+                placeholder: ""
+              },
+              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 })
+        ] })
+      ] })
     ] }),
-    doubleCtrlC && !isStreaming && /* @__PURE__ */ jsx10(Box10, { marginTop: 1, children: /* @__PURE__ */ jsx10(Text11, { color: "#ff1493", bold: true, children: "  \u26A0 \u518D\u6309\u4E00\u6B21 Ctrl+C \u9000\u51FA dskcode" }) }),
-    isStreaming && /* @__PURE__ */ jsx10(Box10, { marginTop: 1, children: /* @__PURE__ */ jsx10(Text11, { color: "yellow", dimColor: true, children: "  \u63D0\u793A\uFF1A\u6309 Ctrl+C \u53D6\u6D88\u5F53\u524D\u8BF7\u6C42" }) })
+    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" }) })
   ] });
 }
 
 // src/ui/GamePicker.tsx
-import { Box as Box11, Text as Text12, useInput as useInput2 } from "ink";
-import { useState as useState5, useCallback as useCallback3 } from "react";
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Box as Box12, Text as Text13, 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";
 function GamePicker({ games, onSelect, onExit, onBackToChat }) {
-  const [selectedIndex, setSelectedIndex] = useState5(0);
+  const [selectedIndex, setSelectedIndex] = useState6(0);
   const exitAction = onBackToChat ?? onExit ?? (() => process.exit(0));
   const { doubleCtrlC, handleCtrlC } = useDoubleCtrlC(exitAction);
   useInput2(
@@ -7266,18 +7290,18 @@ function GamePicker({ games, onSelect, onExit, onBackToChat }) {
       [games, selectedIndex, onSelect, onExit, onBackToChat, handleCtrlC]
     )
   );
-  return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx11(Box11, { marginBottom: 1, children: /* @__PURE__ */ jsx11(Text12, { bold: true, color: "#00ffff", children: "\u{1F3AE} \u6E38\u620F\u5217\u8868" }) }),
-    /* @__PURE__ */ jsx11(Box11, { flexDirection: "column", children: games.map((game, index) => {
+  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) => {
       const isSelected = index === selectedIndex;
-      return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "row", children: [
-        /* @__PURE__ */ jsx11(Box11, { width: 3, flexShrink: 0, children: isSelected ? /* @__PURE__ */ jsx11(Text12, { bold: true, color: "#00ff41", children: "\u25B8 " }) : /* @__PURE__ */ jsx11(Text12, { children: "  " }) }),
-        /* @__PURE__ */ jsx11(Box11, { width: 20, flexShrink: 0, children: /* @__PURE__ */ jsx11(Text12, { bold: true, color: isSelected ? "#00ff41" : "#ffffff", children: game.name }) }),
-        /* @__PURE__ */ jsx11(Box11, { children: /* @__PURE__ */ jsx11(Text12, { color: "#888888", children: game.description }) })
+      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 }) })
       ] }, game.id);
     }) }),
-    /* @__PURE__ */ jsx11(Box11, { marginTop: 1, children: /* @__PURE__ */ jsx11(Text12, { dimColor: true, children: "  \u2191/\u2193 \u9009\u62E9  Enter \u542F\u52A8  q \u8FD4\u56DE" }) }),
-    doubleCtrlC && /* @__PURE__ */ jsx11(Box11, { marginTop: 1, children: /* @__PURE__ */ jsx11(Text12, { color: "#ff1493", bold: true, children: "  \u26A0 \u518D\u6309\u4E00\u6B21 Ctrl+C \u9000\u51FA dskcode" }) })
+    /* @__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" }) })
   ] });
 }
 
@@ -7294,9 +7318,9 @@ function listGames() {
 }
 
 // src/game/brick-breaker/index.tsx
-import { Box as Box12, Text as Text13, useInput as useInput3, render as render2 } from "ink";
-import { useState as useState6, useEffect as useEffect5, useRef as useRef4, useCallback as useCallback4 } from "react";
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Box as Box13, Text as Text14, 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";
 var GAME_WIDTH = 40;
 var GAME_HEIGHT = 18;
 var PADDLE_WIDTH = 9;
@@ -7427,13 +7451,13 @@ function buildBoard(state) {
   return lines.map((l) => `\u2502${l}\u2502`).join("\n");
 }
 function BrickBreakerGame({ onExit: _onExit }) {
-  const [initialLevel, setInitialLevel] = useState6(1);
-  const [selectingLevel, setSelectingLevel] = useState6(true);
-  const stateRef = useRef4(createInitialState(initialLevel));
-  const [tick2, setTick] = useState6(0);
-  const onExitRef = useRef4(_onExit);
+  const [initialLevel, setInitialLevel] = useState7(1);
+  const [selectingLevel, setSelectingLevel] = useState7(true);
+  const stateRef = useRef5(createInitialState(initialLevel));
+  const [tick2, setTick] = useState7(0);
+  const onExitRef = useRef5(_onExit);
   onExitRef.current = _onExit;
-  useEffect5(() => {
+  useEffect6(() => {
     if (selectingLevel) return;
     const interval = setInterval(() => {
       update(stateRef.current);
@@ -7486,49 +7510,49 @@ function BrickBreakerGame({ onExit: _onExit }) {
   const board = buildBoard(s);
   const def = getLevel(s.level);
   void tick2;
-  return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs12(Box12, { flexDirection: "row", children: [
-      /* @__PURE__ */ jsx12(Box12, { width: 20, children: /* @__PURE__ */ jsxs12(Text13, { children: [
+  return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs13(Box13, { flexDirection: "row", children: [
+      /* @__PURE__ */ jsx13(Box13, { width: 20, children: /* @__PURE__ */ jsxs13(Text14, { children: [
         "\u5173\u5361 ",
         s.level,
         ": ",
-        /* @__PURE__ */ jsx12(Text13, { color: "cyan", children: def.desc })
+        /* @__PURE__ */ jsx13(Text14, { color: "cyan", children: def.desc })
       ] }) }),
-      /* @__PURE__ */ jsx12(Box12, { width: 12, children: /* @__PURE__ */ jsxs12(Text13, { children: [
+      /* @__PURE__ */ jsx13(Box13, { width: 12, children: /* @__PURE__ */ jsxs13(Text14, { children: [
         "\u5206\u6570: ",
-        /* @__PURE__ */ jsx12(Text13, { color: "yellow", children: String(s.score).padStart(3, "0") })
+        /* @__PURE__ */ jsx13(Text14, { color: "yellow", children: String(s.score).padStart(3, "0") })
       ] }) }),
-      /* @__PURE__ */ jsx12(Box12, { width: 12, children: /* @__PURE__ */ jsxs12(Text13, { children: [
+      /* @__PURE__ */ jsx13(Box13, { width: 12, children: /* @__PURE__ */ jsxs13(Text14, { children: [
         "\u751F\u547D: ",
-        /* @__PURE__ */ jsx12(Text13, { color: "red", children: "\u2665".repeat(Math.max(0, s.lives)) })
+        /* @__PURE__ */ jsx13(Text14, { color: "red", children: "\u2665".repeat(Math.max(0, s.lives)) })
       ] }) }),
-      /* @__PURE__ */ jsx12(Box12, { width: 10, children: /* @__PURE__ */ jsxs12(Text13, { children: [
+      /* @__PURE__ */ jsx13(Box13, { width: 10, children: /* @__PURE__ */ jsxs13(Text14, { children: [
         "\u7816\u5757: ",
-        /* @__PURE__ */ jsx12(Text13, { color: "cyan", children: aliveCount })
+        /* @__PURE__ */ jsx13(Text14, { color: "cyan", children: aliveCount })
       ] }) }),
-      /* @__PURE__ */ jsx12(Box12, { children: /* @__PURE__ */ jsxs12(Text13, { color: s.paused ? "gray" : "green", children: [
+      /* @__PURE__ */ jsx13(Box13, { children: /* @__PURE__ */ jsxs13(Text14, { color: s.paused ? "gray" : "green", children: [
         "[",
         s.paused ? "\u6682\u505C" : "\u8FD0\u884C\u4E2D",
         "]"
       ] }) })
     ] }),
-    /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs12(Text13, { children: [
+    /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs13(Text14, { children: [
         "\u250C",
         "\u2500".repeat(GAME_WIDTH),
         "\u2510"
       ] }),
-      /* @__PURE__ */ jsx12(Text13, { children: selectingLevel ? "  \x1B[90m\u9009\u62E9\u5173\u5361\u540E\u5F00\u59CB...\x1B[0m" : board }),
-      /* @__PURE__ */ jsxs12(Text13, { children: [
+      /* @__PURE__ */ jsx13(Text14, { children: selectingLevel ? "  \x1B[90m\u9009\u62E9\u5173\u5361\u540E\u5F00\u59CB...\x1B[0m" : board }),
+      /* @__PURE__ */ jsxs13(Text14, { children: [
         "\u2514",
         "\u2500".repeat(GAME_WIDTH),
         "\u2518"
       ] })
     ] }),
-    selectingLevel && /* @__PURE__ */ jsxs12(Box12, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx12(Text13, { bold: true, color: "yellow", children: "\u9009\u62E9\u5173\u5361" }),
-      /* @__PURE__ */ jsx12(Box12, { flexDirection: "row", flexWrap: "wrap", children: LEVELS.map((lv, i) => /* @__PURE__ */ jsx12(Box12, { width: 22, children: /* @__PURE__ */ jsxs12(Text13, { children: [
-        /* @__PURE__ */ jsx12(Text13, { color: initialLevel === i + 1 ? "green" : "white", children: i + 1 === 10 ? "0" : String(i + 1) }),
+    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) }),
         ". ",
         lv.desc,
         " (",
@@ -7537,16 +7561,16 @@ function BrickBreakerGame({ onExit: _onExit }) {
         lv.cols,
         ")"
       ] }) }, i)) }),
-      /* @__PURE__ */ jsx12(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx12(Text13, { dimColor: true, children: "\u6309\u6570\u5B57\u9009\u5173  q \u9000\u51FA" }) })
+      /* @__PURE__ */ jsx13(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx13(Text14, { dimColor: true, children: "\u6309\u6570\u5B57\u9009\u5173  q \u9000\u51FA" }) })
     ] }),
-    !selectingLevel && (s.gameOver || s.win) && /* @__PURE__ */ jsxs12(Box12, { marginTop: 1, children: [
-      /* @__PURE__ */ jsx12(Text13, { bold: true, color: s.gameOver ? "red" : "green", children: s.gameOver ? "\u6E38\u620F\u7ED3\u675F\uFF01" : "\u606D\u559C\u901A\u5173\uFF01" }),
-      /* @__PURE__ */ jsxs12(Text13, { children: [
+    !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: [
         "  \u5206\u6570: ",
-        /* @__PURE__ */ jsx12(Text13, { color: "yellow", children: s.score })
+        /* @__PURE__ */ jsx13(Text14, { color: "yellow", children: s.score })
       ] })
     ] }),
-    !selectingLevel && /* @__PURE__ */ jsx12(Box12, { marginTop: 1, children: s.gameOver || s.win ? /* @__PURE__ */ jsx12(Text13, { dimColor: true, children: "\u2190 \u2192 \u79FB\u52A8  r \u91CD\u5F00  l \u9009\u5173  q \u9000\u51FA" }) : /* @__PURE__ */ jsx12(Text13, { dimColor: true, children: "\u2190 \u2192 \u79FB\u52A8  p \u6682\u505C  q \u9000\u51FA" }) })
+    !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" }) })
   ] });
 }
 var brick_breaker_default = {
@@ -7556,7 +7580,7 @@ var brick_breaker_default = {
   play: async () => {
     await new Promise((resolve2) => {
       const { unmount } = render2(
-        /* @__PURE__ */ jsx12(BrickBreakerGame, { onExit: () => {
+        /* @__PURE__ */ jsx13(BrickBreakerGame, { onExit: () => {
           unmount();
           resolve2();
         } })
@@ -7566,9 +7590,9 @@ var brick_breaker_default = {
 };
 
 // src/game/coder-check/index.tsx
-import { Box as Box13, Text as Text14, useInput as useInput4, render as render3 } from "ink";
-import { useState as useState7, useEffect as useEffect6, useRef as useRef5, useCallback as useCallback5 } from "react";
-import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Box as Box14, Text as Text15, 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";
 var GAME_W = 66;
 var GAME_H = 20;
 var SCORE_H = 6;
@@ -7959,18 +7983,18 @@ function buildGameView(s, scoreLines, scoreColor, message) {
   return rows;
 }
 function CoderCheck({ onExit: _onExit }) {
-  const stateRef = useRef5(createInitialState2());
-  const [tick2, setTick] = useState7(0);
-  const [colorOffset, setColorOffset] = useState7(0);
-  const onExitRef = useRef5(_onExit);
+  const stateRef = useRef6(createInitialState2());
+  const [tick2, setTick] = useState8(0);
+  const [colorOffset, setColorOffset] = useState8(0);
+  const onExitRef = useRef6(_onExit);
   onExitRef.current = _onExit;
-  useEffect6(() => {
+  useEffect7(() => {
     const timer = setInterval(() => {
       setColorOffset((prev) => (prev + 1) % CYBER_PALETTE2.length);
     }, 400);
     return () => clearInterval(timer);
   }, []);
-  useEffect6(() => {
+  useEffect7(() => {
     const interval = setInterval(() => {
       update2(stateRef.current);
       setTick((t) => t + 1);
@@ -8039,44 +8063,44 @@ function CoderCheck({ onExit: _onExit }) {
   const scoreLines = buildScoreLines(scoreStr);
   const view = buildGameView(s, scoreLines, scoreColor, s.message);
   void tick2;
-  return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsx13(Box13, { flexDirection: "row", children: /* @__PURE__ */ jsxs13(Text14, { children: [
+  return /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsx14(Box14, { flexDirection: "row", 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)) }),
       "  ",
       "\u901F\u5EA6 ",
-      /* @__PURE__ */ jsxs13(Text14, { color: "cyan", children: [
+      /* @__PURE__ */ jsxs14(Text15, { color: "cyan", children: [
         "Lv.",
         Math.floor(s.speed * 10)
       ] })
     ] }) }),
-    !s.gameOver && s.target && /* @__PURE__ */ jsx13(Box13, { marginTop: 1, children: /* @__PURE__ */ jsxs13(Text14, { children: [
+    !s.gameOver && s.target && /* @__PURE__ */ jsx14(Box14, { marginTop: 1, children: /* @__PURE__ */ jsxs14(Text15, { children: [
       "\u6253\u5B57: ",
-      /* @__PURE__ */ jsx13(Text14, { color: "green", children: s.typed }),
-      /* @__PURE__ */ jsx13(Text14, { color: "white", children: s.target.slice(s.typed.length) })
+      /* @__PURE__ */ jsx14(Text15, { color: "green", children: s.typed }),
+      /* @__PURE__ */ jsx14(Text15, { color: "white", children: s.target.slice(s.typed.length) })
     ] }) }),
-    /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", marginTop: 1, children: [
-      /* @__PURE__ */ jsxs13(Text14, { children: [
+    /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsxs14(Text15, { children: [
         "\u250C",
         "\u2500".repeat(GAME_W),
         "\u2510"
       ] }),
-      view.map((row, i) => /* @__PURE__ */ jsx13(Text14, { children: `\u2502${row}\u2502` }, i)),
-      /* @__PURE__ */ jsxs13(Text14, { children: [
+      view.map((row, i) => /* @__PURE__ */ jsx14(Text15, { children: `\u2502${row}\u2502` }, i)),
+      /* @__PURE__ */ jsxs14(Text15, { children: [
         "\u2514",
         "\u2500".repeat(GAME_W),
         "\u2518"
       ] })
     ] }),
-    s.gameOver && /* @__PURE__ */ jsxs13(Box13, { marginTop: 1, children: [
-      /* @__PURE__ */ jsx13(Text14, { bold: true, color: "red", children: "\u6E38\u620F\u7ED3\u675F\uFF01" }),
-      /* @__PURE__ */ jsxs13(Text14, { children: [
+    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: [
         "  \u5F97\u5206: ",
-        /* @__PURE__ */ jsx13(Text14, { color: "yellow", children: s.score }),
+        /* @__PURE__ */ jsx14(Text15, { color: "yellow", children: s.score }),
         "  r \u91CD\u5F00  q \u9000\u51FA"
       ] })
     ] }),
-    /* @__PURE__ */ jsx13(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx13(Text14, { dimColor: true, children: "\u6253\u5B57\u6D88\u9664\u5355\u8BCD  \u7A7A\u683C/Ctrl+P\u6682\u505C  Ctrl+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" }) })
   ] });
 }
 var coder_check_default = {
@@ -8086,7 +8110,7 @@ var coder_check_default = {
   play: async () => {
     await new Promise((resolve2) => {
       const { unmount } = render3(
-        /* @__PURE__ */ jsx13(CoderCheck, { onExit: () => {
+        /* @__PURE__ */ jsx14(CoderCheck, { onExit: () => {
           unmount();
           resolve2();
         } })
@@ -8466,12 +8490,12 @@ import { render as render4 } from "ink";
 import chalk5 from "chalk";
 
 // src/stock/StockList.tsx
-import { Box as Box14, Text as Text15, useInput as useInput5 } from "ink";
-import { useState as useState8, useCallback as useCallback6, useEffect as useEffect7, useMemo as useMemo2 } from "react";
+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 asciichart from "asciichart";
 import os from "os";
 import { join as join10 } from "path";
-import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
 var SETTINGS_PATH = join10(os.homedir(), ".dskcode", "settings.json");
 function toFileUrl(p) {
   const norm = p.replace(/\\/g, "/");
@@ -8574,20 +8598,20 @@ function latestPoints(data, maxPoints = 60) {
   return data.slice(data.length - maxPoints);
 }
 function StockList({ codes, onExit, onBackToChat }) {
-  const [stocks, setStocks] = useState8([]);
-  const [selectedIndex, setSelectedIndex] = useState8(0);
-  const [loading, setLoading] = useState8(true);
-  const [lastUpdate, setLastUpdate] = useState8("");
-  const [detailView, setDetailView] = useState8(null);
-  const [detailPrices, setDetailPrices] = useState8(null);
-  const [detailLoading, setDetailLoading] = useState8(false);
-  const [detailCountdown, setDetailCountdown] = useState8(10);
-  const [countdown, setCountdown] = useState8(5);
-  const [currentTime, setCurrentTime] = useState8(
+  const [stocks, setStocks] = useState9([]);
+  const [selectedIndex, setSelectedIndex] = useState9(0);
+  const [loading, setLoading] = useState9(true);
+  const [lastUpdate, setLastUpdate] = useState9("");
+  const [detailView, setDetailView] = useState9(null);
+  const [detailPrices, setDetailPrices] = useState9(null);
+  const [detailLoading, setDetailLoading] = useState9(false);
+  const [detailCountdown, setDetailCountdown] = useState9(10);
+  const [countdown, setCountdown] = useState9(5);
+  const [currentTime, setCurrentTime] = useState9(
     () => (/* @__PURE__ */ new Date()).toLocaleTimeString("zh-CN", { hour12: false })
   );
-  const [dimMode, setDimMode] = useState8(false);
-  const [sortOrder, setSortOrder] = useState8("default");
+  const [dimMode, setDimMode] = useState9(false);
+  const [sortOrder, setSortOrder] = useState9("default");
   const sortedStocks = useMemo2(() => {
     if (sortOrder === "default") return stocks;
     return [...stocks].toSorted(
@@ -8595,7 +8619,7 @@ function StockList({ codes, onExit, onBackToChat }) {
     );
   }, [stocks, sortOrder]);
   const { doubleCtrlC, handleCtrlC } = useDoubleCtrlC(onExit);
-  useEffect7(() => {
+  useEffect8(() => {
     const timer = setInterval(() => {
       setCurrentTime((/* @__PURE__ */ new Date()).toLocaleTimeString("zh-CN", { hour12: false }));
     }, 1e3);
@@ -8611,10 +8635,10 @@ function StockList({ codes, onExit, onBackToChat }) {
     }
     setLoading(false);
   }, [codes]);
-  useEffect7(() => {
+  useEffect8(() => {
     void loadData();
   }, [loadData]);
-  useEffect7(() => {
+  useEffect8(() => {
     const interval = setInterval(() => {
       setCountdown((prev) => {
         if (prev <= 1) {
@@ -8626,7 +8650,7 @@ function StockList({ codes, onExit, onBackToChat }) {
     }, 1e3);
     return () => clearInterval(interval);
   }, [loadData]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (detailView) {
       const loadDetail = () => {
         minuteCache.delete(detailView.code);
@@ -8645,7 +8669,7 @@ function StockList({ codes, onExit, onBackToChat }) {
     setDetailPrices(null);
     setDetailLoading(false);
   }, [detailView]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (!detailView) return;
     const timer = setInterval(() => {
       setDetailCountdown((prev) => prev > 0 ? prev - 1 : 10);
@@ -8690,64 +8714,64 @@ function StockList({ codes, onExit, onBackToChat }) {
   );
   if (detailView) {
     if (detailLoading) {
-      return /* @__PURE__ */ jsx14(Box14, { paddingLeft: 1, children: /* @__PURE__ */ jsx14(Text15, { dimColor: true, children: "  \u27F3 \u52A0\u8F7D\u5206\u65F6\u6570\u636E..." }) });
+      return /* @__PURE__ */ jsx15(Box15, { paddingLeft: 1, children: /* @__PURE__ */ jsx15(Text16, { 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__ */ jsxs14(Box14, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs14(Box14, { marginBottom: 1, justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsx14(Text15, { bold: true, ...cp2("#00ffff"), children: "  \u{1F4C8} \u81EA\u9009\u80A1\u76D1\u63A7" }),
-      /* @__PURE__ */ jsxs14(Text15, { dimColor: true, children: [
+  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: [
         "  \u{1F550} ",
         currentTime
       ] }),
-      /* @__PURE__ */ jsx14(Text15, { dimColor: true, children: loading ? "  \u27F3 \u5237\u65B0\u4E2D..." : `  ${countdown}s \u540E\u81EA\u52A8\u5237\u65B0` })
+      /* @__PURE__ */ jsx15(Text16, { dimColor: true, children: loading ? "  \u27F3 \u5237\u65B0\u4E2D..." : `  ${countdown}s \u540E\u81EA\u52A8\u5237\u65B0` })
     ] }),
-    /* @__PURE__ */ jsxs14(Box14, { children: [
-      /* @__PURE__ */ jsx14(Box14, { width: 3 }),
-      /* @__PURE__ */ jsx14(Box14, { width: 9, children: /* @__PURE__ */ jsx14(Text15, { dimColor: true, children: "\u4EE3\u7801" }) }),
-      /* @__PURE__ */ jsx14(Box14, { width: 16, children: /* @__PURE__ */ jsx14(Text15, { dimColor: true, children: "\u540D\u79F0" }) }),
-      /* @__PURE__ */ jsx14(Box14, { width: 12, children: /* @__PURE__ */ jsx14(Text15, { dimColor: true, children: "\u6700\u65B0\u4EF7" }) }),
-      /* @__PURE__ */ jsx14(Box14, { width: 12, children: /* @__PURE__ */ jsxs14(Text15, { dimColor: true, children: [
+    /* @__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: [
         "\u6DA8\u8DCC\u5E45",
         sortOrder === "desc" ? " \u25BC" : sortOrder === "asc" ? " \u25B2" : ""
       ] }) }),
-      /* @__PURE__ */ jsx14(Box14, { width: 12, children: /* @__PURE__ */ jsx14(Text15, { dimColor: true, children: "\u6DA8\u8DCC\u989D" }) }),
-      /* @__PURE__ */ jsx14(Box14, { width: 12, children: /* @__PURE__ */ jsx14(Text15, { dimColor: true, children: "\u6700\u9AD8" }) }),
-      /* @__PURE__ */ jsx14(Box14, { width: 12, children: /* @__PURE__ */ jsx14(Text15, { dimColor: true, children: "\u6700\u4F4E" }) }),
-      /* @__PURE__ */ jsx14(Box14, { children: /* @__PURE__ */ jsx14(Text15, { dimColor: true, children: "\u6210\u4EA4\u989D" }) })
+      /* @__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__ */ jsx14(Box14, { children: /* @__PURE__ */ jsx14(Text15, { dimColor: true, children: "  " + "\u2500".repeat(100) }) }),
-    /* @__PURE__ */ jsx14(Box14, { flexDirection: "column", children: sortedStocks.map((stock, index) => {
+    /* @__PURE__ */ jsx15(Box15, { children: /* @__PURE__ */ jsx15(Text16, { dimColor: true, children: "  " + "\u2500".repeat(100) }) }),
+    /* @__PURE__ */ jsx15(Box15, { flexDirection: "column", children: sortedStocks.map((stock, index) => {
       const isSelected = index === selectedIndex;
       const isUp = stock.changePercent >= 0;
       const color = isUp ? "#ff1493" : "#00ff41";
-      return /* @__PURE__ */ jsxs14(Box14, { children: [
-        /* @__PURE__ */ jsx14(Box14, { width: 3, flexShrink: 0, children: isSelected ? /* @__PURE__ */ jsx14(Text15, { bold: true, ...cp2("#00ffff"), children: "\u25B8 " }) : /* @__PURE__ */ jsx14(Text15, { children: "  " }) }),
-        /* @__PURE__ */ jsx14(Box14, { width: 9, children: /* @__PURE__ */ jsx14(Text15, { bold: true, ...cp2(isSelected ? "#00ffff" : "#ffffff"), children: stock.code }) }),
-        /* @__PURE__ */ jsx14(Box14, { width: 16, children: /* @__PURE__ */ jsx14(Text15, { ...cp2(isSelected ? "#ffffff" : "#cccccc"), children: stock.name }) }),
-        /* @__PURE__ */ jsx14(Box14, { width: 12, children: /* @__PURE__ */ jsx14(Text15, { bold: true, ...cp2(color), children: formatPrice(stock.price) }) }),
-        /* @__PURE__ */ jsx14(Box14, { width: 12, children: /* @__PURE__ */ jsxs14(Text15, { ...cp2(color), children: [
+      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: [
           isUp ? "+" : "",
           stock.changePercent.toFixed(2),
           "%"
         ] }) }),
-        /* @__PURE__ */ jsx14(Box14, { width: 12, children: /* @__PURE__ */ jsxs14(Text15, { ...cp2(color), children: [
+        /* @__PURE__ */ jsx15(Box15, { width: 12, children: /* @__PURE__ */ jsxs15(Text16, { ...cp2(color), children: [
           isUp ? "+" : "",
           stock.changeAmount.toFixed(3)
         ] }) }),
-        /* @__PURE__ */ jsx14(Box14, { width: 12, children: /* @__PURE__ */ jsx14(Text15, { ...cp2("#cccccc"), children: formatPrice(stock.high) }) }),
-        /* @__PURE__ */ jsx14(Box14, { width: 12, children: /* @__PURE__ */ jsx14(Text15, { ...cp2("#888888"), children: formatPrice(stock.low) }) }),
-        /* @__PURE__ */ jsx14(Box14, { children: /* @__PURE__ */ jsx14(Text15, { ...cp2("#888888"), children: formatAmount(stock.amount) }) })
+        /* @__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) }) })
       ] }, stock.code);
     }) }),
-    /* @__PURE__ */ jsx14(Box14, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text15, { 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__ */ jsxs14(Box14, { children: [
-      /* @__PURE__ */ jsx14(Text15, { dimColor: true, children: `  \u6700\u540E\u66F4\u65B0: ${lastUpdate}  \u7F16\u8F91\u81EA\u9009\u80A1: ` }),
-      /* @__PURE__ */ jsx14(Text15, { ...cp2("#c792ea"), children: osc8Link(toFileUrl(SETTINGS_PATH), SETTINGS_PATH) })
+    /* @__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) })
     ] }),
-    doubleCtrlC && /* @__PURE__ */ jsx14(Box14, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text15, { bold: true, ...cp2("#ff1493"), children: "  \u26A0 \u518D\u6309\u4E00\u6B21 Ctrl+C \u9000\u51FA dskcode" }) })
+    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" }) })
   ] });
 }
 function renderDetail(stock, _onBack, prices, countdown = 10, currentTime) {
@@ -8765,33 +8789,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__ */ jsxs14(Box14, { flexDirection: "column", paddingLeft: 1, children: [
-    /* @__PURE__ */ jsxs14(Box14, { marginBottom: 1, justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsxs14(Box14, { children: [
-        /* @__PURE__ */ jsxs14(Text15, { bold: true, color: "#00ffff", children: [
+  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: [
           "  \u{1F4CA} ",
           stock.name,
           " "
         ] }),
-        /* @__PURE__ */ jsx14(Text15, { dimColor: true, children: stock.code }),
-        currentTime && /* @__PURE__ */ jsxs14(Text15, { dimColor: true, children: [
+        /* @__PURE__ */ jsx15(Text16, { dimColor: true, children: stock.code }),
+        currentTime && /* @__PURE__ */ jsxs15(Text16, { dimColor: true, children: [
           "  \u{1F550} ",
           currentTime
         ] })
       ] }),
-      /* @__PURE__ */ jsx14(Text15, { dimColor: true, children: `${countdown}s \u540E\u5237\u65B0` })
+      /* @__PURE__ */ jsx15(Text16, { dimColor: true, children: `${countdown}s \u540E\u5237\u65B0` })
     ] }),
-    /* @__PURE__ */ jsxs14(Box14, { children: [
-      /* @__PURE__ */ jsx14(Box14, { width: 16, children: /* @__PURE__ */ jsx14(Text15, { bold: true, color: "#888888", children: "\u5F53\u524D\u4EF7" }) }),
-      /* @__PURE__ */ jsx14(Box14, { children: /* @__PURE__ */ jsxs14(Text15, { bold: true, color: colorCode, children: [
+    /* @__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: [
         arrow,
         " ",
         formatPrice(stock.price)
       ] }) })
     ] }),
-    /* @__PURE__ */ jsxs14(Box14, { children: [
-      /* @__PURE__ */ jsx14(Box14, { width: 16, children: /* @__PURE__ */ jsx14(Text15, { color: "#888888", children: "\u6DA8\u8DCC\u5E45" }) }),
-      /* @__PURE__ */ jsx14(Box14, { children: /* @__PURE__ */ jsxs14(Text15, { color: colorCode, children: [
+    /* @__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: [
         isUp ? "+" : "",
         stock.changePercent.toFixed(2),
         "%",
@@ -8800,8 +8824,8 @@ function renderDetail(stock, _onBack, prices, countdown = 10, currentTime) {
         stock.changeAmount.toFixed(3)
       ] }) })
     ] }),
-    chartLines.length > 0 && /* @__PURE__ */ jsx14(Box14, { marginTop: 1, flexDirection: "column", children: chartLines.map((line, i) => /* @__PURE__ */ jsx14(Box14, { children: /* @__PURE__ */ jsx14(Text15, { color: colorCode, children: line || " " }) }, i)) }),
-    /* @__PURE__ */ jsx14(Box14, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text15, { dimColor: true, children: "  Space/q \u8FD4\u56DE\u5217\u8868" }) })
+    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" }) })
   ] });
 }
 
@@ -8886,7 +8910,7 @@ async function scanProjectFiles(baseDir, dir) {
 }
 
 // src/cli/index.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var SUBCOMMANDS = ["chat", "run", "setup", "init", "completion", "game", "stock"];
 function createCli() {
   const program2 = new Command();
@@ -8988,7 +9012,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__ */ jsx15(
+      /* @__PURE__ */ jsx16(
         StockList,
         {
           codes: codeList,
@@ -9017,7 +9041,7 @@ compdef _dskcode_completion dskcode`);
       }
       const selectedGame = await new Promise((resolve2) => {
         const { unmount } = render4(
-          /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx16(
             GamePicker,
             {
               games,
@@ -9057,7 +9081,7 @@ async function startChat(ctx, costTracker) {
   );
   const model = defaultProvider?.model ?? "deepseek-v4-flash";
   const chatApp = renderApp(
-    /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx16(
       ChatSession,
       {
         skillCount,
@@ -9075,7 +9099,7 @@ async function startChat(ctx, costTracker) {
             initGames();
             const games = listGames();
             const { unmount } = render4(
-              /* @__PURE__ */ jsx15(
+              /* @__PURE__ */ jsx16(
                 GamePicker,
                 {
                   games,
@@ -9099,7 +9123,7 @@ async function startChat(ctx, costTracker) {
           setImmediate(() => {
             const defaultStockCodes = ctx?.config.stock?.symbols?.map((s) => s.code) ?? ["sh000001", "sz399006", "sh601688"];
             const stockApp = renderApp(
-              /* @__PURE__ */ jsx15(
+              /* @__PURE__ */ jsx16(
                 StockList,
                 {
                   codes: defaultStockCodes,