一页看清变化
按对话与任务、外观与说明、对话附件预览、数据可视化、个性化、自动化、专家/技能及连接器,查看历史测试线观察与当前分支方案。
逐项优化说明
左侧为用户提供的线上截图及此前测试线观察;未取得截图的当前线上状态仍待核验。右侧为当前分支设计。P0对话与任务
项目选择增加已选置顶
任务列表增加用户分组
任务标题左侧去掉常驻色点
侧栏支持一键收起与拖动调宽
默认展开宽 264px,收起宽 72px;拖动热区宽 7px;键盘方向键每次调整 16px;宽度使用本地缓存保存。
对话发送与停止按钮统一
用户消息气泡适配浅色与深色
P0外观与说明
增加浅色与深色外观设置
浅色与深色 UI 色值参数(开发对照)
以下参数取自当前10月分支原型的主题变量。浅色使用 [data-theme="light"] 覆盖,深色使用 :root 基础值;未覆盖的参数沿用基础值。RGBA 中最后一位为透明度,应与所在背景叠加,不能直接当作不透明色使用。
背景与边框
| 用途 / CSS 变量 | 浅色 | 深色 |
|---|---|---|
页面主背景--bg-primary | #FFFFFF | #111318 |
次级区域背景--bg-secondary | #FFFFFF | #1B1D21 |
输入/选中区域底色--bg-tertiary | #F5F5F5 | #23262B |
弹窗、浮层背景--bg-elevated | #FFFFFF | #292C32 |
悬停背景--bg-hover | #EEEEEE | #30343B |
弱分隔线--border-subtle | #F1F3F4 | rgba(255, 255, 255, 0.06) |
默认边框--border-default | #DADCE0 | rgba(255, 255, 255, 0.10) |
强调边框--border-strong | #BDC1C6 | rgba(255, 255, 255, 0.16) |
文字与强调色
| 用途 / CSS 变量 | 浅色 | 深色 |
|---|---|---|
主文字--text-primary | #1F2329 | #F1F3F4 |
次级文字--text-secondary | #4E5969 | #C8CDD4 |
辅助文字--text-tertiary | #68717B | #AEB5BD |
占位文字--text-placeholder | #666E78 | #979FA8 |
链接、选中强调色--accent-primary | #1A73E8 | #8AB4F8 |
强调色悬停--accent-primary-hover | #185ABC | #AECBFA |
强调区域浅底--accent-primary-dim | #E8F0FE | rgba(138, 180, 248, 0.16) |
强调背景上对比色--accent-contrast | #FFFFFF | #111318 |
次强调色--accent-secondary | #34A853 | #34A853 |
次强调区域浅底--accent-secondary-dim | #E6F4EA | rgba(52, 168, 83, 0.15) |
按钮、消息气泡与开关
| 用途 / CSS 变量 | 浅色 | 深色 |
|---|---|---|
普通实心操作按钮背景--solid-action-bg | #202124 | #454B54 |
普通实心操作按钮文字--solid-action-text | #FFFFFF | #FFFFFF |
可发送/停止按钮背景--composer-action-bg | #3B82F6 | #3B82F6 |
用户消息气泡背景--user-message-bg | #E8F3FE | #173E76 |
用户消息气泡文字--user-message-text | #0C274A | #F6FAFE |
开关开启轨道--automation-switch-on | #3B82F6 | #3B82F6 |
开关关闭轨道--automation-switch-off | #FFFFFF | #FFFFFF |
开启滑块--automation-switch-thumb-on | #FFFFFF | #FFFFFF |
关闭滑块--automation-switch-thumb-off | #202124 | #202124 |
关闭轨道边框--automation-switch-off-border | #CBD5E1 | transparent |
状态色
| 用途 / CSS 变量 | 浅色 | 深色 |
|---|---|---|
成功状态--status-success | #34A853 | #34A853 |
警告状态--status-warning | #FBBC04 | #FBBC04 |
错误状态--status-error | #EA4335 | #EA4335 |
信息状态--status-info | #4285F4 | #4285F4 |
运行状态--status-running | #4285F4 | #4285F4 |
阴影参数
| 用途 / CSS 变量 | 浅色 | 深色 |
|---|---|---|
小阴影--shadow-sm | 0 1px 2px rgba(60, 64, 67, 0.08) | 0 1px 2px rgba(0, 0, 0, 0.3) |
中阴影--shadow-md | 0 2px 10px rgba(60, 64, 67, 0.10) | 0 4px 16px rgba(0, 0, 0, 0.4) |
大阴影--shadow-lg | 0 12px 32px rgba(60, 64, 67, 0.16) | 0 12px 40px rgba(0, 0, 0, 0.5) |
强调发光阴影--shadow-glow | 0 8px 30px rgba(66, 133, 244, 0.24) | 0 8px 30px rgba(66, 133, 244, 0.24) |
侧栏文字局部覆盖
| 用途 / CSS 变量 | 浅色 | 深色 |
|---|---|---|
侧栏主文字--sidebar-text-main | #151515 | #F1F3F4(继承主文字) |
侧栏辅助文字--sidebar-text-muted | #929292 | #AEB5BD(继承辅助文字) |
使用规则
- 页面、弹窗、抽屉、输入框和菜单按对应语义变量切换;图标跟随所在组件的文字或强调色。
- 可发送和停止按钮两种主题均为
#3B82F6;用户消息气泡单独使用消息背景和文字变量。 - 开关开启为蓝色轨道、白色滑块;关闭为白色轨道、深色滑块。浅色关闭态额外使用
#CBD5E1边框,深色关闭态边框透明。 - 初次未保存外观时默认浅色;用户切换立即生效,以
df-appearance-theme-v1在本机缓存,刷新后保留。 - 本表为全局主题及侧栏局部覆盖参数;图表系列色、品牌 Logo、示例图片及组件专用遮罩不属于统一主题变量,按相应模块实现对照。
帮助与反馈增加快速入门指南
优化1:点击左下角用户名,可进入“帮助与反馈”页面。
优化2:“使用帮助”增加“快速入门指南”,点击后在新页面打开 DF AI 使用文档。原型文档:https://df-ai-web.top/manual/,当前阿里云地址用于预览,文档内容持续更新。正式平台应使用企业内部文档地址,建议将文档部署至内部环境并建立同步发布流程;若采用反向代理,需确认外网依赖及原站访问权限。

