To view a trace, select a log from your project’s Logs page or from an experiment on the Experiments page. The trace opens in a panel on the right side of your screen.This panel shows a tree of all of the spans that make up the trace. Use the toggle fullscreen trace button to expand it to full screen or the new page button to open the trace in a new page. Select a span to see its metrics, input, output, expected, metadata, and activity.
Select Timeline to view the trace as a timeline. This view shows the spans as a series of bars, with the width of the bar representing the duration of the span. The bars are color-coded by span type. Select a bar to view the span details in the trace view.
Select Custom to create a custom view for the trace. Use custom views to highlight specific parts of the trace or visualize the trace in a way that is specific to your use case.To create a custom view, describe how you want to view your trace data using natural language and Loop will create it for you.To save the custom view, select Save version, toggle Save as new custom view version, and select Update. The saved view persists when viewing any trace in the project.To edit the custom view, select the ellipsis button in the bottom left of the trace panel and select Edit. This shows the code Loop generated and used to create the custom view. Edit the code directly in the code editor or in the chat prompt below the code. The preview updates in real time. Select Save changes to see a diff of the changes and update the view.Example custom view prompts:
“Create a view that renders a list of all tools available in this trace and their outputs”
“Render the video url from the trace’s metadata field and show simple thumbs up/down buttons”
Select Find in the top right corner of the trace panel or page to find a specific span in a trace. You can then select the filter icon to filter further by span type or span field. Once you’ve found the spans you’re looking for, you can use the checkboxes to select or bulk select them and add them to a new or existing dataset in your project.
Use the Diff toggle on the top right of an experiment page to compare traces across experiments. In the Comparisons panel on the left, use the drop down menu to select which experiments to compare. Each row in the trace view will show a list of the outputs from the selected experiments for that trace. You can select multiple experiments to compare at once.
Update trace settings to make a trace public and share it with others. Sharing a trace only shares that individual trace and doesn’t grant access to the Logs or Experiments pages. When a trace is public, anyone with the link can view it.In the top right corner of the trace panel or trace page, select the Share icon to update the trace settings. In the Share trace dialog, select Public to make the trace public and share it with others. Copy the link directly from this dialog or click the View trace as page button to open the page and copy the link. When the trace is public, icon in the top right changes from a lock to a globe and appears green.
Select Run to edit and re-run any chat completion span inside a trace. In the Run prompt window, make any changes you’d like to the prompt and select Test to see the output. You can also give this prompt a name and select Save as custom prompt to save it to your project’s prompt library.
