let-them-talk 3.6.2 → 3.8.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/agents.js

@@ -156,11 +156,14 @@ function updateDeskScreen(deskIdx, status, isListening) {
 function flashDeskScreen(deskIdx) {
   var desk = S.deskMeshes[deskIdx];
   if (!desk) return;
+  // Flash white briefly — the next syncAgents call (every 2s) will set the correct persistent color via updateDeskScreen
   desk.screenMat.emissive.setHex(0xffffff);
   desk.screenMat.emissiveIntensity = 1.5;
   setTimeout(function() {
-    desk.screenMat.emissive.setHex(0x58a6ff);
-    desk.screenMat.emissiveIntensity = 0.5;
+    // Force immediate red until next sync corrects it
+    desk.screenMat.emissive.setHex(0xef4444);
+    desk.screenMat.emissiveIntensity = 0.6;
+    desk.screenMat.color.setHex(0xef4444);
   }, 300);
 }
 
@@ -292,14 +295,14 @@ export function syncAgents() {
       var wasListening = existing.isListening;
       existing.isListening = !!(info.is_listening);
 
-      // Detect listen mode change
+      // Detect listen mode change — update screen color persistently
       if (wasListening && !existing.isListening) {
-        // Left listen mode — flash alert
+        // Left listen mode — flash then stay red until next sync sets updateDeskScreen
         existing.listenLostTimer = 3;
         flashDeskScreen(existing.deskIdx);
       }
       if (!wasListening && existing.isListening) {
-        // Entered listen mode
+        // Entered listen mode — next updateDeskScreen will set green
         existing.listenLostTimer = 0;
       }
 

package/office/animation.js

@@ -154,7 +154,7 @@ export function updateAgent(agent, dt, time) {
   var sittingTarget = agent.isSitting ? 1 : 0;
   agent.sittingLerp += (sittingTarget - agent.sittingLerp) * Math.min(1, dt * 5);
 
-  agent.parts.group.position.y = agent.sittingLerp * 0.06;
+  agent.parts.group.position.y = agent.sittingLerp * 0.14;
   var sitHip = -1.5 * agent.sittingLerp;
   agent.parts.leftLeg.rotation.x = agent.parts.leftLeg.rotation.x * (1 - agent.sittingLerp) + sitHip * agent.sittingLerp;
   agent.parts.rightLeg.rotation.x = agent.parts.rightLeg.rotation.x * (1 - agent.sittingLerp) + sitHip * agent.sittingLerp;
@@ -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

@@ -446,23 +446,45 @@ function buildLobby(marbleMat, chromeMat, goldMat, walnutMat) {
   kb.position.set(-0.8, 1.2, lz - 0.4);
   group.add(kb);
 
-  // --- Company logo wall (behind reception) ---
+  // --- Feature wall with big TV monitor (behind reception) ---
   var logoWallMat = new THREE.MeshStandardMaterial({ color: 0x15181f, roughness: 0.7 });
-  var logoWall = new THREE.Mesh(new THREE.BoxGeometry(6, 3, 0.15), logoWallMat);
-  logoWall.position.set(0, 2, lz + 1.5);
+  var logoWall = new THREE.Mesh(new THREE.BoxGeometry(6, 4, 0.15), logoWallMat);
+  logoWall.position.set(0, 2.5, lz + 1.5);
   logoWall.castShadow = true;
   group.add(logoWall);
-  // Backlit logo text
+
+  // "LET THEM TALK" logo text above the TV
   var logoDiv = document.createElement('div');
   logoDiv.textContent = 'LET THEM TALK';
-  logoDiv.style.cssText = 'color:#ffffff;font-size:16px;font-weight:900;font-family:Inter,sans-serif;letter-spacing:6px;text-shadow:0 0 20px rgba(88,166,255,0.6),0 0 40px rgba(88,166,255,0.3);';
+  logoDiv.style.cssText = 'color:#ffffff;font-size:14px;font-weight:900;font-family:Inter,sans-serif;letter-spacing:6px;text-shadow:0 0 20px rgba(88,166,255,0.6),0 0 40px rgba(88,166,255,0.3);';
   var logoLabel = new CSS2DObject(logoDiv);
-  logoLabel.position.set(0, 2.8, lz + 1.6);
+  logoLabel.position.set(0, 4.3, lz + 1.6);
   group.add(logoLabel);
-  // Accent light behind logo wall
-  var logoLight = new THREE.RectAreaLight ? null : null; // not available without addon
+
+  // Big TV screen (dynamic canvas dashboard) — facing INTO the room (-z)
+  var tvFrame = new THREE.Mesh(new THREE.BoxGeometry(5, 2.8, 0.06),
+    new THREE.MeshStandardMaterial({ color: 0x0a0a0a, roughness: 0.2 }));
+  tvFrame.position.set(0, 2.2, lz + 1.4);
+  tvFrame.castShadow = true;
+  group.add(tvFrame);
+  // Animated canvas
+  var tvW = 960, tvH = 600;
+  var tvCvs = document.createElement('canvas');
+  tvCvs.width = tvW; tvCvs.height = tvH;
+  var tvTex = new THREE.CanvasTexture(tvCvs);
+  tvTex.minFilter = THREE.LinearFilter;
+  var tvScreenMat = new THREE.MeshStandardMaterial({
+    map: tvTex, emissive: 0x58a6ff, emissiveIntensity: 0.2, roughness: 0.1
+  });
+  var tvScreen = new THREE.Mesh(new THREE.PlaneGeometry(4.6, 2.5), tvScreenMat);
+  tvScreen.position.set(0, 2.2, lz + 1.36);
+  tvScreen.rotation.y = Math.PI;
+  group.add(tvScreen);
+  S._tvScreen = { canvas: tvCvs, texture: tvTex, tickerOffset: 0 };
+
+  // Accent light on the wall
   var logoSpot = new THREE.PointLight(0x58a6ff, 0.5, 6);
-  logoSpot.position.set(0, 3.5, lz + 1);
+  logoSpot.position.set(0, 4.2, lz + 1);
   group.add(logoSpot);
 
   // --- Water feature (low rectangular pool) ---
@@ -1241,16 +1263,16 @@ function buildRecCenter(x, z, walnutMat, chromeMat, carpetMat) {
     S.furnitureGroup.add(bot);
   });
 
-  // Big TV on the back
-  var tvMat = new THREE.MeshStandardMaterial({ color: 0x0a0a0a, roughness: 0.2 });
-  var tv = new THREE.Mesh(new THREE.BoxGeometry(3, 1.8, 0.08), tvMat);
-  tv.position.set(x, 2.5, z - 3.8);
-  tv.castShadow = true;
-  S.furnitureGroup.add(tv);
-  var tvScreen = new THREE.Mesh(new THREE.PlaneGeometry(2.8, 1.6),
-    new THREE.MeshStandardMaterial({ color: 0x1a2a4a, emissive: 0x1a2a4a, emissiveIntensity: 0.3, roughness: 0.1 }));
-  tvScreen.position.set(x, 2.5, z - 3.75);
-  S.furnitureGroup.add(tvScreen);
+  // Static decorative TV (smaller, no dashboard — main TV is at reception)
+  var tvMat2 = new THREE.MeshStandardMaterial({ color: 0x0a0a0a, roughness: 0.2 });
+  var tvBody = new THREE.Mesh(new THREE.BoxGeometry(2.5, 1.5, 0.08), tvMat2);
+  tvBody.position.set(x, 2.3, z - 3.8);
+  tvBody.castShadow = true;
+  S.furnitureGroup.add(tvBody);
+  var tvScr = new THREE.Mesh(new THREE.PlaneGeometry(2.3, 1.3),
+    new THREE.MeshStandardMaterial({ color: 0x0a1520, emissive: 0x22c55e, emissiveIntensity: 0.15, roughness: 0.1 }));
+  tvScr.position.set(x, 2.3, z - 3.75);
+  S.furnitureGroup.add(tvScr);
 
   // "REC ZONE" sign
   var signDiv = document.createElement('div');

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');
@@ -37,7 +37,16 @@ export function updateMonitorScreen(deskIdx, agentName, time) {
   var agentInfo = (window.cachedAgents || {})[agentName] || {};
   var lines = [];
 
-  var statusColor = agentInfo.status === 'active' ? '#28c840' : '#ffbd2e';
+  // Prominent warning when agent is NOT listening
+  if (agentInfo.status === 'active' && !agentInfo.is_listening) {
+    ctx.fillStyle = '#1a0808';
+    ctx.fillRect(0, 14, W, 14);
+    ctx.fillStyle = '#ef4444';
+    ctx.font = 'bold 10px monospace';
+    ctx.fillText('\u26A0 NOT LISTENING', 6, 25);
+  }
+
+  var statusColor = agentInfo.is_listening ? '#28c840' : agentInfo.status === 'active' ? '#ef4444' : '#ffbd2e';
   lines.push({ color: '#546178', text: '$ agent status' });
   lines.push({ color: statusColor, text: '  ' + (agentInfo.status || 'unknown').toUpperCase() + (agentInfo.is_listening ? ' (listening)' : ' (working)') });
   lines.push({ color: '#546178', text: '' });
@@ -100,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();