web: unify Agent management and add a draggable link board

Replace Probe pages with directed Agent links, shared deployment controls and unified display data. Add node dragging, canvas pan and zoom, saved layouts, and per-direction link controls.

web/display/src/live.ts

@@ -1,36 +1,13 @@
 import { useEffect, useState } from 'react'
-import type { Page } from '@shared/api/types'
+import type { Page, HostDto, HostItemDto } from '@shared/api/types'
 import { api } from '@shared/api/client'
 import { openLive } from '@shared/api/source'
 
-/** 展示页能拿到的主机状态：只有汇总的数字，没有型号和 IP。 */
-export interface Host {
-  cpu_percent: number | null
-  mem_used: number | null
-  mem_total: number | null
-  disk_used: number | null
-  disk_total: number | null
-  net_rx_total: number | null
-  net_tx_total: number | null
-  net_rx_bps: number | null
-  net_tx_bps: number | null
-  net_link_mbps: number | null
-  uptime_seconds: number | null
-  at: string
-}
-
-export interface HostItem {
-  id: string
-  kind: 'agent' | 'probe'
-  name: string
-  online: boolean
-  stale: boolean
-  last_seen_at: string | null
-  host: Host | null
-}
+export type Host = HostDto
+export type HostItem = HostItemDto
 
 /**
- * Agent 和 Probe 主机状态的实时订阅：先用 REST 取一次全量，再用 SSE（`hosts` 主题）接收每一次更新。
+ * Agent 主机状态的实时订阅：先用 REST 取一次全量，再用 SSE（`hosts` 主题）接收每一次更新。
  * 连接断开时浏览器会自动重连；重连之后服务端会先推一份当前快照。
  */
 export function useHosts(): { hosts: Map<string, HostItem>; live: boolean } {
@@ -48,11 +25,11 @@ export function useHosts(): { hosts: Map<string, HostItem>; live: boolean } {
     source.onopen = () => setLive(true)
     source.onerror = () => setLive(false)
     source.addEventListener('host', (event) => {
-      const data = JSON.parse((event as MessageEvent<string>).data) as { id: string; kind: 'agent' | 'probe'; online: boolean; host: Host }
+      const data = JSON.parse((event as MessageEvent<string>).data) as { id: string; online: boolean; host: Host }
       setHosts((previous) => {
         const next = new Map(previous)
         const old = previous.get(data.id)
-        next.set(data.id, { id: data.id, kind: data.kind, name: old?.name ?? data.id, online: data.online, stale: false, last_seen_at: data.host.at, host: data.host })
+        next.set(data.id, { id: data.id, name: old?.name ?? data.id, online: data.online, stale: false, last_seen_at: data.host.at, host: data.host })
         return next
       })
     })