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.
3.5 KiB
UI walkthrough (operator, staff, customers)
Captured 2026-09-11. Browser console: no application errors on the product UIs (favicon data-URI). Design tokens: --accent #4f46e5, --bg #f4f5fb, 12px radius, indigo header.
1. Operator console — Fleet
Open http://127.0.0.1:3850/.
- Header kicker reads operator LAN · binds 0.0.0.0:3850. NATS stays private.
- Add machine: pick roles as chips (
tree-node,archive-worm, …), then Add machine. - Machine cards show role pills and enable/disable.
- Services: Health is operational/degraded. Power is a status (
on/paused/off), not a toggle. - Click ⋯ on a replica or on Power for pause / resume / restart / start / stop.
2. Trace
Click Trace.
- Pick an action (default Create Timestamp and Wait).
- Orange Faults box is inject-only.
- Run step. Hops wrap; module names are not clipped.
3. Docs
Click Docs. Cards match Fleet. High-level first.
4. Standalone simulator
Open http://127.0.0.1:3847/. Same indigo shell. Orange only on Inject faults.
Run step or a scenario (Register, Batch Merkle, …).
5. Customer service
Open http://127.0.0.1:3011/.
- Customer id → Review account. Prepaid is dollars.
- Amount (USD) → Apply credit. Table lists
$5.00, reason, agent name, when.
6. Sales
http://127.0.0.1:3012/ — Review account or Show quote (named fields, not a JSON dump).
7. Accounting
http://127.0.0.1:3013/ — review plus QuickBooks IIF / CSV.
8. Staff access plane
http://127.0.0.1:3025/ — same review/credit UI after verae.access.authz.check.
9. Admin
| Username | Password |
|---|---|
admin |
admin-dev-key |
demo |
$$$Adm1n### |
Customers is a read-only list. Edit opens a drawer (email, type, multiplier, billing).
Invoices empty state until you Generate a period.
10. Customer portal
http://127.0.0.1:3000/portal/ — create an account or sign in.
Dashboard: API key is masked. Reveal, Copy (full key to clipboard), Regenerate.
API & pricing notes that /docs is stock Swagger.
11. Swagger (not a customer surface)
http://127.0.0.1:3000/docs — vendor Swagger UI for integrators.
12. Catalog
https://zapier.georgelambert.org/ — system-ui on the indigo header (not Georgia).























