@things-factory/figure-ui 10.1.70 → 10.1.71

package/translations/ja.json

@@ -202,30 +202,45 @@
   "figure.text.size-declared-to-follow": "the figure size to follow was set from its parts: {x} × {y} × {z} mm.",
   "figure.label.recipes": "recipes",
   "figure.text.recipe-needs-a-part": "choose the part to put it on first.",
-  "figure.text.recipe-onto": "onto {part}.",
   "figure.button.insert-recipe": "put in",
-  "figure.text.recipes-intro": "a recipe is a group of parts made often -- a door, a roller row. In the modeller, choose a part and put it in at once.",
-  "figure.text.recipes-empty": "no recipes yet.",
-  "figure.label.recipe-draft": "draft",
-  "figure.label.recipe-inherited": "parent domain",
-  "figure.text.recipe-target-part": "put onto a chosen part",
-  "figure.text.recipe-target-figure": "put onto the whole figure",
-  "figure.text.recipe-own": "this domain's recipe",
-  "figure.text.recipe-inherited": "the {domain} domain's recipe; copy it here to change it",
-  "figure.label.recipe-param": "value",
-  "figure.label.recipe-default": "default",
-  "figure.label.recipe-range": "range",
-  "figure.label.yes": "yes",
-  "figure.label.no": "no",
-  "figure.button.recipe-release": "release",
-  "figure.button.recipe-to-draft": "back to draft",
-  "figure.button.recipe-delete": "delete",
-  "figure.button.recipe-copy-in": "copy to this domain",
-  "figure.button.recipe-edit-source": "source (JSON)",
-  "figure.text.recipe-edit-source": "saved, it is put into an empty room first and not saved if it does not go in. A new name makes a new recipe.",
-  "figure.text.recipe-preview": "put into a 4 x 3 x 6 m room with its defaults, shown with the room resized.",
-  "figure.text.recipe-delete-confirm": "delete the {name} recipe. figures already made with it do not change.",
-  "figure.title.recipes": "recipes",
+  "figure.label.recipe-catalog": "recipe catalog",
+  "figure.text.recipe-search": "find by name, description or tag",
+  "figure.label.recipe-all": "all",
+  "figure.label.recipe-category-door": "doors and openings",
+  "figure.label.recipe-category-conveyor": "conveying",
+  "figure.label.recipe-category-support": "supports and structure",
+  "figure.label.recipe-category-safety": "safety",
+  "figure.label.recipe-category-signal": "signals and lights",
+  "figure.label.recipe-category-control": "controls and electrical",
+  "figure.label.recipe-category-handling": "handling",
+  "figure.label.recipe-category-storage": "storage and containers",
+  "figure.label.recipe-category-utility": "piping and utilities",
+  "figure.label.recipe-category-space": "space and building",
+  "figure.label.recipe-category-other": "other",
+  "figure.label.recipe-adds": "what it puts in",
+  "figure.text.recipe-parts": "{parts} parts",
+  "figure.text.recipe-slides": "{part}: slides",
+  "figure.text.recipe-turns": "{part}: turns",
+  "figure.text.recipe-moves-with": "{part}: moves with {leader}",
+  "figure.text.recipe-controls": "moved by {count} control(s)",
+  "figure.text.recipe-shown-by-control": "{parts}: shown by a control",
+  "figure.text.recipe-row": "{part}: a row along the part's length",
+  "figure.text.recipe-onto-chosen": "fastened to the chosen part, following its size",
+  "figure.text.recipe-onto-figure": "put onto the whole figure",
+  "figure.label.recipe-values": "values",
+  "figure.button.insert-recipe-onto": "put onto {part}",
+  "figure.button.open-recipe-catalog": "recipe catalog ({count})",
+  "figure.label.primitive-hollow-box": "tote",
+  "figure.label.field-roundX": "corner X",
+  "figure.label.field-roundZ": "corner Z",
+  "figure.label.field-wallX": "wall X",
+  "figure.label.field-wallZ": "wall Z",
+  "figure.label.field-floor": "floor",
+  "figure.label.face-inside-bottom": "inside bottom",
+  "figure.label.face-inside-left": "inside left",
+  "figure.label.face-inside-right": "inside right",
+  "figure.label.face-inside-back": "inside back",
+  "figure.label.face-inside-front": "inside front",
   "figure.label.placement": "取り付け",
   "figure.label.placement-ceiling": "天井基準 (ceiling)",
   "figure.label.placement-center": "中心基準 (center)",

