let-them-talk 5.2.5 → 5.4.0

package/office/assets/materials.js

@@ -0,0 +1,40 @@
+// Shared material cache for all assets — prevents duplicate materials
+import * as THREE from 'three';
+
+var _cache = {};
+
+export function mat(color, opts) {
+  var key = color + JSON.stringify(opts || {});
+  if (!_cache[key]) {
+    _cache[key] = new THREE.MeshStandardMaterial(Object.assign({ color: color }, opts || {}));
+  }
+  return _cache[key];
+}
+
+// Pre-defined palette shortcuts
+export var PAL = {
+  marbleBlack:    function() { return mat(0x1a1c22, { roughness: 0.12, metalness: 0.05 }); },
+  marbleWhite:    function() { return mat(0xf0ece4, { roughness: 0.15, metalness: 0.05 }); },
+  walnutDark:     function() { return mat(0x3a2210, { roughness: 0.55 }); },
+  walnutLight:    function() { return mat(0x8B5E3C, { roughness: 0.50 }); },
+  chrome:         function() { return mat(0xd0d0d0, { roughness: 0.08, metalness: 0.85 }); },
+  chromeBrushed:  function() { return mat(0x999999, { roughness: 0.25, metalness: 0.70 }); },
+  glass:          function() { return mat(0xaaccee, { transparent: true, opacity: 0.25, roughness: 0.05, side: THREE.DoubleSide }); },
+  glassFrosted:   function() { return mat(0xd0d8e8, { transparent: true, opacity: 0.50, roughness: 0.40, side: THREE.DoubleSide }); },
+  concrete:       function() { return mat(0x2a2d35, { roughness: 0.85 }); },
+  leatherBlack:   function() { return mat(0x1a1a1a, { roughness: 0.70 }); },
+  leatherCognac:  function() { return mat(0x8B4513, { roughness: 0.65 }); },
+  gold:           function() { return mat(0xd4af37, { roughness: 0.30, metalness: 0.70 }); },
+  darkMetal:      function() { return mat(0x111111, { roughness: 0.40, metalness: 0.20 }); },
+  fabric:         function() { return mat(0x2a2d3a, { roughness: 0.95 }); },
+  rubber:         function() { return mat(0x2a2a2a, { roughness: 0.95 }); },
+  greenFelt:      function() { return mat(0x006633, { roughness: 0.90 }); },
+  leaf:           function() { return mat(0x2d8a4e, { roughness: 0.80 }); },
+  neonBlue:       function() { return mat(0x58a6ff, { emissive: 0x58a6ff, emissiveIntensity: 0.6 }); },
+  neonPurple:     function() { return mat(0xa855f7, { emissive: 0xa855f7, emissiveIntensity: 0.5 }); },
+  neonGreen:      function() { return mat(0x22c55e, { emissive: 0x22c55e, emissiveIntensity: 0.5 }); },
+  neonRed:        function() { return mat(0xef4444, { emissive: 0xef4444, emissiveIntensity: 0.5 }); },
+  neonCyan:       function() { return mat(0x06b6d4, { emissive: 0x06b6d4, emissiveIntensity: 0.6 }); },
+  warmLight:      function() { return mat(0xffeedd, { emissive: 0xffeedd, emissiveIntensity: 0.4, transparent: true, opacity: 0.8 }); },
+  screen:         function() { return mat(0x333333, { emissive: 0x111122, emissiveIntensity: 0.3 }); },
+};

package/office/assets/meeting-table.js

