@things-factory/figure-ui 10.1.4 → 10.1.5

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

@@ -1 +1 @@
-{"version":3,"file":"figure-list-page.js","sourceRoot":"","sources":["../../client/pages/figure-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '../viewparts/figure-card.js'\n\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { auth } from '@things-factory/auth-base/dist-client'\nimport { navigate, PageView } from '@operato/shell'\nimport { ScrollbarStyles } from '@operato/styles'\n\nimport { deleteFigure, fetchFigureList } from '../graphql/index.js'\nimport type { Figure } from '../types.js'\n\nconst FigureListPageBase = localize(i18next)(PageView) as typeof PageView\n\n/**\n * Figure 목록.\n *\n * 이 화면은 저작면으로 가는 문이다. 여기서 오래 머물 화면이 아니므로 꾸미지 않는다.\n * 대신 **저작자가 목록에서 판단할 수 있어야 하는 것**은 카드에 실는다 — 무게(삼각형\n * 수)와 재활용 점수다. 그것을 저작면에 들어가서야 알면 늦다.\n */\n@customElement('figure-list-page')\nexport class FigureListPage extends FigureListPageBase {\n  static styles = [\n    ScrollbarStyles,\n    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      div[filters] {\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\n      input[search] {\n        flex: 1;\n        min-width: 0;\n        max-width: 320px;\n        padding: 6px 10px;\n        font: var(--input-field-font, inherit);\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        /* 명령 요소의 모서리는 테마가 정한다 — 알약으로 만들지 않는다 */\n        border-radius: 6px;\n      }\n\n      button[state] {\n        padding: 5px 12px;\n        font: var(--label-font, inherit);\n        color: var(--md-sys-color-on-surface);\n        background: none;\n        border: 1px solid var(--md-sys-color-outline-variant);\n        border-radius: 6px;\n        cursor: pointer;\n      }\n      button[state][selected] {\n        color: var(--md-sys-color-on-secondary-container);\n        background-color: var(--md-sys-color-secondary-container);\n        border-color: transparent;\n      }\n\n      span[count] {\n        margin-left: auto;\n        font: var(--label-font, inherit);\n        color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));\n      }\n\n      /* 카드 격자 */\n      div[cards] {\n        flex: 1;\n        overflow-y: auto;\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n        gap: var(--spacing-medium, 8px);\n        padding: var(--spacing-large, 12px);\n        align-content: start;\n      }\n\n      /* ── 아무것도 없을 때 ──────────────────────────────────────────────\n         이 자리가 이 화면에서 가장 중요하다. 처음 온 사람은 여기서 이 도구가\n         무엇을 만드는 것인지 알게 된다. 「데이터 없음」으로 끝내지 않는다. */\n      div[empty] {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        gap: var(--spacing-medium, 8px);\n        padding: var(--spacing-large, 12px);\n        text-align: center;\n        color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));\n      }\n      div[empty] md-icon {\n        --md-icon-size: 48px;\n        color: var(--md-sys-color-outline-variant);\n      }\n      div[empty] h2 {\n        margin: 0;\n        font: var(--theme-font, inherit);\n        font-size: var(--ui-t-title, 15px);\n        color: var(--md-sys-color-on-surface);\n      }\n      div[empty] p {\n        margin: 0;\n        max-width: 34em;\n        line-height: 1.6;\n      }\n      div[empty] button {\n        margin-top: var(--spacing-medium, 8px);\n        padding: 8px 18px;\n        font: var(--label-font, inherit);\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    `\n  ]\n\n  @state() private figures: Figure[] = []\n  @state() private total = 0\n  @state() private search = ''\n  @state() private stateFilter = ''\n  @state() private loaded = false\n  /** 못 불러온 사유. 빈 목록과 구분해서 보여 준다. */\n  @state() private failure = ''\n\n  private listen?: () => void\n\n  get context() {\n    return {\n      title: i18next.t('title.figures'),\n      actions: [\n        {\n          title: i18next.t('button.new-figure'),\n          action: () => this.openModeller()\n        }\n      ]\n    }\n  }\n\n  render() {\n    return html`\n      <div filters>\n        <input\n          search\n          type=\"search\"\n          .value=${this.search}\n          placeholder=${i18next.t('text.search-figure-by-name-or-type')}\n          @change=${(e: Event) => {\n            this.search = (e.target as HTMLInputElement).value\n            this.reload()\n          }}\n        />\n        ${[\n          { value: '', label: i18next.t('label.all') },\n          { value: 'draft', label: i18next.t('label.draft') },\n          { value: 'released', label: i18next.t('label.released') }\n        ].map(\n          option => html`\n            <button\n              state\n              ?selected=${this.stateFilter === option.value}\n              @click=${() => {\n                this.stateFilter = option.value\n                this.reload()\n              }}\n            >\n              ${option.label}\n            </button>\n          `\n        )}\n        ${this.loaded ? html`<span count>${i18next.t('text.figure-count', { count: this.total })}</span>` : ''}\n      </div>\n\n      ${!this.loaded\n        ? html``\n        : this.failure\n          ? html`\n              <div empty>\n                <md-icon>error</md-icon>\n                <p>${i18next.t('text.could-not-load-figures')}</p>\n                <p quiet>${this.failure}</p>\n                <button @click=${() => this.reload()}>${i18next.t('button.try-again')}</button>\n              </div>\n            `\n          : this.figures.length === 0\n          ? this.renderEmpty()\n          : html`\n              <div cards>\n                ${this.figures.map(\n                  figure => html`\n                    <figure-card\n                      .figure=${figure}\n                      @open=${() => this.openModeller(figure.id)}\n                      @remove=${() => this.removeFigure(figure)}\n                    ></figure-card>\n                  `\n                )}\n              </div>\n            `}\n    `\n  }\n\n  /**\n   * 빈 화면.\n   *\n   * 걸러 보기 때문에 비었는지, 아직 만든 것이 없어서 비었는지를 **가른다.** 같은\n   * 문구를 쓰면 사용자가 검색어를 지워 볼 생각을 못 한다.\n   */\n  private renderEmpty() {\n    const filtered = !!this.search || !!this.stateFilter\n\n    if (filtered) {\n      return html`\n        <div empty>\n          <md-icon>search_off</md-icon>\n          <h2>${i18next.t('text.no-figure-matches-the-filter')}</h2>\n          <p>${i18next.t('text.try-clearing-the-search-or-state-filter')}</p>\n          <button\n            @click=${() => {\n              this.search = ''\n              this.stateFilter = ''\n              this.reload()\n            }}\n          >\n            ${i18next.t('button.clear-filters')}\n          </button>\n        </div>\n      `\n    }\n\n    return html`\n      <div empty>\n        <md-icon>deployed_code</md-icon>\n        <h2>${i18next.t('text.no-figure-yet')}</h2>\n        <p>${i18next.t('text.what-a-figure-is')}</p>\n        <button @click=${() => this.openModeller()}>${i18next.t('button.new-figure')}</button>\n      </div>\n    `\n  }\n\n  connectedCallback() {\n    super.connectedCallback()\n\n    /*\n      **로그인 정보가 도착하면 다시 불러온다.**\n\n      화면이 서는 것과 프로필이 오는 것은 순서가 정해져 있지 않고, 목록 질의는 로그인된 사람으로\n      나간다. 첫 질의가 프로필보다 앞서면 그 한 번이 실패하고, 그 뒤로 다시 묻는 사람이 없으면\n      화면은 비어 있는 채로 남는다. lite-menu 도 같은 신호로 같은 순서 문제를 푼다\n      (`auth.on('profile')` — 그쪽 주석에 그 사연이 적혀 있다).\n\n      **이 화면에서 그 실패를 실제로 본 적은 없다.** 빈 화면을 봤던 것은 숨은 탭에서 조사할 때였고,\n      그때는 셸이 첫 `pageUpdated` 를 requestAnimationFrame 안에서 부르는데 숨은 탭은 rAF 를 돌리지\n      않아 질의가 아예 나가지 않았다 — 원인이 달랐다. 그래도 이 구독은 남긴다: 값이 싸고, 못 불러온\n      경우를 화면이 말하게 한 아래 처리와 짝이다.\n    */\n    this.listen = () => {\n      if (this.active) {\n        void this.reload()\n      }\n    }\n    auth.on('profile', this.listen)\n  }\n\n  disconnectedCallback() {\n    if (this.listen) {\n      auth.off?.('profile', this.listen)\n      this.listen = undefined\n    }\n    super.disconnectedCallback()\n  }\n\n  async pageUpdated(changes: Record<string, unknown>, lifecycle: Record<string, unknown>) {\n    if (this.active) {\n      await this.reload()\n    }\n  }\n\n  private async reload() {\n    /*\n      **못 불러왔으면 그렇게 말한다.**\n\n      전에는 여기서 던진 오류가 아무도 받지 않아 `loaded` 가 거짓으로 남고, 화면은 아무것도 없이\n      비어 있었다. 목록이 비어 있는 것과 못 불러온 것은 다른 사실이고, 사용자가 할 일도 다르다 —\n      하나는 만들면 되고, 하나는 다시 시도하거나 사람을 불러야 한다.\n    */\n    try {\n      const { items, total } = await fetchFigureList({\n        search: this.search || undefined,\n        state: this.stateFilter || undefined\n      })\n\n      this.figures = items\n      this.total = total\n      this.failure = ''\n    } catch (e) {\n      this.failure = (e as Error).message\n    } finally {\n      this.loaded = true\n    }\n  }\n\n  private openModeller(id?: string) {\n    navigate(id ? `figure-modeller/${id}` : 'figure-modeller')\n  }\n\n  /** `remove` 는 HTMLElement 의 메서드다 — 가리면 조용한 결함이 된다. */\n  private async removeFigure(figure: Figure) {\n    // 되돌릴 수 없는 조작이므로 무엇이 사라지는지 이름으로 확인한다\n    const message = i18next.t('text.delete-figure-confirm', { name: figure.name })\n    if (!confirm(message)) {\n      return\n    }\n\n    await deleteFigure(figure.id)\n    await this.reload()\n  }\n}\n"]}
+{"version":3,"file":"figure-list-page.js","sourceRoot":"","sources":["../../client/pages/figure-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist'\nimport '@material/web/icon/icon.js'\n\nimport { css, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport type { DataGrist, FetchOption } from '@operato/data-grist'\nimport { i18next, localize } from '@operato/i18n'\nimport { p13n } from '@operato/p13n'\nimport { auth } from '@things-factory/auth-base/dist-client'\nimport { navigate, PageView } from '@operato/shell'\nimport { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'\n\nimport { capacityFrom } from '../modeller/scene-budget.js'\nimport { deleteFigure, fetchFigureList } from '../graphql/index.js'\nimport type { Figure } from '../types.js'\n\n/**\n * 이 값 아래면 점수를 색으로 눈에 띄게 한다.\n *\n * **등급 경계가 아니다.** 등급(A~D)은 `figure-model` 의 `scoreOf` 가 정하고 화면은 그것을\n * 베끼지 않는다. 이것은 「눈에 걸리게 할 선」이고, 화면의 판단이다.\n */\nconst ATTENTION_BELOW = 50\n\n/*\n * ── renderer 가 그리는 것은 이 파일의 CSS 가 닿지 않는다 ──────────────────────\n *\n * 컬럼 renderer 의 결과는 `ox-card-field` 의 shadow root 안에 그려진다. 이 페이지의 `static\n * styles` 는 그 경계를 넘지 못하므로 `code[figure-type]` 같은 선택자는 **아무 일도 하지 않는다.**\n * 넘어가는 것은 custom property 뿐이라, 색과 글꼴은 여기서 인라인으로 준다 — 값 자체는 테마\n * 토큰을 가리키므로 밝음·어둠은 따라온다. data-grist 의 image renderer 도 같은 방식이다.\n */\nconst CAPACITY = 'font-weight: 700; color: var(--md-sys-color-primary);'\nconst UNMEASURED = 'font-style: italic; color: var(--md-sys-color-outline);'\nconst RELEASED = 'font-weight: 700; color: var(--md-sys-color-primary);'\nconst DRAFT = 'color: var(--md-sys-color-tertiary);'\nconst badge = (low: boolean) =>\n  `padding: 0 6px; border-radius: var(--md-sys-shape-corner-small, 4px); font-weight: 700; ${\n    low\n      ? 'color: var(--md-sys-color-on-error, #fff); background-color: var(--md-sys-color-error);'\n      : 'color: var(--md-sys-color-on-primary-container); background-color: var(--md-sys-color-primary-container);'\n  }`\n\n/*\n * `as typeof PageView` 로 조이지 않는다 — 그렇게 하면 p13n 이 얹어 주는\n * `getPagePreferenceProvider` 가 타입에서 사라져 개인 설정을 붙일 수 없다.\n */\nconst FigureListPageBase = p13n(localize(i18next)(PageView))\n\n/**\n * Figure 카탈로그.\n *\n * 이 화면은 저작면으로 가는 문이다. 여기서 오래 머물 화면이 아니므로 꾸미지 않는다. 카드에는\n * **고를 때 쓰는 것만** 싣는다 — 그림과 이름, 그리고 아직 초안이라는 것. 배치 한도·성숙도·삼각형\n * 수는 고른 뒤에 따지는 값이라 표 모드의 칸으로 남기고 저작면에서 본다.\n *\n * ## 왜 손으로 만든 카드가 아니라 격자인가\n *\n * 전에는 카드 격자와 걸러 보기 줄과 빈 화면을 이 파일이 직접 그렸다(200줄). 그 자리에서 빠져\n * 있던 것들은 하나같이 `ox-grist` 가 이미 가진 것이다 — 쪽 나누기, 정렬, 컬럼 걸러 보기,\n * 개인 설정(모드·정렬·쪽 크기를 사람마다 기억한다), 표 모드로 바꿔 보기, 내보내기.\n * 손으로 만든 카드는 그 중 아무것도 없었고, 목록이 늘어나면 전부 한 번에 그렸다.\n *\n * 카드에 실을 것은 `list` 가 정하고, 무엇을 어떻게 그릴지는 컬럼의 renderer 가 정한다. 같은\n * 설정이 표 모드에서도 그대로 쓰이므로 **두 모드가 다른 말을 하지 않는다.**\n */\n@customElement('figure-list-page')\nexport class FigureListPage extends FigureListPageBase {\n  static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n        background-color: var(--md-sys-color-surface);\n        color: var(--md-sys-color-on-surface);\n      }\n\n      /* 격자가 바깥에 요구하는 것은 확정된 높이 하나뿐이다 — 스크롤은 격자가 안에서 한다 */\n      ox-grist {\n        flex: 1;\n        min-height: 0;\n      }\n\n      /*\n        ── 그림이 주인공인 카탈로그 ────────────────────────────────────────\n        카드 기본값은 글이 많은 목록(직원·결재함)에 맞춰져 있다. 여기서는 사람이 먼저 보는 것이\n        형상 그림이므로, 그림 칸을 비율로 잡아 카드 폭이 달라져도 그림이 나란히 읽히게 한다.\n      */\n      ox-grist {\n        --data-card-min-width: 240px;\n        --data-card-thumbnail-height: auto;\n        --data-card-thumbnail-aspect: 4 / 3;\n        --data-card-thumbnail-padding: var(--spacing-small);\n        --data-card-thumbnail-background: var(--md-sys-color-surface-container);\n\n        /*\n          카드 기본 글꼴은 굵다(제목 bold 1.1em). 글이 정보를 나르는 목록에서는 맞지만, 여기서\n          정보를 나르는 것은 그림이다. 굵은 제목이 카드마다 서면 그림보다 글이 먼저 읽힌다 —\n          이름은 알아볼 정도로만, 타입은 곁글로 둔다.\n        */\n        --data-card-item-name-font: 500 0.9rem/1.35 var(--theme-font, 'Roboto');\n        --data-card-item-name-color: var(--md-sys-color-on-surface);\n        --data-card-item-disc-font: normal 0.72rem/1.2 var(--theme-font, 'Roboto');\n        --data-card-item-disc-color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));\n        --data-card-item-etc-font: normal 0.72rem/1.2 var(--theme-font, 'Roboto');\n\n        /* 상태와 성숙도는 짧은 표식이다 — 두 줄로 세우지 않고 한 줄에 뉜다 */\n        --data-card-detail-direction: row;\n      }\n    `\n  ]\n\n  @property({ type: Object }) gristConfig: any\n\n  @query('ox-grist') private grist!: DataGrist\n\n  private listen?: () => void\n\n  get context() {\n    return {\n      title: i18next.t('title.figures'),\n      search: {\n        handler: (search: string) => {\n          this.grist.searchText = search\n        },\n        value: this.grist?.searchText || '',\n        placeholder: i18next.t('text.search-figure-by-name-or-type')\n      },\n      filter: {\n        handler: () => {\n          this.grist.toggleHeadroom()\n        }\n      },\n      actions: [\n        {\n          title: i18next.t('button.new-figure'),\n          action: () => this.openModeller()\n        }\n      ]\n    }\n  }\n\n  render() {\n    return html`\n      <ox-grist\n        mode=\"CARD\"\n        .config=${this.gristConfig}\n        .fetchHandler=${this.fetchHandler.bind(this)}\n        .personalConfigProvider=${this.getPagePreferenceProvider('ox-grist')!}\n      >\n        <div slot=\"headroom\" class=\"header\">\n          <div class=\"filters\">\n            <ox-filters-form autofocus without-search></ox-filters-form>\n          </div>\n        </div>\n\n        <ox-grist-personalizer slot=\"setting\"></ox-grist-personalizer>\n      </ox-grist>\n    `\n  }\n\n  async pageInitialized() {\n    this.gristConfig = {\n      /*\n        **쪽 나누기는 선택이 아니다.** 격자에 가상 스크롤이 없어 받은 것을 전부 DOM 에 그린다.\n        카드 모드는 끝까지 내려가면 다음 쪽을 이어 붙이므로, 한 쪽이 작아도 목록은 계속 읽힌다.\n      */\n      pagination: { pages: [24, 48, 96] },\n\n      /*\n        아직 아무것도 없을 때 하는 말. **이 자리가 이 화면에서 가장 중요하다** — 처음 온 사람은\n        여기서 이 도구가 무엇을 만드는 것인지 알게 된다. 조건이 걸려 비었을 때는 격자가 스스로\n        다른 말을 한다(「찾는 것이 없다」). 그 둘을 섞지 않는 것이 격자 쪽에 이미 들어 있다.\n      */\n      emptyNote: {\n        icon: 'deployed_code',\n        title: i18next.t('text.no-figure-yet'),\n        description: i18next.t('text.what-a-figure-is')\n      },\n\n      list: {\n        thumbnail: 'thumbnail',\n        /* 그림이 없는 카드도 자리는 지킨다 — 빈 사각형으로 두지 않고 왜 없는지 말한다 */\n        emptyThumbnail: {\n          icon: 'deployed_code',\n          label: i18next.t('text.thumbnail-not-made-yet')\n        },\n        fields: ['name', 'type'],\n        /*\n          **카드에는 고를 때 쓰는 것만 싣는다.**\n\n          배치 한도·성숙도·삼각형 수·수정일시까지 실어 봤더니 카드가 명세표가 되었다. 카탈로그에서\n          사람이 하는 일은 「이거다」를 고르는 것이고, 그때 보는 것은 그림과 이름이다.\n\n          숫자는 **하나만** 남긴다 — 성숙도다. 셋 중 이것 하나가 나머지를 요약한다(배치 한도와\n          삼각형 수는 무게 한 가지만 말하는데, 성숙도는 무게·식별성·상태 표현까지 여러 축을 합친\n          값이다). 그 축별 내역과 나머지 숫자는 표 모드의 칸과 저작면에 있다.\n\n          이름표는 달지 않는다. 성숙도는 색과 숫자로 읽히고, 상태는 발행된 것에 아무 말도 하지\n          않는다(그것이 예사다) — 초안일 때만 「초안」이 뜬다.\n        */\n        details: ['state', 'score'],\n        /* 삭제는 손이 갈 때만 나온다 — 고르려고 보는 자리에 되돌릴 수 없는 조작을 띄우지 않는다 */\n        gutters: 'hover'\n      },\n\n      columns: [\n        { type: 'gutter', gutterName: 'sequence', fixed: true },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'delete',\n          title: i18next.t('button.delete'),\n          danger: true,\n          width: 40,\n          handlers: {\n            click: (_columns: any, _data: any, _column: any, record: Figure) => this.removeFigure(record)\n          }\n        },\n        {\n          type: 'string',\n          name: 'name',\n          header: i18next.t('label.name'),\n          record: { editable: false },\n          filter: 'search',\n          sortable: true,\n          width: 200\n        },\n        {\n          /*\n            타입 이름은 **저장되는 식별자**다. 표시 이름과 다르게 보이게 두어야 보드가 무엇으로\n            이 형상을 찾는지 헷갈리지 않는다.\n          */\n          type: 'string',\n          name: 'type',\n          header: i18next.t('label.type'),\n          record: {\n            editable: false,\n            renderer: (value: string) => html`<code>${value}</code>`\n          },\n          filter: 'search',\n          sortable: true,\n          width: 160\n        },\n        {\n          type: 'string',\n          name: 'state',\n          header: i18next.t('label.state'),\n          record: {\n            editable: false,\n            /*\n              **발행된 것에는 아무 말도 하지 않는다.** 카탈로그에 있는 것은 대개 발행된 것이라,\n              카드마다 「발행됨」이 붙으면 그 말이 아무것도 가르지 않고 자리만 먹는다. 판 번호도\n              고를 때 쓰는 값이 아니다 — 이력 탭에 있다.\n\n              표 모드에서는 칸에 값이 있어야 하므로 그때는 발행됨도 적는다(`wide` 가 아니라 label\n              이 붙는 자리인지로 가른다 — 카드는 label 을 달지 않았다).\n            */\n            renderer: (value: string, _column: any, record: Figure, _rowIndex: number, field: Element) => {\n              if (value !== 'released') {\n                return html`<span style=${DRAFT}>${i18next.t('label.draft')}</span>`\n              }\n\n              /* 표에서는 칸이 비면 안 된다. 카드에서만 입을 다문다 — 그리는 자리가 알려 준다. */\n              return field?.tagName === 'OX-CARD-FIELD'\n                ? ''\n                : html`<span style=${RELEASED}\n                    >${i18next.t('label.released')}\n                    ${record.version ? i18next.t('text.version-number', { version: record.version }) : ''}</span\n                  >`\n            }\n          },\n          /* 전체·초안·발행됨을 단추로 고른다 — 값이 둘뿐인 조건을 펼침 목록에 넣지 않는다 */\n          filter: {\n            type: 'select-buttons',\n            operator: 'in',\n            options: [\n              { display: i18next.t('label.draft'), value: 'draft' },\n              { display: i18next.t('label.released'), value: 'released' }\n            ]\n          },\n          width: 120\n        },\n        {\n          /*\n            **몇 개까지 놓을 수 있나.** 카드에는 싣지 않고 표 모드의 칸으로 둔다 — 고른 뒤에\n            따지는 값이다. 서버에 없는 값이라 `groups` 와 `triangles` 에서 계산하는데, 저작면\n            머리와 **같은 함수**를 쓴다. 두 화면이 같은 형상을 다른 잣대로 말하면 무엇을 고칠지\n            모른다.\n          */\n          type: 'string',\n          name: 'capacity',\n          header: i18next.t('label.capacity'),\n          label: true,\n          sortable: false,\n          record: {\n            editable: false,\n            renderer: (_value: unknown, _column: any, record: Figure) => {\n              const capacity = capacityFrom(record.groups ?? 0, record.triangles ?? 0)\n\n              return capacity\n                ? html`<span style=${CAPACITY} title=${i18next.t('text.reuse-score-explained')}>\n                    ${i18next.t('text.fits-n-instances', { n: capacity.instances.toLocaleString() })}\n                  </span>`\n                : html`<span style=${UNMEASURED}>${i18next.t('text.not-measured-yet')}</span>`\n            }\n          },\n          width: 120\n        },\n        {\n          type: 'float',\n          name: 'score',\n          header: i18next.t('label.maturity'),\n          record: {\n            editable: false,\n            /*\n              카드에 남긴 하나뿐인 숫자. **이름표를 달지 않으므로** 무엇인지는 색과 손이 갔을 때\n              뜨는 말이 알려 준다.\n\n              아직 재지 않은 것을 **0 으로 보여 주지 않는다.** 0 은 「가볍다」는 뜻이 되어 버린다.\n              등급 문자(A~D)도 여기서 만들지 않는다 — 경계는 `figure-model` 이 정하고 그것을\n              화면이 베끼면 두 벌이 되어 목록과 저작면이 다른 등급을 말한다.\n            */\n            renderer: (value: number | null) =>\n              value == null\n                ? html`<span style=${UNMEASURED}>${i18next.t('text.not-measured-yet')}</span>`\n                : html`<span style=${badge(value < ATTENTION_BELOW)} title=${i18next.t('label.maturity')}\n                    >${Math.round(value)}</span\n                  >`\n          },\n          sortable: true,\n          width: 90\n        },\n        {\n          type: 'integer',\n          name: 'triangles',\n          header: i18next.t('label.triangles'),\n          label: true,\n          record: {\n            editable: false,\n            renderer: (value: number | null) => (value == null ? '' : value.toLocaleString())\n          },\n          sortable: true,\n          width: 110\n        },\n        {\n          type: 'integer',\n          name: 'groups',\n          header: i18next.t('label.budget-groups'),\n          record: { editable: false },\n          hidden: true,\n          width: 0\n        },\n        {\n          type: 'image',\n          name: 'thumbnail',\n          header: i18next.t('field.thumbnail'),\n          record: { editable: false, align: 'center', wide: true },\n          hidden: true,\n          width: 160\n        },\n        {\n          type: 'datetime',\n          name: 'updatedAt',\n          header: i18next.t('field.updated_at'),\n          label: true,\n          record: { editable: false },\n          sortable: true,\n          width: 180\n        },\n        {\n          /*\n            `resource-object` 를 쓰지 않는다 — 그 renderer 는 다른 패키지(resource-ui)가 등록하고,\n            등록되지 않은 앱에서는 조용히 글자 renderer 로 떨어져 `[object Object]` 가 된다.\n            이름 하나 꺼내는 일에 그 위험을 질 이유가 없다.\n          */\n          type: 'string',\n          name: 'updater',\n          header: i18next.t('field.updater'),\n          record: {\n            editable: false,\n            renderer: (value: { name?: string } | null) => value?.name || ''\n          },\n          hidden: true,\n          width: 120\n        }\n      ],\n\n      rows: {\n        selectable: false,\n        appendable: false,\n        handlers: {\n          click: (_columns: any, _data: any, _column: any, record: Figure) => {\n            if (record?.id) {\n              this.openModeller(record.id)\n            }\n          }\n        }\n      },\n\n      sorters: [{ name: 'updatedAt', desc: true }]\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback()\n\n    /*\n      **로그인 정보가 도착하면 다시 불러온다.**\n\n      화면이 서는 것과 프로필이 오는 것은 순서가 정해져 있지 않고, 목록 질의는 로그인된 사람으로\n      나간다. 첫 질의가 프로필보다 앞서면 그 한 번이 실패하고, 그 뒤로 다시 묻는 사람이 없으면\n      화면은 비어 있는 채로 남는다. lite-menu 도 같은 신호로 같은 순서 문제를 푼다\n      (`auth.on('profile')` — 그쪽 주석에 그 사연이 적혀 있다).\n    */\n    this.listen = () => {\n      if (this.active) {\n        this.grist?.fetch()\n      }\n    }\n    auth.on('profile', this.listen)\n  }\n\n  disconnectedCallback() {\n    if (this.listen) {\n      auth.off?.('profile', this.listen)\n      this.listen = undefined\n    }\n    super.disconnectedCallback()\n  }\n\n  async pageUpdated() {\n    if (this.active) {\n      this.grist.fetch()\n    }\n  }\n\n  /**\n   * 걸러 보기·정렬·쪽을 **격자가 만든 그대로** 서버에 넘긴다.\n   *\n   * 여기서 이름을 바꿔 담으면 격자가 아는 조건과 서버에 가는 조건이 어긋난다. 실패는 격자가\n   * 받아 화면에 낸다 — 목록이 비어 있는 것과 못 불러온 것은 다른 사실이다.\n   */\n  async fetchHandler({ page = 1, limit = 24, sortings = [], filters = [] }: FetchOption) {\n    const { items, total } = await fetchFigureList({ page, limit, filters, sortings })\n\n    return { total: total || 0, records: items || [] }\n  }\n\n  private openModeller(id?: string) {\n    navigate(id ? `figure-modeller/${id}` : 'figure-modeller')\n  }\n\n  /** `remove` 는 HTMLElement 의 메서드다 — 가리면 조용한 결함이 된다. */\n  private async removeFigure(figure: Figure) {\n    // 되돌릴 수 없는 조작이므로 무엇이 사라지는지 이름으로 확인한다\n    const message = i18next.t('text.delete-figure-confirm', { name: figure.name })\n    if (!confirm(message)) {\n      return\n    }\n\n    await deleteFigure(figure.id)\n    this.grist.fetch()\n  }\n}\n"]}

