@things-factory/figure-ui 10.1.10 → 10.1.14

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

@@ -0,0 +1,11 @@
+/** Explicit AI entry survives lazy creation of the app-level dock. */
+let pending: { figureId?: string; source?: unknown } | undefined
+export function requestFigureAI(target: { figureId?: string; source?: unknown }) {
+  pending = structuredClone(target)
+  window.dispatchEvent(new CustomEvent('figure-ai-target'))
+}
+export function takeFigureAITarget() {
+  const target = pending
+  pending = undefined
+  return target
+}

package/client/modeller/figure-ask.ts

@@ -58,6 +58,7 @@ export class FigureAsk extends localize(i18next)(LitElement) {
 
     form {
       display: flex;
+      flex-wrap: wrap;
       flex: 1;
       min-width: 0;
       align-items: center;
@@ -177,6 +178,7 @@ export class FigureAsk extends localize(i18next)(LitElement) {
   @property({ type: String }) type = ''
   /** 이 모델러 세션에서 사람이 명시적으로 남긴 이전 후보 반응. */
   @property({ type: Array }) feedback: ProposalFeedback[] = []
+  @property({ type: Boolean }) imageOnly = false
 
   @state() private asking = false
   @state() private failure = ''
@@ -186,7 +188,7 @@ export class FigureAsk extends localize(i18next)(LitElement) {
     const revising = !!this.source
 
     return html`
-      <form @submit=${(e: Event) => this.submit(e)}>
+      <form title="이미지의 형태와 비율을 참고한 후보를 만듭니다. 저장은 하지 않습니다." @submit=${(e: Event) => this.submit(e)}>
         <md-icon lead>auto_awesome</md-icon>
         <span mode>${i18next.t(revising ? 'figure.text.ask-to-revise' : 'figure.text.ask-to-create')}</span>
         <input
@@ -201,7 +203,7 @@ export class FigureAsk extends localize(i18next)(LitElement) {
             : i18next.t('figure.button.attach-a-picture')}
           <input type="file" accept="image/*" @change=${(e: Event) => this.pick(e)} />
         </label>
-        <button go ?disabled=${this.asking}>
+        <button go ?disabled=${this.asking || (this.imageOnly && !this.picture)}>
           ${this.asking ? i18next.t('figure.text.asking') : i18next.t('figure.button.ask')}
         </button>
       </form>
@@ -227,17 +229,18 @@ export class FigureAsk extends localize(i18next)(LitElement) {
 
     const input = this.renderRoot.querySelector('input[ask]') as HTMLInputElement
     const prompt = input?.value?.trim()
-    if (!prompt || this.asking) {
+    if (!prompt || this.asking || (this.imageOnly && !this.picture)) {
       return
     }
 
     this.asking = true
     this.failure = ''
+    const baseSource = this.source ? JSON.stringify(this.source) : undefined
 
     try {
       const proposal = await proposeFigure({
         prompt,
-        base: this.source ? JSON.stringify(this.source) : undefined,
+        base: baseSource,
         type: this.source ? undefined : this.type,
         // 그리는 쪽이 풀 수 있는 토큰만 보낸다. 서버는 이 목록 밖의 색을 거절한다.
         palette: Object.keys(activePalette() as Record<string, string>),
@@ -248,7 +251,7 @@ export class FigureAsk extends localize(i18next)(LitElement) {
       })
 
       this.dispatchEvent(
-        new CustomEvent('proposed', { detail: { proposal }, bubbles: true, composed: true })
+        new CustomEvent('proposed', { detail: { proposal, baseSource }, bubbles: true, composed: true })
       )
       input.value = ''
       this.picture = undefined

package/client/modeller/figure-canvas.ts

@@ -70,6 +70,7 @@ interface SceneBoard {
   selected?: SceneComponent[]
   app?: unknown
   addComponent?: (component: unknown) => void
+  removeComponent?: (component: unknown) => void
   on?: (event: string, handler: (...args: unknown[]) => void) => void
   /** 판 위의 루트. 선택 알림이 여기서 난다. */
   root?: {
@@ -82,7 +83,8 @@ interface SceneComponent {
   state: Record<string, unknown>
   set: (props: Record<string, unknown> | string, value?: unknown) => void
   on?: (event: string, handler: (...args: unknown[]) => void) => void
-  remove?: () => void
+  removeSelf?: (completely?: boolean) => void
+  dispose?: () => void
 }
 
 /**
@@ -181,6 +183,7 @@ export class FigureCanvas extends localize(i18next)(LitElement) {
    * 이미 씬 모델이므로, 그러면 값을 하나 고칠 때마다 왕복 변환이 한 번씩 일어난다.
    * 무손실이긴 하지만 하는 일이 없다 — 보드가 곧 보드이고 부품이 곧 컴포넌트다.
    */
+  @property({ type: String }) figureId?: string
   @property({ type: Object }) board?: BoardModel
   /** 보기 설정. 자산이 아니라 작업대다 — 저장되지 않는다(`figure-view.ts`). */
   @property({ type: Object }) view: ViewSettings = DEFAULT_VIEW
@@ -272,7 +275,7 @@ export class FigureCanvas extends localize(i18next)(LitElement) {
   willUpdate(changed: Map<string, unknown>) {
     if (!this.hasUpdated) return
 
-    if (changed.has('board') || changed.has('parts')) this.standUp()
+    if (changed.has('board') || changed.has('parts') || changed.has('figureId')) this.standUp()
     if (changed.has('view')) this.applyView()
     if (changed.has('picked')) this.showPicked()
   }
@@ -314,7 +317,7 @@ export class FigureCanvas extends localize(i18next)(LitElement) {
       return
     }
 
-    const signature = `${board.width}x${board.height}x${board.depth}`
+    const signature = `${this.figureId ?? ''}:${board.width}x${board.height}x${board.depth}`
     if (this.scene && this.standing === signature) {
       this.syncParts()
       return
@@ -455,7 +458,10 @@ export class FigureCanvas extends localize(i18next)(LitElement) {
 
     // 없어진 것을 제거한다
     for (const [name, component] of standing) {
-      if (!wanted.has(name)) component.remove?.()
+      if (!wanted.has(name)) {
+        root.removeComponent?.(component)
+        component.dispose?.()
+      }
     }
 
     for (const part of this.parts) {

package/client/modeller/new-figure-entry.ts

@@ -0,0 +1,4 @@
+/** A route entry starts a new document; ordinary updates must preserve edits. */
+export function shouldStartNewFigure(changes: Record<string, unknown>, hasFigure: boolean, savedId?: string): boolean {
+  return !hasFigure || !!savedId || changes.active === true || Object.prototype.hasOwnProperty.call(changes, 'resourceId')
+}