@adminforth/agent 1.41.3 → 1.42.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build.log +2 -2
- package/custom/speech_recognition_frontend/AudioLines.vue +1 -1
- package/custom/speech_recognition_frontend/MicrophoneButon.vue +39 -22
- package/dist/custom/speech_recognition_frontend/AudioLines.vue +1 -1
- package/dist/custom/speech_recognition_frontend/MicrophoneButon.vue +39 -22
- package/package.json +1 -1
package/build.log
CHANGED
|
@@ -58,5 +58,5 @@ custom/speech_recognition_frontend/voiceActivityDetection.ts
|
|
|
58
58
|
custom/speech_recognition_frontend/types/
|
|
59
59
|
custom/speech_recognition_frontend/types/voice-activity-detection.d.ts
|
|
60
60
|
|
|
61
|
-
sent 1,
|
|
62
|
-
total size is 1,
|
|
61
|
+
sent 1,661,051 bytes received 860 bytes 3,323,822.00 bytes/sec
|
|
62
|
+
total size is 1,657,135 speedup is 1.00
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
class="bg-white w-[0.2rem] rounded-sm transition-all duration-100 ease-out"
|
|
6
6
|
:style="{ height }"
|
|
7
7
|
/>
|
|
8
|
-
<p v-if="isRecording" class="text-white ml-2">End</p>
|
|
8
|
+
<p v-if="isRecording" class="text-white ml-2">{{ $t('End') }}</p>
|
|
9
9
|
</template>
|
|
10
10
|
|
|
11
11
|
<script setup lang="ts">
|
|
@@ -1,27 +1,39 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<
|
|
3
|
-
class="absolute bottom-2
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
2
|
+
<div
|
|
3
|
+
class="absolute bottom-2 flex items-center justify-center z-10 gap-4"
|
|
4
|
+
:class="[!agentStore.isAudioChatMode ? 'right-16': 'right-1/2 translate-x-1/2']"
|
|
5
|
+
>
|
|
6
|
+
<button
|
|
7
|
+
v-if="isAudioChatMode && microphoneButtonMode === 'generating'"
|
|
8
|
+
class="bg-red-500 hover:bg-red-600 dark:bg-red-700 dark:hover:bg-red-800 h-9 flex items-center justify-center rounded-full gap-2 text-white px-4"
|
|
9
|
+
@click="stopCurrentGeneration()"
|
|
10
|
+
>
|
|
11
|
+
<div class="w-3 h-3 bg-white rounded-full"/>
|
|
12
|
+
{{ $t('Break') }}
|
|
13
|
+
</button>
|
|
14
|
+
<button
|
|
15
|
+
class="h-9 bg-lightPrimary dark:bg-darkPrimary
|
|
16
|
+
hover:opacity-90 rounded-full flex items-center justify-center
|
|
17
|
+
transition-all duration-300 ease-in-out overflow-hidden"
|
|
18
|
+
:class="[isAudioChatMode ? 'w-32 px-2': 'w-9']"
|
|
19
|
+
@click="toggleChatMode"
|
|
20
|
+
>
|
|
21
|
+
<div class="w-5 h-5 flex items-center justify-center">
|
|
22
|
+
<div v-if="microphoneButtonMode === 'listen' || microphoneButtonMode === 'off'" class="flex justify-evenly items-center gap-[0.1rem]">
|
|
23
|
+
<AudioLines
|
|
24
|
+
:showAnimation="showAudioWavesAnimation"
|
|
25
|
+
:isRecording="microphoneButtonMode === 'listen'"
|
|
26
|
+
:amplitude="audioAmplitude"
|
|
27
|
+
/>
|
|
28
|
+
</div>
|
|
29
|
+
<div v-else-if="microphoneButtonMode === 'generating'" class="flex items-center justify-center gap-2 text-white text-sm">
|
|
30
|
+
<span class="w-3 h-3 bg-white rounded-sm" />
|
|
31
|
+
{{ $t('End') }}
|
|
32
|
+
</div>
|
|
33
|
+
<Spinner v-else class="w-4 h-4 text-lightButtonsText dark:text-darkButtonsText fill-lightButtonsBackground dark:fill-darkPrimary" />
|
|
16
34
|
</div>
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
{{ $t('Stop') }}
|
|
20
|
-
</div>
|
|
21
|
-
<Spinner v-else class="w-4 h-4 text-lightButtonsText dark:text-darkButtonsText fill-lightButtonsBackground dark:fill-darkPrimary" />
|
|
22
|
-
</div>
|
|
23
|
-
|
|
24
|
-
</button>
|
|
35
|
+
</button>
|
|
36
|
+
</div>
|
|
25
37
|
</template>
|
|
26
38
|
|
|
27
39
|
|
|
@@ -83,6 +95,11 @@ watch(agentAudioMode, async (newVal) => {
|
|
|
83
95
|
}
|
|
84
96
|
})
|
|
85
97
|
|
|
98
|
+
function stopCurrentGeneration() {
|
|
99
|
+
stopGenerationAndAudio();
|
|
100
|
+
agentAudio.playBeep(1000);
|
|
101
|
+
}
|
|
102
|
+
|
|
86
103
|
function toggleChatMode() {
|
|
87
104
|
agentStore.setIsAudioChatMode(!isAudioChatMode.value);
|
|
88
105
|
if (isAudioChatMode.value) {
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
class="bg-white w-[0.2rem] rounded-sm transition-all duration-100 ease-out"
|
|
6
6
|
:style="{ height }"
|
|
7
7
|
/>
|
|
8
|
-
<p v-if="isRecording" class="text-white ml-2">End</p>
|
|
8
|
+
<p v-if="isRecording" class="text-white ml-2">{{ $t('End') }}</p>
|
|
9
9
|
</template>
|
|
10
10
|
|
|
11
11
|
<script setup lang="ts">
|
|
@@ -1,27 +1,39 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<
|
|
3
|
-
class="absolute bottom-2
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
2
|
+
<div
|
|
3
|
+
class="absolute bottom-2 flex items-center justify-center z-10 gap-4"
|
|
4
|
+
:class="[!agentStore.isAudioChatMode ? 'right-16': 'right-1/2 translate-x-1/2']"
|
|
5
|
+
>
|
|
6
|
+
<button
|
|
7
|
+
v-if="isAudioChatMode && microphoneButtonMode === 'generating'"
|
|
8
|
+
class="bg-red-500 hover:bg-red-600 dark:bg-red-700 dark:hover:bg-red-800 h-9 flex items-center justify-center rounded-full gap-2 text-white px-4"
|
|
9
|
+
@click="stopCurrentGeneration()"
|
|
10
|
+
>
|
|
11
|
+
<div class="w-3 h-3 bg-white rounded-full"/>
|
|
12
|
+
{{ $t('Break') }}
|
|
13
|
+
</button>
|
|
14
|
+
<button
|
|
15
|
+
class="h-9 bg-lightPrimary dark:bg-darkPrimary
|
|
16
|
+
hover:opacity-90 rounded-full flex items-center justify-center
|
|
17
|
+
transition-all duration-300 ease-in-out overflow-hidden"
|
|
18
|
+
:class="[isAudioChatMode ? 'w-32 px-2': 'w-9']"
|
|
19
|
+
@click="toggleChatMode"
|
|
20
|
+
>
|
|
21
|
+
<div class="w-5 h-5 flex items-center justify-center">
|
|
22
|
+
<div v-if="microphoneButtonMode === 'listen' || microphoneButtonMode === 'off'" class="flex justify-evenly items-center gap-[0.1rem]">
|
|
23
|
+
<AudioLines
|
|
24
|
+
:showAnimation="showAudioWavesAnimation"
|
|
25
|
+
:isRecording="microphoneButtonMode === 'listen'"
|
|
26
|
+
:amplitude="audioAmplitude"
|
|
27
|
+
/>
|
|
28
|
+
</div>
|
|
29
|
+
<div v-else-if="microphoneButtonMode === 'generating'" class="flex items-center justify-center gap-2 text-white text-sm">
|
|
30
|
+
<span class="w-3 h-3 bg-white rounded-sm" />
|
|
31
|
+
{{ $t('End') }}
|
|
32
|
+
</div>
|
|
33
|
+
<Spinner v-else class="w-4 h-4 text-lightButtonsText dark:text-darkButtonsText fill-lightButtonsBackground dark:fill-darkPrimary" />
|
|
16
34
|
</div>
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
{{ $t('Stop') }}
|
|
20
|
-
</div>
|
|
21
|
-
<Spinner v-else class="w-4 h-4 text-lightButtonsText dark:text-darkButtonsText fill-lightButtonsBackground dark:fill-darkPrimary" />
|
|
22
|
-
</div>
|
|
23
|
-
|
|
24
|
-
</button>
|
|
35
|
+
</button>
|
|
36
|
+
</div>
|
|
25
37
|
</template>
|
|
26
38
|
|
|
27
39
|
|
|
@@ -83,6 +95,11 @@ watch(agentAudioMode, async (newVal) => {
|
|
|
83
95
|
}
|
|
84
96
|
})
|
|
85
97
|
|
|
98
|
+
function stopCurrentGeneration() {
|
|
99
|
+
stopGenerationAndAudio();
|
|
100
|
+
agentAudio.playBeep(1000);
|
|
101
|
+
}
|
|
102
|
+
|
|
86
103
|
function toggleChatMode() {
|
|
87
104
|
agentStore.setIsAudioChatMode(!isAudioChatMode.value);
|
|
88
105
|
if (isAudioChatMode.value) {
|