Agent Visualizer

The Agent Visualizer Snap is an LLM Utility Snap for SnapLogic AI Agents. It provides a comprehensive dual-view interface combining an interactive diagram and a detailed step-by-step log. This dual visualization approach enables users to trace and analyze agent behavior precisely, offering enhanced transparency into complex AI agent operations and making it easier to understand how agents process and respond to user requests.

Features

  • Hover highlight: In the Diagram panel, when the user hovers the mouse over any label/box, both the box and the associated label will be highlighted.
  • Click-to-select : In the Diagram panel, when the user clicks on any label/box, both the box and the associated label will be highlighted. In addition, the Detailed Log panel automatically scrolls to the corresponding log position, and the related text and boxes will be highlighted.
  • Parses nested/multi-layer agents: Agent Visualizer Snap can parse nested/multi-layer agents and generate corresponding diagrams and logs to infinite layers.
  • Supports multiple LLM providers: the Agent Visualizer Snap can parse agents built by either OpenAI or AWS Bedrock or a mixture of both providers.
  • Parallel tool calling visualization: This version of the Agent Visualizer Snap can support agents in performing parallel tool calls, which means the Agent Visualizer Snap can identify when agents are calling multiple tools at the same step and display it. For example, if two tools occurred in Step 1, the step numbers will be "Step 1-1" and "Step 1-2". And then if there is a sub-step in one of the tools, it will be either "Step 1-1.1" / "Step 1-2.1".
  • Collasible panels: There are two collapsible panels: "Diagram" and "Detailed Log".
    • Each panel has horizontal and vertical scrolling bars if the info exceeds the panel.
    • They can be minimized by clicking the chevron icon (">") on the top right corner of each panel.
  • Header: The header will display Snap name | pipeline name (e.g., Agent Visualizer | E-Commerce DB Agent). "X" icon: At the top-right corner of the UI, there is a "X" icon that users can click to close the UI.
  • "Done" button: There is a "Done" button on the bottom right corner of the UI for users to click and close the UI (it serves the same purpose as the "X" icon on the top left corner).