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,503 +1,361 @@
|
||||
import { c as _c } from "react/compiler-runtime";
|
||||
import figures from 'figures';
|
||||
import React, { useCallback, useState } from 'react';
|
||||
import type { CommandResultDisplay } from '../../commands.js';
|
||||
import { Box, color, Link, Text, useTheme } from '../../ink.js';
|
||||
import { useKeybindings } from '../../keybindings/useKeybinding.js';
|
||||
import type { ConfigScope } from '../../services/mcp/types.js';
|
||||
import { describeMcpConfigFilePath } from '../../services/mcp/utils.js';
|
||||
import { isDebugMode } from '../../utils/debug.js';
|
||||
import { plural } from '../../utils/stringUtils.js';
|
||||
import { ConfigurableShortcutHint } from '../ConfigurableShortcutHint.js';
|
||||
import { Byline } from '../design-system/Byline.js';
|
||||
import { Dialog } from '../design-system/Dialog.js';
|
||||
import { KeyboardShortcutHint } from '../design-system/KeyboardShortcutHint.js';
|
||||
import { McpParsingWarnings } from './McpParsingWarnings.js';
|
||||
import type { AgentMcpServerInfo, ServerInfo } from './types.js';
|
||||
import figures from 'figures'
|
||||
import React, { useCallback, useState } from 'react'
|
||||
import type { CommandResultDisplay } from '../../commands.js'
|
||||
import { Box, color, Link, Text, useTheme } from '../../ink.js'
|
||||
import { useKeybindings } from '../../keybindings/useKeybinding.js'
|
||||
import type { ConfigScope } from '../../services/mcp/types.js'
|
||||
import { describeMcpConfigFilePath } from '../../services/mcp/utils.js'
|
||||
import { isDebugMode } from '../../utils/debug.js'
|
||||
import { plural } from '../../utils/stringUtils.js'
|
||||
import { ConfigurableShortcutHint } from '../ConfigurableShortcutHint.js'
|
||||
import { Byline } from '../design-system/Byline.js'
|
||||
import { Dialog } from '../design-system/Dialog.js'
|
||||
import { KeyboardShortcutHint } from '../design-system/KeyboardShortcutHint.js'
|
||||
import { McpParsingWarnings } from './McpParsingWarnings.js'
|
||||
import type { AgentMcpServerInfo, ServerInfo } from './types.js'
|
||||
|
||||
type Props = {
|
||||
servers: ServerInfo[];
|
||||
agentServers?: AgentMcpServerInfo[];
|
||||
onSelectServer: (server: ServerInfo) => void;
|
||||
onSelectAgentServer?: (agentServer: AgentMcpServerInfo) => void;
|
||||
onComplete: (result?: string, options?: {
|
||||
display?: CommandResultDisplay;
|
||||
}) => void;
|
||||
defaultTab?: string;
|
||||
};
|
||||
type SelectableItem = {
|
||||
type: 'server';
|
||||
server: ServerInfo;
|
||||
} | {
|
||||
type: 'agent-server';
|
||||
agentServer: AgentMcpServerInfo;
|
||||
};
|
||||
servers: ServerInfo[]
|
||||
agentServers?: AgentMcpServerInfo[]
|
||||
onSelectServer: (server: ServerInfo) => void
|
||||
onSelectAgentServer?: (agentServer: AgentMcpServerInfo) => void
|
||||
onComplete: (
|
||||
result?: string,
|
||||
options?: { display?: CommandResultDisplay },
|
||||
) => void
|
||||
defaultTab?: string
|
||||
}
|
||||
|
||||
type SelectableItem =
|
||||
| { type: 'server'; server: ServerInfo }
|
||||
| { type: 'agent-server'; agentServer: AgentMcpServerInfo }
|
||||
|
||||
// Define scope order for display (constant, outside component)
|
||||
// 'dynamic' (built-in) is rendered separately at the end
|
||||
const SCOPE_ORDER: ConfigScope[] = ['project', 'local', 'user', 'enterprise'];
|
||||
const SCOPE_ORDER: ConfigScope[] = ['project', 'local', 'user', 'enterprise']
|
||||
|
||||
// Get scope heading parts (label is bold, path is grey)
|
||||
function getScopeHeading(scope: ConfigScope): {
|
||||
label: string;
|
||||
path?: string;
|
||||
} {
|
||||
function getScopeHeading(scope: ConfigScope): { label: string; path?: string } {
|
||||
switch (scope) {
|
||||
case 'project':
|
||||
return {
|
||||
label: 'Project MCPs',
|
||||
path: describeMcpConfigFilePath(scope)
|
||||
};
|
||||
return { label: 'Project MCPs', path: describeMcpConfigFilePath(scope) }
|
||||
case 'user':
|
||||
return {
|
||||
label: 'User MCPs',
|
||||
path: describeMcpConfigFilePath(scope)
|
||||
};
|
||||
return { label: 'User MCPs', path: describeMcpConfigFilePath(scope) }
|
||||
case 'local':
|
||||
return {
|
||||
label: 'Local MCPs',
|
||||
path: describeMcpConfigFilePath(scope)
|
||||
};
|
||||
return { label: 'Local MCPs', path: describeMcpConfigFilePath(scope) }
|
||||
case 'enterprise':
|
||||
return {
|
||||
label: 'Enterprise MCPs'
|
||||
};
|
||||
return { label: 'Enterprise MCPs' }
|
||||
case 'dynamic':
|
||||
return {
|
||||
label: 'Built-in MCPs',
|
||||
path: 'always available'
|
||||
};
|
||||
return { label: 'Built-in MCPs', path: 'always available' }
|
||||
default:
|
||||
return {
|
||||
label: scope
|
||||
};
|
||||
return { label: scope }
|
||||
}
|
||||
}
|
||||
|
||||
// Group servers by scope
|
||||
function groupServersByScope(serverList: ServerInfo[]): Map<ConfigScope, ServerInfo[]> {
|
||||
const groups = new Map<ConfigScope, ServerInfo[]>();
|
||||
function groupServersByScope(
|
||||
serverList: ServerInfo[],
|
||||
): Map<ConfigScope, ServerInfo[]> {
|
||||
const groups = new Map<ConfigScope, ServerInfo[]>()
|
||||
for (const server of serverList) {
|
||||
const scope = server.scope;
|
||||
const scope = server.scope
|
||||
if (!groups.has(scope)) {
|
||||
groups.set(scope, []);
|
||||
groups.set(scope, [])
|
||||
}
|
||||
groups.get(scope)!.push(server);
|
||||
groups.get(scope)!.push(server)
|
||||
}
|
||||
// Sort servers within each group alphabetically
|
||||
for (const [, groupServers] of groups) {
|
||||
groupServers.sort((a, b) => a.name.localeCompare(b.name));
|
||||
groupServers.sort((a, b) => a.name.localeCompare(b.name))
|
||||
}
|
||||
return groups;
|
||||
return groups
|
||||
}
|
||||
export function MCPListPanel(t0) {
|
||||
const $ = _c(78);
|
||||
const {
|
||||
servers,
|
||||
agentServers: t1,
|
||||
onSelectServer,
|
||||
onSelectAgentServer,
|
||||
onComplete
|
||||
} = t0;
|
||||
let t2;
|
||||
if ($[0] !== t1) {
|
||||
t2 = t1 === undefined ? [] : t1;
|
||||
$[0] = t1;
|
||||
$[1] = t2;
|
||||
} else {
|
||||
t2 = $[1];
|
||||
}
|
||||
const agentServers = t2;
|
||||
const [theme] = useTheme();
|
||||
const [selectedIndex, setSelectedIndex] = useState(0);
|
||||
let t3;
|
||||
if ($[2] !== servers) {
|
||||
const regularServers = servers.filter(_temp);
|
||||
t3 = groupServersByScope(regularServers);
|
||||
$[2] = servers;
|
||||
$[3] = t3;
|
||||
} else {
|
||||
t3 = $[3];
|
||||
}
|
||||
const serversByScope = t3;
|
||||
let t4;
|
||||
if ($[4] !== servers) {
|
||||
t4 = servers.filter(_temp2).sort(_temp3);
|
||||
$[4] = servers;
|
||||
$[5] = t4;
|
||||
} else {
|
||||
t4 = $[5];
|
||||
}
|
||||
const claudeAiServers = t4;
|
||||
let t5;
|
||||
if ($[6] !== serversByScope) {
|
||||
t5 = (serversByScope.get("dynamic") ?? []).sort(_temp4);
|
||||
$[6] = serversByScope;
|
||||
$[7] = t5;
|
||||
} else {
|
||||
t5 = $[7];
|
||||
}
|
||||
const dynamicServers = t5;
|
||||
let t6;
|
||||
if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t6 = getScopeHeading("dynamic");
|
||||
$[8] = t6;
|
||||
} else {
|
||||
t6 = $[8];
|
||||
}
|
||||
const dynamicHeading = t6;
|
||||
let items;
|
||||
if ($[9] !== agentServers || $[10] !== claudeAiServers || $[11] !== dynamicServers || $[12] !== serversByScope) {
|
||||
items = [];
|
||||
|
||||
export function MCPListPanel({
|
||||
servers,
|
||||
agentServers = [],
|
||||
onSelectServer,
|
||||
onSelectAgentServer,
|
||||
onComplete,
|
||||
}: Props): React.ReactNode {
|
||||
const [theme] = useTheme()
|
||||
const [selectedIndex, setSelectedIndex] = useState(0)
|
||||
|
||||
// Non-claudeai servers grouped by scope
|
||||
const serversByScope = React.useMemo(() => {
|
||||
const regularServers = servers.filter(
|
||||
s => s.client.config.type !== 'claudeai-proxy',
|
||||
)
|
||||
return groupServersByScope(regularServers)
|
||||
}, [servers])
|
||||
|
||||
const claudeAiServers = React.useMemo(
|
||||
() =>
|
||||
servers
|
||||
.filter(s => s.client.config.type === 'claudeai-proxy')
|
||||
.sort((a, b) => a.name.localeCompare(b.name)),
|
||||
[servers],
|
||||
)
|
||||
|
||||
// Built-in (dynamic) servers - rendered last
|
||||
const dynamicServers = React.useMemo(
|
||||
() =>
|
||||
(serversByScope.get('dynamic') ?? []).sort((a, b) =>
|
||||
a.name.localeCompare(b.name),
|
||||
),
|
||||
[serversByScope],
|
||||
)
|
||||
|
||||
// Pre-compute dynamic heading for render
|
||||
const dynamicHeading = getScopeHeading('dynamic')
|
||||
|
||||
// Build flat list of selectable items in display order
|
||||
const selectableItems = React.useMemo(() => {
|
||||
const items: SelectableItem[] = []
|
||||
for (const scope of SCOPE_ORDER) {
|
||||
const scopeServers = serversByScope.get(scope) ?? [];
|
||||
const scopeServers = serversByScope.get(scope) ?? []
|
||||
for (const server of scopeServers) {
|
||||
items.push({
|
||||
type: "server",
|
||||
server
|
||||
});
|
||||
items.push({ type: 'server', server })
|
||||
}
|
||||
}
|
||||
for (const server_0 of claudeAiServers) {
|
||||
items.push({
|
||||
type: "server",
|
||||
server: server_0
|
||||
});
|
||||
for (const server of claudeAiServers) {
|
||||
items.push({ type: 'server', server })
|
||||
}
|
||||
for (const agentServer of agentServers) {
|
||||
items.push({
|
||||
type: "agent-server",
|
||||
agentServer
|
||||
});
|
||||
items.push({ type: 'agent-server', agentServer })
|
||||
}
|
||||
for (const server_1 of dynamicServers) {
|
||||
items.push({
|
||||
type: "server",
|
||||
server: server_1
|
||||
});
|
||||
// Dynamic (built-in) servers come last
|
||||
for (const server of dynamicServers) {
|
||||
items.push({ type: 'server', server })
|
||||
}
|
||||
$[9] = agentServers;
|
||||
$[10] = claudeAiServers;
|
||||
$[11] = dynamicServers;
|
||||
$[12] = serversByScope;
|
||||
$[13] = items;
|
||||
} else {
|
||||
items = $[13];
|
||||
return items
|
||||
}, [serversByScope, claudeAiServers, agentServers, dynamicServers])
|
||||
|
||||
const handleCancel = useCallback((): void => {
|
||||
onComplete('MCP dialog dismissed', {
|
||||
display: 'system',
|
||||
})
|
||||
}, [onComplete])
|
||||
|
||||
const handleSelect = useCallback((): void => {
|
||||
const item = selectableItems[selectedIndex]
|
||||
if (!item) return
|
||||
if (item.type === 'server') {
|
||||
onSelectServer(item.server)
|
||||
} else if (item.type === 'agent-server' && onSelectAgentServer) {
|
||||
onSelectAgentServer(item.agentServer)
|
||||
}
|
||||
}, [selectableItems, selectedIndex, onSelectServer, onSelectAgentServer])
|
||||
|
||||
// Use configurable keybindings for navigation and selection
|
||||
useKeybindings(
|
||||
{
|
||||
'confirm:previous': () =>
|
||||
setSelectedIndex(prev =>
|
||||
prev === 0 ? selectableItems.length - 1 : prev - 1,
|
||||
),
|
||||
'confirm:next': () =>
|
||||
setSelectedIndex(prev =>
|
||||
prev === selectableItems.length - 1 ? 0 : prev + 1,
|
||||
),
|
||||
'confirm:yes': handleSelect,
|
||||
'confirm:no': handleCancel,
|
||||
},
|
||||
{ context: 'Confirmation' },
|
||||
)
|
||||
|
||||
// Build index lookup for each server
|
||||
const getServerIndex = (server: ServerInfo): number => {
|
||||
return selectableItems.findIndex(
|
||||
item => item.type === 'server' && item.server === server,
|
||||
)
|
||||
}
|
||||
const selectableItems = items;
|
||||
let t7;
|
||||
if ($[14] !== onComplete) {
|
||||
t7 = () => {
|
||||
onComplete("MCP dialog dismissed", {
|
||||
display: "system"
|
||||
});
|
||||
};
|
||||
$[14] = onComplete;
|
||||
$[15] = t7;
|
||||
} else {
|
||||
t7 = $[15];
|
||||
|
||||
const getAgentServerIndex = (agentServer: AgentMcpServerInfo): number => {
|
||||
return selectableItems.findIndex(
|
||||
item => item.type === 'agent-server' && item.agentServer === agentServer,
|
||||
)
|
||||
}
|
||||
const handleCancel = t7;
|
||||
let t8;
|
||||
if ($[16] !== onSelectAgentServer || $[17] !== onSelectServer || $[18] !== selectableItems || $[19] !== selectedIndex) {
|
||||
t8 = () => {
|
||||
const item = selectableItems[selectedIndex];
|
||||
if (!item) {
|
||||
return;
|
||||
}
|
||||
if (item.type === "server") {
|
||||
onSelectServer(item.server);
|
||||
} else {
|
||||
if (item.type === "agent-server" && onSelectAgentServer) {
|
||||
onSelectAgentServer(item.agentServer);
|
||||
}
|
||||
}
|
||||
};
|
||||
$[16] = onSelectAgentServer;
|
||||
$[17] = onSelectServer;
|
||||
$[18] = selectableItems;
|
||||
$[19] = selectedIndex;
|
||||
$[20] = t8;
|
||||
} else {
|
||||
t8 = $[20];
|
||||
}
|
||||
const handleSelect = t8;
|
||||
let t10;
|
||||
let t9;
|
||||
if ($[21] !== selectableItems) {
|
||||
t9 = () => setSelectedIndex(prev => prev === 0 ? selectableItems.length - 1 : prev - 1);
|
||||
t10 = () => setSelectedIndex(prev_0 => prev_0 === selectableItems.length - 1 ? 0 : prev_0 + 1);
|
||||
$[21] = selectableItems;
|
||||
$[22] = t10;
|
||||
$[23] = t9;
|
||||
} else {
|
||||
t10 = $[22];
|
||||
t9 = $[23];
|
||||
}
|
||||
let t11;
|
||||
if ($[24] !== handleCancel || $[25] !== handleSelect || $[26] !== t10 || $[27] !== t9) {
|
||||
t11 = {
|
||||
"confirm:previous": t9,
|
||||
"confirm:next": t10,
|
||||
"confirm:yes": handleSelect,
|
||||
"confirm:no": handleCancel
|
||||
};
|
||||
$[24] = handleCancel;
|
||||
$[25] = handleSelect;
|
||||
$[26] = t10;
|
||||
$[27] = t9;
|
||||
$[28] = t11;
|
||||
} else {
|
||||
t11 = $[28];
|
||||
}
|
||||
let t12;
|
||||
if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t12 = {
|
||||
context: "Confirmation"
|
||||
};
|
||||
$[29] = t12;
|
||||
} else {
|
||||
t12 = $[29];
|
||||
}
|
||||
useKeybindings(t11, t12);
|
||||
let t13;
|
||||
if ($[30] !== selectableItems) {
|
||||
t13 = server_2 => selectableItems.findIndex(item_0 => item_0.type === "server" && item_0.server === server_2);
|
||||
$[30] = selectableItems;
|
||||
$[31] = t13;
|
||||
} else {
|
||||
t13 = $[31];
|
||||
}
|
||||
const getServerIndex = t13;
|
||||
let t14;
|
||||
if ($[32] !== selectableItems) {
|
||||
t14 = agentServer_0 => selectableItems.findIndex(item_1 => item_1.type === "agent-server" && item_1.agentServer === agentServer_0);
|
||||
$[32] = selectableItems;
|
||||
$[33] = t14;
|
||||
} else {
|
||||
t14 = $[33];
|
||||
}
|
||||
const getAgentServerIndex = t14;
|
||||
let t15;
|
||||
if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t15 = isDebugMode();
|
||||
$[34] = t15;
|
||||
} else {
|
||||
t15 = $[34];
|
||||
}
|
||||
const debugMode = t15;
|
||||
let t16;
|
||||
if ($[35] !== servers) {
|
||||
t16 = servers.some(_temp5);
|
||||
$[35] = servers;
|
||||
$[36] = t16;
|
||||
} else {
|
||||
t16 = $[36];
|
||||
}
|
||||
const hasFailedClients = t16;
|
||||
|
||||
const debugMode = isDebugMode()
|
||||
const hasFailedClients = servers.some(s => s.client.type === 'failed')
|
||||
|
||||
if (servers.length === 0 && agentServers.length === 0) {
|
||||
return null;
|
||||
return null
|
||||
}
|
||||
let t17;
|
||||
if ($[37] !== getServerIndex || $[38] !== selectedIndex || $[39] !== theme) {
|
||||
t17 = server_3 => {
|
||||
const index = getServerIndex(server_3);
|
||||
const isSelected = selectedIndex === index;
|
||||
let statusIcon;
|
||||
let statusText;
|
||||
if (server_3.client.type === "disabled") {
|
||||
statusIcon = color("inactive", theme)(figures.radioOff);
|
||||
statusText = "disabled";
|
||||
|
||||
const renderServerItem = (server: ServerInfo): React.ReactNode => {
|
||||
const index = getServerIndex(server)
|
||||
const isSelected = selectedIndex === index
|
||||
let statusIcon = ''
|
||||
let statusText = ''
|
||||
|
||||
if (server.client.type === 'disabled') {
|
||||
statusIcon = color('inactive', theme)(figures.radioOff)
|
||||
statusText = 'disabled'
|
||||
} else if (server.client.type === 'connected') {
|
||||
statusIcon = color('success', theme)(figures.tick)
|
||||
statusText = 'connected'
|
||||
} else if (server.client.type === 'pending') {
|
||||
statusIcon = color('inactive', theme)(figures.radioOff)
|
||||
const { reconnectAttempt, maxReconnectAttempts } = server.client
|
||||
if (reconnectAttempt && maxReconnectAttempts) {
|
||||
statusText = `reconnecting (${reconnectAttempt}/${maxReconnectAttempts})…`
|
||||
} else {
|
||||
if (server_3.client.type === "connected") {
|
||||
statusIcon = color("success", theme)(figures.tick);
|
||||
statusText = "connected";
|
||||
} else {
|
||||
if (server_3.client.type === "pending") {
|
||||
statusIcon = color("inactive", theme)(figures.radioOff);
|
||||
const {
|
||||
reconnectAttempt,
|
||||
maxReconnectAttempts
|
||||
} = server_3.client;
|
||||
if (reconnectAttempt && maxReconnectAttempts) {
|
||||
statusText = `reconnecting (${reconnectAttempt}/${maxReconnectAttempts})…`;
|
||||
} else {
|
||||
statusText = "connecting\u2026";
|
||||
}
|
||||
} else {
|
||||
if (server_3.client.type === "needs-auth") {
|
||||
statusIcon = color("warning", theme)(figures.triangleUpOutline);
|
||||
statusText = "needs authentication";
|
||||
} else {
|
||||
statusIcon = color("error", theme)(figures.cross);
|
||||
statusText = "failed";
|
||||
}
|
||||
}
|
||||
}
|
||||
statusText = 'connecting…'
|
||||
}
|
||||
return <Box key={`${server_3.name}-${index}`}><Text color={isSelected ? "suggestion" : undefined}>{isSelected ? `${figures.pointer} ` : " "}</Text><Text color={isSelected ? "suggestion" : undefined}>{server_3.name}</Text><Text dimColor={!isSelected}> · {statusIcon} </Text><Text dimColor={!isSelected}>{statusText}</Text></Box>;
|
||||
};
|
||||
$[37] = getServerIndex;
|
||||
$[38] = selectedIndex;
|
||||
$[39] = theme;
|
||||
$[40] = t17;
|
||||
} else {
|
||||
t17 = $[40];
|
||||
} else if (server.client.type === 'needs-auth') {
|
||||
statusIcon = color('warning', theme)(figures.triangleUpOutline)
|
||||
statusText = 'needs authentication'
|
||||
} else {
|
||||
statusIcon = color('error', theme)(figures.cross)
|
||||
statusText = 'failed'
|
||||
}
|
||||
|
||||
return (
|
||||
<Box key={`${server.name}-${index}`}>
|
||||
<Text color={isSelected ? 'suggestion' : undefined}>
|
||||
{isSelected ? `${figures.pointer} ` : ' '}
|
||||
</Text>
|
||||
<Text color={isSelected ? 'suggestion' : undefined}>{server.name}</Text>
|
||||
<Text dimColor={!isSelected}> · {statusIcon} </Text>
|
||||
<Text dimColor={!isSelected}>{statusText}</Text>
|
||||
</Box>
|
||||
)
|
||||
}
|
||||
const renderServerItem = t17;
|
||||
let t18;
|
||||
if ($[41] !== getAgentServerIndex || $[42] !== selectedIndex || $[43] !== theme) {
|
||||
t18 = agentServer_1 => {
|
||||
const index_0 = getAgentServerIndex(agentServer_1);
|
||||
const isSelected_0 = selectedIndex === index_0;
|
||||
const statusIcon_0 = agentServer_1.needsAuth ? color("warning", theme)(figures.triangleUpOutline) : color("inactive", theme)(figures.radioOff);
|
||||
const statusText_0 = agentServer_1.needsAuth ? "may need auth" : "agent-only";
|
||||
return <Box key={`agent-${agentServer_1.name}-${index_0}`}><Text color={isSelected_0 ? "suggestion" : undefined}>{isSelected_0 ? `${figures.pointer} ` : " "}</Text><Text color={isSelected_0 ? "suggestion" : undefined}>{agentServer_1.name}</Text><Text dimColor={!isSelected_0}> · {statusIcon_0} </Text><Text dimColor={!isSelected_0}>{statusText_0}</Text></Box>;
|
||||
};
|
||||
$[41] = getAgentServerIndex;
|
||||
$[42] = selectedIndex;
|
||||
$[43] = theme;
|
||||
$[44] = t18;
|
||||
} else {
|
||||
t18 = $[44];
|
||||
|
||||
const renderAgentServerItem = (
|
||||
agentServer: AgentMcpServerInfo,
|
||||
): React.ReactNode => {
|
||||
const index = getAgentServerIndex(agentServer)
|
||||
const isSelected = selectedIndex === index
|
||||
const statusIcon = agentServer.needsAuth
|
||||
? color('warning', theme)(figures.triangleUpOutline)
|
||||
: color('inactive', theme)(figures.radioOff)
|
||||
const statusText = agentServer.needsAuth ? 'may need auth' : 'agent-only'
|
||||
|
||||
return (
|
||||
<Box key={`agent-${agentServer.name}-${index}`}>
|
||||
<Text color={isSelected ? 'suggestion' : undefined}>
|
||||
{isSelected ? `${figures.pointer} ` : ' '}
|
||||
</Text>
|
||||
<Text color={isSelected ? 'suggestion' : undefined}>
|
||||
{agentServer.name}
|
||||
</Text>
|
||||
<Text dimColor={!isSelected}> · {statusIcon} </Text>
|
||||
<Text dimColor={!isSelected}>{statusText}</Text>
|
||||
</Box>
|
||||
)
|
||||
}
|
||||
const renderAgentServerItem = t18;
|
||||
const totalServers = servers.length + agentServers.length;
|
||||
let t19;
|
||||
if ($[45] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t19 = <McpParsingWarnings />;
|
||||
$[45] = t19;
|
||||
} else {
|
||||
t19 = $[45];
|
||||
}
|
||||
let t20;
|
||||
if ($[46] !== totalServers) {
|
||||
t20 = plural(totalServers, "server");
|
||||
$[46] = totalServers;
|
||||
$[47] = t20;
|
||||
} else {
|
||||
t20 = $[47];
|
||||
}
|
||||
const t21 = `${totalServers} ${t20}`;
|
||||
let t22;
|
||||
if ($[48] !== renderServerItem || $[49] !== serversByScope) {
|
||||
t22 = SCOPE_ORDER.map(scope_0 => {
|
||||
const scopeServers_0 = serversByScope.get(scope_0);
|
||||
if (!scopeServers_0 || scopeServers_0.length === 0) {
|
||||
return null;
|
||||
}
|
||||
const heading = getScopeHeading(scope_0);
|
||||
return <Box key={scope_0} flexDirection="column" marginBottom={1}><Box paddingLeft={2}><Text bold={true}>{heading.label}</Text>{heading.path && <Text dimColor={true}> ({heading.path})</Text>}</Box>{scopeServers_0.map(server_4 => renderServerItem(server_4))}</Box>;
|
||||
});
|
||||
$[48] = renderServerItem;
|
||||
$[49] = serversByScope;
|
||||
$[50] = t22;
|
||||
} else {
|
||||
t22 = $[50];
|
||||
}
|
||||
let t23;
|
||||
if ($[51] !== claudeAiServers || $[52] !== renderServerItem) {
|
||||
t23 = claudeAiServers.length > 0 && <Box flexDirection="column" marginBottom={1}><Box paddingLeft={2}><Text bold={true}>claude.ai</Text></Box>{claudeAiServers.map(server_5 => renderServerItem(server_5))}</Box>;
|
||||
$[51] = claudeAiServers;
|
||||
$[52] = renderServerItem;
|
||||
$[53] = t23;
|
||||
} else {
|
||||
t23 = $[53];
|
||||
}
|
||||
let t24;
|
||||
if ($[54] !== agentServers || $[55] !== renderAgentServerItem) {
|
||||
t24 = agentServers.length > 0 && <Box flexDirection="column" marginBottom={1}><Box paddingLeft={2}><Text bold={true}>Agent MCPs</Text></Box>{[...new Set(agentServers.flatMap(_temp6))].map(agentName => <Box key={agentName} flexDirection="column" marginTop={1}><Box paddingLeft={2}><Text dimColor={true}>@{agentName}</Text></Box>{agentServers.filter(s_3 => s_3.sourceAgents.includes(agentName)).map(agentServer_2 => renderAgentServerItem(agentServer_2))}</Box>)}</Box>;
|
||||
$[54] = agentServers;
|
||||
$[55] = renderAgentServerItem;
|
||||
$[56] = t24;
|
||||
} else {
|
||||
t24 = $[56];
|
||||
}
|
||||
let t25;
|
||||
if ($[57] !== dynamicServers || $[58] !== renderServerItem) {
|
||||
t25 = dynamicServers.length > 0 && <Box flexDirection="column" marginBottom={1}><Box paddingLeft={2}><Text bold={true}>{dynamicHeading.label}</Text>{dynamicHeading.path && <Text dimColor={true}> ({dynamicHeading.path})</Text>}</Box>{dynamicServers.map(server_6 => renderServerItem(server_6))}</Box>;
|
||||
$[57] = dynamicServers;
|
||||
$[58] = renderServerItem;
|
||||
$[59] = t25;
|
||||
} else {
|
||||
t25 = $[59];
|
||||
}
|
||||
let t26;
|
||||
if ($[60] !== hasFailedClients) {
|
||||
t26 = hasFailedClients && <Text dimColor={true}>{debugMode ? "\u203B Error logs shown inline with --debug" : "\u203B Run claude --debug to see error logs"}</Text>;
|
||||
$[60] = hasFailedClients;
|
||||
$[61] = t26;
|
||||
} else {
|
||||
t26 = $[61];
|
||||
}
|
||||
let t27;
|
||||
if ($[62] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t27 = <Text dimColor={true}><Link url="https://code.claude.com/docs/en/mcp">https://code.claude.com/docs/en/mcp</Link>{" "}for help</Text>;
|
||||
$[62] = t27;
|
||||
} else {
|
||||
t27 = $[62];
|
||||
}
|
||||
let t28;
|
||||
if ($[63] !== t26) {
|
||||
t28 = <Box flexDirection="column">{t26}{t27}</Box>;
|
||||
$[63] = t26;
|
||||
$[64] = t28;
|
||||
} else {
|
||||
t28 = $[64];
|
||||
}
|
||||
let t29;
|
||||
if ($[65] !== t22 || $[66] !== t23 || $[67] !== t24 || $[68] !== t25 || $[69] !== t28) {
|
||||
t29 = <Box flexDirection="column">{t22}{t23}{t24}{t25}{t28}</Box>;
|
||||
$[65] = t22;
|
||||
$[66] = t23;
|
||||
$[67] = t24;
|
||||
$[68] = t25;
|
||||
$[69] = t28;
|
||||
$[70] = t29;
|
||||
} else {
|
||||
t29 = $[70];
|
||||
}
|
||||
let t30;
|
||||
if ($[71] !== handleCancel || $[72] !== t21 || $[73] !== t29) {
|
||||
t30 = <Dialog title="Manage MCP servers" subtitle={t21} onCancel={handleCancel} hideInputGuide={true}>{t29}</Dialog>;
|
||||
$[71] = handleCancel;
|
||||
$[72] = t21;
|
||||
$[73] = t29;
|
||||
$[74] = t30;
|
||||
} else {
|
||||
t30 = $[74];
|
||||
}
|
||||
let t31;
|
||||
if ($[75] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t31 = <Box paddingX={1}><Text dimColor={true} italic={true}><Byline><KeyboardShortcutHint shortcut={"\u2191\u2193"} action="navigate" /><KeyboardShortcutHint shortcut="Enter" action="confirm" /><ConfigurableShortcutHint action="confirm:no" context="Confirmation" fallback="Esc" description="cancel" /></Byline></Text></Box>;
|
||||
$[75] = t31;
|
||||
} else {
|
||||
t31 = $[75];
|
||||
}
|
||||
let t32;
|
||||
if ($[76] !== t30) {
|
||||
t32 = <Box flexDirection="column">{t19}{t30}{t31}</Box>;
|
||||
$[76] = t30;
|
||||
$[77] = t32;
|
||||
} else {
|
||||
t32 = $[77];
|
||||
}
|
||||
return t32;
|
||||
}
|
||||
function _temp6(s_2) {
|
||||
return s_2.sourceAgents;
|
||||
}
|
||||
function _temp5(s_1) {
|
||||
return s_1.client.type === "failed";
|
||||
}
|
||||
function _temp4(a_0, b_0) {
|
||||
return a_0.name.localeCompare(b_0.name);
|
||||
}
|
||||
function _temp3(a, b) {
|
||||
return a.name.localeCompare(b.name);
|
||||
}
|
||||
function _temp2(s_0) {
|
||||
return s_0.client.config.type === "claudeai-proxy";
|
||||
}
|
||||
function _temp(s) {
|
||||
return s.client.config.type !== "claudeai-proxy";
|
||||
|
||||
const totalServers = servers.length + agentServers.length
|
||||
|
||||
return (
|
||||
<Box flexDirection="column">
|
||||
<McpParsingWarnings />
|
||||
|
||||
<Dialog
|
||||
title="Manage MCP servers"
|
||||
subtitle={`${totalServers} ${plural(totalServers, 'server')}`}
|
||||
onCancel={handleCancel}
|
||||
hideInputGuide
|
||||
>
|
||||
<Box flexDirection="column">
|
||||
{/* Regular servers grouped by scope */}
|
||||
{SCOPE_ORDER.map(scope => {
|
||||
const scopeServers = serversByScope.get(scope)
|
||||
if (!scopeServers || scopeServers.length === 0) return null
|
||||
const heading = getScopeHeading(scope)
|
||||
return (
|
||||
<Box key={scope} flexDirection="column" marginBottom={1}>
|
||||
<Box paddingLeft={2}>
|
||||
<Text bold>{heading.label}</Text>
|
||||
{heading.path && <Text dimColor> ({heading.path})</Text>}
|
||||
</Box>
|
||||
{scopeServers.map(server => renderServerItem(server))}
|
||||
</Box>
|
||||
)
|
||||
})}
|
||||
|
||||
{/* Claude.ai servers section */}
|
||||
{claudeAiServers.length > 0 && (
|
||||
<Box flexDirection="column" marginBottom={1}>
|
||||
<Box paddingLeft={2}>
|
||||
<Text bold>claude.ai</Text>
|
||||
</Box>
|
||||
{claudeAiServers.map(server => renderServerItem(server))}
|
||||
</Box>
|
||||
)}
|
||||
|
||||
{/* Agent servers section - grouped by source agent */}
|
||||
{agentServers.length > 0 && (
|
||||
<Box flexDirection="column" marginBottom={1}>
|
||||
<Box paddingLeft={2}>
|
||||
<Text bold>Agent MCPs</Text>
|
||||
</Box>
|
||||
{/* Group servers by source agent */}
|
||||
{[...new Set(agentServers.flatMap(s => s.sourceAgents))].map(
|
||||
agentName => (
|
||||
<Box key={agentName} flexDirection="column" marginTop={1}>
|
||||
<Box paddingLeft={2}>
|
||||
<Text dimColor>@{agentName}</Text>
|
||||
</Box>
|
||||
{agentServers
|
||||
.filter(s => s.sourceAgents.includes(agentName))
|
||||
.map(agentServer => renderAgentServerItem(agentServer))}
|
||||
</Box>
|
||||
),
|
||||
)}
|
||||
</Box>
|
||||
)}
|
||||
|
||||
{/* Built-in (dynamic) servers section - always last */}
|
||||
{dynamicServers.length > 0 && (
|
||||
<Box flexDirection="column" marginBottom={1}>
|
||||
<Box paddingLeft={2}>
|
||||
<Text bold>{dynamicHeading.label}</Text>
|
||||
{dynamicHeading.path && (
|
||||
<Text dimColor> ({dynamicHeading.path})</Text>
|
||||
)}
|
||||
</Box>
|
||||
{dynamicServers.map(server => renderServerItem(server))}
|
||||
</Box>
|
||||
)}
|
||||
|
||||
{/* Footer info */}
|
||||
<Box flexDirection="column">
|
||||
{hasFailedClients && (
|
||||
<Text dimColor>
|
||||
{debugMode
|
||||
? '※ Error logs shown inline with --debug'
|
||||
: '※ Run claude --debug to see error logs'}
|
||||
</Text>
|
||||
)}
|
||||
<Text dimColor>
|
||||
<Link url="https://code.claude.com/docs/en/mcp">
|
||||
https://code.claude.com/docs/en/mcp
|
||||
</Link>{' '}
|
||||
for help
|
||||
</Text>
|
||||
</Box>
|
||||
</Box>
|
||||
</Dialog>
|
||||
|
||||
{/* Custom footer with navigation hint */}
|
||||
<Box paddingX={1}>
|
||||
<Text dimColor italic>
|
||||
<Byline>
|
||||
<KeyboardShortcutHint shortcut="↑↓" action="navigate" />
|
||||
<KeyboardShortcutHint shortcut="Enter" action="confirm" />
|
||||
<ConfigurableShortcutHint
|
||||
action="confirm:no"
|
||||
context="Confirmation"
|
||||
fallback="Esc"
|
||||
description="cancel"
|
||||
/>
|
||||
</Byline>
|
||||
</Text>
|
||||
</Box>
|
||||
</Box>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user