微信小程序 - QA G-Cite 引用归因 交互原型设计（ASCII Wireframes）

文档版本：v1.0

更新日期：2026-06-16

文档定位：G-Cite 引用归因的交互原型设计稿（移动端微信小程序）

所属体系：QA_Chat Agent 的 G-Cite 引用归因体系

配套文档：

• Dify 平台功能设计（Chatflow 编排 / 合并节点 / LLM 配置 / SSE 协议） → QA_G-Cite_Dify平台功能设计.md
• 移动端功能设计（SSE 接收 / idMap / 流式渲染 / 半屏 / Q&A） → QA_G-Cite_移动端功能设计.md

---

1. 原型 1：对话气泡中的内联引用（默认态）

场景：用户提问楼宇知识，Bot 回复中的 [C:N] 渲染为蓝色上标，上标本身不可交互。

+-------------------------------------------+
|  [Logo] 智能助手           [...] | [x] |
+-------------------------------------------+
|                                           |
| (User) [mic] 巡检人员的巡更流程是什么？   |
|                                           |
| (Bot) [bot]                                |
| +-------------------------------------+   |
| | 巡更人员执行巡检计划时，需先进入     |   |
| | "巡更"功能项1。系统会根据预设的巡    |   |
| | 检路线自动生成待检点列表2。          |   |
| |                                      |   |
| | 巡检过程中如发现异常，可直接在终端   |   |
| | 上报，系统会自动通知物业管理人员3。  |   |
| |                                      |   |
| | ----------------------------------- |   |
| | [icon:doc] 引用来源（3）  [展开 v]  |   |
| | ----------------------------------- |   |
| +-------------------------------------+   |
|                                           |
+-------------------------------------------+
| [kbd] |  请输入您的需求...           | [mic] |
+-------------------------------------------+

注：上标 1 2 3 为蓝色纯展示标记，不可点击

底部摘要栏规则：

• 默认折叠态，显示 "[icon:doc] 引用来源（N）" + "[展开 v]"
• N = 回答中实际被引用的 Chunk 数量（非检索召回总数）
• 若回答无任何引用（如寒暄场景），则不显示此栏
• [icon:doc] 是占位符，实际实现使用 Font Awesome 6 fa-file-lines SVG（详见 移动端功能设计 §6.6）

---

2. 原型 2：引用摘要栏 - 展开态

场景：用户点击"展开"后，展示被引用的文档标题列表。整行可点击跳转至原文档。

+-------------------------------------------+
| (Bot) [bot]                                |
| +-------------------------------------+   |
| | 巡更人员执行巡检计划时，需先进入     |   |
| | "巡更"功能项1。系统会根据预设的巡    |   |
| | 检路线自动生成待检点列表2。          |   |
| |                                      |   |
| | 巡检过程中如发现异常，可直接在终端   |   |
| | 上报，系统会自动通知物业管理人员3。  |   |
| |                                      |   |
| | ----------------------------------- |   |
| | [icon:doc] 引用来源（3）  [收起 ^]  |   |
| |                                      |   |
| |  1   云巡9巡检端说明书               |   |
| |  2   巡更操作指南 v2.1               |   |
| |  3   物业管理制度 · 异常上报         |   |
| +-------------------------------------+   |
+-------------------------------------------+

整行可点：
  - 默认态：透明背景
  - 点击瞬间：浅灰背景 (active 态)
  - 行高 >= 44px (符合移动端 tap 目标)

列表项规则：

• 每行仅显示：序号 + 文档标题
• 文档标题来自 chunk_metadata[N].document_title（人类可读的标题字段，详见 知识库元数据标签体系设计 v1.3 §2.1）。⚠️ 不是 document_name（处理后的 .md 文件名），那个名字带 .md 后缀、不适合给终端用户看
• 整行可点击跳转至原文档（链接地址来自 chunk_metadata[N].source_file_url），不用箭头装饰
• 行高 >= 44px（符合移动端 tap 目标规范）
• 状态反馈：
  • 默认态：透明背景
  • 点击瞬间：浅灰背景（active 态）
• 若 document_title 为空（也未回退到 document_name），则显示 来源 N 作为兜底文案
• 若 source_file_url 为空，则整行不可点击（无 active 态、文字置灰）

---

3. 原型 3：无引用场景（移动端）

场景：回答不涉及知识库时（如寒暄、KB 未命中），无上标、无摘要栏。

+-------------------------------------------+
|  (User) [mic] 你好                        |
|                                           |
|  (Bot) [bot]                              |
|  +-------------------------------------+  |
|  | 你好呀，有什么可以帮你的？         |  |
|  +-------------------------------------+  |
|                                           |
+-------------------------------------------+

+-------------------------------------------+
|  (User) [mic] 这栋楼有健身房吗？          |
|                                           |
|  (Bot) [bot]                              |
|  +-------------------------------------+  |
|  | 抱歉，根据现有资料无法确定。您可以 |  |
|  | 联系物业获取最新信息。             |  |
|  +-------------------------------------+  |
|                                           |
+-------------------------------------------+

规则：

• 回答无任何 [C:N] 标注时，不显示摘要栏（连折叠态都不显示）
• LLM 触发场景：寒暄 / KB 未命中 / 拒答（如"抱歉无法确定"）
• 这是 G-Cite 方案相对 Dify 原生"引用和归属"的关键优势——无关 Chunk 不污染用户视图