@things-factory/figure-ui 10.1.270 → 10.1.272

package/dist-client/modeller/figure-first-save.js.map

@@ -1 +1 @@
-{"version":3,"file":"figure-first-save.js","sourceRoot":"","sources":["../../client/modeller/figure-first-save.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { i18next } from '@operato/i18n'\nimport { closePopup } from '@operato/popup'\nimport '@operato/popup/ox-popup-actions.js'\nimport { CommonPopupStyles, FormFieldStyles } from '@operato/styles'\nimport '@material/web/button/filled-button.js'\nimport '@material/web/button/text-button.js'\n\nimport { firstSaveRefusalOf, offeredTypeOf, releasableType, typeOf, type FirstSave } from './first-save.js'\n\n/**\n * The first save of a new figure: its type and its name, asked once, in the suite's popup look.\n * Closes with the answer, or with nothing when cancelled -- then nothing is saved.\n */\n@customElement('figure-first-save')\nexport class FigureFirstSave extends LitElement {\n  static styles = [\n    FormFieldStyles,\n    CommonPopupStyles,\n    css`\n      /* The popup's height is a share of the window (small is 40%): on a low window the buttons must still be reached. */\n      :host {\n        overflow-y: auto;\n      }\n      div[field] {\n        display: grid;\n        gap: 4px;\n      }\n      div[field] label {\n        font-size: var(--popup-font-size-small);\n        color: var(--md-sys-color-on-surface-variant);\n      }\n      div[field] input,\n      div[field] select {\n        box-sizing: border-box;\n        width: 100%;\n      }\n      [type-field] {\n        font-family: var(--ui-mono, ui-monospace, monospace);\n      }\n    `\n  ]\n\n  /** The type the figure has so far -- empty for a temporary one, which is not offered. */\n  @property() type = ''\n  @property() name = ''\n  /** Type names already used in this domain. */\n  @property({ attribute: false }) taken: string[] = []\n  /** The domain's active namespaces, its default first. Asked only when there are several (LV figure-server design G1). */\n  @property({ attribute: false }) namespaces: { name: string; isDefault: boolean }[] = []\n  @state() private namespace = ''\n  @state() private refusal: { key: string; type?: string } | null = null\n  /** The identifier offered, while the author has not changed it. */\n  @state() private suggested = ''\n\n  /*\n    Asked for a name first, with a valid identifier already there to keep or change (Q-D3). The identifier is not the\n    name: renaming does not change it, and a retried first save opens on the one answered before (the page keeps it).\n    Only an offered one found taken -- told by the server, or in the list -- is offered again; one the author typed is\n    kept as typed, and its refusal said.\n  */\n  willUpdate(changed: Map<string, unknown>) {\n    if (!(changed.has('type') || changed.has('taken'))) return\n    const offer = offeredTypeOf(this.type, this.name, this.taken)\n    this.type = offer.type\n    if (offer.suggested !== undefined) this.suggested = offer.suggested\n  }\n\n  /*\n    The name is focused here, each time the question opens. The browser honours `autofocus` once per document: the\n    question asked again opened with nothing focused, and any autofocus taken earlier on the page left even the first\n    opening unfocused (2026-10-11, product-page check).\n  */\n  firstUpdated() {\n    this.renderRoot.querySelector<HTMLInputElement>('#name')?.focus()\n  }\n\n  render() {\n    return html`\n      <div class=\"what\">${i18next.t('figure.text.save-new-figure-desc')}</div>\n      <div field>\n        <label for=\"name\">${i18next.t('figure.label.name')}</label>\n        <input\n          id=\"name\"\n          .value=${this.name}\n          placeholder=${i18next.t('figure.text.figure-name-example')}\n          @input=${(e: Event) => (this.name = (e.target as HTMLInputElement).value)}\n          @keydown=${this.onKey}\n        />\n      </div>\n      <div field>\n        <label for=\"type\">${i18next.t('figure.label.figure-identifier')}</label>\n        <input\n          id=\"type\"\n          type-field\n          .value=${this.type}\n          placeholder=${i18next.t('figure.text.figure-type-example')}\n          @input=${(e: Event) => {\n            this.type = typeOf((e.target as HTMLInputElement).value)\n            ;(e.target as HTMLInputElement).value = this.type\n            this.refusal = null\n          }}\n          @keydown=${this.onKey}\n        />\n        ${this.type && !releasableType(this.type)\n          ? html`<div class=\"note\">${i18next.t('figure.text.type-name-will-not-release')}</div>`\n          : this.suggested && this.type === this.suggested\n            ? html`<div class=\"note\">${i18next.t('figure.text.identifier-suggested')}</div>`\n            : nothing}\n      </div>\n      ${this.namespaces.length > 1\n        ? html`<div field>\n            <label for=\"namespace\">${i18next.t('figure.label.namespace')}</label>\n            <select id=\"namespace\" type-field @change=${(e: Event) => (this.namespace = (e.target as HTMLSelectElement).value)}>\n              ${this.namespaces.map(\n                namespace => html`<option value=${namespace.name} ?selected=${namespace.name === this.chosenNamespace}>${namespace.name}</option>`\n              )}\n            </select>\n          </div>`\n        : nothing}\n      ${this.refusal ? html`<div class=\"failure\" role=\"alert\">${i18next.t(this.refusal.key, { type: this.refusal.type })}</div>` : nothing}\n      <ox-popup-actions>\n        <md-text-button slot=\"cancel\" @click=${() => closePopup(this)}>${i18next.t('figure.button.cancel')}</md-text-button>\n        <md-filled-button slot=\"confirm\" ?disabled=${!this.type} @click=${this.confirm}>${i18next.t('figure.button.save')}</md-filled-button>\n      </ox-popup-actions>\n    `\n  }\n\n  private onKey = (e: KeyboardEvent) => {\n    if (e.key === 'Enter' && !e.isComposing) this.confirm()\n  }\n\n  private confirm = () => {\n    this.refusal = firstSaveRefusalOf(this.type, this.taken)\n    if (this.refusal) return\n    const namespace = this.namespaces.length > 1 ? this.chosenNamespace : undefined\n    closePopup(this, { type: this.type, name: this.name.trim() || this.type, ...(namespace ? { namespace } : {}) } satisfies FirstSave)\n  }\n\n  /** The namespace chosen, or the domain's default until one is. */\n  private get chosenNamespace(): string {\n    return this.namespace || this.namespaces.find(namespace => namespace.isDefault)?.name || this.namespaces[0]?.name || ''\n  }\n}\n"]}
+{"version":3,"file":"figure-first-save.js","sourceRoot":"","sources":["../../client/modeller/figure-first-save.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACpE,OAAO,uCAAuC,CAAA;AAC9C,OAAO,qCAAqC,CAAA;AAE5C,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,EAAE,YAAY,EAAkB,MAAM,iBAAiB,CAAA;AAEzH;;;GAGG;AAEI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QA4BL,yFAAyF;QAC7E,SAAI,GAAG,EAAE,CAAA;QACT,SAAI,GAAG,EAAE,CAAA;QACrB,8CAA8C;QACd,UAAK,GAAa,EAAE,CAAA;QACpD,yHAAyH;QACzF,eAAU,GAA2C,EAAE,CAAA;QACtE,cAAS,GAAG,EAAE,CAAA;QACd,YAAO,GAA0C,IAAI,CAAA;QACtE,mEAAmE;QAClD,cAAS,GAAG,EAAE,CAAA;QA2EvB,UAAK,GAAG,CAAC,CAAgB,EAAE,EAAE;YACnC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC,WAAW;gBAAE,IAAI,CAAC,OAAO,EAAE,CAAA;QACzD,CAAC,CAAA;QAEO,YAAO,GAAG,GAAG,EAAE;YACrB,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YAC7B,IAAI,CAAC,OAAO,GAAG,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;YACxD,IAAI,IAAI,CAAC,OAAO;gBAAE,OAAM;YACxB,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAA;YAC/E,UAAU,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAsB,CAAC,CAAA;QACrI,CAAC,CAAA;IAMH,CAAC;aAhIQ,WAAM,GAAG;QACd,eAAe;QACf,iBAAiB;QACjB,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;KAqBF;KACF,AAzBY,CAyBZ;IAcD;;;;;MAKE;IACF,UAAU,CAAC,OAA6B;QACtC,IAAI,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YAAE,OAAM;QAC1D,MAAM,KAAK,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;QAC7D,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAA;QACtB,IAAI,KAAK,CAAC,SAAS,KAAK,SAAS;YAAE,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAA;IACrE,CAAC;IAED;;;;MAIE;IACF,YAAY;QACV,IAAI,CAAC,UAAU,CAAC,aAAa,CAAmB,OAAO,CAAC,EAAE,KAAK,EAAE,CAAA;IACnE,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;0BACW,OAAO,CAAC,CAAC,CAAC,kCAAkC,CAAC;;4BAE3C,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC;;;mBAGvC,IAAI,CAAC,IAAI;wBACJ,OAAO,CAAC,CAAC,CAAC,iCAAiC,CAAC;mBACjD,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;qBAC9D,IAAI,CAAC,KAAK;;;;4BAIH,OAAO,CAAC,CAAC,CAAC,gCAAgC,CAAC;;;;mBAIpD,IAAI,CAAC,IAAI;wBACJ,OAAO,CAAC,CAAC,CAAC,iCAAiC,CAAC;mBACjD,CAAC,CAAQ,EAAE,EAAE;YACpB,IAAI,CAAC,IAAI,GAAG,YAAY,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,CAC7D;YAAC,CAAC,CAAC,MAA2B,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAA;YACjD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;QACrB,CAAC;qBACU,IAAI,CAAC,KAAK;;UAErB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACvD,CAAC,CAAC,IAAI,CAAA,qBAAqB,OAAO,CAAC,CAAC,CAAC,wCAAwC,CAAC,QAAQ;YACtF,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,SAAS;gBAC9C,CAAC,CAAC,IAAI,CAAA,qBAAqB,OAAO,CAAC,CAAC,CAAC,kCAAkC,CAAC,QAAQ;gBAChF,CAAC,CAAC,OAAO;;QAEb,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC;YAC1B,CAAC,CAAC,IAAI,CAAA;qCACuB,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC;wDAChB,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC;gBAC9G,IAAI,CAAC,UAAU,CAAC,GAAG,CACnB,SAAS,CAAC,EAAE,CAAC,IAAI,CAAA,iBAAiB,SAAS,CAAC,IAAI,cAAc,SAAS,CAAC,IAAI,KAAK,IAAI,CAAC,eAAe,IAAI,SAAS,CAAC,IAAI,WAAW,CACnI;;iBAEE;YACT,CAAC,CAAC,OAAO;QACT,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,qCAAqC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO;;+CAE3F,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC;qDACrD,CAAC,IAAI,CAAC,IAAI,WAAW,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC;;KAEpH,CAAA;IACH,CAAC;IAcD,kEAAkE;IAClE,IAAY,eAAe;QACzB,OAAO,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,EAAE,CAAA;IACzH,CAAC;;AAnGW;IAAX,QAAQ,EAAE;;6CAAU;AACT;IAAX,QAAQ,EAAE;;6CAAU;AAEW;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;;8CAAqB;AAEpB;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;;mDAAwD;AACtE;IAAhB,KAAK,EAAE;;kDAAuB;AACd;IAAhB,KAAK,EAAE;;gDAA8D;AAErD;IAAhB,KAAK,EAAE;;kDAAuB;AAtCpB,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAiI3B","sourcesContent":["import { LitElement, html, css, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { i18next } from '@operato/i18n'\nimport { closePopup } from '@operato/popup'\nimport '@operato/popup/ox-popup-actions.js'\nimport { CommonPopupStyles, FormFieldStyles } from '@operato/styles'\nimport '@material/web/button/filled-button.js'\nimport '@material/web/button/text-button.js'\n\nimport { firstSaveRefusalOf, offeredTypeOf, releasableType, typeOf, typingTypeOf, type FirstSave } from './first-save.js'\n\n/**\n * The first save of a new figure: its type and its name, asked once, in the suite's popup look.\n * Closes with the answer, or with nothing when cancelled -- then nothing is saved.\n */\n@customElement('figure-first-save')\nexport class FigureFirstSave extends LitElement {\n  static styles = [\n    FormFieldStyles,\n    CommonPopupStyles,\n    css`\n      /* The popup's height is a share of the window (small is 40%): on a low window the buttons must still be reached. */\n      :host {\n        overflow-y: auto;\n      }\n      div[field] {\n        display: grid;\n        gap: 4px;\n      }\n      div[field] label {\n        font-size: var(--popup-font-size-small);\n        color: var(--md-sys-color-on-surface-variant);\n      }\n      div[field] input,\n      div[field] select {\n        box-sizing: border-box;\n        width: 100%;\n      }\n      [type-field] {\n        font-family: var(--ui-mono, ui-monospace, monospace);\n      }\n    `\n  ]\n\n  /** The type the figure has so far -- empty for a temporary one, which is not offered. */\n  @property() type = ''\n  @property() name = ''\n  /** Type names already used in this domain. */\n  @property({ attribute: false }) taken: string[] = []\n  /** The domain's active namespaces, its default first. Asked only when there are several (LV figure-server design G1). */\n  @property({ attribute: false }) namespaces: { name: string; isDefault: boolean }[] = []\n  @state() private namespace = ''\n  @state() private refusal: { key: string; type?: string } | null = null\n  /** The identifier offered, while the author has not changed it. */\n  @state() private suggested = ''\n\n  /*\n    Asked for a name first, with a valid identifier already there to keep or change (Q-D3). The identifier is not the\n    name: renaming does not change it, and a retried first save opens on the one answered before (the page keeps it).\n    Only an offered one found taken -- told by the server, or in the list -- is offered again; one the author typed is\n    kept as typed, and its refusal said.\n  */\n  willUpdate(changed: Map<string, unknown>) {\n    if (!(changed.has('type') || changed.has('taken'))) return\n    const offer = offeredTypeOf(this.type, this.name, this.taken)\n    this.type = offer.type\n    if (offer.suggested !== undefined) this.suggested = offer.suggested\n  }\n\n  /*\n    The name is focused here, each time the question opens. The browser honours `autofocus` once per document: the\n    question asked again opened with nothing focused, and any autofocus taken earlier on the page left even the first\n    opening unfocused (2026-10-11, product-page check).\n  */\n  firstUpdated() {\n    this.renderRoot.querySelector<HTMLInputElement>('#name')?.focus()\n  }\n\n  render() {\n    return html`\n      <div class=\"what\">${i18next.t('figure.text.save-new-figure-desc')}</div>\n      <div field>\n        <label for=\"name\">${i18next.t('figure.label.name')}</label>\n        <input\n          id=\"name\"\n          .value=${this.name}\n          placeholder=${i18next.t('figure.text.figure-name-example')}\n          @input=${(e: Event) => (this.name = (e.target as HTMLInputElement).value)}\n          @keydown=${this.onKey}\n        />\n      </div>\n      <div field>\n        <label for=\"type\">${i18next.t('figure.label.figure-identifier')}</label>\n        <input\n          id=\"type\"\n          type-field\n          .value=${this.type}\n          placeholder=${i18next.t('figure.text.figure-type-example')}\n          @input=${(e: Event) => {\n            this.type = typingTypeOf((e.target as HTMLInputElement).value)\n            ;(e.target as HTMLInputElement).value = this.type\n            this.refusal = null\n          }}\n          @keydown=${this.onKey}\n        />\n        ${typeOf(this.type) && !releasableType(typeOf(this.type))\n          ? html`<div class=\"note\">${i18next.t('figure.text.type-name-will-not-release')}</div>`\n          : this.suggested && this.type === this.suggested\n            ? html`<div class=\"note\">${i18next.t('figure.text.identifier-suggested')}</div>`\n            : nothing}\n      </div>\n      ${this.namespaces.length > 1\n        ? html`<div field>\n            <label for=\"namespace\">${i18next.t('figure.label.namespace')}</label>\n            <select id=\"namespace\" type-field @change=${(e: Event) => (this.namespace = (e.target as HTMLSelectElement).value)}>\n              ${this.namespaces.map(\n                namespace => html`<option value=${namespace.name} ?selected=${namespace.name === this.chosenNamespace}>${namespace.name}</option>`\n              )}\n            </select>\n          </div>`\n        : nothing}\n      ${this.refusal ? html`<div class=\"failure\" role=\"alert\">${i18next.t(this.refusal.key, { type: this.refusal.type })}</div>` : nothing}\n      <ox-popup-actions>\n        <md-text-button slot=\"cancel\" @click=${() => closePopup(this)}>${i18next.t('figure.button.cancel')}</md-text-button>\n        <md-filled-button slot=\"confirm\" ?disabled=${!this.type} @click=${this.confirm}>${i18next.t('figure.button.save')}</md-filled-button>\n      </ox-popup-actions>\n    `\n  }\n\n  private onKey = (e: KeyboardEvent) => {\n    if (e.key === 'Enter' && !e.isComposing) this.confirm()\n  }\n\n  private confirm = () => {\n    this.type = typeOf(this.type)\n    this.refusal = firstSaveRefusalOf(this.type, this.taken)\n    if (this.refusal) return\n    const namespace = this.namespaces.length > 1 ? this.chosenNamespace : undefined\n    closePopup(this, { type: this.type, name: this.name.trim() || this.type, ...(namespace ? { namespace } : {}) } satisfies FirstSave)\n  }\n\n  /** The namespace chosen, or the domain's default until one is. */\n  private get chosenNamespace(): string {\n    return this.namespace || this.namespaces.find(namespace => namespace.isDefault)?.name || this.namespaces[0]?.name || ''\n  }\n}\n"]}

package/dist-client/modeller/figure-links.d.ts

@@ -3,7 +3,14 @@ import { LitElement, nothing } from 'lit';
 import '@operato/input/ox-input-select-buttons.js';
 import './figure-slot-layout-panel.js';
 import './figure-size-editor.js';
+import { type MotionForm } from './links.js';
 import type { FigureRevision } from './revision.js';
+/**
+ * The motion a part's form starts from: a part hung on another part most often turns there -- a thigh at the hip, a door
+ * at its frame -- so it starts as a turn; a part on the plane, or on nothing, as a slide (review 2026-11-11: eight
+ * joints of a humanoid, each changed from slide to turn by hand).
+ */
+export declare function motionStartOf(revision: FigureRevision | undefined, part: string): MotionForm;
 declare const FigureLinks_base: (new (...args: any[]) => LitElement) & typeof LitElement;
 /**
  * What a part is tied to — its size response, what it is fastened to, how it moves.
@@ -135,6 +142,8 @@ export declare class FigureLinks extends FigureLinks_base {
      * the middle of its round cover, not its edge. Before, a hidden part stood in for the point (robot dog, 2026-11-03).
      */
     private renderThrough;
+    private pivotCache?;
+    private renderPivotPoints;
     private renderMotion;
     private setKind;
     private command;

package/dist-client/modeller/figure-links.js

@@ -9,15 +9,26 @@ import { i18next, localize } from '@operato/i18n';
 import { unitWord } from './unit-words.js';
 import { figureFaceOverhangOf, figureMotionsOf, motionIdOf } from '@hatiolab/figure-model';
 import { acceptsOf, AXES, canFasten, canFollow, positionIsShare, heldBy, shownWhenOf, visibilityControlsOf, fasteningOf, hasInstanceSize, holdsThings, leadersFor, motionOf, motionFormOf, motionFormRefusalOf, endPlaceKeyOf, motionJoint, controlIdFor, withoutAxis, placeFacesOf, placeIdFor, placesOn, rowAxesOf, rowBlockOf, fixedJointOf, rowOf, positionsWorkedOut, followOf, followableAxes, measureNow, freshStateSize, stateSizeIdFor, stateSizeCommandOf, stateSizeFixedOf } from './links.js';
-import { measureFactor } from './size-response.js';
+import { measureFactor, sizeAxisWord } from './size-response.js';
 import { SidePanelStyles } from '@things-factory/figure-viewer/dist-client/side-panel-styles.js';
 import { insideAlignmentOf } from './fasten-geometry.js';
 import { fastenFormOf, fastenPlanOf, fastenSentenceOf } from './fasten-form.js';
 import { HelpToggles } from './help.js';
 import { groupMenu, GroupMenuStyles } from './group-menu.js';
 import { jointAxisWord } from './joint-axis.js';
+import { PIVOT_POINTS, pivotPointOf, pivotPointsOf } from './pivot.js';
 import { placeTerms } from '@things-factory/figure-viewer/dist-client/detail-facts.js';
 const freshMotion = () => ({ kind: 'slide', axis: 'x', id: '', min: 0, max: 500, follow: '', multiplier: 1, offset: 0, travel: '', travelPlus: 0 });
+/**
+ * The motion a part's form starts from: a part hung on another part most often turns there -- a thigh at the hip, a door
+ * at its frame -- so it starts as a turn; a part on the plane, or on nothing, as a slide (review 2026-11-11: eight
+ * joints of a humanoid, each changed from slide to turn by hand).
+ */
+export function motionStartOf(revision, part) {
+    const own = revision ? fasteningOf(revision, part) : undefined;
+    return own && !own.toPlane && own.target ? { ...freshMotion(), kind: 'turn', min: -90, max: 90 } : freshMotion();
+}
+const sameMotion = (a, b) => JSON.stringify(a) === JSON.stringify(b);
 const freshRow = () => ({ axis: '', pitch: 200, fills: true, count: 5 });
 const freshPlace = () => ({ role: 'grip', face: 'top', label: '', accepts: '', capacity: 1 });
 /**
@@ -79,6 +90,17 @@ let FigureLinks = class FigureLinks extends localize(i18next)(LitElement) {
     :host {
       display: block;
     }
+    /* The turn's axis through the part's top, middle or bottom, by name, under the numbers it fills in. */
+    div[pivot-points] {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      margin: 4px 0 8px;
+    }
+    div[pivot-points] > span {
+      color: var(--md-sys-color-on-surface-variant);
+      font-size: var(--ui-t-small, 11.5px);
+    }
     /* A group's sub-question, under its title: quieter than the title, as a label is. */
     p[group-question] {
       margin: 4px 0 0;
@@ -155,7 +177,7 @@ let FigureLinks = class FigureLinks extends localize(i18next)(LitElement) {
             this.fixNote = '';
         if (this.asset && this.partId && this.partId !== this.loadedFor) {
             this.loadedFor = this.partId;
-            this.motion = freshMotion();
+            this.motion = motionStartOf(this.revision, this.partId);
             this.place = freshPlace();
             this.placeEditing = null;
             this.row = freshRow();
@@ -164,6 +186,12 @@ let FigureLinks = class FigureLinks extends localize(i18next)(LitElement) {
             this.editingMotion = false;
             this.motionAxis = 0;
         }
+        else if (changed.has('revision') && this.partId && !this.editingMotion) {
+            /* Fastened since the form was loaded, a form nobody has touched starts as that part's motion now does. */
+            const was = motionStartOf(changed.get('revision'), this.partId);
+            if (sameMotion(this.motion, was))
+                this.motion = motionStartOf(this.revision, this.partId);
+        }
     }
     updated() {
         /* Only the sections that hold a form speak of what it would do, and only while their tab is shown: the panel has
@@ -555,7 +583,7 @@ let FigureLinks = class FigureLinks extends localize(i18next)(LitElement) {
         const axes = followableAxes(asset, part);
         if (!axes.length)
             return nothing;
-        const word = (axis) => `${axis.toUpperCase()}${measureFactor(asset, part, axis) === 2 ? ' · ' + i18next.t('figure.label.size-diameter') : ''}`;
+        const word = (axis) => sizeAxisWord(asset, part, axis, i18next.t('figure.label.size-diameter'));
         const sized = axes.flatMap(axis => {
             const f = followOf(asset, part, axis);
             return f.of === 'state' ? [{ axis, f }] : [];
@@ -690,7 +718,30 @@ let FigureLinks = class FigureLinks extends localize(i18next)(LitElement) {
                   <input type="number" step="any" aria-label=${`${i18next.t('figure.label.motion-through')} ${axis.toUpperCase()}`} .value=${String(m.through?.[axis] ?? 0)} @change=${typed(axis)} />
                 </div>`)}
         </div>
-      </div>`;
+      </div>
+      ${this.renderPivotPoints(m)}`;
+    }
+    renderPivotPoints(m) {
+        if (!this.revision || m.throughFollows)
+            return nothing;
+        const key = `${this.revision.revision}:${this.partId}:${m.axis}`;
+        if (this.pivotCache?.key !== key)
+            this.pivotCache = { key, points: pivotPointsOf(this.revision, this.partId, m.axis) };
+        const points = this.pivotCache.points;
+        if (!points)
+            return nothing;
+        return html `<div pivot-points>
+      <span>${i18next.t('figure.label.pivot-at')}</span>
+      <ox-input-select-buttons
+        .value=${pivotPointOf(points, m.through, m.axis) ?? ''}
+        .options=${PIVOT_POINTS.map(p => ({ value: p, display: i18next.t(`figure.label.pivot-${p}`) }))}
+        @change=${(e) => {
+            const at = points[e.detail];
+            if (at)
+                this.motion = { ...m, through: { ...at } };
+        }}
+      ></ox-input-select-buttons>
+    </div>`;
     }
     renderMotion(asset) {
         const now = motionOf(asset, this.partId);
@@ -775,6 +826,8 @@ let FigureLinks = class FigureLinks extends localize(i18next)(LitElement) {
         const adding = k > 0 && k >= figureMotionsOf(joint).length;
         const follow = leaders.some(j => j.id === m.follow) ? m.follow : '';
         const refusal = motionFormRefusalOf(m, follow);
+        /* Following another joint is offered after the part's own control: a row above it moved every field down a row, and
+           a name typed there chose a joint to follow (review 2026-11-11). */
         return html `
       ${k > 0 ? html `<p motion-axis-heading><b>${i18next.t('figure.label.motion-axis-n', { n: k + 1 })}</b></p>` : nothing}
       <div pair>
@@ -789,6 +842,35 @@ let FigureLinks = class FigureLinks extends localize(i18next)(LitElement) {
               ${AXES.map(a => html `<option value=${a} ?selected=${a === m.axis}>${i18next.t('figure.label.motion-axis')} ${a.toUpperCase()}</option>`)}
             </select>`}
       </div>
+      ${m.followSum || follow
+            ? nothing
+            : html `<div form>
+            ${m.kind === 'slide'
+                ? html `<span>${i18next.t('figure.label.motion-travel')}</span>
+                  <select @change=${(e) => (this.motion = { ...m, travel: e.target.value })}>
+                    ${m.travelSum
+                    ? html `<option value="" ?selected=${!m.travel}>${m.travelSum.sum.map(t => `${t.from.of === 'input' ? t.from.input : `${t.from.of === 'part' ? t.from.part : i18next.t('figure.label.motion-travel')} · ${t.from.axis.toUpperCase()}`}${t.times !== undefined && t.times !== 1 ? ` × ${t.times}` : ''}`).join(' + ')}</option>`
+                    : html `<option value="" ?selected=${!m.travel}>${i18next.t('figure.label.motion-travel-mm')}</option>`}
+                    ${asset.appearance
+                    .map(look => look.target)
+                    .filter(one => canFollow(asset, one))
+                    .flatMap(one => AXES.map(a => html `<option value=${`${one}:${a}`} ?selected=${m.travel === `${one}:${a}`}>${one} · ${a.toUpperCase()}</option>`))}
+                  </select>
+                  ${m.travel
+                    ? html `<span>${i18next.t('figure.label.follows-plus')}</span>
+                        <input type="number" step="any" .value=${String(m.travelPlus ?? 0)} @change=${(e) => (this.motion = { ...m, travelPlus: Number(e.target.value) || 0 })} />`
+                    : nothing}`
+                : nothing}
+            <span>${i18next.t('figure.label.control-id')}</span>
+            <input .value=${m.id} placeholder=${controlIdFor(this.partId, m.kind, k)} @change=${(e) => (this.motion = { ...m, id: e.target.value.trim() })} />
+            ${m.kind === 'continuous' || (m.kind === 'slide' && (m.travel || m.travelSum))
+                ? nothing
+                : html `<span>${i18next.t('figure.label.control-range')} (${unit})</span>
+                  <div pair>
+                    <input type="number" step="any" .value=${String(m.min)} @change=${(e) => (this.motion = { ...m, min: Number(e.target.value) })} />
+                    <input type="number" step="any" .value=${String(m.max)} @change=${(e) => (this.motion = { ...m, max: Number(e.target.value) })} />
+                  </div>`}
+          </div>`}
       ${m.followSum
             ? html `<div form>
             <span>${i18next.t('figure.label.motion-follow')}</span>
@@ -805,42 +887,14 @@ let FigureLinks = class FigureLinks extends localize(i18next)(LitElement) {
             </select>
           </div>`
                 : nothing}
-      ${m.followSum
-            ? nothing
-            : follow
-                ? html `<div form>
+      ${!m.followSum && follow
+            ? html `<div form>
             <span>${i18next.t('figure.label.motion-multiplier')}</span>
             <input type="number" step="any" .value=${String(m.multiplier)} @change=${(e) => (this.motion = { ...m, multiplier: Number(e.target.value) })} />
             <span>${i18next.t('figure.label.motion-offset')} (${unit})</span>
             <input type="number" step="any" .value=${String(m.offset)} @change=${(e) => (this.motion = { ...m, offset: Number(e.target.value) || 0 })} />
           </div>`
-                : html `<div form>
-            ${m.kind === 'slide'
-                    ? html `<span>${i18next.t('figure.label.motion-travel')}</span>
-                  <select @change=${(e) => (this.motion = { ...m, travel: e.target.value })}>
-                    ${m.travelSum
-                        ? html `<option value="" ?selected=${!m.travel}>${m.travelSum.sum.map(t => `${t.from.of === 'input' ? t.from.input : `${t.from.of === 'part' ? t.from.part : i18next.t('figure.label.motion-travel')} · ${t.from.axis.toUpperCase()}`}${t.times !== undefined && t.times !== 1 ? ` × ${t.times}` : ''}`).join(' + ')}</option>`
-                        : html `<option value="" ?selected=${!m.travel}>${i18next.t('figure.label.motion-travel-mm')}</option>`}
-                    ${asset.appearance
-                        .map(look => look.target)
-                        .filter(one => canFollow(asset, one))
-                        .flatMap(one => AXES.map(a => html `<option value=${`${one}:${a}`} ?selected=${m.travel === `${one}:${a}`}>${one} · ${a.toUpperCase()}</option>`))}
-                  </select>
-                  ${m.travel
-                        ? html `<span>${i18next.t('figure.label.follows-plus')}</span>
-                        <input type="number" step="any" .value=${String(m.travelPlus ?? 0)} @change=${(e) => (this.motion = { ...m, travelPlus: Number(e.target.value) || 0 })} />`
-                        : nothing}`
-                    : nothing}
-            <span>${i18next.t('figure.label.control-id')}</span>
-            <input .value=${m.id} placeholder=${controlIdFor(this.partId, m.kind, k)} @change=${(e) => (this.motion = { ...m, id: e.target.value.trim() })} />
-            ${m.kind === 'continuous' || (m.kind === 'slide' && (m.travel || m.travelSum))
-                    ? nothing
-                    : html `<span>${i18next.t('figure.label.control-range')} (${unit})</span>
-                  <div pair>
-                    <input type="number" step="any" .value=${String(m.min)} @change=${(e) => (this.motion = { ...m, min: Number(e.target.value) })} />
-                    <input type="number" step="any" .value=${String(m.max)} @change=${(e) => (this.motion = { ...m, max: Number(e.target.value) })} />
-                  </div>`}
-          </div>`}
+            : nothing}
       ${m.kind === 'slide' ? nothing : this.renderThrough(m)}
       <button
         act