master-zapier-plan-draft/packages/ui-docs/REPORT.md
George Lambert cb07f5b321
Some checks are pending
offline / test (push) Waiting to run
Restyle staff and console UIs; add UI-Docs walkthrough and review PDF.
Match CS/sales/accounting/access-staff to the portal indigo system with
dollar amounts, skip links, and empty states. Fleet replica actions move
into overflow menus, roles become chips, Docs become cards, and the
header copy reflects the 0.0.0.0 bind. Simulator uses the same shell
(orange only for faults). Portal API keys are masked; admin customers
edit in a drawer. Catalog uses system-ui. New UI-Docs repo holds
screenshots, usage notes, and UI-REVIEW.pdf.
2026-09-11 18:01:33 -04:00

2.7 KiB

UI issues still to consider

Second full walkthrough (2026-09-11): 32 screenshots, 0 application console errors on product UIs. Surfaces are visually consistent (indigo, 12px radius, dollars). Primary actions are obvious. Remaining work is listed here for human review. Full screenshot atlas and the same table: UI-REVIEW.pdf.

Fixed in this pass

Item Result
CS/sales/accounting/access-staff unstyled cents forms Indigo shell, USD, agent/customer labels, empty illustrations
Fleet pause/resume/restart/on/off/pause crowding One ⋯ menu per replica and per service; Power is status
Docs tab bullet dump Cards matching Fleet
Simulator cream/orange brand Indigo; orange = fault inject only
Header LOOPBACK vs 0.0.0.0 bind operator LAN · binds 0.0.0.0:3850
Add machine truncated roles field Chips
Admin customers inline-edit table List + edit drawer
Portal API key always visible Masked + Reveal/Copy/Regenerate
Catalog Georgia on indigo system-ui
Trace hop grid clipping names Wrapping columns
Empty “No invoices yet” Illustrated empty state
Fleet on/off looking like toggles Status pills
Department pages a11y lang, skip link, focus-visible
Nav hit area/contrast 44px tabs, #c7c9ff on indigo
Swagger as customer UI Labeled stock

Still to consider

Severity Issue Suggestion
High Staff review headings show cust_1 because the ledger has no display name Join statements to zappier-edge customer name, or a customer typeahead
High CS/sales/accounting HTML has no login (LAN trust) Staff SSO or shared cookie before any non-lab bind
Med Catalog is still a bibliography Card index like console Docs
Med Swagger remains stock Keep for integrators; do not skin
Med Fleet add-machine identity path truncates Two-row form + file picker
Med Intentionally disabled machines use degraded yellow Neutral grey when disabled on purpose
Low Portal statement empty lists still wrap the illustration in a table row Same card empty state as invoices
Low Fleet ⋯ can open off-screen at the bottom of a long table Flip the menu upward
Low access-staff and CS HTML are twins Share one template
Low Simulator empty console is a black void Placeholder “Run a step…”

Visual revalidation

  • Appealing: staff and console now match portal/admin; simulator no longer looks like a second product.
  • Obvious: Review account, Apply credit, Edit, Reveal/Copy, Run step, ⋯.
  • Comprehensive: review, credit, quote, export, fleet power, trace, docs, portal billing, admin customers — covered. Missing: staff identity join and catalog IA (above).