@siact/sime-x-vue 0.0.12 → 0.0.13

package/dist/style.css

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

package/package.json

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

package/types/components/sime-provider.vue.d.ts

@@ -11,6 +11,8 @@ type __VLS_Props = {
     appId: string;
     /** appToken */
     appToken: string;
+    /** agentId */
+    agentId?: string;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/types/components/voice-assistant.vue.d.ts

@@ -13,9 +13,9 @@ type __VLS_Props = {
     xSize?: XSize;
     xTheme?: 'light' | 'dark' | 'system';
     wakeWords?: string[];
+    wakeResponses?: string[];
     modelPath?: string;
     projectId?: string;
-    invokeUrl?: string;
     voiceConfig?: VoiceConfig;
     bubbleSize?: BubbleSize;
     bubbleDismissDelay?: number;

package/types/composables/use-agent-invoke.d.ts

@@ -1,9 +1,9 @@
-import type { Ref } from 'vue';
 import { type ToolCallPart, type ToolResultPart } from '../lib/data-stream-parser';
 import type { AiChatbotXContext } from '../types';
 export interface UseAgentInvokeOptions {
-    endpoint: Ref<string>;
+    endpoint: string;
     projectId?: string;
+    appToken?: string;
     aiChatbotX: AiChatbotXContext;
     /** TTS 控制 */
     tts: {
@@ -30,9 +30,9 @@ export interface UseAgentInvokeOptions {
  * 支持中断（abort）以便在唤醒时取消正在进行的调用。
  */
 export declare function useAgentInvoke(options: UseAgentInvokeOptions): {
-    isInvoking: Ref<boolean, boolean>;
-    currentTextContent: Ref<string, string>;
-    currentToolParts: Ref<({
+    isInvoking: import("vue").Ref<boolean, boolean>;
+    currentTextContent: import("vue").Ref<string, string>;
+    currentToolParts: import("vue").Ref<({
         type: "tool-call";
         toolCallId: string;
         toolName: string;
@@ -59,9 +59,9 @@ export declare function useAgentInvoke(options: UseAgentInvokeOptions): {
         result: any;
         state: import("../lib/data-stream-parser").ToolState;
     })[]>;
-    executingTools: Ref<Set<string> & Omit<Set<string>, keyof Set<any>>, Set<string> | (Set<string> & Omit<Set<string>, keyof Set<any>>)>;
+    executingTools: import("vue").Ref<Set<string> & Omit<Set<string>, keyof Set<any>>, Set<string> | (Set<string> & Omit<Set<string>, keyof Set<any>>)>;
     hasAnyContent: import("vue").ComputedRef<boolean>;
-    conversationHistory: Ref<{
+    conversationHistory: import("vue").Ref<{
         role: "user" | "assistant";
         content: string;
     }[], {

package/types/types.d.ts

@@ -33,6 +33,7 @@ export interface AiChatbotXContext {
     chatbotUrl: () => string;
     appId: () => string;
     appToken: () => string;
+    agentId: () => string | undefined;
     registerCommand: (cmd: CommandDefinition) => void;
     unregisterCommand: (name: string) => void;
     getCommads: () => Promise<DiscoveredCommand[]>;