@things-factory/figure-ui 10.1.161 → 10.1.162

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/figure-ui",
-  "version": "10.1.161",
+  "version": "10.1.162",
   "publishConfig": {
     "access": "public",
     "@things-factory:registry": "https://registry.npmjs.org"
@@ -47,5 +47,5 @@
     "@things-factory/setting-base": "^10.1.159",
     "three": "^0.185.1"
   },
-  "gitHead": "d32fe0614ea40572787acd94e307cc18a681ab38"
+  "gitHead": "7be9e6436b89213940c684c0cdc60343e8148e73"
 }

package/test/browser/product-page.check.mjs

@@ -698,7 +698,7 @@ describe('the catalogue preview', () => {
       product.forget()
       product.openDetail('a')
     })
-    await press('figure-detail-dock >>> footer button', 'edit')
+    await press('figure-detail-dock >>> button[edit]', 'edit')
     await until(() => product.navigations().length, 'the modeller opened')
     assert.deepEqual(await read(() => product.navigations().map(({ path, detailShown }) => ({ path, detailShown }))), [{ path: '/figure-modeller/a', detailShown: false }])
   })

package/test/browser/screen.check.mjs

@@ -1,5 +1,5 @@
 /*
- * The modeller's screen in a real browser: its frame (three panes, the side's six tabs, the bar over the work), a new
+ * The modeller's screen in a real browser: its frame (three panes, the side's seven tabs, the bar over the work), a new
  * figure's first minute, the side panel as parts are chosen, the view tab, the preview, the verdict tab and the card's
  * picture -- each read as a person meets it, after doing what a person does (a click, a key, a narrower window).
  *
@@ -150,7 +150,7 @@ describe('the verdict tab over a figure, as the modeller page mounts it', () =>
   })
 })
 
-describe('the frame: parts · canvas · one side of six tabs, and the bar over the work', () => {
+describe('the frame: parts · canvas · one side of seven tabs, and the bar over the work', () => {
   before(() => mount('box'))
 
   test('three panes: the parts list on the left, the canvas in the middle, the side on the right -- one side, nothing under the canvas', async () => {
@@ -185,13 +185,13 @@ describe('the frame: parts · canvas · one side of six tabs, and the bar over t
     assert.equal(await read(() => getComputedStyle(screenCheck.editor()).containerType), 'inline-size')
   })
 
-  test('the side\'s six tabs, in order, each saying its name under its icon -- the name it is read by', async () => {
+  test('the side\'s seven tabs, in order, each saying its name under its icon -- the name it is read by', async () => {
     const tabs = await read(() =>
       [...screenCheck.editor().shadowRoot.querySelectorAll('aside button[tab]')].map(b => ({ label: b.getAttribute('aria-label'), shows: b.querySelector('span[tab-label]')?.textContent.trim() }))
     )
     assert.deepEqual(
       tabs.map(t => t.label),
-      ['properties', 'capability', 'motion', 'verdict', 'view', 'history'].map(TAB)
+      ['properties', 'capability', 'motion', 'data', 'verdict', 'view', 'history'].map(TAB)
     )
     for (const tab of tabs) assert.equal(tab.shows, tab.label, `${tab.label} shows its name`)
     assert.equal(await read(() => screenCheck.editor().shadowRoot.querySelector('aside').firstElementChild.matches('div[tabs]')), true, 'the tabs are the side\'s first row')
@@ -200,15 +200,15 @@ describe('the frame: parts · canvas · one side of six tabs, and the bar over t
   test('a tab shows its panel and hides the others without taking them down -- the verdict keeps what it holds', async () => {
     const panels = () =>
       read(() => [...screenCheck.editor().shadowRoot.querySelectorAll('aside > div[panel]')].map(p => ({ seen: p.getBoundingClientRect().height > 0, connected: p.isConnected, verdict: !!p.querySelector('slot[name=verdict]') })))
-    const tabs = ['properties', 'capability', 'motion', 'verdict', 'view', 'history']
+    const tabs = ['properties', 'capability', 'motion', 'data', 'verdict', 'view', 'history']
     for (const [at, tab] of tabs.entries()) {
       await pressTab(TAB(tab))
       await until(`${tab} on`, name => screenCheck.editor().shadowRoot.querySelector('button[tab][on]')?.getAttribute('aria-label') === name, TAB(tab))
       const now = await panels()
-      assert.equal(now.length, 6, 'six panels, all standing')
+      assert.equal(now.length, 7, 'seven panels, all standing')
       assert.deepEqual(now.map(p => p.seen), tabs.map((_, i) => i === at), `${tab}: its panel seen, the rest hidden`)
       assert.ok(now.every(p => p.connected))
-      assert.ok(now[3].verdict, 'the verdict panel holds the verdict slot whichever tab is on')
+      assert.ok(now[tabs.indexOf('verdict')].verdict, 'the verdict panel holds the verdict slot whichever tab is on')
     }
     await pressTab(TAB('properties'))
   })

package/test/data-motion.test.ts

@@ -13,7 +13,7 @@ import { editFigurePart, quadrupedRobotFigure, robotDogFigure } from '@hatiolab/
 import type { FigureAsset, FigureDataProperty } from '@hatiolab/figure-model'
 
 import { clipGroupsOf, freeGroupIdOf, groupEdit, undrivenOf } from '../client/modeller/clips.ts'
-import { connectionDraftOf, dataSampleOf, dataTargetsOf, freeDataIdOf, propertyDraftOf, sampleValueOf } from '../client/modeller/data-interface.ts'
+import { connectionDraftOf, dataSampleOf, dataTargetsOf, freeDataIdOf, motionWrittenByData, propertyDraftOf, sampleValueOf } from '../client/modeller/data-interface.ts'
 import { editRefusalOf } from '../client/modeller/refusals.ts'
 
 const read = (path: string) => readFileSync(fileURLToPath(new URL(path, import.meta.url)), 'utf8')
@@ -105,6 +105,21 @@ test('데이터 · 동작 거절은 커널 문장이 아니라 reason 과 값으
   assert.match(refusalOf(() => editFigurePart(lone, { kind: 'set-driver', state: 'fl-knee', clip: 'run', duration: 1, keys: [{ seconds: 0, value: 0 }, { seconds: 1, value: 10 }] })), /^figure\.text\.driver-writers /)
 })
 
+test('미리보기: 데이터가 정하는 그룹 필드는 그룹 칸이 아니라 데이터 값으로 움직인다 (2026-10-14, 로봇 개)', () => {
+  /* The dog's clip and speed are both written by data (mode, cadence): a clip chosen on the group moved nothing. */
+  assert.deepEqual(motionWrittenByData(DOG), { locomotion: { clip: true, speed: true } })
+  /* Only the speed connected: the clip stays the group's to choose. */
+  const speedOnly = { ...DOG, dataInterface: { ...DOG.dataInterface!, connections: DOG.dataInterface!.connections.filter(c => c.target.kind !== 'motion-clip') } }
+  assert.deepEqual(motionWrittenByData(speedOnly), { locomotion: { clip: false, speed: true } })
+  /* No data interface: every group field is the group's own. */
+  const { dataInterface: _gone, ...bare } = DOG
+  assert.deepEqual(motionWrittenByData(bare as FigureAsset), {})
+  const preview = read('../client/modeller/figure-preview.ts')
+  assert.match(preview, /tellInstances\('figureValues', this\.valuing\)/)
+  assert.match(preview, /byData\.clip\s*\? nothing/)
+  assert.match(preview, /byData\.speed\s*\? nothing/)
+})
+
 test('데이터 탭 · 클립 패널 · 미리보기의 배선과 문구', () => {
   const editor = read('../client/modeller/editor.ts')
   assert.match(editor, /renderTab\('data'/)