- add refine chain type custom system message

- allow all memory type to conver_re_qa_chain
- fix startsWith undefined where override config file is not passed
- ability to generate new session id when sharing chatbot

packages/ui/src/views/canvas/CanvasHeader.js

@@ -90,8 +90,8 @@ const CanvasHeader = ({ chatflow, handleSaveFlow, handleDeleteFlow, handleLoadFl
     }
 
     const onAPIDialogClick = () => {
+        // If file type is file, isFormDataRequired = true
         let isFormDataRequired = false
-
         try {
             const flowData = JSON.parse(chatflow.flowData)
             const nodes = flowData.nodes
@@ -105,11 +105,27 @@ const CanvasHeader = ({ chatflow, handleSaveFlow, handleDeleteFlow, handleLoadFl
             console.error(e)
         }
 
+        // If sessionId memory, isSessionMemory = true
+        let isSessionMemory = false
+        try {
+            const flowData = JSON.parse(chatflow.flowData)
+            const nodes = flowData.nodes
+            for (const node of nodes) {
+                if (node.data.inputParams.find((param) => param.name === 'sessionId')) {
+                    isSessionMemory = true
+                    break
+                }
+            }
+        } catch (e) {
+            console.error(e)
+        }
+
         setAPIDialogProps({
             title: 'Embed in website or use as API',
             chatflowid: chatflow.id,
             chatflowApiKeyId: chatflow.apikeyid,
-            isFormDataRequired
+            isFormDataRequired,
+            isSessionMemory
         })
         setAPIDialogOpen(true)
     }

packages/ui/src/views/chatbot/index.js

@@ -26,6 +26,7 @@ const ChatbotFull = () => {
     const [loginDialogOpen, setLoginDialogOpen] = useState(false)
     const [loginDialogProps, setLoginDialogProps] = useState({})
     const [isLoading, setLoading] = useState(true)
+    const [chatbotOverrideConfig, setChatbotOverrideConfig] = useState({})
 
     const getSpecificChatflowFromPublicApi = useApi(chatflowsApi.getSpecificChatflowFromPublicEndpoint)
     const getSpecificChatflowApi = useApi(chatflowsApi.getSpecificChatflow)
@@ -77,10 +78,19 @@ const ChatbotFull = () => {
             setChatflow(chatflowData)
             if (chatflowData.chatbotConfig) {
                 try {
-                    setChatbotTheme(JSON.parse(chatflowData.chatbotConfig))
+                    const parsedConfig = JSON.parse(chatflowData.chatbotConfig)
+                    setChatbotTheme(parsedConfig)
+                    if (parsedConfig.overrideConfig) {
+                        // Generate new sessionId
+                        if (parsedConfig.overrideConfig.generateNewSession) {
+                            parsedConfig.overrideConfig.sessionId = Date.now().toString()
+                        }
+                        setChatbotOverrideConfig(parsedConfig.overrideConfig)
+                    }
                 } catch (e) {
                     console.error(e)
                     setChatbotTheme({})
+                    setChatbotOverrideConfig({})
                 }
             }
         }
@@ -97,7 +107,12 @@ const ChatbotFull = () => {
                     {!chatflow || chatflow.apikeyid ? (
                         <p>Invalid Chatbot</p>
                     ) : (
-                        <FullPageChat chatflowid={chatflow.id} apiHost={baseURL} theme={{ chatWindow: chatbotTheme }} />
+                        <FullPageChat
+                            chatflowid={chatflow.id}
+                            apiHost={baseURL}
+                            chatflowConfig={chatbotOverrideConfig}
+                            theme={{ chatWindow: chatbotTheme }}
+                        />
                     )}
                     <LoginDialog show={loginDialogOpen} dialogProps={loginDialogProps} onConfirm={onLoginClick} />
                 </>

packages/ui/src/views/chatflows/APICodeDialog.js

@@ -612,7 +612,9 @@ query({
                                 )}
                             </>
                         )}
-                        {codeLang === 'Share Chatbot' && !chatflowApiKeyId && <ShareChatbot />}
+                        {codeLang === 'Share Chatbot' && !chatflowApiKeyId && (
+                            <ShareChatbot isSessionMemory={dialogProps.isSessionMemory} />
+                        )}
                     </TabPanel>
                 ))}
             </DialogContent>

