Widget demo

A page with deliberate problems, for exercising the widget end to end.

Loaded from

https://fixit.matricetechnologies.com/widget.js

key: (none set)

No key. Set NEXT_PUBLIC_DEMO_PROJECT_KEY in apps/web/.env.local, or add ?key=pk_… to this URL — the widget will not load without one.

1. Generate console errors

Click these, then open the widget — the errors are already captured.

2. Generate failed requests

3. The four tools

Click the circle to unfurl the badge, and again to shut it. Write a plain note, Point at the yellow box, Draw a circle around it, or Film yourself reproducing a bug. Drawings are composited onto the screenshot; recordings replay in the dashboard.

Or from the keyboard: Shift+F then W, P, D or V. The chord does nothing while you are typing, so it cannot eat a capital F in a form field.

This box is 40px off. It has a data-testid, so the selector should be [data-testid="misaligned-box"].

4. Identify the reporter