SigTrace is a real-time reactive graph visualizer and telemetry overlay built directly inside VS Code. It automatically maps how state flows from writable signals, through computed derivations, to observer effects and HTML templates.
Key Features
1. Visualizer Sidebar
Component Clustering: Automatically groups signals, computed memos, and effects inside visual container cards corresponding to their parent components (e.g. FilterPanel, SearchResultsComponent).
Focus Path Isolation: Click a node to immediately dim the rest of the graph to 10% opacity, highlighting only that node's direct upstream producers and downstream subscribers.
Timeline Playback Player: Step backward and forward through a chronological history of reactivity ticks, watching the graph update and flash step-by-step.
Search Filtering: Filter out nodes and component containers using the text search bar.