Flowtrace AI 节点工作流运行台产品系统

面向需要构建 AI 创作、智能客服和自动化运营平台的团队，解决多步骤模型调用不可视、执行状态难追踪、失败恢复和用量成本不透明的问题。通过节点画布把输入、模型、校验、人工审批和输出串成可观察的有向无环工作流。

支持在 React Flow 画布上拖拽节点、添加五类步骤、编辑指令、删除节点并通过连接点建立流程；客户端在连线时阻止环路，服务端运行前再次校验节点、重复连接和 DAG。点击运行后由 /api/runs 返回真实 SSE 事件，逐节点展示排队、执行、流式输出、耗时和完成状态。可主动注入一次校验节点超时，系统等待 1.6 秒后自动重试并恢复；运行检查器汇总输入/输出 Token、估算成本、重试次数和服务端时间线。

本人独立完成产品定位、交互设计、前后端开发、自动化测试和 Vercel 部署。前端使用 Next.js 15、React 19、TypeScript 和 @xyflow/react；后端使用 Web ReadableStream 输出 text/event-stream，并按拓扑顺序执行 DAG。实现客户端/服务端双层图校验、AbortController 中止、增量输出解析、失败退避重试和成本账本。公开演示使用读取当前输入与上游输出的确定性 Provider，不调用收费模型、不暴露 API Key，并保留类型化 Provider 接口供生产模型网关接入。Vitest 6 项核心测试、类型检查、生产构建和 390px 移动端验收均通过。