@siact/sime-x-vue 0.0.19 → 0.0.21

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,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
     };
     const test = () => {
-      aiChatbotX.invokeText("你好");
+      aiChatbotX.speakText("你好,世界，今天是想起五天气横扫的缺点");
     };
     const test1 = () => {
       aiChatbotX.abortInvoke();
@@ -1671,14 +1671,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-93ed98f5"]]);
+const commandTest = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-2d2cea1f"]]);
 
 class CommandManager {
   commands = /* @__PURE__ */ new Map();
@@ -1751,9 +1751,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     });
     const stopBroadcastRef = shallowRef(async () => {
     });
-    const voiceAssistantRef = shallowRef(
-      null
-    );
+    const voiceAssistantRef = shallowRef(null);
     provide(AiChatbotXKey, {
       appToken: () => props.appToken,
       organizationId: () => props.organizationId,
@@ -1778,9 +1776,15 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       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();
       }
@@ -2250,8 +2254,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",
@@ -2322,6 +2330,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       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,
@@ -2340,7 +2357,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(),
@@ -2349,7 +2366,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     aiChatbotX?.registerVoiceAssistant({
       agentInvoke: agent.invoke,
-      agentAbort: agent.abort
+      agentAbort: agent.abort,
+      speakText: speakTextWithBubble,
+      stopSpeak: tts.stop
     });
     onBeforeUnmount(async () => {
       bubble.destroy();
@@ -2438,14 +2457,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", {
@@ -2487,7 +2507,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-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";