FlowX.AI 4.6.0 Release Notes

​

What’s new? 🆕

​

Projects: Order out of chaos

The new Project concept introduces a streamlined approach to managing and deploying complex projects within FlowX. By grouping all related resources—such as processes, enumerations, integrations, and assets—into a single, organized workspace, projects provide a cohesive view for efficient development and deployment.

💼 Key Benefits:

• Unified Workspace: Group related processes, integrations, assets, and configurations into one tidy space.
• Version Control: Manage multiple builds and versions effortlessly. Rollbacks? No sweat.
• Resource Sharing: Reuse processes and configurations across projects like a boss.

🎥 Quick Demo: (Who needs text when you have visuals?)

Projects

For more details, check out this section

​

🛠 Config vs Build Mode

Config Mode: Tinker, tweak, and perfect.

• Config mode is the environment where you set up, adjust, and manage your project’s resources, processes, and configurations. It’s the workspace where you fine-tune every aspect of the project before it’s ready for deployment. Think of it as the design phase, where the focus is on setup, organization, and preparation.

Build Mode: Lock it, load it, deploy it.

• Build mode is the stage where the configurations you’ve set up are packaged into a deployable form. This is the runtime-ready version of your project, containing everything needed for it to function in a production environment. A build includes a snapshot of the project’s state at a given point, ensuring stability and predictability when deployed.

---

​

Integration Designer: Connect like a pro

It’s like a dating app for your systems: drag, drop, connect, and let the workflows flow.

API integration just got easier! Integration Designer simplifies connecting FlowX with external systems using REST APIs.

✨ The magic of it:

• Drag-and-Drop Interface: Map data, define workflows, and configure endpoints like a breeze.
• Flexible Authorization: Use Service Tokens, Bearer tokens, or go authentication-free.
• Error Management: Built-in tools ensure your integrations don’t ghost you.

Integration Designer

For more details, check out this section

---

​

Merge Conflicts 2.0: Merge without the drama

Merging branches? We’ve overhauled the process to make it faster, smarter, and far less painful.

🧩 What’s New:

• Advanced Conflict Detection: Pinpoint issues by resource type (Processes, Enumerations, Media, etc.).

• Resource-Level Resolution: Resolve conflicts directly in the UI with:
  • JSON comparisons (color-coded for clarity!).
  • Navigation tools to jump between differences.
  • Progress tracking for reviewed items.

Handle unresolved conflicts with the Merge Anyway option, which provides flexibility while maintaining control over outcomes:

• A confirmation modal explains how unresolved conflicts will be handled (e.g., prioritizing source branch changes).
• Allows merging to continue even when some conflicts remain unresolved.

Merge conflicts

---

​

AI Agents: Smart, adaptable, always ready to help

FlowX AI Agents bring automation to your fingertips, powered by a flexible, LLM-agnostic core.

🤖 Why It’s Cool:

• Works with both open-source and private language models.
• Secure, on-premise deployments available.
• Automates business processes and interactions.

🎥 Check out a quick demo:

Stay tuned for more.

---

​

Localization and Internationalization

FlowX is now more global-friendly with enhanced localization features.

Localization and internationalization

For more details, check out this section

---

​

Data Model 2.0: Data handling, but make it fashion

In this release, we’ve introduced Data Model 2.0, a major upgrade designed to simplify and enhance data handling. Key improvements include the introduction of reusable objects, a visual representation of complex data structures, and dynamic data binding, all aimed at creating a more reliable and intuitive experience. The new model ensures references are automatically updated when changes are made, streamlining data management across the platform.

Highlights:

• New Root Element: Provides a structural basis without impacting business logic, ensuring a clear and organized data structure.
• Enhanced Data Binding: Expanded to more areas, with dynamic updates based on changes in the data model.
• Localization: Added handling mechanism for locale-specific formatting, ensuring accurate data representation.

Data model

For more details, check out this section

---

​

Task management 2.0

We’ve enhanced Task Management capabilities, making it easier to create, track, and manage tasks efficiently. The updated Task Management features include customizable views and advanced filtering and sorting options for task data. Additionally, users can now implement both low-code and full-code solutions for a tailored Task Management experience, ensuring maximum flexibility for different business needs.

Task Management

For more details, check out this section

---

​

UI Designer

​

Grid layout

We are excited to introduce the Grid Layout feature in this release, enhancing the flexibility and usability of the UI Designer for creating structured and responsive layouts. With the new Grid Layout, users can organize form elements, tables, and other components using a multi-column and row system, allowing for more complex, bidirectional designs compared to the previous flex-based layout.

​

Table

The Table component is a simple and flexible way to display data in web applications. It lets you customize columns, add pagination, sort and filter data, and apply your own styling. You can resize columns, scroll through data, and even add actions like editing or deleting rows directly in the table. It’s easy to set up, with default columns and rows generated automatically based on your data.

Table

For more details, check out this section

​

FlowX.AI UI Designer new navigator

