@things-factory/figure-ui 10.1.126 → 10.1.128

package/client/modeller/canvas.ts

@@ -115,7 +115,10 @@ export class FigureCanvas extends LitElement {
 
   firstUpdated() {
     this.standUp()
-    this.watcher = new ResizeObserver(() => this.scene?.resize?.())
+    /* Out of sight it has no size to draw at: it resizes when it is shown again, not to nothing. */
+    this.watcher = new ResizeObserver(() => {
+      if (this.checkVisibility?.() !== false) this.scene?.resize?.()
+    })
     this.watcher.observe(this)
   }
 
@@ -140,6 +143,8 @@ export class FigureCanvas extends LitElement {
    * faked (user, 2026-09-24: no card had a picture after this canvas moved onto the scene).
    */
   async snapshot(width = 480, height = 360): Promise<string | undefined> {
+    /* Kept standing while the preview is in front, it is not drawn: no picture, as when there was no canvas. */
+    if (this.checkVisibility?.() === false) return undefined
     const layer = this.scene?.root as (SceneLayer & { snapshot3d?: (w?: number, h?: number, type?: string, quality?: number) => Promise<string | undefined> }) | undefined
     if (!layer?.snapshot3d) return undefined
     try {

package/client/modeller/editor.ts

@@ -159,6 +159,14 @@ export class FigureEditor extends LitElement {
       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);
@@ -636,7 +644,10 @@ export class FigureEditor extends LitElement {
     for (const inner of panel.querySelectorAll('figure-links')) folds.push(...(inner.shadowRoot?.querySelectorAll('details') ?? []))
     return folds
   }
+  /** The preview is made when first asked for, and kept (hidden) after that; it is taken down with the editor. */
+  private previewMounted = false
   protected willUpdate(_changed: PropertyValues) {
+    if (this.middle === 'preview') this.previewMounted = true
     const view = this.session?.read()
     if (view?.context !== this.lastContext) {
       this.lastContext = view?.context ?? null
@@ -2145,8 +2156,10 @@ export class FigureEditor extends LitElement {
           @duplicate-part=${(e: CustomEvent) => this.duplicatePart(e.detail.id)}
           @remove-part=${(e: CustomEvent) => this.removePart(e.detail.id)}
         ></figure-parts>
-        ${this.middle === 'preview'
+        ${this.previewMounted
           ? html`<figure-preview
+              ?hidden=${this.middle !== 'preview'}
+              .active=${this.middle === 'preview'}
               .asset=${asset}
               .context=${view.context ?? ''}
               .view=${this.view}
@@ -2160,7 +2173,8 @@ export class FigureEditor extends LitElement {
               }}
               @part-edit=${(e: CustomEvent) => this.run(() => this.session!.edit(e.detail.edit))}
             ></figure-preview>`
-          : html`<div middle>
+          : nothing}
+        <div middle ?hidden=${this.middle === 'preview'}>
           ${view.geometry.length === 0 && !unavailable ? this.renderStart() : nothing}
           ${this.sectionEditing && this.sectionEditing === this.selected && !unavailable ? this.renderSectionEditor(view.geometry) : nothing}
           <figure-canvas
@@ -2179,7 +2193,7 @@ export class FigureEditor extends LitElement {
           @render-error=${(e: CustomEvent<Error>) => {
             this.error = e.detail.message
           }}
-        ></figure-canvas></div>`}
+        ></figure-canvas></div>
         <aside slot="end">
           <div tabs>
             ${this.renderTab('properties', 'tune', i18next.t('figure.label.properties'))}

package/client/modeller/figure-preview.ts

@@ -27,6 +27,8 @@ interface SceneHandle {
   dispose?: () => void
   resize?: () => void
   fit?: (type?: string) => void
+  /** The scene's container: it can make the content again while keeping the 3D renderer and the camera (undo and redo use it). */
+  rootContainer?: { rebuildContentModel?: (model: unknown, options?: { preserveThreeD?: boolean }) => void }
   root?: {
     set?: (patch: Record<string, unknown>) => void
     fitCameraToModel?: () => void
@@ -171,6 +173,13 @@ export class FigurePreview extends localize(i18next)(LitElement) {
   @property({ attribute: false }) asset?: FigureAsset
   /** Which figure: the type it is registered under here is this one's own, never a real type a board uses. */
   @property() context = ''
+  /**
+   * In front. Once made, the preview stays standing behind the edit canvas, so coming back to it is not a new 3D scene
+   * (about 300 ms): out of sight it does not follow the figure, and when it is shown again it makes its content again
+   * inside the scene that stands if the figure changed meanwhile.
+   */
+  @property({ type: Boolean }) active = true
+  private stale = false
   @property({ attribute: false }) view: ViewSettings = DEFAULT_VIEW
 
   @query('div[stage]') private stage!: HTMLDivElement
@@ -304,6 +313,15 @@ export class FigurePreview extends localize(i18next)(LitElement) {
 
   willUpdate(changed: Map<string, unknown>) {
     if (!this.hasUpdated) return
+    if (!this.active) {
+      this.stale = true
+      return
+    }
+    if (this.stale || changed.has('active')) {
+      this.stale = false
+      this.standUp()
+      return
+    }
     if (changed.has('asset') || changed.has('context')) {
       this.standUp()
       return
@@ -317,7 +335,9 @@ export class FigurePreview extends localize(i18next)(LitElement) {
 
   firstUpdated() {
     this.standUp()
-    this.watcher = new ResizeObserver(() => this.scene?.resize?.())
+    this.watcher = new ResizeObserver(() => {
+      if (this.active) this.scene?.resize?.()
+    })
     this.watcher.observe(this)
   }
 
@@ -345,30 +365,50 @@ export class FigurePreview extends localize(i18next)(LitElement) {
       this.teardown()
       return
     }
-    this.teardown()
-    this.driving = {}
     try {
       /* Registered as a board registers it, under a type of this preview's own: a real type's drawings stay as they are. */
       const type = `figure-preview-${this.context || 'new'}`
+      const size = authoredSizeOf(asset)
+      /*
+        The figure changed under a scene that is standing: the same type is registered again and the content made again
+        inside the same 3D scene. Making a scene anew costs about a third of a second and its first drawing compiles the
+        shaders again -- a value typed beside the preview held the screen for seconds. The scene is made anew only when
+        there is none, for another figure, or when the content cannot be made again in place.
+      */
+      const again = this.scene?.rootContainer?.rebuildContentModel && this.registered === type
+      if (!again) this.teardown()
+      this.driving = {}
       registerFigure(type, asset)
       this.registered = type
-      const size = authoredSizeOf(asset)
       const { components, board } = previewInstances(type, size)
+      const model = {
+        type: 'model-layer',
+        width: board.width,
+        height: board.height,
+        depth: previewBoardDepth({ placement: asset.placement, base: { y: size.y } }, view.ceilingHeight, PREVIEW_FACTOR),
+        threed: true,
+        sky: 'color',
+        ...sceneLook(view),
+        placement: view.placement,
+        heights: { floor: 0, ceiling: view.ceilingHeight },
+        pixelRatio: Math.min(3, (window.devicePixelRatio || 1) * 2),
+        components
+      }
+      if (again) {
+        try {
+          this.scene!.rootContainer!.rebuildContentModel!(model, { preserveThreeD: true })
+          this.standing = signature
+          this.cannot = ''
+          return
+        } catch {
+          this.teardown()
+          registerFigure(type, asset)
+          this.registered = type
+        }
+      }
       this.scene = create({
         target: this.stage,
-        model: {
-          type: 'model-layer',
-          width: board.width,
-          height: board.height,
-          depth: previewBoardDepth({ placement: asset.placement, base: { y: size.y } }, view.ceilingHeight, PREVIEW_FACTOR),
-          threed: true,
-          sky: 'color',
-          ...sceneLook(view),
-          placement: view.placement,
-          heights: { floor: 0, ceiling: view.ceilingHeight },
-          pixelRatio: Math.min(3, (window.devicePixelRatio || 1) * 2),
-          components
-        },
+        model,
         mode: 0
       }) as SceneHandle
       this.standing = signature

package/dist-client/modeller/canvas.js

@@ -79,7 +79,11 @@ let FigureCanvas = class FigureCanvas extends LitElement {
     }
     firstUpdated() {
         this.standUp();
-        this.watcher = new ResizeObserver(() => this.scene?.resize?.());
+        /* Out of sight it has no size to draw at: it resizes when it is shown again, not to nothing. */
+        this.watcher = new ResizeObserver(() => {
+            if (this.checkVisibility?.() !== false)
+                this.scene?.resize?.();
+        });
         this.watcher.observe(this);
     }
     updated(changed) {
@@ -105,6 +109,9 @@ let FigureCanvas = class FigureCanvas extends LitElement {
      * faked (user, 2026-09-24: no card had a picture after this canvas moved onto the scene).
      */
     async snapshot(width = 480, height = 360) {
+        /* Kept standing while the preview is in front, it is not drawn: no picture, as when there was no canvas. */
+        if (this.checkVisibility?.() === false)
+            return undefined;
         const layer = this.scene?.root;
         if (!layer?.snapshot3d)
             return undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"canvas.js","sourceRoot":"","sources":["../../client/modeller/canvas.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css, unsafeCSS, type PropertyValues } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { create, Model, niceGridStep } from '@hatiolab/things-scene'\n\nimport type { GizmoReach } from './gizmo.js'\nimport type { FigureRenderPart } from './renderer.js'\nimport { DEFAULT_VIEW, sceneLook, WORKBENCH, type ViewSettings } from './figure-view.js'\nimport { boardFor, changedKeys, componentOf, gizmoResultOf, type Board, type ScaleAnchor } from './stage-model.js'\nimport { JOINT_FAN } from './joint-fan.js'\nimport { PREVIEW, TARGET_FACE } from './command-preview.js'\nimport { ownerOf } from './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-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 (`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-canvas')\nexport class FigureCanvas 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  `\n  @property({ attribute: false }) parts: FigureRenderPart[] = []\n  @property({ attribute: false }) palette: Record<string, string> = {}\n  /** The face a size drag keeps, per part (figure-model's `figureScaleAnchorOf`), so the drag shows what is written. */\n  @property({ attribute: false }) anchors: Record<string, ScaleAnchor> = {}\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 (`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 (`joint-fan`): shown, never picked, never saved. */\n  @property({ attribute: false }) fan: FigureRenderPart | null = null\n  /**\n   * A command seen before it is done (ADR-0097 §5.5): the bodies it would move, where they would stand, translucent,\n   * and the face they would be fastened to, lit. Shown, never picked, never saved; gone when the command is.\n   */\n  @property({ attribute: false }) ghost: FigureRenderPart[] = []\n  @property({ attribute: false }) highlight: FigureRenderPart | 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    /*\n     * No line of its own over an empty stage: a new figure's start card says how to begin, and an empty stage otherwise\n     * is one loading, or with every part hidden -- where 「도형을 추가해…」 flashed and said the wrong thing (2026-10-02).\n     */\n    return html`<div stage></div>`\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 (['parts', 'palette', 'context', 'fan', 'anchors', 'ghost', 'highlight'].some(key => changed.has(key))) 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!, this.anchors[ownerOf(part.id)])).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    const accent = this.palette['palette.accent'] ?? FAN_COLOUR\n    const shown = [...(fan ? [fan] : []), ...this.ghost.map(part => componentOf(part, { ...this.palette, [PREVIEW]: accent, [TARGET_FACE]: accent }, this.board!)), ...(this.highlight ? [componentOf(this.highlight, { ...this.palette, [TARGET_FACE]: accent }, this.board!)] : [])]\n    return [...parts, ...shown.filter((c): c is Record<string, unknown> => !!c).map(c => ({ ...c, capturable: false, locked: true }))]\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      /*\n        A canvas taken off the screen disposes its scene, and the scene empties its selection as it goes. Told out,\n        that emptied the editor's choice whenever the middle turned to the preview (U03): the listener lit set on this\n        element hears it even after it left the page. A canvas not on the page has nothing to say about the choice.\n      */\n      if (!this.isConnected) return\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"]}
+{"version":3,"file":"canvas.js","sourceRoot":"","sources":["../../client/modeller/canvas.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css, unsafeCSS, type PropertyValues } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { create, Model, niceGridStep } from '@hatiolab/things-scene'\n\nimport type { GizmoReach } from './gizmo.js'\nimport type { FigureRenderPart } from './renderer.js'\nimport { DEFAULT_VIEW, sceneLook, WORKBENCH, type ViewSettings } from './figure-view.js'\nimport { boardFor, changedKeys, componentOf, gizmoResultOf, type Board, type ScaleAnchor } from './stage-model.js'\nimport { JOINT_FAN } from './joint-fan.js'\nimport { PREVIEW, TARGET_FACE } from './command-preview.js'\nimport { ownerOf } from './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-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 (`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-canvas')\nexport class FigureCanvas 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  `\n  @property({ attribute: false }) parts: FigureRenderPart[] = []\n  @property({ attribute: false }) palette: Record<string, string> = {}\n  /** The face a size drag keeps, per part (figure-model's `figureScaleAnchorOf`), so the drag shows what is written. */\n  @property({ attribute: false }) anchors: Record<string, ScaleAnchor> = {}\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 (`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 (`joint-fan`): shown, never picked, never saved. */\n  @property({ attribute: false }) fan: FigureRenderPart | null = null\n  /**\n   * A command seen before it is done (ADR-0097 §5.5): the bodies it would move, where they would stand, translucent,\n   * and the face they would be fastened to, lit. Shown, never picked, never saved; gone when the command is.\n   */\n  @property({ attribute: false }) ghost: FigureRenderPart[] = []\n  @property({ attribute: false }) highlight: FigureRenderPart | 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    /*\n     * No line of its own over an empty stage: a new figure's start card says how to begin, and an empty stage otherwise\n     * is one loading, or with every part hidden -- where 「도형을 추가해…」 flashed and said the wrong thing (2026-10-02).\n     */\n    return html`<div stage></div>`\n  }\n\n  firstUpdated() {\n    this.standUp()\n    /* Out of sight it has no size to draw at: it resizes when it is shown again, not to nothing. */\n    this.watcher = new ResizeObserver(() => {\n      if (this.checkVisibility?.() !== false) this.scene?.resize?.()\n    })\n    this.watcher.observe(this)\n  }\n\n  protected updated(changed: PropertyValues) {\n    if (!this.hasUpdated) return\n    if (['parts', 'palette', 'context', 'fan', 'anchors', 'ghost', 'highlight'].some(key => changed.has(key))) 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    /* Kept standing while the preview is in front, it is not drawn: no picture, as when there was no canvas. */\n    if (this.checkVisibility?.() === false) return 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!, this.anchors[ownerOf(part.id)])).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    const accent = this.palette['palette.accent'] ?? FAN_COLOUR\n    const shown = [...(fan ? [fan] : []), ...this.ghost.map(part => componentOf(part, { ...this.palette, [PREVIEW]: accent, [TARGET_FACE]: accent }, this.board!)), ...(this.highlight ? [componentOf(this.highlight, { ...this.palette, [TARGET_FACE]: accent }, this.board!)] : [])]\n    return [...parts, ...shown.filter((c): c is Record<string, unknown> => !!c).map(c => ({ ...c, capturable: false, locked: true }))]\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      /*\n        A canvas taken off the screen disposes its scene, and the scene empties its selection as it goes. Told out,\n        that emptied the editor's choice whenever the middle turned to the preview (U03): the listener lit set on this\n        element hears it even after it left the page. A canvas not on the page has nothing to say about the choice.\n      */\n      if (!this.isConnected) return\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/clips.d.ts

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

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

@@ -113,6 +113,8 @@ export declare class FigureEditor extends LitElement {
     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;
     /**
      * The selection moved off the part being edited. With nothing changed there the editor closes; with changes, the part

package/dist-client/modeller/editor.js

@@ -153,6 +153,8 @@ let FigureEditor = class FigureEditor extends LitElement {
           hide which part the panel speaks of. Another model starts clean.
         */
         this.panelMemory = new Map();
+        /** The preview is made when first asked for, and kept (hidden) after that; it is taken down with the editor. */
+        this.previewMounted = false;
         this.lastAnchors = {};
         /** To the release that exists: the history tab's release section, not a second one here. */
         this.goRelease = async () => {
@@ -232,6 +234,14 @@ let FigureEditor = class FigureEditor extends LitElement {
       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);
@@ -613,6 +623,8 @@ let FigureEditor = class FigureEditor extends LitElement {
         return folds;
     }
     willUpdate(_changed) {
+        if (this.middle === 'preview')
+            this.previewMounted = true;
         const view = this.session?.read();
         if (view?.context !== this.lastContext) {
             this.lastContext = view?.context ?? null;
@@ -2165,8 +2177,10 @@ let FigureEditor = class FigureEditor extends LitElement {
           @duplicate-part=${(e) => this.duplicatePart(e.detail.id)}
           @remove-part=${(e) => this.removePart(e.detail.id)}
         ></figure-parts>
-        ${this.middle === 'preview'
+        ${this.previewMounted
             ? html `<figure-preview
+              ?hidden=${this.middle !== 'preview'}
+              .active=${this.middle === 'preview'}
               .asset=${asset}
               .context=${view.context ?? ''}
               .view=${this.view}
@@ -2180,7 +2194,8 @@ let FigureEditor = class FigureEditor extends LitElement {
             }}
               @part-edit=${(e) => this.run(() => this.session.edit(e.detail.edit))}
             ></figure-preview>`
-            : html `<div middle>
+            : nothing}
+        <div middle ?hidden=${this.middle === 'preview'}>
           ${view.geometry.length === 0 && !unavailable ? this.renderStart() : nothing}
           ${this.sectionEditing && this.sectionEditing === this.selected && !unavailable ? this.renderSectionEditor(view.geometry) : nothing}
           <figure-canvas
@@ -2197,9 +2212,9 @@ let FigureEditor = class FigureEditor extends LitElement {
           @part-transformed=${(e) => this.transformed(e.detail.id, e.detail.result)}
           @part-selected=${(e) => this.choose(e.detail)}
           @render-error=${(e) => {
-                this.error = e.detail.message;
-            }}
-        ></figure-canvas></div>`}
+            this.error = e.detail.message;
+        }}
+        ></figure-canvas></div>
         <aside slot="end">
           <div tabs>
             ${this.renderTab('properties', 'tune', i18next.t('figure.label.properties'))}