@agent-os-lab/agent-game-sdk 0.1.3 → 0.1.4

package/src/office/renderers/three/scene.ts

@@ -1,5 +1,9 @@
 import * as THREE from "three";
 import { mergeGeometries } from "three/examples/jsm/utils/BufferGeometryUtils.js";
+import type {
+  ResolvedOfficeComponentInstance,
+  ResolvedOfficeLayout,
+} from "../../layout";
 
 export const OFFICE_LAYOUT_SCALE = 1.2;
 const OFFICE_FLOOR_CENTER_X = 16;
@@ -19,12 +23,15 @@ const DESK_TEMPLATE = [
   { seat: { x: scaleOfficeX(-12), z: scaleOfficeZ(-6.2) }, rotation: Math.PI, desk: { x: scaleOfficeX(-12), z: scaleOfficeZ(-8) } },
   { seat: { x: scaleOfficeX(-7), z: scaleOfficeZ(-6.2) }, rotation: Math.PI, desk: { x: scaleOfficeX(-7), z: scaleOfficeZ(-8) } },
   { seat: { x: scaleOfficeX(-2), z: scaleOfficeZ(-6.2) }, rotation: Math.PI, desk: { x: scaleOfficeX(-2), z: scaleOfficeZ(-8) } },
+  { seat: { x: scaleOfficeX(3), z: scaleOfficeZ(-6.2) }, rotation: Math.PI, desk: { x: scaleOfficeX(3), z: scaleOfficeZ(-8) } },
   { seat: { x: scaleOfficeX(-12), z: scaleOfficeZ(-1.2) }, rotation: Math.PI, desk: { x: scaleOfficeX(-12), z: scaleOfficeZ(-3) } },
   { seat: { x: scaleOfficeX(-7), z: scaleOfficeZ(-1.2) }, rotation: Math.PI, desk: { x: scaleOfficeX(-7), z: scaleOfficeZ(-3) } },
   { seat: { x: scaleOfficeX(-2), z: scaleOfficeZ(-1.2) }, rotation: Math.PI, desk: { x: scaleOfficeX(-2), z: scaleOfficeZ(-3) } },
+  { seat: { x: scaleOfficeX(3), z: scaleOfficeZ(-1.2) }, rotation: Math.PI, desk: { x: scaleOfficeX(3), z: scaleOfficeZ(-3) } },
   { seat: { x: scaleOfficeX(-12), z: scaleOfficeZ(3.8) }, rotation: Math.PI, desk: { x: scaleOfficeX(-12), z: scaleOfficeZ(2) } },
   { seat: { x: scaleOfficeX(-7), z: scaleOfficeZ(3.8) }, rotation: Math.PI, desk: { x: scaleOfficeX(-7), z: scaleOfficeZ(2) } },
   { seat: { x: scaleOfficeX(-2), z: scaleOfficeZ(3.8) }, rotation: Math.PI, desk: { x: scaleOfficeX(-2), z: scaleOfficeZ(2) } },
+  { seat: { x: scaleOfficeX(3), z: scaleOfficeZ(3.8) }, rotation: Math.PI, desk: { x: scaleOfficeX(3), z: scaleOfficeZ(2) } },
 ] as const;
 export const DESK_SEATS = DESK_TEMPLATE.map((slot) => slot.seat) as ReadonlyArray<{ x: number; z: number }>;
 export const MEETING_ROOMS = [
@@ -101,6 +108,12 @@ export type OfficeFurniturePlan = {
   waterDispensers: number;
   teaBars: number;
   sofas: number;
+  treadmills: number;
+  stationaryBikes: number;
+  dumbbellRacks: number;
+  weightBenches: number;
+  yogaMats: number;
+  gymMirrors: number;
   coffeeTables: number;
   reviewStations: number;
   zonePads: number;
@@ -108,11 +121,11 @@ export type OfficeFurniturePlan = {
 
 export function createOfficeFurniturePlan(): OfficeFurniturePlan {
   return {
-    desks: 9,
-    deskChairs: 9,
-    deskChairBases: 9,
-    deskChairCasters: 45,
-    monitors: 9,
+    desks: 12,
+    deskChairs: 12,
+    deskChairBases: 12,
+    deskChairCasters: 60,
+    monitors: 12,
     meetingTables: 3,
     meetingTableLegs: 18,
     meetingChairs: 29,
@@ -128,6 +141,12 @@ export function createOfficeFurniturePlan(): OfficeFurniturePlan {
     waterDispensers: 1,
     teaBars: 1,
     sofas: 1,
+    treadmills: 2,
+    stationaryBikes: 1,
+    dumbbellRacks: 1,
+    weightBenches: 1,
+    yogaMats: 2,
+    gymMirrors: 1,
     coffeeTables: 0,
     reviewStations: 0,
     zonePads: 2,
@@ -142,21 +161,16 @@ export function addLights(scene: THREE.Scene): void {
   scene.add(directional);
 }
 
-export function buildOfficeScene(scene: THREE.Scene): void {
-  buildOfficeBaseFloors(scene);
-  buildOfficeWalls(scene);
+export function buildOfficeScene(scene: THREE.Scene, layout: ResolvedOfficeLayout): void {
+  buildOfficeBaseFloors(scene, layout);
+  buildOfficeWalls(scene, layout);
 
   const batcher = new BoxInstanceBatcher(scene);
   const transparentCache = new TransparentBoxCache();
   activeBoxBatcher = batcher;
   activeTransparentBoxCache = transparentCache;
   try {
-    buildWallDecorations(scene);
-    buildDeskCluster(scene);
-    buildMeetingRoom(scene);
-    buildLargeMeetingRoom(scene);
-    buildLounge(scene);
-    buildTeaBar(scene);
+    layout.components.forEach((component) => renderOfficeComponent(scene, component));
   } finally {
     activeBoxBatcher = undefined;
     activeTransparentBoxCache = undefined;
@@ -280,32 +294,30 @@ class TransparentBoxCache {
 
 let activeTransparentBoxCache: TransparentBoxCache | undefined;
 
-function buildOfficeBaseFloors(scene: THREE.Scene) {
-  const floorMinX = OFFICE_FLOOR_CENTER_X - OFFICE_FLOOR_WIDTH / 2;
-  const floorMaxX = OFFICE_FLOOR_CENTER_X + OFFICE_FLOOR_WIDTH / 2;
-  const officeSplitX = scaleOfficeX(24);
-  addBaseFloor(scene, 0xe5e7eb, (floorMinX + officeSplitX) / 2, officeSplitX - floorMinX, OFFICE_FLOOR_DEPTH);
-  addBaseFloor(scene, 0xdbe4ec, (officeSplitX + floorMaxX) / 2, floorMaxX - officeSplitX, OFFICE_FLOOR_DEPTH);
+function buildOfficeBaseFloors(scene: THREE.Scene, layout: ResolvedOfficeLayout) {
+  layout.scene.floorTiles.forEach((tile) => {
+    addBaseFloor(scene, tile.color, tile.x, tile.z, tile.width, tile.depth);
+  });
 }
 
-function addBaseFloor(scene: THREE.Scene, color: number, x: number, width: number, depth: number) {
+function addBaseFloor(scene: THREE.Scene, color: number, x: number, z: number, width: number, depth: number) {
   const floor = new THREE.Mesh(
     new THREE.BoxGeometry(width, 0.2, depth),
     new THREE.MeshLambertMaterial({ color }),
   );
   floor.receiveShadow = true;
-  floor.position.set(x, -0.1, 0);
+  floor.position.set(x, -0.1, z);
   scene.add(floor);
-  addGridFloorLines(scene, x, width, depth);
+  addGridFloorLines(scene, x, z, width, depth);
 }
 
-function addGridFloorLines(scene: THREE.Scene, x: number, width: number, depth: number) {
+function addGridFloorLines(scene: THREE.Scene, x: number, z: number, width: number, depth: number) {
   const geometry = new THREE.BufferGeometry();
   const positions: number[] = [];
   const minX = x - width / 2;
   const maxX = x + width / 2;
-  const minZ = -depth / 2;
-  const maxZ = depth / 2;
+  const minZ = z - depth / 2;
+  const maxZ = z + depth / 2;
 
   for (let lineX = minX; lineX <= maxX + 0.001; lineX += OFFICE_FLOOR_TILE_SIZE) {
     positions.push(lineX, 0.012, minZ, lineX, 0.012, maxZ);
@@ -323,17 +335,25 @@ function addGridFloorLines(scene: THREE.Scene, x: number, width: number, depth:
   scene.add(lines);
 }
 
-function buildOfficeWalls(scene: THREE.Scene) {
-  const wallHeight = 2.5;
-  const wallThickness = 0.5;
-  const wallMaterial = new THREE.MeshLambertMaterial({ color: 0xe8e0d0 });
-  const floorMinX = OFFICE_FLOOR_CENTER_X - OFFICE_FLOOR_WIDTH / 2;
-  const floorMaxX = OFFICE_FLOOR_CENTER_X + OFFICE_FLOOR_WIDTH / 2;
-  const floorMinZ = -OFFICE_FLOOR_DEPTH / 2;
-
-  addOfficeWallBox(scene, OFFICE_FLOOR_WIDTH, wallHeight, wallThickness, OFFICE_FLOOR_CENTER_X, wallHeight / 2, floorMinZ, wallMaterial);
-  addOfficeWallBox(scene, wallThickness, wallHeight, OFFICE_FLOOR_DEPTH, floorMinX, wallHeight / 2, 0, wallMaterial);
-  addOfficeWallBox(scene, wallThickness, wallHeight, OFFICE_FLOOR_DEPTH, floorMaxX, wallHeight / 2, 0, wallMaterial);
+function buildOfficeWalls(scene: THREE.Scene, layout: ResolvedOfficeLayout) {
+  const materialCache = new Map<number, THREE.MeshLambertMaterial>();
+  layout.scene.walls.forEach((wall) => {
+    const material = materialCache.get(wall.color) ?? (() => {
+      const created = new THREE.MeshLambertMaterial({ color: wall.color });
+      materialCache.set(wall.color, created);
+      return created;
+    })();
+    addOfficeWallBox(
+      scene,
+      wall.width,
+      wall.height,
+      wall.depth,
+      wall.x,
+      wall.height / 2,
+      wall.z,
+      material,
+    );
+  });
 }
 
 function addOfficeWallBox(
@@ -378,6 +398,23 @@ function addWallWhiteboard(scene: THREE.Scene, x: number, wallZ: number, rotatio
   addLocalBox(scene, 0x64748b, 1.2, 0.06, 0.05, x, wallZ, -0.5, 1.02, offsets.trayZ, rotation);
 }
 
+function addWallWindow(
+  scene: THREE.Scene,
+  x: number,
+  wallZ: number,
+  rotation: number,
+  faceDirection: -1 | 1,
+  width = 3.1,
+  height = 1.25,
+) {
+  const frameZ = 0.08 * faceDirection;
+  const paneZ = 0.13 * faceDirection;
+  addLocalBox(scene, 0x64748b, width + 0.18, height + 0.18, 0.06, x, wallZ, 0, 1.65, frameZ, rotation);
+  addLocalBox(scene, 0x9bdaf2, width, height, 0.04, x, wallZ, 0, 1.65, paneZ, rotation);
+  addLocalBox(scene, 0xe0f2fe, 0.08, height, 0.05, x, wallZ, 0, 1.65, paneZ + 0.01 * faceDirection, rotation);
+  addLocalBox(scene, 0xe0f2fe, width, 0.08, 0.05, x, wallZ, 0, 1.65, paneZ + 0.012 * faceDirection, rotation);
+}
+
 function addStickyNoteBoard(scene: THREE.Scene, x: number, z: number) {
   addBox(scene, 0xb87333, 3, 1.5, 0.08, x, 1.5, z - 0.04);
   addBox(scene, 0xd4a76a, 2.8, 1.3, 0.05, x, 1.5, z + 0.02);
@@ -414,7 +451,7 @@ function buildDeskCluster(scene: THREE.Scene) {
 
 function buildMeetingRoom(scene: THREE.Scene) {
   MEETING_ROOMS.forEach((room, roomIndex) => {
-    addMeetingGlassRoom(scene, roomIndex);
+    addMeetingGlassRoom(scene, roomIndex, room.center.x, room.center.z, 8 * OFFICE_LAYOUT_SCALE);
     addMeetingTable(scene, room.center.x, room.center.z, room.topColor, room.legColor, room.tableDepth);
     room.seats.forEach((seat) => addOfficeChair(scene, seat.x, seat.z, seat.rotation));
   });
@@ -450,6 +487,106 @@ function buildTeaBar(scene: THREE.Scene) {
   addWaterDispenser(scene, scaleOfficeX(-16.9), scaleOfficeZ(10.4));
 }
 
+function renderOfficeComponent(scene: THREE.Scene, component: ResolvedOfficeComponentInstance) {
+  const { x, z } = component.position;
+  const rotation = component.rotation ?? 0;
+  switch (component.kind) {
+    case "desk":
+      addDesk(scene, x, z);
+      return;
+    case "officeChair":
+      addOfficeChair(scene, x, z, rotation);
+      return;
+    case "monitor":
+      addMonitor(scene, x, z);
+      return;
+    case "meetingTable":
+      addMeetingTable(
+        scene,
+        x,
+        z,
+        component.props?.topColor,
+        component.props?.legColor,
+        component.props?.depth,
+      );
+      return;
+    case "meetingGlassRoom":
+      addMeetingGlassRoom(
+        scene,
+        component.props?.roomIndex ?? 0,
+        x,
+        z,
+        component.props?.depth ?? 8 * OFFICE_LAYOUT_SCALE,
+        component.props?.omitGlassSide ?? component.props?.wallSide,
+        component.props?.whiteboardSide ?? component.props?.wallSide,
+      );
+      return;
+    case "largeMeetingTable":
+      addLargeMeetingTable(scene, x, z);
+      return;
+    case "tableCup":
+      addTableCup(scene, x, z);
+      return;
+    case "dividerGlass":
+      addOfficeDividerGlass(scene);
+      return;
+    case "wallWhiteboard":
+      addWallWhiteboard(scene, x, z, rotation, component.props?.faceDirection ?? 1);
+      return;
+    case "wallWindow":
+      addWallWindow(scene, x, z, rotation, component.props?.faceDirection ?? 1, component.props?.width, component.props?.height);
+      return;
+    case "stickyNoteBoard":
+      addStickyNoteBoard(scene, x, z);
+      return;
+    case "wallClock":
+      addWallClock(scene, x, z);
+      return;
+    case "sofa":
+      addSofa(scene, x, z);
+      return;
+    case "loungeSideTable":
+      addLoungeSideTable(scene, x, z);
+      return;
+    case "bookcase":
+      addBookcase(scene, x, z);
+      return;
+    case "teaCounter":
+      addTeaCounter(scene, x, z);
+      return;
+    case "waterDispenser":
+      addWaterDispenser(scene, x, z);
+      return;
+    case "presentationBoard":
+      addPresentationBoard(scene, x, z, component.props?.screenColor, rotation);
+      return;
+    case "mobileDisplayStand":
+      addMobileDisplayStand(scene, x, z, rotation);
+      return;
+    case "treadmill":
+      addTreadmill(scene, x, z, rotation);
+      return;
+    case "stationaryBike":
+      addStationaryBike(scene, x, z, rotation);
+      return;
+    case "dumbbellRack":
+      addDumbbellRack(scene, x, z, rotation);
+      return;
+    case "weightBench":
+      addWeightBench(scene, x, z, rotation);
+      return;
+    case "yogaMat":
+      addYogaMat(scene, x, z, rotation);
+      return;
+    case "gymMirror":
+      addGymMirror(scene, x, z, rotation, component.props?.width, component.props?.faceDirection ?? 1);
+      return;
+    case "glassWall":
+    case "glassDoor":
+      return;
+  }
+}
+
 function addDesk(scene: THREE.Scene, x: number, z: number) {
   addBox(scene, 0xd2b48c, 3, 0.15, 1.8, x, 1.5, z);
   addBox(scene, 0x8b7355, 0.15, 1.5, 0.15, x - 1.3, 0.75, z - 0.7);
@@ -506,55 +643,39 @@ function addMeetingTable(
   addBox(scene, legColor, 0.2, 1.5, 0.2, x + 2.2, 0.75, z + legZ);
 }
 
-function addMeetingGlassRoom(scene: THREE.Scene, roomIndex: number) {
-  const sharedWallZ = -2.75;
-  const northWallFaceZ = -OFFICE_FLOOR_DEPTH / 2 + 0.28;
-  if (roomIndex === 0) {
-    addGlassWallWithDoor(
-      scene,
-      roomIndex,
-      scaleOfficeX(10.5),
-      scaleOfficeZ((sharedWallZ + 9.6) / 2),
-      (9.6 - sharedWallZ) * OFFICE_LAYOUT_SCALE,
-      1.9,
-      0.25,
-    );
-    addTransparentBox(scene, 0x88ccee, 11.7 * OFFICE_LAYOUT_SCALE, 2.5, 0.08, scaleOfficeX(16.35), 1.25, scaleOfficeZ(sharedWallZ), 0.2);
-    addTransparentBox(scene, 0x88ccee, 11.7 * OFFICE_LAYOUT_SCALE, 2.5, 0.08, scaleOfficeX(16.35), 1.25, scaleOfficeZ(9.6), 0.2);
-    addMeetingWhiteboard(scene, scaleOfficeX(16.35), scaleOfficeZ(sharedWallZ), Math.PI);
-    addBox(scene, 0xcccccc, 0.15, 2.5, 0.15, scaleOfficeX(10.5), 1.25, scaleOfficeZ(sharedWallZ));
-    addBox(scene, 0xcccccc, 0.15, 2.5, 0.15, scaleOfficeX(10.5), 1.25, scaleOfficeZ(9.6));
-    return;
+function addMeetingGlassRoom(
+  scene: THREE.Scene,
+  roomIndex: number,
+  x: number,
+  z: number,
+  depth: number,
+  omitGlassSide?: "north" | "south",
+  whiteboardSide?: "north" | "south",
+) {
+  const width = 11.7 * OFFICE_LAYOUT_SCALE;
+  const westX = x - width / 2;
+  const eastX = x + width / 2;
+  const northZ = z - depth / 2;
+  const southZ = z + depth / 2;
+
+  addGlassWallWithDoor(scene, roomIndex, westX, z, depth, roomIndex === 0 ? 1.9 : 1.6, 0.25);
+  addTransparentBox(scene, 0x88ccee, 0.08, 2.5, depth, eastX, 1.25, z, 0.15, `meetingGlassRoom:${roomIndex}:east`);
+  if (omitGlassSide !== "north") {
+    addTransparentBox(scene, 0x88ccee, width, 2.5, 0.08, x, 1.25, northZ, 0.2, `meetingGlassRoom:${roomIndex}:north`);
+  }
+  if (omitGlassSide !== "south") {
+    addTransparentBox(scene, 0x88ccee, width, 2.5, 0.08, x, 1.25, southZ, 0.2, `meetingGlassRoom:${roomIndex}:south`);
   }
 
-  addGlassWallWithDoor(
-    scene,
-    roomIndex,
-    scaleOfficeX(10.5),
-    (northWallFaceZ + scaleOfficeZ(sharedWallZ)) / 2,
-    scaleOfficeZ(sharedWallZ) - northWallFaceZ,
-    1.6,
-    0.25,
-  );
-  addTransparentBox(scene, 0x88ccee, 11.7 * OFFICE_LAYOUT_SCALE, 2.5, 0.08, scaleOfficeX(16.35), 1.25, northWallFaceZ, 0.2);
-  addTransparentBox(
-    scene,
-    0x88ccee,
-    0.08,
-    2.5,
-    scaleOfficeZ(-9.3) - northWallFaceZ,
-    scaleOfficeX(22.2),
-    1.25,
-    (northWallFaceZ + scaleOfficeZ(-9.3)) / 2,
-    0.15,
-  );
-  addMeetingWhiteboard(scene, scaleOfficeX(16.35), northWallFaceZ, 0);
+  const whiteboardWallSide = whiteboardSide ?? "north";
+  const whiteboardZ = whiteboardWallSide === "south" ? southZ - 0.28 : northZ + 0.28;
+  addMeetingWhiteboard(scene, x, whiteboardZ, whiteboardWallSide === "south" ? Math.PI : 0);
   [
-    [scaleOfficeX(10.5), northWallFaceZ],
-    [scaleOfficeX(10.5), scaleOfficeZ(sharedWallZ)],
-    [scaleOfficeX(22.2), northWallFaceZ],
-    [scaleOfficeX(22.2), scaleOfficeZ(sharedWallZ)],
-  ].forEach(([x, z]) => addBox(scene, 0xcccccc, 0.15, 2.5, 0.15, x, 1.25, z));
+    [westX, northZ],
+    [westX, southZ],
+    [eastX, northZ],
+    [eastX, southZ],
+  ].forEach(([postX, postZ]) => addBox(scene, 0xcccccc, 0.15, 2.5, 0.15, postX, 1.25, postZ));
 }
 
 function addOfficeDividerGlass(scene: THREE.Scene) {
@@ -704,6 +825,57 @@ function addWaterDispenser(scene: THREE.Scene, x: number, z: number) {
   addBox(scene, 0xf8fafc, 0.2, 0.22, 0.2, x + 0.25, 0.42, z - 0.16);
 }
 
+function addTreadmill(scene: THREE.Scene, x: number, z: number, rotation = 0) {
+  addLocalBox(scene, 0x111827, 1.45, 0.18, 3.4, x, z, 0, 0.18, 0, rotation);
+  addLocalBox(scene, 0x475569, 1.18, 0.06, 2.85, x, z, 0, 0.32, 0.06, rotation);
+  addLocalBox(scene, 0x64748b, 0.12, 1.35, 0.12, x, z, -0.62, 0.92, -1.42, rotation);
+  addLocalBox(scene, 0x64748b, 0.12, 1.35, 0.12, x, z, 0.62, 0.92, -1.42, rotation);
+  addLocalBox(scene, 0x0f172a, 1.1, 0.55, 0.08, x, z, 0, 1.5, -1.55, rotation);
+  addLocalBox(scene, 0x38bdf8, 0.82, 0.36, 0.04, x, z, 0, 1.5, -1.61, rotation);
+}
+
+function addStationaryBike(scene: THREE.Scene, x: number, z: number, rotation = 0) {
+  addLocalBox(scene, 0x334155, 1.1, 0.1, 1.25, x, z, 0, 0.28, 0, rotation);
+  addLocalBox(scene, 0x64748b, 0.12, 1.1, 0.12, x, z, 0, 0.85, 0.15, rotation);
+  addLocalBox(scene, 0x111827, 0.68, 0.16, 0.55, x, z, 0, 1.38, 0.22, rotation);
+  addLocalBox(scene, 0x64748b, 1.1, 0.08, 0.08, x, z, 0, 1.38, -0.42, rotation);
+  addLocalBox(scene, 0x0f172a, 0.92, 0.92, 0.08, x, z, 0, 0.62, -0.22, rotation);
+  addLocalBox(scene, 0x0f172a, 0.32, 0.32, 0.12, x, z, 0, 0.62, -0.22, rotation);
+}
+
+function addDumbbellRack(scene: THREE.Scene, x: number, z: number, rotation = 0) {
+  addLocalBox(scene, 0x475569, 3.2, 0.12, 0.22, x, z, 0, 0.75, 0, rotation);
+  addLocalBox(scene, 0x334155, 3.2, 0.12, 0.22, x, z, 0, 0.38, 0.18, rotation);
+  for (let index = 0; index < 6; index += 1) {
+    const localX = -1.25 + index * 0.5;
+    addLocalBox(scene, 0x111827, 0.18, 0.18, 0.18, x, z, localX - 0.08, 0.9, -0.06, rotation);
+    addLocalBox(scene, 0x111827, 0.18, 0.18, 0.18, x, z, localX + 0.08, 0.9, -0.06, rotation);
+    addLocalBox(scene, 0xe5e7eb, 0.18, 0.06, 0.06, x, z, localX, 0.9, -0.06, rotation);
+  }
+}
+
+function addWeightBench(scene: THREE.Scene, x: number, z: number, rotation = 0) {
+  addLocalBox(scene, 0x111827, 2.25, 0.18, 0.62, x, z, 0, 0.55, 0, rotation);
+  addLocalBox(scene, 0x64748b, 0.12, 0.65, 0.12, x, z, -0.85, 0.26, -0.22, rotation);
+  addLocalBox(scene, 0x64748b, 0.12, 0.65, 0.12, x, z, 0.85, 0.26, 0.22, rotation);
+  addLocalBox(scene, 0x475569, 2.7, 0.08, 0.08, x, z, 0, 1.25, -0.56, rotation);
+  addLocalBox(scene, 0x111827, 0.28, 0.5, 0.5, x, z, -1.48, 1.25, -0.56, rotation);
+  addLocalBox(scene, 0x111827, 0.28, 0.5, 0.5, x, z, 1.48, 1.25, -0.56, rotation);
+}
+
+function addYogaMat(scene: THREE.Scene, x: number, z: number, rotation = 0) {
+  addLocalBox(scene, 0x0ea5e9, 1.35, 0.04, 3.05, x, z, 0, 0.04, 0, rotation);
+  addLocalBox(scene, 0xbae6fd, 1.05, 0.02, 0.18, x, z, 0, 0.08, -1.18, rotation);
+  addLocalBox(scene, 0xbae6fd, 1.05, 0.02, 0.18, x, z, 0, 0.08, 1.18, rotation);
+}
+
+function addGymMirror(scene: THREE.Scene, x: number, z: number, rotation = 0, width = 5.2, faceDirection: -1 | 1 = 1) {
+  addLocalBox(scene, 0x64748b, width + 0.18, 1.8, 0.06, x, z, 0, 1.45, 0.07 * faceDirection, rotation);
+  addLocalBox(scene, 0xbfefff, width, 1.62, 0.04, x, z, 0, 1.45, 0.12 * faceDirection, rotation);
+  addLocalBox(scene, 0xe0f2fe, 0.08, 1.42, 0.05, x, z, -width * 0.28, 1.45, 0.14 * faceDirection, rotation);
+  addLocalBox(scene, 0xe0f2fe, 0.08, 1.42, 0.05, x, z, width * 0.18, 1.45, 0.14 * faceDirection, rotation);
+}
+
 function addBox(
   scene: THREE.Scene,
   color: number,

package/src/runtime-client.ts

@@ -59,6 +59,7 @@ export type GameRuntimeConnectionState = "connecting" | "online" | "closed";
 export type GameRuntimeSubscription = {
   close: () => void;
   getSocket: () => WebSocket | null;
+  refresh: () => void;
 };
 
 export type AgentGameRuntimeBrowserClientOptions = {
@@ -310,6 +311,15 @@ export function subscribeGameRuntime(
   }
 
   return {
+    refresh: () => {
+      if (closed || socket.readyState !== WebSocketCtor.OPEN) {
+        return;
+      }
+      socket.send(JSON.stringify({
+        type: "refresh",
+        tenantId: options.tenantId,
+      }));
+    },
     close: () => {
       closed = true;
       clearPingInterval();