← Mockups home · Original picker
Picker tile rebuild plan
Root cause: the picker reuses the big deck card FACE inside small cells → it clips, and names float over neighbouring art. Fix: a purpose-built compact tile — aspect-locked, art fills, one clamped name, type dot, check. Same tile at every width; only the column count changes.
The tile spec (one component, all viewports)
aspect-ratio:3/4 · art background-cover · gradient scrim · 2-line clamped name over the scrim · type dot top-left · ✓ + accent ring when selected · 🔒 for locked. No stats, no QR, no body — those belong to the deck, not the picker. Uniform height = no clipping, ever.
A · Landscape / tablet — was unusable, now a clean 5-up
Before: cropped faces, names over wrong art. After: uniform tiles, every card legible at a glance.
tablet landscape · 5 columns
⊞ PICK PROJECTS8 selectedAPPS 18CONTENT 19✕
B · Portrait tablet — the one you liked, tightened
Same tile, denser 6-up. Optimizations folded in: consistent name clamp so tall names ("10pm: Where Are Your Agents?") never push the art, dot moved off the name, selection ring on the whole tile.
tablet portrait · 6 columns
⊞ PICK8 sel✕
10pm: Where Are Your Agents?
C · Smartphone portrait — was broken, now a clean 2-up
On a phone, 3 columns made tiles too small to read (your last two shots). 2 columns on phones = big-enough art + a readable name. Same tile.
D · Share sheet — sized per screen
Tablet/unfolded: a bit bigger & centered (was cramped). Phone portrait: a proper bottom-sheet that doesn't bury the deck — url truncated with "show full", buttons thumb-sized.
tablet · centered, upsized
Send 10 projects
sherpadude.arnao.ai/?stack=resume,mentor,friday-night,moltbook,awsrai… (+5)
SHARE…Copy linkQR
They'll get a curated deck of just these cards.
phone · bottom sheet, deck still visible above
Send 10 projects
sherpadude.arnao.ai/?stack=resume,mentor… show full
SHARE…CopyQR
Plan (one build, picker-only — does not touch the deck):
- New compact tile component for the picker (replaces the full-face reuse). Aspect-locked 3/4, art cover, 2-line name clamp, type dot, ✓ ring, 🔒.
- Responsive columns by width: phone 2 · large phone/portrait tablet 3 → 4 · landscape/desktop 5 → 6. Never so many that a name can't be read.
- Share sheet: viewport-sized — centered + upsized on tablet/desktop; true bottom-sheet on phone (deck visible behind, url truncates with "show full").
- Everything else unchanged — selection = the same Stack, tap/long-press/tray/SEND all as-is. Purely how a tile is drawn + the grid + the sheet.
Queued behind Phase ③ (in flight) so builds stay serialized. Say go and it ships with before/after screenshots at phone, portrait-tablet, landscape.