@things-factory/figure-ui 10.1.43 → 10.1.45

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

@@ -0,0 +1,306 @@
+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 { V3_FACES } from '@hatiolab/figure-model';
+import { AXES, canFasten, canFollow, choiceOf, fastenedTo, followOf, hasInstanceSize, motionOf, positionsWorkedOut } from './v3-links.js';
+const FACES = Object.keys(V3_FACES);
+/**
+ * What a part is tied to — its size response, what it is fastened to, how it moves (parity rows ④ ⑤ ⑥).
+ *
+ * 「Build Once, Fit Anywhere」 lives here: a dimension that follows the instance size or another part is what lets
+ * a figure be placed at any size, and a part fastened to the face it rests on is what keeps it there when that
+ * happens. The release gate refuses a figure that falls apart when resized, and tells the author to fasten the
+ * parts that come away — this is where they do it. Motion is the V2 joint: a slide or a turn driven by a control.
+ *
+ * The V2 inspector has these as its dimensions, placement and joint sections, in that order; so does this. Every
+ * change is one figure-model authoring command, sent as `v3-command` and run by the editor through the session — one
+ * step of the undo history. Choices the command would refuse (a round body fastened, a size following an instance
+ * size the figure does not declare) are not offered, so the author is not sent into a refusal.
+ */
+let FigureV3Links = class FigureV3Links extends localize(i18next)(LitElement) {
+    constructor() {
+        super(...arguments);
+        /** The selected part. */
+        this.partId = '';
+        this.locked = false;
+        this.fasten = { face: 'bottom', toPlane: false, target: '', targetFace: 'top', facing: 'meet', gap: 0 };
+        this.motion = { kind: 'slide', axis: 'x', id: '', min: 0, max: 500 };
+    }
+    static { this.styles = css `
+    :host {
+      display: grid;
+      gap: 10px;
+    }
+    h3 {
+      font-size: var(--ui-t-body, 13px);
+      margin: 12px 0 0;
+    }
+    div[row] {
+      display: grid;
+      grid-template-columns: 24px minmax(0, 1fr);
+      gap: 6px;
+      align-items: center;
+    }
+    div[form] {
+      display: grid;
+      grid-template-columns: 96px minmax(0, 1fr);
+      gap: 6px;
+      align-items: center;
+    }
+    div[pair] {
+      display: flex;
+      gap: 6px;
+    }
+    div[pair] > * {
+      flex: 1;
+      min-width: 0;
+    }
+    select,
+    input,
+    button {
+      font: inherit;
+      min-width: 0;
+    }
+    button[act] {
+      justify-self: start;
+      display: inline-flex;
+      align-items: center;
+      gap: 4px;
+      padding: 4px 10px;
+      border: none;
+      border-radius: 999em;
+      cursor: pointer;
+      color: var(--md-sys-color-on-secondary-container);
+      background: var(--md-sys-color-secondary-container);
+    }
+    button[act]:disabled {
+      opacity: 0.5;
+      cursor: default;
+    }
+    button[act] md-icon {
+      font-size: 16px;
+      width: 16px;
+      height: 16px;
+    }
+    small,
+    p[hint] {
+      margin: 0;
+      color: var(--md-sys-color-on-surface-variant);
+    }
+    b[bound] {
+      font-weight: 600;
+    }
+    label[toggle] {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+    }
+  `; }
+    render() {
+        const asset = this.asset;
+        if (!asset || !this.partId)
+            return nothing;
+        return html `
+      <h3>${i18next.t('figure.label.dimensions')}</h3>
+      ${canFollow(asset, this.partId) ? this.renderDimensions(asset) : html `<p hint>${i18next.t('figure.text.links-need-a-box')}</p>`}
+      <h3>${i18next.t('figure.label.placement')}</h3>
+      ${this.renderPositions(asset)}
+      ${canFasten(asset, this.partId) ? this.renderFastening(asset) : html `<p hint>${i18next.t('figure.text.links-need-a-box')}</p>`}
+      <h3>${i18next.t('figure.label.motion')}</h3>
+      ${this.renderMotion(asset)}
+    `;
+    }
+    renderDimensions(asset) {
+        const others = asset.appearance.map(look => look.target).filter(one => one !== this.partId && canFollow(asset, one));
+        return AXES.map(axis => {
+            const now = followOf(asset, this.partId, axis);
+            const value = choiceOf(now);
+            return html `<div row>
+        <b>${axis.toUpperCase()}</b>
+        <select ?disabled=${this.locked || now.of === 'expression'} @change=${(e) => this.follow(axis, e.target.value, now)}>
+          <option value="own" ?selected=${value === 'own'}>${i18next.t('figure.label.follows-nothing')}</option>
+          ${AXES.filter(one => hasInstanceSize(asset, one)).map(one => html `<option value=${`instance:${one}`} ?selected=${value === `instance:${one}`}>
+              ${i18next.t('figure.label.follows-instance')} · ${one.toUpperCase()}
+            </option>`)}
+          ${others.flatMap(other => AXES.map(one => html `<option value=${`part:${other}:${one}`} ?selected=${value === `part:${other}:${one}`}>${other} · ${one.toUpperCase()}</option>`))}
+          ${now.of === 'expression' || now.of === 'input'
+                ? html `<option value=${value} selected>${now.of === 'input' ? now.input : i18next.t('figure.label.follows-expression')}</option>`
+                : nothing}
+        </select>
+      </div>`;
+        });
+    }
+    follow(axis, choice, now) {
+        const following = now.of !== 'own';
+        if (choice === 'own') {
+            if (!following)
+                return;
+            const mm = Math.max(1, Math.round(this.dims?.[AXES.indexOf(axis)] ?? 100));
+            this.command({ kind: 'unlink-dimension', part: this.partId, axis, mm });
+            return;
+        }
+        const [of, a, b] = choice.split(':');
+        const source = of === 'instance' ? { of: 'instance', axis: a } : { of: 'part', part: a, axis: b };
+        this.command({ kind: 'link-dimension', part: this.partId, axis, source, replace: following });
+    }
+    /**
+     * Positions worked out from other values — V2's anchor rules, as the converter wrote them — each with the way to
+     * keep it where it is. This is the way out the release gate names when a resize leaves a part in the air.
+     */
+    renderPositions(asset) {
+        return positionsWorkedOut(asset, this.partId).map(axis => html `<div pair>
+        <span>${axis.toUpperCase()} · ${i18next.t('figure.label.position-worked-out')}</span>
+        <button act ?disabled=${this.locked} @click=${() => this.command({ kind: 'fix-position', part: this.partId, axis })}>
+          <md-icon>push_pin</md-icon>${i18next.t('figure.button.fix-position')}
+        </button>
+      </div>`);
+    }
+    renderFastening(asset) {
+        const to = fastenedTo(asset, this.partId);
+        const f = this.fasten;
+        const targets = asset.appearance.map(look => look.target).filter(one => one !== this.partId && canFasten(asset, one));
+        return html `
+      ${to
+            ? html `<div pair>
+            <span>${i18next.t('figure.label.fastened-to')}: <b bound>${to}</b></span>
+            <button act ?disabled=${this.locked} @click=${() => this.command({ kind: 'detach', part: this.partId })}>
+              <md-icon>link_off</md-icon>${i18next.t('figure.button.detach')}
+            </button>
+          </div>`
+            : html `<p hint>${i18next.t('figure.text.fastening-explained')}</p>`}
+      <div form>
+        <span>${i18next.t('figure.label.my-face')}</span>
+        <select @change=${(e) => (this.fasten = { ...f, face: e.target.value })}>
+          ${FACES.map(face => html `<option value=${face} ?selected=${face === f.face}>${i18next.t('figure.label.face-' + face)}</option>`)}
+        </select>
+      </div>
+      <label toggle>
+        <input type="checkbox" .checked=${f.toPlane} @change=${(e) => (this.fasten = { ...f, toPlane: e.target.checked })} />
+        ${i18next.t('figure.label.stands-on-plane')}
+      </label>
+      ${f.toPlane
+            ? nothing
+            : html `<div form>
+            <span>${i18next.t('figure.label.target-part')}</span>
+            <select @change=${(e) => (this.fasten = { ...f, target: e.target.value })}>
+              <option value="" ?selected=${!f.target}>—</option>
+              ${targets.map(one => html `<option value=${one} ?selected=${one === f.target}>${one}</option>`)}
+            </select>
+            <span>${i18next.t('figure.label.target-face')}</span>
+            <select @change=${(e) => (this.fasten = { ...f, targetFace: e.target.value })}>
+              ${FACES.map(face => html `<option value=${face} ?selected=${face === f.targetFace}>${i18next.t('figure.label.face-' + face)}</option>`)}
+            </select>
+            <span>${i18next.t('figure.label.facing-meet')}</span>
+            <select @change=${(e) => (this.fasten = { ...f, facing: e.target.value })}>
+              <option value="meet" ?selected=${f.facing === 'meet'}>${i18next.t('figure.label.facing-meet')}</option>
+              <option value="flush" ?selected=${f.facing === 'flush'}>${i18next.t('figure.label.facing-flush')}</option>
+            </select>
+          </div>`}
+      <div form>
+        <span>${i18next.t('figure.label.gap')}</span>
+        <input type="number" step="any" .value=${String(f.gap)} @change=${(e) => (this.fasten = { ...f, gap: Number(e.target.value) || 0 })} />
+      </div>
+      <button
+        act
+        ?disabled=${this.locked || (!f.toPlane && !f.target)}
+        @click=${() => this.command({
+            kind: 'attach',
+            part: this.partId,
+            face: f.face,
+            to: f.toPlane ? { plane: 'mounting-plane' } : { part: f.target, face: f.targetFace },
+            ...(f.toPlane ? {} : { facing: f.facing }),
+            ...(f.gap ? { gap: f.gap } : {}),
+            replace: !!to
+        })}
+      >
+        <md-icon>link</md-icon>${i18next.t('figure.button.fasten')}
+      </button>
+    `;
+    }
+    renderMotion(asset) {
+        const now = motionOf(asset, this.partId);
+        if (now) {
+            return html `<div pair>
+        <span>
+          ${i18next.t('figure.label.motion-' + now.kind)} · ${String(now.axis).toUpperCase()}
+          ${now.control ? html `<small>${now.control.id} (${now.control.unit}) ${now.control.min} … ${now.control.max}</small>` : nothing}
+        </span>
+        <button act ?disabled=${this.locked} @click=${() => this.command({ kind: 'remove-motion', part: this.partId })}>
+          <md-icon>close</md-icon>${i18next.t('figure.button.remove-motion')}
+        </button>
+      </div>`;
+        }
+        const m = this.motion;
+        const unit = m.kind === 'turn' ? 'deg' : 'mm';
+        return html `
+      <p hint>${i18next.t('figure.text.motion-explained')}</p>
+      <div pair>
+        <select @change=${(e) => this.setKind(e.target.value)}>
+          <option value="slide" ?selected=${m.kind === 'slide'}>${i18next.t('figure.label.motion-slide')}</option>
+          <option value="turn" ?selected=${m.kind === 'turn'}>${i18next.t('figure.label.motion-turn')}</option>
+        </select>
+        <select @change=${(e) => (this.motion = { ...m, axis: e.target.value })}>
+          ${AXES.map(a => html `<option value=${a} ?selected=${a === m.axis}>${i18next.t('figure.label.motion-axis')} ${a.toUpperCase()}</option>`)}
+        </select>
+      </div>
+      <div form>
+        <span>${i18next.t('figure.label.control-id')}</span>
+        <input .value=${m.id} placeholder=${`${this.partId}-${m.kind}`} @change=${(e) => (this.motion = { ...m, id: e.target.value.trim() })} />
+        <span>${i18next.t('figure.label.control-range')} (${unit})</span>
+        <div pair>
+          <input type="number" step="any" .value=${String(m.min)} @change=${(e) => (this.motion = { ...m, min: Number(e.target.value) })} />
+          <input type="number" step="any" .value=${String(m.max)} @change=${(e) => (this.motion = { ...m, max: Number(e.target.value) })} />
+        </div>
+      </div>
+      <button
+        act
+        ?disabled=${this.locked || !(m.max > m.min)}
+        @click=${() => this.command({
+            kind: 'add-motion',
+            part: this.partId,
+            motion: { kind: m.kind, axis: m.axis },
+            state: { id: m.id || `${this.partId}-${m.kind}`, unit, min: m.min, max: m.max, start: m.min }
+        })}
+      >
+        <md-icon>animation</md-icon>${i18next.t('figure.button.add-motion')}
+      </button>
+    `;
+    }
+    setKind(kind) {
+        this.motion = kind === 'turn' ? { ...this.motion, kind, min: -90, max: 90 } : { ...this.motion, kind, min: 0, max: 500 };
+    }
+    command(action) {
+        this.dispatchEvent(new CustomEvent('v3-command', { detail: { action }, bubbles: true, composed: true }));
+    }
+};
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Object)
+], FigureV3Links.prototype, "asset", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", Object)
+], FigureV3Links.prototype, "partId", void 0);
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Array)
+], FigureV3Links.prototype, "dims", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], FigureV3Links.prototype, "locked", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], FigureV3Links.prototype, "fasten", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], FigureV3Links.prototype, "motion", void 0);
+FigureV3Links = __decorate([
+    customElement('figure-v3-links')
+], FigureV3Links);
+export { FigureV3Links };
+//# sourceMappingURL=figure-v3-links.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"figure-v3-links.js","sourceRoot":"","sources":["../../client/modeller/figure-v3-links.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 { V3_FACES } from '@hatiolab/figure-model'\nimport type { V3Asset, V3AuthoringAction, V3DimensionSource, V3Face } from '@hatiolab/figure-model'\n\nimport { AXES, canFasten, canFollow, choiceOf, fastenedTo, followOf, hasInstanceSize, motionOf, positionsWorkedOut, type Axis, type Follow } from './v3-links.js'\n\nconst FACES = Object.keys(V3_FACES) as V3Face[]\n\n/**\n * What a part is tied to — its size response, what it is fastened to, how it moves (parity rows ④ ⑤ ⑥).\n *\n * 「Build Once, Fit Anywhere」 lives here: a dimension that follows the instance size or another part is what lets\n * a figure be placed at any size, and a part fastened to the face it rests on is what keeps it there when that\n * happens. The release gate refuses a figure that falls apart when resized, and tells the author to fasten the\n * parts that come away — this is where they do it. Motion is the V2 joint: a slide or a turn driven by a control.\n *\n * The V2 inspector has these as its dimensions, placement and joint sections, in that order; so does this. Every\n * change is one figure-model authoring command, sent as `v3-command` and run by the editor through the session — one\n * step of the undo history. Choices the command would refuse (a round body fastened, a size following an instance\n * size the figure does not declare) are not offered, so the author is not sent into a refusal.\n */\n@customElement('figure-v3-links')\nexport class FigureV3Links extends localize(i18next)(LitElement) {\n  static styles = css`\n    :host {\n      display: grid;\n      gap: 10px;\n    }\n    h3 {\n      font-size: var(--ui-t-body, 13px);\n      margin: 12px 0 0;\n    }\n    div[row] {\n      display: grid;\n      grid-template-columns: 24px minmax(0, 1fr);\n      gap: 6px;\n      align-items: center;\n    }\n    div[form] {\n      display: grid;\n      grid-template-columns: 96px minmax(0, 1fr);\n      gap: 6px;\n      align-items: center;\n    }\n    div[pair] {\n      display: flex;\n      gap: 6px;\n    }\n    div[pair] > * {\n      flex: 1;\n      min-width: 0;\n    }\n    select,\n    input,\n    button {\n      font: inherit;\n      min-width: 0;\n    }\n    button[act] {\n      justify-self: start;\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n      padding: 4px 10px;\n      border: none;\n      border-radius: 999em;\n      cursor: pointer;\n      color: var(--md-sys-color-on-secondary-container);\n      background: var(--md-sys-color-secondary-container);\n    }\n    button[act]:disabled {\n      opacity: 0.5;\n      cursor: default;\n    }\n    button[act] md-icon {\n      font-size: 16px;\n      width: 16px;\n      height: 16px;\n    }\n    small,\n    p[hint] {\n      margin: 0;\n      color: var(--md-sys-color-on-surface-variant);\n    }\n    b[bound] {\n      font-weight: 600;\n    }\n    label[toggle] {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n  `\n\n  /** The asset being edited. */\n  @property({ attribute: false }) asset?: V3Asset\n  /** The selected part. */\n  @property() partId = ''\n  /** The part's own extent along its axes now, in mm — what a dimension is fixed at when it stops following. */\n  @property({ attribute: false }) dims?: [number, number, number]\n  @property({ type: Boolean }) locked = false\n\n  @state() private fasten = { face: 'bottom' as V3Face, toPlane: false, target: '', targetFace: 'top' as V3Face, facing: 'meet' as 'meet' | 'flush', gap: 0 }\n  @state() private motion = { kind: 'slide' as 'slide' | 'turn', axis: 'x' as Axis, id: '', min: 0, max: 500 }\n\n  render() {\n    const asset = this.asset\n    if (!asset || !this.partId) return nothing\n    return html`\n      <h3>${i18next.t('figure.label.dimensions')}</h3>\n      ${canFollow(asset, this.partId) ? this.renderDimensions(asset) : html`<p hint>${i18next.t('figure.text.links-need-a-box')}</p>`}\n      <h3>${i18next.t('figure.label.placement')}</h3>\n      ${this.renderPositions(asset)}\n      ${canFasten(asset, this.partId) ? this.renderFastening(asset) : html`<p hint>${i18next.t('figure.text.links-need-a-box')}</p>`}\n      <h3>${i18next.t('figure.label.motion')}</h3>\n      ${this.renderMotion(asset)}\n    `\n  }\n\n  private renderDimensions(asset: V3Asset) {\n    const others = asset.appearance.map(look => look.target).filter(one => one !== this.partId && canFollow(asset, one))\n    return AXES.map(axis => {\n      const now = followOf(asset, this.partId, axis)\n      const value = choiceOf(now)\n      return html`<div row>\n        <b>${axis.toUpperCase()}</b>\n        <select ?disabled=${this.locked || now.of === 'expression'} @change=${(e: Event) => this.follow(axis, (e.target as HTMLSelectElement).value, now)}>\n          <option value=\"own\" ?selected=${value === 'own'}>${i18next.t('figure.label.follows-nothing')}</option>\n          ${AXES.filter(one => hasInstanceSize(asset, one)).map(\n            one => html`<option value=${`instance:${one}`} ?selected=${value === `instance:${one}`}>\n              ${i18next.t('figure.label.follows-instance')} · ${one.toUpperCase()}\n            </option>`\n          )}\n          ${others.flatMap(other =>\n            AXES.map(\n              one => html`<option value=${`part:${other}:${one}`} ?selected=${value === `part:${other}:${one}`}>${other} · ${one.toUpperCase()}</option>`\n            )\n          )}\n          ${now.of === 'expression' || now.of === 'input'\n            ? html`<option value=${value} selected>${now.of === 'input' ? now.input : i18next.t('figure.label.follows-expression')}</option>`\n            : nothing}\n        </select>\n      </div>`\n    })\n  }\n\n  private follow(axis: Axis, choice: string, now: Follow) {\n    const following = now.of !== 'own'\n    if (choice === 'own') {\n      if (!following) return\n      const mm = Math.max(1, Math.round(this.dims?.[AXES.indexOf(axis)] ?? 100))\n      this.command({ kind: 'unlink-dimension', part: this.partId, axis, mm })\n      return\n    }\n    const [of, a, b] = choice.split(':')\n    const source: V3DimensionSource = of === 'instance' ? { of: 'instance', axis: a as Axis } : { of: 'part', part: a!, axis: b as Axis }\n    this.command({ kind: 'link-dimension', part: this.partId, axis, source, replace: following })\n  }\n\n  /**\n   * Positions worked out from other values — V2's anchor rules, as the converter wrote them — each with the way to\n   * keep it where it is. This is the way out the release gate names when a resize leaves a part in the air.\n   */\n  private renderPositions(asset: V3Asset) {\n    return positionsWorkedOut(asset, this.partId).map(\n      axis => html`<div pair>\n        <span>${axis.toUpperCase()} · ${i18next.t('figure.label.position-worked-out')}</span>\n        <button act ?disabled=${this.locked} @click=${() => this.command({ kind: 'fix-position', part: this.partId, axis })}>\n          <md-icon>push_pin</md-icon>${i18next.t('figure.button.fix-position')}\n        </button>\n      </div>`\n    )\n  }\n\n  private renderFastening(asset: V3Asset) {\n    const to = fastenedTo(asset, this.partId)\n    const f = this.fasten\n    const targets = asset.appearance.map(look => look.target).filter(one => one !== this.partId && canFasten(asset, one))\n    return html`\n      ${to\n        ? html`<div pair>\n            <span>${i18next.t('figure.label.fastened-to')}: <b bound>${to}</b></span>\n            <button act ?disabled=${this.locked} @click=${() => this.command({ kind: 'detach', part: this.partId })}>\n              <md-icon>link_off</md-icon>${i18next.t('figure.button.detach')}\n            </button>\n          </div>`\n        : html`<p hint>${i18next.t('figure.text.fastening-explained')}</p>`}\n      <div form>\n        <span>${i18next.t('figure.label.my-face')}</span>\n        <select @change=${(e: Event) => (this.fasten = { ...f, face: (e.target as HTMLSelectElement).value as V3Face })}>\n          ${FACES.map(face => html`<option value=${face} ?selected=${face === f.face}>${i18next.t('figure.label.face-' + face)}</option>`)}\n        </select>\n      </div>\n      <label toggle>\n        <input type=\"checkbox\" .checked=${f.toPlane} @change=${(e: Event) => (this.fasten = { ...f, toPlane: (e.target as HTMLInputElement).checked })} />\n        ${i18next.t('figure.label.stands-on-plane')}\n      </label>\n      ${f.toPlane\n        ? nothing\n        : html`<div form>\n            <span>${i18next.t('figure.label.target-part')}</span>\n            <select @change=${(e: Event) => (this.fasten = { ...f, target: (e.target as HTMLSelectElement).value })}>\n              <option value=\"\" ?selected=${!f.target}>—</option>\n              ${targets.map(one => html`<option value=${one} ?selected=${one === f.target}>${one}</option>`)}\n            </select>\n            <span>${i18next.t('figure.label.target-face')}</span>\n            <select @change=${(e: Event) => (this.fasten = { ...f, targetFace: (e.target as HTMLSelectElement).value as V3Face })}>\n              ${FACES.map(face => html`<option value=${face} ?selected=${face === f.targetFace}>${i18next.t('figure.label.face-' + face)}</option>`)}\n            </select>\n            <span>${i18next.t('figure.label.facing-meet')}</span>\n            <select @change=${(e: Event) => (this.fasten = { ...f, facing: (e.target as HTMLSelectElement).value as 'meet' | 'flush' })}>\n              <option value=\"meet\" ?selected=${f.facing === 'meet'}>${i18next.t('figure.label.facing-meet')}</option>\n              <option value=\"flush\" ?selected=${f.facing === 'flush'}>${i18next.t('figure.label.facing-flush')}</option>\n            </select>\n          </div>`}\n      <div form>\n        <span>${i18next.t('figure.label.gap')}</span>\n        <input type=\"number\" step=\"any\" .value=${String(f.gap)} @change=${(e: Event) => (this.fasten = { ...f, gap: Number((e.target as HTMLInputElement).value) || 0 })} />\n      </div>\n      <button\n        act\n        ?disabled=${this.locked || (!f.toPlane && !f.target)}\n        @click=${() =>\n          this.command({\n            kind: 'attach',\n            part: this.partId,\n            face: f.face,\n            to: f.toPlane ? { plane: 'mounting-plane' } : { part: f.target, face: f.targetFace },\n            ...(f.toPlane ? {} : { facing: f.facing }),\n            ...(f.gap ? { gap: f.gap } : {}),\n            replace: !!to\n          } as V3AuthoringAction)}\n      >\n        <md-icon>link</md-icon>${i18next.t('figure.button.fasten')}\n      </button>\n    `\n  }\n\n  private renderMotion(asset: V3Asset) {\n    const now = motionOf(asset, this.partId)\n    if (now) {\n      return html`<div pair>\n        <span>\n          ${i18next.t('figure.label.motion-' + now.kind)} · ${String(now.axis).toUpperCase()}\n          ${now.control ? html`<small>${now.control.id} (${now.control.unit}) ${now.control.min} … ${now.control.max}</small>` : nothing}\n        </span>\n        <button act ?disabled=${this.locked} @click=${() => this.command({ kind: 'remove-motion', part: this.partId })}>\n          <md-icon>close</md-icon>${i18next.t('figure.button.remove-motion')}\n        </button>\n      </div>`\n    }\n    const m = this.motion\n    const unit = m.kind === 'turn' ? 'deg' : 'mm'\n    return html`\n      <p hint>${i18next.t('figure.text.motion-explained')}</p>\n      <div pair>\n        <select @change=${(e: Event) => this.setKind((e.target as HTMLSelectElement).value as 'slide' | 'turn')}>\n          <option value=\"slide\" ?selected=${m.kind === 'slide'}>${i18next.t('figure.label.motion-slide')}</option>\n          <option value=\"turn\" ?selected=${m.kind === 'turn'}>${i18next.t('figure.label.motion-turn')}</option>\n        </select>\n        <select @change=${(e: Event) => (this.motion = { ...m, axis: (e.target as HTMLSelectElement).value as Axis })}>\n          ${AXES.map(a => html`<option value=${a} ?selected=${a === m.axis}>${i18next.t('figure.label.motion-axis')} ${a.toUpperCase()}</option>`)}\n        </select>\n      </div>\n      <div form>\n        <span>${i18next.t('figure.label.control-id')}</span>\n        <input .value=${m.id} placeholder=${`${this.partId}-${m.kind}`} @change=${(e: Event) => (this.motion = { ...m, id: (e.target as HTMLInputElement).value.trim() })} />\n        <span>${i18next.t('figure.label.control-range')} (${unit})</span>\n        <div pair>\n          <input type=\"number\" step=\"any\" .value=${String(m.min)} @change=${(e: Event) => (this.motion = { ...m, min: Number((e.target as HTMLInputElement).value) })} />\n          <input type=\"number\" step=\"any\" .value=${String(m.max)} @change=${(e: Event) => (this.motion = { ...m, max: Number((e.target as HTMLInputElement).value) })} />\n        </div>\n      </div>\n      <button\n        act\n        ?disabled=${this.locked || !(m.max > m.min)}\n        @click=${() =>\n          this.command({\n            kind: 'add-motion',\n            part: this.partId,\n            motion: { kind: m.kind, axis: m.axis },\n            state: { id: m.id || `${this.partId}-${m.kind}`, unit, min: m.min, max: m.max, start: m.min }\n          })}\n      >\n        <md-icon>animation</md-icon>${i18next.t('figure.button.add-motion')}\n      </button>\n    `\n  }\n\n  private setKind(kind: 'slide' | 'turn') {\n    this.motion = kind === 'turn' ? { ...this.motion, kind, min: -90, max: 90 } : { ...this.motion, kind, min: 0, max: 500 }\n  }\n\n  private command(action: V3AuthoringAction) {\n    this.dispatchEvent(new CustomEvent('v3-command', { detail: { action }, bubbles: true, composed: true }))\n  }\n}\n\n"]}

