{% extends "base.html" %}

{% block title %}审计日志详情{% endblock %}

{% block content %}
  <header class="page-header">
    <span class="eyebrow">日志详情</span>
    <h1 class="page-title">审计日志 #{{ log.id }}</h1>
    <p class="page-lead">这里集中展示当前请求的输入、模型输出、知识库引用和工具调用记录。</p>
    <p style="margin-top: 14px;"><a class="button" href="{% url 'audit:list' %}">返回审计列表</a></p>
  </header>

  <section class="stack">
    <article class="panel">
      <h2 class="section-title">基础信息</h2>
      <ul class="meta-list">
        <li class="meta-badge">场景：{{ log.scenario_name }}</li>
        <li class="meta-badge">状态：{{ log.status }}</li>
        <li class="meta-badge">模型：{{ log.model_name }}</li>
        <li class="meta-badge">耗时：{{ log.latency_ms }} ms</li>
      </ul>
    </article>

    <article class="panel">
      <h2 class="section-title">用户输入</h2>
      <div class="detail-item">{{ log.user_input|linebreaksbr }}</div>
    </article>

    <article class="panel">
      <h2 class="section-title">最终回答</h2>
      <div class="detail-item">{{ log.final_answer|linebreaksbr }}</div>
    </article>

    <article class="panel">
      <h2 class="section-title">结构化输出</h2>
      <pre class="code-block">{{ log.structured_output }}</pre>
    </article>

    <article class="panel">
      <h2 class="section-title">引用来源</h2>
      <pre class="code-block">{{ log.retrieved_chunks }}</pre>
    </article>

    <article class="panel">
      <h2 class="section-title">工具调用</h2>
      <pre class="code-block">{{ log.tool_calls }}</pre>
    </article>

    {% if log.error_message %}
      <article class="panel">
        <h2 class="section-title">错误信息</h2>
        <pre class="code-block">{{ log.error_message }}</pre>
      </article>
    {% endif %}
  </section>
{% endblock %}