LangGraph Studio (Now LangSmith Studio): Visual Debugging with Time-Travel

Reading logs to figure out why an agent made a weird decision is slow. Seeing the graph as a diagram, with the exact state at every node, is instant.

What Studio is, in essence

LangGraph Studio is a visual-development-focused IDE built specifically for developing AI agents — a specialized developer IDE designed to visualize graph execution, debug agent decisions, test prompts, and manage state threads.

The debugging features that matter

It's a local IDE that renders your graph as a live diagram, lets you step through node execution, inspect state at every checkpoint, and replay any run from any point. The standout feature is time-travel debugging: because LangGraph persists state checkpoints at every node, Studio lets you rewind to any previous step, edit the state, and branch a new execution path from there.

Hot-reload: change code without losing your debugging session

Studio also supports hot-reload — you change a prompt or a tool's signature in your code, and Studio reflects the update immediately, without needing to restart the entire debugging session you already had in progress.

The 2026 rebrand and architecture shift

LangChain rebranded LangGraph Studio as LangSmith Studio in late 2025, along with renaming LangGraph Platform to LangSmith Deployment — part of the brand consolidation we already covered in the article on LangSmith's expansion into a full agent-operations stack. Studio v2 now runs entirely in the browser, with no need for the previous desktop app.

When to use it in your development workflow

During development: start with LangGraph Studio for visual debugging — the graph view catches structural problems, like missing edges or unintended loops, faster than reading logs. Reserve log-based debugging for production, where you don't have the option of a live interactive session — Studio is a development-phase tool, not a continuous production-monitoring one.