zhi/HarborForge.Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request 'feat: monitor API key management UI' (#9) from feat/monitor-api-key-ui into main

Browse Source 
Reviewed-on: #9
This commit was merged in pull request #9.
This commit is contained in:
h z
2026-03-20 09:17:24 +00:00
parent bdeb06407e bad1c8fca9
commit a6faf5534c
1 changed files with 21 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/pages/MonitorPage.tsx
View File

@@ -7,6 +7,7 @@ interface ServerRow {
display_name: string display_name: string
online: boolean online: boolean
openclaw_version?: string | null openclaw_version?: string | null
plugin_version?: string | null
cpu_pct?: number | null cpu_pct?: number | null
mem_pct?: number | null mem_pct?: number | null
disk_pct?: number | null disk_pct?: number | null
@@ -36,6 +37,8 @@ interface ServerItem {
identifier: string identifier: string
display_name: string display_name: string
online: boolean online: boolean
openclaw_version?: string | null
plugin_version?: string | null
} }
export default function MonitorPage() { export default function MonitorPage() {
@@ -95,9 +98,21 @@ export default function MonitorPage() {
await loadAdminData() await loadAdminData()
} }
const createChallenge = async (id: number) => { const generateApiKey = async (id: number) => {
const r = await api.post<{ identifier: string; challenge_uuid: string; expires_at: string }>('/monitor/admin/servers/' + id + '/challenge') const r = await api.post<{ server_id: number; api_key: string; message: string }>('/monitor/admin/servers/' + id + '/api-key')
alert('identifier=' + r.data.identifier + ' | challenge_uuid=' + r.data.challenge_uuid + ' | expires_at=' + r.data.expires_at) const apiKey = r.data.api_key
try {
await navigator.clipboard.writeText(apiKey)
alert('API key generated and copied to clipboard:\n\n' + apiKey)
} catch {
alert('API key generated:\n\n' + apiKey + '\n\nPlease copy and store it securely. It will not be shown again.')
}
}
const revokeApiKey = async (id: number) => {
if (!confirm('Revoke this server API key? The plugin will stop authenticating until a new key is generated.')) return
await api.delete('/monitor/admin/servers/' + id + '/api-key')
alert('API key revoked.')
} }
if (loading) return <div className="loading">Monitor loading...</div> if (loading) return <div className="loading">Monitor loading...</div>
@@ -139,6 +154,7 @@ export default function MonitorPage() {
CPU {s.cpu_pct ?? '-'}% · MEM {s.mem_pct ?? '-'}% · DISK {s.disk_pct ?? '-'}% · SWAP {s.swap_pct ?? '-'}% CPU {s.cpu_pct ?? '-'}% · MEM {s.mem_pct ?? '-'}% · DISK {s.disk_pct ?? '-'}% · SWAP {s.swap_pct ?? '-'}%
</div> </div>
<div className="text-dim">OpenClaw: {s.openclaw_version || '-'}</div> <div className="text-dim">OpenClaw: {s.openclaw_version || '-'}</div>
<div className="text-dim">Plugin: {s.plugin_version || '-'}</div>
<div className="text-dim">Agents: {s.agents?.length || 0}</div> <div className="text-dim">Agents: {s.agents?.length || 0}</div>
</div> </div>
))} ))}
@@ -162,7 +178,8 @@ export default function MonitorPage() {
{servers.map((s) => ( {servers.map((s) => (
<li key={s.server_id}> <li key={s.server_id}>
{s.display_name} ({s.identifier}) {s.display_name} ({s.identifier})
<button className="btn-secondary" onClick={() => createChallenge(s.server_id)} style={{ marginLeft: 8 }}>Generate Challenge</button> <button className="btn-secondary" onClick={() => generateApiKey(s.server_id)} style={{ marginLeft: 8 }}>Generate API Key</button>
<button className="btn-secondary" onClick={() => revokeApiKey(s.server_id)} style={{ marginLeft: 8 }}>Revoke API Key</button>
<button className="btn-danger" onClick={() => deleteServer(s.server_id)} style={{ marginLeft: 8 }}>Delete</button> <button className="btn-danger" onClick={() => deleteServer(s.server_id)} style={{ marginLeft: 8 }}>Delete</button>
</li> </li>
))} ))}