let-them-talk 3.7.0 → 3.9.0

package/dashboard.js

@@ -284,17 +284,22 @@ function apiStats(query) {
   const history = readJsonl(filePath('history.jsonl', projectPath));
   const agents = readJson(filePath('agents.json', projectPath));
 
-  // Per-agent stats
+  // Per-agent stats — only count messages from agents still in agents.json
   const perAgent = {};
-  let totalMessages = history.length;
+  const knownAgentNames = new Set(Object.keys(agents));
+  knownAgentNames.add('__system__');
+  knownAgentNames.add('Dashboard');
+  let totalMessages = 0;
   const hourBuckets = new Array(24).fill(0);
 
   for (let i = 0; i < history.length; i++) {
     const m = history[i];
     const from = m.from || 'unknown';
+    if (!knownAgentNames.has(from)) continue; // skip removed agents
     if (!perAgent[from]) {
       perAgent[from] = { messages: 0, responseTimes: [], hours: new Array(24).fill(0) };
     }
+    totalMessages++;
     perAgent[from].messages++;
     const ts = new Date(m.timestamp);
     const hour = ts.getHours();
@@ -313,7 +318,7 @@ function apiStats(query) {
     }
   }
 
-  // Build per-agent summary
+  // Build per-agent summary — only include agents currently in agents.json
   const agentStats = {};
   let busiestAgent = null;
   let busiestCount = 0;

package/office/animation.js

@@ -368,4 +368,5 @@ function disposeAgent(agent) {
   if (agent.parts.zzzObjects) {
     agent.parts.zzzObjects.forEach(function(z) { if (z.div.parentElement) z.div.remove(); });
   }
+  if (agent._listenLostDiv && agent._listenLostDiv.parentElement) agent._listenLostDiv.remove();
 }

package/office/campus-env.js

@@ -468,7 +468,7 @@ function buildLobby(marbleMat, chromeMat, goldMat, walnutMat) {
   tvFrame.castShadow = true;
   group.add(tvFrame);
   // Animated canvas
-  var tvW = 480, tvH = 300;
+  var tvW = 960, tvH = 600;
   var tvCvs = document.createElement('canvas');
   tvCvs.width = tvW; tvCvs.height = tvH;
   var tvTex = new THREE.CanvasTexture(tvCvs);

package/office/environment.js

@@ -425,94 +425,87 @@ export function updateTVScreen(time) {
   var cvs = tv.canvas, ctx = cvs.getContext('2d');
   var W = cvs.width, H = cvs.height;
 
-  // Background gradient
+  // Clear
   ctx.fillStyle = '#0a0e1a';
   ctx.fillRect(0, 0, W, H);
 
   // Top bar
   ctx.fillStyle = '#111830';
-  ctx.fillRect(0, 0, W, 24);
+  ctx.fillRect(0, 0, W, 40);
   ctx.fillStyle = '#58a6ff';
-  ctx.font = 'bold 11px monospace';
-  ctx.fillText('OFFICE DASHBOARD', 8, 16);
-  // Clock
+  ctx.font = 'bold 20px monospace';
+  ctx.fillText('OFFICE DASHBOARD', 16, 27);
   var now = new Date();
   var timeStr = now.getHours().toString().padStart(2, '0') + ':' + now.getMinutes().toString().padStart(2, '0') + ':' + now.getSeconds().toString().padStart(2, '0');
   ctx.fillStyle = '#7ee787';
   ctx.textAlign = 'right';
-  ctx.fillText(timeStr, W - 8, 16);
+  ctx.fillText(timeStr, W - 16, 27);
   ctx.textAlign = 'left';
 
-  // Agent count + message stats
+  // Data
   var agents = window.cachedAgents || {};
   var history = window.cachedHistory || [];
   var agentNames = Object.keys(agents);
   var activeCount = 0, sleepCount = 0;
   agentNames.forEach(function(n) {
-    var st = agents[n].status || 'dead';
-    if (st === 'active') activeCount++;
-    else if (st === 'sleeping') sleepCount++;
+    if (agents[n].status === 'active') activeCount++;
+    else if (agents[n].status === 'sleeping') sleepCount++;
   });
 
-  ctx.font = '10px monospace';
-  var y = 42;
-
-  // Stats section
-  ctx.fillStyle = '#546178';
-  ctx.fillText('AGENTS', 8, y);
-  ctx.fillStyle = '#d2a8ff';
-  ctx.fillText(String(agentNames.length), 70, y);
-  ctx.fillStyle = '#4ade80';
-  ctx.fillText(activeCount + ' active', 90, y);
-  ctx.fillStyle = '#facc15';
-  ctx.fillText(sleepCount + ' idle', 160, y);
-  y += 18;
-
-  ctx.fillStyle = '#546178';
-  ctx.fillText('MESSAGES', 8, y);
-  ctx.fillStyle = '#79c0ff';
-  ctx.fillText(String(history.length), 80, y);
-  y += 18;
-
-  // Separator line
-  ctx.strokeStyle = '#1a2744';
-  ctx.beginPath(); ctx.moveTo(8, y); ctx.lineTo(W - 8, y); ctx.stroke();
-  y += 14;
-
-  // Recent activity feed (last 5 messages)
-  ctx.fillStyle = '#546178';
-  ctx.font = '9px monospace';
-  ctx.fillText('RECENT ACTIVITY', 8, y);
-  y += 14;
-
-  var recentMsgs = history.slice(-5);
+  var y = 68;
+  ctx.font = '16px monospace';
+
+  // Stats row 1
+  ctx.fillStyle = '#546178'; ctx.fillText('AGENTS', 16, y);
+  ctx.fillStyle = '#d2a8ff'; ctx.fillText(String(agentNames.length), 110, y);
+  ctx.fillStyle = '#4ade80'; ctx.fillText(activeCount + ' active', 140, y);
+  ctx.fillStyle = '#facc15'; ctx.fillText(sleepCount + ' idle', 280, y);
+  y += 26;
+
+  // Stats row 2
+  ctx.fillStyle = '#546178'; ctx.fillText('MESSAGES', 16, y);
+  ctx.fillStyle = '#79c0ff'; ctx.fillText(String(history.length), 130, y);
+  y += 26;
+
+  // Separator
+  ctx.strokeStyle = '#1a2744'; ctx.lineWidth = 1;
+  ctx.beginPath(); ctx.moveTo(16, y); ctx.lineTo(W - 16, y); ctx.stroke();
+  y += 20;
+
+  // Activity header
+  ctx.fillStyle = '#546178'; ctx.font = '14px monospace';
+  ctx.fillText('RECENT ACTIVITY', 16, y);
+  y += 22;
+
+  // Messages
+  ctx.font = '13px monospace';
+  var recentMsgs = history.slice(-7);
   for (var i = 0; i < recentMsgs.length; i++) {
+    if (y > H - 50) break;
     var msg = recentMsgs[i];
     var from = msg.from || '?';
-    var to = msg.to || 'all';
-    var snippet = (msg.content || msg.message || '').substring(0, 30);
-    if ((msg.content || msg.message || '').length > 30) snippet += '..';
-    ctx.fillStyle = '#7ee787';
-    ctx.fillText(from, 8, y);
-    ctx.fillStyle = '#546178';
-    ctx.fillText(' > ', 8 + from.length * 5.5, y);
-    ctx.fillStyle = '#d2a8ff';
-    ctx.fillText(to, 8 + from.length * 5.5 + 18, y);
-    y += 12;
-    ctx.fillStyle = '#8892b0';
-    ctx.fillText('  ' + snippet, 8, y);
-    y += 14;
-    if (y > H - 30) break;
+    var to2 = msg.to || 'all';
+    var content = msg.content || msg.message || '';
+    var maxLen = Math.floor((W - 40) / 7.5);
+    var snippet = content.length > maxLen ? content.substring(0, maxLen - 2) + '..' : content;
+
+    // From > To
+    ctx.fillStyle = '#7ee787'; ctx.fillText(from, 16, y);
+    var fromW = ctx.measureText(from).width;
+    ctx.fillStyle = '#546178'; ctx.fillText(' > ', 16 + fromW, y);
+    ctx.fillStyle = '#d2a8ff'; ctx.fillText(to2, 16 + fromW + ctx.measureText(' > ').width, y);
+    y += 18;
+    // Snippet
+    ctx.fillStyle = '#8892b0'; ctx.fillText('  ' + snippet, 16, y);
+    y += 22;
   }
   if (recentMsgs.length === 0) {
-    ctx.fillStyle = '#3d4663';
-    ctx.fillText('  Waiting for messages...', 8, y);
+    ctx.fillStyle = '#3d4663'; ctx.fillText('  Waiting for messages...', 16, y);
   }
 
-  // Bottom ticker bar
+  // Bottom ticker
   ctx.fillStyle = '#111830';
-  ctx.fillRect(0, H - 20, W, 20);
-  // Scrolling ticker
+  ctx.fillRect(0, H - 32, W, 32);
   var tickerParts = [];
   agentNames.forEach(function(n) {
     var info = agents[n];
@@ -520,13 +513,13 @@ export function updateTVScreen(time) {
     tickerParts.push(st + ' ' + (info.display_name || n));
   });
   var tickerText = tickerParts.length > 0 ? tickerParts.join('    \u2022    ') + '    \u2022    ' : 'No agents online';
-  tv.tickerOffset = (tv.tickerOffset + 1) % (tickerText.length * 6);
+  ctx.font = '15px monospace';
+  var charW = 9;
+  tv.tickerOffset = (tv.tickerOffset + 1.5) % (tickerText.length * charW);
   ctx.fillStyle = '#58a6ff';
-  ctx.font = '10px monospace';
-  // Draw twice for seamless loop
-  var fullW = tickerText.length * 6;
-  ctx.fillText(tickerText, -tv.tickerOffset, H - 6);
-  ctx.fillText(tickerText, -tv.tickerOffset + fullW, H - 6);
+  var fullTW = tickerText.length * charW;
+  ctx.fillText(tickerText, -tv.tickerOffset, H - 10);
+  ctx.fillText(tickerText, -tv.tickerOffset + fullTW, H - 10);
 
   // Scanline overlay
   ctx.fillStyle = 'rgba(0,0,0,0.04)';

package/office/index.js

@@ -8,6 +8,7 @@ import { updateAgent } from './animation.js';
 import { syncAgents, processMessages, walkTo, navigateTo, showBubble } from './agents.js';
 // Side-effect: registers window.officeGetAppearance
 import './appearance.js';
+import { spawnPlayer, despawnPlayer, isPlayerMode, updatePlayer, savePlayerAppearance, getPlayerAppearance, getPlayer, invalidateColliders } from './player.js';
 
 // Expose createCharacter + resolveAppearance for the character designer (Phase 3)
 export { createCharacter } from './character.js';
@@ -226,6 +227,11 @@ function animate() {
     updateAgent(S.agents3d[name], dt, time);
   }
 
+  // Player avatar mode
+  if (isPlayerMode() && S.controls && S.controls.keys) {
+    updatePlayer(dt, time, S.controls.keys);
+  }
+
   // Hide roof when camera is above ceiling height
   if (S._roofGroup) {
     S._roofGroup.visible = S.camera.position.y < 6.5;
@@ -244,6 +250,12 @@ function animate() {
         if (Math.sqrt(adx * adx + adz * adz) < 3) { shouldOpen = true; break; }
       }
     }
+    // Also open for player
+    if (!shouldOpen && S._player) {
+      var pdx = S._player.pos.x - doorX;
+      var pdz = S._player.pos.z - doorZ;
+      if (Math.sqrt(pdx * pdx + pdz * pdz) < 3) shouldOpen = true;
+    }
     S._managerDoorOpen = shouldOpen ? 1 : 0;
     S._managerDoorLerp += (S._managerDoorOpen - S._managerDoorLerp) * Math.min(1, dt * 4);
     S._managerDoor.position.x = S._managerDoorLerp * 1.3; // slide open to the right
@@ -345,7 +357,15 @@ window.office3dSetEnvironment = function(env) {
       });
     }
     S.agents3d = {};
+    S._tvScreen = null;
+    S._roofGroup = null;
+    S._managerDoor = null;
+    S._managerDoorOpen = 0;
+    S._managerDoorLerp = 0;
+    S._managerOfficePos = null;
+    S._campusDeskPositions = null;
     S.lastProcessedMsg = 0;
+    invalidateColliders();
     buildEnvironment();
     // syncAgents will recreate all agents with correct desk assignments
     syncAgents();
@@ -357,6 +377,36 @@ window.office3dSetCamSpeed = function(speed) {
   if (S.controls) S.controls.moveSpeed = speed;
 };
 
+// Player avatar API
+window.office3dEnterWorld = function() {
+  spawnPlayer();
+};
+window.office3dExitWorld = function() {
+  despawnPlayer();
+};
+window.office3dIsPlayerMode = function() {
+  return isPlayerMode();
+};
+window.office3dSavePlayerAppearance = function(app) {
+  savePlayerAppearance(app);
+};
+window.office3dGetPlayerAppearance = function() {
+  return getPlayerAppearance();
+};
+window.office3dRebuildPlayer = function(appearance) {
+  if (!S._player) return;
+  savePlayerAppearance(appearance);
+  // Rebuild: despawn and respawn with new appearance
+  var pos = { x: S._player.pos.x, z: S._player.pos.z };
+  var facing = S._player.facing;
+  despawnPlayer();
+  var p = spawnPlayer();
+  p.pos.x = pos.x;
+  p.pos.z = pos.z;
+  p.facing = facing;
+  p.parts.group.position.set(pos.x, 0, pos.z);
+};
+
 // Handle visibility change for 3D mode
 document.addEventListener('visibilitychange', function() {
   if (document.hidden && S.running) {

package/office/monitors.js

@@ -3,7 +3,7 @@ import { S } from './state.js';
 
 export function updateMonitorScreen(deskIdx, agentName, time) {
   var desk = S.deskMeshes[deskIdx];
-  if (!desk) return;
+  if (!desk || !desk.screen) return;
   var W = 256, H = 160;
   if (!S.monitorCanvases[deskIdx]) {
     var cvs = document.createElement('canvas');
@@ -109,7 +109,7 @@ export function updateMonitorScreen(deskIdx, agentName, time) {
 
 export function setMonitorDim(deskIdx) {
   var desk = S.deskMeshes[deskIdx];
-  if (!desk) return;
+  if (!desk || !desk.screen) return;
   if (S.monitorCanvases[deskIdx]) {
     S.monitorCanvases[deskIdx].texture.dispose();
     if (desk.screen.material !== desk.screenMat) desk.screen.material.dispose();