@things-factory/figure-ui 10.1.146 → 10.1.149

package/test/browser/serve.mjs

@@ -31,19 +31,27 @@ export async function openPage(bundle, { width = 1400, height = 900 } = {}) {
     }
   })
   await new Promise(done => server.listen(0, done))
-  const browser = await puppeteer.launch({ headless: true, args: ['--no-sandbox'] })
-  const page = await browser.newPage()
-  await page.setViewport({ width, height })
-  const errors = []
-  page.on('pageerror', e => errors.push(String(e)))
-  await page.goto(`http://localhost:${server.address().port}/`)
-  await page.waitForFunction(() => !!window.harness, { timeout: 30000 })
-  return {
-    page,
-    errors,
-    async close() {
-      await browser.close()
+  let browser
+  async function close() {
+    try {
+      await browser?.close()
+    } finally {
       server.close()
     }
   }
+  /* A page that never comes up must not leave the browser and the server behind: the caller gets no handle to close,
+     and the test process would never end. */
+  try {
+    browser = await puppeteer.launch({ headless: true, args: ['--no-sandbox'] })
+    const page = await browser.newPage()
+    await page.setViewport({ width, height })
+    const errors = []
+    page.on('pageerror', e => errors.push(String(e)))
+    await page.goto(`http://localhost:${server.address().port}/`)
+    await page.waitForFunction(() => !!window.harness, { timeout: 30000 })
+    return { page, errors, close }
+  } catch (e) {
+    await close()
+    throw e
+  }
 }

package/test/carrier-declaration.test.ts

@@ -0,0 +1,69 @@
+/*
+ * The properties tab's carrier field (ADR-0123): what it sends as `set-carrier`, what it says when the kernel would
+ * refuse, and that the declaration is a step of the session's history -- undo takes it back, the save carries it.
+ */
+import { test } from 'node:test'
+import assert from 'node:assert/strict'
+import { addFigureBox, createFigureAsset, parseFigureAsset, serializeFigureAsset } from '@hatiolab/figure-model'
+
+import { carrierCommandOf, carrierDraftOf, draftIsDeclared, type CarrierDraft } from '../client/modeller/carrier-declaration.ts'
+import { createFigureProductSession } from '../client/modeller/product-session.ts'
+
+const say = (key: string, params: Record<string, string>) => `${key}${Object.keys(params).length ? ' ' + JSON.stringify(params) : ''}`
+const draft = (type: string, width = '1000', length = '600', height = '200'): CarrierDraft => ({ type, width, length, height })
+
+const source = serializeFigureAsset(addFigureBox(createFigureAsset('roll'), { id: 'body', size: { x: 100, y: 100, z: 100 }, position: { x: 0, y: 50, z: 0 } }))
+const store = {
+  load: async (id: string) => ({ id, source }),
+  save: async (q: { id?: string; source: string }) => ({ id: q.id ?? 'saved', source: q.source })
+}
+
+test('the field sends the code as the kernel stores it and the three lengths as numbers', () => {
+  assert.deepEqual(carrierCommandOf(draft('  foup '), say), {
+    action: { kind: 'set-carrier', carrier: { type: 'FOUP', dimensions: { width: 1000, length: 600, height: 200 } } }
+  })
+})
+
+test('a value the kernel refuses is said from its code and path, and nothing is sent', () => {
+  assert.deepEqual(carrierCommandOf(draft('   '), say), { refusal: 'figure.text.carrier-type-required' })
+  assert.deepEqual(carrierCommandOf(draft('X'.repeat(65)), say), { refusal: 'figure.text.carrier-type-too-long {"max":"64"}' })
+  assert.deepEqual(carrierCommandOf(draft('FOUP', '1000', ''), say), {
+    refusal: 'figure.text.carrier-length-positive {"axis":"figure.label.carrier-length"}'
+  })
+  assert.deepEqual(carrierCommandOf(draft('FOUP', '1000', '600', '-5'), say), {
+    refusal: 'figure.text.carrier-length-positive {"axis":"figure.label.carrier-height"}'
+  })
+  assert.deepEqual(carrierCommandOf(draft('FOUP', '0'), say), {
+    refusal: 'figure.text.carrier-length-positive {"axis":"figure.label.carrier-width"}'
+  })
+})
+
+test('the field reads a declaration back, and what is declared already has nothing to send', () => {
+  const declared = { type: 'FOUP', dimensions: { width: 1000, length: 600, height: 200 } }
+  assert.deepEqual(carrierDraftOf(declared), draft('FOUP'))
+  assert.deepEqual(carrierDraftOf(), draft('', '', '', ''))
+  assert.equal(draftIsDeclared(draft('foup ', '1000.0'), declared), true)
+  assert.equal(draftIsDeclared(draft('FOUP', '1001'), declared), false)
+  assert.equal(draftIsDeclared(draft('', '', '', ''), undefined), true)
+  assert.equal(draftIsDeclared(draft('FOUP'), undefined), false)
+})
+
+test('declaring and clearing are steps of the history: undo takes each back and the save carries the declaration', async () => {
+  const session = createFigureProductSession(store)
+  await session.open('A')
+  const made = carrierCommandOf(draft('foup'), say)
+  assert.ok('action' in made)
+
+  session.command(made.action)
+  const declared = { type: 'FOUP', dimensions: { width: 1000, length: 600, height: 200 } }
+  assert.deepEqual(session.revisionNow()?.asset.carrier, declared)
+  assert.deepEqual(parseFigureAsset(session.source()).carrier, declared)
+
+  session.command({ kind: 'set-carrier', carrier: null })
+  assert.equal(session.revisionNow()?.asset.carrier, undefined)
+
+  session.undo()
+  assert.deepEqual(session.revisionNow()?.asset.carrier, declared, 'undoing the clear brings the declaration back')
+  session.undo()
+  assert.equal(session.revisionNow()?.asset.carrier, undefined, 'undoing the declaration leaves the figure no carrier')
+})

package/test/cavity-drawing.test.ts

@@ -1,8 +1,8 @@
 /*
  * **속 공간 그림** (사용자 2026-10-01: 「속공간 만들기도 시각적으로 편집할 수 있도록」).
  *
- * 벽 손잡이를 끄는 것, 끝을 눌러 여닫는 것이 figure-model 의 set-cavity 한 명령으로 받아들여지는지, 커널이 거절할 모양은
- * 보내지 않고 그 까닭을 말하는지, 끄는 동안은 미리보기만 하고 놓을 때 한 번 보내는지를 잰다.
+ * 벽 손잡이를 끄는 것, 끝을 눌러 여닫는 것이 figure-model 의 set-cavity 한 명령으로 받아들여지는지, 커널이 거절할 모양을
+ * 알아보는지를 잰다. 끄는 동안은 미리보기만 하고 놓을 때 한 번 보내는지는 브라우저 점검(test/browser/section.check.mjs)이 잰다.
  */
 import { test } from 'node:test'
 import assert from 'node:assert/strict'
@@ -15,9 +15,6 @@ import type { FigureAsset, FigureEvaluatedShape } from '@hatiolab/figure-model'
 import { cavityRefusalOf, cavityResultOf, cavityWorkingOf, endToggled, wallDragged } from '../client/modeller/section-controls.ts'
 
 const read = (path: string) => readFileSync(fileURLToPath(new URL(path, import.meta.url)), 'utf8')
-const has = (source: string, re: RegExp, message?: string) => assert.ok(re.test(source), message ?? `missing: ${re}`)
-const drawing = read('../client/modeller/figure-cavity-drawing.ts')
-const panel = read('../client/modeller/figure-section-panel.ts')
 
 const tote = (): FigureAsset => {
   const box = addFigureBox(createFigureAsset('Tote'), { id: 'bin', size: { x: 600, y: 300, z: 400 }, position: { x: 0, y: 150, z: 0 } })
@@ -55,24 +52,11 @@ test('커널이 거절할 모양은 보내지 않고 까닭을 말한다 — 끄
   const w = cavityWorkingOf(s)!
   assert.equal(cavityRefusalOf(s, { ...w, wall: wallDragged(w.wall, 'x-', 250, false) })?.code, 'wall-too-thick')
   assert.equal(cavityRefusalOf(s, { ...w, start: { closed: 200 }, end: { closed: 150 } })?.code, 'ends-too-thick')
-  has(drawing, /this\.emit\('command-live', this\.refusal \? null : this\.action\(w\)\)/, 'a refused shape is not previewed')
-  has(drawing, /if \(this\.refusal\) \{\s*this\.emit\('command-live', null\)\s*return\s*\}\s*this\.emit\('command', this\.action\(w\)\)/, 'let go: one command, or nothing -- and the reason stays said')
-  has(drawing, /this\.refusal = this\.judge\(next\)\s*if \(!this\.refusal\) this\.emit\('command', this\.action\(next\)\)/, 'a press toggles by one command')
 })
 
 test('단면 칸에 그림이 들어간다: 속 공간이 있을 때, 면마다 벽 토글을 따른다', () => {
-  has(panel, /\? html`<figure-cavity-drawing \.body=\$\{body\} \.perSide=\$\{this\.perSide\} \?locked=\$\{this\.locked\}><\/figure-cavity-drawing>/)
-  /* The number fields under the drawing went: a wall's number or a closed end's is pressed and typed in the drawing. */
-  assert.ok(!panel.includes("cavityField(") && !panel.includes('renderEnd('), 'no number fields repeating the drawing')
-  has(drawing, /@pointerdown=\$\{\(ev: PointerEvent\) => this\.type\(ev, \{ kind: 'wall', side \}, 'top', w\.wall\[side\]!\)\}/)
-  has(drawing, /!open && this\.type\(ev, \{ kind: 'end', end \}, 'side'/)
   for (const lang of ['ko', 'en', 'ja', 'zh', 'ms', 'es']) {
     const t = JSON.parse(read(`../translations/${lang}.json`)) as Record<string, string>
     for (const key of ['figure.label.section-cavity-top', 'figure.label.section-cavity-side']) assert.ok(t[key], `${lang} ${key}`)
   }
 })
-
-test('맞은편 벽의 숫자와 손잡이가 겹치지 않는다: 숫자는 단면 바깥, 좁은 속에서는 손잡이가 비킨다', () => {
-  has(drawing, /const tx = a === h \? ox \+ sign \* \(half\[a\] \+ 5\) : ox,\s*ty = a === v \? oy \+ sign \* \(half\[a\] \+ \(low \? 5 : 13\)\) : oy \+ 4/, 'past the outer edge on its own side')
-  has(drawing, /const aside = room < 16 \? sign \* 9 : 0/, 'two handles close together step apart')
-})

package/test/clip-ai-proposal.test.ts

@@ -64,8 +64,6 @@ test('a proposal that stops no clip keeps every clip', async () => {
 })
 
 test('the AI never agrees for the person: no consent on any proposal path, and none carried in a step', async () => {
-  for (const file of ['../client/modeller/ai-proposal.ts', '../client/pages/figure-modeller-page.ts'])
-    assert.ok(!/withConsent|dropClips/.test(read(file)), `${file} gives no consent`)
   /* Consent written into the steps or beside them by the model is not consent: the proposal is still refused. */
   const s = createFigureProductSession(store)
   await s.open('door')
@@ -76,8 +74,7 @@ test('the AI never agrees for the person: no consent on any proposal path, and n
   assert.equal(out.verdict, 'refused')
   assert.equal(out.errorCode, 'CLIPS_DROPPED', 'refused for the clip it would stop: the consent it carries is read as nothing')
   assert.deepEqual(clipsOf(s), ['swing'])
-  const page = read('../client/pages/figure-modeller-page.ts')
-  assert.ok(page.includes('if (takeFigureOffer(this.session, detail, {'), 'the page takes an offer by the handler tested here')
+  /* The page takes an offer by this same handler: product-page.check.mjs sends it one that would stop a clip. */
 })
 
 /* Designer 2026-09-27: not calling it is not forbidding it -- an AI proposal made inside a person's consent, still refused. */
@@ -100,5 +97,4 @@ test('an AI proposal made while a person\'s consent is held is refused; clips, f
   assert.equal(s.read().revision, revision)
   assert.equal(s.read().dirty, false)
   assert.deepEqual(clipsOf(s), ['swing'])
-  assert.ok(!/origin: 'ai'[^\n]*consented\(\)/.test(read('../client/modeller/product-session.ts')), 'the AI path passes no consent')
 })

package/test/clip-consent.test.ts

@@ -75,11 +75,6 @@ test('a consent is used by one edit only, on the version and figure it was given
 })
 
 test('the modeller asks on every path an edit can stop a clip, in every language', () => {
-  const editor = read('../client/modeller/editor.ts')
-  for (const path of ['() => this.run(action)', '() => this.linkCommand(action, from)', '() => this.removePart(id, refitRoom)'])
-    assert.ok(editor.includes(`if (this.askClipLoss(error, ${path})) return`), path)
-  assert.ok(editor.includes('if (!now || now.context !== asked.context || now.revision !== asked.revision) {'), 'what was asked about is checked after the answer')
-  assert.ok(editor.includes('asked.session.withConsent({ dropClips: clips.map(c => c.id), context: asked.context, revision: asked.revision }, again)'))
   for (const lang of ['en', 'ja', 'ko', 'ms', 'zh', 'es']) {
     const t = JSON.parse(read(`../translations/${lang}.json`))
     for (const key of ['figure.text.clips-would-go', 'figure.text.clip-gone', 'figure.text.clip-changed', 'figure.button.let-clips-go', 'figure.text.clips-consent-stale']) assert.ok(t[key], `${lang} ${key}`)

package/test/clips.test.ts

@@ -55,14 +55,7 @@ test('키를 그 순간에 더하고 빼며, 쓰면 figure-model 이 받는다
 })
 
 test('움직임 탭에 서고, 막대는 입력 한 묶음 · 나머지는 부품 편집으로 편집기에 닿는다', () => {
-  const editor = read('../client/modeller/editor.ts')
-  const start = editor.indexOf('<figure-clips')
-  const block = editor.slice(start, editor.indexOf('</figure-clips>', start))
-  assert.ok(start >= 0)
-  assert.ok(block.includes('@states=${(e: CustomEvent) => this.run(() => this.session!.apply(e.detail.changes))}'))
-  assert.ok(block.includes('@part-edit=${(e: CustomEvent) => this.run(() => this.session!.edit(e.detail.edit))}'))
   const clips = read('../client/modeller/figure-clips.ts')
-  assert.ok(clips.includes("@change=${(e: Event) => this.scrub(clip, number(e))}"), '막대는 놓을 때 한 번')
   const keys = [...clips.matchAll(/'(figure\.[a-z.-]*[a-z])'/g)].map(m => m[1])
   for (const lang of ['ko', 'en', 'ja', 'zh', 'ms', 'es']) {
     const table = JSON.parse(read(`../translations/${lang}.json`))

package/test/command-preview.test.ts

@@ -75,25 +75,7 @@ test('the face it would meet is lit where attaching reads it, just off the face'
   assert.equal(faceHighlightOf(undefined), null)
 })
 
-test('the editor shows it only for the figure, version and part it was worked out for, and clears it when the form lets go', () => {
-  const editor = read('../client/modeller/editor.ts')
-  assert.ok(editor.includes('if (!p || !view || p.context !== view.context || p.revision !== view.revision || p.part !== this.selected || this.middle !== \'edit\' || this.tab !== \'properties\') return undefined'))
-  assert.ok(editor.includes('this.preview = { ...held, refused: this.said(error) }'), 'refused: no earlier result stays')
-  assert.ok(editor.includes('.ghost=${this.previewShown().ghost}') && editor.includes('.highlight=${this.previewShown().highlight}'))
-  const links = read('../client/modeller/figure-links.ts')
-  assert.ok(links.includes("this.dispatchEvent(new CustomEvent('preview-command', { detail: this.candidate ?? null, bubbles: true, composed: true }))"))
-  assert.ok(links.includes("if (this.told && this.told !== 'null') this.dispatchEvent(new CustomEvent('preview-command', { detail: null, bubbles: true, composed: true }))"), 'leaving the panel clears it')
-  assert.ok(links.includes("if (this.section !== 'shape' && !this.told) return"), 'the sections without the form do not clear it')
-  assert.ok(links.includes('<button act ?disabled=${this.locked || !action} @click=${() => action && this.command(action)}>'), 'the button applies the command the preview showed')
-})
-
 test('the details fold, and what they hold that is not the default stays said -- nothing for the default', () => {
-  const links = read('../client/modeller/figure-links.ts')
-  assert.ok(links.includes('<details fasten-detail>'))
-  assert.ok(links.includes("${detail.length ? html` · <span fasten-summary>${detail.join(' · ')}</span>` : nothing}"))
-  /* The way and the place on the face are the drawing's: not said again in the summary, nor chosen again in the details. */
-  assert.ok(!links.includes('fasten-summary-edge') && !links.includes('fasten-summary-off-centre') && !links.includes("'figure.label.facing-flush'"))
-  assert.ok(links.includes('({ axis }) => !view || !view.axes.includes(axis) || !!f.alignInput?.[axis] || hasInstanceSize(asset, axis)'), 'a row only where the drawing cannot set it')
   for (const lang of ['en', 'ja', 'ko', 'ms', 'zh', 'es']) {
     const t = JSON.parse(read(`../translations/${lang}.json`))
     for (const key of ['preview-refused', 'preview-stays', 'preview-moves', 'preview-turns-named', 'preview-turns-slanted', 'preview-carries', 'preview-copies', 'preview-clips', 'preview-face-unknown', 'target-would-loop', 'fasten-summary-gap', 'fasten-summary-twist'])
@@ -102,15 +84,6 @@ test('the details fold, and what they hold that is not the default stays said --
   }
 })
 
-/* ADR-0097 §5.5 (Q2): the list stays flat; a part says what it is fastened to, beside its name. */
-test('the part list names what each part is fastened to, without reordering or nesting it', () => {
-  const editor = read('../client/modeller/editor.ts')
-  assert.ok(editor.includes("'plane' in j.body0 ? i18next.t('figure.label.mounting-plane') : `${partLabelOf(j.body0.part)} · ${i18next.t(endPlaceKeyOf(j.body0))}`"))
-  assert.ok(editor.includes('...(fastened.has(id) ? { fastenedTo: fastened.get(id)! } : {})'))
-  const parts = read('../client/modeller/figure-parts.ts')
-  assert.ok(parts.includes('<small fastened-to title=${i18next.t(\'figure.label.fastened-to\')}>${part.fastenedTo}</small>'))
-})
-
 /* Detaching is seen before it is done: "it stays where it is" only when the copy shows it does. */
 test('detaching says what it would do: stays, what stays fastened to it, the clips it would stop', async () => {
   const s = createFigureProductSession(store)
@@ -118,25 +91,12 @@ test('detaching says what it would do: stays, what stays fastened to it, the cli
   const seen = s.previewCommand({ kind: 'detach', part: 'lamp' } as never)
   assert.equal(seen.moves.length, 0, 'the lamp stays where it stands')
   assert.equal(s.read().revision, 0)
-  const editor = read('../client/modeller/editor.ts')
-  assert.ok(editor.includes("const own = seen.moves.some(m => m.body === part)"))
-  /* Staying where it is is as expected: nothing is said then (user 2026-10-01); a move, a child kept, a clip lost are. */
-  assert.ok(editor.includes(': /* It stays where it is: as expected, so nothing is said (user 2026-10-01). */ []'), 'nothing said when it stays')
-  const links = read('../client/modeller/figure-links.ts')
-  assert.equal(links.match(/\$\{this\.renderDetachWords\(\)\}/g)?.length, 3, 'beside every button that detaches (a part at an origin has its own)')
   for (const lang of ['en', 'ja', 'ko', 'ms', 'zh', 'es']) {
     const t = JSON.parse(read(`../translations/${lang}.json`))
     for (const key of ['detach-moves', 'detach-keeps-children', 'detach-clips', 'detach-refused']) assert.ok(t[`figure.text.${key}`], `${lang} ${key}`)
   }
 })
 
-/* A panel made with a part already chosen loads that part's fastening: "editing the fastening it has" over an empty target was wrong. */
-test('the fastening form opens on the part\'s own fastening however the panel came to be', () => {
-  const links = read('../client/modeller/figure-links.ts')
-  assert.ok(links.includes('if (this.asset && this.partId && this.partId !== this.loadedFor) {'))
-  assert.ok(!links.includes("changed.get('partId') !== undefined"), 'not only when the part changes after the panel was made')
-})
-
 /* ADR-0097 §5.5: a row is said as what it makes, read as drawn; where it cannot be made, why. */
 test('a row is seen before it is made, read as figure-model draws it -- and said where it cannot be made', async () => {
   const { rowWordsOf } = await import('../client/modeller/command-preview.js')
@@ -155,15 +115,6 @@ test('a row is seen before it is made, read as figure-model draws it -- and said
   /* A set count is spread over the length: said as drawn, 970 apart, nothing left at the ends. */
   const three = figureRowOf(applyFigureAuthoring(a, { kind: 'make-repeat', part: 'roller', axis: 'x', pitch: 1, count: 3 }), 'roller')
   assert.deepEqual(rowWordsOf(three, say), ['roller 3개 · X 방향 · pitch 970 mm (중심 간격)', '가운데 정렬 · 양 끝에 0 mm씩 남음'])
-  const links = read('../client/modeller/figure-links.ts')
-  assert.ok(links.includes("<p hint row-blocked>${i18next.t(`figure.text.row-blocked-${blocked ?? 'unfastened'}`, { part: this.partId })}</p>"), 'not hidden: why')
-  /* Folded, its head the section's: opened, it says why; open by itself only while it is worked. */
-  assert.ok(links.includes("const head = html`<summary><h3>${i18next.t('figure.label.repeat')}</h3></summary>`"))
-  assert.ok(links.includes("<section row><details row-fold>") && links.includes("<details row-fold ?open=${this.working === 'row'}>"))
-  assert.ok(links.includes("this.candidate = this.working === 'row' && this.rowCandidate ? { action: this.rowCandidate } : this.fastenCandidate"), 'the form being worked on is the one seen')
-  const editor = read('../client/modeller/editor.ts')
-  assert.ok(editor.includes("const row = candidate.action.kind === 'make-repeat' ? figureRowOf(seen.asset, this.selected, this.shown()!.inputs) : undefined"))
-  assert.ok(editor.includes('<ul row-reading>${rowWordsOf(this.rowNow(shown)'), 'a row made says the same, as it stands')
   for (const lang of ['en', 'ja', 'ko', 'ms', 'zh', 'es']) {
     const t = JSON.parse(read(`../translations/${lang}.json`))
     for (const key of ['row-count-pitch', 'row-count-uneven', 'row-ends-centred', 'row-ends', 'row-ends-unknown', 'row-companions', 'row-count-spreads', 'row-blocked-unfastened', 'row-blocked-on-plane', 'row-blocked-holds-parts'])
@@ -197,8 +148,6 @@ test('a published pitch typed into its field is one edit, undone once', async ()
   s.undo()
   assert.equal(count(), 10, 'one undo, and it is back')
   assert.equal(s.read().fields.find(f => f.id === 'pitch')?.value, 200)
-  const editor = read('../client/modeller/editor.ts')
-  assert.ok(editor.includes("this.run(() => this.session!.apply([{ kind: 'set-design', input: from, unit: 'mm', value: pitch }]))"), 'the field sends one change, on change -- not per key')
 })
 
 /* ADR-0097 §5.5: a motion is named by its parts, and where it takes the part is drawn at both ends of its range. */
@@ -222,24 +171,12 @@ test('a motion is named by its parts, and drawn at both ends of its range -- onl
   const slide = motionEndsOf(held, 'gate')!
   const line = slide.ghost.find(g => g.id === '__target-face:slide')!
   assert.equal(Math.round((line.shape as unknown as { extrusion: { section: { size: { x: number } } } }).extrusion.section.size.x), 300, 'the line it travels, its whole stroke')
-  const editor = read('../client/modeller/editor.ts')
-  assert.ok(editor.includes("if (!p && this.tab === 'motion' && this.middle === 'edit') return { ghost: this.motionEnds()?.ghost ?? [], highlight: null }"))
-  const links = read('../client/modeller/figure-links.ts')
-  assert.ok(links.includes("i18next.t('figure.text.motion-summary', {"))
-  assert.ok(links.includes("new CustomEvent('go-fasten', { bubbles: true, composed: true })"), 'a part fastened to nothing is taken to fastening')
   assert.equal(say('figure.text.motion-summary', { part: 'leaf', against: 'frame', kind: '회전', axis: 'Y' }), 'leaf · frame 기준 · Y축 회전')
   assert.match(say('figure.text.motion-ends-shown', { min: '0', max: '90', unit: 'deg' }), /그 사이는 확인하지 않습니다/)
 })
 
 /* ADR-0097 §5.5, Q3: past the face's edge is said beside the fastening, with the way to change it; nothing moves. */
 test('past the edge of its face is said beside the fastening, with the way to change alignment and gap', () => {
-  const editor = read('../client/modeller/editor.ts')
-  assert.ok(editor.includes("if (own?.state === 'out') words.push(say('figure.text.overhang-out', { ...where(own), sides: sides(own) }))"))
-  assert.ok(editor.includes("else if (own?.state === 'possible') words.push(say('figure.text.overhang-possible', where(own)))"))
-  assert.ok(editor.includes("else if (own?.state === 'unknown') words.push(say('figure.text.overhang-unknown', where(own)))"))
-  const links = read('../client/modeller/figure-links.ts')
-  assert.ok(links.includes("<button act @click=${() => this.showWhere()}><md-icon>tune</md-icon>${i18next.t('figure.button.fix-alignment')}</button>"))
-  assert.ok(links.includes("shadowRoot?.querySelector<HTMLElement>('div[where]')"), 'to the face in the drawing, where the place is dragged or keyed')
   assert.equal(say('figure.text.overhang-out', { on: 'top', face: '윗면', sides: say('figure.text.overhang-side-high', { axis: 'X', mm: '100' }) }), 'top의 윗면 가장자리 밖으로 나와 있습니다: X 높은 쪽 100 mm. 모델의 점유 공간과는 따로 봅니다.')
   for (const lang of ['en', 'ja', 'ko', 'ms', 'zh', 'es']) {
     const t = JSON.parse(read(`../translations/${lang}.json`))
@@ -284,11 +221,6 @@ test('a moving part is made into a row, and a row given or relieved of a motion
 
 /* Designer 2026-09-27: wider than its face is not hidden -- a fact in the relation's details, off to one side said. */
 test('a part wider than its face is said in the relation, with its numbers and whether it sits to one side', () => {
-  const editor = read('../client/modeller/editor.ts')
-  assert.ok(editor.includes("if (own?.state === 'larger') {"))
-  assert.ok(editor.includes("if (own.lopsided.length) note.push(say('figure.text.overhang-lopsided'"))
-  const links = read('../client/modeller/figure-links.ts')
-  assert.ok(links.includes("${this.overhangNote.length ? html`<p hint overhang-note>${this.overhangNote.join(' ')}</p>` : nothing}"), 'in the details, not the warning')
   assert.equal(say('figure.text.overhang-larger', { on: 'leg', face: '윗면', sides: 'X 낮은 쪽 270 mm, X 높은 쪽 870 mm' }), 'leg의 윗면보다 넓어 가장자리 밖으로 나와 있습니다: X 낮은 쪽 270 mm, X 높은 쪽 870 mm.')
   for (const lang of ['en', 'ja', 'ko', 'ms', 'zh', 'es']) {
     const t = JSON.parse(read(`../translations/${lang}.json`))

package/test/controls.test.ts

@@ -51,16 +51,7 @@ test('지금 자세를 기본으로 — 보고 있는 자세가 시작 자세와
 })
 
 test('편집기에 닿는다 — 값 바꾸기는 입력으로, 이름 · 범위 · 시간 · 기본 자세는 부품 편집으로', () => {
-  const editor = read('../client/modeller/editor.ts')
-  const start = editor.indexOf('<figure-controls')
-  const block = editor.slice(start, editor.indexOf('</figure-controls>', start))
-  assert.ok(start >= 0)
-  assert.ok(block.includes("@state=${(e: CustomEvent) => this.run(() => this.session!.apply([{ kind: 'set-state'"))
-  assert.ok(block.includes('@part-edit=${(e: CustomEvent) => this.run(() => this.session!.edit(e.detail.edit))}'))
-  assert.ok(editor.includes("const design = view.fields.filter(i => i.role !== 'state')"), '조작값은 설계 값 칸에 두 번 나오지 않는다')
-
   const controls = read('../client/modeller/figure-controls.ts')
-  assert.ok(controls.includes("@change=${(e: Event) => this.try(c, number(e))}"), '슬라이더는 놓을 때 한 번 — 끄는 동안 기록이 쌓이지 않는다')
   const keys = [...controls.matchAll(/'(figure\.[a-z.-]*[a-z])'/g)].map(m => m[1])
   for (const lang of ['ko', 'en', 'ja', 'zh', 'ms', 'es']) {
     const table = JSON.parse(read(`../translations/${lang}.json`))

package/test/detail-dock.test.ts

@@ -1,31 +1,12 @@
 import { test } from 'node:test'
 import assert from 'node:assert/strict'
-import { readFileSync } from 'node:fs'
-import { fileURLToPath } from 'node:url'
 
-const dock = readFileSync(fileURLToPath(new URL('../client/viewparts/figure-detail-dock.ts', import.meta.url)), 'utf8')
-
-test('opening the editor from a catalogue preview closes the preview first', () => {
-  const footer = dock.slice(dock.indexOf('<footer>'), dock.indexOf('</footer>'))
-  const hide = footer.indexOf('hideDetail()')
-  const go = footer.indexOf('navigate(modellerPathOf(saved))')
-  assert.ok(go > 0, 'the edit button opens the modeller')
-  assert.ok(hide > 0 && hide < go, 'the edit button hides the preview before it navigates')
-})
-
-test('the preview scrolls with the shared scrollbar styles', () => {
-  assert.match(dock, /import \{ ScrollbarStyles \} from '@operato\/styles'/)
-  assert.match(dock, /static styles = \[ScrollbarStyles, css`/)
-})
+import { leftOpeningPage } from '../client/viewparts/detail-route.ts'
 
+/* The dock itself -- closed before the modeller opens, closed on leaving the catalogue -- is checked in product-page.check.mjs. */
 test('leaving the catalogue by any route closes the preview', () => {
-  const open = dock.slice(dock.indexOf('export function openFigureDetail'))
-  assert.ok(open.includes('openedOn = (store.getState() as { route?: { page?: string } }).route?.page'), 'opening remembers the page')
-  assert.ok(dock.includes('leftOpeningPage(openedOn, state.route?.page))) hideDetail()'), 'a route change away from it hides the preview')
-  const body = dock.slice(dock.indexOf('export function leftOpeningPage'))
-  const left = new Function('opened', 'current', body.slice(body.indexOf('{') + 1, body.indexOf('\n}')))
-  assert.equal(left('figure-list', 'figure-list'), false)
-  assert.equal(left('figure-list', 'figure-modeller'), true)
-  assert.equal(left('figure-list', 'board-list'), true)
-  assert.equal(left(undefined, 'figure-modeller'), false)
+  assert.equal(leftOpeningPage('figure-list', 'figure-list'), false)
+  assert.equal(leftOpeningPage('figure-list', 'figure-modeller'), true)
+  assert.equal(leftOpeningPage('figure-list', 'board-list'), true)
+  assert.equal(leftOpeningPage(undefined, 'figure-modeller'), false)
 })

package/test/face-mapping.test.ts

@@ -3,20 +3,16 @@
  * 관계에만 · 편집한 그 자리에서 묻는다).
  *
  * 커널 거절이 실어 온 것으로 줄을 짓고, 다 고른 뒤에만 remap 을 내며, 그 remap 을 붙인 같은 명령을 커널이 받는지 잰다.
