@things-factory/figure-ui 10.1.16 → 10.1.17

package/client/modeller/figure-ask.ts

@@ -1,265 +0,0 @@
-import '@material/web/icon/icon.js'
-
-import { css, html, LitElement, nothing } from 'lit'
-import { customElement, property, state } from 'lit/decorators.js'
-
-import { i18next, localize } from '@operato/i18n'
-import type { FigureSource } from '@hatiolab/figure-model'
-import { activePalette } from '@hatiolab/things-scene'
-
-import { proposeFigure } from '../graphql/index.js'
-import type { FigureProposal, ProposalFeedback } from '../types.js'
-
-/**
- * 말로 시키는 줄.
- *
- * ## 무엇을 시키는지가 화면에 보여야 한다
- *
- * 정본이 있으면 **고치는 것**이고, 없으면 **만드는 것**이다. 같은 칸으로 두 가지를
- * 하면 저작자가 「이게 지금 것을 덮어쓰나」를 매번 걱정한다. 그래서 무엇을 할지
- * 칸 옆에 적어 둔다.
- *
- * ## 후보를 여기서 받지 않는다
- *
- * 이 컴포넌트는 시키고 결과를 **알릴 뿐**이다. 받을지 버릴지는 저작면이 정한다 —
- * 정본은 한 벌이고 그 한 벌을 가진 자리가 정해야 한다.
- *
- * ## 팔레트를 함께 보낸다
- *
- * 서버는 팔레트를 모른다. 그리는 쪽이 어떤 토큰을 풀 수 있는지 아는 유일한 자리다.
- */
-@customElement('figure-ask')
-export class FigureAsk extends localize(i18next)(LitElement) {
-  static styles = css`
-    /*
-      이 부품은 **자기 줄을 갖지 않는다.**
-
-      전에는 테두리와 여백으로 스스로 한 줄이 되었다. 저작면의 머리줄 바로 아래에 놓이니
-      화면 위쪽이 두 줄이 되었고, 위 줄은 이름을 페이지 제목과 겹쳐 적고 있었다. 캔버스가
-      주인공인 화면에서 그 두 줄은 비싸다.
-
-      이제 머리줄 안에 들어가 그 줄의 남는 폭을 쓴다. 테두리·여백은 담는 줄이 갖는다.
-    */
-    :host {
-      display: flex;
-      flex: 1;
-      min-width: 0;
-      font: var(--label-font, inherit);
-      /*
-        이 줄의 글자 크기를 여기서 정한다.
-
-        안 적어 두면 브라우저 기본 크기(16px)를 물려받는다. 아래 패널들은 전부 12px
-        언저리라 위 두 줄만 커 보이고, 단추가 화면 전체와 따로 논다.
-
-        form 요소(input · button)는 글꼴을 물려받지 않으므로 각자 적어야 한다.
-      */
-      font-size: 0.76rem;
-    }
-
-    form {
-      display: flex;
-      flex-wrap: wrap;
-      flex: 1;
-      min-width: 0;
-      align-items: center;
-      gap: var(--spacing-medium, 8px);
-    }
-
-    md-icon[lead] {
-      --md-icon-size: 18px;
-      flex: none;
-      color: var(--md-sys-color-primary);
-    }
-
-    input[ask] {
-      flex: 1;
-      min-width: 0;
-      padding: 6px 10px;
-      font: var(--input-field-font, inherit);
-      font-size: 0.78rem;
-      color: var(--md-sys-color-on-surface);
-      background-color: var(--md-sys-color-surface-container-lowest);
-      border: 1px solid var(--md-sys-color-outline-variant);
-      border-radius: 6px;
-    }
-    input[ask]:focus {
-      outline: 2px solid var(--md-sys-color-primary);
-      outline-offset: -1px;
-    }
-    input[ask][disabled] {
-      opacity: 0.5;
-    }
-
-    /* 무엇을 시키는 것인지 — 만드나 고치나 */
-    span[mode] {
-      flex: none;
-      font-size: 0.72rem;
-      color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));
-    }
-
-    /* 그림 붙이기. 붙인 것이 있으면 이름을 보여 준다 */
-    label[picture] {
-      display: flex;
-      align-items: center;
-      gap: 4px;
-      flex: none;
-      padding: 5px 9px;
-      font-size: 0.74rem;
-      color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));
-      border: 1px solid var(--md-sys-color-outline-variant);
-      border-radius: 6px;
-      cursor: pointer;
-    }
-    label[picture]:hover {
-      background-color: var(--md-sys-color-surface-container);
-    }
-    label[picture][has] {
-      color: var(--md-sys-color-on-primary-container);
-      background-color: var(--md-sys-color-primary-container);
-      border-color: transparent;
-    }
-    label[picture] md-icon {
-      --md-icon-size: 16px;
-    }
-    label[picture] input {
-      display: none;
-    }
-    span[filename] {
-      max-width: 8em;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-
-    /*
-      채운 파랑 단추를 저장과 나눠 갖지 않는다.
-
-      머리줄의 저장이 이 화면의 주 동작이다. 바로 아래 줄에 같은 파랑 단추가 하나 더
-      있으면 어느 쪽이 주인지 눈이 못 고른다. 이쪽은 톤 단추로 한 단계 내린다.
-    */
-    button[go] {
-      flex: none;
-      padding: 6px 14px;
-      font: var(--label-font, inherit);
-      font-size: 0.76rem;
-      font-weight: 600;
-      color: var(--md-sys-color-on-primary-container);
-      background-color: var(--md-sys-color-primary-container);
-      border: none;
-      border-radius: 6px;
-      cursor: pointer;
-    }
-    button[go]:hover:not([disabled]) {
-      background-color: color-mix(in srgb, var(--md-sys-color-primary) 24%, var(--md-sys-color-primary-container));
-    }
-    button[go][disabled] {
-      opacity: 0.4;
-      cursor: default;
-    }
-
-    /* 못 만들었을 때. 사유를 삼키지 않는다 — 말을 고쳐 다시 시킬 단서다 */
-    div[failed] {
-      display: flex;
-      gap: 6px;
-      padding: 0 var(--spacing-large, 12px) var(--spacing-medium, 8px) var(--spacing-large, 12px);
-      font-size: 0.74rem;
-      line-height: 1.5;
-      color: var(--md-sys-color-error);
-    }
-    div[failed] md-icon {
-      --md-icon-size: 16px;
-      flex: none;
-    }
-  `
-
-  /** 지금 정본. 있으면 고치는 것이고 없으면 만드는 것이다. */
-  @property({ type: Object }) source?: FigureSource
-  /** 새로 만들 때 쓸 타입 이름. */
-  @property({ type: String }) type = ''
-  /** 이 모델러 세션에서 사람이 명시적으로 남긴 이전 후보 반응. */
-  @property({ type: Array }) feedback: ProposalFeedback[] = []
-  @property({ type: Boolean }) imageOnly = false
-
-  @state() private asking = false
-  @state() private failure = ''
-  @state() private picture?: File
-
-  render() {
-    const revising = !!this.source
-
-    return html`
-      <form title="이미지의 형태와 비율을 참고한 후보를 만듭니다. 저장은 하지 않습니다." @submit=${(e: Event) => this.submit(e)}>
-        <md-icon lead>auto_awesome</md-icon>
-        <span mode>${i18next.t(revising ? 'figure.text.ask-to-revise' : 'figure.text.ask-to-create')}</span>
-        <input
-          ask
-          ?disabled=${this.asking}
-          placeholder=${i18next.t(revising ? 'figure.text.ask-revise-example' : 'figure.text.ask-create-example')}
-        />
-        <label picture ?has=${!!this.picture} title=${i18next.t('figure.text.picture-is-for-proportions')}>
-          <md-icon>image</md-icon>
-          ${this.picture
-            ? html`<span filename>${this.picture.name}</span>`
-            : i18next.t('figure.button.attach-a-picture')}
-          <input type="file" accept="image/*" @change=${(e: Event) => this.pick(e)} />
-        </label>
-        <button go ?disabled=${this.asking || (this.imageOnly && !this.picture)}>
-          ${this.asking ? i18next.t('figure.text.asking') : i18next.t('figure.button.ask')}
-        </button>
-      </form>
-
-      ${this.failure
-        ? html`
-            <div failed>
-              <md-icon>error</md-icon>
-              <span>${this.failure}</span>
-            </div>
-          `
-        : nothing}
-    `
-  }
-
-  private pick(e: Event) {
-    const input = e.target as HTMLInputElement
-    this.picture = input.files?.[0]
-  }
-
-  private async submit(e: Event) {
-    e.preventDefault()
-
-    const input = this.renderRoot.querySelector('input[ask]') as HTMLInputElement
-    const prompt = input?.value?.trim()
-    if (!prompt || this.asking || (this.imageOnly && !this.picture)) {
-      return
-    }
-
-    this.asking = true
-    this.failure = ''
-    const baseSource = this.source ? JSON.stringify(this.source) : undefined
-
-    try {
-      const proposal = await proposeFigure({
-        prompt,
-        base: baseSource,
-        type: this.source ? undefined : this.type,
-        // 그리는 쪽이 풀 수 있는 토큰만 보낸다. 서버는 이 목록 밖의 색을 거절한다.
-        palette: Object.keys(activePalette() as Record<string, string>),
-        // 구조적으로는 맞지만 품질 근거가 남으면 한 번 더 개선 후보를 시킨다.
-        refine: true,
-        feedback: this.feedback,
-        image: this.picture
-      })
-
-      this.dispatchEvent(
-        new CustomEvent('proposed', { detail: { proposal, baseSource }, bubbles: true, composed: true })
-      )
-      input.value = ''
-      this.picture = undefined
-    } catch (err) {
-      // 사유를 그대로 보여 준다. 「실패했습니다」로 뭉개면 말을 어떻게 고칠지 모른다.
-      this.failure = (err as Error).message
-    } finally {
-      this.asking = false
-    }
-  }
-}

