fix(mobile): undo toasts keep their action on one row#23910

Problem

On mobile, the undo toast that appears after settling, pinning, snoozing or archiving a thread from Home is a tall card. Toast always puts its action on a second row under the message, so "Settled thread" sits next to empty space while Undo sits alone below it. The card is roughly twice the needed height and hides about one and a half thread rows at the top of the list.

Change

Toast now shows a short message, its action, and the dismiss button on one row. A toast with a description, such as the Git progress toast with Open PR, keeps the action on its own row, as it does at accessibility text sizes (fontScale >= 1.5). At those sizes an inline button would leave the message too narrow to read on small phones.

The change is only in apps/mobile/src/components/ui/Toast.tsx. Its callers (the Home and sidebar undo notice, Git action progress, and the development component catalog) are unchanged.

Scope and approval

Very small visual fix for an obvious layout bug in an existing mobile component. It adds no new behavior, setting or workflow. React Native mobile only; web and desktop have their own toasts and are unaffected.

Verification

iPhone 16 Pro Simulator on iOS 26.5, T3 Code Dev client against an isolated local dev server, same thread and default text size for both runs. Flow: long-press a thread on Home, choose Settle, then tap Undo.

Before (base 8d3b061): the undo toast is two rows tall and Undo sits alone on the second row.

Before: Settled thread toast with Undo on a separate second row

Before: settle from the Home menu shows a tall toast; Undo restores the thread

After (candidate 1484c6e): the message, Undo and dismiss button share one row, and Undo still restores the thread.

After: Settled thread toast with Undo inline beside the dismiss button

After: settle from the Home menu shows a one-row toast; Undo restores the thread

Before recording (MP4) · After recording (MP4)

GIFs are sampled at 10 fps from the simulator recordings, with about 1.5 s of idle lead-in trimmed. Their timing is not evidence of performance.

• vp lint apps/mobile/src/components/ui/Toast.tsx and the mobile tsc --noEmit typecheck both passed.
• No unit test was added. The change is pure layout, and the repo's guidance is not to assert rendered structure.
• Not exercised natively: Android, the Git progress toast (it keeps its description layout through the stacked path) and iPad widths.
• An independent review with Codex / GPT-6.1 Sol (high) found an accessibility-size squeeze in the first version. The description and fontScale fallback fix it, and a second review of the final head found no actionable issues.

Implementation: Claude Opus 5.5 in Claude Code, running in T3 Code. Review: GPT-6.1 Sol through Codex in T3 Code.

🤖 Generated with Claude Code