产品名称统一为 DF AI
产品及帮助文档使用“DF Copilot”名称,部分页面标题仍保留“DF问数”。
优化1:产品名称统一为“DF AI”,覆盖侧栏、首页欢迎语、平台入口、个人中心、页面标题及导出标识。
优化2:帮助文档的页头、目录、正文和浏览器标题同步改为“DF AI”;
P1对话附件
对话文件与产物统一预览
痛点1:顶部“产物”预览时,结果为文本,用户只能下载查看,如果可以在侧边栏嵌入excel插件直接预览,就可以一边看数据一边进行AI对话,更加便捷
痛点2:对话中用户上传的附件,有的时候需要在对话中查看下附件内容来确认是否上传正确,但是现在是无法在对话中预览,期望可以增加对话附件的预览功能
P1数据可视化
【数据可视化】专项场景及对应专家
优化1:新增数据可视化专家,涉及的 Skill 和图表类型详见 数据可视化 PRD 说明 ↗。
优化2:支持 HTML 的右侧预览和结果导出,具体见原型交互。
优化3:通用助手中也支持根据用户提供的数据与展示需求生成数据可视化结果。
P1个性化
新增个性化记忆与统一管理
1. AI链路:
(1)新增memory.md在对话时加载至上下文中,memory.md为千人千面,每个人可以设置自己的个性化记忆,也可以选择开启和关闭个性化记忆;
(2)memory的来源:
① 优先级高,可先实现用户主动告知,例如“记住,以后分析先给结论”,这类直接保存并记录在个性化模块,同时提示用户“已记住”
② 优先级低,AI 自动总结,从多轮对话中发现稳定偏好(包含回答偏好/展示偏好/工作背景/分析习惯/项目偏好),开启个性化后,简单表达偏好可自动保存;推断出的工作背景、默认项目等先提示确认。自动总结应在一轮任务告一段落或对话空闲后进行,避免每句话都触发记忆提示
(3)记忆的适用范围区分
① 所有对话适用:语言、表达方式、结果详略等通用偏好。
② 指定项目适用:项目背景、关注指标、项目内分析习惯。
2. 功能:
(1)优化1:新增【个性化】配置入口,点击左下角用户名,通过“个性化”进入设置;个性化记忆默认关闭,开启后保存用户要求记住的信息,并由 AI 在后台自动总结对话中的长期偏好。
(2)优化2:【个性化】关闭后,保留已有记忆并置灰,标明“不用于对话”;
(3)优化3:用户对话中保存的个性化记忆,可以在【个性化】中统一管理,支持查看、编辑和删除

