Looking at the images, I can see:
- A collapsible "思考链" (thinking chain) showing workflow steps with checkmarks
- A chat interface showing the thinking chain, mathematical content with LaTeX, and a query input
- A workflow editor showing nodes (Start → 计算智能体 → End_1) with JSON inputs/outputs
Let me first understand the codebase structure, then build a comprehensive workflow streaming chat interface.
Now I'll build a comprehensive workflow streaming chat interface with a beautiful design. This will include:
- Collapsible thinking chain with workflow nodes
- Status indicators (pending, processing, completed)
- JSON input/output display
- Tool call visualization
- Streaming message support
- Dark mode support
我已经为你构建了一个完整的 AI 工作流流式聊天界面,主要功能包括:
- 思考链展示 - 可折叠的工作流节点列表,显示 Start → LLM节点 → End 的执行流程
- 状态指示器 - 每个节点都有状态标识(待处理、处理中、已完成、错误),处理中时会显示旋转动画
- JSON 输入/输出查看 - 每个节点可展开查看详细的 JSON 输入输出,支持复制功能
- 工具调用展示 - LLM 节点内的工具调用也有独立的展示,包含执行时间和输入输出
- 流式内容渲染 - 支持 Markdown 格式和 LaTeX 公式的渲染展示
界面采用深蓝色调主题,支持明暗模式切换,输入问题后会模拟流式响应过程。
I need to fix the globals.css file to include all the required default shadcn/ui styles while keeping the custom workflow colors.
已修复 globals.css 文件,现在包含了所有必需的 shadcn/ui 默认样式,同时保留了自定义的工作流颜色变量(success、warning、processing)。界面应该可以正常渲染了,你可以输入问题来测试流式工作流响应效果。