@things-factory/figure-ui 10.1.244 → 10.1.246

package/dist-client/modeller/editor.js

@@ -9,7 +9,7 @@ import { openPopup } from '@operato/layout';
 import { OxPrompt } from '@operato/popup';
 import { customElement, property, state } from 'lit/decorators.js';
 import { live } from 'lit/directives/live.js';
-import { parseFigureAsset, figureFastenAxesOf, figurePartFaceOf, PART_LIMIT, parseFigureRecipe, resolveFigureRecipe, figurePartCountOf, figurePartIdFor, figureRecipeIdFor, figureSizeEditOf, figureSizeEditorOf, figureSectionMeasuresOf, figurePlaneAlignChanges, figureRowOf, figureFaceOverhangOf } from '@hatiolab/figure-model';
+import { parseFigureAsset, figureFastenAxesOf, figurePartFaceOf, PART_LIMIT, parseFigureRecipe, resolveFigureRecipe, figurePartCountOf, figurePartIdFor, figureRecipeIdFor, figureSizeEditOf, figureSizeEditorOf, figureSectionMeasuresOf, figurePlaneAlignChanges, figureLayDownOf, figureHangingChainOf, figureRowOf, figureFaceOverhangOf } from '@hatiolab/figure-model';
 import './figure-recipe-catalog.js';
 import { captureFigureThumbnail } from './thumbnail.js';
 import { drawableFigureParts } from './renderer.js';
@@ -17,6 +17,7 @@ import './canvas.js';
 import './figure-parts.js';
 import './figure-material-panel.js';
 import './figure-section-panel.js';
+import './figure-pipe-panel.js';
 import './figure-section-editor.js';
 import { faceHighlightOf, rowWordsOf } from './command-preview.js';
 import { CommandPreview, NO_WORDS } from './command-preview-controller.js';
@@ -42,7 +43,7 @@ import { groupFields, ownerOf, partLabelOf, repeatOf } from './fields.js';
 import { SidePanelStyles } from '@things-factory/figure-viewer/dist-client/side-panel-styles.js';
 import { EditorStyles } from './editor-styles.js';
 import { ScrollbarStyles } from '@operato/styles';
-import { alignChanges, canMirror, mirrorChanges } from './align.js';
+import { alignChanges, canMirror, mirrorEditOf, mirrorPlanOf } from './align.js';
 import { paletteRecipe } from './palette.js';
 import { meshChoicesOf, meshPartOf } from './mesh-import.js';
 import './figure-mesh-choice.js';
@@ -53,7 +54,7 @@ import { apexOver, drawnOf } from './section-drawing.js';
 import { END_FACE } from './section-controls.js';
 import { nudgeOf, placementOf } from './stage-model.js';
 import { gateFindingStyles, renderGateFinding } from './gate-findings.js';
-import { editRefusalOf, partNameRefusalOf, sizeRangeFitsOf, partRefusalOf, placedRefusalOf, recipeRefusalOf, removalNoticeOf } from './refusals.js';
+import { defaultsMovedOf, editRefusalOf, partNameRefusalOf, sizeRangeFitsOf, partRefusalOf, placedRefusalOf, recipeRefusalOf, removalNoticeOf } from './refusals.js';
 import { HelpToggles } from './help.js';
 import { sizeInputOf } from './size-response.js';
 import { canFollow, followableAxes, endPlaceKeyOf, followOf, sizeFollowersOf, measureNow, partSummaryOf, instanceRangeOf, instanceSizeToDeclare, proportionToFollow, rangeWith, turnsAboutAJoint, valueNow } from './links.js';
