@things-factory/figure-ui 10.1.193 → 10.1.195

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/figure-ui",
-  "version": "10.1.193",
+  "version": "10.1.195",
   "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": "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",
     "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",
@@ -48,5 +48,5 @@
     "@things-factory/setting-base": "^10.1.192",
     "three": "^0.185.1"
   },
-  "gitHead": "193f04828369c453b43da82f4b6b46789696255f"
+  "gitHead": "e22e6dec8be22ba1d8db7bf511f3bacee721ff8f"
 }

package/test/align.test.ts

@@ -95,13 +95,21 @@ test('a tilted part is told it touches by a point or an edge, a ball by its lowe
   assert.ok(!/기울|기운/.test(ko['figure.text.aligned-extreme-floor'] + ko['figure.text.align-to-floor-extreme']), 'a ball is not said to be tilted')
 })
 
-/* Designer 2026-09-27: the gizmo's reason for a tilted part named the floor's lowest point in every placement. */
-test('the size gizmo\'s reason names what the placement keeps, in every language', () => {
+/*
+  User 2026-10-19: the size drag's refusal told the face kept while dragging and the one written, and was not understood.
+  One line, why only -- attached turned, or tilted -- in every language; the way on is the notice's button.
+*/
+test('the size drag\'s refusal is one line saying why, in every language', () => {
   for (const lang of ['en', 'ja', 'ko', 'ms', 'zh', 'es']) {
     const t = JSON.parse(read(`../translations/${lang}.json`))
-    assert.ok(t['figure.text.gizmo-size-turned-fastening'].includes('{extreme}'), lang)
-    for (const placement of ['floor', 'ceiling', 'wall', 'center']) assert.ok(t[`figure.label.kept-extreme-${placement}`], `${lang} ${placement}`)
+    for (const key of ['figure.text.gizmo-size-turned-fastening', 'figure.text.gizmo-size-tilted']) {
+      assert.ok(t[key]?.includes('{part}'), `${lang} ${key}`)
+      assert.ok(!t[key].includes('{extreme}'), `${lang} ${key}: no face kept is told`)
+      assert.equal(t[key].split(/[.。]\s*/).filter(Boolean).length, 1, `${lang} ${key}: one sentence`)
+    }
+    assert.ok(t['figure.button.to-size-fields'], lang)
   }
   const ko = JSON.parse(read('../translations/ko.json'))
-  assert.equal(ko['figure.label.kept-extreme-ceiling'], '가장 높은 점')
+  assert.equal(ko['figure.text.gizmo-size-turned-fastening'], '{part} 부품은 돌려 붙어 있어 끌어서 크기를 바꿀 수 없습니다.')
+  assert.equal(ko['figure.button.to-size-fields'], '크기 칸으로')
 })

package/test/browser/editing.check.mjs

@@ -532,31 +532,27 @@ describe('the recipe catalog says nothing where a template has no guide', () =>
 })
 
 /*
-  The size gizmo's reason says what the figure's placement keeps (designer 2026-09-27). The page loads no translations;
-  here the two sentences are given words, so the word the reason carries can be read.
+  The size gizmo withheld from a tilted part says why in one line (user 2026-10-19: the faces kept while dragging and
+  when written were not understood), as a notice, not the error's red. The page loads no translations; the sentence is
+  given words here, so the part it names can be read.
 */
-describe('the size gizmo withheld from a tilted part says what the placement keeps', () => {
+describe('the size gizmo withheld from a tilted part says why, in one line, as a notice', () => {
   before(async () => {
     await mount('box', 'tilted-ceiling')
-    await read(() =>
-      editing.words({
-        'figure.text.gizmo-size-turned-fastening': '{part} is tilted: its size is typed, keeping {extreme}',
-        'figure.label.kept-extreme-ceiling': 'its highest point',
-        'figure.label.kept-extreme-floor': 'its lowest point'
-      })
-    )
+    await read(() => editing.words({ 'figure.text.gizmo-size-tilted': '{part} is tilted, so its size cannot be dragged.' }))
     await pick('box')
   })
   after(() => read(() => editing.words(null)))
 
-  test('hung from the ceiling, the tooltip and the refusal of R both name its highest point', async () => {
+  test('hung from the ceiling, the tooltip and the refusal of R say the same line; nothing is said of the faces it keeps', async () => {
     const resize = (await read(() => editing.tools())).find(t => t.label === 'figure.button.gizmo-scale')
     assert.equal(resize.disabled, true, 'not offered')
-    assert.ok(resize.title.endsWith('box is tilted: its size is typed, keeping its highest point'), resize.title)
+    assert.ok(resize.title.endsWith('box is tilted, so its size cannot be dragged.'), resize.title)
     await read(() => editing.told())
     await press('KeyR')
-    assert.deepEqual((await read(() => editing.told())).filter(n => n.level === 'error').map(n => n.message), ['box is tilted: its size is typed, keeping its highest point'])
+    assert.deepEqual(await read(() => editing.told()), [{ level: 'info', message: 'box is tilted, so its size cannot be dragged.' }])
     assert.equal((await state()).attached, null, 'no gizmo on it')
+    assert.equal((await state()).error, '', 'no error')
   })
 })
 

package/test/browser/links.check.mjs

@@ -370,7 +370,7 @@ describe('the fastening window on the robot arm', () => {
 
   test('the parts hanging from it are said in one line, and the chips show the part names as they are written', async () => {
     const said = await read(() => {
-      const root = document.querySelector('figure-fasten-dialog').shadowRoot
+      const root = window.fastenDialog().shadowRoot
       const chip = root.querySelector('ox-input-select-buttons').shadowRoot.querySelector('md-filter-chip')
       const label = chip.shadowRoot.querySelector('.label-text') ?? chip.shadowRoot.querySelector('.label')
       return { lines: root.querySelectorAll('p[loops]').length, transform: getComputedStyle(label).textTransform }
@@ -388,14 +388,17 @@ describe('a new fastening for a door leaf: chosen in the window, seen before it
   })
   const ghosts = () => read(() => look.drawn().filter(n => n.startsWith('__preview')))
 
-  test('started, the window opens in the standard popup, asking what to fasten to, nothing chosen', async () => {
+  test('started, the window opens over the side panel, asking what to fasten to, nothing chosen; the canvas stays in sight', async () => {
     await pick('leaf')
     await press('button[fasten-start]')
     const list = await until(() => probe.fastenTargets(), [], 'the fastening window')
     assert.deepEqual(list.filter(t => t.selected), [], 'nothing chosen')
     assert.ok(list.some(t => t.target === 'frame' && !t.disabled), 'the frame offered')
     assert.deepEqual((await all('[apply]')).map(b => b.disabled), [true], 'nothing to apply yet')
-    assert.deepEqual(await read(() => probe.fastenPopup()), { title: 'figure.label.fastening', movable: true, backdrop: true, role: 'dialog' })
+    /* Not the modal popup (user 2026-10-19: it covered the 3D it was choosing for): over the side panel, at most its edge over the canvas. */
+    const panel = await read(() => probe.fastenPanel())
+    assert.deepEqual({ ...panel, overCanvas: undefined }, { title: 'figure.label.fastening', role: 'dialog', popup: false, overCanvas: undefined })
+    assert.ok(panel.overCanvas <= 0.1, `the canvas stays in sight: ${panel.overCanvas} of its width covered`)
   })
 
   test('the frame chosen: the editor is told the command, and the canvas draws where the leaf would go and the face it meets', async () => {
@@ -421,14 +424,15 @@ describe('a new fastening for a door leaf: chosen in the window, seen before it
     assert.deepEqual(await ghosts(), [], 'nothing of the earlier result drawn')
   })
 
-  test('a press outside the window closes it with nothing written, and nothing it tried is drawn', async () => {
+  test('another part picked in the list closes the window with nothing written, and nothing it tried is drawn', async () => {
     const start = await state()
-    /* The motion tab, under the popup's backdrop: the press closes the popup, it does not reach the tab. */
-    await click(await read(l => probe.tab(l), 'figure.label.tab-short-motion'), 'outside the window')
+    /* No backdrop over the page: the parts list stays reachable. The window stands over the side panel, its tabs too, as the view settings do. */
+    assert.ok((await read(() => probe.fastenPanel())).overCanvas <= 0.1)
+    await pick('frame')
     await until(() => !probe.fastenTargets(), [], 'the window closed')
     await until(() => !look.drawn().some(n => n.startsWith('__preview')), [], 'nothing it tried drawn')
-    assert.equal(await read(() => look.tab()), 'figure.label.tab-short-properties', 'the press did not reach the tab')
     assert.equal((await state()).revision, start.revision, 'nothing written')
+    await pick('leaf')
   })
 
   test('"fasten it first" from the motion tab opens this part\'s window, on what it has, on the properties tab', async () => {
@@ -599,23 +603,32 @@ function twisted() {
 }
 
 describe('a part fastened twisted is not sized by a drag', () => {
-  test('the resize tool is off, and a size drag that still arrives is not written and is said', async () => {
+  test('the resize tool is off, and a size drag that still arrives is not written: a notice says why, in one line, with the way to its size', async () => {
     await mount('twisted', twisted())
     await pick('blade')
     assert.equal((await at('button[tool]', 'figure.button.gizmo-scale'))?.disabled, true, 'the resize tool is off')
+    await read(() => probe.told())
     const start = await state()
     await read(() => look.transformed('blade', { scale: [1.5, 1, 1] }))
     await settled()
     assert.equal((await state()).revision, start.revision, 'not written')
-    assert.equal((await state()).error, 'figure.text.gizmo-size-turned-fastening')
+    /* A notice, not the error's red (user 2026-10-19: the reason read as a fault, and was not understood). */
+    assert.deepEqual(await read(() => probe.told()), [{ level: 'info', message: 'figure.text.gizmo-size-turned-fastening', action: 'figure.button.to-size-fields' }])
+    assert.equal((await state()).error, '', 'no error')
   })
 
-  test('the R key says why', async () => {
+  test('the R key says why, and the notice\'s button puts the cursor in the part\'s size field', async () => {
     await mount('twisted', twisted())
     await pick('blade')
-    assert.equal((await state()).error, '')
+    await read(() => probe.told())
     await page().keyboard.press('KeyR')
-    await until(() => probe.state().error === 'figure.text.gizmo-size-turned-fastening', [], 'the reason said')
+    await until(() => probe.told().some(n => n.message === 'figure.text.gizmo-size-turned-fastening' && n.action === 'figure.button.to-size-fields'), [], 'the reason said with its way on')
+    assert.equal((await state()).error, '', 'no error')
+    /* From another tab: the button brings the properties tab and the size field. */
+    await tab('motion')
+    assert.equal(await read(() => probe.pressNoticeButton()), true)
+    await until(() => probe.focused()?.label?.startsWith('blade.size.'), [], 'the blade\'s size field focused')
+    assert.equal(await read(() => look.tab()), 'figure.label.tab-short-properties')
   })
 })
 
@@ -741,26 +754,27 @@ describe('the fastening window: tried freely, written once', () => {
     await until(w => JSON.stringify(JSON.parse(document.querySelector('figure-editor').session.source()).joints.find(j => j.body1.part === 'lamp')) === w, [JSON.stringify(was)], 'one undo: the fastening as it was')
   })
 
-  test('moved by the popup\'s head out of the way of the canvas: nothing written, still open', async () => {
+  test('the canvas is turned with the window open: nothing written, still open, the window where it was', async () => {
     await pick('lamp')
     await changeFastening()
     const rect = () => read(() => {
-      const r = document.querySelector('figure-fasten-dialog')?.getBoundingClientRect()
+      const r = window.fastenDialog()?.getBoundingClientRect()
       return r ? { x: Math.round(r.left), y: Math.round(r.top) } : null
     })
     const was = await rect()
-    const head = await read(() => {
-      const h = document.querySelector('figure-fasten-dialog').closest('ox-floating-overlay').shadowRoot.querySelector('[header] h1').getBoundingClientRect()
-      return { x: h.left + h.width / 2, y: h.top + h.height / 2 }
+    /* A drag on the empty canvas, left of the parts: the camera turns, nothing is picked. */
+    const box = await read(() => {
+      const r = document.querySelector('figure-editor').shadowRoot.querySelector('figure-canvas').getBoundingClientRect()
+      return { x: r.left + 40, y: r.top + r.height / 2 }
     })
     const start = await state()
-    await page().mouse.move(head.x, head.y)
+    await page().mouse.move(box.x, box.y)
     await page().mouse.down()
-    for (let i = 1; i <= 6; i++) await page().mouse.move(head.x - 30 * i, head.y + 20 * i)
+    for (let i = 1; i <= 6; i++) await page().mouse.move(box.x + 20 * i, box.y + 5 * i)
     await page().mouse.up()
-    const moved = await rect()
-    assert.deepEqual([moved.x - was.x, moved.y - was.y], [-180, 120], `moved with the pointer: ${JSON.stringify([was, moved])}`)
+    await settled()
     assert.equal(await windowOpen(), true, 'still open')
+    assert.deepEqual(await rect(), was, 'the window where it was')
     assert.equal((await state()).revision, start.revision, 'nothing written')
     await press('[cancel]')
     await until(() => !probe.fastenTargets(), [], 'the window closed')
@@ -771,7 +785,7 @@ describe('the fastening window: tried freely, written once', () => {
     await changeFastening()
     const litAt = y => Math.abs((document.querySelector('figure-editor').shadowRoot.querySelector('figure-canvas').highlight?.pose.t[1] ?? 0) - y) < 2
     /* The list has the focus, on the top it is fastened to. */
-    await until(() => document.querySelector('figure-fasten-dialog')?.shadowRoot.querySelector('ox-input-select-buttons')?.shadowRoot.activeElement?.getAttribute('data-value') === 'top', [], 'the focus on the chosen chip')
+    await until(() => window.fastenDialog()?.shadowRoot.querySelector('ox-input-select-buttons')?.shadowRoot.activeElement?.getAttribute('data-value') === 'top', [], 'the focus on the chosen chip')
     await page().keyboard.press('ArrowLeft')
     /* The leg's top, 700 high (the lit plate a little over it); moving the focus lights, it does not choose. */
     await until(litAt, [702], 'the leg\'s top lit')

package/test/browser/list-page.js

@@ -0,0 +1,35 @@
+/*
+ * The catalogue and the public figures, as the rail opens them (user 2026-10-19): the domain's own figures with the
+ * new-figure button and the draft · released choice, and other domains' public figures with neither. The server is a
+ * stand-in that answers each list with one card and says which list was asked for.
+ */
+import 'figure-ui-client/pages/figure-list-page.js'
+import 'figure-ui-client/pages/figure-public-list-page.js'
+import { client } from '@operato/graphql'
+
+const asked = []
+const card = { id: 'one', name: 'Mixer', type: 'mixer', namespace: 'acme.example', state: 'released', version: 1, public: true, tags: [] }
+client.query = async ({ query }) => {
+  const field = query.definitions.find(d => d.kind === 'OperationDefinition')?.selectionSet.selections[0]?.name.value
+  asked.push(field)
+  if (field === 'figures' || field === 'publicFigures')
+    return { data: { [field]: { items: [field === 'publicFigures' ? { ...card, domain: { id: 'd2', name: 'Other works', subdomain: 'other' } } : card], total: 1 } } }
+  /* No kept preferences: the page as it first opens. */
+  if (field === 'myPageAllPreferences') return { data: { myPageAllPreferences: [] } }
+  return { data: {} }
+}
+client.mutate = async () => ({ data: {} })
+
+window.harness = {
+  asked,
+  mount(tag) {
+    document.body.replaceChildren()
+    const page = document.createElement(tag)
+    page.style.cssText = 'display:block;height:800px'
+    /* What the shell gives a page it routes to: the page's name, read for its kept preferences. */
+    page.lifecycle = { page: tag === 'figure-public-list-page' ? 'figure-public-list' : 'figure-list' }
+    document.body.append(page)
+    page.active = true
+    return page.localName
+  }
+}

package/test/browser/list.check.mjs

@@ -0,0 +1,68 @@
+/*
+ * The rail's two lists (user 2026-10-19): the catalogue is where figures are made and changed, the public figures of
+ * other domains only looked at. Each is a screen of its own; the catalogue has no switch between them, and the public
+ * list offers no new figure and no draft · released choice.
+ *
+ * Run:  node --test test/browser/list.check.mjs
+ */
+import { test, describe, before, after } from 'node:test'
+import assert from 'node:assert/strict'
+
+import { buildPage } from './build.mjs'
+import { openPage } from './serve.mjs'
+
+const sleep = ms => new Promise(done => setTimeout(done, ms))
+
+let opened
+before(async () => {
+  opened = await openPage(await buildPage('list-page.js'), { width: 1400, height: 900 })
+})
+after(async () => {
+  await opened?.close()
+})
+
+const page = () => opened.page
+const read = (fn, ...args) => page().evaluate(fn, ...args)
+async function until(fn, what, ms = 15000) {
+  const deadline = Date.now() + ms
+  for (;;) {
+    if (await read(fn).catch(() => false)) return
+    if (Date.now() > deadline) assert.fail(`waited for ${what}`)
+    await sleep(50)
+  }
+}
+/* What a list page shows: its title, its FAB, the choices in its filter bar, a scope switch, and the list it asked for. */
+const look = () =>
+  read(() => {
+    const host = document.body.firstElementChild
+    const root = host.shadowRoot
+    const deep = (s, r = root, o = []) => {
+      o.push(...r.querySelectorAll(s))
+      for (const e of r.querySelectorAll('*')) if (e.shadowRoot) deep(s, e.shadowRoot, o)
+      return o
+    }
+    return {
+      title: host.context.title,
+      fab: !!root.querySelector('button[fab]'),
+      scopeSwitch: !!root.querySelector('button[scope]'),
+      stateChoice: deep('ox-input-select-buttons[name=state]').length,
+      asked: harness.asked.at(-1)
+    }
+  })
+
+describe('the rail\'s two lists', () => {
+  test('the catalogue: its own figures, the new-figure button and the draft · released choice, no switch to the public ones', async () => {
+    await read(() => harness.mount('figure-list-page'))
+    await until(() => harness.asked.includes('figures'), 'the own list asked for')
+    await until(() => !!document.body.firstElementChild.shadowRoot.querySelector('ox-grist'), 'the grid')
+    await sleep(500)
+    assert.deepEqual(await look(), { title: 'figure.title.figures', fab: true, scopeSwitch: false, stateChoice: 1, asked: 'figures' })
+  })
+
+  test('the public figures: other domains\' list, no new figure, no draft · released choice', async () => {
+    await read(() => harness.mount('figure-public-list-page'))
+    await until(() => harness.asked.includes('publicFigures'), 'the public list asked for')
+    await sleep(500)
+    assert.deepEqual(await look(), { title: 'figure.title.public-figures', fab: false, scopeSwitch: false, stateChoice: 0, asked: 'publicFigures' })
+  })
+})

package/test/browser/modeller-page.js

@@ -87,6 +87,20 @@ function deep(selector, root = document) {
 
 const editor = () => document.querySelector('figure-editor')
 const canvas = () => deep('figure-canvas')[0]
+/** The fastening window, wherever the editor draws it. */
+window.fastenDialog = () => deep('figure-fasten-dialog')[0] ?? null
+
+/*
+ * What the app's notification surface is handed (`notify`), in order. The page draws no snackbar, so a notice's button
+ * is pressed here, as the snackbar's would call it.
+ */
+const notices = []
+const pressable = []
+document.addEventListener('notify', e => {
+  notices.push(e.detail)
+  const action = e.detail?.option?.action
+  if (action?.callback) pressable.push(action.callback)
+})
 const three = () => canvas().scene.root._threeCapability
 const controls = () => three().gizmoManager.controls
 
@@ -218,10 +232,40 @@ window.probe = {
     const chip = deep('figure-fasten-dialog')[0]?.shadowRoot.querySelector('ox-input-select-buttons')?.shadowRoot?.querySelector(`md-filter-chip[data-value="${CSS.escape(part)}"]`)
     return chip ? centreOf(chip) : null
   },
-  /** The fastening window's popup, as the standard overlay holds it: its title, whether its head moves it, its backdrop. */
-  fastenPopup() {
-    const overlay = deep('figure-fasten-dialog')[0]?.closest('ox-floating-overlay')
-    return overlay ? { title: overlay.title, movable: overlay.movable, backdrop: !!overlay.backdrop, role: overlay.querySelector('figure-fasten-dialog').getAttribute('role') } : null
+  /**
+   * The fastening window as it stands: its title, its role, whether a popup or its backdrop is anywhere on the page, and
+   * how much of the canvas it covers (a share of the canvas's width).
+   */
+  fastenPanel() {
+    const dialog = deep('figure-fasten-dialog')[0]
+    const panel = dialog?.closest('[fasten-panel]')
+    if (!panel) return null
+    const p = panel.getBoundingClientRect(),
+      c = canvas().getBoundingClientRect()
+    const across = Math.max(0, Math.min(p.right, c.right) - Math.max(p.left, c.left))
+    return {
+      title: panel.querySelector('h3')?.textContent.trim(),
+      role: dialog.getAttribute('role'),
+      popup: deep('ox-floating-overlay').length > 0,
+      overCanvas: Math.round((across / c.width) * 100) / 100
+    }
+  },
+  /** What the notification surface was handed since the last call: its level, its words, its button's label. */
+  told() {
+    return notices.splice(0).map(n => ({ level: n.level, message: n.message, action: n.option?.action?.label ?? null }))
+  },
+  /** The button of the last notice that had one, pressed. */
+  pressNoticeButton() {
+    const last = [...pressable].pop()
+    if (!last) return false
+    last()
+    return true
+  },
+  /** The element that has the focus, through shadow roots: its tag and aria-label. */
+  focused() {
+    let at = document.activeElement
+    while (at?.shadowRoot?.activeElement) at = at.shadowRoot.activeElement
+    return at ? { tag: at.localName, label: at.getAttribute('aria-label') } : null
   },
   /** The page point of an input by its aria-label, or of the part name field. */
   nameField() {

package/test/browser/product-page.js

@@ -155,6 +155,12 @@ function shellMoves(move) {
   shellMoving = true
   try {
     move()
+    /*
+      The address layer adopts a raw History write the next time the address is read or written, and tells its
+      subscribers then (@operato/utils 10.29.43, \`adoptForeignWrite\`). Read it here, so the shell's own move is
+      adopted while it is still known as the shell's -- not at the product's next step, recorded as the product's.
+    */
+    void addressController().entry
   } finally {
     shellMoving = false
   }

package/test/browser/props.check.mjs

@@ -184,11 +184,11 @@ describe('a part\'s groups in one order, whatever its state', () => {
       })
     assert.deepEqual(await place(), { sentence: true, change: true, drawing: false, cells: false })
     await press('button[change-fastening]', '「바꾸기」')
-    await until(() => !!document.querySelector('figure-fasten-dialog'), [], 'the window')
+    await until(() => !!window.fastenDialog(), [], 'the window')
     assert.deepEqual(await place(), { sentence: true, change: true, drawing: false, cells: false }, 'the panel still says the result')
     /* Closed with nothing written; another part chosen and back: one line. */
     await page().keyboard.press('Escape')
-    await until(() => !document.querySelector('figure-fasten-dialog'), [], 'the window closed')
+    await until(() => !window.fastenDialog(), [], 'the window closed')
     await pick('bed')
     await pick('mark')
     assert.equal((await place()).change, true, 'said in one line again')

package/test/figure-released.test.ts

@@ -49,6 +49,6 @@ test("another domain's public figure: its card offers no delete and names its do
   assert.match(thumb, /badge=\$\{this\.readonly \? figure\.domain\?\.name/)
   for (const lang of ['en', 'ko', 'ja', 'zh', 'ms', 'es']) {
     const words = JSON.parse(read(`../translations/${lang}.json`))
-    for (const key of ['figure.label.public', 'figure.button.make-public', 'figure.button.make-private', 'figure.button.public-figures']) assert.ok(words[key], `${lang} ${key}`)
+    for (const key of ['figure.label.public', 'figure.button.make-public', 'figure.button.make-private', 'figure.title.public-figures']) assert.ok(words[key], `${lang} ${key}`)
   }
 })

package/things-factory.config.js

@@ -5,6 +5,7 @@ export default {
   route,
   routes: [
     { tagname: 'figure-list-page', page: 'figure-list' },
+    { tagname: 'figure-public-list-page', page: 'figure-public-list' },
     /* The shell builds the DOM from this table. */
     { tagname: 'figure-modeller-page', page: 'figure-modeller' }
   ],

package/translations/en.json

@@ -507,6 +507,7 @@
   "figure.text.what-a-figure-is": "a Figure is a 3D component you author. compose it from simple shapes and it becomes a component you can place on a drawing, sharing shape and material across every instance.",
   "figure.text.what-changed-in-this-release": "what changed in this release",
   "figure.title.figures": "figure catalog",
+  "figure.title.public-figures": "public figures",
   "figure.title.new-figure": "new figure",
   "figure.title.save-new-figure": "save figure draft",
   "figure.text.no-parts-yet": "No parts yet. Pick a shape above to place one.",
@@ -842,11 +843,9 @@
   "figure.text.held-on-part": "Attached by its {face} to the {otherFace} of {other}",
   "figure.button.open-fastening": "Open attachment settings",
   "figure.button.detach-held": "Detach",
-  "figure.text.gizmo-size-turned-fastening": "{part} is turned off its plane or attached twisted, so the face kept while dragging and the one kept when written would differ. Type the size in its field instead -- the placement's face (or {extreme}) stays where it is.",
-  "figure.label.kept-extreme-floor": "lowest point",
-  "figure.label.kept-extreme-ceiling": "highest point",
-  "figure.label.kept-extreme-wall": "backmost point",
-  "figure.label.kept-extreme-center": "centre",
+  "figure.text.gizmo-size-turned-fastening": "{part} is attached turned, so its size cannot be dragged.",
+  "figure.text.gizmo-size-tilted": "{part} is tilted, so its size cannot be dragged.",
+  "figure.button.to-size-fields": "Go to size",
   "figure.label.align-input": "Follows its field ({field})",
   "figure.label.tab-short-properties": "Properties",
   "figure.label.tab-short-capability": "Capability",
@@ -1207,7 +1206,6 @@
   "figure.label.public": "public",
   "figure.button.make-public": "make public",
   "figure.button.make-private": "make private",
-  "figure.button.public-figures": "public figures of other domains",
   "figure.text.category-choose": "choose a category",
   "figure.text.property-section-failed": "the section {section} could not be drawn: {reason}"
 }

package/translations/es.json

@@ -507,6 +507,7 @@
   "figure.text.what-a-figure-is": "una Figure es un componente 3D que usted crea. compóngala a partir de formas sencillas y se convierte en un componente que puede colocar en un plano, compartiendo forma y material entre todas las instancias.",
   "figure.text.what-changed-in-this-release": "qué cambió en esta publicación",
   "figure.title.figures": "catálogo de figuras",
+  "figure.title.public-figures": "figuras públicas",
   "figure.title.new-figure": "nueva figura",
   "figure.title.save-new-figure": "guardar borrador de figura",
   "figure.text.no-parts-yet": "Aún no hay piezas. Elija una forma arriba para colocar una.",
@@ -842,11 +843,9 @@
   "figure.text.held-on-part": "Unida por su {face} a {otherFace} de {other}",
   "figure.button.open-fastening": "Abrir la configuración de unión",
   "figure.button.detach-held": "Separar",
-  "figure.text.gizmo-size-turned-fastening": "{part} está girada fuera de su plano o unida con torsión, por lo que la cara que se mantiene al arrastrar y la que se mantiene al guardar serían distintas. Escriba el tamaño en su campo; la cara de la colocación (o {extreme}) se queda donde está.",
-  "figure.label.kept-extreme-floor": "punto más bajo",
-  "figure.label.kept-extreme-ceiling": "punto más alto",
-  "figure.label.kept-extreme-wall": "punto más trasero",
-  "figure.label.kept-extreme-center": "centro",
+  "figure.text.gizmo-size-turned-fastening": "{part} está unida girada, así que su tamaño no se puede arrastrar.",
+  "figure.text.gizmo-size-tilted": "{part} está inclinada, así que su tamaño no se puede arrastrar.",
+  "figure.button.to-size-fields": "Ir al tamaño",
   "figure.label.align-input": "Sigue su campo ({field})",
   "figure.label.tab-short-properties": "Propiedades",
   "figure.label.tab-short-capability": "Capacidad",
@@ -1207,7 +1206,6 @@
   "figure.label.public": "pública",
   "figure.button.make-public": "hacer pública",
   "figure.button.make-private": "dejar de publicar",
-  "figure.button.public-figures": "figuras públicas de otros dominios",
   "figure.text.category-choose": "elegir categoría",
   "figure.text.property-section-failed": "no se pudo dibujar la sección {section}: {reason}"
 }

package/translations/ja.json

@@ -507,6 +507,7 @@
   "figure.text.what-a-figure-is": "a Figure is a 3D component you author. Compose it from simple shapes and it becomes a component you can place on a drawing, sharing shape and material across every instance.",
   "figure.text.what-changed-in-this-release": "このバージョンで変わったこと",
   "figure.title.figures": "Figure カタログ",
+  "figure.title.public-figures": "公開 Figure",
   "figure.title.new-figure": "new figure",
   "figure.title.save-new-figure": "Figure の下書きを保存",
   "figure.text.no-parts-yet": "No parts yet. Pick a shape above to place one.",
@@ -842,11 +843,9 @@
   "figure.text.held-on-part": "{other}の{otherFace}に{face}で取り付け",
   "figure.button.open-fastening": "取り付け設定を開く",
   "figure.button.detach-held": "取り付けを外す",
-  "figure.text.gizmo-size-turned-fastening": "{part} は傾けて回転しているか、ひねって取り付けられているため、ドラッグ中に見える面と確定する面が異なります。ギズモではなくサイズ欄に数値を入力してください。配置が保つ面(または{extreme})はそのまま残ります。",
-  "figure.label.kept-extreme-floor": "最も低い点",
-  "figure.label.kept-extreme-ceiling": "最も高い点",
-  "figure.label.kept-extreme-wall": "最も奥の点",
-  "figure.label.kept-extreme-center": "中心",
+  "figure.text.gizmo-size-turned-fastening": "{part} は回して取り付けられているため、ドラッグでサイズを変えられません。",
+  "figure.text.gizmo-size-tilted": "{part} は傾いているため、ドラッグでサイズを変えられません。",
+  "figure.button.to-size-fields": "サイズ欄へ",
   "figure.label.align-input": "位置欄に従う ({field})",
   "figure.label.tab-short-properties": "属性",
   "figure.label.tab-short-capability": "能力",
@@ -1207,7 +1206,6 @@
   "figure.label.public": "公開",
   "figure.button.make-public": "公開する",
   "figure.button.make-private": "公開をやめる",
-  "figure.button.public-figures": "他ドメインの公開 Figure",
   "figure.text.category-choose": "分類を選ぶ",
   "figure.text.property-section-failed": "{section} の区画を描けませんでした: {reason}"
 }

package/translations/ko.json

@@ -507,6 +507,7 @@
   "figure.text.what-a-figure-is": "Figure 는 직접 저작한 3D 컴포넌트입니다. 단순한 도형을 조합해 만들면 도면에 배치할 수 있는 컴포넌트가 되고, 여러 개를 배치해도 형상과 재질을 공유합니다.",
   "figure.text.what-changed-in-this-release": "이번 버전에서 바뀐 것",
   "figure.title.figures": "Figure 카탈로그",
+  "figure.title.public-figures": "공개 Figure",
   "figure.title.new-figure": "새 Figure",
   "figure.title.save-new-figure": "Figure 초안 저장",
   "figure.text.no-parts-yet": "아직 부품이 없습니다. 위에서 도형을 선택하여 놓으세요.",
@@ -842,11 +843,9 @@
   "figure.text.held-on-part": "{other}의 {otherFace}에 {face}으로 붙어 있음",
   "figure.button.open-fastening": "붙임 설정 열기",
   "figure.button.detach-held": "붙임 풀기",
-  "figure.text.gizmo-size-turned-fastening": "{part} 부품은 회전하거나 비틀린 상태로 부착되어 드래그 중 표시되는 면과 최종 적용되는 면이 다릅니다. 크기 항목에 숫자를 직접 입력해 주세요. 배치 기준면(또는 {extreme})의 위치는 유지됩니다.",
-  "figure.label.kept-extreme-floor": "가장 낮은 점",
-  "figure.label.kept-extreme-ceiling": "가장 높은 점",
-  "figure.label.kept-extreme-wall": "가장 뒤쪽 점",
-  "figure.label.kept-extreme-center": "중심",
+  "figure.text.gizmo-size-turned-fastening": "{part} 부품은 돌려 붙어 있어 끌어서 크기를 바꿀 수 없습니다.",
+  "figure.text.gizmo-size-tilted": "{part} 부품은 기울어 있어 끌어서 크기를 바꿀 수 없습니다.",
+  "figure.button.to-size-fields": "크기 칸으로",
   "figure.label.align-input": "위치 칸을 따름 ({field})",
   "figure.label.tab-short-properties": "속성",
   "figure.label.tab-short-capability": "능력",
@@ -1207,7 +1206,6 @@
   "figure.label.public": "공개",
   "figure.button.make-public": "공개하기",
   "figure.button.make-private": "공개 끄기",
-  "figure.button.public-figures": "다른 도메인의 공개 Figure",
   "figure.text.category-choose": "분류 고르기",
   "figure.text.property-section-failed": "{section} 구역을 그리지 못했습니다: {reason}"
 }

package/translations/ms.json

@@ -507,6 +507,7 @@
   "figure.text.what-a-figure-is": "a Figure is a 3D component you author. Compose it from simple shapes and it becomes a component you can place on a drawing, sharing shape and material across every instance.",
   "figure.text.what-changed-in-this-release": "apa yang berubah dalam terbitan ini",
   "figure.title.figures": "katalog figure",
+  "figure.title.public-figures": "figure awam",
   "figure.title.new-figure": "new figure",
   "figure.title.save-new-figure": "simpan draf figure",
   "figure.text.no-parts-yet": "No parts yet. Pick a shape above to place one.",
@@ -842,11 +843,9 @@
   "figure.text.held-on-part": "Dilekatkan dengan {face} pada {otherFace} {other}",
   "figure.button.open-fastening": "Buka tetapan lekatan",
   "figure.button.detach-held": "Tanggalkan",
-  "figure.text.gizmo-size-turned-fastening": "{part} diputar condong atau dilekatkan dipulas, jadi muka yang dikekalkan semasa diseret dan semasa ditulis akan berbeza. Taip saiz dalam medannya -- muka letakan (atau {extreme}) kekal di tempatnya.",
-  "figure.label.kept-extreme-floor": "titik terendah",
-  "figure.label.kept-extreme-ceiling": "titik tertinggi",
-  "figure.label.kept-extreme-wall": "titik paling belakang",
-  "figure.label.kept-extreme-center": "tengah",
+  "figure.text.gizmo-size-turned-fastening": "{part} dilekatkan dalam keadaan berpusing, jadi saiznya tidak boleh diseret.",
+  "figure.text.gizmo-size-tilted": "{part} condong, jadi saiznya tidak boleh diseret.",
+  "figure.button.to-size-fields": "Ke medan saiz",
   "figure.label.align-input": "Mengikut medannya ({field})",
   "figure.label.tab-short-properties": "Sifat",
   "figure.label.tab-short-capability": "Keupayaan",
@@ -1207,7 +1206,6 @@
   "figure.label.public": "awam",
   "figure.button.make-public": "jadikan awam",
   "figure.button.make-private": "jadikan peribadi",
-  "figure.button.public-figures": "figure awam domain lain",
   "figure.text.category-choose": "pilih kategori",
   "figure.text.property-section-failed": "bahagian {section} tidak dapat dilukis: {reason}"
 }