claude-code/components/agents/AgentDetail.tsx

220 lines
23 KiB
TypeScript
Raw Normal View History

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';
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;
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmaWd1cmVzIiwiUmVhY3QiLCJLZXlib2FyZEV2ZW50IiwiQm94IiwiVGV4dCIsInVzZUtleWJpbmRpbmciLCJUb29scyIsImdldEFnZW50Q29sb3IiLCJnZXRNZW1vcnlTY29wZURpc3BsYXkiLCJyZXNvbHZlQWdlbnRUb29scyIsIkFnZW50RGVmaW5pdGlvbiIsImlzQnVpbHRJbkFnZW50IiwiZ2V0QWdlbnRNb2RlbERpc3BsYXkiLCJNYXJrZG93biIsImdldEFjdHVhbFJlbGF0aXZlQWdlbnRGaWxlUGF0aCIsIlByb3BzIiwiYWdlbnQiLCJ0b29scyIsImFsbEFnZW50cyIsIm9uQmFjayIsIkFnZW50RGV0YWlsIiwidDAiLCIkIiwiX2MiLCJyZXNvbHZlZFRvb2xzIiwidDEiLCJmaWxlUGF0aCIsInQyIiwiYWdlbnRUeXBlIiwiYmFja2dyb3VuZENvbG9yIiwidDMiLCJTeW1ib2wiLCJmb3IiLCJjb250ZXh0IiwidDQiLCJlIiwia2V5IiwicHJldmVudERlZmF1bHQiLCJoYW5kbGVLZXlEb3duIiwicmVuZGVyVG9vbHNMaXN0IiwiaGFzV2lsZGNhcmQiLCJsZW5ndGgiLCJ2YWxpZFRvb2xzIiwiam9pbiIsImludmFsaWRUb29scyIsIndhcm5pbmciLCJUMCIsInQ1IiwidDYiLCJ0NyIsInQ4IiwidDkiLCJ0MTAiLCJ0MTEiLCJ3aGVuVG9Vc2UiLCJUMSIsInQxMiIsInQxMyIsInQxNCIsInQxNSIsInQxNiIsIm1vZGVsIiwidDE3IiwidDE4IiwicGVybWlzc2lvbk1vZGUiLCJ0MTkiLCJtZW1vcnkiLCJ0MjAiLCJob29rcyIsIk9iamVjdCIsImtleXMiLCJ0MjEiLCJza2lsbHMiLCJ0MjIiLCJ0MjMiLCJnZXRTeXN0ZW1Qcm9tcHQiLCJ0MjQiXSwic291cmNlcyI6WyJBZ2VudERldGFpbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IGZpZ3VyZXMgZnJvbSAnZmlndXJlcydcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHR5cGUgeyBLZXlib2FyZEV2ZW50IH0gZnJvbSAnLi4vLi4vaW5rL2V2ZW50cy9rZXlib2FyZC1ldmVudC5qcydcbmltcG9ydCB7IEJveCwgVGV4dCB9IGZyb20gJy4uLy4uL2luay5qcydcbmltcG9ydCB7IHVzZUtleWJpbmRpbmcgfSBmcm9tICcuLi8uLi9rZXliaW5kaW5ncy91c2VLZXliaW5kaW5nLmpzJ1xuaW1wb3J0IHR5cGUgeyBUb29scyB9IGZyb20gJy4uLy4uL1Rvb2wuanMnXG5pbXBvcnQgeyBnZXRBZ2VudENvbG9yIH0gZnJvbSAnLi4vLi4vdG9vbHMvQWdlbnRUb29sL2FnZW50Q29sb3JNYW5hZ2VyLmpzJ1xuaW1wb3J0IHsgZ2V0TWVtb3J5U2NvcGVEaXNwbGF5IH0gZnJvbSAnLi4vLi4vdG9vbHMvQWdlbnRUb29sL2FnZW50TWVtb3J5LmpzJ1xuaW1wb3J0IHsgcmVzb2x2ZUFnZW50VG9vbHMgfSBmcm9tICcuLi8uLi90b29scy9BZ2VudFRvb2wvYWdlbnRUb29sVXRpbHMuanMnXG5pbXBvcnQge1xuICB0eXBlIEFnZW50RGVmaW5pdGlvbixcbiAgaXNCdWlsdEluQWdlbnQsXG59IGZyb20gJy4uLy4uL3Rvb2xzL0FnZW50VG9vbC9sb2FkQWdlbnRzRGlyLmpzJ1xuaW1wb3J0IHsgZ2V0QWdlbnRNb2RlbERpc3BsYXkgfSBmcm9tICcuLi8uLi91dGlscy9tb2RlbC9hZ2VudC5qcydcbmltcG9ydCB7IE1hcmtkb3duIH0gZnJvbSAnLi4vTWFya2Rvd24uanMnXG5pbXBvcnQgeyBnZXRBY3R1YWxSZWxhdGl2ZUFnZW50RmlsZVBhdGggfSBmcm9tICcuL2FnZW50RmlsZVV0aWxzLmpzJ1xuXG50eXBlIFByb3BzID0ge1xuICBhZ2VudDogQWdlbnREZWZpbml0aW9uXG4gIHRvb2xzOiBUb29sc1xuICBhbGxBZ2VudHM/OiBBZ2VudERlZmluaXRpb25bXVxuICBvbkJhY2s6ICgpID0+IHZvaWRcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIEFnZW50RGV0YWlsKHsgYWdlbnQsIHRvb2xzLCBvbkJhY2sgfTogUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICBjb25zdCByZXNvbHZlZFRvb2xzID0gcmVzb2x2ZUFnZW50VG9vbHMoYWdlbnQsIHRvb2xzLCBmYWxzZSlcbiAgY29uc3QgZmlsZVBhdGggPSBnZXRBY3R1YWxSZWxhdGl2ZUFnZW50RmlsZVBhdGgoYWdlbnQpXG4gIGNvbnN0IGJhY2tncm91bmRDb2xvciA9IGdldEFnZW50Q29sb3IoYWdlbnQuYWdlbnRUeXBlKVxuXG4gIC8vIEhhbmRsZSBFc2MgdG8gZ28gYmFja1xuICB1c2VLZXliaW5kaW5nKCdjb25maXJtOm5vJywgb25CYWNrLCB7IGNvbnRleHQ6ICdDb25maXJtYXRpb24nIH0pXG5cbiAgLy8gSGFuZGxlIEVudGVyIHRvIGdvIGJhY2tcbiAgY29uc3QgaGFuZGxlS2V5RG93biA9IChlOiBLZXlib2FyZEV2ZW50KSA9PiB7XG4gICAgaWYgKGUua2V5ID09PSAncmV0dXJuJykge1xuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICBvbkJhY2soKVxuICAgIH1cbiAgfVxuXG4gIGZ1bmN0aW9uIHJlbmRlclRvb2xzTGlzdCgpOiBSZWFjdC5SZWFjdE5vZGUge1xuICAgIGlmIChyZXNvbHZlZFRvb2xzLmhhc1dpbGRjYXJkKSB7XG4gICAgICByZXR1cm4gPFRleHQ+QWxsIHRvb2xzPC9UZXh0PlxuICAgIH1cblxuICAgIGlmICghYWdlbnQudG9vbHMgfHwgYWdlbnQudG9vbHMubGVuZ3RoID09PSAwKSB7XG4gICAgICByZXR1cm4gPFRleHQ+Tm9uZTwvVGV4dD5cbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPD5cbiAgICAgICAge3Jlc29sdmVkVG9vbHMudmFsaWRUb29scy5sZW5ndGggPiAwICYmIChcbiAgICAgICAgICA8VGV4dD57cmVzb2x2ZWRUb29scy52YWxpZFRvb2xzLmpvaW4oJywgJyl9PC9UZXh0PlxuICAgICAgICApfVxuICAgICAgICB7cmVzb2x2ZWRUb29scy5pbnZhbGlkVG9vbHMubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgICAgPFRleHQgY29sb3I9XCJ3YXJuaW5nXCI+XG4gICAgICAgICAgICB7ZmlndXJlcy53YXJuaW5nfSBVbnJlY29nbml6ZWQ6eycgJ31cbiAgICAgICAgICAgIHtyZXNvbHZlZFRvb2xzLmludmFsaWRUb29scy5qb2luKCcsICcpfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKX1cbiAgICAgIDwvPlxuICAgIClcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPEJveFxuICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICBnYXA9ezF9XG4gICAgICB0YWJJbmRleD17MH1cbiAgICAgIGF1dG9Gb2N1c1xuICAgICAgb25LZXl