This commit is contained in:
Manoj Aggarwal 2026-01-16 15:02:44 -08:00
parent 4c07c0fe4f
commit 1340121d5e
5 changed files with 15 additions and 15 deletions

View file

@ -161,14 +161,11 @@ export const MCPConnectForm: FC<ConnectFormProps> = ({ onSubmit, isSubmitting })
return ( return (
<div className="space-y-6 pb-6"> <div className="space-y-6 pb-6">
<Alert className="bg-slate-400/5 dark:bg-white/5 border-slate-400/20 p-2 sm:p-3 flex items-start [&>svg]:relative [&>svg]:left-0 [&>svg]:top-1"> <Alert className="bg-slate-400/5 dark:bg-white/5 border-slate-400/20 p-2 sm:p-3 [&>svg]:top-2 sm:[&>svg]:top-3">
<Server className="h-4 w-4 shrink-0 ml-1" /> <Server className="h-4 w-4 shrink-0" />
<div className="-ml-1"> <AlertDescription className="text-[10px] sm:text-xs">
<AlertTitle className="text-xs sm:text-sm">MCP Server</AlertTitle>
<AlertDescription className="text-[10px] sm:text-xs pl-0!">
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.
</AlertDescription> </AlertDescription>
</div>
</Alert> </Alert>
<form id="mcp-connect-form" onSubmit={handleSubmit} className="space-y-6"> <form id="mcp-connect-form" onSubmit={handleSubmit} className="space-y-6">

View file

@ -99,7 +99,7 @@ export const ConnectorConnectView: FC<ConnectorConnectViewProps> = ({
</div> </div>
<div> <div>
<h2 className="text-xl sm:text-2xl font-semibold tracking-tight"> <h2 className="text-xl sm:text-2xl font-semibold tracking-tight">
Connect {connectorType === "MCP_CONNECTOR" ? "MCP(s)" : getConnectorTypeDisplay(connectorType)} Connect {connectorType === "MCP_CONNECTOR" ? "MCP Server" : getConnectorTypeDisplay(connectorType)}
</h2> </h2>
<p className="text-xs sm:text-base text-muted-foreground mt-1"> <p className="text-xs sm:text-base text-muted-foreground mt-1">
Enter your connection details Enter your connection details
@ -139,7 +139,7 @@ export const ConnectorConnectView: FC<ConnectorConnectViewProps> = ({
Connecting... Connecting...
</> </>
) : ( ) : (
<>Connect {connectorType === "MCP_CONNECTOR" ? "MCP(s)" : getConnectorTypeDisplay(connectorType)}</> <>{connectorType === "MCP_CONNECTOR" ? "Connect" : `Connect ${getConnectorTypeDisplay(connectorType)}`}</>
)} )}
</Button> </Button>
</div> </div>

View file

@ -153,7 +153,7 @@ export const ConnectorEditView: FC<ConnectorEditViewProps> = ({
</div> </div>
<div className="flex-1 min-w-0"> <div className="flex-1 min-w-0">
<h2 className="text-xl sm:text-2xl font-semibold tracking-tight text-wrap whitespace-normal wrap-break-word"> <h2 className="text-xl sm:text-2xl font-semibold tracking-tight text-wrap whitespace-normal wrap-break-word">
{connector.connector_type === "MCP_CONNECTOR" ? "MCPs" : connector.name} {connector.connector_type === "MCP_CONNECTOR" ? "MCP Server" : connector.name}
</h2> </h2>
<p className="text-xs sm:text-base text-muted-foreground mt-1"> <p className="text-xs sm:text-base text-muted-foreground mt-1">
Manage your connector settings and sync configuration Manage your connector settings and sync configuration

View file

@ -1293,15 +1293,16 @@ export const useConnectorDialog = () => {
: `${editingConnector.name} disconnected successfully` : `${editingConnector.name} disconnected successfully`
); );
// Update URL - for MCP, go back to list; for others, close modal // Update URL - for MCP from list view, go back to list; otherwise close modal
const url = new URL(window.location.href); const url = new URL(window.location.href);
if (editingConnector.connector_type === "MCP_CONNECTOR") { if (editingConnector.connector_type === "MCP_CONNECTOR" && cameFromMCPList) {
// Go back to MCP list view // Go back to MCP list view only if we came from there
setViewingMCPList(true); setViewingMCPList(true);
url.searchParams.set("modal", "connectors"); url.searchParams.set("modal", "connectors");
url.searchParams.set("view", "mcp-list"); url.searchParams.set("view", "mcp-list");
url.searchParams.delete("connectorId"); url.searchParams.delete("connectorId");
} else { } else {
// Close modal for all other cases
url.searchParams.delete("modal"); url.searchParams.delete("modal");
url.searchParams.delete("tab"); url.searchParams.delete("tab");
url.searchParams.delete("view"); url.searchParams.delete("view");

View file

@ -327,6 +327,8 @@ export const ActiveConnectorsTab: FC<ActiveConnectorsTabProps> = ({
? connector.last_indexed_at ? connector.last_indexed_at
? `Last indexed: ${formatLastIndexedDate(connector.last_indexed_at)}` ? `Last indexed: ${formatLastIndexedDate(connector.last_indexed_at)}`
: "Never indexed" : "Never indexed"
: connector.connector_type === "MCP_CONNECTOR"
? ""
: "Active"} : "Active"}
</p> </p>
)} )}