SecureShow · 多智能体应用工作台

一个把知识问答、数据分析和业务应用入口集中起来的多智能体 Web 工作台。用户按任务选择智能体，在同一套界面中发起对话、查看生成结果，或进入文书与视频模块。

前端使用 React、TypeScript 与 Zustand，接入 Dify 和 RAGFlow 等服务。工程重点在于应用入口、会话状态、流式结果和业务页面之间的协作；模型推理、工作流执行与知识检索由接入的后端服务提供。

上方轮播展示视觉分析入口和业务统计视图：前者提供摄像头控制与在线、离线切换，后者展示接入工作台的业务应用及其统计界面。截图用于展示界面组织，图中统计值不作为项目效果指标。

智能体选择决定工作界面

智能体配置包含类型、知识搜索选项和布局模式，应用信息提供欢迎内容与推荐问题。工作台根据当前选择切换问答、数据、视频或文书入口，部分已有业务应用通过嵌入页面接入。

会话、智能体、鉴权与界面状态分别管理。智能体切换不仅影响菜单标题，也需要同步对应的会话和应用信息，避免把不同任务的内容混在一起。

流式回答之外，还要看见执行过程

Dify 接入层按 SSE 事件处理增量文本、消息完成、文件资源和任务状态。工作流开始、节点开始、节点完成与工作流结束等事件进入统一状态，再由执行轨迹组件展示节点状态和耗时。

生成中的内容持续更新，用户可以停止当前任务。回答、工作流状态与最终消息标识分别处理，让界面能够区分正在执行、已经完成和执行失败。

让知识引用可以被展开核对

回答中的引用按文档或知识库分组，用户可展开来源片段与检索评分。文本回答和原始引用分别展示，方便判断内容依据来自哪里。

RAGFlow 管理界面支持文档上传、重命名、解析状态查看、启停与删除；分块页面提供片段详情、编辑和配置入口。知识库维护因此有独立的操作界面，而不只是对话框里的一个搜索开关。

不同结果使用不同的表达方式

消息组件处理 Markdown、代码、图片和引用；结构化图表数据交给图表组件，支持表格、柱状图、折线图、饼图、雷达图和地图等展示方式。

数据分析入口支持双栏布局，让不同内容并排查看。图表和正文分开解析与渲染，避免把用于展示的数据配置直接留在回答文本中。

文书与视频模块的接入边界

文书入口既支持已有应用的嵌入，也保留表单编辑与 Word 导出组件；文件服务层提供 OCR 识别适配。用户可以从工作台进入相应流程，具体能力由对应模块和后端服务承接。

视频入口区分在线与离线场景，组织摄像头选择、权限提示、媒体预览和提交操作。播放、文件上传与聊天状态分别维护，便于在同一个入口下处理不同输入。

用服务适配层组织复杂接入

Dify 的消息、文件和会话接口分模块封装；RAGFlow 的文档、解析和分块接口独立维护。页面消费转换后的状态和结果，减少业务组件与接口细节之间的耦合。

这个项目的价值在于把多个 AI 服务组织成一套可操作的界面：选择入口、提供材料、看到执行状态、查看回答依据，再进入业务成果的编辑或使用流程。

本文依据前端代码整理，仅展示通用功能与工程结构，已省略客户信息、业务数据、服务地址和凭据。