@iaforged/context-code 1.1.9 → 1.2.1

package/dist/src/components/mcp/MCPListPanel.js

@@ -1,52 +1,90 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { c as _c } from "react/compiler-runtime";
 import figures from 'figures';
-import { useState } from 'react';
+import { useCallback, useMemo, useState } from 'react';
 import { Box, color, Link, Text, useTheme } from '../../ink.js';
 import { useKeybindings } from '../../keybindings/useKeybinding.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';
-// Define scope order for display (constant, outside component)
-// 'dynamic' (built-in) is rendered separately at the end
 const SCOPE_ORDER = ['project', 'local', 'user', 'enterprise'];
-// Get scope heading parts (label is bold, path is grey)
+const MCP_DESCRIPTIONS = {
+    database: 'Consultas y administracion de bases de datos',
+    semble: 'Busqueda semantica de codigo y repositorios',
+    Gmail: 'Correo de Google',
+    'Google Calendar': 'Calendario y eventos',
+    'Google Drive': 'Archivos, Docs y Sheets',
+    'claude-in-chrome': 'Automatizacion de Claude en el navegador',
+    'computer-use': 'Control de escritorio y automatizacion visual',
+};
 function getScopeHeading(scope) {
     switch (scope) {
         case 'project':
             return {
-                label: 'Project MCPs',
-                path: describeMcpConfigFilePath(scope)
+                label: 'MCP del proyecto',
+                path: describeMcpConfigFilePath(scope),
             };
         case 'user':
             return {
-                label: 'User MCPs',
-                path: describeMcpConfigFilePath(scope)
+                label: 'MCP del usuario',
+                path: describeMcpConfigFilePath(scope),
             };
         case 'local':
             return {
-                label: 'Local MCPs',
-                path: describeMcpConfigFilePath(scope)
+                label: 'MCP locales',
+                path: describeMcpConfigFilePath(scope),
             };
         case 'enterprise':
             return {
-                label: 'Enterprise MCPs'
+                label: 'MCP empresariales',
             };
         case 'dynamic':
             return {
-                label: 'Built-in MCPs',
-                path: 'always available'
+                label: 'MCP integrados',
+                path: 'siempre disponibles',
             };
         default:
-            return {
-                label: scope
-            };
+            return { label: scope };
+    }
+}
+function getServerDescription(name) {
+    return MCP_DESCRIPTIONS[name];
+}
+function getServerStatus(server, theme) {
+    if (server.client.type === 'disabled') {
+        return {
+            icon: color('inactive', theme)(figures.radioOff),
+            text: 'deshabilitado',
+        };
+    }
+    if (server.client.type === 'connected') {
+        return {
+            icon: color('success', theme)(figures.tick),
+            text: 'conectado',
+        };
+    }
+    if (server.client.type === 'pending') {
+        const { reconnectAttempt, maxReconnectAttempts } = server.client;
+        return {
+            icon: color('inactive', theme)(figures.radioOff),
+            text: reconnectAttempt && maxReconnectAttempts
+                ? `reconectando (${reconnectAttempt}/${maxReconnectAttempts})…`
+                : 'conectando…',
+        };
+    }
+    if (server.client.type === 'needs-auth') {
+        return {
+            icon: color('warning', theme)(figures.triangleUpOutline),
+            text: 'necesita autenticacion',
+        };
     }
+    return {
+        icon: color('error', theme)(figures.cross),
+        text: 'fallo',
+    };
 }
 function groupServersByScope(serverList) {
     const groups = new Map();
@@ -57,448 +95,104 @@ function groupServersByScope(serverList) {
         }
         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));
     }
     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;
