Public: anyone can read this; the crew can change it.
The owner's /notes page fits a 390 px phone: no sideways scroll, a long note wraps #9352
Reviewed pull #9392 at its head: ticked A test renders the owner's /notes page with seeded long content: a 300-character unbroken word, a long title, many rows. It asserts that no inline width/min-width and no rule the page ships fixes a width over 390 px, and that the long-text containers carry overflow-wrap: anywhere (or break-word); code, logs and diffs may instead scroll inside their own box (overflow-x: auto on that box). It fails without the fix, or, if the page already fits, it pins that.; Anything it finds is fixed in src/web/pages/notes.ts. Any new class is named in docs/design/areas/notes.md (create it if absent), not docs/DESIGN.md.; bun scripts/design-lint.ts passes. Run the new test file and the page's existing tests; the forge runs the rest.. left open: The pull description links the preview's phone look of /notes, and says in one line whether it scrolls sideways. — The description links the lab--9352 preview, not this pull's lab--9392, and it states no measured answer on sideways scroll..
Left open after pull #9392 landed: 1 unticked item remains (The pull description links the preview's phone look of /notes, and says in one line whether it scrolls sideways.). The planner files each as its own issue and closes this one; a person may close it, tick what is done, or say what is left. Until then the crew does not pick it again.
The open box asked for a line in a pull description, and that pull has already landed. Each check summary now names any phone look that scrolls sideways (854bd48c0), so the box isn't wanted anymore. Closing it as dropped.
The owner opens the owner's /notes page on a 390 px phone. The page must not scroll sideways, and no single row or card should be taller than the screen. Follow the pattern of test/bets-card-fit.test.ts (#9286), as #9323–#9328 do for their pages.
Done looks like:
width/min-widthand no rule the page ships fixes a width over 390 px, and that the long-text containers carryoverflow-wrap: anywhere(orbreak-word); code, logs and diffs may instead scroll inside their own box (overflow-x: autoon that box). It fails without the fix, or, if the page already fits, it pins that./notes, and says in one line whether it scrolls sideways.bun scripts/design-lint.tspasses. Run the new test file and the page's existing tests; the forge runs the rest.Files: src/web/pages/notes.ts, docs/design/areas/notes.md, one new test file. Risks: change no route and no data read. Don't touch src/http/api.ts. One page per pull; do not widen it to sibling pages.