@siact/sime-x-vue 0.0.8 → 0.0.10

package/dist/sime-x-vue.mjs

@@ -47,6 +47,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     });
     const stopListeningRef = shallowRef(async () => {
     });
+    const stopBroadcastRef = shallowRef(async () => {
+    });
     const toggleCollapseRef = shallowRef(async () => {
     });
     const openDialogRef = shallowRef(async () => {
@@ -60,12 +62,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       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;
@@ -997,6 +1001,7 @@ const simeX = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-91
 
 function useTTS(getVoiceConfig) {
   const isSpeaking = ref(false);
+  const hasPendingAudio = ref(false);
   let instance = null;
   let initPromise = null;
   let audioCtx = null;
@@ -1032,9 +1037,9 @@ function useTTS(getVoiceConfig) {
           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",
@@ -1047,6 +1052,7 @@ function useTTS(getVoiceConfig) {
         });
         tts.onQueueEmpty(() => {
           isSpeaking.value = false;
+          hasPendingAudio.value = false;
           onQueueEmptyCb?.();
         });
         tts.onError((err) => {
@@ -1072,6 +1078,7 @@ function useTTS(getVoiceConfig) {
   const speak = async (text) => {
     const clean = stripMarkdown(text);
     if (!clean.trim()) return;
+    hasPendingAudio.value = true;
     const tts = await ensureInstance();
     if (!tts) return;
     try {
@@ -1098,6 +1105,7 @@ function useTTS(getVoiceConfig) {
   const stop = () => {
     sentenceBuffer = "";
     isSpeaking.value = false;
+    hasPendingAudio.value = false;
     if (instance) {
       try {
         instance.stop();
@@ -1127,6 +1135,7 @@ function useTTS(getVoiceConfig) {
   };
   return {
     isSpeaking,
+    hasPendingAudio,
     warmUpAudio,
     speak,
     feed,
@@ -1142,7 +1151,14 @@ function useBubble(options = {}) {
   const fadingOut = ref(false);
   const stackRef = ref(null);
   let dismissTimer = null;
-  const show = computed(() => visible.value && !fadingOut.value);
+  const hasOpened = ref(false);
+  const isTTSActive = () => !!(options.isSpeaking?.value || options.hasPendingAudio?.value);
+  const isBusy = () => !!(options.isInvoking?.value || isTTSActive());
+  const show = computed(() => {
+    if (!hasOpened.value) return false;
+    if (isTTSActive()) return true;
+    return visible.value && !fadingOut.value;
+  });
   const style = computed(() => ({
     width: options.bubbleSize?.width || void 0,
     maxHeight: options.bubbleSize?.maxHeight || void 0
@@ -1151,6 +1167,7 @@ function useBubble(options = {}) {
     cancelDismiss();
     fadingOut.value = false;
     visible.value = true;
+    hasOpened.value = true;
   };
   const cancelDismiss = () => {
     if (dismissTimer) {
@@ -1160,21 +1177,39 @@ function useBubble(options = {}) {
   };
   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) => {
+    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 = () => {
     nextTick(() => {
@@ -1804,7 +1839,7 @@ function useAgentInvoke(options) {
     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",
@@ -1812,8 +1847,8 @@ function useAgentInvoke(options) {
         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
       });
@@ -1992,7 +2027,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const endpoint = computed(() => {
       return props.invokeUrl || "http://localhost:3001/agent/zyy55sw40nrl801056m0o/stream-invoke";
     });
-    const wakeResponses = ["您好"];
+    const wakeResponses = ["在呢"];
     const tts = useTTS(getVoiceConfig);
     const bubbleBridge = {
       open: () => {
@@ -2021,6 +2056,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const bubble = useBubble({
       dismissDelay: props.bubbleDismissDelay,
       isSpeaking: tts.isSpeaking,
+      hasPendingAudio: tts.hasPendingAudio,
       isInvoking: agent.isInvoking,
       bubbleSize: props.bubbleSize
     });
@@ -2028,11 +2064,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     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();
@@ -2057,11 +2088,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       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()
@@ -2166,7 +2198,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 unref(voiceStatus) === "listening" ? (openBlock(), createElementBlock("div", {
                   key: 0,
-                  class: normalizeClass(["listening-badge", { "wake-active": unref(wakeAnimating) }])
+                  class: normalizeClass(["listening-badge", { "wake-active": unref(wakeAnimating) || unref(isTranscribing) || unref(isInvoking) }])
                 }, [..._cache[5] || (_cache[5] = [
                   createElementVNode("div", { class: "listening-waves" }, [
                     createElementVNode("div", { class: "wave wave-1" }),
@@ -2203,7 +2235,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-const voiceAssistant = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9e420a26"]]);
+const voiceAssistant = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-77c6ae95"]]);
 
 export { _sfc_main$4 as AiChatbotProvider, voiceAssistant as AiChatbotVoiceAssistant, simeX as AiChatbotX, AiChatbotXKey, clientCommandKey, injectStrict };
 //# sourceMappingURL=sime-x-vue.mjs.map