package/client/modeller/figure-source.test.ts

@@ -1,352 +0,0 @@
-import { existsSync, readFileSync } from 'fs'
-import { dirname, join } from 'path'
-
-import { toFigureSource, fromFigureSource } from './figure-source'
-import type { BoardModel, PartModel } from './figure-source'
-import type { FigureSource } from '@hatiolab/figure-model'
-
-/**
- * 씬 모델 ↔ `FigureSource`.
- *
- * 저작 중의 정본은 씬 모델이고, 형식은 저장하거나 판정할 때 접어서 만든다. 두 어휘가
- * 다르므로 **옮기는 일이 한 곳에만** 있어야 하고, 그 한 곳이 맞는지를 여기서 못 박는다.
- *
- * 가장 중요한 것은 왕복이다. 접었다 펴면 같아야 하고 펴서 접어도 같아야 한다 —
- * 어느 한쪽에서만 맞으면 AI 가 제안해 온 정본을 편집하는 순간 값이 샌다.
- */
-
-/** 판 3000 x 2000 x 800 — 세 축이 다 달라야 축을 바꿔 써도 시험이 잡는다. */
-const BOARD: BoardModel = {
-  width: 3000,
-  height: 2000,
-  depth: 800,
-  figureType: 'AGV',
-  detailLevel: 'L'
-}
-
-const PART: PartModel = {
-  type: 'figure-part',
-  name: 'deck',
-  primitive: 'cube',
-  left: 1100,
-  top: 700,
-  width: 800,
-  height: 600,
-  zPos: 300,
-  depth: 200,
-  token: 'palette.primary'
-}
-
-describe('접기 — 씬 모델을 형식으로', () => {
-  it('판이 기준 상자가 된다 — 높이는 판의 depth 다', () => {
-    const { base } = toFigureSource(BOARD, [])
-    expect(base).toEqual({ x: 3000, y: 800, z: 2000 })
-  })
-
-  it('부품 자리가 판 중심 기준이 된다', () => {
-    const [part] = toFigureSource(BOARD, [PART]).parts
-
-    // 평면 중심 (1100+400, 700+300) = (1500, 1000), 판 중심 (1500, 1000) → 원점
-    expect(part.transform.position.x).toBe(0)
-    expect(part.transform.position.z).toBe(0)
-  })
-
-  it('zPos 는 밑면이다 — 중심으로 올려 적는다', () => {
-    const [part] = toFigureSource(BOARD, [PART]).parts
-
-    // 밑면 300 + 두께 200/2 = 중심 400. 판 높이 800 의 절반을 빼면 0
-    expect(part.transform.position.y).toBe(0)
-  })
-
-  it('가운데를 벗어난 부품이 그만큼 어긋나 적힌다', () => {
-    const moved = { ...PART, left: 1200, top: 900, zPos: 500 }
-    const [part] = toFigureSource(BOARD, [moved]).parts
-
-    expect(part.transform.position).toEqual({ x: 100, y: 200, z: 200 })
-  })
-
-  it('크기가 축 이름으로 바뀐다 — 두께가 y 다', () => {
-    const [part] = toFigureSource(BOARD, [PART]).parts
-    expect(part.transform.size).toEqual({ x: 800, y: 200, z: 600 })
-  })
-
-  /*
-    씬은 라디안을 쓰고 이름이 뒤섞여 있다 — rotationY 가 three 의 z 로 간다.
-    형식은 도를 쓰고 축 이름이 그대로다.
-  */
-  it('회전이 도로 바뀌고 축이 제자리를 찾는다', () => {
-    const turned = { ...PART, rotationX: Math.PI / 6, rotation: Math.PI / 2, rotationY: Math.PI }
-    const [part] = toFigureSource(BOARD, [turned]).parts
-
-    expect(part.transform.rotation).toEqual({ x: 30, y: -90, z: 180 })
-  })
-
-  it('회전이 없으면 필드를 두지 않는다', () => {
-    const [part] = toFigureSource(BOARD, [PART]).parts
-    expect(part.transform.rotation).toBeUndefined()
-  })
-
-  it('재질이 한 덩어리로 모인다', () => {
-    const [part] = toFigureSource(BOARD, [{ ...PART, preset: 'metal', flatShading: false }]).parts
-    expect(part.material).toEqual({ token: 'palette.primary', preset: 'metal', flatShading: false })
-  })
-
-  it('단면 값이 shape 으로 모인다', () => {
-    const [part] = toFigureSource(BOARD, [{ ...PART, primitive: 'rect', round: 40 }]).parts
-    expect(part.shape).toEqual({ round: 40 })
-  })
-
-  it('단면 값이 없으면 shape 을 두지 않는다', () => {
-    expect(toFigureSource(BOARD, [PART]).parts[0].shape).toBeUndefined()
-  })
-})
-
-describe('펴기 — 형식을 씬 모델로', () => {
-  const SOURCE: FigureSource = {
-    type: 'AGV',
-    base: { x: 3000, y: 800, z: 2000 },
-    detailLevel: 'L',
-    parts: [
-      {
-        name: 'deck',
-        primitive: 'cube',
-        transform: { position: { x: 100, y: 200, z: 200 }, size: { x: 800, y: 200, z: 600 } },
-        material: { token: 'palette.primary' }
-      }
-    ]
-  }
-
-  it('기준 상자가 판이 된다', () => {
-    const { board } = fromFigureSource(SOURCE)
-    expect(board).toMatchObject({ width: 3000, height: 2000, depth: 800 })
-  })
-
-  it('중심 기준 자리가 씬의 모서리·밑면으로 바뀐다', () => {
-    const [part] = fromFigureSource(SOURCE).parts
-    expect(part).toMatchObject({ left: 1200, top: 900, zPos: 500 })
-  })
-
-  it('부품이 씬 타입을 갖는다 — 판에 그대로 놓을 수 있어야 한다', () => {
-    expect(fromFigureSource(SOURCE).parts[0].type).toBe('figure-part')
-  })
-})
-
-/*
-  왕복.
-
-  이것이 이 모듈의 존재 이유다. 한쪽에서만 맞으면 AI 가 제안해 온 정본을 펴서
-  편집하고 다시 접는 순간 값이 샌다 — 그것도 조용히.
-*/
-/**
- * 형식이 가진 것을 되도록 다 담은 정본. 안 쓰이는 필드도 넣는다.
- *
- * describe 밖에 둔다 — 아래 「픽스처가 형식을 다 담는다」가 이것을 형식의 필드 목록과
- * 맞대어 본다.
- */
-/** 형식이 가진 것을 되도록 다 담은 정본. 안 쓰이는 필드도 넣는다. */
-const FULL: FigureSource = {
-  version: 1,
-  type: 'AGV',
-  base: { x: 3000, y: 800, z: 2000 },
-  placement: 'floor',
-  detailLevel: 'L',
-  styleKit: 'factory',
-  parts: [
-    {
-      name: 'deck',
-      primitive: 'cube',
-      transform: { position: { x: 100, y: 200, z: 200 }, size: { x: 800, y: 200, z: 600 } },
-      material: { token: 'palette.primary', preset: 'metal', flatShading: true }
-    },
-    {
-      name: 'wheel',
-      primitive: 'cylinder',
-      segments: 24,
-      transform: {
-        position: { x: -700, y: -260, z: 420 },
-        size: { x: 180, y: 70, z: 180 },
-        rotation: { z: 90 }
-      },
-      material: { token: 'palette.dark', preset: 'rubber' }
-    },
-    {
-      name: 'panel',
-      primitive: 'rect',
-      // 속을 판 단면. 한 겹 안이라 처음 판 시험이 못 봤던 자리다.
-      shape: { round: 40, hollow: { wall: 8, floor: 4 } },
-      transform: {
-        position: { x: 0, y: 260, z: -500 },
-        size: { x: 400, y: 30, z: 200 },
-        rotation: { x: 15, y: -30, z: 45 }
-      },
-      material: { token: 'palette.accent', transparent: true },
-      // 아직 아무 일도 안 하는 필드들. 잃어버리면 안 된다.
-      materialSlot: 'cap',
-      keepRound: false,
-      sizing: 'fixed',
-      anchor: { x: 'span', y: 'max', z: 'center' },
-      label: { name: 'rpm', source: 'speed', when: 'zoomed' }
-    },
-    {
-      name: 'foot',
-      primitive: 'polygon',
-      shape: {
-        path: [
-          { x: -60, y: -40 },
-          { x: 60, y: -40 },
-          { x: 0, y: 40 }
-        ]
-      },
-      transform: { position: { x: 900, y: -340, z: -600 }, size: { x: 120, y: 80, z: 80 } },
-      material: { token: 'palette.neutral' },
-      sizing: 'repeat',
-      repeat: { axis: 'x', pitch: 200 }
-    },
-    {
-      /*
-        물건을 놓는 자리이면서 드나드는 문이다 — AGV 의 상판이 그렇다. **그려지지 않으므로**
-        재질이 없다.
-
-        그리지 않는 것이라 화면으로는 왕복에서 누락됐는지 알 수 없다. 자리를 잃어버린 도형은
-        멀쩡해 보이면서 아무것도 받지 못한다.
-      */
-      name: 'seat',
-      primitive: 'cube',
-      transform: { position: { x: 0, y: 420, z: 0 }, size: { x: 700, y: 500, z: 500 } },
-      capability: { roles: ['slot', 'port-in', 'port-out'], accepts: ['PALLET'], capacity: 2 }
-    }
-  ],
-  /* 이 도형이 지는 능력. 부품이 아니라 도형 전체의 것이다. */
-  capabilities: ['FlowNode'],
-  /*
-    움직임. 편집면이 아직 안 만지는 자리이며, **바로 그래서 여기 있다.**
-
-    이 픽스처가 「형식이 가진 것을 되도록 다 담은 정본」인데 clip 이 빠져 있었고, 그
-    사이 `toFigureSource` 가 clip 을 안 실었다. 시험은 초록이었다 — 픽스처에 없는 것은
-    시험이 못 본다. 표본 롤러에 clip 을 적고 미리보기에서 아무것도 안 돌고 나서야 알았다.
-  */
-  animations: [
-    {
-      name: 'spin',
-      drive: 'loop',
-      channels: [
-        {
-          target: 'wheel',
-          path: 'rotation',
-          pivot: { x: 0, y: 0, z: 0 },
-          keys: [
-            { at: 0, value: { x: 0, y: 0, z: 0 } },
-            { at: 1, value: { x: 0, y: 360, z: 0 } }
-          ]
-        }
-      ]
-    }
-  ]
-}
-
-describe('왕복해도 같다', () => {
-
-  it('펴서 접으면 그대로다', () => {
-    const { board, parts } = fromFigureSource(FULL)
-    expect(toFigureSource(board, parts)).toEqual(FULL)
-  })
-
-  it('접어서 펴면 그대로다', () => {
-    const { board, parts } = fromFigureSource(FULL)
-    const again = fromFigureSource(toFigureSource(board, parts))
-
-    expect(again.board).toEqual(board)
-    expect(again.parts).toEqual(parts)
-  })
-
-  it('두 번 왕복해도 값이 밀리지 않는다 — 라디안·도를 오가도', () => {
-    let source = FULL
-    for (let i = 0; i < 5; i++) {
-      const { board, parts } = fromFigureSource(source)
-      source = toFigureSource(board, parts)
-    }
-    expect(source).toEqual(FULL)
-  })
-
-  it('움직임도 살아남는다 — 열었다 저장하는 것만으로 지워지던 자리다', () => {
-    const { board, parts } = fromFigureSource(FULL)
-
-    expect(toFigureSource(board, parts).animations).toEqual(FULL.animations)
-  })
-
-  it('안 쓰이는 필드도 살아남는다 — 조용히 사라지면 저작자가 알 길이 없다', () => {
-    const { board, parts } = fromFigureSource(FULL)
-    const panel = toFigureSource(board, parts).parts.find(part => part.name === 'panel')!
-
-    expect(panel.materialSlot).toBe('cap')
-    expect(panel.sizing).toBe('fixed')
-    expect(panel.label).toEqual({ name: 'rpm', source: 'speed', when: 'zoomed' })
-  })
-})
-
-/*
-  픽스처가 형식을 따라가는지.
-
-  **이 파일에서 필드가 네 번 샜다** — `ports` · `animations` · `anchor` · `shape.hollow`.
-  네 번 다 왕복 시험은 초록이었다. 위의 `FULL` 이 「형식이 가진 것을 되도록 다 담은
-  정본」이라고 적혀 있었지만 실제로는 그때그때 손으로 채운 것이라, 형식에 필드가 늘면
-  픽스처는 그대로 있고 시험은 늘어난 자리를 보지 못했다.
-
-  네 번째 것은 **한 겹 안**이라 최상위만 세던 첫 판이 놓쳤다. 그래서 픽스처의 키를
-  깊이 상관없이 다 모아 놓고 맞댄다.
-
-  그래서 픽스처를 믿지 않고 **형식이 스스로 밝힌 필드 목록**을 읽는다. 형식이 붙은
-  타입 선언(`dist/types.d.ts`)이 정본이고, 거기 적힌 이름이 픽스처에 없으면 여기서
-  깨진다. 다음 번 필드는 화면이 아니라 이 시험이 먼저 잡는다.
-*/
-describe('픽스처가 형식을 다 담는다', () => {
-  /**
-   * 형식이 붙여 보낸 타입 선언 파일.
-   *
-   * `require.resolve` 로는 못 잡는다 — jest 의 resolver 가 `.d.ts` 를 모듈로 보지
-   * 않는다. 올라가면서 찾고, 못 찾으면 조용히 건너뛰지 않고 여기서 깨진다.
-   */
-  function declarationPath(): string {
-    for (let at = __dirname; at !== dirname(at); at = dirname(at)) {
-      const candidate = join(at, 'node_modules/@hatiolab/figure-model/dist/types.d.ts')
-      if (existsSync(candidate)) return candidate
-    }
-    throw new Error('figure-model 의 타입 선언을 못 찾았다 — 이 시험은 그것이 정본이다')
-  }
-
-  /** 붙은 타입 선언에서 한 인터페이스의 필드 이름을 뽑는다. */
-  function fieldsOf(name: string): string[] {
-    const declared = readFileSync(declarationPath(), 'utf-8')
-    const start = declared.indexOf(`export interface ${name} {`)
-    expect(start).toBeGreaterThan(-1)
-
-    // 중첩이 없는 평평한 인터페이스다. 다음 닫는 중괄호가 끝이다.
-    const body = declared.slice(start, declared.indexOf('\n}', start))
-    return [...body.matchAll(/^\s{4}(\w+)\??:/gm)].map(m => m[1])
-  }
-
-  /** 픽스처가 쓴 키를 깊이 상관없이 모은다 — 흘린 필드가 한 겹 안에 있었다. */
-  function keysDeep(value: unknown, into = new Set<string>()): Set<string> {
-    if (Array.isArray(value)) value.forEach(one => keysDeep(one, into))
-    else if (value && typeof value === 'object') {
-      for (const [key, one] of Object.entries(value)) {
-        into.add(key)
-        keysDeep(one, into)
-      }
-    }
-    return into
-  }
-
-  const WRITTEN = keysDeep(FULL)
-
-  /*
-    `fold` 가 실제로 낱개로 푸는 것들이다. 통째로 나르는 구조(`transform` 처럼)는 필드가
-    늘어도 안 새므로 여기 없다.
-  */
-  it.each(['FigureSource', 'FigurePart', 'PartShape', 'HollowSpec'])(
-    '%s 가 가진 모든 필드가 왕복 픽스처에 있다',
-    name => {
-      expect(fieldsOf(name).filter(field => !WRITTEN.has(field))).toEqual([])
-    }
-  )
-})

