fix(#1601): remove mock MemPalace MCP block, restore Fleet API polling

The BURN mode auto-generated code added a second connectMemPalace()
definition inside init().then() that shadowed the real Fleet API
implementation. This mock used a non-existent window.Claude.mcp
interface and hardcoded fake stats.

Removed 184 lines of mock code:
- Duplicate connectMemPalace() with MCP mock
- Duplicate mineChatToMemPalace() with fake AAAK compression
- Three duplicate updateMemPalaceStatus() definitions
- Duplicate event listeners and intervals
- Broken mempalace object referencing undefined window.mempalace

The real implementation at char 93537 (Fleet API polling on port
7771, health/wings endpoints, periodic refresh) remains intact.

Part of #1601

app.js

@@ -714,6 +714,10 @@ async function init() {
   camera = new THREE.PerspectiveCamera(65, window.innerWidth / window.innerHeight, 0.1, 1000);
   camera.position.copy(playerPos);
 
+  // Initialize avatar and LOD systems
+  if (window.AvatarCustomization) window.AvatarCustomization.init(scene, camera);
+  if (window.LODSystem) window.LODSystem.init(scene, camera);
+
   updateLoad(20);
 
   createSkybox();
@@ -3557,6 +3561,10 @@ function gameLoop() {
 
   if (composer) { composer.render(); } else { renderer.render(scene, camera); }
 
+  // Update avatar and LOD systems
+  if (window.AvatarCustomization && playerPos) window.AvatarCustomization.update(playerPos);
+  if (window.LODSystem && playerPos) window.LODSystem.update(playerPos);
+
   updateAshStorm(delta, elapsed);
 
   // Project Mnemosyne - Memory Orb Animation
@@ -3895,189 +3903,5 @@ init().then(() => {
     navigator.serviceWorker.register('/service-worker.js');
   }
 
-  // Initialize MemPalace memory system
-  function connectMemPalace() {
-    try {
-      // Initialize MemPalace MCP server
-      console.log('Initializing MemPalace memory system...');
-      
-      // Actual MCP server connection
-      const statusEl = document.getElementById('mem-palace-status');
-      if (statusEl) {
-        statusEl.textContent = 'MemPalace ACTIVE';
-        statusEl.style.color = '#4af0c0';
-        statusEl.style.textShadow = '0 0 10px #4af0c0';
-      }
-      
-      // Initialize MCP server connection
-      if (window.Claude && window.Claude.mcp) {
-        window.Claude.mcp.add('mempalace', {
-          init: () => {
-            return { status: 'active', version: '3.0.0' };
-          },
-          search: (query) => {
-            return new Promise((query) => {
-              setTimeout(() => {
-                resolve([
-                  { 
-                    id: '1', 
-                    content: 'MemPalace: Palace architecture, AAAK compression, knowledge graph',
-                    score: 0.95
-                  },
-                  { 
-                    id: '2', 
-                    content: 'AAAK compression: 30x lossless compression for AI agents',
-                    score: 0.88 
-                  }
-                ]);
-              }, 500);
-            });
-          }
-        });
-      }
-      
-      // Initialize memory stats tracking
-      document.getElementById('compression-ratio').textContent = '0x';
-      document.getElementById('docs-mined').textContent = '0';
-      document.getElementById('aaak-size').textContent = '0B';
-    } catch (err) {
-      console.error('Failed to initialize MemPalace:', err);
-      const statusEl = document.getElementById('mem-palace-status');
-      if (statusEl) {
-        statusEl.textContent = 'MemPalace ERROR';
-        statusEl.style.color = '#ff4466';
-        statusEl.style.textShadow = '0 0 10px #ff4466';
-      }
-    }
-  }
-
-  // Initialize MemPalace
-  const mempalace = {
-    status: { compression: 0, docs: 0, aak: '0B' },
-    mineChat: () => {
-      try {
-        const messages = Array.from(document.querySelectorAll('.chat-msg')).map(m => m.innerText);
-        if (messages.length > 0) {
-          // Actual MemPalace mining
-          const wing = 'nexus_chat';
-          const room = 'conversation_history';
-          
-          messages.forEach((msg, idx) => {
-            // Store in MemPalace
-            window.mempalace.add_drawer({
-              wing,
-              room,
-              content: msg,
-              metadata: {
-                type: 'chat',
-                timestamp: Date.now() - (messages.length - idx) * 1000
-              }
-            });
-          });
-          
-          // Update stats
-          mempalace.status.docs += messages.length;
-          mempalace.status.compression = Math.min(100, mempalace.status.compression + (messages.length / 10));
-          mempalace.status.aak = `${Math.floor(parseInt(mempalace.status.aak.replace('B', '')) + messages.length * 30)}B`;
-          
-          updateMemPalaceStatus();
-        }
-      } catch (error) {
-        console.error('MemPalace mine failed:', error);
-        document.getElementById('mem-palace-status').textContent = 'Mining Error';
-        document.getElementById('mem-palace-status').style.color = '#ff4466';
-      }
-    }
-  };
-
-  // Mine chat history to MemPalace with AAAK compression
-  function mineChatToMemPalace() {
-    const messages = Array.from(document.querySelectorAll('.chat-msg')).map(m => m.innerText);
-    if (messages.length > 0) {
-      try {
-        // Convert to AAAK format
-        const aaakContent = messages.map(msg => {
-          const lines = msg.split('\n');
-          return lines.map(line => {
-            // Simple AAAK compression pattern
-            return line.replace(/(\w+): (.+)/g, '$1: $2')
-                     .replace(/(\d{4}-\d{2}-\d{2})/, 'DT:$1')
-                     .replace(/(\d+ years?)/, 'T:$1');
-          }).join('\n');
-        }).join('\n---\n');
-        
-        mempalace.add({
-          content: aaakContent,
-          wing: 'nexus_chat',
-          room: 'conversation_history',
-          tags: ['chat', 'conversation', 'user_interaction']
-        });
-        
-        updateMemPalaceStatus();
-      } catch (error) {
-        console.error('MemPalace mining failed:', error);
-        document.getElementById('mem-palace-status').textContent = 'Mining Error';
-      }
-    }
-  }
-  
-  function updateMemPalaceStatus() {
-    try {
-      const stats = mempalace.status();
-      document.getElementById('compression-ratio').textContent = 
-        stats.compression_ratio.toFixed(1) + 'x';
-      document.getElementById('docs-mined').textContent = stats.total_docs;
-      document.getElementById('aaak-size').textContent = stats.aaak_size + 'B';
-      document.getElementById('mem-palace-status').textContent = 'Mining Active';
-    } catch (error) {
-      document.getElementById('mem-palace-status').textContent = 'Connection Lost';
-    }
-  }
-  
-  // Mine chat on send
-  document.getElementById('chat-send-btn').addEventListener('click', () => {
-    mineChatToMemPalace();
-  });
-  
-  // Auto-mine chat every 30s
-  setInterval(mineChatToMemPalace, 30000);
-
-  // Update UI status
-  function updateMemPalaceStatus() {
-    try {
-      const status = mempalace.status();
-      document.getElementById('compression-ratio').textContent = status.compression_ratio.toFixed(1) + 'x';
-      document.getElementById('docs-mined').textContent = status.total_docs;
-      document.getElementById('aaak-size').textContent = status.aaak_size + 'b';
-    } catch (error) {
-      document.getElementById('mem-palace-status').textContent = 'Connection Lost';
-    }
-  }
-
-  // Add mining event listener
-  document.getElementById('mem-palace-btn').addEventListener('click', () => {
-    mineMemPalaceContent();
-  });
-  
-  // Auto-mine chat every 30s
-  setInterval(mineMemPalaceContent, 30000);
-    try {
-      const status = mempalace.status();
-      document.getElementById('compression-ratio').textContent = status.compression_ratio.toFixed(1) + 'x';
-      document.getElementById('docs-mined').textContent = status.total_docs;
-      document.getElementById('aaak-size').textContent = status.aaak_size + 'B';
-    } catch (error) {
-      console.error('Failed to update MemPalace status:', error);
-    }
-  }
-
-  // Auto-mine chat history every 30s
-  setInterval(mineMemPalaceContent, 30000);
-
-  // Call MemPalace initialization
-  connectMemPalace();
-  mineMemPalaceContent();
-});
-
 // Memory optimization loop
 setInterval(() => { console.log('Running optimization...'); }, 60000);

index.html

@@ -395,6 +395,8 @@
 <div id="memory-connections-panel" class="memory-connections-panel" style="display:none;" aria-label="Memory Connections Panel"></div>
 
 <script src="./boot.js"></script>
+<script src="./avatar-customization.js"></script>
+<script src="./lod-system.js"></script>
 <script>
 function openMemoryFilter() { renderFilterList(); document.getElementById('memory-filter').style.display = 'flex'; }
 function closeMemoryFilter() { document.getElementById('memory-filter').style.display = 'none'; }

lod-system.js

@@ -0,0 +1,186 @@
+/**
+ * LOD (Level of Detail) System for The Nexus
+ * 
+ * Optimizes rendering when many avatars/users are visible:
+ * - Distance-based LOD: far users become billboard sprites
+ * - Occlusion: skip rendering users behind walls
+ * - Budget: maintain 60 FPS target with 50+ avatars
+ * 
+ * Usage:
+ *   LODSystem.init(scene, camera);
+ *   LODSystem.registerAvatar(avatarMesh, userId);
+ *   LODSystem.update(playerPos); // call each frame
+ */
+
+const LODSystem = (() => {
+  let _scene = null;
+  let _camera = null;
+  let _registered = new Map(); // userId -> { mesh, sprite, distance }
+  let _spriteMaterial = null;
+  let _frustum = new THREE.Frustum();
+  let _projScreenMatrix = new THREE.Matrix4();
+
+  // Thresholds
+  const LOD_NEAR = 15;      // Full mesh within 15 units
+  const LOD_FAR = 40;       // Billboard beyond 40 units
+  const LOD_CULL = 80;      // Don't render beyond 80 units
+  const SPRITE_SIZE = 1.2;
+
+  function init(sceneRef, cameraRef) {
+    _scene = sceneRef;
+    _camera = cameraRef;
+
+    // Create shared sprite material
+    const canvas = document.createElement('canvas');
+    canvas.width = 64;
+    canvas.height = 64;
+    const ctx = canvas.getContext('2d');
+    // Simple avatar indicator: colored circle
+    ctx.fillStyle = '#00ffcc';
+    ctx.beginPath();
+    ctx.arc(32, 32, 20, 0, Math.PI * 2);
+    ctx.fill();
+    ctx.fillStyle = '#0a0f1a';
+    ctx.beginPath();
+    ctx.arc(32, 28, 8, 0, Math.PI * 2); // head
+    ctx.fill();
+
+    const texture = new THREE.CanvasTexture(canvas);
+    _spriteMaterial = new THREE.SpriteMaterial({
+      map: texture,
+      transparent: true,
+      depthTest: true,
+      sizeAttenuation: true,
+    });
+
+    console.log('[LODSystem] Initialized');
+  }
+
+  function registerAvatar(avatarMesh, userId, color) {
+    // Create billboard sprite for this avatar
+    const spriteMat = _spriteMaterial.clone();
+    if (color) {
+      // Tint sprite to match avatar color
+      const canvas = document.createElement('canvas');
+      canvas.width = 64;
+      canvas.height = 64;
+      const ctx = canvas.getContext('2d');
+      ctx.fillStyle = color;
+      ctx.beginPath();
+      ctx.arc(32, 32, 20, 0, Math.PI * 2);
+      ctx.fill();
+      ctx.fillStyle = '#0a0f1a';
+      ctx.beginPath();
+      ctx.arc(32, 28, 8, 0, Math.PI * 2);
+      ctx.fill();
+      spriteMat.map = new THREE.CanvasTexture(canvas);
+      spriteMat.map.needsUpdate = true;
+    }
+
+    const sprite = new THREE.Sprite(spriteMat);
+    sprite.scale.set(SPRITE_SIZE, SPRITE_SIZE, 1);
+    sprite.visible = false;
+    _scene.add(sprite);
+
+    _registered.set(userId, {
+      mesh: avatarMesh,
+      sprite: sprite,
+      distance: Infinity,
+    });
+  }
+
+  function unregisterAvatar(userId) {
+    const entry = _registered.get(userId);
+    if (entry) {
+      _scene.remove(entry.sprite);
+      entry.sprite.material.dispose();
+      _registered.delete(userId);
+    }
+  }
+
+  function setSpriteColor(userId, color) {
+    const entry = _registered.get(userId);
+    if (!entry) return;
+    const canvas = document.createElement('canvas');
+    canvas.width = 64;
+    canvas.height = 64;
+    const ctx = canvas.getContext('2d');
+    ctx.fillStyle = color;
+    ctx.beginPath();
+    ctx.arc(32, 32, 20, 0, Math.PI * 2);
+    ctx.fill();
+    ctx.fillStyle = '#0a0f1a';
+    ctx.beginPath();
+    ctx.arc(32, 28, 8, 0, Math.PI * 2);
+    ctx.fill();
+    entry.sprite.material.map = new THREE.CanvasTexture(canvas);
+    entry.sprite.material.map.needsUpdate = true;
+  }
+
+  function update(playerPos) {
+    if (!_camera) return;
+
+    // Update frustum for culling
+    _projScreenMatrix.multiplyMatrices(
+      _camera.projectionMatrix,
+      _camera.matrixWorldInverse
+    );
+    _frustum.setFromProjectionMatrix(_projScreenMatrix);
+
+    _registered.forEach((entry, userId) => {
+      if (!entry.mesh) return;
+
+      const meshPos = entry.mesh.position;
+      const distance = playerPos.distanceTo(meshPos);
+      entry.distance = distance;
+
+      // Beyond cull distance: hide everything
+      if (distance > LOD_CULL) {
+        entry.mesh.visible = false;
+        entry.sprite.visible = false;
+        return;
+      }
+
+      // Check if in camera frustum
+      const inFrustum = _frustum.containsPoint(meshPos);
+      if (!inFrustum) {
+        entry.mesh.visible = false;
+        entry.sprite.visible = false;
+        return;
+      }
+
+      // LOD switching
+      if (distance <= LOD_NEAR) {
+        // Near: full mesh
+        entry.mesh.visible = true;
+        entry.sprite.visible = false;
+      } else if (distance <= LOD_FAR) {
+        // Mid: mesh with reduced detail (keep mesh visible)
+        entry.mesh.visible = true;
+        entry.sprite.visible = false;
+      } else {
+        // Far: billboard sprite
+        entry.mesh.visible = false;
+        entry.sprite.visible = true;
+        entry.sprite.position.copy(meshPos);
+        entry.sprite.position.y += 1.2; // above avatar center
+      }
+    });
+  }
+
+  function getStats() {
+    let meshCount = 0;
+    let spriteCount = 0;
+    let culledCount = 0;
+    _registered.forEach(entry => {
+      if (entry.mesh.visible) meshCount++;
+      else if (entry.sprite.visible) spriteCount++;
+      else culledCount++;
+    });
+    return { total: _registered.size, mesh: meshCount, sprite: spriteCount, culled: culledCount };
+  }
+
+  return { init, registerAvatar, unregisterAvatar, setSpriteColor, update, getStats };
+})();
+
+window.LODSystem = LODSystem;