package/dist-client/modeller/modeller-route.d.ts

@@ -1,16 +1,9 @@
 /**
- * Which modeller opens a figure — by the format of its source, which the server reports (`format`).
- *
- * The catalogue sent every figure to the V2 modeller, so a converted figure could only be opened by typing the V3
- * page's address (2026-09-24). A new figure starts in V3: new V2 figures would only add to what the cutover has to
- * convert (ADR-0087). A figure is opened in V3 only when the server says it is V3 — an unknown format goes to the
- * V2 page, which reports what it could not read.
+ * The one modeller. Every figure is V3 since ADR-0087 step 5 (2026-09-24, user decision: V2 is not kept), so the
+ * catalogue, a new figure and an old address all open the same page. `figure-v3-modeller` stays as an alias so a
+ * link written before the switch still lands.
  */
-export declare const V3_MODELLER = "figure-v3-modeller";
-export declare const V2_MODELLER = "figure-modeller";
+export declare const MODELLER = "figure-modeller";
 export declare function modellerPathOf(figure?: {
     id?: string;
-    format?: string | null;
 }): string;
-/** The version a V3 asset stamps on itself. The V2 page forwards such a figure rather than failing on it. */
-export declare function isV3Source(source?: string | null): boolean;

package/dist-client/modeller/modeller-route.js