- * 편집기·단면 편집 창·단면 칸이 거절을 그 자리에 붙들어 두는지는 소스로 잰다.
+ * 편집기·단면 편집 창·단면 칸이 거절을 그 자리에 붙들어 두는지는 브라우저 점검(test/browser/section.check.mjs)이 잰다.
  */
 import { test } from 'node:test'
 import assert from 'node:assert/strict'
-import { readFileSync } from 'node:fs'
-import { fileURLToPath } from 'node:url'
 
 import { addFigureBox, applyFigureAuthoring, createFigureAsset } from '@hatiolab/figure-model'
 import type { FigureAsset, FigureFaceMappingNeed } from '@hatiolab/figure-model'
 
 import { DETACH, faceMappingRowsOf, remapOf, rowKey } from '../client/modeller/face-mapping.ts'
 
-const read = (path: string) => readFileSync(fileURLToPath(new URL(path, import.meta.url)), 'utf8')
-const has = (source: string, re: RegExp, message?: string) => assert.ok(re.test(source), message ?? `missing: ${re}`)
 
 /** A tote with a floor inside and a divider standing on it. */
 function tote(): FigureAsset {
@@ -63,18 +59,3 @@ test('nothing goes until every row is chosen, and the chosen remap is what the k
   const freed = applyFigureAuthoring(asset, { ...open, remap: remapOf(rows, { [rowKey(rows[0]!)]: DETACH })! })
   assert.ok(!(freed.joints ?? []).some(j => j.id === 'divider'))
 })