@@ -0,0 +1,88 @@
+import * as THREE from 'three';
+import { mat, PAL } from './materials.js';
+
+export default {
+  id: 'meeting-table',
+  name: 'Meeting Table',
+  category: 'office',
+  icon: 'MT',
+  gridW: 3, gridD: 2, height: 0.78,
+  factory: function() {
+    var g = new THREE.Group();
+
+    // Oval tabletop approximated with scaled cylinder
+    var topGeo = new THREE.CylinderGeometry(1.0, 1.0, 0.055, 32);
+    var top = new THREE.Mesh(topGeo, mat(0x1a1c22, { roughness: 0.25, metalness: 0.08 }));
+    top.scale.set(2.5, 1, 1.5);
+    top.position.y = 0.78;
+    top.castShadow = true;
+    top.receiveShadow = true;
+    g.add(top);
+
+    // Top surface inlay (lighter tone center oval)
+    var inlayGeo = new THREE.CylinderGeometry(0.88, 0.88, 0.008, 32);
+    var inlay = new THREE.Mesh(inlayGeo, mat(0x252830, { roughness: 0.30 }));
+    inlay.scale.set(2.3, 1, 1.3);
+    inlay.position.y = 0.81;
+    g.add(inlay);
+
+    // Gold edge ring band
+    var ringGeo = new THREE.TorusGeometry(1.0, 0.012, 8, 32);
+    var ring = new THREE.Mesh(ringGeo, PAL.gold());
+    ring.scale.set(2.5, 1.5, 1);
+    ring.rotation.x = Math.PI / 2;
+    ring.position.y = 0.808;
+    g.add(ring);
+
+    // Central pedestal column
+    var column = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.08, 0.10, 0.52, 14),
+      PAL.chromeBrushed()
+    );
+    column.position.y = 0.52;
+    column.castShadow = true;
+    g.add(column);
+
+    // Upper column flare
+    var flareTop = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.22, 0.08, 0.08, 14),
+      PAL.chrome()
+    );
+    flareTop.position.y = 0.80;
+    flareTop.castShadow = true;
+    g.add(flareTop);
+
+    // Lower column base flare
+    var flareBot = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.10, 0.22, 0.08, 14),
+      PAL.chrome()
+    );
+    flareBot.position.y = 0.26;
+    flareBot.castShadow = true;
+    g.add(flareBot);
+
+    // Cross base (4-arm spider base)
+    var baseMat = PAL.chrome();
+    var armGeo = new THREE.BoxGeometry(1.4, 0.04, 0.08);
+    var armH = new THREE.Mesh(armGeo, baseMat);
+    armH.position.y = 0.05;
+    armH.castShadow = true;
+    g.add(armH);
+
+    var armV = new THREE.Mesh(new THREE.BoxGeometry(0.08, 0.04, 1.4), baseMat);
+    armV.position.y = 0.05;
+    armV.castShadow = true;
+    g.add(armV);
+
+    // 4 glide feet at base arm ends
+    var glideMat = mat(0x111111, { roughness: 0.9 });
+    var glideGeo = new THREE.CylinderGeometry(0.04, 0.04, 0.018, 8);
+    [[0.68, 0], [-0.68, 0], [0, 0.68], [0, -0.68]].forEach(function(p) {
+      var glide = new THREE.Mesh(glideGeo, glideMat);
+      glide.position.set(p[0], 0.009, p[1]);
+      g.add(glide);
+    });
+
+    return g;
+  }
+};

package/office/assets/microwave.js

@@ -0,0 +1,94 @@
+import * as THREE from 'three';
+import { mat, PAL } from './materials.js';
+
+export default {
+  id: 'microwave',
+  name: 'Microwave',
+  category: 'kitchen',
+  icon: 'MW',
+  gridW: 1, gridD: 1, height: 0.3,
+  factory: function() {
+    var g = new THREE.Group();
+
+    // Main body
+    var body = new THREE.Mesh(
+      new THREE.BoxGeometry(0.50, 0.30, 0.35),
+      mat(0x111318, { roughness: 0.42, metalness: 0.18 })
+    );
+    body.position.y = 0.15;
+    body.castShadow = true;
+    body.receiveShadow = true;
+    g.add(body);
+
+    // Glass door panel (left portion of front)
+    var glassDoor = new THREE.Mesh(
+      new THREE.BoxGeometry(0.30, 0.24, 0.012),
+      mat(0x1a2530, { transparent: true, opacity: 0.75, roughness: 0.12, metalness: 0.05 })
+    );
+    glassDoor.position.set(-0.07, 0.15, 0.182);
+    g.add(glassDoor);
+
+    // Glass door inner grill pattern (emissive dark mesh feel)
+    var grill = new THREE.Mesh(
+      new THREE.BoxGeometry(0.26, 0.20, 0.004),
+      mat(0x0d1015, { roughness: 0.80 })
+    );
+    grill.position.set(-0.07, 0.15, 0.188);
+    g.add(grill);
+
+    // Door frame around glass
+    var doorFrame = new THREE.Mesh(
+      new THREE.BoxGeometry(0.32, 0.26, 0.016),
+      mat(0x1c1f26, { roughness: 0.50, metalness: 0.12 })
+    );
+    doorFrame.position.set(-0.07, 0.15, 0.179);
+    g.add(doorFrame);
+
+    // Control panel section (right side)
+    var panel = new THREE.Mesh(
+      new THREE.BoxGeometry(0.12, 0.26, 0.01),
+      mat(0x16181e, { roughness: 0.50 })
+    );
+    panel.position.set(0.18, 0.15, 0.181);
+    g.add(panel);
+
+    // Small display screen
+    var display = new THREE.Mesh(
+      new THREE.BoxGeometry(0.09, 0.055, 0.008),
+      mat(0x001a0a, { emissive: 0x00cc44, emissiveIntensity: 0.85, roughness: 0.1 })
+    );
+    display.position.set(0.175, 0.22, 0.189);
+    g.add(display);
+
+    // Control buttons (small grid — 3 rows x 2 cols)
+    var btnMat = mat(0x2a2d35, { roughness: 0.60 });
+    var btnGeo = new THREE.BoxGeometry(0.030, 0.024, 0.010);
+    [0, 1, 2].forEach(function(row) {
+      [0, 1].forEach(function(col) {
+        var btn = new THREE.Mesh(btnGeo, btnMat);
+        btn.position.set(0.155 + col * 0.038, 0.16 - row * 0.032, 0.189);
+        g.add(btn);
+      });
+    });
+
+    // Chrome side vent strips
+    var ventMat = PAL.chromeBrushed();
+    var ventGeo = new THREE.BoxGeometry(0.006, 0.22, 0.025);
+    [-0.248, 0.248].forEach(function(x) {
+      var vent = new THREE.Mesh(ventGeo, ventMat);
+      vent.position.set(x, 0.15, 0);
+      g.add(vent);
+    });
+
+    // Bottom feet
+    var feetMat = mat(0x0a0a0a, { roughness: 0.90 });
+    var feetGeo = new THREE.BoxGeometry(0.04, 0.014, 0.04);
+    [[-0.20, 0.007, 0.14], [0.20, 0.007, 0.14], [-0.20, 0.007, -0.14], [0.20, 0.007, -0.14]].forEach(function(p) {
+      var foot = new THREE.Mesh(feetGeo, feetMat);
+      foot.position.set(p[0], p[1], p[2]);
+      g.add(foot);
+    });
+
+    return g;
+  }
+};

