{"ast":null,"code":"var _jsxFileName = \"/home/node/.openclaw/workspace/flying-hero/projects/meeting-room/frontend/src/App.js\",\n _s = $RefreshSig$(),\n _s2 = $RefreshSig$(),\n _s3 = $RefreshSig$();\nimport React, { useState, useEffect } from 'react';\nimport { BrowserRouter as Router, Routes, Route, Link, useNavigate, useParams } from 'react-router-dom';\nimport axios from 'axios';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst API_BASE = 'http://localhost:8000/api/v1';\naxios.interceptors.request.use(config => {\n const token = localStorage.getItem('token');\n if (token) config.headers.Authorization = `Bearer ${token}`;\n return config;\n});\n\n// ============ 登录页面 ============\nfunction LoginPage() {\n _s();\n const [username, setUsername] = useState('test');\n const [password, setPassword] = useState('test123');\n const navigate = useNavigate();\n const handleLogin = async e => {\n e.preventDefault();\n try {\n const res = await axios.post(`${API_BASE}/auth/login/`, {\n username,\n password\n });\n localStorage.setItem('token', res.data.token);\n localStorage.setItem('user', JSON.stringify(res.data.user));\n navigate('/meetings');\n } catch (error) {\n var _error$response, _error$response$data;\n alert('登录失败:' + (((_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$data = _error$response.data) === null || _error$response$data === void 0 ? void 0 : _error$response$data.detail) || error.message));\n }\n };\n return /*#__PURE__*/_jsxDEV(\"div\", {\n style: styles.center,\n children: /*#__PURE__*/_jsxDEV(\"div\", {\n style: styles.card,\n children: [/*#__PURE__*/_jsxDEV(\"h1\", {\n style: styles.title,\n children: \"\\uD83C\\uDFDB\\uFE0F \\u9F99\\u867E\\u8BAE\\u4E8B\\u5385\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 34,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(\"form\", {\n onSubmit: handleLogin,\n style: styles.form,\n children: [/*#__PURE__*/_jsxDEV(\"input\", {\n type: \"text\",\n placeholder: \"\\u7528\\u6237\\u540D\",\n value: username,\n onChange: e => setUsername(e.target.value),\n style: styles.input,\n required: true\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 36,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"input\", {\n type: \"password\",\n placeholder: \"\\u5BC6\\u7801\",\n value: password,\n onChange: e => setPassword(e.target.value),\n style: styles.input,\n required: true\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 37,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n type: \"submit\",\n style: styles.btn,\n children: \"\\u767B\\u5F55\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 38,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 35,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 33,\n columnNumber: 7\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 32,\n columnNumber: 5\n }, this);\n}\n\n// ============ 会议列表 ============\n_s(LoginPage, \"WanfkaV1NzEawnKhDcLGBl0+1vs=\", false, function () {\n return [useNavigate];\n});\n_c = LoginPage;\nfunction MeetingList() {\n _s2();\n const [meetings, setMeetings] = useState([]);\n const [topic, setTopic] = useState('');\n const navigate = useNavigate();\n const token = localStorage.getItem('token');\n useEffect(() => {\n if (!token) {\n navigate('/login');\n return;\n }\n fetchMeetings();\n }, []);\n const fetchMeetings = async () => {\n try {\n const res = await axios.get(`${API_BASE}/meetings/`);\n setMeetings(res.data);\n } catch (error) {\n console.error(error);\n }\n };\n const createMeeting = async e => {\n e.preventDefault();\n try {\n const res = await axios.post(`${API_BASE}/meetings/`, {\n topic\n });\n navigate(`/meeting/${res.data.id}`);\n } catch (error) {\n var _error$response2, _error$response2$data;\n alert('创建失败:' + (((_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : (_error$response2$data = _error$response2.data) === null || _error$response2$data === void 0 ? void 0 : _error$response2$data.detail) || error.message));\n }\n };\n const logout = () => {\n localStorage.removeItem('token');\n navigate('/login');\n };\n return /*#__PURE__*/_jsxDEV(\"div\", {\n style: styles.container,\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n style: styles.header,\n children: [/*#__PURE__*/_jsxDEV(\"h1\", {\n children: \"\\uD83D\\uDCCB \\u6211\\u7684\\u4F1A\\u8BAE\\u5BA4\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 79,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n onClick: logout,\n style: styles.smallBtn,\n children: \"\\u9000\\u51FA\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 80,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 78,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n style: styles.card,\n children: [/*#__PURE__*/_jsxDEV(\"h2\", {\n children: \"\\u521B\\u5EFA\\u4F1A\\u8BAE\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 83,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(\"form\", {\n onSubmit: createMeeting,\n style: styles.form,\n children: [/*#__PURE__*/_jsxDEV(\"input\", {\n type: \"text\",\n placeholder: \"\\u4F1A\\u8BAE\\u4E3B\\u9898\",\n value: topic,\n onChange: e => setTopic(e.target.value),\n style: styles.input,\n required: true\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 85,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n type: \"submit\",\n style: styles.btn,\n children: \"\\u521B\\u5EFA\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 86,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 84,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 82,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n style: styles.list,\n children: meetings.map(m => /*#__PURE__*/_jsxDEV(\"div\", {\n style: styles.item,\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n children: [/*#__PURE__*/_jsxDEV(\"h3\", {\n children: m.topic\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 93,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n children: [\"\\u72B6\\u6001\\uFF1A\", m.status, \" | \\u9080\\u8BF7\\u7801\\uFF1A\", m.invite_code]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 94,\n columnNumber: 15\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 92,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n onClick: () => navigate(`/meeting/${m.id}`),\n style: styles.smallBtn,\n children: \"\\u8FDB\\u5165\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 96,\n columnNumber: 13\n }, this)]\n }, m.id, true, {\n fileName: _jsxFileName,\n lineNumber: 91,\n columnNumber: 11\n }, this))\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 89,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 77,\n columnNumber: 5\n }, this);\n}\n\n// ============ 会议室 ============\n_s2(MeetingList, \"tK3+oPj0joarPP+hW/mM1th/td0=\", false, function () {\n return [useNavigate];\n});\n_c2 = MeetingList;\nfunction MeetingRoom() {\n _s3();\n const {\n id\n } = useParams();\n const [messages, setMessages] = useState([]);\n const [content, setContent] = useState('');\n const [participants, setParticipants] = useState([]);\n const [meeting, setMeeting] = useState(null);\n const token = localStorage.getItem('token');\n useEffect(() => {\n if (!token) return;\n fetchMeeting();\n fetchParticipants();\n fetchMessages();\n const interval = setInterval(fetchMessages, 1000);\n return () => clearInterval(interval);\n }, [id]);\n const fetchMeeting = async () => {\n try {\n const res = await axios.get(`${API_BASE}/meetings/${id}/`);\n setMeeting(res.data);\n } catch (error) {\n console.error(error);\n }\n };\n const fetchParticipants = async () => {\n try {\n const res = await axios.get(`${API_BASE}/meetings/${id}/participants/`);\n setParticipants(res.data);\n } catch (error) {\n console.error(error);\n }\n };\n const fetchMessages = async () => {\n try {\n const res = await axios.get(`${API_BASE}/meetings/${id}/messages/?last_id=0`);\n setMessages(res.data.messages || []);\n } catch (error) {\n console.error(error);\n }\n };\n const sendMessage = async e => {\n e.preventDefault();\n if (!content.trim()) return;\n try {\n await axios.post(`${API_BASE}/meetings/${id}/send_message/`, {\n content\n });\n setContent('');\n fetchMessages();\n } catch (error) {\n var _error$response3, _error$response3$data;\n alert('发送失败:' + (((_error$response3 = error.response) === null || _error$response3 === void 0 ? void 0 : (_error$response3$data = _error$response3.data) === null || _error$response3$data === void 0 ? void 0 : _error$response3$data.detail) || error.message));\n }\n };\n const mentionAgent = async () => {\n const targetAgentId = prompt('@哪个 Agent?输入 agent_id:');\n if (!targetAgentId || !content.trim()) return;\n try {\n await axios.post(`${API_BASE}/meetings/${id}/mention_agent/`, {\n target_agent_id: targetAgentId,\n content,\n sender_name: localStorage.getItem('user') ? JSON.parse(localStorage.getItem('user')).username : 'User'\n });\n setContent('');\n fetchMessages();\n alert(`✅ 已 @${targetAgentId}`);\n } catch (error) {\n var _error$response4, _error$response4$data;\n alert('发送失败:' + (((_error$response4 = error.response) === null || _error$response4 === void 0 ? void 0 : (_error$response4$data = _error$response4.data) === null || _error$response4$data === void 0 ? void 0 : _error$response4$data.error) || error.message));\n }\n };\n const startMeeting = async () => {\n try {\n await axios.post(`${API_BASE}/meetings/${id}/start/`);\n fetchMeeting();\n alert('✅ 会议已开始');\n } catch (error) {\n var _error$response5, _error$response5$data;\n alert('开始失败:' + (((_error$response5 = error.response) === null || _error$response5 === void 0 ? void 0 : (_error$response5$data = _error$response5.data) === null || _error$response5$data === void 0 ? void 0 : _error$response5$data.error) || error.message));\n }\n };\n const endMeeting = async () => {\n if (!confirm('确定结束会议?')) return;\n try {\n await axios.post(`${API_BASE}/meetings/${id}/end/`);\n fetchMeeting();\n alert('✅ 会议已结束');\n } catch (error) {\n var _error$response6, _error$response6$data;\n alert('结束失败:' + (((_error$response6 = error.response) === null || _error$response6 === void 0 ? void 0 : (_error$response6$data = _error$response6.data) === null || _error$response6$data === void 0 ? void 0 : _error$response6$data.error) || error.message));\n }\n };\n const generateMinutes = async () => {\n try {\n const res = await axios.get(`${API_BASE}/meetings/${id}/minutes/?output=markdown`);\n const blob = new Blob([res.data.markdown], {\n type: 'text/markdown'\n });\n const url = URL.createObjectURL(blob);\n const a = document.createElement('a');\n a.href = url;\n a.download = `meeting-${id.slice(0, 8)}.md`;\n a.click();\n URL.revokeObjectURL(url);\n alert('✅ 纪要已导出');\n } catch (error) {\n alert('导出失败:' + error.message);\n }\n };\n return /*#__PURE__*/_jsxDEV(\"div\", {\n style: styles.container,\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n style: styles.header,\n children: [/*#__PURE__*/_jsxDEV(Link, {\n to: \"/meetings\",\n style: styles.link,\n children: \"\\u2190 \\u8FD4\\u56DE\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 211,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(\"h1\", {\n children: (meeting === null || meeting === void 0 ? void 0 : meeting.topic) || '会议室'\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 212,\n columnNumber: 9\n }, this), meeting && /*#__PURE__*/_jsxDEV(\"span\", {\n style: styles.badge,\n children: meeting.status\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 213,\n columnNumber: 21\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 210,\n columnNumber: 7\n }, this), meeting && /*#__PURE__*/_jsxDEV(\"div\", {\n style: styles.infoCard,\n children: [/*#__PURE__*/_jsxDEV(\"p\", {\n children: [/*#__PURE__*/_jsxDEV(\"strong\", {\n children: \"ID:\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 218,\n columnNumber: 14\n }, this), \" \", meeting.id]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 218,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n children: [/*#__PURE__*/_jsxDEV(\"strong\", {\n children: \"\\u9080\\u8BF7\\u7801:\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 219,\n columnNumber: 14\n }, this), \" \", meeting.invite_code]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 219,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n style: styles.btnGroup,\n children: [/*#__PURE__*/_jsxDEV(\"button\", {\n onClick: startMeeting,\n style: styles.btnGreen,\n children: \"\\u25B6\\uFE0F \\u5F00\\u59CB\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 221,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n onClick: endMeeting,\n style: styles.btnRed,\n children: \"\\u23F9\\uFE0F \\u7ED3\\u675F\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 222,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n onClick: generateMinutes,\n style: styles.btnBlue,\n children: \"\\uD83D\\uDCCB \\u7EAA\\u8981\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 223,\n columnNumber: 13\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 220,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 217,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n style: styles.card,\n children: [/*#__PURE__*/_jsxDEV(\"h2\", {\n children: [\"\\uD83E\\uDE91 \\u5EA7\\u4F4D\\u56FE \", /*#__PURE__*/_jsxDEV(\"span\", {\n style: styles.badge,\n children: participants.length\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 230,\n columnNumber: 20\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 230,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n style: styles.seats,\n children: participants.map(p => /*#__PURE__*/_jsxDEV(\"div\", {\n style: styles.seat,\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n style: styles.seatEmoji,\n children: p.agent_emoji || '👤'\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 234,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n style: styles.seatName,\n children: p.nickname\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 235,\n columnNumber: 15\n }, this), p.is_host && /*#__PURE__*/_jsxDEV(\"div\", {\n style: styles.hostBadge,\n children: \"\\uD83D\\uDC51\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 236,\n columnNumber: 29\n }, this)]\n }, p.id, true, {\n fileName: _jsxFileName,\n lineNumber: 233,\n columnNumber: 13\n }, this))\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 231,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 229,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n style: styles.card,\n children: [/*#__PURE__*/_jsxDEV(\"h2\", {\n children: [\"\\uD83D\\uDCAC \\u804A\\u5929 \", /*#__PURE__*/_jsxDEV(\"span\", {\n style: styles.badge,\n children: messages.length\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 244,\n columnNumber: 19\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 244,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n style: styles.messages,\n children: messages.map(msg => /*#__PURE__*/_jsxDEV(\"div\", {\n style: styles.msg,\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n style: styles.msgHeader,\n children: [/*#__PURE__*/_jsxDEV(\"strong\", {\n children: [msg.sender_emoji, \" \", msg.sender_name]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 249,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(\"span\", {\n style: styles.msgTime,\n children: new Date(msg.created_at).toLocaleTimeString()\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 250,\n columnNumber: 17\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 248,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n style: styles.msgContent,\n children: msg.content\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 252,\n columnNumber: 15\n }, this), msg.in_reply_to && /*#__PURE__*/_jsxDEV(\"div\", {\n style: styles.replyTag,\n children: [\"\\u21A9\\uFE0F \\u56DE\\u590D #\", msg.in_reply_to]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 253,\n columnNumber: 35\n }, this)]\n }, msg.id, true, {\n fileName: _jsxFileName,\n lineNumber: 247,\n columnNumber: 13\n }, this))\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 245,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(\"form\", {\n onSubmit: sendMessage,\n style: styles.form,\n children: [/*#__PURE__*/_jsxDEV(\"input\", {\n type: \"text\",\n placeholder: \"\\u8F93\\u5165\\u6D88\\u606F...\",\n value: content,\n onChange: e => setContent(e.target.value),\n style: styles.input\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 258,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n type: \"submit\",\n style: styles.btn,\n children: \"\\u53D1\\u9001\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 259,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n type: \"button\",\n onClick: mentionAgent,\n style: styles.btnPink,\n children: \"\\uD83D\\uDCCD @Agent\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 260,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 257,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 243,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 209,\n columnNumber: 5\n }, this);\n}\n\n// ============ App ============\n_s3(MeetingRoom, \"fb4So3xfybsx/yuO9o8WYh2gvVM=\", false, function () {\n return [useParams];\n});\n_c3 = MeetingRoom;\nfunction App() {\n return /*#__PURE__*/_jsxDEV(Router, {\n children: /*#__PURE__*/_jsxDEV(Routes, {\n children: [/*#__PURE__*/_jsxDEV(Route, {\n path: \"/login\",\n element: /*#__PURE__*/_jsxDEV(LoginPage, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 272,\n columnNumber: 39\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 272,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(Route, {\n path: \"/meetings\",\n element: /*#__PURE__*/_jsxDEV(MeetingList, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 273,\n columnNumber: 42\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 273,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(Route, {\n path: \"/meeting/:id\",\n element: /*#__PURE__*/_jsxDEV(MeetingRoom, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 274,\n columnNumber: 45\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 274,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(Route, {\n path: \"/\",\n element: /*#__PURE__*/_jsxDEV(LoginPage, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 275,\n columnNumber: 34\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 275,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 271,\n columnNumber: 7\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 270,\n columnNumber: 5\n }, this);\n}\n\n// ============ 样式 ============\n_c4 = App;\nconst styles = {\n center: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n minHeight: '100vh',\n background: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)'\n },\n container: {\n maxWidth: '900px',\n margin: '0 auto',\n padding: '20px',\n fontFamily: '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif'\n },\n header: {\n display: 'flex',\n alignItems: 'center',\n gap: '15px',\n marginBottom: '20px'\n },\n card: {\n background: 'white',\n borderRadius: '12px',\n padding: '20px',\n marginBottom: '20px',\n boxShadow: '0 4px 6px rgba(0,0,0,0.1)'\n },\n infoCard: {\n background: '#e7f3ff',\n border: '1px solid #2196f3',\n borderRadius: '12px',\n padding: '15px',\n marginBottom: '20px'\n },\n title: {\n margin: '0 0 20px',\n color: '#1a365d',\n textAlign: 'center'\n },\n form: {\n display: 'flex',\n gap: '10px'\n },\n input: {\n flex: 1,\n padding: '12px',\n border: '2px solid #e2e8f0',\n borderRadius: '8px',\n fontSize: '14px'\n },\n btn: {\n padding: '12px 20px',\n background: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',\n color: 'white',\n border: 'none',\n borderRadius: '8px',\n cursor: 'pointer',\n fontWeight: '600'\n },\n btnGreen: {\n padding: '8px 16px',\n background: 'linear-gradient(135deg, #11998e 0%, #38ef7d 100%)',\n color: 'white',\n border: 'none',\n borderRadius: '6px',\n cursor: 'pointer',\n marginRight: '8px'\n },\n btnRed: {\n padding: '8px 16px',\n background: 'linear-gradient(135deg, #eb3349 0%, #f45c43 100%)',\n color: 'white',\n border: 'none',\n borderRadius: '6px',\n cursor: 'pointer',\n marginRight: '8px'\n },\n btnBlue: {\n padding: '8px 16px',\n background: 'linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)',\n color: 'white',\n border: 'none',\n borderRadius: '6px',\n cursor: 'pointer'\n },\n btnPink: {\n padding: '8px 16px',\n background: 'linear-gradient(135deg, #f093fb 0%, #f5576c 100%)',\n color: 'white',\n border: 'none',\n borderRadius: '6px',\n cursor: 'pointer'\n },\n smallBtn: {\n padding: '8px 16px',\n background: '#edf2f7',\n border: 'none',\n borderRadius: '6px',\n cursor: 'pointer'\n },\n list: {\n display: 'flex',\n flexDirection: 'column',\n gap: '15px'\n },\n item: {\n background: 'white',\n borderRadius: '12px',\n padding: '20px',\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n boxShadow: '0 4px 6px rgba(0,0,0,0.1)'\n },\n link: {\n color: '#4299e1',\n textDecoration: 'none',\n fontSize: '16px'\n },\n badge: {\n background: '#667eea',\n color: 'white',\n padding: '4px 10px',\n borderRadius: '20px',\n fontSize: '12px',\n fontWeight: '600'\n },\n btnGroup: {\n display: 'flex',\n marginTop: '10px'\n },\n seats: {\n display: 'flex',\n flexWrap: 'wrap',\n gap: '15px',\n justifyContent: 'center'\n },\n seat: {\n background: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',\n color: 'white',\n padding: '15px',\n borderRadius: '50%',\n width: '90px',\n height: '90px',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n textAlign: 'center'\n },\n seatEmoji: {\n fontSize: '28px',\n marginBottom: '5px'\n },\n seatName: {\n fontSize: '12px',\n fontWeight: '600'\n },\n hostBadge: {\n fontSize: '10px',\n opacity: '0.8'\n },\n messages: {\n maxHeight: '400px',\n overflowY: 'auto',\n marginBottom: '15px'\n },\n msg: {\n padding: '12px',\n background: '#f7fafc',\n borderRadius: '8px',\n marginBottom: '10px'\n },\n msgHeader: {\n display: 'flex',\n justifyContent: 'space-between',\n marginBottom: '5px'\n },\n msgContent: {\n margin: '5px 0',\n color: '#4a5568'\n },\n msgTime: {\n fontSize: '12px',\n color: '#a0aec0'\n },\n replyTag: {\n fontSize: '11px',\n color: '#a0aec0',\n marginTop: '5px'\n }\n};\nexport default App;\nvar _c, _c2, _c3, _c4;\n$RefreshReg$(_c, \"LoginPage\");\n$RefreshReg$(_c2, \"MeetingList\");\n$RefreshReg$(_c3, \"MeetingRoom\");\n$RefreshReg$(_c4, \"App\");","map":{"version":3,"names":["React","useState","useEffect","BrowserRouter","Router","Routes","Route","Link","useNavigate","useParams","axios","jsxDEV","_jsxDEV","API_BASE","interceptors","request","use","config","token","localStorage","getItem","headers","Authorization","LoginPage","_s","username","setUsername","password","setPassword","navigate","handleLogin","e","preventDefault","res","post","setItem","data","JSON","stringify","user","error","_error$response","_error$response$data","alert","response","detail","message","style","styles","center","children","card","title","fileName","_jsxFileName","lineNumber","columnNumber","onSubmit","form","type","placeholder","value","onChange","target","input","required","btn","_c","MeetingList","_s2","meetings","setMeetings","topic","setTopic","fetchMeetings","get","console","createMeeting","id","_error$response2","_error$response2$data","logout","removeItem","container","header","onClick","smallBtn","list","map","m","item","status","invite_code","_c2","MeetingRoom","_s3","messages","setMessages","content","setContent","participants","setParticipants","meeting","setMeeting","fetchMeeting","fetchParticipants","fetchMessages","interval","setInterval","clearInterval","sendMessage","trim","_error$response3","_error$response3$data","mentionAgent","targetAgentId","prompt","target_agent_id","sender_name","parse","_error$response4","_error$response4$data","startMeeting","_error$response5","_error$response5$data","endMeeting","confirm","_error$response6","_error$response6$data","generateMinutes","blob","Blob","markdown","url","URL","createObjectURL","a","document","createElement","href","download","slice","click","revokeObjectURL","to","link","badge","infoCard","btnGroup","btnGreen","btnRed","btnBlue","length","seats","p","seat","seatEmoji","agent_emoji","seatName","nickname","is_host","hostBadge","msg","msgHeader","sender_emoji","msgTime","Date","created_at","toLocaleTimeString","msgContent","in_reply_to","replyTag","btnPink","_c3","App","path","element","_c4","display","justifyContent","alignItems","minHeight","background","maxWidth","margin","padding","fontFamily","gap","marginBottom","borderRadius","boxShadow","border","color","textAlign","flex","fontSize","cursor","fontWeight","marginRight","flexDirection","textDecoration","marginTop","flexWrap","width","height","opacity","maxHeight","overflowY","$RefreshReg$"],"sources":["/home/node/.openclaw/workspace/flying-hero/projects/meeting-room/frontend/src/App.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { BrowserRouter as Router, Routes, Route, Link, useNavigate, useParams } from 'react-router-dom';\nimport axios from 'axios';\n\nconst API_BASE = 'http://localhost:8000/api/v1';\n\naxios.interceptors.request.use(config => {\n const token = localStorage.getItem('token');\n if (token) config.headers.Authorization = `Bearer ${token}`;\n return config;\n});\n\n// ============ 登录页面 ============\nfunction LoginPage() {\n const [username, setUsername] = useState('test');\n const [password, setPassword] = useState('test123');\n const navigate = useNavigate();\n\n const handleLogin = async (e) => {\n e.preventDefault();\n try {\n const res = await axios.post(`${API_BASE}/auth/login/`, { username, password });\n localStorage.setItem('token', res.data.token);\n localStorage.setItem('user', JSON.stringify(res.data.user));\n navigate('/meetings');\n } catch (error) {\n alert('登录失败:' + (error.response?.data?.detail || error.message));\n }\n };\n\n return (\n
状态:{m.status} | 邀请码:{m.invite_code}
\nID: {meeting.id}
\n邀请码: {meeting.invite_code}
\n{msg.content}
\n {msg.in_reply_to &&