Reduce minimum voice recording duration to 1000ms and fix recording button hover state handling

Author: robertpiosik

apps/editor/src/views/panel/backend/message-handlers/handle-voice-input.ts

@@ -13,7 +13,7 @@ import axios from 'axios'
 import { make_api_request } from '@/utils/make-api-request'
 import { voice_input_instructions } from '@/constants/instructions'
 
-const MIN_RECORDING_DURATION = 3000
+const MIN_RECORDING_DURATION = 1000
 
 const start_recording = (panel_provider: PanelProvider) => {
   panel_provider.audio_chunks = []

packages/ui/src/components/editor/panel/PromptField/PromptField.tsx

@@ -100,10 +100,6 @@ export const PromptField: React.FC<PromptFieldProps> = (props) => {
     }
   }, [props.value])
 
-  useEffect(() => {
-    set_is_recording_hovered(false)
-  }, [props.is_recording])
-
   const toggle_invocation_dropdown = useCallback(() => {
     set_is_invocation_dropdown_open((prev) => !prev)
   }, [])
@@ -606,6 +602,8 @@ export const PromptField: React.FC<PromptFieldProps> = (props) => {
                         e.stopPropagation()
                         props.on_recording_started()
                       }}
+                      onMouseEnter={() => set_is_recording_hovered(true)}
+                      onMouseLeave={() => set_is_recording_hovered(false)}
                       title={`Voice input ${
                         is_mac ? '(⇧⌘Space)' : '(Ctrl+Shift+Space)'
                       }`}