package/office/assets/monitor.js

@@ -0,0 +1,67 @@
+import * as THREE from 'three';
+import { mat, PAL } from './materials.js';
+
+export default {
+  id: 'monitor',
+  name: 'Monitor',
+  category: 'tech',
+  icon: 'Mo',
+  gridW: 1, gridD: 1, height: 0.5,
+  factory: function() {
+    var g = new THREE.Group();
+
+    // Bezel outer frame
+    var bezel = new THREE.Mesh(
+      new THREE.BoxGeometry(0.50, 0.35, 0.03),
+      mat(0x111214, { roughness: 0.45, metalness: 0.10 })
+    );
+    bezel.position.y = 0.38;
+    bezel.castShadow = true;
+    g.add(bezel);
+
+    // Screen inner panel (emissive glow)
+    var screen = new THREE.Mesh(
+      new THREE.BoxGeometry(0.44, 0.29, 0.012),
+      mat(0x0a1628, { emissive: 0x1a4a8a, emissiveIntensity: 0.55, roughness: 0.05 })
+    );
+    screen.position.y = 0.38;
+    screen.position.z = 0.012;
+    g.add(screen);
+
+    // Screen glare strip (top highlight)
+    var glare = new THREE.Mesh(
+      new THREE.BoxGeometry(0.42, 0.04, 0.001),
+      mat(0xaaccff, { transparent: true, opacity: 0.08, roughness: 0.0 })
+    );
+    glare.position.set(0, 0.505, 0.019);
+    g.add(glare);
+
+    // Chrome neck / stem
+    var neck = new THREE.Mesh(
+      new THREE.BoxGeometry(0.035, 0.12, 0.035),
+      PAL.chrome()
+    );
+    neck.position.y = 0.175;
+    neck.castShadow = true;
+    g.add(neck);
+
+    // Chrome base disk
+    var base = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.12, 0.14, 0.025, 24),
+      PAL.chrome()
+    );
+    base.position.y = 0.013;
+    base.castShadow = true;
+    g.add(base);
+
+    // Power LED dot
+    var led = new THREE.Mesh(
+      new THREE.SphereGeometry(0.008, 8, 8),
+      mat(0x00e5ff, { emissive: 0x00e5ff, emissiveIntensity: 1.0 })
+    );
+    led.position.set(0.18, 0.215, 0.016);
+    g.add(led);
+
+    return g;
+  }
+};

package/office/assets/neon-strip.js

