@operato/scene-storage 10.0.0-beta.48 → 10.0.0-beta.53

package/src/storage-rack.ts

@@ -9,7 +9,9 @@ import {
   CellMap,
   CarrierHolder,
   Placeable,
+  RecordStorage,
   SlotTarget,
+  componentBoundingBox,
   type AttachFrame,
   type Alignment,
   type Heights,
@@ -19,6 +21,7 @@ import {
 } from '@operato/scene-base'
 
 import { StorageRack3D } from './storage-rack-3d.js'
+import { rackAcceptsMoverTool } from './rack-capability.js'
 
 /** Rack 컴포넌트 state */
 export interface StorageRackState extends State {
@@ -164,7 +167,9 @@ function _nextCarrierRefid(): number {
  */
 @sceneComponent('storage-rack')
 export default class Rack
-  extends CellContainer(CarrierHolder(Placeable(ContainerAbstract)))
+  extends RecordStorage<{ cellId: string; [key: string]: any }>()(
+    CellContainer(CarrierHolder(Placeable(ContainerAbstract)))
+  )
   implements SlottedHolder
 {
   declare state: StorageRackState
@@ -173,19 +178,40 @@ export default class Rack
   static align: Alignment = 'bottom'
   static defaultDepth = (h: Heights) => h.ceiling - h.floor
 
+  // ── RecordStorage mixin hook overrides ────────────────────────────────
+  // record.cellId 가 slotId (mixin default 의 r.id 가 아닌 r.cellId).
+  _recordToSlotId(record: { cellId: string }): string {
+    return record.cellId ?? ''
+  }
+  // 3D rebuild 가 _realObject.rebuildStockMesh (mixin default 와 동일이지만 명시).
+  _rebuildVisual(): void {
+    ;(this._realObject as any)?.rebuildStockMesh?.()
+  }
+
   // Phase Auto-Nav (AN-PR-2) — Obstacle 자격.
   get isObstacle(): boolean {
     return (this.state as any)?.isObstacle !== false
   }
   obstacleBoundingBox(): { left: number; top: number; width: number; height: number; y?: number; zHeight?: number } | null {
-    const s: any = this.state
-    if (typeof s?.left !== 'number') return null
-    return {
-      left: s.left, top: s.top,
-      width: s.width, height: s.height,
-      y: typeof s.zPos === 'number' ? s.zPos : 0,
-      zHeight: typeof s.depth === 'number' ? s.depth : 0
-    }
+    // scene-base 의 componentBoundingBox 위임 — rotation 적용된 AABB.
+    return componentBoundingBox(this)
+  }
+
+  /**
+   * 이 rack 에 *_놓으려는 mover_* 의 능력을 수용하는가. canAccept(carrier) 는 carrier
+   * 타입만 보지만, 이건 *_적재 mover 의 물리 능력_* 을 본다.
+   *
+   * rack 선반 적재는 *_높이 도달_* mover (crane / stacker / forklift) 의 몫이다.
+   * 평탄 데크 차량(agv-deck)은 바닥 운반 전용 — 선반에 직접 못 올린다. 따라서
+   * agv-deck 류는 거부 → transfer planner 가 자동으로 in-port 경유(환승)를 택한다.
+   *
+   * 거부 목록은 state.blockedTools 로 override (default ['agv-deck']). 향후 선반
+   * 높이(level) vs mover liftHeight 비교로 정교화 가능.
+   */
+  canAcceptFromMover(mover: any): boolean {
+    const toolType = mover?.toolType ?? mover?.state?.toolType
+    const blocked = (this.state as any)?.blockedTools ?? ['agv-deck']
+    return rackAcceptsMoverTool(toolType, blocked)
   }
 
   get nature() {
@@ -309,10 +335,7 @@ export default class Rack
   //   - Place: await crane.place(c, destRack.slotTargetAt('B-0-0'))
   //            SlotTarget.receive → destRack.receiveAt → c dispose + record push
 
-  /** state.data 의 record 목록 (읽기 전용 뷰). */
-  get records(): ReadonlyArray<{ cellId: string; [key: string]: any }> {
-    return (this.state.data as any) ?? []
-  }
+  // `records` getter — RecordStorage mixin 제공.
 
   /**
    * 1-based (bay, row, level) → 0-based cellId 문자열.
@@ -409,7 +432,7 @@ export default class Rack
   /** cellId 에 carrier 가 있는가 — child carrier 또는 state.data record 어느 쪽이든. */
   hasCarrierAt(cellId: string): boolean {
     if (this._carrierChildAt(cellId)) return true
-    return this.records.some(r => r.cellId === cellId)
+    return this.records.some((r: any) => r.cellId === cellId)
   }
 
   /** cellId 매칭되는 rack 의 직접 자식 carrier (operation archetype). */
@@ -507,25 +530,8 @@ export default class Rack
     return carrier
   }
 
-  /**
-   * State.data 의 *internal* 갱신 — Plan A 의 obtainCarrier / receiveAt 가 사용.
-   * `setState` 와 달리 *'change' 이벤트 / onchangeData / mapping cascade 를 우회*.
-   *
-   * 이유: mapping 시스템이 state.data 변경 시 *자동으로 script fire*. Plan A 의
-   * setState 가 그 cascade 를 트리거하면 사용자 script 가 *재귀적으로 자기 자신을 호출*
-   * 하는 회귀 (board 의 의도된 binding 일 수도, 우연일 수도) 발생.
-   *
-   * 대신 *직접 _state 갱신 + rebuildStockMesh 직접 호출* — 시각화는 갱신되지만 외부
-   * mapping 은 fire 안 됨. External (WMS / application setState) 호출은 그대로 setState
-   * 거치므로 그쪽 mapping 은 정상 동작.
-   */
-  private _setDataSilently(newData: any[]): void {
-    const self = this as any
-    if (!self._state) self._state = {}
-    self._state.data = newData
-    self._cachedState = null   // state getter 가 다음 read 때 fresh build
-    ;(this._realObject as any)?.rebuildStockMesh?.()
-  }
+  // _setDataSilently — RecordStorage mixin 제공 (_rebuildVisual hook 통해
+  // rebuildStockMesh 호출). 동등 동작 + cachedState invalidate.
 
   /**
    * cell 이 carrier 를 받을 수 있는가.
@@ -802,88 +808,7 @@ export default class Rack
     ;(this._realObject as any)?.rebuildStockMesh?.()
   }
 
-  // ── Legend — record 의 field 값 → 색상 매핑 ────────────────────────────────
-
-  private _legendTarget?: Component
-
-  /**
-   * Legend 컴포넌트 lookup. 우선순위:
-   *  1) state.legendTarget id 명시
-   *  2) scene 전체에서 `type='legend'` 첫 번째 컴포넌트 (자동 발견)
-   */
-  get legendTarget(): Component | undefined {
-    if (this._legendTarget) return this._legendTarget
-
-    const id = this.state.legendTarget
-    if (id) {
-      const found = (this.root as any)?.findById?.(id) as Component | undefined
-      if (found) {
-        this._legendTarget = found
-        ;(found as any).on?.('change', this._onLegendChanged, this)
-        return found
-      }
-    }
-
-    // scene-wide auto-discovery
-    const visit = (node: any): Component | undefined => {
-      if (!node) return undefined
-      if (node.state?.type === 'legend') return node as Component
-      const children = node.components as Component[] | undefined
-      if (children) {
-        for (const c of children) {
-          const r = visit(c)
-          if (r) return r
-        }
-      }
-      return undefined
-    }
-    const found = visit(this.root)
-    if (found) {
-      this._legendTarget = found
-      ;(found as any).on?.('change', this._onLegendChanged, this)
-    }
-    return found
-  }
-
-  private _onLegendChanged = (): void => {
-    ;(this._realObject as any)?.rebuildStockMesh?.()
-  }
-
-  /**
-   * record 의 legend.field 값을 ranges 와 매칭해 색상 해석.
-   *   - `range.value === recordValue` (카테고리 일치)
-   *   - `range.min ≤ Number(v) < range.max` (수치 범위)
-   *   - 매칭 없으면 `defaultColor` 또는 undefined
-   */
-  resolveLegendColor(record: any): string | undefined {
-    const legend = this.legendTarget
-    if (!legend) return undefined
-    const status: any = (legend as any).getState?.('status') ?? (legend.state as any)?.status
-    if (!status) return undefined
-
-    const field = status.field as string | undefined
-    const ranges = status.ranges as any[] | undefined
-    if (!field || !Array.isArray(ranges)) return undefined
-
-    const value = record?.[field]
-    if (value === undefined || value === null) return status.defaultColor
-
-    for (const range of ranges) {
-      if (!range) continue
-      if (range.value !== undefined) {
-        if (range.value === value) return range.color
-        continue
-      }
-      const num = Number(value)
-      if (!Number.isFinite(num)) continue
-      const min = range.min !== undefined && range.min !== '' ? Number(range.min) : undefined
-      const max = range.max !== undefined && range.max !== '' ? Number(range.max) : undefined
-      const minOk = min === undefined || num >= min
-      const maxOk = max === undefined || num < max
-      if (minOk && maxOk) return range.color
-    }
-    return status.defaultColor as string | undefined
-  }
+  // legendTarget / _onLegendChanged / resolveLegendColor — RecordStorage mixin 제공.
 
   // ── Click event — rack-cell-click 발사 ────────────────────────────────────
   //
@@ -951,30 +876,10 @@ export default class Rack
     this.trigger('rack-cell-click', payload)
 
     // Popup 호출 — 일반 mechanism (Popup 컴포넌트) 활용, anchor 만 클릭된 cell 로 override.
-    this._invokePopup(cellId, record)
+    if (cellId) this._invokePopup(cellId, record ?? { cellId })
   }
 
-  /**
-   * state.popupRef 가 가리키는 Popup 컴포넌트를 invoke. anchor 를 SlotTarget 으로
-   * 지정 — SlotTarget._realObject.object3d 가 cellId 위치의 anchor object3d 를
-   * 가리켜 tether / projectToScreen 정확.
-   *
-   * - popupRef 미설정 → no-op (event 만 발사된 상태로 남음)
-   * - 다른 cell 클릭 시 popup 이 새 anchor 로 "이동" (Popup 의 board 등 설정 유지)
-   * - frame/empty 영역 클릭 시 호출 안 됨 → popup 그대로 유지
-   * - 명시적 close 버튼은 popup 자체의 closable 옵션이 처리
-   */
-  private _invokePopup(cellId: string | undefined, record: any): void {
-    const popupRefId = this.state.popupRef
-    if (!popupRefId || !cellId) return
-    const popupComp: any = (this.root as any)?.findById?.(popupRefId)
-    if (!popupComp || typeof popupComp.openPopup !== 'function') {
-      console.warn(`[storage-rack] popupRef="${popupRefId}" 가 가리키는 컴포넌트 없거나 openPopup 미지원`)
-      return
-    }
-    const anchor = this.slotTargetAt(cellId)
-    popupComp.openPopup(record ?? { cellId }, { anchor })
-  }
+  // _invokePopup — RecordStorage mixin 제공 (cellId=slotId, record=payload).
 
   /**
    * 클릭 시 framework 의 mouse NDC (이미 InteractionManager 가 set 한 상태) 를 재사용해
@@ -1074,6 +979,46 @@ export default class Rack
     return `${bayIdx}-${rowIdx}-${levelIdx}`
   }
 
+  /**
+   * Cell-precise approach point — mover 가 *_cell 정면 외부 stand-off_* 까지만.
+   *
+   * cellId format: `${bay - 1}-${row - 1}-${level - 1}` (0-based).
+   *
+   * **사용자 의도**: rack 은 *_전면_* 만 포크질 가능. front face = state.top 쪽
+   * (작은 z, 3D 의 -Z forward). back face 사용 금지 — forklift 가 rack 후면에
+   * 정차하는 동작은 잘못. navigation 의 obstacle avoidance 가 rack 우회 path 계산.
+   *
+   * forkLen — fork blade tip 부터 mover center 까지 거리. mover 가 그 거리만큼
+   * cell face 앞에서 정차 → 정확히 fork blade 가 cell face 정렬.
+   *
+   * (rotation 지원 V11 — 현재 axis-aligned rack 만, facing default = top.)
+   */
+  slotApproachWorldPosition(
+    slotId: string,
+    _fromPos?: { x: number; y: number; z: number }
+  ): { x: number; y: number; z: number } {
+    const parts = slotId.split('-')
+    const s: any = this.state
+    const left = s?.left ?? 0
+    const top = s?.top ?? 0
+    const width = s?.width ?? 0
+
+    if (parts.length !== 3) {
+      // fallback — front face center
+      return { x: left + width / 2, y: 0, z: top - (s.depth ?? 100) * 0.5 }
+    }
+    const col = Number(parts[0])
+    const bays = Math.max(1, Math.floor((s.bays as number) ?? 5))
+
+    const cellX = left + (col + 0.5) * (width / bays)
+
+    // fork 진입 거리 — rack.depth 의 절반 (mover 정차 점이 fork blade 가 cell 정면에
+    // 정렬되는 거리). _fromPos 무시 — *_항상 front face_* (사용자 의도: 전면만 포크질).
+    const forkLen = (s.depth ?? 100) * 0.5
+
+    return { x: cellX, y: 0, z: top - forkLen }
+  }
+
   // ── 3D ───────────────────────────────────────────────────────────────────
 
   buildRealObject(): RealObject | undefined {

package/src/templates/index.ts

@@ -10,6 +10,9 @@
  *   - spot — virtual placement marker
  */
 import spot from './spot.js'
+import stockpile from './stockpile.js'
+import stockpileGrid from './stockpile-grid.js'
+import pickingStation from './picking-station.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
@@ -196,5 +199,8 @@ export default [
       ]
     }
   },
-  spot
+  spot,
+  stockpile,
+  stockpileGrid,
+  pickingStation
 ]

package/src/templates/picking-station.ts

@@ -0,0 +1,23 @@
+// Reuse parcel.png as a placeholder icon until a dedicated picking-station icon is drawn.
+const icon = new URL('../../icons/parcel.png', import.meta.url).href
+
+export default {
+  type: 'picking-station',
+  description:
+    'work station — carrier stays for processingTimeMs then becomes idle. anchors AMR↔human handoff',
+  group: 'storage',
+  icon,
+  model: {
+    type: 'picking-station',
+    top: 200,
+    left: 400,
+    width: 120,
+    height: 100,
+    depth: 60,
+    rotation: 0,
+    fillStyle: '#5a8ab8',
+    strokeStyle: '#3d6a8f',
+    processingTimeMs: 3000,
+    status: 'idle'
+  }
+}

package/src/templates/stockpile-grid.ts

@@ -0,0 +1,39 @@
+// Reuse parcel.png as a placeholder icon until a dedicated stockpile-grid icon is drawn.
+const icon = new URL('../../icons/parcel.png', import.meta.url).href
+
+export default {
+  type: 'stockpile-grid',
+  description:
+    'grid of block/floor storage cells — each cell is a stockpile with its own records, capacity, and preset override',
+  group: 'storage',
+  icon,
+  model: {
+    type: 'stockpile-grid',
+    top: 200,
+    left: 400,
+    width: 300,
+    height: 200,
+    depth: 5,
+    rotation: 0,
+    fillStyle: '#c89c5c',
+    strokeStyle: '#7a5a2e',
+    cols: 3,
+    rows: 2,
+    cellWidth: 100,
+    cellHeight: 100,
+    stackPattern: 'row',
+    carrierPreset: 'box',
+    carrierWidth: 30,
+    carrierHeight: 30,
+    carrierDepth: 22,
+    carrierGap: 10,
+    capacity: 20,
+    pickPolicy: 'lifo',
+    // 데모 — 일부 cell 에 records 미리 채워서 끌어 놓자 마자 적치 보이게.
+    data: [
+      { col: 0, row: 0, data: [{ id: 'a1' }, { id: 'a2' }] },
+      { col: 1, row: 0, data: [{ id: 'b1' }, { id: 'b2' }, { id: 'b3' }] },
+      { col: 2, row: 1, data: [{ id: 'c1' }] }
+    ]
+  }
+}

package/src/templates/stockpile.ts

@@ -0,0 +1,32 @@
+// Reuse parcel.png as a placeholder icon until a dedicated stockpile icon is drawn.
+const icon = new URL('../../icons/parcel.png', import.meta.url).href
+
+export default {
+  type: 'stockpile',
+  description:
+    'block/floor storage — rectangular footprint with auto-stacked virtual carriers (stackPattern × carrierPreset) driven by state.data records',
+  group: 'storage' /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|3D|facility|storage|conveyance|transport|manufacturing|form|etc */,
+  icon,
+  model: {
+    type: 'stockpile',
+    top: 200,
+    left: 400,
+    width: 200,
+    height: 150,
+    depth: 5,
+    rotation: 0,
+    fillStyle: '#c89c5c',
+    // 바닥 페인트 라인 의도 — fillStyle 보다 진한 색으로 영역 마킹이 눈에 띄게.
+    strokeStyle: '#7a5a2e',
+    stackPattern: 'row',
+    carrierPreset: 'box',
+    carrierWidth: 30,
+    carrierHeight: 30,
+    carrierDepth: 22,
+    carrierGap: 10,
+    capacity: 30,
+    pickPolicy: 'lifo',
+    // 데모용 — 새로 끌어다 놓았을 때 적치된 모습이 즉시 보이도록 record 몇 개.
+    data: [{ id: 'p-1' }, { id: 'p-2' }, { id: 'p-3' }]
+  }
+}

package/test/test-rack-capability.ts

@@ -0,0 +1,51 @@
+/*
+ * Rack 적재 mover 능력 판정 — rackAcceptsMoverTool 순수 로직 검증.
+ *
+ * storage-rack.canAcceptFromMover 가 이 함수에 위임. "AMR(agv-deck)은 rack 선반
+ * 직접 적재 불가 → 거부" 가 정확히 동작해야 transfer planner 가 in-port 경유를
+ * 자동 선택한다 (텔레포트 방지의 핵심).
+ */
+
+import 'should'
+import { rackAcceptsMoverTool } from '../src/rack-capability.js'
+
+describe('rackAcceptsMoverTool — 적재 mover 능력 게이트', () => {
+  it('★ agv-deck (AMR) 거부 — 평탄데크는 선반 직접 적재 불가 ★', () => {
+    rackAcceptsMoverTool('agv-deck').should.be.false()
+  })
+
+  it('gripper (crane) 허용', () => {
+    rackAcceptsMoverTool('gripper').should.be.true()
+  })
+
+  it('forklift-fork (지게차) 허용', () => {
+    rackAcceptsMoverTool('forklift-fork').should.be.true()
+  })
+
+  it('stacker / shuttle (미니로드) 허용', () => {
+    rackAcceptsMoverTool('stacker').should.be.true()
+    rackAcceptsMoverTool('shuttle').should.be.true()
+  })
+
+  it('toolType 없음 (능력 미상) → 허용 (보수적 통과)', () => {
+    rackAcceptsMoverTool(undefined).should.be.true()
+    rackAcceptsMoverTool(null).should.be.true()
+  })
+
+  it('blockedTools override — 빈 배열이면 모두 허용', () => {
+    rackAcceptsMoverTool('agv-deck', []).should.be.true()
+  })
+
+  it('blockedTools 명시 — gripper 도 거부 가능', () => {
+    rackAcceptsMoverTool('gripper', ['gripper', 'agv-deck']).should.be.false()
+  })
+
+  it('blockedTools 가 배열 아님 (잘못된 값) → 허용', () => {
+    rackAcceptsMoverTool('agv-deck', 'invalid' as any).should.be.true()
+  })
+
+  it('default blockedTools 는 agv-deck 만 — 다른 평탄류 영향 없음', () => {
+    // 'agv' 같은 변형은 default 에 없으므로 허용 (사용자가 명시해야 거부)
+    rackAcceptsMoverTool('agv').should.be.true()
+  })
+})

package/translations/en.json

@@ -10,12 +10,10 @@
   "component.mobile-storage-rack": "mobile storage rack",
   "component.spot": "spot",
   "component.generic-container": "container",
-
   "label.tracking-id": "tracking id",
   "label.material": "material",
   "label.depth": "depth",
   "label.fill": "fill",
-
   "label.bays": "bays",
   "label.levels": "levels",
   "label.rows": "rows",
@@ -39,8 +37,7 @@
   "label.stock-scale": "stock scale",
   "label.legend-target": "legend target",
   "label.shelf-base-height": "shelf base height",
-
-  "label.status": "status",
+  "label.status": "Status",
   "label.simulate": "simulate",
   "label.speed": "speed",
   "label.bound-holders": "bound holders",
@@ -51,7 +48,6 @@
   "label.fork-extension": "fork extension",
   "label.fork-lift": "fork lift",
   "label.pocket-depth": "pocket depth",
-
   "option.idle": "idle",
   "option.moving": "moving",
   "option.loading": "loading",
@@ -64,5 +60,26 @@
   "option.multi": "multi",
   "option.bulk": "bulk",
   "option.wood": "wood",
-  "option.plastic": "plastic"
+  "option.plastic": "plastic",
+  "component.stockpile": "Stockpile",
+  "component.stockpile-grid": "Stockpile Grid",
+  "label.stack-pattern": "Stack Pattern",
+  "label.carrier-preset": "Carrier Preset",
+  "label.carrier-width": "Carrier Width",
+  "label.carrier-height": "Carrier Height",
+  "label.carrier-depth": "Carrier Depth",
+  "label.carrier-gap": "Carrier Gap",
+  "label.capacity": "Capacity",
+  "label.stack-height-limit": "Stack Height Limit",
+  "label.pick-policy": "Pick Policy",
+  "label.cols": "Columns",
+  "label.cell-width": "Cell Width",
+  "label.cell-height": "Cell Height",
+  "component.picking-station": "Picking Station",
+  "label.processing-time-ms": "Processing Time (ms)",
+  "component.container": "container",
+  "component.wood pallet": "wood pallet",
+  "component.plastic pallet": "plastic pallet",
+  "component.wood box": "wood box",
+  "component.plastic box": "plastic box"
 }

package/translations/ja.json

@@ -10,12 +10,10 @@
   "component.mobile-storage-rack": "移動式ラック",
   "component.spot": "スポット",
   "component.generic-container": "コンテナ",
-
   "label.tracking-id": "追跡ID",
   "label.material": "材質",
   "label.depth": "深さ",
   "label.fill": "塗りつぶし",
-
   "label.bays": "ベイ数",
   "label.levels": "段数",
   "label.rows": "行",
@@ -39,8 +37,7 @@
   "label.stock-scale": "在庫スケール",
   "label.legend-target": "凡例対象",
   "label.shelf-base-height": "棚の基準高さ",
-
-  "label.status": "状態",
+  "label.status": "ステータス",
   "label.simulate": "シミュレーション",
   "label.speed": "速度",
   "label.bound-holders": "バインドホルダー",
@@ -51,7 +48,6 @@
   "label.fork-extension": "フォーク伸縮",
   "label.fork-lift": "フォーク昇降",
   "label.pocket-depth": "ポケットの深さ",
-
   "option.idle": "待機",
   "option.moving": "移動中",
   "option.loading": "積込中",
@@ -64,5 +60,26 @@
   "option.multi": "マルチ",
   "option.bulk": "バルク",
   "option.wood": "木製",
-  "option.plastic": "プラスチック"
+  "option.plastic": "プラスチック",
+  "component.stockpile": "平地保管",
+  "component.stockpile-grid": "平地保管グリッド",
+  "label.stack-pattern": "積み方",
+  "label.carrier-preset": "キャリア種類",
+  "label.carrier-width": "キャリア幅",
+  "label.carrier-height": "キャリア高さ",
+  "label.carrier-depth": "キャリア奥行",
+  "label.carrier-gap": "キャリア間隔",
+  "label.capacity": "収容量",
+  "label.stack-height-limit": "段数制限",
+  "label.pick-policy": "取出方針",
+  "label.cols": "列数",
+  "label.cell-width": "セル幅",
+  "label.cell-height": "セル高さ",
+  "component.picking-station": "ピッキングステーション",
+  "label.processing-time-ms": "処理時間 (ms)",
+  "component.container": "コンテナ",
+  "component.wood pallet": "木製パレット",
+  "component.plastic pallet": "プラスチックパレット",
+  "component.wood box": "木製ボックス",
+  "component.plastic box": "プラスチックボックス"
 }

package/translations/ko.json

@@ -10,12 +10,10 @@
   "component.mobile-storage-rack": "이동형 저장 랙",
   "component.spot": "스팟",
   "component.generic-container": "컨테이너",
-
   "label.tracking-id": "추적 ID",
   "label.material": "재질",
   "label.depth": "깊이",
   "label.fill": "채움",
-
   "label.bays": "베이 수",
   "label.levels": "단수",
   "label.rows": "행",
@@ -39,7 +37,6 @@
   "label.stock-scale": "재고 크기",
   "label.legend-target": "범례 대상",
   "label.shelf-base-height": "선반 시작 높이",
-
   "label.status": "상태",
   "label.simulate": "시뮬레이션",
   "label.speed": "속도",
@@ -51,7 +48,6 @@
   "label.fork-extension": "포크 신축",
   "label.fork-lift": "포크 들기",
   "label.pocket-depth": "포켓 깊이",
-
   "option.idle": "대기",
   "option.moving": "이동중",
   "option.loading": "적재중",
@@ -64,5 +60,26 @@
   "option.multi": "다중",
   "option.bulk": "벌크",
   "option.wood": "나무",
-  "option.plastic": "플라스틱"
+  "option.plastic": "플라스틱",
+  "component.stockpile": "평치",
+  "component.stockpile-grid": "평치 그리드",
+  "label.stack-pattern": "적치 패턴",
+  "label.carrier-preset": "캐리어 종류",
+  "label.carrier-width": "캐리어 너비",
+  "label.carrier-height": "캐리어 높이",
+  "label.carrier-depth": "캐리어 깊이",
+  "label.carrier-gap": "캐리어 간격",
+  "label.capacity": "수용량",
+  "label.stack-height-limit": "적치 단수 제한",
+  "label.pick-policy": "출고 정책",
+  "label.cols": "열 수",
+  "label.cell-width": "셀 너비",
+  "label.cell-height": "셀 높이",
+  "component.picking-station": "피킹 스테이션",
+  "label.processing-time-ms": "처리 시간 (ms)",
+  "component.container": "컨테이너",
+  "component.wood pallet": "목재 팔레트",
+  "component.plastic pallet": "플라스틱 팔레트",
+  "component.wood box": "목재 박스",
+  "component.plastic box": "플라스틱 박스"
 }