@prenta/admin 2.5.0 → 2.6.0

package/src/views/settings/McpSetupCard.tsx

@@ -1,95 +0,0 @@
-'use client'
-
-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'
-
-type Grant = {
-  id: string
-  clientId: string
-  scope: string
-  revokedAt: string | null
-}
-
-export function McpSetupCard() {
-  const [mcpUrl, setMcpUrl] = useState('')
-  const [grants, setGrants] = useState<Grant[]>([])
-  const [hidden, setHidden] = useState(false)
-
-  function load() {
-    void cmsApi<{ mcpUrl: string }>('/mcp/oauth/setup').then((res) => {
-      if (res.error || !res.data?.mcpUrl) {
-        setHidden(true)
-        return
-      }
-      setMcpUrl(res.data.mcpUrl)
-    })
-    void cmsApi<Grant[]>('/mcp/oauth/grants').then((res) => {
-      if (res.data) setGrants(res.data.filter((grant) => !grant.revokedAt))
-    })
-  }
-
-  useEffect(() => {
-    load()
-  }, [])
-
-  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')
-    load()
-  }
-
-  if (hidden) return null
-
-  return (
-    <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."
-    >
-      <div className="flex flex-wrap items-center gap-2">
-        <code className="bg-muted text-foreground rounded px-2 py-1 text-sm">{mcpUrl || '…'}</code>
-        <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"
-        >
-          <Copy size={16} aria-hidden="true" />
-          Copy
-        </button>
-      </div>
-      {grants.length > 0 && (
-        <ul className="mt-4 space-y-2">
-          {grants.map((grant) => (
-            <li key={grant.id} className="flex items-center justify-between gap-3 text-sm">
-              <span className="text-foreground min-w-0 truncate">{grant.clientId}</span>
-              <button
-                type="button"
-                className="text-destructive shrink-0 font-medium hover:underline"
-                onClick={() => void revoke(grant.id)}
-              >
-                Revoke
-              </button>
-            </li>
-          ))}
-        </ul>
-      )}
-      <p className="text-muted-foreground mt-3 text-sm">
-        Revoke stops new requests immediately. An access token already issued can keep working for
-        up to 15 minutes.
-      </p>
-    </SettingsCard>
-  )
-}