P1自动化
自动化模块的功能优化
自动化配置流程较分散,任务内容、执行时间和交付目标需要分别设置;常用多人接收组缺少复用,任务详情与运行结果查看不够集中。
当前线上不支持飞书推送,部分小游戏团队使用飞书协作;同一定时任务每次执行生成新对话,历史结果分散。

优化点1:自动化创建的优化(手动创建)。任务内容、项目、专家、技能、模型、触发器及推送配置。
优化点2:使用对话创建的方式。缺项澄清、每轮最多3问、统一预览与确认创建。
优化点3:推送目标的交互优化。用户与群聊目标管理,以及跨窗口配置联动。
优化点4:自动化模版:项目智能分析报告支持。开放周报模板、内置分析Skill、报告与飞书模拟示例。
优化点5:自动化预览的优化。任务列表、创建方式、详情与日志筛选。
固定任务对话、对话一次性IM推送、本人预览与WOA/飞书对接的完整规则,统一见下方PRD。
内容较多,点击查看完整说明。
DF AI 自动化功能完整 PRD ↗
P1专家/技能
专家模块的创建和预览优化
优化1:专家模块的顺序调整到第一位,所有专家以卡片形式展示,支持专家添加,搜索和查看,其中专家区分全部,预设专家,我的专家,预设专家即系统内置,可预览介绍和关联问题,我的专家为个人创建的
优化2:“创建专家”支持个人创建,创建方式支持对话创建和 ZIP 专家包上传;上传可拖入或选择文件,并可查看格式说明、下载示例。
优化3:内置专家仅展示“概览”,可查看专家介绍和示例问题;系统提示词、技能、连接器、知识库、管理等其他 Tab 及内容均不对外展示。
优化4:个人创建专家可编辑系统提示词,并关联已上传技能、已连接的连接器及个人知识文件,还可设置模型、对外可见性等。

