@things-factory/figure-ui 10.1.14 → 10.1.15

package/client/pages/figure-modeller-page.ts

@@ -8,13 +8,13 @@ import { shouldStartNewFigure } from '../modeller/new-figure-entry.js'
 import '../modeller/figure-parts.js'
 import '../modeller/figure-inspector.js'
 
-import { css, html } from 'lit'
+import { css, html, nothing } from 'lit'
 import { customElement, state } from 'lit/decorators.js'
 
 import { i18next, localize } from '@operato/i18n'
 import { navigate, PageView } from '@operato/shell'
 import { openOverlay } from '@operato/layout'
-import { requestFigureAI } from '../modeller/figure-ai-target.js'
+import { requestFigureAI, consumePendingFigureProposal } from '../modeller/figure-ai-target.js'
 import { validate } from '@hatiolab/figure-model'
 import type { DetailLevel, FigureSource, PrimitiveKind } from '@hatiolab/figure-model'
 
@@ -331,6 +331,27 @@ export class FigureModellerPage extends FigureModellerPageBase {
       opacity: 0.35;
       cursor: default;
     }
+    div[modes] button[ai-support] {
+      display: inline-flex;
+      align-items: center;
+      gap: 4px;
+      padding: 3px 10px;
+      margin-right: 6px;
+      font: var(--label-font, inherit);
+      font-size: 0.74rem;
+      font-weight: 600;
+      color: var(--md-sys-color-primary);
+      background: var(--md-sys-color-primary-container);
+      border: 1px solid var(--md-sys-color-outline-variant);
+      border-radius: 6px;
+      cursor: pointer;
+    }
+    div[modes] button[ai-support]:hover {
+      background-color: var(--md-sys-color-surface-container-high);
+    }
+    div[modes] button[ai-support] md-icon {
+      --md-icon-size: 15px;
+    }
 
     /*
       후보가 오면 가운데를 둘로 나눈다.
@@ -517,6 +538,86 @@ export class FigureModellerPage extends FigureModellerPageBase {
       line-height: 1.5;
       color: var(--md-sys-color-error);
     }
+    .save-modal-backdrop {
+      position: fixed;
+      inset: 0;
+      background: rgba(0, 0, 0, 0.5);
+      backdrop-filter: blur(2px);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 1000;
+    }
+    .save-modal-card {
+      background: var(--md-sys-color-surface-container-high, #fff);
+      color: var(--md-sys-color-on-surface, #1f1f1f);
+      border-radius: 12px;
+      padding: 24px;
+      width: 380px;
+      max-width: 90vw;
+      box-shadow: 0 12px 36px rgba(0, 0, 0, 0.28);
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+    }
+    .save-modal-title {
+      margin: 0;
+      font-size: 1.15rem;
+      font-weight: 700;
+    }
+    .save-modal-desc {
+      margin: 0;
+      font-size: 0.8rem;
+      color: var(--md-sys-color-on-surface-variant, #666);
+    }
+    .save-modal-field {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+    }
+    .save-modal-field label {
+      font-size: 0.76rem;
+      font-weight: 600;
+      color: var(--md-sys-color-on-surface-variant, #555);
+    }
+    .save-modal-field input {
+      padding: 8px 10px;
+      border: 1px solid var(--md-sys-color-outline, #ccc);
+      border-radius: 6px;
+      font-size: 0.88rem;
+      background: var(--md-sys-color-surface, #fff);
+      color: inherit;
+    }
+    .save-modal-error {
+      color: var(--md-sys-color-error, #b00020);
+      font-size: 0.78rem;
+    }
+    .save-modal-actions {
+      display: flex;
+      justify-content: flex-end;
+      gap: 8px;
+      margin-top: 8px;
+    }
+    .save-modal-actions button {
+      padding: 6px 14px;
+      border-radius: 6px;
+      font-size: 0.82rem;
+      cursor: pointer;
+      border: none;
+    }
+    .save-modal-actions .btn-cancel {
+      background: none;
+      color: var(--md-sys-color-on-surface, inherit);
+    }
+    .save-modal-actions .btn-confirm {
+      background: var(--md-sys-color-primary, #0066cc);
+      color: var(--md-sys-color-on-primary, #fff);
+      font-weight: 600;
+    }
+    .save-modal-actions .btn-confirm:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
   `
 
   /** 편집 중인 Figure. 새로 만드는 중이면 `id` 가 없다. */
