fix(stage-ui): correct VAD segment processing (#2258)

packages/stage-pages/src/pages/settings/modules/hearing.vue

@@ -41,7 +41,7 @@ const { trackProviderClick } = useAnalytics()
 const settingsAudioDeviceStore = useSettingsAudioDevice()
 const { askPermission, stopStream, startStream } = settingsAudioDeviceStore
 const { audioInputOptions, selectedAudioInput, stream } = storeToRefs(settingsAudioDeviceStore)
-const { startRecord, stopRecord, onStopRecord } = useAudioRecorder(stream)
+const { discardRecord, startRecord, stopRecord, onStopRecord } = useAudioRecorder(stream)
 const { startAnalyzer, stopAnalyzer, onAnalyzerUpdate, volumeLevel } = useAudioAnalyzer()
 const { audioContext } = storeToRefs(useAudioContext())
 const hearingSpeechInputPipeline = useHearingSpeechInputPipeline()
@@ -200,6 +200,10 @@ const {
   onSpeechEnd: () => {
     void handleSpeechEnd()
   },
+  onSpeechCancel: () => {
+    if (!isTestingSTT.value && !shouldUseStreamInput.value)
+      void discardRecord()
+  },
 })
 
 const isSpeechVolume = ref(false) // Volume-based speaking detection