@@ -1,27 +1,10 @@
 /**
- * Which modeller opens a figure — by the format of its source, which the server reports (`format`).
- *
- * The catalogue sent every figure to the V2 modeller, so a converted figure could only be opened by typing the V3
- * page's address (2026-09-24). A new figure starts in V3: new V2 figures would only add to what the cutover has to
- * convert (ADR-0087). A figure is opened in V3 only when the server says it is V3 — an unknown format goes to the
- * V2 page, which reports what it could not read.
+ * The one modeller. Every figure is V3 since ADR-0087 step 5 (2026-09-24, user decision: V2 is not kept), so the
+ * catalogue, a new figure and an old address all open the same page. `figure-v3-modeller` stays as an alias so a
+ * link written before the switch still lands.
  */
-export const V3_MODELLER = 'figure-v3-modeller';
-export const V2_MODELLER = 'figure-modeller';
+export const MODELLER = 'figure-modeller';
 export function modellerPathOf(figure) {
-    if (!figure?.id)
-        return V3_MODELLER;
-    return figure.format === 'v3' ? `${V3_MODELLER}/${figure.id}` : `${V2_MODELLER}/${figure.id}`;
-}
-/** The version a V3 asset stamps on itself. The V2 page forwards such a figure rather than failing on it. */
-export function isV3Source(source) {
-    if (!source)
-        return false;
-    try {
-        return JSON.parse(source)?.version === 'figure-v3-asset-1';
-    }
-    catch {
-        return false;
-    }
+    return figure?.id ? `${MODELLER}/${figure.id}` : MODELLER;
 }
 //# sourceMappingURL=modeller-route.js.map

