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

> Introducing Workspaces, Project Data Model, Library-to-Library Dependencies, Data Mappers, Reusable Resources, and more for a more efficient and flexible development experience.

**What's new? 🆕**

<Tabs>
  <Tab title="Reusability">
    Build once, use everywhere. These features transform how you develop and maintain applications by eliminating duplication and enabling sophisticated modular architectures.

    🔄 [**Project Data Model (PDM)**](#project-data-model-pdm) - Define reusable data types at the project level to ensure consistency across processes\
    🔄 [**Library-to-Library Dependencies**](#library-to-library-dependencies) - Create complex dependency trees with multiple levels of library-to-library relationships\
    🔄 [**Data Mappers**](#data-mappers) - Visual drag-and-drop data mapping with reusable parameter definitions\
    🔄 [**Reusable Resources**](#reusable-resources) - Create and manage UI Templates and Business Functions across multiple processes\
    🔄 [**Files in Integration Designer**](#files-in-integration-designer) - Enhanced file management and reusability in integration workflows\
    🔄 [**Resources Overrides**](#resources-overrides) - Localization and customization of core applications across multiple regions with centralized management\
    🔄 [**Active Policy Overrides**](#active-policy-overrides) - User-specific and role-specific deployment policies for independent testing and controlled rollouts

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

    ***

    ### **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.1.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>

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

    ***

    ### **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.1.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>

    ***

    ### **Files in Integration Designer**

    <Card title="Files in Integration Designer" icon="file-code" iconType="duotone">
      <Tabs>
        <Tab title="Files Overview">
          <Frame>
            ![Integration Designer file workflows](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/5.x/fh.png)
          </Frame>

          FlowX.AI 5.1.0 introduces comprehensive file handling capabilities in Integration Designer, resolving previous limitations where sending or receiving documents, photos, or any files via Integration Designer was not supported. This powerful enhancement enables seamless file exchange with external systems through automated workflows.
        </Tab>

        <Tab title="Core File Scenarios">
          <CardGroup cols={2}>
            <Card title="File Downloads" icon="download">
              Process calls external API (GET/POST) and receives files in response. Integration Designer saves files to specified location and returns paths to workflow
            </Card>

            <Card title="File Uploads" icon="upload">
              Process sends files stored in Document Plugin or S3 Bucket to external API via POST request. Workflow transmits file path for seamless transfer
            </Card>

            <Card title="Document Plugin Integration" icon="folder">
              Seamless integration with FlowX.AI Document Plugin for process-specific file management and organization
            </Card>

            <Card title="S3 Storage Support" icon="cloud">
              Custom S3 bucket storage for files not tied to specific process instances or when Document Plugin is unavailable
            </Card>
          </CardGroup>
        </Tab>

        <Tab title="Enhanced Capabilities">
          <Steps>
            <Step title="Automated File Exchange">
              Enable seamless file transfer with external systems without manual handling or complex custom integrations
            </Step>

            <Step title="Flexible Storage Options">
              Choose between Document Plugin for process-specific files or S3 Protocol for independent file operations
            </Step>

            <Step title="Workflow Integration">
              Files are automatically integrated into workflow processes with proper path management and metadata handling
            </Step>

            <Step title="External Service Communication">
              Communicate effectively with document services, AI processing systems, report generators, and CMS platforms
            </Step>
          </Steps>
        </Tab>

        <Tab title="Real-World Use Cases">
          <Accordion title="Contract Generation Workflows">
            **Scenario**: Generate personalized contracts using external document services

            * **Process Flow**: Send customer data → External contract service → Receive generated PDF contract
            * **Integration**: Customer information flows to document generation API, completed contracts return to process
            * **Storage**: Generated contracts stored in Document Plugin for process tracking and audit trails
            * **Business Value**: Automated contract creation with legal template compliance and version control
          </Accordion>

          <Accordion title="Document Processing & OCR">
            **Scenario**: Process uploaded documents through external AI/OCR services

            * **Process Flow**: Upload document → AI processing service → Receive extracted data and processed files
            * **Integration**: Documents sent to AI services for text extraction, classification, or compliance validation
            * **Storage**: Processed documents and extracted data stored for business logic processing
            * **Business Value**: Automated document processing with intelligent data extraction capabilities
          </Accordion>

          <Accordion title="Report Generation & Analytics">
            **Scenario**: Generate business reports using external reporting services

            * **Process Flow**: Send business data → Reporting service → Receive formatted reports (PDF, Excel)
            * **Integration**: Business metrics and KPIs sent to specialized reporting engines
            * **Storage**: Generated reports available for download and distribution workflows
            * **Business Value**: Professional report generation with advanced formatting and visualization capabilities
          </Accordion>

          <Accordion title="CMS & Content Management">
            **Scenario**: Integrate with content management systems for file organization

            * **Process Flow**: Upload files → CMS integration → Organize and categorize content
            * **Integration**: Files uploaded to external CMS platforms with metadata and categorization
            * **Storage**: S3 Protocol ideal for CMS integrations with unassociated documents
            * **Business Value**: Centralized content management with automated workflow integration
          </Accordion>
        </Tab>
      </Tabs>

      <div className="flex justify-between items-center">
        <a href="../../../../5.1/docs/platform-deep-dive/integrations/integration-designer" 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 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-green-100 dark:bg-green-900 text-green-800 dark:text-green-300">
          Major Enhancement
        </span>
      </div>
    </Card>

    ***

    ### **Resources Overrides**

    <Card title="Resources Overrides" icon="globe" iconType="duotone">
      <Tabs>
        <Tab title="Resources Overrides Overview">
          <Frame>
            ![Resources Overrides management interface](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/5.x/ro1.png)
          </Frame>

          Resources Overrides enable localization and customization of core business applications across multiple regions while maintaining centralized updates from headquarters. This powerful feature allows organizations to adapt specific business logic, compliance requirements, or local regulations without losing connection to the master application.
        </Tab>

        <Tab title="Key Features">
          <CardGroup cols={2}>
            <Card title="Localization Control" icon="language">
              Customize processes, workflows, and enumerations for different countries or regions while maintaining core functionality
            </Card>

            <Card title="Centralized Management" icon="sitemap">
              Manage all resource overrides through the Dependencies page with comprehensive override tracking and configuration
            </Card>

            <Card title="Selective Overriding" icon="check">
              Override only specific resources that need localization while inheriting all other updates from the main library
            </Card>

            <Card title="Export/Import Support" icon="arrows-rotate">
              Automatically include override configurations in project exports and imports for seamless environment management
            </Card>
          </CardGroup>
        </Tab>

        <Tab title="Business Benefits">
          <Steps>
            <Step title="Accelerate Global Expansion">
              Deploy core applications to new regions quickly by overriding only country-specific elements instead of rebuilding from scratch
            </Step>

            <Step title="Maintain Compliance">
              Adapt business logic and data handling to meet local regulatory requirements while preserving global standards
            </Step>

            <Step title="Preserve Investment">
              Continue receiving updates and improvements from headquarters without losing local customizations
            </Step>

            <Step title="Reduce Maintenance Overhead">
              Manage regional variations centrally instead of maintaining completely separate application instances
            </Step>
          </Steps>
        </Tab>

        <Tab title="Supported Resource Types">
          <CardGroup cols={2}>
            <Card title="Process Overrides" icon="pipe">
              Customize business process logic while maintaining input/output compatibility and core workflow structure
            </Card>

            <Card title="Workflow Overrides" icon="diagram-project">
              Replace entire workflow implementations to adapt business rules for local requirements
            </Card>

            <Card title="Enumeration Overrides" icon="list">
              Localize value lists, dropdown options, and classification systems for regional variations
            </Card>

            <Card title="Runtime Resolution" icon="clock">
              Overrides are resolved dynamically at runtime, ensuring the correct regional version is always used
            </Card>
          </CardGroup>
        </Tab>

        <Tab title="Real-World Applications">
          <Accordion title="Multi-National Banking">
            **Scenario**: Global bank with country-specific loan approval processes

            * **Global Library**: Common loan application workflow with standard validation steps
            * **Country Overrides**: Local credit scoring algorithms, regulatory compliance checks, documentation requirements
            * **Business Value**: Single platform maintenance with automated compliance for each country's banking regulations
          </Accordion>

          <Accordion title="Insurance Operations">
            **Scenario**: Insurance company operating across different regulatory environments

            * **Global Library**: Standard claims processing workflow and policy management
            * **Regional Overrides**: Country-specific coverage types, claim validation rules, regulatory reporting
            * **Business Value**: Consistent global operations with local market adaptation and compliance
          </Accordion>

          <Accordion title="Manufacturing & Supply Chain">
            **Scenario**: Manufacturing company with different operational requirements per region

            * **Global Library**: Core production planning and inventory management processes
            * **Local Overrides**: Regional supplier networks, compliance standards, environmental regulations
            * **Business Value**: Standardized operations with flexibility for local business practices and regulations
          </Accordion>
        </Tab>
      </Tabs>

      <div className="flex justify-between items-center">
        <a href="../../../../5.1/docs/projects/resources#resources-overrides" 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 Resources Overrides

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

    ***

    ### **Active Policy Overrides**

    <Card title="Active Policy Overrides" icon="user-gear" iconType="duotone">
      <Tabs>
        <Tab title="Active Policy Overrides Overview">
          <Frame>
            ![Active Policy Overrides management interface](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/5.x/ap2.png)
          </Frame>

          Active Policy Overrides enable user-specific and role-specific deployment policies that allow independent testing of different builds or branches without affecting the global policy. This powerful feature provides granular control over which project versions different users access in runtime environments.
        </Tab>

        <Tab title="Key Features">
          <CardGroup cols={2}>
            <Card title="User-Specific Policies" icon="user">
              Create individual policy overrides for specific users to test different builds independently
            </Card>

            <Card title="Role-Based Overrides" icon="users-gear">
              Apply policy overrides to entire roles for team-based testing and deployment strategies
            </Card>

            <Card title="Priority-Based Resolution" icon="scale-balanced">
              Handle conflicts when multiple overrides apply using configurable priority systems
            </Card>

            <Card title="Real-Time Switching" icon="arrows-rotate">
              Switch between different project versions instantly without deployment downtime
            </Card>
          </CardGroup>
        </Tab>

        <Tab title="Business Benefits">
          <Steps>
            <Step title="Independent Testing">
              Enable QA teams and developers to test different builds simultaneously without interfering with production users
            </Step>

            <Step title="Controlled Rollouts">
              Gradually deploy new features to specific user groups before full production release
            </Step>

            <Step title="Emergency Rollback">
              Quickly revert specific users to stable versions during incidents without affecting the entire system
            </Step>

            <Step title="Branch-Specific Development">
              Allow different teams to work with different development branches in shared environments
            </Step>
          </Steps>
        </Tab>

        <Tab title="Override Management">
          <CardGroup cols={2}>
            <Card title="Policy Types" icon="gear">
              Support for both "Latest on Branch" and specific "Build" policies with flexible branch and version selection
            </Card>

            <Card title="Search & Filter" icon="magnifying-glass">
              Real-time search functionality to quickly locate specific user or role overrides
            </Card>

            <Card title="Activation Control" icon="toggle-on">
              Enable or disable overrides without deletion for temporary testing scenarios
            </Card>

            <Card title="Conflict Resolution" icon="scale-balanced">
              Clear hierarchy: User overrides > Role overrides > Global policy with priority-based resolution
            </Card>
          </CardGroup>
        </Tab>

        <Tab title="Real-World Scenarios">
          <Accordion title="Development Team Testing">
            **Scenario**: Frontend team needs to test with latest UI changes while backend team tests API updates

            * **Override Setup**: Create role-based overrides for "Frontend Developers" and "Backend Developers"
            * **Policy Configuration**: Frontend role uses latest on `ui-redesign` branch, Backend role uses `api-v2` branch
            * **Business Value**: Parallel development with isolated testing environments and no cross-team interference
          </Accordion>

          <Accordion title="Gradual Feature Rollout">
            **Scenario**: New premium features need testing with select customers before full release

            * **Override Setup**: Create user-specific overrides for beta customers and internal stakeholders
            * **Policy Configuration**: Beta users get latest build with premium features, others remain on stable version
            * **Business Value**: Risk mitigation through controlled exposure and real-world testing feedback
          </Accordion>

          <Accordion title="Emergency Response">
            **Scenario**: Critical bug discovered in production affecting specific user workflows

            * **Override Setup**: Create high-priority role override for affected user groups
            * **Policy Configuration**: Temporarily revert affected users to last stable build while others continue normally
            * **Business Value**: Immediate incident response with minimal user impact and service continuity
          </Accordion>
        </Tab>
      </Tabs>

      <div className="flex justify-between items-center">
        <a href="../../../../5.1/docs/projects/runtime/active-policy" 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 Active Policy Overrides

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

  <Tab title="Persistence">
    Advanced data management and storage capabilities that enable new architectural patterns and improved data governance.

    🔄 [**Workspaces (Multi-Tenant Architecture)**](#workspaces-multi-tenant-architecture) - Logical separation of business contexts with shared infrastructure\
    🔄 [**FlowX.AI Database**](#flowx-ai-database) - New persistence layer that enables you to store and retrieve data across different processes and applications, without relying on external systems.

    ### **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.1.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>

    ***

    ### **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>
  </Tab>

  <Tab title="Rendering Improvements & UI/UX Enhancements">
    Enhanced user experience through improved components, better performance, and streamlined interface design.

    🎨 [**Rendering Improvements & UI/UX Enhancements**](#rendering-improvements-uiux-enhancements) - Enhanced grid components, navigation redesign, advanced form controls, and analytics capabilities\
    📋 [**Forms in Collections**](#forms-in-collections) - Enhanced support for form elements within collection components, enabling complex data entry scenarios\
    🔄 [**Multi Select UI Component**](#multi-select-ui-component) - Allows users to choose multiple options from a predefined list, expanding upon the existing single Select component to support multi-value scenarios.

    ### **Rendering Improvements & UI/UX Enhancements**

    <Card title="Rendering Improvements & UI/UX Enhancements" icon="palette" iconType="duotone">
      FlowX.AI 5.1.0 delivers comprehensive UI/UX improvements that enhance the user experience across all platform components, from streamlined navigation to advanced form controls and better workflow handling.

      ## Interface & Navigation 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, multi select, multi copy/paste, multi drag and drop, multi delete
        </Card>

        <Card title="Permission-Based UI Editing" icon="shield-check" href="../../../../5.1/docs/building-blocks/ui-designer/ui-designer#permission-based-expressions">
          Granular control over UI element editing based on user permissions with partial editing capabilities, allow multiple executors on swimlane level
        </Card>
      </CardGroup>

      ## Enhanced Form Controls & Components

      <CardGroup cols={2}>
        <Card title="Input Type Code" icon="code" href="../../../../5.1/docs/building-blocks/ui-designer/ui-component-types/form-elements/input-form-field#input-types">
          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" href="../../../../5.1/docs/building-blocks/ui-designer/ui-component-types/form-elements/switch-form-field#switch-type">
          Enhanced switch component supporting both toggle and checkbox variants
        </Card>

        <Card title="Disabled Options on Selectors" icon="ban" href="../../../5.1/docs/building-blocks/ui-designer/ui-component-types/form-elements/multi-select#disabled-options">
          Configure specific options as disabled while keeping them visible in dropdown lists
        </Card>
      </CardGroup>

      ## User Experience Enhancements

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

        <Card title="Custom Expression Validators" icon="scale-balanced" href="../../../../5.1/docs/building-blocks/ui-designer/validators#custom-expression-validator">
          Advanced validation logic using dynamic computed expressions that can reference other process data values. Write JavaScript expressions that return boolean values for cross-field validation scenarios
        </Card>

        <Card title="File Upload Button Type" icon="cloud-arrow-up">
          Introduces a specialized button variant for file upload operations, supporting <strong>fill</strong>, <strong>ghost</strong>, and <strong>text</strong> types for flexible UI styling.
        </Card>

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

      ## Workflow & Analytics Improvements

      <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="Template Management" icon="square">
          Streamlined template organization by consolidating functionality in Reusable Resources
        </Card>
      </CardGroup>
    </Card>

    ***

    ### **Forms in Collections**

    <Card title="Forms in Collections" icon="album-collection" iconType="duotone">
      A powerful new feature that enables dynamic, repeatable forms within collection prototypes, eliminating the need for custom development when building forms with repeatable sections like co-debtors, comments, or any list of similar items.

      <video controls src="https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/5.x/demo_fic.mp4" className="w-full rounded-lg" />

      ## Key Capabilities

      <CardGroup cols={2}>
        <Card title="No Custom Development" icon="code">
          Drag Form components directly into Collection Prototypes - they automatically repeat for each item in your data array
        </Card>

        <Card title="Flexible Validation" icon="shield-check">
          Choose between individual item validation or bulk validation across all collection items
        </Card>

        <Card title="Two Saving Scenarios" icon="floppy-disk">
          Individual save (one item at a time) or bulk save (entire collection) with different validation behaviors
        </Card>
      </CardGroup>

      ## Common Use Cases Solved

      <Steps>
        <Step title="Dynamic Forms">
          Build forms that show different elements based on conditions without custom development
        </Step>

        <Step title="Repeatable Sections">
          Create forms with sections like adding multiple co-debtors, comments, or family members
        </Step>

        <Step title="Complex Data Entry">
          Handle arrays of objects with proper validation and data management
        </Step>

        <Step title="Real-time vs Batch Processing">
          Choose individual saves for real-time editing or bulk saves for form completion workflows
        </Step>
      </Steps>
    </Card>

    ***

    ### **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>
  </Tab>

  <Tab title="AI Platform">
    New AI capabilities in Integration Designer for processing text, documents, images, and data using AI-powered nodes.

    🤖 [**AI Nodes in Integration Designer**](#ai-nodes-in-integration-designer) - Process text, documents, images, and data using AI-powered workflow nodes

    ### **AI Nodes in Integration Designer**

    <Card title="AI Nodes in Integration Designer" icon="brain" iconType="duotone">
      <Tabs>
        <Tab title="AI Nodes Overview">
          <Frame>
            ![AI Nodes](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/5.x/ai_nodes.png)
          </Frame>

          FlowX.AI 5.1.0 introduces AI-powered nodes in Integration Designer, enabling intelligent processing of text, documents, images, and data within your workflows. These nodes bring AI capabilities directly into your integration flows without requiring external AI services.
        </Tab>

        <Tab title="AI Text Operations">
          <CardGroup cols={2}>
            <Card title="Text Transformation" icon="wand-magic-sparkles">
              Modify text tone, complexity or formatting for better clarity or style
            </Card>

            <Card title="Text Understanding" icon="brain">
              Analyze text to determine sentiment, topics, intent, language and named entities
            </Card>

            <Card title="Text Generation" icon="pen-nib">
              Generate new text such as summaries, completions, translations or paraphrases
            </Card>

            <Card title="Text Extraction" icon="filter">
              Extract structured information, keywords or metadata from text
            </Card>
          </CardGroup>
        </Tab>

        <Tab title="AI Document Operations">
          <CardGroup cols={2}>
            <Card title="Document Generation" icon="file-lines">
              Automatically build reports or complete templates based on given inputs
            </Card>

            <Card title="Document Extraction" icon="file-import">
              Identify and extract structured data, entities or metadata from documents
            </Card>

            <Card title="Document Understanding" icon="file-magnifying-glass">
              Analyze documents to extract meaning, topics, sentiment, or important information
            </Card>

            <Card title="Extract Text from Document" icon="file-code">
              Extract text content from documents (OCR, PDF text extraction)
            </Card>
          </CardGroup>
        </Tab>

        <Tab title="AI Image & Data Operations">
          **Image Operations:**

          <CardGroup cols={2}>
            <Card title="Image Description" icon="image">
              Generate captions or extract detailed information from visual content
            </Card>

            <Card title="Image Analysis" icon="eye">
              Recognize objects, emotions and scenes in images for contextual understanding
            </Card>
          </CardGroup>

          **Data Operations:**

          <CardGroup cols={3}>
            <Card title="Data Enrichment" icon="database">
              Add annotations, context or relationships to enhance raw data value
            </Card>

            <Card title="Data Generation" icon="table">
              Produce synthetic or structured data using templates and logic-based rules
            </Card>

            <Card title="Data Transformation" icon="arrows-rotate">
              Clean, normalize, aggregate, or restructure datasets into usable formats
            </Card>
          </CardGroup>
        </Tab>

        <Tab title="Use Cases">
          <AccordionGroup>
            <Accordion title="Intelligent Document Processing">
              * Extract data from invoices, contracts, and forms
              * Classify documents automatically
              * Validate extracted information against business rules
            </Accordion>

            <Accordion title="Customer Communication Analysis">
              * Analyze customer feedback sentiment
              * Extract key topics from support tickets
              * Generate personalized responses
            </Accordion>

            <Accordion title="Content Generation">
              * Create summaries of long documents
              * Translate content to multiple languages
              * Generate reports from structured data
            </Accordion>

            <Accordion title="Data Processing">
              * Enrich customer data with AI-derived insights
              * Transform unstructured data to structured formats
              * Generate test data for development
            </Accordion>
          </AccordionGroup>
        </Tab>
      </Tabs>

      <div className="flex justify-between items-center">
        <a href="../../../../5.1/docs/platform-deep-dive/integrations/ai-nodes" 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 AI Node Types

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

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

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

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