UX Changes: Fixed 2 edge cases, (1) UI-tag not added, when the user clicks the submit without hitting enter and (2) server side error when the update/rename is attempted before any flow is opened

packages/server/src/index.ts

@@ -355,8 +355,12 @@ export class App {
             this.AppDataSource.getRepository(ChatFlow).merge(chatflow, updateChatFlow)
             const result = await this.AppDataSource.getRepository(ChatFlow).save(chatflow)
 
-            // Update chatflowpool inSync to false, to build Langchain again because data has been changed
-            this.chatflowPool.updateInSync(chatflow.id, false)
+            // chatFlowPool is initialized only when a flow is opened
+            // if the user attempts to rename/update category without opening any flow, chatFlowPool will be undefined
+            if (this.chatflowPool) {
+                // Update chatflowpool inSync to false, to build Langchain again because data has been changed
+                this.chatflowPool.updateInSync(chatflow.id, false)
+            }
 
             return res.json(result)
         })

packages/ui/src/ui-component/dialog/TagDialog.js

@@ -5,7 +5,7 @@ import Button from '@mui/material/Button'
 import TextField from '@mui/material/TextField'
 import Chip from '@mui/material/Chip'
 import PropTypes from 'prop-types'
-import { DialogActions, DialogContent, DialogTitle } from '@mui/material'
+import { DialogActions, DialogContent, DialogTitle, Typography } from '@mui/material'
 
 const TagDialog = ({ isOpen, onClose, tags, setTags, onSubmit }) => {
     const [inputValue, setInputValue] = useState('')
@@ -30,6 +30,9 @@ const TagDialog = ({ isOpen, onClose, tags, setTags, onSubmit }) => {
 
     const handleSubmit = (event) => {
         event.preventDefault()
+        if (inputValue.trim() && !tags.includes(inputValue)) {
+            setTags([...tags, inputValue])
+        }
         onSubmit(tags)
         onClose()
     }
@@ -67,6 +70,9 @@ const TagDialog = ({ isOpen, onClose, tags, setTags, onSubmit }) => {
                             label='Add a tag'
                             variant='outlined'
                         />
+                        <Typography variant='body2' sx={{ fontStyle: 'italic' }} color='text.secondary'>
+                            Enter a tag and press enter to add it to the list. You can add as many tags as you want.
+                        </Typography>
                     </form>
                 </Box>
             </DialogContent>