package/translations/ko.json

@@ -202,30 +202,45 @@
   "figure.text.size-declared-to-follow": "따라갈 도형 크기를 부품에 맞춰 {x} × {y} × {z} mm 로 정했습니다.",
   "figure.label.recipes": "조각",
   "figure.text.recipe-needs-a-part": "붙일 부품을 먼저 고르세요.",
-  "figure.text.recipe-onto": "{part} 에 넣습니다.",
   "figure.button.insert-recipe": "넣기",
-  "figure.text.recipes-intro": "조각은 문 · 롤러 줄처럼 자주 만드는 부품 묶음입니다. 모델러에서 부품을 고르고 한 번에 넣습니다.",
-  "figure.text.recipes-empty": "아직 조각이 없습니다.",
-  "figure.label.recipe-draft": "초안",
-  "figure.label.recipe-inherited": "상위 도메인",
-  "figure.text.recipe-target-part": "고른 부품에 넣습니다",
-  "figure.text.recipe-target-figure": "도형 전체에 넣습니다",
-  "figure.text.recipe-own": "이 도메인의 조각입니다",
-  "figure.text.recipe-inherited": "{domain} 도메인의 조각입니다. 고치려면 이 도메인으로 복사합니다",
-  "figure.label.recipe-param": "값",
-  "figure.label.recipe-default": "기본값",
-  "figure.label.recipe-range": "범위",
-  "figure.label.yes": "예",
-  "figure.label.no": "아니오",
-  "figure.button.recipe-release": "발행",
-  "figure.button.recipe-to-draft": "초안으로",
-  "figure.button.recipe-delete": "삭제",
-  "figure.button.recipe-copy-in": "이 도메인으로 복사",
-  "figure.button.recipe-edit-source": "원본 (JSON)",
-  "figure.text.recipe-edit-source": "저장하면 빈 방에 넣어 보고, 들어가지 않으면 저장하지 않습니다. 이름을 바꾸면 새 조각이 됩니다.",
-  "figure.text.recipe-preview": "4 × 3 × 6 m 방에 기본값으로 넣은 모습입니다. 크기를 바꾼 방과 함께 보입니다.",
-  "figure.text.recipe-delete-confirm": "{name} 조각을 지웁니다. 이 조각으로 이미 만든 도형은 바뀌지 않습니다.",
-  "figure.title.recipes": "조각",
+  "figure.label.recipe-catalog": "조각 카탈로그",
+  "figure.text.recipe-search": "이름 · 설명 · 태그로 찾기",
+  "figure.label.recipe-all": "전체",
+  "figure.label.recipe-category-door": "문 · 개구부",
+  "figure.label.recipe-category-conveyor": "반송",
+  "figure.label.recipe-category-support": "받침 · 구조",
+  "figure.label.recipe-category-safety": "안전",
+  "figure.label.recipe-category-signal": "표시 · 조명",
+  "figure.label.recipe-category-control": "조작 · 전기",
+  "figure.label.recipe-category-handling": "이송 장치",
+  "figure.label.recipe-category-storage": "저장 · 용기",
+  "figure.label.recipe-category-utility": "배관 · 유틸리티",
+  "figure.label.recipe-category-space": "공간 · 건축",
+  "figure.label.recipe-category-other": "기타",
+  "figure.label.recipe-adds": "넣는 것",
+  "figure.text.recipe-parts": "부품 {parts}개",
+  "figure.text.recipe-slides": "{part}: 미끄러짐",
+  "figure.text.recipe-turns": "{part}: 회전",
+  "figure.text.recipe-moves-with": "{part}: {leader} 를 따라 움직임",
+  "figure.text.recipe-controls": "조작값 {count}개로 움직임",
+  "figure.text.recipe-shown-by-control": "{parts}: 조작값에 따라 보임",
+  "figure.text.recipe-row": "{part}: 부품 길이를 따라 줄로 늘어섬",
+  "figure.text.recipe-onto-chosen": "고른 부품에 붙고, 그 크기를 따라감",
+  "figure.text.recipe-onto-figure": "도형 전체에 넣음",
+  "figure.label.recipe-values": "고를 값",
+  "figure.button.insert-recipe-onto": "{part} 에 넣기",
+  "figure.button.open-recipe-catalog": "조각 카탈로그 ({count})",
+  "figure.label.primitive-hollow-box": "통",
+  "figure.label.field-roundX": "모서리 X",
+  "figure.label.field-roundZ": "모서리 Z",
+  "figure.label.field-wallX": "벽 두께 X",
+  "figure.label.field-wallZ": "벽 두께 Z",
+  "figure.label.field-floor": "바닥 두께",
+  "figure.label.face-inside-bottom": "안쪽 바닥",
+  "figure.label.face-inside-left": "안쪽 왼쪽",
+  "figure.label.face-inside-right": "안쪽 오른쪽",
+  "figure.label.face-inside-back": "안쪽 뒤",
+  "figure.label.face-inside-front": "안쪽 앞",
   "figure.label.placement": "붙이기",
   "figure.label.placement-ceiling": "천장 기반 (ceiling)",
   "figure.label.placement-center": "중심 기반 (center)",

