@things-factory/figure-ui 10.1.38 → 10.1.40

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

@@ -4,10 +4,14 @@ import { customElement, state } from 'lit/decorators.js';
 import { PageView } from '@operato/shell';
 import { createV3ProductSession } from '../modeller/v3-product-session.js';
 import { v3ProductStore } from '../graphql/v3-store.js';
-import { fetchFigure } from '../graphql/index.js';
+import { i18next } from '@operato/i18n';
+import { fetchFigure, updateFigure } from '../graphql/index.js';
 import { occupancyFromParts } from '../modeller/v3-occupancy.js';
 import '../modeller/v3-editor.js';
+import '@material/web/icon/icon.js';
 import '../modeller/figure-history-panel.js';
+import '../modeller/figure-v3-verdict.js';
+import '../modeller/figure-v3-properties.js';
 /**
  * The V3 product page has exactly one authoritative workspace for UI and AI input transactions.
  *
@@ -32,7 +36,17 @@ let FigureV3ModellerPage = class FigureV3ModellerPage extends PageView {
          * 발행 판정에 막히는데 그 선언을 할 단추도 없었다(2026-09-24 확인). 서버의 문 하나가 두 형식을 다 읽으므로
          * V2 화면의 패널을 그대로 건다.
          */
-        this.row = { version: 0 };
+        this.row = {
+            version: 0
+        };
+        this.typeError = '';
+        /** Why a command from the side did nothing. Shown beside the tabs — the editor stays, since nothing in it was lost. */
+        this.commandError = '';
+        /**
+         * Which tab the side shows. The verdict comes first: it is what the author needs while editing, and the count on
+         * its tab stays in sight while the history is open — as on the V2 page.
+         */
+        this.tab = 'verdict';
         this.wasDirty = false;
         this.announce = () => {
             const view = this.session.read();
@@ -50,7 +64,14 @@ let FigureV3ModellerPage = class FigureV3ModellerPage extends PageView {
         };
         this.changed = () => {
             this.revision++;
+            /* Any edit after a failed command makes the message stale — the author has done something about it. */
+            this.commandError = '';
             const view = this.session.read();
+            /* The title bar reads the name through `context`, which the shell asks for only when told — a rename left it stale. */
+            if (view.name !== this.titled) {
+                this.titled = view.name;
+                this.updateContext();
+            }
             if (!view.saving)
                 this.announce();
             /* 저장이 끝난 순간 행을 다시 읽는다 — 발행된 도형을 고쳐 저장하면 서버가 초안으로 내린다. */
@@ -58,20 +79,63 @@ let FigureV3ModellerPage = class FigureV3ModellerPage extends PageView {
                 this.readRow(view.id);
             this.wasDirty = !!view.dirty;
         };
+        /**
+         * 타입을 정한다 — 보드가 도형을 부르는 이름이고, 발행하면 굳는다(ADR-0063 결정 4).
+         *
+         * 새 V3 도형은 저장할 때 임시 타입을 받는데, 이 화면에는 그것을 바꿀 칸이 없어서 임시 타입 그대로 발행됐다.
+         * 행만 바뀐다 — V3 자산은 타입을 원본에 적지 않으므로(적으면 형식이 거절한다) 편집 중인 원본과 부딪히지 않는다.
+         * 서버의 거절(이미 쓰는 타입 · 발행 뒤)은 그 문장 그대로 칸 아래에 둔다.
+         */
+        this.renameType = async (event) => {
+            const input = event.target;
+            const id = this.session.read().id;
+            const wanted = input.value.trim().replace(/[^A-Za-z0-9_]/g, '_').toUpperCase();
+            input.value = wanted;
+            if (!id || !wanted || wanted === this.row.type)
+                return;
+            try {
+                const result = await updateFigure(id, { type: wanted });
+                this.typeError = '';
+                this.row = { ...this.row, type: result.figure.type };
+            }
+            catch (error) {
+                this.typeError = error instanceof Error ? error.message : String(error);
+                input.value = this.row.type ?? '';
+            }
+        };
         /** 「부품에 맞추기」 — 공간을 지금 부품에서 다시 선언한다. 저장은 저작자가 따로 한다. */
         this.fitToParts = () => {
+            this.runCommand(() => occupancyFromParts(this.session.source()));
+        };
+        /** A command from the properties tab — rename, declare the room, the mounting face. */
+        this.onCommand = (event) => {
+            const action = event.detail?.action;
+            if (action)
+                this.runCommand(() => action);
+        };
+        /**
+         * Category and tags — the catalogue's, kept on the row, not in the asset. Written at once, as the V2 page does;
+         * the server's refusal is shown as it gave it.
+         */
+        this.onCatalog = async (event) => {
+            const patch = event.detail;
+            const id = this.session.read().id;
+            if (!id || !patch)
+                return;
             try {
-                this.session.command(occupancyFromParts(this.session.source()));
-                this.changed();
+                const result = await updateFigure(id, patch);
+                this.commandError = '';
+                this.row = { ...this.row, category: result.figure.category ?? undefined, tags: result.figure.tags ?? undefined };
             }
             catch (error) {
-                this.error = error instanceof Error ? error.message : String(error);
+                this.commandError = error instanceof Error ? error.message : String(error);
             }
         };
         this.released = (event) => {
             const figure = event.detail?.figure;
+            /* Keep the rest of the row: rebuilding it from these two dropped the type, and the locked type field went blank. */
             if (figure?.id && figure.id === this.session.read().id)
-                this.row = { state: figure.state, version: figure.version ?? 0 };
+                this.row = { ...this.row, state: figure.state, version: figure.version ?? 0 };
         };
         /** 과거 판으로 되돌렸으면 서버의 원본이 바뀐 것이다 — 다시 연다. 패널은 저장 안 된 것이 있으면 되돌리기를 막는다. */
         this.reverted = async () => {
@@ -116,28 +180,145 @@ let FigureV3ModellerPage = class FigureV3ModellerPage extends PageView {
       min-width: 0;
       min-height: 0;
     }
-    figure-history-panel {
+    aside {
       width: 320px;
       flex: none;
       min-height: 0;
       overflow: auto;
+      display: flex;
+      flex-direction: column;
       border-left: 1px solid var(--md-sys-color-outline-variant);
     }
+    label[type-field] {
+      display: grid;
+      gap: 4px;
+      padding: 12px 12px 8px;
+      font-size: 12px;
+      border-bottom: 1px solid var(--md-sys-color-outline-variant);
+    }
+    label[type-field] input,
+    label[type-field] code {
+      font: inherit;
+      font-family: monospace;
+      padding: 6px 8px;
+      border: 1px solid var(--md-sys-color-outline-variant);
+      border-radius: 4px;
+      background: var(--md-sys-color-surface);
+      color: var(--md-sys-color-on-surface);
+    }
+    label[type-field] small {
+      color: var(--md-sys-color-on-surface-variant);
+    }
+    p[fit-error] {
+      margin: 0;
+      padding: 8px 12px;
+      font-size: 12px;
+      color: var(--md-sys-color-error);
+    }
+    label[type-field] small[role='alert'] {
+      color: var(--md-sys-color-error);
+    }
+    /* The V2 side panel's tabs, drawn the same way: one icon per tab, the name in title and aria-label. */
+    div[tabs] {
+      display: flex;
+      flex: none;
+      border-bottom: 1px solid var(--md-sys-color-outline-variant);
+    }
+    button[tab] {
+      flex: 1;
+      position: relative;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 7px 6px;
+      color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));
+      background: none;
+      border: none;
+      border-bottom: 2px solid transparent;
+      cursor: pointer;
+    }
+    button[tab]:hover:not([on]) {
+      background-color: var(--md-sys-color-surface-container);
+    }
+    button[tab][on] {
+      color: var(--md-sys-color-primary);
+      border-bottom-color: var(--md-sys-color-primary);
+    }
+    button[tab] md-icon {
+      font-size: 20px;
+      width: 20px;
+      height: 20px;
+    }
+    span[badge] {
+      position: absolute;
+      top: 5px;
+      right: 2px;
+      padding: 0 5px;
+      font-size: 0.62rem;
+      font-weight: 700;
+      line-height: 1.5;
+      color: var(--md-sys-color-on-primary-container);
+      background-color: var(--md-sys-color-primary-container);
+      border-radius: 999em;
+      pointer-events: none;
+    }
+    /* Hidden, not removed: the verdict keeps its last answer and the panel its list while the other tab is open. */
+    [off] {
+      display: none;
+    }
     .error {
       padding: 16px;
       color: #922716;
     }
   `; }
+    draftSource() {
+        try {
+            this.draft = this.session.source();
+        }
+        catch {
+            /* loading or saving — keep the last source */
+        }
+        return this.draft;
+    }
     async readRow(id) {
         try {
             const figure = await fetchFigure(id);
             if (this.session.read().id === id)
-                this.row = { state: figure.state, version: figure.version ?? 0 };
+                this.row = {
+                    state: figure.state,
+                    version: figure.version ?? 0,
+                    type: figure.type,
+                    category: figure.category ?? undefined,
+                    tags: figure.tags ?? undefined
+                };
         }
         catch {
             /* 행을 못 읽으면 패널은 판 번호 0 으로 보인다 — 발행 문이 서버에서 다시 판단하므로 여기서 지어내지 않는다. */
         }
     }
+    /**
+     * One step of the session's history, whichever part of the side asked for it — so undo takes it back like any
+     * other edit, and it is saved with the figure.
+     */
+    runCommand(actionOf) {
+        try {
+            this.session.command(actionOf());
+            this.commandError = '';
+            this.changed();
+        }
+        catch (error) {
+            /*
+              This used to set the page error, which replaces the whole editor with one raw line — for a figure with no
+              parts that line was 「OCCUPANCY_NO_PARTS: occupancy: no part could be measured」 (2026-09-24).
+            */
+            this.commandError =
+                error?.code === 'OCCUPANCY_NO_PARTS'
+                    ? i18next.t('figure.text.fit-needs-parts')
+                    : error instanceof Error
+                        ? error.message
+                        : String(error);
+        }
+    }
     connectedCallback() {
         super.connectedCallback();
         window.addEventListener('figure-ai-context-request', this.announce);
@@ -172,6 +353,7 @@ let FigureV3ModellerPage = class FigureV3ModellerPage extends PageView {
             const discard = this.discardApproved;
             this.discardApproved = false;
             if (id) {
+                this.draft = undefined;
                 const opening = this.session.open(id, { discard });
                 this.changed();
                 await opening;
@@ -179,7 +361,9 @@ let FigureV3ModellerPage = class FigureV3ModellerPage extends PageView {
             }
             else {
                 this.session.startNew({ discard });
+                this.draft = undefined;
                 this.row = { version: 0 };
+                this.typeError = '';
             }
             this.routeId = id;
             this.error = '';
@@ -201,16 +385,62 @@ let FigureV3ModellerPage = class FigureV3ModellerPage extends PageView {
         .revision=${this.revision}
         @v3-changed=${this.changed}
       ></figure-v3-editor>
-      <figure-history-panel
-        format="v3"
-        .figureId=${view.id}
-        .figureState=${this.row.state}
-        .figureVersion=${this.row.version}
-        .dirty=${!!view.dirty}
-        @fit-base-to-parts=${this.fitToParts}
-        @figure-released=${this.released}
-        @figure-reverted=${this.reverted}
-      ></figure-history-panel>`;
+      <aside>
+        <label type-field>
+          <span>${i18next.t('figure.label.figure-type')}</span>
+          ${this.row.version > 0
+            ? html `<code>${this.row.type}</code><small>${i18next.t('figure.text.type-name-cannot-change')}</small>`
+            : html `<input
+                .value=${this.row.type ?? ''}
+                placeholder=${i18next.t('figure.text.figure-type-placeholder')}
+                ?disabled=${!view.id}
+                @change=${this.renameType}
+              />`}
+          ${this.typeError ? html `<small role="alert">${this.typeError}</small>` : ''}
+        </label>
+        ${this.commandError ? html `<p fit-error role="alert">${this.commandError}</p>` : ''}
+        <div tabs>
+          ${this.renderTab('properties', 'tune', i18next.t('figure.label.properties'))}
+          ${this.renderTab('verdict', 'insights', i18next.t('figure.label.maturity'), this.instances)}
+          ${this.renderTab('history', 'history', i18next.t('figure.label.history'))}
+        </div>
+        <figure-v3-properties
+          ?off=${this.tab !== 'properties'}
+          .source=${this.draftSource()}
+          .figureId=${view.id}
+          .figureCategory=${this.row.category}
+          .figureTags=${this.row.tags}
+          @v3-command=${this.onCommand}
+          @v3-catalog=${this.onCatalog}
+        ></figure-v3-properties>
+        <figure-v3-verdict
+          ?off=${this.tab !== 'verdict'}
+          .source=${this.draftSource()}
+          .figureId=${view.id}
+          .figureType=${this.row.type}
+          @capacity-changed=${(event) => (this.instances = event.detail.instances)}
+          @fit-base-to-parts=${this.fitToParts}
+        ></figure-v3-verdict>
+        <figure-history-panel
+          ?off=${this.tab !== 'history'}
+          format="v3"
+          .figureId=${view.id}
+          .figureState=${this.row.state}
+          .figureVersion=${this.row.version}
+          .figureType=${this.row.type}
+          .dirty=${!!view.dirty}
+          @fit-base-to-parts=${this.fitToParts}
+          @figure-released=${this.released}
+          @figure-reverted=${this.reverted}
+        ></figure-history-panel>
+      </aside>`;
+    }
+    renderTab(tab, icon, label, badge) {
+        return html `
+      <button tab ?on=${this.tab === tab} title=${label} aria-label=${label} @click=${() => (this.tab = tab)}>
+        <md-icon>${icon}</md-icon>${badge == null ? '' : html `<span badge>${badge.toLocaleString()}</span>`}
+      </button>
+    `;
     }
 };
 __decorate([
@@ -225,6 +455,22 @@ __decorate([
     state(),
     __metadata("design:type", Object)
 ], FigureV3ModellerPage.prototype, "row", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], FigureV3ModellerPage.prototype, "typeError", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], FigureV3ModellerPage.prototype, "commandError", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", String)
+], FigureV3ModellerPage.prototype, "tab", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Number)
+], FigureV3ModellerPage.prototype, "instances", void 0);
 FigureV3ModellerPage = __decorate([
     customElement('figure-v3-modeller-page')
 ], FigureV3ModellerPage);

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

@@ -1 +1 @@
-{"version":3,"file":"figure-v3-modeller-page.js","sourceRoot":"","sources":["../../client/pages/figure-v3-modeller-page.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, css } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\nimport { PageView } from '@operato/shell'\nimport { createV3ProductSession } from '../modeller/v3-product-session.js'\nimport { v3ProductStore } from '../graphql/v3-store.js'\nimport { fetchFigure } from '../graphql/index.js'\nimport { occupancyFromParts } from '../modeller/v3-occupancy.js'\nimport '../modeller/v3-editor.js'\nimport '../modeller/figure-history-panel.js'\n\n/**\n * The V3 product page has exactly one authoritative workspace for UI and AI input transactions.\n *\n * It answers to `figure-v3-modeller` while the catalogue's assets are still V2. The designer's order switches\n * the production data and the consuming paths together (ADR-0087, step 5): until the assets are converted, a\n * `figure-modeller` that opened this page would fail on every figure in the catalogue. Having its own route\n * is what makes steps 3 and 4 — the conversion on a recoverable copy, and the canvas check — possible at all.\n * At step 5 the V2 page goes, and this one takes the `figure-modeller` name and route.\n */\n@customElement('figure-v3-modeller-page')\nexport class FigureV3ModellerPage extends PageView {\n  static styles = css`\n    :host {\n      display: flex;\n      flex-direction: row;\n      height: 100%;\n      min-height: 0;\n      /*\n        The page must fit the width it is given. Without this the shell sizes it to its content — the editor's\n        660 plus the 320 release panel — and the panel runs off the right edge (seen at 945 px, 2026-09-24). The\n        V2 page does the same.\n      */\n      overflow: hidden;\n    }\n    figure-v3-editor {\n      flex: 1;\n      min-width: 0;\n      min-height: 0;\n    }\n    figure-history-panel {\n      width: 320px;\n      flex: none;\n      min-height: 0;\n      overflow: auto;\n      border-left: 1px solid var(--md-sys-color-outline-variant);\n    }\n    .error {\n      padding: 16px;\n      color: #922716;\n    }\n  `\n  private readonly session = createV3ProductSession(v3ProductStore)\n  private routeId: string | undefined\n  private discardApproved = false\n  @state() private revision = 0\n  @state() private error = ''\n  /**\n   * 발행 패널이 읽는 행의 사실 — 상태와 발행 판 번호. 원본은 세션이 들고, 이 둘은 행에 있다.\n   *\n   * 이 화면에는 발행 패널이 없었다. 저장은 되고 발행 · 판본 · 복원 · 판정을 볼 자리가 없어서, ADR-0087 5단계에서\n   * `figure-modeller` 가 이 화면으로 바뀌면 저작자는 발행을 할 수 없었다. 새 V3 도형은 공간을 선언하기 전에는 전부\n   * 발행 판정에 막히는데 그 선언을 할 단추도 없었다(2026-09-24 확인). 서버의 문 하나가 두 형식을 다 읽으므로\n   * V2 화면의 패널을 그대로 건다.\n   */\n  @state() private row: { state?: 'draft' | 'released'; version: number } = { version: 0 }\n  private wasDirty = false\n  private announce = () => {\n    const view = this.session.read()\n    if (!this.active || view.loading || view.saving || view.error || !view.context) return\n    window.dispatchEvent(\n      new CustomEvent('figure-ai-context', {\n        detail: {\n          figureId: view.id,\n          source: JSON.parse(this.session.source()),\n          context: view.context,\n          revision: view.revision,\n          format: 'v3'\n        }\n      })\n    )\n  }\n  private changed = () => {\n    this.revision++\n    const view = this.session.read()\n    if (!view.saving) this.announce()\n    /* 저장이 끝난 순간 행을 다시 읽는다 — 발행된 도형을 고쳐 저장하면 서버가 초안으로 내린다. */\n    if (this.wasDirty && !view.dirty && !view.saving && view.id) this.readRow(view.id)\n    this.wasDirty = !!view.dirty\n  }\n  private async readRow(id: string) {\n    try {\n      const figure = await fetchFigure(id)\n      if (this.session.read().id === id) this.row = { state: figure.state as 'draft' | 'released', version: figure.version ?? 0 }\n    } catch {\n      /* 행을 못 읽으면 패널은 판 번호 0 으로 보인다 — 발행 문이 서버에서 다시 판단하므로 여기서 지어내지 않는다. */\n    }\n  }\n  /** 「부품에 맞추기」 — 공간을 지금 부품에서 다시 선언한다. 저장은 저작자가 따로 한다. */\n  private fitToParts = () => {\n    try {\n      this.session.command(occupancyFromParts(this.session.source()))\n      this.changed()\n    } catch (error) {\n      this.error = error instanceof Error ? error.message : String(error)\n    }\n  }\n  private released = (event: Event) => {\n    const figure = (event as CustomEvent).detail?.figure\n    if (figure?.id && figure.id === this.session.read().id) this.row = { state: figure.state, version: figure.version ?? 0 }\n  }\n  /** 과거 판으로 되돌렸으면 서버의 원본이 바뀐 것이다 — 다시 연다. 패널은 저장 안 된 것이 있으면 되돌리기를 막는다. */\n  private reverted = async () => {\n    const id = this.session.read().id\n    if (!id) return\n    await this.session.open(id, { discard: true })\n    this.changed()\n    this.readRow(id)\n  }\n  /** The dock must explicitly use this checked transaction contract, never an unversioned overwrite. */\n  private applyAI = (event: Event) => {\n    const detail = (event as CustomEvent).detail\n    if (!this.active || !detail) return\n    try {\n      this.session.apply(detail.changes, 'ai', detail.revision, detail.context)\n      detail.applied = true\n      this.changed()\n    } catch (error) {\n      detail.applied = false\n      detail.error = error instanceof Error ? error.message : String(error)\n    }\n  }\n  connectedCallback() {\n    super.connectedCallback()\n    window.addEventListener('figure-ai-context-request', this.announce)\n    window.addEventListener('figure-v3-apply', this.applyAI)\n  }\n  disconnectedCallback() {\n    window.removeEventListener('figure-ai-context-request', this.announce)\n    window.removeEventListener('figure-v3-apply', this.applyAI)\n    super.disconnectedCallback()\n  }\n  async canDeactivate() {\n    const view = this.session.read()\n    if (view.saving) return false\n    if (!view.dirty) return true\n    // The shell invokes this while the edited model is still visible, before navigating away.\n    this.discardApproved = window.confirm('저장하지 않은 변경을 버리고 이동하시겠습니까?')\n    return this.discardApproved\n  }\n  async pageUpdated(changes: Record<string, unknown>, lifecycle: { resourceId?: string }) {\n    if (!this.active) {\n      if (this.session.read().loading) this.session.close()\n      window.dispatchEvent(new CustomEvent('figure-ai-context', { detail: undefined }))\n      return\n    }\n    const id = lifecycle?.resourceId\n    if (this.session.read().context && id === this.routeId && !changes.active) return\n    try {\n      const discard = this.discardApproved\n      this.discardApproved = false\n      if (id) {\n        const opening = this.session.open(id, { discard })\n        this.changed()\n        await opening\n        this.readRow(id)\n      } else {\n        this.session.startNew({ discard })\n        this.row = { version: 0 }\n      }\n      this.routeId = id\n      this.error = ''\n      this.changed()\n    } catch (error) {\n      this.error = error instanceof Error ? error.message : String(error)\n    }\n  }\n  get context() {\n    return { title: this.session.read().name ?? 'Figure', actions: [] }\n  }\n  render() {\n    if (this.error) return html`<p role=\"alert\" class=\"error\">${this.error}</p>`\n    const view = this.session.read()\n    return html`<figure-v3-editor\n        .session=${this.session}\n        .revision=${this.revision}\n        @v3-changed=${this.changed}\n      ></figure-v3-editor>\n      <figure-history-panel\n        format=\"v3\"\n        .figureId=${view.id}\n        .figureState=${this.row.state}\n        .figureVersion=${this.row.version}\n        .dirty=${!!view.dirty}\n        @fit-base-to-parts=${this.fitToParts}\n        @figure-released=${this.released}\n        @figure-reverted=${this.reverted}\n      ></figure-history-panel>`\n  }\n}\n"]}
+{"version":3,"file":"figure-v3-modeller-page.js","sourceRoot":"","sources":["../../client/pages/figure-v3-modeller-page.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, css } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\nimport { PageView } from '@operato/shell'\nimport { createV3ProductSession } from '../modeller/v3-product-session.js'\nimport { v3ProductStore } from '../graphql/v3-store.js'\nimport { i18next } from '@operato/i18n'\nimport { fetchFigure, updateFigure } from '../graphql/index.js'\nimport { occupancyFromParts } from '../modeller/v3-occupancy.js'\nimport type { V3AuthoringAction } from '@hatiolab/figure-model'\nimport '../modeller/v3-editor.js'\nimport '@material/web/icon/icon.js'\nimport '../modeller/figure-history-panel.js'\nimport '../modeller/figure-v3-verdict.js'\nimport '../modeller/figure-v3-properties.js'\n\n/**\n * The V3 product page has exactly one authoritative workspace for UI and AI input transactions.\n *\n * It answers to `figure-v3-modeller` while the catalogue's assets are still V2. The designer's order switches\n * the production data and the consuming paths together (ADR-0087, step 5): until the assets are converted, a\n * `figure-modeller` that opened this page would fail on every figure in the catalogue. Having its own route\n * is what makes steps 3 and 4 — the conversion on a recoverable copy, and the canvas check — possible at all.\n * At step 5 the V2 page goes, and this one takes the `figure-modeller` name and route.\n */\n@customElement('figure-v3-modeller-page')\nexport class FigureV3ModellerPage extends PageView {\n  static styles = css`\n    :host {\n      display: flex;\n      flex-direction: row;\n      height: 100%;\n      min-height: 0;\n      /*\n        The page must fit the width it is given. Without this the shell sizes it to its content — the editor's\n        660 plus the 320 release panel — and the panel runs off the right edge (seen at 945 px, 2026-09-24). The\n        V2 page does the same.\n      */\n      overflow: hidden;\n    }\n    figure-v3-editor {\n      flex: 1;\n      min-width: 0;\n      min-height: 0;\n    }\n    aside {\n      width: 320px;\n      flex: none;\n      min-height: 0;\n      overflow: auto;\n      display: flex;\n      flex-direction: column;\n      border-left: 1px solid var(--md-sys-color-outline-variant);\n    }\n    label[type-field] {\n      display: grid;\n      gap: 4px;\n      padding: 12px 12px 8px;\n      font-size: 12px;\n      border-bottom: 1px solid var(--md-sys-color-outline-variant);\n    }\n    label[type-field] input,\n    label[type-field] code {\n      font: inherit;\n      font-family: monospace;\n      padding: 6px 8px;\n      border: 1px solid var(--md-sys-color-outline-variant);\n      border-radius: 4px;\n      background: var(--md-sys-color-surface);\n      color: var(--md-sys-color-on-surface);\n    }\n    label[type-field] small {\n      color: var(--md-sys-color-on-surface-variant);\n    }\n    p[fit-error] {\n      margin: 0;\n      padding: 8px 12px;\n      font-size: 12px;\n      color: var(--md-sys-color-error);\n    }\n    label[type-field] small[role='alert'] {\n      color: var(--md-sys-color-error);\n    }\n    /* The V2 side panel's tabs, drawn the same way: one icon per tab, the name in title and aria-label. */\n    div[tabs] {\n      display: flex;\n      flex: none;\n      border-bottom: 1px solid var(--md-sys-color-outline-variant);\n    }\n    button[tab] {\n      flex: 1;\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 7px 6px;\n      color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));\n      background: none;\n      border: none;\n      border-bottom: 2px solid transparent;\n      cursor: pointer;\n    }\n    button[tab]:hover:not([on]) {\n      background-color: var(--md-sys-color-surface-container);\n    }\n    button[tab][on] {\n      color: var(--md-sys-color-primary);\n      border-bottom-color: var(--md-sys-color-primary);\n    }\n    button[tab] md-icon {\n      font-size: 20px;\n      width: 20px;\n      height: 20px;\n    }\n    span[badge] {\n      position: absolute;\n      top: 5px;\n      right: 2px;\n      padding: 0 5px;\n      font-size: 0.62rem;\n      font-weight: 700;\n      line-height: 1.5;\n      color: var(--md-sys-color-on-primary-container);\n      background-color: var(--md-sys-color-primary-container);\n      border-radius: 999em;\n      pointer-events: none;\n    }\n    /* Hidden, not removed: the verdict keeps its last answer and the panel its list while the other tab is open. */\n    [off] {\n      display: none;\n    }\n    .error {\n      padding: 16px;\n      color: #922716;\n    }\n  `\n  private readonly session = createV3ProductSession(v3ProductStore)\n  private routeId: string | undefined\n  private discardApproved = false\n  @state() private revision = 0\n  @state() private error = ''\n  /**\n   * 발행 패널이 읽는 행의 사실 — 상태와 발행 판 번호. 원본은 세션이 들고, 이 둘은 행에 있다.\n   *\n   * 이 화면에는 발행 패널이 없었다. 저장은 되고 발행 · 판본 · 복원 · 판정을 볼 자리가 없어서, ADR-0087 5단계에서\n   * `figure-modeller` 가 이 화면으로 바뀌면 저작자는 발행을 할 수 없었다. 새 V3 도형은 공간을 선언하기 전에는 전부\n   * 발행 판정에 막히는데 그 선언을 할 단추도 없었다(2026-09-24 확인). 서버의 문 하나가 두 형식을 다 읽으므로\n   * V2 화면의 패널을 그대로 건다.\n   */\n  @state() private row: { state?: 'draft' | 'released'; version: number; type?: string; category?: string; tags?: string[] } = {\n    version: 0\n  }\n  @state() private typeError = ''\n  /** Why a command from the side did nothing. Shown beside the tabs — the editor stays, since nothing in it was lost. */\n  @state() private commandError = ''\n  /**\n   * Which tab the side shows. The verdict comes first: it is what the author needs while editing, and the count on\n   * its tab stays in sight while the history is open — as on the V2 page.\n   */\n  @state() private tab: 'properties' | 'verdict' | 'history' = 'verdict'\n  @state() private instances?: number\n  /**\n   * The source the verdict judges. The session refuses to export while it loads or saves, so the last one read is\n   * kept rather than blanked — the verdict would otherwise flicker to 「waiting」 on every save.\n   */\n  private draft?: string\n  private draftSource(): string | undefined {\n    try {\n      this.draft = this.session.source()\n    } catch {\n      /* loading or saving — keep the last source */\n    }\n    return this.draft\n  }\n  private wasDirty = false\n  private titled?: string | null\n  private announce = () => {\n    const view = this.session.read()\n    if (!this.active || view.loading || view.saving || view.error || !view.context) return\n    window.dispatchEvent(\n      new CustomEvent('figure-ai-context', {\n        detail: {\n          figureId: view.id,\n          source: JSON.parse(this.session.source()),\n          context: view.context,\n          revision: view.revision,\n          format: 'v3'\n        }\n      })\n    )\n  }\n  private changed = () => {\n    this.revision++\n    /* Any edit after a failed command makes the message stale — the author has done something about it. */\n    this.commandError = ''\n    const view = this.session.read()\n    /* The title bar reads the name through `context`, which the shell asks for only when told — a rename left it stale. */\n    if (view.name !== this.titled) {\n      this.titled = view.name\n      this.updateContext()\n    }\n    if (!view.saving) this.announce()\n    /* 저장이 끝난 순간 행을 다시 읽는다 — 발행된 도형을 고쳐 저장하면 서버가 초안으로 내린다. */\n    if (this.wasDirty && !view.dirty && !view.saving && view.id) this.readRow(view.id)\n    this.wasDirty = !!view.dirty\n  }\n  private async readRow(id: string) {\n    try {\n      const figure = await fetchFigure(id)\n      if (this.session.read().id === id)\n        this.row = {\n          state: figure.state as 'draft' | 'released',\n          version: figure.version ?? 0,\n          type: figure.type,\n          category: figure.category ?? undefined,\n          tags: figure.tags ?? undefined\n        }\n    } catch {\n      /* 행을 못 읽으면 패널은 판 번호 0 으로 보인다 — 발행 문이 서버에서 다시 판단하므로 여기서 지어내지 않는다. */\n    }\n  }\n  /**\n   * 타입을 정한다 — 보드가 도형을 부르는 이름이고, 발행하면 굳는다(ADR-0063 결정 4).\n   *\n   * 새 V3 도형은 저장할 때 임시 타입을 받는데, 이 화면에는 그것을 바꿀 칸이 없어서 임시 타입 그대로 발행됐다.\n   * 행만 바뀐다 — V3 자산은 타입을 원본에 적지 않으므로(적으면 형식이 거절한다) 편집 중인 원본과 부딪히지 않는다.\n   * 서버의 거절(이미 쓰는 타입 · 발행 뒤)은 그 문장 그대로 칸 아래에 둔다.\n   */\n  private renameType = async (event: Event) => {\n    const input = event.target as HTMLInputElement\n    const id = this.session.read().id\n    const wanted = input.value.trim().replace(/[^A-Za-z0-9_]/g, '_').toUpperCase()\n    input.value = wanted\n    if (!id || !wanted || wanted === this.row.type) return\n    try {\n      const result = await updateFigure(id, { type: wanted })\n      this.typeError = ''\n      this.row = { ...this.row, type: result.figure.type }\n    } catch (error) {\n      this.typeError = error instanceof Error ? error.message : String(error)\n      input.value = this.row.type ?? ''\n    }\n  }\n  /** 「부품에 맞추기」 — 공간을 지금 부품에서 다시 선언한다. 저장은 저작자가 따로 한다. */\n  private fitToParts = () => {\n    this.runCommand(() => occupancyFromParts(this.session.source()))\n  }\n  /** A command from the properties tab — rename, declare the room, the mounting face. */\n  private onCommand = (event: Event) => {\n    const action = (event as CustomEvent).detail?.action as V3AuthoringAction | undefined\n    if (action) this.runCommand(() => action)\n  }\n  /**\n   * One step of the session's history, whichever part of the side asked for it — so undo takes it back like any\n   * other edit, and it is saved with the figure.\n   */\n  private runCommand(actionOf: () => V3AuthoringAction) {\n    try {\n      this.session.command(actionOf())\n      this.commandError = ''\n      this.changed()\n    } catch (error) {\n      /*\n        This used to set the page error, which replaces the whole editor with one raw line — for a figure with no\n        parts that line was 「OCCUPANCY_NO_PARTS: occupancy: no part could be measured」 (2026-09-24).\n      */\n      this.commandError =\n        (error as { code?: string })?.code === 'OCCUPANCY_NO_PARTS'\n          ? i18next.t('figure.text.fit-needs-parts')\n          : error instanceof Error\n            ? error.message\n            : String(error)\n    }\n  }\n  /**\n   * Category and tags — the catalogue's, kept on the row, not in the asset. Written at once, as the V2 page does;\n   * the server's refusal is shown as it gave it.\n   */\n  private onCatalog = async (event: Event) => {\n    const patch = (event as CustomEvent).detail as { category?: string; tags?: string[] }\n    const id = this.session.read().id\n    if (!id || !patch) return\n    try {\n      const result = await updateFigure(id, patch)\n      this.commandError = ''\n      this.row = { ...this.row, category: result.figure.category ?? undefined, tags: result.figure.tags ?? undefined }\n    } catch (error) {\n      this.commandError = error instanceof Error ? error.message : String(error)\n    }\n  }\n  private released = (event: Event) => {\n    const figure = (event as CustomEvent).detail?.figure\n    /* Keep the rest of the row: rebuilding it from these two dropped the type, and the locked type field went blank. */\n    if (figure?.id && figure.id === this.session.read().id) this.row = { ...this.row, state: figure.state, version: figure.version ?? 0 }\n  }\n  /** 과거 판으로 되돌렸으면 서버의 원본이 바뀐 것이다 — 다시 연다. 패널은 저장 안 된 것이 있으면 되돌리기를 막는다. */\n  private reverted = async () => {\n    const id = this.session.read().id\n    if (!id) return\n    await this.session.open(id, { discard: true })\n    this.changed()\n    this.readRow(id)\n  }\n  /** The dock must explicitly use this checked transaction contract, never an unversioned overwrite. */\n  private applyAI = (event: Event) => {\n    const detail = (event as CustomEvent).detail\n    if (!this.active || !detail) return\n    try {\n      this.session.apply(detail.changes, 'ai', detail.revision, detail.context)\n      detail.applied = true\n      this.changed()\n    } catch (error) {\n      detail.applied = false\n      detail.error = error instanceof Error ? error.message : String(error)\n    }\n  }\n  connectedCallback() {\n    super.connectedCallback()\n    window.addEventListener('figure-ai-context-request', this.announce)\n    window.addEventListener('figure-v3-apply', this.applyAI)\n  }\n  disconnectedCallback() {\n    window.removeEventListener('figure-ai-context-request', this.announce)\n    window.removeEventListener('figure-v3-apply', this.applyAI)\n    super.disconnectedCallback()\n  }\n  async canDeactivate() {\n    const view = this.session.read()\n    if (view.saving) return false\n    if (!view.dirty) return true\n    // The shell invokes this while the edited model is still visible, before navigating away.\n    this.discardApproved = window.confirm('저장하지 않은 변경을 버리고 이동하시겠습니까?')\n    return this.discardApproved\n  }\n  async pageUpdated(changes: Record<string, unknown>, lifecycle: { resourceId?: string }) {\n    if (!this.active) {\n      if (this.session.read().loading) this.session.close()\n      window.dispatchEvent(new CustomEvent('figure-ai-context', { detail: undefined }))\n      return\n    }\n    const id = lifecycle?.resourceId\n    if (this.session.read().context && id === this.routeId && !changes.active) return\n    try {\n      const discard = this.discardApproved\n      this.discardApproved = false\n      if (id) {\n        this.draft = undefined\n        const opening = this.session.open(id, { discard })\n        this.changed()\n        await opening\n        this.readRow(id)\n      } else {\n        this.session.startNew({ discard })\n        this.draft = undefined\n        this.row = { version: 0 }\n        this.typeError = ''\n      }\n      this.routeId = id\n      this.error = ''\n      this.changed()\n    } catch (error) {\n      this.error = error instanceof Error ? error.message : String(error)\n    }\n  }\n  get context() {\n    return { title: this.session.read().name ?? 'Figure', actions: [] }\n  }\n  render() {\n    if (this.error) return html`<p role=\"alert\" class=\"error\">${this.error}</p>`\n    const view = this.session.read()\n    return html`<figure-v3-editor\n        .session=${this.session}\n        .revision=${this.revision}\n        @v3-changed=${this.changed}\n      ></figure-v3-editor>\n      <aside>\n        <label type-field>\n          <span>${i18next.t('figure.label.figure-type')}</span>\n          ${this.row.version > 0\n            ? html`<code>${this.row.type}</code><small>${i18next.t('figure.text.type-name-cannot-change')}</small>`\n            : html`<input\n                .value=${this.row.type ?? ''}\n                placeholder=${i18next.t('figure.text.figure-type-placeholder')}\n                ?disabled=${!view.id}\n                @change=${this.renameType}\n              />`}\n          ${this.typeError ? html`<small role=\"alert\">${this.typeError}</small>` : ''}\n        </label>\n        ${this.commandError ? html`<p fit-error role=\"alert\">${this.commandError}</p>` : ''}\n        <div tabs>\n          ${this.renderTab('properties', 'tune', i18next.t('figure.label.properties'))}\n          ${this.renderTab('verdict', 'insights', i18next.t('figure.label.maturity'), this.instances)}\n          ${this.renderTab('history', 'history', i18next.t('figure.label.history'))}\n        </div>\n        <figure-v3-properties\n          ?off=${this.tab !== 'properties'}\n          .source=${this.draftSource()}\n          .figureId=${view.id}\n          .figureCategory=${this.row.category}\n          .figureTags=${this.row.tags}\n          @v3-command=${this.onCommand}\n          @v3-catalog=${this.onCatalog}\n        ></figure-v3-properties>\n        <figure-v3-verdict\n          ?off=${this.tab !== 'verdict'}\n          .source=${this.draftSource()}\n          .figureId=${view.id}\n          .figureType=${this.row.type}\n          @capacity-changed=${(event: CustomEvent) => (this.instances = event.detail.instances)}\n          @fit-base-to-parts=${this.fitToParts}\n        ></figure-v3-verdict>\n        <figure-history-panel\n          ?off=${this.tab !== 'history'}\n          format=\"v3\"\n          .figureId=${view.id}\n          .figureState=${this.row.state}\n          .figureVersion=${this.row.version}\n          .figureType=${this.row.type}\n          .dirty=${!!view.dirty}\n          @fit-base-to-parts=${this.fitToParts}\n          @figure-released=${this.released}\n          @figure-reverted=${this.reverted}\n        ></figure-history-panel>\n      </aside>`\n  }\n  private renderTab(tab: 'properties' | 'verdict' | 'history', icon: string, label: string, badge?: number) {\n    return html`\n      <button tab ?on=${this.tab === tab} title=${label} aria-label=${label} @click=${() => (this.tab = tab)}>\n        <md-icon>${icon}</md-icon>${badge == null ? '' : html`<span badge>${badge.toLocaleString()}</span>`}\n      </button>\n    `\n  }\n}\n"]}

package/dist-client/route.d.ts

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