@@ -363,11 +364,12 @@ let FigureEditor = class FigureEditor extends LitElement {
         return code ? editRefusalOf(error, (key, params) => i18next.t(key, params)) : error instanceof Error ? error.message : String(error);
     }
     run(action) {
+        const before = this.shown()?.asset;
         try {
             action();
             this.error = '';
-            /* The next step stands on its own: what the last removal let go of is no longer the news. */
-            this.notice = '';
+            /* The next step stands on its own: what the last removal let go of is no longer the news -- what this one moved is. */
+            this.notice = defaultsMovedOf(before, this.shown()?.asset, (key, params) => i18next.t(key, params));
             this.changed();
         }
         catch (error) {
@@ -777,17 +779,58 @@ let FigureEditor = class FigureEditor extends LitElement {
                 this.session.apply(changes);
         });
     }
-    /** A mirrored copy: duplicate, then place the copy on the other side — two steps. */
+    /**
+     * A mirrored copy, one step: figure-model's mirror-part, a fastened part's record reflected with it. A part with parts
+     * hanging from it, or moving, is asked about first -- what comes with it, its names, how it turns (robot dog 2026-11-03).
+     */
     mirror(axis) {
+        const plan = mirrorPlanOf(this.shown().asset, this.selected, axis);
+        if (plan.asks)
+            this.mirroring = { part: this.selected, form: plan.form, hanging: plan.hanging, moves: plan.moves };
+        else
+            this.mirrorWith(this.selected, plan.form);
+    }
+    mirrorWith(part, form) {
         this.run(() => {
-            const id = this.selected;
-            const copy = this.session.edit({ kind: 'duplicate-part', target: id }).made?.[0];
-            if (!copy)
-                return;
-            this.session.apply(mirrorChanges(this.shown(), id, copy, axis));
-            this.selected = copy;
+            /* The copy of the part itself, the first of what the edit made. */
+            const copy = this.session.edit(mirrorEditOf(part, form)).made?.[0];
+            this.mirroring = undefined;
+            if (copy)
+                this.selected = copy;
         });
     }
