@siact/sime-x-vue 0.0.20 → 0.0.22

package/dist/sime-x-vue.mjs

@@ -106,7 +106,7 @@ const _hoisted_9$2 = ["onClick"];
 const _hoisted_10$2 = { class: "ai-chat__messages-inner" };
 const _hoisted_11$2 = { class: "ai-chat__message-content" };
 const _hoisted_12$2 = ["innerHTML"];
-const _hoisted_13$1 = {
+const _hoisted_13$2 = {
   key: 1,
   class: "ai-chat__reasoning"
 };
@@ -469,7 +469,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                             innerHTML: renderMarkdown(part.text)
                           }, null, 8, _hoisted_12$2)
                         ])
-                      ], 2)) : part.type === "reasoning" ? (openBlock(), createElementBlock("div", _hoisted_13$1, [
+                      ], 2)) : part.type === "reasoning" ? (openBlock(), createElementBlock("div", _hoisted_13$2, [
                         createElementVNode("button", {
                           class: "ai-chat__reasoning-trigger",
                           onClick: ($event) => toggleReasoning(message.id)
@@ -1464,7 +1464,7 @@ const _hoisted_10$1 = {
 };
 const _hoisted_11$1 = { class: "input-bar" };
 const _hoisted_12$1 = ["disabled"];
-const _hoisted_13 = ["disabled"];
+const _hoisted_13$1 = ["disabled"];
 const _hoisted_14 = {
   key: 0,
   class: "btn-spinner",
@@ -1512,7 +1512,15 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
     };
     const test = () => {
-      aiChatbotX.speakText("你好,世界，今天是想起五天气横扫的缺点");
+      [
+        "1你好,世界，今天是想起五天气横扫的缺点",
+        "2你好,世界，今天是想起五天气横扫的缺点",
+        "3你好,世界，今天是想起五天气横扫的缺点"
+      ].forEach((text, index) => {
+        setTimeout(() => {
+          aiChatbotX.speakText(text);
+        }, index * 1e3);
+      });
     };
     const test1 = () => {
       aiChatbotX.abortInvoke();
@@ -1671,14 +1679,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 "stroke-linejoin": "round"
               }, null, -1)
             ])]))
-          ], 8, _hoisted_13)
+          ], 8, _hoisted_13$1)
         ])
       ]);
     };
   }
 });
 
-const commandTest = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-2d2cea1f"]]);
+const commandTest = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-36096054"]]);
 
 class CommandManager {
   commands = /* @__PURE__ */ new Map();
@@ -1922,6 +1930,37 @@ function useTTS(getVoiceConfig) {
       console.error("[TTS] speak 失败:", err);
     }
   };
