@things-factory/figure-ui 10.1.40 → 10.1.43

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

@@ -1,9 +1,14 @@
 import { __decorate, __metadata } from "tslib";
 import { LitElement, html, css } from 'lit';
+import { i18next } from '@operato/i18n';
 import { customElement, property, state } from 'lit/decorators.js';
 import { captureV3Thumbnail } from './v3-thumbnail.js';
 import { drawableV3Parts } from './v3-renderer.js';
 import './v3-canvas.js';
+import './figure-v3-parts.js';
+import './figure-v3-material.js';
+import { gizmoChanges, gizmoReachOf } from './v3-gizmo.js';
+import { alignChanges, canMirror, mirrorChanges } from './v3-align.js';
 const names = {
     position: '위치',
     rotation: '회전',
@@ -36,6 +41,11 @@ let FigureV3Editor = class FigureV3Editor extends LitElement {
         this.revision = 0;
         this.selected = '';
         this.error = '';
+        /**
+         * Parts hidden on the workbench — the author's view while working, not the asset's visibility. Not saved, as in
+         * the V2 modeller: a part hidden here is still in the figure, still checked, still drawn on a board.
+         */
+        this.hiddenParts = new Set();
         this.lastContext = null;
     }
     static { this.styles = css `
@@ -72,8 +82,8 @@ let FigureV3Editor = class FigureV3Editor extends LitElement {
       overflow: auto;
       background: var(--md-sys-color-surface, #fff);
     }
-    aside:first-child {
-      border-right: 1px solid var(--md-sys-color-outline-variant);
+    figure-v3-parts {
+      min-height: 0;
     }
     aside:last-child {
       border-left: 1px solid var(--md-sys-color-outline-variant);
@@ -110,6 +120,30 @@ let FigureV3Editor = class FigureV3Editor extends LitElement {
       color: var(--md-sys-color-on-secondary-container);
       border-color: var(--md-sys-color-primary);
     }
+    label[name-field] {
+      margin: 0 0 8px;
+    }
+    label[name-field] input {
+      font-weight: 600;
+    }
+    div[tools] {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 4px;
+      margin: 0 0 8px;
+    }
+    div[tools] button {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 34px;
+      padding: 0;
+    }
+    div[tools] md-icon {
+      font-size: 18px;
+      width: 18px;
+      height: 18px;
+    }
     .parts {
       display: grid;
       gap: 6px;
@@ -165,7 +199,7 @@ let FigureV3Editor = class FigureV3Editor extends LitElement {
       figure-v3-canvas {
         order: -1;
       }
-      aside:first-child {
+      figure-v3-parts {
         border-right: none;
         border-top: 1px solid var(--md-sys-color-outline-variant);
       }
@@ -180,6 +214,7 @@ let FigureV3Editor = class FigureV3Editor extends LitElement {
             this.lastContext = view?.context ?? null;
             this.selected = '';
             this.error = '';
+            this.hiddenParts = new Set();
         }
         if (view && !view.geometry.some(g => g.id === this.selected))
             this.selected = '';
@@ -255,6 +290,150 @@ let FigureV3Editor = class FigureV3Editor extends LitElement {
             this.selected = part.id;
         });
     }
+    /**
+     * The list's own operations, as V3 part edits — each one step of the session's history. The copy and the moved
+     * part stay selected, as they do in the V2 list.
+     */
+    duplicatePart(id) {
+        this.run(() => {
+            const before = new Set(this.session.read().geometry.map(g => g.id));
+            this.session.edit({ kind: 'duplicate-part', target: id });
+            this.selected = this.session.read().geometry.find(g => !before.has(g.id))?.id ?? id;
+        });
+    }
+    movePart(id, to) {
+        this.run(() => this.session.edit({ kind: 'move-part', target: id, to }));
+    }
+    removePart(id) {
+        try {
+            this.session.edit({ kind: 'remove-part', target: id });
+            this.error = '';
+            if (this.selected === id)
+                this.selected = '';
+            this.changed();
+        }
+        catch (error) {
+            /* The refusal a person meets most: another part stands on this one or follows its size. Said in their words. */
+            this.error =
+                error?.code === 'PART_REFERENCED'
+                    ? i18next.t('figure.text.part-is-referenced', { part: id })
+                    : error instanceof Error
+                        ? error.message
+                        : String(error);
+        }
+    }
+    toggleHiddenPart(id) {
+        const next = new Set(this.hiddenParts);
+        if (next.has(id))
+            next.delete(id);
+        else
+            next.add(id);
+        this.hiddenParts = next;
+    }
+    /** What the gizmo may write for the selected part — read off the asset being edited. */
+    reachOf(id) {
+        const none = { translate: false, rotate: false, scale: false };
+        if (!id || !this.session)
+            return none;
+        try {
+            return gizmoReachOf(JSON.parse(this.session.source()), id);
+        }
+        catch {
+            return none;
+        }
+    }
+    /** A drag, written back as the part's own inputs — one step of the history, like typing the numbers. */
+    transformed(id, result) {
+        const view = this.session.read();
+        const sizes = Object.fromEntries(view.fields.map(field => [field.id, field.value]));
+        const changes = gizmoChanges(id, this.reachOf(id), result, sizes);
+        if (changes.length)
+            this.run(() => this.session.apply(changes));
+        else
+            this.requestUpdate();
+    }
+    /** 맞추기 — one tool, one step of the history, through the same inputs as the gizmo. */
+    align(tool) {
+        this.run(() => {
+            const asset = JSON.parse(this.session.source());
+            const changes = alignChanges(asset, this.selected, this.reachOf(this.selected), tool);
+            if (changes.length)
+                this.session.apply(changes);
+        });
+    }
+    /** A mirrored copy: duplicate, then place the copy on the other side — two steps, as the V2 list makes it. */
+    mirror(axis) {
+        this.run(() => {
+            const id = this.selected;
+            const before = new Set(this.session.read().geometry.map(g => g.id));
+            this.session.edit({ kind: 'duplicate-part', target: id });
+            const copy = this.session.read().geometry.find(g => !before.has(g.id))?.id;
+            if (!copy)
+                return;
+            this.session.apply(mirrorChanges(JSON.parse(this.session.source()), id, copy, axis));
+            this.selected = copy;
+        });
+    }
+    renderTools(unavailable) {
+        const reach = this.reachOf(this.selected);
+        if (!this.selected || !reach.translate)
+            return null;
+        let asset;
+        try {
+            asset = JSON.parse(this.session.source());
+        }
+        catch {
+            return null;
+        }
+        const tool = (name, icon, label, title) => html `<button ?disabled=${unavailable} aria-label=${i18next.t(label)} title=${i18next.t(title)} @click=${() => this.align(name)}>
+        <md-icon>${icon}</md-icon>
+      </button>`;
+        return html `<div tools title=${i18next.t('figure.text.tools-explained')}>
+      ${tool('centre-x', 'horizontal_distribute', 'figure.button.center-x', 'figure.text.center-on-x')}
+      ${tool('centre-z', 'vertical_align_center', 'figure.button.center-z', 'figure.text.center-on-z')}
+      ${tool('floor', 'vertical_align_bottom', 'figure.button.to-floor', 'figure.text.put-on-floor')}
+      ${['x', 'z'].map(axis => {
+            const able = canMirror(asset, this.selected, axis, reach);
+            return html `<button
+          ?disabled=${unavailable || !able}
+          aria-label=${i18next.t('figure.button.mirror-' + axis)}
+          title=${i18next.t(able ? 'figure.text.mirror-explained' : 'figure.text.mirror-would-overlap')}
+          @click=${() => this.mirror(axis)}
+        >
+          <md-icon>${axis === 'x' ? 'flip' : 'flip_camera_android'}</md-icon>
+        </button>`;
+        })}
+      ${tool('snap', 'grid_on', 'figure.button.snap', 'figure.text.snap-explained')}
+    </div>`;
+    }
+    /**
+     * A part's name — the V2 part name field. It renames every value the part owns, and what refers to them follows
+     * (figure-model's rename-part), as one step of the history.
+     */
+    renamePart(input) {
+        const name = input.value.trim();
+        const from = this.selected;
+        if (!name || name === from) {
+            input.value = from;
+            return;
+        }
+        try {
+            this.session.edit({ kind: 'rename-part', target: from, name });
+            this.selected = name;
+            this.error = '';
+            this.changed();
+        }
+        catch (error) {
+            input.value = from;
+            const code = error?.code;
+            this.error =
+                code === 'PART_ID'
+                    ? i18next.t(/^[a-zA-Z][a-zA-Z0-9_-]*$/.test(name) ? 'figure.text.part-name-taken' : 'figure.text.part-name-invalid', { name })
+                    : error instanceof Error
+                        ? error.message
+                        : String(error);
+        }
+    }
     changeField(field, event) {
         const input = event.target, value = input.valueAsNumber;
         this.run(() => this.session.apply([
@@ -291,27 +470,31 @@ let FigureV3Editor = class FigureV3Editor extends LitElement {
       </header>
       ${this.error || view.error ? html `<div role="alert" class="error">${this.error || view.error}</div>` : null}
       <main>
-        <aside>
-          <h3>도형 추가</h3>
-          <div class="recipes">
-            ${['box', 'cylinder', 'rounded-box', 'portal'].map((kind, i) => html `<button ?disabled=${unavailable} @click=${() => this.add(kind)}>${['상자', '원기둥', '둥근 상자', '문틀'][i]}</button>`)}
-          </div>
-          <h3>부품 ${view.geometry.length}</h3>
-          <div class="parts">
-            ${view.geometry.map(g => html `<button
-                  aria-pressed=${g.id === this.selected}
-                  @click=${() => {
-            this.selected = g.id;
-        }}
-                >
-                  ${g.id}
-                </button>`)}
-          </div>
-        </aside>
+        <figure-v3-parts
+          .parts=${view.geometry.map((g) => ({
+            id: g.id,
+            provider: g.shape?.provider ?? '',
+            hidden: this.hiddenParts.has(g.id),
+            invisible: g.visible === false
+        }))}
+          .selected=${this.selected}
+          ?locked=${unavailable}
+          @add-part=${(e) => this.add(e.detail.kind)}
+          @select-part=${(e) => (this.selected = e.detail.id)}
+          @toggle-part-hidden=${(e) => this.toggleHiddenPart(e.detail.id)}
+          @set-all-parts-hidden=${(e) => (this.hiddenParts = e.detail.hidden ? new Set(view.geometry.map(g => g.id)) : new Set())}
+          @move-part-up=${(e) => this.movePart(e.detail.id, e.detail.to)}
+          @move-part-down=${(e) => this.movePart(e.detail.id, e.detail.to)}
+          @duplicate-part=${(e) => this.duplicatePart(e.detail.id)}
+          @remove-part=${(e) => this.removePart(e.detail.id)}
+        ></figure-v3-parts>
         <figure-v3-canvas
-          .parts=${drawableV3Parts(view.geometry ?? [])}
+          .parts=${drawableV3Parts(view.geometry ?? []).filter(body => !this.hiddenParts.has(body.id))}
           .palette=${view.palette ?? {}}
           .context=${view.context ?? ''}
+          .selected=${this.selected}
+          .reach=${unavailable ? { translate: false, rotate: false, scale: false } : this.reachOf(this.selected)}
+          @part-transformed=${(e) => this.transformed(e.detail.id, e.detail.result)}
           @part-selected=${(e) => {
             this.selected = e.detail;
         }}
@@ -320,23 +503,25 @@ let FigureV3Editor = class FigureV3Editor extends LitElement {
         }}
         ></figure-v3-canvas>
         <aside>
-          <h3>${this.selected || '모델 입력'}</h3>
+          ${this.selected && part
+            ? html `<label name-field
+                ><span>${i18next.t('figure.label.name')}</span
+                ><input
+                  aria-label=${i18next.t('figure.label.name')}
+                  .value=${this.selected}
+                  ?disabled=${unavailable}
+                  @change=${(e) => this.renamePart(e.target)}
+              /></label>`
+            : html `<h3>${this.selected || '모델 입력'}</h3>`}
+          ${this.renderTools(unavailable)}
           ${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) => this.changeField(field, e)} /></label>`)}
           ${part
-            ? html `<h3>재질</h3>
-                  <label
-                    ><span>색 역할</span
-                    ><select
-                      .value=${part.material.token}
-                      ?disabled=${unavailable}
-                      @change=${(e) => this.run(() => this.session.edit({ kind: 'set-material', target: this.selected, material: { ...part.material, token: e.target.value } }))}
-                    >
-                      ${Object.keys(view.palette ?? {}).map(token => html `<option value=${token}>${token === 'palette.primary' ? '기본 몸체' : token}</option>`)}
-                    </select></label
-                  >
-                  <p class="hint">
-                    도형과 위치를 결정하는 입력을 편집합니다. 다른 부품과 공유하는 입력은 함께 영향을 줄 수 있습니다.
-                  </p>`
+            ? html `<figure-v3-material
+                  .body=${part}
+                  .palette=${view.palette ?? {}}
+                  ?locked=${unavailable}
+                  @v3-part-edit=${(e) => this.run(() => this.session.edit(e.detail.edit))}
+                ></figure-v3-material>`
             : null}
           ${view.bindings.length
             ? html `<h3>배치 연결점</h3>
@@ -362,6 +547,10 @@ __decorate([
     state(),
     __metadata("design:type", Object)
 ], FigureV3Editor.prototype, "error", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], FigureV3Editor.prototype, "hiddenParts", void 0);
 FigureV3Editor = __decorate([
     customElement('figure-v3-editor')
 ], FigureV3Editor);

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 { 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      /*\n        The editor folds by the width it is given, not the window's. The rail (208 open, 56 closed) and the page's\n        320 side take their share first, so a window rule was wrong whenever either was there: at 945 with the rail\n        open the editor had 417 and still drew its 660 of columns, over the side (UX ruling, 2026-09-24).\n      */\n      container-type: inline-size;\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 var(--md-sys-color-outline-variant);\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 var(--md-sys-color-outline-variant);\n    }\n    aside:last-child {\n      border-left: 1px solid var(--md-sys-color-outline-variant);\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 var(--md-sys-color-outline-variant);\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: var(--md-sys-color-secondary-container);\n      color: var(--md-sys-color-on-secondary-container);\n      border-color: var(--md-sys-color-primary);\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: var(--md-sys-color-error-container);\n      color: var(--md-sys-color-on-error-container);\n      white-space: pre-wrap;\n    }\n    .status {\n      margin-left: auto;\n    }\n    .hint {\n      color: var(--md-sys-color-on-surface-variant);\n      line-height: 1.5;\n    }\n    /* 660 and over: parts | canvas | inputs. Below that the sum of the columns' least widths no longer fits. */\n    @container (max-width: 659px) {\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-left: none;\n        border-top: 1px solid var(--md-sys-color-outline-variant);\n      }\n    }\n    /* Under 420: one column. The canvas first — seeing what is being made comes before the lists — and main scrolls. */\n    @container (max-width: 419px) {\n      main {\n        grid-template-columns: minmax(0, 1fr);\n        grid-template-rows: minmax(240px, 45%);\n        grid-auto-rows: auto;\n        overflow-y: auto;\n      }\n      figure-v3-canvas {\n        order: -1;\n      }\n      aside:first-child {\n        border-right: none;\n        border-top: 1px solid var(--md-sys-color-outline-variant);\n      }\n      aside:last-child {\n        max-height: none;\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"]}
+{"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 { i18next } from '@operato/i18n'\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 './figure-v3-parts.js'\nimport './figure-v3-material.js'\nimport { gizmoChanges, gizmoReachOf, type GizmoReach, type GizmoResult } from './v3-gizmo.js'\nimport { alignChanges, canMirror, mirrorChanges, type AlignTool } from './v3-align.js'\nimport type { V3PartRow } from './figure-v3-parts.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      /*\n        The editor folds by the width it is given, not the window's. The rail (208 open, 56 closed) and the page's\n        320 side take their share first, so a window rule was wrong whenever either was there: at 945 with the rail\n        open the editor had 417 and still drew its 660 of columns, over the side (UX ruling, 2026-09-24).\n      */\n      container-type: inline-size;\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 var(--md-sys-color-outline-variant);\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    figure-v3-parts {\n      min-height: 0;\n    }\n    aside:last-child {\n      border-left: 1px solid var(--md-sys-color-outline-variant);\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 var(--md-sys-color-outline-variant);\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: var(--md-sys-color-secondary-container);\n      color: var(--md-sys-color-on-secondary-container);\n      border-color: var(--md-sys-color-primary);\n    }\n    label[name-field] {\n      margin: 0 0 8px;\n    }\n    label[name-field] input {\n      font-weight: 600;\n    }\n    div[tools] {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 4px;\n      margin: 0 0 8px;\n    }\n    div[tools] button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 34px;\n      padding: 0;\n    }\n    div[tools] md-icon {\n      font-size: 18px;\n      width: 18px;\n      height: 18px;\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: var(--md-sys-color-error-container);\n      color: var(--md-sys-color-on-error-container);\n      white-space: pre-wrap;\n    }\n    .status {\n      margin-left: auto;\n    }\n    .hint {\n      color: var(--md-sys-color-on-surface-variant);\n      line-height: 1.5;\n    }\n    /* 660 and over: parts | canvas | inputs. Below that the sum of the columns' least widths no longer fits. */\n    @container (max-width: 659px) {\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-left: none;\n        border-top: 1px solid var(--md-sys-color-outline-variant);\n      }\n    }\n    /* Under 420: one column. The canvas first — seeing what is being made comes before the lists — and main scrolls. */\n    @container (max-width: 419px) {\n      main {\n        grid-template-columns: minmax(0, 1fr);\n        grid-template-rows: minmax(240px, 45%);\n        grid-auto-rows: auto;\n        overflow-y: auto;\n      }\n      figure-v3-canvas {\n        order: -1;\n      }\n      figure-v3-parts {\n        border-right: none;\n        border-top: 1px solid var(--md-sys-color-outline-variant);\n      }\n      aside:last-child {\n        max-height: none;\n      }\n    }\n  `\n  @property({ attribute: false }) session?: V3ProductSession\n  @property({ type: Number }) revision = 0\n  @state() private selected = ''\n  @state() private error = ''\n  /**\n   * Parts hidden on the workbench — the author's view while working, not the asset's visibility. Not saved, as in\n   * the V2 modeller: a part hidden here is still in the figure, still checked, still drawn on a board.\n   */\n  @state() private hiddenParts = new Set<string>()\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      this.hiddenParts = new Set()\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  /**\n   * The list's own operations, as V3 part edits — each one step of the session's history. The copy and the moved\n   * part stay selected, as they do in the V2 list.\n   */\n  private duplicatePart(id: string) {\n    this.run(() => {\n      const before = new Set(this.session!.read().geometry.map(g => g.id))\n      this.session!.edit({ kind: 'duplicate-part', target: id })\n      this.selected = this.session!.read().geometry.find(g => !before.has(g.id))?.id ?? id\n    })\n  }\n  private movePart(id: string, to: number) {\n    this.run(() => this.session!.edit({ kind: 'move-part', target: id, to }))\n  }\n  private removePart(id: string) {\n    try {\n      this.session!.edit({ kind: 'remove-part', target: id })\n      this.error = ''\n      if (this.selected === id) this.selected = ''\n      this.changed()\n    } catch (error) {\n      /* The refusal a person meets most: another part stands on this one or follows its size. Said in their words. */\n      this.error =\n        (error as { code?: string })?.code === 'PART_REFERENCED'\n          ? i18next.t('figure.text.part-is-referenced', { part: id })\n          : error instanceof Error\n            ? error.message\n            : String(error)\n    }\n  }\n  private toggleHiddenPart(id: string) {\n    const next = new Set(this.hiddenParts)\n    if (next.has(id)) next.delete(id)\n    else next.add(id)\n    this.hiddenParts = next\n  }\n  /** What the gizmo may write for the selected part — read off the asset being edited. */\n  private reachOf(id: string): GizmoReach {\n    const none = { translate: false, rotate: false, scale: false }\n    if (!id || !this.session) return none\n    try {\n      return gizmoReachOf(JSON.parse(this.session.source()), id)\n    } catch {\n      return none\n    }\n  }\n  /** A drag, written back as the part's own inputs — one step of the history, like typing the numbers. */\n  private transformed(id: string, result: GizmoResult) {\n    const view = this.session!.read()\n    const sizes = Object.fromEntries(view.fields.map(field => [field.id, field.value as number]))\n    const changes = gizmoChanges(id, this.reachOf(id), result, sizes)\n    if (changes.length) this.run(() => this.session!.apply(changes))\n    else this.requestUpdate()\n  }\n  /** 맞추기 — one tool, one step of the history, through the same inputs as the gizmo. */\n  private align(tool: AlignTool) {\n    this.run(() => {\n      const asset = JSON.parse(this.session!.source())\n      const changes = alignChanges(asset, this.selected, this.reachOf(this.selected), tool)\n      if (changes.length) this.session!.apply(changes)\n    })\n  }\n  /** A mirrored copy: duplicate, then place the copy on the other side — two steps, as the V2 list makes it. */\n  private mirror(axis: 'x' | 'z') {\n    this.run(() => {\n      const id = this.selected\n      const before = new Set(this.session!.read().geometry.map(g => g.id))\n      this.session!.edit({ kind: 'duplicate-part', target: id })\n      const copy = this.session!.read().geometry.find(g => !before.has(g.id))?.id\n      if (!copy) return\n      this.session!.apply(mirrorChanges(JSON.parse(this.session!.source()), id, copy, axis))\n      this.selected = copy\n    })\n  }\n  private renderTools(unavailable: boolean) {\n    const reach = this.reachOf(this.selected)\n    if (!this.selected || !reach.translate) return null\n    let asset: unknown\n    try {\n      asset = JSON.parse(this.session!.source())\n    } catch {\n      return null\n    }\n    const tool = (name: AlignTool, icon: string, label: string, title: string) =>\n      html`<button ?disabled=${unavailable} aria-label=${i18next.t(label)} title=${i18next.t(title)} @click=${() => this.align(name)}>\n        <md-icon>${icon}</md-icon>\n      </button>`\n    return html`<div tools title=${i18next.t('figure.text.tools-explained')}>\n      ${tool('centre-x', 'horizontal_distribute', 'figure.button.center-x', 'figure.text.center-on-x')}\n      ${tool('centre-z', 'vertical_align_center', 'figure.button.center-z', 'figure.text.center-on-z')}\n      ${tool('floor', 'vertical_align_bottom', 'figure.button.to-floor', 'figure.text.put-on-floor')}\n      ${(['x', 'z'] as const).map(axis => {\n        const able = canMirror(asset as never, this.selected, axis, reach)\n        return html`<button\n          ?disabled=${unavailable || !able}\n          aria-label=${i18next.t('figure.button.mirror-' + axis)}\n          title=${i18next.t(able ? 'figure.text.mirror-explained' : 'figure.text.mirror-would-overlap')}\n          @click=${() => this.mirror(axis)}\n        >\n          <md-icon>${axis === 'x' ? 'flip' : 'flip_camera_android'}</md-icon>\n        </button>`\n      })}\n      ${tool('snap', 'grid_on', 'figure.button.snap', 'figure.text.snap-explained')}\n    </div>`\n  }\n  /**\n   * A part's name — the V2 part name field. It renames every value the part owns, and what refers to them follows\n   * (figure-model's rename-part), as one step of the history.\n   */\n  private renamePart(input: HTMLInputElement) {\n    const name = input.value.trim()\n    const from = this.selected\n    if (!name || name === from) {\n      input.value = from\n      return\n    }\n    try {\n      this.session!.edit({ kind: 'rename-part', target: from, name })\n      this.selected = name\n      this.error = ''\n      this.changed()\n    } catch (error) {\n      input.value = from\n      const code = (error as { code?: string })?.code\n      this.error =\n        code === 'PART_ID'\n          ? i18next.t(/^[a-zA-Z][a-zA-Z0-9_-]*$/.test(name) ? 'figure.text.part-name-taken' : 'figure.text.part-name-invalid', { name })\n          : error instanceof Error\n            ? error.message\n            : String(error)\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        <figure-v3-parts\n          .parts=${view.geometry.map(\n            (g): V3PartRow => ({\n              id: g.id,\n              provider: (g as { shape?: { provider?: string } }).shape?.provider ?? '',\n              hidden: this.hiddenParts.has(g.id),\n              invisible: (g as { visible?: boolean }).visible === false\n            })\n          )}\n          .selected=${this.selected}\n          ?locked=${unavailable}\n          @add-part=${(e: CustomEvent) => this.add(e.detail.kind)}\n          @select-part=${(e: CustomEvent) => (this.selected = e.detail.id)}\n          @toggle-part-hidden=${(e: CustomEvent) => this.toggleHiddenPart(e.detail.id)}\n          @set-all-parts-hidden=${(e: CustomEvent) =>\n            (this.hiddenParts = e.detail.hidden ? new Set(view.geometry.map(g => g.id)) : new Set())}\n          @move-part-up=${(e: CustomEvent) => this.movePart(e.detail.id, e.detail.to)}\n          @move-part-down=${(e: CustomEvent) => this.movePart(e.detail.id, e.detail.to)}\n          @duplicate-part=${(e: CustomEvent) => this.duplicatePart(e.detail.id)}\n          @remove-part=${(e: CustomEvent) => this.removePart(e.detail.id)}\n        ></figure-v3-parts>\n        <figure-v3-canvas\n          .parts=${drawableV3Parts(view.geometry ?? []).filter(body => !this.hiddenParts.has((body as { id: string }).id))}\n          .palette=${view.palette ?? {}}\n          .context=${view.context ?? ''}\n          .selected=${this.selected}\n          .reach=${unavailable ? { translate: false, rotate: false, scale: false } : this.reachOf(this.selected)}\n          @part-transformed=${(e: CustomEvent) => this.transformed(e.detail.id, e.detail.result)}\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          ${this.selected && part\n            ? html`<label name-field\n                ><span>${i18next.t('figure.label.name')}</span\n                ><input\n                  aria-label=${i18next.t('figure.label.name')}\n                  .value=${this.selected}\n                  ?disabled=${unavailable}\n                  @change=${(e: Event) => this.renamePart(e.target as HTMLInputElement)}\n              /></label>`\n            : html`<h3>${this.selected || '모델 입력'}</h3>`}\n          ${this.renderTools(unavailable)}\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`<figure-v3-material\n                  .body=${part}\n                  .palette=${view.palette ?? {}}\n                  ?locked=${unavailable}\n                  @v3-part-edit=${(e: CustomEvent) => this.run(() => this.session!.edit(e.detail.edit))}\n                ></figure-v3-material>`\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-gizmo.d.ts

@@ -0,0 +1,48 @@
+import type { V3InputChange } from '@hatiolab/figure-model';
+/**
+ * What the gizmo may write for a part — the V2 gizmo's move · turn · size, on a V3 asset (parity row ③).
+ *
+ * A drag can only be written back where the part is placed by its own numbers. A part the create commands made is:
+ * its pose is `rigid@1` into the asset frame from `<part>.position.*` and `<part>.rotation.*`, and a box's shape
+ * (`box-shape@1` or `rounded-box@1`) takes its width, height and depth from inputs of its own — `<part>.size.*` from
+ * `addV3Box`, `<part>.dimension.*` from the editor's shape palette. A part fastened to another, following an instance size or made by the
+ * converter from expressions has no such numbers; the gizmo does not offer what it could not write back, rather
+ * than move something the next evaluation would put back.
+ */
+export interface GizmoReach {
+    translate: boolean;
+    rotate: boolean;
+    scale: boolean;
+    /** The inputs sizing the part along X, Y and Z, when it can be sized. */
+    sizes?: [string, string, string];
+}
+interface Node {
+    id: string;
+    op: string;
+    args: string[];
+    params?: Record<string, unknown>;
+}
+interface AssetLike {
+    document: {
+        model: {
+            nodes: Node[];
+            inputs: Array<{
+                id: string;
+                role?: string;
+            }>;
+        };
+    };
+}
+export declare function gizmoReachOf(asset: AssetLike, part: string): GizmoReach;
+/** Where a drag left the part, in the asset frame: millimetres, degrees and per-axis scale. */
+export interface GizmoResult {
+    position?: [number, number, number];
+    rotation?: [number, number, number];
+    scale?: [number, number, number];
+}
+/**
+ * The input changes a drag makes — one list, applied as one step. Millimetres to the millimetre and degrees to a
+ * tenth, as the V2 gizmo rounds (a drag otherwise stores 722.4180046035418 mm). A size never goes below 1 mm.
+ */
+export declare function gizmoChanges(part: string, reach: GizmoReach, result: GizmoResult, sizes: Record<string, number>): V3InputChange[];
+export {};

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

@@ -0,0 +1,40 @@
+/** Shapes whose first three arguments are the extent along X, Y and Z. */
+const BOXES = new Set(['box-shape@1', 'rounded-box@1']);
+const AXES = ['x', 'y', 'z'];
+export function gizmoReachOf(asset, part) {
+    const { nodes, inputs } = asset.document.model;
+    const design = new Set(inputs.filter(input => input.role === 'design').map(input => input.id));
+    const own = (name) => AXES.map(axis => `${part}.${name}.${axis}`);
+    const allDesign = (ids) => ids.every(id => design.has(id));
+    const pose = nodes.find(node => node.id === `${part}.pose`);
+    const placed = nodes.find(node => node.id === part && node.op === 'place@1');
+    const posed = !!pose && pose.op === 'rigid@1' && pose.params?.to === 'asset' && placed?.args[1] === `${part}.poseValue`;
+    const shape = nodes.find(node => node.id === `${part}.shape`);
+    const extent = shape && BOXES.has(shape.op) ? shape.args.slice(0, 3) : [];
+    const sizes = extent.length === 3 && extent.every(id => id.startsWith(`${part}.`) && design.has(id)) ? extent : undefined;
+    return {
+        translate: posed && allDesign(own('position')) && own('position').every((id, i) => pose.args[i] === id),
+        rotate: posed && allDesign(own('rotation')) && own('rotation').every((id, i) => pose.args[3 + i] === id),
+        scale: !!sizes,
+        ...(sizes ? { sizes } : {})
+    };
+}
+/**
+ * The input changes a drag makes — one list, applied as one step. Millimetres to the millimetre and degrees to a
+ * tenth, as the V2 gizmo rounds (a drag otherwise stores 722.4180046035418 mm). A size never goes below 1 mm.
+ */
+export function gizmoChanges(part, reach, result, sizes) {
+    const changes = [];
+    const put = (input, unit, value) => changes.push({ kind: 'set-design', input, unit, value });
+    if (result.position && reach.translate)
+        AXES.forEach((axis, i) => put(`${part}.position.${axis}`, 'mm', Math.round(result.position[i])));
+    if (result.rotation && reach.rotate)
+        AXES.forEach((axis, i) => put(`${part}.rotation.${axis}`, 'deg', Math.round(result.rotation[i] * 10) / 10));
+    if (result.scale && reach.scale && reach.sizes)
+        reach.sizes.forEach((id, i) => {
+            if (sizes[id] !== undefined)
+                put(id, 'mm', Math.max(1, Math.round(sizes[id] * result.scale[i])));
+        });
+    return changes;
+}
+//# sourceMappingURL=v3-gizmo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"v3-gizmo.js","sourceRoot":"","sources":["../../client/modeller/v3-gizmo.ts"],"names":[],"mappings":"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","sourcesContent":["import type { V3InputChange } from '@hatiolab/figure-model'\n\n/**\n * What the gizmo may write for a part — the V2 gizmo's move · turn · size, on a V3 asset (parity row ③).\n *\n * A drag can only be written back where the part is placed by its own numbers. A part the create commands made is:\n * its pose is `rigid@1` into the asset frame from `<part>.position.*` and `<part>.rotation.*`, and a box's shape\n * (`box-shape@1` or `rounded-box@1`) takes its width, height and depth from inputs of its own — `<part>.size.*` from\n * `addV3Box`, `<part>.dimension.*` from the editor's shape palette. A part fastened to another, following an instance size or made by the\n * converter from expressions has no such numbers; the gizmo does not offer what it could not write back, rather\n * than move something the next evaluation would put back.\n */\nexport interface GizmoReach {\n  translate: boolean\n  rotate: boolean\n  scale: boolean\n  /** The inputs sizing the part along X, Y and Z, when it can be sized. */\n  sizes?: [string, string, string]\n}\n\n/** Shapes whose first three arguments are the extent along X, Y and Z. */\nconst BOXES = new Set(['box-shape@1', 'rounded-box@1'])\n\ninterface Node {\n  id: string\n  op: string\n  args: string[]\n  params?: Record<string, unknown>\n}\ninterface AssetLike {\n  document: { model: { nodes: Node[]; inputs: Array<{ id: string; role?: string }> } }\n}\n\nconst AXES = ['x', 'y', 'z'] as const\n\nexport function gizmoReachOf(asset: AssetLike, part: string): GizmoReach {\n  const { nodes, inputs } = asset.document.model\n  const design = new Set(inputs.filter(input => input.role === 'design').map(input => input.id))\n  const own = (name: string) => AXES.map(axis => `${part}.${name}.${axis}`)\n  const allDesign = (ids: string[]) => ids.every(id => design.has(id))\n  const pose = nodes.find(node => node.id === `${part}.pose`)\n  const placed = nodes.find(node => node.id === part && node.op === 'place@1')\n  const posed = !!pose && pose.op === 'rigid@1' && pose.params?.to === 'asset' && placed?.args[1] === `${part}.poseValue`\n  const shape = nodes.find(node => node.id === `${part}.shape`)\n  const extent = shape && BOXES.has(shape.op) ? shape.args.slice(0, 3) : []\n  const sizes =\n    extent.length === 3 && extent.every(id => id.startsWith(`${part}.`) && design.has(id)) ? (extent as [string, string, string]) : undefined\n  return {\n    translate: posed && allDesign(own('position')) && own('position').every((id, i) => pose!.args[i] === id),\n    rotate: posed && allDesign(own('rotation')) && own('rotation').every((id, i) => pose!.args[3 + i] === id),\n    scale: !!sizes,\n    ...(sizes ? { sizes } : {})\n  }\n}\n\n/** Where a drag left the part, in the asset frame: millimetres, degrees and per-axis scale. */\nexport interface GizmoResult {\n  position?: [number, number, number]\n  rotation?: [number, number, number]\n  scale?: [number, number, number]\n}\n\n/**\n * The input changes a drag makes — one list, applied as one step. Millimetres to the millimetre and degrees to a\n * tenth, as the V2 gizmo rounds (a drag otherwise stores 722.4180046035418 mm). A size never goes below 1 mm.\n */\nexport function gizmoChanges(part: string, reach: GizmoReach, result: GizmoResult, sizes: Record<string, number>): V3InputChange[] {\n  const changes: V3InputChange[] = []\n  const put = (input: string, unit: V3InputChange['unit'], value: number) =>\n    changes.push({ kind: 'set-design', input, unit, value } as V3InputChange)\n  if (result.position && reach.translate)\n    AXES.forEach((axis, i) => put(`${part}.position.${axis}`, 'mm', Math.round(result.position![i]!)))\n  if (result.rotation && reach.rotate)\n    AXES.forEach((axis, i) => put(`${part}.rotation.${axis}`, 'deg', Math.round(result.rotation![i]! * 10) / 10))\n  if (result.scale && reach.scale && reach.sizes)\n    reach.sizes.forEach((id, i) => {\n      if (sizes[id] !== undefined) put(id, 'mm', Math.max(1, Math.round(sizes[id]! * result.scale![i]!)))\n    })\n  return changes\n}\n"]}

package/dist-client/pages/figure-list-page.d.ts

@@ -68,6 +68,7 @@ export declare class FigureListPage extends FigureListPageBase {
         total: number;
         records: Figure[];
     }>;
+    /** The modeller that can edit this figure, by its format; a new figure starts in V3 (`modeller-route.ts`). */
     private openModeller;
     /** `remove` 는 HTMLElement 의 메서드다 — 가리면 조용한 결함이 된다. */
     private removeFigure;

package/dist-client/pages/figure-list-page.js

@@ -11,6 +11,7 @@ import { navigate, PageView } from '@operato/shell';
 import { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
 import { capacityFrom } from '../modeller/scene-budget.js';
 import { deleteFigure, fetchFigureList } from '../graphql/index.js';
+import { modellerPathOf } from '../modeller/modeller-route.js';
 /**
  * 이 값 아래면 점수를 색으로 눈에 띄게 한다.
  *
@@ -502,7 +503,7 @@ let FigureListPage = class FigureListPage extends FigureListPageBase {
                 handlers: {
                     click: (_columns, _data, _column, record) => {
                         if (record?.id) {
-                            this.openModeller(record.id);
+                            this.openModeller(record);
                         }
                     }
                 }
@@ -549,8 +550,9 @@ let FigureListPage = class FigureListPage extends FigureListPageBase {
         const { items, total } = await fetchFigureList({ page, limit, filters, sortings });
         return { total: total || 0, records: items || [] };
     }
-    openModeller(id) {
-        navigate(id ? `figure-modeller/${id}` : 'figure-modeller');
+    /** The modeller that can edit this figure, by its format; a new figure starts in V3 (`modeller-route.ts`). */
+    openModeller(figure) {
+        navigate(modellerPathOf(figure));
     }
     /** `remove` 는 HTMLElement 의 메서드다 — 가리면 조용한 결함이 된다. */
     async removeFigure(figure) {