diff --git a/apps/docs/content/docs/en/mcp/deploy-workflows.mdx b/apps/docs/content/docs/en/mcp/deploy-workflows.mdx index f7ece9e966..54a928c3ab 100644 --- a/apps/docs/content/docs/en/mcp/deploy-workflows.mdx +++ b/apps/docs/content/docs/en/mcp/deploy-workflows.mdx @@ -16,7 +16,7 @@ MCP servers group your workflow tools together. Create and manage them in worksp -1. Navigate to **Settings → MCP Servers** +1. Navigate to **Settings → Deployed MCPs** 2. Click **Create Server** 3. Enter a name and optional description 4. Copy the server URL for use in your MCP clients @@ -78,7 +78,7 @@ Include your API key header (`X-API-Key`) for authenticated access when using mc ## Server Management -From the server detail view in **Settings → MCP Servers**, you can: +From the server detail view in **Settings → Deployed MCPs**, you can: - **View tools**: See all workflows added to a server - **Copy URL**: Get the server URL for MCP clients diff --git a/apps/docs/content/docs/en/mcp/index.mdx b/apps/docs/content/docs/en/mcp/index.mdx index 8975c4f39a..c38f5d95d0 100644 --- a/apps/docs/content/docs/en/mcp/index.mdx +++ b/apps/docs/content/docs/en/mcp/index.mdx @@ -27,7 +27,7 @@ MCP servers provide collections of tools that your agents can use. Configure the 1. Navigate to your workspace settings -2. Go to the **MCP Servers** section +2. Go to the **Deployed MCPs** section 3. Click **Add MCP Server** 4. Enter the server configuration details 5. Save the configuration diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/mcp/mcp.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/mcp/mcp.tsx index a458f7c00d..53b7c114e5 100644 --- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/mcp/mcp.tsx +++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/mcp/mcp.tsx @@ -3,7 +3,15 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react' import { createLogger } from '@sim/logger' import { useParams } from 'next/navigation' -import { Badge, Combobox, type ComboboxOption, Input, Label, Textarea } from '@/components/emcn' +import { + Badge, + Button, + Combobox, + type ComboboxOption, + Input, + Label, + Textarea, +} from '@/components/emcn' import { Skeleton } from '@/components/ui' import { generateToolInputSchema, sanitizeToolName } from '@/lib/mcp/workflow-tool-schema' import { normalizeInputFormatValue } from '@/lib/workflows/input-format-utils' @@ -35,6 +43,7 @@ interface McpDeployProps { onAddedToServer?: () => void onSubmittingChange?: (submitting: boolean) => void onCanSaveChange?: (canSave: boolean) => void + onHasServersChange?: (hasServers: boolean) => void } /** @@ -83,6 +92,7 @@ export function McpDeploy({ onAddedToServer, onSubmittingChange, onCanSaveChange, + onHasServersChange, }: McpDeployProps) { const params = useParams() const workspaceId = params.workspaceId as string @@ -247,6 +257,10 @@ export function McpDeploy({ onCanSaveChange?.(hasChanges && hasDeployedTools && !!toolName.trim()) }, [hasChanges, hasDeployedTools, toolName, onCanSaveChange]) + useEffect(() => { + onHasServersChange?.(servers.length > 0) + }, [servers.length, onHasServersChange]) + /** * Save tool configuration to all deployed servers */ @@ -428,14 +442,16 @@ export function McpDeploy({ if (servers.length === 0) { return ( -