更新大量 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/Pane.tsx

@@ -1,16 +1,16 @@
-import { c as _c } from "react/compiler-runtime";
-import React from 'react';
-import { useIsInsideModal } from '../../context/modalContext.js';
-import { Box } from '../../ink.js';
-import type { Theme } from '../../utils/theme.js';
-import { Divider } from './Divider.js';
+import React from 'react'
+import { useIsInsideModal } from '../../context/modalContext.js'
+import { Box } from '../../ink.js'
+import type { Theme } from '../../utils/theme.js'
+import { Divider } from './Divider.js'
+
 type PaneProps = {
-  children: React.ReactNode;
+  children: React.ReactNode
   /**
    * Theme color for the top border line.
    */
-  color?: keyof Theme;
-};
+  color?: keyof Theme
+}
 
 /**
  * A pane — a region of the terminal that appears below the REPL prompt,
@@ -30,47 +30,28 @@ type PaneProps = {
  *   <Tabs title="Sandbox:">...</Tabs>
  * </Pane>
  */
-export function Pane(t0) {
-  const $ = _c(9);
-  const {
-    children,
-    color
-  } = t0;
+export function Pane({ children, color }: PaneProps): React.ReactNode {
+  // When rendered inside FullscreenLayout's modal slot, its ▔ divider IS
+  // the frame. Skip our own Divider (would double-frame) and the extra top
+  // padding. This lets slash-command screens that wrap in Pane (e.g.
+  // /model → ModelPicker) route through the modal slot unchanged.
   if (useIsInsideModal()) {
-    let t1;
-    if ($[0] !== children) {
-      t1 = <Box flexDirection="column" paddingX={1} flexShrink={0}>{children}</Box>;
-      $[0] = children;
-      $[1] = t1;
-    } else {
-      t1 = $[1];
-    }
-    return t1;
+    // flexShrink=0: the modal slot's absolute Box has no explicit height
+    // (grows to fit, maxHeight cap). With flexGrow=1, re-renders cause
+    // yoga to resolve this Box's height to 0 against the undetermined
+    // parent — /permissions body blanks on Down arrow. See #23592.
+    return (
+      <Box flexDirection="column" paddingX={1} flexShrink={0}>
+        {children}
+      </Box>
+    )
   }
-  let t1;
-  if ($[2] !== color) {
-    t1 = <Divider color={color} />;
-    $[2] = color;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  let t2;
-  if ($[4] !== children) {
-    t2 = <Box flexDirection="column" paddingX={2}>{children}</Box>;
-    $[4] = children;
-    $[5] = t2;
-  } else {
-    t2 = $[5];
-  }
-  let t3;
-  if ($[6] !== t1 || $[7] !== t2) {
-    t3 = <Box flexDirection="column" paddingTop={1}>{t1}{t2}</Box>;
-    $[6] = t1;
-    $[7] = t2;
-    $[8] = t3;
-  } else {
-    t3 = $[8];
-  }
-  return t3;
+  return (
+    <Box flexDirection="column" paddingTop={1}>
+      <Divider color={color} />
+      <Box flexDirection="column" paddingX={2}>
+        {children}
+      </Box>
+    </Box>
+  )
 }