redesign tasks

tasks/yazi-remake/04-fit-search-and-player-panes.md

@@ -0,0 +1,52 @@
+# 04. Fit Search and Player into the 3-pane (1:3:3) model
+
+meta:
+  id: yazi-remake-04
+  feature: yazi-remake
+  priority: P2
+  depends_on: [yazi-remake-01, yazi-remake-02]
+  tags: [implementation, pages, tests-required]
+
+objective:
+
+- Bring the two fixed-layout tabs (Search, Player) into the same 1:3:3 parent|current|preview shell, deciding per-page whether to adopt the depth-stack or stay fixed-3-pane, while applying the new ratios throughout.
+
+deliverables:
+
+- `src/pages/Search/SearchPage.tsx` — rendered through `<YaziPaneRow>`; parent = query input + recent-search history, current = results list, preview = focused-result detail
+- `src/pages/Player/PlayerPage.tsx` — rendered through `<YaziPaneRow>`; current = now-playing transport, preview = episode description/notes, parent = blank placeholder (or compact episode list if available)
+- Decision recorded in each file's header comment: depth-stack vs fixed-3-pane
+
+steps:
+
+- Read both pages to understand their current pane semantics
+- Search: map INPUT→parent, RESULTS→current, DETAIL→preview inside `<YaziPaneRow>`. If the 1/7 parent slot is too narrow for the input box, widen parent for Search only by passing an override ratio OR move the query into current and results into parent — pick the option that keeps the input usable and document it
+- Search: keep the `inputFocused` effect (Shell yields keys to `<input>` when current-pane focus is on the query) — adapt to whichever pane the input lives in
+- Player: single content pane; parent = blank/placeholder (1/7), current = transport + progress + controls (3/7), preview = episode art/description/notes (3/7). If no preview data, render a muted placeholder but keep the slot
+- Confirm fixed-pane tab swipe (h/l between parent/current/preview) still routes correctly for Search
+- Run diagnostics
+
+tests:
+
+- Unit: Search's `handleSubmit` swipes to the results pane and sets focus index 0 (Arrange empty results, Act submit, Assert activePane === results pane & focusedIndex 0)
+- Integration: Player renders with parent blank and the transport in current
+- e2e (harness): Search shows query | results | detail at 1:3:3; Player shows blank | transport | notes at 1:3:3
+
+acceptance_criteria:
+
+- Both pages render via `<YaziPaneRow>` at 1:3:3
+- Search input remains typeable (Shell yields keys when the query pane is focused)
+- Player's transport is in the current pane with focus
+- No layout collapse: parent & preview keep their slots even if blank
+
+validation:
+
+- `grep -rn "YaziPaneRow" src/pages/Search src/pages/Player` returns 2 files
+- `lens_diagnostics` paths over both files severity=error → 0 findings
+- Harness: navigate to Search, type a query, press Enter, see results in current + detail in preview; navigate to Player, see transport + notes
+
+notes:
+
+- Depends on 01 (pane model — though Search is fixed-pane, the model cleanup affects `swipe` bounds) and 02 (the primitive)
+- If Search input at 1/7 is genuinely too tight (~14 cols at 100w), prefer moving the query into the current pane for Search only and the results into parent — but confirm width with the harness before committing
+- Player is single-content; the 1:3:3 with blanks is mostly cosmetic but keeps the layout globally consistent