更新大量 tsx 原始文件; 已经迁移 login panel; 部分 (#121)

* style(B1-1): 格式化 ink/buddy/cli/context/screens/tasks/services/keybindings/state (43 files) 纯格式化：移除分号、React Compiler import、import 多行展开。修复了 Box.tsx 和 ScrollBox.tsx 中无效的 global.d.ts import。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-2): 格式化 commands (79 files) 纯格式化：移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-3): 格式化 components/messages,permissions,mcp,sandbox,shell (104 files) 纯格式化：移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-4): 格式化 components/PromptInput,FeedbackSurvey,tasks,agents,skills,design-system,wizard (73 files) 纯格式化：移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-5): 格式化 components其余 + hooks + tools (232 files) 纯格式化：移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-6): 格式化 main/entrypoints/utils/moreright (21 files) 纯格式化：移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * docs: 更新 README，新增 Run.ps1/TODO.md，删除 V6.md - README.md: 大幅重写，更详细版本历史和配置示例 - Run.ps1: 新增 Windows 启动脚本 - TODO.md: 新增包完成清单 - V6.md: 删除（架构重构规划已不适用） Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * fix: 修复以前的问题 * fix: 修复 login 面板的问题 --------- Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
2026-06-21 15:55:50 +00:00 · 2026-04-04 23:24:27 +08:00
parent 02694918b5
commit 5b1a52b8e0
559 changed files with 103807 additions and 101817 deletions
--- a/src/components/design-system/ThemeProvider.tsx
+++ b/src/components/design-system/ThemeProvider.tsx
@@ -1,169 +1,160 @@
-import { c as _c } from "react/compiler-runtime";
-import { feature } from 'bun:bundle';
-import React, { createContext, useContext, useEffect, useMemo, useState } from 'react';
-import useStdin from '../../ink/hooks/use-stdin.js';
-import { getGlobalConfig, saveGlobalConfig } from '../../utils/config.js';
-import { getSystemThemeName, type SystemTheme } from '../../utils/systemTheme.js';
-import type { ThemeName, ThemeSetting } from '../../utils/theme.js';
+import { feature } from 'bun:bundle'
+import React, {
+  createContext,
+  useContext,
+  useEffect,
+  useMemo,
+  useState,
+} from 'react'
+import useStdin from '../../ink/hooks/use-stdin.js'
+import { getGlobalConfig, saveGlobalConfig } from '../../utils/config.js'
+import {
+  getSystemThemeName,
+  type SystemTheme,
+} from '../../utils/systemTheme.js'
+import type { ThemeName, ThemeSetting } from '../../utils/theme.js'
+
 type ThemeContextValue = {
  /** The saved user preference. May be 'auto'. */
-  themeSetting: ThemeSetting;
-  setThemeSetting: (setting: ThemeSetting) => void;
-  setPreviewTheme: (setting: ThemeSetting) => void;
-  savePreview: () => void;
-  cancelPreview: () => void;
+  themeSetting: ThemeSetting
+  setThemeSetting: (setting: ThemeSetting) => void
+  setPreviewTheme: (setting: ThemeSetting) => void
+  savePreview: () => void
+  cancelPreview: () => void
  /** The resolved theme to render with. Never 'auto'. */
-  currentTheme: ThemeName;
-};
+  currentTheme: ThemeName
+}

 // Non-'auto' default so useTheme() works without a provider (tests, tooling).
-const DEFAULT_THEME: ThemeName = 'dark';
+const DEFAULT_THEME: ThemeName = 'dark'
+
 const ThemeContext = createContext<ThemeContextValue>({
  themeSetting: DEFAULT_THEME,
  setThemeSetting: () => {},
  setPreviewTheme: () => {},
  savePreview: () => {},
  cancelPreview: () => {},
-  currentTheme: DEFAULT_THEME
-});
+  currentTheme: DEFAULT_THEME,
+})
+
 type Props = {
-  children: React.ReactNode;
-  initialState?: ThemeSetting;
-  onThemeSave?: (setting: ThemeSetting) => void;
-};
+  children: React.ReactNode
+  initialState?: ThemeSetting
+  onThemeSave?: (setting: ThemeSetting) => void
+}
+
 function defaultInitialTheme(): ThemeSetting {
-  return getGlobalConfig().theme;
+  return getGlobalConfig().theme
 }
