@things-factory/figure-ui 10.1.58 → 10.1.59

package/client/modeller/v3-editor.ts

@@ -32,7 +32,7 @@ import { nudgeOf } from './v3-stage-model.js'
 import { narrowingRetryOf, partRefusalOf, sizeRangeRefusalOf } from './v3-refusals.js'
 import type { V3RenderPart } from './v3-renderer.js'
 import type { V3BudgetLine } from './v3-maturity.js'
-import { instanceRangeOf, instanceRangeToDeclare, rangeDiffers, rangeWith, turnsAboutAJoint } from './v3-links.js'
+import { instanceRangeOf, instanceRangeToDeclare, proportionToFollow, rangeDiffers, rangeWith, turnsAboutAJoint, valueNow } from './v3-links.js'
 import { jointFanOf } from './v3-joint-fan.js'
 import { jointDragOf } from './v3-joint-drag.js'
 import type { FirstSave } from './v3-first-save.js'
@@ -804,7 +804,18 @@ export class FigureV3Editor extends LitElement {
    * it is offered it -- a mechanism does not shear -- and the author decides (chief architect's ruling 2026-09-24).
    */
   private renderSizingRule(asset: V3Asset, unavailable: boolean) {
-    if (asset.sizing === 'uniform') return html`<div inline-field><label>${i18next.t('figure.label.sizing-rule')}</label><span>${i18next.t('figure.label.sizing-uniform')}</span></div>`
+    if (asset.sizing === 'uniform') {
+      /* One ratio reaches only what reads the size: every other length is offered to follow it, in one step. */
+      const follow = proportionToFollow(asset)
+      return html`<div inline-field><label>${i18next.t('figure.label.sizing-rule')}</label><span>${i18next.t('figure.label.sizing-uniform')}</span></div>
+        ${follow?.count
+          ? html`<p hint>${i18next.t('figure.text.proportion-to-follow', { count: follow.count })}</p>
+              <button act ?disabled=${unavailable} @click=${() => this.linkCommand({ kind: 'follow-size-in-proportion' })}>
+                <md-icon>open_in_full</md-icon>${i18next.t('figure.button.follow-size-in-proportion')}
+              </button>`
+          : nothing}
+        ${follow?.kept.length ? html`<p hint>${i18next.t('figure.text.proportion-kept', { what: follow.kept.join(', ') })}</p>` : nothing}`
+    }
     return html`${turnsAboutAJoint(asset) ? html`<p hint>${i18next.t('figure.text.sizing-uniform-proposed')}</p>` : nothing}
       <button act ?disabled=${unavailable} title=${i18next.t('figure.text.sizing-uniform-explained')} @click=${() => this.linkCommand({ kind: 'scale-uniformly' })}>
         <md-icon>aspect_ratio</md-icon>${i18next.t('figure.button.scale-uniformly')}
@@ -858,7 +869,8 @@ export class FigureV3Editor extends LitElement {
     const layout = model.nodes.find(n => n.id === `${this.selected}.layout`)
     const axis = model.nodes.find(n => n.id === `${this.selected}.repeat`)?.params?.axis ?? '?'
     const own = `${this.selected}.repeat.pitch`
-    const pitch = asset.designInputs[own] ?? model.constants.find(c => c.id === layout?.args[4])?.value
+    /* The pitch as it stands: the part's own number, a constant, or what a pitch that follows a length comes to. */
+    const pitch = asset.designInputs[own] ?? model.constants.find(c => c.id === layout?.args[4])?.value ?? valueNow(asset, layout?.args[4])
     const fits = layout?.op === 'fit-pitch@1'
     /* What the pitch gives, in numbers: this many copies at the length it is authored, and how long it may be placed. */
     const lengthRef = layout?.args[0] ?? ''

package/client/modeller/v3-links.ts

@@ -1,4 +1,4 @@
-import { V3_FACES, v3ShapeFaces, v3PartsExtentOf, compileV3Graph, defaultInstanceSizeRange, foldInstanceSizeRange, v3AttachmentsOf, v3BindingsOf, v3InstanceSizeLimitsOf } from '@hatiolab/figure-model'
+import { V3_FACES, v3ShapeFaces, v3PartsExtentOf, compileV3Graph, proposeV3Proportion, defaultInstanceSizeRange, foldInstanceSizeRange, v3AttachmentsOf, v3BindingsOf, v3InstanceSizeLimitsOf } from '@hatiolab/figure-model'
 import type { V3SizeRange } from '@hatiolab/figure-model'
 import type { V3Asset, V3BindingPlace, V3Face, V3Joint } from '@hatiolab/figure-model'
 
@@ -454,6 +454,32 @@ export function rangeWith(declared: V3SizeRange, axis: Axis, bound: 'min' | 'max
   return next
 }
 
+/**
+ * For a figure that grows by one ratio: how many of its lengths would follow the ratio, and which it leaves with their
+ * own number (not those that follow another length -- they grow with it). Nothing for a figure of another sizing.
+ */
+export function proportionToFollow(asset: V3Asset): { count: number; kept: string[] } | undefined {
+  if (asset.sizing !== 'uniform') return undefined
+  try {
+    const plan = proposeV3Proportion(asset)
+    return { count: plan.dimensions.length + plan.lengths.length, kept: plan.skipped.filter(s => !s.follows).map(s => s.what) }
+  } catch {
+    return undefined
+  }
+}
+
+/** A value of the figure as it stands, by its graph reference. */
+export function valueNow(asset: V3Asset, ref: string | undefined): number | undefined {
+  if (!ref) return undefined
+  try {
+    const values = compileV3Graph(asset.document.model as never).evaluate({ ...asset.designInputs, ...asset.stateDefaults }).values as Record<string, number>
+    const value = values[ref]
+    return typeof value === 'number' && Number.isFinite(value) ? value : undefined
+  } catch {
+    return undefined
+  }
+}
+
 export function rangeDiffers(a: V3SizeRange, b: V3SizeRange): boolean {
   return AXES.some(axis => Math.abs(a[axis].min - b[axis].min) > 1e-3 || Math.abs(a[axis].max - b[axis].max) > 1e-3)
 }

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

@@ -34,6 +34,6 @@ export declare const trackEdit: (clip: Clip, track: ClipTrack, patch?: Partial<P
     state: string;
     clip: string;
     keys: ClipKey[];
-    loop: "wrap" | "hold";
+    loop: "hold" | "wrap";
     interpolation: "linear" | "step";
 };

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

@@ -27,7 +27,7 @@ import { alignChanges, boxOf, canMirror, mirrorChanges } from './v3-align.js';
 import { paletteRecipe } from './v3-palette.js';
 import { nudgeOf } from './v3-stage-model.js';
 import { narrowingRetryOf, partRefusalOf, sizeRangeRefusalOf } from './v3-refusals.js';
-import { instanceRangeOf, instanceRangeToDeclare, rangeDiffers, rangeWith, turnsAboutAJoint } from './v3-links.js';
+import { instanceRangeOf, instanceRangeToDeclare, proportionToFollow, rangeDiffers, rangeWith, turnsAboutAJoint, valueNow } from './v3-links.js';
 import { jointFanOf } from './v3-joint-fan.js';
 import { jointDragOf } from './v3-joint-drag.js';
 import { liveOverSession, NOTHING_LIVE, scrubbed, scrubStep } from './v3-live.js';
@@ -816,8 +816,18 @@ let FigureV3Editor = class FigureV3Editor extends LitElement {
      * it is offered it -- a mechanism does not shear -- and the author decides (chief architect's ruling 2026-09-24).
      */
     renderSizingRule(asset, unavailable) {
-        if (asset.sizing === 'uniform')
-            return html `<div inline-field><label>${i18next.t('figure.label.sizing-rule')}</label><span>${i18next.t('figure.label.sizing-uniform')}</span></div>`;
+        if (asset.sizing === 'uniform') {
+            /* One ratio reaches only what reads the size: every other length is offered to follow it, in one step. */
+            const follow = proportionToFollow(asset);
+            return html `<div inline-field><label>${i18next.t('figure.label.sizing-rule')}</label><span>${i18next.t('figure.label.sizing-uniform')}</span></div>
+        ${follow?.count
+                ? html `<p hint>${i18next.t('figure.text.proportion-to-follow', { count: follow.count })}</p>
+              <button act ?disabled=${unavailable} @click=${() => this.linkCommand({ kind: 'follow-size-in-proportion' })}>
+                <md-icon>open_in_full</md-icon>${i18next.t('figure.button.follow-size-in-proportion')}
+              </button>`
+                : nothing}
+        ${follow?.kept.length ? html `<p hint>${i18next.t('figure.text.proportion-kept', { what: follow.kept.join(', ') })}</p>` : nothing}`;
+        }
         return html `${turnsAboutAJoint(asset) ? html `<p hint>${i18next.t('figure.text.sizing-uniform-proposed')}</p>` : nothing}
       <button act ?disabled=${unavailable} title=${i18next.t('figure.text.sizing-uniform-explained')} @click=${() => this.linkCommand({ kind: 'scale-uniformly' })}>
         <md-icon>aspect_ratio</md-icon>${i18next.t('figure.button.scale-uniformly')}
@@ -870,7 +880,8 @@ let FigureV3Editor = class FigureV3Editor extends LitElement {
         const layout = model.nodes.find(n => n.id === `${this.selected}.layout`);
         const axis = model.nodes.find(n => n.id === `${this.selected}.repeat`)?.params?.axis ?? '?';
         const own = `${this.selected}.repeat.pitch`;
-        const pitch = asset.designInputs[own] ?? model.constants.find(c => c.id === layout?.args[4])?.value;
+        /* The pitch as it stands: the part's own number, a constant, or what a pitch that follows a length comes to. */
+        const pitch = asset.designInputs[own] ?? model.constants.find(c => c.id === layout?.args[4])?.value ?? valueNow(asset, layout?.args[4]);
         const fits = layout?.op === 'fit-pitch@1';
         /* What the pitch gives, in numbers: this many copies at the length it is authored, and how long it may be placed. */
         const lengthRef = layout?.args[0] ?? '';