diff --git a/apps/studio/components/interfaces/Account/AccessTokens/Scoped/TokenCapabilities/CapabilityCardBody.tsx b/apps/studio/components/interfaces/Account/AccessTokens/Scoped/TokenCapabilities/CapabilityCardBody.tsx index 988f8a2a61b..79ef7c52ccc 100644 --- a/apps/studio/components/interfaces/Account/AccessTokens/Scoped/TokenCapabilities/CapabilityCardBody.tsx +++ b/apps/studio/components/interfaces/Account/AccessTokens/Scoped/TokenCapabilities/CapabilityCardBody.tsx @@ -1,5 +1,5 @@ import { useState } from 'react' -import { cn } from 'ui' +import { Badge } from 'ui' import { EndpointRow } from './EndpointRow' import { MAX_VISIBLE_ENDPOINT_ROWS } from './TokenCapabilities.constants' @@ -11,18 +11,14 @@ interface CapabilityCardBodyProps { mcpTools: string[] } -/** - * One bordered container holding two labelled, independently-tabled groups — endpoints and MCP - * tools — rather than a single table with interleaved header rows, per the two-table a11y pattern. - */ export const CapabilityCardBody = ({ endpoints, mcpTools }: CapabilityCardBodyProps) => { const [showAllEndpoints, setShowAllEndpoints] = useState(false) if (endpoints.length === 0 && mcpTools.length === 0) { return ( -
+ No API endpoints or MCP tools are enabled by this capability yet. +
) } @@ -35,34 +31,29 @@ export const CapabilityCardBody = ({ endpoints, mcpTools }: CapabilityCardBodyPr const hiddenEndpointCount = endpoints.length - visibleEndpoints.length return ( -+ API endpoints +
++ MCP tools +
+| - {tool} - | - {/* No description field exists yet for MCP tools — stubbed rather than fabricated. */} -- No description available - | -