@things-factory/figure-ui 10.1.37 → 10.1.39

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

@@ -0,0 +1,268 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/icon/icon.js';
+import { css, html, LitElement, nothing } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { i18next, localize } from '@operato/i18n';
+import { parseV3Asset, v3CostOf } from '@hatiolab/figure-model';
+import { inspectFigureDraft } from '../graphql/index.js';
+import { gateFindingStyles, renderGateFinding } from './gate-findings.js';
+import { capacityFrom, MEASURED } from './scene-budget.js';
+/** How long an edit settles before the server is asked again. One question per pause, not one per keystroke. */
+export const VERDICT_SETTLE_MS = 400;
+/**
+ * 판정 — the V3 modeller's verdict while editing (parity row ①).
+ *
+ * The V2 modeller shows, as the author edits, how many of the figure fit on one screen and what would stop it
+ * being published. The V3 page showed neither: the author learned what blocked a release only after saving, in the
+ * release panel. This tab answers both from the source being edited.
+ *
+ * The count is computed here, from `v3CostOf` and the same `capacityFrom` the catalogue cards use, so the tab and
+ * the card cannot disagree. The findings are not: they come from the server's release door (`inspectFigureDraft`),
+ * the same door and the same sentences as the release panel. A second judgement on the screen would say something
+ * different the first time either changed.
+ *
+ * No grade. V2's grade measures V2 reuse; nothing measures it for V3, so the tab shows no letter rather than one
+ * nothing computed.
+ */
+let FigureV3Verdict = class FigureV3Verdict extends localize(i18next)(LitElement) {
+    constructor() {
+        super(...arguments);
+        /** Bodies in the asset, drawn or hidden. With none there is nothing to fit the space to, so the button is not offered. */
+        this.bodies = 0;
+        this.failure = '';
+        this.asking = false;
+        /** Answers can come back out of order; only the newest question's answer is shown. */
+        this.asked = 0;
+        this.fit = () => {
+            this.dispatchEvent(new CustomEvent('fit-base-to-parts', { bubbles: true, composed: true }));
+        };
+    }
+    static { this.styles = [
+        gateFindingStyles,
+        css `
+      :host {
+        display: flex;
+        flex-direction: column;
+        gap: 14px;
+        padding: 12px;
+        overflow: auto;
+        font-size: 0.76rem;
+        color: var(--md-sys-color-on-surface);
+      }
+      section > h3 {
+        margin: 0 0 6px 0;
+        font-size: var(--ui-t-micro, 11px);
+        font-weight: 700;
+        letter-spacing: 0.04em;
+        text-transform: uppercase;
+        color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));
+      }
+      p {
+        margin: 4px 0 0;
+      }
+      p[lead],
+      p[basis],
+      p[quiet] {
+        color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));
+      }
+      div[count] {
+        display: flex;
+        align-items: baseline;
+        gap: 6px;
+      }
+      span[capacity] {
+        font-size: 2.1rem;
+        font-weight: 800;
+        line-height: 1;
+        letter-spacing: -0.01em;
+        color: var(--md-sys-color-primary);
+      }
+      span[unit] {
+        font-size: 0.9rem;
+        font-weight: 600;
+        color: var(--md-sys-color-primary);
+      }
+      p[clear] {
+        color: var(--md-sys-color-primary);
+        font-weight: 600;
+      }
+      p[failed] {
+        color: var(--md-sys-color-error);
+      }
+      button[fit] {
+        align-self: flex-start;
+        margin-top: 4px;
+        padding: 4px 10px;
+        font: inherit;
+        color: var(--md-sys-color-on-secondary-container);
+        background: var(--md-sys-color-secondary-container);
+        border: none;
+        border-radius: 999em;
+        cursor: pointer;
+      }
+    `
+    ]; }
+    disconnectedCallback() {
+        clearTimeout(this.timer);
+        super.disconnectedCallback();
+    }
+    updated(changes) {
+        if (changes.has('source'))
+            this.measure();
+        if (changes.has('source') || changes.has('figureId') || changes.has('figureType'))
+            this.schedule();
+    }
+    measure() {
+        let capacity;
+        let bodies = 0;
+        try {
+            const cost = this.source ? v3CostOf(parseV3Asset(this.source)) : undefined;
+            capacity = cost ? capacityFrom(cost.groups, cost.triangles) : undefined;
+            bodies = cost ? cost.groups + cost.hidden : 0;
+        }
+        catch {
+            /* A source the format refuses has no count; the server's finding below says why. */
+            capacity = undefined;
+        }
+        this.capacity = capacity;
+        this.bodies = bodies;
+        this.dispatchEvent(new CustomEvent('capacity-changed', { detail: { instances: capacity?.instances } }));
+    }
+    schedule() {
+        clearTimeout(this.timer);
+        if (!this.source) {
+            this.inspection = undefined;
+            return;
+        }
+        this.timer = setTimeout(() => this.ask(), VERDICT_SETTLE_MS);
+    }
+    async ask() {
+        const question = ++this.asked;
+        const source = this.source;
+        this.asking = true;
+        try {
+            const inspection = await inspectFigureDraft(source, this.figureId);
+            if (question !== this.asked)
+                return;
+            this.inspection = inspection;
+            this.failure = '';
+        }
+        catch (error) {
+            if (question !== this.asked)
+                return;
+            /* The server's reason as it gave it — the screen does not make one up. The last answer is dropped with it. */
+            this.inspection = undefined;
+            this.failure = error instanceof Error ? error.message : String(error);
+        }
+        finally {
+            if (question === this.asked)
+                this.asking = false;
+        }
+    }
+    render() {
+        return html `${this.renderCount()} ${this.renderGate()}`;
+    }
+    renderCount() {
+        const capacity = this.capacity;
+        return html `
+      <section>
+        <h3>${i18next.t('figure.label.maturity')}</h3>
+        <p lead>${i18next.t('figure.text.how-many-fit')}</p>
+        ${capacity
+            ? html `
+              <div count>
+                <span capacity>${capacity.instances.toLocaleString()}</span>
+                <span unit>${i18next.t('figure.text.instances-unit')}</span>
+              </div>
+              <p basis>
+                ${i18next.t('figure.text.bound-by-' + capacity.bound, {
+                per: capacity.per.toLocaleString(),
+                budget: capacity.budget.toLocaleString()
+            })}
+                <em>
+                  ${capacity.bound === 'groups'
+                ? i18next.t('figure.text.budget-measured-on', { gpu: MEASURED.gpu, on: MEASURED.on })
+                : i18next.t('figure.text.budget-not-measured-yet')}
+                </em>
+              </p>
+            `
+            : html `<p quiet>${i18next.t('figure.text.maturity-blocked-no-parts')}</p>`}
+      </section>
+    `;
+    }
+    renderGate() {
+        const findings = this.inspection?.findings ?? [];
+        const blocking = findings.filter(finding => finding.blocking);
+        const advisory = findings.filter(finding => !finding.blocking);
+        return html `
+      <section>
+        <h3>${i18next.t('figure.label.release-verdict')}</h3>
+        ${this.failure
+            ? html `<p failed role="alert">${i18next.t('figure.text.verdict-not-received', { reason: this.failure })}</p>`
+            : !this.inspection
+                ? html `<p quiet>${i18next.t(this.asking ? 'figure.text.verdict-asking' : 'figure.text.verdict-waiting')}</p>`
+                : blocking.length
+                    ? html `<p>${i18next.t('figure.text.cannot-release-now')}</p>`
+                    : html `<p clear>${i18next.t('figure.text.nothing-blocks-release')}</p>`}
+        ${blocking.length
+            ? html `<ul gate>
+              <li head>${i18next.t('figure.text.must-fix-to-release')}</li>
+              ${blocking.map(finding => renderGateFinding(finding, true, this.actionsFor(finding.code)))}
+            </ul>`
+            : nothing}
+        ${advisory.length
+            ? html `<ul gate>
+              <li head quiet>${i18next.t('figure.text.does-not-block')}</li>
+              ${advisory.map(finding => renderGateFinding(finding, false))}
+            </ul>`
+            : nothing}
+      </section>
+    `;
+    }
+    /** The same way out the release panel offers for the same two findings — declare the space from the parts. */
+    actionsFor(code) {
+        if (code !== 'part-outside-occupancy' && code !== 'occupancy-undeclared')
+            return nothing;
+        /* A new figure with no parts is refused as undeclared too, but fitting needs parts to measure (seen 2026-09-24). */
+        if (!this.bodies)
+            return nothing;
+        return html `<button fit @click=${this.fit}>${i18next.t('figure.button.fit-base-to-parts')}</button>`;
+    }
+};
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], FigureV3Verdict.prototype, "source", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], FigureV3Verdict.prototype, "figureId", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], FigureV3Verdict.prototype, "figureType", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], FigureV3Verdict.prototype, "capacity", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], FigureV3Verdict.prototype, "bodies", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], FigureV3Verdict.prototype, "inspection", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], FigureV3Verdict.prototype, "failure", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], FigureV3Verdict.prototype, "asking", void 0);
+FigureV3Verdict = __decorate([
+    customElement('figure-v3-verdict')
+], FigureV3Verdict);
+export { FigureV3Verdict };
+//# sourceMappingURL=figure-v3-verdict.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"figure-v3-verdict.js","sourceRoot":"","sources":["../../client/modeller/figure-v3-verdict.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 { parseV3Asset, v3CostOf } from '@hatiolab/figure-model'\n\nimport { inspectFigureDraft } from '../graphql/index.js'\nimport type { FigureInspection } from '../types.js'\nimport { gateFindingStyles, renderGateFinding } from './gate-findings.js'\nimport { capacityFrom, MEASURED } from './scene-budget.js'\nimport type { FigureCapacity } from './scene-budget.js'\n\n/** How long an edit settles before the server is asked again. One question per pause, not one per keystroke. */\nexport const VERDICT_SETTLE_MS = 400\n\n/**\n * 판정 — the V3 modeller's verdict while editing (parity row ①).\n *\n * The V2 modeller shows, as the author edits, how many of the figure fit on one screen and what would stop it\n * being published. The V3 page showed neither: the author learned what blocked a release only after saving, in the\n * release panel. This tab answers both from the source being edited.\n *\n * The count is computed here, from `v3CostOf` and the same `capacityFrom` the catalogue cards use, so the tab and\n * the card cannot disagree. The findings are not: they come from the server's release door (`inspectFigureDraft`),\n * the same door and the same sentences as the release panel. A second judgement on the screen would say something\n * different the first time either changed.\n *\n * No grade. V2's grade measures V2 reuse; nothing measures it for V3, so the tab shows no letter rather than one\n * nothing computed.\n */\n@customElement('figure-v3-verdict')\nexport class FigureV3Verdict extends localize(i18next)(LitElement) {\n  static styles = [\n    gateFindingStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        gap: 14px;\n        padding: 12px;\n        overflow: auto;\n        font-size: 0.76rem;\n        color: var(--md-sys-color-on-surface);\n      }\n      section > 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      p {\n        margin: 4px 0 0;\n      }\n      p[lead],\n      p[basis],\n      p[quiet] {\n        color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));\n      }\n      div[count] {\n        display: flex;\n        align-items: baseline;\n        gap: 6px;\n      }\n      span[capacity] {\n        font-size: 2.1rem;\n        font-weight: 800;\n        line-height: 1;\n        letter-spacing: -0.01em;\n        color: var(--md-sys-color-primary);\n      }\n      span[unit] {\n        font-size: 0.9rem;\n        font-weight: 600;\n        color: var(--md-sys-color-primary);\n      }\n      p[clear] {\n        color: var(--md-sys-color-primary);\n        font-weight: 600;\n      }\n      p[failed] {\n        color: var(--md-sys-color-error);\n      }\n      button[fit] {\n        align-self: flex-start;\n        margin-top: 4px;\n        padding: 4px 10px;\n        font: inherit;\n        color: var(--md-sys-color-on-secondary-container);\n        background: var(--md-sys-color-secondary-container);\n        border: none;\n        border-radius: 999em;\n        cursor: pointer;\n      }\n    `\n  ]\n\n  /** The source being edited, serialised. Every change of it is a new question. */\n  @property({ type: String }) source?: string\n  /** The saved row, if any — the server reads its type and last release from it. */\n  @property({ type: String }) figureId?: string\n  /** Changing the type changes the verdict (a temporary type is refused), so it is a reason to ask again. */\n  @property({ type: String }) figureType?: string\n\n  @state() private capacity?: FigureCapacity\n  /** Bodies in the asset, drawn or hidden. With none there is nothing to fit the space to, so the button is not offered. */\n  @state() private bodies = 0\n  @state() private inspection?: FigureInspection\n  @state() private failure = ''\n  @state() private asking = false\n\n  private timer?: ReturnType<typeof setTimeout>\n  /** Answers can come back out of order; only the newest question's answer is shown. */\n  private asked = 0\n\n  disconnectedCallback() {\n    clearTimeout(this.timer)\n    super.disconnectedCallback()\n  }\n\n  updated(changes: Map<string, unknown>) {\n    if (changes.has('source')) this.measure()\n    if (changes.has('source') || changes.has('figureId') || changes.has('figureType')) this.schedule()\n  }\n\n  private measure() {\n    let capacity: FigureCapacity | undefined\n    let bodies = 0\n    try {\n      const cost = this.source ? v3CostOf(parseV3Asset(this.source)) : undefined\n      capacity = cost ? capacityFrom(cost.groups, cost.triangles) : undefined\n      bodies = cost ? cost.groups + cost.hidden : 0\n    } catch {\n      /* A source the format refuses has no count; the server's finding below says why. */\n      capacity = undefined\n    }\n    this.capacity = capacity\n    this.bodies = bodies\n    this.dispatchEvent(new CustomEvent('capacity-changed', { detail: { instances: capacity?.instances } }))\n  }\n\n  private schedule() {\n    clearTimeout(this.timer)\n    if (!this.source) {\n      this.inspection = undefined\n      return\n    }\n    this.timer = setTimeout(() => this.ask(), VERDICT_SETTLE_MS)\n  }\n\n  private async ask() {\n    const question = ++this.asked\n    const source = this.source!\n    this.asking = true\n    try {\n      const inspection = await inspectFigureDraft(source, this.figureId)\n      if (question !== this.asked) return\n      this.inspection = inspection\n      this.failure = ''\n    } catch (error) {\n      if (question !== this.asked) return\n      /* The server's reason as it gave it — the screen does not make one up. The last answer is dropped with it. */\n      this.inspection = undefined\n      this.failure = error instanceof Error ? error.message : String(error)\n    } finally {\n      if (question === this.asked) this.asking = false\n    }\n  }\n\n  render() {\n    return html`${this.renderCount()} ${this.renderGate()}`\n  }\n\n  private renderCount() {\n    const capacity = this.capacity\n    return html`\n      <section>\n        <h3>${i18next.t('figure.label.maturity')}</h3>\n        <p lead>${i18next.t('figure.text.how-many-fit')}</p>\n        ${capacity\n          ? html`\n              <div count>\n                <span capacity>${capacity.instances.toLocaleString()}</span>\n                <span unit>${i18next.t('figure.text.instances-unit')}</span>\n              </div>\n              <p basis>\n                ${i18next.t('figure.text.bound-by-' + capacity.bound, {\n                  per: capacity.per.toLocaleString(),\n                  budget: capacity.budget.toLocaleString()\n                })}\n                <em>\n                  ${capacity.bound === 'groups'\n                    ? i18next.t('figure.text.budget-measured-on', { gpu: MEASURED.gpu, on: MEASURED.on })\n                    : i18next.t('figure.text.budget-not-measured-yet')}\n                </em>\n              </p>\n            `\n          : html`<p quiet>${i18next.t('figure.text.maturity-blocked-no-parts')}</p>`}\n      </section>\n    `\n  }\n\n  private renderGate() {\n    const findings = this.inspection?.findings ?? []\n    const blocking = findings.filter(finding => finding.blocking)\n    const advisory = findings.filter(finding => !finding.blocking)\n    return html`\n      <section>\n        <h3>${i18next.t('figure.label.release-verdict')}</h3>\n        ${this.failure\n          ? html`<p failed role=\"alert\">${i18next.t('figure.text.verdict-not-received', { reason: this.failure })}</p>`\n          : !this.inspection\n            ? html`<p quiet>${i18next.t(this.asking ? 'figure.text.verdict-asking' : 'figure.text.verdict-waiting')}</p>`\n            : blocking.length\n              ? html`<p>${i18next.t('figure.text.cannot-release-now')}</p>`\n              : html`<p clear>${i18next.t('figure.text.nothing-blocks-release')}</p>`}\n        ${blocking.length\n          ? html`<ul gate>\n              <li head>${i18next.t('figure.text.must-fix-to-release')}</li>\n              ${blocking.map(finding => renderGateFinding(finding, true, this.actionsFor(finding.code)))}\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 => renderGateFinding(finding, false))}\n            </ul>`\n          : nothing}\n      </section>\n    `\n  }\n\n  /** The same way out the release panel offers for the same two findings — declare the space from the parts. */\n  private actionsFor(code: string) {\n    if (code !== 'part-outside-occupancy' && code !== 'occupancy-undeclared') return nothing\n    /* A new figure with no parts is refused as undeclared too, but fitting needs parts to measure (seen 2026-09-24). */\n    if (!this.bodies) return nothing\n    return html`<button fit @click=${this.fit}>${i18next.t('figure.button.fit-base-to-parts')}</button>`\n  }\n\n  private fit = () => {\n    this.dispatchEvent(new CustomEvent('fit-base-to-parts', { bubbles: true, composed: true }))\n  }\n}\n"]}

