@things-factory/figure-ui 10.1.65 → 10.1.67

package/dist-client/modeller/side-panel-styles.js

@@ -1,13 +1,13 @@
 import { css } from 'lit';
 /**
- * The side panel's one look -- V2's inspector, for every element that draws in the V3 modeller's side.
+ * The side panel's one look, for every element that draws in the modeller's side.
  *
  * The side is drawn by several elements (the type field, the figure's properties, a part's values, fastening, places,
  * motion, material, controls, clips, the environment) and each had styled its own fields: three label styles and
  * three field heights in one column (user, 2026-09-24: "why are the styles and layout all different?"). They share
  * this sheet now and keep only what is theirs.
  *
- * The vocabulary, V2's:
+ * The vocabulary:
  *   section              one titled group; the side is a stack of them
  *   h3                   a group's title -- small capitals
  *   div[inline-field]    a short label and its one field on one line
@@ -27,7 +27,7 @@ export const SidePanelStyles = css `
     font-size: 0.76rem;
     color: var(--md-sys-color-on-surface);
   }
-  /* The side is a stack of sections, each a titled group (V2's inspector). */
+  /* The side is a stack of sections, each a titled group. */
   section {
     display: grid;
     gap: 6px;
@@ -100,7 +100,7 @@ export const SidePanelStyles = css `
   div[vector-row] + div[inline-field] {
     margin-top: 5px;
   }
-  /* A row of icon tools (align, mirror, snap), as V2's placement section had them. */
+  /* A row of icon tools (align, mirror, snap). */
   div[tools] {
     display: flex;
     flex-wrap: wrap;
@@ -269,7 +269,7 @@ export const SidePanelStyles = css `
     font-size: 0.76rem;
     color: var(--md-sys-color-on-surface);
   }
