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

@@ -1,81 +1,71 @@
-import { c as _c } from "react/compiler-runtime";
-import * as React from 'react';
-import { useMemo } from 'react';
-import { type Command, formatDescriptionWithSource } from '../../commands.js';
-import { Box, Text } from '../../ink.js';
-import { truncate } from '../../utils/format.js';
-import { Select } from '../CustomSelect/select.js';
-import { useTabHeaderFocus } from '../design-system/Tabs.js';
+import * as React from 'react'
+import { useMemo } from 'react'
+import { type Command, formatDescriptionWithSource } from '../../commands.js'
+import { Box, Text } from '../../ink.js'
+import { truncate } from '../../utils/format.js'
+import { Select } from '../CustomSelect/select.js'
+import { useTabHeaderFocus } from '../design-system/Tabs.js'
+
 type Props = {
-  commands: Command[];
-  maxHeight: number;
-  columns: number;
-  title: string;
-  onCancel: () => void;
-  emptyMessage?: string;
-};
-export function Commands(t0) {
-  const $ = _c(14);
-  const {
-    commands,
-    maxHeight,
-    columns,
-    title,
-    onCancel,
-    emptyMessage
-  } = t0;
-  const {
-    headerFocused,
-    focusHeader
-  } = useTabHeaderFocus();
-  const maxWidth = Math.max(1, columns - 10);
-  const visibleCount = Math.max(1, Math.floor((maxHeight - 10) / 2));
-  let t1;
-  if ($[0] !== commands || $[1] !== maxWidth) {
-    const seen = new Set();
-    let t2;
-    if ($[3] !== maxWidth) {
-      t2 = cmd_0 => ({
-        label: `/${cmd_0.name}`,
-        value: cmd_0.name,
-        description: truncate(formatDescriptionWithSource(cmd_0), maxWidth, true)
-      });
-      $[3] = maxWidth;
-      $[4] = t2;
-    } else {
-      t2 = $[4];
-    }
-    t1 = commands.filter(cmd => {
-      if (seen.has(cmd.name)) {
-        return false;
-      }
-      seen.add(cmd.name);
-      return true;
-    }).sort(_temp).map(t2);
-    $[0] = commands;
-    $[1] = maxWidth;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const options = t1;
-  let t2;
-  if ($[5] !== commands.length || $[6] !== emptyMessage || $[7] !== focusHeader || $[8] !== headerFocused || $[9] !== onCancel || $[10] !== options || $[11] !== title || $[12] !== visibleCount) {
-    t2 = <Box flexDirection="column" paddingY={1}>{commands.length === 0 && emptyMessage ? <Text dimColor={true}>{emptyMessage}</Text> : <><Text>{title}</Text><Box marginTop={1}><Select options={options} visibleOptionCount={visibleCount} onCancel={onCancel} disableSelection={true} hideIndexes={true} layout="compact-vertical" onUpFromFirstItem={focusHeader} isDisabled={headerFocused} /></Box></>}</Box>;
-    $[5] = commands.length;
-    $[6] = emptyMessage;
-    $[7] = focusHeader;
-    $[8] = headerFocused;
-    $[9] = onCancel;
-    $[10] = options;
-    $[11] = title;
-    $[12] = visibleCount;
-    $[13] = t2;
-  } else {
-    t2 = $[13];
-  }
-  return t2;
+  commands: Command[]
+  maxHeight: number
+  columns: number
+  title: string
+  onCancel: () => void
+  emptyMessage?: string
 }
-function _temp(a, b) {
-  return a.name.localeCompare(b.name);
+
+export function Commands({
+  commands,
+  maxHeight,
+  columns,
+  title,
+  onCancel,
+  emptyMessage,
+}: Props): React.ReactNode {
+  const { headerFocused, focusHeader } = useTabHeaderFocus()
+  const maxWidth = Math.max(1, columns - 10)
+  const visibleCount = Math.max(1, Math.floor((maxHeight - 10) / 2))
+
+  const options = useMemo(() => {
+    // Custom commands can appear more than once (e.g. same name at user and
+    // project scope). Dedupe by name to avoid React key collisions in Select.
+    const seen = new Set<string>()
+    return commands
+      .filter(cmd => {
+        if (seen.has(cmd.name)) return false
+        seen.add(cmd.name)
+        return true
+      })
+      .sort((a, b) => a.name.localeCompare(b.name))
+      .map(cmd => ({
+        label: `/${cmd.name}`,
+        value: cmd.name,
+        description: truncate(formatDescriptionWithSource(cmd), maxWidth, true),
+      }))
+  }, [commands, maxWidth])
+
+  return (
+    <Box flexDirection="column" paddingY={1}>
+      {commands.length === 0 && emptyMessage ? (
+        <Text dimColor>{emptyMessage}</Text>
+      ) : (
+        <>
+          <Text>{title}</Text>
+          <Box marginTop={1}>
+            <Select
+              options={options}
+              visibleOptionCount={visibleCount}
+              onCancel={onCancel}
+              disableSelection
+              hideIndexes
+              layout="compact-vertical"
+              onUpFromFirstItem={focusHeader}
+              isDisabled={headerFocused}
+            />
+          </Box>
+        </>
+      )}
+    </Box>
+  )
 }