@things-factory/figure-ui 10.1.183 → 10.1.186

package/client/modeller/figure-facts.ts

@@ -1,6 +1,5 @@
 import type { FigureAsset, FigureFace } from '@hatiolab/figure-model'
 
-import { boxesOf } from './align.js'
 import { derivedOf, type FigureRevision } from './revision.js'
 
 /*
@@ -12,61 +11,31 @@ export type Placement = 'floor' | 'ceiling' | 'center' | 'wall'
 /** What the properties tab reads off the asset. Absent parts of the asset read as absent, never as a default. */
 export interface FigureFigureFacts {
   name: string
-  parts: string[]
-  declared: boolean
   placement?: Placement
+  /** The face named as lying on the mounting plane, when one is (`set-mounting-face`): a promise the release gate checks. */
   mounting?: { part: string; face: FigureFace }
-  /**
-   * Where the figure meets its plane, as its parts stand: the part whose bottom is lowest for a floor, whose top is
-   * highest for a ceiling, whose back is furthest back for a wall. What the mounting face is offered as before one is
-   * chosen -- the first part in the list offered a conveyor's bed, 700 mm up on its legs (walk 1, 2026-09-26).
-   */
-  suggested?: { part: string; face: FigureFace }
 }
 
 /**
  * The asset's own facts, as the properties tab shows them.
  *
  * The mounting face is read back from the feature `set-mounting-face` writes (`<part>.mount.<face>`): the asset
- * records the face only as that node, so this is where the screen learns which one is chosen. Parts are the placed
- * bodies (`place@1`), in the order the model lists them.
+ * records the face only as that node, so this is where the screen learns which one is named.
  */
 export function figureFigureFacts(revision: FigureRevision): FigureFigureFacts {
   return derivedOf(revision, 'figure-facts', () => figureFactsOf(revision))
 }
 function figureFactsOf(revision: FigureRevision): FigureFigureFacts {
-  const asset = revision.asset as FigureAsset & { document: { model: { nodes: Array<{ id: string; op: string }> } } }
-  const parts = asset.document.model.nodes.filter(node => node.op === 'place@1').map(node => node.id)
+  const asset = revision.asset as FigureAsset
   const feature = (asset.occupancy?.contact as { surface?: { feature?: string } } | undefined)?.surface?.feature
   const found = feature?.match(/^(.+)\.mount\.(left|right|bottom|top|back|front)\.value$/)
   return {
     name: asset.name,
-    parts,
-    declared: !!asset.occupancy,
     placement: asset.placement as Placement | undefined,
-    mounting: found ? { part: found[1], face: found[2] as FigureFace } : undefined,
-    suggested: suggestedMountOf(revision, parts)
+    mounting: found ? { part: found[1], face: found[2] as FigureFace } : undefined
   }
 }
 
-/* As the parts are drawn now. */
-function suggestedMountOf(revision: FigureRevision, parts: string[]): { part: string; face: FigureFace } | undefined {
-  const placement = (revision.asset.placement ?? 'floor') as Placement
-  if (placement === 'center' || !parts.length) return undefined
-  let boxes
-  try {
-    boxes = boxesOf(revision).filter(b => parts.includes(b.part))
-  } catch {
-    return undefined
-  }
-  const [axis, face, sign] = placement === 'wall' ? (['z', 'back', -1] as const) : placement === 'ceiling' ? (['y', 'top', 1] as const) : (['y', 'bottom', -1] as const)
-  /* The side of each box that faces the plane; the one furthest toward it, the first in the list among equals. */
-  const reach = (b: (typeof boxes)[number]) => sign * (b.centre[axis] + (sign * b.extent[axis]) / 2)
-  let best: (typeof boxes)[number] | undefined
-  for (const b of boxes) if (!best || reach(b) > reach(best) + 1e-6) best = b
-  return best ? { part: best.part, face } : undefined
-}
-
 /**
  * A tag line as a list: split on commas, drop a leading `#`, keep each once. An empty
  * line is an empty list, so an author can clear every tag.

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

@@ -69,6 +69,10 @@ export class FigureFastenDialog extends localize(i18next)(LitElement) {
         font-weight: 600;
         color: var(--md-sys-color-on-surface-variant);
       }
+      /* The chips are part names, identifiers: shown as they are written, not capitalized as filter words are. */
+      ox-input-select-buttons {
+        --ox-input-select-buttons-label-text-transform: none;
+      }
       p[loops] {
         margin: 0;
       }
@@ -290,7 +294,18 @@ export class FigureFastenDialog extends localize(i18next)(LitElement) {
           if (at?.localName === 'md-filter-chip') this.hover(at.getAttribute('data-value'))
         }}
       ></ox-input-select-buttons>
