AI Components

Mintflow ai tools

Accessing the Sidebar Menu

After logging into AppMint Web Builder, you can access the MintFlow Sidebar Menu by following these steps:

  1. Navigate to the Application Dropdown:

navigate

  • Once you're logged in, locate the Application dropdown from the main dashboard.
  1. Click on the MintFlow Plus (+) Icon:

    • In the dropdown, click on the MintFlow icon (+) to open the MintFlow Designer interface.
  2. Sidebar Menu Location:

    • Once inside the MintFlow Designer, all the main controls and features are organized in the sidebar located on the left-hand side of the screen.
    • The sidebar provides quick access to all the available menu items for designing and managing your workflows.

sidebar menu

The AI dropdown contains various tools for integrating artificial intelligence features, including AskGPT, ChatBot, TrainGPT, ModerateGPT, Form Input, Choice Input, Capture, Submit, FunctionalCall, and TextResponse.


AskGPT Feature

The AskGPT feature, found under the AI dropdown in the MintFlow Sidebar Menu, allows users to interact with OpenAI models. It enables the use of various models for generating text or images based on the given instructions.

How to Use the AskGPT Feature

AskGPT

  1. Access the AskGPT Feature:

    • Navigate to the AI dropdown in the MintFlow Sidebar Menu and select the AskGPT feature.
  2. Drag the AskGPT Feature into the Workflow:

    • Drag and drop the AskGPT component from the AI dropdown onto the workflow canvas.
  3. Configure the AskGPT Component:

    • Expand the AskGPT Node: Click on the Expand icon to open the configuration panel.
    • Set the Provider:
      • Provider: Choose OpenAI from the dropdown menu.
    • Set the Model:
      • Model: Select from available models such as DALL-E, GPT-4, GPT-4-turbo, or others.
    • Set the Temperature:
      • Temperature: Adjust the temperature setting to control the randomness of the output. For example, set it between 0.0 (deterministic) and 1.0 (creative).
    • Enter Instructions:
      • Instructions: Input the specific instructions or prompts you want the model to follow. This could be a text prompt for generating content or an instruction for creating an image.
Example Use Case

To generate a customer service response:

  • Drag the AskGPT feature into the workflow.
  • Instructions: "Write a short story about a Appmint."
  • Choose GPT-3 as the model.
  • Set the temperature to 0.7.

ChatBot Feature

The ChatBot feature, found under the AI dropdown in the MintFlow Sidebar Menu, allows users to interact with a chatbot interface. It supports setting up conversation starters and managing tokens.

How to Use the ChatBot Feature

chatBot

  1. Access the ChatBot Feature:

    • Navigate to the AI dropdown in the MintFlow Sidebar Menu and select the ChatBot feature.
  2. Drag the ChatBot Feature into the Workflow:

    • Drag and drop the ChatBot component from the AI dropdown onto the workflow canvas.
  3. Configure the ChatBot Component:

    • Expand the ChatBot Node: Click on the Expand icon to open the configuration panel.
    • Set the Starters:
      • Starters: In the input box, enter predefined conversation starters or prompts that will initiate the conversation with users. This could include common greetings or introductory messages.
    • Manage Tokens:
      • Tokens: Take note of the tokens available for this ChatBot interaction. Tokens represent the amount of usage or capacity for processing input. You can refresh or manage tokens as needed to ensure continued functionality.

Example Use Case

To configure a chatbot with a greeting starter:

  1. Drag the ChatBot feature into the workflow.
  2. Click the Expand icon and set the following configuration:
    • Starters: Enter "Hello! How can I assist you today?" in the input box.
    • Tokens: Monitor and refresh tokens as necessary to maintain smooth operation.

The ChatBot node will use the provided starters to begin conversations and manage interaction capacity with the token settings.


TrainGPT Feature

The TrainGPT feature, available under the AI dropdown in the MintFlow Sidebar Menu, enables users to configure and interact with the TrainGPT model for training and generating responses based on specific instructions.

How to Use the TrainGPT Feature

