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): rename "History" tab/feature to "Protocol" (#1623)

Browse source 
Rename the web client's History tab and its supporting code to Protocol
so the feature reads as the MCP "Protocol" view.

- Tab renders as "Protocol"; INSPECTOR_TAB_IDS, InspectorView tab
  constants/MonitorTab, TAB_UI_REGISTRY key, and navigation.ts tab id all
  updated to Protocol.
- Rename components + folders: HistoryScreen -> ProtocolScreen,
  HistoryListPanel -> ProtocolListPanel, HistoryEntry -> ProtocolEntry,
  HistoryControls -> ProtocolControls, historyUtils -> protocolUtils
  (plus their tests and stories, and exported types).
- Rename App/InspectorView plumbing: historyUi, pinnedHistoryIds,
  on*History* handlers/props, replayHistoryRequest,
  isReplayableHistoryMethod, sort/compact scopes, etc. -> Protocol names.
- Export filenames use the "protocol" slug (buildExportFilename +
  ExportKind).

Preserved (per issue #1623 decisions):
- The in-panel section discriminator keeps its "pinned" | "history"
  values, and the sub-sections stay labeled Pinned / History.
- window.history and core message-log/replay concepts are untouched.

npm run ci passes (format, lint, build, unit tests, >=90 per-file
coverage gate, smoke, Storybook).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01BrihGWcrM9JGRyu41nzZYw
This commit is contained in:
cliffhall 2026-07-09 19:04:54 -04:00
commit ace4250d31
2 changed files with 413 additions and 405 deletions
Download patch file Download diff file Expand all files Collapse all files

8
clients/web/src/test/lib/downloadFile.test.ts
View file

@ -118,8 +118,8 @@ describe("buildExportFilename", () => {
const fixedNow = new Date("2026-03-17T10:00:42.123Z");
it("includes kind, server id, and ISO timestamp with `:` swapped for `-`", () => {
expect(buildExportFilename("history", "alpha", fixedNow)).toBe(
"inspector-history-alpha-2026-03-17T10-00-42.123Z.json",
expect(buildExportFilename("protocol", "alpha", fixedNow)).toBe(
"inspector-protocol-alpha-2026-03-17T10-00-42.123Z.json",
);
});
@ -142,9 +142,9 @@ describe("buildExportFilename", () => {
});
it("defaults `now` to the current time when not provided", () => {
const name = buildExportFilename("history", "alpha");
const name = buildExportFilename("protocol", "alpha");
expect(name).toMatch(
/^inspector-history-alpha-\d{4}-\d{2}-\d{2}T\d{2}-\d{2}-\d{2}\.\d{3}Z\.json$/,
/^inspector-protocol-alpha-\d{4}-\d{2}-\d{2}T\d{2}-\d{2}-\d{2}\.\d{3}Z\.json$/,
);
});
});

2
clients/web/src/test/scrollAreaStoryAssertions.ts
View file

@ -4,7 +4,7 @@ import { expect } from "storybook/test";
* Assert a list `ScrollArea.Autosize` reserves a scrollbar gutter
* (`offsetScrollbars`, so the bar never overlays the cards) and keeps the bar
* hidden when idle (`type="scroll"`, so it shows only while scrolling rather
* than on hover). Shared by the History/Network/Logging panel stories (#1474).
* than on hover). Shared by the Protocol/Network/Logging panel stories (#1474).
*/
export function expectScrollbarGutterIdleHidden(canvasElement: HTMLElement) {
const viewport = canvasElement.querySelector(".mantine-ScrollArea-viewport");