@prenta/admin 2.5.0 → 2.6.1

package/src/views/settings/McpConnectTab.tsx

@@ -0,0 +1,213 @@
+'use client'
+
+import * as Tabs from '@radix-ui/react-tabs'
+import { Copy, Loader2 } from 'lucide-react'
+import { useEffect, useState } from 'react'
+import { toast } from 'sonner'
+
+import { cmsApi } from '../../lib/api.js'
+import { SettingsCard } from './components.js'
+import { mcpClientGuides, type McpClientGuide, type McpClientId } from './mcp-connect.js'
+
+type Grant = {
+  id: string
+  clientId: string
+  scope: string
+  revokedAt: string | null
+}
+
+async function copyText(value: string, label: string) {
+  try {
+    await navigator.clipboard.writeText(value)
+    toast.success(`${label} copied`)
+  } catch {
+    toast.error('Could not copy. Select the text and copy it manually.')
+  }
+}
+
+function ClientPanel({ guide, onCreateKey }: { guide: McpClientGuide; onCreateKey?: () => void }) {
+  const [manual, setManual] = useState(false)
+
+  return (
+    <div className="grid gap-6 lg:grid-cols-2">
+      <div className="space-y-4">
+        <div className="space-y-1">
+          <h3 className="text-lg font-medium">{guide.title}</h3>
+          <p className="text-muted-foreground text-sm">{guide.summary}</p>
+        </div>
+        <button
+          type="button"
+          className="bg-primary text-primary-foreground focus-visible:ring-ring inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium hover:opacity-90 focus-visible:ring-2 focus-visible:outline-none"
+          onClick={() => void copyText(guide.copyText, guide.action.replace(/^Copy /, ''))}
+        >
+          <Copy size={16} aria-hidden="true" />
+          {guide.action}
+        </button>
+        <div>
+          <button
+            type="button"
+            className="text-primary focus-visible:ring-ring text-sm font-medium underline-offset-4 hover:underline focus-visible:ring-2 focus-visible:outline-none"
+            aria-expanded={manual}
+            onClick={() => setManual((open) => !open)}
+          >
+            Prefer manual configuration?
+          </button>
+          {manual && (
+            <ol className="text-muted-foreground mt-3 list-decimal space-y-2 pl-5 text-sm">
+              {guide.manual.map((step) => (
+                <li key={step}>{step}</li>
+              ))}
+            </ol>
+          )}
+        </div>
+        {guide.needsApiKey && onCreateKey && (
+          <button
+            type="button"
+            className="text-foreground focus-visible:ring-ring text-sm font-medium underline-offset-4 hover:underline focus-visible:ring-2 focus-visible:outline-none"
+            onClick={onCreateKey}
+          >
+            Create a Content API key
+          </button>
+        )}
+      </div>
+      <div className="border-border bg-muted relative rounded-lg border">
+        <button
+          type="button"
+          className="text-muted-foreground hover:text-foreground focus-visible:ring-ring absolute top-2 right-2 rounded-md p-2 focus-visible:ring-2 focus-visible:outline-none"
+          aria-label={guide.action}
+          onClick={() => void copyText(guide.copyText, guide.action.replace(/^Copy /, ''))}
+        >
+          <Copy size={16} aria-hidden="true" />
+        </button>
+        <pre className="max-h-80 overflow-auto p-4 pr-12 font-mono text-sm whitespace-pre-wrap">
+          {guide.panel}
+        </pre>
+      </div>
+    </div>
+  )
+}
+
+/**
+ * Settings → MCP. One tab per client, matching the "copy this and paste it
+ * there" setup other site builders use. The URL comes from the server so the
+ * Host header is never trusted.
+ */
+export function McpConnectTab({ onNavigate }: { onNavigate?: (path: string) => void }) {
+  const [mcpUrl, setMcpUrl] = useState('')
+  const [loadError, setLoadError] = useState<string | null>(null)
+  const [loading, setLoading] = useState(true)
+  const [grants, setGrants] = useState<Grant[]>([])
+  const [client, setClient] = useState<McpClientId>('claude-code')
+
+  function loadGrants() {
+    void cmsApi<Grant[]>('/mcp/oauth/grants').then((res) => {
+      if (res.data) setGrants(res.data.filter((grant) => !grant.revokedAt))
+    })
+  }
+
+  useEffect(() => {
+    let cancelled = false
+    void cmsApi<{ mcpUrl: string }>('/mcp/oauth/setup').then((res) => {
+      if (cancelled) return
+      setLoading(false)
+      if (res.error || !res.data?.mcpUrl) {
+        setLoadError(
+          res.error ?? 'This site has no public URL yet, so there is nothing to connect.',
+        )
+        return
+      }
+      setMcpUrl(res.data.mcpUrl)
+    })
+    loadGrants()
+    return () => {
+      cancelled = true
+    }
+  }, [])
+
+  async function revoke(id: string) {
+    const res = await cmsApi<{ note: string }>(`/mcp/oauth/grants/${encodeURIComponent(id)}`, {
+      method: 'DELETE',
+    })
+    if (res.error) {
+      toast.error(res.error)
+      return
+    }
+    toast.success(res.data?.note ?? 'Disconnected')
+    loadGrants()
+  }
+
+  const guides = mcpUrl ? mcpClientGuides(mcpUrl) : []
+
+  return (
+    <div className="space-y-6">
+      <div className="space-y-1">
+        <h2 className="text-lg font-medium">MCP</h2>
+        <p className="text-muted-foreground text-sm">
+          Connect an AI agent to this site. It can draft and edit pages, then you approve what goes
+          live. To build from a design, attach the Figma export as the reference and send each photo
+          as its own file.
+        </p>
+      </div>
+
+      {loading ? (
+        <div className="text-muted-foreground flex items-center gap-2 text-sm">
+          <Loader2 className="h-4 w-4 animate-spin" aria-hidden="true" />
+          Loading connection details
+        </div>
+      ) : loadError ? (
+        <p role="alert" className="text-destructive text-sm">
+          {loadError}
+        </p>
+      ) : (
+        <Tabs.Root value={client} onValueChange={(value) => setClient(value as McpClientId)}>
+          <Tabs.List
+            aria-label="AI clients"
+            className="border-border mb-6 flex gap-1 overflow-x-auto border-b"
+          >
+            {guides.map((guide) => (
+              <Tabs.Trigger
+                key={guide.id}
+                value={guide.id}
+                className="text-muted-foreground hover:text-foreground data-[state=active]:border-primary data-[state=active]:text-foreground focus-visible:ring-ring px-3 py-2 text-sm font-medium focus-visible:ring-2 focus-visible:outline-none data-[state=active]:border-b-2"
+              >
+                {guide.label}
+              </Tabs.Trigger>
+            ))}
+          </Tabs.List>
+          {guides.map((guide) => (
+            <Tabs.Content key={guide.id} value={guide.id} className="focus-visible:outline-none">
+              <ClientPanel
+                guide={guide}
+                onCreateKey={onNavigate ? () => onNavigate('/settings?tab=api-keys') : undefined}
+              />
+            </Tabs.Content>
+          ))}
+        </Tabs.Root>
+      )}
+
+      <SettingsCard
+        title="Connected apps"
+        description="Revoke stops new requests immediately. An access token already issued can keep working for up to 15 minutes."
+      >
+        {grants.length === 0 ? (
+          <p className="text-muted-foreground text-sm">No apps connected yet.</p>
+        ) : (
+          <ul className="space-y-2">
+            {grants.map((grant) => (
+              <li key={grant.id} className="flex items-center justify-between gap-3 text-sm">
+                <span className="min-w-0 truncate">{grant.clientId}</span>
+                <button
+                  type="button"
+                  className="text-destructive focus-visible:ring-ring shrink-0 font-medium hover:underline focus-visible:ring-2 focus-visible:outline-none"
+                  onClick={() => void revoke(grant.id)}
+                >
+                  Revoke
+                </button>
+              </li>
+            ))}
+          </ul>
+        )}
+      </SettingsCard>
+    </div>
+  )
+}

