EntityListDetail — three layout options

Three ways to render the list-detail page (title, description, related accounts) in the Minecart mobile app. Same data, same actions (tick to mark done, swipe to remove), three different reading orders. Pick the one that matches how reps actually use the screen.

Option 1 · current

Tick + row checklist

What's live today. About card on top, full-width rows with left tick, square thumb, name / city / criteria. Swipe-left to remove. Done rows mute and strike through.

9:41 ●●●5G100%
‹
Route plan — Tue
8 accounts
🗺
ⓘ About this list
North-side dairy run, hit before noon while the kitchens are open.
🏢
Acme Dairy
Madison
◎ Place a Q3 reorder
✓
🏢
B&B Foods
Madison · done
🏢
Clover Creamery
Sun Prairie
◎ Drop sample pack
🏢
Pine Valley Co-op
Verona
… swipe left for Remove
EntityListDetail.tsx — as of feature/entity-list-functionality
Pros Dense, familiar checklist. Criteria visible per row. Edit-by-swipe matches iOS Mail. Good for short lists where context fits at a glance.
Cons No progress summary at top. Description card competes with the first account for the fold. Done rows stay in flow and pad the scroll.
Option 2 · alternative

Progress hero + grouped

Big progress ring at top with "3 of 8 · 5 to go". Description as a small chip. Accounts split into "To do" and "Done" collapsible sections — done collapses by default.

9:41 ●●●5G100%
‹
Route plan — Tue
day list
🗺
37%
3 of 8 done
5 to go · day list
North-side dairy run
▾ To do 5
Acme Dairy
Madison · ◎ Place a Q3 reorder
Clover Creamery
Sun Prairie · ◎ Drop sample pack
Pine Valley Co-op
Verona
▸ Done 3
✓
B&B Foods
Madison
Hero answers "how am I doing"; Done collapses out of the way
Pros Answers "how am I doing" before the user scrolls. Done section folds away so the to-do list stays short. Description becomes a chip, recovers vertical space.
Cons Grouping replaces the user's chosen sort — bad for route-ordered lists where sequence matters. Hero costs ~110px before first account row.
Option 3 · alternative

Map + cards split

Top third is an inline mini-map with member pins (green = done, amber = pending). Bottom is a horizontal carousel of account cards. Tap a pin or swipe a card — both highlight in sync.

9:41 ●●●5G100%
‹
Route plan — Tue
8 accounts
⋯
done pending
⊕
3 of 8 · 5 to go North-side dairy run
3 of 8 · pending
Clover Creamery
Sun Prairie
◎ Drop sample pack — ask about Q3 reorder window
2 of 8 · done
B&B Foods
Madison
◎ Completed at 10:24
Spatial context built-in — map button in header becomes redundant
Pros Spatial context is built-in — perfect for day/route lists. Map and card stay in sync so a rep can pick the next stop visually. One card == one focused decision.
Cons Only ~1 account visible at a time, bad for long prospect lists where geography doesn't matter. Map adds load time and requires GPS coords on every member.