package/dist-client/pages/figure-modeller-page.d.ts

@@ -231,6 +231,15 @@ export declare class FigureModellerPage extends FigureModellerPageBase {
      * 그림만 보낸다. 정본을 건드리지 않으므로 미저장 표시도 켜지 않는다 — 열어 봤다는 것이 고쳤다는
      * 뜻이 되면 저작자가 저장할지 말지를 매번 고민한다.
      */
+    /**
+     * 발행되었다 — **정본을 든 자리가 그 사실을 받는다.**
+     *
+     * 이력 패널은 발행을 시키고 결과를 알릴 뿐, 이 페이지의 상태를 고쳐 쓰지 않는다. 판 번호와 상태가
+     * 여기서 갱신되어야 머리줄·이력 탭이 같은 것을 본다.
+     *
+     * 정본(source)은 발행이 건드리지 않으므로 다시 불러오지 않는다 — 저작 중인 화면을 되감지 않는다.
+     */
+    private released;
     private fillThumbnail;
     private save;
 }

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

@@ -537,6 +537,8 @@ let FigureModellerPage = class FigureModellerPage extends FigureModellerPageBase
         ?collapse-left=${this.collapsed.left}
         ?collapse-right=${this.collapsed.right}
         @figure-rename=${(e) => this.rename(e.detail.name)}