package/translations/ms.json

@@ -202,30 +202,45 @@
   "figure.text.size-declared-to-follow": "the figure size to follow was set from its parts: {x} × {y} × {z} mm.",
   "figure.label.recipes": "recipes",
   "figure.text.recipe-needs-a-part": "choose the part to put it on first.",
-  "figure.text.recipe-onto": "onto {part}.",
   "figure.button.insert-recipe": "put in",
-  "figure.text.recipes-intro": "a recipe is a group of parts made often -- a door, a roller row. In the modeller, choose a part and put it in at once.",
-  "figure.text.recipes-empty": "no recipes yet.",
-  "figure.label.recipe-draft": "draft",
-  "figure.label.recipe-inherited": "parent domain",
-  "figure.text.recipe-target-part": "put onto a chosen part",
-  "figure.text.recipe-target-figure": "put onto the whole figure",
-  "figure.text.recipe-own": "this domain's recipe",
-  "figure.text.recipe-inherited": "the {domain} domain's recipe; copy it here to change it",
-  "figure.label.recipe-param": "value",
-  "figure.label.recipe-default": "default",
-  "figure.label.recipe-range": "range",
-  "figure.label.yes": "yes",
-  "figure.label.no": "no",
-  "figure.button.recipe-release": "release",
-  "figure.button.recipe-to-draft": "back to draft",
-  "figure.button.recipe-delete": "delete",
-  "figure.button.recipe-copy-in": "copy to this domain",
-  "figure.button.recipe-edit-source": "source (JSON)",
-  "figure.text.recipe-edit-source": "saved, it is put into an empty room first and not saved if it does not go in. A new name makes a new recipe.",
-  "figure.text.recipe-preview": "put into a 4 x 3 x 6 m room with its defaults, shown with the room resized.",
-  "figure.text.recipe-delete-confirm": "delete the {name} recipe. figures already made with it do not change.",
-  "figure.title.recipes": "recipes",
+  "figure.label.recipe-catalog": "recipe catalog",
+  "figure.text.recipe-search": "find by name, description or tag",
+  "figure.label.recipe-all": "all",
+  "figure.label.recipe-category-door": "doors and openings",
+  "figure.label.recipe-category-conveyor": "conveying",
+  "figure.label.recipe-category-support": "supports and structure",
+  "figure.label.recipe-category-safety": "safety",
+  "figure.label.recipe-category-signal": "signals and lights",
+  "figure.label.recipe-category-control": "controls and electrical",
+  "figure.label.recipe-category-handling": "handling",
+  "figure.label.recipe-category-storage": "storage and containers",
+  "figure.label.recipe-category-utility": "piping and utilities",
+  "figure.label.recipe-category-space": "space and building",
+  "figure.label.recipe-category-other": "other",
+  "figure.label.recipe-adds": "what it puts in",
+  "figure.text.recipe-parts": "{parts} parts",
+  "figure.text.recipe-slides": "{part}: slides",
+  "figure.text.recipe-turns": "{part}: turns",
+  "figure.text.recipe-moves-with": "{part}: moves with {leader}",
+  "figure.text.recipe-controls": "moved by {count} control(s)",
+  "figure.text.recipe-shown-by-control": "{parts}: shown by a control",
+  "figure.text.recipe-row": "{part}: a row along the part's length",
+  "figure.text.recipe-onto-chosen": "fastened to the chosen part, following its size",
+  "figure.text.recipe-onto-figure": "put onto the whole figure",
+  "figure.label.recipe-values": "values",
+  "figure.button.insert-recipe-onto": "put onto {part}",
+  "figure.button.open-recipe-catalog": "recipe catalog ({count})",
+  "figure.label.primitive-hollow-box": "tote",
+  "figure.label.field-roundX": "corner X",
+  "figure.label.field-roundZ": "corner Z",
+  "figure.label.field-wallX": "wall X",
+  "figure.label.field-wallZ": "wall Z",
+  "figure.label.field-floor": "floor",
+  "figure.label.face-inside-bottom": "inside bottom",
+  "figure.label.face-inside-left": "inside left",
+  "figure.label.face-inside-right": "inside right",
+  "figure.label.face-inside-back": "inside back",
+  "figure.label.face-inside-front": "inside front",
   "figure.label.placement": "lekatan",
   "figure.label.placement-ceiling": "berasaskan siling (ceiling)",
   "figure.label.placement-center": "berasaskan pusat (center)",

