feat(dashboard): 首页请求趋势拆分状态码并合并容量到业务流量

- 24 小时请求趋势拆分展示请求总量与 200/400/500 状态码请求量，独占一行；
  时间桶聚合新增 status_200/400/500_count（CH countIf、PG FILTER），
  请求趋势改为基于原始桶聚合（小时 rollup 无状态码口径）
- 首页移除宿主机磁盘指标，容量趋势（CPU/内存）并入业务流量卡片展示
- 压缩协议 traffic_24h 扩展为 7 元组，前端归一化同步更新

frontend/app/(main)/components/dashboard/traffic-capacity-trend-chart.tsx

@@ -3,39 +3,29 @@
 import { TrendChart } from '@/components/data/trend-chart';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import type {
-  DiskIOTrendPoint,
+  CapacityTrendPoint,
   NetworkTrendPoint,
 } from '@/lib/services/openflare';
 
 import {
   formatBytes,
-  formatBytesPerSecond,
+  formatPercent,
   formatTrendHour,
 } from './dashboard-utils';
 
-/** Backend disk points are per-hour totals; chart displays bytes/s within each hour. */
-const DISK_BUCKET_SECONDS = 3600;
-
-function diskBytesToRate(bytes: number) {
-  return bytes > 0 ? bytes / DISK_BUCKET_SECONDS : 0;
-}
-
-function formatDiskRate(bytesPerSecond: number) {
-  return formatBytesPerSecond(bytesPerSecond, 1, { zeroText: '0 B' });
-}
-
-export function NetworkDiskTrendChart({
+/** 业务流量（来自访问日志）与容量趋势（节点 Agent 宿主机指标）合并展示。 */
+export function TrafficCapacityTrendChart({
   networkPoints,
-  diskPoints,
+  capacityPoints,
 }: {
   networkPoints: NetworkTrendPoint[];
-  diskPoints: DiskIOTrendPoint[];
+  capacityPoints: CapacityTrendPoint[];
 }) {
   return (
     <Card className='border-dashed shadow-none'>
       <CardHeader>
         <CardTitle className='text-sm font-semibold'>
-          24 小时业务流量与宿主机磁盘
+          24 小时业务流量与容量趋势
         </CardTitle>
       </CardHeader>
       <CardContent className='space-y-6'>
@@ -66,31 +56,31 @@ export function NetworkDiskTrendChart({
         />
 
         <TrendChart
-          labels={diskPoints.map((point) =>
+          labels={capacityPoints.map((point) =>
             formatTrendHour(point.bucket_started_at),
           )}
           height={180}
           summaryScope='average'
-          summaryHint='近 24 小时 · 宿主机磁盘 · 平均速率'
-          yAxisValueFormatter={formatDiskRate}
+          summaryHint='近 24 小时 · 宿主机容量 · 平均值'
+          yAxisValueFormatter={formatPercent}
           series={[
             {
-              label: '磁盘读',
-              color: '#a78bfa',
-              fillColor: 'rgba(167, 139, 250, 0.14)',
+              label: '平均 CPU',
+              color: '#0f766e',
+              fillColor: 'rgba(15, 118, 110, 0.15)',
               variant: 'area',
-              values: diskPoints.map((point) =>
-                diskBytesToRate(point.disk_read_bytes),
+              values: capacityPoints.map(
+                (point) => point.average_cpu_usage_percent,
               ),
-              valueFormatter: formatDiskRate,
+              valueFormatter: formatPercent,
             },
             {
-              label: '磁盘写',
-              color: '#fb7185',
-              values: diskPoints.map((point) =>
-                diskBytesToRate(point.disk_write_bytes),
+              label: '平均内存',
+              color: '#2563eb',
+              values: capacityPoints.map(
+                (point) => point.average_memory_usage_percent,
               ),
-              valueFormatter: formatDiskRate,
+              valueFormatter: formatPercent,
             },
           ]}
         />

frontend/app/(main)/components/dashboard/traffic-trend-chart.tsx

@@ -15,7 +15,7 @@ import { formatTrendHour } from './dashboard-utils';
 export function TrafficTrendChart({
   points,
   title = '24 小时请求趋势',
-  description = '观察整体请求量和错误量是否出现异常抬升。',
+  description = '按小时拆分请求总量与 2xx/4xx/5xx 状态码请求量，判断各状态是否异常抬升。',
 }: {
   points: TrafficTrendPoint[];
   title?: string;
@@ -43,9 +43,19 @@ export function TrafficTrendChart({
               values: points.map((point) => point.request_count),
             },
             {
-              label: '错误量',
+              label: '2xx 请求',
+              color: '#22c55e',
+              values: points.map((point) => point.status_2xx_count),
+            },
+            {
+              label: '4xx 请求',
+              color: '#f97316',
+              values: points.map((point) => point.status_4xx_count),
+            },
+            {
+              label: '5xx 请求',
               color: '#ef4444',
-              values: points.map((point) => point.error_count),
+              values: points.map((point) => point.status_5xx_count),
             },
           ]}
         />