claude-code/components/mcp/MCPToolDetailView.tsx

import { c as _c } from "react/compiler-runtime";
import React from 'react';
import { Box, Text } from '../../ink.js';
import { extractMcpToolDisplayName, getMcpDisplayName } from '../../services/mcp/mcpStringUtils.js';
import type { Tool } from '../../Tool.js';
import { ConfigurableShortcutHint } from '../ConfigurableShortcutHint.js';
import { Dialog } from '../design-system/Dialog.js';
import type { ServerInfo } from './types.js';
type Props = {
  tool: Tool;
  server: ServerInfo;
  onBack: () => void;
};
export function MCPToolDetailView(t0) {
  const $ = _c(44);
  const {
    tool,
    server,
    onBack
  } = t0;
  const [toolDescription, setToolDescription] = React.useState("");
  let t1;
  let toolName;
  if ($[0] !== server.name || $[1] !== tool) {
    toolName = getMcpDisplayName(tool.name, server.name);
    const fullDisplayName = tool.userFacingName ? tool.userFacingName({}) : toolName;
    t1 = extractMcpToolDisplayName(fullDisplayName);
    $[0] = server.name;
    $[1] = tool;
    $[2] = t1;
    $[3] = toolName;
  } else {
    t1 = $[2];
    toolName = $[3];
  }
  const displayName = t1;
  let t2;
  if ($[4] !== tool) {
    t2 = tool.isReadOnly?.({}) ?? false;
    $[4] = tool;
    $[5] = t2;
  } else {
    t2 = $[5];
  }
  const isReadOnly = t2;
  let t3;
  if ($[6] !== tool) {
    t3 = tool.isDestructive?.({}) ?? false;
    $[6] = tool;
    $[7] = t3;
  } else {
    t3 = $[7];
  }
  const isDestructive = t3;
  let t4;
  if ($[8] !== tool) {
    t4 = tool.isOpenWorld?.({}) ?? false;
    $[8] = tool;
    $[9] = t4;
  } else {
    t4 = $[9];
  }
  const isOpenWorld = t4;
  let t5;
  let t6;
  if ($[10] !== tool) {
    t5 = () => {
      const loadDescription = async function loadDescription() {
        try {
          const desc = await tool.description({}, {
            isNonInteractiveSession: false,
            toolPermissionContext: {
              mode: "default" as const,
              additionalWorkingDirectories: new Map(),
              alwaysAllowRules: {},
              alwaysDenyRules: {},
              alwaysAskRules: {},
              isBypassPermissionsModeAvailable: false
            },
            tools: []
          });
          setToolDescription(desc);
        } catch {
          setToolDescription("Failed to load description");
        }
      };
      loadDescription();
    };
    t6 = [tool];
    $[10] = tool;
    $[11] = t5;
    $[12] = t6;
  } else {
    t5 = $[11];
    t6 = $[12];
  }
  React.useEffect(t5, t6);
  let t7;
  if ($[13] !== isReadOnly) {
    t7 = isReadOnly && <Text color="success"> [read-only]</Text>;
    $[13] = isReadOnly;
    $[14] = t7;
  } else {
    t7 = $[14];
  }
  let t8;
  if ($[15] !== isDestructive) {
    t8 = isDestructive && <Text color="error"> [destructive]</Text>;
    $[15] = isDestructive;
    $[16] = t8;
  } else {
    t8 = $[16];
  }
  let t9;
  if ($[17] !== isOpenWorld) {
    t9 = isOpenWorld && <Text dimColor={true}> [open-world]</Text>;
    $[17] = isOpenWorld;
    $[18] = t9;
  } else {
    t9 = $[18];
  }
  let t10;
  if ($[19] !== displayName || $[20] !== t7 || $[21] !== t8 || $[22] !== t9) {
    t10 = <>{displayName}{t7}{t8}{t9}</>;
    $[19] = displayName;
    $[20] = t7;
    $[21] = t8;
    $[22] = t9;
    $[23] = t10;
  } else {
    t10 = $[23];
  }
  const titleContent = t10;
  let t11;
  if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
    t11 = <Text bold={true}>Tool name: </Text>;
    $[24] = t11;
  } else {
    t11 = $[24];
  }
  let t12;
  if ($[25] !== toolName) {
    t12 = <Box>{t11}<Text dimColor={true}>{toolName}</Text></Box>;
    $[25] = toolName;
    $[26] = t12;
  } else {
    t12 = $[26];
  }
  let t13;
  if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
    t13 = <Text bold={true}>Full name: </Text>;
    $[27] = t13;
  } else {
    t13 = $[27];
  }
  let t14;
  if ($[28] !== tool.name) {
    t14 = <Box>{t13}<Text dimColor={true}>{tool.name}</Text></Box>;
    $[28] = tool.name;
    $[29] = t14;
  } else {
    t14 = $[29];
  }
  let t15;
  if ($[30] !== toolDescription) {
    t15 = toolDescription && <Box flexDirection="column" marginTop={1}><Text bold={true}>Description:</Text><Text wrap="wrap">{toolDescription}</Text></Box>;
    $[30] = toolDescription;
    $[31] = t15;
  } else {
    t15 = $[31];
  }
  let t16;
  if ($[32] !== tool.inputJSONSchema) {
    t16 = tool.inputJSONSchema && tool.inputJSONSchema.properties && Object.keys(tool.inputJSONSchema.properties).length > 0 && <Box flexDirection="column" marginTop={1}><Text bold={true}>Parameters:</Text><Box marginLeft={2} flexDirection="column">{Object.entries(tool.inputJSONSchema.properties).map(t17 => {
          const [key, value] = t17;
          const required = tool.inputJSONSchema?.required as string[] | undefined;
          const isRequired = required?.includes(key);
          return <Text key={key}>• {key}{isRequired && <Text dimColor={true}> (required)</Text>}:{" "}<Text dimColor={true}>{typeof value === "object" && value && "type" in value ? String(value.type) : "unknown"}</Text>{typeof value === "object" && value && "description" in value && <Text dimColor={true}> - {String(value.description)}</Text>}</Text>;
        })}</Box></Box>;
    $[32] = tool.inputJSONSchema;
    $[33] = t16;
  } else {
    t16 = $[33];
  }
  let t17;
  if ($[34] !== t12 || $[35] !== t14 || $[36] !== t15 || $[37] !== t16) {
    t17 = <Box flexDirection="column">{t12}{t14}{t15}{t16}</Box>;
    $[34] = t12;
    $[35] = t14;
    $[36] = t15;
    $[37] = t16;
    $[38] = t17;
  } else {
    t17 = $[38];
  }
  let t18;
  if ($[39] !== onBack || $[40] !== server.name || $[41] !== t17 || $[42] !== titleContent) {
    t18 = <Dialog title={titleContent} subtitle={server.name} onCancel={onBack} inputGuide={_temp}>{t17}</Dialog>;
    $[39] = onBack;
    $[40] = server.name;
    $[41] = t17;
    $[42] = titleContent;
    $[43] = t18;
  } else {
    t18 = $[43];
  }
  return t18;
}
function _temp(exitState) {
  return exitState.pending ? <Text>Press {exitState.keyName} again to exit</Text> : <ConfigurableShortcutHint action="confirm:no" context="Confirmation" fallback="Esc" description="go back" />;
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIkJveCIsIlRleHQiLCJleHRyYWN0TWNwVG9vbERpc3BsYXlOYW1lIiwiZ2V0TWNwRGlzcGxheU5hbWUiLCJUb29sIiwiQ29uZmlndXJhYmxlU2hvcnRjdXRIaW50IiwiRGlhbG9nIiwiU2VydmVySW5mbyIsIlByb3BzIiwidG9vbCIsInNlcnZlciIsIm9uQmFjayIsIk1DUFRvb2xEZXRhaWxWaWV3IiwidDAiLCIkIiwiX2MiLCJ0b29sRGVzY3JpcHRpb24iLCJzZXRUb29sRGVzY3JpcHRpb24iLCJ1c2VTdGF0ZSIsInQxIiwidG9vbE5hbWUiLCJuYW1lIiwiZnVsbERpc3BsYXlOYW1lIiwidXNlckZhY2luZ05hbWUiLCJkaXNwbGF5TmFtZSIsInQyIiwiaXNSZWFkT25seSIsInQzIiwiaXNEZXN0cnVjdGl2ZSIsInQ0IiwiaXNPcGVuV29ybGQiLCJ0NSIsInQ2IiwibG9hZERlc2NyaXB0aW9uIiwiZGVzYyIsImRlc2NyaXB0aW9uIiwiaXNOb25JbnRlcmFjdGl2ZVNlc3Npb24iLCJ0b29sUGVybWlzc2lvbkNvbnRleHQiLCJtb2RlIiwiY29uc3QiLCJhZGRpdGlvbmFsV29ya2luZ0RpcmVjdG9yaWVzIiwiTWFwIiwiYWx3YXlzQWxsb3dSdWxlcyIsImFsd2F5c0RlbnlSdWxlcyIsImFsd2F5c0Fza1J1bGVzIiwiaXNCeXBhc3NQZXJtaXNzaW9uc01vZGVBdmFpbGFibGUiLCJ0b29scyIsInVzZUVmZmVjdCIsInQ3IiwidDgiLCJ0OSIsInQxMCIsInRpdGxlQ29udGVudCIsInQxMSIsIlN5bWJvbCIsImZvciIsInQxMiIsInQxMyIsInQxNCIsInQxNSIsInQxNiIsImlucHV0SlNPTlNjaGVtYSIsInByb3BlcnRpZXMiLCJPYmplY3QiLCJrZXlzIiwibGVuZ3RoIiwiZW50cmllcyIsIm1hcCIsInQxNyIsImtleSIsInZhbHVlIiwicmVxdWlyZWQiLCJpc1JlcXVpcmVkIiwiaW5jbHVkZXMiLCJTdHJpbmciLCJ0eXBlIiwidDE4IiwiX3RlbXAiLCJleGl0U3RhdGUiLCJwZW5kaW5nIiwia2V5TmFtZSJdLCJzb3VyY2VzIjpbIk1DUFRvb2xEZXRhaWxWaWV3LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCb3gsIFRleHQgfSBmcm9tICcuLi8uLi9pbmsuanMnXG5pbXBvcnQge1xuICBleHRyYWN0TWNwVG9vbERpc3BsYXlOYW1lLFxuICBnZXRNY3BEaXNwbGF5TmFtZSxcbn0gZnJvbSAnLi4vLi4vc2VydmljZXMvbWNwL21jcFN0cmluZ1V0aWxzLmpzJ1xuaW1wb3J0IHR5cGUgeyBUb29sIH0gZnJvbSAnLi4vLi4vVG9vbC5qcydcbmltcG9ydCB7IENvbmZpZ3VyYWJsZVNob3J0Y3V0SGludCB9IGZyb20gJy4uL0NvbmZpZ3VyYWJsZVNob3J0Y3V0SGludC5qcydcbmltcG9ydCB7IERpYWxvZyB9IGZyb20gJy4uL2Rlc2lnbi1zeXN0ZW0vRGlhbG9nLmpzJ1xuaW1wb3J0IHR5cGUgeyBTZXJ2ZXJJbmZvIH0gZnJvbSAnLi90eXBlcy5qcydcblxudHlwZSBQcm9wcyA9IHtcbiAgdG9vbDogVG9vbFxuICBzZXJ2ZXI6IFNlcnZlckluZm9cbiAgb25CYWNrOiAoKSA9PiB2b2lkXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBNQ1BUb29sRGV0YWlsVmlldyh7XG4gIHRvb2wsXG4gIHNlcnZlcixcbiAgb25CYWNrLFxufTogUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICBjb25zdCBbdG9vbERlc2NyaXB0aW9uLCBzZXRUb29sRGVzY3JpcHRpb25dID0gUmVhY3QudXNlU3RhdGU8c3RyaW5nPignJylcblxuICBjb25zdCB0b29sTmFtZSA9IGdldE1jcERpc3BsYXlOYW1lKHRvb2wubmFtZSwgc2VydmVyLm5hbWUpXG4gIGNvbnN0IGZ1bGxEaXNwbGF5TmFtZSA9IHRvb2wudXNlckZhY2luZ05hbWVcbiAgICA/IHRvb2wudXNlckZhY2luZ05hbWUoe30pXG4gICAgOiB0b29sTmFtZVxuICBjb25zdCBkaXNwbGF5TmFtZSA9IGV4dHJhY3RNY3BUb29sRGlzcGxheU5hbWUoZnVsbERpc3BsYXlOYW1lKVxuXG4gIGNvbnN0IGlzUmVhZE9ubHkgPSB0b29sLmlzUmVhZE9ubHk/Lih7fSkgPz8gZmFsc2VcbiAgY29uc3QgaXNEZXN0cnVjdGl2ZSA9IHRvb2wuaXNEZXN0cnVjdGl2ZT8uKHt9KSA/PyBmYWxzZVxuICBjb25zdCBpc09wZW5Xb3JsZCA9IHRvb2wuaXNPcGVuV29ybGQ/Lih7fSkgPz8gZmFsc2VcblxuICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xuICAgIGFzeW5jIGZ1bmN0aW9uIGxvYWREZXNjcmlwdGlvbigpIHtcbiAgICAgIHRyeSB7XG4gICAgICAgIGNvbnN0IGRlc2MgPSBhd2FpdCB0b29sLmRlc2NyaXB0aW9uKFxuICAgICAgICAgIHt9LFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIGlzTm9uSW50ZXJhY3RpdmVTZXNzaW9uOiBmYWxzZSxcbiAgICAgICAgICAgIHRvb2xQZXJtaXNzaW9uQ29udGV4dDoge1xuICAgICAgICAgICAgICBtb2RlOiAnZGVmYXVsdCcgYXMgY29uc3QsXG4gICAgICAgICAgICAgIGFkZGl0aW9uYWxXb3JraW5nRGlyZWN0b3JpZXM6IG5ldyBNYXAoKSxcbiAgICAgICAgICAgICAgYWx3YXlzQWxsb3dSdWxlczoge30sXG4gICAgICAgICAgICAgIGFsd2F5c0RlbnlSdWxlczoge30sXG4gICAgICAgICAgICAgIGFsd2F5c0Fza1J1bGVzOiB7fSxcbiAgICAgICAgICAgICAgaXNCeXBhc3NQZXJtaXNzaW9uc01vZGVBdmFpbGFibGU6IGZhbHNlLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIHRvb2xzOiBbXSxcbiAgICAgICAgICB9LFxuICAgICAgICApXG4gICAgICAgIHNldFRvb2xEZXNjcmlwdGlvbihkZXNjKVxuICAgICAgfSBjYXRjaCB7XG4gICAgICAgIHNldFRvb2xEZXNjcmlwdGlvbignRmFpbGVkIHRvIGxvYWQgZGVzY3JpcHRpb24nKVxuICAgICAgfVxuICAgIH1cbiAgICB2b2lkIGxvYWREZXNjcmlwdGlvbigpXG4gIH0sIFt0b29sXSlcblxuICBjb25zdCB0aXRsZUNvbnRlbnQgPSAoXG4gICAgPD5cbiAgICAgIHtkaXNwbGF5TmFtZX1cbiAgICAgIHtpc1JlYWRPbmx5ICYmIDxUZXh0IGNvbG9yPVwic3VjY2Vzc1wiPiBbcmVhZC1vbmx5XTwvVGV4dD59XG4gICAgICB7aXNEZXN0cnVjdGl2ZSAmJiA8VGV4dCBjb2xvcj1cImVycm9yXCI+IFtkZXN0cnVjdGl2ZV08L1RleHQ+fVxuICAgICAge2lzT3BlbldvcmxkICYmIDxUZXh0IGRpbUNvbG9yPiBbb3Blbi13b3JsZF08L1RleHQ+fVxuICAgIDwvPlx