Skip to content

boards: on a phone the three boards are laid out as apps - #51

Merged
itswl merged 2 commits into
mainfrom
boards-feel-like-an-app
Nov 12, 2026
Merged

itswl merged 2 commits into
mainfrom
boards-feel-like-an-app

Conversation

@itswl

@itswl itswl commented Nov 12, 2026

Copy link
Copy Markdown
Owner

On a phone the three boards are now laid out as apps; on a desk the layout is unchanged, the parts refined.

Phone (≤640px)

  • The tab strip is a frosted tab bar along the bottom edge: one row, the page on screen marked by a pill behind its icon, a count that needs somebody a filled badge. It steps aside while a field is typed in.
  • A large title names the page; once it scrolls under the header, the header shows it in small. A group's pages (the console's knowledge and runtime) are a segmented control under the title.
  • The header keeps the name, a search button, the gear and a live dot that breathes (the word appears only when not live). Language, light/dark and ↻ are in the settings drawer, where all three boards already had them.
  • Dialogs rise as bottom sheets with full-width answers; toasts drop as a capsule under the status bar; an installed board refreshes when pulled down from the top.

Everywhere

  • Tokens gain depth (--elev), glass (--glass, --hairline), motion curves (--ease, --spring) and a rounded number face (--num). The overview's one sentence glows the colour of its answer, with a slow ring on its badge when something waits. prefers-reduced-motion stills all of it.
  • Home-screen icons are lit from above with a glow behind the glyph; iOS gets the full-bleed one.
  • The new script is a pinned block (hookstack app shell), the twelfth in scripts/assert_design.py.

Found on the way

  • The console's Approvals squeezed a report's title into a one-word column beside its buttons on a phone; those rows are blocks there now.
  • The two READMEs (and the generated site pages) now lead with the new three-phone picture; the real-investigation shot stays in OVERVIEW. It cannot be retaken in the new style today (the model gateway answers 404). Six Chinese pictures nothing linked to are deleted.

Decision
This reverses the 2026-10-06 rejection of a bottom tab bar; .agents/notes/implemented/2026-11-12-the-boards-are-apps-on-a-phone.md answers both of its reasons, and the old note says so in place.

Verified

  • bash scripts/gate.sh: STACK GATE GREEN (4 runs).
  • Headless phone sweep of every page of the three boards against a live stack: 126 renders (375 and 414px, both languages, light, and dark at 375), no page wider than the screen, no tab name cut, one row in the tab bar, every field at 16px.
  • Scripted on a phone: search opens and closes, drawer, bottom sheet, capsule toast, header title following the scroll both ways, the group's segmented control pressing the strip's tabs and following a language switch, the bar hidden while the session composer has focus, the pull arming at 64px and pressing ↻ once.
  • Desk at 1280px: layout and controls where they were.

Not deployed; the work stack stays stopped. A phone sees the new icons only after the icon is added to the home screen again.

The tab strip becomes a frosted tab bar along the bottom edge (one row,
the page on screen marked by a pill behind its icon, a count that needs
somebody a filled badge), stepping aside while a field is typed in. A
large title names the page and the header takes it over in small once it
scrolls away; a group's pages are a segmented control under the title.
The header keeps the name, a search button, the gear and a live dot that
breathes. Dialogs rise as sheets, toasts drop as a capsule, an installed
board refreshes when pulled from the top.

Shared tokens gain depth, glass, motion curves and a rounded number face;
the overview's sentence glows the colour of its answer. All of it stands
still under prefers-reduced-motion. Desks keep their layout.

Home-screen icons are lit from above with a glow behind the glyph, and
iOS gets the full-bleed one. The new script is a pinned block, checked by
assert_design.py. Found on the way: the console's approval rows squeezed
their titles on a phone; they are blocks there now.

Reverses the 2026-10-06 rejection of a bottom tab bar; the note says why.
Both READMEs (and the site pages generated from them) now show the new
three-phone picture in their language instead of the console's real
investigation, which the full tour keeps. That picture cannot be retaken
in the new style today: the model gateway behind the work stack answers
404, and it was a paid run. The six Chinese pictures nothing links to any
more are deleted.
@itswl
itswl merged commit 0aa3449 into main Nov 12, 2026
12 checks passed
@itswl
itswl deleted the boards-feel-like-an-app branch November 12, 2026 08:12
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant