@things-factory/figure-ui 10.1.16 → 10.1.17

package/client/modeller/figure-animations.ts

@@ -8,7 +8,7 @@ import { ScrollbarStyles } from '@operato/styles'
 import { AXES, CHANNEL_PATHS, CLIP_DRIVES, INTERPOLATIONS, LIMITS } from '@hatiolab/figure-model'
 import type { ChannelPath, Vec3 } from '@hatiolab/figure-model'
 
-import type { BoardModel, PartModel } from './figure-source.js'
+import type { FigureDraft, PartModel } from './figure-source.js'
 
 /**
  * 이 도형이 **어떻게 움직이는가.**
@@ -35,7 +35,7 @@ import type { BoardModel, PartModel } from './figure-source.js'
  * 받는다. 이 선택이 화면에서 가장 설명이 필요한 자리다.
  */
 
-type Clip = NonNullable<BoardModel['animations']>[number]
+type Clip = NonNullable<FigureDraft['animations']>[number]
 type Channel = Clip['channels'][number]
 type Keyframe = Channel['keys'][number]
 
@@ -286,7 +286,7 @@ export class FigureAnimations extends localize(i18next)(LitElement) {
     `
   ]
 
-  @property({ type: Object }) board?: BoardModel
+  @property({ type: Object }) draft?: FigureDraft
   @property({ type: Array }) parts: PartModel[] = []
 
   /** 펼쳐 둔 clip. 이름이 아니라 자리로 잡는다 — 이름은 편집 중에 바뀐다. */
@@ -294,7 +294,7 @@ export class FigureAnimations extends localize(i18next)(LitElement) {
   @state() private recipeTarget = ''
 
   private get clips(): Clip[] {
-    return this.board?.animations ?? []
+    return this.draft?.animations ?? []
   }
 
   /** 부품 이름 — 채널이 이것을 가리킨다. */
@@ -315,7 +315,7 @@ export class FigureAnimations extends localize(i18next)(LitElement) {
   }
 
   render(): TemplateResult {
-    if (!this.board) return html``
+    if (!this.draft) return html``
 
     return html`
       <section>
@@ -626,19 +626,19 @@ export class FigureAnimations extends localize(i18next)(LitElement) {
   // ─── 고치기 ───────────────────────────────────────────────────────────────
 
   /**
-   * 보드에 실어 올려보낸다.
+   * 초안에 실어 올려보낸다.
    *
-   * `animations` 는 도형 전체의 것이므로 부품 편집(`update-part`)이 아니라 `update-board` 로
+   * `animations` 는 도형 전체의 것이므로 부품 편집(`update-part`)이 아니라 `update-draft` 로
    * 간다. 빈 배열은 칸을 지운다 — clip 을 다 지운 도형은 `animations: []` 가 아니라 없는 것이다.
    */
   private tell(animations: Clip[]): void {
-    if (!this.board) return
+    if (!this.draft) return
 
-    const board: BoardModel = { ...this.board }
-    if (animations.length === 0) delete board.animations
-    else board.animations = animations
+    const draft: FigureDraft = { ...this.draft }
+    if (animations.length === 0) delete draft.animations
+    else draft.animations = animations
 
-    this.dispatchEvent(new CustomEvent('update-board', { detail: { board }, bubbles: true, composed: true }))
+    this.dispatchEvent(new CustomEvent('update-draft', { detail: { draft }, bubbles: true, composed: true }))
   }
 
   private patchClip(at: number, patch: Partial<Clip>): void {

package/client/modeller/figure-canvas.ts

@@ -5,22 +5,9 @@ import { i18next, localize } from '@operato/i18n'
 import { create, Model } from '@hatiolab/things-scene'
 
 import { gridStep } from './part-edits.js'
-import { DEFAULT_VIEW, WORKBENCH } from './figure-view.js'
+import { DEFAULT_VIEW, sceneLook, WORKBENCH } from './figure-view.js'
 import type { ViewSettings } from './figure-view.js'
-import type { BoardModel, PartModel } from './figure-source.js'
-import type { FigurePlacement } from '@hatiolab/figure-model'
-
-function toScenePlacement(placement?: FigurePlacement): 'floor' | 'inverted' | 'space' {
-  switch (placement) {
-    case 'ceiling':
-      return 'inverted'
-    case 'center':
-      return 'space'
-    case 'floor':
-    default:
-      return 'floor'
-  }
-}
+import type { FigureDraft, PartModel } from './figure-source.js'
 
 /**
  * 판의 종이 색 — 거의 흰색.
@@ -70,10 +57,10 @@ interface SceneHandle {
    * 있다. 부품은 판에 붙고, 선택 알림은 루트가 낸다. 둘을 섞으면 알림이 안 온다 —
    * 실제로 그랬다.
    */
-  root?: SceneBoard
+  root?: SceneLayer
 }
 
-interface SceneBoard {
+interface SceneLayer {
   invalidate?: () => void
   /** 보기 설정을 넣는 자리. 씬이 스스로 반응한다. */
   set?: (patch: Record<string, unknown>) => void
@@ -101,7 +88,7 @@ interface SceneComponent {
 }
 
 /**
- * 편집 캔버스 — 부품들을 보드 위에 세우고, 여기서 고치게 한다.
+ * 편집 캔버스 — 부품들을 기준 상자 위에 세우고, 여기서 고치게 한다.
  *
  * ## 미리보기가 아니다
  *
@@ -119,10 +106,10 @@ interface SceneComponent {
  * 이제 부품 하나가 컴포넌트 하나다. 선택 · 기즈모 · 윤곽선 · 다중 선택 · 되돌리기가
  * 씬의 기본 동작으로 그냥 된다.
  *
- * ## 보드가 곧 기준 상자다
+ * ## 초안이 곧 기준 상자다
  *
- * 보드의 `width` · `height` · `depth` 가 `FigureSource.base` 다. 부품 좌표를 변환할 때
- * 보드 중심만 빼면 된다 — `figure-source.ts` 가 그 일을 한다.
+ * 초안의 `width` · `height` · `depth` 가 `FigureSource.base` 다. 부품 좌표를 변환할 때
+ * 상자 중심만 빼면 된다 — `figure-source.ts` 가 그 일을 한다.
  *
  * ## 다시 세우지 않는다
  *
@@ -194,10 +181,10 @@ export class FigureCanvas extends localize(i18next)(LitElement) {
    *
    * 한동안 `FigureSource` 로 받아 여기서 변환했다. 그런데 모델러 페이지가 갖고 있는 것이
    * 이미 씬 모델이므로, 그러면 값을 하나 고칠 때마다 왕복 변환이 한 번씩 일어난다.
-   * 무손실이긴 하지만 하는 일이 없다 — 보드가 곧 보드이고 부품이 곧 컴포넌트다.
+   * 무손실이긴 하지만 하는 일이 없다 — 초안이 곧 판이고 부품이 곧 컴포넌트다.
    */
   @property({ type: String }) figureId?: string
-  @property({ type: Object }) board?: BoardModel
+  @property({ type: Object }) draft?: FigureDraft
   /** 보기 설정. 자산이 아니라 작업대다 — 저장되지 않는다(`figure-view.ts`). */
   @property({ type: Object }) view: ViewSettings = DEFAULT_VIEW
   @property({ type: Array }) parts: PartModel[] = []
@@ -246,7 +233,7 @@ export class FigureCanvas extends localize(i18next)(LitElement) {
       아무것도 보여 주지 않고, 저장할 때마다 판 번호만 올라간다 — 없는 것보다 나쁘다.
     */
     const layer = this.scene?.root as
-      | (SceneBoard & {
+      | (SceneLayer & {
           snapshot3d?: (
             width?: number,
             height?: number,
@@ -290,7 +277,7 @@ export class FigureCanvas extends localize(i18next)(LitElement) {
     if (!this.hasUpdated) return
 
     if (changed.has('revision')) this.standing = undefined
-    if (changed.has('board') || changed.has('parts') || changed.has('figureId') || changed.has('revision')) this.standUp()
+    if (changed.has('draft') || changed.has('parts') || changed.has('figureId') || changed.has('revision')) this.standUp()
     if (changed.has('view')) this.applyView()
     if (changed.has('picked')) this.showPicked()
   }
@@ -318,8 +305,8 @@ export class FigureCanvas extends localize(i18next)(LitElement) {
    * 숫자 하나 고칠 때마다 화면이 처음으로 돌아간다.
    */
   private standUp() {
-    const board = this.board
-    if (!board) {
+    const draft = this.draft
+    if (!draft) {
       this.teardown()
       this.cannot = i18next.t('figure.text.canvas-appears-once-a-part-exists')
       return
@@ -332,7 +319,7 @@ export class FigureCanvas extends localize(i18next)(LitElement) {
       return
     }
 
-    const signature = `${this.figureId ?? ''}:${board.width}x${board.height}x${board.depth}:${board.placement ?? 'floor'}`
+    const signature = `${this.figureId ?? ''}:${draft.width}x${draft.height}x${draft.depth}`
     if (this.scene && this.standing === signature) {
       this.syncParts()
       return
@@ -345,10 +332,9 @@ export class FigureCanvas extends localize(i18next)(LitElement) {
         target: this.stage,
         model: {
           type: 'model-layer',
-          width: board.width,
-          height: board.height,
-          depth: board.depth,
-          placement: toScenePlacement(board.placement),
+          width: draft.width,
+          height: draft.height,
+          depth: draft.depth,
           threed: true,
           environment: 'studio',
           /*
@@ -363,7 +349,7 @@ export class FigureCanvas extends localize(i18next)(LitElement) {
             보드는 이 값을 안 주므로 안 보인다.
           */
           ...this.sceneView(),
-          gridStep: gridStep(board),
+          gridStep: gridStep(draft),
           sky: 'color',
           /*
             판의 면 — 2D 는 밝은 종이, 3D 는 없음.
@@ -439,9 +425,7 @@ export class FigureCanvas extends localize(i18next)(LitElement) {
    * 이름이다. 표를 두면 씬이 새 설정을 받아도 이쪽이 모른다.
    */
   private sceneView(): Record<string, unknown> {
-    const { grid, gridLabels, floor, environment, skyColor, ...light } = this.view ?? DEFAULT_VIEW
-
-    return { grid, gridLabels, floor, environment, skyColor, ...light }
+    return sceneLook(this.view ?? DEFAULT_VIEW)
   }
 
   /**
@@ -452,11 +436,11 @@ export class FigureCanvas extends localize(i18next)(LitElement) {
    * 밝기 하나 끄는 동안 화면이 계속 처음으로 돌아간다.
    */
   private applyView(): void {
-    const board = this.scene?.root
-    if (!board) return
+    const draft = this.scene?.root
+    if (!draft) return
 
-    board.set?.(this.sceneView())
-    board.invalidate?.()
+    draft.set?.(this.sceneView())
+    draft.invalidate?.()
   }
 
   /**
@@ -509,9 +493,9 @@ export class FigureCanvas extends localize(i18next)(LitElement) {
    * 목록이 바뀌면 엉뚱한 부품을 가리킨다.
    */
   private watchScene() {
-    const board = this.scene?.root
-    const root = board?.root
-    if (!board || !root?.on || this.viewOnly) return
+    const draft = this.scene?.root
+    const root = draft?.root
+    if (!draft || !root?.on || this.viewOnly) return
 
     root.on('selected', (after: unknown) => {
       const chosen = (after as SceneComponent[] | undefined)?.[0]
@@ -528,7 +512,7 @@ export class FigureCanvas extends localize(i18next)(LitElement) {
       뒤에 붙여 부모에게 넘긴다. 첫 인자를 컴포넌트로 읽으면 아무 일도 안 일어난다 —
       실제로 그랬다.
     */
-    board.on?.('change', (...args: unknown[]) => {
+    draft.on?.('change', (...args: unknown[]) => {
       const hint = args[args.length - 1] as { origin?: SceneComponent } | undefined
       const changed = hint?.origin
       const name = changed?.state?.name
@@ -544,13 +528,13 @@ export class FigureCanvas extends localize(i18next)(LitElement) {
 
   /** 목록에서 고른 것을 캔버스의 선택에 맞춘다. */
   private showPicked() {
-    const board = this.scene?.root
-    const root = board?.root
-    if (!board || !root) return
+    const draft = this.scene?.root
+    const root = draft?.root
+    if (!draft || !root) return
 
     const component = this.picked ? this.partsOnBoard().get(this.picked) : undefined
     root.selected = component ? [component] : []
-    board.invalidate?.()
+    draft.invalidate?.()
   }
 
   private tell(what: string, detail: object) {

package/client/modeller/figure-capabilities.ts

@@ -5,7 +5,7 @@ import { live } from 'lit/directives/live.js'
 import { i18next, localize } from '@operato/i18n'
 import { ScrollbarStyles } from '@operato/styles'
 
-import type { BoardModel, PartModel } from './figure-source.js'
+import type { FigureDraft, PartModel } from './figure-source.js'
 
 /**
  * 이 도형이 **무엇을 하는가.**
@@ -240,12 +240,12 @@ export class FigureCapabilities extends localize(i18next)(LitElement) {
     `
   ]
 
-  @property({ type: Object }) board?: BoardModel
+  @property({ type: Object }) draft?: FigureDraft
   @property({ type: Array }) parts: PartModel[] = []
 
   render() {
-    const rung = rungOf(this.board?.capabilities)
-    const names = this.board?.capabilities ?? []
+    const rung = rungOf(this.draft?.capabilities)
+    const names = this.draft?.capabilities ?? []
 
     return html`
       <section>
@@ -349,10 +349,10 @@ export class FigureCapabilities extends localize(i18next)(LitElement) {
    * 되고, 그 도형은 멀쩡해 보이면서 아무것도 못 받는다.
    */
   private setRung(which: Rung) {
-    const board = this.board
-    if (!board) return
+    const draft = this.draft
+    if (!draft) return
 
-    this.tellBoard({ ...board, capabilities: RUNGS[which].length > 0 ? [...RUNGS[which]] : undefined })
+    this.tellBoard({ ...draft, capabilities: RUNGS[which].length > 0 ? [...RUNGS[which]] : undefined })
 
     if (which === 'none') {
       this.parts.forEach((part, index) => {
@@ -365,8 +365,8 @@ export class FigureCapabilities extends localize(i18next)(LitElement) {
     }
   }
 
-  private tellBoard(board: BoardModel) {
-    this.board = board
-    this.dispatchEvent(new CustomEvent('update-board', { detail: { board }, bubbles: true, composed: true }))
+  private tellBoard(draft: FigureDraft) {
+    this.draft = draft
+    this.dispatchEvent(new CustomEvent('update-draft', { detail: { draft }, bubbles: true, composed: true }))
   }
 }

package/client/modeller/figure-inspector.ts

@@ -21,7 +21,7 @@ import type { AnchorRule, Axis, FigurePart, FigurePlacement, MaterialPreset, Par
 import { activePalette } from '@hatiolab/things-scene'
 
 import { partToFigure, partFromFigure } from './figure-source.js'
-import type { BoardModel, PartModel } from './figure-source.js'
+import type { FigureDraft, PartModel } from './figure-source.js'
 import { canMirror } from './part-edits.js'
 
 /**
@@ -29,7 +29,7 @@ import { canMirror } from './part-edits.js'
  *
  * ## 여기가 사용자 용어로 보여 주는 자리다
  *
- * 모델러 페이지가 갖고 있는 것은 **씬 모델**이다 — 보드 위에 부품 컴포넌트가 놓인 상태.
+ * 모델러 페이지가 갖고 있는 것은 **씬 모델**이다 — 기준 상자 위에 부품 컴포넌트가 놓인 상태.
  * 그런데 사용자에게 보여야 하는 것은 씬 속성 이름(`left`·`top`·`zPos`)이 아니라
  * **X·Y·Z** 다. 다른 3D 도구가 모두 그렇게 부르고, 위치도 부품의 **중심**으로 읽는다.
  *
@@ -787,8 +787,8 @@ export class FigureInspector extends localize(i18next)(LitElement) {
   /** 펴 둔 도움말. 부품을 바꿔도 유지된다 — 매번 다시 펴게 하지 않는다. */
   @state() private opened = new Set<string>()
 
-  @property({ type: Object }) board?: BoardModel
-  /** 보드 위의 부품들. 씬 모델 그대로다. */
+  @property({ type: Object }) draft?: FigureDraft
+  /** 초안 위의 부품들. 씬 모델 그대로다. */
   @property({ type: Array }) parts: PartModel[] = []
   @property({ type: Number }) selected = -1
 
@@ -799,7 +799,7 @@ export class FigureInspector extends localize(i18next)(LitElement) {
 
   render() {
     const part = this.chosen
-    if (!part || !this.board) {
+    if (!part || !this.draft) {
       return html`
         ${this.renderFigure(false)}
         <section>
@@ -810,7 +810,7 @@ export class FigureInspector extends localize(i18next)(LitElement) {
     }
 
     // 여기부터는 사용자 용어다 — X·Y·Z, 위치는 부품 중심, 회전은 도(degree).
-    const shown = partToFigure(part, this.board)
+    const shown = partToFigure(part, this.draft)
 
     /*
       역할을 먼저 묻는다.
@@ -837,7 +837,7 @@ export class FigureInspector extends localize(i18next)(LitElement) {
    * 컨베이어가 길어지면 실을 자리가 늘어나는 것이 그것이고, 여기 적은 값은 안 쓰인다.
    */
   private renderRole(part: FigurePart) {
-    if (!this.board?.capabilities?.length) return nothing
+    if (!this.draft?.capabilities?.length) return nothing
 
     const roles = part.capability?.roles ?? []
     const repeats = part.sizing === 'repeat' && !!part.repeat
@@ -967,7 +967,7 @@ export class FigureInspector extends localize(i18next)(LitElement) {
           <label>${i18next.t('figure.label.figure-type')}${this.figureId ? this.helpButton('figure.text.type-name-cannot-change') : nothing}</label>
           ${!this.figureId
             ? html`<input
-                .value=${this.board?.figureType ?? ''}
+                .value=${this.draft?.figureType ?? ''}
                 placeholder=${i18next.t('figure.text.figure-type-placeholder', { defaultValue: '도형 식별 타입 (예: OHT)' })}
                 @change=${(e: Event) =>
                   this.dispatchEvent(
@@ -979,7 +979,7 @@ export class FigureInspector extends localize(i18next)(LitElement) {
                   )}
               />`
             : html`<code fixed title=${i18next.t('figure.text.type-name-cannot-change')}>
-                <md-icon>lock</md-icon>${this.board?.figureType ?? ''}
+                <md-icon>lock</md-icon>${this.draft?.figureType ?? ''}
               </code>
               ${this.helpHint('figure.text.type-name-cannot-change')}`}
         </div>
@@ -991,16 +991,16 @@ export class FigureInspector extends localize(i18next)(LitElement) {
         <div inline-field>
           <label>${i18next.t('figure.label.figure-placement')}${this.helpButton('figure.text.placement-explained')}</label>
           <select
-            .value=${this.board?.placement ?? 'floor'}
+            .value=${this.draft?.placement ?? 'floor'}
             @change=${(e: Event) => this.setPlacement((e.target as HTMLSelectElement).value as FigurePlacement)}
           >
-            <option value="floor" ?selected=${(this.board?.placement ?? 'floor') === 'floor'}>
+            <option value="floor" ?selected=${(this.draft?.placement ?? 'floor') === 'floor'}>
               ${i18next.t('figure.label.placement-floor')}
             </option>
-            <option value="ceiling" ?selected=${this.board?.placement === 'ceiling'}>
+            <option value="ceiling" ?selected=${this.draft?.placement === 'ceiling'}>
               ${i18next.t('figure.label.placement-ceiling')}
             </option>
-            <option value="center" ?selected=${this.board?.placement === 'center'}>
+            <option value="center" ?selected=${this.draft?.placement === 'center'}>
               ${i18next.t('figure.label.placement-center')}
             </option>
           </select>
@@ -1034,7 +1034,7 @@ export class FigureInspector extends localize(i18next)(LitElement) {
           <details asset>
             <summary>
               <b>${i18next.t('figure.label.figure')}</b>
-              <small>${this.figureName || this.board?.figureType || ''}</small>
+              <small>${this.figureName || this.draft?.figureType || ''}</small>
             </summary>
             ${fields}
           </details>
@@ -1075,11 +1075,22 @@ export class FigureInspector extends localize(i18next)(LitElement) {
     this.dispatchEvent(new CustomEvent('figure-catalog', { detail: patch, bubbles: true, composed: true }))
   }
 
-  /** 3D 배치 기준면을 바꾼다 ('floor' | 'ceiling' | 'center'). */
+  /**
+   * 3D 배치 기준면을 바꾼다 ('floor' | 'ceiling' | 'center').
+   *
+   * **부품은 건드리지 않는다.** 이 값은 「이 종류는 어느 면에 붙는가」를 말할 뿐이고,
+   * 저작한 모양은 그것과 무관하다. 형식이 부품을 상자 중심에서 재므로, 배치가 달라도
+   * `parts` 는 한 글자도 안 바뀐다.
+   *
+   * 한동안 여기서 `zPos` 를 다시 계산했다. 편집 캔버스가 이 값을 씬의 좌표 모드로
+   * 흘려보내던 때의 일인데, 그러면 배치를 고를 때마다 저작자가 적어 둔 높이가 전부
+   * 다른 숫자로 보였다 — 저장되는 것은 그대로인데. 좌표 모드는 이제 보기 설정이고
+   * (`figure-view.ts`), 편집 캔버스는 늘 상자 기준이다.
+   */
   private setPlacement(placement: FigurePlacement) {
-    if (!this.board) return
-    const board = { ...this.board, placement }
-    this.dispatchEvent(new CustomEvent('update-board', { detail: { board }, bubbles: true, composed: true }))
+    if (!this.draft) return
+    const draft = { ...this.draft, placement }
+    this.dispatchEvent(new CustomEvent('update-draft', { detail: { draft }, bubbles: true, composed: true }))
   }
 
   private renderIdentity(part: FigurePart) {
@@ -1180,7 +1191,7 @@ export class FigureInspector extends localize(i18next)(LitElement) {
             </button>
             ${(['x', 'z'] as const).map(axis => {
               // 이미 가운데면 대칭이 제자리다 — 겹친 부품이 조용히 생기지 않게 막는다
-              const able = this.board ? canMirror(this.board, this.parts, this.selected, axis) : false
+              const able = this.draft ? canMirror(this.draft, this.parts, this.selected, axis) : false
               return html`
                 <button
                   ?disabled=${!able}
@@ -1603,10 +1614,10 @@ export class FigureInspector extends localize(i18next)(LitElement) {
    * 이 축의 anchor 가 정하는데 화면에는 그 말이 없었다. 그래서 어느 쪽인지 함께 적는다.
    */
   private renderRepeatCount(part: FigurePart) {
-    const board = this.board
-    if (!board) return nothing
+    const draft = this.draft
+    if (!draft) return nothing
 
-    const base = { x: board.width, y: board.depth, z: board.height }
+    const base = { x: draft.width, y: draft.depth, z: draft.height }
     const plan = repeatPlanOfPart(part, { x: 1, y: 1, z: 1 }, base)
     if (!plan) return nothing
 
@@ -1693,8 +1704,8 @@ export class FigureInspector extends localize(i18next)(LitElement) {
   }
 
   private renderAnchors(part: FigurePart) {
-    const base = this.board
-      ? { x: this.board.width, y: this.board.height, z: this.board.depth }
+    const base = this.draft
+      ? { x: this.draft.width, y: this.draft.height, z: this.draft.depth }
       : { x: 0, y: 0, z: 0 }
     const nameOf = (rule: string, axis: Axis) =>
       `${i18next.t(rule === 'min' || rule === 'max' ? `figure.label.anchor-${rule}-${axis}` : `figure.label.anchor-${rule}`)} (${rule})`
@@ -1841,7 +1852,7 @@ export class FigureInspector extends localize(i18next)(LitElement) {
    */
   private putEmissive(intensity: number) {
     // `chosen` 은 씬 모델이다. 형식으로 옮긴 값은 `partToFigure` 이 만든 것이라 여기서 다시 꺼낸다.
-    const glow = this.board && this.chosen ? partToFigure(this.chosen, this.board).material?.emissive : undefined
+    const glow = this.draft && this.chosen ? partToFigure(this.chosen, this.draft).material?.emissive : undefined
 
     this.putMaterial({ emissive: intensity > 0 ? { ...glow, intensity } : undefined })
   }
@@ -1862,10 +1873,10 @@ export class FigureInspector extends localize(i18next)(LitElement) {
    */
   private change(edit: (part: FigurePart) => FigurePart) {
     const part = this.chosen
-    const board = this.board
-    if (!part || !board) return
+    const draft = this.draft
+    if (!part || !draft) return
 
-    this.emit(partFromFigure(edit(partToFigure(part, board)), board))
+    this.emit(partFromFigure(edit(partToFigure(part, draft)), draft))
   }
 
   /** 정밀 도구를 시킨다. 정본은 저작면이 갖는다 — 여기서는 알리기만 한다. */

package/client/modeller/figure-parts.ts

@@ -303,7 +303,7 @@ export class FigureParts extends localize(i18next)(LitElement) {
   ]
 
   /**
-   * 보드 위의 부품들. **씬 모델 그대로 받는다.**
+   * 초안 위의 부품들. **씬 모델 그대로 받는다.**
    *
    * 이 패널은 이름과 도형만 읽으므로 어느 쪽 형태로 받아도 화면은 같다. 그래도 씬
    * 모델로 받는 것은 모델러 페이지가 데이터를 **한 벌만** 갖게 하기 위해서다. 여기만