@volter/editor-game 0.5.65 → 0.5.66

package/contributions/unreal.palette.json

@@ -0,0 +1,105 @@
+{
+  "schemaVersion": 3,
+  "name": "Unreal",
+  "theme": {
+    "id": "unreal",
+    "color": {
+      "surface": {
+        "shell": "#151515",
+        "panel": "#242424",
+        "chrome": "#151515",
+        "raised": "#383838",
+        "inset": "#0f0f0f",
+        "overlay": "rgba(36,36,36,0.97)"
+      },
+      "boundary": {
+        "default": "#151515",
+        "strong": "#0f0f0f",
+        "area": "#151515",
+        "indent": "#383838",
+        "divider": "#1a1a1a"
+      },
+      "content": {
+        "primary": "#c0c0c0",
+        "muted": "#b4b4b4",
+        "dim": "#858585",
+        "onAccent": "#ffffff",
+        "menu": "#c0c0c0",
+        "status": "#a7a7a7",
+        "placeholder": "#6d6d6d",
+        "active": "#4d9be9",
+        "selected": "#ffffff",
+        "onBright": {
+          "primary": "#151515",
+          "muted": "rgba(21,21,21,0.82)",
+          "dim": "rgba(21,21,21,0.7)"
+        }
+      },
+      "accent": {
+        "default": "#0f6ece",
+        "muted": "#40576f"
+      },
+      "widget": {
+        "regular": "#383838",
+        "menu": "#242424",
+        "field": "#0f0f0f",
+        "emboss": "rgba(0,0,0,0.2)"
+      },
+      "viewport": {
+        "background": "#000000",
+        "grid": "#5a5a5a",
+        "axisX": "#c02800",
+        "axisY": "#66a600",
+        "axisZ": "#2e75df",
+        "selection": "#eaa112",
+        "wire": "#eaa112",
+        "active": "#eaa112"
+      },
+      "gizmo": {
+        "x": "#c02800",
+        "y": "#66a600",
+        "z": "#2e75df",
+        "navigationX": "#ff0000",
+        "navigationY": "#00ff00",
+        "navigationZ": "#0000ff",
+        "hover": "#ffff00",
+        "drag": "#ffff00"
+      },
+      "region": {
+        "outliner": "#242424",
+        "properties": "#242424"
+      },
+      "category": {
+        "object": "#8fb8f0",
+        "modifier": "#8fb8f0",
+        "material": "#a27f4b",
+        "data": "#9fd88c",
+        "scene": "#c0c0c0",
+        "collection": "#c0c0c0",
+        "tool": "#c0c0c0",
+        "operator": "#9fd88c"
+      },
+      "semantic": {
+        "danger": "#ff6b5b",
+        "dangerMuted": "rgba(255,120,107,0.28)",
+        "dangerFaint": "rgba(255,120,107,0.12)",
+        "warning": "#ffc107",
+        "warningMuted": "rgba(255,221,101,0.28)",
+        "success": "#7cc576",
+        "successMuted": "rgba(69,255,139,0.28)",
+        "dynamic": "#ffdd65",
+        "dynamicMuted": "rgba(255,221,101,0.18)",
+        "instance": "#7bbcff"
+      },
+      "neutralOverlay": {
+        "hover": "rgba(255,255,255,0.1)",
+        "active": "rgba(255,255,255,0.16)"
+      },
+      "scrim": "rgba(0,0,0,0.6)"
+    },
+    "typography": {
+      "sans": "'Inter', 'Segoe UI', system-ui, sans-serif",
+      "mono": "'Roboto Mono', Menlo, monospace"
+    }
+  }
+}

package/contributions/unreal.style.ts

