@siact/sime-x-vue 0.0.20 → 0.0.21

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",
@@ -1672,7 +1672,7 @@
                   "stroke-linejoin": "round"
                 }, null, -1)
               ])]))
-            ], 8, _hoisted_13)
+            ], 8, _hoisted_13$1)
           ])
         ]);
       };
@@ -2255,8 +2255,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 +2331,14 @@
         tts.stop();
         bubble.hide();
       };
-      const speakTextWithBubble = (text) => {
+      const speakTextWithBubble = async (text) => {
         bubble.open();
         agent.currentTextContent.value = text;
-        tts.speak(text);
+        try {
+          await tts.speak(text);
+        } finally {
+          bubble.scheduleDismiss();
+        }
       };
       const voice = useVoiceRecognition({
         modelPath: props.modelPath,
@@ -2350,7 +2358,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(),
@@ -2450,14 +2458,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 +2508,7 @@
     }
   });
 
-  const voiceAssistant = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5f5506a2"]]);
+  const voiceAssistant = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ac1884ea"]]);
 
   var clientCommandKey = /* @__PURE__ */ ((clientCommandKey2) => {
     clientCommandKey2["SET_THEME"] = "SiMeAgent_setTheme";