treege 3.0.0-beta.75 → 3.0.0-beta.77

package/dist/{ThemeContext-CSH4Fupd.js → ThemeContext-DeWmeqHK.js}

@@ -56,6 +56,8 @@ var s = (e) => e?.type === "input", c = (e) => e?.type === "ui", l = (e) => e?.t
 			selectDateRange: "اختر نطاق التاريخ",
 			selectFile: "اختر ملف",
 			selectFiles: "اختر ملفات",
+			selectTime: "اختر الوقت",
+			selectTimeRange: "اختر نطاق الوقت",
 			startDate: "تاريخ البدء",
 			startTime: "وقت البدء"
 		},
@@ -129,6 +131,8 @@ var s = (e) => e?.type === "input", c = (e) => e?.type === "ui", l = (e) => e?.t
 			selectDateRange: "Datumsbereich auswählen",
 			selectFile: "Datei auswählen",
 			selectFiles: "Dateien auswählen",
+			selectTime: "Uhrzeit auswählen",
+			selectTimeRange: "Zeitbereich auswählen",
 			startDate: "Startdatum",
 			startTime: "Startzeit"
 		},
@@ -202,6 +206,8 @@ var s = (e) => e?.type === "input", c = (e) => e?.type === "ui", l = (e) => e?.t
 			selectDateRange: "Select date range",
 			selectFile: "Select file",
 			selectFiles: "Select files",
+			selectTime: "Select time",
+			selectTimeRange: "Select time range",
 			startDate: "Start date",
 			startTime: "Start time"
 		},
@@ -275,6 +281,8 @@ var s = (e) => e?.type === "input", c = (e) => e?.type === "ui", l = (e) => e?.t
 			selectDateRange: "Seleccionar rango de fechas",
 			selectFile: "Seleccionar archivo",
 			selectFiles: "Seleccionar archivos",
+			selectTime: "Seleccionar hora",
+			selectTimeRange: "Seleccionar rango de horas",
 			startDate: "Fecha de inicio",
 			startTime: "Hora de inicio"
 		},
@@ -348,6 +356,8 @@ var s = (e) => e?.type === "input", c = (e) => e?.type === "ui", l = (e) => e?.t
 			selectDateRange: "Sélectionner une plage de dates",
 			selectFile: "Sélectionner un fichier",
 			selectFiles: "Sélectionner des fichiers",
+			selectTime: "Sélectionner une heure",
+			selectTimeRange: "Sélectionner une plage horaire",
 			startDate: "Date de début",
 			startTime: "Heure de début"
 		},
@@ -421,6 +431,8 @@ var s = (e) => e?.type === "input", c = (e) => e?.type === "ui", l = (e) => e?.t
 			selectDateRange: "Seleziona intervallo di date",
 			selectFile: "Seleziona file",
 			selectFiles: "Seleziona file",
+			selectTime: "Seleziona ora",
+			selectTimeRange: "Seleziona intervallo di orari",
 			startDate: "Data di inizio",
 			startTime: "Ora di inizio"
 		},
@@ -494,6 +506,8 @@ var s = (e) => e?.type === "input", c = (e) => e?.type === "ui", l = (e) => e?.t
 			selectDateRange: "Selecionar intervalo de datas",
 			selectFile: "Selecionar arquivo",
 			selectFiles: "Selecionar arquivos",
+			selectTime: "Selecionar hora",
+			selectTimeRange: "Selecionar intervalo de horas",
 			startDate: "Data de início",
 			startTime: "Hora de início"
 		},

package/dist/editor/features/TreegeEditor/TreegeEditor.d.ts

@@ -1,3 +1,3 @@
 import { TreegeEditorProps } from '../../types/editor';
-declare const TreegeEditor: ({ flow, onExportJson, onSave, onLanguageChange, aiConfig, extraMenuItems, openApi, baseUrl, onAuthorize, headers, onHeadersChange, language: controlledLanguage, theme, defaultLanguage, }: TreegeEditorProps) => import("react/jsx-runtime").JSX.Element;
+declare const TreegeEditor: ({ flow, onExportJson, onSave, onChange, onLanguageChange, aiConfig, extraMenuItems, openApi, baseUrl, onAuthorize, headers, onHeadersChange, language: controlledLanguage, theme, defaultLanguage, }: TreegeEditorProps) => import("react/jsx-runtime").JSX.Element;
 export default TreegeEditor;

package/dist/editor/features/TreegeEditor/forms/HttpConfigForm.d.ts

@@ -1,7 +1,10 @@
+import { ReactNode } from 'react';
 import { HttpConfig } from '../../../../shared/types/node';
 interface HttpConfigFormProps {
     value: HttpConfig | undefined;
     onChange: (config: HttpConfig | undefined) => void;
+    /** Rendered right under the response mapping fields (label/value/description/image). */
+    afterMapping?: ReactNode;
 }
-declare const HttpConfigForm: ({ value, onChange }: HttpConfigFormProps) => import("react/jsx-runtime").JSX.Element;
+declare const HttpConfigForm: ({ value, onChange, afterMapping }: HttpConfigFormProps) => import("react/jsx-runtime").JSX.Element;
 export default HttpConfigForm;

package/dist/editor/features/TreegeEditor/listeners/FlowChangeEmitter.d.ts

@@ -0,0 +1,19 @@
+import { Flow } from '../../../../shared/types/node';
+type FlowChangeEmitterProps = {
+    /** Called (debounced) with the current flow whenever the canvas changes. */
+    onChange?: (flow: Flow) => void;
+    /** Debounce window in ms. @default 150 */
+    debounceMs?: number;
+};
+/**
+ * Emits the current flow (id + nodes + edges) through `onChange` whenever the
+ * canvas changes, debounced. This is the editor's live outbound channel:
+ * unlike Save (gated on having input nodes) it also reports an emptied canvas
+ * after Clear, and unlike Save/Export it does NOT strip sensitive headers,
+ * since live consumers (e.g. the renderer) need the real flow.
+ *
+ * Renders nothing — mount it inside `<ReactFlow>` alongside the canvas, like
+ * `AutoLayout`.
+ */
+declare const FlowChangeEmitter: ({ onChange, debounceMs }: FlowChangeEmitterProps) => null;
+export default FlowChangeEmitter;

package/dist/editor/types/editor.d.ts

@@ -39,6 +39,15 @@ export interface TreegeEditorProps {
      * @param data
      */
     onSave?: (data: Flow) => void;
+    /**
+     * Called (debounced) whenever the canvas changes, with the current flow
+     * (id + nodes + edges). Use it for live preview or autosave. Unlike `onSave`
+     * it is not gated on having input nodes, so it also reports an emptied canvas
+     * after Clear. Unlike `onSave`/`onExportJson` it does NOT strip sensitive
+     * headers — live consumers (e.g. `TreegeRenderer`) need the real flow, so do
+     * not persist its output verbatim if that matters to you.
+     */
+    onChange?: (data: Flow) => void;
     /**
      * Theme for the editor interface.
      */