Implementation:FlowiseAI Flowise FollowUpPrompts

Knowledge Sources	FlowiseAI Flowise
Domains	UI Components, Chatflow Configuration
Last Updated	2026-02-12 07:00 GMT

Overview

FollowUpPrompts is a configuration panel component that allows users to enable and configure AI-generated follow-up question suggestions for chatflows by selecting from multiple LLM providers.

Description

This React component provides an interface for configuring follow-up prompt generation. Users can toggle the feature on/off, select an LLM provider (Anthropic, Azure OpenAI, Google Gemini, Groq, Mistral AI, OpenAI, or Ollama), and configure provider-specific settings including credentials, model name, prompt template, and temperature. The default prompt instructs the selected model to predict three likely follow-up questions based on conversation history. Only one provider can be active at a time; enabling one automatically disables others. Configuration is saved to both the chatflow's chatbotConfig and followUpPrompts fields.

Usage

Use this component in the chatflow settings dialog to configure automatic follow-up question generation. When enabled, the chatbot will suggest relevant follow-up questions to users after each response.

Code Reference

Source Location

• Repository: FlowiseAI Flowise
• File: packages/ui/src/ui-component/extended/FollowUpPrompts.jsx
• Lines: 1-615

Signature

const FollowUpPrompts = ({ dialogProps }) => {
    // dialogProps.chatflow contains chatflow data with followUpPrompts and chatbotConfig JSON
    // Renders provider selection, credentials, model, prompt, and temperature inputs
}

Import

import FollowUpPrompts from '@/ui-component/extended/FollowUpPrompts'

I/O Contract

Inputs

Name	Type	Required	Description
dialogProps	object	Yes	Contains chatflow object with id, followUpPrompts JSON, and chatbotConfig JSON

Outputs

Name	Type	Description
Rendered Component	JSX.Element	Configuration form with provider selector, input fields, and Save button

Supported Providers

Provider	Internal Name	Credential Type	Default Temperature
Anthropic Claude	chatAnthropic	anthropicApi	0.9
Azure ChatOpenAI	azureChatOpenAI	azureOpenAIApi	0.9
Google Gemini	chatGoogleGenerativeAI	googleGenerativeAI	0.9
Groq	groqChat	groqApi	0.9
Mistral AI	chatMistralAI	mistralAIApi	0.9
OpenAI	chatOpenAI	openAIApi	0.9
Ollama	ollama	(none - uses baseUrl)	0.7

Default Prompt Template

Given the following conversations: {history}. Please help me predict the three most likely
questions that human would ask and keeping each question short and concise.

Internal State

State Variable	Type	Description
followUpPromptsConfig	object	Full configuration object with status, selectedProvider, and per-provider settings
chatbotConfig	object	The chatflow's chatbotConfig parsed from JSON
selectedProvider	string	Currently selected provider key (e.g., 'chatOpenAI') or 'none'

Usage Examples

Basic Usage

import FollowUpPrompts from '@/ui-component/extended/FollowUpPrompts'

const ChatflowSettings = ({ chatflow }) => {
    return (
        <FollowUpPrompts
            dialogProps={{ chatflow }}
        />
    )
}

Related Pages

• Principle:FlowiseAI_Flowise_Chatbot_Appearance_Customization