@things-factory/figure-ui 10.1.171 → 10.1.174

package/dist-client/viewparts/figure-detail-dock.js

@@ -69,7 +69,7 @@ let FigureDetailDock = class FigureDetailDock extends localize(i18next)(LitEleme
     header { display: flex; align-items: flex-start; gap: 2px; padding: 12px 8px 4px 16px; }
     [title-block] { flex: 1; min-width: 0; display: grid; gap: 2px; }
     h2 { margin: 0; font-size: var(--ui-t-title, 16px); font-weight: 600; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-    code { font-family: var(--mono-font, monospace); color: var(--md-sys-color-on-surface-variant); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+    code { font-family: var(--ui-mono, ui-monospace, monospace); color: var(--md-sys-color-on-surface-variant); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
     button { font: inherit; color: inherit; cursor: pointer; }
     button:focus-visible { outline: 2px solid var(--md-sys-color-primary); outline-offset: 1px; }
     button[icon] { display: inline-grid; place-items: center; width: 28px; height: 28px; padding: 0; border: none; border-radius: 6px;

package/dist-client/viewparts/figure-detail-dock.js.map

@@ -1 +1 @@
-{"version":3,"file":"figure-detail-dock.js","sourceRoot":"","sources":["../../client/viewparts/figure-detail-dock.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { i18next, localize } from '@operato/i18n'\nimport { appendViewpart, UPDATE_VIEWPART, VIEWPART_POSITION, VIEWPART_LEVEL } from '@operato/layout'\nimport { navigate, store } from '@operato/shell'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { ASSISTANT_DOCK_VIEWPART } from '@things-factory/ai-assistant/dist-client/components/assistant-dock.js'\nimport { figureCostOf, parseFigureAsset, type FigureAsset } from '@hatiolab/figure-model'\nimport { capacityFrom } from '../modeller/scene-budget.js'\nimport { SidePanelStyles } from '@things-factory/figure-viewer/dist-client/side-panel-styles.js'\nimport { fetchFigure, fetchReleasedFigure, updateFigure } from '../graphql/index.js'\nimport { modellerPathOf } from '../modeller/modeller-route.js'\nimport { leftOpeningPage } from './detail-route.js'\nimport type { Figure } from '../types.js'\nimport '@things-factory/figure-viewer/dist-client/figure-asset-viewer.js'\nimport '@things-factory/figure-viewer/dist-client/figure-facts-list.js'\n\nconst VIEWPART = 'figure-detail'\n/** Said on window when a figure's card picture was replaced from the preview: `{ detail: { id } }`. */\nexport const FIGURE_THUMBNAIL_CHANGED = 'figure-thumbnail-changed'\nexport interface FigureDetailRecord {\n  saved: Figure\n  released?: { version: number; source: string }\n}\n\n/** Catalogue details stay while the catalogue is shown; choosing a size or a pose has no write path. */\n@customElement('figure-detail-dock')\nexport class FigureDetailDock extends localize(i18next)(LitElement) {\n  /*\n    The modeller's side panel look (SidePanelStyles). What the preview is opened for sits above the model -- name, type,\n    which model is shown, how many fit -- as plain text; the controls are borderless icons and quiet text, so the model\n    and its numbers are what the eye meets.\n  */\n  static styles = [ScrollbarStyles, SidePanelStyles, css`\n    :host { display: flex; flex-direction: column; width: 400px; max-width: 100vw; height: 100%; min-height: 0;\n      background: var(--md-sys-color-surface); border-left: 1px solid var(--md-sys-color-outline-variant); }\n    header { display: flex; align-items: flex-start; gap: 2px; padding: 12px 8px 4px 16px; }\n    [title-block] { flex: 1; min-width: 0; display: grid; gap: 2px; }\n    h2 { margin: 0; font-size: var(--ui-t-title, 16px); font-weight: 600; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n    code { font-family: var(--mono-font, monospace); color: var(--md-sys-color-on-surface-variant); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n    button { font: inherit; color: inherit; cursor: pointer; }\n    button:focus-visible { outline: 2px solid var(--md-sys-color-primary); outline-offset: 1px; }\n    button[icon] { display: inline-grid; place-items: center; width: 28px; height: 28px; padding: 0; border: none; border-radius: 6px;\n      background: transparent; color: var(--md-sys-color-on-surface-variant); }\n    button[icon]:hover:not(:disabled) { background: var(--md-sys-color-surface-container-high); color: var(--md-sys-color-on-surface); }\n    button[icon]:disabled { opacity: 0.38; cursor: default; }\n    button[icon] md-icon { --md-icon-size: 18px; }\n    /*\n      The figure stays in view under what it is (which model, how many fit) and its tabs; only the tab's body scrolls\n      (user 2026-10-15: a clip played at the bottom of a scrolled dock moved a figure no longer seen).\n    */\n    [body] { flex: 1; display: flex; flex-direction: column; min-height: 0; }\n    [body] > * { flex: none; }\n    [body] > figure-asset-viewer { flex: 1; }\n    [meta] { display: grid; gap: 8px; padding: 0 16px 12px; }\n    /* Which model is shown: words that change colour, not boxes. */\n    [source] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 12px; color: var(--md-sys-color-on-surface-variant); }\n    [source] button { padding: 0; border: none; background: none; color: var(--md-sys-color-on-surface-variant); }\n    [source] button:hover { color: var(--md-sys-color-on-surface); }\n    [source] button[aria-pressed='true'] { color: var(--md-sys-color-primary); font-weight: 600; }\n    dl { margin: 0; }\n    dt { color: var(--md-sys-color-on-surface-variant); }\n    dd { margin: 0; color: var(--md-sys-color-on-surface); }\n    dl[stats] { display: flex; flex-wrap: wrap; gap: 4px 16px; }\n    dl[stats] > div { display: flex; align-items: baseline; gap: 4px; }\n    dl[stats] dd { font-weight: 600; font-variant-numeric: tabular-nums; }\n    p { margin: 0; line-height: 1.5; }\n    [description] { padding: 10px 16px 0; color: var(--md-sys-color-on-surface-variant); }\n    [status] { display: grid; gap: 8px; justify-items: start; padding: 12px 16px; }\n    @media (max-width: 1439.98px) {\n      :host { position: fixed; inset: var(--figure-detail-top, 44px) 0 0 auto; height: calc(100dvh - var(--figure-detail-top, 44px)); z-index: 11; box-shadow: -4px 0 16px rgb(0 0 0 / 20%); }\n    }\n  `]\n  @property({ attribute: false }) load: (id: string) => Promise<FigureDetailRecord> = async id => {\n    const [saved, released] = await Promise.all([fetchFigure(id), fetchReleasedFigure(id)])\n    if (!saved?.source) throw Error(i18next.t('figure.text.detail-no-source'))\n    return { saved, released }\n  }\n  /**\n   * Keeps the picture taken in the preview as the figure's card picture. A patch of the picture alone does not make a\n   * released figure a draft (`updateFigure`). The catalogue is told, and reads its cards again.\n   */\n  @property({ attribute: false }) keepThumbnail: (id: string, dataUrl: string) => Promise<unknown> = async (id, dataUrl) => {\n    await updateFigure(id, { thumbnail: dataUrl })\n    window.dispatchEvent(new CustomEvent(FIGURE_THUMBNAIL_CHANGED, { detail: { id } }))\n  }\n  @state() private figureId = ''\n  @state() private record?: FigureDetailRecord\n  @state() private asset?: FigureAsset\n  @state() private sourceKind: 'saved' | 'released' = 'saved'\n  @state() private loading = false\n  @state() private error = ''\n  @state() private cost?: ReturnType<typeof figureCostOf>\n  private ticket = 0\n  private unsubscribe?: () => void\n  private boundary?: Element\n  private boundaryObserver?: ResizeObserver\n\n  async show(id: string) {\n    const ticket = ++this.ticket\n    this.figureId = id\n    this.record = undefined\n    this.asset = undefined\n    this.cost = undefined\n    this.loading = true\n    this.error = ''\n    try {\n      const record = await this.load(id)\n      if (ticket !== this.ticket) return\n      this.record = record\n      this.choose(record.released ? 'released' : 'saved')\n    } catch {\n      if (ticket === this.ticket) this.error = i18next.t('figure.text.detail-load-failed')\n    } finally {\n      if (ticket === this.ticket) this.loading = false\n    }\n  }\n  private choose(kind: 'saved' | 'released') {\n    this.sourceKind = kind\n    this.asset = undefined\n    this.cost = undefined\n    this.error = ''\n    try {\n      const source = kind === 'released' ? this.record?.released?.source : this.record?.saved.source\n      if (!source) throw Error('missing source')\n      const asset = parseFigureAsset(source)\n      this.cost = figureCostOf(asset)\n      this.asset = asset\n    } catch {\n      this.error = i18next.t('figure.text.detail-invalid-source')\n    }\n  }\n  connectedCallback() {\n    super.connectedCallback()\n    window.addEventListener('resize', this.place)\n    window.addEventListener('popstate', this.place)\n    this.unsubscribe = store.subscribe(() => {\n      const state = store.getState() as { layout?: { viewparts?: Record<string, { show?: boolean }> }; route?: { page?: string } }\n      const parts = state.layout?.viewparts\n      if (parts?.[VIEWPART]?.show && (parts?.[ASSISTANT_DOCK_VIEWPART]?.show || leftOpeningPage(openedOn, state.route?.page))) hideDetail()\n      else requestAnimationFrame(this.place)\n    })\n    this.place()\n    window.addEventListener('keydown', this.escape)\n  }\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    window.removeEventListener('resize', this.place)\n    window.removeEventListener('popstate', this.place)\n    window.removeEventListener('keydown', this.escape)\n    this.unsubscribe?.()\n    this.boundaryObserver?.disconnect()\n    this.boundary = undefined\n  }\n  private place = () => {\n    const bar = visibleBar(document)\n    if (bar !== this.boundary) {\n      this.boundaryObserver?.disconnect()\n      this.boundary = bar\n      if (bar) {\n        this.boundaryObserver = new ResizeObserver(this.place)\n        this.boundaryObserver.observe(bar)\n      }\n    }\n    this.style.setProperty('--figure-detail-top', `${bar?.getBoundingClientRect().bottom ?? 44}px`)\n  }\n  private escape = (e: KeyboardEvent) => {\n    if (e.key === 'Escape') hideDetail()\n  }\n  render() {\n    const saved = this.record?.saved\n    const released = this.record?.released\n    const cost = this.cost\n    const capacity = cost ? capacityFrom(cost.groups, cost.triangles) : undefined\n    const savedLabel = saved\n      ? `${i18next.t('figure.label.detail-saved')} · ${i18next.t(saved.state === 'released' ? 'figure.label.figure-released' : 'figure.label.draft')}`\n      : ''\n    return html`<header>\n        <div title-block><h2 title=${saved?.name || ''}>${saved?.name || i18next.t('figure.title.detail')}</h2>\n          ${saved ? html`<code title=${fullName(saved)}>${fullName(saved)}</code>` : nothing}</div>\n        <button icon edit aria-label=${i18next.t('figure.button.detail-edit')} title=${i18next.t('figure.button.detail-edit')} ?disabled=${!saved}\n          @click=${() => {\n            // The modeller shows the figure itself; a preview of it beside the editor only covers the work.\n            hideDetail()\n            navigate(modellerPathOf(saved))\n          }}><md-icon>edit</md-icon></button>\n        <button icon aria-label=${i18next.t('figure.button.close')} title=${i18next.t('figure.button.close')} @click=${() => hideDetail()}><md-icon>close</md-icon></button>\n      </header>\n      <div body>\n        ${this.loading ? html`<p status role=\"status\">${i18next.t('figure.text.detail-loading')}</p>` : nothing}\n        ${this.error ? html`<div status role=\"alert\"><p>${this.error}</p><button act @click=${() => this.show(this.figureId)}><md-icon>refresh</md-icon>${i18next.t('figure.button.detail-retry')}</button></div>` : nothing}\n        ${saved ? html`<section meta>\n          ${released\n            ? html`<div source role=\"group\" aria-label=${i18next.t('figure.label.detail-source')}>\n                <button aria-pressed=${String(this.sourceKind === 'released')} @click=${() => this.choose('released')}>${i18next.t('figure.label.detail-released', { version: released.version })}</button>\n                <button aria-pressed=${String(this.sourceKind === 'saved')} @click=${() => this.choose('saved')}>${savedLabel}</button>\n              </div>`\n            : html`<div source><span title=${i18next.t('figure.text.detail-unreleased')}>${savedLabel}</span></div>`}\n          ${this.asset ? html`<dl stats>\n            <div><dt>${i18next.t('figure.label.placement-limit')}</dt><dd>${capacity\n              ? i18next.t('figure.text.fits-n-instances', { n: capacity.instances.toLocaleString() })\n              : i18next.t('figure.text.not-measured-yet')}</dd></div>\n            <div><dt>${i18next.t('figure.label.triangles')}</dt><dd>${cost?.triangles.toLocaleString() ?? '—'}</dd></div>\n            <div><dt>${i18next.t('figure.label.budget-groups')}</dt><dd>${cost?.groups ?? '—'}</dd></div>\n            <div><dt>${i18next.t('figure.label.budget-parts')}</dt><dd>${this.asset.appearance.length}</dd></div>\n          </dl>` : nothing}\n        </section>` : nothing}\n        ${this.asset ? html`<figure-asset-viewer .asset=${this.asset}\n          .keepShot=${saved?.id ? (dataUrl: string) => this.keepThumbnail(saved.id, dataUrl) : undefined}>\n          ${saved?.description ? html`<p slot=\"facts\" description>${saved.description}</p>` : nothing}\n          ${saved ? html`<figure-facts-list slot=\"facts\" .asset=${this.asset} .row=${saved}></figure-facts-list>` : nothing}\n        </figure-asset-viewer>` : nothing}\n      </div>`\n  }\n}\n\n/** The name a board stores: `{namespace}/{type}` (ADR-0114). */\nfunction fullName(figure: Figure): string {\n  return figure.namespace ? `${figure.namespace}/${figure.type}` : figure.type\n}\n\nfunction visibleBar(root: Document | ShadowRoot): Element | undefined {\n  for (const element of root.querySelectorAll('*')) {\n    if (element.tagName === 'OX-CANVAS-BAR' && element.getBoundingClientRect().height > 0) return element\n    if (element.shadowRoot) {\n      const found = visibleBar(element.shadowRoot)\n      if (found) return found\n    }\n  }\n}\n\nlet dock: FigureDetailDock | undefined\n/** The page the preview was opened on; the preview belongs to that page and closes when the shell leaves it. */\nlet openedOn: string | undefined\nfunction hideDetail() {\n  store.dispatch({ type: UPDATE_VIEWPART, name: VIEWPART, override: { show: false } })\n}\nexport function openFigureDetail(figure: Figure) {\n  if (!dock) {\n    dock = document.createElement('figure-detail-dock') as FigureDetailDock\n  }\n  openedOn = (store.getState() as { route?: { page?: string } }).route?.page\n  store.dispatch({ type: UPDATE_VIEWPART, name: ASSISTANT_DOCK_VIEWPART, override: { show: false } })\n  appendViewpart({ name: VIEWPART, position: VIEWPART_POSITION.ASIDEBAR,\n    viewpart: { show: true, persistent: true, level: VIEWPART_LEVEL.TOPMOST, template: html`${dock}` } })\n  void dock.show(figure.id)\n}\n"]}
+{"version":3,"file":"figure-detail-dock.js","sourceRoot":"","sources":["../../client/viewparts/figure-detail-dock.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { i18next, localize } from '@operato/i18n'\nimport { appendViewpart, UPDATE_VIEWPART, VIEWPART_POSITION, VIEWPART_LEVEL } from '@operato/layout'\nimport { navigate, store } from '@operato/shell'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { ASSISTANT_DOCK_VIEWPART } from '@things-factory/ai-assistant/dist-client/components/assistant-dock.js'\nimport { figureCostOf, parseFigureAsset, type FigureAsset } from '@hatiolab/figure-model'\nimport { capacityFrom } from '../modeller/scene-budget.js'\nimport { SidePanelStyles } from '@things-factory/figure-viewer/dist-client/side-panel-styles.js'\nimport { fetchFigure, fetchReleasedFigure, updateFigure } from '../graphql/index.js'\nimport { modellerPathOf } from '../modeller/modeller-route.js'\nimport { leftOpeningPage } from './detail-route.js'\nimport type { Figure } from '../types.js'\nimport '@things-factory/figure-viewer/dist-client/figure-asset-viewer.js'\nimport '@things-factory/figure-viewer/dist-client/figure-facts-list.js'\n\nconst VIEWPART = 'figure-detail'\n/** Said on window when a figure's card picture was replaced from the preview: `{ detail: { id } }`. */\nexport const FIGURE_THUMBNAIL_CHANGED = 'figure-thumbnail-changed'\nexport interface FigureDetailRecord {\n  saved: Figure\n  released?: { version: number; source: string }\n}\n\n/** Catalogue details stay while the catalogue is shown; choosing a size or a pose has no write path. */\n@customElement('figure-detail-dock')\nexport class FigureDetailDock extends localize(i18next)(LitElement) {\n  /*\n    The modeller's side panel look (SidePanelStyles). What the preview is opened for sits above the model -- name, type,\n    which model is shown, how many fit -- as plain text; the controls are borderless icons and quiet text, so the model\n    and its numbers are what the eye meets.\n  */\n  static styles = [ScrollbarStyles, SidePanelStyles, css`\n    :host { display: flex; flex-direction: column; width: 400px; max-width: 100vw; height: 100%; min-height: 0;\n      background: var(--md-sys-color-surface); border-left: 1px solid var(--md-sys-color-outline-variant); }\n    header { display: flex; align-items: flex-start; gap: 2px; padding: 12px 8px 4px 16px; }\n    [title-block] { flex: 1; min-width: 0; display: grid; gap: 2px; }\n    h2 { margin: 0; font-size: var(--ui-t-title, 16px); font-weight: 600; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n    code { font-family: var(--ui-mono, ui-monospace, monospace); color: var(--md-sys-color-on-surface-variant); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n    button { font: inherit; color: inherit; cursor: pointer; }\n    button:focus-visible { outline: 2px solid var(--md-sys-color-primary); outline-offset: 1px; }\n    button[icon] { display: inline-grid; place-items: center; width: 28px; height: 28px; padding: 0; border: none; border-radius: 6px;\n      background: transparent; color: var(--md-sys-color-on-surface-variant); }\n    button[icon]:hover:not(:disabled) { background: var(--md-sys-color-surface-container-high); color: var(--md-sys-color-on-surface); }\n    button[icon]:disabled { opacity: 0.38; cursor: default; }\n    button[icon] md-icon { --md-icon-size: 18px; }\n    /*\n      The figure stays in view under what it is (which model, how many fit) and its tabs; only the tab's body scrolls\n      (user 2026-10-15: a clip played at the bottom of a scrolled dock moved a figure no longer seen).\n    */\n    [body] { flex: 1; display: flex; flex-direction: column; min-height: 0; }\n    [body] > * { flex: none; }\n    [body] > figure-asset-viewer { flex: 1; }\n    [meta] { display: grid; gap: 8px; padding: 0 16px 12px; }\n    /* Which model is shown: words that change colour, not boxes. */\n    [source] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 12px; color: var(--md-sys-color-on-surface-variant); }\n    [source] button { padding: 0; border: none; background: none; color: var(--md-sys-color-on-surface-variant); }\n    [source] button:hover { color: var(--md-sys-color-on-surface); }\n    [source] button[aria-pressed='true'] { color: var(--md-sys-color-primary); font-weight: 600; }\n    dl { margin: 0; }\n    dt { color: var(--md-sys-color-on-surface-variant); }\n    dd { margin: 0; color: var(--md-sys-color-on-surface); }\n    dl[stats] { display: flex; flex-wrap: wrap; gap: 4px 16px; }\n    dl[stats] > div { display: flex; align-items: baseline; gap: 4px; }\n    dl[stats] dd { font-weight: 600; font-variant-numeric: tabular-nums; }\n    p { margin: 0; line-height: 1.5; }\n    [description] { padding: 10px 16px 0; color: var(--md-sys-color-on-surface-variant); }\n    [status] { display: grid; gap: 8px; justify-items: start; padding: 12px 16px; }\n    @media (max-width: 1439.98px) {\n      :host { position: fixed; inset: var(--figure-detail-top, 44px) 0 0 auto; height: calc(100dvh - var(--figure-detail-top, 44px)); z-index: 11; box-shadow: -4px 0 16px rgb(0 0 0 / 20%); }\n    }\n  `]\n  @property({ attribute: false }) load: (id: string) => Promise<FigureDetailRecord> = async id => {\n    const [saved, released] = await Promise.all([fetchFigure(id), fetchReleasedFigure(id)])\n    if (!saved?.source) throw Error(i18next.t('figure.text.detail-no-source'))\n    return { saved, released }\n  }\n  /**\n   * Keeps the picture taken in the preview as the figure's card picture. A patch of the picture alone does not make a\n   * released figure a draft (`updateFigure`). The catalogue is told, and reads its cards again.\n   */\n  @property({ attribute: false }) keepThumbnail: (id: string, dataUrl: string) => Promise<unknown> = async (id, dataUrl) => {\n    await updateFigure(id, { thumbnail: dataUrl })\n    window.dispatchEvent(new CustomEvent(FIGURE_THUMBNAIL_CHANGED, { detail: { id } }))\n  }\n  @state() private figureId = ''\n  @state() private record?: FigureDetailRecord\n  @state() private asset?: FigureAsset\n  @state() private sourceKind: 'saved' | 'released' = 'saved'\n  @state() private loading = false\n  @state() private error = ''\n  @state() private cost?: ReturnType<typeof figureCostOf>\n  private ticket = 0\n  private unsubscribe?: () => void\n  private boundary?: Element\n  private boundaryObserver?: ResizeObserver\n\n  async show(id: string) {\n    const ticket = ++this.ticket\n    this.figureId = id\n    this.record = undefined\n    this.asset = undefined\n    this.cost = undefined\n    this.loading = true\n    this.error = ''\n    try {\n      const record = await this.load(id)\n      if (ticket !== this.ticket) return\n      this.record = record\n      this.choose(record.released ? 'released' : 'saved')\n    } catch {\n      if (ticket === this.ticket) this.error = i18next.t('figure.text.detail-load-failed')\n    } finally {\n      if (ticket === this.ticket) this.loading = false\n    }\n  }\n  private choose(kind: 'saved' | 'released') {\n    this.sourceKind = kind\n    this.asset = undefined\n    this.cost = undefined\n    this.error = ''\n    try {\n      const source = kind === 'released' ? this.record?.released?.source : this.record?.saved.source\n      if (!source) throw Error('missing source')\n      const asset = parseFigureAsset(source)\n      this.cost = figureCostOf(asset)\n      this.asset = asset\n    } catch {\n      this.error = i18next.t('figure.text.detail-invalid-source')\n    }\n  }\n  connectedCallback() {\n    super.connectedCallback()\n    window.addEventListener('resize', this.place)\n    window.addEventListener('popstate', this.place)\n    this.unsubscribe = store.subscribe(() => {\n      const state = store.getState() as { layout?: { viewparts?: Record<string, { show?: boolean }> }; route?: { page?: string } }\n      const parts = state.layout?.viewparts\n      if (parts?.[VIEWPART]?.show && (parts?.[ASSISTANT_DOCK_VIEWPART]?.show || leftOpeningPage(openedOn, state.route?.page))) hideDetail()\n      else requestAnimationFrame(this.place)\n    })\n    this.place()\n    window.addEventListener('keydown', this.escape)\n  }\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    window.removeEventListener('resize', this.place)\n    window.removeEventListener('popstate', this.place)\n    window.removeEventListener('keydown', this.escape)\n    this.unsubscribe?.()\n    this.boundaryObserver?.disconnect()\n    this.boundary = undefined\n  }\n  private place = () => {\n    const bar = visibleBar(document)\n    if (bar !== this.boundary) {\n      this.boundaryObserver?.disconnect()\n      this.boundary = bar\n      if (bar) {\n        this.boundaryObserver = new ResizeObserver(this.place)\n        this.boundaryObserver.observe(bar)\n      }\n    }\n    this.style.setProperty('--figure-detail-top', `${bar?.getBoundingClientRect().bottom ?? 44}px`)\n  }\n  private escape = (e: KeyboardEvent) => {\n    if (e.key === 'Escape') hideDetail()\n  }\n  render() {\n    const saved = this.record?.saved\n    const released = this.record?.released\n    const cost = this.cost\n    const capacity = cost ? capacityFrom(cost.groups, cost.triangles) : undefined\n    const savedLabel = saved\n      ? `${i18next.t('figure.label.detail-saved')} · ${i18next.t(saved.state === 'released' ? 'figure.label.figure-released' : 'figure.label.draft')}`\n      : ''\n    return html`<header>\n        <div title-block><h2 title=${saved?.name || ''}>${saved?.name || i18next.t('figure.title.detail')}</h2>\n          ${saved ? html`<code title=${fullName(saved)}>${fullName(saved)}</code>` : nothing}</div>\n        <button icon edit aria-label=${i18next.t('figure.button.detail-edit')} title=${i18next.t('figure.button.detail-edit')} ?disabled=${!saved}\n          @click=${() => {\n            // The modeller shows the figure itself; a preview of it beside the editor only covers the work.\n            hideDetail()\n            navigate(modellerPathOf(saved))\n          }}><md-icon>edit</md-icon></button>\n        <button icon aria-label=${i18next.t('figure.button.close')} title=${i18next.t('figure.button.close')} @click=${() => hideDetail()}><md-icon>close</md-icon></button>\n      </header>\n      <div body>\n        ${this.loading ? html`<p status role=\"status\">${i18next.t('figure.text.detail-loading')}</p>` : nothing}\n        ${this.error ? html`<div status role=\"alert\"><p>${this.error}</p><button act @click=${() => this.show(this.figureId)}><md-icon>refresh</md-icon>${i18next.t('figure.button.detail-retry')}</button></div>` : nothing}\n        ${saved ? html`<section meta>\n          ${released\n            ? html`<div source role=\"group\" aria-label=${i18next.t('figure.label.detail-source')}>\n                <button aria-pressed=${String(this.sourceKind === 'released')} @click=${() => this.choose('released')}>${i18next.t('figure.label.detail-released', { version: released.version })}</button>\n                <button aria-pressed=${String(this.sourceKind === 'saved')} @click=${() => this.choose('saved')}>${savedLabel}</button>\n              </div>`\n            : html`<div source><span title=${i18next.t('figure.text.detail-unreleased')}>${savedLabel}</span></div>`}\n          ${this.asset ? html`<dl stats>\n            <div><dt>${i18next.t('figure.label.placement-limit')}</dt><dd>${capacity\n              ? i18next.t('figure.text.fits-n-instances', { n: capacity.instances.toLocaleString() })\n              : i18next.t('figure.text.not-measured-yet')}</dd></div>\n            <div><dt>${i18next.t('figure.label.triangles')}</dt><dd>${cost?.triangles.toLocaleString() ?? '—'}</dd></div>\n            <div><dt>${i18next.t('figure.label.budget-groups')}</dt><dd>${cost?.groups ?? '—'}</dd></div>\n            <div><dt>${i18next.t('figure.label.budget-parts')}</dt><dd>${this.asset.appearance.length}</dd></div>\n          </dl>` : nothing}\n        </section>` : nothing}\n        ${this.asset ? html`<figure-asset-viewer .asset=${this.asset}\n          .keepShot=${saved?.id ? (dataUrl: string) => this.keepThumbnail(saved.id, dataUrl) : undefined}>\n          ${saved?.description ? html`<p slot=\"facts\" description>${saved.description}</p>` : nothing}\n          ${saved ? html`<figure-facts-list slot=\"facts\" .asset=${this.asset} .row=${saved}></figure-facts-list>` : nothing}\n        </figure-asset-viewer>` : nothing}\n      </div>`\n  }\n}\n\n/** The name a board stores: `{namespace}/{type}` (ADR-0114). */\nfunction fullName(figure: Figure): string {\n  return figure.namespace ? `${figure.namespace}/${figure.type}` : figure.type\n}\n\nfunction visibleBar(root: Document | ShadowRoot): Element | undefined {\n  for (const element of root.querySelectorAll('*')) {\n    if (element.tagName === 'OX-CANVAS-BAR' && element.getBoundingClientRect().height > 0) return element\n    if (element.shadowRoot) {\n      const found = visibleBar(element.shadowRoot)\n      if (found) return found\n    }\n  }\n}\n\nlet dock: FigureDetailDock | undefined\n/** The page the preview was opened on; the preview belongs to that page and closes when the shell leaves it. */\nlet openedOn: string | undefined\nfunction hideDetail() {\n  store.dispatch({ type: UPDATE_VIEWPART, name: VIEWPART, override: { show: false } })\n}\nexport function openFigureDetail(figure: Figure) {\n  if (!dock) {\n    dock = document.createElement('figure-detail-dock') as FigureDetailDock\n  }\n  openedOn = (store.getState() as { route?: { page?: string } }).route?.page\n  store.dispatch({ type: UPDATE_VIEWPART, name: ASSISTANT_DOCK_VIEWPART, override: { show: false } })\n  appendViewpart({ name: VIEWPART, position: VIEWPART_POSITION.ASIDEBAR,\n    viewpart: { show: true, persistent: true, level: VIEWPART_LEVEL.TOPMOST, template: html`${dock}` } })\n  void dock.show(figure.id)\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/figure-ui",
-  "version": "10.1.171",
+  "version": "10.1.174",
   "publishConfig": {
     "access": "public",
     "@things-factory:registry": "https://registry.npmjs.org"
@@ -42,10 +42,10 @@
     "@operato/styles": "^10.0.0",
     "@operato/utils": "^10.0.0",
     "@things-factory/ai-assistant": "^10.1.170",
-    "@things-factory/figure-service": "^10.1.171",
-    "@things-factory/figure-viewer": "^10.1.171",
+    "@things-factory/figure-service": "^10.1.172",
+    "@things-factory/figure-viewer": "^10.1.174",
     "@things-factory/setting-base": "^10.1.167",
     "three": "^0.185.1"
   },
-  "gitHead": "e88536db0bc3cbb759fe58f9efeef66a67fef2c3"
+  "gitHead": "501a2ab7dfcda5cf78e2408bb4e914cac902349d"
 }

package/test/browser/props.check.mjs

@@ -222,3 +222,20 @@ describe('「더 보기」: folded by default, left as the person left it', () =
     await until(key => localStorage.getItem(key) === '0', [MORE], 'folded, kept so')
   })
 })
+
+describe('the parts panel stands at the side\'s heights (2026-10-16)', () => {
+  before(() => mount('rollers'))
+
+  test('the detail level is one height with the side\'s fields, and the palette\'s tiles one height with each other', async () => {
+    const heights = await read(() => {
+      const parts = document.querySelector('figure-editor').shadowRoot.querySelector('figure-parts').shadowRoot
+      const h = e => Math.round(e.getBoundingClientRect().height)
+      const tiles = [...parts.querySelectorAll('div[palette] button[shape]:not([import])')].map(h)
+      return { level: h(parts.querySelector('div[level] select')), tiles: [...new Set(tiles)], count: tiles.length, import: h(parts.querySelector('button[shape][import]')) }
+    })
+    assert.equal(heights.level, 30, 'the detail level select')
+    assert.ok(heights.count >= 9, `the starting shapes: ${heights.count}`)
+    assert.equal(heights.tiles.length, 1, `one tile height: ${heights.tiles}`)
+    assert.equal(heights.import, 30, 'the file import on one line, its own row')
+  })
+})

package/test/browser/screen.check.mjs

@@ -780,6 +780,15 @@ describe('the preview stands one figure the author stretches (first 15 minutes,
     assert.ok(said.startsWith('6,000 × '), said)
     const box = await read(() => { const m = screenCheck.deep('figure-preview')[0].scene.root.components[0].model; return m.left + m.width / 2 })
     assert.equal(Math.round(box), await read(() => screenCheck.deep('figure-preview')[0].board.width / 2), 'grown about the board\'s centre')
+    /* From one figure to eight, the view is fitted to them again: the camera kept from the one stood inside the eight. */
+    await read(() => {
+      const scene = screenCheck.deep('figure-preview')[0].scene
+      const fit = scene.fit.bind(scene)
+      window.previewFits = 0
+      scene.fit = type => (window.previewFits++, fit(type))
+    })
+    await press('the eight sizes', () => screenCheck.deep('figure-preview')[0].shadowRoot.querySelector('button[way=eight]'))
+    await until('the eight, fitted', () => screenCheck.deep('figure-preview')[0].scene.root.components.length === 8 && window.previewFits >= 1)
     await boardsUp()
   })
 })
