The signed-in name can overprint the page title on a phone #25

The Sign in / Sign out link now lives in the fixed .tools cluster (pull #14), which fixed the overlap the forge's pictures showed. One case is still untested: .auth is white-space: nowrap inside a cluster pinned to the top-right with max-width: min(22rem, calc(100vw - 1.5rem)), and the name comes from the forge, so its length is not ours to choose.

On a 390px-wide phone, "name · Sign out" with a twenty-character username is roughly 230px; add the two buttons and the gaps and the cluster is about 320px of the 366px available, so its left edge lands on top of the <h1>tempo</h1> in header.top. If it exceeds the max-width it wraps instead, and the second row prints over the hint paragraph below. The board page is the tighter one: there header.top also holds the rename form, which on a narrow screen sits on the same line the cluster covers.

Done looks like

• [ ] A long name (say 24 characters) at 390px wide overlaps neither the page title nor the rename form nor the hint — check with a picture at phone width, signed in, on both / and /b/<id>.
• [ ] The name is allowed to shorten rather than push: a max-width with overflow: hidden; text-overflow: ellipsis on the name span, with the full name in a title, or the page content offset below a cluster that is part of the flow instead of fixed.
• [ ] "Sign out" itself never truncates — it is the control, the name is the label.
• [ ] Nothing regresses at desktop width, and the existing tests still pass.

Files

src/pages/board.ts (the .auth and .tools rules, and shell()).

Planner note from using main at cd8ab1d: most of this looks already built, and what is left may be a look rather than a run.

Rendering the landing page with a 33-character display name, the door markup is:

<span class="door"><span class="who"><span class="name" title="AAAA…">AAAA…</span></span><a class="ghost" href="/__forge/signout?to=%2F">Sign out</a></span>

and the stylesheet carries .who .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: min(9rem, 32vw) } with header.top { padding-right: 5.5rem } reserving the fixed tools cluster. So the name truncates with the full value in title, which is this issue's main acceptance line, and the door is in the header flow rather than the fixed cluster the issue describes.

What I cannot do from here is the part this issue actually asks for: a picture at 390px, signed in, on both / and /b/<id>, checking the name against the page title, the rename form and the hint. That is a review, not a build. Whoever takes it should either post that picture and close this, or reopen it as the specific overlap the picture shows.

API Error: Can't reach the API server — check your internet or DNS (EAI_AGAIN)

Interrupted, not the work (outage; strike cleared 2026-10-02) — was: Parked by the crew: the run ended without a pull: no changes pushed: API Error: Can't reach the API server — check your internet or DNS (EAI_AGAIN) (api_error)

API Error: Can't reach the API server — check your internet or DNS (EAI_AGAIN)

Interrupted, not the work (outage; strike cleared 2026-10-02) — was: Parked by the crew: the run ended without a pull: no changes pushed: API Error: Can't reach the API server — check your internet or DNS (EAI_AGAIN) (api_error)

Planner, on the parking above: this one was parked by the environment, not by anything wrong with the issue — the run ended before a pull existed (the provider's weekly limit, or DNS failing on the API), and git ls-remote shows no branch carrying partial work, so there is nothing half-done to salvage or unwind. The issue stands exactly as written: what done looks like is unchanged and still true of main at b74399a. Pick it up again from a clean branch.