package/src/views/settings/SiteThemeCard.tsx

@@ -0,0 +1,71 @@
+'use client'
+
+import type { PublicTheme } from '@prenta/core/appearance'
+
+import type { UseAppearanceSettings } from './useAppearanceSettings.js'
+
+const FIELDS: { key: keyof PublicTheme; label: string; hint: string }[] = [
+  { key: 'accent', label: 'Accent', hint: 'Buttons and highlights. Example: #7c3aed' },
+  { key: 'background', label: 'Background', hint: 'Page surface. Example: #ffffff' },
+  { key: 'foreground', label: 'Text', hint: 'Body text. Example: #18181b' },
+  { key: 'muted', label: 'Muted text', hint: 'Secondary text. Example: #71717a' },
+  { key: 'fontFamily', label: 'Font', hint: 'A font already on the site. Example: Georgia, serif' },
+  { key: 'radius', label: 'Corner radius', hint: 'Example: 0.75rem' },
+]
+
+function isColorKey(key: keyof PublicTheme): boolean {
+  return key === 'accent' || key === 'background' || key === 'foreground' || key === 'muted'
+}
+
+/** Public site theme. Empty fields keep the built-in section palette. */
+export function SiteThemeCard({ s, canEdit }: { s: UseAppearanceSettings; canEdit: boolean }) {
+  return (
+    <section className="border-border bg-card space-y-4 rounded-lg border p-6">
+      <h3 className="text-lg font-medium">Site theme</h3>
+      <p className="text-muted-foreground text-sm">
+        Colors and type for published pages. Leave a field empty to keep the default.
+      </p>
+      <div className="grid gap-4 sm:grid-cols-2">
+        {FIELDS.map(({ key, label, hint }) => {
+          const value = s.appearance.publicTheme[key] ?? ''
+          const issue = s.issues.find((item) => item.field === `publicTheme.${key}`)
+          const id = `site-theme-${key}`
+          return (
+            <div key={key} className="space-y-1">
+              <label htmlFor={id} className="text-sm font-medium">
+                {label}
+              </label>
+              <div className="flex items-center gap-2">
+                {isColorKey(key) && value ? (
+                  <span
+                    aria-hidden
+                    className="border-border size-8 shrink-0 rounded-md border"
+                    style={{ background: value }}
+                  />
+                ) : null}
+                <input
+                  id={id}
+                  value={value}
+                  disabled={!canEdit}
+                  aria-invalid={issue ? true : undefined}
+                  aria-describedby={issue ? `${id}-error` : `${id}-hint`}
+                  onChange={(event) => s.setPublicTheme({ [key]: event.target.value })}
+                  className="border-input bg-background w-full rounded-md border px-3 py-2 text-sm disabled:opacity-60"
+                />
+              </div>
+              {issue ? (
+                <p id={`${id}-error`} className="text-destructive text-sm">
+                  {issue.message}
+                </p>
+              ) : (
+                <p id={`${id}-hint`} className="text-muted-foreground text-sm">
+                  {hint}
+                </p>
+              )}
+            </div>
+          )
+        })}
+      </div>
+    </section>
+  )
+}

