From 52d7bade56c560448deeb928ef0fe2a1cdda66e9 Mon Sep 17 00:00:00 2001
From: zichun <26684461+reporkey@users.noreply.github.com>
Date: Tue, 28 Jul 2026 00:33:11 +0800
Subject: [PATCH] feat(ui): rewrite chat.html — vanilla JS, full-viewport, deterministic form submit, FK picker modal

---
 src/main/java/com/xly/web/AgentChatController.java |   11 ++---------
 src/main/resources/templates/chat.html             | 1837 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 2 files changed, 796 insertions(+), 1052 deletions(-)

diff --git a/src/main/java/com/xly/web/AgentChatController.java b/src/main/java/com/xly/web/AgentChatController.java
index a6901c1..5bb2143 100644
--- a/src/main/java/com/xly/web/AgentChatController.java
+++ b/src/main/java/com/xly/web/AgentChatController.java
@@ -60,8 +60,6 @@ public class AgentChatController {
 
     private static final Logger log = LoggerFactory.getLogger(AgentChatController.class);
     private static final Set<String> WRITE_TOOLS = Set.of("proposeWrite");
-    /** 前端 collectForm 表单提交后拼出的消息带此标记 → 本轮直接走「写」执行 proposeWrite(action=create)。 */
-    private static final String FORM_SUBMIT_MARK = "proposeWrite(action=create)";
     /** 反编造护栏：agent 声称「已生成/已完成」写操作的说法（无 proposeWrite 提议时要纠正）。 */
     private static final Pattern WRITE_CLAIM = Pattern.compile("已(为您?|经)?(生成|提交|完成|写入|新增|修改|作废|审核)");
 
@@ -210,14 +208,9 @@ public class AgentChatController {
         return out;
     }
 
-    /** 意图门 + 确定性路由。 */
+    /** 意图门 + 确定性路由。表单提交不再走这里——见 {@link #formSubmit}（结构化直达，确定性）。 */
     private void route(SseEmitter emitter, String convId, AgentIdentity identity, String userInput) {
-        // 0) 表单提交 → 直接执行 proposeWrite(action=create)，不再重新分类。
-        if (userInput.contains(FORM_SUBMIT_MARK)) {
-            runAgent(emitter, convId, identity, userInput, false);
-            return;
-        }
-        // 1) 意图门（带上一轮留下的状态槽；失败时返回 其他，走兜底）。
+        // 意图门（带上一轮留下的状态槽；失败时返回 其他，走兜底）。
         String digest = state.digest(convId);
         Intent it = intentService.classify(userInput, digest);
         state.recordIntent(convId, it.intent, it.danju);
diff --git a/src/main/resources/templates/chat.html b/src/main/resources/templates/chat.html
index 1c7acd1..dc86c0e 100644
--- a/src/main/resources/templates/chat.html
+++ b/src/main/resources/templates/chat.html
@@ -1,1082 +1,833 @@
 <!DOCTYPE html>
 <html lang="zh-CN">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>AI 印刷助手</title>
-    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/markdown-it/13.0.1/markdown-it.min.js"></script>
-    <style>
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-        }
-
-        body {
-            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
-            min-height: 100vh;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            padding: 20px;
-        }
-
-        .chat-container {
-            width: 100%;
-            max-width: 900px;
-            height: 85vh;
-            background: white;
-            border-radius: 20px;
-            box-shadow: 0 20px 60px rgba(0,0,0,0.15);
-            display: flex;
-            flex-direction: column;
-            overflow: hidden;
-        }
-
-        .chat-header {
-            background: linear-gradient(90deg, #2c3e50, #4a6491);
-            color: white;
-            padding: 20px;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            flex-shrink: 0;
-        }
-
-        .header-left h1 {
-            font-size: 24px;
-            font-weight: 600;
-            margin-bottom: 5px;
-        }
-
-        .header-left p {
-            opacity: 0.8;
-            font-size: 14px;
-        }
-
-        .header-right {
-            display: flex;
-            gap: 15px;
-        }
-
-        .model-selector {
-            background: rgba(255,255,255,0.1);
-            border: 1px solid rgba(255,255,255,0.2);
-            color: #180a4b;
-            padding: 8px 15px;
-            border-radius: 20px;
-            font-size: 14px;
-            outline: none;
-            cursor: pointer;
-        }
-
-        .model-selector:hover {
-            background: rgba(255,255,255,0.2);
-        }
-
-        .chat-body {
-            display: flex;
-            flex: 1;
-            overflow: hidden;
-            min-height: 0;
-        }
-
-        .sidebar {
-            width: 250px;
-            background: #f8f9fa;
-            border-right: 1px solid #e9ecef;
-            padding: 20px;
-            overflow-y: auto;
-            flex-shrink: 0;
-        }
-
-        .sidebar-title {
-            font-size: 16px;
-            font-weight: 600;
-            margin-bottom: 15px;
-            color: #2c3e50;
-        }
-
-        .preset-question {
-            background: white;
-            border: 1px solid #e9ecef;
-            border-radius: 10px;
-            padding: 12px 15px;
-            margin-bottom: 10px;
-            cursor: pointer;
-            transition: all 0.3s;
-            font-size: 14px;
-        }
-
-        .preset-question:hover {
-            background: #667eea;
-            color: white;
-            border-color: #667eea;
-            transform: translateX(5px);
-        }
-
-        .chat-main {
-            flex: 1;
-            display: flex;
-            flex-direction: column;
-            min-height: 0;
-        }
-
-        .messages-container {
-            flex: 1;
-            display: flex;
-            flex-direction: column;
-            min-height: 0;
-            position: relative;
-        }
-
-        .chat-messages {
-            flex: 1;
-            overflow-y: auto;
-            padding: 20px;
-            background: white;
-        }
-
-        .message {
-            margin-bottom: 20px;
-            max-width: 80%;
-            animation: fadeIn 0.3s ease;
-        }
-
-        .user-message {
-            margin-left: auto;
-        }
-
-        .ai-message {
-            margin-right: auto;
-        }
-
-        .message-bubble {
-            padding: 15px 20px;
-            border-radius: 20px;
-            position: relative;
-            word-wrap: break-word;
-            line-height: 1.6;
-        }
-
-        .user-message .message-bubble {
-            background: linear-gradient(90deg, #667eea, #764ba2);
-            color: white;
-            border-bottom-right-radius: 5px;
-        }
-
-        .ai-message .message-bubble {
-            background: #f8f9fa;
-            color: #333;
-            border: 1px solid #e9ecef;
-            border-bottom-left-radius: 5px;
-        }
-
-        .message-content {
-            font-size: 15px;
-        }
-
-        .ai-message .message-content code {
-            background: #e9ecef;
-            padding: 2px 6px;
-            border-radius: 4px;
-            font-family: 'Courier New', monospace;
-            font-size: 14px;
-        }
-
-        .ai-message .message-content pre {
-            background: #f1f3f5;
-            padding: 10px;
-            border-radius: 8px;
-            overflow-x: auto;
-            margin: 10px 0;
-            border: 1px solid #dee2e6;
-        }
-
-        .message-meta {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            margin-top: 8px;
-            font-size: 12px;
-        }
-
-        .message-time {
-            color: #6c757d;
-        }
-
-        .message-actions {
-            display: flex;
-            gap: 8px;
-        }
-
-        .action-btn {
-            background: none;
-            border: none;
-            color: #6c757d;
-            cursor: pointer;
-            font-size: 12px;
-            padding: 2px 5px;
-            border-radius: 3px;
-            transition: all 0.2s;
-        }
-
-        .action-btn:hover {
-            background: #e9ecef;
-            color: #495057;
-        }
-
-        .typing-indicator {
-            display: flex;
-            align-items: center;
-            padding: 10px 20px;
-            background: #f8f9fa;
-            border-radius: 20px;
-            width: fit-content;
-            border: 1px solid #e9ecef;
-            margin-bottom: 20px;
-        }
-
-        .typing-dot {
-            width: 8px;
-            height: 8px;
-            background: #667eea;
-            border-radius: 50%;
-            margin: 0 2px;
-            animation: typing 1.4s infinite;
-        }
-
-        .typing-dot:nth-child(2) { animation-delay: 0.2s; }
-        .typing-dot:nth-child(3) { animation-delay: 0.4s; }
-
-        .input-section {
-            border-top: 1px solid #e9ecef;
-            background: white;
-            flex-shrink: 0;
-        }
-
-        .chat-input-container {
-            padding: 20px;
-        }
-
-        .input-wrapper {
-            display: flex;
-            gap: 10px;
-        }
-
-        #messageInput {
-            flex: 1;
-            padding: 15px 20px;
-            border: 2px solid #e9ecef;
-            border-radius: 25px;
-            font-size: 16px;
-            outline: none;
-            transition: border-color 0.3s;
-        }
-
-        #messageInput:focus {
-            border-color: #667eea;
-        }
-
-        #sendButton {
-            padding: 15px 30px;
-            background: linear-gradient(90deg, #667eea, #764ba2);
-            color: white;
-            border: none;
-            border-radius: 25px;
-            font-size: 16px;
-            font-weight: 600;
-            cursor: pointer;
-            transition: all 0.2s;
-            white-space: nowrap;
-        }
-
-        #sendButton:hover {
-            transform: translateY(-2px);
-            box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
-        }
-
-        #sendButton:disabled {
-            opacity: 0.5;
-            cursor: not-allowed;
-            transform: none;
-            box-shadow: none;
-        }
-
-        .status-bar {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            padding: 10px 20px;
-            font-size: 14px;
-            color: #666;
-            background: #f8f9fa;
-            border-top: 1px solid #e9ecef;
-        }
-
-        .api-status {
-            display: flex;
-            align-items: center;
-            gap: 8px;
-        }
-
-        .status-indicator {
-            width: 8px;
-            height: 8px;
-            border-radius: 50%;
-        }
-
-        .status-connected {
-            background: #28a745;
-            animation: pulse 2s infinite;
-        }
-
-        .status-disconnected {
-            background: #dc3545;
-        }
-
-        .status-connecting {
-            background: #ffc107;
-        }
-
-        @keyframes fadeIn {
-            from { opacity: 0; transform: translateY(10px); }
-            to { opacity: 1; transform: translateY(0); }
-        }
-
-        @keyframes typing {
-            0%, 60%, 100% { transform: translateY(0); }
-            30% { transform: translateY(-10px); }
-        }
-
-        @keyframes pulse {
-            0% { opacity: 1; }
-            50% { opacity: 0.5; }
-            100% { opacity: 1; }
-        }
-
-        /* 滚动条样式 */
-        .chat-messages::-webkit-scrollbar,
-        .sidebar::-webkit-scrollbar {
-            width: 6px;
-        }
-
-        .chat-messages::-webkit-scrollbar-track,
-        .sidebar::-webkit-scrollbar-track {
-            background: #f1f1f1;
-            border-radius: 3px;
-        }
-
-        .chat-messages::-webkit-scrollbar-thumb,
-        .sidebar::-webkit-scrollbar-thumb {
-            background: #c1c1c1;
-            border-radius: 3px;
-        }
-
-        .chat-messages::-webkit-scrollbar-thumb:hover,
-        .sidebar::-webkit-scrollbar-thumb:hover {
-            background: #a1a1a1;
-        }
-
-        /* 底部间隔 */
-        .bottom-spacer {
-            height: 20px;
-            flex-shrink: 0;
-        }
-
-        /* 响应式设计 */
-        @media (max-width: 768px) {
-            .chat-container {
-                height: 95vh;
-                border-radius: 10px;
-            }
-
-            .sidebar {
-                display: none;
-            }
-
-            .message {
-                max-width: 90%;
-            }
-
-            #sendButton {
-                padding: 15px 20px;
-            }
-
-            .header-right {
-                flex-direction: column;
-                gap: 8px;
-            }
-        }
-    </style>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>小羚羊 AI 助手</title>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/markdown-it/13.0.1/markdown-it.min.js"></script>
+<style>
+:root {
+    --bg: #f7f7f8;
+    --panel: #ffffff;
+    --border: #e5e5e7;
+    --text: #1d1d1f;
+    --text2: #6e6e73;
+    --accent: #0a7d50;
+    --accent-weak: #e6f4ee;
+    --danger: #c0392b;
+    --radius: 10px;
+}
+* { box-sizing: border-box; margin: 0; padding: 0; }
+html, body { height: 100%; }
+body {
+    font: 14px/1.6 -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
+    color: var(--text);
+    background: var(--bg);
+    display: flex;
+    overflow: hidden;
+}
+
+/* ---------- 侧栏 ---------- */
+#sidebar {
+    width: 250px;
+    min-width: 250px;
+    background: var(--panel);
+    border-right: 1px solid var(--border);
+    display: flex;
+    flex-direction: column;
+    transition: margin-left .2s ease;
+}
+#sidebar.hidden { margin-left: -250px; }
+#sidebar .side-head {
+    padding: 14px 14px 10px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+#sidebar .side-head .brand { font-size: 15px; font-weight: 600; }
+#newConvBtn {
+    border: 1px solid var(--border);
+    background: var(--panel);
+    border-radius: 8px;
+    padding: 4px 10px;
+    cursor: pointer;
+    color: var(--accent);
+}
+#newConvBtn:hover { background: var(--accent-weak); }
+#convList { flex: 1; overflow-y: auto; padding: 4px 8px 12px; }
+.conv-item {
+    padding: 8px 10px;
+    border-radius: 8px;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    color: var(--text2);
+}
+.conv-item:hover { background: var(--bg); }
+.conv-item.active { background: var(--accent-weak); color: var(--text); }
+.conv-item .t { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.conv-item .del { visibility: hidden; border: 0; background: none; cursor: pointer; color: var(--text2); }
+.conv-item:hover .del { visibility: visible; }
+
+/* ---------- 主区 ---------- */
+#main { flex: 1; display: flex; flex-direction: column; min-width: 0; }
+#topbar {
+    height: 52px;
+    background: var(--panel);
+    border-bottom: 1px solid var(--border);
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding: 0 16px;
+}
+#toggleSide {
+    border: 1px solid var(--border);
+    background: var(--panel);
+    border-radius: 8px;
+    width: 32px;
+    height: 32px;
+    cursor: pointer;
+    color: var(--text2);
+}
+#topbar .title { font-weight: 600; }
+#topbar .sub { color: var(--text2); font-size: 12px; }
+
+#scroll { flex: 1; overflow-y: auto; }
+#messages { max-width: 860px; margin: 0 auto; padding: 24px 20px 12px; }
+
+.msg { display: flex; margin-bottom: 18px; }
+.msg.user { justify-content: flex-end; }
+.bubble {
+    max-width: 82%;
+    padding: 10px 14px;
+    border-radius: var(--radius);
+    word-break: break-word;
+}
+.msg.user .bubble { background: var(--accent); color: #fff; white-space: pre-wrap; }
+.msg.ai .bubble { background: var(--panel); border: 1px solid var(--border); }
+.msg.ai .bubble.thinking { color: var(--text2); }
+
+/* markdown 内容 */
+.bubble p { margin: 4px 0; }
+.bubble h1, .bubble h2, .bubble h3 { margin: 8px 0 4px; font-size: 15px; }
+.bubble ul, .bubble ol { padding-left: 20px; margin: 4px 0; }
+.bubble code { background: var(--bg); padding: 1px 5px; border-radius: 4px; font-size: 13px; }
+.bubble pre { background: var(--bg); padding: 10px; border-radius: 8px; overflow-x: auto; margin: 6px 0; }
+.bubble table { border-collapse: collapse; margin: 8px 0; max-width: 100%; display: block; overflow-x: auto; }
+.bubble th, .bubble td { border: 1px solid var(--border); padding: 5px 10px; white-space: nowrap; }
+.bubble th { background: var(--bg); }
+
+/* 卡片（提议 / 表单 / 追问）*/
+.card {
+    background: var(--panel);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    padding: 14px 16px;
+    margin: 0 0 18px;
+    max-width: 82%;
+}
+.card .card-title { font-weight: 600; margin-bottom: 8px; }
+.card .muted { color: var(--text2); font-size: 13px; }
+.btn {
+    border: 1px solid var(--border);
+    background: var(--panel);
+    border-radius: 8px;
+    padding: 6px 16px;
+    cursor: pointer;
+    font-size: 14px;
+}
+.btn:hover { background: var(--bg); }
+.btn.primary { background: var(--accent); border-color: var(--accent); color: #fff; }
+.btn.primary:hover { filter: brightness(1.08); }
+.btn:disabled { opacity: .5; cursor: default; }
+.card .actions { display: flex; gap: 10px; margin-top: 10px; }
+.card .result { margin-top: 10px; font-size: 13px; }
+.card .result.ok { color: var(--accent); }
+.card .result.bad { color: var(--danger); }
+
+/* 追问选项片 */
+.chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
+.chip {
+    border: 1px solid var(--border);
+    background: var(--panel);
+    border-radius: 16px;
+    padding: 5px 14px;
+    cursor: pointer;
+}
+.chip:hover { border-color: var(--accent); color: var(--accent); }
+.chip-free { display: flex; gap: 6px; margin-top: 10px; }
+.chip-free input {
+    flex: 1;
+    border: 1px solid var(--border);
+    border-radius: 8px;
+    padding: 6px 10px;
+    font-size: 14px;
+}
+
+/* collectForm 表单 */
+.form-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
+    gap: 10px 16px;
+    margin-top: 10px;
+}
+.ffield label { display: block; font-size: 12px; color: var(--text2); margin-bottom: 3px; }
+.ffield label .req { color: var(--danger); margin-left: 2px; }
+.ffield input, .ffield select {
+    width: 100%;
+    border: 1px solid var(--border);
+    border-radius: 8px;
+    padding: 7px 10px;
+    font-size: 14px;
+    background: var(--panel);
+}
+.ffield input:focus, .ffield select:focus { outline: none; border-color: var(--accent); }
+.ffield .fkrow { display: flex; gap: 6px; }
+.ffield .fkrow input { flex: 1; background: var(--bg); }
+.ffield .hint { font-size: 12px; color: var(--text2); margin-top: 2px; }
+
+/* 输入区 */
+#inputbar { background: var(--bg); padding: 8px 20px 16px; }
+#inputbox {
+    max-width: 860px;
+    margin: 0 auto;
+    background: var(--panel);
+    border: 1px solid var(--border);
+    border-radius: 14px;
+    display: flex;
+    align-items: flex-end;
+    padding: 8px 10px;
+    gap: 8px;
+}
+#inputbox:focus-within { border-color: var(--accent); }
+#messageInput {
+    flex: 1;
+    border: 0;
+    resize: none;
+    font: inherit;
+    max-height: 140px;
+    outline: none;
+    background: transparent;
+}
+#sendBtn {
+    border: 0;
+    background: var(--accent);
+    color: #fff;
+    border-radius: 10px;
+    padding: 7px 18px;
+    cursor: pointer;
+    font-size: 14px;
+}
+#sendBtn:disabled { opacity: .5; cursor: default; }
+
+/* FK 选择器弹层 */
+#modalMask {
+    position: fixed;
+    inset: 0;
+    background: rgba(0,0,0,.35);
+    display: none;
+    align-items: center;
+    justify-content: center;
+    z-index: 50;
+}
+#modalMask.show { display: flex; }
+#fkModal {
+    background: var(--panel);
+    border-radius: 12px;
+    width: min(720px, 92vw);
+    max-height: 80vh;
+    display: flex;
+    flex-direction: column;
+    box-shadow: 0 12px 40px rgba(0,0,0,.18);
+}
+#fkModal .m-head {
+    padding: 14px 16px;
+    border-bottom: 1px solid var(--border);
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+#fkModal .m-head .m-title { font-weight: 600; flex: 1; }
+#fkSearch {
+    border: 1px solid var(--border);
+    border-radius: 8px;
+    padding: 6px 10px;
+    width: 220px;
+    font-size: 14px;
+}
+#fkClose { border: 0; background: none; font-size: 18px; cursor: pointer; color: var(--text2); }
+#fkBody { flex: 1; overflow: auto; padding: 0 16px; }
+#fkBody table { width: 100%; border-collapse: collapse; }
+#fkBody th, #fkBody td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--border); white-space: nowrap; }
+#fkBody th { position: sticky; top: 0; background: var(--panel); color: var(--text2); font-weight: 500; }
+#fkBody tbody tr { cursor: pointer; }
+#fkBody tbody tr:hover { background: var(--accent-weak); }
+#fkModal .m-foot {
+    padding: 10px 16px;
+    border-top: 1px solid var(--border);
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: 10px;
+    color: var(--text2);
+    font-size: 13px;
+}
+#fkModal .m-foot button { width: 28px; height: 28px; border-radius: 6px; border: 1px solid var(--border); background: var(--panel); cursor: pointer; }
+#fkModal .m-foot button:disabled { opacity: .4; cursor: default; }
+
+/* 提示条 */
+#toast {
+    position: fixed;
+    top: 14px;
+    left: 50%;
+    transform: translateX(-50%);
+    background: #333;
+    color: #fff;
+    padding: 8px 18px;
+    border-radius: 8px;
+    font-size: 13px;
+    display: none;
+    z-index: 99;
+}
+</style>
 </head>
 <body>