+        @figure-released=${(e) => this.released(e.detail.figure)}
+        @figure-reverted=${() => this.figure?.id && this.load(this.figure.id)}
         @add-part=${(e) => this.addPart(e.detail.primitive)}
         @select-part=${(e) => (this.selected = e.detail.index)}
         @remove-part=${(e) => this.removePart(e.detail.index)}
@@ -597,6 +599,10 @@ let FigureModellerPage = class FigureModellerPage extends FigureModellerPageBase
 
         <figure-side
           .figureName=${this.figure?.name ?? ''}
+          .figureId=${this.figure?.id ?? ''}
+          .figureState=${this.figure?.state}
+          .figureVersion=${this.figure?.version ?? 0}
+          .dirty=${this.dirty}
           .board=${this.board}
           .parts=${this.parts}
           .source=${source}
@@ -992,6 +998,20 @@ let FigureModellerPage = class FigureModellerPage extends FigureModellerPageBase
      * 그림만 보낸다. 정본을 건드리지 않으므로 미저장 표시도 켜지 않는다 — 열어 봤다는 것이 고쳤다는
      * 뜻이 되면 저작자가 저장할지 말지를 매번 고민한다.
      */
+    /**
+     * 발행되었다 — **정본을 든 자리가 그 사실을 받는다.**
+     *
+     * 이력 패널은 발행을 시키고 결과를 알릴 뿐, 이 페이지의 상태를 고쳐 쓰지 않는다. 판 번호와 상태가
+     * 여기서 갱신되어야 머리줄·이력 탭이 같은 것을 본다.
+     *
+     * 정본(source)은 발행이 건드리지 않으므로 다시 불러오지 않는다 — 저작 중인 화면을 되감지 않는다.
+     */
+    released(figure) {
+        if (!this.figure || figure?.id !== this.figure.id) {
+            return;
+        }
+        this.figure = { ...this.figure, version: figure.version, state: figure.state, updatedAt: figure.updatedAt };
+    }
     async fillThumbnail(id) {
         await this.updateComplete;
         const thumbnail = await captureThumbnail(this.board, this.parts);

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

@@ -1 +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 { captureThumbnail } from '../modeller/figure-thumbnail.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      머리줄 — 이름 · 타입 · 미저장 표시 · 말로 시키는 줄 · 저장을 **한 줄에** 담는다.\n\n      이름은 페이지 제목에도 나온다(셸이 context.title 로 그린다). 그래도 여기 입력칸을 두는\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    div[header] figure-ask {\n      flex: 1;\n      min-width: 0;\n    }\n    input[name] {\n      flex: none;\n      width: 180px;\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        이 화면의 주인공은 캔버스다. 이름은 속성 패널에서 보고 고치고, 브라우저 탭에도\n        「operato figure · 작업자」로 나온다. 그 위에 제목 줄을 한 겹 더 얹으면 같은 말이 세 번이고,\n        그만큼 캔버스가 낮아진다.\n\n        `title` 을 비우는 것으로 끄지 않는 이유는 그 값을 MDI 탭도 읽기 때문이다 — 비우면 탭 이름이\n        함께 사라진다. 이름은 하나이고 그리는 자리마다 켜고 끈다(`ox-page-title-bar`).\n      */\n      heading: false\n    }\n  }\n\n  render() {\n    const source = this.folded\n\n    return html`\n      <div header>\n        <!--\n          이름과 타입은 **속성 패널**에 있다(figure-inspector 의 도형 절). 여기 있던 이름 칸은\n          하네스 시절의 자리였다 — 앱에서는 셸이 페이지 제목으로 같은 이름을 그리므로 글자가 두 번\n          나오고, 캔버스가 주인공인 화면에서 그만큼 높이를 잃었다.\n        -->\n        ${this.dirty ? html`<span dirty>${i18next.t('text.unsaved-changes')}</span>` : ''}\n        <!--\n          말로 시키는 줄이 머리줄의 남는 폭을 쓴다. 따로 두면 화면 위가 두 줄이 되고, 그 위 줄은\n          이름을 페이지 제목과 겹쳐 적는다.\n        -->\n        <figure-ask\n          .source=${source}\n          .type=${source?.type ?? ''}\n          @proposed=${(e: CustomEvent) => this.receive(e.detail.proposal)}\n        ></figure-ask>\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      <div\n        edits\n        ?collapse-left=${this.collapsed.left}\n        ?collapse-right=${this.collapsed.right}\n        @figure-rename=${(e: CustomEvent) => this.rename(e.detail.name)}\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          .figureName=${this.figure?.name ?? ''}\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    /* 그림이 없으면 이 자리에서 채운다(아래 `fillThumbnail`). 기다리지 않는다 — 화면이 먼저다. */\n    if (!figure.thumbnail && figure.id) {\n      void this.fillThumbnail(figure.id)\n    }\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  /**\n   * 그림이 없는 도형을 **열었을 때 한 번** 찍어 채운다.\n   *\n   * ## 왜 여기인가\n   *\n   * 보드는 저장할 때 서버가 찍는다. 그런데 백엔드에 GPU 가 없는 배포가 많아 헤드리스로 3D 를 찍는\n   * 것이 자주 실패한다. 도형을 그리는 GPU 는 이미 보는 사람 손에 있고, 씬은 지금 여기 서 있다.\n   *\n   * 저작면을 거치지 않고 생긴 것들이 그림이 없다 — 씨앗으로 넣은 표본, AI 가 낸 후보, 반입한 자산.\n   * 그것들을 한 번 열어 보면 그때 채워진다.\n   *\n   * ## 저장이 아니다\n   *\n   * 그림만 보낸다. 정본을 건드리지 않으므로 미저장 표시도 켜지 않는다 — 열어 봤다는 것이 고쳤다는\n   * 뜻이 되면 저작자가 저장할지 말지를 매번 고민한다.\n   */\n  private async fillThumbnail(id: string): Promise<void> {\n    await this.updateComplete\n\n    const thumbnail = await captureThumbnail(this.board, this.parts)\n    if (!thumbnail || this.figure?.id !== id) {\n      return\n    }\n\n    try {\n      await updateFigure(id, { thumbnail })\n      this.figure = { ...this.figure, thumbnail }\n    } catch (e) {\n      /* 볼 권한만 있는 사람일 수 있다. 화면은 그대로 두고 조용히 넘어간다. */\n      console.warn(`[thumbnail] ${id} 를 채우지 못했습니다 — ${(e as Error).message}`)\n    }\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        보이는 것을 그대로 찍어 함께 보낸다.\n\n        카드가 그림 없이 서 있으면 카탈로그에서 무엇인지 못 고른다. 찍는 자리를 저장에 두는 이유는\n        **그 순간이 정본이 바뀌는 순간**이라서다 — 따로 찍는 절차를 두면 그림과 정본이 갈린다.\n\n        못 찍으면 보내지 않는다(`undefined`). 빈 그림을 넣어 「그림이 있다」고 말하지 않는다.\n      */\n      const thumbnail = await captureThumbnail(this.board, this.parts)\n\n      if (this.figure.id) {\n        const result = await updateFigure(this.figure.id, {\n          name: this.figure.name,\n          source: sourceJson,\n          thumbnail\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          thumbnail\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"]}
+{"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 { captureThumbnail } from '../modeller/figure-thumbnail.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      머리줄 — 이름 · 타입 · 미저장 표시 · 말로 시키는 줄 · 저장을 **한 줄에** 담는다.\n\n      이름은 페이지 제목에도 나온다(셸이 context.title 로 그린다). 그래도 여기 입력칸을 두는\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    div[header] figure-ask {\n      flex: 1;\n      min-width: 0;\n    }\n    input[name] {\n      flex: none;\n      width: 180px;\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        이 화면의 주인공은 캔버스다. 이름은 속성 패널에서 보고 고치고, 브라우저 탭에도\n        「operato figure · 작업자」로 나온다. 그 위에 제목 줄을 한 겹 더 얹으면 같은 말이 세 번이고,\n        그만큼 캔버스가 낮아진다.\n\n        `title` 을 비우는 것으로 끄지 않는 이유는 그 값을 MDI 탭도 읽기 때문이다 — 비우면 탭 이름이\n        함께 사라진다. 이름은 하나이고 그리는 자리마다 켜고 끈다(`ox-page-title-bar`).\n      */\n      heading: false\n    }\n  }\n\n  render() {\n    const source = this.folded\n\n    return html`\n      <div header>\n        <!--\n          이름과 타입은 **속성 패널**에 있다(figure-inspector 의 도형 절). 여기 있던 이름 칸은\n          하네스 시절의 자리였다 — 앱에서는 셸이 페이지 제목으로 같은 이름을 그리므로 글자가 두 번\n          나오고, 캔버스가 주인공인 화면에서 그만큼 높이를 잃었다.\n        -->\n        ${this.dirty ? html`<span dirty>${i18next.t('text.unsaved-changes')}</span>` : ''}\n        <!--\n          말로 시키는 줄이 머리줄의 남는 폭을 쓴다. 따로 두면 화면 위가 두 줄이 되고, 그 위 줄은\n          이름을 페이지 제목과 겹쳐 적는다.\n        -->\n        <figure-ask\n          .source=${source}\n          .type=${source?.type ?? ''}\n          @proposed=${(e: CustomEvent) => this.receive(e.detail.proposal)}\n        ></figure-ask>\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      <div\n        edits\n        ?collapse-left=${this.collapsed.left}\n        ?collapse-right=${this.collapsed.right}\n        @figure-rename=${(e: CustomEvent) => this.rename(e.detail.name)}\n        @figure-released=${(e: CustomEvent) => this.released(e.detail.figure)}\n        @figure-reverted=${() => this.figure?.id && this.load(this.figure.id)}\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          .figureName=${this.figure?.name ?? ''}\n          .figureId=${this.figure?.id ?? ''}\n          .figureState=${this.figure?.state}\n          .figureVersion=${this.figure?.version ?? 0}\n          .dirty=${this.dirty}\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    /* 그림이 없으면 이 자리에서 채운다(아래 `fillThumbnail`). 기다리지 않는다 — 화면이 먼저다. */\n    if (!figure.thumbnail && figure.id) {\n      void this.fillThumbnail(figure.id)\n    }\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  /**\n   * 그림이 없는 도형을 **열었을 때 한 번** 찍어 채운다.\n   *\n   * ## 왜 여기인가\n   *\n   * 보드는 저장할 때 서버가 찍는다. 그런데 백엔드에 GPU 가 없는 배포가 많아 헤드리스로 3D 를 찍는\n   * 것이 자주 실패한다. 도형을 그리는 GPU 는 이미 보는 사람 손에 있고, 씬은 지금 여기 서 있다.\n   *\n   * 저작면을 거치지 않고 생긴 것들이 그림이 없다 — 씨앗으로 넣은 표본, AI 가 낸 후보, 반입한 자산.\n   * 그것들을 한 번 열어 보면 그때 채워진다.\n   *\n   * ## 저장이 아니다\n   *\n   * 그림만 보낸다. 정본을 건드리지 않으므로 미저장 표시도 켜지 않는다 — 열어 봤다는 것이 고쳤다는\n   * 뜻이 되면 저작자가 저장할지 말지를 매번 고민한다.\n   */\n  /**\n   * 발행되었다 — **정본을 든 자리가 그 사실을 받는다.**\n   *\n   * 이력 패널은 발행을 시키고 결과를 알릴 뿐, 이 페이지의 상태를 고쳐 쓰지 않는다. 판 번호와 상태가\n   * 여기서 갱신되어야 머리줄·이력 탭이 같은 것을 본다.\n   *\n   * 정본(source)은 발행이 건드리지 않으므로 다시 불러오지 않는다 — 저작 중인 화면을 되감지 않는다.\n   */\n  private released(figure: Figure): void {\n    if (!this.figure || figure?.id !== this.figure.id) {\n      return\n    }\n\n    this.figure = { ...this.figure, version: figure.version, state: figure.state, updatedAt: figure.updatedAt }\n  }\n\n  private async fillThumbnail(id: string): Promise<void> {\n    await this.updateComplete\n\n    const thumbnail = await captureThumbnail(this.board, this.parts)\n    if (!thumbnail || this.figure?.id !== id) {\n      return\n    }\n\n    try {\n      await updateFigure(id, { thumbnail })\n      this.figure = { ...this.figure, thumbnail }\n    } catch (e) {\n      /* 볼 권한만 있는 사람일 수 있다. 화면은 그대로 두고 조용히 넘어간다. */\n      console.warn(`[thumbnail] ${id} 를 채우지 못했습니다 — ${(e as Error).message}`)\n    }\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        보이는 것을 그대로 찍어 함께 보낸다.\n\n        카드가 그림 없이 서 있으면 카탈로그에서 무엇인지 못 고른다. 찍는 자리를 저장에 두는 이유는\n        **그 순간이 정본이 바뀌는 순간**이라서다 — 따로 찍는 절차를 두면 그림과 정본이 갈린다.\n\n        못 찍으면 보내지 않는다(`undefined`). 빈 그림을 넣어 「그림이 있다」고 말하지 않는다.\n      */\n      const thumbnail = await captureThumbnail(this.board, this.parts)\n\n      if (this.figure.id) {\n        const result = await updateFigure(this.figure.id, {\n          name: this.figure.name,\n          source: sourceJson,\n          thumbnail\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          thumbnail\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"]}