@things-factory/figure-ui 10.1.176 → 10.1.177

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/figure-ui",
-  "version": "10.1.176",
+  "version": "10.1.177",
   "publishConfig": {
     "access": "public",
     "@things-factory:registry": "https://registry.npmjs.org"
@@ -41,11 +41,11 @@
     "@operato/slot-layout-editor": "^10.29.25",
     "@operato/styles": "^10.0.0",
     "@operato/utils": "^10.0.0",
-    "@things-factory/ai-assistant": "^10.1.176",
-    "@things-factory/figure-service": "^10.1.176",
+    "@things-factory/ai-assistant": "^10.1.177",
+    "@things-factory/figure-service": "^10.1.177",
     "@things-factory/figure-viewer": "^10.1.176",
     "@things-factory/setting-base": "^10.1.176",
     "three": "^0.185.1"
   },
-  "gitHead": "24928f127d73de0e9946423bd4c3295f54cce03d"
+  "gitHead": "91da09c945ec5e77ab960074db8f53b9ea8ac534"
 }

package/test/browser/editing-page.js

@@ -94,7 +94,8 @@ window.editing = {
   },
   /** The labels of the number fields on the properties tab. */
   propertyInputs() {
-    const panel = editor().renderRoot.querySelector('div[panel]')
+    /* The panel shown: the properties, or the 「반응형」 tab a check pressed. */
+    const panel = editor().renderRoot.querySelector('div[panel]:not([off])')
     return [...panel.querySelectorAll('input')].map(i => i.getAttribute('aria-label'))
   },
   /** The page point of the first element a selector finds -- anywhere on the page, or inside the `host` elements -- and what it says. */

package/test/browser/links.check.mjs

@@ -90,11 +90,6 @@ async function pick(part) {
   await until(id => probe.state().selected === id, [part], `${part} selected`)
 }
 const tab = name => read(l => probe.tab(l), `figure.label.tab-short-${name}`).then(point => click(point, `the ${name} tab`))
