补全 Wavelet 边缘节点详情数据看板

将旧版 openflare-server 节点观测界面迁移至 Wavelet 前端，包含运行诊断摘要、
系统信息、实时资源、网络流量、24 小时趋势图、请求结构分布与健康事件时间线。

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

@@ -32,7 +32,15 @@ const chartConfig = {
   },
 } satisfies ChartConfig;
 
-export function CapacityTrendChart({ points }: { points: CapacityTrendPoint[] }) {
+export function CapacityTrendChart({
+  points,
+  title = '24 小时容量趋势',
+  description = '按小时聚合 CPU 与内存使用率，判断整体容量是否持续紧张。',
+}: {
+  points: CapacityTrendPoint[];
+  title?: string;
+  description?: string;
+}) {
   const data = points.map((point) => ({
     hour: formatTrendHour(point.bucket_started_at),
     cpu: point.average_cpu_usage_percent,
@@ -43,10 +51,8 @@ export function CapacityTrendChart({ points }: { points: CapacityTrendPoint[] })
     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>
           <div className="flex h-[280px] items-center justify-center text-xs text-muted-foreground">
@@ -60,10 +66,8 @@ export function CapacityTrendChart({ points }: { points: CapacityTrendPoint[] })
   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 className="pl-2 pr-4">
         <div className="h-[280px] w-full">

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

@@ -26,7 +26,15 @@ const chartConfig = {
   },
 } satisfies ChartConfig;
 
-export function TrafficTrendChart({ points }: { points: TrafficTrendPoint[] }) {
+export function TrafficTrendChart({
+  points,
+  title = '24 小时请求趋势',
+  description = '观察整体请求量和错误量是否出现异常抬升。',
+}: {
+  points: TrafficTrendPoint[];
+  title?: string;
+  description?: string;
+}) {
   const data = points.map((point) => ({
     hour: formatTrendHour(point.bucket_started_at),
     requests: point.request_count,
@@ -37,10 +45,8 @@ export function TrafficTrendChart({ points }: { points: TrafficTrendPoint[] }) {
     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>
           <div className="flex h-[280px] items-center justify-center text-xs text-muted-foreground">
@@ -54,10 +60,8 @@ export function TrafficTrendChart({ points }: { points: TrafficTrendPoint[] }) {
   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 className="pl-2 pr-4">
         <div className="h-[280px] w-full">