DevTools Blocks
Copy-paste React sections for developer-facing consoles: API explorers and response examples, log and diff viewers, CI/CD and queue monitors, feature flag and rate limit panels, and bundle and coverage reports. Each block ships as plain, editable component code, not a runtime dependency.
API Endpoints With Sample Call
Reference list of API endpoints paired with a live sample request and response panel.
CI/CD Pipeline Status
Recent CI/CD pipeline runs with per-stage status chips and overall run badges.
Code Diff Viewer
Unified code diff panel with a file header change summary and colored addition/deletion lines.
Keyboard Shortcuts Reference
Grouped keyboard shortcut reference with keycap-styled key combos.
Performance Waterfall
Network request waterfall chart with cascading timing bars colored by duration.
Service Health Board
Infrastructure status board with a live summary strip and per-service uptime, latency, and health.
Queue Monitor
Background job queue monitor with processed/pending/failed counts and a per-queue capacity bar.
Package Dependency Health
Dependency version table comparing installed vs. latest, flagging updates and security fixes.
Environment Config Viewer
Tabbed Production/Staging/Development variable viewer with a reveal toggle for masked secrets.
Rate Limit Dashboard
API rate-limit monitor with a threshold-colored usage bar and reset countdown per endpoint.
Audit Activity Log
Filterable audit trail of create, update, delete, and access events with actor avatars and timestamps.
Cron Job Scheduler
Table of scheduled cron jobs with expressions, last/next run times, duration, and status.
Database Migration Timeline
Vertical timeline of database migrations with status dots, filenames, descriptions, and timestamps.
API Key Manager
API key management panel with masked values, a real reveal toggle, copy-to-clipboard, and scope badges.
Application Log Viewer
Terminal-style structured log panel with level tags, timestamps, source labels, and real level filtering.
Feature Flags Manager
Toggle feature flags with per-flag rollout bars and environment badges.
Error Monitoring Feed
Application error feed with a severity summary strip and per-error occurrence counts.
Webhook Event Stream
Expandable webhook delivery log with status, response time, and raw JSON payloads.
API Endpoint Explorer
Grouped REST API reference with expandable parameter tables per endpoint.
Database Schema Explorer
Collapsible database table browser with column types, keys, and nullability.
Bundle Size Analyzer
Chunk-by-chunk production bundle breakdown with raw and gzip size bars, color-coded by chunk type.
Code Coverage Report
Expandable file-tree test coverage dashboard with per-file statement, branch, function, and line percentages.
API Usage Analytics
Four-up API stats row with trend indicators plus a per-endpoint usage table.
Load Test Dashboard
Start/stop load-test control panel with an animated progress bar and static throughput, latency, and error metrics.
Network Request Monitor
Filterable HTTP request-log table with a Recording toggle, method filters, and a resource-type filter.
JSON Formatter Tool
Interactive JSON editor with live validation, one-click format and minify, and copy-to-clipboard.
Bundle Chunk Analyzer
Bundle breakdown listing each chunk's size, gzip size, module count, and change since the last build.
API Response Examples
API documentation cards showing a status badge, request headers, and a copyable JSON response body.
Multi-Language Code Tabs
A dark code panel with language tabs that swap between JavaScript, Python, cURL, and Go samples for one endpoint.