package/src/views/settings/mcp-connect.ts

@@ -0,0 +1,209 @@
+/**
+ * Connection text for Settings → MCP. Each client gets one thing to copy.
+ * OAuth clients receive the remote URL. Editors that cannot sign in receive
+ * a stdio config with a placeholder key, never a real secret.
+ */
+
+export type McpClientId =
+  | 'claude-code'
+  | 'claude'
+  | 'chatgpt'
+  | 'grok'
+  | 'cursor'
+  | 'vscode'
+  | 'other'
+
+export interface McpClientGuide {
+  id: McpClientId
+  label: string
+  title: string
+  /** One sentence under the title. */
+  summary: string
+  /** Primary button. */
+  action: string
+  /** Exact text the primary button and the panel copy control place on the clipboard. */
+  copyText: string
+  /** Shown in the panel. Equals copyText except where the panel adds a label. */
+  panel: string
+  manual: string[]
+  /** This client needs a Content API key created on the API Keys tab. */
+  needsApiKey: boolean
+}
+
+export function mcpServerName(mcpUrl: string): string {
+  try {
+    const host = new URL(mcpUrl).hostname.replace(/^www\./, '')
+    const label = (host.split('.')[0] || 'site').toLowerCase().replace(/[^a-z0-9]+/g, '-')
+    return `${label.replace(/^-|-$/g, '') || 'site'}-prenta`
+  } catch {
+    return 'site-prenta'
+  }
+}
+
+function mcpSiteOrigin(mcpUrl: string): string {
+  try {
+    return new URL(mcpUrl).origin
+  } catch {
+    return mcpUrl.replace(/\/mcp\/?$/, '')
+  }
+}
+
+export function mcpClientGuides(mcpUrl: string): McpClientGuide[] {
+  const name = mcpServerName(mcpUrl)
+  const origin = mcpSiteOrigin(mcpUrl)
+  const claudeCodePrompt = [
+    'Add this Prenta site as a remote MCP server.',
+    '',
+    'Connection details:',
+    `- Server URL: ${mcpUrl}`,
+    '- Transport: HTTP',
+    `- Server name: ${name}`,
+    '',
+    'Do not store an API key. This site signs in with OAuth. After the server is added, start the sign-in flow so I can approve it in the browser.',
+    '',
+    `Command: claude mcp add --transport http ${name} ${mcpUrl}`,
+  ].join('\n')
+
+  const cursorConfig = JSON.stringify(
+    {
+      mcpServers: {
+        [name]: {
+          command: 'npx',
+          args: ['-y', '@prenta/mcp-server'],
+          env: {
+            PRENTA_BASE_URL: origin,
+            PRENTA_API_KEY: 'act_sk_...',
+          },
+        },
+      },
+    },
+    null,
+    2,
+  )
+
+  const vscodeConfig = JSON.stringify(
+    {
+      servers: {
+        [name]: {
+          type: 'stdio',
+          command: 'npx',
+          args: ['-y', '@prenta/mcp-server'],
+          env: {
+            PRENTA_BASE_URL: origin,
+            PRENTA_API_KEY: 'act_sk_...',
+          },
+        },
+      },
+    },
+    null,
+    2,
+  )
+
+  const bearer = 'Authorization: Bearer act_sk_...'
+
+  return [
+    {
+      id: 'claude-code',
+      label: 'Claude Code',
+      title: 'Connect this site to Claude Code',
+      summary:
+        'Paste this prompt into Claude Code. It adds the server, then this site asks you to approve access.',
+      action: 'Copy prompt',
+      copyText: claudeCodePrompt,
+      panel: claudeCodePrompt,
+      manual: [
+        `Run: claude mcp add --transport http ${name} ${mcpUrl}`,
+        'Approve the sign-in page this site opens. Do not paste an API key into the command.',
+      ],
+      needsApiKey: false,
+    },
+    {
+      id: 'claude',
+      label: 'Claude',
+      title: 'Connect this site to Claude',
+      summary: 'Claude on the web, Desktop, and Cowork use this URL and sign in here.',
+      action: 'Copy URL',
+      copyText: mcpUrl,
+      panel: mcpUrl,
+      manual: [
+        'Open Claude → Settings → Connectors → Add custom connector.',
+        'Paste the URL and continue. This site opens so you can allow access.',
+      ],
+      needsApiKey: false,
+    },
+    {
+      id: 'chatgpt',
+      label: 'ChatGPT',
+      title: 'Connect this site to ChatGPT',
+      summary: 'ChatGPT signs in here. It cannot use an API key.',
+      action: 'Copy URL',
+      copyText: mcpUrl,
+      panel: mcpUrl,
+      manual: [
+        'Open ChatGPT → Settings → Connectors and add a custom connector.',
+        'Paste the URL. ChatGPT sends you back here to approve access.',
+      ],
+      needsApiKey: false,
+    },
+    {
+      id: 'grok',
+      label: 'Grok',
+      title: 'Connect this site to Grok',
+      summary:
+        'Grok on the web signs in here. The Grok CLI and the xAI API send a Content API key instead.',
+      action: 'Copy URL',
+      copyText: mcpUrl,
+      panel: mcpUrl,
+      manual: [
+        'On grok.com, add a connector and paste the URL, then approve access on this site.',
+        `For the Grok CLI or the xAI API, create a Content API key and send ${bearer}. Include the word Bearer.`,
+      ],
+      needsApiKey: true,
+    },
+    {
+      id: 'cursor',
+      label: 'Cursor',
+      title: 'Connect this site to Cursor',
+      summary:
+        'Cursor runs the local server. Create a Content API key and replace the placeholder.',
+      action: 'Copy config',
+      copyText: cursorConfig,
+      panel: cursorConfig,
+      manual: [
+        'Open Cursor → Settings → MCP and add a new server, or paste this into .cursor/mcp.json.',
+        'Create a Content API key and replace act_sk_... . Do not commit the file.',
+      ],
+      needsApiKey: true,
+    },
+    {
+      id: 'vscode',
+      label: 'VS Code',
+      title: 'Connect this site to VS Code',
+      summary:
+        'Save this as .vscode/mcp.json. Create a Content API key and replace the placeholder.',
+      action: 'Copy config',
+      copyText: vscodeConfig,
+      panel: vscodeConfig,
+      manual: [
+        'Save the config as .vscode/mcp.json.',
+        'Create a Content API key and replace act_sk_... . Do not commit the file.',
+      ],
+      needsApiKey: true,
+    },
+    {
+      id: 'other',
+      label: 'Other',
+      title: 'Connect another client',
+      summary:
+        'Clients that can sign in use the URL. Clients that can set a header use a Content API key.',
+      action: 'Copy URL',
+      copyText: mcpUrl,
+      panel: mcpUrl,
+      manual: [
+        'Point the client at the server URL.',
+        'If it signs in, approve access on this site. If it sends a header, use a Content API key as Authorization: Bearer act_sk_... . Do not put the key in the query string.',
+      ],
+      needsApiKey: true,
+    },
+  ]
+}