package/dist-client/modeller/gate-findings.d.ts

@@ -0,0 +1,12 @@
+import { type TemplateResult } from 'lit';
+import type { FigureGateFinding } from '../types.js';
+/**
+ * One release-gate finding as a line on screen — the measured fact, where, why it matters, and what to change.
+ *
+ * Two places draw these: the release panel (`figure-history-panel`) and the V3 modeller's verdict while editing
+ * (`figure-v3-verdict`). They show the same findings from the same server door, so they draw them one way; a copy
+ * in each would drift the first time one of them is touched. The caller passes its own action buttons, because
+ * what can be done about a finding depends on the screen it is shown on.
+ */
+export declare function renderGateFinding(finding: FigureGateFinding, blocking: boolean, actions?: unknown): TemplateResult;
+export declare const gateFindingStyles: import("lit").CSSResult;

package/dist-client/modeller/gate-findings.js

@@ -0,0 +1,102 @@
+import { css, html, nothing } from 'lit';
+import { i18next } from '@operato/i18n';
+/**
+ * One release-gate finding as a line on screen — the measured fact, where, why it matters, and what to change.
+ *
+ * Two places draw these: the release panel (`figure-history-panel`) and the V3 modeller's verdict while editing
+ * (`figure-v3-verdict`). They show the same findings from the same server door, so they draw them one way; a copy
+ * in each would drift the first time one of them is touched. The caller passes its own action buttons, because
+ * what can be done about a finding depends on the screen it is shown on.
+ */
+export function renderGateFinding(finding, blocking, actions = nothing) {
+    return html `
+    <li finding ?blocking=${blocking}>
+      <span msg>${finding.message}</span>
+      ${finding.at
+        ? html `
+            <details affected>
+              <summary>${i18next.t('figure.text.show-affected-parts')}</summary>
+              <code where>${finding.at}</code>
+            </details>
+          `
+        : 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}
+      ${actions}
+    </li>
+  `;
+}
+export const gateFindingStyles = css `
+    ul[gate] {
+      margin: var(--spacing-small, 6px) 0 0;
+      padding: 0;
+      list-style: none;
+      display: flex;
+      flex-direction: column;
+      gap: 3px;
+    }
+
+    li[head] {
+      font: var(--label-font, inherit);
+      font-size: 0.72rem;
+      color: var(--md-sys-color-error);
+    }
+
+    li[head][quiet] {
+      color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));
+    }
+
+    li[finding] {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      gap: 3px;
+      padding: 3px 6px;
+      font-size: 0.72rem;
+      line-height: 1.5;
+      color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));
+      background-color: var(--md-sys-color-surface-container);
+      border-radius: 4px;
+    }
+
+    li[finding][blocking] {
+      color: var(--md-sys-color-on-error-container, var(--md-sys-color-on-surface));
+      background-color: var(--md-sys-color-error-container);
+    }
+
+    li[finding] code[where] {
+      font-family: var(--mono-font, monospace);
+      font-size: 0.68rem;
+      opacity: 0.85;
+    }
+
+    li[finding] details[affected] {
+      width: 100%;
+      color: inherit;
+    }
+
+    li[finding] details[affected] summary {
+      cursor: pointer;
+      font-weight: 600;
+    }
+
+    /* 왜 나쁜지는 곁글로 — 읽어야 하지만 잰 것보다 먼저 눈에 들 필요는 없다 */
+    li[finding] span[why-line] {
+      opacity: 0.8;
+    }
+
+    /* 무엇을 바꾸면 되나 — 이 줄이 실제로 사람이 할 일이다. 연장 표를 달아 눈에 걸리게 한다 */
+    li[finding] span[how-line] {
+      display: flex;
+      align-items: flex-start;
+      gap: 4px;
+      padding-top: 2px;
+      font-weight: 600;
+    }
+    li[finding] span[how-line] md-icon {
+      --md-icon-size: 13px;
+      flex: none;
+      margin-top: 1px;
+    }
+`;
+//# sourceMappingURL=gate-findings.js.map

