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/elements/EmbeddableScrollArea/EmbeddableScrollArea.tsx

@@ -20,7 +20,7 @@ export interface EmbeddableScrollAreaProps {
 }
 
 /**
- * The scroll region shared by the Logs / History / Network stream panels, which
+ * The scroll region shared by the Logs / Protocol / Network stream panels, which
  * render both full-size (their own tab) and embedded (the monitoring column).
  * Centralizes the one layout difference between those two hosts.
  */

clients/web/src/components/elements/ExpandToggle/ExpandToggle.tsx

@@ -8,7 +8,7 @@ export interface ExpandToggleProps {
 }
 
 /**
- * Icon toggle for a per-entry expand/collapse control (History, Network, and
+ * Icon toggle for a per-entry expand/collapse control (Protocol, Network, and
  * Task cards). Uses the same expand/collapse-vertical icons as the list-level
  * ListToggle: collapsed shows the expand icon, expanded shows the collapse
  * icon. The aria-label stays "Expand"/"Collapse" so it reads the same as the

clients/web/src/components/elements/FilterToggleButton/FilterToggleButton.tsx

@@ -17,7 +17,7 @@ const ToggleLabel = Text.withProps({
 });
 
 /**
- * A single full-width filter toggle used by the Logging, History, and Network
+ * A single full-width filter toggle used by the Logging, Protocol, and Network
  * controls. The `filterToggle` theme variant + `.filter-toggle` rules own the
  * styling: hover shows a thin border, the active (`aria-pressed`) state shows a
  * filled background. Keeping hover as a border (not a fill) means toggling a

clients/web/src/components/elements/MessageDirectionBadge/MessageDirectionBadge.tsx

@@ -15,10 +15,10 @@ const LABEL: Record<MessageDirectionBadgeProps["direction"], string> = {
 };
 
 /**
- * Dual-state badge showing which way a History/Network entry traveled. Outgoing
+ * Dual-state badge showing which way a Protocol/Network entry traveled. Outgoing
  * (client → server) is green; incoming (client ← server) is purple — not yellow,
  * which (paired with green) reads as caution/ok status rather than direction.
- * Shared by `HistoryEntry` and `NetworkEntry`.
+ * Shared by `ProtocolEntry` and `NetworkEntry`.
  */
 export function MessageDirectionBadge({
   direction,

clients/web/src/components/elements/PinColumnButton/PinColumnButton.tsx

@@ -7,7 +7,7 @@ export interface PinColumnButtonProps {
 }
 
 /**
- * Toolbar button that pins the owning monitor screen (Logs / History / Network)
+ * Toolbar button that pins the owning monitor screen (Logs / Protocol / Network)
  * into the resizable column on the right of the InspectorView (#1616). Distinct
  * from `PinToggle` (which pins individual history entries) — this one opens a
  * side column, so it uses a right-sidebar glyph and an "as column" label. Styled

clients/web/src/components/elements/ReplayButton/ReplayButton.tsx

@@ -7,7 +7,7 @@ export interface ReplayButtonProps {
 }
 
 /**
- * Icon form of the "Replay" action, used in the compact (column) HistoryEntry
+ * Icon form of the "Replay" action, used in the compact (column) ProtocolEntry
  * layout where the text button is replaced by a replay icon sitting next to the
  * pin toggle (#1616). Matches PinToggle's subtle gray icon-button styling.
  */