@siact/sime-x-vue 0.0.19 → 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",
@@ -1513,7 +1513,7 @@
         }
       };
       const test = () => {
-        aiChatbotX.invokeText("你好");
+        aiChatbotX.speakText("你好,世界，今天是想起五天气横扫的缺点");
       };
       const test1 = () => {
         aiChatbotX.abortInvoke();
@@ -1672,14 +1672,14 @@
                   "stroke-linejoin": "round"
                 }, null, -1)
               ])]))
-            ], 8, _hoisted_13)
+            ], 8, _hoisted_13$1)
           ])
         ]);
       };
     }
   });
 
-  const commandTest = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-93ed98f5"]]);
+  const commandTest = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-2d2cea1f"]]);
 
   class CommandManager {
     commands = /* @__PURE__ */ new Map();
@@ -1752,9 +1752,7 @@
       });
       const stopBroadcastRef = vue.shallowRef(async () => {
       });
-      const voiceAssistantRef = vue.shallowRef(
-        null
-      );
+      const voiceAssistantRef = vue.shallowRef(null);
       vue.provide(AiChatbotXKey, {
         appToken: () => props.appToken,
         organizationId: () => props.organizationId,
@@ -1779,9 +1777,15 @@
         async executeCommand(commandName, args = []) {
           return await commandManager.value.executeCommand(commandName, args);
         },
-        invokeText: async (text) => {
+        sendMessage: async (text) => {
           voiceAssistantRef.value?.agentInvoke(text);
         },
+        speakText: (text) => {
+          voiceAssistantRef.value?.speakText(text);
+        },
+        stopSpeak: () => {
+          voiceAssistantRef.value?.stopSpeak();
+        },
         abortInvoke: () => {
           voiceAssistantRef.value?.agentAbort();
         }
@@ -2251,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",
@@ -2323,6 +2331,15 @@
         tts.stop();
         bubble.hide();
       };
+      const speakTextWithBubble = async (text) => {
+        bubble.open();
+        agent.currentTextContent.value = text;
+        try {
+          await tts.speak(text);
+        } finally {
+          bubble.scheduleDismiss();
+        }
+      };
       const voice = useVoiceRecognition({
         modelPath: props.modelPath,
         wakeWords: props.wakeWords,
@@ -2341,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(),
@@ -2350,7 +2367,9 @@
       });
       aiChatbotX?.registerVoiceAssistant({
         agentInvoke: agent.invoke,
-        agentAbort: agent.abort
+        agentAbort: agent.abort,
+        speakText: speakTextWithBubble,
+        stopSpeak: tts.stop
       });
       vue.onBeforeUnmount(async () => {
         bubble.destroy();
@@ -2439,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", {
@@ -2488,7 +2508,7 @@
     }
   });
 
-  const voiceAssistant = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d1d9b351"]]);
+  const voiceAssistant = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ac1884ea"]]);
 
   var clientCommandKey = /* @__PURE__ */ ((clientCommandKey2) => {
     clientCommandKey2["SET_THEME"] = "SiMeAgent_setTheme";