@things-factory/figure-ui 10.1.205 → 10.1.206

package/client/modeller/product-session.ts

@@ -5,6 +5,8 @@ import {
   createFigureEditorWorkspace,
   serializeFigureAsset,
   parseFigureAsset,
+  figureSizeRangeFitsOf,
+  type FigureSizeRangeFit,
   type FigureInputChange,
   type FigurePrimitiveCreation,
   type FigurePartEdit,
@@ -71,10 +73,14 @@ export function createFigureProductSession(store: FigureProductStore) {
   */
   let done: Array<string | undefined> = [],
     undone: Array<string | undefined> = []
-  function tracked<T>(kind: 'do' | 'undo' | 'redo', run: () => T, tag?: string): T {
-    const before = workspace.read().revision
+  /* The author's size ends the last step moved without being asked (ADR-0087 decision 6), told once. */
+  let fitted: FigureSizeRangeFit[] = []
+  function tracked<T>(kind: 'do' | 'undo' | 'redo', run: () => T, tag?: string, setsRange = false): T {
+    const was = workspace.read()
     const result = run()
-    if (workspace.read().revision === before) return result
+    const now = workspace.read()
+    if (now.revision === was.revision) return result
+    fitted = kind === 'do' && !setsRange && was.asset && now.asset ? figureSizeRangeFitsOf(was.asset, now.asset) : []
     if (kind === 'do') {
       done.push(tag)
       undone = []
@@ -250,7 +256,13 @@ export function createFigureProductSession(store: FigureProductStore) {
     },
     /** One authoring command — what a person means, not a graph edit — as one step of the same history. */
     command(action: FigureAuthoringAction) {
-      return tracked('do', () => workspace.command({ ...writable(), action, ...consented() }))
+      return tracked('do', () => workspace.command({ ...writable(), action, ...consented() }), undefined, action.kind === 'declare-instance-size')
+    },
+    /** The ends of the size on a drawing the last step moved in to what the parts allow, once: then nothing until the next. */
+    takeSizeRangeFits(): FigureSizeRangeFit[] {
+      const out = fitted
+      fitted = []
+      return out
     },
     /**
      * The first edit made inside `run` may let go of exactly these clips -- the ones a CLIPS_DROPPED refusal named and

package/client/modeller/refusal-teller.ts

@@ -2,29 +2,23 @@ import type { PropertyValues } from 'lit'
 import { i18next } from '@operato/i18n'
 import { notify } from '@operato/layout'
 import { OxPrompt } from '@operato/popup'
-import type { FigureAuthoringAction, FigureClipLoss } from '@hatiolab/figure-model'
+import type { FigureClipLoss } from '@hatiolab/figure-model'
 import type { FigureProductSession } from './product-session.js'
 import { clipLossOf } from './refusals.js'
 
-/** The same link offered again with the size range narrowed, after a link the declared range could not hold. */
-export type Retry = { label: string; action?: FigureAuthoringAction; run?: () => void }
-
 /** What the teller reads of the editor, and what it asks of it. */
 export interface RefusalHost {
   session(): FigureProductSession | undefined
   error(): string
   notice(): string
-  retry(): Retry | undefined
   /** Said as the editor's refusal. */
   refuse(message: string): void
-  /** A narrowed link, confirmed: run as the editor runs a command. */
-  command(action: FigureAuthoringAction): void
 }
 
 /**
  * Refusals and notices go to the app's shared surfaces, as every screen's do (user, 2026-09-27: 「왜 모두가 사용하는
  * notification 오류 표현 방법을 사용하지 않고」 · 「혹은 oxprompt 에서 확인하고 진행하던지」). A refusal with a way on --
- * delete and fit the space again, narrow the range -- asks in the app's prompt and goes on when confirmed; any
+ * delete and fit the space again, let a clip go -- asks in the app's prompt and goes on when confirmed; any
  * other refusal is the app's notification, which stays until it is closed.
  */
 export class RefusalTeller {
@@ -35,11 +29,7 @@ export class RefusalTeller {
   /** After the editor's update: what changed in its refusal and notice, and the session's own error, said once. */
   tell(changed: PropertyValues) {
     const error = this.of.error()
-    if (changed.has('error') && error) {
-      const retry = this.of.retry()
-      if (retry) this.ask(error, retry)
-      else notify({ level: 'error', message: error })
-    }
+    if (changed.has('error') && error) notify({ level: 'error', message: error })
     const notice = this.of.notice()
     if (changed.has('notice') && notice) notify({ level: 'info', message: notice })
     const viewError = this.of.session()?.read()?.error ?? ''
@@ -91,16 +81,4 @@ export class RefusalTeller {
     }
     asked.session.withConsent({ dropClips: clips.map(c => c.id), context: asked.context, revision: asked.revision }, again)
   }
-
-  private async ask(message: string, retry: Retry) {
-    const agreed = await OxPrompt.open({
-      type: 'question',
-      text: message,
-      confirmButton: { text: retry.label },
-      cancelButton: { text: i18next.t('figure.button.keep-editing') }
-    })
-    if (!agreed) return
-    if (retry.run) retry.run()
-    else this.of.command(retry.action!)
-  }
 }

package/client/modeller/refusals.ts

@@ -7,7 +7,7 @@
  * English is for logs and readers of the kernel, and a screen that read it went quiet whenever a sentence changed or a
  * new one came under the same code (ADR-0054). A refusal with no details the screen knows is said with its code.
  */
-import { FIGURE_INSTANCE_SIZE_INPUTS, type FigureClipLoss, type FigureRefusalDetails } from '@hatiolab/figure-model'
+import { FIGURE_INSTANCE_SIZE_INPUTS, type FigureClipLoss, type FigureRefusalDetails, type FigureSizeRangeFit } from '@hatiolab/figure-model'
 
 type Say = (key: string, params: Record<string, string>) => string
 type Reason = FigureRefusalDetails['reason']
@@ -23,36 +23,29 @@ const numberOf = (value: number) => value.toLocaleString(undefined, { maximumFra
 /** Bytes in KiB, rounded up: a figure a few bytes over its limit is not said to be at it. */
 const kibOf = (bytes: number) => Math.ceil(bytes / 1024).toLocaleString()
 
-/** A size range the figure cannot be drawn over, or one that leaves out its own size, in words; nothing for any other refusal. */
+/**
+ * The ends an author typed for the size on a drawing, refused: they leave out the size the figure is drawn at, or start
+ * at zero. The only refusals the size range has left (ADR-0087 decision 6); nothing for any other refusal.
+ */
 export function sizeRangeRefusalOf(error: unknown, say: Say): string | null {
   if (codeOf(error) !== 'INSTANCE_SIZE_RANGE') return null
-  const reach = detailsOf(error, 'size-cannot-reach')
-  if (reach)
-    return say(reach.bound === 'min' ? 'figure.text.size-range-too-small' : 'figure.text.size-range-too-large', { axis: reach.axis.toUpperCase(), mm: mmOf(reach.need), part: reach.part ?? '' })
   const outside = detailsOf(error, 'size-outside-range')
-  if (outside) return say('figure.text.size-range-leaves-out-size', { axis: outside.axis.toUpperCase(), at: mmOf(outside.at), min: mmOf(outside.min), max: mmOf(outside.max) })
+  if (outside)
+    return say('figure.text.size-range-leaves-out-size', {
+      axis: say(`figure.label.resize-${outside.axis}`, {}),
+      range: `${mmOf(outside.min ?? 0)} – ${outside.max === undefined ? '∞' : mmOf(outside.max)}`,
+      at: mmOf(outside.at)
+    })
   const zero = detailsOf(error, 'size-min-not-positive')
-  if (zero) return say('figure.text.size-range-from-zero', { axis: zero.axis.toUpperCase() })
-  const gone = detailsOf(error, 'size-already-gone')
-  if (gone) return say('figure.text.size-range-part-gone', { axis: gone.axis.toUpperCase(), at: mmOf(gone.at) })
+  if (zero) return say('figure.text.size-range-from-zero', { axis: say(`figure.label.resize-${zero.axis}`, {}) })
   return null
 }
 
-/**
- * A link refused because the size range it would leave cannot hold: measuring again cannot help (the link is not there
- * to measure), so the author is offered the same link that narrows the range to what the figure then allows.
- */
-export function narrowingRetryOf<A extends { kind: string }>(action: A, error: unknown, say: Say): { message: string; label: string; retry: A & { narrowRange: true } } | null {
-  if (action.kind !== 'link-dimension' || codeOf(error) !== 'INSTANCE_SIZE_RANGE') return null
-  const reach = detailsOf(error, 'size-cannot-reach')
-  if (!reach) return null
-  const words = { axis: reach.axis.toUpperCase(), mm: mmOf(reach.need), part: reach.part ?? '' }
-  const below = reach.bound === 'min'
-  return {
-    message: say(below ? 'figure.text.link-needs-smaller-range' : 'figure.text.link-needs-larger-range', words),
-    label: say(below ? 'figure.button.narrow-range-from' : 'figure.button.narrow-range-to', words),
-    retry: { ...action, narrowRange: true }
-  }
+/** What a command did to the ends the author typed, in one line each: what moved, from what to what. */
+export function sizeRangeFitsOf(fits: readonly FigureSizeRangeFit[], say: Say): string {
+  return fits
+    .map(f => say(`figure.text.size-range-moved-${f.bound}`, { axis: say(`figure.label.resize-${f.axis}`, {}), from: mmOf(f.from), to: mmOf(f.to) }))
+    .join(' ')
 }
 
 /**
@@ -297,7 +290,7 @@ export function dataMotionRefusalOf(error: unknown, say: Say): string | null {
   const setting = detailsOf(error, 'motion-setting')
   if (setting) return say('figure.text.motion-setting-' + setting.why, { group: setting.group, clip: setting.clip ?? '' })
   const key = codeOf(error) === 'MOTION_GROUP' ? detailsOf(error, 'value-outside-range') : undefined
-  if (key) return say('figure.text.motion-key-outside-range', { input: key.input, value: numberOf(key.value), min: numberOf(key.min), max: numberOf(key.max) })
+  if (key) return say('figure.text.motion-key-outside-range', { input: key.input, value: numberOf(key.value), min: numberOf(key.min!), max: numberOf(key.max!) })
   return null
 }
 
@@ -310,7 +303,7 @@ export function inputRangeRefusalOf(error: unknown, say: Say): string | null {
   const range = detailsOf(error, 'value-outside-range')
   if (!range) return null
   const axis = (Object.entries(FIGURE_INSTANCE_SIZE_INPUTS) as Array<[string, string]>).find(([, id]) => id === range.input)?.[0]
-  const params = { value: numberOf(range.value), min: numberOf(range.min), max: numberOf(range.max) }
+  const params = { value: numberOf(range.value), min: range.min === undefined ? '−∞' : numberOf(range.min), max: range.max === undefined ? '∞' : numberOf(range.max) }
   return axis ? say('figure.text.input-range-size', { ...params, axis: axis.toUpperCase() }) : say('figure.text.input-range', params)
 }
 

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

@@ -130,6 +130,22 @@ export const EditorStyles = css `
     min-width: 0;
     min-height: 0;
   }
+  /* Which size handles change one diameter (ADR-0140 4.1): a quiet line over the canvas, out of the gizmo's way. */
+  p[same-measure] {
+    position: absolute;
+    bottom: 12px;
+    left: 50%;
+    z-index: 5;
+    transform: translateX(-50%);
+    margin: 0;
+    padding: 4px 10px;
+    border-radius: 999em;
+    background: var(--md-sys-color-surface-container-high);
+    color: var(--md-sys-color-on-surface-variant);
+    font-size: var(--ui-t-small, 11.5px);
+    pointer-events: none;
+    white-space: nowrap;
+  }
   /* A new figure's first question, over the empty canvas. */
   div[start] {
     position: absolute;

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

@@ -1 +1 @@
-{"version":3,"file":"editor-styles.js","sourceRoot":"","sources":["../../client/modeller/editor-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,gHAAgH;AAChH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4Z9B,CAAA","sourcesContent":["import { css } from 'lit'\n\n/** The modeller editor's own styles: the bar's tools, the panes, the start card, the side's tabs and panels. */\nexport const EditorStyles = css`\n  :host {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n    height: 100%;\n    /* The editor folds by the width it is given, not the window's (UX ruling, 2026-09-24). */\n    container-type: inline-size;\n    /* The app's one face (its typography theme's --theme-font) at the body size: a bare sans-serif here put a second\n       face under everything the editor draws, beside the parts list and the shell in the app's own (2026-10-16). */\n    font-family: var(--theme-font, ui-sans-serif, system-ui, sans-serif);\n    font-size: var(--ui-t-body, 13px);\n    color: var(--md-sys-color-on-surface);\n  }\n  /* The bar over the work is ox-canvas-bar (ADR-0060 decision 8): the folds at its edges, undo, redo and\n     fit in the suite's places. What the editor puts in it - the mode switch, the status, save - is styled here. */\n  ox-canvas-bar button[mode] {\n    height: 28px;\n    border: 1px solid transparent;\n    padding: 0 10px;\n    border-radius: 999em;\n    border-color: transparent;\n    background: none;\n  }\n  ox-canvas-bar button[mode][aria-pressed='true'] {\n    border-color: var(--md-sys-color-primary);\n  }\n  /* The gizmo's tools, drawn as the bar's own icon buttons (undo, redo, fit). */\n  ox-canvas-bar .gizmo-tools {\n    display: inline-flex;\n    gap: 2px;\n    padding-left: 4px;\n    border-left: 1px solid var(--md-sys-color-outline-variant);\n  }\n  ox-canvas-bar button[tool] {\n    display: inline-grid;\n    place-items: center;\n    width: 32px;\n    height: 32px;\n    padding: 0;\n    border: none;\n    border-radius: var(--md-sys-shape-corner-small, 8px);\n    background: transparent;\n    color: var(--md-sys-color-on-surface-variant);\n    cursor: pointer;\n  }\n  ox-canvas-bar button[tool]:hover:not(:disabled) {\n    background: var(--md-sys-color-surface-container-high);\n    color: var(--md-sys-color-on-surface);\n  }\n  ox-canvas-bar button[tool][aria-pressed='true'] {\n    background: var(--md-sys-color-secondary-container);\n    color: var(--md-sys-color-on-secondary-container);\n  }\n  ox-canvas-bar button[tool]:disabled {\n    opacity: 0.38;\n    cursor: default;\n  }\n  /*\n    Slotted into the bar from here, the tools do not get the bar's own icon size (20px, set inside its shadow): they\n    showed at md-icon's 24px, heavier than undo, redo and fit beside them. The same size, and the bar's focus ring.\n  */\n  ox-canvas-bar button[tool] md-icon {\n    --md-icon-size: 20px;\n  }\n  ox-canvas-bar button[tool]:focus-visible {\n    outline: 2px solid var(--md-sys-color-primary);\n    outline-offset: 1px;\n  }\n  figure-preview {\n    min-width: 0;\n    min-height: 0;\n  }\n  /* The edit canvas stays standing while the preview is in front (a 3D scene costs a third of a second to make), out of sight. */\n  div[middle][hidden] {\n    display: none;\n  }\n  /* The preview, once made, stays standing out of sight too: its 3D scene is not made again each time it is asked for. */\n  figure-preview[hidden] {\n    display: none;\n  }\n  ox-canvas-bar .status {\n    padding: 0 8px;\n    color: var(--md-sys-color-on-surface-variant);\n  }\n  /*\n    The bar's two commitments, one shape (user 2026-10-18: 「발행버튼도 저장버튼도 라운드 버튼으로 … 버튼 안에 적절한 아이콘」):\n    round, an icon inside, so neither is taken for the other. Save, done many times a day, is the filled one; release,\n    a promise to whoever draws the figure, is outlined.\n  */\n  ox-canvas-bar button[save],\n  ox-canvas-bar button[publish] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    height: 32px;\n    padding: 0 14px 0 10px;\n    border-radius: 999em;\n    font-weight: 600;\n  }\n  ox-canvas-bar button[save] md-icon,\n  ox-canvas-bar button[publish] md-icon {\n    --md-icon-size: 18px;\n  }\n  ox-canvas-bar button[save] {\n    border: 1px solid transparent;\n    color: var(--md-sys-color-on-primary);\n    background: var(--md-sys-color-primary);\n  }\n  /* The three panes are ox-three-pane's (ADR-0060 decision 8): widths 200 | 1fr | 340, 160 | 300 under\n     860px and one column with the middle first under 560px are the frame's, as are the dividers. */\n  ox-three-pane {\n    flex: 1;\n    min-height: 0;\n  }\n  figure-parts {\n    min-height: 0;\n  }\n  figure-canvas {\n    flex: 1;\n    min-width: 0;\n    min-height: 0;\n  }\n  div[middle] {\n    position: relative;\n    display: flex;\n    min-width: 0;\n    min-height: 0;\n  }\n  /* A new figure's first question, over the empty canvas. */\n  div[start] {\n    position: absolute;\n    inset: 50% auto auto 50%;\n    z-index: 10;\n    color: var(--md-sys-color-on-surface);\n    transform: translate(-50%, -50%);\n    width: min(440px, calc(100% - 32px));\n    box-sizing: border-box;\n    padding: 20px;\n    border-radius: 12px;\n    background: var(--md-sys-color-surface, #fff);\n    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18);\n  }\n  div[start] button[start-button] {\n    width: auto;\n    margin: 0;\n    font-size: var(--ui-t-body);\n    height: 36px;\n    padding: 0 16px;\n    border: 1px solid var(--md-sys-color-outline);\n    border-radius: 999em;\n    color: var(--md-sys-color-primary);\n    background: var(--md-sys-color-surface, #fff);\n    cursor: pointer;\n  }\n  div[start] button[start-button]:hover:not(:disabled) {\n    background: var(--md-sys-color-primary-container);\n  }\n  div[start] button[start-button][pressed] {\n    color: var(--md-sys-color-on-primary);\n    background: var(--md-sys-color-primary);\n    border-color: var(--md-sys-color-primary);\n  }\n  div[start] button[start-button]:disabled {\n    opacity: 0.5;\n    cursor: default;\n  }\n  div[start] h2 {\n    margin: 0 0 12px;\n    font-size: var(--ui-t-title);\n  }\n  div[start-paths] {\n    display: grid;\n    gap: 14px;\n  }\n  div[start-paths] h3 {\n    margin: 0 0 6px;\n    font-size: var(--ui-t-body);\n  }\n  div[start-shapes] {\n    display: flex;\n    gap: 8px;\n    flex-wrap: wrap;\n  }\n  div[start] small {\n    display: block;\n    margin-top: 4px;\n    color: var(--md-sys-color-on-surface-variant);\n  }\n  /* The side: tabs over one panel at a time, each using the whole height. */\n  /*\n    The side's words at the panel's size (side-panel-styles: titles body, the rest small). The editor's host is at body\n    for the bar, and the fields the editor drew itself -- the part's name -- stood a step larger than every other field.\n  */\n  aside {\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n    font-size: var(--ui-t-small, 11.5px);\n    background: var(--md-sys-color-surface-container-lowest);\n  }\n  div[tabs] {\n    display: flex;\n    flex: none;\n    border-bottom: 1px solid var(--md-sys-color-outline-variant);\n  }\n  button[tab] {\n    flex: 1;\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 1px;\n    min-width: 0;\n    height: 48px;\n    padding: 0;\n    border: none;\n    border-radius: 0;\n    border-bottom: 2px solid transparent;\n    background: none;\n    color: var(--md-sys-color-on-surface-variant);\n  }\n  button[tab]:hover:not([on]) {\n    background: var(--md-sys-color-surface-container);\n  }\n  button[tab][on] {\n    color: var(--md-sys-color-primary);\n    border-bottom-color: var(--md-sys-color-primary);\n  }\n  button[tab] md-icon {\n    font-size: 20px;\n    width: 20px;\n    height: 20px;\n  }\n  button[tab] span[tab-label] {\n    max-width: 100%;\n    overflow: hidden;\n    font-size: var(--ui-t-micro, 11px);\n    line-height: 1.2;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n  /* A range's two ends read as one: smallest – largest. */\n  div[pair][range] {\n    align-items: center;\n  }\n  div[pair][range] > span[dash] {\n    flex: none;\n    color: var(--md-sys-color-on-surface-variant);\n  }\n  /* The sections inside carry the margins (side-panel-styles); the panel only scrolls. */\n  div[panel] {\n    flex: 1;\n    min-height: 0;\n    overflow: auto;\n    padding: 0;\n  }\n  div[panel][flush] {\n    padding: 0;\n  }\n  /* Hidden, not removed: a panel keeps what it holds (the verdict its last answer) while another tab is open. */\n  [off] {\n    display: none !important;\n  }\n  /* The part's own numbers inside a group the links draw (size, place): one column, the panel's gap. */\n  div[group-fields] {\n    display: grid;\n    gap: 6px;\n  }\n  /* The folded 「더 보기」: its title is the fold's handle, at the title's size. */\n  section[more] > details > summary {\n    padding: 0;\n  }\n  section[more] > details > summary > h3 {\n    margin: 0;\n  }\n  div[more-body] {\n    display: grid;\n    gap: 16px;\n    margin-top: 12px;\n  }\n  /*\n    The view settings and the release history, opened from the bar over the right of the work: neither is about the\n    part chosen, so neither takes a tab beside the part's (chief architect 2026-10-16). The fastening window stands in\n    the same place, over the side panel, so the canvas it previews on stays in sight (user 2026-10-19).\n  */\n  :host {\n    position: relative;\n  }\n  div[side-overlay] {\n    position: absolute;\n    top: var(--figure-bar-height, 44px);\n    right: 8px;\n    z-index: 5;\n    display: flex;\n    flex-direction: column;\n    width: min(360px, calc(100% - 16px));\n    max-height: calc(100% - var(--figure-bar-height, 44px) - 16px);\n    background: var(--md-sys-color-surface-container-lowest);\n    border: 1px solid var(--md-sys-color-outline-variant);\n    border-radius: 8px;\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.16);\n  }\n  div[overlay-head] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 8px 8px 12px;\n    border-bottom: 1px solid var(--md-sys-color-outline-variant);\n  }\n  div[overlay-head] h3 {\n    margin: 0;\n  }\n  div[overlay-head] button[quiet] {\n    margin-left: 0;\n  }\n  [overlay-body] {\n    min-height: 0;\n    overflow: auto;\n  }\n  /* Which part the panel speaks of. */\n  div[subject] {\n    position: sticky;\n    top: 0;\n    z-index: 1;\n    display: grid;\n    gap: 4px;\n    padding: 10px 12px;\n    background: var(--md-sys-color-surface-container-lowest);\n    border-bottom: 1px solid var(--md-sys-color-outline-variant);\n  }\n  /* The panel's three sizes (side-panel-styles): the part's kind at the title's, its two lines at the hint's. */\n  div[subject-summary] {\n    display: grid;\n    gap: 2px;\n  }\n  div[subject-summary] b {\n    font-size: var(--ui-t-body, 13px);\n    font-weight: 600;\n  }\n  div[subject-summary] b span {\n    font-weight: 400;\n    color: var(--md-sys-color-on-surface-variant);\n  }\n  div[subject-summary] small {\n    color: var(--md-sys-color-on-surface-variant);\n  }\n  /*\n    No rule here draws every button as a box: the side's buttons take the shared panel rules (SidePanelStyles), one\n    height with the fields beside them, and only the bar's publish keeps an outline (user 2026-10-16: 「버튼 박스도\n    과하게 사용되어서」 -- a bare 「button」 rule had put a 32px box round every button the editor drew).\n  */\n  button {\n    font: inherit;\n    box-sizing: border-box;\n    color: inherit;\n    min-width: 0;\n    cursor: pointer;\n  }\n  /* What blocks release, beside 「발행」: one red word button, and its list under the bar. */\n  ox-canvas-bar button[release-blocked] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    height: 32px;\n    padding: 0 14px 0 10px;\n    border: none;\n    /* Round as save and release beside it: one shape for the bar's end. */\n    border-radius: 999em;\n    color: var(--md-sys-color-on-error-container);\n    background: var(--md-sys-color-error-container);\n  }\n  ox-canvas-bar button[release-blocked] md-icon {\n    --md-icon-size: 18px;\n  }\n  div[release-blockers] {\n    position: absolute;\n    top: 46px;\n    right: 8px;\n    z-index: 6;\n    width: min(340px, calc(100% - 16px));\n    padding: 8px 10px 10px;\n    box-sizing: border-box;\n    background: var(--md-sys-color-surface);\n    border: 1px solid var(--md-sys-color-outline-variant);\n    border-radius: 8px;\n    box-shadow: var(--md-sys-elevation-2, 0 2px 8px #0003);\n  }\n  ox-canvas-bar button[publish] {\n    border: 1px solid var(--md-sys-color-outline);\n    color: var(--md-sys-color-primary);\n    background: var(--md-sys-color-surface);\n  }\n  ox-canvas-bar button[publish][aria-pressed='true'] {\n    background: var(--md-sys-color-secondary-container);\n    color: var(--md-sys-color-on-secondary-container);\n  }\n  button:disabled {\n    opacity: 0.45;\n    cursor: default;\n  }\n  button[aria-pressed='true'] {\n    background: var(--md-sys-color-secondary-container);\n    color: var(--md-sys-color-on-secondary-container);\n    border-color: var(--md-sys-color-primary);\n  }\n  .hint {\n    color: var(--md-sys-color-on-surface-variant);\n    line-height: 1.5;\n  }\n`\n"]}
+{"version":3,"file":"editor-styles.js","sourceRoot":"","sources":["../../client/modeller/editor-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,gHAAgH;AAChH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4a9B,CAAA","sourcesContent":["import { css } from 'lit'\n\n/** The modeller editor's own styles: the bar's tools, the panes, the start card, the side's tabs and panels. */\nexport const EditorStyles = css`\n  :host {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n    height: 100%;\n    /* The editor folds by the width it is given, not the window's (UX ruling, 2026-09-24). */\n    container-type: inline-size;\n    /* The app's one face (its typography theme's --theme-font) at the body size: a bare sans-serif here put a second\n       face under everything the editor draws, beside the parts list and the shell in the app's own (2026-10-16). */\n    font-family: var(--theme-font, ui-sans-serif, system-ui, sans-serif);\n    font-size: var(--ui-t-body, 13px);\n    color: var(--md-sys-color-on-surface);\n  }\n  /* The bar over the work is ox-canvas-bar (ADR-0060 decision 8): the folds at its edges, undo, redo and\n     fit in the suite's places. What the editor puts in it - the mode switch, the status, save - is styled here. */\n  ox-canvas-bar button[mode] {\n    height: 28px;\n    border: 1px solid transparent;\n    padding: 0 10px;\n    border-radius: 999em;\n    border-color: transparent;\n    background: none;\n  }\n  ox-canvas-bar button[mode][aria-pressed='true'] {\n    border-color: var(--md-sys-color-primary);\n  }\n  /* The gizmo's tools, drawn as the bar's own icon buttons (undo, redo, fit). */\n  ox-canvas-bar .gizmo-tools {\n    display: inline-flex;\n    gap: 2px;\n    padding-left: 4px;\n    border-left: 1px solid var(--md-sys-color-outline-variant);\n  }\n  ox-canvas-bar button[tool] {\n    display: inline-grid;\n    place-items: center;\n    width: 32px;\n    height: 32px;\n    padding: 0;\n    border: none;\n    border-radius: var(--md-sys-shape-corner-small, 8px);\n    background: transparent;\n    color: var(--md-sys-color-on-surface-variant);\n    cursor: pointer;\n  }\n  ox-canvas-bar button[tool]:hover:not(:disabled) {\n    background: var(--md-sys-color-surface-container-high);\n    color: var(--md-sys-color-on-surface);\n  }\n  ox-canvas-bar button[tool][aria-pressed='true'] {\n    background: var(--md-sys-color-secondary-container);\n    color: var(--md-sys-color-on-secondary-container);\n  }\n  ox-canvas-bar button[tool]:disabled {\n    opacity: 0.38;\n    cursor: default;\n  }\n  /*\n    Slotted into the bar from here, the tools do not get the bar's own icon size (20px, set inside its shadow): they\n    showed at md-icon's 24px, heavier than undo, redo and fit beside them. The same size, and the bar's focus ring.\n  */\n  ox-canvas-bar button[tool] md-icon {\n    --md-icon-size: 20px;\n  }\n  ox-canvas-bar button[tool]:focus-visible {\n    outline: 2px solid var(--md-sys-color-primary);\n    outline-offset: 1px;\n  }\n  figure-preview {\n    min-width: 0;\n    min-height: 0;\n  }\n  /* The edit canvas stays standing while the preview is in front (a 3D scene costs a third of a second to make), out of sight. */\n  div[middle][hidden] {\n    display: none;\n  }\n  /* The preview, once made, stays standing out of sight too: its 3D scene is not made again each time it is asked for. */\n  figure-preview[hidden] {\n    display: none;\n  }\n  ox-canvas-bar .status {\n    padding: 0 8px;\n    color: var(--md-sys-color-on-surface-variant);\n  }\n  /*\n    The bar's two commitments, one shape (user 2026-10-18: 「발행버튼도 저장버튼도 라운드 버튼으로 … 버튼 안에 적절한 아이콘」):\n    round, an icon inside, so neither is taken for the other. Save, done many times a day, is the filled one; release,\n    a promise to whoever draws the figure, is outlined.\n  */\n  ox-canvas-bar button[save],\n  ox-canvas-bar button[publish] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    height: 32px;\n    padding: 0 14px 0 10px;\n    border-radius: 999em;\n    font-weight: 600;\n  }\n  ox-canvas-bar button[save] md-icon,\n  ox-canvas-bar button[publish] md-icon {\n    --md-icon-size: 18px;\n  }\n  ox-canvas-bar button[save] {\n    border: 1px solid transparent;\n    color: var(--md-sys-color-on-primary);\n    background: var(--md-sys-color-primary);\n  }\n  /* The three panes are ox-three-pane's (ADR-0060 decision 8): widths 200 | 1fr | 340, 160 | 300 under\n     860px and one column with the middle first under 560px are the frame's, as are the dividers. */\n  ox-three-pane {\n    flex: 1;\n    min-height: 0;\n  }\n  figure-parts {\n    min-height: 0;\n  }\n  figure-canvas {\n    flex: 1;\n    min-width: 0;\n    min-height: 0;\n  }\n  div[middle] {\n    position: relative;\n    display: flex;\n    min-width: 0;\n    min-height: 0;\n  }\n  /* Which size handles change one diameter (ADR-0140 4.1): a quiet line over the canvas, out of the gizmo's way. */\n  p[same-measure] {\n    position: absolute;\n    bottom: 12px;\n    left: 50%;\n    z-index: 5;\n    transform: translateX(-50%);\n    margin: 0;\n    padding: 4px 10px;\n    border-radius: 999em;\n    background: var(--md-sys-color-surface-container-high);\n    color: var(--md-sys-color-on-surface-variant);\n    font-size: var(--ui-t-small, 11.5px);\n    pointer-events: none;\n    white-space: nowrap;\n  }\n  /* A new figure's first question, over the empty canvas. */\n  div[start] {\n    position: absolute;\n    inset: 50% auto auto 50%;\n    z-index: 10;\n    color: var(--md-sys-color-on-surface);\n    transform: translate(-50%, -50%);\n    width: min(440px, calc(100% - 32px));\n    box-sizing: border-box;\n    padding: 20px;\n    border-radius: 12px;\n    background: var(--md-sys-color-surface, #fff);\n    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18);\n  }\n  div[start] button[start-button] {\n    width: auto;\n    margin: 0;\n    font-size: var(--ui-t-body);\n    height: 36px;\n    padding: 0 16px;\n    border: 1px solid var(--md-sys-color-outline);\n    border-radius: 999em;\n    color: var(--md-sys-color-primary);\n    background: var(--md-sys-color-surface, #fff);\n    cursor: pointer;\n  }\n  div[start] button[start-button]:hover:not(:disabled) {\n    background: var(--md-sys-color-primary-container);\n  }\n  div[start] button[start-button][pressed] {\n    color: var(--md-sys-color-on-primary);\n    background: var(--md-sys-color-primary);\n    border-color: var(--md-sys-color-primary);\n  }\n  div[start] button[start-button]:disabled {\n    opacity: 0.5;\n    cursor: default;\n  }\n  div[start] h2 {\n    margin: 0 0 12px;\n    font-size: var(--ui-t-title);\n  }\n  div[start-paths] {\n    display: grid;\n    gap: 14px;\n  }\n  div[start-paths] h3 {\n    margin: 0 0 6px;\n    font-size: var(--ui-t-body);\n  }\n  div[start-shapes] {\n    display: flex;\n    gap: 8px;\n    flex-wrap: wrap;\n  }\n  div[start] small {\n    display: block;\n    margin-top: 4px;\n    color: var(--md-sys-color-on-surface-variant);\n  }\n  /* The side: tabs over one panel at a time, each using the whole height. */\n  /*\n    The side's words at the panel's size (side-panel-styles: titles body, the rest small). The editor's host is at body\n    for the bar, and the fields the editor drew itself -- the part's name -- stood a step larger than every other field.\n  */\n  aside {\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n    font-size: var(--ui-t-small, 11.5px);\n    background: var(--md-sys-color-surface-container-lowest);\n  }\n  div[tabs] {\n    display: flex;\n    flex: none;\n    border-bottom: 1px solid var(--md-sys-color-outline-variant);\n  }\n  button[tab] {\n    flex: 1;\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 1px;\n    min-width: 0;\n    height: 48px;\n    padding: 0;\n    border: none;\n    border-radius: 0;\n    border-bottom: 2px solid transparent;\n    background: none;\n    color: var(--md-sys-color-on-surface-variant);\n  }\n  button[tab]:hover:not([on]) {\n    background: var(--md-sys-color-surface-container);\n  }\n  button[tab][on] {\n    color: var(--md-sys-color-primary);\n    border-bottom-color: var(--md-sys-color-primary);\n  }\n  button[tab] md-icon {\n    font-size: 20px;\n    width: 20px;\n    height: 20px;\n  }\n  button[tab] span[tab-label] {\n    max-width: 100%;\n    overflow: hidden;\n    font-size: var(--ui-t-micro, 11px);\n    line-height: 1.2;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n  /* A range's two ends read as one: smallest – largest. */\n  div[pair][range] {\n    align-items: center;\n  }\n  div[pair][range] > span[dash] {\n    flex: none;\n    color: var(--md-sys-color-on-surface-variant);\n  }\n  /* The sections inside carry the margins (side-panel-styles); the panel only scrolls. */\n  div[panel] {\n    flex: 1;\n    min-height: 0;\n    overflow: auto;\n    padding: 0;\n  }\n  div[panel][flush] {\n    padding: 0;\n  }\n  /* Hidden, not removed: a panel keeps what it holds (the verdict its last answer) while another tab is open. */\n  [off] {\n    display: none !important;\n  }\n  /* The part's own numbers inside a group the links draw (size, place): one column, the panel's gap. */\n  div[group-fields] {\n    display: grid;\n    gap: 6px;\n  }\n  /* The folded 「더 보기」: its title is the fold's handle, at the title's size. */\n  section[more] > details > summary {\n    padding: 0;\n  }\n  section[more] > details > summary > h3 {\n    margin: 0;\n  }\n  div[more-body] {\n    display: grid;\n    gap: 16px;\n    margin-top: 12px;\n  }\n  /*\n    The view settings and the release history, opened from the bar over the right of the work: neither is about the\n    part chosen, so neither takes a tab beside the part's (chief architect 2026-10-16). The fastening window stands in\n    the same place, over the side panel, so the canvas it previews on stays in sight (user 2026-10-19).\n  */\n  :host {\n    position: relative;\n  }\n  div[side-overlay] {\n    position: absolute;\n    top: var(--figure-bar-height, 44px);\n    right: 8px;\n    z-index: 5;\n    display: flex;\n    flex-direction: column;\n    width: min(360px, calc(100% - 16px));\n    max-height: calc(100% - var(--figure-bar-height, 44px) - 16px);\n    background: var(--md-sys-color-surface-container-lowest);\n    border: 1px solid var(--md-sys-color-outline-variant);\n    border-radius: 8px;\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.16);\n  }\n  div[overlay-head] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 8px 8px 12px;\n    border-bottom: 1px solid var(--md-sys-color-outline-variant);\n  }\n  div[overlay-head] h3 {\n    margin: 0;\n  }\n  div[overlay-head] button[quiet] {\n    margin-left: 0;\n  }\n  [overlay-body] {\n    min-height: 0;\n    overflow: auto;\n  }\n  /* Which part the panel speaks of. */\n  div[subject] {\n    position: sticky;\n    top: 0;\n    z-index: 1;\n    display: grid;\n    gap: 4px;\n    padding: 10px 12px;\n    background: var(--md-sys-color-surface-container-lowest);\n    border-bottom: 1px solid var(--md-sys-color-outline-variant);\n  }\n  /* The panel's three sizes (side-panel-styles): the part's kind at the title's, its two lines at the hint's. */\n  div[subject-summary] {\n    display: grid;\n    gap: 2px;\n  }\n  div[subject-summary] b {\n    font-size: var(--ui-t-body, 13px);\n    font-weight: 600;\n  }\n  div[subject-summary] b span {\n    font-weight: 400;\n    color: var(--md-sys-color-on-surface-variant);\n  }\n  div[subject-summary] small {\n    color: var(--md-sys-color-on-surface-variant);\n  }\n  /*\n    No rule here draws every button as a box: the side's buttons take the shared panel rules (SidePanelStyles), one\n    height with the fields beside them, and only the bar's publish keeps an outline (user 2026-10-16: 「버튼 박스도\n    과하게 사용되어서」 -- a bare 「button」 rule had put a 32px box round every button the editor drew).\n  */\n  button {\n    font: inherit;\n    box-sizing: border-box;\n    color: inherit;\n    min-width: 0;\n    cursor: pointer;\n  }\n  /* What blocks release, beside 「발행」: one red word button, and its list under the bar. */\n  ox-canvas-bar button[release-blocked] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    height: 32px;\n    padding: 0 14px 0 10px;\n    border: none;\n    /* Round as save and release beside it: one shape for the bar's end. */\n    border-radius: 999em;\n    color: var(--md-sys-color-on-error-container);\n    background: var(--md-sys-color-error-container);\n  }\n  ox-canvas-bar button[release-blocked] md-icon {\n    --md-icon-size: 18px;\n  }\n  div[release-blockers] {\n    position: absolute;\n    top: 46px;\n    right: 8px;\n    z-index: 6;\n    width: min(340px, calc(100% - 16px));\n    padding: 8px 10px 10px;\n    box-sizing: border-box;\n    background: var(--md-sys-color-surface);\n    border: 1px solid var(--md-sys-color-outline-variant);\n    border-radius: 8px;\n    box-shadow: var(--md-sys-elevation-2, 0 2px 8px #0003);\n  }\n  ox-canvas-bar button[publish] {\n    border: 1px solid var(--md-sys-color-outline);\n    color: var(--md-sys-color-primary);\n    background: var(--md-sys-color-surface);\n  }\n  ox-canvas-bar button[publish][aria-pressed='true'] {\n    background: var(--md-sys-color-secondary-container);\n    color: var(--md-sys-color-on-secondary-container);\n  }\n  button:disabled {\n    opacity: 0.45;\n    cursor: default;\n  }\n  button[aria-pressed='true'] {\n    background: var(--md-sys-color-secondary-container);\n    color: var(--md-sys-color-on-secondary-container);\n    border-color: var(--md-sys-color-primary);\n  }\n  .hint {\n    color: var(--md-sys-color-on-surface-variant);\n    line-height: 1.5;\n  }\n`\n"]}

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

@@ -59,8 +59,6 @@ export declare class FigureEditor extends LitElement {
     /** How far the GLB being brought in has gone up (0‒1), while it does. */
     private meshProgress?;
     private faceMapping?;
-    /** The same link offered again with the size range narrowed, after a link the declared range could not hold. */
-    private retry?;
     private tab;
     /** The view settings or the release history, open over the work from the bar. */
     private overlay?;
@@ -118,6 +116,10 @@ export declare class FigureEditor extends LitElement {
      */
     private renderGizmoTools;
     private keys;
+    /** The part Ctrl+C took: pasted as the kernel's duplicate. Not kept past the editor, nor written anywhere. */
+    private copied;
+    /** A copied part still in the figure is duplicated -- a part of its own, named by figure-model; one gone, nothing. */
+    private pasteCopied;
     private keyAction;
     private paneFold;
     private refusals;
@@ -131,6 +133,8 @@ export declare class FigureEditor extends LitElement {
      * gone or another figure opened has nothing to go back to: the editor closes.
      */
     private leaveSectionEditor;
+    /** While the size tool is on a round part: which of its handles change the one diameter (ADR-0140 4.1). */
+    private renderSameMeasure;
     /** The scene toggles: the mode already shown takes the gizmo away. */
     private useGizmo;
     /**
@@ -270,7 +274,7 @@ export declare class FigureEditor extends LitElement {
      * pointer, and the release records one step. The field's number follows too, so the value in hand is always read.
      */
     private scrub;
-    /** The sizes a board may give the figure, and the way to measure them again after its parts changed. */
+    /** The sizes a board may give the figure: the ends the author typed, and the rest as far as its parts allow. */
     private renderInstanceRange;
     /**
      * How the figure grows. One ratio (`sizing: 'uniform'`) is said as it is; a figure with joints that has not declared

package/dist-client/modeller/editor.js

@@ -28,7 +28,7 @@ import './figure-preview.js';
 import './figure-settings.js';
 import { DEFAULT_VIEW } from '@things-factory/figure-viewer/dist-client/figure-view.js';
 import './figure-capability-panel.js';
-import { gizmoChanges, gizmoReachOf, sizeKeepOf } from './gizmo.js';
+import { gizmoChanges, gizmoReachOf, sameMeasureAxesOf, sizeKeepOf } from './gizmo.js';
 import { keptBySizeOf, partsAtFrame, SIZE_KEEPS_WORDS, startSizeDrag, throughPlaneOf } from './size-drag.js';
 import { ModellerKeys } from './modeller-keys.js';
 import { PaneFold } from './pane-fold.js';
@@ -50,9 +50,9 @@ import { END_FACE } from './section-controls.js';
 import { nudgeOf, placementOf } from './stage-model.js';
 import { occupancyFromParts, roomRefitRowsOf } from './occupancy.js';
 import { gateFindingStyles, renderGateFinding } from './gate-findings.js';
-import { editRefusalOf, inDeclaredRoom, narrowingRetryOf, partNameRefusalOf, partRefusalOf, placedRefusalOf, recipeRefusalOf, removalNoticeOf } from './refusals.js';
+import { editRefusalOf, inDeclaredRoom, partNameRefusalOf, sizeRangeFitsOf, partRefusalOf, placedRefusalOf, recipeRefusalOf, removalNoticeOf } from './refusals.js';
 import { HelpToggles } from './help.js';
-import { endPlaceKeyOf, fieldWordsOf, followOf, sizeFollowersOf, measureNow, partSummaryOf, instanceRangeOf, instanceRangeToDeclare, proportionToFollow, rangeDiffers, rangeWith, turnsAboutAJoint, valueNow } from './links.js';
+import { endPlaceKeyOf, fieldWordsOf, followOf, sizeFollowersOf, measureNow, partSummaryOf, instanceRangeOf, instanceSizeToDeclare, proportionToFollow, rangeWith, turnsAboutAJoint, valueNow } from './links.js';
 import { jointFanOf } from './joint-fan.js';
 import { derivedOf } from './revision.js';
 import { jointDragOf } from './joint-drag.js';
@@ -137,14 +137,14 @@ let FigureEditor = class FigureEditor extends LitElement {
             selected: () => this.selected,
             act: action => this.keyAction(action)
         });
+        /** The part Ctrl+C took: pasted as the kernel's duplicate. Not kept past the editor, nor written anywhere. */
+        this.copied = '';
         this.paneFold = new PaneFold(this, () => this.panes);
         this.refusals = new RefusalTeller({
             session: () => this.session,
             error: () => this.error,
             notice: () => this.notice,
-            retry: () => this.retry,
-            refuse: message => (this.error = message),
-            command: action => this.linkCommand(action)
+            refuse: message => (this.error = message)
         });
         this.panelMemory = new PanelMemory(() => this.renderRoot);
         /** The preview is made when first asked for, and kept (hidden) after that; it is taken down with the editor. */
@@ -231,6 +231,13 @@ let FigureEditor = class FigureEditor extends LitElement {
         </button>`)}
     </span>`;
     }
+    /** A copied part still in the figure is duplicated -- a part of its own, named by figure-model; one gone, nothing. */
+    pasteCopied() {
+        const asset = this.session?.revisionNow()?.asset;
+        if (!this.copied || !asset?.document.model.nodes.some(n => n.op === 'place@1' && n.id === this.copied))
+            return;
+        this.duplicatePart(this.copied);
+    }
     keyAction(action) {
         const view = this.session.read();
         const canvas = this.renderRoot.querySelector('figure-canvas');
@@ -242,6 +249,12 @@ let FigureEditor = class FigureEditor extends LitElement {
             view.canRedo && this.run(() => this.session.redo());
         else if (action === 'duplicate')
             this.duplicatePart(this.selected);
+        else if (action === 'copy')
+            this.copied = this.selected;
+        else if (action === 'paste')
+            this.pasteCopied();
+        else if (action === 'hold')
+            return;
         else if (action === 'remove')
             this.removePart(this.selected);
         else
@@ -295,6 +308,15 @@ let FigureEditor = class FigureEditor extends LitElement {
                 this.selected = next;
         });
     }
+    /** While the size tool is on a round part: which of its handles change the one diameter (ADR-0140 4.1). */
+    renderSameMeasure(unavailable) {
+        if (unavailable || this.gizmoMode !== 'scale' || !this.selected)
+            return nothing;
+        const axes = sameMeasureAxesOf(this.reachOf(this.selected));
+        return axes
+            ? html `<p same-measure role="status">${i18next.t('figure.text.gizmo-same-measure', { axes: axes.map(a => a.toUpperCase()).join(' · ') })}</p>`
+            : nothing;
+    }
     /** The scene toggles: the mode already shown takes the gizmo away. */
     useGizmo(mode) {
         /*
@@ -380,6 +402,10 @@ let FigureEditor = class FigureEditor extends LitElement {
         this.live = action ? { ...rest, action } : rest;
     }
     changed() {
+        /* What the step did to the size ends the author typed, said with whatever else it said. */
+        const fits = this.session?.takeSizeRangeFits() ?? [];
+        if (fits.length)
+            this.notice = [this.notice, sizeRangeFitsOf(fits, (key, params) => i18next.t(key, params))].filter(Boolean).join(' ');
         this.requestUpdate();
         this.dispatchEvent(new CustomEvent('changed', { bubbles: true, composed: true }));
     }
@@ -483,7 +509,6 @@ let FigureEditor = class FigureEditor extends LitElement {
         this.run(() => this.session.edit({ kind: 'move-part', target: id, to }));
     }
     removePart(id, refitRoom = false) {
-        this.retry = undefined;
         try {
             const view = this.session.edit({ kind: 'remove-part', target: id, ...(refitRoom ? { refitRoom: true } : {}) });
             this.error = '';
@@ -962,7 +987,6 @@ let FigureEditor = class FigureEditor extends LitElement {
     linkCommand(action, from = 'panel') {
         /* Committed or refused, a command in hand is let go of: the figure as it stands is drawn again. */
         this.holdAction(null);
-        this.retry = undefined;
         this.notice = '';
         const hadSize = this.hasSize();
         const hadSpace = !!this.shown()?.asset.occupancy;
@@ -995,12 +1019,6 @@ let FigureEditor = class FigureEditor extends LitElement {
                 this.error = '';
                 return false;
             }
-            const narrowing = narrowingRetryOf(action, error, (key, params) => i18next.t(key, params));
-            if (narrowing) {
-                this.error = narrowing.message;
-                this.retry = { label: narrowing.label, action: narrowing.retry };
-                return false;
-            }
             this.error =
                 code === 'DIMENSION_CYCLE'
                     ? i18next.t('figure.text.follow-would-loop')
@@ -1096,12 +1114,12 @@ let FigureEditor = class FigureEditor extends LitElement {
         label.addEventListener('pointerup', up);
         label.addEventListener('pointercancel', up);
     }
-    /** The sizes a board may give the figure, and the way to measure them again after its parts changed. */
+    /** The sizes a board may give the figure: the ends the author typed, and the rest as far as its parts allow. */
     renderInstanceRange(shown, unavailable) {
         if (!shown)
             return nothing;
         const asset = shown.asset;
-        /* Measured once per version: measuring evaluates the figure at its edges. */
+        /* Computed once per version: figure-model evaluates the figure at its edges. */
         const measured = derivedOf(shown, 'instance-range', () => {
             let of;
             let toDeclare;
@@ -1112,7 +1130,7 @@ let FigureEditor = class FigureEditor extends LitElement {
                 of = undefined;
             }
             try {
-                toDeclare = of ? undefined : instanceRangeToDeclare(asset);
+                toDeclare = of ? undefined : instanceSizeToDeclare(asset);
             }
             catch {
                 toDeclare = undefined;
@@ -1133,14 +1151,18 @@ let FigureEditor = class FigureEditor extends LitElement {
             return html `<section board-size>
         ${title('figure.text.board-size-fixed-explained')}
         <p fixed-size>${i18next.t('figure.text.board-size-fixed', { x: mm(toDeclare.at.x), y: mm(toDeclare.at.y), z: mm(toDeclare.at.z) })}</p>
-        <button act ?disabled=${unavailable} @click=${() => this.linkCommand({ kind: 'declare-instance-size', range: toDeclare.range, at: toDeclare.at })}>
+        <button act ?disabled=${unavailable} @click=${() => this.linkCommand({ kind: 'declare-instance-size', at: toDeclare.at })}>
           <md-icon>open_in_full</md-icon>${i18next.t('figure.button.declare-instance-size')}
         </button>
       </section>`;
         if (!range)
             return nothing;
-        const differs = rangeDiffers(range.declared, range.measured);
         const followers = sizeFollowersOf(asset);
+        /*
+          An end the author typed shows its number; an open end is empty, with what the parts allow written faintly in it
+          (ADR-0087 decision 6). Typing narrows that end, emptying the field opens it again.
+        */
+        const shownEnd = (r, bound) => (bound === 'max' && !Number.isFinite(r.max) ? '∞' : mm(r[bound]));
         return html `<section board-size>
       ${title('figure.text.board-size-range-explained')}
       ${['x', 'y', 'z'].map(axis => html `<div inline-field>
@@ -1150,12 +1172,12 @@ let FigureEditor = class FigureEditor extends LitElement {
                 aria-label=${`size.${axis}.${bound}`}
                 type="number"
                 step="any"
-                .value=${live(String(Math.round(range.declared[axis][bound])))}
+                .value=${live(range[axis].narrowed[bound] ? String(Math.round(range[axis][bound])) : '')}
+                placeholder=${shownEnd(range[axis], bound)}
                 ?disabled=${unavailable}
                 @change=${(e) => {
-            const next = rangeWith(range.declared, axis, bound, e.target.valueAsNumber);
-            if (next)
-                this.linkCommand({ kind: 'declare-instance-size', range: next, replace: true });
+            const typed = e.target.valueAsNumber;
+            this.linkCommand({ kind: 'declare-instance-size', range: rangeWith(range, axis, bound, typed), replace: true });
         }}
               />`)}
           </div>
@@ -1167,19 +1189,6 @@ let FigureEditor = class FigureEditor extends LitElement {
             })
             : i18next.t('figure.text.board-size-no-followers')}
       </p>
-      ${differs
-            ? html `<p hint>
-              ${i18next.t('figure.text.instance-range-can-widen', {
-                ranges: ['x', 'y', 'z']
-                    .filter(axis => rangeDiffers(range.declared, { ...range.declared, [axis]: range.measured[axis] }))
-                    .map(axis => `${axis.toUpperCase()} ${mm(range.measured[axis].min)} – ${mm(range.measured[axis].max)}`)
-                    .join(' · ')
-            })}
-            </p>
-            <button act ?disabled=${unavailable} @click=${() => this.linkCommand({ kind: 'declare-instance-size', range: range.measured, replace: true })}>
-              <md-icon>straighten</md-icon>${i18next.t('figure.button.remeasure-range')}
-            </button>`
-            : nothing}
       ${this.renderSizingRule(asset, unavailable)}
     </section>`;
     }
@@ -1334,7 +1343,7 @@ let FigureEditor = class FigureEditor extends LitElement {
         const form = this.publishing?.part === part
             ? this.publishing
             : listed && input
-                ? { part, label: listed.label, min: input.min, max: input.max }
+                ? /* A published input has both ends (figure-model checkPublicInput). */ { part, label: listed.label, min: input.min, max: input.max }
                 : undefined;
         const open = !!form;
         const edit = (key) => (e) => {
@@ -1938,7 +1947,7 @@ let FigureEditor = class FigureEditor extends LitElement {
           @render-error=${(e) => {
             this.error = e.detail.message;
         }}
-        ></figure-canvas></div>
+        ></figure-canvas>${this.renderSameMeasure(unavailable)}</div>
         <aside slot="end">
           <div tabs>
             ${this.renderTab('properties', 'tune', i18next.t('figure.label.properties'))}
@@ -2243,10 +2252,6 @@ __decorate([
     state(),
     __metadata("design:type", Object)
 ], FigureEditor.prototype, "faceMapping", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], FigureEditor.prototype, "retry", void 0);
 __decorate([
     state(),
     __metadata("design:type", String)