Function parseClaudeCodeConfig

frontend/src/pages/McpLibraryPage.tsx:1215–1278

(
    jsonString: string,
  )

  // Parse Claude Code style JSON config
  const parseClaudeCodeConfig = (
    jsonString: string,
  ): {
    servers: { name: string; config: ServerFormData }[];
    error?: string;
  } => {
    try {
      const parsed = JSON.parse(jsonString);

      // Validate structure - support both { mcpServers: {...} } and direct server config
      let mcpServers: Record<string, unknown>;

      if (parsed.mcpServers && typeof parsed.mcpServers === 'object') {
        mcpServers = parsed.mcpServers;
      } else if (parsed.url || parsed.command) {
        // Direct single server config without name
        mcpServers = { 'Imported Server': parsed };
      } else {
        return {
          servers: [],
          error: 'Invalid config: expected mcpServers object or server config with url/command',
        };
      }

      const servers: { name: string; config: ServerFormData }[] = [];

      for (const [name, config] of Object.entries(mcpServers)) {
        const serverConfig = config as {
          url?: string;
          headers?: Record<string, string>;
          command?: string;
          args?: string[];
        };

        // Determine transport type based on config
        let transportType: TransportType = 'http';
        if (serverConfig.command) {
          transportType = 'stdio';
        }

        servers.push({
          name,
          config: {
            name,
            description: '',
            transportType,
            endpoint: serverConfig.url ?? '',
            command: serverConfig.command ?? '',
            args: serverConfig.args?.join('\n') ?? '',
            headers: serverConfig.headers ? JSON.stringify(serverConfig.headers, null, 2) : '',
            healthCheckUrl: '', // Will default to endpoint
            enabled: true,
          },
        });
      }

      return { servers };
    } catch (e) {