@things-factory/figure-ui 10.1.93 → 10.1.95

package/dist-client/modeller/editor.js

@@ -386,13 +386,18 @@ let FigureEditor = class FigureEditor extends LitElement {
       z-index: 1;
       display: grid;
       gap: 4px;
-      padding: 8px 10px;
+      padding: 10px 12px;
       background: var(--md-sys-color-surface-container-lowest);
       border-bottom: 1px solid var(--md-sys-color-outline-variant);
     }
+    /* The panel's three sizes (side-panel-styles): the part's kind at the title's, its two lines at the hint's. */
     div[subject-summary] {
       display: grid;
-      gap: 1px;
+      gap: 2px;
+    }
+    div[subject-summary] b {
+      font-size: var(--ui-t-body, 13px);
+      font-weight: 600;
     }
     div[subject-summary] b span {
       font-weight: 400;
@@ -2150,6 +2155,7 @@ let FigureEditor = class FigureEditor extends LitElement {
             ? html `<section>
           <h3>${i18next.t(vectorTitle)}</h3>
           ${groups.vectors.map(g => this.renderVector(g, unavailable, held))}
+          ${this.renderHeldAxes(groups.vectors)}
           ${tools ?? nothing}
         </section>`
             : nothing}
@@ -2205,7 +2211,24 @@ let FigureEditor = class FigureEditor extends LitElement {
           </div>`)}
       </div>
     </div>
-    ${ruled.length ? html `<p hint held-axes>${i18next.t('figure.text.axes-held-by-rule', { group: i18next.t('figure.label.group-' + group.name), axes: ruled.map(a => a.toUpperCase()).join(' · ') })}</p>` : nothing}`;
+`;
+    }
+    /**
+     * Which axes a rule sets, said once under the rows (position and rotation X · Y · Z set by a rule), not a line under each row
+     * saying the same (user 2026-10-01, the panel checked for balance). The cells themselves are dashed and read-only.
+     */
+    renderHeldAxes(vectors) {
+        const byAxes = new Map();
+        for (const g of vectors) {
+            if (g.kind !== 'vector')
+                continue;
+            const ruled = ['x', 'y', 'z'].filter(axis => !g.cells[axis]);
+            if (!ruled.length)
+                continue;
+            const axes = ruled.map(a => a.toUpperCase()).join(' · ');
+            byAxes.set(axes, [...(byAxes.get(axes) ?? []), i18next.t('figure.label.group-' + g.name)]);
+        }
+        return [...byAxes].map(([axes, groups]) => html `<p hint held-axes>${i18next.t('figure.text.axes-held-by-rule', { group: groups.join(' · '), axes })}</p>`);
     }
     /**
      * A part's fields only the declared room still reads (ADR-0097, designer 2026-09-27): shown as what they are and not
@@ -2218,7 +2241,7 @@ let FigureEditor = class FigureEditor extends LitElement {
       <div form>
         ${fields.map(f => html `<span>${fieldWordsOf(f.id, key => i18next.t(key))} (${f.unit})</span><input aria-label=${f.id} type="number" .value=${String(f.value)} disabled />`)}
       </div>
-      <button act room-refit ?disabled=${unavailable} @click=${() => this.askRoomRefit()}>${i18next.t('figure.button.room-refit')}</button>
+      <button act room-refit ?disabled=${unavailable} @click=${() => this.askRoomRefit()}><md-icon>fit_screen</md-icon>${i18next.t('figure.button.room-refit')}</button>
     </section>`;
     }
     /** The room as declared and as proposed, and what lies outside each as measured, before the author confirms. */