@things-factory/figure-ui 10.1.3

package/dist-client/pages/figure-modeller-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"figure-modeller-page.js","sourceRoot":"","sources":["../../client/pages/figure-modeller-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '../modeller/figure-side.js'\nimport '../modeller/figure-ask.js'\nimport '../modeller/figure-canvas.js'\nimport '../modeller/figure-preview.js'\nimport '../modeller/figure-parts.js'\nimport '../modeller/figure-inspector.js'\n\nimport { css, html } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { navigate, PageView } from '@operato/shell'\nimport { validate } from '@hatiolab/figure-model'\nimport type { DetailLevel, FigureSource, PrimitiveKind } from '@hatiolab/figure-model'\n\nimport * as edits from '../modeller/part-edits.js'\nimport * as proposals from '../modeller/proposal.js'\nimport { toFigureSource, fromFigureSource } from '../modeller/figure-source.js'\nimport type { BoardModel, PartModel, PlaneAxis } from '../modeller/figure-source.js'\nimport { DEFAULT_VIEW } from '../modeller/figure-view.js'\nimport type { ViewSettings } from '../modeller/figure-view.js'\nimport { createFigure, fetchFigure, fetchFigureTypeNames, updateFigure } from '../graphql/index.js'\nimport type { Figure, FigureFinding } from '../types.js'\n\nconst FigureModellerPageBase = localize(i18next)(PageView) as typeof PageView\n\n/**\n * 어느 칸이 접혀 있나. 왼쪽은 부품 목록, 오른쪽은 속성·판정·설정이다.\n *\n * 이름에 fold 를 안 쓴다. 이 파일에서 그 낱말은 이미 fold.ts 의 것이다 — 편집 상태를\n * 저장 형식으로 접는다는 뜻이라 칸을 접는 것과 아무 상관이 없다. 한 파일에서 한 낱말이\n * 두 가지를 뜻하면 읽는 사람이 매번 어느 쪽인지 가려야 한다.\n */\ninterface Panes {\n  left: boolean\n  right: boolean\n}\n\n/**\n * 접어 둔 것은 **이 브라우저에만** 남는다.\n *\n * 저작한 Figure 에 실리는 값이 아니다. 화면을 어떻게 벌려 놓고 일하느냐는 사람마다\n * 다르고, 같은 Figure 를 다른 사람이 열었을 때 내 화면 배치가 따라가면 곤란하다.\n * 화면 설정(`figure-view`)을 저장하지 않는 것과 같은 이유다.\n *\n * 시크릿 창이나 사이트 데이터를 막은 브라우저에서는 **읽는 것 자체가 던진다.** 그때는\n * 둘 다 펴진 채로 시작한다 — 저작면이 안 뜨는 것보다 낫다.\n */\nconst PANES_KEY = 'figure-modeller.collapsed'\n\nfunction recallPanes(): Panes {\n  try {\n    const said = JSON.parse(localStorage.getItem(PANES_KEY) ?? 'null')\n    return { left: said?.left === true, right: said?.right === true }\n  } catch {\n    return { left: false, right: false }\n  }\n}\n\nfunction rememberPanes(panes: Panes): void {\n  try {\n    localStorage.setItem(PANES_KEY, JSON.stringify(panes))\n  } catch {\n    // 못 적어도 이번 화면은 그대로 동작한다. 다음에 열 때 펴져 있을 뿐이다.\n  }\n}\n\n/**\n * 새로 만든 Figure 의 시작 상태. **씬 모델로 만든다.**\n *\n * 빈 상태로 시작하면 검증이 곧바로 오류를 낸다 — 사용자가 아무것도 하지 않았는데 빨간\n * 화면을 보게 된다. 그래서 부품 하나를 놓아 준다. **처음 열었을 때 바로 무언가 보이는\n * 것**이 이 도구를 익히는 첫 단계다.\n */\nfunction startingModel(type: string): { board: BoardModel; parts: PartModel[] } {\n  return {\n    board: { width: 300, height: 300, depth: 300, figureType: type, detailLevel: 'M' },\n    parts: [\n      {\n        type: 'figure-part',\n        name: 'body',\n        primitive: 'cube',\n        left: 0,\n        top: 0,\n        width: 300,\n        height: 300,\n        zPos: 0,\n        depth: 300,\n        token: 'palette.primary'\n      }\n    ]\n  }\n}\n\n/**\n * Figure 저작면.\n *\n * ## 세 칸이다\n *\n *   왼쪽   도형 팔레트 · 부품 목록 · 속성\n *   가운데 미리보기 — `FigureInstance` 를 실제로 세운다\n *   오른쪽 판단 — 늘 떠 있다\n *\n * 미리보기가 씬 위에서 실제로 동작하는 것이 이 도구의 전제다. **편집한 것이 곧 실제 결과물**이라야\n * \"모델러에서는 되는데 보드에서는 다르다\"가 생기지 않는다.\n *\n * ## 편집 데이터는 씬 모델 하나뿐이다\n *\n * 이 페이지가 갖는 것은 보드 하나와 부품 목록 — 미리보기에 그대로 세워지는 씬 모델이다.\n * 저장 형식(`FigureSource`)으로 바꾸는 것은 **경계에서만** 한다: 저장할 때, 판단할 때,\n * AI 후보와 비교할 때. 그 변환은 `figure-source.ts` 한 곳에서만 일어난다.\n *\n * 팔레트도 속성 편집기도 이 데이터를 직접 수정하지 않는다. 무엇을 하겠다는 것만 알리고,\n * 바꾸는 것은 이 페이지다. 두 곳에서 고치면 실행 취소도 저장도 어느 쪽이 맞는지 알 수\n * 없게 된다.\n */\n@customElement('figure-modeller-page')\nexport class FigureModellerPage extends FigureModellerPageBase {\n  static styles = css`\n    :host {\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n      background-color: var(--md-sys-color-surface);\n      color: var(--md-sys-color-on-surface);\n      /*\n        이 화면의 글자 크기를 여기서 정한다.\n\n        안 적어 두면 브라우저 기본 크기(16px)를 물려받는다. 아래 패널들은 전부 12px\n        언저리라 위 두 줄만 커 보이고, 버튼이 화면 전체와 따로 놀았다.\n\n        form 요소(input · button)는 글꼴을 물려받지 않으므로 각자 적어야 한다.\n      */\n      font-size: 0.76rem;\n    }\n\n    /* 세 칸. 3D 를 가장 크게 둔다 — 이 도구의 주어는 형상이지 속성표가 아니다 */\n    div[edits] {\n      flex: 1;\n      display: grid;\n      grid-template-columns: 220px 1fr 320px;\n      min-height: 0;\n      overflow: hidden;\n    }\n\n    /*\n      **세 칸의 자리를 못 박는다.**\n\n      이것이 없으면 왼쪽을 접었을 때 오른쪽 칸이 가운데 자리로 밀려 들어와 캔버스가\n      통째로 사라진다. display none 인 형제는 그리드 자리를 차지하지 않으므로, 첫째가\n      빠지면 나머지가 한 칸씩 당겨진다. 오른쪽은 마지막이라 빠져도 밀 것이 없어서\n      멀쩡했다 — 한쪽만 고장 나는 종류다.\n\n      이 파일이 이미 한 번 적어 둔 함정이다. 아래 div[lanes] 주석에 같은 말이 있다.\n    */\n    div[edits] > figure-parts {\n      grid-column: 1;\n    }\n    div[edits] > div[middle] {\n      grid-column: 2;\n    }\n    div[edits] > figure-side {\n      grid-column: 3;\n    }\n\n    /*\n      접힌 칸은 **자리를 아예 안 쓴다.**\n\n      폭만 0 으로 줄이면 안쪽이 넘쳐 나와 가운데를 덮는다. 그렇다고 떼어 내면 오른쪽\n      칸이 펼쳐 둔 추이 그림 같은 상태를 잃는다 — figure-side 가 탭을 감출 때도 DOM 에는\n      남기는 것과 같은 이유다. display none 이 둘을 다 지킨다.\n\n      가운데는 접을 때마다 넓이가 바뀌는데, 편집 캔버스와 미리보기가 각자 ResizeObserver\n      를 갖고 있어 3D 가 알아서 따라온다.\n    */\n    div[edits][collapse-left] {\n      grid-template-columns: 0 1fr 320px;\n    }\n    div[edits][collapse-right] {\n      grid-template-columns: 220px 1fr 0;\n    }\n    div[edits][collapse-left][collapse-right] {\n      grid-template-columns: 0 1fr 0;\n    }\n    div[edits][collapse-left] > figure-parts,\n    div[edits][collapse-right] > figure-side {\n      display: none;\n    }\n\n    /* 머리줄 — 무엇을 고치는 중인지 늘 보인다 */\n    div[header] {\n      display: flex;\n      align-items: center;\n      gap: var(--spacing-medium, 8px);\n      padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);\n      border-bottom: 1px solid var(--md-sys-color-outline-variant);\n    }\n    input[name] {\n      flex: none;\n      width: 220px;\n      padding: 5px 9px;\n      font: var(--input-field-font, inherit);\n      font-size: 0.82rem;\n      color: var(--md-sys-color-on-surface);\n      background-color: var(--md-sys-color-surface-container-lowest);\n      border: 1px solid var(--md-sys-color-outline-variant);\n      border-radius: 6px;\n    }\n    /* 타입 이름은 만든 뒤 고칠 수 없다 — 그 사실이 화면에서 보여야 한다 */\n    code[type] {\n      padding: 4px 8px;\n      font-family: var(--mono-font, monospace);\n      font-size: 0.76rem;\n      color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));\n      background-color: var(--md-sys-color-surface-container);\n      border-radius: 6px;\n    }\n    span[dirty] {\n      font: var(--label-font, inherit);\n      font-size: 0.74rem;\n      color: var(--md-sys-color-tertiary);\n    }\n    div[spacer] {\n      flex: 1;\n    }\n    button[save] {\n      padding: 6px 16px;\n      font: var(--label-font, inherit);\n      font-size: 0.76rem;\n      font-weight: 600;\n      color: var(--md-sys-color-on-primary, #fff);\n      background-color: var(--md-sys-color-primary);\n      border: none;\n      border-radius: 6px;\n      cursor: pointer;\n    }\n    button[save][disabled] {\n      opacity: 0.4;\n      cursor: default;\n    }\n\n    /*\n      칸을 벡터 저작도구의 관례대로 놓는다 — 왼쪽에 무엇이 있나(레이어), 오른쪽에\n      고른 것의 속성. 쓰는 사람이 이미 아는 자리라 배울 것이 하나 줄어든다.\n      차별성은 배치가 아니라 가운데의 로우폴리 3D 에 있으므로, 배치로 낯설게 하지\n      않는다.\n\n      오른쪽은 figure-side 가 속성과 판단을 탭으로 겹쳐 둔다. 위아래로 나누면 둘 다\n      잘려서 속성은 재질까지, 판단은 무게까지 못 내려간다. 개수는 탭 이름표에 남아\n      판단을 덮어 두어도 보인다.\n    */\n    figure-side {\n      min-height: 0;\n    }\n\n    figure-canvas,\n    figure-preview {\n      min-width: 0;\n      min-height: 0;\n    }\n\n    /*\n      편집 · 미리보기 전환.\n\n      가운데 칸 위에 얇게 둔다. 무엇을 보고 있는지가 늘 보여야 하고, 두 화면이 같은\n      자리를 쓰므로 어느 쪽인지 모르면 편집이 안 먹는 것처럼 읽힌다.\n    */\n    div[modes] {\n      display: flex;\n      flex: none;\n      gap: 2px;\n      padding: 5px var(--spacing-medium, 8px);\n      border-bottom: 1px solid var(--md-sys-color-outline-variant);\n    }\n    div[modes] button[mode] {\n      padding: 3px 12px;\n      font: var(--label-font, inherit);\n      font-size: 0.74rem;\n      color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));\n      background: none;\n      border: none;\n      border-radius: 6px;\n      cursor: pointer;\n    }\n    div[modes] button[mode]:hover:not([on]) {\n      background-color: var(--md-sys-color-surface-container);\n    }\n    div[modes] button[mode][on] {\n      font-weight: 700;\n      color: var(--md-sys-color-on-primary-container);\n      background-color: var(--md-sys-color-primary-container);\n    }\n\n    /*\n      양쪽 칸을 접는 손잡이. 띠의 양 끝, 접히는 칸 바로 옆이다.\n\n      접었을 때 남는 것이 이것 하나뿐이므로 **접는 자리와 펴는 자리가 같아야 한다.**\n      다른 데 두면 접고 나서 되돌릴 곳을 찾아야 한다.\n    */\n    div[modes] button[collapse] {\n      display: flex;\n      align-items: center;\n      flex: none;\n      padding: 2px 3px;\n      color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));\n      background: none;\n      border: none;\n      border-radius: 6px;\n      cursor: pointer;\n    }\n    div[modes] button[collapse]:hover {\n      background-color: var(--md-sys-color-surface-container);\n    }\n    div[modes] button[collapse] md-icon {\n      --md-icon-size: 18px;\n    }\n\n    /*\n      후보가 오면 가운데를 둘로 나눈다.\n\n      숫자와 JSON 으로 승낙을 받지 않는다 — 저작한 것이 곧 실물이므로 **둘 다 세워\n      놓고** 고르게 한다. 나란히 두지 않으면 무엇이 달라졌는지 기억으로 견줘야 한다.\n    */\n    /*\n      세로로 쌓아 둔다. 그리드로 두었더니 후보가 없을 때 미리보기가 첫 줄(auto)에\n      떨어져 **높이가 0** 이 됐다 — 3D 가 통째로 사라졌다. display:none 인 형제는\n      그리드 자리를 차지하지 않는다.\n    */\n    div[middle] {\n      display: flex;\n      flex-direction: column;\n      min-width: 0;\n      min-height: 0;\n      overflow: hidden;\n    }\n    /*\n      가운데를 채운다. 둘 다 적어야 한다 — 하나만 적으면 감춰졌다 나타난 쪽이 높이 0 이\n      되어 화면이 하얗게 뜬다. 실제로 그렇게 났다.\n    */\n    div[middle] > figure-canvas,\n    div[middle] > figure-preview {\n      flex: 1;\n    }\n    div[lanes] {\n      flex: 1;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 1px;\n      min-height: 0;\n      background-color: var(--md-sys-color-outline-variant);\n    }\n    div[lane] {\n      display: grid;\n      grid-template-rows: auto 1fr;\n      min-width: 0;\n      min-height: 0;\n      background-color: var(--md-sys-color-surface);\n    }\n    div[lane] h4 {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      margin: 0;\n      padding: 5px var(--spacing-medium, 8px);\n      font: var(--label-font, inherit);\n      font-size: var(--ui-t-micro, 11px);\n      font-weight: 700;\n      letter-spacing: 0.04em;\n      text-transform: uppercase;\n      color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));\n    }\n    div[lane][candidate] h4 {\n      color: var(--md-sys-color-primary);\n    }\n    div[lane] h4 small {\n      font-weight: 400;\n      letter-spacing: 0;\n      text-transform: none;\n    }\n\n    /* 받거나 버린다. 그 사이에 다른 것은 없다 */\n    div[decide] {\n      display: flex;\n      align-items: center;\n      gap: var(--spacing-medium, 8px);\n      padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);\n      border-bottom: 1px solid var(--md-sys-color-outline-variant);\n      background-color: var(--md-sys-color-primary-container);\n      color: var(--md-sys-color-on-primary-container);\n      font-size: 0.76rem;\n    }\n    div[decide] div[spacer] {\n      flex: 1;\n    }\n    div[decide] button {\n      padding: 5px 14px;\n      font: var(--label-font, inherit);\n      border-radius: 6px;\n      cursor: pointer;\n    }\n    button[take] {\n      color: var(--md-sys-color-on-primary, #fff);\n      background-color: var(--md-sys-color-primary);\n      border: none;\n    }\n    button[drop] {\n      color: inherit;\n      background: none;\n      border: 1px solid var(--md-sys-color-outline-variant);\n    }\n    button[take][disabled] {\n      opacity: 0.4;\n      cursor: default;\n    }\n\n    /*\n      무엇을 바꾸자는 것인가 — 칩 하나가 변경 하나다.\n\n      통째로만 받게 두면 「몸통은 좋은데 모터 자리가 틀렸다」에 답할 수 없다. 그게\n      가장 흔한 반응이다. 처음에는 전부 골라 둔다 — 통째로 받는 것이 보통의 길이고,\n      빼고 싶은 것만 끄면 된다.\n    */\n    div[changes] {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 4px;\n      padding: 0 var(--spacing-large, 12px) var(--spacing-medium, 8px) var(--spacing-large, 12px);\n      background-color: var(--md-sys-color-primary-container);\n      border-bottom: 1px solid var(--md-sys-color-outline-variant);\n    }\n    button[change] {\n      display: flex;\n      align-items: center;\n      gap: 3px;\n      padding: 2px 9px 2px 5px;\n      font: var(--label-font, inherit);\n      font-size: 0.72rem;\n      color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));\n      background-color: var(--md-sys-color-surface-container-lowest);\n      border: 1px solid var(--md-sys-color-outline-variant);\n      border-radius: 999em;\n      cursor: pointer;\n    }\n    button[change][on] {\n      color: var(--md-sys-color-on-primary, #fff);\n      background-color: var(--md-sys-color-primary);\n      border-color: transparent;\n    }\n    button[change] md-icon {\n      --md-icon-size: 14px;\n    }\n    /* 안 고른 것은 글자에 줄을 그어 「안 받는다」를 말한다 */\n    button[change]:not([on]) span[key] {\n      text-decoration: line-through;\n    }\n\n    /* 고른 조합이 형식을 어기면 미리 알린다. 선택한 뒤에 거절당하는 것보다 낫다 */\n    /* 정책을 넘은 것은 막지 않는다 — 알리기만 한다. 색으로 갈라 둔다 */\n    p[blocked][warn] {\n      color: var(--md-sys-color-tertiary);\n    }\n    p[blocked] {\n      margin: 0;\n      padding: 0 var(--spacing-large, 12px) var(--spacing-medium, 8px) var(--spacing-large, 12px);\n      background-color: var(--md-sys-color-primary-container);\n      font-size: 0.72rem;\n      line-height: 1.5;\n      color: var(--md-sys-color-error);\n    }\n  `\n\n  /** 편집 중인 Figure. 새로 만드는 중이면 `id` 가 없다. */\n  @state() private figure?: Figure\n  /** 편집 데이터 — 미리보기에 그대로 세워지는 씬 모델이다. */\n  @state() private board?: BoardModel\n  @state() private parts: PartModel[] = []\n  @state() private selected = -1\n  /*\n    저작 화면의 **보기 설정**. 조명 · 바닥 · 축 가이드 같은 것이다.\n\n    자산이 아니라 작업대라 저장되지 않는다 — `toFigureSource` 가 집어 가지 않는다.\n    자세한 것은 `modeller/figure-view.ts` 를 보라.\n  */\n  @state() private view: ViewSettings = DEFAULT_VIEW\n  /**\n   * 가운데 칸이 무엇을 보이나.\n   *\n   * 편집 캔버스는 늘 기준 크기다. 그런데 이 형식의 값 절반은 크기가 달라졌을 때 어떻게\n   * 반응하는가에 있다. 그것을 볼 자리가 없었다.\n   */\n  @state() private mode: 'edit' | 'preview' = 'edit'\n  /**\n   * 어느 칸이 접혀 있나.\n   *\n   * 통째로 갈아 끼운다 — 안쪽 값만 바꾸면 Lit 이 같은 객체로 보고 다시 그리지 않는다.\n   */\n  @state() private collapsed: Panes = recallPanes()\n  @state() private dirty = false\n  @state() private saving = false\n  @state() private violations: FigureFinding[] = []\n  /** 저작 보조가 낸 후보. 받기 전에는 원본 데이터가 아니다. */\n  @state() private proposal?: FigureSource\n  /** 그 후보의 셈. 무엇을 받는 것인지 숫자로도 보여 준다. */\n  @state() private proposalOf?: { grade: string; triangles: number; groups: number; attempts: number }\n  /** 받기로 고른 변경들. 처음에는 전부 골라 둔다. */\n  @state() private picked = new Set<string>()\n\n  /**\n   * 저장 형식으로 변환한 것. 씬 모델이 바뀔 때만 다시 만든다.\n   *\n   * 저장·판단·AI 후보 비교가 이것을 쓴다. 렌더링할 때마다 새로 만들면 판단 패널이 매번\n   * 다시 계산하므로, 변환은 `willUpdate` 에서 한 번만 한다.\n   */\n  private folded?: FigureSource\n\n  willUpdate(changed: Map<string, unknown>) {\n    if (changed.has('board') || changed.has('parts')) {\n      this.folded = this.board ? toFigureSource(this.board, this.parts) : undefined\n    }\n  }\n\n  get context() {\n    return {\n      title: this.figure?.name ?? i18next.t('title.new-figure')\n    }\n  }\n\n  render() {\n    const source = this.folded\n\n    return html`\n      <div header>\n        <input\n          name\n          .value=${this.figure?.name ?? ''}\n          placeholder=${i18next.t('text.figure-display-name')}\n          @change=${(e: Event) => this.rename((e.target as HTMLInputElement).value)}\n        />\n        <code type title=${i18next.t('text.type-name-cannot-change')}>${this.board?.figureType ?? ''}</code>\n        ${this.dirty ? html`<span dirty>${i18next.t('text.unsaved-changes')}</span>` : ''}\n        <div spacer></div>\n        <button save ?disabled=${!this.canSave} @click=${() => this.save()}>\n          ${this.saving ? i18next.t('text.saving') : i18next.t('button.save')}\n        </button>\n      </div>\n\n      <figure-ask\n        .source=${source}\n        .type=${source?.type ?? ''}\n        @proposed=${(e: CustomEvent) => this.receive(e.detail.proposal)}\n      ></figure-ask>\n\n      <div\n        edits\n        ?collapse-left=${this.collapsed.left}\n        ?collapse-right=${this.collapsed.right}\n        @add-part=${(e: CustomEvent) => this.addPart(e.detail.primitive)}\n        @select-part=${(e: CustomEvent) => (this.selected = e.detail.index)}\n        @remove-part=${(e: CustomEvent) => this.removePart(e.detail.index)}\n        @duplicate-part=${(e: CustomEvent) => this.duplicatePart(e.detail.index)}\n        @move-part-up=${(e: CustomEvent) => this.movePart(e.detail.index, e.detail.to)}\n        @move-part-down=${(e: CustomEvent) => this.movePart(e.detail.index, e.detail.to)}\n        @update-part=${(e: CustomEvent) => this.updatePart(e.detail.index, e.detail.part)}\n        @part-changed=${(e: CustomEvent) => this.partChanged(e.detail.name, e.detail.part)}\n        @toggle-part-hidden=${(e: CustomEvent) => this.toggleHidden(e.detail.index)}\n        @set-all-parts-hidden=${(e: CustomEvent) => this.setAllHidden(e.detail.hidden)}\n        @change-detail-level=${(e: CustomEvent) => this.changeDetailLevel(e.detail.level)}\n        @part-tool=${(e: CustomEvent) => this.runTool(e.detail.index, e.detail.tool, e.detail.axis)}\n        @pick-part=${(e: CustomEvent) => this.pickPart(e.detail.name)}\n      >\n        <figure-parts\n          .parts=${this.parts}\n          .level=${(this.board?.detailLevel ?? 'M') as DetailLevel}\n          .selected=${this.selected}\n        ></figure-parts>\n\n        <div middle>\n          ${this.renderBar()}\n          ${this.proposal ? this.renderDecision() : ''}\n          ${this.proposal\n            ? html`\n                <div lanes>\n                  <div lane>\n                    <h4>${i18next.t('label.now')}</h4>\n                    <figure-canvas\n                      .board=${this.board}\n                      .parts=${this.parts}\n                      .picked=${this.pickedName}\n                      .view=${this.view}\n                    ></figure-canvas>\n                  </div>\n                  <div lane candidate>\n                    <h4>\n                      ${i18next.t('label.proposed')}\n                      ${this.proposalOf\n                        ? html`<small>\n                            ${this.proposalOf.grade} ·\n                            ${i18next.t('text.n-triangles', { count: this.proposalOf.triangles })}\n                          </small>`\n                        : ''}\n                    </h4>\n                    ${this.renderProposed()}\n                  </div>\n                </div>\n              `\n            : this.mode === 'preview'\n              ? html`<figure-preview .source=${source}></figure-preview>`\n              : html`<figure-canvas\n                  .board=${this.board}\n                  .parts=${this.parts}\n                  .picked=${this.pickedName}\n                ></figure-canvas>`}\n        </div>\n\n        <figure-side\n          .board=${this.board}\n          .parts=${this.parts}\n          .source=${source}\n          .selected=${this.selected}\n          .view=${this.view}\n          @update-view=${(e: CustomEvent) => (this.view = e.detail.view)}\n        ></figure-side>\n      </div>\n    `\n  }\n\n  /**\n   * 가운데 칸 위의 띠 — 무엇을 보고 있나와, 양쪽 칸을 접는 손잡이.\n   *\n   * ## 무엇을 보고 있나\n   *\n   * 편집과 미리보기는 같은 자리를 놓고 다투지 않는다. 둘 다 넓이가 필요하고, 동시에\n   * 봐야 할 일이 없다. 부품을 고치는 동안에는 편집만 보면 되고, 다 고친 뒤에 보드에서\n   * 어떻게 되는지 보면 된다.\n   *\n   * 후보가 와 있을 때는 그 두 단추를 내지 않는다. 그때는 가운데가 이미 둘로 나뉘어\n   * 있다.\n   *\n   * ## 띠는 늘 있다\n   *\n   * 손잡이가 여기 있기 때문이다. 후보가 왔다고 띠를 통째로 감추면, 칸을 접어 둔 채로\n   * 후보를 받으면 되돌릴 방법이 없어진다.\n   */\n  private renderBar() {\n    const one = (mode: 'edit' | 'preview') => html`\n      <button\n        mode\n        ?on=${this.mode === mode}\n        title=${i18next.t('text.mode-' + mode + '-explained')}\n        @click=${() => (this.mode = mode)}\n      >\n        ${i18next.t('label.mode-' + mode)}\n      </button>\n    `\n\n    return html`<div modes>\n      ${this.renderCollapse('left')}${this.proposal ? '' : html`${one('edit')}${one('preview')}`}\n      <div spacer></div>\n      ${this.renderCollapse('right')}\n    </div>`\n  }\n\n  /**\n   * 한쪽 칸을 접고 펴는 손잡이.\n   *\n   * 화살표는 **누르면 무엇이 일어나는지**를 가리킨다 — 펴져 있으면 칸이 사라질 쪽,\n   * 접혀 있으면 칸이 돌아올 쪽. 지금 상태를 가리키게 하면 반대로 읽힌다.\n   */\n  private renderCollapse(side: keyof Panes) {\n    const gone = this.collapsed[side]\n    const shut = side === 'left' ? 'chevron_left' : 'chevron_right'\n    const back = side === 'left' ? 'chevron_right' : 'chevron_left'\n    const pane = side === 'left' ? 'parts' : 'properties'\n\n    return html`\n      <button\n        collapse\n        title=${i18next.t(`text.${gone ? 'expand' : 'collapse'}-${pane}-pane`)}\n        @click=${() => this.toggleCollapse(side)}\n      >\n        <md-icon>${gone ? back : shut}</md-icon>\n      </button>\n    `\n  }\n\n  private toggleCollapse(side: keyof Panes): void {\n    this.collapsed = { ...this.collapsed, [side]: !this.collapsed[side] }\n    rememberPanes(this.collapsed)\n  }\n\n  /**\n   * AI 후보를 나란히 세운다.\n   *\n   * 후보는 저장 형식으로 온다. 미리보기는 씬 모델을 받으므로 여기서 한 번 변환한다 —\n   * 후보를 받아들이기 전까지는 편집 데이터가 아니므로 상태로 두지 않는다.\n   */\n  private renderProposed() {\n    if (!this.proposal) return ''\n\n    const { board, parts } = fromFigureSource(this.proposal)\n    return html`<figure-canvas .board=${board} .parts=${parts} .viewOnly=${true}></figure-canvas>`\n  }\n\n  /**\n   * 무엇을 받을지 고른다.\n   *\n   * 통째로만 받게 두면 「몸통은 좋은데 모터 자리가 틀렸다」에 답할 수 없다 — 그게\n   * 가장 흔한 반응이다. 변경 하나가 칩 하나이고, 처음에는 전부 골라 둔다. 통째로\n   * 받는 것이 보통의 길이므로 그것이 한 번 누르기여야 한다.\n   *\n   * 고른 조합을 **받기 전에 재 본다.** 형식을 어기면 못 누르게 하고, 정책을 넘으면\n   * 알린다. 골라 받으면 후보를 낼 때와 다른 조합이 되므로 후보의 점수를 그대로\n   * 믿을 수 없다 — 예를 들어 등급은 안 받고 부품만 받으면 부품 수 한도를 넘는다.\n   *\n   * 형식 오류가 실제로 나는 조합은 아직 보지 못했다. 그래도 두는 것은 값이 거의\n   * 안 들고, 우리가 생각 못 한 조합을 막아 주기 때문이다.\n   */\n  private renderDecision() {\n    if (!this.proposal) return ''\n\n    const changes = proposals.diffProposal(this.folded, this.proposal)\n    const picked = proposals.applyProposal(this.folded, this.proposal, this.picked)\n    const { errors, violations } = validate(picked)\n\n    return html`\n      <div decide>\n        <span>${i18next.t('text.assistant-proposed-a-figure')}</span>\n        <div spacer></div>\n        <button drop @click=${() => this.discard()}>${i18next.t('button.discard')}</button>\n        <button take ?disabled=${errors.length > 0 || this.picked.size === 0} @click=${() => this.take()}>\n          ${i18next.t('button.take-n-changes', { n: this.picked.size })}\n        </button>\n      </div>\n\n      ${changes.length > 0\n        ? html`\n            <div changes>\n              ${changes.map(change => this.renderChange(change))}\n            </div>\n          `\n        : ''}\n      ${errors.length > 0\n        ? html`<p blocked>${i18next.t('text.picked-changes-do-not-validate')} — ${errors[0].message}</p>`\n        : violations.length > 0\n          ? html`<p blocked warn>${violations[0].message}</p>`\n          : ''}\n    `\n  }\n\n  /** 변경 하나. 무엇을 하겠다는 것인지 부호로 먼저 말한다. */\n  private renderChange(change: proposals.ProposalChange) {\n    const icon = {\n      added: 'add',\n      changed: 'edit',\n      removed: 'remove',\n      base: 'aspect_ratio',\n      detail: 'tune',\n      anchor: 'my_location',\n      styleKit: 'palette'\n    }[change.kind]\n\n    const on = this.picked.has(change.key)\n\n    return html`\n      <button\n        change\n        ?on=${on}\n        title=${i18next.t('text.change-' + change.kind)}\n        @click=${() => this.toggle(change.key)}\n      >\n        <md-icon>${icon}</md-icon>\n        <span key>${change.key}</span>\n      </button>\n    `\n  }\n\n  private toggle(key: string) {\n    const next = new Set(this.picked)\n    if (next.has(key)) next.delete(key)\n    else next.add(key)\n    this.picked = next\n  }\n\n  /**\n   * 후보가 왔다.\n   *\n   * 원본 데이터에 넣지 않는다. 나란히 두고 저작자가 고른다. AI 가 원본 데이터에 직접 쓰면\n   * 무엇이 자기 것이고 무엇이 기계 것인지 모르게 된다.\n   */\n  private receive(proposal: {\n    source: string\n    grade: string\n    triangles: number\n    groups: number\n    attempts: number\n  }) {\n    this.proposal = JSON.parse(proposal.source) as FigureSource\n    // 처음에는 전부 골라 둔다 — 통째로 받는 것이 보통의 길이다.\n    this.picked = new Set(proposals.diffProposal(this.folded, this.proposal).map(change => change.key))\n    this.proposalOf = {\n      grade: proposal.grade,\n      triangles: proposal.triangles,\n      groups: proposal.groups,\n      attempts: proposal.attempts\n    }\n  }\n\n  /**\n   * 고른 변경을 받아들인다.\n   *\n   * 후보 비교는 저장 형식으로 한다 — 부품 이름으로 짝짓고 기준 치수·등급까지 함께 봐야\n   * 하므로 그쪽이 자연스럽다. 받아들인 결과는 다시 씬 모델로 되돌려 편집을 이어간다.\n   */\n  private take() {\n    if (!this.proposal) return\n\n    const taken = proposals.applyProposal(this.folded, this.proposal, this.picked)\n    const { board, parts } = fromFigureSource(taken)\n\n    this.board = board\n    this.parts = parts\n    this.selected = parts.length ? 0 : -1\n    this.dirty = true\n    this.discard()\n  }\n\n  private discard() {\n    this.proposal = undefined\n    this.proposalOf = undefined\n    this.picked = new Set()\n  }\n\n  /**\n   * 저장할 수 있나.\n   *\n   * 형식을 어긴 원본 데이터로는 저장을 누를 수 없게 한다. 눌렀다가 서버가 받아주지 않는 것보다,\n   * 누를 수 없는 이유가 판단 패널에 떠 있는 것이 낫다.\n   */\n  private get canSave(): boolean {\n    if (this.saving || !this.folded || !this.figure?.name) {\n      return false\n    }\n    return validate(this.folded).errors.length === 0\n  }\n\n  async pageUpdated(changes: Record<string, unknown>, lifecycle: { resourceId?: string }) {\n    if (!this.active) {\n      return\n    }\n\n    const id = lifecycle?.resourceId\n    if (id && id !== this.figure?.id) {\n      await this.load(id)\n    } else if (!id && !this.figure) {\n      this.startNew()\n    }\n  }\n\n  private async load(id: string) {\n    const figure = await fetchFigure(id)\n\n    this.figure = figure\n\n    // 서버가 준 것을 그대로 쓴다. 읽지 못하면 오류보고없이 빈 상태로 바꾸지 않는다.\n    // 그러면 사용자가 저장을 선택해 원본을 덮어쓴다.\n    const model = figure.source ? fromFigureSource(JSON.parse(figure.source) as FigureSource) : undefined\n    this.board = model?.board\n    this.parts = model?.parts ?? []\n\n    /*\n      **아무것도 고르지 않은 채로 연다.**\n\n      전에는 첫 부품을 잡아 두었다. 그러면 사용자가 고른 적 없는 부품의 속성이 떠 있고,\n      캔버스에는 그 부품의 윤곽선이 그려진다. 모델 전체를 보려면 먼저 선택을 풀어야 했다.\n\n      속성 패널의 빈 상태도 그래서 **열었을 때 한 번도 안 보였다.** 처음 여는 사람에게\n      「왼쪽에서 부품을 고르는 도구」라고 알려 줄 자리가 그 화면이다.\n\n      새로 만들 때(`startNew`)는 다르다. 방금 부품을 만들었으니 바로 편집하려는 것이 맞다.\n    */\n    this.selected = -1\n    this.dirty = false\n    this.violations = []\n  }\n\n  private startNew() {\n    // 타입 이름을 사람이 정하기 전까지는 임시 이름을 쓴다. 저장할 때 확정한다.\n    const draftType = `FIGURE_${Date.now().toString(36).toUpperCase()}`\n    const { board, parts } = startingModel(draftType)\n\n    this.figure = { id: '', type: draftType, name: '' } as Figure\n    this.board = board\n    this.parts = parts\n    this.selected = 0\n    this.dirty = true\n    this.violations = []\n  }\n\n  private rename(name: string) {\n    if (!this.figure) return\n\n    this.figure = { ...this.figure, name }\n    this.dirty = true\n  }\n\n  /**\n   * 부품 목록을 갈아 끼운다.\n   *\n   * 편집 규칙은 `part-edits` 가 갖는다 — 화면과 테스트가 같은 것을 쓰게 하려고 떼어\n   * 놓았다. 여기서는 결과를 담고 선택 인덱스를 정리한다.\n   */\n  private put(parts: PartModel[], selected = this.selected) {\n    this.parts = parts\n    this.selected = Math.min(selected, parts.length - 1)\n    this.dirty = true\n  }\n\n  private addPart(primitive: PrimitiveKind) {\n    if (!this.board) return\n    // 추가한 것을 바로 수정할 수 있게 선택 상태로 둔다.\n    this.put(edits.addPart(this.board, this.parts, primitive), this.parts.length)\n  }\n\n  private removePart(index: number) {\n    this.put(edits.removePart(this.parts, index), Math.max(0, index - 1))\n  }\n\n  private duplicatePart(index: number) {\n    this.put(edits.duplicatePart(this.parts, index), index + 1)\n  }\n\n  private movePart(index: number, to: number) {\n    this.put(edits.movePart(this.parts, index, to), to)\n  }\n\n  private updatePart(index: number, part: PartModel) {\n    this.put(edits.updatePart(this.parts, index, part))\n  }\n\n  /**\n   * 디테일 등급을 바꾼다.\n   *\n   * 이 값은 부품 수 한도를 정하고 성숙도의 한 축이 된다. 부품보다 위에 있는 값이라\n   * 보드에 담는다.\n   *\n   * 한도를 내려서 이미 넣은 부품 수보다 작아질 수 있다. 그때 부품을 지우지 않는다.\n   * 검증이 위반으로 알리고, 성숙도가 등급에 안 맞는다고 말한다. 저작자가 무엇을 뺄지\n   * 정할 일이지 도구가 정할 일이 아니다.\n   */\n  private changeDetailLevel(level: DetailLevel) {\n    if (!this.board) return\n\n    this.board = { ...this.board, detailLevel: level }\n    this.dirty = true\n  }\n\n  /**\n   * 부품을 잠깐 가린다.\n   *\n   * 씬이 이미 갖고 있는 상태를 켜고 끄는 것뿐이다 — 편집 모드에서는 faint 로 보이고\n   * 뷰 모드에서는 안 그려진다. 저장 형식에는 실리지 않으므로 다시 열면 전부 보인다.\n   *\n   * `dirty` 로 치지 않는다. 저장될 것이 하나도 바뀌지 않았는데 \"저장하지 않은 변경\"이\n   * 뜨면, 저장 버튼이 무엇을 저장하겠다는 것인지 알 수 없다.\n   */\n  private toggleHidden(index: number) {\n    const part = this.parts[index]\n    if (!part) return\n\n    this.parts = edits.updatePart(this.parts, index, { ...part, hidden: !part.hidden })\n  }\n\n  /**\n   * 한꺼번에 감추거나 되돌린다.\n   *\n   * 부품 스물짜리에서 안쪽 하나를 보려고 열아홉을 누르던 것을 없앤다. 한 번에 바꾸므로\n   * 목록을 한 번만 갈아 끼운다 — 하나씩 스무 번 갈면 미리보기가 스무 번 다시 선다.\n   */\n  private setAllHidden(hidden: boolean) {\n    this.parts = this.parts.map(part => (part.hidden === hidden ? part : { ...part, hidden }))\n  }\n\n  /**\n   * 미리보기에서 기즈모로 옮기거나 2D 에서 끌었다.\n   *\n   * 알려 오는 것은 부품 **이름**이다. 목록의 몇 번째인지는 여기서 찾는다 — 이벤트가\n   * 오는 사이에 목록이 바뀌었으면 찾지 못하고, 그때는 아무것도 하지 않는다.\n   */\n  private partChanged(name: string, part: PartModel) {\n    const at = this.parts.findIndex(item => item.name === name)\n    if (at >= 0) this.put(edits.updatePart(this.parts, at, part))\n  }\n\n  /**\n   * 정밀 배치 도구.\n   *\n   * 규칙은 `part-edits` 가 갖는다. 여기서는 어느 것을 부를지만 정한다.\n   */\n  private runTool(index: number, tool: string, axis: PlaneAxis) {\n    const board = this.board\n    if (!board) return\n\n    if (tool === 'center') this.put(edits.centerPart(board, this.parts, index, axis))\n    else if (tool === 'floor') this.put(edits.alignPartToStart(this.parts, index, axis))\n    else if (tool === 'snap') this.put(edits.snapPart(board, this.parts, index))\n    // 대칭 복제는 부품이 하나 늘어난다 — 새로 생긴 것을 선택 상태로 둔다\n    else if (tool === 'mirror') this.put(edits.mirrorPart(board, this.parts, index, axis), index + 1)\n  }\n\n  /**\n   * 캔버스에서 부품을 선택했다.\n   *\n   * 캔버스가 알리는 것은 **이름**이다. 목록의 몇 번째인지는 여기서 찾는다 — 알림이\n   * 오는 사이에 목록이 바뀌었으면 못 찾고, 그때는 고른 것을 바꾸지 않는다.\n   * 없는 자리를 고르면 속성 칸이 빈 채로 열려 「사라졌나」로 읽힌다.\n   */\n  /** 지금 고른 부품 이름. 캔버스가 인덱스가 아니라 이름을 받는다. */\n  private get pickedName(): string | undefined {\n    return this.parts[this.selected]?.name\n  }\n\n  private pickPart(name: string) {\n    const at = this.parts.findIndex(part => part.name === name)\n    if (at >= 0) this.selected = at\n  }\n\n  private async save() {\n    if (!this.canSave || !this.folded || !this.figure) {\n      return\n    }\n\n    this.saving = true\n    try {\n      const sourceJson = JSON.stringify(this.folded)\n\n      if (this.figure.id) {\n        const result = await updateFigure(this.figure.id, {\n          name: this.figure.name,\n          source: sourceJson\n        })\n        this.figure = result.figure\n        this.violations = result.violations\n      } else {\n        // 새로 만들 때만 타입 이름이 정해진다. 이미 쓰이는 이름이면 저장 전에 막는다 —\n        // 만든 뒤에는 고칠 수 없으므로 여기서 걸러야 한다.\n        const taken = await fetchFigureTypeNames()\n        if (taken.includes(this.folded.type)) {\n          throw new Error(i18next.t('text.type-name-already-taken', { type: this.folded.type }))\n        }\n\n        const result = await createFigure({\n          type: this.folded.type,\n          name: this.figure.name,\n          source: sourceJson\n        })\n        this.figure = result.figure\n        this.violations = result.violations\n        navigate(`figure-modeller/${result.figure.id}`)\n      }\n\n      this.dirty = false\n    } finally {\n      this.saving = false\n    }\n  }\n}\n"]}

