@esfaenza/flow-builder 20.3.21 → 20.3.22

package/fesm2022/esfaenza-flow-builder.mjs

@@ -276,6 +276,45 @@ class FlowBuilderApi {
         return missing('describeStructure');
     }
     // -------------------------------------------------------------------------
+    // Esecuzione: i comandi «Esegui» e «Debug» della barra
+    // -------------------------------------------------------------------------
+    //
+    // 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');
+    }
+    // -------------------------------------------------------------------------
     // §6.5 Provare un flow dall'editor
     // -------------------------------------------------------------------------
     /**
@@ -12539,36 +12578,57 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
         }], propDecorators: { closed: [{ type: i0.Output, args: ["closed"] }], versionOpened: [{ type: i0.Output, args: ["versionOpened"] }], notice: [{ type: i0.Output, args: ["notice"] }] } });
 
 /**
- * Provare un flow dall'editor — FRONTEND.md §6.5, §11 ("Provare").
- *
- * Sei cose che questo pannello tratta come dette:
- *  1. `status: 'Failed'` **non** e' un errore di trasporto: la richiesta e' riuscita, il flow
- *     e' fallito. E `NotStarted` significa che i criteri dello Start non erano soddisfatti,
- *     che non e' un errore.
- *  2. il `continuationToken` va rimandato **tale e quale**: e' opaco, non viene letto ne'
- *     modificato, e non finisce in nessun URL.
- *  3. `canGoBack`/`canFinish`/`canPause` di `pendingScreen` sono la verita' su cosa
- *     abilitare, piu' precisa dei flag del metadata.
- *  4. con `Previous` e `Pause` gli output **non** vengono memorizzati: i valori inseriti non
- *     sono definitivi, e il pannello lo dice.
- *  5. `debug: true` popola `trace` e `resources` — **e riporta anche i dati personali**:
- *     l'avviso e' in chiaro, non nascosto in una tooltip.
- *  6. `Suspended` copre due attese diverse — un evento e uno step di orchestrazione — e le
- *     distinguono `isWaitingForEvent` / `isWaitingForStageStep`. Nel secondo caso si puo'
- *     concludere lo step da qui, e la risposta puo' portare una `interviewKey` **nuova**: la
- *     vecchia non e' piu' valida, quindi si sostituisce invece di conservarla (§5.14).
+ * La finestra di «Esegui» e «Debug»: i valori di ingresso, prima di passare la mano all'ospite.
+ *
+ * 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.
+ *
+ * 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,
+ *     non come la stringa digitata, altrimenti il motore confronta una stringa con un numero.
+ *  2. un `Structure` non ha un letterale (§4.7): si compila un membro alla volta e si manda
+ *     `className` piu' i soli membri valorizzati — la stessa forma che torna in lettura.
+ *  3. un `Enum` si passa **per nome** (§4.6, §13.18), mai come numero; l'elenco vuoto significa
+ *     "non lo so" e allora il valore si scrive a mano.
  */
