Server List Sidebar
Once you have at least one mock server, the Mocks section of the sidebar shows the full list. Each row is a compact card that lets you see the server at a glance and perform the most common actions without opening the editor.
What Each Card Shows
Every server card is built from the same small set of fields, always in the same place:
- •Name: the label you chose when creating the server, truncated if it is too long to fit the card width.
- •Port: shown just under the name, prefixed with a colon (for example :4000), so it looks like the tail of a URL.
- •Endpoint count: a small N ep counter showing how many endpoints the server currently defines.
- •Running indicator: a tiny circle at the end of the meta row. It is green when the server is currently listening on its port and muted grey when it is stopped.
Selecting and Highlighting
Clicking anywhere on a card selects that server and opens the editor on the right. The selected card gains a soft highlight so you can see at a glance which server you are currently looking at, even if multiple cards are visible. Selection is independent of whether the server is running — you can open a stopped server, you can open a running server.
Per-Card Actions on Hover
The right edge of each card hides a small cluster of action buttons that become visible when the mouse is over the card. The exact set of buttons depends on whether the server is running:
- •Stopped: a Start button (play icon) and a Delete button (trash icon).
- •Running: a Stop button (square icon) and the same Delete button.
Clicking Start, Stop, or Delete on the card works without opening the editor — the click does not select the server, so you can act on a server without disturbing whichever one you are currently editing. Starting a server updates the indicator to green; stopping it turns it grey again; deleting removes the card from the list.