Click anywhere on the frame to flash hotspots · ←/→ step the flow
All 26 frames
Every artboard drawn on the shared Paper canvas, in flow order. Click any frame to open it in the clickable walkthrough. Sizes are the native artboard dimensions (1440w, 1x export).
About this prototype
PAPER.DESIGN track · Compass “Rolodex” feature · assembled 27 Aug 2026
These frames were built by the real Paper MCP. All 26 artboards were drawn with the live
mcp__paper__* tools (write_html, update_styles, get_screenshot …) on Stevan’s Paper canvas,
and the source file is live there now: “Rolodex — Compass Admin”
(app.paper.design/file/01M11RNAC3BKFFXDCMT0BB4SZ4,
file id 01M11RNAC3BKFFXDCMT0BB4SZ4). No fallback recipe was needed for the artboards; every
artboard listed by the two builders was re-verified against the live file this session via
open_file + get_tree_summary before assembly.
How it was made
- Two builder agents drew the artboards on one shared Paper page — builder 1: index, form and profile
screens (11 artboards); builder 2: the ingestion wizard, lookup results and unserved-gap screens
(15 artboards). Both reviewed every artboard with
get_screenshotand calledfinish_working_on_nodes. - Design tokens live in the Paper file and mirror the real Compass admin codebase (Bootstrap 5.3: primary #1695CA, nav #195C7D, success #4cc41b, warning #ECA82A, danger #E53935, body #f8f8f8, line-height 1.3, system font stack).
- All content comes verbatim from the shared
sample-data.json— the same dataset used by the parallel prototype tracks, so the three are apples-to-apples. - This page is the paper.design idiom for a clickable flow: the 1x PNG exports of each artboard (re-encoded WebP) wired together with hotspot overlays and hash routing. The frames themselves are images — the interactivity layer is the prototype player around them.
The four product rules the UI radiates
Unknown means unknown. Absence of data renders as explicit dashed
“unknown” chips and “No data recorded” cards — never as a capability tick, never
grey-means-maybe. Zero-evidence prospects are never listed at all.
Prospect ≠ partner. Prospect content only ever appears inside the amber
bordered secondary section under the “NOT PARTNERS — PROSPECT INTEL” banner, and never in live
match tables, counts, or CSV/PDF exports.
Provenance everywhere. Every prospect capability row carries source icon + date +
recorder; repeated provenance renders as “re-confirmed ×n”, and every reason chip on a
lead cites its source and date.
Nothing saves without per-row confirmation. The ingestion wizard proposes only;
rows are written in one transaction after per-row accept plus a single Apply — abandonment and draft
expiry write nothing.
Roles & states covered
- Role gate: frame 03d shows an Admin on a PARTNER’s contacts tab — read-only banner, disabled “Add contact”, “SuperAdmin only” pill — versus full Admin CRUD on every prospect screen. Frame 08 (Admin, read-only partner results) vs frame 09 (SuperAdmin, inline partner edit note) shows the same gate on lookups.
- Empty: 01b, 03c (all-unknown profile, empty conversations), 08b (no qualifying prospects). Loading: 01c, 04c. Error: 02b (validation), 04b (over cap), 05b (extraction failed), 07c (draft expired). Conflict: 06 + 06b.
- The three named scenarios: EUR→MXN blocked at every partner (09, 10), the HKD local-settlement query (08), and the Mozambique tier-3 “adjacent” case (09b).
Reading the walkthrough
Some links route to a representative screen rather than a bespoke one — e.g. every prospect’s “View profile” opens the drawn profile (ABC FX Mumbai). Hotspot tooltips say so explicitly: “profile idiom (drawn: ABC FX Mumbai)”. Wizard step chips in the indicator are clickable here for review convenience; the real flow is strictly linear.
Provenance of this page
| Paper file | Rolodex — Compass Admin · 26 artboards · page 1-0 |
|---|---|
| Frames | 1x get_screenshot exports of each artboard, WebP-embedded (no external assets) |
| Spec | compass/prd-rolodex.md §1–5 + shared GROUND-TRUTH.md flow map |
| Data | sample-data.json (shared across all three prototype tracks) |