packages/ui/src/views/chatflows/ShareChatbot.js

@@ -2,6 +2,7 @@ import { useState } from 'react'
 import { useDispatch, useSelector } from 'react-redux'
 import { enqueueSnackbar as enqueueSnackbarAction, closeSnackbar as closeSnackbarAction, SET_CHATFLOW } from 'store/actions'
 import { SketchPicker } from 'react-color'
+import PropTypes from 'prop-types'
 
 import { Box, Typography, Button, Switch, OutlinedInput, Popover, Stack, IconButton } from '@mui/material'
 import { useTheme } from '@mui/material/styles'
@@ -41,7 +42,7 @@ const defaultConfig = {
     }
 }
 
-const ShareChatbot = () => {
+const ShareChatbot = ({ isSessionMemory }) => {
     const dispatch = useDispatch()
     const theme = useTheme()
     const chatflow = useSelector((state) => state.canvas.chatflow)
@@ -54,6 +55,7 @@ const ShareChatbot = () => {
     const closeSnackbar = (...args) => dispatch(closeSnackbarAction(...args))
 
     const [isPublicChatflow, setChatflowIsPublic] = useState(chatflow.isPublic ?? false)
+    const [generateNewSession, setGenerateNewSession] = useState(chatbotConfig?.generateNewSession ?? false)
 
     const [welcomeMessage, setWelcomeMessage] = useState(chatbotConfig?.welcomeMessage ?? '')
     const [backgroundColor, setBackgroundColor] = useState(chatbotConfig?.backgroundColor ?? defaultConfig.backgroundColor)
@@ -103,7 +105,8 @@ const ShareChatbot = () => {
             userMessage: {
                 showAvatar: false
             },
-            textInput: {}
+            textInput: {},
+            overrideConfig: {}
         }
         if (welcomeMessage) obj.welcomeMessage = welcomeMessage
         if (backgroundColor) obj.backgroundColor = backgroundColor
@@ -125,6 +128,8 @@ const ShareChatbot = () => {
         if (textInputPlaceholder) obj.textInput.placeholder = textInputPlaceholder
         if (textInputSendButtonColor) obj.textInput.sendButtonColor = textInputSendButtonColor
 
+        if (isSessionMemory) obj.overrideConfig.generateNewSession = generateNewSession
+
         return obj
     }
 
@@ -273,6 +278,9 @@ const ShareChatbot = () => {
             case 'userMessageShowAvatar':
                 setUserMessageShowAvatar(value)
                 break
+            case 'generateNewSession':
+                setGenerateNewSession(value)
+                break
         }
     }
 
@@ -431,6 +439,16 @@ const ShareChatbot = () => {
             {textField(textInputPlaceholder, 'textInputPlaceholder', 'TextInput Placeholder', 'string', `Type question..`)}
             {colorField(textInputSendButtonColor, 'textInputSendButtonColor', 'TextIntput Send Button Color')}
 
+            {/*Session Memory Input*/}
+            {isSessionMemory && (
+                <>
+                    <Typography variant='h4' sx={{ mb: 1, mt: 2 }}>
+                        Session Memory
+                    </Typography>
+                    {booleanField(generateNewSession, 'generateNewSession', 'Start new session when chatbot link is opened or refreshed')}
+                </>
+            )}
+
             <StyledButton style={{ marginBottom: 10, marginTop: 10 }} variant='contained' onClick={() => onSave()}>
                 Save Changes
             </StyledButton>
@@ -470,4 +488,8 @@ const ShareChatbot = () => {
     )
 }
 
+ShareChatbot.propTypes = {
+    isSessionMemory: PropTypes.bool
+}
+
 export default ShareChatbot