+  const speakAndWait = async (text) => {
+    const clean = normalizeSpeakText(text);
+    if (!clean.trim()) return;
+    hasPendingAudio.value = true;
+    const ttsInst = await ensureInstance();
+    if (!ttsInst) {
+      hasPendingAudio.value = false;
+      return;
+    }
+    return new Promise((resolve) => {
+      let settled = false;
+      const settle = () => {
+        if (settled) return;
+        settled = true;
+        clearTimeout(safetyTimer);
+        onQueueEmptyCb = null;
+        resolve();
+      };
+      const safetyTimer = setTimeout(() => {
+        console.warn("[TTS] speakAndWait 安全超时，强制 resolve");
+        settle();
+      }, 6e4);
+      onQueueEmptyCb = settle;
+      try {
+        ttsInst.speak(clean);
+      } catch (err) {
+        console.error("[TTS] speak 失败:", err);
+        settle();
+      }
+    });
+  };
   const feed = (delta) => {
     sentenceBuffer += delta;
     while (true) {
@@ -1944,6 +1983,11 @@ function useTTS(getVoiceConfig) {
     sentenceBuffer = "";
     isSpeaking.value = false;
     hasPendingAudio.value = false;
+    if (onQueueEmptyCb) {
+      const cb = onQueueEmptyCb;
+      onQueueEmptyCb = null;
+      cb();
+    }
     if (instance) {
       try {
         instance.stop();
@@ -1976,6 +2020,7 @@ function useTTS(getVoiceConfig) {
     hasPendingAudio,
     warmUpAudio,
     speak,
+    speakAndWait,
     feed,
     flush,
     stop,
@@ -2254,8 +2299,12 @@ const _hoisted_10 = {
   key: 2,
   class: "agent-text"
 };
-const _hoisted_11 = { class: "fab-avatar-wrapper" };
-const _hoisted_12 = ["src"];
+const _hoisted_11 = {
+  key: 0,
+  class: "status-pill"
+};
+const _hoisted_12 = { class: "fab-avatar-wrapper" };
+const _hoisted_13 = ["src"];
 const currentTheme = "dark";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "voice-assistant",
@@ -2326,10 +2375,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       tts.stop();
       bubble.hide();
     };
+    const speakQueue = [];
+    let isProcessingSpeakQueue = false;
+    const processSpeakQueue = async () => {
+      if (isProcessingSpeakQueue) return;
+      isProcessingSpeakQueue = true;
+      tts.hasPendingAudio.value = true;
+      while (speakQueue.length > 0) {
+        const text = speakQueue.shift();
+        bubble.open();
+        agent.currentTextContent.value = text;
+        try {
+          await tts.speakAndWait(text);
+        } catch (e) {
+          console.error("[speakQueue] 播报失败:", e);
+        }
+        if (speakQueue.length > 0) {
+          tts.hasPendingAudio.value = true;
+        }
+      }
+      isProcessingSpeakQueue = false;
+      tts.hasPendingAudio.value = false;
+      bubble.scheduleDismiss();
+    };
     const speakTextWithBubble = (text) => {
-      bubble.open();
-      agent.currentTextContent.value = text;
-      tts.speak(text);
+      speakQueue.push(text);
+      if (!isProcessingSpeakQueue) {
+        processSpeakQueue();
+      }
+    };
+    const stopSpeak = () => {
+      speakQueue.length = 0;
+      isProcessingSpeakQueue = false;
+      tts.stop();
     };
     const voice = useVoiceRecognition({
       modelPath: props.modelPath,
@@ -2349,7 +2427,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       tts.warmUpAudio();
       await voice.toggleVoiceMode(targetState);
     };
-    const { voiceStatus, wakeAnimating, isTranscribing } = voice;
+    const { voiceStatus, transcriptionText, wakeAnimating, isTranscribing } = voice;
     const { isInvoking, currentTextContent, currentToolParts, executingTools, hasAnyContent, toolDisplayName } = agent;
     aiChatbotX?.registerVoiceMethods({
       stopBroadcast: async () => interruptCurrentResponse(),
@@ -2360,7 +2438,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       agentInvoke: agent.invoke,
       agentAbort: agent.abort,
       speakText: speakTextWithBubble,
-      stopSpeak: tts.stop
+      stopSpeak
     });
     onBeforeUnmount(async () => {
       bubble.destroy();
@@ -2449,14 +2527,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: "assistant-fab",
           onClick: _cache[0] || (_cache[0] = ($event) => toggleVoiceMode())
         }, [
-          createElementVNode("div", _hoisted_11, [
+          unref(transcriptionText) || unref(isInvoking) ? (openBlock(), createElementBlock("div", _hoisted_11, toDisplayString(unref(isInvoking) ? "正在思考中..." : unref(transcriptionText)), 1)) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_12, [
             createElementVNode("img", {
               src: __props.xLogo ? __props.xLogo : "/x.png",
               alt: "voice assistant",
               style: normalizeStyle({
                 width: `${__props.xSize?.width || 88}px`
               })
-            }, null, 12, _hoisted_12),
+            }, null, 12, _hoisted_13),
             createVNode(Transition, { name: "indicator-fade" }, {
               default: withCtx(() => [
                 unref(voiceStatus) === "listening" ? (openBlock(), createElementBlock("div", {
@@ -2498,7 +2577,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-const voiceAssistant = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5f5506a2"]]);
+const voiceAssistant = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d15c792e"]]);
 
 var clientCommandKey = /* @__PURE__ */ ((clientCommandKey2) => {
   clientCommandKey2["SET_THEME"] = "SiMeAgent_setTheme";