Signal: Report bugs & feedback with context developers love

Record and share detailed bug reports: console logs, network traffic, storage state, environment data, and screencasts.

Tired of hearing "it works on my machine"? Say hello to Signal, the high-fidelity recording extension that captures everything developers need to squash bugs in record time. Whether you're a QA professional, a support lead, or a solo web developer, Signal turns "I found a bug" into a comprehensive, actionable technical report. Signal doesn't just record your screen; it captures the soul of the web page - network traffic, console logs, storage states, component tree data, and environment data, all synchronized on a beautiful, interactive timeline. 🔥 KEY FEATURES • ⚡ High-Fidelity Recording: Capture full network traffic (HAR files) and every console detail (errors, warnings, console.table, and uncaught exceptions). • 🔄 Intelligent Session Replay: Don't just watch — reproduce. Replay user events in a clean Isolated Sandbox with injected storage and pre-flight auth requests. • 📸 Pro Screenshot Editor: Snap, highlight, and annotate. Use built-in drawing tools to point exactly where it hurts. • 🔗 Seamless Webhook Sharing: Push bug reports directly to your stack (Jira, Slack, custom endpoints) via configurable multipart/form-data. • 🛠️ Developer Request Composer: Re-send any captured network request with one click. Edit headers and bodies to test REST API fixes on the fly. • 🔒 Privacy First by Design: Securely redact sensitive headers (Authorization, Cookies) and local storage keys before exporting. All data stays local until you explicitly share it. 💻 SIGNAL FOR VS CODE Signal pairs with a free VS Code extension that closes the loop between a captured bug and your codebase. When you open a report in Developer mode, a single click fires a deep link that: • Opens the right workspace in VS Code automatically • Shows a structured Debug Panel with detected problems, user journey, console errors, XHR traffic, storage state, and framework info - all in one tabbed view • Resolves minified stack frames back to your original source files and opens them at the exact line • Registers the Signal MCP server so your AI agent can query the session data Install the VS Code extension free from the marketplace: https://marketplace.visualstudio.com/items?itemName=catchsignal.signal 🌟 WHAT'S NEW IN VERSION 1.7 Report Naming & Classification Give every recording a purpose. When you stop recording, a quick dialog lets you name the report, pick a type (Bug, UX Feedback, Improvement, or Other), and add an optional description. The details appear on the Environment tab and flow directly into LLM context - so AI assistants get the full picture instantly. User / Developer / Editor Mode The viewer now ships with three distinct modes. User mode strips away developer tooling for a clean, share-friendly view. Developer mode surfaces the full toolset - VS Code integration, Replay, scripts, and exports. Editor mode lets you annotate and edit the report in place. Your chosen mode persists across sessions. PREVIOUS UPDATES Version 1.6 • LLM Context Configuration & Token Indicators Generate an LLM-optimized context payload straight from the viewer. Configure exactly which data to include (environment, failed network requests, console errors, storage) with a live token usage arc for Claude, GPT-4o, Gemini, and Llama 3. • VS Code Workspace Integration: Map web domains to your local project folders. An "Open in VS Code" button bridges your browser session directly to your IDE for instant debugging. • Comprehensive Data Redaction Engine: Our Data Redaction Engine automatically scrubs sensitive data across all six capture surfaces (requests, headers, bodies, console, storage, and DOM) before anything is stored or exported. Define custom redaction rules (Regex, JSON keys, Headers) tailored to your project's data shapes. Version 1.5 • Smaller Exports, Zero Config: Automated report optimization stripping duplicate frames and static asset responses. • Full Control Over Recording Size: Choose between continuous video or screenshot-per-event mode. • Download as Video: Convert any screencast to WebM right in the browser. • Capture API Responses: Store XHR/Fetch response bodies (opt-in). • Jira Improvements: Self-hosted Server & Data Center support alongside Jira Cloud. Stop guessing. Start Signal-ing at https://catchsignal.dev/