refactor(connector-popup): simplify terminology by renaming "Manage External MCP Connectors" to "MCP Connectors" across components and tests

This commit is contained in:
Anish Sarkar 2026-07-14 01:17:24 +05:30
parent 91531286b2
commit faffd9974c
15 changed files with 17 additions and 17 deletions

View file

@ -189,7 +189,7 @@ export const ConnectorIndicator = forwardRef<ConnectorIndicatorHandle, Connector
}} }}
className="max-w-3xl w-[95vw] sm:w-full h-[75vh] sm:h-[85vh] flex flex-col p-0 gap-0 overflow-hidden ring-0 dark:ring-0 [&>button]:right-4 sm:[&>button]:right-12 [&>button]:top-6 sm:[&>button]:top-10 [&>button]:opacity-80 [&>button]:hover:opacity-100 [&>button]:hover:bg-accent [&>button]:hover:text-accent-foreground [&>button>svg]:size-5 select-none" className="max-w-3xl w-[95vw] sm:w-full h-[75vh] sm:h-[85vh] flex flex-col p-0 gap-0 overflow-hidden ring-0 dark:ring-0 [&>button]:right-4 sm:[&>button]:right-12 [&>button]:top-6 sm:[&>button]:top-10 [&>button]:opacity-80 [&>button]:hover:opacity-100 [&>button]:hover:bg-accent [&>button]:hover:text-accent-foreground [&>button>svg]:size-5 select-none"
> >
<DialogTitle className="sr-only">Manage External MCP Connectors</DialogTitle> <DialogTitle className="sr-only">MCP Connectors</DialogTitle>
{/* YouTube Crawler View - shown when adding YouTube videos */} {/* YouTube Crawler View - shown when adding YouTube videos */}
{isYouTubeView && workspaceId ? ( {isYouTubeView && workspaceId ? (
<YouTubeCrawlerView workspaceId={workspaceId} onBack={handleBackFromYouTube} /> <YouTubeCrawlerView workspaceId={workspaceId} onBack={handleBackFromYouTube} />

View file

@ -31,10 +31,10 @@ export const ConnectorDialogHeader: FC<ConnectorDialogHeaderProps> = ({
> >
<DialogHeader> <DialogHeader>
<DialogTitle className="text-xl sm:text-3xl font-semibold tracking-tight"> <DialogTitle className="text-xl sm:text-3xl font-semibold tracking-tight">
Manage External MCP Connectors MCP Connectors
</DialogTitle> </DialogTitle>
<DialogDescription className="text-xs sm:text-base text-muted-foreground/80 mt-1 sm:mt-1.5"> <DialogDescription className="text-xs sm:text-base text-muted-foreground/80 mt-1 sm:mt-1.5">
Connect Surfsense to your favorite tools and services. Connect external tools and services through MCP.
</DialogDescription> </DialogDescription>
</DialogHeader> </DialogHeader>

View file

@ -1239,7 +1239,7 @@ const ComposerAction: FC<ComposerActionProps> = ({
</DropdownMenuItem> </DropdownMenuItem>
<DropdownMenuItem onSelect={() => setConnectorDialogOpen(true)}> <DropdownMenuItem onSelect={() => setConnectorDialogOpen(true)}>
<Unplug className="size-4" /> <Unplug className="size-4" />
Manage External MCP Connectors MCP Connectors
</DropdownMenuItem> </DropdownMenuItem>
<DropdownMenuItem onSelect={() => setToolsPopoverOpen(true)}> <DropdownMenuItem onSelect={() => setToolsPopoverOpen(true)}>
<Settings2 className="size-4" /> <Settings2 className="size-4" />
@ -1459,7 +1459,7 @@ const ComposerAction: FC<ComposerActionProps> = ({
</DropdownMenuItem> </DropdownMenuItem>
<DropdownMenuItem onSelect={() => setConnectorDialogOpen(true)}> <DropdownMenuItem onSelect={() => setConnectorDialogOpen(true)}>
<Unplug className="h-4 w-4" /> <Unplug className="h-4 w-4" />
Manage External MCP Connectors MCP Connectors
</DropdownMenuItem> </DropdownMenuItem>
<DropdownMenuSub <DropdownMenuSub
open={toolsPopoverOpen} open={toolsPopoverOpen}

View file

@ -205,7 +205,7 @@
"manage_documents": "Manage Documents", "manage_documents": "Manage Documents",
"connectors": "Connectors", "connectors": "Connectors",
"add_connector": "Add Connector", "add_connector": "Add Connector",
"manage_connectors": "Manage External MCP Connectors", "manage_connectors": "MCP Connectors",
"logs": "Logs", "logs": "Logs",
"all_workspaces": "All Workspaces", "all_workspaces": "All Workspaces",
"team": "Team" "team": "Team"

View file

@ -44,7 +44,7 @@ test.describe("ClickUp connector journey", () => {
waitUntil: "domcontentloaded", waitUntil: "domcontentloaded",
}); });
await openConnectorPopup(page); await openConnectorPopup(page);
const connectorDialog = page.getByRole("dialog", { name: "Manage External MCP Connectors" }); const connectorDialog = page.getByRole("dialog", { name: "MCP Connectors" });
await expect(connectorDialog).toBeVisible(); await expect(connectorDialog).toBeVisible();
await expect(connectorDialog.getByText("ClickUp")).toBeVisible(); await expect(connectorDialog.getByText("ClickUp")).toBeVisible();

View file

@ -27,7 +27,7 @@ test.describe("Composio Calendar journey", () => {
waitUntil: "domcontentloaded", waitUntil: "domcontentloaded",
}); });
await openConnectorPopup(page); await openConnectorPopup(page);
const connectorDialog = page.getByRole("dialog", { name: "Manage External MCP Connectors" }); const connectorDialog = page.getByRole("dialog", { name: "MCP Connectors" });
await expect(connectorDialog).toBeVisible(); await expect(connectorDialog).toBeVisible();
const beforeChatDocs = await listDocuments(request, apiToken, workspace.id); const beforeChatDocs = await listDocuments(request, apiToken, workspace.id);

View file

@ -27,7 +27,7 @@ test.describe("Composio Gmail journey", () => {
waitUntil: "domcontentloaded", waitUntil: "domcontentloaded",
}); });
await openConnectorPopup(page); await openConnectorPopup(page);
const connectorDialog = page.getByRole("dialog", { name: "Manage External MCP Connectors" }); const connectorDialog = page.getByRole("dialog", { name: "MCP Connectors" });
await expect(connectorDialog).toBeVisible(); await expect(connectorDialog).toBeVisible();
const beforeChatDocs = await listDocuments(request, apiToken, workspace.id); const beforeChatDocs = await listDocuments(request, apiToken, workspace.id);

View file

@ -48,7 +48,7 @@ test.describe("Confluence connector journey", () => {
waitUntil: "domcontentloaded", waitUntil: "domcontentloaded",
}); });
await openConnectorPopup(page); await openConnectorPopup(page);
const connectorDialog = page.getByRole("dialog", { name: "Manage External MCP Connectors" }); const connectorDialog = page.getByRole("dialog", { name: "MCP Connectors" });
await expect(connectorDialog).toBeVisible(); await expect(connectorDialog).toBeVisible();
await connectorDialog.getByPlaceholder("Search").fill("Confluence"); await connectorDialog.getByPlaceholder("Search").fill("Confluence");
await expect(connectorDialog.getByText("Confluence", { exact: true })).toBeVisible(); await expect(connectorDialog.getByText("Confluence", { exact: true })).toBeVisible();

View file

@ -32,7 +32,7 @@ test.describe("Native Google Calendar journey", () => {
waitUntil: "domcontentloaded", waitUntil: "domcontentloaded",
}); });
await openConnectorPopup(page); await openConnectorPopup(page);
const connectorDialog = page.getByRole("dialog", { name: "Manage External MCP Connectors" }); const connectorDialog = page.getByRole("dialog", { name: "MCP Connectors" });
await expect(connectorDialog).toBeVisible(); await expect(connectorDialog).toBeVisible();
const beforeDocs = await listDocuments(request, apiToken, workspace.id); const beforeDocs = await listDocuments(request, apiToken, workspace.id);

