@extends('trace-replay::layout') @section('title', ($trace->name ?? 'Trace') . ' — TraceReplay') @section('content')

{{ $trace->name }}

{{ substr($trace->id, 0, 8) }}
{{ number_format($trace->duration_ms ?? 0, 2) }} ms
{{ $trace->steps->count() }} Steps
@if($trace->tags)
@foreach((array)$trace->tags as $tag) {{ $tag }} @endforeach
@endif
HTTP Status
{{ $trace->http_status ?? '—' }}
Started At
{{ $trace->started_at?->format('M j, Y · H:i') ?? '—' }}
IP Address
{{ $trace->ip_address ?? '—' }}
User Agent
{{ $trace->user_agent ? \Illuminate\Support\Str::limit($trace->user_agent, 60) : '—' }}
{{-- Error Details Panel --}} @if($trace->status === 'error' && $trace->error_reason)
{{ $trace->error_reason['class'] ?? 'Exception' }} @if(isset($trace->error_reason['code']) && $trace->error_reason['code']) Code: {{ $trace->error_reason['code'] }} @endif
{{ $trace->error_reason['message'] ?? 'Unknown error' }}
@if(isset($trace->error_reason['file']))
File: {{ $trace->error_reason['file'] }}
Line: {{ $trace->error_reason['line'] ?? '?' }}
@endif @if(isset($trace->error_reason['trace']) && is_array($trace->error_reason['trace']))
@foreach($trace->error_reason['trace'] as $line){{ $line }}
@endforeach
@endif
@endif

Execution Flow

@foreach ($trace->steps as $index => $step)
@if(!$loop->last)
@endif
{{ $step->step_order }}
{{ $step->label }} {{ $step->duration_ms }}ms
@endforeach
Select a step from the timeline to inspect
@if($trace->status === 'error' || ($trace->http_status && $trace->http_status >= 400)) @endif
@php $totalMs = max($trace->duration_ms ?? 1, 1); @endphp
@foreach($trace->steps as $step) @php $pct = min(max(($step->duration_ms / $totalMs) * 100, 0.5), 100); $offset = 0; $color = $step->status === 'error' ? '#f85149' : ($step->duration_ms < 200 ? '#3fb950' : ($step->duration_ms < 1000 ? '#d29922' : '#f0883e')); @endphp
{{ $step->step_order }} {{ $step->label }}
{{ number_format($step->duration_ms, 0) }} ms
@endforeach
0 ms{{ number_format($totalMs/2, 0) }} ms{{ number_format($totalMs, 0) }} ms
Jump to:

Request Payload

Database Queries

Cache Operations

HTTP Calls

Emails Sent

Log Entries

State Snapshot

No response payload recorded for this step.

AI Debugging Prompt

Copy this prompt into Cursor, ChatGPT, or your preferred IDE AI assistant.


                

Replay Results

HTTP Status:

Original Response

Replayed Response

Structural Diff

@endsection @section('scripts') @endsection