@esfaenza/flow-builder 20.3.38 → 20.3.40

package/fesm2022/esfaenza-flow-builder.mjs

@@ -3821,14 +3821,21 @@ class FlowDictionaryStore {
     isGlobalScopeVerifiable(scope) {
         return (this.globalScope(scope)?.paths?.length ?? 0) > 0;
     }
-    /** I percorsi noti di uno scope, già prefissati: `$User.Email`. */
+    /**
+     * I percorsi noti di uno scope, già prefissati: `$User.Email`.
+     *
+     * Il percorso **vuoto** e' lo scope stesso (§4.1): un host puo' dichiarare `$Profile` senza
+     * punto — un'unica istanza invece dell'elenco dei suoi campi — e lì il riferimento e' il nome
+     * dello scope. Concatenare comunque il punto produrrebbe `$Profile.`, che non e' un
+     * riferimento di niente.
+     */
     globalPathsOf(scope) {
         const entry = this.globalScope(scope);
         if (!entry) {
             return [];
         }
         const prefix = entry.scope ?? entry.value;
-        return (entry.paths ?? []).map((path) => `${prefix}.${path}`);
+        return (entry.paths ?? []).map((path) => (path ? `${prefix}.${path}` : prefix));
     }
     /** §5.14 — la voce di `stageStepTypes` di un `actionType`. */
     stageStepType(value) {
@@ -4081,7 +4088,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImpo
  * `code` e' stabile e si usa per decidere il comportamento; `message` e' testo per
  * l'utente e non va interpretato (§7).
  */
-const DEBOUNCE_MS$1 = 400;
+const DEBOUNCE_MS$2 = 400;
 class FlowValidationStore {
     api = inject(FlowBuilderApi);
     destroyRef = inject(DestroyRef);
@@ -4161,7 +4168,7 @@ class FlowValidationStore {
         this.timer = setTimeout(() => {
             this.timer = undefined;
             void this.run(definition);
-        }, DEBOUNCE_MS$1);
+        }, DEBOUNCE_MS$2);
     }
     /** Valida subito, saltando il debounce: prima di attivare, o su richiesta esplicita. */
     async run(definition) {
@@ -8222,7 +8229,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImpo
  * di «la primitiva non c'e'», che e' l'unica cosa condivisa fra i campi.
  */
 /** §11.4 — la stessa pausa di digitazione della validazione del documento. */
-const DEBOUNCE_MS = 400;
+const DEBOUNCE_MS$1 = 400;
 class FormulaEditorComponent {
     store = inject(FlowDocumentStore);
     api = inject(FlowBuilderApi);
@@ -8576,7 +8583,7 @@ class FormulaEditorComponent {
         this.timer = setTimeout(() => {
             this.timer = undefined;
             void this.run(expression);
-        }, DEBOUNCE_MS);
+        }, DEBOUNCE_MS$1);
     }
     async run(expression) {
         const token = ++this.sequence;
@@ -9900,6 +9907,346 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImpo
             args: [{ selector: 'fb-connector-editor', standalone: true, imports: [SelectValueDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">{{ title() }}</legend>\r\n\r\n  @for (outlet of outlets(); track outlet.key) {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\" [class.fb-field__label--required]=\"outlet.isStructural\">\r\n        {{ outlet.label }}\r\n        <span class=\"fb-conn__kind\" [attr.data-kind]=\"outlet.kind\">{{ outlet.kind }}</span>\r\n      </label>\r\n\r\n      <div class=\"fb-field__row\">\r\n        <select\r\n          class=\"fb-select\"\r\n          [fbValue]=\"currentTarget(outlet)\"\r\n          [attr.aria-label]=\"'Destinazione di ' + outlet.label\"\r\n          (change)=\"setTarget(outlet, $any($event.target).value)\"\r\n        >\r\n          <option value=\"\">\u2014 nessuna destinazione \u2014</option>\r\n          @for (target of targetOptions(); track target.name) {\r\n            <option [value]=\"target.name\">{{ target.label || target.name }}</option>\r\n          }\r\n        </select>\r\n        @if (!isTerminal(outlet)) {\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Rimuovi il ramo\"\r\n            title=\"Rimuove il ramo: il percorso finira\u2019 qui\"\r\n            (click)=\"clear(outlet)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        }\r\n      </div>\r\n\r\n      @if (currentTarget(outlet)) {\r\n        <label class=\"fb-check\">\r\n          <input type=\"checkbox\" [checked]=\"isGoTo(outlet)\" (change)=\"setGoTo(outlet, $any($event.target).checked)\" />\r\n          Disegna come salto indietro (isGoTo)\r\n        </label>\r\n      }\r\n\r\n      @if (hintFor(outlet)) {\r\n        <p\r\n          class=\"fb-field__hint\"\r\n          [class.fb-field__hint--warn]=\"isDangling(outlet) || (isTerminal(outlet) && outlet.isStructural)\"\r\n        >\r\n          {{ hintFor(outlet) }}\r\n        </p>\r\n      }\r\n    </div>\r\n  } @empty {\r\n    <p class=\"fb-field__hint\">Questo elemento non ha uscite: interrompe l\u2019esecuzione.</p>\r\n  }\r\n</fieldset>\r\n", styles: [":host{display:block}.fb-conn__kind{margin-left:5px;padding:0 5px;border-radius:8px;background:var(--fb-badge-bg, #eef1f5);font-size:9px;font-weight:600;text-transform:none;color:var(--fb-text-subtle, #98a2b3)}.fb-conn__kind[data-kind=Fault]{background:color-mix(in srgb,var(--fb-error, #c9372c) 14%,transparent);color:var(--fb-error, #c9372c)}.fb-conn__kind[data-kind=Timeout],.fb-conn__kind[data-kind=ScheduledPath]{background:color-mix(in srgb,var(--fb-warning, #b7791f) 14%,transparent);color:var(--fb-warning, #b7791f)}.fb-conn__kind[data-kind=Rule],.fb-conn__kind[data-kind=WaitEvent]{background:color-mix(in srgb,var(--fb-edge-rule, #7c5cd6) 14%,transparent);color:var(--fb-edge-rule, #7c5cd6)}.fb-field__row .fb-select{flex:1;min-width:0}\n"] }]
         }], ctorParameters: () => [], propDecorators: { nodeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeName", required: true }] }], node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: true }] }], outlets: [{ type: i0.Input, args: [{ isSignal: true, alias: "outlets", required: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], connectorChanged: [{ type: i0.Output, args: ["connectorChanged"] }] } });
 
+/**
+ * Un testo con **merge field** — FRONTEND.md §5.12, §5.2.
+ *
+ * Non e' un editor di formule, ed e' la distinzione che regge tutto il componente: qui il
+ * contenuto e' testo — una frase che l'utente legge — con dentro delle isole `{!...}` che il
+ * runtime sostituisce quando l'elemento scatta. Trattarlo come un'espressione accuserebbe ogni
+ * parola scritta in italiano; ignorarlo del tutto lascerebbe scoprire un refuso dentro una
+ * graffa davanti a chi sta usando il flow.
+ *
+ * Tre regole, e vengono tutte dal contratto:
+ *
+ *  - **si offre l'inserimento di un riferimento.** E' il posto in cui serve di piu' — «L'ordine
+ *    e' già stato evaso» senza il numero dell'ordine e' meta' messaggio — e i nomi sono quelli di
+ *    `POST /flows/references`, la stessa fonte del reference picker e dell'autocompletamento
+ *    delle formule (output automatici compresi, §4.5).
+ *  - **si verifica solo se contiene `{!`.** Un testo senza segnaposto non viene mandato a
+ *    nessuno: non c'e' niente da verificare, e la risposta di un motore di espressioni su una
+ *    frase sarebbe un rilievo per parola.
+ *  - **l'esito non e' mai una spunta inventata.** Come per le formule (§6.3) gli esiti sono tre e
+ *    restano distinti: primitiva assente (silenzio, e il servizio la spegne per la sessione),
+ *    `isVerified: false` (motore non configurato — si dice), `isValid` (l'unico con la spunta).
+ *
+ * Il codice del rilievo e' **del motore**, non della §7: si mostra e non si interpreta. La
+ * `position` e' riferita al testo intero — anche quando il difetto sta dentro un'isola — perche'
+ * e' lì che il bottone del rilievo va a selezionare.
+ */
+/** §11.4 — la stessa pausa di digitazione della validazione del documento. */
+const DEBOUNCE_MS = 400;
+/** L'apertura di un'isola. Sta qui perche' la usano il rilevamento e l'inserimento. */
+const OPEN = '{!';
+class MergeTextEditorComponent {
+    store = inject(FlowDocumentStore);
+    api = inject(FlowBuilderApi);
+    service = inject(FormulaValidationService);
+    destroyRef = inject(DestroyRef);
+    text = input('', ...(ngDevMode ? [{ debugName: "text" }] : []));
+    /**
+     * Dove comparira'. Resta un input perche' un motore puo' distinguere il messaggio di un errore
+     * dalla scritta di un campo, ma il valore giusto e' quasi sempre quello predefinito.
+     */
+    usage = input('Text', ...(ngDevMode ? [{ debugName: "usage" }] : []));
+    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    ariaLabel = input('Testo', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    rows = input(3, ...(ngDevMode ? [{ debugName: "rows" }] : []));
+    /** Come nel formula editor: `change` dove mutare il documento ridisegna mezza schermata. */
+    commitOn = input('input', ...(ngDevMode ? [{ debugName: "commitOn" }] : []));
+    textChange = output();
+    area = viewChild('area', ...(ngDevMode ? [{ debugName: "area" }] : []));
+    /**
+     * Il testo che si sta scrivendo. Non e' legato al DOM — la casella tiene il suo valore e la
+     * `[value]` resta quella del documento — perche' riscrivere l'attributo a ogni tasto sposta il
+     * cursore quando si corregge in mezzo alla frase.
+     */
+    draft = signal('', ...(ngDevMode ? [{ debugName: "draft" }] : []));
+    _result = signal(null, ...(ngDevMode ? [{ debugName: "_result" }] : []));
+    _isChecking = signal(false, ...(ngDevMode ? [{ debugName: "_isChecking" }] : []));
+    timer;
+    /** Cresce a ogni richiesta: scarta le risposte di verifiche già superate. */
+    sequence = 0;
+    result = this._result.asReadonly();
+    isChecking = this._isChecking.asReadonly();
+    // -------------------------------------------------------------------------
+    // I nomi inseribili
+    // -------------------------------------------------------------------------
+    references = signal([], ...(ngDevMode ? [{ debugName: "references" }] : []));
+    /** Il documento per cui l'elenco e' stato chiesto: evita una richiesta a ogni apertura. */
+    loadedFor = null;
+    isPickerOpen = signal(false, ...(ngDevMode ? [{ debugName: "isPickerOpen" }] : []));
+    filter = signal('', ...(ngDevMode ? [{ debugName: "filter" }] : []));
+    /**
+     * Cio' che si sta scrivendo **dentro** un'isola aperta, se il cursore ci sta dentro: e' la
+     * seconda strada per inserire un nome, e la piu' rapida — chi ha scritto `{!Ord` non va a
+     * cercare un bottone.
+     */
+    token = signal(null, ...(ngDevMode ? [{ debugName: "token" }] : []));
+    highlighted = signal(0, ...(ngDevMode ? [{ debugName: "highlighted" }] : []));
+    suggestions = computed(() => {
+        const token = this.token();
+        if (!token) {
+            return [];
+        }
+        const needle = token.text.toLowerCase();
+        const matches = this.references().filter((reference) => reference.name.toLowerCase().startsWith(needle));
+        if (matches.length === 1 && matches[0].name.toLowerCase() === needle) {
+            return [];
+        }
+        return matches.slice(0, 8);
+    }, ...(ngDevMode ? [{ debugName: "suggestions" }] : []));
+    /** L'elenco del bottone: tutti i nomi, filtrati dalla ricerca. */
+    pickerOptions = computed(() => {
+        const needle = this.filter().trim().toLowerCase();
+        const all = this.references();
+        return (needle ? all.filter((entry) => entry.name.toLowerCase().includes(needle)) : all).slice(0, 60);
+    }, ...(ngDevMode ? [{ debugName: "pickerOptions" }] : []));
+    // -------------------------------------------------------------------------
+    // Esito della verifica
+    // -------------------------------------------------------------------------
+    /** Un testo senza segnaposto non si manda: non c'e' niente da verificare (§5.12). */
+    hasMergeFields = computed(() => this.draft().includes(OPEN), ...(ngDevMode ? [{ debugName: "hasMergeFields" }] : []));
+    issues = computed(() => this._result()?.issues ?? [], ...(ngDevMode ? [{ debugName: "issues" }] : []));
+    hasErrors = computed(() => this.issues().some((issue) => severityBucket(issue.severity) === 'Error'), ...(ngDevMode ? [{ debugName: "hasErrors" }] : []));
+    isConfirmed = computed(() => {
+        const result = this._result();
+        return !!result && result.isVerified && result.isValid && !this.issues().length;
+    }, ...(ngDevMode ? [{ debugName: "isConfirmed" }] : []));
+    /** Il motore c'e' come primitiva ma non come motore: si dice, non si tace (§6.3). */
+    isUnverified = computed(() => {
+        const result = this._result();
+        return !!result && !result.isVerified;
+    }, ...(ngDevMode ? [{ debugName: "isUnverified" }] : []));
+    constructor() {
+        effect(() => {
+            const text = this.text();
+            this.usage();
+            untracked(() => {
+                this.draft.set(text);
+                this.schedule(text);
+            });
+        });
+        this.destroyRef.onDestroy(() => this.cancel());
+    }
+    onInput(value) {
+        this.draft.set(value);
+        this.schedule(value);
+        this.refreshToken();
+        if (this.commitOn() === 'input') {
+            this.textChange.emit(value);
+        }
+    }
+    onCommit(value) {
+        if (this.commitOn() === 'change') {
+            this.textChange.emit(value);
+        }
+    }
+    onFocus() {
+        void this.loadReferences();
+        this.refreshToken();
+    }
+    onCaretMove() {
+        this.refreshToken();
+    }
+    onBlur() {
+        this.token.set(null);
+    }
+    /**
+     * Le frecce scorrono i suggerimenti e Invio inserisce — ma **solo** quando ce ne sono: in un
+     * testo Invio deve restare Invio, che qui e' un a capo dentro il messaggio.
+     */
+    onKeyDown(event) {
+        const options = this.suggestions();
+        if (!options.length) {
+            return;
+        }
+        if (event.key === 'Escape') {
+            this.token.set(null);
+            event.stopPropagation();
+            return;
+        }
+        if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
+            const step = event.key === 'ArrowDown' ? 1 : -1;
+            this.highlighted.update((index) => (index + step + options.length) % options.length);
+            event.preventDefault();
+            return;
+        }
+        if (event.key === 'Enter' || event.key === 'Tab') {
+            this.complete(options[this.highlighted()]?.name ?? '');
+            event.preventDefault();
+        }
+    }
+    togglePicker() {
+        const open = !this.isPickerOpen();
+        this.isPickerOpen.set(open);
+        if (open) {
+            void this.loadReferences();
+        }
+    }
+    /**
+     * Il bottone: scrive un'isola **intera** al punto del cursore, graffe comprese. Inserire il
+     * solo nome lascerebbe all'utente il compito di ricordarsi la sintassi, che e' esattamente
+     * cio' che il comando esiste per evitare.
+     */
+    insertReference(name) {
+        const element = this.area()?.nativeElement;
+        if (!element || !name || this.disabled()) {
+            return;
+        }
+        const snippet = `${OPEN}${name}}`;
+        const start = element.selectionStart ?? element.value.length;
+        const end = element.selectionEnd ?? start;
+        const next = element.value.slice(0, start) + snippet + element.value.slice(end);
+        const caret = start + snippet.length;
+        this.write(next, caret);
+        this.isPickerOpen.set(false);
+    }
+    /**
+     * Il suggerimento dentro un'isola aperta: **completa** il nome e chiude la graffa.
+     *
+     * Non e' {@link insertReference}, ed e' la distinzione da non perdere: lì si scrive un'isola
+     * nuova al punto del cursore, qui si sta già scrivendo dentro una — passare per l'altra strada
+     * produce `{!IdOr{!IdOrdine}`, cioe' due aperture e un segnaposto che non si risolve.
+     */
+    complete(name) {
+        const element = this.area()?.nativeElement;
+        const token = this.token();
+        if (!element || !name || !token) {
+            return;
+        }
+        const after = element.value.slice(token.end);
+        // Se la graffa c'e' già — si sta correggendo un'isola scritta prima — non se ne aggiunge una
+        // seconda: `{!Ordine}}` non e' un segnaposto.
+        const closing = after.startsWith('}') ? '' : '}';
+        const next = element.value.slice(0, token.start) + name + closing + after;
+        this.write(next, token.start + name.length + closing.length);
+    }
+    /** Scrive nella casella e propaga: la casella e' la sorgente del testo mentre si digita. */
+    write(next, caret) {
+        const element = this.area()?.nativeElement;
+        if (!element) {
+            return;
+        }
+        element.value = next;
+        element.setSelectionRange(caret, caret);
+        element.focus();
+        this.token.set(null);
+        this.onInput(next);
+        // Con `commitOn="change"` il `change` del DOM non scatta su una scrittura da codice.
+        this.onCommit(next);
+    }
+    async loadReferences() {
+        const document = this.store.document();
+        if (this.loadedFor === document) {
+            return;
+        }
+        this.loadedFor = document;
+        try {
+            this.references.set(await this.api.getReferences(document));
+        }
+        catch {
+            // Elenco non disponibile: nessuna proposta, nessuna accusa. Il segnaposto si scrive lo
+            // stesso — l'inserimento e' un aiuto, non un vincolo.
+            this.references.set([]);
+        }
+    }
+    /**
+     * La parola sotto il cursore, **solo dentro un'isola aperta**: fuori dalle graffe si sta
+     * scrivendo una frase, e proporre nomi di variabili a ogni parola sarebbe rumore.
+     */
+    refreshToken() {
+        const element = this.area()?.nativeElement;
+        if (!element) {
+            return;
+        }
+        const caret = element.selectionStart ?? 0;
+        const before = element.value.slice(0, caret);
+        const open = before.lastIndexOf(OPEN);
+        // Un'isola già chiusa prima del cursore non conta: il `}` termina il segnaposto.
+        if (open < 0 || before.indexOf('}', open) >= 0) {
+            this.token.set(null);
+            return;
+        }
+        const text = before.slice(open + OPEN.length);
+        if (/[^A-Za-z0-9_.$]/.test(text)) {
+            this.token.set(null);
+            return;
+        }
+        this.token.set({ text, start: caret - text.length, end: caret });
+        this.highlighted.set(0);
+    }
+    severityOf(issue) {
+        return severityBucket(issue.severity);
+    }
+    hasPosition(issue) {
+        return typeof issue.position === 'number' && issue.position >= 0;
+    }
+    /** Il tratto citato dal rilievo, così il messaggio dice *dove* anche senza il salto. */
+    excerptOf(issue) {
+        if (!this.hasPosition(issue)) {
+            return '';
+        }
+        const start = issue.position;
+        const length = typeof issue.length === 'number' && issue.length > 0 ? issue.length : 1;
+        return this.draft().slice(start, start + length);
+    }
+    /** Porta il cursore sul tratto segnalato: e' il payoff di `position`. */
+    goToIssue(issue) {
+        if (!this.hasPosition(issue) || this.disabled()) {
+            return;
+        }
+        const element = this.area()?.nativeElement;
+        if (!element) {
+            return;
+        }
+        const start = issue.position;
+        const length = typeof issue.length === 'number' && issue.length > 0 ? issue.length : 1;
+        element.focus();
+        element.setSelectionRange(Math.min(start, element.value.length), Math.min(start + length, element.value.length));
+    }
+    schedule(text) {
+        this.cancel();
+        // Senza segnaposto non si chiama nessuno, e non si mostra nessun esito: non c'e' niente da
+        // verificare, e una spunta su una frase direbbe che qualcuno l'ha guardata.
+        if (!text.includes(OPEN) || !this.service.isSupported()) {
+            this.sequence += 1;
+            this._result.set(null);
+            this._isChecking.set(false);
+            return;
+        }
+        this._isChecking.set(true);
+        this.timer = setTimeout(() => void this.check(text), DEBOUNCE_MS);
+    }
+    cancel() {
+        if (this.timer) {
+            clearTimeout(this.timer);
+            this.timer = undefined;
+        }
+    }
+    async check(text) {
+        const token = ++this.sequence;
+        // Il documento si manda **in lavorazione**: un messaggio cita le variabili appena aggiunte,
+        // e verificarlo contro il salvato le direbbe inesistenti (§6.3).
+        const result = await this.service.validate({
+            flow: this.store.document(),
+            expression: text,
+            usage: this.usage(),
+        });
+        if (token !== this.sequence) {
+            return;
+        }
+        this._isChecking.set(false);
+        this._result.set(result);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: MergeTextEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: MergeTextEditorComponent, isStandalone: true, selector: "fb-merge-text-editor", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, usage: { classPropertyName: "usage", publicName: "usage", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, commitOn: { classPropertyName: "commitOn", publicName: "commitOn", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { textChange: "textChange" }, viewQueries: [{ propertyName: "area", first: true, predicate: ["area"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"fb-merge__bar\">\r\n  <button\r\n    type=\"button\"\r\n    class=\"fb-merge__toggle\"\r\n    [class.fb-merge__toggle--on]=\"isPickerOpen()\"\r\n    [disabled]=\"disabled()\"\r\n    [attr.aria-expanded]=\"isPickerOpen()\"\r\n    title=\"Inserisci un riferimento nel testo\"\r\n    (click)=\"togglePicker()\"\r\n  >\r\n    &#123;!&#125; Inserisci riferimento\r\n  </button>\r\n</div>\r\n\r\n<textarea\r\n  #area\r\n  class=\"fb-textarea\"\r\n  [class.fb-input--invalid]=\"hasErrors()\"\r\n  [value]=\"text()\"\r\n  [rows]=\"rows()\"\r\n  [disabled]=\"disabled()\"\r\n  [placeholder]=\"placeholder()\"\r\n  [attr.aria-label]=\"ariaLabel()\"\r\n  (input)=\"onInput($any($event.target).value)\"\r\n  (change)=\"onCommit($any($event.target).value)\"\r\n  (focus)=\"onFocus()\"\r\n  (blur)=\"onBlur()\"\r\n  (keydown)=\"onKeyDown($event)\"\r\n  (keyup)=\"onCaretMove()\"\r\n  (click)=\"onCaretMove()\"\r\n></textarea>\r\n\r\n@if (suggestions().length) {\r\n  <!--\r\n    I nomi proposti mentre si scrive **dentro** un segnaposto aperto: qui si **completa** il nome\r\n    e si chiude la graffa, non si inserisce un\u2019isola nuova \u2014 quella e\u2019 l\u2019altra strada, il bottone.\r\n    `mousedown` va fermato: il blur della casella arriverebbe prima del click e chiuderebbe\r\n    l\u2019elenco.\r\n  -->\r\n  <ul class=\"fb-merge__hints\" role=\"listbox\" aria-label=\"Riferimenti disponibili\">\r\n    @for (reference of suggestions(); track reference.name) {\r\n      <li>\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-merge__hint\"\r\n          [class.fb-merge__hint--on]=\"$index === highlighted()\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"$index === highlighted()\"\r\n          (mousedown)=\"$event.preventDefault()\"\r\n          (click)=\"complete(reference.name)\"\r\n        >\r\n          <code>{{ reference.name }}</code>\r\n          @if (reference.dataType) {\r\n            <span class=\"fb-merge__hint-type\">\r\n              {{ reference.dataType }}{{ reference.isCollection ? '[]' : '' }}\r\n            </span>\r\n          }\r\n        </button>\r\n      </li>\r\n    }\r\n  </ul>\r\n}\r\n\r\n@if (isPickerOpen()) {\r\n  <div class=\"fb-merge__picker\">\r\n    <input\r\n      type=\"search\"\r\n      class=\"fb-input fb-merge__search\"\r\n      placeholder=\"Cerca un riferimento\u2026\"\r\n      aria-label=\"Cerca un riferimento\"\r\n      [value]=\"filter()\"\r\n      (input)=\"filter.set($any($event.target).value)\"\r\n    />\r\n    @for (reference of pickerOptions(); track reference.name) {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-merge__option\"\r\n        [disabled]=\"disabled()\"\r\n        (mousedown)=\"$event.preventDefault()\"\r\n        (click)=\"insertReference(reference.name)\"\r\n      >\r\n        <code>{{ reference.name }}</code>\r\n        @if (reference.dataType) {\r\n          <span class=\"fb-merge__hint-type\">\r\n            {{ reference.dataType }}{{ reference.isCollection ? '[]' : '' }}\r\n          </span>\r\n        }\r\n      </button>\r\n    } @empty {\r\n      <p class=\"fb-field__hint\">Nessun riferimento corrisponde alla ricerca.</p>\r\n    }\r\n  </div>\r\n}\r\n\r\n@if (isChecking()) {\r\n  <p class=\"fb-field__hint\">Verifica dei segnaposto\u2026</p>\r\n} @else if (issues().length) {\r\n  <ul class=\"fb-merge__issues\">\r\n    @for (issue of issues(); track $index) {\r\n      <li class=\"fb-merge__issue\" [class]=\"'fb-merge__issue--' + severityOf(issue)\">\r\n        @if (hasPosition(issue)) {\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-merge__jump\"\r\n            [disabled]=\"disabled()\"\r\n            title=\"Seleziona il tratto segnalato\"\r\n            (click)=\"goToIssue(issue)\"\r\n          >\r\n            @if (excerptOf(issue)) {\r\n              <code>{{ excerptOf(issue) }}</code>\r\n            } @else {\r\n              car. {{ issue.position! + 1 }}\r\n            }\r\n          </button>\r\n        }\r\n        <span class=\"fb-merge__message\">{{ issue.message }}</span>\r\n        <!-- Codice del motore, non della \u00A77: si mostra e non si interpreta. -->\r\n        <code class=\"fb-merge__code\">{{ issue.code }}</code>\r\n      </li>\r\n    }\r\n  </ul>\r\n} @else if (isConfirmed()) {\r\n  <p class=\"fb-merge__ok\">\u2713 Segnaposto verificati dal motore.</p>\r\n} @else if (isUnverified()) {\r\n  <p class=\"fb-field__hint fb-field__hint--warn\">\r\n    Nessun motore di validazione delle formule e\u2019 configurato: i segnaposto non sono stati\r\n    controllati.\r\n  </p>\r\n}\r\n\r\n<ng-content />\r\n", styles: [":host{display:flex;flex-direction:column;gap:4px}.fb-merge__bar{display:flex;justify-content:flex-end}.fb-merge__toggle{padding:1px 6px;border:1px solid var(--fb-border, #d6dae1);border-radius:3px;background:var(--fb-surface, #fff);color:var(--fb-text-muted, #667085);font:inherit;font-size:10px;cursor:pointer}.fb-merge__toggle--on{border-color:var(--fb-accent, #2f6feb);color:var(--fb-accent, #2f6feb)}.fb-merge__toggle:disabled{opacity:.5;cursor:not-allowed}.fb-merge__hints,.fb-merge__picker{display:flex;flex-direction:column;gap:1px;max-height:180px;margin:0;padding:2px;overflow-y:auto;border:1px solid var(--fb-border, #d6dae1);border-radius:4px;background:var(--fb-surface, #fff);list-style:none}.fb-merge__picker{gap:2px;padding:4px;background:var(--fb-surface-alt, #f8f9fb)}.fb-merge__search{font-size:10px}.fb-merge__hint,.fb-merge__option{display:flex;gap:6px;align-items:baseline;width:100%;padding:2px 5px;border:0;border-radius:3px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:10px;text-align:left;cursor:pointer}.fb-merge__option{background:var(--fb-surface, #fff)}.fb-merge__hint:hover,.fb-merge__hint--on,.fb-merge__option:hover{background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent)}.fb-merge__hint code,.fb-merge__option code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-merge__hint-type{margin-left:auto;color:var(--fb-text-subtle, #98a2b3)}.fb-merge__option:disabled{opacity:.5;cursor:not-allowed}.fb-merge__issues{display:flex;flex-direction:column;gap:3px;margin:0;padding:0;list-style:none}.fb-merge__issue{display:flex;flex-wrap:wrap;gap:5px;align-items:baseline;padding:3px 6px;border-left:3px solid var(--fb-border, #d6dae1);border-radius:3px;background:var(--fb-surface-alt, #f8f9fb);font-size:10px;line-height:1.45}.fb-merge__issue--Error{border-left-color:var(--fb-error, #c9372c);color:var(--fb-error, #c9372c)}.fb-merge__issue--Warning{border-left-color:var(--fb-warning, #b7791f);color:var(--fb-warning, #b7791f)}.fb-merge__issue--Info{border-left-color:var(--fb-accent, #2f6feb);color:var(--fb-text-muted, #667085)}.fb-merge__message{flex:1 1 auto;min-width:0}.fb-merge__jump{padding:0 4px;border:1px solid currentcolor;border-radius:3px;background:transparent;color:inherit;font:inherit;font-size:10px;cursor:pointer}.fb-merge__jump:disabled{opacity:.5;cursor:not-allowed}.fb-merge__jump code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-merge__code{color:var(--fb-text-subtle, #98a2b3);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.fb-merge__ok{margin:0;font-size:10px;color:var(--fb-success, #22a06b)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: MergeTextEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fb-merge-text-editor', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-merge__bar\">\r\n  <button\r\n    type=\"button\"\r\n    class=\"fb-merge__toggle\"\r\n    [class.fb-merge__toggle--on]=\"isPickerOpen()\"\r\n    [disabled]=\"disabled()\"\r\n    [attr.aria-expanded]=\"isPickerOpen()\"\r\n    title=\"Inserisci un riferimento nel testo\"\r\n    (click)=\"togglePicker()\"\r\n  >\r\n    &#123;!&#125; Inserisci riferimento\r\n  </button>\r\n</div>\r\n\r\n<textarea\r\n  #area\r\n  class=\"fb-textarea\"\r\n  [class.fb-input--invalid]=\"hasErrors()\"\r\n  [value]=\"text()\"\r\n  [rows]=\"rows()\"\r\n  [disabled]=\"disabled()\"\r\n  [placeholder]=\"placeholder()\"\r\n  [attr.aria-label]=\"ariaLabel()\"\r\n  (input)=\"onInput($any($event.target).value)\"\r\n  (change)=\"onCommit($any($event.target).value)\"\r\n  (focus)=\"onFocus()\"\r\n  (blur)=\"onBlur()\"\r\n  (keydown)=\"onKeyDown($event)\"\r\n  (keyup)=\"onCaretMove()\"\r\n  (click)=\"onCaretMove()\"\r\n></textarea>\r\n\r\n@if (suggestions().length) {\r\n  <!--\r\n    I nomi proposti mentre si scrive **dentro** un segnaposto aperto: qui si **completa** il nome\r\n    e si chiude la graffa, non si inserisce un\u2019isola nuova \u2014 quella e\u2019 l\u2019altra strada, il bottone.\r\n    `mousedown` va fermato: il blur della casella arriverebbe prima del click e chiuderebbe\r\n    l\u2019elenco.\r\n  -->\r\n  <ul class=\"fb-merge__hints\" role=\"listbox\" aria-label=\"Riferimenti disponibili\">\r\n    @for (reference of suggestions(); track reference.name) {\r\n      <li>\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-merge__hint\"\r\n          [class.fb-merge__hint--on]=\"$index === highlighted()\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"$index === highlighted()\"\r\n          (mousedown)=\"$event.preventDefault()\"\r\n          (click)=\"complete(reference.name)\"\r\n        >\r\n          <code>{{ reference.name }}</code>\r\n          @if (reference.dataType) {\r\n            <span class=\"fb-merge__hint-type\">\r\n              {{ reference.dataType }}{{ reference.isCollection ? '[]' : '' }}\r\n            </span>\r\n          }\r\n        </button>\r\n      </li>\r\n    }\r\n  </ul>\r\n}\r\n\r\n@if (isPickerOpen()) {\r\n  <div class=\"fb-merge__picker\">\r\n    <input\r\n      type=\"search\"\r\n      class=\"fb-input fb-merge__search\"\r\n      placeholder=\"Cerca un riferimento\u2026\"\r\n      aria-label=\"Cerca un riferimento\"\r\n      [value]=\"filter()\"\r\n      (input)=\"filter.set($any($event.target).value)\"\r\n    />\r\n    @for (reference of pickerOptions(); track reference.name) {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-merge__option\"\r\n        [disabled]=\"disabled()\"\r\n        (mousedown)=\"$event.preventDefault()\"\r\n        (click)=\"insertReference(reference.name)\"\r\n      >\r\n        <code>{{ reference.name }}</code>\r\n        @if (reference.dataType) {\r\n          <span class=\"fb-merge__hint-type\">\r\n            {{ reference.dataType }}{{ reference.isCollection ? '[]' : '' }}\r\n          </span>\r\n        }\r\n      </button>\r\n    } @empty {\r\n      <p class=\"fb-field__hint\">Nessun riferimento corrisponde alla ricerca.</p>\r\n    }\r\n  </div>\r\n}\r\n\r\n@if (isChecking()) {\r\n  <p class=\"fb-field__hint\">Verifica dei segnaposto\u2026</p>\r\n} @else if (issues().length) {\r\n  <ul class=\"fb-merge__issues\">\r\n    @for (issue of issues(); track $index) {\r\n      <li class=\"fb-merge__issue\" [class]=\"'fb-merge__issue--' + severityOf(issue)\">\r\n        @if (hasPosition(issue)) {\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-merge__jump\"\r\n            [disabled]=\"disabled()\"\r\n            title=\"Seleziona il tratto segnalato\"\r\n            (click)=\"goToIssue(issue)\"\r\n          >\r\n            @if (excerptOf(issue)) {\r\n              <code>{{ excerptOf(issue) }}</code>\r\n            } @else {\r\n              car. {{ issue.position! + 1 }}\r\n            }\r\n          </button>\r\n        }\r\n        <span class=\"fb-merge__message\">{{ issue.message }}</span>\r\n        <!-- Codice del motore, non della \u00A77: si mostra e non si interpreta. -->\r\n        <code class=\"fb-merge__code\">{{ issue.code }}</code>\r\n      </li>\r\n    }\r\n  </ul>\r\n} @else if (isConfirmed()) {\r\n  <p class=\"fb-merge__ok\">\u2713 Segnaposto verificati dal motore.</p>\r\n} @else if (isUnverified()) {\r\n  <p class=\"fb-field__hint fb-field__hint--warn\">\r\n    Nessun motore di validazione delle formule e\u2019 configurato: i segnaposto non sono stati\r\n    controllati.\r\n  </p>\r\n}\r\n\r\n<ng-content />\r\n", styles: [":host{display:flex;flex-direction:column;gap:4px}.fb-merge__bar{display:flex;justify-content:flex-end}.fb-merge__toggle{padding:1px 6px;border:1px solid var(--fb-border, #d6dae1);border-radius:3px;background:var(--fb-surface, #fff);color:var(--fb-text-muted, #667085);font:inherit;font-size:10px;cursor:pointer}.fb-merge__toggle--on{border-color:var(--fb-accent, #2f6feb);color:var(--fb-accent, #2f6feb)}.fb-merge__toggle:disabled{opacity:.5;cursor:not-allowed}.fb-merge__hints,.fb-merge__picker{display:flex;flex-direction:column;gap:1px;max-height:180px;margin:0;padding:2px;overflow-y:auto;border:1px solid var(--fb-border, #d6dae1);border-radius:4px;background:var(--fb-surface, #fff);list-style:none}.fb-merge__picker{gap:2px;padding:4px;background:var(--fb-surface-alt, #f8f9fb)}.fb-merge__search{font-size:10px}.fb-merge__hint,.fb-merge__option{display:flex;gap:6px;align-items:baseline;width:100%;padding:2px 5px;border:0;border-radius:3px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:10px;text-align:left;cursor:pointer}.fb-merge__option{background:var(--fb-surface, #fff)}.fb-merge__hint:hover,.fb-merge__hint--on,.fb-merge__option:hover{background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent)}.fb-merge__hint code,.fb-merge__option code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-merge__hint-type{margin-left:auto;color:var(--fb-text-subtle, #98a2b3)}.fb-merge__option:disabled{opacity:.5;cursor:not-allowed}.fb-merge__issues{display:flex;flex-direction:column;gap:3px;margin:0;padding:0;list-style:none}.fb-merge__issue{display:flex;flex-wrap:wrap;gap:5px;align-items:baseline;padding:3px 6px;border-left:3px solid var(--fb-border, #d6dae1);border-radius:3px;background:var(--fb-surface-alt, #f8f9fb);font-size:10px;line-height:1.45}.fb-merge__issue--Error{border-left-color:var(--fb-error, #c9372c);color:var(--fb-error, #c9372c)}.fb-merge__issue--Warning{border-left-color:var(--fb-warning, #b7791f);color:var(--fb-warning, #b7791f)}.fb-merge__issue--Info{border-left-color:var(--fb-accent, #2f6feb);color:var(--fb-text-muted, #667085)}.fb-merge__message{flex:1 1 auto;min-width:0}.fb-merge__jump{padding:0 4px;border:1px solid currentcolor;border-radius:3px;background:transparent;color:inherit;font:inherit;font-size:10px;cursor:pointer}.fb-merge__jump:disabled{opacity:.5;cursor:not-allowed}.fb-merge__jump code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-merge__code{color:var(--fb-text-subtle, #98a2b3);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.fb-merge__ok{margin:0;font-size:10px;color:var(--fb-success, #22a06b)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], usage: [{ type: i0.Input, args: [{ isSignal: true, alias: "usage", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], commitOn: [{ type: i0.Input, args: [{ isSignal: true, alias: "commitOn", required: false }] }], textChange: [{ type: i0.Output, args: ["textChange"] }], area: [{ type: i0.ViewChild, args: ['area', { isSignal: true }] }] } });
+
 /**
  * Base comune degli inspector.
  *
@@ -10399,6 +10746,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImpo
  * Il Custom Error **interrompe** l'esecuzione e restituisce i messaggi al chiamante: sono il
  * suo prodotto principale, e almeno uno e' obbligatorio (`CUSTOM_ERROR_WITHOUT_MESSAGES`).
  * Non ha uscite: per questo il form non mostra nessun connector.
+ *
+ * Il messaggio non e' una casella di testo qualunque: supporta i **merge field** `{!...}`, e qui
+ * servono piu' che altrove — «L'ordine e' già stato evaso» senza il numero dell'ordine e' meta'
+ * messaggio. Per questo ci va `fb-merge-text-editor`, che offre l'inserimento di un riferimento e
+ * fa verificare i segnaposto dal motore di formule mentre si scrive; un testo senza `{!` non
+ * viene mandato a nessuno.
  */
 class CustomErrorInspectorComponent extends NodeInspectorBase {
     elementType = 'CustomError';
@@ -10453,11 +10806,11 @@ class CustomErrorInspectorComponent extends NodeInspectorBase {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: CustomErrorInspectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: CustomErrorInspectorComponent, isStandalone: true, selector: "fb-custom-error-inspector", usesInheritance: true, ngImport: i0, template: "<p class=\"fb-callout\">\r\n  Questo elemento <strong>interrompe</strong> l\u2019esecuzione e restituisce i messaggi al chiamante. Non ha\r\n  uscite: quello che c\u2019e\u2019 dopo non verra\u2019 eseguito.\r\n</p>\r\n\r\n<div class=\"fb-list\">\r\n  @for (message of messages(); track $index) {\r\n    <div class=\"fb-list__item\">\r\n      <div class=\"fb-list__header\">\r\n        <span class=\"fb-list__index\">{{ $index + 1 }}</span>\r\n        <span class=\"fb-list__spacer\"></span>\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n          aria-label=\"Rimuovi il messaggio\"\r\n          (click)=\"removeMessage($index)\"\r\n        >\r\n          \u00D7\r\n        </button>\r\n      </div>\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label fb-field__label--required\">Messaggio</label>\r\n        <textarea\r\n          class=\"fb-textarea\"\r\n          [value]=\"message.errorMessage || ''\"\r\n          placeholder=\"L\u2019importo supera il limite consentito.\"\r\n          (input)=\"setMessage($index, $any($event.target).value)\"\r\n        ></textarea>\r\n      </div>\r\n\r\n      <label class=\"fb-check\">\r\n        <input\r\n          type=\"checkbox\"\r\n          [checked]=\"message.isFieldError === true\"\r\n          (change)=\"setIsFieldError($index, $any($event.target).checked)\"\r\n        />\r\n        Mostra accanto a un campo\r\n      </label>\r\n\r\n      @if (message.isFieldError) {\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label fb-field__label--required\">Campo</label>\r\n          <input\r\n            class=\"fb-input\"\r\n            [value]=\"message.fieldSelection || ''\"\r\n            placeholder=\"Importo\"\r\n            (input)=\"setFieldSelection($index, $any($event.target).value)\"\r\n          />\r\n        </div>\r\n      }\r\n    </div>\r\n  } @empty {\r\n    <p class=\"fb-empty\">\r\n      Almeno un messaggio e\u2019 obbligatorio: sono il prodotto di questo elemento\r\n      (CUSTOM_ERROR_WITHOUT_MESSAGES).\r\n    </p>\r\n  }\r\n</div>\r\n\r\n<button type=\"button\" class=\"fb-btn\" (click)=\"addMessage()\">Aggiungi messaggio</button>\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: CustomErrorInspectorComponent, isStandalone: true, selector: "fb-custom-error-inspector", usesInheritance: true, ngImport: i0, template: "<p class=\"fb-callout\">\r\n  Questo elemento <strong>interrompe</strong> l\u2019esecuzione e restituisce i messaggi al chiamante. Non ha\r\n  uscite: quello che c\u2019e\u2019 dopo non verra\u2019 eseguito.\r\n</p>\r\n\r\n<div class=\"fb-list\">\r\n  @for (message of messages(); track $index) {\r\n    <div class=\"fb-list__item\">\r\n      <div class=\"fb-list__header\">\r\n        <span class=\"fb-list__index\">{{ $index + 1 }}</span>\r\n        <span class=\"fb-list__spacer\"></span>\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n          aria-label=\"Rimuovi il messaggio\"\r\n          (click)=\"removeMessage($index)\"\r\n        >\r\n          \u00D7\r\n        </button>\r\n      </div>\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label fb-field__label--required\">Messaggio</label>\r\n        <!--\r\n          \u00A75.12 \u2014 il messaggio supporta i merge field: l\u2019editor offre l\u2019inserimento di un\r\n          riferimento e li fa verificare dal motore mentre si scrive.\r\n        -->\r\n        <fb-merge-text-editor\r\n          [text]=\"message.errorMessage || ''\"\r\n          placeholder=\"L\u2019ordine {{ '{' }}!Ordine.Numero} e\u2019 gi\u00E0 stato evaso.\"\r\n          ariaLabel=\"Messaggio d\u2019errore\"\r\n          [rows]=\"2\"\r\n          (textChange)=\"setMessage($index, $event)\"\r\n        >\r\n          <p class=\"fb-field__hint\">\r\n            Fra <code>&#123;!</code> e <code>&#125;</code> ci va un riferimento: il runtime lo\r\n            sostituisce quando l\u2019errore scatta.\r\n          </p>\r\n        </fb-merge-text-editor>\r\n      </div>\r\n\r\n      <label class=\"fb-check\">\r\n        <input\r\n          type=\"checkbox\"\r\n          [checked]=\"message.isFieldError === true\"\r\n          (change)=\"setIsFieldError($index, $any($event.target).checked)\"\r\n        />\r\n        Mostra accanto a un campo\r\n      </label>\r\n\r\n      @if (message.isFieldError) {\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label fb-field__label--required\">Campo</label>\r\n          <input\r\n            class=\"fb-input\"\r\n            [value]=\"message.fieldSelection || ''\"\r\n            placeholder=\"Importo\"\r\n            (input)=\"setFieldSelection($index, $any($event.target).value)\"\r\n          />\r\n        </div>\r\n      }\r\n    </div>\r\n  } @empty {\r\n    <p class=\"fb-empty\">\r\n      Almeno un messaggio e\u2019 obbligatorio: sono il prodotto di questo elemento\r\n      (CUSTOM_ERROR_WITHOUT_MESSAGES).\r\n    </p>\r\n  }\r\n</div>\r\n\r\n<button type=\"button\" class=\"fb-btn\" (click)=\"addMessage()\">Aggiungi messaggio</button>\r\n", dependencies: [{ kind: "component", type: MergeTextEditorComponent, selector: "fb-merge-text-editor", inputs: ["text", "usage", "placeholder", "ariaLabel", "disabled", "rows", "commitOn"], outputs: ["textChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: CustomErrorInspectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-custom-error-inspector', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<p class=\"fb-callout\">\r\n  Questo elemento <strong>interrompe</strong> l\u2019esecuzione e restituisce i messaggi al chiamante. Non ha\r\n  uscite: quello che c\u2019e\u2019 dopo non verra\u2019 eseguito.\r\n</p>\r\n\r\n<div class=\"fb-list\">\r\n  @for (message of messages(); track $index) {\r\n    <div class=\"fb-list__item\">\r\n      <div class=\"fb-list__header\">\r\n        <span class=\"fb-list__index\">{{ $index + 1 }}</span>\r\n        <span class=\"fb-list__spacer\"></span>\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n          aria-label=\"Rimuovi il messaggio\"\r\n          (click)=\"removeMessage($index)\"\r\n        >\r\n          \u00D7\r\n        </button>\r\n      </div>\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label fb-field__label--required\">Messaggio</label>\r\n        <textarea\r\n          class=\"fb-textarea\"\r\n          [value]=\"message.errorMessage || ''\"\r\n          placeholder=\"L\u2019importo supera il limite consentito.\"\r\n          (input)=\"setMessage($index, $any($event.target).value)\"\r\n        ></textarea>\r\n      </div>\r\n\r\n      <label class=\"fb-check\">\r\n        <input\r\n          type=\"checkbox\"\r\n          [checked]=\"message.isFieldError === true\"\r\n          (change)=\"setIsFieldError($index, $any($event.target).checked)\"\r\n        />\r\n        Mostra accanto a un campo\r\n      </label>\r\n\r\n      @if (message.isFieldError) {\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label fb-field__label--required\">Campo</label>\r\n          <input\r\n            class=\"fb-input\"\r\n            [value]=\"message.fieldSelection || ''\"\r\n            placeholder=\"Importo\"\r\n            (input)=\"setFieldSelection($index, $any($event.target).value)\"\r\n          />\r\n        </div>\r\n      }\r\n    </div>\r\n  } @empty {\r\n    <p class=\"fb-empty\">\r\n      Almeno un messaggio e\u2019 obbligatorio: sono il prodotto di questo elemento\r\n      (CUSTOM_ERROR_WITHOUT_MESSAGES).\r\n    </p>\r\n  }\r\n</div>\r\n\r\n<button type=\"button\" class=\"fb-btn\" (click)=\"addMessage()\">Aggiungi messaggio</button>\r\n" }]
+            args: [{ selector: 'fb-custom-error-inspector', standalone: true, imports: [MergeTextEditorComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p class=\"fb-callout\">\r\n  Questo elemento <strong>interrompe</strong> l\u2019esecuzione e restituisce i messaggi al chiamante. Non ha\r\n  uscite: quello che c\u2019e\u2019 dopo non verra\u2019 eseguito.\r\n</p>\r\n\r\n<div class=\"fb-list\">\r\n  @for (message of messages(); track $index) {\r\n    <div class=\"fb-list__item\">\r\n      <div class=\"fb-list__header\">\r\n        <span class=\"fb-list__index\">{{ $index + 1 }}</span>\r\n        <span class=\"fb-list__spacer\"></span>\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n          aria-label=\"Rimuovi il messaggio\"\r\n          (click)=\"removeMessage($index)\"\r\n        >\r\n          \u00D7\r\n        </button>\r\n      </div>\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label fb-field__label--required\">Messaggio</label>\r\n        <!--\r\n          \u00A75.12 \u2014 il messaggio supporta i merge field: l\u2019editor offre l\u2019inserimento di un\r\n          riferimento e li fa verificare dal motore mentre si scrive.\r\n        -->\r\n        <fb-merge-text-editor\r\n          [text]=\"message.errorMessage || ''\"\r\n          placeholder=\"L\u2019ordine {{ '{' }}!Ordine.Numero} e\u2019 gi\u00E0 stato evaso.\"\r\n          ariaLabel=\"Messaggio d\u2019errore\"\r\n          [rows]=\"2\"\r\n          (textChange)=\"setMessage($index, $event)\"\r\n        >\r\n          <p class=\"fb-field__hint\">\r\n            Fra <code>&#123;!</code> e <code>&#125;</code> ci va un riferimento: il runtime lo\r\n            sostituisce quando l\u2019errore scatta.\r\n          </p>\r\n        </fb-merge-text-editor>\r\n      </div>\r\n\r\n      <label class=\"fb-check\">\r\n        <input\r\n          type=\"checkbox\"\r\n          [checked]=\"message.isFieldError === true\"\r\n          (change)=\"setIsFieldError($index, $any($event.target).checked)\"\r\n        />\r\n        Mostra accanto a un campo\r\n      </label>\r\n\r\n      @if (message.isFieldError) {\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label fb-field__label--required\">Campo</label>\r\n          <input\r\n            class=\"fb-input\"\r\n            [value]=\"message.fieldSelection || ''\"\r\n            placeholder=\"Importo\"\r\n            (input)=\"setFieldSelection($index, $any($event.target).value)\"\r\n          />\r\n        </div>\r\n      }\r\n    </div>\r\n  } @empty {\r\n    <p class=\"fb-empty\">\r\n      Almeno un messaggio e\u2019 obbligatorio: sono il prodotto di questo elemento\r\n      (CUSTOM_ERROR_WITHOUT_MESSAGES).\r\n    </p>\r\n  }\r\n</div>\r\n\r\n<button type=\"button\" class=\"fb-btn\" (click)=\"addMessage()\">Aggiungi messaggio</button>\r\n" }]
         }] });
 
 /**
@@ -14217,6 +14570,56 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImpo
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!selectedName()) {\r\n  <p class=\"fb-inspector__empty\">\r\n    Seleziona un elemento sul canvas per modificarlo, oppure trascina un elemento dalla palette.\r\n  </p>\r\n} @else {\r\n  @if (showHeader()) {\r\n    <header class=\"fb-inspector__header\">\r\n      <div>\r\n        <span class=\"fb-inspector__type\">{{ typeLabel() }}</span>\r\n        <h2 class=\"fb-inspector__title\">\r\n          {{ isStart() ? 'Avvio del flow' : node()?.label || selectedName() }}\r\n        </h2>\r\n      </div>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" aria-label=\"Chiudi\" (click)=\"close()\">\r\n        \u00D7\r\n      </button>\r\n    </header>\r\n  }\r\n\r\n  <div class=\"fb-inspector__body\">\r\n    @if (issues().length) {\r\n      <ul class=\"fb-inspector__issues\">\r\n        <!-- `$index`: due rilievi con lo stesso codice e lo stesso path sono possibili. -->\r\n        @for (issue of visibleIssues(); track $index) {\r\n          <li\r\n            class=\"fb-inspector__issue\"\r\n            [class.fb-inspector__issue--error]=\"issue.severity === 'Error'\"\r\n            [class.fb-inspector__issue--warning]=\"issue.severity === 'Warning'\"\r\n          >\r\n            <span class=\"fb-inspector__issue-code\">{{ issue.code }}</span>\r\n            {{ issue.message }}\r\n            @if (issue.path) {\r\n              <span class=\"fb-inspector__issue-path\">{{ issue.path }}</span>\r\n            }\r\n          </li>\r\n        }\r\n      </ul>\r\n      @if (hiddenIssueCount() > 0 || issuesExpanded()) {\r\n        <!-- Sei rilievi in cima riempivano la finestra prima del primo campo: si chiedono. -->\r\n        <button type=\"button\" class=\"fb-inspector__issues-more\" (click)=\"toggleIssues()\">\r\n          @if (issuesExpanded()) {\r\n            Mostra meno\r\n          } @else {\r\n            Altri {{ hiddenIssueCount() }} rilievi su questo elemento\r\n          }\r\n        </button>\r\n      }\r\n    }\r\n\r\n    @if (isUnsupported()) {\r\n      <p class=\"fb-callout fb-callout--error\">\r\n        Questo tipo di elemento non e\u2019 supportato dal motore: il flow che lo contiene non parte\r\n        (ELEMENT_NOT_SUPPORTED). Non e\u2019 creabile dalla palette; se e\u2019 arrivato da un documento importato,\r\n        va rimosso.\r\n      </p>\r\n    }\r\n\r\n    @if (!isStart()) {\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Etichetta</label>\r\n        <input\r\n          class=\"fb-input\"\r\n          [value]=\"$any(node()?.label) || ''\"\r\n          placeholder=\"Nome mostrato sul canvas\"\r\n          (input)=\"setLabel($any($event.target).value)\"\r\n        />\r\n      </div>\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Nome tecnico</label>\r\n        @if (pendingName() === null) {\r\n          <div class=\"fb-field__row\">\r\n            <input class=\"fb-input fb-input--mono\" [value]=\"selectedName() || ''\" readonly />\r\n            <button type=\"button\" class=\"fb-btn\" (click)=\"startRename()\">Rinomina</button>\r\n          </div>\r\n          <p class=\"fb-field__hint\">\r\n            \u00C8 l\u2019identificatore con cui i riferimenti raggiungono questo elemento.\r\n            @if (referenceCount() > 1) {\r\n              Compare {{ referenceCount() }} volte nel documento.\r\n            }\r\n          </p>\r\n        } @else {\r\n          <input\r\n            class=\"fb-input fb-input--mono\"\r\n            [class.fb-input--invalid]=\"!!nameError()\"\r\n            [value]=\"pendingName() || ''\"\r\n            (input)=\"onPendingNameInput($any($event.target).value)\"\r\n          />\r\n          @if (nameError()) {\r\n            <p class=\"fb-field__error\">{{ nameError() }}</p>\r\n          } @else {\r\n            <p class=\"fb-field__hint fb-field__hint--warn\">\r\n              La rinomina riscrive tutti i riferimenti che puntano a questo elemento\r\n              ({{ referenceCount() }} occorrenze): nessuna primitiva del backend lo fa, lo fa l\u2019editor.\r\n            </p>\r\n          }\r\n          <div class=\"fb-field__row\">\r\n            <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"!canRename()\" (click)=\"applyRename()\">\r\n              Applica\r\n            </button>\r\n            <button type=\"button\" class=\"fb-btn\" (click)=\"suggestNameFromLabel()\">Genera dalla label</button>\r\n            <button type=\"button\" class=\"fb-btn fb-btn--ghost\" (click)=\"cancelRename()\">Annulla</button>\r\n          </div>\r\n        }\r\n      </div>\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Descrizione</label>\r\n        <textarea\r\n          class=\"fb-textarea\"\r\n          [value]=\"$any(node()?.description) || ''\"\r\n          (input)=\"setDescription($any($event.target).value)\"\r\n        ></textarea>\r\n      </div>\r\n    }\r\n\r\n    <p class=\"fb-inspector__position\">\r\n      Posizione sul canvas: {{ position().x }}, {{ position().y }}\r\n    </p>\r\n\r\n    <hr class=\"fb-inspector__divider\" />\r\n\r\n    @if (isStart()) {\r\n      <fb-start-inspector />\r\n    } @else if (node()) {\r\n      @switch (type()) {\r\n        @case ('Screen') {\r\n          <fb-screen-inspector [name]=\"selectedName()!\" [node]=\"node()!\" />\r\n        }\r\n        @case ('DynamicScreen') {\r\n          <fb-dynamic-screen-inspector\r\n            [name]=\"selectedName()!\"\r\n            [node]=\"node()!\"\r\n            [initialSelection]=\"initialFieldPath()\"\r\n          />\r\n        }\r\n        @case ('Assignment') {\r\n          <fb-assignment-inspector [name]=\"selectedName()!\" [node]=\"node()!\" />\r\n        }\r\n        @case ('Decision') {\r\n          <fb-decision-inspector [name]=\"selectedName()!\" [node]=\"node()!\" />\r\n        }\r\n        @case ('Loop') {\r\n          <fb-loop-inspector [name]=\"selectedName()!\" [node]=\"node()!\" />\r\n        }\r\n        @case ('CollectionProcessor') {\r\n          <fb-collection-processor-inspector [name]=\"selectedName()!\" [node]=\"node()!\" />\r\n        }\r\n        @case ('CustomError') {\r\n          <fb-custom-error-inspector [name]=\"selectedName()!\" [node]=\"node()!\" />\r\n        }\r\n        @case ('Wait') {\r\n          <fb-wait-inspector [name]=\"selectedName()!\" [node]=\"node()!\" />\r\n        }\r\n        @case ('RecordLookup') {\r\n          <fb-record-lookup-inspector [name]=\"selectedName()!\" [node]=\"node()!\" />\r\n        }\r\n        @case ('RecordCreate') {\r\n          <fb-record-write-inspector [name]=\"selectedName()!\" [node]=\"node()!\" type=\"RecordCreate\" />\r\n        }\r\n        @case ('RecordUpdate') {\r\n          <fb-record-write-inspector [name]=\"selectedName()!\" [node]=\"node()!\" type=\"RecordUpdate\" />\r\n        }\r\n        @case ('RecordDelete') {\r\n          <fb-record-write-inspector [name]=\"selectedName()!\" [node]=\"node()!\" type=\"RecordDelete\" />\r\n        }\r\n        @case ('RecordRollback') {\r\n          <fb-record-rollback-inspector [name]=\"selectedName()!\" [node]=\"node()!\" />\r\n        }\r\n        @case ('ActionCall') {\r\n          <fb-action-call-inspector [name]=\"selectedName()!\" [node]=\"node()!\" />\r\n        }\r\n        @case ('ScriptCall') {\r\n          <fb-script-call-inspector [name]=\"selectedName()!\" [node]=\"node()!\" />\r\n        }\r\n        @case ('Subflow') {\r\n          <fb-subflow-inspector [name]=\"selectedName()!\" [node]=\"node()!\" />\r\n        }\r\n        @case ('Transform') {\r\n          <fb-transform-inspector [name]=\"selectedName()!\" [node]=\"node()!\" />\r\n        }\r\n        @case ('OrchestratedStage') {\r\n          <fb-orchestrated-stage-inspector [name]=\"selectedName()!\" [node]=\"node()!\" />\r\n        }\r\n        @default {\r\n          <p class=\"fb-callout fb-callout--warn\">\r\n            Nessun form specifico per il tipo \u00AB{{ type() }}\u00BB: i campi comuni sono modificabili qui sopra.\r\n          </p>\r\n        }\r\n      }\r\n    }\r\n\r\n    @if (!isStart()) {\r\n      <hr class=\"fb-inspector__divider\" />\r\n      <div class=\"fb-field__row\">\r\n        <button type=\"button\" class=\"fb-btn\" (click)=\"requestDuplicate()\">Duplica</button>\r\n        <button type=\"button\" class=\"fb-btn fb-btn--danger\" (click)=\"requestRemove()\">Elimina</button>\r\n      </div>\r\n    }\r\n  </div>\r\n}\r\n", styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--fb-surface, #fff)}.fb-inspector__empty{margin:16px 12px;font-size:12px;line-height:1.5;color:var(--fb-text-muted, #667085)}.fb-inspector__header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-inspector__type{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--fb-text-subtle, #98a2b3)}.fb-inspector__title{margin:2px 0 0;font-size:14px;font-weight:600;color:var(--fb-text, #1d2939)}.fb-inspector__body{flex:1;min-height:0;overflow-y:auto;padding:14px}.fb-inspector__issues{margin:0 0 12px;padding:0;list-style:none}.fb-inspector__issue{margin-bottom:4px;padding:6px 8px;border-left:3px solid var(--fb-text-subtle, #98a2b3);border-radius:3px;background:var(--fb-surface-alt, #f8f9fb);font-size:11px;line-height:1.4;color:var(--fb-text, #1d2939)}.fb-inspector__issue--error{border-left-color:var(--fb-error, #c9372c)}.fb-inspector__issue--warning{border-left-color:var(--fb-warning, #b7791f)}.fb-inspector__issue-code{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:var(--fb-text-subtle, #98a2b3)}.fb-inspector__issue-path{display:block;margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:var(--fb-text-muted, #667085)}.fb-inspector__position{margin:0;font-size:10px;color:var(--fb-text-subtle, #98a2b3)}.fb-inspector__divider{margin:12px 0;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-inspector__issues-more{display:block;margin:-4px 0 10px;padding:2px 0;border:0;background:none;color:var(--fb-accent, #4f6ef7);font:inherit;font-size:11px;cursor:pointer}.fb-inspector__issues-more:hover{text-decoration:underline}\n"] }]
         }], propDecorators: { selectedName: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedName", required: false }] }], showHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "showHeader", required: false }] }], initialFieldPath: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialFieldPath", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }], removeRequested: [{ type: i0.Output, args: ["removeRequested"] }], duplicateRequested: [{ type: i0.Output, args: ["duplicateRequested"] }], renamed: [{ type: i0.Output, args: ["renamed"] }] } });
 
+/**
+ * Il vincolo di spostamento delle finestre trascinabili dell'editor.
+ *
+ * Cio' che deve restare nel builder e' la **maniglia**, non la finestra: un `cdkDragBoundary`
+ * chiede che l'elemento ci stia tutto, e con una dialog quasi grande quanto il builder non
+ * lascia nessun margine di movimento. Qui invece si spinge la finestra fin quasi fuori — che
+ * e' il punto, la si sposta per guardare cio' che copre — e l'intestazione resta comunque
+ * sotto il puntatore per riportarla indietro.
+ *
+ * Attenzione alla firma, che non e' simmetrica e il compilatore non lo dice: **in** arriva la
+ * posizione del puntatore in coordinate di pagina, **fuori** deve andare l'angolo in alto a
+ * sinistra dell'**elemento** — con un `constrainPosition` il CDK calcola la trasformazione da
+ * `_initialDomRect`, non dal punto di presa. Restituendo un puntatore la finestra si sposta di
+ * quanto e' distante la presa dal suo bordo, e il vincolo scatta nel posto sbagliato.
+ *
+ * Per lo stesso motivo i conti si fanno in coordinate del **viewport**: `_initialDomRect` viene
+ * da `getBoundingClientRect`, mentre il punto in ingresso comprende lo scorrimento della pagina.
+ */
+/** Altezza dell'intestazione: la fetta che deve restare visibile in basso. */
+const HEAD_HEIGHT = 48;
+/** Quanto della finestra resta dentro di lato: una fetta larga come un pezzo d'intestazione. */
+const GRIP = 180;
+function clamp(value, min, max) {
+    // `max` puo' finire sotto `min` in un builder piu' piccolo della presa: lì non c'e' scelta.
+    return Math.max(min, Math.min(max, value));
+}
+/**
+ * Costruisce il `cdkDragConstrainPosition` di una dialog del builder. `panel` deve dare
+ * l'elemento della finestra: il confine e' il `.fb-builder` che la contiene, e senza pannello
+ * (finestra non ancora renderizzata) non si vincola niente.
+ */
+function dialogConstrainPosition(panel) {
+    return (point, _drag, dimensions, pickup) => {
+        const bounds = panel()?.closest('.fb-builder')?.getBoundingClientRect() ?? null;
+        const left = point.x - pickup.x - window.scrollX;
+        const top = point.y - pickup.y - window.scrollY;
+        if (!bounds) {
+            return { x: left, y: top };
+        }
+        // Un bordo di 1px lo si perde subito e la dialog diventa irraggiungibile: la fetta che
+        // resta dentro e' larga abbastanza da poterla riafferrare.
+        const grip = Math.min(GRIP, dimensions.width);
+        const head = Math.min(HEAD_HEIGHT, dimensions.height);
+        return {
+            x: clamp(left, bounds.left + grip - dimensions.width, bounds.right - grip),
+            y: clamp(top, bounds.top, bounds.bottom - head),
+        };
+    };
+}
+
 /**
  * Il dettaglio dell'elemento in una dialog, come nel flow builder di Salesforce.
  *
@@ -14242,9 +14645,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImpo
  *
  * Il confine **non** e' `cdkDragBoundary`: la finestra e' larga 1400px e alta 860, cioe' quasi
  * quanto il builder, e un confine che la vuole dentro per intero la rende immobile — la miglioria
- * non si vedrebbe. Al suo posto c'e' `cdkDragConstrainPosition` (vedi {@link constrainPosition}),
- * che tiene dentro **l'intestazione** e nient'altro: si puo' spingere la dialog quasi fuori per
- * guardare il grafo, e la maniglia con cui riportarla indietro resta sempre afferrabile.
+ * non si vedrebbe. Al suo posto c'e' `cdkDragConstrainPosition`, che tiene dentro
+ * **l'intestazione** e nient'altro: si puo' spingere la dialog quasi fuori per guardare il grafo,
+ * e la maniglia con cui riportarla indietro resta sempre afferrabile. La regola sta in
+ * `ui/shared/dialog-drag.ts`, condivisa con le altre finestre trascinabili.
  *
  * La maniglia e' l'intestazione **e non il pannello**: dentro il corpo c'e' un altro `cdkDrag` —
  * i campi del compositore dello screen dinamico (§5.2) — e senza maniglia il gesto su un campo
@@ -14253,10 +14657,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImpo
  * La posizione **non** si azzera cambiando elemento: la dialog resta viva quando la selezione
  * passa da un elemento all'altro, e rimetterla al centro disferebbe uno spostamento voluto.
  */
-function clamp(value, min, max) {
-    // `max` puo' finire sotto `min` in un builder piu' piccolo della presa: lì non c'e' scelta.
-    return Math.max(min, Math.min(max, value));
-}
 class ElementDialogComponent {
     store = inject(FlowDocumentStore);
     dictionaries = inject(FlowDictionaryStore);
@@ -14294,44 +14694,8 @@ class ElementDialogComponent {
             }
         });
     }
-    /**
-     * Vincolo dello spostamento: cio' che deve restare nel builder e' la **maniglia**, non la
-     * finestra. Un `cdkDragBoundary` chiede che l'elemento ci stia tutto, e con una dialog quasi
-     * grande quanto il builder non lascia nessun margine di movimento; qui invece si spinge la
-     * finestra fin quasi fuori — che e' il punto: si sposta per guardare cio' che copre — e
-     * l'intestazione resta comunque sotto il puntatore per riportarla indietro.
-     *
-     * Attenzione alla firma, che non e' simmetrica e il compilatore non lo dice: **in** arriva la
-     * posizione del puntatore in coordinate di pagina, **fuori** deve andare l'angolo in alto a
-     * sinistra dell'**elemento** — con un `constrainPosition` il CDK calcola la trasformazione da
-     * `_initialDomRect`, non dal punto di presa. Restituendo un puntatore la finestra si sposta di
-     * quanto e' distante la presa dal suo bordo, e il vincolo scatta nel posto sbagliato.
-     *
-     * Per lo stesso motivo i conti si fanno in coordinate del **viewport**: `_initialDomRect` viene
-     * da `getBoundingClientRect`, mentre il punto in ingresso comprende lo scorrimento della pagina.
-     */
-    constrainPosition = (point, _drag, dimensions, pickup) => {
-        const bounds = this.builderBounds();
-        const left = point.x - pickup.x - window.scrollX;
-        const top = point.y - pickup.y - window.scrollY;
-        if (!bounds) {
-            return { x: left, y: top };
-        }
-        // Quanto della finestra resta dentro: una fetta larga come un pezzo d'intestazione, non zero
-        // — un bordo di 1px lo si perde subito e la dialog diventa irraggiungibile.
-        const grip = Math.min(180, dimensions.width);
-        const head = Math.min(ElementDialogComponent.HEAD_HEIGHT, dimensions.height);
-        return {
-            x: clamp(left, bounds.left + grip - dimensions.width, bounds.right - grip),
-            y: clamp(top, bounds.top, bounds.bottom - head),
-        };
-    };
-    /** Altezza dell'intestazione: la fetta che deve restare visibile in basso. */
-    static HEAD_HEIGHT = 48;
-    /** Il rettangolo del builder, nelle stesse coordinate in cui il CDK vuole la risposta. */
-    builderBounds() {
-        return this.panel()?.nativeElement.closest('.fb-builder')?.getBoundingClientRect() ?? null;
-    }
+    /** Il vincolo: dentro il builder resta la maniglia, non la finestra intera. */
+    constrainPosition = dialogConstrainPosition(() => this.panel()?.nativeElement);
     close() {
         this.closed.emit();
     }
@@ -14511,19 +14875,55 @@ function countNameUses(root, name) {
 }
 
 /**
- * Le risorse — FRONTEND.md §4.6.
+ * I controlli locali su una risorsa, condivisi fra l'elenco e la dialog di modifica.
  *
- * Sette tipi, ognuno nella propria collection. **Solo le variabili sono scrivibili**:
- * assegnare a una costante o a una formula e' `TARGET_NOT_WRITABLE`, e per questo il
- * pannello mostra quali risorse possono comparire come destinazione e quali no.
+ * Stanno qui e non in uno dei due perche' servono a **tutti e due**, e per motivi diversi:
+ * nell'elenco dicono quali righe hanno qualcosa che non va senza doverle aprire una per una,
+ * nella dialog dicono **cosa** non va mentre lo si sta scrivendo. Due copie sarebbero due
+ * copie che divergono, e il difetto sarebbe una riga verde nell'elenco su una risorsa rotta.
+ */
+/**
+ * Nome valido e libero nello spazio dei nomi condiviso con i node (§3.3, §13.5).
  *
- * Il nome vive nello stesso spazio dei nomi dei node (§3.3): una variabile chiamata come un
- * elemento e' un errore, non una stranezza tollerata, e il controllo qui guarda **entrambi**
- * gli insiemi — e' la trappola §13.5.
+ * Il controllo guarda **entrambi** gli insiemi: un omonimo di un elemento e' un errore, non
+ * una stranezza tollerata, e un controllo di unicita' che guardasse le sole risorse lo manca.
  */
+function resourceNameError(reference, usedNames) {
+    const check = checkFlowName(reference.name, usedNames, reference.name);
+    if (!check.isValid) {
+        return check.message ?? 'Nome non valido.';
+    }
+    const clashes = usedNames.filter((name) => name.toLowerCase() === reference.name.toLowerCase());
+    return clashes.length > 1 ? 'Questo nome e’ usato anche da un altro elemento o risorsa.' : null;
+}
+/** Una costante che referenzia una risorsa e' `CONSTANT_REFERENCES_RESOURCE`. */
+function constantReferencesResource(reference) {
+    if (reference.collection !== 'constants') {
+        return false;
+    }
+    const value = reference.resource['value'];
+    return !!value?.elementReference || !!value?.formulaExpression;
+}
+/** `stageOrder` duplicati: quale stage sia il corrente all'avvio diventa arbitrario. */
+function duplicateStageOrder(reference, resources) {
+    if (reference.collection !== 'stages') {
+        return false;
+    }
+    const order = reference.resource['stageOrder'];
+    if (order === undefined) {
+        return false;
+    }
+    return (resources.filter((entry) => entry.collection === 'stages' && entry.resource['stageOrder'] === order)
+        .length > 1);
+}
+
 /**
- * Le sette collection. `resourceKinds` del dizionario le descrive, ma la mappa
- * collection → comportamento del form resta qui perche' i campi cambiano per tipo.
+ * Le sette collection di risorse (§4.6).
+ *
+ * `resourceKinds` del dizionario le **descrive**, ma la mappa collection → comportamento del
+ * form resta qui perche' i campi cambiano per tipo, e cambiano in modo che nessun dizionario
+ * dichiara. Sta in un file suo perche' la usano in due: l'elenco, per le schede e il testo del
+ * bottone «Aggiungi», e la dialog, per dire di che cosa e' il form che ha aperto.
  */
 const RESOURCE_KINDS = [
     {
@@ -14576,21 +14976,42 @@ const RESOURCE_KINDS = [
         note: 'Gli stage si fanno avanzare con un Assignment su $Flow.CurrentStage.',
     },
 ];
+/** Il descrittore di una collection; in mancanza il primo, che e' quello delle variabili. */
+function resourceKindOf(collection) {
+    return RESOURCE_KINDS.find((kind) => kind.collection === collection) ?? RESOURCE_KINDS[0];
+}
+
+/**
+ * L'elenco delle risorse — FRONTEND.md §4.6.
+ *
+ * Sette tipi, ognuno nella propria collection. **Solo le variabili sono scrivibili**:
+ * assegnare a una costante o a una formula e' `TARGET_NOT_WRITABLE`, e per questo il
+ * pannello mostra quali risorse possono comparire come destinazione e quali no.
+ *
+ * Il pannello e' un **elenco**, non un form: aggiungere o modificare una risorsa apre la
+ * dialog dedicata (`fb-resource-dialog`). Il form stava qui dentro, inline sotto la riga, e in
+ * una colonna da 340px spingeva l'elenco fuori dallo schermo — cioe' faceva sparire il contesto
+ * per cui l'elenco esiste. Cio' che resta qui e' quello che si legge **senza** aprire: nome,
+ * tipo, quante volte e' usata, e i rilievi locali della riga.
+ *
+ * La finestra non la monta il pannello ma il builder, e per una ragione sola: qui dentro
+ * sarebbe ritagliata dallo scorrimento della colonna laterale. Il pannello **annuncia** quale
+ * risorsa si vuole configurare (`editRequested`) e riceve indietro quale sia aperta
+ * (`editing`), invece di tenerne una copia sua che si scollerebbe alla prima chiusura fatta
+ * dalla finestra.
+ */
 class ResourcePanelComponent {
     store = inject(FlowDocumentStore);
-    dictionaries = inject(FlowDictionaryStore);
-    catalog = inject(FlowCatalogStore);
     closed = output();
     /** Dove aprire il pannello: e' l'arrivo della ricerca su una risorsa. */
     target = input(null, ...(ngDevMode ? [{ debugName: "target" }] : []));
+    /** La risorsa aperta nella finestra di modifica: la decide il builder, non il pannello. */
+    editing = input(null, ...(ngDevMode ? [{ debugName: "editing" }] : []));
+    /** Quale risorsa configurare; `null` chiude la finestra. */
+    editRequested = output();
     kinds = RESOURCE_KINDS;
-    dataTypes = computed(() => this.dictionaries.dataTypes(), ...(ngDevMode ? [{ debugName: "dataTypes" }] : []));
-    sortOrders = computed(() => this.dictionaries.sortOrders(), ...(ngDevMode ? [{ debugName: "sortOrders" }] : []));
-    enumTypes = signal([], ...(ngDevMode ? [{ debugName: "enumTypes" }] : []));
     /** La collection aperta nel pannello. */
     activeCollection = signal('variables', ...(ngDevMode ? [{ debugName: "activeCollection" }] : []));
-    /** L'indice della risorsa in modifica, o `null`. */
-    editingIndex = signal(null, ...(ngDevMode ? [{ debugName: "editingIndex" }] : []));
     /**
      * La risorsa per cui e' stata chiesta la rimozione ma che risulta **usata**: si conferma.
      * La chiave e' `collection:index`, non la risorsa, perche' l'oggetto viene ricostruito a ogni
@@ -14598,42 +15019,51 @@ class ResourcePanelComponent {
      */
     pendingRemoval = signal(null, ...(ngDevMode ? [{ debugName: "pendingRemoval" }] : []));
     constructor() {
-        void this.catalog.listEnumTypes().then((list) => this.enumTypes.set(list ?? []));
-        // L'arrivo dalla ricerca: apre la scheda giusta e la risorsa, in modifica.
+        // L'arrivo dalla ricerca: apre la scheda giusta e la risorsa, nella finestra.
         effect(() => {
             const target = this.target();
             if (!target) {
                 return;
             }
             this.activeCollection.set(target.collection);
-            this.editingIndex.set(target.index);
+            this.editRequested.emit({ collection: target.collection, index: target.index });
         });
     }
-    enumOptions = computed(() => this.enumTypes(), ...(ngDevMode ? [{ debugName: "enumOptions" }] : []));
-    activeKind = computed(() => RESOURCE_KINDS.find((kind) => kind.collection === this.activeCollection()) ?? RESOURCE_KINDS[0], ...(ngDevMode ? [{ debugName: "activeKind" }] : []));
+    activeKind = computed(() => resourceKindOf(this.activeCollection()), ...(ngDevMode ? [{ debugName: "activeKind" }] : []));
     items = computed(() => this.store.resources().filter((reference) => reference.collection === this.activeCollection()), ...(ngDevMode ? [{ debugName: "items" }] : []));
     countOf(collection) {
         return this.store.resources().filter((reference) => reference.collection === collection).length;
     }
     select(collection) {
         this.activeCollection.set(collection);
-        this.editingIndex.set(null);
+        // Cambiare scheda con una finestra aperta su un'altra collection lascerebbe due contesti
+        // discordi: si chiude.
+        this.editRequested.emit(null);
+    }
+    isEditing(reference) {
+        const editing = this.editing();
+        return !!editing && editing.collection === reference.collection && editing.index === reference.index;
     }
-    toggleEdit(index) {
-        this.editingIndex.set(this.editingIndex() === index ? null : index);
+    /** Il click sul nome: apre la finestra, o la chiude se e' già quella risorsa. */
+    edit(reference) {
+        this.editRequested.emit(this.isEditing(reference) ? null : { collection: reference.collection, index: reference.index });
     }
+    // -------------------------------------------------------------------------
+    // Rilievi locali della riga
+    // -------------------------------------------------------------------------
     /** Nome valido e libero nello spazio dei nomi condiviso con i node (§3.3, §13.5). */
     nameError(reference) {
-        const check = checkFlowName(reference.name, this.store.usedNames(), reference.name);
-        if (!check.isValid) {
-            return check.message ?? 'Nome non valido.';
-        }
-        // Un omonimo di un node: il controllo di unicita' che guarda solo le risorse lo manca.
-        const clashes = this.store
-            .usedNames()
-            .filter((name) => name.toLowerCase() === reference.name.toLowerCase());
-        return clashes.length > 1 ? 'Questo nome e’ usato anche da un altro elemento o risorsa.' : null;
+        return resourceNameError(reference, this.store.usedNames());
+    }
+    constantReferencesResource(reference) {
+        return constantReferencesResource(reference);
+    }
+    duplicateStageOrder(reference) {
+        return duplicateStageOrder(reference, this.store.resources());
     }
+    // -------------------------------------------------------------------------
+    // Aggiunta e rimozione
+    // -------------------------------------------------------------------------
     add() {
         const kind = this.activeKind();
         const name = uniqueFlowName(kind.singular.replace(/\s+/g, '_'), this.store.usedNames());
@@ -14657,7 +15087,9 @@ class ResourcePanelComponent {
             resource['label'] = name;
         }
         this.store.addResource(kind.collection, resource);
-        this.editingIndex.set(this.items().length);
+        // La risorsa nuova e' l'ultima della collection, e si apre subito: aggiungerla senza aprirla
+        // lascerebbe una riga chiamata «variabile_1» da configurare in un secondo gesto.
+        this.editRequested.emit({ collection: kind.collection, index: this.items().length - 1 });
     }
     /**
      * Quante volte la risorsa e' **usata** nel documento.
@@ -14696,14 +15128,83 @@ class ResourcePanelComponent {
     }
     remove(reference) {
         this.store.removeResource(reference.collection, reference.index);
-        this.editingIndex.set(null);
+        // Gli indici delle risorse dopo di lei scalano: una finestra aperta punterebbe a un'altra
+        // risorsa, non a nessuna. Si chiude.
+        this.editRequested.emit(null);
         this.pendingRemoval.set(null);
     }
-    rename(reference, name) {
+    // -------------------------------------------------------------------------
+    // Lettura per la riga
+    // -------------------------------------------------------------------------
+    string(reference, field) {
+        const value = reference.resource[field];
+        return value === undefined || value === null ? '' : String(value);
+    }
+    boolean(reference, field) {
+        return reference.resource[field] === true;
+    }
+    close() {
+        this.closed.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ResourcePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: ResourcePanelComponent, isStandalone: true, selector: "fb-resource-panel", inputs: { target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, editing: { classPropertyName: "editing", publicName: "editing", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", editRequested: "editRequested" }, ngImport: i0, template: "<header class=\"fb-res__header\">\r\n  <h2 class=\"fb-res__title\">Risorse</h2>\r\n  <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" aria-label=\"Chiudi\" (click)=\"close()\">\u00D7</button>\r\n</header>\r\n\r\n<nav class=\"fb-res__tabs\" aria-label=\"Tipi di risorsa\">\r\n  @for (kind of kinds; track kind.collection) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-res__tab\"\r\n      [class.fb-res__tab--active]=\"activeCollection() === kind.collection\"\r\n      (click)=\"select(kind.collection)\"\r\n    >\r\n      {{ kind.label }}\r\n      <span class=\"fb-res__count\">{{ countOf(kind.collection) }}</span>\r\n    </button>\r\n  }\r\n</nav>\r\n\r\n<div class=\"fb-res__body\">\r\n  <p class=\"fb-section__note\">{{ activeKind().note }}</p>\r\n\r\n  <div class=\"fb-list\">\r\n    @for (item of items(); track item.collection + ':' + item.index) {\r\n      <div class=\"fb-list__item\" [class.fb-list__item--active]=\"isEditing(item)\">\r\n        <div class=\"fb-list__header\">\r\n          <!--\r\n            Il nome apre la finestra di modifica: qui l\u2019elenco resta un elenco, e cio\u2019 che si\r\n            configura non lo copre. \u00C8 la stessa scelta della dialog del dettaglio.\r\n          -->\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-res__name\"\r\n            [title]=\"'Configura ' + (item.name || 'la risorsa')\"\r\n            (click)=\"edit(item)\"\r\n          >\r\n            <span class=\"fb-res__name-text\">{{ item.name || '(senza nome)' }}</span>\r\n            <span class=\"fb-res__meta\">\r\n              {{ string(item, 'dataType') }}{{ boolean(item, 'isCollection') ? '[]' : '' }}\r\n              @if (boolean(item, 'isInput')) {\r\n                \u00B7 input\r\n              }\r\n              @if (boolean(item, 'isOutput')) {\r\n                \u00B7 output\r\n              }\r\n            </span>\r\n          </button>\r\n          <span class=\"fb-list__spacer\"></span>\r\n          <!--\r\n            Il numero di usi sta accanto al nome perche\u2019 e\u2019 cio\u2019 che decide se si puo\u2019 togliere:\r\n            \u00ABnon usata\u00BB e\u2019 un invito a fare pulizia, \u00ABusata 15 volte\u00BB e\u2019 un avvertimento.\r\n          -->\r\n          @let uses = usesOf(item);\r\n          @if (uses === 0) {\r\n            <span class=\"fb-res__uses fb-res__uses--none\" title=\"Nessun riferimento la usa: si puo\u2019 togliere\">\r\n              non usata\r\n            </span>\r\n          } @else {\r\n            <span\r\n              class=\"fb-res__uses\"\r\n              [title]=\"'Referenziata ' + uses + ' volte nel documento, formule comprese'\"\r\n            >\r\n              {{ uses }} usi\r\n            </span>\r\n          }\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Rimuovi la risorsa\"\r\n            [title]=\"uses ? 'Rimuovi: e\u2019 usata ' + uses + ' volte, verra\u2019 chiesta conferma' : 'Rimuovi'\"\r\n            (click)=\"requestRemove(item)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        @if (isPendingRemoval(item)) {\r\n          <!--\r\n            La conferma sta qui e non in una finestra: la riga che si sta togliendo resta sotto\r\n            gli occhi, e il numero di riferimenti che si rompono e\u2019 il dato della decisione.\r\n          -->\r\n          <p class=\"fb-callout fb-callout--warn fb-res__confirm\">\r\n            <span>\r\n              \u00AB{{ item.name }}\u00BB e\u2019 usata {{ usesOf(item) }} volte: togliendola quei riferimenti\r\n              restano orfani e la validazione li segnalera\u2019.\r\n            </span>\r\n            <button type=\"button\" class=\"fb-btn fb-btn--icon\" (click)=\"remove(item)\">Rimuovi comunque</button>\r\n            <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"cancelRemove()\">\r\n              Annulla\r\n            </button>\r\n          </p>\r\n        }\r\n\r\n        <!--\r\n          I rilievi locali restano nell\u2019elenco anche ora che il form sta altrove: senza, per\r\n          sapere quali risorse hanno qualcosa che non va bisognerebbe aprirle una per una.\r\n        -->\r\n        @if (nameError(item); as message) {\r\n          <p class=\"fb-field__error\">{{ message }}</p>\r\n        }\r\n        @if (constantReferencesResource(item)) {\r\n          <p class=\"fb-callout fb-callout--error\">\r\n            Una costante deve essere un valore fisso: non puo\u2019 referenziare altre risorse\r\n            (CONSTANT_REFERENCES_RESOURCE).\r\n          </p>\r\n        }\r\n        @if (duplicateStageOrder(item)) {\r\n          <p class=\"fb-callout fb-callout--warn\">\r\n            Due stage con lo stesso ordine: quale sia il corrente all\u2019avvio diventa arbitrario\r\n            (STAGE_ORDER_DUPLICATED).\r\n          </p>\r\n        }\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessuna risorsa di questo tipo.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn fb-btn--primary\" (click)=\"add()\">\r\n    Aggiungi {{ activeKind().singular }}\r\n  </button>\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--fb-surface, #fff)}.fb-res__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-res__title{margin:0;font-size:14px;font-weight:600;color:var(--fb-text, #1d2939)}.fb-res__tabs{display:flex;flex-wrap:wrap;gap:2px;padding:6px 8px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-res__tab{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:12px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}.fb-res__tab:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-res__tab--active{border-color:var(--fb-accent, #2f6feb);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent);color:var(--fb-accent, #2f6feb);font-weight:600}.fb-res__count{padding:0 4px;border-radius:6px;background:var(--fb-border, #d6dae1);font-size:9px;color:var(--fb-text, #1d2939)}.fb-res__body{flex:1;min-height:0;overflow-y:auto;padding:10px 12px}.fb-res__name{flex:1;min-width:0;display:flex;flex-direction:column;padding:0;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-res__name-text{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-res__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-res__uses{flex:none;padding:1px 6px;border-radius:999px;background:var(--fb-surface-sunken, #eef0f4);color:var(--fb-text-muted, #6b7086);font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.fb-res__uses--none{background:color-mix(in srgb,var(--fb-warning, #b7791f) 12%,transparent);color:var(--fb-warning, #b7791f)}.fb-res__confirm{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.fb-list__item--active{border-color:var(--fb-accent, #2f6feb);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 6%,var(--fb-surface-alt, #f8f9fb))}.fb-list__item .fb-list__header{margin-bottom:0}.fb-list__item .fb-list__header+*{margin-top:6px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ResourcePanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fb-resource-panel', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"fb-res__header\">\r\n  <h2 class=\"fb-res__title\">Risorse</h2>\r\n  <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" aria-label=\"Chiudi\" (click)=\"close()\">\u00D7</button>\r\n</header>\r\n\r\n<nav class=\"fb-res__tabs\" aria-label=\"Tipi di risorsa\">\r\n  @for (kind of kinds; track kind.collection) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-res__tab\"\r\n      [class.fb-res__tab--active]=\"activeCollection() === kind.collection\"\r\n      (click)=\"select(kind.collection)\"\r\n    >\r\n      {{ kind.label }}\r\n      <span class=\"fb-res__count\">{{ countOf(kind.collection) }}</span>\r\n    </button>\r\n  }\r\n</nav>\r\n\r\n<div class=\"fb-res__body\">\r\n  <p class=\"fb-section__note\">{{ activeKind().note }}</p>\r\n\r\n  <div class=\"fb-list\">\r\n    @for (item of items(); track item.collection + ':' + item.index) {\r\n      <div class=\"fb-list__item\" [class.fb-list__item--active]=\"isEditing(item)\">\r\n        <div class=\"fb-list__header\">\r\n          <!--\r\n            Il nome apre la finestra di modifica: qui l\u2019elenco resta un elenco, e cio\u2019 che si\r\n            configura non lo copre. \u00C8 la stessa scelta della dialog del dettaglio.\r\n          -->\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-res__name\"\r\n            [title]=\"'Configura ' + (item.name || 'la risorsa')\"\r\n            (click)=\"edit(item)\"\r\n          >\r\n            <span class=\"fb-res__name-text\">{{ item.name || '(senza nome)' }}</span>\r\n            <span class=\"fb-res__meta\">\r\n              {{ string(item, 'dataType') }}{{ boolean(item, 'isCollection') ? '[]' : '' }}\r\n              @if (boolean(item, 'isInput')) {\r\n                \u00B7 input\r\n              }\r\n              @if (boolean(item, 'isOutput')) {\r\n                \u00B7 output\r\n              }\r\n            </span>\r\n          </button>\r\n          <span class=\"fb-list__spacer\"></span>\r\n          <!--\r\n            Il numero di usi sta accanto al nome perche\u2019 e\u2019 cio\u2019 che decide se si puo\u2019 togliere:\r\n            \u00ABnon usata\u00BB e\u2019 un invito a fare pulizia, \u00ABusata 15 volte\u00BB e\u2019 un avvertimento.\r\n          -->\r\n          @let uses = usesOf(item);\r\n          @if (uses === 0) {\r\n            <span class=\"fb-res__uses fb-res__uses--none\" title=\"Nessun riferimento la usa: si puo\u2019 togliere\">\r\n              non usata\r\n            </span>\r\n          } @else {\r\n            <span\r\n              class=\"fb-res__uses\"\r\n              [title]=\"'Referenziata ' + uses + ' volte nel documento, formule comprese'\"\r\n            >\r\n              {{ uses }} usi\r\n            </span>\r\n          }\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Rimuovi la risorsa\"\r\n            [title]=\"uses ? 'Rimuovi: e\u2019 usata ' + uses + ' volte, verra\u2019 chiesta conferma' : 'Rimuovi'\"\r\n            (click)=\"requestRemove(item)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        @if (isPendingRemoval(item)) {\r\n          <!--\r\n            La conferma sta qui e non in una finestra: la riga che si sta togliendo resta sotto\r\n            gli occhi, e il numero di riferimenti che si rompono e\u2019 il dato della decisione.\r\n          -->\r\n          <p class=\"fb-callout fb-callout--warn fb-res__confirm\">\r\n            <span>\r\n              \u00AB{{ item.name }}\u00BB e\u2019 usata {{ usesOf(item) }} volte: togliendola quei riferimenti\r\n              restano orfani e la validazione li segnalera\u2019.\r\n            </span>\r\n            <button type=\"button\" class=\"fb-btn fb-btn--icon\" (click)=\"remove(item)\">Rimuovi comunque</button>\r\n            <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"cancelRemove()\">\r\n              Annulla\r\n            </button>\r\n          </p>\r\n        }\r\n\r\n        <!--\r\n          I rilievi locali restano nell\u2019elenco anche ora che il form sta altrove: senza, per\r\n          sapere quali risorse hanno qualcosa che non va bisognerebbe aprirle una per una.\r\n        -->\r\n        @if (nameError(item); as message) {\r\n          <p class=\"fb-field__error\">{{ message }}</p>\r\n        }\r\n        @if (constantReferencesResource(item)) {\r\n          <p class=\"fb-callout fb-callout--error\">\r\n            Una costante deve essere un valore fisso: non puo\u2019 referenziare altre risorse\r\n            (CONSTANT_REFERENCES_RESOURCE).\r\n          </p>\r\n        }\r\n        @if (duplicateStageOrder(item)) {\r\n          <p class=\"fb-callout fb-callout--warn\">\r\n            Due stage con lo stesso ordine: quale sia il corrente all\u2019avvio diventa arbitrario\r\n            (STAGE_ORDER_DUPLICATED).\r\n          </p>\r\n        }\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessuna risorsa di questo tipo.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn fb-btn--primary\" (click)=\"add()\">\r\n    Aggiungi {{ activeKind().singular }}\r\n  </button>\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--fb-surface, #fff)}.fb-res__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-res__title{margin:0;font-size:14px;font-weight:600;color:var(--fb-text, #1d2939)}.fb-res__tabs{display:flex;flex-wrap:wrap;gap:2px;padding:6px 8px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-res__tab{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:12px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}.fb-res__tab:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-res__tab--active{border-color:var(--fb-accent, #2f6feb);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent);color:var(--fb-accent, #2f6feb);font-weight:600}.fb-res__count{padding:0 4px;border-radius:6px;background:var(--fb-border, #d6dae1);font-size:9px;color:var(--fb-text, #1d2939)}.fb-res__body{flex:1;min-height:0;overflow-y:auto;padding:10px 12px}.fb-res__name{flex:1;min-width:0;display:flex;flex-direction:column;padding:0;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-res__name-text{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-res__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-res__uses{flex:none;padding:1px 6px;border-radius:999px;background:var(--fb-surface-sunken, #eef0f4);color:var(--fb-text-muted, #6b7086);font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.fb-res__uses--none{background:color-mix(in srgb,var(--fb-warning, #b7791f) 12%,transparent);color:var(--fb-warning, #b7791f)}.fb-res__confirm{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.fb-list__item--active{border-color:var(--fb-accent, #2f6feb);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 6%,var(--fb-surface-alt, #f8f9fb))}.fb-list__item .fb-list__header{margin-bottom:0}.fb-list__item .fb-list__header+*{margin-top:6px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { closed: [{ type: i0.Output, args: ["closed"] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }], editing: [{ type: i0.Input, args: [{ isSignal: true, alias: "editing", required: false }] }], editRequested: [{ type: i0.Output, args: ["editRequested"] }] } });
+
+/**
+ * Il form di **una** risorsa (§4.6).
+ *
+ * Prima stava inline nell'elenco, sotto la riga della risorsa aperta; oggi lo monta la dialog
+ * dedicata. La separazione non e' cosmetica: i campi cambiano molto per tipo — un dynamic
+ * choice set porta sorgente, due campi, ordinamento, limite e un editor di filtri — e in una
+ * colonna da 340px il form spingeva l'elenco fuori dallo schermo, cioe' faceva sparire proprio
+ * il contesto («quali altre risorse ci sono») per cui l'elenco esiste.
+ *
+ * Il componente **non tiene una bozza**: come ovunque nell'editor, ogni modifica entra subito
+ * nel documento e l'annulla generale e' la rete. Per questo non ha «Annulla» e non ha «Salva».
+ */
+class ResourceFormComponent {
+    store = inject(FlowDocumentStore);
+    dictionaries = inject(FlowDictionaryStore);
+    catalog = inject(FlowCatalogStore);
+    /** La risorsa in modifica. Arriva ricostruita a ogni ricalcolo del documento. */
+    reference = input.required(...(ngDevMode ? [{ debugName: "reference" }] : []));
+    dataTypes = computed(() => this.dictionaries.dataTypes(), ...(ngDevMode ? [{ debugName: "dataTypes" }] : []));
+    sortOrders = computed(() => this.dictionaries.sortOrders(), ...(ngDevMode ? [{ debugName: "sortOrders" }] : []));
+    enumTypes = signal([], ...(ngDevMode ? [{ debugName: "enumTypes" }] : []));
+    enumOptions = computed(() => this.enumTypes(), ...(ngDevMode ? [{ debugName: "enumOptions" }] : []));
+    defaultDisplayField = ENUM_CHOICE_SET_DEFAULT_DISPLAY_FIELD;
+    defaultValueField = ENUM_CHOICE_SET_DEFAULT_VALUE_FIELD;
+    constructor() {
+        void this.catalog.listEnumTypes().then((list) => this.enumTypes.set(list ?? []));
+    }
+    collection = computed(() => this.reference().collection, ...(ngDevMode ? [{ debugName: "collection" }] : []));
+    resource = computed(() => this.reference().resource, ...(ngDevMode ? [{ debugName: "resource" }] : []));
+    // -------------------------------------------------------------------------
+    // Rilievi locali (gli stessi che l'elenco mostra sulla riga)
+    // -------------------------------------------------------------------------
+    nameError() {
+        return resourceNameError(this.reference(), this.store.usedNames());
+    }
+    constantReferencesResource() {
+        return constantReferencesResource(this.reference());
+    }
+    duplicateStageOrder() {
+        return duplicateStageOrder(this.reference(), this.store.resources());
+    }
+    // -------------------------------------------------------------------------
+    // Scrittura sul documento
+    // -------------------------------------------------------------------------
+    rename(name) {
         // Rinominare riscrive i riferimenti: nessuna primitiva lo fa per noi (§13.8).
+        const reference = this.reference();
         this.store.renameResource(reference.collection, reference.index, name);
     }
-    setField(reference, field, value) {
+    setField(field, value) {
+        const reference = this.reference();
         this.store.updateResource(reference.collection, reference.index, (resource) => {
             if (value === undefined || value === null || value === '') {
                 delete resource[field];
@@ -14713,11 +15214,12 @@ class ResourcePanelComponent {
             }
         });
     }
-    setNumberField(reference, field, raw) {
+    setNumberField(field, raw) {
         const parsed = Number.parseInt(raw, 10);
-        this.setField(reference, field, Number.isNaN(parsed) ? undefined : parsed);
+        this.setField(field, Number.isNaN(parsed) ? undefined : parsed);
     }
-    setBooleanField(reference, field, value) {
+    setBooleanField(field, value) {
+        const reference = this.reference();
         this.store.updateResource(reference.collection, reference.index, (resource) => {
             if (value) {
                 resource[field] = true;
@@ -14732,26 +15234,64 @@ class ResourcePanelComponent {
      * applicare al contenitore, non i filtri gia' pronti: qui il contenitore e' la risorsa stessa,
      * e la mutazione va dentro `updateResource` perche' e' lì che il documento viene rimpiazzato.
      */
-    onFiltersChanged(reference, mutate) {
+    onFiltersChanged(mutate) {
+        const reference = this.reference();
         this.store.updateResource(reference.collection, reference.index, (resource) => {
             mutate(resource);
         });
     }
+    setValue(value) {
+        const reference = this.reference();
+        this.store.updateResource(reference.collection, reference.index, (resource) => {
+            if (value) {
+                resource['value'] = value;
+            }
+            else {
+                delete resource['value'];
+            }
+        });
+    }
+    setDataType(dataType) {
+        const reference = this.reference();
+        this.store.updateResource(reference.collection, reference.index, (resource) => {
+            resource['dataType'] = dataType;
+            if (!this.dictionaries.requiresObjectType(dataType)) {
+                delete resource['objectType'];
+            }
+            // `scale` si applica solo ai numerici: altrove e' `SCALE_NOT_APPLICABLE`.
+            if (!this.dictionaries.supportsScale(dataType)) {
+                delete resource['scale'];
+            }
+            // Una `Structure` non ha forma letterale: un `value` rimasto lì non significherebbe
+            // niente per il runtime e sarebbe solo rumore nel documento (§4.7).
+            if (this.dictionaries.isStructure(dataType)) {
+                delete resource['value'];
+            }
+        });
+    }
     // -------------------------------------------------------------------------
     // Dynamic choice set (§5.2): tre sorgenti che si escludono a vicenda
     // -------------------------------------------------------------------------
-    /** La sorgente scelta per un set che ancora non ne dichiara nessuna. */
+    /**
+     * La sorgente scelta per un set che ancora non ne dichiara nessuna. La chiave e'
+     * `collection:index` e non la risorsa: l'oggetto viene ricostruito a ogni ricalcolo del
+     * documento, e la dialog puo' passare da una risorsa all'altra senza essere ricreata.
+     */
     pendingSource = signal({}, ...(ngDevMode ? [{ debugName: "pendingSource" }] : []));
+    key() {
+        const reference = this.reference();
+        return `${reference.collection}:${reference.index}`;
+    }
     /**
      * La sorgente dichiarata vince sempre: e' cio' che c'e' nel documento. Finche' non c'e' niente
-     * conta la scelta fatta nel pannello, e in mancanza si apre sulla query — la sorgente storica.
+     * conta la scelta fatta nel form, e in mancanza si apre sulla query — la sorgente storica.
      */
-    choiceSetSource(reference) {
-        const declared = choiceSetSourceOf(reference.resource);
+    choiceSetSource() {
+        const declared = choiceSetSourceOf(this.resource());
         if (declared) {
             return declared;
         }
-        return this.pendingSource()[`${reference.collection}:${reference.index}`] ?? 'object';
+        return this.pendingSource()[this.key()] ?? 'object';
     }
     /**
      * Cambiare sorgente cancella le altre — dichiararne due e' `CHOICE_SET_SOURCE_AMBIGUOUS` — e
@@ -14759,11 +15299,9 @@ class ResourcePanelComponent {
      * proprieta' di un valore di enum, quindi lasciarli lì trasformerebbe un cambio di sorgente in
      * tre `FIELD_UNKNOWN` che l'utente non ha scritto.
      */
-    setChoiceSetSource(reference, source) {
-        this.pendingSource.update((map) => ({
-            ...map,
-            [`${reference.collection}:${reference.index}`]: source,
-        }));
+    setChoiceSetSource(source) {
+        this.pendingSource.update((map) => ({ ...map, [this.key()]: source }));
+        const reference = this.reference();
         this.store.updateResource(reference.collection, reference.index, (resource) => {
             for (const field of otherSourceFieldsOf(source)) {
                 delete resource[field];
@@ -14780,15 +15318,15 @@ class ResourcePanelComponent {
         });
     }
     /** Su un choice set da enum il tipo e' `enumType`: il campo generico sarebbe un doppione. */
-    hidesObjectType(reference) {
-        return (reference.collection === 'dynamicChoiceSets' && this.choiceSetSource(reference) === 'enum');
+    hidesObjectType() {
+        return this.collection() === 'dynamicChoiceSets' && this.choiceSetSource() === 'enum';
     }
-    isChoiceSetSource(reference, source) {
-        return this.choiceSetSource(reference) === source;
+    isChoiceSetSource(source) {
+        return this.choiceSetSource() === source;
     }
     /** Piu' di una sorgente nel documento: il runtime ne usa una sola (§5.2). */
-    ambiguousChoiceSetSource(reference) {
-        return declaredChoiceSetSources(reference.resource).length > 1;
+    ambiguousChoiceSetSource() {
+        return declaredChoiceSetSources(this.resource()).length > 1;
     }
     /**
      * §5.2 — i campi citabili di un choice set da enum. Le etichette le dice il dizionario; il
@@ -14810,114 +15348,67 @@ class ResourcePanelComponent {
         }));
     }, ...(ngDevMode ? [{ debugName: "enumChoiceSetFields" }] : []));
     /** Fuori dalle tre proprieta' di un valore di enum: `FIELD_UNKNOWN`. */
-    unknownEnumChoiceSetField(reference, field) {
-        return isUnknownEnumChoiceSetField(this.string(reference, field));
+    unknownEnumChoiceSetField(field) {
+        return isUnknownEnumChoiceSetField(this.string(field));
     }
     /**
      * §5.2 — qui l'elenco dei tipi e' **autorevole** quando non e' vuoto: un `enumType` che il
      * catalogo non conosce e' un errore, non l'avviso che si darebbe su un catalogo di campi.
      */
-    unknownEnumType(reference) {
-        const declared = this.string(reference, 'enumType');
+    unknownEnumType() {
+        const declared = this.string('enumType');
         if (!declared || !this.enumOptions().length) {
             return false;
         }
         return !this.enumOptions().some((entry) => entry.name === declared);
     }
-    defaultDisplayField = ENUM_CHOICE_SET_DEFAULT_DISPLAY_FIELD;
-    defaultValueField = ENUM_CHOICE_SET_DEFAULT_VALUE_FIELD;
-    setValue(reference, value) {
-        this.store.updateResource(reference.collection, reference.index, (resource) => {
-            if (value) {
-                resource['value'] = value;
-            }
-            else {
-                delete resource['value'];
-            }
-        });
-    }
-    setDataType(reference, dataType) {
-        this.store.updateResource(reference.collection, reference.index, (resource) => {
-            resource['dataType'] = dataType;
-            if (!this.dictionaries.requiresObjectType(dataType)) {
-                delete resource['objectType'];
-            }
-            // `scale` si applica solo ai numerici: altrove e' `SCALE_NOT_APPLICABLE`.
-            if (!this.dictionaries.supportsScale(dataType)) {
-                delete resource['scale'];
-            }
-            // Una `Structure` non ha forma letterale: un `value` rimasto lì non significherebbe
-            // niente per il runtime e sarebbe solo rumore nel documento (§4.7).
-            if (this.dictionaries.isStructure(dataType)) {
-                delete resource['value'];
-            }
-        });
-    }
-    requiresObjectType(reference) {
-        return this.dictionaries.requiresObjectType(reference.resource['dataType']);
+    // -------------------------------------------------------------------------
+    // Tipo della risorsa
+    // -------------------------------------------------------------------------
+    requiresObjectType() {
+        return this.dictionaries.requiresObjectType(this.resource()['dataType']);
     }
-    supportsScale(reference) {
-        return this.dictionaries.supportsScale(reference.resource['dataType']);
+    supportsScale() {
+        return this.dictionaries.supportsScale(this.resource()['dataType']);
     }
-    isEnum(reference) {
-        return reference.resource['dataType'] === 'Enum';
+    isEnum() {
+        return this.resource()['dataType'] === 'Enum';
     }
     /** §4.7 — un'istanza di classe: `objectType` e' il nome della classe, non di un'entita'. */
-    isStructure(reference) {
-        return this.dictionaries.isStructure(reference.resource['dataType']);
+    isStructure() {
+        return this.dictionaries.isStructure(this.resource()['dataType']);
     }
     /**
      * §4.7 — una `Structure` non ha una forma letterale: nasce dal runtime come istanza vuota e i
      * membri si assegnano uno alla volta. Mostrare un campo «valore iniziale» prometterebbe una
      * cosa che il modello non sa esprimere.
      */
-    supportsInitialValue(reference) {
-        return !this.isStructure(reference);
+    supportsInitialValue() {
+        return !this.isStructure();
     }
     /** Su una `Structure` l'`objectType` mancante e' un errore, non un avviso (§4.7). */
-    missingObjectType(reference) {
-        return this.isStructure(reference) && !this.string(reference, 'objectType');
-    }
-    /** Una costante che referenzia una risorsa e' `CONSTANT_REFERENCES_RESOURCE`. */
-    constantReferencesResource(reference) {
-        if (reference.collection !== 'constants') {
-            return false;
-        }
-        const value = reference.resource['value'];
-        return !!value?.elementReference || !!value?.formulaExpression;
-    }
-    /** `stageOrder` duplicati: quale stage sia il corrente all'avvio diventa arbitrario. */
-    duplicateStageOrder(reference) {
-        if (reference.collection !== 'stages') {
-            return false;
-        }
-        const order = reference.resource['stageOrder'];
-        if (order === undefined) {
-            return false;
-        }
-        return (this.store
-            .resources()
-            .filter((entry) => entry.collection === 'stages' && entry.resource['stageOrder'] === order).length > 1);
+    missingObjectType() {
+        return this.isStructure() && !this.string('objectType');
     }
-    string(reference, field) {
-        const value = reference.resource[field];
+    // -------------------------------------------------------------------------
+    // Lettura
+    // -------------------------------------------------------------------------
+    string(field) {
+        const value = this.resource()[field];
         return value === undefined || value === null ? '' : String(value);
     }
-    boolean(reference, field) {
-        return reference.resource[field] === true;
+    boolean(field) {
+        return this.resource()[field] === true;
     }
-    value(reference) {
-        return reference.resource['value'];
+    value() {
+        return this.resource()['value'];
     }
-    close() {
-        this.closed.emit();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ResourcePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: ResourcePanelComponent, isStandalone: true, selector: "fb-resource-panel", inputs: { target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, ngImport: i0, template: "<header class=\"fb-res__header\">\r\n  <h2 class=\"fb-res__title\">Risorse</h2>\r\n  <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" aria-label=\"Chiudi\" (click)=\"close()\">\u00D7</button>\r\n</header>\r\n\r\n<nav class=\"fb-res__tabs\" aria-label=\"Tipi di risorsa\">\r\n  @for (kind of kinds; track kind.collection) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-res__tab\"\r\n      [class.fb-res__tab--active]=\"activeCollection() === kind.collection\"\r\n      (click)=\"select(kind.collection)\"\r\n    >\r\n      {{ kind.label }}\r\n      <span class=\"fb-res__count\">{{ countOf(kind.collection) }}</span>\r\n    </button>\r\n  }\r\n</nav>\r\n\r\n<div class=\"fb-res__body\">\r\n  <p class=\"fb-section__note\">{{ activeKind().note }}</p>\r\n\r\n  <div class=\"fb-list\">\r\n    @for (item of items(); track item.collection + ':' + item.index) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <button type=\"button\" class=\"fb-res__name\" (click)=\"toggleEdit($index)\">\r\n            <span class=\"fb-res__name-text\">{{ item.name || '(senza nome)' }}</span>\r\n            <span class=\"fb-res__meta\">\r\n              {{ string(item, 'dataType') }}{{ boolean(item, 'isCollection') ? '[]' : '' }}\r\n              @if (boolean(item, 'isInput')) {\r\n                \u00B7 input\r\n              }\r\n              @if (boolean(item, 'isOutput')) {\r\n                \u00B7 output\r\n              }\r\n            </span>\r\n          </button>\r\n          <span class=\"fb-list__spacer\"></span>\r\n          <!--\r\n            Il numero di usi sta accanto al nome perche\u2019 e\u2019 cio\u2019 che decide se si puo\u2019 togliere:\r\n            \u00ABnon usata\u00BB e\u2019 un invito a fare pulizia, \u00ABusata 15 volte\u00BB e\u2019 un avvertimento.\r\n          -->\r\n          @let uses = usesOf(item);\r\n          @if (uses === 0) {\r\n            <span class=\"fb-res__uses fb-res__uses--none\" title=\"Nessun riferimento la usa: si puo\u2019 togliere\">\r\n              non usata\r\n            </span>\r\n          } @else {\r\n            <span\r\n              class=\"fb-res__uses\"\r\n              [title]=\"'Referenziata ' + uses + ' volte nel documento, formule comprese'\"\r\n            >\r\n              {{ uses }} usi\r\n            </span>\r\n          }\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Rimuovi la risorsa\"\r\n            [title]=\"uses ? 'Rimuovi: e\u2019 usata ' + uses + ' volte, verra\u2019 chiesta conferma' : 'Rimuovi'\"\r\n            (click)=\"requestRemove(item)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        @if (isPendingRemoval(item)) {\r\n          <!--\r\n            La conferma sta qui e non in una finestra: la riga che si sta togliendo resta sotto\r\n            gli occhi, e il numero di riferimenti che si rompono e\u2019 il dato della decisione.\r\n          -->\r\n          <p class=\"fb-callout fb-callout--warn fb-res__confirm\">\r\n            <span>\r\n              \u00AB{{ item.name }}\u00BB e\u2019 usata {{ usesOf(item) }} volte: togliendola quei riferimenti\r\n              restano orfani e la validazione li segnalera\u2019.\r\n            </span>\r\n            <button type=\"button\" class=\"fb-btn fb-btn--icon\" (click)=\"remove(item)\">Rimuovi comunque</button>\r\n            <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"cancelRemove()\">\r\n              Annulla\r\n            </button>\r\n          </p>\r\n        }\r\n\r\n        @if (nameError(item)) {\r\n          <p class=\"fb-field__error\">{{ nameError(item) }}</p>\r\n        }\r\n        @if (constantReferencesResource(item)) {\r\n          <p class=\"fb-callout fb-callout--error\">\r\n            Una costante deve essere un valore fisso: non puo\u2019 referenziare altre risorse\r\n            (CONSTANT_REFERENCES_RESOURCE).\r\n          </p>\r\n        }\r\n        @if (duplicateStageOrder(item)) {\r\n          <p class=\"fb-callout fb-callout--warn\">\r\n            Due stage con lo stesso ordine: quale sia il corrente all\u2019avvio diventa arbitrario\r\n            (STAGE_ORDER_DUPLICATED).\r\n          </p>\r\n        }\r\n\r\n        @if (editingIndex() === $index) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label fb-field__label--required\">Nome</label>\r\n            <input\r\n              class=\"fb-input fb-input--mono\"\r\n              [value]=\"item.name\"\r\n              (change)=\"rename(item, $any($event.target).value)\"\r\n            />\r\n            <p class=\"fb-field__hint\">\r\n              Il nome vive nello stesso spazio dei nomi degli elementi. Rinominare riscrive i riferimenti.\r\n            </p>\r\n          </div>\r\n\r\n          @if (item.collection === 'stages') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Etichetta</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                [value]=\"string(item, 'label')\"\r\n                (input)=\"setField(item, 'label', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Ordine</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                type=\"number\"\r\n                min=\"1\"\r\n                [value]=\"string(item, 'stageOrder')\"\r\n                (input)=\"setNumberField(item, 'stageOrder', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isActive')\"\r\n                (change)=\"setBooleanField(item, 'isActive', $any($event.target).checked)\"\r\n              />\r\n              Attivo all\u2019avvio\r\n            </label>\r\n            <p class=\"fb-field__hint\">\r\n              All\u2019avvio lo stage corrente e\u2019 il primo attivo per ordine. Si avanza con un Assignment su\r\n              <code>$Flow.CurrentStage</code>.\r\n            </p>\r\n          }\r\n\r\n          @if (item.collection === 'textTemplates') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Testo</label>\r\n              <textarea\r\n                class=\"fb-textarea\"\r\n                [value]=\"string(item, 'text')\"\r\n                placeholder=\"Gentile {!Cliente.Nome},\"\r\n                (input)=\"setField(item, 'text', $any($event.target).value)\"\r\n              ></textarea>\r\n            </div>\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isViewedAsPlainText')\"\r\n                (change)=\"setBooleanField(item, 'isViewedAsPlainText', $any($event.target).checked)\"\r\n              />\r\n              Testo semplice\r\n            </label>\r\n          }\r\n\r\n          @if (item.collection !== 'textTemplates' && item.collection !== 'stages') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Tipo</label>\r\n              <select\r\n                class=\"fb-select\"\r\n                [fbValue]=\"string(item, 'dataType')\"\r\n                (change)=\"setDataType(item, $any($event.target).value)\"\r\n              >\r\n                @for (type of dataTypes(); track type.value) {\r\n                  <option [value]=\"type.value\">{{ type.label }}</option>\r\n                }\r\n              </select>\r\n              @if (item.collection === 'dynamicChoiceSets') {\r\n                <!--\r\n                  \u00A75.2 \u2014 il valore di un'opzione **generata** non lo scrive l'autore del flow: lo produce\r\n                  la sorgente, nel tipo in cui il sistema ospite lo tiene, e `dataType` decide il tipo in\r\n                  cui viaggia. La regola e' generale \u2014 vale per tutte e tre le sorgenti \u2014 e si vede su un\r\n                  oggetto la cui chiave e' un enum, dove nella tendina serve di norma il numero.\r\n                -->\r\n                <p class=\"fb-field__hint\">\r\n                  Decide il tipo in cui viaggia il valore dell\u2019opzione, con qualunque sorgente:\r\n                  <code>String</code> il nome come testo, <code>Integer</code> o <code>Number</code> il\r\n                  numero sottostante, <code>Enum</code> il valore tipizzato \u2014 che e\u2019 cio\u2019 che serve in un\r\n                  parametro o in un membro di classe <code>Enum</code>. Una conversione impossibile non fa\r\n                  fallire niente: resta il valore prodotto dalla sorgente.\r\n                </p>\r\n              }\r\n            </div>\r\n\r\n            @if (requiresObjectType(item) && !hidesObjectType(item)) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label fb-field__label--required\">\r\n                  @if (isEnum(item)) {\r\n                    Tipo di enumerazione\r\n                  } @else if (isStructure(item)) {\r\n                    Classe\r\n                  } @else {\r\n                    Oggetto\r\n                  }\r\n                </label>\r\n                @if (isEnum(item)) {\r\n                  <!-- Dizionario chiuso: qui la scrittura libera non serve. -->\r\n                  <select\r\n                    class=\"fb-select\"\r\n                    [fbValue]=\"string(item, 'objectType')\"\r\n                    (change)=\"setField(item, 'objectType', $any($event.target).value)\"\r\n                  >\r\n                    <option value=\"\">\u2014 scegli \u2014</option>\r\n                    @for (entry of enumOptions(); track entry.name) {\r\n                      <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n                    }\r\n                  </select>\r\n                } @else if (isStructure(item)) {\r\n                  <!-- \u00A74.7: una classe del backend, non un'entita' del modello dati. -->\r\n                  <fb-structure-picker\r\n                    [value]=\"string(item, 'objectType') || undefined\"\r\n                    label=\"Classe\"\r\n                    (valueChange)=\"setField(item, 'objectType', $event ?? '')\"\r\n                  />\r\n                } @else {\r\n                  <fb-object-picker\r\n                    [value]=\"string(item, 'objectType') || undefined\"\r\n                    label=\"Oggetto\"\r\n                    placeholder=\"Scrivi o scegli un oggetto\"\r\n                    (valueChange)=\"setField(item, 'objectType', $event ?? '')\"\r\n                  />\r\n                }\r\n                @if (missingObjectType(item)) {\r\n                  <!-- Su una Structure non e' un avviso: senza classe non c'e' nulla da istanziare. -->\r\n                  <p class=\"fb-field__error\">\r\n                    La classe e\u2019 obbligatoria: senza, l\u2019attivazione e\u2019 bloccata (OBJECT_TYPE_MISSING).\r\n                  </p>\r\n                } @else if (isStructure(item)) {\r\n                  <p class=\"fb-field__hint\">\r\n                    Il flow ne legge e scrive i <strong>membri</strong> (<code>Nome.Membro</code>): non si\r\n                    interroga con Get Records ne\u2019 si salva con Create/Update.\r\n                  </p>\r\n                } @else {\r\n                  <p class=\"fb-field__hint\">Obbligatorio per Object ed Enum (OBJECT_TYPE_MISSING).</p>\r\n                }\r\n              </div>\r\n            }\r\n\r\n            @if (supportsScale(item)) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">Decimali</label>\r\n                <input\r\n                  class=\"fb-input\"\r\n                  type=\"number\"\r\n                  min=\"0\"\r\n                  [value]=\"string(item, 'scale')\"\r\n                  (input)=\"setNumberField(item, 'scale', $any($event.target).value)\"\r\n                />\r\n              </div>\r\n            }\r\n          }\r\n\r\n          @if (item.collection === 'variables') {\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isCollection')\"\r\n                (change)=\"setBooleanField(item, 'isCollection', $any($event.target).checked)\"\r\n              />\r\n              \u00C8 una collection\r\n            </label>\r\n            <p class=\"fb-field__hint\">Solo una collection puo\u2019 essere iterata da un Loop.</p>\r\n\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isInput')\"\r\n                (change)=\"setBooleanField(item, 'isInput', $any($event.target).checked)\"\r\n              />\r\n              Valorizzabile all\u2019avvio (input)\r\n            </label>\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isOutput')\"\r\n                (change)=\"setBooleanField(item, 'isOutput', $any($event.target).checked)\"\r\n              />\r\n              Leggibile alla fine (output)\r\n            </label>\r\n            <p class=\"fb-field__hint\">\r\n              Input e output sono il contratto del flow verso chi lo invoca, subflow compresi.\r\n            </p>\r\n          }\r\n\r\n          @if (item.collection === 'formulas') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Espressione</label>\r\n              <!--\r\n                Il tipo atteso e' quello che la risorsa dichiara, e `scale` va con lui: sono cio'\r\n                che permette al motore di dire che l'espressione produce altro (\u00A76.3).\r\n              -->\r\n              <fb-formula-editor\r\n                [expression]=\"string(item, 'expression')\"\r\n                usage=\"Resource\"\r\n                [expectedDataType]=\"$any(item.resource['dataType'])\"\r\n                [scale]=\"$any(item.resource['scale'])\"\r\n                placeholder=\"Importo * 1.22\"\r\n                ariaLabel=\"Espressione della formula\"\r\n                (expressionChange)=\"setField(item, 'expression', $event)\"\r\n              >\r\n                <p class=\"fb-field__hint\">\r\n                  Passata verbatim al motore di regole: la sintassi delle funzioni e\u2019 del motore.\r\n                </p>\r\n              </fb-formula-editor>\r\n            </div>\r\n          }\r\n\r\n          @if (item.collection === 'choices') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Testo mostrato</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                [value]=\"string(item, 'choiceText')\"\r\n                (input)=\"setField(item, 'choiceText', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n          }\r\n\r\n          @if (item.collection === 'dynamicChoiceSets') {\r\n            <!--\r\n              \u00A75.2 \u2014 le sorgenti sono tre e si escludono a vicenda: i pulsanti le rendono\r\n              mutuamente esclusive nel documento, non solo nel form.\r\n            -->\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Da dove arrivano le opzioni</label>\r\n              <div class=\"fb-filter__modes\" role=\"group\" aria-label=\"Sorgente delle opzioni\">\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-filter__mode\"\r\n                  [class.fb-filter__mode--active]=\"isChoiceSetSource(item, 'collection')\"\r\n                  (click)=\"setChoiceSetSource(item, 'collection')\"\r\n                >\r\n                  Collection del flow\r\n                </button>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-filter__mode\"\r\n                  [class.fb-filter__mode--active]=\"isChoiceSetSource(item, 'object')\"\r\n                  (click)=\"setChoiceSetSource(item, 'object')\"\r\n                >\r\n                  Query su un oggetto\r\n                </button>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-filter__mode\"\r\n                  [class.fb-filter__mode--active]=\"isChoiceSetSource(item, 'enum')\"\r\n                  (click)=\"setChoiceSetSource(item, 'enum')\"\r\n                >\r\n                  Valori di un enum\r\n                </button>\r\n              </div>\r\n            </div>\r\n\r\n            @if (ambiguousChoiceSetSource(item)) {\r\n              <p class=\"fb-callout fb-callout--warn\">\r\n                Questo choice set dichiara piu\u2019 di una sorgente: il runtime ne usa una sola\r\n                (CHOICE_SET_SOURCE_AMBIGUOUS). Scegli quella giusta qui sopra: le altre vengono tolte.\r\n              </p>\r\n            }\r\n\r\n            @if (isChoiceSetSource(item, 'collection')) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label fb-field__label--required\">Collection</label>\r\n                <fb-reference-picker\r\n                  [value]=\"string(item, 'collectionReference')\"\r\n                  [isCollection]=\"true\"\r\n                  placeholder=\"Scegli una collection\"\r\n                  (valueChange)=\"setField(item, 'collectionReference', $event ?? '')\"\r\n                />\r\n                <p class=\"fb-field__hint\">\r\n                  Tipicamente il risultato di un Get Records: le opzioni sono i record che il flow ha gi\u00E0\r\n                  letto.\r\n                </p>\r\n              </div>\r\n            }\r\n\r\n            @if (isChoiceSetSource(item, 'object')) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label fb-field__label--required\">Oggetto</label>\r\n                <fb-object-picker\r\n                  [value]=\"string(item, 'object') || undefined\"\r\n                  placeholder=\"Scrivi o scegli un oggetto\"\r\n                  (valueChange)=\"setField(item, 'object', $event ?? '')\"\r\n                />\r\n              </div>\r\n            }\r\n\r\n            @if (isChoiceSetSource(item, 'enum')) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label fb-field__label--required\">Tipo di enumerazione</label>\r\n                <!-- Dizionario chiuso, e qui e' anche **autorevole**: un tipo fuori elenco e' un errore. -->\r\n                <select\r\n                  class=\"fb-select\"\r\n                  [fbValue]=\"string(item, 'enumType')\"\r\n                  (change)=\"setField(item, 'enumType', $any($event.target).value)\"\r\n                >\r\n                  <option value=\"\">\u2014 scegli \u2014</option>\r\n                  @for (entry of enumOptions(); track entry.name) {\r\n                    <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n                  }\r\n                </select>\r\n                @if (unknownEnumType(item)) {\r\n                  <p class=\"fb-field__error\">\r\n                    Il tipo \u00AB{{ string(item, 'enumType') }}\u00BB non e\u2019 fra quelli utilizzabili\r\n                    (ENUM_TYPE_UNKNOWN).\r\n                  </p>\r\n                } @else {\r\n                  <p class=\"fb-field__hint\">\r\n                    Le opzioni sono i valori dichiarati dal tipo: nessuna choice da tenere allineata a mano.\r\n                  </p>\r\n                }\r\n              </div>\r\n            }\r\n\r\n            @if (isChoiceSetSource(item, 'enum')) {\r\n              <!--\r\n                \u00A75.2 \u2014 qui i campi citabili sono le tre proprieta' di un valore di enum, non i campi\r\n                di un'entita': l'elenco viene dal dizionario, e i default rendono superfluo dichiararli.\r\n              -->\r\n              <div class=\"fb-field__row\">\r\n                <div class=\"fb-field\">\r\n                  <label class=\"fb-field__label\">Campo mostrato</label>\r\n                  <select\r\n                    class=\"fb-select\"\r\n                    [fbValue]=\"string(item, 'displayField')\"\r\n                    (change)=\"setField(item, 'displayField', $any($event.target).value)\"\r\n                  >\r\n                    <option value=\"\">Predefinito ({{ defaultDisplayField }})</option>\r\n                    @for (field of enumChoiceSetFields(); track field.value) {\r\n                      <option [value]=\"field.value\">{{ field.label }}</option>\r\n                    }\r\n                  </select>\r\n                  @if (unknownEnumChoiceSetField(item, 'displayField')) {\r\n                    <p class=\"fb-field__error\">\r\n                      \u00AB{{ string(item, 'displayField') }}\u00BB non e\u2019 una proprieta\u2019 di un valore di enum\r\n                      (FIELD_UNKNOWN).\r\n                    </p>\r\n                  }\r\n                </div>\r\n                <div class=\"fb-field\">\r\n                  <label class=\"fb-field__label\">Campo del valore</label>\r\n                  <select\r\n                    class=\"fb-select\"\r\n                    [fbValue]=\"string(item, 'valueField')\"\r\n                    (change)=\"setField(item, 'valueField', $any($event.target).value)\"\r\n                  >\r\n                    <option value=\"\">Predefinito ({{ defaultValueField }})</option>\r\n                    @for (field of enumChoiceSetFields(); track field.value) {\r\n                      <option [value]=\"field.value\">{{ field.label }}</option>\r\n                    }\r\n                  </select>\r\n                  @if (unknownEnumChoiceSetField(item, 'valueField')) {\r\n                    <p class=\"fb-field__error\">\r\n                      \u00AB{{ string(item, 'valueField') }}\u00BB non e\u2019 una proprieta\u2019 di un valore di enum\r\n                      (FIELD_UNKNOWN).\r\n                    </p>\r\n                  }\r\n                </div>\r\n              </div>\r\n              <p class=\"fb-field__hint\">\r\n                Dichiarare <code>Integer</code> come tipo della risorsa e\u2019 la stessa cosa che scegliere qui\r\n                \u00ABValore numerico\u00BB: il valore dell\u2019opzione e\u2019 il numero sottostante.\r\n              </p>\r\n            } @else {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label fb-field__label--required\">Campo mostrato</label>\r\n                <fb-field-picker\r\n                  [value]=\"string(item, 'displayField') || undefined\"\r\n                  [object]=\"string(item, 'object') || undefined\"\r\n                  usage=\"any\"\r\n                  label=\"Campo mostrato\"\r\n                  (valueChange)=\"setField(item, 'displayField', $event ?? '')\"\r\n                />\r\n              </div>\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label fb-field__label--required\">Campo del valore</label>\r\n                <fb-field-picker\r\n                  [value]=\"string(item, 'valueField') || undefined\"\r\n                  [object]=\"string(item, 'object') || undefined\"\r\n                  usage=\"any\"\r\n                  label=\"Campo del valore\"\r\n                  (valueChange)=\"setField(item, 'valueField', $event ?? '')\"\r\n                />\r\n              </div>\r\n            }\r\n            <div class=\"fb-field__row\">\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">Ordina per</label>\r\n                @if (isChoiceSetSource(item, 'enum')) {\r\n                  <select\r\n                    class=\"fb-select\"\r\n                    [fbValue]=\"string(item, 'sortField')\"\r\n                    (change)=\"setField(item, 'sortField', $any($event.target).value)\"\r\n                  >\r\n                    <option value=\"\">Ordine di dichiarazione</option>\r\n                    @for (field of enumChoiceSetFields(); track field.value) {\r\n                      <option [value]=\"field.value\">{{ field.label }}</option>\r\n                    }\r\n                  </select>\r\n                  @if (unknownEnumChoiceSetField(item, 'sortField')) {\r\n                    <p class=\"fb-field__error\">\r\n                      \u00AB{{ string(item, 'sortField') }}\u00BB non e\u2019 una proprieta\u2019 di un valore di enum\r\n                      (FIELD_UNKNOWN).\r\n                    </p>\r\n                  }\r\n                } @else {\r\n                  <fb-field-picker\r\n                    [value]=\"string(item, 'sortField') || undefined\"\r\n                    [object]=\"string(item, 'object') || undefined\"\r\n                    usage=\"sortable\"\r\n                    label=\"Campo di ordinamento\"\r\n                    placeholder=\"Nessun ordinamento\"\r\n                    (valueChange)=\"setField(item, 'sortField', $event ?? '')\"\r\n                  />\r\n                }\r\n              </div>\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">Direzione</label>\r\n                <select\r\n                  class=\"fb-select\"\r\n                  [fbValue]=\"string(item, 'sortOrder')\"\r\n                  (change)=\"setField(item, 'sortOrder', $any($event.target).value)\"\r\n                >\r\n                  <option value=\"\">\u2014</option>\r\n                  @for (order of sortOrders(); track order.value) {\r\n                    <option [value]=\"order.value\">{{ order.label }}</option>\r\n                  }\r\n                </select>\r\n              </div>\r\n            </div>\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Numero massimo</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                type=\"number\"\r\n                min=\"1\"\r\n                [value]=\"string(item, 'limit')\"\r\n                (input)=\"setNumberField(item, 'limit', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n            <!--\r\n              `supportsLogic` a false: qui `filterLogic` non esiste nel modello, e inviarlo lo\r\n              perderebbe in silenzio al primo salvataggio (\u00A74.4). Nessun `emptyWarning`: senza\r\n              filtri il set legge tutti i record dell\u2019oggetto, che qui e\u2019 un uso legittimo.\r\n              Su un enum i filtri li valuta il runtime **in memoria**, e i campi sono le tre\r\n              proprieta\u2019 di un valore: `fieldOptions` e\u2019 cio\u2019 che sostituisce il catalogo (\u00A75.2).\r\n            -->\r\n            <fb-record-filter-editor\r\n              [holder]=\"$any(item.resource)\"\r\n              [object]=\"isChoiceSetSource(item, 'enum') ? undefined : string(item, 'object') || undefined\"\r\n              [fieldOptions]=\"isChoiceSetSource(item, 'enum') ? enumChoiceSetFields() : []\"\r\n              [title]=\"\r\n                isChoiceSetSource(item, 'enum') ? 'Quali valori diventano opzioni' : 'Quali record diventano opzioni'\r\n              \"\r\n              usage=\"filterable\"\r\n              [supportsLogic]=\"false\"\r\n              (changed)=\"onFiltersChanged(item, $event)\"\r\n            />\r\n          }\r\n\r\n          @if (isStructure(item) && item.collection === 'variables') {\r\n            <p class=\"fb-field__hint\">\r\n              Non serve un valore iniziale: la variabile parte con un\u2019istanza vuota, e il flow ne assegna i\r\n              membri uno alla volta con un Assignment.\r\n            </p>\r\n          }\r\n\r\n          @if (\r\n            supportsInitialValue(item) &&\r\n            (item.collection === 'variables' || item.collection === 'constants' || item.collection === 'choices')\r\n          ) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">\r\n                {{ item.collection === 'variables' ? 'Valore iniziale' : 'Valore' }}\r\n              </label>\r\n              <fb-value-editor\r\n                [value]=\"value(item)\"\r\n                [dataType]=\"$any(item.resource['dataType'])\"\r\n                [objectType]=\"$any(item.resource['objectType'])\"\r\n                [isCollection]=\"boolean(item, 'isCollection')\"\r\n                [allowFormula]=\"item.collection !== 'constants'\"\r\n                label=\"Valore\"\r\n                (valueChange)=\"setValue(item, $event)\"\r\n              />\r\n            </div>\r\n          }\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Descrizione</label>\r\n            <input\r\n              class=\"fb-input\"\r\n              [value]=\"string(item, 'description')\"\r\n              (input)=\"setField(item, 'description', $any($event.target).value)\"\r\n            />\r\n          </div>\r\n        }\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessuna risorsa di questo tipo.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn fb-btn--primary\" (click)=\"add()\">\r\n    Aggiungi {{ activeKind().singular }}\r\n  </button>\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--fb-surface, #fff)}.fb-res__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-res__title{margin:0;font-size:14px;font-weight:600;color:var(--fb-text, #1d2939)}.fb-res__tabs{display:flex;flex-wrap:wrap;gap:2px;padding:6px 8px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-res__tab{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:12px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}.fb-res__tab:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-res__tab--active{border-color:var(--fb-accent, #2f6feb);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent);color:var(--fb-accent, #2f6feb);font-weight:600}.fb-res__count{padding:0 4px;border-radius:6px;background:var(--fb-border, #d6dae1);font-size:9px;color:var(--fb-text, #1d2939)}.fb-res__body{flex:1;min-height:0;overflow-y:auto;padding:10px 12px}.fb-res__name{flex:1;min-width:0;display:flex;flex-direction:column;padding:0;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-res__name-text{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-res__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-res__uses{flex:none;padding:1px 6px;border-radius:999px;background:var(--fb-surface-sunken, #eef0f4);color:var(--fb-text-muted, #6b7086);font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.fb-res__uses--none{background:color-mix(in srgb,var(--fb-warning, #b7791f) 12%,transparent);color:var(--fb-warning, #b7791f)}.fb-res__confirm{display:flex;flex-wrap:wrap;align-items:center;gap:6px}\n"], dependencies: [{ kind: "component", type: FieldPickerComponent, selector: "fb-field-picker", inputs: ["value", "object", "usage", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: FormulaEditorComponent, selector: "fb-formula-editor", inputs: ["expression", "usage", "expectedDataType", "scale", "placeholder", "ariaLabel", "disabled", "rows", "commitOn"], outputs: ["expressionChange"] }, { kind: "component", type: ObjectPickerComponent, selector: "fb-object-picker", inputs: ["value", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: ReferencePickerComponent, selector: "fb-reference-picker", inputs: ["value", "label", "placeholder", "disabled", "dataType", "isCollection", "objectType", "writableOnly", "elementsOnly", "extraReferences"], outputs: ["valueChange"] }, { kind: "component", type: RecordFilterEditorComponent, selector: "fb-record-filter-editor", inputs: ["holder", "object", "title", "usage", "fieldOptions", "supportsLogic", "supportsFormula", "emptyWarning", "emptyWarningSeverity"], outputs: ["changed"] }, { kind: "component", type: StructurePickerComponent, selector: "fb-structure-picker", inputs: ["value", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: ValueEditorComponent, selector: "fb-value-editor", inputs: ["value", "label", "dataType", "objectType", "isCollection", "valueSet", "disabled", "allowFormula"], outputs: ["valueChange"] }, { kind: "directive", type: SelectValueDirective, selector: "select[fbValue]", inputs: ["fbValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ResourceFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: ResourceFormComponent, isStandalone: true, selector: "fb-resource-form", inputs: { reference: { classPropertyName: "reference", publicName: "reference", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<!--\r\n  Il form di **una** risorsa: e' cio' che prima stava inline sotto la riga dell'elenco, e ora\r\n  vive nella dialog. I rilievi locali stanno in cima e non accanto al campo che li produce\r\n  perche' qui il form si apre gi\u00E0 puntato sulla risorsa: la domanda \u00ABcosa non va\u00BB viene prima\r\n  di \u00ABdove\u00BB.\r\n-->\r\n@if (nameError(); as message) {\r\n  <p class=\"fb-field__error\">{{ message }}</p>\r\n}\r\n@if (constantReferencesResource()) {\r\n  <p class=\"fb-callout fb-callout--error\">\r\n    Una costante deve essere un valore fisso: non puo\u2019 referenziare altre risorse\r\n    (CONSTANT_REFERENCES_RESOURCE).\r\n  </p>\r\n}\r\n@if (duplicateStageOrder()) {\r\n  <p class=\"fb-callout fb-callout--warn\">\r\n    Due stage con lo stesso ordine: quale sia il corrente all\u2019avvio diventa arbitrario\r\n    (STAGE_ORDER_DUPLICATED).\r\n  </p>\r\n}\r\n\r\n<div class=\"fb-field\">\r\n  <label class=\"fb-field__label fb-field__label--required\">Nome</label>\r\n  <input\r\n    class=\"fb-input fb-input--mono\"\r\n    [value]=\"reference().name\"\r\n    (change)=\"rename($any($event.target).value)\"\r\n  />\r\n  <p class=\"fb-field__hint\">\r\n    Il nome vive nello stesso spazio dei nomi degli elementi. Rinominare riscrive i riferimenti.\r\n  </p>\r\n</div>\r\n\r\n@if (collection() === 'stages') {\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label\">Etichetta</label>\r\n    <input\r\n      class=\"fb-input\"\r\n      [value]=\"string('label')\"\r\n      (input)=\"setField('label', $any($event.target).value)\"\r\n    />\r\n  </div>\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label fb-field__label--required\">Ordine</label>\r\n    <input\r\n      class=\"fb-input\"\r\n      type=\"number\"\r\n      min=\"1\"\r\n      [value]=\"string('stageOrder')\"\r\n      (input)=\"setNumberField('stageOrder', $any($event.target).value)\"\r\n    />\r\n  </div>\r\n  <label class=\"fb-check\">\r\n    <input\r\n      type=\"checkbox\"\r\n      [checked]=\"boolean('isActive')\"\r\n      (change)=\"setBooleanField('isActive', $any($event.target).checked)\"\r\n    />\r\n    Attivo all\u2019avvio\r\n  </label>\r\n  <p class=\"fb-field__hint\">\r\n    All\u2019avvio lo stage corrente e\u2019 il primo attivo per ordine. Si avanza con un Assignment su\r\n    <code>$Flow.CurrentStage</code>.\r\n  </p>\r\n}\r\n\r\n@if (collection() === 'textTemplates') {\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label fb-field__label--required\">Testo</label>\r\n    <textarea\r\n      class=\"fb-textarea\"\r\n      [value]=\"string('text')\"\r\n      placeholder=\"Gentile {!Cliente.Nome},\"\r\n      (input)=\"setField('text', $any($event.target).value)\"\r\n    ></textarea>\r\n  </div>\r\n  <label class=\"fb-check\">\r\n    <input\r\n      type=\"checkbox\"\r\n      [checked]=\"boolean('isViewedAsPlainText')\"\r\n      (change)=\"setBooleanField('isViewedAsPlainText', $any($event.target).checked)\"\r\n    />\r\n    Testo semplice\r\n  </label>\r\n}\r\n\r\n@if (collection() !== 'textTemplates' && collection() !== 'stages') {\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label fb-field__label--required\">Tipo</label>\r\n    <select\r\n      class=\"fb-select\"\r\n      [fbValue]=\"string('dataType')\"\r\n      (change)=\"setDataType($any($event.target).value)\"\r\n    >\r\n      @for (type of dataTypes(); track type.value) {\r\n        <option [value]=\"type.value\">{{ type.label }}</option>\r\n      }\r\n    </select>\r\n    @if (collection() === 'dynamicChoiceSets') {\r\n      <!--\r\n        \u00A75.2 \u2014 il valore di un'opzione **generata** non lo scrive l'autore del flow: lo produce\r\n        la sorgente, nel tipo in cui il sistema ospite lo tiene, e `dataType` decide il tipo in\r\n        cui viaggia. La regola e' generale \u2014 vale per tutte e tre le sorgenti \u2014 e si vede su un\r\n        oggetto la cui chiave e' un enum, dove nella tendina serve di norma il numero.\r\n      -->\r\n      <p class=\"fb-field__hint\">\r\n        Decide il tipo in cui viaggia il valore dell\u2019opzione, con qualunque sorgente:\r\n        <code>String</code> il nome come testo, <code>Integer</code> o <code>Number</code> il\r\n        numero sottostante, <code>Enum</code> il valore tipizzato \u2014 che e\u2019 cio\u2019 che serve in un\r\n        parametro o in un membro di classe <code>Enum</code>. Una conversione impossibile non fa\r\n        fallire niente: resta il valore prodotto dalla sorgente.\r\n      </p>\r\n    }\r\n  </div>\r\n\r\n  @if (requiresObjectType() && !hidesObjectType()) {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label fb-field__label--required\">\r\n        @if (isEnum()) {\r\n          Tipo di enumerazione\r\n        } @else if (isStructure()) {\r\n          Classe\r\n        } @else {\r\n          Oggetto\r\n        }\r\n      </label>\r\n      @if (isEnum()) {\r\n        <!-- Dizionario chiuso: qui la scrittura libera non serve. -->\r\n        <select\r\n          class=\"fb-select\"\r\n          [fbValue]=\"string('objectType')\"\r\n          (change)=\"setField('objectType', $any($event.target).value)\"\r\n        >\r\n          <option value=\"\">\u2014 scegli \u2014</option>\r\n          @for (entry of enumOptions(); track entry.name) {\r\n            <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n          }\r\n        </select>\r\n      } @else if (isStructure()) {\r\n        <!-- \u00A74.7: una classe del backend, non un'entita' del modello dati. -->\r\n        <fb-structure-picker\r\n          [value]=\"string('objectType') || undefined\"\r\n          label=\"Classe\"\r\n          (valueChange)=\"setField('objectType', $event ?? '')\"\r\n        />\r\n      } @else {\r\n        <fb-object-picker\r\n          [value]=\"string('objectType') || undefined\"\r\n          label=\"Oggetto\"\r\n          placeholder=\"Scrivi o scegli un oggetto\"\r\n          (valueChange)=\"setField('objectType', $event ?? '')\"\r\n        />\r\n      }\r\n      @if (missingObjectType()) {\r\n        <!-- Su una Structure non e' un avviso: senza classe non c'e' nulla da istanziare. -->\r\n        <p class=\"fb-field__error\">\r\n          La classe e\u2019 obbligatoria: senza, l\u2019attivazione e\u2019 bloccata (OBJECT_TYPE_MISSING).\r\n        </p>\r\n      } @else if (isStructure()) {\r\n        <p class=\"fb-field__hint\">\r\n          Il flow ne legge e scrive i <strong>membri</strong> (<code>Nome.Membro</code>): non si\r\n          interroga con Get Records ne\u2019 si salva con Create/Update.\r\n        </p>\r\n      } @else {\r\n        <p class=\"fb-field__hint\">Obbligatorio per Object ed Enum (OBJECT_TYPE_MISSING).</p>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  @if (supportsScale()) {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Decimali</label>\r\n      <input\r\n        class=\"fb-input\"\r\n        type=\"number\"\r\n        min=\"0\"\r\n        [value]=\"string('scale')\"\r\n        (input)=\"setNumberField('scale', $any($event.target).value)\"\r\n      />\r\n    </div>\r\n  }\r\n}\r\n\r\n@if (collection() === 'variables') {\r\n  <label class=\"fb-check\">\r\n    <input\r\n      type=\"checkbox\"\r\n      [checked]=\"boolean('isCollection')\"\r\n      (change)=\"setBooleanField('isCollection', $any($event.target).checked)\"\r\n    />\r\n    \u00C8 una collection\r\n  </label>\r\n  <p class=\"fb-field__hint\">Solo una collection puo\u2019 essere iterata da un Loop.</p>\r\n\r\n  <label class=\"fb-check\">\r\n    <input\r\n      type=\"checkbox\"\r\n      [checked]=\"boolean('isInput')\"\r\n      (change)=\"setBooleanField('isInput', $any($event.target).checked)\"\r\n    />\r\n    Valorizzabile all\u2019avvio (input)\r\n  </label>\r\n  <label class=\"fb-check\">\r\n    <input\r\n      type=\"checkbox\"\r\n      [checked]=\"boolean('isOutput')\"\r\n      (change)=\"setBooleanField('isOutput', $any($event.target).checked)\"\r\n    />\r\n    Leggibile alla fine (output)\r\n  </label>\r\n  <p class=\"fb-field__hint\">\r\n    Input e output sono il contratto del flow verso chi lo invoca, subflow compresi.\r\n  </p>\r\n}\r\n\r\n@if (collection() === 'formulas') {\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label fb-field__label--required\">Espressione</label>\r\n    <!--\r\n      Il tipo atteso e' quello che la risorsa dichiara, e `scale` va con lui: sono cio'\r\n      che permette al motore di dire che l'espressione produce altro (\u00A76.3).\r\n    -->\r\n    <fb-formula-editor\r\n      [expression]=\"string('expression')\"\r\n      usage=\"Resource\"\r\n      [expectedDataType]=\"$any(resource()['dataType'])\"\r\n      [scale]=\"$any(resource()['scale'])\"\r\n      placeholder=\"Importo * 1.22\"\r\n      ariaLabel=\"Espressione della formula\"\r\n      (expressionChange)=\"setField('expression', $event)\"\r\n    >\r\n      <p class=\"fb-field__hint\">\r\n        Passata verbatim al motore di regole: la sintassi delle funzioni e\u2019 del motore.\r\n      </p>\r\n    </fb-formula-editor>\r\n  </div>\r\n}\r\n\r\n@if (collection() === 'choices') {\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label fb-field__label--required\">Testo mostrato</label>\r\n    <input\r\n      class=\"fb-input\"\r\n      [value]=\"string('choiceText')\"\r\n      (input)=\"setField('choiceText', $any($event.target).value)\"\r\n    />\r\n  </div>\r\n}\r\n\r\n@if (collection() === 'dynamicChoiceSets') {\r\n  <!--\r\n    \u00A75.2 \u2014 le sorgenti sono tre e si escludono a vicenda: i pulsanti le rendono\r\n    mutuamente esclusive nel documento, non solo nel form.\r\n  -->\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label fb-field__label--required\">Da dove arrivano le opzioni</label>\r\n    <div class=\"fb-filter__modes\" role=\"group\" aria-label=\"Sorgente delle opzioni\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-filter__mode\"\r\n        [class.fb-filter__mode--active]=\"isChoiceSetSource('collection')\"\r\n        (click)=\"setChoiceSetSource('collection')\"\r\n      >\r\n        Collection del flow\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-filter__mode\"\r\n        [class.fb-filter__mode--active]=\"isChoiceSetSource('object')\"\r\n        (click)=\"setChoiceSetSource('object')\"\r\n      >\r\n        Query su un oggetto\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-filter__mode\"\r\n        [class.fb-filter__mode--active]=\"isChoiceSetSource('enum')\"\r\n        (click)=\"setChoiceSetSource('enum')\"\r\n      >\r\n        Valori di un enum\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  @if (ambiguousChoiceSetSource()) {\r\n    <p class=\"fb-callout fb-callout--warn\">\r\n      Questo choice set dichiara piu\u2019 di una sorgente: il runtime ne usa una sola\r\n      (CHOICE_SET_SOURCE_AMBIGUOUS). Scegli quella giusta qui sopra: le altre vengono tolte.\r\n    </p>\r\n  }\r\n\r\n  @if (isChoiceSetSource('collection')) {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label fb-field__label--required\">Collection</label>\r\n      <fb-reference-picker\r\n        [value]=\"string('collectionReference')\"\r\n        [isCollection]=\"true\"\r\n        placeholder=\"Scegli una collection\"\r\n        (valueChange)=\"setField('collectionReference', $event ?? '')\"\r\n      />\r\n      <p class=\"fb-field__hint\">\r\n        Tipicamente il risultato di un Get Records: le opzioni sono i record che il flow ha gi\u00E0\r\n        letto.\r\n      </p>\r\n    </div>\r\n  }\r\n\r\n  @if (isChoiceSetSource('object')) {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label fb-field__label--required\">Oggetto</label>\r\n      <fb-object-picker\r\n        [value]=\"string('object') || undefined\"\r\n        placeholder=\"Scrivi o scegli un oggetto\"\r\n        (valueChange)=\"setField('object', $event ?? '')\"\r\n      />\r\n    </div>\r\n  }\r\n\r\n  @if (isChoiceSetSource('enum')) {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label fb-field__label--required\">Tipo di enumerazione</label>\r\n      <!-- Dizionario chiuso, e qui e' anche **autorevole**: un tipo fuori elenco e' un errore. -->\r\n      <select\r\n        class=\"fb-select\"\r\n        [fbValue]=\"string('enumType')\"\r\n        (change)=\"setField('enumType', $any($event.target).value)\"\r\n      >\r\n        <option value=\"\">\u2014 scegli \u2014</option>\r\n        @for (entry of enumOptions(); track entry.name) {\r\n          <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n        }\r\n      </select>\r\n      @if (unknownEnumType()) {\r\n        <p class=\"fb-field__error\">\r\n          Il tipo \u00AB{{ string('enumType') }}\u00BB non e\u2019 fra quelli utilizzabili\r\n          (ENUM_TYPE_UNKNOWN).\r\n        </p>\r\n      } @else {\r\n        <p class=\"fb-field__hint\">\r\n          Le opzioni sono i valori dichiarati dal tipo: nessuna choice da tenere allineata a mano.\r\n        </p>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  @if (isChoiceSetSource('enum')) {\r\n    <!--\r\n      \u00A75.2 \u2014 qui i campi citabili sono le tre proprieta' di un valore di enum, non i campi\r\n      di un'entita': l'elenco viene dal dizionario, e i default rendono superfluo dichiararli.\r\n    -->\r\n    <div class=\"fb-field__row\">\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Campo mostrato</label>\r\n        <select\r\n          class=\"fb-select\"\r\n          [fbValue]=\"string('displayField')\"\r\n          (change)=\"setField('displayField', $any($event.target).value)\"\r\n        >\r\n          <option value=\"\">Predefinito ({{ defaultDisplayField }})</option>\r\n          @for (field of enumChoiceSetFields(); track field.value) {\r\n            <option [value]=\"field.value\">{{ field.label }}</option>\r\n          }\r\n        </select>\r\n        @if (unknownEnumChoiceSetField('displayField')) {\r\n          <p class=\"fb-field__error\">\r\n            \u00AB{{ string('displayField') }}\u00BB non e\u2019 una proprieta\u2019 di un valore di enum\r\n            (FIELD_UNKNOWN).\r\n          </p>\r\n        }\r\n      </div>\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Campo del valore</label>\r\n        <select\r\n          class=\"fb-select\"\r\n          [fbValue]=\"string('valueField')\"\r\n          (change)=\"setField('valueField', $any($event.target).value)\"\r\n        >\r\n          <option value=\"\">Predefinito ({{ defaultValueField }})</option>\r\n          @for (field of enumChoiceSetFields(); track field.value) {\r\n            <option [value]=\"field.value\">{{ field.label }}</option>\r\n          }\r\n        </select>\r\n        @if (unknownEnumChoiceSetField('valueField')) {\r\n          <p class=\"fb-field__error\">\r\n            \u00AB{{ string('valueField') }}\u00BB non e\u2019 una proprieta\u2019 di un valore di enum\r\n            (FIELD_UNKNOWN).\r\n          </p>\r\n        }\r\n      </div>\r\n    </div>\r\n    <p class=\"fb-field__hint\">\r\n      Dichiarare <code>Integer</code> come tipo della risorsa e\u2019 la stessa cosa che scegliere qui\r\n      \u00ABValore numerico\u00BB: il valore dell\u2019opzione e\u2019 il numero sottostante.\r\n    </p>\r\n  } @else {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label fb-field__label--required\">Campo mostrato</label>\r\n      <fb-field-picker\r\n        [value]=\"string('displayField') || undefined\"\r\n        [object]=\"string('object') || undefined\"\r\n        usage=\"any\"\r\n        label=\"Campo mostrato\"\r\n        (valueChange)=\"setField('displayField', $event ?? '')\"\r\n      />\r\n    </div>\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label fb-field__label--required\">Campo del valore</label>\r\n      <fb-field-picker\r\n        [value]=\"string('valueField') || undefined\"\r\n        [object]=\"string('object') || undefined\"\r\n        usage=\"any\"\r\n        label=\"Campo del valore\"\r\n        (valueChange)=\"setField('valueField', $event ?? '')\"\r\n      />\r\n    </div>\r\n  }\r\n  <div class=\"fb-field__row\">\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Ordina per</label>\r\n      @if (isChoiceSetSource('enum')) {\r\n        <select\r\n          class=\"fb-select\"\r\n          [fbValue]=\"string('sortField')\"\r\n          (change)=\"setField('sortField', $any($event.target).value)\"\r\n        >\r\n          <option value=\"\">Ordine di dichiarazione</option>\r\n          @for (field of enumChoiceSetFields(); track field.value) {\r\n            <option [value]=\"field.value\">{{ field.label }}</option>\r\n          }\r\n        </select>\r\n        @if (unknownEnumChoiceSetField('sortField')) {\r\n          <p class=\"fb-field__error\">\r\n            \u00AB{{ string('sortField') }}\u00BB non e\u2019 una proprieta\u2019 di un valore di enum\r\n            (FIELD_UNKNOWN).\r\n          </p>\r\n        }\r\n      } @else {\r\n        <fb-field-picker\r\n          [value]=\"string('sortField') || undefined\"\r\n          [object]=\"string('object') || undefined\"\r\n          usage=\"sortable\"\r\n          label=\"Campo di ordinamento\"\r\n          placeholder=\"Nessun ordinamento\"\r\n          (valueChange)=\"setField('sortField', $event ?? '')\"\r\n        />\r\n      }\r\n    </div>\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Direzione</label>\r\n      <select\r\n        class=\"fb-select\"\r\n        [fbValue]=\"string('sortOrder')\"\r\n        (change)=\"setField('sortOrder', $any($event.target).value)\"\r\n      >\r\n        <option value=\"\">\u2014</option>\r\n        @for (order of sortOrders(); track order.value) {\r\n          <option [value]=\"order.value\">{{ order.label }}</option>\r\n        }\r\n      </select>\r\n    </div>\r\n  </div>\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label\">Numero massimo</label>\r\n    <input\r\n      class=\"fb-input\"\r\n      type=\"number\"\r\n      min=\"1\"\r\n      [value]=\"string('limit')\"\r\n      (input)=\"setNumberField('limit', $any($event.target).value)\"\r\n    />\r\n  </div>\r\n  <!--\r\n    `supportsLogic` a false: qui `filterLogic` non esiste nel modello, e inviarlo lo\r\n    perderebbe in silenzio al primo salvataggio (\u00A74.4). Nessun `emptyWarning`: senza\r\n    filtri il set legge tutti i record dell\u2019oggetto, che qui e\u2019 un uso legittimo.\r\n    Su un enum i filtri li valuta il runtime **in memoria**, e i campi sono le tre\r\n    proprieta\u2019 di un valore: `fieldOptions` e\u2019 cio\u2019 che sostituisce il catalogo (\u00A75.2).\r\n  -->\r\n  <fb-record-filter-editor\r\n    [holder]=\"$any(resource())\"\r\n    [object]=\"isChoiceSetSource('enum') ? undefined : string('object') || undefined\"\r\n    [fieldOptions]=\"isChoiceSetSource('enum') ? enumChoiceSetFields() : []\"\r\n    [title]=\"\r\n      isChoiceSetSource('enum') ? 'Quali valori diventano opzioni' : 'Quali record diventano opzioni'\r\n    \"\r\n    usage=\"filterable\"\r\n    [supportsLogic]=\"false\"\r\n    (changed)=\"onFiltersChanged($event)\"\r\n  />\r\n}\r\n\r\n@if (isStructure() && collection() === 'variables') {\r\n  <p class=\"fb-field__hint\">\r\n    Non serve un valore iniziale: la variabile parte con un\u2019istanza vuota, e il flow ne assegna i\r\n    membri uno alla volta con un Assignment.\r\n  </p>\r\n}\r\n\r\n@if (\r\n  supportsInitialValue() &&\r\n  (collection() === 'variables' || collection() === 'constants' || collection() === 'choices')\r\n) {\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label\">\r\n      {{ collection() === 'variables' ? 'Valore iniziale' : 'Valore' }}\r\n    </label>\r\n    <fb-value-editor\r\n      [value]=\"value()\"\r\n      [dataType]=\"$any(resource()['dataType'])\"\r\n      [objectType]=\"$any(resource()['objectType'])\"\r\n      [isCollection]=\"boolean('isCollection')\"\r\n      [allowFormula]=\"collection() !== 'constants'\"\r\n      label=\"Valore\"\r\n      (valueChange)=\"setValue($event)\"\r\n    />\r\n  </div>\r\n}\r\n\r\n<div class=\"fb-field\">\r\n  <label class=\"fb-field__label\">Descrizione</label>\r\n  <input\r\n    class=\"fb-input\"\r\n    [value]=\"string('description')\"\r\n    (input)=\"setField('description', $any($event.target).value)\"\r\n  />\r\n</div>\r\n", dependencies: [{ kind: "component", type: FieldPickerComponent, selector: "fb-field-picker", inputs: ["value", "object", "usage", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: FormulaEditorComponent, selector: "fb-formula-editor", inputs: ["expression", "usage", "expectedDataType", "scale", "placeholder", "ariaLabel", "disabled", "rows", "commitOn"], outputs: ["expressionChange"] }, { kind: "component", type: ObjectPickerComponent, selector: "fb-object-picker", inputs: ["value", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: ReferencePickerComponent, selector: "fb-reference-picker", inputs: ["value", "label", "placeholder", "disabled", "dataType", "isCollection", "objectType", "writableOnly", "elementsOnly", "extraReferences"], outputs: ["valueChange"] }, { kind: "component", type: RecordFilterEditorComponent, selector: "fb-record-filter-editor", inputs: ["holder", "object", "title", "usage", "fieldOptions", "supportsLogic", "supportsFormula", "emptyWarning", "emptyWarningSeverity"], outputs: ["changed"] }, { kind: "component", type: StructurePickerComponent, selector: "fb-structure-picker", inputs: ["value", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: ValueEditorComponent, selector: "fb-value-editor", inputs: ["value", "label", "dataType", "objectType", "isCollection", "valueSet", "disabled", "allowFormula"], outputs: ["valueChange"] }, { kind: "directive", type: SelectValueDirective, selector: "select[fbValue]", inputs: ["fbValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ResourcePanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ResourceFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-resource-panel', standalone: true, imports: [
+            args: [{ selector: 'fb-resource-form', standalone: true, imports: [
                         FieldPickerComponent,
                         FormulaEditorComponent,
                         ObjectPickerComponent,
@@ -14926,8 +15417,77 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImpo
                         StructurePickerComponent,
                         ValueEditorComponent,
                         SelectValueDirective,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"fb-res__header\">\r\n  <h2 class=\"fb-res__title\">Risorse</h2>\r\n  <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" aria-label=\"Chiudi\" (click)=\"close()\">\u00D7</button>\r\n</header>\r\n\r\n<nav class=\"fb-res__tabs\" aria-label=\"Tipi di risorsa\">\r\n  @for (kind of kinds; track kind.collection) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-res__tab\"\r\n      [class.fb-res__tab--active]=\"activeCollection() === kind.collection\"\r\n      (click)=\"select(kind.collection)\"\r\n    >\r\n      {{ kind.label }}\r\n      <span class=\"fb-res__count\">{{ countOf(kind.collection) }}</span>\r\n    </button>\r\n  }\r\n</nav>\r\n\r\n<div class=\"fb-res__body\">\r\n  <p class=\"fb-section__note\">{{ activeKind().note }}</p>\r\n\r\n  <div class=\"fb-list\">\r\n    @for (item of items(); track item.collection + ':' + item.index) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <button type=\"button\" class=\"fb-res__name\" (click)=\"toggleEdit($index)\">\r\n            <span class=\"fb-res__name-text\">{{ item.name || '(senza nome)' }}</span>\r\n            <span class=\"fb-res__meta\">\r\n              {{ string(item, 'dataType') }}{{ boolean(item, 'isCollection') ? '[]' : '' }}\r\n              @if (boolean(item, 'isInput')) {\r\n                \u00B7 input\r\n              }\r\n              @if (boolean(item, 'isOutput')) {\r\n                \u00B7 output\r\n              }\r\n            </span>\r\n          </button>\r\n          <span class=\"fb-list__spacer\"></span>\r\n          <!--\r\n            Il numero di usi sta accanto al nome perche\u2019 e\u2019 cio\u2019 che decide se si puo\u2019 togliere:\r\n            \u00ABnon usata\u00BB e\u2019 un invito a fare pulizia, \u00ABusata 15 volte\u00BB e\u2019 un avvertimento.\r\n          -->\r\n          @let uses = usesOf(item);\r\n          @if (uses === 0) {\r\n            <span class=\"fb-res__uses fb-res__uses--none\" title=\"Nessun riferimento la usa: si puo\u2019 togliere\">\r\n              non usata\r\n            </span>\r\n          } @else {\r\n            <span\r\n              class=\"fb-res__uses\"\r\n              [title]=\"'Referenziata ' + uses + ' volte nel documento, formule comprese'\"\r\n            >\r\n              {{ uses }} usi\r\n            </span>\r\n          }\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Rimuovi la risorsa\"\r\n            [title]=\"uses ? 'Rimuovi: e\u2019 usata ' + uses + ' volte, verra\u2019 chiesta conferma' : 'Rimuovi'\"\r\n            (click)=\"requestRemove(item)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        @if (isPendingRemoval(item)) {\r\n          <!--\r\n            La conferma sta qui e non in una finestra: la riga che si sta togliendo resta sotto\r\n            gli occhi, e il numero di riferimenti che si rompono e\u2019 il dato della decisione.\r\n          -->\r\n          <p class=\"fb-callout fb-callout--warn fb-res__confirm\">\r\n            <span>\r\n              \u00AB{{ item.name }}\u00BB e\u2019 usata {{ usesOf(item) }} volte: togliendola quei riferimenti\r\n              restano orfani e la validazione li segnalera\u2019.\r\n            </span>\r\n            <button type=\"button\" class=\"fb-btn fb-btn--icon\" (click)=\"remove(item)\">Rimuovi comunque</button>\r\n            <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"cancelRemove()\">\r\n              Annulla\r\n            </button>\r\n          </p>\r\n        }\r\n\r\n        @if (nameError(item)) {\r\n          <p class=\"fb-field__error\">{{ nameError(item) }}</p>\r\n        }\r\n        @if (constantReferencesResource(item)) {\r\n          <p class=\"fb-callout fb-callout--error\">\r\n            Una costante deve essere un valore fisso: non puo\u2019 referenziare altre risorse\r\n            (CONSTANT_REFERENCES_RESOURCE).\r\n          </p>\r\n        }\r\n        @if (duplicateStageOrder(item)) {\r\n          <p class=\"fb-callout fb-callout--warn\">\r\n            Due stage con lo stesso ordine: quale sia il corrente all\u2019avvio diventa arbitrario\r\n            (STAGE_ORDER_DUPLICATED).\r\n          </p>\r\n        }\r\n\r\n        @if (editingIndex() === $index) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label fb-field__label--required\">Nome</label>\r\n            <input\r\n              class=\"fb-input fb-input--mono\"\r\n              [value]=\"item.name\"\r\n              (change)=\"rename(item, $any($event.target).value)\"\r\n            />\r\n            <p class=\"fb-field__hint\">\r\n              Il nome vive nello stesso spazio dei nomi degli elementi. Rinominare riscrive i riferimenti.\r\n            </p>\r\n          </div>\r\n\r\n          @if (item.collection === 'stages') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Etichetta</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                [value]=\"string(item, 'label')\"\r\n                (input)=\"setField(item, 'label', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Ordine</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                type=\"number\"\r\n                min=\"1\"\r\n                [value]=\"string(item, 'stageOrder')\"\r\n                (input)=\"setNumberField(item, 'stageOrder', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isActive')\"\r\n                (change)=\"setBooleanField(item, 'isActive', $any($event.target).checked)\"\r\n              />\r\n              Attivo all\u2019avvio\r\n            </label>\r\n            <p class=\"fb-field__hint\">\r\n              All\u2019avvio lo stage corrente e\u2019 il primo attivo per ordine. Si avanza con un Assignment su\r\n              <code>$Flow.CurrentStage</code>.\r\n            </p>\r\n          }\r\n\r\n          @if (item.collection === 'textTemplates') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Testo</label>\r\n              <textarea\r\n                class=\"fb-textarea\"\r\n                [value]=\"string(item, 'text')\"\r\n                placeholder=\"Gentile {!Cliente.Nome},\"\r\n                (input)=\"setField(item, 'text', $any($event.target).value)\"\r\n              ></textarea>\r\n            </div>\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isViewedAsPlainText')\"\r\n                (change)=\"setBooleanField(item, 'isViewedAsPlainText', $any($event.target).checked)\"\r\n              />\r\n              Testo semplice\r\n            </label>\r\n          }\r\n\r\n          @if (item.collection !== 'textTemplates' && item.collection !== 'stages') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Tipo</label>\r\n              <select\r\n                class=\"fb-select\"\r\n                [fbValue]=\"string(item, 'dataType')\"\r\n                (change)=\"setDataType(item, $any($event.target).value)\"\r\n              >\r\n                @for (type of dataTypes(); track type.value) {\r\n                  <option [value]=\"type.value\">{{ type.label }}</option>\r\n                }\r\n              </select>\r\n              @if (item.collection === 'dynamicChoiceSets') {\r\n                <!--\r\n                  \u00A75.2 \u2014 il valore di un'opzione **generata** non lo scrive l'autore del flow: lo produce\r\n                  la sorgente, nel tipo in cui il sistema ospite lo tiene, e `dataType` decide il tipo in\r\n                  cui viaggia. La regola e' generale \u2014 vale per tutte e tre le sorgenti \u2014 e si vede su un\r\n                  oggetto la cui chiave e' un enum, dove nella tendina serve di norma il numero.\r\n                -->\r\n                <p class=\"fb-field__hint\">\r\n                  Decide il tipo in cui viaggia il valore dell\u2019opzione, con qualunque sorgente:\r\n                  <code>String</code> il nome come testo, <code>Integer</code> o <code>Number</code> il\r\n                  numero sottostante, <code>Enum</code> il valore tipizzato \u2014 che e\u2019 cio\u2019 che serve in un\r\n                  parametro o in un membro di classe <code>Enum</code>. Una conversione impossibile non fa\r\n                  fallire niente: resta il valore prodotto dalla sorgente.\r\n                </p>\r\n              }\r\n            </div>\r\n\r\n            @if (requiresObjectType(item) && !hidesObjectType(item)) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label fb-field__label--required\">\r\n                  @if (isEnum(item)) {\r\n                    Tipo di enumerazione\r\n                  } @else if (isStructure(item)) {\r\n                    Classe\r\n                  } @else {\r\n                    Oggetto\r\n                  }\r\n                </label>\r\n                @if (isEnum(item)) {\r\n                  <!-- Dizionario chiuso: qui la scrittura libera non serve. -->\r\n                  <select\r\n                    class=\"fb-select\"\r\n                    [fbValue]=\"string(item, 'objectType')\"\r\n                    (change)=\"setField(item, 'objectType', $any($event.target).value)\"\r\n                  >\r\n                    <option value=\"\">\u2014 scegli \u2014</option>\r\n                    @for (entry of enumOptions(); track entry.name) {\r\n                      <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n                    }\r\n                  </select>\r\n                } @else if (isStructure(item)) {\r\n                  <!-- \u00A74.7: una classe del backend, non un'entita' del modello dati. -->\r\n                  <fb-structure-picker\r\n                    [value]=\"string(item, 'objectType') || undefined\"\r\n                    label=\"Classe\"\r\n                    (valueChange)=\"setField(item, 'objectType', $event ?? '')\"\r\n                  />\r\n                } @else {\r\n                  <fb-object-picker\r\n                    [value]=\"string(item, 'objectType') || undefined\"\r\n                    label=\"Oggetto\"\r\n                    placeholder=\"Scrivi o scegli un oggetto\"\r\n                    (valueChange)=\"setField(item, 'objectType', $event ?? '')\"\r\n                  />\r\n                }\r\n                @if (missingObjectType(item)) {\r\n                  <!-- Su una Structure non e' un avviso: senza classe non c'e' nulla da istanziare. -->\r\n                  <p class=\"fb-field__error\">\r\n                    La classe e\u2019 obbligatoria: senza, l\u2019attivazione e\u2019 bloccata (OBJECT_TYPE_MISSING).\r\n                  </p>\r\n                } @else if (isStructure(item)) {\r\n                  <p class=\"fb-field__hint\">\r\n                    Il flow ne legge e scrive i <strong>membri</strong> (<code>Nome.Membro</code>): non si\r\n                    interroga con Get Records ne\u2019 si salva con Create/Update.\r\n                  </p>\r\n                } @else {\r\n                  <p class=\"fb-field__hint\">Obbligatorio per Object ed Enum (OBJECT_TYPE_MISSING).</p>\r\n                }\r\n              </div>\r\n            }\r\n\r\n            @if (supportsScale(item)) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">Decimali</label>\r\n                <input\r\n                  class=\"fb-input\"\r\n                  type=\"number\"\r\n                  min=\"0\"\r\n                  [value]=\"string(item, 'scale')\"\r\n                  (input)=\"setNumberField(item, 'scale', $any($event.target).value)\"\r\n                />\r\n              </div>\r\n            }\r\n          }\r\n\r\n          @if (item.collection === 'variables') {\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isCollection')\"\r\n                (change)=\"setBooleanField(item, 'isCollection', $any($event.target).checked)\"\r\n              />\r\n              \u00C8 una collection\r\n            </label>\r\n            <p class=\"fb-field__hint\">Solo una collection puo\u2019 essere iterata da un Loop.</p>\r\n\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isInput')\"\r\n                (change)=\"setBooleanField(item, 'isInput', $any($event.target).checked)\"\r\n              />\r\n              Valorizzabile all\u2019avvio (input)\r\n            </label>\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isOutput')\"\r\n                (change)=\"setBooleanField(item, 'isOutput', $any($event.target).checked)\"\r\n              />\r\n              Leggibile alla fine (output)\r\n            </label>\r\n            <p class=\"fb-field__hint\">\r\n              Input e output sono il contratto del flow verso chi lo invoca, subflow compresi.\r\n            </p>\r\n          }\r\n\r\n          @if (item.collection === 'formulas') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Espressione</label>\r\n              <!--\r\n                Il tipo atteso e' quello che la risorsa dichiara, e `scale` va con lui: sono cio'\r\n                che permette al motore di dire che l'espressione produce altro (\u00A76.3).\r\n              -->\r\n              <fb-formula-editor\r\n                [expression]=\"string(item, 'expression')\"\r\n                usage=\"Resource\"\r\n                [expectedDataType]=\"$any(item.resource['dataType'])\"\r\n                [scale]=\"$any(item.resource['scale'])\"\r\n                placeholder=\"Importo * 1.22\"\r\n                ariaLabel=\"Espressione della formula\"\r\n                (expressionChange)=\"setField(item, 'expression', $event)\"\r\n              >\r\n                <p class=\"fb-field__hint\">\r\n                  Passata verbatim al motore di regole: la sintassi delle funzioni e\u2019 del motore.\r\n                </p>\r\n              </fb-formula-editor>\r\n            </div>\r\n          }\r\n\r\n          @if (item.collection === 'choices') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Testo mostrato</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                [value]=\"string(item, 'choiceText')\"\r\n                (input)=\"setField(item, 'choiceText', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n          }\r\n\r\n          @if (item.collection === 'dynamicChoiceSets') {\r\n            <!--\r\n              \u00A75.2 \u2014 le sorgenti sono tre e si escludono a vicenda: i pulsanti le rendono\r\n              mutuamente esclusive nel documento, non solo nel form.\r\n            -->\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Da dove arrivano le opzioni</label>\r\n              <div class=\"fb-filter__modes\" role=\"group\" aria-label=\"Sorgente delle opzioni\">\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-filter__mode\"\r\n                  [class.fb-filter__mode--active]=\"isChoiceSetSource(item, 'collection')\"\r\n                  (click)=\"setChoiceSetSource(item, 'collection')\"\r\n                >\r\n                  Collection del flow\r\n                </button>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-filter__mode\"\r\n                  [class.fb-filter__mode--active]=\"isChoiceSetSource(item, 'object')\"\r\n                  (click)=\"setChoiceSetSource(item, 'object')\"\r\n                >\r\n                  Query su un oggetto\r\n                </button>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-filter__mode\"\r\n                  [class.fb-filter__mode--active]=\"isChoiceSetSource(item, 'enum')\"\r\n                  (click)=\"setChoiceSetSource(item, 'enum')\"\r\n                >\r\n                  Valori di un enum\r\n                </button>\r\n              </div>\r\n            </div>\r\n\r\n            @if (ambiguousChoiceSetSource(item)) {\r\n              <p class=\"fb-callout fb-callout--warn\">\r\n                Questo choice set dichiara piu\u2019 di una sorgente: il runtime ne usa una sola\r\n                (CHOICE_SET_SOURCE_AMBIGUOUS). Scegli quella giusta qui sopra: le altre vengono tolte.\r\n              </p>\r\n            }\r\n\r\n            @if (isChoiceSetSource(item, 'collection')) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label fb-field__label--required\">Collection</label>\r\n                <fb-reference-picker\r\n                  [value]=\"string(item, 'collectionReference')\"\r\n                  [isCollection]=\"true\"\r\n                  placeholder=\"Scegli una collection\"\r\n                  (valueChange)=\"setField(item, 'collectionReference', $event ?? '')\"\r\n                />\r\n                <p class=\"fb-field__hint\">\r\n                  Tipicamente il risultato di un Get Records: le opzioni sono i record che il flow ha gi\u00E0\r\n                  letto.\r\n                </p>\r\n              </div>\r\n            }\r\n\r\n            @if (isChoiceSetSource(item, 'object')) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label fb-field__label--required\">Oggetto</label>\r\n                <fb-object-picker\r\n                  [value]=\"string(item, 'object') || undefined\"\r\n                  placeholder=\"Scrivi o scegli un oggetto\"\r\n                  (valueChange)=\"setField(item, 'object', $event ?? '')\"\r\n                />\r\n              </div>\r\n            }\r\n\r\n            @if (isChoiceSetSource(item, 'enum')) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label fb-field__label--required\">Tipo di enumerazione</label>\r\n                <!-- Dizionario chiuso, e qui e' anche **autorevole**: un tipo fuori elenco e' un errore. -->\r\n                <select\r\n                  class=\"fb-select\"\r\n                  [fbValue]=\"string(item, 'enumType')\"\r\n                  (change)=\"setField(item, 'enumType', $any($event.target).value)\"\r\n                >\r\n                  <option value=\"\">\u2014 scegli \u2014</option>\r\n                  @for (entry of enumOptions(); track entry.name) {\r\n                    <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n                  }\r\n                </select>\r\n                @if (unknownEnumType(item)) {\r\n                  <p class=\"fb-field__error\">\r\n                    Il tipo \u00AB{{ string(item, 'enumType') }}\u00BB non e\u2019 fra quelli utilizzabili\r\n                    (ENUM_TYPE_UNKNOWN).\r\n                  </p>\r\n                } @else {\r\n                  <p class=\"fb-field__hint\">\r\n                    Le opzioni sono i valori dichiarati dal tipo: nessuna choice da tenere allineata a mano.\r\n                  </p>\r\n                }\r\n              </div>\r\n            }\r\n\r\n            @if (isChoiceSetSource(item, 'enum')) {\r\n              <!--\r\n                \u00A75.2 \u2014 qui i campi citabili sono le tre proprieta' di un valore di enum, non i campi\r\n                di un'entita': l'elenco viene dal dizionario, e i default rendono superfluo dichiararli.\r\n              -->\r\n              <div class=\"fb-field__row\">\r\n                <div class=\"fb-field\">\r\n                  <label class=\"fb-field__label\">Campo mostrato</label>\r\n                  <select\r\n                    class=\"fb-select\"\r\n                    [fbValue]=\"string(item, 'displayField')\"\r\n                    (change)=\"setField(item, 'displayField', $any($event.target).value)\"\r\n                  >\r\n                    <option value=\"\">Predefinito ({{ defaultDisplayField }})</option>\r\n                    @for (field of enumChoiceSetFields(); track field.value) {\r\n                      <option [value]=\"field.value\">{{ field.label }}</option>\r\n                    }\r\n                  </select>\r\n                  @if (unknownEnumChoiceSetField(item, 'displayField')) {\r\n                    <p class=\"fb-field__error\">\r\n                      \u00AB{{ string(item, 'displayField') }}\u00BB non e\u2019 una proprieta\u2019 di un valore di enum\r\n                      (FIELD_UNKNOWN).\r\n                    </p>\r\n                  }\r\n                </div>\r\n                <div class=\"fb-field\">\r\n                  <label class=\"fb-field__label\">Campo del valore</label>\r\n                  <select\r\n                    class=\"fb-select\"\r\n                    [fbValue]=\"string(item, 'valueField')\"\r\n                    (change)=\"setField(item, 'valueField', $any($event.target).value)\"\r\n                  >\r\n                    <option value=\"\">Predefinito ({{ defaultValueField }})</option>\r\n                    @for (field of enumChoiceSetFields(); track field.value) {\r\n                      <option [value]=\"field.value\">{{ field.label }}</option>\r\n                    }\r\n                  </select>\r\n                  @if (unknownEnumChoiceSetField(item, 'valueField')) {\r\n                    <p class=\"fb-field__error\">\r\n                      \u00AB{{ string(item, 'valueField') }}\u00BB non e\u2019 una proprieta\u2019 di un valore di enum\r\n                      (FIELD_UNKNOWN).\r\n                    </p>\r\n                  }\r\n                </div>\r\n              </div>\r\n              <p class=\"fb-field__hint\">\r\n                Dichiarare <code>Integer</code> come tipo della risorsa e\u2019 la stessa cosa che scegliere qui\r\n                \u00ABValore numerico\u00BB: il valore dell\u2019opzione e\u2019 il numero sottostante.\r\n              </p>\r\n            } @else {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label fb-field__label--required\">Campo mostrato</label>\r\n                <fb-field-picker\r\n                  [value]=\"string(item, 'displayField') || undefined\"\r\n                  [object]=\"string(item, 'object') || undefined\"\r\n                  usage=\"any\"\r\n                  label=\"Campo mostrato\"\r\n                  (valueChange)=\"setField(item, 'displayField', $event ?? '')\"\r\n                />\r\n              </div>\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label fb-field__label--required\">Campo del valore</label>\r\n                <fb-field-picker\r\n                  [value]=\"string(item, 'valueField') || undefined\"\r\n                  [object]=\"string(item, 'object') || undefined\"\r\n                  usage=\"any\"\r\n                  label=\"Campo del valore\"\r\n                  (valueChange)=\"setField(item, 'valueField', $event ?? '')\"\r\n                />\r\n              </div>\r\n            }\r\n            <div class=\"fb-field__row\">\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">Ordina per</label>\r\n                @if (isChoiceSetSource(item, 'enum')) {\r\n                  <select\r\n                    class=\"fb-select\"\r\n                    [fbValue]=\"string(item, 'sortField')\"\r\n                    (change)=\"setField(item, 'sortField', $any($event.target).value)\"\r\n                  >\r\n                    <option value=\"\">Ordine di dichiarazione</option>\r\n                    @for (field of enumChoiceSetFields(); track field.value) {\r\n                      <option [value]=\"field.value\">{{ field.label }}</option>\r\n                    }\r\n                  </select>\r\n                  @if (unknownEnumChoiceSetField(item, 'sortField')) {\r\n                    <p class=\"fb-field__error\">\r\n                      \u00AB{{ string(item, 'sortField') }}\u00BB non e\u2019 una proprieta\u2019 di un valore di enum\r\n                      (FIELD_UNKNOWN).\r\n                    </p>\r\n                  }\r\n                } @else {\r\n                  <fb-field-picker\r\n                    [value]=\"string(item, 'sortField') || undefined\"\r\n                    [object]=\"string(item, 'object') || undefined\"\r\n                    usage=\"sortable\"\r\n                    label=\"Campo di ordinamento\"\r\n                    placeholder=\"Nessun ordinamento\"\r\n                    (valueChange)=\"setField(item, 'sortField', $event ?? '')\"\r\n                  />\r\n                }\r\n              </div>\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">Direzione</label>\r\n                <select\r\n                  class=\"fb-select\"\r\n                  [fbValue]=\"string(item, 'sortOrder')\"\r\n                  (change)=\"setField(item, 'sortOrder', $any($event.target).value)\"\r\n                >\r\n                  <option value=\"\">\u2014</option>\r\n                  @for (order of sortOrders(); track order.value) {\r\n                    <option [value]=\"order.value\">{{ order.label }}</option>\r\n                  }\r\n                </select>\r\n              </div>\r\n            </div>\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Numero massimo</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                type=\"number\"\r\n                min=\"1\"\r\n                [value]=\"string(item, 'limit')\"\r\n                (input)=\"setNumberField(item, 'limit', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n            <!--\r\n              `supportsLogic` a false: qui `filterLogic` non esiste nel modello, e inviarlo lo\r\n              perderebbe in silenzio al primo salvataggio (\u00A74.4). Nessun `emptyWarning`: senza\r\n              filtri il set legge tutti i record dell\u2019oggetto, che qui e\u2019 un uso legittimo.\r\n              Su un enum i filtri li valuta il runtime **in memoria**, e i campi sono le tre\r\n              proprieta\u2019 di un valore: `fieldOptions` e\u2019 cio\u2019 che sostituisce il catalogo (\u00A75.2).\r\n            -->\r\n            <fb-record-filter-editor\r\n              [holder]=\"$any(item.resource)\"\r\n              [object]=\"isChoiceSetSource(item, 'enum') ? undefined : string(item, 'object') || undefined\"\r\n              [fieldOptions]=\"isChoiceSetSource(item, 'enum') ? enumChoiceSetFields() : []\"\r\n              [title]=\"\r\n                isChoiceSetSource(item, 'enum') ? 'Quali valori diventano opzioni' : 'Quali record diventano opzioni'\r\n              \"\r\n              usage=\"filterable\"\r\n              [supportsLogic]=\"false\"\r\n              (changed)=\"onFiltersChanged(item, $event)\"\r\n            />\r\n          }\r\n\r\n          @if (isStructure(item) && item.collection === 'variables') {\r\n            <p class=\"fb-field__hint\">\r\n              Non serve un valore iniziale: la variabile parte con un\u2019istanza vuota, e il flow ne assegna i\r\n              membri uno alla volta con un Assignment.\r\n            </p>\r\n          }\r\n\r\n          @if (\r\n            supportsInitialValue(item) &&\r\n            (item.collection === 'variables' || item.collection === 'constants' || item.collection === 'choices')\r\n          ) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">\r\n                {{ item.collection === 'variables' ? 'Valore iniziale' : 'Valore' }}\r\n              </label>\r\n              <fb-value-editor\r\n                [value]=\"value(item)\"\r\n                [dataType]=\"$any(item.resource['dataType'])\"\r\n                [objectType]=\"$any(item.resource['objectType'])\"\r\n                [isCollection]=\"boolean(item, 'isCollection')\"\r\n                [allowFormula]=\"item.collection !== 'constants'\"\r\n                label=\"Valore\"\r\n                (valueChange)=\"setValue(item, $event)\"\r\n              />\r\n            </div>\r\n          }\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Descrizione</label>\r\n            <input\r\n              class=\"fb-input\"\r\n              [value]=\"string(item, 'description')\"\r\n              (input)=\"setField(item, 'description', $any($event.target).value)\"\r\n            />\r\n          </div>\r\n        }\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessuna risorsa di questo tipo.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn fb-btn--primary\" (click)=\"add()\">\r\n    Aggiungi {{ activeKind().singular }}\r\n  </button>\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--fb-surface, #fff)}.fb-res__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-res__title{margin:0;font-size:14px;font-weight:600;color:var(--fb-text, #1d2939)}.fb-res__tabs{display:flex;flex-wrap:wrap;gap:2px;padding:6px 8px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-res__tab{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:12px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}.fb-res__tab:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-res__tab--active{border-color:var(--fb-accent, #2f6feb);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent);color:var(--fb-accent, #2f6feb);font-weight:600}.fb-res__count{padding:0 4px;border-radius:6px;background:var(--fb-border, #d6dae1);font-size:9px;color:var(--fb-text, #1d2939)}.fb-res__body{flex:1;min-height:0;overflow-y:auto;padding:10px 12px}.fb-res__name{flex:1;min-width:0;display:flex;flex-direction:column;padding:0;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-res__name-text{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-res__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-res__uses{flex:none;padding:1px 6px;border-radius:999px;background:var(--fb-surface-sunken, #eef0f4);color:var(--fb-text-muted, #6b7086);font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.fb-res__uses--none{background:color-mix(in srgb,var(--fb-warning, #b7791f) 12%,transparent);color:var(--fb-warning, #b7791f)}.fb-res__confirm{display:flex;flex-wrap:wrap;align-items:center;gap:6px}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { closed: [{ type: i0.Output, args: ["closed"] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }] } });
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\r\n  Il form di **una** risorsa: e' cio' che prima stava inline sotto la riga dell'elenco, e ora\r\n  vive nella dialog. I rilievi locali stanno in cima e non accanto al campo che li produce\r\n  perche' qui il form si apre gi\u00E0 puntato sulla risorsa: la domanda \u00ABcosa non va\u00BB viene prima\r\n  di \u00ABdove\u00BB.\r\n-->\r\n@if (nameError(); as message) {\r\n  <p class=\"fb-field__error\">{{ message }}</p>\r\n}\r\n@if (constantReferencesResource()) {\r\n  <p class=\"fb-callout fb-callout--error\">\r\n    Una costante deve essere un valore fisso: non puo\u2019 referenziare altre risorse\r\n    (CONSTANT_REFERENCES_RESOURCE).\r\n  </p>\r\n}\r\n@if (duplicateStageOrder()) {\r\n  <p class=\"fb-callout fb-callout--warn\">\r\n    Due stage con lo stesso ordine: quale sia il corrente all\u2019avvio diventa arbitrario\r\n    (STAGE_ORDER_DUPLICATED).\r\n  </p>\r\n}\r\n\r\n<div class=\"fb-field\">\r\n  <label class=\"fb-field__label fb-field__label--required\">Nome</label>\r\n  <input\r\n    class=\"fb-input fb-input--mono\"\r\n    [value]=\"reference().name\"\r\n    (change)=\"rename($any($event.target).value)\"\r\n  />\r\n  <p class=\"fb-field__hint\">\r\n    Il nome vive nello stesso spazio dei nomi degli elementi. Rinominare riscrive i riferimenti.\r\n  </p>\r\n</div>\r\n\r\n@if (collection() === 'stages') {\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label\">Etichetta</label>\r\n    <input\r\n      class=\"fb-input\"\r\n      [value]=\"string('label')\"\r\n      (input)=\"setField('label', $any($event.target).value)\"\r\n    />\r\n  </div>\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label fb-field__label--required\">Ordine</label>\r\n    <input\r\n      class=\"fb-input\"\r\n      type=\"number\"\r\n      min=\"1\"\r\n      [value]=\"string('stageOrder')\"\r\n      (input)=\"setNumberField('stageOrder', $any($event.target).value)\"\r\n    />\r\n  </div>\r\n  <label class=\"fb-check\">\r\n    <input\r\n      type=\"checkbox\"\r\n      [checked]=\"boolean('isActive')\"\r\n      (change)=\"setBooleanField('isActive', $any($event.target).checked)\"\r\n    />\r\n    Attivo all\u2019avvio\r\n  </label>\r\n  <p class=\"fb-field__hint\">\r\n    All\u2019avvio lo stage corrente e\u2019 il primo attivo per ordine. Si avanza con un Assignment su\r\n    <code>$Flow.CurrentStage</code>.\r\n  </p>\r\n}\r\n\r\n@if (collection() === 'textTemplates') {\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label fb-field__label--required\">Testo</label>\r\n    <textarea\r\n      class=\"fb-textarea\"\r\n      [value]=\"string('text')\"\r\n      placeholder=\"Gentile {!Cliente.Nome},\"\r\n      (input)=\"setField('text', $any($event.target).value)\"\r\n    ></textarea>\r\n  </div>\r\n  <label class=\"fb-check\">\r\n    <input\r\n      type=\"checkbox\"\r\n      [checked]=\"boolean('isViewedAsPlainText')\"\r\n      (change)=\"setBooleanField('isViewedAsPlainText', $any($event.target).checked)\"\r\n    />\r\n    Testo semplice\r\n  </label>\r\n}\r\n\r\n@if (collection() !== 'textTemplates' && collection() !== 'stages') {\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label fb-field__label--required\">Tipo</label>\r\n    <select\r\n      class=\"fb-select\"\r\n      [fbValue]=\"string('dataType')\"\r\n      (change)=\"setDataType($any($event.target).value)\"\r\n    >\r\n      @for (type of dataTypes(); track type.value) {\r\n        <option [value]=\"type.value\">{{ type.label }}</option>\r\n      }\r\n    </select>\r\n    @if (collection() === 'dynamicChoiceSets') {\r\n      <!--\r\n        \u00A75.2 \u2014 il valore di un'opzione **generata** non lo scrive l'autore del flow: lo produce\r\n        la sorgente, nel tipo in cui il sistema ospite lo tiene, e `dataType` decide il tipo in\r\n        cui viaggia. La regola e' generale \u2014 vale per tutte e tre le sorgenti \u2014 e si vede su un\r\n        oggetto la cui chiave e' un enum, dove nella tendina serve di norma il numero.\r\n      -->\r\n      <p class=\"fb-field__hint\">\r\n        Decide il tipo in cui viaggia il valore dell\u2019opzione, con qualunque sorgente:\r\n        <code>String</code> il nome come testo, <code>Integer</code> o <code>Number</code> il\r\n        numero sottostante, <code>Enum</code> il valore tipizzato \u2014 che e\u2019 cio\u2019 che serve in un\r\n        parametro o in un membro di classe <code>Enum</code>. Una conversione impossibile non fa\r\n        fallire niente: resta il valore prodotto dalla sorgente.\r\n      </p>\r\n    }\r\n  </div>\r\n\r\n  @if (requiresObjectType() && !hidesObjectType()) {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label fb-field__label--required\">\r\n        @if (isEnum()) {\r\n          Tipo di enumerazione\r\n        } @else if (isStructure()) {\r\n          Classe\r\n        } @else {\r\n          Oggetto\r\n        }\r\n      </label>\r\n      @if (isEnum()) {\r\n        <!-- Dizionario chiuso: qui la scrittura libera non serve. -->\r\n        <select\r\n          class=\"fb-select\"\r\n          [fbValue]=\"string('objectType')\"\r\n          (change)=\"setField('objectType', $any($event.target).value)\"\r\n        >\r\n          <option value=\"\">\u2014 scegli \u2014</option>\r\n          @for (entry of enumOptions(); track entry.name) {\r\n            <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n          }\r\n        </select>\r\n      } @else if (isStructure()) {\r\n        <!-- \u00A74.7: una classe del backend, non un'entita' del modello dati. -->\r\n        <fb-structure-picker\r\n          [value]=\"string('objectType') || undefined\"\r\n          label=\"Classe\"\r\n          (valueChange)=\"setField('objectType', $event ?? '')\"\r\n        />\r\n      } @else {\r\n        <fb-object-picker\r\n          [value]=\"string('objectType') || undefined\"\r\n          label=\"Oggetto\"\r\n          placeholder=\"Scrivi o scegli un oggetto\"\r\n          (valueChange)=\"setField('objectType', $event ?? '')\"\r\n        />\r\n      }\r\n      @if (missingObjectType()) {\r\n        <!-- Su una Structure non e' un avviso: senza classe non c'e' nulla da istanziare. -->\r\n        <p class=\"fb-field__error\">\r\n          La classe e\u2019 obbligatoria: senza, l\u2019attivazione e\u2019 bloccata (OBJECT_TYPE_MISSING).\r\n        </p>\r\n      } @else if (isStructure()) {\r\n        <p class=\"fb-field__hint\">\r\n          Il flow ne legge e scrive i <strong>membri</strong> (<code>Nome.Membro</code>): non si\r\n          interroga con Get Records ne\u2019 si salva con Create/Update.\r\n        </p>\r\n      } @else {\r\n        <p class=\"fb-field__hint\">Obbligatorio per Object ed Enum (OBJECT_TYPE_MISSING).</p>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  @if (supportsScale()) {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Decimali</label>\r\n      <input\r\n        class=\"fb-input\"\r\n        type=\"number\"\r\n        min=\"0\"\r\n        [value]=\"string('scale')\"\r\n        (input)=\"setNumberField('scale', $any($event.target).value)\"\r\n      />\r\n    </div>\r\n  }\r\n}\r\n\r\n@if (collection() === 'variables') {\r\n  <label class=\"fb-check\">\r\n    <input\r\n      type=\"checkbox\"\r\n      [checked]=\"boolean('isCollection')\"\r\n      (change)=\"setBooleanField('isCollection', $any($event.target).checked)\"\r\n    />\r\n    \u00C8 una collection\r\n  </label>\r\n  <p class=\"fb-field__hint\">Solo una collection puo\u2019 essere iterata da un Loop.</p>\r\n\r\n  <label class=\"fb-check\">\r\n    <input\r\n      type=\"checkbox\"\r\n      [checked]=\"boolean('isInput')\"\r\n      (change)=\"setBooleanField('isInput', $any($event.target).checked)\"\r\n    />\r\n    Valorizzabile all\u2019avvio (input)\r\n  </label>\r\n  <label class=\"fb-check\">\r\n    <input\r\n      type=\"checkbox\"\r\n      [checked]=\"boolean('isOutput')\"\r\n      (change)=\"setBooleanField('isOutput', $any($event.target).checked)\"\r\n    />\r\n    Leggibile alla fine (output)\r\n  </label>\r\n  <p class=\"fb-field__hint\">\r\n    Input e output sono il contratto del flow verso chi lo invoca, subflow compresi.\r\n  </p>\r\n}\r\n\r\n@if (collection() === 'formulas') {\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label fb-field__label--required\">Espressione</label>\r\n    <!--\r\n      Il tipo atteso e' quello che la risorsa dichiara, e `scale` va con lui: sono cio'\r\n      che permette al motore di dire che l'espressione produce altro (\u00A76.3).\r\n    -->\r\n    <fb-formula-editor\r\n      [expression]=\"string('expression')\"\r\n      usage=\"Resource\"\r\n      [expectedDataType]=\"$any(resource()['dataType'])\"\r\n      [scale]=\"$any(resource()['scale'])\"\r\n      placeholder=\"Importo * 1.22\"\r\n      ariaLabel=\"Espressione della formula\"\r\n      (expressionChange)=\"setField('expression', $event)\"\r\n    >\r\n      <p class=\"fb-field__hint\">\r\n        Passata verbatim al motore di regole: la sintassi delle funzioni e\u2019 del motore.\r\n      </p>\r\n    </fb-formula-editor>\r\n  </div>\r\n}\r\n\r\n@if (collection() === 'choices') {\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label fb-field__label--required\">Testo mostrato</label>\r\n    <input\r\n      class=\"fb-input\"\r\n      [value]=\"string('choiceText')\"\r\n      (input)=\"setField('choiceText', $any($event.target).value)\"\r\n    />\r\n  </div>\r\n}\r\n\r\n@if (collection() === 'dynamicChoiceSets') {\r\n  <!--\r\n    \u00A75.2 \u2014 le sorgenti sono tre e si escludono a vicenda: i pulsanti le rendono\r\n    mutuamente esclusive nel documento, non solo nel form.\r\n  -->\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label fb-field__label--required\">Da dove arrivano le opzioni</label>\r\n    <div class=\"fb-filter__modes\" role=\"group\" aria-label=\"Sorgente delle opzioni\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-filter__mode\"\r\n        [class.fb-filter__mode--active]=\"isChoiceSetSource('collection')\"\r\n        (click)=\"setChoiceSetSource('collection')\"\r\n      >\r\n        Collection del flow\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-filter__mode\"\r\n        [class.fb-filter__mode--active]=\"isChoiceSetSource('object')\"\r\n        (click)=\"setChoiceSetSource('object')\"\r\n      >\r\n        Query su un oggetto\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-filter__mode\"\r\n        [class.fb-filter__mode--active]=\"isChoiceSetSource('enum')\"\r\n        (click)=\"setChoiceSetSource('enum')\"\r\n      >\r\n        Valori di un enum\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  @if (ambiguousChoiceSetSource()) {\r\n    <p class=\"fb-callout fb-callout--warn\">\r\n      Questo choice set dichiara piu\u2019 di una sorgente: il runtime ne usa una sola\r\n      (CHOICE_SET_SOURCE_AMBIGUOUS). Scegli quella giusta qui sopra: le altre vengono tolte.\r\n    </p>\r\n  }\r\n\r\n  @if (isChoiceSetSource('collection')) {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label fb-field__label--required\">Collection</label>\r\n      <fb-reference-picker\r\n        [value]=\"string('collectionReference')\"\r\n        [isCollection]=\"true\"\r\n        placeholder=\"Scegli una collection\"\r\n        (valueChange)=\"setField('collectionReference', $event ?? '')\"\r\n      />\r\n      <p class=\"fb-field__hint\">\r\n        Tipicamente il risultato di un Get Records: le opzioni sono i record che il flow ha gi\u00E0\r\n        letto.\r\n      </p>\r\n    </div>\r\n  }\r\n\r\n  @if (isChoiceSetSource('object')) {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label fb-field__label--required\">Oggetto</label>\r\n      <fb-object-picker\r\n        [value]=\"string('object') || undefined\"\r\n        placeholder=\"Scrivi o scegli un oggetto\"\r\n        (valueChange)=\"setField('object', $event ?? '')\"\r\n      />\r\n    </div>\r\n  }\r\n\r\n  @if (isChoiceSetSource('enum')) {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label fb-field__label--required\">Tipo di enumerazione</label>\r\n      <!-- Dizionario chiuso, e qui e' anche **autorevole**: un tipo fuori elenco e' un errore. -->\r\n      <select\r\n        class=\"fb-select\"\r\n        [fbValue]=\"string('enumType')\"\r\n        (change)=\"setField('enumType', $any($event.target).value)\"\r\n      >\r\n        <option value=\"\">\u2014 scegli \u2014</option>\r\n        @for (entry of enumOptions(); track entry.name) {\r\n          <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n        }\r\n      </select>\r\n      @if (unknownEnumType()) {\r\n        <p class=\"fb-field__error\">\r\n          Il tipo \u00AB{{ string('enumType') }}\u00BB non e\u2019 fra quelli utilizzabili\r\n          (ENUM_TYPE_UNKNOWN).\r\n        </p>\r\n      } @else {\r\n        <p class=\"fb-field__hint\">\r\n          Le opzioni sono i valori dichiarati dal tipo: nessuna choice da tenere allineata a mano.\r\n        </p>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  @if (isChoiceSetSource('enum')) {\r\n    <!--\r\n      \u00A75.2 \u2014 qui i campi citabili sono le tre proprieta' di un valore di enum, non i campi\r\n      di un'entita': l'elenco viene dal dizionario, e i default rendono superfluo dichiararli.\r\n    -->\r\n    <div class=\"fb-field__row\">\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Campo mostrato</label>\r\n        <select\r\n          class=\"fb-select\"\r\n          [fbValue]=\"string('displayField')\"\r\n          (change)=\"setField('displayField', $any($event.target).value)\"\r\n        >\r\n          <option value=\"\">Predefinito ({{ defaultDisplayField }})</option>\r\n          @for (field of enumChoiceSetFields(); track field.value) {\r\n            <option [value]=\"field.value\">{{ field.label }}</option>\r\n          }\r\n        </select>\r\n        @if (unknownEnumChoiceSetField('displayField')) {\r\n          <p class=\"fb-field__error\">\r\n            \u00AB{{ string('displayField') }}\u00BB non e\u2019 una proprieta\u2019 di un valore di enum\r\n            (FIELD_UNKNOWN).\r\n          </p>\r\n        }\r\n      </div>\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Campo del valore</label>\r\n        <select\r\n          class=\"fb-select\"\r\n          [fbValue]=\"string('valueField')\"\r\n          (change)=\"setField('valueField', $any($event.target).value)\"\r\n        >\r\n          <option value=\"\">Predefinito ({{ defaultValueField }})</option>\r\n          @for (field of enumChoiceSetFields(); track field.value) {\r\n            <option [value]=\"field.value\">{{ field.label }}</option>\r\n          }\r\n        </select>\r\n        @if (unknownEnumChoiceSetField('valueField')) {\r\n          <p class=\"fb-field__error\">\r\n            \u00AB{{ string('valueField') }}\u00BB non e\u2019 una proprieta\u2019 di un valore di enum\r\n            (FIELD_UNKNOWN).\r\n          </p>\r\n        }\r\n      </div>\r\n    </div>\r\n    <p class=\"fb-field__hint\">\r\n      Dichiarare <code>Integer</code> come tipo della risorsa e\u2019 la stessa cosa che scegliere qui\r\n      \u00ABValore numerico\u00BB: il valore dell\u2019opzione e\u2019 il numero sottostante.\r\n    </p>\r\n  } @else {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label fb-field__label--required\">Campo mostrato</label>\r\n      <fb-field-picker\r\n        [value]=\"string('displayField') || undefined\"\r\n        [object]=\"string('object') || undefined\"\r\n        usage=\"any\"\r\n        label=\"Campo mostrato\"\r\n        (valueChange)=\"setField('displayField', $event ?? '')\"\r\n      />\r\n    </div>\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label fb-field__label--required\">Campo del valore</label>\r\n      <fb-field-picker\r\n        [value]=\"string('valueField') || undefined\"\r\n        [object]=\"string('object') || undefined\"\r\n        usage=\"any\"\r\n        label=\"Campo del valore\"\r\n        (valueChange)=\"setField('valueField', $event ?? '')\"\r\n      />\r\n    </div>\r\n  }\r\n  <div class=\"fb-field__row\">\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Ordina per</label>\r\n      @if (isChoiceSetSource('enum')) {\r\n        <select\r\n          class=\"fb-select\"\r\n          [fbValue]=\"string('sortField')\"\r\n          (change)=\"setField('sortField', $any($event.target).value)\"\r\n        >\r\n          <option value=\"\">Ordine di dichiarazione</option>\r\n          @for (field of enumChoiceSetFields(); track field.value) {\r\n            <option [value]=\"field.value\">{{ field.label }}</option>\r\n          }\r\n        </select>\r\n        @if (unknownEnumChoiceSetField('sortField')) {\r\n          <p class=\"fb-field__error\">\r\n            \u00AB{{ string('sortField') }}\u00BB non e\u2019 una proprieta\u2019 di un valore di enum\r\n            (FIELD_UNKNOWN).\r\n          </p>\r\n        }\r\n      } @else {\r\n        <fb-field-picker\r\n          [value]=\"string('sortField') || undefined\"\r\n          [object]=\"string('object') || undefined\"\r\n          usage=\"sortable\"\r\n          label=\"Campo di ordinamento\"\r\n          placeholder=\"Nessun ordinamento\"\r\n          (valueChange)=\"setField('sortField', $event ?? '')\"\r\n        />\r\n      }\r\n    </div>\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Direzione</label>\r\n      <select\r\n        class=\"fb-select\"\r\n        [fbValue]=\"string('sortOrder')\"\r\n        (change)=\"setField('sortOrder', $any($event.target).value)\"\r\n      >\r\n        <option value=\"\">\u2014</option>\r\n        @for (order of sortOrders(); track order.value) {\r\n          <option [value]=\"order.value\">{{ order.label }}</option>\r\n        }\r\n      </select>\r\n    </div>\r\n  </div>\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label\">Numero massimo</label>\r\n    <input\r\n      class=\"fb-input\"\r\n      type=\"number\"\r\n      min=\"1\"\r\n      [value]=\"string('limit')\"\r\n      (input)=\"setNumberField('limit', $any($event.target).value)\"\r\n    />\r\n  </div>\r\n  <!--\r\n    `supportsLogic` a false: qui `filterLogic` non esiste nel modello, e inviarlo lo\r\n    perderebbe in silenzio al primo salvataggio (\u00A74.4). Nessun `emptyWarning`: senza\r\n    filtri il set legge tutti i record dell\u2019oggetto, che qui e\u2019 un uso legittimo.\r\n    Su un enum i filtri li valuta il runtime **in memoria**, e i campi sono le tre\r\n    proprieta\u2019 di un valore: `fieldOptions` e\u2019 cio\u2019 che sostituisce il catalogo (\u00A75.2).\r\n  -->\r\n  <fb-record-filter-editor\r\n    [holder]=\"$any(resource())\"\r\n    [object]=\"isChoiceSetSource('enum') ? undefined : string('object') || undefined\"\r\n    [fieldOptions]=\"isChoiceSetSource('enum') ? enumChoiceSetFields() : []\"\r\n    [title]=\"\r\n      isChoiceSetSource('enum') ? 'Quali valori diventano opzioni' : 'Quali record diventano opzioni'\r\n    \"\r\n    usage=\"filterable\"\r\n    [supportsLogic]=\"false\"\r\n    (changed)=\"onFiltersChanged($event)\"\r\n  />\r\n}\r\n\r\n@if (isStructure() && collection() === 'variables') {\r\n  <p class=\"fb-field__hint\">\r\n    Non serve un valore iniziale: la variabile parte con un\u2019istanza vuota, e il flow ne assegna i\r\n    membri uno alla volta con un Assignment.\r\n  </p>\r\n}\r\n\r\n@if (\r\n  supportsInitialValue() &&\r\n  (collection() === 'variables' || collection() === 'constants' || collection() === 'choices')\r\n) {\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label\">\r\n      {{ collection() === 'variables' ? 'Valore iniziale' : 'Valore' }}\r\n    </label>\r\n    <fb-value-editor\r\n      [value]=\"value()\"\r\n      [dataType]=\"$any(resource()['dataType'])\"\r\n      [objectType]=\"$any(resource()['objectType'])\"\r\n      [isCollection]=\"boolean('isCollection')\"\r\n      [allowFormula]=\"collection() !== 'constants'\"\r\n      label=\"Valore\"\r\n      (valueChange)=\"setValue($event)\"\r\n    />\r\n  </div>\r\n}\r\n\r\n<div class=\"fb-field\">\r\n  <label class=\"fb-field__label\">Descrizione</label>\r\n  <input\r\n    class=\"fb-input\"\r\n    [value]=\"string('description')\"\r\n    (input)=\"setField('description', $any($event.target).value)\"\r\n  />\r\n</div>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { reference: [{ type: i0.Input, args: [{ isSignal: true, alias: "reference", required: true }] }] } });
+
+/**
+ * La dialog di una risorsa (§4.6) — l'equivalente, per le risorse, della dialog del dettaglio
+ * di un elemento.
+ *
+ * Perche' una finestra e non il form inline sotto la riga dell'elenco: i form delle risorse non
+ * hanno tutti la stessa taglia — un dynamic choice set porta sorgente, due campi, ordinamento,
+ * limite e un editor di filtri — e aperto dentro la colonna da 340px spingeva l'elenco fuori
+ * dallo schermo. Cioe' faceva sparire proprio il contesto per cui l'elenco esiste: quali altre
+ * risorse ci sono, e come si chiamano. La finestra da' la larghezza necessaria e, mentre e'
+ * aperta, dichiara che si sta configurando **quella** risorsa.
+ *
+ * Non c'e' un «Annulla», per la stessa ragione della dialog dell'elemento: le modifiche entrano
+ * nel documento mentre si digita, e tornare indietro e' compito dell'annulla generale
+ * dell'editor. Un bottone che promettesse di scartare le sole modifiche di questa finestra
+ * mentirebbe.
+ *
+ * Vive **dentro** il componente builder e non in fondo al `body`: la libreria e' innestabile in
+ * una pagina qualsiasi, e appropriarsi del `body` sarebbe una sorpresa per l'ospite. Si sposta
+ * prendendola per l'intestazione, con il vincolo condiviso di `ui/shared/dialog-drag.ts`: la
+ * maniglia resta dentro il builder, la finestra puo' uscirne quasi tutta.
+ *
+ * La risorsa e' indirizzata per **indice** nella sua collection, che e' l'unica chiave che il
+ * documento offre. Rimuovendola dall'elenco l'indice non punta piu' a niente: la finestra si
+ * chiude da se' invece di mostrare un form vuoto sul nulla.
+ */
+class ResourceDialogComponent {
+    store = inject(FlowDocumentStore);
+    edit = input.required(...(ngDevMode ? [{ debugName: "edit" }] : []));
+    closed = output();
+    panel = viewChild('panel', ...(ngDevMode ? [{ debugName: "panel" }] : []));
+    reference = computed(() => {
+        const edit = this.edit();
+        return this.store
+            .resources()
+            .find((entry) => entry.collection === edit.collection && entry.index === edit.index);
+    }, ...(ngDevMode ? [{ debugName: "reference" }] : []));
+    kindLabel = computed(() => resourceKindOf(this.edit().collection).singular, ...(ngDevMode ? [{ debugName: "kindLabel" }] : []));
+    title = computed(() => this.reference()?.name || '(senza nome)', ...(ngDevMode ? [{ debugName: "title" }] : []));
+    constructor() {
+        // Il focus entra nella finestra appena si apre o cambia risorsa: da tastiera si arriva
+        // subito ai campi, e `Esc` chiude senza dover prima cliccare dentro.
+        effect(() => {
+            const edit = this.edit();
+            const panel = this.panel()?.nativeElement;
+            if (edit && panel) {
+                panel.focus({ preventScroll: true });
+            }
+        });
+        // La risorsa non c'e' piu' (rimossa dall'elenco, o documento ricaricato): non c'e' niente
+        // da configurare, e un form vuoto sul nulla e' peggio di nessun form.
+        effect(() => {
+            if (!this.reference()) {
+                this.closed.emit();
+            }
+        });
+    }
+    /** Il vincolo: dentro il builder resta la maniglia, non la finestra intera. */
+    constrainPosition = dialogConstrainPosition(() => this.panel()?.nativeElement);
+    close() {
+        this.closed.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ResourceDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: ResourceDialogComponent, isStandalone: true, selector: "fb-resource-dialog", inputs: { edit: { classPropertyName: "edit", publicName: "edit", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { closed: "closed" }, viewQueries: [{ propertyName: "panel", first: true, predicate: ["panel"], descendants: true, isSignal: true }], ngImport: i0, template: "<!--\r\n  Il backdrop chiude: e' il gesto che tutti si aspettano. Il pannello ferma la propagazione del\r\n  click, altrimenti configurare un campo chiuderebbe la finestra.\r\n-->\r\n<div class=\"fb-dialog__backdrop\" (click)=\"close()\"></div>\r\n\r\n<div\r\n  #panel\r\n  class=\"fb-dialog__panel\"\r\n  cdkDrag\r\n  [cdkDragConstrainPosition]=\"constrainPosition\"\r\n  role=\"dialog\"\r\n  aria-modal=\"true\"\r\n  [attr.aria-label]=\"kindLabel() + ': ' + title()\"\r\n  tabindex=\"-1\"\r\n  (click)=\"$event.stopPropagation()\"\r\n  (keydown.escape)=\"close()\"\r\n>\r\n  <!-- L\u2019intestazione e\u2019 la maniglia: il corpo ha campi che si trascinano per conto loro. -->\r\n  <header class=\"fb-dialog__head\" cdkDragHandle>\r\n    <div class=\"fb-dialog__identity\">\r\n      <span class=\"fb-dialog__type\">{{ kindLabel() }}</span>\r\n      <h2 class=\"fb-dialog__title\">{{ title() }}</h2>\r\n    </div>\r\n    <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" aria-label=\"Chiudi\" (click)=\"close()\">\u00D7</button>\r\n  </header>\r\n\r\n  <div class=\"fb-dialog__body\">\r\n    @if (reference(); as item) {\r\n      <fb-resource-form [reference]=\"item\" />\r\n    }\r\n  </div>\r\n\r\n  <footer class=\"fb-dialog__foot\">\r\n    <span class=\"fb-dialog__note\">\r\n      Le modifiche sono gi\u00E0 nel documento: per tornare indietro c\u2019\u00E8 l\u2019annulla dell\u2019editor.\r\n    </span>\r\n    <button type=\"button\" class=\"fb-btn fb-btn--primary\" (click)=\"close()\">Fatto</button>\r\n  </footer>\r\n</div>\r\n", styles: [":host{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:24px}.fb-dialog__backdrop{position:absolute;inset:0;background:#10182852;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.fb-dialog__panel{position:relative;display:flex;flex-direction:column;width:min(var(--fb-resource-dialog-width, 760px),100%);height:min(var(--fb-resource-dialog-height, 720px),100%);border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius-lg, 12px);background:var(--fb-surface, #fff);box-shadow:var(--fb-shadow-lg, 0 18px 44px rgb(16 24 40 / 18%));outline:none;overflow:hidden}.fb-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--fb-border-subtle, #eef0f4);cursor:move;-webkit-user-select:none;user-select:none}.fb-dialog__head .fb-btn{cursor:pointer}.fb-dialog__panel.cdk-drag-dragging{box-shadow:var(--fb-shadow-xl, 0 26px 60px rgb(16 24 40 / 28%))}.fb-dialog__identity{min-width:0}.fb-dialog__type{display:block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fb-text-subtle, #98a2b3)}.fb-dialog__title{margin:1px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;font-weight:600;color:var(--fb-text, #1a1c23);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-dialog__body{flex:1;min-height:0;overflow-y:auto;padding:14px;scrollbar-gutter:stable;overscroll-behavior:contain}.fb-dialog__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid var(--fb-border-subtle, #eef0f4);background:var(--fb-surface-alt, #f7f8fa)}.fb-dialog__note{font-size:11px;color:var(--fb-text-muted, #6b7086)}@media(max-height:620px){:host{padding:10px}}\n"], dependencies: [{ kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: ResourceFormComponent, selector: "fb-resource-form", inputs: ["reference"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ResourceDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fb-resource-dialog', standalone: true, imports: [CdkDrag, CdkDragHandle, ResourceFormComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\r\n  Il backdrop chiude: e' il gesto che tutti si aspettano. Il pannello ferma la propagazione del\r\n  click, altrimenti configurare un campo chiuderebbe la finestra.\r\n-->\r\n<div class=\"fb-dialog__backdrop\" (click)=\"close()\"></div>\r\n\r\n<div\r\n  #panel\r\n  class=\"fb-dialog__panel\"\r\n  cdkDrag\r\n  [cdkDragConstrainPosition]=\"constrainPosition\"\r\n  role=\"dialog\"\r\n  aria-modal=\"true\"\r\n  [attr.aria-label]=\"kindLabel() + ': ' + title()\"\r\n  tabindex=\"-1\"\r\n  (click)=\"$event.stopPropagation()\"\r\n  (keydown.escape)=\"close()\"\r\n>\r\n  <!-- L\u2019intestazione e\u2019 la maniglia: il corpo ha campi che si trascinano per conto loro. -->\r\n  <header class=\"fb-dialog__head\" cdkDragHandle>\r\n    <div class=\"fb-dialog__identity\">\r\n      <span class=\"fb-dialog__type\">{{ kindLabel() }}</span>\r\n      <h2 class=\"fb-dialog__title\">{{ title() }}</h2>\r\n    </div>\r\n    <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" aria-label=\"Chiudi\" (click)=\"close()\">\u00D7</button>\r\n  </header>\r\n\r\n  <div class=\"fb-dialog__body\">\r\n    @if (reference(); as item) {\r\n      <fb-resource-form [reference]=\"item\" />\r\n    }\r\n  </div>\r\n\r\n  <footer class=\"fb-dialog__foot\">\r\n    <span class=\"fb-dialog__note\">\r\n      Le modifiche sono gi\u00E0 nel documento: per tornare indietro c\u2019\u00E8 l\u2019annulla dell\u2019editor.\r\n    </span>\r\n    <button type=\"button\" class=\"fb-btn fb-btn--primary\" (click)=\"close()\">Fatto</button>\r\n  </footer>\r\n</div>\r\n", styles: [":host{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:24px}.fb-dialog__backdrop{position:absolute;inset:0;background:#10182852;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.fb-dialog__panel{position:relative;display:flex;flex-direction:column;width:min(var(--fb-resource-dialog-width, 760px),100%);height:min(var(--fb-resource-dialog-height, 720px),100%);border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius-lg, 12px);background:var(--fb-surface, #fff);box-shadow:var(--fb-shadow-lg, 0 18px 44px rgb(16 24 40 / 18%));outline:none;overflow:hidden}.fb-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--fb-border-subtle, #eef0f4);cursor:move;-webkit-user-select:none;user-select:none}.fb-dialog__head .fb-btn{cursor:pointer}.fb-dialog__panel.cdk-drag-dragging{box-shadow:var(--fb-shadow-xl, 0 26px 60px rgb(16 24 40 / 28%))}.fb-dialog__identity{min-width:0}.fb-dialog__type{display:block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fb-text-subtle, #98a2b3)}.fb-dialog__title{margin:1px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;font-weight:600;color:var(--fb-text, #1a1c23);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-dialog__body{flex:1;min-height:0;overflow-y:auto;padding:14px;scrollbar-gutter:stable;overscroll-behavior:contain}.fb-dialog__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid var(--fb-border-subtle, #eef0f4);background:var(--fb-surface-alt, #f7f8fa)}.fb-dialog__note{font-size:11px;color:var(--fb-text-muted, #6b7086)}@media(max-height:620px){:host{padding:10px}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { edit: [{ type: i0.Input, args: [{ isSignal: true, alias: "edit", required: true }] }], closed: [{ type: i0.Output, args: ["closed"] }], panel: [{ type: i0.ViewChild, args: ['panel', { isSignal: true }] }] } });
 
 /**
  * I riquadri di raggruppamento — FRONTEND.md §3.6.
@@ -16136,6 +16696,14 @@ class FlowBuilderComponent {
     /** La risorsa su cui aprire il pannello: e' l'arrivo della ricerca su una risorsa. */
     resourceTarget = signal(null, ...(ngDevMode ? [{ debugName: "resourceTarget" }] : []));
     resourceReveals = 0;
+    /**
+     * La risorsa aperta nella sua finestra di modifica (§4.6).
+     *
+     * Sta qui e non nel pannello perche' la finestra va montata **fuori** dalla colonna laterale:
+     * dentro sarebbe ritagliata dallo scorrimento del pannello. Il pannello annuncia quale
+     * risorsa aprire e riceve indietro quale sia aperta, così i due non possono discordare.
+     */
+    editingResource = signal(null, ...(ngDevMode ? [{ debugName: "editingResource" }] : []));
     /**
      * Il riquadro corrente (§3.6). E' una selezione **separata** da `selectedName`: un riquadro
      * non e' un elemento — non si copia, non si duplica, non si valida come tale — e tenerlo nella
@@ -16246,6 +16814,7 @@ class FlowBuilderComponent {
         this.notice.set(null);
         // Si sta cambiando documento: una dialog aperta guarderebbe un elemento di un altro flow.
         this.isDialogOpen.set(false);
+        this.editingResource.set(null);
         try {
             if (flowName) {
                 await this.session.open(flowName, version ?? undefined);
@@ -16458,6 +17027,14 @@ class FlowBuilderComponent {
     closeDialog() {
         this.isDialogOpen.set(false);
     }
+    /**
+     * La finestra di una risorsa (§4.6): la apre il pannello, `null` la chiude. Il pannello non
+     * tiene una copia sua di questo stato — riceve indietro questo — così chiudere dalla finestra
+     * e chiudere dall'elenco sono la stessa cosa.
+     */
+    onResourceEditRequested(edit) {
+        this.editingResource.set(edit);
+    }
     /**
      * Evidenzia l'elemento sul canvas **senza** cambiare pannello.
      * Serve alla traccia del debug: portare l'utente sull'elemento e' il punto del pannello, ma
@@ -17182,6 +17759,7 @@ class FlowBuilderComponent {
         }
         this.isLoading.set(true);
         this.isDialogOpen.set(false);
+        this.editingResource.set(null);
         try {
             await this.session.open(flowName, version);
             this.selectedName.set(START_NODE_NAME);
@@ -17229,7 +17807,7 @@ class FlowBuilderComponent {
             FormulaValidationService,
             FlowEditorSession,
             FlowLayoutService,
-        ], viewQueries: [{ propertyName: "canvas", first: true, predicate: FlowCanvasComponent, descendants: true, isSignal: true }, { propertyName: "search", first: true, predicate: FlowSearchComponent, descendants: true, isSignal: true }, { propertyName: "copyNameInput", first: true, predicate: ["copyNameInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"fb-builder\" [attr.data-fb-theme]=\"null\">\r\n  <header class=\"fb-top\">\r\n    <div class=\"fb-top__identity\">\r\n      <input\r\n        class=\"fb-top__label\"\r\n        [value]=\"document().label || ''\"\r\n        placeholder=\"Nome del flow\"\r\n        aria-label=\"Nome del flow\"\r\n        [disabled]=\"!isEditable()\"\r\n        (input)=\"setLabel($any($event.target).value)\"\r\n      />\r\n      <div class=\"fb-top__meta\">\r\n        <input\r\n          class=\"fb-top__name\"\r\n          [value]=\"document().fullName || ''\"\r\n          placeholder=\"NomeTecnico\"\r\n          aria-label=\"Nome tecnico del flow\"\r\n          [disabled]=\"!isEditable()\"\r\n          (input)=\"setFullName($any($event.target).value)\"\r\n        />\r\n        <select\r\n          class=\"fb-top__process\"\r\n          [fbValue]=\"document().processType || ''\"\r\n          aria-label=\"Tipo di flow\"\r\n          [disabled]=\"!isEditable()\"\r\n          (change)=\"setProcessType($any($event.target).value)\"\r\n        >\r\n          <!--\r\n            Il segnaposto esiste perche' un `<select>` senza opzione corrispondente non e'\r\n            \u00ABvuoto\u00BB: e' a `selectedIndex = -1`, e mostra una casella bianca. Su un flow nuovo\r\n            (`processType` non ancora scelto) e' questa la riga che si vede, disabilitata\r\n            perche' non e' un valore valido da salvare.\r\n          -->\r\n          @if (!document().processType) {\r\n            <option value=\"\" disabled>\u2014 tipo di flow \u2014</option>\r\n          }\r\n          @for (type of processTypes(); track type.value) {\r\n            <option [value]=\"type.value\">{{ type.label }}</option>\r\n          }\r\n          <!--\r\n            Il tipo del documento che il dizionario non conosce: senza questa opzione la select\r\n            resta bianca su un flow che il backend ha salvato con un `processType` fuori\r\n            catalogo (o quando `processTypes` manca dalla risposta dei dizionari), e sembra che\r\n            l'editor non abbia ricaricato il flow. Va mostrato **senza** riscrivere il\r\n            documento: il valore e' del backend, non nostro da correggere.\r\n          -->\r\n          @if (isProcessTypeOutOfCatalog()) {\r\n            <option [value]=\"document().processType\">{{ document().processType }} (fuori catalogo)</option>\r\n          }\r\n        </select>\r\n        <span class=\"fb-top__status\">{{ statusLabel() }}</span>\r\n        @if (session.version() != null) {\r\n          <span class=\"fb-top__version\">v{{ session.version() }}</span>\r\n        }\r\n        @if (isDirty()) {\r\n          <span class=\"fb-top__dirty\" title=\"Ci sono modifiche non salvate\">modificato</span>\r\n        }\r\n      </div>\r\n    </div>\r\n\r\n    <!--\r\n      La ricerca **nel documento**: e\u2019 l\u2019unico modo di arrivare a un elemento su un flow che non\r\n      sta in una schermata. Non e\u2019 la casella della palette, che filtra i tipi da aggiungere.\r\n    -->\r\n    <fb-flow-search (picked)=\"onSearchPicked($event)\" />\r\n\r\n    <div class=\"fb-top__actions\">\r\n      <button type=\"button\" class=\"fb-btn\" [disabled]=\"!canUndo()\" aria-label=\"Annulla\" (click)=\"undo()\">\u21B6</button>\r\n      <button type=\"button\" class=\"fb-btn\" [disabled]=\"!canRedo()\" aria-label=\"Ripeti\" (click)=\"redo()\">\u21B7</button>\r\n      <button type=\"button\" class=\"fb-btn\" title=\"Ricalcola le posizioni\" (click)=\"autoLayout()\">Riordina</button>\r\n      <!--\r\n        Un riquadro e\u2019 un commento sul canvas (\u00A73.6): non viene eseguito, quindi il comando sta\r\n        qui accanto a \u00ABRiordina\u00BB e non nella palette degli elementi. Nasce attorno a cio\u2019 che e\u2019\r\n        selezionato, che e\u2019 il gesto per cui serve.\r\n      -->\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn\"\r\n        [disabled]=\"!isEditable()\"\r\n        [title]=\"\r\n          canCopy()\r\n            ? 'Racchiudi gli elementi selezionati in un riquadro di commento'\r\n            : 'Crea un riquadro di commento vuoto: non cambia il comportamento del flow'\r\n        \"\r\n        aria-label=\"Nuovo riquadro di raggruppamento\"\r\n        (click)=\"createGroup()\"\r\n      >\r\n        \u2B1A\r\n      </button>\r\n\r\n      <!--\r\n        Copia e incolla stanno **anche** qui e non solo sui tasti: una scorciatoia che nessuno\r\n        annuncia non esiste. Il titolo la dice, cos\u00EC si impara usandola una volta.\r\n        L\u2019incolla e\u2019 acceso anche con la selezione vuota: cio\u2019 che si incolla sta negli appunti,\r\n        e puo\u2019 venire da un altro flow.\r\n      -->\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn\"\r\n        [disabled]=\"!canCopy()\"\r\n        title=\"Copia gli elementi selezionati, con le risorse che usano (Ctrl+C)\"\r\n        aria-label=\"Copia gli elementi selezionati\"\r\n        (click)=\"copySelection()\"\r\n      >\r\n        \u29C9\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn\"\r\n        [disabled]=\"!canPaste() || !isEditable()\"\r\n        title=\"Incolla gli elementi copiati, anche da un altro flow (Ctrl+V)\"\r\n        aria-label=\"Incolla gli elementi copiati\"\r\n        (click)=\"startPaste()\"\r\n      >\r\n        \u2398\r\n      </button>\r\n      @if (isDialogMode()) {\r\n        <!-- Il doppio click sul node fa la stessa cosa, ma non si vede: questo comando s\u00EC. -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-btn\"\r\n          [disabled]=\"!selectedName()\"\r\n          title=\"Apri il dettaglio dell\u2019elemento selezionato\"\r\n          (click)=\"openSelectedElement()\"\r\n        >\r\n          Dettaglio\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-btn\" [disabled]=\"isBusy()\" (click)=\"validateNow()\">Valida</button>\r\n\r\n      <!--\r\n        Esegui e Debug non eseguono niente qui dentro: raccolgono i valori di ingresso e li\r\n        consegnano all\u2019applicazione ospite. Si esegue la versione **salvata**, quindi su un flow\r\n        mai scritto sono spenti e il titolo dice perche\u2019.\r\n      -->\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn\"\r\n        [disabled]=\"!canRun()\"\r\n        [title]=\"canRun() ? 'Esegui il flow salvato' : 'Salva il flow prima di eseguirlo'\"\r\n        (click)=\"openRun('run')\"\r\n      >\r\n        Esegui\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn\"\r\n        [disabled]=\"!canRun()\"\r\n        [title]=\"canRun() ? 'Esegui il flow salvato in debug' : 'Salva il flow prima di eseguirlo'\"\r\n        (click)=\"openRun('debug')\"\r\n      >\r\n        Debug\r\n      </button>\r\n\r\n      @switch (primaryCommand()) {\r\n        @case ('newVersion') {\r\n          <!-- Su una versione non modificabile il comando primario e' \"Nuova versione\" (\u00A78.1). -->\r\n          <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"isBusy()\" (click)=\"createNewVersion()\">\r\n            Nuova versione\r\n          </button>\r\n        }\r\n        @case ('create') {\r\n          <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"isBusy()\" (click)=\"save()\">\r\n            Crea\r\n          </button>\r\n        }\r\n        @default {\r\n          <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"isBusy()\" (click)=\"save()\">\r\n            Salva\r\n          </button>\r\n        }\r\n      }\r\n\r\n      @if (canDuplicate()) {\r\n        <!-- \u00A76.2 \u00ABDuplica\u00BB: il flow sotto un altro nome, alla versione 1. -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-btn\"\r\n          [disabled]=\"isBusy()\"\r\n          title=\"Salva una copia con un altro nome\"\r\n          (click)=\"startCopy()\"\r\n        >\r\n          Duplica\u2026\r\n        </button>\r\n      }\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn\"\r\n        [disabled]=\"isBusy() || !canActivate()\"\r\n        [title]=\"\r\n          canActivate()\r\n            ? 'Attiva questa versione'\r\n            : 'L\u2019attivazione esige zero errori: correggili nel pannello dei problemi'\r\n        \"\r\n        (click)=\"activate()\"\r\n      >\r\n        Attiva\r\n      </button>\r\n    </div>\r\n  </header>\r\n\r\n  @if (conflict()) {\r\n    <!-- \u00A79.3: qualcun altro ha salvato. Due strade, entrambe offerte. -->\r\n    <div class=\"fb-banner fb-banner--warn\" role=\"alert\">\r\n      <span>\r\n        {{ conflict()?.message }}\r\n        @if (conflict()?.conflictingAuthor) {\r\n          Ha salvato {{ conflict()?.conflictingAuthor }}.\r\n        }\r\n      </span>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--icon\" (click)=\"reloadAfterConflict()\">Ricarica</button>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--icon\" (click)=\"saveAsNewVersionAfterConflict()\">\r\n        Salva come nuova versione\r\n      </button>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"dismissConflict()\">\u00D7</button>\r\n    </div>\r\n  }\r\n\r\n  @if (isCopyOpen()) {\r\n    <!--\r\n      Il nome si chiede prima di scrivere: e\u2019 l\u2019unico dato che il backend non puo\u2019 inventare, e\r\n      un doppione lo rifiuta con AlreadyExists (\u00A76.2). Invio conferma, Esc annulla.\r\n    -->\r\n    <div class=\"fb-banner fb-copy\" role=\"group\" aria-label=\"Duplica il flow\">\r\n      <label class=\"fb-copy__field\">\r\n        <span class=\"fb-copy__caption\">Nome tecnico della copia</span>\r\n        <input\r\n          #copyNameInput\r\n          class=\"fb-copy__input\"\r\n          [value]=\"copyName()\"\r\n          placeholder=\"NomeTecnico_Copia\"\r\n          (input)=\"setCopyName($any($event.target).value)\"\r\n          (keydown.enter)=\"confirmCopy()\"\r\n          (keydown.escape)=\"cancelCopy()\"\r\n        />\r\n      </label>\r\n      <label class=\"fb-copy__field\">\r\n        <span class=\"fb-copy__caption\">Nome visibile</span>\r\n        <input\r\n          class=\"fb-copy__input\"\r\n          [value]=\"copyLabel()\"\r\n          placeholder=\"(facoltativo)\"\r\n          (input)=\"setCopyLabel($any($event.target).value)\"\r\n          (keydown.enter)=\"confirmCopy()\"\r\n          (keydown.escape)=\"cancelCopy()\"\r\n        />\r\n      </label>\r\n      <span class=\"fb-copy__hint\" [class.fb-copy__hint--error]=\"!!copyNameProblem()\">\r\n        {{ copyNameProblem() || copyHint() }}\r\n      </span>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn fb-btn--primary fb-btn--icon\"\r\n        [disabled]=\"isBusy() || !!copyNameProblem()\"\r\n        (click)=\"confirmCopy()\"\r\n      >\r\n        Duplica\r\n      </button>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"cancelCopy()\">Annulla</button>\r\n    </div>\r\n  }\r\n\r\n  @if (notice()) {\r\n    <div\r\n      class=\"fb-banner\"\r\n      [class.fb-banner--error]=\"notice()?.kind === 'error'\"\r\n      role=\"status\"\r\n    >\r\n      <span>{{ notice()?.message }}</span>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" aria-label=\"Chiudi\" (click)=\"dismissNotice()\">\r\n        \u00D7\r\n      </button>\r\n    </div>\r\n  }\r\n\r\n  @if (hasScreensInAutoLaunched()) {\r\n    <div class=\"fb-banner fb-banner--error\">\r\n      Un flow AutoLaunched che contiene screen e\u2019 un errore di validazione: non c\u2019e\u2019 nessuno a cui mostrarli.\r\n    </div>\r\n  }\r\n  @if (isOrchestrationWithoutStages()) {\r\n    <div class=\"fb-banner fb-banner--warn\">\r\n      Un flow Orchestration senza stage di orchestrazione viene segnalato dalla validazione\r\n      (ORCHESTRATION_WITHOUT_STAGES).\r\n    </div>\r\n  }\r\n  @if (hasNoScreensInScreenFlow()) {\r\n    <div class=\"fb-banner fb-banner--warn\">\r\n      Un flow di tipo Screen senza nessuno screen viene segnalato dalla validazione.\r\n    </div>\r\n  }\r\n  @if (!isEditable()) {\r\n    <div class=\"fb-banner\">\r\n      Questa versione e\u2019 in sola lettura: per modificarla creane una nuova.\r\n    </div>\r\n  }\r\n\r\n  <div class=\"fb-main\">\r\n    <aside class=\"fb-main__palette\">\r\n      <fb-element-palette [processType]=\"document().processType\" (elementPicked)=\"onElementPicked($event)\" />\r\n    </aside>\r\n\r\n    <div class=\"fb-main__center\">\r\n      <fb-flow-canvas\r\n        class=\"fb-main__canvas\"\r\n        [selectedName]=\"selectedName()\"\r\n        [selectedNames]=\"selectedNames()\"\r\n        [selectedGroupName]=\"selectedGroupName()\"\r\n        [outline]=\"outline()\"\r\n        [isEditable]=\"isEditable()\"\r\n        (selectionChange)=\"onSelectionChange($event)\"\r\n        (nodeOpened)=\"onNodeOpened($event)\"\r\n        (nodeRemoveRequested)=\"onRemoveNode($event)\"\r\n        (nodeDuplicateRequested)=\"onDuplicateNode($event)\"\r\n        (elementDropped)=\"onElementDropped($event)\"\r\n        (groupSelected)=\"onGroupSelected($event)\"\r\n        (groupRemoveRequested)=\"onGroupRemoved($event)\"\r\n      />\r\n\r\n      @if (showProblems()) {\r\n        <fb-problems-panel\r\n          class=\"fb-main__problems\"\r\n          (elementFocused)=\"revealIssueElement($event)\"\r\n          (elementOpened)=\"openIssueElement($event)\"\r\n          (closed)=\"toggleProblems()\"\r\n        />\r\n      } @else {\r\n        <button type=\"button\" class=\"fb-main__problems-toggle\" (click)=\"toggleProblems()\">\r\n          Problemi\r\n          @if (errorCount()) {\r\n            <span class=\"fb-main__count fb-main__count--error\">{{ errorCount() }}</span>\r\n          }\r\n          @if (warningCount()) {\r\n            <span class=\"fb-main__count fb-main__count--warn\">{{ warningCount() }}</span>\r\n          }\r\n        </button>\r\n      }\r\n    </div>\r\n\r\n    <aside class=\"fb-main__side\">\r\n      <nav class=\"fb-side__tabs\" aria-label=\"Pannelli\">\r\n        @if (!isDialogMode()) {\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-side__tab\"\r\n            [class.fb-side__tab--active]=\"sidePanel() === 'inspector'\"\r\n            (click)=\"setPanel('inspector')\"\r\n          >\r\n            Elemento\r\n          </button>\r\n        }\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-side__tab\"\r\n          [class.fb-side__tab--active]=\"sidePanel() === 'resources'\"\r\n          (click)=\"setPanel('resources')\"\r\n        >\r\n          Risorse\r\n        </button>\r\n        <!--\r\n          I riquadri (\u00A73.6). Il tab porta il conteggio perche\u2019 e\u2019 l\u2019unico modo di sapere che un\r\n          flow ne ha, quando sono chiusi o fuori dalla vista.\r\n        -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-side__tab\"\r\n          [class.fb-side__tab--active]=\"sidePanel() === 'groups'\"\r\n          (click)=\"setPanel('groups')\"\r\n        >\r\n          Riquadri\r\n          @if (store.groups().length) {\r\n            <span class=\"fb-main__count\">{{ store.groups().length }}</span>\r\n          }\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-side__tab\"\r\n          [class.fb-side__tab--active]=\"sidePanel() === 'versions'\"\r\n          (click)=\"setPanel('versions')\"\r\n        >\r\n          Versioni\r\n        </button>\r\n        <!--\r\n          Il pannello dell\u2019ultima esecuzione. \u00C8 l\u2019unico posto in cui si vede la traccia di un\r\n          flow **senza schermate**: l\u00EC il runtime non apre nessuna interfaccia, e senza questo\r\n          tab non ci sarebbe niente da guardare.\r\n        -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-side__tab\"\r\n          [class.fb-side__tab--active]=\"sidePanel() === 'debug'\"\r\n          (click)=\"setPanel('debug')\"\r\n        >\r\n          Debug\r\n          @if (isRunning()) {\r\n            <span class=\"fb-side__tab-dot\" aria-label=\"esecuzione in corso\"></span>\r\n          }\r\n        </button>\r\n      </nav>\r\n\r\n      <div class=\"fb-side__content\">\r\n        @switch (sidePanel()) {\r\n          @case ('inspector') {\r\n            <fb-element-inspector\r\n              [selectedName]=\"selectedName()\"\r\n              [initialFieldPath]=\"pendingFieldPath()\"\r\n              (removeRequested)=\"onRemoveNode($event)\"\r\n              (duplicateRequested)=\"onDuplicateNode($event)\"\r\n              (renamed)=\"onNodeRenamed($event)\"\r\n              (closed)=\"setPanel('resources')\"\r\n            />\r\n          }\r\n          @case ('resources') {\r\n            <fb-resource-panel [target]=\"resourceTarget()\" (closed)=\"setPanel('inspector')\" />\r\n          }\r\n          @case ('groups') {\r\n            <fb-group-panel\r\n              [isEditable]=\"isEditable()\"\r\n              [selectedNodeNames]=\"selectedNames()\"\r\n              [target]=\"groupTarget()\"\r\n              (createRequested)=\"createGroup()\"\r\n              (memberFocused)=\"focusMember($event)\"\r\n              (closed)=\"setPanel('resources')\"\r\n            />\r\n          }\r\n          @case ('versions') {\r\n            <fb-version-panel\r\n              (versionOpened)=\"openVersion($event)\"\r\n              (notice)=\"showNotice($event)\"\r\n              (closed)=\"setPanel('inspector')\"\r\n            />\r\n          }\r\n          @case ('debug') {\r\n            <!-- Evidenzia sul canvas senza rubare il pannello: la traccia si sta leggendo. -->\r\n            <fb-debug-panel\r\n              [outcome]=\"shownOutcome()\"\r\n              [wasDebug]=\"wasRunInDebug()\"\r\n              [isRunning]=\"isRunning()\"\r\n              (elementFocused)=\"highlightElement($event)\"\r\n              (cleared)=\"clearRunOutcome()\"\r\n              (closed)=\"setPanel('inspector')\"\r\n            />\r\n          }\r\n        }\r\n      </div>\r\n\r\n      <footer class=\"fb-side__footer\">\r\n        <label class=\"fb-btn fb-btn--icon\">\r\n          Importa JSON\r\n          <input type=\"file\" accept=\"application/json,.json\" hidden (change)=\"onFileSelected($event)\" />\r\n        </label>\r\n      </footer>\r\n    </aside>\r\n  </div>\r\n\r\n  @if (pastePreview(); as preview) {\r\n    <!--\r\n      L\u2019incolla passa da una conferma perche\u2019 non e\u2019 mai una copia identica: nomi gi\u00E0 presi,\r\n      risorse che qui non esistono, riferimenti che restano orfani. Il piano e\u2019 gi\u00E0 calcolato,\r\n      la finestra lo mostra e basta.\r\n    -->\r\n    <fb-paste-dialog\r\n      [payload]=\"preview.payload\"\r\n      [plan]=\"preview.plan\"\r\n      (confirmed)=\"confirmPaste($event)\"\r\n      (cancelled)=\"cancelPaste()\"\r\n    />\r\n  }\r\n\r\n  @if (runMode(); as mode) {\r\n    <!--\r\n      La finestra degli ingressi. Non avvia niente e non chiama niente: raccoglie i valori e li\r\n      annuncia con `runRequested`, perche\u2019 l\u2019unico a sapere dove gira il motore e\u2019 l\u2019ospite.\r\n    -->\r\n    <fb-run-dialog\r\n      [mode]=\"mode\"\r\n      [flowName]=\"session.flowName()\"\r\n      [version]=\"session.version()\"\r\n      [isDirty]=\"isDirty()\"\r\n      [isBusy]=\"isRunning()\"\r\n      (confirmed)=\"confirmRun($event)\"\r\n      (cancelled)=\"closeRun()\"\r\n    />\r\n  }\r\n\r\n  @if (isDialogMode() && isDialogOpen() && selectedName()) {\r\n    <!-- La dialog sta dentro il builder, non nel body: la libreria e\u2019 innestabile. -->\r\n    <fb-element-dialog\r\n      [selectedName]=\"selectedName()\"\r\n      [initialFieldPath]=\"pendingFieldPath()\"\r\n      (closed)=\"closeDialog()\"\r\n      (removeRequested)=\"onRemoveNode($event)\"\r\n      (duplicateRequested)=\"onDuplicateNode($event)\"\r\n      (renamed)=\"onNodeRenamed($event)\"\r\n    />\r\n  }\r\n</div>\r\n", styles: [":host{display:block;width:100%;height:100%;min-height:0;font:inherit;color:var(--fb-text, #1d2939)}.fb-builder{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;background:var(--fb-surface, #fff)}.fb-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;border-bottom:1px solid var(--fb-border, #e2e5eb);background:var(--fb-surface, #fff)}.fb-top__identity{min-width:0}.fb-top__label{width:100%;max-width:420px;padding:2px 4px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:15px;font-weight:600}.fb-top__label:hover:not(:disabled),.fb-top__label:focus-visible{border-color:var(--fb-border, #d6dae1);background:var(--fb-surface, #fff)}.fb-top__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px}.fb-top__name{width:180px;padding:1px 4px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.fb-top__name:hover:not(:disabled),.fb-top__name:focus-visible{border-color:var(--fb-border, #d6dae1)}.fb-top__process{padding:1px 4px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px}.fb-top__status,.fb-top__version,.fb-top__dirty{padding:2px 7px;border-radius:999px;background:var(--fb-surface-sunken, #eef0f4);color:var(--fb-text-muted, #6b7086);font-size:10px;font-weight:600}.fb-top__version{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-top__dirty{background:color-mix(in srgb,var(--fb-warning, #b7791f) 16%,transparent);color:var(--fb-warning, #b7791f)}.fb-top__actions{display:flex;flex-wrap:wrap;gap:4px}.fb-banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 7%,transparent);font-size:11px}.fb-banner--warn{background:color-mix(in srgb,var(--fb-warning, #b7791f) 12%,transparent);color:var(--fb-warning, #b7791f)}.fb-banner--error{background:color-mix(in srgb,var(--fb-error, #c9372c) 10%,transparent);color:var(--fb-error, #c9372c)}.fb-banner>span{flex:1;min-width:200px}.fb-copy__field{display:flex;align-items:center;gap:6px}.fb-copy__caption{color:var(--fb-text-muted, #667085);white-space:nowrap}.fb-copy__input{width:180px;padding:2px 5px;border:1px solid var(--fb-border, #d6dae1);border-radius:4px;background:var(--fb-surface, #fff);color:var(--fb-text, #1d2939);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.fb-copy__hint{flex:1;min-width:180px;color:var(--fb-text-muted, #667085)}.fb-copy__hint--error{color:var(--fb-error, #c9372c)}.fb-main{display:flex;flex:1;min-height:0}.fb-main__palette{flex:0 0 190px;min-width:0}.fb-main__center{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0}.fb-main__canvas{flex:1;min-height:0}.fb-main__problems{flex:0 0 auto;height:220px}.fb-main__problems-toggle{display:flex;align-items:center;gap:6px;padding:4px 12px;border:0;border-top:1px solid var(--fb-border, #d6dae1);background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}.fb-main__count{padding:0 5px;border-radius:8px;background:var(--fb-border, #d6dae1);font-size:9px;font-weight:700}.fb-main__count--error{background:color-mix(in srgb,var(--fb-error, #c9372c) 16%,transparent);color:var(--fb-error, #c9372c)}.fb-main__count--warn{background:color-mix(in srgb,var(--fb-warning, #b7791f) 16%,transparent);color:var(--fb-warning, #b7791f)}.fb-main__side{display:flex;flex-direction:column;flex:0 0 340px;min-width:0;min-height:0;border-left:1px solid var(--fb-border, #d6dae1);background:var(--fb-surface, #fff)}.fb-side__tabs{display:flex;gap:2px;margin:8px 10px;padding:3px;border-radius:var(--fb-radius, 10px);background:var(--fb-surface-sunken, #eef0f4)}.fb-side__tab{flex:1;padding:5px 8px;border:0;border-radius:var(--fb-radius-xs, 6px);background:transparent;color:var(--fb-text-muted, #6b7086);font:inherit;font-size:11px;cursor:pointer;transition:background .12s ease,color .12s ease}.fb-side__tab-dot{display:inline-block;width:6px;height:6px;margin-left:4px;border-radius:50%;background:var(--fb-accent, #2f6feb);vertical-align:middle}.fb-side__tab:hover:not(.fb-side__tab--active){color:var(--fb-text, #1a1c23)}.fb-side__tab--active{background:var(--fb-surface, #fff);box-shadow:var(--fb-shadow-sm, 0 1px 2px rgb(16 24 40 / 6%));color:var(--fb-text, #1a1c23);font-weight:600}.fb-side__content{flex:1;min-height:0;border-top:1px solid var(--fb-border-subtle, #eef0f4)}.fb-side__content>*{height:100%}.fb-side__footer{display:flex;gap:6px;padding:6px 8px;border-top:1px solid var(--fb-border-subtle, #e6e9ee)}@media(max-width:1200px){.fb-main__palette{flex-basis:150px}.fb-main__side{flex-basis:290px}}\n"], dependencies: [{ kind: "component", type: DebugPanelComponent, selector: "fb-debug-panel", inputs: ["outcome", "wasDebug", "isRunning"], outputs: ["closed", "elementFocused", "cleared"] }, { kind: "component", type: ElementDialogComponent, selector: "fb-element-dialog", inputs: ["selectedName", "initialFieldPath"], outputs: ["closed", "removeRequested", "duplicateRequested", "renamed"] }, { kind: "component", type: ElementInspectorComponent, selector: "fb-element-inspector", inputs: ["selectedName", "showHeader", "initialFieldPath"], outputs: ["closed", "removeRequested", "duplicateRequested", "renamed"] }, { kind: "component", type: ElementPaletteComponent, selector: "fb-element-palette", inputs: ["processType"], outputs: ["elementPicked"] }, { kind: "component", type: FlowCanvasComponent, selector: "fb-flow-canvas", inputs: ["selectedName", "selectedGroupName", "selectedNames", "outline", "isEditable"], outputs: ["selectionChange", "nodeOpened", "nodeRemoveRequested", "nodeDuplicateRequested", "groupSelected", "groupRemoveRequested", "elementDropped"] }, { kind: "component", type: FlowSearchComponent, selector: "fb-flow-search", outputs: ["picked"] }, { kind: "component", type: GroupPanelComponent, selector: "fb-group-panel", inputs: ["isEditable", "selectedNodeNames", "target"], outputs: ["closed", "createRequested", "memberFocused"] }, { kind: "component", type: PasteDialogComponent, selector: "fb-paste-dialog", inputs: ["payload", "plan"], outputs: ["confirmed", "cancelled"] }, { kind: "component", type: ProblemsPanelComponent, selector: "fb-problems-panel", outputs: ["elementFocused", "elementOpened", "closed"] }, { kind: "component", type: ResourcePanelComponent, selector: "fb-resource-panel", inputs: ["target"], outputs: ["closed"] }, { kind: "component", type: RunDialogComponent, selector: "fb-run-dialog", inputs: ["mode", "flowName", "version", "isDirty", "isBusy"], outputs: ["confirmed", "cancelled"] }, { kind: "component", type: VersionPanelComponent, selector: "fb-version-panel", outputs: ["closed", "versionOpened", "notice"] }, { kind: "directive", type: SelectValueDirective, selector: "select[fbValue]", inputs: ["fbValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], viewQueries: [{ propertyName: "canvas", first: true, predicate: FlowCanvasComponent, descendants: true, isSignal: true }, { propertyName: "search", first: true, predicate: FlowSearchComponent, descendants: true, isSignal: true }, { propertyName: "copyNameInput", first: true, predicate: ["copyNameInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"fb-builder\" [attr.data-fb-theme]=\"null\">\r\n  <header class=\"fb-top\">\r\n    <div class=\"fb-top__identity\">\r\n      <input\r\n        class=\"fb-top__label\"\r\n        [value]=\"document().label || ''\"\r\n        placeholder=\"Nome del flow\"\r\n        aria-label=\"Nome del flow\"\r\n        [disabled]=\"!isEditable()\"\r\n        (input)=\"setLabel($any($event.target).value)\"\r\n      />\r\n      <div class=\"fb-top__meta\">\r\n        <input\r\n          class=\"fb-top__name\"\r\n          [value]=\"document().fullName || ''\"\r\n          placeholder=\"NomeTecnico\"\r\n          aria-label=\"Nome tecnico del flow\"\r\n          [disabled]=\"!isEditable()\"\r\n          (input)=\"setFullName($any($event.target).value)\"\r\n        />\r\n        <select\r\n          class=\"fb-top__process\"\r\n          [fbValue]=\"document().processType || ''\"\r\n          aria-label=\"Tipo di flow\"\r\n          [disabled]=\"!isEditable()\"\r\n          (change)=\"setProcessType($any($event.target).value)\"\r\n        >\r\n          <!--\r\n            Il segnaposto esiste perche' un `<select>` senza opzione corrispondente non e'\r\n            \u00ABvuoto\u00BB: e' a `selectedIndex = -1`, e mostra una casella bianca. Su un flow nuovo\r\n            (`processType` non ancora scelto) e' questa la riga che si vede, disabilitata\r\n            perche' non e' un valore valido da salvare.\r\n          -->\r\n          @if (!document().processType) {\r\n            <option value=\"\" disabled>\u2014 tipo di flow \u2014</option>\r\n          }\r\n          @for (type of processTypes(); track type.value) {\r\n            <option [value]=\"type.value\">{{ type.label }}</option>\r\n          }\r\n          <!--\r\n            Il tipo del documento che il dizionario non conosce: senza questa opzione la select\r\n            resta bianca su un flow che il backend ha salvato con un `processType` fuori\r\n            catalogo (o quando `processTypes` manca dalla risposta dei dizionari), e sembra che\r\n            l'editor non abbia ricaricato il flow. Va mostrato **senza** riscrivere il\r\n            documento: il valore e' del backend, non nostro da correggere.\r\n          -->\r\n          @if (isProcessTypeOutOfCatalog()) {\r\n            <option [value]=\"document().processType\">{{ document().processType }} (fuori catalogo)</option>\r\n          }\r\n        </select>\r\n        <span class=\"fb-top__status\">{{ statusLabel() }}</span>\r\n        @if (session.version() != null) {\r\n          <span class=\"fb-top__version\">v{{ session.version() }}</span>\r\n        }\r\n        @if (isDirty()) {\r\n          <span class=\"fb-top__dirty\" title=\"Ci sono modifiche non salvate\">modificato</span>\r\n        }\r\n      </div>\r\n    </div>\r\n\r\n    <!--\r\n      La ricerca **nel documento**: e\u2019 l\u2019unico modo di arrivare a un elemento su un flow che non\r\n      sta in una schermata. Non e\u2019 la casella della palette, che filtra i tipi da aggiungere.\r\n    -->\r\n    <fb-flow-search (picked)=\"onSearchPicked($event)\" />\r\n\r\n    <div class=\"fb-top__actions\">\r\n      <button type=\"button\" class=\"fb-btn\" [disabled]=\"!canUndo()\" aria-label=\"Annulla\" (click)=\"undo()\">\u21B6</button>\r\n      <button type=\"button\" class=\"fb-btn\" [disabled]=\"!canRedo()\" aria-label=\"Ripeti\" (click)=\"redo()\">\u21B7</button>\r\n      <button type=\"button\" class=\"fb-btn\" title=\"Ricalcola le posizioni\" (click)=\"autoLayout()\">Riordina</button>\r\n      <!--\r\n        Un riquadro e\u2019 un commento sul canvas (\u00A73.6): non viene eseguito, quindi il comando sta\r\n        qui accanto a \u00ABRiordina\u00BB e non nella palette degli elementi. Nasce attorno a cio\u2019 che e\u2019\r\n        selezionato, che e\u2019 il gesto per cui serve.\r\n      -->\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn\"\r\n        [disabled]=\"!isEditable()\"\r\n        [title]=\"\r\n          canCopy()\r\n            ? 'Racchiudi gli elementi selezionati in un riquadro di commento'\r\n            : 'Crea un riquadro di commento vuoto: non cambia il comportamento del flow'\r\n        \"\r\n        aria-label=\"Nuovo riquadro di raggruppamento\"\r\n        (click)=\"createGroup()\"\r\n      >\r\n        \u2B1A\r\n      </button>\r\n\r\n      <!--\r\n        Copia e incolla stanno **anche** qui e non solo sui tasti: una scorciatoia che nessuno\r\n        annuncia non esiste. Il titolo la dice, cos\u00EC si impara usandola una volta.\r\n        L\u2019incolla e\u2019 acceso anche con la selezione vuota: cio\u2019 che si incolla sta negli appunti,\r\n        e puo\u2019 venire da un altro flow.\r\n      -->\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn\"\r\n        [disabled]=\"!canCopy()\"\r\n        title=\"Copia gli elementi selezionati, con le risorse che usano (Ctrl+C)\"\r\n        aria-label=\"Copia gli elementi selezionati\"\r\n        (click)=\"copySelection()\"\r\n      >\r\n        \u29C9\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn\"\r\n        [disabled]=\"!canPaste() || !isEditable()\"\r\n        title=\"Incolla gli elementi copiati, anche da un altro flow (Ctrl+V)\"\r\n        aria-label=\"Incolla gli elementi copiati\"\r\n        (click)=\"startPaste()\"\r\n      >\r\n        \u2398\r\n      </button>\r\n      @if (isDialogMode()) {\r\n        <!-- Il doppio click sul node fa la stessa cosa, ma non si vede: questo comando s\u00EC. -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-btn\"\r\n          [disabled]=\"!selectedName()\"\r\n          title=\"Apri il dettaglio dell\u2019elemento selezionato\"\r\n          (click)=\"openSelectedElement()\"\r\n        >\r\n          Dettaglio\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-btn\" [disabled]=\"isBusy()\" (click)=\"validateNow()\">Valida</button>\r\n\r\n      <!--\r\n        Esegui e Debug non eseguono niente qui dentro: raccolgono i valori di ingresso e li\r\n        consegnano all\u2019applicazione ospite. Si esegue la versione **salvata**, quindi su un flow\r\n        mai scritto sono spenti e il titolo dice perche\u2019.\r\n      -->\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn\"\r\n        [disabled]=\"!canRun()\"\r\n        [title]=\"canRun() ? 'Esegui il flow salvato' : 'Salva il flow prima di eseguirlo'\"\r\n        (click)=\"openRun('run')\"\r\n      >\r\n        Esegui\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn\"\r\n        [disabled]=\"!canRun()\"\r\n        [title]=\"canRun() ? 'Esegui il flow salvato in debug' : 'Salva il flow prima di eseguirlo'\"\r\n        (click)=\"openRun('debug')\"\r\n      >\r\n        Debug\r\n      </button>\r\n\r\n      @switch (primaryCommand()) {\r\n        @case ('newVersion') {\r\n          <!-- Su una versione non modificabile il comando primario e' \"Nuova versione\" (\u00A78.1). -->\r\n          <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"isBusy()\" (click)=\"createNewVersion()\">\r\n            Nuova versione\r\n          </button>\r\n        }\r\n        @case ('create') {\r\n          <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"isBusy()\" (click)=\"save()\">\r\n            Crea\r\n          </button>\r\n        }\r\n        @default {\r\n          <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"isBusy()\" (click)=\"save()\">\r\n            Salva\r\n          </button>\r\n        }\r\n      }\r\n\r\n      @if (canDuplicate()) {\r\n        <!-- \u00A76.2 \u00ABDuplica\u00BB: il flow sotto un altro nome, alla versione 1. -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-btn\"\r\n          [disabled]=\"isBusy()\"\r\n          title=\"Salva una copia con un altro nome\"\r\n          (click)=\"startCopy()\"\r\n        >\r\n          Duplica\u2026\r\n        </button>\r\n      }\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn\"\r\n        [disabled]=\"isBusy() || !canActivate()\"\r\n        [title]=\"\r\n          canActivate()\r\n            ? 'Attiva questa versione'\r\n            : 'L\u2019attivazione esige zero errori: correggili nel pannello dei problemi'\r\n        \"\r\n        (click)=\"activate()\"\r\n      >\r\n        Attiva\r\n      </button>\r\n    </div>\r\n  </header>\r\n\r\n  @if (conflict()) {\r\n    <!-- \u00A79.3: qualcun altro ha salvato. Due strade, entrambe offerte. -->\r\n    <div class=\"fb-banner fb-banner--warn\" role=\"alert\">\r\n      <span>\r\n        {{ conflict()?.message }}\r\n        @if (conflict()?.conflictingAuthor) {\r\n          Ha salvato {{ conflict()?.conflictingAuthor }}.\r\n        }\r\n      </span>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--icon\" (click)=\"reloadAfterConflict()\">Ricarica</button>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--icon\" (click)=\"saveAsNewVersionAfterConflict()\">\r\n        Salva come nuova versione\r\n      </button>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"dismissConflict()\">\u00D7</button>\r\n    </div>\r\n  }\r\n\r\n  @if (isCopyOpen()) {\r\n    <!--\r\n      Il nome si chiede prima di scrivere: e\u2019 l\u2019unico dato che il backend non puo\u2019 inventare, e\r\n      un doppione lo rifiuta con AlreadyExists (\u00A76.2). Invio conferma, Esc annulla.\r\n    -->\r\n    <div class=\"fb-banner fb-copy\" role=\"group\" aria-label=\"Duplica il flow\">\r\n      <label class=\"fb-copy__field\">\r\n        <span class=\"fb-copy__caption\">Nome tecnico della copia</span>\r\n        <input\r\n          #copyNameInput\r\n          class=\"fb-copy__input\"\r\n          [value]=\"copyName()\"\r\n          placeholder=\"NomeTecnico_Copia\"\r\n          (input)=\"setCopyName($any($event.target).value)\"\r\n          (keydown.enter)=\"confirmCopy()\"\r\n          (keydown.escape)=\"cancelCopy()\"\r\n        />\r\n      </label>\r\n      <label class=\"fb-copy__field\">\r\n        <span class=\"fb-copy__caption\">Nome visibile</span>\r\n        <input\r\n          class=\"fb-copy__input\"\r\n          [value]=\"copyLabel()\"\r\n          placeholder=\"(facoltativo)\"\r\n          (input)=\"setCopyLabel($any($event.target).value)\"\r\n          (keydown.enter)=\"confirmCopy()\"\r\n          (keydown.escape)=\"cancelCopy()\"\r\n        />\r\n      </label>\r\n      <span class=\"fb-copy__hint\" [class.fb-copy__hint--error]=\"!!copyNameProblem()\">\r\n        {{ copyNameProblem() || copyHint() }}\r\n      </span>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn fb-btn--primary fb-btn--icon\"\r\n        [disabled]=\"isBusy() || !!copyNameProblem()\"\r\n        (click)=\"confirmCopy()\"\r\n      >\r\n        Duplica\r\n      </button>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"cancelCopy()\">Annulla</button>\r\n    </div>\r\n  }\r\n\r\n  @if (notice()) {\r\n    <div\r\n      class=\"fb-banner\"\r\n      [class.fb-banner--error]=\"notice()?.kind === 'error'\"\r\n      role=\"status\"\r\n    >\r\n      <span>{{ notice()?.message }}</span>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" aria-label=\"Chiudi\" (click)=\"dismissNotice()\">\r\n        \u00D7\r\n      </button>\r\n    </div>\r\n  }\r\n\r\n  @if (hasScreensInAutoLaunched()) {\r\n    <div class=\"fb-banner fb-banner--error\">\r\n      Un flow AutoLaunched che contiene screen e\u2019 un errore di validazione: non c\u2019e\u2019 nessuno a cui mostrarli.\r\n    </div>\r\n  }\r\n  @if (isOrchestrationWithoutStages()) {\r\n    <div class=\"fb-banner fb-banner--warn\">\r\n      Un flow Orchestration senza stage di orchestrazione viene segnalato dalla validazione\r\n      (ORCHESTRATION_WITHOUT_STAGES).\r\n    </div>\r\n  }\r\n  @if (hasNoScreensInScreenFlow()) {\r\n    <div class=\"fb-banner fb-banner--warn\">\r\n      Un flow di tipo Screen senza nessuno screen viene segnalato dalla validazione.\r\n    </div>\r\n  }\r\n  @if (!isEditable()) {\r\n    <div class=\"fb-banner\">\r\n      Questa versione e\u2019 in sola lettura: per modificarla creane una nuova.\r\n    </div>\r\n  }\r\n\r\n  <div class=\"fb-main\">\r\n    <aside class=\"fb-main__palette\">\r\n      <fb-element-palette [processType]=\"document().processType\" (elementPicked)=\"onElementPicked($event)\" />\r\n    </aside>\r\n\r\n    <div class=\"fb-main__center\">\r\n      <fb-flow-canvas\r\n        class=\"fb-main__canvas\"\r\n        [selectedName]=\"selectedName()\"\r\n        [selectedNames]=\"selectedNames()\"\r\n        [selectedGroupName]=\"selectedGroupName()\"\r\n        [outline]=\"outline()\"\r\n        [isEditable]=\"isEditable()\"\r\n        (selectionChange)=\"onSelectionChange($event)\"\r\n        (nodeOpened)=\"onNodeOpened($event)\"\r\n        (nodeRemoveRequested)=\"onRemoveNode($event)\"\r\n        (nodeDuplicateRequested)=\"onDuplicateNode($event)\"\r\n        (elementDropped)=\"onElementDropped($event)\"\r\n        (groupSelected)=\"onGroupSelected($event)\"\r\n        (groupRemoveRequested)=\"onGroupRemoved($event)\"\r\n      />\r\n\r\n      @if (showProblems()) {\r\n        <fb-problems-panel\r\n          class=\"fb-main__problems\"\r\n          (elementFocused)=\"revealIssueElement($event)\"\r\n          (elementOpened)=\"openIssueElement($event)\"\r\n          (closed)=\"toggleProblems()\"\r\n        />\r\n      } @else {\r\n        <button type=\"button\" class=\"fb-main__problems-toggle\" (click)=\"toggleProblems()\">\r\n          Problemi\r\n          @if (errorCount()) {\r\n            <span class=\"fb-main__count fb-main__count--error\">{{ errorCount() }}</span>\r\n          }\r\n          @if (warningCount()) {\r\n            <span class=\"fb-main__count fb-main__count--warn\">{{ warningCount() }}</span>\r\n          }\r\n        </button>\r\n      }\r\n    </div>\r\n\r\n    <aside class=\"fb-main__side\">\r\n      <nav class=\"fb-side__tabs\" aria-label=\"Pannelli\">\r\n        @if (!isDialogMode()) {\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-side__tab\"\r\n            [class.fb-side__tab--active]=\"sidePanel() === 'inspector'\"\r\n            (click)=\"setPanel('inspector')\"\r\n          >\r\n            Elemento\r\n          </button>\r\n        }\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-side__tab\"\r\n          [class.fb-side__tab--active]=\"sidePanel() === 'resources'\"\r\n          (click)=\"setPanel('resources')\"\r\n        >\r\n          Risorse\r\n        </button>\r\n        <!--\r\n          I riquadri (\u00A73.6). Il tab porta il conteggio perche\u2019 e\u2019 l\u2019unico modo di sapere che un\r\n          flow ne ha, quando sono chiusi o fuori dalla vista.\r\n        -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-side__tab\"\r\n          [class.fb-side__tab--active]=\"sidePanel() === 'groups'\"\r\n          (click)=\"setPanel('groups')\"\r\n        >\r\n          Riquadri\r\n          @if (store.groups().length) {\r\n            <span class=\"fb-main__count\">{{ store.groups().length }}</span>\r\n          }\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-side__tab\"\r\n          [class.fb-side__tab--active]=\"sidePanel() === 'versions'\"\r\n          (click)=\"setPanel('versions')\"\r\n        >\r\n          Versioni\r\n        </button>\r\n        <!--\r\n          Il pannello dell\u2019ultima esecuzione. \u00C8 l\u2019unico posto in cui si vede la traccia di un\r\n          flow **senza schermate**: l\u00EC il runtime non apre nessuna interfaccia, e senza questo\r\n          tab non ci sarebbe niente da guardare.\r\n        -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-side__tab\"\r\n          [class.fb-side__tab--active]=\"sidePanel() === 'debug'\"\r\n          (click)=\"setPanel('debug')\"\r\n        >\r\n          Debug\r\n          @if (isRunning()) {\r\n            <span class=\"fb-side__tab-dot\" aria-label=\"esecuzione in corso\"></span>\r\n          }\r\n        </button>\r\n      </nav>\r\n\r\n      <div class=\"fb-side__content\">\r\n        @switch (sidePanel()) {\r\n          @case ('inspector') {\r\n            <fb-element-inspector\r\n              [selectedName]=\"selectedName()\"\r\n              [initialFieldPath]=\"pendingFieldPath()\"\r\n              (removeRequested)=\"onRemoveNode($event)\"\r\n              (duplicateRequested)=\"onDuplicateNode($event)\"\r\n              (renamed)=\"onNodeRenamed($event)\"\r\n              (closed)=\"setPanel('resources')\"\r\n            />\r\n          }\r\n          @case ('resources') {\r\n            <fb-resource-panel\r\n              [target]=\"resourceTarget()\"\r\n              [editing]=\"editingResource()\"\r\n              (editRequested)=\"onResourceEditRequested($event)\"\r\n              (closed)=\"setPanel('inspector')\"\r\n            />\r\n          }\r\n          @case ('groups') {\r\n            <fb-group-panel\r\n              [isEditable]=\"isEditable()\"\r\n              [selectedNodeNames]=\"selectedNames()\"\r\n              [target]=\"groupTarget()\"\r\n              (createRequested)=\"createGroup()\"\r\n              (memberFocused)=\"focusMember($event)\"\r\n              (closed)=\"setPanel('resources')\"\r\n            />\r\n          }\r\n          @case ('versions') {\r\n            <fb-version-panel\r\n              (versionOpened)=\"openVersion($event)\"\r\n              (notice)=\"showNotice($event)\"\r\n              (closed)=\"setPanel('inspector')\"\r\n            />\r\n          }\r\n          @case ('debug') {\r\n            <!-- Evidenzia sul canvas senza rubare il pannello: la traccia si sta leggendo. -->\r\n            <fb-debug-panel\r\n              [outcome]=\"shownOutcome()\"\r\n              [wasDebug]=\"wasRunInDebug()\"\r\n              [isRunning]=\"isRunning()\"\r\n              (elementFocused)=\"highlightElement($event)\"\r\n              (cleared)=\"clearRunOutcome()\"\r\n              (closed)=\"setPanel('inspector')\"\r\n            />\r\n          }\r\n        }\r\n      </div>\r\n\r\n      <footer class=\"fb-side__footer\">\r\n        <label class=\"fb-btn fb-btn--icon\">\r\n          Importa JSON\r\n          <input type=\"file\" accept=\"application/json,.json\" hidden (change)=\"onFileSelected($event)\" />\r\n        </label>\r\n      </footer>\r\n    </aside>\r\n  </div>\r\n\r\n  @if (pastePreview(); as preview) {\r\n    <!--\r\n      L\u2019incolla passa da una conferma perche\u2019 non e\u2019 mai una copia identica: nomi gi\u00E0 presi,\r\n      risorse che qui non esistono, riferimenti che restano orfani. Il piano e\u2019 gi\u00E0 calcolato,\r\n      la finestra lo mostra e basta.\r\n    -->\r\n    <fb-paste-dialog\r\n      [payload]=\"preview.payload\"\r\n      [plan]=\"preview.plan\"\r\n      (confirmed)=\"confirmPaste($event)\"\r\n      (cancelled)=\"cancelPaste()\"\r\n    />\r\n  }\r\n\r\n  @if (runMode(); as mode) {\r\n    <!--\r\n      La finestra degli ingressi. Non avvia niente e non chiama niente: raccoglie i valori e li\r\n      annuncia con `runRequested`, perche\u2019 l\u2019unico a sapere dove gira il motore e\u2019 l\u2019ospite.\r\n    -->\r\n    <fb-run-dialog\r\n      [mode]=\"mode\"\r\n      [flowName]=\"session.flowName()\"\r\n      [version]=\"session.version()\"\r\n      [isDirty]=\"isDirty()\"\r\n      [isBusy]=\"isRunning()\"\r\n      (confirmed)=\"confirmRun($event)\"\r\n      (cancelled)=\"closeRun()\"\r\n    />\r\n  }\r\n\r\n  @if (editingResource(); as edit) {\r\n    <!--\r\n      La finestra di una risorsa. Sta qui e non dentro il pannello per una ragione sola: nella\r\n      colonna laterale la ritaglierebbe lo scorrimento.\r\n    -->\r\n    <fb-resource-dialog [edit]=\"edit\" (closed)=\"onResourceEditRequested(null)\" />\r\n  }\r\n\r\n  @if (isDialogMode() && isDialogOpen() && selectedName()) {\r\n    <!-- La dialog sta dentro il builder, non nel body: la libreria e\u2019 innestabile. -->\r\n    <fb-element-dialog\r\n      [selectedName]=\"selectedName()\"\r\n      [initialFieldPath]=\"pendingFieldPath()\"\r\n      (closed)=\"closeDialog()\"\r\n      (removeRequested)=\"onRemoveNode($event)\"\r\n      (duplicateRequested)=\"onDuplicateNode($event)\"\r\n      (renamed)=\"onNodeRenamed($event)\"\r\n    />\r\n  }\r\n</div>\r\n", styles: [":host{display:block;width:100%;height:100%;min-height:0;font:inherit;color:var(--fb-text, #1d2939)}.fb-builder{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;background:var(--fb-surface, #fff)}.fb-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;border-bottom:1px solid var(--fb-border, #e2e5eb);background:var(--fb-surface, #fff)}.fb-top__identity{min-width:0}.fb-top__label{width:100%;max-width:420px;padding:2px 4px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:15px;font-weight:600}.fb-top__label:hover:not(:disabled),.fb-top__label:focus-visible{border-color:var(--fb-border, #d6dae1);background:var(--fb-surface, #fff)}.fb-top__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px}.fb-top__name{width:180px;padding:1px 4px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.fb-top__name:hover:not(:disabled),.fb-top__name:focus-visible{border-color:var(--fb-border, #d6dae1)}.fb-top__process{padding:1px 4px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px}.fb-top__status,.fb-top__version,.fb-top__dirty{padding:2px 7px;border-radius:999px;background:var(--fb-surface-sunken, #eef0f4);color:var(--fb-text-muted, #6b7086);font-size:10px;font-weight:600}.fb-top__version{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-top__dirty{background:color-mix(in srgb,var(--fb-warning, #b7791f) 16%,transparent);color:var(--fb-warning, #b7791f)}.fb-top__actions{display:flex;flex-wrap:wrap;gap:4px}.fb-banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 7%,transparent);font-size:11px}.fb-banner--warn{background:color-mix(in srgb,var(--fb-warning, #b7791f) 12%,transparent);color:var(--fb-warning, #b7791f)}.fb-banner--error{background:color-mix(in srgb,var(--fb-error, #c9372c) 10%,transparent);color:var(--fb-error, #c9372c)}.fb-banner>span{flex:1;min-width:200px}.fb-copy__field{display:flex;align-items:center;gap:6px}.fb-copy__caption{color:var(--fb-text-muted, #667085);white-space:nowrap}.fb-copy__input{width:180px;padding:2px 5px;border:1px solid var(--fb-border, #d6dae1);border-radius:4px;background:var(--fb-surface, #fff);color:var(--fb-text, #1d2939);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.fb-copy__hint{flex:1;min-width:180px;color:var(--fb-text-muted, #667085)}.fb-copy__hint--error{color:var(--fb-error, #c9372c)}.fb-main{display:flex;flex:1;min-height:0}.fb-main__palette{flex:0 0 190px;min-width:0}.fb-main__center{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0}.fb-main__canvas{flex:1;min-height:0}.fb-main__problems{flex:0 0 auto;height:220px}.fb-main__problems-toggle{display:flex;align-items:center;gap:6px;padding:4px 12px;border:0;border-top:1px solid var(--fb-border, #d6dae1);background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}.fb-main__count{padding:0 5px;border-radius:8px;background:var(--fb-border, #d6dae1);font-size:9px;font-weight:700}.fb-main__count--error{background:color-mix(in srgb,var(--fb-error, #c9372c) 16%,transparent);color:var(--fb-error, #c9372c)}.fb-main__count--warn{background:color-mix(in srgb,var(--fb-warning, #b7791f) 16%,transparent);color:var(--fb-warning, #b7791f)}.fb-main__side{display:flex;flex-direction:column;flex:0 0 340px;min-width:0;min-height:0;border-left:1px solid var(--fb-border, #d6dae1);background:var(--fb-surface, #fff)}.fb-side__tabs{display:flex;gap:2px;margin:8px 10px;padding:3px;border-radius:var(--fb-radius, 10px);background:var(--fb-surface-sunken, #eef0f4)}.fb-side__tab{flex:1;padding:5px 8px;border:0;border-radius:var(--fb-radius-xs, 6px);background:transparent;color:var(--fb-text-muted, #6b7086);font:inherit;font-size:11px;cursor:pointer;transition:background .12s ease,color .12s ease}.fb-side__tab-dot{display:inline-block;width:6px;height:6px;margin-left:4px;border-radius:50%;background:var(--fb-accent, #2f6feb);vertical-align:middle}.fb-side__tab:hover:not(.fb-side__tab--active){color:var(--fb-text, #1a1c23)}.fb-side__tab--active{background:var(--fb-surface, #fff);box-shadow:var(--fb-shadow-sm, 0 1px 2px rgb(16 24 40 / 6%));color:var(--fb-text, #1a1c23);font-weight:600}.fb-side__content{flex:1;min-height:0;border-top:1px solid var(--fb-border-subtle, #eef0f4)}.fb-side__content>*{height:100%}.fb-side__footer{display:flex;gap:6px;padding:6px 8px;border-top:1px solid var(--fb-border-subtle, #e6e9ee)}@media(max-width:1200px){.fb-main__palette{flex-basis:150px}.fb-main__side{flex-basis:290px}}\n"], dependencies: [{ kind: "component", type: DebugPanelComponent, selector: "fb-debug-panel", inputs: ["outcome", "wasDebug", "isRunning"], outputs: ["closed", "elementFocused", "cleared"] }, { kind: "component", type: ElementDialogComponent, selector: "fb-element-dialog", inputs: ["selectedName", "initialFieldPath"], outputs: ["closed", "removeRequested", "duplicateRequested", "renamed"] }, { kind: "component", type: ElementInspectorComponent, selector: "fb-element-inspector", inputs: ["selectedName", "showHeader", "initialFieldPath"], outputs: ["closed", "removeRequested", "duplicateRequested", "renamed"] }, { kind: "component", type: ElementPaletteComponent, selector: "fb-element-palette", inputs: ["processType"], outputs: ["elementPicked"] }, { kind: "component", type: FlowCanvasComponent, selector: "fb-flow-canvas", inputs: ["selectedName", "selectedGroupName", "selectedNames", "outline", "isEditable"], outputs: ["selectionChange", "nodeOpened", "nodeRemoveRequested", "nodeDuplicateRequested", "groupSelected", "groupRemoveRequested", "elementDropped"] }, { kind: "component", type: FlowSearchComponent, selector: "fb-flow-search", outputs: ["picked"] }, { kind: "component", type: GroupPanelComponent, selector: "fb-group-panel", inputs: ["isEditable", "selectedNodeNames", "target"], outputs: ["closed", "createRequested", "memberFocused"] }, { kind: "component", type: PasteDialogComponent, selector: "fb-paste-dialog", inputs: ["payload", "plan"], outputs: ["confirmed", "cancelled"] }, { kind: "component", type: ProblemsPanelComponent, selector: "fb-problems-panel", outputs: ["elementFocused", "elementOpened", "closed"] }, { kind: "component", type: ResourceDialogComponent, selector: "fb-resource-dialog", inputs: ["edit"], outputs: ["closed"] }, { kind: "component", type: ResourcePanelComponent, selector: "fb-resource-panel", inputs: ["target", "editing"], outputs: ["closed", "editRequested"] }, { kind: "component", type: RunDialogComponent, selector: "fb-run-dialog", inputs: ["mode", "flowName", "version", "isDirty", "isBusy"], outputs: ["confirmed", "cancelled"] }, { kind: "component", type: VersionPanelComponent, selector: "fb-version-panel", outputs: ["closed", "versionOpened", "notice"] }, { kind: "directive", type: SelectValueDirective, selector: "select[fbValue]", inputs: ["fbValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: FlowBuilderComponent, decorators: [{
             type: Component,
@@ -17243,6 +17821,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImpo
                         GroupPanelComponent,
                         PasteDialogComponent,
                         ProblemsPanelComponent,
+                        ResourceDialogComponent,
                         ResourcePanelComponent,
                         RunDialogComponent,
                         VersionPanelComponent, SelectValueDirective
@@ -17254,12 +17833,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImpo
                         FormulaValidationService,
                         FlowEditorSession,
                         FlowLayoutService,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: { '(keydown)': 'onKeyDown($event)' }, template: "<div class=\"fb-builder\" [attr.data-fb-theme]=\"null\">\r\n  <header class=\"fb-top\">\r\n    <div class=\"fb-top__identity\">\r\n      <input\r\n        class=\"fb-top__label\"\r\n        [value]=\"document().label || ''\"\r\n        placeholder=\"Nome del flow\"\r\n        aria-label=\"Nome del flow\"\r\n        [disabled]=\"!isEditable()\"\r\n        (input)=\"setLabel($any($event.target).value)\"\r\n      />\r\n      <div class=\"fb-top__meta\">\r\n        <input\r\n          class=\"fb-top__name\"\r\n          [value]=\"document().fullName || ''\"\r\n          placeholder=\"NomeTecnico\"\r\n          aria-label=\"Nome tecnico del flow\"\r\n          [disabled]=\"!isEditable()\"\r\n          (input)=\"setFullName($any($event.target).value)\"\r\n        />\r\n        <select\r\n          class=\"fb-top__process\"\r\n          [fbValue]=\"document().processType || ''\"\r\n          aria-label=\"Tipo di flow\"\r\n          [disabled]=\"!isEditable()\"\r\n          (change)=\"setProcessType($any($event.target).value)\"\r\n        >\r\n          <!--\r\n            Il segnaposto esiste perche' un `<select>` senza opzione corrispondente non e'\r\n            \u00ABvuoto\u00BB: e' a `selectedIndex = -1`, e mostra una casella bianca. Su un flow nuovo\r\n            (`processType` non ancora scelto) e' questa la riga che si vede, disabilitata\r\n            perche' non e' un valore valido da salvare.\r\n          -->\r\n          @if (!document().processType) {\r\n            <option value=\"\" disabled>\u2014 tipo di flow \u2014</option>\r\n          }\r\n          @for (type of processTypes(); track type.value) {\r\n            <option [value]=\"type.value\">{{ type.label }}</option>\r\n          }\r\n          <!--\r\n            Il tipo del documento che il dizionario non conosce: senza questa opzione la select\r\n            resta bianca su un flow che il backend ha salvato con un `processType` fuori\r\n            catalogo (o quando `processTypes` manca dalla risposta dei dizionari), e sembra che\r\n            l'editor non abbia ricaricato il flow. Va mostrato **senza** riscrivere il\r\n            documento: il valore e' del backend, non nostro da correggere.\r\n          -->\r\n          @if (isProcessTypeOutOfCatalog()) {\r\n            <option [value]=\"document().processType\">{{ document().processType }} (fuori catalogo)</option>\r\n          }\r\n        </select>\r\n        <span class=\"fb-top__status\">{{ statusLabel() }}</span>\r\n        @if (session.version() != null) {\r\n          <span class=\"fb-top__version\">v{{ session.version() }}</span>\r\n        }\r\n        @if (isDirty()) {\r\n          <span class=\"fb-top__dirty\" title=\"Ci sono modifiche non salvate\">modificato</span>\r\n        }\r\n      </div>\r\n    </div>\r\n\r\n    <!--\r\n      La ricerca **nel documento**: e\u2019 l\u2019unico modo di arrivare a un elemento su un flow che non\r\n      sta in una schermata. Non e\u2019 la casella della palette, che filtra i tipi da aggiungere.\r\n    -->\r\n    <fb-flow-search (picked)=\"onSearchPicked($event)\" />\r\n\r\n    <div class=\"fb-top__actions\">\r\n      <button type=\"button\" class=\"fb-btn\" [disabled]=\"!canUndo()\" aria-label=\"Annulla\" (click)=\"undo()\">\u21B6</button>\r\n      <button type=\"button\" class=\"fb-btn\" [disabled]=\"!canRedo()\" aria-label=\"Ripeti\" (click)=\"redo()\">\u21B7</button>\r\n      <button type=\"button\" class=\"fb-btn\" title=\"Ricalcola le posizioni\" (click)=\"autoLayout()\">Riordina</button>\r\n      <!--\r\n        Un riquadro e\u2019 un commento sul canvas (\u00A73.6): non viene eseguito, quindi il comando sta\r\n        qui accanto a \u00ABRiordina\u00BB e non nella palette degli elementi. Nasce attorno a cio\u2019 che e\u2019\r\n        selezionato, che e\u2019 il gesto per cui serve.\r\n      -->\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn\"\r\n        [disabled]=\"!isEditable()\"\r\n        [title]=\"\r\n          canCopy()\r\n            ? 'Racchiudi gli elementi selezionati in un riquadro di commento'\r\n            : 'Crea un riquadro di commento vuoto: non cambia il comportamento del flow'\r\n        \"\r\n        aria-label=\"Nuovo riquadro di raggruppamento\"\r\n        (click)=\"createGroup()\"\r\n      >\r\n        \u2B1A\r\n      </button>\r\n\r\n      <!--\r\n        Copia e incolla stanno **anche** qui e non solo sui tasti: una scorciatoia che nessuno\r\n        annuncia non esiste. Il titolo la dice, cos\u00EC si impara usandola una volta.\r\n        L\u2019incolla e\u2019 acceso anche con la selezione vuota: cio\u2019 che si incolla sta negli appunti,\r\n        e puo\u2019 venire da un altro flow.\r\n      -->\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn\"\r\n        [disabled]=\"!canCopy()\"\r\n        title=\"Copia gli elementi selezionati, con le risorse che usano (Ctrl+C)\"\r\n        aria-label=\"Copia gli elementi selezionati\"\r\n        (click)=\"copySelection()\"\r\n      >\r\n        \u29C9\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn\"\r\n        [disabled]=\"!canPaste() || !isEditable()\"\r\n        title=\"Incolla gli elementi copiati, anche da un altro flow (Ctrl+V)\"\r\n        aria-label=\"Incolla gli elementi copiati\"\r\n        (click)=\"startPaste()\"\r\n      >\r\n        \u2398\r\n      </button>\r\n      @if (isDialogMode()) {\r\n        <!-- Il doppio click sul node fa la stessa cosa, ma non si vede: questo comando s\u00EC. -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-btn\"\r\n          [disabled]=\"!selectedName()\"\r\n          title=\"Apri il dettaglio dell\u2019elemento selezionato\"\r\n          (click)=\"openSelectedElement()\"\r\n        >\r\n          Dettaglio\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-btn\" [disabled]=\"isBusy()\" (click)=\"validateNow()\">Valida</button>\r\n\r\n      <!--\r\n        Esegui e Debug non eseguono niente qui dentro: raccolgono i valori di ingresso e li\r\n        consegnano all\u2019applicazione ospite. Si esegue la versione **salvata**, quindi su un flow\r\n        mai scritto sono spenti e il titolo dice perche\u2019.\r\n      -->\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn\"\r\n        [disabled]=\"!canRun()\"\r\n        [title]=\"canRun() ? 'Esegui il flow salvato' : 'Salva il flow prima di eseguirlo'\"\r\n        (click)=\"openRun('run')\"\r\n      >\r\n        Esegui\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn\"\r\n        [disabled]=\"!canRun()\"\r\n        [title]=\"canRun() ? 'Esegui il flow salvato in debug' : 'Salva il flow prima di eseguirlo'\"\r\n        (click)=\"openRun('debug')\"\r\n      >\r\n        Debug\r\n      </button>\r\n\r\n      @switch (primaryCommand()) {\r\n        @case ('newVersion') {\r\n          <!-- Su una versione non modificabile il comando primario e' \"Nuova versione\" (\u00A78.1). -->\r\n          <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"isBusy()\" (click)=\"createNewVersion()\">\r\n            Nuova versione\r\n          </button>\r\n        }\r\n        @case ('create') {\r\n          <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"isBusy()\" (click)=\"save()\">\r\n            Crea\r\n          </button>\r\n        }\r\n        @default {\r\n          <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"isBusy()\" (click)=\"save()\">\r\n            Salva\r\n          </button>\r\n        }\r\n      }\r\n\r\n      @if (canDuplicate()) {\r\n        <!-- \u00A76.2 \u00ABDuplica\u00BB: il flow sotto un altro nome, alla versione 1. -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-btn\"\r\n          [disabled]=\"isBusy()\"\r\n          title=\"Salva una copia con un altro nome\"\r\n          (click)=\"startCopy()\"\r\n        >\r\n          Duplica\u2026\r\n        </button>\r\n      }\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn\"\r\n        [disabled]=\"isBusy() || !canActivate()\"\r\n        [title]=\"\r\n          canActivate()\r\n            ? 'Attiva questa versione'\r\n            : 'L\u2019attivazione esige zero errori: correggili nel pannello dei problemi'\r\n        \"\r\n        (click)=\"activate()\"\r\n      >\r\n        Attiva\r\n      </button>\r\n    </div>\r\n  </header>\r\n\r\n  @if (conflict()) {\r\n    <!-- \u00A79.3: qualcun altro ha salvato. Due strade, entrambe offerte. -->\r\n    <div class=\"fb-banner fb-banner--warn\" role=\"alert\">\r\n      <span>\r\n        {{ conflict()?.message }}\r\n        @if (conflict()?.conflictingAuthor) {\r\n          Ha salvato {{ conflict()?.conflictingAuthor }}.\r\n        }\r\n      </span>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--icon\" (click)=\"reloadAfterConflict()\">Ricarica</button>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--icon\" (click)=\"saveAsNewVersionAfterConflict()\">\r\n        Salva come nuova versione\r\n      </button>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"dismissConflict()\">\u00D7</button>\r\n    </div>\r\n  }\r\n\r\n  @if (isCopyOpen()) {\r\n    <!--\r\n      Il nome si chiede prima di scrivere: e\u2019 l\u2019unico dato che il backend non puo\u2019 inventare, e\r\n      un doppione lo rifiuta con AlreadyExists (\u00A76.2). Invio conferma, Esc annulla.\r\n    -->\r\n    <div class=\"fb-banner fb-copy\" role=\"group\" aria-label=\"Duplica il flow\">\r\n      <label class=\"fb-copy__field\">\r\n        <span class=\"fb-copy__caption\">Nome tecnico della copia</span>\r\n        <input\r\n          #copyNameInput\r\n          class=\"fb-copy__input\"\r\n          [value]=\"copyName()\"\r\n          placeholder=\"NomeTecnico_Copia\"\r\n          (input)=\"setCopyName($any($event.target).value)\"\r\n          (keydown.enter)=\"confirmCopy()\"\r\n          (keydown.escape)=\"cancelCopy()\"\r\n        />\r\n      </label>\r\n      <label class=\"fb-copy__field\">\r\n        <span class=\"fb-copy__caption\">Nome visibile</span>\r\n        <input\r\n          class=\"fb-copy__input\"\r\n          [value]=\"copyLabel()\"\r\n          placeholder=\"(facoltativo)\"\r\n          (input)=\"setCopyLabel($any($event.target).value)\"\r\n          (keydown.enter)=\"confirmCopy()\"\r\n          (keydown.escape)=\"cancelCopy()\"\r\n        />\r\n      </label>\r\n      <span class=\"fb-copy__hint\" [class.fb-copy__hint--error]=\"!!copyNameProblem()\">\r\n        {{ copyNameProblem() || copyHint() }}\r\n      </span>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn fb-btn--primary fb-btn--icon\"\r\n        [disabled]=\"isBusy() || !!copyNameProblem()\"\r\n        (click)=\"confirmCopy()\"\r\n      >\r\n        Duplica\r\n      </button>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"cancelCopy()\">Annulla</button>\r\n    </div>\r\n  }\r\n\r\n  @if (notice()) {\r\n    <div\r\n      class=\"fb-banner\"\r\n      [class.fb-banner--error]=\"notice()?.kind === 'error'\"\r\n      role=\"status\"\r\n    >\r\n      <span>{{ notice()?.message }}</span>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" aria-label=\"Chiudi\" (click)=\"dismissNotice()\">\r\n        \u00D7\r\n      </button>\r\n    </div>\r\n  }\r\n\r\n  @if (hasScreensInAutoLaunched()) {\r\n    <div class=\"fb-banner fb-banner--error\">\r\n      Un flow AutoLaunched che contiene screen e\u2019 un errore di validazione: non c\u2019e\u2019 nessuno a cui mostrarli.\r\n    </div>\r\n  }\r\n  @if (isOrchestrationWithoutStages()) {\r\n    <div class=\"fb-banner fb-banner--warn\">\r\n      Un flow Orchestration senza stage di orchestrazione viene segnalato dalla validazione\r\n      (ORCHESTRATION_WITHOUT_STAGES).\r\n    </div>\r\n  }\r\n  @if (hasNoScreensInScreenFlow()) {\r\n    <div class=\"fb-banner fb-banner--warn\">\r\n      Un flow di tipo Screen senza nessuno screen viene segnalato dalla validazione.\r\n    </div>\r\n  }\r\n  @if (!isEditable()) {\r\n    <div class=\"fb-banner\">\r\n      Questa versione e\u2019 in sola lettura: per modificarla creane una nuova.\r\n    </div>\r\n  }\r\n\r\n  <div class=\"fb-main\">\r\n    <aside class=\"fb-main__palette\">\r\n      <fb-element-palette [processType]=\"document().processType\" (elementPicked)=\"onElementPicked($event)\" />\r\n    </aside>\r\n\r\n    <div class=\"fb-main__center\">\r\n      <fb-flow-canvas\r\n        class=\"fb-main__canvas\"\r\n        [selectedName]=\"selectedName()\"\r\n        [selectedNames]=\"selectedNames()\"\r\n        [selectedGroupName]=\"selectedGroupName()\"\r\n        [outline]=\"outline()\"\r\n        [isEditable]=\"isEditable()\"\r\n        (selectionChange)=\"onSelectionChange($event)\"\r\n        (nodeOpened)=\"onNodeOpened($event)\"\r\n        (nodeRemoveRequested)=\"onRemoveNode($event)\"\r\n        (nodeDuplicateRequested)=\"onDuplicateNode($event)\"\r\n        (elementDropped)=\"onElementDropped($event)\"\r\n        (groupSelected)=\"onGroupSelected($event)\"\r\n        (groupRemoveRequested)=\"onGroupRemoved($event)\"\r\n      />\r\n\r\n      @if (showProblems()) {\r\n        <fb-problems-panel\r\n          class=\"fb-main__problems\"\r\n          (elementFocused)=\"revealIssueElement($event)\"\r\n          (elementOpened)=\"openIssueElement($event)\"\r\n          (closed)=\"toggleProblems()\"\r\n        />\r\n      } @else {\r\n        <button type=\"button\" class=\"fb-main__problems-toggle\" (click)=\"toggleProblems()\">\r\n          Problemi\r\n          @if (errorCount()) {\r\n            <span class=\"fb-main__count fb-main__count--error\">{{ errorCount() }}</span>\r\n          }\r\n          @if (warningCount()) {\r\n            <span class=\"fb-main__count fb-main__count--warn\">{{ warningCount() }}</span>\r\n          }\r\n        </button>\r\n      }\r\n    </div>\r\n\r\n    <aside class=\"fb-main__side\">\r\n      <nav class=\"fb-side__tabs\" aria-label=\"Pannelli\">\r\n        @if (!isDialogMode()) {\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-side__tab\"\r\n            [class.fb-side__tab--active]=\"sidePanel() === 'inspector'\"\r\n            (click)=\"setPanel('inspector')\"\r\n          >\r\n            Elemento\r\n          </button>\r\n        }\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-side__tab\"\r\n          [class.fb-side__tab--active]=\"sidePanel() === 'resources'\"\r\n          (click)=\"setPanel('resources')\"\r\n        >\r\n          Risorse\r\n        </button>\r\n        <!--\r\n          I riquadri (\u00A73.6). Il tab porta il conteggio perche\u2019 e\u2019 l\u2019unico modo di sapere che un\r\n          flow ne ha, quando sono chiusi o fuori dalla vista.\r\n        -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-side__tab\"\r\n          [class.fb-side__tab--active]=\"sidePanel() === 'groups'\"\r\n          (click)=\"setPanel('groups')\"\r\n        >\r\n          Riquadri\r\n          @if (store.groups().length) {\r\n            <span class=\"fb-main__count\">{{ store.groups().length }}</span>\r\n          }\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-side__tab\"\r\n          [class.fb-side__tab--active]=\"sidePanel() === 'versions'\"\r\n          (click)=\"setPanel('versions')\"\r\n        >\r\n          Versioni\r\n        </button>\r\n        <!--\r\n          Il pannello dell\u2019ultima esecuzione. \u00C8 l\u2019unico posto in cui si vede la traccia di un\r\n          flow **senza schermate**: l\u00EC il runtime non apre nessuna interfaccia, e senza questo\r\n          tab non ci sarebbe niente da guardare.\r\n        -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-side__tab\"\r\n          [class.fb-side__tab--active]=\"sidePanel() === 'debug'\"\r\n          (click)=\"setPanel('debug')\"\r\n        >\r\n          Debug\r\n          @if (isRunning()) {\r\n            <span class=\"fb-side__tab-dot\" aria-label=\"esecuzione in corso\"></span>\r\n          }\r\n        </button>\r\n      </nav>\r\n\r\n      <div class=\"fb-side__content\">\r\n        @switch (sidePanel()) {\r\n          @case ('inspector') {\r\n            <fb-element-inspector\r\n              [selectedName]=\"selectedName()\"\r\n              [initialFieldPath]=\"pendingFieldPath()\"\r\n              (removeRequested)=\"onRemoveNode($event)\"\r\n              (duplicateRequested)=\"onDuplicateNode($event)\"\r\n              (renamed)=\"onNodeRenamed($event)\"\r\n              (closed)=\"setPanel('resources')\"\r\n            />\r\n          }\r\n          @case ('resources') {\r\n            <fb-resource-panel [target]=\"resourceTarget()\" (closed)=\"setPanel('inspector')\" />\r\n          }\r\n          @case ('groups') {\r\n            <fb-group-panel\r\n              [isEditable]=\"isEditable()\"\r\n              [selectedNodeNames]=\"selectedNames()\"\r\n              [target]=\"groupTarget()\"\r\n              (createRequested)=\"createGroup()\"\r\n              (memberFocused)=\"focusMember($event)\"\r\n              (closed)=\"setPanel('resources')\"\r\n            />\r\n          }\r\n          @case ('versions') {\r\n            <fb-version-panel\r\n              (versionOpened)=\"openVersion($event)\"\r\n              (notice)=\"showNotice($event)\"\r\n              (closed)=\"setPanel('inspector')\"\r\n            />\r\n          }\r\n          @case ('debug') {\r\n            <!-- Evidenzia sul canvas senza rubare il pannello: la traccia si sta leggendo. -->\r\n            <fb-debug-panel\r\n              [outcome]=\"shownOutcome()\"\r\n              [wasDebug]=\"wasRunInDebug()\"\r\n              [isRunning]=\"isRunning()\"\r\n              (elementFocused)=\"highlightElement($event)\"\r\n              (cleared)=\"clearRunOutcome()\"\r\n              (closed)=\"setPanel('inspector')\"\r\n            />\r\n          }\r\n        }\r\n      </div>\r\n\r\n      <footer class=\"fb-side__footer\">\r\n        <label class=\"fb-btn fb-btn--icon\">\r\n          Importa JSON\r\n          <input type=\"file\" accept=\"application/json,.json\" hidden (change)=\"onFileSelected($event)\" />\r\n        </label>\r\n      </footer>\r\n    </aside>\r\n  </div>\r\n\r\n  @if (pastePreview(); as preview) {\r\n    <!--\r\n      L\u2019incolla passa da una conferma perche\u2019 non e\u2019 mai una copia identica: nomi gi\u00E0 presi,\r\n      risorse che qui non esistono, riferimenti che restano orfani. Il piano e\u2019 gi\u00E0 calcolato,\r\n      la finestra lo mostra e basta.\r\n    -->\r\n    <fb-paste-dialog\r\n      [payload]=\"preview.payload\"\r\n      [plan]=\"preview.plan\"\r\n      (confirmed)=\"confirmPaste($event)\"\r\n      (cancelled)=\"cancelPaste()\"\r\n    />\r\n  }\r\n\r\n  @if (runMode(); as mode) {\r\n    <!--\r\n      La finestra degli ingressi. Non avvia niente e non chiama niente: raccoglie i valori e li\r\n      annuncia con `runRequested`, perche\u2019 l\u2019unico a sapere dove gira il motore e\u2019 l\u2019ospite.\r\n    -->\r\n    <fb-run-dialog\r\n      [mode]=\"mode\"\r\n      [flowName]=\"session.flowName()\"\r\n      [version]=\"session.version()\"\r\n      [isDirty]=\"isDirty()\"\r\n      [isBusy]=\"isRunning()\"\r\n      (confirmed)=\"confirmRun($event)\"\r\n      (cancelled)=\"closeRun()\"\r\n    />\r\n  }\r\n\r\n  @if (isDialogMode() && isDialogOpen() && selectedName()) {\r\n    <!-- La dialog sta dentro il builder, non nel body: la libreria e\u2019 innestabile. -->\r\n    <fb-element-dialog\r\n      [selectedName]=\"selectedName()\"\r\n      [initialFieldPath]=\"pendingFieldPath()\"\r\n      (closed)=\"closeDialog()\"\r\n      (removeRequested)=\"onRemoveNode($event)\"\r\n      (duplicateRequested)=\"onDuplicateNode($event)\"\r\n      (renamed)=\"onNodeRenamed($event)\"\r\n    />\r\n  }\r\n</div>\r\n", styles: [":host{display:block;width:100%;height:100%;min-height:0;font:inherit;color:var(--fb-text, #1d2939)}.fb-builder{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;background:var(--fb-surface, #fff)}.fb-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;border-bottom:1px solid var(--fb-border, #e2e5eb);background:var(--fb-surface, #fff)}.fb-top__identity{min-width:0}.fb-top__label{width:100%;max-width:420px;padding:2px 4px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:15px;font-weight:600}.fb-top__label:hover:not(:disabled),.fb-top__label:focus-visible{border-color:var(--fb-border, #d6dae1);background:var(--fb-surface, #fff)}.fb-top__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px}.fb-top__name{width:180px;padding:1px 4px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.fb-top__name:hover:not(:disabled),.fb-top__name:focus-visible{border-color:var(--fb-border, #d6dae1)}.fb-top__process{padding:1px 4px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px}.fb-top__status,.fb-top__version,.fb-top__dirty{padding:2px 7px;border-radius:999px;background:var(--fb-surface-sunken, #eef0f4);color:var(--fb-text-muted, #6b7086);font-size:10px;font-weight:600}.fb-top__version{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-top__dirty{background:color-mix(in srgb,var(--fb-warning, #b7791f) 16%,transparent);color:var(--fb-warning, #b7791f)}.fb-top__actions{display:flex;flex-wrap:wrap;gap:4px}.fb-banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 7%,transparent);font-size:11px}.fb-banner--warn{background:color-mix(in srgb,var(--fb-warning, #b7791f) 12%,transparent);color:var(--fb-warning, #b7791f)}.fb-banner--error{background:color-mix(in srgb,var(--fb-error, #c9372c) 10%,transparent);color:var(--fb-error, #c9372c)}.fb-banner>span{flex:1;min-width:200px}.fb-copy__field{display:flex;align-items:center;gap:6px}.fb-copy__caption{color:var(--fb-text-muted, #667085);white-space:nowrap}.fb-copy__input{width:180px;padding:2px 5px;border:1px solid var(--fb-border, #d6dae1);border-radius:4px;background:var(--fb-surface, #fff);color:var(--fb-text, #1d2939);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.fb-copy__hint{flex:1;min-width:180px;color:var(--fb-text-muted, #667085)}.fb-copy__hint--error{color:var(--fb-error, #c9372c)}.fb-main{display:flex;flex:1;min-height:0}.fb-main__palette{flex:0 0 190px;min-width:0}.fb-main__center{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0}.fb-main__canvas{flex:1;min-height:0}.fb-main__problems{flex:0 0 auto;height:220px}.fb-main__problems-toggle{display:flex;align-items:center;gap:6px;padding:4px 12px;border:0;border-top:1px solid var(--fb-border, #d6dae1);background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}.fb-main__count{padding:0 5px;border-radius:8px;background:var(--fb-border, #d6dae1);font-size:9px;font-weight:700}.fb-main__count--error{background:color-mix(in srgb,var(--fb-error, #c9372c) 16%,transparent);color:var(--fb-error, #c9372c)}.fb-main__count--warn{background:color-mix(in srgb,var(--fb-warning, #b7791f) 16%,transparent);color:var(--fb-warning, #b7791f)}.fb-main__side{display:flex;flex-direction:column;flex:0 0 340px;min-width:0;min-height:0;border-left:1px solid var(--fb-border, #d6dae1);background:var(--fb-surface, #fff)}.fb-side__tabs{display:flex;gap:2px;margin:8px 10px;padding:3px;border-radius:var(--fb-radius, 10px);background:var(--fb-surface-sunken, #eef0f4)}.fb-side__tab{flex:1;padding:5px 8px;border:0;border-radius:var(--fb-radius-xs, 6px);background:transparent;color:var(--fb-text-muted, #6b7086);font:inherit;font-size:11px;cursor:pointer;transition:background .12s ease,color .12s ease}.fb-side__tab-dot{display:inline-block;width:6px;height:6px;margin-left:4px;border-radius:50%;background:var(--fb-accent, #2f6feb);vertical-align:middle}.fb-side__tab:hover:not(.fb-side__tab--active){color:var(--fb-text, #1a1c23)}.fb-side__tab--active{background:var(--fb-surface, #fff);box-shadow:var(--fb-shadow-sm, 0 1px 2px rgb(16 24 40 / 6%));color:var(--fb-text, #1a1c23);font-weight:600}.fb-side__content{flex:1;min-height:0;border-top:1px solid var(--fb-border-subtle, #eef0f4)}.fb-side__content>*{height:100%}.fb-side__footer{display:flex;gap:6px;padding:6px 8px;border-top:1px solid var(--fb-border-subtle, #e6e9ee)}@media(max-width:1200px){.fb-main__palette{flex-basis:150px}.fb-main__side{flex-basis:290px}}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: { '(keydown)': 'onKeyDown($event)' }, template: "<div class=\"fb-builder\" [attr.data-fb-theme]=\"null\">\r\n  <header class=\"fb-top\">\r\n    <div class=\"fb-top__identity\">\r\n      <input\r\n        class=\"fb-top__label\"\r\n        [value]=\"document().label || ''\"\r\n        placeholder=\"Nome del flow\"\r\n        aria-label=\"Nome del flow\"\r\n        [disabled]=\"!isEditable()\"\r\n        (input)=\"setLabel($any($event.target).value)\"\r\n      />\r\n      <div class=\"fb-top__meta\">\r\n        <input\r\n          class=\"fb-top__name\"\r\n          [value]=\"document().fullName || ''\"\r\n          placeholder=\"NomeTecnico\"\r\n          aria-label=\"Nome tecnico del flow\"\r\n          [disabled]=\"!isEditable()\"\r\n          (input)=\"setFullName($any($event.target).value)\"\r\n        />\r\n        <select\r\n          class=\"fb-top__process\"\r\n          [fbValue]=\"document().processType || ''\"\r\n          aria-label=\"Tipo di flow\"\r\n          [disabled]=\"!isEditable()\"\r\n          (change)=\"setProcessType($any($event.target).value)\"\r\n        >\r\n          <!--\r\n            Il segnaposto esiste perche' un `<select>` senza opzione corrispondente non e'\r\n            \u00ABvuoto\u00BB: e' a `selectedIndex = -1`, e mostra una casella bianca. Su un flow nuovo\r\n            (`processType` non ancora scelto) e' questa la riga che si vede, disabilitata\r\n            perche' non e' un valore valido da salvare.\r\n          -->\r\n          @if (!document().processType) {\r\n            <option value=\"\" disabled>\u2014 tipo di flow \u2014</option>\r\n          }\r\n          @for (type of processTypes(); track type.value) {\r\n            <option [value]=\"type.value\">{{ type.label }}</option>\r\n          }\r\n          <!--\r\n            Il tipo del documento che il dizionario non conosce: senza questa opzione la select\r\n            resta bianca su un flow che il backend ha salvato con un `processType` fuori\r\n            catalogo (o quando `processTypes` manca dalla risposta dei dizionari), e sembra che\r\n            l'editor non abbia ricaricato il flow. Va mostrato **senza** riscrivere il\r\n            documento: il valore e' del backend, non nostro da correggere.\r\n          -->\r\n          @if (isProcessTypeOutOfCatalog()) {\r\n            <option [value]=\"document().processType\">{{ document().processType }} (fuori catalogo)</option>\r\n          }\r\n        </select>\r\n        <span class=\"fb-top__status\">{{ statusLabel() }}</span>\r\n        @if (session.version() != null) {\r\n          <span class=\"fb-top__version\">v{{ session.version() }}</span>\r\n        }\r\n        @if (isDirty()) {\r\n          <span class=\"fb-top__dirty\" title=\"Ci sono modifiche non salvate\">modificato</span>\r\n        }\r\n      </div>\r\n    </div>\r\n\r\n    <!--\r\n      La ricerca **nel documento**: e\u2019 l\u2019unico modo di arrivare a un elemento su un flow che non\r\n      sta in una schermata. Non e\u2019 la casella della palette, che filtra i tipi da aggiungere.\r\n    -->\r\n    <fb-flow-search (picked)=\"onSearchPicked($event)\" />\r\n\r\n    <div class=\"fb-top__actions\">\r\n      <button type=\"button\" class=\"fb-btn\" [disabled]=\"!canUndo()\" aria-label=\"Annulla\" (click)=\"undo()\">\u21B6</button>\r\n      <button type=\"button\" class=\"fb-btn\" [disabled]=\"!canRedo()\" aria-label=\"Ripeti\" (click)=\"redo()\">\u21B7</button>\r\n      <button type=\"button\" class=\"fb-btn\" title=\"Ricalcola le posizioni\" (click)=\"autoLayout()\">Riordina</button>\r\n      <!--\r\n        Un riquadro e\u2019 un commento sul canvas (\u00A73.6): non viene eseguito, quindi il comando sta\r\n        qui accanto a \u00ABRiordina\u00BB e non nella palette degli elementi. Nasce attorno a cio\u2019 che e\u2019\r\n        selezionato, che e\u2019 il gesto per cui serve.\r\n      -->\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn\"\r\n        [disabled]=\"!isEditable()\"\r\n        [title]=\"\r\n          canCopy()\r\n            ? 'Racchiudi gli elementi selezionati in un riquadro di commento'\r\n            : 'Crea un riquadro di commento vuoto: non cambia il comportamento del flow'\r\n        \"\r\n        aria-label=\"Nuovo riquadro di raggruppamento\"\r\n        (click)=\"createGroup()\"\r\n      >\r\n        \u2B1A\r\n      </button>\r\n\r\n      <!--\r\n        Copia e incolla stanno **anche** qui e non solo sui tasti: una scorciatoia che nessuno\r\n        annuncia non esiste. Il titolo la dice, cos\u00EC si impara usandola una volta.\r\n        L\u2019incolla e\u2019 acceso anche con la selezione vuota: cio\u2019 che si incolla sta negli appunti,\r\n        e puo\u2019 venire da un altro flow.\r\n      -->\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn\"\r\n        [disabled]=\"!canCopy()\"\r\n        title=\"Copia gli elementi selezionati, con le risorse che usano (Ctrl+C)\"\r\n        aria-label=\"Copia gli elementi selezionati\"\r\n        (click)=\"copySelection()\"\r\n      >\r\n        \u29C9\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn\"\r\n        [disabled]=\"!canPaste() || !isEditable()\"\r\n        title=\"Incolla gli elementi copiati, anche da un altro flow (Ctrl+V)\"\r\n        aria-label=\"Incolla gli elementi copiati\"\r\n        (click)=\"startPaste()\"\r\n      >\r\n        \u2398\r\n      </button>\r\n      @if (isDialogMode()) {\r\n        <!-- Il doppio click sul node fa la stessa cosa, ma non si vede: questo comando s\u00EC. -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-btn\"\r\n          [disabled]=\"!selectedName()\"\r\n          title=\"Apri il dettaglio dell\u2019elemento selezionato\"\r\n          (click)=\"openSelectedElement()\"\r\n        >\r\n          Dettaglio\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-btn\" [disabled]=\"isBusy()\" (click)=\"validateNow()\">Valida</button>\r\n\r\n      <!--\r\n        Esegui e Debug non eseguono niente qui dentro: raccolgono i valori di ingresso e li\r\n        consegnano all\u2019applicazione ospite. Si esegue la versione **salvata**, quindi su un flow\r\n        mai scritto sono spenti e il titolo dice perche\u2019.\r\n      -->\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn\"\r\n        [disabled]=\"!canRun()\"\r\n        [title]=\"canRun() ? 'Esegui il flow salvato' : 'Salva il flow prima di eseguirlo'\"\r\n        (click)=\"openRun('run')\"\r\n      >\r\n        Esegui\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn\"\r\n        [disabled]=\"!canRun()\"\r\n        [title]=\"canRun() ? 'Esegui il flow salvato in debug' : 'Salva il flow prima di eseguirlo'\"\r\n        (click)=\"openRun('debug')\"\r\n      >\r\n        Debug\r\n      </button>\r\n\r\n      @switch (primaryCommand()) {\r\n        @case ('newVersion') {\r\n          <!-- Su una versione non modificabile il comando primario e' \"Nuova versione\" (\u00A78.1). -->\r\n          <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"isBusy()\" (click)=\"createNewVersion()\">\r\n            Nuova versione\r\n          </button>\r\n        }\r\n        @case ('create') {\r\n          <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"isBusy()\" (click)=\"save()\">\r\n            Crea\r\n          </button>\r\n        }\r\n        @default {\r\n          <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"isBusy()\" (click)=\"save()\">\r\n            Salva\r\n          </button>\r\n        }\r\n      }\r\n\r\n      @if (canDuplicate()) {\r\n        <!-- \u00A76.2 \u00ABDuplica\u00BB: il flow sotto un altro nome, alla versione 1. -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-btn\"\r\n          [disabled]=\"isBusy()\"\r\n          title=\"Salva una copia con un altro nome\"\r\n          (click)=\"startCopy()\"\r\n        >\r\n          Duplica\u2026\r\n        </button>\r\n      }\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn\"\r\n        [disabled]=\"isBusy() || !canActivate()\"\r\n        [title]=\"\r\n          canActivate()\r\n            ? 'Attiva questa versione'\r\n            : 'L\u2019attivazione esige zero errori: correggili nel pannello dei problemi'\r\n        \"\r\n        (click)=\"activate()\"\r\n      >\r\n        Attiva\r\n      </button>\r\n    </div>\r\n  </header>\r\n\r\n  @if (conflict()) {\r\n    <!-- \u00A79.3: qualcun altro ha salvato. Due strade, entrambe offerte. -->\r\n    <div class=\"fb-banner fb-banner--warn\" role=\"alert\">\r\n      <span>\r\n        {{ conflict()?.message }}\r\n        @if (conflict()?.conflictingAuthor) {\r\n          Ha salvato {{ conflict()?.conflictingAuthor }}.\r\n        }\r\n      </span>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--icon\" (click)=\"reloadAfterConflict()\">Ricarica</button>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--icon\" (click)=\"saveAsNewVersionAfterConflict()\">\r\n        Salva come nuova versione\r\n      </button>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"dismissConflict()\">\u00D7</button>\r\n    </div>\r\n  }\r\n\r\n  @if (isCopyOpen()) {\r\n    <!--\r\n      Il nome si chiede prima di scrivere: e\u2019 l\u2019unico dato che il backend non puo\u2019 inventare, e\r\n      un doppione lo rifiuta con AlreadyExists (\u00A76.2). Invio conferma, Esc annulla.\r\n    -->\r\n    <div class=\"fb-banner fb-copy\" role=\"group\" aria-label=\"Duplica il flow\">\r\n      <label class=\"fb-copy__field\">\r\n        <span class=\"fb-copy__caption\">Nome tecnico della copia</span>\r\n        <input\r\n          #copyNameInput\r\n          class=\"fb-copy__input\"\r\n          [value]=\"copyName()\"\r\n          placeholder=\"NomeTecnico_Copia\"\r\n          (input)=\"setCopyName($any($event.target).value)\"\r\n          (keydown.enter)=\"confirmCopy()\"\r\n          (keydown.escape)=\"cancelCopy()\"\r\n        />\r\n      </label>\r\n      <label class=\"fb-copy__field\">\r\n        <span class=\"fb-copy__caption\">Nome visibile</span>\r\n        <input\r\n          class=\"fb-copy__input\"\r\n          [value]=\"copyLabel()\"\r\n          placeholder=\"(facoltativo)\"\r\n          (input)=\"setCopyLabel($any($event.target).value)\"\r\n          (keydown.enter)=\"confirmCopy()\"\r\n          (keydown.escape)=\"cancelCopy()\"\r\n        />\r\n      </label>\r\n      <span class=\"fb-copy__hint\" [class.fb-copy__hint--error]=\"!!copyNameProblem()\">\r\n        {{ copyNameProblem() || copyHint() }}\r\n      </span>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn fb-btn--primary fb-btn--icon\"\r\n        [disabled]=\"isBusy() || !!copyNameProblem()\"\r\n        (click)=\"confirmCopy()\"\r\n      >\r\n        Duplica\r\n      </button>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"cancelCopy()\">Annulla</button>\r\n    </div>\r\n  }\r\n\r\n  @if (notice()) {\r\n    <div\r\n      class=\"fb-banner\"\r\n      [class.fb-banner--error]=\"notice()?.kind === 'error'\"\r\n      role=\"status\"\r\n    >\r\n      <span>{{ notice()?.message }}</span>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" aria-label=\"Chiudi\" (click)=\"dismissNotice()\">\r\n        \u00D7\r\n      </button>\r\n    </div>\r\n  }\r\n\r\n  @if (hasScreensInAutoLaunched()) {\r\n    <div class=\"fb-banner fb-banner--error\">\r\n      Un flow AutoLaunched che contiene screen e\u2019 un errore di validazione: non c\u2019e\u2019 nessuno a cui mostrarli.\r\n    </div>\r\n  }\r\n  @if (isOrchestrationWithoutStages()) {\r\n    <div class=\"fb-banner fb-banner--warn\">\r\n      Un flow Orchestration senza stage di orchestrazione viene segnalato dalla validazione\r\n      (ORCHESTRATION_WITHOUT_STAGES).\r\n    </div>\r\n  }\r\n  @if (hasNoScreensInScreenFlow()) {\r\n    <div class=\"fb-banner fb-banner--warn\">\r\n      Un flow di tipo Screen senza nessuno screen viene segnalato dalla validazione.\r\n    </div>\r\n  }\r\n  @if (!isEditable()) {\r\n    <div class=\"fb-banner\">\r\n      Questa versione e\u2019 in sola lettura: per modificarla creane una nuova.\r\n    </div>\r\n  }\r\n\r\n  <div class=\"fb-main\">\r\n    <aside class=\"fb-main__palette\">\r\n      <fb-element-palette [processType]=\"document().processType\" (elementPicked)=\"onElementPicked($event)\" />\r\n    </aside>\r\n\r\n    <div class=\"fb-main__center\">\r\n      <fb-flow-canvas\r\n        class=\"fb-main__canvas\"\r\n        [selectedName]=\"selectedName()\"\r\n        [selectedNames]=\"selectedNames()\"\r\n        [selectedGroupName]=\"selectedGroupName()\"\r\n        [outline]=\"outline()\"\r\n        [isEditable]=\"isEditable()\"\r\n        (selectionChange)=\"onSelectionChange($event)\"\r\n        (nodeOpened)=\"onNodeOpened($event)\"\r\n        (nodeRemoveRequested)=\"onRemoveNode($event)\"\r\n        (nodeDuplicateRequested)=\"onDuplicateNode($event)\"\r\n        (elementDropped)=\"onElementDropped($event)\"\r\n        (groupSelected)=\"onGroupSelected($event)\"\r\n        (groupRemoveRequested)=\"onGroupRemoved($event)\"\r\n      />\r\n\r\n      @if (showProblems()) {\r\n        <fb-problems-panel\r\n          class=\"fb-main__problems\"\r\n          (elementFocused)=\"revealIssueElement($event)\"\r\n          (elementOpened)=\"openIssueElement($event)\"\r\n          (closed)=\"toggleProblems()\"\r\n        />\r\n      } @else {\r\n        <button type=\"button\" class=\"fb-main__problems-toggle\" (click)=\"toggleProblems()\">\r\n          Problemi\r\n          @if (errorCount()) {\r\n            <span class=\"fb-main__count fb-main__count--error\">{{ errorCount() }}</span>\r\n          }\r\n          @if (warningCount()) {\r\n            <span class=\"fb-main__count fb-main__count--warn\">{{ warningCount() }}</span>\r\n          }\r\n        </button>\r\n      }\r\n    </div>\r\n\r\n    <aside class=\"fb-main__side\">\r\n      <nav class=\"fb-side__tabs\" aria-label=\"Pannelli\">\r\n        @if (!isDialogMode()) {\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-side__tab\"\r\n            [class.fb-side__tab--active]=\"sidePanel() === 'inspector'\"\r\n            (click)=\"setPanel('inspector')\"\r\n          >\r\n            Elemento\r\n          </button>\r\n        }\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-side__tab\"\r\n          [class.fb-side__tab--active]=\"sidePanel() === 'resources'\"\r\n          (click)=\"setPanel('resources')\"\r\n        >\r\n          Risorse\r\n        </button>\r\n        <!--\r\n          I riquadri (\u00A73.6). Il tab porta il conteggio perche\u2019 e\u2019 l\u2019unico modo di sapere che un\r\n          flow ne ha, quando sono chiusi o fuori dalla vista.\r\n        -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-side__tab\"\r\n          [class.fb-side__tab--active]=\"sidePanel() === 'groups'\"\r\n          (click)=\"setPanel('groups')\"\r\n        >\r\n          Riquadri\r\n          @if (store.groups().length) {\r\n            <span class=\"fb-main__count\">{{ store.groups().length }}</span>\r\n          }\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-side__tab\"\r\n          [class.fb-side__tab--active]=\"sidePanel() === 'versions'\"\r\n          (click)=\"setPanel('versions')\"\r\n        >\r\n          Versioni\r\n        </button>\r\n        <!--\r\n          Il pannello dell\u2019ultima esecuzione. \u00C8 l\u2019unico posto in cui si vede la traccia di un\r\n          flow **senza schermate**: l\u00EC il runtime non apre nessuna interfaccia, e senza questo\r\n          tab non ci sarebbe niente da guardare.\r\n        -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-side__tab\"\r\n          [class.fb-side__tab--active]=\"sidePanel() === 'debug'\"\r\n          (click)=\"setPanel('debug')\"\r\n        >\r\n          Debug\r\n          @if (isRunning()) {\r\n            <span class=\"fb-side__tab-dot\" aria-label=\"esecuzione in corso\"></span>\r\n          }\r\n        </button>\r\n      </nav>\r\n\r\n      <div class=\"fb-side__content\">\r\n        @switch (sidePanel()) {\r\n          @case ('inspector') {\r\n            <fb-element-inspector\r\n              [selectedName]=\"selectedName()\"\r\n              [initialFieldPath]=\"pendingFieldPath()\"\r\n              (removeRequested)=\"onRemoveNode($event)\"\r\n              (duplicateRequested)=\"onDuplicateNode($event)\"\r\n              (renamed)=\"onNodeRenamed($event)\"\r\n              (closed)=\"setPanel('resources')\"\r\n            />\r\n          }\r\n          @case ('resources') {\r\n            <fb-resource-panel\r\n              [target]=\"resourceTarget()\"\r\n              [editing]=\"editingResource()\"\r\n              (editRequested)=\"onResourceEditRequested($event)\"\r\n              (closed)=\"setPanel('inspector')\"\r\n            />\r\n          }\r\n          @case ('groups') {\r\n            <fb-group-panel\r\n              [isEditable]=\"isEditable()\"\r\n              [selectedNodeNames]=\"selectedNames()\"\r\n              [target]=\"groupTarget()\"\r\n              (createRequested)=\"createGroup()\"\r\n              (memberFocused)=\"focusMember($event)\"\r\n              (closed)=\"setPanel('resources')\"\r\n            />\r\n          }\r\n          @case ('versions') {\r\n            <fb-version-panel\r\n              (versionOpened)=\"openVersion($event)\"\r\n              (notice)=\"showNotice($event)\"\r\n              (closed)=\"setPanel('inspector')\"\r\n            />\r\n          }\r\n          @case ('debug') {\r\n            <!-- Evidenzia sul canvas senza rubare il pannello: la traccia si sta leggendo. -->\r\n            <fb-debug-panel\r\n              [outcome]=\"shownOutcome()\"\r\n              [wasDebug]=\"wasRunInDebug()\"\r\n              [isRunning]=\"isRunning()\"\r\n              (elementFocused)=\"highlightElement($event)\"\r\n              (cleared)=\"clearRunOutcome()\"\r\n              (closed)=\"setPanel('inspector')\"\r\n            />\r\n          }\r\n        }\r\n      </div>\r\n\r\n      <footer class=\"fb-side__footer\">\r\n        <label class=\"fb-btn fb-btn--icon\">\r\n          Importa JSON\r\n          <input type=\"file\" accept=\"application/json,.json\" hidden (change)=\"onFileSelected($event)\" />\r\n        </label>\r\n      </footer>\r\n    </aside>\r\n  </div>\r\n\r\n  @if (pastePreview(); as preview) {\r\n    <!--\r\n      L\u2019incolla passa da una conferma perche\u2019 non e\u2019 mai una copia identica: nomi gi\u00E0 presi,\r\n      risorse che qui non esistono, riferimenti che restano orfani. Il piano e\u2019 gi\u00E0 calcolato,\r\n      la finestra lo mostra e basta.\r\n    -->\r\n    <fb-paste-dialog\r\n      [payload]=\"preview.payload\"\r\n      [plan]=\"preview.plan\"\r\n      (confirmed)=\"confirmPaste($event)\"\r\n      (cancelled)=\"cancelPaste()\"\r\n    />\r\n  }\r\n\r\n  @if (runMode(); as mode) {\r\n    <!--\r\n      La finestra degli ingressi. Non avvia niente e non chiama niente: raccoglie i valori e li\r\n      annuncia con `runRequested`, perche\u2019 l\u2019unico a sapere dove gira il motore e\u2019 l\u2019ospite.\r\n    -->\r\n    <fb-run-dialog\r\n      [mode]=\"mode\"\r\n      [flowName]=\"session.flowName()\"\r\n      [version]=\"session.version()\"\r\n      [isDirty]=\"isDirty()\"\r\n      [isBusy]=\"isRunning()\"\r\n      (confirmed)=\"confirmRun($event)\"\r\n      (cancelled)=\"closeRun()\"\r\n    />\r\n  }\r\n\r\n  @if (editingResource(); as edit) {\r\n    <!--\r\n      La finestra di una risorsa. Sta qui e non dentro il pannello per una ragione sola: nella\r\n      colonna laterale la ritaglierebbe lo scorrimento.\r\n    -->\r\n    <fb-resource-dialog [edit]=\"edit\" (closed)=\"onResourceEditRequested(null)\" />\r\n  }\r\n\r\n  @if (isDialogMode() && isDialogOpen() && selectedName()) {\r\n    <!-- La dialog sta dentro il builder, non nel body: la libreria e\u2019 innestabile. -->\r\n    <fb-element-dialog\r\n      [selectedName]=\"selectedName()\"\r\n      [initialFieldPath]=\"pendingFieldPath()\"\r\n      (closed)=\"closeDialog()\"\r\n      (removeRequested)=\"onRemoveNode($event)\"\r\n      (duplicateRequested)=\"onDuplicateNode($event)\"\r\n      (renamed)=\"onNodeRenamed($event)\"\r\n    />\r\n  }\r\n</div>\r\n", styles: [":host{display:block;width:100%;height:100%;min-height:0;font:inherit;color:var(--fb-text, #1d2939)}.fb-builder{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;background:var(--fb-surface, #fff)}.fb-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;border-bottom:1px solid var(--fb-border, #e2e5eb);background:var(--fb-surface, #fff)}.fb-top__identity{min-width:0}.fb-top__label{width:100%;max-width:420px;padding:2px 4px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:15px;font-weight:600}.fb-top__label:hover:not(:disabled),.fb-top__label:focus-visible{border-color:var(--fb-border, #d6dae1);background:var(--fb-surface, #fff)}.fb-top__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px}.fb-top__name{width:180px;padding:1px 4px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.fb-top__name:hover:not(:disabled),.fb-top__name:focus-visible{border-color:var(--fb-border, #d6dae1)}.fb-top__process{padding:1px 4px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px}.fb-top__status,.fb-top__version,.fb-top__dirty{padding:2px 7px;border-radius:999px;background:var(--fb-surface-sunken, #eef0f4);color:var(--fb-text-muted, #6b7086);font-size:10px;font-weight:600}.fb-top__version{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-top__dirty{background:color-mix(in srgb,var(--fb-warning, #b7791f) 16%,transparent);color:var(--fb-warning, #b7791f)}.fb-top__actions{display:flex;flex-wrap:wrap;gap:4px}.fb-banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 7%,transparent);font-size:11px}.fb-banner--warn{background:color-mix(in srgb,var(--fb-warning, #b7791f) 12%,transparent);color:var(--fb-warning, #b7791f)}.fb-banner--error{background:color-mix(in srgb,var(--fb-error, #c9372c) 10%,transparent);color:var(--fb-error, #c9372c)}.fb-banner>span{flex:1;min-width:200px}.fb-copy__field{display:flex;align-items:center;gap:6px}.fb-copy__caption{color:var(--fb-text-muted, #667085);white-space:nowrap}.fb-copy__input{width:180px;padding:2px 5px;border:1px solid var(--fb-border, #d6dae1);border-radius:4px;background:var(--fb-surface, #fff);color:var(--fb-text, #1d2939);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.fb-copy__hint{flex:1;min-width:180px;color:var(--fb-text-muted, #667085)}.fb-copy__hint--error{color:var(--fb-error, #c9372c)}.fb-main{display:flex;flex:1;min-height:0}.fb-main__palette{flex:0 0 190px;min-width:0}.fb-main__center{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0}.fb-main__canvas{flex:1;min-height:0}.fb-main__problems{flex:0 0 auto;height:220px}.fb-main__problems-toggle{display:flex;align-items:center;gap:6px;padding:4px 12px;border:0;border-top:1px solid var(--fb-border, #d6dae1);background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}.fb-main__count{padding:0 5px;border-radius:8px;background:var(--fb-border, #d6dae1);font-size:9px;font-weight:700}.fb-main__count--error{background:color-mix(in srgb,var(--fb-error, #c9372c) 16%,transparent);color:var(--fb-error, #c9372c)}.fb-main__count--warn{background:color-mix(in srgb,var(--fb-warning, #b7791f) 16%,transparent);color:var(--fb-warning, #b7791f)}.fb-main__side{display:flex;flex-direction:column;flex:0 0 340px;min-width:0;min-height:0;border-left:1px solid var(--fb-border, #d6dae1);background:var(--fb-surface, #fff)}.fb-side__tabs{display:flex;gap:2px;margin:8px 10px;padding:3px;border-radius:var(--fb-radius, 10px);background:var(--fb-surface-sunken, #eef0f4)}.fb-side__tab{flex:1;padding:5px 8px;border:0;border-radius:var(--fb-radius-xs, 6px);background:transparent;color:var(--fb-text-muted, #6b7086);font:inherit;font-size:11px;cursor:pointer;transition:background .12s ease,color .12s ease}.fb-side__tab-dot{display:inline-block;width:6px;height:6px;margin-left:4px;border-radius:50%;background:var(--fb-accent, #2f6feb);vertical-align:middle}.fb-side__tab:hover:not(.fb-side__tab--active){color:var(--fb-text, #1a1c23)}.fb-side__tab--active{background:var(--fb-surface, #fff);box-shadow:var(--fb-shadow-sm, 0 1px 2px rgb(16 24 40 / 6%));color:var(--fb-text, #1a1c23);font-weight:600}.fb-side__content{flex:1;min-height:0;border-top:1px solid var(--fb-border-subtle, #eef0f4)}.fb-side__content>*{height:100%}.fb-side__footer{display:flex;gap:6px;padding:6px 8px;border-top:1px solid var(--fb-border-subtle, #e6e9ee)}@media(max-width:1200px){.fb-main__palette{flex-basis:150px}.fb-main__side{flex-basis:290px}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { flowName: [{ type: i0.Input, args: [{ isSignal: true, alias: "flowName", required: false }] }], version: [{ type: i0.Input, args: [{ isSignal: true, alias: "version", required: false }] }], author: [{ type: i0.Input, args: [{ isSignal: true, alias: "author", required: false }] }], defaultProcessType: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultProcessType", required: false }] }], inspectorMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "inspectorMode", required: false }] }], runOutcome: [{ type: i0.Input, args: [{ isSignal: true, alias: "runOutcome", required: false }] }], isRunning: [{ type: i0.Input, args: [{ isSignal: true, alias: "isRunning", required: false }] }], saved: [{ type: i0.Output, args: ["saved"] }], activated: [{ type: i0.Output, args: ["activated"] }], closeRequested: [{ type: i0.Output, args: ["closeRequested"] }], runRequested: [{ type: i0.Output, args: ["runRequested"] }], canvas: [{ type: i0.ViewChild, args: [i0.forwardRef(() => FlowCanvasComponent), { isSignal: true }] }], search: [{ type: i0.ViewChild, args: [i0.forwardRef(() => FlowSearchComponent), { isSignal: true }] }], copyNameInput: [{ type: i0.ViewChild, args: ['copyNameInput', { isSignal: true }] }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ConditionEditorComponent, ConnectorEditorComponent, DebugPanelComponent, DynamicScreenInspectorComponent, ENUM_CHOICE_SET_DEFAULT_DISPLAY_FIELD, ENUM_CHOICE_SET_DEFAULT_VALUE_FIELD, ENUM_CHOICE_SET_FIELDS, ElementDialogComponent, ElementInspectorComponent, ElementPaletteComponent, EnumValuePickerComponent, FALLBACK_COLLECTION_BY_TYPE, FALLBACK_TYPE_LABEL, FLOW_BUILDER_HTTP_CONFIG, FLOW_CLIPBOARD_KIND, FLOW_CLIPBOARD_VERSION, FLOW_ELEMENT_ICONS, FLOW_ELEMENT_VARIANT_FIELDS, FLOW_ELEMENT_VARIANT_ICONS, FLOW_ERROR_FALLBACK_MESSAGE, FLOW_ERROR_HTTP_STATUS, FLOW_FOLD_HEIGHT, FLOW_FOLD_WIDTH, FLOW_GROUP_COLORS, FLOW_NAME_PATTERN, FLOW_NODE_COLLECTIONS, FLOW_NODE_HEIGHT, FLOW_NODE_WIDTH, FLOW_REFERENCE_FIELDS, FLOW_RESOURCE_COLLECTIONS, FLOW_VALUE_FIELDS, FLOW_VALUE_LITERAL_FIELDS, FieldAssignmentEditorComponent, FieldPickerComponent, FieldValuePickerComponent, FlowApiError, FlowBuilderApi, FlowBuilderComponent, FlowCanvasComponent, FlowCatalogStore, FlowClipboardService, FlowDictionaryStore, FlowDocumentStore, FlowEditorSession, FlowLayoutService, FlowValidationStore, FormulaEditorComponent, FormulaValidationService, GROUP_HEADER_HEIGHT, GROUP_MIN_HEIGHT, GROUP_MIN_WIDTH, GROUP_PADDING, GroupPanelComponent, HttpFlowBuilderApi, NamePickerComponent, NodeInspectorBase, ORCHESTRATION_CONDITION_OUTPUT, ObjectPickerComponent, OrchestratedStageInspectorComponent, ParameterEditorComponent, PasteDialogComponent, ProblemsPanelComponent, RecordFilterEditorComponent, ReferencePickerComponent, ResourcePanelComponent, RunDialogComponent, SEVERITY_BUCKETS, SEVERITY_ICON, SEVERITY_LABEL, START_NODE_NAME, SelectValueDirective, StartInspectorComponent, StructureMemberPickerComponent, StructurePickerComponent, TYPES_WITH_AUTOMATIC_OUTPUT, TYPE_BY_COLLECTION, UNSUPPORTED_TYPES, ValueEditorComponent, VersionPanelComponent, allFieldsOf, applyPaste, areTypesComparable, boundsAround, buildClipboardPayload, canvasFoldId, canvasGroupId, canvasNodeId, checkConditionLogic, checkFlowName, choiceSetSourceOf, declaredChoiceSetSources, describeFieldPath, describePathEntry, duplicateField, elementIcon, emptyFlowDefinition, enumChoiceSetFieldType, fieldAt, filterReferences, flattenFields, flowNodeWidth, flowNodeWidthClass, foldSourceConnectorId, foldTargetConnectorId, groupColorClass, groupRect, hasAutoSize, innerNamesOf, insertField, isClipboardPayload, isCustomConditionLogic, isEmptyReferenceFilter, isFieldResource, isFoldReference, isGlobalReference, isNumericType, isPathInside, isTypeCheckedOperator, isUnknownEnumChoiceSetField, isValidFlowName, isValued, loadPathLevel, matchesReferenceFilter, membersInside, moveCondition, moveField, navigatePath, otherSourceFieldsOf, outletByKey, outletsOf, parseCanvasFoldId, parseCanvasGroupId, parseCanvasNodeId, parseFieldPath, parseInvariantNumber, parseSourceConnectorId, parseTargetConnectorId, pathAvailableNames, pathContainerLabel, pathKey, pathNotVerifiableMessage, planPaste, recomputeMembers, referenceRoot, referencedRootsOf, remapConditionLogic, removeCondition, removeField, resolvePath, rewriteReferences, sameMembers, samePath, screenActionNames, screenFieldNames, severityBucket, slugifyFlowName, sourceConnectorId, stageStepNames, stageStepOutputReferenced, stepsOf, targetConnectorId, typeOfCollection, uniqueFlowName, valuedFieldOf, valuedFieldsOf, variantFieldOf, variantOf, variantPresetOf };
+export { ConditionEditorComponent, ConnectorEditorComponent, DebugPanelComponent, DynamicScreenInspectorComponent, ENUM_CHOICE_SET_DEFAULT_DISPLAY_FIELD, ENUM_CHOICE_SET_DEFAULT_VALUE_FIELD, ENUM_CHOICE_SET_FIELDS, ElementDialogComponent, ElementInspectorComponent, ElementPaletteComponent, EnumValuePickerComponent, FALLBACK_COLLECTION_BY_TYPE, FALLBACK_TYPE_LABEL, FLOW_BUILDER_HTTP_CONFIG, FLOW_CLIPBOARD_KIND, FLOW_CLIPBOARD_VERSION, FLOW_ELEMENT_ICONS, FLOW_ELEMENT_VARIANT_FIELDS, FLOW_ELEMENT_VARIANT_ICONS, FLOW_ERROR_FALLBACK_MESSAGE, FLOW_ERROR_HTTP_STATUS, FLOW_FOLD_HEIGHT, FLOW_FOLD_WIDTH, FLOW_GROUP_COLORS, FLOW_NAME_PATTERN, FLOW_NODE_COLLECTIONS, FLOW_NODE_HEIGHT, FLOW_NODE_WIDTH, FLOW_REFERENCE_FIELDS, FLOW_RESOURCE_COLLECTIONS, FLOW_VALUE_FIELDS, FLOW_VALUE_LITERAL_FIELDS, FieldAssignmentEditorComponent, FieldPickerComponent, FieldValuePickerComponent, FlowApiError, FlowBuilderApi, FlowBuilderComponent, FlowCanvasComponent, FlowCatalogStore, FlowClipboardService, FlowDictionaryStore, FlowDocumentStore, FlowEditorSession, FlowLayoutService, FlowValidationStore, FormulaEditorComponent, FormulaValidationService, GROUP_HEADER_HEIGHT, GROUP_MIN_HEIGHT, GROUP_MIN_WIDTH, GROUP_PADDING, GroupPanelComponent, HttpFlowBuilderApi, MergeTextEditorComponent, NamePickerComponent, NodeInspectorBase, ORCHESTRATION_CONDITION_OUTPUT, ObjectPickerComponent, OrchestratedStageInspectorComponent, ParameterEditorComponent, PasteDialogComponent, ProblemsPanelComponent, RecordFilterEditorComponent, ReferencePickerComponent, ResourceDialogComponent, ResourceFormComponent, ResourcePanelComponent, RunDialogComponent, SEVERITY_BUCKETS, SEVERITY_ICON, SEVERITY_LABEL, START_NODE_NAME, SelectValueDirective, StartInspectorComponent, StructureMemberPickerComponent, StructurePickerComponent, TYPES_WITH_AUTOMATIC_OUTPUT, TYPE_BY_COLLECTION, UNSUPPORTED_TYPES, ValueEditorComponent, VersionPanelComponent, allFieldsOf, applyPaste, areTypesComparable, boundsAround, buildClipboardPayload, canvasFoldId, canvasGroupId, canvasNodeId, checkConditionLogic, checkFlowName, choiceSetSourceOf, declaredChoiceSetSources, describeFieldPath, describePathEntry, duplicateField, elementIcon, emptyFlowDefinition, enumChoiceSetFieldType, fieldAt, filterReferences, flattenFields, flowNodeWidth, flowNodeWidthClass, foldSourceConnectorId, foldTargetConnectorId, groupColorClass, groupRect, hasAutoSize, innerNamesOf, insertField, isClipboardPayload, isCustomConditionLogic, isEmptyReferenceFilter, isFieldResource, isFoldReference, isGlobalReference, isNumericType, isPathInside, isTypeCheckedOperator, isUnknownEnumChoiceSetField, isValidFlowName, isValued, loadPathLevel, matchesReferenceFilter, membersInside, moveCondition, moveField, navigatePath, otherSourceFieldsOf, outletByKey, outletsOf, parseCanvasFoldId, parseCanvasGroupId, parseCanvasNodeId, parseFieldPath, parseInvariantNumber, parseSourceConnectorId, parseTargetConnectorId, pathAvailableNames, pathContainerLabel, pathKey, pathNotVerifiableMessage, planPaste, recomputeMembers, referenceRoot, referencedRootsOf, remapConditionLogic, removeCondition, removeField, resolvePath, rewriteReferences, sameMembers, samePath, screenActionNames, screenFieldNames, severityBucket, slugifyFlowName, sourceConnectorId, stageStepNames, stageStepOutputReferenced, stepsOf, targetConnectorId, typeOfCollection, uniqueFlowName, valuedFieldOf, valuedFieldsOf, variantFieldOf, variantOf, variantPresetOf };
 //# sourceMappingURL=esfaenza-flow-builder.mjs.map