diff --git a/surfsense_web/components/assistant-ui/connector-popup/connect-forms/components/mcp-connect-form.tsx b/surfsense_web/components/assistant-ui/connector-popup/connect-forms/components/mcp-connect-form.tsx index 11d58bfc7..c1a1af5a1 100644 --- a/surfsense_web/components/assistant-ui/connector-popup/connect-forms/components/mcp-connect-form.tsx +++ b/surfsense_web/components/assistant-ui/connector-popup/connect-forms/components/mcp-connect-form.tsx @@ -44,7 +44,7 @@ export const MCPConnectForm: FC = ({ onSubmit, isSubmitting }) name: "My Remote MCP Server", url: "https://your-mcp-server.com/mcp", headers: { - "API_KEY": "your_api_key_here", + API_KEY: "your_api_key_here", }, transport: "streamable-http", }, @@ -137,11 +137,12 @@ export const MCPConnectForm: FC = ({ onSubmit, isSubmitting }) return (
- - - Connect to an MCP (Model Context Protocol) server. Each MCP server is added as a separate connector. - - + + + Connect to an MCP (Model Context Protocol) server. Each MCP server is added as a separate + connector. + +
@@ -182,7 +183,8 @@ export const MCPConnectForm: FC = ({ onSubmit, isSubmitting }) const start = target.selectionStart; const end = target.selectionEnd; const indent = " "; // 2 spaces for JSON - const newValue = configJson.substring(0, start) + indent + configJson.substring(end); + const newValue = + configJson.substring(0, start) + indent + configJson.substring(end); handleConfigChange(newValue); // Set cursor position after the inserted tab requestAnimationFrame(() => { @@ -194,11 +196,10 @@ export const MCPConnectForm: FC = ({ onSubmit, isSubmitting }) rows={16} className={`font-mono text-xs ${jsonError ? "border-red-500" : ""}`} /> - {jsonError && ( -

JSON Error: {jsonError}

- )} + {jsonError &&

JSON Error: {jsonError}

}

- Paste a single MCP server configuration. Must include: name, command, args (optional), env (optional), transport (optional). + Paste a single MCP server configuration. Must include: name, command, args (optional), + env (optional), transport (optional).

@@ -232,7 +233,9 @@ export const MCPConnectForm: FC = ({ onSubmit, isSubmitting })
- {testResult.status === "success" ? "Connection Successful" : "Connection Failed"} + {testResult.status === "success" + ? "Connection Successful" + : "Connection Failed"} {testResult.tools.length > 0 && (