View file

@ -32,7 +32,7 @@ test.describe("Native Google Gmail journey", () => {
waitUntil: "domcontentloaded", waitUntil: "domcontentloaded",
}); });
await openConnectorPopup(page); await openConnectorPopup(page);
const connectorDialog = page.getByRole("dialog", { name: "Manage External MCP Connectors" }); const connectorDialog = page.getByRole("dialog", { name: "MCP Connectors" });
await expect(connectorDialog).toBeVisible(); await expect(connectorDialog).toBeVisible();
const beforeDocs = await listDocuments(request, apiToken, workspace.id); const beforeDocs = await listDocuments(request, apiToken, workspace.id);

View file

@ -42,7 +42,7 @@ test.describe("Jira connector journey", () => {
waitUntil: "domcontentloaded", waitUntil: "domcontentloaded",
}); });
await openConnectorPopup(page); await openConnectorPopup(page);
const connectorDialog = page.getByRole("dialog", { name: "Manage External MCP Connectors" }); const connectorDialog = page.getByRole("dialog", { name: "MCP Connectors" });
await expect(connectorDialog).toBeVisible(); await expect(connectorDialog).toBeVisible();
await connectorDialog.getByPlaceholder("Search").fill("Jira"); await connectorDialog.getByPlaceholder("Search").fill("Jira");
await expect(connectorDialog.getByText("Jira", { exact: true })).toBeVisible(); await expect(connectorDialog.getByText("Jira", { exact: true })).toBeVisible();

