feat(web): React SPA with realtime task detail over WebSocket
Vite + React 19 + TS console-style operator UI: hash-routed Login, Endpoints, Tasks, and TaskDetail (realtime accounts table over /ws, Run gated on all accounts testing ok on both sides). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01MMHQTtnQtQqL8muAXHr9kd
This commit is contained in:
@@ -0,0 +1,13 @@
|
||||
export function StatusBadge({ status }: { status: string }) {
|
||||
const s = (status || 'pending').toLowerCase()
|
||||
let cls = 'badge-pending'
|
||||
if (s === 'ok' || s === 'done' || s === 'success') cls = 'badge-ok'
|
||||
else if (s === 'fail' || s === 'failed' || s === 'error') cls = 'badge-fail'
|
||||
else if (s === 'running' || s === 'testing' || s === 'in_progress') cls = 'badge-info'
|
||||
return (
|
||||
<span className={`badge ${cls}`}>
|
||||
<span className="dot" />
|
||||
{s}
|
||||
</span>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user