let-them-talk 5.2.5 → 5.4.0

package/office/assets/water-cooler.js

@@ -0,0 +1,146 @@
+import * as THREE from 'three';
+import { mat, PAL } from './materials.js';
+
+export default {
+  id: 'water-cooler',
+  name: 'Water Cooler',
+  category: 'office',
+  icon: 'WC',
+  gridW: 1, gridD: 1, height: 1.2,
+  factory: function() {
+    var g = new THREE.Group();
+
+    var bodyMat = mat(0x1e2128, { roughness: 0.45, metalness: 0.15 });
+
+    // Base cabinet body
+    var base = new THREE.Mesh(
+      new THREE.BoxGeometry(0.3, 0.75, 0.3),
+      bodyMat
+    );
+    base.position.y = 0.375;
+    base.castShadow = true;
+    base.receiveShadow = true;
+    g.add(base);
+
+    // Base door line (subtle seam)
+    var doorSeam = new THREE.Mesh(
+      new THREE.BoxGeometry(0.005, 0.44, 0.302),
+      mat(0x111318, { roughness: 0.9 })
+    );
+    doorSeam.position.set(0, 0.34, 0);
+    g.add(doorSeam);
+
+    // Front door panel
+    var door = new THREE.Mesh(
+      new THREE.BoxGeometry(0.28, 0.42, 0.012),
+      mat(0x252830, { roughness: 0.4, metalness: 0.14 })
+    );
+    door.position.set(0, 0.32, 0.156);
+    g.add(door);
+
+    // Door handle
+    var handle = new THREE.Mesh(
+      new THREE.BoxGeometry(0.06, 0.018, 0.018),
+      PAL.chrome()
+    );
+    handle.position.set(0.09, 0.32, 0.165);
+    g.add(handle);
+
+    // Drip tray platform (top of cabinet)
+    var tray = new THREE.Mesh(
+      new THREE.BoxGeometry(0.30, 0.04, 0.30),
+      mat(0x252830, { roughness: 0.5, metalness: 0.20 })
+    );
+    tray.position.y = 0.77;
+    tray.castShadow = true;
+    g.add(tray);
+
+    // Drip tray grid (decorative)
+    var gridMat = mat(0x333640, { roughness: 0.7, metalness: 0.3 });
+    for (var i = -1; i <= 1; i++) {
+      var gridLine = new THREE.Mesh(new THREE.BoxGeometry(0.26, 0.008, 0.005), gridMat);
+      gridLine.position.set(0, 0.793, i * 0.08);
+      g.add(gridLine);
+    }
+
+    // Dispenser housing (middle section)
+    var dispenser = new THREE.Mesh(
+      new THREE.BoxGeometry(0.28, 0.22, 0.28),
+      bodyMat
+    );
+    dispenser.position.y = 0.90;
+    dispenser.castShadow = true;
+    g.add(dispenser);
+
+    // Hot tap (red)
+    var hotTap = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.018, 0.018, 0.045, 10),
+      mat(0xcc2222, { roughness: 0.4 })
+    );
+    hotTap.rotation.z = Math.PI / 2;
+    hotTap.position.set(-0.1, 0.845, 0.14);
+    g.add(hotTap);
+
+    // Cold tap (blue)
+    var coldTap = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.018, 0.018, 0.045, 10),
+      mat(0x2266cc, { roughness: 0.4 })
+    );
+    coldTap.rotation.z = Math.PI / 2;
+    coldTap.position.set(0.1, 0.845, 0.14);
+    g.add(coldTap);
+
+    // Bottle collar ring (neck interface)
+    var collar = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.08, 0.09, 0.06, 16),
+      mat(0x252830, { roughness: 0.5, metalness: 0.2 })
+    );
+    collar.position.y = 1.03;
+    g.add(collar);
+
+    // Water bottle (blue, translucent)
+    var bottle = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.10, 0.10, 0.40, 18),
+      mat(0x3399cc, { transparent: true, opacity: 0.72, roughness: 0.08 })
+    );
+    bottle.position.y = 1.26;
+    bottle.castShadow = true;
+    g.add(bottle);
+
+    // Bottle cap
+    var cap = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.045, 0.045, 0.025, 14),
+      mat(0x1155aa, { roughness: 0.4 })
+    );
+    cap.position.y = 1.473;
+    g.add(cap);
+
+    // Bottle bottom dome
+    var dome = new THREE.Mesh(
+      new THREE.SphereGeometry(0.10, 16, 8, 0, Math.PI * 2, 0, Math.PI / 2),
+      mat(0x3399cc, { transparent: true, opacity: 0.72, roughness: 0.08 })
+    );
+    dome.rotation.x = Math.PI;
+    dome.position.y = 1.06;
+    g.add(dome);
+
+    // Water line visible inside bottle
+    var waterLine = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.096, 0.096, 0.22, 18),
+      mat(0x88ccee, { transparent: true, opacity: 0.5, roughness: 0.05 })
+    );
+    waterLine.position.y = 1.15;
+    g.add(waterLine);
+
+    // 4 base feet
+    var footMat = mat(0x111111, { roughness: 0.9 });
+    var footGeo = new THREE.CylinderGeometry(0.02, 0.02, 0.02, 8);
+    [[-0.1, -0.1], [0.1, -0.1], [-0.1, 0.1], [0.1, 0.1]].forEach(function(p) {
+      var foot = new THREE.Mesh(footGeo, footMat);
+      foot.position.set(p[0], 0.01, p[1]);
+      g.add(foot);
+    });
+
+    return g;
+  }
+};

