Client Dashboard

Internal tool · 0 clients

How to use this dashboard

Reviewing clients

  • Click a client card to expand it and see its checklist.
  • Click a category header to reveal its individual check items.
  • Click any check item to cycle its status through four states (see below).
  • Use "Mark all as reviewed" in the card footer to set every unreviewed item to pass.

Status cycle

Each click advances to the next status:

  • Not reviewed — hasn't been checked yet
  • ✓ Pass — looks good, no action needed
  • ! Warning — needs attention but not critical
  • ✕ Fail — issue that needs to be fixed

Filtering & search

  • Use the filter pills (All, All Clear, Needs Review, Issues, Not Reviewed) to show only clients matching that status.
  • Type in the search box to filter clients by name.
  • Press Esc to collapse all expanded cards.

Data & persistence

  • All changes save automatically to your browser's local storage.
  • Export downloads a JSON snapshot you can share or back up.
  • Import loads a previously exported JSON file.
  • Reset clears all data and returns to defaults (cannot be undone).
  • Notes can be added per client at the bottom of each expanded card.

GitHub & Scaffold

  • Each card shows a repo indicator fetched from GitHub (BenaliHQ org).
  • Green = brand system repo exists on GitHub.
  • Gray = client repo exists but no brand system yet.
  • Scaffold = no repo found. Click to generate a brand.config.json for the scaffold tool.
  • The scaffold tool (scaffold.js) takes a config and generates a full brand repo skeleton with tokens, components, templates, and docs.
  • Indicators are informational only — they don't auto-update checklist items.