Home: open on where you stand and the next step (Direction B), with the phone top bar and side menu

[EmotiveImpact]

Before: Home opened on one large photo card for the selected commune, smaller cards for the others, then Needs you and Recent activity side by side. Nothing said, in one place, what you owe or are owed, and every action meant opening the record first. On a phone the top bar held a boxed menu button, a logo circle, the title, the account and the bell, with an empty search field on a second row, and the menu button opened a "More" sheet from the bottom.

After: Home opens on one sentence of where you stand ("You owe £93.85 across two communes."), with an amount per currency that is never added across currencies, then the one next step with the page's only filled button ("I’ve paid Sam £16.00"). Your communes follow in order of need with the current one tagged, then Needs you grouped by when (to confirm, overdue, today, this week, later, no date), Waiting on others kept calm (past due in amber, never red), and recent activity. When nothing needs you, Coming up lists the next fortnight's turns and regular bills ("Netflix, £17.99, you pay"), and a task nobody holds has "I’ll do it". When nothing is owed or waiting anywhere, the current commune's photo fills the top as "You’re all square, Maya." Home's desktop top bar has Add expense beside the bell, and section heads link to All communes, History and Operations.

On a phone it now matches the B mock: one slim navy top bar (menu and the "commune." wordmark, then search, notifications and you as plain icons; other pages show their name in place of the wordmark), which on Home runs straight into the navy band under the sentence and, when all square, sits over the photo until the page scrolls. The menu button slides the full sidebar in from the left. The four tabs use the sidebar's icons with the current one in a pill. Needs you shows its first two with "Show more", communes show as tiles, and section heads keep their counts but not their links.

This is Direction B from the design panel of 11 October 2026, which Edem chose for desktop and phone.

How: HomeScreen in apps/web/src/screens/Home.tsx is rewritten with its own stylesheet, Home.css, in the screens layer; the old featured card, week grid and #home rules are removed from app.css and overrides.css. LiveHub gains what you owe and are owed in minor units, who owes you, and coming (from comingUp in live/model.ts: open tasks and active regular bills from today to 13 days on, leaving your own task due today to Needs you). Each Need carries its amount, share, person and payment report, so Home can act on it. "I’ve paid" and "Confirm" open the existing report and confirm dialogs; those commands now take the share's commune and read that commune again, since on Home it may not be the open one. "I’ll do it" is the existing handover command to yourself, sent with the date and holder Home saw (so a stale screen is refused), and it too reads that task's own commune again. Tasks and pledges open their record. DM Sans (OFL, Latin, already used for the wordmark) is the display face for the sentence. Lists switch to a two-line row by their own width, so they hold up beside the sidebar on a tablet. Add expense shows as the plus alone (still named) beside a tablet sidebar and is hidden on a phone.

The phone shell is ported from PR #22 onto this stack: Sidebar takes a drawer prop (a modal dialog named "Menu" with a close button, plus Members and Templates in basic mode), MoreSheet renders it in place of the old More list, the page and tabs behind it are inert while it is open, and focus returns to the menu button when it closes. The logo circle and every .a-more rule are gone; on a phone's Home the wordmark sits beside the menu instead (hidden from screen readers, since the page heading names the page). Also from #22: the full-width search row only at 701 to 850px, list toolbars give their chips their own row, phone text fields are 16px (no iOS zoom), and the Hub's avatars and View links no longer overlap. The phone bar rules live in design-system.css; hover fills apply only where a pointer can hover.

Checked: pnpm run typecheck, all 675 web tests and pnpm run build pass, and gitleaks finds nothing. New tests cover the per-currency sentence, the grouped lists and the phone's two-row limit, paying and confirming from Home (including in a commune that is not the open one), the Coming up rule (window, order, wording, paused and archived bills left out), taking a task nobody holds in another commune, the top bar's Add expense and wordmark, the all-square photo's text contrast over a white stand-in, and the drawer (dialog name, inert page, Escape returning focus, choosing a page moving focus to its heading). Screenshots at 1440, 800, 600, 390 and 320, light and dark, in owe, owed and all-square states, with the menu open and on Expenses, Settle, Notes and This Hub, the top bar at 565 to 1024, plus 320 to 1200 for sideways scroll, on a local database.

Not in this PR: there is no "since you last looked" tracking yet, so that panel is "Recent activity", and other members' photos are not stored, so faces are initials. PR #22 now duplicates the shell part of this PR.

🤖 Generated with Claude Code

https://claude.ai/code/session_01PxTvnaAvCxprncxCVPRh7u

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
commune-web	Error		Oct 11, 2026 9:15pm UTC

[EmotiveImpact]

CI has not run on this PR. On a2f08bb (run 38137616784), 9324031 (run 38156067027), c5860fe (run 38157450190) and 35bbff1 (run 38175595376), all three jobs (Web app; Database, local API and worker; Secret scan) were marked failed within three seconds of being queued, with no runner assigned, no steps and no log. This is the same pattern seen on #34 and #35, so nothing in this PR's code has been tested by CI yet.

I couldn't re-run them from here: the rerun request returned 403 each time. Someone with access needs to press "Re-run all jobs" on run 38175595376. If they fail the same way again, check the account's Actions minutes under Settings → Billing and plans.

Local results on 35bbff1:

• Web: pnpm run typecheck, all 675 web tests and pnpm run build pass.
• Secrets: gitleaks v8.30.1 finds no leaks in the changed folders.
• Database, local API and worker: the PR changes no files under infra/, apps/local-api or apps/reminder-worker, so that job's results should match the base branch.

The Vercel preview error is the known project setting issue, not this change.

---

Generated by Claude Code

[chatgpt-codex-connector]

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

Review	Status	Commit	Review trigger
📝 Code Review	✅ Completed 2026-10-12T02:03:19.857049Z	35bbff1	Draft marked ready

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.