claude-code/components/MCPServerDesktopImportDialog.tsx

import { c as _c } from "react/compiler-runtime";
import React, { useCallback, useEffect, useState } from 'react';
import { gracefulShutdown } from 'src/utils/gracefulShutdown.js';
import { writeToStdout } from 'src/utils/process.js';
import { Box, color, Text, useTheme } from '../ink.js';
import { addMcpConfig, getAllMcpConfigs } from '../services/mcp/config.js';
import type { ConfigScope, McpServerConfig, ScopedMcpServerConfig } from '../services/mcp/types.js';
import { plural } from '../utils/stringUtils.js';
import { ConfigurableShortcutHint } from './ConfigurableShortcutHint.js';
import { SelectMulti } from './CustomSelect/SelectMulti.js';
import { Byline } from './design-system/Byline.js';
import { Dialog } from './design-system/Dialog.js';
import { KeyboardShortcutHint } from './design-system/KeyboardShortcutHint.js';
type Props = {
  servers: Record<string, McpServerConfig>;
  scope: ConfigScope;
  onDone(): void;
};
export function MCPServerDesktopImportDialog(t0) {
  const $ = _c(36);
  const {
    servers,
    scope,
    onDone
  } = t0;
  let t1;
  if ($[0] !== servers) {
    t1 = Object.keys(servers);
    $[0] = servers;
    $[1] = t1;
  } else {
    t1 = $[1];
  }
  const serverNames = t1;
  let t2;
  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
    t2 = {};
    $[2] = t2;
  } else {
    t2 = $[2];
  }
  const [existingServers, setExistingServers] = useState(t2);
  let t3;
  let t4;
  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
    t3 = () => {
      getAllMcpConfigs().then(t5 => {
        const {
          servers: servers_0
        } = t5;
        return setExistingServers(servers_0);
      });
    };
    t4 = [];
    $[3] = t3;
    $[4] = t4;
  } else {
    t3 = $[3];
    t4 = $[4];
  }
  useEffect(t3, t4);
  let t5;
  if ($[5] !== existingServers || $[6] !== serverNames) {
    t5 = serverNames.filter(name => existingServers[name] !== undefined);
    $[5] = existingServers;
    $[6] = serverNames;
    $[7] = t5;
  } else {
    t5 = $[7];
  }
  const collisions = t5;
  const onSubmit = async function onSubmit(selectedServers) {
    let importedCount = 0;
    for (const serverName of selectedServers) {
      const serverConfig = servers[serverName];
      if (serverConfig) {
        let finalName = serverName;
        if (existingServers[finalName] !== undefined) {
          let counter = 1;
          while (existingServers[`${serverName}_${counter}`] !== undefined) {
            counter++;
          }
          finalName = `${serverName}_${counter}`;
        }
        await addMcpConfig(finalName, serverConfig, scope);
        importedCount++;
      }
    }
    done(importedCount);
  };
  const [theme] = useTheme();
  let t6;
  if ($[8] !== onDone || $[9] !== scope || $[10] !== theme) {
    t6 = importedCount_0 => {
      if (importedCount_0 > 0) {
        writeToStdout(`\n${color("success", theme)(`Successfully imported ${importedCount_0} MCP ${plural(importedCount_0, "server")} to ${scope} config.`)}\n`);
      } else {
        writeToStdout("\nNo servers were imported.");
      }
      onDone();
      gracefulShutdown();
    };
    $[8] = onDone;
    $[9] = scope;
    $[10] = theme;
    $[11] = t6;
  } else {
    t6 = $[11];
  }
  const done = t6;
  let t7;
  if ($[12] !== done) {
    t7 = () => {
      done(0);
    };
    $[12] = done;
    $[13] = t7;
  } else {
    t7 = $[13];
  }
  done;
  const handleEscCancel = t7;
  const t8 = serverNames.length;
  let t9;
  if ($[14] !== serverNames.length) {
    t9 = plural(serverNames.length, "server");
    $[14] = serverNames.length;
    $[15] = t9;
  } else {
    t9 = $[15];
  }
  const t10 = `Found ${t8} MCP ${t9} in Claude Desktop.`;
  let t11;
  if ($[16] !== collisions.length) {
    t11 = collisions.length > 0 && <Text color="warning">Note: Some servers already exist with the same name. If selected, they will be imported with a numbered suffix.</Text>;
    $[16] = collisions.length;
    $[17] = t11;
  } else {
    t11 = $[17];
  }
  let t12;
  if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
    t12 = <Text>Please select the servers you want to import:</Text>;
    $[18] = t12;
  } else {
    t12 = $[18];
  }
  let t13;
  let t14;
  if ($[19] !== collisions || $[20] !== serverNames) {
    t13 = serverNames.map(server => ({
      label: `${server}${collisions.includes(server) ? " (already exists)" : ""}`,
      value: server
    }));
    t14 = serverNames.filter(name_0 => !collisions.includes(name_0));
    $[19] = collisions;
    $[20] = serverNames;
    $[21] = t13;
    $[22] = t14;
  } else {
    t13 = $[21];
    t14 = $[22];
  }
  let t15;
  if ($[23] !== handleEscCancel || $[24] !== onSubmit || $[25] !== t13 || $[26] !== t14) {
    t15 = <SelectMulti options={t13} defaultValue={t14} onSubmit={onSubmit} onCancel={handleEscCancel} hideIndexes={true} />;
    $[23] = handleEscCancel;
    $[24] = onSubmit;
    $[25] = t13;
    $[26] = t14;
    $[27] = t15;
  } else {
    t15 = $[27];
  }
  let t16;
  if ($[28] !== handleEscCancel || $[29] !== t10 || $[30] !== t11 || $[31] !== t15) {
    t16 = <Dialog title="Import MCP Servers from Claude Desktop" subtitle={t10} color="success" onCancel={handleEscCancel} hideInputGuide={true}>{t11}{t12}{t15}</Dialog>;
    $[28] = handleEscCancel;
    $[29] = t10;
    $[30] = t11;
    $[31] = t15;
    $[32] = t16;
  } else {
    t16 = $[32];
  }
  let t17;
  if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
    t17 = <Box paddingX={1}><Text dimColor={true} italic={true}><Byline><KeyboardShortcutHint shortcut="Space" action="select" /><KeyboardShortcutHint shortcut="Enter" action="confirm" /><ConfigurableShortcutHint action="confirm:no" context="Confirmation" fallback="Esc" description="cancel" /></Byline></Text></Box>;
    $[33] = t17;
  } else {
    t17 = $[33];
  }
  let t18;
  if ($[34] !== t16) {
    t18 = <>{t16}{t17}</>;
    $[34] = t16;
    $[35] = t18;
  } else {
    t18 = $[35];
  }
  return t18;
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZUNhbGxiYWNrIiwidXNlRWZmZWN0IiwidXNlU3RhdGUiLCJncmFjZWZ1bFNodXRkb3duIiwid3JpdGVUb1N0ZG91dCIsIkJveCIsImNvbG9yIiwiVGV4dCIsInVzZVRoZW1lIiwiYWRkTWNwQ29uZmlnIiwiZ2V0QWxsTWNwQ29uZmlncyIsIkNvbmZpZ1Njb3BlIiwiTWNwU2VydmVyQ29uZmlnIiwiU2NvcGVkTWNwU2VydmVyQ29uZmlnIiwicGx1cmFsIiwiQ29uZmlndXJhYmxlU2hvcnRjdXRIaW50IiwiU2VsZWN0TXVsdGkiLCJCeWxpbmUiLCJEaWFsb2ciLCJLZXlib2FyZFNob3J0Y3V0SGludCIsIlByb3BzIiwic2VydmVycyIsIlJlY29yZCIsInNjb3BlIiwib25Eb25lIiwiTUNQU2VydmVyRGVza3RvcEltcG9ydERpYWxvZyIsInQwIiwiJCIsIl9jIiwidDEiLCJPYmplY3QiLCJrZXlzIiwic2VydmVyTmFtZXMiLCJ0MiIsIlN5bWJvbCIsImZvciIsImV4aXN0aW5nU2VydmVycyIsInNldEV4aXN0aW5nU2VydmVycyIsInQzIiwidDQiLCJ0aGVuIiwidDUiLCJzZXJ2ZXJzXzAiLCJmaWx0ZXIiLCJuYW1lIiwidW5kZWZpbmVkIiwiY29sbGlzaW9ucyIsIm9uU3VibWl0Iiwic2VsZWN0ZWRTZXJ2ZXJzIiwiaW1wb3J0ZWRDb3VudCIsInNlcnZlck5hbWUiLCJzZXJ2ZXJDb25maWciLCJmaW5hbE5hbWUiLCJjb3VudGVyIiwiZG9uZSIsInRoZW1lIiwidDYiLCJpbXBvcnRlZENvdW50XzAiLCJ0NyIsImhhbmRsZUVzY0NhbmNlbCIsInQ4IiwibGVuZ3RoIiwidDkiLCJ0MTAiLCJ0MTEiLCJ0MTIiLCJ0MTMiLCJ0MTQiLCJtYXAiLCJzZXJ2ZXIiLCJsYWJlbCIsImluY2x1ZGVzIiwidmFsdWUiLCJuYW1lXzAiLCJ0MTUiLCJ0MTYiLCJ0MTciLCJ0MTgiXSwic291cmNlcyI6WyJNQ1BTZXJ2ZXJEZXNrdG9wSW1wb3J0RGlhbG9nLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGdyYWNlZnVsU2h1dGRvd24gfSBmcm9tICdzcmMvdXRpbHMvZ3JhY2VmdWxTaHV0ZG93bi5qcydcbmltcG9ydCB7IHdyaXRlVG9TdGRvdXQgfSBmcm9tICdzcmMvdXRpbHMvcHJvY2Vzcy5qcydcbmltcG9ydCB7IEJveCwgY29sb3IsIFRleHQsIHVzZVRoZW1lIH0gZnJvbSAnLi4vaW5rLmpzJ1xuaW1wb3J0IHsgYWRkTWNwQ29uZmlnLCBnZXRBbGxNY3BDb25maWdzIH0gZnJvbSAnLi4vc2VydmljZXMvbWNwL2NvbmZpZy5qcydcbmltcG9ydCB0eXBlIHtcbiAgQ29uZmlnU2NvcGUsXG4gIE1jcFNlcnZlckNvbmZpZyxcbiAgU2NvcGVkTWNwU2VydmVyQ29uZmlnLFxufSBmcm9tICcuLi9zZXJ2aWNlcy9tY3AvdHlwZXMuanMnXG5pbXBvcnQgeyBwbHVyYWwgfSBmcm9tICcuLi91dGlscy9zdHJpbmdVdGlscy5qcydcbmltcG9ydCB7IENvbmZpZ3VyYWJsZVNob3J0Y3V0SGludCB9IGZyb20gJy4vQ29uZmlndXJhYmxlU2hvcnRjdXRIaW50LmpzJ1xuaW1wb3J0IHsgU2VsZWN0TXVsdGkgfSBmcm9tICcuL0N1c3RvbVNlbGVjdC9TZWxlY3RNdWx0aS5qcydcbmltcG9ydCB7IEJ5bGluZSB9IGZyb20gJy4vZGVzaWduLXN5c3RlbS9CeWxpbmUuanMnXG5pbXBvcnQgeyBEaWFsb2cgfSBmcm9tICcuL2Rlc2lnbi1zeXN0ZW0vRGlhbG9nLmpzJ1xuaW1wb3J0IHsgS2V5Ym9hcmRTaG9ydGN1dEhpbnQgfSBmcm9tICcuL2Rlc2lnbi1zeXN0ZW0vS2V5Ym9hcmRTaG9ydGN1dEhpbnQuanMnXG5cbnR5cGUgUHJvcHMgPSB7XG4gIHNlcnZlcnM6IFJlY29yZDxzdHJpbmcsIE1jcFNlcnZlckNvbmZpZz5cbiAgc2NvcGU6IENvbmZpZ1Njb3BlXG4gIG9uRG9uZSgpOiB2b2lkXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBNQ1BTZXJ2ZXJEZXNrdG9wSW1wb3J0RGlhbG9nKHtcbiAgc2VydmVycyxcbiAgc2NvcGUsXG4gIG9uRG9uZSxcbn06IFByb3BzKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgY29uc3Qgc2VydmVyTmFtZXMgPSBPYmplY3Qua2V5cyhzZXJ2ZXJzKVxuICBjb25zdCBbZXhpc3RpbmdTZXJ2ZXJzLCBzZXRFeGlzdGluZ1NlcnZlcnNdID0gdXNlU3RhdGU8XG4gICAgUmVjb3JkPHN0cmluZywgU2NvcGVkTWNwU2VydmVyQ29uZmlnPlxuICA+KHt9KVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgdm9pZCBnZXRBbGxNY3BDb25maWdzKCkudGhlbigoeyBzZXJ2ZXJzIH0pID0+IHNldEV4aXN0aW5nU2VydmVycyhzZXJ2ZXJzKSlcbiAgfSwgW10pXG5cbiAgY29uc3QgY29sbGlzaW9ucyA9IHNlcnZlck5hbWVzLmZpbHRlcihcbiAgICBuYW1lID0+IGV4aXN0aW5nU2VydmVyc1tuYW1lXSAhPT0gdW5kZWZpbmVkLFxuICApXG5cbiAgYXN5bmMgZnVuY3Rpb24gb25TdWJtaXQoc2VsZWN0ZWRTZXJ2ZXJzOiBzdHJpbmdbXSkge1xuICAgIGxldCBpbXBvcnRlZENvdW50ID0gMFxuXG4gICAgZm9yIChjb25zdCBzZXJ2ZXJOYW1lIG9mIHNlbGVjdGVkU2VydmVycykge1xuICAgICAgY29uc3Qgc2VydmVyQ29uZmlnID0gc2VydmVyc1tzZXJ2ZXJOYW1lXVxuICAgICAgaWYgKHNlcnZlckNvbmZpZykge1xuICAgICAgICAvLyBJZiB0aGUgc2VydmVyIG5hbWUgYWxyZWFkeSBleGlzdHMsIGZpbmQgYSBuZXcgbmFtZSB3aXRoIF8xLCBfMiwgZXRjLlxuICAgICAgICBsZXQgZmluYWxOYW1lID0gc2VydmVyTmFtZVxuICAgICAgICBpZiAoZXhpc3RpbmdTZXJ2ZXJzW2ZpbmFsTmFtZV0gIT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgIGxldCBjb3VudGVyID0gMVxuICAgICAgICAgIHdoaWxlIChleGlzdGluZ1NlcnZlcnNbYCR7c2VydmVyTmFtZX1fJHtjb3VudGVyfWBdICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgIGNvdW50ZXIrK1xuICAgICAgICAgIH1cbiAgICAgICAgICBmaW5hbE5hbWUgPSBgJHtzZXJ2ZXJOYW1lfV8ke2NvdW50ZXJ9YFxuICAgICAgICB9XG5cbiAgICAgICAgYXdhaXQgYWRkTWNwQ29uZmlnKGZpbmFsTmFtZSwgc2VydmVyQ29uZmlnLCBzY29wZSlcbiAgICAgICAgaW1wb3J0ZWRDb3VudCsrXG4gICAgICB9XG4gICAgfVxuXG4gICAgZG9uZShpbXBvcnRlZENvdW50KVxuICB