@things-factory/figure-ui 10.1.94 → 10.1.96

package/client/modeller/editor.ts

@@ -312,13 +312,18 @@ export class FigureEditor extends LitElement {
       z-index: 1;
       display: grid;
       gap: 4px;
-      padding: 8px 10px;
+      padding: 10px 12px;
       background: var(--md-sys-color-surface-container-lowest);
       border-bottom: 1px solid var(--md-sys-color-outline-variant);
     }
+    /* The panel's three sizes (side-panel-styles): the part's kind at the title's, its two lines at the hint's. */
     div[subject-summary] {
       display: grid;
-      gap: 1px;
+      gap: 2px;
+    }
+    div[subject-summary] b {
+      font-size: var(--ui-t-body, 13px);
+      font-weight: 600;
     }
     div[subject-summary] b span {
       font-weight: 400;
@@ -1626,14 +1631,13 @@ export class FigureEditor extends LitElement {
     const key = `${view.context}|${view.revision}|${this.selected}`
     if (this.detachSaid?.key === key) return this.detachSaid.words
     const say = (k: string, params?: Record<string, string>) => i18next.t(k, params)
-    const from = 'plane' in joint.body0 ? say('figure.label.mounting-plane') : partLabelOf(joint.body0.part)
     let words: string[]
     try {
       const seen = this.session.previewCommand({ kind: 'detach', part: this.selected })
       const own = seen.moves.some(m => m.body === this.selected)
       words = own
         ? [say('figure.text.detach-moves'), ...previewWordsOf({ context: seen.context, revision: seen.revision, key, moves: seen.moves }, this.selected, say)]
-        : [say('figure.text.detach-stays', { from })]
+        : /* It stays where it is: as expected, so nothing is said (user 2026-10-01). */ []
       const children = (asset.joints ?? []).filter(j => 'part' in j.body0 && j.body0.part === this.selected).map(j => partLabelOf(j.body1.part))
       if (children.length) words.push(say('figure.text.detach-keeps-children', { parts: children.join(', ') }))
       if (seen.clipsWouldGo.length) words.push(say('figure.text.detach-clips', { clips: seen.clipsWouldGo.map(c => c.clip).join(', ') }))
@@ -1859,14 +1863,15 @@ export class FigureEditor extends LitElement {
     </div>`
   }
   /**
-   * The part the panel speaks of, held at its top: its kind, how its size answers, what holds it (designer 2026-09-27,
-   * B). No path above it (user 2026-10-01): the parts list and the canvas already show which part is chosen, and the
+   * The part the panel speaks of, held at its top: its kind, and what its size follows when it follows something. No path above it (user 2026-10-01): the parts list and the canvas already show which part is chosen, and the
    * list's root is the way back to the model's settings.
    */
   private renderSubject() {
-    let summary: { kind: string; size: string; relation: string } | undefined
+    let summary: { kind: string; size: string } | undefined
     try {
-      summary = this.selected ? partSummaryOf(parseFigureAsset(this.session!.source()), ownerOf(this.selected), (key, params) => i18next.t(key, params)) : undefined
+      summary = this.selected
+        ? partSummaryOf(parseFigureAsset(this.session!.source()), ownerOf(this.selected), (key, params) => i18next.t(key, params), i18next.language || 'ko')
+        : undefined
     } catch {
       summary = undefined
     }
@@ -1874,7 +1879,7 @@ export class FigureEditor extends LitElement {
     return html`<div subject>
       <div subject-summary>
         ${summary.kind ? html`<b>${summary.kind}</b>` : nothing}
-        <small>${summary.size}</small><small>${summary.relation}</small>
+        ${summary.size ? html`<small>${summary.size}</small>` : nothing}
       </div>
     </div>`
   }
@@ -2122,6 +2127,7 @@ export class FigureEditor extends LitElement {
       ? html`<section>
           <h3>${i18next.t(vectorTitle)}</h3>
           ${groups.vectors.map(g => this.renderVector(g, unavailable, held))}
+          ${this.renderHeldAxes(groups.vectors)}
           ${tools ?? nothing}
         </section>`
       : nothing}
@@ -2176,7 +2182,20 @@ export class FigureEditor extends LitElement {
         )}
       </div>
     </div>
-    ${ruled.length ? html`<p hint held-axes>${i18next.t('figure.text.axes-held-by-rule', { group: i18next.t('figure.label.group-' + group.name), axes: ruled.map(a => a.toUpperCase()).join(' · ') })}</p>` : nothing}`
+`
+  }
+  /**
+   * Why a row's numbers cannot be typed, said once under the rows by what decides them (user 2026-10-01: "set by a
+   * rule" named nothing): a fastened part's place and turn are its fastening's; other numbers are worked out from
+   * something else. A size that follows something is said at the panel's head, so not again here.
+   */
+  private renderHeldAxes(vectors: FieldGroup[]) {
+    const fastened = !!(this.asset() as FigureAsset | undefined)?.joints?.some(j => j.body1.part === ownerOf(this.selected))
+    const held = vectors.filter(g => g.kind === 'vector' && g.name !== 'size' && (['x', 'y', 'z'] as const).some(axis => !g.cells[axis]))
+    if (!held.length) return nothing
+    const placed = held.every(g => g.name === 'position' || g.name === 'rotation')
+    if (fastened && placed) return html`<p hint held-axes>${i18next.t('figure.text.held-by-fastening')}</p>`
+    return html`<p hint held-axes>${i18next.t('figure.text.held-worked-out', { group: held.map(g => i18next.t('figure.label.group-' + g.name)).join(' · ') })}</p>`
   }
   /**
    * A part's fields only the declared room still reads (ADR-0097, designer 2026-09-27): shown as what they are and not
@@ -2191,7 +2210,7 @@ export class FigureEditor extends LitElement {
           f => html`<span>${fieldWordsOf(f.id, key => i18next.t(key))} (${f.unit})</span><input aria-label=${f.id} type="number" .value=${String(f.value)} disabled />`
         )}
       </div>
-      <button act room-refit ?disabled=${unavailable} @click=${() => this.askRoomRefit()}>${i18next.t('figure.button.room-refit')}</button>
+      <button act room-refit ?disabled=${unavailable} @click=${() => this.askRoomRefit()}><md-icon>fit_screen</md-icon>${i18next.t('figure.button.room-refit')}</button>
     </section>`
   }
   /** The room as declared and as proposed, and what lies outside each as measured, before the author confirms. */

package/client/modeller/figure-fasten-drawing.ts

@@ -76,7 +76,6 @@ export class FigureFastenDrawing extends localize(i18next)(LitElement) {
       gap: 2px;
       padding: 2px 4px 4px;
       font: inherit;
-      font-size: 0.72rem;
       color: var(--md-sys-color-on-surface);
       background: none;
       border: 1px solid var(--md-sys-color-outline-variant);
@@ -95,7 +94,6 @@ export class FigureFastenDrawing extends localize(i18next)(LitElement) {
       position: absolute;
       width: 72px;
       font: inherit;
-      font-size: 0.75rem;
     }
     small[warn] {
       color: var(--md-sys-color-tertiary);

package/client/modeller/figure-links.ts

@@ -119,17 +119,16 @@ export class FigureLinks extends localize(i18next)(LitElement) {
     div[resize-held] { display: grid; gap: 8px; margin: 12px 0; padding: 10px 12px; border-radius: 6px; background: var(--md-sys-color-surface-container, #8881); }
     div[resize-held] p { margin: 0; display: flex; align-items: center; gap: 6px; }
     p[fasten-mode] { margin: 0; font-weight: 600; }
-    p[fasten-mode][editing] { color: var(--md-sys-color-primary, #477b9e); }
     section[fastening][spotlit] { outline: 2px solid var(--md-sys-color-primary, #477b9e); outline-offset: 4px; border-radius: 6px; transition: outline-color 0.3s; }
-    details { margin-top: 14px; }
-    summary { cursor: pointer; padding: 8px 0; }
+    details { margin-top: 8px; }
     /* What the command would do, said beside the result drawn on the canvas. */
-    ul[preview-words] { margin: 10px 0; padding: 8px 12px 8px 26px; border-radius: 6px; background: var(--md-sys-color-surface-container, #8881); display: grid; gap: 4px; }
+    ul[preview-words] { margin: 8px 0; padding: 8px 12px 8px 26px; border-radius: 6px; background: var(--md-sys-color-surface-container, #8881); display: grid; gap: 4px; }
+    p[preview-words] { margin: 8px 0; padding: 8px 12px; border-radius: 6px; background: var(--md-sys-color-surface-container, #8881); }
     div[row-basis] { display: grid; gap: 4px; margin: 8px 0; }
     div[row-basis] label { display: flex; align-items: center; gap: 6px; }
     div[overhang] { display: grid; gap: 6px; margin: 8px 0; padding: 8px 12px; border-radius: 6px; border: 1px solid var(--md-sys-color-outline-variant, #8884); }
     div[overhang] p { margin: 0; }
-    ul[detach-words] { margin: 4px 0 10px; padding-left: 20px; display: grid; gap: 2px; font-size: 0.8rem; opacity: 0.85; }
+    ul[detach-words] { margin: 4px 0 10px; padding-left: 20px; display: grid; gap: 2px; }
     span[fasten-summary] { opacity: 0.8; }
     /* The difference a following measure keeps: under its choice, on the same line as its words. */
     label[inline-plus] {
@@ -326,9 +325,10 @@ export class FigureLinks extends localize(i18next)(LitElement) {
     const word = (axis: Axis) => i18next.t(round && axis === 'x' ? 'figure.label.resize-diameter' : `figure.label.resize-${axis}`)
     const others = asset.appearance.map(look => look.target).filter(one => one !== this.partId && canFollow(asset, one))
     const followsAll = editable.every(axis => followOf(asset, this.partId, axis).of === 'instance')
-    return html`<p hint>${i18next.t('figure.text.resize-intent')}</p>
-      ${asset.sizing === 'uniform' ? html`<p hint>${i18next.t('figure.text.resize-uniform-warning')}</p>` : nothing}
-      <div resize-now>${editable.map(axis => {
+    /* A size of its own on every axis is the usual: nothing to read, only the way to make it follow (user 2026-10-01). */
+    const allOwn = editable.every(axis => followOf(asset, this.partId, axis).of === 'own')
+    return html`${asset.sizing === 'uniform' ? html`<p hint>${i18next.t('figure.text.resize-uniform-warning')}</p>` : nothing}
+      ${allOwn ? nothing : html`<div resize-now>${editable.map(axis => {
         const now = followOf(asset, this.partId, axis)
         const following = now.of === 'instance' && now.axis === axis
         const custom = now.of !== 'own' && !following
@@ -344,7 +344,7 @@ export class FigureLinks extends localize(i18next)(LitElement) {
                 }}>${i18next.t('figure.button.resize-unfollow')}</button>`
             : nothing}
         </div>`
-      })}</div>
+      })}</div>`}
       ${followsAll
         ? html`<p hint>${i18next.t('figure.text.resize-all-following')}</p>`
         : html`<button act follow-size ?disabled=${this.locked || asset.sizing === 'uniform'} @click=${() => this.command({ kind: 'follow-size', part: this.partId })}>
@@ -443,11 +443,11 @@ export class FigureLinks extends localize(i18next)(LitElement) {
     return html`<div resize-held>
       <p><md-icon>link</md-icon> ${where}</p>
       <button act open-fastening @click=${() => this.openFastening(asset)}>
-        ${i18next.t('figure.button.open-fastening')}
+        <md-icon>link</md-icon>${i18next.t('figure.button.open-fastening')}
       </button>
       ${joint
         ? html`<button act detach-held ?disabled=${this.locked} @click=${() => this.command({ kind: 'detach', part: this.partId })}>
-              ${i18next.t('figure.button.detach-held')}
+              <md-icon>link_off</md-icon>${i18next.t('figure.button.detach-held')}
             </button>
             ${this.renderDetachWords()}`
         : nothing}
@@ -569,17 +569,12 @@ export class FigureLinks extends localize(i18next)(LitElement) {
       ...(f.twist ? [i18next.t('figure.text.fasten-summary-twist', { degrees: String(f.twist) })] : [])
     ]
     /*
-      Editing the fastening it has, or fastening it anew: said, with the relation named, so the form is not taken for a
-      blank new one while it holds the current (designer 2026-09-27). Applied unchanged, the same fastening is written
-      again, fields and all (resize-with-placement.test).
+      Fastening it anew is said, so the form is not taken for the one it has (designer 2026-09-27). The one it has is
+      said once, by the sentence over the drawing -- the panel's head says it too; a third and a fourth line saying the
+      same (「현재 관계 수정」, 「붙은 곳」) went (user 2026-10-01, the panel checked for balance).
     */
     const current = asset.joints?.find(j => j.body1.part === this.partId)
-    const editing = current
-      ? i18next.t('figure.text.fasten-editing', {
-          face: i18next.t(`figure.label.face-${current.body1.face}`),
-          target: 'plane' in current.body0 ? i18next.t('figure.label.mounting-plane') : `${current.body0.part} · ${i18next.t(`figure.label.face-${current.body0.face}`)}`
-        })
-      : i18next.t('figure.text.fasten-new')
+    const editing = i18next.t('figure.text.fasten-new')
     /* A blank attachment is not a form to decipher. Ask for the thing to attach to first. */
     if (!current && !this.choosingFastening && !f.target)
       return html`
@@ -589,7 +584,7 @@ export class FigureLinks extends localize(i18next)(LitElement) {
         </button>
       `
     return html`
-      <p fasten-mode ?editing=${!!current}>${editing}</p>
+      ${current ? nothing : html`<p fasten-mode>${editing}</p>`}
       ${this.overhangNote.length ? html`<p hint overhang-note>${this.overhangNote.join(' ')}</p>` : nothing}
       ${this.overhangWords.length
         ? html`<div overhang role="status">
@@ -600,13 +595,12 @@ export class FigureLinks extends localize(i18next)(LitElement) {
           </div>`
         : nothing}
       ${held
-        ? html`<div pair>
-            <span>${i18next.t('figure.label.fastened-to')}: <b bound>${'plane' in held ? i18next.t('figure.label.mounting-plane') : held.part}</b></span>
+        ? html`<div fastened>
             <button act ?disabled=${this.locked} @click=${() => this.command({ kind: 'detach', part: this.partId })}>
               <md-icon>link_off</md-icon>${i18next.t('figure.button.detach')}
             </button>
-          </div>
-          ${this.renderDetachWords()}`
+            ${this.renderDetachWords()}
+          </div>`
         : nothing}
       <div form>
         <span>${i18next.t('figure.label.target-part')}</span>
@@ -687,6 +681,8 @@ export class FigureLinks extends localize(i18next)(LitElement) {
   }
 
   private renderDetachWords() {
+    /* One thing to say is a line, not a list of one. */
+    if (this.detachWords.length === 1) return html`<p hint detach-words>${this.detachWords[0]}</p>`
     return this.detachWords.length ? html`<ul detach-words>${this.detachWords.map(line => html`<li>${line}</li>`)}</ul>` : nothing
   }
 
@@ -729,6 +725,7 @@ export class FigureLinks extends localize(i18next)(LitElement) {
    * (the editor's) shows it and takes it away.
    */
   private renderPreviewWords() {
+    if (this.previewWords.length === 1) return html`<p preview-words role="status">${this.previewWords[0]}</p>`
     return this.previewWords.length ? html`<ul preview-words role="status">${this.previewWords.map(line => html`<li>${line}</li>`)}</ul>` : nothing
   }
 

package/client/modeller/figure-material-panel.ts

@@ -49,8 +49,16 @@ export class FigureMaterialPanel extends localize(i18next)(LitElement) {
       display: grid;
       gap: 4px;
     }
-    div[field] > label {
-      font-weight: 600;
+    /* A slider and its value on one line, the value at the end where the eye finishes. */
+    div[slider] {
+      display: grid;
+      grid-template-columns: minmax(0, 1fr) 3em;
+      align-items: center;
+      gap: 8px;
+    }
+    div[slider] output {
+      text-align: right;
+      font-variant-numeric: tabular-nums;
     }
     div[swatches] {
       display: flex;
@@ -118,16 +126,14 @@ export class FigureMaterialPanel extends localize(i18next)(LitElement) {
       fill: var(--md-sys-color-surface-container-lowest);
     }
     button[seg] b {
-      font-size: 0.8rem;
+      font-weight: 600;
     }
     button[seg] small {
       margin: 0;
-      font-size: 0.6rem;
     }
     details[free] summary {
       margin-top: 4px;
       cursor: pointer;
-      font-size: 0.68rem;
       color: var(--md-sys-color-on-surface-variant);
     }
     div[presets] {
@@ -139,7 +145,6 @@ export class FigureMaterialPanel extends localize(i18next)(LitElement) {
       flex: 1;
       padding: 3px 0;
       font: inherit;
-      font-size: 0.72rem;
       color: var(--md-sys-color-on-surface);
       background: none;
       border: 1px solid var(--md-sys-color-outline-variant);
@@ -184,8 +189,8 @@ export class FigureMaterialPanel extends localize(i18next)(LitElement) {
           : nothing}
         <small><b>${purposeOf(material.token)}</b> — ${i18next.t('figure.text.palette-purpose-explained')}</small>
       </div>
-      <div field>
-        <label>${i18next.t('figure.label.preset')}</label>
+      <div form>
+        <span>${i18next.t('figure.label.preset')}</span>
         <select
           ?disabled=${this.locked}
           @change=${(e: Event) => this.put({ preset: ((e.target as HTMLSelectElement).value || undefined) as FigureMaterial['preset'] })}
@@ -205,8 +210,9 @@ export class FigureMaterialPanel extends localize(i18next)(LitElement) {
         />
         ${i18next.t('figure.label.transparent')}
       </label>
-      <div field>
-        <label>${i18next.t('figure.label.emissive')}</label>
+      <div form>
+        <span>${i18next.t('figure.label.emissive')}</span>
+        <div slider>
         <input
           type="range"
           min="0"
@@ -217,7 +223,8 @@ export class FigureMaterialPanel extends localize(i18next)(LitElement) {
           @input=${(e: Event) => this.glow(Number((e.target as HTMLInputElement).value), true)}
           @change=${(e: Event) => this.glow(Number((e.target as HTMLInputElement).value))}
         />
-        <small>${(this.glowing ?? glow?.intensity ?? 0).toFixed(2)}</small>
+        <output>${(this.glowing ?? glow?.intensity ?? 0).toFixed(2)}</output>
+        </div>
       </div>
       ${glow
         ? html`<div field>

package/client/modeller/figure-properties.ts

@@ -177,10 +177,10 @@ export class FigureProperties extends localize(i18next)(LitElement) {
         </div>
         <div row>
           <button act ?disabled=${!facts.declared || !part} @click=${() => this.command({ kind: 'set-mounting-face', part: part!, face })}>
-            ${i18next.t('figure.button.set-mounting-face')}
+            <md-icon>check</md-icon>${i18next.t('figure.button.set-mounting-face')}
           </button>
           <button act ?disabled=${!mounting} @click=${() => this.command({ kind: 'clear-mounting-face' })}>
-            ${i18next.t('figure.button.clear-mounting-face')}
+            <md-icon>close</md-icon>${i18next.t('figure.button.clear-mounting-face')}
           </button>
         </div>
         <small>

package/client/modeller/figure-section-panel.ts

@@ -1,3 +1,4 @@
+import '@material/web/icon/icon.js'
 import { css, html, LitElement, nothing, type PropertyValues } from 'lit'
 import { customElement, property, state } from 'lit/decorators.js'
 import { live } from 'lit/directives/live.js'
@@ -105,7 +106,7 @@ export class FigureSectionPanel extends localize(i18next)(LitElement) {
       ${body.shape.dimensions.jamb === undefined
         ? html`<div field>
             <button act ?disabled=${this.locked} @click=${() => this.dispatchEvent(new CustomEvent('section-editor-open', { bubbles: true, composed: true }))}>
-              ${i18next.t('figure.button.section-editor-open')}
+              <md-icon>edit</md-icon>${i18next.t('figure.button.section-editor-open')}
             </button>
             ${e.section.kind === 'polygon'
               ? html`<small>${i18next.t(e.apex ? 'figure.text.section-points-apex' : 'figure.text.section-points', { points: String(e.section.points.length) })}</small>`
@@ -113,11 +114,7 @@ export class FigureSectionPanel extends localize(i18next)(LitElement) {
           </div>`
         : nothing}
       ${kind === 'rectangle' ? this.renderCorner(body) : nothing}
-      ${kind === 'rectangle' || kind === 'ellipse'
-        ? this.renderCavity(body, e.axis)
-        : html`<div field>
-            <small>${i18next.t('figure.text.section-cavity-unavailable')}</small>
-          </div>`}
+      ${/* No inside for a drawn section: the control is not there, rather than a line saying so. */ kind === 'rectangle' || kind === 'ellipse' ? this.renderCavity(body, e.axis) : nothing}
     </section>`
   }
 
@@ -128,8 +125,9 @@ export class FigureSectionPanel extends localize(i18next)(LitElement) {
       .map(k => d[k])
     const now = reaches.length ? sameOf(reaches) : 0
     const max = cornerLimitOf(body.shape)
-    return html`<div field>
+    return html`<div form>
       <label for="corner">${i18next.t('figure.label.section-corner')}</label>
+      <div>
       ${this.number('corner', now, {
         min: 0,
         ask: value => {
@@ -140,6 +138,7 @@ export class FigureSectionPanel extends localize(i18next)(LitElement) {
         placeholder: now === undefined ? i18next.t('figure.text.section-corner-differs') : ''
       })}
       ${this.refusals.corner ? nothing : max !== undefined ? html`<small>${i18next.t('figure.text.section-at-most', { max: String(mm(max)) })}</small>` : nothing}
+      </div>
     </div>`
   }
 
@@ -167,7 +166,7 @@ export class FigureSectionPanel extends localize(i18next)(LitElement) {
         action: value => ({ kind: 'set-cavity', part: body.id, cavity: request(patch(value)) })
       })
     return html`<div field>
-        <label>
+        <label toggle>
           <input
             type="checkbox"
             .checked=${live(!!cavity)}
@@ -191,8 +190,9 @@ export class FigureSectionPanel extends localize(i18next)(LitElement) {
       </div>
       ${cavity ? html`<figure-cavity-drawing .body=${body} .perSide=${this.perSide} ?locked=${this.locked}></figure-cavity-drawing>` : nothing}
       ${cavity
-        ? html`<div field>
+        ? html`<div form>
               <label>${i18next.t('figure.label.section-wall')}</label>
+              <div>
               ${this.perSide
                 ? html`<div sides>
                     ${[...sidesOf(axis)].sort((a, b) => a[0]!.localeCompare(b[0]!) || (a[1] === '-' ? -1 : 1)).map(
@@ -206,7 +206,7 @@ export class FigureSectionPanel extends localize(i18next)(LitElement) {
               ${this.perSide || this.refusals.wall
                 ? nothing
                 : html`<small>${i18next.t('figure.text.section-wall-at-most', { max: String(mm(wallLimitOf(body.shape))) })}</small>`}
-              <label>
+              <label toggle>
                 <input
                   type="checkbox"
                   .checked=${live(this.perSide)}
@@ -215,6 +215,7 @@ export class FigureSectionPanel extends localize(i18next)(LitElement) {
                 />
                 ${i18next.t('figure.label.section-wall-per-side')}
               </label>
+              </div>
             </div>
             ${(['start', 'end'] as const).map(end => this.renderEnd(body, axis, end, cavity[end], request, cavityField))}`
         : nothing}`
@@ -229,7 +230,7 @@ export class FigureSectionPanel extends localize(i18next)(LitElement) {
     cavityField: (key: string, now: number | undefined, patch: (value: number) => Partial<FigureCavityRequest>) => unknown
   ) {
     const closed = now !== 'open'
-    return html`<div field>
+    return html`<div form>
       <label>${i18next.t('figure.label.face-' + END_FACE(axis, end))}</label>
       <div row>
         <select

package/client/modeller/links.ts

@@ -89,36 +89,62 @@ export function resizeAxesOf(asset: FigureAsset, part: string, pending?: readonl
 }
 
 /**
- * The selected part in three short lines, for the head of its panel (designer 2026-09-27, B): what it is, how its
- * size answers the figure's, and what holds it -- 「box · 상자 / 너비는 도형을 따라감 / 아랫면을 바닥에 유지 중」.
+ * Korean particles for a word the sentence is built around: the topic (은/는) and "and/with" (과/와), by whether the
+ * word's last syllable ends in a consonant. Other languages need none.
  */
-export function partSummaryOf(asset: FigureAsset, part: string, say: (key: string, params?: Record<string, string>) => string): { kind: string; size: string; relation: string } {
+export function particlesOf(word: string, lang: string): { topic: string; with: string } {
+  if (!lang.startsWith('ko')) return { topic: word, with: word }
+  const last = word.trim().slice(-1).charCodeAt(0)
+  const closed = last >= 0xac00 && last <= 0xd7a3 && (last - 0xac00) % 28 !== 0
+  return { topic: word + (closed ? '은' : '는'), with: word + (closed ? '과' : '와') }
+}
+
+/**
+ * The selected part at the head of its panel: what it is, and -- only when a measure changes by itself -- what it
+ * follows, as a sentence a person reads without knowing the model's words: the model's size, a share of it, another
+ * part's measure, a field, a calculation (`figureFollowOf`). A size of its own and a part fastened or not say nothing
+ * here; the fastening is drawn in its own section (user 2026-10-01: 「규칙을 따름: 높이 (Y)」 -- "who would know what that
+ * means?", and "why say anything when all is as usual?").
+ */
+export function partSummaryOf(
+  asset: FigureAsset,
+  part: string,
+  say: (key: string, params?: Record<string, string>) => string,
+  lang = 'ko'
+): { kind: string; size: string } {
   const shape = modelOf(asset).nodes.find(n => n.id === `${part}.shape`)
   const named = startingShapeKindOf(shape as never)
   const kind = named ? say(`figure.label.primitive-${named}`) : ''
   const editable = followableAxes(asset, part)
   const round = editable.length === 2
-  const word = (axis: Axis) => say(round && axis === 'x' ? 'figure.label.resize-diameter' : `figure.label.resize-${axis}`)
-  const following = editable.filter(axis => {
-    const now = followOf(asset, part, axis)
-    return now.of === 'instance' && now.axis === axis
-  })
-  const ruled = editable.filter(axis => followOf(asset, part, axis).of !== 'own' && !following.includes(axis))
-  const size = [
-    following.length ? say('figure.text.summary-follows', { axes: following.map(word).join(' · ') }) : '',
-    ruled.length ? say('figure.text.summary-ruled', { axes: ruled.map(word).join(' · ') }) : ''
-  ].filter(Boolean).join(' / ') || say('figure.text.summary-size-fixed')
-  const joint = asset.joints?.find(j => j.body1.part === part)
-  let relation = say('figure.text.summary-free')
-  if (joint) {
-    const face = say(`figure.label.face-${joint.body1.face}`)
-    const gap = typeof joint.origin?.gap === 'number' ? joint.origin.gap : 0
-    relation =
-      'plane' in joint.body0
-        ? say('figure.text.held-on-plane', { face, place: say(`figure.label.resize-place-${asset.placement ?? 'floor'}`), gap: String(gap) })
-        : say('figure.text.held-on-part', { face, other: joint.body0.part, otherFace: say(`figure.label.face-${joint.body0.face}`) })
+  const word = (axis: Axis) => say(round && axis === 'x' ? 'figure.label.measure-diameter' : `figure.label.measure-${axis}`)
+  const pct = (times: number) => String(Math.round(times * 1000) / 10)
+  /* One sentence per way of following; the measures that follow the same way are said together. */
+  const lines = new Map<string, { key: string; params: Record<string, string>; axes: Axis[] }>()
+  for (const axis of editable) {
+    const f = followOf(asset, part, axis)
+    let key: string
+    let params: Record<string, string> = {}
+    if (f.of === 'own') continue
+    if (f.of === 'instance') {
+      key = f.times === 1 ? 'figure.text.summary-size-follows' : 'figure.text.summary-size-share'
+      params = { pct: pct(f.times), whole: say(`figure.label.measure-${f.axis}`) }
+      if (f.plus) (key = key + '-plus'), (params.plus = String(f.plus))
+    } else if (f.of === 'part') {
+      const other = say(`figure.label.measure-${f.axis}`)
+      key = (f.times ?? 1) === 1 ? 'figure.text.summary-size-part' : 'figure.text.summary-size-part-share'
+      params = { other: f.part, measure: particlesOf(other, lang).with, measureWord: other, pct: pct(f.times ?? 1) }
+      if (f.plus) (key = key + '-plus'), (params.plus = String(f.plus))
+    } else if (f.of === 'input') {
+      key = 'figure.text.summary-size-input'
+      params = { field: fieldWordsOf(f.input, k => say(k)) }
+    } else key = 'figure.text.summary-size-worked-out'
+    const id = key + JSON.stringify(params)
+    lines.set(id, { key, params, axes: [...(lines.get(id)?.axes ?? []), axis] })
   }
-  return { kind, size, relation }
+  /* Nothing to say when the size is its own: only a measure that changes by itself is news (user 2026-10-01). */
+  const size = [...lines.values()].map(l => say(l.key, { ...l.params, axes: particlesOf(l.axes.map(word).join(' · '), lang).topic })).join(' ')
+  return { kind, size }
 }
 
 /**