@siact/sime-x-vue 0.0.8 → 0.0.10

package/dist/sime-x-vue.umd.js

@@ -49,6 +49,8 @@
       });
       const stopListeningRef = vue.shallowRef(async () => {
       });
+      const stopBroadcastRef = vue.shallowRef(async () => {
+      });
       const toggleCollapseRef = vue.shallowRef(async () => {
       });
       const openDialogRef = vue.shallowRef(async () => {
@@ -62,12 +64,14 @@
         voiceConfig: () => props.voiceConfig || { appId: "", apiKey: "", websocketUrl: "" },
         startListening: () => startListeningRef.value(),
         stopListening: () => stopListeningRef.value(),
+        stopBroadcast: () => stopBroadcastRef.value(),
         toggleCollapse: () => toggleCollapseRef.value(),
         openDialog: () => openDialogRef.value(),
         closeDialog: () => closeDialogRef.value(),
         registerVoiceMethods: (methods) => {
           startListeningRef.value = methods.start;
           stopListeningRef.value = methods.stop;
+          if (methods.stopBroadcast) stopBroadcastRef.value = methods.stopBroadcast;
           toggleCollapseRef.value = methods.toggleCollapse;
           openDialogRef.value = methods.openDialog;
           closeDialogRef.value = methods.closeDialog;
@@ -999,6 +1003,7 @@
 
   function useTTS(getVoiceConfig) {
     const isSpeaking = vue.ref(false);
+    const hasPendingAudio = vue.ref(false);
     let instance = null;
     let initPromise = null;
     let audioCtx = null;
@@ -1034,9 +1039,9 @@
             apiSecret: vc.apiSecret,
             websocketUrl: vc.ttsWebsocketUrl || "wss://tts-api.xfyun.cn/v2/tts",
             vcn: vc.ttsVcn || "xiaoyan",
-            speed: 60,
-            volume: 50,
-            pitch: 50,
+            speed: vc.speed || 55,
+            volume: vc.volume || 90,
+            pitch: vc.pitch || 50,
             aue: "raw",
             auf: "audio/L16;rate=16000",
             tte: "UTF8",
@@ -1049,6 +1054,7 @@
           });
           tts.onQueueEmpty(() => {
             isSpeaking.value = false;
+            hasPendingAudio.value = false;
             onQueueEmptyCb?.();
           });
           tts.onError((err) => {
@@ -1074,6 +1080,7 @@
     const speak = async (text) => {
       const clean = stripMarkdown(text);
       if (!clean.trim()) return;
+      hasPendingAudio.value = true;
       const tts = await ensureInstance();
       if (!tts) return;
       try {
@@ -1100,6 +1107,7 @@
     const stop = () => {
       sentenceBuffer = "";
       isSpeaking.value = false;
+      hasPendingAudio.value = false;
       if (instance) {
         try {
           instance.stop();
@@ -1129,6 +1137,7 @@
     };
     return {
       isSpeaking,
+      hasPendingAudio,
       warmUpAudio,
       speak,
       feed,
@@ -1144,7 +1153,14 @@
     const fadingOut = vue.ref(false);
     const stackRef = vue.ref(null);
     let dismissTimer = null;
-    const show = vue.computed(() => visible.value && !fadingOut.value);
+    const hasOpened = vue.ref(false);
+    const isTTSActive = () => !!(options.isSpeaking?.value || options.hasPendingAudio?.value);
+    const isBusy = () => !!(options.isInvoking?.value || isTTSActive());
+    const show = vue.computed(() => {
+      if (!hasOpened.value) return false;
+      if (isTTSActive()) return true;
+      return visible.value && !fadingOut.value;
+    });
     const style = vue.computed(() => ({
       width: options.bubbleSize?.width || void 0,
       maxHeight: options.bubbleSize?.maxHeight || void 0
@@ -1153,6 +1169,7 @@
       cancelDismiss();
       fadingOut.value = false;
       visible.value = true;
+      hasOpened.value = true;
     };
     const cancelDismiss = () => {
       if (dismissTimer) {
@@ -1162,21 +1179,39 @@
     };
     const scheduleDismiss = () => {
       cancelDismiss();
-      if (options.isSpeaking?.value) return;
-      if (options.isInvoking?.value) return;
+      if (isBusy()) return;
       const delay = options.dismissDelay ?? 4e3;
       dismissTimer = setTimeout(() => {
+        if (isBusy()) return;
         fadingOut.value = true;
         setTimeout(() => {
+          if (isBusy()) {
+            fadingOut.value = false;
+            return;
+          }
           visible.value = false;
           fadingOut.value = false;
+          hasOpened.value = false;
         }, 400);
       }, delay);
     };
+    const watchTTSRef = (ttsRef) => {
+      vue.watch(ttsRef, (active) => {
+        if (active && hasOpened.value) {
+          cancelDismiss();
+          if (fadingOut.value) fadingOut.value = false;
+        } else if (!active && hasOpened.value && !isBusy()) {
+          scheduleDismiss();
+        }
+      });
+    };
+    if (options.isSpeaking) watchTTSRef(options.isSpeaking);
+    if (options.hasPendingAudio) watchTTSRef(options.hasPendingAudio);
     const hide = () => {
       cancelDismiss();
       fadingOut.value = false;
       visible.value = false;
+      hasOpened.value = false;
     };
     const scrollToBottom = () => {
       vue.nextTick(() => {
@@ -1806,7 +1841,7 @@
       const processedToolResults = /* @__PURE__ */ new Set();
       abortController = new AbortController();
       const commands = await aiChatbotX.hostCommads();
-      const historyToSend = conversationHistory.value.length > 0 ? [...conversationHistory.value] : void 0;
+      conversationHistory.value.length > 0 ? [...conversationHistory.value] : void 0;
       try {
         const response = await fetch(options.endpoint.value, {
           method: "POST",
@@ -1814,8 +1849,8 @@
           body: JSON.stringify({
             input: content,
             projectId: options.projectId || "",
-            commands: commands.length > 0 ? commands : void 0,
-            messages: historyToSend
+            commands: commands.length > 0 ? commands : void 0
+            // messages: historyToSend,
           }),
           signal: abortController.signal
         });
@@ -1994,7 +2029,7 @@
       const endpoint = vue.computed(() => {
         return props.invokeUrl || "http://localhost:3001/agent/zyy55sw40nrl801056m0o/stream-invoke";
       });
-      const wakeResponses = ["您好"];
+      const wakeResponses = ["在呢"];
       const tts = useTTS(getVoiceConfig);
       const bubbleBridge = {
         open: () => {
@@ -2023,6 +2058,7 @@
       const bubble = useBubble({
         dismissDelay: props.bubbleDismissDelay,
         isSpeaking: tts.isSpeaking,
+        hasPendingAudio: tts.hasPendingAudio,
         isInvoking: agent.isInvoking,
         bubbleSize: props.bubbleSize
       });
@@ -2030,11 +2066,6 @@
       bubbleBridge.scheduleDismiss = bubble.scheduleDismiss;
       bubbleBridge.scrollToBottom = bubble.scrollToBottom;
       const { show: showBubble, style: bubbleStyle, stackRef: bubbleStackRef } = bubble;
-      tts.setOnQueueEmpty(() => {
-        if (!agent.isInvoking.value) {
-          bubble.scheduleDismiss();
-        }
-      });
       const interruptCurrentResponse = () => {
         agent.abort();
         agent.resetState();
@@ -2059,11 +2090,12 @@
         tts.warmUpAudio();
         await voice.toggleVoiceMode(targetState);
       };
-      const { voiceStatus, transcriptionText, wakeAnimating } = voice;
+      const { voiceStatus, transcriptionText, wakeAnimating, isTranscribing } = voice;
       const { isInvoking, currentTextContent, currentToolParts, executingTools, hasAnyContent, toolDisplayName } = agent;
       aiChatbotX?.registerVoiceMethods({
         start: () => toggleVoiceMode(true),
         stop: () => toggleVoiceMode(false),
+        stopBroadcast: async () => interruptCurrentResponse(),
         openDialog: async () => Promise.resolve(),
         closeDialog: async () => Promise.resolve(),
         toggleCollapse: async () => Promise.resolve()
@@ -2168,7 +2200,7 @@
                 default: vue.withCtx(() => [
                   vue.unref(voiceStatus) === "listening" ? (vue.openBlock(), vue.createElementBlock("div", {
                     key: 0,
-                    class: vue.normalizeClass(["listening-badge", { "wake-active": vue.unref(wakeAnimating) }])
+                    class: vue.normalizeClass(["listening-badge", { "wake-active": vue.unref(wakeAnimating) || vue.unref(isTranscribing) || vue.unref(isInvoking) }])
                   }, [..._cache[5] || (_cache[5] = [
                     vue.createElementVNode("div", { class: "listening-waves" }, [
                       vue.createElementVNode("div", { class: "wave wave-1" }),
@@ -2205,7 +2237,7 @@
     }
   });
 
-  const voiceAssistant = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9e420a26"]]);
+  const voiceAssistant = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-77c6ae95"]]);
 
   exports.AiChatbotProvider = _sfc_main$4;
   exports.AiChatbotVoiceAssistant = voiceAssistant;