@things-factory/figure-ui 10.1.82 → 10.1.84

package/dist-client/modeller/editor.js

@@ -7,13 +7,14 @@ import { notify } from '@operato/layout';
 import { OxPrompt } from '@operato/popup';
 import { customElement, property, state } from 'lit/decorators.js';
 import { live } from 'lit/directives/live.js';
-import { PART_LIMIT, parseFigureRecipe, resolveFigureRecipe, figurePartCountOf, figureRecipeIdFor, planFigureResize, parseFigureAsset, figureSizeEditChanges, figureScaleAnchorOf, figurePlaneAlignChanges, figurePartFaceOf, figureRowOf, figureFaceOverhangOf, figureRoomOnlyInputsOf, figureRoomRefitOf } from '@hatiolab/figure-model';
+import { PART_LIMIT, parseFigureRecipe, resolveFigureRecipe, figurePartCountOf, figureRecipeIdFor, parseFigureAsset, figureSizeEditChanges, figureScaleAnchorOf, figurePlaneAlignChanges, figurePartFaceOf, figureRowOf, figureFaceOverhangOf, figureRoomOnlyInputsOf, figureRoomRefitOf } from '@hatiolab/figure-model';
 import './figure-recipe-catalog.js';
 import { captureFigureThumbnail } from './thumbnail.js';
 import { drawableFigureParts } from './renderer.js';
 import './canvas.js';
 import './figure-parts.js';
 import './figure-material-panel.js';
+import './figure-section-panel.js';
 import { faceHighlightOf, ghostPartsOf, previewWordsOf, rowWordsOf } from './command-preview.js';
 import { motionEndsOf } from './motion-ends.js';
 import './figure-links.js';
@@ -32,11 +33,12 @@ import { alignChanges, boxOf, canMirror, mirrorChanges } from './align.js';
 import { paletteRecipe } from './palette.js';
 import { nudgeOf, placementOf } from './stage-model.js';
 import { roomRefitRowsOf } from './occupancy.js';
-import { editRefusalOf, inDeclaredRoom, inputRangeRefusalOf, narrowingRetryOf, partRefusalOf, placementRefusalOf, recipeRefusalOf, removalNoticeOf, resizeRefusalOf, sizeRangeRefusalOf } from './refusals.js';
+import { editRefusalOf, inDeclaredRoom, inputRangeRefusalOf, narrowingRetryOf, partRefusalOf, placementRefusalOf, recipeRefusalOf, removalNoticeOf, sizeRangeRefusalOf } from './refusals.js';
 import { fieldWordsOf, followOf, measureNow, partSummaryOf, instanceRangeOf, instanceRangeToDeclare, proportionToFollow, rangeDiffers, rangeWith, turnsAboutAJoint, valueNow } from './links.js';
 import { jointFanOf } from './joint-fan.js';
 import { jointDragOf } from './joint-drag.js';
 import { liveOverSession, NOTHING_LIVE, scrubbed, scrubStep } from './live.js';
+import { startingShapeKindOfBody } from './starting-shape.js';
 /** Product editor surface. The injected session is shared by page persistence and AI commands. */
 let FigureEditor = class FigureEditor extends LitElement {
     constructor() {
@@ -1110,7 +1112,6 @@ let FigureEditor = class FigureEditor extends LitElement {
       .motionEnds=${section === 'motion' ? this.motionEnds() : null}
       @go-fasten=${() => this.goFasten()}
       @preview-command=${(e) => this.previewCommand(e.detail)}
-      @resize-with-placement=${(e) => this.resizeWithPlacement(e.detail.request)}
       @part-edit=${(e) => this.run(() => this.session.edit(e.detail.edit))}
     ></figure-links>`;
     }
@@ -1161,31 +1162,6 @@ let FigureEditor = class FigureEditor extends LitElement {
       @part-edit=${(e) => this.run(() => this.session.edit(e.detail.edit))}
     ></figure-clips>`;
     }
-    /**
-     * "Follow the size and keep where the figure is placed" (ADR-0097): figure-model plans it from the figure as it is now,
-     * and the whole plan is one step of the history. A refusal with a way on -- move the part onto the plane, replace how
-     * its position is worked out -- asks in the app's prompt and plans again with that choice; any other says why.
-     */
-    resizeWithPlacement(request) {
-        this.retry = undefined;
-        this.notice = '';
-        const plan = planFigureResize(parseFigureAsset(this.session.source()), request);
-        const refusal = plan.refusal;
-        if (refusal) {
-            const choice = refusal.choice;
-            /* The gap is chosen on the screen beside the button, with its distance; only replacing a position rule is asked here. */
-            this.retry = choice === 'replacePosition' ? { label: i18next.t('figure.button.resize-choice-replace-position'), run: () => this.resizeWithPlacement({ ...request, replacePosition: true }) } : undefined;
-            this.error = resizeRefusalOf(plan, request.part, (key, params) => i18next.t(key, params));
-            return;
-        }
-        this.run(() => this.session.applyRecipe(plan.steps));
-        /*
-          The declared room was measured from the part's old numbers and is not changed: said as a fact, not as a claim that
-          the part leaves it -- that is measured where the room is declared again (designer 2026-09-27).
-        */
-        if (!this.error && plan.roomReads.length)
-            this.notice = i18next.t('figure.text.resize-room-unchanged');
-    }
     /** One command, one step of the history. A refusal a person can meet here is said in their words. */
     linkCommand(action) {
         this.retry = undefined;
@@ -1394,7 +1370,7 @@ let FigureEditor = class FigureEditor extends LitElement {
             }
             rows.set(id, {
                 id,
-                provider: g.shape?.provider ?? '',
+                kind: startingShapeKindOfBody(g.shape) ?? '',
                 hidden: this.hiddenParts.has(id),
                 invisible: g.visible === false,
                 ...(id !== g.id ? { copies: 1 } : {}),
@@ -2073,6 +2049,11 @@ let FigureEditor = class FigureEditor extends LitElement {
                   ${this.renderGroups(this.withSizeRow(groupFields(partFields, this.selected), held), 'figure.label.group-placement-size', 'figure.label.group-shape', unavailable, this.renderTools(unavailable), held)}
                   ${roomFields.length ? this.renderRoomOnly(roomFields, unavailable) : nothing}
                   ${this.renderLinks(unavailable, 'shape')}
+                  <figure-section-panel
+                    .body=${{ ...part, id: this.selected }}
+                    ?locked=${unavailable}
+                    @command=${(e) => this.linkCommand(e.detail.action)}
+                  ></figure-section-panel>
                   <figure-material-panel
                     .body=${{ ...part, id: this.selected }}
                     .palette=${view.palette ?? {}}