+export function MCPListPanel({ servers, agentServers = [], onSelectServer, onSelectAgentServer, onComplete, }) {
     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 = [];
+    const serversByScope = useMemo(() => {
+        const regularServers = servers.filter(s => s.client.config.type !== 'claudeai-proxy');
+        return groupServersByScope(regularServers);
+    }, [servers]);
+    const claudeAiServers = useMemo(() => servers
+        .filter(s => s.client.config.type === 'claudeai-proxy')
+        .sort((a, b) => a.name.localeCompare(b.name)), [servers]);
+    const dynamicServers = useMemo(() => (serversByScope.get('dynamic') ?? []).sort((a, b) => a.name.localeCompare(b.name)), [serversByScope]);
+    const dynamicHeading = getScopeHeading('dynamic');
+    const selectableItems = useMemo(() => {
+        const items = [];
         for (const scope of SCOPE_ORDER) {
-            const scopeServers = serversByScope.get(scope) ?? [];
-            for (const server of scopeServers) {
-                items.push({
-                    type: "server",
-                    server
-                });
+            for (const server of serversByScope.get(scope) ?? []) {
+                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
-            });
+        for (const server of dynamicServers) {
+            items.push({ type: 'server', server });
         }
-        $[9] = agentServers;
-        $[10] = claudeAiServers;
-        $[11] = dynamicServers;
-        $[12] = serversByScope;
-        $[13] = items;
-    }
-    else {
-        items = $[13];
-    }
-    const selectableItems = items;
-    let t7;
-    if ($[14] !== onComplete) {
-        t7 = () => {
-            onComplete("MCP dialog dismissed", {
-                display: "system"
-            });
-        };
-        $[14] = onComplete;
-        $[15] = t7;
-    }
-    else {
-        t7 = $[15];
-    }
-    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;
+        return items;
+    }, [agentServers, claudeAiServers, dynamicServers, serversByScope]);
+    const handleCancel = useCallback(() => {
+        onComplete('Dialogo MCP cerrado', { display: 'system' });
+    }, [onComplete]);
+    const handleSelect = useCallback(() => {
+        const item = selectableItems[selectedIndex];
+        if (!item)
+            return;
+        if (item.type === 'server') {
+            onSelectServer(item.server);
+            return;
+        }
+        if (onSelectAgentServer) {
+            onSelectAgentServer(item.agentServer);
+        }
+    }, [
+        onSelectAgentServer,
+        onSelectServer,
+        selectableItems,
+        selectedIndex,
+    ]);
+    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' });
+    const getServerIndex = (server) => selectableItems.findIndex(item => item.type === 'server' && item.server === server);
+    const getAgentServerIndex = (agentServer) => selectableItems.findIndex(item => item.type === 'agent-server' && item.agentServer === agentServer);
+    const debugMode = isDebugMode();
+    const hasFailedClients = servers.some(s => s.client.type === 'failed');
     if (servers.length === 0 && agentServers.length === 0) {
         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";
-            }
-            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";
-                        }
-                    }
-                }
-            }
-            return _jsxs(Box, { children: [_jsx(Text, { color: isSelected ? "suggestion" : undefined, children: isSelected ? `${figures.pointer} ` : "  " }), _jsx(Text, { color: isSelected ? "suggestion" : undefined, children: server_3.name }), _jsxs(Text, { dimColor: !isSelected, children: [" \u00B7 ", statusIcon, " "] }), _jsx(Text, { dimColor: !isSelected, children: statusText })] }, `${server_3.name}-${index}`);
-        };
-        $[37] = getServerIndex;
-        $[38] = selectedIndex;
-        $[39] = theme;
-        $[40] = t17;
-    }
-    else {
-        t17 = $[40];
-    }
-    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 _jsxs(Box, { children: [_jsx(Text, { color: isSelected_0 ? "suggestion" : undefined, children: isSelected_0 ? `${figures.pointer} ` : "  " }), _jsx(Text, { color: isSelected_0 ? "suggestion" : undefined, children: agentServer_1.name }), _jsxs(Text, { dimColor: !isSelected_0, children: [" \u00B7 ", statusIcon_0, " "] }), _jsx(Text, { dimColor: !isSelected_0, children: statusText_0 })] }, `agent-${agentServer_1.name}-${index_0}`);
-        };
-        $[41] = getAgentServerIndex;
-        $[42] = selectedIndex;
-        $[43] = theme;
-        $[44] = t18;
-    }
-    else {
-        t18 = $[44];
-    }
-    const renderAgentServerItem = t18;
+    const renderServerItem = (server) => {
+        const index = getServerIndex(server);
+        const isSelected = selectedIndex === index;
+        const description = getServerDescription(server.name);
+        const status = getServerStatus(server, theme);
+        return (_jsxs(Box, { children: [_jsx(Text, { color: isSelected ? 'suggestion' : undefined, children: isSelected ? `${figures.pointer} ` : '  ' }), _jsx(Text, { color: isSelected ? 'suggestion' : undefined, children: server.name }), description && _jsxs(Text, { dimColor: !isSelected, children: [" - ", description] }), _jsxs(Text, { dimColor: !isSelected, children: [" \u00B7 ", status.icon, " "] }), _jsx(Text, { dimColor: !isSelected, children: status.text })] }, `${server.name}-${index}`));
+    };
+    const renderAgentServerItem = (agentServer) => {
+        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
+            ? 'puede requerir autenticacion'
+            : 'solo agente';
+        return (_jsxs(Box, { children: [_jsx(Text, { color: isSelected ? 'suggestion' : undefined, children: isSelected ? `${figures.pointer} ` : '  ' }), _jsx(Text, { color: isSelected ? 'suggestion' : undefined, children: agentServer.name }), _jsxs(Text, { dimColor: !isSelected, children: [" \u00B7 ", statusIcon, " "] }), _jsx(Text, { dimColor: !isSelected, children: statusText })] }, `agent-${agentServer.name}-${index}`));
+    };
     const totalServers = servers.length + agentServers.length;
