Merge branch 'develop' into feat/55

Author: aice030

.github/workflows/deploy-frontend.yml

@@ -0,0 +1,59 @@
+name: Deploy Frontend to Vercel
+
+on:
+  pull_request_target:
+    branches: [develop]
+    paths: ['client/**']
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      pull-requests: write
+    
+    steps:
+    - name: Checkout code
+      uses: actions/checkout@v4
+      with:
+        ref: ${{ github.event.pull_request.head.sha }}
+      
+    - name: Setup Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: '20'
+        cache: 'yarn'
+        cache-dependency-path: client/yarn.lock
+        
+    - name: Install dependencies
+      run: |
+        cd client
+        yarn install --frozen-lockfile
+        
+    - name: Build project
+      run: |
+        cd client
+        yarn build
+        
+    - name: Deploy to Vercel
+      id: vercel-deploy
+      uses: amondnet/vercel-action@v25
+      with:
+        vercel-token: ${{ secrets.VERCEL_TOKEN }}
+        vercel-org-id: ${{ secrets.VERCEL_ORG_ID }}
+        vercel-project-id: ${{ secrets.VERCEL_PROJECT_ID }}
+        working-directory: ./client
+        scope: ${{ secrets.VERCEL_ORG_ID }}
+        
+    - name: Comment PR
+      if: github.event_name == 'pull_request_target'
+      uses: actions/github-script@v7
+      with:
+        script: |
+          const deployUrl = '${{ steps.vercel-deploy.outputs.preview-url }}';
+          github.rest.issues.createComment({
+            issue_number: context.issue.number,
+            owner: context.repo.owner,
+            repo: context.repo.repo,
+            body: `🚀 **Frontend deployed successfully!**\n\n📱 **Preview URL:** ${deployUrl || 'Deployment in progress...'}\n\n✅ Build completed successfully`
+          });

.gitignore

@@ -313,3 +313,4 @@ __debug_bin
 .dockerignore
 
 CLAUDE.md
+.vercel

client/README.md

@@ -17,23 +17,23 @@ See [Vite Configuration Reference](https://vite.dev/config/).
 ## Project Setup
 
 ```sh
-npm install
+yarn install
 ```
 
 ### Compile and Hot-Reload for Development
 
 ```sh
-npm run dev
+yarn dev
 ```
 
 ### Type-Check, Compile and Minify for Production
 
 ```sh
-npm run build
+yarn build
 ```
 
 ### Lint with [ESLint](https://eslint.org/)
 
 ```sh
-npm run lint
+yarn lint
 ```

client/src/api/index.ts

@@ -112,7 +112,6 @@ export const apiService = {
   // 获取告警详情
   getAlertDetail: (issueID: string) => {
     return api.get(`/v1/issues/${issueID}`)
-  }
 }
 
 export default api

client/src/mock/api.ts

@@ -152,6 +152,7 @@ export class MockApiService {
     }
   }
 
+
   // 获取告警列表
   static async getAlerts(start?: string, limit: number = 10, state?: string): Promise<AlertsResponse> {
     await delay(400) // 模拟网络延迟

client/src/mock/services.ts

@@ -216,6 +216,26 @@ export interface DeploymentPlansResponse {
   items: DeploymentPlan[]
 }
 
+// 告警规则变更记录数据结构
+export interface AlertRuleChangeValue {
+  name: string
+  old: string
+  new: string
+}
+
+export interface AlertRuleChangeItem {
+  name: string
+  editTime: string
+  scope: string
+  values: AlertRuleChangeValue[]
+  reason: string
+}
+
+export interface AlertRuleChangelogResponse {
+  items: AlertRuleChangeItem[]
+  next?: string
+}
+
 // Mock数据 - 发布计划（按服务分组）
 export const mockDeploymentPlans: Record<string, DeploymentPlansResponse> = {
   "s3": {
@@ -1616,4 +1636,66 @@ export const mockAlertDetails: Record<string, AlertDetail> = {
       }
     ]
   }
+=======
+// Mock数据 - 告警规则变更记录
+export const mockAlertRuleChangelog: AlertRuleChangelogResponse = {
+  items: [
+    {
+      name: "p98_latency_too_high",
+      editTime: "2024-01-04T12:00:00Z",
+      scope: "service:stg",
+      values: [
+        {
+          name: "threshold",
+          old: "10",
+          new: "15"
+        },
+        {
+          name: "watchTimeDuration",
+          old: "3min",
+          new: "5min"
+        }
+      ],
+      reason: "由于业务增长，系统负载增加，原有10ms的延时阈值过于严格，导致频繁告警。经过AI分析历史数据，建议将阈值调整为15ms，既能及时发现性能问题，又避免误报。"
+    },
+    {
+      name: "saturation_too_high",
+      editTime: "2024-01-03T15:00:00Z",
+      scope: "service:stg",
+      values: [
+        {
+          name: "threshold",
+          old: "50",
+          new: "45"
+        }
+      ],
+      reason: "监控发现系统在50%饱和度时已出现性能下降，提前预警有助于避免系统过载。调整后可以更早发现资源瓶颈，确保服务稳定性。"
+    },
+    {
+      name: "p98_latency_too_high",
+      editTime: "2024-01-03T10:00:00Z",
+      scope: "service:mongo",
+      values: [
+        {
+          name: "threshold",
+          old: "10",
+          new: "5"
+        }
+      ],
+      reason: "MongoDB服务经过优化后性能显著提升，原有10ms阈值已不适用。调整为5ms可以更精确地监控数据库性能，及时发现潜在问题。"
+    },
+    {
+      name: "error_rate_too_high",
+      editTime: "2024-01-01T15:00:00Z",
+      scope: "service:meta",
+      values: [
+        {
+          name: "threshold",
+          old: "10",
+          new: "5"
+        }
+      ],
+      reason: "Meta服务作为核心服务，对错误率要求更加严格。将错误告警阈值从10降低到5，可以更敏感地发现服务异常，确保数据一致性。"
+    }
+  ],
 }