-      ${targets.filter(t => t.loops).map(t => html`<p hint loops target=${t.part}>${i18next.t('figure.text.target-would-loop', { part: t.part, mine: this.partId })}</p>`)}`
+      ${this.renderLoops(targets.filter(t => t.loops).map(t => t.part))}`
+  }
+
+  /**
+   * The parts that hang from this one, in one line: a line each made a list longer than the chips (2026-10-18, :3300,
+   * the robot arm's forearm and the six parts it carries).
+   */
+  private renderLoops(parts: string[]) {
+    if (!parts.length) return nothing
+    return html`<p hint loops targets=${parts.join(',')}>
+      ${i18next.t('figure.text.target-would-loop', { part: parts.join(', '), mine: this.partId })}
+    </p>`
   }
 
   private aim(part: string) {

package/client/modeller/figure-properties.ts

@@ -1,38 +1,35 @@
 import '@material/web/icon/icon.js'
 
 import { css, html, LitElement, nothing } from 'lit'
-import { customElement, property, state } from 'lit/decorators.js'
+import { customElement, property } from 'lit/decorators.js'
 import { live } from 'lit/directives/live.js'
 
 import { i18next, localize } from '@operato/i18n'
-import { FIGURE_FACES } from '@hatiolab/figure-model'
-import type { FigureAuthoringAction, FigureFace } from '@hatiolab/figure-model'
+import type { FigureAuthoringAction } from '@hatiolab/figure-model'
 
-import { occupancyFromParts } from './occupancy.js'
 import { tagsOf, figureFigureFacts, type Placement, type FigureFigureFacts } from './figure-facts.js'
-import { offeredMountingOf } from './mounting-part.js'
 import type { FigureRevision } from './revision.js'
 import { figurePropertySections } from './property-sections.js'
 import { SidePanelStyles } from '@things-factory/figure-viewer/dist-client/side-panel-styles.js'
 import { ScrollbarStyles } from '@operato/styles'
 
 const PLACEMENTS: Placement[] = ['floor', 'ceiling', 'center', 'wall']
-const FACES = Object.keys(FIGURE_FACES) as FigureFace[]
 
 /**
  * 속성 — the modeller's figure properties.
  *
- * The tab opens with what the figure is: its name, the face it is placed by, the room it takes up, where the
- * catalogue files it.
+ * The tab opens with what the figure is: its name, where it stands, where the catalogue files it.
+ *
+ * Nothing here is set up before work can go on (user 2026-10-18, after a walk without it). The room the figure
+ * takes up is declared where release asks for it, from the parts -- the bar's blockers and the verdict offer it;
+ * whether the figure meets its plane is said by the release check from the parts, with no face to name. A mounting
+ * face named already (by the assistant, or before) is shown with the way to take it off, and nothing more.
  *
  * Two kinds of change leave this tab, and it does neither itself:
- *  - `command` carries an authoring command (rename, declare the room, the mounting face). The page runs it
- *    through the session, so it is one step of the same undo history as every other edit, and is saved with it.
+ *  - `command` carries an authoring command (rename, where it stands, taking the mounting face off). The page runs
+ *    it through the session, so it is one step of the same undo history as every other edit, and is saved with it.
  *  - `catalog` carries a change to the row (category, tags). Those are not in the asset; the page writes them
  *    to the saved row at once, so they need a saved figure.
- *
- * Not here yet, because has no place for them: editing the declared room by hand (declares it from the
- * parts, as graph expressions), and the detail level. Both wait on a ruling.
  */
 @customElement('figure-properties')
 export class FigureProperties extends localize(i18next)(LitElement) {
@@ -48,16 +45,12 @@ export class FigureProperties extends localize(i18next)(LitElement) {
       gap: 6px;
       align-items: center;
     }
-    div[row] > select {
+    /* What is named, then the way to take it off at the line's end, as wide as its words. */
+    div[row] > span {
       flex: 1;
     }
-    /* Words as wide as themselves (side-panel-styles' action): stretched over the row, their label floated in the middle. */
-    div[row] > button[act] {
+    div[row] > button[quiet] {
       flex: none;
-      width: auto;
-    }
-    div[row] > span {
-      flex: 1;
     }
   `]
 
@@ -69,10 +62,6 @@ export class FigureProperties extends localize(i18next)(LitElement) {
   /** The categories the server allows (LV figure-server design G5): chosen from, and fixed once set. Null: free text. */
   @property({ attribute: false }) figureCategories?: string[] | null
   @property({ type: Array }) figureTags?: string[]
-  /** The part and face picked for the mounting face, before 「이 면으로」 is pressed. */
-  @state() private pickedPart?: string
-  @state() private pickedFace?: FigureFace
-
   private facts(): FigureFigureFacts | undefined {
     try {
       return this.revision ? figureFigureFacts(this.revision) : undefined
@@ -121,11 +110,7 @@ export class FigureProperties extends localize(i18next)(LitElement) {
     return html`<section>
         <h3>${i18next.t('figure.label.group-figure')}</h3>
         <slot name="type"></slot>
-        ${this.renderName(facts)} ${this.renderPlacement(facts)}
-      </section>
-      <section>
-        <h3>${i18next.t('figure.label.group-standing')}</h3>
-        ${this.renderSpace(facts)} ${this.renderMounting(facts)}
+        ${this.renderName(facts)} ${this.renderPlacement(facts)} ${this.renderMounting(facts)}
       </section>
       <section>
         <h3>${i18next.t('figure.label.group-catalog')}</h3>
@@ -182,50 +167,23 @@ export class FigureProperties extends localize(i18next)(LitElement) {
     `
   }
 
-  private renderSpace(facts: FigureFigureFacts) {
-    return html`
-      <div field>
-        <label>${i18next.t('figure.label.declared-space')}</label>
-        <div row>
-          <span>${i18next.t(facts.declared ? 'figure.text.declared-space-declared' : 'figure.text.declared-space-none')}</span>
-          <button act ?disabled=${!facts.parts.length} @click=${() => this.declare(facts.placement ?? 'floor')}>
-            <md-icon>fit_screen</md-icon>${i18next.t('figure.button.fit-base-to-parts')}
-          </button>
-        </div>
-      </div>
-    `
-  }
-
+  /**
+   * A mounting face named already: which, and the way to take it off. A centred figure has no plane, so the gate does
+   * not check it there; the line says so rather than show a promise that is not kept.
+   */
   private renderMounting(facts: FigureFigureFacts) {
     const mounting = facts.mounting
-    /* Chosen, or what is set, or where the figure meets its plane -- not the first part listed (walk 1). */
-    const { part, face } = offeredMountingOf(facts, { part: this.pickedPart, face: this.pickedFace })
+    if (!mounting) return nothing
+    const said = `${mounting.part} · ${i18next.t('figure.label.face-' + mounting.face)}`
     return html`
-      <div field>
+      <div field mounting-face>
         <label>${i18next.t('figure.label.mounting-face')}</label>
         <div row>
-          <select ?disabled=${!facts.declared} @change=${(e: Event) => (this.pickedPart = (e.target as HTMLSelectElement).value)}>
-            ${facts.parts.map(one => html`<option value=${one} ?selected=${one === part}>${one}</option>`)}
-          </select>
-          <select ?disabled=${!facts.declared} @change=${(e: Event) => (this.pickedFace = (e.target as HTMLSelectElement).value as FigureFace)}>
-            ${FACES.map(one => html`<option value=${one} ?selected=${one === face}>${i18next.t('figure.label.face-' + one)}</option>`)}
-          </select>
-        </div>
-        <div row>
-          <button act ?disabled=${!facts.declared || !part} @click=${() => this.command({ kind: 'set-mounting-face', part: part!, face })}>
-            <md-icon>check</md-icon>${i18next.t('figure.button.set-mounting-face')}
-          </button>
-          <button quiet ?disabled=${!mounting} @click=${() => this.command({ kind: 'clear-mounting-face' })}>
+          <span>${facts.placement === 'center' ? `${said} · ${i18next.t('figure.text.mounting-face-unchecked-at-center')}` : said}</span>
+          <button quiet clear-mounting-face @click=${() => this.command({ kind: 'clear-mounting-face' })}>
             <md-icon>close</md-icon>${i18next.t('figure.button.clear-mounting-face')}
           </button>
         </div>
-        <small>
-          ${facts.declared
-            ? mounting
-              ? `${mounting.part} · ${i18next.t('figure.label.face-' + mounting.face)}`
-              : i18next.t('figure.label.mounting-face-none')
-            : i18next.t('figure.text.mounting-face-needs-space')}
-        </small>
       </div>
     `
   }
@@ -285,11 +243,6 @@ export class FigureProperties extends localize(i18next)(LitElement) {
     `
   }
 
-  private declare(placement: Placement) {
-    if (!this.revision) return
-    this.command(occupancyFromParts(this.revision.asset, placement))
-  }
-
   private command(action: FigureAuthoringAction) {
     this.dispatchEvent(new CustomEvent('command', { detail: { action }, bubbles: true, composed: true }))
   }

package/dist-client/modeller/figure-facts.d.ts

@@ -4,29 +4,18 @@ export type Placement = 'floor' | 'ceiling' | 'center' | 'wall';
 /** What the properties tab reads off the asset. Absent parts of the asset read as absent, never as a default. */
 export interface FigureFigureFacts {
     name: string;
-    parts: string[];
-    declared: boolean;
     placement?: Placement;
+    /** The face named as lying on the mounting plane, when one is (`set-mounting-face`): a promise the release gate checks. */
     mounting?: {
         part: string;
         face: FigureFace;
     };
-    /**
-     * Where the figure meets its plane, as its parts stand: the part whose bottom is lowest for a floor, whose top is
-     * highest for a ceiling, whose back is furthest back for a wall. What the mounting face is offered as before one is
-     * chosen -- the first part in the list offered a conveyor's bed, 700 mm up on its legs (walk 1, 2026-09-26).
-     */
-    suggested?: {
-        part: string;
-        face: FigureFace;
-    };
 }
 /**
  * The asset's own facts, as the properties tab shows them.
  *
  * The mounting face is read back from the feature `set-mounting-face` writes (`<part>.mount.<face>`): the asset
- * records the face only as that node, so this is where the screen learns which one is chosen. Parts are the placed
- * bodies (`place@1`), in the order the model lists them.
+ * records the face only as that node, so this is where the screen learns which one is named.
  */
 export declare function figureFigureFacts(revision: FigureRevision): FigureFigureFacts;
 /**

package/dist-client/modeller/figure-facts.js

@@ -1,50 +1,23 @@
-import { boxesOf } from './align.js';
 import { derivedOf } from './revision.js';
 /**
  * The asset's own facts, as the properties tab shows them.
  *
  * The mounting face is read back from the feature `set-mounting-face` writes (`<part>.mount.<face>`): the asset
- * records the face only as that node, so this is where the screen learns which one is chosen. Parts are the placed
- * bodies (`place@1`), in the order the model lists them.
+ * records the face only as that node, so this is where the screen learns which one is named.
  */
 export function figureFigureFacts(revision) {
     return derivedOf(revision, 'figure-facts', () => figureFactsOf(revision));
 }
 function figureFactsOf(revision) {
     const asset = revision.asset;
-    const parts = asset.document.model.nodes.filter(node => node.op === 'place@1').map(node => node.id);
     const feature = asset.occupancy?.contact?.surface?.feature;
     const found = feature?.match(/^(.+)\.mount\.(left|right|bottom|top|back|front)\.value$/);
     return {
         name: asset.name,
-        parts,
-        declared: !!asset.occupancy,
         placement: asset.placement,
-        mounting: found ? { part: found[1], face: found[2] } : undefined,
-        suggested: suggestedMountOf(revision, parts)
+        mounting: found ? { part: found[1], face: found[2] } : undefined
     };
 }
-/* As the parts are drawn now. */
-function suggestedMountOf(revision, parts) {
-    const placement = (revision.asset.placement ?? 'floor');
-    if (placement === 'center' || !parts.length)
-        return undefined;
-    let boxes;
-    try {
-        boxes = boxesOf(revision).filter(b => parts.includes(b.part));
-    }
-    catch {
-        return undefined;
-    }
-    const [axis, face, sign] = placement === 'wall' ? ['z', 'back', -1] : placement === 'ceiling' ? ['y', 'top', 1] : ['y', 'bottom', -1];
-    /* The side of each box that faces the plane; the one furthest toward it, the first in the list among equals. */
-    const reach = (b) => sign * (b.centre[axis] + (sign * b.extent[axis]) / 2);
-    let best;
-    for (const b of boxes)
-        if (!best || reach(b) > reach(best) + 1e-6)
-            best = b;
-    return best ? { part: best.part, face } : undefined;
-}
 /**
  * A tag line as a list: split on commas, drop a leading `#`, keep each once. An empty
  * line is an empty list, so an author can clear every tag.

package/dist-client/modeller/figure-facts.js.map

@@ -1 +1 @@
-{"version":3,"file":"figure-facts.js","sourceRoot":"","sources":["../../client/modeller/figure-facts.ts"],"names":[],"mappings":"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","sourcesContent":["import type { FigureAsset, FigureFace } from '@hatiolab/figure-model'\n\nimport { boxesOf } from './align.js'\nimport { derivedOf, type FigureRevision } from './revision.js'\n\n/*\n * What the properties tab reads, kept apart from the element so it can be tested without a browser.\n */\n\nexport type Placement = 'floor' | 'ceiling' | 'center' | 'wall'\n\n/** What the properties tab reads off the asset. Absent parts of the asset read as absent, never as a default. */\nexport interface FigureFigureFacts {\n  name: string\n  parts: string[]\n  declared: boolean\n  placement?: Placement\n  mounting?: { part: string; face: FigureFace }\n  /**\n   * Where the figure meets its plane, as its parts stand: the part whose bottom is lowest for a floor, whose top is\n   * highest for a ceiling, whose back is furthest back for a wall. What the mounting face is offered as before one is\n   * chosen -- the first part in the list offered a conveyor's bed, 700 mm up on its legs (walk 1, 2026-09-26).\n   */\n  suggested?: { part: string; face: FigureFace }\n}\n\n/**\n * The asset's own facts, as the properties tab shows them.\n *\n * The mounting face is read back from the feature `set-mounting-face` writes (`<part>.mount.<face>`): the asset\n * records the face only as that node, so this is where the screen learns which one is chosen. Parts are the placed\n * bodies (`place@1`), in the order the model lists them.\n */\nexport function figureFigureFacts(revision: FigureRevision): FigureFigureFacts {\n  return derivedOf(revision, 'figure-facts', () => figureFactsOf(revision))\n}\nfunction figureFactsOf(revision: FigureRevision): FigureFigureFacts {\n  const asset = revision.asset as FigureAsset & { document: { model: { nodes: Array<{ id: string; op: string }> } } }\n  const parts = asset.document.model.nodes.filter(node => node.op === 'place@1').map(node => node.id)\n  const feature = (asset.occupancy?.contact as { surface?: { feature?: string } } | undefined)?.surface?.feature\n  const found = feature?.match(/^(.+)\\.mount\\.(left|right|bottom|top|back|front)\\.value$/)\n  return {\n    name: asset.name,\n    parts,\n    declared: !!asset.occupancy,\n    placement: asset.placement as Placement | undefined,\n    mounting: found ? { part: found[1], face: found[2] as FigureFace } : undefined,\n    suggested: suggestedMountOf(revision, parts)\n  }\n}\n\n/* As the parts are drawn now. */\nfunction suggestedMountOf(revision: FigureRevision, parts: string[]): { part: string; face: FigureFace } | undefined {\n  const placement = (revision.asset.placement ?? 'floor') as Placement\n  if (placement === 'center' || !parts.length) return undefined\n  let boxes\n  try {\n    boxes = boxesOf(revision).filter(b => parts.includes(b.part))\n  } catch {\n    return undefined\n  }\n  const [axis, face, sign] = placement === 'wall' ? (['z', 'back', -1] as const) : placement === 'ceiling' ? (['y', 'top', 1] as const) : (['y', 'bottom', -1] as const)\n  /* The side of each box that faces the plane; the one furthest toward it, the first in the list among equals. */\n  const reach = (b: (typeof boxes)[number]) => sign * (b.centre[axis] + (sign * b.extent[axis]) / 2)\n  let best: (typeof boxes)[number] | undefined\n  for (const b of boxes) if (!best || reach(b) > reach(best) + 1e-6) best = b\n  return best ? { part: best.part, face } : undefined\n}\n\n/**\n * A tag line as a list: split on commas, drop a leading `#`, keep each once. An empty\n * line is an empty list, so an author can clear every tag.\n */\nexport function tagsOf(raw: string): string[] {\n  return [\n    ...new Set(\n      raw\n        .split(',')\n        .map(one => one.trim().replace(/^#+/, '').trim())\n        .filter(one => one.length > 0)\n    )\n  ]\n}\n"]}
+{"version":3,"file":"figure-facts.js","sourceRoot":"","sources":["../../client/modeller/figure-facts.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAuB,MAAM,eAAe,CAAA;AAgB9D;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAAC,QAAwB;IACxD,OAAO,SAAS,CAAC,QAAQ,EAAE,cAAc,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAA;AAC3E,CAAC;AACD,SAAS,aAAa,CAAC,QAAwB;IAC7C,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAoB,CAAA;IAC3C,MAAM,OAAO,GAAI,KAAK,CAAC,SAAS,EAAE,OAA0D,EAAE,OAAO,EAAE,OAAO,CAAA;IAC9G,MAAM,KAAK,GAAG,OAAO,EAAE,KAAK,CAAC,0DAA0D,CAAC,CAAA;IACxF,OAAO;QACL,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,SAAS,EAAE,KAAK,CAAC,SAAkC;QACnD,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAe,EAAE,CAAC,CAAC,CAAC,SAAS;KAC/E,CAAA;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,MAAM,CAAC,GAAW;IAChC,OAAO;QACL,GAAG,IAAI,GAAG,CACR,GAAG;aACA,KAAK,CAAC,GAAG,CAAC;aACV,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;aAChD,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CACjC;KACF,CAAA;AACH,CAAC","sourcesContent":["import type { FigureAsset, FigureFace } from '@hatiolab/figure-model'\n\nimport { derivedOf, type FigureRevision } from './revision.js'\n\n/*\n * What the properties tab reads, kept apart from the element so it can be tested without a browser.\n */\n\nexport type Placement = 'floor' | 'ceiling' | 'center' | 'wall'\n\n/** What the properties tab reads off the asset. Absent parts of the asset read as absent, never as a default. */\nexport interface FigureFigureFacts {\n  name: string\n  placement?: Placement\n  /** The face named as lying on the mounting plane, when one is (`set-mounting-face`): a promise the release gate checks. */\n  mounting?: { part: string; face: FigureFace }\n}\n\n/**\n * The asset's own facts, as the properties tab shows them.\n *\n * The mounting face is read back from the feature `set-mounting-face` writes (`<part>.mount.<face>`): the asset\n * records the face only as that node, so this is where the screen learns which one is named.\n */\nexport function figureFigureFacts(revision: FigureRevision): FigureFigureFacts {\n  return derivedOf(revision, 'figure-facts', () => figureFactsOf(revision))\n}\nfunction figureFactsOf(revision: FigureRevision): FigureFigureFacts {\n  const asset = revision.asset as FigureAsset\n  const feature = (asset.occupancy?.contact as { surface?: { feature?: string } } | undefined)?.surface?.feature\n  const found = feature?.match(/^(.+)\\.mount\\.(left|right|bottom|top|back|front)\\.value$/)\n  return {\n    name: asset.name,\n    placement: asset.placement as Placement | undefined,\n    mounting: found ? { part: found[1], face: found[2] as FigureFace } : undefined\n  }\n}\n\n/**\n * A tag line as a list: split on commas, drop a leading `#`, keep each once. An empty\n * line is an empty list, so an author can clear every tag.\n */\nexport function tagsOf(raw: string): string[] {\n  return [\n    ...new Set(\n      raw\n        .split(',')\n        .map(one => one.trim().replace(/^#+/, '').trim())\n        .filter(one => one.length > 0)\n    )\n  ]\n}\n"]}

package/dist-client/modeller/figure-fasten-dialog.d.ts

@@ -38,13 +38,18 @@ export declare class FigureFastenDialog extends FigureFastenDialog_base {
     firstUpdated(): Promise<void>;
     updated(): void;
     disconnectedCallback(): void;
-    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
     /**
      * What to fasten to: the plane and the other parts, as the standard choice chips. The arrows move among them and
      * the canvas lights the part under the focus or the pointer; a part hanging from this one is not offered, and why is
      * said under them.
      */
     private renderTargets;
+    /**
+     * The parts that hang from this one, in one line: a line each made a list longer than the chips (2026-10-18, :3300,
+     * the robot arm's forearm and the six parts it carries).
+     */
+    private renderLoops;
     private aim;
     /** The part under the pointer or the focus in the list, for the canvas to light; the plane lights nothing. */
     private hover;

package/dist-client/modeller/figure-fasten-dialog.js

@@ -102,6 +102,10 @@ let FigureFastenDialog = class FigureFastenDialog extends localize(i18next)(LitE
         font-weight: 600;
         color: var(--md-sys-color-on-surface-variant);
       }
+      /* The chips are part names, identifiers: shown as they are written, not capitalized as filter words are. */
+      ox-input-select-buttons {
+        --ox-input-select-buttons-label-text-transform: none;
+      }
       p[loops] {
         margin: 0;
       }
@@ -292,7 +296,18 @@ let FigureFastenDialog = class FigureFastenDialog extends localize(i18next)(LitE
                 this.hover(at.getAttribute('data-value'));
         }}
       ></ox-input-select-buttons>
-      ${targets.filter(t => t.loops).map(t => html `<p hint loops target=${t.part}>${i18next.t('figure.text.target-would-loop', { part: t.part, mine: this.partId })}</p>`)}`;
+      ${this.renderLoops(targets.filter(t => t.loops).map(t => t.part))}`;
+    }
+    /**
+     * The parts that hang from this one, in one line: a line each made a list longer than the chips (2026-10-18, :3300,
+     * the robot arm's forearm and the six parts it carries).
+     */
+    renderLoops(parts) {
+        if (!parts.length)
+            return nothing;
+        return html `<p hint loops targets=${parts.join(',')}>
+      ${i18next.t('figure.text.target-would-loop', { part: parts.join(', '), mine: this.partId })}
+    </p>`;
     }
     aim(part) {
         if (this.locked || !this.revision || !this.form)

package/dist-client/modeller/figure-fasten-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"figure-fasten-dialog.js","sourceRoot":"","sources":["../../client/modeller/figure-fasten-dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/filled-button.js'\nimport '@material/web/button/text-button.js'\n\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport '@operato/input/ox-input-select-buttons.js'\nimport '@operato/popup/ox-popup-actions.js'\nimport { CommonPopupStyles } from '@operato/styles'\nimport { SidePanelStyles } from '@things-factory/figure-viewer/dist-client/side-panel-styles.js'\n\nimport './figure-fasten-drawing.js'\nimport type { FastenChange } from './figure-fasten-drawing.js'\nimport { turnsInPlace, type FastenMode } from './fasten-geometry.js'\nimport {\n  aimFasten,\n  fastenChanged,\n  fastenDetailWordsOf,\n  fastenFormOf,\n  fastenPlanOf,\n  fastenSentenceOf,\n  fastenTargetsOf,\n  type FastenForm\n} from './fasten-form.js'\nimport { fieldWordsOf, hasInstanceSize, heldBy, type Alignment, type Axis } from './links.js'\nimport type { FigureRevision } from './revision.js'\n\n/** The target list's entry for the plane the figure stands by. */\nconst PLANE = '__plane'\n\n/**\n * 붙이기 창: what the selected part is fastened to, on which face, how -- chosen with room to see it, in the standard\n * popup the editor opens (`openPopup`: its title, its close, moved by its head) (user 2026-10-17: 「속성에는 심플하고\n * 직관적인 결과 위주로, 편집은 팝업에서 넓은 공간을 써서」; 2026-10-18: the standard popup, not a window of its own).\n *\n * Everything chosen here is tried, not done: the command it comes to is told to the editor as it changes\n * (`preview-command`), and the canvas draws it. 「적용」 sends it once (`fasten-apply`), one step of the history;\n * 「취소」 and Esc close it with nothing written (`fasten-cancel`). A row of the target list under the pointer or the\n * arrows asks the canvas to light that part (`fasten-hover`). The window is the only one telling the preview while it\n * is open; the editor keeps the panel quiet.\n */\n@customElement('figure-fasten-dialog')\nexport class FigureFastenDialog extends localize(i18next)(LitElement) {\n  static styles = [\n    SidePanelStyles,\n    CommonPopupStyles,\n    css`\n      :host {\n        display: grid;\n        gap: 16px;\n        padding: var(--popup-padding, 16px);\n        overflow: auto;\n      }\n      /* The result in one line, at the top: it changes with every choice below it. */\n      p[fasten-sentence] {\n        margin: 0;\n        font-size: var(--ui-t-body, 13px);\n        font-weight: 600;\n      }\n      div[question] {\n        display: grid;\n        align-content: start;\n        gap: 6px;\n      }\n      h4 {\n        margin: 0;\n        font-size: var(--ui-t-small, 11.5px);\n        font-weight: 600;\n        color: var(--md-sys-color-on-surface-variant);\n      }\n      p[loops] {\n        margin: 0;\n      }\n      details[fasten-detail] {\n        margin: 0;\n      }\n      details[fasten-detail] > div[form] {\n        margin-top: 8px;\n        max-width: 320px;\n      }\n      span[fasten-summary] {\n        opacity: 0.8;\n      }\n      ul[preview-words] {\n        margin: 0;\n        padding: 8px 12px 8px 26px;\n        border-radius: 6px;\n        background: var(--md-sys-color-surface-container, #8881);\n        display: grid;\n        gap: 4px;\n      }\n      p[preview-words] {\n        margin: 0;\n        padding: 8px 12px;\n        border-radius: 6px;\n        background: var(--md-sys-color-surface-container, #8881);\n      }\n      p[error] {\n        margin: 0;\n        color: var(--md-sys-color-error);\n      }\n    `\n  ]\n\n  /** The figure at the version on screen. */\n  @property({ attribute: false }) revision?: FigureRevision\n  /** The part being fastened. */\n  @property() partId = ''\n  @property({ type: Boolean }) locked = false\n  /** What the command would do, in words (the editor works it out: `command-preview.ts`). */\n  @property({ attribute: false }) previewWords: string[] = []\n  /** Why the last 「적용」 was refused, in the editor's words. */\n  @property() error = ''\n\n  @state() private form?: FastenForm\n  /** The command the part's own fastening comes to, as opened: tried unchanged, nothing new is said of it. */\n  private opened?: string\n  private told = ''\n  private loadedFor?: string\n  private hovered: string | null = null\n\n  willUpdate() {\n    /* Opened on what the part has now; another part is another window's. */\n    if (this.revision && this.partId && this.partId !== this.loadedFor) {\n      this.loadedFor = this.partId\n      this.form = fastenFormOf(this.revision, this.partId)\n      this.opened = JSON.stringify(fastenPlanOf(this.revision, this.partId, this.form).action ?? null)\n    }\n  }\n\n  async firstUpdated() {\n    /* Into the list, on what is chosen, so the arrows go from there. */\n    const list = this.renderRoot.querySelector<HTMLElement & { updateComplete?: Promise<unknown> }>(\n      'ox-input-select-buttons'\n    )\n    await list?.updateComplete\n    const chips = list?.shadowRoot?.querySelectorAll<HTMLElement>('md-filter-chip')\n    ;([...(chips ?? [])].find(c => c.hasAttribute('selected')) ?? chips?.[0])?.focus()\n  }\n\n  updated() {\n    const plan = this.revision && this.form ? fastenPlanOf(this.revision, this.partId, this.form) : undefined\n    const candidate = plan?.action ? { action: plan.action, ...(plan.face ? { face: plan.face } : {}) } : null\n    const said = JSON.stringify(candidate)\n    if (said === this.told) return\n    this.told = said\n    this.dispatchEvent(new CustomEvent('preview-command', { detail: candidate, bubbles: true, composed: true }))\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    /* Closed: what it showed goes with it. */\n    if (this.told && this.told !== 'null')\n      this.dispatchEvent(new CustomEvent('preview-command', { detail: null, bubbles: true, composed: true }))\n    this.told = ''\n    this.hover(null)\n  }\n\n  render() {\n    const revision = this.revision\n    const f = this.form\n    if (!revision || !f) return nothing\n    const asset = revision.asset\n    const held = !!heldBy(asset, this.partId)\n    const plan = fastenPlanOf(revision, this.partId, f)\n    const planeWord = i18next.t('figure.label.resize-place-' + (asset.placement ?? 'floor'))\n    const modes: FastenMode[] = f.toPlane\n      ? ['meet']\n      : ['meet', 'flush', ...(turnsInPlace(asset, this.partId) ? (['centre'] as FastenMode[]) : [])]\n    const detail = fastenDetailWordsOf(f, (key, params) => i18next.t(key, params))\n    const drawing = (show: 'face' | 'how') =>\n      html`<figure-fasten-drawing\n        show=${show}\n        .target=${f.toPlane ? '' : f.target}\n        .planeWord=${planeWord}\n        .faces=${plan.theirFaces}\n        .face=${plan.targetFace}\n        .modes=${modes}\n        .mode=${plan.mode}\n        .view=${plan.view}\n        .align=${f.align}\n        .alignMm=${f.alignMm}\n        .gap=${f.gap}\n        .partName=${this.partId}\n        ?locked=${this.locked}\n        @fasten-change=${(e: CustomEvent<FastenChange>) => (this.form = fastenChanged(revision, this.partId, this.form!, e.detail))}\n      ></figure-fasten-drawing>`\n    return html`\n      ${\n        plan.aim\n          ? html`<p fasten-sentence role=\"status\">\n              ${fastenSentenceOf(this.partId, f, plan, planeWord, (key, params) => i18next.t(key, params))}\n            </p>`\n          : html`<p hint fasten-sentence>${i18next.t('figure.text.fasten-target-first')}</p>`\n      }\n      <div question=\"what\">\n        <h4 id=\"what\">${i18next.t('figure.label.fasten-what')}</h4>\n        ${this.renderTargets(revision, f, planeWord)}\n      </div>\n      ${\n        plan.aim\n          ? html`<div question=\"face\">\n                <h4>\n                  ${\n                    /* The face asked is the target's, named: the part's own face follows from it. */ f.toPlane\n                      ? i18next.t('figure.label.fasten-face-on-plane', { plane: planeWord })\n                      : i18next.t('figure.label.fasten-face-on-part', { part: f.target })\n                  }\n                </h4>\n                ${drawing('face')}\n              </div>\n              ${\n                modes.length > 1\n                  ? html`<div question=\"how\">\n                      <h4>${i18next.t('figure.label.fasten-how')}</h4>\n                      ${drawing('how')}\n                    </div>`\n                  : nothing\n              }\n              <div question=\"detail\">\n                <details fasten-detail>\n                  <summary>\n                    ${i18next.t('figure.label.fasten-detail')}${detail.length ? html` · <span fasten-summary>${detail.join(' · ')}</span>` : nothing}\n                  </summary>\n                  ${plan.alignRows.length ? this.renderAlignment(plan.alignRows) : nothing}\n                  <div form>\n                    <span>${i18next.t('figure.label.gap')}</span>\n                    <input\n                      gap\n                      type=\"number\"\n                      step=\"any\"\n                      .value=${f.gapKept !== undefined ? '' : String(f.gap)}\n                      placeholder=${f.gapKept !== undefined ? i18next.t('figure.label.follows-expression') : ''}\n                      @change=${(e: Event) => this.set({ gap: Number((e.target as HTMLInputElement).value) || 0, gapKept: undefined })}\n                    />\n                    <span>${i18next.t('figure.label.twist')}</span>\n                    <input\n                      twist\n                      type=\"number\"\n                      step=\"any\"\n                      .value=${String(f.twist)}\n                      @change=${(e: Event) => this.set({ twist: Number((e.target as HTMLInputElement).value) || 0 })}\n                    />\n                  </div>\n                </details>\n              </div>\n              ${/* The one it has, tried unchanged: that it stays where it is goes without saying. */ JSON.stringify(plan.action ?? null) === this.opened ? nothing : this.renderPreviewWords()}`\n          : nothing\n      }\n      ${this.error ? html`<p error role=\"alert\">${this.error}</p>` : nothing}\n      <ox-popup-actions>\n        <md-text-button slot=\"cancel\" cancel @click=${this.cancel}>${i18next.t('figure.button.cancel')}</md-text-button>\n        <md-filled-button slot=\"confirm\" apply ?disabled=${this.locked || !plan.action} @click=${this.apply}>\n          ${i18next.t(held ? 'figure.button.apply' : 'figure.button.fasten')}\n        </md-filled-button>\n      </ox-popup-actions>\n    `\n  }\n\n  /**\n   * What to fasten to: the plane and the other parts, as the standard choice chips. The arrows move among them and\n   * the canvas lights the part under the focus or the pointer; a part hanging from this one is not offered, and why is\n   * said under them.\n   */\n  private renderTargets(revision: FigureRevision, f: FastenForm, planeWord: string) {\n    const chosen = f.toPlane ? PLANE : f.target\n    const targets = fastenTargetsOf(revision, this.partId)\n    const chipOf = (e: Event) =>\n      (e.composedPath().find(n => (n as Element).localName === 'md-filter-chip') as Element | undefined)?.getAttribute(\n        'data-value'\n      ) ?? null\n    return html`<ox-input-select-buttons\n        targets\n        aria-labelledby=\"what\"\n        .options=${[{ value: PLANE, display: planeWord }, ...targets.filter(t => !t.loops).map(t => ({ value: t.part, display: t.part }))]}\n        .value=${chosen || undefined}\n        ?disabled=${this.locked}\n        @change=${(e: CustomEvent) => {\n          /* A chip pressed again lets go of it; what to fasten to is always one thing once chosen. */\n          if (e.detail) this.aim(e.detail)\n          else (e.target as HTMLElement & { value?: string }).value = chosen || undefined\n        }}\n        @pointerover=${(e: Event) => this.hover(chipOf(e))}\n        @pointerleave=${() => this.hover(null)}\n        @focusin=${(e: Event) => this.hover(chipOf(e))}\n        @keyup=${(e: KeyboardEvent) => {\n          /* The arrows move the focus among the chips inside the list, which tells nothing outside it: read where it is. */\n          const at = (e.currentTarget as Element).shadowRoot?.activeElement\n          if (at?.localName === 'md-filter-chip') this.hover(at.getAttribute('data-value'))\n        }}\n      ></ox-input-select-buttons>\n      ${targets.filter(t => t.loops).map(t => html`<p hint loops target=${t.part}>${i18next.t('figure.text.target-would-loop', { part: t.part, mine: this.partId })}</p>`)}`\n  }\n\n  private aim(part: string) {\n    if (this.locked || !this.revision || !this.form) return\n    const chosen = this.form.toPlane ? PLANE : this.form.target\n    if (part === chosen) return\n    this.form = aimFasten(this.revision, this.partId, this.form, part === PLANE ? { plane: true } : { part })\n  }\n\n  /** The part under the pointer or the focus in the list, for the canvas to light; the plane lights nothing. */\n  private hover(part: string | null) {\n    const lit = part && part !== PLANE ? part : null\n    if (lit === this.hovered) return\n    this.hovered = lit\n    const face =\n      lit && this.revision && this.form\n        ? fastenPlanOf(this.revision, this.partId, aimFasten(this.revision, this.partId, this.form, { part: lit }))\n            .targetFace\n        : undefined\n    this.dispatchEvent(\n      new CustomEvent('fasten-hover', { detail: lit ? { part: lit, face } : null, bubbles: true, composed: true })\n    )\n  }\n\n  private set(change: Partial<FastenForm>) {\n    this.form = { ...this.form!, ...change }\n  }\n\n  /**\n   * Where on the target face the part sits, on the axes the drawing cannot set: centred, level with the target's edge on\n   * either side, a distance off centre, a share of the figure's size, or the position field it follows.\n   */\n  private renderAlignment(axes: { axis: Axis; edges: boolean }[]) {\n    const f = this.form!\n    const set = (axis: Axis, how: Alignment) => this.set({ align: { ...f.align, [axis]: how } })\n    const setMm = (axis: Axis, mm: number) => this.set({ alignMm: { ...f.alignMm, [axis]: mm } })\n    return html`<div form>\n      ${axes.map(({ axis, edges }) => {\n        const how =\n          f.align[axis] === 'min' || f.align[axis] === 'max'\n            ? edges\n              ? f.align[axis]!\n              : 'centre'\n            : (f.align[axis] ?? 'centre')\n        return html`<span>${i18next.t('figure.label.align-' + axis)}</span>\n          <select @change=${(e: Event) => set(axis, (e.target as HTMLSelectElement).value as Alignment)}>\n            <option value=\"centre\" ?selected=${how === 'centre'}>${i18next.t('figure.label.align-centre')}</option>\n            ${\n              edges\n                ? html`<option value=\"min\" ?selected=${how === 'min'}>\n                      ${i18next.t(`figure.label.align-${axis}-min`)}\n                    </option>\n                    <option value=\"max\" ?selected=${how === 'max'}>\n                      ${i18next.t(`figure.label.align-${axis}-max`)}\n                    </option>`\n                : nothing\n            }\n            ${\n              f.alignInput?.[axis]\n                ? html`<option value=\"input\" ?selected=${how === 'input'}>\n                    ${i18next.t('figure.label.align-input', { field: fieldWordsOf(f.alignInput[axis]!, key => i18next.t(key)) })}\n                  </option>`\n                : nothing\n            }\n            <option value=\"mm\" ?selected=${how === 'mm'}>${i18next.t('figure.label.align-mm')}</option>\n            ${\n              this.revision && hasInstanceSize(this.revision.asset, axis)\n                ? html`<option value=\"share\" ?selected=${how === 'share'}>\n                    ${i18next.t('figure.label.align-share')}\n                  </option>`\n                : nothing\n            }\n          </select>\n          ${\n            how === 'mm' || how === 'share'\n              ? html`<span></span\n                  ><input\n                    type=\"number\"\n                    step=\"any\"\n                    aria-label=${i18next.t('figure.label.align-mm')}\n                    .value=${String(f.alignMm[axis] ?? 0)}\n                    @change=${(e: Event) => setMm(axis, Number((e.target as HTMLInputElement).value) || 0)}\n                  />`\n              : nothing\n          }`\n      })}\n    </div>`\n  }\n\n  private renderPreviewWords() {\n    if (this.previewWords.length === 1) return html`<p preview-words role=\"status\">${this.previewWords[0]}</p>`\n    return this.previewWords.length\n      ? html`<ul preview-words role=\"status\">\n          ${this.previewWords.map(line => html`<li>${line}</li>`)}\n        </ul>`\n      : nothing\n  }\n\n  /** Enter applies what is chosen, Esc closes with nothing written; a key the window does not take goes on. */\n  connectedCallback() {\n    super.connectedCallback()\n    this.setAttribute('role', 'dialog')\n    this.setAttribute('aria-label', i18next.t('figure.label.fastening'))\n    this.addEventListener('keydown', this.onKey)\n    /* The popup's fitting width is the overlay's own setting; the window asks it for room for the face and the way side by side. */\n    this.closest<HTMLElement>('ox-floating-overlay')?.style.setProperty('--overlay-center-fit-width', '640px')\n  }\n\n  private onKey = async (e: KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation()\n      e.preventDefault()\n      this.cancel()\n      return\n    }\n    if (e.key !== 'Enter' || e.isComposing) return\n    const path = e.composedPath() as Element[]\n    const target = path[0] as HTMLElement\n    /* On a chip of the list Enter applies, as it does anywhere in the window; a chip is chosen by Space or a press. */\n    const onChip = path.some(n => n.localName === 'ox-input-select-buttons')\n    /* A button, a fold or a list of options does what Enter does to it. */\n    if (\n      !onChip &&\n      (target.localName === 'button' ||\n        target.localName === 'summary' ||\n        target.localName === 'select' ||\n        /^md-.*button$/.test(target.localName))\n    )\n      return\n    e.preventDefault()\n    e.stopPropagation()\n    /* A number typed and Enter: the number first, as leaving the field would take it. */\n    if (target.localName === 'input') target.dispatchEvent(new Event('change', { bubbles: true, composed: true }))\n    await this.updateComplete\n    this.apply()\n  }\n\n  private apply = () => {\n    const plan = this.revision && this.form ? fastenPlanOf(this.revision, this.partId, this.form) : undefined\n    if (this.locked || !plan?.action) return\n    this.dispatchEvent(\n      new CustomEvent('fasten-apply', { detail: { action: plan.action }, bubbles: true, composed: true })\n    )\n  }\n\n  private cancel = () => {\n    this.dispatchEvent(new CustomEvent('fasten-cancel', { bubbles: true, composed: true }))\n  }\n}\n"]}
+{"version":3,"file":"figure-fasten-dialog.js","sourceRoot":"","sources":["../../client/modeller/figure-fasten-dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/filled-button.js'\nimport '@material/web/button/text-button.js'\n\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport '@operato/input/ox-input-select-buttons.js'\nimport '@operato/popup/ox-popup-actions.js'\nimport { CommonPopupStyles } from '@operato/styles'\nimport { SidePanelStyles } from '@things-factory/figure-viewer/dist-client/side-panel-styles.js'\n\nimport './figure-fasten-drawing.js'\nimport type { FastenChange } from './figure-fasten-drawing.js'\nimport { turnsInPlace, type FastenMode } from './fasten-geometry.js'\nimport {\n  aimFasten,\n  fastenChanged,\n  fastenDetailWordsOf,\n  fastenFormOf,\n  fastenPlanOf,\n  fastenSentenceOf,\n  fastenTargetsOf,\n  type FastenForm\n} from './fasten-form.js'\nimport { fieldWordsOf, hasInstanceSize, heldBy, type Alignment, type Axis } from './links.js'\nimport type { FigureRevision } from './revision.js'\n\n/** The target list's entry for the plane the figure stands by. */\nconst PLANE = '__plane'\n\n/**\n * 붙이기 창: what the selected part is fastened to, on which face, how -- chosen with room to see it, in the standard\n * popup the editor opens (`openPopup`: its title, its close, moved by its head) (user 2026-10-17: 「속성에는 심플하고\n * 직관적인 결과 위주로, 편집은 팝업에서 넓은 공간을 써서」; 2026-10-18: the standard popup, not a window of its own).\n *\n * Everything chosen here is tried, not done: the command it comes to is told to the editor as it changes\n * (`preview-command`), and the canvas draws it. 「적용」 sends it once (`fasten-apply`), one step of the history;\n * 「취소」 and Esc close it with nothing written (`fasten-cancel`). A row of the target list under the pointer or the\n * arrows asks the canvas to light that part (`fasten-hover`). The window is the only one telling the preview while it\n * is open; the editor keeps the panel quiet.\n */\n@customElement('figure-fasten-dialog')\nexport class FigureFastenDialog extends localize(i18next)(LitElement) {\n  static styles = [\n    SidePanelStyles,\n    CommonPopupStyles,\n    css`\n      :host {\n        display: grid;\n        gap: 16px;\n        padding: var(--popup-padding, 16px);\n        overflow: auto;\n      }\n      /* The result in one line, at the top: it changes with every choice below it. */\n      p[fasten-sentence] {\n        margin: 0;\n        font-size: var(--ui-t-body, 13px);\n        font-weight: 600;\n      }\n      div[question] {\n        display: grid;\n        align-content: start;\n        gap: 6px;\n      }\n      h4 {\n        margin: 0;\n        font-size: var(--ui-t-small, 11.5px);\n        font-weight: 600;\n        color: var(--md-sys-color-on-surface-variant);\n      }\n      /* The chips are part names, identifiers: shown as they are written, not capitalized as filter words are. */\n      ox-input-select-buttons {\n        --ox-input-select-buttons-label-text-transform: none;\n      }\n      p[loops] {\n        margin: 0;\n      }\n      details[fasten-detail] {\n        margin: 0;\n      }\n      details[fasten-detail] > div[form] {\n        margin-top: 8px;\n        max-width: 320px;\n      }\n      span[fasten-summary] {\n        opacity: 0.8;\n      }\n      ul[preview-words] {\n        margin: 0;\n        padding: 8px 12px 8px 26px;\n        border-radius: 6px;\n        background: var(--md-sys-color-surface-container, #8881);\n        display: grid;\n        gap: 4px;\n      }\n      p[preview-words] {\n        margin: 0;\n        padding: 8px 12px;\n        border-radius: 6px;\n        background: var(--md-sys-color-surface-container, #8881);\n      }\n      p[error] {\n        margin: 0;\n        color: var(--md-sys-color-error);\n      }\n    `\n  ]\n\n  /** The figure at the version on screen. */\n  @property({ attribute: false }) revision?: FigureRevision\n  /** The part being fastened. */\n  @property() partId = ''\n  @property({ type: Boolean }) locked = false\n  /** What the command would do, in words (the editor works it out: `command-preview.ts`). */\n  @property({ attribute: false }) previewWords: string[] = []\n  /** Why the last 「적용」 was refused, in the editor's words. */\n  @property() error = ''\n\n  @state() private form?: FastenForm\n  /** The command the part's own fastening comes to, as opened: tried unchanged, nothing new is said of it. */\n  private opened?: string\n  private told = ''\n  private loadedFor?: string\n  private hovered: string | null = null\n\n  willUpdate() {\n    /* Opened on what the part has now; another part is another window's. */\n    if (this.revision && this.partId && this.partId !== this.loadedFor) {\n      this.loadedFor = this.partId\n      this.form = fastenFormOf(this.revision, this.partId)\n      this.opened = JSON.stringify(fastenPlanOf(this.revision, this.partId, this.form).action ?? null)\n    }\n  }\n\n  async firstUpdated() {\n    /* Into the list, on what is chosen, so the arrows go from there. */\n    const list = this.renderRoot.querySelector<HTMLElement & { updateComplete?: Promise<unknown> }>(\n      'ox-input-select-buttons'\n    )\n    await list?.updateComplete\n    const chips = list?.shadowRoot?.querySelectorAll<HTMLElement>('md-filter-chip')\n    ;([...(chips ?? [])].find(c => c.hasAttribute('selected')) ?? chips?.[0])?.focus()\n  }\n\n  updated() {\n    const plan = this.revision && this.form ? fastenPlanOf(this.revision, this.partId, this.form) : undefined\n    const candidate = plan?.action ? { action: plan.action, ...(plan.face ? { face: plan.face } : {}) } : null\n    const said = JSON.stringify(candidate)\n    if (said === this.told) return\n    this.told = said\n    this.dispatchEvent(new CustomEvent('preview-command', { detail: candidate, bubbles: true, composed: true }))\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    /* Closed: what it showed goes with it. */\n    if (this.told && this.told !== 'null')\n      this.dispatchEvent(new CustomEvent('preview-command', { detail: null, bubbles: true, composed: true }))\n    this.told = ''\n    this.hover(null)\n  }\n\n  render() {\n    const revision = this.revision\n    const f = this.form\n    if (!revision || !f) return nothing\n    const asset = revision.asset\n    const held = !!heldBy(asset, this.partId)\n    const plan = fastenPlanOf(revision, this.partId, f)\n    const planeWord = i18next.t('figure.label.resize-place-' + (asset.placement ?? 'floor'))\n    const modes: FastenMode[] = f.toPlane\n      ? ['meet']\n      : ['meet', 'flush', ...(turnsInPlace(asset, this.partId) ? (['centre'] as FastenMode[]) : [])]\n    const detail = fastenDetailWordsOf(f, (key, params) => i18next.t(key, params))\n    const drawing = (show: 'face' | 'how') =>\n      html`<figure-fasten-drawing\n        show=${show}\n        .target=${f.toPlane ? '' : f.target}\n        .planeWord=${planeWord}\n        .faces=${plan.theirFaces}\n        .face=${plan.targetFace}\n        .modes=${modes}\n        .mode=${plan.mode}\n        .view=${plan.view}\n        .align=${f.align}\n        .alignMm=${f.alignMm}\n        .gap=${f.gap}\n        .partName=${this.partId}\n        ?locked=${this.locked}\n        @fasten-change=${(e: CustomEvent<FastenChange>) => (this.form = fastenChanged(revision, this.partId, this.form!, e.detail))}\n      ></figure-fasten-drawing>`\n    return html`\n      ${\n        plan.aim\n          ? html`<p fasten-sentence role=\"status\">\n              ${fastenSentenceOf(this.partId, f, plan, planeWord, (key, params) => i18next.t(key, params))}\n            </p>`\n          : html`<p hint fasten-sentence>${i18next.t('figure.text.fasten-target-first')}</p>`\n      }\n      <div question=\"what\">\n        <h4 id=\"what\">${i18next.t('figure.label.fasten-what')}</h4>\n        ${this.renderTargets(revision, f, planeWord)}\n      </div>\n      ${\n        plan.aim\n          ? html`<div question=\"face\">\n                <h4>\n                  ${\n                    /* The face asked is the target's, named: the part's own face follows from it. */ f.toPlane\n                      ? i18next.t('figure.label.fasten-face-on-plane', { plane: planeWord })\n                      : i18next.t('figure.label.fasten-face-on-part', { part: f.target })\n                  }\n                </h4>\n                ${drawing('face')}\n              </div>\n              ${\n                modes.length > 1\n                  ? html`<div question=\"how\">\n                      <h4>${i18next.t('figure.label.fasten-how')}</h4>\n                      ${drawing('how')}\n                    </div>`\n                  : nothing\n              }\n              <div question=\"detail\">\n                <details fasten-detail>\n                  <summary>\n                    ${i18next.t('figure.label.fasten-detail')}${detail.length ? html` · <span fasten-summary>${detail.join(' · ')}</span>` : nothing}\n                  </summary>\n                  ${plan.alignRows.length ? this.renderAlignment(plan.alignRows) : nothing}\n                  <div form>\n                    <span>${i18next.t('figure.label.gap')}</span>\n                    <input\n                      gap\n                      type=\"number\"\n                      step=\"any\"\n                      .value=${f.gapKept !== undefined ? '' : String(f.gap)}\n                      placeholder=${f.gapKept !== undefined ? i18next.t('figure.label.follows-expression') : ''}\n                      @change=${(e: Event) => this.set({ gap: Number((e.target as HTMLInputElement).value) || 0, gapKept: undefined })}\n                    />\n                    <span>${i18next.t('figure.label.twist')}</span>\n                    <input\n                      twist\n                      type=\"number\"\n                      step=\"any\"\n                      .value=${String(f.twist)}\n                      @change=${(e: Event) => this.set({ twist: Number((e.target as HTMLInputElement).value) || 0 })}\n                    />\n                  </div>\n                </details>\n              </div>\n              ${/* The one it has, tried unchanged: that it stays where it is goes without saying. */ JSON.stringify(plan.action ?? null) === this.opened ? nothing : this.renderPreviewWords()}`\n          : nothing\n      }\n      ${this.error ? html`<p error role=\"alert\">${this.error}</p>` : nothing}\n      <ox-popup-actions>\n        <md-text-button slot=\"cancel\" cancel @click=${this.cancel}>${i18next.t('figure.button.cancel')}</md-text-button>\n        <md-filled-button slot=\"confirm\" apply ?disabled=${this.locked || !plan.action} @click=${this.apply}>\n          ${i18next.t(held ? 'figure.button.apply' : 'figure.button.fasten')}\n        </md-filled-button>\n      </ox-popup-actions>\n    `\n  }\n\n  /**\n   * What to fasten to: the plane and the other parts, as the standard choice chips. The arrows move among them and\n   * the canvas lights the part under the focus or the pointer; a part hanging from this one is not offered, and why is\n   * said under them.\n   */\n  private renderTargets(revision: FigureRevision, f: FastenForm, planeWord: string) {\n    const chosen = f.toPlane ? PLANE : f.target\n    const targets = fastenTargetsOf(revision, this.partId)\n    const chipOf = (e: Event) =>\n      (e.composedPath().find(n => (n as Element).localName === 'md-filter-chip') as Element | undefined)?.getAttribute(\n        'data-value'\n      ) ?? null\n    return html`<ox-input-select-buttons\n        targets\n        aria-labelledby=\"what\"\n        .options=${[{ value: PLANE, display: planeWord }, ...targets.filter(t => !t.loops).map(t => ({ value: t.part, display: t.part }))]}\n        .value=${chosen || undefined}\n        ?disabled=${this.locked}\n        @change=${(e: CustomEvent) => {\n          /* A chip pressed again lets go of it; what to fasten to is always one thing once chosen. */\n          if (e.detail) this.aim(e.detail)\n          else (e.target as HTMLElement & { value?: string }).value = chosen || undefined\n        }}\n        @pointerover=${(e: Event) => this.hover(chipOf(e))}\n        @pointerleave=${() => this.hover(null)}\n        @focusin=${(e: Event) => this.hover(chipOf(e))}\n        @keyup=${(e: KeyboardEvent) => {\n          /* The arrows move the focus among the chips inside the list, which tells nothing outside it: read where it is. */\n          const at = (e.currentTarget as Element).shadowRoot?.activeElement\n          if (at?.localName === 'md-filter-chip') this.hover(at.getAttribute('data-value'))\n        }}\n      ></ox-input-select-buttons>\n      ${this.renderLoops(targets.filter(t => t.loops).map(t => t.part))}`\n  }\n\n  /**\n   * The parts that hang from this one, in one line: a line each made a list longer than the chips (2026-10-18, :3300,\n   * the robot arm's forearm and the six parts it carries).\n   */\n  private renderLoops(parts: string[]) {\n    if (!parts.length) return nothing\n    return html`<p hint loops targets=${parts.join(',')}>\n      ${i18next.t('figure.text.target-would-loop', { part: parts.join(', '), mine: this.partId })}\n    </p>`\n  }\n\n  private aim(part: string) {\n    if (this.locked || !this.revision || !this.form) return\n    const chosen = this.form.toPlane ? PLANE : this.form.target\n    if (part === chosen) return\n    this.form = aimFasten(this.revision, this.partId, this.form, part === PLANE ? { plane: true } : { part })\n  }\n\n  /** The part under the pointer or the focus in the list, for the canvas to light; the plane lights nothing. */\n  private hover(part: string | null) {\n    const lit = part && part !== PLANE ? part : null\n    if (lit === this.hovered) return\n    this.hovered = lit\n    const face =\n      lit && this.revision && this.form\n        ? fastenPlanOf(this.revision, this.partId, aimFasten(this.revision, this.partId, this.form, { part: lit }))\n            .targetFace\n        : undefined\n    this.dispatchEvent(\n      new CustomEvent('fasten-hover', { detail: lit ? { part: lit, face } : null, bubbles: true, composed: true })\n    )\n  }\n\n  private set(change: Partial<FastenForm>) {\n    this.form = { ...this.form!, ...change }\n  }\n\n  /**\n   * Where on the target face the part sits, on the axes the drawing cannot set: centred, level with the target's edge on\n   * either side, a distance off centre, a share of the figure's size, or the position field it follows.\n   */\n  private renderAlignment(axes: { axis: Axis; edges: boolean }[]) {\n    const f = this.form!\n    const set = (axis: Axis, how: Alignment) => this.set({ align: { ...f.align, [axis]: how } })\n    const setMm = (axis: Axis, mm: number) => this.set({ alignMm: { ...f.alignMm, [axis]: mm } })\n    return html`<div form>\n      ${axes.map(({ axis, edges }) => {\n        const how =\n          f.align[axis] === 'min' || f.align[axis] === 'max'\n            ? edges\n              ? f.align[axis]!\n              : 'centre'\n            : (f.align[axis] ?? 'centre')\n        return html`<span>${i18next.t('figure.label.align-' + axis)}</span>\n          <select @change=${(e: Event) => set(axis, (e.target as HTMLSelectElement).value as Alignment)}>\n            <option value=\"centre\" ?selected=${how === 'centre'}>${i18next.t('figure.label.align-centre')}</option>\n            ${\n              edges\n                ? html`<option value=\"min\" ?selected=${how === 'min'}>\n                      ${i18next.t(`figure.label.align-${axis}-min`)}\n                    </option>\n                    <option value=\"max\" ?selected=${how === 'max'}>\n                      ${i18next.t(`figure.label.align-${axis}-max`)}\n                    </option>`\n                : nothing\n            }\n            ${\n              f.alignInput?.[axis]\n                ? html`<option value=\"input\" ?selected=${how === 'input'}>\n                    ${i18next.t('figure.label.align-input', { field: fieldWordsOf(f.alignInput[axis]!, key => i18next.t(key)) })}\n                  </option>`\n                : nothing\n            }\n            <option value=\"mm\" ?selected=${how === 'mm'}>${i18next.t('figure.label.align-mm')}</option>\n            ${\n              this.revision && hasInstanceSize(this.revision.asset, axis)\n                ? html`<option value=\"share\" ?selected=${how === 'share'}>\n                    ${i18next.t('figure.label.align-share')}\n                  </option>`\n                : nothing\n            }\n          </select>\n          ${\n            how === 'mm' || how === 'share'\n              ? html`<span></span\n                  ><input\n                    type=\"number\"\n                    step=\"any\"\n                    aria-label=${i18next.t('figure.label.align-mm')}\n                    .value=${String(f.alignMm[axis] ?? 0)}\n                    @change=${(e: Event) => setMm(axis, Number((e.target as HTMLInputElement).value) || 0)}\n                  />`\n              : nothing\n          }`\n      })}\n    </div>`\n  }\n\n  private renderPreviewWords() {\n    if (this.previewWords.length === 1) return html`<p preview-words role=\"status\">${this.previewWords[0]}</p>`\n    return this.previewWords.length\n      ? html`<ul preview-words role=\"status\">\n          ${this.previewWords.map(line => html`<li>${line}</li>`)}\n        </ul>`\n      : nothing\n  }\n\n  /** Enter applies what is chosen, Esc closes with nothing written; a key the window does not take goes on. */\n  connectedCallback() {\n    super.connectedCallback()\n    this.setAttribute('role', 'dialog')\n    this.setAttribute('aria-label', i18next.t('figure.label.fastening'))\n    this.addEventListener('keydown', this.onKey)\n    /* The popup's fitting width is the overlay's own setting; the window asks it for room for the face and the way side by side. */\n    this.closest<HTMLElement>('ox-floating-overlay')?.style.setProperty('--overlay-center-fit-width', '640px')\n  }\n\n  private onKey = async (e: KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation()\n      e.preventDefault()\n      this.cancel()\n      return\n    }\n    if (e.key !== 'Enter' || e.isComposing) return\n    const path = e.composedPath() as Element[]\n    const target = path[0] as HTMLElement\n    /* On a chip of the list Enter applies, as it does anywhere in the window; a chip is chosen by Space or a press. */\n    const onChip = path.some(n => n.localName === 'ox-input-select-buttons')\n    /* A button, a fold or a list of options does what Enter does to it. */\n    if (\n      !onChip &&\n      (target.localName === 'button' ||\n        target.localName === 'summary' ||\n        target.localName === 'select' ||\n        /^md-.*button$/.test(target.localName))\n    )\n      return\n    e.preventDefault()\n    e.stopPropagation()\n    /* A number typed and Enter: the number first, as leaving the field would take it. */\n    if (target.localName === 'input') target.dispatchEvent(new Event('change', { bubbles: true, composed: true }))\n    await this.updateComplete\n    this.apply()\n  }\n\n  private apply = () => {\n    const plan = this.revision && this.form ? fastenPlanOf(this.revision, this.partId, this.form) : undefined\n    if (this.locked || !plan?.action) return\n    this.dispatchEvent(\n      new CustomEvent('fasten-apply', { detail: { action: plan.action }, bubbles: true, composed: true })\n    )\n  }\n\n  private cancel = () => {\n    this.dispatchEvent(new CustomEvent('fasten-cancel', { bubbles: true, composed: true }))\n  }\n}\n"]}

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

@@ -56,7 +56,7 @@ export declare class FigureFastenDrawing extends FigureFastenDrawing_base {
     private gapFrom?;
     private change;
     private released;
-    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
     /** The target box, its faces pressed; or the plane. */
     private renderTarget;
     /** How: three side views; the chosen one's gap is dragged. */

package/dist-client/modeller/figure-links.d.ts

@@ -68,7 +68,7 @@ export declare class FigureLinks extends FigureLinks_base {
     willUpdate(changed: Map<string, unknown>): void;
     updated(): void;
     disconnectedCallback(): void;
-    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
     /** Where things are held on this part: a seat things rest on, or a grip things are held in. */
     private renderPlaces;
     /** The figure holds things: `Capacity` and `Holdable`, the ladder's middle rung. One part edit, one undo step. */