trainGPT

  1. Access the TrainGPT Feature:

    • Navigate to the AI dropdown in the MintFlow Sidebar Menu and select the TrainGPT feature.
  2. Drag the TrainGPT Feature into the Workflow:

    • Drag and drop the TrainGPT component from the AI dropdown onto the workflow canvas.
  3. Configure the TrainGPT Component:

    • Expand the TrainGPT Node: Click on the Expand icon to open the configuration panel.
    • Set the Config:
      • Provider: Choose OpenAI from the configuration options.
    • Set the Model:
      • Model: Select the desired model from options such as GPT-3.5, GPT-4, or other available models.
    • Set the Temperature:
      • Temperature: Enter a value between 0 and 2. This controls the randomness of responses, with lower values making the output more deterministic and higher values introducing more creativity.
    • Set the Top-P (nucleus sampling) Value:
      • Top-P: Enter a value between 0 and 1. This parameter controls the diversity of the responses by considering the cumulative probability of the most likely tokens.
    • Enter Instructions:
      • Instructions: In the textarea, input the instructions or prompts you want the model to follow. These can be specific tasks, questions, or guidelines for generating responses.
    • Add a File (Optional):
      • File Picker: Use the file picker tool to upload any relevant files that may assist in the training or configuration of the model.
    • Set a Function (Optional):
      • Function: Specify any additional functions or operations that should be applied during the training or interaction process.

Example Use Case

To configure TrainGPT for a specific task:

  1. Drag the TrainGPT feature into the workflow.
  2. Click the Expand icon and set the following configuration:
    • Config: Set to OpenAI.
    • Model: Choose GPT-4.
    • Temperature: Set to 0.7 for balanced creativity.
    • Top-P: Set to 0.9 for diverse responses.
    • Instructions: Enter "Generate a summary of recent technological advancements in AI."
    • File: Upload a file with additional context if needed.
    • Function: Set any additional functions required for processing.

The TrainGPT node will use the provided configuration to generate and train responses based on the given instructions.


ModerateGPT Feature

The ModerateGPT feature, found under the AI dropdown in the MintFlow Sidebar Menu, is designed to moderate content generated by AI models based on various parameters and criteria.

How to Use the ModerateGPT Feature

moderateGPT

  1. Access the ModerateGPT Feature:

    • Go to the AI dropdown in the MintFlow Sidebar Menu and select the ModerateGPT feature.
  2. Drag the ModerateGPT Feature into the Workflow:

    • Drag and drop the ModerateGPT component onto the workflow canvas.
  3. Configure the ModerateGPT Component:

    • Expand the ModerateGPT Node: Click on the Expand icon to open the configuration panel.
    • Set the Strictness:
      • Strictness: Enter a value between 0 and 1. This value determines the sensitivity of the moderation, with 0 being less strict and 1 being highly strict.
    • Set the Mode:
      • Mode: Choose between Moderate or Monitor.
        • Moderate: Actively moderates content based on the rules set.
        • Monitor: Reviews content for potential issues without actively moderating.
    • Set the Action:
      • Action: Choose the action to take when content violates moderation rules. Options include:
        • Flag: Mark the content for review.
        • Block: Prevent the content from being published or processed.
        • Allow: Permit the content to proceed without any intervention.
    • Check the Relevant Criteria:
      • Profanity: Check this box to filter out profane language.
      • Spam: Check this box to identify and manage spam content.
      • Offensive: Check this box to detect offensive language or content.
      • Identity: Check this box to filter content related to identity issues.
      • Threat: Check this box to manage content that contains threats.
      • Sexually Explicit: Check this box to filter out sexually explicit content.
      • Violence: Check this box to detect violent content.
      • Nudity: Check this box to manage content containing nudity.
      • Hate Speech: Check this box to identify and filter hate speech.
      • Harassment: Check this box to detect harassment in content. etc.
    • Set Custom Words:
      • Custom Words: Use the input box to add specific words or phrases that you want to monitor or filter out. These can be customized based on your requirements.

Example Use Case

To configure ModerateGPT for a content moderation task:

  1. Drag the ModerateGPT feature into the workflow.
  2. Click the Expand icon and set the following configuration:
    • Strictness: Set to 0.8 for a high level of sensitivity.
    • Mode: Choose Moderate.
    • Action: Select Flag.
    • Criteria: Check Profanity, Spam, Offensive, and Hate Speech.
    • Custom Words: Enter words like "example1, example2" in the custom word input.

The ModerateGPT component will use this configuration to manage and moderate content based on the specified parameters and criteria.


FormInput Configuration

The FormInput component, found under the AI dropdown in the MintFlow Sidebar Menu, allows you to create customizable input fields for forms.

How to Configure the FormInput Component

