116 lines
4.7 KiB
Markdown
116 lines
4.7 KiB
Markdown
---
|
||
id: ML-176.2
|
||
title: "Presto: add splash screen, search views, and on-screen keyboard"
|
||
status: To Do
|
||
assignee: []
|
||
created_date: "2026-05-10 13:35"
|
||
labels:
|
||
- presto
|
||
- search
|
||
- micropython
|
||
milestone: m-0
|
||
dependencies: []
|
||
references:
|
||
- presto/AGENTS.md (constraints and patterns)
|
||
- presto/README.md (API contract)
|
||
modified_files:
|
||
- presto/records_on_the_day.py
|
||
parent_task_id: ML-176
|
||
priority: medium
|
||
---
|
||
|
||
## Description
|
||
|
||
<!-- SECTION:DESCRIPTION:BEGIN -->
|
||
|
||
Refactor `presto/records_on_the_day.py` into a unified app with a splash screen, search capability, and the existing calendar. All work is in the single MicroPython file.
|
||
|
||
## New states
|
||
|
||
- `STATE_HOME` (new, default on boot/wake)
|
||
- `STATE_SEARCH_INPUT` (new — search box + on-screen keyboard)
|
||
- `STATE_SEARCH_RESULTS` (new — results list, reuses day-view rendering)
|
||
- `STATE_MONTH` / `STATE_DAY` / `STATE_RECORD` (existing, unchanged logic)
|
||
|
||
## Splash screen (STATE_HOME)
|
||
|
||
- Two large touch targets: "Search Collection" and "Today's Records"
|
||
- "Today's Records" → transitions to existing `STATE_MONTH` / today's records flow
|
||
- "Search Collection" → transitions to `STATE_SEARCH_INPUT`
|
||
- On boot and display wake: always show `STATE_HOME`
|
||
|
||
## On-screen keyboard (part of STATE_SEARCH_INPUT)
|
||
|
||
- 3-row QWERTY layout: qwertyuiop / asdfghjkl / zxcvbnm
|
||
- Bottom row: [123 toggle] [space] [⌫ backspace] [OK]
|
||
- Numbers keyboard: 1234567890 / symbols row / [ABC toggle] [space] [⌫] [OK]
|
||
- Space and ⌫ are shared between both layouts
|
||
- Lowercase only, no shift/caps
|
||
- OK button disabled (dimmed) when query is empty
|
||
- Each key is a rounded rectangle, touch-mapped to append/delete chars
|
||
- Visual feedback on key press (brief highlight)
|
||
- Query buffer displayed in a text field area above the keyboard, max ~50 chars
|
||
|
||
## Search triggering
|
||
|
||
- User types query, presses OK
|
||
- OK calls `fetch_search_results(query)` → API
|
||
- Transitions to `STATE_SEARCH_RESULTS`
|
||
|
||
## Search results (STATE_SEARCH_RESULTS)
|
||
|
||
- Reuses existing `_draw_record_list()`, scroll, and row rendering from day view
|
||
- Header shows "Search: <query>" with Back button
|
||
- Back returns to `STATE_SEARCH_INPUT` (preserving query so user can refine)
|
||
- Tapping a record → `STATE_RECORD` (detail view, unchanged)
|
||
- Back from detail → returns to search results
|
||
- Empty results: "No records found" full-screen message
|
||
- Error: "Could not reach server" with retry-on-tap (same as day view)
|
||
- 20 results per page, no infinite scroll
|
||
|
||
## API client
|
||
|
||
- New `fetch_search_results(query)` function
|
||
- Calls `GET /api/v1/collection?q=<url-encoded-query>&limit=20`
|
||
- Parses `{total, records, ...}` response
|
||
- Returns `(records_list, error_flag)` tuple (same shape as `fetch_records`)
|
||
|
||
## Navigation state
|
||
|
||
- Track previous state to know where "Back" in detail view should go
|
||
- Detail Back → search results when entered from search
|
||
- Detail Back → day view when entered from day
|
||
- Month view and search views both have "Back to Home"
|
||
|
||
## Constraints
|
||
|
||
- Must reuse existing record row rendering (`_draw_record_row`), detail view (`draw_record_detail`), thumbnail fetching, WiFi, NTP, display sleep logic
|
||
- Scroll performance rules from AGENTS.md still apply
|
||
- Memory: no large buffers, keep GC pressure low
|
||
<!-- SECTION:DESCRIPTION:END -->
|
||
|
||
## Acceptance Criteria
|
||
|
||
<!-- AC:BEGIN -->
|
||
|
||
- [ ] #1 On boot, splash screen shows with 'Search Collection' and 'Today's Records' buttons
|
||
- [ ] #2 Tapping 'Today's Records' opens the existing month calendar (unchanged behavior)
|
||
- [ ] #3 Tapping 'Search Collection' opens search input view with on-screen QWERTY keyboard
|
||
- [ ] #4 Keyboard: tapping letter keys builds query string shown in input field
|
||
- [ ] #5 Keyboard: backspace removes last character
|
||
- [ ] #6 Keyboard: 123/ABC toggle switches between QWERTY and numbers keyboard layouts
|
||
- [ ] #7 Keyboard: OK button is visually disabled (dimmed) when query is empty
|
||
- [ ] #8 Keyboard: OK button triggers API search when query is non-empty
|
||
- [ ] #9 Search results display using same record row layout as day view (cover, title, artist, format, year)
|
||
- [ ] #10 Search results: Back button returns to search input view with query preserved
|
||
- [ ] #11 Search results: tapping a record opens detail view
|
||
- [ ] #12 Detail view Back returns to search results when entered from search
|
||
- [ ] #13 Detail view Back returns to day view when entered from day
|
||
- [ ] #14 Empty results show 'No records found' full-screen message
|
||
- [ ] #15 API error shows 'Could not reach server' with retry-on-tap
|
||
- [ ] #16 Display sleep/wake always returns to splash screen
|
||
- [ ] #17 Scroll in search results works identically to day view scroll
|
||
- [ ] #18 Keyboard renders correctly at 720×720: all keys visible and tappable
|
||
- [ ] #19 Back-to-Home navigation available from month view and search views
|
||
<!-- AC:END -->
|