package/dist-client/modeller/figure-ask.d.ts

@@ -1,40 +0,0 @@
-import '@material/web/icon/icon.js';
-import { LitElement } from 'lit';
-import type { FigureSource } from '@hatiolab/figure-model';
-import type { ProposalFeedback } from '../types.js';
-declare const FigureAsk_base: (new (...args: any[]) => LitElement) & typeof LitElement;
-/**
- * 말로 시키는 줄.
- *
- * ## 무엇을 시키는지가 화면에 보여야 한다
- *
- * 정본이 있으면 **고치는 것**이고, 없으면 **만드는 것**이다. 같은 칸으로 두 가지를
- * 하면 저작자가 「이게 지금 것을 덮어쓰나」를 매번 걱정한다. 그래서 무엇을 할지
- * 칸 옆에 적어 둔다.
- *
- * ## 후보를 여기서 받지 않는다
- *
- * 이 컴포넌트는 시키고 결과를 **알릴 뿐**이다. 받을지 버릴지는 저작면이 정한다 —
- * 정본은 한 벌이고 그 한 벌을 가진 자리가 정해야 한다.
- *
- * ## 팔레트를 함께 보낸다
- *
- * 서버는 팔레트를 모른다. 그리는 쪽이 어떤 토큰을 풀 수 있는지 아는 유일한 자리다.
- */
-export declare class FigureAsk extends FigureAsk_base {
-    static styles: import("lit").CSSResult;
-    /** 지금 정본. 있으면 고치는 것이고 없으면 만드는 것이다. */
-    source?: FigureSource;
-    /** 새로 만들 때 쓸 타입 이름. */
-    type: string;
-    /** 이 모델러 세션에서 사람이 명시적으로 남긴 이전 후보 반응. */
-    feedback: ProposalFeedback[];
-    imageOnly: boolean;
-    private asking;
-    private failure;
-    private picture?;
-    render(): import("lit-html").TemplateResult<1>;
-    private pick;
-    private submit;
-}
-export {};