@things-factory/figure-ui 10.1.83 → 10.1.85

package/dist-client/modeller/editor.js

@@ -14,6 +14,7 @@ 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';
@@ -37,6 +38,7 @@ import { fieldWordsOf, followOf, measureNow, partSummaryOf, instanceRangeOf, ins
 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() {
@@ -691,6 +693,11 @@ let FigureEditor = class FigureEditor extends LitElement {
     hold(values, edit) {
         this.live = { values: { ...this.live.values, ...values }, ...(edit ? { edit } : this.live.edit ? { edit: this.live.edit } : {}) };
     }
+    /** A command in hand, drawn and not run; `null` lets go of it and the figure as it stands is drawn again. */
+    holdAction(action) {
+        const { action: _, ...rest } = this.live;
+        this.live = action ? { ...rest, action } : rest;
+    }
     changed() {
         this.requestUpdate();
         this.dispatchEvent(new CustomEvent('changed', { bubbles: true, composed: true }));
@@ -1162,6 +1169,8 @@ let FigureEditor = class FigureEditor extends LitElement {
     }
     /** One command, one step of the history. A refusal a person can meet here is said in their words. */
     linkCommand(action) {
+        /* Committed or refused, a command in hand is let go of: the figure as it stands is drawn again. */
+        this.holdAction(null);
         this.retry = undefined;
         this.notice = '';
         const hadSize = this.hasSize();
@@ -1368,7 +1377,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 } : {}),
@@ -2047,6 +2056,12 @@ 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)}
+                    @command-live=${(e) => this.holdAction(e.detail.action)}
+                  ></figure-section-panel>
                   <figure-material-panel
                     .body=${{ ...part, id: this.selected }}
                     .palette=${view.palette ?? {}}