Skip to content

Chewbills User Guide

Persona-driven runbooks for statements, merchant bills, and governance.

Chewbills docs now share the same glassmorphic workspace template as the main application. Design tokens, typography, and gradients mirror frontend/src/index.css, so personas feel like they never left the app.

  • Unified color + spacing tokens lifted from the dashboard (midnight neutrals, blue primaries, cyan secondaries).
  • Floating navigation chrome with persona pills for End User, Admin, Support, and Architecture content.
  • Ready-to-style callouts (cb-gradient-panel, cb-section-label) for highlighting SLAs, warnings, or template changes inside MDX.

End User playbook

Upload statements, reconcile transactions, and manage receipts with the step-by-step runbook copied from userguide.md. Every page uses the persona navigation bar so readers stay oriented.

Admin workflows

Tune AI providers, govern merchant enrichment, and monitor rate limits within the same Chewbills template that powers the production app.

Support desk

Run intake -> triage -> escalation without leaving the portal; sync to Azure Boards when engineering help is required, with matching navigation cues.

Architecture

Understand how the React app, Express API, and docs site connect so you can debug confidently with consistent styling cues.