formInput

  1. Access the FormInput Feature:

    • Go to the AI dropdown in the MintFlow Sidebar Menu and select FormInput.
  2. Drag the FormInput Component into the Workflow:

    • Drag and drop the FormInput component onto the workflow canvas.
  3. Configure the FormInput Component:

    • Expand the FormInput Node: Click on the Expand icon to open the configuration panel.

    • Set the Preset:

      • Preset: Choose between Form or Slide.
        • Form: This setting creates a standard form input field.
        • Slide: This setting creates an input field that slides in or out for dynamic forms.
    • Enter Values for Configuration:

      • Name: Enter a unique name for the input field. This name will be used to identify the field in the form.
      • Label: Enter a label for the input field that will be displayed to the user.
      • Type: Select the input type from the following options:
        • Text: Standard text input.
        • Password: Input field for passwords (obscures the input).
        • Email: Input field for email addresses.
        • Tel: Input field for telephone numbers.
        • Longtext: Input field for longer text, such as comments or descriptions.
        • (Additional types like Number, Date, URL, etc., may be available depending on the system.)
      • Options: Enter options if applicable (e.g., for dropdowns or multiple-choice inputs).
      • MinLength: Specify the minimum length of the input if applicable (e.g., for text fields).
      • MaxLength: Specify the maximum length of the input if applicable.
      • Pattern: Define a regular expression pattern that the input must match (e.g., for validation).
      • Help: Provide a help text that will be displayed to guide users on how to use the input field.
      • Error: Enter a custom error message that will be shown if the input does not meet the validation criteria.

Example Configuration

To configure a text input field in a form:

  1. Drag the FormInput feature into the workflow.
  2. Click the Expand icon and set the following configuration:
    • Preset: Form
    • Name: username
    • Label: Username
    • Type: Text
    • Options: (Leave blank for text input)
    • MinLength: 5
    • MaxLength: 20
    • Pattern: ^[a-zA-Z0-9_]+$ (Only alphanumeric characters and underscores)
    • Help: Enter a username between 5 and 20 characters.
    • Error: Username must be between 5 and 20 characters long and can only contain letters, numbers, and underscores.

The FormInput component will now be configured according to these settings and will be ready to use in your form or slide.


ChoiceInput Configuration

The ChoiceInput component, available under the AI dropdown in the MintFlow Sidebar Menu, allows you to create various types of choice-based input fields.

How to Configure the ChoiceInput Component

choiceInput

  1. Access the ChoiceInput Feature:

    • Go to the AI dropdown in the MintFlow Sidebar Menu and select ChoiceInput.
  2. Drag the ChoiceInput Component into the Workflow:

    • Drag and drop the ChoiceInput component onto the workflow canvas.
  3. Configure the ChoiceInput Component:

    • Expand the ChoiceInput Node: Click on the Expand icon to open the configuration panel.

    • Enter Values for Configuration:

      • Label: Enter a label for the choice input field that will be displayed to the user.
      • Error: Enter a custom error message that will be shown if the user does not make a valid choice.
      • Message: Provide additional information or instructions for the choice input field if needed.
      • Options: Define the options available for selection. This might be a comma-separated list or an array of choices depending on the system.
      • Display Type: Choose the format in which the choices will be presented:
        • Button: Displays options as clickable buttons.
        • Radio: Displays options as radio buttons.
        • Checkbox: Displays options as checkboxes.
        • Select: Displays options in a dropdown menu.
        • ImageOption: Displays options as clickable images.
        • Link: Displays options as clickable links.
      • Immediately: Check this option if the choice input should be processed immediately upon selection (usually applicable for single-choice inputs).
      • Read Only: Check this option if the choice input should be read-only, meaning users cannot change their selection.

Example Configuration

