@siact/sime-x-vue 0.0.8 → 0.0.9

package/dist/style.css

@@ -847,7 +847,7 @@
 [data-theme=dark] .action-btn.theme-btn.woke[data-v-91f104d1] {
   background: rgba(34, 197, 94, 0.3);
 }
-.voice-assistant[data-v-9e420a26] {
+.voice-assistant[data-v-d81f42d8] {
   --text-primary: #e6edf7;
   --text-secondary: #95a8c8;
   --glass-bg: rgba(8, 16, 32, 0.72);
@@ -864,16 +864,16 @@
 }
 
 /* ── FAB 按钮 ── */
-.assistant-fab[data-v-9e420a26] {
+.assistant-fab[data-v-d81f42d8] {
   position: relative;
   cursor: pointer;
   transition: transform 0.2s ease, filter 0.2s ease;
 }
-.assistant-fab[data-v-9e420a26]:hover {
+.assistant-fab[data-v-d81f42d8]:hover {
   transform: translateY(-1px) scale(1.03);
   filter: brightness(1.06);
 }
-.status-pill[data-v-9e420a26] {
+.status-pill[data-v-d81f42d8] {
   position: absolute;
   right: calc(100% + 12px);
   top: 50%;
@@ -892,13 +892,13 @@
   text-overflow: ellipsis;
   box-shadow: 0 10px 20px rgba(2, 8, 24, 0.38);
 }
-.fab-avatar-wrapper[data-v-9e420a26] {
+.fab-avatar-wrapper[data-v-d81f42d8] {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.fab-avatar-wrapper img[data-v-9e420a26] {
+.fab-avatar-wrapper img[data-v-d81f42d8] {
   display: block;
   height: auto;
   object-fit: contain;
@@ -906,7 +906,7 @@
 }
 
 /* ── 气泡容器 ── */
-.bubble-stack[data-v-9e420a26] {
+.bubble-stack[data-v-d81f42d8] {
   position: absolute;
   right: 0;
   bottom: calc(100% + 16px);
@@ -914,16 +914,16 @@
   max-height: min(58vh, 520px);
   overflow: auto;
 }
-.bubble-stack[data-v-9e420a26]::-webkit-scrollbar {
+.bubble-stack[data-v-d81f42d8]::-webkit-scrollbar {
   width: 4px;
 }
-.bubble-stack[data-v-9e420a26]::-webkit-scrollbar-thumb {
+.bubble-stack[data-v-d81f42d8]::-webkit-scrollbar-thumb {
   background: rgba(126, 155, 204, 0.3);
   border-radius: 999px;
 }
 
 /* ── 统一 agent 气泡 ── */
-.agent-bubble[data-v-9e420a26] {
+.agent-bubble[data-v-d81f42d8] {
   border-radius: 16px;
   padding: 12px 14px;
   background: radial-gradient(circle at 12% 10%, rgba(80, 122, 255, 0.14), transparent 50%), linear-gradient(155deg, rgba(24, 42, 72, 0.96), rgba(14, 24, 46, 0.97));
@@ -933,9 +933,9 @@
   display: flex;
   flex-direction: column;
   gap: 0;
-  animation: bubble-appear-9e420a26 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+  animation: bubble-appear-d81f42d8 0.3s cubic-bezier(0.16, 1, 0.3, 1);
 }
-@keyframes bubble-appear-9e420a26 {
+@keyframes bubble-appear-d81f42d8 {
 from {
     opacity: 0;
     transform: translateY(8px) scale(0.97);
@@ -946,7 +946,7 @@ to {
 }
 }
 /* ── 工具执行步骤（内联紧凑） ── */
-.tool-steps[data-v-9e420a26] {
+.tool-steps[data-v-d81f42d8] {
   display: flex;
   flex-direction: column;
   gap: 2px;
@@ -954,40 +954,40 @@ to {
   padding-bottom: 8px;
   border-bottom: 1px solid rgba(125, 160, 220, 0.1);
 }
-.tool-step[data-v-9e420a26] {
+.tool-step[data-v-d81f42d8] {
   display: flex;
   align-items: center;
   gap: 7px;
   padding: 4px 6px;
   border-radius: 8px;
   transition: background 0.2s ease;
-  animation: step-in-9e420a26 0.25s cubic-bezier(0.16, 1, 0.3, 1);
+  animation: step-in-d81f42d8 0.25s cubic-bezier(0.16, 1, 0.3, 1);
 }
-.tool-step--loading .tool-step__icon[data-v-9e420a26] {
+.tool-step--loading .tool-step__icon[data-v-d81f42d8] {
   color: var(--color-accent);
 }
-.tool-step--loading .tool-step__name[data-v-9e420a26] {
+.tool-step--loading .tool-step__name[data-v-d81f42d8] {
   color: rgba(200, 215, 240, 0.85);
 }
-.tool-step--done .tool-step__icon[data-v-9e420a26] {
+.tool-step--done .tool-step__icon[data-v-d81f42d8] {
   color: var(--color-success);
 }
-.tool-step--done .tool-step__name[data-v-9e420a26] {
+.tool-step--done .tool-step__name[data-v-d81f42d8] {
   color: rgba(200, 215, 240, 0.55);
 }
-.tool-step--error .tool-step__icon[data-v-9e420a26] {
+.tool-step--error .tool-step__icon[data-v-d81f42d8] {
   color: var(--color-error);
 }
-.tool-step--error .tool-step__name[data-v-9e420a26] {
+.tool-step--error .tool-step__name[data-v-d81f42d8] {
   color: rgba(248, 113, 113, 0.8);
 }
-.tool-step--executing[data-v-9e420a26] {
+.tool-step--executing[data-v-d81f42d8] {
   background: rgba(129, 140, 248, 0.06);
 }
-.tool-step--executing .tool-step__icon[data-v-9e420a26] {
+.tool-step--executing .tool-step__icon[data-v-d81f42d8] {
   color: var(--color-accent);
 }
-@keyframes step-in-9e420a26 {
+@keyframes step-in-d81f42d8 {
 from {
     opacity: 0;
     transform: translateX(-6px);
@@ -997,7 +997,7 @@ to {
     transform: translateX(0);
 }
 }
-.tool-step__icon[data-v-9e420a26] {
+.tool-step__icon[data-v-d81f42d8] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1005,10 +1005,10 @@ to {
   height: 18px;
   flex-shrink: 0;
 }
-.tool-step__spinner[data-v-9e420a26] {
-  animation: tool-spin-9e420a26 0.8s linear infinite;
+.tool-step__spinner[data-v-d81f42d8] {
+  animation: tool-spin-d81f42d8 0.8s linear infinite;
 }
-@keyframes tool-spin-9e420a26 {
+@keyframes tool-spin-d81f42d8 {
 from {
     transform: rotate(0deg);
 }
@@ -1016,7 +1016,7 @@ to {
     transform: rotate(360deg);
 }
 }
-.tool-step__name[data-v-9e420a26] {
+.tool-step__name[data-v-d81f42d8] {
   font-size: 12px;
   font-weight: 500;
   white-space: nowrap;
@@ -1024,7 +1024,7 @@ to {
   text-overflow: ellipsis;
   transition: color 0.2s ease;
 }
-.tool-step__tag[data-v-9e420a26] {
+.tool-step__tag[data-v-d81f42d8] {
   font-size: 10px;
   font-weight: 500;
   padding: 1px 6px;
@@ -1032,32 +1032,32 @@ to {
   white-space: nowrap;
   flex-shrink: 0;
 }
-.tool-step__tag--exec[data-v-9e420a26] {
+.tool-step__tag--exec[data-v-d81f42d8] {
   background: rgba(129, 140, 248, 0.12);
   color: var(--color-accent);
 }
 
 /* ── 思考中动画 ── */
-.thinking-dots[data-v-9e420a26] {
+.thinking-dots[data-v-d81f42d8] {
   display: inline-flex;
   align-items: center;
   gap: 5px;
   padding: 2px 0;
 }
-.thinking-dots span[data-v-9e420a26] {
+.thinking-dots span[data-v-d81f42d8] {
   width: 5px;
   height: 5px;
   border-radius: 50%;
   background: var(--text-secondary);
-  animation: thinking-bounce-9e420a26 1s infinite ease-in-out;
+  animation: thinking-bounce-d81f42d8 1s infinite ease-in-out;
 }
-.thinking-dots span[data-v-9e420a26]:nth-child(2) {
+.thinking-dots span[data-v-d81f42d8]:nth-child(2) {
   animation-delay: 0.15s;
 }
-.thinking-dots span[data-v-9e420a26]:nth-child(3) {
+.thinking-dots span[data-v-d81f42d8]:nth-child(3) {
   animation-delay: 0.3s;
 }
-@keyframes thinking-bounce-9e420a26 {
+@keyframes thinking-bounce-d81f42d8 {
 0%, 100% {
     transform: translateY(0);
     opacity: 0.3;
@@ -1068,7 +1068,7 @@ to {
 }
 }
 /* ── 文本内容 ── */
-.agent-text[data-v-9e420a26] {
+.agent-text[data-v-d81f42d8] {
   font-size: 14px;
   line-height: 1.55;
   color: var(--text-primary);
@@ -1077,23 +1077,23 @@ to {
 }
 
 /* ── 气泡淡入淡出过渡 ── */
-.bubble-fade-enter-active[data-v-9e420a26] {
+.bubble-fade-enter-active[data-v-d81f42d8] {
   transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
 }
-.bubble-fade-leave-active[data-v-9e420a26] {
+.bubble-fade-leave-active[data-v-d81f42d8] {
   transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.bubble-fade-enter-from[data-v-9e420a26] {
+.bubble-fade-enter-from[data-v-d81f42d8] {
   opacity: 0;
   transform: translateY(12px) scale(0.95);
 }
-.bubble-fade-leave-to[data-v-9e420a26] {
+.bubble-fade-leave-to[data-v-d81f42d8] {
   opacity: 0;
   transform: translateY(8px) scale(0.97);
 }
 
 /* ── 监听状态指示器 ── */
-.listening-badge[data-v-9e420a26] {
+.listening-badge[data-v-d81f42d8] {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -1105,57 +1105,57 @@ to {
   align-items: center;
   justify-content: center;
 }
-.listening-waves[data-v-9e420a26] {
+.listening-waves[data-v-d81f42d8] {
   position: absolute;
   inset: 0;
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.wave[data-v-9e420a26] {
+.wave[data-v-d81f42d8] {
   position: absolute;
   width: 100%;
   height: 100%;
   border-radius: 50%;
   border: 2px solid rgba(255, 255, 255, 0.65);
-  animation: wave-expand-9e420a26 3s ease-out infinite;
+  animation: wave-expand-d81f42d8 3s ease-out infinite;
 }
-.wave-1[data-v-9e420a26] {
+.wave-1[data-v-d81f42d8] {
   animation-delay: 0s;
 }
-.wave-2[data-v-9e420a26] {
+.wave-2[data-v-d81f42d8] {
   animation-delay: 0.6s;
 }
-.wave-3[data-v-9e420a26] {
+.wave-3[data-v-d81f42d8] {
   animation-delay: 1.2s;
 }
-.listening-icon[data-v-9e420a26] {
+.listening-icon[data-v-d81f42d8] {
   position: relative;
   color: #fff;
 }
-.listening-badge.wake-active[data-v-9e420a26] {
+.listening-badge.wake-active[data-v-d81f42d8] {
   background-color: rgba(34, 197, 94, 0.9);
-  animation: wake-badge-pop-9e420a26 0.35s ease;
+  animation: wake-badge-pop-d81f42d8 0.35s ease;
 }
-.indicator-fade-enter-active[data-v-9e420a26],
-.indicator-fade-leave-active[data-v-9e420a26] {
+.indicator-fade-enter-active[data-v-d81f42d8],
+.indicator-fade-leave-active[data-v-d81f42d8] {
   transition: all 0.2s ease;
 }
-.indicator-fade-enter-from[data-v-9e420a26],
-.indicator-fade-leave-to[data-v-9e420a26] {
+.indicator-fade-enter-from[data-v-d81f42d8],
+.indicator-fade-leave-to[data-v-d81f42d8] {
   opacity: 0;
   transform: translateY(6px);
 }
 @media (max-width: 768px) {
-.bubble-stack[data-v-9e420a26] {
+.bubble-stack[data-v-d81f42d8] {
     width: min(320px, 88vw);
     max-height: min(54vh, 420px);
 }
-.status-pill[data-v-9e420a26] {
+.status-pill[data-v-d81f42d8] {
     max-width: 220px;
 }
 }
-@keyframes wave-expand-9e420a26 {
+@keyframes wave-expand-d81f42d8 {
 0% {
     transform: scale(0.8);
     opacity: 0.8;
@@ -1165,7 +1165,7 @@ to {
     opacity: 0;
 }
 }
-@keyframes wake-badge-pop-9e420a26 {
+@keyframes wake-badge-pop-d81f42d8 {
 0% {
     transform: scale(1);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@siact/sime-x-vue",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "publishConfig": {
     "access": "public"
   },

package/types/composables/use-bubble.d.ts

@@ -10,6 +10,8 @@ export interface UseBubbleOptions {
     dismissDelay?: number;
     /** 外部 isSpeaking 引用，TTS 播报期间阻止消失 */
     isSpeaking?: Ref<boolean>;
+    /** 外部 hasPendingAudio 引用，TTS 已提交内容但尚未开始播放（覆盖异步窗口期） */
+    hasPendingAudio?: Ref<boolean>;
     /** 外部 isInvoking 引用，调用期间阻止消失 */
     isInvoking?: Ref<boolean>;
     /** 气泡尺寸 */
@@ -19,7 +21,7 @@ export interface UseBubbleOptions {
  * 气泡生命周期 composable
  *
  * 管理气泡显示/隐藏、自动消失倒计时、滚动。
- * 核心保证：TTS 播报期间气泡绝不消失。
+ * 核心保证：TTS 播报期间（含异步等待 WebSocket 的窗口期）气泡绝不消失。
  */
 export declare function useBubble(options?: UseBubbleOptions): {
     visible: Ref<boolean, boolean>;

package/types/composables/use-tts.d.ts

@@ -7,6 +7,7 @@ import type { VoiceConfig } from '../types';
  */
 export declare function useTTS(getVoiceConfig: () => VoiceConfig | null): {
     isSpeaking: import("vue").Ref<boolean, boolean>;
+    hasPendingAudio: import("vue").Ref<boolean, boolean>;
     warmUpAudio: () => void;
     speak: (text: string) => Promise<void>;
     feed: (delta: string) => void;