@things-factory/figure-ui 10.1.224 → 10.1.226

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/figure-ui",
-  "version": "10.1.224",
+  "version": "10.1.226",
   "publishConfig": {
     "access": "public",
     "@things-factory:registry": "https://registry.npmjs.org"
@@ -18,7 +18,7 @@
   "scripts": {
     "build": "npm run build:server && npm run build:client",
     "test": "FIGURE_FREEZE_COMPILED=1 node --import ./test/resolve-ts-siblings.mjs --test test/*.test.ts",
-    "test:browser": "node --test test/browser/build.check.mjs test/browser/modeller.check.mjs test/browser/modeller-revision.check.mjs test/browser/editing.check.mjs test/browser/links.check.mjs test/browser/section.check.mjs test/browser/screen.check.mjs test/browser/product-page.check.mjs test/browser/parts.check.mjs test/browser/places-mesh.check.mjs test/browser/part-ids.check.mjs test/browser/fix-alignment.check.mjs test/browser/mesh-select.check.mjs test/browser/row-preview.check.mjs test/browser/detail-tabs.check.mjs test/browser/props.check.mjs test/browser/retire.check.mjs test/browser/namespace.check.mjs test/browser/public.check.mjs test/browser/category.check.mjs test/browser/property-section.check.mjs test/browser/list.check.mjs test/browser/item.check.mjs",
+    "test:browser": "node --test test/browser/build.check.mjs test/browser/modeller.check.mjs test/browser/modeller-revision.check.mjs test/browser/editing.check.mjs test/browser/links.check.mjs test/browser/section.check.mjs test/browser/screen.check.mjs test/browser/product-page.check.mjs test/browser/parts.check.mjs test/browser/places-mesh.check.mjs test/browser/part-ids.check.mjs test/browser/fix-alignment.check.mjs test/browser/mesh-select.check.mjs test/browser/row-preview.check.mjs test/browser/detail-tabs.check.mjs test/browser/props.check.mjs test/browser/retire.check.mjs test/browser/namespace.check.mjs test/browser/public.check.mjs test/browser/category.check.mjs test/browser/property-section.check.mjs test/browser/list.check.mjs test/browser/item.check.mjs test/browser/side-panel-sweep.check.mjs",
     "copy:files": "copyfiles -e \"./client/**/*.{ts,js,json}\" -u 1 \"./client/**/*\" dist-client",
     "build:client": "npm run copy:files && npx tsc --p ./client/tsconfig.json",
     "build:server": "npx tsc --p ./server/tsconfig.json",
@@ -27,8 +27,8 @@
     "clean": "npm run clean:server && npm run clean:client"
   },
   "dependencies": {
-    "@hatiolab/figure-model": "^0.12.0",
-    "@hatiolab/things-scene": "^10.1.102",
+    "@hatiolab/figure-model": "^0.12.1",
+    "@hatiolab/things-scene": "^10.1.103",
     "@material/web": "^2.0.0",
     "@operato/data-grist": "^10.29.43",
     "@operato/graphql": "^10.29.43",
@@ -39,14 +39,14 @@
     "@operato/p13n": "^10.29.43",
     "@operato/popup": "^10.29.43",
     "@operato/shell": "^10.29.43",
-    "@operato/slot-layout-editor": "^10.29.57",
+    "@operato/slot-layout-editor": "^10.29.58",
     "@operato/styles": "^10.0.0",
     "@operato/utils": "^10.29.43",
-    "@things-factory/ai-assistant": "^10.1.223",
-    "@things-factory/figure-service": "^10.1.224",
-    "@things-factory/figure-viewer": "^10.1.224",
-    "@things-factory/setting-base": "^10.1.223",
+    "@things-factory/ai-assistant": "^10.1.226",
+    "@things-factory/figure-service": "^10.1.226",
+    "@things-factory/figure-viewer": "^10.1.226",
+    "@things-factory/setting-base": "^10.1.226",
     "three": "^0.185.1"
   },
-  "gitHead": "7edcdca6fc9862973e99048812e22f2aa9b2f9c9"
+  "gitHead": "abc5cf99effa2de579a1cbfda74ddc5eb41dba50"
 }

