Spaces:
Build error
Build error
File size: 1,967 Bytes
b59aa07 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 |
import React from "react";
import { useTranslation } from "react-i18next";
import { MCPStdioServer } from "#/types/settings";
import { I18nKey } from "#/i18n/declaration";
interface MCPStdioServersProps {
servers: MCPStdioServer[];
}
export function MCPStdioServers({ servers }: MCPStdioServersProps) {
const { t } = useTranslation();
return (
<div>
<h4 className="text-sm font-medium mb-2">
{t(I18nKey.SETTINGS$MCP_STDIO_SERVERS)}{" "}
<span className="text-gray-500">({servers.length})</span>
</h4>
{servers.map((server, index) => (
<div
key={`stdio-${index}`}
className="mb-2 p-2 bg-base-tertiary rounded-md"
>
<div className="text-sm">
<span className="font-medium">{t(I18nKey.SETTINGS$MCP_NAME)}:</span>{" "}
{server.name}
</div>
<div className="mt-1 text-sm text-gray-500">
<span className="font-medium">
{t(I18nKey.SETTINGS$MCP_COMMAND)}:
</span>{" "}
<code className="font-mono">{server.command}</code>
</div>
{server.args && server.args.length > 0 && (
<div className="mt-1 text-sm text-gray-500">
<span className="font-medium">
{t(I18nKey.SETTINGS$MCP_ARGS)}:
</span>{" "}
<code className="font-mono">{server.args.join(" ")}</code>
</div>
)}
{server.env && Object.keys(server.env).length > 0 && (
<div className="mt-1 text-sm text-gray-500">
<span className="font-medium">
{t(I18nKey.SETTINGS$MCP_ENV)}:
</span>{" "}
<code className="font-mono">
{Object.entries(server.env)
.map(([key, value]) => `${key}=${value}`)
.join(", ")}
</code>
</div>
)}
</div>
))}
</div>
);
}
|