tracebin / templates /trace.html
lvwerra's picture
lvwerra HF Staff
oauth-restricted traces, download + agent-prompt buttons
6b41207 verified
Raw History Blame Contribute Delete
2.31 kB
{% extends "base.html" %}
{% block title %}{{ title or "trace" }} — tracebin{% endblock %}
{% block content %}
<article class="trace">
<div class="trace-head">
<h1>{{ title or "Untitled trace" }}</h1>
<p class="meta">{{ summary }}{% if created %} &middot; {{ created }}{% endif %}
{% if allowed %}&middot; <span class="lock">restricted to {{ allowed|join(", ") }}</span>{% endif %}
</p>
{% if view.meta %}
<dl class="kv">
{% for k, v in view.meta.items() %}<dt>{{ k }}</dt><dd>{{ v }}</dd>{% endfor %}
</dl>
{% endif %}
{% include "_actions.html" %}
<input id="share-url" class="offscreen" type="text" value="{{ url }}" readonly aria-hidden="true" tabindex="-1">
</div>
{% if view.kind == "messages" %}
{% for m in view.messages %}
<section class="msg role-{{ m.role_class }}">
<div class="msg-role">{{ m.role }}{% if m.name %} <span class="msg-name">{{ m.name }}</span>{% endif %}</div>
<div class="msg-body">
{% for b in m.blocks %}
{% if b.type == "text" %}
<div class="block text">{{ b.text }}</div>
{% elif b.type == "thinking" %}
<details class="block thinking"><summary>thinking</summary><div>{{ b.text }}</div></details>
{% elif b.type == "tool_use" %}
<div class="block tool">
<div class="tool-head">&rarr; {{ b.name }}</div>
<pre>{{ b.text }}</pre>
</div>
{% elif b.type == "tool_result" %}
<div class="block tool{% if b.error %} tool-error{% endif %}">
<div class="tool-head">&larr; result{% if b.error %} (error){% endif %}</div>
<pre>{{ b.text }}</pre>
</div>
{% elif b.type == "note" %}
<div class="block note">{{ b.text }}</div>
{% else %}
<pre class="block json">{{ b.text }}</pre>
{% endif %}
{% else %}
<div class="block note">[empty]</div>
{% endfor %}
</div>
</section>
{% endfor %}
{% elif view.kind == "json" %}
<pre class="doc json">{{ view.text }}</pre>
{% else %}
<pre class="doc text">{{ view.text }}</pre>
{% endif %}
</article>
{% endblock %}
{% block scripts %}<script src="/static/app.js"></script>{% endblock %}