> ## 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.0.0 Release Notes

> Latest features, improvements, and bug fixes in our newest release

<Warning type="technology-preview">
  This release includes the following features in Tech Preview. We encourage you to try them out and share your feedback to help us improve them. Please note that Tech Preview features may change before final release.
</Warning>

<Tabs>
  <Tab title="What's New">
    **What's new? 🆕**

    🆕 [**Workspaces (Multi-Tenant Architecture)**](#workspaces-multi-tenant-architecture)\
    🆕 [**Project Data Model (PDM)**](#project-data-model-pdm)\
    🆕 [**FlowX.AI Database**](#flowxai-database)\
    🆕 [**Multi Select UI Component**](#multi-select-ui-component)\
    🆕 [**Library-to-Library Dependencies**](#library-to-library-dependencies)\
    🆕 [**Data Mappers**](#data-mappers)\
    🆕 [**Reusable Resources**](#reusable-resources)\
    🆕 [**Files in Integration Designer**](#files-in-integration-designer)\
    🆕 [**Rendering improvements**](#rendering-improvements)

    ### **Workspaces (Multi-Tenant Architecture)**

    <Card title="Workspaces" icon="building-columns" iconType="duotone">
      <Tabs>
        <Tab title="Workspaces Overview">
          <Frame>
            ![Workspaces multi-tenant architecture](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/5.x/org%20Admin.png)
          </Frame>

          FlowX.AI 5.0 introduces Workspaces, enabling organizations to manage multiple business lines, verticals, or countries within a single FlowX.AI instance while maintaining complete data isolation.
        </Tab>

        <Tab title="Workspaces Key Features">
          <CardGroup cols={2}>
            <Card title="Multi-Tenant Architecture" icon="building-columns">
              Logical separation of business contexts with shared infrastructure
            </Card>

            <Card title="Enhanced Access Control" icon="shield-check">
              Role-based access control (RBAC) and Access Control Lists (ACLs) with workspace-specific permissions
            </Card>

            <Card title="Data Isolation" icon="lock">
              Complete logical isolation between workspaces while enabling controlled resource sharing
            </Card>

            <Card title="User Groups & Roles" icon="users-gear">
              Simplified permission management through groups and workspace-specific roles
            </Card>
          </CardGroup>
        </Tab>

        <Tab title="Workspaces Benefits">
          <Steps>
            <Step title="Accelerated Onboarding">
              Onboard new business verticals in days instead of weeks with shared platform capabilities
            </Step>

            <Step title="Enhanced Governance">
              Implement fine-grained access control with workspace-specific roles and permissions
            </Step>

            <Step title="Operational Efficiency">
              Centralize platform upgrades, maintenance, and monitoring across all business units
            </Step>
          </Steps>
        </Tab>

        <Tab title="Workspaces Use Cases">
          <CardGroup cols={2}>
            <Card title="Multi-National Operations" icon="globe">
              Separate workspaces for different countries/regions with shared global processes
            </Card>

            <Card title="Business Unit Separation" icon="building">
              Independent workspaces for retail, corporate, and investment banking divisions
            </Card>

            <Card title="Regulatory Compliance" icon="scale-balanced">
              Isolate processes subject to different regulatory requirements
            </Card>

            <Card title="Team-Based Development" icon="users">
              Enable different teams to work independently while sharing common resources
            </Card>
          </CardGroup>
        </Tab>
      </Tabs>

      <div className="flex justify-between items-center">
        <a href="../../../5.1/docs/projects/workspaces" 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 Workspaces

          <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">
          Platform Evolution
        </span>
      </div>
    </Card>

    <Accordion title="👥 What This Means for Your Role">
      <Tabs>
        <Tab title="DevOps Engineer">
          <Warning>
            **Major Infrastructure Changes**: Workspaces introduces SpiceDB integration and new database schemas for multi-tenant architecture.
          </Warning>

          **Key Changes:**

          * **SpiceDB Integration**: New permission management system requiring deployment
          * **Database Migration**: Schema updates for workspace support
          * **User Storage**: Only information about FlowX.AI Designer users is stored in FlowX.AI. The stored user data is limited to: unique identifier, username, first name, last name, and email address.
          * **Default Workspace**: All the projects and libraries are migrated to default workspace

          <Check>**Backward Compatibility**: All existing functionality preserved in default workspace</Check>
        </Tab>

        <Tab title="Process Configurator">
          <Tip>
            **New Login Flow**: After authentication, select your workspace before accessing FlowX.AI Designer. Once inside a workspace, everything works as before.
          </Tip>

          **What's New:**

          * **Workspace Selection**: Choose workspace after login
          * **Resource Isolation**: Projects, libraries, themes are workspace-specific
          * **Enhanced Permissions**: Fine-grained access control with user groups and ACLs
          * **Workspace Management**: Create and manage workspaces (admin users)

          **What Stays the Same:**

          * Process design and configuration
          * UI Designer capabilities
          * Integration patterns
          * All existing FlowX.AI Designer features
        </Tab>

        <Tab title="Business Analyst">
          <Note>
            **Strategic Transformation**: Workspaces enables enterprise multi-tenant architecture with independent business unit governance while sharing platform capabilities.
          </Note>

          **Business Impact:**

          * **Faster time-to-market** for new business verticals
          * **Enhanced compliance** with workspace-specific controls
          * **Improved governance** with fine-grained access management

          **Enterprise Benefits:**

          * Business unit autonomy with shared platform
          * Regulatory compliance through data isolation
          * Centralized upgrades and maintenance
          * Cross-business unit resource sharing when appropriate
        </Tab>
      </Tabs>
    </Accordion>

    ### **Project Data Model (PDM)**

    <Card title="Project Data Model (PDM)" icon="database" iconType="duotone">
      <Tabs>
        <Tab title="PDM Overview">
          <Frame>
            ![](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/470/pdm.png)
          </Frame>

          The new Project Data Model feature enables you to define and manage data types at the project level, which can then be reused across all processes within your project.
        </Tab>

        <Tab title="PDM Key Features">
          <CardGroup cols={2}>
            <Card title="Centralized Management" icon="sitemap">
              Define data types once at the project level and reuse them across multiple processes
            </Card>

            <Card title="Automatic Propagation" icon="arrows-rotate">
              Changes to PDM data types automatically propagate to all referencing processes
            </Card>

            <Card title="Enhanced Governance" icon="shield-check">
              Configure sensitive data and reporting settings at the project level
            </Card>

            <Card title="Library Integration" icon="books">
              Use data types from libraries in your Project Data Model
            </Card>
          </CardGroup>
        </Tab>

        <Tab title="PDM Benefits">
          <Steps>
            <Step title="Reduce duplicate work">
              Define common data types like Customer, Product, or Document once instead of recreating them in each process
            </Step>

            <Step title="Simplify maintenance">
              Update a data type in one place and have changes apply everywhere it's used
            </Step>

            <Step title="Standardize data structures">
              Enforce consistent naming, structure, and governance across your application
            </Step>

            <Step title="Accelerate development">
              Create new processes faster by leveraging pre-defined data types
            </Step>
          </Steps>
        </Tab>

        <Tab title="Example">
          <Frame caption="Insurance claim processing example">
            ![](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/470/pdm_example1.png)
          </Frame>
        </Tab>
      </Tabs>

      <div className="flex justify-between items-center">
        <a href="../../../5.1/docs/building-blocks/process/project-data-model" 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 Project Data Model

          <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-orange-100 dark:bg-orange-900 text-orange-800 dark:text-orange-300">
          New Feature
        </span>
      </div>
    </Card>

    <Accordion title="👥 What This Means for Your Role">
      <Tabs>
        <Tab title="DevOps Engineer">
          <Info>
            **Infrastructure Impact**: PDM has minimal infrastructure impact - it's a design-time feature that improves development efficiency without affecting runtime resources.
          </Info>

          <Check>**No deployment changes required** - PDM is part of the design platform, not runtime</Check>
          <Check>**Backward compatible** - Existing processes continue to work unchanged</Check>
        </Tab>

        <Tab title="Process Configurator">
          <Tip>
            **Game Changer**: Define data types once at project level, use everywhere. No more recreating Customer or Order objects in every process.
          </Tip>

          **How to Use PDM:**

          1. Navigate to Project → Config → Data Model
          2. Define your business entities (Customer, Product, etc.)
          3. Set governance rules (sensitive data, reporting)
          4. Use these types in any process within the project

          **Best Practices:**

          * Start with core business entities
          * Use clear, consistent naming
          * Mark sensitive fields appropriately
          * Leverage library data types when available
        </Tab>

        <Tab title="Business Analyst">
          <Note>
            **Strategic Value**: PDM transforms how your organization manages business data definitions. Define business entities once and ensure consistency across all processes and teams.
          </Note>

          **Business Benefits:**

          * **Enhanced compliance** through centralized governance and data sensitivity controls
          * **Reduced errors** from consistent data definitions

          **ROI Indicators:**

          * Development Efficiency: Measure reduction in process creation time
          * Error Reduction: Track fewer data-related production issues
          * Maintenance Cost: Monitor time spent on data structure updates
        </Tab>
      </Tabs>
    </Accordion>

    ***

    ### **FlowX.AI Database**

    <Card title="FlowX.AI Database" icon="server" iconType="duotone">
      <Tabs>
        <Tab title="FlowX.AI Database Overview">
          <Frame>
            <video autoPlay muted loop playsInline controls src="https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/5.x/flowx_db_demo.mp4" />
          </Frame>

          FlowX.AI Database is a new persistence layer that enables you to store and retrieve data across different processes and applications, without relying on external systems.
        </Tab>

        <Tab title="FlowX.AI Database Key Features">
          <CardGroup cols={2}>
            <Card title="Data Persistence" icon="database">
              Store data that persists beyond process instances
            </Card>

            <Card title="MongoDB Operations" icon="code">
              Find, insert, and manipulate data using familiar MongoDB operations
            </Card>

            <Card title="Workflow Integration" icon="diagram-project">
              Seamlessly integrate with workflows through Data Source nodes
            </Card>

            <Card title="Document Collections" icon="folder-tree">
              Organize your data in structured collections
            </Card>
          </CardGroup>
        </Tab>

        <Tab title="FlowX.AI Database Benefits">
          <Steps>
            <Step title="Share data between processes">
              Enable communication and data sharing between different process instances
            </Step>

            <Step title="Reduce external dependencies">
              Store operational data within FlowX.AI instead of building custom connectors
            </Step>

            <Step title="Enable new use cases">
              Build dashboards, caching solutions, and other applications that require persistent data
            </Step>

            <Step title="Simplify architecture">
              Keep your data within the FlowX.AI ecosystem for improved security and simplicity
            </Step>
          </Steps>
        </Tab>

        <Tab title="UI Integration">
          <Frame caption="FlowX.AI Database as a Data Source type">
            ![](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/470/flowx_db_select.png)
          </Frame>

          FlowX.AI Database integrates directly into the existing Integration Designer as a new Data Source type alongside RESTful System, making it easy to create and manage database collections without learning new interfaces.
        </Tab>
      </Tabs>

      <div className="flex justify-between items-center">
        <a href="../../../5.1/docs/platform-deep-dive/integrations/flowx-database" 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 FlowX.AI Database

          <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-orange-100 dark:bg-orange-900 text-orange-800 dark:text-orange-300">
          New Feature
        </span>
      </div>
    </Card>

    <Accordion title="👥 What This Means for Your Role">
      <Tabs>
        <Tab title="DevOps Engineer">
          <Warning>
            **Infrastructure Planning Required**: FlowX.AI Database creates additional MongoDB collections and requires infrastructure planning for storage, monitoring, and backup procedures.
          </Warning>

          <Check>
            New microservice: NoSQL DB Runner. Check the [setup guide](../../5.0-tech-preview/setup-guides/nosql-db-runner) for more details.
          </Check>

          **Key Considerations:**

          * **Storage Planning**: Monitor usage as processes adopt internal database (plan for 20-30% increase)
          * **Performance Monitoring**: Set up alerts for FlowX.AI Database query performance
          * **Backup Strategy**: Include FlowX.AI Database collections in backup procedures
          * **Connection Pooling**: Additional connection pools for database operations
          * **Memory**: Additional 256MB-512MB per FlowX.AI instance for database operations
        </Tab>

        <Tab title="Process Configurator">
          <Tip>
            **New Integration Option**: FlowX.AI Database appears as a new Data Source type in Integration Designer, right alongside RESTful System.
          </Tip>

          **When to Use FlowX.AI Database:**

          * Customer data lookup across processes
          * Shared configuration and reference data
          * Process-to-process communication
          * Caching frequently accessed data
          * Temporary operational data storage

          **How to Implement:**

          1. Add Data Source node to your process
          2. Select "FlowX.AI Database" as type
          3. Configure collection and operations
          4. Use familiar MongoDB syntax (find, insert, update)

          <Warning>
            **When NOT to Use**: Don't replace your core business systems. FlowX.AI Database is perfect for operational data, caching, and inter-process communication - but your CRM, ERP, and other systems of record should remain your primary data sources.
          </Warning>
        </Tab>

        <Tab title="Business Analyst">
          <Note>
            **Strategic Value**: FlowX.AI Database enables new operational patterns that were previously complex or impossible. It's not about replacing your core systems, but about enabling new ways to orchestrate business processes.
          </Note>

          **New Business Capabilities:**

          * **Cross-process workflows**: Loan application → Credit check → Approval across different process instances
          * **Real-time dashboards**: Operational data for business monitoring without system integration
          * **Agile experimentation**: Test new business rules without impacting core systems
          * **Process orchestration**: Complex business flows spanning multiple departments

          **ROI Considerations:**

          * **Time to Market**: Faster implementation of new business processes
          * **Agility**: Rapid prototyping and testing of business ideas

          **Use FlowX.AI Database when:**

          * Data is operational and process-specific (not master data)
          * You need rapid implementation without IT system changes
          * Process instances need to communicate with each other
          * You're prototyping new business capabilities
        </Tab>
      </Tabs>
    </Accordion>

    ***

    ### **Multi Select UI Component**

    <Card title="Multi Select UI Component" icon="list-check" iconType="duotone">
      <Tabs>
        <Tab title="Multi Select Overview">
          <Frame>
            ![Multi Select form field](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/5.x/multi_select.png)
          </Frame>

          The new Multi Select component allows users to choose multiple options from a predefined list, expanding upon the existing single Select component to support multi-value scenarios.
        </Tab>

        <Tab title="Key Features">
          <CardGroup cols={2}>
            <Card title="Multiple Selections" icon="check-double">
              Users can select multiple options from dropdown lists, with values stored as arrays
            </Card>

            <Card title="Flexible Display Options" icon="eye">
              Show selections as chips, comma-separated lists, or custom formats
            </Card>

            <Card title="Selection Limits" icon="hashtag">
              Configure maximum number of selectable options to control user input
            </Card>

            <Card title="Search & Filter" icon="magnifying-glass">
              Built-in search functionality to filter through large option lists
            </Card>
          </CardGroup>
        </Tab>

        <Tab title="Multi Select Use Cases">
          <Steps>
            <Step title="Skills & Competencies">
              Allow users to select multiple skills, qualifications, or areas of expertise
            </Step>

            <Step title="Categories & Tags">
              Enable selection of multiple categories, tags, or classification options
            </Step>

            <Step title="Product Features">
              Let customers choose multiple product features, services, or add-ons
            </Step>

            <Step title="Preferences & Settings">
              Capture user preferences where multiple options can be active simultaneously
            </Step>
          </Steps>
        </Tab>

        <Tab title="Configuration">
          <Frame caption="Multi Select configuration options">
            ![Multi Select configuration](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/5.x/multi_select_props.png)
          </Frame>

          Configure Multi Select components with the same ease as other form elements. Set maximum selections, display formats, search options, and validation rules through the familiar UI Designer interface.

          <Accordion title="Key Configuration Options">
            * **Max. Options Selectable**: Limit the number of selections
            * **Show selections**: Choose how selected items are displayed
            * **Search for options**: Enable filtering within large lists
            * **Has Clear**: Allow users to clear all selections at once
            * **Validation rules**: Min/max selections, required validations
          </Accordion>
        </Tab>
      </Tabs>

      <div className="flex justify-between items-center">
        <a href="../../../5.1/docs/building-blocks/ui-designer/ui-component-types/form-elements/multi-select" 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 Multi Select

          <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-orange-100 dark:bg-orange-900 text-orange-800 dark:text-orange-300">
          New Component
        </span>
      </div>
    </Card>

    <Accordion title="👥 What This Means for Your Role">
      <Tabs>
        <Tab title="DevOps Engineer">
          <Check>**No Infrastructure Impact**: Multi Select is a pure UI component with no backend requirements. It works with existing form handling and data storage mechanisms.</Check>

          <Check>**Zero deployment overhead** - Component is part of the UI framework upgrade</Check>
          <Check>**Existing data handling** - Uses standard array storage, no schema changes needed</Check>
        </Tab>

        <Tab title="Process Configurator">
          <Tip>
            **Easy Integration**: Multi Select works just like other form elements in UI Designer. Drag, drop, configure - no new learning curve required.
          </Tip>

          **Common Use Cases:**

          1. **Skills Selection**: Job applications, team member profiles, contractor skills
          2. **Product Features**: Insurance coverage options, software licensing features
          3. **Categories & Tags**: Document classification, customer segmentation

          **Key Configuration:**

          * **Max selections**: Control input limits
          * **Display format**: Chips, lists, custom
          * **Search**: Filter large option sets
          * **Clear all**: Easy reset functionality
          * **Validation**: Min/max rules
        </Tab>

        <Tab title="Business Analyst">
          <Note>
            **User Experience Impact**: Multi Select eliminates user frustration in scenarios where single selection doesn't match real-world needs. This improves data quality and user satisfaction.
          </Note>

          **Before vs After:**

          * ❌ **Before**: "I can only select one skill, but I have multiple certifications"
          * ✅ **After**: "Perfect! I can select all my relevant skills at once"

          **Business Process Examples:**

          * **Employee Onboarding**: Select multiple skills, certifications, department access
          * **Product Configuration**: Select multiple features, add-ons, support packages
          * **Customer Preferences**: Select multiple communication channels, product interests

          <Tip>
            **Analytics Benefit**: Multi-select data provides richer analytics. Instead of knowing a customer chose "Primary Interest: Technology," you know they selected "AI, Cloud Computing, Cybersecurity, Mobile Development" - much more actionable for business intelligence.
          </Tip>
        </Tab>
      </Tabs>
    </Accordion>

    ***

    ### **Library-to-Library Dependencies**

    <Card title="Library-to-Library Dependencies" icon="list" iconType="duotone">
      <Tabs>
        <Tab title="Lib2Lib Dependencies Overview">
          <Frame>
            ![Library dependencies example](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/5.x/libs_dependencies.png)
          </Frame>

          FlowX.AI 5.0 introduces the ability for libraries to depend on other libraries, enabling hierarchical dependency structures and more sophisticated modular architectures.
        </Tab>

        <Tab title="Lib2Lib Dependencies Key Features">
          <CardGroup cols={2}>
            <Card title="Hierarchical Structure" icon="sitemap">
              Create complex dependency trees with multiple levels of library-to-library relationships
            </Card>

            <Card title="Resource Inheritance" icon="arrow-down">
              Projects automatically gain access to resources from the entire dependency hierarchy
            </Card>

            <Card title="Version Control" icon="tag">
              Single-version constraint ensures consistency across the dependency tree
            </Card>

            <Card title="Conflict Prevention" icon="shield-exclamation">
              Built-in validation prevents circular dependencies and version conflicts
            </Card>
          </CardGroup>
        </Tab>

        <Tab title="Lib2Lib Dependencies Benefits">
          <Steps>
            <Step title="Enhanced Modularity">
              Break down complex functionality into smaller, focused libraries that can depend on each other
            </Step>

            <Step title="Team-based Development">
              Enable different teams to own and maintain specific libraries while building on shared foundations
            </Step>

            <Step title="Specialized Libraries">
              Create country-specific or domain-specific libraries that extend common base libraries
            </Step>

            <Step title="Simplified Architecture">
              Organize libraries hierarchically, reducing complexity and improving maintainability
            </Step>
          </Steps>
        </Tab>

        <Tab title="Example Structure">
          <Frame caption="Example dependency tree with library-to-library dependencies">
            ![Dependency tree visualization](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/5.x/example_dependency_tree.png)
          </Frame>

          <Accordion title="Sample dependency hierarchy">
            ```
            Mortgage Project
            ├── Enums Library (1.6.0)
            ├── Integrations Library (2.5.0)
            │   ├── Commons Library (1.1.0)  
            │   └── Enums Library (1.6.0) # Transitive dependency
            └── Subprocesses Library (1.3.0)
                └── Enums Library (1.6.0)  # Transitive dependency
            ```

            In this example, both Integrations Library and Subprocesses Library depend on other libraries, creating a multi-level hierarchy that the Mortgage Project can leverage.
          </Accordion>
        </Tab>
      </Tabs>

      <div className="flex justify-between items-center">
        <a href="../../../5.1/docs/projects/managing-applications/dependencies" 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 Library Dependencies

          <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-orange-100 dark:bg-orange-900 text-orange-800 dark:text-orange-300">
          Major Enhancement
        </span>
      </div>
    </Card>

    <Accordion title="👥 What This Means for Your Role">
      <Tabs>
        <Tab title="DevOps Engineer">
          <Info>
            **Full Backwards Compatibility**: FlowX.AI 5.0 maintains full backwards compatibility with existing project-to-library dependencies from FlowX.AI 4.x. All existing dependencies will continue to work without modification.
          </Info>

          **Upgrade Process:**

          1. **Existing dependencies** will be automatically migrated
          2. **New library dependency features** become available immediately
          3. **No breaking changes** to existing functionality
          4. **Enhanced validation** may catch previously undetected issues

          <Warning>
            **Post-Migration Required**: After the lib2lib migration is executed, you must clear the cache. This is necessary because a new field is added to the build mongo document.
          </Warning>

          **Cache Clearing Steps:**

          1. Complete the lib2lib migration process
          2. Clear the application cache to ensure the new build document fields are properly recognized
          3. Verify that library-to-library dependencies are functioning correctly

          **Key Changes:**

          * **Build Export Changes**: Build exports now automatically include entire dependency trees (larger packages but self-contained)
          * **Dependency Validation**: Build process now checks for dependency conflicts (enhanced validation may catch previously undetected issues)
          * **Deployment Consistency**: Single-version constraint prevents runtime conflicts (more predictable deployments)
        </Tab>

        <Tab title="Process Configurator">
          <Tip>
            **Enhanced Organization**: You can now create more sophisticated library structures where specialized libraries build upon common foundations. This reduces duplication and improves consistency.
          </Tip>

          **How It Works:**

          1. Navigate to Library → Config → Dependencies
          2. Add other libraries as dependencies
          3. FlowX.AI validates for conflicts automatically
          4. Resources from all dependency levels become available

          **Best Practices:**

          * Plan your library hierarchy before implementation
          * Keep dependencies focused and purposeful
          * Avoid circular dependencies
          * Use semantic versioning consistently
          * Document dependency relationships clearly

          <Info>
            **Example**: Create a "US Banking Library" that depends on "Global Banking Library" and "US Compliance Library". This way, US-specific processes get both global banking functionality and local compliance requirements automatically.
          </Info>
        </Tab>

        <Tab title="Business Analyst">
          <Note>
            **Enterprise Architecture**: Library-to-Library Dependencies enable sophisticated organizational structures where different teams can own specific business domains while building on shared foundations.
          </Note>

          **Enterprise Use Cases:**

          **Multi-Country Operations:**
          Global Insurance Company: US-specific library depends on Global Compliance library

          ```
          US Insurance Library → Global Compliance Library → Base Insurance Library
          ```

          **Product Line Specialization:**
          Bank: Mortgage processes use specialized libraries that extend common banking operations

          ```
          Mortgage Library → Lending Library → Core Banking Library
          ```

          **Business Impact:**

          * **Team Autonomy**: Teams work independently while leveraging shared assets
          * **Faster Innovation**: New products build on proven foundation components
          * **Risk Reduction**: Tested, validated components reduce implementation risk

          <Warning>
            **Change Management**: This capability requires coordination between teams. Establish clear ownership models, communication protocols, and upgrade procedures before implementing complex dependency hierarchies.
          </Warning>
        </Tab>
      </Tabs>
    </Accordion>

    ***

    ### **Data Mappers**

    <Card title="Data Mappers" icon="arrow-right-arrow-left" iconType="duotone">
      <Tabs>
        <Tab title="Data Mappers Overview">
          <video controls autoPlay src="https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/5.x/test_data_mappers.mp4" />

          Data Mappers enable users to visually map data transfers between components with intuitive drag-and-drop functionality while maintaining full backward compatibility with existing implementations.
        </Tab>

        <Tab title="Data Mappers Key Features">
          <CardGroup cols={2}>
            <Card title="Visual Data Mapping" icon="diagram-project">
              Drag-and-drop interface for mapping data between source and destination components
            </Card>

            <Card title="Component Integration" icon="puzzle-piece">
              Seamlessly connect processes, subprocesses, workflows, and business rules
            </Card>

            <Card title="Parameter Management" icon="sliders">
              Define input/output parameters with predefined and flexible parameter types
            </Card>

            <Card title="Backward Compatibility" icon="shield-check">
              Choose between new Data Mapper or existing implementation methods
            </Card>
          </CardGroup>
        </Tab>

        <Tab title="Data Mappers Benefits">
          <Steps>
            <Step title="Simplified Integration">
              Visual interface eliminates complex configuration syntax and reduces integration errors
            </Step>

            <Step title="Enhanced Reusability">
              Define parameters once and reuse across multiple components and processes
            </Step>

            <Step title="Improved Governance">
              Centralized parameter management with clear data flow visibility
            </Step>

            <Step title="Zero Migration Risk">
              Optional adoption with full backward compatibility ensures smooth transition
            </Step>
          </Steps>
        </Tab>

        <Tab title="Data Mappers Use Cases">
          <CardGroup cols={2}>
            <Card title="Call Activity Mapping" icon="arrow-right">
              Map data between parent processes and subprocesses (sync/async)
            </Card>

            <Card title="Integration Workflows" icon="workflow">
              Connect processes with Integration Designer workflows
            </Card>

            <Card title="Business Rules" icon="scale-balanced">
              Pass data to and from business rule executions
            </Card>

            <Card title="Node-to-Node Data Flow" icon="share-nodes">
              Map data between workflow nodes (REST endpoints, data persistence)
            </Card>
          </CardGroup>
        </Tab>
      </Tabs>

      <div className="flex justify-between items-center">
        <a href="../../../5.1/docs/building-blocks/process/data-mappers" 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 Data Mappers

          <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-orange-100 dark:bg-orange-900 text-orange-800 dark:text-orange-300">
          New Feature
        </span>
      </div>
    </Card>

    <Accordion title="👥 What This Means for Your Role">
      <Tabs>
        <Tab title="DevOps Engineer">
          <Check>
            **Zero Infrastructure Impact**: Data Mappers is a design-time feature that enhances the FlowX.AI Designer interface without requiring additional infrastructure or deployment changes.
          </Check>

          <Info>
            **Full Backward Compatibility**: All existing data transfer mechanisms (like `append to parent process` or `output.[outputKey]`) continue to work unchanged. Teams can adopt Data Mappers at their own pace.
          </Info>

          **Key Points:**

          * **No new microservices** - Enhancement to existing designer interface
          * **No runtime changes** - Data mapping occurs at design time
          * **Existing configurations preserved** - Zero impact on current implementations
          * **Optional adoption** - Teams choose when and where to use new functionality
        </Tab>

        <Tab title="Process Configurator">
          <Tip>
            **Game Changer for Integration**: No more complex syntax for data transfers. Visual drag-and-drop interface makes component integration intuitive and error-free.
          </Tip>

          **How to Use Data Mappers:**

          1. **Define Parameters**: Set input/output parameters on Start/End nodes
          2. **Choose Implementation**: Select "Data Mapper" or "Current" method
          3. **Visual Mapping**: Drag source parameters to destination parameters
          4. **Save Configuration**: Store mappings for reuse and maintenance

          **When to Use:**

          * **Call Activities**: Passing data between parent and child processes
          * **Integration Workflows**: Connecting with external systems
          * **Complex Data Flows**: When visual mapping improves clarity
          * **Team Collaboration**: When multiple people work on integration logic

          <Warning>
            **Parameter Changes**: When you modify input/output parameters, existing mappings must be manually updated. Changes don't automatically propagate to avoid unintended data flow modifications.
          </Warning>
        </Tab>

        <Tab title="Business Analyst">
          <Note>
            **Strategic Value**: Data Mappers transforms technical integration tasks into visual, business-friendly workflows. Non-technical stakeholders can now understand and validate data flows between business processes.
          </Note>

          **Business Impact:**

          * **Reduced Errors**: Visual mapping prevents data integration mistakes that cause process failures
          * **Faster Development**: Intuitive interface accelerates process configuration and testing
          * **Better Documentation**: Visual data flows serve as living documentation of business logic
          * **Team Collaboration**: Business and technical teams can discuss data flows using the same visual interface

          **ROI Indicators:**

          * **Development Speed**: Measure reduction in integration configuration time
          * **Error Rate**: Track fewer data-related production issues
          * **Team Efficiency**: Monitor cross-functional collaboration improvements
          * **Process Quality**: Assess improvement in first-time-right deployments

          **Use Cases by Industry:**

          * **Banking**: Loan application data flowing from customer intake → credit check → approval process
          * **Insurance**: Claim data mapping from initial report → investigation → settlement
          * **Manufacturing**: Order data flowing from sales → production planning → fulfillment
        </Tab>
      </Tabs>
    </Accordion>

    ***

    ### **Reusable Resources**

    <Card title="Reusable Resources" icon="puzzle-piece" iconType="duotone">
      <Tabs>
        <Tab title="Reusable Resources Overview">
          <Frame>
            ![Reusable Resources in FlowX.AI Designer](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/5.x/Screenshot%202025-07-31%20at%2018.08.38.png)
          </Frame>

          FlowX.AI 5.0 introduces Reusable Resources, a new section that eliminates repetitive development work by enabling you to create and manage both UI Templates and Business Functions that can be used across multiple processes and projects.
        </Tab>

        <Tab title="Reusable Functions">
          <CardGroup cols={2}>
            <Card title="Business Logic Reuse" icon="code">
              Create JavaScript or Python functions once and use them across multiple processes via Business Rule actions
            </Card>

            <Card title="Data Model Integration" icon="database">
              Define input/output parameters with full project data model integration and testing capabilities
            </Card>

            <Card title="Interactive Testing" icon="flask">
              Test functions with sample data in real-time before deployment to ensure accuracy
            </Card>

            <Card title="Automatic Propagation" icon="arrows-rotate">
              Changes to functions automatically update all instances across your application
            </Card>
          </CardGroup>
        </Tab>

        <Tab title="Reusable UI Templates">
          <CardGroup cols={2}>
            <Card title="UI Component Reuse" icon="window">
              Design UI components once and instantiate them across multiple User Tasks with automatic data binding
            </Card>

            <Card title="Centralized Management" icon="sitemap">
              Manage all templates from the new Reusable Resources section alongside Reusable Functions
            </Card>

            <Card title="Omnichannel Support" icon="devices">
              Templates work seamlessly across different platforms and channels
            </Card>

            <Card title="Flexible UI Actions" icon="mouse-pointer">
              Define UI actions within templates with two scenarios: template-defined actions or form-centric data handling
            </Card>
          </CardGroup>
        </Tab>

        <Tab title="Key Problems Solved">
          <Steps>
            <Step title="Eliminate repetitive development">
              Stop recreating the same business logic and UI patterns across different processes - build once, use everywhere
            </Step>

            <Step title="End manual component updates">
              Update functions and templates in one place to automatically affect all instances across your application
            </Step>

            <Step title="Centralized template management">
              Replace scattered, inconsistent UI patterns with centrally managed, reusable components
            </Step>

            <Step title="Accelerate time-to-market">
              Build new processes faster by leveraging pre-built, tested components instead of starting from scratch
            </Step>
          </Steps>
        </Tab>

        <Tab title="Real-World Examples">
          <Accordion title="Reusable Functions Examples">
            **Customer Data Validation Function:**

            * **Input**: firstName, lastName, email, phone
            * **Logic**: Format validation, duplicate checking, data standardization
            * **Output**: validatedCustomer object with formatted data
            * **Usage**: Customer onboarding, profile updates, registration processes across all channels

            **Credit Risk Assessment Function:**

            * **Input**: applicationData, customerProfile, financialHistory
            * **Logic**: Complex credit scoring algorithms, risk categorization, recommendation engine
            * **Output**: riskScore, riskCategory, approvalRecommendation, requiredDocuments
            * **Usage**: Loan applications, credit cards, mortgage processes, business lending

            **Document Processing Function:**

            * **Input**: documentFile, documentType, customerID
            * **Logic**: OCR processing, data extraction, compliance validation
            * **Output**: extractedData, validationStatus, complianceFlags
            * **Usage**: KYC processes, claims processing, application reviews
          </Accordion>

          <Accordion title="Reusable UI Templates Examples">
            **Personal Details Card Template:**

            * **Root Component**: Card with professional styling
            * **Contains**: Name, email, phone, address input fields with validation
            * **UI Actions**: Save data, clear form, auto-populate from existing data
            * **Usage**: Customer registration, profile updates, employee onboarding, contractor management

            **Document Upload Section Template:**

            * **Root Component**: Container with drag-and-drop functionality
            * **Contains**: File upload area, progress indicators, document list, preview capabilities
            * **UI Actions**: Upload documents, delete files, download copies, validate formats
            * **Usage**: Loan applications, compliance documentation, claims submissions, HR processes

            **Financial Summary Dashboard Template:**

            * **Root Component**: Card with data visualization
            * **Contains**: Balance displays, transaction history, chart components, action buttons
            * **UI Actions**: Refresh data, export reports, drill-down details
            * **Usage**: Account overviews, investment portfolios, expense tracking, budget management
          </Accordion>
        </Tab>
      </Tabs>

      <div className="flex justify-between items-center">
        <div className="flex gap-4">
          <a href="../../../5.1/docs/building-blocks/reusable-resources/reusable-functions" 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 about Reusable Functions

            <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>

          <a href="../../../5.1/docs/building-blocks/reusable-resources/reusable-ui" 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 about UI Templates

            <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>
        </div>

        <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">
          Major Feature
        </span>
      </div>
    </Card>

    <Accordion title="👥 What This Means for Your Role">
      <Tabs>
        <Tab title="DevOps Engineer">
          <Info>
            **Minimal Infrastructure Impact**: Reusable Resources is primarily a design-time enhancement that leverages existing FlowX infrastructure with minimal additional overhead.
          </Info>

          **Infrastructure Considerations:**

          * **Execution Context**: Functions execute within existing process engine contexts - no additional runtime infrastructure required

          <Check>**No New Microservices**: Features are integrated into existing FlowX.AI platform components</Check>
        </Tab>

        <Tab title="Process Configurator">
          <Tip>
            **Development Game Changer**: Access the new "Reusable Resources" section in FlowX.AI Designer - located alongside "Reusable Functions" - to eliminate 60-80% of repetitive development work.
          </Tip>

          **Key Capabilities:**

          * **Data Model Support**: Full integration with Project Data Model (PDM)
          * **Action Scenarios**: Template-defined actions assigned during instantiation OR form-centric actions handled by User Task
          * **Omnichannel**: Templates work across web, mobile, and other channels

          **Best Practices:**

          * **Start with common patterns**: Identify frequently repeated business logic and UI components
          * **Test thoroughly**: Use interactive testing for functions and preview mode for templates
          * **Document usage**: Include clear descriptions and example use cases
        </Tab>

        <Tab title="Business Analyst">
          <Note>
            **Revolutionary Business Impact**: Reusable Resources fundamentally changes how organizations approach process development, transforming from "build every time" to "build once, leverage everywhere."
          </Note>

          **Strategic Business Value:**

          * **Quality Assurance**: Dramatic reduction in defects through reusable, tested components
          * **Maintenance Efficiency**: Update business rules once to instantly affect all processes
          * **Team Productivity**: Developers focus on new business capabilities instead of repetitive development
          * **Consistency**: Ensure uniform business rules and user experience across all touchpoints

          **Industry Use Cases:**

          * **Functions**: KYC validation, credit scoring, fraud detection, regulatory compliance checks

          * **UI Templates**: Customer onboarding forms, document upload sections, account summary dashboards, loan application interfaces

          * **Functions**: Premium calculations, risk evaluation, claims processing, policy validation

          * **UI Templates**: Quote request forms, claims submission interfaces, policy comparison tables, agent dashboards

          * **Functions**: Patient eligibility checks, treatment authorization, billing calculations, compliance validation

          * **UI Templates**: Patient registration forms, appointment scheduling interfaces, medical history cards, provider dashboards
        </Tab>
      </Tabs>
    </Accordion>

    ### **Files in Integration Designer**

    <Card title="File Handling in Integration Designer" icon="file-arrow-up" iconType="duotone">
      FlowX.AI 5.0 introduces native file handling capabilities in Integration Designer, enabling seamless file uploads and downloads with external systems directly within your integration workflows.

      <CardGroup cols={2}>
        <Card title="Download Files" icon="file-arrow-down">
          Call external APIs and receive files in the response. Integration Designer saves files to Document Plugin or S3 and returns paths for further processing.
        </Card>

        <Card title="Upload Files" icon="cloud-arrow-up">
          Send files stored in Document Plugin or S3 to external APIs via multipart/form-data or single binary requests.
        </Card>

        <Card title="Multiple Formats" icon="files">
          Support for JSON responses with Base64 encoded files and single binary responses with automatic file identification.
        </Card>

        <Card title="Flexible Storage" icon="database">
          Configure file destinations to Document Plugin (process-linked) or S3 Protocol (custom buckets) based on your needs.
        </Card>
      </CardGroup>

      <div className="flex justify-between items-center mt-4">
        <a href="../../../5.1/docs/platform-deep-dive/integrations/integration-designer#file-handling" 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 File Handling in Integration Designer

          <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-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-300">
          New Feature
        </span>
      </div>
    </Card>

    ### **Rendering Improvements**

    <Card title="UI/UX Enhancements" icon="palette" iconType="duotone">
      <Tabs>
        <Tab title="Grid & Layout Improvements">
          <CardGroup cols={2}>
            <Card title="Enhanced Grid Component" icon="grid">
              Improved performance, responsiveness, and customization options for data display and form organization
            </Card>

            <Card title="Navigation Areas Redesign" icon="compass">
              Streamlined navigation experience in both UI Designer and Process Designer with improved interface organization
            </Card>

            <Card title="Multi Actions Support" icon="arrow-left">
              Batch operations support for UI components, enabling simultaneous actions on multiple elements
            </Card>

            <Card title="Permission-Based UI Editing" icon="shield-check">
              Granular control over UI element editing based on user permissions with partial editing capabilities
            </Card>
          </CardGroup>
        </Tab>

        <Tab title="Enhanced Form Controls">
          <CardGroup cols={2}>
            <Card title="Input Type Code" icon="code">
              Specialized input component for code entry
            </Card>

            <Card title="Formatting Options" icon="paragraph">
              Advanced formatting capabilities for Input and Slider components
            </Card>

            <Card title="Switch Variants" icon="toggle-on">
              Enhanced switch component supporting both toggle and checkbox variants
            </Card>

            <Card title="Disabled Options on Selectors" icon="ban">
              Configure specific options as disabled while keeping them visible in dropdown lists
            </Card>
          </CardGroup>
        </Tab>

        <Tab title="Advanced Features">
          <CardGroup cols={2}>
            <Card title="Custom Loader" icon="arrows-rotate">
              Configurable loading indicators for improved user experience during data operations
            </Card>

            <Card title="Custom Validators" icon="scale-balanced">
              Advanced validation logic using dynamic computed expressions
            </Card>

            <Card title="File Upload Button Type" icon="cloud-arrow-up">
              New specialized button variant designed for file upload operations
            </Card>

            <Card title="Copy Styles" icon="copy">
              Efficiently replicate styling across multiple UI components
            </Card>
          </CardGroup>
        </Tab>

        <Tab title="Analytics & Process">
          <CardGroup cols={2}>
            <Card title="Analytics Enhancements" icon="chart-bar">
              Custom payload support for detailed user interaction tracking and business intelligence
            </Card>

            <Card title="Process End Handling" icon="flag">
              Improved user experience when processes complete or terminate
            </Card>

            <Card title="Forms in Collections" icon="rectangle">
              Enhanced support for form elements within collection components
            </Card>

            <Card title="Template Management" icon="square">
              Streamlined template organization by consolidating functionality in Reusable Resources
            </Card>
          </CardGroup>
        </Tab>
      </Tabs>
    </Card>
  </Tab>

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

    <CardGroup cols={2}>
      <Card title="Deployment Guidelines v5.0" icon="server" href="./deployment-guidelines-v5.0">
        Instructions for deploying FlowX.AI 5.0.0
      </Card>

      <Card title="Migration Guide (from v4.7.x)" icon="arrow-up-right-dots" href="./migrating-from-v4.7.x-to-5.0/migration-overview">
        Step-by-step guide for migrating from v4.7.x to v5.0.0
      </Card>
    </CardGroup>
  </Tab>
</Tabs>
