@esfaenza/flow-builder 20.3.37 → 20.3.39

package/fesm2022/esfaenza-flow-builder.mjs

@@ -1,6 +1,6 @@
 import { HttpClient, HttpErrorResponse, HttpParams } from '@angular/common/http';
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, signal, effect, Injectable, computed, DestroyRef, ElementRef, input, output, viewChild, ChangeDetectionStrategy, Component, untracked, Directive, Injector, afterNextRender } from '@angular/core';
+import { InjectionToken, inject, signal, effect, Injectable, computed, DestroyRef, ElementRef, input, output, viewChild, ChangeDetectionStrategy, Component, untracked, Directive, Injector, afterNextRender, linkedSignal } from '@angular/core';
 import { firstValueFrom } from 'rxjs';
 import dagre from 'dagre';
 import * as i1 from '@foblex/flow';
@@ -300,44 +300,19 @@ class FlowBuilderApi {
         return missing('describeStructure');
     }
     // -------------------------------------------------------------------------
-    // Esecuzione: i comandi «Esegui» e «Debug» della barra
+    // «Esegui» e «Debug» non stanno qui
     // -------------------------------------------------------------------------
     //
-    // Questi due non sono primitive del contratto: sono il punto in cui l'editor **passa la
-    // mano**. L'editor chiede i valori di ingresso in una finestra e poi chiama; cosa succeda
-    // dopo — un runner dell'ospite, una scheda nuova, un debugger vero — non lo sa e non deve
-    // saperlo. Sono opzionali come tutte le primitive che dipendono da un servizio dell'host, e
-    // il rifiuto `MissingService` e' la risposta giusta: il comando si spegne con un messaggio,
-    // l'editor resta usabile.
-    /**
-     * «Esegui»: avvia il flow **salvato** con i valori raccolti dalla finestra.
-     *
-     * Chi integra l'editor la implementa. Non c'e' un default che «prova» il flow: l'editor non
-     * ha un motore, e nascondere l'assenza dietro un'esecuzione finta e' il modo piu' veloce di
-     * far credere che un flow funzioni.
-     *
-     * Il ritorno e' **facoltativo** ed e' l'unica cosa che l'editor sa dell'esecuzione: un
-     * {@link FlowRunOutcome} finisce nel pannello «Debug» — stato, traccia, risorse, output —
-     * mentre `void` significa «guardo altrove», e l'editor dice solo che e' partita. Serve
-     * soprattutto ai flow **senza schermate**: lì non c'e' nessuna interfaccia del runtime in cui
-     * vedere cos'e' successo, e la traccia accanto al grafo e' tutto cio' che si ha.
-     */
-    runFlow(request) {
-        void request;
-        return missing('runFlow');
-    }
-    /**
-     * «Debug»: come {@link runFlow}, ma `request.debug` e' `true` — ed e' il caso in cui il
-     * ritorno conta davvero, perche' `trace` e `resources` esistono solo in debug (§6.5).
-     *
-     * Sono due metodi e non un flag perche' quasi sempre sono due strade diverse dell'ospite —
-     * l'una avvia e basta, l'altra apre un ispettore — e perche' un ambiente puo' esporre l'una
-     * senza l'altra: due `MissingService` distinti dicono quale delle due manca.
-     */
-    debugFlow(request) {
-        void request;
-        return missing('debugFlow');
-    }
+    // C'erano due primitive, `runFlow` e `debugFlow`, e non ci sono piu': avviare un'esecuzione
+    // non e' traffico verso il backend, e' una decisione dell'applicazione che ospita l'editor —
+    // una navigazione, una chiamata a delle sue API, una finestra con l'interview dentro. Farla
+    // passare da questa interfaccia costringeva l'ospite a rispondere una promessa dentro
+    // un'implementazione di trasporto, cioe' a mettere l'interfaccia utente dove sta l'HTTP.
+    //
+    // Oggi i due comandi sono un **output** del componente (`runRequested`, payload
+    // `FlowRunRequest`) e l'esito facoltativo torna dall'input `runOutcome`. Corollario:
+    // non c'e' nessun `MissingService` da gestire su «Esegui» — un ospite che non ascolta
+    // l'output semplicemente non fa niente.
     // -------------------------------------------------------------------------
     // §6.5 Provare un flow dall'editor
     // -------------------------------------------------------------------------
@@ -14242,6 +14217,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.
  *
@@ -14267,9 +14292,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
@@ -14278,10 +14304,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);
@@ -14319,44 +14341,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();
     }
@@ -14536,19 +14522,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 = [
     {
@@ -14601,21 +14623,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
@@ -14623,42 +14666,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);
     }
