From b3d0ae54e3cff3b3b9fe47426e9b1064409c3939 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sun, 10 May 2026 21:22:42 +0000
Subject: [PATCH] Show actual MCP server URL on documentation screen

Replace the static <mcp-host> placeholder with the real URL derived
from PUBLIC_API_URL (config.apiUrl), so users can copy a working URL
directly from the page.

https://claude.ai/code/session_01Lx8fmqoyghws1L7ZEgSZNt
---
 .../(authenticated)/account/mcp/+page.svelte       | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/Deckle.Web/src/routes/(authenticated)/account/mcp/+page.svelte b/src/Deckle.Web/src/routes/(authenticated)/account/mcp/+page.svelte
index cb0c13a..abebdf7 100644
--- a/src/Deckle.Web/src/routes/(authenticated)/account/mcp/+page.svelte
+++ b/src/Deckle.Web/src/routes/(authenticated)/account/mcp/+page.svelte
@@ -3,8 +3,11 @@
   import { Card } from '$lib/components';
   import PageHeader from '$lib/components/layout/PageHeader.svelte';
   import ApiKeysCard from './_components/ApiKeysCard.svelte';
+  import { config } from '$lib/config';
 
   let { data }: { data: PageData } = $props();
+
+  const mcpUrl = `${config.apiUrl}/mcp`;
 </script>
 
 <PageHeader>
@@ -33,12 +36,9 @@
         Generate a key in the section above and copy it somewhere safe — it is only shown once.
       </p>
 
-      <h3>2. Find the MCP server URL</h3>
-      <p class="prose">
-        The MCP server runs alongside the Deckle API. Your administrator can tell you the URL; it
-        follows the pattern:
-      </p>
-      <pre class="code-block">https://&lt;mcp-host&gt;/mcp</pre>
+      <h3>2. MCP server URL</h3>
+      <p class="prose">The MCP server runs alongside the Deckle API at:</p>
+      <pre class="code-block">{mcpUrl}</pre>
 
       <h3>3. Configure Claude Desktop</h3>
       <p class="prose">
@@ -48,7 +48,7 @@
   "mcpServers": {
     "deckle": {
       "type": "http",
-      "url": "https://<mcp-host>/mcp",
+      "url": "${mcpUrl}",
       "headers": {
         "X-API-Key": "<your-api-key>"
       }