@@ -984,6 +993,21 @@ describe('the modeller page: the editor with the page\'s figure panel, verdict a
     await open('fig-a')
   })
 
+  /* First 15 minutes, again (2026-10-16 evening): a new figure, nothing in it yet, showed 「발행 막힘 1」 in red from the start. */
+  test('a figure with no parts has nothing red beside 「발행」; the verdict still holds what blocks it', async () => {
+    const answer = blocked => read(blocked => product.answer('inspectFigureDraft', () => ({ __typename: 'FigureInspection', blocked, findings: blocked ? [alone.finding('occupancy-undeclared')] : [] })), blocked)
+    await answer(true)
+    try {
+      await open('fig-empty-bar', 'empty', 'probe-empty-bar')
+      await until('the page has the verdict', () => screenCheck.editor().releaseBlockers.length === 1)
+      assert.equal(await read(() => !!screenCheck.editor().shadowRoot.querySelector('ox-canvas-bar button[release-blocked]')), false)
+      assert.equal(await read(() => !!screenCheck.editor().shadowRoot.querySelector('ox-canvas-bar button[publish]')), true, '「발행」 is still there')
+    } finally {
+      await read(() => product.answer('inspectFigureDraft'))
+      await open('fig-a')
+    }
+  })
+
   test('the figure\'s type is the first field of the figure panel, under its heading', async () => {
     await pressTab(TAB('properties'))
     const first = await read(() => {

package/test/type-guard.test.ts

@@ -0,0 +1,133 @@
+/*
+ * The modeller draws in the app's one face (2026-10-16, the user: the screen 「심미적으로도 너무 저렴해보인다」). Measured
+ * on :3300 that day, one screen had three: the editor in a bare `sans-serif`, the parts list in the app's --theme-font,
+ * the shell in Helvetica. A face is chosen once, in the app's typography theme; a style here names it by its token.
+ */
+import { test } from 'node:test'
+import assert from 'node:assert/strict'
+import { globSync, readFileSync } from 'node:fs'
+import { fileURLToPath } from 'node:url'
+
+const ROOTS = [fileURLToPath(new URL('../client/', import.meta.url)), fileURLToPath(new URL('../../figure-viewer/client/', import.meta.url))]
+
+/** Faces a style may name: the app's, the code face, the icon font, or what it inherits. */
+const ALLOWED_FAMILY = /^(var\(--theme-font\b|var\(--ui-mono\b|['"]Material Symbols|inherit$)/
+
+type Finding = { file: string; value: string }
+
+export function familiesIn(source: string): string[] {
+  const found: string[] = []
+  for (const css of source.matchAll(/css`([\s\S]*?)`/g)) {
+    for (const m of css[1].matchAll(/(?:^|[;{\s])font-family:\s*([^;}]+)/g)) found.push(m[1].trim())
+    /* A `font:` shorthand that names a face: its family is what follows the size. */
+    for (const m of css[1].matchAll(/(?:^|[;{\s])font:\s*([^;}]+)/g)) {
+      const value = m[1].trim()
+      if (/\b(sans-serif|serif|monospace|Arial|Helvetica|Roboto|system-ui)\b/.test(value) && !/^var\(--/.test(value)) found.push(value)
+    }
+  }
+  return found
+}
+
+function scan(): { findings: Finding[]; seen: number } {
+  const findings: Finding[] = []
+  let seen = 0
+  for (const root of ROOTS)
+    for (const path of globSync('**/*.ts', { cwd: root })) {
+      const source = readFileSync(root + path, 'utf-8')
+      for (const value of familiesIn(source)) {
+        seen++
+        if (!ALLOWED_FAMILY.test(value)) findings.push({ file: path, value })
+      }
+    }
+  return { findings, seen }
+}
+
+test('the modeller names a face only by the app\'s tokens -- no bare family under the editor', () => {
+  const { findings } = scan()
+  assert.deepEqual(findings, [], findings.map(f => `${f.file}: ${f.value}`).join('\n'))
+})
+
+test('the guard reads the styles it guards -- none read means it is not looking', () => {
+  assert.ok(scan().seen >= 10, `families read: ${scan().seen}`)
+})
+
+/*
+ * Sizes from the shell's scale (--ui-t-hero · title · body · small · micro) by what a thing is: a group's name body,
+ * its content small, its notes micro (user 2026-10-01: three sizes, two weights). The modeller had twenty sizes in rem
+ * on 2026-10-16, eight in the parts list alone. An icon's size and a drawing's own units are said apart.
+ */
+const MODELLER = fileURLToPath(new URL('../client/modeller/', import.meta.url))
+const SIDE_PANEL = fileURLToPath(new URL('../../figure-viewer/client/side-panel-styles.ts', import.meta.url))
+
+export function literalSizesIn(source: string): string[] {
+  const found: string[] = []
+  for (const css of source.matchAll(/css`([\s\S]*?)`/g)) {
+    for (const block of css[1].matchAll(/([^{}]*)\{([^{}]*)\}/g)) {
+      const [, selector, body] = block
+      if (/md-icon/.test(selector)) continue
+      for (const m of body.matchAll(/(\/\*[^*]*svg-units:[^*]*\*\/\s*)?font-size:\s*([^;]+);/g)) {
+        if (m[1]) continue
+        /* A token (the scale, or a popup's own) or what the parent has: no number made up here. */
+        const value = m[2].trim()
+        if (!value.startsWith('var(--') && value !== 'inherit') found.push(`${selector.trim().split('\n').pop()!.trim()} { font-size: ${value} }`)
+      }
+    }
+  }
+  return found
+}
+
+test('the modeller\'s text sizes are the shell\'s scale -- no size of its own', () => {
+  const files = [...globSync('*.ts', { cwd: MODELLER }).map(p => MODELLER + p), SIDE_PANEL]
+  const findings = files.flatMap(file => literalSizesIn(readFileSync(file, 'utf-8')).map(f => `${file.split('/').pop()}: ${f}`))
+  assert.deepEqual(findings, [], findings.join('\n'))
+})
+
+test('the size guard catches a literal size and lets the scale, icons and drawing units through', () => {
+  assert.deepEqual(literalSizesIn('css`p { font-size: 0.72rem; }`'), ['p { font-size: 0.72rem }'])
+  assert.deepEqual(literalSizesIn('css`p { font-size: var(--ui-t-small, 11.5px); } i { font-size: inherit; } md-icon { font-size: 18px; }`'), [])
+  assert.deepEqual(literalSizesIn('css`text { /* svg-units: its viewBox */ font-size: 5px; }`'), [])
+})
+
+/*
+ * Words are never drawn in the outline grey: it is the colour of a line, and small words in it fall under the contrast
+ * small text needs (the unit and the 「?」 were, 2026-10-16).
+ */
+export function outlineWordsIn(source: string): string[] {
+  const found: string[] = []
+  for (const css of source.matchAll(/css`([\s\S]*?)`/g))
+    for (const block of css[1].matchAll(/([^{}]*)\{([^{}]*)\}/g))
+      if (/(^|[;\s])color:\s*var\(--md-sys-color-outline\)/.test(block[2])) found.push(block[1].trim().split('\n').pop()!.trim())
+  return found
+}
+
+test('no words in the outline grey in the side panel and the editor', () => {
+  const findings = [SIDE_PANEL, MODELLER + 'editor-styles.ts'].flatMap(file => outlineWordsIn(readFileSync(file, 'utf-8')).map(s => `${file.split('/').pop()}: ${s}`))
+  assert.deepEqual(findings, [], findings.join('\n'))
+  assert.deepEqual(outlineWordsIn('css`a { color: var(--md-sys-color-outline); } b { border: 1px solid var(--md-sys-color-outline); }`'), ['a'])
+})
+
+/* Icons in three sizes by role: 20 (bar, tabs, the model's head), 18 (a palette tile), 16 (beside words, on a row). */
+const ICON_SIZES = new Set(['16px', '18px', '20px'])
+
+export function iconSizesIn(source: string): string[] {
+  const found: string[] = []
+  for (const css of source.matchAll(/css`([\s\S]*?)`/g))
+    for (const block of css[1].matchAll(/([^{}]*md-icon[^{}]*)\{([^{}]*)\}/g))
+      for (const m of block[2].matchAll(/(?:--md-icon-size|font-size|width):\s*([0-9.]+px)/g)) found.push(m[1])
+  return found
+}
+
+test('the modeller\'s icons stand in three sizes', () => {
+  const files = [...globSync('*.ts', { cwd: MODELLER }).map(p => MODELLER + p), SIDE_PANEL]
+  const findings = files.flatMap(file => iconSizesIn(readFileSync(file, 'utf-8')).filter(v => !ICON_SIZES.has(v)).map(v => `${file.split('/').pop()}: ${v}`))
+  assert.deepEqual(findings, [], findings.join('\n'))
+  assert.deepEqual(iconSizesIn('css`button md-icon { --md-icon-size: 15px; } p { width: 9px; }`'), ['15px'])
+})
+
+test('what it catches and what it lets through', () => {
+  assert.deepEqual(familiesIn('css`:host { font: 13px sans-serif; }`'), ['13px sans-serif'])
+  assert.deepEqual(familiesIn('css`a { font-family: Arial; }`'), ['Arial'])
+  assert.deepEqual(familiesIn('css`a { font: inherit; } b { font-family: var(--theme-font, sans-serif); }`'), ['var(--theme-font, sans-serif)'])
+  assert.ok(ALLOWED_FAMILY.test('var(--ui-mono, ui-monospace, monospace)'))
+  assert.ok(!ALLOWED_FAMILY.test('sans-serif'))
+})