treege 3.0.0-beta.44 → 3.0.0-beta.45

package/dist/shared/locales/fr.json.d.ts

@@ -15,6 +15,7 @@ declare const _default: {
   "editor": {
     "actionsPanel": {
       "addNode": "Ajouter un élément",
+      "authorize": "Autoriser",
       "clear": "Supprimer",
       "clearSuccess": "Flux vidé !",
       "clearSuccessDesc": "Tous les nœuds et arêtes ont été supprimés.",
@@ -22,12 +23,14 @@ declare const _default: {
       "downloadSuccess": "Téléchargement réussi.",
       "downloadSuccessDesc": "Le flux a été exporté avec succès.",
       "exportJson": "Exporter JSON",
+      "globalHeaders": "Headers globaux",
       "idCopied": "ID du flux copié !",
       "importJson": "Importer JSON",
       "importSuccess": "Importation réussie !",
       "importSuccessDesc": "Le flux a été importé avec succès.",
       "invalidJson": "Fichier JSON invalide.",
       "invalidJsonDesc": "Le fichier doit contenir des tableaux de nœuds et d'arêtes.",
+      "openApi": "OpenAPI",
       "parseError": "Erreur d'analyse du fichier JSON.",
       "parseErrorDesc": "Essayez de corriger le fichier et de l'importer à nouveau."
     },
@@ -51,6 +54,24 @@ declare const _default: {
       "titleDescription": "Décrivez le formulaire ou l'arbre de décision que vous souhaitez créer, et l'IA le générera pour vous.",
       "unknownError": "Erreur inconnue"
     },
+    "apiUrlCombobox": {
+      "browseRoutes": "Parcourir les routes OpenAPI",
+      "noRoutes": "Aucune route correspondante",
+      "searchRoutes": "Rechercher par méthode, chemin ou résumé"
+    },
+    "authorizeDialog": {
+      "apiKeyLabel": "Clé d'API",
+      "apply": "Appliquer",
+      "bearerLabel": "Jeton Bearer",
+      "clear": "Effacer",
+      "description": "Authentifiez-vous auprès de l'API pour transmettre les identifiants à chaque requête émise par le formulaire.",
+      "exchangeFailed": "Échec de l'obtention du token d'accès",
+      "noSchemes": "Aucun schéma de sécurité supporté n'est déclaré dans ce document OpenAPI.",
+      "oauth2PasswordLabel": "OAuth2 mot de passe",
+      "passwordPlaceholder": "Mot de passe",
+      "title": "Autoriser",
+      "usernamePlaceholder": "Nom d'utilisateur"
+    },
     "changeNodeTypeDialog": {
       "description": "Ce nœud possède plusieurs branches sortantes. Le nouveau type n'en supporte qu'une seule. Choisissez la branche à conserver ; les autres seront supprimées.",
       "keepBranch": "Conserver cette branche",
@@ -101,6 +122,15 @@ declare const _default: {
     "groupNodeForm": {
       "label": "Libellé"
     },
+    "headersDialog": {
+      "addHeader": "Ajouter un header",
+      "description": "Ces headers sont transmis à chaque requête HTTP émise par le formulaire (inputs HTTP, submit, sources d'options). Les headers field-level avec la même clé prennent le dessus.",
+      "empty": "Aucun header pour l'instant.",
+      "keyPlaceholder": "Authorization",
+      "removeHeader": "Supprimer le header",
+      "title": "Headers globaux",
+      "valuePlaceholder": "Bearer ..."
+    },
     "httpConfigForm": {
       "addHeader": "Ajouter un en-tête",
       "apiUrl": "URL de l'API",
@@ -153,7 +183,9 @@ declare const _default: {
       "defaultValueTypeNone": "Aucun",
       "defaultValueTypeReference": "Champ de référence",
       "defaultValueTypeStatic": "Valeur statique",
+      "deleteOption": "Supprimer l'option",
       "disablePast": "Désactiver les dates passées",
+      "editOption": "Modifier l'option",
       "errorMessage": "Message d'erreur",
       "helperText": "Texte d'aide",
       "httpConfiguration": "Configuration HTTP",
@@ -209,6 +241,48 @@ declare const _default: {
       "deleteNodeSuccess": "Nœud supprimé avec succès",
       "editNode": "Modifier le nœud"
     },
+    "openApiDialog": {
+      "baseUrlHint": "Optionnel. Remplace l'URL du premier serveur du document — utile quand la spec pointe vers un autre environnement.",
+      "baseUrlLabel": "Override de l'URL de base",
+      "clear": "Effacer",
+      "cleared": "OpenAPI effacé.",
+      "description": "Fournissez un document OpenAPI 3.x pour activer les suggestions d'URL et l'autorisation.",
+      "emptyInput": "Veuillez fournir une URL ou coller un document JSON.",
+      "jsonLabel": "Collez votre OpenAPI JSON",
+      "load": "Charger",
+      "loadFailed": "Échec du chargement du document OpenAPI",
+      "loadSuccess": "OpenAPI chargé.",
+      "modeJson": "Coller JSON",
+      "modeUrl": "Depuis URL",
+      "title": "Source OpenAPI",
+      "urlLabel": "URL du document OpenAPI"
+    },
+    "optionsSourceForm": {
+      "descriptionField": "Description",
+      "descriptionFieldPlaceholder": "Chemin vers la description (optionnel)",
+      "detect": "Détecter les champs",
+      "detectFailed": "Échec de la requête.",
+      "detectSuccess": "Champs détectés.",
+      "disable": "Utiliser des options statiques",
+      "dynamicHint": "Les options sont récupérées depuis cette API au runtime.",
+      "enable": "Récupérer depuis une API",
+      "imageField": "Image",
+      "imageFieldPlaceholder": "Chemin vers l'URL de l'image (optionnel)",
+      "labelField": "Label",
+      "labelFieldPlaceholder": "Chemin vers le label (ex. name)",
+      "noFieldsDetected": "Aucun champ détecté — vérifiez l'URL ou le chemin de réponse.",
+      "none": "— Aucun —",
+      "previewCount": "{count} options détectées",
+      "responsePath": "Chemin de réponse",
+      "responsePathHint": "Optionnel. Utilisez un chemin comme \"data.users\" si le tableau est imbriqué.",
+      "responsePathPlaceholder": "ex. data.users",
+      "staticOptions": "Options statiques",
+      "staticOptionsHint": "Les options sont définies manuellement dans l'éditeur.",
+      "title": "Source des options",
+      "urlRequired": "L'URL est requise.",
+      "valueField": "Valeur",
+      "valueFieldPlaceholder": "Chemin vers la valeur (ex. id)"
+    },
     "selectInputType": {
       "type": "Type"
     },
@@ -290,6 +364,9 @@ declare const _default: {
       "search": "Recherche...",
       "selectOption": "Sélectionner une option"
     },
+    "defaultCheckboxInput": {
+      "loadingOptions": "Chargement des options..."
+    },
     "defaultHttpInput": {
       "fetchFailed": "Échec de la récupération des données. Veuillez vérifier votre connexion réseau.",
       "httpError": "Erreur HTTP {status} : {statusText}",
@@ -318,6 +395,9 @@ declare const _default: {
       "startDate": "Date de début",
       "startTime": "Heure de début"
     },
+    "defaultRadioInput": {
+      "loadingOptions": "Chargement des options..."
+    },
     "defaultSelectInput": {
       "selectOption": "Sélectionner une option"
     },

package/dist/shared/locales/it.json.d.ts

@@ -15,6 +15,7 @@ declare const _default: {
   "editor": {
     "actionsPanel": {
       "addNode": "Aggiungi elemento",
+      "authorize": "Authorize",
       "clear": "Pulisci",
       "clearSuccess": "Flusso pulito!",
       "clearSuccessDesc": "Tutti i nodi e gli archi sono stati rimossi.",
@@ -22,12 +23,14 @@ declare const _default: {
       "downloadSuccess": "Download riuscito.",
       "downloadSuccessDesc": "Il flusso è stato esportato con successo.",
       "exportJson": "Esporta JSON",
+      "globalHeaders": "Global headers",
       "idCopied": "ID del flusso copiato!",
       "importJson": "Importa JSON",
       "importSuccess": "Importazione riuscita!",
       "importSuccessDesc": "Il flusso è stato importato con successo.",
       "invalidJson": "File JSON non valido.",
       "invalidJsonDesc": "Il file deve contenere array di nodi e archi.",
+      "openApi": "OpenAPI",
       "parseError": "Errore nell'analisi del file JSON.",
       "parseErrorDesc": "Prova a correggere il file e importarlo di nuovo."
     },
@@ -51,6 +54,24 @@ declare const _default: {
       "titleDescription": "Descrivi il modulo o l'albero decisionale che vuoi creare, e l'IA lo genererà per te.",
       "unknownError": "Errore sconosciuto"
     },
+    "apiUrlCombobox": {
+      "browseRoutes": "Browse OpenAPI routes",
+      "noRoutes": "No matching route",
+      "searchRoutes": "Search by method, path, or summary"
+    },
+    "authorizeDialog": {
+      "apiKeyLabel": "API key",
+      "apply": "Apply",
+      "bearerLabel": "Bearer token",
+      "clear": "Clear",
+      "description": "Authenticate against the API to forward credentials to every request issued by the form.",
+      "exchangeFailed": "Failed to fetch access token",
+      "noSchemes": "No supported security schemes are declared in this OpenAPI document.",
+      "oauth2PasswordLabel": "OAuth2 password",
+      "passwordPlaceholder": "Password",
+      "title": "Authorize",
+      "usernamePlaceholder": "Username"
+    },
     "changeNodeTypeDialog": {
       "description": "Questo nodo ha più rami in uscita. Il nuovo tipo ne supporta solo uno. Scegli quale ramo mantenere; gli altri verranno rimossi.",
       "keepBranch": "Mantieni questo ramo",
@@ -101,6 +122,15 @@ declare const _default: {
     "groupNodeForm": {
       "label": "Etichetta"
     },
+    "headersDialog": {
+      "addHeader": "Add header",
+      "description": "These headers are forwarded to every HTTP request issued by the form (HTTP inputs, submit, options sources). Field-level headers with the same key override these.",
+      "empty": "No headers yet.",
+      "keyPlaceholder": "Authorization",
+      "removeHeader": "Remove header",
+      "title": "Global headers",
+      "valuePlaceholder": "Bearer ..."
+    },
     "httpConfigForm": {
       "addHeader": "Aggiungi intestazione",
       "apiUrl": "URL API",
@@ -153,7 +183,9 @@ declare const _default: {
       "defaultValueTypeNone": "Nessuno",
       "defaultValueTypeReference": "Campo di riferimento",
       "defaultValueTypeStatic": "Valore statico",
+      "deleteOption": "Elimina opzione",
       "disablePast": "Disabilita date passate",
+      "editOption": "Modifica opzione",
       "errorMessage": "Messaggio di errore",
       "helperText": "Testo di aiuto",
       "httpConfiguration": "Configurazione HTTP",
@@ -209,6 +241,48 @@ declare const _default: {
       "deleteNodeSuccess": "Nodo eliminato con successo",
       "editNode": "Modifica nodo"
     },
+    "openApiDialog": {
+      "baseUrlHint": "Optional. Overrides the document's first server URL — useful when the spec points at a different environment.",
+      "baseUrlLabel": "Base URL override",
+      "clear": "Clear",
+      "cleared": "OpenAPI cleared.",
+      "description": "Provide an OpenAPI 3.x document to power URL suggestions and Authorize.",
+      "emptyInput": "Please provide a URL or paste a JSON document.",
+      "jsonLabel": "Paste your OpenAPI JSON",
+      "load": "Load",
+      "loadFailed": "Failed to load OpenAPI document",
+      "loadSuccess": "OpenAPI loaded.",
+      "modeJson": "Paste JSON",
+      "modeUrl": "From URL",
+      "title": "OpenAPI source",
+      "urlLabel": "OpenAPI document URL"
+    },
+    "optionsSourceForm": {
+      "descriptionField": "Description",
+      "descriptionFieldPlaceholder": "Path to description (optional)",
+      "detect": "Detect fields",
+      "detectFailed": "Failed to fetch the API.",
+      "detectSuccess": "Fields detected.",
+      "disable": "Use static options",
+      "dynamicHint": "Options are fetched from this API at runtime.",
+      "enable": "Fetch from API",
+      "imageField": "Image",
+      "imageFieldPlaceholder": "Path to image URL (optional)",
+      "labelField": "Label",
+      "labelFieldPlaceholder": "Path to label (e.g., name)",
+      "noFieldsDetected": "No fields detected — check the URL or response path.",
+      "none": "— None —",
+      "previewCount": "{count} options detected",
+      "responsePath": "Response path",
+      "responsePathHint": "Optional. Use a path like \"data.users\" if the array is nested.",
+      "responsePathPlaceholder": "e.g., data.users",
+      "staticOptions": "Static options",
+      "staticOptionsHint": "Options are defined manually in the editor.",
+      "title": "Options source",
+      "urlRequired": "URL is required.",
+      "valueField": "Value",
+      "valueFieldPlaceholder": "Path to value (e.g., id)"
+    },
     "selectInputType": {
       "type": "Tipo"
     },
@@ -290,6 +364,9 @@ declare const _default: {
       "search": "Cerca...",
       "selectOption": "Seleziona un'opzione"
     },
+    "defaultCheckboxInput": {
+      "loadingOptions": "Caricamento opzioni..."
+    },
     "defaultHttpInput": {
       "fetchFailed": "Impossibile recuperare i dati. Controlla la tua connessione di rete.",
       "httpError": "Errore HTTP {status}: {statusText}",
@@ -318,6 +395,9 @@ declare const _default: {
       "startDate": "Data di inizio",
       "startTime": "Ora di inizio"
     },
+    "defaultRadioInput": {
+      "loadingOptions": "Caricamento opzioni..."
+    },
     "defaultSelectInput": {
       "selectOption": "Seleziona un'opzione"
     },

package/dist/shared/locales/pt.json.d.ts

@@ -15,6 +15,7 @@ declare const _default: {
   "editor": {
     "actionsPanel": {
       "addNode": "Adicionar elemento",
+      "authorize": "Authorize",
       "clear": "Limpar",
       "clearSuccess": "Fluxo limpo!",
       "clearSuccessDesc": "Todos os nós e arestas foram removidos.",
@@ -22,12 +23,14 @@ declare const _default: {
       "downloadSuccess": "Download bem-sucedido.",
       "downloadSuccessDesc": "O fluxo foi exportado com sucesso.",
       "exportJson": "Exportar JSON",
+      "globalHeaders": "Global headers",
       "idCopied": "ID do fluxo copiado!",
       "importJson": "Importar JSON",
       "importSuccess": "Importação bem-sucedida!",
       "importSuccessDesc": "O fluxo foi importado com sucesso.",
       "invalidJson": "Arquivo JSON inválido.",
       "invalidJsonDesc": "O arquivo deve conter arrays de nós e arestas.",
+      "openApi": "OpenAPI",
       "parseError": "Erro ao analisar o arquivo JSON.",
       "parseErrorDesc": "Tente corrigir o arquivo e importá-lo novamente."
     },
@@ -51,6 +54,24 @@ declare const _default: {
       "titleDescription": "Descreva o formulário ou árvore de decisão que deseja criar, e a IA irá gerá-lo para você.",
       "unknownError": "Erro desconhecido"
     },
+    "apiUrlCombobox": {
+      "browseRoutes": "Browse OpenAPI routes",
+      "noRoutes": "No matching route",
+      "searchRoutes": "Search by method, path, or summary"
+    },
+    "authorizeDialog": {
+      "apiKeyLabel": "API key",
+      "apply": "Apply",
+      "bearerLabel": "Bearer token",
+      "clear": "Clear",
+      "description": "Authenticate against the API to forward credentials to every request issued by the form.",
+      "exchangeFailed": "Failed to fetch access token",
+      "noSchemes": "No supported security schemes are declared in this OpenAPI document.",
+      "oauth2PasswordLabel": "OAuth2 password",
+      "passwordPlaceholder": "Password",
+      "title": "Authorize",
+      "usernamePlaceholder": "Username"
+    },
     "changeNodeTypeDialog": {
       "description": "Este nó possui várias ramificações de saída. O novo tipo suporta apenas uma. Escolha qual ramificação manter; as outras serão removidas.",
       "keepBranch": "Manter esta ramificação",
@@ -101,6 +122,15 @@ declare const _default: {
     "groupNodeForm": {
       "label": "Rótulo"
     },
+    "headersDialog": {
+      "addHeader": "Add header",
+      "description": "These headers are forwarded to every HTTP request issued by the form (HTTP inputs, submit, options sources). Field-level headers with the same key override these.",
+      "empty": "No headers yet.",
+      "keyPlaceholder": "Authorization",
+      "removeHeader": "Remove header",
+      "title": "Global headers",
+      "valuePlaceholder": "Bearer ..."
+    },
     "httpConfigForm": {
       "addHeader": "Adicionar cabeçalho",
       "apiUrl": "URL da API",
@@ -153,7 +183,9 @@ declare const _default: {
       "defaultValueTypeNone": "Nenhum",
       "defaultValueTypeReference": "Campo de referência",
       "defaultValueTypeStatic": "Valor estático",
+      "deleteOption": "Excluir opção",
       "disablePast": "Desativar datas passadas",
+      "editOption": "Editar opção",
       "errorMessage": "Mensagem de erro",
       "helperText": "Texto de ajuda",
       "httpConfiguration": "Configuração HTTP",
@@ -209,6 +241,48 @@ declare const _default: {
       "deleteNodeSuccess": "Nó excluído com sucesso",
       "editNode": "Editar nó"
     },
+    "openApiDialog": {
+      "baseUrlHint": "Optional. Overrides the document's first server URL — useful when the spec points at a different environment.",
+      "baseUrlLabel": "Base URL override",
+      "clear": "Clear",
+      "cleared": "OpenAPI cleared.",
+      "description": "Provide an OpenAPI 3.x document to power URL suggestions and Authorize.",
+      "emptyInput": "Please provide a URL or paste a JSON document.",
+      "jsonLabel": "Paste your OpenAPI JSON",
+      "load": "Load",
+      "loadFailed": "Failed to load OpenAPI document",
+      "loadSuccess": "OpenAPI loaded.",
+      "modeJson": "Paste JSON",
+      "modeUrl": "From URL",
+      "title": "OpenAPI source",
+      "urlLabel": "OpenAPI document URL"
+    },
+    "optionsSourceForm": {
+      "descriptionField": "Description",
+      "descriptionFieldPlaceholder": "Path to description (optional)",
+      "detect": "Detect fields",
+      "detectFailed": "Failed to fetch the API.",
+      "detectSuccess": "Fields detected.",
+      "disable": "Use static options",
+      "dynamicHint": "Options are fetched from this API at runtime.",
+      "enable": "Fetch from API",
+      "imageField": "Image",
+      "imageFieldPlaceholder": "Path to image URL (optional)",
+      "labelField": "Label",
+      "labelFieldPlaceholder": "Path to label (e.g., name)",
+      "noFieldsDetected": "No fields detected — check the URL or response path.",
+      "none": "— None —",
+      "previewCount": "{count} options detected",
+      "responsePath": "Response path",
+      "responsePathHint": "Optional. Use a path like \"data.users\" if the array is nested.",
+      "responsePathPlaceholder": "e.g., data.users",
+      "staticOptions": "Static options",
+      "staticOptionsHint": "Options are defined manually in the editor.",
+      "title": "Options source",
+      "urlRequired": "URL is required.",
+      "valueField": "Value",
+      "valueFieldPlaceholder": "Path to value (e.g., id)"
+    },
     "selectInputType": {
       "type": "Tipo"
     },
@@ -290,6 +364,9 @@ declare const _default: {
       "search": "Pesquisar...",
       "selectOption": "Selecione uma opção"
     },
+    "defaultCheckboxInput": {
+      "loadingOptions": "Carregando opções..."
+    },
     "defaultHttpInput": {
       "fetchFailed": "Falha ao buscar dados. Por favor, verifique sua conexão de rede.",
       "httpError": "Erro HTTP {status}: {statusText}",
@@ -318,6 +395,9 @@ declare const _default: {
       "startDate": "Data de início",
       "startTime": "Hora de início"
     },
+    "defaultRadioInput": {
+      "loadingOptions": "Carregando opções..."
+    },
     "defaultSelectInput": {
       "selectOption": "Selecione uma opção"
     },

package/dist/shared/types/node.d.ts

@@ -113,6 +113,39 @@ export type HttpConfig = {
      */
     showLoading?: boolean;
 };
+/**
+ * Maps response item fields to InputOption properties.
+ * Each value is a path expression (e.g., "id", "user.name", "items[0].title").
+ */
+export type OptionsSourceMapping = {
+    /** Path to the field used as InputOption.value */
+    valueField: string;
+    /** Path to the field used as InputOption.label */
+    labelField: string;
+    /** Path to the field used as InputOption.description (optional) */
+    descriptionField?: string;
+    /** Path to the field used as InputOption.image (optional) */
+    imageField?: string;
+};
+/**
+ * Dynamic options source — fetches the option list from an HTTP endpoint
+ * at runtime. Applies to inputs that use options (radio, checkbox, select,
+ * autocomplete). When set, overrides the static `options` array.
+ */
+export type OptionsSource = {
+    /** API URL (supports template variables like {{fieldId}}) */
+    url?: string;
+    /** HTTP method */
+    method?: "GET" | "POST" | "PUT" | "DELETE" | "PATCH";
+    /** Custom headers (merged with global headers; field-level wins) */
+    headers?: HttpHeader[];
+    /** Request body (for POST/PUT/PATCH; supports template variables) */
+    body?: string;
+    /** JSONPath to extract the array from the response (e.g., "data.users") */
+    responsePath?: string;
+    /** Field-to-property mapping for each response item */
+    mapping?: OptionsSourceMapping;
+};
 export type SubmitConfig = {
     /**
      * The HTTP method to use for form submission
@@ -214,10 +247,21 @@ export type InputNodeData = BaseNodeData & {
      * HTTP configuration for the input field (used with type="http")
      */
     httpConfig?: HttpConfig;
+    /**
+     * Dynamic options source — fetches the option list from an HTTP endpoint
+     * at runtime. Used by option-based inputs (radio, checkbox, select, autocomplete).
+     * When set, overrides the static `options` array.
+     */
+    optionsSource?: OptionsSource;
     /**
      * Submit configuration for the input field (used with type="submit")
      */
     submitConfig?: SubmitConfig;
+    /**
+     * Optional illustrative image displayed above the input label.
+     * Stored as a base64 data URL (uploads are resized/compressed) or a remote URL.
+     */
+    image?: string;
 };
 export type UINodeData = BaseNodeData & {
     /**

package/package.json

@@ -2,7 +2,7 @@
   "name": "treege",
   "description": "Powerful form generator",
   "license": "ISC",
-  "version": "3.0.0-beta.44",
+  "version": "3.0.0-beta.45",
   "type": "module",
   "types": "./dist/main.d.ts",
   "module": "./dist/main.js",
@@ -63,6 +63,8 @@
     "@radix-ui/react-separator": "^1.1.7",
     "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-toggle-group": "^1.1.11",
     "@radix-ui/react-tooltip": "^1.2.8",
     "@tanstack/react-form": "^1.23.5",
     "@uiw/react-textarea-code-editor": "^3.1.1",