@mcp-b/react-components 0.5.7 → 0.6.0

package/dist/utils/mcp-server-catalog.d.ts

@@ -0,0 +1,520 @@
+//#region src/utils/mcp-server-catalog.d.ts
+type McpServerPickerStatus = "connecting" | "needs-auth" | "authenticating" | "ready" | "failed";
+interface McpServerCardIcon {
+  src: string;
+}
+interface McpServerSetupLink {
+  label: string;
+  url: string;
+}
+interface McpServerManualSetup {
+  description: string;
+  links: readonly McpServerSetupLink[];
+}
+interface McpServerCard {
+  id: string;
+  name: string;
+  url: string;
+  description?: string;
+  category?: string;
+  icon?: string | McpServerCardIcon;
+  status?: McpServerPickerStatus;
+  statusLabel?: string;
+  manualSetup?: McpServerManualSetup;
+}
+/** Remote MCP servers whose OAuth metadata exposes a registration_endpoint. */
+declare const DCR_MCP_SERVER_CARDS: readonly [{
+  readonly id: "airtable";
+  readonly name: "Airtable";
+  readonly url: "https://mcp.airtable.com/mcp";
+  readonly description: "Work with Airtable bases and records";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/airtable/18BFFF";
+}, {
+  readonly id: "atlassian";
+  readonly name: "Atlassian";
+  readonly url: "https://mcp.atlassian.com/v1/mcp/authv2";
+  readonly description: "Use Jira, Confluence, and Compass";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/atlassian/0052CC";
+}, {
+  readonly id: "canva";
+  readonly name: "Canva";
+  readonly url: "https://mcp.canva.com/mcp";
+  readonly description: "Create and edit Canva designs";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/canva/00C4CC";
+}, {
+  readonly id: "calendly";
+  readonly name: "Calendly";
+  readonly url: "https://mcp.calendly.com";
+  readonly description: "Work with scheduling links and events";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/calendly/006BFF";
+}, {
+  readonly id: "clickup";
+  readonly name: "ClickUp";
+  readonly url: "https://mcp.clickup.com/mcp";
+  readonly description: "Access tasks, docs, and workspace data";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/clickup/7B68EE";
+}, {
+  readonly id: "close";
+  readonly name: "Close";
+  readonly url: "https://mcp.close.com/mcp";
+  readonly description: "Access CRM leads and sales activity";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/close/004DFF";
+}, {
+  readonly id: "cloudflare";
+  readonly name: "Cloudflare";
+  readonly url: "https://mcp.cloudflare.com/mcp";
+  readonly description: "Manage Cloudflare resources";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/cloudflare/F38020";
+}, {
+  readonly id: "datadog";
+  readonly name: "Datadog";
+  readonly url: "https://mcp.datadoghq.com/v1/mcp";
+  readonly description: "Inspect monitoring and observability data";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/datadog/632CA6";
+}, {
+  readonly id: "egnyte";
+  readonly name: "Egnyte";
+  readonly url: "https://mcp-server.egnyte.com/mcp";
+  readonly description: "Search and manage Egnyte files";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/egnyte/00968F";
+}, {
+  readonly id: "figma";
+  readonly name: "Figma";
+  readonly url: "https://mcp.figma.com/mcp";
+  readonly description: "Use design context and canvas tools";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/figma/F24E1E";
+}, {
+  readonly id: "grafana";
+  readonly name: "Grafana";
+  readonly url: "https://mcp.grafana.com/mcp";
+  readonly description: "Inspect observability data";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/grafana/F46800";
+}, {
+  readonly id: "gitlab";
+  readonly name: "GitLab";
+  readonly url: "https://gitlab.com/api/v4/mcp";
+  readonly description: "Work with repositories and GitLab Duo";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/gitlab/FC6D26";
+}, {
+  readonly id: "huggingface";
+  readonly name: "Hugging Face";
+  readonly url: "https://huggingface.co/mcp";
+  readonly description: "Use Hub resources and AI apps";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/huggingface/FFD21E";
+}, {
+  readonly id: "indeed";
+  readonly name: "Indeed";
+  readonly url: "https://mcp.indeed.com/claude/mcp";
+  readonly description: "Use Indeed hiring context";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/indeed/003A9B";
+}, {
+  readonly id: "intercom";
+  readonly name: "Intercom";
+  readonly url: "https://mcp.intercom.com/mcp";
+  readonly description: "Work with customer support data";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/intercom/6AFDEF";
+}, {
+  readonly id: "linear";
+  readonly name: "Linear";
+  readonly url: "https://mcp.linear.app/mcp";
+  readonly description: "Plan and build products";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/linear/5E6AD2";
+}, {
+  readonly id: "miro";
+  readonly name: "Miro";
+  readonly url: "https://mcp.miro.com/mcp";
+  readonly description: "Work with boards and diagrams";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/miro/FFD02F";
+}, {
+  readonly id: "monday";
+  readonly name: "monday.com";
+  readonly url: "https://mcp.monday.com/mcp";
+  readonly description: "Access monday.com workspace data";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/mondaydotcom/FF3D57";
+}, {
+  readonly id: "neon";
+  readonly name: "Neon";
+  readonly url: "https://mcp.neon.tech/mcp";
+  readonly description: "Manage Neon Postgres projects";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/neon/00E599";
+}, {
+  readonly id: "notion";
+  readonly name: "Notion";
+  readonly url: "https://mcp.notion.com/mcp";
+  readonly description: "Work across docs, wikis, and project notes";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/notion/A1A1AA";
+}, {
+  readonly id: "paypal";
+  readonly name: "PayPal";
+  readonly url: "https://mcp.paypal.com/http";
+  readonly description: "Use PayPal merchant tools";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/paypal/003087";
+}, {
+  readonly id: "postman";
+  readonly name: "Postman";
+  readonly url: "https://mcp.postman.com/mcp";
+  readonly description: "Inspect and use API collections";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/postman/FF6C37";
+}, {
+  readonly id: "railway";
+  readonly name: "Railway";
+  readonly url: "https://mcp.railway.com";
+  readonly description: "Manage Railway projects and services";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/railway/8957E5";
+}, {
+  readonly id: "ramp";
+  readonly name: "Ramp";
+  readonly url: "https://ramp-mcp-remote.ramp.com/mcp";
+  readonly description: "Use finance and spend management data";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/ramp/00D26A";
+}, {
+  readonly id: "sentry";
+  readonly name: "Sentry";
+  readonly url: "https://mcp.sentry.dev/mcp";
+  readonly description: "Debug errors and inspect projects";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/sentry/8957E5";
+}, {
+  readonly id: "square";
+  readonly name: "Square";
+  readonly url: "https://mcp.squareup.com/sse";
+  readonly description: "Use Square APIs and merchant data";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/square/3E4348";
+}, {
+  readonly id: "stripe";
+  readonly name: "Stripe";
+  readonly url: "https://mcp.stripe.com";
+  readonly description: "Interact with Stripe APIs and docs";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/stripe/635BFF";
+}, {
+  readonly id: "supabase";
+  readonly name: "Supabase";
+  readonly url: "https://mcp.supabase.com/mcp";
+  readonly description: "Manage Supabase projects";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/supabase/3ECF8E";
+}, {
+  readonly id: "vercel";
+  readonly name: "Vercel";
+  readonly url: "https://mcp.vercel.com";
+  readonly description: "Manage projects and deployments";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/vercel/A1A1AA";
+}, {
+  readonly id: "webflow";
+  readonly name: "Webflow";
+  readonly url: "https://mcp.webflow.com/mcp";
+  readonly description: "Work with Webflow sites and CMS";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/webflow/146EF5";
+}, {
+  readonly id: "wix";
+  readonly name: "Wix";
+  readonly url: "https://mcp.wix.com/mcp";
+  readonly description: "Work with Wix sites and apps";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/wix/A1A1AA";
+}, {
+  readonly id: "zapier";
+  readonly name: "Zapier";
+  readonly url: "https://mcp.zapier.com/api/v1/connect";
+  readonly description: "Connect actions across apps";
+  readonly category: "DCR MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/zapier/FF4F00";
+}];
+/** High-signal remote MCP servers that require manual setup instead of DCR. */
+declare const MANUAL_MCP_SERVER_CARDS: readonly [{
+  readonly id: "asana";
+  readonly name: "Asana";
+  readonly url: "https://mcp.asana.com/v2/mcp";
+  readonly description: "Manage tasks, projects, and goals";
+  readonly category: "Manual setup MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/asana/F06A6A";
+  readonly manualSetup: {
+    readonly description: "Create an Asana MCP app, configure its redirect URL and workspace distribution, then connect with the app client ID and secret.";
+    readonly links: readonly [{
+      readonly label: "Developer console";
+      readonly url: "https://app.asana.com/0/developer-console";
+    }, {
+      readonly label: "Setup guide";
+      readonly url: "https://developers.asana.com/docs/integrating-with-asanas-mcp-server";
+    }, {
+      readonly label: "Client setup";
+      readonly url: "https://developers.asana.com/docs/connecting-mcp-clients-to-asanas-v2-server";
+    }];
+  };
+}, {
+  readonly id: "gmail";
+  readonly name: "Gmail";
+  readonly url: "https://gmailmcp.googleapis.com/mcp/v1";
+  readonly description: "Read and draft Gmail messages";
+  readonly category: "Manual setup MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/gmail/EA4335";
+  readonly manualSetup: {
+    readonly description: "Enable Gmail and Gmail MCP APIs, configure OAuth consent, add Gmail read/compose scopes, and create a web OAuth client.";
+    readonly links: readonly [{
+      readonly label: "Setup guide";
+      readonly url: "https://developers.google.com/workspace/gmail/api/guides/configure-mcp-server";
+    }, {
+      readonly label: "API reference";
+      readonly url: "https://developers.google.com/workspace/gmail/api/reference/mcp";
+    }, {
+      readonly label: "OAuth consent";
+      readonly url: "https://console.cloud.google.com/apis/credentials/consent";
+    }, {
+      readonly label: "Credentials";
+      readonly url: "https://console.cloud.google.com/apis/credentials";
+    }];
+  };
+}, {
+  readonly id: "google-calendar";
+  readonly name: "Google Calendar";
+  readonly url: "https://calendarmcp.googleapis.com/mcp/v1";
+  readonly description: "Inspect calendars, events, and availability";
+  readonly category: "Manual setup MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/googlecalendar/4285F4";
+  readonly manualSetup: {
+    readonly description: "Enable Calendar and Calendar MCP APIs, configure OAuth consent, add calendar read/freebusy scopes, and create a web OAuth client.";
+    readonly links: readonly [{
+      readonly label: "Setup guide";
+      readonly url: "https://developers.google.com/workspace/calendar/api/guides/configure-mcp-server";
+    }, {
+      readonly label: "API reference";
+      readonly url: "https://developers.google.com/workspace/calendar/api/v3/reference/mcp";
+    }, {
+      readonly label: "OAuth consent";
+      readonly url: "https://console.cloud.google.com/apis/credentials/consent";
+    }, {
+      readonly label: "Credentials";
+      readonly url: "https://console.cloud.google.com/apis/credentials";
+    }];
+  };
+}, {
+  readonly id: "google-chat";
+  readonly name: "Google Chat";
+  readonly url: "https://chatmcp.googleapis.com/mcp/v1";
+  readonly description: "Read spaces, memberships, and messages";
+  readonly category: "Manual setup MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/googlechat/00AC47";
+  readonly manualSetup: {
+    readonly description: "Enable Chat and Chat MCP APIs, configure a Chat app, add Chat read/send scopes, and create a web OAuth client.";
+    readonly links: readonly [{
+      readonly label: "Setup guide";
+      readonly url: "https://developers.google.com/workspace/chat/api/guides/configure-mcp-server";
+    }, {
+      readonly label: "API reference";
+      readonly url: "https://developers.google.com/workspace/chat/api/reference/mcp";
+    }, {
+      readonly label: "OAuth consent";
+      readonly url: "https://console.cloud.google.com/apis/credentials/consent";
+    }, {
+      readonly label: "Credentials";
+      readonly url: "https://console.cloud.google.com/apis/credentials";
+    }];
+  };
+}, {
+  readonly id: "google-drive";
+  readonly name: "Google Drive";
+  readonly url: "https://drivemcp.googleapis.com/mcp/v1";
+  readonly description: "Search and manage Drive files";
+  readonly category: "Manual setup MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/googledrive/4285F4";
+  readonly manualSetup: {
+    readonly description: "Enable Drive and Drive MCP APIs, configure OAuth consent, add Drive read/file scopes, and create a web OAuth client.";
+    readonly links: readonly [{
+      readonly label: "Setup guide";
+      readonly url: "https://developers.google.com/workspace/drive/api/guides/configure-mcp-server";
+    }, {
+      readonly label: "API reference";
+      readonly url: "https://developers.google.com/workspace/drive/api/reference/mcp";
+    }, {
+      readonly label: "OAuth consent";
+      readonly url: "https://console.cloud.google.com/apis/credentials/consent";
+    }, {
+      readonly label: "Credentials";
+      readonly url: "https://console.cloud.google.com/apis/credentials";
+    }];
+  };
+}, {
+  readonly id: "google-people";
+  readonly name: "Google People API";
+  readonly url: "https://people.googleapis.com/mcp/v1";
+  readonly description: "Read contacts, profiles, and directory data";
+  readonly category: "Manual setup MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/google/4285F4";
+  readonly manualSetup: {
+    readonly description: "Enable People API, configure OAuth consent, add contacts/profile/directory scopes, and create a web OAuth client.";
+    readonly links: readonly [{
+      readonly label: "Setup guide";
+      readonly url: "https://developers.google.com/people/v1/configure-mcp-server";
+    }, {
+      readonly label: "API reference";
+      readonly url: "https://developers.google.com/people/api/mcp";
+    }, {
+      readonly label: "OAuth consent";
+      readonly url: "https://console.cloud.google.com/apis/credentials/consent";
+    }, {
+      readonly label: "Credentials";
+      readonly url: "https://console.cloud.google.com/apis/credentials";
+    }];
+  };
+}, {
+  readonly id: "google-workspace-search";
+  readonly name: "Google Workspace Universal Search";
+  readonly url: "https://workspacemcp.googleapis.com/mcp/v1";
+  readonly description: "Search Gmail, Drive, Calendar, and Chat";
+  readonly category: "Manual setup MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/google/4285F4";
+  readonly manualSetup: {
+    readonly description: "Enable the Workspace MCP service plus Gmail, Drive, Calendar, and Chat APIs, then configure OAuth consent and readonly search scopes.";
+    readonly links: readonly [{
+      readonly label: "Setup guide";
+      readonly url: "https://developers.google.com/workspace/guides/universal-search-mcp";
+    }, {
+      readonly label: "Supported products";
+      readonly url: "https://docs.cloud.google.com/mcp/supported-products";
+    }, {
+      readonly label: "OAuth consent";
+      readonly url: "https://console.cloud.google.com/apis/credentials/consent";
+    }, {
+      readonly label: "Credentials";
+      readonly url: "https://console.cloud.google.com/apis/credentials";
+    }];
+  };
+}, {
+  readonly id: "hubspot";
+  readonly name: "HubSpot";
+  readonly url: "https://mcp.hubspot.com";
+  readonly description: "Work with CRM records and activities";
+  readonly category: "Manual setup MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/hubspot/FF7A59";
+  readonly manualSetup: {
+    readonly description: "Create a HubSpot MCP Auth App, configure the redirect URL, and connect with OAuth credentials from a PKCE-capable client.";
+    readonly links: readonly [{
+      readonly label: "Setup guide";
+      readonly url: "https://developers.hubspot.com/docs/apps/developer-platform/build-apps/integrate-with-the-remote-hubspot-mcp-server";
+    }, {
+      readonly label: "HubSpot developer apps";
+      readonly url: "https://app.hubspot.com/developer";
+    }];
+  };
+}, {
+  readonly id: "microsoft-enterprise";
+  readonly name: "Microsoft Enterprise";
+  readonly url: "https://mcp.svc.cloud.microsoft/enterprise";
+  readonly description: "Query Microsoft Graph tenant data";
+  readonly category: "Manual setup MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/microsoft/5E5E5E";
+  readonly manualSetup: {
+    readonly description: "Provision the preview tenant resource, register the client, grant delegated MCP permissions, and connect with Microsoft Entra OAuth.";
+    readonly links: readonly [{
+      readonly label: "Overview";
+      readonly url: "https://learn.microsoft.com/en-us/graph/mcp-server/overview";
+    }, {
+      readonly label: "Get started";
+      readonly url: "https://learn.microsoft.com/en-us/graph/mcp-server/get-started";
+    }];
+  };
+}, {
+  readonly id: "microsoft-release-communications";
+  readonly name: "Microsoft Release Communications";
+  readonly url: "https://www.microsoft.com/releasecommunications/mcp";
+  readonly description: "Check Microsoft 365 roadmap and Azure updates";
+  readonly category: "Manual setup MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/microsoft/5E5E5E";
+  readonly manualSetup: {
+    readonly description: "No OAuth is required; add the Streamable HTTP endpoint directly to the MCP client.";
+    readonly links: readonly [{
+      readonly label: "Setup guide";
+      readonly url: "https://learn.microsoft.com/en-us/microsoft-365/admin/manage/mrc-mcp?view=o365-worldwide";
+    }];
+  };
+}, {
+  readonly id: "salesforce-sobject-reads";
+  readonly name: "Salesforce SObject Reads";
+  readonly url: "https://api.salesforce.com/platform/mcp/v1/platform/sobject-reads";
+  readonly description: "Read and query Salesforce CRM records";
+  readonly category: "Manual setup MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/salesforce/00A1E0";
+  readonly manualSetup: {
+    readonly description: "Create a Salesforce External Client App with mcp_api and refresh_token scopes, require PKCE, activate the hosted server, and connect with the consumer key.";
+    readonly links: readonly [{
+      readonly label: "Client connection";
+      readonly url: "https://developer.salesforce.com/docs/platform/hosted-mcp-servers/guide/client-connection-overview.html";
+    }, {
+      readonly label: "External Client App";
+      readonly url: "https://developer.salesforce.com/docs/platform/hosted-mcp-servers/guide/create-external-client-app.html";
+    }, {
+      readonly label: "Server reference";
+      readonly url: "https://developer.salesforce.com/docs/platform/hosted-mcp-servers/references/reference/sobject-reads.html";
+    }];
+  };
+}, {
+  readonly id: "slack";
+  readonly name: "Slack";
+  readonly url: "https://mcp.slack.com/mcp";
+  readonly description: "Search channels, send messages, and manage canvases";
+  readonly category: "Manual setup MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/slack/4A154B";
+  readonly manualSetup: {
+    readonly description: "Create or reuse a Slack app, enable MCP access, add user scopes and redirect URLs, then connect with the app client ID and secret.";
+    readonly links: readonly [{
+      readonly label: "Slack apps";
+      readonly url: "https://api.slack.com/apps";
+    }, {
+      readonly label: "MCP overview";
+      readonly url: "https://docs.slack.dev/ai/slack-mcp-server/";
+    }, {
+      readonly label: "App setup";
+      readonly url: "https://docs.slack.dev/ai/slack-mcp-server/developing/";
+    }];
+  };
+}, {
+  readonly id: "zoom-workspace";
+  readonly name: "Zoom Workspace";
+  readonly url: "https://mcp.zoom.us/mcp/zoom/streamable";
+  readonly description: "Use meetings, recordings, docs, and transcripts";
+  readonly category: "Manual setup MCP servers";
+  readonly icon: "https://cdn.simpleicons.org/zoom/0B5CFF";
+  readonly manualSetup: {
+    readonly description: "Create a Zoom Marketplace General app, add the MCP product scopes, configure the client redirect URL, and connect with OAuth credentials.";
+    readonly links: readonly [{
+      readonly label: "Setup guide";
+      readonly url: "https://developers.zoom.us/docs/mcp/servers/connect-to-zoom-mcp-servers/";
+    }, {
+      readonly label: "Zoom app marketplace";
+      readonly url: "https://marketplace.zoom.us/develop/create";
+    }, {
+      readonly label: "MCP registry";
+      readonly url: "https://github.com/zoom/mcp-registry";
+    }];
+  };
+}];
+//#endregion
+export { DCR_MCP_SERVER_CARDS, MANUAL_MCP_SERVER_CARDS, McpServerCard, McpServerCardIcon, McpServerManualSetup, McpServerPickerStatus, McpServerSetupLink };