Bruce/DEMO-AGENT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 重构处理历史与通知留痕追踪

Browse Source
This commit is contained in:
bruce
2026-06-04 00:49:33 +08:00
parent d0841e533f
commit 77d9420d43
13 changed files with 431 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
templates/audit/log_detail.html
View File

@@ -1,73 +1,66 @@
{% extends "base.html" %}
{% block title %}审计日志详情{% endblock %}
{% block title %}处理历史详情{% endblock %}
{% block content %}
<section class="page-header">
<span class="eyebrow">Audit Snapshot</span>
<h1 class="page-title">审计日志 #{{ log.id }}</h1>
<p class="page-lead">详情页集中展示当前请求的输入、结构化输出、引用来源、工具调用和原始输出，用来解释这一轮 Agent 执行到底做了什么。</p>
<div class="button-row">
<a class="button" href="{% url 'audit:list' %}">返回审计列表</a>
<a class="button" href="{% url 'platform_ui:command-center' %}">返回工作台大屏</a>
<span class="eyebrow">History Detail</span>
<h1 class="page-title">处理历史 #{{ log.id }}</h1>
<p class="page-lead">集中展示本次执行的业务上下文、结构化结果、引用来源与通知留痕。</p>
<div class="badge-row">
<span class="pill pill-accent">批次：{{ log.batch_id|default:"-" }}</span>
<span class="pill">会话：{{ log.conversation_id|default:"-" }}</span>
<span class="pill">产品：{{ log.product_name|default:"-" }}</span>
</div>
</section>
<section class="hero-metrics">
<article class="metric-card">
<div class="metric-label">场景</div>
<div class="metric-value">{{ log.scenario_name }}</div>
<section class="grid-2">
<article class="panel">
<h2 class="section-title">执行上下文</h2>
<ul class="detail-list">
<li class="detail-item"><strong>用户输入</strong><div>{{ log.user_input|linebreaksbr }}</div></li>
<li class="detail-item"><strong>最终回答</strong><div>{{ log.final_answer|linebreaksbr }}</div></li>
<li class="detail-item"><strong>结构化输出</strong><pre class="code-block">{{ log.structured_output }}</pre></li>
</ul>
</article>
<article class="metric-card">
<div class="metric-label">状态</div>
<div class="metric-value">{{ log.get_status_display_text }}</div>
</article>
<article class="metric-card">
<div class="metric-label">耗时</div>
<div class="metric-value">{{ log.latency_ms }} ms</div>
<article class="panel">
<h2 class="section-title">执行证据</h2>
<ul class="detail-list">
<li class="detail-item"><strong>引用来源</strong><pre class="code-block">{{ log.retrieved_chunks }}</pre></li>
<li class="detail-item"><strong>工具调用</strong><pre class="code-block">{{ log.tool_calls }}</pre></li>
<li class="detail-item"><strong>原始输出</strong><pre class="code-block">{{ log.raw_output }}</pre></li>
</ul>
</article>
</section>
<section class="layout-two-columns">
<div class="stack">
<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>
</div>
<div class="stack">
<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>
<article class="panel">
<h2 class="section-title">原始输出</h2>
<pre class="code-block">{{ log.raw_output }}</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 class="panel">
<h2 class="section-title">通知留痕</h2>
<div class="table-wrap">
<table class="data-table">
<thead>
<tr>
<th>触发原因</th>
<th>责任角色</th>
<th>飞书用户</th>
<th>消息状态</th>
<th>详情链接</th>
</tr>
</thead>
<tbody>
{% for item in notifications %}
<tr>
<td>{{ item.notify_reason }}</td>
<td>{{ item.owner_role }}</td>
<td>{{ item.feishu_user_id }}</td>
<td>{{ item.message_status }}</td>
<td>{{ item.web_detail_url|default:"-" }}</td>
</tr>
{% empty %}
<tr><td colspan="5">当前执行尚无通知留痕。</td></tr>
{% endfor %}
</tbody>
</table>
</div>
</section>
{% endblock %}

61
templates/audit/log_list.html
View File

