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">
<Title order={4}>Requests</Title>
<Group gap="xs">
{onPin ? <PinColumnButton onPin={onPin} /> : null}
{hasResults && (
<ListToggle compact={compact} onToggle={onToggleCompact} />
)}
@ -264,6 +263,7 @@ export function HistoryListPanel({
<Button variant="default" onClick={onExport} disabled={!hasResults}>
Export
</Button>
{onPin ? <PinColumnButton onPin={onPin} /> : null}
</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">
<Title order={4}>Log Stream</Title>
<Group>
{onPin ? <PinColumnButton onPin={onPin} /> : null}
<SortToggle
value={sortDirection}
onChange={onSortChange}
@ -113,6 +112,7 @@ export function LogStreamPanel({
>
Export
</Button>
{onPin ? <PinColumnButton onPin={onPin} /> : null}
</Group>
</Group>
{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">
<Title order={4}>{formatTitle(filteredEntries.length)}</Title>
<Group gap="xs">
{onPin ? <PinColumnButton onPin={onPin} /> : null}
{hasResults && (
<ListToggle compact={compact} onToggle={onToggleCompact} />
)}
@ -129,6 +128,7 @@ export function NetworkStreamPanel({
<Button variant="default" onClick={onExport} disabled={!hasEntries}>
Export
</Button>
{onPin ? <PinColumnButton onPin={onPin} /> : null}
</Group>
</Group>