@agent-os-lab/agent-game-sdk 0.1.13 → 0.1.15

package/README.md

@@ -94,6 +94,12 @@ const view = mountAgentAvatar3D(container, {
   sceneState: "working",
   framing: "upperBody",
   viewAngle: "front",
+  camera: {
+    fov: 32,
+    positionY: 2.1,
+    positionZ: 1.35,
+    lookAtY: 1.42,
+  },
 });
 
 view.update({ sceneState: "thinking", framing: "fullBody", viewAngle: "threeQuarter" });

package/USAGE.md

@@ -191,6 +191,12 @@ const view = mountAgentAvatar3D(container, {
   sceneState: "working",
   framing: "upperBody",
   viewAngle: "front",
+  camera: {
+    fov: 32,
+    positionY: 2.1,
+    positionZ: 1.35,
+    lookAtY: 1.42,
+  },
 });
 
 view.update({
@@ -203,6 +209,7 @@ view.destroy();
 ```
 
 `framing` supports `fullBody` and `upperBody`. `viewAngle` supports `front` and `threeQuarter`.
+Use `camera` to fine-tune the portrait crop with `fov`, `positionY`, `positionZ`, and `lookAtY`.
 Passing the same `agentId` used in the office game gives the standalone 3D view the same appearance as the office game scene. Use `renderIndex` only when you need to override that AgentID-derived appearance.
 
 ### Static 3D Thumbnails

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-os-lab/agent-game-sdk",
-  "version": "0.1.13",
+  "version": "0.1.15",
   "type": "module",
   "files": [
     "src",

package/src/avatar/three-scene.ts

@@ -17,8 +17,18 @@ import {
 import { createAgentMesh, type AgentMeshParts } from "../office/renderers/three/agent-mesh";
 import type { AgentAvatar3DFraming, AgentAvatar3DViewAngle } from "./three-view";
 
+export type AgentAvatar3DCameraOptions = {
+  fov?: number;
+  positionY?: number;
+  positionZ?: number;
+  lookAtY?: number;
+};
+
+export type ResolvedAgentAvatar3DCameraOptions = Required<AgentAvatar3DCameraOptions>;
+
 export type AgentAvatar3DSceneOptions = {
   agent?: Partial<AgentGameOfficeAgent>;
+  camera?: AgentAvatar3DCameraOptions;
   agentId?: string;
   framing?: AgentAvatar3DFraming;
   sceneState?: AgentGameOfficeSceneState;
@@ -29,6 +39,7 @@ export type AgentAvatar3DSceneOptions = {
 };
 
 export type ResolvedAgentAvatar3DState = AgentGameOfficeAgent & {
+  camera: ResolvedAgentAvatar3DCameraOptions;
   framing: AgentAvatar3DFraming;
   renderIndex: number;
   viewAngle: AgentAvatar3DViewAngle;
@@ -59,7 +70,7 @@ export function createAgentAvatar3DScene(options: AgentAvatar3DSceneOptions): Ag
   const mesh = createAgentMesh(state, state.renderIndex);
   mesh.group.position.set(0, 0, 0);
   applyAvatar3DViewAngle(mesh.group, state.viewAngle);
-  applyAvatar3DFraming(camera, state.framing);
+  applyAvatar3DCamera(camera, state.camera);
   scene.add(mesh.group);
   const bodyLayer = createAgentBodyInstancedLayer(scene);
   const effectLayer = createAgentEffectInstancedLayer(scene);
@@ -76,7 +87,7 @@ export function createAgentAvatar3DScene(options: AgentAvatar3DSceneOptions): Ag
     setState(nextOptions, preservedRenderIndex) {
       state = resolveAgentAvatar3DState(nextOptions, preservedRenderIndex);
       applyAvatar3DViewAngle(mesh.group, state.viewAngle);
-      applyAvatar3DFraming(camera, state.framing);
+      applyAvatar3DCamera(camera, state.camera);
       return state;
     },
     render(renderer, nowMs) {
@@ -106,6 +117,7 @@ export function resolveAgentAvatar3DState(
   };
   return {
     ...agent,
+    camera: resolveAgentAvatar3DCamera(options.framing ?? "fullBody", options.camera),
     framing: options.framing ?? "fullBody",
     sceneState: options.sceneState ?? agent.sceneState,
     renderIndex: options.renderIndex ?? preservedRenderIndex ?? resolveAgentAvatarRenderIndex(agent.id),
@@ -113,15 +125,32 @@ export function resolveAgentAvatar3DState(
   };
 }
 
-function applyAvatar3DFraming(camera: THREE.PerspectiveCamera, framing: AgentAvatar3DFraming): void {
+function resolveAgentAvatar3DCamera(
+  framing: AgentAvatar3DFraming,
+  camera?: AgentAvatar3DCameraOptions,
+): ResolvedAgentAvatar3DCameraOptions {
   if (framing === "upperBody") {
-    camera.position.set(0, 2.55, 3.35);
-    camera.lookAt(0, 1.42, 0);
-    return;
+    return {
+      fov: camera?.fov ?? 32,
+      positionY: camera?.positionY ?? 2.1,
+      positionZ: camera?.positionZ ?? 1.35,
+      lookAtY: camera?.lookAtY ?? 1.42,
+    };
   }
 
-  camera.position.set(0, 2.1, 5.2);
-  camera.lookAt(0, 1.05, 0);
+  return {
+    fov: camera?.fov ?? 38,
+    positionY: camera?.positionY ?? 2.1,
+    positionZ: camera?.positionZ ?? 5.2,
+    lookAtY: camera?.lookAtY ?? 1.05,
+  };
+}
+
+function applyAvatar3DCamera(camera: THREE.PerspectiveCamera, options: ResolvedAgentAvatar3DCameraOptions): void {
+  camera.fov = options.fov;
+  camera.position.set(0, options.positionY, options.positionZ);
+  camera.lookAt(0, options.lookAtY, 0);
+  camera.updateProjectionMatrix();
 }
 
 function applyAvatar3DViewAngle(group: THREE.Group, viewAngle: AgentAvatar3DViewAngle): void {

package/src/avatar/three-thumbnail.ts

@@ -47,6 +47,7 @@ export type AgentAvatar3DThumbnailMountOptions = AgentAvatar3DThumbnailOptions &
 export type AgentAvatar3DThumbnailController = {
   image: HTMLImageElement;
   thumbnail: AgentAvatar3DThumbnail;
+  update(options: AgentAvatar3DThumbnailOptions): AgentAvatar3DThumbnail;
   destroy(): void;
 };
 
@@ -100,7 +101,8 @@ export function mountAgentAvatar3DThumbnail(
   container: HTMLElement,
   options: AgentAvatar3DThumbnailMountOptions,
 ): AgentAvatar3DThumbnailController {
-  const thumbnail = renderAgentAvatar3DThumbnail(options);
+  const renderer = createAgentAvatar3DThumbnailRenderer(options);
+  let thumbnail = renderer.render(options);
   const image = options.createImage?.() ?? new Image();
   image.src = thumbnail.dataUrl;
   image.width = thumbnail.width;
@@ -109,8 +111,21 @@ export function mountAgentAvatar3DThumbnail(
 
   return {
     image,
-    thumbnail,
+    get thumbnail() {
+      return thumbnail;
+    },
+    update(nextOptions) {
+      thumbnail = renderer.render({
+        ...options,
+        ...nextOptions,
+      });
+      image.src = thumbnail.dataUrl;
+      image.width = thumbnail.width;
+      image.height = thumbnail.height;
+      return thumbnail;
+    },
     destroy() {
+      renderer.destroy();
       image.remove();
     },
   };

package/src/avatar/three-view.ts

@@ -4,6 +4,7 @@ import type { AgentGameOfficeAgent, AgentGameOfficeSceneState } from "../office/
 import { AgentGameError } from "../core/errors";
 import {
   createAgentAvatar3DScene,
+  type AgentAvatar3DCameraOptions,
   type ResolvedAgentAvatar3DState,
 } from "./three-scene";
 
@@ -20,6 +21,7 @@ export type AgentAvatar3DViewAngle = "front" | "threeQuarter";
 
 export type AgentAvatar3DOptions = {
   agent?: Partial<AgentGameOfficeAgent>;
+  camera?: AgentAvatar3DCameraOptions;
   agentId?: string;
   framing?: AgentAvatar3DFraming;
   sceneState?: AgentGameOfficeSceneState;
@@ -36,7 +38,7 @@ export type AgentAvatar3DOptions = {
 
 export type AgentAvatar3DUpdateOptions = Partial<Pick<
   AgentAvatar3DOptions,
-  "agent" | "agentId" | "framing" | "sceneState" | "renderIndex" | "viewAngle"
+  "agent" | "agentId" | "camera" | "framing" | "sceneState" | "renderIndex" | "viewAngle"
 >>;
 
 export type AgentAvatar3DController = {
@@ -47,7 +49,7 @@ export type AgentAvatar3DController = {
   getState(): ResolvedAgentAvatar3DState;
 };
 
-export type { ResolvedAgentAvatar3DState } from "./three-scene";
+export type { AgentAvatar3DCameraOptions, ResolvedAgentAvatar3DState } from "./three-scene";
 
 export function mountAgentAvatar3D(
   container: HTMLElement,
@@ -84,10 +86,12 @@ export function mountAgentAvatar3D(
         throw new AgentGameError("runtime_destroyed", "Agent avatar 3D view has been destroyed");
       }
       const agentIdChanged = nextOptions.agentId !== undefined || nextOptions.agent?.id !== undefined;
+      const framingChanged = nextOptions.framing !== undefined && nextOptions.framing !== avatarScene.state.framing;
       const preserveRenderIndex = hasExplicitRenderIndex && nextOptions.renderIndex === undefined && !agentIdChanged;
       avatarScene.setState({
         agent: { ...avatarScene.state, ...nextOptions.agent },
         agentId: nextOptions.agentId,
+        camera: nextOptions.camera ?? (framingChanged ? undefined : avatarScene.state.camera),
         framing: nextOptions.framing ?? avatarScene.state.framing,
         sceneState: nextOptions.sceneState ?? avatarScene.state.sceneState,
         renderIndex: nextOptions.renderIndex,

package/src/core/agent-game-store.ts

@@ -1,13 +1,13 @@
-import { applyAgentGameCommand, createAgentGameSnapshot } from "./reducer.js";
-import { validateAgentGameScene, type AgentGameSceneDefinition } from "./scene.js";
-import type { AgentGameCommand } from "./commands.js";
-import type { AgentGameAgent, AgentGameSnapshot } from "./state.js";
+import { applyAgentGameCommand, createAgentGameSnapshot } from "./reducer";
+import { validateAgentGameScene, type AgentGameSceneDefinition } from "./scene";
+import type { AgentGameCommand } from "./commands";
+import type { AgentGameAgent, AgentGameSnapshot } from "./state";
 import type {
   AgentGameConnectionStatus,
   AgentGameRealtimeCursor,
   AgentGameRealtimeEvent,
   AgentGameSnapshotPatch,
-} from "./realtime-events.js";
+} from "./realtime-events";
 
 export type AgentGameStoreListener = (snapshot: AgentGameSnapshot) => void;
 

package/src/core/agent-service-event-adapter.ts

@@ -1,5 +1,5 @@
-import type { AgentGameRealtimeEvent } from "./realtime-events.js";
-import { mapAgentServiceEventToGameCommands, type AgentServiceEventLike } from "./event-adapter.js";
+import type { AgentGameRealtimeEvent } from "./realtime-events";
+import { mapAgentServiceEventToGameCommands, type AgentServiceEventLike } from "./event-adapter";
 
 export type MapAgentServiceEventToRealtimeEventsOptions = {
   nextId: () => string;

package/src/core/assets.ts

@@ -1,5 +1,5 @@
-import { AgentGameError } from "./errors.js";
-import type { TiledMapLike } from "./scene.js";
+import { AgentGameError } from "./errors";
+import type { TiledMapLike } from "./scene";
 
 export const REQUIRED_AGENT_AVATAR_ANIMATIONS = [
   "idle.down",

package/src/core/event-adapter.ts

@@ -1,5 +1,5 @@
-import type { AgentGameCommand } from "./commands.js";
-import { AgentGameError } from "./errors.js";
+import type { AgentGameCommand } from "./commands";
+import { AgentGameError } from "./errors";
 
 export type AgentServiceEventLike = {
   type: string;

package/src/core/index.ts

@@ -1,23 +1,23 @@
-export * from "./assets.js";
-export * from "./agent-game-store.js";
-export * from "./agent-service-event-adapter.js";
-export * from "./commands.js";
-export * from "./event-adapter.js";
-export * from "./errors.js";
-export * from "./life-presets.js";
-export * from "./movement.js";
-export * from "./office-building-layout.js";
-export * from "./office-layout.js";
-export * from "./pixel-character-avatar.js";
-export * from "./pixel-character.js";
-export * from "./reducer.js";
-export * from "./realtime-events.js";
-export * from "./realtime-transport.js";
-export * from "./schedule.js";
-export * from "./scene.js";
-export * from "./sequence.js";
-export * from "./state.js";
-export * from "./svg-pixel-avatar.js";
-export * from "./town-office-assets.js";
-export * from "./town-office-room-presets.js";
-export * from "./town-office-seat-layout.js";
+export * from "./assets";
+export * from "./agent-game-store";
+export * from "./agent-service-event-adapter";
+export * from "./commands";
+export * from "./event-adapter";
+export * from "./errors";
+export * from "./life-presets";
+export * from "./movement";
+export * from "./office-building-layout";
+export * from "./office-layout";
+export * from "./pixel-character-avatar";
+export * from "./pixel-character";
+export * from "./reducer";
+export * from "./realtime-events";
+export * from "./realtime-transport";
+export * from "./schedule";
+export * from "./scene";
+export * from "./sequence";
+export * from "./state";
+export * from "./svg-pixel-avatar";
+export * from "./town-office-assets";
+export * from "./town-office-room-presets";
+export * from "./town-office-seat-layout";

package/src/core/life-presets.ts

@@ -1,5 +1,5 @@
-import type { AgentGameAnchor, AgentGameSceneDefinition } from "./scene.js";
-import { validateAgentGameScene } from "./scene.js";
+import type { AgentGameAnchor, AgentGameSceneDefinition } from "./scene";
+import { validateAgentGameScene } from "./scene";
 
 export type AgentGameLifeSceneKind = "home" | "cafe" | "commute" | "sleep";
 

package/src/core/movement.ts

@@ -1,7 +1,7 @@
-import { AgentGameError } from "./errors.js";
-import { findAgentGameAnchor } from "./scene.js";
-import type { AgentGameCommand } from "./commands.js";
-import type { AgentGameSnapshot } from "./state.js";
+import { AgentGameError } from "./errors";
+import { findAgentGameAnchor } from "./scene";
+import type { AgentGameCommand } from "./commands";
+import type { AgentGameSnapshot } from "./state";
 
 export type CreateAgentGameMovePathCommandsOptions = {
   agentId: string;

package/src/core/office-building-layout.ts

@@ -1,14 +1,14 @@
-import { AgentGameError } from "./errors.js";
-import type { OfficeObjectAtlasDefinition } from "./office-layout.js";
+import { AgentGameError } from "./errors";
+import type { OfficeObjectAtlasDefinition } from "./office-layout";
 import type {
   AgentGameAnchor,
   AgentGameAnchorKind,
   AgentGameDirection,
   AgentGameSceneDefinition,
-} from "./scene.js";
-import { validateAgentGameScene } from "./scene.js";
-import { createTownOfficeRoomAnchors } from "./town-office-seat-layout.js";
-import { isTownOfficeRoomType, type TownOfficeRoomType } from "./town-office-assets.js";
+} from "./scene";
+import { validateAgentGameScene } from "./scene";
+import { createTownOfficeRoomAnchors } from "./town-office-seat-layout";
+import { isTownOfficeRoomType, type TownOfficeRoomType } from "./town-office-assets";
 
 export type OfficeBuildingGridRect = {
   x: number;

package/src/core/office-layout.ts

@@ -1,4 +1,4 @@
-import { AgentGameError } from "./errors.js";
+import { AgentGameError } from "./errors";
 
 export type OfficeObjectAtlasFrame = {
   frame: {

package/src/core/pixel-character-avatar.ts

@@ -1,5 +1,5 @@
-import type { AgentAvatarDefinition } from "./assets.js";
-import type { PixelCharacterSprite } from "./pixel-character.js";
+import type { AgentAvatarDefinition } from "./assets";
+import type { PixelCharacterSprite } from "./pixel-character";
 
 export type PixelCharacterAvatarAtlas = {
   frames: Record<string, { frame: { x: number; y: number; w: number; h: number } }>;

package/src/core/pixel-character.ts

@@ -1,7 +1,7 @@
 import {
   REQUIRED_AGENT_AVATAR_ANIMATIONS,
   type AgentAvatarAnimationName,
-} from "./assets.js";
+} from "./assets";
 
 export type PixelCharacterRole = "engineer" | "manager" | "support" | string;
 export type PixelCharacterStyle = "office" | "simple-chibi";

package/src/core/realtime-events.ts

@@ -1,6 +1,6 @@
-import type { AgentGameCommand } from "./commands.js";
-import type { AgentGameSceneDefinition } from "./scene.js";
-import type { AgentGameAgent, AgentGameSnapshot } from "./state.js";
+import type { AgentGameCommand } from "./commands";
+import type { AgentGameSceneDefinition } from "./scene";
+import type { AgentGameAgent, AgentGameSnapshot } from "./state";
 
 export type AgentGameRealtimeCursor = string;
 

package/src/core/realtime-transport.ts

@@ -1,4 +1,4 @@
-import type { AgentGameRealtimeEvent } from "./realtime-events.js";
+import type { AgentGameRealtimeEvent } from "./realtime-events";
 
 export type AgentGameTransportMessage = AgentGameRealtimeEvent | AgentGameRealtimeEvent[];
 

package/src/core/reducer.ts

@@ -1,7 +1,7 @@
-import type { AgentGameCommand } from "./commands.js";
-import { AgentGameError } from "./errors.js";
-import { findAgentGameAnchor, validateAgentGameScene, type AgentGameSceneDefinition } from "./scene.js";
-import type { AgentGameAgent, AgentGameSnapshot } from "./state.js";
+import type { AgentGameCommand } from "./commands";
+import { AgentGameError } from "./errors";
+import { findAgentGameAnchor, validateAgentGameScene, type AgentGameSceneDefinition } from "./scene";
+import type { AgentGameAgent, AgentGameSnapshot } from "./state";
 
 export function createAgentGameSnapshot(scene: AgentGameSceneDefinition): AgentGameSnapshot {
   return {

package/src/core/scene.ts

@@ -1,4 +1,4 @@
-import { AgentGameError } from "./errors.js";
+import { AgentGameError } from "./errors";
 
 export type AgentGameDirection = "up" | "down" | "left" | "right";
 export type AgentGameAnchorKind = "spawn" | "desk" | "meeting" | "break" | "living";

package/src/core/schedule.ts

@@ -1,4 +1,4 @@
-import type { AgentGameCommand } from "./commands.js";
+import type { AgentGameCommand } from "./commands";
 
 export type OfficeWorkdaySequenceOptions = {
   agentId: string;

package/src/core/sequence.ts

@@ -1,4 +1,4 @@
-import type { AgentGameCommand } from "./commands.js";
+import type { AgentGameCommand } from "./commands";
 
 export type PlayAgentGameSequenceOptions = {
   dispatch: (command: AgentGameCommand) => void;

package/src/core/state.ts

@@ -1,5 +1,5 @@
-import type { AgentGameEmotion, AgentToolCallStatus } from "./commands.js";
-import type { AgentGameDirection, AgentGameSceneDefinition } from "./scene.js";
+import type { AgentGameEmotion, AgentToolCallStatus } from "./commands";
+import type { AgentGameDirection, AgentGameSceneDefinition } from "./scene";
 
 export type AgentGameActivity =
   | { kind: "idle" }

package/src/core/svg-pixel-avatar.ts

@@ -1,4 +1,4 @@
-import type { AgentAvatarDefinition } from "./assets.js";
+import type { AgentAvatarDefinition } from "./assets";
 
 export const SVG_PIXEL_AVATAR_FRAME_NAMES = [
   "idle-down-0",

package/src/core/town-office-room-presets.ts

@@ -1,5 +1,5 @@
-import type { OfficeBuildingObjectDefinition } from "./office-building-layout.js";
-import type { TownOfficeObjectFrame, TownOfficeRoomType } from "./town-office-assets.js";
+import type { OfficeBuildingObjectDefinition } from "./office-building-layout";
+import type { TownOfficeObjectFrame, TownOfficeRoomType } from "./town-office-assets";
 
 export type TownOfficeRoomObjectsOptions = {
   roomId: string;

package/src/core/town-office-seat-layout.ts

@@ -1,6 +1,6 @@
-import type { OfficeBuildingAnchorDefinition } from "./office-building-layout.js";
-import type { AgentGameAnchorKind } from "./scene.js";
-import type { TownOfficeRoomType } from "./town-office-assets.js";
+import type { OfficeBuildingAnchorDefinition } from "./office-building-layout";
+import type { AgentGameAnchorKind } from "./scene";
+import type { TownOfficeRoomType } from "./town-office-assets";
 
 export type TownOfficeRoomAnchorsOptions = {
   roomId: string;

package/src/graph.ts

@@ -6,7 +6,7 @@ import type {
   NormalizedAgentGameEdge,
   NormalizedAgentGameGraph,
   NormalizedAgentGameNode,
-} from "./types.js";
+} from "./types";
 
 const DEFAULT_LAYER_ORDER = [
   "profile",

package/src/phaser/agent-game-scene.ts

@@ -1,19 +1,19 @@
-import type { AgentAvatarDefinition, AgentGameSceneDefinition, OfficeBuildingLayout, OfficeLayoutDefinition } from "../core/index.js";
-import { drawAnchorDebug } from "./anchor-debug.js";
-import { registerAgentAvatarAnimations } from "./avatar-registry.js";
+import type { AgentAvatarDefinition, AgentGameSceneDefinition, OfficeBuildingLayout, OfficeLayoutDefinition } from "../core/index";
+import { drawAnchorDebug } from "./anchor-debug";
+import { registerAgentAvatarAnimations } from "./avatar-registry";
 import {
   installCameraControls,
   type AgentGameCameraControlsController,
   type AgentGameCameraControlsOptions,
-} from "./camera-controls.js";
-import type { AgentGameDebugOverlays } from "./debug-overlay.js";
+} from "./camera-controls";
+import type { AgentGameDebugOverlays } from "./debug-overlay";
 import {
   createDefaultAgentGameSceneRendererRegistry,
   type AgentGameRendererConfig,
   type AgentGameSceneRendererRegistry,
-} from "./scene-renderer.js";
-import type { AgentGameSceneReconciler, PhaserReconcilerSceneLike } from "./scene-reconciler.js";
-import type { TownOfficeDomOverlayRoot } from "./town-office-renderer.js";
+} from "./scene-renderer";
+import type { AgentGameSceneReconciler, PhaserReconcilerSceneLike } from "./scene-reconciler";
+import type { TownOfficeDomOverlayRoot } from "./town-office-renderer";
 
 export const AGENT_GAME_PHASER_SCENE_KEY = "agent-game-scene";
 

package/src/phaser/anchor-debug.ts

@@ -1,7 +1,7 @@
-import type { AgentGameSceneDefinition } from "../core/index.js";
-import { debugDepth } from "./render-layers.js";
-import type { PhaserDisplayObjectLike, PhaserTextLike } from "./scene-reconciler.js";
-import { crispTextStyle } from "./text-style.js";
+import type { AgentGameSceneDefinition } from "../core/index";
+import { debugDepth } from "./render-layers";
+import type { PhaserDisplayObjectLike, PhaserTextLike } from "./scene-reconciler";
+import { crispTextStyle } from "./text-style";
 
 export type AnchorDebugSceneLike = {
   add: {

package/src/phaser/avatar-registry.ts

@@ -5,7 +5,7 @@ import {
   validateAgentAvatarDefinition,
   type AgentAvatarDefinition,
   type AgentAvatarAnimationName,
-} from "../core/index.js";
+} from "../core/index";
 
 export type PhaserAnimationSceneLike = {
   textures?: {

package/src/phaser/camera-controls.ts

@@ -4,7 +4,7 @@ import {
   getCameraScrollBounds,
   snapCameraScrollToPixel,
   zoomAroundPoint,
-} from "./camera-model.js";
+} from "./camera-model";
 
 export type AgentGameCameraControlsOptions = {
   enabled?: boolean;

package/src/phaser/create-agent-game.ts

@@ -5,18 +5,18 @@ import {
   validateAgentGameScene,
   validateOfficeBuildingLayout,
   validateOfficeLayoutDefinition,
-} from "../core/index.js";
-import { createAgentGamePhaserSceneConfig } from "./agent-game-scene.js";
+} from "../core/index";
+import { createAgentGamePhaserSceneConfig } from "./agent-game-scene";
 import {
   createSceneReconciler,
   type AgentDomOverlayRoot,
   type AgentGameSceneReconciler,
-} from "./scene-reconciler.js";
-import type { AgentGameCameraControlsController } from "./camera-controls.js";
-import type { AgentGameRendererConfig } from "./scene-renderer.js";
-import type { TownOfficeDomOverlayRoot } from "./town-office-renderer.js";
-import type { AgentGameController, AgentGamePhaserOptions, PhaserGameLike } from "./types.js";
-import { resolveAgentGameViewportSize } from "./viewport.js";
+} from "./scene-reconciler";
+import type { AgentGameCameraControlsController } from "./camera-controls";
+import type { AgentGameRendererConfig } from "./scene-renderer";
+import type { TownOfficeDomOverlayRoot } from "./town-office-renderer";
+import type { AgentGameController, AgentGamePhaserOptions, PhaserGameLike } from "./types";
+import { resolveAgentGameViewportSize } from "./viewport";
 
 type RuntimeDomOverlayRoot = HTMLElement & AgentDomOverlayRoot & TownOfficeDomOverlayRoot;
 

package/src/phaser/debug-overlay.ts

@@ -1,6 +1,6 @@
-import { parseHexColor } from "../core/index.js";
-import type { TownOfficeSceneLike } from "./town-office-primitives.js";
-import { debugDepth } from "./render-layers.js";
+import { parseHexColor } from "../core/index";
+import type { TownOfficeSceneLike } from "./town-office-primitives";
+import { debugDepth } from "./render-layers";
 
 export type AgentGameDebugOverlays = {
   worldBounds?: boolean;

package/src/phaser/index.ts

@@ -1,13 +1,13 @@
-export * from "./agent-game-scene.js";
-export * from "./avatar-registry.js";
-export * from "./camera-model.js";
-export * from "./camera-controls.js";
-export * from "./create-agent-game.js";
-export * from "./debug-overlay.js";
-export * from "./office-building-renderer.js";
-export * from "./office-layout-renderer.js";
-export * from "./scene-renderer.js";
-export * from "./scene-reconciler.js";
-export * from "./town-office-renderer.js";
-export * from "./types.js";
-export * from "./viewport.js";
+export * from "./agent-game-scene";
+export * from "./avatar-registry";
+export * from "./camera-model";
+export * from "./camera-controls";
+export * from "./create-agent-game";
+export * from "./debug-overlay";
+export * from "./office-building-renderer";
+export * from "./office-layout-renderer";
+export * from "./scene-renderer";
+export * from "./scene-reconciler";
+export * from "./town-office-renderer";
+export * from "./types";
+export * from "./viewport";

package/src/phaser/office-background.ts

@@ -1,6 +1,6 @@
-import type { AgentGameSceneDefinition } from "../core/index.js";
-import { officeDepth } from "./render-layers.js";
-import type { PhaserDisplayObjectLike } from "./scene-reconciler.js";
+import type { AgentGameSceneDefinition } from "../core/index";
+import { officeDepth } from "./render-layers";
+import type { PhaserDisplayObjectLike } from "./scene-reconciler";
 
 export type OfficeBackgroundSceneLike = {
   add: {

package/src/phaser/office-building-renderer.ts

@@ -2,10 +2,10 @@ import {
   getOfficeRoomBounds,
   parseHexColor,
   type OfficeBuildingLayout,
-} from "../core/index.js";
-import { officeDepth } from "./render-layers.js";
-import type { PhaserDisplayObjectLike, PhaserTextLike } from "./scene-reconciler.js";
-import { crispTextStyle } from "./text-style.js";
+} from "../core/index";
+import { officeDepth } from "./render-layers";
+import type { PhaserDisplayObjectLike, PhaserTextLike } from "./scene-reconciler";
+import { crispTextStyle } from "./text-style";
 
 export type OfficeBuildingSceneLike = {
   add: {

package/src/phaser/office-layout-renderer.ts

@@ -1,6 +1,6 @@
-import type { OfficeLayoutDefinition } from "../core/index.js";
-import { officeDepth } from "./render-layers.js";
-import type { PhaserDisplayObjectLike } from "./scene-reconciler.js";
+import type { OfficeLayoutDefinition } from "../core/index";
+import { officeDepth } from "./render-layers";
+import type { PhaserDisplayObjectLike } from "./scene-reconciler";
 
 export type OfficeLayoutSceneLike = {
   add: {

package/src/phaser/scene-reconciler.ts

@@ -6,10 +6,10 @@ import {
   type AgentGameAgent,
   type AgentGameDirection,
   type AgentGameSnapshot,
-} from "../core/index.js";
-import { createMovementTweenConfig, type MovementTimingOptions } from "./movement-tween.js";
-import { agentDepth, agentUiDepth } from "./render-layers.js";
-import { crispTextStyle } from "./text-style.js";
+} from "../core/index";
+import { createMovementTweenConfig, type MovementTimingOptions } from "./movement-tween";
+import { agentDepth, agentUiDepth } from "./render-layers";
+import { crispTextStyle } from "./text-style";
 
 const SPRITE_AGENT_SCALE = 1;
 const SPRITE_AGENT_FOOT_ORIGIN_Y = 1;

package/src/phaser/scene-renderer.ts

@@ -3,12 +3,12 @@ import {
   type AgentGameSceneDefinition,
   type OfficeBuildingLayout,
   type OfficeLayoutDefinition,
-} from "../core/index.js";
-import { drawOfficeBackground } from "./office-background.js";
-import { drawOfficeBuildingLayout } from "./office-building-renderer.js";
-import { drawOfficeLayout } from "./office-layout-renderer.js";
-import type { PhaserReconcilerSceneLike } from "./scene-reconciler.js";
-import { drawTownOfficeBuildingLayout, type TownOfficeBuildingRenderOptions } from "./town-office-renderer.js";
+} from "../core/index";
+import { drawOfficeBackground } from "./office-background";
+import { drawOfficeBuildingLayout } from "./office-building-renderer";
+import { drawOfficeLayout } from "./office-layout-renderer";
+import type { PhaserReconcilerSceneLike } from "./scene-reconciler";
+import { drawTownOfficeBuildingLayout, type TownOfficeBuildingRenderOptions } from "./town-office-renderer";
 
 export type AgentGameSceneRenderer = {
   preload?: (scene: PhaserReconcilerSceneLike) => void;

package/src/phaser/town-office-business-props.ts

@@ -1,4 +1,4 @@
-import { rect, text, type TownOfficeSceneLike } from "./town-office-primitives.js";
+import { rect, text, type TownOfficeSceneLike } from "./town-office-primitives";
 
 export function drawServerRack(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
   const s = scale;

package/src/phaser/town-office-environment.ts

@@ -1,6 +1,6 @@
-import type { OfficeRoomBounds } from "../core/index.js";
-import { drawBookshelf, drawWhiteboard } from "./town-office-furniture.js";
-import { rect, type TownOfficeSceneLike } from "./town-office-primitives.js";
+import type { OfficeRoomBounds } from "../core/index";
+import { drawBookshelf, drawWhiteboard } from "./town-office-furniture";
+import { rect, type TownOfficeSceneLike } from "./town-office-primitives";
 
 export type TownOfficeRoomStyle = {
   floor: string;

package/src/phaser/town-office-furniture.ts

@@ -1,4 +1,4 @@
-import { rect, type TownOfficeSceneLike } from "./town-office-primitives.js";
+import { rect, type TownOfficeSceneLike } from "./town-office-primitives";
 
 export function drawDesk(scene: TownOfficeSceneLike, x: number, y: number, scale: number, hasMonitor: boolean): void {
   const s = 1.5 * scale;

package/src/phaser/town-office-primitives.ts

@@ -1,7 +1,7 @@
-import { parseHexColor } from "../core/index.js";
-import { officeDepth } from "./render-layers.js";
-import type { PhaserDisplayObjectLike, PhaserTextLike } from "./scene-reconciler.js";
-import { crispTextStyle } from "./text-style.js";
+import { parseHexColor } from "../core/index";
+import { officeDepth } from "./render-layers";
+import type { PhaserDisplayObjectLike, PhaserTextLike } from "./scene-reconciler";
+import { crispTextStyle } from "./text-style";
 
 export type TownOfficeSceneLike = {
   add: {

package/src/phaser/town-office-renderer.ts

@@ -6,7 +6,7 @@ import {
   type OfficeBuildingLayout,
   type OfficeBuildingObjectDefinition,
   type OfficeRoomBounds,
-} from "../core/index.js";
+} from "../core/index";
 import {
   drawBattery,
   drawBeaker,
@@ -33,8 +33,8 @@ import {
   drawTree,
   drawTV,
   drawWindTurbine,
-} from "./town-office-business-props.js";
-import { drawWorldBoundsDebugOverlay, type AgentGameDebugOverlays } from "./debug-overlay.js";
+} from "./town-office-business-props";
+import { drawWorldBoundsDebugOverlay, type AgentGameDebugOverlays } from "./debug-overlay";
 import {
   drawAirConditioner,
   drawDoor,
@@ -46,7 +46,7 @@ import {
   drawSocket,
   drawWindow,
   type TownOfficeRoomStyle,
-} from "./town-office-environment.js";
+} from "./town-office-environment";
 import {
   drawBench,
   drawBookshelf,
@@ -70,12 +70,12 @@ import {
   drawTrashCan,
   drawVendingMachine,
   drawWhiteboard,
-} from "./town-office-furniture.js";
-import { rect, type TownOfficeSceneLike } from "./town-office-primitives.js";
-import { crispTextStyle } from "./text-style.js";
-import { officeDepth } from "./render-layers.js";
+} from "./town-office-furniture";
+import { rect, type TownOfficeSceneLike } from "./town-office-primitives";
+import { crispTextStyle } from "./text-style";
+import { officeDepth } from "./render-layers";
 
-export type { TownOfficeSceneLike } from "./town-office-primitives.js";
+export type { TownOfficeSceneLike } from "./town-office-primitives";
 
 const HEADER_HEIGHT = 34;
 const HEADER_TITLE_PADDING_X = 12;

package/src/phaser/types.ts

@@ -1,14 +1,14 @@
-import type { AgentGameAssetManifest } from "../core/assets.js";
-import type { AgentGameCommand } from "../core/commands.js";
-import type { OfficeBuildingLayout } from "../core/office-building-layout.js";
-import type { OfficeLayoutDefinition, OfficeObjectAtlasDefinition } from "../core/office-layout.js";
-import type { AgentGameSceneDefinition } from "../core/scene.js";
-import type { AgentGameSnapshot } from "../core/state.js";
-import type { AgentGameStore } from "../core/agent-game-store.js";
-import type { AgentGameCameraControlsController, AgentGameCameraControlsOptions } from "./camera-controls.js";
-import type { AgentGameDebugOverlays } from "./debug-overlay.js";
-import type { AgentGameRendererConfig, AgentGameSceneRendererRegistry } from "./scene-renderer.js";
-import type { AgentGameViewportOptions } from "./viewport.js";
+import type { AgentGameAssetManifest } from "../core/assets";
+import type { AgentGameCommand } from "../core/commands";
+import type { OfficeBuildingLayout } from "../core/office-building-layout";
+import type { OfficeLayoutDefinition, OfficeObjectAtlasDefinition } from "../core/office-layout";
+import type { AgentGameSceneDefinition } from "../core/scene";
+import type { AgentGameSnapshot } from "../core/state";
+import type { AgentGameStore } from "../core/agent-game-store";
+import type { AgentGameCameraControlsController, AgentGameCameraControlsOptions } from "./camera-controls";
+import type { AgentGameDebugOverlays } from "./debug-overlay";
+import type { AgentGameRendererConfig, AgentGameSceneRendererRegistry } from "./scene-renderer";
+import type { AgentGameViewportOptions } from "./viewport";
 
 export type PhaserGameLike = {
   destroy(removeCanvas?: boolean): void;