@things-factory/figure-ui 10.1.151 → 10.1.153

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

@@ -0,0 +1,307 @@
+import { css } from 'lit';
+/** The modeller editor's own styles: the bar's tools, the panes, the start card, the side's tabs and panels. */
+export const EditorStyles = css `
+  :host {
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+    height: 100%;
+    /* The editor folds by the width it is given, not the window's (UX ruling, 2026-09-24). */
+    container-type: inline-size;
+    font: 13px sans-serif;
+    color: var(--md-sys-color-on-surface);
+  }
+  /* The bar over the work is ox-canvas-bar (ADR-0060 decision 8): the folds at its edges, undo, redo and
+     fit in the suite's places. What the editor puts in it - the mode switch, the status, save - is styled here. */
+  ox-canvas-bar button[mode] {
+    height: 28px;
+    padding: 0 10px;
+    border-radius: 999em;
+    border-color: transparent;
+    background: none;
+  }
+  ox-canvas-bar button[mode][aria-pressed='true'] {
+    border-color: var(--md-sys-color-primary);
+  }
+  /* The gizmo's tools, drawn as the bar's own icon buttons (undo, redo, fit). */
+  ox-canvas-bar .gizmo-tools {
+    display: inline-flex;
+    gap: 2px;
+    padding-left: 4px;
+    border-left: 1px solid var(--md-sys-color-outline-variant);
+  }
+  ox-canvas-bar button[tool] {
+    display: inline-grid;
+    place-items: center;
+    width: 32px;
+    height: 32px;
+    padding: 0;
+    border: none;
+    border-radius: var(--md-sys-shape-corner-small, 8px);
+    background: transparent;
+    color: var(--md-sys-color-on-surface-variant);
+    cursor: pointer;
+  }
+  ox-canvas-bar button[tool]:hover:not(:disabled) {
+    background: var(--md-sys-color-surface-container-high);
+    color: var(--md-sys-color-on-surface);
+  }
+  ox-canvas-bar button[tool][aria-pressed='true'] {
+    background: var(--md-sys-color-secondary-container);
+    color: var(--md-sys-color-on-secondary-container);
+  }
+  ox-canvas-bar button[tool]:disabled {
+    opacity: 0.38;
+    cursor: default;
+  }
+  /*
+    Slotted into the bar from here, the tools do not get the bar's own icon size (20px, set inside its shadow): they
+    showed at md-icon's 24px, heavier than undo, redo and fit beside them. The same size, and the bar's focus ring.
+  */
+  ox-canvas-bar button[tool] md-icon {
+    --md-icon-size: 20px;
+  }
+  ox-canvas-bar button[tool]:focus-visible {
+    outline: 2px solid var(--md-sys-color-primary);
+    outline-offset: 1px;
+  }
+  figure-preview {
+    min-width: 0;
+    min-height: 0;
+  }
+  /* The edit canvas stays standing while the preview is in front (a 3D scene costs a third of a second to make), out of sight. */
+  div[middle][hidden] {
+    display: none;
+  }
+  /* The preview, once made, stays standing out of sight too: its 3D scene is not made again each time it is asked for. */
+  figure-preview[hidden] {
+    display: none;
+  }
+  ox-canvas-bar .status {
+    padding: 0 8px;
+    color: var(--md-sys-color-on-surface-variant);
+  }
+  ox-canvas-bar .status[dirty] {
+    color: var(--md-sys-color-primary);
+    font-weight: 600;
+  }
+  ox-canvas-bar button[save] {
+    height: 32px;
+    padding: 0 14px;
+    border: none;
+    border-radius: 999em;
+    color: var(--md-sys-color-on-primary);
+    background: var(--md-sys-color-primary);
+  }
+  /* The three panes are ox-three-pane's (ADR-0060 decision 8): widths 200 | 1fr | 340, 160 | 300 under
+     860px and one column with the middle first under 560px are the frame's, as are the dividers. */
+  ox-three-pane {
+    flex: 1;
+    min-height: 0;
+  }
+  figure-parts {
+    min-height: 0;
+  }
+  figure-canvas {
+    flex: 1;
+    min-width: 0;
+    min-height: 0;
+  }
+  div[middle] {
+    position: relative;
+    display: flex;
+    min-width: 0;
+    min-height: 0;
+  }
+  /* A new figure's first question, over the empty canvas. */
+  div[start] {
+    position: absolute;
+    inset: 50% auto auto 50%;
+    z-index: 10;
+    color: var(--md-sys-color-on-surface);
+    transform: translate(-50%, -50%);
+    width: min(440px, calc(100% - 32px));
+    box-sizing: border-box;
+    padding: 20px;
+    border-radius: 12px;
+    background: var(--md-sys-color-surface, #fff);
+    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18);
+  }
+  div[start] button[start-button] {
+    width: auto;
+    margin: 0;
+    font-size: var(--ui-t-body);
+    height: 36px;
+    padding: 0 16px;
+    border: 1px solid var(--md-sys-color-outline);
+    border-radius: 999em;
+    color: var(--md-sys-color-primary);
+    background: var(--md-sys-color-surface, #fff);
+    cursor: pointer;
+  }
+  div[start] button[start-button]:hover:not(:disabled) {
+    background: var(--md-sys-color-primary-container);
+  }
+  div[start] button[start-button][pressed] {
+    color: var(--md-sys-color-on-primary);
+    background: var(--md-sys-color-primary);
+    border-color: var(--md-sys-color-primary);
+  }
+  div[start] button[start-button]:disabled {
+    opacity: 0.5;
+    cursor: default;
+  }
+  div[start] h2 {
+    margin: 0 0 12px;
+    font-size: var(--ui-t-title);
+  }
+  div[start-paths] {
+    display: grid;
+    gap: 14px;
+  }
+  div[start-paths] h3 {
+    margin: 0 0 6px;
+    font-size: var(--ui-t-body);
+  }
+  div[start-shapes] {
+    display: flex;
+    gap: 8px;
+    flex-wrap: wrap;
+  }
+  div[start] small {
+    display: block;
+    margin-top: 4px;
+    color: var(--md-sys-color-on-surface-variant);
+  }
+  /* The side: tabs over one panel at a time, each using the whole height. */
+  aside {
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+    background: var(--md-sys-color-surface-container-lowest);
+  }
+  div[tabs] {
+    display: flex;
+    flex: none;
+    border-bottom: 1px solid var(--md-sys-color-outline-variant);
+  }
+  button[tab] {
+    flex: 1;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 1px;
+    min-width: 0;
+    height: 48px;
+    padding: 0;
+    border: none;
+    border-radius: 0;
+    border-bottom: 2px solid transparent;
+    background: none;
+    color: var(--md-sys-color-on-surface-variant);
+  }
+  button[tab]:hover:not([on]) {
+    background: var(--md-sys-color-surface-container);
+  }
+  button[tab][on] {
+    color: var(--md-sys-color-primary);
+    border-bottom-color: var(--md-sys-color-primary);
+  }
+  button[tab] md-icon {
+    font-size: 20px;
+    width: 20px;
+    height: 20px;
+  }
+  button[tab] span[tab-label] {
+    max-width: 100%;
+    overflow: hidden;
+    font-size: 0.66rem;
+    line-height: 1.2;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+  span[badge] {
+    position: absolute;
+    top: 3px;
+    right: 2px;
+    padding: 0 5px;
+    font-size: 0.62rem;
+    font-weight: 700;
+    line-height: 1.5;
+    color: var(--md-sys-color-on-primary-container);
+    background: var(--md-sys-color-primary-container);
+    border-radius: 999em;
+    pointer-events: none;
+  }
+  /* The sections inside carry the margins (side-panel-styles); the panel only scrolls. */
+  div[panel] {
+    flex: 1;
+    min-height: 0;
+    overflow: auto;
+    padding: 0;
+  }
+  div[panel][flush] {
+    padding: 0;
+  }
+  /* Hidden, not removed: a panel keeps what it holds (the verdict its last answer) while another tab is open. */
+  [off] {
+    display: none !important;
+  }
+  /* Which part the panel speaks of. */
+  div[subject] {
+    position: sticky;
+    top: 0;
+    z-index: 1;
+    display: grid;
+    gap: 4px;
+    padding: 10px 12px;
+    background: var(--md-sys-color-surface-container-lowest);
+    border-bottom: 1px solid var(--md-sys-color-outline-variant);
+  }
+  /* The panel's three sizes (side-panel-styles): the part's kind at the title's, its two lines at the hint's. */
+  div[subject-summary] {
+    display: grid;
+    gap: 2px;
+  }
+  div[subject-summary] b {
+    font-size: var(--ui-t-body, 13px);
+    font-weight: 600;
+  }
+  div[subject-summary] b span {
+    font-weight: 400;
+    color: var(--md-sys-color-on-surface-variant);
+  }
+  div[subject-summary] small {
+    color: var(--md-sys-color-on-surface-variant);
+  }
+  button {
+    font: inherit;
+    box-sizing: border-box;
+    height: 32px;
+    border: 1px solid var(--md-sys-color-outline-variant);
+    border-radius: 6px;
+    background: var(--md-sys-color-surface);
+    color: inherit;
+    padding: 0 8px;
+    min-width: 0;
+  }
+  button {
+    cursor: pointer;
+  }
+  button:disabled {
+    opacity: 0.45;
+    cursor: default;
+  }
+  button[aria-pressed='true'] {
+    background: var(--md-sys-color-secondary-container);
+    color: var(--md-sys-color-on-secondary-container);
+    border-color: var(--md-sys-color-primary);
+  }
+  .hint {
+    color: var(--md-sys-color-on-surface-variant);
+    line-height: 1.5;
+  }
+`;
+//# sourceMappingURL=editor-styles.js.map