package/dist-client/modeller/modeller-route.js.map

@@ -1 +1 @@
-{"version":3,"file":"modeller-route.js","sourceRoot":"","sources":["../../client/modeller/modeller-route.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,oBAAoB,CAAA;AAC/C,MAAM,CAAC,MAAM,WAAW,GAAG,iBAAiB,CAAA;AAE5C,MAAM,UAAU,cAAc,CAAC,MAAgD;IAC7E,IAAI,CAAC,MAAM,EAAE,EAAE;QAAE,OAAO,WAAW,CAAA;IACnC,OAAO,MAAM,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,WAAW,IAAI,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,WAAW,IAAI,MAAM,CAAC,EAAE,EAAE,CAAA;AAC/F,CAAC;AAED,6GAA6G;AAC7G,MAAM,UAAU,UAAU,CAAC,MAAsB;IAC/C,IAAI,CAAC,MAAM;QAAE,OAAO,KAAK,CAAA;IACzB,IAAI,CAAC;QACH,OAAQ,IAAI,CAAC,KAAK,CAAC,MAAM,CAA2B,EAAE,OAAO,KAAK,mBAAmB,CAAA;IACvF,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,KAAK,CAAA;IACd,CAAC;AACH,CAAC","sourcesContent":["/**\n * Which modeller opens a figure — by the format of its source, which the server reports (`format`).\n *\n * The catalogue sent every figure to the V2 modeller, so a converted figure could only be opened by typing the V3\n * page's address (2026-09-24). A new figure starts in V3: new V2 figures would only add to what the cutover has to\n * convert (ADR-0087). A figure is opened in V3 only when the server says it is V3 — an unknown format goes to the\n * V2 page, which reports what it could not read.\n */\nexport const V3_MODELLER = 'figure-v3-modeller'\nexport const V2_MODELLER = 'figure-modeller'\n\nexport function modellerPathOf(figure?: { id?: string; format?: string | null }): string {\n  if (!figure?.id) return V3_MODELLER\n  return figure.format === 'v3' ? `${V3_MODELLER}/${figure.id}` : `${V2_MODELLER}/${figure.id}`\n}\n\n/** The version a V3 asset stamps on itself. The V2 page forwards such a figure rather than failing on it. */\nexport function isV3Source(source?: string | null): boolean {\n  if (!source) return false\n  try {\n    return (JSON.parse(source) as { version?: unknown })?.version === 'figure-v3-asset-1'\n  } catch {\n    return false\n  }\n}\n"]}
+{"version":3,"file":"modeller-route.js","sourceRoot":"","sources":["../../client/modeller/modeller-route.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,iBAAiB,CAAA;AAEzC,MAAM,UAAU,cAAc,CAAC,MAAwB;IACrD,OAAO,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,QAAQ,IAAI,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAA;AAC3D,CAAC","sourcesContent":["/**\n * The one modeller. Every figure is V3 since ADR-0087 step 5 (2026-09-24, user decision: V2 is not kept), so the\n * catalogue, a new figure and an old address all open the same page. `figure-v3-modeller` stays as an alias so a\n * link written before the switch still lands.\n */\nexport const MODELLER = 'figure-modeller'\n\nexport function modellerPathOf(figure?: { id?: string }): string {\n  return figure?.id ? `${MODELLER}/${figure.id}` : MODELLER\n}\n"]}

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

@@ -3,6 +3,7 @@ import type { V3ProductSession } from './v3-product-session.js';
 import './v3-canvas.js';
 import './figure-v3-parts.js';
 import './figure-v3-material.js';
+import './figure-v3-links.js';
 /** Product editor surface. The injected session is shared by page persistence and AI commands. */
 export declare class FigureV3Editor extends LitElement {
     static styles: import("lit").CSSResult;
@@ -43,6 +44,10 @@ export declare class FigureV3Editor extends LitElement {
      * (figure-model's rename-part), as one step of the history.
      */
     private renamePart;
+    /** Size response, fastening and motion for the selected part (parity ④ ⑤ ⑥), as authoring commands. */
+    private renderLinks;
+    /** One command, one step of the history. A refusal a person can meet here is said in their words. */
+    private linkCommand;
     private changeField;
     render(): import("lit-html").TemplateResult<1>;
 }

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

@@ -7,8 +7,9 @@ import { drawableV3Parts } from './v3-renderer.js';
 import './v3-canvas.js';
 import './figure-v3-parts.js';
 import './figure-v3-material.js';
+import './figure-v3-links.js';
 import { gizmoChanges, gizmoReachOf } from './v3-gizmo.js';
-import { alignChanges, canMirror, mirrorChanges } from './v3-align.js';
+import { alignChanges, boxOf, canMirror, mirrorChanges } from './v3-align.js';
 const names = {
     position: '위치',
     rotation: '회전',
@@ -434,6 +435,49 @@ let FigureV3Editor = class FigureV3Editor extends LitElement {
                         : String(error);
         }
     }
+    /** Size response, fastening and motion for the selected part (parity ④ ⑤ ⑥), as authoring commands. */
+    renderLinks(unavailable) {
+        let asset;
+        try {
+            asset = JSON.parse(this.session.source());
+        }
+        catch {
+            return null;
+        }
+        let dims;
+        try {
+            dims = boxOf(asset, this.selected)?.dims;
+        }
+        catch {
+            dims = undefined;
+        }
+        return html `<figure-v3-links
+      .asset=${asset}
+      .partId=${this.selected}
+      .dims=${dims}
+      ?locked=${unavailable}
+      @v3-command=${(e) => this.linkCommand(e.detail.action)}
+    ></figure-v3-links>`;
+    }
+    /** One command, one step of the history. A refusal a person can meet here is said in their words. */
+    linkCommand(action) {
+        try {
+            this.session.command(action);
+            this.error = '';
+            this.changed();
+        }
+        catch (error) {
+            const code = error?.code;
+            this.error =
+                code === 'DIMENSION_CYCLE'
+                    ? i18next.t('figure.text.follow-would-loop')
+                    : code === 'FASTEN_CYCLE' || code === 'ATTACH_CYCLE'
+                        ? i18next.t('figure.text.fasten-would-loop')
+                        : error instanceof Error
+                            ? error.message
+                            : String(error);
+        }
+    }
     changeField(field, event) {
         const input = event.target, value = input.valueAsNumber;
         this.run(() => this.session.apply([
@@ -516,7 +560,7 @@ let FigureV3Editor = class FigureV3Editor extends LitElement {
           ${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 `<figure-v3-material
+            ? html `${this.renderLinks(unavailable)}<figure-v3-material
                   .body=${part}
                   .palette=${view.palette ?? {}}
                   ?locked=${unavailable}