package/dist-client/modeller/gate-findings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gate-findings.js","sourceRoot":"","sources":["../../client/modeller/gate-findings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAA;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAIvC;;;;;;;GAOG;AACH,MAAM,UAAU,iBAAiB,CAAC,OAA0B,EAAE,QAAiB,EAAE,UAAmB,OAAO;IACzG,OAAO,IAAI,CAAA;4BACe,QAAQ;kBAClB,OAAO,CAAC,OAAO;QACzB,OAAO,CAAC,EAAE;QACV,CAAC,CAAC,IAAI,CAAA;;yBAEW,OAAO,CAAC,CAAC,CAAC,iCAAiC,CAAC;4BACzC,OAAO,CAAC,EAAE;;WAE3B;QACH,CAAC,CAAC,OAAO;QACT,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,kBAAkB,OAAO,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,OAAO;QAClE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,0CAA0C,OAAO,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,OAAO;QAC1F,OAAO;;GAEZ,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwEnC,CAAA","sourcesContent":["import { css, html, nothing, type TemplateResult } from 'lit'\nimport { i18next } from '@operato/i18n'\n\nimport type { FigureGateFinding } from '../types.js'\n\n/**\n * One release-gate finding as a line on screen — the measured fact, where, why it matters, and what to change.\n *\n * Two places draw these: the release panel (`figure-history-panel`) and the V3 modeller's verdict while editing\n * (`figure-v3-verdict`). They show the same findings from the same server door, so they draw them one way; a copy\n * in each would drift the first time one of them is touched. The caller passes its own action buttons, because\n * what can be done about a finding depends on the screen it is shown on.\n */\nexport function renderGateFinding(finding: FigureGateFinding, blocking: boolean, actions: unknown = nothing): TemplateResult {\n  return html`\n    <li finding ?blocking=${blocking}>\n      <span msg>${finding.message}</span>\n      ${finding.at\n        ? html`\n            <details affected>\n              <summary>${i18next.t('figure.text.show-affected-parts')}</summary>\n              <code where>${finding.at}</code>\n            </details>\n          `\n        : nothing}\n      ${finding.why ? html`<span why-line>${finding.why}</span>` : nothing}\n      ${finding.how ? html`<span how-line><md-icon>build</md-icon>${finding.how}</span>` : nothing}\n      ${actions}\n    </li>\n  `\n}\n\nexport const gateFindingStyles = css`\n    ul[gate] {\n      margin: var(--spacing-small, 6px) 0 0;\n      padding: 0;\n      list-style: none;\n      display: flex;\n      flex-direction: column;\n      gap: 3px;\n    }\n\n    li[head] {\n      font: var(--label-font, inherit);\n      font-size: 0.72rem;\n      color: var(--md-sys-color-error);\n    }\n\n    li[head][quiet] {\n      color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));\n    }\n\n    li[finding] {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 3px;\n      padding: 3px 6px;\n      font-size: 0.72rem;\n      line-height: 1.5;\n      color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));\n      background-color: var(--md-sys-color-surface-container);\n      border-radius: 4px;\n    }\n\n    li[finding][blocking] {\n      color: var(--md-sys-color-on-error-container, var(--md-sys-color-on-surface));\n      background-color: var(--md-sys-color-error-container);\n    }\n\n    li[finding] code[where] {\n      font-family: var(--mono-font, monospace);\n      font-size: 0.68rem;\n      opacity: 0.85;\n    }\n\n    li[finding] details[affected] {\n      width: 100%;\n      color: inherit;\n    }\n\n    li[finding] details[affected] summary {\n      cursor: pointer;\n      font-weight: 600;\n    }\n\n    /* 왜 나쁜지는 곁글로 — 읽어야 하지만 잰 것보다 먼저 눈에 들 필요는 없다 */\n    li[finding] span[why-line] {\n      opacity: 0.8;\n    }\n\n    /* 무엇을 바꾸면 되나 — 이 줄이 실제로 사람이 할 일이다. 연장 표를 달아 눈에 걸리게 한다 */\n    li[finding] span[how-line] {\n      display: flex;\n      align-items: flex-start;\n      gap: 4px;\n      padding-top: 2px;\n      font-weight: 600;\n    }\n    li[finding] span[how-line] md-icon {\n      --md-icon-size: 13px;\n      flex: none;\n      margin-top: 1px;\n    }\n`\n"]}