@@ -0,0 +1,73 @@
+import * as THREE from 'three';
+import { mat, PAL } from './materials.js';
+
+export default {
+  id: 'neon_strip',
+  name: 'LED Neon Strip',
+  category: 'lighting',
+  icon: 'NS',
+  gridW: 2, gridD: 1, height: 0.03,
+  factory: function() {
+    var g = new THREE.Group();
+
+    var W = 2.0;
+    var barH = 0.030;
+    var barD = 0.030;
+
+    // Aluminium channel body (housing for strip)
+    var channel = new THREE.Mesh(
+      new THREE.BoxGeometry(W, barH, barD),
+      mat(0x888888, { roughness: 0.20, metalness: 0.75 })
+    );
+    channel.position.y = barH / 2;
+    channel.castShadow = true;
+    g.add(channel);
+
+    // Neon diffuser bar (glowing blue, slightly protruding)
+    var strip = new THREE.Mesh(
+      new THREE.BoxGeometry(W - 0.02, barH * 0.45, barD * 0.55),
+      mat(0x58a6ff, { emissive: 0x58a6ff, emissiveIntensity: 1.4, transparent: true, opacity: 0.92, roughness: 0.0 })
+    );
+    strip.position.set(0, barH * 0.7, barD * 0.25);
+    g.add(strip);
+
+    // End caps (chrome)
+    [-W / 2, W / 2].forEach(function(x) {
+      var cap = new THREE.Mesh(
+        new THREE.BoxGeometry(0.012, barH + 0.002, barD + 0.002),
+        PAL.chrome()
+      );
+      cap.position.set(x, barH / 2, 0);
+      g.add(cap);
+    });
+
+    // Mounting clip pair (evenly spaced, mid-strip)
+    [-W * 0.30, W * 0.30].forEach(function(x) {
+      var clipBody = new THREE.Mesh(
+        new THREE.BoxGeometry(0.020, 0.025, 0.012),
+        mat(0x555555, { roughness: 0.45, metalness: 0.50 })
+      );
+      clipBody.position.set(x, -0.008, -barD / 2 - 0.005);
+      g.add(clipBody);
+
+      // Screw hole indicator
+      var screw = new THREE.Mesh(
+        new THREE.CylinderGeometry(0.004, 0.004, 0.013, 8),
+        mat(0x222222, { roughness: 0.50 })
+      );
+      screw.rotation.x = Math.PI / 2;
+      screw.position.set(x, -0.008, -barD / 2 - 0.012);
+      g.add(screw);
+    });
+
+    // Soft ambient glow blob (behind strip for wall bleed effect)
+    var glow = new THREE.Mesh(
+      new THREE.BoxGeometry(W + 0.10, barH * 2.5, 0.004),
+      mat(0x3388ff, { transparent: true, opacity: 0.12, emissive: 0x3388ff, emissiveIntensity: 0.30, roughness: 0.0 })
+    );
+    glow.position.set(0, barH / 2, -barD / 2 - 0.002);
+    g.add(glow);
+
+    return g;
+  }
+};

package/office/assets/painting.js

