V48 Gate 3 (specification-implementation): pipelines drill-in — run detail replaces the table with a Back button

Both /deposits and /reads pipelines sections become drill-in sub-pages:
with nothing selected the master table shows; selecting a run REPLACES
the table with that run's detail (telemetry + resumed results on
deposits; telemetry + synthesized-packs summary on reads, or a run
summary for non-pipeline rows), and a Back button returns to the table.
Back clears the URL transactionId and detaches the run.

Selection is now EXPLICIT: the auto-recovery effect (rewriting the URL
to the newest run) and the first-row selectedRun fallback are removed on
both pages — landing fresh shows the table, not an auto-drilled detail.
New clearTerminalTransactionId writer alongside writeTerminalTransactionId.

The deposits telemetry section moved into the pipelines section slot
(restyled as a nested card); dispatching a synthesis still opens the
detail immediately (synthesisRunId attach) and auto-scrolls to it.
Pipelines table summary copy updated to describe the in-place swap.

Tests: drill-in assertions on both pages (detail replaces table, Back
restores it and clears the selection), reads run-summary detail for
non-pipeline rows; spec note extended with the drill-in sub-page law.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

Author: geraldarthurdavis

BITCODE_SPEC_V48_NOTES.md

@@ -512,6 +512,12 @@ become MASTER-DETAIL:
 - **Master: a pipelines table** (the shared transactions-table stack,
   lens-preset filters) over the account's executions rows; row selection is
   the URL `transactionId` (runId alias), so selection survives reload.
+- **Drill-in sub-page:** the detail REPLACES the table on selection, with a
+  Back button returning to the table (Back clears the URL selection and
+  detaches the run). Selection is EXPLICIT — no auto-recovery to the newest
+  run and no first-row fallback; with nothing selected the master table
+  shows. On /reads a selected non-pipeline run (no streamed telemetry)
+  renders a run-summary detail instead.
 - **Detail: selection connects to the run.** Selecting a RUNNING synthesis
   run reattaches its live stream (the history+stream tail attaches to any
   runId); selecting a COMPLETED run resumes its persisted results from the

uapi/app/deposits/DepositPageClient.tsx

@@ -233,6 +233,13 @@ export function writeTerminalTransactionId(searchParams: URLSearchParams, transa
   return nextParams;
 }
 
