mirror of
https://github.com/claude-code-best/claude-code.git
synced 2026-06-22 16:25:51 +00:00
更新大量 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>
This commit is contained in:
claude-code-best
@@ -1,219 +1,148 @@
|
||||
import { c as _c } from "react/compiler-runtime";
|
||||
import figures from 'figures';
|
||||
import * as React from 'react';
|
||||
import type { KeyboardEvent } from '../../ink/events/keyboard-event.js';
|
||||
import { Box, Text } from '../../ink.js';
|
||||
import { useKeybinding } from '../../keybindings/useKeybinding.js';
|
||||
import type { Tools } from '../../Tool.js';
|
||||
import { getAgentColor } from '../../tools/AgentTool/agentColorManager.js';
|
||||
import { getMemoryScopeDisplay } from '../../tools/AgentTool/agentMemory.js';
|
||||
import { resolveAgentTools } from '../../tools/AgentTool/agentToolUtils.js';
|
||||
import { type AgentDefinition, isBuiltInAgent } from '../../tools/AgentTool/loadAgentsDir.js';
|
||||
import { getAgentModelDisplay } from '../../utils/model/agent.js';
|
||||
import { Markdown } from '../Markdown.js';
|
||||
import { getActualRelativeAgentFilePath } from './agentFileUtils.js';
|
||||
import figures from 'figures'
|
||||
import * as React from 'react'
|
||||
import type { KeyboardEvent } from '../../ink/events/keyboard-event.js'
|
||||
import { Box, Text } from '../../ink.js'
|
||||
import { useKeybinding } from '../../keybindings/useKeybinding.js'
|
||||
import type { Tools } from '../../Tool.js'
|
||||
import { getAgentColor } from '../../tools/AgentTool/agentColorManager.js'
|
||||
import { getMemoryScopeDisplay } from '../../tools/AgentTool/agentMemory.js'
|
||||
import { resolveAgentTools } from '../../tools/AgentTool/agentToolUtils.js'
|
||||
import {
|
||||
type AgentDefinition,
|
||||
isBuiltInAgent,
|
||||
} from '../../tools/AgentTool/loadAgentsDir.js'
|
||||
import { getAgentModelDisplay } from '../../utils/model/agent.js'
|
||||
import { Markdown } from '../Markdown.js'
|
||||
import { getActualRelativeAgentFilePath } from './agentFileUtils.js'
|
||||
|
||||
type Props = {
|
||||
agent: AgentDefinition;
|
||||
tools: Tools;
|
||||
allAgents?: AgentDefinition[];
|
||||
onBack: () => void;
|
||||
};
|
||||
export function AgentDetail(t0) {
|
||||
const $ = _c(48);
|
||||
const {
|
||||
agent,
|
||||
tools,
|
||||
onBack
|
||||
} = t0;
|
||||
const resolvedTools = resolveAgentTools(agent, tools, false);
|
||||
let t1;
|
||||
if ($[0] !== agent) {
|
||||
t1 = getActualRelativeAgentFilePath(agent);
|
||||
$[0] = agent;
|
||||
$[1] = t1;
|
||||
} else {
|
||||
t1 = $[1];
|
||||
}
|
||||
const filePath = t1;
|
||||
let t2;
|
||||
if ($[2] !== agent.agentType) {
|
||||
t2 = getAgentColor(agent.agentType);
|
||||
$[2] = agent.agentType;
|
||||
$[3] = t2;
|
||||
} else {
|
||||
t2 = $[3];
|
||||
}
|
||||
const backgroundColor = t2;
|
||||
let t3;
|
||||
if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t3 = {
|
||||
context: "Confirmation"
|
||||
};
|
||||
$[4] = t3;
|
||||
} else {
|
||||
t3 = $[4];
|
||||
}
|
||||
useKeybinding("confirm:no", onBack, t3);
|
||||
let t4;
|
||||
if ($[5] !== onBack) {
|
||||
t4 = e => {
|
||||
if (e.key === "return") {
|
||||
e.preventDefault();
|
||||
onBack();
|
||||
}
|
||||
};
|
||||
$[5] = onBack;
|
||||
$[6] = t4;
|
||||
} else {
|
||||
t4 = $[6];
|
||||
}
|
||||
const handleKeyDown = t4;
|
||||
const renderToolsList = function renderToolsList() {
|
||||
if (resolvedTools.hasWildcard) {
|
||||
return <Text>All tools</Text>;
|
||||
}
|
||||
if (!agent.tools || agent.tools.length === 0) {
|
||||
return <Text>None</Text>;
|
||||
}
|
||||
return <>{resolvedTools.validTools.length > 0 && <Text>{resolvedTools.validTools.join(", ")}</Text>}{resolvedTools.invalidTools.length > 0 && <Text color="warning">{figures.warning} Unrecognized:{" "}{resolvedTools.invalidTools.join(", ")}</Text>}</>;
|
||||
};
|
||||
const T0 = Box;
|
||||
const t5 = "column";
|
||||
const t6 = 1;
|
||||
const t7 = 0;
|
||||
const t8 = true;
|
||||
let t9;
|
||||
if ($[7] !== filePath) {
|
||||
t9 = <Text dimColor={true}>{filePath}</Text>;
|
||||
$[7] = filePath;
|
||||
$[8] = t9;
|
||||
} else {
|
||||
t9 = $[8];
|
||||
}
|
||||
let t10;
|
||||
if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t10 = <Text><Text bold={true}>Description</Text> (tells Claude when to use this agent):</Text>;
|
||||
$[9] = t10;
|
||||
} else {
|
||||
t10 = $[9];
|
||||
}
|
||||
let t11;
|
||||
if ($[10] !== agent.whenToUse) {
|
||||
t11 = <Box flexDirection="column">{t10}<Box marginLeft={2}><Text>{agent.whenToUse}</Text></Box></Box>;
|
||||
$[10] = agent.whenToUse;
|
||||
$[11] = t11;
|
||||
} else {
|
||||
t11 = $[11];
|
||||
}
|
||||
const T1 = Box;
|
||||
let t12;
|
||||
if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t12 = <Text><Text bold={true}>Tools</Text>:{" "}</Text>;
|
||||
$[12] = t12;
|
||||
} else {
|
||||
t12 = $[12];
|
||||
}
|
||||
const t13 = renderToolsList();
|
||||
let t14;
|
||||
if ($[13] !== T1 || $[14] !== t12 || $[15] !== t13) {
|
||||
t14 = <T1>{t12}{t13}</T1>;
|
||||
$[13] = T1;
|
||||
$[14] = t12;
|
||||
$[15] = t13;
|
||||
$[16] = t14;
|
||||
} else {
|
||||
t14 = $[16];
|
||||
}
|
||||
let t15;
|
||||
if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t15 = <Text bold={true}>Model</Text>;
|
||||
$[17] = t15;
|
||||
} else {
|
||||
t15 = $[17];
|
||||
}
|
||||
let t16;
|
||||
if ($[18] !== agent.model) {
|
||||
t16 = getAgentModelDisplay(agent.model);
|
||||
$[18] = agent.model;
|
||||
$[19] = t16;
|
||||
} else {
|
||||
t16 = $[19];
|
||||
}
|
||||
let t17;
|
||||
if ($[20] !== t16) {
|
||||
t17 = <Text>{t15}: {t16}</Text>;
|
||||
$[20] = t16;
|
||||
$[21] = t17;
|
||||
} else {
|
||||
t17 = $[21];
|
||||
}
|
||||
let t18;
|
||||
if ($[22] !== agent.permissionMode) {
|
||||
t18 = agent.permissionMode && <Text><Text bold={true}>Permission mode</Text>: {agent.permissionMode}</Text>;
|
||||
$[22] = agent.permissionMode;
|
||||
$[23] = t18;
|
||||
} else {
|
||||
t18 = $[23];
|
||||
}
|
||||
let t19;
|
||||
if ($[24] !== agent.memory) {
|
||||
t19 = agent.memory && <Text><Text bold={true}>Memory</Text>: {getMemoryScopeDisplay(agent.memory)}</Text>;
|
||||
$[24] = agent.memory;
|
||||
$[25] = t19;
|
||||
} else {
|
||||
t19 = $[25];
|
||||
}
|
||||
let t20;
|
||||
if ($[26] !== agent.hooks) {
|
||||
t20 = agent.hooks && Object.keys(agent.hooks).length > 0 && <Text><Text bold={true}>Hooks</Text>: {Object.keys(agent.hooks).join(", ")}</Text>;
|
||||
$[26] = agent.hooks;
|
||||
$[27] = t20;
|
||||
} else {
|
||||
t20 = $[27];
|
||||
}
|
||||
let t21;
|
||||
if ($[28] !== agent.skills) {
|
||||
t21 = agent.skills && agent.skills.length > 0 && <Text><Text bold={true}>Skills</Text>:{" "}{agent.skills.length > 10 ? `${agent.skills.length} skills` : agent.skills.join(", ")}</Text>;
|
||||
$[28] = agent.skills;
|
||||
$[29] = t21;
|
||||
} else {
|
||||
t21 = $[29];
|
||||
}
|
||||
let t22;
|
||||
if ($[30] !== agent.agentType || $[31] !== backgroundColor) {
|
||||
t22 = backgroundColor && <Box><Text><Text bold={true}>Color</Text>:{" "}<Text backgroundColor={backgroundColor} color="inverseText">{" "}{agent.agentType}{" "}</Text></Text></Box>;
|
||||
$[30] = agent.agentType;
|
||||
$[31] = backgroundColor;
|
||||
$[32] = t22;
|
||||
} else {
|
||||
t22 = $[32];
|
||||
}
|
||||
let t23;
|
||||
if ($[33] !== agent) {
|
||||
t23 = !isBuiltInAgent(agent) && <><Box><Text><Text bold={true}>System prompt</Text>:</Text></Box><Box marginLeft={2} marginRight={2}><Markdown>{agent.getSystemPrompt()}</Markdown></Box></>;
|
||||
$[33] = agent;
|
||||
$[34] = t23;
|
||||
} else {
|
||||
t23 = $[34];
|
||||
}
|
||||
let t24;
|
||||
if ($[35] !== T0 || $[36] !== handleKeyDown || $[37] !== t11 || $[38] !== t14 || $[39] !== t17 || $[40] !== t18 || $[41] !== t19 || $[42] !== t20 || $[43] !== t21 || $[44] !== t22 || $[45] !== t23 || $[46] !== t9) {
|
||||
t24 = <T0 flexDirection={t5} gap={t6} tabIndex={t7} autoFocus={t8} onKeyDown={handleKeyDown}>{t9}{t11}{t14}{t17}{t18}{t19}{t20}{t21}{t22}{t23}</T0>;
|
||||
$[35] = T0;
|
||||
$[36] = handleKeyDown;
|
||||
$[37] = t11;
|
||||
$[38] = t14;
|
||||
$[39] = t17;
|
||||
$[40] = t18;
|
||||
$[41] = t19;
|
||||
$[42] = t20;
|
||||
$[43] = t21;
|
||||
$[44] = t22;
|
||||
$[45] = t23;
|
||||
$[46] = t9;
|
||||
$[47] = t24;
|
||||
} else {
|
||||
t24 = $[47];
|
||||
}
|
||||
return t24;
|
||||
agent: AgentDefinition
|
||||
tools: Tools
|
||||
allAgents?: AgentDefinition[]
|
||||
onBack: () => void
|
||||
}
|
||||
|
||||
export function AgentDetail({ agent, tools, onBack }: Props): React.ReactNode {
|
||||
const resolvedTools = resolveAgentTools(agent, tools, false)
|
||||
const filePath = getActualRelativeAgentFilePath(agent)
|
||||
const backgroundColor = getAgentColor(agent.agentType)
|
||||
|
||||
// Handle Esc to go back
|
||||
useKeybinding('confirm:no', onBack, { context: 'Confirmation' })
|
||||
|
||||
// Handle Enter to go back
|
||||
const handleKeyDown = (e: KeyboardEvent) => {
|
||||
if (e.key === 'return') {
|
||||
e.preventDefault()
|
||||
onBack()
|
||||
}
|
||||
}
|
||||
|
||||
function renderToolsList(): React.ReactNode {
|
||||
if (resolvedTools.hasWildcard) {
|
||||
return <Text>All tools</Text>
|
||||
}
|
||||
|
||||
if (!agent.tools || agent.tools.length === 0) {
|
||||
return <Text>None</Text>
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
{resolvedTools.validTools.length > 0 && (
|
||||
<Text>{resolvedTools.validTools.join(', ')}</Text>
|
||||
)}
|
||||
{resolvedTools.invalidTools.length > 0 && (
|
||||
<Text color="warning">
|
||||
{figures.warning} Unrecognized:{' '}
|
||||
{resolvedTools.invalidTools.join(', ')}
|
||||
</Text>
|
||||
)}
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
return (
|
||||
<Box
|
||||
flexDirection="column"
|
||||
gap={1}
|
||||
tabIndex={0}
|
||||
autoFocus
|
||||
onKeyDown={handleKeyDown}
|
||||
>
|
||||
<Text dimColor>{filePath}</Text>
|
||||
|
||||
<Box flexDirection="column">
|
||||
<Text>
|
||||
<Text bold>Description</Text> (tells Claude when to use this agent):
|
||||
</Text>
|
||||
<Box marginLeft={2}>
|
||||
<Text>{agent.whenToUse}</Text>
|
||||
</Box>
|
||||
</Box>
|
||||
|
||||
<Box>
|
||||
<Text>
|
||||
<Text bold>Tools</Text>:{' '}
|
||||
</Text>
|
||||
{renderToolsList()}
|
||||
</Box>
|
||||
|
||||
<Text>
|
||||
<Text bold>Model</Text>: {getAgentModelDisplay(agent.model)}
|
||||
</Text>
|
||||
|
||||
{agent.permissionMode && (
|
||||
<Text>
|
||||
<Text bold>Permission mode</Text>: {agent.permissionMode}
|
||||
</Text>
|
||||
)}
|
||||
|
||||
{agent.memory && (
|
||||
<Text>
|
||||
<Text bold>Memory</Text>: {getMemoryScopeDisplay(agent.memory)}
|
||||
</Text>
|
||||
)}
|
||||
|
||||
{agent.hooks && Object.keys(agent.hooks).length > 0 && (
|
||||
<Text>
|
||||
<Text bold>Hooks</Text>: {Object.keys(agent.hooks).join(', ')}
|
||||
</Text>
|
||||
)}
|
||||
|
||||
{agent.skills && agent.skills.length > 0 && (
|
||||
<Text>
|
||||
<Text bold>Skills</Text>:{' '}
|
||||
{agent.skills.length > 10
|
||||
? `${agent.skills.length} skills`
|
||||
: agent.skills.join(', ')}
|
||||
</Text>
|
||||
)}
|
||||
|
||||
{backgroundColor && (
|
||||
<Box>
|
||||
<Text>
|
||||
<Text bold>Color</Text>:{' '}
|
||||
<Text backgroundColor={backgroundColor} color="inverseText">
|
||||
{' '}
|
||||
{agent.agentType}{' '}
|
||||
</Text>
|
||||
</Text>
|
||||
</Box>
|
||||
)}
|
||||
|
||||
{!isBuiltInAgent(agent) && (
|
||||
<>
|
||||
<Box>
|
||||
<Text>
|
||||
<Text bold>System prompt</Text>:
|
||||
</Text>
|
||||
</Box>
|
||||
<Box marginLeft={2} marginRight={2}>
|
||||
<Markdown>{agent.getSystemPrompt()}</Markdown>
|
||||
</Box>
|
||||
</>
|
||||
)}
|
||||
</Box>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user