package/dist-client/route.d.ts

@@ -0,0 +1 @@
+export default function route(page: string): "figure-modeller" | "figure-list" | undefined;

package/dist-client/route.js

@@ -0,0 +1,11 @@
+export default function route(page) {
+    switch (page) {
+        case 'figure-list':
+            import('./pages/figure-list-page');
+            return page;
+        case 'figure-modeller':
+            import('./pages/figure-modeller-page');
+            return page;
+    }
+}
+//# sourceMappingURL=route.js.map

package/dist-client/route.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.js","sourceRoot":"","sources":["../client/route.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,IAAY;IACxC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,aAAa;YAChB,MAAM,CAAC,0BAA0B,CAAC,CAAA;YAClC,OAAO,IAAI,CAAA;QAEb,KAAK,iBAAiB;YACpB,MAAM,CAAC,8BAA8B,CAAC,CAAA;YACtC,OAAO,IAAI,CAAA;IACf,CAAC;AACH,CAAC","sourcesContent":["export default function route(page: string) {\n  switch (page) {\n    case 'figure-list':\n      import('./pages/figure-list-page')\n      return page\n\n    case 'figure-modeller':\n      import('./pages/figure-modeller-page')\n      return page\n  }\n}\n"]}

package/dist-client/themes/brand.css