+export function clearTerminalTransactionId(searchParams: URLSearchParams) {
+  const nextParams = new URLSearchParams(searchParams.toString());
+  nextParams.delete(SEARCH_PARAM_KEYS.transactionId);
+  nextParams.delete(SEARCH_PARAM_KEYS.runIdAlias);
+  return nextParams;
+}
+
 export function writeTerminalEnvironmentMode(
   searchParams: URLSearchParams,
   environmentMode: TerminalEnvironmentMode | null,

uapi/app/reads/ReadPageClient.tsx

@@ -73,7 +73,7 @@ export default function BitcodeTransactionsTable({
   const tableSummary = isExchangeSurface
     ? 'The Exchange master table is searchable and filterable across market activity or your own activity. Select any row to load AssetPack evidence, proofs, history, and execution detail in the Exchange detail pane.'
     : isPipelinesSurface
-      ? 'Every pipeline run for this account, searchable and filterable. Select a running row to attach its live telemetry stream, or a completed row to resume its persisted results in the detail below.'
+      ? 'Every pipeline run for this account, searchable and filterable. Selecting a row opens the run detail in place — live telemetry stream when running, resumed results when completed — and Back returns to this table.'
       : 'Terminal uses this shared activity table as a focused result surface for recent Deposit, Read, proof, and closure work. Select a row to read its AssetPack evidence, proof posture, history, and execution updates.';
 
   return (

uapi/app/terminal/terminal-transaction-query.ts

@@ -282,10 +282,43 @@ describe("DepositPageClient", () => {
     expect(
       screen.queryByTestId("deposit-selected-packs"),
     ).not.toBeInTheDocument();
-    // Master-detail: the Deposits page lists pipeline runs in a table; row
-    // selection connects the Telemetry + Options detail.
+    // Drill-in master-detail: the selected run (deposit-1) REPLACES the
+    // table with its run detail once adoption settles; Back returns to the
+    // table.
     expect(screen.getByText("Deposit pipelines")).toBeInTheDocument();
-    expect(screen.getByTestId("deposits-pipelines-table")).toBeInTheDocument();
+    await waitFor(() =>
+      expect(
+        screen.getByTestId("deposit-synthesis-telemetry"),
+      ).toBeInTheDocument(),
+    );
+    expect(
+      screen.queryByTestId("deposits-pipelines-table"),
+    ).not.toBeInTheDocument();
+    expect(
+      screen.getByRole("button", { name: "Back to Deposit pipelines" }),
+    ).toBeInTheDocument();
+  });
+
+  it("returns from the run detail to the pipelines table via Back", async () => {
+    render(<DepositPageClient />);
+
+    const backButton = await screen.findByRole("button", {
+      name: "Back to Deposit pipelines",
+    });
+    fireEvent.click(backButton);
+
+    // Back detaches the run (detail unmounts, table returns) and clears the
+    // URL selection.
+    await waitFor(() =>
+      expect(
+        screen.getByTestId("deposits-pipelines-table"),
+      ).toBeInTheDocument(),
+    );
+    expect(
+      screen.queryByTestId("deposit-synthesis-telemetry"),
+    ).not.toBeInTheDocument();
+    const lastHref = String(mockReplace.mock.calls.at(-1)?.[0] ?? "");
+    expect(lastHref).not.toContain("transactionId=");
   });
 
   it("resumes a completed synthesis run's results when its row is selected (master-detail)", async () => {

uapi/components/base/bitcode/execution/BitcodeTransactionsTable.tsx

@@ -8,7 +8,7 @@ jest.mock("@/components/base/bitcode/execution/FileDiffViewer", () => ({
 
 import React from "react";
 import "@testing-library/jest-dom";
-import { render, screen, waitFor } from "@testing-library/react";
+import { fireEvent, render, screen, waitFor } from "@testing-library/react";
 
 import ReadPageClient from "@/app/reads/ReadPageClient";
 
@@ -234,10 +234,46 @@ describe("ReadPageClient", () => {
     );
     expect(workbench).toHaveAttribute("data-route-stage", "request-fit");
     expect(workbench).toHaveAttribute("data-demonstration", "false");
-    // Master-detail: the Reads page lists pipeline runs in a table; row
-    // selection connects the telemetry detail.
+    // Drill-in master-detail: the selected run (read-admission-1, not a
+    // formal pipeline execution) REPLACES the table with its run summary
+    // detail; Back returns to the table.
     expect(screen.getByText("Read pipelines")).toBeInTheDocument();
-    expect(screen.getByTestId("reads-pipelines-table")).toBeInTheDocument();
+    expect(
+      screen.queryByTestId("reads-pipelines-table"),
+    ).not.toBeInTheDocument();
+    const summary = screen.getByTestId("reads-run-summary");
+    expect(summary).toHaveTextContent("read-admission-1");
+    expect(summary).toHaveTextContent("agentic-execution:read-measurement");
+    expect(
+      screen.getByRole("button", { name: "Back to Read pipelines" }),
+    ).toBeInTheDocument();
+  });
+
+  it("returns from the run detail to the pipelines table via Back", async () => {
+    mockQuery = "";
+    render(<ReadPageClient />);
+
+    // No selection: the master table shows, no detail and no Back button.
+    expect(
+      await screen.findByTestId("reads-pipelines-table"),
+    ).toBeInTheDocument();
+    expect(screen.queryByTestId("reads-run-summary")).not.toBeInTheDocument();
+    expect(
+      screen.queryByRole("button", { name: "Back to Read pipelines" }),
+    ).not.toBeInTheDocument();
+
+    // Selecting a run (URL selection) swaps the table for the detail; Back
+    // clears the URL selection.
+    mockQuery = "transactionId=read-admission-1";
+    const { unmount } = render(<ReadPageClient />);
+    const backButton = await screen.findByRole("button", {
+      name: "Back to Read pipelines",
+    });
+    fireEvent.click(backButton);
+    await waitFor(() => expect(mockReplace).toHaveBeenCalled());
+    const lastHref = String(mockReplace.mock.calls.at(-1)?.[0] ?? "");
+    expect(lastHref).not.toContain("transactionId=");
+    unmount();
   });
 
   it("renders buyer fit measurement review and settlement/rights/delivery readback", async () => {