-
-test('the choice is asked where the edit was made, and the same edit goes again with it', () => {
-  const editor = read('../client/modeller/editor.ts')
-  const sectionEditor = read('../client/modeller/figure-section-editor.ts')
-  const panel = read('../client/modeller/figure-section-panel.ts')
-  const mapping = read('../client/modeller/figure-face-mapping.ts')
-  has(editor, /code === 'FEATURE_MAPPING_REQUIRED' && need\?\.lost\?\.length\) \{\s*this\.faceMapping = \{ action, need, from \}/, 'the refusal is held, not only said')
-  has(editor, /linkCommand\(\{ \.\.\.held\.action, remap \}/, 'the same edit, with where things go')
-  has(editor, /if \(!this\.linkCommand\(e\.detail\.action, 'section-editor'\)\) e\.detail\.held = true/, 'the section editor stays open while held')
-  has(editor, /this\.selected = id \? ownerOf\(id\) : id\s*this\.faceMapping = undefined/, 'another part chosen lets the held edit go')
-  has(sectionEditor, /if \(!detail\.held\) this\.close\(\)/)
-  has(sectionEditor, /this\.faceMapping \? html`<figure-face-mapping/)
-  has(panel, /this\.faceMapping \? html`<figure-face-mapping/)
-  has(mapping, /\?disabled=\$\{!remap\}/, 'apply is off until every row is chosen')
-})

package/test/fasten-drawing.test.ts

@@ -10,32 +10,9 @@ import { readFileSync } from 'node:fs'
 import { fileURLToPath } from 'node:url'
 
 const read = (path: string) => readFileSync(fileURLToPath(new URL(path, import.meta.url)), 'utf8')
-const has = (source: string, re: RegExp, message?: string) => assert.ok(re.test(source), message ?? `missing: ${re}`)
-const form = read('../client/modeller/figure-links.ts')
-const drawing = read('../client/modeller/figure-fasten-drawing.ts')
 const ko = JSON.parse(read('../translations/ko.json')) as Record<string, string>
 const say = (key: string, params: Record<string, string>) => Object.entries(params).reduce((s, [k, v]) => s.replace(`{${k}}`, v), ko[key] ?? key)
 
-test('부품의 면·맞닿기 고르기 칸이 없고, 그 자리에 그림이 있다', () => {
-  assert.ok(!form.includes("i18next.t('figure.label.my-face')"), 'no list of the part\'s own faces')
-  assert.ok(!form.includes("i18next.t('figure.label.facing')"), 'no facing list')
-  has(form, /<figure-fasten-drawing[\s\S]*?\.modes=\$\{f\.toPlane \? \(\['meet'\] as FastenMode\[\]\)/, 'the plane is set on only')
-  has(form, /turnsInPlace\(asset, this\.partId\) \? \(\['centre'\] as FastenMode\[\]\) : \[\]/, 'centre on it only for a part that turns')
-  has(form, /const derived = f\.toPlane \|\| f\.target \? myFaceFor\(this\.revision!, this\.partId, aim, mode\) : undefined/, 'the part\'s face follows the target and how')
-})
-
-test('상대 목록에 배치 기준의 면이 이름으로 있다: 바닥 · 천장 · 벽 · 중심', () => {
-  has(form, /const planeWord = i18next\.t\('figure\.label\.resize-place-' \+ \(asset\.placement \?\? 'floor'\)\)/)
-  has(form, /<option value=\$\{PLANE\} \?selected=\$\{f\.toPlane\}>\$\{planeWord\}<\/option>/)
-})
-
-test('놓으면: 이미 붙은 부품은 한 번 고쳐지고, 새 부품은 붙이기를 기다린다', () => {
-  has(form, /private async onFastenRelease\(held: boolean\) \{\s*if \(!held\) return\s*await this\.updateComplete\s*if \(this\.fastenCandidate\) this\.command\(this\.fastenCandidate\.action\)/)
-  has(drawing, /private drop\(\) \{[\s\S]*?this\.released\(\)\s*\}/, 'a drag ends in one release')
-  has(drawing, /this\.change\(\{ targetFace: f \}\)\s*this\.released\(\)/, 'a face pressed is one change')
-  has(drawing, /this\.change\(\{ mode: m \}\)\s*this\.released\(\)/, 'a way pressed is one change')
-})
-
 test('화면 문구는 결과와 예외만 — 한 줄 요약, 가장자리 밖, 닿지 않음', () => {
   assert.equal(say('figure.text.fasten-sentence-meet', { part: 'lid', face: '아랫면', to: 'bin의 윗면' }), 'lid의 아랫면을 bin의 윗면에 맞닿게')
   assert.equal(say('figure.text.fasten-sentence-centre', { part: 'roller', face: '', to: 'frame의 앞면' }), 'roller의 가운데를 frame의 앞면 위에')

package/test/fields.test.ts

@@ -38,26 +38,13 @@ test('오른쪽 칸은 한 벌의 규격 — 요소마다 제 제목 · 칸 ·
   }
 })
 
-test('긴 설명은 제목 옆 「?」 로 연다 — 늘 펼쳐 두지 않는다', () => {
-  for (const [file, key] of [
-    ['figure-links', 'figure.text.motion-explained'],
-    ['figure-links', 'figure.text.place-explained'],
-    ['figure-links', 'figure.text.fastening-explained'],
-    ['figure-clips', 'figure.text.clips-explained']
-  ]) {
-    const source = readFileSync(fileURLToPath(new URL(`../client/modeller/${file}.ts`, import.meta.url)), 'utf8')
-    assert.ok(source.includes(`this.help.button('${key}')`) && source.includes(`this.help.hint('${key}')`), `${file}: ${key}`)
-    assert.ok(!source.includes(`<p hint>\${i18next.t('${key}')}</p>`), `${file}: ${key} 가 늘 펼쳐져 있다`)
-  }
-})
+/* The long explanations opened from their 「?」 are the browser check's (test/browser/parts.check.mjs). */
 
 test('되풀이한 부품은 되풀이의 이름과 몇 번째인지로 읽는다 — 날 id 를 보이지 않는다', () => {
   assert.equal(partLabelOf('["roller.repeat",0,"roller.value"]'), 'roller 1')
   assert.equal(partLabelOf('["roller.repeat",2,"mark.placed"]'), 'mark 3', '줄의 부품에 붙은 것은 제 이름으로 (ADR-0093, 2026-09-26)')
   assert.equal(partLabelOf('deck'), 'deck', '보통 부품은 제 이름')
   assert.equal(partLabelOf('[not json'), '[not json')
-  const parts = readFileSync(fileURLToPath(new URL('../client/modeller/figure-parts.ts', import.meta.url)), 'utf8')
-  assert.ok(parts.includes('>${partLabelOf(part.id)}'), '목록이 이 이름으로 그린다')
 })
 
 test('되풀이한 부품의 속성 이름 칸도 사람의 이름이고, 몇 개 중 몇 번째인지 말한다 — 날 id 를 보이지 않는다', () => {
@@ -67,9 +54,6 @@ test('되풀이한 부품의 속성 이름 칸도 사람의 이름이고, 몇
   const carried = geometry.concat(Array.from({ length: 16 }, (_, i) => ({ id: JSON.stringify(['roller.repeat', i, 'mark.placed']) })))
   assert.deepEqual(repeatOf('["roller.repeat",14,"roller.value"]', carried), { name: 'roller', count: 16, index: 15 }, '롤러에 붙은 것은 롤러 수에 안 든다')
   assert.deepEqual(repeatOf('["roller.repeat",2,"mark.placed"]', carried), { name: 'mark', count: 16, index: 3 })
-  const editor = readFileSync(fileURLToPath(new URL('../client/modeller/editor.ts', import.meta.url)), 'utf8')
-  assert.ok(editor.includes('.value=${partLabelOf(this.selected)}'), '사용자 2026-09-24: 「부품 이름 ???」')
-  assert.ok(editor.includes('?disabled=${unavailable || !!repeatOf(this.selected, view.geometry)?.index}'), '복사본에는 바꿀 제 이름이 없고, 줄의 부품 자신은 이름을 바꿀 수 있다(walk 1, 2026-09-26)')
   assert.equal(repeatOf('roller', geometry)?.index, 0, '줄의 부품 자신은 몇 번째가 아니다')
 })
 
@@ -78,24 +62,12 @@ test('편집기는 저작한 부품 단위로 고르고 보인다 — 되풀이
   assert.equal(ownerOf('deck'), 'deck')
   assert.equal(ownerOf('["roller.repeat",2,"mark.placed"]'), 'mark', '롤러에 붙은 표시의 복사본을 누르면 그 표시를 고른다')
   assert.deepEqual(repeatOf('roller', [{ id: '["roller.repeat",0,"roller.value"]' }, { id: '["roller.repeat",1,"roller.value"]' }, { id: 'deck' }]), { name: 'roller', count: 2, index: 0 })
-  const read = (path: string) => readFileSync(fileURLToPath(new URL(path, import.meta.url)), 'utf8')
-  const canvas = read('../client/modeller/canvas.ts')
-  assert.ok(canvas.includes('.filter(([name]) => ownerOf(name) === this.selected)'), '사용자 2026-09-24: 「why repeatable parts are not selected?」')
-  const editor = read('../client/modeller/editor.ts')
-  assert.ok(editor.includes('this.selected = id ? ownerOf(id) : id'), '캔버스에서 복사본을 누르면 그 되풀이를 고른다')
-  assert.ok(editor.includes('.parts=${this.partRows(view.geometry, asset)}'), '목록은 저작한 부품 한 줄씩')
-  assert.ok(editor.includes("this.session!.command({ kind: 'set-repeat', part: this.selected, pitch })"), 'pitch 는 명령으로 정한다')
-  const parts = read('../client/modeller/figure-parts.ts')
-  assert.ok(parts.includes('?disabled=${this.locked || full}'), '등급 한도에 이르면 팔레트가 잠긴다')
+  /* Every copy selected on the canvas, the pitch set by the row and the palette locked at the level's limit are the browser
+     check's (test/browser/parts.check.mjs); a copy clicked picks its part, one row a part (modeller.check.mjs). */
 })
 
 test('pitch 는 한 곳에서 하나의 값이고, 늘 set-repeat 로 바꿔 최대 길이가 따라온다', () => {
-  const editor = readFileSync(fileURLToPath(new URL('../client/modeller/editor.ts', import.meta.url)), 'utf8')
-  assert.ok(editor.includes("groupFields(partFields, this.selected)") && editor.includes("const partFields = own.filter("), '사용자 2026-09-24: 되풀이의 간격과 형상 치수의 repeat · pitch 가 같은 값으로 두 번 떴다')
-  assert.ok(editor.includes("!i.id.startsWith(this.selected + '.repeat.')"))
-  const pitch = editor.slice(editor.indexOf('  private setPitch('), editor.indexOf('  /** Choose a part,'))
-  assert.ok(pitch.includes("this.session!.command({ kind: 'set-repeat', part: this.selected, pitch })"), '늘 명령으로 — 최대 길이가 따라온다')
-  assert.ok(!pitch.includes('changeField'))
+  /* Offered once and set by the row in one step: the browser check's (test/browser/parts.check.mjs). */
   for (const lang of ['ko', 'en', 'ja', 'zh', 'ms', 'es']) {
     const table = JSON.parse(readFileSync(fileURLToPath(new URL(`../translations/${lang}.json`, import.meta.url)), 'utf8'))
     /* The term stays pitch; what it measures is said beside it (ADR-0097 §5.5: centre to centre). */
@@ -109,6 +81,7 @@ test('기즈모로 끈, 규칙이 자리를 정하는 부품은 규칙을 지킨
   const moved = editor.slice(editor.indexOf('  private transformed('), editor.indexOf('  /** 맞추기'))
   assert.ok(moved.includes("kind: 'nudge-part',"), '사용자 2026-09-24: 「기즈모 컨트롤도 전혀 작동이 안되는군」')
   assert.ok(moved.includes('...(Object.keys(grow).length ? { grow } : {})'), '크기 끌기도 배율로 — 「되는 듯하다가 다시 원래 크기로 돌아간다」')
-  assert.ok(moved.includes("'figure.text.gizmo-joint-places'") && moved.includes("'figure.text.gizmo-fastening-places'"))
+  /* Which of the two places it is said from the refusal's details (refusals.test.ts makes both with the kernel, ADR-0127). */
+  assert.ok(moved.includes('placedRefusalOf(error, partLabelOf(id)'), moved)
 })