@operato/scene-storage 10.0.0-beta.32 → 10.0.0-beta.34

package/dist/templates/index.js

@@ -1,13 +1,20 @@
 /*
- * things-scene catalog templates for the storage domain — pallet/box/parcel
- * variants, ASRS rack/crane, ASRS aisle composite, and the virtual `spot` placement marker.
+ * things-scene catalog templates for the storage domain.
+ *
+ * Components:
+ *   - pallet / box / parcel — carriers
+ *   - rack — multi-level storage shelf (bays × levels)
+ *   - rack-table — bulk layout (rows × columns × shelves) helper
+ *   - crane — stacker picker (Mover + CarrierHolder + ContainerCapacity)
+ *   - mobile-rack — Mover(Rack), an AGV-mounted / cart-mounted moving rack
+ *   - spot — virtual placement marker
  */
 import spot from './spot.js';
 const pallet = new URL('../../icons/pallet.png', import.meta.url).href;
 const box = new URL('../../icons/box.png', import.meta.url).href;
 const parcel = new URL('../../icons/parcel.png', import.meta.url).href;
-const asrsRack = new URL('../../icons/asrs-rack.png', import.meta.url).href;
-const asrsCrane = new URL('../../icons/asrs-crane.png', import.meta.url).href;
+const rack = new URL('../../icons/storage-rack.png', import.meta.url).href;
+const crane = new URL('../../icons/crane.png', import.meta.url).href;
 export default [
     {
         type: 'pallet',
@@ -79,12 +86,12 @@ export default [
         }
     },
     {
-        type: 'asrs-rack',
-        description: 'AS/RS storage rack (multi-level)',
+        type: 'storage-rack',
+        description: 'storage rack — multi-level shelves',
         group: 'storage',
-        icon: asrsRack,
+        icon: rack,
         model: {
-            type: 'asrs-rack',
+            type: 'storage-rack',
             top: 300,
             left: 100,
             width: 800,
@@ -94,12 +101,32 @@ export default [
         }
     },
     {
-        type: 'asrs-crane',
-        description: 'AS/RS stacker crane',
+        type: 'rack-grid',
+        description: 'rack table — N×M rack layout + auto location IDs',
         group: 'storage',
-        icon: asrsCrane,
+        icon: rack,
         model: {
-            type: 'asrs-crane',
+            type: 'rack-grid',
+            top: 100,
+            left: 100,
+            width: 1200,
+            height: 600,
+            rows: 2,
+            columns: 4,
+            shelves: 4,
+            zone: 'A',
+            locPattern: '{z}{s}-{u}-{sh}',
+            sectionDigits: 2,
+            unitDigits: 2
+        }
+    },
+    {
+        type: 'crane',
+        description: 'stacker crane — picker actor',
+        group: 'storage',
+        icon: crane,
+        model: {
+            type: 'crane',
             top: 550,
             left: 400,
             width: 100,
@@ -108,11 +135,26 @@ export default [
             carriageHeight: 100
         }
     },
+    {
+        type: 'mobile-storage-rack',
+        description: 'mobile rack — Mover(Rack), AGV/cart-mounted',
+        group: 'storage',
+        icon: rack,
+        model: {
+            type: 'mobile-storage-rack',
+            top: 300,
+            left: 100,
+            width: 400,
+            height: 200,
+            levels: 3,
+            bays: 3
+        }
+    },
     {
         type: 'group',
-        description: 'AS/RS aisle — 4-level rack pair + stacker crane',
+        description: 'storage aisle — rack pair + crane',
         group: 'storage',
-        icon: asrsRack,
+        icon: rack,
         model: {
             type: 'group',
             top: 100,
@@ -121,7 +163,7 @@ export default [
             height: 220,
             components: [
                 {
-                    type: 'asrs-rack',
+                    type: 'storage-rack',
                     top: 100,
                     left: 100,
                     width: 800,
@@ -130,7 +172,7 @@ export default [
                     bays: 8
                 },
                 {
-                    type: 'asrs-crane',
+                    type: 'crane',
                     top: 140,
                     left: 420,
                     width: 60,
@@ -139,7 +181,7 @@ export default [
                     carriageHeight: 0
                 },
                 {
-                    type: 'asrs-rack',
+                    type: 'storage-rack',
                     top: 320,
                     left: 100,
                     width: 800,

package/dist/templates/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * things-scene catalog templates for the storage domain — pallet/box/parcel\n * variants, ASRS rack/crane, ASRS aisle composite, and the virtual `spot` placement marker.\n */\nimport spot from './spot.js'\nconst pallet = new URL('../../icons/pallet.png', import.meta.url).href\nconst box = new URL('../../icons/box.png', import.meta.url).href\nconst parcel = new URL('../../icons/parcel.png', import.meta.url).href\nconst asrsRack = new URL('../../icons/asrs-rack.png', import.meta.url).href\nconst asrsCrane = new URL('../../icons/asrs-crane.png', import.meta.url).href\n\nexport default [\n  {\n    type: 'pallet',\n    description: 'wood pallet (EUR / EPAL)',\n    group: 'storage',\n    icon: pallet,\n    model: {\n      type: 'pallet',\n      top: 100,\n      left: 100,\n      width: 80,\n      height: 80,\n      material: 'wood'\n    }\n  },\n  {\n    type: 'pallet',\n    description: 'plastic pallet',\n    group: 'storage',\n    icon: pallet,\n    model: {\n      type: 'pallet',\n      top: 100,\n      left: 250,\n      width: 80,\n      height: 80,\n      material: 'plastic'\n    }\n  },\n  {\n    type: 'box',\n    description: 'wood crate',\n    group: 'storage',\n    icon: box,\n    model: {\n      type: 'box',\n      top: 100,\n      left: 400,\n      width: 80,\n      height: 80,\n      material: 'wood'\n    }\n  },\n  {\n    type: 'box',\n    description: 'plastic tote',\n    group: 'storage',\n    icon: box,\n    model: {\n      type: 'box',\n      top: 100,\n      left: 520,\n      width: 80,\n      height: 80,\n      material: 'plastic'\n    }\n  },\n  {\n    type: 'parcel',\n    description: 'cardboard parcel',\n    group: 'storage',\n    icon: parcel,\n    model: {\n      type: 'parcel',\n      top: 100,\n      left: 640,\n      width: 60,\n      height: 80\n    }\n  },\n  {\n    type: 'asrs-rack',\n    description: 'AS/RS storage rack (multi-level)',\n    group: 'storage',\n    icon: asrsRack,\n    model: {\n      type: 'asrs-rack',\n      top: 300,\n      left: 100,\n      width: 800,\n      height: 200,\n      levels: 4,\n      bays: 5\n    }\n  },\n  {\n    type: 'asrs-crane',\n    description: 'AS/RS stacker crane',\n    group: 'storage',\n    icon: asrsCrane,\n    model: {\n      type: 'asrs-crane',\n      top: 550,\n      left: 400,\n      width: 100,\n      height: 200,\n      status: 'idle',\n      carriageHeight: 100\n    }\n  },\n  {\n    type: 'group',\n    description: 'AS/RS aisle — 4-level rack pair + stacker crane',\n    group: 'storage',\n    icon: asrsRack,\n    model: {\n      type: 'group',\n      top: 100,\n      left: 100,\n      width: 840,\n      height: 220,\n      components: [\n        {\n          type: 'asrs-rack',\n          top: 100,\n          left: 100,\n          width: 800,\n          height: 80,\n          levels: 4,\n          bays: 8\n        },\n        {\n          type: 'asrs-crane',\n          top: 140,\n          left: 420,\n          width: 60,\n          height: 220,\n          status: 'idle',\n          carriageHeight: 0\n        },\n        {\n          type: 'asrs-rack',\n          top: 320,\n          left: 100,\n          width: 800,\n          height: 80,\n          levels: 4,\n          bays: 8\n        }\n      ]\n    }\n  },\n  spot\n]\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * things-scene catalog templates for the storage domain.\n *\n * Components:\n *   - pallet / box / parcel — carriers\n *   - rack — multi-level storage shelf (bays × levels)\n *   - rack-table — bulk layout (rows × columns × shelves) helper\n *   - crane — stacker picker (Mover + CarrierHolder + ContainerCapacity)\n *   - mobile-rack — Mover(Rack), an AGV-mounted / cart-mounted moving rack\n *   - spot — virtual placement marker\n */\nimport spot from './spot.js'\nconst pallet = new URL('../../icons/pallet.png', import.meta.url).href\nconst box = new URL('../../icons/box.png', import.meta.url).href\nconst parcel = new URL('../../icons/parcel.png', import.meta.url).href\nconst rack = new URL('../../icons/storage-rack.png', import.meta.url).href\nconst crane = new URL('../../icons/crane.png', import.meta.url).href\n\nexport default [\n  {\n    type: 'pallet',\n    description: 'wood pallet (EUR / EPAL)',\n    group: 'storage',\n    icon: pallet,\n    model: {\n      type: 'pallet',\n      top: 100,\n      left: 100,\n      width: 80,\n      height: 80,\n      material: 'wood'\n    }\n  },\n  {\n    type: 'pallet',\n    description: 'plastic pallet',\n    group: 'storage',\n    icon: pallet,\n    model: {\n      type: 'pallet',\n      top: 100,\n      left: 250,\n      width: 80,\n      height: 80,\n      material: 'plastic'\n    }\n  },\n  {\n    type: 'box',\n    description: 'wood crate',\n    group: 'storage',\n    icon: box,\n    model: {\n      type: 'box',\n      top: 100,\n      left: 400,\n      width: 80,\n      height: 80,\n      material: 'wood'\n    }\n  },\n  {\n    type: 'box',\n    description: 'plastic tote',\n    group: 'storage',\n    icon: box,\n    model: {\n      type: 'box',\n      top: 100,\n      left: 520,\n      width: 80,\n      height: 80,\n      material: 'plastic'\n    }\n  },\n  {\n    type: 'parcel',\n    description: 'cardboard parcel',\n    group: 'storage',\n    icon: parcel,\n    model: {\n      type: 'parcel',\n      top: 100,\n      left: 640,\n      width: 60,\n      height: 80\n    }\n  },\n  {\n    type: 'storage-rack',\n    description: 'storage rack — multi-level shelves',\n    group: 'storage',\n    icon: rack,\n    model: {\n      type: 'storage-rack',\n      top: 300,\n      left: 100,\n      width: 800,\n      height: 200,\n      levels: 4,\n      bays: 5\n    }\n  },\n  {\n    type: 'rack-grid',\n    description: 'rack table — N×M rack layout + auto location IDs',\n    group: 'storage',\n    icon: rack,\n    model: {\n      type: 'rack-grid',\n      top: 100,\n      left: 100,\n      width: 1200,\n      height: 600,\n      rows: 2,\n      columns: 4,\n      shelves: 4,\n      zone: 'A',\n      locPattern: '{z}{s}-{u}-{sh}',\n      sectionDigits: 2,\n      unitDigits: 2\n    }\n  },\n  {\n    type: 'crane',\n    description: 'stacker crane — picker actor',\n    group: 'storage',\n    icon: crane,\n    model: {\n      type: 'crane',\n      top: 550,\n      left: 400,\n      width: 100,\n      height: 200,\n      status: 'idle',\n      carriageHeight: 100\n    }\n  },\n  {\n    type: 'mobile-storage-rack',\n    description: 'mobile rack — Mover(Rack), AGV/cart-mounted',\n    group: 'storage',\n    icon: rack,\n    model: {\n      type: 'mobile-storage-rack',\n      top: 300,\n      left: 100,\n      width: 400,\n      height: 200,\n      levels: 3,\n      bays: 3\n    }\n  },\n  {\n    type: 'group',\n    description: 'storage aisle — rack pair + crane',\n    group: 'storage',\n    icon: rack,\n    model: {\n      type: 'group',\n      top: 100,\n      left: 100,\n      width: 840,\n      height: 220,\n      components: [\n        {\n          type: 'storage-rack',\n          top: 100,\n          left: 100,\n          width: 800,\n          height: 80,\n          levels: 4,\n          bays: 8\n        },\n        {\n          type: 'crane',\n          top: 140,\n          left: 420,\n          width: 60,\n          height: 220,\n          status: 'idle',\n          carriageHeight: 0\n        },\n        {\n          type: 'storage-rack',\n          top: 320,\n          left: 100,\n          width: 800,\n          height: 80,\n          levels: 4,\n          bays: 8\n        }\n      ]\n    }\n  },\n  spot\n]\n"]}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@operato/scene-storage",
   "description": "Storage-domain components for things-scene (smart factory / logistics) — pallet, box, parcel; AS/RS and shelves planned.",
   "author": "heartyoh",
-  "version": "10.0.0-beta.32",
+  "version": "10.0.0-beta.34",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -26,7 +26,7 @@
   },
   "dependencies": {
     "@hatiolab/things-scene": "^10.0.0-beta.1",
-    "@operato/scene-base": "^10.0.0-beta.32",
+    "@operato/scene-base": "^10.0.0-beta.33",
     "three": "^0.183.0"
   },
   "devDependencies": {
@@ -45,5 +45,5 @@
     "typescript": "^5.0.4"
   },
   "prettier": "@hatiolab/prettier-config",
-  "gitHead": "9c9fec2b993ccda805cdd53fe11e15fb4b71254e"
+  "gitHead": "07e3c36c043a6225ea2686dee96357a605f0812f"
 }

package/src/crane-3d.ts

@@ -0,0 +1,273 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ *
+ * Crane 3D — heavy-duty pallet AS/RS stacker crane (twin-mast).
+ *
+ * Axis convention (things-scene 3D):
+ *   +X = aisle 진행 방향 (Crane 좌우 이동, *옆으로 길게* 축)
+ *   +Y = 수직 (Crane 키, carriage 상하 이동)
+ *   +Z = aisle 폭 방향 (Rack cell 쪽 / fork 신축 방향)
+ *
+ * **스케일 룰**:
+ *   - 모든 가로(X,Z) dimension 과 Y 두께 → 2D footprint (state.width, state.height) 비례
+ *   - Mast Y 길이만 → state.depth 사용 (수직 키)
+ *   - Y 두께는 절대 depth (크레인 키) 에 비례 안 함 → 키워도 뭉치 안 두꺼워짐
+ *   - mm/cm/scene-unit 무관 — 사용자의 footprint 스케일에 자동 맞춤
+ *
+ * 부품:
+ *   [Ceiling rail]
+ *   [Top guide trolley] — 천장 rail 위
+ *   [Top frame]         — 두 mast 상부 연결
+ *   [Mast L][Mast R]    — twin yellow column (X 축으로 떨어져 있음)
+ *   [Carriage]          — 두 mast 사이 가로 frame (carriageHeight 로 상하)
+ *      └── [Two forks]  — carriage 에서 ±Z 신축 (forkExtension)
+ *   [Base trolley]      — 바닥 motor housing (X 길게)
+ *      └── [Cabinet]    — base 한쪽 red 컨트롤박스
+ *      └── [Status lamp]
+ *   [Floor rail]
+ *
+ * Actuators (state):
+ *   carriageHeight, forkExtension (±), forkLift
+ */
+
+import * as THREE from 'three'
+import { RealObjectGroup } from '@hatiolab/things-scene'
+
+const MAST_COLOR = 0xff7a00          // mast — orange
+const TROLLEY_COLOR = 0x3a4048       // base / top — dark charcoal
+const CARRIAGE_COLOR = 0xffcc00      // carriage (shuttle) — yellow
+const CONTROLLER_COLOR = 0xc63333    // cabinet — red
+const FORK_COLOR = 0xffcc00          // fork — yellow (same as carriage)
+const RAIL_COLOR = 0x1a1f24          // rail — dark steel
+const LAMP_OFF = 0x222222
+
+export class Crane3D extends RealObjectGroup {
+  private _forkGroup?: THREE.Group
+  private _forkTopY: number = 0
+  private _bladeMidZ: number = 0
+
+  build() {
+    super.build()
+
+    this._forkGroup = undefined
+    this._forkTopY = 0
+    this._bladeMidZ = 0
+
+    const { width, height, depth } = this.component.state
+    const emissiveColor = (this.component.state.lampEmissive as string) || '#222222'
+    const status = this.component.state.status
+    const lampOn = status && status !== 'idle'
+
+    // Actuators
+    const D = numOr(depth, Math.max(width, height) * 4)
+    const carriageRaw = numOr((this.component.state as any).carriageHeight, D * 0.4)
+    const carriageHeight = Math.max(0, Math.min(carriageRaw, D * 0.85))
+
+    const forkLength = numOr((this.component.state as any).forkLength, height * 0.6)
+    const forkExtensionRaw = numOr((this.component.state as any).forkExtension, 0)
+    const forkExtension = Math.max(-forkLength, Math.min(forkLength, forkExtensionRaw))
+    const forkLift = numOr((this.component.state as any).forkLift, 0)
+
+    // ── Axis convention (FIXED): ─────────────────────────────────────
+    //   Rail = X (state.left = 2D X = 3D X). Crane 좌우 이동.
+    //   Fork = Z (2D Y = 3D Z). Fork 앞뒤 신축.
+    //   사용자: "포크는 앞뒤로, 크레인 본체는 좌우로."
+    //   width  = rail-direction 풋프린트 (좁음)
+    //   height = cross-aisle (fork 방향) 풋프린트 (깊음, fork 가 cell 까지 닿는 거리)
+    const S = Math.min(width, height)
+    const railH = S * 0.04
+    const baseH = S * 0.18
+    const topFrameH = S * 0.1
+    const topGuideH = S * 0.1
+    const carriageH = S * 0.12
+    const mastW = width * 0.1                       // mast X 단면 (along rail)
+    const mastD = height * 0.25                     // mast Z 단면 (cross-rail)
+    const mastSpacing = width * 0.7                 // 두 mast X 간격
+    const bladeW = S * 0.1
+    const bladeH = S * 0.05
+    const bladeL = forkLength
+    const bladeSpacing = mastSpacing * 0.45
+    const carriageW = mastSpacing - mastW * 0.2
+    const carriageZ = height * 0.55
+    const cabW = S * 0.4
+    const cabH = S * 0.4
+    const cabD = S * 0.3
+
+    const baseY = -D / 2
+    const mastH = Math.max(D - railH * 2 - baseH - topFrameH - topGuideH, S * 0.5)
+
+    // ── Materials ─────────────────────────────────────────────────────
+    const mastMat = new THREE.MeshStandardMaterial({ color: MAST_COLOR, metalness: 0.3, roughness: 0.5 })
+    const trolleyMat = new THREE.MeshStandardMaterial({ color: TROLLEY_COLOR, metalness: 0.6, roughness: 0.5 })
+    const carriageMat = new THREE.MeshStandardMaterial({ color: CARRIAGE_COLOR, metalness: 0.85, roughness: 0.35 })
+    const cabinetMat = new THREE.MeshStandardMaterial({ color: CONTROLLER_COLOR, metalness: 0.2, roughness: 0.6 })
+    const forkMat = new THREE.MeshStandardMaterial({ color: FORK_COLOR, metalness: 0.85, roughness: 0.3 })
+    const railMat = new THREE.MeshStandardMaterial({ color: RAIL_COLOR, metalness: 0.9, roughness: 0.3 })
+
+    // ── Floor rail ────────────────────────────────────────────────────
+    {
+      const geo = new THREE.BoxGeometry(width * 1.1, railH, height * 0.35)
+      const mesh = new THREE.Mesh(geo, railMat)
+      mesh.position.set(0, baseY + railH / 2, 0)
+      mesh.receiveShadow = true
+      this.object3d.add(mesh)
+    }
+
+    // ── Base trolley ──────────────────────────────────────────────────
+    const baseTrolleyY = baseY + railH + baseH / 2
+    {
+      const geo = new THREE.BoxGeometry(width * 0.95, baseH, height * 0.7)
+      const mesh = new THREE.Mesh(geo, trolleyMat)
+      mesh.position.set(0, baseTrolleyY, 0)
+      mesh.castShadow = true
+      mesh.receiveShadow = true
+      this.object3d.add(mesh)
+    }
+
+    // ── Control cabinet on one side of base ───────────────────────────
+    {
+      const geo = new THREE.BoxGeometry(cabW, cabH, cabD)
+      const cab = new THREE.Mesh(geo, cabinetMat)
+      cab.position.set(
+        -width * 0.4 + cabW / 2,
+        baseTrolleyY + baseH / 2 + cabH / 2,
+        -height * 0.25 + cabD / 2
+      )
+      cab.castShadow = true
+      this.object3d.add(cab)
+    }
+
+    // ── Status lamp ───────────────────────────────────────────────────
+    {
+      const lampR = S * 0.04
+      const lampH = S * 0.1
+      const lampMat = new THREE.MeshStandardMaterial({
+        color: lampOn ? emissiveColor : LAMP_OFF,
+        emissive: lampOn ? emissiveColor : LAMP_OFF,
+        emissiveIntensity: lampOn ? 1.5 : 0.2,
+        metalness: 0,
+        roughness: 0.3
+      })
+      const geo = new THREE.CylinderGeometry(lampR, lampR * 0.8, lampH, 12)
+      const lamp = new THREE.Mesh(geo, lampMat)
+      lamp.position.set(width * 0.4, baseTrolleyY + baseH / 2 + lampH / 2, 0)
+      this.object3d.add(lamp)
+    }
+
+    // ── Twin masts ────────────────────────────────────────────────────
+    const mastY = baseTrolleyY + baseH / 2 + mastH / 2
+    for (const xOff of [-mastSpacing / 2, +mastSpacing / 2]) {
+      const geo = new THREE.BoxGeometry(mastW, mastH, mastD)
+      const mesh = new THREE.Mesh(geo, mastMat)
+      mesh.position.set(xOff, mastY, 0)
+      mesh.castShadow = true
+      mesh.receiveShadow = true
+      this.object3d.add(mesh)
+    }
+
+    // ── Carriage (between masts) ──────────────────────────────────────
+    const carriageY = baseTrolleyY + baseH / 2 + carriageHeight + carriageH / 2
+    {
+      const geo = new THREE.BoxGeometry(carriageW, carriageH, carriageZ)
+      const mesh = new THREE.Mesh(geo, carriageMat)
+      mesh.position.set(0, carriageY, 0)
+      mesh.castShadow = true
+      mesh.receiveShadow = true
+      this.object3d.add(mesh)
+    }
+
+    // ── Two-prong forks (telescopic ±Z) ───────────────────────────────
+    // forkExtension 부호: + = +Z, - = -Z. forkExtension=0 일 때 blade 중심이 carriage 안쪽
+    // (= retracted, blade tip 이 carriage 앞면 근처).
+    const forkSign = forkExtension >= 0 ? 1 : -1
+    const forkBaseZ = forkSign * (carriageZ / 2 - bladeL / 2 + Math.abs(forkExtension))
+    const forkY = carriageY + forkLift - bladeH / 2
+    {
+      const group = new THREE.Group()
+      group.position.set(0, forkY, forkBaseZ)
+      // forkSign 으로 blade tip 방향 설정
+      group.rotation.y = forkSign < 0 ? Math.PI : 0
+
+      for (const xOff of [-bladeSpacing / 2, +bladeSpacing / 2]) {
+        const geo = new THREE.BoxGeometry(bladeW, bladeH, bladeL)
+        const mesh = new THREE.Mesh(geo, forkMat)
+        mesh.position.set(xOff, 0, 0)
+        mesh.castShadow = true
+        mesh.receiveShadow = true
+        group.add(mesh)
+      }
+
+      this.object3d.add(group)
+      this._forkGroup = group
+      this._forkTopY = bladeH / 2
+      this._bladeMidZ = 0
+    }
+
+    // ── Top frame (connects mast tops) ────────────────────────────────
+    const topFrameY = mastY + mastH / 2 + topFrameH / 2
+    {
+      const geo = new THREE.BoxGeometry(mastSpacing + mastW, topFrameH, height * 0.35)
+      const mesh = new THREE.Mesh(geo, trolleyMat)
+      mesh.position.set(0, topFrameY, 0)
+      mesh.castShadow = true
+      this.object3d.add(mesh)
+    }
+
+    // ── Top guide trolley ─────────────────────────────────────────────
+    const topGuideY = topFrameY + topFrameH / 2 + topGuideH / 2
+    {
+      const geo = new THREE.BoxGeometry(mastSpacing + mastW * 2, topGuideH, height * 0.3)
+      const mesh = new THREE.Mesh(geo, trolleyMat)
+      mesh.position.set(0, topGuideY, 0)
+      mesh.castShadow = true
+      this.object3d.add(mesh)
+    }
+
+    // ── Ceiling rail ──────────────────────────────────────────────────
+    {
+      const geo = new THREE.BoxGeometry(width * 1.1, railH, height * 0.3)
+      const mesh = new THREE.Mesh(geo, railMat)
+      mesh.position.set(0, topGuideY + topGuideH / 2 + railH / 2, 0)
+      this.object3d.add(mesh)
+    }
+  }
+
+  getCarriageFrame(): THREE.Object3D | undefined {
+    return this._forkGroup ?? this.object3d
+  }
+
+  get platformTopY(): number {
+    return this._forkTopY
+  }
+
+  get bladeMidZ(): number {
+    return this._bladeMidZ
+  }
+
+  updateDimension() {}
+
+  onchange(after: Record<string, unknown>, before: Record<string, unknown>) {
+    if (
+      'width' in after ||
+      'height' in after ||
+      'depth' in after ||
+      'carriageHeight' in after ||
+      'forkLength' in after ||
+      'forkExtension' in after ||
+      'forkLift' in after ||
+      'status' in after ||
+      'bodyColor' in after ||
+      'lampEmissive' in after
+    ) {
+      this.update()
+      return
+    }
+    super.onchange(after, before)
+  }
+
+  updateAlpha() {}
+}
+
+function numOr(v: unknown, dflt: number): number {
+  return typeof v === 'number' && Number.isFinite(v) ? v : dflt
+}