+    renderMirrorForm(unavailable) {
+        const m = this.mirroring;
+        if (!m || m.part !== this.selected)
+            return nothing;
+        const set = (patch) => (this.mirroring = { ...m, form: { ...m.form, ...patch } });
+        const text = (key) => (e) => set({ [key]: e.target.value.trim() });
+        return html `<div mirror-form>
+      ${m.hanging.length
+            ? html `<label toggle>
+            <input type="checkbox" .checked=${m.form.chain} @change=${(e) => set({ chain: e.target.checked })} />
+            ${i18next.t('figure.label.mirror-with-hanging', { count: m.hanging.length })}
+          </label>`
+            : nothing}
+      <div form>
+        <span>${i18next.t('figure.label.mirror-names')}</span>
+        <div pair>
+          <input aria-label=${i18next.t('figure.label.mirror-names-from')} placeholder=${i18next.t('figure.label.mirror-names-from')} .value=${m.form.from} @change=${text('from')} />
+          <input aria-label=${i18next.t('figure.label.mirror-names-to')} placeholder=${i18next.t('figure.label.mirror-names-to')} .value=${m.form.to} @change=${text('to')} />
+        </div>
+      </div>
+      ${m.moves
+            ? html `<label toggle title=${i18next.t('figure.text.mirror-keep-motion-explained')}>
+            <input type="checkbox" .checked=${m.form.keepMotion} @change=${(e) => set({ keepMotion: e.target.checked })} />
+            ${i18next.t('figure.label.mirror-keep-motion')}
+          </label>`
+            : nothing}
+      <div pair>
+        <button act ?disabled=${unavailable} @click=${() => this.mirrorWith(m.part, m.form)}>${i18next.t('figure.button.mirror-' + m.form.axis)}</button>
+        <button act @click=${() => (this.mirroring = undefined)}>${i18next.t('figure.button.cancel')}</button>
+      </div>
+    </div>`;
+    }
     /**
      * The one-off "put it on the plane", by the figure's placement (designer 2026-09-27): figure-model's rule
      * (`figurePlaneAlignChanges`) -- a floor figure's part to the floor by its bottom, a ceiling one's to the ceiling by
@@ -806,16 +849,31 @@ let FigureEditor = class FigureEditor extends LitElement {
             }
         });
     }
+    /*
+      A part with parts hanging from it, or one on the mounting plane, is put down as a whole: the lowest point of all of it,
+      as it stands, reaches the plane -- a body by its feet (robot dog 2026-11-03).
+    */
+    laysDownWhole(asset, part) {
+        return figureHangingChainOf(asset, part).length > 1 || !!asset.joints?.some(j => 'plane' in j.body0 && 'part' in j.body1 && j.body1.part === part);
+    }
     renderPlaneAlign(shown, unavailable) {
         const placement = shown.asset.placement ?? 'floor';
         /* A tilted part touches the plane at a point or an edge, a ball at its lowest; the tooltip says so rather than promise a face (designer 2026-09-27). */
-        const contact = this.planeContactOf(shown, this.selected);
-        const told = contact === 'tilted' || contact === 'extreme' ? `-${contact}` : '';
+        const contact = this.laysDownWhole(shown.asset, this.selected) ? 'hanging' : this.planeContactOf(shown, this.selected);
+        const told = contact === 'tilted' || contact === 'extreme' || contact === 'hanging' ? `-${contact}` : '';
         return html `<button plane-align=${placement} ?disabled=${unavailable} title=${i18next.t(`figure.text.align-to-${placement}${told}`)}
       @click=${() => this.alignToPlane()}>${i18next.t(`figure.button.align-to-${placement}`)}</button>`;
     }
     alignToPlane() {
         const asset = this.shown().asset;
+        if (this.laysDownWhole(asset, this.selected)) {
+            const { command, refusal } = figureLayDownOf(asset, this.selected);
+            if (refusal)
+                this.error = i18next.t(`figure.text.align-refused-${refusal.toLowerCase().replace(/_/g, '-')}`, { part: partLabelOf(this.selected) });
+            else if (command)
+                this.run(() => this.session.command(command));
+            return;
+        }
         const { changes, contact, refusal } = figurePlaneAlignChanges(asset, this.selected);
         if (refusal) {
             this.error = i18next.t(`figure.text.align-refused-${refusal.toLowerCase().replace(/_/g, '-')}`, { part: partLabelOf(this.selected) });
@@ -829,23 +887,33 @@ let FigureEditor = class FigureEditor extends LitElement {
     renderTools(unavailable) {
         const reach = this.reachOf(this.selected);
         const shown = this.shown();
-        if (!this.selected || !reach.translate || !shown)
+        if (!this.selected || !shown)
             return null;
         /*
          * In words, two rows by what they do (user 2026-10-01: 「무엇을 하는 것인지 모르겠다」): moving the part to the figure's
          * centre lines, onto its plane or onto the grid; and making a mirrored copy, which makes a part and moves nothing.
          */
         const tool = (name, label, title) => html `<button ?disabled=${unavailable} title=${i18next.t(title)} @click=${() => this.align(name)}>${i18next.t(label)}</button>`;
-        const mirrors = ['x', 'z'].map(axis => ({ axis, able: canMirror(shown, this.selected, axis, reach) }));
-        return html `<div vector-row>
-        <label>${i18next.t('figure.label.tools')}</label>
-        <div tools>
-          ${tool('centre-x', 'figure.button.center-x', 'figure.text.center-on-x')}
-          ${tool('centre-z', 'figure.button.center-z', 'figure.text.center-on-z')}
-          ${this.renderPlaneAlign(shown, unavailable)}
-          ${tool('snap', 'figure.button.snap', 'figure.text.snap-explained')}
-        </div>
-      </div>
+        /* A fastened part is not moved by these tools, but it is mirrored: the copy's fastening is reflected with it. */
+        const mirrors = ['x', 'z'].map(axis => ({ axis, able: canMirror(shown, this.selected, axis) }));
+        /* On the mounting plane nothing else here moves it; putting it down writes its gap. */
+        const onPlane = !reach.translate && !!shown.asset.joints?.some(j => 'plane' in j.body0 && 'part' in j.body1 && j.body1.part === this.selected);
+        return html `${onPlane
+            ? html `<div vector-row>
+            <label>${i18next.t('figure.label.tools')}</label>
+            <div tools>${this.renderPlaneAlign(shown, unavailable)}</div>
+          </div>`
+            : nothing}${reach.translate
+            ? html `<div vector-row>
+            <label>${i18next.t('figure.label.tools')}</label>
+            <div tools>
+              ${tool('centre-x', 'figure.button.center-x', 'figure.text.center-on-x')}
+              ${tool('centre-z', 'figure.button.center-z', 'figure.text.center-on-z')}
+              ${this.renderPlaneAlign(shown, unavailable)}
+              ${tool('snap', 'figure.button.snap', 'figure.text.snap-explained')}
+            </div>
+          </div>`
+            : null}
       <div vector-row>
         <label>${i18next.t('figure.label.mirror-copy')}</label>
         <div tools>
@@ -854,6 +922,7 @@ let FigureEditor = class FigureEditor extends LitElement {
             </button>`)}
         </div>
       </div>
+      ${this.renderMirrorForm(unavailable)}
 `;
     }
     /**
@@ -930,6 +999,17 @@ let FigureEditor = class FigureEditor extends LitElement {
         const place = groups.vectors.filter(g => g.kind === 'vector' && g.name !== 'size');
         const fastened = !!this.asset()?.joints?.some(j => j.body1.part === ownerOf(this.selected));
         const placeLocked = fastened && place.every(g => g.kind === 'vector' && ['x', 'y', 'z'].every(axis => !g.cells[axis]));
+        /* A pipe's measures are its section, wall and path, in its own panel (ADR-0100 §16.2): not raw fields of the part. */
+        const body = geometry.find(g => g.id === this.selected);
+        if (body?.shape?.sweep)
+            return this.renderLinks(unavailable, 'shape', html `<section slot="size" group-fields>
+            <h3>${i18next.t('figure.label.group-pipe')}</h3>
+            <!-- Its command reaches the links' own handler: it is slotted in them. -->
+            <figure-pipe-panel .body=${body} ?locked=${unavailable}></figure-pipe-panel>
+          </section>
+          ${place.length && !placeLocked
+                ? html `<div slot="place" group-fields>${place.map(g => this.renderVector(g, unavailable, held))}${this.renderHeldAxes(place)}</div>`
+                : nothing}`);
         return this.renderLinks(unavailable, 'shape', html `${size.length || singles.length
             ? html `<section slot="size" group-fields>
               <h3>${i18next.t(integrated ? 'figure.label.group-shape' : 'figure.label.group-size')}</h3>
@@ -1079,13 +1159,20 @@ let FigureEditor = class FigureEditor extends LitElement {
         this.holdAction(null);
         this.notice = '';
         const hadSize = this.hasSize();
+        const before = this.shown()?.asset;
         try {
             this.session.command(action);
             this.error = '';
             this.faceMapping = undefined;
-            /* What the command did besides what was asked, in one line: the figure's size declared to follow (ADR ruling Q1). */
+            /*
+              What the command did besides what was asked, in one line: the figure's size declared to follow (ADR ruling Q1), a
+              default pose its new range moved.
+            */
             if (action.kind === 'follow-size' && !hadSize)
                 this.notice = this.sizeDeclaredWords();
+            const moved = defaultsMovedOf(before, this.shown()?.asset, (key, params) => i18next.t(key, params));
+            if (moved)
+                this.notice = [this.notice, moved].filter(Boolean).join(' ');
             this.changed();
             return true;
         }
@@ -2284,6 +2371,10 @@ __decorate([
     state(),
     __metadata("design:type", Object)
 ], FigureEditor.prototype, "fastening", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], FigureEditor.prototype, "mirroring", void 0);
 __decorate([
     state(),
     __metadata("design:type", Object)