View file

@ -42,7 +42,7 @@ test.describe("Linear connector journey", () => {
waitUntil: "domcontentloaded", waitUntil: "domcontentloaded",
}); });
await openConnectorPopup(page); await openConnectorPopup(page);
const connectorDialog = page.getByRole("dialog", { name: "Manage External MCP Connectors" }); const connectorDialog = page.getByRole("dialog", { name: "MCP Connectors" });
await expect(connectorDialog).toBeVisible(); await expect(connectorDialog).toBeVisible();
const beforeDocs = await listDocuments(request, apiToken, workspace.id); const beforeDocs = await listDocuments(request, apiToken, workspace.id);

View file

@ -43,7 +43,7 @@ test.describe("Notion connector journey", () => {
waitUntil: "domcontentloaded", waitUntil: "domcontentloaded",
}); });
await openConnectorPopup(page); await openConnectorPopup(page);
const connectorDialog = page.getByRole("dialog", { name: "Manage External MCP Connectors" }); const connectorDialog = page.getByRole("dialog", { name: "MCP Connectors" });
await expect(connectorDialog).toBeVisible(); await expect(connectorDialog).toBeVisible();
await connectorDialog.getByPlaceholder("Search").fill("Notion"); await connectorDialog.getByPlaceholder("Search").fill("Notion");
await expect(connectorDialog.getByText("Notion", { exact: true })).toBeVisible(); await expect(connectorDialog.getByText("Notion", { exact: true })).toBeVisible();

View file

@ -44,7 +44,7 @@ test.describe("Slack connector journey", () => {
waitUntil: "domcontentloaded", waitUntil: "domcontentloaded",
}); });
await openConnectorPopup(page); await openConnectorPopup(page);
const connectorDialog = page.getByRole("dialog", { name: "Manage External MCP Connectors" }); const connectorDialog = page.getByRole("dialog", { name: "MCP Connectors" });
await expect(connectorDialog).toBeVisible(); await expect(connectorDialog).toBeVisible();
await connectorDialog.getByPlaceholder("Search").fill("Slack"); await connectorDialog.getByPlaceholder("Search").fill("Slack");
await expect(connectorDialog.getByText("Slack", { exact: true })).toBeVisible(); await expect(connectorDialog.getByText("Slack", { exact: true })).toBeVisible();

View file

@ -21,7 +21,7 @@ export async function openConnectorPopup(page: Page): Promise<void> {
await expect(trigger).toBeVisible({ timeout: 60_000 }); await expect(trigger).toBeVisible({ timeout: 60_000 });
await trigger.click(); await trigger.click();
await expect(page.getByRole("dialog", { name: "Manage External MCP Connectors" })).toBeVisible(); await expect(page.getByRole("dialog", { name: "MCP Connectors" })).toBeVisible();
} }
/** /**