@things-factory/figure-ui 10.1.65 → 10.1.67

package/dist-client/modeller/figure-history-panel.js

@@ -32,16 +32,9 @@ let FigureHistoryPanel = class FigureHistoryPanel extends localize(i18next)(LitE
         this.figureVersion = 0;
         /** 저장하지 않은 것이 있나 — 있으면 발행을 막는다. */
         this.dirty = false;
-        /**
-         * 열린 도형의 형식. 발행 · 판본 · 복원은 figure id 로만 서버를 묻고 서버의 한 문이 두 형식을 다 읽으므로 두 화면이
-         * 이 패널을 함께 쓴다. 갈리는 것은 조치 단추 하나다 — 부품을 옮기는 두 조치는 형식마다 다른 편집이라, 받는
-         * 화면이 없는 단추를 그리면 눌러도 아무 일이 없다.
-         */
-        this.format = 'v2';
         this.versions = [];
         this.busy = false;
         this.failure = '';
-        this.keepChangedAppearance = false;
     }
     static { this.styles = [
         gateFindingStyles,
@@ -206,55 +199,6 @@ let FigureHistoryPanel = class FigureHistoryPanel extends localize(i18next)(LitE
       「이 중 어느 것이 발행을 막았나」를 사람이 다시 세어야 한다.
     */
 
-    /* 설명으로 끝내지 않는다. 이 단추는 원본을 바꾸지 않고 모델러에 후보만 연다. */
-    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;
-    }
-
-    div[ratio-choice] {
-      display: flex;
-      flex-wrap: wrap;
-      gap: 6px;
-      margin-top: 4px;
-    }
-
-    div[ratio-choice] button:not([apply-fix]) {
-      padding: 4px 7px;
-      color: var(--md-sys-color-on-surface);
-      background: transparent;
-      border: 1px solid var(--md-sys-color-outline-variant);
-      border-radius: 5px;
-      cursor: pointer;
-    }
-
-    div[ratio-choice] button[selected] {
-      color: var(--md-sys-color-on-primary-container);
-      background: var(--md-sys-color-primary-container);
-      border-color: transparent;
-    }
-
     p[quiet] {
       margin: 0;
       line-height: 1.6;
@@ -275,7 +219,6 @@ let FigureHistoryPanel = class FigureHistoryPanel extends localize(i18next)(LitE
         }
     }
     async inspect() {
-        this.keepChangedAppearance = false;
         if (!this.figureId || this.dirty) {
             this.inspection = undefined;
             return;
@@ -327,7 +270,6 @@ let FigureHistoryPanel = class FigureHistoryPanel extends localize(i18next)(LitE
         */
         const blocking = (this.inspection?.findings ?? []).filter(finding => finding.blocking);
         const advisory = (this.inspection?.findings ?? []).filter(finding => !finding.blocking);
-        const appearanceChoiceNeeded = advisory.some(finding => finding.code === 'base-ratio-changed') && !this.keepChangedAppearance;
         /*
           ── 「발행되나」에 **한 번만** 답한다 ─────────────────────────────────────
           전에는 막는 목록의 머리가 「이것들이 발행을 막습니다」, 알리는 목록의 머리가 「발행은 되지만
@@ -341,11 +283,9 @@ let FigureHistoryPanel = class FigureHistoryPanel extends localize(i18next)(LitE
             ? i18next.t('figure.text.release-needs-a-save-first')
             : released
                 ? i18next.t('figure.text.already-released-edit-to-release-again')
-                : appearanceChoiceNeeded
-                    ? i18next.t('figure.text.choose-appearance-change')
-                    : blocking.length
-                        ? i18next.t('figure.text.cannot-release-now')
-                        : '';
+                : blocking.length
+                    ? i18next.t('figure.text.cannot-release-now')
+                    : '';
         return html `
       <div now>
         <span state ?released=${released}>${i18next.t(released ? 'figure.label.figure-released' : 'figure.label.draft')}</span>
@@ -388,59 +328,8 @@ let FigureHistoryPanel = class FigureHistoryPanel extends localize(i18next)(LitE
               ${i18next.t('figure.button.fit-base-to-parts')}
             </button>`
             : nothing}
-        ${finding.code === 'parts-off-placement-face' && this.format === 'v2'
-            ? html `<button fit-base @click=${() => this.settleOnFloor()}>
-              ${i18next.t('figure.button.settle-on-floor')}
-            </button>`
-            : nothing}
-        ${finding.code === 'base-ratio-changed' && this.releasedBase
-            ? html `<div ratio-choice>
-              <button apply-fix @click=${() => this.restoreReleasedFootprint()}>
-                ${i18next.t('figure.button.restore-released-base')}
-              </button>
-              <button ?selected=${this.keepChangedAppearance} @click=${() => this.keepChangedFootprint()}>
-                ${i18next.t('figure.button.keep-changed-appearance')}
-              </button>
-            </div>
-            <span how-line><md-icon>info</md-icon>${i18next.t('figure.text.appearance-choice-explained')}</span>`
-            : nothing}
-        ${(finding.fixes ?? []).map(fix => html `
-          ${fix.safe ? html `
-            <button apply-fix @click=${() => this.applyFix(fix)}>
-              ${i18next.t('figure.button.apply-fix', { part: fix.part, axis: fix.axis.toUpperCase(), from: fix.from ?? 'auto', to: fix.to })}
-            </button>
-          ` : nothing}
-          <button preview-fix @click=${() => this.previewFix(fix)}>
-            ${i18next.t('figure.button.preview-fix', { part: fix.part, axis: fix.axis.toUpperCase(), from: fix.from ?? 'auto', to: fix.to })}
-          </button>
-        `)}
-        ${finding.fixPlan?.safe ? html `
-          <span how-line><md-icon>auto_fix_high</md-icon>${i18next.t('figure.text.recommended-fix-explained', { n: finding.fixPlan.fixes.length })}</span>
-          <button apply-fix @click=${() => this.applyFixPlan(finding.fixPlan)}>
-            ${i18next.t('figure.button.apply-recommended-fix')}
-          </button>
-        ` : nothing}
     `);
     }
-    /**
-     * 게이트는 수정을 저장하지 않는다. 부모 모델러가 현재 정본과 이 한 수정안을 나란히 렌더하고,
-     * 저작자가 '변경 받기'를 눌렀을 때에만 자기 작업 사본에 적용한다.
-     */
-    previewFix(fix) {
-        this.dispatchEvent(new CustomEvent('preview-sizing-fix', { detail: fix, bubbles: true, composed: true }));
-    }
-    /** 서버가 전수 재검사해 모든 차단 split이 사라진 후보만 작업 사본에 원클릭 적용한다. 저장은 하지 않는다. */
-    applyFix(fix) {
-        if (!fix.safe)
-            return;
-        this.dispatchEvent(new CustomEvent('apply-sizing-fix', { detail: fix, bubbles: true, composed: true }));
-    }
-    /** Apply the server-remeasured coordinated repair to the draft only; save remains explicit. */
-    applyFixPlan(plan) {
-        if (!plan.safe || plan.fixes.length === 0)
-            return;
-        this.dispatchEvent(new CustomEvent('apply-sizing-fix-plan', { detail: plan, bubbles: true, composed: true }));
-    }
     /**
      * 넘친 것을 담는 길 하나를 여기서도 내민다 — **같은 동작이 속성 패널에도 있다**(「부품에 맞추기」).
      *
@@ -450,40 +339,17 @@ let FigureHistoryPanel = class FigureHistoryPanel extends localize(i18next)(LitE
      * 여전히 저작자가 따로 한다.
      */
     /**
-     * 「부품에 맞추기」를 내미는 판정. V2 는 기준 상자를 부품에 맞추고, V3 는 공간을 부품에서 다시 선언한다
-     * (`declare-occupancy`) — 둘 다 부품은 그대로 두고 선언만 바꾼다. V3 에서 공간을 아직 선언하지 않은 도형도
-     * 같은 단추로 선언한다: 새로 만든 V3 도형은 전부 그 판정으로 막히고, 화면에 다른 길이 없다.
-     *
-     * V3 의 장착면이 떠 있는 것은 여기 없다. 부품 하나를 평면에 붙이면 그 부품에 붙지 않은 것은 따라오지 않아
-     * V2 의 「바닥에 앉히기」와 뜻이 다르다. 판정의 「어떻게」가 할 일을 말한다.
+     * 「부품에 맞추기」를 내미는 판정: 공간을 부품에서 다시 선언한다(`declare-occupancy`) — 부품은 그대로 두고 선언만
+     * 바꾼다. 공간을 아직 선언하지 않은 도형도 같은 단추로 선언한다: 새로 만든 도형은 전부 그 판정으로 막히고, 화면에
+     * 다른 길이 없다. 장착면이 떠 있는 것은 여기 없다 — 부품 하나를 평면에 붙여도 거기 붙지 않은 것은 따라오지 않는다.
+     * 판정의 「어떻게」가 할 일을 말한다.
      */
     offersFit(code) {
-        return this.format === 'v3'
-            ? code === 'part-outside-occupancy' || code === 'occupancy-undeclared'
-            : code === 'part-outside-base';
+        return code === 'part-outside-occupancy' || code === 'occupancy-undeclared';
     }
     fitBase() {
         this.dispatchEvent(new CustomEvent('fit-base-to-parts', { bubbles: true, composed: true }));
     }
-    /**
-     * 떠 있는 것을 앉힌다. 부품 하나를 고르고 「바닥에」를 누르는 길은 전부터 있었으나, 그 길은
-     * 고른 것 하나만 옮기고 **여기서는 닿지 않는다.** 막혔다는 말을 읽은 자리에서 조치가 되게 한다.
-     */
-    settleOnFloor() {
-        this.dispatchEvent(new CustomEvent('settle-parts-on-floor', { bubbles: true, composed: true }));
-    }
-    /** 기준 상자의 X·Z만 직전 발행값으로 되돌린다. Y와 부품 편집은 보존한다. */
-    restoreReleasedFootprint() {
-        if (!this.releasedBase)
-            return;
-        this.dispatchEvent(new CustomEvent('restore-released-footprint', {
-            detail: { x: this.releasedBase.x, z: this.releasedBase.z }, bubbles: true, composed: true
-        }));
-    }
-    /** 현재 외형으로 발행하겠다는 명시적 선택이다. 저장·발행은 이어서 따로 한다. */
-    keepChangedFootprint() {
-        this.keepChangedAppearance = true;
-    }
     renderVersion(version) {
         return html `
       <li>
@@ -569,18 +435,10 @@ __decorate([
     property({ type: Boolean }),
     __metadata("design:type", Object)
 ], FigureHistoryPanel.prototype, "dirty", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], FigureHistoryPanel.prototype, "format", void 0);
 __decorate([
     property({ type: String }),
     __metadata("design:type", String)
 ], FigureHistoryPanel.prototype, "figureType", void 0);
-__decorate([
-    property({ attribute: false }),
-    __metadata("design:type", Object)
-], FigureHistoryPanel.prototype, "releasedBase", void 0);
 __decorate([
     state(),
     __metadata("design:type", Array)
@@ -593,10 +451,6 @@ __decorate([
     state(),
     __metadata("design:type", Object)
 ], FigureHistoryPanel.prototype, "failure", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], FigureHistoryPanel.prototype, "keepChangedAppearance", void 0);
 __decorate([
     state(),
     __metadata("design:type", Object)

package/dist-client/modeller/figure-history-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"figure-history-panel.js","sourceRoot":"","sources":["../../client/modeller/figure-history-panel.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { gateFindingStyles, renderGateFinding } from './gate-findings.js'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\n\nimport { fetchFigureVersions, inspectFigure, releaseFigure, revertFigureVersion } from '../graphql/index.js'\nimport type { FigureGateFinding, FigureGateFix, FigureGateFixPlan, FigureInspection, FigureVersion } from '../types.js'\nimport { OxPrompt } from '@operato/popup'\n\n/**\n * 이력 — **발행하는 자리이자, 발행된 판들을 보는 자리.**\n *\n * ## 왜 저장 옆이 아니라 여기인가\n *\n * 저장은 하루에 수십 번이고 발행은 드물다. 두 단추를 나란히 두면 저장하려다 발행을 누른다.\n * 그리고 발행은 **소비처에게 하는 약속**이라, 무엇을 약속하는지(지금 몇 판인가 · 저장 안 한 것이\n * 있나 · 지난 판이 무엇이었나)를 함께 보여 주는 자리에 있어야 한다.\n *\n * ## 저장하지 않은 것이 있으면 발행하지 않는다\n *\n * 발행은 **저장된 것**을 내보낸다. 화면에 고친 것이 남아 있는 채로 발행하면, 저작자가 보고 있는\n * 것과 약속한 것이 다르다. 그래서 막고, 왜 막혔는지 적는다.\n *\n * ## 되돌리기는 초안으로 돌아온다\n *\n * 옛 판의 정본·속성·그림이 돌아오고 이름·설명은 그대로다. 되살렸다고 그 판이 다시 발행되지는\n * 않는다 — 다시 내보내려면 발행을 한 번 더 하고, 그때 번호는 이미 쓴 다음 번호를 받는다.\n */\n@customElement('figure-history-panel')\nexport class FigureHistoryPanel extends localize(i18next)(LitElement) {\n  static styles = [\n    gateFindingStyles,\n    ScrollbarStyles,\n    css`\n    :host {\n      display: flex;\n      flex-direction: column;\n      min-height: 0;\n      overflow-y: auto;\n      background-color: var(--md-sys-color-surface-container-lowest);\n      color: var(--md-sys-color-on-surface);\n      font: var(--label-font, inherit);\n      font-size: 0.76rem;\n    }\n\n    :host([off]) {\n      display: none;\n    }\n\n    section {\n      padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);\n      border-bottom: 1px solid var(--md-sys-color-outline-variant);\n    }\n\n    h3 {\n      margin: 0 0 6px 0;\n      font-size: var(--ui-t-micro, 11px);\n      font-weight: 700;\n      letter-spacing: 0.04em;\n      text-transform: uppercase;\n      color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));\n    }\n\n    /* 지금 무엇인가 — 발행을 누르기 전에 읽는 한 줄 */\n    div[now] {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      margin-bottom: 8px;\n    }\n\n    span[state] {\n      padding: 2px 8px;\n      border-radius: 10px;\n      font-size: 0.7rem;\n      font-weight: 700;\n      color: var(--md-sys-color-on-secondary-container);\n      background-color: var(--md-sys-color-secondary-container);\n    }\n\n    span[state][released] {\n      color: var(--md-sys-color-on-primary);\n      background-color: var(--md-sys-color-primary);\n    }\n\n    span[ver] {\n      font-family: var(--mono-font, monospace);\n      color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));\n    }\n\n    input,\n    button {\n      font: var(--input-field-font, inherit);\n      font-size: 0.76rem;\n    }\n\n    input[note] {\n      width: 100%;\n      box-sizing: border-box;\n      padding: 5px 8px;\n      color: var(--md-sys-color-on-surface);\n      background-color: var(--md-sys-color-surface-container-lowest);\n      border: 1px solid var(--md-sys-color-outline-variant);\n      border-radius: 6px;\n    }\n\n    button[release] {\n      width: 100%;\n      margin-top: 6px;\n      padding: 6px 0;\n      font-weight: 700;\n      color: var(--ui-on-accent, #fff);\n      background-color: var(--md-sys-color-primary);\n      border: 0;\n      border-radius: 6px;\n      cursor: pointer;\n    }\n\n    button[release][disabled] {\n      opacity: 0.45;\n      cursor: default;\n    }\n\n    /* 왜 못 누르는지 — 눌러 보고 알게 하지 않는다 */\n    p[why] {\n      margin: 6px 0 0 0;\n      font-size: 0.7rem;\n      line-height: 1.5;\n      color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));\n    }\n\n    p[failed] {\n      margin: 6px 0 0 0;\n      font-size: 0.7rem;\n      line-height: 1.5;\n      color: var(--md-sys-color-error);\n    }\n\n    ul {\n      margin: 0;\n      padding: 0;\n      list-style: none;\n    }\n\n    li {\n      display: grid;\n      grid-template-columns: auto 1fr auto;\n      gap: 4px 8px;\n      align-items: baseline;\n      padding: 7px 0;\n      border-bottom: 1px dashed var(--md-sys-color-outline-variant);\n    }\n\n    li:last-child {\n      border-bottom: 0;\n    }\n\n    li span[no] {\n      font-family: var(--mono-font, monospace);\n      font-weight: 700;\n    }\n\n    li span[when] {\n      grid-column: 2 / 4;\n      font-size: 0.7rem;\n      color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));\n    }\n\n    li span[comment] {\n      grid-column: 1 / 4;\n      line-height: 1.5;\n    }\n\n    li button[revert] {\n      padding: 2px 8px;\n      color: var(--md-sys-color-on-surface);\n      background: none;\n      border: 1px solid var(--md-sys-color-outline-variant);\n      border-radius: 6px;\n      cursor: pointer;\n    }\n\n    li button[revert]:hover {\n      color: var(--md-sys-color-on-primary-container);\n      background-color: var(--md-sys-color-primary-container);\n      border-color: transparent;\n    }\n\n    /*\n      게이트 사유. 막는 것은 색으로도 말하고, 알리는 것은 조용히 둔다 — 둘을 같은 톤으로 두면\n      「이 중 어느 것이 발행을 막았나」를 사람이 다시 세어야 한다.\n    */\n\n    /* 설명으로 끝내지 않는다. 이 단추는 원본을 바꾸지 않고 모델러에 후보만 연다. */\n    li[finding] button[preview-fix] {\n      margin-top: 3px;\n      padding: 4px 7px;\n      font-weight: 700;\n      color: var(--md-sys-color-on-primary-container, var(--md-sys-color-on-surface));\n      background-color: var(--md-sys-color-primary-container, transparent);\n      border: 0;\n      border-radius: 5px;\n      cursor: pointer;\n    }\n\n    li[finding] button[preview-fix]:hover {\n      filter: brightness(1.08);\n    }\n\n    li[finding] button[apply-fix] {\n      margin-top: 3px;\n      padding: 4px 7px;\n      font-weight: 700;\n      color: var(--ui-on-accent, #fff);\n      background-color: var(--md-sys-color-primary);\n      border: 0;\n      border-radius: 5px;\n      cursor: pointer;\n    }\n\n    div[ratio-choice] {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 6px;\n      margin-top: 4px;\n    }\n\n    div[ratio-choice] button:not([apply-fix]) {\n      padding: 4px 7px;\n      color: var(--md-sys-color-on-surface);\n      background: transparent;\n      border: 1px solid var(--md-sys-color-outline-variant);\n      border-radius: 5px;\n      cursor: pointer;\n    }\n\n    div[ratio-choice] button[selected] {\n      color: var(--md-sys-color-on-primary-container);\n      background: var(--md-sys-color-primary-container);\n      border-color: transparent;\n    }\n\n    p[quiet] {\n      margin: 0;\n      line-height: 1.6;\n      color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));\n    }\n  `\n  ]\n\n  /** 지금 열려 있는 도형. 없으면(새로 만드는 중) 발행할 것이 없다. */\n  @property({ type: String }) figureId?: string\n  @property({ type: String }) figureState?: 'draft' | 'released'\n  @property({ type: Number }) figureVersion = 0\n  /** 저장하지 않은 것이 있나 — 있으면 발행을 막는다. */\n  @property({ type: Boolean }) dirty = false\n  /**\n   * 열린 도형의 형식. 발행 · 판본 · 복원은 figure id 로만 서버를 묻고 서버의 한 문이 두 형식을 다 읽으므로 두 화면이\n   * 이 패널을 함께 쓴다. 갈리는 것은 조치 단추 하나다 — 부품을 옮기는 두 조치는 형식마다 다른 편집이라, 받는\n   * 화면이 없는 단추를 그리면 눌러도 아무 일이 없다.\n   */\n  @property({ type: String }) format: 'v2' | 'v3' = 'v2'\n  /**\n   * 행의 타입. 판정 하나(`type-is-placeholder`)가 이것을 본다 — V3 자산은 타입을 원본에 적지 않아서, 타입을 바꾸면\n   * 원본도 dirty 도 그대로다. 그래서 이 값이 바뀌면 판정을 다시 묻는다. 안 그러면 타입을 정한 뒤에도 「임시 타입」\n   * 판정이 남아 발행 단추가 잠긴 채다.\n   */\n  @property({ type: String }) figureType?: string\n  /** 직전 발행판의 기준 상자. 외형 변화 안내에서 X·Z 복원 선택지에만 쓴다. */\n  @property({ attribute: false }) releasedBase?: { x: number; y: number; z: number }\n\n  @state() private versions: FigureVersion[] = []\n  @state() private busy = false\n  @state() private failure = ''\n  @state() private keepChangedAppearance = false\n  /**\n   * 발행 판정. **저장된 정본에 대한 것**이라 저장할 때마다 다시 묻는다(`figureVersion` 이 아니라\n   * `dirty` 가 풀리는 순간이 그때다).\n   */\n  @state() private inspection?: FigureInspection\n\n  updated(changes: Map<string, unknown>) {\n    if (changes.has('figureId') || changes.has('figureVersion')) {\n      void this.reload()\n    }\n\n    /*\n      저장이 끝난 순간(dirty 가 풀림) 정본이 바뀌었으니 판정을 다시 묻는다. 저작 중(dirty)에는\n      묻지 않는다 — 서버에 있는 것은 저장 전 정본이라, 그 답은 화면에 있는 것과 다른 것을 말한다.\n    */\n    if (changes.has('figureId') || changes.has('dirty') || changes.has('figureType')) {\n      void this.inspect()\n    }\n  }\n\n  private async inspect() {\n    this.keepChangedAppearance = false\n    if (!this.figureId || this.dirty) {\n      this.inspection = undefined\n      return\n    }\n\n    try {\n      this.inspection = await inspectFigure(this.figureId)\n    } catch (e) {\n      /* 판정을 못 받은 것을 「통과」로 두지 않는다 — 모르는 것이다. 단추는 서버가 막는다. */\n      this.inspection = undefined\n      this.failure = (e as Error).message\n    }\n  }\n\n  private async reload() {\n    if (!this.figureId) {\n      this.versions = []\n      return\n    }\n\n    try {\n      this.versions = await fetchFigureVersions(this.figureId)\n      this.failure = ''\n    } catch (e) {\n      this.failure = (e as Error).message\n    }\n  }\n\n  render() {\n    return html`\n      <section>\n        <h3>${i18next.t('figure.label.release')}</h3>\n        ${this.figureId ? this.renderRelease() : html`<p quiet>${i18next.t('figure.text.save-the-figure-before-releasing')}</p>`}\n      </section>\n\n      <section>\n        <h3>${i18next.t('figure.label.released-versions')}</h3>\n        ${this.versions.length\n          ? html`<ul>\n              ${this.versions.map(version => this.renderVersion(version))}\n            </ul>`\n          : html`<p quiet>${i18next.t('figure.text.nothing-released-yet')}</p>`}\n      </section>\n    `\n  }\n\n  private renderRelease() {\n    const released = this.figureState === 'released'\n\n    /*\n      게이트가 막는 것과 알리는 것을 함께 낸다. **막는 것은 단추를 잠근다** — 눌러 보고 서버에게\n      거절당하는 것으로 알게 하지 않는다. 알리는 것은 잠그지 않고 그대로 보여 준다.\n    */\n    const blocking = (this.inspection?.findings ?? []).filter(finding => finding.blocking)\n    const advisory = (this.inspection?.findings ?? []).filter(finding => !finding.blocking)\n    const appearanceChoiceNeeded = advisory.some(finding => finding.code === 'base-ratio-changed') && !this.keepChangedAppearance\n\n    /*\n      ── 「발행되나」에 **한 번만** 답한다 ─────────────────────────────────────\n      전에는 막는 목록의 머리가 「이것들이 발행을 막습니다」, 알리는 목록의 머리가 「발행은 되지만\n      확인해 보십시오」였다. 두 줄이 나란히 서서 화면이 「막힌다」와 「된다」를 함께 말했고, 사람이\n      「그래서 되는 건가」를 되물었다.\n\n      답은 이 한 줄이 하고, 아래 목록들은 **이유**일 뿐이다 — 그래서 목록 머리는 문장이 아니라\n      이름씨다(「고쳐야 하는 것」·「막지는 않는 것」).\n    */\n    const why = this.dirty\n      ? i18next.t('figure.text.release-needs-a-save-first')\n      : released\n        ? i18next.t('figure.text.already-released-edit-to-release-again')\n        : appearanceChoiceNeeded\n          ? i18next.t('figure.text.choose-appearance-change')\n        : blocking.length\n          ? i18next.t('figure.text.cannot-release-now')\n          : ''\n\n    return html`\n      <div now>\n        <span state ?released=${released}>${i18next.t(released ? 'figure.label.figure-released' : 'figure.label.draft')}</span>\n        <span ver>${i18next.t('figure.text.version-number', { version: this.figureVersion ?? 0 })}</span>\n      </div>\n\n      <input note placeholder=${i18next.t('figure.text.what-changed-in-this-release')} ?disabled=${!!why || this.busy} />\n\n      <button release ?disabled=${!!why || this.busy} @click=${() => this.release()}>\n        ${this.busy ? i18next.t('figure.text.releasing') : i18next.t('figure.button.release-figure')}\n      </button>\n\n      ${why ? html`<p why>${why}</p>` : nothing}\n      ${blocking.length\n        ? html`<ul gate>\n            <li head>${i18next.t('figure.text.must-fix-to-release')}</li>\n            ${blocking.map(finding => this.renderFinding(finding, true))}\n          </ul>`\n        : nothing}\n      ${advisory.length\n        ? html`<ul gate>\n            <li head quiet>${i18next.t('figure.text.does-not-block')}</li>\n            ${advisory.map(finding => this.renderFinding(finding, false))}\n          </ul>`\n        : nothing}\n      ${this.failure ? html`<p failed>${this.failure}</p>` : nothing}\n    `\n  }\n\n  /**\n   * 사유 한 줄 — **잰 것 · 왜 · 어떻게** 셋을 함께 말한다.\n   *\n   * 잰 것만 보여 줬더니 「1 조각이 2 조각으로 갈라진다」에서 사람이 멈췄다. 왜 나쁜지도, 무엇을\n   * 바꾸면 되는지도 알 수 없었다. 그 셋은 형식(`figure-model` 의 gate)이 만들고 여기서는 자리만\n   * 준다 — 화면이 문장을 지으면 서버가 거절할 때와 다른 말을 하게 된다.\n   */\n  private renderFinding(finding: FigureGateFinding, blocking: boolean) {\n    return renderGateFinding(finding, blocking, html`\n        ${this.offersFit(finding.code)\n          ? html`<button fit-base @click=${() => this.fitBase()}>\n              ${i18next.t('figure.button.fit-base-to-parts')}\n            </button>`\n          : nothing}\n        ${finding.code === 'parts-off-placement-face' && this.format === 'v2'\n          ? html`<button fit-base @click=${() => this.settleOnFloor()}>\n              ${i18next.t('figure.button.settle-on-floor')}\n            </button>`\n          : nothing}\n        ${finding.code === 'base-ratio-changed' && this.releasedBase\n          ? html`<div ratio-choice>\n              <button apply-fix @click=${() => this.restoreReleasedFootprint()}>\n                ${i18next.t('figure.button.restore-released-base')}\n              </button>\n              <button ?selected=${this.keepChangedAppearance} @click=${() => this.keepChangedFootprint()}>\n                ${i18next.t('figure.button.keep-changed-appearance')}\n              </button>\n            </div>\n            <span how-line><md-icon>info</md-icon>${i18next.t('figure.text.appearance-choice-explained')}</span>`\n          : nothing}\n        ${(finding.fixes ?? []).map(fix => html`\n          ${fix.safe ? html`\n            <button apply-fix @click=${() => this.applyFix(fix)}>\n              ${i18next.t('figure.button.apply-fix', { part: fix.part, axis: fix.axis.toUpperCase(), from: fix.from ?? 'auto', to: fix.to })}\n            </button>\n          ` : nothing}\n          <button preview-fix @click=${() => this.previewFix(fix)}>\n            ${i18next.t('figure.button.preview-fix', { part: fix.part, axis: fix.axis.toUpperCase(), from: fix.from ?? 'auto', to: fix.to })}\n          </button>\n        `)}\n        ${finding.fixPlan?.safe ? html`\n          <span how-line><md-icon>auto_fix_high</md-icon>${i18next.t('figure.text.recommended-fix-explained', { n: finding.fixPlan.fixes.length })}</span>\n          <button apply-fix @click=${() => this.applyFixPlan(finding.fixPlan!)}>\n            ${i18next.t('figure.button.apply-recommended-fix')}\n          </button>\n        ` : nothing}\n    `)\n  }\n\n  /**\n   * 게이트는 수정을 저장하지 않는다. 부모 모델러가 현재 정본과 이 한 수정안을 나란히 렌더하고,\n   * 저작자가 '변경 받기'를 눌렀을 때에만 자기 작업 사본에 적용한다.\n   */\n  private previewFix(fix: FigureGateFix) {\n    this.dispatchEvent(new CustomEvent('preview-sizing-fix', { detail: fix, bubbles: true, composed: true }))\n  }\n\n  /** 서버가 전수 재검사해 모든 차단 split이 사라진 후보만 작업 사본에 원클릭 적용한다. 저장은 하지 않는다. */\n  private applyFix(fix: FigureGateFix) {\n    if (!fix.safe) return\n    this.dispatchEvent(new CustomEvent('apply-sizing-fix', { detail: fix, bubbles: true, composed: true }))\n  }\n\n  /** Apply the server-remeasured coordinated repair to the draft only; save remains explicit. */\n  private applyFixPlan(plan: FigureGateFixPlan) {\n    if (!plan.safe || plan.fixes.length === 0) return\n    this.dispatchEvent(new CustomEvent('apply-sizing-fix-plan', { detail: plan, bubbles: true, composed: true }))\n  }\n\n  /**\n   * 넘친 것을 담는 길 하나를 여기서도 내민다 — **같은 동작이 속성 패널에도 있다**(「부품에 맞추기」).\n   *\n   * 그 단추를 아는 저작자는 거기서 누른다. 발행이 막혔다는 말을 여기서 읽은 사람은 그 단추가 있는\n   * 것을 모르고, 문구는 그것을 가리킬 수 없다 — 문장은 형식이 쓰고 형식은 화면의 단추를 모른다.\n   * 그래서 화면이 자기 자리에서 같은 동작을 낸다. 누르면 상자만 커지고 부품은 제자리이며, 저장은\n   * 여전히 저작자가 따로 한다.\n   */\n  /**\n   * 「부품에 맞추기」를 내미는 판정. V2 는 기준 상자를 부품에 맞추고, V3 는 공간을 부품에서 다시 선언한다\n   * (`declare-occupancy`) — 둘 다 부품은 그대로 두고 선언만 바꾼다. V3 에서 공간을 아직 선언하지 않은 도형도\n   * 같은 단추로 선언한다: 새로 만든 V3 도형은 전부 그 판정으로 막히고, 화면에 다른 길이 없다.\n   *\n   * V3 의 장착면이 떠 있는 것은 여기 없다. 부품 하나를 평면에 붙이면 그 부품에 붙지 않은 것은 따라오지 않아\n   * V2 의 「바닥에 앉히기」와 뜻이 다르다. 판정의 「어떻게」가 할 일을 말한다.\n   */\n  private offersFit(code: string): boolean {\n    return this.format === 'v3'\n      ? code === 'part-outside-occupancy' || code === 'occupancy-undeclared'\n      : code === 'part-outside-base'\n  }\n\n  private fitBase() {\n    this.dispatchEvent(new CustomEvent('fit-base-to-parts', { bubbles: true, composed: true }))\n  }\n\n  /**\n   * 떠 있는 것을 앉힌다. 부품 하나를 고르고 「바닥에」를 누르는 길은 전부터 있었으나, 그 길은\n   * 고른 것 하나만 옮기고 **여기서는 닿지 않는다.** 막혔다는 말을 읽은 자리에서 조치가 되게 한다.\n   */\n  private settleOnFloor() {\n    this.dispatchEvent(new CustomEvent('settle-parts-on-floor', { bubbles: true, composed: true }))\n  }\n\n  /** 기준 상자의 X·Z만 직전 발행값으로 되돌린다. Y와 부품 편집은 보존한다. */\n  private restoreReleasedFootprint() {\n    if (!this.releasedBase) return\n    this.dispatchEvent(new CustomEvent('restore-released-footprint', {\n      detail: { x: this.releasedBase.x, z: this.releasedBase.z }, bubbles: true, composed: true\n    }))\n  }\n\n  /** 현재 외형으로 발행하겠다는 명시적 선택이다. 저장·발행은 이어서 따로 한다. */\n  private keepChangedFootprint() {\n    this.keepChangedAppearance = true\n  }\n\n  private renderVersion(version: FigureVersion) {\n    return html`\n      <li>\n        <span no>${i18next.t('figure.text.version-number', { version: version.version })}</span>\n        <span when>\n          ${version.updatedAt ? new Date(version.updatedAt).toLocaleString() : ''}\n          ${version.updater?.name ? ` · ${version.updater.name}` : ''}\n        </span>\n        <button revert ?disabled=${this.busy} @click=${() => this.revert(version.version)}>\n          ${i18next.t('figure.button.revert')}\n        </button>\n        ${version.comment ? html`<span comment>${version.comment}</span>` : nothing}\n      </li>\n    `\n  }\n\n  private async release() {\n    const input = this.renderRoot.querySelector('input[note]') as HTMLInputElement\n    const comment = input?.value?.trim()\n\n    this.busy = true\n    this.failure = ''\n\n    try {\n      const figure = await releaseFigure(this.figureId!, comment || undefined)\n      if (input) input.value = ''\n      /* 정본을 든 자리가 갱신한다 — 여기서 페이지 상태를 고쳐 쓰지 않는다. */\n      this.dispatchEvent(new CustomEvent('figure-released', { detail: { figure }, bubbles: true, composed: true }))\n      await this.reload()\n      await this.inspect()\n    } catch (e) {\n      this.failure = (e as Error).message\n    } finally {\n      this.busy = false\n    }\n  }\n\n  private async revert(version: number) {\n    /* 되돌아갈 수 없는 조작은 아니지만(판본은 남는다), 지금 화면의 것이 덮인다 — 이름으로 확인한다. */\n    const agreed = await OxPrompt.open({\n      type: 'warning',\n      title: i18next.t('figure.button.revert'),\n      text: i18next.t('figure.text.revert-to-version-confirm', { version }),\n      confirmButton: { text: i18next.t('figure.button.revert') },\n      cancelButton: { text: i18next.t('figure.button.keep-editing') }\n    })\n    if (!agreed) {\n      return\n    }\n\n    this.busy = true\n    this.failure = ''\n\n    try {\n      const result = await revertFigureVersion(this.figureId!, version)\n      this.dispatchEvent(new CustomEvent('figure-reverted', { detail: result, bubbles: true, composed: true }))\n      await this.reload()\n      /*\n        **되돌리면 정본이 바뀌므로 판정도 바뀐다.** 이것을 안 하면 옛 판의 사유가 새 정본 위에\n        남아 화면이 거짓말한다 — 되돌리기는 `dirty` 도 `figureVersion` 도 건드리지 않으므로\n        `updated` 의 감시로는 다시 묻지 않는다.\n      */\n      await this.inspect()\n    } catch (e) {\n      this.failure = (e as Error).message\n    } finally {\n      this.busy = false\n    }\n  }\n}\n"]}
+{"version":3,"file":"figure-history-panel.js","sourceRoot":"","sources":["../../client/modeller/figure-history-panel.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { gateFindingStyles, renderGateFinding } from './gate-findings.js'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\n\nimport { fetchFigureVersions, inspectFigure, releaseFigure, revertFigureVersion } from '../graphql/index.js'\nimport type { FigureGateFinding, FigureInspection, FigureVersion } from '../types.js'\nimport { OxPrompt } from '@operato/popup'\n\n/**\n * 이력 — **발행하는 자리이자, 발행된 판들을 보는 자리.**\n *\n * ## 왜 저장 옆이 아니라 여기인가\n *\n * 저장은 하루에 수십 번이고 발행은 드물다. 두 단추를 나란히 두면 저장하려다 발행을 누른다.\n * 그리고 발행은 **소비처에게 하는 약속**이라, 무엇을 약속하는지(지금 몇 판인가 · 저장 안 한 것이\n * 있나 · 지난 판이 무엇이었나)를 함께 보여 주는 자리에 있어야 한다.\n *\n * ## 저장하지 않은 것이 있으면 발행하지 않는다\n *\n * 발행은 **저장된 것**을 내보낸다. 화면에 고친 것이 남아 있는 채로 발행하면, 저작자가 보고 있는\n * 것과 약속한 것이 다르다. 그래서 막고, 왜 막혔는지 적는다.\n *\n * ## 되돌리기는 초안으로 돌아온다\n *\n * 옛 판의 정본·속성·그림이 돌아오고 이름·설명은 그대로다. 되살렸다고 그 판이 다시 발행되지는\n * 않는다 — 다시 내보내려면 발행을 한 번 더 하고, 그때 번호는 이미 쓴 다음 번호를 받는다.\n */\n@customElement('figure-history-panel')\nexport class FigureHistoryPanel extends localize(i18next)(LitElement) {\n  static styles = [\n    gateFindingStyles,\n    ScrollbarStyles,\n    css`\n    :host {\n      display: flex;\n      flex-direction: column;\n      min-height: 0;\n      overflow-y: auto;\n      background-color: var(--md-sys-color-surface-container-lowest);\n      color: var(--md-sys-color-on-surface);\n      font: var(--label-font, inherit);\n      font-size: 0.76rem;\n    }\n\n    :host([off]) {\n      display: none;\n    }\n\n    section {\n      padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);\n      border-bottom: 1px solid var(--md-sys-color-outline-variant);\n    }\n\n    h3 {\n      margin: 0 0 6px 0;\n      font-size: var(--ui-t-micro, 11px);\n      font-weight: 700;\n      letter-spacing: 0.04em;\n      text-transform: uppercase;\n      color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));\n    }\n\n    /* 지금 무엇인가 — 발행을 누르기 전에 읽는 한 줄 */\n    div[now] {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      margin-bottom: 8px;\n    }\n\n    span[state] {\n      padding: 2px 8px;\n      border-radius: 10px;\n      font-size: 0.7rem;\n      font-weight: 700;\n      color: var(--md-sys-color-on-secondary-container);\n      background-color: var(--md-sys-color-secondary-container);\n    }\n\n    span[state][released] {\n      color: var(--md-sys-color-on-primary);\n      background-color: var(--md-sys-color-primary);\n    }\n\n    span[ver] {\n      font-family: var(--mono-font, monospace);\n      color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));\n    }\n\n    input,\n    button {\n      font: var(--input-field-font, inherit);\n      font-size: 0.76rem;\n    }\n\n    input[note] {\n      width: 100%;\n      box-sizing: border-box;\n      padding: 5px 8px;\n      color: var(--md-sys-color-on-surface);\n      background-color: var(--md-sys-color-surface-container-lowest);\n      border: 1px solid var(--md-sys-color-outline-variant);\n      border-radius: 6px;\n    }\n\n    button[release] {\n      width: 100%;\n      margin-top: 6px;\n      padding: 6px 0;\n      font-weight: 700;\n      color: var(--ui-on-accent, #fff);\n      background-color: var(--md-sys-color-primary);\n      border: 0;\n      border-radius: 6px;\n      cursor: pointer;\n    }\n\n    button[release][disabled] {\n      opacity: 0.45;\n      cursor: default;\n    }\n\n    /* 왜 못 누르는지 — 눌러 보고 알게 하지 않는다 */\n    p[why] {\n      margin: 6px 0 0 0;\n      font-size: 0.7rem;\n      line-height: 1.5;\n      color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));\n    }\n\n    p[failed] {\n      margin: 6px 0 0 0;\n      font-size: 0.7rem;\n      line-height: 1.5;\n      color: var(--md-sys-color-error);\n    }\n\n    ul {\n      margin: 0;\n      padding: 0;\n      list-style: none;\n    }\n\n    li {\n      display: grid;\n      grid-template-columns: auto 1fr auto;\n      gap: 4px 8px;\n      align-items: baseline;\n      padding: 7px 0;\n      border-bottom: 1px dashed var(--md-sys-color-outline-variant);\n    }\n\n    li:last-child {\n      border-bottom: 0;\n    }\n\n    li span[no] {\n      font-family: var(--mono-font, monospace);\n      font-weight: 700;\n    }\n\n    li span[when] {\n      grid-column: 2 / 4;\n      font-size: 0.7rem;\n      color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));\n    }\n\n    li span[comment] {\n      grid-column: 1 / 4;\n      line-height: 1.5;\n    }\n\n    li button[revert] {\n      padding: 2px 8px;\n      color: var(--md-sys-color-on-surface);\n      background: none;\n      border: 1px solid var(--md-sys-color-outline-variant);\n      border-radius: 6px;\n      cursor: pointer;\n    }\n\n    li button[revert]:hover {\n      color: var(--md-sys-color-on-primary-container);\n      background-color: var(--md-sys-color-primary-container);\n      border-color: transparent;\n    }\n\n    /*\n      게이트 사유. 막는 것은 색으로도 말하고, 알리는 것은 조용히 둔다 — 둘을 같은 톤으로 두면\n      「이 중 어느 것이 발행을 막았나」를 사람이 다시 세어야 한다.\n    */\n\n    p[quiet] {\n      margin: 0;\n      line-height: 1.6;\n      color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));\n    }\n  `\n  ]\n\n  /** 지금 열려 있는 도형. 없으면(새로 만드는 중) 발행할 것이 없다. */\n  @property({ type: String }) figureId?: string\n  @property({ type: String }) figureState?: 'draft' | 'released'\n  @property({ type: Number }) figureVersion = 0\n  /** 저장하지 않은 것이 있나 — 있으면 발행을 막는다. */\n  @property({ type: Boolean }) dirty = false\n  /**\n   * 행의 타입. 판정 하나(`type-is-placeholder`)가 이것을 본다 — V3 자산은 타입을 원본에 적지 않아서, 타입을 바꾸면\n   * 원본도 dirty 도 그대로다. 그래서 이 값이 바뀌면 판정을 다시 묻는다. 안 그러면 타입을 정한 뒤에도 「임시 타입」\n   * 판정이 남아 발행 단추가 잠긴 채다.\n   */\n  @property({ type: String }) figureType?: string\n\n  @state() private versions: FigureVersion[] = []\n  @state() private busy = false\n  @state() private failure = ''\n  /**\n   * 발행 판정. **저장된 정본에 대한 것**이라 저장할 때마다 다시 묻는다(`figureVersion` 이 아니라\n   * `dirty` 가 풀리는 순간이 그때다).\n   */\n  @state() private inspection?: FigureInspection\n\n  updated(changes: Map<string, unknown>) {\n    if (changes.has('figureId') || changes.has('figureVersion')) {\n      void this.reload()\n    }\n\n    /*\n      저장이 끝난 순간(dirty 가 풀림) 정본이 바뀌었으니 판정을 다시 묻는다. 저작 중(dirty)에는\n      묻지 않는다 — 서버에 있는 것은 저장 전 정본이라, 그 답은 화면에 있는 것과 다른 것을 말한다.\n    */\n    if (changes.has('figureId') || changes.has('dirty') || changes.has('figureType')) {\n      void this.inspect()\n    }\n  }\n\n  private async inspect() {\n    if (!this.figureId || this.dirty) {\n      this.inspection = undefined\n      return\n    }\n\n    try {\n      this.inspection = await inspectFigure(this.figureId)\n    } catch (e) {\n      /* 판정을 못 받은 것을 「통과」로 두지 않는다 — 모르는 것이다. 단추는 서버가 막는다. */\n      this.inspection = undefined\n      this.failure = (e as Error).message\n    }\n  }\n\n  private async reload() {\n    if (!this.figureId) {\n      this.versions = []\n      return\n    }\n\n    try {\n      this.versions = await fetchFigureVersions(this.figureId)\n      this.failure = ''\n    } catch (e) {\n      this.failure = (e as Error).message\n    }\n  }\n\n  render() {\n    return html`\n      <section>\n        <h3>${i18next.t('figure.label.release')}</h3>\n        ${this.figureId ? this.renderRelease() : html`<p quiet>${i18next.t('figure.text.save-the-figure-before-releasing')}</p>`}\n      </section>\n\n      <section>\n        <h3>${i18next.t('figure.label.released-versions')}</h3>\n        ${this.versions.length\n          ? html`<ul>\n              ${this.versions.map(version => this.renderVersion(version))}\n            </ul>`\n          : html`<p quiet>${i18next.t('figure.text.nothing-released-yet')}</p>`}\n      </section>\n    `\n  }\n\n  private renderRelease() {\n    const released = this.figureState === 'released'\n\n    /*\n      게이트가 막는 것과 알리는 것을 함께 낸다. **막는 것은 단추를 잠근다** — 눌러 보고 서버에게\n      거절당하는 것으로 알게 하지 않는다. 알리는 것은 잠그지 않고 그대로 보여 준다.\n    */\n    const blocking = (this.inspection?.findings ?? []).filter(finding => finding.blocking)\n    const advisory = (this.inspection?.findings ?? []).filter(finding => !finding.blocking)\n\n    /*\n      ── 「발행되나」에 **한 번만** 답한다 ─────────────────────────────────────\n      전에는 막는 목록의 머리가 「이것들이 발행을 막습니다」, 알리는 목록의 머리가 「발행은 되지만\n      확인해 보십시오」였다. 두 줄이 나란히 서서 화면이 「막힌다」와 「된다」를 함께 말했고, 사람이\n      「그래서 되는 건가」를 되물었다.\n\n      답은 이 한 줄이 하고, 아래 목록들은 **이유**일 뿐이다 — 그래서 목록 머리는 문장이 아니라\n      이름씨다(「고쳐야 하는 것」·「막지는 않는 것」).\n    */\n    const why = this.dirty\n      ? i18next.t('figure.text.release-needs-a-save-first')\n      : released\n        ? i18next.t('figure.text.already-released-edit-to-release-again')\n        : blocking.length\n          ? i18next.t('figure.text.cannot-release-now')\n          : ''\n\n    return html`\n      <div now>\n        <span state ?released=${released}>${i18next.t(released ? 'figure.label.figure-released' : 'figure.label.draft')}</span>\n        <span ver>${i18next.t('figure.text.version-number', { version: this.figureVersion ?? 0 })}</span>\n      </div>\n\n      <input note placeholder=${i18next.t('figure.text.what-changed-in-this-release')} ?disabled=${!!why || this.busy} />\n\n      <button release ?disabled=${!!why || this.busy} @click=${() => this.release()}>\n        ${this.busy ? i18next.t('figure.text.releasing') : i18next.t('figure.button.release-figure')}\n      </button>\n\n      ${why ? html`<p why>${why}</p>` : nothing}\n      ${blocking.length\n        ? html`<ul gate>\n            <li head>${i18next.t('figure.text.must-fix-to-release')}</li>\n            ${blocking.map(finding => this.renderFinding(finding, true))}\n          </ul>`\n        : nothing}\n      ${advisory.length\n        ? html`<ul gate>\n            <li head quiet>${i18next.t('figure.text.does-not-block')}</li>\n            ${advisory.map(finding => this.renderFinding(finding, false))}\n          </ul>`\n        : nothing}\n      ${this.failure ? html`<p failed>${this.failure}</p>` : nothing}\n    `\n  }\n\n  /**\n   * 사유 한 줄 — **잰 것 · 왜 · 어떻게** 셋을 함께 말한다.\n   *\n   * 잰 것만 보여 줬더니 「1 조각이 2 조각으로 갈라진다」에서 사람이 멈췄다. 왜 나쁜지도, 무엇을\n   * 바꾸면 되는지도 알 수 없었다. 그 셋은 형식(`figure-model` 의 gate)이 만들고 여기서는 자리만\n   * 준다 — 화면이 문장을 지으면 서버가 거절할 때와 다른 말을 하게 된다.\n   */\n  private renderFinding(finding: FigureGateFinding, blocking: boolean) {\n    return renderGateFinding(finding, blocking, html`\n        ${this.offersFit(finding.code)\n          ? html`<button fit-base @click=${() => this.fitBase()}>\n              ${i18next.t('figure.button.fit-base-to-parts')}\n            </button>`\n          : nothing}\n    `)\n  }\n\n  /**\n   * 넘친 것을 담는 길 하나를 여기서도 내민다 — **같은 동작이 속성 패널에도 있다**(「부품에 맞추기」).\n   *\n   * 그 단추를 아는 저작자는 거기서 누른다. 발행이 막혔다는 말을 여기서 읽은 사람은 그 단추가 있는\n   * 것을 모르고, 문구는 그것을 가리킬 수 없다 — 문장은 형식이 쓰고 형식은 화면의 단추를 모른다.\n   * 그래서 화면이 자기 자리에서 같은 동작을 낸다. 누르면 상자만 커지고 부품은 제자리이며, 저장은\n   * 여전히 저작자가 따로 한다.\n   */\n  /**\n   * 「부품에 맞추기」를 내미는 판정: 공간을 부품에서 다시 선언한다(`declare-occupancy`) — 부품은 그대로 두고 선언만\n   * 바꾼다. 공간을 아직 선언하지 않은 도형도 같은 단추로 선언한다: 새로 만든 도형은 전부 그 판정으로 막히고, 화면에\n   * 다른 길이 없다. 장착면이 떠 있는 것은 여기 없다 — 부품 하나를 평면에 붙여도 거기 붙지 않은 것은 따라오지 않는다.\n   * 판정의 「어떻게」가 할 일을 말한다.\n   */\n  private offersFit(code: string): boolean {\n    return code === 'part-outside-occupancy' || code === 'occupancy-undeclared'\n  }\n\n  private fitBase() {\n    this.dispatchEvent(new CustomEvent('fit-base-to-parts', { bubbles: true, composed: true }))\n  }\n\n  private renderVersion(version: FigureVersion) {\n    return html`\n      <li>\n        <span no>${i18next.t('figure.text.version-number', { version: version.version })}</span>\n        <span when>\n          ${version.updatedAt ? new Date(version.updatedAt).toLocaleString() : ''}\n          ${version.updater?.name ? ` · ${version.updater.name}` : ''}\n        </span>\n        <button revert ?disabled=${this.busy} @click=${() => this.revert(version.version)}>\n          ${i18next.t('figure.button.revert')}\n        </button>\n        ${version.comment ? html`<span comment>${version.comment}</span>` : nothing}\n      </li>\n    `\n  }\n\n  private async release() {\n    const input = this.renderRoot.querySelector('input[note]') as HTMLInputElement\n    const comment = input?.value?.trim()\n\n    this.busy = true\n    this.failure = ''\n\n    try {\n      const figure = await releaseFigure(this.figureId!, comment || undefined)\n      if (input) input.value = ''\n      /* 정본을 든 자리가 갱신한다 — 여기서 페이지 상태를 고쳐 쓰지 않는다. */\n      this.dispatchEvent(new CustomEvent('figure-released', { detail: { figure }, bubbles: true, composed: true }))\n      await this.reload()\n      await this.inspect()\n    } catch (e) {\n      this.failure = (e as Error).message\n    } finally {\n      this.busy = false\n    }\n  }\n\n  private async revert(version: number) {\n    /* 되돌아갈 수 없는 조작은 아니지만(판본은 남는다), 지금 화면의 것이 덮인다 — 이름으로 확인한다. */\n    const agreed = await OxPrompt.open({\n      type: 'warning',\n      title: i18next.t('figure.button.revert'),\n      text: i18next.t('figure.text.revert-to-version-confirm', { version }),\n      confirmButton: { text: i18next.t('figure.button.revert') },\n      cancelButton: { text: i18next.t('figure.button.keep-editing') }\n    })\n    if (!agreed) {\n      return\n    }\n\n    this.busy = true\n    this.failure = ''\n\n    try {\n      const result = await revertFigureVersion(this.figureId!, version)\n      this.dispatchEvent(new CustomEvent('figure-reverted', { detail: result, bubbles: true, composed: true }))\n      await this.reload()\n      /*\n        **되돌리면 정본이 바뀌므로 판정도 바뀐다.** 이것을 안 하면 옛 판의 사유가 새 정본 위에\n        남아 화면이 거짓말한다 — 되돌리기는 `dirty` 도 `figureVersion` 도 건드리지 않으므로\n        `updated` 의 감시로는 다시 묻지 않는다.\n      */\n      await this.inspect()\n    } catch (e) {\n      this.failure = (e as Error).message\n    } finally {\n      this.busy = false\n    }\n  }\n}\n"]}

package/dist-client/modeller/figure-v3-capability.d.ts

@@ -5,7 +5,7 @@ type Rung = 'none' | 'hold' | 'flow';
 export declare function rungOf(names: readonly string[] | undefined): Rung | null;
 declare const FigureV3Capability_base: (new (...args: any[]) => LitElement) & typeof LitElement;
 /**
- * 자리·능력 — what the figure does on a board (V2's 「능력」 tab, parity row ⑤): the ladder from drawing only, to
+ * 자리·능력 — what the figure does on a board: the ladder from drawing only, to
  * holding things, to passing them on, and every place things are held, whatever part it is on. A place is not drawn,
  * so the list is the only way to find one; choosing a row selects its part, where the place is edited.
  */

package/dist-client/modeller/figure-v3-capability.js

@@ -21,7 +21,7 @@ export function rungOf(names) {
     return null;
 }
 /**
- * 자리·능력 — what the figure does on a board (V2's 「능력」 tab, parity row ⑤): the ladder from drawing only, to
+ * 자리·능력 — what the figure does on a board: the ladder from drawing only, to
  * holding things, to passing them on, and every place things are held, whatever part it is on. A place is not drawn,
  * so the list is the only way to find one; choosing a row selects its part, where the place is edited.
  */

package/dist-client/modeller/figure-v3-capability.js.map

@@ -1 +1 @@
-{"version":3,"file":"figure-v3-capability.js","sourceRoot":"","sources":["../../client/modeller/figure-v3-capability.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { live } from 'lit/directives/live.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { v3BindingsOf } from '@hatiolab/figure-model'\nimport type { FigureCapability, V3Asset } from '@hatiolab/figure-model'\nimport { SidePanelStyles } from './side-panel-styles.js'\n\n/*\n  One rung per set of the format's capability names. Typed as the format's names, so a misspelt rung does not pass\n  (ADR-0051 ④, the V2 ladder's lesson).\n*/\ntype Rung = 'none' | 'hold' | 'flow'\nconst RUNGS: Readonly<Record<Rung, readonly FigureCapability[]>> = Object.freeze({\n  none: [],\n  hold: ['Capacity', 'Holdable'],\n  flow: ['FlowNode']\n})\n\n/** Which rung a set of names is, or null when it is none of them -- not invented. */\nexport function rungOf(names: readonly string[] | undefined): Rung | null {\n  const has = new Set(names ?? [])\n  if (has.size === 0) return 'none'\n  for (const [rung, wanted] of Object.entries(RUNGS) as [Rung, readonly FigureCapability[]][])\n    if (wanted.length === has.size && wanted.every(name => has.has(name))) return rung\n  return null\n}\n\n/**\n * 자리·능력 — what the figure does on a board (V2's 「능력」 tab, parity row ⑤): the ladder from drawing only, to\n * holding things, to passing them on, and every place things are held, whatever part it is on. A place is not drawn,\n * so the list is the only way to find one; choosing a row selects its part, where the place is edited.\n */\n@customElement('figure-v3-capability')\nexport class FigureV3Capability extends localize(i18next)(LitElement) {\n  static styles = [SidePanelStyles, css`\n    :host {\n      display: block;\n    }\n    label[rung] {\n      display: flex;\n      gap: 8px;\n      align-items: flex-start;\n      padding: 8px;\n      border: 1px solid var(--md-sys-color-outline-variant);\n      border-radius: 8px;\n      cursor: pointer;\n    }\n    label[rung][on] {\n      border-color: var(--md-sys-color-primary);\n      background: var(--md-sys-color-secondary-container);\n      color: var(--md-sys-color-on-secondary-container);\n    }\n    label[rung] span {\n      display: grid;\n      gap: 2px;\n    }\n    label[rung] em,\n    p[hint],\n    small {\n      font-style: normal;\n      margin: 0;\n      color: var(--md-sys-color-on-surface-variant);\n    }\n    button[place] {\n      display: grid;\n      gap: 2px;\n      text-align: left;\n      padding: 6px 8px;\n      font: inherit;\n      color: inherit;\n      border: 1px solid var(--md-sys-color-outline-variant);\n      border-radius: 8px;\n      background: none;\n      cursor: pointer;\n    }\n    button[place][on] {\n      border-color: var(--md-sys-color-primary);\n    }\n    code {\n      font-size: 0.9em;\n      color: var(--md-sys-color-on-surface-variant);\n    }\n  `]\n\n  @property({ attribute: false }) asset?: V3Asset\n  /** The selected part, whose places are marked. */\n  @property() selected = ''\n  @property({ type: Boolean }) locked = false\n\n  render() {\n    const asset = this.asset\n    if (!asset) return nothing\n    const names = asset.document.capabilities.names ?? []\n    const rung = rungOf(names)\n    const places = v3BindingsOf(asset)\n    return html`<section>\n      <h3>${i18next.t('figure.label.what-this-does')}</h3>\n      ${(['none', 'hold', 'flow'] as const).map(\n        which => html`<label rung ?on=${rung === which}>\n          <input type=\"radio\" name=\"rung\" .checked=${live(rung === which)} ?disabled=${this.locked} @change=${() => this.setRung(which)} />\n          <span>\n            <strong>${i18next.t(`figure.label.rung-${which}`)}</strong>\n            <em>${i18next.t(`figure.text.rung-${which}-note`)}</em>\n          </span>\n        </label>`\n      )}\n      ${rung === null ? html`<p hint>${i18next.t('figure.text.capability-hand-written')}</p>` : nothing}\n      ${names.length ? html`<code>${names.join(' · ')}</code>` : nothing}\n      </section>\n      <section>\n      <h3>${i18next.t('figure.label.places')}</h3>\n      ${places.length\n        ? places.map(\n            one => html`<button place ?on=${one.part === this.selected} @click=${() => one.part && this.pick(one.part)}>\n              <strong>${one.label}</strong>\n              <small>\n                ${i18next.t('figure.label.place-' + one.role)} · ${one.part ?? '?'}${one.face ? ' · ' + i18next.t('figure.label.face-' + one.face) : ''} ·\n                ${one.accepts.join(', ')} · ${i18next.t('figure.label.place-holds', { count: one.capacity })}\n              </small>\n            </button>`\n          )\n        : html`<p hint>${i18next.t('figure.text.no-places')}</p>`}\n      ${places.length && rung === 'none' ? html`<p hint>${i18next.t('figure.text.place-needs-holding')}</p>` : nothing}\n      </section>\n    `\n  }\n\n  private setRung(which: Rung) {\n    this.dispatchEvent(new CustomEvent('v3-part-edit', { detail: { edit: { kind: 'set-capabilities', names: [...RUNGS[which]] } }, bubbles: true, composed: true }))\n  }\n\n  private pick(part: string) {\n    this.dispatchEvent(new CustomEvent('select-part', { detail: { id: part }, bubbles: true, composed: true }))\n  }\n}\n"]}
+{"version":3,"file":"figure-v3-capability.js","sourceRoot":"","sources":["../../client/modeller/figure-v3-capability.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { live } from 'lit/directives/live.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { v3BindingsOf } from '@hatiolab/figure-model'\nimport type { FigureCapability, V3Asset } from '@hatiolab/figure-model'\nimport { SidePanelStyles } from './side-panel-styles.js'\n\n/*\n  One rung per set of the format's capability names. Typed as the format's names, so a misspelt rung does not pass\n  (ADR-0051 ④).\n*/\ntype Rung = 'none' | 'hold' | 'flow'\nconst RUNGS: Readonly<Record<Rung, readonly FigureCapability[]>> = Object.freeze({\n  none: [],\n  hold: ['Capacity', 'Holdable'],\n  flow: ['FlowNode']\n})\n\n/** Which rung a set of names is, or null when it is none of them -- not invented. */\nexport function rungOf(names: readonly string[] | undefined): Rung | null {\n  const has = new Set(names ?? [])\n  if (has.size === 0) return 'none'\n  for (const [rung, wanted] of Object.entries(RUNGS) as [Rung, readonly FigureCapability[]][])\n    if (wanted.length === has.size && wanted.every(name => has.has(name))) return rung\n  return null\n}\n\n/**\n * 자리·능력 — what the figure does on a board: the ladder from drawing only, to\n * holding things, to passing them on, and every place things are held, whatever part it is on. A place is not drawn,\n * so the list is the only way to find one; choosing a row selects its part, where the place is edited.\n */\n@customElement('figure-v3-capability')\nexport class FigureV3Capability extends localize(i18next)(LitElement) {\n  static styles = [SidePanelStyles, css`\n    :host {\n      display: block;\n    }\n    label[rung] {\n      display: flex;\n      gap: 8px;\n      align-items: flex-start;\n      padding: 8px;\n      border: 1px solid var(--md-sys-color-outline-variant);\n      border-radius: 8px;\n      cursor: pointer;\n    }\n    label[rung][on] {\n      border-color: var(--md-sys-color-primary);\n      background: var(--md-sys-color-secondary-container);\n      color: var(--md-sys-color-on-secondary-container);\n    }\n    label[rung] span {\n      display: grid;\n      gap: 2px;\n    }\n    label[rung] em,\n    p[hint],\n    small {\n      font-style: normal;\n      margin: 0;\n      color: var(--md-sys-color-on-surface-variant);\n    }\n    button[place] {\n      display: grid;\n      gap: 2px;\n      text-align: left;\n      padding: 6px 8px;\n      font: inherit;\n      color: inherit;\n      border: 1px solid var(--md-sys-color-outline-variant);\n      border-radius: 8px;\n      background: none;\n      cursor: pointer;\n    }\n    button[place][on] {\n      border-color: var(--md-sys-color-primary);\n    }\n    code {\n      font-size: 0.9em;\n      color: var(--md-sys-color-on-surface-variant);\n    }\n  `]\n\n  @property({ attribute: false }) asset?: V3Asset\n  /** The selected part, whose places are marked. */\n  @property() selected = ''\n  @property({ type: Boolean }) locked = false\n\n  render() {\n    const asset = this.asset\n    if (!asset) return nothing\n    const names = asset.document.capabilities.names ?? []\n    const rung = rungOf(names)\n    const places = v3BindingsOf(asset)\n    return html`<section>\n      <h3>${i18next.t('figure.label.what-this-does')}</h3>\n      ${(['none', 'hold', 'flow'] as const).map(\n        which => html`<label rung ?on=${rung === which}>\n          <input type=\"radio\" name=\"rung\" .checked=${live(rung === which)} ?disabled=${this.locked} @change=${() => this.setRung(which)} />\n          <span>\n            <strong>${i18next.t(`figure.label.rung-${which}`)}</strong>\n            <em>${i18next.t(`figure.text.rung-${which}-note`)}</em>\n          </span>\n        </label>`\n      )}\n      ${rung === null ? html`<p hint>${i18next.t('figure.text.capability-hand-written')}</p>` : nothing}\n      ${names.length ? html`<code>${names.join(' · ')}</code>` : nothing}\n      </section>\n      <section>\n      <h3>${i18next.t('figure.label.places')}</h3>\n      ${places.length\n        ? places.map(\n            one => html`<button place ?on=${one.part === this.selected} @click=${() => one.part && this.pick(one.part)}>\n              <strong>${one.label}</strong>\n              <small>\n                ${i18next.t('figure.label.place-' + one.role)} · ${one.part ?? '?'}${one.face ? ' · ' + i18next.t('figure.label.face-' + one.face) : ''} ·\n                ${one.accepts.join(', ')} · ${i18next.t('figure.label.place-holds', { count: one.capacity })}\n              </small>\n            </button>`\n          )\n        : html`<p hint>${i18next.t('figure.text.no-places')}</p>`}\n      ${places.length && rung === 'none' ? html`<p hint>${i18next.t('figure.text.place-needs-holding')}</p>` : nothing}\n      </section>\n    `\n  }\n\n  private setRung(which: Rung) {\n    this.dispatchEvent(new CustomEvent('v3-part-edit', { detail: { edit: { kind: 'set-capabilities', names: [...RUNGS[which]] } }, bubbles: true, composed: true }))\n  }\n\n  private pick(part: string) {\n    this.dispatchEvent(new CustomEvent('select-part', { detail: { id: part }, bubbles: true, composed: true }))\n  }\n}\n"]}

package/dist-client/modeller/figure-v3-clips.d.ts

@@ -3,10 +3,10 @@ import { LitElement, nothing } from 'lit';
 import type { V3Asset } from '@hatiolab/figure-model';
 declare const FigureV3Clips_base: (new (...args: any[]) => LitElement) & typeof LitElement;
 /**
- * 클립 — V2's animations (parity row ⑥): controls played by keys over time. A clip is one clock; each track plays one
+ * 클립 — controls played by keys over time. A clip is one clock; each track plays one
  * control. Scrubbing a clip shows its pose at that moment (one batch of input changes, not saved as the default); a key
  * is added at the scrubbed moment with the control's value there, so a pose is made with the controls' sliders and
- * then kept as a key -- the way V2's recorder worked. Every change is one part edit.
+ * then kept as a key. Every change is one part edit.
  */
 export declare class FigureV3Clips extends FigureV3Clips_base {
     private readonly help;

package/dist-client/modeller/figure-v3-clips.js

@@ -7,10 +7,10 @@ import { clipsOf, poseAt, trackEdit, undrivenOf, withKey, withoutKey } from './v
 import { SidePanelStyles } from './side-panel-styles.js';
 import { HelpToggles } from './v3-help.js';
 /**
- * 클립 — V2's animations (parity row ⑥): controls played by keys over time. A clip is one clock; each track plays one
+ * 클립 — controls played by keys over time. A clip is one clock; each track plays one
  * control. Scrubbing a clip shows its pose at that moment (one batch of input changes, not saved as the default); a key
  * is added at the scrubbed moment with the control's value there, so a pose is made with the controls' sliders and
- * then kept as a key -- the way V2's recorder worked. Every change is one part edit.
+ * then kept as a key. Every change is one part edit.
  */
 let FigureV3Clips = class FigureV3Clips extends localize(i18next)(LitElement) {
     constructor() {

package/dist-client/modeller/figure-v3-clips.js.map

@@ -1 +1 @@
-{"version":3,"file":"figure-v3-clips.js","sourceRoot":"","sources":["../../client/modeller/figure-v3-clips.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport type { V3Asset } from '@hatiolab/figure-model'\n\nimport { clipsOf, poseAt, trackEdit, undrivenOf, withKey, withoutKey, type Clip, type ClipTrack } from './v3-clips.js'\nimport { SidePanelStyles } from './side-panel-styles.js'\nimport { HelpToggles } from './v3-help.js'\n\n/**\n * 클립 — V2's animations (parity row ⑥): controls played by keys over time. A clip is one clock; each track plays one\n * control. Scrubbing a clip shows its pose at that moment (one batch of input changes, not saved as the default); a key\n * is added at the scrubbed moment with the control's value there, so a pose is made with the controls' sliders and\n * then kept as a key -- the way V2's recorder worked. Every change is one part edit.\n */\n@customElement('figure-v3-clips')\nexport class FigureV3Clips extends localize(i18next)(LitElement) {\n  private readonly help = new HelpToggles(this)\n  static styles = [SidePanelStyles, css`\n    :host {\n      display: block;\n    }\n    section[clip] {\n      display: grid;\n      gap: 8px;\n      padding: 8px;\n      border: 1px solid var(--md-sys-color-outline-variant);\n      border-radius: 8px;\n    }\n    div[row] {\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) 72px;\n      gap: 6px;\n      align-items: center;\n    }\n    div[track] {\n      display: grid;\n      gap: 4px;\n      padding-top: 6px;\n      border-top: 1px dashed var(--md-sys-color-outline-variant);\n    }\n    /*\n      The track's name on its own line, then how it repeats and the button that removes it. A flex row let the shared\n      full-width select and button squeeze the name to one letter a line (user, 2026-09-24).\n    */\n    div[track-head] {\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) 30px;\n      gap: 4px 6px;\n      align-items: center;\n    }\n    div[track-head] strong {\n      grid-column: 1 / -1;\n      min-width: 0;\n      overflow-wrap: anywhere;\n    }\n    div[track-head] button[act] {\n      width: 30px;\n      min-height: var(--figure-control-height);\n      margin: 0;\n      padding: 0;\n    }\n    div[keys] {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 4px;\n    }\n    span[key] {\n      display: inline-flex;\n      align-items: center;\n      gap: 2px;\n      padding: 0 2px 0 8px;\n      border-radius: 999em;\n      background: var(--md-sys-color-surface-container);\n      font-variant-numeric: tabular-nums;\n    }\n    span[key] button {\n      width: 22px;\n      height: 22px;\n      padding: 0;\n      border: none;\n      background: none;\n    }\n    md-icon {\n      font-size: 16px;\n      width: 16px;\n      height: 16px;\n    }\n  `]\n\n  @property({ attribute: false }) asset?: V3Asset\n  /** The values the editor holds now, by input id -- what a new key takes. */\n  @property({ attribute: false }) values: Record<string, number> = {}\n  @property({ type: Boolean }) locked = false\n\n  /** Where each clip is scrubbed to, in seconds. */\n  @state() private at: Record<string, number> = {}\n  @state() private adding = { state: '', clip: '', name: '', duration: 2 }\n\n  render() {\n    const asset = this.asset\n    if (!asset) return nothing\n    const clips = clipsOf(asset)\n    return html`\n      <section>\n        <h3>${i18next.t('figure.label.clips')}${this.help.button('figure.text.clips-explained')}</h3>\n        ${this.help.hint('figure.text.clips-explained')}\n        ${clips.map(clip => this.renderClip(clip))}\n      </section>\n      ${this.renderAdd(asset, clips)}\n    `\n  }\n\n  private renderClip(clip: Clip) {\n    const at = Math.min(this.at[clip.name] ?? 0, clip.duration)\n    const number = (e: Event) => (e.target as HTMLInputElement).valueAsNumber\n    return html`<section clip>\n      <div form>\n        <span>${i18next.t('figure.label.clip-name')}</span>\n        <input .value=${clip.name} ?disabled=${this.locked} @change=${(e: Event) => this.edit({ kind: 'set-clip', clip: clip.name, name: (e.target as HTMLInputElement).value })} />\n        <span>${i18next.t('figure.label.clip-duration')}</span>\n        <input type=\"number\" min=\"0.1\" step=\"any\" .value=${String(clip.duration)} ?disabled=${this.locked} @change=${(e: Event) => this.edit({ kind: 'set-clip', clip: clip.name, duration: number(e) })} />\n      </div>\n      <div row>\n        <input\n          type=\"range\"\n          min=\"0\"\n          max=${clip.duration}\n          step=${clip.duration / 100}\n          .value=${String(at)}\n          ?disabled=${this.locked}\n          aria-label=${i18next.t('figure.label.clip-time')}\n          @input=${(e: Event) => this.scrub(clip, number(e), true)}\n          @change=${(e: Event) => this.scrub(clip, number(e))}\n        />\n        <small>${at.toFixed(2)} s</small>\n      </div>\n      ${clip.tracks.map(track => this.renderTrack(clip, track, at))}\n    </section>`\n  }\n\n  private renderTrack(clip: Clip, track: ClipTrack, at: number) {\n    const current = this.values[track.state]\n    return html`<div track>\n      <div track-head>\n        <strong>${track.label} <small>(${track.unit})</small></strong>\n        <select\n          aria-label=${i18next.t('figure.label.clip-loop')}\n          ?disabled=${this.locked}\n          @change=${(e: Event) => this.edit(trackEdit(clip, track, { loop: (e.target as HTMLSelectElement).value as 'wrap' | 'hold' }))}\n        >\n          <option value=\"wrap\" ?selected=${track.loop === 'wrap'}>${i18next.t('figure.label.clip-loop-wrap')}</option>\n          <option value=\"hold\" ?selected=${track.loop === 'hold'}>${i18next.t('figure.label.clip-loop-hold')}</option>\n        </select>\n        <button act ?disabled=${this.locked} title=${i18next.t('figure.button.remove-track')} @click=${() => this.edit({ kind: 'remove-driver', state: track.state })}>\n          <md-icon>close</md-icon>\n        </button>\n      </div>\n      <div keys>\n        ${track.keys.map(\n          (key, i) => html`<span key\n            >${key.seconds}s → ${key.value}\n            <button\n              ?disabled=${this.locked || !withoutKey(track.keys, i)}\n              title=${i18next.t('figure.button.remove-key')}\n              aria-label=${i18next.t('figure.button.remove-key')}\n              @click=${() => this.edit(trackEdit(clip, track, { keys: withoutKey(track.keys, i)! }))}\n            >\n              <md-icon>close</md-icon>\n            </button></span\n          >`\n        )}\n      </div>\n      <button\n        act\n        ?disabled=${this.locked || current === undefined}\n        @click=${() => this.edit(trackEdit(clip, track, { keys: withKey(track.keys, { seconds: Math.round(at * 1000) / 1000, value: current! }) }))}\n      >\n        <md-icon>add</md-icon>${i18next.t('figure.button.add-key-here', { seconds: at.toFixed(2), value: current ?? '' })}\n      </button>\n    </div>`\n  }\n\n  private renderAdd(asset: V3Asset, clips: Clip[]) {\n    const free = undrivenOf(asset)\n    if (!free.length) return clips.length ? nothing : html`<p hint>${i18next.t('figure.text.no-controls')}</p>`\n    const a = this.adding\n    const stateId = free.includes(a.state) ? a.state : free[0]!\n    const joining = clips.find(c => c.name === a.clip)\n    const name = joining ? joining.name : a.name.trim()\n    const input = asset.document.model.inputs.find(i => i.id === stateId)!\n    const duration = joining ? joining.duration : a.duration\n    const ready = !!name && duration > 0\n    return html`<section><h3>${i18next.t('figure.label.add-track')}</h3>\n      <div form>\n        <span>${i18next.t('figure.label.controls')}</span>\n        <select @change=${(e: Event) => (this.adding = { ...a, state: (e.target as HTMLSelectElement).value })}>\n          ${free.map(id => html`<option value=${id} ?selected=${id === stateId}>${asset.stateInputs?.[id]?.label ?? id}</option>`)}\n        </select>\n        <span>${i18next.t('figure.label.clip')}</span>\n        <select @change=${(e: Event) => (this.adding = { ...a, clip: (e.target as HTMLSelectElement).value })}>\n          <option value=\"\" ?selected=${!joining}>${i18next.t('figure.label.new-clip')}</option>\n          ${clips.map(c => html`<option value=${c.name} ?selected=${c === joining}>${c.name}</option>`)}\n        </select>\n        ${joining\n          ? nothing\n          : html`<span>${i18next.t('figure.label.clip-name')}</span>\n              <input .value=${a.name} placeholder=\"cycle\" @input=${(e: Event) => (this.adding = { ...a, name: (e.target as HTMLInputElement).value })} />\n              <span>${i18next.t('figure.label.clip-duration')}</span>\n              <input type=\"number\" min=\"0.1\" step=\"any\" .value=${String(a.duration)} @change=${(e: Event) => (this.adding = { ...a, duration: (e.target as HTMLInputElement).valueAsNumber })} />`}\n      </div>\n      <button\n        act\n        ?disabled=${this.locked || !ready}\n        @click=${() =>\n          this.edit({\n            kind: 'set-driver',\n            state: stateId,\n            clip: name,\n            ...(joining ? {} : { duration }),\n            keys: [\n              { seconds: 0, value: input.min },\n              { seconds: duration, value: input.max }\n            ]\n          })}\n      >\n        <md-icon>add</md-icon>${i18next.t('figure.button.add-track')}\n      </button></section>`\n  }\n\n  /** Show the clip's pose at a moment: one batch of input changes, not saved as the default. */\n  /** Show the clip's pose at a moment. While the bar is dragged the pose is live (drawn, not recorded); the release\n   * applies it as one batch of input changes. */\n  private scrub(clip: Clip, seconds: number, live = false) {\n    if (!this.asset || !Number.isFinite(seconds)) return\n    this.at = { ...this.at, [clip.name]: seconds }\n    const changes = poseAt(this.asset, clip.name, seconds)\n    if (!changes.length) return\n    if (live) {\n      const values = Object.fromEntries(changes.map(c => [c.input, c.value]))\n      this.dispatchEvent(new CustomEvent('v3-states-live', { detail: { values }, bubbles: true, composed: true }))\n      return\n    }\n    this.dispatchEvent(new CustomEvent('v3-states', { detail: { changes }, bubbles: true, composed: true }))\n  }\n\n  private edit(edit: unknown) {\n    this.dispatchEvent(new CustomEvent('v3-part-edit', { detail: { edit }, bubbles: true, composed: true }))\n  }\n}\n"]}
+{"version":3,"file":"figure-v3-clips.js","sourceRoot":"","sources":["../../client/modeller/figure-v3-clips.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAGjD,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAA6B,MAAM,eAAe,CAAA;AACtH,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE1C;;;;;GAKG;AAEI,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAAzD;;QACY,SAAI,GAAG,IAAI,WAAW,CAAC,IAAI,CAAC,CAAA;QA0E7C,4EAA4E;QAC5C,WAAM,GAA2B,EAAE,CAAA;QACtC,WAAM,GAAG,KAAK,CAAA;QAE3C,kDAAkD;QACjC,OAAE,GAA2B,EAAE,CAAA;QAC/B,WAAM,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAA;IAwJ1E,CAAC;aAvOQ,WAAM,GAAG,CAAC,eAAe,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsEpC,CAAC,AAtEW,CAsEX;IAWF,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAA;QACxB,IAAI,CAAC,KAAK;YAAE,OAAO,OAAO,CAAA;QAC1B,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAA;QAC5B,OAAO,IAAI,CAAA;;cAED,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,6BAA6B,CAAC;UACrF,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,6BAA6B,CAAC;UAC7C,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;;QAE1C,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;KAC/B,CAAA;IACH,CAAC;IAEO,UAAU,CAAC,IAAU;QAC3B,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAA;QAC3D,MAAM,MAAM,GAAG,CAAC,CAAQ,EAAE,EAAE,CAAE,CAAC,CAAC,MAA2B,CAAC,aAAa,CAAA;QACzE,OAAO,IAAI,CAAA;;gBAEC,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC;wBAC3B,IAAI,CAAC,IAAI,cAAc,IAAI,CAAC,MAAM,YAAY,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,CAAC;gBAChK,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC;2DACI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,cAAc,IAAI,CAAC,MAAM,YAAY,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;;;;;;gBAMxL,IAAI,CAAC,QAAQ;iBACZ,IAAI,CAAC,QAAQ,GAAG,GAAG;mBACjB,MAAM,CAAC,EAAE,CAAC;sBACP,IAAI,CAAC,MAAM;uBACV,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC;mBACvC,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC;oBAC9C,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;;iBAE5C,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;QAEtB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;eACpD,CAAA;IACb,CAAC;IAEO,WAAW,CAAC,IAAU,EAAE,KAAgB,EAAE,EAAU;QAC1D,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QACxC,OAAO,IAAI,CAAA;;kBAEG,KAAK,CAAC,KAAK,YAAY,KAAK,CAAC,IAAI;;uBAE5B,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC;sBACpC,IAAI,CAAC,MAAM;oBACb,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAG,CAAC,CAAC,MAA4B,CAAC,KAAwB,EAAE,CAAC,CAAC;;2CAE5F,KAAK,CAAC,IAAI,KAAK,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC;2CACjE,KAAK,CAAC,IAAI,KAAK,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC;;gCAE5E,IAAI,CAAC,MAAM,UAAU,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC,WAAW,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC;;;;;UAK3J,KAAK,CAAC,IAAI,CAAC,GAAG,CACd,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA;eACX,GAAG,CAAC,OAAO,OAAO,GAAG,CAAC,KAAK;;0BAEhB,IAAI,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;sBAC7C,OAAO,CAAC,CAAC,CAAC,0BAA0B,CAAC;2BAChC,OAAO,CAAC,CAAC,CAAC,0BAA0B,CAAC;uBACzC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAE,EAAE,CAAC,CAAC;;;;YAIxF,CACH;;;;oBAIW,IAAI,CAAC,MAAM,IAAI,OAAO,KAAK,SAAS;iBACvC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,IAAI,EAAE,KAAK,EAAE,OAAQ,EAAE,CAAC,EAAE,CAAC,CAAC;;gCAEnH,OAAO,CAAC,CAAC,CAAC,4BAA4B,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,IAAI,EAAE,EAAE,CAAC;;WAE9G,CAAA;IACT,CAAC;IAEO,SAAS,CAAC,KAAc,EAAE,KAAa;QAC7C,MAAM,IAAI,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;QAC9B,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,WAAW,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,MAAM,CAAA;QAC3G,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAA;QACrB,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAE,CAAA;QAC3D,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,CAAC,CAAA;QAClD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAA;QACnD,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,OAAO,CAAE,CAAA;QACtE,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;QACxD,MAAM,KAAK,GAAG,CAAC,CAAC,IAAI,IAAI,QAAQ,GAAG,CAAC,CAAA;QACpC,OAAO,IAAI,CAAA,gBAAgB,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC;;gBAElD,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC;0BACxB,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,CAAC,EAAE,KAAK,EAAG,CAAC,CAAC,MAA4B,CAAC,KAAK,EAAE,CAAC;YAClG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAA,iBAAiB,EAAE,cAAc,EAAE,KAAK,OAAO,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,IAAI,EAAE,WAAW,CAAC;;gBAElH,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC;0BACpB,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,CAAC,EAAE,IAAI,EAAG,CAAC,CAAC,MAA4B,CAAC,KAAK,EAAE,CAAC;uCACtE,CAAC,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC;YACzE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAA,iBAAiB,CAAC,CAAC,IAAI,cAAc,CAAC,KAAK,OAAO,IAAI,CAAC,CAAC,IAAI,WAAW,CAAC;;UAE7F,OAAO;YACP,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,IAAI,CAAA,SAAS,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC;8BAC9B,CAAC,CAAC,IAAI,+BAA+B,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,CAAC,EAAE,IAAI,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,CAAC;sBAC/H,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC;iEACI,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,CAAC,EAAE,QAAQ,EAAG,CAAC,CAAC,MAA2B,CAAC,aAAa,EAAE,CAAC,KAAK;;;;oBAI9K,IAAI,CAAC,MAAM,IAAI,CAAC,KAAK;iBACxB,GAAG,EAAE,CACZ,IAAI,CAAC,IAAI,CAAC;YACR,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,IAAI;YACV,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC;YAChC,IAAI,EAAE;gBACJ,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,GAAG,EAAE;gBAChC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,GAAG,EAAE;aACxC;SACF,CAAC;;gCAEoB,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC;0BAC1C,CAAA;IACxB,CAAC;IAED,8FAA8F;IAC9F;mDAC+C;IACvC,KAAK,CAAC,IAAU,EAAE,OAAe,EAAE,IAAI,GAAG,KAAK;QACrD,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC;YAAE,OAAM;QACpD,IAAI,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,CAAA;QAC9C,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;QACtD,IAAI,CAAC,OAAO,CAAC,MAAM;YAAE,OAAM;QAC3B,IAAI,IAAI,EAAE,CAAC;YACT,MAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;YACvE,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,gBAAgB,EAAE,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;YAC5G,OAAM;QACR,CAAC;QACD,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;IAC1G,CAAC;IAEO,IAAI,CAAC,IAAa;QACxB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,cAAc,EAAE,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;IAC1G,CAAC;;AA9J+B;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;;4CAAgB;AAEf;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;;6CAAoC;AACtC;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;6CAAe;AAG1B;IAAhB,KAAK,EAAE;;yCAAwC;AAC/B;IAAhB,KAAK,EAAE;;6CAAgE;AAjF7D,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CAyOzB","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport type { V3Asset } from '@hatiolab/figure-model'\n\nimport { clipsOf, poseAt, trackEdit, undrivenOf, withKey, withoutKey, type Clip, type ClipTrack } from './v3-clips.js'\nimport { SidePanelStyles } from './side-panel-styles.js'\nimport { HelpToggles } from './v3-help.js'\n\n/**\n * 클립 — controls played by keys over time. A clip is one clock; each track plays one\n * control. Scrubbing a clip shows its pose at that moment (one batch of input changes, not saved as the default); a key\n * is added at the scrubbed moment with the control's value there, so a pose is made with the controls' sliders and\n * then kept as a key. Every change is one part edit.\n */\n@customElement('figure-v3-clips')\nexport class FigureV3Clips extends localize(i18next)(LitElement) {\n  private readonly help = new HelpToggles(this)\n  static styles = [SidePanelStyles, css`\n    :host {\n      display: block;\n    }\n    section[clip] {\n      display: grid;\n      gap: 8px;\n      padding: 8px;\n      border: 1px solid var(--md-sys-color-outline-variant);\n      border-radius: 8px;\n    }\n    div[row] {\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) 72px;\n      gap: 6px;\n      align-items: center;\n    }\n    div[track] {\n      display: grid;\n      gap: 4px;\n      padding-top: 6px;\n      border-top: 1px dashed var(--md-sys-color-outline-variant);\n    }\n    /*\n      The track's name on its own line, then how it repeats and the button that removes it. A flex row let the shared\n      full-width select and button squeeze the name to one letter a line (user, 2026-09-24).\n    */\n    div[track-head] {\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) 30px;\n      gap: 4px 6px;\n      align-items: center;\n    }\n    div[track-head] strong {\n      grid-column: 1 / -1;\n      min-width: 0;\n      overflow-wrap: anywhere;\n    }\n    div[track-head] button[act] {\n      width: 30px;\n      min-height: var(--figure-control-height);\n      margin: 0;\n      padding: 0;\n    }\n    div[keys] {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 4px;\n    }\n    span[key] {\n      display: inline-flex;\n      align-items: center;\n      gap: 2px;\n      padding: 0 2px 0 8px;\n      border-radius: 999em;\n      background: var(--md-sys-color-surface-container);\n      font-variant-numeric: tabular-nums;\n    }\n    span[key] button {\n      width: 22px;\n      height: 22px;\n      padding: 0;\n      border: none;\n      background: none;\n    }\n    md-icon {\n      font-size: 16px;\n      width: 16px;\n      height: 16px;\n    }\n  `]\n\n  @property({ attribute: false }) asset?: V3Asset\n  /** The values the editor holds now, by input id -- what a new key takes. */\n  @property({ attribute: false }) values: Record<string, number> = {}\n  @property({ type: Boolean }) locked = false\n\n  /** Where each clip is scrubbed to, in seconds. */\n  @state() private at: Record<string, number> = {}\n  @state() private adding = { state: '', clip: '', name: '', duration: 2 }\n\n  render() {\n    const asset = this.asset\n    if (!asset) return nothing\n    const clips = clipsOf(asset)\n    return html`\n      <section>\n        <h3>${i18next.t('figure.label.clips')}${this.help.button('figure.text.clips-explained')}</h3>\n        ${this.help.hint('figure.text.clips-explained')}\n        ${clips.map(clip => this.renderClip(clip))}\n      </section>\n      ${this.renderAdd(asset, clips)}\n    `\n  }\n\n  private renderClip(clip: Clip) {\n    const at = Math.min(this.at[clip.name] ?? 0, clip.duration)\n    const number = (e: Event) => (e.target as HTMLInputElement).valueAsNumber\n    return html`<section clip>\n      <div form>\n        <span>${i18next.t('figure.label.clip-name')}</span>\n        <input .value=${clip.name} ?disabled=${this.locked} @change=${(e: Event) => this.edit({ kind: 'set-clip', clip: clip.name, name: (e.target as HTMLInputElement).value })} />\n        <span>${i18next.t('figure.label.clip-duration')}</span>\n        <input type=\"number\" min=\"0.1\" step=\"any\" .value=${String(clip.duration)} ?disabled=${this.locked} @change=${(e: Event) => this.edit({ kind: 'set-clip', clip: clip.name, duration: number(e) })} />\n      </div>\n      <div row>\n        <input\n          type=\"range\"\n          min=\"0\"\n          max=${clip.duration}\n          step=${clip.duration / 100}\n          .value=${String(at)}\n          ?disabled=${this.locked}\n          aria-label=${i18next.t('figure.label.clip-time')}\n          @input=${(e: Event) => this.scrub(clip, number(e), true)}\n          @change=${(e: Event) => this.scrub(clip, number(e))}\n        />\n        <small>${at.toFixed(2)} s</small>\n      </div>\n      ${clip.tracks.map(track => this.renderTrack(clip, track, at))}\n    </section>`\n  }\n\n  private renderTrack(clip: Clip, track: ClipTrack, at: number) {\n    const current = this.values[track.state]\n    return html`<div track>\n      <div track-head>\n        <strong>${track.label} <small>(${track.unit})</small></strong>\n        <select\n          aria-label=${i18next.t('figure.label.clip-loop')}\n          ?disabled=${this.locked}\n          @change=${(e: Event) => this.edit(trackEdit(clip, track, { loop: (e.target as HTMLSelectElement).value as 'wrap' | 'hold' }))}\n        >\n          <option value=\"wrap\" ?selected=${track.loop === 'wrap'}>${i18next.t('figure.label.clip-loop-wrap')}</option>\n          <option value=\"hold\" ?selected=${track.loop === 'hold'}>${i18next.t('figure.label.clip-loop-hold')}</option>\n        </select>\n        <button act ?disabled=${this.locked} title=${i18next.t('figure.button.remove-track')} @click=${() => this.edit({ kind: 'remove-driver', state: track.state })}>\n          <md-icon>close</md-icon>\n        </button>\n      </div>\n      <div keys>\n        ${track.keys.map(\n          (key, i) => html`<span key\n            >${key.seconds}s → ${key.value}\n            <button\n              ?disabled=${this.locked || !withoutKey(track.keys, i)}\n              title=${i18next.t('figure.button.remove-key')}\n              aria-label=${i18next.t('figure.button.remove-key')}\n              @click=${() => this.edit(trackEdit(clip, track, { keys: withoutKey(track.keys, i)! }))}\n            >\n              <md-icon>close</md-icon>\n            </button></span\n          >`\n        )}\n      </div>\n      <button\n        act\n        ?disabled=${this.locked || current === undefined}\n        @click=${() => this.edit(trackEdit(clip, track, { keys: withKey(track.keys, { seconds: Math.round(at * 1000) / 1000, value: current! }) }))}\n      >\n        <md-icon>add</md-icon>${i18next.t('figure.button.add-key-here', { seconds: at.toFixed(2), value: current ?? '' })}\n      </button>\n    </div>`\n  }\n\n  private renderAdd(asset: V3Asset, clips: Clip[]) {\n    const free = undrivenOf(asset)\n    if (!free.length) return clips.length ? nothing : html`<p hint>${i18next.t('figure.text.no-controls')}</p>`\n    const a = this.adding\n    const stateId = free.includes(a.state) ? a.state : free[0]!\n    const joining = clips.find(c => c.name === a.clip)\n    const name = joining ? joining.name : a.name.trim()\n    const input = asset.document.model.inputs.find(i => i.id === stateId)!\n    const duration = joining ? joining.duration : a.duration\n    const ready = !!name && duration > 0\n    return html`<section><h3>${i18next.t('figure.label.add-track')}</h3>\n      <div form>\n        <span>${i18next.t('figure.label.controls')}</span>\n        <select @change=${(e: Event) => (this.adding = { ...a, state: (e.target as HTMLSelectElement).value })}>\n          ${free.map(id => html`<option value=${id} ?selected=${id === stateId}>${asset.stateInputs?.[id]?.label ?? id}</option>`)}\n        </select>\n        <span>${i18next.t('figure.label.clip')}</span>\n        <select @change=${(e: Event) => (this.adding = { ...a, clip: (e.target as HTMLSelectElement).value })}>\n          <option value=\"\" ?selected=${!joining}>${i18next.t('figure.label.new-clip')}</option>\n          ${clips.map(c => html`<option value=${c.name} ?selected=${c === joining}>${c.name}</option>`)}\n        </select>\n        ${joining\n          ? nothing\n          : html`<span>${i18next.t('figure.label.clip-name')}</span>\n              <input .value=${a.name} placeholder=\"cycle\" @input=${(e: Event) => (this.adding = { ...a, name: (e.target as HTMLInputElement).value })} />\n              <span>${i18next.t('figure.label.clip-duration')}</span>\n              <input type=\"number\" min=\"0.1\" step=\"any\" .value=${String(a.duration)} @change=${(e: Event) => (this.adding = { ...a, duration: (e.target as HTMLInputElement).valueAsNumber })} />`}\n      </div>\n      <button\n        act\n        ?disabled=${this.locked || !ready}\n        @click=${() =>\n          this.edit({\n            kind: 'set-driver',\n            state: stateId,\n            clip: name,\n            ...(joining ? {} : { duration }),\n            keys: [\n              { seconds: 0, value: input.min },\n              { seconds: duration, value: input.max }\n            ]\n          })}\n      >\n        <md-icon>add</md-icon>${i18next.t('figure.button.add-track')}\n      </button></section>`\n  }\n\n  /** Show the clip's pose at a moment: one batch of input changes, not saved as the default. */\n  /** Show the clip's pose at a moment. While the bar is dragged the pose is live (drawn, not recorded); the release\n   * applies it as one batch of input changes. */\n  private scrub(clip: Clip, seconds: number, live = false) {\n    if (!this.asset || !Number.isFinite(seconds)) return\n    this.at = { ...this.at, [clip.name]: seconds }\n    const changes = poseAt(this.asset, clip.name, seconds)\n    if (!changes.length) return\n    if (live) {\n      const values = Object.fromEntries(changes.map(c => [c.input, c.value]))\n      this.dispatchEvent(new CustomEvent('v3-states-live', { detail: { values }, bubbles: true, composed: true }))\n      return\n    }\n    this.dispatchEvent(new CustomEvent('v3-states', { detail: { changes }, bubbles: true, composed: true }))\n  }\n\n  private edit(edit: unknown) {\n    this.dispatchEvent(new CustomEvent('v3-part-edit', { detail: { edit }, bubbles: true, composed: true }))\n  }\n}\n"]}

package/dist-client/modeller/figure-v3-controls.d.ts

@@ -3,7 +3,7 @@ import { LitElement, nothing } from 'lit';
 import type { V3Asset } from '@hatiolab/figure-model';
 declare const FigureV3Controls_base: (new (...args: any[]) => LitElement) & typeof LitElement;
 /**
- * The figure's controls (parity row ⑥, V2's parameters and its pose tools): each value a board sets to pose the figure,
+ * The figure's controls and its pose tools: each value a board sets to pose the figure,
  * with a slider to try it, its name, range and travel time, and a button that keeps the pose being looked at as the
  * pose it stands in when placed.
  *

package/dist-client/modeller/figure-v3-controls.js

@@ -7,7 +7,7 @@ import { controlsOf, poseAsDefault, poseDiffers } from './v3-controls.js';
 import { dialShape } from './angle-dial.js';
 import { SidePanelStyles } from './side-panel-styles.js';
 /**
- * The figure's controls (parity row ⑥, V2's parameters and its pose tools): each value a board sets to pose the figure,
+ * The figure's controls and its pose tools: each value a board sets to pose the figure,
  * with a slider to try it, its name, range and travel time, and a button that keeps the pose being looked at as the
  * pose it stands in when placed.
  *
@@ -30,7 +30,7 @@ let FigureV3Controls = class FigureV3Controls extends localize(i18next)(LitEleme
     :host {
       display: block;
     }
-    /* One control, one line: its name, a dial for an angle, a thin slider, the value (V2's preview row). */
+    /* One control, one line: its name, a dial for an angle, a thin slider, the value. */
     div[control] {
       display: grid;
       grid-template-columns: minmax(0, 1fr) 18px minmax(64px, 1.2fr) 58px 22px;