@things-factory/figure-ui 10.1.271 → 10.1.273

package/client/modeller/pivot.ts

@@ -0,0 +1,76 @@
+import { compileFigureGraph } from '@hatiolab/figure-model'
+
+import type { Axis } from './links.js'
+import type { FigureRevision } from './revision.js'
+
+/*
+ * Where a turn's axis may be put by name: the part's top end, its middle, its bottom end. The motion form's 「축이
+ * 지나는 점」 is measured from the joint's origin along the joint's own axes, which a person cannot see -- in the
+ * humanoid lesson the shoulder was given Y 120 to lift the pivot "to the shoulder" when the origin already stood at the
+ * arm's top end (attached level with the torso's top), and the arm turned about a point 120 mm above it (tutorial run
+ * 2026-11-12). A named point is worked out here from the part as it rests, so the number is right whatever the face,
+ * the alignment or the gap.
+ */
+
+export type PivotPoint = 'top' | 'middle' | 'bottom'
+export const PIVOT_POINTS: readonly PivotPoint[] = ['top', 'middle', 'bottom']
+
+type Pose = { r: number[][]; t: number[] }
+type Faces = Partial<Record<'left' | 'right' | 'bottom' | 'top' | 'back' | 'front', { at: number }>>
+
+/**
+ * The `through` that puts a turn's axis through each named point of `part`, in the joint's frame: null when the part
+ * has no joint to another part, or its shape has no faces to measure. A distance along the turn's own axis (`along`)
+ * moves nothing and is left out: the shoulder's points read Y alone, not an X the person would wonder about.
+ */
+export function pivotPointsOf(revision: FigureRevision, part: string, along?: Axis): Record<PivotPoint, Partial<Record<Axis, number>>> | null {
+  const joint = revision.asset.joints?.find(j => j.body1.part === part)
+  if (!joint || !('part' in joint.body0)) return null
+  const faces = (revision.geometry.find(g => (g as { id: string }).id === part) as { shape?: { faces?: Faces } } | undefined)?.shape?.faces
+  const mid = (lo: keyof Faces, hi: keyof Faces) => (faces?.[lo] && faces?.[hi] ? (faces[lo]!.at + faces[hi]!.at) / 2 : undefined)
+  const [x, z] = [mid('left', 'right'), mid('back', 'front')]
+  if (x === undefined || z === undefined || !faces?.top || !faces?.bottom) return null
+  const pose = restingPoseOf(revision, part)
+  if (!pose) return null
+  /* The pose carries the part's own frame into the joint's: a point of the part, said in the joint's frame. */
+  const inJoint = (p: number[]): Partial<Record<Axis, number>> => {
+    const v = [0, 1, 2].map(i => pose.r[i]![0]! * p[0]! + pose.r[i]![1]! * p[1]! + pose.r[i]![2]! * p[2]! + pose.t[i]!)
+    const out: Partial<Record<Axis, number>> = {}
+    ;(['x', 'y', 'z'] as const).forEach((a, i) => {
+      const mm = Math.round(v[i]! * 10) / 10
+      if (a !== along && Math.abs(mm) >= 0.05) out[a] = mm
+    })
+    return out
+  }
+  return {
+    top: inJoint([x, faces.top.at, z]),
+    middle: inJoint([x, (faces.top.at + faces.bottom.at) / 2, z]),
+    bottom: inJoint([x, faces.bottom.at, z])
+  }
+}
+
+/** The part's pose in its joint's frame with every control at its default: the joint at rest, not as the sliders left it. */
+function restingPoseOf(revision: FigureRevision, part: string): Pose | null {
+  const m = revision.asset.document.model as unknown as { nodes: { id: string; outputs: Record<string, string> }[] }
+  const node = m.nodes.find(n => n.id === `${part}.pose`)
+  if (!node) return null
+  try {
+    const values = compileFigureGraph(m as never).evaluate({ ...revision.inputs, ...(revision.asset.stateDefaults ?? {}) }).values as Record<string, unknown>
+    const pose = values[Object.values(node.outputs)[0]!] as Pose | undefined
+    return pose?.r && pose?.t ? pose : null
+  } catch {
+    return null
+  }
+}
+
+/** Which named point a `through` is, when it is one: the form marks the button it matches. */
+export function pivotPointOf(
+  points: Record<PivotPoint, Partial<Record<Axis, number>>> | null,
+  through: Partial<Record<Axis, number>> | undefined,
+  along?: Axis
+): PivotPoint | undefined {
+  if (!points) return undefined
+  const same = (a: Partial<Record<Axis, number>>, b: Partial<Record<Axis, number>> = {}) =>
+    (['x', 'y', 'z'] as const).every(k => k === along || Math.abs((a[k] ?? 0) - (b[k] ?? 0)) < 0.5)
+  return PIVOT_POINTS.find(p => same(points[p], through))
+}