-<div class="chat-container">
-    <div class="chat-header">
-        <div class="header-left">
-            <h1>小羚羊Ai-agent智能体</h1>
-        </div>
-        <div class="header-right">
-            <select class="model-selector" id="modelSelector">
-                <option value="process">小羚羊印刷行业大模型</option>
-                <option value="general">qwen2.5:14b</option>
-            </select>
-            <button class="model-selector" onclick="newConversation()">新建会话</button>
+
+<aside id="sidebar">
+    <div class="side-head">
+        <span class="brand">小羚羊 AI</span>
+        <button id="newConvBtn" title="新会话">＋ 新会话</button>
+    </div>
+    <div id="convList"></div>
+</aside>
+
+<div id="main">
+    <div id="topbar">
+        <button id="toggleSide" title="收起/展开会话栏">☰</button>
+        <span class="title">小羚羊印刷 ERP 智能助手</span>
+        <span class="sub" id="convTitle"></span>
+    </div>
+    <div id="scroll">
+        <div id="messages"></div>
+    </div>
+    <div id="inputbar">
+        <div id="inputbox">
+            <textarea id="messageInput" rows="1" placeholder="输入消息，如：查一下这个月的报价单 / 给必胜客报价5000个纸盒…"></textarea>
+            <button id="sendBtn">发送</button>
         </div>
     </div>