package/test/ai-proposal.test.ts

@@ -157,7 +157,7 @@ test('the same new figure\'s card in another tab before the first save makes a s
     })
   const made = [{ kind: 'add-part', part: { id: 'lid', kind: 'box', dimensions: { width: 100, height: 10, depth: 100 } } }] as any[]
   const first = tab()
-  first.startNew()
+  first.startNew({ name: 'New' })
   const detail: FigureApplyDetail = { key: K, steps: made, create: true }
   const here = { ...taker({}), offer: (d: FigureApplyDetail) => (takeFigureOffer(first, d, { onSavedFigure: false, say }), d) }
   assert.equal((await runFigureProposal(detail, here, say)).verdict, 'accepted')
@@ -166,7 +166,7 @@ test('the same new figure\'s card in another tab before the first save makes a s
   const there = {
     ...taker({}),
     async openNew(s: FigureProposalStep[], key?: string) {
-      second.startNew()
+      second.startNew({ name: 'New' })
       second.createUnder(key!)
       second.applyProposal(s, second.read().revision!, second.read().context!, key)
       return { applied: true }

package/test/browser/editing-page.js

@@ -96,7 +96,7 @@ window.editing = {
   propertyInputs() {
     /* 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'))
+    return [...panel.querySelectorAll('input')].map(i => (i.dataset?.field ?? 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. */
   at(selector, host) {
@@ -126,13 +126,13 @@ window.editing = {
   },
   /** The page point of a field's label: the axis letter of a row's cell, or a single field's name. */
   fieldLabel(id) {
-    const input = deep('input').find(i => i.getAttribute('aria-label') === id)
+    const input = deep('input').find(i => (i.dataset?.field ?? i.getAttribute('aria-label')) === id)
     const label = input?.closest('div[cell]')?.querySelector('span[axis]') ?? input?.previousElementSibling
     return label ? centreOf(label) : null
   },
   /** What a field shows now. */
   fieldValue(id) {
-    return deep('input').find(i => i.getAttribute('aria-label') === id)?.value ?? null
+    return deep('input').find(i => (i.dataset?.field ?? i.getAttribute('aria-label')) === id)?.value ?? null
   },
   /** How a clip track's head is laid out: its name, the repeat choice and the remove button, as boxes on the page. */
   trackHead() {

package/test/browser/editing.check.mjs

@@ -314,11 +314,11 @@ describe('the material: colours by purpose, one step each, a glow drawn while dr
   })
 
   /*
-    A round body's measures are the 「배치」 tab's size editor (2026-10-24): its across said as a diameter, written as the
+    A round body's measures are the 「크기」 tab's size editor (2026-10-24): its across said as a diameter, written as the
     radius it halves to. The editor writes on change; it draws nothing while a number is typed.
   */
   test('a diameter typed on the arrangement tab is written once when it is left, as the radius it halves to', async () => {
-    await click(await read(() => probe.tab('figure.label.tab-arrangement')))
+    await click(await read(() => probe.tab('figure.label.tab-short-response')))
     const start = await revision()
     await type('drum X · figure.label.size-diameter figure.label.size-measure', '600')
     assert.equal(await revision(), start, 'nothing written yet')
@@ -332,7 +332,7 @@ describe('the material: colours by purpose, one step each, a glow drawn while dr
 })
 
 /*
-  A box's size is the 「배치」 tab's size editor now (2026-10-24); the numbers in hand on the properties tab are its place,
+  A box's size is the 「크기」 tab's size editor now (2026-10-24); the numbers in hand on the properties tab are its place,
   in the position row.
 */
 describe('values in hand on the properties tab: drawn at once, written on change (user 2026-09-24)', () => {
@@ -374,7 +374,7 @@ describe('values in hand on the properties tab: drawn at once, written on change
   })
 })
 
-/* A size of the part's own on the 「배치」 tab's size editor is a value in hand as any field is (user 2026-09-24). */
+/* A size of the part's own on the 「크기」 tab's size editor is a value in hand as any field is (user 2026-09-24). */
 describe('a size in hand on the arrangement tab: drawn while typed or dragged, written once', () => {
   const WIDTH = 'box X figure.label.size-measure'
   const wide = async () => Math.round((await look('box')).size[0])
@@ -382,7 +382,7 @@ describe('a size in hand on the arrangement tab: drawn while typed or dragged, w
   before(async () => {
     await mount('box')
     await pick('box')
-    await click(await read(() => probe.tab('figure.label.tab-arrangement')))
+    await click(await read(() => probe.tab('figure.label.tab-short-response')))
   })
 
   test('a width typed is drawn while it is typed, and written once on Enter', async () => {

package/test/browser/links-page.js

@@ -39,7 +39,7 @@ window.look = {
   all(selector, text) {
     return deep(selector)
       .filter(saying(text))
-      .map(e => ({ text: words(e), disabled: !!e.disabled, open: !!e.open, value: e.value ?? null, label: e.getAttribute('aria-label'), readOnly: !!e.readOnly, spotlit: e.hasAttribute('spotlit') }))
+      .map(e => ({ text: words(e), disabled: !!e.disabled, open: !!e.open, value: e.value ?? null, label: e.dataset?.field ?? e.getAttribute('aria-label'), readOnly: !!e.readOnly, spotlit: e.hasAttribute('spotlit') }))
   },
   /** A face of the target box in the fastening drawing: whether it can be pressed now, and whether it is the one chosen. */
   face(f) {

package/test/browser/links.check.mjs

@@ -88,9 +88,8 @@ async function pick(part) {
   await click(await read(id => probe.row(id), part), `the row of ${part}`)
   await until(id => probe.state().selected === id, [part], `${part} selected`)
 }
-/* A side tab by its short name; with a part chosen, 「반응형」 is named 「배치」 (figure.label.tab-arrangement). */
-const tab = name =>
-  read(n => probe.tab(`figure.label.tab-short-${n}`) ?? (n === 'response' ? probe.tab('figure.label.tab-arrangement') : null), name).then(point => click(point, `the ${name} tab`))
+/* A side tab by its short name: one name whatever is picked (「크기」, sweep 2026-10-27 J2). */
+const tab = name => read(n => probe.tab(`figure.label.tab-short-${n}`), name).then(point => click(point, `the ${name} tab`))
 /** A fastening the part has is said in one line; 「바꾸기」 opens the fastening window on it. */
 async function changeFastening() {
   await until(() => look.all('button[change-fastening]').length === 1, [], 'the fastening said in one line')

package/test/browser/modeller-page.js

@@ -203,9 +203,9 @@ window.probe = {
     const l = Math.hypot(b.x - a.x, b.y - a.y) || 1
     return { x: (b.x - a.x) / l, y: (b.y - a.y) / l }
   },
-  /** The page point of an input or checkbox by its aria-label. */
+  /** The page point of an input or checkbox by its field id (data-field) or its aria-label. */
   labelled(label) {
-    const input = deep('input').find(i => i.getAttribute('aria-label') === label)
+    const input = deep('input').find(i => (i.dataset?.field ?? i.getAttribute('aria-label')) === label)
     return input ? centreOf(input) : null
   },
   /** The page point of a button by an attribute it carries. */
@@ -262,7 +262,7 @@ window.probe = {
   focused() {
     let at = document.activeElement
     while (at?.shadowRoot?.activeElement) at = at.shadowRoot.activeElement
-    return at ? { tag: at.localName, label: at.getAttribute('aria-label') } : null
+    return at ? { tag: at.localName, label: at.dataset?.field ?? at.getAttribute('aria-label') } : null
   },
   /** The page point of an input by its aria-label, or of the part name field. */
   nameField() {
@@ -276,7 +276,7 @@ window.probe = {
   },
   /** Whether an input with this label is on the page. */
   hasInput(label) {
-    return deep('input').some(i => i.getAttribute('aria-label') === label)
+    return deep('input').some(i => (i.dataset?.field ?? i.getAttribute('aria-label')) === label)
   },
   /** The page point of a part's row in the parts list. */
   row(id) {

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

@@ -74,7 +74,7 @@ describe('work counted on the robot arm', () => {
 
   /*
     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
+    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 () => {
@@ -98,8 +98,8 @@ describe('work counted on the robot arm', () => {
     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')))
+    /* The part's measures are the 「크기」 tab's size editor (2026-10-24). */
+    await click(await read(() => probe.tab('figure.label.tab-short-response')))
     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)))
@@ -189,8 +189,8 @@ 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)
-    /* The box's size is the 「배치」 tab's (2026-10-24). */
-    await click(await read(() => probe.tab('figure.label.tab-arrangement')))
+    /* The box's size is the 「크기」 tab's (2026-10-24). */
+    await click(await read(() => probe.tab('figure.label.tab-short-response')))
     await sleep(300)
     const field = await read(() => probe.labelled('box Y figure.label.size-measure'))
     assert.ok(field, 'the height field')

package/test/browser/modeller.check.mjs

@@ -54,10 +54,10 @@ async function click(point) {
   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), named
-  「배치」 (figure.label.tab-arrangement) while a part is chosen.
+  A side tab pressed, by its short name; how a part answers a size is the 「크기」 tab's (user 2026-10-17, one name
+  whatever is picked since the sweep of 2026-10-27, J2).
 */
-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 tab = async name => click(await read(n => probe.tab(`figure.label.tab-short-${n}`), name))
 
 const KEYS = { translate: 'KeyW', rotate: 'KeyE', scale: 'KeyR' }
 
@@ -430,7 +430,7 @@ describe('a figure made in the modeller is given its size from its parts (user 2
     const field = id =>
       page().evaluateHandle(id => {
         const deep = (root = document) => [...root.querySelectorAll('input')].concat(...[...root.querySelectorAll('*')].filter(e => e.shadowRoot).map(e => deep(e.shadowRoot)))
-        return deep().find(i => i.getAttribute('aria-label') === id) ?? null
+        return deep().find(i => (i.dataset?.field ?? i.getAttribute('aria-label')) === id) ?? null
       }, id)
     const declared = () =>
       page().evaluate(() => {
@@ -474,7 +474,7 @@ describe('a figure made in the modeller is given its size from its parts (user 2
     const field = () =>
       page().evaluateHandle(() => {
         const deep = (root = document) => [...root.querySelectorAll('input')].concat(...[...root.querySelectorAll('*')].filter(e => e.shadowRoot).map(e => deep(e.shadowRoot)))
-        return deep().find(i => i.getAttribute('aria-label') === 'size.x.max') ?? null
+        return deep().find(i => (i.dataset?.field ?? i.getAttribute('aria-label')) === 'size.x.max') ?? null
       })
     /* Selected where it is drawn, as a person does, then typed over. */
     const typeOver = async keys => {

package/test/browser/parts.check.mjs

@@ -76,9 +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). */
+/* A side tab by its short name: one name whatever is picked (「크기」, sweep 2026-10-27 J2). */
 async function tab(name) {
-  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`)
+  await click(await read(n => probe.tab(`figure.label.tab-short-${n}`), 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.check.mjs

@@ -173,6 +173,11 @@ describe('the first save of a new figure', () => {
       return { first: popup.shadowRoot.querySelector('input')?.id, type: popup.shadowRoot.querySelector('#type').value, focused: active?.id }
     })
 
+  test('a new figure is named in the screen\'s words, the tab too (sweep 2026-10-27 U8)', async () => {
+    assert.equal(await read(() => product.page().session.read().name), 'figure.text.new-figure-name')
+    assert.equal(await read(() => product.page().context.title), 'figure.text.new-figure-name')
+  })
+
   test('before it is saved: the type can be written, held by the page, and the release waits', async () => {
     const field = await read(() => { const input = product.page().shadowRoot.querySelector('label[type-field] input'); return input && { disabled: input.disabled } })
     assert.deepEqual(field, { disabled: false })
@@ -184,6 +189,9 @@ describe('the first save of a new figure', () => {
   })
 
   test('the question asks the name first, focused, with the type written before', async () => {
+    /* A new figure saves once it has a part (sweep 2026-10-27 U24): the start's box. */
+    assert.equal(await read(() => product.deep('figure-editor >>> button[save]')[0].disabled), true, 'nothing to save before a part')
+    await press('figure-editor >>> button[start-shape="box"]', 'a box from the start')
     await press('button[save]', 'save')
     await until(() => product.deep('figure-first-save')[0]?.shadowRoot.querySelector('#type'), 'the first save asked')
     await until(() => { let a = document.activeElement; while (a?.shadowRoot?.activeElement) a = a.shadowRoot.activeElement; return a?.id === 'name' }, 'the name focused')
@@ -242,6 +250,22 @@ describe('opening another figure', () => {
     })
   })
 
+  test('nothing open on the page: its properties say nothing of an empty figure (sweep 2026-10-27 U3)', async () => {
+    await open('a')
+    const empty = await read(async () => {
+      const page = product.page()
+      /* The state a page is in before it is told which figure, and after it is left: the session holds none. */
+      page.session.close()
+      const editor = product.deep('figure-editor')[0]
+      editor.requestUpdate()
+      await editor.updateComplete
+      return editor.shadowRoot.querySelectorAll('section[empty-figure]').length
+    })
+    /* Told another figure, the page opens it again: the checks after this one start from an open page. */
+    await open('b')
+    assert.equal(empty, 0)
+  })
+
   test('the row is emptied first: the type of the one before does not stand while the next one loads', async () => {
     const typeField = () => read(() => product.page().shadowRoot.querySelector('label[type-field] input')?.value)
     await open('a')
@@ -258,6 +282,12 @@ describe('opening another figure', () => {
     await until(() => !!window.letB, 'b asked for')
     await read(() => product.page().updateComplete)
     assert.equal(await typeField(), '')
+    /* Still loading, the figure is not an empty one: no 「add a part」 (sweep 2026-10-27 U3). */
+    await read(() => product.deep('figure-editor')[0].updateComplete)
+    assert.equal(await read(() => product.deep('figure-editor >>> section[empty-figure]').length), 0)
+    assert.equal(await read(() => product.page().context.title), 'figure.label.figure')
+    /* Named by the address before it is read: the rail marks the catalogue, not "new figure" (sweep 2026-10-27 U30). */
+    assert.equal(await read(() => product.page().context.menu), 'figure-list')
     await read(() => window.letB())
     await until(() => product.page().shadowRoot.querySelector('label[type-field] input')?.value === 'type-b', 'b\'s type')
   })
@@ -578,6 +608,7 @@ describe('the page around the figure: the shell, the dock, the properties', () =
     assert.deepEqual(await read(() => assistant.surface.anchor()), { anchorType: 'figure', anchorId: creationId })
     assert.deepEqual(await read(() => { const { figureId, editorMode } = assistant.surface.hostContext(); return { figureId, editorMode } }), { figureId: creationId, editorMode: 'new' })
     assert.equal((await read(() => product.context())).menu, undefined)
+    await press('figure-editor >>> button[start-shape="box"]', 'a box from the start')
     await rename('Gate')
     await read(() => { assistant.forget(); product.forget() })
     await press('button[save]', 'save')

package/test/browser/props.check.mjs

@@ -94,10 +94,9 @@ const groupsInOrder = () =>
       .map(([name]) => name)
   })
 
-/* A side tab pressed, by its name; with a part chosen, 「반응형」 is named 「배치」 (figure.label.tab-arrangement). */
+/* A side tab pressed, by its name: one name whatever is picked (「크기」, sweep 2026-10-27 J2). */
 async function tab(name) {
-  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 press(`aside button[tab][aria-label="figure.label.tab-short-${name}"]`, `the ${name} tab`)
   await read(() => document.querySelector('figure-editor').updateComplete)
 }
 
@@ -152,7 +151,7 @@ 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'))
 
-  /* A box's size is the 「배치」 tab's (2026-10-24): it has no measures of its own shape left on the properties. */
+  /* 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')

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), named 「배치」 while a part is chosen (figure.label.tab-arrangement). */
-    const tab = await read(() => probe.tab('figure.label.tab-arrangement'))
+    /* The row is the 「반응형」 tab's (user 2026-10-17), named 「크기」 (sweep 2026-10-27 J2). */
+    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-arrangement', [], 'the 배치 tab on')
+    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

@@ -82,8 +82,8 @@ const tabOn = () => read(() => screenCheck.editor().shadowRoot.querySelector('bu
 const pressBar = action => press(action, a => screenCheck.editor().shadowRoot.querySelector('ox-canvas-bar').shadowRoot.querySelector(`button[data-action=${a}]`), action)
 const pressTab = name => press(name, name => screenCheck.editor().shadowRoot.querySelector(`button[tab][aria-label="${name}"]`), name)
 const TAB = name => `figure.label.tab-short-${name}`
-/* 「반응형」 while a part is chosen: named by what it holds for the part, its size and arrangement (2026-10-24). */
-const ARRANGEMENT = 'figure.label.tab-arrangement'
+/* The size tab, one name whatever is picked (「크기」, sweep 2026-10-27 J2; it was 「배치」 while a part was chosen). */
+const ARRANGEMENT = 'figure.label.tab-short-response'
 /*
   The view settings or the releases, opened from the bar over the work (they were tabs once); left open if open. The
   releases open from 「발행」, the bar's one way to them (user 2026-10-18).
@@ -220,7 +220,9 @@ describe('the frame: parts · canvas · one side of seven tabs, and the bar over
   test('the bar: undo and redo with their keys, the status, save, and the left pane folded to give the canvas its width', async () => {
     assert.equal(await read(() => screenCheck.editor().shadowRoot.querySelector('ox-canvas-bar').pane === screenCheck.editor().shadowRoot.querySelector('ox-three-pane')), true, 'the bar folds the editor\'s own frame')
     const titles = await read(() => ['undo', 'redo'].map(a => screenCheck.editor().shadowRoot.querySelector('ox-canvas-bar').shadowRoot.querySelector(`button[data-action=${a}]`).title))
-    assert.ok(titles[0].endsWith('(Ctrl+Z)') && titles[1].endsWith('(Ctrl+Y)'), `the keys in the titles: ${titles}`)
+    /* The keys as this platform writes them (sweep 2026-10-27 U26): ⌘Z · ⇧⌘Z on a Mac, Ctrl+Z · Ctrl+Y elsewhere. */
+    const mac = await read(() => navigator.userAgent.includes('Mac'))
+    assert.ok(titles[0].endsWith(mac ? '(⌘Z)' : '(Ctrl+Z)') && titles[1].endsWith(mac ? '(⇧⌘Z)' : '(Ctrl+Y)'), `the keys in the titles: ${titles}`)
     /* Saved or not is the save button's: pressable with something to save, dimmed without -- no words beside it. */
     const status = () => read(() => screenCheck.editor().shadowRoot.querySelector('ox-canvas-bar [role=status]')?.textContent.trim() ?? null)
     const saveOn = () => read(() => !screenCheck.editor().shadowRoot.querySelector('ox-canvas-bar button[save]').disabled)
@@ -228,7 +230,7 @@ describe('the frame: parts · canvas · one side of seven tabs, and the bar over
     assert.equal(await saveOn(), false, 'saved: the save button is dimmed')
 
     await pressRow('box')
-    /* A part's size is the 「배치」 tab's (2026-10-24). */
+    /* A part's size is the 「크기」 tab's (2026-10-24). */
     await pressTab(ARRANGEMENT)
     const height = await element('the height field', () => screenCheck.deep('input').find(i => i.getAttribute('aria-label') === 'box Y figure.label.size-measure'))
     await height.click({ clickCount: 3 })
@@ -339,10 +341,10 @@ describe('a part chosen: each tab in its place, the figure-wide tabs give way, t
     await pressTab(TAB('properties'))
     let now = await holds()
     assert.ok(now.subject, 'the part\'s head')
-    /* A box's size is the 「배치」 tab's, in its size editor (2026-10-24): the properties keep its place. */
+    /* A box's size is the 「크기」 tab's, in its size editor (2026-10-24): the properties keep its place. */
     assert.ok(now.links.includes('figure.label.group-place') && !now.links.includes('figure.label.group-size'), `the shape's links: ${now.links}`)
     assert.ok(now.material, 'its material')
-    /* How it answers a size has a tab of its own (user 2026-10-17, 「반응형」), named 「배치」 while a part is chosen. */
+    /* How it answers a size has a tab of its own (user 2026-10-17, 「반응형」), named 「크기」. */
     await pressTab(ARRANGEMENT)
     now = await holds()
     assert.ok(now.subject, 'the part\'s head')
@@ -732,7 +734,7 @@ describe('the camera follows a size typed far from the view (first 15 minutes, 2
   test('a width typed ten times larger fits the view again; a little wider leaves the camera where it is', async () => {
     await mount('box')
     await pressRow('box')
-    /* A part's size is the 「배치」 tab's (2026-10-24). */
+    /* A part's size is the 「크기」 tab's (2026-10-24). */
     await pressTab(ARRANGEMENT)
     await read(() => {
       const canvas = screenCheck.deep('figure-canvas')[0]
@@ -806,7 +808,7 @@ describe('a part\'s size row: a rule\'s numbers only where a rule sets every sid
   })
 
   /*
-    A box's size is the 「배치」 tab's size editor (2026-10-24), one row a side: made to follow on every side, each row
+    A box's size is the 「크기」 tab's size editor (2026-10-24), one row a side: made to follow on every side, each row
     shows the size the rule gives it, and the properties draw no size row.
   */
   test('a box made to follow the figure\'s size on every side shows the size the rule gives it', async () => {
@@ -848,7 +850,7 @@ describe('the side panel is found as it was left, per part', () => {
   before(() => mount('arm'))
 
   /*
-    The part's properties fit a tall window since its size moved to 「배치」 (2026-10-24): a shorter one gives the panel
+    The part's properties fit a tall window since its size moved to 「크기」 (2026-10-24): a shorter one gives the panel
     something to scroll.
   */
   test('scrolled and a fold opened on one part; another part opens at its top; back, the first is as it was left', async () => {
@@ -1106,7 +1108,7 @@ describe('the modeller page: the editor with the page\'s figure panel, verdict a
 
   test('an edit is judged as it stands on screen: the source the server is sent is the one edited', async () => {
     await pressRow('left')
-    /* A part's size is the 「배치」 tab's (2026-10-24). */
+    /* A part's size is the 「크기」 tab's (2026-10-24). */
     await pressTab(ARRANGEMENT)
     const height = await element('the height field', () => screenCheck.deep('input').find(i => i.getAttribute('aria-label') === 'left Y figure.label.size-measure'))
     await height.click({ clickCount: 3 })
@@ -1148,7 +1150,7 @@ describe('the modeller page: the editor with the page\'s figure panel, verdict a
     }
   })
 
-  /* The part's properties fit a tall window since its size moved to 「배치」 (2026-10-24): a shorter one scrolls. */
+  /* The part's properties fit a tall window since its size moved to 「크기」 (2026-10-24): a shorter one scrolls. */
   test('another figure opened starts its panels clean: a part of the same name opens at its top', async () => {
     const viewport = page().viewport()
     await page().setViewport({ ...viewport, height: 600 })