@things-factory/figure-ui 10.1.70 → 10.1.72

package/dist-client/pages/figure-recipe-page.js

@@ -1,352 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-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 { deleteFigureRecipe, fetchFigureRecipeRows, saveFigureRecipe, setFigureRecipeState } 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.
- */
-let FigureRecipePage = class FigureRecipePage extends localize(i18next)(PageView) {
-    constructor() {
-        super(...arguments);
-        this.rows = [];
-        this.chosen = '';
-        this.error = '';
-        this.editing = false;
-        this.text = '';
-    }
-    static { this.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;
-      }
-    `
-    ]; }
-    get context() {
-        return { title: i18next.t('figure.title.recipes') };
-    }
-    async pageUpdated(_changes, _lifecycle, before) {
-        if (this.active && !before?.active)
-            await this.read();
-    }
-    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);
-        }
-    }
-    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>
-    `;
-    }
-    renderRecipe(row, recipe, language) {
-        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) => (this.text = e.target.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. */
-    renderPreview(recipe) {
-        let asset;
-        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>`;
-    }
-    choose(name) {
-        this.chosen = name;
-        this.editing = false;
-        this.error = '';
-    }
-    edit(row) {
-        this.editing = !this.editing;
-        try {
-            this.text = JSON.stringify(JSON.parse(row.source), null, 2);
-        }
-        catch {
-            this.text = row.source;
-        }
-    }
-    async run(action) {
-        try {
-            await action();
-            this.error = '';
-            await this.read();
-        }
-        catch (error) {
-            this.error = error instanceof Error ? error.message : String(error);
-        }
-    }
-    setState(name, state) {
-        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). */
-    async deleteRecipe(name) {
-        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. */
-    copyIn(row) {
-        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. */
-    async saveText(state) {
-        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;
-        });
-    }
-};
-__decorate([
-    state(),
-    __metadata("design:type", Array)
-], FigureRecipePage.prototype, "rows", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], FigureRecipePage.prototype, "chosen", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], FigureRecipePage.prototype, "error", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], FigureRecipePage.prototype, "editing", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], FigureRecipePage.prototype, "text", void 0);
-FigureRecipePage = __decorate([
-    customElement('figure-recipe-page')
-], FigureRecipePage);
-export { FigureRecipePage };
-//# sourceMappingURL=figure-recipe-page.js.map

package/dist-client/pages/figure-recipe-page.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"figure-recipe-page.js","sourceRoot":"","sources":["../../client/pages/figure-recipe-page.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,kCAAkC,CAAA;AAEzC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAExD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AACxE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAGvF,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,oBAAoB,EAAwB,MAAM,qBAAqB,CAAA;AAC7I,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAExH;;;;;;GAMG;AAEI,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC;IAA1D;;QAwIY,SAAI,GAAsB,EAAE,CAAA;QAC5B,WAAM,GAAG,EAAE,CAAA;QACX,UAAK,GAAG,EAAE,CAAA;QACV,YAAO,GAAG,KAAK,CAAA;QACf,SAAI,GAAG,EAAE,CAAA;IA6K5B,CAAC;aAxTQ,WAAM,GAAG;QACd,qBAAqB;QACrB,eAAe;QACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiIF;KACF,AArIY,CAqIZ;IAQD,IAAI,OAAO;QACT,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,EAAE,CAAA;IACrD,CAAC;IAED,KAAK,CAAC,WAAW,CAAC,QAAiC,EAAE,UAAmB,EAAE,MAA4B;QACpG,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,MAAM;YAAE,MAAM,IAAI,CAAC,IAAI,EAAE,CAAA;IACvD,CAAC;IAEO,KAAK,CAAC,IAAI;QAChB,IAAI,CAAC;YACH,IAAI,CAAC,IAAI,GAAG,MAAM,qBAAqB,EAAE,CAAA;YACzC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,MAAM,CAAC;gBAAE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,EAAE,CAAA;YACxF,IAAI,CAAC,KAAK,GAAG,EAAE,CAAA;QACjB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,KAAK,GAAG,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QACrE,CAAC;IACH,CAAC;IAED,IAAY,SAAS;QACnB,OAAO,WAAW,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;IACvC,CAAC;IAED,MAAM;QACJ,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAA;QACzC,MAAM,OAAO,GAAG,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QACpC,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,MAAM,CAAC,CAAA;QACvD,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,MAAM,CAAC,CAAA;QACxD,OAAO,IAAI,CAAA;;mBAEI,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC;UAC/C,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;YACpB,MAAM,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,IAAI,CAAC,CAAA;YAChD,OAAO,IAAI,CAAA,mBAAmB,GAAG,CAAC,IAAI,KAAK,IAAI,CAAC,MAAM,WAAW,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;oBAClF,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI;;sBAE1C,GAAG,CAAC,IAAI;gBACd,GAAG,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,oBAAoB,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;gBACzG,WAAW,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,cAAc,OAAO,CAAC,CAAC,CAAC,+BAA+B,CAAC,SAAS;;oBAE9G,CAAA;QACZ,CAAC,CAAC;;;UAGA,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,mBAAmB,IAAI,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO;UAC9D,GAAG,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,YAAY,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC,MAAM;;KAE5H,CAAA;IACH,CAAC;IAEO,YAAY,CAAC,GAAoB,EAAE,MAAgB,EAAE,QAAgB;QAC3E,MAAM,GAAG,GAAG,WAAW,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,CAAA;QAC5C,OAAO,IAAI,CAAA;YACH,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC;WACnC,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC;;UAEzC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,kCAAkC,CAAC;UAC3G,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,8BAA8B,EAAE,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,IAAI,EAAE,EAAE,CAAC;;;;;kBAK3G,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC;kBACtC,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC;kBACxC,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC;;;;YAI5C,MAAM,CAAC,MAAM,CAAC,GAAG,CACjB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAA;oBACD,UAAU,CAAC,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI;oBACvC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;oBAChJ,YAAY,CAAC,CAAC,CAAC;kBACjB,CACP;;;QAGH,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC;;UAExB,GAAG;YACH,CAAC,CAAC,IAAI,CAAA,GAAG,GAAG,CAAC,KAAK,KAAK,OAAO;gBACxB,CAAC,CAAC,IAAI,CAAA,0BAA0B,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC,WAAW;gBACjI,CAAC,CAAC,IAAI,CAAA,kBAAkB,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,+BAA+B,CAAC,WAAW;sCACjG,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,6BAA6B,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC,WAAW;YAC7I,CAAC,CAAC,IAAI,CAAA,0BAA0B,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC,WAAW;yBAC/F,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,kCAAkC,OAAO,CAAC,CAAC,CAAC,kCAAkC,CAAC;;QAEpH,IAAI,CAAC,OAAO;YACZ,CAAC,CAAC,IAAI,CAAA,YAAY,OAAO,CAAC,CAAC,CAAC,gCAAgC,CAAC;+BACtC,IAAI,CAAC,IAAI,WAAW,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAI,CAAC,CAAC,MAA8B,CAAC,KAAK,CAAC;;uCAE/E,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC;+BACzF,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;mBAC5E;YACX,CAAC,CAAC,OAAO;KACZ,CAAA;IACH,CAAC;IAED,yGAAyG;IACjG,aAAa,CAAC,MAAgB;QACpC,IAAI,KAAc,CAAA;QAClB,IAAI,CAAC;YACH,MAAM,IAAI,GAAG,gBAAgB,EAAE,CAAA;YAC/B,KAAK,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAA;QACzH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,IAAI,CAAA,mBAAmB,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAA;QAC5F,CAAC;QACD,OAAO,IAAI,CAAA,YAAY,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC;kCAChC,KAAK,aAAa,UAAU,MAAM,CAAC,IAAI,EAAE,uBAAuB,CAAA;IAChG,CAAC;IAEO,MAAM,CAAC,IAAY;QACzB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAA;QAClB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;QACpB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAA;IACjB,CAAC;IAEO,IAAI,CAAC,GAAoB;QAC/B,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAA;QAC5B,IAAI,CAAC;YACH,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;QAC7D,CAAC;QAAC,MAAM,CAAC;YACP,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC,MAAM,CAAA;QACxB,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,GAAG,CAAC,MAA8B;QAC9C,IAAI,CAAC;YACH,MAAM,MAAM,EAAE,CAAA;YACd,IAAI,CAAC,KAAK,GAAG,EAAE,CAAA;YACf,MAAM,IAAI,CAAC,IAAI,EAAE,CAAA;QACnB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,KAAK,GAAG,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QACrE,CAAC;IACH,CAAC;IAEO,QAAQ,CAAC,IAAY,EAAE,KAA2B;QACxD,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;IAC1D,CAAC;IAED,6GAA6G;IACrG,KAAK,CAAC,YAAY,CAAC,IAAY;QACrC,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,CAAC;YAC/B,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC;YAC/C,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,mCAAmC,EAAE,EAAE,IAAI,EAAE,CAAC;YAC9D,aAAa,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC,EAAE;YACjE,YAAY,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC,EAAE;SACzD,CAAC,CAAA;QACF,IAAI,IAAI;YAAE,MAAM,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAA;IAC1D,CAAC;IAED,gFAAgF;IACxE,MAAM,CAAC,GAAoB;QACjC,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;IAC9D,CAAC;IAED,+FAA+F;IACvF,KAAK,CAAC,QAAQ,CAAC,KAA2B;QAChD,IAAI,IAAI,GAAG,EAAE,CAAA;QACb,IAAI,CAAC;YACH,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,EAAE,CAAA;QACzC,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,KAAK,GAAG,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YACnE,OAAM;QACR,CAAC;QACD,MAAM,IAAI,CAAC,GAAG,CAAC,KAAK,IAAI,EAAE;YACxB,MAAM,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;YACxC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAA;YAClB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;QACtB,CAAC,CAAC,CAAA;IACJ,CAAC;;AAhLgB;IAAhB,KAAK,EAAE;;8CAAqC;AAC5B;IAAhB,KAAK,EAAE;;gDAAoB;AACX;IAAhB,KAAK,EAAE;;+CAAmB;AACV;IAAhB,KAAK,EAAE;;iDAAwB;AACf;IAAhB,KAAK,EAAE;;8CAAkB;AA5If,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CAyT5B","sourcesContent":["import '@material/web/icon/icon.js'\nimport '../modeller/figure-v3-preview.js'\n\nimport { css, html, nothing } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { PageView } from '@operato/shell'\nimport { OxPrompt } from '@operato/popup'\nimport { ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { applyV3Recipe, parseV3Recipe, v3RecipeTestRoom } from '@hatiolab/figure-model'\nimport type { V3Asset, V3Recipe } from '@hatiolab/figure-model'\n\nimport { deleteFigureRecipe, fetchFigureRecipeRows, saveFigureRecipe, setFigureRecipeState, type FigureRecipeRow } from '../graphql/index.js'\nimport { paramRangeOf, recipeFieldOf, recipeIsOwn, recipesOf, recipeWord, subdomainOf } from '../modeller/v3-recipes.js'\n\n/**\n * The recipes (ADR-0095): what each one puts in, shown put into a room at several sizes, and whose it is.\n *\n * A recipe of this domain's own can be released, taken back to draft, changed or deleted. A parent's -- the ones the\n * system domain ships -- is copied in under its name to be changed, and the copy stands in for it. Figures a recipe was\n * put into keep their parts whatever happens here.\n */\n@customElement('figure-recipe-page')\nexport class FigureRecipePage extends localize(i18next)(PageView) {\n  static styles = [\n    WorkSurfacePageStyles,\n    ScrollbarStyles,\n    css`\n      :host {\n        display: grid;\n        grid-template-columns: minmax(220px, 280px) 1fr;\n        background-color: var(--md-sys-color-surface);\n        color: var(--md-sys-color-on-surface);\n        font-size: 0.85rem;\n      }\n      @container (max-width: 640px) {\n        :host {\n          grid-template-columns: 1fr;\n        }\n      }\n      nav {\n        overflow: auto;\n        border-right: 1px solid var(--md-sys-color-outline-variant);\n        padding: 8px;\n      }\n      nav p[intro] {\n        margin: 4px 4px 10px;\n        color: var(--md-sys-color-on-surface-variant);\n        line-height: 1.5;\n      }\n      button[row] {\n        display: grid;\n        gap: 2px;\n        width: 100%;\n        padding: 8px 10px;\n        text-align: left;\n        font: inherit;\n        color: inherit;\n        background: none;\n        border: none;\n        border-radius: 8px;\n        cursor: pointer;\n      }\n      button[row][on] {\n        background: var(--md-sys-color-secondary-container);\n        color: var(--md-sys-color-on-secondary-container);\n      }\n      button[row] small {\n        display: flex;\n        gap: 6px;\n        color: var(--md-sys-color-on-surface-variant);\n      }\n      span[chip] {\n        padding: 0 6px;\n        border-radius: 999em;\n        border: 1px solid var(--md-sys-color-outline-variant);\n        font-size: 0.7rem;\n      }\n      span[chip][draft] {\n        color: var(--md-sys-color-tertiary);\n        border-color: var(--md-sys-color-tertiary);\n      }\n      main {\n        overflow: auto;\n        padding: 12px 16px;\n        display: grid;\n        gap: 12px;\n        align-content: start;\n      }\n      main h2 {\n        margin: 0;\n        font-size: var(--ui-t-title, 16px);\n      }\n      main p {\n        margin: 0;\n        line-height: 1.5;\n      }\n      p[muted] {\n        color: var(--md-sys-color-on-surface-variant);\n      }\n      table {\n        border-collapse: collapse;\n        width: 100%;\n        max-width: 720px;\n      }\n      th,\n      td {\n        text-align: left;\n        padding: 4px 8px;\n        border-bottom: 1px solid var(--md-sys-color-outline-variant);\n      }\n      figure-v3-preview {\n        height: 420px;\n        border: 1px solid var(--md-sys-color-outline-variant);\n        border-radius: 8px;\n        overflow: hidden;\n      }\n      div[actions] {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 8px;\n      }\n      div[actions] button {\n        display: inline-flex;\n        align-items: center;\n        gap: 4px;\n        padding: 6px 12px;\n        font: inherit;\n        color: var(--md-sys-color-on-surface);\n        background: none;\n        border: 1px solid var(--md-sys-color-outline-variant);\n        border-radius: 999em;\n        cursor: pointer;\n      }\n      div[actions] button[primary] {\n        color: var(--md-sys-color-on-primary);\n        background: var(--md-sys-color-primary);\n        border-color: transparent;\n      }\n      div[actions] button[danger] {\n        color: var(--md-sys-color-error);\n        border-color: var(--md-sys-color-error);\n      }\n      p[role='alert'] {\n        padding: 8px;\n        white-space: pre-wrap;\n        color: var(--md-sys-color-on-error-container);\n        background: var(--md-sys-color-error-container);\n        border-radius: 8px;\n      }\n      textarea {\n        width: 100%;\n        min-height: 320px;\n        font: 0.78rem/1.4 monospace;\n        box-sizing: border-box;\n      }\n    `\n  ]\n\n  @state() private rows: FigureRecipeRow[] = []\n  @state() private chosen = ''\n  @state() private error = ''\n  @state() private editing = false\n  @state() private text = ''\n\n  get context() {\n    return { title: i18next.t('figure.title.recipes') }\n  }\n\n  async pageUpdated(_changes: Record<string, unknown>, _lifecycle: unknown, before: { active?: boolean }) {\n    if (this.active && !before?.active) await this.read()\n  }\n\n  private async read() {\n    try {\n      this.rows = await fetchFigureRecipeRows()\n      if (!this.rows.some(r => r.name === this.chosen)) this.chosen = this.rows[0]?.name ?? ''\n      this.error = ''\n    } catch (error) {\n      this.error = error instanceof Error ? error.message : String(error)\n    }\n  }\n\n  private get subdomain() {\n    return subdomainOf(location.pathname)\n  }\n\n  render() {\n    const language = i18next.language || 'en'\n    const recipes = recipesOf(this.rows)\n    const row = this.rows.find(r => r.name === this.chosen)\n    const recipe = recipes.find(r => r.name === this.chosen)\n    return html`\n      <nav>\n        <p intro>${i18next.t('figure.text.recipes-intro')}</p>\n        ${this.rows.map(one => {\n          const r = recipes.find(x => x.name === one.name)\n          return html`<button row ?on=${one.name === this.chosen} @click=${() => this.choose(one.name)}>\n            <span>${r ? recipeWord(r.title, language) : one.name}</span>\n            <small>\n              <span>${one.name}</span>\n              ${one.state === 'draft' ? html`<span chip draft>${i18next.t('figure.label.recipe-draft')}</span>` : nothing}\n              ${recipeIsOwn(one, this.subdomain) ? nothing : html`<span chip>${i18next.t('figure.label.recipe-inherited')}</span>`}\n            </small>\n          </button>`\n        })}\n      </nav>\n      <main>\n        ${this.error ? html`<p role=\"alert\">${this.error}</p>` : nothing}\n        ${row && recipe ? this.renderRecipe(row, recipe, language) : html`<p muted>${i18next.t('figure.text.recipes-empty')}</p>`}\n      </main>\n    `\n  }\n\n  private renderRecipe(row: FigureRecipeRow, recipe: V3Recipe, language: string) {\n    const own = recipeIsOwn(row, this.subdomain)\n    return html`\n      <h2>${recipeWord(recipe.title, language)}</h2>\n      <p>${recipeWord(recipe.description, language)}</p>\n      <p muted>\n        ${i18next.t(recipe.target === 'part' ? 'figure.text.recipe-target-part' : 'figure.text.recipe-target-figure')} ·\n        ${i18next.t(own ? 'figure.text.recipe-own' : 'figure.text.recipe-inherited', { domain: row.domain?.subdomain ?? '' })}\n      </p>\n      <table>\n        <thead>\n          <tr>\n            <th>${i18next.t('figure.label.recipe-param')}</th>\n            <th>${i18next.t('figure.label.recipe-default')}</th>\n            <th>${i18next.t('figure.label.recipe-range')}</th>\n          </tr>\n        </thead>\n        <tbody>\n          ${recipe.params.map(\n            p => html`<tr>\n              <td>${recipeWord(p.label, language) || p.name}</td>\n              <td>${p.kind === 'flag' ? i18next.t(p.default ? 'figure.label.yes' : 'figure.label.no') : recipeFieldOf(p, p.default)}${p.kind === 'ratio' ? ' %' : ''}</td>\n              <td>${paramRangeOf(p)}</td>\n            </tr>`\n          )}\n        </tbody>\n      </table>\n      ${this.renderPreview(recipe)}\n      <div actions>\n        ${own\n          ? html`${row.state === 'draft'\n                ? html`<button primary @click=${() => this.setState(row.name, 'released')}>${i18next.t('figure.button.recipe-release')}</button>`\n                : html`<button @click=${() => this.setState(row.name, 'draft')}>${i18next.t('figure.button.recipe-to-draft')}</button>`}\n              <button danger @click=${() => this.deleteRecipe(row.name)}><md-icon>delete</md-icon>${i18next.t('figure.button.recipe-delete')}</button>`\n          : html`<button primary @click=${() => this.copyIn(row)}>${i18next.t('figure.button.recipe-copy-in')}</button>`}\n        <button @click=${() => this.edit(row)}><md-icon>data_object</md-icon>${i18next.t('figure.button.recipe-edit-source')}</button>\n      </div>\n      ${this.editing\n        ? html`<p muted>${i18next.t('figure.text.recipe-edit-source')}</p>\n            <textarea .value=${this.text} @input=${(e: Event) => (this.text = (e.target as HTMLTextAreaElement).value)}></textarea>\n            <div actions>\n              <button primary @click=${() => this.saveText(own ? row.state : 'draft')}>${i18next.t('figure.button.save')}</button>\n              <button @click=${() => (this.editing = false)}>${i18next.t('figure.button.close')}</button>\n            </div>`\n        : nothing}\n    `\n  }\n\n  /** The recipe put into the room it is checked in, with its defaults: what it makes, at several sizes. */\n  private renderPreview(recipe: V3Recipe) {\n    let asset: V3Asset\n    try {\n      const room = v3RecipeTestRoom()\n      asset = applyV3Recipe(room.asset, parseV3Recipe(recipe), recipe.target === 'part' ? { target: room.target } : {}).asset\n    } catch (error) {\n      return html`<p role=\"alert\">${error instanceof Error ? error.message : String(error)}</p>`\n    }\n    return html`<p muted>${i18next.t('figure.text.recipe-preview')}</p>\n      <figure-v3-preview .asset=${asset} .context=${`recipe:${recipe.name}`}></figure-v3-preview>`\n  }\n\n  private choose(name: string) {\n    this.chosen = name\n    this.editing = false\n    this.error = ''\n  }\n\n  private edit(row: FigureRecipeRow) {\n    this.editing = !this.editing\n    try {\n      this.text = JSON.stringify(JSON.parse(row.source), null, 2)\n    } catch {\n      this.text = row.source\n    }\n  }\n\n  private async run(action: () => Promise<unknown>) {\n    try {\n      await action()\n      this.error = ''\n      await this.read()\n    } catch (error) {\n      this.error = error instanceof Error ? error.message : String(error)\n    }\n  }\n\n  private setState(name: string, state: 'draft' | 'released') {\n    return this.run(() => setFigureRecipeState(name, state))\n  }\n\n  /* The app's own prompt, as every operato screen asks -- not the browser's confirm box (user, 2026-09-24). */\n  private async deleteRecipe(name: string) {\n    const sure = await OxPrompt.open({\n      type: 'warning',\n      title: i18next.t('figure.button.recipe-delete'),\n      text: i18next.t('figure.text.recipe-delete-confirm', { name }),\n      confirmButton: { text: i18next.t('figure.button.recipe-delete') },\n      cancelButton: { text: i18next.t('figure.button.close') }\n    })\n    if (sure) await this.run(() => deleteFigureRecipe(name))\n  }\n\n  /** A parent's recipe copied into this domain as a draft, to be changed here. */\n  private copyIn(row: FigureRecipeRow) {\n    return this.run(() => saveFigureRecipe(row.source, 'draft'))\n  }\n\n  /** The source as typed: checked by the server in the test room; a new name is a new recipe. */\n  private async saveText(state: 'draft' | 'released') {\n    let name = ''\n    try {\n      name = JSON.parse(this.text).name ?? ''\n    } catch (error) {\n      this.error = error instanceof Error ? error.message : String(error)\n      return\n    }\n    await this.run(async () => {\n      await saveFigureRecipe(this.text, state)\n      this.chosen = name\n      this.editing = false\n    })\n  }\n}\n"]}