+</div>
 
-    <div class="chat-body">
-        <div class="sidebar">
-            <div class="sidebar-title">会话</div>
-            <button class="preset-question" style="text-align:center;font-weight:600;background:#eef;" onclick="newConversation()">＋ 新建会话</button>
-            <div id="convList"></div>
+<div id="modalMask">
+    <div id="fkModal">
+        <div class="m-head">
+            <span class="m-title" id="fkTitle">选择</span>
+            <input id="fkSearch" placeholder="输入名称搜索…">
+            <button id="fkClose" title="关闭">✕</button>
         </div>
-        <div class="chat-main">
-            <div class="messages-container">
-                <div class="chat-messages" id="chatMessages">
-                    <!-- 初始欢迎消息 -->
-                    <div class="message ai-message">
-                        <div class="message-bubble">
-                            <div class="message-content" id="ts">
-                                <strong></strong><br><br>
-                            </div>
-                            <div class="message-meta">
-                                <span class="message-time" id="welcomeTime"></span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <div class="input-section">
-                <div class="chat-input-container">
-                    <div class="input-wrapper">
-                        <input type="text" id="messageInput" placeholder="输入您的问题..." autocomplete="off">
-                        <button id="sendButton" onclick="sendMessage()">发送</button>
-                        <button id="reset" onclick="reset('重置')">重置</button>
-                    </div>
-                </div>
-            </div>
+        <div id="fkBody"></div>
+        <div class="m-foot">
+            <span id="fkPageInfo"></span>
+            <button id="fkPrev">‹</button>
+            <button id="fkNext">›</button>
         </div>
     </div>
 </div>
 
