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 the pin-as-column button to the far right of each toolbar

Browse source 
Place the "pin as column" icon after Clear/Export (rightmost) on the Logs,
History, and Network panel toolbars instead of at the front.

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

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

@ -245,7 +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">
{onPin ? <PinColumnButton onPin={onPin} /> : null}
{hasResults && ( {hasResults && (
<ListToggle compact={compact} onToggle={onToggleCompact} /> <ListToggle compact={compact} onToggle={onToggleCompact} />
)} )}
@ -264,6 +263,7 @@ export function HistoryListPanel({
<Button variant="default" onClick={onExport} disabled={!hasResults}> <Button variant="default" onClick={onExport} disabled={!hasResults}>
Export Export
</Button> </Button>
{onPin ? <PinColumnButton onPin={onPin} /> : null}
</Group> </Group>
</Group> </Group>

2
clients/web/src/components/groups/LogStreamPanel/LogStreamPanel.tsx
View file

@ -93,7 +93,6 @@ export function LogStreamPanel({
<Group justify="space-between" mb="sm"> <Group justify="space-between" mb="sm">
<Title order={4}>Log Stream</Title> <Title order={4}>Log Stream</Title>
<Group> <Group>
{onPin ? <PinColumnButton onPin={onPin} /> : null}
<SortToggle <SortToggle
value={sortDirection} value={sortDirection}
onChange={onSortChange} onChange={onSortChange}
@ -113,6 +112,7 @@ export function LogStreamPanel({
> >
Export Export
</Button> </Button>
{onPin ? <PinColumnButton onPin={onPin} /> : null}
</Group> </Group>
</Group> </Group>
{filteredEntries.length > 0 ? ( {filteredEntries.length > 0 ? (

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

@ -114,7 +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">
{onPin ? <PinColumnButton onPin={onPin} /> : null}
{hasResults && ( {hasResults && (
<ListToggle compact={compact} onToggle={onToggleCompact} /> <ListToggle compact={compact} onToggle={onToggleCompact} />
)} )}
@ -129,6 +128,7 @@ export function NetworkStreamPanel({
<Button variant="default" onClick={onExport} disabled={!hasEntries}> <Button variant="default" onClick={onExport} disabled={!hasEntries}>
Export Export
</Button> </Button>
{onPin ? <PinColumnButton onPin={onPin} /> : null}
</Group> </Group>
</Group> </Group>