@@ -0,0 +1,58 @@
+/**
+ * THE UNREAL LOOK — Unreal Engine 5's dark editor skin and its Level Editor viewport's
+ * colours, made only of values (`docs/VIEWPORT-STAGE.md`, the Unreal column).
+ *
+ * Unreal is not installed here and its documentation states none of these numbers, so every
+ * value is READ from the documentation's frames (`engine-reference/unreal/level-editor.png`,
+ * 1920 x 1020), not transcribed from source. The chrome: panels #242424 on a #151515 shell,
+ * #0f0f0f fields, the #0f6ece armed-tool blue, #40576f selected rows. The viewport: the
+ * selection outline's core #eaa112, about three pixels wide; the Move widget's axes, their
+ * brightest unshaded pixels (#c02800, #66a600, #2e75df); the corner triad's pure #ff0000,
+ * #00ff00, #0000ff. The fill is black, what an Unreal level with no sky shows.
+ * Light, sky and overlays are the VIEW's presentation, not this look's.
+ */
+import type { StyleContribution } from '@volter/editor-sdk/looks';
+import palette from './unreal.palette.json';
+
+export const point = 'workspace.style';
+export const style: StyleContribution = {
+  id: 'unreal',
+  title: 'Unreal',
+  paletteId: 'unreal',
+  materialId: 'unreal',
+  material: {
+    id: 'unreal',
+    title: 'Unreal',
+    description: 'Near-black flat panels, four-pixel corners, pill-shaped viewport toolbar buttons.',
+    shape: { small: '4px', medium: '4px', large: '6px', full: '9999px' },
+    elevation: {
+      small: 'none',
+      medium: '0 2px 8px rgba(0,0,0,0.55)',
+      large: '0 6px 18px rgba(0,0,0,0.6)',
+    },
+    stage: {
+      // Unreal keeps its widget a constant size on screen; in `level-editor.png` the Move
+      // arrows reach 85 to 100 px from the centre sphere. Fitted, not transcribed.
+      gizmoSize: 128,
+      // The axis triad in the viewport's bottom-left corner (`level-editor.png`).
+      navigationGizmo: 'triad',
+      navigationCorner: 'bottom-left',
+      navigationSize: 1.3,
+      // Unreal's arrows end in slim cones about 14 px long on ~85 px shafts (`level-editor.png`),
+      // fitted side by side at 1x.
+      gizmoArrowLength: 0.85,
+      gizmoArrowHead: 0.8,
+      // A hard yellow-orange line about three pixels wide around the whole silhouette; the
+      // parts other objects hide are drawn too (dotted in Unreal, behind the table). Widths
+      // over 4 widen the blur kernel and the band goes pale and soft (measured: 5 peaks at
+      // #dfad6b over the sky), so 3 is the widest solid band the crisp form draws.
+      outlineStyle: 'crisp',
+      outlineWidth: 3,
+      outlineHidden: true,
+      gridLineWidth: 1,
+      gridMajorWidth: 1,
+      gridMajorContrast: 1.3,
+    },
+  },
+  palette,
+};

package/contributions/unreal.view.ts

@@ -0,0 +1,88 @@
+/**
+ * UNREAL'S DEFAULT LEVEL VIEWPORT: a preview sky standing in for the level's own, no grid, the
+ * outline, the Move tool with its free-move centre, a Z-up LEFT-handed world, and the axis
+ * triad as an indicator, and a preview floor taking the sun's shadow. The view's behaviour (tool,
+ * handles, axes, world, grid off) is read from `default-interface.png`; the sky, cloud and floor
+ * values are FITTED to `level-editor.png` (sampled pixel colours and a side-by-side), not
+ * transcribed from Unreal's own BP_Sky_Sphere or floor material.
+ * A named view (`@volter/editor-sdk/kit/viewport-presentation` `ViewPreset`): what the view does
+ * and how it is lit, never its look — pair it with the Unreal style for the whole target.
+ */
+import type { ViewPreset } from '@volter/editor-sdk/kit/viewport-presentation';
+
+export const point = 'workspace.view';
+export const view: ViewPreset = {
+  id: 'unreal',
+  title: 'Unreal',
+  layer: {
+    all: {
+      lighting: {
+        source: 'preview',
+        preview: {
+          sun: {
+            enabled: true,
+            color: '#ffffff',
+            energy: 2.5,
+            altitude: 45,
+            azimuth: 300,
+            shadowDistance: 100,
+          },
+          environment: {
+            enabled: true,
+            sky: {
+              top: '#566b8c',
+              horizon: '#8ea6bf',
+              ground: '#2b323b',
+              topCurve: 0.1,
+              groundCurve: 0.12,
+              clouds: { cover: 0.55, opacity: 0.9, scale: 16 },
+            },
+            energy: 1,
+            rotation: 0,
+          },
+        },
+        tone: {
+          mapper: 'none',
+          exposure: 1,
+        },
+      },
+      backdrop: {
+        source: 'environment',
+        opacity: 1,
+        blur: 0,
+      },
+    },
+    overlays: {
+      navigation: 'indicator',
+      grid: {
+        visible: false,
+      },
+      floor: {
+        visible: true,
+        color: '#0a1428',
+      },
+      selection: {
+        outline: true,
+        wire: false,
+        box: false,
+      },
+      axes: {
+        x: false,
+        y: false,
+        z: false,
+      },
+    },
+    interaction: {
+      bootTool: 'move',
+      transformHandles: {
+        scale: false,
+        viewRotate: false,
+        freeMove: true,
+      },
+    },
+    world: {
+      upAxis: 'z',
+      handedness: 'left',
+    },
+  },
+};

