legop3/MultiRoombaRover
1
0
Fork 0
mirror of https://github.com/legop3/MultiRoombaRover.git synced 2026-09-15 17:12:59 -04:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

gordon

Browse Source
This commit is contained in:
legop3
2026-04-06 01:17:25 -04:00
parent 985e63bab2
commit 5e428b278a
7 changed files with 686 additions and 181 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/public/assets/index-dMtKgicC.js
-125
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-oXFJbPgP.js
+125
View File
File diff suppressed because one or more lines are too long
server/public/index.html
+1 -1
View File
@@ -11,7 +11,7 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Multi Roomba Rover" />
<title>Multi Roomba Rover</title>
<script type="module" crossorigin src="/assets/index-dMtKgicC.js"></script>
<script type="module" crossorigin src="/assets/index-oXFJbPgP.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BPze86Ff.css">
</head>
<body>
server/src/services/roomHumanDetectionService.js
+258 -53
View File
@@ -2,6 +2,7 @@ const path = require('path');
const { spawn } = require('child_process');
const readline = require('readline');
const logger = require('../globals/logger').child('roomHumanDetection');
const io = require('../globals/io');
const { loadConfig } = require('../helpers/configLoader');
const { roomCameraStreamEvents } = require('./roomCameraSnapshotService');
const roverManager = require('./roverManager');
@@ -9,43 +10,40 @@ const { issueCommand } = require('./commandService');
const { publishEvent } = require('./eventBus');
const { sendAlert } = require('./alertService');
const { getMode, MODES } = require('./modeManager');
const { isAdmin } = require('./roleService');
const config = loadConfig();
const visionConfig = config.vision?.humanDetection || {};
const enabled = Boolean(visionConfig.enabled);
if (!enabled) {
logger.info('Room human detection disabled via config');
return;
}
const runtime = {
enabled: Boolean(visionConfig.enabled),
confidenceThreshold: Number.isFinite(Number(visionConfig.confidenceThreshold))
? Number(visionConfig.confidenceThreshold)
: 0.55,
ttsDelayMs: Number.isFinite(Number(visionConfig.ttsDelayMs)) ? Number(visionConfig.ttsDelayMs) : 30000,
discordDelayMs: Number.isFinite(Number(visionConfig.discordDelayMs)) ? Number(visionConfig.discordDelayMs) : 60000,
clearWindowMs: Number.isFinite(Number(visionConfig.clearWindowMs)) ? Number(visionConfig.clearWindowMs) : 3000,
cooldownMs: Number.isFinite(Number(visionConfig.cooldownMs)) ? Number(visionConfig.cooldownMs) : 15 * 60 * 1000,
maxInferenceFpsPerCamera: Number.isFinite(Number(visionConfig.maxInferenceFpsPerCamera))
? Math.max(0.25, Number(visionConfig.maxInferenceFpsPerCamera))
: 3,
};
const CONFIDENCE_THRESHOLD = Number.isFinite(Number(visionConfig.confidenceThreshold))
? Number(visionConfig.confidenceThreshold)
: 0.55;
const TTS_DELAY_MS = Number.isFinite(Number(visionConfig.ttsDelayMs))
? Number(visionConfig.ttsDelayMs)
: 30000;
const DISCORD_DELAY_MS = Number.isFinite(Number(visionConfig.discordDelayMs))
? Number(visionConfig.discordDelayMs)
: 60000;
const CLEAR_WINDOW_MS = Number.isFinite(Number(visionConfig.clearWindowMs))
? Number(visionConfig.clearWindowMs)
: 3000;
const COOLDOWN_MS = Number.isFinite(Number(visionConfig.cooldownMs))
? Number(visionConfig.cooldownMs)
: 15 * 60 * 1000;
const MAX_INFERENCE_FPS = Number.isFinite(Number(visionConfig.maxInferenceFpsPerCamera))
? Math.max(0.25, Number(visionConfig.maxInferenceFpsPerCamera))
: 3;
const TTS_TEXT = 'human detected in room, alerting soon';
const workerScript = path.join(__dirname, '..', '..', 'scripts', 'human_detector_worker.py');
const pythonCandidates = [process.env.VISION_PYTHON, '/opt/multiroomba-vision/.venv/bin/python3', 'python3'].filter(Boolean);
const inferenceIntervalMs = Math.max(100, Math.round(1000 / MAX_INFERENCE_FPS));
const pythonCandidates = [
process.env.VISION_PYTHON,
'/opt/multiroomba-vision/.venv/bin/python3',
'python3',
].filter(Boolean);
const cameraState = new Map(); // cameraId -> { inflight,lastInferAt,lastResultAt,lastPositiveAt,lastConfidence,error }
const history = []; // up to 80 recent events
let worker = null;
let workerReady = false;
let workerPython = null;
let workerRestartCount = 0;
let reqSeq = 1;
let lastAnyPositiveAt = null;
@@ -55,6 +53,17 @@ let discordSentThisEpisode = false;
let latestPositiveFrame = null; // { cameraId, confidence, ts, buffer }
let cooldownUntil = 0;
let hasClearedSinceLastDiscord = true;
let lastDiscordAlertAt = null;
let lastDiscordAlertMeta = null;
function getInferenceIntervalMs() {
return Math.max(100, Math.round(1000 / Math.max(0.25, Number(runtime.maxInferenceFpsPerCamera) || 3)));
}
function pushHistory(type, detail = {}) {
history.push({ ts: Date.now(), type, detail });
while (history.length > 80) history.shift();
}
function isDetectionActiveMode() {
const mode = getMode();
@@ -75,7 +84,7 @@ function ensureCameraState(cameraId) {
return cameraState.get(cameraId);
}
function markCleared(now) {
function markCleared(now, reason = 'clear_window') {
if (episodeStartAt == null) return;
episodeStartAt = null;
ttsSentThisEpisode = false;
@@ -83,7 +92,8 @@ function markCleared(now) {
lastAnyPositiveAt = null;
latestPositiveFrame = null;
hasClearedSinceLastDiscord = true;
logger.info('Human detection episode cleared', { now });
pushHistory('episode.cleared', { reason });
logger.info('Human detection episode cleared', { now, reason });
}
function sendTtsToNonPrivateRovers() {
@@ -107,7 +117,10 @@ function sendTtsToNonPrivateRovers() {
sendAlert({
color: '#f0b651',
title: 'Human Detection',
message: sent > 0 ? `Person detected; announced on ${sent} rover(s).` : 'Person detected; no non-private rover available.',
message:
sent > 0
? `Person detected; announced on ${sent} rover(s).`
: 'Person detected; no non-private rover available.',
});
publishEvent({
source: 'roomHumanDetection',
@@ -118,11 +131,12 @@ function sendTtsToNonPrivateRovers() {
ts: Date.now(),
},
});
pushHistory('tts.sent', { roverCount: sent });
}
function sendDiscordDetectionAlert(now) {
function sendDiscordDetectionAlert(now, options = {}) {
const payload = {
message: 'Human detected in room cameras.',
message: options.message || 'Human detected in room cameras.',
detectedAt: now,
confidence: latestPositiveFrame?.confidence || null,
cameraId: latestPositiveFrame?.cameraId || null,
@@ -138,31 +152,108 @@ function sendDiscordDetectionAlert(now) {
title: 'Human Detection',
message: 'Human presence persisted; Discord alert sent.',
});
lastDiscordAlertAt = now;
lastDiscordAlertMeta = {
cameraId: payload.cameraId,
confidence: payload.confidence,
detectedAt: payload.detectedAt,
};
pushHistory('discord.sent', {
cameraId: payload.cameraId,
confidence: payload.confidence,
});
}
function buildState(now = Date.now()) {
const mode = getMode();
const modeActive = isDetectionActiveMode();
const humanPresent = episodeStartAt != null;
const elapsed = humanPresent ? Math.max(0, now - episodeStartAt) : 0;
const timeToTtsMs = humanPresent && !ttsSentThisEpisode ? Math.max(0, runtime.ttsDelayMs - elapsed) : 0;
const timeToDiscordMs = humanPresent && !discordSentThisEpisode ? Math.max(0, runtime.discordDelayMs - elapsed) : 0;
const cooldownRemainingMs = Math.max(0, cooldownUntil - now);
const cameras = Array.from(cameraState.entries()).map(([cameraId, state]) => ({
cameraId,
inflight: Boolean(state.inflight),
lastInferAt: state.lastInferAt || null,
lastResultAt: state.lastResultAt || null,
lastPositiveAt: state.lastPositiveAt || null,
lastConfidence: state.lastConfidence || 0,
error: state.error || null,
}));
cameras.sort((a, b) => String(a.cameraId).localeCompare(String(b.cameraId)));
return {
enabled: runtime.enabled,
mode,
modeActive,
workerReady,
workerRunning: Boolean(worker && !worker.killed),
workerPython,
workerScript,
workerRestartCount,
config: { ...runtime },
episode: {
humanPresent,
startAt: episodeStartAt,
lastAnyPositiveAt,
ttsSentThisEpisode,
discordSentThisEpisode,
timeToTtsMs,
timeToDiscordMs,
cooldownUntil,
cooldownRemainingMs,
hasClearedSinceLastDiscord,
},
latestPositive: latestPositiveFrame
? {
cameraId: latestPositiveFrame.cameraId,
confidence: latestPositiveFrame.confidence,
ts: latestPositiveFrame.ts,
}
: null,
lastDiscordAlertAt,
lastDiscordAlertMeta,
cameras,
history: history.slice(),
updatedAt: now,
};
}
function emitStateToAdmins() {
const payload = buildState();
io.sockets.sockets.forEach((socket) => {
if (!isAdmin(socket)) return;
socket.emit('vision:human:state', payload);
});
}
function evaluateEpisode(now = Date.now()) {
if (!isDetectionActiveMode()) {
markCleared(now);
if (!runtime.enabled) {
markCleared(now, 'disabled');
return;
}
if (episodeStartAt != null && lastAnyPositiveAt != null && now - lastAnyPositiveAt > CLEAR_WINDOW_MS) {
markCleared(now);
if (!isDetectionActiveMode()) {
markCleared(now, 'mode_gate');
return;
}
if (episodeStartAt != null && lastAnyPositiveAt != null && now - lastAnyPositiveAt > runtime.clearWindowMs) {
markCleared(now, 'clear_window');
return;
}
if (episodeStartAt == null) return;
const elapsed = Math.max(0, now - episodeStartAt);
if (!ttsSentThisEpisode && elapsed >= TTS_DELAY_MS) {
if (!ttsSentThisEpisode && elapsed >= runtime.ttsDelayMs) {
sendTtsToNonPrivateRovers();
ttsSentThisEpisode = true;
}
if (discordSentThisEpisode) return;
if (elapsed < DISCORD_DELAY_MS) return;
if (elapsed < runtime.discordDelayMs) return;
if (!hasClearedSinceLastDiscord) return;
if (now < cooldownUntil) return;
sendDiscordDetectionAlert(now);
discordSentThisEpisode = true;
hasClearedSinceLastDiscord = false;
cooldownUntil = now + COOLDOWN_MS;
cooldownUntil = now + runtime.cooldownMs;
}
function handleWorkerMessage(line) {
@@ -175,7 +266,9 @@ function handleWorkerMessage(line) {
}
if (msg?.type === 'ready') {
workerReady = true;
pushHistory('worker.ready');
logger.info('Vision worker ready');
emitStateToAdmins();
return;
}
const cameraId = String(msg?.cameraId || '');
@@ -187,6 +280,7 @@ function handleWorkerMessage(line) {
state.error = msg.error || 'worker error';
logger.warn('Vision inference failed', { cameraId, error: state.error });
evaluateEpisode(Date.now());
emitStateToAdmins();
return;
}
state.error = null;
@@ -199,6 +293,7 @@ function handleWorkerMessage(line) {
episodeStartAt = now;
ttsSentThisEpisode = false;
discordSentThisEpisode = false;
pushHistory('episode.started', { cameraId });
logger.info('Human detection episode started', { cameraId, now });
}
let buffer = null;
@@ -219,6 +314,7 @@ function handleWorkerMessage(line) {
}
}
evaluateEpisode(Number(msg.ts) || Date.now());
emitStateToAdmins();
}
function startWorker() {
@@ -229,9 +325,8 @@ function startWorker() {
});
worker = proc;
workerReady = false;
readline
.createInterface({ input: proc.stdout })
.on('line', handleWorkerMessage);
workerPython = pythonBin;
readline.createInterface({ input: proc.stdout }).on('line', handleWorkerMessage);
proc.stderr.on('data', (chunk) => {
const text = String(chunk || '').trim();
if (!text) return;
@@ -241,8 +336,12 @@ function startWorker() {
logger.warn('Vision worker exited', { code, signal });
worker = null;
workerReady = false;
workerRestartCount += 1;
pushHistory('worker.exit', { code, signal });
emitStateToAdmins();
});
logger.info('Vision worker started', { pythonBin, workerScript });
pushHistory('worker.started', { pythonBin });
return true;
} catch (err) {
logger.warn('Failed to spawn vision worker candidate', { pythonBin, error: err.message });
@@ -252,18 +351,19 @@ function startWorker() {
}
function submitFrame(cameraId, buffer, ts = Date.now()) {
if (!runtime.enabled) return;
if (!worker || !workerReady) return;
const state = ensureCameraState(cameraId);
const now = Date.now();
if (state.inflight) return;
if (now - state.lastInferAt < inferenceIntervalMs) return;
if (now - state.lastInferAt < getInferenceIntervalMs()) return;
state.inflight = true;
state.lastInferAt = now;
const payload = {
reqId: `r${reqSeq++}`,
cameraId: String(cameraId),
ts: Number(ts) || now,
confidenceThreshold: CONFIDENCE_THRESHOLD,
confidenceThreshold: runtime.confidenceThreshold,
imageBase64: buffer.toString('base64'),
};
try {
@@ -275,12 +375,44 @@ function submitFrame(cameraId, buffer, ts = Date.now()) {
}
}
function clampNumber(value, min, max, fallback) {
const num = Number(value);
if (!Number.isFinite(num)) return fallback;
return Math.max(min, Math.min(max, num));
}
function updateRuntimeConfig(patch = {}) {
const prevEnabled = runtime.enabled;
runtime.enabled = typeof patch.enabled === 'boolean' ? patch.enabled : runtime.enabled;
runtime.confidenceThreshold = clampNumber(patch.confidenceThreshold, 0, 1, runtime.confidenceThreshold);
runtime.ttsDelayMs = clampNumber(patch.ttsDelayMs, 1000, 60 * 60 * 1000, runtime.ttsDelayMs);
runtime.discordDelayMs = clampNumber(
patch.discordDelayMs,
runtime.ttsDelayMs,
2 * 60 * 60 * 1000,
runtime.discordDelayMs,
);
runtime.clearWindowMs = clampNumber(patch.clearWindowMs, 250, 60 * 1000, runtime.clearWindowMs);
runtime.cooldownMs = clampNumber(patch.cooldownMs, 0, 12 * 60 * 60 * 1000, runtime.cooldownMs);
runtime.maxInferenceFpsPerCamera = clampNumber(
patch.maxInferenceFpsPerCamera,
0.25,
30,
runtime.maxInferenceFpsPerCamera,
);
if (prevEnabled && !runtime.enabled) {
markCleared(Date.now(), 'disabled');
}
pushHistory('config.updated', { patch });
}
if (!startWorker()) {
logger.error('Room human detection disabled; failed to start Python worker');
return;
logger.error('Room human detection worker failed to start; detection unavailable until restart');
pushHistory('worker.unavailable');
}
roomCameraStreamEvents.on('frame', ({ id, buffer, ts }) => {
if (!runtime.enabled) return;
if (!isDetectionActiveMode()) return;
if (!id || !buffer) return;
submitFrame(String(id), buffer, ts);
@@ -288,15 +420,88 @@ roomCameraStreamEvents.on('frame', ({ id, buffer, ts }) => {
setInterval(() => {
evaluateEpisode(Date.now());
emitStateToAdmins();
}, 1000);
logger.info('Room human detection service started', {
confidenceThreshold: CONFIDENCE_THRESHOLD,
ttsDelayMs: TTS_DELAY_MS,
discordDelayMs: DISCORD_DELAY_MS,
clearWindowMs: CLEAR_WINDOW_MS,
cooldownMs: COOLDOWN_MS,
maxInferenceFpsPerCamera: MAX_INFERENCE_FPS,
io.on('connection', (socket) => {
socket.on('vision:human:getState', (_, cb = () => {}) => {
try {
if (!isAdmin(socket)) {
cb({ error: 'Not authorized' });
return;
}
cb({ ok: true, state: buildState() });
} catch (err) {
cb({ error: err.message });
}
});
socket.on('vision:human:updateConfig', ({ config: patch } = {}, cb = () => {}) => {
try {
if (!isAdmin(socket)) {
cb({ error: 'Not authorized' });
return;
}
updateRuntimeConfig(patch || {});
emitStateToAdmins();
cb({ ok: true, state: buildState() });
} catch (err) {
cb({ error: err.message });
}
});
socket.on('vision:human:testTts', (_, cb = () => {}) => {
try {
if (!isAdmin(socket)) {
cb({ error: 'Not authorized' });
return;
}
sendTtsToNonPrivateRovers();
emitStateToAdmins();
cb({ ok: true, state: buildState() });
} catch (err) {
cb({ error: err.message });
}
});
socket.on('vision:human:testDiscord', (_, cb = () => {}) => {
try {
if (!isAdmin(socket)) {
cb({ error: 'Not authorized' });
return;
}
sendDiscordDetectionAlert(Date.now(), { message: 'Human detection test alert.' });
emitStateToAdmins();
cb({ ok: true, state: buildState() });
} catch (err) {
cb({ error: err.message });
}
});
socket.on('vision:human:clear', (_, cb = () => {}) => {
try {
if (!isAdmin(socket)) {
cb({ error: 'Not authorized' });
return;
}
markCleared(Date.now(), 'manual_clear');
emitStateToAdmins();
cb({ ok: true, state: buildState() });
} catch (err) {
cb({ error: err.message });
}
});
if (isAdmin(socket)) {
socket.emit('vision:human:state', buildState());
}
});
module.exports = {};
logger.info('Room human detection service started', {
...runtime,
workerScript,
});
module.exports = {
getRoomHumanDetectionState: () => buildState(),
};
server/src/services/sessionService.js
+3 -1
View File
@@ -1,6 +1,6 @@
const io = require('../globals/io');
const logger = require('../globals/logger').child('sessionService');
const { getRole, roleEvents } = require('./roleService');
const { getRole, isAdmin, roleEvents } = require('./roleService');
const { getMode, modeEvents } = require('./modeManager');
const roverManager = require('./roverManager');
const { managerEvents } = roverManager;
@@ -28,6 +28,7 @@ const { subscribe } = require('./eventBus');
const { getSocketIp, isLocalNetwork } = require('../helpers/ipResolver');
const { getAudioForwardState, audioForwardEvents } = require('./audioForwardService');
const { getAudioLevels, audioLevelsEvents } = require('./audioLevelsService');
const { getRoomHumanDetectionState } = require('./roomHumanDetectionService');
const config = loadConfig();
const discordInvite = config.discord?.invite || null;
@@ -136,6 +137,7 @@ function buildSession(socket) {
isVerified: Boolean(socket?.data?.isVerified),
audioForward: getAudioForwardState(),
audioLevels: getAudioLevels(),
visionHumanDetection: isAdmin(socket) ? getRoomHumanDetectionState() : null,
};
}
webui/src/components/AdminPanel.jsx
+266
View File
@@ -24,6 +24,12 @@ export default function AdminPanel() {
setAudioLevels,
setPrivateSafety,
llmControl,
visionHumanState,
getVisionHumanState,
updateVisionHumanConfig,
testVisionHumanTts,
testVisionHumanDiscord,
clearVisionHumanState,
adminLogs,
llmCommentaryState,
} = useSession();
@@ -46,6 +52,7 @@ export default function AdminPanel() {
forwardGain: Number.isFinite(currentAudioLevels.forwardGain) ? currentAudioLevels.forwardGain : 1,
});
const [privateSafetyDrafts, setPrivateSafetyDrafts] = useState({});
const [visionDraft, setVisionDraft] = useState(null);
const isAdmin =
session?.role === 'admin' ||
@@ -183,6 +190,24 @@ export default function AdminPanel() {
});
}, [currentAudioLevels.forwardGain, currentAudioLevels.hornGain, currentAudioLevels.ttsGain]);
useEffect(() => {
const source = visionHumanState?.config;
if (!source) return;
setVisionDraft({
enabled: Boolean(visionHumanState?.enabled),
confidenceThreshold: Number.isFinite(Number(source.confidenceThreshold))
? Number(source.confidenceThreshold)
: 0.55,
ttsDelayMs: Number.isFinite(Number(source.ttsDelayMs)) ? Number(source.ttsDelayMs) : 30000,
discordDelayMs: Number.isFinite(Number(source.discordDelayMs)) ? Number(source.discordDelayMs) : 60000,
clearWindowMs: Number.isFinite(Number(source.clearWindowMs)) ? Number(source.clearWindowMs) : 3000,
cooldownMs: Number.isFinite(Number(source.cooldownMs)) ? Number(source.cooldownMs) : 900000,
maxInferenceFpsPerCamera: Number.isFinite(Number(source.maxInferenceFpsPerCamera))
? Number(source.maxInferenceFpsPerCamera)
: 3,
});
}, [visionHumanState]);
useEffect(() => {
const next = {};
(roster || []).forEach((rover) => {
@@ -243,6 +268,54 @@ export default function AdminPanel() {
}
};
const handleRefreshVision = async () => {
try {
await getVisionHumanState();
} catch (err) {
alert(err.message);
}
};
const handleVisionDraftChange = (key) => (event) => {
if (!visionDraft) return;
const isCheckbox = event.target.type === 'checkbox';
const value = isCheckbox ? Boolean(event.target.checked) : Number(event.target.value);
setVisionDraft((current) => ({ ...(current || {}), [key]: isCheckbox ? value : value }));
};
const handleSaveVisionConfig = async () => {
if (!visionDraft) return;
try {
await updateVisionHumanConfig(visionDraft);
} catch (err) {
alert(err.message);
}
};
const handleVisionTestTts = async () => {
try {
await testVisionHumanTts();
} catch (err) {
alert(err.message);
}
};
const handleVisionTestDiscord = async () => {
try {
await testVisionHumanDiscord();
} catch (err) {
alert(err.message);
}
};
const handleVisionClear = async () => {
try {
await clearVisionHumanState();
} catch (err) {
alert(err.message);
}
};
if (!isAdmin) return null;
return (
@@ -462,6 +535,16 @@ export default function AdminPanel() {
)}
/>
<ReplaySnapshotHealth health={health} roster={roster} />
<VisionHumanPanel
state={visionHumanState}
draft={visionDraft}
onDraftChange={handleVisionDraftChange}
onRefresh={handleRefreshVision}
onSaveConfig={handleSaveVisionConfig}
onTestTts={handleVisionTestTts}
onTestDiscord={handleVisionTestDiscord}
onClear={handleVisionClear}
/>
<LlmCommentaryPanel
state={llmCommentaryState}
onClearHistory={handleClearLlmHistory}
@@ -472,6 +555,189 @@ export default function AdminPanel() {
);
}
function VisionHumanPanel({
state,
draft,
onDraftChange,
onRefresh,
onSaveConfig,
onTestTts,
onTestDiscord,
onClear,
}) {
if (!state) {
return (
<div className="space-y-0.5">
<div className="panel-muted text-xs uppercase">Human Detection</div>
<div className="surface text-xs text-slate-300">No human detection state received yet.</div>
</div>
);
}
const modeGateText = state.modeActive ? 'active' : `inactive in ${state.mode}`;
const workerText = state.workerReady ? 'ready' : state.workerRunning ? 'starting' : 'offline';
const episode = state.episode || {};
const history = Array.isArray(state.history) ? state.history : [];
const cameras = Array.isArray(state.cameras) ? state.cameras : [];
const statusPills = [
{ label: 'enabled', value: state.enabled ? 'yes' : 'no' },
{ label: 'mode gate', value: modeGateText },
{ label: 'worker', value: workerText },
{ label: 'python', value: state.workerPython || '--' },
{ label: 'worker restarts', value: state.workerRestartCount ?? 0 },
{ label: 'present', value: episode.humanPresent ? 'yes' : 'no' },
{ label: 'tts sent', value: episode.ttsSentThisEpisode ? 'yes' : 'no' },
{ label: 'discord sent', value: episode.discordSentThisEpisode ? 'yes' : 'no' },
{ label: 'tts in', value: `${Math.ceil((episode.timeToTtsMs || 0) / 1000)}s` },
{ label: 'discord in', value: `${Math.ceil((episode.timeToDiscordMs || 0) / 1000)}s` },
{ label: 'cooldown', value: `${Math.ceil((episode.cooldownRemainingMs || 0) / 1000)}s` },
];
return (
<div className="space-y-0.5">
<div className="panel-muted text-xs uppercase">Human Detection</div>
<div className="flex flex-wrap gap-0.5 text-xs">
<button type="button" onClick={onRefresh} className="button-dark">
Refresh
</button>
<button type="button" onClick={onSaveConfig} className="button-dark">
Save Detection Config
</button>
<button type="button" onClick={onTestTts} className="button-dark">
Test TTS
</button>
<button type="button" onClick={onTestDiscord} className="button-dark">
Test Discord
</button>
<button type="button" onClick={onClear} className="button-danger">
Clear Episode
</button>
</div>
<div className="surface flex flex-wrap gap-0.5 text-xs">
{statusPills.map((pill) => (
<span
key={pill.label}
className="rounded border border-slate-600/60 bg-slate-800/70 px-0.5 py-0.25 text-[0.72rem] leading-tight text-slate-200"
>
{pill.label}: {pill.value}
</span>
))}
</div>
{draft ? (
<div className="grid gap-0.5 md:grid-cols-2">
<label className="surface flex items-center justify-between gap-0.5 text-xs">
<span>Enabled</span>
<input type="checkbox" checked={Boolean(draft.enabled)} onChange={onDraftChange('enabled')} />
</label>
<label className="surface grid gap-0.25 text-xs">
<span>Confidence threshold</span>
<input
type="number"
min="0"
max="1"
step="0.01"
value={draft.confidenceThreshold}
onChange={onDraftChange('confidenceThreshold')}
className="field-input text-xs"
/>
</label>
<label className="surface grid gap-0.25 text-xs">
<span>TTS delay (ms)</span>
<input
type="number"
min="1000"
step="250"
value={draft.ttsDelayMs}
onChange={onDraftChange('ttsDelayMs')}
className="field-input text-xs"
/>
</label>
<label className="surface grid gap-0.25 text-xs">
<span>Discord delay (ms)</span>
<input
type="number"
min="1000"
step="250"
value={draft.discordDelayMs}
onChange={onDraftChange('discordDelayMs')}
className="field-input text-xs"
/>
</label>
<label className="surface grid gap-0.25 text-xs">
<span>Clear window (ms)</span>
<input
type="number"
min="250"
step="250"
value={draft.clearWindowMs}
onChange={onDraftChange('clearWindowMs')}
className="field-input text-xs"
/>
</label>
<label className="surface grid gap-0.25 text-xs">
<span>Cooldown (ms)</span>
<input
type="number"
min="0"
step="1000"
value={draft.cooldownMs}
onChange={onDraftChange('cooldownMs')}
className="field-input text-xs"
/>
</label>
<label className="surface grid gap-0.25 text-xs">
<span>Max inference FPS/camera</span>
<input
type="number"
min="0.25"
max="30"
step="0.25"
value={draft.maxInferenceFpsPerCamera}
onChange={onDraftChange('maxInferenceFpsPerCamera')}
className="field-input text-xs"
/>
</label>
</div>
) : null}
<div className="space-y-0.5">
<div className="panel-muted text-xs uppercase">Per Camera</div>
<div className="surface max-h-40 overflow-y-auto text-xs text-slate-200">
{cameras.length ? (
cameras.map((cam) => (
<div key={cam.cameraId} className="flex items-center justify-between gap-0.5">
<span>{cam.cameraId}</span>
<span>{cam.lastConfidence?.toFixed?.(2) ?? '0.00'}</span>
<span>{cam.lastPositiveAt ? new Date(cam.lastPositiveAt).toLocaleTimeString() : '--'}</span>
<span className={cam.error ? 'text-amber-300' : 'text-emerald-300'}>
{cam.error ? 'error' : cam.inflight ? 'inference' : 'ok'}
</span>
</div>
))
) : (
<div className="text-slate-400">No camera state yet.</div>
)}
</div>
</div>
<div className="space-y-0.5">
<div className="panel-muted text-xs uppercase">Recent Events</div>
<div className="surface max-h-40 overflow-y-auto text-xs text-slate-200">
{history.length ? (
history
.slice()
.reverse()
.map((entry, idx) => (
<div key={`${entry.ts}-${entry.type}-${idx}`} className="flex items-start justify-between gap-0.5">
<span>{entry.type}</span>
<span className="text-slate-400">{entry.ts ? new Date(entry.ts).toLocaleTimeString() : '--'}</span>
</div>
))
) : (
<div className="text-slate-400">No events yet.</div>
)}
</div>
</div>
</div>
);
}
function LlmCommentaryPanel({ state, onClearHistory, clearingHistory }) {
const [selectedRunId, setSelectedRunId] = useState(null);
if (!state) {
webui/src/context/SessionContext.jsx
+33 -1
View File
@@ -10,6 +10,7 @@ const SessionContext = createContext({
adminLogs: [],
llmCommentaryState: null,
llmCommentaryStatus: null,
visionHumanState: null,
identifySession: async () => {},
login: async () => {},
setRole: async () => {},
@@ -35,6 +36,11 @@ const SessionContext = createContext({
setAudioLevels: async () => {},
setPrivateSafety: async () => {},
llmControl: async () => {},
getVisionHumanState: async () => {},
updateVisionHumanConfig: async () => {},
testVisionHumanTts: async () => {},
testVisionHumanDiscord: async () => {},
clearVisionHumanState: async () => {},
});
function useAckEmitter(socket) {
@@ -61,6 +67,7 @@ export function SessionProvider({ children }) {
const [adminLogs, setAdminLogs] = useState([]);
const [llmCommentaryState, setLlmCommentaryState] = useState(null);
const [llmCommentaryStatus, setLlmCommentaryStatus] = useState(null);
const [visionHumanState, setVisionHumanState] = useState(null);
const [alerts, setAlerts] = useState([]);
const [connected, setConnected] = useState(socket.connected);
@@ -78,6 +85,9 @@ export function SessionProvider({ children }) {
useEffect(() => {
function handleSession(payload) {
setSession(payload);
if (payload?.visionHumanDetection) {
setVisionHumanState(payload.visionHumanDetection);
}
}
function handleLogInit(entries = []) {
setLogs(entries);
@@ -104,6 +114,10 @@ export function SessionProvider({ children }) {
socket.on('adminlog:init', handleAdminLogInit);
socket.on('adminlog:entry', handleAdminLogEntry);
socket.on('llm:state', handleLlmState);
socket.on('vision:human:state', (payload = null) => {
const state = payload && typeof payload === 'object' ? payload : null;
setVisionHumanState(state);
});
socket.on('alert:new', (payload = {}) => {
setAlerts((prev) => [
...prev.slice(-49),
@@ -120,6 +134,7 @@ export function SessionProvider({ children }) {
socket.off('adminlog:init', handleAdminLogInit);
socket.off('adminlog:entry', handleAdminLogEntry);
socket.off('llm:state', handleLlmState);
socket.off('vision:human:state');
socket.off('alert:new');
};
}, [socket]);
@@ -162,6 +177,12 @@ export function SessionProvider({ children }) {
emitWithAck('session:privateSafety:set', { roverId, safety }),
llmControl: (action, controls = {}) =>
emitWithAck('llm:control', { controls: { action, ...controls } }),
getVisionHumanState: () => emitWithAck('vision:human:getState'),
updateVisionHumanConfig: (nextConfig = {}) =>
emitWithAck('vision:human:updateConfig', { config: nextConfig }),
testVisionHumanTts: () => emitWithAck('vision:human:testTts'),
testVisionHumanDiscord: () => emitWithAck('vision:human:testDiscord'),
clearVisionHumanState: () => emitWithAck('vision:human:clear'),
pushAlert: (alert) =>
setAlerts((prev) => [
...prev.slice(-49),
@@ -179,10 +200,21 @@ export function SessionProvider({ children }) {
adminLogs,
llmCommentaryState,
llmCommentaryStatus,
visionHumanState,
alerts,
...actions,
}),
[actions, adminLogs, alerts, connected, llmCommentaryState, llmCommentaryStatus, logs, session],
[
actions,
adminLogs,
alerts,
connected,
llmCommentaryState,
llmCommentaryStatus,
logs,
session,
visionHumanState,
],
);
return <SessionContext.Provider value={value}>{children}</SessionContext.Provider>;