From 7e182fca9a2e119fbe51ce56b8d4b5dd9cf7567f Mon Sep 17 00:00:00 2001
From: Nolan Selby <nolansselby@gmail.com>
Date: Sun, 26 Jul 2026 13:06:25 -0700
Subject: [PATCH] fix(web): update ChatGPT MCP setup instructions (#1358)

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 apps/web/components/connect-ai-modal.tsx      | 20 ++++++++++++---
 .../components/mcp-modal/mcp-detail-view.tsx  | 25 +++++++++++++------
 2 files changed, 35 insertions(+), 10 deletions(-)

diff --git a/apps/web/components/connect-ai-modal.tsx b/apps/web/components/connect-ai-modal.tsx
index c4b85e7a..2e590894 100644
--- a/apps/web/components/connect-ai-modal.tsx
+++ b/apps/web/components/connect-ai-modal.tsx
@@ -650,15 +650,29 @@ export function ConnectAIModal({
 										if (manual.kind === "chatgpt") {
 											return (
 												<div className="space-y-3">
+													<p className="text-xs leading-relaxed text-amber-600 dark:text-amber-500/90">
+														Write-capable custom MCP apps are only supported on
+														Business & Enterprise plans.
+													</p>
 													<ol className="list-decimal space-y-2 pl-5 text-sm text-muted-foreground">
 														<li>Open ChatGPT in your browser.</li>
 														<li>
-															Settings → Apps → Advanced settings → enable
-															Developer mode.
+															Go to Settings → Security and Login → scroll to
+															the bottom to enable Developer mode.
 														</li>
 														<li>
-															Create an app and paste the MCP URL when asked.
+															Go to{" "}
+															<a
+																className="text-primary underline"
+																href="https://chatgpt.com/plugins"
+																rel="noopener noreferrer"
+																target="_blank"
+															>
+																chatgpt.com/plugins
+															</a>
+															.
 														</li>
+														<li>Paste the URL below.</li>
 														<li>Complete OAuth in ChatGPT.</li>
 													</ol>
 													<div className="relative max-w-full sm:max-w-xl">
diff --git a/apps/web/components/mcp-modal/mcp-detail-view.tsx b/apps/web/components/mcp-modal/mcp-detail-view.tsx
index cfa9ddf3..15b4f2f5 100644
--- a/apps/web/components/mcp-modal/mcp-detail-view.tsx
+++ b/apps/web/components/mcp-modal/mcp-detail-view.tsx
@@ -502,19 +502,30 @@ export function MCPSteps({ variant = "full" }: MCPStepsProps) {
 									if (manual.kind === "chatgpt") {
 										return (
 											<div className="space-y-3">
+												<p className="text-[12px] leading-relaxed text-amber-500/90">
+													Write-capable custom MCP apps are only supported on
+													Business & Enterprise plans.
+												</p>
 												<ol className="list-decimal space-y-2 pl-5 text-[13px] leading-relaxed text-[#A1A1AA]">
 													<li>Open ChatGPT in your browser.</li>
 													<li>
-														Go to Settings → Apps → Advanced settings → enable
-														Developer mode.
+														Go to Settings → Security and Login → scroll to the
+														bottom to enable Developer mode.
 													</li>
 													<li>
-														Create an app and choose your MCP server URL when
-														asked.
-													</li>
-													<li>
-														Paste the URL below and complete OAuth in ChatGPT.
+														Go to{" "}
+														<a
+															className="text-[#4BA0FA] underline hover:text-[#8BC6FF]"
+															href="https://chatgpt.com/plugins"
+															rel="noopener noreferrer"
+															target="_blank"
+														>
+															chatgpt.com/plugins
+														</a>
+														.
 													</li>
+													<li>Paste the URL below.</li>
+													<li>Complete OAuth in ChatGPT.</li>
 												</ol>
 												<McpCodeBlock
 													code={CHATGPT_REMOTE_MCP_URL}