-  /* The 「?」 beside a title: no border, it says there is more rather than asking to be pressed (V2). */
+  /* The 「?」 beside a title: no border, it says there is more rather than asking to be pressed. */
   button[help] {
     display: inline-flex;
     align-items: center;

package/dist-client/modeller/side-panel-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-panel-styles.js","sourceRoot":"","sources":["../../client/modeller/side-panel-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqTjC,CAAA","sourcesContent":["import { css } from 'lit'\n\n/**\n * The side panel's one look -- V2's inspector, for every element that draws in the V3 modeller's side.\n *\n * The side is drawn by several elements (the type field, the figure's properties, a part's values, fastening, places,\n * motion, material, controls, clips, the environment) and each had styled its own fields: three label styles and\n * three field heights in one column (user, 2026-09-24: \"why are the styles and layout all different?\"). They share\n * this sheet now and keep only what is theirs.\n *\n * The vocabulary, V2's:\n *   section              one titled group; the side is a stack of them\n *   h3                   a group's title -- small capitals\n *   div[inline-field]    a short label and its one field on one line\n *   div[field]           a label above a full-width field\n *   div[form]            short labels beside their fields, the fields starting on one line\n *   div[vector-row]      a title, then X · Y · Z in one row of cells with the axis inside (`div[triple]` of\n *                        `div[cell]`) -- three values read together, as vector tools lay them out\n *   div[pair]            two controls side by side\n *   label[toggle]        a checkbox and its words\n *   p[hint] · small      the quiet line under a field\n *   button[act]          an action under the fields it acts on\n *   [scrub]              a label dragged sideways to scrub its field\n */\nexport const SidePanelStyles = css`\n  :host {\n    --figure-control-height: 30px;\n    font-size: 0.76rem;\n    color: var(--md-sys-color-on-surface);\n  }\n  /* The side is a stack of sections, each a titled group (V2's inspector). */\n  section {\n    display: grid;\n    gap: 6px;\n    padding: 8px 10px;\n    border-bottom: 1px solid var(--md-sys-color-outline-variant);\n  }\n  section > h3 {\n    margin: 0;\n  }\n  section div[field] + div[field],\n  section div[inline-field] + div[inline-field],\n  section div[vector-row] + div[vector-row] {\n    margin-top: 0;\n  }\n  h3 {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin: 14px 0 6px;\n    font-size: var(--ui-t-micro, 11px);\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--md-sys-color-on-surface-variant);\n  }\n  h3:first-child {\n    margin-top: 0;\n  }\n  label,\n  div[form] > span {\n    font-size: 0.68rem;\n    color: var(--md-sys-color-on-surface-variant);\n  }\n  div[field] {\n    display: grid;\n    gap: 2px;\n  }\n  div[field] + div[field],\n  div[field] + div[form],\n  div[form] + div[field],\n  div[vector-row] + div[vector-row],\n  div[vector-row] + div[field],\n  div[field] + div[vector-row] {\n    margin-top: 5px;\n  }\n  div[form],\n  div[inline-field],\n  div[vector-row] {\n    display: grid;\n    grid-template-columns: 64px minmax(0, 1fr);\n    align-items: center;\n    gap: 5px 7px;\n  }\n  div[form] > span,\n  div[inline-field] > label,\n  div[vector-row] > label {\n    overflow-wrap: anywhere;\n    white-space: normal;\n  }\n  /* A value read, not edited, beside its label: the field's size and colour, not the page's. */\n  div[inline-field] > span[value] {\n    font-size: 0.76rem;\n    color: var(--md-sys-color-on-surface);\n  }\n  label span[unit] {\n    color: var(--md-sys-color-outline);\n  }\n  div[inline-field] + div[inline-field],\n  div[inline-field] + div[vector-row],\n  div[vector-row] + div[inline-field] {\n    margin-top: 5px;\n  }\n  /* A row of icon tools (align, mirror, snap), as V2's placement section had them. */\n  div[tools] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px;\n  }\n  div[tools] button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 30px;\n    height: 28px;\n    padding: 0;\n    color: var(--md-sys-color-on-surface);\n    background: var(--md-sys-color-surface-container-lowest);\n    border: 1px solid var(--md-sys-color-outline-variant);\n    border-radius: 6px;\n    cursor: pointer;\n  }\n  div[tools] button:hover:not(:disabled) {\n    background: var(--md-sys-color-surface-container);\n  }\n  div[tools] button:disabled {\n    opacity: 0.45;\n    cursor: default;\n  }\n  div[tools] md-icon {\n    font-size: 17px;\n    width: 17px;\n    height: 17px;\n  }\n  div[pair] {\n    display: flex;\n    gap: 4px;\n  }\n  div[pair] > * {\n    flex: 1;\n    min-width: 0;\n  }\n  div[triple] {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 4px;\n  }\n  input,\n  select {\n    width: 100%;\n    min-width: 0;\n    min-height: var(--figure-control-height);\n    box-sizing: border-box;\n    padding: 4px 7px;\n    font: inherit;\n    font-size: 0.76rem;\n    color: var(--md-sys-color-on-surface);\n    background-color: var(--md-sys-color-surface-container-lowest);\n    border: 1px solid var(--md-sys-color-outline-variant);\n    border-radius: 6px;\n  }\n  input[type='checkbox'],\n  input[type='radio'] {\n    width: auto;\n    min-height: 0;\n  }\n  /* A thin track and a small thumb: a slider is a line to drag along, not a block (user, 2026-09-24). */\n  input[type='range'] {\n    -webkit-appearance: none;\n    appearance: none;\n    min-height: 16px;\n    height: 16px;\n    padding: 0;\n    border: none;\n    background: transparent;\n    cursor: pointer;\n  }\n  input[type='range']::-webkit-slider-runnable-track {\n    height: 3px;\n    border-radius: 2px;\n    background: var(--md-sys-color-outline-variant);\n  }\n  input[type='range']::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    width: 12px;\n    height: 12px;\n    margin-top: -4.5px;\n    border: none;\n    border-radius: 50%;\n    background: var(--md-sys-color-primary);\n  }\n  input[type='range']::-moz-range-track {\n    height: 3px;\n    border-radius: 2px;\n    background: var(--md-sys-color-outline-variant);\n  }\n  input[type='range']::-moz-range-thumb {\n    width: 12px;\n    height: 12px;\n    border: none;\n    border-radius: 50%;\n    background: var(--md-sys-color-primary);\n  }\n  input[type='range']:focus {\n    outline: none;\n  }\n  input[type='range']:focus-visible::-webkit-slider-thumb {\n    outline: 2px solid var(--md-sys-color-primary);\n    outline-offset: 2px;\n  }\n  input[type='color'] {\n    padding: 2px;\n    width: 40px;\n  }\n  input:focus,\n  select:focus {\n    outline: 2px solid var(--md-sys-color-primary);\n    outline-offset: -1px;\n  }\n  input:disabled,\n  select:disabled {\n    opacity: 0.6;\n  }\n  /* A number with its axis inside the cell, on the left. */\n  div[cell] {\n    display: flex;\n    box-sizing: border-box;\n    height: var(--figure-control-height);\n    align-items: center;\n    gap: 2px;\n    padding-left: 6px;\n    background-color: var(--md-sys-color-surface-container-lowest);\n    border: 1px solid var(--md-sys-color-outline-variant);\n    border-radius: 6px;\n  }\n  div[cell]:focus-within {\n    outline: 2px solid var(--md-sys-color-primary);\n    outline-offset: -1px;\n    border-color: transparent;\n  }\n  /* A label that scrubs its field when dragged sideways (vector tools' way). */\n  [scrub] {\n    cursor: ew-resize;\n    user-select: none;\n    touch-action: none;\n  }\n  div[cell] span[axis] {\n    flex: none;\n    font-size: 0.64rem;\n    letter-spacing: 0.02em;\n    color: var(--md-sys-color-on-surface-variant);\n  }\n  div[cell] input {\n    min-height: 0;\n    height: calc(var(--figure-control-height) - 2px);\n    padding: 4px 6px 4px 2px;\n    font-family: var(--mono-font, monospace);\n    text-align: right;\n    background: none;\n    border: none;\n    border-radius: 0;\n  }\n  div[cell] input:focus {\n    outline: none;\n  }\n  label[toggle] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.76rem;\n    color: var(--md-sys-color-on-surface);\n  }\n  /* The 「?」 beside a title: no border, it says there is more rather than asking to be pressed (V2). */\n  button[help] {\n    display: inline-flex;\n    align-items: center;\n    padding: 0;\n    margin: 0;\n    color: var(--md-sys-color-outline);\n    background: none;\n    border: none;\n    cursor: pointer;\n  }\n  button[help] md-icon {\n    font-size: 13px;\n    width: 13px;\n    height: 13px;\n  }\n  button[help]:hover,\n  button[help][aria-expanded='true'] {\n    color: var(--md-sys-color-primary);\n  }\n  p[hint],\n  small {\n    display: block;\n    margin: 2px 0 4px;\n    font-size: 0.68rem;\n    line-height: 1.5;\n    color: var(--md-sys-color-on-surface-variant);\n  }\n  p[hint] {\n    padding-left: 6px;\n    border-left: 2px solid var(--md-sys-color-outline-variant);\n  }\n  button[act] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    width: 100%;\n    margin-top: 4px;\n    padding: 3px 8px;\n    min-height: 28px;\n    font: inherit;\n    font-size: 0.72rem;\n    color: var(--md-sys-color-on-surface);\n    background-color: var(--md-sys-color-surface-container);\n    border: 1px solid var(--md-sys-color-outline-variant);\n    border-radius: 6px;\n    cursor: pointer;\n  }\n  button[act]:hover:not(:disabled) {\n    background-color: var(--md-sys-color-surface-container-high);\n  }\n  button[act]:disabled {\n    opacity: 0.5;\n    cursor: default;\n  }\n  button[act] md-icon {\n    font-size: 15px;\n    width: 15px;\n    height: 15px;\n  }\n`\n"]}
+{"version":3,"file":"side-panel-styles.js","sourceRoot":"","sources":["../../client/modeller/side-panel-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqTjC,CAAA","sourcesContent":["import { css } from 'lit'\n\n/**\n * The side panel's one look, for every element that draws in the modeller's side.\n *\n * The side is drawn by several elements (the type field, the figure's properties, a part's values, fastening, places,\n * motion, material, controls, clips, the environment) and each had styled its own fields: three label styles and\n * three field heights in one column (user, 2026-09-24: \"why are the styles and layout all different?\"). They share\n * this sheet now and keep only what is theirs.\n *\n * The vocabulary:\n *   section              one titled group; the side is a stack of them\n *   h3                   a group's title -- small capitals\n *   div[inline-field]    a short label and its one field on one line\n *   div[field]           a label above a full-width field\n *   div[form]            short labels beside their fields, the fields starting on one line\n *   div[vector-row]      a title, then X · Y · Z in one row of cells with the axis inside (`div[triple]` of\n *                        `div[cell]`) -- three values read together, as vector tools lay them out\n *   div[pair]            two controls side by side\n *   label[toggle]        a checkbox and its words\n *   p[hint] · small      the quiet line under a field\n *   button[act]          an action under the fields it acts on\n *   [scrub]              a label dragged sideways to scrub its field\n */\nexport const SidePanelStyles = css`\n  :host {\n    --figure-control-height: 30px;\n    font-size: 0.76rem;\n    color: var(--md-sys-color-on-surface);\n  }\n  /* The side is a stack of sections, each a titled group. */\n  section {\n    display: grid;\n    gap: 6px;\n    padding: 8px 10px;\n    border-bottom: 1px solid var(--md-sys-color-outline-variant);\n  }\n  section > h3 {\n    margin: 0;\n  }\n  section div[field] + div[field],\n  section div[inline-field] + div[inline-field],\n  section div[vector-row] + div[vector-row] {\n    margin-top: 0;\n  }\n  h3 {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin: 14px 0 6px;\n    font-size: var(--ui-t-micro, 11px);\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--md-sys-color-on-surface-variant);\n  }\n  h3:first-child {\n    margin-top: 0;\n  }\n  label,\n  div[form] > span {\n    font-size: 0.68rem;\n    color: var(--md-sys-color-on-surface-variant);\n  }\n  div[field] {\n    display: grid;\n    gap: 2px;\n  }\n  div[field] + div[field],\n  div[field] + div[form],\n  div[form] + div[field],\n  div[vector-row] + div[vector-row],\n  div[vector-row] + div[field],\n  div[field] + div[vector-row] {\n    margin-top: 5px;\n  }\n  div[form],\n  div[inline-field],\n  div[vector-row] {\n    display: grid;\n    grid-template-columns: 64px minmax(0, 1fr);\n    align-items: center;\n    gap: 5px 7px;\n  }\n  div[form] > span,\n  div[inline-field] > label,\n  div[vector-row] > label {\n    overflow-wrap: anywhere;\n    white-space: normal;\n  }\n  /* A value read, not edited, beside its label: the field's size and colour, not the page's. */\n  div[inline-field] > span[value] {\n    font-size: 0.76rem;\n    color: var(--md-sys-color-on-surface);\n  }\n  label span[unit] {\n    color: var(--md-sys-color-outline);\n  }\n  div[inline-field] + div[inline-field],\n  div[inline-field] + div[vector-row],\n  div[vector-row] + div[inline-field] {\n    margin-top: 5px;\n  }\n  /* A row of icon tools (align, mirror, snap). */\n  div[tools] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px;\n  }\n  div[tools] button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 30px;\n    height: 28px;\n    padding: 0;\n    color: var(--md-sys-color-on-surface);\n    background: var(--md-sys-color-surface-container-lowest);\n    border: 1px solid var(--md-sys-color-outline-variant);\n    border-radius: 6px;\n    cursor: pointer;\n  }\n  div[tools] button:hover:not(:disabled) {\n    background: var(--md-sys-color-surface-container);\n  }\n  div[tools] button:disabled {\n    opacity: 0.45;\n    cursor: default;\n  }\n  div[tools] md-icon {\n    font-size: 17px;\n    width: 17px;\n    height: 17px;\n  }\n  div[pair] {\n    display: flex;\n    gap: 4px;\n  }\n  div[pair] > * {\n    flex: 1;\n    min-width: 0;\n  }\n  div[triple] {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 4px;\n  }\n  input,\n  select {\n    width: 100%;\n    min-width: 0;\n    min-height: var(--figure-control-height);\n    box-sizing: border-box;\n    padding: 4px 7px;\n    font: inherit;\n    font-size: 0.76rem;\n    color: var(--md-sys-color-on-surface);\n    background-color: var(--md-sys-color-surface-container-lowest);\n    border: 1px solid var(--md-sys-color-outline-variant);\n    border-radius: 6px;\n  }\n  input[type='checkbox'],\n  input[type='radio'] {\n    width: auto;\n    min-height: 0;\n  }\n  /* A thin track and a small thumb: a slider is a line to drag along, not a block (user, 2026-09-24). */\n  input[type='range'] {\n    -webkit-appearance: none;\n    appearance: none;\n    min-height: 16px;\n    height: 16px;\n    padding: 0;\n    border: none;\n    background: transparent;\n    cursor: pointer;\n  }\n  input[type='range']::-webkit-slider-runnable-track {\n    height: 3px;\n    border-radius: 2px;\n    background: var(--md-sys-color-outline-variant);\n  }\n  input[type='range']::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    width: 12px;\n    height: 12px;\n    margin-top: -4.5px;\n    border: none;\n    border-radius: 50%;\n    background: var(--md-sys-color-primary);\n  }\n  input[type='range']::-moz-range-track {\n    height: 3px;\n    border-radius: 2px;\n    background: var(--md-sys-color-outline-variant);\n  }\n  input[type='range']::-moz-range-thumb {\n    width: 12px;\n    height: 12px;\n    border: none;\n    border-radius: 50%;\n    background: var(--md-sys-color-primary);\n  }\n  input[type='range']:focus {\n    outline: none;\n  }\n  input[type='range']:focus-visible::-webkit-slider-thumb {\n    outline: 2px solid var(--md-sys-color-primary);\n    outline-offset: 2px;\n  }\n  input[type='color'] {\n    padding: 2px;\n    width: 40px;\n  }\n  input:focus,\n  select:focus {\n    outline: 2px solid var(--md-sys-color-primary);\n    outline-offset: -1px;\n  }\n  input:disabled,\n  select:disabled {\n    opacity: 0.6;\n  }\n  /* A number with its axis inside the cell, on the left. */\n  div[cell] {\n    display: flex;\n    box-sizing: border-box;\n    height: var(--figure-control-height);\n    align-items: center;\n    gap: 2px;\n    padding-left: 6px;\n    background-color: var(--md-sys-color-surface-container-lowest);\n    border: 1px solid var(--md-sys-color-outline-variant);\n    border-radius: 6px;\n  }\n  div[cell]:focus-within {\n    outline: 2px solid var(--md-sys-color-primary);\n    outline-offset: -1px;\n    border-color: transparent;\n  }\n  /* A label that scrubs its field when dragged sideways (vector tools' way). */\n  [scrub] {\n    cursor: ew-resize;\n    user-select: none;\n    touch-action: none;\n  }\n  div[cell] span[axis] {\n    flex: none;\n    font-size: 0.64rem;\n    letter-spacing: 0.02em;\n    color: var(--md-sys-color-on-surface-variant);\n  }\n  div[cell] input {\n    min-height: 0;\n    height: calc(var(--figure-control-height) - 2px);\n    padding: 4px 6px 4px 2px;\n    font-family: var(--mono-font, monospace);\n    text-align: right;\n    background: none;\n    border: none;\n    border-radius: 0;\n  }\n  div[cell] input:focus {\n    outline: none;\n  }\n  label[toggle] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.76rem;\n    color: var(--md-sys-color-on-surface);\n  }\n  /* The 「?」 beside a title: no border, it says there is more rather than asking to be pressed. */\n  button[help] {\n    display: inline-flex;\n    align-items: center;\n    padding: 0;\n    margin: 0;\n    color: var(--md-sys-color-outline);\n    background: none;\n    border: none;\n    cursor: pointer;\n  }\n  button[help] md-icon {\n    font-size: 13px;\n    width: 13px;\n    height: 13px;\n  }\n  button[help]:hover,\n  button[help][aria-expanded='true'] {\n    color: var(--md-sys-color-primary);\n  }\n  p[hint],\n  small {\n    display: block;\n    margin: 2px 0 4px;\n    font-size: 0.68rem;\n    line-height: 1.5;\n    color: var(--md-sys-color-on-surface-variant);\n  }\n  p[hint] {\n    padding-left: 6px;\n    border-left: 2px solid var(--md-sys-color-outline-variant);\n  }\n  button[act] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    width: 100%;\n    margin-top: 4px;\n    padding: 3px 8px;\n    min-height: 28px;\n    font: inherit;\n    font-size: 0.72rem;\n    color: var(--md-sys-color-on-surface);\n    background-color: var(--md-sys-color-surface-container);\n    border: 1px solid var(--md-sys-color-outline-variant);\n    border-radius: 6px;\n    cursor: pointer;\n  }\n  button[act]:hover:not(:disabled) {\n    background-color: var(--md-sys-color-surface-container-high);\n  }\n  button[act]:disabled {\n    opacity: 0.5;\n    cursor: default;\n  }\n  button[act] md-icon {\n    font-size: 15px;\n    width: 15px;\n    height: 15px;\n  }\n`\n"]}

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

@@ -1,11 +1,10 @@
 import type { V3Asset, V3InputChange, V3WorldBox } from '@hatiolab/figure-model';
 import type { GizmoReach } from './v3-gizmo.js';
 /**
- * 맞추기 — the V2 inspector's align tools on a V3 part (parity row ③): centre on X, centre on Z, stand on the floor,
+ * 맞추기 — the align tools on a part: centre on X, centre on Z, stand on the floor,
  * mirror on X or Z, snap to the grid.
  *
- * V2 measured against its base box, which ran from 0 to its size on each axis. A V3 asset's frame has the floor at
- * y 0 and X and Z centred on 0, so centring puts the part's box centre on 0 and the floor puts its lowest point on
+ * The asset's frame has the floor at y 0 and X and Z centred on 0, so centring puts the part's box centre on 0 and the floor puts its lowest point on
  * y 0. The part's box is its evaluated, rotated extent (`v3OccupiedBoxesOf`), so a turned part lands by what it
  * actually covers, not by its unturned size.
  *
@@ -14,7 +13,7 @@ import type { GizmoReach } from './v3-gizmo.js';
  */
 export type AlignTool = 'centre-x' | 'centre-z' | 'floor' | 'snap';
 export declare function boxOf(asset: V3Asset, part: string): V3WorldBox | undefined;
-/** The grid V2 snaps to: about five steps across the figure, on 1 · 2 · 5 multiples. */
+/** The snapping grid: about five steps across the figure, on 1 · 2 · 5 multiples. */
 export declare function gridStepOf(asset: V3Asset): number;
 export declare function alignChanges(asset: V3Asset, part: string, reach: GizmoReach, tool: AlignTool): V3InputChange[];
 /**
@@ -22,5 +21,10 @@ export declare function alignChanges(asset: V3Asset, part: string, reach: GizmoR
  * `duplicate-part` first; this is the position the copy is then given.
  */
 export declare function mirrorChanges(asset: V3Asset, part: string, copy: string, axis: 'x' | 'z'): V3InputChange[];
-/** Mirroring a part that already sits on the centre plane would put the copy inside it — V2 refuses it too. */
+/** Mirroring a part that already sits on the centre plane would put the copy inside it, so it is refused. */
 export declare function canMirror(asset: V3Asset, part: string, axis: 'x' | 'z', reach: GizmoReach): boolean;
+/**
+ * A **readable** grid step for a length: about five cells, rounded up to a 1, 2 or 5 multiple as rulers and charts do.
+ * Divided plainly it gives 27 or 33, and coordinates snapped to that read as 54 and 81. Never 0.
+ */
+export declare function niceStep(span: number): number;

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

@@ -1,11 +1,10 @@
 import { compileV3Asset, v3OccupiedBoxesOf, v3WritersOf } from '@hatiolab/figure-model';
-import { niceStep } from './part-edits.js';
 const AXES = ['x', 'y', 'z'];
 export function boxOf(asset, part) {
     const geometry = compileV3Asset(asset).evaluate().geometry;
     return v3OccupiedBoxesOf(geometry, v3WritersOf(asset)).find(box => box.part === part);
 }
-/** The grid V2 snaps to: about five steps across the figure, on 1 · 2 · 5 multiples. */
+/** The snapping grid: about five steps across the figure, on 1 · 2 · 5 multiples. */
 export function gridStepOf(asset) {
     const geometry = compileV3Asset(asset).evaluate().geometry;
     const boxes = v3OccupiedBoxesOf(geometry, v3WritersOf(asset));
@@ -57,9 +56,20 @@ export function mirrorChanges(asset, part, copy, axis) {
     const id = `${part}.position.${axis}`;
     return [{ kind: 'set-design', input: `${copy}.position.${axis}`, unit: 'mm', value: Math.round((asset.designInputs[id] ?? 0) - 2 * box.centre[axis]) }];
 }
-/** Mirroring a part that already sits on the centre plane would put the copy inside it — V2 refuses it too. */
+/** Mirroring a part that already sits on the centre plane would put the copy inside it, so it is refused. */
 export function canMirror(asset, part, axis, reach) {
     const box = reach.translate ? boxOf(asset, part) : undefined;
     return !!box && Math.abs(box.centre[axis]) >= 0.5;
 }
+/**
+ * A **readable** grid step for a length: about five cells, rounded up to a 1, 2 or 5 multiple as rulers and charts do.
+ * Divided plainly it gives 27 or 33, and coordinates snapped to that read as 54 and 81. Never 0.
+ */
+export function niceStep(span) {
+    const raw = Math.max(span, 1) / 5;
+    const magnitude = Math.pow(10, Math.floor(Math.log10(raw)));
+    const n = raw / magnitude;
+    const multiple = n < 1.5 ? 1 : n < 3.5 ? 2 : n < 7.5 ? 5 : 10;
+    return Math.max(1, multiple * magnitude);
+}
 //# sourceMappingURL=v3-align.js.map

package/dist-client/modeller/v3-align.js.map

@@ -1 +1 @@
-{"version":3,"file":"v3-align.js","sourceRoot":"","sources":["../../client/modeller/v3-align.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAGvF,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAiB1C,MAAM,IAAI,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU,CAAA;AAErC,MAAM,UAAU,KAAK,CAAC,KAAc,EAAE,IAAY;IAChD,MAAM,QAAQ,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAA;IAC1D,OAAO,iBAAiB,CAAC,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,KAAK,IAAI,CAAC,CAAA;AACvF,CAAC;AAED,wFAAwF;AACxF,MAAM,UAAU,UAAU,CAAC,KAAc;IACvC,MAAM,QAAQ,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAA;IAC1D,MAAM,KAAK,GAAG,iBAAiB,CAAC,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,CAAA;IAC7D,IAAI,CAAC,KAAK,CAAC,MAAM;QAAE,OAAO,CAAC,CAAA;IAC3B,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CACnB,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;QACjB,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;QAC3E,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;QAC3E,OAAO,EAAE,GAAG,EAAE,CAAA;IAChB,CAAC,CAAC,CACH,CAAA;IACD,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAA;AACvB,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,KAAc,EAAE,IAAY,EAAE,KAAiB,EAAE,IAAe;IAC3F,IAAI,CAAC,KAAK,CAAC,SAAS;QAAE,OAAO,EAAE,CAAA;IAC/B,MAAM,GAAG,GAAG,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;IAC9B,IAAI,CAAC,GAAG;QAAE,OAAO,EAAE,CAAA;IACnB,MAAM,KAAK,GAAG,CAAC,EAAU,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,CAAA;IACzD,MAAM,GAAG,GAAG,CAAC,KAAa,EAAE,IAAY,EAAiB,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IAChI,MAAM,EAAE,GAAG,CAAC,IAAqB,EAAE,EAAE,CAAC,GAAG,IAAI,aAAa,IAAI,EAAE,CAAA;IAChE,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,UAAU;YACb,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;QACtD,KAAK,UAAU;YACb,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;QACtD,KAAK,OAAO;YACV,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;QAC3E,KAAK,MAAM,CAAC,CAAC,CAAC;YACZ,MAAM,IAAI,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;YAC9B,MAAM,KAAK,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,CAAA;YACxD,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;YACvE,yDAAyD;YACzD,IAAI,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK;gBAC5B,KAAK,MAAM,EAAE,IAAI,KAAK,CAAC,KAAK;oBAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;YACvF,OAAO,OAAO,CAAA;QAChB,CAAC;IACH,CAAC;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,KAAc,EAAE,IAAY,EAAE,IAAY,EAAE,IAAe;IACvF,MAAM,GAAG,GAAG,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;IAC9B,IAAI,CAAC,GAAG;QAAE,OAAO,EAAE,CAAA;IACnB,MAAM,EAAE,GAAG,GAAG,IAAI,aAAa,IAAI,EAAE,CAAA;IACrC,OAAO,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,IAAI,aAAa,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAA;AACzJ,CAAC;AAED,+GAA+G;AAC/G,MAAM,UAAU,SAAS,CAAC,KAAc,EAAE,IAAY,EAAE,IAAe,EAAE,KAAiB;IACxF,MAAM,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAC5D,OAAO,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,GAAG,CAAA;AACnD,CAAC","sourcesContent":["import { compileV3Asset, v3OccupiedBoxesOf, v3WritersOf } from '@hatiolab/figure-model'\nimport type { V3Asset, V3InputChange, V3WorldBox } from '@hatiolab/figure-model'\n\nimport { niceStep } from './part-edits.js'\nimport type { GizmoReach } from './v3-gizmo.js'\n\n/**\n * 맞추기 — the V2 inspector's align tools on a V3 part (parity row ③): centre on X, centre on Z, stand on the floor,\n * mirror on X or Z, snap to the grid.\n *\n * V2 measured against its base box, which ran from 0 to its size on each axis. A V3 asset's frame has the floor at\n * y 0 and X and Z centred on 0, so centring puts the part's box centre on 0 and the floor puts its lowest point on\n * y 0. The part's box is its evaluated, rotated extent (`v3OccupiedBoxesOf`), so a turned part lands by what it\n * actually covers, not by its unturned size.\n *\n * Every tool writes the part's own position (and, for snap, size) inputs — the same ones the gizmo writes, and only\n * where the gizmo could (`GizmoReach`).\n */\nexport type AlignTool = 'centre-x' | 'centre-z' | 'floor' | 'snap'\n\nconst AXES = ['x', 'y', 'z'] as const\n\nexport function boxOf(asset: V3Asset, part: string): V3WorldBox | undefined {\n  const geometry = compileV3Asset(asset).evaluate().geometry\n  return v3OccupiedBoxesOf(geometry, v3WritersOf(asset)).find(box => box.part === part)\n}\n\n/** The grid V2 snaps to: about five steps across the figure, on 1 · 2 · 5 multiples. */\nexport function gridStepOf(asset: V3Asset): number {\n  const geometry = compileV3Asset(asset).evaluate().geometry\n  const boxes = v3OccupiedBoxesOf(geometry, v3WritersOf(asset))\n  if (!boxes.length) return 1\n  const span = Math.max(\n    ...AXES.map(axis => {\n      const lo = Math.min(...boxes.map(b => b.centre[axis] - b.extent[axis] / 2))\n      const hi = Math.max(...boxes.map(b => b.centre[axis] + b.extent[axis] / 2))\n      return hi - lo\n    })\n  )\n  return niceStep(span)\n}\n\nexport function alignChanges(asset: V3Asset, part: string, reach: GizmoReach, tool: AlignTool): V3InputChange[] {\n  if (!reach.translate) return []\n  const box = boxOf(asset, part)\n  if (!box) return []\n  const value = (id: string) => asset.designInputs[id] ?? 0\n  const set = (input: string, next: number): V3InputChange => ({ kind: 'set-design', input, unit: 'mm', value: Math.round(next) })\n  const at = (axis: 'x' | 'y' | 'z') => `${part}.position.${axis}`\n  switch (tool) {\n    case 'centre-x':\n      return [set(at('x'), value(at('x')) - box.centre.x)]\n    case 'centre-z':\n      return [set(at('z'), value(at('z')) - box.centre.z)]\n    case 'floor':\n      return [set(at('y'), value(at('y')) - (box.centre.y - box.extent.y / 2))]\n    case 'snap': {\n      const step = gridStepOf(asset)\n      const round = (n: number) => Math.round(n / step) * step\n      const changes = AXES.map(axis => set(at(axis), round(value(at(axis)))))\n      /* A size never snaps to 0 — the part would look gone. */\n      if (reach.scale && reach.sizes)\n        for (const id of reach.sizes) changes.push(set(id, Math.max(step, round(value(id)))))\n      return changes\n    }\n  }\n}\n\n/**\n * Where a mirrored copy goes: the same distance on the other side of the centre plane. The copy is made by\n * `duplicate-part` first; this is the position the copy is then given.\n */\nexport function mirrorChanges(asset: V3Asset, part: string, copy: string, axis: 'x' | 'z'): V3InputChange[] {\n  const box = boxOf(asset, part)\n  if (!box) return []\n  const id = `${part}.position.${axis}`\n  return [{ kind: 'set-design', input: `${copy}.position.${axis}`, unit: 'mm', value: Math.round((asset.designInputs[id] ?? 0) - 2 * box.centre[axis]) }]\n}\n\n/** Mirroring a part that already sits on the centre plane would put the copy inside it — V2 refuses it too. */\nexport function canMirror(asset: V3Asset, part: string, axis: 'x' | 'z', reach: GizmoReach): boolean {\n  const box = reach.translate ? boxOf(asset, part) : undefined\n  return !!box && Math.abs(box.centre[axis]) >= 0.5\n}\n"]}
+{"version":3,"file":"v3-align.js","sourceRoot":"","sources":["../../client/modeller/v3-align.ts"],"names":[],"mappings":"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","sourcesContent":["import { compileV3Asset, v3OccupiedBoxesOf, v3WritersOf } from '@hatiolab/figure-model'\nimport type { V3Asset, V3InputChange, V3WorldBox } from '@hatiolab/figure-model'\n\nimport type { GizmoReach } from './v3-gizmo.js'\n\n/**\n * 맞추기 — the align tools on a part: centre on X, centre on Z, stand on the floor,\n * mirror on X or Z, snap to the grid.\n *\n * The asset's frame has the floor at y 0 and X and Z centred on 0, so centring puts the part's box centre on 0 and the floor puts its lowest point on\n * y 0. The part's box is its evaluated, rotated extent (`v3OccupiedBoxesOf`), so a turned part lands by what it\n * actually covers, not by its unturned size.\n *\n * Every tool writes the part's own position (and, for snap, size) inputs — the same ones the gizmo writes, and only\n * where the gizmo could (`GizmoReach`).\n */\nexport type AlignTool = 'centre-x' | 'centre-z' | 'floor' | 'snap'\n\nconst AXES = ['x', 'y', 'z'] as const\n\nexport function boxOf(asset: V3Asset, part: string): V3WorldBox | undefined {\n  const geometry = compileV3Asset(asset).evaluate().geometry\n  return v3OccupiedBoxesOf(geometry, v3WritersOf(asset)).find(box => box.part === part)\n}\n\n/** The snapping grid: about five steps across the figure, on 1 · 2 · 5 multiples. */\nexport function gridStepOf(asset: V3Asset): number {\n  const geometry = compileV3Asset(asset).evaluate().geometry\n  const boxes = v3OccupiedBoxesOf(geometry, v3WritersOf(asset))\n  if (!boxes.length) return 1\n  const span = Math.max(\n    ...AXES.map(axis => {\n      const lo = Math.min(...boxes.map(b => b.centre[axis] - b.extent[axis] / 2))\n      const hi = Math.max(...boxes.map(b => b.centre[axis] + b.extent[axis] / 2))\n      return hi - lo\n    })\n  )\n  return niceStep(span)\n}\n\nexport function alignChanges(asset: V3Asset, part: string, reach: GizmoReach, tool: AlignTool): V3InputChange[] {\n  if (!reach.translate) return []\n  const box = boxOf(asset, part)\n  if (!box) return []\n  const value = (id: string) => asset.designInputs[id] ?? 0\n  const set = (input: string, next: number): V3InputChange => ({ kind: 'set-design', input, unit: 'mm', value: Math.round(next) })\n  const at = (axis: 'x' | 'y' | 'z') => `${part}.position.${axis}`\n  switch (tool) {\n    case 'centre-x':\n      return [set(at('x'), value(at('x')) - box.centre.x)]\n    case 'centre-z':\n      return [set(at('z'), value(at('z')) - box.centre.z)]\n    case 'floor':\n      return [set(at('y'), value(at('y')) - (box.centre.y - box.extent.y / 2))]\n    case 'snap': {\n      const step = gridStepOf(asset)\n      const round = (n: number) => Math.round(n / step) * step\n      const changes = AXES.map(axis => set(at(axis), round(value(at(axis)))))\n      /* A size never snaps to 0 — the part would look gone. */\n      if (reach.scale && reach.sizes)\n        for (const id of reach.sizes) changes.push(set(id, Math.max(step, round(value(id)))))\n      return changes\n    }\n  }\n}\n\n/**\n * Where a mirrored copy goes: the same distance on the other side of the centre plane. The copy is made by\n * `duplicate-part` first; this is the position the copy is then given.\n */\nexport function mirrorChanges(asset: V3Asset, part: string, copy: string, axis: 'x' | 'z'): V3InputChange[] {\n  const box = boxOf(asset, part)\n  if (!box) return []\n  const id = `${part}.position.${axis}`\n  return [{ kind: 'set-design', input: `${copy}.position.${axis}`, unit: 'mm', value: Math.round((asset.designInputs[id] ?? 0) - 2 * box.centre[axis]) }]\n}\n\n/** Mirroring a part that already sits on the centre plane would put the copy inside it, so it is refused. */\nexport function canMirror(asset: V3Asset, part: string, axis: 'x' | 'z', reach: GizmoReach): boolean {\n  const box = reach.translate ? boxOf(asset, part) : undefined\n  return !!box && Math.abs(box.centre[axis]) >= 0.5\n}\n\n/**\n * A **readable** grid step for a length: about five cells, rounded up to a 1, 2 or 5 multiple as rulers and charts do.\n * Divided plainly it gives 27 or 33, and coordinates snapped to that read as 54 and 81. Never 0.\n */\nexport function niceStep(span: number): number {\n  const raw = Math.max(span, 1) / 5\n  const magnitude = Math.pow(10, Math.floor(Math.log10(raw)))\n  const n = raw / magnitude\n  const multiple = n < 1.5 ? 1 : n < 3.5 ? 2 : n < 7.5 ? 5 : 10\n  return Math.max(1, multiple * magnitude)\n}\n"]}

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

@@ -15,7 +15,7 @@ export declare class FigureV3Canvas extends LitElement {
     /**
      * View only: nothing that happens on the board is told out. The card's picture is taken from a second canvas stood up
      * off screen (`v3-thumbnail.ts`); the scene settles its components as it builds them, and a change told from there
-     * would reach the editor as an edit (V2's `viewOnly`, for the same reason).
+     * would reach the editor as an edit.
      */
     viewOnly: boolean;
     /** Where the selected part turns and how far (`v3-joint-fan`): shown, never picked, never saved. */
@@ -33,12 +33,12 @@ export declare class FigureV3Canvas extends LitElement {
     disconnectedCallback(): void;
     /**
      * The board as a picture, for the card: the 3D view at this size, or nothing when it cannot be taken. The scene's
-     * `toDataURL` renders the 2D board (a white sheet, V2 found), and the 3D renderer keeps no drawing buffer, so the
+     * `toDataURL` renders the 2D board (a white sheet), and the 3D renderer keeps no drawing buffer, so the
      * scene's own `snapshot3d` draws and reads in one task. A picture that cannot be taken is not an error and is not
-     * faked (V2's `snapshot`, lost when this canvas moved onto the scene -- no card had a picture since, user 2026-09-24).
+     * faked (user, 2026-09-24: no card had a picture after this canvas moved onto the scene).
      */
     snapshot(width?: number, height?: number): Promise<string | undefined>;
-    /** The whole figure in view: the board's fit, then the 3D camera's own, as V2 did. */
+    /** The whole figure in view: the board's fit, then the 3D camera's own. */
     fit(): void;
     /** The gizmo in a mode on the selected part, as W, E and R do with the canvas focused -- the scene's toggle. */
     gizmo(mode: 'translate' | 'rotate' | 'scale'): void;

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

@@ -25,7 +25,7 @@ let FigureV3Canvas = class FigureV3Canvas extends LitElement {
         /**
          * View only: nothing that happens on the board is told out. The card's picture is taken from a second canvas stood up
          * off screen (`v3-thumbnail.ts`); the scene settles its components as it builds them, and a change told from there
-         * would reach the editor as an edit (V2's `viewOnly`, for the same reason).
+         * would reach the editor as an edit.
          */
         this.viewOnly = false;
         /** Where the selected part turns and how far (`v3-joint-fan`): shown, never picked, never saved. */
@@ -96,9 +96,9 @@ let FigureV3Canvas = class FigureV3Canvas extends LitElement {
     }
     /**
      * The board as a picture, for the card: the 3D view at this size, or nothing when it cannot be taken. The scene's
-     * `toDataURL` renders the 2D board (a white sheet, V2 found), and the 3D renderer keeps no drawing buffer, so the
+     * `toDataURL` renders the 2D board (a white sheet), and the 3D renderer keeps no drawing buffer, so the
      * scene's own `snapshot3d` draws and reads in one task. A picture that cannot be taken is not an error and is not
-     * faked (V2's `snapshot`, lost when this canvas moved onto the scene -- no card had a picture since, user 2026-09-24).
+     * faked (user, 2026-09-24: no card had a picture after this canvas moved onto the scene).
      */
     async snapshot(width = 480, height = 360) {
         const layer = this.scene?.root;
@@ -114,7 +114,7 @@ let FigureV3Canvas = class FigureV3Canvas extends LitElement {
             return undefined;
         }
     }
-    /** The whole figure in view: the board's fit, then the 3D camera's own, as V2 did. */
+    /** The whole figure in view: the board's fit, then the 3D camera's own. */
     fit() {
         this.scene?.fit?.('ratio');
         this.scene?.root?.fitCameraToModel?.();
@@ -155,7 +155,7 @@ let FigureV3Canvas = class FigureV3Canvas extends LitElement {
                     height: needed.height,
                     depth: needed.depth,
                     threed: true,
-                    /* Two samples a pixel: MSAA alone leaves steps on the silhouettes of one asset shown large (V2). */
+                    /* Two samples a pixel: MSAA alone leaves steps on the silhouettes of one asset shown large. */
                     pixelRatio: Math.min(3, (window.devicePixelRatio || 1) * 2),
                     ...sceneLook(this.view ?? DEFAULT_VIEW),
                     gridStep: niceGridStep(Math.max(needed.width, needed.height)),
@@ -163,7 +163,7 @@ let FigureV3Canvas = class FigureV3Canvas extends LitElement {
                     fillStyle: PAPER,
                     components: this.components()
                 },
-                /* Editing mode: the camera view buttons, gizmo modes, help and keys V2's canvas had. */
+                /* Editing mode: the camera view buttons, gizmo modes, help and keys. */
                 mode: 1
             });
             this.standingFor = this.context;
@@ -253,7 +253,7 @@ let FigureV3Canvas = class FigureV3Canvas extends LitElement {
         });
         /*
           A change comes up to the board with the component in the last argument's `origin` (the scene appends
-          { origin, name, deliverer } as it bubbles). Reading the first argument as the component does nothing (V2).
+          { origin, name, deliverer } as it bubbles). Reading the first argument as the component does nothing.
         */
         /*
           A drag is written once, when it ends. The scene's gizmo writes the component on every move -- a size anchored on
@@ -285,8 +285,8 @@ let FigureV3Canvas = class FigureV3Canvas extends LitElement {
     commit() {
         /*
           Not while a pointer is down: a pause set by a change just before the press (the arrow keys, the scene settling
-          the pick) fired in the middle of the drag and wrote where the part was then -- a drag on a converted part became
-          two steps, the first one a few millimetres in (browser check, 2026-09-25). What is pending waits for the release.
+          the pick) fired in the middle of the drag and wrote where the part was then -- a drag on a part placed by a rule
+          became two steps, the first one a few millimetres in (browser check, 2026-09-25). What is pending waits for the release.
         */
         if (this.pointerDown || !this.board || !this.pending.size)
             return;

package/dist-client/modeller/v3-canvas.js.map

@@ -1 +1 @@
-{"version":3,"file":"v3-canvas.js","sourceRoot":"","sources":["../../client/modeller/v3-canvas.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css, nothing, unsafeCSS, type PropertyValues } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { i18next } from '@operato/i18n'\nimport { create, Model, niceGridStep } from '@hatiolab/things-scene'\n\nimport type { GizmoReach } from './v3-gizmo.js'\nimport type { V3RenderPart } from './v3-renderer.js'\nimport { DEFAULT_VIEW, sceneLook, WORKBENCH, type ViewSettings } from './figure-view.js'\nimport { boardFor, changedKeys, componentOf, gizmoResultOf, type Board } from './v3-stage-model.js'\nimport { JOINT_FAN } from './v3-joint-fan.js'\nimport { ownerOf } from './v3-fields.js'\n\n/*\n * The V3 modeller's canvas -- a things-scene board in editing mode, as the V2 modeller's was.\n *\n * Each body figure-model evaluates stands on the board as a `figure-v3-part` component, so everything the V2 canvas\n * had comes from the scene, not from code of our own: picking and the orange outline, the gizmo with its snapping and\n * live readout, box and shift selection, the camera (damping, zoom toward the cursor, double-click to fit, the six\n * view presets and their keys), the studio environment, the coordinate ground, lights and shadows, supersampling.\n * An earlier canvas drew the bodies with three.js directly and lost all of that (user, 2026-09-24: \"why nerf it?\").\n *\n * What the gizmo writes back to a component comes out as `part-transformed` in the inputs' terms (`v3-stage-model`),\n * and the editor turns it into one step of the history; the next evaluation puts the component where the inputs say,\n * so a change a part cannot take (a fastened part moved) springs back.\n */\n\ninterface SceneComponent {\n  state: Record<string, unknown>\n  set: (props: Record<string, unknown>) => void\n  dispose?: () => void\n}\ninterface SceneLayer extends SceneComponent {\n  components?: SceneComponent[]\n  root?: { on?: (event: string, handler: (...args: unknown[]) => void) => void; selected?: SceneComponent[] }\n  on?: (event: string, handler: (...args: unknown[]) => void) => void\n  addComponent?: (component: SceneComponent) => void\n  removeComponent?: (component: SceneComponent) => void\n  invalidate?: () => void\n  fitCameraToModel?: () => void\n  setGizmoMode?: (mode: 'translate' | 'rotate' | 'scale') => void\n  app?: unknown\n}\ninterface SceneHandle {\n  dispose?: () => void\n  resize?: () => void\n  fit?: (type?: string) => void\n  root?: SceneLayer\n}\n\n/* The fan's colour when the figure's palette names no accent. */\nconst FAN_COLOUR = '#ff8a00'\n\n/* The 2D side of the board, which the author never sees on this page but the scene paints. */\nconst PAPER = '#ffffff'\n\n@customElement('figure-v3-canvas')\nexport class FigureV3Canvas extends LitElement {\n  static styles = css`\n    :host {\n      position: relative;\n      display: flex;\n      min-height: 0;\n      overflow: hidden;\n      background-color: ${unsafeCSS(WORKBENCH)};\n    }\n    /* The scene sets position: relative inline on its target; the size is given so it still fills the host. */\n    div[stage] {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n    }\n    p {\n      position: absolute;\n      inset: 45% 1rem auto;\n      margin: 0;\n      text-align: center;\n      pointer-events: none;\n      color: #f4f4f4;\n    }\n  `\n  @property({ attribute: false }) parts: V3RenderPart[] = []\n  @property({ attribute: false }) palette: Record<string, string> = {}\n  /** Which figure is open. Another one stands the board up again. */\n  @property() context = ''\n  @property() selected = ''\n  /** What the gizmo may write for the selected part; a change beyond it is not applied and the part springs back. */\n  @property({ attribute: false }) reach: GizmoReach = { translate: false, rotate: false, scale: false }\n  @property({ attribute: false }) view: ViewSettings = DEFAULT_VIEW\n  /**\n   * View only: nothing that happens on the board is told out. The card's picture is taken from a second canvas stood up\n   * off screen (`v3-thumbnail.ts`); the scene settles its components as it builds them, and a change told from there\n   * would reach the editor as an edit (V2's `viewOnly`, for the same reason).\n   */\n  @property({ type: Boolean }) viewOnly = false\n  /** Where the selected part turns and how far (`v3-joint-fan`): shown, never picked, never saved. */\n  @property({ attribute: false }) fan: V3RenderPart | null = null\n\n  @query('div[stage]') private stage!: HTMLDivElement\n\n  private scene?: SceneHandle\n  private board?: Board & { depth: number }\n  private standingFor?: string\n  private watcher?: ResizeObserver\n  /** Set while this canvas writes to components, so the scene's echo of it is not taken for a drag. */\n  private writing = false\n\n  render() {\n    return html`<div stage></div>${this.parts.length ? nothing : html`<p>${i18next.t('figure.text.add-a-shape-to-start')}</p>`}`\n  }\n\n  firstUpdated() {\n    this.standUp()\n    this.watcher = new ResizeObserver(() => this.scene?.resize?.())\n    this.watcher.observe(this)\n  }\n\n  protected updated(changed: PropertyValues) {\n    if (!this.hasUpdated) return\n    if (changed.has('parts') || changed.has('palette') || changed.has('context') || changed.has('fan')) this.standUp()\n    if (changed.has('view')) this.applyView()\n    if (changed.has('selected')) this.showSelected()\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    this.watcher?.disconnect()\n    this.watcher = undefined\n    this.teardown()\n  }\n\n  /**\n   * The board as a picture, for the card: the 3D view at this size, or nothing when it cannot be taken. The scene's\n   * `toDataURL` renders the 2D board (a white sheet, V2 found), and the 3D renderer keeps no drawing buffer, so the\n   * scene's own `snapshot3d` draws and reads in one task. A picture that cannot be taken is not an error and is not\n   * faked (V2's `snapshot`, lost when this canvas moved onto the scene -- no card had a picture since, user 2026-09-24).\n   */\n  async snapshot(width = 480, height = 360): Promise<string | undefined> {\n    const layer = this.scene?.root as (SceneLayer & { snapshot3d?: (w?: number, h?: number, type?: string, quality?: number) => Promise<string | undefined> }) | undefined\n    if (!layer?.snapshot3d) return undefined\n    try {\n      /* webp: a card needs no alpha, and png is three or four times heavier in every list response. */\n      const url = await layer.snapshot3d(width, height, 'image/webp', 0.85)\n      return typeof url === 'string' && url.startsWith('data:') ? url : undefined\n    } catch (e) {\n      console.warn(`[thumbnail] could not take the picture -- ${(e as Error).message}`)\n      return undefined\n    }\n  }\n\n  /** The whole figure in view: the board's fit, then the 3D camera's own, as V2 did. */\n  fit() {\n    this.scene?.fit?.('ratio')\n    this.scene?.root?.fitCameraToModel?.()\n  }\n\n  /** The gizmo in a mode on the selected part, as W, E and R do with the canvas focused -- the scene's toggle. */\n  gizmo(mode: 'translate' | 'rotate' | 'scale') {\n    this.scene?.root?.setGizmoMode?.(mode)\n  }\n\n  /**\n   * Stand the board up for this figure, or bring the one standing up to date. A new board only for another figure or\n   * one that has outgrown it -- standing up again loses the selection and the camera.\n   */\n  private standUp() {\n    if (!this.stage) return\n    const needed = boardFor(this.parts, this.board)\n    const outgrown = !this.board || needed.width > this.board.width || needed.height > this.board.height || needed.depth > this.board.depth\n    if (this.scene && this.standingFor === this.context) {\n      /*\n        A part dragged past the board's edge grows the board where it stands. Standing it up again lost the selection,\n        the gizmo and the camera after every such drag -- the gizmo seemed not to work at all (user, 2026-09-24).\n      */\n      if (outgrown) this.grow(needed)\n      this.sync()\n      return\n    }\n    this.teardown()\n    if (!this.parts.length) return\n    this.board = needed\n    try {\n      this.scene = create({\n        target: this.stage,\n        model: {\n          type: 'model-layer',\n          width: needed.width,\n          height: needed.height,\n          depth: needed.depth,\n          threed: true,\n          /* Two samples a pixel: MSAA alone leaves steps on the silhouettes of one asset shown large (V2). */\n          pixelRatio: Math.min(3, (window.devicePixelRatio || 1) * 2),\n          ...sceneLook(this.view ?? DEFAULT_VIEW),\n          gridStep: niceGridStep(Math.max(needed.width, needed.height)),\n          sky: 'color',\n          fillStyle: PAPER,\n          components: this.components()\n        },\n        /* Editing mode: the camera view buttons, gizmo modes, help and keys V2's canvas had. */\n        mode: 1\n      }) as SceneHandle\n      this.standingFor = this.context\n      this.watchScene()\n      this.scene.resize?.()\n      this.fit()\n      this.showSelected()\n    } catch (error) {\n      this.dispatchEvent(new CustomEvent('render-error', { detail: error, bubbles: true, composed: true }))\n    }\n  }\n\n  private components(): Record<string, unknown>[] {\n    const parts = this.parts.map(part => componentOf(part, this.palette, this.board!)).filter((c): c is Record<string, unknown> => !!c)\n    /* The fan in the accent colour, translucent; `capturable: false` keeps clicks, the marquee and the gizmo off it. */\n    const fan = this.fan ? componentOf(this.fan, { ...this.palette, [JOINT_FAN]: this.palette['palette.accent'] ?? FAN_COLOUR }, this.board!) : null\n    return fan ? [...parts, { ...fan, capturable: false, locked: true }] : parts\n  }\n\n  /** The components standing now, by name. Not held between calls: the scene stands its board up again at times. */\n  private standing(): Map<string, SceneComponent> {\n    const found = new Map<string, SceneComponent>()\n    for (const component of this.scene?.root?.components ?? []) {\n      const name = component.state?.name\n      if (typeof name === 'string') found.set(name, component)\n    }\n    return found\n  }\n\n  /** A larger board under the same scene: its size, and the grid that suits it. Components are re-placed by `sync`. */\n  private grow(needed: Board & { depth: number }) {\n    const layer = this.scene?.root\n    this.board = needed\n    if (!layer) return\n    this.writing = true\n    try {\n      layer.set({ width: needed.width, height: needed.height, depth: needed.depth, gridStep: niceGridStep(Math.max(needed.width, needed.height)) })\n    } finally {\n      this.writing = false\n    }\n  }\n\n  /** Bring the components to the evaluation: remove the gone, write only what differs, add the new. */\n  private sync() {\n    const layer = this.scene?.root\n    if (!layer || !this.board) return\n    const wanted = new Map(this.components().map(c => [c.name as string, c]))\n    const standing = this.standing()\n    this.writing = true\n    try {\n      for (const [name, component] of standing) {\n        if (wanted.has(name)) continue\n        layer.removeComponent?.(component)\n        component.dispose?.()\n      }\n      for (const [name, state] of wanted) {\n        const found = standing.get(name)\n        if (found) {\n          const diff = changedKeys(found.state, state)\n          if (diff) found.set(diff)\n          continue\n        }\n        const made = Model.compile({ ...state }, layer.app as never) as SceneComponent | null\n        if (made) layer.addComponent?.(made)\n      }\n    } finally {\n      this.writing = false\n    }\n    layer.invalidate?.()\n  }\n\n  /** Selection and drags, told out by the part's name -- never by its place in the list, which may change meanwhile. */\n  private watchScene() {\n    const layer = this.scene?.root\n    const root = layer?.root\n    if (!layer || !root?.on || this.viewOnly) return\n    root.on('selected', (after: unknown) => {\n      const name = (after as SceneComponent[] | undefined)?.[0]?.state?.name\n      const id = typeof name === 'string' ? name : ''\n      if (ownerOf(id) !== this.selected) this.dispatchEvent(new CustomEvent('part-selected', { detail: id, bubbles: true, composed: true }))\n    })\n    /*\n      A change comes up to the board with the component in the last argument's `origin` (the scene appends\n      { origin, name, deliverer } as it bubbles). Reading the first argument as the component does nothing (V2).\n    */\n    /*\n      A drag is written once, when it ends. The scene's gizmo writes the component on every move -- a size anchored on\n      the opposite face, from the scale it captured when the drag began -- and writing each move back through the\n      editor (and the evaluation back onto the component) fought it: the scale gizmo did not work (user, 2026-09-24).\n      While a pointer is down the changes are only kept; on release the last one is told, and the board is brought to\n      the evaluation. A change with no pointer down (the arrow keys) is told after a short pause.\n    */\n    layer.on?.('change', (...args: unknown[]) => {\n      if (this.writing) return\n      const origin = (args[args.length - 1] as { origin?: SceneComponent } | undefined)?.origin\n      const name = origin?.state?.name\n      if (typeof name !== 'string' || !this.parts.some(p => p.id === name)) return\n      this.pending.set(name, origin!)\n      if (!this.pointerDown) this.commitSoon(80)\n    })\n    this.stage.addEventListener('pointerdown', this.onPointerDown, true)\n    window.addEventListener('pointerup', this.onPointerUp, true)\n    window.addEventListener('pointercancel', this.onPointerUp, true)\n  }\n\n  /** Components the gizmo changed since the last commit, by part name. */\n  private pending = new Map<string, SceneComponent>()\n  private pointerDown = false\n  private commitTimer?: ReturnType<typeof setTimeout>\n  private onPointerDown = () => {\n    this.pointerDown = true\n  }\n  private onPointerUp = () => {\n    if (!this.pointerDown) return\n    this.pointerDown = false\n    /* After the scene's own drag end (it settles the depth and rebuilds the geometry on release). */\n    this.commitSoon(0)\n  }\n  private commitSoon(delay: number) {\n    clearTimeout(this.commitTimer)\n    this.commitTimer = setTimeout(() => this.commit(), delay)\n  }\n  /** Tell each changed part once, in the inputs' terms; then put the board where the inputs say (a refusal springs back). */\n  private commit() {\n    /*\n      Not while a pointer is down: a pause set by a change just before the press (the arrow keys, the scene settling\n      the pick) fired in the middle of the drag and wrote where the part was then -- a drag on a converted part became\n      two steps, the first one a few millimetres in (browser check, 2026-09-25). What is pending waits for the release.\n    */\n    if (this.pointerDown || !this.board || !this.pending.size) return\n    const changed = [...this.pending]\n    this.pending.clear()\n    for (const [name, component] of changed) {\n      const part = this.parts.find(p => p.id === name)\n      if (!part) continue\n      const result = gizmoResultOf(part, component.state, this.board)\n      if (!result.position && !result.rotation && !result.scale) continue\n      this.dispatchEvent(new CustomEvent('part-transformed', { detail: { id: part.id, result }, bubbles: true, composed: true }))\n    }\n    setTimeout(() => this.sync())\n  }\n\n  private showSelected() {\n    const layer = this.scene?.root\n    const root = layer?.root\n    if (!layer || !root) return\n    /* A repeat is selected whole: every copy of it (the editor selects the part the author made). */\n    const wanted = this.selected ? [...this.standing()].filter(([name]) => ownerOf(name) === this.selected).map(([, component]) => component) : []\n    const now = root.selected ?? []\n    if (now.length === wanted.length && wanted.every((one, i) => now[i] === one)) return\n    root.selected = wanted\n    layer.invalidate?.()\n  }\n\n  /** View settings go into the scene as they are: they are the board's own state names. Nothing is stood up again. */\n  private applyView() {\n    const layer = this.scene?.root\n    if (!layer) return\n    layer.set(sceneLook(this.view ?? DEFAULT_VIEW))\n    layer.invalidate?.()\n  }\n\n  private teardown() {\n    clearTimeout(this.commitTimer)\n    this.pending.clear()\n    this.stage?.removeEventListener('pointerdown', this.onPointerDown, true)\n    window.removeEventListener('pointerup', this.onPointerUp, true)\n    window.removeEventListener('pointercancel', this.onPointerUp, true)\n    this.scene?.dispose?.()\n    this.scene = undefined\n    this.standingFor = undefined\n    this.board = undefined\n  }\n}\n"]}
+{"version":3,"file":"v3-canvas.js","sourceRoot":"","sources":["../../client/modeller/v3-canvas.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css, nothing, unsafeCSS, type PropertyValues } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { i18next } from '@operato/i18n'\nimport { create, Model, niceGridStep } from '@hatiolab/things-scene'\n\nimport type { GizmoReach } from './v3-gizmo.js'\nimport type { V3RenderPart } from './v3-renderer.js'\nimport { DEFAULT_VIEW, sceneLook, WORKBENCH, type ViewSettings } from './figure-view.js'\nimport { boardFor, changedKeys, componentOf, gizmoResultOf, type Board } from './v3-stage-model.js'\nimport { JOINT_FAN } from './v3-joint-fan.js'\nimport { ownerOf } from './v3-fields.js'\n\n/*\n * The modeller's canvas -- a things-scene board in editing mode.\n *\n * Each body figure-model evaluates stands on the board as a `figure-v3-part` component, so everything the canvas\n * has comes from the scene, not from code of our own: picking and the orange outline, the gizmo with its snapping and\n * live readout, box and shift selection, the camera (damping, zoom toward the cursor, double-click to fit, the six\n * view presets and their keys), the studio environment, the coordinate ground, lights and shadows, supersampling.\n * An earlier canvas drew the bodies with three.js directly and lost all of that (user, 2026-09-24: \"why nerf it?\").\n *\n * What the gizmo writes back to a component comes out as `part-transformed` in the inputs' terms (`v3-stage-model`),\n * and the editor turns it into one step of the history; the next evaluation puts the component where the inputs say,\n * so a change a part cannot take (a fastened part moved) springs back.\n */\n\ninterface SceneComponent {\n  state: Record<string, unknown>\n  set: (props: Record<string, unknown>) => void\n  dispose?: () => void\n}\ninterface SceneLayer extends SceneComponent {\n  components?: SceneComponent[]\n  root?: { on?: (event: string, handler: (...args: unknown[]) => void) => void; selected?: SceneComponent[] }\n  on?: (event: string, handler: (...args: unknown[]) => void) => void\n  addComponent?: (component: SceneComponent) => void\n  removeComponent?: (component: SceneComponent) => void\n  invalidate?: () => void\n  fitCameraToModel?: () => void\n  setGizmoMode?: (mode: 'translate' | 'rotate' | 'scale') => void\n  app?: unknown\n}\ninterface SceneHandle {\n  dispose?: () => void\n  resize?: () => void\n  fit?: (type?: string) => void\n  root?: SceneLayer\n}\n\n/* The fan's colour when the figure's palette names no accent. */\nconst FAN_COLOUR = '#ff8a00'\n\n/* The 2D side of the board, which the author never sees on this page but the scene paints. */\nconst PAPER = '#ffffff'\n\n@customElement('figure-v3-canvas')\nexport class FigureV3Canvas extends LitElement {\n  static styles = css`\n    :host {\n      position: relative;\n      display: flex;\n      min-height: 0;\n      overflow: hidden;\n      background-color: ${unsafeCSS(WORKBENCH)};\n    }\n    /* The scene sets position: relative inline on its target; the size is given so it still fills the host. */\n    div[stage] {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n    }\n    p {\n      position: absolute;\n      inset: 45% 1rem auto;\n      margin: 0;\n      text-align: center;\n      pointer-events: none;\n      color: #f4f4f4;\n    }\n  `\n  @property({ attribute: false }) parts: V3RenderPart[] = []\n  @property({ attribute: false }) palette: Record<string, string> = {}\n  /** Which figure is open. Another one stands the board up again. */\n  @property() context = ''\n  @property() selected = ''\n  /** What the gizmo may write for the selected part; a change beyond it is not applied and the part springs back. */\n  @property({ attribute: false }) reach: GizmoReach = { translate: false, rotate: false, scale: false }\n  @property({ attribute: false }) view: ViewSettings = DEFAULT_VIEW\n  /**\n   * View only: nothing that happens on the board is told out. The card's picture is taken from a second canvas stood up\n   * off screen (`v3-thumbnail.ts`); the scene settles its components as it builds them, and a change told from there\n   * would reach the editor as an edit.\n   */\n  @property({ type: Boolean }) viewOnly = false\n  /** Where the selected part turns and how far (`v3-joint-fan`): shown, never picked, never saved. */\n  @property({ attribute: false }) fan: V3RenderPart | null = null\n\n  @query('div[stage]') private stage!: HTMLDivElement\n\n  private scene?: SceneHandle\n  private board?: Board & { depth: number }\n  private standingFor?: string\n  private watcher?: ResizeObserver\n  /** Set while this canvas writes to components, so the scene's echo of it is not taken for a drag. */\n  private writing = false\n\n  render() {\n    return html`<div stage></div>${this.parts.length ? nothing : html`<p>${i18next.t('figure.text.add-a-shape-to-start')}</p>`}`\n  }\n\n  firstUpdated() {\n    this.standUp()\n    this.watcher = new ResizeObserver(() => this.scene?.resize?.())\n    this.watcher.observe(this)\n  }\n\n  protected updated(changed: PropertyValues) {\n    if (!this.hasUpdated) return\n    if (changed.has('parts') || changed.has('palette') || changed.has('context') || changed.has('fan')) this.standUp()\n    if (changed.has('view')) this.applyView()\n    if (changed.has('selected')) this.showSelected()\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    this.watcher?.disconnect()\n    this.watcher = undefined\n    this.teardown()\n  }\n\n  /**\n   * The board as a picture, for the card: the 3D view at this size, or nothing when it cannot be taken. The scene's\n   * `toDataURL` renders the 2D board (a white sheet), and the 3D renderer keeps no drawing buffer, so the\n   * scene's own `snapshot3d` draws and reads in one task. A picture that cannot be taken is not an error and is not\n   * faked (user, 2026-09-24: no card had a picture after this canvas moved onto the scene).\n   */\n  async snapshot(width = 480, height = 360): Promise<string | undefined> {\n    const layer = this.scene?.root as (SceneLayer & { snapshot3d?: (w?: number, h?: number, type?: string, quality?: number) => Promise<string | undefined> }) | undefined\n    if (!layer?.snapshot3d) return undefined\n    try {\n      /* webp: a card needs no alpha, and png is three or four times heavier in every list response. */\n      const url = await layer.snapshot3d(width, height, 'image/webp', 0.85)\n      return typeof url === 'string' && url.startsWith('data:') ? url : undefined\n    } catch (e) {\n      console.warn(`[thumbnail] could not take the picture -- ${(e as Error).message}`)\n      return undefined\n    }\n  }\n\n  /** The whole figure in view: the board's fit, then the 3D camera's own. */\n  fit() {\n    this.scene?.fit?.('ratio')\n    this.scene?.root?.fitCameraToModel?.()\n  }\n\n  /** The gizmo in a mode on the selected part, as W, E and R do with the canvas focused -- the scene's toggle. */\n  gizmo(mode: 'translate' | 'rotate' | 'scale') {\n    this.scene?.root?.setGizmoMode?.(mode)\n  }\n\n  /**\n   * Stand the board up for this figure, or bring the one standing up to date. A new board only for another figure or\n   * one that has outgrown it -- standing up again loses the selection and the camera.\n   */\n  private standUp() {\n    if (!this.stage) return\n    const needed = boardFor(this.parts, this.board)\n    const outgrown = !this.board || needed.width > this.board.width || needed.height > this.board.height || needed.depth > this.board.depth\n    if (this.scene && this.standingFor === this.context) {\n      /*\n        A part dragged past the board's edge grows the board where it stands. Standing it up again lost the selection,\n        the gizmo and the camera after every such drag -- the gizmo seemed not to work at all (user, 2026-09-24).\n      */\n      if (outgrown) this.grow(needed)\n      this.sync()\n      return\n    }\n    this.teardown()\n    if (!this.parts.length) return\n    this.board = needed\n    try {\n      this.scene = create({\n        target: this.stage,\n        model: {\n          type: 'model-layer',\n          width: needed.width,\n          height: needed.height,\n          depth: needed.depth,\n          threed: true,\n          /* Two samples a pixel: MSAA alone leaves steps on the silhouettes of one asset shown large. */\n          pixelRatio: Math.min(3, (window.devicePixelRatio || 1) * 2),\n          ...sceneLook(this.view ?? DEFAULT_VIEW),\n          gridStep: niceGridStep(Math.max(needed.width, needed.height)),\n          sky: 'color',\n          fillStyle: PAPER,\n          components: this.components()\n        },\n        /* Editing mode: the camera view buttons, gizmo modes, help and keys. */\n        mode: 1\n      }) as SceneHandle\n      this.standingFor = this.context\n      this.watchScene()\n      this.scene.resize?.()\n      this.fit()\n      this.showSelected()\n    } catch (error) {\n      this.dispatchEvent(new CustomEvent('render-error', { detail: error, bubbles: true, composed: true }))\n    }\n  }\n\n  private components(): Record<string, unknown>[] {\n    const parts = this.parts.map(part => componentOf(part, this.palette, this.board!)).filter((c): c is Record<string, unknown> => !!c)\n    /* The fan in the accent colour, translucent; `capturable: false` keeps clicks, the marquee and the gizmo off it. */\n    const fan = this.fan ? componentOf(this.fan, { ...this.palette, [JOINT_FAN]: this.palette['palette.accent'] ?? FAN_COLOUR }, this.board!) : null\n    return fan ? [...parts, { ...fan, capturable: false, locked: true }] : parts\n  }\n\n  /** The components standing now, by name. Not held between calls: the scene stands its board up again at times. */\n  private standing(): Map<string, SceneComponent> {\n    const found = new Map<string, SceneComponent>()\n    for (const component of this.scene?.root?.components ?? []) {\n      const name = component.state?.name\n      if (typeof name === 'string') found.set(name, component)\n    }\n    return found\n  }\n\n  /** A larger board under the same scene: its size, and the grid that suits it. Components are re-placed by `sync`. */\n  private grow(needed: Board & { depth: number }) {\n    const layer = this.scene?.root\n    this.board = needed\n    if (!layer) return\n    this.writing = true\n    try {\n      layer.set({ width: needed.width, height: needed.height, depth: needed.depth, gridStep: niceGridStep(Math.max(needed.width, needed.height)) })\n    } finally {\n      this.writing = false\n    }\n  }\n\n  /** Bring the components to the evaluation: remove the gone, write only what differs, add the new. */\n  private sync() {\n    const layer = this.scene?.root\n    if (!layer || !this.board) return\n    const wanted = new Map(this.components().map(c => [c.name as string, c]))\n    const standing = this.standing()\n    this.writing = true\n    try {\n      for (const [name, component] of standing) {\n        if (wanted.has(name)) continue\n        layer.removeComponent?.(component)\n        component.dispose?.()\n      }\n      for (const [name, state] of wanted) {\n        const found = standing.get(name)\n        if (found) {\n          const diff = changedKeys(found.state, state)\n          if (diff) found.set(diff)\n          continue\n        }\n        const made = Model.compile({ ...state }, layer.app as never) as SceneComponent | null\n        if (made) layer.addComponent?.(made)\n      }\n    } finally {\n      this.writing = false\n    }\n    layer.invalidate?.()\n  }\n\n  /** Selection and drags, told out by the part's name -- never by its place in the list, which may change meanwhile. */\n  private watchScene() {\n    const layer = this.scene?.root\n    const root = layer?.root\n    if (!layer || !root?.on || this.viewOnly) return\n    root.on('selected', (after: unknown) => {\n      const name = (after as SceneComponent[] | undefined)?.[0]?.state?.name\n      const id = typeof name === 'string' ? name : ''\n      if (ownerOf(id) !== this.selected) this.dispatchEvent(new CustomEvent('part-selected', { detail: id, bubbles: true, composed: true }))\n    })\n    /*\n      A change comes up to the board with the component in the last argument's `origin` (the scene appends\n      { origin, name, deliverer } as it bubbles). Reading the first argument as the component does nothing.\n    */\n    /*\n      A drag is written once, when it ends. The scene's gizmo writes the component on every move -- a size anchored on\n      the opposite face, from the scale it captured when the drag began -- and writing each move back through the\n      editor (and the evaluation back onto the component) fought it: the scale gizmo did not work (user, 2026-09-24).\n      While a pointer is down the changes are only kept; on release the last one is told, and the board is brought to\n      the evaluation. A change with no pointer down (the arrow keys) is told after a short pause.\n    */\n    layer.on?.('change', (...args: unknown[]) => {\n      if (this.writing) return\n      const origin = (args[args.length - 1] as { origin?: SceneComponent } | undefined)?.origin\n      const name = origin?.state?.name\n      if (typeof name !== 'string' || !this.parts.some(p => p.id === name)) return\n      this.pending.set(name, origin!)\n      if (!this.pointerDown) this.commitSoon(80)\n    })\n    this.stage.addEventListener('pointerdown', this.onPointerDown, true)\n    window.addEventListener('pointerup', this.onPointerUp, true)\n    window.addEventListener('pointercancel', this.onPointerUp, true)\n  }\n\n  /** Components the gizmo changed since the last commit, by part name. */\n  private pending = new Map<string, SceneComponent>()\n  private pointerDown = false\n  private commitTimer?: ReturnType<typeof setTimeout>\n  private onPointerDown = () => {\n    this.pointerDown = true\n  }\n  private onPointerUp = () => {\n    if (!this.pointerDown) return\n    this.pointerDown = false\n    /* After the scene's own drag end (it settles the depth and rebuilds the geometry on release). */\n    this.commitSoon(0)\n  }\n  private commitSoon(delay: number) {\n    clearTimeout(this.commitTimer)\n    this.commitTimer = setTimeout(() => this.commit(), delay)\n  }\n  /** Tell each changed part once, in the inputs' terms; then put the board where the inputs say (a refusal springs back). */\n  private commit() {\n    /*\n      Not while a pointer is down: a pause set by a change just before the press (the arrow keys, the scene settling\n      the pick) fired in the middle of the drag and wrote where the part was then -- a drag on a part placed by a rule\n      became two steps, the first one a few millimetres in (browser check, 2026-09-25). What is pending waits for the release.\n    */\n    if (this.pointerDown || !this.board || !this.pending.size) return\n    const changed = [...this.pending]\n    this.pending.clear()\n    for (const [name, component] of changed) {\n      const part = this.parts.find(p => p.id === name)\n      if (!part) continue\n      const result = gizmoResultOf(part, component.state, this.board)\n      if (!result.position && !result.rotation && !result.scale) continue\n      this.dispatchEvent(new CustomEvent('part-transformed', { detail: { id: part.id, result }, bubbles: true, composed: true }))\n    }\n    setTimeout(() => this.sync())\n  }\n\n  private showSelected() {\n    const layer = this.scene?.root\n    const root = layer?.root\n    if (!layer || !root) return\n    /* A repeat is selected whole: every copy of it (the editor selects the part the author made). */\n    const wanted = this.selected ? [...this.standing()].filter(([name]) => ownerOf(name) === this.selected).map(([, component]) => component) : []\n    const now = root.selected ?? []\n    if (now.length === wanted.length && wanted.every((one, i) => now[i] === one)) return\n    root.selected = wanted\n    layer.invalidate?.()\n  }\n\n  /** View settings go into the scene as they are: they are the board's own state names. Nothing is stood up again. */\n  private applyView() {\n    const layer = this.scene?.root\n    if (!layer) return\n    layer.set(sceneLook(this.view ?? DEFAULT_VIEW))\n    layer.invalidate?.()\n  }\n\n  private teardown() {\n    clearTimeout(this.commitTimer)\n    this.pending.clear()\n    this.stage?.removeEventListener('pointerdown', this.onPointerDown, true)\n    window.removeEventListener('pointerup', this.onPointerUp, true)\n    window.removeEventListener('pointercancel', this.onPointerUp, true)\n    this.scene?.dispose?.()\n    this.scene = undefined\n    this.standingFor = undefined\n    this.board = undefined\n  }\n}\n"]}

package/dist-client/modeller/v3-clips.js.map

@@ -1 +1 @@
-{"version":3,"file":"v3-clips.js","sourceRoot":"","sources":["../../client/modeller/v3-clips.ts"],"names":[],"mappings":"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","sourcesContent":["import { driverValue } from '@hatiolab/figure-model'\nimport type { V3Asset, V3Driver, V3InputChange } from '@hatiolab/figure-model'\n\n/*\n * The figure's clips -- V2's animations: controls played by keys over time, grouped into clips that each run on one\n * clock. Kept apart from the element so the reading is tested without a browser.\n */\nexport interface ClipKey {\n  seconds: number\n  value: number\n}\nexport interface ClipTrack {\n  state: string\n  label: string\n  unit: string\n  min: number\n  max: number\n  keys: ClipKey[]\n  interpolation: 'linear' | 'step'\n  loop: 'wrap' | 'hold'\n  accumulates: boolean\n}\nexport interface Clip {\n  name: string\n  duration: number\n  tracks: ClipTrack[]\n}\n\nconst round = (n: number) => Math.round(n * 1000) / 1000\n\nexport function clipsOf(asset: V3Asset): Clip[] {\n  const inputs = new Map(asset.document.model.inputs.map(i => [i.id, i]))\n  const clips = new Map<string, Clip>()\n  for (const d of asset.drivers ?? []) {\n    const input = inputs.get(d.state)\n    const clip = clips.get(d.clip) ?? { name: d.clip, duration: d.time.duration, tracks: [] }\n    clip.tracks.push({\n      state: d.state,\n      label: asset.stateInputs?.[d.state]?.label ?? d.state,\n      unit: input?.unit ?? '',\n      min: input?.min ?? 0,\n      max: input?.max ?? 0,\n      keys: d.keys.map(k => ({ seconds: round(k.at * d.time.duration), value: k.value })),\n      interpolation: d.interpolation,\n      loop: d.loop,\n      accumulates: d.accumulates\n    })\n    clips.set(d.clip, clip)\n  }\n  return [...clips.values()]\n}\n\n/** The controls no clip plays yet -- the ones a new track can take. One driver per control. */\nexport function undrivenOf(asset: V3Asset): string[] {\n  const driven = new Set((asset.drivers ?? []).map(d => d.state))\n  return asset.document.model.inputs.filter(i => i.role === 'state' && !driven.has(i.id)).map(i => i.id)\n}\n\n/** The pose a clip gives at a moment, as one batch of state changes -- one step of the history. */\nexport function poseAt(asset: V3Asset, clip: string, seconds: number): V3InputChange[] {\n  const units = new Map(asset.document.model.inputs.map(i => [i.id, i.unit]))\n  return (asset.drivers ?? [])\n    .filter((d: V3Driver) => d.clip === clip)\n    .map(d => {\n      const unit = units.get(d.state)!\n      return { kind: 'set-state' as const, input: d.state, unit, value: driverValue(d, seconds, unit === 'deg' || unit === 'rad' ? unit : 'other') }\n    })\n}\n\n/** A key added at a moment, replacing one already there; the keys stay in time order. */\nexport function withKey(keys: readonly ClipKey[], key: ClipKey): ClipKey[] {\n  return [...keys.filter(k => k.seconds !== key.seconds), key].sort((a, b) => a.seconds - b.seconds)\n}\n\n/** A track's keys without one; a track keeps at least its two ends, as the format asks. */\nexport function withoutKey(keys: readonly ClipKey[], index: number): ClipKey[] | null {\n  if (keys.length <= 2 || index === 0) return null\n  return keys.filter((_, i) => i !== index)\n}\n\n/** The edit that writes a track back. */\nexport const trackEdit = (clip: Clip, track: ClipTrack, patch: Partial<Pick<ClipTrack, 'keys' | 'loop' | 'interpolation'>> = {}) => ({\n  kind: 'set-driver' as const,\n  state: track.state,\n  clip: clip.name,\n  keys: patch.keys ?? track.keys,\n  loop: patch.loop ?? track.loop,\n  interpolation: patch.interpolation ?? track.interpolation\n})\n"]}
+{"version":3,"file":"v3-clips.js","sourceRoot":"","sources":["../../client/modeller/v3-clips.ts"],"names":[],"mappings":"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","sourcesContent":["import { driverValue } from '@hatiolab/figure-model'\nimport type { V3Asset, V3Driver, V3InputChange } from '@hatiolab/figure-model'\n\n/*\n * The figure's clips: controls played by keys over time, grouped into clips that each run on one\n * clock. Kept apart from the element so the reading is tested without a browser.\n */\nexport interface ClipKey {\n  seconds: number\n  value: number\n}\nexport interface ClipTrack {\n  state: string\n  label: string\n  unit: string\n  min: number\n  max: number\n  keys: ClipKey[]\n  interpolation: 'linear' | 'step'\n  loop: 'wrap' | 'hold'\n  accumulates: boolean\n}\nexport interface Clip {\n  name: string\n  duration: number\n  tracks: ClipTrack[]\n}\n\nconst round = (n: number) => Math.round(n * 1000) / 1000\n\nexport function clipsOf(asset: V3Asset): Clip[] {\n  const inputs = new Map(asset.document.model.inputs.map(i => [i.id, i]))\n  const clips = new Map<string, Clip>()\n  for (const d of asset.drivers ?? []) {\n    const input = inputs.get(d.state)\n    const clip = clips.get(d.clip) ?? { name: d.clip, duration: d.time.duration, tracks: [] }\n    clip.tracks.push({\n      state: d.state,\n      label: asset.stateInputs?.[d.state]?.label ?? d.state,\n      unit: input?.unit ?? '',\n      min: input?.min ?? 0,\n      max: input?.max ?? 0,\n      keys: d.keys.map(k => ({ seconds: round(k.at * d.time.duration), value: k.value })),\n      interpolation: d.interpolation,\n      loop: d.loop,\n      accumulates: d.accumulates\n    })\n    clips.set(d.clip, clip)\n  }\n  return [...clips.values()]\n}\n\n/** The controls no clip plays yet -- the ones a new track can take. One driver per control. */\nexport function undrivenOf(asset: V3Asset): string[] {\n  const driven = new Set((asset.drivers ?? []).map(d => d.state))\n  return asset.document.model.inputs.filter(i => i.role === 'state' && !driven.has(i.id)).map(i => i.id)\n}\n\n/** The pose a clip gives at a moment, as one batch of state changes -- one step of the history. */\nexport function poseAt(asset: V3Asset, clip: string, seconds: number): V3InputChange[] {\n  const units = new Map(asset.document.model.inputs.map(i => [i.id, i.unit]))\n  return (asset.drivers ?? [])\n    .filter((d: V3Driver) => d.clip === clip)\n    .map(d => {\n      const unit = units.get(d.state)!\n      return { kind: 'set-state' as const, input: d.state, unit, value: driverValue(d, seconds, unit === 'deg' || unit === 'rad' ? unit : 'other') }\n    })\n}\n\n/** A key added at a moment, replacing one already there; the keys stay in time order. */\nexport function withKey(keys: readonly ClipKey[], key: ClipKey): ClipKey[] {\n  return [...keys.filter(k => k.seconds !== key.seconds), key].sort((a, b) => a.seconds - b.seconds)\n}\n\n/** A track's keys without one; a track keeps at least its two ends, as the format asks. */\nexport function withoutKey(keys: readonly ClipKey[], index: number): ClipKey[] | null {\n  if (keys.length <= 2 || index === 0) return null\n  return keys.filter((_, i) => i !== index)\n}\n\n/** The edit that writes a track back. */\nexport const trackEdit = (clip: Clip, track: ClipTrack, patch: Partial<Pick<ClipTrack, 'keys' | 'loop' | 'interpolation'>> = {}) => ({\n  kind: 'set-driver' as const,\n  state: track.state,\n  clip: clip.name,\n  keys: patch.keys ?? track.keys,\n  loop: patch.loop ?? track.loop,\n  interpolation: patch.interpolation ?? track.interpolation\n})\n"]}

package/dist-client/modeller/v3-controls.js.map

@@ -1 +1 @@
-{"version":3,"file":"v3-controls.js","sourceRoot":"","sources":["../../client/modeller/v3-controls.ts"],"names":[],"mappings":"AAyBA,MAAM,UAAU,UAAU,CAAC,KAAc,EAAE,SAAiC,EAAE;IAC5E,OAAO,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM;SAC/B,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC;SACvC,GAAG,CAAC,KAAK,CAAC,EAAE;QACX,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;QAC5C,MAAM,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,KAAK,CAAC,GAAG,CAAA;QACxD,OAAO;YACL,EAAE,EAAE,KAAK,CAAC,EAAE;YACZ,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,KAAK,CAAC,EAAE;YAChC,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,KAAK;YACtB,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,GAAG,EAAE,KAAK,CAAC,GAAG;YACd,GAAG,EAAE,KAAK,CAAC,GAAG;YACd,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,KAAK;YAChC,KAAK;YACL,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;YACzB,IAAI,EAAE,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,GAAG;SAC/D,CAAA;IACH,CAAC,CAAC,CAAA;AACN,CAAC;AAED,2GAA2G;AAC3G,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,QAA4B,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,CAAC,CAAA;AAEpG,uEAAuE;AACvE,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,QAA4B,EAAE,EAAE,CAAC,CAAC;IAC9D,IAAI,EAAE,oBAA6B;IACnC,MAAM,EAAE,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;CAC/D,CAAC,CAAA","sourcesContent":["import type { V3Asset } from '@hatiolab/figure-model'\n\n/*\n * The figure's controls -- its state inputs, what V2 called parameters: the values a board or a connector sets to pose\n * the figure (a lift height, a joint angle, a gripper opening). Kept apart from the element so the reading is tested\n * without a browser.\n */\nexport interface Control {\n  id: string\n  /** The name a person reads, or the id when none is given. */\n  label: string\n  named: boolean\n  unit: string\n  min: number\n  max: number\n  /** Where it stands in the editor now -- the pose being looked at, not yet the default. */\n  value: number\n  /** Where it starts when the figure is placed: the default pose. */\n  start: number\n  /** Seconds to travel the whole range, 0 when it moves at once. */\n  sweep: number\n  /** A slider step: one degree for an angle, else a hundredth of the range. */\n  step: number\n}\n\nexport function controlsOf(asset: V3Asset, values: Record<string, number> = {}): Control[] {\n  return asset.document.model.inputs\n    .filter(input => input.role === 'state')\n    .map(input => {\n      const policy = asset.stateInputs?.[input.id]\n      const start = asset.stateDefaults[input.id] ?? input.min\n      return {\n        id: input.id,\n        label: policy?.label ?? input.id,\n        named: !!policy?.label,\n        unit: input.unit,\n        min: input.min,\n        max: input.max,\n        value: values[input.id] ?? start,\n        start,\n        sweep: policy?.sweep ?? 0,\n        step: input.unit === 'deg' ? 1 : (input.max - input.min) / 100\n      }\n    })\n}\n\n/** Whether the pose being looked at differs from the default pose -- only then is there a pose to keep. */\nexport const poseDiffers = (controls: readonly Control[]) => controls.some(c => c.value !== c.start)\n\n/** The current pose as the defaults: one `set-state-defaults` edit. */\nexport const poseAsDefault = (controls: readonly Control[]) => ({\n  kind: 'set-state-defaults' as const,\n  values: Object.fromEntries(controls.map(c => [c.id, c.value]))\n})\n"]}
+{"version":3,"file":"v3-controls.js","sourceRoot":"","sources":["../../client/modeller/v3-controls.ts"],"names":[],"mappings":"AAyBA,MAAM,UAAU,UAAU,CAAC,KAAc,EAAE,SAAiC,EAAE;IAC5E,OAAO,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM;SAC/B,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC;SACvC,GAAG,CAAC,KAAK,CAAC,EAAE;QACX,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;QAC5C,MAAM,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,KAAK,CAAC,GAAG,CAAA;QACxD,OAAO;YACL,EAAE,EAAE,KAAK,CAAC,EAAE;YACZ,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,KAAK,CAAC,EAAE;YAChC,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,KAAK;YACtB,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,GAAG,EAAE,KAAK,CAAC,GAAG;YACd,GAAG,EAAE,KAAK,CAAC,GAAG;YACd,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,KAAK;YAChC,KAAK;YACL,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;YACzB,IAAI,EAAE,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,GAAG;SAC/D,CAAA;IACH,CAAC,CAAC,CAAA;AACN,CAAC;AAED,2GAA2G;AAC3G,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,QAA4B,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,CAAC,CAAA;AAEpG,uEAAuE;AACvE,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,QAA4B,EAAE,EAAE,CAAC,CAAC;IAC9D,IAAI,EAAE,oBAA6B;IACnC,MAAM,EAAE,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;CAC/D,CAAC,CAAA","sourcesContent":["import type { V3Asset } from '@hatiolab/figure-model'\n\n/*\n * The figure's controls -- its state inputs: the values a board or a connector sets to pose\n * the figure (a lift height, a joint angle, a gripper opening). Kept apart from the element so the reading is tested\n * without a browser.\n */\nexport interface Control {\n  id: string\n  /** The name a person reads, or the id when none is given. */\n  label: string\n  named: boolean\n  unit: string\n  min: number\n  max: number\n  /** Where it stands in the editor now -- the pose being looked at, not yet the default. */\n  value: number\n  /** Where it starts when the figure is placed: the default pose. */\n  start: number\n  /** Seconds to travel the whole range, 0 when it moves at once. */\n  sweep: number\n  /** A slider step: one degree for an angle, else a hundredth of the range. */\n  step: number\n}\n\nexport function controlsOf(asset: V3Asset, values: Record<string, number> = {}): Control[] {\n  return asset.document.model.inputs\n    .filter(input => input.role === 'state')\n    .map(input => {\n      const policy = asset.stateInputs?.[input.id]\n      const start = asset.stateDefaults[input.id] ?? input.min\n      return {\n        id: input.id,\n        label: policy?.label ?? input.id,\n        named: !!policy?.label,\n        unit: input.unit,\n        min: input.min,\n        max: input.max,\n        value: values[input.id] ?? start,\n        start,\n        sweep: policy?.sweep ?? 0,\n        step: input.unit === 'deg' ? 1 : (input.max - input.min) / 100\n      }\n    })\n}\n\n/** Whether the pose being looked at differs from the default pose -- only then is there a pose to keep. */\nexport const poseDiffers = (controls: readonly Control[]) => controls.some(c => c.value !== c.start)\n\n/** The current pose as the defaults: one `set-state-defaults` edit. */\nexport const poseAsDefault = (controls: readonly Control[]) => ({\n  kind: 'set-state-defaults' as const,\n  values: Object.fromEntries(controls.map(c => [c.id, c.value]))\n})\n"]}

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

@@ -17,7 +17,7 @@ export declare class FigureV3Editor extends LitElement {
     static styles: import("lit").CSSResult[];
     session?: V3ProductSession;
     revision: number;
-    /** The verdict's count, drawn on its tab so it stays in sight while another tab is open (V2's badge). */
+    /** The verdict's count, drawn on its tab so it stays in sight while another tab is open. */
     instances?: number;
     /** The cost line the parts list shows, from the maturity report. */
     budget?: V3BudgetLine;
@@ -33,18 +33,18 @@ export declare class FigureV3Editor extends LitElement {
     private tab;
     /** The frame the bar folds - found after the first render, since the bar is drawn before it. */
     private panes?;
-    /** What the middle shows: the parts being edited, or the figure placed on a board at eight sizes (V2's two modes). */
+    /** What the middle shows: the parts being edited, or the figure placed on a board at eight sizes. */
     private middle;
     /**
-     * How the workbench shows the figure -- V2's view settings, the board's own state names. The viewer's, kept in
+     * How the workbench shows the figure, in the board's own state names. The viewer's, kept in
      * their browser, never in the figure.
      */
     private view;
     private static storedView;
     private setView;
     /**
-     * Parts hidden on the workbench — the author's view while working, not the asset's visibility. Not saved, as in
-     * the V2 modeller: a part hidden here is still in the figure, still checked, still drawn on a board.
+     * Parts hidden on the workbench — the author's view while working, not the asset's visibility. Not saved: a part
+     * hidden here is still in the figure, still checked, still drawn on a board.
      */
     private hiddenParts;
     /** A value in hand -- typed, held on a spinner, scrubbed, dragged -- drawn at once and recorded on release. */
@@ -76,7 +76,7 @@ export declare class FigureV3Editor extends LitElement {
     private add;
     /**
      * The list's own operations, as V3 part edits — each one step of the session's history. The copy and the moved
-     * part stay selected, as they do in the V2 list.
+     * part stay selected.
      */
     private duplicatePart;
     private movePart;
@@ -88,11 +88,11 @@ export declare class FigureV3Editor extends LitElement {
     private transformed;
     /** 맞추기 — one tool, one step of the history, through the same inputs as the gizmo. */
     private align;
-    /** A mirrored copy: duplicate, then place the copy on the other side — two steps, as the V2 list makes it. */
+    /** A mirrored copy: duplicate, then place the copy on the other side — two steps. */
     private mirror;
     private renderTools;
     /**
-     * A part's name — the V2 part name field. It renames every value the part owns, and what refers to them follows
+     * A part's name. It renames every value the part owns, and what refers to them follows
      * (figure-model's rename-part), as one step of the history.
      */
     /**
@@ -101,9 +101,9 @@ export declare class FigureV3Editor extends LitElement {
      */
     private renderRepeatNote;
     private renamePart;
-    /** Size response, fastening and motion for the selected part (parity ④ ⑤ ⑥), as authoring commands. */
+    /** Size response, fastening and motion for the selected part, as authoring commands. */
     private renderLinks;
-    /** The figure's controls: try a value, name it, set its range and travel time, keep the pose (parity row ⑥). */
+    /** The figure's controls: try a value, name it, set its range and travel time, keep the pose. */
     private renderControls;
     /** One command, one step of the history. A refusal a person can meet here is said in their words. */
     private linkCommand;
@@ -125,14 +125,14 @@ export declare class FigureV3Editor extends LitElement {
      */
     private renderSizingRule;
     /**
-     * The parts list, one row per part the author made: a repeat is one row with how many copies it makes now (V2 listed
-     * its parts the same way; user, 2026-09-24: the conveyor's sixteen rollers were sixteen rows).
+     * The parts list, one row per part the author made: a repeat is one row with how many copies it makes now
+     * (user, 2026-09-24: the conveyor's sixteen rollers were sixteen rows).
      */
     private partRows;
     /** The detail level's part budget for the list's head, from figure-model's count (a repeat once). */
     private partBudgetOf;
     /**
-     * A repeat: which way its copies run, how many there are now, and how far apart -- V2's `repeat: { axis, pitch }`.
+     * A repeat: which way its copies run, how many there are now, and how far apart.
      * The pitch of a row that fills its length is edited as a number (`set-repeat` makes it the part's own the first
      * time); a row of a fixed count says its pitch cannot be set yet (figure-model refuses it the same way).
      */