modelcontextprotocol/inspector
Watch
1
0
Fork
You've already forked inspector
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2

refactor(web): move expand/collapse toggle between Export and the pin button

Browse source 
On the History and Network panels, place the ListToggle (expand/collapse)
after Export and before the pin-as-column button. (Logs has no such toggle.)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
cliffhall 2026-07-08 19:24:25 -04:00
commit 591d6b9736
2 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

6
clients/web/src/components/groups/HistoryListPanel/HistoryListPanel.tsx
View file

@ -245,9 +245,6 @@ export function HistoryListPanel({
<Group justify="space-between" mb="sm"> <Group justify="space-between" mb="sm">
<Title order={4}>Requests</Title> <Title order={4}>Requests</Title>
<Group gap="xs"> <Group gap="xs">
{hasResults && (
<ListToggle compact={compact} onToggle={onToggleCompact} />
)}
<SortToggle <SortToggle
value={sortDirection} value={sortDirection}
onChange={onSortChange} onChange={onSortChange}
@ -263,6 +260,9 @@ export function HistoryListPanel({
<Button variant="default" onClick={onExport} disabled={!hasResults}> <Button variant="default" onClick={onExport} disabled={!hasResults}>
Export Export
</Button> </Button>
{hasResults && (
<ListToggle compact={compact} onToggle={onToggleCompact} />
)}
{onPin ? <PinColumnButton onPin={onPin} /> : null} {onPin ? <PinColumnButton onPin={onPin} /> : null}
</Group> </Group>
</Group> </Group>

6
clients/web/src/components/groups/NetworkStreamPanel/NetworkStreamPanel.tsx
View file

@ -114,9 +114,6 @@ export function NetworkStreamPanel({
<Group justify="space-between" mb="sm"> <Group justify="space-between" mb="sm">
<Title order={4}>{formatTitle(filteredEntries.length)}</Title> <Title order={4}>{formatTitle(filteredEntries.length)}</Title>
<Group gap="xs"> <Group gap="xs">
{hasResults && (
<ListToggle compact={compact} onToggle={onToggleCompact} />
)}
<SortToggle <SortToggle
value={sortDirection} value={sortDirection}
onChange={onSortChange} onChange={onSortChange}
@ -128,6 +125,9 @@ export function NetworkStreamPanel({
<Button variant="default" onClick={onExport} disabled={!hasEntries}> <Button variant="default" onClick={onExport} disabled={!hasEntries}>
Export Export
</Button> </Button>
{hasResults && (
<ListToggle compact={compact} onToggle={onToggleCompact} />
)}
{onPin ? <PinColumnButton onPin={onPin} /> : null} {onPin ? <PinColumnButton onPin={onPin} /> : null}
</Group> </Group>
</Group> </Group>