@@ -0,0 +1,51 @@
+/*
+ * figure 의 **브랜드 색 — 정본은 이 파일 하나다.**
+ *
+ * ── 왜 이 파일이 생겼나 ────────────────────────────────────────────────────
+ * figure-ui 에는 팔레트가 없었다. 호스트 앱이 주는 `--md-sys-color-*` 를 그대로 받아 썼고,
+ * 하네스(`test/browser/modeller-page.mjs`)는 자기 `:root` 에 값을 직접 적고 있었다. 그래서
+ * 하네스에서 본 색과 앱에서 볼 색이 **아무 오류 없이 달라질 수 있는** 상태였다.
+ *
+ * operato-plant 가 같은 문제를 겪고 같은 방식으로 풀었다(`operato-plant/assets/brand.css`).
+ * 그 구조를 그대로 따른다 — 값은 여기 한 번만 적고, 앱 팔레트와 하네스가 이 파일을 읽는다.
+ *
+ * ── 브랜드 색만 여기 둔다 ──────────────────────────────────────────────────
+ * 중성색은 여기 없다. 그것은 `client/themes/light.css` 가 갖는다. 여기 있는 것은 **제품을
+ * 가리키는 색**뿐이고, 그것만 절대 갈라지면 안 된다.
+ *
+ * ── 밝은 것과 어두운 것을 함께 든다 ────────────────────────────────────────
+ * 어두운 바탕에서 `#154473` 은 가라앉고(대비 1.6), 밝은 바탕에서 `#64a9f3` 은 글자에 못 쓴다
+ * (대비 2.4). 그래서 같은 이름이 밝기마다 다른 값을 갖는다 — 이름이 뜻이고 값은 자리에 따라
+ * 다르다. plant · twin 과 같은 규약이다.
+ *
+ * ── 색은 하나뿐이다 ────────────────────────────────────────────────────────
+ * 한동안 primary(네이비)와 accent(따로 고른 색)를 둘 두려 했다. 그러면 그 둘이 서로 안
+ * 부딪히게 하느라 화면이 계속 시끄러워진다. twin 도 plant 도 브랜드 색을 하나만 두고,
+ * 그것이 곧 primary 다. 여기도 그렇게 한다.
+ *
+ * 나머지는 뜻이 있는 색이다 — 주의(warn) · 오류(error). 그 둘은 브랜드가 아니라 상태이므로
+ * 팔레트 파일에 있다.
+ */
+
+:root {
+  /*
+   * figure — 네이비 252°.
+   *
+   * OKLCH L* 38 · C 0.095 · H 252. 흰 글자 대비 9.97 로 작은 글자 기준(4.5)에 여유가 크다.
+   *
+   * 채도를 낮게 잡은 것이 이 색의 요점이다. 이 도구의 화면에서 색이 말해야 하는 것은 **저작자가
+   * 고른 부품 색**이다. 틀이 진한 색으로 소리를 내면 캔버스 안의 색을 판단할 수 없다. 그래서
+   * 브랜드 색은 깊고 조용하게 두고, 고른 것의 밑줄 · 기본 단추 · 링크에만 좁게 쓴다.
+   */
+  --brand-figure: #154473;
+
+  /*
+   * 어두운 면 위에서 쓰는 같은 색. L* 72 · C 0.130.
+   *
+   * 3D 캔버스의 선택 테두리와 어두운 배경의 강조가 이 값이다. 어두운 면(#12161b) 대비 7.02.
+   */
+  --brand-figure-2: #64a9f3;
+
+  /** 아주 옅게 깔 때 — 고른 줄의 바탕. 위 색과 같은 색상각이다. */
+  --brand-figure-wash: #eaf3fd;
+}