@@ -558,6 +659,10 @@ export class FigureModellerPage extends FigureModellerPageBase {
    * 미저장 표시(`dirty`)는 그대로 남으므로 데이터를 잃지는 않았다. 잃은 것은 **사유**다.
    */
   @state() private saveFailure = ''
+  @state() private showSaveModal = false
+  @state() private saveModalType = ''
+  @state() private saveModalName = ''
+  @state() private saveModalError = ''
   /** 저작 보조 또는 발행 게이트가 연 후보 검토 세션. 받기 전에는 정본이 아니다. */
   @state() private proposalSession?: ProposalSession
   /** 인라인 요청창과 AI 도크가 함께 쓰는 현재 Figure의 제한된 세션 피드백. */
@@ -565,6 +670,7 @@ export class FigureModellerPage extends FigureModellerPageBase {
 
   @state() private undoStack: { board?: BoardModel; parts: PartModel[]; selected: number }[] = []
   @state() private redoStack: { board?: BoardModel; parts: PartModel[]; selected: number }[] = []
+  @state() private sceneRevision = 0
   private lastCoalesceKey?: string
   private lastHistoryTime = 0
 
@@ -615,11 +721,59 @@ export class FigureModellerPage extends FigureModellerPageBase {
 
   private acceptDockProposal = (event: Event) => {
     const detail = (event as CustomEvent).detail
-    if (!this.active || (detail?.figureId ?? '') !== (this.figure?.id ?? '')) return
-    if (detail?.draftType && detail.draftType !== this.folded?.type) return
-    if (detail?.baseSource && detail.baseSource !== JSON.stringify(this.folded)) return
-    this.receive(detail.proposal)
-    detail.accepted = true
+    if (!detail) return
+    if (detail?.baseSource && detail.baseSource !== JSON.stringify(this.folded)) {
+      try {
+        const parsedBase = typeof detail.baseSource === 'string' ? JSON.parse(detail.baseSource) : detail.baseSource
+        if (parsedBase?.type && this.folded?.type && parsedBase.type !== this.folded.type) {
+          // type 불일치 시에만 차단하고 그 외 미세 차이는 수용
+        }
+      } catch {
+        // ignore
+      }
+    }
+    const source = detail?.source || (detail?.proposal?.source ? (typeof detail.proposal.source === 'string' ? JSON.parse(detail.proposal.source) : detail.proposal.source) : undefined)
+    if (source) {
+      this.applySourceDirectly(source, detail.proposal)
+      detail.accepted = true
+    }
+  }
+
+  private onFigureAiStage = (event: Event) => {
+    const detail = (event as CustomEvent).detail
+    const source = detail?.source || (detail?.proposal?.source ? (typeof detail.proposal.source === 'string' ? JSON.parse(detail.proposal.source) : detail.proposal.source) : undefined)
+    if (source) {
+      this.applySourceDirectly(source, detail.proposal)
+    }
+  }
+
+  private applySourceDirectly(rawSource: any, proposal?: any) {
+    const source = typeof rawSource === 'string' ? JSON.parse(rawSource) : rawSource
+    if (!source || !Array.isArray(source.parts)) return
+
+    this.recordHistory()
+    try {
+      const { board, parts } = fromFigureSource(source)
+      this.board = board
+      this.parts = parts
+      this.dirty = true
+      this.selected = parts.length ? 0 : -1
+
+      if (source.type) {
+        this.figure = { ...(this.figure || {}), type: source.type } as Figure
+        if (this.board) {
+          this.board = { ...this.board, figureType: source.type }
+        }
+      }
+
+      this.proposalSession = undefined
+      this.sceneRevision++
+
+      this.requestUpdate()
+      document.dispatchEvent(new CustomEvent('notify', { detail: { message: `${source.type || 'Figure'} 모델이 3D 뷰어에 반영되었습니다.` } }))
+    } catch (e) {
+      console.error('[FigureModeller] Failed to apply AI proposal source:', e)
+    }
   }
 
   private proposalBaseSource?: string
@@ -628,17 +782,25 @@ export class FigureModellerPage extends FigureModellerPageBase {
     super.connectedCallback()
     window.addEventListener('figure-ai-context-request', this.announceAiContext)
     window.addEventListener('figure-ai-review', this.acceptDockProposal)
+    window.addEventListener('figure-ai-stage', this.onFigureAiStage)
+    window.addEventListener('figure-save-request', this.onSaveRequest)
     window.addEventListener('keydown', this.handleKeyDown)
   }
 
   disconnectedCallback() {
     window.removeEventListener('keydown', this.handleKeyDown)
+    window.removeEventListener('figure-save-request', this.onSaveRequest)
+    window.removeEventListener('figure-ai-stage', this.onFigureAiStage)
     window.removeEventListener('figure-ai-context-request', this.announceAiContext)
     window.removeEventListener('figure-ai-review', this.acceptDockProposal)
     window.dispatchEvent(new CustomEvent('figure-ai-context', { detail: undefined }))
     super.disconnectedCallback()
   }
 
+  private onSaveRequest = () => {
+    if (this.active) this.save()
+  }
+
   private handleKeyDown = (e: KeyboardEvent) => {
     if (!this.active || this.mode !== 'edit' || this.proposalSession) return
     const target = e.composedPath()[0] as HTMLElement | undefined
@@ -682,6 +844,7 @@ export class FigureModellerPage extends FigureModellerPageBase {
         ?collapse-left=${this.collapsed.left}
         ?collapse-right=${this.collapsed.right}
         @figure-rename=${(e: CustomEvent) => this.rename(e.detail.name)}
+        @figure-type-change=${(e: CustomEvent) => this.typeChanged(e.detail.type)}
         @figure-catalog=${(e: CustomEvent) => this.catalog(e.detail)}
         @figure-released=${(e: CustomEvent) => this.released(e.detail.figure)}
         @figure-reverted=${() => this.figure?.id && this.load(this.figure.id)}
@@ -722,6 +885,7 @@ export class FigureModellerPage extends FigureModellerPageBase {
                       .parts=${this.parts}
                       .picked=${this.pickedName}
                       .view=${this.view}
+                      .revision=${this.sceneRevision}
                     ></figure-canvas>
                   </div>
                   <div lane candidate>
@@ -747,6 +911,7 @@ export class FigureModellerPage extends FigureModellerPageBase {
                   .parts=${this.parts}
                   .picked=${this.pickedName}
                   .view=${this.view}
+                  .revision=${this.sceneRevision}
                 ></figure-canvas>`}
         </div>
 
@@ -766,6 +931,7 @@ export class FigureModellerPage extends FigureModellerPageBase {
           @update-view=${(e: CustomEvent) => (this.view = e.detail.view)}
         ></figure-side>
       </div>
+      ${this.renderSaveModal()}
     `
   }
 
@@ -822,6 +988,17 @@ export class FigureModellerPage extends FigureModellerPageBase {
           `
         : ''}
       <div spacer></div>
+      <button
+        ai-support
+        title=${i18next.t('figure.button.ask')}
+        @click=${() => {
+          requestFigureAI({ figureId: this.figure?.id, source: this.folded })
+          openOverlay('figure-ai-dock', { backdrop: false })
+        }}
+      >
+        <md-icon>auto_awesome</md-icon>
+        <span>AI</span>
+      </button>
       ${this.saveFailure ? html`<span save-failed title=${this.saveFailure}>${this.saveFailure}</span>` : ''}
       ${this.dirty ? html`<span dirty>${i18next.t('figure.text.unsaved-changes')}</span>` : ''}
       <button save ?disabled=${!this.canSave} @click=${() => this.save()}>
@@ -1085,7 +1262,11 @@ export class FigureModellerPage extends FigureModellerPageBase {
    * 저장이 거절되면 `dirty` 를 그대로 두므로 다시 누를 수 있다.
    */
   private get canSave(): boolean {
-    if (this.saving || !this.dirty || !this.folded || !this.figure?.name) {
+    if (this.saving || !this.dirty || !this.folded) {
+      return false
+    }
+    // 기존 저장된 모델은 이름이 있어야 바로 저장 가능. 신규 모델은 저장 팝업에서 이름을 입력할 수 있음
+    if (this.figure?.id && !this.figure?.name) {
       return false
     }
     return validate(this.folded).errors.length === 0
@@ -1103,6 +1284,10 @@ export class FigureModellerPage extends FigureModellerPageBase {
       if (changes.active || id !== this.figure?.id) {
         await this.load(id)
       }
+      const pending = consumePendingFigureProposal()
+      if (pending?.source) {
+        this.applySourceDirectly(pending.source, pending.proposal)
+      }
       return
     }
 
@@ -1120,18 +1305,35 @@ export class FigureModellerPage extends FigureModellerPageBase {
     */
     if (!this.figure) {
       this.startNew()
+      const pending = consumePendingFigureProposal()
+      if (pending?.source) {
+        this.applySourceDirectly(pending.source, pending.proposal)
+      }
       return
     }
 
     if (this.figure.id) {
       this.startNew()
+      const pending = consumePendingFigureProposal()
+      if (pending?.source) {
+        this.applySourceDirectly(pending.source, pending.proposal)
+      }
       return
     }
 
     if (shouldStartNewFigure(changes, !!this.figure, this.figure?.id)) {
       this.startNew()
+      const pending = consumePendingFigureProposal()
+      if (pending?.source) {
+        this.applySourceDirectly(pending.source, pending.proposal)
+      }
       return
     }
+
+    const pending = consumePendingFigureProposal()
+    if (pending?.source) {
+      this.applySourceDirectly(pending.source, pending.proposal)
+    }
   }
 
   private loadGeneration = 0
@@ -1209,6 +1411,15 @@ export class FigureModellerPage extends FigureModellerPageBase {
     this.dirty = true
   }
 
+  private typeChanged(type: string) {
+    if (!type || this.figure?.id) return
+    const sanitized = type.replace(/[^A-Za-z0-9_]/g, '_').toUpperCase()
+    if (this.board) this.board.figureType = sanitized
+    this.figure = { ...this.figure, type: sanitized } as Figure
+    this.folded = this.board ? toFigureSource(this.board, this.parts) : undefined
+    this.dirty = true
+  }
+
   /**
    * 분류와 태그를 고친다.
    *
@@ -1455,71 +1666,137 @@ export class FigureModellerPage extends FigureModellerPageBase {
     }
   }
 
-  private async save() {
+  private save() {
     if (!this.canSave || !this.folded || !this.figure) {
       return
     }
 
+    if (!this.figure.id) {
+      // 신규 저장: 타입 코드와 표시 이름을 명확히 팝업으로 확인/입력받음
+      let defaultType = this.board?.figureType || this.figure.type || ''
+      if (!defaultType || defaultType.startsWith('FIGURE_')) {
+        defaultType = 'FIGURE'
+      }
+      this.saveModalType = defaultType
+      this.saveModalName = this.figure.name || ''
+      this.saveModalError = ''
+      this.showSaveModal = true
+      return
+    }
+
+    void this.doSave()
+  }
+
+  private async doSave() {
+    if (!this.folded || !this.figure) return
+
     this.saving = true
     this.saveFailure = ''
-    try {
-      const sourceJson = JSON.stringify(this.folded)
-      /*
-        보이는 것을 그대로 찍어 함께 보낸다.
+    this.saveModalError = ''
 
-        카드가 그림 없이 서 있으면 카탈로그에서 무엇인지 못 고른다. 찍는 자리를 저장에 두는 이유는
-        **그 순간이 정본이 바뀌는 순간**이라서다 — 따로 찍는 절차를 두면 그림과 정본이 갈린다.
+    try {
+      if (!this.figure.id) {
+        const typeToSave = (this.saveModalType || this.board?.figureType || this.figure.type || 'FIGURE').trim().toUpperCase()
+        const nameToSave = (this.saveModalName || this.figure.name || typeToSave).trim()
 
-        못 찍으면 보내지 않는다(`undefined`). 빈 그림을 넣어 「그림이 있다」고 말하지 않는다.
-      */
-      const thumbnail = await captureThumbnail(this.board, this.parts)
+        if (!typeToSave) {
+          throw new Error('타입 이름을 입력하세요.')
+        }
 
-      if (this.figure.id) {
-        const result = await updateFigure(this.figure.id, {
-          name: this.figure.name,
-          /*
-            카탈로그의 값도 함께 보낸다. 화면에서 고쳐 놓고 저장에 안 실으면 저장 뒤에 조용히
-            사라진다 — 저작자는 저장했다고 보고 다시 열면 없다.
-          */
-          category: this.figure.category,
-          tags: this.figure.tags,
-          source: sourceJson,
-          thumbnail
-        })
-        this.figure = result.figure
-        this.violations = result.violations
-      } else {
-        // 새로 만들 때만 타입 이름이 정해진다. 이미 쓰이는 이름이면 저장 전에 막는다 —
-        // 만든 뒤에는 고칠 수 없으므로 여기서 걸러야 한다.
         const taken = await fetchFigureTypeNames()
-        if (taken.includes(this.folded.type)) {
-          throw new Error(i18next.t('figure.text.type-name-already-taken', { type: this.folded.type }))
+        if (taken.includes(typeToSave)) {
+          throw new Error(i18next.t('figure.text.type-name-already-taken', { type: typeToSave }))
         }
 
+        if (this.board) this.board.figureType = typeToSave
+        this.figure = { ...this.figure, type: typeToSave, name: nameToSave }
+        this.folded = { ...this.folded, type: typeToSave }
+        const sourceJson = JSON.stringify(this.folded)
+        const thumbnail = await captureThumbnail(this.board, this.parts)
+
         const result = await createFigure({
-          type: this.folded.type,
-          name: this.figure.name,
+          type: typeToSave,
+          name: nameToSave,
           category: this.figure.category,
           tags: this.figure.tags,
           source: sourceJson,
           thumbnail
         })
+
         this.figure = result.figure
         this.violations = result.violations
+        this.showSaveModal = false
+        this.dirty = false
         navigate(`figure-modeller/${result.figure.id}`)
+        return
+      }
+
+      // 기존 모델 업데이트: folded.type이 figure.type과 일치하도록 보장
+      if (this.figure.type && this.folded.type !== this.figure.type) {
+        this.folded = { ...this.folded, type: this.figure.type }
+        if (this.board) this.board.figureType = this.figure.type
       }
+      const sourceJson = JSON.stringify(this.folded)
+      const thumbnail = await captureThumbnail(this.board, this.parts)
 
+      const result = await updateFigure(this.figure.id, {
+        name: this.figure.name,
+        category: this.figure.category,
+        tags: this.figure.tags,
+        source: sourceJson,
+        thumbnail
+      })
+      this.figure = result.figure
+      this.violations = result.violations
       this.dirty = false
     } catch (e) {
-      /*
-        **서버가 말한 사유를 그대로 올린다.** 여기서 문장을 다시 지으면 무엇이 걸렸는지 알 수 없다 —
-        타입 이름이 이미 쓰였다는 것과 권한이 없다는 것은 저작자가 할 일이 다르다.
-
-        `dirty` 는 건드리지 않는다. 저장이 안 됐으므로 미저장인 것이 사실이다.
-      */
-      this.saveFailure = (e as Error).message
+      const msg = (e as Error).message
+      this.saveFailure = msg
+      this.saveModalError = msg
     } finally {
       this.saving = false
     }
   }
+
+  private renderSaveModal() {
+    if (!this.showSaveModal) return nothing
+
+    return html`
+      <div class="save-modal-backdrop" @click=${(e: Event) => { if (e.target === e.currentTarget) this.showSaveModal = false }}>
+        <div class="save-modal-card" role="dialog" aria-modal="true">
+          <h3 class="save-modal-title">${i18next.t('figure.title.save-new-figure', { defaultValue: '도형 초안 저장' })}</h3>
+          <p class="save-modal-desc">${i18next.t('figure.text.save-new-figure-desc', { defaultValue: '보드와 캔버스에서 식별할 고유 타입 코드와 이름을 정합니다.' })}</p>
+
+          <div class="save-modal-field">
+            <label>${i18next.t('figure.label.figure-type', { defaultValue: '타입 코드 (영문 대문자)' })}</label>
+            <input
+              .value=${this.saveModalType}
+              placeholder="예: OHT, AGV_LIFTER"
+              @input=${(e: Event) => (this.saveModalType = (e.target as HTMLInputElement).value.trim().toUpperCase())}
+            />
+          </div>
+
+          <div class="save-modal-field">
+            <label>${i18next.t('figure.label.name', { defaultValue: '도형 이름' })}</label>
+            <input
+              .value=${this.saveModalName}
+              placeholder="예: 오버헤드 호이스트 트랜스포트"
+              @input=${(e: Event) => (this.saveModalName = (e.target as HTMLInputElement).value)}
+            />
+          </div>
+
+          ${this.saveModalError ? html`<div class="save-modal-error">${this.saveModalError}</div>` : nothing}
+
+          <div class="save-modal-actions">
+            <button class="btn-cancel" @click=${() => (this.showSaveModal = false)}>
+              ${i18next.t('figure.button.cancel', { defaultValue: '취소' })}
+            </button>
+            <button class="btn-confirm" ?disabled=${this.saving || !this.saveModalType} @click=${() => this.doSave()}>
+              ${this.saving ? i18next.t('figure.text.saving-figure', { defaultValue: '저장 중...' }) : i18next.t('figure.button.save', { defaultValue: '저장' })}
+            </button>
+          </div>
+        </div>
+      </div>
+    `
+  }
 }

package/dist-client/modeller/figure-ai-target.d.ts

@@ -6,3 +6,13 @@ export declare function takeFigureAITarget(): {
     figureId?: string;
     source?: unknown;
 } | undefined;
+export declare function stageFigureProposal(data: {
+    figureId?: string;
+    source?: any;
+    proposal?: any;
+}): void;
+export declare function consumePendingFigureProposal(): {
+    figureId?: string;
+    source?: any;
+    proposal?: any;
+} | undefined;

package/dist-client/modeller/figure-ai-target.js

@@ -9,4 +9,14 @@ export function takeFigureAITarget() {
     pending = undefined;
     return target;
 }
+let pendingStage;
+export function stageFigureProposal(data) {
+    pendingStage = structuredClone(data);
+    window.dispatchEvent(new CustomEvent('figure-ai-stage', { detail: data }));
+}
+export function consumePendingFigureProposal() {
+    const target = pendingStage;
+    pendingStage = undefined;
+    return target;
+}
 //# sourceMappingURL=figure-ai-target.js.map

package/dist-client/modeller/figure-ai-target.js.map

@@ -1 +1 @@
-{"version":3,"file":"figure-ai-target.js","sourceRoot":"","sources":["../../client/modeller/figure-ai-target.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,IAAI,OAA4D,CAAA;AAChE,MAAM,UAAU,eAAe,CAAC,MAA+C;IAC7E,OAAO,GAAG,eAAe,CAAC,MAAM,CAAC,CAAA;IACjC,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,kBAAkB,CAAC,CAAC,CAAA;AAC3D,CAAC;AACD,MAAM,UAAU,kBAAkB;IAChC,MAAM,MAAM,GAAG,OAAO,CAAA;IACtB,OAAO,GAAG,SAAS,CAAA;IACnB,OAAO,MAAM,CAAA;AACf,CAAC","sourcesContent":["/** Explicit AI entry survives lazy creation of the app-level dock. */\nlet pending: { figureId?: string; source?: unknown } | undefined\nexport function requestFigureAI(target: { figureId?: string; source?: unknown }) {\n  pending = structuredClone(target)\n  window.dispatchEvent(new CustomEvent('figure-ai-target'))\n}\nexport function takeFigureAITarget() {\n  const target = pending\n  pending = undefined\n  return target\n}\n"]}
+{"version":3,"file":"figure-ai-target.js","sourceRoot":"","sources":["../../client/modeller/figure-ai-target.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,IAAI,OAA4D,CAAA;AAChE,MAAM,UAAU,eAAe,CAAC,MAA+C;IAC7E,OAAO,GAAG,eAAe,CAAC,MAAM,CAAC,CAAA;IACjC,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,kBAAkB,CAAC,CAAC,CAAA;AAC3D,CAAC;AACD,MAAM,UAAU,kBAAkB;IAChC,MAAM,MAAM,GAAG,OAAO,CAAA;IACtB,OAAO,GAAG,SAAS,CAAA;IACnB,OAAO,MAAM,CAAA;AACf,CAAC;AAED,IAAI,YAA6E,CAAA;AACjF,MAAM,UAAU,mBAAmB,CAAC,IAAyD;IAC3F,YAAY,GAAG,eAAe,CAAC,IAAI,CAAC,CAAA;IACpC,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,iBAAiB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;AAC5E,CAAC;AAED,MAAM,UAAU,4BAA4B;IAC1C,MAAM,MAAM,GAAG,YAAY,CAAA;IAC3B,YAAY,GAAG,SAAS,CAAA;IACxB,OAAO,MAAM,CAAA;AACf,CAAC","sourcesContent":["/** Explicit AI entry survives lazy creation of the app-level dock. */\nlet pending: { figureId?: string; source?: unknown } | undefined\nexport function requestFigureAI(target: { figureId?: string; source?: unknown }) {\n  pending = structuredClone(target)\n  window.dispatchEvent(new CustomEvent('figure-ai-target'))\n}\nexport function takeFigureAITarget() {\n  const target = pending\n  pending = undefined\n  return target\n}\n\nlet pendingStage: { figureId?: string; source?: any; proposal?: any } | undefined\nexport function stageFigureProposal(data: { figureId?: string; source?: any; proposal?: any }) {\n  pendingStage = structuredClone(data)\n  window.dispatchEvent(new CustomEvent('figure-ai-stage', { detail: data }))\n}\n\nexport function consumePendingFigureProposal() {\n  const target = pendingStage\n  pendingStage = undefined\n  return target\n}\n"]}

package/dist-client/modeller/figure-canvas.d.ts

@@ -46,6 +46,7 @@ export declare class FigureCanvas extends FigureCanvas_base {
     /** 보기 설정. 자산이 아니라 작업대다 — 저장되지 않는다(`figure-view.ts`). */
     view: ViewSettings;
     parts: PartModel[];
+    revision: number;
     /** 지금 고른 부품 이름. 목록에서 고른 것을 캔버스에 알린다. */
     picked?: string;
     /**

package/dist-client/modeller/figure-canvas.js

@@ -5,6 +5,17 @@ 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';
+function toScenePlacement(placement) {
+    switch (placement) {
+        case 'ceiling':
+            return 'inverted';
+        case 'center':
+            return 'space';
+        case 'floor':
+        default:
+            return 'floor';
+    }
+}
 /**
  * 판의 종이 색 — 거의 흰색.
  *
@@ -68,6 +79,7 @@ let FigureCanvas = class FigureCanvas extends localize(i18next)(LitElement) {
         /** 보기 설정. 자산이 아니라 작업대다 — 저장되지 않는다(`figure-view.ts`). */
         this.view = DEFAULT_VIEW;
         this.parts = [];
+        this.revision = 0;
         /**
          * 보기 전용 — 씬에서 일어난 일을 밖에 알리지 않는다.
          *
@@ -187,7 +199,9 @@ let FigureCanvas = class FigureCanvas extends localize(i18next)(LitElement) {
     willUpdate(changed) {
         if (!this.hasUpdated)
             return;
-        if (changed.has('board') || changed.has('parts') || changed.has('figureId'))
+        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('view'))
             this.applyView();
@@ -226,7 +240,7 @@ let FigureCanvas = class FigureCanvas extends localize(i18next)(LitElement) {
             this.cannot = i18next.t('figure.text.canvas-appears-once-a-part-exists');
             return;
         }
-        const signature = `${this.figureId ?? ''}:${board.width}x${board.height}x${board.depth}`;
+        const signature = `${this.figureId ?? ''}:${board.width}x${board.height}x${board.depth}:${board.placement ?? 'floor'}`;
         if (this.scene && this.standing === signature) {
             this.syncParts();
             return;
@@ -240,6 +254,7 @@ let FigureCanvas = class FigureCanvas extends localize(i18next)(LitElement) {
                     width: board.width,
                     height: board.height,
                     depth: board.depth,
+                    placement: toScenePlacement(board.placement),
                     threed: true,
                     environment: 'studio',
                     /*
@@ -461,6 +476,10 @@ __decorate([
     property({ type: Array }),
     __metadata("design:type", Array)
 ], FigureCanvas.prototype, "parts", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Object)
+], FigureCanvas.prototype, "revision", void 0);
 __decorate([
     property({ type: String }),
     __metadata("design:type", String)