We are thrilled to introduce the new and improved UI Designer Navigator, a major update designed to streamline your UI design process.

​

Conditional formatting for UI elements

Dynamically update styling and properties of UI elements based on conditions, reducing the need for multiple prototypes.

​

Hide expressions enhancements

Expanded hide expressions functionality to include:

• Cards
• Collection prototypes and children
• Table cell children (e.g., texts, images, buttons, links)

​

UI actions

• Added a new UI action Start new project instance
• Removed the Start Process Inherit UI action type.

​

UI action form updates

• Introduced Functional and UX sections for all action types, with a checkbox for Add Analytics Name in the UX section.
• Simplified custom and exclude key management.

---

​

Start new project instance action

We’ve introduced the Start New Project Instance node action, enabling users to initiate a completely new process from within an ongoing one. This functionality is perfect for scenarios where isolated use cases are managed across different projects or environments.

Start new project instance action

---

​

Custom components validation

You are able to validate and retrieve data from a generated screen, including data from a custom form section. Additionally, you’ll have the ability to trigger and manage data directly within that section. This will be a major benefit for clients who have chosen to create custom components for the entire screen (for example, a form that isn’t supported natively by the platform).

Validating elements

---

​

Autocomputed data to send

In previous platform versions, when creating your UI screens and working with data, you had to ensure that all the data stored in your process keys was saved in the process instance. This required adding an extra parameter called “Data to send” to the “Save Data” node action.

Older versions vs v4.6.0:

Now, with the autocompute feature, this step is no longer necessary, as the data is automatically saved and sent on your process instance.

However, you still have the option to customize which keys are included or excluded as needed.

---

​

Scripting UX Improvements: Write code like a wizard

• Autocomplete: Get tailored suggestions based on your data model.
• New Editors: JSON and hide/disable expressions editors now include examples, syntax help, and better visual feedback.

---

​

React & Angular SDKs

Dev friends, we heard you. FlowX now integrates smoothly into your React and Angular apps. It’s like peanut butter and jelly, but make it code.

​

React SDK

With the 4.6.0 release, we’re excited to announce the launch of the FlowX React SDK! This new SDK empowers developers to seamlessly integrate FlowX.AI capabilities into React applications, making it easier than ever to build highly interactive, responsive, and dynamic user experiences.

To get started, simply install the FlowX React SDK via npm and check our documentation for examples and best practices!

React SDK

​

New Angular SDK

We’re excited to announce new releases for FlowX packages to support web applications:

• @flowx/core-sdk
• @flowx/angular-sdk
• @flowx/angular-theme
• @flowx/angular-ui-toolkit
• @flowx/core-theme

Angular SDK migration guide

---

​

Analytics integration for Container Apps

Container apps now support tracking “Screen Displayed” and “Action Executed” events, configurable in the UI Designer to improve insights into user interactions.

UI Designer updates

• Analytics Screen Name: Configurable under Root UI components (Cards and Containers) to enable tracking in analytics platforms like Google Analytics.

• Action Analytics: Tracks user actions (e.g., button clicks) with tags set directly in the UI Action Form.

Renderers updates

Renderers now expose a public API for triggering analytics events:

• Screen Events: Triggered on user task display, using flowxProps.analytics.
• Action Events: Triggered on action execution, using params.analytics.

Dynamic values such as process store keys and replace tags are supported for more contextual tracking.

---

​

Plugin updates

Notifications and Documents plugins have been integrated as project resources.

---

​

Bug fixes 🐞

​

Rendering

• Default Value Initialization for UI Elements: Resolved an issue where certain UI elements were initialized with incorrect default values.

• Improved Security for Hidden Fields: Fixed a vulnerability where hidden fields could be accessed through browser developer tools.

• Form Validation Reset on UI Dismissal: Addressed an issue where form validation errors persisted after the UI was closed.

• Keybinding Issues on Windows: Fixed a bug where pressing specific keys triggered unintended operations in the designer.

• Input Field Validation for Number Type: Corrected the validation logic for number input fields to ensure consistent behavior.

• Improved Datepicker Popup Positioning: Resolved an issue where the datepicker popup overlapped the associated input field.

• Manual Date Entry in Datepicker: Fixed an issue where manually entering a date after selecting one from the datepicker caused errors.

• Enhanced Update Mechanism for Custom Components: Improved the reliability of updates for custom components to reflect changes consistently.

​

Known issues 😢

We’re aware of a few quirks during merge conflicts and are working to fix them. Here’s a quick rundown:

​

Changes 🔧

• Web Renderer Caching: Improved resource caching with browser mechanisms keyed to build IDs.
• Process Designer: Enhanced drag-and-drop functionality for node placement.

---

​

Additional information

For deployment guidelines and further details, refer to:

Deployment guidelines v4.6.0

Migrating from v4.1.x:

Migrating from v4.1.x to v4.6.0

Changes in process configuration

Renderer SDKs