聊天式交互改造（Web UI 升级）

- 前端由分步表单页升级为 DeepSeek 式聊天页（static/chat.html） - 新增 chat 包：意图识别（intent.py）+ ChatAgent（agent.py）自动驱动解析→影响→生成→QA 整条工作流，影响确认节点反问、错误分支兜底 - store.py 扩展 pending_intent 字段与 chat_messages 表 - app.py 新增 POST/GET /api/chat/{sid}/messages，GET / 返回聊天页 - README/design.md 同步聊天模式说明；测试 4 文件覆盖 - 全量 pytest 522 passed / 99.03%，覆盖率红线达标
2026-08-27 05:11:40 +08:00
parent 215c605650
commit 838a93720e
14 changed files with 1275 additions and 150 deletions
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="utf-8">
+<title>Genesis — 概要设计书自动生成（对话）</title>
+<style>
+  * { box-sizing: border-box; }
+  body { font-family: "Microsoft YaHei", sans-serif; margin: 0; height: 100vh; display: flex; flex-direction: column; background: #f5f6f8; }
+  header { background: #1a5276; color: #fff; padding: 10px 20px; display: flex; align-items: center; gap: 12px; }
+  header h1 { font-size: 17px; margin: 0; }
+  #sid-badge { background: rgba(255,255,255,.18); border-radius: 12px; padding: 2px 10px; font-size: 12px; }
+  #new-chat { margin-left: auto; background: #fff; color: #1a5276; border: none; padding: 6px 14px; border-radius: 14px; cursor: pointer; }
+  #chat { flex: 1; overflow-y: auto; padding: 20px; max-width: 860px; width: 100%; margin: 0 auto; }
+  .msg { display: flex; margin: 10px 0; }
+  .msg .bubble { max-width: 72%; padding: 10px 14px; border-radius: 14px; white-space: pre-wrap; line-height: 1.55; font-size: 14px; }
+  .msg.user { justify-content: flex-end; }
+  .msg.user .bubble { background: #1a5276; color: #fff; border-bottom-right-radius: 4px; }
+  .msg.assistant .bubble { background: #fff; border: 1px solid #e0e0e0; border-bottom-left-radius: 4px; }
+  .msg.progress .bubble { background: #eaf2f8; border: 1px dashed #7fb3d5; font-size: 13px; color: #2c3e50; }
+  .msg.error .bubble { background: #fdecea; border: 1px solid #e6b4b0; color: #922b21; }
+  .progress-item { display: block; }
+  .progress-item.ok::before { content: "✔ "; color: #1e8449; }
+  .progress-item.warn::before { content: "⚠ "; color: #b7950b; }
+  .actions a { display: inline-block; margin: 4px 6px 0 0; background: #1a5276; color: #fff; padding: 5px 12px; border-radius: 12px; text-decoration: none; font-size: 13px; }
+  #composer { border-top: 1px solid #ddd; background: #fff; padding: 12px 20px; }
+  #composer-inner { max-width: 860px; margin: 0 auto; display: flex; gap: 8px; align-items: center; }
+  #input { flex: 1; border: 1px solid #ccc; border-radius: 18px; padding: 10px 16px; font-size: 14px; outline: none; }
+  #send { background: #1a5276; color: #fff; border: none; border-radius: 18px; padding: 10px 20px; cursor: pointer; }
+  #send:disabled { opacity: .5; cursor: not-allowed; }
+  #upload-bar { background: #fff; border-top: 1px solid #eee; padding: 8px 20px; font-size: 13px; }
+  #upload-bar-inner { max-width: 860px; margin: 0 auto; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
+  #upload-bar select, #upload-bar input[type=file] { font-size: 13px; }
+  #upload-btn { background: #f0f3f5; border: 1px solid #ccc; border-radius: 12px; padding: 5px 12px; cursor: pointer; }
+  .typing { color: #888; font-size: 13px; font-style: italic; }
+</style>
+</head>
+<body>
+<header>
+  <h1>Genesis 概要设计书 Agent</h1>
+  <span id="sid-badge">未创建会话</span>
+  <button id="new-chat">新会话</button>
+</header>
+
+<div id="chat"></div>
+
+<div id="upload-bar">
+  <div id="upload-bar-inner">
+    <span>📎 上传资料：</span>
+    <select id="file-type">
+      <option value="requirements">要件定义 xlsx（必需）</option>
+      <option value="template">概要设计模板 docx（必需）</option>
+      <option value="write_instruction">做成说明书 docx</option>
+      <option value="rules">记入/图表规则 docx/xlsx</option>
+      <option value="existing_system">既有系统 zip（追加改修）</option>
+    </select>
+    <input type="file" id="file-input">
+    <button id="upload-btn">上传</button>
+    <span id="upload-status" style="color:#888"></span>
+  </div>
+</div>
+
+<div id="composer">
+  <div id="composer-inner">
+    <input id="input" placeholder="输入指令，如：上传了文件，生成概要设计书 / 现在什么状态？" autocomplete="off">
+    <button id="send">发送</button>
+  </div>
+</div>
+
+<script>
+let sid = null;
+const chatEl = document.getElementById('chat');
+const inputEl = document.getElementById('input');
+const sendBtn = document.getElementById('send');
+
+function addMsg(role, html) {
+  const m = document.createElement('div');
+  m.className = 'msg ' + role;
+  m.innerHTML = '<div class="bubble">' + html + '</div>';
+  chatEl.appendChild(m);
+  chatEl.scrollTop = chatEl.scrollHeight;
+  return m;
+}
+function esc(s) { return s.replace(/[&<>]/g, c => ({'&':'&amp;','<':'&lt;','>':'&gt;'}[c])); }
+
+function showTyping() { return addMsg('assistant', '<span class="typing">思考中…</span>'); }
+
+async function api(method, url, body) {
+  const opt = { method, headers: {} };
+  if (body !== undefined) { opt.headers['Content-Type'] = 'application/json'; opt.body = JSON.stringify(body); }
+  const r = await fetch(url, opt);
+  const data = await r.json().catch(() => ({}));
+  if (!r.ok) throw new Error(data.detail?.message || r.status);
+  return data;
+}
+
+async function newSession() {
+  const d = await api('POST', '/api/sessions', { user_id: 'default' });
+  sid = d.session_id;
+  document.getElementById('sid-badge').textContent = '会话: ' + sid;
+  chatEl.innerHTML = '';
+  addMsg('assistant', '你好！我是 Genesis 概要设计书生成 Agent。<br>请先在上方📎上传<strong>要件定义 xlsx</strong>与<strong>模板 docx</strong>，然后直接告诉我：<br>· 「生成概要设计书」（自动解析→影响→生成→QA）<br>· 「用中文生成」 / 「现在什么状态？」');
+}
+
+async function send() {
+  const text = inputEl.value.trim();
+  if (!text || !sid) return;
+  inputEl.value = '';
+  addMsg('user', esc(text));
+  const typing = showTyping();
+  sendBtn.disabled = true;
+  try {
+    const res = await api('POST', '/api/chat/' + sid + '/messages', { content: text });
+    typing.remove();
+    if (res.progress && res.progress.length) {
+      const items = res.progress.map(p => '<span class="progress-item ' + (p.status || 'ok') + '">' + esc(p.step) + ': ' + esc(p.detail || '') + '</span>').join('');
+      addMsg('progress', items);
+    }
+    let replyHtml = esc(res.reply || '');
+    const s = res.status;
+    if (s === 'done' || s === 'writing') {
+      replyHtml += '<div class="actions">'
+        + '<a href="/api/sessions/' + sid + '/result/download">下载 docx</a>'
+        + '<a href="/api/sessions/' + sid + '/result/preview">预览</a>'
+        + '<a href="/api/sessions/' + sid + '/result/impact-report">影响调查书</a>'
+        + '<a href="/api/sessions/' + sid + '/result/qa-report">QA 报告</a></div>';
+    }
+    addMsg('assistant', replyHtml);
+  } catch (e) {
+    typing.remove();
+    addMsg('error', '请求失败：' + esc(String(e)));
+  } finally {
+    sendBtn.disabled = false;
+    inputEl.focus();
+  }
+}
+
+document.getElementById('send').addEventListener('click', send);
+inputEl.addEventListener('keydown', e => { if (e.key === 'Enter') send(); });
+document.getElementById('new-chat').addEventListener('click', () => newSession().catch(e => addMsg('error', esc(String(e)))));
+
+document.getElementById('upload-btn').addEventListener('click', async () => {
+  const ft = document.getElementById('file-type').value;
+  const file = document.getElementById('file-input').files[0];
+  if (!sid) { addMsg('error', '请先创建会话'); return; }
+  if (!file) { addMsg('error', '请选择文件'); return; }
+  const fd = new FormData();
+  fd.append('file_type', ft);
+  fd.append('file', file);
+  const statusEl = document.getElementById('upload-status');
+  statusEl.textContent = '上传中…';
+  try {
+    const r = await fetch('/api/sessions/' + sid + '/files', { method: 'POST', body: fd });
+    const d = await r.json();
+    if (!r.ok) throw new Error(d.detail?.message || r.status);
+    statusEl.textContent = '';
+    addMsg('user', '[上传] ' + ft + '：' + d.file_name);
+    addMsg('progress', '<span class="progress-item ok">上传完成：' + esc(d.file_name) + '（' + d.size + 'B）</span>');
+    document.getElementById('file-input').value = '';
+  } catch (e) {
+    statusEl.textContent = '';
+    addMsg('error', '上传失败：' + esc(String(e)));
+  }
+});
+
+newSession().catch(e => addMsg('error', esc(String(e))));
+</script>
+</body>
+</html>