littlefattyminion/incident-response-system

# ⚡ 事故响应系统 一个全栈 React 仪表盘，可将混乱的信号（邮件、警报、监控工具）转化为清晰、可审计的决策。 ## 🚀 快速开始 ``` # 安装 npm install # 运行 npm start ``` 在 **http://localhost:3000** 打开 ## 📦 生产环境构建 ``` npm run build ``` 输出位于 `/build` —— 可部署至 Vercel、Netlify 或任意静态主机。 ## 🗂 项目结构 ``` src/ ├── App.js # Root — nav, tabs, cross-module state ├── index.js # React entry point ├── index.css # Global design tokens (dark theme) ├── data.js # Classifier logic, workflows, shared data └── components/ ├── UI.jsx # Shared primitives (Card, Badge, Avatar…) ├── AIAnalysis.jsx # Module 1 — severity classifier ├── ApprovalWorkflow.jsx # Module 2 — stakeholder routing & approval └── AuditLog.jsx # Module 3 — audit trail & post-incident report ``` ## 🧩 模块 ### 1 · AI 分析 - 粘贴任意事故信号（PagerDuty 警报、邮件、Slack 消息） - 客户端关键词分类器对 P1 / P2 / P3 置信度进行评分 - 提取信息：受影响用户、每分钟收入、区域、服务名称 - 路由至正确的利益相关者组（支付 → 财务；认证 → 安全） - 推荐即时、短期及监控措施 ### 2 · 审批工作流 - 可视化 5 步流水线，节点状态实时更新（完成 / 进行中 / 待处理 / 已拒绝） - 可切换 P1（3 位审批人）、P2（1 位审批人）、P3（团队负责人） - 批准 / 拒绝按钮更新流水线并附加实时审计条目 - 按严重级别设置的升级规则 - 收集所有审批后自动推进至执行阶段 ### 3 · 审计日志 - 已解决事故浏览器，包含完整元数据 - 审批链：审批人、审批时间 - 按事故切换的功能标志 - 从信号发出到解决的完整带时间戳时间线 - 导出报告（浏览器打印） ## 🎨 设计 | 令牌 | 值 | |---|---| | 背景 | `#0a0a0f` | | 表面 | `#111118` | | 强调色 | `#7c6af7` | | 显示字体 | Syne | | 等宽字体 | IBM Plex Mono | 无外部 UI 库 —— 使用 CSS 变量的纯 React + 内联样式。 ## 🔌 扩展 **添加真实 AI 分类** —— 用调用后端 API 的方式替换 `src/data.js` 中的 `classify()` 函数。 **添加真实审批** —— 用 API 调用替换 `ApprovalWorkflow.jsx` 中的本地 `approve()` / `reject()` 处理器。 **添加 LaunchDarkly** —— 执行层（步骤 4）已预留桩代码；接入 LaunchDarkly SDK 以切换真实功能标志。 **添加认证** —— 用您的认证提供者（Auth0、Clerk、NextAuth 等）包装 `App.js`。 ## 📄 许可证 MIT

标签：DevOps工具, DInvoke, IT运维, JavaScript应用, MITM代理, React前端, Socks5代理, 严重性评估, 事件响应系统, 事件管理, 仪表板开发, 信号分类, 全栈应用, 决策支持系统, 合规性管理, 安全运营, 审批工作流, 审计日志, 审计追踪, 工作流自动化, 扫描框架, 数据可视化, 用户界面设计, 自定义脚本, 警报处理, 静态站点部署