@siact/sime-x-vue 0.0.6 → 0.0.8

package/dist/style.css

@@ -345,7 +345,7 @@
   opacity: 0;
   transform: scale(0.8);
 }
-.sime-x[data-v-c01a4dba] {
+.sime-x[data-v-91f104d1] {
   --bg-primary: #ffffff;
   --bg-secondary: #f8fafc;
   --bg-header: #0f172a;
@@ -359,7 +359,7 @@
   --accent-color: #3b82f6;
   --hover-bg: rgba(0, 0, 0, 0.05);
 }
-.sime-x[data-theme=dark][data-v-c01a4dba] {
+.sime-x[data-theme=dark][data-v-91f104d1] {
   --bg-primary: #1e293b;
   --bg-secondary: #0f172a;
   --bg-header: #0f172a;
@@ -373,13 +373,13 @@
   --accent-color: #60a5fa;
   --hover-bg: rgba(255, 255, 255, 0.1);
 }
-.is-hidden[data-v-c01a4dba] {
+.is-hidden[data-v-91f104d1] {
   height: 0;
   opacity: 0 !important;
   pointer-events: none !important;
   visibility: hidden !important;
 }
-.assistant-fab[data-v-c01a4dba] {
+.assistant-fab[data-v-91f104d1] {
   position: relative;
   cursor: pointer;
   overflow: visible;
@@ -388,30 +388,30 @@
   pointer-events: auto;
   transition: all 0.3s ease;
 }
-.assistant-fab[data-v-c01a4dba]:hover {
+.assistant-fab[data-v-91f104d1]:hover {
   transform: scale(1.05);
 }
-.assistant-fab[data-v-c01a4dba]:active {
+.assistant-fab[data-v-91f104d1]:active {
   transform: scale(0.95);
 }
-.assistant-fab .voice-status[data-v-c01a4dba] {
+.assistant-fab .voice-status[data-v-91f104d1] {
   position: absolute;
   right: 100%;
   margin-right: 20px;
 }
-.assistant-fab img[data-v-c01a4dba] {
+.assistant-fab img[data-v-91f104d1] {
   display: block;
   position: relative;
   object-fit: contain;
 }
-.assistant-fab .fab-pulse[data-v-c01a4dba] {
+.assistant-fab .fab-pulse[data-v-91f104d1] {
   position: absolute;
   inset: -4px;
   border-radius: 50%;
   border: 2px solid var(--accent-color);
   opacity: 0;
 }
-@keyframes pulse-c01a4dba {
+@keyframes pulse-91f104d1 {
 0%, 100% {
     opacity: 0;
     transform: scale(1);
@@ -421,7 +421,7 @@
     transform: scale(1.1);
 }
 }
-.x-dialog-container[data-v-c01a4dba] {
+.x-dialog-container[data-v-91f104d1] {
   position: fixed;
   top: 0;
   left: 0;
@@ -435,17 +435,17 @@
   opacity: 0;
   pointer-events: none;
 }
-.x-dialog-container.position-ready[data-v-c01a4dba] {
+.x-dialog-container.position-ready[data-v-91f104d1] {
   opacity: 1;
   pointer-events: auto;
 }
-.x-dialog-container[data-v-c01a4dba]:active {
+.x-dialog-container[data-v-91f104d1]:active {
   cursor: grabbing;
 }
-.x-dialog-container.collapsed .x-dialog-header[data-v-c01a4dba] {
+.x-dialog-container.collapsed .x-dialog-header[data-v-91f104d1] {
   border-radius: 16px;
 }
-.x-dialog-container .x-dialog-header[data-v-c01a4dba] {
+.x-dialog-container .x-dialog-header[data-v-91f104d1] {
   position: relative;
   display: flex;
   justify-content: space-between;
@@ -456,12 +456,12 @@
   user-select: none;
   border-bottom: 1px solid var(--border-color);
 }
-.x-dialog-container .x-dialog-header .header-left[data-v-c01a4dba] {
+.x-dialog-container .x-dialog-header .header-left[data-v-91f104d1] {
   display: flex;
   align-items: center;
   gap: 10px;
 }
-.x-dialog-container .x-dialog-header .header-left .logo-icon[data-v-c01a4dba] {
+.x-dialog-container .x-dialog-header .header-left .logo-icon[data-v-91f104d1] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -469,23 +469,23 @@
   height: 36px;
   transition: transform 0.2s ease;
 }
-.x-dialog-container .x-dialog-header .header-left .logo-icon .logo[data-v-c01a4dba] {
+.x-dialog-container .x-dialog-header .header-left .logo-icon .logo[data-v-91f104d1] {
   width: 100%;
   height: 100%;
   object-fit: contain;
 }
-.x-dialog-container .x-dialog-header .header-left .title[data-v-c01a4dba] {
+.x-dialog-container .x-dialog-header .header-left .title[data-v-91f104d1] {
   font-weight: 600;
   font-size: 15px;
   color: var(--text-header);
   letter-spacing: -0.01em;
 }
-.x-dialog-container .x-dialog-header .actions[data-v-c01a4dba] {
+.x-dialog-container .x-dialog-header .actions[data-v-91f104d1] {
   display: flex;
   align-items: center;
   gap: 4px;
 }
-.x-dialog-container .x-dialog-header .actions .action-btn[data-v-c01a4dba] {
+.x-dialog-container .x-dialog-header .actions .action-btn[data-v-91f104d1] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -498,26 +498,26 @@
   transition: all 0.2s ease;
   border-radius: 8px;
 }
-.x-dialog-container .x-dialog-header .actions .action-btn[data-v-c01a4dba]:hover {
+.x-dialog-container .x-dialog-header .actions .action-btn[data-v-91f104d1]:hover {
   color: var(--text-header);
   background: var(--hover-bg);
   transform: translateY(-1px);
 }
-.x-dialog-container .x-dialog-header .actions .action-btn[data-v-c01a4dba]:active {
+.x-dialog-container .x-dialog-header .actions .action-btn[data-v-91f104d1]:active {
   transform: translateY(0);
 }
-.x-dialog-container .x-dialog-header .actions .action-btn svg[data-v-c01a4dba] {
+.x-dialog-container .x-dialog-header .actions .action-btn svg[data-v-91f104d1] {
   transition: transform 0.2s ease;
 }
-.x-dialog-container .x-dialog-header .actions .action-btn.collapse-btn:hover svg[data-v-c01a4dba] {
+.x-dialog-container .x-dialog-header .actions .action-btn.collapse-btn:hover svg[data-v-91f104d1] {
   transform: scale(1.1);
 }
-.x-dialog-container .voice-container[data-v-c01a4dba] {
+.x-dialog-container .voice-container[data-v-91f104d1] {
   width: 100%;
   opacity: 1;
   pointer-events: auto;
 }
-.x-dialog-container .x-dialog-content[data-v-c01a4dba] {
+.x-dialog-container .x-dialog-content[data-v-91f104d1] {
   flex: 1;
   display: flex;
   overflow: hidden;
@@ -525,13 +525,13 @@
   opacity: 1;
   pointer-events: auto;
 }
-.x-dialog-container .x-iframe[data-v-c01a4dba] {
+.x-dialog-container .x-iframe[data-v-91f104d1] {
   flex: 1;
   width: 100%;
   height: 100%;
   border: none;
 }
-.x-dialog-container .resize-handle[data-v-c01a4dba] {
+.x-dialog-container .resize-handle[data-v-91f104d1] {
   position: absolute;
   bottom: 0;
   right: 0;
@@ -547,38 +547,38 @@
   border-bottom-right-radius: 16px;
   z-index: 10;
 }
-.x-dialog-container .resize-handle[data-v-c01a4dba]:hover {
+.x-dialog-container .resize-handle[data-v-91f104d1]:hover {
   color: var(--accent-color);
   background: linear-gradient(135deg, transparent 50%, var(--hover-bg) 50%);
 }
-.x-dialog-container .resize-handle svg[data-v-c01a4dba] {
+.x-dialog-container .resize-handle svg[data-v-91f104d1] {
   width: 16px;
   height: 16px;
   transform: rotate(0deg);
   transition: transform 0.2s ease;
 }
-.x-dialog-container .resize-handle:hover svg[data-v-c01a4dba] {
+.x-dialog-container .resize-handle:hover svg[data-v-91f104d1] {
   transform: scale(1.2);
 }
 
 /* 语音按钮状态样式 */
-.action-btn.theme-btn[data-v-c01a4dba] {
+.action-btn.theme-btn[data-v-91f104d1] {
   position: relative;
   transition: all 0.3s ease;
 }
-.action-btn.theme-btn.active[data-v-c01a4dba] {
+.action-btn.theme-btn.active[data-v-91f104d1] {
   background: rgba(59, 130, 246, 0.1);
   color: #3b82f6;
 }
-.action-btn.theme-btn.listening[data-v-c01a4dba] {
-  animation: pulse-listening-c01a4dba 2s ease-in-out infinite;
+.action-btn.theme-btn.listening[data-v-91f104d1] {
+  animation: pulse-listening-91f104d1 2s ease-in-out infinite;
 }
-.action-btn.theme-btn.woke[data-v-c01a4dba] {
+.action-btn.theme-btn.woke[data-v-91f104d1] {
   background: rgba(34, 197, 94, 0.2);
   color: #22c55e;
-  animation: pulse-wake-c01a4dba 0.6s ease-in-out;
+  animation: pulse-wake-91f104d1 0.6s ease-in-out;
 }
-@keyframes pulse-listening-c01a4dba {
+@keyframes pulse-listening-91f104d1 {
 0%, 100% {
     box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.4);
 }
@@ -586,7 +586,7 @@
     box-shadow: 0 0 0 8px rgba(59, 130, 246, 0);
 }
 }
-@keyframes pulse-wake-c01a4dba {
+@keyframes pulse-wake-91f104d1 {
 0%, 100% {
     transform: scale(1);
 }
@@ -595,7 +595,7 @@
 }
 }
 /* 语音指示器 */
-.voice-indicator[data-v-c01a4dba] {
+.voice-indicator[data-v-91f104d1] {
   position: absolute;
   top: 4px;
   right: 4px;
@@ -604,14 +604,14 @@
   border-radius: 50%;
   background: #3b82f6;
 }
-.action-btn.theme-btn.listening .voice-indicator[data-v-c01a4dba] {
-  animation: blink-c01a4dba 1.5s ease-in-out infinite;
+.action-btn.theme-btn.listening .voice-indicator[data-v-91f104d1] {
+  animation: blink-91f104d1 1.5s ease-in-out infinite;
 }
-.action-btn.theme-btn.woke .voice-indicator[data-v-c01a4dba] {
+.action-btn.theme-btn.woke .voice-indicator[data-v-91f104d1] {
   background: #22c55e;
   animation: none;
 }
-@keyframes blink-c01a4dba {
+@keyframes blink-91f104d1 {
 0%, 100% {
     opacity: 1;
 }
@@ -620,23 +620,23 @@
 }
 }
 /* 麦克风唤醒动画 */
-.listening-badge.wake-active[data-v-c01a4dba] {
+.listening-badge.wake-active[data-v-91f104d1] {
   background-color: rgba(34, 197, 94, 0.85);
-  animation: wake-badge-pop-c01a4dba 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
+  animation: wake-badge-pop-91f104d1 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
 }
-.listening-badge.wake-active .listening-icon[data-v-c01a4dba] {
-  animation: wake-icon-flash-c01a4dba 1.5s ease-in-out;
+.listening-badge.wake-active .listening-icon[data-v-91f104d1] {
+  animation: wake-icon-flash-91f104d1 1.5s ease-in-out;
 }
-.listening-badge.wake-active[data-v-c01a4dba]::after {
+.listening-badge.wake-active[data-v-91f104d1]::after {
   content: "";
   position: absolute;
   inset: -3px;
   border-radius: 50%;
   border: 2px solid #22c55e;
-  animation: wake-mic-ring-c01a4dba 1.2s ease-out forwards;
+  animation: wake-mic-ring-91f104d1 1.2s ease-out forwards;
   pointer-events: none;
 }
-@keyframes wake-badge-pop-c01a4dba {
+@keyframes wake-badge-pop-91f104d1 {
 0% {
     transform: scale(1);
 }
@@ -647,7 +647,7 @@
     transform: scale(1);
 }
 }
-@keyframes wake-icon-flash-c01a4dba {
+@keyframes wake-icon-flash-91f104d1 {
 0%, 100% {
     color: #ffffff;
 }
@@ -661,7 +661,7 @@
     color: #bbf7d0;
 }
 }
-@keyframes wake-mic-ring-c01a4dba {
+@keyframes wake-mic-ring-91f104d1 {
 0% {
     transform: scale(1);
     opacity: 0.8;
@@ -672,7 +672,7 @@
 }
 }
 /* FAB 头像容器 */
-.fab-avatar-wrapper[data-v-c01a4dba] {
+.fab-avatar-wrapper[data-v-91f104d1] {
   position: relative;
   display: flex; /* 改用 flex 可以消除图片底部的行高间隙 */
   align-items: center;
@@ -682,7 +682,7 @@
 }
 
 /* 2. 修正图片样式 */
-.fab-avatar-wrapper img[data-v-c01a4dba] {
+.fab-avatar-wrapper img[data-v-91f104d1] {
   display: block;
   max-width: 100%;
   height: auto;
@@ -690,7 +690,7 @@
 }
 
 /* 3. 优化徽章定位 */
-.listening-badge[data-v-c01a4dba] {
+.listening-badge[data-v-91f104d1] {
   position: absolute;
   /* 强制定位到容器边缘 */
   top: 0;
@@ -707,22 +707,22 @@
   z-index: 10;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
   /* 继承你原有的动画 */
-  animation: badge-float-c01a4dba 5s ease-in-out infinite;
+  animation: badge-float-91f104d1 5s ease-in-out infinite;
   pointer-events: none; /* 防止遮挡头像点击 */
 }
 
 /* 4. 调整声波扩散的基准 */
-.wave[data-v-c01a4dba] {
+.wave[data-v-91f104d1] {
   position: absolute;
   /* 确保声波从徽章中心扩散，而不是从容器左上角 */
   inset: -2px;
   border-radius: 50%;
   border: 2px solid rgba(59, 130, 246, 0.6); /* 声波颜色建议跟主题色一致 */
-  animation: wave-expand-c01a4dba 3s ease-out infinite;
+  animation: wave-expand-91f104d1 3s ease-out infinite;
 }
 
 /* 优化后的监听状态徽章 */
-.listening-badge[data-v-c01a4dba] {
+.listening-badge[data-v-91f104d1] {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -734,11 +734,11 @@
   align-items: center;
   justify-content: center;
   z-index: 10;
-  animation: badge-float-c01a4dba 5s ease-in-out infinite;
+  animation: badge-float-91f104d1 5s ease-in-out infinite;
 }
 
 /* 徽章浮动动画 */
-@keyframes badge-float-c01a4dba {
+@keyframes badge-float-91f104d1 {
 0%, 100% {
     transform: translateY(0) scale(1);
 }
@@ -747,7 +747,7 @@
 }
 }
 /* 声波容器 */
-.listening-waves[data-v-c01a4dba] {
+.listening-waves[data-v-91f104d1] {
   position: absolute;
   inset: 0;
   display: flex;
@@ -756,24 +756,24 @@
 }
 
 /* 声波动画 */
-.wave[data-v-c01a4dba] {
+.wave[data-v-91f104d1] {
   position: absolute;
   width: 100%;
   height: 100%;
   border-radius: 50%;
   border: 2px solid rgba(255, 255, 255, 0.6);
-  animation: wave-expand-c01a4dba 3s ease-out infinite;
+  animation: wave-expand-91f104d1 3s ease-out infinite;
 }
-.wave-1[data-v-c01a4dba] {
+.wave-1[data-v-91f104d1] {
   animation-delay: 0s;
 }
-.wave-2[data-v-c01a4dba] {
+.wave-2[data-v-91f104d1] {
   animation-delay: 0.6s;
 }
-.wave-3[data-v-c01a4dba] {
+.wave-3[data-v-91f104d1] {
   animation-delay: 1.2s;
 }
-@keyframes wave-expand-c01a4dba {
+@keyframes wave-expand-91f104d1 {
 0% {
     transform: scale(0.8);
     opacity: 0.8;
@@ -784,7 +784,7 @@
 }
 }
 /* 麦克风图标 */
-.listening-icon[data-v-c01a4dba] {
+.listening-icon[data-v-91f104d1] {
   position: relative;
   width: 24px;
   height: 24px;
@@ -793,9 +793,9 @@
   justify-content: center;
   color: #ffffff;
   z-index: 1;
-  animation: icon-pulse-c01a4dba 2.5s ease-in-out infinite;
+  animation: icon-pulse-91f104d1 2.5s ease-in-out infinite;
 }
-@keyframes icon-pulse-c01a4dba {
+@keyframes icon-pulse-91f104d1 {
 0%, 100% {
     transform: scale(1);
 }
@@ -804,23 +804,23 @@
 }
 }
 /* 徽章淡入淡出动画 */
-.indicator-fade-enter-active[data-v-c01a4dba] {
+.indicator-fade-enter-active[data-v-91f104d1] {
   transition: all 1s cubic-bezier(0.34, 1.56, 0.64, 1);
 }
-.indicator-fade-leave-active[data-v-c01a4dba] {
+.indicator-fade-leave-active[data-v-91f104d1] {
   transition: all 1s ease;
 }
-.indicator-fade-enter-from[data-v-c01a4dba] {
+.indicator-fade-enter-from[data-v-91f104d1] {
   opacity: 0;
   transform: scale(0.3) rotate(-180deg);
 }
-.indicator-fade-leave-to[data-v-c01a4dba] {
+.indicator-fade-leave-to[data-v-91f104d1] {
   opacity: 0;
   transform: scale(0.5) rotate(180deg);
 }
 
 /* FAB 脉冲效果 */
-.fab-pulse[data-v-c01a4dba] {
+.fab-pulse[data-v-91f104d1] {
   position: absolute;
   top: 0;
   left: 0;
@@ -829,10 +829,10 @@
   border-radius: 50%;
   pointer-events: none;
 }
-.fab-pulse.active[data-v-c01a4dba] {
-  animation: fab-pulse-c01a4dba 2s ease-in-out infinite;
+.fab-pulse.active[data-v-91f104d1] {
+  animation: fab-pulse-91f104d1 2s ease-in-out infinite;
 }
-@keyframes fab-pulse-c01a4dba {
+@keyframes fab-pulse-91f104d1 {
 0%, 100% {
     box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.4);
 }
@@ -841,9 +841,338 @@
 }
 }
 /* 深色模式适配 */
-[data-theme=dark] .action-btn.theme-btn.active[data-v-c01a4dba] {
+[data-theme=dark] .action-btn.theme-btn.active[data-v-91f104d1] {
   background: rgba(59, 130, 246, 0.2);
 }
-[data-theme=dark] .action-btn.theme-btn.woke[data-v-c01a4dba] {
+[data-theme=dark] .action-btn.theme-btn.woke[data-v-91f104d1] {
   background: rgba(34, 197, 94, 0.3);
+}
+.voice-assistant[data-v-9e420a26] {
+  --text-primary: #e6edf7;
+  --text-secondary: #95a8c8;
+  --glass-bg: rgba(8, 16, 32, 0.72);
+  --glass-border: rgba(125, 160, 220, 0.28);
+  --shadow-md: 0 18px 36px rgba(1, 6, 20, 0.56);
+  --color-success: #4ade80;
+  --color-error: #f87171;
+  --color-accent: #818cf8;
+  position: relative;
+  display: inline-flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 12px;
+}
+
+/* ── FAB 按钮 ── */
+.assistant-fab[data-v-9e420a26] {
+  position: relative;
+  cursor: pointer;
+  transition: transform 0.2s ease, filter 0.2s ease;
+}
+.assistant-fab[data-v-9e420a26]:hover {
+  transform: translateY(-1px) scale(1.03);
+  filter: brightness(1.06);
+}
+.status-pill[data-v-9e420a26] {
+  position: absolute;
+  right: calc(100% + 12px);
+  top: 50%;
+  transform: translateY(-50%);
+  max-width: 280px;
+  background: var(--glass-bg);
+  color: var(--text-primary);
+  font-size: 12px;
+  line-height: 1.45;
+  padding: 8px 13px;
+  border-radius: 999px;
+  border: 1px solid var(--glass-border);
+  backdrop-filter: blur(10px);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  box-shadow: 0 10px 20px rgba(2, 8, 24, 0.38);
+}
+.fab-avatar-wrapper[data-v-9e420a26] {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.fab-avatar-wrapper img[data-v-9e420a26] {
+  display: block;
+  height: auto;
+  object-fit: contain;
+  filter: drop-shadow(var(--shadow-md)) saturate(1.05);
+}
+
+/* ── 气泡容器 ── */
+.bubble-stack[data-v-9e420a26] {
+  position: absolute;
+  right: 0;
+  bottom: calc(100% + 16px);
+  width: min(380px, 86vw);
+  max-height: min(58vh, 520px);
+  overflow: auto;
+}
+.bubble-stack[data-v-9e420a26]::-webkit-scrollbar {
+  width: 4px;
+}
+.bubble-stack[data-v-9e420a26]::-webkit-scrollbar-thumb {
+  background: rgba(126, 155, 204, 0.3);
+  border-radius: 999px;
+}
+
+/* ── 统一 agent 气泡 ── */
+.agent-bubble[data-v-9e420a26] {
+  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));
+  border: 1px solid rgba(108, 141, 204, 0.2);
+  box-shadow: 0 12px 32px rgba(1, 6, 20, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.04);
+  backdrop-filter: blur(16px);
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+  animation: bubble-appear-9e420a26 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+}
+@keyframes bubble-appear-9e420a26 {
+from {
+    opacity: 0;
+    transform: translateY(8px) scale(0.97);
+}
+to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+}
+}
+/* ── 工具执行步骤（内联紧凑） ── */
+.tool-steps[data-v-9e420a26] {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  margin-bottom: 6px;
+  padding-bottom: 8px;
+  border-bottom: 1px solid rgba(125, 160, 220, 0.1);
+}
+.tool-step[data-v-9e420a26] {
+  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);
+}
+.tool-step--loading .tool-step__icon[data-v-9e420a26] {
+  color: var(--color-accent);
+}
+.tool-step--loading .tool-step__name[data-v-9e420a26] {
+  color: rgba(200, 215, 240, 0.85);
+}
+.tool-step--done .tool-step__icon[data-v-9e420a26] {
+  color: var(--color-success);
+}
+.tool-step--done .tool-step__name[data-v-9e420a26] {
+  color: rgba(200, 215, 240, 0.55);
+}
+.tool-step--error .tool-step__icon[data-v-9e420a26] {
+  color: var(--color-error);
+}
+.tool-step--error .tool-step__name[data-v-9e420a26] {
+  color: rgba(248, 113, 113, 0.8);
+}
+.tool-step--executing[data-v-9e420a26] {
+  background: rgba(129, 140, 248, 0.06);
+}
+.tool-step--executing .tool-step__icon[data-v-9e420a26] {
+  color: var(--color-accent);
+}
+@keyframes step-in-9e420a26 {
+from {
+    opacity: 0;
+    transform: translateX(-6px);
+}
+to {
+    opacity: 1;
+    transform: translateX(0);
+}
+}
+.tool-step__icon[data-v-9e420a26] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 18px;
+  height: 18px;
+  flex-shrink: 0;
+}
+.tool-step__spinner[data-v-9e420a26] {
+  animation: tool-spin-9e420a26 0.8s linear infinite;
+}
+@keyframes tool-spin-9e420a26 {
+from {
+    transform: rotate(0deg);
+}
+to {
+    transform: rotate(360deg);
+}
+}
+.tool-step__name[data-v-9e420a26] {
+  font-size: 12px;
+  font-weight: 500;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  transition: color 0.2s ease;
+}
+.tool-step__tag[data-v-9e420a26] {
+  font-size: 10px;
+  font-weight: 500;
+  padding: 1px 6px;
+  border-radius: 4px;
+  white-space: nowrap;
+  flex-shrink: 0;
+}
+.tool-step__tag--exec[data-v-9e420a26] {
+  background: rgba(129, 140, 248, 0.12);
+  color: var(--color-accent);
+}
+
+/* ── 思考中动画 ── */
+.thinking-dots[data-v-9e420a26] {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  padding: 2px 0;
+}
+.thinking-dots span[data-v-9e420a26] {
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+  background: var(--text-secondary);
+  animation: thinking-bounce-9e420a26 1s infinite ease-in-out;
+}
+.thinking-dots span[data-v-9e420a26]:nth-child(2) {
+  animation-delay: 0.15s;
+}
+.thinking-dots span[data-v-9e420a26]:nth-child(3) {
+  animation-delay: 0.3s;
+}
+@keyframes thinking-bounce-9e420a26 {
+0%, 100% {
+    transform: translateY(0);
+    opacity: 0.3;
+}
+50% {
+    transform: translateY(-3px);
+    opacity: 1;
+}
+}
+/* ── 文本内容 ── */
+.agent-text[data-v-9e420a26] {
+  font-size: 14px;
+  line-height: 1.55;
+  color: var(--text-primary);
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+/* ── 气泡淡入淡出过渡 ── */
+.bubble-fade-enter-active[data-v-9e420a26] {
+  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
+}
+.bubble-fade-leave-active[data-v-9e420a26] {
+  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.bubble-fade-enter-from[data-v-9e420a26] {
+  opacity: 0;
+  transform: translateY(12px) scale(0.95);
+}
+.bubble-fade-leave-to[data-v-9e420a26] {
+  opacity: 0;
+  transform: translateY(8px) scale(0.97);
+}
+
+/* ── 监听状态指示器 ── */
+.listening-badge[data-v-9e420a26] {
+  position: absolute;
+  top: -8px;
+  right: -8px;
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  background-color: rgba(0, 0, 0, 0.72);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.listening-waves[data-v-9e420a26] {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.wave[data-v-9e420a26] {
+  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;
+}
+.wave-1[data-v-9e420a26] {
+  animation-delay: 0s;
+}
+.wave-2[data-v-9e420a26] {
+  animation-delay: 0.6s;
+}
+.wave-3[data-v-9e420a26] {
+  animation-delay: 1.2s;
+}
+.listening-icon[data-v-9e420a26] {
+  position: relative;
+  color: #fff;
+}
+.listening-badge.wake-active[data-v-9e420a26] {
+  background-color: rgba(34, 197, 94, 0.9);
+  animation: wake-badge-pop-9e420a26 0.35s ease;
+}
+.indicator-fade-enter-active[data-v-9e420a26],
+.indicator-fade-leave-active[data-v-9e420a26] {
+  transition: all 0.2s ease;
+}
+.indicator-fade-enter-from[data-v-9e420a26],
+.indicator-fade-leave-to[data-v-9e420a26] {
+  opacity: 0;
+  transform: translateY(6px);
+}
+@media (max-width: 768px) {
+.bubble-stack[data-v-9e420a26] {
+    width: min(320px, 88vw);
+    max-height: min(54vh, 420px);
+}
+.status-pill[data-v-9e420a26] {
+    max-width: 220px;
+}
+}
+@keyframes wave-expand-9e420a26 {
+0% {
+    transform: scale(0.8);
+    opacity: 0.8;
+}
+100% {
+    transform: scale(1.2);
+    opacity: 0;
+}
+}
+@keyframes wake-badge-pop-9e420a26 {
+0% {
+    transform: scale(1);
+}
+50% {
+    transform: scale(1.35);
+}
+100% {
+    transform: scale(1);
+}
 }