MCP
MCPConnectionStatus
Inline pill describing the MCP connection lifecycle with optional latency readout.
Preview
connected· 42msconnectingdisconnectederror
Installation
pnpm add nyxis-uiUsage
import { MCPConnectionStatus } from 'nyxis-ui';
<MCPConnectionStatus state="connected" latencyMs={42} />
<MCPConnectionStatus state="connecting" />
<MCPConnectionStatus state="error" />States
| State | Tone | Indicator |
|---|---|---|
disconnected | muted | power icon |
connecting | primary | spinning loader |
connected | success | plug icon + animated pulse + latency |
error | destructive | warning triangle |
Pair with <MCPServerCard> for the dedicated server surface, or use standalone in a status-bar widget.