package/dist-client/themes/dark.css

@@ -0,0 +1,64 @@
+@import url('./brand.css');
+
+/*
+ * figure 다크 팔레트.
+ *
+ * 라이트 쪽 머리말이 규칙의 정본이다(`light.css`). 여기서는 **어두운 면에서 달라지는 것만**
+ * 적는다.
+ *
+ * ── 브랜드 색이 밝은 쪽으로 바뀐다 ────────────────────────────────────────
+ * `#154473` 은 어두운 바탕에서 대비 1.6 이라 보이지 않는다. 그래서 어두운 면에서는
+ * `--brand-figure-2`(#64a9f3)가 브랜드 색이다. 이름이 뜻이고 값은 자리에 따라 다르다 —
+ * plant · twin 과 같은 규약이다.
+ *
+ *   [측정] 어두운 면(#12161b) 대비 — #154473 1.60 · #64a9f3 7.02
+ *
+ * ── 캔버스는 여기서도 화면에서 가장 어두운 면이 아니다 ────────────────────
+ * 라이트에서 캔버스를 한 단 내렸던 이유가 어두운 쪽에서는 뒤집힌다. 부품이 묻히지 않으려면
+ * 캔버스가 표면보다 **밝아야** 한다. 어두운 부품(palette.dark)이 바탕과 같아지면 형태가
+ * 사라진다.
+ */
+
+:root[theme='dark'],
+:host([theme='dark']) {
+  /* ── 표면 ────────────────────────────────────────────────────────────── */
+  --md-sys-color-surface: #12161b;
+  --md-sys-color-surface-container-lowest: #0d1116;
+  --md-sys-color-surface-container: #1a1f25;
+  --md-sys-color-surface-container-highest: #252b32;
+
+  /** 캔버스 — 표면보다 한 단 밝다. 어두운 부품이 바탕에 묻히지 않게 한다. */
+  --md-sys-color-surface-variant: #2f353d;
+
+  /* ── 선 ──────────────────────────────────────────────────────────────── */
+  --md-sys-color-outline-variant: #333941;
+  --md-sys-color-outline: #59606a;
+
+  /* ── 글자 셋 ─────────────────────────────────────────────────────────── */
+  --md-sys-color-on-surface: #e3e7ec;
+  --md-sys-color-on-surface-variant: #a8afb8;
+  --md-sys-color-on-surface-dim: #7d848d;
+
+  /* ── 브랜드 ──────────────────────────────────────────────────────────── */
+  --md-sys-color-primary: var(--brand-figure-2);
+  --md-sys-color-on-primary: #0d1116;
+  --md-sys-color-inverse-primary: var(--brand-figure);
+
+  --md-sys-color-primary-container: #1c2b3d;
+  --md-sys-color-on-primary-container: var(--brand-figure-2);
+
+  --md-sys-color-secondary-container: #1a1f25;
+  --md-sys-color-on-secondary-container: #a8afb8;
+
+  /* ── 뜻이 있는 색 ────────────────────────────────────────────────────── */
+  /* 어두운 면에서는 주의·오류도 밝은 쪽 값을 쓴다. 낮은 값은 안 보인다. */
+  --md-sys-color-tertiary: #dfa72a;
+  --md-sys-color-on-tertiary: #0d1116;
+  --md-sys-color-tertiary-container: #1a1f25;
+  --md-sys-color-on-tertiary-container: #dfa72a;
+
+  --md-sys-color-error: #f2837c;
+  --md-sys-color-on-error: #0d1116;
+  --md-sys-color-error-container: #1a1f25;
+  --md-sys-color-on-error-container: #f2837c;
+}

