更新大量 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>

src/components/design-system/Divider.tsx

@@ -1,33 +1,33 @@
-import { c as _c } from "react/compiler-runtime";
-import React from 'react';
-import { useTerminalSize } from '../../hooks/useTerminalSize.js';
-import { stringWidth } from '../../ink/stringWidth.js';
-import { Ansi, Text } from '../../ink.js';
-import type { Theme } from '../../utils/theme.js';
+import React from 'react'
+import { useTerminalSize } from '../../hooks/useTerminalSize.js'
+import { stringWidth } from '../../ink/stringWidth.js'
+import { Ansi, Text } from '../../ink.js'
+import type { Theme } from '../../utils/theme.js'
+
 type DividerProps = {
   /**
    * Width of the divider in characters.
    * Defaults to terminal width.
    */
-  width?: number;
+  width?: number
 
   /**
    * Theme color for the divider.
    * If not provided, dimColor is used.
    */
-  color?: keyof Theme;
+  color?: keyof Theme
 
   /**
    * Character to use for the divider line.
    * @default '─'
    */
-  char?: string;
+  char?: string
 
   /**
    * Padding to subtract from the width (e.g., for indentation).
    * @default 0
    */
-  padding?: number;
+  padding?: number
 
   /**
    * Title shown in the middle of the divider.
@@ -37,8 +37,8 @@ type DividerProps = {
    * // ─────────── Title ───────────
    * <Divider title="Title" />
    */
-  title?: string;
-};
+  title?: string
+}
 
 /**
  * A horizontal divider line.
@@ -63,86 +63,35 @@ type DividerProps = {
  * // With centered title
  * <Divider title="3 new messages" />
  */
-export function Divider(t0) {
-  const $ = _c(21);
-  const {
-    width,
-    color,
-    char: t1,
-    padding: t2,
-    title
-  } = t0;
-  const char = t1 === undefined ? "\u2500" : t1;
-  const padding = t2 === undefined ? 0 : t2;
-  const {
-    columns: terminalWidth
-  } = useTerminalSize();
-  const effectiveWidth = Math.max(0, (width ?? terminalWidth) - padding);
+export function Divider({
+  width,
+  color,
+  char = '─',
+  padding = 0,
+  title,
+}: DividerProps): React.ReactNode {
+  const { columns: terminalWidth } = useTerminalSize()
+  const effectiveWidth = Math.max(0, (width ?? terminalWidth) - padding)
+
   if (title) {
-    const titleWidth = stringWidth(title) + 2;
-    const sideWidth = Math.max(0, effectiveWidth - titleWidth);
-    const leftWidth = Math.floor(sideWidth / 2);
-    const rightWidth = sideWidth - leftWidth;
-    const t3 = !color;
-    let t4;
-    if ($[0] !== char || $[1] !== leftWidth) {
-      t4 = char.repeat(leftWidth);
-      $[0] = char;
-      $[1] = leftWidth;
-      $[2] = t4;
-    } else {
-      t4 = $[2];
-    }
-    let t5;
-    if ($[3] !== title) {
-      t5 = <Text dimColor={true}><Ansi>{title}</Ansi></Text>;
-      $[3] = title;
-      $[4] = t5;
-    } else {
-      t5 = $[4];
-    }
-    let t6;
-    if ($[5] !== char || $[6] !== rightWidth) {
-      t6 = char.repeat(rightWidth);
-      $[5] = char;
-      $[6] = rightWidth;
-      $[7] = t6;
-    } else {
-      t6 = $[7];
-    }
-    let t7;
-    if ($[8] !== color || $[9] !== t3 || $[10] !== t4 || $[11] !== t5 || $[12] !== t6) {
-      t7 = <Text color={color} dimColor={t3}>{t4}{" "}{t5}{" "}{t6}</Text>;
-      $[8] = color;
-      $[9] = t3;
-      $[10] = t4;
-      $[11] = t5;
-      $[12] = t6;
-      $[13] = t7;
-    } else {
-      t7 = $[13];
-    }
-    return t7;
+    const titleWidth = stringWidth(title) + 2 // +2 for spaces around title
+    const sideWidth = Math.max(0, effectiveWidth - titleWidth)
+    const leftWidth = Math.floor(sideWidth / 2)
+    const rightWidth = sideWidth - leftWidth
+    return (
+      <Text color={color} dimColor={!color}>
+        {char.repeat(leftWidth)}{' '}
+        <Text dimColor>
+          <Ansi>{title}</Ansi>
+        </Text>{' '}
+        {char.repeat(rightWidth)}
+      </Text>
+    )
   }
-  const t3 = !color;
-  let t4;
-  if ($[14] !== char || $[15] !== effectiveWidth) {
-    t4 = char.repeat(effectiveWidth);
-    $[14] = char;
-    $[15] = effectiveWidth;
-    $[16] = t4;
-  } else {
-    t4 = $[16];
-  }
-  let t5;
-  if ($[17] !== color || $[18] !== t3 || $[19] !== t4) {
-    t5 = <Text color={color} dimColor={t3}>{t4}</Text>;
-    $[17] = color;
-    $[18] = t3;
-    $[19] = t4;
-    $[20] = t5;
-  } else {
-    t5 = $[20];
-  }
-  return t5;
+
+  return (
+    <Text color={color} dimColor={!color}>
+      {char.repeat(effectiveWidth)}
+    </Text>
+  )
 }