package/translations/zh.json

@@ -202,30 +202,45 @@
   "figure.text.size-declared-to-follow": "the figure size to follow was set from its parts: {x} × {y} × {z} mm.",
   "figure.label.recipes": "recipes",
   "figure.text.recipe-needs-a-part": "choose the part to put it on first.",
-  "figure.text.recipe-onto": "onto {part}.",
   "figure.button.insert-recipe": "put in",
-  "figure.text.recipes-intro": "a recipe is a group of parts made often -- a door, a roller row. In the modeller, choose a part and put it in at once.",
-  "figure.text.recipes-empty": "no recipes yet.",
-  "figure.label.recipe-draft": "draft",
-  "figure.label.recipe-inherited": "parent domain",
-  "figure.text.recipe-target-part": "put onto a chosen part",
-  "figure.text.recipe-target-figure": "put onto the whole figure",
-  "figure.text.recipe-own": "this domain's recipe",
-  "figure.text.recipe-inherited": "the {domain} domain's recipe; copy it here to change it",
-  "figure.label.recipe-param": "value",
-  "figure.label.recipe-default": "default",
-  "figure.label.recipe-range": "range",
-  "figure.label.yes": "yes",
-  "figure.label.no": "no",
-  "figure.button.recipe-release": "release",
-  "figure.button.recipe-to-draft": "back to draft",
-  "figure.button.recipe-delete": "delete",
-  "figure.button.recipe-copy-in": "copy to this domain",
-  "figure.button.recipe-edit-source": "source (JSON)",
-  "figure.text.recipe-edit-source": "saved, it is put into an empty room first and not saved if it does not go in. A new name makes a new recipe.",
-  "figure.text.recipe-preview": "put into a 4 x 3 x 6 m room with its defaults, shown with the room resized.",
-  "figure.text.recipe-delete-confirm": "delete the {name} recipe. figures already made with it do not change.",
-  "figure.title.recipes": "recipes",
+  "figure.label.recipe-catalog": "recipe catalog",
+  "figure.text.recipe-search": "find by name, description or tag",
+  "figure.label.recipe-all": "all",
+  "figure.label.recipe-category-door": "doors and openings",
+  "figure.label.recipe-category-conveyor": "conveying",
+  "figure.label.recipe-category-support": "supports and structure",
+  "figure.label.recipe-category-safety": "safety",
+  "figure.label.recipe-category-signal": "signals and lights",
+  "figure.label.recipe-category-control": "controls and electrical",
+  "figure.label.recipe-category-handling": "handling",
+  "figure.label.recipe-category-storage": "storage and containers",
+  "figure.label.recipe-category-utility": "piping and utilities",
+  "figure.label.recipe-category-space": "space and building",
+  "figure.label.recipe-category-other": "other",
+  "figure.label.recipe-adds": "what it puts in",
+  "figure.text.recipe-parts": "{parts} parts",
+  "figure.text.recipe-slides": "{part}: slides",
+  "figure.text.recipe-turns": "{part}: turns",
+  "figure.text.recipe-moves-with": "{part}: moves with {leader}",
+  "figure.text.recipe-controls": "moved by {count} control(s)",
+  "figure.text.recipe-shown-by-control": "{parts}: shown by a control",
+  "figure.text.recipe-row": "{part}: a row along the part's length",
+  "figure.text.recipe-onto-chosen": "fastened to the chosen part, following its size",
+  "figure.text.recipe-onto-figure": "put onto the whole figure",
+  "figure.label.recipe-values": "values",
+  "figure.button.insert-recipe-onto": "put onto {part}",
+  "figure.button.open-recipe-catalog": "recipe catalog ({count})",
+  "figure.label.primitive-hollow-box": "tote",
+  "figure.label.field-roundX": "corner X",
+  "figure.label.field-roundZ": "corner Z",
+  "figure.label.field-wallX": "wall X",
+  "figure.label.field-wallZ": "wall Z",
+  "figure.label.field-floor": "floor",
+  "figure.label.face-inside-bottom": "inside bottom",
+  "figure.label.face-inside-left": "inside left",
+  "figure.label.face-inside-right": "inside right",
+  "figure.label.face-inside-back": "inside back",
+  "figure.label.face-inside-front": "inside front",
   "figure.label.placement": "附着",
   "figure.label.placement-ceiling": "天花板基准 (ceiling)",
   "figure.label.placement-center": "中心基准 (center)",

