使用 mermaid.js 的工作流仪表板

此工作流适合以下人群：
- 开发者：需要快速构建和测试自动化工作流的开发者。
- 数据分析师：希望通过可视化工具（如 Mermaid.js）来展示工作流的分析结果。
- 项目经理：需要监控和管理多个工作流的项目经理。
- 技术支持人员：需要快速响应客户请求并提供工作流相关信息的支持人员。

该工作流解决了以下问题：
- 工作流可视化：通过 Mermaid.js，用户可以直观地查看和分析 n8n 工作流。
- 自动化响应：通过 Webhook 触发，用户可以在点击测试按钮时自动获取工作流信息。
- 工作流管理：用户可以轻松列出和查看所有工作流的详细信息。

工作流过程详解：
1. 触发工作流：用户点击“测试工作流”按钮，触发 Webhook。
2. 条件判断：使用 Switch 节点判断请求中是否包含工作流 ID。
3. 列出工作流：如果没有工作流 ID，则列出所有可用工作流。如果有，则获取单个工作流的详细信息。
4. 准备数据：通过 Set 节点准备工作流数据，并为 Mermaid.js 创建可视化所需的格式。
5. 生成 Mermaid 图表：使用 Code 节点生成 Mermaid.js 所需的图表字符串。
6. 响应请求：使用 RespondToWebhook 节点返回 Mermaid 图表或 HTML 页面，供用户查看。

用户可以按以下方式自定义和调整此工作流：
- 修改 Webhook 路径：根据需要更改 Webhook 的路径，以适应不同的环境。
- 调整工作流节点：根据具体需求添加或删除工作流中的节点，以实现不同的自动化逻辑。
- 定制 Mermaid 图表：在 Code 节点中修改 Mermaid 图表生成逻辑，以适应不同的工作流展示需求。
- 更改响应格式：在 RespondToWebhook 节点中修改响应格式，以返回不同类型的数据或页面内容。