To configure a choice input field with radio buttons:

  1. Drag the ChoiceInput feature into the workflow.
  2. Click the Expand icon and set the following configuration:
    • Label: Preferred Contact Method
    • Error: Please select a contact method.
    • Message: Choose your preferred method of contact from the options below.
    • Options: Email, Phone, SMS
    • Display Type: Radio
    • Immediately: (Leave unchecked if you don't want immediate processing)
    • Read Only: (Leave unchecked if users should be able to make a selection)

The ChoiceInput component will now be configured according to these settings and will be ready for use in your form or survey.


Capture Feature Configuration

The Capture feature is used to collect user input or data in a workflow. This could involve capturing text, images, or other types of data.

How to Configure the Capture Feature

capture

  1. Access the Capture Feature:

    • Go to the AI dropdown in the MintFlow Sidebar Menu and select Capture.
  2. Drag the Capture Component into the Workflow:

    • Drag and drop the Capture component onto the workflow canvas.
  3. Configure the Capture Component:

    • Expand the Capture Node: Click on the Expand icon to open the configuration panel.

    • Enter Values for Configuration:

      • Label: Provide a label for the capture input. This is the text displayed to users to prompt them for input.
        • Example: Please enter your feedback
      • Error: Enter a custom error message that will be shown if the user fails to provide the required input.
        • Example: Feedback is required. Please enter your feedback before submitting.

Example Configuration

To configure the Capture feature for collecting user feedback:

  1. Drag the Capture feature into the workflow.
  2. Click the Expand icon and set the following configuration:
    • Label: Feedback
    • Error: Please provide your feedback before submitting.

The Capture component will now be configured to prompt users for feedback and will display the error message if the input is missing.


Submit Button Component

The Submit Button component is used to submit forms or data in a workflow.

How to Configure the Submit Button

submit

  1. Access the Submit Button Component:

    • Go to the Common dropdown in the MintFlow Sidebar Menu and select Submit Button.
  2. Drag the Submit Button Component into the Workflow:

    • Drag and drop the Submit Button component onto the workflow canvas.
  3. Configure the Submit Button:

    • Expand the Submit Button Node: Click on the Expand icon to open the configuration panel.
    • Enter Values for Configuration:
      • Label: Set the text that will appear on the button.
        • Example: Submit
      • Error: Enter a custom error message that will be displayed if the submission fails.
        • Example: Submission failed. Please try again.
      • Display Type: Choose how the button will be displayed.
        • Options: Button, Link
        • Example: Select Button if you want it to appear as a standard button or Link if you want it to appear as a clickable hyperlink.

Example Configuration

To configure the Submit Button for form submission:

  1. Drag the Submit Button feature into the workflow.
  2. Click the Expand icon and set the following configuration:
    • Label: Submit
    • Error: Submission failed. Please try again.
    • Display Type: Button

FunctionCall Configuration

The FunctionCall component is used to execute functions within the workflow.

How to Configure the FunctionCall

functionCall

  1. Access the FunctionCall Component:

    • Go to the Function dropdown in the MintFlow Sidebar Menu and select FunctionCall.
  2. Drag the FunctionCall Component into the Workflow:

    • Drag and drop the FunctionCall component onto the workflow canvas.
  3. Configure the FunctionCall Component:

    • Expand the FunctionCall Node: Click on the Expand icon to open the configuration panel.
    • Enter Values for Configuration:
      • Name: Set the name of the function.
        • Example: ProcessPayment
      • Description: Provide a description of what the function does.
        • Example: Handles payment processing for orders.
      • In Node Position: Choose the position where the input node will appear relative to the function.
        • Options: Top, Right, Bottom, Left, Hidden
        • Example: Select Top if you want the input node to appear above the function.
      • Out Node Position: Choose the position where the output node will appear relative to the function.
        • Options: Top, Right, Bottom, Left, Hidden
        • Example: Select Bottom if you want the output node to appear below the function.
      • Preset: Configure additional options for the function.
        • Transfer to Agent: Check this box if the function should transfer control to an agent.
        • Get Data: Check this box if the function should retrieve data.
        • Custom: Check this box if you need to set custom options.

Example Configuration

To configure the FunctionCall for processing payments:

  1. Drag the FunctionCall feature into the workflow.
  2. Click the Expand icon and set the following configuration:
    • Name: ProcessPayment
    • Description: Handles payment processing for orders.
    • In Node Position: Top
    • Out Node Position: Bottom
    • Preset:
      • Transfer to Agent: Checked
      • Get Data: Checked
      • Custom: Unchecked

TextResponse Feature

The TextResponse feature allows users to generate and return text-based responses.

How to Use the TextResponse Feature

textResponse

  1. Access the TextResponse Feature:

    • Navigate to the AI dropdown and select the TextResponse feature.
  2. Drag the TextResponse Feature into the Workflow:

    • Drag and drop the TextResponse component into the workflow area.
  3. Configure the TextResponse Component:

    • Expand the TextResponse Node: Click on the Expand icon to open the configuration panel.
    • Give the response a name inside the Name input.
    • Set Response Text: Input the text or message to be returned.
Example Use Case

To generate a thank you message:

  • Drag the TextResponse feature into the workflow.
  • Input "Thank you for your submission!" as the response text.

This guide provides a comprehensive overview of the AI dropdown features, allowing users to effectively integrate and utilize artificial intelligence within their workflows.