@@ -0,0 +1,84 @@
+import * as THREE from 'three';
+import { mat, PAL } from './materials.js';
+
+export default {
+  id: 'painting',
+  name: 'Painting',
+  category: 'decor',
+  icon: 'Pa',
+  gridW: 1, gridD: 1, height: 1.5,
+  factory: function() {
+    var g = new THREE.Group();
+
+    // Canvas (dark abstract)
+    var canvas = new THREE.Mesh(
+      new THREE.BoxGeometry(1.2, 0.8, 0.04),
+      mat(0x1a1522, { roughness: 0.95 })
+    );
+    canvas.position.set(0, 2, 0);
+    canvas.castShadow = true;
+    g.add(canvas);
+
+    // Abstract color block 1 (deep teal)
+    var block1 = new THREE.Mesh(
+      new THREE.BoxGeometry(0.45, 0.6, 0.045),
+      mat(0x0d3d3a, { roughness: 0.90 })
+    );
+    block1.position.set(-0.22, 2, 0.001);
+    g.add(block1);
+
+    // Abstract color block 2 (dark burgundy)
+    var block2 = new THREE.Mesh(
+      new THREE.BoxGeometry(0.35, 0.4, 0.045),
+      mat(0x3a0d1a, { roughness: 0.90 })
+    );
+    block2.position.set(0.22, 2.1, 0.001);
+    g.add(block2);
+
+    // Gold frame — top bar
+    var frameTop = new THREE.Mesh(
+      new THREE.BoxGeometry(1.3, 0.06, 0.07),
+      PAL.gold()
+    );
+    frameTop.position.set(0, 2.43, 0);
+    frameTop.castShadow = true;
+    g.add(frameTop);
+
+    // Gold frame — bottom bar
+    var frameBot = new THREE.Mesh(
+      new THREE.BoxGeometry(1.3, 0.06, 0.07),
+      PAL.gold()
+    );
+    frameBot.position.set(0, 1.57, 0);
+    frameBot.castShadow = true;
+    g.add(frameBot);
+
+    // Gold frame — left bar
+    var frameLeft = new THREE.Mesh(
+      new THREE.BoxGeometry(0.06, 0.92, 0.07),
+      PAL.gold()
+    );
+    frameLeft.position.set(-0.63, 2, 0);
+    frameLeft.castShadow = true;
+    g.add(frameLeft);
+
+    // Gold frame — right bar
+    var frameRight = new THREE.Mesh(
+      new THREE.BoxGeometry(0.06, 0.92, 0.07),
+      PAL.gold()
+    );
+    frameRight.position.set(0.63, 2, 0);
+    frameRight.castShadow = true;
+    g.add(frameRight);
+
+    // Wall-mount bracket (small dark rectangle behind)
+    var bracket = new THREE.Mesh(
+      new THREE.BoxGeometry(0.08, 0.12, 0.04),
+      mat(0x111111, { roughness: 0.6, metalness: 0.4 })
+    );
+    bracket.position.set(0, 2, -0.04);
+    g.add(bracket);
+
+    return g;
+  }
+};

package/office/assets/palm-tree.js

@@ -0,0 +1,108 @@
+import * as THREE from 'three';
+import { mat, PAL } from './materials.js';
+
+export default {
+  id: 'palm_tree',
+  name: 'Palm Tree',
+  category: 'nature',
+  icon: 'PT',
+  gridW: 1, gridD: 1, height: 3.0,
+  factory: function() {
+    var g = new THREE.Group();
+
+    // Planter — dark round pot
+    var planter = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.28, 0.22, 0.36, 18),
+      mat(0x1e2028, { roughness: 0.90 })
+    );
+    planter.position.y = 0.18;
+    planter.castShadow = true;
+    planter.receiveShadow = true;
+    g.add(planter);
+
+    // Rim
+    var rim = new THREE.Mesh(
+      new THREE.TorusGeometry(0.285, 0.022, 8, 28),
+      mat(0x13151a, { roughness: 0.85 })
+    );
+    rim.rotation.x = Math.PI / 2;
+    rim.position.y = 0.357;
+    g.add(rim);
+
+    // Soil
+    var soil = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.26, 0.26, 0.018, 18),
+      mat(0x1a1510, { roughness: 0.99 })
+    );
+    soil.position.y = 0.370;
+    g.add(soil);
+
+    // Trunk — slim, slight taper
+    var trunkMat = mat(0x5a4020, { roughness: 0.85 });
+    var trunk = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.038, 0.060, 2.55, 10),
+      trunkMat
+    );
+    trunk.position.y = 1.655;
+    trunk.rotation.z = 0.05; // slight lean
+    trunk.castShadow = true;
+    g.add(trunk);
+
+    // Trunk ring details (bark texture rings)
+    for (var i = 0; i < 5; i++) {
+      var ring = new THREE.Mesh(
+        new THREE.TorusGeometry(0.052 - i * 0.002, 0.008, 6, 16),
+        mat(0x3d2a10, { roughness: 0.90 })
+      );
+      ring.position.y = 0.55 + i * 0.45;
+      ring.rotation.x = Math.PI / 2;
+      g.add(ring);
+    }
+
+    // Palm frond fan — 6 elongated leaves fanning out
+    var leafMat = mat(0x2a7a40, { roughness: 0.78, side: THREE.DoubleSide });
+    var frondCount = 6;
+    for (var j = 0; j < frondCount; j++) {
+      var angle = (j / frondCount) * Math.PI * 2;
+      var frond = new THREE.Mesh(
+        new THREE.BoxGeometry(0.06, 0.60, 0.018),
+        leafMat
+      );
+      frond.position.set(
+        Math.sin(angle) * 0.38,
+        2.88,
+        Math.cos(angle) * 0.38
+      );
+      frond.rotation.y = -angle;
+      frond.rotation.z = 0.55; // droop outward
+      frond.castShadow = true;
+      g.add(frond);
+
+      // Frond tip (narrower end piece)
+      var tip = new THREE.Mesh(
+        new THREE.ConeGeometry(0.025, 0.22, 6),
+        leafMat
+      );
+      tip.position.set(
+        Math.sin(angle) * 0.68,
+        2.72,
+        Math.cos(angle) * 0.68
+      );
+      tip.rotation.y = -angle;
+      tip.rotation.z = Math.PI / 2 - 0.2;
+      tip.castShadow = true;
+      g.add(tip);
+    }
+
+    // Crown center sphere
+    var crown = new THREE.Mesh(
+      new THREE.SphereGeometry(0.09, 12, 10),
+      mat(0x1e5c30, { roughness: 0.80 })
+    );
+    crown.position.y = 2.93;
+    crown.castShadow = true;
+    g.add(crown);
+
+    return g;
+  }
+};

