WI-901: Keep Projects and Agents readable at phone widths #763

Open
toasterson wants to merge 1 commit from codex/ui-phone-layout into main
Owner

At phone widths the Projects board compressed plan cards to113px and hid work-item titles; Agents compressed identity rows to zero width and pushed reviewer switches outside the viewport. Projects now offers full-width Plans/Phases views below1024px while retaining paired desktop panes. Titles and metadata wrap, canonical links are keyboard reachable, and thread actions have44px phone targets. Agents stacks below768px, keeps controls contained and names switches by role and identity.

Includes the authenticated read-only eight-section baseline audit and exact validation limitations under docs/design/ui-live-audit-2026-09-30. No scheduling, grouping, availability calculation, backend API, account or lifecycle semantics changed. Existing PR755–762 remain separate fixes.

Validation: final PWA production build including TypeScript, lint and65files/491tests passed. Independent local review approved the focused code. Local fixture browser geometry passed Projects320/375/390/1023/1024/1280 and Agents320/375/390/768/820/1280; real Tab navigation skipped the hidden pane. Preview screenshot capture failed repeatedly, so no post-fix screenshot, native mobile or deployed acceptance is claimed. Canonical review/CI and human acceptance remain required.

Work item:01a0f2f5-dcc3-74e2-946b-18c71b326f02

At phone widths the Projects board compressed plan cards to113px and hid work-item titles; Agents compressed identity rows to zero width and pushed reviewer switches outside the viewport. Projects now offers full-width Plans/Phases views below1024px while retaining paired desktop panes. Titles and metadata wrap, canonical links are keyboard reachable, and thread actions have44px phone targets. Agents stacks below768px, keeps controls contained and names switches by role and identity. Includes the authenticated read-only eight-section baseline audit and exact validation limitations under docs/design/ui-live-audit-2026-09-30. No scheduling, grouping, availability calculation, backend API, account or lifecycle semantics changed. Existing PR755–762 remain separate fixes. Validation: final PWA production build including TypeScript, lint and65files/491tests passed. Independent local review approved the focused code. Local fixture browser geometry passed Projects320/375/390/1023/1024/1280 and Agents320/375/390/768/820/1280; real Tab navigation skipped the hidden pane. Preview screenshot capture failed repeatedly, so no post-fix screenshot, native mobile or deployed acceptance is claimed. Canonical review/CI and human acceptance remain required. Work item:01a0f2f5-dcc3-74e2-946b-18c71b326f02
This pull request can be merged automatically.
This branch is out-of-date with the base branch
You are not authorized to merge this pull request.
View command line instructions

Checkout

From your project repository, check out a new branch and test the changes.
git fetch -u origin codex/ui-phone-layout:codex/ui-phone-layout
git switch codex/ui-phone-layout

Merge

Merge the changes and update on Forgejo.

Warning: The "Autodetect manual merge" setting is not enabled for this repository, you will have to mark this pull request as manually merged afterwards.

git switch main
git merge --no-ff codex/ui-phone-layout
git switch codex/ui-phone-layout
git rebase main
git switch main
git merge --ff-only codex/ui-phone-layout
git switch codex/ui-phone-layout
git rebase main
git switch main
git merge --no-ff codex/ui-phone-layout
git switch main
git merge --squash codex/ui-phone-layout
git switch main
git merge --ff-only codex/ui-phone-layout
git switch main
git merge codex/ui-phone-layout
git push origin main
Sign in to join this conversation.
No reviewers
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
toasterson/Anima!763
No description provided.