package/office/assets/whiteboard.js

@@ -0,0 +1,115 @@
+import * as THREE from 'three';
+import { mat, PAL } from './materials.js';
+
+export default {
+  id: 'whiteboard',
+  name: 'Whiteboard',
+  category: 'office',
+  icon: 'WB',
+  gridW: 2, gridD: 1, height: 1.5,
+  factory: function() {
+    var g = new THREE.Group();
+
+    // White writing surface
+    var surface = new THREE.Mesh(
+      new THREE.BoxGeometry(2.0, 1.15, 0.025),
+      mat(0xf5f5f0, { roughness: 0.85, metalness: 0.0 })
+    );
+    surface.position.y = 1.28;
+    surface.castShadow = true;
+    surface.receiveShadow = true;
+    g.add(surface);
+
+    // Aluminium frame — top
+    var frameMat = PAL.chromeBrushed();
+    var topFrame = new THREE.Mesh(new THREE.BoxGeometry(2.04, 0.04, 0.04), frameMat);
+    topFrame.position.set(0, 1.875, 0);
+    topFrame.castShadow = true;
+    g.add(topFrame);
+
+    // Bottom frame (also pen tray holder)
+    var botFrame = new THREE.Mesh(new THREE.BoxGeometry(2.04, 0.04, 0.04), frameMat);
+    botFrame.position.set(0, 0.705, 0);
+    botFrame.castShadow = true;
+    g.add(botFrame);
+
+    // Left frame
+    var leftFrame = new THREE.Mesh(new THREE.BoxGeometry(0.04, 1.23, 0.04), frameMat);
+    leftFrame.position.set(-1.02, 1.28, 0);
+    leftFrame.castShadow = true;
+    g.add(leftFrame);
+
+    // Right frame
+    var rightFrame = leftFrame.clone();
+    rightFrame.position.x = 1.02;
+    g.add(rightFrame);
+
+    // Pen/marker tray at bottom (extended outward)
+    var tray = new THREE.Mesh(
+      new THREE.BoxGeometry(1.96, 0.025, 0.07),
+      frameMat
+    );
+    tray.position.set(0, 0.69, 0.045);
+    g.add(tray);
+
+    // Tray back lip
+    var trayLip = new THREE.Mesh(
+      new THREE.BoxGeometry(1.96, 0.035, 0.012),
+      frameMat
+    );
+    trayLip.position.set(0, 0.707, 0.083);
+    g.add(trayLip);
+
+    // Two marker caps sitting in tray
+    var markerMat = mat(0x111111, { roughness: 0.7 });
+    [-0.3, 0.1].forEach(function(x) {
+      var marker = new THREE.Mesh(
+        new THREE.CylinderGeometry(0.008, 0.008, 0.12, 8),
+        markerMat
+      );
+      marker.rotation.z = Math.PI / 2;
+      marker.position.set(x, 0.71, 0.055);
+      g.add(marker);
+    });
+
+    // Eraser block
+    var eraser = new THREE.Mesh(
+      new THREE.BoxGeometry(0.1, 0.025, 0.045),
+      mat(0x888888, { roughness: 0.9 })
+    );
+    eraser.position.set(0.5, 0.71, 0.055);
+    g.add(eraser);
+
+    // Two vertical chrome stand legs
+    var legMat = PAL.chrome();
+    var legGeo = new THREE.CylinderGeometry(0.022, 0.022, 0.72, 10);
+    var leftLeg = new THREE.Mesh(legGeo, legMat);
+    leftLeg.position.set(-0.75, 0.36, 0);
+    leftLeg.castShadow = true;
+    g.add(leftLeg);
+
+    var rightLeg = leftLeg.clone();
+    rightLeg.position.x = 0.75;
+    g.add(rightLeg);
+
+    // Horizontal crossbar
+    var crossbar = new THREE.Mesh(
+      new THREE.BoxGeometry(1.5, 0.025, 0.025),
+      legMat
+    );
+    crossbar.position.set(0, 0.42, 0);
+    g.add(crossbar);
+
+    // T-feet (horizontal base bars)
+    var footMat = PAL.chrome();
+    var leftFoot = new THREE.Mesh(new THREE.BoxGeometry(0.55, 0.022, 0.022), footMat);
+    leftFoot.position.set(-0.75, 0.015, 0);
+    g.add(leftFoot);
+
+    var rightFoot = leftFoot.clone();
+    rightFoot.position.x = 0.75;
+    g.add(rightFoot);
+
+    return g;
+  }
+};

