Initial commit: LiveStream Platform

Backend: FastAPI + SQLAlchemy + SQLite
Frontend: React + Vite + Ant Design (serif Anthropic theme)
Media server: MediaMTX with edge node support
Load balancing: round-robin / weighted / least-conn
Multicast detection with automatic fallback
Transcoding support via FFmpeg (configurable quality)
hls.js player with line & quality switching
Admin panel with password auth
Windows compatible scripts

frontend/src/admin/pages/NodeManager.tsx

@@ -0,0 +1,144 @@
+import { useState, useEffect } from 'react'
+import {
+  Card, Table, InputNumber, Switch, Typography, message, Space, Tag, Statistic, Row, Col, Button,
+} from 'antd'
+import { CheckCircleOutlined, CloseCircleOutlined, ReloadOutlined } from '@ant-design/icons'
+import api from '../../api/client'
+
+const { Title, Text } = Typography
+
+interface NodeInfo {
+  id: string
+  name: string
+  host: string
+  hls_port: number
+  api_port: number
+  weight: number
+  enabled: boolean
+}
+
+interface StrategyInfo {
+  strategy: string
+  multicast_enabled: boolean
+  multicast_available: boolean
+}
+
+export default function NodeManager() {
+  const [nodes, setNodes] = useState<NodeInfo[]>([])
+  const [strategy, setStrategy] = useState<StrategyInfo | null>(null)
+  const [loading, setLoading] = useState(true)
+
+  useEffect(() => { loadData() }, [])
+
+  async function loadData() {
+    setLoading(true)
+    try {
+      const [nodesRes, strategyRes] = await Promise.all([
+        api.get('/nodes'),
+        api.get('/nodes/strategy'),
+      ])
+      setNodes(nodesRes.data)
+      setStrategy(strategyRes.data)
+    } catch { message.error('Failed to load') }
+    setLoading(false)
+  }
+
+  async function updateWeight(nodeId: string, weight: number) {
+    try {
+      await api.put(`/nodes/${nodeId}`, { weight })
+      message.success('Updated')
+    } catch { message.error('Failed') }
+  }
+
+  async function toggleNode(nodeId: string, enabled: boolean) {
+    const node = nodes.find((n) => n.id === nodeId)
+    if (!node) return
+    try {
+      await api.put(`/nodes/${nodeId}`, { weight: node.weight, enabled })
+      setNodes((prev) => prev.map((n) => (n.id === nodeId ? { ...n, enabled } : n)))
+      message.success('Updated')
+    } catch { message.error('Failed') }
+  }
+
+  const columns = [
+    { title: 'Name', dataIndex: 'name', key: 'name' },
+    { title: 'Host', dataIndex: 'host', key: 'host' },
+    { title: 'HLS Port', dataIndex: 'hls_port', key: 'hls_port', width: 100 },
+    { title: 'API Port', dataIndex: 'api_port', key: 'api_port', width: 100 },
+    {
+      title: 'Weight', dataIndex: 'weight', key: 'weight', width: 140,
+      render: (_: number, record: NodeInfo) => (
+        <InputNumber
+          min={0}
+          max={1000}
+          value={record.weight}
+          onChange={(val) => {
+            const v = val || 0
+            setNodes((prev) => prev.map((n) => (n.id === record.id ? { ...n, weight: v } : n)))
+            updateWeight(record.id, v)
+          }}
+          size="small"
+          style={{ width: 90 }}
+        />
+      ),
+    },
+    {
+      title: 'Enabled', dataIndex: 'enabled', key: 'enabled', width: 90,
+      render: (_: any, record: NodeInfo) => (
+        <Switch
+          checked={record.enabled}
+          onChange={(val) => toggleNode(record.id, val)}
+          size="small"
+        />
+      ),
+    },
+    {
+      title: 'Health', key: 'health', width: 100,
+      render: () => <Tag icon={<CheckCircleOutlined />} color="success">Online</Tag>,
+    },
+  ]
+
+  return (
+    <div>
+      <Title level={3} style={{ marginBottom: 24 }}>Edge Nodes</Title>
+
+      {strategy && (
+        <Row gutter={[24, 24]} style={{ marginBottom: 24 }}>
+          <Col xs={24} sm={8}>
+            <Card>
+              <Statistic title="Strategy" value={strategy.strategy} />
+            </Card>
+          </Col>
+          <Col xs={24} sm={8}>
+            <Card>
+              <Statistic
+                title="Multicast"
+                value={strategy.multicast_available ? 'Available' : 'Unavailable'}
+                valueStyle={{ color: strategy.multicast_available ? '#52c41a' : '#999' }}
+              />
+            </Card>
+          </Col>
+          <Col xs={24} sm={8}>
+            <Card>
+              <Statistic title="Edge Nodes" value={nodes.length} />
+            </Card>
+          </Col>
+        </Row>
+      )}
+
+      <Card
+        title="Node List"
+        extra={<Button icon={<ReloadOutlined />} onClick={loadData}>Refresh</Button>}
+      >
+        <Table
+          dataSource={nodes}
+          columns={columns}
+          rowKey="id"
+          loading={loading}
+          pagination={false}
+          size="middle"
+        />
+      </Card>
+    </div>
+  )
+}