Reports section — 56px title bar (borderless icons) · dropdown + Save row · headers · 'All' band
Reports
Sales Rep Leads Appts Total Front Gross
All9631$7,040
1Jordan Avery4114$2,140
2Devon Brooks3311$3,020
Production layout (FIDELITY-4): Row A = gray-07 TITLE BAR — ~56px tall, "Reports" 14px semibold vertically centered, pencil + kebab as BORDERLESS bare glyphs (gray-02 → gray-00 on hover), r5 top. Row B = ON THE WHITE BODY, 12px v-pad: ONE standard form dropdown LEFT (table icon + report name 14px semibold, caret in its docked 24px bordered square) + "Save" FAR right — NOTHING else in this row; the Activity Log entry lives in the title-bar kebab menu (PROVISIONAL placement, pending Taylor ruling). Row C = transparent column headers on white — HOVER = gray-06 fill on the hovered header cell, which is also when its sort icon appears (shown on "Leads"). Row D = "All" gray-06 band. Then white data rows w/ index gutter + 1px horizontal separators — NO vertical lines anywhere.
Dirty state · title-bar kebab menu (Activity Log home — PROVISIONAL)
DIRTY: the dropdown carries the unsaved-changes orange dot and Save enables (blue-01). The KEBAB menu is the Activity Log's home — PROVISIONAL PLACEMENT pending Taylor ruling — alongside Set as Default / Rename / Edit View / Duplicate / Delete; the submenu holds the relocated legacy View Report row-level reports, CSV export kept.
CustomTable — exact Flutter geometry · transparent rows · index boxes · centered metrics
Sales Rep Leads Appts Total Front Gross
All9631$7,040
1Jordan Avery4114$2,140
2Devon Brooks3311$3,020
3AC Smith (Quentin Location)226$1,880
Exact geometry: 1px gray-06 outer border, r5 top AND bottom; rows FLUSH, separated by 1px gray-06 lines. Header h40 gray-07, titles 13px bold gray-02, two-line wrap allowed ("Total Front Gross"). TOTALS row gray-06 pinned under the header — breakdown cell padding-left 40 + "All" 14px semibold. DATA ROWS = the WHITE page-bg token (FIDELITY-3; header row transparent-on-white when inside the section card), min content height 48. Breakdown column: padding-left 8 · 24×24 index box (row number, 12px medium gray-02) · 8px gap · name 14px semibold gray-00 with ellipsis (row 3: "AC Smith (Que…"). Metric columns: header AND values CENTERED 13px bold gray-00 — hover recolors the VALUE blue-01 (shown on row 3's Gross). Sort TRAILS the title: 12px icon in a 32px box, visible only on header hover or active sort (blue-01 → gray-03 on hover), with an invisible matching 32px leading box keeping the centered title optically centered. Breakdown header = a picker (angle-right), never a sort. Row 2 = pressed (blue-02).
Empty state
There is no data here yet Select breakdown and metrics to see the data
Loading — skeleton table (shimmer rows)
Error state
Couldn't load this report Something went wrong fetching the data.