One task, full attention

The whole task laid out plainly — notes, checklist, due moment, reminder and its offset in words, assignee — completable in place and flip-through-able with the arrow keys.

What it is

A modal showing the category, the title, the context label, the full note, the checklist, and two cards: Due and Reminder. The reminder card spells the gap in plain words ('2 hours before', 'at the due time'). Up/down arrows, buttons or a scroll flick walk the list in exactly the order it is drawn, with a '3 of 17' position indicator.

Also called: open a task · task detail · read the whole task

See it
One task, full attention
CustomerBuildingAmountStatus
Ivy BrubakerEquipment Storage$17,920Paid
Ronan PetschRiding Arena$12,410Draft
Gideon Alt30×40 Garage$11,270Paid
Marlin Hoover40×64 Shop$2,150Draft
Gideon AltHobby Shop$4,620Draft
The focus modal with the category-coloured top border, Due and Reminder cards side by side, snooze chips, and the prev/next arrows. TaskFocusModal in TaskHub.tsx. Sample data — no customer information appears here.
How it works
  1. 1The list's own draw order is flattened into an id array, so prev/next follow what you can see, not database order.
  2. 2Escape closes; ArrowUp/ArrowDown move; the page behind is scroll-locked while open.
  3. 3Mark done, snooze chips and checklist edits all act from inside the modal.
Why we built it

The header states the split: 'A row in the list answers what's on my plate; this answers what exactly is THIS one.' Reading through a day's tasks became a flip-through rather than open-close-open.

The problem
  • Long notes were invisible in a row
  • Reviewing tasks meant opening and closing each one
Sound familiar?
What you get
The full note and checklist in one place
Keyboard flip-through of the whole day

See it on your own jobs

Twenty minutes, your numbers, no slide deck. We’ll build one of your real buildings in front of you and send you the estimate link at the end — yours to keep either way.

or keep browsing features →