Architecture

Architecture

Data Flow

Page Network → DevTools Network API → Panel (captures requests)
                                        ↓ (user clicks replay)
                                    Background Worker (fetches all environments)
                                        ↓
                                    JSON Diff Engine → Visual Diff UI

Components

Component	Purpose
entrypoints/devtools/	Registers DevTools panel
entrypoints/panel/	Main diff UI
entrypoints/background.ts	Replay engine (avoids CORS)
shared/json-diff.ts	Deep recursive diff algorithm
shared/url-rewriter.ts	Swaps base URLs for replay
shared/storage.ts	Environment profiles