-/** What the figure does is a folded group of the properties (chief architect 2026-10-16): its fold opened, as a person opens it. */
-async function openCapability() {
-  const summary = await handle('section[capability] > details > summary')
-  if (!(await summary.evaluate(s => s.parentElement.open))) await summary.click()
-}
 /** A fastening the part has is said in one line; 「바꾸기」 opens its drawing and details. */
 async function changeFastening() {
   await until(() => look.all('button[change-fastening]').length === 1, [], 'the fastening said in one line')
@@ -211,6 +206,8 @@ describe('a part made to follow the figure size, and let go of it', () => {
     a = applyFigureAuthoring(a, { kind: 'declare-instance-size', range: SIZE, at: { x: 400, y: 400, z: 400 } })
     await mount('sized', applyFigureAuthoring(a, { kind: 'link-dimension', part: 'box', axis: 'x', source: { of: 'instance', axis: 'x' } }))
     await pick('box')
+    /* How a part answers a size is the 「반응형」 tab's (user 2026-10-17). */
+    await tab('response')
   })
 
   test('on a figure with a size, follow-size is one step, says nothing of a size declared, and is not offered again', async () => {
@@ -253,6 +250,8 @@ function sizedPair(turning) {
 describe('the sizes a figure may be placed at, and how it grows', () => {
   test('measured again, the declared range becomes the measured one in one step, and the offer goes', async () => {
     await mount('sized-pair', sizedPair(false))
+    /* The figure's range is the 「반응형」 tab's. */
+    await tab('response')
     const start = await state()
     await click(await at('button', 'figure.button.remeasure-range'), 'remeasure')
     await oneStep(start)
@@ -270,6 +269,7 @@ describe('the sizes a figure may be placed at, and how it grows', () => {
 
   test('a figure that turns about a joint is urged to grow by one ratio', async () => {
     await mount('turning', sizedPair(true))
+    await tab('response')
     assert.equal((await all('p[hint]', 'figure.text.sizing-uniform-proposed')).length, 1)
   })
 })
@@ -285,6 +285,8 @@ describe('a row\'s pitch', () => {
   test('a pitch that follows the frame\'s length shows as the number it comes to, and the row is said as drawn', async () => {
     await mount('pitch-follows', applyFigureAuthoring(conveyor(), { kind: 'set-repeat', part: 'roller', pitch: { from: { of: 'part', part: 'frame', axis: 'x' }, times: 0.1 } }))
     await pick('roller')
+    /* The row is the 「반응형」 tab's. */
+    await tab('response')
     assert.deepEqual((await all('input[aria-label="roller.repeat.pitch"]')).map(i => i.value), ['200'], 'a tenth of 2000')
     assert.ok((await all('ul[row-reading] li')).length > 0, 'the row said as it stands')
   })
@@ -297,6 +299,7 @@ describe('a row\'s pitch', () => {
     ])
     await mount('published-pitch', published)
     await pick('roller')
+    await tab('response')
     const start = await state()
     await type(await handle('input[aria-label="roller.repeat.pitch"]'), '300')
     await oneStep(start)
@@ -310,7 +313,8 @@ describe('holding places on a part', () => {
   test('a place needs kinds it takes; a figure that holds nothing says so, and declaring it holds things is one step', async () => {
     await mount('box')
     await pick('box')
-    await openCapability()
+    /* What the figure does is a tab again (user 2026-10-17). */
+    await tab('capability')
     assert.equal((await at('button[act]', 'figure.button.add-place'))?.disabled, true, 'no kinds: no place')
     await type(await handle('input[placeholder="BOX, TOTE"]'), 'BOX')
     assert.equal((await at('button[act]', 'figure.button.add-place'))?.disabled, false, 'a kind: a place may be made')
@@ -333,6 +337,8 @@ describe('a position worked out from the figure size', () => {
     a.document.model.nodes.find(n => n.id === 'lamp.pose').args[1] = 'lamp.lift.value'
     await mount('lifted', a)
     await pick('lamp')
+    /* A position that follows the figure size is the 「반응형」 tab's. */
+    await tab('response')
     assert.equal((await all('div[pair] span', 'figure.label.position-worked-out')).length, 1)
     const start = await state()
     await click(await at('button[act]', 'figure.button.scale-position'), 'scale position')
@@ -531,13 +537,15 @@ describe('a bench: what each part is fastened to, what detaching would do, a row
 
   test('a part fastened to nothing: the row is folded under its head and says why', async () => {
     await pick('loose')
+    await tab('response')
     assert.deepEqual((await all('details[row-fold] > summary h3')).map(h => h.text), ['figure.label.repeat'])
     assert.deepEqual((await all('details[row-fold]')).map(d => d.open), [false], 'folded')
     assert.deepEqual((await all('p[row-blocked]')).map(p => p.text), ['figure.text.row-blocked-unfastened'])
   })
 
-  test('the row worked on is the one seen: its copies drawn and said; back on the fastening, it folds', async () => {
+  test('the row worked on is the one seen: its copies drawn and said; on the properties tab they are not', async () => {
     await pick('lamp')
+    await tab('response')
     assert.deepEqual((await all('details[row-fold]')).map(d => d.open), [false], 'folded')
     await read(() => look.hear('preview-command'))
     /* One click opens it, and it stays open while the row is worked. */
@@ -549,8 +557,9 @@ describe('a bench: what each part is fastened to, what detaching would do, a row
     assert.equal((await heard('preview-command')).filter(Boolean).at(-1).action.kind, 'make-repeat')
     await until(() => look.drawn().filter(n => n.startsWith('__preview')).length > 1, [], 'the copies drawn')
     await until(() => look.all('section[row] [preview-words]', 'figure.text.row-count-pitch').length === 1, [], 'the row said')
-    await click(await at('section[fastening] h3 button'), 'the fastening section')
-    await until(() => look.all('details[row-fold]').every(d => !d.open), [], 'the row folded again')
+    /* The properties tab shown: what its fastening would do is said, the row's copies are not drawn. */
+    await tab('properties')
+    await until(() => !look.drawn().some(n => n.startsWith('__preview')), [], 'the copies not drawn on the properties tab')
   })
 })
 

package/test/browser/modeller.check.mjs

@@ -53,6 +53,8 @@ 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}`))
 
 const KEYS = { translate: 'KeyW', rotate: 'KeyE', scale: 'KeyR' }
 
@@ -383,6 +385,7 @@ describe('the fastening form belongs to the part it is for', () => {
 describe('a figure made in the modeller is given its size from its parts (user 2026-09-25)', () => {
   before(async () => {
     await mount('box')
+    await tab('response')
   })
 
   test('with nothing picked, the figure offers to declare its size; clicked, its size fields appear', async () => {
@@ -697,6 +700,7 @@ 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 () => {
     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 b = deep()[0]
@@ -827,6 +831,7 @@ describe('a row\'s pitch made a board\'s to set (ADR-0096)', () => {
   test('published in one step with a name and a range; the pitch then sets the input; withdrawn, the pitch stays as it is', async () => {
     await mount('rollers')
     await click(await read(() => probe.row('roller')))
+    await tab('response')
     const before = (await read(() => probe.ids())).filter(id => id.includes('"roller.placed"')).length
     await click(await read(() => probe.labelled('figure.label.board-sets')))
     await typeInto('figure.label.board-name', '롤러 간격')
@@ -893,6 +898,7 @@ describe('the row section opens on one click', () => {
   test('a part that can be made a row: one click on the folded heading opens it, a second folds it', async () => {
     await mount('rollers')
     await click(await read(() => probe.row('mark')))
+    await tab('response')
     const summary = await page().evaluateHandle(() => {
       const deep = (root = document) => [...root.querySelectorAll('details[row-fold] > summary')].concat(...[...root.querySelectorAll('*')].filter(e => e.shadowRoot).map(e => deep(e.shadowRoot)))
       return deep()[0] ?? null

package/test/browser/parts.check.mjs

@@ -320,7 +320,8 @@ describe('a row is one part: selected whole, its pitch one value set by the row
 
   test('the pitch is offered once, and typed it is one step that sets the row again', async () => {
     await pick('roller')
-    await tab('properties')
+    /* The row's pitch is the 「반응형」 tab's (user 2026-10-17). */
+    await tab('response')
     const fields = await read(() => editing.propertyInputs())
     assert.equal(fields.filter(label => /pitch|repeat/i.test(label ?? '')).length, 1, fields.join())
     const label = fields.find(label => /pitch|repeat/i.test(label ?? ''))
@@ -344,18 +345,8 @@ describe('the long explanations open from their 「?」 beside the title, closed
     await mount('box', 'doors')
     await pick('left')
     const seen = new Set()
-    for (const name of ['properties', 'motion']) {
+    for (const name of ['properties', 'response', 'motion', 'capability']) {
       await tab(name)
-      /* What the figure does is a folded group of the properties now (chief architect 2026-10-16): opened as a hand opens it. */
-      if (name === 'properties') {
-        const fold = await read(() => {
-          const summary = document.querySelector('figure-editor').renderRoot.querySelector('div[panel]:not([off]) section[capability] > details > summary')
-          summary.scrollIntoView({ block: 'center' })
-          const r = summary.getBoundingClientRect()
-          return { x: r.left + 20, y: r.top + r.height / 2 }
-        })
-        await click(fold, 'the capability fold')
-      }
       const helps = await read(() =>
         [...document.querySelector('figure-editor').renderRoot.querySelectorAll('figure-links, figure-clips')].flatMap((element, host) =>
           [...element.shadowRoot.querySelectorAll('button[help]')].map((b, i) => ({ host, i, seen: b.getClientRects().length > 0 })).filter(b => b.seen)

package/test/browser/places-mesh.check.mjs

@@ -198,15 +198,10 @@ describe('places made by a rule: the shared slot layout editor on a part\'s face
   before(async () => {
     await mount(addFigureBox(figure('Stacker'), { id: 'fork', size: { x: 1200, y: 50, z: 900 }, position: { x: 0, y: 25, z: 0 } }))
     await pick('fork')
-    /* What the figure does is a folded group of the properties (chief architect 2026-10-16): opened as a hand opens it. */
-    const fold = await read(() => {
-      const summary = document.querySelector('figure-editor').renderRoot.querySelector('div[panel]:not([off]) section[capability] > details > summary')
-      summary.scrollIntoView({ block: 'center' })
-      const r = summary.getBoundingClientRect()
-      return { x: r.left + 20, y: r.top + r.height / 2 }
-    })
-    await page().mouse.click(fold.x, fold.y)
-    await until(() => !!document.querySelector('figure-editor').renderRoot.querySelector('div[panel]:not([off]) section[capability] > details[open]'), [], 'the capability fold open')
+    /* What the figure does is a tab of its own (user 2026-10-17). */
+    const tab = await read(l => probe.tab(l), 'figure.label.tab-short-capability')
+    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-capability', [], 'the capability tab on')
     await settled()
   })
 

package/test/browser/props.check.mjs

@@ -70,8 +70,8 @@ async function press(selector, what) {
 }
 
 /**
- * The groups of the panel shown, top to bottom, by what each is: the part's name, the size, the place and the row the
- * links draw, the look, what the figure does, and 「더 보기」.
+ * 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.
  */
 const groupsInOrder = () =>
   read(() => {
@@ -80,11 +80,11 @@ const groupsInOrder = () =>
     const links = panel.querySelector('figure-links')?.shadowRoot
     const marks = {
       name: panel.querySelector('input[name-field]'),
-      size: links?.querySelector('section[size]'),
+      size: links?.querySelector('section[size], section[size-response]'),
       place: links?.querySelector('section[fastening]'),
+      position: links?.querySelector('section[position-response]'),
       row: panel.querySelector('section[slot=row]') ?? links?.querySelector('section[row]'),
       look: panel.querySelector('figure-material-panel:not([show])'),
-      capability: panel.querySelector('section[capability]'),
       more: panel.querySelector('section[more]')
     }
     return Object.entries(marks)
@@ -93,12 +93,18 @@ const groupsInOrder = () =>
       .map(([name]) => name)
   })
 
-describe('the side: four tabs, the view and the history from the bar', () => {
+/* A side tab pressed, by its name. */
+async function tab(name) {
+  await press(`aside button[tab][aria-label="figure.label.tab-short-${name}"]`, `the ${name} tab`)
+  await read(() => document.querySelector('figure-editor').updateComplete)
+}
+
+describe('the side: six tabs, the view and the history from the bar', () => {
   before(() => mount('rollers'))
 
-  test('properties, motion, data and the verdict -- the four tabs, in that order', async () => {
+  test('properties, responsive, motion, capability, data and the verdict -- the six tabs, in that order (user 2026-10-17)', async () => {
     const tabs = await read(() => [...document.querySelector('figure-editor').shadowRoot.querySelectorAll('aside button[tab]')].map(b => b.getAttribute('aria-label')))
-    assert.deepEqual(tabs, ['properties', 'motion', 'data', 'verdict'].map(t => `figure.label.tab-short-${t}`))
+    assert.deepEqual(tabs, ['properties', 'response', 'motion', 'capability', 'data', 'verdict'].map(t => `figure.label.tab-short-${t}`))
   })
 
   test('the view opens over the work from the bar, pressed while open; Esc closes it', async () => {
@@ -126,18 +132,27 @@ describe('the side: four tabs, the view and the history 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, row, look, what it does, more', async () => {
+  test('a part fastened in a row: name, size, place, look, more; on 「반응형」 its size rules and its row', async () => {
     await pick('roller')
-    assert.deepEqual(await groupsInOrder(), ['name', 'size', 'place', 'row', 'look', 'capability', 'more'])
+    await tab('properties')
+    assert.deepEqual(await groupsInOrder(), ['name', 'size', 'place', 'look', 'more'])
+    await tab('response')
+    assert.deepEqual(await groupsInOrder(), ['size', 'row'])
+    await tab('properties')
   })
 
   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', 'row', 'look', 'capability', 'more'])
+    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. */
+    await tab('response')
+    assert.deepEqual(await groupsInOrder(), ['size', 'position', 'row'])
+    await tab('properties')
   })
 
   test('a fastened part\'s place is one line and 「바꾸기」: no locked cells, no drawing, until it is changed', async () => {
     await pick('mark')
+    await tab('properties')
     const place = () =>
       read(() => {
         const editor = document.querySelector('figure-editor')
@@ -187,6 +202,8 @@ describe('a group\'s 「⋯」: its rarer actions, by the mouse or the keyboard'
 
   test('Esc closes the menu and nothing is done', async () => {
     await pick('roller')
+    /* The row is the 「반응형」 tab's. */
+    await tab('response')
     const start = await revision()
     await press('section[row] button[group-menu]', 'the row\'s 「⋯」')
     await until(() => document.activeElement?.localName === 'ox-popup-menu', [], 'the menu open, with the focus')

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

@@ -60,6 +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'))
+    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 click('details[row-fold] > summary', {}, 'the row\'s fold')
   })
 

package/test/browser/screen.check.mjs

@@ -191,13 +191,13 @@ describe('the frame: parts · canvas · one side of seven tabs, and the bar over
     assert.equal(await read(() => getComputedStyle(screenCheck.editor()).containerType), 'inline-size')
   })
 
-  test('the side\'s four tabs, in order, each saying its name under its icon -- the name it is read by', async () => {
+  test('the side\'s six tabs, in order, each saying its name under its icon -- the name it is read by', async () => {
     const tabs = await read(() =>
       [...screenCheck.editor().shadowRoot.querySelectorAll('aside button[tab]')].map(b => ({ label: b.getAttribute('aria-label'), shows: b.querySelector('span[tab-label]')?.textContent.trim() }))
     )
     assert.deepEqual(
       tabs.map(t => t.label),
-      ['properties', 'motion', 'data', 'verdict'].map(TAB)
+      ['properties', 'response', 'motion', 'capability', 'data', 'verdict'].map(TAB)
     )
     for (const tab of tabs) assert.equal(tab.shows, tab.label, `${tab.label} shows its name`)
     assert.equal(await read(() => screenCheck.editor().shadowRoot.querySelector('aside').firstElementChild.matches('div[tabs]')), true, 'the tabs are the side\'s first row')
@@ -206,12 +206,12 @@ describe('the frame: parts · canvas · one side of seven tabs, and the bar over
   test('a tab shows its panel and hides the others without taking them down -- the verdict keeps what it holds', async () => {
     const panels = () =>
       read(() => [...screenCheck.editor().shadowRoot.querySelectorAll('aside > div[panel]')].map(p => ({ seen: p.getBoundingClientRect().height > 0, connected: p.isConnected, verdict: !!p.querySelector('slot[name=verdict]') })))
-    const tabs = ['properties', 'motion', 'data', 'verdict']
+    const tabs = ['properties', 'response', 'motion', 'capability', 'data', 'verdict']
     for (const [at, tab] of tabs.entries()) {
       await pressTab(TAB(tab))
       await until(`${tab} on`, name => screenCheck.editor().shadowRoot.querySelector('button[tab][on]')?.getAttribute('aria-label') === name, TAB(tab))
       const now = await panels()
-      assert.equal(now.length, 4, 'four panels, all standing')
+      assert.equal(now.length, 6, 'six panels, all standing')
       assert.deepEqual(now.map(p => p.seen), tabs.map((_, i) => i === at), `${tab}: its panel seen, the rest hidden`)
       assert.ok(now.every(p => p.connected))
       assert.ok(now[tabs.indexOf('verdict')].verdict, 'the verdict panel holds the verdict slot whichever tab is on')
@@ -329,7 +329,7 @@ describe('the editor is drawn in the shell\'s tokens (2026-09-27)', () => {
 describe('a part chosen: each tab in its place, the figure-wide tabs give way, the list\'s root goes back', () => {
   before(() => mount('arm'))
 
-  test('properties hold the part\'s size, place, material and, folded, its places; motion its motion and controls -- each under the part\'s head', async () => {
+  test('properties hold the part\'s size and place; 「반응형」 how it answers a size; capability its places; motion its motion and controls -- each under the part\'s head', async () => {
     await pressRow('upper-arm')
     await until('upper-arm chosen', () => screenCheck.editor().selected === 'upper-arm')
     const holds = () =>
@@ -349,16 +349,17 @@ describe('a part chosen: each tab in its place, the figure-wide tabs give way, t
     assert.ok(now.subject, 'the part\'s head')
     assert.ok(now.links.includes('figure.label.group-size') && now.links.includes('figure.label.group-place'), `the shape's links: ${now.links}`)
     assert.ok(now.material, 'its material')
-    /* What it does is a folded group of the properties now (chief architect 2026-10-16), its places inside. */
-    await press('the capability fold', () => screenCheck.shownPanel().querySelector('section[capability] > details > summary'))
-    const places = await read(() => {
-      const fold = screenCheck.shownPanel().querySelector('section[capability] > details')
-      const links = fold.querySelector('figure-links')
-      return { open: fold.open, heads: links ? [...links.shadowRoot.querySelectorAll('section > h3')].map(h => screenCheck.ownText(h)) : [], capability: !!fold.querySelector('figure-capability-panel') }
-    })
-    assert.ok(places.open, 'the fold opened')
-    assert.ok(places.heads.length === 1 && places.heads[0].startsWith('figure.label.places-on-part'), `the places on the part: ${places.heads}`)
-    assert.ok(places.capability, 'its capabilities')
+    /* How it answers a size has a tab of its own (user 2026-10-17, 「반응형」). */
+    await pressTab(TAB('response'))
+    now = await holds()
+    assert.ok(now.subject, 'the part\'s head')
+    assert.ok(now.links.includes('figure.label.group-size'), `the response's links: ${now.links}`)
+    /* What it does is a tab again. */
+    await pressTab(TAB('capability'))
+    now = await holds()
+    assert.ok(now.subject, 'the part\'s head')
+    assert.ok(now.links.length === 1 && now.links[0].startsWith('figure.label.places-on-part'), `the places on the part: ${now.links}`)
+    assert.ok(now.capability, 'its capabilities')
     await pressTab(TAB('motion'))
     now = await holds()
     assert.ok(now.subject, 'the part\'s head')
@@ -812,8 +813,11 @@ describe('a part\'s size row: a rule\'s numbers only where a rule sets every sid
     await mount('box')
     await pressRow('box')
     await until('box chosen', () => screenCheck.editor().selected === 'box')
-    await press('follow the figure\'s size', () => screenCheck.deep('button[follow-size]')[0])
+    /* Following the figure's size is the 「반응형」 tab's; the size row it gives is the properties'. */
+    await pressTab(TAB('response'))
+    await press('follow the figure\'s size', () => screenCheck.deep('button[follow-size]').find(b => b.checkVisibility()))
     await until('following', () => ['x', 'y', 'z'].every(axis => !screenCheck.editor().session.read().fields.some(f => f.id === `box.size.${axis}`)))
+    await pressTab(TAB('properties'))
     assert.deepEqual(await sizeRow(), { held: 3 }, 'three sides, each held by the rule')
   })
 })
@@ -841,9 +845,12 @@ describe('the side panel is found as it was left, per part', () => {
   test('scrolled and a fold opened on one part; another part opens at its top; back, the first is as it was left', async () => {
     await pressRow('upper-arm')
     await until('upper-arm chosen', () => screenCheck.editor().selected === 'upper-arm')
+    /* 「더 보기」 starts open on this page: folded first, so the fold opened below is one this part leaves open. */
+    if (await read(() => !!screenCheck.shownPanel().querySelector('section[more] > details[open]')))
+      await press('the more fold', () => screenCheck.shownPanel().querySelector('section[more] > details > summary'))
     await press('a fold', () => {
       const panel = screenCheck.shownPanel()
-      const closed = [...panel.querySelectorAll('figure-links')].flatMap(l => [...l.shadowRoot.querySelectorAll('details')]).find(d => !d.open)
+      const closed = [...panel.querySelectorAll('details'), ...[...panel.querySelectorAll('figure-links')].flatMap(l => [...l.shadowRoot.querySelectorAll('details')])].find(d => !d.open && d.checkVisibility())
       return closed?.querySelector('summary')
     })
     const opened = await folds()
@@ -1165,8 +1172,9 @@ describe('the modeller page: the editor with the page\'s figure panel, verdict a
     await open('fig-p', 'arm-clip')
     await pressRow('upper-arm')
     await until('upper-arm chosen', () => screenCheck.editor().selected === 'upper-arm')
-    /* The part's panel fits the side now; its places opened make it long enough to scroll. */
-    await press('the capability fold', () => screenCheck.shownPanel().querySelector('section[capability] > details:not([open]) > summary'))
+    /* The part's panel fits the side now: its 「더 보기」 open makes it long enough to scroll. */
+    if (await read(() => !!screenCheck.shownPanel().querySelector('section[more] > details:not([open])')))
+      await press('the more fold', () => screenCheck.shownPanel().querySelector('section[more] > details:not([open]) > summary'))
     const at = await read(() => {
       const r = screenCheck.shownPanel().getBoundingClientRect()
       return { x: r.left + r.width / 2, y: r.top + r.height / 2 }

package/test/place-words.test.ts

@@ -0,0 +1,31 @@
+/*
+ * Words that send the author somewhere name a place that is there (chief architect's ruling 2026-10-17: six side tabs,
+ * 「반응형」 holding size behaviour, the position that follows the size, the row and the range). The modeller once said
+ * 「움직임 탭의 치수에서」 and 「「위치와 크기」에서 「여기에 고정」」 after both had moved, and 「성숙도 탭」 for the tab named 검사.
+ */
+import { test } from 'node:test'
+import assert from 'node:assert/strict'
+import { readFileSync } from 'node:fs'
+
+const table = (path: string) => JSON.parse(readFileSync(new URL(path, import.meta.url), 'utf8')) as Record<string, string>
+const GONE: Record<string, RegExp> = {
+  ko: /성숙도 탭|「위치와 크기」|움직임 탭의 (치수|붙이기)/,
+  en: /maturity tab|under placement|under size and placement|(sizes|fastening) in the motion tab/
+}
+
+test('no message sends the author to a tab or group the side no longer has', () => {
+  for (const lang of ['ko', 'en'] as const)
+    for (const path of ['../translations/', '../../figure-service/translations/']) {
+      const said = Object.entries(table(`${path}${lang}.json`)).filter(([, words]) => GONE[lang]!.test(words))
+      assert.deepEqual(said, [], `${path}${lang}.json`)
+    }
+})
+
+test('the places named are the tabs as they are called', () => {
+  const ko = table('../translations/ko.json')
+  const service = table('../../figure-service/translations/ko.json')
+  assert.ok(ko['figure.text.gizmo-size-follows']!.includes(`${ko['figure.label.tab-short-response']} 탭`))
+  assert.ok(ko['figure.text.preview-blocked-by-errors']!.includes(`${ko['figure.label.tab-short-verdict']} 탭`))
+  for (const key of ['figure.gate.parts-split-on-resize.how', 'figure.gate.sizing-not-uniform.how'])
+    assert.ok(service[key]!.includes(`${ko['figure.label.tab-short-response']} 탭의 「${ko['figure.label.group-position-response']}」`), key)
+})

package/translations/en.json

@@ -20,6 +20,9 @@
   "figure.label.group-menu": "More actions",
   "figure.label.group-more": "More",
   "figure.label.group-place": "Place",
+  "figure.label.group-position-response": "Position",
+  "figure.label.tab-response": "Responsive -- when the size changes",
+  "figure.label.tab-short-response": "Responsive",
   "figure.text.sizing-uniform-proposed": "this figure has joints. growing it by one ratio keeps the joints together at any size.",
   "figure.text.sizing-uniform-explained": "grows the whole figure by the geometric mean of the three sizes a board gives it. the feet stay on the floor; room left above the figure stays empty.",
   "figure.button.mirror-x": "across X",
@@ -75,9 +78,9 @@
   "figure.text.gizmo-joint-mimic": "the {joint} joint follows {leader}. move {leader}.",
   "figure.text.gizmo-joint-fixed-turn": "the {joint} joint does not turn. give it a turn in the motion tab.",
   "figure.text.gizmo-joint-turned-slide": "the {joint} joint only slides. use the move handle.",
-  "figure.text.gizmo-joint-origin-follows": "the {joint} joint's place follows another part. change it under fastening in the motion tab.",
+  "figure.text.gizmo-joint-origin-follows": "the {joint} joint's place follows another part. change it under place in the properties tab.",
   "figure.text.gizmo-joint-off-axis": "the {joint} joint turns only about {axis}. use the {axis} rotate handle.",
-  "figure.text.gizmo-size-follows": "{part}'s {axis} size follows another measure. change it under sizes in the motion tab.",
+  "figure.text.gizmo-size-follows": "{part}'s {axis} size follows another measure. change it under size in the responsive tab.",
   "figure.text.gizmo-fastening-places": "{part} is fastened to a face of another part, which places it. detach it first to move it.",
   "figure.text.instance-range-can-widen": "measured again with the parts as they are: {ranges} mm.",
   "figure.text.size-range-too-small": "below {mm} mm on {axis} the {part} part has no length, yet the figure is declared to be placed smaller, so this change cannot be made. use \"measure again\" under the sizes it can be placed at.",
@@ -472,7 +475,7 @@
   "figure.text.pick-a-shape-above-to-start": "pick a shape above to add the first part.",
   "figure.text.placement-explained": "sets the anchor plane in 3D scene (floor: AGV/conveyor, ceiling: OHT/hoist, center: sensor/drone).",
   "figure.text.pose-as-default-explained": "Writes the pose you have set as the parameters’ defaults, so the figure stands like this when nobody gives it a value.",
-  "figure.text.preview-blocked-by-errors": "cannot show the preview because of format errors. see the maturity tab for the reason.",
+  "figure.text.preview-blocked-by-errors": "cannot show the preview because of format errors. see the check tab for the reason.",
   "figure.text.put-on-floor": "Moves the part once so its bottom is on the floor (Y=0). It does not stay there when the size changes; for that, use “Follow size, attached to the floor”.",
   "figure.text.range-needs-room": "the maximum must be above the minimum.",
   "figure.text.release-needs-a-save-first": "there are unsaved changes. save first.",

package/translations/es.json

@@ -20,6 +20,9 @@
   "figure.label.group-menu": "Más acciones",
   "figure.label.group-more": "Más",
   "figure.label.group-place": "Posición",
+  "figure.label.group-position-response": "Posición",
+  "figure.label.tab-response": "Adaptable -- cuando cambia el tamaño",
+  "figure.label.tab-short-response": "Adaptable",
   "figure.text.sizing-uniform-proposed": "esta figura tiene articulaciones. escalarla con una sola proporción mantiene unidas las articulaciones en cualquier tamaño.",
   "figure.text.sizing-uniform-explained": "escala toda la figura según la media geométrica de los tres tamaños que le asigna un tablero. los pies quedan en el suelo; el espacio que sobra encima de la figura queda vacío.",
   "figure.button.mirror-x": "al otro lado de X",

package/translations/ja.json

@@ -20,6 +20,9 @@
   "figure.label.group-menu": "その他の操作",
   "figure.label.group-more": "その他",
   "figure.label.group-place": "位置",
+  "figure.label.group-position-response": "位置",
+  "figure.label.tab-response": "レスポンシブ — サイズが変わるとき",
+  "figure.label.tab-short-response": "レスポンシブ",
   "figure.text.sizing-uniform-proposed": "関節のある図形です。一つの比率で拡大すると、どのサイズでも関節が離れません。",
   "figure.text.sizing-uniform-explained": "ボードが与えた 3 軸サイズの幾何平均の比率で図形全体を拡大します。足は床に置き、箱の上の余りは空けたままにします。",
   "figure.button.mirror-x": "X 反対側に",

package/translations/ko.json

@@ -20,6 +20,9 @@
   "figure.label.group-menu": "다른 동작",
   "figure.label.group-more": "더 보기",
   "figure.label.group-place": "자리",
+  "figure.label.group-position-response": "위치",
+  "figure.label.tab-response": "반응형 — 크기가 바뀔 때",
+  "figure.label.tab-short-response": "반응형",
   "figure.text.sizing-uniform-proposed": "관절이 있는 도형입니다. 한 비율로 키우면 어떤 크기에서도 관절이 벌어지지 않습니다.",
   "figure.text.sizing-uniform-explained": "보드가 준 세 축 크기의 기하평균 비율로 도형 전체를 키웁니다. 발은 바닥에 두고, 상자 위가 남으면 그대로 비워 둡니다.",
   "figure.button.mirror-x": "X 반대편에",
@@ -75,9 +78,9 @@
   "figure.text.gizmo-joint-mimic": "{joint} 관절은 {leader} 관절을 따라 움직입니다. {leader}을(를) 움직이세요.",
   "figure.text.gizmo-joint-fixed-turn": "{joint} 관절은 돌지 않습니다. 돌리려면 움직임 탭에서 회전을 주세요.",
   "figure.text.gizmo-joint-turned-slide": "{joint} 관절은 미끄러지기만 합니다. 이동 손잡이로 움직이세요.",
-  "figure.text.gizmo-joint-origin-follows": "{joint} 관절의 위치는 다른 부품을 기준으로 결정됩니다. 움직임 탭의 붙이기 설정에서 변경해 주세요.",
+  "figure.text.gizmo-joint-origin-follows": "{joint} 관절의 위치는 다른 부품을 기준으로 결정됩니다. 속성 탭의 「자리」에서 바꾸세요.",
   "figure.text.gizmo-joint-off-axis": "{joint} 관절은 {axis}축으로만 돕니다. {axis} 회전 손잡이를 쓰세요.",
-  "figure.text.gizmo-size-follows": "{part}의 {axis} 치수는 다른 치수를 따라 정해집니다. 움직임 탭의 치수에서 바꾸세요.",
+  "figure.text.gizmo-size-follows": "{part}의 {axis} 치수는 다른 치수를 따라 정해집니다. 반응형 탭의 「크기」에서 바꾸세요.",
   "figure.text.gizmo-fastening-places": "{part} 부품은 다른 부품의 면에 부착되어 있습니다. 위치를 직접 변경하려면 부착 관계를 먼저 해제해 주세요.",
   "figure.text.instance-range-can-widen": "지금 부품으로 다시 재면 {ranges} mm 입니다.",
   "figure.text.size-range-too-small": "이 도형은 {axis} 축을 {mm} mm 보다 작게 하면 {part} 부품의 길이가 0 이 되는데, 그보다 작게 놓일 수 있다고 선언되어 있어 이 변경을 할 수 없습니다. 「놓일 수 있는 크기」에서 다시 재기를 누르면 범위가 맞춰집니다.",
@@ -472,7 +475,7 @@
   "figure.text.pick-a-shape-above-to-start": "위에서 도형을 선택해 첫 부품을 추가하세요.",
   "figure.text.placement-explained": "3D 씬에서 객체의 기준면을 정합니다 (바닥: AGV/컨베이어, 천장: OHT/호이스트, 중심: 센서/드론).",
   "figure.text.pose-as-default-explained": "현재 자세를 파라미터의 기본값으로 저장합니다. 값이 지정되지 않으면 도형에 이 자세가 적용됩니다.",
-  "figure.text.preview-blocked-by-errors": "형식 오류로 미리보기를 표시할 수 없습니다. 성숙도 탭에서 사유를 확인하세요.",
+  "figure.text.preview-blocked-by-errors": "형식 오류로 미리보기를 표시할 수 없습니다. 검사 탭에서 사유를 확인하세요.",
   "figure.text.put-on-floor": "지금 위치만 바닥(Y=0)에 맞춥니다. 크기가 바뀌면 따라가지 않습니다. 계속 붙어 있게 하려면 ‘바닥에 붙여 크기 따라가기’를 쓰세요.",
   "figure.text.range-needs-room": "최대가 최소보다 커야 합니다.",
   "figure.text.release-needs-a-save-first": "저장하지 않은 변경이 있습니다. 먼저 저장하세요.",

package/translations/ms.json

@@ -20,6 +20,9 @@
   "figure.label.group-menu": "Tindakan lain",
   "figure.label.group-more": "Lagi",
   "figure.label.group-place": "Kedudukan",
+  "figure.label.group-position-response": "Kedudukan",
+  "figure.label.tab-response": "Responsif -- apabila saiz berubah",
+  "figure.label.tab-short-response": "Responsif",
   "figure.text.sizing-uniform-proposed": "figura ini mempunyai sendi. membesarkannya dengan satu nisbah memastikan sendi tidak terpisah pada sebarang saiz.",
   "figure.text.sizing-uniform-explained": "membesarkan seluruh figura dengan min geometri tiga saiz yang diberi papan. kaki kekal di lantai; ruang di atas figura dibiarkan kosong.",
   "figure.button.mirror-x": "seberang X",

package/translations/zh.json

@@ -20,6 +20,9 @@
   "figure.label.group-menu": "更多操作",
   "figure.label.group-more": "更多",
   "figure.label.group-place": "位置",
+  "figure.label.group-position-response": "位置",
+  "figure.label.tab-response": "响应式 — 尺寸变化时",
+  "figure.label.tab-short-response": "响应式",
   "figure.text.sizing-uniform-proposed": "这是带关节的图形。按单一比例放大，任何尺寸下关节都不会分开。",
   "figure.text.sizing-uniform-explained": "按看板给出的三轴尺寸的几何平均比例放大整个图形。底部保持在地面，盒子上方多出的空间保持空着。",
   "figure.button.mirror-x": "X 对侧",