Gyre Screen Capture

This is the standalone demo for the drop-in bug-reporter widget. Look for the Report a bug button in the bottom-right corner. Click it to record your browser screen and microphone, review the clip, and send it to the team.

How to embed it

Copy components/BugReporter.tsx, lib/recorder.ts, and app/api/screen-capture/route.ts into any Gyre Next.js site, then render <BugReporter /> in the root layout. See README.md for details.

// app/layout.tsx
import BugReporter from '@/components/BugReporter';

<body>
  {children}
  <BugReporter />
</body>