refactor(web): rename "History" tab/feature to "Protocol" (#1623)

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

clients/web/src/components/groups/MonitoringScreen/MonitoringScreen.stories.tsx

@@ -9,7 +9,7 @@ const demoScreens = {
       <Text>Log stream</Text>
     </Box>
   ),
-  History: (
+  Protocol: (
     <Box p="md">
       <Text>Request history</Text>
     </Box>
@@ -32,7 +32,7 @@ const meta: Meta<typeof MonitoringScreen> = {
     ),
   ],
   args: {
-    tabs: ["Logs", "History", "Network"],
+    tabs: ["Logs", "Protocol", "Network"],
     value: "Logs",
     onChange: fn(),
     searchValue: "",
@@ -52,8 +52,8 @@ export const Logs: Story = {
   },
 };
 
-export const History: Story = {
-  args: { value: "History" },
+export const Protocol: Story = {
+  args: { value: "Protocol" },
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
     expect(canvas.getByText("Request history")).toBeInTheDocument();

clients/web/src/components/groups/MonitoringScreen/MonitoringScreen.test.tsx

@@ -6,12 +6,12 @@ import {
   type MonitoringScreenProps,
 } from "./MonitoringScreen";
 
-const TABS = ["Logs", "History", "Network"];
+const TABS = ["Logs", "Protocol", "Network"];
 
 function screens() {
   return {
     Logs: <div>logs-body</div>,
-    History: <div>history-body</div>,
+    Protocol: <div>history-body</div>,
     Network: <div>network-body</div>,
   };
 }
@@ -33,7 +33,7 @@ function renderScreen(overrides: Partial<MonitoringScreenProps> = {}) {
 
 describe("MonitoringScreen", () => {
   it("renders the screen for the active tab", () => {
-    renderScreen({ value: "History" });
+    renderScreen({ value: "Protocol" });
     expect(screen.getByText("history-body")).toBeInTheDocument();
     expect(screen.queryByText("logs-body")).toBeNull();
     expect(screen.queryByText("network-body")).toBeNull();

clients/web/src/components/groups/MonitoringScreen/MonitoringScreen.tsx

@@ -3,7 +3,7 @@ import { Divider, Stack } from "@mantine/core";
 import { MonitoringControls } from "../MonitoringControls/MonitoringControls";
 
 export interface MonitoringScreenProps {
-  /** Available monitor tabs (Logs/History/Network, filtered by capability). */
+  /** Available monitor tabs (Logs/Protocol/Network, filtered by capability). */
   tabs: string[];
   /** Active monitor tab; keys into `screens` to pick what renders below. */
   value: string;