-
+
@@ -439,6 +537,7 @@
// Subscribe to aggregated state updates (re-sent on each connect)
socket.on('state-update', (states) => {
+ window.lastStates = states;
Object.keys(states || {}).forEach(name => {
const st = states[name];
const healthEl = document.getElementById(`health-${name}`);
@@ -452,9 +551,13 @@
const hunEl = document.getElementById(`hunger-${name}`);
const bioEl = document.getElementById(`biome-${name}`);
const modeEl = document.getElementById(`mode-${name}`);
+ const itemsEl = document.getElementById(`items-${name}`);
+ const equippedEl = document.getElementById(`equipped-${name}`);
+ const invGrid = document.getElementById(`inventory-${name}`);
+ const actionEl = document.getElementById(`action-${name}`);
if (posEl && gp.position) {
const p = gp.position;
- posEl.textContent = `pos: x ${p.x}, y ${p.y}, z ${p.z}`;
+ posEl.textContent = `x ${p.x}, y ${p.y}, z ${p.z}`;
}
if (hunEl && typeof gp.hunger === 'number') {
const fMax = typeof gp.hungerMax === 'number' ? gp.hungerMax : 20;
@@ -462,6 +565,24 @@
}
if (bioEl && gp.biome) bioEl.textContent = `biome: ${gp.biome}`;
if (modeEl && gp.gamemode) modeEl.textContent = `gamemode: ${gp.gamemode}`;
+ if (itemsEl && st.inventory) {
+ const used = st.inventory.stacksUsed ?? 0;
+ const total = st.inventory.totalSlots ?? 0;
+ itemsEl.textContent = `inventory slots: ${used}/${total}`;
+ }
+ if (equippedEl && st.inventory?.equipment) {
+ const e = st.inventory.equipment;
+ equippedEl.textContent = `equipped: ${e.mainHand || 'none'}`;
+ }
+ if (actionEl && st.action) {
+ actionEl.textContent = `${st.action.current || 'Idle'}`;
+ }
+ if (invGrid && st.inventory?.counts) {
+ const counts = st.inventory.counts;
+ invGrid.innerHTML = Object.keys(counts).length ?
+ Object.entries(counts).map(([k, v]) => `
${k}: ${v}
`).join('') :
+ '
(empty)
';
+ }
}
});
});
@@ -584,6 +705,19 @@
originalAgentSettings = null;
}
+ function updateAgentViewer(name) {
+ const agentEl = document.getElementById(`agent-${name}`);
+ if (!agentEl) return;
+
+ const settings = agentSettings[name];
+ const viewerContainer = agentEl.querySelector('.agent-view-container');
+ if (!viewerContainer) return;
+
+ const agentState = agents.find(a => a.name === name);
+ const shouldShow = agentState?.in_game && settings?.render_bot_view === true;
+ viewerContainer.parentElement.style.display = shouldShow ? '' : 'none';
+ }
+
discardBtn.addEventListener('click', () => {
if (!currentAgentName || !originalAgentSettings) return;
buildAgentSettingsForm(originalAgentSettings);
@@ -593,6 +727,9 @@
if (!currentAgentName) return;
const edited = getEditedAgentSettings();
socket.emit('set-agent-settings', currentAgentName, edited);
+ // Update local settings immediately
+ agentSettings[currentAgentName] = { ...edited, fetched: true };
+ updateAgentViewer(currentAgentName);
closeAgentSettings();
});
@@ -602,53 +739,118 @@
// fetch settings for any new agents
await Promise.all(agents.map(a => fetchAgentSettings(a.name)));
+ // Update all agent viewers after render
+ const updateViewers = () => {
+ agents.forEach(a => {
+ if (a.in_game) updateAgentViewer(a.name);
+ });
+ };
+
agentsDiv.innerHTML = agents.length ?
+ // Set timeout to run after DOM update
agents.map((agent, idx) => {
const cfg = agentSettings[agent.name] || {};
- const showViewer = cfg.render_bot_view === true;
+ const showViewer = agent.in_game && cfg.render_bot_view === true;
const viewerHTML = showViewer ? `
` : '';
const lastMessage = agentLastMessage[agent.name] || '';
return `
-
-
-
●${agent.name}
-
-
-
- ${agent.in_game ? `
-
-
-
-
- ` : `
-
- `}
+
+
+
+ ●${agent.name}
+
+
+
+ ${showViewer ? `
${viewerHTML}
` : ''}
+
action: -
+
gamemode: -
+
health: -
+
hunger: -
+
pos: -
+
biome: -
+
inventory slots: -
+
equipped: -
+
+
Last Message: ${lastMessage}
-
-
gamemode: -
-
health: -
-
hunger: -
-
pos: -
-
biome: -
+
+
+
+
+
+
+
+
-
${lastMessage}
- ${viewerHTML}
`;
- }).join('') +
- `
-
` :
+ }).join('') :
'
No agents connected
';
+
+ // Update viewers after DOM has updated
+ setTimeout(updateViewers, 0);
}
- socket.on('agents-update', agents => { renderAgents(agents); });
+ socket.on('agents-update', async (agents) => {
+ // Fetch settings for any newly connected agents
+ const newlyConnected = agents.filter(a => a.in_game && (!agentSettings[a.name] || !agentSettings[a.name].fetched));
+ await Promise.all(newlyConnected.map(async (a) => {
+ const settings = await fetchAgentSettings(a.name);
+ if (settings) {
+ agentSettings[a.name] = { ...settings, fetched: true };
+ }
+ }));
+ renderAgents(agents);
+ });
function restartAgent(n) { socket.emit('restart-agent', n); }
- function startAgent(n) { socket.emit('start-agent', n); }
+ function disconnectAgent(n) { socket.emit('stop-agent', n); }
+ function startAgent(n) {
+ const btn = document.querySelector(`button[onclick="startAgent('${n}')"]`);
+ if (btn) {
+ btn.textContent = 'Connecting...';
+ btn.disabled = true;
+ }
+ socket.emit('start-agent', n);
+ }
function stopAgent(n) { socket.emit('stop-agent', n); }
- function killAllAgents() { socket.emit('stop-all-agents'); }
- function shutdown() { socket.emit('shutdown'); }
- function sendMessage(n, m) { socket.emit('send-message', n, m); }
+ function disconnectAllAgents() {
+ socket.emit('stop-all-agents');
+ }
+ function confirmShutdown() {
+ if (confirm('Are you sure you want to perform a full shutdown?\nThis will stop all agents and close the server.')) {
+ socket.emit('shutdown');
+ }
+ }
+ function sendMessage(n, m) {
+ if (!m || !m.trim()) return;
+ socket.emit('send-message', n, { from: 'ADMIN', message: m });
+ const input = document.getElementById(`messageInput-${n}`);
+ const btn = document.getElementById(`sendBtn-${n}`);
+ if (input) input.value = '';
+ if (btn) btn.disabled = true;
+ }
+ function onMsgInputChange(name) {
+ const input = document.getElementById(`messageInput-${name}`);
+ const btn = document.getElementById(`sendBtn-${name}`);
+ if (btn && input) {
+ btn.disabled = !(input.value && input.value.trim().length > 0);
+ }
+ }
+
+ function toggleDetails(name) {
+ const invSection = document.getElementById(`inventorySection-${name}`);
+ if (!invSection) return;
+ const visible = invSection.style.display !== 'none';
+ invSection.style.display = visible ? 'none' : '';
+ }
+ window.toggleDetails = toggleDetails;