refactor(ui): 优化 ThemeableStatic 组件及 ThemeManager 初始化逻辑

- 用 ink 的 Static 组件替代 Box，避免重复渲染已渲染项
- 通过 React.memo 和自定义比较函数跳过 render prop.children 比较
- ThemeableStatic 使用复合 key 强制重挂载以响应主题或重置变动
- ThemeManager init 方法仅在主题实际变化时通知监听器，避免重复渲染
- 精简主题应用逻辑，提升启动性能和渲染效率

Author: hqwlkj

src/ui/components/ThemeableStatic/index.tsx

@@ -1,5 +1,5 @@
 import React, { useMemo } from "react";
-import { Box } from "ink";
+import { Static } from "ink";
 
 type Props<T> = {
   items: T[];
@@ -14,22 +14,28 @@ type Props<T> = {
  *
  * Ink 的 <Static> 组件只渲染新增的 items，已渲染的 items 不会重新渲染。
  * 这个组件始终渲染所有 items，使用 key={themeVersion}:{resetKey} 在主题变化或内容重置时强制重新挂载。
+ *
+ * 使用 React.memo + 自定义比较跳过 children (render prop) 的比较，
+ * 避免父组件因 nowTick 等无关状态变化导致每帧重渲染。
  */
-export default function ThemeableStatic<T>({
+const ThemeableStaticInner = function ThemeableStaticInner<T>({
   items,
   themeVersion,
   resetKey,
   children: render,
 }: Props<T>): React.ReactElement {
-  const children = useMemo(() => {
-    return items.map((item, index) => render(item, index));
-  }, [items, render]);
-
   const compositeKey = `${themeVersion}:${resetKey ?? 0}`;
 
+  const wrappedRender = useMemo(() => (item: T, index: number) => render(item, index), [render]);
   return (
-    <Box key={compositeKey} flexDirection="column">
-      {children}
-    </Box>
+    <Static key={compositeKey} items={items}>
+      {wrappedRender}
+    </Static>
   );
+};
+
+function propsAreEqual(prev: Props<unknown>, next: Props<unknown>): boolean {
+  return prev.items === next.items && prev.themeVersion === next.themeVersion && prev.resetKey === next.resetKey;
 }
+
+export default React.memo(ThemeableStaticInner, propsAreEqual) as typeof ThemeableStaticInner;

src/ui/theme/ThemeManager.ts

@@ -31,10 +31,23 @@ export class ThemeManager {
   /**
    * 异步初始化（含 OSC 11 终端背景查询）。
    * 应在 App 启动时调用一次。
+   *
+   * 只有主题实际变化时才通知监听器，避免首次挂载时因 themeVersion
+   * 递增导致 Static 组件卸载再挂载，产生重复的欢迎页渲染。
    */
   async init(): Promise<void> {
     this.terminalBg = await detectTerminalThemeAsync();
-    this.refreshFromSettings();
+    const themeSettings = this.loadThemeSettings();
+    const newTheme = this.resolveWithContrast(themeSettings);
+    const newPreset = this.loadPresetFromSettings();
+
+    if (newPreset !== this.currentPreset) {
+      this.applyTheme(newTheme, newPreset);
+    } else {
+      this.currentTheme = newTheme;
+      this.currentPreset = newPreset;
+      setCurrentTheme(newTheme);
+    }
   }
 
   /**