package/src/views/settings/useAppearanceSettings.ts

@@ -5,6 +5,8 @@ import {
   logoShapeWarning,
   resolveAdminBrand,
   resolvePublicBrand,
+  parsePublicTheme,
+  publicThemeFieldError,
   validateAccentColor,
   type AdminBrandingMode,
   type BrandAssetLike,
@@ -13,6 +15,7 @@ import {
   type ColorMode,
   type LogoShape,
   type ResolvedAdminBrand,
+  type PublicTheme,
   type ResolvedPublicBrand,
   type SidebarDensity,
 } from '@prenta/core/appearance'
@@ -39,6 +42,7 @@ interface AppearanceForm {
   density: SidebarDensity
   font: string
   reduceMotion: boolean
+  publicTheme: Required<PublicTheme>
 }
 
 /** Brand asset references + admin branding mode (the `brand` settings blob). */
@@ -136,6 +140,7 @@ export interface UseAppearanceSettings {
   setDensity: (v: SidebarDensity) => void
   setFont: (v: string) => void
   setReduceMotion: (v: boolean) => void
+  setPublicTheme: (patch: Partial<PublicTheme>) => void
   setBrandingMode: (v: AdminBrandingMode) => void
   setAltText: (v: string) => void
   uploadAsset: (field: BrandAssetField, file: File) => Promise<void>
@@ -147,12 +152,22 @@ export interface UseAppearanceSettings {
   reload: () => void
 }
 
+const EMPTY_PUBLIC_THEME: Required<PublicTheme> = {
+  accent: '',
+  background: '',
+  foreground: '',
+  muted: '',
+  fontFamily: '',
+  radius: '',
+}
+
 const DEFAULT_FORM: AppearanceForm = {
   colorMode: 'system',
   accent: 'purple',
   density: 'default',
   font: 'System UI',
   reduceMotion: false,
+  publicTheme: EMPTY_PUBLIC_THEME,
 }
 
 const DEFAULT_BRAND_FORM: BrandForm = { mode: 'inheritPublicBrand' }
@@ -263,12 +278,14 @@ export function useAppearanceSettings(
       return
     }
     const d = res.data
+    const storedTheme = d.appearance.publicTheme
     const nextAppearance: AppearanceForm = {
       colorMode: d.appearance.adminColorModeDefault,
       accent: d.appearance.adminAccentColor,
       density: d.appearance.sidebarDensity,
       font: d.appearance.contentFont,
       reduceMotion: d.appearance.reduceMotion,
+      publicTheme: { ...EMPTY_PUBLIC_THEME, ...storedTheme },
     }
     const nextBrand: BrandForm = { ...d.brand, mode: d.brand?.mode ?? 'inheritPublicBrand' }
     const nextAssets = parseAppearanceAssets(d.assets ?? [])
@@ -319,6 +336,15 @@ export function useAppearanceSettings(
     (v: boolean) => update({ ...appearance, reduceMotion: v }, brand, assets),
     [appearance, brand, assets, update],
   )
+  const setPublicTheme = useCallback(
+    (patch: Partial<PublicTheme>) =>
+      update(
+        { ...appearance, publicTheme: { ...appearance.publicTheme, ...patch } },
+        brand,
+        assets,
+      ),
+    [appearance, brand, assets, update],
+  )
   const setBrandingMode = useCallback(
     (v: AdminBrandingMode) => update(appearance, { ...brand, mode: v }, assets),
     [appearance, brand, assets, update],
@@ -434,6 +460,17 @@ export function useAppearanceSettings(
     }
     // Dark mode default but no dark logo.
     const hasDark = Boolean(brand.publicDarkLogoAssetId || brand.adminDarkLogoAssetId)
+    for (const field of [
+      'accent',
+      'background',
+      'foreground',
+      'muted',
+      'fontFamily',
+      'radius',
+    ] as const) {
+      const message = publicThemeFieldError(field, appearance.publicTheme[field])
+      if (message) out.push({ field: `publicTheme.${field}`, message, severity: 'error' })
+    }
     if (appearance.colorMode === 'dark' && !hasDark) {
       out.push({
         field: 'colorMode',
@@ -488,6 +525,7 @@ export function useAppearanceSettings(
       sidebarDensity: appearance.density,
       contentFont: appearance.font,
       reduceMotion: appearance.reduceMotion,
+      publicTheme: parsePublicTheme(appearance.publicTheme),
       updatedAt: now,
     }
     const merged = {
@@ -536,6 +574,7 @@ export function useAppearanceSettings(
     setDensity,
     setFont,
     setReduceMotion,
+    setPublicTheme,
     setBrandingMode,
     setAltText,
     uploadAsset,

package/dist/views/settings/McpSetupCard.d.ts

@@ -1,2 +0,0 @@
-export declare function McpSetupCard(): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=McpSetupCard.d.ts.map

package/dist/views/settings/McpSetupCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"McpSetupCard.d.ts","sourceRoot":"","sources":["../../../src/views/settings/McpSetupCard.tsx"],"names":[],"mappings":"AAeA,wBAAgB,YAAY,mDA+E3B"}

package/dist/views/settings/McpSetupCard.js

@@ -1,48 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { Copy } from 'lucide-react';
-import { toast } from 'sonner';
-import { cmsApi } from '../../lib/api.js';
-import { SettingsCard } from './components.js';
-export function McpSetupCard() {
-    const [mcpUrl, setMcpUrl] = useState('');
-    const [grants, setGrants] = useState([]);
-    const [hidden, setHidden] = useState(false);
-    function load() {
-        void cmsApi('/mcp/oauth/setup').then((res) => {
-            if (res.error || !res.data?.mcpUrl) {
-                setHidden(true);
-                return;
-            }
-            setMcpUrl(res.data.mcpUrl);
-        });
-        void cmsApi('/mcp/oauth/grants').then((res) => {
-            if (res.data)
-                setGrants(res.data.filter((grant) => !grant.revokedAt));
-        });
-    }
-    useEffect(() => {
-        load();
-    }, []);
-    async function revoke(id) {
-        const res = await cmsApi(`/mcp/oauth/grants/${encodeURIComponent(id)}`, {
-            method: 'DELETE',
-        });
-        if (res.error) {
-            toast.error(res.error);
-            return;
-        }
-        toast.success(res.data?.note ?? 'Disconnected');
-        load();
-    }
-    if (hidden)
-        return null;
-    return (_jsxs(SettingsCard, { title: "Remote MCP", description: "Paste this URL into Claude, ChatGPT, or Grok on the web. They sign in here. Cursor and VS Code keep using an API key from the list below.", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("code", { className: "bg-muted text-foreground rounded px-2 py-1 text-sm", children: mcpUrl || '…' }), _jsxs("button", { type: "button", className: "border-border text-foreground hover:bg-accent inline-flex items-center gap-2 rounded-md border px-3 py-2 text-sm font-medium", onClick: () => {
-                            if (!mcpUrl)
-                                return;
-                            void navigator.clipboard.writeText(mcpUrl);
-                            toast.success('MCP URL copied');
-                        }, "aria-label": "Copy MCP URL", children: [_jsx(Copy, { size: 16, "aria-hidden": "true" }), "Copy"] })] }), grants.length > 0 && (_jsx("ul", { className: "mt-4 space-y-2", children: grants.map((grant) => (_jsxs("li", { className: "flex items-center justify-between gap-3 text-sm", children: [_jsx("span", { className: "text-foreground min-w-0 truncate", children: grant.clientId }), _jsx("button", { type: "button", className: "text-destructive shrink-0 font-medium hover:underline", onClick: () => void revoke(grant.id), children: "Revoke" })] }, grant.id))) })), _jsx("p", { className: "text-muted-foreground mt-3 text-sm", children: "Revoke stops new requests immediately. An access token already issued can keep working for up to 15 minutes." })] }));
-}
-//# sourceMappingURL=McpSetupCard.js.map

package/dist/views/settings/McpSetupCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"McpSetupCard.js","sourceRoot":"","sources":["../../../src/views/settings/McpSetupCard.tsx"],"names":[],"mappings":"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"}