仪表盘细节修整，内核卡片搬左列并加重启

- 曲线空态和图共用一个定高容器，数据到来不再挤下面的内容
- 路由行去掉行间分割线：它会吃掉 hover 高亮的圆角
- 每路走势线先合并成 28 桶再画。3 秒一个采样直接全画，在一条
  百来像素宽的线上只剩噪声；没采集的桶画断口，不画假零
- 环形图两段加圆角，交界用底色描边让出间隙
- 内核卡片从右列搬到服务器和路由之间（左列本来就矮一截），加
  「重启内核」：POST /restart 后内核自我 exec、PID 不变，恢复没有
  任何通知，只能每 2 秒探一次，半分钟探不到交还给外壳心跳

shared/telemetry.ts

@@ -90,3 +90,36 @@ export function lastRate(samples: RouteSample[]): { up: number; down: number } |
   if (!last || last.ms <= 0) return null
   return { up: (last.up / last.ms) * 1000, down: (last.down / last.ms) * 1000 }
 }
+
+/**
+ * 把窗口内的样本合并成固定数量的桶，每桶是平均速率（字节每秒）。
+ *
+ * 走势线要的是形状，不是每一次采样：3 秒一个点、5 分钟窗口是一百个点，
+ * 全画在一条几十像素宽的线上只剩噪声。没有采样的桶是 null（「没在采集」，
+ * 不是「速率为 0」——零样本是采集层补出来的真零），开头的 null 直接裁掉，
+ * 采集是从中途开始的，不该画出一段假的静止期。
+ */
+export function bucketRates(
+  samples: RouteSample[],
+  start: number,
+  end: number,
+  buckets: number,
+): Array<[number, number | null]> {
+  if (end <= start || buckets <= 0) return []
+  const width = (end - start) / buckets
+  const sums = Array.from({ length: buckets }, () => ({ bytes: 0, ms: 0 }))
+  for (const s of samples) {
+    if (s.t < start || s.t > end) continue
+    const i = Math.min(buckets - 1, Math.floor((s.t - start) / width))
+    sums[i]!.bytes += s.up + s.down
+    sums[i]!.ms += s.ms
+  }
+  const points = sums.map(
+    (b, i): [number, number | null] => [
+      Math.round(start + (i + 0.5) * width),
+      b.ms > 0 ? (b.bytes / b.ms) * 1000 : null,
+    ],
+  )
+  const first = points.findIndex(([, v]) => v !== null)
+  return first === -1 ? [] : points.slice(first)
+}