@esfaenza/flow-builder 20.3.5 → 20.3.7

package/fesm2022/esfaenza-flow-builder.mjs

@@ -1,6 +1,6 @@
 import { HttpClient, HttpErrorResponse, HttpParams } from '@angular/common/http';
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, signal, computed, Injectable, DestroyRef, input, output, viewChild, ChangeDetectionStrategy, Component, effect, untracked, ElementRef, Directive } from '@angular/core';
+import { InjectionToken, inject, signal, effect, computed, Injectable, DestroyRef, input, output, viewChild, ChangeDetectionStrategy, Component, untracked, ElementRef, Directive } from '@angular/core';
 import { firstValueFrom } from 'rxjs';
 import dagre from 'dagre';
 import * as i1 from '@foblex/flow';
@@ -800,7 +800,7 @@ function elementIcon(type, label, variant) {
     if (icon) {
         return icon;
     }
-    const fallback = (label || type).trim().charAt(0).toUpperCase();
+    const fallback = (label || type)?.trim().charAt(0).toUpperCase();
     return fallback || '•';
 }
 
@@ -865,7 +865,7 @@ function isValidFlowName(name) {
  * `currentName` esclude se stesso dal controllo, per non segnalare un elemento in modifica.
  */
 function checkFlowName(name, usedNames, currentName) {
-    const trimmed = (name ?? '').trim();
+    const trimmed = (name ?? '')?.trim();
     if (!trimmed) {
         return { isValid: false, problem: 'empty', message: 'Il nome tecnico e’ obbligatorio.' };
     }
@@ -896,7 +896,7 @@ function checkFlowName(name, usedNames, currentName) {
  * Va lasciato modificabile finche' l'elemento e' nuovo.
  */
 function slugifyFlowName(label) {
-    const source = (label ?? '').trim();
+    const source = (label ?? '')?.trim();
     if (!source) {
         return '';
     }
@@ -938,7 +938,7 @@ function uniqueFlowName(base, usedNames) {
  * `Cliente.Email` → `Cliente`; `$Record.Stato` → `$Record`; `Importo` → `Importo`.
  */
 function referenceRoot(reference) {
-    const value = (reference ?? '').trim();
+    const value = (reference ?? '')?.trim();
     const dot = value.indexOf('.');
     return dot < 0 ? value : value.slice(0, dot);
 }
@@ -960,7 +960,7 @@ function isCustomConditionLogic(logic) {
     if (!logic) {
         return false;
     }
-    const normalized = logic.trim().toLowerCase();
+    const normalized = logic?.trim().toLowerCase();
     return normalized !== 'and' && normalized !== 'or' && normalized !== 'formula';
 }
 /**
@@ -1047,7 +1047,7 @@ function moveCondition(holder, from, to) {
  * del backend (`CONDITION_LOGIC_INVALID`).
  */
 function checkConditionLogic(logic, conditionCount) {
-    const trimmed = logic.trim();
+    const trimmed = logic?.trim();
     if (!trimmed) {
         return null;
     }
@@ -1154,7 +1154,7 @@ function areTypesComparable(left, right) {
  * scrive — e la traduce, invece di lasciare che `parseFloat` tronchi silenziosamente a `1`.
  */
 function parseInvariantNumber(raw) {
-    const trimmed = raw.trim();
+    const trimmed = raw?.trim();
     if (!trimmed) {
         return undefined;
     }
@@ -1209,7 +1209,7 @@ function stageStepOutputReferenced(reference, steps) {
     if (!reference) {
         return undefined;
     }
-    const root = referenceRoot(reference.trim());
+    const root = referenceRoot(reference?.trim());
     return steps.find((step) => !!step.name && step.name === root)?.name;
 }
 /**
@@ -1264,7 +1264,7 @@ function severityBucket(severity) {
     if (!severity) {
         return 'Info';
     }
-    return BUCKET_BY_NAME.get(severity.trim().toLowerCase()) ?? 'Info';
+    return BUCKET_BY_NAME.get(severity?.trim().toLowerCase()) ?? 'Info';
 }
 /** L'ordine in cui si presentano: prima cio' che blocca l'attivazione. */
 const SEVERITY_BUCKETS = ['Error', 'Warning', 'Info'];
@@ -1285,6 +1285,260 @@ const SEVERITY_ICON = {
     Info: 'i',
 };
 
+/**
+ * Navigazione dei percorsi puntati — FRONTEND.md §4.4, §4.7, §4.7.1, §5.2, §5.7.
+ *
+ * La specifica e' cambiata su questo punto: i percorsi con il punto **si verificano**. Un percorso
+ * di relazione (`Cliente.Citta`) si naviga un segmento alla volta e l'ultimo si verifica come un
+ * campo semplice; dentro un'istanza di classe i membri annidati (`Richiesta.Cliente.Nome`) si
+ * verificano **fino in fondo**, seguendo `objectType` di classe in classe e passando ai campi
+ * dello schema quando il membro porta un record. Dove la catena si interrompe il rilievo e'
+ * l'avviso `PATH_NOT_VERIFIABLE`, che significa "non lo so" e non "sbagliato".
+ *
+ * Perche' sta qui e non in tre pickers: la catena e' la stessa per campi e membri — cambiano solo
+ * la primitiva che descrive la tappa (`listFields` contro `describeStructure`) e le parole
+ * dell'avviso. Tenerla in un posto solo e' anche il modo di non far divergere l'editor dal
+ * validatore, che naviga la stessa catena.
+ *
+ * Le due cose da non confondere:
+ *
+ *  - **`objectType` di un membro** porta il nome di una classe se il membro e' `Structure`, il nome
+ *    di un'**entita' dello schema** se il membro e' `Object` — e da lì in poi si continua con i
+ *    campi, non con i membri (§4.7.1). Un `Enum` non e' un contenitore: `objectType` lì e' un tipo
+ *    di enumerazione e il percorso finisce.
+ *  - **scrivibile** non vuol dire la stessa cosa nei due mondi: un membro porta il proprio
+ *    `isWritable`, un campo no — fuori da un Create o da un Update il contesto non c'e', quindi
+ *    basta che sia `isCreateable` **oppure** `isUpdateable`, e un campo che non e' ne' l'uno ne'
+ *    l'altro e' `TARGET_NOT_WRITABLE` in qualunque contesto (§5.7).
+ */
+/** Il `dataType` porta un contenitore solo se e' `Object` o `Structure`, e non su una collection. */
+function containerOf(dataType, objectType, isCollection) {
+    if (isCollection || !objectType) {
+        return undefined;
+    }
+    if (dataType === 'Structure') {
+        return { kind: 'structure', name: objectType };
+    }
+    if (dataType === 'Object') {
+        return { kind: 'object', name: objectType };
+    }
+    // `Enum` porta un tipo di enumerazione in `objectType`: non e' una tappa navigabile.
+    return undefined;
+}
+function fieldEntry(field) {
+    return {
+        name: field.name,
+        label: field.label ?? null,
+        dataType: field.dataType,
+        objectType: field.objectType ?? null,
+        // §5.7 — fuori da un Create o da un Update il contesto non c'e': basta scrivibile in un modo.
+        // Ne' createable ne' updateable = non scrivibile in nessun contesto (`TARGET_NOT_WRITABLE`).
+        isWritable: field.isCreateable !== false || field.isUpdateable !== false,
+        next: containerOf(field.dataType, field.objectType, false),
+        description: field.isRequired ? 'obbligatorio' : null,
+    };
+}
+function memberEntry(member) {
+    return {
+        name: member.name,
+        label: member.label ?? null,
+        description: member.description ?? null,
+        dataType: member.dataType,
+        objectType: member.objectType ?? null,
+        isCollection: member.isCollection ?? false,
+        isWritable: member.isWritable !== false,
+        next: containerOf(member.dataType, member.objectType, member.isCollection),
+    };
+}
+/**
+ * Descrive una tappa. `usage` vale solo per le entita' e solo dove serve: i segmenti **intermedi**
+ * si chiedono sempre con `any`, perche' l'uso riguarda l'ultimo — un filtro su `Cliente.Citta`
+ * esige che `Citta` sia filtrabile, non che lo sia la relazione (§4.4).
+ */
+async function loadPathLevel(catalog, container, usage = 'any') {
+    if (!container.name) {
+        return { container, status: 'unknown-catalog', entries: [] };
+    }
+    if (container.kind === 'structure') {
+        // `describeStructure` non rifiuta: gli esiti sono dati, non errori (§4.7.1).
+        const described = await catalog.describeStructure(container.name);
+        return {
+            container,
+            label: described.label ?? null,
+            status: described.status === 'unknown-class' ? 'unknown-container' : described.status,
+            entries: described.members.map(memberEntry),
+        };
+    }
+    try {
+        const fields = (await catalog.listFields(container.name, usage)) ?? [];
+        // Lista vuota = "non lo so", non "nessun campo": lì non si accusa nessuno (§7).
+        return { container, status: fields.length ? 'declared' : 'undeclared', entries: fields.map(fieldEntry) };
+    }
+    catch {
+        return { container, status: 'unknown-catalog', entries: [] };
+    }
+}
+/** Da uno stato di tappa non autorevole al motivo per cui il percorso non e' verificabile. */
+function reasonOf(status) {
+    return status === 'declared' ? 'unknown-segment' : status;
+}
+/**
+ * Naviga `path` a partire da `root`, un segmento alla volta. Non rifiuta mai: un catalogo assente
+ * e' un esito (`unverifiable`), non un errore da gestire in ogni chiamante.
+ */
+async function resolvePath(catalog, root, path, options) {
+    const trimmed = (path ?? '')?.trim();
+    const segments = trimmed.split('.').map((segment) => segment?.trim());
+    const levels = [];
+    const resolved = [];
+    const base = { root, path: trimmed, segments, levels, resolved };
+    let container = root;
+    for (let index = 0; index < segments.length; index += 1) {
+        const segment = segments[index];
+        const isLast = index === segments.length - 1;
+        const prefix = segments.slice(0, index).join('.');
+        const level = await loadPathLevel(catalog, container, isLast ? (options?.usage ?? 'any') : 'any');
+        levels.push(level);
+        if (isLast) {
+            const tail = { level, prefix, segment };
+            if (!segment) {
+                // Percorso vuoto, o appena aperto col punto: non c'e' niente da verificare, c'e' da proporre.
+                return { ...base, status: 'empty', tail };
+            }
+            if (level.status !== 'declared') {
+                return {
+                    ...base,
+                    status: 'unverifiable',
+                    reason: reasonOf(level.status),
+                    stoppedAt: { index, segment },
+                    tail,
+                };
+            }
+            const entry = level.entries.find((candidate) => candidate.name === segment);
+            if (!entry) {
+                return { ...base, status: 'unknown', reason: 'unknown-segment', stoppedAt: { index, segment }, tail };
+            }
+            resolved.push(entry);
+            return { ...base, status: 'resolved', last: entry, tail };
+        }
+        if (!segment) {
+            // Un segmento intermedio vuoto (`Cliente..Citta`) non designa niente e non si propone.
+            return { ...base, status: 'empty' };
+        }
+        if (level.status !== 'declared') {
+            return { ...base, status: 'unverifiable', reason: reasonOf(level.status), stoppedAt: { index, segment } };
+        }
+        const entry = level.entries.find((candidate) => candidate.name === segment);
+        if (!entry) {
+            return { ...base, status: 'unknown', reason: 'unknown-segment', stoppedAt: { index, segment } };
+        }
+        resolved.push(entry);
+        const next = entry.isCollection ? undefined : entry.next;
+        if (!next) {
+            // Il resto del percorso resta non verificato: e' un "non lo so", non un errore (§4.4).
+            return {
+                ...base,
+                status: 'unverifiable',
+                reason: entry.isCollection ? 'collection' : 'no-object-type',
+                stoppedAt: { index: index + 1, segment: segments[index + 1] },
+            };
+        }
+        container = next;
+    }
+    // Irraggiungibile: `split` restituisce sempre almeno un segmento.
+    return { ...base, status: 'empty' };
+}
+/** Come chiamare una tappa in un messaggio: la classe ha una label, l'entita' il proprio nome. */
+function pathContainerLabel(level) {
+    if (!level) {
+        return '';
+    }
+    return level.label || level.container.name;
+}
+/**
+ * Il testo dell'avviso `PATH_NOT_VERIFIABLE`, con il **motivo**: "non verificabile" senza dire
+ * perche' e' indistinguibile da un difetto dell'editor.
+ */
+function pathNotVerifiableMessage(resolution) {
+    const level = resolution.levels[resolution.levels.length - 1];
+    const stopped = resolution.stoppedAt?.segment;
+    const before = resolution.resolved[resolution.resolved.length - 1]?.name;
+    const tail = stopped ? `«${stopped}»` : 'il resto del percorso';
+    switch (resolution.reason) {
+        case 'collection':
+            return `«${before}» e’ una collection: dentro una collection il percorso non si verifica, ${tail} resta non verificato (PATH_NOT_VERIFIABLE).`;
+        case 'no-object-type':
+            return `«${before}» non dichiara dove il percorso continua: ${tail} resta non verificato (PATH_NOT_VERIFIABLE).`;
+        case 'unknown-container':
+            return `La classe ${level?.container.name} non e’ registrata: correggi la classe, non il percorso (STRUCTURE_TYPE_UNKNOWN).`;
+        case 'undeclared':
+            return level?.container.kind === 'structure'
+                ? `${pathContainerLabel(level)} non dichiara i suoi membri: ${tail} non e’ verificabile (PATH_NOT_VERIFIABLE).`
+                : `Il catalogo dei campi di ${pathContainerLabel(level)} non e’ popolato: ${tail} non e’ verificabile (PATH_NOT_VERIFIABLE).`;
+        case 'unknown-catalog':
+            return `Catalogo non disponibile: ${tail} non e’ verificabile (PATH_NOT_VERIFIABLE).`;
+        default:
+            return `${tail} non e’ verificabile (PATH_NOT_VERIFIABLE).`;
+    }
+}
+/** I nomi proponibili nella tappa dove un segmento non e' stato trovato: il messaggio li elenca. */
+function pathAvailableNames(resolution) {
+    const level = resolution.levels[resolution.levels.length - 1];
+    return (level?.entries ?? []).map((entry) => entry.name);
+}
+/**
+ * La riga di descrizione di un segmento proponibile. `showWritability` la chiede chi sta
+ * compilando una **destinazione**: in un filtro "sola lettura" sarebbe rumore, in un campo di
+ * destinazione e' l'informazione che evita `TARGET_NOT_WRITABLE`.
+ */
+function describePathEntry(entry, options) {
+    const parts = [];
+    if (entry.label && entry.label !== entry.name) {
+        parts.push(entry.label);
+    }
+    if (entry.dataType) {
+        const type = entry.isCollection ? `${entry.dataType}[]` : entry.dataType;
+        parts.push(entry.objectType ? `${type} · ${entry.objectType}` : type);
+    }
+    if (options?.showWritability && !entry.isWritable) {
+        parts.push('sola lettura');
+    }
+    if (entry.description) {
+        parts.push(entry.description);
+    }
+    return parts.join(' · ');
+}
+/**
+ * La navigazione come coppia di signal, per i pickers. Da chiamare in un **contesto di
+ * iniezione** (il costruttore del componente), perche' dentro crea un `effect`.
+ *
+ * Il token di sequenza non e' cosmetico: le tappe si caricano una alla volta e una risposta
+ * superata che arriva dopo mostrerebbe l'avviso di un percorso che l'utente ha già cambiato.
+ */
+function navigatePath(catalog, request) {
+    const resolution = signal(null, ...(ngDevMode ? [{ debugName: "resolution" }] : []));
+    const isPending = signal(false, ...(ngDevMode ? [{ debugName: "isPending" }] : []));
+    let sequence = 0;
+    effect(() => {
+        const current = request();
+        const token = ++sequence;
+        if (!current?.root?.name) {
+            resolution.set(null);
+            isPending.set(false);
+            return;
+        }
+        isPending.set(true);
+        void resolvePath(catalog, current.root, current.path, { usage: current.usage }).then((result) => {
+            if (token !== sequence) {
+                return;
+            }
+            resolution.set(result);
+            isPending.set(false);
+        });
+    });
+    return { resolution: resolution.asReadonly(), isPending: isPending.asReadonly() };
+}
+
 /**
  * Lo store del documento in lavorazione.
  *
@@ -3287,7 +3541,7 @@ class ElementPaletteComponent {
         return items;
     }, ...(ngDevMode ? [{ debugName: "items" }] : []));
     groups = computed(() => {
-        const needle = this.filter().trim().toLowerCase();
+        const needle = this.filter()?.trim().toLowerCase();
         const groups = [];
         for (const item of this.items()) {
             // La ricerca guarda anche l'etichetta del tipo: cercando «ordina o filtra» si trovano
@@ -3375,7 +3629,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
         }], propDecorators: { processType: [{ type: i0.Input, args: [{ isSignal: true, alias: "processType", required: false }] }], elementPicked: [{ type: i0.Output, args: ["elementPicked"] }] } });
 
 /**
- * Selettore di riferimento — FRONTEND.md §4.1, §4.5, §6.4, §13.3.
+ * Selettore di riferimento — FRONTEND.md §4.1, §4.5, §4.7, §5.2, §6.4, §13.3.
  *
  * Un riferimento e' testo libero, e un nome sbagliato e' indistinguibile da uno giusto se
  * non si conosce l'insieme dei nomi definiti. Questo componente chiede l'insieme a
@@ -3386,18 +3640,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
  * pur non essendo dichiarati in nessuna collection di risorse: la primitiva li restituisce
  * già, ed e' il motivo per cui non si ricostruisce l'elenco lato client.
  *
- * Resta possibile scrivere a mano: i percorsi di relazione e i campi di un record non sono
- * enumerabili. Gli scope del sistema ospite (`$User.X`), invece, sono verificabili **quando
- * l'host li dichiara**: se `globalVariables` porta almeno un percorso di quello scope, un
- * percorso che non c'e' e' `GLOBAL_UNKNOWN`; se non ne porta nessuno, lo scope resta non
- * verificabile — che significa "non lo so", non "non esiste" (§4.1).
- *
- * I **membri di una classe** sono l'eccezione ai percorsi non enumerabili (§4.7): quando la
- * radice e' una risorsa `Structure` i membri arrivano da
- * `GET /catalog/structures/{className}/members`, quindi si propongono come `Richiesta.Ragione`
- * e il **primo** segmento si verifica — un membro che non c'e' e'
- * `STRUCTURE_MEMBER_UNKNOWN`, e in un campo di destinazione un membro calcolato e'
- * `TARGET_NOT_WRITABLE`. Oltre il primo segmento resta valida la regola generale: nessuno lo sa.
+ * I **percorsi navigati** non sono piu' tutti uguali. Quando la radice e' una risorsa dichiarata
+ * di cui si conosce la forma — una `Structure` con la sua classe, un record con la sua entita' — il
+ * percorso si naviga **fino in fondo** (§4.4, §4.7.1): i segmenti si propongono un livello alla
+ * volta, un nome che non c'e' e' `STRUCTURE_MEMBER_UNKNOWN` o `FIELD_UNKNOWN`, e in un campo di
+ * destinazione un membro calcolato — o un campo ne' `createable` ne' `updateable` — e'
+ * `TARGET_NOT_WRITABLE` (§5.7). Dove la catena si interrompe l'avviso e' `PATH_NOT_VERIFIABLE`.
+ *
+ * Restano non verificabili due cose, e per motivi diversi: i percorsi radicati sul **risultato
+ * automatico** di un elemento (`Leggi_Contatti.Owner.Name`), di cui il documento non dichiara la
+ * forma, e gli scope del sistema ospite che non dichiarano i propri percorsi (`$User.X`) — lì
+ * "non lo so" non e' "non esiste" (§4.1).
  */
 class ReferencePickerComponent {
     api = inject(FlowBuilderApi);
@@ -3472,62 +3725,76 @@ class ReferencePickerComponent {
             })
                 .finally(() => this.isLoading.set(false));
         });
-        // I membri della classe da cui si sta navigando: caricati solo quando servono, cioe' quando
-        // la radice del valore e' davvero una `Structure` (§4.7).
-        effect(() => {
-            const className = this.structureRoot()?.objectType;
-            if (!className) {
-                this.members.set([]);
-                return;
-            }
-            // §4.7.1 — solo un elenco `declared` autorizza a dire che un membro non esiste: membri non
-            // dichiarati, classe non registrata e catalogo assente danno tutti e tre nessuna proposta e
-            // nessuna accusa, ma per la classe non registrata l'errore e' già sulla risorsa.
-            void this.catalog
-                .describeStructure(className)
-                .then((result) => this.members.set(result.status === 'declared' ? result.members : []));
-        });
     }
     /**
-     * §4.7 — la risorsa `Structure` da cui il valore corrente sta navigando, se c'e'. È quella
-     * che rende i membri proponibili: senza classe non c'e' catalogo da interrogare.
+     * La risorsa da cui il valore corrente sta navigando, quando la sua forma e' **dichiarata**: una
+     * `Structure` con la classe, un record con l'entita'. È cio' che rende il percorso verificabile.
+     *
+     * Un output automatico e' escluso di proposito: la primitiva ne dichiara il tipo, ma la
+     * specifica tiene i percorsi che ne partono fuori dalla validazione (§7, ultimo capoverso), e
+     * l'editor non deve accusare cio' che il backend non verifica.
      */
-    structureRoot = computed(() => {
-        const typed = (this.query().trim() || this.value() || '').trim();
-        const root = typed ? referenceRoot(typed) : '';
+    navigableRoot = computed(() => {
+        const root = referenceRoot((this.value() ?? '')?.trim());
         if (!root) {
             return undefined;
         }
-        return this.references().find((reference) => reference.name === root && this.dictionaries.isStructure(reference.dataType) && !!reference.objectType);
-    }, ...(ngDevMode ? [{ debugName: "structureRoot" }] : []));
-    members = signal([], ...(ngDevMode ? [{ debugName: "members" }] : []));
-    /** I membri come riferimenti navigati: `Richiesta.Ragione`, col tipo del membro. */
-    memberReferences = computed(() => {
-        const root = this.structureRoot();
-        if (!root) {
+        const reference = this.references().find((candidate) => candidate.name === root);
+        if (!reference || reference.kind === 'ElementOutput' || !reference.objectType || reference.isCollection) {
+            return undefined;
+        }
+        if (this.dictionaries.isStructure(reference.dataType)) {
+            return { reference, container: { kind: 'structure', name: reference.objectType } };
+        }
+        return reference.dataType === 'Object'
+            ? { reference, container: { kind: 'object', name: reference.objectType } }
+            : undefined;
+    }, ...(ngDevMode ? [{ debugName: "navigableRoot" }] : []));
+    /** Il percorso dopo la radice: `Cliente.Email` di `Richiesta.Cliente.Email`. */
+    navigatedPath = computed(() => {
+        const root = this.navigableRoot()?.reference.name;
+        const value = (this.value() ?? '')?.trim();
+        return root && value.length > root.length ? value.slice(root.length + 1) : '';
+    }, ...(ngDevMode ? [{ debugName: "navigatedPath" }] : []));
+    navigation = navigatePath(this.catalog, () => {
+        const root = this.navigableRoot();
+        return root ? { root: root.container, path: this.navigatedPath() } : null;
+    });
+    resolution = this.navigation.resolution;
+    /** La tappa in cui si sta scrivendo: da qui vengono le proposte dei segmenti. */
+    tail = computed(() => this.resolution()?.tail, ...(ngDevMode ? [{ debugName: "tail" }] : []));
+    /**
+     * I segmenti come riferimenti navigati: `Richiesta.Cliente.Email`, col tipo del segmento. Un
+     * segmento di sola lettura non si propone in un campo di destinazione, a meno che da lì il
+     * percorso continui: `Richiesta.Cliente` non si assegna, ma `Richiesta.Cliente.Email` sì (§5.7).
+     */
+    pathReferences = computed(() => {
+        const root = this.navigableRoot();
+        const tail = this.tail();
+        if (!root || !tail) {
             return [];
         }
-        return this.members()
-            // In un campo di destinazione un membro calcolato non si propone: assegnarlo e'
-            // `TARGET_NOT_WRITABLE`, e proporlo sarebbe un invito a sbagliare (§4.7).
-            .filter((member) => !this.writableOnly() || member.isWritable !== false)
-            .map((member) => ({
-            name: `${root.name}.${member.name}`,
-            label: member.label ?? null,
-            kind: 'StructureMember',
-            dataType: member.dataType ?? null,
-            isCollection: member.isCollection ?? false,
-            objectType: member.objectType ?? null,
-            isWritable: member.isWritable !== false,
-            description: member.isWritable === false ? 'sola lettura' : (member.description ?? null),
+        const prefix = tail.prefix ? `${root.reference.name}.${tail.prefix}` : root.reference.name;
+        const kind = tail.level.container.kind === 'object' ? 'RecordField' : 'StructureMember';
+        return tail.level.entries
+            .filter((entry) => !this.writableOnly() || entry.isWritable || !!entry.next)
+            .map((entry) => ({
+            name: `${prefix}.${entry.name}`,
+            label: entry.label ?? null,
+            kind,
+            dataType: entry.dataType ?? null,
+            isCollection: entry.isCollection ?? false,
+            objectType: entry.objectType ?? null,
+            isWritable: entry.isWritable,
+            description: entry.isWritable ? (entry.description ?? null) : 'sola lettura',
         }));
-    }, ...(ngDevMode ? [{ debugName: "memberReferences" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "pathReferences" }] : []));
     options = computed(() => {
-        const needle = this.query().trim().toLowerCase();
+        const needle = this.query()?.trim().toLowerCase();
         // Le globali assegnabili — `$Flow.CurrentStage`, `$Flow.ActiveStages` e quelle che l'host
         // dichiara scrivibili — le comprende già `POST /flows/references/writable`: aggiungerle
         // qui le duplicherebbe (§5.2, §6.4).
-        const all = [...this.references(), ...this.memberReferences()];
+        const all = [...this.references(), ...this.pathReferences()];
         if (!needle) {
             return all;
         }
@@ -3569,6 +3836,8 @@ class ReferencePickerComponent {
                 return 'Output di elementi';
             case 'StructureMember':
                 return 'Membri della classe';
+            case 'RecordField':
+                return 'Campi del record';
             case 'Global':
                 return 'Variabili globali';
             default:
@@ -3578,21 +3847,21 @@ class ReferencePickerComponent {
     /**
      * Stato del valore corrente rispetto all'elenco.
      *  - `known`: presente nell'elenco;
-     *  - `navigated`: la radice e' nota ma c'e' un percorso dopo il punto (campo di record,
-     *    output automatico navigato): la validazione non verifica i percorsi con il punto,
-     *    quindi si accetta senza segnalare;
+     *  - `navigated`: la radice e' nota ma la sua forma non e' dichiarata (output automatico di un
+     *    elemento): il percorso resta fuori dalla validazione, quindi si accetta senza segnalare;
      *  - `host`: scope del sistema ospite che **non dichiara percorsi**: non verificabile (§4.1);
-     *  - `member`: membro di una classe, esistente: qui il percorso **e'** verificato (§4.7);
-     *  - `memberUnknown`: la radice e' una `Structure` ma il membro non c'e': e'
-     *    `STRUCTURE_MEMBER_UNKNOWN`, e a differenza di un campo di record si sa per certo;
-     *  - `memberNotWritable`: il membro esiste, e' calcolato, e questo campo vuole una
+     *  - `member`: percorso dentro una forma dichiarata, verificato fino in fondo (§4.4, §4.7.1);
+     *  - `memberUnknown`: un segmento non esiste nella sua tappa: `STRUCTURE_MEMBER_UNKNOWN` su una
+     *    classe, `FIELD_UNKNOWN` su un'entita', e a differenza di prima si sa per certo;
+     *  - `memberNotWritable`: il segmento esiste, non e' scrivibile, e questo campo vuole una
      *    destinazione: `TARGET_NOT_WRITABLE`;
+     *  - `pathUnverified`: la catena si interrompe (`PATH_NOT_VERIFIABLE`): avviso, non errore;
      *  - `unknown`: nessuna corrispondenza: si avvisa, senza bloccare. Ci finisce anche il
      *    percorso inesistente di uno scope che i percorsi li dichiara, perche' lì il backend
      *    risponderebbe `GLOBAL_UNKNOWN`.
      */
     valueState = computed(() => {
-        const value = (this.value() ?? '').trim();
+        const value = (this.value() ?? '')?.trim();
         if (!value) {
             return 'empty';
         }
@@ -3604,19 +3873,20 @@ class ReferencePickerComponent {
         if (this.dictionaries.globalScope(root) && !this.dictionaries.isGlobalScopeVerifiable(root)) {
             return 'host';
         }
-        // Dentro una classe il primo segmento e' verificabile: dirlo "non verificato" sarebbe falso.
-        const structure = this.structureRoot();
-        if (structure && structure.name === root && this.members().length) {
-            const rest = value.slice(root.length + 1);
-            const segment = rest.includes('.') ? rest.slice(0, rest.indexOf('.')) : rest;
-            const member = this.members().find((candidate) => candidate.name === segment);
-            if (!member) {
-                return 'memberUnknown';
+        // Dentro una forma dichiarata il percorso e' verificabile: dirlo "non verificato" sarebbe falso.
+        if (this.navigableRoot()) {
+            const resolution = this.resolution();
+            switch (resolution?.status) {
+                case 'unknown':
+                    return 'memberUnknown';
+                case 'unverifiable':
+                    return 'pathUnverified';
+                case 'resolved':
+                    return this.writableOnly() && !resolution.last?.isWritable ? 'memberNotWritable' : 'member';
+                default:
+                    // Percorso ancora aperto (`Richiesta.`) o risposta non arrivata: non si accusa nessuno.
+                    return 'empty';
             }
-            if (this.writableOnly() && member.isWritable === false) {
-                return 'memberNotWritable';
-            }
-            return 'member';
         }
         if (all.some((reference) => reference.name === root)) {
             return 'navigated';
@@ -3624,22 +3894,43 @@ class ReferencePickerComponent {
         // Se l'elenco non e' arrivato, non si accusa nessuno.
         return all.length === 0 && this.isLoading() ? 'empty' : 'unknown';
     }, ...(ngDevMode ? [{ debugName: "valueState" }] : []));
+    /** Le parole cambiano con la tappa: un campo di un'entita' non e' un membro di una classe. */
+    tailIsObject = computed(() => {
+        const resolution = this.resolution();
+        return resolution?.levels[resolution.levels.length - 1]?.container.kind === 'object';
+    }, ...(ngDevMode ? [{ debugName: "tailIsObject" }] : []));
+    tailContainer = computed(() => {
+        const resolution = this.resolution();
+        return resolution?.levels[resolution.levels.length - 1]?.container.name ?? '';
+    }, ...(ngDevMode ? [{ debugName: "tailContainer" }] : []));
     hint = computed(() => {
+        const resolution = this.resolution();
         switch (this.valueState()) {
             case 'host':
                 return 'Scope risolto dal sistema ospite, che non dichiara i suoi percorsi: il backend non puo’ verificarlo.';
             case 'navigated':
-                return 'Percorso su un riferimento noto: la validazione non verifica i campi dopo il punto.';
-            case 'member':
-                return `Membro di ${this.structureRoot()?.objectType}. Oltre il primo segmento il percorso non e’ verificato.`;
+                return 'Percorso su un output automatico: la validazione non verifica i segmenti dopo il punto.';
+            case 'member': {
+                const what = this.tailIsObject() ? 'Campo' : 'Membro';
+                return `${what} di ${this.tailContainer()}: il percorso e’ verificato fino in fondo.`;
+            }
             case 'memberUnknown': {
-                const names = this.members()
-                    .map((member) => member.name)
-                    .join(', ');
-                return `Questo membro non esiste su ${this.structureRoot()?.objectType} (STRUCTURE_MEMBER_UNKNOWN). Disponibili: ${names}.`;
+                if (!resolution) {
+                    return null;
+                }
+                const segment = resolution.stoppedAt?.segment ?? '';
+                const names = pathAvailableNames(resolution).join(', ');
+                const head = this.tailIsObject()
+                    ? `«${segment}» non e’ un campo di ${this.tailContainer()} (FIELD_UNKNOWN).`
+                    : `«${segment}» non e’ un membro di ${this.tailContainer()} (STRUCTURE_MEMBER_UNKNOWN).`;
+                return names ? `${head} Disponibili: ${names}.` : head;
             }
             case 'memberNotWritable':
-                return 'Questo membro e’ calcolato: si legge, ma assegnarlo e’ TARGET_NOT_WRITABLE.';
+                return this.tailIsObject()
+                    ? 'Questo campo non si scrive ne’ creando ne’ aggiornando un record: assegnarlo e’ TARGET_NOT_WRITABLE.'
+                    : 'Questo membro e’ calcolato: si legge, ma assegnarlo e’ TARGET_NOT_WRITABLE.';
+            case 'pathUnverified':
+                return resolution ? pathNotVerifiableMessage(resolution) : null;
             case 'unknown':
                 return 'Questo nome non e’ fra i riferimenti disponibili: la validazione lo segnalerebbe.';
             default:
@@ -3669,9 +3960,25 @@ class ReferencePickerComponent {
         this.valueChange.emit(reference.name);
         this.close();
     }
-    /** Scrittura libera: indispensabile per i campi di un record e per gli scope dell'host. */
+    /**
+     * Scende di un livello dentro un percorso proponibile invece di scegliere il segmento: scrive il
+     * punto, e l'elenco diventa quello della tappa successiva. Serve perche' `Richiesta.Cliente` puo'
+     * essere il riferimento che si vuole **oppure** la tappa da cui continuare.
+     */
+    descend(reference) {
+        this.valueChange.emit(`${reference.name}.`);
+        this.query.set('');
+    }
+    /** `true` se da questo riferimento il percorso continua: la sua forma e' dichiarata. */
+    canDescend(reference) {
+        if (reference.isCollection || !reference.objectType || reference.kind === 'ElementOutput') {
+            return false;
+        }
+        return this.dictionaries.isStructure(reference.dataType) || reference.dataType === 'Object';
+    }
+    /** Scrittura libera: indispensabile per gli scope dell'host e per i percorsi non enumerabili. */
     onManualInput(value) {
-        this.valueChange.emit(value.trim() ? value.trim() : undefined);
+        this.valueChange.emit(value?.trim() ? value?.trim() : undefined);
     }
     clear() {
         this.valueChange.emit(undefined);
@@ -3690,11 +3997,11 @@ class ReferencePickerComponent {
         return parts.join(' · ');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ReferencePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ReferencePickerComponent, isStandalone: true, selector: "fb-reference-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, dataType: { classPropertyName: "dataType", publicName: "dataType", isSignal: true, isRequired: false, transformFunction: null }, isCollection: { classPropertyName: "isCollection", publicName: "isCollection", isSignal: true, isRequired: false, transformFunction: null }, objectType: { classPropertyName: "objectType", publicName: "objectType", isSignal: true, isRequired: false, transformFunction: null }, writableOnly: { classPropertyName: "writableOnly", publicName: "writableOnly", isSignal: true, isRequired: false, transformFunction: null }, elementsOnly: { classPropertyName: "elementsOnly", publicName: "elementsOnly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"fb-ref\" [class.fb-ref--open]=\"isOpen()\">\r\n  <div class=\"fb-ref__control\">\r\n    <input\r\n      class=\"fb-ref__input\"\r\n      type=\"text\"\r\n      [value]=\"value() || ''\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      (input)=\"onManualInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-ref__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i riferimenti disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-ref__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (hint()) {\r\n    <!-- Un membro inesistente o non scrivibile e' un **errore**: mostrarlo come avviso direbbe il falso. -->\r\n    <p\r\n      class=\"fb-ref__hint\"\r\n      [class.fb-ref__hint--warn]=\"valueState() === 'unknown'\"\r\n      [class.fb-ref__hint--error]=\"isHintError()\"\r\n    >\r\n      {{ hint() }}\r\n    </p>\r\n  }\r\n  @if (errorMessage()) {\r\n    <p class=\"fb-ref__hint fb-ref__hint--warn\">\r\n      Elenco dei riferimenti non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-ref__panel\" role=\"listbox\">\r\n      <input\r\n        class=\"fb-ref__search\"\r\n        type=\"search\"\r\n        placeholder=\"Filtra\"\r\n        aria-label=\"Filtra i riferimenti\"\r\n        (input)=\"onQuery($any($event.target).value)\"\r\n      />\r\n      @if (groups().length === 0) {\r\n        <p class=\"fb-ref__empty\">Nessun riferimento compatibile.</p>\r\n      }\r\n      @for (group of groups(); track group.kind) {\r\n        <div class=\"fb-ref__group\">\r\n          <span class=\"fb-ref__group-label\">{{ group.label }}</span>\r\n          @for (item of group.items; track item.name) {\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-ref__option\"\r\n              role=\"option\"\r\n              [attr.aria-selected]=\"item.name === value()\"\r\n              (click)=\"choose(item)\"\r\n            >\r\n              <span class=\"fb-ref__name\">{{ item.name }}</span>\r\n              <span class=\"fb-ref__meta\">{{ describe(item) }}</span>\r\n            </button>\r\n          }\r\n        </div>\r\n      }\r\n      <button type=\"button\" class=\"fb-ref__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-ref{position:relative}.fb-ref__control{display:flex;align-items:stretch;gap:0;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-ref--open .fb-ref__control{border-color:var(--fb-accent, #2f6feb)}.fb-ref__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-ref__input:focus-visible{outline:none}.fb-ref__toggle,.fb-ref__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-ref__toggle:hover,.fb-ref__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-ref__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-ref__hint--warn{color:var(--fb-warning, #b7791f)}.fb-ref__hint--error{color:var(--fb-error, #c9372c)}.fb-ref__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-ref__search{box-sizing:border-box;width:100%;margin-bottom:6px;padding:4px 6px;border:1px solid var(--fb-border, #d6dae1);border-radius:5px;font:inherit;font-size:12px}.fb-ref__group{margin-bottom:6px}.fb-ref__group-label{display:block;padding:2px 4px;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--fb-text-subtle, #98a2b3)}.fb-ref__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-ref__option:hover,.fb-ref__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-ref__name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.fb-ref__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-ref__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-ref__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ReferencePickerComponent, isStandalone: true, selector: "fb-reference-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, dataType: { classPropertyName: "dataType", publicName: "dataType", isSignal: true, isRequired: false, transformFunction: null }, isCollection: { classPropertyName: "isCollection", publicName: "isCollection", isSignal: true, isRequired: false, transformFunction: null }, objectType: { classPropertyName: "objectType", publicName: "objectType", isSignal: true, isRequired: false, transformFunction: null }, writableOnly: { classPropertyName: "writableOnly", publicName: "writableOnly", isSignal: true, isRequired: false, transformFunction: null }, elementsOnly: { classPropertyName: "elementsOnly", publicName: "elementsOnly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"fb-ref\" [class.fb-ref--open]=\"isOpen()\">\r\n  <div class=\"fb-ref__control\">\r\n    <input\r\n      class=\"fb-ref__input\"\r\n      type=\"text\"\r\n      [value]=\"value() || ''\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      (input)=\"onManualInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-ref__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i riferimenti disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-ref__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (hint()) {\r\n    <!-- Un membro inesistente o non scrivibile e' un **errore**: mostrarlo come avviso direbbe il falso. -->\r\n    <p\r\n      class=\"fb-ref__hint\"\r\n      [class.fb-ref__hint--warn]=\"valueState() === 'unknown'\"\r\n      [class.fb-ref__hint--error]=\"isHintError()\"\r\n    >\r\n      {{ hint() }}\r\n    </p>\r\n  }\r\n  @if (errorMessage()) {\r\n    <p class=\"fb-ref__hint fb-ref__hint--warn\">\r\n      Elenco dei riferimenti non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-ref__panel\" role=\"listbox\">\r\n      <input\r\n        class=\"fb-ref__search\"\r\n        type=\"search\"\r\n        placeholder=\"Filtra\"\r\n        aria-label=\"Filtra i riferimenti\"\r\n        (input)=\"onQuery($any($event.target).value)\"\r\n      />\r\n      @if (groups().length === 0) {\r\n        <p class=\"fb-ref__empty\">Nessun riferimento compatibile.</p>\r\n      }\r\n      @for (group of groups(); track group.kind) {\r\n        <div class=\"fb-ref__group\">\r\n          <span class=\"fb-ref__group-label\">{{ group.label }}</span>\r\n          @for (item of group.items; track item.name) {\r\n            <!-- Due bottoni dove il percorso continua: scegliere il riferimento e scendere di un\r\n                 livello sono cose diverse, e su una Structure o un record servono entrambe. -->\r\n            <div class=\"fb-ref__row\">\r\n              <button\r\n                type=\"button\"\r\n                class=\"fb-ref__option\"\r\n                role=\"option\"\r\n                [attr.aria-selected]=\"item.name === value()\"\r\n                (click)=\"choose(item)\"\r\n              >\r\n                <span class=\"fb-ref__name\">{{ item.name }}</span>\r\n                <span class=\"fb-ref__meta\">{{ describe(item) }}</span>\r\n              </button>\r\n              @if (canDescend(item)) {\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-ref__into\"\r\n                  [attr.aria-label]=\"'Entra in ' + item.name\"\r\n                  title=\"Entra e proponi i segmenti\"\r\n                  (click)=\"descend(item)\"\r\n                >\r\n                  \u203A\r\n                </button>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      }\r\n      <button type=\"button\" class=\"fb-ref__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-ref{position:relative}.fb-ref__control{display:flex;align-items:stretch;gap:0;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-ref--open .fb-ref__control{border-color:var(--fb-accent, #2f6feb)}.fb-ref__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-ref__input:focus-visible{outline:none}.fb-ref__toggle,.fb-ref__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-ref__toggle:hover,.fb-ref__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-ref__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-ref__hint--warn{color:var(--fb-warning, #b7791f)}.fb-ref__hint--error{color:var(--fb-error, #c9372c)}.fb-ref__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-ref__search{box-sizing:border-box;width:100%;margin-bottom:6px;padding:4px 6px;border:1px solid var(--fb-border, #d6dae1);border-radius:5px;font:inherit;font-size:12px}.fb-ref__group{margin-bottom:6px}.fb-ref__group-label{display:block;padding:2px 4px;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--fb-text-subtle, #98a2b3)}.fb-ref__row{display:flex;align-items:stretch;gap:2px}.fb-ref__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-ref__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-ref__option{display:flex;flex:1;flex-direction:column;min-width:0;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-ref__option:hover,.fb-ref__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-ref__name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.fb-ref__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-ref__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-ref__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ReferencePickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-reference-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-ref\" [class.fb-ref--open]=\"isOpen()\">\r\n  <div class=\"fb-ref__control\">\r\n    <input\r\n      class=\"fb-ref__input\"\r\n      type=\"text\"\r\n      [value]=\"value() || ''\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      (input)=\"onManualInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-ref__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i riferimenti disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-ref__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (hint()) {\r\n    <!-- Un membro inesistente o non scrivibile e' un **errore**: mostrarlo come avviso direbbe il falso. -->\r\n    <p\r\n      class=\"fb-ref__hint\"\r\n      [class.fb-ref__hint--warn]=\"valueState() === 'unknown'\"\r\n      [class.fb-ref__hint--error]=\"isHintError()\"\r\n    >\r\n      {{ hint() }}\r\n    </p>\r\n  }\r\n  @if (errorMessage()) {\r\n    <p class=\"fb-ref__hint fb-ref__hint--warn\">\r\n      Elenco dei riferimenti non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-ref__panel\" role=\"listbox\">\r\n      <input\r\n        class=\"fb-ref__search\"\r\n        type=\"search\"\r\n        placeholder=\"Filtra\"\r\n        aria-label=\"Filtra i riferimenti\"\r\n        (input)=\"onQuery($any($event.target).value)\"\r\n      />\r\n      @if (groups().length === 0) {\r\n        <p class=\"fb-ref__empty\">Nessun riferimento compatibile.</p>\r\n      }\r\n      @for (group of groups(); track group.kind) {\r\n        <div class=\"fb-ref__group\">\r\n          <span class=\"fb-ref__group-label\">{{ group.label }}</span>\r\n          @for (item of group.items; track item.name) {\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-ref__option\"\r\n              role=\"option\"\r\n              [attr.aria-selected]=\"item.name === value()\"\r\n              (click)=\"choose(item)\"\r\n            >\r\n              <span class=\"fb-ref__name\">{{ item.name }}</span>\r\n              <span class=\"fb-ref__meta\">{{ describe(item) }}</span>\r\n            </button>\r\n          }\r\n        </div>\r\n      }\r\n      <button type=\"button\" class=\"fb-ref__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-ref{position:relative}.fb-ref__control{display:flex;align-items:stretch;gap:0;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-ref--open .fb-ref__control{border-color:var(--fb-accent, #2f6feb)}.fb-ref__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-ref__input:focus-visible{outline:none}.fb-ref__toggle,.fb-ref__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-ref__toggle:hover,.fb-ref__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-ref__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-ref__hint--warn{color:var(--fb-warning, #b7791f)}.fb-ref__hint--error{color:var(--fb-error, #c9372c)}.fb-ref__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-ref__search{box-sizing:border-box;width:100%;margin-bottom:6px;padding:4px 6px;border:1px solid var(--fb-border, #d6dae1);border-radius:5px;font:inherit;font-size:12px}.fb-ref__group{margin-bottom:6px}.fb-ref__group-label{display:block;padding:2px 4px;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--fb-text-subtle, #98a2b3)}.fb-ref__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-ref__option:hover,.fb-ref__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-ref__name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.fb-ref__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-ref__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-ref__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"] }]
+            args: [{ selector: 'fb-reference-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-ref\" [class.fb-ref--open]=\"isOpen()\">\r\n  <div class=\"fb-ref__control\">\r\n    <input\r\n      class=\"fb-ref__input\"\r\n      type=\"text\"\r\n      [value]=\"value() || ''\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      (input)=\"onManualInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-ref__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i riferimenti disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-ref__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (hint()) {\r\n    <!-- Un membro inesistente o non scrivibile e' un **errore**: mostrarlo come avviso direbbe il falso. -->\r\n    <p\r\n      class=\"fb-ref__hint\"\r\n      [class.fb-ref__hint--warn]=\"valueState() === 'unknown'\"\r\n      [class.fb-ref__hint--error]=\"isHintError()\"\r\n    >\r\n      {{ hint() }}\r\n    </p>\r\n  }\r\n  @if (errorMessage()) {\r\n    <p class=\"fb-ref__hint fb-ref__hint--warn\">\r\n      Elenco dei riferimenti non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-ref__panel\" role=\"listbox\">\r\n      <input\r\n        class=\"fb-ref__search\"\r\n        type=\"search\"\r\n        placeholder=\"Filtra\"\r\n        aria-label=\"Filtra i riferimenti\"\r\n        (input)=\"onQuery($any($event.target).value)\"\r\n      />\r\n      @if (groups().length === 0) {\r\n        <p class=\"fb-ref__empty\">Nessun riferimento compatibile.</p>\r\n      }\r\n      @for (group of groups(); track group.kind) {\r\n        <div class=\"fb-ref__group\">\r\n          <span class=\"fb-ref__group-label\">{{ group.label }}</span>\r\n          @for (item of group.items; track item.name) {\r\n            <!-- Due bottoni dove il percorso continua: scegliere il riferimento e scendere di un\r\n                 livello sono cose diverse, e su una Structure o un record servono entrambe. -->\r\n            <div class=\"fb-ref__row\">\r\n              <button\r\n                type=\"button\"\r\n                class=\"fb-ref__option\"\r\n                role=\"option\"\r\n                [attr.aria-selected]=\"item.name === value()\"\r\n                (click)=\"choose(item)\"\r\n              >\r\n                <span class=\"fb-ref__name\">{{ item.name }}</span>\r\n                <span class=\"fb-ref__meta\">{{ describe(item) }}</span>\r\n              </button>\r\n              @if (canDescend(item)) {\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-ref__into\"\r\n                  [attr.aria-label]=\"'Entra in ' + item.name\"\r\n                  title=\"Entra e proponi i segmenti\"\r\n                  (click)=\"descend(item)\"\r\n                >\r\n                  \u203A\r\n                </button>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      }\r\n      <button type=\"button\" class=\"fb-ref__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-ref{position:relative}.fb-ref__control{display:flex;align-items:stretch;gap:0;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-ref--open .fb-ref__control{border-color:var(--fb-accent, #2f6feb)}.fb-ref__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-ref__input:focus-visible{outline:none}.fb-ref__toggle,.fb-ref__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-ref__toggle:hover,.fb-ref__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-ref__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-ref__hint--warn{color:var(--fb-warning, #b7791f)}.fb-ref__hint--error{color:var(--fb-error, #c9372c)}.fb-ref__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-ref__search{box-sizing:border-box;width:100%;margin-bottom:6px;padding:4px 6px;border:1px solid var(--fb-border, #d6dae1);border-radius:5px;font:inherit;font-size:12px}.fb-ref__group{margin-bottom:6px}.fb-ref__group-label{display:block;padding:2px 4px;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--fb-text-subtle, #98a2b3)}.fb-ref__row{display:flex;align-items:stretch;gap:2px}.fb-ref__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-ref__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-ref__option{display:flex;flex:1;flex-direction:column;min-width:0;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-ref__option:hover,.fb-ref__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-ref__name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.fb-ref__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-ref__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-ref__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"] }]
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], dataType: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataType", required: false }] }], isCollection: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCollection", required: false }] }], objectType: [{ type: i0.Input, args: [{ isSignal: true, alias: "objectType", required: false }] }], writableOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "writableOnly", required: false }] }], elementsOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "elementsOnly", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
 
 /**
@@ -3737,8 +4044,8 @@ class ObjectPickerComponent {
          * resterebbe nella casella pur non essendo piu' il valore del documento.
          */
         effect(() => {
-            const value = (this.value() ?? '').trim();
-            if (value !== (untracked(this.query) ?? '').trim()) {
+            const value = (this.value() ?? '')?.trim();
+            if (value !== (untracked(this.query) ?? '')?.trim()) {
                 this.query.set(null);
             }
         });
@@ -3746,7 +4053,7 @@ class ObjectPickerComponent {
     /** Quel che si vede nella casella: il filtro se si sta digitando, il valore altrimenti. */
     text = computed(() => this.query() ?? this.value() ?? '', ...(ngDevMode ? [{ debugName: "text" }] : []));
     options = computed(() => {
-        const needle = (this.query() ?? '').trim().toLowerCase();
+        const needle = (this.query() ?? '')?.trim().toLowerCase();
         const all = this.objects();
         if (!needle) {
             return all;
@@ -3759,14 +4066,14 @@ class ObjectPickerComponent {
      * "non lo so" non e' "non esiste".
      */
     isUnknown = computed(() => {
-        const value = (this.value() ?? '').trim();
+        const value = (this.value() ?? '')?.trim();
         if (!value || !this.hasCatalog()) {
             return false;
         }
         return !this.objects().some((object) => object.name === value);
     }, ...(ngDevMode ? [{ debugName: "isUnknown" }] : []));
     labelOfValue = computed(() => {
-        const value = (this.value() ?? '').trim();
+        const value = (this.value() ?? '')?.trim();
         const found = this.objects().find((object) => object.name === value);
         return found?.label && found.label !== found.name ? found.label : null;
     }, ...(ngDevMode ? [{ debugName: "labelOfValue" }] : []));
@@ -3788,7 +4095,7 @@ class ObjectPickerComponent {
     onInput(text) {
         this.query.set(text);
         this.open();
-        this.valueChange.emit(text.trim() ? text.trim() : undefined);
+        this.valueChange.emit(text?.trim() ? text?.trim() : undefined);
     }
     choose(object) {
         this.valueChange.emit(object.name);
@@ -3809,11 +4116,11 @@ class ObjectPickerComponent {
         return parts.join(' · ');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ObjectPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ObjectPickerComponent, isStandalone: true, selector: "fb-object-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra gli oggetti disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Questo nome non e\u2019 fra gli oggetti disponibili: la validazione lo segnalerebbe.\r\n    </p>\r\n  } @else if (labelOfValue()) {\r\n    <p class=\"fb-pick__hint\">{{ labelOfValue() }}</p>\r\n  } @else if (loadErrored()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Elenco degli oggetti non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (options().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          {{ hasCatalog() ? 'Nessun oggetto corrisponde.' : 'Catalogo degli oggetti non disponibile.' }}\r\n        </p>\r\n      }\r\n      @for (object of options(); track object.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"object.name === value()\"\r\n          (click)=\"choose(object)\"\r\n        >\r\n          <span class=\"fb-pick__name\">{{ object.name }}</span>\r\n          @if (describe(object)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(object) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ObjectPickerComponent, isStandalone: true, selector: "fb-object-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra gli oggetti disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Questo nome non e\u2019 fra gli oggetti disponibili: la validazione lo segnalerebbe.\r\n    </p>\r\n  } @else if (labelOfValue()) {\r\n    <p class=\"fb-pick__hint\">{{ labelOfValue() }}</p>\r\n  } @else if (loadErrored()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Elenco degli oggetti non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (options().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          {{ hasCatalog() ? 'Nessun oggetto corrisponde.' : 'Catalogo degli oggetti non disponibile.' }}\r\n        </p>\r\n      }\r\n      @for (object of options(); track object.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"object.name === value()\"\r\n          (click)=\"choose(object)\"\r\n        >\r\n          <span class=\"fb-pick__name\">{{ object.name }}</span>\r\n          @if (describe(object)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(object) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__row{display:flex;align-items:stretch;gap:2px}.fb-pick__row .fb-pick__option{flex:1;min-width:0}.fb-pick__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-pick__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ObjectPickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-object-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra gli oggetti disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Questo nome non e\u2019 fra gli oggetti disponibili: la validazione lo segnalerebbe.\r\n    </p>\r\n  } @else if (labelOfValue()) {\r\n    <p class=\"fb-pick__hint\">{{ labelOfValue() }}</p>\r\n  } @else if (loadErrored()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Elenco degli oggetti non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (options().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          {{ hasCatalog() ? 'Nessun oggetto corrisponde.' : 'Catalogo degli oggetti non disponibile.' }}\r\n        </p>\r\n      }\r\n      @for (object of options(); track object.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"object.name === value()\"\r\n          (click)=\"choose(object)\"\r\n        >\r\n          <span class=\"fb-pick__name\">{{ object.name }}</span>\r\n          @if (describe(object)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(object) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"] }]
+            args: [{ selector: 'fb-object-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra gli oggetti disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Questo nome non e\u2019 fra gli oggetti disponibili: la validazione lo segnalerebbe.\r\n    </p>\r\n  } @else if (labelOfValue()) {\r\n    <p class=\"fb-pick__hint\">{{ labelOfValue() }}</p>\r\n  } @else if (loadErrored()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Elenco degli oggetti non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (options().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          {{ hasCatalog() ? 'Nessun oggetto corrisponde.' : 'Catalogo degli oggetti non disponibile.' }}\r\n        </p>\r\n      }\r\n      @for (object of options(); track object.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"object.name === value()\"\r\n          (click)=\"choose(object)\"\r\n        >\r\n          <span class=\"fb-pick__name\">{{ object.name }}</span>\r\n          @if (describe(object)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(object) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__row{display:flex;align-items:stretch;gap:2px}.fb-pick__row .fb-pick__option{flex:1;min-width:0}.fb-pick__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-pick__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"] }]
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
 
 /**
@@ -3829,9 +4136,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
  * porta il flow che crea il record e non si cambia dopo, un identificativo generato dal database
  * e' l'opposto (§5.7).
  *
- * La scrittura libera resta possibile perche' i percorsi di relazione (`Cliente.Citta`) non
- * sono enumerabili: su un valore col punto non si accusa nessuno, si avvisa che la
- * validazione non lo verifica.
+ * I **percorsi di relazione** (`Cliente.Citta`) non sono piu' un buco nero: la validazione li
+ * segue un segmento alla volta (§4.4), e quindi li segue anche il picker — `core/path-navigation`
+ * naviga la catena, l'elenco propone **il livello in cui si sta scrivendo** e l'ultimo segmento si
+ * verifica con l'`usage` richiesto. Dove la catena si interrompe — una relazione che non dichiara
+ * l'oggetto referenziato, un oggetto non descritto, una collection — l'avviso e'
+ * `PATH_NOT_VERIFIABLE`, che vuol dire "non lo so" e non "sbagliato": la scrittura libera resta.
  */
 class FieldPickerComponent {
     catalog = inject(FlowCatalogStore);
@@ -3843,80 +4153,94 @@ class FieldPickerComponent {
     placeholder = input('Scrivi o scegli un campo', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
     disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
     valueChange = output();
-    fields = signal([], ...(ngDevMode ? [{ debugName: "fields" }] : []));
-    loadFailed = signal(false, ...(ngDevMode ? [{ debugName: "loadFailed" }] : []));
     isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
     /** Il testo digitato mentre il pannello e' aperto: filtra l'elenco. */
     query = signal(null, ...(ngDevMode ? [{ debugName: "query" }] : []));
+    /**
+     * La navigazione del percorso corrente. Il testo digitato conta quanto il valore: mentre si
+     * scrive `Cliente.Cit` l'elenco deve già essere quello dei campi di `Cliente`.
+     */
+    navigation = navigatePath(this.catalog, () => ({
+        root: this.object() ? { kind: 'object', name: this.object() } : null,
+        path: this.query() ?? this.value() ?? '',
+        usage: this.usage(),
+    }));
+    resolution = this.navigation.resolution;
     constructor() {
-        effect(() => {
-            const object = this.object();
-            const usage = this.usage();
-            this.loadFailed.set(false);
-            if (!object) {
-                this.fields.set([]);
-                return;
-            }
-            void this.catalog
-                .listFields(object, usage)
-                .then((list) => this.fields.set(list ?? []))
-                // Catalogo non disponibile: il campo resta scrivibile a mano, non bloccato.
-                .catch(() => {
-                this.fields.set([]);
-                this.loadFailed.set(true);
-            });
-        });
         // Vedi ObjectPickerComponent: il filtro sopravvive alla propria scrittura, non a un
         // valore che arriva da fuori (un'altra riga della lista, un altro elemento).
         effect(() => {
-            const value = (this.value() ?? '').trim();
-            if (value !== (untracked(this.query) ?? '').trim()) {
+            const value = (this.value() ?? '')?.trim();
+            if (value !== (untracked(this.query) ?? '')?.trim()) {
                 this.query.set(null);
             }
         });
     }
     text = computed(() => this.query() ?? this.value() ?? '', ...(ngDevMode ? [{ debugName: "text" }] : []));
+    /** La tappa in cui si sta scrivendo: da qui vengono le proposte, non dalla radice. */
+    tail = computed(() => this.resolution()?.tail, ...(ngDevMode ? [{ debugName: "tail" }] : []));
+    /** Cio' che si premette al nome scelto: `''` sul primo segmento, `Cliente.` sul secondo. */
+    prefix = computed(() => {
+        const prefix = this.tail()?.prefix ?? '';
+        return prefix ? `${prefix}.` : '';
+    }, ...(ngDevMode ? [{ debugName: "prefix" }] : []));
     options = computed(() => {
-        const needle = (this.query() ?? '').trim().toLowerCase();
-        const all = this.fields();
+        const tail = this.tail();
+        if (!tail) {
+            return [];
+        }
+        const needle = tail.segment?.trim().toLowerCase();
         if (!needle) {
-            return all;
+            return tail.level.entries;
         }
-        return all.filter((field) => `${field.name} ${field.label ?? ''}`.toLowerCase().includes(needle));
+        return tail.level.entries.filter((entry) => `${entry.name} ${entry.label ?? ''}`.toLowerCase().includes(needle));
     }, ...(ngDevMode ? [{ debugName: "options" }] : []));
-    hasCatalog = computed(() => this.fields().length > 0, ...(ngDevMode ? [{ debugName: "hasCatalog" }] : []));
-    /** `true` se il valore e' un percorso di relazione: non enumerabile, non verificato (§4.4). */
-    isRelationPath = computed(() => (this.value() ?? '').includes('.'), ...(ngDevMode ? [{ debugName: "isRelationPath" }] : []));
-    isUnknown = computed(() => {
-        const value = (this.value() ?? '').trim();
-        if (!value || !this.hasCatalog() || this.isRelationPath()) {
-            return false;
-        }
-        return !this.fields().some((field) => field.name === value);
-    }, ...(ngDevMode ? [{ debugName: "isUnknown" }] : []));
-    /** L'avviso dipende dall'uso: un campo puo' esistere e non essere filtrabile. */
+    /** `true` se la tappa in cui si scrive ha un elenco **autorevole** (§4.7.1). */
+    hasCatalog = computed(() => this.tail()?.level.status === 'declared', ...(ngDevMode ? [{ debugName: "hasCatalog" }] : []));
+    /** L'etichetta della tappa: serve nell'intestazione dell'elenco quando non e' la radice. */
+    levelLabel = computed(() => this.tail()?.level.container.name ?? '', ...(ngDevMode ? [{ debugName: "levelLabel" }] : []));
+    /** `true` se il valore e' un percorso navigato: cambia il testo dei messaggi, non la severita'. */
+    isPath = computed(() => (this.resolution()?.segments.length ?? 1) > 1, ...(ngDevMode ? [{ debugName: "isPath" }] : []));
+    isUnknown = computed(() => this.resolution()?.status === 'unknown', ...(ngDevMode ? [{ debugName: "isUnknown" }] : []));
+    /** §4.4 — la catena si e' interrotta: avviso, non errore. Il percorso puo' essere giusto. */
+    isNotVerifiable = computed(() => this.resolution()?.status === 'unverifiable', ...(ngDevMode ? [{ debugName: "isNotVerifiable" }] : []));
+    /**
+     * L'avviso dipende dall'uso — un campo puo' esistere e non essere filtrabile — e dalla **tappa**:
+     * su `Cliente.Citta` il campo che non esiste e' di `Cliente`, non dell'oggetto di partenza.
+     */
     unknownMessage = computed(() => {
+        const resolution = this.resolution();
+        const segment = resolution?.stoppedAt?.segment ?? '';
+        const container = this.levelLabel();
+        const names = resolution ? pathAvailableNames(resolution).join(', ') : '';
+        const what = `«${segment}»`;
+        const where = this.isPath() ? ` di ${container}` : '';
+        const suffix = names ? ` Disponibili: ${names}.` : '';
         switch (this.usage()) {
             case 'filterable':
-                return 'Questo campo non e’ fra quelli filtrabili dell’oggetto.';
+                return `${what} non e’ fra i campi filtrabili${where}.${suffix}`;
             case 'sortable':
-                return 'Questo campo non e’ fra quelli su cui si puo’ ordinare.';
+                return `${what} non e’ fra i campi su cui si puo’ ordinare${where}.${suffix}`;
             case 'updateable':
-                return 'Questo campo non e’ fra quelli aggiornabili dell’oggetto.';
+                return `${what} non e’ fra i campi aggiornabili${where}.${suffix}`;
             case 'createable':
                 // Non e' lo stesso insieme di `updateable`: la colonna di una chiave naturale si scrive
                 // creando il record e non si cambia dopo (§5.7).
-                return 'Questo campo non e’ fra quelli valorizzabili alla creazione.';
+                return `${what} non e’ fra i campi valorizzabili alla creazione${where}.${suffix}`;
             default:
-                return 'Questo campo non e’ fra quelli dell’oggetto.';
+                return `${what} non e’ un campo${where || ' dell’oggetto'}.${suffix}`;
         }
     }, ...(ngDevMode ? [{ debugName: "unknownMessage" }] : []));
+    notVerifiableMessage = computed(() => {
+        const resolution = this.resolution();
+        return resolution ? pathNotVerifiableMessage(resolution) : '';
+    }, ...(ngDevMode ? [{ debugName: "notVerifiableMessage" }] : []));
     describeValue = computed(() => {
-        const value = (this.value() ?? '').trim();
-        const found = this.fields().find((field) => field.name === value);
-        return found ? this.describe(found) || null : null;
+        const last = this.resolution()?.last;
+        return last ? describePathEntry(last) || null : null;
     }, ...(ngDevMode ? [{ debugName: "describeValue" }] : []));
-    loadErrored = computed(() => this.loadFailed(), ...(ngDevMode ? [{ debugName: "loadErrored" }] : []));
+    /** Catalogo non raggiungibile sulla **radice**: il campo resta scrivibile a mano, non bloccato. */
+    loadErrored = computed(() => this.resolution()?.levels[0]?.status === 'unknown-catalog', ...(ngDevMode ? [{ debugName: "loadErrored" }] : []));
     open() {
         if (this.disabled()) {
             return;
@@ -3933,35 +4257,40 @@ class FieldPickerComponent {
     onInput(text) {
         this.query.set(text);
         this.open();
-        this.valueChange.emit(text.trim() ? text.trim() : undefined);
+        this.valueChange.emit(text?.trim() ? text?.trim() : undefined);
     }
-    choose(field) {
-        this.valueChange.emit(field.name);
+    choose(entry) {
+        this.valueChange.emit(`${this.prefix()}${entry.name}`);
         this.close();
     }
+    /**
+     * Scende dentro una relazione invece di scegliere il campo: il pannello resta aperto e l'elenco
+     * diventa quello dell'oggetto referenziato. È l'equivalente di scrivere il punto, e infatti
+     * scrive il punto: il valore intermedio e' quello che si vedrebbe digitando.
+     */
+    descend(entry) {
+        const path = `${this.prefix()}${entry.name}.`;
+        this.query.set(path);
+        this.valueChange.emit(path);
+        this.open();
+    }
+    /** `true` se da questo campo il percorso continua: e' una relazione con l'oggetto dichiarato. */
+    canDescend(entry) {
+        return !!entry.next;
+    }
     clear() {
         this.valueChange.emit(undefined);
         this.close();
     }
-    describe(field) {
-        const parts = [];
-        if (field.label && field.label !== field.name) {
-            parts.push(field.label);
-        }
-        if (field.dataType) {
-            parts.push(field.objectType ? `${field.dataType} · ${field.objectType}` : field.dataType);
-        }
-        if (field.isRequired) {
-            parts.push('obbligatorio');
-        }
-        return parts.join(' · ');
+    describe(entry) {
+        return describePathEntry(entry);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: FieldPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: FieldPickerComponent, isStandalone: true, selector: "fb-field-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, object: { classPropertyName: "object", publicName: "object", isSignal: true, isRequired: false, transformFunction: null }, usage: { classPropertyName: "usage", publicName: "usage", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i campi disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isRelationPath()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Percorso di relazione: la validazione non lo verifica, un errore si scopre solo eseguendo.\r\n    </p>\r\n  } @else if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">{{ unknownMessage() }}</p>\r\n  } @else if (describeValue()) {\r\n    <p class=\"fb-pick__hint\">{{ describeValue() }}</p>\r\n  } @else if (loadErrored()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Elenco dei campi non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (options().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          @if (!object()) {\r\n            Scegli prima un oggetto.\r\n          } @else {\r\n            {{ hasCatalog() ? 'Nessun campo corrisponde.' : 'Catalogo dei campi non disponibile.' }}\r\n          }\r\n        </p>\r\n      }\r\n      @for (field of options(); track field.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"field.name === value()\"\r\n          (click)=\"choose(field)\"\r\n        >\r\n          <span class=\"fb-pick__name\">{{ field.name }}</span>\r\n          @if (describe(field)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(field) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: FieldPickerComponent, isStandalone: true, selector: "fb-field-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, object: { classPropertyName: "object", publicName: "object", isSignal: true, isRequired: false, transformFunction: null }, usage: { classPropertyName: "usage", publicName: "usage", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i campi disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">{{ unknownMessage() }}</p>\r\n  } @else if (isNotVerifiable()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">{{ notVerifiableMessage() }}</p>\r\n  } @else if (describeValue()) {\r\n    <p class=\"fb-pick__hint\">{{ describeValue() }}</p>\r\n  } @else if (loadErrored()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Elenco dei campi non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (prefix()) {\r\n        <p class=\"fb-pick__group\">Campi di {{ levelLabel() }}</p>\r\n      }\r\n      @if (options().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          @if (!object()) {\r\n            Scegli prima un oggetto.\r\n          } @else {\r\n            {{ hasCatalog() ? 'Nessun campo corrisponde.' : 'Catalogo dei campi non disponibile.' }}\r\n          }\r\n        </p>\r\n      }\r\n      @for (entry of options(); track entry.name) {\r\n        <div class=\"fb-pick__row\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-pick__option\"\r\n            role=\"option\"\r\n            [attr.aria-selected]=\"prefix() + entry.name === value()\"\r\n            (click)=\"choose(entry)\"\r\n          >\r\n            <span class=\"fb-pick__name\">{{ entry.name }}</span>\r\n            @if (describe(entry)) {\r\n              <span class=\"fb-pick__meta\">{{ describe(entry) }}</span>\r\n            }\r\n          </button>\r\n          @if (canDescend(entry)) {\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-pick__into\"\r\n              [attr.aria-label]=\"'Entra in ' + entry.name\"\r\n              title=\"Entra nella relazione\"\r\n              (click)=\"descend(entry)\"\r\n            >\r\n              \u203A\r\n            </button>\r\n          }\r\n        </div>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__row{display:flex;align-items:stretch;gap:2px}.fb-pick__row .fb-pick__option{flex:1;min-width:0}.fb-pick__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-pick__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: FieldPickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-field-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i campi disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isRelationPath()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Percorso di relazione: la validazione non lo verifica, un errore si scopre solo eseguendo.\r\n    </p>\r\n  } @else if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">{{ unknownMessage() }}</p>\r\n  } @else if (describeValue()) {\r\n    <p class=\"fb-pick__hint\">{{ describeValue() }}</p>\r\n  } @else if (loadErrored()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Elenco dei campi non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (options().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          @if (!object()) {\r\n            Scegli prima un oggetto.\r\n          } @else {\r\n            {{ hasCatalog() ? 'Nessun campo corrisponde.' : 'Catalogo dei campi non disponibile.' }}\r\n          }\r\n        </p>\r\n      }\r\n      @for (field of options(); track field.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"field.name === value()\"\r\n          (click)=\"choose(field)\"\r\n        >\r\n          <span class=\"fb-pick__name\">{{ field.name }}</span>\r\n          @if (describe(field)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(field) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"] }]
+            args: [{ selector: 'fb-field-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i campi disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">{{ unknownMessage() }}</p>\r\n  } @else if (isNotVerifiable()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">{{ notVerifiableMessage() }}</p>\r\n  } @else if (describeValue()) {\r\n    <p class=\"fb-pick__hint\">{{ describeValue() }}</p>\r\n  } @else if (loadErrored()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Elenco dei campi non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (prefix()) {\r\n        <p class=\"fb-pick__group\">Campi di {{ levelLabel() }}</p>\r\n      }\r\n      @if (options().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          @if (!object()) {\r\n            Scegli prima un oggetto.\r\n          } @else {\r\n            {{ hasCatalog() ? 'Nessun campo corrisponde.' : 'Catalogo dei campi non disponibile.' }}\r\n          }\r\n        </p>\r\n      }\r\n      @for (entry of options(); track entry.name) {\r\n        <div class=\"fb-pick__row\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-pick__option\"\r\n            role=\"option\"\r\n            [attr.aria-selected]=\"prefix() + entry.name === value()\"\r\n            (click)=\"choose(entry)\"\r\n          >\r\n            <span class=\"fb-pick__name\">{{ entry.name }}</span>\r\n            @if (describe(entry)) {\r\n              <span class=\"fb-pick__meta\">{{ describe(entry) }}</span>\r\n            }\r\n          </button>\r\n          @if (canDescend(entry)) {\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-pick__into\"\r\n              [attr.aria-label]=\"'Entra in ' + entry.name\"\r\n              title=\"Entra nella relazione\"\r\n              (click)=\"descend(entry)\"\r\n            >\r\n              \u203A\r\n            </button>\r\n          }\r\n        </div>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__row{display:flex;align-items:stretch;gap:2px}.fb-pick__row .fb-pick__option{flex:1;min-width:0}.fb-pick__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-pick__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"] }]
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], object: [{ type: i0.Input, args: [{ isSignal: true, alias: "object", required: false }] }], usage: [{ type: i0.Input, args: [{ isSignal: true, alias: "usage", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
 
 /**
@@ -4002,15 +4331,15 @@ class NamePickerComponent {
     constructor() {
         // Vedi ObjectPickerComponent: il filtro non sopravvive a un valore che arriva da fuori.
         effect(() => {
-            const value = (this.value() ?? '').trim();
-            if (value !== (untracked(this.query) ?? '').trim()) {
+            const value = (this.value() ?? '')?.trim();
+            if (value !== (untracked(this.query) ?? '')?.trim()) {
                 this.query.set(null);
             }
         });
     }
     text = computed(() => this.query() ?? this.value() ?? '', ...(ngDevMode ? [{ debugName: "text" }] : []));
     visibleOptions = computed(() => {
-        const needle = (this.query() ?? '').trim().toLowerCase();
+        const needle = (this.query() ?? '')?.trim().toLowerCase();
         const all = this.options();
         if (!needle) {
             return all;
@@ -4019,14 +4348,14 @@ class NamePickerComponent {
     }, ...(ngDevMode ? [{ debugName: "visibleOptions" }] : []));
     hasOptions = computed(() => this.options().length > 0, ...(ngDevMode ? [{ debugName: "hasOptions" }] : []));
     isUnknown = computed(() => {
-        const value = (this.value() ?? '').trim();
+        const value = (this.value() ?? '')?.trim();
         if (!value || !this.hasOptions()) {
             return false;
         }
         return !this.options().some((option) => option.name === value);
     }, ...(ngDevMode ? [{ debugName: "isUnknown" }] : []));
     labelOfValue = computed(() => {
-        const value = (this.value() ?? '').trim();
+        const value = (this.value() ?? '')?.trim();
         const found = this.options().find((option) => option.name === value);
         return found ? this.describe(found) || null : null;
     }, ...(ngDevMode ? [{ debugName: "labelOfValue" }] : []));
@@ -4046,7 +4375,7 @@ class NamePickerComponent {
     onInput(text) {
         this.query.set(text);
         this.open();
-        this.valueChange.emit(text.trim() ? text.trim() : undefined);
+        this.valueChange.emit(text?.trim() ? text?.trim() : undefined);
     }
     choose(option) {
         this.valueChange.emit(option.name);
@@ -4067,11 +4396,11 @@ class NamePickerComponent {
         return parts.join(' · ');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: NamePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: NamePickerComponent, isStandalone: true, selector: "fb-name-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, unknownMessage: { classPropertyName: "unknownMessage", publicName: "unknownMessage", isSignal: true, isRequired: false, transformFunction: null }, unknownSeverity: { classPropertyName: "unknownSeverity", publicName: "unknownSeverity", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, isMono: { classPropertyName: "isMono", publicName: "isMono", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      [class.fb-pick__input--mono]=\"isMono()\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i nomi disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isUnknown()) {\r\n    <p\r\n      class=\"fb-pick__hint\"\r\n      [class.fb-pick__hint--warn]=\"unknownSeverity() === 'warn'\"\r\n      [class.fb-pick__hint--error]=\"unknownSeverity() === 'error'\"\r\n    >\r\n      {{ unknownMessage() }}\r\n    </p>\r\n  } @else if (labelOfValue()) {\r\n    <p class=\"fb-pick__hint\">{{ labelOfValue() }}</p>\r\n  } @else if (!hasOptions()) {\r\n    <p class=\"fb-pick__hint\">{{ emptyMessage() }}</p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (visibleOptions().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          {{ hasOptions() ? 'Nessun nome corrisponde.' : 'Nessun candidato da proporre.' }}\r\n        </p>\r\n      }\r\n      @for (option of visibleOptions(); track option.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"option.name === value()\"\r\n          (click)=\"choose(option)\"\r\n        >\r\n          <span class=\"fb-pick__name\" [class.fb-pick__name--mono]=\"isMono()\">{{ option.name }}</span>\r\n          @if (describe(option)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(option) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: NamePickerComponent, isStandalone: true, selector: "fb-name-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, unknownMessage: { classPropertyName: "unknownMessage", publicName: "unknownMessage", isSignal: true, isRequired: false, transformFunction: null }, unknownSeverity: { classPropertyName: "unknownSeverity", publicName: "unknownSeverity", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, isMono: { classPropertyName: "isMono", publicName: "isMono", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      [class.fb-pick__input--mono]=\"isMono()\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i nomi disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isUnknown()) {\r\n    <p\r\n      class=\"fb-pick__hint\"\r\n      [class.fb-pick__hint--warn]=\"unknownSeverity() === 'warn'\"\r\n      [class.fb-pick__hint--error]=\"unknownSeverity() === 'error'\"\r\n    >\r\n      {{ unknownMessage() }}\r\n    </p>\r\n  } @else if (labelOfValue()) {\r\n    <p class=\"fb-pick__hint\">{{ labelOfValue() }}</p>\r\n  } @else if (!hasOptions()) {\r\n    <p class=\"fb-pick__hint\">{{ emptyMessage() }}</p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (visibleOptions().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          {{ hasOptions() ? 'Nessun nome corrisponde.' : 'Nessun candidato da proporre.' }}\r\n        </p>\r\n      }\r\n      @for (option of visibleOptions(); track option.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"option.name === value()\"\r\n          (click)=\"choose(option)\"\r\n        >\r\n          <span class=\"fb-pick__name\" [class.fb-pick__name--mono]=\"isMono()\">{{ option.name }}</span>\r\n          @if (describe(option)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(option) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__row{display:flex;align-items:stretch;gap:2px}.fb-pick__row .fb-pick__option{flex:1;min-width:0}.fb-pick__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-pick__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: NamePickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-name-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      [class.fb-pick__input--mono]=\"isMono()\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i nomi disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isUnknown()) {\r\n    <p\r\n      class=\"fb-pick__hint\"\r\n      [class.fb-pick__hint--warn]=\"unknownSeverity() === 'warn'\"\r\n      [class.fb-pick__hint--error]=\"unknownSeverity() === 'error'\"\r\n    >\r\n      {{ unknownMessage() }}\r\n    </p>\r\n  } @else if (labelOfValue()) {\r\n    <p class=\"fb-pick__hint\">{{ labelOfValue() }}</p>\r\n  } @else if (!hasOptions()) {\r\n    <p class=\"fb-pick__hint\">{{ emptyMessage() }}</p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (visibleOptions().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          {{ hasOptions() ? 'Nessun nome corrisponde.' : 'Nessun candidato da proporre.' }}\r\n        </p>\r\n      }\r\n      @for (option of visibleOptions(); track option.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"option.name === value()\"\r\n          (click)=\"choose(option)\"\r\n        >\r\n          <span class=\"fb-pick__name\" [class.fb-pick__name--mono]=\"isMono()\">{{ option.name }}</span>\r\n          @if (describe(option)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(option) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"] }]
+            args: [{ selector: 'fb-name-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      [class.fb-pick__input--mono]=\"isMono()\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i nomi disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isUnknown()) {\r\n    <p\r\n      class=\"fb-pick__hint\"\r\n      [class.fb-pick__hint--warn]=\"unknownSeverity() === 'warn'\"\r\n      [class.fb-pick__hint--error]=\"unknownSeverity() === 'error'\"\r\n    >\r\n      {{ unknownMessage() }}\r\n    </p>\r\n  } @else if (labelOfValue()) {\r\n    <p class=\"fb-pick__hint\">{{ labelOfValue() }}</p>\r\n  } @else if (!hasOptions()) {\r\n    <p class=\"fb-pick__hint\">{{ emptyMessage() }}</p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (visibleOptions().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          {{ hasOptions() ? 'Nessun nome corrisponde.' : 'Nessun candidato da proporre.' }}\r\n        </p>\r\n      }\r\n      @for (option of visibleOptions(); track option.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"option.name === value()\"\r\n          (click)=\"choose(option)\"\r\n        >\r\n          <span class=\"fb-pick__name\" [class.fb-pick__name--mono]=\"isMono()\">{{ option.name }}</span>\r\n          @if (describe(option)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(option) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__row{display:flex;align-items:stretch;gap:2px}.fb-pick__row .fb-pick__option{flex:1;min-width:0}.fb-pick__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-pick__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"] }]
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], unknownMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "unknownMessage", required: false }] }], unknownSeverity: [{ type: i0.Input, args: [{ isSignal: true, alias: "unknownSeverity", required: false }] }], emptyMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyMessage", required: false }] }], isMono: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMono", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
 
 /**
@@ -4147,7 +4476,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
 
 /**
- * Selettore di **membro** di una classe — FRONTEND.md §4.7.
+ * Selettore di **membro** di una classe — FRONTEND.md §4.7, §4.7.1.
  *
  * È l'analogo di {@link FieldPickerComponent} per le `Structure`: i membri arrivano dalla
  * descrizione della classe (`GET /catalog/structures/{className}/members`, che restituisce
@@ -4157,10 +4486,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
  * quindi con `usage="writable"` non compare nemmeno nell'elenco.
  *
  * Un membro che non esiste e' `STRUCTURE_MEMBER_UNKNOWN`, e il messaggio elenca i disponibili
- * invece di dire soltanto che il nome e' sbagliato. Dei percorsi annidati
- * (`Richiesta.Cliente.Nome`) viene verificato il **primo** segmento, come per i percorsi di
- * relazione: oltre quello nessuno lo sa, ne' l'editor ne' il backend — la risposta e' piatta e
- * i membri della classe annidata sono una seconda chiamata (§4.7.1).
+ * invece di dire soltanto che il nome e' sbagliato.
+ *
+ * I percorsi **annidati** (`Richiesta.Cliente.Nome`) sono verificati fino in fondo: la risposta
+ * resta piatta, ma la catena si segue una chiamata alla volta — `objectType` di un membro
+ * `Structure` porta la classe annidata, quello di un membro `Object` porta un'**entita' dello
+ * schema**, e da lì si continua con i campi (§4.7.1). Lo fa `core/path-navigation`, lo stesso
+ * codice del field picker, perche' l'unica differenza fra i due mondi e' la primitiva che descrive
+ * la tappa. Dove la catena si interrompe l'avviso e' `PATH_NOT_VERIFIABLE`: un "non lo so", che non
+ * impedisce di scrivere.
  *
  * La risposta ha **tre** esiti e qui si vedono tutti e tre: elenco autorevole, classe valida coi
  * membri non dichiarati (si digita, senza accuse) e classe non registrata (404). Confonderli
@@ -4177,105 +4511,120 @@ class StructureMemberPickerComponent {
     placeholder = input('Scrivi o scegli un membro', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
     disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
     valueChange = output();
-    /**
-     * §4.7.1 — non basta l'elenco: serve l'**esito**. Elenco vuoto perche' i membri non sono
-     * dichiarati (si digita a mano) e classe non registrata (non c'e' niente da digitare) hanno
-     * la stessa lista e messaggi opposti.
-     */
-    result = signal({ status: 'unknown-catalog', members: [] }, ...(ngDevMode ? [{ debugName: "result" }] : []));
-    members = computed(() => this.result().members, ...(ngDevMode ? [{ debugName: "members" }] : []));
     isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
     /** Il testo digitato mentre il pannello e' aperto: filtra l'elenco. */
     query = signal(null, ...(ngDevMode ? [{ debugName: "query" }] : []));
+    /**
+     * La navigazione del percorso corrente, dalla classe in giu'. Il testo digitato conta quanto il
+     * valore: mentre si scrive `Cliente.No` l'elenco deve già essere quello dei campi di `Cliente`.
+     */
+    navigation = navigatePath(this.catalog, () => ({
+        root: this.className() ? { kind: 'structure', name: this.className() } : null,
+        path: this.query() ?? this.value() ?? '',
+    }));
+    resolution = this.navigation.resolution;
     constructor() {
-        effect(() => {
-            const className = this.className();
-            if (!className) {
-                this.result.set({ status: 'unknown-catalog', members: [] });
-                return;
-            }
-            // `describeStructure` non rifiuta: gli esiti sono dati, non errori (§4.7.1).
-            void this.catalog.describeStructure(className).then((result) => this.result.set(result));
-        });
         // Vedi ObjectPickerComponent: il filtro sopravvive alla propria scrittura, non a un valore
         // che arriva da fuori (un'altra riga della lista, un altro elemento).
         effect(() => {
-            const value = (this.value() ?? '').trim();
-            if (value !== (untracked(this.query) ?? '').trim()) {
+            const value = (this.value() ?? '')?.trim();
+            if (value !== (untracked(this.query) ?? '')?.trim()) {
                 this.query.set(null);
             }
         });
     }
     text = computed(() => this.query() ?? this.value() ?? '', ...(ngDevMode ? [{ debugName: "text" }] : []));
-    /** Con `usage="writable"` i membri di sola lettura non si propongono affatto. */
+    /** La tappa in cui si sta scrivendo: la classe di partenza, o quella in cui si e' entrati. */
+    tail = computed(() => this.resolution()?.tail, ...(ngDevMode ? [{ debugName: "tail" }] : []));
+    /** Cio' che si premette al nome scelto: `''` sul primo segmento, `Cliente.` sul secondo. */
+    prefix = computed(() => {
+        const prefix = this.tail()?.prefix ?? '';
+        return prefix ? `${prefix}.` : '';
+    }, ...(ngDevMode ? [{ debugName: "prefix" }] : []));
+    /**
+     * Con `usage="writable"` i segmenti di sola lettura non si propongono affatto — con
+     * un'eccezione: quelli **navigabili** restano, perche' un membro record che non si sostituisce
+     * puo' avere campi aggiornabili, e nasconderlo chiuderebbe la strada a `Richiesta.Cliente.Email`.
+     */
     available = computed(() => {
-        const all = this.members();
+        const entries = this.tail()?.level.entries ?? [];
         if (this.usage() !== 'writable') {
-            return all;
+            return entries;
         }
-        return all.filter((member) => member.isWritable !== false);
+        return entries.filter((entry) => entry.isWritable || !!entry.next);
     }, ...(ngDevMode ? [{ debugName: "available" }] : []));
     options = computed(() => {
-        const needle = (this.query() ?? '').trim().toLowerCase();
+        const needle = (this.tail()?.segment ?? '')?.trim().toLowerCase();
         const all = this.available();
         if (!needle) {
             return all;
         }
-        return all.filter((member) => `${member.name} ${member.label ?? ''}`.toLowerCase().includes(needle));
+        return all.filter((entry) => `${entry.name} ${entry.label ?? ''}`.toLowerCase().includes(needle));
     }, ...(ngDevMode ? [{ debugName: "options" }] : []));
     /**
-     * Come chiamare la classe: la `label` la porta l'involucro della descrizione, ed e' il motivo
-     * per cui l'involucro esiste (§4.7.1). Assente, si mostra il nome della classe.
+     * Come chiamare la tappa: la `label` la porta l'involucro della descrizione, ed e' il motivo per
+     * cui l'involucro esiste (§4.7.1). Assente, si mostra il nome della classe o dell'entita'.
      */
-    classLabel = computed(() => this.result().label || this.className() || '', ...(ngDevMode ? [{ debugName: "classLabel" }] : []));
-    /** Elenco autorevole: solo qui un membro fuori elenco e' un errore (§4.7.1). */
-    hasCatalog = computed(() => this.result().status === 'declared', ...(ngDevMode ? [{ debugName: "hasCatalog" }] : []));
-    /** 404: la classe non e' registrata. Il nome del membro non c'e' modo di indovinarlo. */
-    isClassUnknown = computed(() => this.result().status === 'unknown-class', ...(ngDevMode ? [{ debugName: "isClassUnknown" }] : []));
+    classLabel = computed(() => pathContainerLabel(this.tail()?.level) || this.className() || '', ...(ngDevMode ? [{ debugName: "classLabel" }] : []));
+    /** `true` se la tappa in cui si scrive ha un elenco **autorevole** (§4.7.1). */
+    hasCatalog = computed(() => this.tail()?.level.status === 'declared', ...(ngDevMode ? [{ debugName: "hasCatalog" }] : []));
+    /** Nell'elenco dei campi di un'entita' il titolo lo dice: non sono membri di una classe. */
+    isObjectLevel = computed(() => this.tail()?.level.container.kind === 'object', ...(ngDevMode ? [{ debugName: "isObjectLevel" }] : []));
+    rootStatus = computed(() => this.resolution()?.levels[0]?.status, ...(ngDevMode ? [{ debugName: "rootStatus" }] : []));
+    /** 404 sulla classe di partenza: il nome del membro non c'e' modo di indovinarlo. */
+    isClassUnknown = computed(() => this.rootStatus() === 'unknown-container', ...(ngDevMode ? [{ debugName: "isClassUnknown" }] : []));
     /** Classe valida, membri non dichiarati: si digita, e non si segnala niente. */
-    isUndeclared = computed(() => this.result().status === 'undeclared', ...(ngDevMode ? [{ debugName: "isUndeclared" }] : []));
-    /** Il primo segmento: e' l'unico che si puo' verificare (§4.7). */
-    firstSegment = computed(() => {
-        const value = (this.value() ?? '').trim();
-        const dot = value.indexOf('.');
-        return dot < 0 ? value : value.slice(0, dot);
-    }, ...(ngDevMode ? [{ debugName: "firstSegment" }] : []));
-    /** `true` se il valore naviga dentro un membro: oltre il primo segmento non si verifica. */
-    isNestedPath = computed(() => (this.value() ?? '').includes('.'), ...(ngDevMode ? [{ debugName: "isNestedPath" }] : []));
-    declared = computed(() => {
-        const segment = this.firstSegment();
-        return segment ? this.members().find((member) => member.name === segment) : undefined;
-    }, ...(ngDevMode ? [{ debugName: "declared" }] : []));
-    isUnknown = computed(() => {
-        if (!this.firstSegment() || !this.hasCatalog()) {
-            return false;
-        }
-        return !this.declared();
-    }, ...(ngDevMode ? [{ debugName: "isUnknown" }] : []));
-    /** Il messaggio elenca i disponibili: dire solo "non esiste" non aiuta a correggere. */
+    isUndeclared = computed(() => this.rootStatus() === 'undeclared', ...(ngDevMode ? [{ debugName: "isUndeclared" }] : []));
+    /** Catalogo assente per un motivo che non riguarda la classe: "non lo so". */
+    loadErrored = computed(() => this.rootStatus() === 'unknown-catalog' && !!this.className(), ...(ngDevMode ? [{ debugName: "loadErrored" }] : []));
+    isUnknown = computed(() => this.resolution()?.status === 'unknown', ...(ngDevMode ? [{ debugName: "isUnknown" }] : []));
+    /** §4.4, §4.7.1 — la catena si e' interrotta: avviso, non errore. */
+    isNotVerifiable = computed(() => this.resolution()?.status === 'unverifiable' && this.rootStatus() === 'declared', ...(ngDevMode ? [{ debugName: "isNotVerifiable" }] : []));
+    /**
+     * Il messaggio elenca i disponibili: dire solo "non esiste" non aiuta a correggere. Su un
+     * percorso annidato il segmento che manca e' di **quella** tappa, e le parole cambiano con essa —
+     * un campo di un'entita' non e' un membro di una classe.
+     */
     unknownMessage = computed(() => {
-        const names = this.available()
-            .map((member) => member.name)
-            .join(', ');
-        const prefix = `«${this.firstSegment()}» non e’ un membro di ${this.className()} (STRUCTURE_MEMBER_UNKNOWN).`;
-        return names ? `${prefix} Disponibili: ${names}.` : prefix;
+        const resolution = this.resolution();
+        if (!resolution) {
+            return '';
+        }
+        const segment = resolution.stoppedAt?.segment ?? '';
+        const names = pathAvailableNames(resolution).join(', ');
+        const level = resolution.levels[resolution.levels.length - 1];
+        const what = level?.container.kind === 'object'
+            ? `«${segment}» non e’ un campo di ${level.container.name} (FIELD_UNKNOWN).`
+            : `«${segment}» non e’ un membro di ${level?.container.name} (STRUCTURE_MEMBER_UNKNOWN).`;
+        return names ? `${what} Disponibili: ${names}.` : what;
     }, ...(ngDevMode ? [{ debugName: "unknownMessage" }] : []));
+    notVerifiableMessage = computed(() => {
+        const resolution = this.resolution();
+        return resolution ? pathNotVerifiableMessage(resolution) : '';
+    }, ...(ngDevMode ? [{ debugName: "notVerifiableMessage" }] : []));
     /**
-     * Un membro che esiste ma non e' scrivibile, scelto dove serve una destinazione: capita su un
-     * documento scritto altrove, e va detto qui invece di lasciarlo scoprire dall'attivazione.
+     * Un segmento che esiste ma non e' scrivibile, scelto dove serve una destinazione: capita su un
+     * documento scritto altrove, e va detto qui invece di lasciarlo scoprire dall'attivazione. Su un
+     * campo di record "scrivibile" vuol dire `createable` **oppure** `updateable` (§5.7).
      */
     isNotWritable = computed(() => {
         if (this.usage() !== 'writable') {
             return false;
         }
-        return this.declared()?.isWritable === false;
+        const last = this.resolution()?.last;
+        return !!last && !last.isWritable;
     }, ...(ngDevMode ? [{ debugName: "isNotWritable" }] : []));
+    notWritableMessage = computed(() => {
+        const resolution = this.resolution();
+        const level = resolution?.levels[resolution.levels.length - 1];
+        return level?.container.kind === 'object'
+            ? 'Questo campo non si scrive ne’ creando ne’ aggiornando un record: assegnarlo e’ TARGET_NOT_WRITABLE.'
+            : 'Questo membro e’ calcolato: si legge, ma assegnarlo e’ TARGET_NOT_WRITABLE.';
+    }, ...(ngDevMode ? [{ debugName: "notWritableMessage" }] : []));
     describeValue = computed(() => {
-        const member = this.declared();
-        return member && !this.isNestedPath() ? this.describe(member) || null : null;
+        const last = this.resolution()?.last;
+        return last ? describePathEntry(last, { showWritability: this.usage() === 'writable' }) || null : null;
     }, ...(ngDevMode ? [{ debugName: "describeValue" }] : []));
-    /** Catalogo assente per un motivo che non riguarda la classe: "non lo so". */
-    loadErrored = computed(() => this.result().status === 'unknown-catalog' && !!this.className(), ...(ngDevMode ? [{ debugName: "loadErrored" }] : []));
     open() {
         if (this.disabled()) {
             return;
@@ -4292,36 +4641,39 @@ class StructureMemberPickerComponent {
     onInput(text) {
         this.query.set(text);
         this.open();
-        this.valueChange.emit(text.trim() ? text.trim() : undefined);
+        this.valueChange.emit(text?.trim() ? text?.trim() : undefined);
     }
-    choose(member) {
-        this.valueChange.emit(member.name);
+    choose(entry) {
+        this.valueChange.emit(`${this.prefix()}${entry.name}`);
         this.close();
     }
+    /**
+     * Scende dentro un membro composto invece di sceglierlo: e' l'equivalente di scrivere il punto, e
+     * infatti scrive il punto. Serve perche' `Richiesta.Cliente` puo' essere la destinazione che si
+     * vuole **oppure** la tappa da cui continuare.
+     */
+    descend(entry) {
+        const path = `${this.prefix()}${entry.name}.`;
+        this.query.set(path);
+        this.valueChange.emit(path);
+        this.open();
+    }
+    canDescend(entry) {
+        return !!entry.next;
+    }
     clear() {
         this.valueChange.emit(undefined);
         this.close();
     }
-    describe(member) {
-        const parts = [];
-        if (member.label && member.label !== member.name) {
-            parts.push(member.label);
-        }
-        if (member.dataType) {
-            const type = member.isCollection ? `${member.dataType}[]` : member.dataType;
-            parts.push(member.objectType ? `${type} · ${member.objectType}` : type);
-        }
-        if (member.isWritable === false) {
-            parts.push('sola lettura');
-        }
-        return parts.join(' · ');
+    describe(entry) {
+        return describePathEntry(entry, { showWritability: this.usage() === 'writable' });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: StructureMemberPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: StructureMemberPickerComponent, isStandalone: true, selector: "fb-structure-member-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, usage: { classPropertyName: "usage", publicName: "usage", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i membri disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isClassUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--error\">\r\n      La classe {{ className() }} non e\u2019 registrata (STRUCTURE_TYPE_UNKNOWN): correggi la classe,\r\n      non il membro.\r\n    </p>\r\n  } @else if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--error\">{{ unknownMessage() }}</p>\r\n  } @else if (isNotWritable()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--error\">\r\n      Questo membro e\u2019 calcolato: si legge, ma assegnarlo e\u2019 TARGET_NOT_WRITABLE.\r\n    </p>\r\n  } @else if (isNestedPath()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Percorso annidato: viene verificato solo il primo segmento, il resto si scopre eseguendo.\r\n    </p>\r\n  } @else if (describeValue()) {\r\n    <p class=\"fb-pick__hint\">{{ describeValue() }}</p>\r\n  } @else if (isUndeclared()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      {{ classLabel() }} non dichiara i suoi membri: scrivi il nome a mano, non e\u2019 verificabile.\r\n    </p>\r\n  } @else if (loadErrored()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Elenco dei membri non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (className()) {\r\n        <p class=\"fb-pick__group\">Membri di {{ classLabel() }}</p>\r\n      }\r\n      @if (options().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          @if (!className()) {\r\n            Scegli prima una classe.\r\n          } @else if (hasCatalog()) {\r\n            Nessun membro corrisponde.\r\n          } @else if (isClassUnknown()) {\r\n            Classe non registrata: nessun membro da proporre.\r\n          } @else {\r\n            Membri non dichiarati: scrivi il nome del membro.\r\n          }\r\n        </p>\r\n      }\r\n      @for (member of options(); track member.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"member.name === value()\"\r\n          (click)=\"choose(member)\"\r\n        >\r\n          <span class=\"fb-pick__name\">{{ member.name }}</span>\r\n          @if (describe(member)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(member) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: StructureMemberPickerComponent, isStandalone: true, selector: "fb-structure-member-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, usage: { classPropertyName: "usage", publicName: "usage", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i membri disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isClassUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--error\">\r\n      La classe {{ className() }} non e\u2019 registrata (STRUCTURE_TYPE_UNKNOWN): correggi la classe,\r\n      non il membro.\r\n    </p>\r\n  } @else if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--error\">{{ unknownMessage() }}</p>\r\n  } @else if (isNotWritable()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--error\">{{ notWritableMessage() }}</p>\r\n  } @else if (isUndeclared()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      {{ classLabel() }} non dichiara i suoi membri: scrivi il nome a mano, non e\u2019 verificabile.\r\n    </p>\r\n  } @else if (isNotVerifiable()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">{{ notVerifiableMessage() }}</p>\r\n  } @else if (describeValue()) {\r\n    <p class=\"fb-pick__hint\">{{ describeValue() }}</p>\r\n  } @else if (loadErrored()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Elenco dei membri non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (className()) {\r\n        <p class=\"fb-pick__group\">\r\n          {{ isObjectLevel() ? 'Campi di ' : 'Membri di ' }}{{ classLabel() }}\r\n        </p>\r\n      }\r\n      @if (options().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          @if (!className()) {\r\n            Scegli prima una classe.\r\n          } @else if (hasCatalog()) {\r\n            Nessun membro corrisponde.\r\n          } @else if (isClassUnknown()) {\r\n            Classe non registrata: nessun membro da proporre.\r\n          } @else {\r\n            Membri non dichiarati: scrivi il nome del membro.\r\n          }\r\n        </p>\r\n      }\r\n      @for (entry of options(); track entry.name) {\r\n        <div class=\"fb-pick__row\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-pick__option\"\r\n            role=\"option\"\r\n            [attr.aria-selected]=\"prefix() + entry.name === value()\"\r\n            (click)=\"choose(entry)\"\r\n          >\r\n            <span class=\"fb-pick__name\">{{ entry.name }}</span>\r\n            @if (describe(entry)) {\r\n              <span class=\"fb-pick__meta\">{{ describe(entry) }}</span>\r\n            }\r\n          </button>\r\n          @if (canDescend(entry)) {\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-pick__into\"\r\n              [attr.aria-label]=\"'Entra in ' + entry.name\"\r\n              title=\"Entra nel membro composto\"\r\n              (click)=\"descend(entry)\"\r\n            >\r\n              \u203A\r\n            </button>\r\n          }\r\n        </div>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__row{display:flex;align-items:stretch;gap:2px}.fb-pick__row .fb-pick__option{flex:1;min-width:0}.fb-pick__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-pick__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: StructureMemberPickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-structure-member-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i membri disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isClassUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--error\">\r\n      La classe {{ className() }} non e\u2019 registrata (STRUCTURE_TYPE_UNKNOWN): correggi la classe,\r\n      non il membro.\r\n    </p>\r\n  } @else if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--error\">{{ unknownMessage() }}</p>\r\n  } @else if (isNotWritable()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--error\">\r\n      Questo membro e\u2019 calcolato: si legge, ma assegnarlo e\u2019 TARGET_NOT_WRITABLE.\r\n    </p>\r\n  } @else if (isNestedPath()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Percorso annidato: viene verificato solo il primo segmento, il resto si scopre eseguendo.\r\n    </p>\r\n  } @else if (describeValue()) {\r\n    <p class=\"fb-pick__hint\">{{ describeValue() }}</p>\r\n  } @else if (isUndeclared()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      {{ classLabel() }} non dichiara i suoi membri: scrivi il nome a mano, non e\u2019 verificabile.\r\n    </p>\r\n  } @else if (loadErrored()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Elenco dei membri non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (className()) {\r\n        <p class=\"fb-pick__group\">Membri di {{ classLabel() }}</p>\r\n      }\r\n      @if (options().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          @if (!className()) {\r\n            Scegli prima una classe.\r\n          } @else if (hasCatalog()) {\r\n            Nessun membro corrisponde.\r\n          } @else if (isClassUnknown()) {\r\n            Classe non registrata: nessun membro da proporre.\r\n          } @else {\r\n            Membri non dichiarati: scrivi il nome del membro.\r\n          }\r\n        </p>\r\n      }\r\n      @for (member of options(); track member.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"member.name === value()\"\r\n          (click)=\"choose(member)\"\r\n        >\r\n          <span class=\"fb-pick__name\">{{ member.name }}</span>\r\n          @if (describe(member)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(member) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"] }]
+            args: [{ selector: 'fb-structure-member-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i membri disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isClassUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--error\">\r\n      La classe {{ className() }} non e\u2019 registrata (STRUCTURE_TYPE_UNKNOWN): correggi la classe,\r\n      non il membro.\r\n    </p>\r\n  } @else if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--error\">{{ unknownMessage() }}</p>\r\n  } @else if (isNotWritable()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--error\">{{ notWritableMessage() }}</p>\r\n  } @else if (isUndeclared()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      {{ classLabel() }} non dichiara i suoi membri: scrivi il nome a mano, non e\u2019 verificabile.\r\n    </p>\r\n  } @else if (isNotVerifiable()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">{{ notVerifiableMessage() }}</p>\r\n  } @else if (describeValue()) {\r\n    <p class=\"fb-pick__hint\">{{ describeValue() }}</p>\r\n  } @else if (loadErrored()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Elenco dei membri non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (className()) {\r\n        <p class=\"fb-pick__group\">\r\n          {{ isObjectLevel() ? 'Campi di ' : 'Membri di ' }}{{ classLabel() }}\r\n        </p>\r\n      }\r\n      @if (options().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          @if (!className()) {\r\n            Scegli prima una classe.\r\n          } @else if (hasCatalog()) {\r\n            Nessun membro corrisponde.\r\n          } @else if (isClassUnknown()) {\r\n            Classe non registrata: nessun membro da proporre.\r\n          } @else {\r\n            Membri non dichiarati: scrivi il nome del membro.\r\n          }\r\n        </p>\r\n      }\r\n      @for (entry of options(); track entry.name) {\r\n        <div class=\"fb-pick__row\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-pick__option\"\r\n            role=\"option\"\r\n            [attr.aria-selected]=\"prefix() + entry.name === value()\"\r\n            (click)=\"choose(entry)\"\r\n          >\r\n            <span class=\"fb-pick__name\">{{ entry.name }}</span>\r\n            @if (describe(entry)) {\r\n              <span class=\"fb-pick__meta\">{{ describe(entry) }}</span>\r\n            }\r\n          </button>\r\n          @if (canDescend(entry)) {\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-pick__into\"\r\n              [attr.aria-label]=\"'Entra in ' + entry.name\"\r\n              title=\"Entra nel membro composto\"\r\n              (click)=\"descend(entry)\"\r\n            >\r\n              \u203A\r\n            </button>\r\n          }\r\n        </div>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__row{display:flex;align-items:stretch;gap:2px}.fb-pick__row .fb-pick__option{flex:1;min-width:0}.fb-pick__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-pick__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"] }]
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], usage: [{ type: i0.Input, args: [{ isSignal: true, alias: "usage", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
 
 /**
@@ -4796,7 +5148,7 @@ class ConditionEditorComponent {
             // Assente = tutte le condizioni devono essere vere (§4.3).
             return 'and';
         }
-        const normalized = logic.trim().toLowerCase();
+        const normalized = logic?.trim().toLowerCase();
         if (normalized === 'and') {
             return 'and';
         }
@@ -5061,7 +5413,7 @@ class RecordFilterEditorComponent {
         if (!logic) {
             return 'and';
         }
-        const normalized = logic.trim().toLowerCase();
+        const normalized = logic?.trim().toLowerCase();
         if (normalized === 'and') {
             return 'and';
         }
@@ -9422,5 +9774,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ConditionEditorComponent, ConnectorEditorComponent, DebugPanelComponent, ElementDialogComponent, ElementInspectorComponent, ElementPaletteComponent, FALLBACK_COLLECTION_BY_TYPE, FALLBACK_TYPE_LABEL, FLOW_BUILDER_HTTP_CONFIG, 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_RESOURCE_COLLECTIONS, FieldAssignmentEditorComponent, FieldPickerComponent, FlowApiError, FlowBuilderApi, FlowBuilderComponent, FlowCanvasComponent, FlowCatalogStore, FlowDictionaryStore, FlowDocumentStore, FlowEditorSession, FlowLayoutService, FlowValidationStore, HttpFlowBuilderApi, NamePickerComponent, NodeInspectorBase, ORCHESTRATION_CONDITION_OUTPUT, ObjectPickerComponent, OrchestratedStageInspectorComponent, ParameterEditorComponent, 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, areTypesComparable, canvasNodeId, checkConditionLogic, checkFlowName, elementIcon, emptyFlowDefinition, flowNodeWidth, flowNodeWidthClass, isCustomConditionLogic, isGlobalReference, isNumericType, isTypeCheckedOperator, isValidFlowName, moveCondition, outletByKey, outletsOf, parseCanvasNodeId, parseInvariantNumber, parseSourceConnectorId, parseTargetConnectorId, referenceRoot, remapConditionLogic, removeCondition, severityBucket, slugifyFlowName, sourceConnectorId, stageStepNames, stageStepOutputReferenced, stepsOf, targetConnectorId, uniqueFlowName, variantFieldOf, variantOf, variantPresetOf };
+export { ConditionEditorComponent, ConnectorEditorComponent, DebugPanelComponent, ElementDialogComponent, ElementInspectorComponent, ElementPaletteComponent, FALLBACK_COLLECTION_BY_TYPE, FALLBACK_TYPE_LABEL, FLOW_BUILDER_HTTP_CONFIG, 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_RESOURCE_COLLECTIONS, FieldAssignmentEditorComponent, FieldPickerComponent, FlowApiError, FlowBuilderApi, FlowBuilderComponent, FlowCanvasComponent, FlowCatalogStore, FlowDictionaryStore, FlowDocumentStore, FlowEditorSession, FlowLayoutService, FlowValidationStore, HttpFlowBuilderApi, NamePickerComponent, NodeInspectorBase, ORCHESTRATION_CONDITION_OUTPUT, ObjectPickerComponent, OrchestratedStageInspectorComponent, ParameterEditorComponent, 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, areTypesComparable, canvasNodeId, checkConditionLogic, checkFlowName, describePathEntry, elementIcon, emptyFlowDefinition, flowNodeWidth, flowNodeWidthClass, isCustomConditionLogic, isGlobalReference, isNumericType, isTypeCheckedOperator, isValidFlowName, loadPathLevel, moveCondition, navigatePath, outletByKey, outletsOf, parseCanvasNodeId, parseInvariantNumber, parseSourceConnectorId, parseTargetConnectorId, pathAvailableNames, pathContainerLabel, pathNotVerifiableMessage, referenceRoot, remapConditionLogic, removeCondition, resolvePath, severityBucket, slugifyFlowName, sourceConnectorId, stageStepNames, stageStepOutputReferenced, stepsOf, targetConnectorId, uniqueFlowName, variantFieldOf, variantOf, variantPresetOf };
 //# sourceMappingURL=esfaenza-flow-builder.mjs.map