+
 function defaultSaveTheme(setting: ThemeSetting): void {
-  saveGlobalConfig(current => ({
-    ...current,
-    theme: setting
-  }));
+  saveGlobalConfig(current => ({ ...current, theme: setting }))
 }
+
 export function ThemeProvider({
  children,
  initialState,
-  onThemeSave = defaultSaveTheme
+  onThemeSave = defaultSaveTheme,
 }: Props) {
-  const [themeSetting, setThemeSetting] = useState(initialState ?? defaultInitialTheme);
-  const [previewTheme, setPreviewTheme] = useState<ThemeSetting | null>(null);
+  const [themeSetting, setThemeSetting] = useState(
+    initialState ?? defaultInitialTheme,
+  )
+  const [previewTheme, setPreviewTheme] = useState<ThemeSetting | null>(null)

  // Track terminal theme for 'auto' resolution. Seeds from $COLORFGBG (or
  // 'dark' if unset); the OSC 11 watcher corrects it on first poll.
-  const [systemTheme, setSystemTheme] = useState<SystemTheme>(() => (initialState ?? themeSetting) === 'auto' ? getSystemThemeName() : 'dark');
+  const [systemTheme, setSystemTheme] = useState<SystemTheme>(() =>
+    (initialState ?? themeSetting) === 'auto' ? getSystemThemeName() : 'dark',
+  )

  // The setting currently in effect (preview wins while picker is open)
-  const activeSetting = previewTheme ?? themeSetting;
-  const {
-    internal_querier
-  } = useStdin();
+  const activeSetting = previewTheme ?? themeSetting
+
+  const { internal_querier } = useStdin()

  // Watch for live terminal theme changes while 'auto' is active.
  // Positive feature() pattern so the watcher import is dead-code-eliminated
  // in external builds.
  useEffect(() => {
    if (feature('AUTO_THEME')) {
-      if (activeSetting !== 'auto' || !internal_querier) return;
-      let cleanup: (() => void) | undefined;
-      let cancelled = false;
-      void import('../../utils/systemThemeWatcher.js').then(({
-        watchSystemTheme
-      }) => {
-        if (cancelled) return;
-        cleanup = watchSystemTheme(internal_querier, setSystemTheme);
-      });
+      if (activeSetting !== 'auto' || !internal_querier) return
+      let cleanup: (() => void) | undefined
+      let cancelled = false
+      void import('../../utils/systemThemeWatcher.js').then(
+        ({ watchSystemTheme }) => {
+          if (cancelled) return
+          cleanup = watchSystemTheme(internal_querier, setSystemTheme)
+        },
+      )
      return () => {
-        cancelled = true;
-        cleanup?.();
-      };
+        cancelled = true
+        cleanup?.()
+      }
    }
-  }, [activeSetting, internal_querier]);
-  const currentTheme: ThemeName = activeSetting === 'auto' ? systemTheme : activeSetting;
-  const value = useMemo<ThemeContextValue>(() => ({
-    themeSetting,
-    setThemeSetting: (newSetting: ThemeSetting) => {
-      setThemeSetting(newSetting);
-      setPreviewTheme(null);
-      // Switching to 'auto' restarts the watcher (activeSetting dep), whose
-      // first poll fires immediately. Seed from the cache so the OSC
-      // round-trip doesn't flash the wrong palette.
-      if (newSetting === 'auto') {
-        setSystemTheme(getSystemThemeName());
-      }
-      onThemeSave?.(newSetting);
-    },
-    setPreviewTheme: (newSetting_0: ThemeSetting) => {
-      setPreviewTheme(newSetting_0);
-      if (newSetting_0 === 'auto') {
-        setSystemTheme(getSystemThemeName());
-      }
-    },
-    savePreview: () => {
-      if (previewTheme !== null) {
-        setThemeSetting(previewTheme);
-        setPreviewTheme(null);
-        onThemeSave?.(previewTheme);
-      }
-    },
-    cancelPreview: () => {
-      if (previewTheme !== null) {
-        setPreviewTheme(null);
-      }
-    },
-    currentTheme
-  }), [themeSetting, previewTheme, currentTheme, onThemeSave]);
-  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;
+  }, [activeSetting, internal_querier])
+
+  const currentTheme: ThemeName =
+    activeSetting === 'auto' ? systemTheme : activeSetting
+
+  const value = useMemo<ThemeContextValue>(
+    () => ({
+      themeSetting,
+      setThemeSetting: (newSetting: ThemeSetting) => {
+        setThemeSetting(newSetting)
+        setPreviewTheme(null)
+        // Switching to 'auto' restarts the watcher (activeSetting dep), whose
+        // first poll fires immediately. Seed from the cache so the OSC
+        // round-trip doesn't flash the wrong palette.
+        if (newSetting === 'auto') {
+          setSystemTheme(getSystemThemeName())
+        }
+        onThemeSave?.(newSetting)
+      },
+      setPreviewTheme: (newSetting: ThemeSetting) => {
+        setPreviewTheme(newSetting)
+        if (newSetting === 'auto') {
+          setSystemTheme(getSystemThemeName())
+        }
+      },
+      savePreview: () => {
+        if (previewTheme !== null) {
+          setThemeSetting(previewTheme)
+          setPreviewTheme(null)
+          onThemeSave?.(previewTheme)
+        }
+      },
+      cancelPreview: () => {
+        if (previewTheme !== null) {
+          setPreviewTheme(null)
+        }
+      },
+      currentTheme,
+    }),
+    [themeSetting, previewTheme, currentTheme, onThemeSave],
+  )
+
+  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>
 }

 /**
 * Returns the resolved theme for rendering (never 'auto') and a setter that
 * accepts any ThemeSetting (including 'auto').
 */
