Help

How to use the dashboard

1. Review the executive health cards at the top.
2. Use the journey map to see which parts of the customer journey are at risk.
3. Filter the touchpoint table by category or status.
4. Click a row to view issue detail, expected behaviors, business risk, and status notes.
5. Export a Markdown, CSV, or print/PDF report for sharing.

Status meanings

Green means healthy. Yellow means slow, warning, or minor risk. Red means a problem that may affect conversion, adoption, or trust. Unknown means no status record was found.

Updating touchpoints

Edit config/touchpoints.js to add, remove, or change touchpoint definitions. Edit config/touchpoint-status.js to update live health values such as status, load time, JS errors, failed resources, browser, owner, and notes.

Check URL Now limitations

The built-in URL checker runs from a static browser page. Due to CORS and browser security, it cannot inspect another site's DOM, JavaScript console, network waterfall, or real HTTP status in many cases. It is a quick reachability signal only.

Console log analyzer

For real browser QA, open DevTools on the target page, copy console warnings/errors, paste them into the analyzer, and click Analyze Console Log. The app counts common patterns such as CSP issues, blocked resources, font failures, and load errors.

Future automation

A future process can use Playwright, Lighthouse, a browser extension, or a server-side checker to update touchpoint-status.js automatically. This prototype is intentionally designed so that monitoring automation can be added later without redesigning the dashboard.