-    let t19;
-    if ($[45] === Symbol.for("react.memo_cache_sentinel")) {
-        t19 = _jsx(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 _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { paddingLeft: 2, children: [_jsx(Text, { bold: true, children: heading.label }), heading.path && _jsxs(Text, { dimColor: true, children: [" (", heading.path, ")"] })] }), scopeServers_0.map(server_4 => renderServerItem(server_4))] }, scope_0);
-        });
-        $[48] = renderServerItem;
-        $[49] = serversByScope;
-        $[50] = t22;
-    }
-    else {
-        t22 = $[50];
-    }
-    let t23;
-    if ($[51] !== claudeAiServers || $[52] !== renderServerItem) {
-        t23 = claudeAiServers.length > 0 && _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Box, { paddingLeft: 2, children: _jsx(Text, { bold: true, children: "claude.ai" }) }), claudeAiServers.map(server_5 => renderServerItem(server_5))] });
-        $[51] = claudeAiServers;
-        $[52] = renderServerItem;
-        $[53] = t23;
-    }
-    else {
-        t23 = $[53];
-    }
-    let t24;
-    if ($[54] !== agentServers || $[55] !== renderAgentServerItem) {
-        t24 = agentServers.length > 0 && _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Box, { paddingLeft: 2, children: _jsx(Text, { bold: true, children: "Agent MCPs" }) }), [...new Set(agentServers.flatMap(_temp6))].map(agentName => _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Box, { paddingLeft: 2, children: _jsxs(Text, { dimColor: true, children: ["@", agentName] }) }), agentServers.filter(s_3 => s_3.sourceAgents.includes(agentName)).map(agentServer_2 => renderAgentServerItem(agentServer_2))] }, agentName))] });
-        $[54] = agentServers;
-        $[55] = renderAgentServerItem;
-        $[56] = t24;
-    }
-    else {
-        t24 = $[56];
-    }
-    let t25;
-    if ($[57] !== dynamicServers || $[58] !== renderServerItem) {
-        t25 = dynamicServers.length > 0 && _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { paddingLeft: 2, children: [_jsx(Text, { bold: true, children: dynamicHeading.label }), dynamicHeading.path && _jsxs(Text, { dimColor: true, children: [" (", dynamicHeading.path, ")"] })] }), dynamicServers.map(server_6 => renderServerItem(server_6))] });
-        $[57] = dynamicServers;
-        $[58] = renderServerItem;
-        $[59] = t25;
-    }
-    else {
-        t25 = $[59];
-    }
-    let t26;
-    if ($[60] !== hasFailedClients) {
-        t26 = hasFailedClients && _jsx(Text, { dimColor: true, children: debugMode ? "\u203B Error logs shown inline with --debug" : "\u203B Run context --debug to see error logs" });
-        $[60] = hasFailedClients;
-        $[61] = t26;
-    }
-    else {
-        t26 = $[61];
-    }
-    let t27;
-    if ($[62] === Symbol.for("react.memo_cache_sentinel")) {
-        t27 = _jsxs(Text, { dimColor: true, children: [_jsx(Link, { url: "https://code.claude.com/docs/en/mcp", children: "https://code.claude.com/docs/en/mcp" }), " ", "for help"] });
-        $[62] = t27;
-    }
-    else {
-        t27 = $[62];
-    }
-    let t28;
-    if ($[63] !== t26) {
-        t28 = _jsxs(Box, { flexDirection: "column", children: [t26, t27] });
-        $[63] = t26;
-        $[64] = t28;
-    }
-    else {
-        t28 = $[64];
-    }
-    let t29;
-    if ($[65] !== t22 || $[66] !== t23 || $[67] !== t24 || $[68] !== t25 || $[69] !== t28) {
-        t29 = _jsxs(Box, { flexDirection: "column", children: [t22, t23, t24, t25, t28] });
-        $[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 = _jsx(Dialog, { title: "Manage MCP servers", subtitle: t21, onCancel: handleCancel, hideInputGuide: true, children: t29 });
-        $[71] = handleCancel;
-        $[72] = t21;
-        $[73] = t29;
-        $[74] = t30;
-    }
-    else {
-        t30 = $[74];
-    }
-    let t31;
-    if ($[75] === Symbol.for("react.memo_cache_sentinel")) {
-        t31 = _jsx(Box, { paddingX: 1, children: _jsx(Text, { dimColor: true, italic: true, children: _jsxs(Byline, { children: [_jsx(KeyboardShortcutHint, { shortcut: "\u2191\u2193", action: "navigate" }), _jsx(KeyboardShortcutHint, { shortcut: "Enter", action: "confirmar" }), _jsx(ConfigurableShortcutHint, { action: "confirm:no", context: "Confirmation", fallback: "Esc", description: "cancelar" })] }) }) });
-        $[75] = t31;
-    }
-    else {
-        t31 = $[75];
-    }
-    let t32;
-    if ($[76] !== t30) {
-        t32 = _jsxs(Box, { flexDirection: "column", children: [t19, t30, t31] });
-        $[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 subtitle = totalServers === 1 ? '1 servidor' : `${totalServers} servidores`;
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(McpParsingWarnings, {}), _jsx(Dialog, { title: "Gestionar servidores MCP", subtitle: subtitle, onCancel: handleCancel, hideInputGuide: true, children: _jsxs(Box, { flexDirection: "column", children: [SCOPE_ORDER.map(scope => {
+                            const scopeServers = serversByScope.get(scope);
+                            if (!scopeServers || scopeServers.length === 0) {
+                                return null;
+                            }
+                            const heading = getScopeHeading(scope);
+                            return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { paddingLeft: 2, children: [_jsx(Text, { bold: true, children: heading.label }), heading.path && _jsxs(Text, { dimColor: true, children: [" (", heading.path, ")"] })] }), scopeServers.map(server => renderServerItem(server))] }, scope));
+                        }), claudeAiServers.length > 0 && (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Box, { paddingLeft: 2, children: _jsx(Text, { bold: true, children: "claude.ai" }) }), claudeAiServers.map(server => renderServerItem(server))] })), agentServers.length > 0 && (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Box, { paddingLeft: 2, children: _jsx(Text, { bold: true, children: "MCP de agentes" }) }), [...new Set(agentServers.flatMap(s => s.sourceAgents))].map(agentName => (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Box, { paddingLeft: 2, children: _jsxs(Text, { dimColor: true, children: ["@", agentName] }) }), agentServers
+                                            .filter(s => s.sourceAgents.includes(agentName))
+                                            .map(agentServer => renderAgentServerItem(agentServer))] }, agentName)))] })), dynamicServers.length > 0 && (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { paddingLeft: 2, children: [_jsx(Text, { bold: true, children: dynamicHeading.label }), dynamicHeading.path && (_jsxs(Text, { dimColor: true, children: [" (", dynamicHeading.path, ")"] }))] }), dynamicServers.map(server => renderServerItem(server))] })), hasFailedClients && (_jsx(Text, { dimColor: true, children: debugMode
+                                ? '※ Los errores se muestran en linea con --debug'
+                                : '※ Ejecuta context --debug para ver los errores' })), _jsxs(Text, { dimColor: true, children: [_jsx(Link, { url: "https://code.claude.com/docs/en/mcp", children: "https://code.claude.com/docs/en/mcp" }), ' ', "para ayuda"] })] }) }), _jsx(Box, { paddingX: 1, children: _jsx(Text, { dimColor: true, italic: true, children: _jsxs(Byline, { children: [_jsx(KeyboardShortcutHint, { shortcut: "\u2191\u2193", action: "navegar" }), _jsx(KeyboardShortcutHint, { shortcut: "Enter", action: "confirmar" }), _jsx(ConfigurableShortcutHint, { action: "confirm:no", context: "Confirmation", fallback: "Esc", description: "cancelar" })] }) }) })] }));
 }