package/dist-node/serving.mjs

@@ -0,0 +1,16 @@
+// serving/index.ts
+import { fileURLToPath } from "node:url";
+var GAME_MODULE_ACCESS = "@editor/game-module-access";
+var ALIASED_GAME_MODULE_ACCESS = /\/editor-core\/src\/game-module-access$/;
+var servingPlugins = (_services) => [
+  {
+    name: "volter-editor-game:game-module-access",
+    enforce: "pre",
+    resolveId(id) {
+      return id === GAME_MODULE_ACCESS || ALIASED_GAME_MODULE_ACCESS.test(id) ? fileURLToPath(new URL("../src/host/game-module-access.ts", import.meta.url)) : null;
+    }
+  }
+];
+export {
+  servingPlugins
+};

package/package.json

@@ -2,7 +2,7 @@
   "name": "@volter/editor-game",
   "author": "Volter AI, Inc.",
   "license": "AGPL-3.0-only",
-  "version": "0.5.65",
+  "version": "0.5.66",
   "publishConfig": {
     "access": "public"
   },
@@ -15,7 +15,9 @@
   },
   "files": [
     "src",
+    "serving",
     "contributions",
+    "dist-node",
     "LICENSE",
     "NOTICE"
   ],
@@ -51,6 +53,8 @@
       "./contributions/gameplay.command.ts",
       "./contributions/generation.service.ts",
       "./contributions/generations.status.tsx",
+      "./contributions/godot.style.ts",
+      "./contributions/godot.view.ts",
       "./contributions/ingest.service.ts",
       "./contributions/instances.command.ts",
       "./contributions/navmesh.menu.ts",
@@ -66,13 +70,12 @@
       "./contributions/state-watch.utility.tsx",
       "./contributions/team-playtest.service.ts",
       "./contributions/transport.header.tsx",
-      "./contributions/xstate-behavior.action.ts",
-      "./contributions/xstate-behavior.document.tsx",
-      "./contributions/xstate-behavior.inspector.tsx",
-      "./contributions/xstate-behavior.menu.ts",
+      "./contributions/unity.style.ts",
+      "./contributions/unity.view.ts",
+      "./contributions/unreal.style.ts",
+      "./contributions/unreal.view.ts",
       "./contributions/react/component-board.service.ts",
       "./contributions/react/design-time-mount.service.ts",
-      "./contributions/react/pasteboard.action.ts",
       "./contributions/react/react-inspector.service.ts",
       "./contributions/react/story-documents.service.ts",
       "./contributions/three/camera-runtime.inspector.tsx",
@@ -84,15 +87,16 @@
       "./contributions/three/reflection-probe-capture.inspector.tsx",
       "./contributions/three/story-documents.service.ts",
       "./contributions/three/three-authoring.service.ts"
