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