> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowx.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# FlowX.AI 5.1.1 Release Notes (LTS)

> WCAG 2.1 Level AA compliance achieved, AI Platform enhancements, bug fixes, and quality improvements for the FlowX.AI 5.1.x LTS line.

<Info>
  This is a **Long-Term Support (LTS)** maintenance release focusing on **accessibility compliance**, **AI Platform enhancements**, **customer issue resolution**, and **proactive quality improvements**.
  Upgrades from **5.1.0 → 5.1.1** are non-breaking and fully compatible.
</Info>

<Card title="Release Highlight" icon="star" iconType="duotone">
  **Quality Achievement**: FlowX.AI 5.1.1 demonstrates our commitment to proactive quality improvement:

  * **[WCAG 2.1 Level AA compliance](https://www.w3.org/TR/WCAG21/)** achieved across all web components
  * **Proactive quality improvements** identified through internal QA before reaching customers
  * **Customer issues** resolved with full business context
  * **Zero breaking changes** - fully compatible upgrade from 5.1.0

  This release represents months of accessibility audits, automated testing, and quality assurance work to deliver exceptional software quality.
</Card>

***

**What's new? 🆕**

<Tabs>
  <Tab title="Highlights">
    FlowX.AI 5.1.1 delivers comprehensive improvements across accessibility, stability, and platform reliability.

    ♿  [**WCAG 2.1 Compliance Achieved**](#wcag-21-compliance-achieved) — Full accessibility support across all web components\
    🌍 [**Task Management Localization**](#task-management-localization) — Comprehensive multi-language support with 51 substitution tags\
    🤖 [**AI Platform Enhancements**](#ai-platform-enhancements) — Multi-agent system improvements and AI workflow stability\
    🎯 [**Customer Fixes**](#customer-fixes) — Critical issues resolved based on customer feedback\
    ✨ [**Proactive Improvements**](#proactive-quality-improvements) — Issues identified through internal QA before reaching customers\
    🔧 [**Platform Enhancements**](#platform-enhancements) — SSE handling, audit logs, and infrastructure improvements

    ### **WCAG 2.1 compliance**

    <Card title="WCAG 2.1 compliance" icon="universal-access" iconType="duotone">
      <Tabs>
        <Tab title="Overview">
          **FlowX.AI is now WCAG 2.1 Level AA compliant**

          This release delivers full accessibility support through **28 comprehensive improvements** across Angular and React SDKs, making FlowX applications usable by everyone, including users with disabilities.

          ### Business value

          <CardGroup cols={2}>
            <Card title="Government Compliance" icon="landmark">
              Meet accessibility requirements for government and public sector applications
            </Card>

            <Card title="Healthcare Standards" icon="hospital">
              Comply with healthcare industry accessibility regulations and standards
            </Card>

            <Card title="Financial Services" icon="building-columns">
              Satisfy financial sector requirements for inclusive digital experiences
            </Card>

            <Card title="Universal UX" icon="users">
              Keyboard navigation and clear labels improve usability for all users, not just those with disabilities
            </Card>
          </CardGroup>

          ### What changed

          * All components now fully keyboard-accessible
          * Complete screen reader support with ARIA labels
          * Proper focus management across all interactions
          * Accessible error announcements and validation
          * Semantic HTML structure throughout
        </Tab>

        <Tab title="Key features">
          <CardGroup cols={2}>
            <Card title="Auto-bindable ARIA Tags" icon="tag">
              Automatically bind accessibility labels, descriptions, and ARIA attributes to all UI components from Designer configuration
            </Card>

            <Card title="Keyboard Navigation" icon="keyboard">
              Full keyboard navigation support with proper focus management, tab order, and keyboard shortcuts in Angular and React SDKs
            </Card>

            <Card title="Screen Reader Support" icon="audio-description">
              ARIA labels, descriptions, and live regions implemented across all form elements and interactive components
            </Card>

            <Card title="UI Designer Integration" icon="sliders">
              Dedicated accessibility configuration section in UI Designer for managing labels and descriptions
            </Card>
          </CardGroup>
        </Tab>

        <Tab title="Supported components">
          <Steps>
            <Step title="Form Elements">
              Input fields, Select/Multiselect, Checkbox, Switch, Radio/Segmented buttons, Slider, and File upload with labels, descriptions, and error announcements
            </Step>

            <Step title="Interactive Components">
              Buttons, Links, Modals, Stepper, Tabs, and Accordion/Card with keyboard navigation, focus management, and state announcements
            </Step>

            <Step title="Display Components">
              Messages and Images with semantic HTML structure and proper labeling
            </Step>

            <Step title="Platform Support">
              Complete implementation for Angular and React SDKs (iOS and Android in future releases)
            </Step>
          </Steps>
        </Tab>

        <Tab title="Implementation details">
          **28 Improvements Delivered:**

          <Accordion title="Angular SDK">
            * Custom keyboard navigation implementation
            * Focus management for Select/Multiselect components
            * Modal focus trap and restoration
            * Shift+Tab handling across form elements
            * Listbox keyboard operations
            * Table navigation improvements
            * Switch and checkbox accessibility
            * File preview focus indicators
            * Button Space key activation
            * Link focus outlines
            * Disabled element keyboard behavior
          </Accordion>

          <Accordion title="React SDK">
            * BaseUI Combobox implementation for Select/Multiselect
            * Keyboard navigation with clear buttons
            * Focus restoration after interactions
            * Outline theming for focus indicators
            * Modal auto-focus on open
            * Card accordion keyboard handling
            * Table row navigation
            * Option highlighting in dropdowns
          </Accordion>

          <Accordion title="UI Designer">
            * Accessibility configuration panel
            * Auto-bindable tags for all components
            * Label and description fields
            * Alt text management for images
            * ARIA attribute configuration
            * Accessibility section styling
            * Component-specific accessibility settings
          </Accordion>

          <Accordion title="Technical tasks completed">
            * Implemented BaseUI Combobox for Select/Multiselect
            * Custom keyboard navigation for Angular
            * React SDK keyboard navigation with clear button
            * Auto-bindable accessibility tags for all components
            * Accessibility configuration panel in UI Designer
            * Removed conflicting title attribute tooltips
            * Aligned Stepper accessibility between frameworks
            * Bind labels and descriptions to form fields
          </Accordion>
        </Tab>
      </Tabs>

      <div className="flex justify-between items-center">
        <a href="../../../../5.1/docs/building-blocks/ui-designer/ui-component-types/accessibility" className="inline-flex items-center gap-1 text-indigo-600 dark:text-indigo-400 font-medium hover:text-indigo-800 dark:hover:text-indigo-300 transition-colors">
          Learn more about Accessibility Configuration

          <svg xmlns="http://www.w3.org/2000/svg" className="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" />
          </svg>
        </a>

        <span className="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-purple-100 dark:bg-purple-900 text-purple-800 dark:text-purple-300">
          Major Achievement
        </span>
      </div>
    </Card>

    ***

    ### **Customer fixes**

    <Card title="Customer fixes" icon="user-headset" iconType="duotone">
      We prioritized and resolved **customer-reported issues** in this release, addressing critical functionality issues and workflow inefficiencies reported via Zendesk.

      <Accordion title="Action parameters lost on copy/paste">
        **Problem:**\
        When copying nodes with Kafka send actions, topic and message configurations were not preserved, forcing users to manually reconfigure all action parameters after paste operations.

        **Customer Impact:**

        * Development velocity significantly reduced
        * Risk of configuration errors during manual re-entry
        * Frustration with repetitive configuration work

        **Resolution:**\
        actionParamsMap now properly persists through copy/paste operations

        **Steps to reproduce (fixed):**

        1. Create send message node with Kafka action
        2. Configure topic and message parameters
        3. Copy and paste the node
        4. All configurations now preserved correctly

        **Customer Benefit:**\
        Faster workflow development with reduced configuration errors and improved developer experience.
      </Accordion>

      <Accordion title="Orphaned warnings block process deployments">
        **Problem:**\
        When deleting parent actions that had child actions with warnings, the warnings remained in the system as orphans. These orphaned warnings prevented process export/import operations and blocked build deployments.

        **Customer Impact:**

        * Build pipelines blocked by stale warnings
        * Deployment delays requiring manual database cleanup
        * Process export/import operations failed
        * Development and testing workflows disrupted

        **Resolution:**\
        Warnings now cascade-delete automatically when parent actions are removed

        **Steps to reproduce (fixed):**

        1. Create action with subactions containing warnings
        2. Delete the parent action
        3. All child warnings now properly cleaned up

        **Customer Benefit:**\
        Clean deployments without manual intervention, faster development cycles, no more blocked pipelines.
      </Accordion>

      <Accordion title="Default application cannot be removed">
        **Problem:**\
        Auto-generated `default_application` in new environments existed only in app\_manager schema and could not be deleted through standard operations, returning validation errors.

        **Customer Impact:**

        * Environment cleanup difficulties
        * Testing complications with unwanted default projects
        * Confusion about application lifecycle management

        **Resolution:**\
        Added proper runtime validation for application deletion operations

        **Error (Fixed):**

        ```json theme={"system"}
        {
          "status": 400,
          "message": "error.validation.runtime.application.not_found",
          "title": "Runtime project not found."
        }
        ```

        **Customer Benefit:**\
        Clean environment management with predictable application lifecycle operations.
      </Accordion>
    </Card>

    ***

    ### **Proactive quality improvements**

    <Card title="Proactive quality improvements" icon="sparkles" iconType="duotone">
      <Tabs>
        <Tab title="Overview">
          **Issues identified and resolved proactively**:

          ### Quality process

          <CardGroup cols={2}>
            <Card title="Accessibility Audits" icon="clipboard-check">
              WCAG 2.1 compliance testing identified keyboard navigation and focus management improvements
            </Card>

            <Card title="Automated Testing" icon="robot">
              Continuous integration pipelines caught component behavior issues and rendering problems
            </Card>

            <Card title="Internal QA" icon="magnifying-glass">
              Manual testing uncovered edge cases in form interactions and modal behaviors
            </Card>

            <Card title="Code Reviews" icon="code-branch">
              Peer reviews identified potential stability issues in backend processing and dependency management
            </Card>
          </CardGroup>

          ### Distribution by category

          * **Keyboard Navigation**: Fixes across Angular and React
          * **Focus Management**: Fixes for modals, forms, and interactive elements
          * **Component Behavior**: Fixes for proper state handling and rendering
          * **Backend Stability**: Fixes for processing and dependency management
        </Tab>

        <Tab title="Angular SDK">
          <Accordion title="Keyboard navigation improvements">
            * Fixed listbox remaining open when pressing Shift+Tab
            * Fixed Shift+Tab not working on Select with search
            * Fixed Multiselect tab navigation moving to first element instead of next
            * Fixed Select input focus not working properly
            * Fixed Select list not scrolling during keyboard navigation
            * Fixed up/down arrow scrolling screen alongside option list
            * Fixed focus lost after loading new user task
            * Fixed focusable table content not reached from table header
            * Fixed Link in message focus missing outline
            * Fixed modal close button not focused automatically
            * Fixed file preview focus not highlighted and lost
            * Fixed button inside modal not working with Space key
          </Accordion>

          <Accordion title="Component Behavior Fixes">
            * Fixed Multiselect options list not opening
            * Fixed MultiSelect and link focusable when disabled
            * Fixed modal dismiss buttons not working with Space key
            * Fixed modal without close button not easily focusable
            * Fixed modal dismiss not focused automatically
            * Fixed Switch type checkbox focus not highlighted
            * Fixed Space pressed on card with accordion scrolling page
            * Fixed Switch with label position start focus issues
          </Accordion>
        </Tab>

        <Tab title="React SDK">
          <Accordion title="Keyboard Navigation Improvements">
            * Fixed outline from theme not applied to modal close button and links
            * Fixed Select selected option not highlighted in options list
            * Fixed Select search not filtering after selection
            * Fixed Input/textarea/select focus lost after using clear button
            * Fixed Tab focus moving inside collapsed card
            * Fixed table Tab navigation skipping rows
            * Fixed focusable table content not reached from table header
            * Fixed file preview retry focus not highlighted and lost
          </Accordion>

          <Accordion title="Component Behavior Fixes">
            * Fixed Select and link focusable when disabled
            * Fixed Switch type checkbox focus not highlighted
            * Fixed Datepicker clear icon focus not highlighted
            * Fixed modal dismiss not focused automatically
            * Fixed doc preview modal not closable with Enter or Space
            * Fixed button inside table focus not highlighted
            * Fixed Slider decimal numbers not rendered correctly
            * Fixed Substepper not rendered correctly
            * Fixed doc preview display mode showing inline
            * Fixed cards expandable before token reaches them
          </Accordion>
        </Tab>

        <Tab title="Designer & Backend">
          <Accordion title="UI Designer Improvements">
            * Fixed missing accessibility section on Link component
            * Fixed missing accessibility section on Image button
            * Fixed missing space in accessibility label and info icon
            * Fixed Alt text field disabled styling not applied
            * Fixed console errors when changing pages from header
            * Fixed Select/multiselect highlighted in preview and settings tabs
            * Fixed outline theming in enumerations and inputs
            * Fixed Workflows info points content not rendered correctly
            * Fixed Workflows tabs content not showing properly
            * Fixed padding missing on RUT UI Assets panel
          </Accordion>

          <Accordion title="Backend Stability Improvements">
            * Fixed wrong navigationTree response on overridden process
            * Fixed incorrect navigationTree for resource override details
            * Fixed error when trying to update dependency lib versions
            * Fixed error returned when updating dependency with override
            * Fixed no response on out topic for start process by name from Kafka
            * Fixed checkbox "Allow back to this action" status not loaded
            * Fixed empty screen when logging in without workspace access
            * Fixed Elasticsearch scheduled task errors with failed documents
            * Fixed services not logging when Liquibase crashing due to lock
          </Accordion>
        </Tab>
      </Tabs>

      <div className="flex justify-between items-center">
        <span className="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-300">
          Proactive Quality
        </span>
      </div>
    </Card>

    ***

    ### **Task management localization**

    <Card title="Task management localization" icon="language" iconType="duotone">
      <Tabs>
        <Tab title="Overview">
          FlowX.AI 5.1.1 adds comprehensive localization support for Task Management, enabling multi-language task management interfaces through 51 system substitution tags. Table grid localization is automatic.

          <Frame>
            ![](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/5.x/sys_tm.png)
          </Frame>

          * **FlowX Substitution Tags** (51 keys) - Custom Task Management elements, **manually configured in CMS**
          * **Table Grid Localization**  - Data table components, **automatically localized based on container app language**

          <Info>
            This feature enables complete Task Management localization for global deployments, meeting requirements for government, healthcare, and financial services applications requiring multi-language support.
          </Info>
        </Tab>

        <Tab title="Key features">
          <CardGroup cols={2}>
            <Card title="FlowX Substitution Tags (51 Keys)" icon="tags">
              Complete set of substitution tags for task actions, statuses, history events, and UI elements
            </Card>

            <Card title="Table Grid Localization" icon="sliders">
              Table grid localizes automatically based on container app language; FlowX tags configured manually in CMS
            </Card>

            <Card title="Web Renderer Integration" icon="code">
              Angular and React renderers use system substitution tags on all task management texts
            </Card>
          </CardGroup>
        </Tab>

        <Tab title="What's localized">
          **FlowX Substitution Tags (51 Keys):**

          * Table columns (title, stage, assignee, status, priority, last updated)
          * Process states (created, started, finished, failed, expired, etc.)
          * Task actions (assign, unassign, hold, unhold, execute, start)
          * Bulk operations (assign to, unassign all, hold all, etc.)
          * History events (task created, assigned, status changed, etc.)
          * User selection dialogs and UI states

          **Table Grid Localization**:

          * Filters (set, text, number, date with all operators)
          * Menus (column, context, aggregation, sorting)
          * Pagination (navigation, page size, row counts)
          * Data types (boolean, dates, numbers with formatting)
          * ARIA labels for accessibility
        </Tab>

        <Tab title="Implementation details">
          <Steps>
            <Step title="Set Container App Language">
              Configure your container application language - FlowX.AI automatically handles table grid localization based on this setting
            </Step>

            <Step title="Configure CMS Tags">
              Add translations for all 51 sys\_tm\_\* tags in CMS for each supported language - this is the only manual configuration needed
            </Step>

            <Step title="Use in Renderers">
              Web renderers automatically apply system substitution tags to all task management UI elements
            </Step>
          </Steps>
        </Tab>
      </Tabs>

      <div className="flex justify-between items-center">
        <span className="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-cyan-100 dark:bg-cyan-900 text-cyan-800 dark:text-cyan-300">
          Localization
        </span>
      </div>
    </Card>

    <CardGroup cols={2}>
      <Card title="Task Management Localization Guide" href="../../../5.1/docs/platform-deep-dive/core-extensions/task-management/task-management-localization" icon="book">
        Complete implementation guide with all 51 substitution tags, supported languages, and troubleshooting
      </Card>

      <Card title="CMS Substitution Tags" href="../../../5.1/docs/platform-deep-dive/core-extensions/content-management/substitution-tags" icon="tags">
        Configure substitution tags in CMS for multi-language support
      </Card>
    </CardGroup>

    ***

    ### **AI Platform enhancements**

    <Card title="AI Platform enhancements" icon="robot" iconType="duotone">
      <Tabs>
        <Tab title="Overview">
          FlowX.AI 5.1.1 delivers significant improvements to the AI Platform, enhancing multi-agent collaboration, conversation management, and AI workflow stability. These enhancements ensure more reliable AI-assisted development workflows and better user experience.

          <CardGroup cols={2}>
            <Card title="Multi-Agent System" icon="users">
              Enhanced agent communication and thread management for improved collaborative AI workflows
            </Card>

            <Card title="Conversation Stability" icon="message">
              Improved conversation handling with better error propagation and session management
            </Card>

            <Card title="AI Developer Tools" icon="wrench">
              Enhanced AI Developer capabilities with proper data model integration and expression generation
            </Card>

            <Card title="Document Intelligence" icon="file-text">
              Multi-page document generation support and improved content handling
            </Card>
          </CardGroup>
        </Tab>

        <Tab title="Key improvements">
          **Multi-Agent Conversation Management:**

          * Enhanced conversation thread handling with proper parent action status updates
          * Improved backend support for adding new messages on agent threads
          * Better session management with new session button in Command Center
          * Context switching prevention during execution plan generation

          **AI Developer Enhancements:**

          * Fixed data model integration for expressions and business rules generation
          * Improved action target saving and destination setting
          * Enhanced execution plan editing from user prompts
          * Better handling of empty execution plans

          **Error Handling & Stability:**

          * Graceful error propagation from internal AI agent operations
          * Improved CORS headers for document object downloads
          * Enhanced telemetry support for debugging and monitoring
          * Better handling of plan enhancement patches

          **Document & Content Features:**

          * Multi-page document generation support in AI nodes
          * Source selector component for image and document inputs
          * Improved messaging system for AI agents in command center
          * Enhanced UI feedback for AI-generated resources
        </Tab>

        <Tab title="Technical improvements">
          **Backend Enhancements:**

          * Continuous patching support for action contexts during execution
          * Improved navigation tree responses for overridden processes
          * Enhanced dependency management for library overrides
          * Better error handling and logging across AI services

          **Frontend Improvements:**

          * Fixed target selector closing behavior in implementation threads
          * Improved preview mode handling after developer changes
          * Enhanced command center messaging and error display
          * Better UI state management for AI workflow interactions

          **Integration Updates:**

          * CORS headers properly configured for GraphQL object downloads
          * Process task destinations automatically set to current process
          * Improved integration between AI agents and execution plans
          * Enhanced audit logging for resource overrides
        </Tab>
      </Tabs>

      <div className="flex justify-between items-center">
        <span className="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-300">
          AI Platform
        </span>
      </div>
    </Card>

    ***

    ### **Platform enhancements**

    <Card title="Platform enhancements" icon="server" iconType="duotone">
      <Tabs>
        <Tab title="Infrastructure">
          <CardGroup cols={2}>
            <Card title="SSE Disconnect Handling" icon="plug">
              Improved Server-Sent Events disconnect handling to reduce error log flooding when clients disconnect
            </Card>

            <Card title="Resource Overrides Audit" icon="file-shield">
              Implemented audit logs for library resource overrides to track configuration changes
            </Card>

            <Card title="Security Updates" icon="shield-check">
              Fixed high vulnerabilities in Designer 5.1.x and main branch
            </Card>
          </CardGroup>
        </Tab>

        <Tab title="Renderer Enhancements">
          <CardGroup cols={2}>
            <Card title="System Substitution Tags" icon="code">
              Web renderers now use system substitution tags on all task management texts
            </Card>

            <Card title="Outline Theming" icon="palette">
              Enhanced outline and select/multiselect option highlight theming for visual consistency
            </Card>
          </CardGroup>
        </Tab>

        <Tab title="Technical Improvements">
          **Code Quality:**

          * Eliminated deprecated code for Kafka start process
          * Improved error handling for Elasticsearch document updates
          * Enhanced dependency management for library overrides
          * Better logging and error reporting across services

          **Performance:**

          * Optimized SSE connection handling
          * Improved query performance for navigation tree
          * Better resource management in long-running processes
        </Tab>
      </Tabs>

      <div className="flex justify-between items-center">
        <span className="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-300">
          Platform Updates
        </span>
      </div>
    </Card>
  </Tab>

  <Tab title="Info">
    ## Additional information

    <Info>
      **Upgrade Compatibility**: FlowX.AI 5.1.1 is fully compatible with 5.1.0. No configuration changes, schema migrations, or data transformations are required.
    </Info>

    ### Compatibility

    <CardGroup cols={2}>
      <Card title="Upgrade Path" icon="arrow-up-right-dots">
        Direct upgrade from 5.1.0 → 5.1.1 with no breaking changes or configuration updates
      </Card>

      <Card title="Component Compatibility" icon="circle-check">
        Compatible with FlowX.AI SDKs (Angular/React/iOS/Android), Designer, and Database 5.1.x
      </Card>
    </CardGroup>

    ### Deployment information

    <Info>
      Standard deployment procedures apply. No special migration steps required for this maintenance release.
    </Info>

    ### Known issues

    <Warning>
      The following items are in progress or backlog for future releases:

      * Android and iOS accessibility properties implementation
      * Additional Select component refinements
      * UI Designer padding optimizations
    </Warning>

    ### What's next

    **FlowX.AI 5.1.x LTS** will continue to receive maintenance updates focused on:

    * Security patches and vulnerability fixes
    * Stability improvements and critical bug fixes
    * Accessibility enhancements for mobile platforms
    * Performance optimizations

    Major new features are planned for future releases in the 5.x series. See the [5.2.0 Tech Preview](../v5.2.0-tech-preview/v5.2.0-tech-preview) for upcoming capabilities.
  </Tab>
</Tabs>