-<script>
-    let sessionId ="";
-    let conversationId = "c-" + Date.now() + "-" + Math.random().toString(36).slice(2, 8);
-    let userid= "17522967560005776104370282597000";
-    let username= "qianb";
-    let brandsid= "1111111111";
-    let subsidiaryid= "1111111111";
-    let usertype= "sysadmin";
-    // ERP 登录 token（透传给后端 → 转发给 ERP，用于按真实用户身份读写；绝不进 prompt）。
-    // 本地独立聊天页无浏览器登录流程，留空 → 后端回退 dev-login（admin）读写；
-    // 生产环境由 ERP 外壳把用户的实时有效 token 注入这里，即启用逐用户 token 透传 + 表单权限收紧。
-    let authorization="";
-    let hrefLock = window.location.origin+"/xlyAi";
-
-    const CONFIG = {
-        backendUrl: hrefLock,
-        headers: {
-            'Content-Type': 'application/json',
-            'Accept': 'application/json'
-        },
-        maxHistory: 20,
-    };
-
-    let chatHistory = [];
-    let currentModel = 'general';
-    const md = window.markdownit({
-        html: true,
-        linkify: true,
-        typographer: true
-    });
-
-    $(document).ready(function() {
-        document.getElementById('welcomeTime').textContent = getCurrentTime();
-        $('#messageInput').focus();
-        bindKeyboardEvents();
-        ensureInputAtBottom();
-        initConversations();
-    });
-
-    // ====================== 多命名会话（侧栏） ======================
-    function convApi(path, opts) {
-        return fetch(CONFIG.backendUrl + '/api/agent/conversations' + path, opts || {});
-    }
-
-    async function initConversations() {
-        try {
-            const res = await convApi('?userid=' + encodeURIComponent(userid));
-            const list = await res.json();
-            renderConvList(list);
-            if (list && list.length > 0) {
-                await switchConversation(list[0].id);
-            }
-        } catch (e) { console.log('会话初始化失败', e); }
-    }
-
-    async function loadConversations() {
-        try {
-            const res = await convApi('?userid=' + encodeURIComponent(userid));
-            renderConvList(await res.json());
-        } catch (e) { /* ignore */ }
-    }
+<div id="toast"></div>
 
