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

@@ -1,79 +1,45 @@
-import { c as _c } from "react/compiler-runtime";
-import React, { useCallback, useLayoutEffect, useRef, useState } from 'react';
-import { useTerminalSize } from '../../hooks/useTerminalSize.js';
-import { useTerminalViewport } from '../../ink/hooks/use-terminal-viewport.js';
-import { Box, type DOMElement, measureElement } from '../../ink.js';
+import React, { useCallback, useLayoutEffect, useRef, useState } from 'react'
+import { useTerminalSize } from '../../hooks/useTerminalSize.js'
+import { useTerminalViewport } from '../../ink/hooks/use-terminal-viewport.js'
+import { Box, type DOMElement, measureElement } from '../../ink.js'
+
 type Props = {
-  children: React.ReactNode;
-  lock?: 'always' | 'offscreen';
-};
-export function Ratchet(t0) {
-  const $ = _c(10);
-  const {
-    children,
-    lock: t1
-  } = t0;
-  const lock = t1 === undefined ? "always" : t1;
-  const [viewportRef, t2] = useTerminalViewport();
-  const {
-    isVisible
-  } = t2;
-  const {
-    rows
-  } = useTerminalSize();
-  const innerRef = useRef(null);
-  const maxHeight = useRef(0);
-  const [minHeight, setMinHeight] = useState(0);
-  let t3;
-  if ($[0] !== viewportRef) {
-    t3 = el => {
-      viewportRef(el);
-    };
-    $[0] = viewportRef;
-    $[1] = t3;
-  } else {
-    t3 = $[1];
-  }
-  const outerRef = t3;
-  const engaged = lock === "always" || !isVisible;
-  let t4;
-  if ($[2] !== rows) {
-    t4 = () => {
-      if (!innerRef.current) {
-        return;
-      }
-      const {
-        height
-      } = measureElement(innerRef.current);
-      if (height > maxHeight.current) {
-        maxHeight.current = Math.min(height, rows);
-        setMinHeight(maxHeight.current);
-      }
-    };
-    $[2] = rows;
-    $[3] = t4;
-  } else {
-    t4 = $[3];
-  }
-  useLayoutEffect(t4);
-  const t5 = engaged ? minHeight : undefined;
-  let t6;
-  if ($[4] !== children) {
-    t6 = <Box ref={innerRef} flexDirection="column">{children}</Box>;
-    $[4] = children;
-    $[5] = t6;
-  } else {
-    t6 = $[5];
-  }
-  let t7;
-  if ($[6] !== outerRef || $[7] !== t5 || $[8] !== t6) {
-    t7 = <Box minHeight={t5} ref={outerRef}>{t6}</Box>;
-    $[6] = outerRef;
-    $[7] = t5;
-    $[8] = t6;
-    $[9] = t7;
-  } else {
-    t7 = $[9];
-  }
-  return t7;
+  children: React.ReactNode
+  lock?: 'always' | 'offscreen'
+}
+
+export function Ratchet({ children, lock = 'always' }: Props): React.ReactNode {
+  const [viewportRef, { isVisible }] = useTerminalViewport()
+  const { rows } = useTerminalSize()
+  const innerRef = useRef<DOMElement | null>(null)
+  const maxHeight = useRef(0)
+  const [minHeight, setMinHeight] = useState(0)
+
+  const outerRef = useCallback(
+    (el: DOMElement | null) => {
+      viewportRef(el)
+    },
+    [viewportRef],
+  )
+
+  const engaged = lock === 'always' || !isVisible
+
+  useLayoutEffect(() => {
+    if (!innerRef.current) {
+      return
+    }
+    const { height } = measureElement(innerRef.current)
+    if (height > maxHeight.current) {
+      maxHeight.current = Math.min(height, rows)
+      setMinHeight(maxHeight.current)
+    }
+  })
+
+  return (
+    <Box minHeight={engaged ? minHeight : undefined} ref={outerRef}>
+      <Box ref={innerRef} flexDirection="column">
+        {children}
+      </Box>
+    </Box>
+  )
 }