package/dist-client/themes/light.css

@@ -0,0 +1,95 @@
+@import url('./brand.css');
+
+/*
+ * figure 라이트 팔레트 — 이 파일이 이 도구 색의 **정본**이다.
+ *
+ * 브랜드 색은 `client/themes/brand.css` 가 갖는다. 여기서 쓸 수 있는 이름은 `--brand-figure` ·
+ * `--brand-figure-2` · `--brand-figure-wash` 셋이다. 값을 여기 다시 적지 않는다.
+ *
+ * ── 이 도구에서 색이 말해야 하는 것 ────────────────────────────────────────
+ * **저작자가 고른 부품 색**이다. 화면 한가운데 캔버스가 있고, 거기 놓인 부품의 색을 보고
+ * 판단하는 것이 이 도구의 일이다. 틀이 색으로 소리를 내면 그 판단이 흐려진다.
+ *
+ * 그래서 틀은 무채색이다. 브랜드 네이비는 세 자리에만 쓴다 — **고른 것의 밑줄 · 기본 단추 ·
+ * 링크**. 그 밖에는 회색과 글자색이 전부다.
+ *
+ * ── 배지에 파스텔을 깔지 않는다 ────────────────────────────────────────────
+ * 전에는 등급 배지와 칩이 파스텔 면(연파랑 · 연노랑)이었다. 작은 면에 옅은 색을 깔면 화면이
+ * 싸구려로 보이고, 캔버스의 부품 색과도 섞인다. 이제 배지는 **무채색 바탕에 머리카락 선**이고
+ * 뜻은 **글자색**이 든다. 그래서 `*-container` 토큰들이 전부 무채색으로 간다 — 컴포넌트를
+ * 하나씩 고치지 않아도 이 파일 하나로 그 규칙이 선다.
+ *
+ * ── 회색은 셋이다 ──────────────────────────────────────────────────────────
+ * 본문(ink) · 보조(ink-2) · 흐린 것(ink-3). 넷을 넘기면 어느 것을 써야 할지 매번 고민하게 되고,
+ * 결국 아무거나 쓰게 된다. 전에는 단계가 고르지 않아 두 회색이 같은 무게로 읽혔다.
+ *
+ *   [측정] 흰 바탕 대비 — ink 18.16 · ink-2 8.41 · ink-3 5.06. 셋 다 작은 글자 기준(4.5)을 넘는다.
+ */
+
+:root {
+  /* ── 표면 ────────────────────────────────────────────────────────────── */
+  --md-sys-color-surface: #ffffff;
+  --md-sys-color-surface-container-lowest: #ffffff;
+  --md-sys-color-surface-container: #f3f5f8;
+  --md-sys-color-surface-container-highest: #e6e9ec;
+
+  /*
+   * 캔버스 — 화면에서 가장 어두운 무채색 면이다.
+   *
+   * 부품이 그 위에 놓인다. 밝은 회색이면 밝은 부품이 바탕에 묻히고, 부품 색이 실제보다 진해
+   * 보인다. 한 단 내려서 위에 놓인 것이 무슨 색이든 제 밝기로 보이게 한다.
+   */
+  --md-sys-color-surface-variant: #d5d8db;
+
+  /* ── 선 ──────────────────────────────────────────────────────────────── */
+  --md-sys-color-outline-variant: #d8dbdf;
+  --md-sys-color-outline: #babec3;
+
+  /* ── 글자 셋 ─────────────────────────────────────────────────────────── */
+  --md-sys-color-on-surface: #12161b;
+  --md-sys-color-on-surface-variant: #484e55;
+  /** 흐린 것 — 도움말, 단위, 빈 자리 안내. 이것도 4.5 를 넘는다. */
+  --md-sys-color-on-surface-dim: #6a6f76;
+
+  /* ── 브랜드 ──────────────────────────────────────────────────────────── */
+  --md-sys-color-primary: var(--brand-figure);
+  --md-sys-color-on-primary: #ffffff;
+  --md-sys-color-inverse-primary: var(--brand-figure-2);
+
+  /*
+   * 고른 줄의 바탕. 이것만 유일하게 색이 든 면이고, 그것도 거의 흰색이다(L* 96).
+   * 그 위에 오는 글자는 브랜드 색이며 대비 8.90 이다.
+   */
+  --md-sys-color-primary-container: var(--brand-figure-wash);
+  --md-sys-color-on-primary-container: var(--brand-figure);
+
+  /*
+   * 두 번째 면 — 파스텔을 쓰지 않으므로 무채색이다. 칩과 배지가 이것을 깐다.
+   */
+  --md-sys-color-secondary-container: #f3f5f8;
+  --md-sys-color-on-secondary-container: #484e55;
+
+  /* ── 뜻이 있는 색 ────────────────────────────────────────────────────── */
+  /*
+   * 주의 — 권장 범위를 넘었다. 막지는 않는다.
+   *
+   * 브랜드가 아니라 상태다. `tertiary` 슬롯에 든 것은 figure-ui 가 그 이름으로 주의 문구를
+   * 쓰고 있기 때문이고, 뜻은 주의다.
+   *
+   *   [측정] 흰 바탕 5.53 · 배지 바탕(#f3f5f8) 5.06
+   */
+  --md-sys-color-tertiary: #866300;
+  --md-sys-color-on-tertiary: #ffffff;
+  --md-sys-color-tertiary-container: #f3f5f8;
+  --md-sys-color-on-tertiary-container: #866300;
+
+  /*
+   * 오류 — 스키마를 어겼다. 저장이 막힌다.
+   *
+   *   [측정] 흰 바탕 7.13 · 배지 바탕 6.53
+   */
+  --md-sys-color-error: #a9231e;
+  --md-sys-color-on-error: #ffffff;
+  --md-sys-color-error-container: #f3f5f8;
+  --md-sys-color-on-error-container: #a9231e;
+}

