Console Maven Widgets Documentation

Quick Start

Add Console Maven Widgets to your website in under 60 seconds:

1. Get Your API Key

Sign up for free and get your API key from the dashboard.

2. Add the Script Tag

Add this snippet to your HTML, right before the closing </body> tag:

<script src="https://console-maven-frontend.fly.dev/latest/console-maven.min.js"
        data-api-key="YOUR_API_KEY"
        data-auto-render="true"></script>

3. That's It!

The DebugFooter widget will automatically appear at the bottom of your page and start capturing errors.

Configuration Options

For more control, use the JavaScript API:

<script src="https://console-maven-frontend.fly.dev/latest/console-maven.min.js"></script>
<script>
  ConsoleMaven.init({
    apiKey: 'YOUR_API_KEY',
    widgets: ['footer', 'stats', 'chat'],  // Choose which widgets to show
    theme: 'dark',                          // 'dark' or 'light'
    collapsed: false,                       // Start collapsed or expanded
    position: 'bottom'                      // 'bottom' or 'top'
  });
</script>

Available Widgets

• footer - DebugFooter widget (shows errors at bottom of page)
• stats - Stats widget (performance metrics)
• chat - Chat widget (AI-powered suggestions) - Pro tier only
• toolbar - Toolbar widget (quick access to all features)

API Reference

Capture Error Endpoint

POST /widgets/api/capture
Content-Type: application/json

{
  "apiKey": "cm_xxx",
  "error": {
    "message": "TypeError: Cannot read property 'x' of undefined",
    "stack": "...",
    "line": 42,
    "column": 15
  },
  "metadata": {
    "url": "https://example.com/page",
    "userAgent": "...",
    "timestamp": "2026-01-04T12:00:00Z"
  }
}

Validate API Key

GET /widgets/api/validate-key?key=cm_xxx

Rate Limits

• Free: 100 errors/day
• Pro: 10,000 errors/day
• Team: Unlimited

Need Help?

Contact support at support@consolegentic.com