-    ]
+    ],
+    "serving": "./dist-node/serving.mjs"
   },
   "dependencies": {
-    "@volter/editor-core": "0.5.65",
-    "@volter/editor-sdk": "0.5.65",
-    "@volter/editor-project": "0.5.65",
-    "@volter/editor-threejs": "0.5.65",
-    "@volter/threejs-runtime": "0.5.65",
-    "@volter/game-runtime": "0.5.65",
+    "@volter/editor-core": "0.5.66",
+    "@volter/editor-sdk": "0.5.66",
+    "@volter/editor-project": "0.5.66",
+    "@volter/editor-threejs": "0.5.66",
+    "@volter/threejs-runtime": "0.5.66",
+    "@volter/game-runtime": "0.5.66",
     "@colyseus/schema": "^4.0.14",
     "@colyseus/sdk": "^0.17.34",
     "@fortawesome/free-solid-svg-icons": "^7.2.0",
@@ -122,7 +126,8 @@
     "recast-navigation": "^0.43.0",
     "xstate": "^5.32.4",
     "zod": "^4.3.6",
-    "@fortawesome/fontawesome-svg-core": "^7.2.0"
+    "@fortawesome/fontawesome-svg-core": "^7.2.0",
+    "@volter/editor-react": "0.5.66"
   },
   "peerDependencies": {
     "@sparkjsdev/spark": "^2.1.0",
@@ -134,6 +139,8 @@
     "@playwright/test": "^1.58.2"
   },
   "scripts": {
+    "build": "node scripts/build-serving.mjs",
+    "prepack": "npm run build",
     "typecheck": "tsc -p tsconfig.json"
   },
   "peerDependenciesMeta": {

package/serving/index.ts

@@ -0,0 +1,27 @@
+/**
+ * `@volter/editor-game`'s server half (`package.json#vgai.serving`): the one deep specifier a
+ * game's own contributions name, `@editor/game-module-access` (the template's
+ * `src/contributions/use-game-modules.ts`), resolved to this package's module. The page
+ * bundle maps the same specifier for its own copy (`src/host/served-bundle-runtime-modules.ts`);
+ * a contribution the session's Vite serves needs the file.
+ */
+
+import { fileURLToPath } from 'node:url';
+import type { ProjectServingServices } from '@volter/editor-sdk/session/project-serving';
+
+const GAME_MODULE_ACCESS = '@editor/game-module-access';
+/** The kit's `@editor/*` alias runs before any plugin and rewrites the specifier to the kit's
+ *  own `src/`, where this module no longer lives; that form is this package's too. */
+const ALIASED_GAME_MODULE_ACCESS = /\/editor-core\/src\/game-module-access$/;
+
+export const servingPlugins = (_services: ProjectServingServices): readonly unknown[] => [
+  {
+    name: 'volter-editor-game:game-module-access',
+    enforce: 'pre',
+    resolveId(id: string): string | null {
+      return id === GAME_MODULE_ACCESS || ALIASED_GAME_MODULE_ACCESS.test(id)
+        ? fileURLToPath(new URL('../src/host/game-module-access.ts', import.meta.url))
+        : null;
+    },
+  },
+];

package/src/asset-budget/asset-budget-model.ts

@@ -21,8 +21,8 @@
  * raw attribute/index bytes for geometry.
  */
 
-import { sha256Hex } from '@volter/editor-core/bytes-codec';
-import type { StorageBackend } from '@volter/editor-core/storage/types';
+import { sha256Hex } from '@volter/editor-sdk/kit/bytes-codec';
+import { isPublicRootedBackend, type StorageBackend } from '@volter/editor-sdk/kit/storage-types';
 import type { Document } from '@gltf-transform/core';
 import { inspect } from '@gltf-transform/functions';
 import { getGltfIO } from './gltf-io';
@@ -482,7 +482,7 @@ export async function collectProjectBudgetSource(
   // `/vgai.project.json` (`manifest-project.ts`) and the `.vgai/`-scoped
   // `/__editor/vgai-file` route (`project-provenance.ts`). Anything
   // unavailable stays honestly absent — no fabricated owners or stamps.
-  if (backend.id === 'http') {
+  if (isPublicRootedBackend(backend)) {
     const ownerFiles: AssetBudgetFile[] = [];
     const virtualTexts = new Map<string, string>();
     try {

package/src/asset-budget/optimize-apply.ts

@@ -20,11 +20,11 @@
  * happened, so the failure is returned for the UI to surface.
  */
 
-import { sha256Hex } from '@volter/editor-core/bytes-codec';
-import { assertEditorServerAnswered } from '@volter/editor-core/editor-server-response';
-import { sourceMutationAttribution } from '@volter/editor-core/editor-session-attribution';
-import { handleProjectMutationFailure } from '@volter/editor-core/source-conflict';
-import type { StorageBackend } from '@volter/editor-core/storage/types';
+import { sha256Hex } from '@volter/editor-sdk/kit/bytes-codec';
+import { assertEditorServerAnswered } from '@volter/editor-sdk/kit/editor-server-response';
+import { sourceMutationAttribution } from '@volter/editor-sdk/kit/editor-session-attribution';
+import { handleProjectMutationFailure } from '@volter/editor-sdk/kit/source-conflict';
+import { isPublicRootedBackend, type StorageBackend } from '@volter/editor-sdk/kit/storage-types';
 import { invalidateCachedAsset } from '@volter/threejs-runtime/asset-loaders';
 
 const PROVENANCE_PATH = '.vgai/provenance.json';
@@ -82,7 +82,7 @@ function ledgerAssetPath(storagePath: string): string {
  * backend reaches the project root directly.
  */
 async function readLedgerText(backend: StorageBackend): Promise<string | null> {
-  if (backend.id === 'http') {
+  if (isPublicRootedBackend(backend)) {
     // NOT read through `editor-server-response.ts`: the GET half of this route
     // answers `text/plain` (routes/project-source.ts) because it serves raw
     // file bytes, and that reader's whole rule is "the editor server answers
@@ -99,7 +99,7 @@ async function readLedgerText(backend: StorageBackend): Promise<string | null> {
 }
 
 async function writeLedgerText(backend: StorageBackend, content: string): Promise<void> {
-  if (backend.id === 'http') {
+  if (isPublicRootedBackend(backend)) {
     const write = async () => {
       const res = await fetch('/__editor/vgai-file', {
         method: 'POST',

package/src/bridge/dispatch.ts

@@ -16,8 +16,8 @@ import {
 } from '@volter/editor-core/authoring/active-systems';
 import { collectPlayRunPageErrors } from '@volter/editor-core/command-listener';
 import { gameContractEpoch } from '../host/coverage/game-contract-seam-evidence';
-import { recordLiveSeamEvidence } from '@volter/editor-core/coverage/live-seam-evidence';
-import { systemAdapterEpoch } from '@volter/editor-core/coverage/system-seam-evidence';
+import { recordLiveSeamEvidence } from '@volter/editor-sdk/kit/live-seam-evidence';
+import { systemAdapterEpoch } from '@volter/editor-sdk/kit/system-seam-evidence';
 import {
   HOLD_STARVED_NO_DRIVER_REASON,
   waitForHoldBudget,

package/src/bridge/screenshot.ts

@@ -6,15 +6,15 @@
  * `@editor/*` alias until those modules move too. Nothing here is host API.
  */
 
-import { commandLine } from '@volter/editor-core/product-command';
+import { commandLine } from '@volter/editor-sdk/kit/product-command';
 import {
   type CaptureFlatness,
   CaptureLayerError,
   capturePlayComposite,
   sampleFlatness,
 } from '@volter/editor-core/composite-screenshot';
-import { editorConsole } from '@volter/editor-core/editor-console';
-import { presentationSurface } from '@volter/editor-core/presentation-surface';
+import { editorConsole } from '@volter/editor-sdk/kit/editor-console';
+import { presentationSurface } from '@volter/editor-sdk/kit/presentation-surface';
 import type { EditorCommandMessage, EditorCommandResult } from '@volter/editor-sdk/commands';
 import { notPlayingResult, structuredErrorResult } from '../command-results';
 import { isIngestActive } from '../ingest/active-ingest';

package/src/coverage/live-authoring-surface.ts

@@ -14,7 +14,7 @@ import { getCurrentProject } from '@volter/editor-core/project-manager';
 import { authoringSurfaceFromTable } from '@volter/editor-core/scene-document-plan';
 import { projectStoriesReady } from '@volter/editor-core/stories/story-registry';
 import { availableWorkspaceDocuments } from '@volter/editor-core/workspace-available-documents';
-import { openWorkspaceDocuments } from '@volter/editor-core/workspace-document-registry';
+import { openWorkspaceDocuments } from '@volter/editor-sdk/kit/workspace-document-registry';
 
 export function authoringSurfaceCoverage(): CapabilityCoverageReport | null {
   const facet = projectAdapterFacet();

package/src/coverage/live-project-verbs.ts

@@ -38,7 +38,7 @@ import {
   type ProjectRootFact,
   type ProjectVerbFacts,
 } from '../host/coverage/project-verb-coverage';
-import { editorServerJson } from '@volter/editor-core/editor-server-response';
+import { editorServerJson } from '@volter/editor-sdk/kit/editor-server-response';
 import { getCurrentProject } from '@volter/editor-core/project-manager';
 
 /** What the server answers on `/__editor/project-verbs` — facts only. */

package/src/coverage/native-system-coverage.ts

@@ -35,7 +35,7 @@ import {
   deriveCapabilityCoverage,
 } from '../host/coverage/capability-coverage';
 import { measureNativeSystemAdapters } from '../host/coverage/system-adapter-coverage';
-import { liveCoverage } from '@volter/editor-core/live-session-registry';
+import { liveCoverage } from '@volter/editor-sdk/kit/live-session-registry';
 import { getCurrentProject } from '@volter/editor-core/project-manager';
 import { toolContributionPlay } from '@volter/editor-core/tool-contribution-play';
 import type { DeclaredSystemAbsence, Game } from '@volter/game-runtime/runtime/game';

package/src/coverage/session-coverage.ts

@@ -35,8 +35,8 @@ import {
   formatCapabilityCoverageBlocks,
   unionCoverageReport,
 } from '../host/coverage/capability-coverage';
-import { editorConsole } from '@volter/editor-core/editor-console';
-import { editorIsPlaying } from '@volter/editor-core/editor-session-mode';
+import { editorConsole } from '@volter/editor-sdk/kit/editor-console';
+import { editorIsPlaying } from '@volter/editor-sdk/kit/editor-session-mode';
 import { projectAdapterFacet } from '@volter/editor-core/project-adapter';
 import { getCurrentProject } from '@volter/editor-core/project-manager';
 import { authoringSurfaceCoverage } from './live-authoring-surface';

package/src/design-system-stories/InspectorNarrowBodies.stories.tsx

@@ -14,9 +14,6 @@
  *    subject wrapping them is synthetic (a live react/DOM subject needs a
  *    running document session + OID index, not constructible in a bounded
  *    story).
- *  - State machine — the REAL `XStateMachineInspector` over the REAL
- *    `characterAnimationMachine` fixture. Fully real; no live actor is needed
- *    (the static graph view is the design-time state).
  *  - Ingest coverage — the REAL `ingestCoverageSection(deriveCapabilityCoverage(…))`
  *    section, the exact one the Game Inspector composes.
  *  - Typed-three groups — a REAL composed subject: `AuthoringInspectorSurface`
@@ -31,20 +28,20 @@
 
 import { UNCAPTURED_REACH } from '../host/adapter-reach';
 import { SourceObject3DAuthoringAdapter } from '@volter/editor-core/authoring/source-object3d-authoring-adapter';
-import { faBrain, faPalette } from '@fortawesome/free-solid-svg-icons';
+import { faPalette } from '@fortawesome/free-solid-svg-icons';
 import type { Meta, StoryObj } from '@storybook/react';
 import { type ReactNode, useState } from 'react';
 import * as THREE from 'three';
 // Side-effect: registers the model-asset section contributions (Geometry,
 // Animation, Materials, Source) into the inspector-section registry.
 import '@volter/editor-core/authoring/model-asset-inspector-section';
-import { ingestCoverageSection } from '@volter/editor-core/components/CapabilityCoverageSection';
+import { ingestCoverageSection } from '@volter/editor-sdk/kit/CapabilityCoverageSection';
 import { InspectionProjectionView } from '@volter/editor-core/components/InspectionProjection';
 import { AuthoringInspectorSurface } from '@volter/editor-core/components/Inspector';
 import { deriveCapabilityCoverage } from '../host/coverage/capability-coverage';
 import { createAuthoringFixture } from '../host/design-system-stories/fixtures/authoring';
-import { StoryEditorRuntime } from '../host/design-system-stories/fixtures/editor-runtime';
-import type { InspectionSection, InspectionSubject } from '@volter/editor-core/inspection/model';
+import { StoryEditorRuntime, storyThreeStore } from '../host/design-system-stories/fixtures/editor-runtime';
+import type { InspectionSection, InspectionSubject } from '@volter/editor-sdk/kit/inspection-model';
 import {
   AlignmentGrid,
   type AlignmentValue,
@@ -65,8 +62,6 @@ import {
   uniformBorder,
   uniformRadius,
 } from '@volter/editor-sdk/widgets';
-import { characterAnimationMachine } from '../xstate/character-animation-machine.fixture';
-import { XStateMachineInspector } from '../xstate/XStateMachineInspector';
 
 /** The narrow column's target width. `overflow: hidden` so a body that was
  *  built wider than the rail SPILLS visibly instead of scrolling. */
@@ -208,28 +203,6 @@ const cssSubject = columnSubject({
   ],
 });
 
-// ---- State machine (real inspector + real fixture machine) ---------------
-
-const stateMachineSubject = columnSubject({
-  id: 'asset:character-animation',
-  title: 'Character Animation',
-  kindLabel: 'State machine',
-  sections: [
-    customSection(
-      'state-machine',
-      'State machine',
-      faBrain,
-      4000,
-      <div style={{ height: 300, minHeight: 0 }}>
-        <XStateMachineInspector
-          machine={characterAnimationMachine}
-          currentStateId="character-animation.idle"
-        />
-      </div>,
-    ),
-  ],
-});
-
 // ---- Ingest coverage (the real composed section) -------------------------
 
 const coverageReport = deriveCapabilityCoverage({
@@ -337,20 +310,7 @@ export const CssEditorsColumn: Story = {
   ),
 };
 
-/** (2) The real xstate machine inspector (static graph view). */
-export const StateMachineColumn: Story = {
-  render: () => (
-    <RailColumn>
-      <InspectionProjectionView
-        subject={stateMachineSubject}
-        presentation="column"
-        surface="asset-lab"
-      />
-    </RailColumn>
-  ),
-};
-
-/** (3) The real ingest coverage section. */
+/** (2) The real ingest coverage section. */
 export const IngestCoverageColumn: Story = {
   render: () => (
     <RailColumn>
@@ -359,7 +319,7 @@ export const IngestCoverageColumn: Story = {
   ),
 };
 
-/** (4) Typed-three grouped descriptor bodies — a real composed mesh subject
+/** (3) Typed-three grouped descriptor bodies — a real composed mesh subject
  *  (Material / Gameplay groups + loose fields). */
 export const TypedThreeGroupsColumn: Story = {
   render: () => {
@@ -369,7 +329,7 @@ export const TypedThreeGroupsColumn: Story = {
         {(runtime) => (
           <RailColumn>
             <AuthoringInspectorSurface
-              store={runtime.store}
+              store={storyThreeStore(runtime)}
               adapter={adapter}
               documentSelection={{ adapter, nodeId: 'player' }}
               presentation="column"
@@ -382,17 +342,17 @@ export const TypedThreeGroupsColumn: Story = {
   },
 };
 
-/** (5) Model-asset sections — a real composed subject (Geometry / Animation /
+/** (4) Model-asset sections — a real composed subject (Geometry / Animation /
  *  Materials / Source) from a hand-authored THREE scene. */
 export const ModelAssetColumn: Story = {
   render: () => (
     <StoryEditorRuntime>
       {(runtime) => {
-        const adapter = buildModelAdapter(runtime.store);
+        const adapter = buildModelAdapter(storyThreeStore(runtime));
         return (
           <RailColumn>
             <AuthoringInspectorSurface
-              store={runtime.store}
+              store={storyThreeStore(runtime)}
               adapter={adapter}
               documentSelection={{ adapter, nodeId: adapter.documentId }}
               presentation="column"

package/src/game-document/GameCaptureFrameButton.tsx

@@ -11,7 +11,7 @@
  * the button stays on this side of the line with the store and model it reads.
  */
 import { getInspectedRenderDebug } from '@volter/editor-core/authoring/active-systems';
-import { useAvailabilitySelector } from '@volter/editor-core/availability-tick';
+import { useAvailabilitySelector } from '@volter/editor-sdk/kit/availability-tick';
 import { deriveRenderDebugCapabilities } from '../host/components/frame-debugger-model';
 import { profilerView } from '../host/components/utility-view-state';
 import { Button } from '@volter/editor-sdk/widgets';