Implement trace inspector

[ArtyomVancyan]

No description provided.

[Copilot]

Pull request overview

This pull request implements a comprehensive trace inspector feature for visualizing LangGraph execution details. The implementation adds a split-panel UI showing a hierarchical tree of executed nodes alongside detailed input/output inspection, with support for classifying different node types (tools, LLMs, retrievers, etc.) and tracking sub-step execution within nodes.

Changes:

• Added Python backend support for node classification, state serialization, and callback-based sub-step tracking
• Implemented React-based trace inspector UI with tree visualization and detail panels
• Added comprehensive test coverage for node classification and depth map computation algorithms

Reviewed changes

Copilot reviewed 15 out of 23 changed files in this pull request and generated 8 comments.

Show a summary per file

File	Description
langgraphics/topology.py	Adds classify_node function to identify node types and integrates classification into graph extraction
langgraphics/streamer.py	Implements SubStepCallbackHandler for tracking execution steps and adds state serialization/merging utilities
langgraphics/broadcaster.py	Updates message recording to include new node_output and node_step message types
tests/lib/test_classify.py	Comprehensive tests for node classification across different LangChain component types
tests/web/depthMap.test.ts	Tests for graph depth computation algorithm including cycles and diamond patterns
tests/web/tsconfig.json	Adds JSX support to test configuration
langgraphics-web/src/types.ts	Defines TypeScript types for new message formats and node metadata
langgraphics-web/src/main.tsx	Integrates InspectPanel component into main application
langgraphics-web/src/layout.ts	Updates node data to include node kind classification
langgraphics-web/src/hooks/useWebSocket.ts	Extends WebSocket hook to track node output and step logs
langgraphics-web/src/hooks/useInspectTree.tsx	Implements depth map computation and tree data generation for inspector
langgraphics-web/src/components/InspectPanel.tsx	React component rendering the trace inspector UI
langgraphics-web/src/components/GraphCanvas.tsx	Updates canvas to accept and render inspect panel
langgraphics-web/src/index.css	Adds extensive styling for split layout and inspector UI
langgraphics-web/public/icons/*.svg	Adds icons for different node types
langgraphics-web/package.json	Adds antd dependency for tree component

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.