Fix local state sync issue, STT auth issue, and add none option for speech to text

packages/server/src/index.ts

@@ -1530,6 +1530,7 @@ export class App {
         if (chatflow.speechToText) {
             const speechToTextProviders = JSON.parse(chatflow.speechToText)
             for (const provider in speechToTextProviders) {
+                if (provider !== 'none') {
                     const providerObj = speechToTextProviders[provider]
                     if (providerObj.status) {
                         isSpeechToTextEnabled = true
@@ -1537,6 +1538,7 @@ export class App {
                     }
                 }
             }
+        }
 
         let isImageUploadAllowed = false
         const nodes: IReactFlowNode[] = flowObj.nodes

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

@@ -175,7 +175,16 @@ const SpeechToTextDialog = ({ show, dialogProps, onCancel }) => {
     useEffect(() => {
         if (dialogProps.chatflow && dialogProps.chatflow.speechToText) {
             try {
-                setSpeechToText(JSON.parse(dialogProps.chatflow.speechToText))
+                const speechToText = JSON.parse(dialogProps.chatflow.speechToText)
+                let selectedProvider = 'none'
+                Object.keys(speechToTextProviders).forEach((key) => {
+                    const providerConfig = speechToText[key]
+                    if (providerConfig.status) {
+                        selectedProvider = key
+                    }
+                })
+                setSelectedProvider(selectedProvider)
+                setSpeechToText(speechToText)
             } catch (e) {
                 setSpeechToText({})
                 console.error(e)
@@ -193,7 +202,7 @@ const SpeechToTextDialog = ({ show, dialogProps, onCancel }) => {
         return () => dispatch({ type: HIDE_CANVAS_DIALOG })
     }, [show, dispatch])
 
-    const component = show ? (
+    const component = (
         <Dialog
             onClose={onCancel}
             open={show}
@@ -210,11 +219,13 @@ const SpeechToTextDialog = ({ show, dialogProps, onCancel }) => {
                     <Typography>Speech To Text Providers</Typography>
                     <FormControl fullWidth>
                         <Select value={selectedProvider} onChange={handleProviderChange}>
+                            <MenuItem value='none'>None</MenuItem>
                             <MenuItem value='openAIWhisper'>OpenAI Whisper</MenuItem>
                             <MenuItem value='assemblyAiTranscribe'>Assembly AI</MenuItem>
                         </Select>
                     </FormControl>
                 </Box>
+                {selectedProvider !== 'none' && (
                     <>
                         <ListItem style={{ padding: 0, margin: 0 }} alignItems='center'>
                             <ListItemAvatar>
@@ -261,7 +272,11 @@ const SpeechToTextDialog = ({ show, dialogProps, onCancel }) => {
                                 </div>
                                 {inputParam.type === 'credential' && (
                                     <CredentialInputHandler
-                                    data={speechToText[selectedProvider] ? { credential: speechToText[selectedProvider].credentialId } : {}}
+                                        data={
+                                            speechToText[selectedProvider]
+                                                ? { credential: speechToText[selectedProvider].credentialId }
+                                                : {}
+                                        }
                                         inputParam={inputParam}
                                         onSelect={(newValue) => setValue(newValue, selectedProvider, 'credentialId')}
                                     />
@@ -303,6 +318,7 @@ const SpeechToTextDialog = ({ show, dialogProps, onCancel }) => {
                             </Box>
                         ))}
                     </>
+                )}
             </DialogContent>
             <DialogActions>
                 <StyledButton variant='contained' onClick={onSave}>
@@ -310,7 +326,7 @@ const SpeechToTextDialog = ({ show, dialogProps, onCancel }) => {
                 </StyledButton>
             </DialogActions>
         </Dialog>
-    ) : null
+    )
 
     return createPortal(component, portalElement)
 }

packages/ui/src/ui-component/input/Input.js

@@ -48,6 +48,12 @@ export const Input = ({ inputParam, value, nodes, edges, nodeId, onChange, disab
         }
     }, [myValue])
 
+    useEffect(() => {
+        if (value) {
+            setMyValue(value)
+        }
+    }, [value])
+
     return (
         <>
             {inputParam.name === 'note' ? (