@php
    $isError = isset($meta['error']);
    $provider = $meta['provider'] ?? null;
    $tokensIn = $meta['tokens_in'] ?? null;
    $tokensOut = $meta['tokens_out'] ?? null;
    $latency = $meta['latency_ms'] ?? null;
@endphp
<div class="space-y-3">
    @if ($isError)
        <div class="p-3 rounded-md bg-yellow-50 dark:bg-yellow-900/30 border border-yellow-200 dark:border-yellow-700 text-sm text-yellow-900 dark:text-yellow-100">
            {{ $reply }}
        </div>
    @else
        <div class="prose prose-sm dark:prose-invert max-w-none whitespace-pre-wrap leading-relaxed text-gray-900 dark:text-gray-100">{{ $reply }}</div>
    @endif

    @if (! $isError && ($provider || $tokensIn !== null))
        <div class="text-xs text-gray-500 dark:text-gray-400 border-t border-gray-200 dark:border-gray-700 pt-2 flex flex-wrap gap-3">
            @if ($provider) <span>Provider: <strong>{{ strtoupper($provider) }}</strong></span> @endif
            @if ($tokensIn !== null || $tokensOut !== null)
                <span>Tokens: <strong>{{ ($tokensIn ?? 0) + ($tokensOut ?? 0) }}</strong> ({{ $tokensIn ?? 0 }} in / {{ $tokensOut ?? 0 }} out)</span>
            @endif
            @if ($latency !== null) <span>Latency: {{ $latency }} ms</span> @endif
        </div>
    @endif
</div>