package/office/assets/pc-tower.js

@@ -0,0 +1,91 @@
+import * as THREE from 'three';
+import { mat, PAL } from './materials.js';
+
+export default {
+  id: 'pc_tower',
+  name: 'PC Tower',
+  category: 'tech',
+  icon: 'PC',
+  gridW: 1, gridD: 1, height: 0.45,
+  factory: function() {
+    var g = new THREE.Group();
+
+    var H = 0.45;
+    var W = 0.22;
+    var D = 0.40;
+
+    // Main case body — matte black
+    var body = new THREE.Mesh(
+      new THREE.BoxGeometry(W, H, D),
+      mat(0x0d0d0f, { roughness: 0.50, metalness: 0.18 })
+    );
+    body.position.y = H / 2;
+    body.castShadow = true;
+    g.add(body);
+
+    // RGB tempered glass side panel (right side)
+    var glass = new THREE.Mesh(
+      new THREE.BoxGeometry(0.005, H - 0.02, D - 0.02),
+      mat(0x0a1a3a, { transparent: true, opacity: 0.55, roughness: 0.02, emissive: 0x1144cc, emissiveIntensity: 0.45 })
+    );
+    glass.position.set(W / 2 + 0.003, H / 2, 0);
+    g.add(glass);
+
+    // Internal RGB strip glow bar (seen through glass)
+    var rgbStrip = new THREE.Mesh(
+      new THREE.BoxGeometry(0.008, H * 0.80, 0.018),
+      mat(0x3355ff, { emissive: 0x2244ff, emissiveIntensity: 1.2 })
+    );
+    rgbStrip.position.set(W / 2 - 0.025, H / 2, 0);
+    g.add(rgbStrip);
+
+    // Front panel — slightly different texture
+    var front = new THREE.Mesh(
+      new THREE.BoxGeometry(W - 0.01, H - 0.01, 0.012),
+      mat(0x141418, { roughness: 0.38, metalness: 0.22 })
+    );
+    front.position.set(0, H / 2, D / 2 + 0.001);
+    front.castShadow = true;
+    g.add(front);
+
+    // Power button (front top)
+    var pwrBtn = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.012, 0.012, 0.006, 16),
+      mat(0x555577, { roughness: 0.30, metalness: 0.60 })
+    );
+    pwrBtn.rotation.x = Math.PI / 2;
+    pwrBtn.position.set(-0.04, H - 0.055, D / 2 + 0.007);
+    g.add(pwrBtn);
+
+    // Power LED ring around button
+    var pwrLED = new THREE.Mesh(
+      new THREE.TorusGeometry(0.013, 0.003, 8, 16),
+      mat(0x00aaff, { emissive: 0x0088ff, emissiveIntensity: 0.9 })
+    );
+    pwrLED.rotation.x = Math.PI / 2;
+    pwrLED.position.set(-0.04, H - 0.055, D / 2 + 0.009);
+    g.add(pwrLED);
+
+    // USB ports strip (front)
+    var usbBar = new THREE.Mesh(
+      new THREE.BoxGeometry(0.06, 0.018, 0.005),
+      mat(0x222222, { roughness: 0.70 })
+    );
+    usbBar.position.set(0.03, H - 0.065, D / 2 + 0.008);
+    g.add(usbBar);
+
+    // Bottom feet
+    [-W * 0.35, W * 0.35].forEach(function(xOff) {
+      [-D * 0.38, D * 0.38].forEach(function(zOff) {
+        var foot = new THREE.Mesh(
+          new THREE.BoxGeometry(0.025, 0.012, 0.025),
+          PAL.rubber()
+        );
+        foot.position.set(xOff, 0.006, zOff);
+        g.add(foot);
+      });
+    });
+
+    return g;
+  }
+};