Shrenzoo/incident_bridge

# IncidentBridge 🚀 **AI 驱动的事件响应系统，通过基于 AICOO 身份的消息传递机制，连接供应商与客户的运营操作。** [](https://www.aicoo.io) [](https://nextjs.org) [](https://www.typescriptlang.org) [](https://tailwindcss.com) IncidentBridge 是一个实时模拟系统，展示了两个 AI agent —— 一名 SaaS 供应商的值班工程师和一名企业客户的运营主管 —— 之间协作解决生产环境事件的过程。每一条消息都会流经 **AICOO API**，演示了字段级别的脱敏、自动升级规则以及 Human-in-the-loop 审批流程。 为 **AICOO Hackathon** 而构建。 ## ✨ 功能 - **真实的 AICOO 集成** —— 每条消息都会通过 `POST /api/v1/agent/message` 发送至您的 AICOO 收件箱，并提供实时送达确认 - **字段级脱敏** —— 各方只能看到其权限范围内的信息（供应商隐藏内部服务名称，客户隐藏 SLA 层级） - **智能升级** —— 当回滚操作影响共享基础设施时自动触发 - **自适应叙事** —— 批准即可立即解决；拒绝则会进入热修复的备用分支路径 - **实时活动日志** —— 所有 AICOO API 调用均会被跟踪，包含状态码和送达凭证，并在演示 UI 中可见 - **6 轮叙事弧线** —— 涵盖从检测到解决的完整事件生命周期 - **深色模式** —— 遵循系统偏好设置 - **动态桥接可视化** —— 消息粒子实时流经 AICOO 连接的动画展示 ## 🎬 演示流程 ``` Vendor detects degradation → No rollback proposed Client reports SLA impact → No rollback proposed Vendor proposes rollback → ⚠️ ESCALATION FIRES ┌─ Approve → Incident resolved 🎉 └─ Deny → Vendor offers hotfix → Client accepts → Resolved 🎉 ``` ## 🧱 技术栈 | 层级 | 技术 | |-------|-----------| | 框架 | [Next.js 14](https://nextjs.org/) (App Router) | | UI | [React 18](https://react.dev/) + [Tailwind CSS 3](https://tailwindcss.com/) | | 语言 | [TypeScript 5](https://www.typescriptlang.org/) | | AI Agent | [Claude Haiku 3.5](https://www.anthropic.com/) (带有模拟备用方案) | | 消息传递 | [AICOO API](https://www.aicoo.io) (`POST /api/v1/agent/message`) | | 字体 | [Inter](https://rsms.me/inter/) | ## 🚀 快速开始 ``` # Clone 仓库 git clone https://github.com/Shrenzoo/incident_bridge.git cd incident_bridge # 安装依赖 npm install # 设置环境 cp .env.example .env.local # 将您的 AICOO API key 和 targets 添加到 .env.local： # AICOO_API_KEY=your_key_here # AICOO_VENDOR_TARGET=your_aicoo_username # AICOO_CLIENT_TARGET=your_aicoo_username # 启动开发服务器 npm run dev ``` 打开 [http://localhost:3000](http://localhost:3000) 并点击 **Start Incident**。 ## 🔧 环境变量 | 变量 | 必需 | 描述 | |----------|----------|-------------| | `AICOO_API_KEY` | ✅ | 您的 AICOO API 密钥 (以 `aicoo_sk_live_` 开头) | | `AICOO_API_BASE` | ❌ | AICOO API 基础 URL (默认值: `https://www.aicoo.io/api/v1`) | | `AICOO_VENDOR_TARGET` | ❌ | 用于供应商接收消息的 AICOO 用户名 | | `AICOO_CLIENT_TARGET` | ❌ | 用于客户接收消息的 AICOO 用户名 | | `AICOO_GROUP_ID` | ❌ | 用于团队接收消息的 AICOO 群组 ID | | `ANTHROPIC_API_KEY` | ❌ | Claude API 密钥 (如未提供则使用模拟响应) | ## 🔐 脱敏的工作原理 系统提示词和 UI 强制执行了各方的可见性规则： - **供应商**可共享：受影响的 endpoint、事件状态、预计修复时间 (ETA)、影响摘要 - **供应商**不可共享：内部服务名称、部署 ID、其他客户数量 - **客户**可共享：流量影响、SLA 相关问题、业务背景 - **客户**不可共享：SLA 层级、流量规模 (专有数据) 脱敏字段在聊天气泡中会显示锁图标 —— 仅对另一方可见。 ## 🤝 许可证 满怀 ❤️ 为 AICOO Hackathon 而构建。

标签：AI智能体, TypeScript, 协同通信, 安全插件, 自动化攻击, 运维监控