package/dist-client/modeller/editor-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-styles.js","sourceRoot":"","sources":["../../client/modeller/editor-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,gHAAgH;AAChH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+S9B,CAAA","sourcesContent":["import { css } from 'lit'\n\n/** The modeller editor's own styles: the bar's tools, the panes, the start card, the side's tabs and panels. */\nexport const EditorStyles = css`\n  :host {\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n    height: 100%;\n    /* The editor folds by the width it is given, not the window's (UX ruling, 2026-09-24). */\n    container-type: inline-size;\n    font: 13px sans-serif;\n    color: var(--md-sys-color-on-surface);\n  }\n  /* The bar over the work is ox-canvas-bar (ADR-0060 decision 8): the folds at its edges, undo, redo and\n     fit in the suite's places. What the editor puts in it - the mode switch, the status, save - is styled here. */\n  ox-canvas-bar button[mode] {\n    height: 28px;\n    padding: 0 10px;\n    border-radius: 999em;\n    border-color: transparent;\n    background: none;\n  }\n  ox-canvas-bar button[mode][aria-pressed='true'] {\n    border-color: var(--md-sys-color-primary);\n  }\n  /* The gizmo's tools, drawn as the bar's own icon buttons (undo, redo, fit). */\n  ox-canvas-bar .gizmo-tools {\n    display: inline-flex;\n    gap: 2px;\n    padding-left: 4px;\n    border-left: 1px solid var(--md-sys-color-outline-variant);\n  }\n  ox-canvas-bar button[tool] {\n    display: inline-grid;\n    place-items: center;\n    width: 32px;\n    height: 32px;\n    padding: 0;\n    border: none;\n    border-radius: var(--md-sys-shape-corner-small, 8px);\n    background: transparent;\n    color: var(--md-sys-color-on-surface-variant);\n    cursor: pointer;\n  }\n  ox-canvas-bar button[tool]:hover:not(:disabled) {\n    background: var(--md-sys-color-surface-container-high);\n    color: var(--md-sys-color-on-surface);\n  }\n  ox-canvas-bar button[tool][aria-pressed='true'] {\n    background: var(--md-sys-color-secondary-container);\n    color: var(--md-sys-color-on-secondary-container);\n  }\n  ox-canvas-bar button[tool]:disabled {\n    opacity: 0.38;\n    cursor: default;\n  }\n  /*\n    Slotted into the bar from here, the tools do not get the bar's own icon size (20px, set inside its shadow): they\n    showed at md-icon's 24px, heavier than undo, redo and fit beside them. The same size, and the bar's focus ring.\n  */\n  ox-canvas-bar button[tool] md-icon {\n    --md-icon-size: 20px;\n  }\n  ox-canvas-bar button[tool]:focus-visible {\n    outline: 2px solid var(--md-sys-color-primary);\n    outline-offset: 1px;\n  }\n  figure-preview {\n    min-width: 0;\n    min-height: 0;\n  }\n  /* The edit canvas stays standing while the preview is in front (a 3D scene costs a third of a second to make), out of sight. */\n  div[middle][hidden] {\n    display: none;\n  }\n  /* The preview, once made, stays standing out of sight too: its 3D scene is not made again each time it is asked for. */\n  figure-preview[hidden] {\n    display: none;\n  }\n  ox-canvas-bar .status {\n    padding: 0 8px;\n    color: var(--md-sys-color-on-surface-variant);\n  }\n  ox-canvas-bar .status[dirty] {\n    color: var(--md-sys-color-primary);\n    font-weight: 600;\n  }\n  ox-canvas-bar button[save] {\n    height: 32px;\n    padding: 0 14px;\n    border: none;\n    border-radius: 999em;\n    color: var(--md-sys-color-on-primary);\n    background: var(--md-sys-color-primary);\n  }\n  /* The three panes are ox-three-pane's (ADR-0060 decision 8): widths 200 | 1fr | 340, 160 | 300 under\n     860px and one column with the middle first under 560px are the frame's, as are the dividers. */\n  ox-three-pane {\n    flex: 1;\n    min-height: 0;\n  }\n  figure-parts {\n    min-height: 0;\n  }\n  figure-canvas {\n    flex: 1;\n    min-width: 0;\n    min-height: 0;\n  }\n  div[middle] {\n    position: relative;\n    display: flex;\n    min-width: 0;\n    min-height: 0;\n  }\n  /* A new figure's first question, over the empty canvas. */\n  div[start] {\n    position: absolute;\n    inset: 50% auto auto 50%;\n    z-index: 10;\n    color: var(--md-sys-color-on-surface);\n    transform: translate(-50%, -50%);\n    width: min(440px, calc(100% - 32px));\n    box-sizing: border-box;\n    padding: 20px;\n    border-radius: 12px;\n    background: var(--md-sys-color-surface, #fff);\n    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18);\n  }\n  div[start] button[start-button] {\n    width: auto;\n    margin: 0;\n    font-size: var(--ui-t-body);\n    height: 36px;\n    padding: 0 16px;\n    border: 1px solid var(--md-sys-color-outline);\n    border-radius: 999em;\n    color: var(--md-sys-color-primary);\n    background: var(--md-sys-color-surface, #fff);\n    cursor: pointer;\n  }\n  div[start] button[start-button]:hover:not(:disabled) {\n    background: var(--md-sys-color-primary-container);\n  }\n  div[start] button[start-button][pressed] {\n    color: var(--md-sys-color-on-primary);\n    background: var(--md-sys-color-primary);\n    border-color: var(--md-sys-color-primary);\n  }\n  div[start] button[start-button]:disabled {\n    opacity: 0.5;\n    cursor: default;\n  }\n  div[start] h2 {\n    margin: 0 0 12px;\n    font-size: var(--ui-t-title);\n  }\n  div[start-paths] {\n    display: grid;\n    gap: 14px;\n  }\n  div[start-paths] h3 {\n    margin: 0 0 6px;\n    font-size: var(--ui-t-body);\n  }\n  div[start-shapes] {\n    display: flex;\n    gap: 8px;\n    flex-wrap: wrap;\n  }\n  div[start] small {\n    display: block;\n    margin-top: 4px;\n    color: var(--md-sys-color-on-surface-variant);\n  }\n  /* The side: tabs over one panel at a time, each using the whole height. */\n  aside {\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n    background: var(--md-sys-color-surface-container-lowest);\n  }\n  div[tabs] {\n    display: flex;\n    flex: none;\n    border-bottom: 1px solid var(--md-sys-color-outline-variant);\n  }\n  button[tab] {\n    flex: 1;\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 1px;\n    min-width: 0;\n    height: 48px;\n    padding: 0;\n    border: none;\n    border-radius: 0;\n    border-bottom: 2px solid transparent;\n    background: none;\n    color: var(--md-sys-color-on-surface-variant);\n  }\n  button[tab]:hover:not([on]) {\n    background: var(--md-sys-color-surface-container);\n  }\n  button[tab][on] {\n    color: var(--md-sys-color-primary);\n    border-bottom-color: var(--md-sys-color-primary);\n  }\n  button[tab] md-icon {\n    font-size: 20px;\n    width: 20px;\n    height: 20px;\n  }\n  button[tab] span[tab-label] {\n    max-width: 100%;\n    overflow: hidden;\n    font-size: 0.66rem;\n    line-height: 1.2;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n  span[badge] {\n    position: absolute;\n    top: 3px;\n    right: 2px;\n    padding: 0 5px;\n    font-size: 0.62rem;\n    font-weight: 700;\n    line-height: 1.5;\n    color: var(--md-sys-color-on-primary-container);\n    background: var(--md-sys-color-primary-container);\n    border-radius: 999em;\n    pointer-events: none;\n  }\n  /* The sections inside carry the margins (side-panel-styles); the panel only scrolls. */\n  div[panel] {\n    flex: 1;\n    min-height: 0;\n    overflow: auto;\n    padding: 0;\n  }\n  div[panel][flush] {\n    padding: 0;\n  }\n  /* Hidden, not removed: a panel keeps what it holds (the verdict its last answer) while another tab is open. */\n  [off] {\n    display: none !important;\n  }\n  /* Which part the panel speaks of. */\n  div[subject] {\n    position: sticky;\n    top: 0;\n    z-index: 1;\n    display: grid;\n    gap: 4px;\n    padding: 10px 12px;\n    background: var(--md-sys-color-surface-container-lowest);\n    border-bottom: 1px solid var(--md-sys-color-outline-variant);\n  }\n  /* The panel's three sizes (side-panel-styles): the part's kind at the title's, its two lines at the hint's. */\n  div[subject-summary] {\n    display: grid;\n    gap: 2px;\n  }\n  div[subject-summary] b {\n    font-size: var(--ui-t-body, 13px);\n    font-weight: 600;\n  }\n  div[subject-summary] b span {\n    font-weight: 400;\n    color: var(--md-sys-color-on-surface-variant);\n  }\n  div[subject-summary] small {\n    color: var(--md-sys-color-on-surface-variant);\n  }\n  button {\n    font: inherit;\n    box-sizing: border-box;\n    height: 32px;\n    border: 1px solid var(--md-sys-color-outline-variant);\n    border-radius: 6px;\n    background: var(--md-sys-color-surface);\n    color: inherit;\n    padding: 0 8px;\n    min-width: 0;\n  }\n  button {\n    cursor: pointer;\n  }\n  button:disabled {\n    opacity: 0.45;\n    cursor: default;\n  }\n  button[aria-pressed='true'] {\n    background: var(--md-sys-color-secondary-container);\n    color: var(--md-sys-color-on-secondary-container);\n    border-color: var(--md-sys-color-primary);\n  }\n  .hint {\n    color: var(--md-sys-color-on-surface-variant);\n    line-height: 1.5;\n  }\n`\n"]}

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

