@things-factory/figure-ui 10.1.6 → 10.1.8

package/client/modeller/figure-ask.ts

@@ -8,7 +8,7 @@ import type { FigureSource } from '@hatiolab/figure-model'
 import { activePalette } from '@hatiolab/things-scene'
 
 import { proposeFigure } from '../graphql/index.js'
-import type { FigureProposal } from '../types.js'
+import type { FigureProposal, ProposalFeedback } from '../types.js'
 
 /**
  * 말로 시키는 줄.
@@ -175,6 +175,8 @@ export class FigureAsk extends localize(i18next)(LitElement) {
   @property({ type: Object }) source?: FigureSource
   /** 새로 만들 때 쓸 타입 이름. */
   @property({ type: String }) type = ''
+  /** 이 모델러 세션에서 사람이 명시적으로 남긴 이전 후보 반응. */
+  @property({ type: Array }) feedback: ProposalFeedback[] = []
 
   @state() private asking = false
   @state() private failure = ''
@@ -239,6 +241,9 @@ export class FigureAsk extends localize(i18next)(LitElement) {
         type: this.source ? undefined : this.type,
         // 그리는 쪽이 풀 수 있는 토큰만 보낸다. 서버는 이 목록 밖의 색을 거절한다.
         palette: Object.keys(activePalette() as Record<string, string>),
+        // 구조적으로는 맞지만 품질 근거가 남으면 한 번 더 개선 후보를 시킨다.
+        refine: true,
+        feedback: this.feedback,
         image: this.picture
       })
 

package/client/modeller/figure-history-panel.ts

@@ -7,7 +7,7 @@ import { i18next, localize } from '@operato/i18n'
 import { ScrollbarStyles } from '@operato/styles'
 
 import { fetchFigureVersions, inspectFigure, releaseFigure, revertFigureVersion } from '../graphql/index.js'
-import type { FigureGateFinding, FigureInspection, FigureVersion } from '../types.js'
+import type { FigureGateFinding, FigureGateFix, FigureInspection, FigureVersion } from '../types.js'
 
 /**
  * 이력 — **발행하는 자리이자, 발행된 판들을 보는 자리.**
@@ -253,6 +253,33 @@ export class FigureHistoryPanel extends localize(i18next)(LitElement) {
       margin-top: 1px;
     }
 
+    /* 설명으로 끝내지 않는다. 이 단추는 원본을 바꾸지 않고 모델러에 후보만 연다. */
+    li[finding] button[preview-fix] {
+      margin-top: 3px;
+      padding: 4px 7px;
+      font-weight: 700;
+      color: var(--md-sys-color-on-primary-container, var(--md-sys-color-on-surface));
+      background-color: var(--md-sys-color-primary-container, transparent);
+      border: 0;
+      border-radius: 5px;
+      cursor: pointer;
+    }
+
+    li[finding] button[preview-fix]:hover {
+      filter: brightness(1.08);
+    }
+
+    li[finding] button[apply-fix] {
+      margin-top: 3px;
+      padding: 4px 7px;
+      font-weight: 700;
+      color: var(--ui-on-accent, #fff);
+      background-color: var(--md-sys-color-primary);
+      border: 0;
+      border-radius: 5px;
+      cursor: pointer;
+    }
+
     p[quiet] {
       margin: 0;
       line-height: 1.6;
@@ -408,10 +435,34 @@ export class FigureHistoryPanel extends localize(i18next)(LitElement) {
         ${finding.at ? html`<code where>${finding.at}</code>` : nothing}
         ${finding.why ? html`<span why-line>${finding.why}</span>` : nothing}
         ${finding.how ? html`<span how-line><md-icon>build</md-icon>${finding.how}</span>` : nothing}
+        ${(finding.fixes ?? []).map(fix => html`
+          ${fix.safe ? html`
+            <button apply-fix @click=${() => this.applyFix(fix)}>
+              안전하게 수정 적용 · ${fix.part}.anchor.${fix.axis}: ${fix.from ?? 'auto'} → ${fix.to}
+            </button>
+          ` : nothing}
+          <button preview-fix @click=${() => this.previewFix(fix)}>
+            수정안 미리보기 · ${fix.part}.anchor.${fix.axis}: ${fix.from ?? 'auto'} → ${fix.to}
+          </button>
+        `)}
       </li>
     `
   }
 
+  /**
+   * 게이트는 수정을 저장하지 않는다. 부모 모델러가 현재 정본과 이 한 수정안을 나란히 렌더하고,
+   * 저작자가 '변경 받기'를 눌렀을 때에만 자기 작업 사본에 적용한다.
+   */
+  private previewFix(fix: FigureGateFix) {
+    this.dispatchEvent(new CustomEvent('preview-sizing-fix', { detail: fix, bubbles: true, composed: true }))
+  }
+
+  /** 서버가 전수 재검사해 모든 차단 split이 사라진 후보만 작업 사본에 원클릭 적용한다. 저장은 하지 않는다. */
+  private applyFix(fix: FigureGateFix) {
+    if (!fix.safe) return
+    this.dispatchEvent(new CustomEvent('apply-sizing-fix', { detail: fix, bubbles: true, composed: true }))
+  }
+
   private renderVersion(version: FigureVersion) {
     return html`
       <li>