package/dist-client/types.d.ts

@@ -0,0 +1,93 @@
+/**
+ * 화면이 다루는 모양.
+ *
+ * 정본 형식(`FigureSource`)의 타입은 **여기서 다시 정의하지 않는다** —
+ * `@hatiolab/figure-model` 에서 가져온다. 두 벌이면 갈리고, 갈리면 화면이 서버가
+ * 거절할 것을 만들어 낸다.
+ */
+export type { FigureSource, FigureBlueprint, FigurePart, ErrorCode, ViolationCode } from '@hatiolab/figure-model';
+/** 서버가 돌려주는 Figure 한 벌. `source` 는 저작면에서만 받는다. */
+export interface Figure {
+    id: string;
+    /** 컴포넌트 타입 이름. **만든 뒤에 고칠 수 없다.** */
+    type: string;
+    name: string;
+    description?: string;
+    category?: string;
+    state?: 'draft' | 'released';
+    /** 재활용 점수 0~100. 서버가 정본에서 계산한다 — 화면이 보내는 값이 아니다. */
+    score?: number;
+    triangles?: number;
+    groups?: number;
+    thumbnail?: string;
+    thumbnailUpdatedAt?: string;
+    updatedAt?: string;
+    updater?: {
+        id: string;
+        name: string;
+    };
+    /** `FigureSource` JSON 문자열. 목록 질의에는 실려 오지 않는다. */
+    source?: string;
+    properties?: string;
+    version?: number;
+}
+export interface FigureListResult {
+    items: Figure[];
+    total: number;
+}
+/**
+ * 새 Figure.
+ *
+ * `score`·`triangles`·`groups` 가 없다 — **서버가 정본에서 계산한다.** 화면이 보내면
+ * 거짓이 들어오고 목록이 실물과 다른 것을 보여 준다.
+ */
+export interface NewFigure {
+    type: string;
+    name: string;
+    description?: string;
+    category?: string;
+    source: string;
+    properties?: string;
+    state?: 'draft' | 'released';
+    thumbnail?: string;
+}
+/**
+ * 수정.
+ *
+ * `type` 이 없다 — 저장되는 식별자라 고칠 수 없다. 배치된 보드가 그 이름으로 타입을
+ * 찾으므로, 바꾸면 그 보드가 빈 화면이 된다.
+ */
+export interface FigurePatch {
+    name?: string;
+    description?: string;
+    category?: string;
+    source?: string;
+    properties?: string;
+    state?: 'draft' | 'released';
+    thumbnail?: string;
+}
+/** 검증 결과 한 줄. 코드는 figure-model 의 것을 그대로 쓴다. */
+export interface FigureFinding {
+    code: string;
+    message: string;
+    at?: string;
+}
+/**
+ * 저작 보조가 낸 후보.
+ *
+ * **정본이 아니다.** 저작자가 보고 받아야 정본이 된다 — 서버는 저장하지 않고
+ * 돌려주기만 한다.
+ */
+export interface FigureProposal {
+    /** 후보 정본. JSON 문자열이다 — 화면이 파싱한다. */
+    source: string;
+    score: number;
+    grade: string;
+    triangles: number;
+    /** 재질 묶음 = 인스턴스 하나가 무는 draw call. */
+    groups: number;
+    /** 형식은 맞으나 정책을 넘은 것. 막지 않는다 — 저작자가 정한다. */
+    violations: FigureFinding[];
+    /** 몇 번 만에 됐나. 진단용이다. */
+    attempts: number;
+}

