@siact/sime-x-vue 0.0.20 → 0.0.22

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

@@ -107,7 +107,7 @@
   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"
   };
@@ -470,7 +470,7 @@
                               innerHTML: renderMarkdown(part.text)
                             }, null, 8, _hoisted_12$2)
                           ])
-                        ], 2)) : part.type === "reasoning" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13$1, [
+                        ], 2)) : part.type === "reasoning" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13$2, [
                           vue.createElementVNode("button", {
                             class: "ai-chat__reasoning-trigger",
                             onClick: ($event) => toggleReasoning(message.id)
@@ -1465,7 +1465,7 @@
   };
   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",
@@ -1513,7 +1513,15 @@
         }
       };
       const test = () => {
-        aiChatbotX.speakText("你好,世界，今天是想起五天气横扫的缺点");
+        [
+          "1你好,世界，今天是想起五天气横扫的缺点",
+          "2你好,世界，今天是想起五天气横扫的缺点",
+          "3你好,世界，今天是想起五天气横扫的缺点"
+        ].forEach((text, index) => {
+          setTimeout(() => {
+            aiChatbotX.speakText(text);
+          }, index * 1e3);
+        });
       };
       const test1 = () => {
         aiChatbotX.abortInvoke();
@@ -1672,14 +1680,14 @@
                   "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();
@@ -1923,6 +1931,37 @@
         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) {
@@ -1945,6 +1984,11 @@
       sentenceBuffer = "";
       isSpeaking.value = false;
       hasPendingAudio.value = false;
+      if (onQueueEmptyCb) {
+        const cb = onQueueEmptyCb;
+        onQueueEmptyCb = null;
+        cb();
+      }
       if (instance) {
         try {
           instance.stop();
@@ -1977,6 +2021,7 @@
       hasPendingAudio,
       warmUpAudio,
       speak,
+      speakAndWait,
       feed,
       flush,
       stop,
@@ -2255,8 +2300,12 @@
     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__ */ vue.defineComponent({
     __name: "voice-assistant",
@@ -2327,10 +2376,39 @@
         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,
@@ -2350,7 +2428,7 @@
         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(),
@@ -2361,7 +2439,7 @@
         agentInvoke: agent.invoke,
         agentAbort: agent.abort,
         speakText: speakTextWithBubble,
-        stopSpeak: tts.stop
+        stopSpeak
       });
       vue.onBeforeUnmount(async () => {
         bubble.destroy();
@@ -2450,14 +2528,15 @@
             class: "assistant-fab",
             onClick: _cache[0] || (_cache[0] = ($event) => toggleVoiceMode())
           }, [
-            vue.createElementVNode("div", _hoisted_11, [
+            vue.unref(transcriptionText) || vue.unref(isInvoking) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, vue.toDisplayString(vue.unref(isInvoking) ? "正在思考中..." : vue.unref(transcriptionText)), 1)) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", _hoisted_12, [
               vue.createElementVNode("img", {
                 src: __props.xLogo ? __props.xLogo : "/x.png",
                 alt: "voice assistant",
                 style: vue.normalizeStyle({
                   width: `${__props.xSize?.width || 88}px`
                 })
-              }, null, 12, _hoisted_12),
+              }, null, 12, _hoisted_13),
               vue.createVNode(vue.Transition, { name: "indicator-fade" }, {
                 default: vue.withCtx(() => [
                   vue.unref(voiceStatus) === "listening" ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -2499,7 +2578,7 @@
     }
   });
 
-  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";