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/AdminLayout.tsx

@@ -0,0 +1,93 @@
+import { useState } from 'react'
+import { Outlet, useNavigate, useLocation, Link } from 'react-router-dom'
+import { Layout, Menu, Button, Typography } from 'antd'
+import {
+  DashboardOutlined,
+  VideoCameraOutlined,
+  PlusOutlined,
+  CloudServerOutlined,
+  SettingOutlined,
+  LogoutOutlined,
+} from '@ant-design/icons'
+import { clearToken } from '../api/client'
+
+const { Sider, Content, Header } = Layout
+const { Text } = Typography
+
+const menuItems = [
+  { key: '/admin', icon: <DashboardOutlined />, label: 'Dashboard' },
+  { key: '/admin/streams', icon: <VideoCameraOutlined />, label: 'Streams' },
+  { key: '/admin/streams/new', icon: <PlusOutlined />, label: 'New Stream' },
+  { key: '/admin/nodes', icon: <CloudServerOutlined />, label: 'Edge Nodes' },
+  { key: '/admin/settings', icon: <SettingOutlined />, label: 'Settings' },
+]
+
+export default function AdminLayout() {
+  const [collapsed, setCollapsed] = useState(false)
+  const navigate = useNavigate()
+  const location = useLocation()
+
+  const selectedKey = menuItems.find(
+    (item) => location.pathname === item.key || (location.pathname === '/' && item.key === '/admin')
+  )?.key || '/admin'
+
+  const handleLogout = () => {
+    clearToken()
+    navigate('/admin/login')
+  }
+
+  return (
+    <Layout style={{ minHeight: '100vh' }}>
+      <Sider
+        collapsible
+        collapsed={collapsed}
+        onCollapse={setCollapsed}
+        width={220}
+        style={{
+          borderRight: '1px solid #E8E4DD',
+          background: '#FFFFFF',
+        }}
+      >
+        <div style={{
+          height: 56,
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          borderBottom: '1px solid #E8E4DD',
+        }}>
+          <Text strong style={{ fontSize: collapsed ? 14 : 18, letterSpacing: -0.5 }}>
+            {collapsed ? 'LS' : 'LiveStream'}
+          </Text>
+        </div>
+        <Menu
+          mode="inline"
+          selectedKeys={[selectedKey]}
+          items={menuItems}
+          onClick={({ key }) => navigate(key)}
+          style={{ border: 'none', marginTop: 8 }}
+        />
+      </Sider>
+      <Layout>
+        <Header style={{
+          background: '#FFFFFF',
+          borderBottom: '1px solid #E8E4DD',
+          display: 'flex',
+          justifyContent: 'flex-end',
+          alignItems: 'center',
+          padding: '0 32px',
+        }}>
+          <Button
+            type="text"
+            icon={<LogoutOutlined />}
+            onClick={handleLogout}
+          >
+            Logout
+          </Button>
+        </Header>
+        <Content style={{ padding: 32, overflow: 'auto' }}>
+          <Outlet />
+        </Content>
+      </Layout>
+    </Layout>
+  )
+}