package/office/assets.js

@@ -1,431 +1,3 @@
-// Asset registry for the World Builder
-// Each asset is a factory function that returns a THREE.Group
-import * as THREE from 'three';
-
-// ===================== ASSET DEFINITIONS =====================
-// Each asset: { name, category, icon, width, depth, height, factory }
-// width/depth are footprint in grid units (for snap), height is visual
-
-export const ASSET_CATEGORIES = [
-  { id: 'structural', label: 'Structural', icon: 'S' },
-  { id: 'furniture',  label: 'Furniture',  icon: 'F' },
-  { id: 'decor',      label: 'Decor',      icon: 'D' },
-  { id: 'tech',       label: 'Tech',       icon: 'T' },
-  { id: 'lighting',   label: 'Lighting',   icon: 'L' },
-];
-
-var _matCache = {};
-function mat(color, opts) {
-  var key = color + JSON.stringify(opts || {});
-  if (!_matCache[key]) {
-    _matCache[key] = new THREE.MeshStandardMaterial(Object.assign({ color: color }, opts || {}));
-  }
-  return _matCache[key];
-}
-
-export const ASSETS = [
-  // ===== STRUCTURAL =====
-  {
-    id: 'wall',
-    name: 'Wall',
-    category: 'structural',
-    icon: 'W',
-    gridW: 2, gridD: 1, height: 3,
-    factory: function() {
-      var g = new THREE.Group();
-      var wall = new THREE.Mesh(new THREE.BoxGeometry(2, 3, 0.12), mat(0x2a2d35, { roughness: 0.8 }));
-      wall.position.y = 1.5;
-      wall.castShadow = true; wall.receiveShadow = true;
-      g.add(wall);
-      return g;
-    }
-  },
-  {
-    id: 'glass_wall',
-    name: 'Glass Wall',
-    category: 'structural',
-    icon: 'G',
-    gridW: 2, gridD: 1, height: 3,
-    factory: function() {
-      var g = new THREE.Group();
-      var glass = new THREE.Mesh(new THREE.BoxGeometry(2, 3, 0.06), mat(0xaaccee, { transparent: true, opacity: 0.25, roughness: 0.05 }));
-      glass.position.y = 1.5;
-      g.add(glass);
-      // Chrome frame top
-      var frame = new THREE.Mesh(new THREE.BoxGeometry(2.05, 0.04, 0.08), mat(0xcccccc, { metalness: 0.8, roughness: 0.2 }));
-      frame.position.y = 3;
-      g.add(frame);
-      return g;
-    }
-  },
-  {
-    id: 'floor_tile',
-    name: 'Floor Tile',
-    category: 'structural',
-    icon: '\u2B1B',
-    gridW: 2, gridD: 2, height: 0.02,
-    factory: function() {
-      var g = new THREE.Group();
-      var tile = new THREE.Mesh(new THREE.BoxGeometry(2, 0.02, 2), mat(0x3a3d45, { roughness: 0.85 }));
-      tile.position.y = 0.01;
-      tile.receiveShadow = true;
-      g.add(tile);
-      return g;
-    }
-  },
-  {
-    id: 'window',
-    name: 'Window',
-    category: 'structural',
-    icon: 'G',
-    gridW: 2, gridD: 1, height: 2,
-    factory: function() {
-      var g = new THREE.Group();
-      var glass = new THREE.Mesh(new THREE.PlaneGeometry(1.8, 2), mat(0x87CEEB, { emissive: 0x87CEEB, emissiveIntensity: 0.15, transparent: true, opacity: 0.6 }));
-      glass.position.y = 2;
-      g.add(glass);
-      // Frame
-      var frameM = mat(0xcccccc, { metalness: 0.8, roughness: 0.2 });
-      var top = new THREE.Mesh(new THREE.BoxGeometry(1.9, 0.04, 0.04), frameM);
-      top.position.y = 3; g.add(top);
-      var bot = new THREE.Mesh(new THREE.BoxGeometry(1.9, 0.04, 0.04), frameM);
-      bot.position.y = 1; g.add(bot);
-      return g;
-    }
-  },
-  {
-    id: 'door',
-    name: 'Door',
-    category: 'structural',
-    icon: 'Dr',
-    gridW: 1, gridD: 1, height: 2.5,
-    factory: function() {
-      var g = new THREE.Group();
-      var door = new THREE.Mesh(new THREE.BoxGeometry(1, 2.5, 0.08), mat(0x5c3a1e, { roughness: 0.6 }));
-      door.position.y = 1.25;
-      door.castShadow = true;
-      g.add(door);
-      // Handle
-      var handle = new THREE.Mesh(new THREE.BoxGeometry(0.03, 0.15, 0.06), mat(0xcccccc, { metalness: 0.8 }));
-      handle.position.set(0.35, 1.1, 0.06);
-      g.add(handle);
-      return g;
-    }
-  },
-
-  // ===== FURNITURE =====
-  {
-    id: 'desk',
-    name: 'Desk',
-    category: 'furniture',
-    icon: 'Dk',
-    gridW: 2, gridD: 1, height: 0.8,
-    factory: function() {
-      var g = new THREE.Group();
-      var deskMat = mat(0x1a1a2e, { roughness: 0.3, metalness: 0.1 });
-      var legMat = mat(0x111111, { roughness: 0.4, metalness: 0.2 });
-      // Top
-      var top = new THREE.Mesh(new THREE.BoxGeometry(2, 0.05, 0.9), deskMat);
-      top.position.y = 0.76; top.castShadow = true;
-      g.add(top);
-      // Legs
-      var positions = [[-0.85, -0.35], [-0.85, 0.35], [0.85, -0.35], [0.85, 0.35]];
-      for (var i = 0; i < 4; i++) {
-        var leg = new THREE.Mesh(new THREE.BoxGeometry(0.06, 0.76, 0.06), legMat);
-        leg.position.set(positions[i][0], 0.38, positions[i][1]);
-        g.add(leg);
-      }
-      return g;
-    }
-  },
-  {
-    id: 'chair',
-    name: 'Chair',
-    category: 'furniture',
-    icon: 'Ch',
-    gridW: 1, gridD: 1, height: 1.1,
-    factory: function() {
-      var g = new THREE.Group();
-      var seatM = mat(0x333340, { roughness: 0.65 });
-      var chromeM = mat(0x888888, { metalness: 0.6, roughness: 0.3 });
-      // Seat
-      var seat = new THREE.Mesh(new THREE.BoxGeometry(0.4, 0.05, 0.4), seatM);
-      seat.position.y = 0.45; g.add(seat);
-      // Back
-      var back = new THREE.Mesh(new THREE.BoxGeometry(0.38, 0.4, 0.04), seatM);
-      back.position.set(0, 0.7, 0.18); g.add(back);
-      // Post
-      var post = new THREE.Mesh(new THREE.CylinderGeometry(0.02, 0.02, 0.4, 6), chromeM);
-      post.position.y = 0.22; g.add(post);
-      // Base
-      var base = new THREE.Mesh(new THREE.CylinderGeometry(0.15, 0.17, 0.03, 12), chromeM);
-      base.position.y = 0.02; g.add(base);
-      return g;
-    }
-  },
-  {
-    id: 'sofa',
-    name: 'Sofa',
-    category: 'furniture',
-    icon: 'So',
-    gridW: 3, gridD: 1, height: 0.9,
-    factory: function() {
-      var g = new THREE.Group();
-      var sofaM = mat(0x2a2a3e, { roughness: 0.75 });
-      // Base
-      var base = new THREE.Mesh(new THREE.BoxGeometry(3, 0.35, 0.9), sofaM);
-      base.position.y = 0.2; g.add(base);
-      // Back
-      var back = new THREE.Mesh(new THREE.BoxGeometry(3, 0.5, 0.2), sofaM);
-      back.position.set(0, 0.55, -0.35); g.add(back);
-      // Arms
-      var armL = new THREE.Mesh(new THREE.BoxGeometry(0.2, 0.3, 0.9), sofaM);
-      armL.position.set(-1.4, 0.4, 0); g.add(armL);
-      var armR = new THREE.Mesh(new THREE.BoxGeometry(0.2, 0.3, 0.9), sofaM);
-      armR.position.set(1.4, 0.4, 0); g.add(armR);
-      return g;
-    }
-  },
-  {
-    id: 'bookshelf',
-    name: 'Bookshelf',
-    category: 'furniture',
-    icon: 'Bk',
-    gridW: 1, gridD: 1, height: 2.2,
-    factory: function() {
-      var g = new THREE.Group();
-      var woodM = mat(0x5a3e28, { roughness: 0.7 });
-      // Back
-      var back = new THREE.Mesh(new THREE.BoxGeometry(0.08, 2.2, 1.2), woodM);
-      back.position.y = 1.1; g.add(back);
-      // Sides
-      var sideL = new THREE.Mesh(new THREE.BoxGeometry(0.35, 2.2, 0.04), woodM);
-      sideL.position.set(0.14, 1.1, -0.58); g.add(sideL);
-      var sideR = new THREE.Mesh(new THREE.BoxGeometry(0.35, 2.2, 0.04), woodM);
-      sideR.position.set(0.14, 1.1, 0.58); g.add(sideR);
-      // Shelves
-      for (var i = 0; i < 5; i++) {
-        var shelf = new THREE.Mesh(new THREE.BoxGeometry(0.35, 0.04, 1.2), woodM);
-        shelf.position.set(0.14, 0.05 + i * 0.55, 0);
-        g.add(shelf);
-      }
-      return g;
-    }
-  },
-  {
-    id: 'coffee_table',
-    name: 'Coffee Table',
-    category: 'furniture',
-    icon: '\u2615',
-    gridW: 1, gridD: 1, height: 0.45,
-    factory: function() {
-      var g = new THREE.Group();
-      var glassM = mat(0xccddee, { transparent: true, opacity: 0.35, roughness: 0.05 });
-      var chromeM = mat(0xcccccc, { metalness: 0.8, roughness: 0.2 });
-      var top = new THREE.Mesh(new THREE.BoxGeometry(1, 0.03, 0.5), glassM);
-      top.position.y = 0.45; g.add(top);
-      for (var i = 0; i < 4; i++) {
-        var leg = new THREE.Mesh(new THREE.CylinderGeometry(0.015, 0.015, 0.42, 6), chromeM);
-        leg.position.set(((i & 1) ? 0.4 : -0.4), 0.21, ((i & 2) ? 0.2 : -0.2));
-        g.add(leg);
-      }
-      return g;
-    }
-  },
-  {
-    id: 'bar_stool',
-    name: 'Bar Stool',
-    category: 'furniture',
-    icon: 'Ch',
-    gridW: 1, gridD: 1, height: 0.8,
-    factory: function() {
-      var g = new THREE.Group();
-      var seatM = mat(0x333340, { roughness: 0.65 });
-      var chromeM = mat(0x888888, { metalness: 0.6, roughness: 0.3 });
-      var seat = new THREE.Mesh(new THREE.CylinderGeometry(0.18, 0.18, 0.06, 12), seatM);
-      seat.position.y = 0.75; g.add(seat);
-      var post = new THREE.Mesh(new THREE.CylinderGeometry(0.025, 0.025, 0.7, 8), chromeM);
-      post.position.y = 0.38; g.add(post);
-      var base = new THREE.Mesh(new THREE.CylinderGeometry(0.18, 0.2, 0.04, 12), chromeM);
-      base.position.y = 0.04; g.add(base);
-      return g;
-    }
-  },
-
-  // ===== DECOR =====
-  {
-    id: 'plant',
-    name: 'Plant',
-    category: 'decor',
-    icon: 'Pl',
-    gridW: 1, gridD: 1, height: 0.8,
-    factory: function() {
-      var g = new THREE.Group();
-      var potM = mat(0x4a4a5a, { roughness: 0.8 });
-      var leafM = mat(0x2d8a4e, { roughness: 0.8 });
-      var pot = new THREE.Mesh(new THREE.CylinderGeometry(0.25, 0.2, 0.5, 12), potM);
-      pot.position.y = 0.25; g.add(pot);
-      for (var i = 0; i < 5; i++) {
-        var angle = (i / 5) * Math.PI * 2;
-        var leaf = new THREE.Mesh(new THREE.SphereGeometry(0.15, 8, 6), leafM);
-        leaf.position.set(Math.cos(angle) * 0.12, 0.6, Math.sin(angle) * 0.12);
-        leaf.scale.set(1, 0.7, 1);
-        g.add(leaf);
-      }
-      var topLeaf = new THREE.Mesh(new THREE.SphereGeometry(0.12, 8, 6), leafM);
-      topLeaf.position.y = 0.75; g.add(topLeaf);
-      return g;
-    }
-  },
-  {
-    id: 'indoor_tree',
-    name: 'Indoor Tree',
-    category: 'decor',
-    icon: 'Tr',
-    gridW: 1, gridD: 1, height: 3.5,
-    factory: function() {
-      var g = new THREE.Group();
-      var planterM = mat(0x3a3a4a, { roughness: 0.8 });
-      var trunkM = mat(0x5c3a1e, { roughness: 0.8 });
-      var leafM = mat(0x228B22, { roughness: 0.7 });
-      var planter = new THREE.Mesh(new THREE.CylinderGeometry(0.4, 0.35, 0.6, 12), planterM);
-      planter.position.y = 0.3; g.add(planter);
-      var trunk = new THREE.Mesh(new THREE.CylinderGeometry(0.08, 0.1, 2.5, 8), trunkM);
-      trunk.position.y = 1.85; g.add(trunk);
-      var sizes = [0.6, 0.5, 0.35];
-      var ys = [2.8, 3.2, 3.5];
-      for (var i = 0; i < 3; i++) {
-        var canopy = new THREE.Mesh(new THREE.SphereGeometry(sizes[i], 12, 10), leafM);
-        canopy.position.y = ys[i]; g.add(canopy);
-      }
-      return g;
-    }
-  },
-  {
-    id: 'beanbag',
-    name: 'Beanbag',
-    category: 'decor',
-    icon: 'So',
-    gridW: 1, gridD: 1, height: 0.5,
-    factory: function() {
-      var g = new THREE.Group();
-      var colors = [0xe53e3e, 0x3b82f6, 0x22c55e, 0xa855f7];
-      var color = colors[Math.floor(Math.random() * colors.length)];
-      var botM = mat(color, { roughness: 0.9 });
-      var bot = new THREE.Mesh(new THREE.SphereGeometry(0.4, 16, 12), botM);
-      bot.position.y = 0.2; bot.scale.set(1, 0.5, 1); g.add(bot);
-      var darkColor = (color & 0xfefefe) >> 1; // darken
-      var topM = new THREE.MeshStandardMaterial({ color: darkColor, roughness: 0.9 });
-      var topBag = new THREE.Mesh(new THREE.SphereGeometry(0.35, 16, 12), topM);
-      topBag.position.set(-0.05, 0.4, 0); topBag.scale.set(1, 0.6, 1); g.add(topBag);
-      return g;
-    }
-  },
-
-  // ===== TECH =====
-  {
-    id: 'monitor',
-    name: 'Monitor',
-    category: 'tech',
-    icon: 'Mo',
-    gridW: 1, gridD: 1, height: 0.5,
-    factory: function() {
-      var g = new THREE.Group();
-      var body = new THREE.Mesh(new THREE.BoxGeometry(0.5, 0.35, 0.04), mat(0x1a1a2e, { roughness: 0.3 }));
-      body.position.y = 0.35; g.add(body);
-      var screen = new THREE.Mesh(new THREE.PlaneGeometry(0.44, 0.28), mat(0x333333, { emissive: 0x111122, emissiveIntensity: 0.3 }));
-      screen.position.set(0, 0.35, 0.025); g.add(screen);
-      var stand = new THREE.Mesh(new THREE.BoxGeometry(0.06, 0.18, 0.06), mat(0x4a5568, { roughness: 0.7 }));
-      stand.position.y = 0.09; g.add(stand);
-      return g;
-    }
-  },
-  {
-    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 caseMesh = new THREE.Mesh(new THREE.BoxGeometry(0.22, 0.45, 0.45), mat(0x111111, { roughness: 0.4 }));
-      caseMesh.position.y = 0.23; g.add(caseMesh);
-      var panel = new THREE.Mesh(new THREE.PlaneGeometry(0.18, 0.4), mat(0x58a6ff, { emissive: 0x58a6ff, emissiveIntensity: 0.3, transparent: true, opacity: 0.4 }));
-      panel.position.set(0.115, 0.23, 0); panel.rotation.y = Math.PI / 2; g.add(panel);
-      return g;
-    }
-  },
-
-  // ===== LIGHTING =====
-  {
-    id: 'floor_lamp',
-    name: 'Floor Lamp',
-    category: 'lighting',
-    icon: 'Lt',
-    gridW: 1, gridD: 1, height: 1.8,
-    factory: function() {
-      var g = new THREE.Group();
-      var metalM = mat(0x333333, { metalness: 0.3, roughness: 0.5 });
-      var base = new THREE.Mesh(new THREE.CylinderGeometry(0.15, 0.18, 0.04, 12), metalM);
-      base.position.y = 0.02; g.add(base);
-      var pole = new THREE.Mesh(new THREE.CylinderGeometry(0.02, 0.02, 1.6, 8), metalM);
-      pole.position.y = 0.84; g.add(pole);
-      var shade = new THREE.Mesh(new THREE.ConeGeometry(0.18, 0.25, 12, 1, true), mat(0xddd5c0, { roughness: 0.8, side: THREE.DoubleSide }));
-      shade.position.y = 1.72; shade.rotation.x = Math.PI; g.add(shade);
-      var light = new THREE.PointLight(0xffeedd, 0.3, 4);
-      light.position.y = 1.6; g.add(light);
-      return g;
-    }
-  },
-  {
-    id: 'pendant_light',
-    name: 'Pendant Light',
-    category: 'lighting',
-    icon: 'Lt',
-    gridW: 1, gridD: 1, height: 2,
-    factory: function() {
-      var g = new THREE.Group();
-      var wire = new THREE.Mesh(new THREE.CylinderGeometry(0.008, 0.008, 1.5, 4), mat(0x333333, { roughness: 0.5 }));
-      wire.position.y = 2.25; g.add(wire);
-      var shade = new THREE.Mesh(new THREE.SphereGeometry(0.12, 12, 10), mat(0xffeedd, { emissive: 0xffeedd, emissiveIntensity: 0.4, transparent: true, opacity: 0.8 }));
-      shade.position.y = 1.5; g.add(shade);
-      var light = new THREE.PointLight(0xffeedd, 0.25, 6);
-      light.position.y = 1.4; g.add(light);
-      return g;
-    }
-  },
-];
-
-// Get asset by ID
-export function getAsset(id) {
-  for (var i = 0; i < ASSETS.length; i++) {
-    if (ASSETS[i].id === id) return ASSETS[i];
-  }
-  return null;
-}
-
-// Get assets by category
-export function getAssetsByCategory(cat) {
-  return ASSETS.filter(function(a) { return a.category === cat; });
-}
-
-// Create a ghost (transparent preview) of an asset
-export function createGhost(assetId) {
-  var asset = getAsset(assetId);
-  if (!asset) return null;
-  var group = asset.factory();
-  // Make all children transparent green
-  group.traverse(function(child) {
-    if (child.isMesh) {
-      child.material = new THREE.MeshStandardMaterial({
-        color: 0x44ff88,
-        transparent: true,
-        opacity: 0.35,
-        depthWrite: false,
-      });
-    }
-  });
-  group.userData.isGhost = true;
-  group.userData.assetId = assetId;
-  return group;
-}
+// Asset registry — re-exports from assets/ folder
+// Individual asset files live in ./assets/*.js for maintainability
+export { ASSET_CATEGORIES, ASSETS, getAsset, getAssetsByCategory, createGhost } from './assets/index.js';