@@ -1,43 +1,38 @@
{% extends "base.html" %}
{% block title %}审计日志{% endblock %}
{% block title %}处理历史{% endblock %}
{% block content %}
<section class="page-header">
<span class="eyebrow">Audit Trail</span>
<h1 class="page-title">审计日志与执行留痕中心</h1>
<p class="page-lead">每次 Agent 执行都会保留输入、结构化结果、引用片段、工具调用和最终输出。这个页面用于说明系统为何可追溯、可复核、可解释。</p>
{% if selected_scenario_id %}
<div class="badge-row">
<span class="pill pill-accent">当前筛选场景：{{ selected_scenario_id }}</span>
<a class="button" href="{% url 'audit:list' %}">清空筛选</a>
</div>
{% endif %}
<span class="eyebrow">Processing History</span>
<h1 class="page-title">处理历史</h1>
<p class="page-lead">按批次、产品和会话回看审核执行、结构化结论与通知留痕。</p>
</section>
<section class="hero-metrics">
<article class="metric-card">
<div class="metric-label">日志总数</div>
<div class="metric-value">{{ logs|length }}</div>
<div class="metric-note">当前页面加载的执行快照数量。</div>
</article>
<article class="metric-card">
<div class="metric-label">最近状态</div>
<div class="metric-value">{% if logs %}{{ logs.0.get_status_display_text }}{% else %}暂无{% endif %}</div>
<div class="metric-note">默认按时间倒序展示最近一次 Agent 执行。</div>
</article>
<article class="metric-card">
<div class="metric-label">最近场景</div>
<div class="metric-value">{% if logs %}{{ logs.0.scenario_name }}{% else %}暂无{% endif %}</div>
<div class="metric-note">便于快速定位当前复试演示对应的执行记录。</div>
</article>
<section class="panel">
<div class="section-heading">
<div>
<h2 class="section-title">历史筛选</h2>
<p class="section-copy">支持按产品名称或批次号搜索。</p>
</div>
</div>
<form method="get" class="grid-2">
<div>
<label for="id_keyword">产品名称 / 批次号</label>
<input id="id_keyword" type="text" name="keyword" value="{{ keyword }}" placeholder="例如：新型冠状病毒 或 SUB-20260604-001">
</div>
<div class="button-row" style="align-items: end;">
<button type="submit">筛选历史</button>
<a class="button" href="{% url 'audit:list' %}">清空</a>
</div>
</form>
</section>
<section class="panel">
<div class="section-heading">
<div>
<h2 class="section-title">执行快照列表</h2>
<p class="section-copy">保留真实审计数据列表，同时把展示形式升级为与首页、大屏一致的分析板风格。</p>
<p class="section-copy">围绕 `batch_id / conversation_id / product_name` 展示处理历史。</p>
</div>
</div>
<div class="table-wrap">
@@ -46,11 +41,13 @@
<tr>
<th>ID</th>
<th>场景</th>
<th>产品名称</th>
<th>批次号</th>
<th>会话</th>
<th>输入摘要</th>
<th>状态</th>
<th>模型</th>
<th>耗时</th>
<th>创建时间</th>
<th>时间</th>
<th>详情</th>
</tr>
</thead>
@@ -59,17 +56,19 @@
<tr>
<td>{{ log.id }}</td>
<td>{{ log.scenario_name }}</td>
<td>{{ log.product_name|default:"-" }}</td>
<td>{{ log.batch_id|default:"-" }}</td>
<td>{{ log.conversation_id|default:"-" }}</td>
<td>{{ log.get_user_input_summary }}</td>
<td>
<span class="pill {% if log.status == 'success' %}pill-success{% else %}pill-danger{% endif %}">{{ log.get_status_display_text }}</span>
</td>
<td>{{ log.model_name }}</td>
<td>{{ log.latency_ms }} ms</td>
<td>{{ log.created_at|date:"Y-m-d H:i" }}</td>
<td><a class="button" href="{% url 'audit:detail' log.id %}">查看详情</a></td>
</tr>
{% empty %}
<tr><td colspan="8">暂无审计日志，先去执行一次审核工作台任务。</td></tr>
<tr><td colspan="10">暂无处理历史，先去执行一次审核任务。</td></tr>
{% endfor %}
</tbody>
</table>