@things-factory/figure-ui 10.1.84 → 10.1.86

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/figure-ui",
-  "version": "10.1.84",
+  "version": "10.1.86",
   "publishConfig": {
     "access": "public",
     "@things-factory:registry": "https://registry.npmjs.org"
@@ -27,7 +27,7 @@
     "clean": "npm run clean:server && npm run clean:client"
   },
   "dependencies": {
-    "@hatiolab/figure-model": "^0.2.0",
+    "@hatiolab/figure-model": "^0.2.2",
     "@hatiolab/things-scene": "^10.1.63",
     "@material/web": "^2.0.0",
     "@operato/data-grist": "^10.0.0",
@@ -44,5 +44,5 @@
     "@things-factory/figure-service": "^10.1.84",
     "three": "^0.185.1"
   },
-  "gitHead": "12df439ce09de2bc9aa87d4578766f46bfad48fd"
+  "gitHead": "8e56ed31b1c81934257f2938b9b1a51f1852773f"
 }

package/test/browser/acceptance-page.js

@@ -40,6 +40,13 @@ export const MODELS = {
   ceiling: () => box('ceiling', { x: 200, y: -200, z: 150 }),
   wall: () => box('wall', { x: 200, y: 200, z: 200 }),
   center: () => box('center', { x: 200, y: 200, z: 150 }),
+  /* A triangle pushed up: its section edited point by point (ADR-0100 stage 2). */
+  wedge: () => {
+    let a = createFigureAsset('Wedge')
+    a.palette = { ...a.palette, ...PALETTE }
+    a = addFigurePrimitive(a, { id: 'wedge', kind: 'polygon', dimensions: { height: 200 }, points: [{ x: -300, z: -200 }, { x: 300, z: -200 }, { x: 0, z: 250 }], position: { x: 0, y: 100, z: 0 } })
+    return serializeFigureAsset(a)
+  },
   /* A box and a drum: rounded corners and an inside from the properties tab (ADR-0100 stage 1). */
   shapes: () => {
     let a = createFigureAsset('Box and drum')

package/test/palette-icons.test.ts

@@ -17,6 +17,6 @@ test('every shape in the palette has an icon the font draws', () => {
   const parts = readFileSync(fileURLToPath(new URL('../client/modeller/figure-parts.ts', import.meta.url)), 'utf8')
   const recipes = parts.slice(parts.indexOf('const RECIPES'), parts.indexOf(']', parts.indexOf('const RECIPES')))
   const icons = [...recipes.matchAll(/icon: '([a-z_]+)'/g)].map(m => m[1]!)
-  assert.ok(icons.length >= 9)
+  assert.ok(icons.length >= 8, 'the eight starting shapes (ADR-0100 §2.1)')
   assert.deepEqual(icons.filter(icon => !RENDERS.has(icon)), [])
 })

package/test/parts-wiring.test.ts

@@ -57,8 +57,12 @@ test('좁은 칸에서도 고른 줄의 이름과 조작이 다 보인다 —
   assert.match(narrow, /li\[selected\] div\[ops\] \{\s*flex-basis: 100%;/)
 })
 
-test('둥근 상자는 제 이름으로 부른다 — 「사각 단면」이 아니다', () => {
-  assert.match(panel, /kind: 'rounded-box', icon: 'crop_square', label: 'figure\.label\.primitive-rounded-box'/)
+test('팔레트는 시작 모양만 낸다 — 둥근 상자와 통은 상자의 모서리·속 공간으로 만든다 (ADR-0100 §2.1·§3.3)', () => {
+  const recipes = panel.slice(panel.indexOf('const RECIPES'), panel.indexOf(']', panel.indexOf('const RECIPES')))
+  const kinds = [...recipes.matchAll(/kind: '([\w-]+)'/g)].map(m => m[1])
+  assert.deepEqual(kinds, ['box', 'cylinder', 'sphere', 'frustum', 'polygon', 'plate', 'wall', 'portal'])
+  /* A part made so is still called by what it is: its icon in the parts list, its name over the properties (links.ts). */
+  assert.match(panel, /'rounded-box': 'crop_square'/)
   for (const lang of ['ko', 'en', 'ja', 'zh', 'ms'])
     assert.ok(JSON.parse(read(`../translations/${lang}.json`))['figure.label.primitive-rounded-box'], lang)
 })

package/test/section-editor.test.ts

@@ -0,0 +1,192 @@
+/*
+ * **단면 편집 — 점을 옮기고 더하고 지운다** (ADR-0100 2단계, 2026-09-30).
+ *
+ * 편집 창이 하는 점 편집이 figure-model 의 한 명령으로 받아들여지는지, 잘못된 단면을 커널의 말 그대로 사람의 말로 하는지,
+ * 점 번호가 편집 내내 제 이름의 번호인지를 잰다. 2단계 종료 조건: 삼각형 → 사다리꼴, 점 추가·삭제, 오목 단면, 자기 교차 거절.
+ */
+import { test } from 'node:test'
+import assert from 'node:assert/strict'
+import { readFileSync } from 'node:fs'
+import { fileURLToPath } from 'node:url'
+
+import { addFigurePrimitive, applyFigureAuthoring, compileFigureAsset, createFigureAsset } from '@hatiolab/figure-model'
+import type { FigureAsset, FigureEvaluatedShape, FigureSectionPoint } from '@hatiolab/figure-model'
+
+import { extentOf, insertAfter, issueWords, issuesOf, markedBy, movePoint, nextPointId, pointLabel, removePoint } from '../client/modeller/section-drawing.ts'
+import { livePartsOf } from '../client/modeller/live.ts'
+
+const read = (path: string) => readFileSync(fileURLToPath(new URL(path, import.meta.url)), 'utf8')
+/* A source file is a big string: a failing assert.match on it spends minutes building the diff and looks hung. */
+const has = (source: string, re: RegExp, message?: string) => assert.ok(re.test(source), message ?? `missing: ${re}`)
+const hasNot = (source: string, re: RegExp, message?: string) => assert.ok(!re.test(source), message ?? `present: ${re}`)
+const editorPanel = read('../client/modeller/figure-section-editor.ts')
+const sectionPanel = read('../client/modeller/figure-section-panel.ts')
+const editor = read('../client/modeller/editor.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)
+
+const triangle = () =>
+  addFigurePrimitive(createFigureAsset('Drawn'), {
+    id: 'wedge',
+    kind: 'polygon',
+    dimensions: { height: 100 },
+    points: [{ x: -50, z: -40 }, { x: 50, z: -40 }, { x: 0, z: 40 }],
+    position: { x: 0, y: 50, z: 0 }
+  })
+const shapeOf = (asset: FigureAsset) =>
+  (compileFigureAsset(asset).evaluate().geometry.find(g => (g as { id: string }).id === 'wedge') as unknown as { shape: FigureEvaluatedShape }).shape
+const pointsOf = (asset: FigureAsset) => {
+  const s = shapeOf(asset).extrusion!.section
+  return s.kind === 'polygon' ? s.points : []
+}
+const apply = (asset: FigureAsset, points: readonly FigureSectionPoint[]) =>
+  applyFigureAuthoring(asset, { kind: 'set-section-points', part: 'wedge', points: [...points] })
+
+test('삼각형 → 사다리꼴: 선을 눌러 점을 더하고 옮기면, 한 명령으로 들어가고 옛 점은 제 번호를 지킨다', () => {
+  const t = triangle()
+  const start = pointsOf(t)
+  const apex = start.find(p => p.z === 40)!
+  /* The side from the apex to the next point gains a point in its middle, then both move out to the top corners. */
+  const added = insertAfter(start, apex.id, 'y')
+  assert.equal(added.id, 'p4', 'one past the highest number')
+  /* The loop runs 1 → 3 (apex) → 2, so the new point stands between the apex and 2: the apex goes left, the new one right. */
+  let working = movePoint(added.points, apex.id, { x: -25, z: 40 })
+  working = movePoint(working, added.id, { x: 25, z: 40 })
+  const next = apply(t, working)
+  const after = pointsOf(next)
+  assert.equal(after.length, 4)
+  assert.deepEqual(after.find(p => p.id === apex.id), { id: apex.id, x: -25, z: 40 })
+  assert.deepEqual(after.map(p => pointLabel(p.id)).sort(), ['1', '2', '3', '4'])
+})
+
+test('점을 지우면 남은 점은 제 번호 그대로이고, 세 점 밑으로는 까닭과 함께 막는다', () => {
+  const t = triangle()
+  /* A point added on a side is valid where it stands (a straight angle); moved out, the section is a quadrilateral. */
+  const added = insertAfter(pointsOf(t), 'p1', 'y')
+  assert.deepEqual(issuesOf(added.points, 'y'), [], 'a point on a side is taken before it is moved')
+  const four = apply(t, movePoint(added.points, added.id, { x: -60, z: 10 }))
+  const three = removePoint(pointsOf(four), 'p2')
+  assert.ok(Array.isArray(three))
+  const after = pointsOf(apply(four, three as FigureSectionPoint[]))
+  assert.deepEqual(after.map(p => p.id).sort(), ['p1', 'p3', 'p4'], 'deleting 2 leaves 1, 3 and 4')
+  assert.deepEqual(removePoint(after, 'p1'), { refused: 'too-few' })
+  assert.equal(nextPointId(after), 'p5', 'a new point does not take the gap')
+})
+
+test('오목 단면은 받고, 교차하는 선은 표시한 선·점과 사람의 말로 거절한다', () => {
+  const t = triangle()
+  const notch: FigureSectionPoint[] = [
+    { id: 'p1', x: -50, z: -40 },
+    { id: 'p2', x: 50, z: -40 },
+    { id: 'p3', x: 50, z: 40 },
+    { id: 'p4', x: 0, z: 0 },
+    { id: 'p5', x: -50, z: 40 }
+  ]
+  assert.deepEqual(issuesOf(notch, 'y'), [])
+  assert.equal(pointsOf(apply(t, notch)).length, 5)
+  const bow: FigureSectionPoint[] = [
+    { id: 'p1', x: -50, z: -40 },
+    { id: 'p2', x: 50, z: 40 },
+    { id: 'p3', x: 50, z: -40 },
+    { id: 'p4', x: -50, z: 40 }
+  ]
+  const issues = issuesOf(bow, 'y')
+  assert.equal(issues[0]!.code, 'SIDES_CROSS')
+  const words = issueWords(issues[0]!, bow, 'y')
+  assert.equal(say(words.key, words.params), '1–2 선과 3–4 선이 교차합니다. 표시된 점을 옮겨 주세요.')
+  const marked = markedBy(issues)
+  assert.deepEqual([...marked.points].sort(), ['p1', 'p2', 'p3', 'p4'])
+  assert.throws(() => apply(t, bow), /SECTION_INVALID/)
+})
+
+test('치는 동안 입체는 그 점으로 그려지고, 잘못된 동안은 마지막으로 유효했던 모양으로 그린다', () => {
+  const t = triangle()
+  const square: FigureSectionPoint[] = [
+    { id: 'p1', x: -50, z: -40 },
+    { id: 'p2', x: 50, z: -40 },
+    { id: 'p3', x: 50, z: 40 },
+    { id: 'p4', x: -50, z: 40 }
+  ]
+  const drawn = livePartsOf(t, { values: {}, action: { kind: 'set-section-points', part: 'wedge', points: square } })!
+  const body = drawn.find(p => p.id === 'wedge') as unknown as { shape: FigureEvaluatedShape }
+  assert.equal((body.shape.extrusion!.section as { points: unknown[] }).points.length, 4)
+  assert.equal(pointsOf(t).length, 3, 'the figure itself is not changed')
+  has(editorPanel, /detail: \{ action: this\.action\(this\.lastValid\) \}/, 'the preview is always of a valid shape')
+  has(editorPanel, /figure\.text\.section-editor-last-valid/)
+})
+
+test('적용은 한 명령, 취소·Esc 는 아무것도 보내지 않는다 — 창을 연 뒤 도형이 바뀌면 적용을 막는다', () => {
+  has(editorPanel, /private apply\(\) \{\s*if \(this\.stale \|\| issuesOf\(this\.working, this\.axis\)\.length\) return/)
+  has(editorPanel, /private cancel\(\) \{\s*this\.dispatchEvent\(new CustomEvent\('command-live', \{ detail: \{ action: null \}/)
+    has(editorPanel, /return this\.revision !== this\.openedAt/)
+  has(editor, /<figure-section-editor[\s\S]*?\.revision=\$\{this\.session\?\.read\(\)\.revision \?\? 0\}[\s\S]*?@command=\$\{\(e: CustomEvent\) => this\.linkCommand\(e\.detail\.action\)\}/)
+  has(editor,
+    /protected willUpdate[\s\S]*?if \(this\.sectionEditing && this\.sectionEditing !== this\.selected\) this\.closeSectionEditor\(\)\s*\}/,
+    'the selection moved off the part by any way closes it and lets go of the preview'
+  )
+  has(editor, /private closeSectionEditor\(\) \{\s*this\.sectionEditing = null\s*this\.holdAction\(null\)/)
+  has(sectionPanel, /section-editor-open/)
+})
+
+test('Delete 키는 칸 안에서는 글자를, 밖에서는 고른 점을 지운다 — 창이 먼저 듣고, 받은 키는 뒤의 장면에 넘기지 않는다', () => {
+  has(editorPanel, /\(e\.key === 'Delete' \|\| e\.key === 'Backspace'\) && !inField && this\.selected/)
+  /* The scene listens on its own element and stops the key there: heard later, Esc selected nothing and Delete took the part. */
+  has(editorPanel, /window\.addEventListener\('keydown', this\.keys, true\)/)
+  has(editorPanel, /const take = \(\) => \(e\.preventDefault\(\), e\.stopImmediatePropagation\(\)\)/)
+  has(editorPanel, /if \(e\.key === 'Escape'\) \{\s*take\(\)\s*this\.cancel\(\)/)
+})
+
+test('그림은 점을 다 담고 여유를 둔다 — 50 mm 단위로', () => {
+  assert.equal(extentOf([{ id: 'p1', x: -50, z: -40 }, { id: 'p2', x: 50, z: -40 }, { id: 'p3', x: 0, z: 40 }], 'y'), 150)
+})
+
+test('편집 창의 말은 다섯 말 모두에 있다', () => {
+  const keys = [...new Set([...editorPanel.matchAll(/'(figure\.(?:label|text|button)\.section-[\w-]+)'/g)].map(m => m[1]!))]
+  const drawing = read('../client/modeller/section-drawing.ts')
+  keys.push(...new Set([...drawing.matchAll(/'(figure\.text\.section-issue-[\w-]+)'/g)].map(m => m[1]!)))
+  assert.ok(keys.length >= 20, String(keys.length))
+  for (const lang of ['ko', 'en', 'ja', 'zh', 'ms']) {
+    const words = JSON.parse(read(`../translations/${lang}.json`)) as Record<string, string>
+    for (const key of keys) assert.ok(words[key], `${lang} has ${key}`)
+  }
+})
+
+test('창의 네 줄은 줄 번호로 선다 — 넓은 화면에서 탭 줄이 숨어도 적용·취소가 밀려 나가지 않는다', () => {
+  for (const [part, row] of [['header', 1], ['nav\\[tabs\\]', 2], ['div\\[body\\]', 3], ['footer', 4]] as const)
+    has(editorPanel, new RegExp(`${part} \\{\\s*grid-row: ${row};`))
+})
+
+test('치는 동안의 명령이 쓴 입력은 명령의 값으로 그린다 — 지금 값이 옮긴 점·다시 친 반지름을 되돌리지 않는다', async () => {
+  const { liveOverSession } = await import('../client/modeller/live.ts')
+  const t = triangle()
+  const moved = pointsOf(t).map(p => (p.id === 'p3' ? { ...p, x: -30 } : p))
+  const drawn = liveOverSession(t, { ...t.designInputs }, { values: {}, action: { kind: 'set-section-points', part: 'wedge', points: moved } })!
+  const wedge = drawn.find(p => p.id === 'wedge') as unknown as { shape: FigureEvaluatedShape }
+  assert.equal((wedge.shape.extrusion!.section as { points: FigureSectionPoint[] }).points.find(p => p.id === 'p3')!.x, -30)
+  /* Stage 1's corner, typed a second time: the radius drawn is the one typed, not the one applied before. */
+  const { addFigureBox } = await import('@hatiolab/figure-model')
+  const rounded = applyFigureAuthoring(addFigureBox(createFigureAsset('B'), { id: 'b', size: { x: 400, y: 100, z: 300 }, position: { x: 0, y: 50, z: 0 } }), { kind: 'set-section-corner', part: 'b', corner: 20 })
+  const again = liveOverSession(rounded, { ...rounded.designInputs }, { values: {}, action: { kind: 'set-section-corner', part: 'b', corner: 80 } })!
+  const b = again.find(p => p.id === 'b') as unknown as { shape: FigureEvaluatedShape }
+  assert.deepEqual((b.shape.extrusion!.section as { corner: unknown }).corner, { x: 80, z: 80 })
+})
+
+test('편집 창이 열린 동안 모델러의 키는 비켜선다 — Esc 가 선택을, Delete 가 부품을, Ctrl+Z 가 도형의 기록을 건드리지 않는다', () => {
+  const onKey = editor.slice(editor.indexOf('  private onKey = '), editor.indexOf('  connectedCallback() {', editor.indexOf('  private onKey = ')))
+  has(onKey, /if \(this\.sectionEditing\) return\s*const canvas/)
+  assert.ok(onKey.indexOf('if (this.sectionEditing) return') < onKey.indexOf('keyActionOf('), 'before any key is taken')
+})
+
+test('속성 칸의 점 좌표도 커널 이름이 아니라 「점 1 Z」로 부른다 — 편집 창과 같은 말', () => {
+  has(editor, /const point = \/\^point\\\.p\(\\d\+\)\\\.\(\[xyz\]\)\$\/\.exec\(name\)/)
+  has(editor, /i18next\.t\('figure\.label\.section-editor-coordinate', \{ point: point\[1\]!, axis: point\[2\]!\.toUpperCase\(\) \}\)/)
+  assert.equal(say('figure.label.section-editor-coordinate', { point: '1', axis: 'Z' }), '점 1 Z')
+})
+
+test('편집 창 옆에 입체를 볼 자리가 없으면 윤곽과 입체 결과를 번갈아 본다 (§7)', async () => {
+  const { NARROW_BELOW } = { NARROW_BELOW: Number(/export const NARROW_BELOW = (\d+)/.exec(editorPanel)![1]) }
+  assert.ok(NARROW_BELOW > 560, 'wider than the editor itself')
+  has(editorPanel, /:host\(\[narrow\]\) nav\[tabs\] \{\s*display: flex;/)
+  has(editorPanel, /:host\(\[narrow\]\[show='solid'\]\) div\[body\] \{\s*display: none;/)
+  has(editorPanel, /this\.room\.observe\(this\.parentElement\)/)
+})

package/test/section-panel.test.ts

@@ -12,10 +12,23 @@ import { fileURLToPath } from 'node:url'
 import { addFigureBox, applyFigureAuthoring, compileFigureAsset, createFigureAsset } from '@hatiolab/figure-model'
 import type { FigureAsset, FigureEvaluatedShape } from '@hatiolab/figure-model'
 
-import { cavityRequestOf, defaultWallOf } from '../client/modeller/section-controls.ts'
+import {
+  cavityDepthOf,
+  cavityRefusalOf,
+  cavityRequestOf,
+  cavityResultOf,
+  cornerLimitOf,
+  cornerRefusalOf,
+  defaultWallOf,
+  wallLimitOf
+} from '../client/modeller/section-controls.ts'
+import { livePartsOf } from '../client/modeller/live.ts'
 import { editRefusalOf } from '../client/modeller/refusals.ts'
 
 const read = (path: string) => readFileSync(fileURLToPath(new URL(path, import.meta.url)), 'utf8')
+/* A source file is a big string: a failing assert.match on it spends minutes building the diff and looks hung. */
+const has = (source: string, re: RegExp, message?: string) => assert.ok(re.test(source), message ?? `missing: ${re}`)
+const hasNot = (source: string, re: RegExp, message?: string) => assert.ok(!re.test(source), message ?? `present: ${re}`)
 const panel = read('../client/modeller/figure-section-panel.ts')
 const editor = read('../client/modeller/editor.ts')
 const ko = JSON.parse(read('../translations/ko.json')) as Record<string, string>
@@ -40,7 +53,7 @@ test('모서리 반지름은 네 모서리를 한 값으로 둥글게 하고, 0
   const sharp = applyFigureAuthoring(round, { kind: 'set-section-corner', part: 'body', corner: null })
   assert.equal(shapeOf(sharp).extrusion!.section.kind, 'rectangle')
   assert.equal('corner' in shapeOf(sharp).extrusion!.section, false)
-  assert.match(panel, /corner: value > 0 \? value : null/, 'the field sends 0 as no rounding')
+  has(panel, /corner: value > 0 \? value : null/, 'the field sends 0 as no rounding')
 })
 
 test('속을 비우면 기본 벽·막힌 바닥·열린 윗면의 쟁반이 되고, 끝과 벽을 하나씩 바꾼다', () => {
@@ -73,17 +86,73 @@ test('벽이 단면을 다 채우거나 모서리가 변의 절반을 넘으면,
   assert.equal(refusal(() => applyFigureAuthoring(probe(), { kind: 'set-section-corner', part: 'body', corner: 160 })), ko['figure.text.section-corner-too-large'])
 })
 
-test('편집기는 단면 칸의 명령을 세션의 이력 하나로 돌리고, 칸은 둥글린 사각·타원 단면에만 선다', () => {
-  assert.match(editor, /<figure-section-panel[\s\S]*?@command=\$\{\(e: CustomEvent\) => this\.linkCommand\(e\.detail\.action\)\}/)
-  assert.match(panel, /if \(kind !== 'rectangle' && kind !== 'ellipse'\) return nothing/)
+test('편집기는 단면 칸의 명령을 세션의 이력 하나로 돌리고, 치는 동안의 값은 그리기만 한다', () => {
+  has(editor, /<figure-section-panel[\s\S]*?@command=\$\{\(e: CustomEvent\) => this\.linkCommand\(e\.detail\.action\)\}/)
+  has(editor, /@command-live=\$\{\(e: CustomEvent\) => this\.holdAction\(e\.detail\.action\)\}/)
+  has(editor, /private linkCommand\(action: FigureAuthoringAction\) \{\s*\/\*[^*]*\*\/\s*this\.holdAction\(null\)/, 'a command sent lets go of the one in hand')
   for (const lang of ['ko', 'en', 'ja', 'zh', 'ms']) {
     const words = JSON.parse(read(`../translations/${lang}.json`)) as Record<string, string>
     const used = [...new Set([...panel.matchAll(/'(figure\.(?:label|text)\.section-[\w-]+|figure\.label\.group-section)'/g)].map(m => m[1]!))]
-    assert.ok(used.length >= 8)
+    /* The keys the panel builds: each result, and the wall's and the ends' over-limit words. */
+    used.push(...['pipe', 'container', 'sealed'].map(r => `figure.label.section-result-${r}`), 'figure.text.section-wall-over', 'figure.text.section-ends-over')
+    assert.ok(used.length >= 16)
     for (const key of used) assert.ok(words[key], `${lang} has ${key}`)
   }
 })
 
+test('화면에 커널 말을 쓰지 않는다 — 「속 비우기」·「중공」·「공동」이 아니라 「속 공간」 (ADR-0100 §2.1)', () => {
+  const words = Object.entries(ko).filter(([k]) => k.startsWith('figure.label.section-') || k.startsWith('figure.text.section-'))
+  for (const [key, text] of words) assert.doesNotMatch(text, /속\s*비우|속을 비움|중공|공동/, key)
+  assert.equal(ko['figure.label.section-cavity'], '속 공간 만들기')
+})
+
+test('모서리 반지름의 허용값은 커널이 정한 그대로다 — 짧은 변의 절반까지', () => {
+  const shape = shapeOf(probe())
+  assert.equal(cornerLimitOf(shape), 150)
+  assert.equal(cornerRefusalOf(shape, 150), null)
+  assert.deepEqual(cornerRefusalOf(shape, 151), { max: 150 })
+  /* The screen's limit is the kernel's: the command takes 150 and refuses 151. */
+  assert.doesNotThrow(() => shapeOf(applyFigureAuthoring(probe(), { kind: 'set-section-corner', part: 'body', corner: 150 })))
+  assert.throws(() => applyFigureAuthoring(probe(), { kind: 'set-section-corner', part: 'body', corner: 151 }))
+})
+
+test('벽과 막힌 끝의 허용값도 커널이 정한 그대로다 — 칸은 고칠 값을 말하고 보내지 않는다', () => {
+  const tray = applyFigureAuthoring(probe(), { kind: 'set-cavity', part: 'body', cavity: cavityRequestOf(shapeOf(probe())) })
+  const shape = shapeOf(tray)
+  assert.equal(wallLimitOf(shape), 150)
+  assert.deepEqual(cavityRefusalOf(shape, cavityRequestOf(shape, { wall: 150 })), { code: 'wall-too-thick', max: 150 })
+  assert.equal(cavityRefusalOf(shape, cavityRequestOf(shape, { wall: 149 })), null)
+  assert.doesNotThrow(() => applyFigureAuthoring(tray, { kind: 'set-cavity', part: 'body', cavity: cavityRequestOf(shape, { wall: 149 }) }))
+  assert.throws(() => applyFigureAuthoring(tray, { kind: 'set-cavity', part: 'body', cavity: cavityRequestOf(shape, { wall: 150 }) }))
+  assert.deepEqual(cavityRefusalOf(shape, cavityRequestOf(shape, { start: { closed: 120 }, end: { closed: 80 } })), { code: 'ends-too-thick', max: 200 })
+  /* One side thicker than the rest: the kernel still says whether the inside has room. */
+  assert.equal(cavityRefusalOf(shape, cavityRequestOf(shape, { wall: { 'x-': 396, 'x+': 5, 'z-': 5, 'z+': 5 } })).code, 'wall-too-thick')
+  assert.equal(cavityRefusalOf(shape, cavityRequestOf(shape, { wall: { 'x-': 100, 'x+': 5, 'z-': 5, 'z+': 5 } })), null)
+})
+
+test('속 공간은 무엇이 되었는지와 깊이로 보인다 — 한쪽이 열리면 용기, 양쪽이면 관, 양쪽이 막히면 닫힌 속 공간', () => {
+  const tray = shapeOf(applyFigureAuthoring(probe(), { kind: 'set-cavity', part: 'body', cavity: cavityRequestOf(shapeOf(probe())) }))
+  assert.equal(cavityResultOf(tray.cavity!), 'container')
+  assert.equal(cavityDepthOf(tray), 170, 'the 200 mm push less its 30 mm floor')
+  assert.equal(cavityResultOf({ ...tray.cavity!, start: 'open' }), 'pipe')
+  assert.equal(cavityResultOf({ ...tray.cavity!, end: { closed: 5 } }), 'sealed')
+  has(panel, /figure\.text\.section-depth/)
+})
+
+test('치는 동안의 값은 사본에 그려지고 원본은 그대로다 — 받을 수 없는 값은 그리지 않는다', () => {
+  const asset = probe()
+  const drawn = livePartsOf(asset, { values: {}, action: { kind: 'set-section-corner', part: 'body', corner: 40 } })!
+  const body = drawn.find(p => p.id === 'body')! as unknown as { shape: FigureEvaluatedShape }
+  assert.deepEqual(body.shape.extrusion!.section, { kind: 'rectangle', size: { x: 400, z: 300 }, corner: { x: 40, z: 40 } })
+  assert.equal('corner' in shapeOf(asset).extrusion!.section, false, 'the asset itself is not changed')
+  assert.equal(livePartsOf(asset, { values: {}, action: { kind: 'set-section-corner', part: 'body', corner: 999 } }), null)
+})
+
+test('다각 단면에는 속 공간을 만들 수 없다고 그 자리에서 말한다', () => {
+  has(panel, /kind === 'rectangle' \|\| kind === 'ellipse'\s*\? this\.renderCavity\(body, e\.axis\)\s*: html`[\s\S]*?figure\.text\.section-cavity-unavailable/)
+  assert.match(ko['figure.text.section-cavity-unavailable']!, /이 윤곽에는 속 공간을 만들 수 없습니다/)
+})
+
 test('붙어 있는 것이 기대는 면을 없애는 편집은 거절되고, 그 면을 사람의 말로 부른다', () => {
   let asset = applyFigureAuthoring(probe(), { kind: 'set-cavity', part: 'body', cavity: { wall: 10, start: { closed: 15 }, end: 'open' } })
   asset = addFigureBox(asset, { id: 'divider', size: { x: 10, y: 100, z: 200 }, position: { x: 0, y: 0, z: 0 } })
@@ -91,3 +160,36 @@ test('붙어 있는 것이 기대는 면을 없애는 편집은 거절되고,
   const said = refusal(() => applyFigureAuthoring(asset, { kind: 'set-cavity', part: 'body', cavity: { wall: 10, start: 'open', end: 'open' } }))
   assert.equal(said, say('figure.text.section-face-in-use', { faces: ko['figure.label.face-inside-bottom']! }))
 })
+
+test('치는 동안 그려진 도형이 칸의 글자를 덮어쓰지 않는다 — 친 것은 보낼 때까지 칸이 든다', () => {
+  has(panel, /\.value=\$\{live\(this\.typed\[key\] \?\? shown\)\}/)
+  has(panel, /this\.typed = \{ \.\.\.this\.typed, \[key\]: \(ev\.target as HTMLInputElement\)\.value \}/)
+})
+
+test('면마다 벽 두께를 치는 동안에도 그려진다 — 명령이 없앤 입력(한 벽 두께)의 지금 값은 미리보기를 막지 않는다', async () => {
+  const { liveOverSession } = await import('../client/modeller/live.ts')
+  const tray = applyFigureAuthoring(probe(), { kind: 'set-cavity', part: 'body', cavity: { wall: 30, start: { closed: 30 }, end: 'open' } })
+  /* The editor draws over every value as it stands: the one wall is among them. */
+  const current = { ...tray.designInputs }
+  assert.ok('body.dimension.wall' in current)
+  const drawn = liveOverSession(tray, current, {
+    values: {},
+    action: { kind: 'set-cavity', part: 'body', cavity: { wall: { 'x-': 100, 'x+': 30, 'z-': 30, 'z+': 30 }, start: { closed: 30 }, end: 'open' } }
+  })
+  assert.ok(drawn, 'the preview is drawn')
+  const body = drawn!.find(p => p.id === 'body') as unknown as { shape: FigureEvaluatedShape }
+  assert.equal(body.shape.cavity!.wall['x-'], 100)
+})
+
+test('한 면의 벽 한도는 그 방향의 너비에서 맞은편 벽을 뺀 값이다 — 네 면이 같을 때의 한도가 아니다', async () => {
+  const { sideWallLimitOf } = await import('../client/modeller/section-controls.ts')
+  const tray = applyFigureAuthoring(probe(), { kind: 'set-cavity', part: 'body', cavity: { wall: 30, start: { closed: 30 }, end: 'open' } })
+  const shape = shapeOf(tray)
+  const walls = { 'x-': 30, 'x+': 40, 'z-': 30, 'z+': 30 }
+  assert.equal(sideWallLimitOf(shape, walls, 'x-'), 360, 'the 400 mm width less the 40 mm wall opposite')
+  assert.equal(sideWallLimitOf(shape, walls, 'z+'), 270)
+  /* The kernel agrees: just under takes, the limit refuses. */
+  assert.equal(cavityRefusalOf(shape, cavityRequestOf(shape, { wall: { ...walls, 'x-': 359 } })), null)
+  assert.equal(cavityRefusalOf(shape, cavityRequestOf(shape, { wall: { ...walls, 'x-': 360 } }))!.code, 'wall-too-thick')
+  has(panel, /sideWallLimitOf\(body\.shape, cavity\.wall, side\)/)
+})

package/translations/en.json

@@ -188,12 +188,47 @@
   "figure.label.palette-token": "palette token",
   "figure.label.part": "part",
   "figure.label.part-material": "material",
+  "figure.button.section-editor-open": "edit section",
+  "figure.label.section-editor": "edit section",
+  "figure.text.section-editor-length": "pushed {length} mm",
+  "figure.label.section-editor-outline": "outline",
+  "figure.label.section-editor-solid": "solid",
+  "figure.button.section-editor-back": "undo",
+  "figure.text.section-editor-hint": "Drag a point or type its coordinates. Press a side to add a point in its middle.",
+  "figure.text.section-editor-stale": "The figure changed after this was opened. Close it and open it again.",
+  "figure.button.section-editor-cancel": "cancel",
+  "figure.button.section-editor-apply": "apply",
+  "figure.text.section-editor-last-valid": "The solid shows the last valid shape.",
+  "figure.text.section-editor-units": "mm · from the origin · {h} right, {v} down",
+  "figure.text.section-editor-add-here": "add a point in the middle of side {a}–{b}",
+  "figure.label.section-editor-points": "points",
+  "figure.label.section-editor-coordinate": "point {point} {axis}",
+  "figure.button.section-editor-remove": "delete {point}",
+  "figure.text.section-issue-cross": "Sides {a} and {b} cross. Move the marked points.",
+  "figure.text.section-issue-touch": "Sides {a} and {b} touch. Move the marked points.",
+  "figure.text.section-issue-fold": "Side {b} turns back over side {a}. Move the marked points.",
+  "figure.text.section-issue-zero-length": "The two points of side {a} are in one place. Move one or delete it.",
+  "figure.text.section-issue-zero-area": "The points lie on one line and enclose nothing.",
+  "figure.text.section-issue-too-few": "A section needs three points or more.",
+  "figure.text.section-issue-too-many": "A section can have up to {limit} points.",
+  "figure.text.section-issue-number": "Type a number.",
+  "figure.text.section-cavity-unavailable": "This outline cannot have an inside. An inside is made in a rectangle or circle section.",
+  "figure.text.section-corner-over": "The corner radius can be at most {max} mm.",
+  "figure.text.section-at-most": "at most {max} mm",
+  "figure.text.section-not-positive": "The thickness must be more than 0.",
+  "figure.text.section-wall-over": "The wall must be thinner than {max} mm.",
+  "figure.text.section-ends-over": "The two closed ends together must be thinner than {max} mm.",
+  "figure.text.section-depth": "{result} · {depth} mm deep",
+  "figure.label.section-result-pipe": "pipe",
+  "figure.label.section-result-container": "container",
+  "figure.label.section-result-sealed": "closed inside",
+  "figure.text.section-wall-at-most": "thinner than {max} mm",
+  "figure.label.section-wall-per-side": "per side",
   "figure.label.group-section": "section",
   "figure.label.section-corner": "corner radius",
   "figure.text.section-corner-differs": "differs by axis",
-  "figure.label.section-cavity": "hollow",
+  "figure.label.section-cavity": "make an inside",
   "figure.label.section-wall": "wall thickness",
-  "figure.text.section-wall-differs": "differs by side",
   "figure.label.section-end-closed": "closed",
   "figure.label.section-end-open": "open",
   "figure.text.section-face-in-use": "Not changed: something is attached to {faces}. Detach it first.",

package/translations/ja.json

@@ -188,12 +188,47 @@
   "figure.label.palette-token": "palette token",
   "figure.label.part": "part",
   "figure.label.part-material": "material",
+  "figure.button.section-editor-open": "断面を編集",
+  "figure.label.section-editor": "断面を編集",
+  "figure.text.section-editor-length": "押し出し {length} mm",
+  "figure.label.section-editor-outline": "輪郭",
+  "figure.label.section-editor-solid": "立体",
+  "figure.button.section-editor-back": "元に戻す",
+  "figure.text.section-editor-hint": "点をドラッグするか座標を入力します。辺を押すと中点に点が追加されます。",
+  "figure.text.section-editor-stale": "開いた後に図形が変わりました。閉じて開き直してください。",
+  "figure.button.section-editor-cancel": "キャンセル",
+  "figure.button.section-editor-apply": "適用",
+  "figure.text.section-editor-last-valid": "立体は最後に有効だった形です。",
+  "figure.text.section-editor-units": "mm · 原点基準 · 右 {h}、下 {v}",
+  "figure.text.section-editor-add-here": "辺 {a}–{b} の中点に点を追加",
+  "figure.label.section-editor-points": "点",
+  "figure.label.section-editor-coordinate": "点 {point} {axis}",
+  "figure.button.section-editor-remove": "{point} を削除",
+  "figure.text.section-issue-cross": "辺 {a} と辺 {b} が交差しています。示された点を動かしてください。",
+  "figure.text.section-issue-touch": "辺 {a} と辺 {b} が接しています。示された点を動かしてください。",
+  "figure.text.section-issue-fold": "辺 {b} が辺 {a} の上に折り返しています。示された点を動かしてください。",
+  "figure.text.section-issue-zero-length": "辺 {a} の二点が同じ位置にあります。一方を動かすか削除してください。",
+  "figure.text.section-issue-zero-area": "点が一直線上にあり面積がありません。",
+  "figure.text.section-issue-too-few": "断面には三点以上が必要です。",
+  "figure.text.section-issue-too-many": "点は {limit} 個までです。",
+  "figure.text.section-issue-number": "数値を入力してください。",
+  "figure.text.section-cavity-unavailable": "この輪郭には内部の空間をつくれません。内部の空間は四角形と円の断面につくります。",
+  "figure.text.section-corner-over": "角の半径は {max} mm までです。",
+  "figure.text.section-at-most": "最大 {max} mm",
+  "figure.text.section-not-positive": "厚さは 0 より大きくしてください。",
+  "figure.text.section-wall-over": "壁の厚さは {max} mm より薄くしてください。",
+  "figure.text.section-ends-over": "閉じた両端の厚さの合計は {max} mm より薄くしてください。",
+  "figure.text.section-depth": "{result} · 深さ {depth} mm",
+  "figure.label.section-result-pipe": "管",
+  "figure.label.section-result-container": "容器",
+  "figure.label.section-result-sealed": "閉じた内部",
+  "figure.text.section-wall-at-most": "{max} mm より薄く",
+  "figure.label.section-wall-per-side": "面ごとに",
   "figure.label.group-section": "断面",
   "figure.label.section-corner": "角の半径",
   "figure.text.section-corner-differs": "軸ごとに異なる",
-  "figure.label.section-cavity": "中空",
+  "figure.label.section-cavity": "内部の空間をつくる",
   "figure.label.section-wall": "壁の厚さ",
-  "figure.text.section-wall-differs": "面ごとに異なる",
   "figure.label.section-end-closed": "閉じる",
   "figure.label.section-end-open": "開く",
   "figure.text.section-face-in-use": "変更しませんでした: {faces} に取り付けられたものがあります。先に外してください。",

package/translations/ko.json

@@ -188,12 +188,47 @@
   "figure.label.palette-token": "팔레트 토큰",
   "figure.label.part": "부품",
   "figure.label.part-material": "재질",
+  "figure.button.section-editor-open": "단면 편집",
+  "figure.label.section-editor": "단면 편집",
+  "figure.text.section-editor-length": "돌출 길이 {length} mm",
+  "figure.label.section-editor-outline": "윤곽",
+  "figure.label.section-editor-solid": "입체 결과",
+  "figure.button.section-editor-back": "되돌리기",
+  "figure.text.section-editor-hint": "점을 끌거나 좌표를 입력합니다. 선을 누르면 가운데에 점이 생깁니다.",
+  "figure.text.section-editor-stale": "창을 연 뒤 도형이 바뀌었습니다. 닫고 다시 여세요.",
+  "figure.button.section-editor-cancel": "취소",
+  "figure.button.section-editor-apply": "적용",
+  "figure.text.section-editor-last-valid": "입체 결과는 마지막으로 유효했던 모양입니다.",
+  "figure.text.section-editor-units": "mm · 원점 기준 · 오른쪽 {h}, 아래 {v}",
+  "figure.text.section-editor-add-here": "{a}–{b} 선 가운데에 점 추가",
+  "figure.label.section-editor-points": "점",
+  "figure.label.section-editor-coordinate": "점 {point} {axis}",
+  "figure.button.section-editor-remove": "{point} 지우기",
+  "figure.text.section-issue-cross": "{a} 선과 {b} 선이 교차합니다. 표시된 점을 옮겨 주세요.",
+  "figure.text.section-issue-touch": "{a} 선과 {b} 선이 서로 닿습니다. 표시된 점을 옮겨 주세요.",
+  "figure.text.section-issue-fold": "{b} 선이 {a} 선 위로 되돌아갑니다. 표시된 점을 옮겨 주세요.",
+  "figure.text.section-issue-zero-length": "{a} 선의 두 점이 같은 자리에 있습니다. 한 점을 옮기거나 지워 주세요.",
+  "figure.text.section-issue-zero-area": "점들이 한 줄에 있어 면적이 없습니다.",
+  "figure.text.section-issue-too-few": "점이 세 개보다 적으면 단면이 되지 않습니다.",
+  "figure.text.section-issue-too-many": "점은 {limit}개까지 둘 수 있습니다.",
+  "figure.text.section-issue-number": "숫자를 입력해 주세요.",
+  "figure.text.section-cavity-unavailable": "이 윤곽에는 속 공간을 만들 수 없습니다. 속 공간은 사각형과 원 단면에 만듭니다.",
+  "figure.text.section-corner-over": "모서리 반지름은 {max} mm 까지입니다.",
+  "figure.text.section-at-most": "최대 {max} mm",
+  "figure.text.section-not-positive": "두께는 0 보다 커야 합니다.",
+  "figure.text.section-wall-over": "벽 두께는 {max} mm 보다 얇아야 합니다.",
+  "figure.text.section-ends-over": "막힌 두 끝의 두께를 더해 {max} mm 보다 얇아야 합니다.",
+  "figure.text.section-depth": "{result} · 깊이 {depth} mm",
+  "figure.label.section-result-pipe": "관",
+  "figure.label.section-result-container": "용기",
+  "figure.label.section-result-sealed": "닫힌 속 공간",
+  "figure.text.section-wall-at-most": "{max} mm 보다 얇게",
+  "figure.label.section-wall-per-side": "면마다 따로",
   "figure.label.group-section": "단면",
   "figure.label.section-corner": "모서리 반지름",
   "figure.text.section-corner-differs": "축마다 다름",
-  "figure.label.section-cavity": "속을 비움",
+  "figure.label.section-cavity": "속 공간 만들기",
   "figure.label.section-wall": "벽 두께",
-  "figure.text.section-wall-differs": "면마다 다름",
   "figure.label.section-end-closed": "막힘",
   "figure.label.section-end-open": "열림",
   "figure.text.section-face-in-use": "이 면에 붙어 있는 것이 있어 바꾸지 않았습니다: {faces}. 먼저 떼어 냅니다.",

package/translations/ms.json

@@ -188,12 +188,47 @@
   "figure.label.palette-token": "palette token",
   "figure.label.part": "part",
   "figure.label.part-material": "material",
+  "figure.button.section-editor-open": "sunting keratan",
+  "figure.label.section-editor": "sunting keratan",
+  "figure.text.section-editor-length": "tolakan {length} mm",
+  "figure.label.section-editor-outline": "garis luar",
+  "figure.label.section-editor-solid": "pepejal",
+  "figure.button.section-editor-back": "buat asal",
+  "figure.text.section-editor-hint": "Seret titik atau taip koordinatnya. Tekan sisi untuk menambah titik di tengahnya.",
+  "figure.text.section-editor-stale": "Rajah berubah selepas ini dibuka. Tutup dan buka semula.",
+  "figure.button.section-editor-cancel": "batal",
+  "figure.button.section-editor-apply": "guna",
+  "figure.text.section-editor-last-valid": "Pepejal menunjukkan bentuk sah yang terakhir.",
+  "figure.text.section-editor-units": "mm · dari asalan · {h} ke kanan, {v} ke bawah",
+  "figure.text.section-editor-add-here": "tambah titik di tengah sisi {a}–{b}",
+  "figure.label.section-editor-points": "titik",
+  "figure.label.section-editor-coordinate": "titik {point} {axis}",
+  "figure.button.section-editor-remove": "padam {point}",
+  "figure.text.section-issue-cross": "Sisi {a} dan {b} bersilang. Alihkan titik yang ditanda.",
+  "figure.text.section-issue-touch": "Sisi {a} dan {b} bersentuhan. Alihkan titik yang ditanda.",
+  "figure.text.section-issue-fold": "Sisi {b} berpatah balik di atas sisi {a}. Alihkan titik yang ditanda.",
+  "figure.text.section-issue-zero-length": "Dua titik sisi {a} berada di tempat yang sama. Alihkan atau padam satu.",
+  "figure.text.section-issue-zero-area": "Titik-titik berada pada satu garis dan tiada luas.",
+  "figure.text.section-issue-too-few": "Keratan memerlukan tiga titik atau lebih.",
+  "figure.text.section-issue-too-many": "Keratan boleh mempunyai sehingga {limit} titik.",
+  "figure.text.section-issue-number": "Taip nombor.",
+  "figure.text.section-cavity-unavailable": "Garis luar ini tidak boleh mempunyai ruang dalam. Ruang dalam dibuat dalam keratan segi empat atau bulatan.",
+  "figure.text.section-corner-over": "Jejari sudut paling banyak {max} mm.",
+  "figure.text.section-at-most": "paling banyak {max} mm",
+  "figure.text.section-not-positive": "Ketebalan mesti lebih daripada 0.",
+  "figure.text.section-wall-over": "Dinding mesti lebih nipis daripada {max} mm.",
+  "figure.text.section-ends-over": "Jumlah ketebalan dua hujung tertutup mesti kurang daripada {max} mm.",
+  "figure.text.section-depth": "{result} · dalam {depth} mm",
+  "figure.label.section-result-pipe": "paip",
+  "figure.label.section-result-container": "bekas",
+  "figure.label.section-result-sealed": "ruang dalam tertutup",
+  "figure.text.section-wall-at-most": "lebih nipis daripada {max} mm",
+  "figure.label.section-wall-per-side": "setiap sisi",
   "figure.label.group-section": "keratan",
   "figure.label.section-corner": "jejari sudut",
   "figure.text.section-corner-differs": "berbeza mengikut paksi",
-  "figure.label.section-cavity": "berongga",
+  "figure.label.section-cavity": "buat ruang dalam",
   "figure.label.section-wall": "ketebalan dinding",
-  "figure.text.section-wall-differs": "berbeza mengikut sisi",
   "figure.label.section-end-closed": "tertutup",
   "figure.label.section-end-open": "terbuka",
   "figure.text.section-face-in-use": "Tidak diubah: ada sesuatu dipasang pada {faces}. Tanggalkannya dahulu.",