@@ -77,43 +77,19 @@ export declare class FigureEditor extends LitElement {
     private live;
     /** The part whose drawn section is open in the section editor (ADR-0100 §3.2), or null. */
     private sectionEditing;
-    /**
-     * A command seen before it is done (ADR-0097 §5.5): worked out on a copy for the figure, version, part and command it
-     * names, and shown only while all four are still the ones on screen. Nothing of it is saved or undone.
-     */
-    private preview?;
-    private previewDrawn?;
     private lastContext;
+    private commandPreview;
     /**
      * Move, turn and size on the canvas, in the bar's tools: the gizmo the W · E · R keys give, found without knowing the
      * keys (2026-09-26 -- a person dragging the part turned the camera). Each is offered only where the part's own
      * numbers can take it (`gizmoReachOf`).
      */
     private renderGizmoTools;
-    /** The modeller's keys (`keys.ts`): undo, redo, duplicate, remove, back to the whole figure, the gizmo's modes. */
-    private onKey;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private static readonly FOLD_START_UNDER;
-    private foldedForWidth;
-    private keptOpenByAuthor;
-    private widthWatch;
-    private fitPanesTo;
-    /**
-     * Refusals and notices go to the app's shared surfaces, as every screen's do (user, 2026-09-27: 「왜 모두가 사용하는
-     * notification 오류 표현 방법을 사용하지 않고」 · 「혹은 oxprompt 에서 확인하고 진행하던지」). A refusal with a way on --
-     * delete and fit the space again, narrow the range -- asks in the app's prompt and goes on when confirmed; any
-     * other refusal is the app's notification, which stays until it is closed.
-     */
-    private toldViewError;
-    private tell;
-    private askClipLoss;
-    private confirmClipLoss;
-    private ask;
+    private keys;
+    private keyAction;
+    private paneFold;
+    private refusals;
     private panelMemory;
-    private restorePanelFor?;
-    private propertiesPanel;
-    private foldsOf;
     /** The preview is made when first asked for, and kept (hidden) after that; it is taken down with the editor. */
     private previewMounted;
     protected willUpdate(_changed: PropertyValues): void;
@@ -146,12 +122,6 @@ export declare class FigureEditor extends LitElement {
      * defaults put every other joint back to its saved angle while one slider moved (user, 2026-09-24).
      */
     private shown;
-    /**
-     * The figure's parts by id, one per authored part as the parts list shows them. Not the drawn bodies: a row's copies
-     * are drawn under ids of their own, so a part made into a row was missing from those and its id was offered to the
-     * next part, which figure-model refused (DUPLICATE_PART).
-     */
-    private partIds;
     /** A value in hand: an input's value (design or pose) or a part edit. Nothing is recorded. */
     private hold;
     private closeSectionEditor;
@@ -215,8 +185,6 @@ export declare class FigureEditor extends LitElement {
     private renderRepeatNote;
     private renamePart;
     /** Size response, fastening and motion for the selected part, as authoring commands. */
-    private previewWordsSaid?;
-    private previewWordsNow;
     private renderLinks;
     /**
      * The face a size drag keeps for the selected part, figure-model's rule (`figureScaleAnchorOf`): the gizmo shows it
@@ -279,25 +247,6 @@ export declare class FigureEditor extends LitElement {
     private releaseWords;
     /** To the release that exists: the history tab's release section, not a second one here. */
     private goRelease;
-    /** The fastening form's command, seen before it is done; null clears what was shown. */
-    /**
-     * What a command would do is worked out on a copy of the figure -- several compiles of it -- so it waits for the field to
-     * rest: a number typed digit by digit asks once, for the number it ends on. Clearing is at once, and the same question on
-     * the same version is not asked again.
-     */
-    private previewTimer?;
-    private previewCommand;
-    private computePreview;
-    /** The preview, while it still speaks of what is on screen: this figure, this version, this part. */
-    private currentPreview;
-    private detachTimer?;
-    private detachAsked?;
-    /**
-     * Said once the figure has rested: working it out is a preview of the command on a copy (tens of milliseconds), and the
-     * edit that made this version should be on screen before it. Until then nothing is said, as for a part with no joint.
-     */
-    private detachWords;
-    private computeDetachWords;
     private overhangOf;
     /** The selected part's motion at both ends of its range, made once per version and part. */
     private motionEnds;