-export function useTheme() {
-  const $ = _c(3);
-  const {
-    currentTheme,
-    setThemeSetting
-  } = useContext(ThemeContext);
-  let t0;
-  if ($[0] !== currentTheme || $[1] !== setThemeSetting) {
-    t0 = [currentTheme, setThemeSetting];
-    $[0] = currentTheme;
-    $[1] = setThemeSetting;
-    $[2] = t0;
-  } else {
-    t0 = $[2];
-  }
-  return t0;
+export function useTheme(): [ThemeName, (setting: ThemeSetting) => void] {
+  const { currentTheme, setThemeSetting } = useContext(ThemeContext)
+  return [currentTheme, setThemeSetting]
 }

 /**
 * Returns the raw theme setting as stored in config. Use this in UI that
 * needs to show 'auto' as a distinct choice (e.g., ThemePicker).
 */
-export function useThemeSetting() {
-  return useContext(ThemeContext).themeSetting;
+export function useThemeSetting(): ThemeSetting {
+  return useContext(ThemeContext).themeSetting
 }
+
 export function usePreviewTheme() {
-  const $ = _c(4);
-  const {
-    setPreviewTheme,
-    savePreview,
-    cancelPreview
-  } = useContext(ThemeContext);
-  let t0;
-  if ($[0] !== cancelPreview || $[1] !== savePreview || $[2] !== setPreviewTheme) {
-    t0 = {
-      setPreviewTheme,
-      savePreview,
-      cancelPreview
-    };
-    $[0] = cancelPreview;
-    $[1] = savePreview;
-    $[2] = setPreviewTheme;
-    $[3] = t0;
-  } else {
-    t0 = $[3];
-  }
-  return t0;
+  const { setPreviewTheme, savePreview, cancelPreview } =
+    useContext(ThemeContext)
+  return { setPreviewTheme, savePreview, cancelPreview }
 }