package/client/pages/figure-recipe-page.ts

@@ -1,338 +0,0 @@
-import '@material/web/icon/icon.js'
-import '../modeller/figure-v3-preview.js'
-
-import { css, html, nothing } from 'lit'
-import { customElement, state } from 'lit/decorators.js'
-
-import { i18next, localize } from '@operato/i18n'
-import { PageView } from '@operato/shell'
-import { OxPrompt } from '@operato/popup'
-import { ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'
-import { applyV3Recipe, parseV3Recipe, v3RecipeTestRoom } from '@hatiolab/figure-model'
-import type { V3Asset, V3Recipe } from '@hatiolab/figure-model'
-
-import { deleteFigureRecipe, fetchFigureRecipeRows, saveFigureRecipe, setFigureRecipeState, type FigureRecipeRow } from '../graphql/index.js'
-import { paramRangeOf, recipeFieldOf, recipeIsOwn, recipesOf, recipeWord, subdomainOf } from '../modeller/v3-recipes.js'
-
-/**
- * The recipes (ADR-0095): what each one puts in, shown put into a room at several sizes, and whose it is.
- *
- * A recipe of this domain's own can be released, taken back to draft, changed or deleted. A parent's -- the ones the
- * system domain ships -- is copied in under its name to be changed, and the copy stands in for it. Figures a recipe was
- * put into keep their parts whatever happens here.
- */
-@customElement('figure-recipe-page')
-export class FigureRecipePage extends localize(i18next)(PageView) {
-  static styles = [
-    WorkSurfacePageStyles,
-    ScrollbarStyles,
-    css`
-      :host {
-        display: grid;
-        grid-template-columns: minmax(220px, 280px) 1fr;
-        background-color: var(--md-sys-color-surface);
-        color: var(--md-sys-color-on-surface);
-        font-size: 0.85rem;
-      }
-      @container (max-width: 640px) {
-        :host {
-          grid-template-columns: 1fr;
-        }
-      }
-      nav {
-        overflow: auto;
-        border-right: 1px solid var(--md-sys-color-outline-variant);
-        padding: 8px;
-      }
-      nav p[intro] {
-        margin: 4px 4px 10px;
-        color: var(--md-sys-color-on-surface-variant);
-        line-height: 1.5;
-      }
-      button[row] {
-        display: grid;
-        gap: 2px;
-        width: 100%;
-        padding: 8px 10px;
-        text-align: left;
-        font: inherit;
-        color: inherit;
-        background: none;
-        border: none;
-        border-radius: 8px;
-        cursor: pointer;
-      }
-      button[row][on] {
-        background: var(--md-sys-color-secondary-container);
-        color: var(--md-sys-color-on-secondary-container);
-      }
-      button[row] small {
-        display: flex;
-        gap: 6px;
-        color: var(--md-sys-color-on-surface-variant);
-      }
-      span[chip] {
-        padding: 0 6px;
-        border-radius: 999em;
-        border: 1px solid var(--md-sys-color-outline-variant);
-        font-size: 0.7rem;
-      }
-      span[chip][draft] {
-        color: var(--md-sys-color-tertiary);
-        border-color: var(--md-sys-color-tertiary);
-      }
-      main {
-        overflow: auto;
-        padding: 12px 16px;
-        display: grid;
-        gap: 12px;
-        align-content: start;
-      }
-      main h2 {
-        margin: 0;
-        font-size: var(--ui-t-title, 16px);
-      }
-      main p {
-        margin: 0;
-        line-height: 1.5;
-      }
-      p[muted] {
-        color: var(--md-sys-color-on-surface-variant);
-      }
-      table {
-        border-collapse: collapse;
-        width: 100%;
-        max-width: 720px;
-      }
-      th,
-      td {
-        text-align: left;
-        padding: 4px 8px;
-        border-bottom: 1px solid var(--md-sys-color-outline-variant);
-      }
-      figure-v3-preview {
-        height: 420px;
-        border: 1px solid var(--md-sys-color-outline-variant);
-        border-radius: 8px;
-        overflow: hidden;
-      }
-      div[actions] {
-        display: flex;
-        flex-wrap: wrap;
-        gap: 8px;
-      }
-      div[actions] button {
-        display: inline-flex;
-        align-items: center;
-        gap: 4px;
-        padding: 6px 12px;
-        font: inherit;
-        color: var(--md-sys-color-on-surface);
-        background: none;
-        border: 1px solid var(--md-sys-color-outline-variant);
-        border-radius: 999em;
-        cursor: pointer;
-      }
-      div[actions] button[primary] {
-        color: var(--md-sys-color-on-primary);
-        background: var(--md-sys-color-primary);
-        border-color: transparent;
-      }
-      div[actions] button[danger] {
-        color: var(--md-sys-color-error);
-        border-color: var(--md-sys-color-error);
-      }
-      p[role='alert'] {
-        padding: 8px;
-        white-space: pre-wrap;
-        color: var(--md-sys-color-on-error-container);
-        background: var(--md-sys-color-error-container);
-        border-radius: 8px;
-      }
-      textarea {
-        width: 100%;
-        min-height: 320px;
-        font: 0.78rem/1.4 monospace;
-        box-sizing: border-box;
-      }
-    `
-  ]
-
-  @state() private rows: FigureRecipeRow[] = []
-  @state() private chosen = ''
-  @state() private error = ''
-  @state() private editing = false
-  @state() private text = ''
-
-  get context() {
-    return { title: i18next.t('figure.title.recipes') }
-  }
-
-  async pageUpdated(_changes: Record<string, unknown>, _lifecycle: unknown, before: { active?: boolean }) {
-    if (this.active && !before?.active) await this.read()
-  }
-
-  private async read() {
-    try {
-      this.rows = await fetchFigureRecipeRows()
-      if (!this.rows.some(r => r.name === this.chosen)) this.chosen = this.rows[0]?.name ?? ''
-      this.error = ''
-    } catch (error) {
-      this.error = error instanceof Error ? error.message : String(error)
-    }
-  }
-
-  private get subdomain() {
-    return subdomainOf(location.pathname)
-  }
-
-  render() {
-    const language = i18next.language || 'en'
-    const recipes = recipesOf(this.rows)
-    const row = this.rows.find(r => r.name === this.chosen)
-    const recipe = recipes.find(r => r.name === this.chosen)
-    return html`
-      <nav>
-        <p intro>${i18next.t('figure.text.recipes-intro')}</p>
-        ${this.rows.map(one => {
-          const r = recipes.find(x => x.name === one.name)
-          return html`<button row ?on=${one.name === this.chosen} @click=${() => this.choose(one.name)}>
-            <span>${r ? recipeWord(r.title, language) : one.name}</span>
-            <small>
-              <span>${one.name}</span>
-              ${one.state === 'draft' ? html`<span chip draft>${i18next.t('figure.label.recipe-draft')}</span>` : nothing}
-              ${recipeIsOwn(one, this.subdomain) ? nothing : html`<span chip>${i18next.t('figure.label.recipe-inherited')}</span>`}
-            </small>
-          </button>`
-        })}
-      </nav>
-      <main>
-        ${this.error ? html`<p role="alert">${this.error}</p>` : nothing}
-        ${row && recipe ? this.renderRecipe(row, recipe, language) : html`<p muted>${i18next.t('figure.text.recipes-empty')}</p>`}
-      </main>
-    `
-  }
-
-  private renderRecipe(row: FigureRecipeRow, recipe: V3Recipe, language: string) {
-    const own = recipeIsOwn(row, this.subdomain)
-    return html`
-      <h2>${recipeWord(recipe.title, language)}</h2>
-      <p>${recipeWord(recipe.description, language)}</p>
-      <p muted>
-        ${i18next.t(recipe.target === 'part' ? 'figure.text.recipe-target-part' : 'figure.text.recipe-target-figure')} ·
-        ${i18next.t(own ? 'figure.text.recipe-own' : 'figure.text.recipe-inherited', { domain: row.domain?.subdomain ?? '' })}
-      </p>
-      <table>
-        <thead>
-          <tr>
-            <th>${i18next.t('figure.label.recipe-param')}</th>
-            <th>${i18next.t('figure.label.recipe-default')}</th>
-            <th>${i18next.t('figure.label.recipe-range')}</th>
-          </tr>
-        </thead>
-        <tbody>
-          ${recipe.params.map(
-            p => html`<tr>
-              <td>${recipeWord(p.label, language) || p.name}</td>
-              <td>${p.kind === 'flag' ? i18next.t(p.default ? 'figure.label.yes' : 'figure.label.no') : recipeFieldOf(p, p.default)}${p.kind === 'ratio' ? ' %' : ''}</td>
-              <td>${paramRangeOf(p)}</td>
-            </tr>`
-          )}
-        </tbody>
-      </table>
-      ${this.renderPreview(recipe)}
-      <div actions>
-        ${own
-          ? html`${row.state === 'draft'
-                ? html`<button primary @click=${() => this.setState(row.name, 'released')}>${i18next.t('figure.button.recipe-release')}</button>`
-                : html`<button @click=${() => this.setState(row.name, 'draft')}>${i18next.t('figure.button.recipe-to-draft')}</button>`}
-              <button danger @click=${() => this.deleteRecipe(row.name)}><md-icon>delete</md-icon>${i18next.t('figure.button.recipe-delete')}</button>`
-          : html`<button primary @click=${() => this.copyIn(row)}>${i18next.t('figure.button.recipe-copy-in')}</button>`}
-        <button @click=${() => this.edit(row)}><md-icon>data_object</md-icon>${i18next.t('figure.button.recipe-edit-source')}</button>
-      </div>
-      ${this.editing
-        ? html`<p muted>${i18next.t('figure.text.recipe-edit-source')}</p>
-            <textarea .value=${this.text} @input=${(e: Event) => (this.text = (e.target as HTMLTextAreaElement).value)}></textarea>
-            <div actions>
-              <button primary @click=${() => this.saveText(own ? row.state : 'draft')}>${i18next.t('figure.button.save')}</button>
-              <button @click=${() => (this.editing = false)}>${i18next.t('figure.button.close')}</button>
-            </div>`
-        : nothing}
-    `
-  }
-
-  /** The recipe put into the room it is checked in, with its defaults: what it makes, at several sizes. */
-  private renderPreview(recipe: V3Recipe) {
-    let asset: V3Asset
-    try {
-      const room = v3RecipeTestRoom()
-      asset = applyV3Recipe(room.asset, parseV3Recipe(recipe), recipe.target === 'part' ? { target: room.target } : {}).asset
-    } catch (error) {
-      return html`<p role="alert">${error instanceof Error ? error.message : String(error)}</p>`
-    }
-    return html`<p muted>${i18next.t('figure.text.recipe-preview')}</p>
-      <figure-v3-preview .asset=${asset} .context=${`recipe:${recipe.name}`}></figure-v3-preview>`
-  }
-
-  private choose(name: string) {
-    this.chosen = name
-    this.editing = false
-    this.error = ''
-  }
-
-  private edit(row: FigureRecipeRow) {
-    this.editing = !this.editing
-    try {
-      this.text = JSON.stringify(JSON.parse(row.source), null, 2)
-    } catch {
-      this.text = row.source
-    }
-  }
-
-  private async run(action: () => Promise<unknown>) {
-    try {
-      await action()
-      this.error = ''
-      await this.read()
-    } catch (error) {
-      this.error = error instanceof Error ? error.message : String(error)
-    }
-  }
-
-  private setState(name: string, state: 'draft' | 'released') {
-    return this.run(() => setFigureRecipeState(name, state))
-  }
-
-  /* The app's own prompt, as every operato screen asks -- not the browser's confirm box (user, 2026-09-24). */
-  private async deleteRecipe(name: string) {
-    const sure = await OxPrompt.open({
-      type: 'warning',
-      title: i18next.t('figure.button.recipe-delete'),
-      text: i18next.t('figure.text.recipe-delete-confirm', { name }),
-      confirmButton: { text: i18next.t('figure.button.recipe-delete') },
-      cancelButton: { text: i18next.t('figure.button.close') }
-    })
-    if (sure) await this.run(() => deleteFigureRecipe(name))
-  }
-
-  /** A parent's recipe copied into this domain as a draft, to be changed here. */
-  private copyIn(row: FigureRecipeRow) {
-    return this.run(() => saveFigureRecipe(row.source, 'draft'))
-  }
-
-  /** The source as typed: checked by the server in the test room; a new name is a new recipe. */
-  private async saveText(state: 'draft' | 'released') {
-    let name = ''
-    try {
-      name = JSON.parse(this.text).name ?? ''
-    } catch (error) {
-      this.error = error instanceof Error ? error.message : String(error)
-      return
-    }
-    await this.run(async () => {
-      await saveFigureRecipe(this.text, state)
-      this.chosen = name
-      this.editing = false
-    })
-  }
-}