-    toggleEdit(index) {
-        this.editingIndex.set(this.editingIndex() === index ? null : index);
+    isEditing(reference) {
+        const editing = this.editing();
+        return !!editing && editing.collection === reference.collection && editing.index === reference.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());
@@ -14682,7 +14734,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.
@@ -14721,14 +14775,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];
@@ -14738,11 +14861,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;
@@ -14757,26 +14881,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
@@ -14784,11 +14946,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];
@@ -14805,15 +14965,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
@@ -14835,114 +14995,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'];
-    }
-    close() {
-        this.closed.emit();
+    value() {
+        return this.resource()['value'];
     }
-    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,
@@ -14951,8 +15064,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.
@@ -15371,9 +15553,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImpo
  *
  * L'editor non esegue niente. Qui si raccoglie l'unica cosa che l'esecuzione non puo' inventare
  * — i valori delle variabili `isInput`, cioe' il contratto del flow verso chi lo invoca (§4.6) —
- * e li si consegna a `FlowBuilderApi.runFlow` / `debugFlow`. Chi integra l'editor decide cosa
- * significhi «eseguire»; senza implementazione il comando fallisce con `MissingService` e
- * l'editor lo dice, invece di fingere un avvio.
+ * e si **annuncia** il comando con l'output `runRequested` del builder. Chi integra l'editor
+ * decide cosa significhi «eseguire»: nessuna primitiva viene chiamata, quindi non c'e' nemmeno un
+ * avvio da fingere.
  *
  * Tre cose che il form generato tratta come dette:
  *  1. il tipo dichiarato **vince** anche in scrittura (§6.5): un `Number` si manda come numero,
@@ -15387,14 +15569,14 @@ class RunDialogComponent {
     store = inject(FlowDocumentStore);
     dictionaries = inject(FlowDictionaryStore);
     catalog = inject(FlowCatalogStore);
-    /** `debug` cambia il titolo, l'avviso sui dati e quale primitiva verra' chiamata. */
+    /** `debug` cambia il titolo, l'avviso sui dati e il flag nel payload annunciato. */
     mode = input.required(...(ngDevMode ? [{ debugName: "mode" }] : []));
     /** Il flow che verra' eseguito: e' quello **salvato**, non il documento in mano. */
     flowName = input(null, ...(ngDevMode ? [{ debugName: "flowName" }] : []));
     version = input(null, ...(ngDevMode ? [{ debugName: "version" }] : []));
     /** Con modifiche non salvate si esegue la versione salvata: dirlo evita la sorpresa. */
     isDirty = input(false, ...(ngDevMode ? [{ debugName: "isDirty" }] : []));
-    /** L'ospite sta ancora rispondendo: il bottone resta spento invece di ripartire. */
+    /** L'ospite dice che l'esecuzione di prima e' in corso: il bottone resta spento. */
     isBusy = input(false, ...(ngDevMode ? [{ debugName: "isBusy" }] : []));
     confirmed = output();
     cancelled = output();
@@ -15549,8 +15731,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImpo
 /**
  * Il pannello «Debug»: cosa e' successo nell'ultima esecuzione lanciata dalla barra.
  *
- * Non conduce niente — l'esecuzione e' dell'applicazione ospite, e questo pannello **guarda**
- * cio' che `runFlow`/`debugFlow` hanno restituito. Esiste per il caso in cui non c'e' nient'altro
+ * Non conduce niente — l'esecuzione e' dell'applicazione ospite, che l'editor ha soltanto
+ * annunciato con `runRequested`, e questo pannello **guarda** cio' che l'ospite ha voluto
+ * ridargli dall'input `runOutcome`. Esiste per il caso in cui non c'e' nient'altro
  * da guardare: un flow senza schermate (`AutoLaunched`, o un'orchestrazione tutta in background)
  * non apre nessuna interfaccia del runtime, quindi la traccia accanto al grafo e' l'unico modo di
  * sapere quali elementi sono stati eseguiti e in che ordine. Da lì si torna sull'elemento con un
@@ -15561,8 +15744,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImpo
  *     E `NotStarted` significa che i criteri dello Start non erano soddisfatti.
  *  2. `trace` e `resources` arrivano solo con `debug: true`, e riportano i valori di **tutte**
  *     le risorse — dati personali compresi: l'avviso e' in chiaro, non in una tooltip.
- *  3. l'ospite puo' non restituire niente: allora non c'e' niente da mostrare, e il pannello lo
- *     dice invece di sembrare rotto.
+ *  3. l'ospite puo' non ridare niente: allora non c'e' niente da mostrare, e il pannello lo
+ *     dice invece di sembrare rotto — anche perche' molto spesso l'esecuzione si guarda a casa
+ *     sua, e questo pannello serve a chi non ha una casa dove guardarla.
  */
 class DebugPanelComponent {
     /** L'esito dell'ultima esecuzione; `null` = non ne e' ancora stata lanciata una. */
@@ -15638,11 +15822,11 @@ class DebugPanelComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: DebugPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: DebugPanelComponent, isStandalone: true, selector: "fb-debug-panel", inputs: { outcome: { classPropertyName: "outcome", publicName: "outcome", isSignal: true, isRequired: false, transformFunction: null }, wasDebug: { classPropertyName: "wasDebug", publicName: "wasDebug", isSignal: true, isRequired: false, transformFunction: null }, isRunning: { classPropertyName: "isRunning", publicName: "isRunning", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", elementFocused: "elementFocused", cleared: "cleared" }, ngImport: i0, template: "<header class=\"fb-dbg__header\">\r\n  <h2 class=\"fb-dbg__title\">Debug</h2>\r\n  @if (outcome()) {\r\n    <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" title=\"Svuota\" (click)=\"clear()\">Svuota</button>\r\n  }\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-dbg__body\">\r\n  @if (isRunning()) {\r\n    <p class=\"fb-field__hint\">Esecuzione in corso\u2026</p>\r\n  }\r\n\r\n  @if (!outcome() && !isRunning()) {\r\n    <!--\r\n      Non e\u2019 un errore: e\u2019 lo stato iniziale. Il pannello serve soprattutto ai flow senza\r\n      schermate, dove non c\u2019e\u2019 nessun\u2019altra interfaccia in cui guardare la traccia.\r\n    -->\r\n    <p class=\"fb-field__hint\">\r\n      Nessuna esecuzione. Usa <strong>Esegui</strong> o <strong>Debug</strong> nella barra in alto: qui\r\n      compare cio\u2019 che l\u2019applicazione restituisce \u2014 stato, traccia degli elementi eseguiti, risorse e\r\n      output.\r\n    </p>\r\n  }\r\n\r\n  @if (isEmptyOutcome()) {\r\n    <!--\r\n      L\u2019ospite ha risposto, ma senza niente da mostrare. Distinto dal caso \u00ABnessuna esecuzione\u00BB\r\n      perche\u2019 il rimedio e\u2019 un altro: qui manca un pezzo dell\u2019implementazione di runFlow.\r\n    -->\r\n    <p class=\"fb-callout\">\r\n      L\u2019esecuzione e\u2019 partita, ma l\u2019applicazione non ha restituito nessun dettaglio da mostrare.\r\n    </p>\r\n  }\r\n\r\n  @if (outcome(); as run) {\r\n    @if (status() || run.steps) {\r\n      <div class=\"fb-dbg__status\">\r\n        @if (status()) {\r\n          <span\r\n            class=\"fb-dbg__badge\"\r\n            [class.fb-dbg__badge--ok]=\"status() === 'Completed'\"\r\n            [class.fb-dbg__badge--fail]=\"status() === 'Failed'\"\r\n            [class.fb-dbg__badge--wait]=\"status() === 'WaitingForScreen'\"\r\n          >\r\n            {{ statusLabel() }}\r\n          </span>\r\n        }\r\n        @if (run.currentElementName) {\r\n          <!-- Dove si e\u2019 fermata: cliccarlo porta sull\u2019elemento, come le righe della traccia. -->\r\n          <button type=\"button\" class=\"fb-dbg__current\" (click)=\"elementFocused.emit(run.currentElementName!)\">\r\n            su {{ run.currentElementName }}\r\n          </button>\r\n        }\r\n        @if (run.steps) {\r\n          <span class=\"fb-dbg__steps\">{{ run.steps }} passi</span>\r\n        }\r\n      </div>\r\n    }\r\n\r\n    @if (statusNote()) {\r\n      <p class=\"fb-callout\">{{ statusNote() }}</p>\r\n    }\r\n\r\n    @if (run.fault) {\r\n      <p class=\"fb-callout fb-callout--error\">{{ run.fault }}</p>\r\n    }\r\n    @for (message of run.errors || []; track $index) {\r\n      <p class=\"fb-callout fb-callout--error\">{{ message }}</p>\r\n    }\r\n\r\n    @if (outputRows().length) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Output del flow</legend>\r\n        <table class=\"fb-dbg__table\">\r\n          <tbody>\r\n            @for (row of outputRows(); track row.name) {\r\n              <tr>\r\n                <th scope=\"row\">{{ row.name }}</th>\r\n                <td class=\"fb-dbg__type\">{{ row.type }}</td>\r\n                <td>{{ row.value }}</td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n        </table>\r\n      </fieldset>\r\n    }\r\n\r\n    @if (trace().length) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Traccia</legend>\r\n        <p class=\"fb-callout fb-callout--warn\">\r\n          La traccia riporta i valori di <strong>tutte</strong> le risorse, dati personali compresi.\r\n        </p>\r\n        <ol class=\"fb-dbg__trace\">\r\n          @for (entry of trace(); track $index) {\r\n            <li class=\"fb-dbg__trace-item\">\r\n              <span class=\"fb-dbg__trace-seq\">{{ entry.sequence }}</span>\r\n              @if (entry.elementName) {\r\n                <!-- L\u2019ancora: dalla riga della traccia all\u2019elemento sul canvas. -->\r\n                <button type=\"button\" class=\"fb-dbg__trace-el\" (click)=\"elementFocused.emit(entry.elementName!)\">\r\n                  {{ entry.elementName }}\r\n                </button>\r\n              }\r\n              <span class=\"fb-dbg__trace-msg\">{{ entry.message }}</span>\r\n            </li>\r\n          }\r\n        </ol>\r\n      </fieldset>\r\n    } @else if (!wasDebug() && !isEmptyOutcome()) {\r\n      <!-- Non e\u2019 un difetto: `trace` e `resources` esistono solo con `debug: true` (\u00A76.5). -->\r\n      <p class=\"fb-field__hint\">\r\n        Traccia e risorse arrivano solo con il comando <strong>Debug</strong>.\r\n      </p>\r\n    }\r\n\r\n    @if (resourceRows().length) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Risorse</legend>\r\n        <table class=\"fb-dbg__table\">\r\n          <tbody>\r\n            @for (row of resourceRows(); track row.name) {\r\n              <tr>\r\n                <th scope=\"row\">{{ row.name }}</th>\r\n                <td class=\"fb-dbg__type\">{{ row.type }}</td>\r\n                <td>{{ row.value }}</td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n        </table>\r\n      </fieldset>\r\n    }\r\n  }\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--fb-surface, #fff)}.fb-dbg__header{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-dbg__title{margin:0 auto 0 0;font-size:14px;font-weight:600;color:var(--fb-text, #1d2939)}.fb-dbg__body{flex:1;min-height:0;overflow-y:auto;padding:10px 12px}.fb-dbg__status{display:flex;align-items:center;gap:8px;margin-bottom:10px}.fb-dbg__badge{padding:2px 8px;border-radius:10px;background:var(--fb-border, #d6dae1);font-size:11px;font-weight:600;color:var(--fb-text, #1d2939)}.fb-dbg__badge--ok{background:color-mix(in srgb,var(--fb-success, #3f8f5f) 18%,transparent);color:var(--fb-success, #3f8f5f)}.fb-dbg__badge--fail{background:color-mix(in srgb,var(--fb-error, #c9372c) 14%,transparent);color:var(--fb-error, #c9372c)}.fb-dbg__badge--wait{background:color-mix(in srgb,var(--fb-accent, #2f6feb) 12%,transparent);color:var(--fb-accent, #2f6feb)}.fb-dbg__steps{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-dbg__current{padding:0;border:0;background:transparent;color:var(--fb-accent, #2f6feb);font:inherit;font-size:10px;cursor:pointer;text-decoration:underline}.fb-dbg__type{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:var(--fb-text-subtle, #98a2b3)}.fb-dbg__table{width:100%;border-collapse:collapse;font-size:11px}.fb-dbg__table caption{padding-bottom:3px;font-size:10px;color:var(--fb-text-subtle, #98a2b3);text-align:left}.fb-dbg__table th,.fb-dbg__table td{padding:3px 5px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee);text-align:left;vertical-align:top}.fb-dbg__table th{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600;color:var(--fb-text, #1d2939)}.fb-dbg__table td{color:var(--fb-text-muted, #667085);word-break:break-word}.fb-dbg__trace{margin:0;padding:0;list-style:none}.fb-dbg__trace-item{display:flex;gap:6px;padding:3px 0;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee);font-size:11px}.fb-dbg__trace-seq{flex:0 0 auto;width:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:var(--fb-text-subtle, #98a2b3);text-align:right}.fb-dbg__trace-el{flex:0 0 auto;padding:0;border:0;background:transparent;color:var(--fb-accent, #2f6feb);font:inherit;font-size:10px;cursor:pointer;text-decoration:underline}.fb-dbg__trace-msg{color:var(--fb-text-muted, #667085);line-height:1.35}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: DebugPanelComponent, isStandalone: true, selector: "fb-debug-panel", inputs: { outcome: { classPropertyName: "outcome", publicName: "outcome", isSignal: true, isRequired: false, transformFunction: null }, wasDebug: { classPropertyName: "wasDebug", publicName: "wasDebug", isSignal: true, isRequired: false, transformFunction: null }, isRunning: { classPropertyName: "isRunning", publicName: "isRunning", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", elementFocused: "elementFocused", cleared: "cleared" }, ngImport: i0, template: "<header class=\"fb-dbg__header\">\r\n  <h2 class=\"fb-dbg__title\">Debug</h2>\r\n  @if (outcome()) {\r\n    <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" title=\"Svuota\" (click)=\"clear()\">Svuota</button>\r\n  }\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-dbg__body\">\r\n  @if (isRunning()) {\r\n    <p class=\"fb-field__hint\">Esecuzione in corso\u2026</p>\r\n  }\r\n\r\n  @if (!outcome() && !isRunning()) {\r\n    <!--\r\n      Non e\u2019 un errore: e\u2019 lo stato iniziale. Il pannello serve soprattutto ai flow senza\r\n      schermate, dove non c\u2019e\u2019 nessun\u2019altra interfaccia in cui guardare la traccia.\r\n    -->\r\n    <p class=\"fb-field__hint\">\r\n      Nessuna esecuzione. Usa <strong>Esegui</strong> o <strong>Debug</strong> nella barra in alto: qui\r\n      compare cio\u2019 che l\u2019applicazione decide di ridare all\u2019editor \u2014 stato, traccia degli elementi\r\n      eseguiti, risorse e output.\r\n    </p>\r\n  }\r\n\r\n  @if (isEmptyOutcome()) {\r\n    <!--\r\n      L\u2019ospite ha risposto, ma senza niente da mostrare. Distinto dal caso \u00ABnessuna esecuzione\u00BB\r\n      perche\u2019 il rimedio e\u2019 un altro: qui l\u2019esito che l\u2019ospite ha passato non contiene niente.\r\n    -->\r\n    <p class=\"fb-callout\">\r\n      L\u2019esecuzione e\u2019 partita, ma l\u2019applicazione non ha passato nessun dettaglio da mostrare.\r\n    </p>\r\n  }\r\n\r\n  @if (outcome(); as run) {\r\n    @if (status() || run.steps) {\r\n      <div class=\"fb-dbg__status\">\r\n        @if (status()) {\r\n          <span\r\n            class=\"fb-dbg__badge\"\r\n            [class.fb-dbg__badge--ok]=\"status() === 'Completed'\"\r\n            [class.fb-dbg__badge--fail]=\"status() === 'Failed'\"\r\n            [class.fb-dbg__badge--wait]=\"status() === 'WaitingForScreen'\"\r\n          >\r\n            {{ statusLabel() }}\r\n          </span>\r\n        }\r\n        @if (run.currentElementName) {\r\n          <!-- Dove si e\u2019 fermata: cliccarlo porta sull\u2019elemento, come le righe della traccia. -->\r\n          <button type=\"button\" class=\"fb-dbg__current\" (click)=\"elementFocused.emit(run.currentElementName!)\">\r\n            su {{ run.currentElementName }}\r\n          </button>\r\n        }\r\n        @if (run.steps) {\r\n          <span class=\"fb-dbg__steps\">{{ run.steps }} passi</span>\r\n        }\r\n      </div>\r\n    }\r\n\r\n    @if (statusNote()) {\r\n      <p class=\"fb-callout\">{{ statusNote() }}</p>\r\n    }\r\n\r\n    @if (run.fault) {\r\n      <p class=\"fb-callout fb-callout--error\">{{ run.fault }}</p>\r\n    }\r\n    @for (message of run.errors || []; track $index) {\r\n      <p class=\"fb-callout fb-callout--error\">{{ message }}</p>\r\n    }\r\n\r\n    @if (outputRows().length) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Output del flow</legend>\r\n        <table class=\"fb-dbg__table\">\r\n          <tbody>\r\n            @for (row of outputRows(); track row.name) {\r\n              <tr>\r\n                <th scope=\"row\">{{ row.name }}</th>\r\n                <td class=\"fb-dbg__type\">{{ row.type }}</td>\r\n                <td>{{ row.value }}</td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n        </table>\r\n      </fieldset>\r\n    }\r\n\r\n    @if (trace().length) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Traccia</legend>\r\n        <p class=\"fb-callout fb-callout--warn\">\r\n          La traccia riporta i valori di <strong>tutte</strong> le risorse, dati personali compresi.\r\n        </p>\r\n        <ol class=\"fb-dbg__trace\">\r\n          @for (entry of trace(); track $index) {\r\n            <li class=\"fb-dbg__trace-item\">\r\n              <span class=\"fb-dbg__trace-seq\">{{ entry.sequence }}</span>\r\n              @if (entry.elementName) {\r\n                <!-- L\u2019ancora: dalla riga della traccia all\u2019elemento sul canvas. -->\r\n                <button type=\"button\" class=\"fb-dbg__trace-el\" (click)=\"elementFocused.emit(entry.elementName!)\">\r\n                  {{ entry.elementName }}\r\n                </button>\r\n              }\r\n              <span class=\"fb-dbg__trace-msg\">{{ entry.message }}</span>\r\n            </li>\r\n          }\r\n        </ol>\r\n      </fieldset>\r\n    } @else if (!wasDebug() && !isEmptyOutcome()) {\r\n      <!-- Non e\u2019 un difetto: `trace` e `resources` esistono solo con `debug: true` (\u00A76.5). -->\r\n      <p class=\"fb-field__hint\">\r\n        Traccia e risorse arrivano solo con il comando <strong>Debug</strong>.\r\n      </p>\r\n    }\r\n\r\n    @if (resourceRows().length) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Risorse</legend>\r\n        <table class=\"fb-dbg__table\">\r\n          <tbody>\r\n            @for (row of resourceRows(); track row.name) {\r\n              <tr>\r\n                <th scope=\"row\">{{ row.name }}</th>\r\n                <td class=\"fb-dbg__type\">{{ row.type }}</td>\r\n                <td>{{ row.value }}</td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n        </table>\r\n      </fieldset>\r\n    }\r\n  }\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--fb-surface, #fff)}.fb-dbg__header{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-dbg__title{margin:0 auto 0 0;font-size:14px;font-weight:600;color:var(--fb-text, #1d2939)}.fb-dbg__body{flex:1;min-height:0;overflow-y:auto;padding:10px 12px}.fb-dbg__status{display:flex;align-items:center;gap:8px;margin-bottom:10px}.fb-dbg__badge{padding:2px 8px;border-radius:10px;background:var(--fb-border, #d6dae1);font-size:11px;font-weight:600;color:var(--fb-text, #1d2939)}.fb-dbg__badge--ok{background:color-mix(in srgb,var(--fb-success, #3f8f5f) 18%,transparent);color:var(--fb-success, #3f8f5f)}.fb-dbg__badge--fail{background:color-mix(in srgb,var(--fb-error, #c9372c) 14%,transparent);color:var(--fb-error, #c9372c)}.fb-dbg__badge--wait{background:color-mix(in srgb,var(--fb-accent, #2f6feb) 12%,transparent);color:var(--fb-accent, #2f6feb)}.fb-dbg__steps{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-dbg__current{padding:0;border:0;background:transparent;color:var(--fb-accent, #2f6feb);font:inherit;font-size:10px;cursor:pointer;text-decoration:underline}.fb-dbg__type{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:var(--fb-text-subtle, #98a2b3)}.fb-dbg__table{width:100%;border-collapse:collapse;font-size:11px}.fb-dbg__table caption{padding-bottom:3px;font-size:10px;color:var(--fb-text-subtle, #98a2b3);text-align:left}.fb-dbg__table th,.fb-dbg__table td{padding:3px 5px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee);text-align:left;vertical-align:top}.fb-dbg__table th{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600;color:var(--fb-text, #1d2939)}.fb-dbg__table td{color:var(--fb-text-muted, #667085);word-break:break-word}.fb-dbg__trace{margin:0;padding:0;list-style:none}.fb-dbg__trace-item{display:flex;gap:6px;padding:3px 0;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee);font-size:11px}.fb-dbg__trace-seq{flex:0 0 auto;width:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:var(--fb-text-subtle, #98a2b3);text-align:right}.fb-dbg__trace-el{flex:0 0 auto;padding:0;border:0;background:transparent;color:var(--fb-accent, #2f6feb);font:inherit;font-size:10px;cursor:pointer;text-decoration:underline}.fb-dbg__trace-msg{color:var(--fb-text-muted, #667085);line-height:1.35}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: DebugPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-debug-panel', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"fb-dbg__header\">\r\n  <h2 class=\"fb-dbg__title\">Debug</h2>\r\n  @if (outcome()) {\r\n    <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" title=\"Svuota\" (click)=\"clear()\">Svuota</button>\r\n  }\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-dbg__body\">\r\n  @if (isRunning()) {\r\n    <p class=\"fb-field__hint\">Esecuzione in corso\u2026</p>\r\n  }\r\n\r\n  @if (!outcome() && !isRunning()) {\r\n    <!--\r\n      Non e\u2019 un errore: e\u2019 lo stato iniziale. Il pannello serve soprattutto ai flow senza\r\n      schermate, dove non c\u2019e\u2019 nessun\u2019altra interfaccia in cui guardare la traccia.\r\n    -->\r\n    <p class=\"fb-field__hint\">\r\n      Nessuna esecuzione. Usa <strong>Esegui</strong> o <strong>Debug</strong> nella barra in alto: qui\r\n      compare cio\u2019 che l\u2019applicazione restituisce \u2014 stato, traccia degli elementi eseguiti, risorse e\r\n      output.\r\n    </p>\r\n  }\r\n\r\n  @if (isEmptyOutcome()) {\r\n    <!--\r\n      L\u2019ospite ha risposto, ma senza niente da mostrare. Distinto dal caso \u00ABnessuna esecuzione\u00BB\r\n      perche\u2019 il rimedio e\u2019 un altro: qui manca un pezzo dell\u2019implementazione di runFlow.\r\n    -->\r\n    <p class=\"fb-callout\">\r\n      L\u2019esecuzione e\u2019 partita, ma l\u2019applicazione non ha restituito nessun dettaglio da mostrare.\r\n    </p>\r\n  }\r\n\r\n  @if (outcome(); as run) {\r\n    @if (status() || run.steps) {\r\n      <div class=\"fb-dbg__status\">\r\n        @if (status()) {\r\n          <span\r\n            class=\"fb-dbg__badge\"\r\n            [class.fb-dbg__badge--ok]=\"status() === 'Completed'\"\r\n            [class.fb-dbg__badge--fail]=\"status() === 'Failed'\"\r\n            [class.fb-dbg__badge--wait]=\"status() === 'WaitingForScreen'\"\r\n          >\r\n            {{ statusLabel() }}\r\n          </span>\r\n        }\r\n        @if (run.currentElementName) {\r\n          <!-- Dove si e\u2019 fermata: cliccarlo porta sull\u2019elemento, come le righe della traccia. -->\r\n          <button type=\"button\" class=\"fb-dbg__current\" (click)=\"elementFocused.emit(run.currentElementName!)\">\r\n            su {{ run.currentElementName }}\r\n          </button>\r\n        }\r\n        @if (run.steps) {\r\n          <span class=\"fb-dbg__steps\">{{ run.steps }} passi</span>\r\n        }\r\n      </div>\r\n    }\r\n\r\n    @if (statusNote()) {\r\n      <p class=\"fb-callout\">{{ statusNote() }}</p>\r\n    }\r\n\r\n    @if (run.fault) {\r\n      <p class=\"fb-callout fb-callout--error\">{{ run.fault }}</p>\r\n    }\r\n    @for (message of run.errors || []; track $index) {\r\n      <p class=\"fb-callout fb-callout--error\">{{ message }}</p>\r\n    }\r\n\r\n    @if (outputRows().length) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Output del flow</legend>\r\n        <table class=\"fb-dbg__table\">\r\n          <tbody>\r\n            @for (row of outputRows(); track row.name) {\r\n              <tr>\r\n                <th scope=\"row\">{{ row.name }}</th>\r\n                <td class=\"fb-dbg__type\">{{ row.type }}</td>\r\n                <td>{{ row.value }}</td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n        </table>\r\n      </fieldset>\r\n    }\r\n\r\n    @if (trace().length) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Traccia</legend>\r\n        <p class=\"fb-callout fb-callout--warn\">\r\n          La traccia riporta i valori di <strong>tutte</strong> le risorse, dati personali compresi.\r\n        </p>\r\n        <ol class=\"fb-dbg__trace\">\r\n          @for (entry of trace(); track $index) {\r\n            <li class=\"fb-dbg__trace-item\">\r\n              <span class=\"fb-dbg__trace-seq\">{{ entry.sequence }}</span>\r\n              @if (entry.elementName) {\r\n                <!-- L\u2019ancora: dalla riga della traccia all\u2019elemento sul canvas. -->\r\n                <button type=\"button\" class=\"fb-dbg__trace-el\" (click)=\"elementFocused.emit(entry.elementName!)\">\r\n                  {{ entry.elementName }}\r\n                </button>\r\n              }\r\n              <span class=\"fb-dbg__trace-msg\">{{ entry.message }}</span>\r\n            </li>\r\n          }\r\n        </ol>\r\n      </fieldset>\r\n    } @else if (!wasDebug() && !isEmptyOutcome()) {\r\n      <!-- Non e\u2019 un difetto: `trace` e `resources` esistono solo con `debug: true` (\u00A76.5). -->\r\n      <p class=\"fb-field__hint\">\r\n        Traccia e risorse arrivano solo con il comando <strong>Debug</strong>.\r\n      </p>\r\n    }\r\n\r\n    @if (resourceRows().length) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Risorse</legend>\r\n        <table class=\"fb-dbg__table\">\r\n          <tbody>\r\n            @for (row of resourceRows(); track row.name) {\r\n              <tr>\r\n                <th scope=\"row\">{{ row.name }}</th>\r\n                <td class=\"fb-dbg__type\">{{ row.type }}</td>\r\n                <td>{{ row.value }}</td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n        </table>\r\n      </fieldset>\r\n    }\r\n  }\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--fb-surface, #fff)}.fb-dbg__header{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-dbg__title{margin:0 auto 0 0;font-size:14px;font-weight:600;color:var(--fb-text, #1d2939)}.fb-dbg__body{flex:1;min-height:0;overflow-y:auto;padding:10px 12px}.fb-dbg__status{display:flex;align-items:center;gap:8px;margin-bottom:10px}.fb-dbg__badge{padding:2px 8px;border-radius:10px;background:var(--fb-border, #d6dae1);font-size:11px;font-weight:600;color:var(--fb-text, #1d2939)}.fb-dbg__badge--ok{background:color-mix(in srgb,var(--fb-success, #3f8f5f) 18%,transparent);color:var(--fb-success, #3f8f5f)}.fb-dbg__badge--fail{background:color-mix(in srgb,var(--fb-error, #c9372c) 14%,transparent);color:var(--fb-error, #c9372c)}.fb-dbg__badge--wait{background:color-mix(in srgb,var(--fb-accent, #2f6feb) 12%,transparent);color:var(--fb-accent, #2f6feb)}.fb-dbg__steps{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-dbg__current{padding:0;border:0;background:transparent;color:var(--fb-accent, #2f6feb);font:inherit;font-size:10px;cursor:pointer;text-decoration:underline}.fb-dbg__type{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:var(--fb-text-subtle, #98a2b3)}.fb-dbg__table{width:100%;border-collapse:collapse;font-size:11px}.fb-dbg__table caption{padding-bottom:3px;font-size:10px;color:var(--fb-text-subtle, #98a2b3);text-align:left}.fb-dbg__table th,.fb-dbg__table td{padding:3px 5px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee);text-align:left;vertical-align:top}.fb-dbg__table th{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600;color:var(--fb-text, #1d2939)}.fb-dbg__table td{color:var(--fb-text-muted, #667085);word-break:break-word}.fb-dbg__trace{margin:0;padding:0;list-style:none}.fb-dbg__trace-item{display:flex;gap:6px;padding:3px 0;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee);font-size:11px}.fb-dbg__trace-seq{flex:0 0 auto;width:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:var(--fb-text-subtle, #98a2b3);text-align:right}.fb-dbg__trace-el{flex:0 0 auto;padding:0;border:0;background:transparent;color:var(--fb-accent, #2f6feb);font:inherit;font-size:10px;cursor:pointer;text-decoration:underline}.fb-dbg__trace-msg{color:var(--fb-text-muted, #667085);line-height:1.35}\n"] }]
+            args: [{ selector: 'fb-debug-panel', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"fb-dbg__header\">\r\n  <h2 class=\"fb-dbg__title\">Debug</h2>\r\n  @if (outcome()) {\r\n    <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" title=\"Svuota\" (click)=\"clear()\">Svuota</button>\r\n  }\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-dbg__body\">\r\n  @if (isRunning()) {\r\n    <p class=\"fb-field__hint\">Esecuzione in corso\u2026</p>\r\n  }\r\n\r\n  @if (!outcome() && !isRunning()) {\r\n    <!--\r\n      Non e\u2019 un errore: e\u2019 lo stato iniziale. Il pannello serve soprattutto ai flow senza\r\n      schermate, dove non c\u2019e\u2019 nessun\u2019altra interfaccia in cui guardare la traccia.\r\n    -->\r\n    <p class=\"fb-field__hint\">\r\n      Nessuna esecuzione. Usa <strong>Esegui</strong> o <strong>Debug</strong> nella barra in alto: qui\r\n      compare cio\u2019 che l\u2019applicazione decide di ridare all\u2019editor \u2014 stato, traccia degli elementi\r\n      eseguiti, risorse e output.\r\n    </p>\r\n  }\r\n\r\n  @if (isEmptyOutcome()) {\r\n    <!--\r\n      L\u2019ospite ha risposto, ma senza niente da mostrare. Distinto dal caso \u00ABnessuna esecuzione\u00BB\r\n      perche\u2019 il rimedio e\u2019 un altro: qui l\u2019esito che l\u2019ospite ha passato non contiene niente.\r\n    -->\r\n    <p class=\"fb-callout\">\r\n      L\u2019esecuzione e\u2019 partita, ma l\u2019applicazione non ha passato nessun dettaglio da mostrare.\r\n    </p>\r\n  }\r\n\r\n  @if (outcome(); as run) {\r\n    @if (status() || run.steps) {\r\n      <div class=\"fb-dbg__status\">\r\n        @if (status()) {\r\n          <span\r\n            class=\"fb-dbg__badge\"\r\n            [class.fb-dbg__badge--ok]=\"status() === 'Completed'\"\r\n            [class.fb-dbg__badge--fail]=\"status() === 'Failed'\"\r\n            [class.fb-dbg__badge--wait]=\"status() === 'WaitingForScreen'\"\r\n          >\r\n            {{ statusLabel() }}\r\n          </span>\r\n        }\r\n        @if (run.currentElementName) {\r\n          <!-- Dove si e\u2019 fermata: cliccarlo porta sull\u2019elemento, come le righe della traccia. -->\r\n          <button type=\"button\" class=\"fb-dbg__current\" (click)=\"elementFocused.emit(run.currentElementName!)\">\r\n            su {{ run.currentElementName }}\r\n          </button>\r\n        }\r\n        @if (run.steps) {\r\n          <span class=\"fb-dbg__steps\">{{ run.steps }} passi</span>\r\n        }\r\n      </div>\r\n    }\r\n\r\n    @if (statusNote()) {\r\n      <p class=\"fb-callout\">{{ statusNote() }}</p>\r\n    }\r\n\r\n    @if (run.fault) {\r\n      <p class=\"fb-callout fb-callout--error\">{{ run.fault }}</p>\r\n    }\r\n    @for (message of run.errors || []; track $index) {\r\n      <p class=\"fb-callout fb-callout--error\">{{ message }}</p>\r\n    }\r\n\r\n    @if (outputRows().length) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Output del flow</legend>\r\n        <table class=\"fb-dbg__table\">\r\n          <tbody>\r\n            @for (row of outputRows(); track row.name) {\r\n              <tr>\r\n                <th scope=\"row\">{{ row.name }}</th>\r\n                <td class=\"fb-dbg__type\">{{ row.type }}</td>\r\n                <td>{{ row.value }}</td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n        </table>\r\n      </fieldset>\r\n    }\r\n\r\n    @if (trace().length) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Traccia</legend>\r\n        <p class=\"fb-callout fb-callout--warn\">\r\n          La traccia riporta i valori di <strong>tutte</strong> le risorse, dati personali compresi.\r\n        </p>\r\n        <ol class=\"fb-dbg__trace\">\r\n          @for (entry of trace(); track $index) {\r\n            <li class=\"fb-dbg__trace-item\">\r\n              <span class=\"fb-dbg__trace-seq\">{{ entry.sequence }}</span>\r\n              @if (entry.elementName) {\r\n                <!-- L\u2019ancora: dalla riga della traccia all\u2019elemento sul canvas. -->\r\n                <button type=\"button\" class=\"fb-dbg__trace-el\" (click)=\"elementFocused.emit(entry.elementName!)\">\r\n                  {{ entry.elementName }}\r\n                </button>\r\n              }\r\n              <span class=\"fb-dbg__trace-msg\">{{ entry.message }}</span>\r\n            </li>\r\n          }\r\n        </ol>\r\n      </fieldset>\r\n    } @else if (!wasDebug() && !isEmptyOutcome()) {\r\n      <!-- Non e\u2019 un difetto: `trace` e `resources` esistono solo con `debug: true` (\u00A76.5). -->\r\n      <p class=\"fb-field__hint\">\r\n        Traccia e risorse arrivano solo con il comando <strong>Debug</strong>.\r\n      </p>\r\n    }\r\n\r\n    @if (resourceRows().length) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Risorse</legend>\r\n        <table class=\"fb-dbg__table\">\r\n          <tbody>\r\n            @for (row of resourceRows(); track row.name) {\r\n              <tr>\r\n                <th scope=\"row\">{{ row.name }}</th>\r\n                <td class=\"fb-dbg__type\">{{ row.type }}</td>\r\n                <td>{{ row.value }}</td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n        </table>\r\n      </fieldset>\r\n    }\r\n  }\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--fb-surface, #fff)}.fb-dbg__header{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-dbg__title{margin:0 auto 0 0;font-size:14px;font-weight:600;color:var(--fb-text, #1d2939)}.fb-dbg__body{flex:1;min-height:0;overflow-y:auto;padding:10px 12px}.fb-dbg__status{display:flex;align-items:center;gap:8px;margin-bottom:10px}.fb-dbg__badge{padding:2px 8px;border-radius:10px;background:var(--fb-border, #d6dae1);font-size:11px;font-weight:600;color:var(--fb-text, #1d2939)}.fb-dbg__badge--ok{background:color-mix(in srgb,var(--fb-success, #3f8f5f) 18%,transparent);color:var(--fb-success, #3f8f5f)}.fb-dbg__badge--fail{background:color-mix(in srgb,var(--fb-error, #c9372c) 14%,transparent);color:var(--fb-error, #c9372c)}.fb-dbg__badge--wait{background:color-mix(in srgb,var(--fb-accent, #2f6feb) 12%,transparent);color:var(--fb-accent, #2f6feb)}.fb-dbg__steps{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-dbg__current{padding:0;border:0;background:transparent;color:var(--fb-accent, #2f6feb);font:inherit;font-size:10px;cursor:pointer;text-decoration:underline}.fb-dbg__type{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:var(--fb-text-subtle, #98a2b3)}.fb-dbg__table{width:100%;border-collapse:collapse;font-size:11px}.fb-dbg__table caption{padding-bottom:3px;font-size:10px;color:var(--fb-text-subtle, #98a2b3);text-align:left}.fb-dbg__table th,.fb-dbg__table td{padding:3px 5px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee);text-align:left;vertical-align:top}.fb-dbg__table th{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600;color:var(--fb-text, #1d2939)}.fb-dbg__table td{color:var(--fb-text-muted, #667085);word-break:break-word}.fb-dbg__trace{margin:0;padding:0;list-style:none}.fb-dbg__trace-item{display:flex;gap:6px;padding:3px 0;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee);font-size:11px}.fb-dbg__trace-seq{flex:0 0 auto;width:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:var(--fb-text-subtle, #98a2b3);text-align:right}.fb-dbg__trace-el{flex:0 0 auto;padding:0;border:0;background:transparent;color:var(--fb-accent, #2f6feb);font:inherit;font-size:10px;cursor:pointer;text-decoration:underline}.fb-dbg__trace-msg{color:var(--fb-text-muted, #667085);line-height:1.35}\n"] }]
         }], propDecorators: { outcome: [{ type: i0.Input, args: [{ isSignal: true, alias: "outcome", required: false }] }], wasDebug: [{ type: i0.Input, args: [{ isSignal: true, alias: "wasDebug", required: false }] }], isRunning: [{ type: i0.Input, args: [{ isSignal: true, alias: "isRunning", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }], elementFocused: [{ type: i0.Output, args: ["elementFocused"] }], cleared: [{ type: i0.Output, args: ["cleared"] }] } });
 function rowsOf(values) {
     return Object.entries(values ?? {}).map(([name, typed]) => ({
@@ -16108,9 +16292,34 @@ class FlowBuilderComponent {
      * modificano molti elementi di fila perche' non c'e' niente da aprire e chiudere.
      */
     inspectorMode = input('dialog', ...(ngDevMode ? [{ debugName: "inspectorMode" }] : []));
+    /**
+     * L'esito dell'ultima esecuzione, se l'ospite ne ha uno da mostrare.
+     *
+     * E' l'altra meta' di {@link runRequested}: l'editor non esegue e non aspetta niente, quindi
+     * l'unico modo per far arrivare una traccia nel pannello «Debug» e' che l'ospite la passi di
+     * qui quando l'ha. Lasciarlo `null` e' legittimo — chi mostra tutto in una sua interfaccia non
+     * ha niente da dire all'editor — e il pannello distingue i tre casi (niente, in corso, esito
+     * vuoto) perche' i rimedi sono diversi.
+     */
+    runOutcome = input(null, ...(ngDevMode ? [{ debugName: "runOutcome" }] : []));
+    /**
+     * L'esecuzione annunciata e' ancora in corso. Solo l'ospite lo sa: dopo l'emit l'editor non ha
+     * piu' notizie. Accende il puntino sul tab «Debug» e tiene spento il bottone della finestra.
+     */
+    isRunning = input(false, ...(ngDevMode ? [{ debugName: "isRunning" }] : []));
     saved = output();
     activated = output();
     closeRequested = output();
+    /**
+     * «Esegui» / «Debug»: l'editor **annuncia**, non esegue.
+     *
+     * Cosa significhi eseguire lo decide chi ospita l'editor — una navigazione, una chiamata a
+     * delle sue API, una finestra con l'interview dentro — e il payload porta tutto cio' che
+     * serve per deciderlo (nome, versione, ingressi convertiti, `processType`, `isDirty`, il
+     * documento in mano). Un ospite che non ascolta questo output non fa niente: non c'e' nessuna
+     * primitiva che possa mancare, quindi nessun errore da mostrare.
+     */
+    runRequested = output();
     selectedName = signal(START_NODE_NAME, ...(ngDevMode ? [{ debugName: "selectedName" }] : []));
     activePanel = signal('inspector', ...(ngDevMode ? [{ debugName: "activePanel" }] : []));
     /** La dialog del dettaglio e' aperta. Vale solo con `inspectorMode = 'dialog'`. */
@@ -16134,6 +16343,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
@@ -16244,6 +16461,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);
@@ -16456,6 +16674,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
@@ -16998,22 +17224,28 @@ class FlowBuilderComponent {
     }
     // ------------------------------------------------------------ esegui e debug
     //
-    // I due comandi non eseguono niente: raccolgono i valori di ingresso e chiamano
-    // `runFlow`/`debugFlow`, che le implementa l'applicazione ospite. Senza implementazione la
-    // primitiva rifiuta con `MissingService` e il banner lo dice — l'editor non finge un avvio.
+    // I due comandi non eseguono niente e non chiamano niente: raccolgono i valori di ingresso e
+    // li **annunciano** con `runRequested`. Cosa significhi eseguire lo sa solo chi ospita
+    // l'editor, e non e' una cosa che possa stare dietro un'interfaccia di trasporto: puo' essere
+    // una navigazione, una chiamata a delle sue API, una finestra con l'interview dentro. Quindi
+    // qui non c'e' nessuna promessa da attendere, nessun `MissingService` da tradurre in un
+    // banner, e cio' che si vede dopo l'emit e' cio' che l'ospite decide di far vedere.
     /** Quale delle due finestre e' aperta; `null` = nessuna. */
     runMode = signal(null, ...(ngDevMode ? [{ debugName: "runMode" }] : []));
-    /** La chiamata all'ospite e' in volo: il bottone della finestra resta spento. */
-    isStartingRun = signal(false, ...(ngDevMode ? [{ debugName: "isStartingRun" }] : []));
     /**
-     * L'esito dell'ultima esecuzione, se l'ospite ne ha restituito uno.
+     * L'esito da mostrare nel pannello.
      *
-     * È tutto cio' che l'editor sa di un'esecuzione, e serve soprattutto ai flow **senza
-     * schermate**: lì non si apre nessuna interfaccia del runtime, quindi senza questo pannello
-     * non ci sarebbe **nessun** posto in cui vedere quali elementi sono stati eseguiti.
-     */
-    runOutcome = signal(null, ...(ngDevMode ? [{ debugName: "runOutcome" }] : []));
-    /** L'ultima esecuzione era in debug: senza, traccia e risorse non arrivano ed e' normale. */
+     * E' l'input dell'ospite, ma **scartabile**: «Svuota» e' un gesto locale — l'esito di prima
+     * non riguarda piu' il documento che si sta editando — e un input non si puo' rimettere a
+     * `null` da dentro. Con `linkedSignal` il valore torna quello dell'ospite ogni volta che ne
+     * arriva uno nuovo, quindi due esecuzioni di fila non restano nascoste da una pulizia.
+     */
+    shownOutcome = linkedSignal(...(ngDevMode ? [{ debugName: "shownOutcome", source: () => this.runOutcome(),
+            computation: (outcome) => outcome }] : [{
+            source: () => this.runOutcome(),
+            computation: (outcome) => outcome,
+        }]));
+    /** L'ultima esecuzione annunciata era in debug: senza, traccia e risorse non arrivano ed e' normale. */
     wasRunInDebug = signal(false, ...(ngDevMode ? [{ debugName: "wasRunInDebug" }] : []));
     /**
      * Si esegue cio' che e' **salvato**: su un flow mai scritto non c'e' niente da avviare, e il
@@ -17031,69 +17263,42 @@ class FlowBuilderComponent {
     }
     /** Svuota il pannello: l'esito di prima non riguarda piu' il documento che si sta editando. */
     clearRunOutcome() {
-        this.runOutcome.set(null);
+        this.shownOutcome.set(null);
     }
     /**
-     * Consegna gli ingressi all'ospite.
+     * Annuncia l'esecuzione all'ospite, con tutto cio' che sappiamo del momento in cui e' stato
+     * premuto il comando.
+     *
+     * La finestra si chiude **subito**: non c'e' niente da attendere — l'emit e' sincrono — e
+     * un'esecuzione puo' durare quanto vuole, con schermate da compilare puo' finire minuti dopo.
+     * Tenere aperto il form degli ingressi per tutto quel tempo coprirebbe proprio il grafo che si
+     * sta guardando.
      *
-     * La finestra si chiude **subito**, prima che la chiamata risponda: un'esecuzione puo' durare
-     * quanto vuole — con schermate da compilare puo' finire minuti dopo — e tenere aperto il form
-     * degli ingressi per tutto quel tempo coprirebbe proprio il grafo che si sta guardando. Il
-     * pannello «Debug» prende il posto dell'attesa, e l'esito ci arriva quando arriva.
+     * Il pannello «Debug» si apre lo stesso, e non e' l'editor che presume un esito: e' il posto in
+     * cui l'esito arrivera' **se** arrivera', e dice a chiare lettere quando non c'e' niente.
      */
-    async confirmRun(inputs) {
+    confirmRun(inputs) {
         const mode = this.runMode();
         const flowName = this.session.flowName();
         if (!mode || !flowName) {
             return;
         }
         const request = {
+            debug: mode === 'debug',
             flowName,
             version: this.session.version() ?? undefined,
             inputs,
-            debug: mode === 'debug',
+            processType: this.store.document().processType,
+            isDirty: this.isDirty(),
+            definition: this.store.document(),
         };
-        this.isStartingRun.set(true);
-        this.runOutcome.set(null);
         this.wasRunInDebug.set(mode === 'debug');
-        // Il pannello e' il posto in cui si guarda cosa sta succedendo: si apre insieme all'avvio.
+        // Un esito rimasto lì e' di un'altra esecuzione: sparisce prima di annunciarne una nuova.
+        this.shownOutcome.set(null);
+        // Il pannello e' il posto in cui si guarda cosa sta succedendo: si apre insieme all'annuncio.
         this.activePanel.set('debug');
         this.runMode.set(null);
-        try {
-            const outcome = await (mode === 'debug' ? this.api.debugFlow(request) : this.api.runFlow(request));
-            /**
-             * Restituire un esito e' facoltativo: un ospite che mostra tutto in una sua interfaccia
-             * risolve con `void`, e allora non c'e' niente da mettere nel pannello.
-             */
-            this.runOutcome.set(outcome ?? null);
-            if (!outcome) {
-                this.notice.set({
-                    kind: 'info',
-                    message: mode === 'debug' ? 'Debug avviato.' : 'Esecuzione avviata.',
-                });
-            }
-        }
-        catch (error) {
-            /**
-             * `MissingService` non e' un guasto: e' un ambiente che quel comando non lo espone. Va
-             * detto con parole sue — «il messaggio della primitiva» sarebbe «primitiva non
-             * disponibile», che non aiuta chi ha appena premuto «Esegui».
-             */
-            if (FlowApiError.is(error) && error.category === 'MissingService') {
-                this.notice.set({
-                    kind: 'error',
-                    message: mode === 'debug'
-                        ? 'Questo ambiente non espone il debug dei flow: manca l’implementazione di debugFlow.'
-                        : 'Questo ambiente non espone l’esecuzione dei flow: manca l’implementazione di runFlow.',
-                });
-                return;
-            }
-            // Un errore vero dell'ospite: si dice com'e' arrivato, senza travestirlo da esito.
-            this.showError(error);
-        }
-        finally {
-            this.isStartingRun.set(false);
-        }
+        this.runRequested.emit(request);
     }
     async createNewVersion() {
         try {
@@ -17201,6 +17406,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);
@@ -17240,7 +17446,7 @@ class FlowBuilderComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: FlowBuilderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: FlowBuilderComponent, isStandalone: true, selector: "fb-flow-builder", inputs: { flowName: { classPropertyName: "flowName", publicName: "flowName", isSignal: true, isRequired: false, transformFunction: null }, version: { classPropertyName: "version", publicName: "version", isSignal: true, isRequired: false, transformFunction: null }, author: { classPropertyName: "author", publicName: "author", isSignal: true, isRequired: false, transformFunction: null }, defaultProcessType: { classPropertyName: "defaultProcessType", publicName: "defaultProcessType", isSignal: true, isRequired: false, transformFunction: null }, inspectorMode: { classPropertyName: "inspectorMode", publicName: "inspectorMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { saved: "saved", activated: "activated", closeRequested: "closeRequested" }, host: { listeners: { "keydown": "onKeyDown($event)" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: FlowBuilderComponent, isStandalone: true, selector: "fb-flow-builder", inputs: { flowName: { classPropertyName: "flowName", publicName: "flowName", isSignal: true, isRequired: false, transformFunction: null }, version: { classPropertyName: "version", publicName: "version", isSignal: true, isRequired: false, transformFunction: null }, author: { classPropertyName: "author", publicName: "author", isSignal: true, isRequired: false, transformFunction: null }, defaultProcessType: { classPropertyName: "defaultProcessType", publicName: "defaultProcessType", isSignal: true, isRequired: false, transformFunction: null }, inspectorMode: { classPropertyName: "inspectorMode", publicName: "inspectorMode", isSignal: true, isRequired: false, transformFunction: null }, runOutcome: { classPropertyName: "runOutcome", publicName: "runOutcome", isSignal: true, isRequired: false, transformFunction: null }, isRunning: { classPropertyName: "isRunning", publicName: "isRunning", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { saved: "saved", activated: "activated", closeRequested: "closeRequested", runRequested: "runRequested" }, host: { listeners: { "keydown": "onKeyDown($event)" } }, providers: [
             FlowDocumentStore,
             FlowDictionaryStore,
             FlowCatalogStore,
@@ -17248,7 +17454,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 (isStartingRun()) {\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]=\"runOutcome()\"\r\n              [wasDebug]=\"wasRunInDebug()\"\r\n              [isRunning]=\"isStartingRun()\"\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: raccoglie i valori e li passa all\u2019ospite,\r\n      che e\u2019 l\u2019unico a sapere dove gira il motore.\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]=\"isStartingRun()\"\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,
@@ -17262,6 +17468,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImpo
                         GroupPanelComponent,
                         PasteDialogComponent,
                         ProblemsPanelComponent,
+                        ResourceDialogComponent,
                         ResourcePanelComponent,
                         RunDialogComponent,
                         VersionPanelComponent, SelectValueDirective
@@ -17273,12 +17480,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 (isStartingRun()) {\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]=\"runOutcome()\"\r\n              [wasDebug]=\"wasRunInDebug()\"\r\n              [isRunning]=\"isStartingRun()\"\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: raccoglie i valori e li passa all\u2019ospite,\r\n      che e\u2019 l\u2019unico a sapere dove gira il motore.\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]=\"isStartingRun()\"\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"] }]
-        }], 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 }] }], saved: [{ type: i0.Output, args: ["saved"] }], activated: [{ type: i0.Output, args: ["activated"] }], closeRequested: [{ type: i0.Output, args: ["closeRequested"] }], 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 }] }] } });
+                    ], 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, 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