@things-factory/figure-ui 10.1.208 → 10.1.211

package/test/browser/modeller-page.js

@@ -83,7 +83,7 @@ function sourceOf(kind, text) {
     /* On the roller's side at 0° round its own Y -- its own +X (ADR-0140 3.9). */
     asset = applyFigureAuthoring(asset, { kind: 'attach', part: 'mark', to: { part: 'roller', surface: { around: 0, along: 'centre' } } })
     const j = asset.joints.find(o => o.body1.part === 'roller')
-    asset = applyFigureAuthoring(asset, { kind: 'set-joint', joint: { ...j, type: 'revolute', axis: 'Z', lowerLimit: -360, upperLimit: 360, state: { id: 'spin' } } })
+    asset = applyFigureAuthoring(asset, { kind: 'set-joint', joint: { ...j, motion: [{ type: 'revolute', axis: 'Z', lowerLimit: -360, upperLimit: 360, state: { id: 'spin' } }] } })
     return serializeFigureAsset(applyFigureAuthoring(asset, { kind: 'make-repeat', part: 'roller', axis: 'x', pitch: 200 }))
   }
   throw Error(`no figure for ${kind}`)

package/test/browser/modeller-revision.check.mjs

@@ -72,13 +72,17 @@ async function mode(which) {
 describe('work counted on the robot arm', () => {
   before(() => mount('arm'))
 
-  /* The motion tab is drawn out of sight with the rest: the selected part's motion is evaluated at its two ends. */
-  test('picking a part on the canvas compiles nothing; it evaluates only the two ends of the part\'s motion', async () => {
+  /*
+    The tabs are drawn out of sight with the rest: the selected part's motion is evaluated at its two ends, and the size
+    editor on 「배치」 asks once which of the parent's axes each of the part's own lies along, the figure at rest
+    (figureAxisPairsOf, ADR-0159 3) -- one evaluation for all three rows.
+  */
+  test('picking a part on the canvas compiles nothing; it evaluates the two ends of the part\'s motion and its axes at rest', async () => {
     const part = 'upper-arm'
     const point = await read(id => probe.partOnPage(id), part)
     const { before, spent } = await counted(() => click(point))
     assert.equal((await read(() => probe.state())).selected, part)
-    assert.deepEqual(spent, { compiles: 0, evaluations: 2 })
+    assert.deepEqual(spent, { compiles: 0, evaluations: 3 })
     /*
       Once the screen rests, two commands are seen on copies (ADR-0097 §5.5): taking the part off (its step without the
       joint, and its result) and the fastening the form opens on (its result). Each compiles only what it makes; the
@@ -89,11 +93,18 @@ describe('work counted on the robot arm', () => {
     assert.ok(rested.compiles <= 3, JSON.stringify(rested))
   })
 
-  /* The edit and its read are the kernel's two compiles (its version's asset is the edit's own); then the part's motion ends. */
+  /*
+    The edit and its read are the kernel's two compiles (its version's asset is the edit's own); then the part's motion
+    ends, and its axes paired at rest for the size editor once more on the new version.
+  */
   test('a value typed into its field: the edit and its read, and nothing else while it is drawn', async () => {
+    /* The part's measures are the 「배치」 tab's size editor (2026-10-24). */
+    await click(await read(() => probe.tab('figure.label.tab-arrangement')))
+    await settled()
     const field = await read(() => {
       const deep = (root = document) => [...root.querySelectorAll('input[type=number]')].concat(...[...root.querySelectorAll('*')].filter(e => e.shadowRoot).map(e => deep(e.shadowRoot)))
-      const input = deep().find(i => !i.disabled && /\.size\.|\.dimension\./.test(i.getAttribute('aria-label') ?? ''))
+      /* A measure of the part in the size editor. */
+      const input = deep().find(i => !i.disabled && / figure\.label\.size-measure$/.test(i.getAttribute('aria-label') ?? ''))
       if (!input) return null
       input.scrollIntoView({ block: 'center' })
       const r = input.getBoundingClientRect()
@@ -105,7 +116,7 @@ describe('work counted on the robot arm', () => {
     await page().keyboard.type(String(field.value + 10))
     const { spent } = await counted(() => page().keyboard.press('Enter'))
     assert.equal((await read(() => probe.state())).revision, revision + 1, `${field.label} is one step`)
-    assert.ok(spent.compiles <= 2 && spent.evaluations <= 5, JSON.stringify(spent))
+    assert.ok(spent.compiles <= 2 && spent.evaluations <= 6, JSON.stringify(spent))
   })
 })
 
@@ -178,7 +189,10 @@ describe('the edit canvas and the preview stay standing', () => {
   test('a value changed beside the preview is drawn inside the scene that stands', async () => {
     await click(await read(() => probe.row('box')))
     await sleep(300)
-    const field = await read(() => probe.labelled('box.size.y'))
+    /* The box's size is the 「배치」 tab's (2026-10-24). */
+    await click(await read(() => probe.tab('figure.label.tab-arrangement')))
+    await sleep(300)
+    const field = await read(() => probe.labelled('box Y figure.label.size-measure'))
     assert.ok(field, 'the height field')
     await page().mouse.click(field.x, field.y, { clickCount: 3 })
     await page().keyboard.type('600')

package/test/browser/modeller.check.mjs

@@ -53,8 +53,11 @@ async function click(point) {
   await page().mouse.click(point.x, point.y)
   await sleep(400)
 }
-/* A side tab pressed, by its short name; how a part answers a size is the 「반응형」 tab's (user 2026-10-17). */
-const tab = async name => click(await read(l => probe.tab(l), `figure.label.tab-short-${name}`))
+/*
+  A side tab pressed, by its short name; how a part answers a size is the 「반응형」 tab's (user 2026-10-17), named
+  「배치」 (figure.label.tab-arrangement) while a part is chosen.
+*/
+const tab = async name => click(await read(n => probe.tab(`figure.label.tab-short-${n}`) ?? (n === 'response' ? probe.tab('figure.label.tab-arrangement') : null), name))
 
 const KEYS = { translate: 'KeyW', rotate: 'KeyE', scale: 'KeyR' }
 
@@ -495,37 +498,33 @@ describe('a figure made in the modeller is given its size from its parts (user 2
     assert.deepEqual(await (await field()).evaluate(i => [i.value, i.placeholder]), ['', '∞'], 'empty, and nothing limits it')
   })
 
+  /*
+    The box's size editor on 「반응형」 (ADR-0159 3): its width made to follow -- on nothing, the figure's own width --
+    then kept a difference from it, and the width typed.
+  */
   test('a part follows the figure\'s width less a difference: chosen and typed, the width is the size less it', async () => {
     await click(await read(() => probe.partOnPage('box')))
     assert.equal((await state()).selected, 'box')
-    const handle = (what, label) =>
-      page().evaluateHandle(
-        (what, label) => {
-          const deep = (root = document) => [...root.querySelectorAll(what)].concat(...[...root.querySelectorAll('*')].filter(e => e.shadowRoot).map(e => deep(e.shadowRoot)))
-          if (what === 'select') return deep().find(s => s.previousElementSibling?.textContent?.trim() === label && [...s.options].some(o => o.value === 'instance:x')) ?? null
-          return deep().find(i => i.closest('label[inline-plus]')) ?? null
-        },
-        what,
-        label
-      )
-    /* The way to make a side follow is folded under the advanced choice (2026-09-28): opened, as a hand does. */
-    await click(await read(() => {
-      const deep = (root = document) => [...root.querySelectorAll('details[resize-choice] > summary')].concat(...[...root.querySelectorAll('*')].filter(e => e.shadowRoot).map(e => deep(e.shadowRoot)))
-      const summary = deep()[0]
-      if (!summary) return null
-      summary.scrollIntoView({ block: 'center' })
-      const r = summary.getBoundingClientRect()
-      return { x: r.left + r.width / 2, y: r.top + r.height / 2 }
-    }))
-    const width = await handle('select', 'X')
-    assert.ok(await width.evaluate(s => !!s), 'the width can follow the figure size')
-    await width.select('instance:x')
-    await sleep(600)
-    const plus = await handle('input')
-    assert.ok(await plus.evaluate(i => !!i), 'a following width offers its difference')
-    await plus.evaluate(i => i.scrollIntoView({ block: 'center' }))
-    await plus.click({ clickCount: 3 })
-    await page().keyboard.type('-50')
+    const handle = selector =>
+      page().evaluateHandle(selector => {
+        const deep = (root = document) => [...root.querySelectorAll(selector)].concat(...[...root.querySelectorAll('*')].filter(e => e.shadowRoot).map(e => deep(e.shadowRoot)))
+        return deep()[0] ?? null
+      }, selector)
+    const press = async (selector, what) => {
+      const element = await handle(selector)
+      assert.ok(await element.evaluate(e => !!e), what)
+      await click(await element.evaluate(e => {
+        e.scrollIntoView({ block: 'center' })
+        const r = e.getBoundingClientRect()
+        return { x: r.left + r.width / 2, y: r.top + r.height / 2 }
+      }))
+    }
+    await press('input[aria-label="box X figure.label.size-follows"]', 'the width can follow')
+    await press('div.dimension[data-axis=x] div.modes label:nth-of-type(2) input[type=radio]', 'a following width offers its difference')
+    const width = await handle('input[aria-label="box X figure.label.size-measure"]')
+    await width.evaluate(i => i.scrollIntoView({ block: 'center' }))
+    await width.click({ clickCount: 3 })
+    await page().keyboard.type('350')
     await page().keyboard.press('Tab')
     await sleep(600)
     /*
@@ -534,6 +533,11 @@ describe('a figure made in the modeller is given its size from its parts (user 2
     */
     assert.equal((await state()).error, '', 'taken')
     assert.equal((await body('box')).dimensions['size.x'], 350, 'the figure\'s 400 less 50')
+    const said = await read(() => {
+      const deep = (root = document) => [...root.querySelectorAll('div.dimension[data-axis=x] p.result')].concat(...[...root.querySelectorAll('*')].filter(e => e.shadowRoot).map(e => deep(e.shadowRoot)))
+      return deep().map(p => p.textContent.trim())
+    })
+    assert.deepEqual(said, ['figure.text.size-difference-less'], 'said as the size less a difference')
     const asked = await read(() => {
       const deep = (root = document) => [...root.querySelectorAll('ox-prompt')].concat(...[...root.querySelectorAll('*')].filter(e => e.shadowRoot).map(e => deep(e.shadowRoot)))
       return deep().length
@@ -622,9 +626,65 @@ describe('a motion is changed where it is (2026-09-25)', () => {
     assert.equal(after.error, '', 'not refused')
     assert.equal(after.revision, start.revision + 1, 'one step')
     const now = await jointOf('upper-arm')
-    assert.equal(now.upperLimit, 45, 'the new limit')
+    /* A joint is a list of axes (ADR-0159): the form changes its first. */
+    assert.equal(now.motion[0].upperLimit, 45, 'the new limit')
     assert.equal(now.id, was.id, 'the same joint')
   })
+
+  /* A joint is a list of axes (ADR-0159): one more is added where the motion is said, and taken away again. */
+  const jointOf = part => read(part => (JSON.parse(document.querySelector('figure-editor').session.source()).joints ?? []).find(j => j.body1.part === part) ?? null, part)
+  const button = async (text, attribute) =>
+    page().evaluate(
+      (text, attribute) => {
+        const deep = (root = document) => [...root.querySelectorAll('button')].concat(...[...root.querySelectorAll('*')].filter(e => e.shadowRoot).map(e => deep(e.shadowRoot)))
+        const b = deep().find(x => x.textContent.includes(text) && (!attribute || x.hasAttribute(attribute)))
+        if (!b) return null
+        b.scrollIntoView({ block: 'center' })
+        const r = b.getBoundingClientRect()
+        return { x: r.left + r.width / 2, y: r.top + r.height / 2 }
+      },
+      text,
+      attribute
+    )
+  const rows = () =>
+    page().evaluate(() => {
+      const deep = (root = document) => [...root.querySelectorAll('div[motion-axis]')].concat(...[...root.querySelectorAll('*')].filter(e => e.shadowRoot).map(e => deep(e.shadowRoot)))
+      return deep().length
+    })
+
+  test('an axis added to the shoulder: one step, after the first, on an axis the first does not use, with a control of its own', async () => {
+    const was = await jointOf('upper-arm')
+    await click(await button('figure.button.add-axis', 'add-axis'), 'add an axis')
+    const start = await state()
+    await click(await button('figure.button.add-axis'), 'the form\'s add-axis')
+    const after = await state()
+    assert.equal(after.error, '', 'not refused')
+    assert.equal(after.revision, start.revision + 1, 'one step')
+    const now = await jointOf('upper-arm')
+    assert.equal(now.motion.length, 2)
+    assert.deepEqual(now.motion[0], was.motion[0], 'the first axis as it was')
+    assert.notEqual(now.motion[1].axis, now.motion[0].axis, 'another axis')
+    assert.equal(now.motion[1].state.id, 'upper-arm-turn-2')
+    assert.equal(await rows(), 2, 'a row an axis')
+  })
+
+  test('the second axis taken away: one step, the first as it was', async () => {
+    const was = await jointOf('upper-arm')
+    const start = await state()
+    const removes = await page().evaluate(() => {
+      const deep = (root = document) => [...root.querySelectorAll('button[remove-axis]')].concat(...[...root.querySelectorAll('*')].filter(e => e.shadowRoot).map(e => deep(e.shadowRoot)))
+      const b = deep()[1]
+      if (!b) return null
+      b.scrollIntoView({ block: 'center' })
+      const r = b.getBoundingClientRect()
+      return { x: r.left + r.width / 2, y: r.top + r.height / 2 }
+    })
+    await click(removes, 'remove the second axis')
+    assert.equal((await state()).revision, start.revision + 1, 'one step')
+    const now = await jointOf('upper-arm')
+    assert.deepEqual(now.motion, [was.motion[0]], 'the first axis alone, as it was')
+    assert.equal(await rows(), 1)
+  })
 })
 
 describe('the modeller made easier to find and to keep (2026-09-26 baseline)', () => {
@@ -660,16 +720,18 @@ describe('the modeller made easier to find and to keep (2026-09-26 baseline)', (
     assert.equal(await resize.evaluate(b => b.getAttribute('aria-pressed')), 'false')
   })
 
+  /* The part's size is the 「반응형」 tab's size editor (2026-10-24), and what a size typed keeps is said under it. */
   test('a height typed into its field keeps the part\'s middle, and the size group says so (ADR-0140 4.1)', async () => {
     await mount('box')
     await click(await read(() => probe.partOnPage('box')))
+    await tab('response')
     const was = await body('box')
     const middleOf = b => b.t[1] + b.dimensions.start + b.dimensions.length / 2
     assert.ok(await read(() => {
       const deep = (root = document) => [...root.querySelectorAll('p[size-keeps]')].concat(...[...root.querySelectorAll('*')].filter(e => e.shadowRoot).map(e => deep(e.shadowRoot)))
       return deep().some(p => p.textContent.trim() === 'figure.text.size-keeps-centre')
     }), 'said beside the size fields')
-    const height = await find('input', 'box.size.y')
+    const height = await find('input', 'box Y figure.label.size-measure')
     assert.ok(await height.evaluate(i => !!i), 'the height field')
     const at = await centre(height)
     await page().mouse.click(at.x, at.y, { clickCount: 3 })
@@ -744,20 +806,24 @@ describe('the modeller made easier to find and to keep (2026-09-26 baseline)', (
   })
 })
 
+/*
+  The one-click follow-size button is gone (2026-10-24): a side is made to follow by its own 'follows' in the size editor.
+  On a figure with no size, the first one declares the figure's size from its parts in the same step.
+*/
 describe('a part follows the figure size in one step (follow-size, 2026-09-26)', () => {
-  test('one click on a figure with no size: its size is declared from the part, said in a line, and the part follows it', async () => {
+  test('a side made to follow on a figure with no size: its size is declared from the part, said in a line, and the part follows it', async () => {
     await mount('box')
     await click(await read(() => probe.row('box')))
     await tab('response')
     const at = await page().evaluate(() => {
-      const deep = (root = document) => [...root.querySelectorAll('button[follow-size]')].concat(...[...root.querySelectorAll('*')].filter(e => e.shadowRoot).map(e => deep(e.shadowRoot)))
+      const deep = (root = document) => [...root.querySelectorAll('input[aria-label="box X figure.label.size-follows"]')].concat(...[...root.querySelectorAll('*')].filter(e => e.shadowRoot).map(e => deep(e.shadowRoot)))
       const b = deep()[0]
-      if (!b) return null
+      if (!b || b.checked) return null
       b.scrollIntoView({ block: 'center' })
       const r = b.getBoundingClientRect()
       return { x: r.left + r.width / 2, y: r.top + r.height / 2 }
     })
-    assert.ok(at, 'the button is offered for a box that follows nothing')
+    assert.ok(at, 'the width of a box that follows nothing can be made to follow')
     await page().evaluate(() => {
       window.__told = []
       document.addEventListener('notify', e => window.__told.push(e.detail))
@@ -892,7 +958,7 @@ describe('a row\'s pitch made a board\'s to set (ADR-0096)', () => {
     assert.deepEqual([input.min, input.max, source.designInputs['roller.pitch']], [100, 400, 200])
     assert.deepEqual(source.joints.find(j => j.body1.part === 'roller').repeat.pitch, { from: { of: 'input', input: 'roller.pitch' } })
     assert.equal((await read(() => probe.ids())).filter(id => id.includes('"roller.placed"')).length, before, 'the row as it was')
-    await typeInto('roller.repeat.pitch', '400')
+    await typeInto('figure.label.repeat-gap', '400')
     source = await read(() => probe.source())
     assert.equal(source.designInputs['roller.pitch'], 400, 'the pitch field sets the input')
     assert.ok((await read(() => probe.ids())).filter(id => id.includes('"roller.placed"')).length < before, 'fewer rollers at a wider pitch')
@@ -919,10 +985,11 @@ describe('a row that carries a part (ADR-0093, 2026-09-26)', () => {
     assert.ok(copy, 'a mark on the fourth roller is drawn')
     await click(await read(id => probe.partOnPage(id), copy))
     assert.equal((await state()).selected, 'mark', 'picked by the part it copies')
-    assert.equal(await read(() => probe.hasInput('mark.repeat.pitch')), false, 'the mark has no row of its own to set')
+    /* The row's pitch field is the selected part's own: named by what it is, the centre spacing. */
+    assert.equal(await read(() => probe.hasInput('figure.label.repeat-gap')), false, 'the mark has no row of its own to set')
     await click(await read(() => probe.row('roller')))
     assert.equal((await state()).selected, 'roller')
-    assert.ok(await read(() => probe.hasInput('roller.repeat.pitch')), 'the roller offers its row')
+    assert.ok(await read(() => probe.hasInput('figure.label.repeat-gap')), 'the roller offers its row')
     /* Walk 1 (2026-09-26): the fastening form opens on the roller's own fastening -- by its centre, the drawing's way (2026-10-01). */
     await click(await read(() => probe.button('change-fastening')))
     assert.equal(await read(() => probe.fastenMode()), 'centre', 'the way it is fastened reads centre')

package/test/browser/multipart-response-page.js

@@ -0,0 +1,8 @@
+import './modeller-page.js'
+import { i18next } from '@operato/i18n'
+import { serializeFigureAsset } from '@hatiolab/figure-model'
+import { multipartResponseFixture } from '../multipart-response-fixture.js'
+const ko = await fetch('/ko.json').then(r => r.json())
+i18next.addResourceBundle('ko', 'translations', ko, true, true)
+await i18next.changeLanguage('ko')
+await window.harness.mount('box', serializeFigureAsset(multipartResponseFixture()))

package/test/browser/parts.check.mjs

@@ -76,8 +76,9 @@ async function press(...keys) {
   for (const key of keys.slice(0, -1).reverse()) await page().keyboard.up(key)
   await sleep(400)
 }
+/* A side tab by its short name; with a part chosen, 「반응형」 is named 「배치」 (figure.label.tab-arrangement). */
 async function tab(name) {
-  await click(await read(name => probe.tab(name), `figure.label.tab-short-${name}`), `the ${name} tab`)
+  await click(await read(n => probe.tab(`figure.label.tab-short-${n}`) ?? (n === 'response' ? probe.tab('figure.label.tab-arrangement') : null), name), `the ${name} tab`)
 }
 
 describe('the parts list: each button does what it says, one step of the session each', () => {

package/test/browser/product-page.js

@@ -46,7 +46,7 @@ export function doorSource() {
   a = addFigureBox(a, { id: 'leaf', size: { x: 900, y: 1800, z: 40 }, position: { x: 0, y: 1000, z: 0 } })
   a = applyFigureAuthoring(a, { kind: 'attach', part: 'leaf', to: { part: 'frame', face: 'top' } })
   const j = a.joints.find(k => k.body1.part === 'leaf')
-  a = applyFigureAuthoring(a, { kind: 'set-joint', joint: { ...j, type: 'revolute', axis: 'Y', state: { id: 'open' } } })
+  a = applyFigureAuthoring(a, { kind: 'set-joint', joint: { ...j, motion: [{ type: 'revolute', axis: 'Y', state: { id: 'open' } }] } })
   a = editFigurePart(a, { kind: 'set-driver', state: 'open', clip: 'swing', duration: 2, keys: [{ seconds: 0, value: 0 }, { seconds: 2, value: 80 }] })
   return serializeFigureAsset(a)
 }

package/test/browser/props.check.mjs

@@ -70,8 +70,9 @@ async function press(selector, what) {
 }
 
 /**
- * The groups of the panel shown, top to bottom, by what each is: the part's name, the size and the place the links
- * draw, the look and 「더 보기」 on the properties tab; on 「반응형」 the size rules, a position that follows, the row.
+ * The groups of the panel shown, top to bottom, by what each is: the part's name, the place the links draw -- and its
+ * shape's own measures, for a shape that has any -- the look and 「더 보기」 on the properties tab; on 「반응형」 its size,
+ * a position that follows, the row.
  */
 const groupsInOrder = () =>
   read(() => {
@@ -80,7 +81,7 @@ const groupsInOrder = () =>
     const links = panel.querySelector('figure-links')?.shadowRoot
     const marks = {
       name: panel.querySelector('input[name-field]'),
-      size: links?.querySelector('section[size], section[size-response]'),
+      size: links?.querySelector('section[size], section[size-response]') ?? panel.querySelector('section[slot=size]'),
       place: links?.querySelector('section[fastening]'),
       position: links?.querySelector('section[position-response]'),
       row: panel.querySelector('section[slot=row]') ?? links?.querySelector('section[row]'),
@@ -93,9 +94,10 @@ const groupsInOrder = () =>
       .map(([name]) => name)
   })
 
-/* A side tab pressed, by its name. */
+/* A side tab pressed, by its name; with a part chosen, 「반응형」 is named 「배치」 (figure.label.tab-arrangement). */
 async function tab(name) {
-  await press(`aside button[tab][aria-label="figure.label.tab-short-${name}"]`, `the ${name} tab`)
+  const named = `aside button[tab][aria-label="figure.label.tab-short-${name}"]`
+  await press(name === 'response' ? `${named}, aside button[tab][aria-label="figure.label.tab-arrangement"]` : named, `the ${name} tab`)
   await read(() => document.querySelector('figure-editor').updateComplete)
 }
 
@@ -150,10 +152,11 @@ describe('the side: six tabs, the view and the releases from the bar', () => {
 describe('a part\'s groups in one order, whatever its state', () => {
   before(() => mount('rollers'))
 
-  test('a part fastened in a row: name, size, place, look, more; on 「반응형」 its size rules and its row', async () => {
+  /* A box's size is the 「배치」 tab's (2026-10-24): it has no measures of its own shape left on the properties. */
+  test('a part fastened in a row: name, place, look, more; on 「반응형」 its size and its row', async () => {
     await pick('roller')
     await tab('properties')
-    assert.deepEqual(await groupsInOrder(), ['name', 'size', 'place', 'look', 'more'])
+    assert.deepEqual(await groupsInOrder(), ['name', 'place', 'look', 'more'])
     await tab('response')
     assert.deepEqual(await groupsInOrder(), ['size', 'row'])
     await tab('properties')
@@ -161,10 +164,10 @@ describe('a part\'s groups in one order, whatever its state', () => {
 
   test('a part on the plane, not in a row: the same order, the row folded where a row would be', async () => {
     await pick('bed')
-    assert.deepEqual(await groupsInOrder(), ['name', 'size', 'place', 'look', 'more'])
-    /* On the plane, its height is worked out from the figure size: the position group stands between. */
+    assert.deepEqual(await groupsInOrder(), ['name', 'place', 'look', 'more'])
+    /* On the plane, its place is its fastening's: no position worked out from the figure size is offered (2026-10-24). */
     await tab('response')
-    assert.deepEqual(await groupsInOrder(), ['size', 'position', 'row'])
+    assert.deepEqual(await groupsInOrder(), ['size', 'row'])
     await tab('properties')
   })
 
@@ -221,14 +224,14 @@ describe('a group\'s 「⋯」: its rarer actions, by the mouse or the keyboard'
     assert.equal(await read(() => JSON.parse(document.querySelector('figure-editor').session.source()).joints.some(j => j.body1.part === 'bed')), false, 'taken off')
   })
 
+  /* The row's 「⋯」 is gone: taking a row off is a button of its own (2026-10-24). The roller's place group has one. */
   test('Esc closes the menu and nothing is done', async () => {
     await pick('roller')
-    /* The row is the 「반응형」 tab's. */
-    await tab('response')
+    await tab('properties')
     const start = await revision()
-    await press('section[row] button[group-menu]', 'the row\'s 「⋯」')
+    await press('section[fastening] button[group-menu]', 'the place group\'s 「⋯」')
     await until(() => document.activeElement?.localName === 'ox-popup-menu', [], 'the menu open, with the focus')
-    assert.deepEqual(await read(() => [...document.querySelectorAll('ox-popup-menu[active] ox-popup-menuitem')].map(i => i.getAttribute('label'))), ['figure.button.remove-repeat'])
+    assert.deepEqual(await read(() => [...document.querySelectorAll('ox-popup-menu[active] ox-popup-menuitem')].map(i => i.getAttribute('label'))), ['figure.button.detach'])
     await page().keyboard.press('Escape')
     await until(() => !document.querySelector('ox-popup-menu[active]'), [], 'the menu closed')
     await sleep(200)

package/test/browser/response-page.js

@@ -0,0 +1,12 @@
+/* Manual CUA check of the real editor, using an in-memory store and a fresh fixed-size part. */
+import './modeller-page.js'
+import { i18next } from '@operato/i18n'
+import { addFigureBox, createFigureAsset, serializeFigureAsset } from '@hatiolab/figure-model'
+
+const ko = await fetch('/ko.json').then(r => r.json())
+i18next.addResourceBundle('ko', 'translations', ko, true, true)
+await i18next.changeLanguage('ko')
+const asset = addFigureBox(createFigureAsset('반응형 치수 검증'), {
+  id: 'frame', size: { x: 1500, y: 80, z: 600 }, position: { x: 0, y: 50, z: 0 }
+})
+await window.harness.mount('box', serializeFigureAsset(asset))

package/test/browser/row-preview.check.mjs

@@ -60,10 +60,10 @@ describe('a row\'s preview follows its basis', () => {
     const at = await read(() => probe.row('bin'))
     await page().mouse.click(at.x, at.y)
     await until(() => probe.state().selected === 'bin', [], 'bin selected')
-    /* The row is the 「반응형」 tab's (user 2026-10-17). */
-    const tab = await read(() => probe.tab('figure.label.tab-short-response'))
+    /* The row is the 「반응형」 tab's (user 2026-10-17), named 「배치」 while a part is chosen (figure.label.tab-arrangement). */
+    const tab = await read(() => probe.tab('figure.label.tab-arrangement'))
     await page().mouse.click(tab.x, tab.y)
-    await until(() => document.querySelector('figure-editor').shadowRoot.querySelector('button[tab][on]')?.getAttribute('aria-label') === 'figure.label.tab-short-response', [], 'the 반응형 tab on')
+    await until(() => document.querySelector('figure-editor').shadowRoot.querySelector('button[tab][on]')?.getAttribute('aria-label') === 'figure.label.tab-arrangement', [], 'the 배치 tab on')
     await click('details[row-fold] > summary', {}, 'the row\'s fold')
   })