treege 3.0.0-beta.43 → 3.0.0-beta.45

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.43",
+  "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",
@@ -104,7 +106,6 @@
     "typescript": "^5.9.2",
     "unplugin-dts": "^1.0.0-beta.6",
     "vite": "^8.0.10",
-    "vite-plugin-css-injected-by-js": "^5.0.1",
     "vitest": "^4.1.5"
   },
   "peerDependencies": {