Retrax

Retrax is a standalone observability companion that can be attached to any application. Retrax lets user to:

- See every AI agent workflow run that your application executed

- Open a single run and trace it step by step — the execution graph, the time waterfall, and the call tree

- Inspect each step in detail: LLM calls, tool inputs/outputs, dependencies, tokens, and durations

- Debug failed runs, find slow steps, and audit exactly what the AI read and did

This quick guide will help you get started with the application.

Getting Started

Preconditions:

Steps:

  1. Open the application URL in your browser.
  2. If you do not have an active session, Retrax automatically redirects you to the Google sign-in page (accounts.google.com).
  3. Enter the credentials of your allowed Google account and confirm.
  4. After a successful sign-in you are returned to the application and the Workflow runs list opens.

Result: You are authenticated and see the list of workflow runs. The session is remembered, so refreshing the page does not ask you to sign in again.

Interface Overview

There are two main screens:

1. Workflow runs (Traces list)

The landing screen. It lists every workflow run and lets you search and page through them.

2. Trace detail

Opens when you click a run. It breaks one run down into nodes and steps.

Result: You understand where the run list lives, where a single trace is analysed, and which controls switch between views and panels.

Workflow runs

Preconditions:

This page lists every workflow run and lets you search and page through them.

User can perform several actions:

Viewing the Runs List

What a run card shows:

Notes:

Filtering Runs

Steps:

  1. Click the filter field at the top of the list ("Filter this page…").
  2. Type any of the following to narrow the list:
    • Process name
    • Executor
    • Author
    • ID fragment
  3. The list updates as you type, keeping only matching cards.
  4. To clear the filter, empty the field — and the full list will be shown again.

Pagination & Rows per Page

Paging through runs

  1. Use Next ("Next workflow page") to move to the following page — the counter updates
  2. Use Previous to go back one page.

Rows per page

  1. Open the Rows per page selector
  2. Choose 20, 40, 80 or 120. The default value is 40.

Opening a Trace

  1. Click any run card.
  2. See the selected trace being opened.
  3. User can also refresh the page by clicking *Refresh button

Result: User can successfully change the appearence of the list and move from the high-level list into the detailed breakdown of a single run.

Working with the Trace

Each trace screen consists of several elements.

Layout of the trace screen:

User can pick a view that fits his goal:

Graph View

A node graph of the run, with arrows connecting steps. It includes collapsible groups, guardrail badges, nested-step counters, and a final-result card.

User can perform several actions:

  1. Zoom In / Out — click the + / buttons, or hold the mouse over the graph and scroll the wheel for smooth zoom.
  2. Fit View — click Fit View to fit the whole graph into the visible area.
  3. Pan — click and drag empty canvas to move around.
  4. Mini Map — click a region of the mini map to jump there.
  5. Toggle Interactivity (lock icon) — lock/unlock the canvas to prevent or allow moving node positions.

Waterfall View

What it shows: A time diagram of spans. Each row is a span with its name, type, duration and sometimes tokens. Groups are collapsible. Controls include Critical path, Reset zoom, a zoom-window slider, and hints "⇧ drag to zoom · ⌘ wheel".

Tree View

A hierarchical Trace tree. Each node has a type icon, a name, an iteration label a duration, tokens (for LLM nodes) and tool-call counters. Branches are expandable.

User can perform several actions

  1. Open the Tree view to see the hierarchy from the root down.
  2. Click a node's expand arrow to reveal its children; click again to collapse.
  3. Read repeated steps by their numbering — numbering is sequential.
  4. Read iteration labels — they follow the execution order.
  5. Read per-node metrics on LLM nodes — duration and tokens.
  6. Click any node to load its details into the Inspector; the selection syncs with Graph and Waterfall.
  7. Expand the deepest branch to verify structure — indentation stays correct, with no truncation.

Result: You have a complete, multi-angle picture of a single run and can drill into any step.

Side Panels

Inspector / Details

The Inspector (opened via the Details side panel) shows everything about the currently selected node. It has a Pretty / JSON toggle and displays the node's type and status (e.g. LLM_CALL · COMPLETED), name, an ownership line ("in {parent} · Iter N · {duration}"), a Final results block, and collapsible sections.

User can close it with the ×.

The panel is read top-to-bottom. There are several sections:

1. Format toggle + identity header

At the very top a Pretty / JSON toggle switches the whole panel between a human-readable layout (Pretty) and the raw payload (JSON). Under it is the node's identity:

2. Final results

The Final results block is the node's output.

3. Timing

Timing shows exactly when the step was ran:

4. References

References displays the identifiers that tie this node into the run:

5. Tokens

Tokens displays token breakdown that drives cost:

6. Metadata

Metadata displays the low-level attributes of the step:

Tool I/O

The Tool I/O panel shows the input and output of a tool call.

Header

The top of the panel names the tool and how the call went:

Input

The INPUT block shows the parameters the tool was called with. Its header carries the payload size and a Pretty / JSON toggle, then each parameter is listed as a name/value pair.

Output

The OUTPUT block shows the result. Its header also carries the size and a Pretty / JSON toggle. When the result is structured, Retrax lays it out as collapsible sections — so a big response stays readable instead of dumping a wall of JSON.

User can perform several types of actions:

  1. Select a tool node (e.g. "Get Project Structure"). The Tool I/O button becomes active.
  2. Open Tool I/O.
  3. Read the input — the parameters the tool was called with.
  4. Read the output — the result the tool returned.
  5. If a format toggle is available, switch between Pretty and JSON.
Dependencies (Deps)

The Dependencies panel reveals scheduling dependencies between nodes.

User can perform several types of actions:

  1. Click Deps to open the dependencies panel / mode.
  2. Find a node marked "Has scheduling dependencies" — the indicator confirms it has them.
  3. Select a node that has dependencies — its related nodes / edges are highlighted.
  4. Select an independent node — no dependencies are shown (empty), confirming it isn't waiting on anything.

LLM Call

When user selects an LLM node, the middle side-panel button becomes LLM call.

Opening it shows the details of that model call: