versun/claude-code
1
0
Fork 0
mirror of https://github.com/claude-code-best/claude-code.git synced 2026-06-18 14:25:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

更新大量 tsx 原始文件; 已经迁移 login panel; 部分 (#121)

Browse Source 
* 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>
This commit is contained in:
claude-code-best
2026-04-04 23:24:27 +08:00
committed by GitHub
parent 02694918b5
commit 5b1a52b8e0
559 changed files with 103807 additions and 101817 deletions
Download Patch File Download Diff File Expand all files Collapse all files

734
src/utils/swarm/It2SetupPrompt.tsx
View File

@@ -1,379 +1,377 @@
import { c as _c } from "react/compiler-runtime";
import React, { useCallback, useEffect, useState } from 'react';
import { type OptionWithDescription, Select } from '../../components/CustomSelect/index.js';
import { Pane } from '../../components/design-system/Pane.js';
import { Spinner } from '../../components/Spinner.js';
import { useExitOnCtrlCDWithKeybindings } from '../../hooks/useExitOnCtrlCDWithKeybindings.js';
import React, { useCallback, useEffect, useState } from 'react'
import {
type OptionWithDescription,
Select,
} from '../../components/CustomSelect/index.js'
import { Pane } from '../../components/design-system/Pane.js'
import { Spinner } from '../../components/Spinner.js'
import { useExitOnCtrlCDWithKeybindings } from '../../hooks/useExitOnCtrlCDWithKeybindings.js'
// eslint-disable-next-line custom-rules/prefer-use-keybindings -- enter to proceed through setup steps
import { Box, Text, useInput } from '../../ink.js';
import { useKeybinding } from '../../keybindings/useKeybinding.js';
import { detectPythonPackageManager, getPythonApiInstructions, installIt2, markIt2SetupComplete, type PythonPackageManager, setPreferTmuxOverIterm2, verifyIt2Setup } from './backends/it2Setup.js';
type SetupStep = 'initial' | 'installing' | 'install-failed' | 'verify-api' | 'api-instructions' | 'verifying' | 'success' | 'failed';
import { Box, Text, useInput } from '../../ink.js'
import { useKeybinding } from '../../keybindings/useKeybinding.js'
import {
detectPythonPackageManager,
getPythonApiInstructions,
installIt2,
markIt2SetupComplete,
type PythonPackageManager,
setPreferTmuxOverIterm2,
verifyIt2Setup,
} from './backends/it2Setup.js'
type SetupStep =
| 'initial'
| 'installing'
| 'install-failed'
| 'verify-api'
| 'api-instructions'
| 'verifying'
| 'success'
| 'failed'
type Props = {
onDone: (result: 'installed' | 'use-tmux' | 'cancelled') => void;
tmuxAvailable: boolean;
};
export function It2SetupPrompt(t0) {
const $ = _c(44);
const {
onDone,
tmuxAvailable
} = t0;
const [step, setStep] = useState("initial");
const [packageManager, setPackageManager] = useState(null);
const [error, setError] = useState(null);
const exitState = useExitOnCtrlCDWithKeybindings();
let t1;
let t2;
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
t1 = () => {
detectPythonPackageManager().then(pm => {
setPackageManager(pm);
});
};
t2 = [];
$[0] = t1;
$[1] = t2;
} else {
t1 = $[0];
t2 = $[1];
}
useEffect(t1, t2);
let t3;
if ($[2] !== onDone) {
t3 = () => {
onDone("cancelled");
};
$[2] = onDone;
$[3] = t3;
} else {
t3 = $[3];
}
const handleCancel = t3;
const t4 = step !== "installing" && step !== "verifying";
let t5;
if ($[4] !== t4) {
t5 = {
context: "Confirmation",
isActive: t4
};
$[4] = t4;
$[5] = t5;
} else {
t5 = $[5];
}
useKeybinding("confirm:no", handleCancel, t5);
let t6;
if ($[6] !== onDone || $[7] !== step) {
t6 = (_input, key) => {
if (step === "api-instructions" && key.return) {
setStep("verifying");
verifyIt2Setup().then(result => {
if (result.success) {
markIt2SetupComplete();
setStep("success");
setTimeout(onDone, 1500, "installed" as const);
} else {
setError(result.error || "Verification failed");
setStep("failed");
}
});
}
};
$[6] = onDone;
$[7] = step;
$[8] = t6;
} else {
t6 = $[8];
}
useInput(t6);
let t7;
if ($[9] !== packageManager) {
t7 = async function handleInstall() {
if (!packageManager) {
setError("No Python package manager found (uvx, pipx, or pip)");
setStep("failed");
return;
}
setStep("installing");
const result_0 = await installIt2(packageManager);
if (result_0.success) {
setStep("api-instructions");
} else {
setError(result_0.error || "Installation failed");
setStep("install-failed");
}
};
$[9] = packageManager;
$[10] = t7;
} else {
t7 = $[10];
}
const handleInstall = t7;
let t8;
if ($[11] !== onDone) {
t8 = function handleUseTmux() {
setPreferTmuxOverIterm2(true);
onDone("use-tmux");
};
$[11] = onDone;
$[12] = t8;
} else {
t8 = $[12];
}
const handleUseTmux = t8;
let T0;
let T1;
let t10;
let t11;
let t12;
let t13;
let t14;
let t9;
if ($[13] !== error || $[14] !== handleInstall || $[15] !== handleUseTmux || $[16] !== onDone || $[17] !== packageManager || $[18] !== step || $[19] !== tmuxAvailable) {
const renderContent = () => {
switch (step) {
case "initial":
{
return renderInitialPrompt();
}
case "installing":
{
return renderInstalling();
}
case "install-failed":
{
return renderInstallFailed();
}
case "api-instructions":
{
return renderApiInstructions();
}
case "verifying":
{
return renderVerifying();
}
case "success":
{
return renderSuccess();
}
case "failed":
{
return renderFailed();
}
default:
{
return null;
}
}
};
function renderInitialPrompt() {
const options = [{
label: "Install it2 now",
value: "install",
description: packageManager ? `Uses ${packageManager} to install the it2 CLI tool` : "Requires Python (uvx, pipx, or pip)"
}];
if (tmuxAvailable) {
options.push({
label: "Use tmux instead",
value: "tmux",
description: "Opens teammates in a separate tmux session"
});
}
options.push({
label: "Cancel",
value: "cancel",
description: "Skip teammate spawning for now"
});
return <Box flexDirection="column" gap={1}><Text>To use native iTerm2 split panes for teammates, you need the{" "}<Text bold={true}>it2</Text> CLI tool.</Text><Text dimColor={true}>This enables teammates to appear as split panes within your current window.</Text><Box marginTop={1}><Select options={options} onChange={value => {
bb61: switch (value) {
case "install":
{
handleInstall();
break bb61;
}
case "tmux":
{
handleUseTmux();
break bb61;
}
case "cancel":
{
onDone("cancelled");
}
}
}} onCancel={() => onDone("cancelled")} /></Box></Box>;
onDone: (result: 'installed' | 'use-tmux' | 'cancelled') => void
tmuxAvailable: boolean
}
export function It2SetupPrompt({
onDone,
tmuxAvailable,
}: Props): React.ReactNode {
const [step, setStep] = useState<SetupStep>('initial')
const [packageManager, setPackageManager] =
useState<PythonPackageManager | null>(null)
const [error, setError] = useState<string | null>(null)
const exitState = useExitOnCtrlCDWithKeybindings()
// Detect package manager on mount
useEffect(() => {
void detectPythonPackageManager().then(pm => {
setPackageManager(pm)
})
}, [])
const handleCancel = useCallback(() => {
onDone('cancelled')
}, [onDone])
useKeybinding('confirm:no', handleCancel, {
context: 'Confirmation',
isActive: step !== 'installing' && step !== 'verifying',
})
// Handle keyboard input for verification step
useInput((_input, key) => {
if (step === 'api-instructions' && key.return) {
setStep('verifying')
void verifyIt2Setup().then(result => {
if (result.success) {
markIt2SetupComplete()
setStep('success')
setTimeout(onDone, 1500, 'installed' as const)
} else {
setError(result.error || 'Verification failed')
setStep('failed')
}
})
}
function renderInstalling() {
return <Box flexDirection="column" gap={1}><Box><Spinner /><Text> Installing it2 using {packageManager}…</Text></Box><Text dimColor={true}>This may take a moment.</Text></Box>;
})
// Handle installation
async function handleInstall(): Promise<void> {
if (!packageManager) {
setError('No Python package manager found (uvx, pipx, or pip)')
setStep('failed')
return
}
function renderInstallFailed() {
const options_0 = [{
label: "Try again",
value: "retry",
description: "Retry the installation"
}];
if (tmuxAvailable) {
options_0.push({
label: "Use tmux instead",
value: "tmux",
description: "Falls back to tmux for teammate panes"
});
}
options_0.push({
label: "Cancel",
value: "cancel",
description: "Skip teammate spawning for now"
});
return <Box flexDirection="column" gap={1}><Text color="error">Installation failed</Text>{error && <Text dimColor={true}>{error}</Text>}<Text dimColor={true}>You can try installing manually:{" "}{packageManager === "uvx" ? "uv tool install it2" : packageManager === "pipx" ? "pipx install it2" : "pip install --user it2"}</Text><Box marginTop={1}><Select options={options_0} onChange={value_0 => {
bb89: switch (value_0) {
case "retry":
{
handleInstall();
break bb89;
}
case "tmux":
{
handleUseTmux();
break bb89;
}
case "cancel":
{
onDone("cancelled");
}
}
}} onCancel={() => onDone("cancelled")} /></Box></Box>;
}
function renderApiInstructions() {
const instructions = getPythonApiInstructions();
return <Box flexDirection="column" gap={1}><Text color="success">✓ it2 installed successfully</Text><Box flexDirection="column" marginTop={1}>{instructions.map(_temp)}</Box><Box marginTop={1}><Text dimColor={true}>Press Enter when ready to verify…</Text></Box></Box>;
}
function renderVerifying() {
return <Box><Spinner /><Text> Verifying it2 can communicate with iTerm2…</Text></Box>;
}
function renderSuccess() {
return <Box flexDirection="column"><Text color="success">✓ iTerm2 split pane support is ready</Text><Text dimColor={true}>Teammates will now appear as split panes.</Text></Box>;
}
function renderFailed() {
const options_1 = [{
label: "Try again",
value: "retry",
description: "Verify the connection again"
}];
if (tmuxAvailable) {
options_1.push({
label: "Use tmux instead",
value: "tmux",
description: "Falls back to tmux for teammate panes"
});
}
options_1.push({
label: "Cancel",
value: "cancel",
description: "Skip teammate spawning for now"
});
return <Box flexDirection="column" gap={1}><Text color="error">Verification failed</Text>{error && <Text dimColor={true}>{error}</Text>}<Text>Make sure:</Text><Box flexDirection="column" paddingLeft={2}><Text>· Python API is enabled in iTerm2 preferences</Text><Text>· You may need to restart iTerm2 after enabling</Text></Box><Box marginTop={1}><Select options={options_1} onChange={value_1 => {
bb115: switch (value_1) {
case "retry":
{
setStep("verifying");
verifyIt2Setup().then(result_1 => {
if (result_1.success) {
markIt2SetupComplete();
setStep("success");
setTimeout(onDone, 1500, "installed" as const);
} else {
setError(result_1.error || "Verification failed");
setStep("failed");
}
});
break bb115;
}
case "tmux":
{
handleUseTmux();
break bb115;
}
case "cancel":
{
onDone("cancelled");
}
}
}} onCancel={() => onDone("cancelled")} /></Box></Box>;
}
T1 = Pane;
t14 = "permission";
T0 = Box;
t9 = "column";
t10 = 1;
t11 = 1;
if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
t12 = <Text bold={true} color="permission">iTerm2 Split Pane Setup</Text>;
$[28] = t12;
setStep('installing')
const result = await installIt2(packageManager)
if (result.success) {
// Show Python API instructions
setStep('api-instructions')
} else {
t12 = $[28];
setError(result.error || 'Installation failed')
setStep('install-failed')
}
t13 = renderContent();
$[13] = error;
$[14] = handleInstall;
$[15] = handleUseTmux;
$[16] = onDone;
$[17] = packageManager;
$[18] = step;
$[19] = tmuxAvailable;
$[20] = T0;
$[21] = T1;
$[22] = t10;
$[23] = t11;
$[24] = t12;
$[25] = t13;
$[26] = t14;
$[27] = t9;
} else {
T0 = $[20];
T1 = $[21];
t10 = $[22];
t11 = $[23];
t12 = $[24];
t13 = $[25];
t14 = $[26];
t9 = $[27];
}
let t15;
if ($[29] !== exitState || $[30] !== step) {
t15 = step !== "installing" && step !== "verifying" && step !== "success" && <Text dimColor={true} italic={true}>{exitState.pending ? <>Press {exitState.keyName} again to exit</> : <>Esc to cancel</>}</Text>;
$[29] = exitState;
$[30] = step;
$[31] = t15;
} else {
t15 = $[31];
// Handle using tmux instead
function handleUseTmux(): void {
setPreferTmuxOverIterm2(true)
onDone('use-tmux')
}
let t16;
if ($[32] !== T0 || $[33] !== t10 || $[34] !== t11 || $[35] !== t12 || $[36] !== t13 || $[37] !== t15 || $[38] !== t9) {
t16 = <T0 flexDirection={t9} gap={t10} paddingBottom={t11}>{t12}{t13}{t15}</T0>;
$[32] = T0;
$[33] = t10;
$[34] = t11;
$[35] = t12;
$[36] = t13;
$[37] = t15;
$[38] = t9;
$[39] = t16;
} else {
t16 = $[39];
// Render based on current step
const renderContent = (): React.ReactNode => {
switch (step) {
case 'initial':
return renderInitialPrompt()
case 'installing':
return renderInstalling()
case 'install-failed':
return renderInstallFailed()
case 'api-instructions':
return renderApiInstructions()
case 'verifying':
return renderVerifying()
case 'success':
return renderSuccess()
case 'failed':
return renderFailed()
default:
return null
}
}
let t17;
if ($[40] !== T1 || $[41] !== t14 || $[42] !== t16) {
t17 = <T1 color={t14}>{t16}</T1>;
$[40] = T1;
$[41] = t14;
$[42] = t16;
$[43] = t17;
} else {
t17 = $[43];
function renderInitialPrompt(): React.ReactNode {
const options: OptionWithDescription<string>[] = [
{
label: 'Install it2 now',
value: 'install',
description: packageManager
? `Uses ${packageManager} to install the it2 CLI tool`
: 'Requires Python (uvx, pipx, or pip)',
},
]
if (tmuxAvailable) {
options.push({
label: 'Use tmux instead',
value: 'tmux',
description: 'Opens teammates in a separate tmux session',
})
}
options.push({
label: 'Cancel',
value: 'cancel',
description: 'Skip teammate spawning for now',
})
return (
<Box flexDirection="column" gap={1}>
<Text>
To use native iTerm2 split panes for teammates, you need the{' '}
<Text bold>it2</Text> CLI tool.
</Text>
<Text dimColor>
This enables teammates to appear as split panes within your current
window.
</Text>
<Box marginTop={1}>
<Select
options={options}
onChange={value => {
switch (value) {
case 'install':
void handleInstall()
break
case 'tmux':
handleUseTmux()
break
case 'cancel':
onDone('cancelled')
break
}
}}
onCancel={() => onDone('cancelled')}
/>
</Box>
</Box>
)
}
return t17;
}
function _temp(line, i) {
return <Text key={i}>{line}</Text>;
function renderInstalling(): React.ReactNode {
return (
<Box flexDirection="column" gap={1}>
<Box>
<Spinner />
<Text> Installing it2 using {packageManager}…</Text>
</Box>
<Text dimColor>This may take a moment.</Text>
</Box>
)
}
function renderInstallFailed(): React.ReactNode {
const options: OptionWithDescription<string>[] = [
{
label: 'Try again',
value: 'retry',
description: 'Retry the installation',
},
]
if (tmuxAvailable) {
options.push({
label: 'Use tmux instead',
value: 'tmux',
description: 'Falls back to tmux for teammate panes',
})
}
options.push({
label: 'Cancel',
value: 'cancel',
description: 'Skip teammate spawning for now',
})
return (
<Box flexDirection="column" gap={1}>
<Text color="error">Installation failed</Text>
{error && <Text dimColor>{error}</Text>}
<Text dimColor>
You can try installing manually:{' '}
{packageManager === 'uvx'
? 'uv tool install it2'
: packageManager === 'pipx'
? 'pipx install it2'
: 'pip install --user it2'}
</Text>
<Box marginTop={1}>
<Select
options={options}
onChange={value => {
switch (value) {
case 'retry':
void handleInstall()
break
case 'tmux':
handleUseTmux()
break
case 'cancel':
onDone('cancelled')
break
}
}}
onCancel={() => onDone('cancelled')}
/>
</Box>
</Box>
)
}
function renderApiInstructions(): React.ReactNode {
const instructions = getPythonApiInstructions()
return (
<Box flexDirection="column" gap={1}>
<Text color="success">✓ it2 installed successfully</Text>
<Box flexDirection="column" marginTop={1}>
{instructions.map((line, i) => (
<Text key={i}>{line}</Text>
))}
</Box>
<Box marginTop={1}>
<Text dimColor>Press Enter when ready to verify…</Text>
</Box>
</Box>
)
}
function renderVerifying(): React.ReactNode {
return (
<Box>
<Spinner />
<Text> Verifying it2 can communicate with iTerm2…</Text>
</Box>
)
}
function renderSuccess(): React.ReactNode {
return (
<Box flexDirection="column">
<Text color="success">✓ iTerm2 split pane support is ready</Text>
<Text dimColor>Teammates will now appear as split panes.</Text>
</Box>
)
}
function renderFailed(): React.ReactNode {
const options: OptionWithDescription<string>[] = [
{
label: 'Try again',
value: 'retry',
description: 'Verify the connection again',
},
]
if (tmuxAvailable) {
options.push({
label: 'Use tmux instead',
value: 'tmux',
description: 'Falls back to tmux for teammate panes',
})
}
options.push({
label: 'Cancel',
value: 'cancel',
description: 'Skip teammate spawning for now',
})
return (
<Box flexDirection="column" gap={1}>
<Text color="error">Verification failed</Text>
{error && <Text dimColor>{error}</Text>}
<Text>Make sure:</Text>
<Box flexDirection="column" paddingLeft={2}>
<Text>· Python API is enabled in iTerm2 preferences</Text>
<Text>· You may need to restart iTerm2 after enabling</Text>
</Box>
<Box marginTop={1}>
<Select
options={options}
onChange={value => {
switch (value) {
case 'retry':
setStep('verifying')
void verifyIt2Setup().then(result => {
if (result.success) {
markIt2SetupComplete()
setStep('success')
setTimeout(onDone, 1500, 'installed' as const)
} else {
setError(result.error || 'Verification failed')
setStep('failed')
}
})
break
case 'tmux':
handleUseTmux()
break
case 'cancel':
onDone('cancelled')
break
}
}}
onCancel={() => onDone('cancelled')}
/>
</Box>
</Box>
)
}
return (
<Pane color="permission">
<Box flexDirection="column" gap={1} paddingBottom={1}>
<Text bold color="permission">
iTerm2 Split Pane Setup
</Text>
{renderContent()}
{step !== 'installing' &&
step !== 'verifying' &&
step !== 'success' && (
<Text dimColor italic>
{exitState.pending ? (
<>Press {exitState.keyName} again to exit</>
) : (
<>Esc to cancel</>
)}
</Text>
)}
</Box>
</Pane>
)
}