Deekhatri/agentic-incident-response-mvp
GitHub: Deekhatri/agentic-incident-response-mvp
ResolveOps 是一个纯前端交互式原型,演示了 AI 驱动的告警降噪、根因诊断和人在回路自愈的事件响应工作流。
Stars: 0 | Forks: 0
# ResolveOps - 自主事件响应 MVP
ResolveOps 是一个代理式、自愈型事件响应平台,专为高速迭代的工程团队设计。它接收集群遥测数据,将原始告警聚合为单一的相关联事件(可减少高达 95% 的噪音预算),生成自主的根本原因诊断,并提出人在回路(human-in-the-loop)的自愈方案。
本仓库包含 **ResolveOps 的第一阶段**,这是一个视觉丰富、完全交互的纯前端工作原型,使用 **React 19、TypeScript 和 Tailwind CSS v4** 构建。
## 🎨 视觉标识与架构
ResolveOps 采用了克制的企业级基础设施风格,旨在匹配诸如 Datadog、PagerDuty 或 Kubernetes 控制面板等高保真工程系统:
- **高密度、高可读性的排版**:标准化使用 **Inter** 作为 UI 控件字体,**Space Grotesk** 作为展示标题字体,以及 **JetBrains Mono** 用于环境参数、pod、日志和代码。
- **企业级深色侧边栏布局**:深色侧边栏框架与干净、明亮的工作区容器形成对比。
- **微交互与实时模拟**:自定义状态徽章、置信度指标、内联 SVG 分布指示器以及动态实时日志流。
## 🔄 交互式演示工作流
### 1. 核心 Checkout 5xx 事件
- **背景**:在 Staging 环境中部署的 `checkout-api` 微服务 `v2.4.8` 版本缺少关键环境变量 `PAYMENT_GATEWAY_URL`。
- **风暴**:集群被 24 个相关告警淹没。ResolveOps 将它们关联为 **1 个统一的 SEV-1 事件**,抑制了 **95.8%** 的遥测噪音。
- **调查**:检查该事件会显示:
- Agent 生成的摘要日志。
- 核心根本原因分析(92% 置信度得分)。
- 从 pod stdout 解析出的动态支持性证据。
- 具备完整筛选功能的详细原始告警表。
- **人在回路(Human-in-the-loop)自愈**:
- 点击 **Approve Proposal**。
- 观看实时模拟:状态更新为 *Remediating*,显示容器规模的重新启动,并推出健康的 replica。
- 2 秒后,操作成功完成。事件解决,集群健康度记录为 *Recovering*,并且一条审计账本条目被以加密方式记录。
- **自动生成复盘报告**:服务恢复后,点击 **Generate Postmortem Report** 即可即时合成时间线、根本原因诊断和预防措施。
### 2. 交互式合成告警风暴生成器
- 从主要的 **Overview Dashboard** 中,点击 **Generate Test Incident** 按钮。
- 见证正在进行中的模拟实时流告警风暴:RabbitMQ 队列指标和 ReplicaSet 折叠事件涌入控制台。
- 观看 ResolveOps 的 Agent 关联流水线聚合 15 个传入告警,减少 **93.3%** 的噪音,并输出一个包含根本原因分析、主要修复蓝图和审计事件的新 **SEV-2 事件**。
- 随时通过 **Reset Test Demo** 重置整个演练场以再次运行模拟。
## 🛠️ 技术栈
- **前端**:React 19(函数式组件、hooks)
- **语言**:TypeScript(严格的类型接口)
- **样式**:Tailwind CSS v4(内联工具类、自定义的 `@theme` 绑定)
- **打包工具**:Vite
- **图标**:Lucide React
- **本地状态管理**:React Context 与本地 hook 状态
## 🚀 本地设置与验证
确保您的机器上已安装 Node.js。
1. **安装依赖**:
npm install
2. **启动开发服务器**:
npm run dev
打开浏览器并导航至 `http://localhost:3000`。
3. **验证编译与类型**:
npm run lint
和
npm run build
## ⚠️ 第一阶段纯前端限制
- **状态持久化**:状态使用驻留在内存中的 React 状态 hook 进行维护。刷新或强制重新加载会将控制面板恢复到其初始的活跃 SEV-1 告警状态。
- **集成层**:此原型中未加载任何外部 API、身份验证提供程序、数据库连接或容器编排 SDK。所有诊断日志和告警 payload 均为模拟数据,以保证高可用性和沙箱安全性。
标签:React, Syscalls, Tailwind CSS, TypeScript, 前端原型, 安全插件, 自动化攻击, 自愈系统, 运维监控