+
仪表盘
- {/* Stats grid */}
-
-
-
-
-
+ {/* Stats */}
+
+
+
+
+
- {/* Service status */}
-
- {['ai_core', 'memory', 'voice'].map(name => (
-
- {name}
-
-
- ))}
-
+ {/* Service Status */}
+
+
+ {['ai_core', 'memory', 'voice'].map(name => (
+
+
+
+ {name}
+
+
{services[name] ? '运行中' : '未启动'}
+
+ ))}
+
+
+ {/* Quick Links */}
+
)
}
-function StatCard({ label, value, accent }: { label: string; value: string; accent: string }) {
+function StatCard({ label, value, sub, color }: { label:string; value:string; sub:string; color:string }) {
return (
{label}
-
{value}
+
{value}
+ {sub &&
{sub}
}
)
}
+
+function Section({ title, children }: { title:string; children:React.ReactNode }) {
+ return (
+
+
{title}
+ {children}
+
+ )
+}
+
+import { Link } from 'react-router-dom'
+
+function QuickLink({ to, label, desc }: { to:string; label:string; desc:string }) {
+ return (
+
+
{label}
+
{desc}
+
+ )
+}
+
+function formatUptime(s: number) {
+ if (s < 60) return `${s}s`
+ if (s < 3600) return `${Math.floor(s/60)}m`
+ return `${Math.floor(s/3600)}h${Math.floor((s%3600)/60)}m`
+}
diff --git a/frontend/web/src/pages/admin/IoTManagementPage.tsx b/frontend/web/src/pages/admin/IoTManagementPage.tsx
new file mode 100644
index 0000000..1ce18bf
--- /dev/null
+++ b/frontend/web/src/pages/admin/IoTManagementPage.tsx
@@ -0,0 +1,59 @@
+import { useEffect, useState } from 'react'
+import type { IotDevice } from '../../types/chat'
+
+const mockDevices: IotDevice[] = [
+ { id: 'light-livingroom', name: '客厅灯', type: 'light', state: { power: false, brightness: 80 }, online: true },
+ { id: 'light-bedroom', name: '卧室灯', type: 'light', state: { power: false, brightness: 60 }, online: true },
+ { id: 'ac-livingroom', name: '客厅空调', type: 'ac', state: { power: false, temperature: 26, mode: 'cool' }, online: true },
+ { id: 'ac-bedroom', name: '卧室空调', type: 'ac', state: { power: false, temperature: 25, mode: 'heat' }, online: true },
+ { id: 'curtain-livingroom', name: '客厅窗帘', type: 'curtain', state: { power: false, position: 0 }, online: true },
+ { id: 'sensor-temperature', name: '温度传感器', type: 'sensor', state: { temperature: 25.0 }, online: true },
+ { id: 'sensor-humidity', name: '湿度传感器', type: 'sensor', state: { humidity: 55.0 }, online: true },
+ { id: 'lock-door', name: '智能门锁', type: 'lock', state: { locked: true, battery: 85 }, online: true },
+]
+
+export default function IoTManagementPage() {
+ const [devices, setDevices] = useState
(mockDevices)
+
+ const toggle = (id: string) => {
+ setDevices(prev => prev.map(d => {
+ if (d.id !== id) return d
+ const newState = { ...d.state, power: !(d.state.power as boolean) }
+ return { ...d, state: newState }
+ }))
+ }
+
+ return (
+
+
IoT 设备管理
+
8 个模拟智能家居设备（测试环境）
+
+
+ {devices.map(d => {
+ const isOn = d.type !== 'sensor' && d.state.power === true
+ return (
+
+
+
{d.name}
+
+ {d.type === 'light' && `亮度: ${d.state.brightness}%`}
+ {d.type === 'ac' && `${d.state.temperature}°C ${d.state.mode}`}
+ {d.type === 'curtain' && `位置: ${d.state.position}%`}
+ {d.type === 'sensor' && `${JSON.stringify(d.state)}`}
+ {d.type === 'lock' && `电量: ${d.state.battery}%`}
+
+
+ {d.type !== 'sensor' && (
+
+ )}
+
+ )
+ })}
+
+
+
记忆管理
+
+ {/* Search */}
+
+ setSearch(e.target.value)}
+ onKeyDown={e => { if (e.key === 'Enter') fetchMemories(search) }}
+ placeholder="搜索记忆..."
+ className="flex-1 bg-[#000] border border-[#404040] focus:border-[#277AF7] rounded-[14px] px-4 py-2.5 text-sm text-[#F2F2F2] placeholder:text-white/30 outline-none"
+ />
+
+
+
+
+ {/* Add */}
+
+ setNewContent(e.target.value)}
+ placeholder="添加新记忆..."
+ className="flex-1 bg-[#000] border border-[#404040] focus:border-[#277AF7] rounded-[14px] px-4 py-2.5 text-sm text-[#F2F2F2] placeholder:text-white/30 outline-none"
+ />
+
+
+
+ {/* List */}
+ {loading ? (
+
加载中...
+ ) : memories.length === 0 ? (
+
暂无记忆
+ ) : (
+
+ {memories.map(m => (
+
+
+
{m.content}
+
+ {m.category}
+ {m.keywords?.slice(0, 3).map((kw, i) => (
+ {kw}
+ ))}
+
+
+
+
+ ))}
+
+ )}
+
+
插件管理
+
已加载 {builtInPlugins.length} 个插件。工具插件为 LLM 提供可调用能力。
+
+
+ {builtInPlugins.map(p => (
+
+ ))}
+
+
+
服务管理
+
单二进制模式 — 所有服务编译在同一进程。服务不可单独启停。
+
+
+ {builtInServices.map(svc => {
+ const alive = services[svc.id] ?? false
+ return (
+
+
+
+
+
{svc.name}
+
{svc.desc} · 端口 {svc.port}
+
+
+
+ {alive ? '运行中' : '未启动'}
+
+
+ )
+ })}
+
+