-class DebugPanelComponent {
-    api = inject(FlowBuilderApi);
+class RunDialogComponent {
     store = inject(FlowDocumentStore);
-    session = inject(FlowEditorSession);
     dictionaries = inject(FlowDictionaryStore);
     catalog = inject(FlowCatalogStore);
+    /** `debug` cambia il titolo, l'avviso sui dati e quale primitiva verra' chiamata. */
+    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. */
+    isBusy = input(false, ...(ngDevMode ? [{ debugName: "isBusy" }] : []));
+    confirmed = output();
+    cancelled = output();
+    isDebug = computed(() => this.mode() === 'debug', ...(ngDevMode ? [{ debugName: "isDebug" }] : []));
+    /** I valori compilati, come stringhe: la conversione al tipo avviene alla conferma. */
+    rawValues = signal({}, ...(ngDevMode ? [{ debugName: "rawValues" }] : []));
+    /** Le variabili `isInput` del flow: il contratto verso chi lo invoca (§4.6). */
+    inputVariables = computed(() => this.store.document().variables?.filter((variable) => variable.isInput) ?? [], ...(ngDevMode ? [{ debugName: "inputVariables" }] : []));
+    /**
+     * §4.7 — i membri delle classi delle variabili `Structure` di input, per classe. Un'istanza si
+     * compila un membro alla volta: non c'e' un letterale con cui scriverla in un campo solo.
+     */
+    membersByClass = signal({}, ...(ngDevMode ? [{ debugName: "membersByClass" }] : []));
+    /**
+     * §4.6 — i valori dei tipi `Enum` che compaiono fra gli input. Un insieme chiuso merita una
+     * tendina: qui si scrive un nome che il motore confrontera', e digitarlo e' il modo piu'
+     * facile di sbagliarlo.
+     */
+    valuesByEnumType = signal({}, ...(ngDevMode ? [{ debugName: "valuesByEnumType" }] : []));
     constructor() {
-        // Le classi delle variabili di input: servono a generare il form dei membri.
         effect(() => {
             const classes = new Set(this.inputVariables()
-                .filter((variable) => this.dictionaries.isStructure(variable.dataType))
+                .filter((variable) => this.isStructureVariable(variable))
                 .map((variable) => variable.objectType)
                 .filter((className) => !!className));
             for (const className of classes) {
@@ -12578,15 +12638,10 @@ class DebugPanelComponent {
                 void this.catalog
                     .listStructureMembers(className)
                     .then((list) => this.membersByClass.update((current) => ({ ...current, [className]: list ?? [] })))
-                    // Catalogo non disponibile: nessun campo generato, e il pannello lo dice.
+                    // Catalogo non disponibile: nessun campo generato, e la finestra lo dice.
                     .catch(() => this.membersByClass.update((current) => ({ ...current, [className]: [] })));
             }
         });
-        /**
-         * §4.6 — i valori dei tipi `Enum` che compaiono fra gli input, variabili e membri delle classi
-         * insieme: qui si compila un valore che il motore confrontera' per nome, e un insieme chiuso
-         * merita una tendina invece di una casella di testo. Un tipo senza valori resta digitabile.
-         */
         effect(() => {
             const types = new Set([
                 ...this.inputVariables().map((variable) => variable.dataType === 'Enum' ? variable.objectType : undefined),
@@ -12607,130 +12662,25 @@ class DebugPanelComponent {
             }
         });
     }
-    closed = output();
-    /** Chiede all'host di evidenziare l'elemento corrente dell'esecuzione. */
-    elementFocused = output();
-    result = signal(null, ...(ngDevMode ? [{ debugName: "result" }] : []));
-    isRunning = signal(false, ...(ngDevMode ? [{ debugName: "isRunning" }] : []));
-    errorMessage = signal(null, ...(ngDevMode ? [{ debugName: "errorMessage" }] : []));
-    debugEnabled = signal(true, ...(ngDevMode ? [{ debugName: "debugEnabled" }] : []));
-    /** I valori che l'utente compila nel piccolo form generato dalle variabili di input. */
-    inputValues = signal({}, ...(ngDevMode ? [{ debugName: "inputValues" }] : []));
-    /** I valori raccolti per lo screen corrente, per nome di `outputParameters`. */
-    screenOutputs = signal({}, ...(ngDevMode ? [{ debugName: "screenOutputs" }] : []));
-    /** Le variabili `isInput` del flow: il contratto verso chi lo invoca (§4.6). */
-    inputVariables = computed(() => this.store.document().variables?.filter((variable) => variable.isInput) ?? [], ...(ngDevMode ? [{ debugName: "inputVariables" }] : []));
-    /**
-     * §4.7 — i membri delle classi delle variabili `Structure` di input, per classe. Un'istanza si
-     * compila un membro alla volta: non c'e' un letterale con cui scriverla in un campo solo.
-     */
-    membersByClass = signal({}, ...(ngDevMode ? [{ debugName: "membersByClass" }] : []));
-    /** I membri **scrivibili** di una classe: gli altri li calcola il backend. */
+    /** I membri **scrivibili** di una classe: gli altri li calcola il motore. */
     membersOf(className) {
         if (!className) {
             return [];
         }
         return (this.membersByClass()[className] ?? []).filter((member) => member.isWritable !== false);
     }
-    /**
-     * §4.6 — i valori di un tipo di enumerazione, per nome del tipo. Elenco vuoto significa "non lo
-     * so" — tipo non indicato, primitiva assente, tipo senza valori dichiarati — e allora il valore
-     * si scrive a mano.
-     */
-    valuesByEnumType = signal({}, ...(ngDevMode ? [{ debugName: "valuesByEnumType" }] : []));
     enumValuesOf(enumType) {
         return enumType ? (this.valuesByEnumType()[enumType] ?? []) : [];
     }
     isStructureVariable(variable) {
         return this.dictionaries.isStructure(variable.dataType);
     }
-    canRun = computed(() => !this.session.isNew() && !this.isRunning(), ...(ngDevMode ? [{ debugName: "canRun" }] : []));
-    status = computed(() => this.result()?.status ?? null, ...(ngDevMode ? [{ debugName: "status" }] : []));
-    pendingScreen = computed(() => this.result()?.pendingScreen ?? null, ...(ngDevMode ? [{ debugName: "pendingScreen" }] : []));
-    isWaitingForScreen = computed(() => this.status() === 'WaitingForScreen', ...(ngDevMode ? [{ debugName: "isWaitingForScreen" }] : []));
-    /** §5.14 — l'attesa e' su uno step assegnato a una persona, non su un evento. */
-    isWaitingForStageStep = computed(() => this.result()?.isWaitingForStageStep === true, ...(ngDevMode ? [{ debugName: "isWaitingForStageStep" }] : []));
-    stageSteps = computed(() => this.result()?.stageSteps ?? [], ...(ngDevMode ? [{ debugName: "stageSteps" }] : []));
-    /** Lo step su cui c'e' un work item aperto: e' quello che si puo' concludere. */
-    waitingStageSteps = computed(() => this.stageSteps().filter((step) => step.isWaiting), ...(ngDevMode ? [{ debugName: "waitingStageSteps" }] : []));
-    /** I valori con cui si conclude uno step, per nome di output. */
-    stepOutputs = signal({}, ...(ngDevMode ? [{ debugName: "stepOutputs" }] : []));
-    trace = computed(() => this.result()?.trace ?? [], ...(ngDevMode ? [{ debugName: "trace" }] : []));
-    /** Le risorse come righe ordinate: il tipo dichiarato vince in lettura (§6.5). */
-    resourceRows = computed(() => {
-        const resources = this.result()?.resources ?? {};
-        return Object.entries(resources)
-            .map(([name, typed]) => ({
-            name,
-            type: typed?.type ?? '',
-            value: DebugPanelComponent.render(typed),
-        }))
-            .sort((left, right) => left.name.localeCompare(right.name));
-    }, ...(ngDevMode ? [{ debugName: "resourceRows" }] : []));
-    outputRows = computed(() => {
-        const outputs = this.result()?.outputs ?? {};
-        return Object.entries(outputs).map(([name, typed]) => ({
-            name,
-            type: typed?.type ?? '',
-            value: DebugPanelComponent.render(typed),
-        }));
-    }, ...(ngDevMode ? [{ debugName: "outputRows" }] : []));
-    /** Gli input che lo screen corrente riceve, per mostrarli accanto al form generico. */
-    screenInputRows = computed(() => {
-        const inputs = this.pendingScreen()?.inputs ?? {};
-        return Object.entries(inputs).map(([name, typed]) => ({
-            name,
-            type: typed?.type ?? '',
-            value: DebugPanelComponent.render(typed),
-        }));
-    }, ...(ngDevMode ? [{ debugName: "screenInputRows" }] : []));
-    /** I nomi degli output dichiarati dallo screen, per generare i campi da compilare. */
-    screenOutputNames = computed(() => {
-        const elementName = this.pendingScreen()?.elementName;
-        if (!elementName) {
-            return [];
-        }
-        const screen = this.store.document().screens?.find((candidate) => candidate.name === elementName);
-        return (screen?.outputParameters ?? []).map((parameter) => parameter.name ?? '').filter(Boolean);
-    }, ...(ngDevMode ? [{ debugName: "screenOutputNames" }] : []));
-    /**
-     * §6.5 — il tipo dichiarato vince, e due tipi hanno una forma propria invece di `value`: un
-     * record e un'istanza di classe. Cercare `value` su un `Structure` mostrerebbe «—» pur avendo
-     * i dati sotto gli occhi (§4.7).
-     */
-    static render(typed) {
-        if (!typed) {
-            return '—';
-        }
-        if (typed.instance) {
-            const members = Object.entries(typed.instance.members ?? {})
-                .map(([name, member]) => `${name}: ${DebugPanelComponent.render(member)}`)
-                .join(', ');
-            return `${typed.instance.className ?? 'istanza'} { ${members} }`;
-        }
-        if (typed.record) {
-            const fields = Object.entries(typed.record.fields ?? {})
-                .map(([name, value]) => `${name}: ${value === null || value === undefined ? '—' : String(value)}`)
-                .join(', ');
-            const head = [typed.record.objectType, typed.record.id].filter(Boolean).join('#');
-            return `${head || 'record'} { ${fields} }`;
-        }
-        if (typed.value === undefined || typed.value === null) {
-            return '—';
-        }
-        if (typeof typed.value === 'object') {
-            return JSON.stringify(typed.value);
-        }
-        return String(typed.value);
-    }
-    setDebugEnabled(value) {
-        this.debugEnabled.set(value);
+    setValue(key, value) {
+        this.rawValues.update((values) => ({ ...values, [key]: value }));
     }
-    setInputValue(name, value) {
-        this.inputValues.update((values) => ({ ...values, [name]: value }));
-    }
-    setScreenOutput(name, value) {
-        this.screenOutputs.update((values) => ({ ...values, [name]: value }));
+    /** Il valore di un campo del form: serve a ripopolarlo se la finestra si ridisegna. */
+    valueOf(key) {
+        return this.rawValues()[key] ?? '';
     }
     /** Converte un valore del form nel tipo dichiarato: il tipo vince, anche in scrittura (§6.5). */
     static coerce(raw, dataType) {
@@ -12749,21 +12699,19 @@ class DebugPanelComponent {
                 return raw;
         }
     }
-    /** Converte i valori del form nel tipo dichiarato dalla variabile. */
-    coerceInputs() {
-        const values = this.inputValues();
+    /**
+     * I valori da mandare. Un campo lasciato vuoto **non** si manda: mandare la stringa vuota
+     * significherebbe assegnare, e un input non valorizzato e' un'altra cosa da un input a "".
+     */
+    collectInputs() {
+        const values = this.rawValues();
         const result = {};
         for (const variable of this.inputVariables()) {
             const name = variable.name;
             if (!name) {
                 continue;
             }
-            /**
-             * §4.7 — un'istanza non ha un valore letterale: si scrive `className` piu' i soli membri
-             * che si vogliono valorizzare, ed e' la **stessa** forma che il motore restituisce in
-             * lettura. I membri stanno nel form sotto la chiave `Variabile.Membro`.
-             */
-            if (this.dictionaries.isStructure(variable.dataType)) {
+            if (this.isStructureVariable(variable)) {
                 const className = variable.objectType;
                 if (!className) {
                     continue;
@@ -12774,7 +12722,7 @@ class DebugPanelComponent {
                     if (raw === undefined || raw === '') {
                         continue;
                     }
-                    const value = DebugPanelComponent.coerce(raw, member.dataType);
+                    const value = RunDialogComponent.coerce(raw, member.dataType);
                     if (value !== undefined) {
                         members[member.name] = { type: member.dataType, value };
                     }
@@ -12788,138 +12736,85 @@ class DebugPanelComponent {
             if (raw === undefined || raw === '') {
                 continue;
             }
-            const value = DebugPanelComponent.coerce(raw, variable.dataType);
+            const value = RunDialogComponent.coerce(raw, variable.dataType);
             if (value !== undefined) {
                 result[name] = value;
             }
         }
         return result;
     }
-    async start() {
-        const flowName = this.session.flowName();
-        if (!flowName) {
-            this.errorMessage.set('Salva il flow prima di provarlo.');
-            return;
-        }
-        this.isRunning.set(true);
-        this.errorMessage.set(null);
-        this.screenOutputs.set({});
-        try {
-            const result = await this.api.startInterview({
-                flowName,
-                version: this.session.version() ?? undefined,
-                inputs: this.coerceInputs(),
-                debug: this.debugEnabled(),
-            });
-            this.apply(result);
-        }
-        catch (error) {
-            this.handleError(error);
-        }
-        finally {
-            this.isRunning.set(false);
-        }
-    }
-    async respond(navigation) {
-        const current = this.result();
-        // Opaco: si rimanda tale e quale, senza leggerlo.
-        const token = current?.continuationToken;
-        if (!token) {
-            return;
-        }
-        this.isRunning.set(true);
-        this.errorMessage.set(null);
-        try {
-            const result = await this.api.respondToScreen({
-                continuationToken: token,
-                screenElementName: current?.pendingScreen?.elementName,
-                navigation,
-                // Con `Previous` e `Pause` il motore non memorizza gli output: si mandano comunque,
-                // ma il pannello avverte che non sono definitivi.
-                outputs: this.screenOutputs(),
-                debug: this.debugEnabled(),
-            });
-            this.screenOutputs.set({});
-            this.apply(result);
-        }
-        catch (error) {
-            this.handleError(error);
-        }
-        finally {
-            this.isRunning.set(false);
-        }
-    }
-    setStepOutput(name, value) {
-        this.stepOutputs.update((values) => ({ ...values, [name]: value }));
+    confirm() {
+        this.confirmed.emit(this.collectInputs());
     }
-    /** Gli output dichiarati dallo step, per generare i campi da compilare. */
-    stepOutputNames(stepName) {
-        if (!stepName) {
-            return [];
-        }
-        for (const stage of this.store.document().orchestratedStages ?? []) {
-            const step = stage.stageSteps?.find((candidate) => candidate.name === stepName);
-            if (step) {
-                return (step.outputParameters ?? []).map((parameter) => parameter.name ?? '').filter(Boolean);
-            }
-        }
-        return [];
+    cancel() {
+        this.cancelled.emit();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: RunDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: RunDialogComponent, isStandalone: true, selector: "fb-run-dialog", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: true, transformFunction: null }, flowName: { classPropertyName: "flowName", publicName: "flowName", isSignal: true, isRequired: false, transformFunction: null }, version: { classPropertyName: "version", publicName: "version", isSignal: true, isRequired: false, transformFunction: null }, isDirty: { classPropertyName: "isDirty", publicName: "isDirty", isSignal: true, isRequired: false, transformFunction: null }, isBusy: { classPropertyName: "isBusy", publicName: "isBusy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { confirmed: "confirmed", cancelled: "cancelled" }, ngImport: i0, template: "<div class=\"fb-dialog__backdrop\" (click)=\"cancel()\"></div>\r\n\r\n<div\r\n  class=\"fb-dialog__panel fb-run\"\r\n  role=\"dialog\"\r\n  aria-modal=\"true\"\r\n  [attr.aria-label]=\"isDebug() ? 'Esegui in debug' : 'Esegui il flow'\"\r\n  tabindex=\"-1\"\r\n  (click)=\"$event.stopPropagation()\"\r\n  (keydown.escape)=\"cancel()\"\r\n>\r\n  <header class=\"fb-dialog__head\">\r\n    <div class=\"fb-dialog__identity\">\r\n      <span class=\"fb-dialog__type\">{{ isDebug() ? 'Debug' : 'Esecuzione' }}</span>\r\n      <h2 class=\"fb-dialog__title\">\r\n        {{ isDebug() ? 'Esegui in debug' : 'Esegui' }}\r\n        @if (flowName()) {\r\n          \u00AB{{ flowName() }}\u00BB\r\n        }\r\n        @if (version() != null) {\r\n          <span class=\"fb-run__version\">v{{ version() }}</span>\r\n        }\r\n      </h2>\r\n    </div>\r\n    <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" aria-label=\"Chiudi\" (click)=\"cancel()\">\u00D7</button>\r\n  </header>\r\n\r\n  <div class=\"fb-dialog__body fb-run__body\">\r\n    @if (isDirty()) {\r\n      <!--\r\n        Si esegue cio\u2019 che e\u2019 salvato: il documento in mano non e\u2019 ancora da nessuna parte.\r\n        Dirlo qui evita la caccia al \u00ABperche\u2019 non vedo la modifica appena fatta\u00BB.\r\n      -->\r\n      <p class=\"fb-run__warn\">\r\n        Ci sono modifiche non salvate: viene eseguita la <strong>versione salvata</strong>, non il documento\r\n        aperto.\r\n      </p>\r\n    }\r\n\r\n    <section class=\"fb-run__section\">\r\n      <h3 class=\"fb-run__title\">Valori di ingresso</h3>\r\n      @if (inputVariables().length) {\r\n        <p class=\"fb-field__hint\">\r\n          Le variabili di input del flow. Un campo lasciato vuoto non viene mandato: la variabile resta\r\n          senza valore, che non e\u2019 la stessa cosa di una stringa vuota.\r\n        </p>\r\n        @for (variable of inputVariables(); track variable.name) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">\r\n              {{ variable.name }}\r\n              <span class=\"fb-run__type\">{{ variable.dataType }}{{ variable.isCollection ? '[]' : '' }}</span>\r\n            </label>\r\n            @if (isStructureVariable(variable)) {\r\n              <!--\r\n                \u00A74.7: un\u2019istanza non ha un letterale. Si compila un membro alla volta e si manda\r\n                `className` piu\u2019 i soli membri valorizzati \u2014 la stessa forma che torna in lettura.\r\n              -->\r\n              <p class=\"fb-field__hint\">\r\n                Istanza di <code>{{ variable.objectType }}</code>: valorizza i membri che ti servono.\r\n              </p>\r\n              @for (member of membersOf(variable.objectType); track member.name) {\r\n                <div class=\"fb-field fb-run__member\">\r\n                  <label class=\"fb-field__label\">\r\n                    {{ member.name }}\r\n                    <span class=\"fb-run__type\">{{ member.dataType }}{{ member.isCollection ? '[]' : '' }}</span>\r\n                  </label>\r\n                  @if (member.dataType === 'Boolean') {\r\n                    <select\r\n                      class=\"fb-select\"\r\n                      [fbValue]=\"valueOf(variable.name + '.' + member.name)\"\r\n                      (change)=\"setValue(variable.name + '.' + member.name, $any($event.target).value)\"\r\n                    >\r\n                      <option value=\"\">\u2014</option>\r\n                      <option value=\"true\">vero</option>\r\n                      <option value=\"false\">falso</option>\r\n                    </select>\r\n                  } @else if (enumValuesOf(member.objectType).length) {\r\n                    <!-- \u00A74.6: i valori del tipo del membro, per nome. Il numero non si manda mai. -->\r\n                    <select\r\n                      class=\"fb-select\"\r\n                      [fbValue]=\"valueOf(variable.name + '.' + member.name)\"\r\n                      (change)=\"setValue(variable.name + '.' + member.name, $any($event.target).value)\"\r\n                    >\r\n                      <option value=\"\">\u2014</option>\r\n                      @for (entry of enumValuesOf(member.objectType); track entry.name) {\r\n                        <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n                      }\r\n                    </select>\r\n                  } @else {\r\n                    <input\r\n                      class=\"fb-input\"\r\n                      [type]=\"member.dataType === 'Number' || member.dataType === 'Integer' ? 'number' : 'text'\"\r\n                      [value]=\"valueOf(variable.name + '.' + member.name)\"\r\n                      (input)=\"setValue(variable.name + '.' + member.name, $any($event.target).value)\"\r\n                    />\r\n                  }\r\n                </div>\r\n              }\r\n              @if (!membersOf(variable.objectType).length) {\r\n                <p class=\"fb-field__hint\">\r\n                  Membri non disponibili: senza il catalogo della classe non c\u2019e\u2019 un form da generare.\r\n                </p>\r\n              }\r\n            } @else if (variable.dataType === 'Boolean') {\r\n              <select\r\n                class=\"fb-select\"\r\n                [fbValue]=\"valueOf(variable.name!)\"\r\n                (change)=\"setValue(variable.name!, $any($event.target).value)\"\r\n              >\r\n                <option value=\"\">\u2014</option>\r\n                <option value=\"true\">vero</option>\r\n                <option value=\"false\">falso</option>\r\n              </select>\r\n            } @else if (enumValuesOf(variable.objectType).length) {\r\n              <!--\r\n                \u00A74.6: un enum si passa **per nome**, e i nomi ammessi sono quelli del tipo. Senza i\r\n                valori \u2014 primitiva assente o tipo senza valori \u2014 si torna alla casella di testo.\r\n              -->\r\n              <select\r\n                class=\"fb-select\"\r\n                [fbValue]=\"valueOf(variable.name!)\"\r\n                (change)=\"setValue(variable.name!, $any($event.target).value)\"\r\n              >\r\n                <option value=\"\">\u2014</option>\r\n                @for (entry of enumValuesOf(variable.objectType); track entry.name) {\r\n                  <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n                }\r\n              </select>\r\n            } @else {\r\n              <input\r\n                class=\"fb-input\"\r\n                [type]=\"variable.dataType === 'Number' || variable.dataType === 'Integer' ? 'number' : 'text'\"\r\n                [value]=\"valueOf(variable.name!)\"\r\n                (input)=\"setValue(variable.name!, $any($event.target).value)\"\r\n              />\r\n            }\r\n          </div>\r\n        }\r\n      } @else {\r\n        <p class=\"fb-field__hint\">Il flow non dichiara variabili di input: non c\u2019e\u2019 niente da compilare.</p>\r\n      }\r\n    </section>\r\n\r\n    @if (isDebug()) {\r\n      <p class=\"fb-run__warn\">\r\n        Il debug puo\u2019 riportare i valori di <strong>tutte</strong> le risorse, dati personali compresi: non\r\n        usarlo su dati reali.\r\n      </p>\r\n    }\r\n  </div>\r\n\r\n  <footer class=\"fb-dialog__foot\">\r\n    <span class=\"fb-dialog__note\">\r\n      L\u2019esecuzione e\u2019 dell\u2019applicazione che ospita l\u2019editor: qui si raccolgono solo gli ingressi.\r\n    </span>\r\n    <div class=\"fb-run__actions\">\r\n      <button type=\"button\" class=\"fb-btn\" (click)=\"cancel()\">Annulla</button>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"isBusy()\" (click)=\"confirm()\">\r\n        {{ isDebug() ? 'Avvia in debug' : 'Avvia' }}\r\n      </button>\r\n    </div>\r\n  </footer>\r\n</div>\r\n", styles: [":host{position:absolute;inset:0;z-index:40;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(520px,100%);max-height:min(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,.fb-dialog__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.fb-dialog__head{border-bottom:1px solid var(--fb-border-subtle, #eef0f4)}.fb-dialog__foot{border-top:1px solid var(--fb-border-subtle, #eef0f4)}.fb-dialog__type{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #6b7086)}.fb-dialog__title{margin:0;font-size:15px;font-weight:600}.fb-dialog__note{color:var(--fb-text-muted, #6b7086);font-size:12px}.fb-dialog__foot .fb-dialog__note{flex:1 1 auto;min-width:0}.fb-dialog__body{display:flex;flex-direction:column;gap:14px;padding:14px;overflow:auto}.fb-run__version{margin-left:4px;color:var(--fb-text-muted, #6b7086);font-weight:500;font-size:12px}.fb-run__section{display:flex;flex-direction:column;gap:8px}.fb-run__title{margin:0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #6b7086)}.fb-run__type{color:var(--fb-text-muted, #6b7086);font-size:11px;font-weight:400}.fb-run__member{padding-left:12px;border-left:2px solid var(--fb-border-subtle, #eef0f4)}.fb-run__warn{margin:0;padding:8px 10px;border-radius:var(--fb-radius-sm, 8px);background:var(--fb-surface-alt, #f7f8fa);color:var(--fb-warning, #b7791f);font-size:12px}.fb-run__actions{display:flex;flex:0 0 auto;gap:8px}.fb-run__actions .fb-btn{white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: SelectValueDirective, selector: "select[fbValue]", inputs: ["fbValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: RunDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fb-run-dialog', standalone: true, imports: [SelectValueDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-dialog__backdrop\" (click)=\"cancel()\"></div>\r\n\r\n<div\r\n  class=\"fb-dialog__panel fb-run\"\r\n  role=\"dialog\"\r\n  aria-modal=\"true\"\r\n  [attr.aria-label]=\"isDebug() ? 'Esegui in debug' : 'Esegui il flow'\"\r\n  tabindex=\"-1\"\r\n  (click)=\"$event.stopPropagation()\"\r\n  (keydown.escape)=\"cancel()\"\r\n>\r\n  <header class=\"fb-dialog__head\">\r\n    <div class=\"fb-dialog__identity\">\r\n      <span class=\"fb-dialog__type\">{{ isDebug() ? 'Debug' : 'Esecuzione' }}</span>\r\n      <h2 class=\"fb-dialog__title\">\r\n        {{ isDebug() ? 'Esegui in debug' : 'Esegui' }}\r\n        @if (flowName()) {\r\n          \u00AB{{ flowName() }}\u00BB\r\n        }\r\n        @if (version() != null) {\r\n          <span class=\"fb-run__version\">v{{ version() }}</span>\r\n        }\r\n      </h2>\r\n    </div>\r\n    <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" aria-label=\"Chiudi\" (click)=\"cancel()\">\u00D7</button>\r\n  </header>\r\n\r\n  <div class=\"fb-dialog__body fb-run__body\">\r\n    @if (isDirty()) {\r\n      <!--\r\n        Si esegue cio\u2019 che e\u2019 salvato: il documento in mano non e\u2019 ancora da nessuna parte.\r\n        Dirlo qui evita la caccia al \u00ABperche\u2019 non vedo la modifica appena fatta\u00BB.\r\n      -->\r\n      <p class=\"fb-run__warn\">\r\n        Ci sono modifiche non salvate: viene eseguita la <strong>versione salvata</strong>, non il documento\r\n        aperto.\r\n      </p>\r\n    }\r\n\r\n    <section class=\"fb-run__section\">\r\n      <h3 class=\"fb-run__title\">Valori di ingresso</h3>\r\n      @if (inputVariables().length) {\r\n        <p class=\"fb-field__hint\">\r\n          Le variabili di input del flow. Un campo lasciato vuoto non viene mandato: la variabile resta\r\n          senza valore, che non e\u2019 la stessa cosa di una stringa vuota.\r\n        </p>\r\n        @for (variable of inputVariables(); track variable.name) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">\r\n              {{ variable.name }}\r\n              <span class=\"fb-run__type\">{{ variable.dataType }}{{ variable.isCollection ? '[]' : '' }}</span>\r\n            </label>\r\n            @if (isStructureVariable(variable)) {\r\n              <!--\r\n                \u00A74.7: un\u2019istanza non ha un letterale. Si compila un membro alla volta e si manda\r\n                `className` piu\u2019 i soli membri valorizzati \u2014 la stessa forma che torna in lettura.\r\n              -->\r\n              <p class=\"fb-field__hint\">\r\n                Istanza di <code>{{ variable.objectType }}</code>: valorizza i membri che ti servono.\r\n              </p>\r\n              @for (member of membersOf(variable.objectType); track member.name) {\r\n                <div class=\"fb-field fb-run__member\">\r\n                  <label class=\"fb-field__label\">\r\n                    {{ member.name }}\r\n                    <span class=\"fb-run__type\">{{ member.dataType }}{{ member.isCollection ? '[]' : '' }}</span>\r\n                  </label>\r\n                  @if (member.dataType === 'Boolean') {\r\n                    <select\r\n                      class=\"fb-select\"\r\n                      [fbValue]=\"valueOf(variable.name + '.' + member.name)\"\r\n                      (change)=\"setValue(variable.name + '.' + member.name, $any($event.target).value)\"\r\n                    >\r\n                      <option value=\"\">\u2014</option>\r\n                      <option value=\"true\">vero</option>\r\n                      <option value=\"false\">falso</option>\r\n                    </select>\r\n                  } @else if (enumValuesOf(member.objectType).length) {\r\n                    <!-- \u00A74.6: i valori del tipo del membro, per nome. Il numero non si manda mai. -->\r\n                    <select\r\n                      class=\"fb-select\"\r\n                      [fbValue]=\"valueOf(variable.name + '.' + member.name)\"\r\n                      (change)=\"setValue(variable.name + '.' + member.name, $any($event.target).value)\"\r\n                    >\r\n                      <option value=\"\">\u2014</option>\r\n                      @for (entry of enumValuesOf(member.objectType); track entry.name) {\r\n                        <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n                      }\r\n                    </select>\r\n                  } @else {\r\n                    <input\r\n                      class=\"fb-input\"\r\n                      [type]=\"member.dataType === 'Number' || member.dataType === 'Integer' ? 'number' : 'text'\"\r\n                      [value]=\"valueOf(variable.name + '.' + member.name)\"\r\n                      (input)=\"setValue(variable.name + '.' + member.name, $any($event.target).value)\"\r\n                    />\r\n                  }\r\n                </div>\r\n              }\r\n              @if (!membersOf(variable.objectType).length) {\r\n                <p class=\"fb-field__hint\">\r\n                  Membri non disponibili: senza il catalogo della classe non c\u2019e\u2019 un form da generare.\r\n                </p>\r\n              }\r\n            } @else if (variable.dataType === 'Boolean') {\r\n              <select\r\n                class=\"fb-select\"\r\n                [fbValue]=\"valueOf(variable.name!)\"\r\n                (change)=\"setValue(variable.name!, $any($event.target).value)\"\r\n              >\r\n                <option value=\"\">\u2014</option>\r\n                <option value=\"true\">vero</option>\r\n                <option value=\"false\">falso</option>\r\n              </select>\r\n            } @else if (enumValuesOf(variable.objectType).length) {\r\n              <!--\r\n                \u00A74.6: un enum si passa **per nome**, e i nomi ammessi sono quelli del tipo. Senza i\r\n                valori \u2014 primitiva assente o tipo senza valori \u2014 si torna alla casella di testo.\r\n              -->\r\n              <select\r\n                class=\"fb-select\"\r\n                [fbValue]=\"valueOf(variable.name!)\"\r\n                (change)=\"setValue(variable.name!, $any($event.target).value)\"\r\n              >\r\n                <option value=\"\">\u2014</option>\r\n                @for (entry of enumValuesOf(variable.objectType); track entry.name) {\r\n                  <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n                }\r\n              </select>\r\n            } @else {\r\n              <input\r\n                class=\"fb-input\"\r\n                [type]=\"variable.dataType === 'Number' || variable.dataType === 'Integer' ? 'number' : 'text'\"\r\n                [value]=\"valueOf(variable.name!)\"\r\n                (input)=\"setValue(variable.name!, $any($event.target).value)\"\r\n              />\r\n            }\r\n          </div>\r\n        }\r\n      } @else {\r\n        <p class=\"fb-field__hint\">Il flow non dichiara variabili di input: non c\u2019e\u2019 niente da compilare.</p>\r\n      }\r\n    </section>\r\n\r\n    @if (isDebug()) {\r\n      <p class=\"fb-run__warn\">\r\n        Il debug puo\u2019 riportare i valori di <strong>tutte</strong> le risorse, dati personali compresi: non\r\n        usarlo su dati reali.\r\n      </p>\r\n    }\r\n  </div>\r\n\r\n  <footer class=\"fb-dialog__foot\">\r\n    <span class=\"fb-dialog__note\">\r\n      L\u2019esecuzione e\u2019 dell\u2019applicazione che ospita l\u2019editor: qui si raccolgono solo gli ingressi.\r\n    </span>\r\n    <div class=\"fb-run__actions\">\r\n      <button type=\"button\" class=\"fb-btn\" (click)=\"cancel()\">Annulla</button>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"isBusy()\" (click)=\"confirm()\">\r\n        {{ isDebug() ? 'Avvia in debug' : 'Avvia' }}\r\n      </button>\r\n    </div>\r\n  </footer>\r\n</div>\r\n", styles: [":host{position:absolute;inset:0;z-index:40;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(520px,100%);max-height:min(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,.fb-dialog__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.fb-dialog__head{border-bottom:1px solid var(--fb-border-subtle, #eef0f4)}.fb-dialog__foot{border-top:1px solid var(--fb-border-subtle, #eef0f4)}.fb-dialog__type{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #6b7086)}.fb-dialog__title{margin:0;font-size:15px;font-weight:600}.fb-dialog__note{color:var(--fb-text-muted, #6b7086);font-size:12px}.fb-dialog__foot .fb-dialog__note{flex:1 1 auto;min-width:0}.fb-dialog__body{display:flex;flex-direction:column;gap:14px;padding:14px;overflow:auto}.fb-run__version{margin-left:4px;color:var(--fb-text-muted, #6b7086);font-weight:500;font-size:12px}.fb-run__section{display:flex;flex-direction:column;gap:8px}.fb-run__title{margin:0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #6b7086)}.fb-run__type{color:var(--fb-text-muted, #6b7086);font-size:11px;font-weight:400}.fb-run__member{padding-left:12px;border-left:2px solid var(--fb-border-subtle, #eef0f4)}.fb-run__warn{margin:0;padding:8px 10px;border-radius:var(--fb-radius-sm, 8px);background:var(--fb-surface-alt, #f7f8fa);color:var(--fb-warning, #b7791f);font-size:12px}.fb-run__actions{display:flex;flex:0 0 auto;gap:8px}.fb-run__actions .fb-btn{white-space:nowrap}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: true }] }], flowName: [{ type: i0.Input, args: [{ isSignal: true, alias: "flowName", required: false }] }], version: [{ type: i0.Input, args: [{ isSignal: true, alias: "version", required: false }] }], isDirty: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDirty", required: false }] }], isBusy: [{ type: i0.Input, args: [{ isSignal: true, alias: "isBusy", required: false }] }], confirmed: [{ type: i0.Output, args: ["confirmed"] }], cancelled: [{ type: i0.Output, args: ["cancelled"] }] } });
+
+/**
+ * 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
+ * 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
+ * click, che e' il motivo per cui sta nell'editor e non altrove.
+ *
+ * Tre cose che tratta come dette (§6.5):
+ *  1. `Failed` **non** e' un errore di trasporto: la chiamata e' riuscita, il flow e' fallito.
+ *     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.
+ */
+class DebugPanelComponent {
+    /** L'esito dell'ultima esecuzione; `null` = non ne e' ancora stata lanciata una. */
+    outcome = input(null, ...(ngDevMode ? [{ debugName: "outcome" }] : []));
+    /** L'ultima esecuzione era in debug: senza, traccia e risorse non arrivano ed e' normale. */
+    wasDebug = input(false, ...(ngDevMode ? [{ debugName: "wasDebug" }] : []));
+    /** L'ospite sta ancora eseguendo: l'esito, se arriva, arriva dopo. */
+    isRunning = input(false, ...(ngDevMode ? [{ debugName: "isRunning" }] : []));
+    closed = output();
+    /** Chiede all'host di portare l'utente sull'elemento: e' l'ancora della traccia. */
+    elementFocused = output();
+    cleared = output();
+    status = computed(() => this.outcome()?.status ?? null, ...(ngDevMode ? [{ debugName: "status" }] : []));
+    trace = computed(() => this.outcome()?.trace ?? [], ...(ngDevMode ? [{ debugName: "trace" }] : []));
+    /** Le risorse come righe ordinate: il tipo dichiarato vince in lettura (§6.5). */
+    resourceRows = computed(() => rowsOf(this.outcome()?.resources).sort((left, right) => left.name.localeCompare(right.name)), ...(ngDevMode ? [{ debugName: "resourceRows" }] : []));
+    outputRows = computed(() => rowsOf(this.outcome()?.outputs), ...(ngDevMode ? [{ debugName: "outputRows" }] : []));
     /**
-     * Conclude uno step come farebbe l'assegnatario. `Rejected` non e' un errore: e' l'esito che
-     * prende il ramo «Step rifiutato» dello stage — e se quel ramo non c'e', l'interview fallisce.
+     * L'ospite ha restituito qualcosa, ma niente di leggibile: nessuno stato, nessuna traccia,
+     * nessun valore. Va distinto dal «non e' stata lanciata nessuna esecuzione», perche' il
+     * rimedio e' diverso — lì si preme «Esegui», qui manca un pezzo dell'implementazione.
      */
-    async completeStep(stepName, status) {
-        const key = this.result()?.interviewKey;
-        if (!key || !stepName) {
-            return;
-        }
-        this.isRunning.set(true);
-        this.errorMessage.set(null);
-        try {
-            const result = await this.api.completeStageStep({
-                interviewKey: key,
-                stepName,
-                status,
-                stepOutputs: this.stepOutputs(),
-                debug: this.debugEnabled(),
-            });
-            this.stepOutputs.set({});
-            // La risposta puo' portare una chiave nuova: `apply` sostituisce il risultato intero,
-            // quindi la vecchia chiave non resta in giro.
-            this.apply(result);
-        }
-        catch (error) {
-            this.handleError(error);
-        }
-        finally {
-            this.isRunning.set(false);
-        }
-    }
-    apply(result) {
-        this.result.set(result);
-        if (result.currentElementName) {
-            this.elementFocused.emit(result.currentElementName);
-        }
-    }
-    handleError(error) {
-        if (FlowApiError.is(error)) {
-            // `InvalidToken` significa che la sessione di prova non e' piu' valida: si riavvia.
-            this.errorMessage.set(error.message);
-            return;
+    isEmptyOutcome = computed(() => {
+        const outcome = this.outcome();
+        if (!outcome) {
+            return false;
         }
-        this.errorMessage.set(error instanceof Error ? error.message : String(error));
-    }
-    reset() {
-        this.result.set(null);
-        this.errorMessage.set(null);
-        this.screenOutputs.set({});
-        this.stepOutputs.set({});
-    }
+        return (!outcome.status &&
+            !outcome.trace?.length &&
+            !outcome.errors?.length &&
+            !outcome.fault &&
+            !this.resourceRows().length &&
+            !this.outputRows().length);
+    }, ...(ngDevMode ? [{ debugName: "isEmptyOutcome" }] : []));
     close() {
         this.closed.emit();
     }
-    /** L'etichetta dello stato, che non e' un errore anche quando dice "Failed" (§6.5). */
+    clear() {
+        this.cleared.emit();
+    }
+    /** L'etichetta dello stato, che non e' un errore anche quando dice «Fallita» (§6.5). */
     statusLabel() {
         switch (this.status()) {
             case 'Completed':
@@ -12935,45 +12830,68 @@ class DebugPanelComponent {
             case 'NotStarted':
                 return 'Non avviata';
             default:
-                return '';
+                return this.status() ?? '';
         }
     }
     statusNote() {
         switch (this.status()) {
             case 'Failed':
-                return 'Il flow e’ fallito: la richiesta e’ andata a buon fine, l’esecuzione no.';
+                return 'Il flow e’ fallito: la chiamata e’ andata a buon fine, l’esecuzione no.';
             case 'NotStarted':
                 return 'I criteri dello Start non erano soddisfatti: non e’ un errore.';
+            case 'WaitingForScreen':
+                return 'L’esecuzione e’ ferma su una schermata: a mostrarla e’ l’applicazione, non l’editor.';
             case 'Paused':
-                return 'L’esecuzione e’ in pausa: puo’ essere ripresa dalla sua chiave.';
             case 'Suspended':
-                // Due attese diverse sotto lo stesso stato: dirlo evita di cercare l'evento sbagliato.
-                if (this.isWaitingForStageStep()) {
-                    return 'Sospesa su uno step di orchestrazione: aspetta che un assegnatario lo concluda.';
-                }
-                return this.result()?.isWaitingForEvent
-                    ? 'Sospesa in attesa di un evento: puo’ essere ripresa dalla sua chiave.'
-                    : 'L’esecuzione e’ sospesa: puo’ essere ripresa dalla sua chiave.';
+                return 'L’esecuzione non e’ finita: puo’ essere ripresa da chi la conduce.';
             default:
                 return null;
         }
     }
-    canGoBack() {
-        return this.pendingScreen()?.canGoBack === true;
-    }
-    canFinish() {
-        return this.pendingScreen()?.canFinish === true;
-    }
-    canPause() {
-        return this.pendingScreen()?.canPause === true;
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DebugPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: DebugPanelComponent, isStandalone: true, selector: "fb-debug-panel", outputs: { closed: "closed", elementFocused: "elementFocused" }, ngImport: i0, template: "<header class=\"fb-dbg__header\">\r\n  <h2 class=\"fb-dbg__title\">Prova</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<div class=\"fb-dbg__body\">\r\n  @if (errorMessage()) {\r\n    <p class=\"fb-callout fb-callout--error\">{{ errorMessage() }}</p>\r\n  }\r\n\r\n  @if (!result()) {\r\n    <fieldset class=\"fb-section\">\r\n      <legend class=\"fb-section__title\">Valori iniziali</legend>\r\n      @if (inputVariables().length) {\r\n        @for (variable of inputVariables(); track variable.name) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">\r\n              {{ variable.name }}\r\n              <span class=\"fb-dbg__type\">{{ variable.dataType }}{{ variable.isCollection ? '[]' : '' }}</span>\r\n            </label>\r\n            @if (isStructureVariable(variable)) {\r\n              <!--\r\n                \u00A74.7: un'istanza non ha un letterale. Si compila un membro alla volta e si manda\r\n                `className` piu' i soli membri valorizzati \u2014 la stessa forma che torna in lettura.\r\n              -->\r\n              <p class=\"fb-field__hint\">\r\n                Istanza di <code>{{ variable.objectType }}</code>: valorizza i membri che ti servono.\r\n              </p>\r\n              @for (member of membersOf(variable.objectType); track member.name) {\r\n                <div class=\"fb-field\">\r\n                  <label class=\"fb-field__label\">\r\n                    {{ member.name }}\r\n                    <span class=\"fb-dbg__type\">{{ member.dataType }}{{ member.isCollection ? '[]' : '' }}</span>\r\n                  </label>\r\n                  @if (member.dataType === 'Boolean') {\r\n                    <select\r\n                      class=\"fb-select\"\r\n                      (change)=\"setInputValue(variable.name + '.' + member.name, $any($event.target).value)\"\r\n                    >\r\n                      <option value=\"\">\u2014</option>\r\n                      <option value=\"true\">vero</option>\r\n                      <option value=\"false\">falso</option>\r\n                    </select>\r\n                  } @else if (enumValuesOf(member.objectType).length) {\r\n                    <!-- \u00A74.6: i valori del tipo del membro, per nome. Il numero e' solo mostrato. -->\r\n                    <select\r\n                      class=\"fb-select\"\r\n                      (change)=\"setInputValue(variable.name + '.' + member.name, $any($event.target).value)\"\r\n                    >\r\n                      <option value=\"\">\u2014</option>\r\n                      @for (entry of enumValuesOf(member.objectType); track entry.name) {\r\n                        <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n                      }\r\n                    </select>\r\n                  } @else {\r\n                    <input\r\n                      class=\"fb-input\"\r\n                      [type]=\"member.dataType === 'Number' || member.dataType === 'Integer' ? 'number' : 'text'\"\r\n                      (input)=\"setInputValue(variable.name + '.' + member.name, $any($event.target).value)\"\r\n                    />\r\n                  }\r\n                </div>\r\n              }\r\n              @if (!membersOf(variable.objectType).length) {\r\n                <p class=\"fb-field__hint\">\r\n                  Membri non disponibili: senza il catalogo della classe non c\u2019e\u2019 un form da generare.\r\n                </p>\r\n              }\r\n            } @else if (variable.dataType === 'Boolean') {\r\n              <select class=\"fb-select\" (change)=\"setInputValue(variable.name!, $any($event.target).value)\">\r\n                <option value=\"\">\u2014</option>\r\n                <option value=\"true\">vero</option>\r\n                <option value=\"false\">falso</option>\r\n              </select>\r\n            } @else if (enumValuesOf(variable.objectType).length) {\r\n              <!--\r\n                \u00A74.6: un enum si passa **per nome**, e i nomi ammessi sono quelli del tipo. Senza i\r\n                valori \u2014 primitiva assente o tipo senza valori \u2014 si torna alla casella di testo.\r\n              -->\r\n              <select class=\"fb-select\" (change)=\"setInputValue(variable.name!, $any($event.target).value)\">\r\n                <option value=\"\">\u2014</option>\r\n                @for (entry of enumValuesOf(variable.objectType); track entry.name) {\r\n                  <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n                }\r\n              </select>\r\n            } @else {\r\n              <input\r\n                class=\"fb-input\"\r\n                [type]=\"variable.dataType === 'Number' || variable.dataType === 'Integer' ? 'number' : 'text'\"\r\n                (input)=\"setInputValue(variable.name!, $any($event.target).value)\"\r\n              />\r\n            }\r\n          </div>\r\n        }\r\n      } @else {\r\n        <p class=\"fb-field__hint\">Il flow non dichiara variabili di input.</p>\r\n      }\r\n    </fieldset>\r\n\r\n    <label class=\"fb-check\">\r\n      <input\r\n        type=\"checkbox\"\r\n        [checked]=\"debugEnabled()\"\r\n        (change)=\"setDebugEnabled($any($event.target).checked)\"\r\n      />\r\n      Traccia di debug\r\n    </label>\r\n    @if (debugEnabled()) {\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: non usarla\r\n        su dati reali.\r\n      </p>\r\n    }\r\n\r\n    <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"!canRun()\" (click)=\"start()\">\r\n      Avvia\r\n    </button>\r\n    @if (!canRun() && !isRunning()) {\r\n      <p class=\"fb-field__hint\">Salva il flow prima di provarlo.</p>\r\n    }\r\n  }\r\n\r\n  @if (result()) {\r\n    <div class=\"fb-dbg__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]=\"isWaitingForScreen()\"\r\n      >\r\n        {{ statusLabel() }}\r\n      </span>\r\n      @if (result()?.currentElementName) {\r\n        <span class=\"fb-dbg__current\">su {{ result()?.currentElementName }}</span>\r\n      }\r\n      <span class=\"fb-dbg__steps\">{{ result()?.steps || 0 }} passi</span>\r\n      <span class=\"fb-list__spacer\"></span>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"reset()\">Riavvia</button>\r\n    </div>\r\n\r\n    @if (statusNote()) {\r\n      <p class=\"fb-callout\">{{ statusNote() }}</p>\r\n    }\r\n\r\n    @if (result()?.fault) {\r\n      <p class=\"fb-callout fb-callout--error\">{{ result()?.fault }}</p>\r\n    }\r\n    @for (message of result()?.errors || []; track message) {\r\n      <p class=\"fb-callout fb-callout--error\">{{ message }}</p>\r\n    }\r\n\r\n    @if (isWaitingForScreen() && pendingScreen()) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">\r\n          Form \u00AB{{ pendingScreen()?.formName }}\u00BB\r\n        </legend>\r\n        <p class=\"fb-section__note\">\r\n          Nell\u2019editor basta un form generico: qui vedi i valori che il form riceve e puoi compilare quelli\r\n          che dichiara di restituire.\r\n        </p>\r\n\r\n        @if (pendingScreen()?.label) {\r\n          <p class=\"fb-dbg__screen-label\">{{ pendingScreen()?.label }}</p>\r\n        }\r\n        @if (pendingScreen()?.helpText) {\r\n          <p class=\"fb-field__hint\">{{ pendingScreen()?.helpText }}</p>\r\n        }\r\n\r\n        @if (screenInputRows().length) {\r\n          <table class=\"fb-dbg__table\">\r\n            <caption>\r\n              Valori in ingresso\r\n            </caption>\r\n            <tbody>\r\n              @for (row of screenInputRows(); 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        }\r\n\r\n        @for (output of screenOutputNames(); track output) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">{{ output }}</label>\r\n            <input class=\"fb-input\" (input)=\"setScreenOutput(output, $any($event.target).value)\" />\r\n          </div>\r\n        }\r\n        @if (!screenOutputNames().length) {\r\n          <p class=\"fb-field__hint\">Lo screen non dichiara parametri di uscita.</p>\r\n        }\r\n\r\n        <div class=\"fb-field__row\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--primary\"\r\n            [disabled]=\"isRunning()\"\r\n            (click)=\"respond('Next')\"\r\n          >\r\n            Avanti\r\n          </button>\r\n          <!-- canGoBack/canFinish/canPause sono la verita', piu' precisa dei flag del metadata. -->\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn\"\r\n            [disabled]=\"isRunning() || !canGoBack()\"\r\n            title=\"Con \u00ABindietro\u00BB gli output non vengono memorizzati\"\r\n            (click)=\"respond('Previous')\"\r\n          >\r\n            Indietro\r\n          </button>\r\n          <button type=\"button\" class=\"fb-btn\" [disabled]=\"isRunning() || !canFinish()\" (click)=\"respond('Finish')\">\r\n            Fine\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn\"\r\n            [disabled]=\"isRunning() || !canPause()\"\r\n            title=\"Con \u00ABpausa\u00BB gli output non vengono memorizzati\"\r\n            (click)=\"respond('Pause')\"\r\n          >\r\n            Pausa\r\n          </button>\r\n        </div>\r\n        <p class=\"fb-field__hint\">\r\n          Con \u00ABindietro\u00BB e \u00ABpausa\u00BB i valori inseriti <strong>non</strong> vengono memorizzati.\r\n        </p>\r\n      </fieldset>\r\n    }\r\n\r\n    @if (isWaitingForStageStep()) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Step di orchestrazione</legend>\r\n        <p class=\"fb-section__note\">\r\n          L\u2019interview e\u2019 sospesa su uno step assegnato: qui si conclude al posto dell\u2019assegnatario.\r\n          Concludere puo\u2019 far <strong>sospendere di nuovo</strong> lo stage, con una chiave nuova.\r\n        </p>\r\n\r\n        <table class=\"fb-dbg__table\">\r\n          <tbody>\r\n            @for (step of stageSteps(); track step.stepName) {\r\n              <tr>\r\n                <th scope=\"row\">{{ step.label || step.stepName }}</th>\r\n                <td class=\"fb-dbg__type\">{{ step.actionType }}</td>\r\n                <td>{{ step.isWaiting ? 'in attesa' : step.status }}</td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n        </table>\r\n\r\n        @for (step of waitingStageSteps(); track step.stepName) {\r\n          <div class=\"fb-list__item\">\r\n            <div class=\"fb-list__header\">\r\n              <span class=\"fb-list__title\">{{ step.label || step.stepName }}</span>\r\n            </div>\r\n            @for (output of stepOutputNames(step.stepName); track output) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">{{ output }}</label>\r\n                <input class=\"fb-input\" (input)=\"setStepOutput(output, $any($event.target).value)\" />\r\n              </div>\r\n            }\r\n            <div class=\"fb-field__row\">\r\n              <button\r\n                type=\"button\"\r\n                class=\"fb-btn fb-btn--primary\"\r\n                [disabled]=\"isRunning()\"\r\n                (click)=\"completeStep(step.stepName, 'Completed')\"\r\n              >\r\n                Concludi\r\n              </button>\r\n              <!-- Il rifiuto non e' un errore: prende il ramo \u00ABStep rifiutato\u00BB dello stage. -->\r\n              <button\r\n                type=\"button\"\r\n                class=\"fb-btn\"\r\n                [disabled]=\"isRunning()\"\r\n                title=\"Prende il ramo \u00ABStep rifiutato\u00BB; senza quel ramo l\u2019interview fallisce\"\r\n                (click)=\"completeStep(step.stepName, 'Rejected')\"\r\n              >\r\n                Rifiuta\r\n              </button>\r\n              <button\r\n                type=\"button\"\r\n                class=\"fb-btn fb-btn--ghost\"\r\n                [disabled]=\"isRunning()\"\r\n                (click)=\"completeStep(step.stepName, 'Cancelled')\"\r\n              >\r\n                Annulla lo step\r\n              </button>\r\n            </div>\r\n          </div>\r\n        }\r\n      </fieldset>\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        <ol class=\"fb-dbg__trace\">\r\n          @for (entry of trace(); track entry.sequence) {\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                <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    }\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    @if (result()?.interviewKey) {\r\n      <p class=\"fb-field__hint\">\r\n        Chiave dell\u2019esecuzione sospesa: <code>{{ result()?.interviewKey }}</code>\r\n      </p>\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;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-dbg__title{margin: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__current,.fb-dbg__steps{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-dbg__type{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:var(--fb-text-subtle, #98a2b3)}.fb-dbg__screen-label{margin:0 0 4px;font-size:12px;font-weight:600;color:var(--fb-text, #1d2939)}.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.27", 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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", 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\">Prova</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<div class=\"fb-dbg__body\">\r\n  @if (errorMessage()) {\r\n    <p class=\"fb-callout fb-callout--error\">{{ errorMessage() }}</p>\r\n  }\r\n\r\n  @if (!result()) {\r\n    <fieldset class=\"fb-section\">\r\n      <legend class=\"fb-section__title\">Valori iniziali</legend>\r\n      @if (inputVariables().length) {\r\n        @for (variable of inputVariables(); track variable.name) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">\r\n              {{ variable.name }}\r\n              <span class=\"fb-dbg__type\">{{ variable.dataType }}{{ variable.isCollection ? '[]' : '' }}</span>\r\n            </label>\r\n            @if (isStructureVariable(variable)) {\r\n              <!--\r\n                \u00A74.7: un'istanza non ha un letterale. Si compila un membro alla volta e si manda\r\n                `className` piu' i soli membri valorizzati \u2014 la stessa forma che torna in lettura.\r\n              -->\r\n              <p class=\"fb-field__hint\">\r\n                Istanza di <code>{{ variable.objectType }}</code>: valorizza i membri che ti servono.\r\n              </p>\r\n              @for (member of membersOf(variable.objectType); track member.name) {\r\n                <div class=\"fb-field\">\r\n                  <label class=\"fb-field__label\">\r\n                    {{ member.name }}\r\n                    <span class=\"fb-dbg__type\">{{ member.dataType }}{{ member.isCollection ? '[]' : '' }}</span>\r\n                  </label>\r\n                  @if (member.dataType === 'Boolean') {\r\n                    <select\r\n                      class=\"fb-select\"\r\n                      (change)=\"setInputValue(variable.name + '.' + member.name, $any($event.target).value)\"\r\n                    >\r\n                      <option value=\"\">\u2014</option>\r\n                      <option value=\"true\">vero</option>\r\n                      <option value=\"false\">falso</option>\r\n                    </select>\r\n                  } @else if (enumValuesOf(member.objectType).length) {\r\n                    <!-- \u00A74.6: i valori del tipo del membro, per nome. Il numero e' solo mostrato. -->\r\n                    <select\r\n                      class=\"fb-select\"\r\n                      (change)=\"setInputValue(variable.name + '.' + member.name, $any($event.target).value)\"\r\n                    >\r\n                      <option value=\"\">\u2014</option>\r\n                      @for (entry of enumValuesOf(member.objectType); track entry.name) {\r\n                        <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n                      }\r\n                    </select>\r\n                  } @else {\r\n                    <input\r\n                      class=\"fb-input\"\r\n                      [type]=\"member.dataType === 'Number' || member.dataType === 'Integer' ? 'number' : 'text'\"\r\n                      (input)=\"setInputValue(variable.name + '.' + member.name, $any($event.target).value)\"\r\n                    />\r\n                  }\r\n                </div>\r\n              }\r\n              @if (!membersOf(variable.objectType).length) {\r\n                <p class=\"fb-field__hint\">\r\n                  Membri non disponibili: senza il catalogo della classe non c\u2019e\u2019 un form da generare.\r\n                </p>\r\n              }\r\n            } @else if (variable.dataType === 'Boolean') {\r\n              <select class=\"fb-select\" (change)=\"setInputValue(variable.name!, $any($event.target).value)\">\r\n                <option value=\"\">\u2014</option>\r\n                <option value=\"true\">vero</option>\r\n                <option value=\"false\">falso</option>\r\n              </select>\r\n            } @else if (enumValuesOf(variable.objectType).length) {\r\n              <!--\r\n                \u00A74.6: un enum si passa **per nome**, e i nomi ammessi sono quelli del tipo. Senza i\r\n                valori \u2014 primitiva assente o tipo senza valori \u2014 si torna alla casella di testo.\r\n              -->\r\n              <select class=\"fb-select\" (change)=\"setInputValue(variable.name!, $any($event.target).value)\">\r\n                <option value=\"\">\u2014</option>\r\n                @for (entry of enumValuesOf(variable.objectType); track entry.name) {\r\n                  <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n                }\r\n              </select>\r\n            } @else {\r\n              <input\r\n                class=\"fb-input\"\r\n                [type]=\"variable.dataType === 'Number' || variable.dataType === 'Integer' ? 'number' : 'text'\"\r\n                (input)=\"setInputValue(variable.name!, $any($event.target).value)\"\r\n              />\r\n            }\r\n          </div>\r\n        }\r\n      } @else {\r\n        <p class=\"fb-field__hint\">Il flow non dichiara variabili di input.</p>\r\n      }\r\n    </fieldset>\r\n\r\n    <label class=\"fb-check\">\r\n      <input\r\n        type=\"checkbox\"\r\n        [checked]=\"debugEnabled()\"\r\n        (change)=\"setDebugEnabled($any($event.target).checked)\"\r\n      />\r\n      Traccia di debug\r\n    </label>\r\n    @if (debugEnabled()) {\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: non usarla\r\n        su dati reali.\r\n      </p>\r\n    }\r\n\r\n    <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"!canRun()\" (click)=\"start()\">\r\n      Avvia\r\n    </button>\r\n    @if (!canRun() && !isRunning()) {\r\n      <p class=\"fb-field__hint\">Salva il flow prima di provarlo.</p>\r\n    }\r\n  }\r\n\r\n  @if (result()) {\r\n    <div class=\"fb-dbg__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]=\"isWaitingForScreen()\"\r\n      >\r\n        {{ statusLabel() }}\r\n      </span>\r\n      @if (result()?.currentElementName) {\r\n        <span class=\"fb-dbg__current\">su {{ result()?.currentElementName }}</span>\r\n      }\r\n      <span class=\"fb-dbg__steps\">{{ result()?.steps || 0 }} passi</span>\r\n      <span class=\"fb-list__spacer\"></span>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"reset()\">Riavvia</button>\r\n    </div>\r\n\r\n    @if (statusNote()) {\r\n      <p class=\"fb-callout\">{{ statusNote() }}</p>\r\n    }\r\n\r\n    @if (result()?.fault) {\r\n      <p class=\"fb-callout fb-callout--error\">{{ result()?.fault }}</p>\r\n    }\r\n    @for (message of result()?.errors || []; track message) {\r\n      <p class=\"fb-callout fb-callout--error\">{{ message }}</p>\r\n    }\r\n\r\n    @if (isWaitingForScreen() && pendingScreen()) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">\r\n          Form \u00AB{{ pendingScreen()?.formName }}\u00BB\r\n        </legend>\r\n        <p class=\"fb-section__note\">\r\n          Nell\u2019editor basta un form generico: qui vedi i valori che il form riceve e puoi compilare quelli\r\n          che dichiara di restituire.\r\n        </p>\r\n\r\n        @if (pendingScreen()?.label) {\r\n          <p class=\"fb-dbg__screen-label\">{{ pendingScreen()?.label }}</p>\r\n        }\r\n        @if (pendingScreen()?.helpText) {\r\n          <p class=\"fb-field__hint\">{{ pendingScreen()?.helpText }}</p>\r\n        }\r\n\r\n        @if (screenInputRows().length) {\r\n          <table class=\"fb-dbg__table\">\r\n            <caption>\r\n              Valori in ingresso\r\n            </caption>\r\n            <tbody>\r\n              @for (row of screenInputRows(); 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        }\r\n\r\n        @for (output of screenOutputNames(); track output) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">{{ output }}</label>\r\n            <input class=\"fb-input\" (input)=\"setScreenOutput(output, $any($event.target).value)\" />\r\n          </div>\r\n        }\r\n        @if (!screenOutputNames().length) {\r\n          <p class=\"fb-field__hint\">Lo screen non dichiara parametri di uscita.</p>\r\n        }\r\n\r\n        <div class=\"fb-field__row\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--primary\"\r\n            [disabled]=\"isRunning()\"\r\n            (click)=\"respond('Next')\"\r\n          >\r\n            Avanti\r\n          </button>\r\n          <!-- canGoBack/canFinish/canPause sono la verita', piu' precisa dei flag del metadata. -->\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn\"\r\n            [disabled]=\"isRunning() || !canGoBack()\"\r\n            title=\"Con \u00ABindietro\u00BB gli output non vengono memorizzati\"\r\n            (click)=\"respond('Previous')\"\r\n          >\r\n            Indietro\r\n          </button>\r\n          <button type=\"button\" class=\"fb-btn\" [disabled]=\"isRunning() || !canFinish()\" (click)=\"respond('Finish')\">\r\n            Fine\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn\"\r\n            [disabled]=\"isRunning() || !canPause()\"\r\n            title=\"Con \u00ABpausa\u00BB gli output non vengono memorizzati\"\r\n            (click)=\"respond('Pause')\"\r\n          >\r\n            Pausa\r\n          </button>\r\n        </div>\r\n        <p class=\"fb-field__hint\">\r\n          Con \u00ABindietro\u00BB e \u00ABpausa\u00BB i valori inseriti <strong>non</strong> vengono memorizzati.\r\n        </p>\r\n      </fieldset>\r\n    }\r\n\r\n    @if (isWaitingForStageStep()) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Step di orchestrazione</legend>\r\n        <p class=\"fb-section__note\">\r\n          L\u2019interview e\u2019 sospesa su uno step assegnato: qui si conclude al posto dell\u2019assegnatario.\r\n          Concludere puo\u2019 far <strong>sospendere di nuovo</strong> lo stage, con una chiave nuova.\r\n        </p>\r\n\r\n        <table class=\"fb-dbg__table\">\r\n          <tbody>\r\n            @for (step of stageSteps(); track step.stepName) {\r\n              <tr>\r\n                <th scope=\"row\">{{ step.label || step.stepName }}</th>\r\n                <td class=\"fb-dbg__type\">{{ step.actionType }}</td>\r\n                <td>{{ step.isWaiting ? 'in attesa' : step.status }}</td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n        </table>\r\n\r\n        @for (step of waitingStageSteps(); track step.stepName) {\r\n          <div class=\"fb-list__item\">\r\n            <div class=\"fb-list__header\">\r\n              <span class=\"fb-list__title\">{{ step.label || step.stepName }}</span>\r\n            </div>\r\n            @for (output of stepOutputNames(step.stepName); track output) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">{{ output }}</label>\r\n                <input class=\"fb-input\" (input)=\"setStepOutput(output, $any($event.target).value)\" />\r\n              </div>\r\n            }\r\n            <div class=\"fb-field__row\">\r\n              <button\r\n                type=\"button\"\r\n                class=\"fb-btn fb-btn--primary\"\r\n                [disabled]=\"isRunning()\"\r\n                (click)=\"completeStep(step.stepName, 'Completed')\"\r\n              >\r\n                Concludi\r\n              </button>\r\n              <!-- Il rifiuto non e' un errore: prende il ramo \u00ABStep rifiutato\u00BB dello stage. -->\r\n              <button\r\n                type=\"button\"\r\n                class=\"fb-btn\"\r\n                [disabled]=\"isRunning()\"\r\n                title=\"Prende il ramo \u00ABStep rifiutato\u00BB; senza quel ramo l\u2019interview fallisce\"\r\n                (click)=\"completeStep(step.stepName, 'Rejected')\"\r\n              >\r\n                Rifiuta\r\n              </button>\r\n              <button\r\n                type=\"button\"\r\n                class=\"fb-btn fb-btn--ghost\"\r\n                [disabled]=\"isRunning()\"\r\n                (click)=\"completeStep(step.stepName, 'Cancelled')\"\r\n              >\r\n                Annulla lo step\r\n              </button>\r\n            </div>\r\n          </div>\r\n        }\r\n      </fieldset>\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        <ol class=\"fb-dbg__trace\">\r\n          @for (entry of trace(); track entry.sequence) {\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                <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    }\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    @if (result()?.interviewKey) {\r\n      <p class=\"fb-field__hint\">\r\n        Chiave dell\u2019esecuzione sospesa: <code>{{ result()?.interviewKey }}</code>\r\n      </p>\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;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-dbg__title{margin: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__current,.fb-dbg__steps{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-dbg__type{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:var(--fb-text-subtle, #98a2b3)}.fb-dbg__screen-label{margin:0 0 4px;font-size:12px;font-weight:600;color:var(--fb-text, #1d2939)}.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"] }]
-        }], ctorParameters: () => [], propDecorators: { closed: [{ type: i0.Output, args: ["closed"] }], elementFocused: [{ type: i0.Output, args: ["elementFocused"] }] } });
+            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"] }]
+        }], 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]) => ({
+        name,
+        type: typed?.type ?? '',
+        value: render(typed),
+    }));
+}
+/**
+ * §6.5 — il tipo dichiarato vince, e due tipi hanno una forma propria invece di `value`: un
+ * record e un'istanza di classe. Cercare `value` su un `Structure` mostrerebbe «—» pur avendo
+ * i dati sotto gli occhi (§4.7).
+ */
+function render(typed) {
+    if (!typed) {
+        return '—';
+    }
+    if (typed.instance) {
+        const members = Object.entries(typed.instance.members ?? {})
+            .map(([name, member]) => `${name}: ${render(member)}`)
+            .join(', ');
+        return `${typed.instance.className ?? 'istanza'} { ${members} }`;
+    }
+    if (typed.record) {
+        const fields = Object.entries(typed.record.fields ?? {})
+            .map(([name, value]) => `${name}: ${value === null || value === undefined ? '—' : String(value)}`)
+            .join(', ');
+        const head = [typed.record.objectType, typed.record.id].filter(Boolean).join('#');
+        return `${head || 'record'} { ${fields} }`;
+    }
+    if (typed.value === undefined || typed.value === null) {
+        return '—';
+    }
+    if (typeof typed.value === 'object') {
+        return JSON.stringify(typed.value);
+    }
+    return String(typed.value);
+}
 
 /**
  * Il builder: il componente standalone da innestare nell'applicazione ospite.
@@ -13275,9 +13193,9 @@ class FlowBuilderComponent {
         this.isDialogOpen.set(false);
     }
     /**
-     * Evidenzia l'elemento sul canvas senza cambiare pannello.
-     * Serve durante la prova: l'esecuzione segnala su quale elemento e' ferma, ma sostituire
-     * il pannello con l'inspector farebbe sparire il form da compilare a metà interview.
+     * Evidenzia l'elemento sul canvas **senza** cambiare pannello.
+     * Serve alla traccia del debug: portare l'utente sull'elemento e' il punto del pannello, ma
+     * sostituirlo con l'inspector farebbe sparire la traccia che si stava leggendo.
      */
     highlightElement(name) {
         this.selectedName.set(name);
@@ -13672,6 +13590,105 @@ class FlowBuilderComponent {
             this.showError(error);
         }
     }
+    // ------------------------------------------------------------ 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.
+    /** 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.
+     *
+     * È 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. */
+    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
+     * titolo del bottone lo dice invece di lasciare un comando che non risponde.
+     */
+    canRun = computed(() => !this.session.isNew() && !!this.session.flowName(), ...(ngDevMode ? [{ debugName: "canRun" }] : []));
+    openRun(mode) {
+        if (!this.canRun()) {
+            return;
+        }
+        this.runMode.set(mode);
+    }
+    closeRun() {
+        this.runMode.set(null);
+    }
+    /** Svuota il pannello: l'esito di prima non riguarda piu' il documento che si sta editando. */
+    clearRunOutcome() {
+        this.runOutcome.set(null);
+    }
+    /**
+     * Consegna gli ingressi all'ospite.
+     *
+     * 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.
+     */
+    async confirmRun(inputs) {
+        const mode = this.runMode();
+        const flowName = this.session.flowName();
+        if (!mode || !flowName) {
+            return;
+        }
+        const request = {
+            flowName,
+            version: this.session.version() ?? undefined,
+            inputs,
+            debug: mode === 'debug',
+        };
+        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.
+        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);
+        }
+    }
     async createNewVersion() {
         try {
             const result = await this.session.createNewVersion();
@@ -13825,11 +13842,12 @@ class FlowBuilderComponent {
             FormulaValidationService,
             FlowEditorSession,
             FlowLayoutService,
-        ], viewQueries: [{ 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    <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      <!--\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      @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        [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      />\r\n\r\n      @if (showProblems()) {\r\n        <fb-problems-panel\r\n          class=\"fb-main__problems\"\r\n          (elementFocused)=\"focusElement($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        <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        <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          Prova\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              (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 (closed)=\"setPanel('inspector')\" />\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: l'interview e\u2019 in corso. -->\r\n            <fb-debug-panel (elementFocused)=\"highlightElement($event)\" (closed)=\"setPanel('inspector')\" />\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 (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      (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: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", outputs: ["closed", "elementFocused"] }, { kind: "component", type: ElementDialogComponent, selector: "fb-element-dialog", inputs: ["selectedName"], outputs: ["closed", "removeRequested", "duplicateRequested", "renamed"] }, { kind: "component", type: ElementInspectorComponent, selector: "fb-element-inspector", inputs: ["selectedName", "showHeader"], 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", "selectedNames", "outline", "isEditable"], outputs: ["selectionChange", "nodeOpened", "nodeRemoveRequested", "nodeDuplicateRequested", "elementDropped"] }, { kind: "component", type: PasteDialogComponent, selector: "fb-paste-dialog", inputs: ["payload", "plan"], outputs: ["confirmed", "cancelled"] }, { kind: "component", type: ProblemsPanelComponent, selector: "fb-problems-panel", outputs: ["elementFocused", "closed"] }, { kind: "component", type: ResourcePanelComponent, selector: "fb-resource-panel", outputs: ["closed"] }, { 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: "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    <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      <!--\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        [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      />\r\n\r\n      @if (showProblems()) {\r\n        <fb-problems-panel\r\n          class=\"fb-main__problems\"\r\n          (elementFocused)=\"focusElement($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        <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              (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 (closed)=\"setPanel('inspector')\" />\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      (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"], outputs: ["closed", "removeRequested", "duplicateRequested", "renamed"] }, { kind: "component", type: ElementInspectorComponent, selector: "fb-element-inspector", inputs: ["selectedName", "showHeader"], 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", "selectedNames", "outline", "isEditable"], outputs: ["selectionChange", "nodeOpened", "nodeRemoveRequested", "nodeDuplicateRequested", "elementDropped"] }, { kind: "component", type: PasteDialogComponent, selector: "fb-paste-dialog", inputs: ["payload", "plan"], outputs: ["confirmed", "cancelled"] }, { kind: "component", type: ProblemsPanelComponent, selector: "fb-problems-panel", outputs: ["elementFocused", "closed"] }, { kind: "component", type: ResourcePanelComponent, selector: "fb-resource-panel", 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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: FlowBuilderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-flow-builder', standalone: true, imports: [DebugPanelComponent,
+            args: [{ selector: 'fb-flow-builder', standalone: true, imports: [
+                        DebugPanelComponent,
                         ElementDialogComponent,
                         ElementInspectorComponent,
                         ElementPaletteComponent,
@@ -13837,7 +13855,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
                         PasteDialogComponent,
                         ProblemsPanelComponent,
                         ResourcePanelComponent,
-                        VersionPanelComponent, SelectValueDirective], providers: [
+                        RunDialogComponent,
+                        VersionPanelComponent, SelectValueDirective
+                    ], providers: [
                         FlowDocumentStore,
                         FlowDictionaryStore,
                         FlowCatalogStore,
@@ -13845,12 +13865,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", 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    <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      <!--\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      @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        [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      />\r\n\r\n      @if (showProblems()) {\r\n        <fb-problems-panel\r\n          class=\"fb-main__problems\"\r\n          (elementFocused)=\"focusElement($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        <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        <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          Prova\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              (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 (closed)=\"setPanel('inspector')\" />\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: l'interview e\u2019 in corso. -->\r\n            <fb-debug-panel (elementFocused)=\"highlightElement($event)\" (closed)=\"setPanel('inspector')\" />\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 (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      (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:hover:not(.fb-side__tab--active){color:var(--fb-text, #1a1c23)}.fb-side__tab--active{background:var(--fb-surface, #fff);box-shadow:var(--fb-shadow-sm, 0 1px 2px rgb(16 24 40 / 6%));color:var(--fb-text, #1a1c23);font-weight:600}.fb-side__content{flex:1;min-height:0;border-top:1px solid var(--fb-border-subtle, #eef0f4)}.fb-side__content>*{height:100%}.fb-side__footer{display:flex;gap:6px;padding:6px 8px;border-top:1px solid var(--fb-border-subtle, #e6e9ee)}@media(max-width:1200px){.fb-main__palette{flex-basis:150px}.fb-main__side{flex-basis:290px}}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: { '(keydown)': 'onKeyDown($event)' }, template: "<div class=\"fb-builder\" [attr.data-fb-theme]=\"null\">\r\n  <header class=\"fb-top\">\r\n    <div class=\"fb-top__identity\">\r\n      <input\r\n        class=\"fb-top__label\"\r\n        [value]=\"document().label || ''\"\r\n        placeholder=\"Nome del flow\"\r\n        aria-label=\"Nome del flow\"\r\n        [disabled]=\"!isEditable()\"\r\n        (input)=\"setLabel($any($event.target).value)\"\r\n      />\r\n      <div class=\"fb-top__meta\">\r\n        <input\r\n          class=\"fb-top__name\"\r\n          [value]=\"document().fullName || ''\"\r\n          placeholder=\"NomeTecnico\"\r\n          aria-label=\"Nome tecnico del flow\"\r\n          [disabled]=\"!isEditable()\"\r\n          (input)=\"setFullName($any($event.target).value)\"\r\n        />\r\n        <select\r\n          class=\"fb-top__process\"\r\n          [fbValue]=\"document().processType || ''\"\r\n          aria-label=\"Tipo di flow\"\r\n          [disabled]=\"!isEditable()\"\r\n          (change)=\"setProcessType($any($event.target).value)\"\r\n        >\r\n          <!--\r\n            Il segnaposto esiste perche' un `<select>` senza opzione corrispondente non e'\r\n            \u00ABvuoto\u00BB: e' a `selectedIndex = -1`, e mostra una casella bianca. Su un flow nuovo\r\n            (`processType` non ancora scelto) e' questa la riga che si vede, disabilitata\r\n            perche' non e' un valore valido da salvare.\r\n          -->\r\n          @if (!document().processType) {\r\n            <option value=\"\" disabled>\u2014 tipo di flow \u2014</option>\r\n          }\r\n          @for (type of processTypes(); track type.value) {\r\n            <option [value]=\"type.value\">{{ type.label }}</option>\r\n          }\r\n          <!--\r\n            Il tipo del documento che il dizionario non conosce: senza questa opzione la select\r\n            resta bianca su un flow che il backend ha salvato con un `processType` fuori\r\n            catalogo (o quando `processTypes` manca dalla risposta dei dizionari), e sembra che\r\n            l'editor non abbia ricaricato il flow. Va mostrato **senza** riscrivere il\r\n            documento: il valore e' del backend, non nostro da correggere.\r\n          -->\r\n          @if (isProcessTypeOutOfCatalog()) {\r\n            <option [value]=\"document().processType\">{{ document().processType }} (fuori catalogo)</option>\r\n          }\r\n        </select>\r\n        <span class=\"fb-top__status\">{{ statusLabel() }}</span>\r\n        @if (session.version() != null) {\r\n          <span class=\"fb-top__version\">v{{ session.version() }}</span>\r\n        }\r\n        @if (isDirty()) {\r\n          <span class=\"fb-top__dirty\" title=\"Ci sono modifiche non salvate\">modificato</span>\r\n        }\r\n      </div>\r\n    </div>\r\n\r\n    <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      <!--\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        [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      />\r\n\r\n      @if (showProblems()) {\r\n        <fb-problems-panel\r\n          class=\"fb-main__problems\"\r\n          (elementFocused)=\"focusElement($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        <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              (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 (closed)=\"setPanel('inspector')\" />\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      (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"] }], copyNameInput: [{ type: i0.ViewChild, args: ['copyNameInput', { isSignal: true }] }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ConditionEditorComponent, ConnectorEditorComponent, DebugPanelComponent, DynamicScreenInspectorComponent, 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_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, FlowApiError, FlowBuilderApi, FlowBuilderComponent, FlowCanvasComponent, FlowCatalogStore, FlowClipboardService, FlowDictionaryStore, FlowDocumentStore, FlowEditorSession, FlowLayoutService, FlowValidationStore, FormulaEditorComponent, FormulaValidationService, HttpFlowBuilderApi, NamePickerComponent, NodeInspectorBase, ORCHESTRATION_CONDITION_OUTPUT, ObjectPickerComponent, OrchestratedStageInspectorComponent, ParameterEditorComponent, PasteDialogComponent, ProblemsPanelComponent, RecordFilterEditorComponent, ReferencePickerComponent, ResourcePanelComponent, 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, buildClipboardPayload, canvasNodeId, checkConditionLogic, checkFlowName, describePathEntry, duplicateField, elementIcon, emptyFlowDefinition, fieldAt, filterReferences, flattenFields, flowNodeWidth, flowNodeWidthClass, innerNamesOf, insertField, isClipboardPayload, isCustomConditionLogic, isEmptyReferenceFilter, isFieldResource, isGlobalReference, isNumericType, isPathInside, isTypeCheckedOperator, isValidFlowName, isValued, loadPathLevel, matchesReferenceFilter, moveCondition, moveField, navigatePath, outletByKey, outletsOf, parseCanvasNodeId, parseInvariantNumber, parseSourceConnectorId, parseTargetConnectorId, pathAvailableNames, pathContainerLabel, pathKey, pathNotVerifiableMessage, planPaste, referenceRoot, referencedRootsOf, remapConditionLogic, removeCondition, removeField, resolvePath, rewriteReferences, samePath, screenActionNames, screenFieldNames, severityBucket, slugifyFlowName, sourceConnectorId, stageStepNames, stageStepOutputReferenced, stepsOf, targetConnectorId, typeOfCollection, uniqueFlowName, valuedFieldOf, valuedFieldsOf, variantFieldOf, variantOf, variantPresetOf };
+export { ConditionEditorComponent, ConnectorEditorComponent, DebugPanelComponent, DynamicScreenInspectorComponent, 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_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, FlowApiError, FlowBuilderApi, FlowBuilderComponent, FlowCanvasComponent, FlowCatalogStore, FlowClipboardService, FlowDictionaryStore, FlowDocumentStore, FlowEditorSession, FlowLayoutService, FlowValidationStore, FormulaEditorComponent, FormulaValidationService, 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, buildClipboardPayload, canvasNodeId, checkConditionLogic, checkFlowName, describePathEntry, duplicateField, elementIcon, emptyFlowDefinition, fieldAt, filterReferences, flattenFields, flowNodeWidth, flowNodeWidthClass, innerNamesOf, insertField, isClipboardPayload, isCustomConditionLogic, isEmptyReferenceFilter, isFieldResource, isGlobalReference, isNumericType, isPathInside, isTypeCheckedOperator, isValidFlowName, isValued, loadPathLevel, matchesReferenceFilter, moveCondition, moveField, navigatePath, outletByKey, outletsOf, parseCanvasNodeId, parseInvariantNumber, parseSourceConnectorId, parseTargetConnectorId, pathAvailableNames, pathContainerLabel, pathKey, pathNotVerifiableMessage, planPaste, referenceRoot, referencedRootsOf, remapConditionLogic, removeCondition, removeField, resolvePath, rewriteReferences, samePath, screenActionNames, screenFieldNames, severityBucket, slugifyFlowName, sourceConnectorId, stageStepNames, stageStepOutputReferenced, stepsOf, targetConnectorId, typeOfCollection, uniqueFlowName, valuedFieldOf, valuedFieldsOf, variantFieldOf, variantOf, variantPresetOf };
 //# sourceMappingURL=esfaenza-flow-builder.mjs.map