perf(ui): 终端交互层全面性能优化

- 流式输出：将 streamingChunksBuffer 移至模块级，避免 Zustand set() 中数组扩展开销
- 消除闪屏：finalization 移除 50ms delay + clearTerminal，改用 eraseScreen
- Raw 渲染器：新增 rawStreamRenderer.ts，流式尾部直接 stdout 输出绕过 React/Ink
- Spinner 降频：80ms → 150ms（12.5fps → 6.7fps，视觉无差异）
- 语法高亮缓存：CodeHighlighter 新增 LRU 缓存（容量 200），避免重复 lowlight 计算
- 主题同步：useTheme 移除 setTheme 副作用，统一到 BladeInterface 单个 useEffect
- Lint 修复：AutoMemoryManager catch 类型安全、blade.tsx 移除未使用变量、测试空块注释

Author: echoVic

packages/cli/src/blade.tsx

@@ -44,11 +44,6 @@ export async function main() {
   // 但允许在容器/沙箱/CI 等天然 root 环境中运行
   if (process.getuid && process.getuid() === 0) {
     const isSudo = !!process.env.SUDO_USER;
-    const isContainer =
-      !!process.env.container ||
-      !!process.env.DOCKER_CONTAINER ||
-      !!process.env.KUBERNETES_SERVICE_HOST;
-    const isCI = !!process.env.CI;
     const isAllowRoot = !!process.env.BLADE_ALLOW_ROOT;
 
     // 只有通过 sudo 提权运行时才阻止，天然 root 环境放行

packages/cli/src/memory/AutoMemoryManager.ts

@@ -65,8 +65,8 @@ export class AutoMemoryManager {
       }
 
       return result || null;
-    } catch (err: any) {
-      if (err.code === 'ENOENT') return null;
+    } catch (err: unknown) {
+      if (err instanceof Error && 'code' in err && (err as NodeJS.ErrnoException).code === 'ENOENT') return null;
       throw err;
     }
   }
@@ -81,8 +81,8 @@ export class AutoMemoryManager {
     try {
       const content = await fs.readFile(filePath, 'utf-8');
       return content || null;
-    } catch (err: any) {
-      if (err.code === 'ENOENT') return null;
+    } catch (err: unknown) {
+      if (err instanceof Error && 'code' in err && (err as NodeJS.ErrnoException).code === 'ENOENT') return null;
       throw err;
     }
   }

packages/cli/src/store/selectors/index.ts

@@ -153,27 +153,25 @@ export const useCurrentModelId = () =>
   useBladeStore((state) => state.config.config?.currentModelId);
 
 /**
- * 派生选择器：当前主题对象
+ * 派生选择器：当前主题对象（纯读取，无副作用）
  * 订阅 Store 中的主题名称变化，并返回完整的 Theme 对象
  *
- * 内部自动同步 themeManager（如果名称不一致）
+ * 注意：themeManager 的同步由 useThemeSync hook 在 App 层统一处理，
+ * 此处只做纯读取，避免每个使用 useTheme 的组件在渲染时触发副作用。
  */
 export const useTheme = () =>
   useBladeStore((state) => {
-    const themeName = state.config.config?.theme ?? 'default';
-
-    // 确保 themeManager 与 Store 同步
-    if (themeManager.getCurrentThemeName() !== themeName) {
-      try {
-        themeManager.setTheme(themeName);
-      } catch {
-        // 主题不存在，保持当前主题
-      }
-    }
-
+    // 纯读取，不再在选择器中调用 themeManager.setTheme()
     return themeManager.getTheme();
   });
 
+/**
+ * 获取当前 Store 中配置的主题名称
+ * 用于 useThemeSync hook 对比和同步
+ */
+export const useThemeName = () =>
+  useBladeStore((state) => state.config.config?.theme ?? 'default');
+
 // ==================== Focus 选择器 ====================
 
 /**

packages/cli/src/store/slices/sessionSlice.ts

@@ -23,6 +23,20 @@ import type {
 
 const STREAMING_LINE_BUFFER_LIMIT = 2000;
 
+// ==================== 流式 chunks 模块级缓冲 ====================
+// 将 chunks 累积移出 Zustand store，避免每次 delta 都展开数组触发状态更新开销
+// 仅在 finalizeStreamingMessage 时读取
+let streamingChunksBuffer: string[] = [];
+
+/**
+ * 获取并清空流式 chunks 缓冲区（供 finalize 使用）
+ */
+export function drainStreamingChunksBuffer(): string[] {
+  const chunks = streamingChunksBuffer;
+  streamingChunksBuffer = [];
+  return chunks;
+}
+
 /**
  * 初始 Token 使用量
  */
