@esfaenza/flow-builder 20.3.20 → 20.3.22

package/README.md

@@ -1,8 +1,8 @@
 # flow-builder
 
 Editor visuale per i flow descritti in [`FRONTEND.md`](../../FRONTEND.md): un componente
-**standalone Angular** che disegna il grafo, edita ogni tipo di elemento, valida, versiona e
-prova un flow.
+**standalone Angular** che disegna il grafo, edita ogni tipo di elemento, valida, versiona un
+flow e ne consegna l'esecuzione all'applicazione ospite.
 
 Requisiti: **Angular ≥ 18** (sviluppato e verificato su 19.2), TypeScript.
 
@@ -146,9 +146,10 @@ sono opzionali e rifiutano con `MissingService` se non sovrascritti.
 | `listEnumValues(enumType)` | opzionale — i **valori** di un tipo di enumerazione, cioe' i nomi scrivibili in `enumValue` (§4.2, §4.6). `listEnumTypes` e' l'altra meta' e non basta: quella dice quali tipi esistono, questa quali valori ha un tipo. `enumType` e' esattamente l'`objectType` della risorsa, del parametro o del **membro** di una classe (§4.7.1): la risposta e' del tipo, non del punto di uso, e la cache e' per nome del tipo. Lista vuota = "non lo so" — il valore si scrive a mano, e un tipo sconosciuto risponde vuoto, non 404 |
 | `listStructures`, `describeStructure(className)` | opzionali — le classi e i loro membri per le risorse `Structure` (§4.7). `listStructures` e' l'**elenco delle classi** senza membri; `describeStructure` restituisce la **descrizione** di una classe (`className`, `label`, `members`), non un array nudo (§4.7.1). Senza, le classi non sono verificabili e il nome si scrive a mano: "non lo so", non "non esiste". I tre esiti sono distinti: `members` popolato = elenco autorevole, `members: []` = membri non dichiarati (si digita, nessuna accusa), rifiuto `StructureNotFound` = classe non registrata (si segnala la **classe**) |
 
-| §6.5 Esecuzione | |
+| Esecuzione dall'editor | |
 |---|---|
-| `startInterview`, `respondToScreen`, `resumeInterview`, `inspectInterview`, `abandonInterview` | opzionali — senza, il pannello «Prova» segnala che la funzione non c'e' |
+| `runFlow(request)`, `debugFlow(request)` | opzionali — i comandi **Esegui** e **Debug** della barra. Non sono primitive del contratto: l'editor raccoglie i valori di ingresso in una finestra e passa la mano all'ospite, che sa dove gira il motore. Senza implementazione il comando fallisce con `MissingService` e l'editor lo dice — non finge un avvio. Sono due metodi e non un flag perche' quasi sempre sono due strade diverse, e perche' un ambiente puo' esporre l'una senza l'altra. **Il ritorno e' facoltativo e conta**: un `FlowRunOutcome` finisce nel pannello «Debug» dell'editor — stato, traccia, risorse, output — mentre `void` significa «guardo altrove». Restituirlo e' quasi obbligatorio sui flow **senza schermate**, dove non esiste nessun'altra interfaccia in cui vedere cos'e' successo |
+| `startInterview`, `respondToScreen`, `resumeInterview`, `inspectInterview`, `abandonInterview` | opzionali — le primitive §6.5 dell'interview. **L'editor non le usa**: servono a chi implementa `runFlow`/`debugFlow` con un runner proprio (la demo lo fa) |
 | `completeStageStep(request)` | opzionale — conclude uno step di orchestrazione (§5.14) |
 
 **Errori.** Ogni metodo, in caso di rifiuto, deve fallire con un `FlowApiError`
@@ -191,6 +192,32 @@ l'attributo `style` del node a ogni spostamento e uno `[style.width]` verrebbe c
 tabella delle larghezze e' la stessa che il comando «Riordina» passa a dagre: se divergessero,
 i node larghi resterebbero sovrapposti.
 
