1<div class="px-6 py-4">
 2    <div class="p-2 mb-5 border-amber-500 border rounded">
 3        <div class="text-amber-500 text-lg flex justify-between items-center">
 4            <div>
 5                <span class="font-bold">Exception</span>
 6                {{ exception }}
 7            </div>
 8            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="w-5 h-5 bi bi-exclamation-triangle-fill" viewBox="0 0 16 16">
 9                <path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5m.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2"/>
10            </svg>
11        </div>
12        <div class="text-amber-400 text-xs mt-3 bg-white/5 p-2 rounded overflow-auto">
13            <pre><code>{{ exception._traceback_string }}</code></pre>
14        </div>
15    </div>
16</div>