-    function renderConvList(list) {
-        const box = $('#convList');
-        box.empty();
-        (list || []).forEach(c => {
-            const isActive = c.id === conversationId;
-            const item = $('<div class="preset-question conv-item"></div>')
-                .css({display:'flex', justifyContent:'space-between', alignItems:'center', gap:'6px'});
-            if (isActive) item.css({background:'#667eea', color:'#fff', borderColor:'#667eea'});
-            const title = $('<span></span>').text(c.title || '会话')
-                .css({flex:'1', overflow:'hidden', textOverflow:'ellipsis', whiteSpace:'nowrap'});
-            const del = $('<span title="删除">×</span>').css({cursor:'pointer', fontWeight:'bold', opacity:'0.6'});
-            title.on('click', () => switchConversation(c.id));
-            del.on('click', (ev) => { ev.stopPropagation(); deleteConversation(c.id); });
-            item.append(title).append(del);
-            box.append(item);
+<script>
+/* ================= 身份（生产环境由 ERP 外壳注入真实值 + 用户 token；token 绝不进 prompt） ================= */
+let userid = "17522967560005776104370282597000";
+let brandsid = "1111111111";
+let subsidiaryid = "1111111111";
+let usertype = "sysadmin";
+let authorization = ""; // 本地留空 → 后端回退 dev-login；生产注入用户实时 ERP token
+const BASE = window.location.origin + "/xlyAi";
+
+const md = window.markdownit({ html: false, linkify: true, breaks: true });
+
+let conversationId = null;
+let sending = false;
+
+const $ = (sel) => document.querySelector(sel);
+const messagesEl = $("#messages");
+const scrollEl = $("#scroll");
+
+function toast(msg) {
+    const t = $("#toast");
+    t.textContent = msg;
+    t.style.display = "block";
+    clearTimeout(t._h);
+    t._h = setTimeout(() => { t.style.display = "none"; }, 2600);
+}
+
+function scrollBottom() {
+    scrollEl.scrollTop = scrollEl.scrollHeight;
+}
+
+function el(tag, cls, text) {
+    const e = document.createElement(tag);
+    if (cls) e.className = cls;
+    if (text !== undefined) e.textContent = text;
+    return e;
+}
+
+/* ================= 消息渲染 ================= */
+function addUserMsg(text) {
+    const row = el("div", "msg user");
+    row.appendChild(el("div", "bubble", text));
+    messagesEl.appendChild(row);
+    scrollBottom();
+}
+
+function addAiBubble() {
+    const row = el("div", "msg ai");
+    const b = el("div", "bubble thinking", "…");
+    row.appendChild(b);
+    messagesEl.appendChild(row);
+    scrollBottom();
+    return b;
+}
+
+function renderMd(bubble, text) {
+    bubble.classList.remove("thinking");
+    bubble.innerHTML = md.render(text || "");
+}
+
+function addAiMd(text) {
+    const b = addAiBubble();
+    renderMd(b, text);
+    return b;
+}
+
+/* ================= 会话管理 ================= */
+async function loadConvs() {
+    try {
+        const r = await fetch(BASE + "/api/agent/conversations?userid=" + encodeURIComponent(userid));
+        const list = await r.json();
+        const box = $("#convList");
+        box.innerHTML = "";
+        list.forEach(c => {
+            const item = el("div", "conv-item" + (c.id === conversationId ? " active" : ""));
+            const t = el("span", "t", c.title || "新会话");
+            const del = el("button", "del", "✕");
+            del.title = "删除会话";
+            del.onclick = async (e) => {
+                e.stopPropagation();
+                await fetch(BASE + "/api/agent/conversations/" + encodeURIComponent(c.id) + "?userid=" + encodeURIComponent(userid), { method: "DELETE" });
+                if (c.id === conversationId) newConv();
+                loadConvs();
+            };
+            item.appendChild(t);
+            item.appendChild(del);
+            item.onclick = () => switchConv(c.id, c.title);
+            box.appendChild(item);
         });
-    }
-
-    async function switchConversation(convId) {
-        if (convId === conversationId) return;
-        conversationId = convId;
-        $('#chatMessages').empty();
-        try {
-            const res = await convApi('/' + convId + '/messages');
-            const msgs = await res.json();
-            (msgs || []).forEach(m => addMessage(m.content, m.role === 'user' ? 'user' : 'ai'));
-            if (!msgs || msgs.length === 0) addMessage('（空会话）请提问。', 'ai');
-        } catch (e) { console.log('加载历史失败', e); }
-        renderConvList(await (await convApi('?userid=' + encodeURIComponent(userid))).json());
-        ensureInputAtBottom();
-    }
-
-    async function newConversation() {
+    } catch (e) { /* 静默：侧栏失败不影响聊天 */ }
+}
+
+async function newConv() {
+    try {
+        const r = await fetch(BASE + "/api/agent/conversations", {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ userid: userid })
+        });
+        conversationId = (await r.json()).conversationId;
+    } catch (e) {
+        conversationId = "c-" + Date.now() + "-" + Math.random().toString(36).slice(2, 8);
+    }
+    $("#convTitle").textContent = "";
+    messagesEl.innerHTML = "";
+    addAiMd("你好，我是小羚羊 AI 助手。可以帮你查询业务数据、新建报价、修改/作废/审核单据。");
+    loadConvs();
+}
+
+async function switchConv(id, title) {
+    conversationId = id;
+    $("#convTitle").textContent = title || "";
+    messagesEl.innerHTML = "";
+    try {
+        const r = await fetch(BASE + "/api/agent/conversations/" + encodeURIComponent(id) + "/messages");
+        const hist = await r.json();
+        hist.forEach(m => {
+            if (m.role === "user") addUserMsg(m.content);
+            else addAiMd(m.content);
+        });
+    } catch (e) { }
+    loadConvs();
+    scrollBottom();
+}
+
+/* ================= 发送 & SSE ================= */
+async function sendMessage(text) {
+    text = (text || "").trim();
+    if (!text || sending) return;
+    sending = true;
+    $("#sendBtn").disabled = true;
+    addUserMsg(text);
+    const bubble = addAiBubble();
+    let buf = "";
+    try {
+        const resp = await fetch(BASE + "/api/agent/chat", {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({
+                text: text,
+                userid: userid,
+                conversationId: conversationId,
+                authorization: authorization,
+                brandsid: brandsid,
+                subsidiaryid: subsidiaryid,
+                usertype: usertype
+            })
+        });
+        const reader = resp.body.getReader();
+        const dec = new TextDecoder();
+        let pending = "";
+        for (;;) {
+            const { done, value } = await reader.read();
+            if (done) break;
+            pending += dec.decode(value, { stream: true });
+            let idx;
+            while ((idx = pending.indexOf("\n\n")) >= 0) {
+                const frame = pending.slice(0, idx);
+                pending = pending.slice(idx + 2);
+                const line = frame.split("\n").find(l => l.startsWith("data:"));
+                if (!line) continue;
+                let ev;
+                try { ev = JSON.parse(line.slice(5)); } catch (e) { continue; }
+                buf = handleEvent(ev, bubble, buf);
+            }
+        }
+    } catch (e) {
+        renderMd(bubble, "⚠️ 连接失败：" + e.message);
+    }
+    if (bubble.classList.contains("thinking")) {
+        bubble.closest(".msg").remove(); // 本轮只有卡片/表单，无正文
+    }
+    sending = false;
+    $("#sendBtn").disabled = false;
+    loadConvs(); // 刷新标题
+}
+
+function handleEvent(ev, bubble, buf) {
+    switch (ev.type) {
+        case "token":
+            buf += ev.content || "";
+            renderMd(bubble, buf);
+            scrollBottom();
+            return buf;
+        case "reset":
+            renderMd(bubble, "");
+            bubble.classList.add("thinking");
+            bubble.textContent = "…";
+            return "";
+        case "write_proposal":
+            addProposalCard(ev.opId, ev.summary);
+            return buf;
+        case "question":
+            addQuestionCard(ev.question, ev.options || [], ev.allowFree !== false);
+            return buf;
+        case "form_collect":
+            addFormCard(ev);
+            return buf;
+        case "error":
+            renderMd(bubble, (buf ? buf + "\n\n" : "") + "⚠️ " + (ev.content || "服务异常"));
+            return buf;
+        case "done":
+        default:
+            return buf;
+    }
+}
+
+/* ================= 写提议卡 ================= */
+function addProposalCard(opId, summary) {
+    const card = el("div", "card");
+    card.appendChild(el("div", "card-title", "待确认操作"));
+    card.appendChild(el("div", "muted", summary || ""));
+    const actions = el("div", "actions");
+    const ok = el("button", "btn primary", "确认执行");
+    const no = el("button", "btn", "取消");
+    actions.appendChild(ok);
+    actions.appendChild(no);
+    card.appendChild(actions);
+    const result = el("div", "result");
+    card.appendChild(result);
+    messagesEl.appendChild(card);
+    scrollBottom();
+
+    const finish = (cls, text) => {
+        ok.disabled = no.disabled = true;
+        result.className = "result " + cls;
+        result.textContent = text;
+        scrollBottom();
+    };
+    ok.onclick = async () => {
+        ok.disabled = no.disabled = true;
         try {
-            const res = await convApi('', { method:'POST', headers:{'Content-Type':'application/json'}, body: JSON.stringify({userid: userid}) });
-            conversationId = (await res.json()).conversationId;
+            const r = await fetch(BASE + "/api/agent/op/" + encodeURIComponent(opId) + "/confirm",
+                { method: "POST", headers: { "Authorization": authorization } });
+            const d = await r.json();
+            finish(d.status === "executed" ? "ok" : "bad", d.msg || d.status);
         } catch (e) {
-            conversationId = 'c-' + Date.now() + '-' + Math.random().toString(36).slice(2,8);
+            finish("bad", "执行请求失败：" + e.message);
         }
-        $('#chatMessages').empty();
-        addMessage('新会话已开始，请提问。', 'ai');
-        loadConversations();
-        $('#messageInput').focus();
-    }
-
-    async function deleteConversation(convId) {
-        if (!confirm('删除这个会话？')) return;
-        try { await convApi('/' + convId + '?userid=' + encodeURIComponent(userid), { method:'DELETE' }); } catch (e) {}
-        if (convId === conversationId) {
-            conversationId = 'c-' + Date.now() + '-' + Math.random().toString(36).slice(2,8);
-            $('#chatMessages').empty();
-            addMessage('会话已删除，可新建或选择其它会话。', 'ai');
+    };
+    no.onclick = async () => {
+        ok.disabled = no.disabled = true;
+        try {
+            await fetch(BASE + "/api/agent/op/" + encodeURIComponent(opId) + "/cancel", { method: "POST" });
+        } catch (e) { }
+        finish("bad", "已取消");
+    };
+}
+
+/* ================= askUser 追问卡（选项片 + 永远保留自由输入） ================= */
+function addQuestionCard(question, options, allowFree) {
+    const card = el("div", "card");
+    card.appendChild(el("div", "card-title", question || "请补充信息"));
+    const chips = el("div", "chips");
+    options.forEach(o => {
+        const c = el("button", "chip", o);
+        c.onclick = () => { card.remove(); sendMessage(o); };
+        chips.appendChild(c);
+    });
+    if (options.length) card.appendChild(chips);
+    if (allowFree) {
+        const free = el("div", "chip-free");
+        const inp = el("input");
+        inp.placeholder = options.length ? "或输入其他答案…" : "输入你的回答…";
+        const go = el("button", "btn", "回复");
+        const submit = () => {
+            const v = inp.value.trim();
+            if (!v) return;
+            card.remove();
+            sendMessage(v);
+        };
+        go.onclick = submit;
+        inp.onkeydown = (e) => { if (e.key === "Enter") submit(); };
+        free.appendChild(inp);
+        free.appendChild(go);
+        card.appendChild(free);
+    }
+    messagesEl.appendChild(card);
+    scrollBottom();
+}
+
+/* ================= collectForm 表单卡 ================= */
+function addFormCard(ev) {
+    const card = el("div", "card");
+    card.appendChild(el("div", "card-title", ev.title || ("新建" + (ev.entity || ""))));
+    if (ev.message) card.appendChild(el("div", "muted", ev.message));
+    const grid = el("div", "form-grid");
+    const controls = []; // {label, required, get()}
+
+    (ev.fields || []).forEach(f => {
+        const wrap = el("div", "ffield");
+        const lab = el("label");
+        lab.textContent = f.label || f.name;
+        if (f.required) lab.appendChild(el("span", "req", "*"));
+        wrap.appendChild(lab);
+
+        let getter;
+        if (f.type === "fkselect") {
+            const row = el("div", "fkrow");
+            const inp = el("input");
+            inp.readOnly = true;
+            inp.placeholder = "点击选择…";
+            if (f.default) inp.value = f.default;
+            const pick = el("button", "btn", "选择");
+            pick.onclick = () => openFkPicker(f.fkTable, f.label || f.name, (name) => { inp.value = name; });
+            row.appendChild(inp);
+            row.appendChild(pick);
+            wrap.appendChild(row);
+            getter = () => inp.value.trim();
+        } else if (f.type === "select" && Array.isArray(f.options) && f.options.length) {
+            const sel = el("select");
+            sel.appendChild(el("option", null, ""));
+            f.options.forEach(o => {
+                const op = el("option", null, o);
+                op.value = o;
+                sel.appendChild(op);
+            });
+            if (f.default) sel.value = f.default;
+            wrap.appendChild(sel);
+            getter = () => sel.value;
+        } else {
+            const inp = el("input");
+            if (f.type === "number") { inp.type = "text"; inp.inputMode = "decimal"; }
+            else if (f.type === "date") inp.type = "date";
+            if (f.default) inp.value = f.default;
+            wrap.appendChild(inp);
+            getter = () => inp.value.trim();
+        }
+        if (f.hint) wrap.appendChild(el("div", "hint", f.hint));
+        grid.appendChild(wrap);
+        controls.push({ label: f.label || f.name, required: !!f.required, get: getter });
+    });
+    card.appendChild(grid);
+
+    const actions = el("div", "actions");
+    const submit = el("button", "btn primary", "提交");
+    const result = el("div", "result");
+    actions.appendChild(submit);
+    card.appendChild(actions);
+    card.appendChild(result);
+    messagesEl.appendChild(card);
+    scrollBottom();
+
+    submit.onclick = async () => {
+        const fields = {};
+        for (const c of controls) {
+            const v = c.get();
+            if (c.required && !v) {
+                result.className = "result bad";
+                result.textContent = "「" + c.label + "」为必填项。";
+                return;
+            }
+            if (v) fields[c.label] = v;
         }
-        loadConversations();
-    }
-
-    function generateRandomString(length) {
-        const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
-        let result = '';
-        for (let i = 0; i < length; i++) {
-            result += chars.charAt(Math.floor(Math.random() * chars.length));
+        if (!Object.keys(fields).length) {
+            result.className = "result bad";
+            result.textContent = "请至少填写一个字段。";
+            return;
         }
-        return result;
-    }
-
-    window.onload = function(){
-        $("#ts").html("<strong>你好，我是小羚羊 🦌</strong><br><br>我可以帮你查 ERP 里的业务单据。试试问我：<br>· “有哪些和报价相关的表单？”<br>· “客户资料在哪张表单里？”");
-    }
-
-    function reset(message){
-        const input = $('#messageInput');
-        const button = $('#sendButton');
-        input.val('');
-        input.prop('disabled', true);
-        button.prop('disabled', true);
-        doMessage(input,message,button);
-    }
-
-    async function sendMessage() {
-        const input = $('#messageInput');
-        const button = $('#sendButton');
-        const message = input.val();
-        if (!message) return;
-        input.val('');
-        input.prop('disabled', true);
-        button.prop('disabled', true);
-        doMessage(input, message, button);
-    }
-
-    // ======================
-    // 单 agent 流式对话：POST /api/agent/chat -> SSE(text/event-stream)
-    // 每帧一条 JSON：{type:"token|done|error", content:"..."}
-    // ======================
-    async function doMessage(input, message, button) {
-        addMessage(message, 'user');
-        showTypingIndicator();
-
-        let aiText = '';
-        let aiMsgId = null;
-
+        submit.disabled = true;
+        result.className = "result";
+        result.textContent = "提交中…";
         try {
-            const response = await fetch(`${CONFIG.backendUrl}/api/agent/chat`, {
+            // 确定性提交：结构化字段直达 proposeWrite(action=create)，不经 LLM 再编码
+            const r = await fetch(BASE + "/api/agent/form/submit", {
                 method: "POST",
-                headers: { "Content-Type": "application/json;charset=UTF-8" },
+                headers: { "Content-Type": "application/json" },
                 body: JSON.stringify({
-                    text: message,
+                    entity: ev.entity,
+                    fields: fields,
                     userid: userid,
                     conversationId: conversationId,
-                    // 透传身份 + ERP 登录 token（后端据此按用户真实权限收紧；token 只用于转发给 ERP，不进 prompt）
                     authorization: authorization,
-                    username: username,
                     brandsid: brandsid,
                     subsidiaryid: subsidiaryid,
                     usertype: usertype
                 })
             });
-            if (!response.ok) throw new Error("HTTP " + response.status);
-
-            const reader = response.body.getReader();
-            const decoder = new TextDecoder("utf-8");
-            let buffer = '';
-
-            while (true) {
-                const { value, done } = await reader.read();
-                if (done) break;
-                buffer += decoder.decode(value, { stream: true });
-
-                let sep;
-                while ((sep = buffer.indexOf("\n\n")) >= 0) {
-                    const frame = buffer.slice(0, sep);
-                    buffer = buffer.slice(sep + 2);
-                    const dataLine = frame.split("\n").find(l => l.startsWith("data:"));
-                    if (!dataLine) continue;
-                    const payload = dataLine.slice(5).trim();
-                    if (!payload) continue;
-                    let evt;
-                    try { evt = JSON.parse(payload); } catch (e) { continue; }
-
-                    if (evt.type === "token") {
-                        if (aiMsgId === null) { hideTypingIndicator(); aiMsgId = addMessage('', 'ai'); }
-                        aiText += evt.content;
-                        updateMessage(aiMsgId, aiText);
-                    } else if (evt.type === "reset") {
-                        // 工具执行前的旁白作废，清空气泡，等最终答复流入
-                        aiText = '';
-                        if (aiMsgId === null) { hideTypingIndicator(); aiMsgId = addMessage('', 'ai'); }
-                        $(`#${aiMsgId} .message-content`).html('🔎 正在处理…');
-                    } else if (evt.type === "write_proposal") {
-                        renderProposalCard(evt.opId, evt.summary);
-                    } else if (evt.type === "form_collect") {
-                        renderFormCollect(evt.entity, evt.fields || []);
-                    } else if (evt.type === "question") {
-                        renderQuestion(evt.question, evt.options || []);
-                    } else if (evt.type === "error") {
-                        if (aiMsgId === null) { hideTypingIndicator(); aiMsgId = addMessage('', 'ai'); }
-                        aiText += (aiText ? "\n\n" : "") + "⚠️ " + evt.content;
-                        updateMessage(aiMsgId, aiText);
-                    }
-                    // evt.type === "done" -> 结束，无需处理
-                }
-            }
-
-            hideTypingIndicator();
-            if (aiMsgId === null) addMessage("（无响应，请重试）", 'ai');
-
-        } catch (error) {
-            console.error('错误:', error);
-            hideTypingIndicator();
-            if (aiMsgId === null) addMessage("服务异常，请重试：" + error.message, 'ai');
-        } finally {
-            input.prop('disabled', false);
-            button.prop('disabled', false);
-            input.focus();
-            scrollToBottom();
-            loadConversations();
-        }
-    }
-
-    function updateMessage(messageId, content) {
-        $(`#${messageId} .message-content`).html(md.render(content));
-        scrollToBottom();
-    }
-
-    function escapeHtml(s){ return (s==null?'':String(s)).replace(/[&<>"']/g, m=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[m])); }
-
-    // ====================== 写操作确认卡片（人在环） ======================
-    function renderProposalCard(opId, summary) {
-        hideTypingIndicator();
-        const cardId = 'op-' + opId;
-        if (document.getElementById(cardId)) return;
-        const html = `
-          <div class="message ai-message" id="${cardId}">
-            <div class="message-bubble" style="border:1px solid #ffd27f;background:#fff8ec;">
-              <div class="message-content">
-                <div style="font-weight:600;margin-bottom:8px;">⚠️ 待确认的修改</div>
-                <div style="margin-bottom:12px;">${escapeHtml(summary)}</div>
-                <div class="op-actions">
-                  <button onclick="confirmOp('${opId}')" style="padding:8px 18px;border:none;border-radius:16px;background:linear-gradient(90deg,#28a745,#20913c);color:#fff;cursor:pointer;font-weight:600;margin-right:8px;">确认执行</button>
-                  <button onclick="cancelOp('${opId}')" style="padding:8px 18px;border:1px solid #ccc;border-radius:16px;background:#fff;cursor:pointer;">取消</button>
-                </div>
-                <div class="op-result" style="margin-top:10px;color:#555;"></div>
-              </div>
-            </div>
-          </div>`;
-        $('#chatMessages').append(html);
-        scrollToBottom();
-    }
-
-    async function confirmOp(opId) {
-        const card = $('#op-' + opId);
-        card.find('.op-actions button').prop('disabled', true);
-        card.find('.op-result').text('处理中…');
-        try {
-            const res = await fetch(CONFIG.backendUrl + '/api/agent/op/' + opId + '/confirm', { method:'POST', headers:{ 'Authorization': authorization } });
-            const data = await res.json();
-            if (data.status === 'executed') {
-                card.find('.op-actions').remove();
-                card.find('.op-result').html('✅ ' + escapeHtml(data.msg || '已修改'));
+            const d = await r.json();
+            if (d.opId) {
+                result.className = "result ok";
+                result.textContent = "已生成待确认提议。";
+                addProposalCard(d.opId, d.summary);
             } else {
-                card.find('.op-result').html('❌ ' + escapeHtml(data.msg || '执行失败') + '（可重试）');
-                card.find('.op-actions button').prop('disabled', false);
+                submit.disabled = false;
+                result.className = "result bad";
+                result.textContent = d.error || "提交失败。";
             }
         } catch (e) {
-            card.find('.op-result').text('❌ 请求失败：' + e.message);
-            card.find('.op-actions button').prop('disabled', false);
-        }
-    }
-
-    async function cancelOp(opId) {
-        const card = $('#op-' + opId);
-        try { await fetch(CONFIG.backendUrl + '/api/agent/op/' + opId + '/cancel', { method:'POST', headers:{ 'Authorization': authorization } }); } catch (e) {}
-        card.find('.op-actions').remove();
-        card.find('.op-result').text('已取消');
-    }
-
-    // ====================== FormCollect：type-aware 动态表单 ======================
-    // fields = [{name,label,type,required,default,options?,fkTable?}]（新版）或 ["中文名",...]（旧版兼容）
-    // type: text | number | date | select(固定选项) | fkselect(选项从对应表实时取)
-    function renderFormCollect(entity, fields) {
-        hideTypingIndicator();
-        const fid = 'fc-' + Date.now() + '-' + Math.random().toString(36).slice(2, 6);
-        const norm = (fields || []).map(f => (typeof f === 'string') ? { name: f, label: f, type: 'text' } : f);
-        const st = 'padding:6px 10px;border:1px solid #ccc;border-radius:8px;width:55%;';
-        const inputs = norm.map((f, i) => {
-            const label = escapeHtml(f.label || f.name);
-            const req = f.required ? ' <span style="color:#e00;">*</span>' : '';
-            const defv = f.default != null ? escapeHtml(String(f.default)) : '';
-            const type = f.type || 'text';
-            const ph = f.hint ? ` placeholder="${escapeHtml(String(f.hint))}"` : '';
-            let control;
-            if (type === 'select' && Array.isArray(f.options)) {
-                const opts = ['<option value=""></option>']
-                    .concat(f.options.map(o => `<option${String(o)===defv?' selected':''}>${escapeHtml(String(o))}</option>`)).join('');
-                control = `<select data-label="${label}" class="fc-input" style="${st}">${opts}</select>`;
-            } else if (type === 'fkselect') {
-                const dlId = `${fid}-dl-${i}`;
-                control = `<input data-label="${label}" class="fc-input fc-fk" list="${dlId}" data-fk="${escapeHtml(f.fkTable||'')}" placeholder="输入以搜索…" autocomplete="off" style="${st}"><datalist id="${dlId}"></datalist>`;
-            } else if (type === 'number') {
-                control = `<input type="number" step="any" data-label="${label}" value="${defv}" class="fc-input" style="${st}"${ph}>`;
-            } else if (type === 'date') {
-                control = `<input type="date" data-label="${label}" value="${defv}" class="fc-input" style="${st}">`;
-            } else {
-                control = `<input type="text" data-label="${label}" value="${defv}" class="fc-input" style="${st}"${ph}>`;
-            }
-            return `<div style="margin-bottom:8px;"><label style="display:inline-block;width:130px;color:#555;vertical-align:middle;">${label}${req}</label>${control}</div>`;
-        }).join('');
-        const html = `
-          <div class="message ai-message" id="${fid}">
-            <div class="message-bubble" style="border:1px solid #b9d6ff;background:#f2f8ff;">
-              <div class="message-content">
-                <div style="font-weight:600;margin-bottom:10px;">📝 填写「${escapeHtml(entity)}」信息</div>
-                ${inputs}
-                <div style="margin-top:8px;">
-                  <button class="fc-submit" style="padding:8px 18px;border:none;border-radius:16px;background:linear-gradient(90deg,#667eea,#764ba2);color:#fff;cursor:pointer;font-weight:600;">提交</button>
-                </div>
-              </div>
-            </div>
-          </div>`;
-        $('#chatMessages').append(html);
-        // 外键下拉：聚焦拉一批候选，输入按关键词刷新（选项来自对应表）
-        $(`#${fid} .fc-fk`).each(function () {
-            const el = this, dlId = $(el).attr('list'), fkTable = $(el).data('fk');
-            const load = (q) => fetch(`${CONFIG.backendUrl}/api/agent/form/options?table=${encodeURIComponent(fkTable)}&brandsid=${encodeURIComponent(brandsid)}&q=${encodeURIComponent(q||'')}`)
-                .then(r => r.json()).then(list => {
-                    const dl = document.getElementById(dlId);
-                    if (dl) dl.innerHTML = (list||[]).map(o => `<option value="${escapeHtml(String(o))}"></option>`).join('');
-                }).catch(() => {});
-            let t = null;
-            $(el).on('focus', () => load(''));
-            $(el).on('input', function () { clearTimeout(t); const v = this.value; t = setTimeout(() => load(v), 250); });
-        });
-        $(`#${fid} .fc-submit`).on('click', function () {
-            const parts = [];
-            $(`#${fid} .fc-input`).each(function () {
-                const v = ($(this).val() || '').trim();
-                if (v) parts.push($(this).data('label') + '=' + v);
-            });
-            if (parts.length === 0) { alert('请至少填写一个字段'); return; }
-            $(this).prop('disabled', true).text('已提交');
-            $('#messageInput').val('为「' + entity + '」新增，字段如下：' + parts.join('，') + '。请调用 proposeWrite(action=create) 生成待确认的新增。');
-            sendMessage();
-        });
-        scrollToBottom();
-    }
-
-    // ====================== AskUser：带可点选项的澄清问题 ======================
-    function renderQuestion(question, options) {
-        hideTypingIndicator();
-        const qid = 'q-' + Date.now() + '-' + Math.random().toString(36).slice(2, 6);
-        const chips = (options || []).map(o =>
-            `<button class="q-opt" data-val="${escapeHtml(String(o))}" style="margin:4px 6px 0 0;padding:6px 14px;border:1px solid #667eea;border-radius:16px;background:#fff;color:#667eea;cursor:pointer;">${escapeHtml(String(o))}</button>`
-        ).join('');
-        const html = `
-          <div class="message ai-message" id="${qid}">
-            <div class="message-bubble" style="border:1px solid #d9c6ff;background:#f7f2ff;">
-              <div class="message-content">
-                <div style="font-weight:600;margin-bottom:8px;">❓ ${escapeHtml(question)}</div>
-                <div class="q-opts">${chips}</div>
-              </div>
-            </div>
-          </div>`;
-        $('#chatMessages').append(html);
-        $(`#${qid} .q-opt`).on('click', function () {
-            const val = $(this).data('val');
-            $(`#${qid} .q-opt`).prop('disabled', true).css('opacity', '0.6');
-            $(this).css({background:'#667eea', color:'#fff'});
-            $('#messageInput').val(String(val));
-            sendMessage();
-        });
-        scrollToBottom();
-    }
-
-    function getCurrentTime() {
-        const now = new Date();
-        return now.getHours().toString().padStart(2, '0') + ':' +
-            now.getMinutes().toString().padStart(2, '0');
-    }
-
-    function addMessage(content, type = 'ai') {
-        const messagesDiv = $('#chatMessages');
-        const messageId = `msg-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-
-        const messageHtml = `
-                <div class="message ${type}-message" id="${messageId}">
-                    <div class="message-bubble">
-                        <div class="message-content">${type === 'ai' ? md.render(content) : content}</div>
-                        <div class="message-meta">
-                            <span class="message-time">${getCurrentTime()}</span>
-                            <div class="message-actions">
-                                <button class="action-btn" onclick="copyMessage('${messageId}')">复制</button>
-                            </div>
-                            <div class="message-actions">
-                                 <button class="action-btn" onclick="regenerateMessage('${messageId}')">重新生成</button>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            `;
-
-        messagesDiv.append(messageHtml);
-        scrollToBottom();
-        return messageId;
-    }
-
-    function showTypingIndicator() {
-        const messagesDiv = $('#chatMessages');
-        const typingHtml = `
-                <div class="message ai-message" id="typingIndicator">
-                    <div class="typing-indicator">
-                        <div class="typing-dot"></div>
-                        <div class="typing-dot"></div>
-                        <div class="typing-dot"></div>
-                        <span style="margin-left: 10px; color: #666; font-size: 14px;">正在思考...</span>
-                    </div>
-                </div>
-            `;
-        messagesDiv.append(typingHtml);
-        scrollToBottom();
-    }
-
-    function hideTypingIndicator() {
-        $('#typingIndicator').remove();
-    }
-
-    function updateStatus(text, type = 'connected') {
-        const indicator = $('#statusIndicator');
-        const statusText = $('#statusText');
-        statusText.text(text);
-        indicator.removeClass('status-connected status-disconnected status-connecting');
-        switch(type) {
-            case 'connected':
-                indicator.addClass('status-connected');
-                break;
-            case 'error':
-                indicator.addClass('status-disconnected');
-                break;
-            case 'connecting':
-                indicator.addClass('status-connecting');
-                break;
-        }
-    }
-
-    function scrollToBottom() {
-        const messagesDiv = $('#chatMessages');
-        setTimeout(() => {
-            messagesDiv.scrollTop(messagesDiv[0].scrollHeight);
-        }, 10);
-    }
-
-    function ensureInputAtBottom() {
-        setTimeout(() => {
-            scrollToBottom();
-            const messagesDiv = $('#chatMessages');
-            let bottomSpacer = messagesDiv.find('.bottom-spacer');
-            if (bottomSpacer.length === 0) {
-                messagesDiv.append('<div class="bottom-spacer"></div>');
-            }
-        }, 100);
-    }
-
-    function saveToHistory(role, content) {
-        chatHistory.push({
-            role: role,
-            content: content,
-            timestamp: Date.now()
-        });
-
-        if (chatHistory.length > CONFIG.maxHistory) {
-            chatHistory = chatHistory.slice(-CONFIG.maxHistory);
-        }
-        localStorage.setItem('chatHistory', JSON.stringify(chatHistory));
-    }
-
-    function loadChatHistory() {
-        const saved = localStorage.getItem('chatHistory');
-        if (saved) {
-            try {
-                chatHistory = JSON.parse(saved);
-                if (chatHistory.length > 0) {
-                    chatHistory.forEach(item => {
-                        if (item.role === 'user' || item.role === 'assistant') {
-                            addMessage(item.content, item.role === 'user' ? 'user' : 'ai');
-                        }
-                    });
-                    ensureInputAtBottom();
-                }
-            } catch (e) {
-                console.error('加载聊天历史失败:', e);
-                chatHistory = [];
-            }
+            submit.disabled = false;
+            result.className = "result bad";
+            result.textContent = "提交失败：" + e.message;
         }
-    }
-
-    function clearChat() {
-        if (confirm('确定要清空当前对话吗？')) {
-            $('#chatMessages').html(`
-                    <div class="message ai-message">
-                        <div class="message-bubble">
-                            <div class="message-content">
-                                对话已清空，请开始新的对话。
-                            </div>
-                            <div class="message-meta">
-                                <span class="message-time">${getCurrentTime()}</span>
-                            </div>
-                        </div>
-                    </div>
-                `);
-            chatHistory = [];
-            localStorage.removeItem('chatHistory');
-            updateStatus('对话已清空', 'connected');
-            sessionId ="";
-            conversationId = "c-" + Date.now() + "-" + Math.random().toString(36).slice(2, 8);
-            ensureInputAtBottom();
-        }
-    }
-
-    function copyMessage(messageId) {
-        const messageContent = $(`#${messageId}`).find('.message-content').text();
-        navigator.clipboard.writeText(messageContent).then(() => {
-            const button = $(`#${messageId} .action-btn:first-child`);
-            const originalText = button.text();
-            button.text('已复制');
-            setTimeout(() => {
-                button.text(originalText);
-            }, 2000);
-        });
-    }
-
-    function regenerateMessage(messageId) {
-        const messageDiv = $(`#${messageId}`);
-        const content = messageDiv.find('.message-content').text();
-        chatHistory = chatHistory.filter(item =>
-            item.role !== 'assistant' || item.content !== content
-        );
-        $('#messageInput').val(content);
-        sendMessage();
-        messageDiv.remove();
-    }
-
-    function handleError(error) {
-        hideTypingIndicator();
-        const errorMessage = `
-                抱歉，请求出现错误：${error.message}<br><br>
-                <strong>可能的原因：</strong><br>
-                1. Spring Boot 后端服务未启动<br>
-                2. API 接口路径不正确<br>
-                3. 网络连接问题<br><br>
-                <strong>检查步骤：</strong><br>
-                1. 确保后端服务在端口 8099 运行<br>
-                2. 检查浏览器控制台查看详细错误<br>
-                3. 刷新页面重试
-            `;
-        addMessage(errorMessage, 'ai');
-        updateStatus('请求失败', 'error');
-        ensureInputAtBottom();
-    }
-
-    function bindKeyboardEvents() {
-        $('#messageInput').on('keypress', function(e) {
-            if (e.which === 13 && !e.shiftKey) {
-                e.preventDefault();
-                sendMessage();
-            }
-        });
-
-        $(document).on('keydown', function(e) {
-            if (e.ctrlKey && e.key === 'Enter') {
-                sendMessage();
-            }
-            if (e.key === 'Escape') {
-                $('#messageInput').val('');
-            }
-            if (e.key === 'ArrowUp' && $('#messageInput').val() === '') {
-                const lastUserMessage = chatHistory
-                    .filter(item => item.role === 'user')
-                    .pop();
-                if (lastUserMessage) {
-                    $('#messageInput').val(lastUserMessage.content);
-                    e.preventDefault();
-                }
-            }
+        loadConvs();
+    };
+}
+
+/* ================= FK 二级选择器（列表/搜索/分页/选择） ================= */
+const fk = { table: null, q: "", page: 1, pageSize: 20, total: 0, onPick: null };
+
+function openFkPicker(table, title, onPick) {
+    fk.table = table;
+    fk.q = "";
+    fk.page = 1;
+    fk.onPick = onPick;
+    $("#fkTitle").textContent = "选择" + (title || "");
+    $("#fkSearch").value = "";
+    $("#modalMask").classList.add("show");
+    loadFkPage();
+    $("#fkSearch").focus();
+}
+
+async function loadFkPage() {
+    const body = $("#fkBody");
+    body.innerHTML = '<div style="padding:20px;color:#888">加载中…</div>';
+    try {
+        const url = BASE + "/api/agent/form/options?table=" + encodeURIComponent(fk.table)
+            + "&brandsid=" + encodeURIComponent(brandsid)
+            + "&q=" + encodeURIComponent(fk.q)
+            + "&page=" + fk.page + "&pageSize=" + fk.pageSize;
+        const d = await (await fetch(url)).json();
+        fk.total = d.total || 0;
+        const cols = d.columns || [];
+        const rows = d.rows || [];
+        const table = el("table");
+        const thead = el("thead");
+        const trh = el("tr");
+        cols.forEach(c => trh.appendChild(el("th", null, c.label)));
+        thead.appendChild(trh);
+        table.appendChild(thead);
+        const tbody = el("tbody");
+        const nameCol = cols.length ? cols[0].col : null;
+        rows.forEach(r => {
+            const tr = el("tr");
+            cols.forEach(c => tr.appendChild(el("td", null, r[c.col] == null ? "" : String(r[c.col]))));
+            tr.onclick = () => {
+                $("#modalMask").classList.remove("show");
+                if (fk.onPick && nameCol) fk.onPick(String(r[nameCol] || ""));
+            };
+            tbody.appendChild(tr);
         });
-    }
-
-    $('#modelSelector').on('change', function() {
-        currentModel = $(this).val();
-        updateStatus(`切换到${$(this).find('option:selected').text()}模式`, 'connected');
-    });
-
-    $(window).on('resize', function() {
-        ensureInputAtBottom();
-    });
+        table.appendChild(tbody);
+        body.innerHTML = "";
+        if (!rows.length) {
+            body.innerHTML = '<div style="padding:20px;color:#888">没有匹配的记录</div>';
+        } else {
+            body.appendChild(table);
+        }
+        const pages = Math.max(1, Math.ceil(fk.total / fk.pageSize));
+        $("#fkPageInfo").textContent = "共 " + fk.total + " 条 · 第 " + fk.page + "/" + pages + " 页";
+        $("#fkPrev").disabled = fk.page <= 1;
+        $("#fkNext").disabled = fk.page >= pages;
+    } catch (e) {
+        body.innerHTML = '<div style="padding:20px;color:#c0392b">加载失败：' + e.message + "</div>";
+    }
+}
+
+$("#fkClose").onclick = () => $("#modalMask").classList.remove("show");
+$("#modalMask").onclick = (e) => { if (e.target === $("#modalMask")) $("#modalMask").classList.remove("show"); };
+$("#fkPrev").onclick = () => { if (fk.page > 1) { fk.page--; loadFkPage(); } };
+$("#fkNext").onclick = () => { fk.page++; loadFkPage(); };
+let fkSearchTimer;
+$("#fkSearch").oninput = (e) => {
+    clearTimeout(fkSearchTimer);
+    fkSearchTimer = setTimeout(() => { fk.q = e.target.value.trim(); fk.page = 1; loadFkPage(); }, 300);
+};
+
+/* ================= 输入框 & 初始化 ================= */
+const input = $("#messageInput");
+input.addEventListener("keydown", (e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+        e.preventDefault();
+        const v = input.value;
+        input.value = "";
+        input.style.height = "auto";
+        sendMessage(v);
+    }
+});
+input.addEventListener("input", () => {
+    input.style.height = "auto";
+    input.style.height = Math.min(input.scrollHeight, 140) + "px";
+});
+$("#sendBtn").onclick = () => {
+    const v = input.value;
+    input.value = "";
+    input.style.height = "auto";
+    sendMessage(v);
+};
+$("#toggleSide").onclick = () => $("#sidebar").classList.toggle("hidden");
+$("#newConvBtn").onclick = newConv;
+
+newConv();
 </script>
 </body>
 </html>
--
libgit2 0.22.2