stacklok / toolhive-studio / 24716287781 / 1

70%

main: 70%

push

github

feat: add persisted card/table view toggle for MCP servers and installed skills (#2046)

* feat(ipc): persist UI view-mode preferences via settings table

Add a ui-preferences IPC namespace so the renderer can read/write
view-mode choices (card vs table) backed by the existing SQLite
settings table. Values and keys are validated at the main-process
boundary (only 'card' | 'table' and the known UI_PREFERENCE_KEYS are
accepted), and the preload API exposes a typed getViewMode/setViewMode
pair under window.electronAPI.uiPreferences. The shared mock
electronAPI is updated accordingly so renderer tests don't need to
touch IPC.

* feat(renderer): add useViewPreference hook and ViewToggle component

Add a React Query-backed useViewPreference(key) hook that loads the
persisted view mode over IPC, falls back to 'card' by default, and
optimistically updates the cache on mutation so the UI flips without
waiting for the DB round-trip. Add a ViewToggle segmented control
(LayoutGrid / List icons) that wraps two radios, exposes proper aria
state, and calls onChange only when the value actually changes.

* refactor(ui): allow Table to accept a containerClassName

The shadcn Table primitive always wrapped <table> in a container with
overflow-x-auto, which produced an internal horizontal scrollbar
inside rounded-border wrappers. Accept an optional containerClassName
so callers can merge/override the wrapper utilities (e.g. swap
overflow-x-auto for overflow-hidden, apply rounded corners) via
tailwind-merge, without bypassing the primitive.

* feat(mcp-servers): add card/table view toggle for installed servers

Render a ViewToggle next to the search input on the installed servers
page and branch between the existing CardMcpServer grid and a new
TableMcpServers component based on the ui.viewMode.mcpServers
preference. The table mirrors every card affordance: server name
(truncated + tooltip), about/description (truncated + tooltip), the
conditional update-version button, ... (continued)

3722 of 6161 branches covered (60.41%)

5824 of 8854 relevant lines covered (65.78%)

119.89 hits per line