feat(frontend): 优化对话与管理页面展示体验

2026-05-30 00:26:18 +08:00
parent df45a89eb1
commit 905067277a
10 changed files with 776 additions and 218 deletions
--- a/templates/scenarios/index.html
+++ b/templates/scenarios/index.html
@@ -1,23 +1,30 @@
-<!doctype html>
-<html lang="zh-CN">
-<head>
-  <meta charset="utf-8">
-  <title>Universal Agent Demo Framework</title>
-</head>
-<body>
-  <h1>Universal Agent Demo Framework</h1>
-  <p>用于复试展示的通用 AI Agent Demo 框架。</p>
-  <main>
+{% extends "base.html" %}
+
+{% block title %}场景首页{% endblock %}
+
+{% block content %}
+  <header class="page-header">
+    <span class="eyebrow">场景总览</span>
+    <h1 class="page-title">用同一套底座快速切换不同业务 Agent</h1>
+    <p class="page-lead">当前首页直接读取 YAML 场景配置。你可以从这里进入对话、上传资料，再用审计日志验证整条执行链路。</p>
+  </header>
+
+  <section class="card-grid">
    {% for scenario in scenarios %}
-      <section>
+      <article class="card">
        <h2>{{ scenario.name }}</h2>
        <p>{{ scenario.description }}</p>
-        <p>场景 ID：{{ scenario.id }}</p>
-        <p><a href="{% url 'chat:index' scenario.id %}">进入对话</a></p>
-      </section>
+        <ul class="meta-list">
+          <li class="meta-badge">场景 ID：{{ scenario.id }}</li>
+          <li class="meta-badge">输出：{{ scenario.output.type }}</li>
+          <li class="meta-badge">工具数：{{ scenario.tools|length }}</li>
+        </ul>
+        <p style="margin-top: 16px;">
+          <a class="button button-primary" href="{% url 'chat:index' scenario.id %}">进入对话</a>
+        </p>
+      </article>
    {% empty %}
-      <p>暂无可用场景，请检查 configs 目录。</p>
+      <div class="notice">暂无可用场景，请检查 `configs/` 目录和 YAML 配置内容。</div>
    {% endfor %}
-  </main>
-</body>
-</html>
+  </section>
+{% endblock %}