package/dist-client/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist-client/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../client/types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * 화면이 다루는 모양.\n *\n * 정본 형식(`FigureSource`)의 타입은 **여기서 다시 정의하지 않는다** —\n * `@hatiolab/figure-model` 에서 가져온다. 두 벌이면 갈리고, 갈리면 화면이 서버가\n * 거절할 것을 만들어 낸다.\n */\nexport type { FigureSource, FigureBlueprint, FigurePart, ErrorCode, ViolationCode } from '@hatiolab/figure-model'\n\n/** 서버가 돌려주는 Figure 한 벌. `source` 는 저작면에서만 받는다. */\nexport interface Figure {\n  id: string\n  /** 컴포넌트 타입 이름. **만든 뒤에 고칠 수 없다.** */\n  type: string\n  name: string\n  description?: string\n  category?: string\n  state?: 'draft' | 'released'\n  /** 재활용 점수 0~100. 서버가 정본에서 계산한다 — 화면이 보내는 값이 아니다. */\n  score?: number\n  triangles?: number\n  groups?: number\n  thumbnail?: string\n  thumbnailUpdatedAt?: string\n  updatedAt?: string\n  updater?: { id: string; name: string }\n  /** `FigureSource` JSON 문자열. 목록 질의에는 실려 오지 않는다. */\n  source?: string\n  properties?: string\n  version?: number\n}\n\nexport interface FigureListResult {\n  items: Figure[]\n  total: number\n}\n\n/**\n * 새 Figure.\n *\n * `score`·`triangles`·`groups` 가 없다 — **서버가 정본에서 계산한다.** 화면이 보내면\n * 거짓이 들어오고 목록이 실물과 다른 것을 보여 준다.\n */\nexport interface NewFigure {\n  type: string\n  name: string\n  description?: string\n  category?: string\n  source: string\n  properties?: string\n  state?: 'draft' | 'released'\n  thumbnail?: string\n}\n\n/**\n * 수정.\n *\n * `type` 이 없다 — 저장되는 식별자라 고칠 수 없다. 배치된 보드가 그 이름으로 타입을\n * 찾으므로, 바꾸면 그 보드가 빈 화면이 된다.\n */\nexport interface FigurePatch {\n  name?: string\n  description?: string\n  category?: string\n  source?: string\n  properties?: string\n  state?: 'draft' | 'released'\n  thumbnail?: string\n}\n\n/** 검증 결과 한 줄. 코드는 figure-model 의 것을 그대로 쓴다. */\nexport interface FigureFinding {\n  code: string\n  message: string\n  at?: string\n}\n\n/**\n * 저작 보조가 낸 후보.\n *\n * **정본이 아니다.** 저작자가 보고 받아야 정본이 된다 — 서버는 저장하지 않고\n * 돌려주기만 한다.\n */\nexport interface FigureProposal {\n  /** 후보 정본. JSON 문자열이다 — 화면이 파싱한다. */\n  source: string\n  score: number\n  grade: string\n  triangles: number\n  /** 재질 묶음 = 인스턴스 하나가 무는 draw call. */\n  groups: number\n  /** 형식은 맞으나 정책을 넘은 것. 막지 않는다 — 저작자가 정한다. */\n  violations: FigureFinding[]\n  /** 몇 번 만에 됐나. 진단용이다. */\n  attempts: number\n}\n"]}

package/dist-client/viewparts/figure-card.d.ts

@@ -0,0 +1,24 @@
+import '@material/web/icon/icon.js';
+import { LitElement } from 'lit';
+import type { Figure } from '../types.js';
+declare const FigureCard_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+/**
+ * Figure 한 장.
+ *
+ * 카드에 무엇을 실을지가 이 화면의 값이다. 이름과 썸네일만 실으면 저작자는 **무게를
+ * 모른 채** 고르게 된다. 삼각형 수와 점수를 함께 실어, 「이걸 100개 놓아도 되나」를
+ * 목록에서 판단할 수 있게 한다.
+ */
+export declare class FigureCard extends FigureCard_base {
+    static styles: import("lit").CSSResult;
+    figure: Figure;
+    render(): import("lit-html").TemplateResult<1>;
+    /**
+     * 무게와 점수.
+     *
+     * 아직 재지 않은 것(정본을 저장한 적이 없는 것)을 **0 으로 보여 주지 않는다.**
+     * 0 은 「가볍다」는 뜻이 되어 버린다. 재지 않았다고 말한다.
+     */
+    private renderMetrics;
+}
+export {};