package/client/modeller/size-response.ts

@@ -13,6 +13,20 @@ function editOf(asset: FigureAsset, part: string, axis: Axis) {
 }
 export const measureFactor = (asset: FigureAsset, part: string, axis: Axis) => editOf(asset, part, axis)?.edit.k ?? 1
 
+/**
+ * A size row's name: the axis, and 「지름」 for a measure set by its radius. A round body's one diameter across sets the
+ * axis it has no row of its own for as well, and says so -- a sphere read 「X · 지름」 and 「Y · 지름」, and a person
+ * looked for its Z (tutorial run 2026-11-12); now 「X·Z · 지름」 across and 「Y · 지름」 up.
+ */
+export function sizeAxisWord(asset: FigureAsset, part: string, axis: Axis, diameter: string): string {
+  if (measureFactor(asset, part, axis) !== 2) return axis.toUpperCase()
+  const axes = followableAxes(asset, part)
+  const across = (['x', 'y', 'z'] as const).filter(a => !axes.includes(a))
+  const first = axes.find(a => measureFactor(asset, part, a) === 2)
+  const named = first === axis && across.length ? [axis, ...across].map(a => a.toUpperCase()).join('·') : axis.toUpperCase()
+  return `${named} · ${diameter}`
+}
+
 /** Only expose direct own inputs (including the canonical identity wrapper). Never overwrite an arbitrary expression. */
 export function sizeInputOf(asset: FigureAsset, part: string, axis: Axis): string | undefined {
   const e = editOf(asset, part, axis)

package/client/modeller/stage-model.ts

@@ -183,20 +183,64 @@ export function boardFor(parts: readonly FigureRenderPart[], at: Board & { depth
   return {
     width: Math.max(at.width, Math.ceil(reach('x') * 1.2), 200),
     height: Math.max(at.height, Math.ceil(reach('z') * 1.2), 200),
-    /* Only grows, as the plan does: a raised arm made the board taller than it was, and a new board lost the camera. */
-    depth: Math.max(at.depth ?? 0, Math.ceil(size.y * 1.1), 200)
+    /*
+      Only grows, as the plan does: a raised arm made the board taller than it was, and a new board lost the camera. The
+      height is reached from the floor, as width and depth are from the middle: a pelvis set 880 mm up stood as tall as
+      its own 180 mm, and the view never followed it up (review 2026-11-11).
+    */
+    depth: Math.max(at.depth ?? 0, Math.ceil(Math.max(size.y, box.isEmpty() ? 0 : Math.max(Math.abs(box.max.y), Math.abs(box.min.y))) * 1.1), 200)
   }
 }
 
+/** Where the figure's drawn parts reach, in mm: the box the view was last fitted round, or the one it has now. */
+export interface DrawnSpan {
+  min: [number, number, number]
+  max: [number, number, number]
+}
+
+export function drawnSpanOf(parts: readonly FigureRenderPart[]): DrawnSpan | undefined {
+  const box = new THREE.Box3()
+  for (const part of parts) {
+    const frame = frameOf(part)
+    if (!frame) continue
+    const half = frame.extent.clone().multiplyScalar(0.5)
+    for (const x of [-1, 1]) for (const y of [-1, 1]) for (const z of [-1, 1])
+      box.expandByPoint(new THREE.Vector3(x * half.x, y * half.y, z * half.z).add(frame.centre).applyMatrix4(frame.rotation).add(frame.origin))
+  }
+  return box.isEmpty() ? undefined : { min: box.min.toArray() as [number, number, number], max: box.max.toArray() as [number, number, number] }
+}
+
+/**
+ * Whether the figure now reaches past the box the view was fitted round, on any side, by more than a tenth of that box
+ * (review 2026-11-11: a thigh hung under a pelvis ran off the bottom of the view; the board's size alone, measured from
+ * the middle and the floor, had not changed enough to say so).
+ */
+export function outgrowsFit(fitted: DrawnSpan | undefined, now: DrawnSpan | undefined): boolean {
+  if (!fitted || !now) return false
+  return [0, 1, 2].some(i => {
+    const room = Math.max((fitted.max[i]! - fitted.min[i]!) * 0.1, 20)
+    return now.max[i]! > fitted.max[i]! + room || now.min[i]! < fitted.min[i]! - room
+  })
+}
+
+/** How far the figure may grow past its last fit before the view follows: inside the fit's own margin. */
+export const REFIT_GROWN = 1.1
+
 /**
  * Whether the figure's reach has changed so far since the view was last fitted that the camera should fit it again:
- * more than twice, or less than half, on any axis (first 15 minutes, 2026-10-16: a 100 mm box typed to 3000 × 800 × 600
- * put the camera inside it, and the author saw grey until pressing 「화면에 맞추기」). A drag that nudges a part does not
- * move the camera.
+ * grown past `REFIT_GROWN`, or shrunk below half, on any axis (first 15 minutes, 2026-10-16: a 100 mm box typed to
+ * 3000 × 800 × 600 put the camera inside it, and the author saw grey until pressing 「화면에 맞추기」). A drag that nudges
+ * a part within the board's rounding does not move the camera.
  */
+
 export function needsRefit(fitted: (Board & { depth: number }) | undefined, now: Board & { depth: number }): boolean {
   if (!fitted) return false
-  return (['width', 'height', 'depth'] as const).some(key => now[key] > fitted[key] * 2 || now[key] < fitted[key] / 2)
+  /*
+    Grown past the room the fit leaves round it (the fit's margin, 1.15) the figure runs off the view: a head added on a
+    body went out at the top, and the author pressed the fit after every part (review 2026-11-11). Shrunk, it is only
+    small in the view: fitted again at half.
+  */
+  return (['width', 'height', 'depth'] as const).some(key => now[key] > fitted[key] * REFIT_GROWN || now[key] < fitted[key] / 2)
 }
 
 /**

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

@@ -39,6 +39,7 @@ export declare class FigureCanvas extends LitElement {
     private board?;
     /** The figure's reach when the view was last fitted to it. */
     private fittedFor?;
+    private fittedSpan?;
     private refitTimer?;
     private standingFor?;
     private watcher?;

package/dist-client/modeller/canvas.js

@@ -3,7 +3,7 @@ import { LitElement, html, css, unsafeCSS } from 'lit';
 import { customElement, property, query } from 'lit/decorators.js';
 import { create, Model, niceGridStep } from '@hatiolab/things-scene';
 import { DEFAULT_VIEW, sceneLook, WORKBENCH } from '@things-factory/figure-viewer/dist-client/figure-view.js';
-import { boardFor, changedKeys, componentOf, gizmoResultOf, needsRefit } from './stage-model.js';
+import { boardFor, changedKeys, componentOf, drawnSpanOf, gizmoResultOf, needsRefit, outgrowsFit } from './stage-model.js';
 import { JOINT_FAN } from './joint-fan.js';
 import { SLOT_MARK, SLOT_MARK_CHOSEN } from './slot-layout-host.js';
 import { PREVIEW, TARGET_FACE } from './command-preview.js';
@@ -146,6 +146,7 @@ let FigureCanvas = class FigureCanvas extends LitElement {
     /** The whole figure in view: the board's fit, then the 3D camera's own. */
     fit() {
         this.fittedFor = boardFor(this.parts);
+        this.fittedSpan = drawnSpanOf(this.parts);
         this.scene?.fit?.('ratio');
         this.scene?.root?.fitCameraToModel?.();
     }
@@ -176,7 +177,7 @@ let FigureCanvas = class FigureCanvas extends LitElement {
             */
             clearTimeout(this.refitTimer);
             if (this.parts.length)
-                this.refitTimer = setTimeout(() => needsRefit(this.fittedFor, boardFor(this.parts)) && this.fit(), REFIT_SETTLE_MS);
+                this.refitTimer = setTimeout(() => (needsRefit(this.fittedFor, boardFor(this.parts)) || outgrowsFit(this.fittedSpan, drawnSpanOf(this.parts))) && this.fit(), REFIT_SETTLE_MS);
             return;
         }
         this.teardown();

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, GizmoResult } from './gizmo.js'\nimport type { FigureRenderPart } from './renderer.js'\nimport { DEFAULT_VIEW, sceneLook, WORKBENCH, type ViewSettings } from '@things-factory/figure-viewer/dist-client/figure-view.js'\nimport { boardFor, changedKeys, componentOf, gizmoResultOf, needsRefit, type Board } from './stage-model.js'\nimport { JOINT_FAN } from './joint-fan.js'\nimport { SLOT_MARK, SLOT_MARK_CHOSEN } from './slot-layout-host.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/* How long the figure stands still before the camera judges whether to follow it. */\nconst REFIT_SETTLE_MS = 400\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  /** Which figure is open. Another one stands the board up again. */\n  @property() context = ''\n  @property() selected = ''\n  /**\n   * The fastening window is open (ADR-0140 stage 4): a part pressed is aimed at, not chosen -- told out as `part-aimed`\n   * with where the press landed (the scene's `pickedAt`: the point and the drawn triangle's outward normal, in the\n   * figure's frame), and the part being fastened stays chosen.\n   */\n  @property({ type: Boolean }) aiming = false\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  /** The slots a slot layout unfolds to (ADR-0118), as boxes of what each allows: shown, never picked, never saved. */\n  @property({ attribute: false }) marks: FigureRenderPart[] = []\n\n  @query('div[stage]') private stage!: HTMLDivElement\n\n  private scene?: SceneHandle\n  private board?: Board & { depth: number }\n  /** The figure's reach when the view was last fitted to it. */\n  private fittedFor?: Board & { depth: number }\n  private refitTimer?: ReturnType<typeof setTimeout>\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 the empty stage's hint 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', 'ghost', 'highlight', 'marks'].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    clearTimeout(this.refitTimer)\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.fittedFor = boardFor(this.parts)\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      /*\n        Grown or shrunk far past the view (a size typed in): the camera follows, once the figure has settled. A value is\n        drawn as it is typed -- 「3」, 「30」, 「300」 on the way to 3000 -- so the reach is judged after the last change.\n      */\n      clearTimeout(this.refitTimer)\n      if (this.parts.length) this.refitTimer = setTimeout(() => needsRefit(this.fittedFor, boardFor(this.parts)) && this.fit(), REFIT_SETTLE_MS)\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  /**\n   * A part's component state, kept for the part object it was made from while the palette and the board are the same: a\n   * size drag redraws the board every frame, and only the parts the frame moved are new objects (ADR-0140 4.4).\n   */\n  private made = new WeakMap<FigureRenderPart, Record<string, unknown> | null>()\n  private madeFor?: [Record<string, string>, Board]\n  private componentFor(part: FigureRenderPart): Record<string, unknown> | null {\n    if (this.madeFor?.[0] !== this.palette || this.madeFor?.[1] !== this.board) (this.made = new WeakMap()), (this.madeFor = [this.palette, this.board!])\n    if (!this.made.has(part)) this.made.set(part, componentOf(part, this.palette, this.board!, true))\n    return this.made.get(part)!\n  }\n\n  private components(): Record<string, unknown>[] {\n    const parts = this.parts.map(part => this.componentFor(part)).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 slots = this.marks.map(part => componentOf(part, { ...this.palette, [SLOT_MARK]: this.palette['palette.secondary'] ?? accent, [SLOT_MARK_CHOSEN]: this.palette['palette.primary'] ?? accent }, this.board!))\n    const shown = [...(fan ? [fan] : []), ...slots, ...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          /*\n            A part whose size is being dragged keeps the size the gizmo gives it: what is drawn does not go back into what the\n            gizmo measures (ADR-0140 4.4). Written back, a size the frame could not change (one that follows the figure) put\n            the part back to its old size, and the release wrote nothing.\n          */\n          if (diff && this.pointerDown && this.grabs.has(name)) for (const key of ['width', 'depth', 'height']) delete diff[key]\n          if (diff && Object.keys(diff).length) 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      /*\n        While aiming, a press is told by the click (below); the part being fastened is chosen again once the scene has\n        done with the pick -- put back while the scene was still telling it, the selection read right but the outline\n        stayed on the part pressed (:3300, 2026-10-20).\n      */\n      if (this.aiming) {\n        setTimeout(() => this.showSelected())\n        return\n      }\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 press while aiming: the part pressed -- the one being fastened too, which changes no selection and so is told by\n      no `selected` -- with where it landed (`pickedAt`, filled before the click is told). It comes up to the board\n      with the component in the last argument's `origin`, as a change does.\n    */\n    layer.on?.('click', (...args: unknown[]) => {\n      if (!this.aiming || !this.isConnected) return\n      const origin = (args[args.length - 1] as { origin?: SceneComponent & { realObject?: { pickedAt?: { point: number[]; normal: number[] } } } } | undefined)?.origin\n      const id = origin?.state?.name\n      if (typeof id !== 'string' || !id) return\n      const at = origin?.realObject?.pickedAt\n      this.dispatchEvent(new CustomEvent('part-aimed', { detail: { id, ...(at ? { point: at.point, normal: at.normal } : {}) }, 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      /* A size drag: the scene tells the handle held; figure-model draws each frame from it (ADR-0140 4.4). */\n      const grab = origin!.state?.scaleGrab as GizmoResult['grab'] | undefined\n      if (this.pointerDown && grab) {\n        this.grabs.set(name, { ...grab })\n        this.sizingSoon(name)\n      }\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  /** The handle each size drag held, by part name, from the scene's `scaleGrab` -- told with the release. */\n  private grabs = new Map<string, NonNullable<GizmoResult['grab']>>()\n  private sizingFrame?: number\n  /** Once an animation frame: where a size drag stands, told so the editor draws figure-model's result for it. */\n  private sizingSoon(name: string) {\n    if (this.sizingFrame !== undefined) return\n    this.sizingFrame = requestAnimationFrame(() => {\n      this.sizingFrame = undefined\n      const part = this.pressedPart(name)\n      const component = this.pending.get(name)\n      if (!part || !component || !this.board || !this.pointerDown) return\n      const result = { ...gizmoResultOf(part, component.state, this.board), grab: this.grabs.get(name) }\n      if (result.scale) this.dispatchEvent(new CustomEvent('part-sizing', { detail: { id: part.id, result }, bubbles: true, composed: true }))\n    })\n  }\n  private pointerDown = false\n  private commitTimer?: ReturnType<typeof setTimeout>\n  /**\n   * The parts as they stood when the pointer went down. A drag is measured against them: while a size drag is drawn, the\n   * parts given are its frames (ADR-0140 4.4), and measured against those it grew on itself and its release wrote nothing.\n   */\n  private atPress?: Map<string, FigureRenderPart>\n  private onPointerDown = () => {\n    this.pointerDown = true\n    this.atPress = new Map(this.parts.map(p => [p.id, p]))\n  }\n  private pressedPart(name: string): FigureRenderPart | undefined {\n    return this.atPress?.get(name) ?? this.parts.find(p => p.id === name)\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    if (this.sizingFrame !== undefined) cancelAnimationFrame(this.sizingFrame)\n    this.sizingFrame = undefined\n    for (const [name, component] of changed) {\n      const part = this.pressedPart(name)\n      if (!part) continue\n      const grab = this.grabs.get(name)\n      const result = { ...gizmoResultOf(part, component.state, this.board), ...(grab ? { grab } : {}) }\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    this.grabs.clear()\n    this.atPress = undefined\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.grabs.clear()\n    if (this.sizingFrame !== undefined) cancelAnimationFrame(this.sizingFrame)\n    this.sizingFrame = undefined\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, GizmoResult } from './gizmo.js'\nimport type { FigureRenderPart } from './renderer.js'\nimport { DEFAULT_VIEW, sceneLook, WORKBENCH, type ViewSettings } from '@things-factory/figure-viewer/dist-client/figure-view.js'\nimport { boardFor, changedKeys, componentOf, drawnSpanOf, gizmoResultOf, needsRefit, outgrowsFit, type Board, type DrawnSpan } from './stage-model.js'\nimport { JOINT_FAN } from './joint-fan.js'\nimport { SLOT_MARK, SLOT_MARK_CHOSEN } from './slot-layout-host.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/* How long the figure stands still before the camera judges whether to follow it. */\nconst REFIT_SETTLE_MS = 400\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  /** Which figure is open. Another one stands the board up again. */\n  @property() context = ''\n  @property() selected = ''\n  /**\n   * The fastening window is open (ADR-0140 stage 4): a part pressed is aimed at, not chosen -- told out as `part-aimed`\n   * with where the press landed (the scene's `pickedAt`: the point and the drawn triangle's outward normal, in the\n   * figure's frame), and the part being fastened stays chosen.\n   */\n  @property({ type: Boolean }) aiming = false\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  /** The slots a slot layout unfolds to (ADR-0118), as boxes of what each allows: shown, never picked, never saved. */\n  @property({ attribute: false }) marks: FigureRenderPart[] = []\n\n  @query('div[stage]') private stage!: HTMLDivElement\n\n  private scene?: SceneHandle\n  private board?: Board & { depth: number }\n  /** The figure's reach when the view was last fitted to it. */\n  private fittedFor?: Board & { depth: number }\n  private fittedSpan?: DrawnSpan\n  private refitTimer?: ReturnType<typeof setTimeout>\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 the empty stage's hint 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', 'ghost', 'highlight', 'marks'].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    clearTimeout(this.refitTimer)\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.fittedFor = boardFor(this.parts)\n    this.fittedSpan = drawnSpanOf(this.parts)\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      /*\n        Grown or shrunk far past the view (a size typed in): the camera follows, once the figure has settled. A value is\n        drawn as it is typed -- 「3」, 「30」, 「300」 on the way to 3000 -- so the reach is judged after the last change.\n      */\n      clearTimeout(this.refitTimer)\n      if (this.parts.length) this.refitTimer = setTimeout(() => (needsRefit(this.fittedFor, boardFor(this.parts)) || outgrowsFit(this.fittedSpan, drawnSpanOf(this.parts))) && this.fit(), REFIT_SETTLE_MS)\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  /**\n   * A part's component state, kept for the part object it was made from while the palette and the board are the same: a\n   * size drag redraws the board every frame, and only the parts the frame moved are new objects (ADR-0140 4.4).\n   */\n  private made = new WeakMap<FigureRenderPart, Record<string, unknown> | null>()\n  private madeFor?: [Record<string, string>, Board]\n  private componentFor(part: FigureRenderPart): Record<string, unknown> | null {\n    if (this.madeFor?.[0] !== this.palette || this.madeFor?.[1] !== this.board) (this.made = new WeakMap()), (this.madeFor = [this.palette, this.board!])\n    if (!this.made.has(part)) this.made.set(part, componentOf(part, this.palette, this.board!, true))\n    return this.made.get(part)!\n  }\n\n  private components(): Record<string, unknown>[] {\n    const parts = this.parts.map(part => this.componentFor(part)).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 slots = this.marks.map(part => componentOf(part, { ...this.palette, [SLOT_MARK]: this.palette['palette.secondary'] ?? accent, [SLOT_MARK_CHOSEN]: this.palette['palette.primary'] ?? accent }, this.board!))\n    const shown = [...(fan ? [fan] : []), ...slots, ...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          /*\n            A part whose size is being dragged keeps the size the gizmo gives it: what is drawn does not go back into what the\n            gizmo measures (ADR-0140 4.4). Written back, a size the frame could not change (one that follows the figure) put\n            the part back to its old size, and the release wrote nothing.\n          */\n          if (diff && this.pointerDown && this.grabs.has(name)) for (const key of ['width', 'depth', 'height']) delete diff[key]\n          if (diff && Object.keys(diff).length) 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      /*\n        While aiming, a press is told by the click (below); the part being fastened is chosen again once the scene has\n        done with the pick -- put back while the scene was still telling it, the selection read right but the outline\n        stayed on the part pressed (:3300, 2026-10-20).\n      */\n      if (this.aiming) {\n        setTimeout(() => this.showSelected())\n        return\n      }\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 press while aiming: the part pressed -- the one being fastened too, which changes no selection and so is told by\n      no `selected` -- with where it landed (`pickedAt`, filled before the click is told). It comes up to the board\n      with the component in the last argument's `origin`, as a change does.\n    */\n    layer.on?.('click', (...args: unknown[]) => {\n      if (!this.aiming || !this.isConnected) return\n      const origin = (args[args.length - 1] as { origin?: SceneComponent & { realObject?: { pickedAt?: { point: number[]; normal: number[] } } } } | undefined)?.origin\n      const id = origin?.state?.name\n      if (typeof id !== 'string' || !id) return\n      const at = origin?.realObject?.pickedAt\n      this.dispatchEvent(new CustomEvent('part-aimed', { detail: { id, ...(at ? { point: at.point, normal: at.normal } : {}) }, 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      /* A size drag: the scene tells the handle held; figure-model draws each frame from it (ADR-0140 4.4). */\n      const grab = origin!.state?.scaleGrab as GizmoResult['grab'] | undefined\n      if (this.pointerDown && grab) {\n        this.grabs.set(name, { ...grab })\n        this.sizingSoon(name)\n      }\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  /** The handle each size drag held, by part name, from the scene's `scaleGrab` -- told with the release. */\n  private grabs = new Map<string, NonNullable<GizmoResult['grab']>>()\n  private sizingFrame?: number\n  /** Once an animation frame: where a size drag stands, told so the editor draws figure-model's result for it. */\n  private sizingSoon(name: string) {\n    if (this.sizingFrame !== undefined) return\n    this.sizingFrame = requestAnimationFrame(() => {\n      this.sizingFrame = undefined\n      const part = this.pressedPart(name)\n      const component = this.pending.get(name)\n      if (!part || !component || !this.board || !this.pointerDown) return\n      const result = { ...gizmoResultOf(part, component.state, this.board), grab: this.grabs.get(name) }\n      if (result.scale) this.dispatchEvent(new CustomEvent('part-sizing', { detail: { id: part.id, result }, bubbles: true, composed: true }))\n    })\n  }\n  private pointerDown = false\n  private commitTimer?: ReturnType<typeof setTimeout>\n  /**\n   * The parts as they stood when the pointer went down. A drag is measured against them: while a size drag is drawn, the\n   * parts given are its frames (ADR-0140 4.4), and measured against those it grew on itself and its release wrote nothing.\n   */\n  private atPress?: Map<string, FigureRenderPart>\n  private onPointerDown = () => {\n    this.pointerDown = true\n    this.atPress = new Map(this.parts.map(p => [p.id, p]))\n  }\n  private pressedPart(name: string): FigureRenderPart | undefined {\n    return this.atPress?.get(name) ?? this.parts.find(p => p.id === name)\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    if (this.sizingFrame !== undefined) cancelAnimationFrame(this.sizingFrame)\n    this.sizingFrame = undefined\n    for (const [name, component] of changed) {\n      const part = this.pressedPart(name)\n      if (!part) continue\n      const grab = this.grabs.get(name)\n      const result = { ...gizmoResultOf(part, component.state, this.board), ...(grab ? { grab } : {}) }\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    this.grabs.clear()\n    this.atPress = undefined\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.grabs.clear()\n    if (this.sizingFrame !== undefined) cancelAnimationFrame(this.sizingFrame)\n    this.sizingFrame = undefined\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

@@ -52,6 +52,14 @@ export declare const groupEdit: (group: ClipGroup, patch?: Partial<Omit<ClipGrou
         transitionSeconds: number;
     };
 };
+/**
+ * The controls a playing clip drives in the preview, each with that clip: a clip in no group played at a speed above 0,
+ * or the clip a motion group plays at a speed above 0 (its default until one is chosen).
+ */
+export declare function playedControlsOf(asset: FigureAsset, driving: Record<string, number>, moving: Record<string, {
+    clip: string;
+    speed: number;
+}>): Map<string, string>;
 /** The pose a clip gives at a moment, as one batch of state changes -- one step of the history. */
 export declare function poseAt(asset: FigureAsset, clip: string, seconds: number): FigureInputChange[];
 /** A key added at a moment, replacing one already there; the keys stay in time order. */
@@ -64,6 +72,12 @@ export declare function withKeyChanged(keys: readonly ClipKey[], index: number,
 /** A track's keys without one; a track keeps at least its two ends, as the format asks. */
 export declare function withoutKey(keys: readonly ClipKey[], index: number): ClipKey[] | null;
 /** A name no clip has, for a copy: `walk-copy`, then `walk-copy-2`, … */
+/**
+ * A clip copied as one step (review 2026-11-11: a walk copied into a run had to be put in a motion group first, by a
+ * section further down, the button grey until then). A copy plays the same controls, so the two are one group: a clip in
+ * none is put in a new one, named after it, before it is copied.
+ */
+export declare function copyClipEdits(asset: FigureAsset, clip: string, named?: string): unknown[];
 export declare function freeClipNameOf(asset: FigureAsset, clip: string): string;
 /** The controls a track of `clip` can be copied onto: those it plays already, and those it may take. */
 export declare const copyTargetsOf: (asset: FigureAsset, clip: string) => string[];
@@ -84,7 +98,7 @@ export declare function copiedTrackEdit(asset: FigureAsset, clip: Clip, track: C
     clip: string;
     keys: ClipKey[];
     loop: "hold" | "wrap";
-    interpolation: "smooth" | "linear" | "step";
+    interpolation: "linear" | "step" | "smooth";
     accumulates: boolean;
 };
 /** The edit that writes a track back. */
@@ -94,7 +108,7 @@ export declare const trackEdit: (clip: Clip, track: ClipTrack, patch?: Partial<P
     clip: string;
     keys: ClipKey[];
     loop: "hold" | "wrap";
-    interpolation: "smooth" | "linear" | "step";
+    interpolation: "linear" | "step" | "smooth";
 };
 /**
  * A new track's keys. By default it holds the pose the figure stands in now, from start to end: a track added to a pose
@@ -125,7 +139,7 @@ export type TrackJoin = {
  * door that has 「닫기」, and the two become one group, one playing at a time, without having to design the group first.
  * All of it one step of the history.
  */
-export declare function newClipEdits(asset: FigureAsset, state: string, clip: string, duration: number, keys: ClipKey[]): {
+export declare function newClipEdits(asset: FigureAsset, state: string, clip: string, duration: number, keys: ClipKey[], interpolation?: ClipTrack['interpolation']): {
     edits: unknown[];
     join: TrackJoin;
 };

package/dist-client/modeller/clips.js

@@ -19,6 +19,13 @@ export function clipsOf(asset) {
         });
         clips.set(d.clip, clip);
     }
+    /*
+      Tracks in the order the controls are listed, not the order their drivers were last written: an edit writes a
+      driver anew at the end, and a track keyed jumped to the bottom of its clip (tutorial run 2026-11-12).
+    */
+    const order = new Map(asset.document.model.inputs.map((i, n) => [i.id, n]));
+    for (const clip of clips.values())
+        clip.tracks.sort((a, b) => (order.get(a.state) ?? 0) - (order.get(b.state) ?? 0));
     return [...clips.values()];
 }
 /**
@@ -54,6 +61,23 @@ export const groupEdit = (group, patch = {}) => ({
     kind: 'set-motion-group',
     group: { id: group.id, label: patch.label ?? group.label, clips: patch.clips ?? group.clips, defaultClip: patch.defaultClip ?? group.defaultClip, transitionSeconds: patch.transitionSeconds ?? group.transitionSeconds }
 });
+/**
+ * The controls a playing clip drives in the preview, each with that clip: a clip in no group played at a speed above 0,
+ * or the clip a motion group plays at a speed above 0 (its default until one is chosen).
+ */
+export function playedControlsOf(asset, driving, moving) {
+    const playing = new Set(Object.entries(driving).filter(([, speed]) => speed > 0).map(([clip]) => clip));
+    for (const group of asset.motionGroups ?? []) {
+        const m = moving[group.id];
+        if (m && m.speed > 0)
+            playing.add(m.clip || group.defaultClip);
+    }
+    const played = new Map();
+    for (const d of asset.drivers ?? [])
+        if (playing.has(d.clip) && !played.has(d.state))
+            played.set(d.state, d.clip);
+    return played;
+}
 /** The pose a clip gives at a moment, as one batch of state changes -- one step of the history. */
 export function poseAt(asset, clip, seconds) {
     const units = new Map(asset.document.model.inputs.map(i => [i.id, i.unit]));
@@ -94,6 +118,26 @@ export function withoutKey(keys, index) {
     return keys.filter((_, i) => i !== index);
 }
 /** A name no clip has, for a copy: `walk-copy`, then `walk-copy-2`, … */
+/**
+ * A clip copied as one step (review 2026-11-11: a walk copied into a run had to be put in a motion group first, by a
+ * section further down, the button grey until then). A copy plays the same controls, so the two are one group: a clip in
+ * none is put in a new one, named after it, before it is copied.
+ */
+export function copyClipEdits(asset, clip, named = 'motion') {
+    const copy = { kind: 'copy-clip', clip, name: freeClipNameOf(asset, clip) };
+    if ((asset.motionGroups ?? []).some(g => g.clips.includes(clip)))
+        return [copy];
+    /*
+      The group is named for what it is, not after the first clip: the preview reads "<group> clip · walk | run", and a
+      group named "walk" read as if run were a kind of walk (tutorial run 2026-11-12).
+    */
+    const labels = new Set((asset.motionGroups ?? []).map(g => g.label));
+    let label = named;
+    for (let n = 2; labels.has(label); n++)
+        label = `${named} ${n}`;
+    const group = { id: freeGroupIdOf(asset), label, clips: [clip], defaultClip: clip, transitionSeconds: 0.2 };
+    return [{ kind: 'set-motion-group', group }, copy];
+}
 export function freeClipNameOf(asset, clip) {
     const taken = new Set((asset.drivers ?? []).map(d => d.clip));
     const base = `${clip}-copy`;
@@ -169,8 +213,8 @@ export function newTrackKeys(input, current, duration, how = 'hold') {
  * door that has 「닫기」, and the two become one group, one playing at a time, without having to design the group first.
  * All of it one step of the history.
  */
-export function newClipEdits(asset, state, clip, duration, keys) {
-    const track = { kind: 'set-driver', state, clip, duration, keys };
+export function newClipEdits(asset, state, clip, duration, keys, interpolation) {
+    const track = { kind: 'set-driver', state, clip, duration, keys, ...(interpolation ? { interpolation } : {}) };
     const writers = [...new Set((asset.drivers ?? []).filter(d => d.state === state).map(d => d.clip))];
     if (!writers.length)
         return { edits: [track], join: { kind: 'free' } };
@@ -201,7 +245,27 @@ export function rememberedPoseEdits(asset, clip, seconds, values, base) {
     const edits = [];
     for (const track of found.tracks) {
         const now = values[track.state];
-        if (now === undefined || same(now, there.get(track.state) ?? now))
+        if (now === undefined)
+            continue;
+        /*
+         * A wrapping track's end reads as its start (review 2026-11-11: a walk kept at its end changed nothing, and a pose
+         * kept at 0 left the end key behind -- the loop jumped at its seam). So at either end the key there is compared and
+         * written itself, and a loop that closed -- start and end alike -- stays closed. A loop left open on purpose (a ramp
+         * that starts over) keeps its other end. A track that adds up turns on past its end and is read as before.
+         */
+        if (shiftable(track) && (at === 0 || at === found.duration)) {
+            const keyAt = (s) => track.keys.find(k => k.seconds === s)?.value;
+            const start = keyAt(0);
+            const end = keyAt(found.duration);
+            const mine = at === 0 ? start : end;
+            if (same(now, mine ?? (there.get(track.state) ?? now)))
+                continue;
+            const closed = start !== undefined && end !== undefined && same(start, end);
+            const keys = withKey(track.keys, { seconds: at, value: now });
+            edits.push(trackEdit(found, track, { keys: closed ? withKey(keys, { seconds: at === 0 ? found.duration : 0, value: now }) : keys }));
+            continue;
+        }
+        if (same(now, there.get(track.state) ?? now))
             continue;
         edits.push(trackEdit(found, track, { keys: withKey(track.keys, { seconds: at, value: now }) }));
     }
@@ -220,7 +284,8 @@ export function rememberedPoseEdits(asset, clip, seconds, values, base) {
             continue;
         }
         const keys = at === 0 ? [{ seconds: 0, value: now }, { seconds: found.duration, value: now }] : [{ seconds: 0, value: was }, { seconds: at, value: now }];
-        edits.push({ kind: 'set-driver', state: input.id, clip, keys });
+        /* A track a kept pose starts goes from pose to pose: eased in and out of each, as a shown move is (motion contract). */
+        edits.push({ kind: 'set-driver', state: input.id, clip, keys, interpolation: 'smooth' });
     }
     return { edits, skipped };
 }