Function MCPServerStatus

components/MCPServerStatus.tsx:13–173

()

}

const MCPServerStatus = () => {
  const [status, setStatus] = useState<ServerStatus>({ status: 'stopped' });
  const [logs, setLogs] = useState<string[]>([]);
  
  // Use the exact configuration specified by the user
  const exactConfig = {
    "mcpServers": {
      "fast-markdown": {
        "command": "docker",
        "args": [
          "exec",
          "-i",
          "devdocs-mcp",
          "python",
          "-m",
          "fast_markdown_mcp.server",
          "/app/storage/markdown"
        ],
        "env": {},
        "disabled": false,
        "alwaysAllow": [
          "sync_file",
          "get_status",
          "list_files",
          "read_file",
          "search_files",
          "search_by_tag",
          "get_stats",
          "get_section",
          "get_table_of_contents"
        ]
      }
    }
  };

  useEffect(() => {

    const checkStatus = async () => {
      try {
        const backendUrl = process.env.NEXT_PUBLIC_BACKEND_URL || process.env.BACKEND_URL || 'http://localhost:24125';
        const response = await fetch(`${backendUrl}/api/mcp/status`);
        const data = await response.json();
        setStatus({
          status: data.status,
          pid: data.pid,
          details: data.details
        });
      } catch (error) {
        setStatus({
          status: 'error',
          details: error instanceof Error ? error.message : 'Failed to check status'
        });
      }
    };

    const getLogs = async () => {
      try {
        const backendUrl = process.env.NEXT_PUBLIC_BACKEND_URL || process.env.BACKEND_URL || 'http://localhost:24125';