技能模块的创建和展示的优化
P2连接器
新增连接器模块
DF AI 连接器模块功能说明与开发规则
一、建设目标与范围
通过连接器接入外部 MCP 服务,让用户在 DF AI 对话、专家等场景中使用授权范围内的工具能力。
- 展示预置外部服务及用户创建的自定义连接器;内置连接器不对外展示,分类仅保留“全部”。
- 支持配置、授权、连接、工具发现、断开和异常反馈。
- 优先支持远程 Streamable HTTP,兼容 SSE。
- 自定义 STDIO 暂不纳入本期真实连接范围,不能将保存配置视为连接成功。
二、页面功能
1. 连接器列表
以卡片展示名称、图标、简介、连接状态及操作入口,支持搜索。点击卡片查看连接器介绍、配置及可用工具;通过创建入口新增自定义连接器。列表中的连接状态必须来自后端真实会话,不得仅依赖前端缓存。
2. 自定义连接器创建
提供“表单填写”和“JSON 配置”两种方式。
| 字段 | 功能及规则 |
|---|---|
| 服务器名称 | 必填,用于列表和选择器展示。 |
| 简介 | 可选,说明服务用途。 |
| 传输方式 | Streamable HTTP 或 SSE;STDIO 暂不支持真实连接。 |
| 服务地址 | 远程连接必填,填写 MCP 端点,不能直接填写普通 REST API 地址。 |
| 认证方式 | 无需认证、自填 Token/Headers、标准 MCP OAuth。 |
| 请求头 | 按服务要求填写名称和值,支持多项。 |
| 超时时间 | 可选,单位秒,1–600;默认 60 秒。 |
| Skill 使用说明 | 可选,描述适用场景及工具使用约束。 |
| 可见权限 | 个人可见、公开、指定用户可见。 |
| 可见用户账号 ID | 指定用户可见时必填,按平台用户体系校验。 |
JSON 配置需解析并校验服务名称、地址、传输方式、请求头等字段。一期每次处理一个 MCP 服务;多服务配置应明确提示,不能静默只导入其中一个。“Skill 使用说明”仅作为使用参考,不得覆盖系统规则、权限校验或危险操作确认。
3. 保存与测试连接
保存配置与建立连接是两个动作。
- 保存:记录配置,不代表已授权或已连接。
- 测试连接:执行 MCP 初始化及工具列表获取,返回结果。
- 测试结束:释放临时会话,不占用正式连接。
- 测试不得自动调用写入、修改、删除等工具。
- 需要 OAuth 时,提示完成授权后再连接。
当前原型要求已连接的自定义连接器先断开再编辑。正式开发可沿用该规则,避免配置更新与运行中的会话不一致。
4. 正式连接
用户点击连接后,后端负责:配置校验 → 获取或校验凭据 → MCP 初始化 → 获取工具列表 → 保存会话 → 返回连接结果。
连接过程中显示加载状态,防止重复点击,并支持取消。取消后,迟到的成功响应不能将连接器重新变为“已连接”;后端应关闭取消请求对应的会话。
5. 可用工具与调用
连接后展示服务实际返回的工具名称、描述及参数要求。
- 使用当前会话发现的工具及参数结构。
- 后端校验工具是否允许调用、参数是否合法。
- 区分请求失败与工具执行失败,不能只依据 HTTP 200 判断成功。
- 写入、修改、删除等操作执行前展示操作对象及影响,由用户确认。
- 工具返回内容作为外部数据处理,不能改变平台权限或系统规则。
6. 在对话与专家中使用
连接器选择器仅展示当前用户有权使用且已成功连接的内容。
- 未连接、已失效或正在授权的连接器不可选择。
- 断开后,同步更新列表、选择器及专家关联状态。
- 已关联的连接器失效时,保留关联记录并提示重新连接。
- AI 使用连接器时,由后端将可用工具纳入当前请求,再执行工具调用。
“连接器卡片显示已连接”不等于“对话已具备自动调用能力”;AI 工具编排链路需要技术单独实现。
三、状态与反馈规则
- 未连接:配置已保存,可发起连接。
- 连接中:显示加载,可取消,禁止重复连接。
- 待授权:提供授权入口,允许取消等待。
- 已连接:会话有效,已发现可用工具。
- 无可用工具:握手成功但工具为空,提示检查工具名单或权限。
- 授权失效:提示刷新凭据或重新授权。
- 连接失败:展示原因及重试入口。
- 已断开:不再参与工具选择和调用。
错误信息应区分:地址错误、认证失败、权限不足、工具名单为空、网络异常、超时及服务返回错误。禁止在提示中输出完整密钥或令牌。
四、授权与权限规则
1. 使用平台统一用户体系
连接配置、授权凭据和 MCP 会话绑定 DF AI 登录用户及所属组织。不得使用客户端 IP、浏览器本地标识或前端传入的用户 ID 作为唯一身份依据。
2. 可见权限与远端权限分别校验
- “公开”指平台范围内可见,不代表公开到互联网。
- 用户能看到连接器,不代表自动获得创建者的远端访问权限。
- 用户身份授权的连接器,由使用者分别完成授权。
- 共用应用凭据的连接器,需要管理员配置,并限制可使用人员和资源范围。
平台可见权限、MCP 工具权限、第三方资源权限三层都应生效。
3. 凭据管理
- Token、API Key、App Secret 由后端加密保存。
- 前端使用掩码展示,不保存到 localStorage 或页面源码中。
- 日志、埋点及接口错误统一脱敏。
- 根据服务提供的有效期管理令牌,支持刷新或重新授权。
- 断开 MCP 会话与撤销第三方授权分别处理,文案应说明实际影响。
五、后端实现规则
1. 连接服务
采用 MCP SDK 实现初始化、工具发现、工具调用和会话释放。浏览器通过 DF AI 后端访问 MCP 服务,后端统一处理认证、超时及错误;静态 HTML 本身无法完成整套真实连接能力。
2. 服务地址校验
- 正式环境原则上使用 HTTPS;本机 HTTP 仅用于开发环境。
- 后端校验目标域名、解析后的 IP 和重定向地址,限制非授权内部地址。
- 不接受地址中嵌入用户名、密码等认证信息。
3. 会话管理
每个会话至少关联用户、连接器、配置版本、授权身份、工具列表和连接状态。配置或凭据变化后,应建立新会话,避免复用旧配置。服务重启后需重新建立连接或明确标记失效,不能保留虚假的“已连接”。
4. 调用记录
记录调用人、连接器、工具、时间、耗时及结果状态。参数与返回内容按敏感字段脱敏。写操作不能因网络超时而盲目自动重试,避免重复创建或重复修改。
六、开发联调候选
- 飞书:远程 MCP、UAT/TAT、允许工具名单、应用权限和文档权限。
- 腾讯广告:MCP KEY 与 Marketing API access_token 的配置及失效反馈。
- 巨量引擎:官方服务配置、授权账户及工具发现。
- 有道云笔记:SSE 连接、API Key、笔记检索与读取。
- 腾讯 ima:核实官方接入方式;若仅提供 OpenAPI,需先封装为 MCP 服务。
腾讯 ima、有道云笔记为开发测试候选,尚未完成实际联调。测试使用专门账号与测试内容。
七、验收标准
- 保存配置后显示“未连接”,不能直接显示成功。
- 有效配置能够完成初始化并获取工具列表。
- 空工具列表、无效凭据、权限不足和超时有明确反馈。
- 连接取消、断开及会话失效能同步到所有关联界面。
- 工具调用按真实返回结果判定成功或失败。
- 不同用户的授权、会话及资源访问范围相互隔离。
- 前端、日志和报错不暴露真实密钥。
- 对话及专家仅使用有权访问且连接有效的工具。
- 写操作有确认机制,超时不会导致盲目重复执行。
八、当前原型与正式开发的边界
现有原型已包含配置表单及本地 MCP 运行服务代码,可作为开发参考;当前静态页面不能独立完成真实连接。正式开发仍需完成平台后端部署、用户身份绑定、凭据管理、令牌刷新、AI 工具编排和真实联调。本说明不代表上述能力已通过生产验收。
开发联调测试候选
| 服务 | 接入准备 | 建议测试场景 |
|---|---|---|
| 腾讯 ima 官方能力入口 ↗ | 准备测试账号、测试知识库和官方授权配置。当前未确认可直接填写的官方远程 MCP 地址;若提供的是 OpenAPI,需由技术封装为 MCP 服务,再填写该服务地址。 | 检索测试知识库、读取授权内容、查看返回来源;验证无权访问知识库时的错误反馈。工具名称以实际发现结果为准。 |
| 有道云笔记 官方接入说明 ↗ | 官方说明提供 SSE 地址:https://open.mail.163.com/api/ynote/mcp/sse。从官方 MCP 控制台获取 API Key;账号需绑定手机号。认证字段与携带方式按控制台生成的配置填写。 | 先验证连接和工具发现,再列出、搜索及读取测试笔记;确认空目录、无效凭据、连接超时和断开重连的反馈。 |
联调记录需区分“已保存配置”“握手成功”“已发现工具”和“调用成功”。使用专门测试账号及测试内容;涉及创建、修改或删除时使用可处置的测试笔记。以上为开发测试计划,尚未进行真实连接验证。


















