完善直播节点监控与边缘代理

frontend/src/viewer/pages/WatchPage.tsx

@@ -19,6 +19,7 @@ export default function WatchPage() {
   const [activeLine, setActiveLine] = useState<string>('')
   const [activeQuality, setActiveQuality] = useState<string>('')
   const hlsRef = useRef<Hls | null>(null)
+  const currentLine = info?.lines.find(line => line.node_id === activeLine)
 
   useEffect(() => {
     if (!id) return
@@ -102,6 +103,8 @@ export default function WatchPage() {
           </Tag>
         </Space>
         <Space size={16}>
+          <Tag style={{ margin: 0 }}>节点：{currentLine?.node_name || info.selected_node?.name || '不可用'}</Tag>
+          <Tag style={{ margin: 0 }}>清晰度：{activeQuality || '不可用'}</Tag>
           <Text style={{ color: '#949088', fontSize: 13, display: 'flex', alignItems: 'center', gap: 6 }}>
             <SignalFilled style={{ color: info.multicast_available ? '#5B8C5A' : '#5E5A52', fontSize: 12 }} />
             {info.multicast_available ? '组播' : '单播'}