+**Copia, incolla, duplica.** `Ctrl`+`C` copia gli elementi selezionati — la selezione del canvas
+puo' contenerne piu' d'uno (rettangolo, `Ctrl`+`A`) — `Ctrl`+`V` li incolla, `Ctrl`+`D` li duplica in
+loco; gli stessi comandi stanno nella top bar («⧉» e «⎘») e sul node selezionato («⧉»). I tasti
+ascoltano sull'host del builder e si ignorano quando il fuoco e' in un campo di testo, dove
+`Ctrl`+`C` deve copiare il testo.
+
+Cosa viaggia con il blocco: la configurazione intera dell'elemento, i **collegamenti interni** al
+blocco (quelli verso l'esterno no — sarebbero `CONNECTOR_TARGET_UNKNOWN`) e le **risorse
+referenziate**, che e' cio' che rende il gesto utile su un elemento complesso. Gli appunti stanno in
+`localStorage`, quindi valgono anche fra flow diversi e fra schede: non e' la clipboard di sistema,
+che per essere **letta** chiede un permesso che in un iframe puo' non arrivare mai.
+
+L'incolla passa da una conferma perche' non e' mai una copia identica, e le tre cose che cambiano le
+decide il contratto:
+
+- i nomi già usati vengono **rinominati**, e non solo quello dell'elemento: uno spazio di nomi unico
+  (§3.3) comprende gli step di orchestrazione, i campi di uno screen dinamico e le screen action, e
+  duplicare uno screen dinamico senza rinominare i campi produceva un `NAME_DUPLICATED` per campo;
+- i **riferimenti interni** al blocco seguono i nomi nuovi (§13.8: nessuna primitiva lo fa), condizioni,
+  `visibilityRule`, trigger e output automatici compresi;
+- le risorse che nella destinazione non esistono si creano (con una casella per non farlo), quelle
+  omonime si **riusano**, e cio' che resta irrisolvibile — un elemento rimasto nel flow di origine —
+  viene elencato invece di sparire in un `REFERENCE_UNKNOWN` da scoprire dopo.
+
+Tutto l'incolla e' **un solo passo di annulla**.
+
 **Dettaglio dell'elemento.** Con `inspectorMode="dialog"` (predefinito) il form si apre in una
 finestra sopra il canvas: doppio click sul node, bottone «✎» sul node, comando «Dettaglio»
 nella top bar, click su un rilievo nel pannello dei problemi, o creazione di un elemento dalla
@@ -479,13 +506,32 @@ versione **salvata** e le modifiche appena scritte spariscono senza dirlo. La st
 ripiego dove `cloneFlow` non c'e' (e' opzionale). Un nome già usato lo rifiuta il backend con
 `AlreadyExists`, e il modulo resta aperto sul nome da correggere.
 
-**Prova.** Interview con form generato dalle variabili di input, form generico per gli screen
-(valori in ingresso più i campi da restituire), `canGoBack` / `canFinish` / `canPause` come
-verita' runtime, traccia navigabile e tabella delle risorse — con l'avviso in chiaro che la
-traccia riporta anche i dati personali. Su un'orchestrazione sospesa distingue le due attese
-(`isWaitingForEvent` / `isWaitingForStageStep`) e consente di concludere uno step al posto
-dell'assegnatario, rifiuto compreso: la risposta puo' portare una `interviewKey` **nuova**, e il
-pannello sostituisce quella vecchia invece di conservarla.
+**Esegui e Debug.** Due comandi nella barra e una finestra: il form dei valori di ingresso,
+generato dalle variabili `isInput` del documento — tipo dichiarato rispettato anche in scrittura,
+istanze di classe compilate un membro alla volta (§4.7), enum per **nome** da `listEnumValues`
+(§4.6). Un campo lasciato vuoto non viene mandato: non valorizzato e stringa vuota sono cose
+diverse. Poi l'editor **passa la mano**: chiama `runFlow` o `debugFlow` e non esegue niente per
+conto suo. Si esegue la versione **salvata**, quindi i comandi sono spenti su un flow mai scritto
+e la finestra avverte quando ci sono modifiche non salvate. Senza implementazione — categoria
+`MissingService` — il banner dice quale delle due primitive manca, con parole comprensibili a chi
+ha appena premuto «Esegui».
+
+**Il pannello «Debug».** Cosa l'ospite ha restituito dall'ultima esecuzione: stato, output,
+traccia degli elementi eseguiti — ogni riga porta all'elemento sul canvas — e risorse. Esiste per
+un caso che altrimenti non ha risposta: un flow **senza schermate** (`AutoLaunched`, o
+un'orchestrazione tutta in background) non apre nessuna interfaccia del runtime, quindi senza
+questo pannello non ci sarebbe **nessun** posto in cui vedere cosa e' successo. `trace` e
+`resources` arrivano solo con `debug: true` (§6.5), e riportano i valori di tutte le risorse —
+dati personali compresi: l'avviso e' in chiaro. Il pannello non conduce niente: guarda, e basta.
+
+Come si implementa l'altra metà si vede nella demo
+(`projects/demo/src/app/runner`), e la scelta interessante e' **quando** aprire una finestra: un
+flow che non ha niente da chiedere finisce da solo e l'esito torna subito all'editor, mentre uno
+interattivo apre il runner e restituisce l'ultimo risultato alla chiusura — così la traccia resta
+comunque lì dove si stava lavorando. Il runner guida l'interview con le primitive della §6.5,
+distingue le due attese di `Suspended` (`isWaitingForEvent` / `isWaitingForStageStep`), conclude
+uno step al posto dell'assegnatario — rifiuto compreso, con la `interviewKey` nuova che sostituisce
+la vecchia — e mostra traccia e risorse solo in debug, dove riportano anche i dati personali.
 
 **Import/export.** Export JSON indentato; import via `POST /flows/parse`, che normalizza il
 documento o lo rifiuta con `InvalidDefinition`.
@@ -507,6 +553,10 @@ src/lib/
                                   "questo ambiente la primitiva non ce l'ha"
     flow-editor-session.ts   versioni, salvataggio, concorrenza ottimistica
     flow-layout.service.ts   auto-layout con dagre
+    flow-clipboard.ts        copia/incolla: l'elenco unico dei campi-riferimento, la riscrittura
+                             dei nomi, il piano dell'incolla (che nomi cambiano, che risorse
+                             mancano, cosa resta irrisolto)
+    flow-clipboard.service.ts gli appunti condivisi fra istanze e schede (localStorage)
     flow-name.util.ts        nomi: regexp, namespace unico, slug dalla label
     condition-logic.util.ts  riscrittura di conditionLogic su cancella / riordina
     condition-types.util.ts  quali tipi si confrontano, e i numeri in cultura invariante
@@ -514,7 +564,7 @@ src/lib/
     screen-field.util.ts     l'albero dei campi di uno screen dinamico: percorsi, nomi, mutazioni
   ui/
     flow-builder.component.ts  il componente da montare
-    canvas/ palette/ inspector/ resources/ problems/ versions/ debug/ shared/
+    canvas/ palette/ inspector/ resources/ problems/ versions/ run/ debug/ shared/
 styles/
   flow-builder.css   variabili del tema, controlli di form, stili degli archi
 ```
@@ -605,7 +655,7 @@ distribuire e nessuna dipendenza da un font di icone dell'applicazione ospite.
 | 9 | `Step` ed `Experiment` non sono supportati; `OrchestratedStage` lo e' | I due non supportati sono filtrati dalla palette via `isSupported` e, se arrivano da un import, l'inspector li mostra in sola lettura spiegando perche'. Lo stage ha il suo form: step non presentati come sequenza, e la condizione che referenzia l'output di un altro step segnalata con la via d'uscita |
 | 10 | Un `Delete` senza filtri e' un **errore**, un `Update` senza filtri un **avviso** | `RecordWriteInspectorComponent`: severita' diverse, e l'update di massa chiede una conferma esplicita |
 | 11 | Non cablare enum e operatori | Ogni tendina legge da `getDictionaries()`; le mappe locali intervengono solo come fallback quando il dizionario non e' disponibile |
-| 12 | Il **token di continuazione e' opaco** | `DebugPanelComponent` lo rimanda tale e quale, non lo legge e non lo mette in nessun URL |
+| 12 | Il **token di continuazione e' opaco** | Non lo tocca nessuno nella libreria: l'editor non esegue, quindi il token nasce e muore nel runner dell'ospite. Quello della demo (`projects/demo/src/app/runner/interview-runner.component.ts`) lo rimanda tale e quale, non lo legge e non lo mette in nessun URL |
 | 13 | **Testo e numero non si confrontano** (`CONDITION_TYPE_MISMATCH`) | `ConditionEditorComponent` conosce il tipo del lato sinistro da `POST /flows/references`: filtra gli operatori applicabili, guida il campo del letterale del secondo operando e segnala la coppia vietata. La regola sta in `core/condition-types.util.ts`, che salta gli operatori con semantica propria (`Contains`, `In`, …). I numeri si scrivono in cultura invariante: `1234,50` viene tradotto in `1234.50`, non troncato |
 | 14 | **`None` non e' un operatore, e' un "da completare"** | Condizione evidenziata come incompleta, con il conteggio in testa alla sezione e la frase «la bozza si salva, l'attivazione no»; il validatore della demo lo emette come **errore** |
 | 15 | **Un valore data senza `Z` significa ora locale** | `ValueEditorComponent` ha un selettore «Ora locale / UTC (Z)», dice che cambiare fuso riscrive l'orario e non lo converte, e toglie il suffisso solo per il controllo `datetime-local`, che con il fuso resterebbe vuoto |
@@ -643,7 +693,7 @@ possibile anche con errori e attivazione bloccata dagli errori (§8).
   (`elementFromPoint` per il contenitore piu' interno, i rettangoli dei fratelli per la
   posizione).
 - **L'esecutore della demo non valuta le condizioni**: prende il primo ramo disponibile e lo
-  scrive nella traccia. È un mock per esercitare il pannello, non il motore.
+  scrive nella traccia. È un mock per esercitare il runner dell'ospite, non il motore.
 - **Nessun test automatico**: la libreria e' stata verificata a mano sull'app demo (canvas,
   inspector, salvataggio, attivazione, interview completa). Casi su `condition-logic.util`,
   `flow-name.util`, `element-outlets` e `FlowDocumentStore` sarebbero il primo investimento