From e51ada4d60466bcc817915fab3748d813a4e4397 Mon Sep 17 00:00:00 2001
From: ryan <ryan@arctel.net>
Date: Thu, 18 Jun 2026 18:58:12 +0800
Subject: [PATCH] =?UTF-8?q?fix(wavelet):=20=E8=B6=8B=E5=8A=BF=E5=9B=BE?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E6=94=AF=E6=8C=81=E5=8F=AF=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?=E6=A0=87=E9=A2=98=E4=B8=8E=E6=8F=8F=E8=BF=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

便于节点详情页复用请求与容量趋势图。
---
 .../dashboard/capacity-trend-chart.tsx           | 16 +++++++++++-----
 .../components/dashboard/traffic-trend-chart.tsx | 16 +++++++++++-----
 2 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/Wavelet/frontend/app/(main)/components/dashboard/capacity-trend-chart.tsx b/Wavelet/frontend/app/(main)/components/dashboard/capacity-trend-chart.tsx
index b9d1ad90..fffac7c8 100644
--- a/Wavelet/frontend/app/(main)/components/dashboard/capacity-trend-chart.tsx
+++ b/Wavelet/frontend/app/(main)/components/dashboard/capacity-trend-chart.tsx
@@ -12,14 +12,20 @@ import type {CapacityTrendPoint} from '@/lib/services/openflare';
 
 import {formatPercent, formatTrendHour} from './dashboard-utils';
 
-export function CapacityTrendChart({points}: {points: CapacityTrendPoint[]}) {
+export function CapacityTrendChart({
+  points,
+  title = '24 小时容量趋势',
+  description = '按小时聚合 CPU 与内存使用率，判断整体容量是否持续紧张。',
+}: {
+  points: CapacityTrendPoint[];
+  title?: string;
+  description?: string;
+}) {
   return (
     <Card className="border-dashed shadow-none">
       <CardHeader>
-        <CardTitle className="text-sm font-semibold">24 小时容量趋势</CardTitle>
-        <CardDescription className="text-xs">
-          按小时聚合 CPU 与内存使用率，判断整体容量是否持续紧张。
-        </CardDescription>
+        <CardTitle className="text-sm font-semibold">{title}</CardTitle>
+        <CardDescription className="text-xs">{description}</CardDescription>
       </CardHeader>
       <CardContent>
         <TrendChart
diff --git a/Wavelet/frontend/app/(main)/components/dashboard/traffic-trend-chart.tsx b/Wavelet/frontend/app/(main)/components/dashboard/traffic-trend-chart.tsx
index c3dcbc4f..19182080 100644
--- a/Wavelet/frontend/app/(main)/components/dashboard/traffic-trend-chart.tsx
+++ b/Wavelet/frontend/app/(main)/components/dashboard/traffic-trend-chart.tsx
@@ -12,14 +12,20 @@ import type {TrafficTrendPoint} from '@/lib/services/openflare';
 
 import {formatTrendHour} from './dashboard-utils';
 
-export function TrafficTrendChart({points}: {points: TrafficTrendPoint[]}) {
+export function TrafficTrendChart({
+  points,
+  title = '24 小时请求趋势',
+  description = '观察整体请求量和错误量是否出现异常抬升。',
+}: {
+  points: TrafficTrendPoint[];
+  title?: string;
+  description?: string;
+}) {
   return (
     <Card className="border-dashed shadow-none">
       <CardHeader>
-        <CardTitle className="text-sm font-semibold">24 小时请求趋势</CardTitle>
-        <CardDescription className="text-xs">
-          观察整体请求量和错误量是否出现异常抬升。
-        </CardDescription>
+        <CardTitle className="text-sm font-semibold">{title}</CardTitle>
+        <CardDescription className="text-xs">{description}</CardDescription>
       </CardHeader>
       <CardContent>
         <TrendChart