package/dist-client/modeller/v3-editor.js

@@ -1,6 +1,8 @@
 import { __decorate, __metadata } from "tslib";
 import { LitElement, html, css } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
+import { captureV3Thumbnail } from './v3-thumbnail.js';
+import { drawableV3Parts } from './v3-renderer.js';
 import './v3-canvas.js';
 const names = {
     position: '위치',
@@ -172,7 +174,14 @@ let FigureV3Editor = class FigureV3Editor extends LitElement {
         if (!this.session)
             return;
         try {
-            const promise = this.session.save();
+            /*
+              The card's picture is taken before the save starts, from a canvas of its own at the card's size —
+              not from the one on screen, which stands wherever the author left it turned. A picture that cannot
+              be taken is not an error: the save goes on without it (see `v3-thumbnail.ts`).
+            */
+            const view = this.session.read();
+            const thumbnail = await captureV3Thumbnail(drawableV3Parts(view.geometry ?? []), view.palette ?? {});
+            const promise = this.session.save({ thumbnail });
             this.changed();
             await promise;
             this.error = '';
@@ -272,7 +281,7 @@ let FigureV3Editor = class FigureV3Editor extends LitElement {
           </div>
         </aside>
         <figure-v3-canvas
-          .parts=${view.geometry}
+          .parts=${drawableV3Parts(view.geometry ?? [])}
           .palette=${view.palette ?? {}}
           .context=${view.context ?? ''}
           @part-selected=${(e) => {

package/dist-client/modeller/v3-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"v3-editor.js","sourceRoot":"","sources":["../../client/modeller/v3-editor.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css, type PropertyValues } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport type { V3InputChange, V3PrimitiveCreation } from '@hatiolab/figure-model'\nimport type { V3ProductSession } from './v3-product-session.js'\nimport './v3-canvas.js'\nimport type { FigureV3Canvas } from './v3-canvas.js'\n\nconst names: Record<string, string> = {\n  position: '위치',\n  rotation: '회전',\n  size: '크기',\n  dimension: '치수',\n  width: '너비',\n  height: '높이',\n  depth: '깊이',\n  radius: '반지름',\n  length: '길이',\n  round: '모서리 반경',\n  left: '왼쪽',\n  right: '오른쪽',\n  bottom: '아랫면',\n  top: '윗면',\n  openingLeft: '개구부 왼쪽',\n  openingRight: '개구부 오른쪽',\n  openingTop: '개구부 윗면'\n}\nfunction fieldLabel(id: string) {\n  return id\n    .split('.')\n    .map(p => names[p] ?? p.toUpperCase())\n    .join(' · ')\n}\n\n/** Product editor surface. The injected session is shared by page persistence and AI commands. */\n@customElement('figure-v3-editor')\nexport class FigureV3Editor extends LitElement {\n  static styles = css`\n    :host {\n      display: flex;\n      flex-direction: column;\n      min-height: 0;\n      height: 100%;\n      font: 13px sans-serif;\n      color: var(--md-sys-color-on-surface, #22343f);\n    }\n    header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px;\n      border-bottom: 1px solid #d4dde2;\n      flex-wrap: wrap;\n    }\n    main {\n      flex: 1;\n      min-height: 0;\n      display: grid;\n      grid-template-columns: 180px minmax(180px, 1fr) 300px;\n    }\n    aside {\n      padding: 12px;\n      overflow: auto;\n      background: var(--md-sys-color-surface, #fff);\n    }\n    aside:first-child {\n      border-right: 1px solid #d4dde2;\n    }\n    aside:last-child {\n      border-left: 1px solid #d4dde2;\n    }\n    h3 {\n      font-size: var(--ui-t-body, 13px);\n      margin: 22px 0 10px;\n    }\n    h3:first-child {\n      margin-top: 0;\n    }\n    button,\n    input,\n    select {\n      font: inherit;\n      box-sizing: border-box;\n      height: 34px;\n      border: 1px solid #cbd5dc;\n      border-radius: 6px;\n      background: var(--md-sys-color-surface, #fff);\n      color: inherit;\n      padding: 0 8px;\n      min-width: 0;\n    }\n    button {\n      cursor: pointer;\n    }\n    button:disabled {\n      opacity: 0.45;\n      cursor: default;\n    }\n    button[aria-pressed='true'] {\n      background: #d6edf0;\n      border-color: #337783;\n    }\n    .parts {\n      display: grid;\n      gap: 6px;\n    }\n    .recipes {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 6px;\n    }\n    label {\n      display: grid;\n      grid-template-columns: 112px minmax(0, 1fr);\n      align-items: center;\n      gap: 8px;\n      margin: 8px 0;\n    }\n    label span {\n      overflow-wrap: anywhere;\n    }\n    .error {\n      padding: 10px;\n      background: #fff0eb;\n      color: #922716;\n      white-space: pre-wrap;\n    }\n    .status {\n      margin-left: auto;\n    }\n    .hint {\n      color: #637783;\n      line-height: 1.5;\n    }\n    @media (max-width: 800px) {\n      main {\n        grid-template-columns: 140px minmax(160px, 1fr);\n      }\n      aside:last-child {\n        grid-column: 1/-1;\n        max-height: 260px;\n        border-top: 1px solid #d4dde2;\n      }\n    }\n  `\n  @property({ attribute: false }) session?: V3ProductSession\n  @property({ type: Number }) revision = 0\n  @state() private selected = ''\n  @state() private error = ''\n  private lastContext: string | null = null\n  protected willUpdate(_changed: PropertyValues) {\n    const view = this.session?.read()\n    if (view?.context !== this.lastContext) {\n      this.lastContext = view?.context ?? null\n      this.selected = ''\n      this.error = ''\n    }\n    if (view && !view.geometry.some(g => g.id === this.selected)) this.selected = ''\n  }\n  private run(action: () => unknown) {\n    try {\n      action()\n      this.error = ''\n      this.changed()\n    } catch (error) {\n      this.error = error instanceof Error ? error.message : String(error)\n    }\n  }\n  private changed() {\n    this.requestUpdate()\n    this.dispatchEvent(new CustomEvent('v3-changed', { bubbles: true, composed: true }))\n  }\n  private async save() {\n    if (!this.session) return\n    try {\n      const promise = this.session.save()\n      this.changed()\n      await promise\n      this.error = ''\n    } catch (error) {\n      this.error = error instanceof Error ? error.message : String(error)\n    } finally {\n      this.changed()\n    }\n  }\n  private add(kind: V3PrimitiveCreation['kind']) {\n    if (!this.session) return\n    this.run(() => {\n      const ids = new Set(this.session!.read().geometry.map(g => g.id))\n      let n = 1\n      while (ids.has(`${kind}-${n}`)) n++\n      const common = { id: `${kind}-${n}`, position: { x: 0, y: 50, z: 0 } }\n      const part: V3PrimitiveCreation =\n        kind === 'box'\n          ? { ...common, kind, dimensions: { width: 100, height: 100, depth: 100 } }\n          : kind === 'cylinder'\n            ? { ...common, kind, dimensions: { radius: 50, length: 100 } }\n            : kind === 'rounded-box'\n              ? { ...common, kind, dimensions: { width: 100, height: 100, depth: 100, round: 10 } }\n              : {\n                  ...common,\n                  position: { x: 0, y: 0, z: 0 },\n                  kind: 'portal',\n                  dimensions: {\n                    left: -100,\n                    right: 100,\n                    bottom: 0,\n                    top: 200,\n                    openingLeft: -70,\n                    openingRight: 70,\n                    openingTop: 170,\n                    depth: 30\n                  }\n                }\n      this.session!.add(part)\n      this.selected = part.id\n    })\n  }\n  private changeField(field: { id: string; unit: V3InputChange['unit']; role?: string }, event: Event) {\n    const input = event.target as HTMLInputElement,\n      value = input.valueAsNumber\n    this.run(() =>\n      this.session!.apply([\n        { kind: field.role === 'state' ? 'set-state' : 'set-design', input: field.id, unit: field.unit, value }\n      ])\n    )\n    // Rejected edits must also restore the displayed numeric value.\n    input.value = String(this.session!.read().fields.find(i => i.id === field.id)!.value)\n  }\n  render() {\n    const view = this.session?.read()\n    if (!view) return html`<p>모델을 여는 중입니다.</p>`\n    const unavailable = view.loading || !!view.error || view.saving || !view.context\n    const part = view.geometry.find(g => g.id === this.selected)\n    // Shared/root parameters remain available even when a part is selected.\n    const own = view.fields.filter(i => this.selected && i.id.startsWith(this.selected + '.'))\n    const common = view.fields.filter(i => !view.geometry.some(g => i.id.startsWith(g.id + '.')))\n    const fields = this.selected ? [...own, ...common] : view.fields\n    return html` <header>\n        <strong>V3 모델링</strong>\n        <button ?disabled=${unavailable || !view.canUndo} @click=${() => this.run(() => this.session!.undo())}>\n          실행 취소\n        </button>\n        <button ?disabled=${unavailable || !view.canRedo} @click=${() => this.run(() => this.session!.redo())}>\n          다시 실행\n        </button>\n        <button @click=${() => this.renderRoot.querySelector<FigureV3Canvas>('figure-v3-canvas')?.fit()}>\n          전체 보기\n        </button>\n        <span class=\"status\" role=\"status\"\n          >${view.loading ? '불러오는 중' : view.saving ? '저장 중' : view.dirty || !view.id ? '저장 안 됨' : '저장됨'}</span\n        >\n        <button ?disabled=${unavailable || (!view.dirty && !!view.id)} @click=${this.save}>저장</button>\n      </header>\n      ${this.error || view.error ? html`<div role=\"alert\" class=\"error\">${this.error || view.error}</div>` : null}\n      <main>\n        <aside>\n          <h3>도형 추가</h3>\n          <div class=\"recipes\">\n            ${(['box', 'cylinder', 'rounded-box', 'portal'] as const).map((kind, i) => html`<button ?disabled=${unavailable} @click=${() => this.add(kind)}>${['상자', '원기둥', '둥근 상자', '문틀'][i]}</button>`)}\n          </div>\n          <h3>부품 ${view.geometry.length}</h3>\n          <div class=\"parts\">\n            ${view.geometry.map(\n              g =>\n                html`<button\n                  aria-pressed=${g.id === this.selected}\n                  @click=${() => {\n                    this.selected = g.id\n                  }}\n                >\n                  ${g.id}\n                </button>`\n            )}\n          </div>\n        </aside>\n        <figure-v3-canvas\n          .parts=${view.geometry}\n          .palette=${view.palette ?? {}}\n          .context=${view.context ?? ''}\n          @part-selected=${(e: CustomEvent<string>) => {\n            this.selected = e.detail\n          }}\n          @render-error=${(e: CustomEvent<Error>) => {\n            this.error = e.detail.message\n          }}\n        ></figure-v3-canvas>\n        <aside>\n          <h3>${this.selected || '모델 입력'}</h3>\n          ${fields.map(field => html`<label><span>${fieldLabel(field.id)} (${field.unit})${field.role === 'state' ? ' · 동작' : ''}</span><input aria-label=${field.id} type=\"number\" step=\"any\" .value=${String(field.value)} ?disabled=${unavailable} @change=${(e: Event) => this.changeField(field, e)} /></label>`)}\n          ${\n            part\n              ? html`<h3>재질</h3>\n                  <label\n                    ><span>색 역할</span\n                    ><select\n                      .value=${part.material.token}\n                      ?disabled=${unavailable}\n                      @change=${(e: Event) => this.run(() => this.session!.edit({ kind: 'set-material', target: this.selected, material: { ...part.material, token: (e.target as HTMLSelectElement).value } }))}\n                    >\n                      ${Object.keys(view.palette ?? {}).map(token => html`<option value=${token}>${token === 'palette.primary' ? '기본 몸체' : token}</option>`)}\n                    </select></label\n                  >\n                  <p class=\"hint\">\n                    도형과 위치를 결정하는 입력을 편집합니다. 다른 부품과 공유하는 입력은 함께 영향을 줄 수 있습니다.\n                  </p>`\n              : null\n          }\n          ${\n            view.bindings.length\n              ? html`<h3>배치 연결점</h3>\n                  ${view.bindings.map(b => html`<p>${b.label} · ${b.role}</p>`)}`\n              : null\n          }\n        </aside>\n      </main>`\n  }\n}\n"]}
+{"version":3,"file":"v3-editor.js","sourceRoot":"","sources":["../../client/modeller/v3-editor.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css, type PropertyValues } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport type { V3InputChange, V3PrimitiveCreation } from '@hatiolab/figure-model'\nimport type { V3ProductSession } from './v3-product-session.js'\nimport { captureV3Thumbnail } from './v3-thumbnail.js'\nimport { drawableV3Parts } from './v3-renderer.js'\nimport './v3-canvas.js'\nimport type { FigureV3Canvas } from './v3-canvas.js'\n\nconst names: Record<string, string> = {\n  position: '위치',\n  rotation: '회전',\n  size: '크기',\n  dimension: '치수',\n  width: '너비',\n  height: '높이',\n  depth: '깊이',\n  radius: '반지름',\n  length: '길이',\n  round: '모서리 반경',\n  left: '왼쪽',\n  right: '오른쪽',\n  bottom: '아랫면',\n  top: '윗면',\n  openingLeft: '개구부 왼쪽',\n  openingRight: '개구부 오른쪽',\n  openingTop: '개구부 윗면'\n}\nfunction fieldLabel(id: string) {\n  return id\n    .split('.')\n    .map(p => names[p] ?? p.toUpperCase())\n    .join(' · ')\n}\n\n/** Product editor surface. The injected session is shared by page persistence and AI commands. */\n@customElement('figure-v3-editor')\nexport class FigureV3Editor extends LitElement {\n  static styles = css`\n    :host {\n      display: flex;\n      flex-direction: column;\n      min-height: 0;\n      height: 100%;\n      font: 13px sans-serif;\n      color: var(--md-sys-color-on-surface, #22343f);\n    }\n    header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px;\n      border-bottom: 1px solid #d4dde2;\n      flex-wrap: wrap;\n    }\n    main {\n      flex: 1;\n      min-height: 0;\n      display: grid;\n      grid-template-columns: 180px minmax(180px, 1fr) 300px;\n    }\n    aside {\n      padding: 12px;\n      overflow: auto;\n      background: var(--md-sys-color-surface, #fff);\n    }\n    aside:first-child {\n      border-right: 1px solid #d4dde2;\n    }\n    aside:last-child {\n      border-left: 1px solid #d4dde2;\n    }\n    h3 {\n      font-size: var(--ui-t-body, 13px);\n      margin: 22px 0 10px;\n    }\n    h3:first-child {\n      margin-top: 0;\n    }\n    button,\n    input,\n    select {\n      font: inherit;\n      box-sizing: border-box;\n      height: 34px;\n      border: 1px solid #cbd5dc;\n      border-radius: 6px;\n      background: var(--md-sys-color-surface, #fff);\n      color: inherit;\n      padding: 0 8px;\n      min-width: 0;\n    }\n    button {\n      cursor: pointer;\n    }\n    button:disabled {\n      opacity: 0.45;\n      cursor: default;\n    }\n    button[aria-pressed='true'] {\n      background: #d6edf0;\n      border-color: #337783;\n    }\n    .parts {\n      display: grid;\n      gap: 6px;\n    }\n    .recipes {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 6px;\n    }\n    label {\n      display: grid;\n      grid-template-columns: 112px minmax(0, 1fr);\n      align-items: center;\n      gap: 8px;\n      margin: 8px 0;\n    }\n    label span {\n      overflow-wrap: anywhere;\n    }\n    .error {\n      padding: 10px;\n      background: #fff0eb;\n      color: #922716;\n      white-space: pre-wrap;\n    }\n    .status {\n      margin-left: auto;\n    }\n    .hint {\n      color: #637783;\n      line-height: 1.5;\n    }\n    @media (max-width: 800px) {\n      main {\n        grid-template-columns: 140px minmax(160px, 1fr);\n      }\n      aside:last-child {\n        grid-column: 1/-1;\n        max-height: 260px;\n        border-top: 1px solid #d4dde2;\n      }\n    }\n  `\n  @property({ attribute: false }) session?: V3ProductSession\n  @property({ type: Number }) revision = 0\n  @state() private selected = ''\n  @state() private error = ''\n  private lastContext: string | null = null\n  protected willUpdate(_changed: PropertyValues) {\n    const view = this.session?.read()\n    if (view?.context !== this.lastContext) {\n      this.lastContext = view?.context ?? null\n      this.selected = ''\n      this.error = ''\n    }\n    if (view && !view.geometry.some(g => g.id === this.selected)) this.selected = ''\n  }\n  private run(action: () => unknown) {\n    try {\n      action()\n      this.error = ''\n      this.changed()\n    } catch (error) {\n      this.error = error instanceof Error ? error.message : String(error)\n    }\n  }\n  private changed() {\n    this.requestUpdate()\n    this.dispatchEvent(new CustomEvent('v3-changed', { bubbles: true, composed: true }))\n  }\n  private async save() {\n    if (!this.session) return\n    try {\n      /*\n        The card's picture is taken before the save starts, from a canvas of its own at the card's size —\n        not from the one on screen, which stands wherever the author left it turned. A picture that cannot\n        be taken is not an error: the save goes on without it (see `v3-thumbnail.ts`).\n      */\n      const view = this.session.read()\n      const thumbnail = await captureV3Thumbnail(drawableV3Parts(view.geometry ?? []), view.palette ?? {})\n      const promise = this.session.save({ thumbnail })\n      this.changed()\n      await promise\n      this.error = ''\n    } catch (error) {\n      this.error = error instanceof Error ? error.message : String(error)\n    } finally {\n      this.changed()\n    }\n  }\n  private add(kind: V3PrimitiveCreation['kind']) {\n    if (!this.session) return\n    this.run(() => {\n      const ids = new Set(this.session!.read().geometry.map(g => g.id))\n      let n = 1\n      while (ids.has(`${kind}-${n}`)) n++\n      const common = { id: `${kind}-${n}`, position: { x: 0, y: 50, z: 0 } }\n      const part: V3PrimitiveCreation =\n        kind === 'box'\n          ? { ...common, kind, dimensions: { width: 100, height: 100, depth: 100 } }\n          : kind === 'cylinder'\n            ? { ...common, kind, dimensions: { radius: 50, length: 100 } }\n            : kind === 'rounded-box'\n              ? { ...common, kind, dimensions: { width: 100, height: 100, depth: 100, round: 10 } }\n              : {\n                  ...common,\n                  position: { x: 0, y: 0, z: 0 },\n                  kind: 'portal',\n                  dimensions: {\n                    left: -100,\n                    right: 100,\n                    bottom: 0,\n                    top: 200,\n                    openingLeft: -70,\n                    openingRight: 70,\n                    openingTop: 170,\n                    depth: 30\n                  }\n                }\n      this.session!.add(part)\n      this.selected = part.id\n    })\n  }\n  private changeField(field: { id: string; unit: V3InputChange['unit']; role?: string }, event: Event) {\n    const input = event.target as HTMLInputElement,\n      value = input.valueAsNumber\n    this.run(() =>\n      this.session!.apply([\n        { kind: field.role === 'state' ? 'set-state' : 'set-design', input: field.id, unit: field.unit, value }\n      ])\n    )\n    // Rejected edits must also restore the displayed numeric value.\n    input.value = String(this.session!.read().fields.find(i => i.id === field.id)!.value)\n  }\n  render() {\n    const view = this.session?.read()\n    if (!view) return html`<p>모델을 여는 중입니다.</p>`\n    const unavailable = view.loading || !!view.error || view.saving || !view.context\n    const part = view.geometry.find(g => g.id === this.selected)\n    // Shared/root parameters remain available even when a part is selected.\n    const own = view.fields.filter(i => this.selected && i.id.startsWith(this.selected + '.'))\n    const common = view.fields.filter(i => !view.geometry.some(g => i.id.startsWith(g.id + '.')))\n    const fields = this.selected ? [...own, ...common] : view.fields\n    return html` <header>\n        <strong>V3 모델링</strong>\n        <button ?disabled=${unavailable || !view.canUndo} @click=${() => this.run(() => this.session!.undo())}>\n          실행 취소\n        </button>\n        <button ?disabled=${unavailable || !view.canRedo} @click=${() => this.run(() => this.session!.redo())}>\n          다시 실행\n        </button>\n        <button @click=${() => this.renderRoot.querySelector<FigureV3Canvas>('figure-v3-canvas')?.fit()}>\n          전체 보기\n        </button>\n        <span class=\"status\" role=\"status\"\n          >${view.loading ? '불러오는 중' : view.saving ? '저장 중' : view.dirty || !view.id ? '저장 안 됨' : '저장됨'}</span\n        >\n        <button ?disabled=${unavailable || (!view.dirty && !!view.id)} @click=${this.save}>저장</button>\n      </header>\n      ${this.error || view.error ? html`<div role=\"alert\" class=\"error\">${this.error || view.error}</div>` : null}\n      <main>\n        <aside>\n          <h3>도형 추가</h3>\n          <div class=\"recipes\">\n            ${(['box', 'cylinder', 'rounded-box', 'portal'] as const).map((kind, i) => html`<button ?disabled=${unavailable} @click=${() => this.add(kind)}>${['상자', '원기둥', '둥근 상자', '문틀'][i]}</button>`)}\n          </div>\n          <h3>부품 ${view.geometry.length}</h3>\n          <div class=\"parts\">\n            ${view.geometry.map(\n              g =>\n                html`<button\n                  aria-pressed=${g.id === this.selected}\n                  @click=${() => {\n                    this.selected = g.id\n                  }}\n                >\n                  ${g.id}\n                </button>`\n            )}\n          </div>\n        </aside>\n        <figure-v3-canvas\n          .parts=${drawableV3Parts(view.geometry ?? [])}\n          .palette=${view.palette ?? {}}\n          .context=${view.context ?? ''}\n          @part-selected=${(e: CustomEvent<string>) => {\n            this.selected = e.detail\n          }}\n          @render-error=${(e: CustomEvent<Error>) => {\n            this.error = e.detail.message\n          }}\n        ></figure-v3-canvas>\n        <aside>\n          <h3>${this.selected || '모델 입력'}</h3>\n          ${fields.map(field => html`<label><span>${fieldLabel(field.id)} (${field.unit})${field.role === 'state' ? ' · 동작' : ''}</span><input aria-label=${field.id} type=\"number\" step=\"any\" .value=${String(field.value)} ?disabled=${unavailable} @change=${(e: Event) => this.changeField(field, e)} /></label>`)}\n          ${\n            part\n              ? html`<h3>재질</h3>\n                  <label\n                    ><span>색 역할</span\n                    ><select\n                      .value=${part.material.token}\n                      ?disabled=${unavailable}\n                      @change=${(e: Event) => this.run(() => this.session!.edit({ kind: 'set-material', target: this.selected, material: { ...part.material, token: (e.target as HTMLSelectElement).value } }))}\n                    >\n                      ${Object.keys(view.palette ?? {}).map(token => html`<option value=${token}>${token === 'palette.primary' ? '기본 몸체' : token}</option>`)}\n                    </select></label\n                  >\n                  <p class=\"hint\">\n                    도형과 위치를 결정하는 입력을 편집합니다. 다른 부품과 공유하는 입력은 함께 영향을 줄 수 있습니다.\n                  </p>`\n              : null\n          }\n          ${\n            view.bindings.length\n              ? html`<h3>배치 연결점</h3>\n                  ${view.bindings.map(b => html`<p>${b.label} · ${b.role}</p>`)}`\n              : null\n          }\n        </aside>\n      </main>`\n  }\n}\n"]}

package/dist-client/modeller/v3-occupancy.d.ts

@@ -0,0 +1,14 @@
+import { type V3AuthoringAction } from '@hatiolab/figure-model';
+/**
+ * 「부품에 맞추기」의 V3 짝 — 공간을 지금 부품에서 다시 선언하는 한 걸음.
+ *
+ * figure-model 은 이것을 둘로 나눠 두었다: 제안(`proposeV3Occupancy`)은 무엇이 선언될지를 보여 주고, 확인
+ * (`declare-occupancy`)은 그 제안이 읽은 모양 그대로일 때만 받는다. 저작자가 누른 단추가 그 확인이다. 제안과 확인
+ * 사이에 모델이 바뀌면 figure-model 이 `OCCUPANCY_STALE` 로 거절하므로, 여기서는 누른 순간의 원본으로 둘을 한
+ * 번에 만든다.
+ *
+ * 범위는 움직임 전체다(`over: 'range'`). 쉬는 자세만 담으면 움직이는 부품이 선언한 공간을 넘어 발행 판정이 다시
+ * 막는다. 배치 기준은 이미 선언된 것을 지키고, 처음 선언하는 도형은 바닥에 선다고 둔다 — 새로 만든 도형의
+ * 모델러 기본이 바닥이다.
+ */
+export declare function occupancyFromParts(source: string): V3AuthoringAction;

package/dist-client/modeller/v3-occupancy.js

@@ -0,0 +1,22 @@
+import { parseV3Asset, proposeV3Occupancy } from '@hatiolab/figure-model';
+/**
+ * 「부품에 맞추기」의 V3 짝 — 공간을 지금 부품에서 다시 선언하는 한 걸음.
+ *
+ * figure-model 은 이것을 둘로 나눠 두었다: 제안(`proposeV3Occupancy`)은 무엇이 선언될지를 보여 주고, 확인
+ * (`declare-occupancy`)은 그 제안이 읽은 모양 그대로일 때만 받는다. 저작자가 누른 단추가 그 확인이다. 제안과 확인
+ * 사이에 모델이 바뀌면 figure-model 이 `OCCUPANCY_STALE` 로 거절하므로, 여기서는 누른 순간의 원본으로 둘을 한
+ * 번에 만든다.
+ *
+ * 범위는 움직임 전체다(`over: 'range'`). 쉬는 자세만 담으면 움직이는 부품이 선언한 공간을 넘어 발행 판정이 다시
+ * 막는다. 배치 기준은 이미 선언된 것을 지키고, 처음 선언하는 도형은 바닥에 선다고 둔다 — 새로 만든 도형의
+ * 모델러 기본이 바닥이다.
+ */
+export function occupancyFromParts(source) {
+    const asset = parseV3Asset(source);
+    return {
+        kind: 'declare-occupancy',
+        proposal: proposeV3Occupancy(asset, { over: 'range' }),
+        placement: asset.occupancy?.placement ?? 'floor'
+    };
+}
+//# sourceMappingURL=v3-occupancy.js.map

package/dist-client/modeller/v3-occupancy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"v3-occupancy.js","sourceRoot":"","sources":["../../client/modeller/v3-occupancy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAA0B,MAAM,wBAAwB,CAAA;AAEjG;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,kBAAkB,CAAC,MAAc;IAC/C,MAAM,KAAK,GAAG,YAAY,CAAC,MAAM,CAAC,CAAA;IAClC,OAAO;QACL,IAAI,EAAE,mBAAmB;QACzB,QAAQ,EAAE,kBAAkB,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;QACtD,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,OAAO;KACjD,CAAA;AACH,CAAC","sourcesContent":["import { parseV3Asset, proposeV3Occupancy, type V3AuthoringAction } from '@hatiolab/figure-model'\n\n/**\n * 「부품에 맞추기」의 V3 짝 — 공간을 지금 부품에서 다시 선언하는 한 걸음.\n *\n * figure-model 은 이것을 둘로 나눠 두었다: 제안(`proposeV3Occupancy`)은 무엇이 선언될지를 보여 주고, 확인\n * (`declare-occupancy`)은 그 제안이 읽은 모양 그대로일 때만 받는다. 저작자가 누른 단추가 그 확인이다. 제안과 확인\n * 사이에 모델이 바뀌면 figure-model 이 `OCCUPANCY_STALE` 로 거절하므로, 여기서는 누른 순간의 원본으로 둘을 한\n * 번에 만든다.\n *\n * 범위는 움직임 전체다(`over: 'range'`). 쉬는 자세만 담으면 움직이는 부품이 선언한 공간을 넘어 발행 판정이 다시\n * 막는다. 배치 기준은 이미 선언된 것을 지키고, 처음 선언하는 도형은 바닥에 선다고 둔다 — 새로 만든 도형의\n * 모델러 기본이 바닥이다.\n */\nexport function occupancyFromParts(source: string): V3AuthoringAction {\n  const asset = parseV3Asset(source)\n  return {\n    kind: 'declare-occupancy',\n    proposal: proposeV3Occupancy(asset, { over: 'range' }),\n    placement: asset.occupancy?.placement ?? 'floor'\n  }\n}\n"]}