更新大量 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-23 00:35:51 +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/agents/new-agent-creation/wizard-steps/DescriptionStep.tsx
+++ b/src/components/agents/new-agent-creation/wizard-steps/DescriptionStep.tsx
@@ -1,122 +1,94 @@
-import { c as _c } from "react/compiler-runtime";
-import React, { type ReactNode, useCallback, useState } from 'react';
-import { Box, Text } from '../../../../ink.js';
-import { useKeybinding } from '../../../../keybindings/useKeybinding.js';
-import { editPromptInEditor } from '../../../../utils/promptEditor.js';
-import { ConfigurableShortcutHint } from '../../../ConfigurableShortcutHint.js';
-import { Byline } from '../../../design-system/Byline.js';
-import { KeyboardShortcutHint } from '../../../design-system/KeyboardShortcutHint.js';
-import TextInput from '../../../TextInput.js';
-import { useWizard } from '../../../wizard/index.js';
-import { WizardDialogLayout } from '../../../wizard/WizardDialogLayout.js';
-import type { AgentWizardData } from '../types.js';
-export function DescriptionStep() {
-  const $ = _c(18);
-  const {
-    goNext,
-    goBack,
-    updateWizardData,
-    wizardData
-  } = useWizard();
-  const [whenToUse, setWhenToUse] = useState(wizardData.whenToUse || "");
-  const [cursorOffset, setCursorOffset] = useState(whenToUse.length);
-  const [error, setError] = useState(null);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = {
-      context: "Settings"
-    };
-    $[0] = t0;
-  } else {
-    t0 = $[0];
+import React, { type ReactNode, useCallback, useState } from 'react'
+import { Box, Text } from '../../../../ink.js'
+import { useKeybinding } from '../../../../keybindings/useKeybinding.js'
+import { editPromptInEditor } from '../../../../utils/promptEditor.js'
+import { ConfigurableShortcutHint } from '../../../ConfigurableShortcutHint.js'
+import { Byline } from '../../../design-system/Byline.js'
+import { KeyboardShortcutHint } from '../../../design-system/KeyboardShortcutHint.js'
+import TextInput from '../../../TextInput.js'
+import { useWizard } from '../../../wizard/index.js'
+import { WizardDialogLayout } from '../../../wizard/WizardDialogLayout.js'
+import type { AgentWizardData } from '../types.js'
+
+export function DescriptionStep(): ReactNode {
+  const { goNext, goBack, updateWizardData, wizardData } =
+    useWizard<AgentWizardData>()
+  const [whenToUse, setWhenToUse] = useState(wizardData.whenToUse || '')
+  const [cursorOffset, setCursorOffset] = useState(whenToUse.length)
+  const [error, setError] = useState<string | null>(null)
+
+  // Handle escape key - use Settings context so 'n' key doesn't cancel (allows typing 'n' in input)
+  useKeybinding('confirm:no', goBack, { context: 'Settings' })
+
+  const handleExternalEditor = useCallback(async () => {
+    const result = await editPromptInEditor(whenToUse)
+    if (result.content !== null) {
+      setWhenToUse(result.content)
+      setCursorOffset(result.content.length)
+    }
+  }, [whenToUse])
+
+  useKeybinding('chat:externalEditor', handleExternalEditor, {
+    context: 'Chat',
+  })
+
+  const handleSubmit = (value: string): void => {
+    const trimmedValue = value.trim()
+    if (!trimmedValue) {
+      setError('Description is required')
+      return
+    }
+
+    setError(null)
+    updateWizardData({ whenToUse: trimmedValue })
+    goNext()
  }
-  useKeybinding("confirm:no", goBack, t0);
-  let t1;
-  if ($[1] !== whenToUse) {
-    t1 = async () => {
-      const result = await editPromptInEditor(whenToUse);
-      if (result.content !== null) {
-        setWhenToUse(result.content);
-        setCursorOffset(result.content.length);
+
+  return (
+    <WizardDialogLayout
+      subtitle="Description (tell Claude when to use this agent)"
+      footerText={
+        <Byline>
+          <KeyboardShortcutHint shortcut="Type" action="enter text" />
+          <KeyboardShortcutHint shortcut="Enter" action="continue" />
+          <ConfigurableShortcutHint
+            action="chat:externalEditor"
+            context="Chat"
+            fallback="ctrl+g"
+            description="open in editor"
+          />
+          <ConfigurableShortcutHint
+            action="confirm:no"
+            context="Settings"
+            fallback="Esc"
+            description="go back"
+          />
+        </Byline>
      }
-    };
-    $[1] = whenToUse;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const handleExternalEditor = t1;
-  let t2;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = {
-      context: "Chat"
-    };
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  useKeybinding("chat:externalEditor", handleExternalEditor, t2);
-  let t3;
-  if ($[4] !== goNext || $[5] !== updateWizardData) {
-    t3 = value => {
-      const trimmedValue = value.trim();
-      if (!trimmedValue) {
-        setError("Description is required");
-        return;
-      }
-      setError(null);
-      updateWizardData({
-        whenToUse: trimmedValue
-      });
-      goNext();
-    };
-    $[4] = goNext;
-    $[5] = updateWizardData;
-    $[6] = t3;
-  } else {
-    t3 = $[6];
-  }
-  const handleSubmit = t3;
-  let t4;
-  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-    t4 = <Byline><KeyboardShortcutHint shortcut="Type" action="enter text" /><KeyboardShortcutHint shortcut="Enter" action="continue" /><ConfigurableShortcutHint action="chat:externalEditor" context="Chat" fallback="ctrl+g" description="open in editor" /><ConfigurableShortcutHint action="confirm:no" context="Settings" fallback="Esc" description="go back" /></Byline>;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  let t5;
-  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-    t5 = <Text>When should Claude use this agent?</Text>;
-    $[8] = t5;
-  } else {
-    t5 = $[8];
-  }
-  let t6;
-  if ($[9] !== cursorOffset || $[10] !== handleSubmit || $[11] !== whenToUse) {
-    t6 = <Box marginTop={1}><TextInput value={whenToUse} onChange={setWhenToUse} onSubmit={handleSubmit} placeholder="e.g., use this agent after you're done writing code..." columns={80} cursorOffset={cursorOffset} onChangeCursorOffset={setCursorOffset} focus={true} showCursor={true} /></Box>;
-    $[9] = cursorOffset;
-    $[10] = handleSubmit;
-    $[11] = whenToUse;
-    $[12] = t6;
-  } else {
-    t6 = $[12];
-  }
-  let t7;
-  if ($[13] !== error) {
-    t7 = error && <Box marginTop={1}><Text color="error">{error}</Text></Box>;
-    $[13] = error;
-    $[14] = t7;
-  } else {
-    t7 = $[14];
-  }
-  let t8;
-  if ($[15] !== t6 || $[16] !== t7) {
-    t8 = <WizardDialogLayout subtitle="Description (tell Claude when to use this agent)" footerText={t4}><Box flexDirection="column">{t5}{t6}{t7}</Box></WizardDialogLayout>;
-    $[15] = t6;
-    $[16] = t7;
-    $[17] = t8;
-  } else {
-    t8 = $[17];
-  }
-  return t8;
+    >
+      <Box flexDirection="column">
+        <Text>When should Claude use this agent?</Text>
+
+        <Box marginTop={1}>
+          <TextInput
+            value={whenToUse}
+            onChange={setWhenToUse}
+            onSubmit={handleSubmit}
+            placeholder="e.g., use this agent after you're done writing code..."
+            columns={80}
+            cursorOffset={cursorOffset}
+            onChangeCursorOffset={setCursorOffset}
+            focus
+            showCursor
+          />
+        </Box>
+
+        {error && (
+          <Box marginTop={1}>
+            <Text color="error">{error}</Text>
+          </Box>
+        )}
+      </Box>
+    </WizardDialogLayout>
+  )
 }