lcclaude 1.0.0

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

@@ -0,0 +1,671 @@
+import { c as _c } from "react/compiler-runtime";
+import figures from "figures";
+import React, { useCallback, 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";
+const SCOPE_ORDER = ["project", "local", "user", "enterprise"];
+function getScopeHeading(scope) {
+  switch (scope) {
+    case "project":
+      return {
+        label: "Project MCPs",
+        path: describeMcpConfigFilePath(scope)
+      };
+    case "user":
+      return {
+        label: "User MCPs",
+        path: describeMcpConfigFilePath(scope)
+      };
+    case "local":
+      return {
+        label: "Local MCPs",
+        path: describeMcpConfigFilePath(scope)
+      };
+    case "enterprise":
+      return {
+        label: "Enterprise MCPs"
+      };
+    case "dynamic":
+      return {
+        label: "Built-in MCPs",
+        path: "always available"
+      };
+    default:
+      return {
+        label: scope
+      };
+  }
+}
+function groupServersByScope(serverList) {
+  const groups = new Map;
+  for (const server of serverList) {
+    const scope = server.scope;
+    if (!groups.has(scope)) {
+      groups.set(scope, []);
+    }
+    groups.get(scope).push(server);
+  }
+  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;
+  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 = [];
+    for (const scope of SCOPE_ORDER) {
+      const scopeServers = serversByScope.get(scope) ?? [];
+      for (const server of scopeServers) {
+        items.push({
+          type: "server",
+          server
+        });
+      }
+    }
+    for (const server_0 of claudeAiServers) {
+      items.push({
+        type: "server",
+        server: server_0
+      });
+    }
+    for (const agentServer of agentServers) {
+      items.push({
+        type: "agent-server",
+        agentServer
+      });
+    }
+    for (const server_1 of dynamicServers) {
+      items.push({
+        type: "server",
+        server: server_1
+      });
+    }
+    $[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;
+  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…";
+            }
+          } 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 jsxDEV_7x81h0kn(Box, {
+        children: [
+          jsxDEV_7x81h0kn(Text, {
+            color: isSelected ? "suggestion" : undefined,
+            children: isSelected ? `${figures.pointer} ` : "  "
+          }, undefined, false, undefined, this),
+          jsxDEV_7x81h0kn(Text, {
+            color: isSelected ? "suggestion" : undefined,
+            children: server_3.name
+          }, undefined, false, undefined, this),
+          jsxDEV_7x81h0kn(Text, {
+            dimColor: !isSelected,
+            children: [
+              " · ",
+              statusIcon,
+              " "
+            ]
+          }, undefined, true, undefined, this),
+          jsxDEV_7x81h0kn(Text, {
+            dimColor: !isSelected,
+            children: statusText
+          }, undefined, false, undefined, this)
+        ]
+      }, `${server_3.name}-${index}`, true, undefined, this);
+    };
+    $[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 jsxDEV_7x81h0kn(Box, {
+        children: [
+          jsxDEV_7x81h0kn(Text, {
+            color: isSelected_0 ? "suggestion" : undefined,
+            children: isSelected_0 ? `${figures.pointer} ` : "  "
+          }, undefined, false, undefined, this),
+          jsxDEV_7x81h0kn(Text, {
+            color: isSelected_0 ? "suggestion" : undefined,
+            children: agentServer_1.name
+          }, undefined, false, undefined, this),
+          jsxDEV_7x81h0kn(Text, {
+            dimColor: !isSelected_0,
+            children: [
+              " · ",
+              statusIcon_0,
+              " "
+            ]
+          }, undefined, true, undefined, this),
+          jsxDEV_7x81h0kn(Text, {
+            dimColor: !isSelected_0,
+            children: statusText_0
+          }, undefined, false, undefined, this)
+        ]
+      }, `agent-${agentServer_1.name}-${index_0}`, true, undefined, this);
+    };
+    $[41] = getAgentServerIndex;
+    $[42] = selectedIndex;
+    $[43] = theme;
+    $[44] = t18;
+  } else {
+    t18 = $[44];
+  }
+  const renderAgentServerItem = t18;
+  const totalServers = servers.length + agentServers.length;
+  let t19;
+  if ($[45] === Symbol.for("react.memo_cache_sentinel")) {
+    t19 = jsxDEV_7x81h0kn(McpParsingWarnings, {}, undefined, false, undefined, this);
+    $[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 jsxDEV_7x81h0kn(Box, {
+        flexDirection: "column",
+        marginBottom: 1,
+        children: [
+          jsxDEV_7x81h0kn(Box, {
+            paddingLeft: 2,
+            children: [
+              jsxDEV_7x81h0kn(Text, {
+                bold: true,
+                children: heading.label
+              }, undefined, false, undefined, this),
+              heading.path && jsxDEV_7x81h0kn(Text, {
+                dimColor: true,
+                children: [
+                  " (",
+                  heading.path,
+                  ")"
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          scopeServers_0.map((server_4) => renderServerItem(server_4))
+        ]
+      }, scope_0, true, undefined, this);
+    });
+    $[48] = renderServerItem;
+    $[49] = serversByScope;
+    $[50] = t22;
+  } else {
+    t22 = $[50];
+  }
+  let t23;
+  if ($[51] !== claudeAiServers || $[52] !== renderServerItem) {
+    t23 = claudeAiServers.length > 0 && jsxDEV_7x81h0kn(Box, {
+      flexDirection: "column",
+      marginBottom: 1,
+      children: [
+        jsxDEV_7x81h0kn(Box, {
+          paddingLeft: 2,
+          children: jsxDEV_7x81h0kn(Text, {
+            bold: true,
+            children: "claude.ai"
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this),
+        claudeAiServers.map((server_5) => renderServerItem(server_5))
+      ]
+    }, undefined, true, undefined, this);
+    $[51] = claudeAiServers;
+    $[52] = renderServerItem;
+    $[53] = t23;
+  } else {
+    t23 = $[53];
+  }
+  let t24;
+  if ($[54] !== agentServers || $[55] !== renderAgentServerItem) {
+    t24 = agentServers.length > 0 && jsxDEV_7x81h0kn(Box, {
+      flexDirection: "column",
+      marginBottom: 1,
+      children: [
+        jsxDEV_7x81h0kn(Box, {
+          paddingLeft: 2,
+          children: jsxDEV_7x81h0kn(Text, {
+            bold: true,
+            children: "Agent MCPs"
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this),
+        [...new Set(agentServers.flatMap(_temp6))].map((agentName) => jsxDEV_7x81h0kn(Box, {
+          flexDirection: "column",
+          marginTop: 1,
+          children: [
+            jsxDEV_7x81h0kn(Box, {
+              paddingLeft: 2,
+              children: jsxDEV_7x81h0kn(Text, {
+                dimColor: true,
+                children: [
+                  "@",
+                  agentName
+                ]
+              }, undefined, true, undefined, this)
+            }, undefined, false, undefined, this),
+            agentServers.filter((s_3) => s_3.sourceAgents.includes(agentName)).map((agentServer_2) => renderAgentServerItem(agentServer_2))
+          ]
+        }, agentName, true, undefined, this))
+      ]
+    }, undefined, true, undefined, this);
+    $[54] = agentServers;
+    $[55] = renderAgentServerItem;
+    $[56] = t24;
+  } else {
+    t24 = $[56];
+  }
+  let t25;
+  if ($[57] !== dynamicServers || $[58] !== renderServerItem) {
+    t25 = dynamicServers.length > 0 && jsxDEV_7x81h0kn(Box, {
+      flexDirection: "column",
+      marginBottom: 1,
+      children: [
+        jsxDEV_7x81h0kn(Box, {
+          paddingLeft: 2,
+          children: [
+            jsxDEV_7x81h0kn(Text, {
+              bold: true,
+              children: dynamicHeading.label
+            }, undefined, false, undefined, this),
+            dynamicHeading.path && jsxDEV_7x81h0kn(Text, {
+              dimColor: true,
+              children: [
+                " (",
+                dynamicHeading.path,
+                ")"
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        dynamicServers.map((server_6) => renderServerItem(server_6))
+      ]
+    }, undefined, true, undefined, this);
+    $[57] = dynamicServers;
+    $[58] = renderServerItem;
+    $[59] = t25;
+  } else {
+    t25 = $[59];
+  }
+  let t26;
+  if ($[60] !== hasFailedClients) {
+    t26 = hasFailedClients && jsxDEV_7x81h0kn(Text, {
+      dimColor: true,
+      children: debugMode ? "※ Error logs shown inline with --debug" : "※ Run claude --debug to see error logs"
+    }, undefined, false, undefined, this);
+    $[60] = hasFailedClients;
+    $[61] = t26;
+  } else {
+    t26 = $[61];
+  }
+  let t27;
+  if ($[62] === Symbol.for("react.memo_cache_sentinel")) {
+    t27 = jsxDEV_7x81h0kn(Text, {
+      dimColor: true,
+      children: [
+        jsxDEV_7x81h0kn(Link, {
+          url: "https://code.claude.com/docs/en/mcp",
+          children: "https://code.claude.com/docs/en/mcp"
+        }, undefined, false, undefined, this),
+        " ",
+        "for help"
+      ]
+    }, undefined, true, undefined, this);
+    $[62] = t27;
+  } else {
+    t27 = $[62];
+  }
+  let t28;
+  if ($[63] !== t26) {
+    t28 = jsxDEV_7x81h0kn(Box, {
+      flexDirection: "column",
+      children: [
+        t26,
+        t27
+      ]
+    }, undefined, true, undefined, this);
+    $[63] = t26;
+    $[64] = t28;
+  } else {
+    t28 = $[64];
+  }
+  let t29;
+  if ($[65] !== t22 || $[66] !== t23 || $[67] !== t24 || $[68] !== t25 || $[69] !== t28) {
+    t29 = jsxDEV_7x81h0kn(Box, {
+      flexDirection: "column",
+      children: [
+        t22,
+        t23,
+        t24,
+        t25,
+        t28
+      ]
+    }, undefined, true, undefined, this);
+    $[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 = jsxDEV_7x81h0kn(Dialog, {
+      title: "Manage MCP servers",
+      subtitle: t21,
+      onCancel: handleCancel,
+      hideInputGuide: true,
+      children: t29
+    }, undefined, false, undefined, this);
+    $[71] = handleCancel;
+    $[72] = t21;
+    $[73] = t29;
+    $[74] = t30;
+  } else {
+    t30 = $[74];
+  }
+  let t31;
+  if ($[75] === Symbol.for("react.memo_cache_sentinel")) {
+    t31 = jsxDEV_7x81h0kn(Box, {
+      paddingX: 1,
+      children: jsxDEV_7x81h0kn(Text, {
+        dimColor: true,
+        italic: true,
+        children: jsxDEV_7x81h0kn(Byline, {
+          children: [
+            jsxDEV_7x81h0kn(KeyboardShortcutHint, {
+              shortcut: "↑↓",
+              action: "navigate"
+            }, undefined, false, undefined, this),
+            jsxDEV_7x81h0kn(KeyboardShortcutHint, {
+              shortcut: "Enter",
+              action: "confirm"
+            }, undefined, false, undefined, this),
+            jsxDEV_7x81h0kn(ConfigurableShortcutHint, {
+              action: "confirm:no",
+              context: "Confirmation",
+              fallback: "Esc",
+              description: "cancel"
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+    $[75] = t31;
+  } else {
+    t31 = $[75];
+  }
+  let t32;
+  if ($[76] !== t30) {
+    t32 = jsxDEV_7x81h0kn(Box, {
+      flexDirection: "column",
+      children: [
+        t19,
+        t30,
+        t31
+      ]
+    }, undefined, true, undefined, this);
+    $[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";
+}