Split Tables page into focused components

docs/tables_frontend_overhaul_implementation_plan.md

@@ -30,7 +30,7 @@ It is intentionally implementation-focused:
 
 - Branch: `frontend/tables-overhaul`
 - Last updated: `2026-03-21`
-- Current focus: `Phase 2`
+- Current focus: `Phase 3`
 - Document mode: living plan and progress log
 
 ### Progress Log
@@ -61,6 +61,7 @@ It is intentionally implementation-focused:
 | 2026-03-21 | Post-P2 fix 1 | Completed | Fixed the shell omnibox drawer regression by adding explicit shell offset variables, constraining drawer/body scrolling, and giving the omnibox its own backdrop geometry so the flyout opens within the visible viewport instead of collapsing into invalid top/bottom positioning. |
 | 2026-03-21 | Post-P2 fix 2 | Completed | Rebuilt the shell omnibox as a dedicated command palette instead of a repurposed drawer, with shell-owned overlay markup, explicit viewport-safe geometry, autofocus, Escape and navigation close behavior, and a stable scrollable result body. |
 | 2026-03-21 | Post-P2 fix 3 | Completed | Moved omnibox overlay ownership from the header subtree into `AppShell` itself via a shared omnibox state service and a top-level palette host, which restored full-screen backdrop coverage and reliable outside-click close behavior. |
+| 2026-03-21 | P3.1 | Completed | Split `Tables.razor` into focused table components for the selector header, context bar, canvas, and legend while leaving loading, deep-link synchronization, and dialog state in the page host. |
 
 ### Lessons Learned
 
@@ -91,6 +92,7 @@ It is intentionally implementation-focused:
 - Shared overlay primitives should not depend on undeclared layout variables. If a drawer needs shell offsets, the shell must define them explicitly and overlay-specific backdrops should be adjustable instead of assuming full-screen dimming is always correct.
 - A command palette is not just a styled drawer. It needs shell-owned geometry, predictable focus behavior, and a bounded scroll region; treating it as a generic side panel led directly to the layout regressions found in Phase 2.
 - Backdrop and outside-click behavior depend on overlay ownership as much as CSS. If the trigger owns the overlay inside a sticky header subtree, fixed-position assumptions can break; shell-level overlays should be rendered by the shell, not by individual header controls.
+- The `Tables` rewrite is safer when orchestration and rendering are separated early. Keeping loading, persistence, and dialog state in the page host while extracting render-only components makes later layout and interaction changes much lower risk.
 
 ## Target Outcomes
 
@@ -372,7 +374,7 @@ Establish the shared shell, tokens, typography, and theme system that every dest
 
 ### Status
 
-`In progress`
+`Completed`
 
 ### Task Progress
 
@@ -443,6 +445,27 @@ Build the shared interaction infrastructure needed by multiple destinations befo
 
 ## Phase 3: `Tables` Reference Experience
 
+### Status
+
+`In progress`
+
+### Task Progress
+
+| Task | Status | Notes |
+| --- | --- | --- |
+| `P3.1` | Completed | `Tables.razor` now acts as the stateful host while selector/header/canvas/legend rendering lives in dedicated `Components/Tables` components. |
+| `P3.2` | Pending | Replace the selector dropdown shell with the permanent left rail layout. |
+| `P3.3` | Pending | Add search, keyboard navigation, pinned/recent sections, curated percentage chips, and family filtering to the rail. |
+| `P3.4` | Pending | Introduce the sticky context bar with roll jump and mode/filter controls. |
+| `P3.5` | Pending | Rework the canvas for sticky headers, sticky roll bands, stronger reading emphasis, and density control. |
+| `P3.6` | Pending | Remove visible resting-state action stacks from non-selected cells. |
+| `P3.7` | Pending | Add the desktop selection-driven inspector. |
+| `P3.8` | Pending | Add the mobile bottom-sheet inspector variant. |
+| `P3.9` | Pending | Move legend/help to an on-demand secondary surface. |
+| `P3.10` | Pending | Hide maintenance and developer noise in default reference mode. |
+| `P3.11` | Pending | Preserve editor and curation entry points through the inspector. |
+| `P3.12` | Pending | Normalize click/tap/keyboard selection and close the phase with a hardening pass. |
+
 ### Goal
 
 Turn `/tables` into the canonical reference surface for reading and inspecting critical tables quickly.