MCP Server List
Vertical list of full-width cards showing configured MCP servers. Each card is a static summary with a toggle, kebab menu, and status-driven styling. Lives in control-plane/ beside skills-management-panel.
Included in the single kansho full pack. Components are not offered as separate installs.
Default — mixed statuses
connected, connecting, error, disabled · Static preview: add, reconnect, and edit require host callbacksEmpty
No servers configured · Static preview: Add requires a host callbackNo MCP servers yet
Loading
Skeleton placeholder rowsError & recovery
Static preview: Reconnect requires a host callback; removal and toggles update locallyAll disabled
Every server toggled off · Static preview: add, reconnect, and edit require host callbacksMany
8–10 servers for density / scroll · Static preview: add, reconnect, and edit require host callbacksIncluded components
This page is the canonical destination for these components. All ship in the single Kansho pack.
MCP server list
components/control-plane/mcp-server-list.tsxComponent documentation
MCP server list
components/control-plane/mcp-server-list.tsxPurpose
Lists MCP servers with connection state, transport, tool count, enablement, and management actions.
Appropriate use
Use for a workspace server registry when the host owns connection and configuration operations.
Example
components/control-plane/mcp-server-list.tsx has a representative live example in the "Default — mixed statuses" section on /components/mcp-servers.
States
Statuses are connected, connecting, error, and disabled; the list supports loading, populated, and empty states with callback-gated actions.
API and props
MCPServerList accepts servers, loading, onAdd, onToggle, onReconnect, onEdit, and onRemove; MCPServer carries id, name, stdio/sse/http transport, status, toolCount, reason, and optional logo.
Dependencies
Direct imports are React, Lucide icons, Card, StatusDot, Toggle, DropdownMenu, IconButton, InlineConfirmButton, BrailleLoader, Skeleton, Button, and cn.
Accessibility
Connection status and errors are visible text, connecting is labelled, toggles are named and disabled without onToggle, menus render only with actions, and removal uses inline confirmation.
Limitations
It does not discover servers, connect, persist enablement, validate URLs, or report pending/failure results after callbacks.
Source
Source: components/control-plane/mcp-server-list.tsx.
Full pack
components/control-plane/mcp-server-list.tsx is documented at /components/mcp-servers and installs only through the single Kansho full pack; no individual component install is offered.