**趋势**
- 生成式 AI 从「单轮问答」走向「可持续业务协作会话」
- 客服、研发协作、知识问答、流程辅导等场景，更需要**可嵌入既有系统**的长对话能力
- iframe 化、多系统隔离、会话可沉淀与可回溯，正成为工具平台标配
**痛点与方向**
- 长上下文带来阅读与导航成本，用户需要摘要、定位、结构化回顾
- 「对话 → 思维导图 → 原文片段回链」契合边聊边整理、边读边定位
- 场景化提示词与模型服务解耦后，前端专注交互编排，模型侧可持续升级
**展望（3–5 年）**
嵌入式 AI 助手将从页面角落的聊天框，演进为可编排工作组件：
系统编码隔离、国际化、主题协同、可观测会话资产，并与企业内部数据服务（如 MDS）打通。
具备可复用长对话底座的产品，更易在多业务线复制推广。
**定位**
可嵌套的通用 AI 长对话界面；通过 URL 参数 `systemCode` 区分嵌入方，自动注册并隔离对话数据。
**核心能力**
- 多轮聊天：先展示用户消息与思考态，再展示 AI 回复
- Markdown 渲染与一键复制
- 场景选择 + 模板参数预览
- 超长首条消息异步生成副标题
- 多轮后自动整理思维导图摘要
**阅读与导航**
- 导图节点关联消息及正文摘录，点击定位到精确片段
- 滚动阅读时节点同步高亮，便于把握全局进度
- 输入区失焦可折叠为右下角消息图标，扩大阅读空间
**体验与持久化**
- 中英文国际化（默认英文）；iframe 可隐藏语言切换并与父系统对齐
- 浅色 / 深色主题
- 会话、消息、导图映射全部入库，支持跨会话延续
**构建方式**
通过tools-hub平台by vibe coding构建（https://www.proginn.com/w/1583582）
**我负责的任务**
- 基于 React + Vite 完成前端工程与极简 UI
- 使用 Ant Design、i18next 实现双语与主题
- 对接 MDS：系统 / 对话 / 消息 / 思维导图表结构与版本脚本
- 对接 AI Model API：长对话、副标题、导图摘要场景
- 编写 `scripts/` 初始化脚本与 Vitest 业务单测
- 输出 iframe 对接文档，并按版本规范构建发布
**技术栈与架构**
| 层级 | 技术 / 职责 |
|----------|--------------------------------------|
| 视图 | React 19、Ant Design、react-markdown |
| 工程 | Vite、i18next |
| 数据 | Model Data Server（MySQL） |
| 智能 | AI Model API |
| 结构 | `src/services` 纯逻辑 与 视图层分离 |
**难点与亮点**
1. 嵌套布局下固定高度测量，避免页面整体溢出
2. mindmap 与正文 exact quote 校验入库，滚动精确定位
3. 阅读焦点与导图选中双向协同
4. 输入区失焦折叠与布局重算
5. 乐观展示 + 异步副标题 / 导图刷新，不阻塞主对话
评论