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

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

Wavelet/frontend/app/(main)/nodes/components/distribution-list.tsx

@@ -0,0 +1,45 @@
+'use client';
+
+import {Progress} from '@/components/ui/progress';
+
+import {formatCompactNumber} from '../../components/dashboard/dashboard-utils';
+
+export function DistributionList({
+  items,
+  emptyMessage = '暂无分布数据',
+}: {
+  items: Array<{ label: string; value: number }>;
+  emptyMessage?: string;
+}) {
+  const sortedItems = [...items]
+    .sort((left, right) => right.value - left.value)
+    .slice(0, 8);
+  const maxValue = sortedItems[0]?.value ?? 0;
+
+  if (sortedItems.length === 0) {
+    return (
+      <div className="flex min-h-[180px] items-center justify-center text-xs text-muted-foreground">
+        {emptyMessage}
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-3">
+      {sortedItems.map((item) => {
+        const ratio = maxValue > 0 ? (item.value / maxValue) * 100 : 0;
+        return (
+          <div key={item.label} className="space-y-1.5">
+            <div className="flex items-center justify-between gap-3 text-xs">
+              <span className="truncate font-medium">{item.label || '未知'}</span>
+              <span className="shrink-0 font-mono tabular-nums text-muted-foreground">
+                {formatCompactNumber(item.value)}
+              </span>
+            </div>
+            <Progress value={ratio} className="h-1.5" />
+          </div>
+        );
+      })}
+    </div>
+  );
+}