@@ -360,6 +374,8 @@ export const createSessionSlice: StateCreator<BladeStore, [], [], SessionSlice>
         content: '', // 空内容，后续增量填充
         timestamp: Date.now(),
       };
+      // 清空模块级 chunks 缓冲区
+      streamingChunksBuffer = [];
       set((state) => ({
         session: {
           ...state.session,
@@ -390,11 +406,14 @@ export const createSessionSlice: StateCreator<BladeStore, [], [], SessionSlice>
     appendAssistantContent: (delta: string) => {
       const streamingId = get().session.currentStreamingMessageId;
       const nextStreamingId = streamingId ?? `assistant-${Date.now()}-${Math.random()}`;
+
+      // chunks 累积在模块级缓冲区，不写入 store（减少数组展开开销）
+      streamingChunksBuffer.push(delta);
+
       set((state) => {
         const normalizeLine = (line: string) =>
           line.endsWith('\r') ? line.slice(0, -1) : line;
 
-        const currentChunks = streamingId ? state.session.currentStreamingChunks : [];
         const currentLines = streamingId ? state.session.currentStreamingLines : [];
         const currentTail = streamingId ? state.session.currentStreamingTail : '';
         const currentLineCount = streamingId
@@ -406,7 +425,6 @@ export const createSessionSlice: StateCreator<BladeStore, [], [], SessionSlice>
         const parts = combined.split('\n');
         const completedParts = parts.slice(0, -1).map(normalizeLine);
         const nextTail = normalizeLine(parts[parts.length - 1] ?? '');
-        const nextChunks = [...currentChunks, delta];
         let nextLines = currentLines;
         if (completedParts.length > 0) {
           nextLines = [...currentLines, ...completedParts];
@@ -420,7 +438,6 @@ export const createSessionSlice: StateCreator<BladeStore, [], [], SessionSlice>
           session: {
             ...state.session,
             currentStreamingMessageId: nextStreamingId,
-            currentStreamingChunks: nextChunks,
             currentStreamingLines: nextLines,
             currentStreamingTail: nextTail,
             currentStreamingLineCount: currentLineCount + completedParts.length,
@@ -440,9 +457,11 @@ export const createSessionSlice: StateCreator<BladeStore, [], [], SessionSlice>
      * @param extraThinking 可选的额外 thinking 内容（缓冲区剩余）
      */
     finalizeStreamingMessage: (extraContent?: string, extraThinking?: string) => {
+      // 从模块级缓冲区读取 chunks 并清空
+      const chunks = drainStreamingChunksBuffer();
       set((state) => {
         const streamingId = state.session.currentStreamingMessageId;
-        const baseContent = state.session.currentStreamingChunks.join('');
+        const baseContent = chunks.join('');
         const streamingContent = baseContent + (extraContent || '');
         const thinkingContent =
           (state.session.currentThinkingContent || '') + (extraThinking || '');

packages/cli/src/ui/components/BladeInterface.tsx

@@ -21,6 +21,7 @@ import {
     usePermissionMode,
     useSessionActions,
     useSessionSelectorData,
+    useThemeName,
 } from '../../store/selectors/index.js';
 import { FocusId } from '../../store/types.js';
 import { configActions, getMessages } from '../../store/vanilla.js';
@@ -50,6 +51,7 @@ import { SessionSelector } from './SessionSelector.js';
 import { SkillsManager } from './SkillsManager.js';
 import { SpecStatusPanel } from './SpecStatusPanel.js';
 import { SubagentProgress } from './SubagentProgress.js';
+import { themeManager } from '../themes/ThemeManager.js';
 import { ThemeSelector } from './ThemeSelector.js';
 
 // 创建 BladeInterface 专用 Logger
@@ -106,6 +108,19 @@ export const BladeInterface: React.FC<BladeInterfaceProps> = ({
   // 是否正在处理
   const isProcessing = useIsProcessing();
 
+  // 主题同步：统一在此处将 Store 中的主题名同步到 themeManager
+  // 避免在每个 useTheme 选择器中触发副作用
+  const themeName = useThemeName();
+  useEffect(() => {
+    if (themeManager.getCurrentThemeName() !== themeName) {
+      try {
+        themeManager.setTheme(themeName);
+      } catch {
+        // 主题不存在，保持当前主题
+      }
+    }
+  }, [themeName]);
+
   const { exit } = useApp();
 
   // ==================== Custom Hooks ====================

packages/cli/src/ui/components/CodeHighlighter.tsx

@@ -20,6 +20,41 @@ import { MaxSizedBox, MINIMUM_MAX_HEIGHT } from './MaxSizedBox.js';
 // 创建 lowlight 实例
 const lowlight = createLowlight(common);
 
+// ==================== HAST 结果 LRU 缓存 ====================
+// 缓存 lowlight 的 HAST 解析结果，避免重复解析相同代码行
+const HIGHLIGHT_CACHE_CAPACITY = 200;
+const highlightCache = new Map<string, unknown>(); // key → HAST root node
+
+function getCachedHighlight(
+  line: string,
+  language: string | undefined
+): unknown | undefined {
+  const key = `${language ?? '__auto__'}:${line}`;
+  const cached = highlightCache.get(key);
+  if (cached !== undefined) {
+    // LRU: 移到末尾
+    highlightCache.delete(key);
+    highlightCache.set(key, cached);
+  }
+  return cached;
+}
+
+function setCachedHighlight(
+  line: string,
+  language: string | undefined,
+  result: unknown
+): void {
+  const key = `${language ?? '__auto__'}:${line}`;
+  if (highlightCache.size >= HIGHLIGHT_CACHE_CAPACITY) {
+    // 删除最旧的条目（Map 的第一个 key）
+    const firstKey = highlightCache.keys().next().value;
+    if (firstKey !== undefined) {
+      highlightCache.delete(firstKey);
+    }
+  }
+  highlightCache.set(key, result);
+}
+
 interface CodeHighlighterProps {
   content: string;
   language?: string;
@@ -124,27 +159,30 @@ function highlightLine(
   const colors = syntaxColors || themeManager.getTheme().colors.syntax;
 
   try {
+    // 查询 HAST 缓存
+    const cached = getCachedHighlight(line, language);
+    if (cached) {
+      return renderHastNode(cached, colors);
+    }
+
+    let result: unknown;
     if (!language || !lowlight.registered(language)) {
-      // 尝试自动检测语言
-      const result = lowlight.highlightAuto(line);
-      if (!result.children || result.children.length === 0) {
-        return (
-          <Text color={colors.default} wrap="wrap">
-            {line}
-          </Text>
-        );
-      }
-      return renderHastNode(result, colors);
+      result = lowlight.highlightAuto(line);
+    } else {
+      result = lowlight.highlight(language, line);
     }
 
-    const result = lowlight.highlight(language, line);
-    if (!result.children || result.children.length === 0) {
+    const root = result as HastRootNode;
+    if (!root.children || root.children.length === 0) {
       return (
         <Text color={colors.default} wrap="wrap">
           {line}
         </Text>
       );
     }
+
+    // 缓存 HAST 结果
+    setCachedHighlight(line, language, result);
     return renderHastNode(result, colors);
   } catch (_error) {
     return (

packages/cli/src/ui/components/LoadingIndicator.tsx

@@ -70,7 +70,7 @@ export const LoadingIndicator: React.FC<LoadingIndicatorProps> = React.memo(
       paused
     );
 
-    // 动画效果：每 80ms 切换一帧
+    // 动画效果：每 150ms 切换一帧（降低频率减少 React 重渲染）
     // 当 paused=true 时暂停动画，避免被遮挡时仍触发重渲染
     useEffect(() => {
       if (!visible || paused) {
@@ -80,7 +80,7 @@ export const LoadingIndicator: React.FC<LoadingIndicatorProps> = React.memo(
 
       const timer = setInterval(() => {
         setSpinnerFrame((prev) => (prev + 1) % SPINNER_FRAMES.length);
-      }, 80);
+      }, 150);
 
       return () => clearInterval(timer);
     }, [visible, paused]);