@szjy/ai-coms 0.1.16 → 0.1.17

package/dist/packages/common/voice/asr.d.ts

@@ -0,0 +1,20 @@
+import { AsrConfig, AsrEngine, EchoReferenceProvider } from './types';
+
+export interface AsrEngineDeps {
+    asrUrl: string;
+    getHeaders?: () => Record<string, string>;
+    /**
+     * Optional accessor for the page's TTS playback as an audio node. When
+     * provided, the recorder runs an explicit NLMS echo canceller using TTS
+     * output as the reference, so loud assistant speech does not trip the
+     * barge-in VAD through the loudspeaker->mic path.
+     */
+    getEchoReference?: EchoReferenceProvider;
+}
+export declare function createAsrEngine(config: AsrConfig, deps: AsrEngineDeps): AsrEngine;
+/**
+ * Turn a getUserMedia rejection into something actionable.
+ * Browsers report permission problems through DOMException names, and the raw
+ * message ("Permission denied") does not tell the user where to fix it.
+ */
+export declare function micErrorMessage(err: unknown): string;

package/dist/packages/common/voice/asr.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/packages/common/voice/constants.d.ts

@@ -0,0 +1,37 @@
+/**
+ * 全双工语音常量（PRD 第 5 节，必须原样使用）。
+ * 见 docs/PRD-前端-全双工语音.md
+ */
+export declare const SAMPLE_RATE = 16000;
+export declare const ENERGY_THRESHOLD = 0.015;
+/** RMS that maps to a full-height waveform bar (speech peaks ~0.2-0.3). */
+export declare const LEVEL_CEILING = 0.25;
+export declare const SILENCE_TIMEOUT_MS = 2000;
+export declare const MAX_SEGMENT_MS = 30000;
+export declare const PRE_PAD_MS = 250;
+export declare const POST_PAD_MS = 350;
+/** Shortest press-to-talk capture worth sending to the recognizer. */
+export declare const MIN_HOLD_SEGMENT_S = 0.25;
+/** How often press-to-talk asks the host for an interim transcript. */
+export declare const PARTIAL_INTERVAL_MS = 900;
+/** Below this length SenseVoice mostly returns noise — not worth previewing. */
+export declare const PARTIAL_MIN_S = 0.5;
+/** Stop previewing past this length: interim passes re-decode the whole buffer. */
+export declare const PARTIAL_MAX_S = 12;
+export declare const BUFFER_SIZE = 1024;
+/** Hold the mic this long (ms) before press-to-talk takes over from tap. */
+export declare const HOLD_THRESHOLD_MS = 260;
+/** Keyboard holds need a longer threshold: Ctrl+C must not open the recorder. */
+export declare const KEY_HOLD_THRESHOLD_MS = 600;
+/** Drag the pointer this far up (px) to arm cancel-on-release. */
+export declare const CANCEL_DRAG_PX = 80;
+/** How many bars the press-to-talk waveform keeps in its rolling window. */
+export declare const WAVE_BARS = 28;
+export declare const DEFAULT_BASE_PATH = "/api/voice";
+/** AEC 默认参数（PRD 第 5 节）。 */
+export declare const AEC_DEFAULTS: {
+    readonly filterLength: 256;
+    readonly delay: 64;
+    readonly step: 0.1;
+    readonly epsilon: 0.000001;
+};

package/dist/packages/common/voice/index.d.ts

@@ -0,0 +1,11 @@
+export * from './constants';
+export * from './types';
+export { NlmsAec, type AecOptions } from './aec';
+export * from './api';
+export { createAsrEngine, micErrorMessage, type AsrEngineDeps } from './asr';
+export { createPlaybackEngine, type PlaybackEngine, type PlaybackDeps } from './playback';
+export { useVoice, useVoiceContext, VOICE_CONTEXT_KEY, type VoiceContext } from './useVoice';
+export { default as VoiceMicButton } from './VoiceMicButton.vue';
+export { default as VoiceOverlay } from './VoiceOverlay.vue';
+export { default as VoiceCaptionBar } from './VoiceCaptionBar.vue';
+export { default as EqualizerBars } from './EqualizerBars.vue';

package/dist/packages/common/voice/playback.d.ts

@@ -0,0 +1,14 @@
+import { AudioState, EchoReference } from './types';
+
+export interface PlaybackEngine {
+    connect(): void;
+    skip(): void;
+    subscribe(fn: (s: AudioState) => void): () => void;
+    getEchoReference(): EchoReference | null;
+}
+export interface PlaybackDeps {
+    streamUrl: string;
+    getHeaders?: () => Record<string, string>;
+    getSessionId: () => string;
+}
+export declare function createPlaybackEngine(deps: PlaybackDeps): PlaybackEngine;

package/dist/packages/common/voice/types.d.ts

@@ -0,0 +1,86 @@
+import { MaybeRefOrGetter } from 'vue';
+
+export type AsrState = 'idle' | 'recording' | 'speech' | 'transcribing' | 'loading-model';
+export interface AsrConfig {
+    /** Interaction mode: toggle (tap to start/stop, auto-segments) or hold. */
+    mode: 'toggle' | 'hold';
+    /** Auto-submit the draft after a transcript lands. */
+    autoSend: boolean;
+    /** Keyboard press-to-talk key (KeyboardEvent.key); '' disables it. */
+    hotkey?: string;
+}
+export interface EchoReference {
+    /** MediaElementAudioSourceNode wired from the page's TTS <audio>. */
+    readonly node: AudioNode;
+}
+export type EchoReferenceProvider = () => EchoReference | null | undefined;
+export interface AsrEngine {
+    readonly state: AsrState;
+    /**
+     * Begin recording. `hold: true` selects press-to-talk capture: everything
+     * between press and release is kept, with no VAD-driven segmentation.
+     */
+    start(options?: {
+        hold?: boolean;
+    }): Promise<void>;
+    stop(): Promise<void>;
+    /** Stop recording and discard the pending segment (slide-up-to-cancel). */
+    cancel(): Promise<void>;
+    /** Fire on segment (start/stop is handled by the recorder). */
+    readonly onSegment: (fn: (text: string) => void) => () => void;
+    readonly onState: (fn: (s: AsrState) => void) => () => void;
+    /** Fire at the leading edge of detected speech (the barge-in trigger). */
+    readonly onSpeechStart: (fn: () => void) => () => void;
+    /** Normalized mic level (0..1) per audio tick — drives the waveform UI. */
+    readonly onLevel: (fn: (level: number) => void) => () => void;
+    /**
+     * Interim transcript of the press-to-talk capture so far (live caption).
+     * Only emitted while at least one listener is attached.
+     */
+    readonly onPartial: (fn: (text: string) => void) => () => void;
+}
+/** SSE `event: audio` 帧。 */
+export interface VoiceFrame {
+    sessionId: string;
+    seq: number;
+    text: string;
+    /** base64 MPEG audio */
+    audio: string;
+}
+export interface AudioState {
+    connected: boolean;
+    playing: boolean;
+    caption: string | null;
+}
+export interface ReadyResponse {
+    ok: boolean;
+    /** 协议版本；dsh 测试后端不返回该字段（缺省视为兼容） */
+    protocolVersion?: number;
+    modelReady?: boolean;
+    ttsReady?: boolean;
+    enabled: boolean;
+}
+export interface VoiceConfig {
+    protocolVersion?: number;
+    basePath: string;
+    asr: AsrConfig & {
+        language?: string;
+        useItn?: boolean;
+    };
+}
+/** useVoice 宿主接入合同（PRD 第 6 节）。 */
+export interface UseVoiceOptions {
+    /** 当前对话 id，识别预览、TTS 过滤、cancel 都用它（响应式） */
+    sessionId: MaybeRefOrGetter<string>;
+    /** 本轮模型是否正在生成。决定抢话时要不要 onCancelTurn（响应式） */
+    running: MaybeRefOrGetter<boolean>;
+    /** 覆盖默认 /api/voice；仍会再被 /config 返回值纠正 */
+    apiBase?: string;
+    getAuthHeaders?: () => Record<string, string>;
+    /** 正式识别文本。模块已处理「空草稿直接写入 / 非空则尾部加空格再拼接」 */
+    onTranscript: (text: string) => void;
+    /** 长按松开后的自动发送；点按模式仅当 config.asr.autoSend 为 true */
+    onSubmit: () => void;
+    /** 取消聊天生成。抢话且 running 时调用一次 */
+    onCancelTurn: () => void;
+}

package/dist/packages/common/voice/useVoice.d.ts

@@ -0,0 +1,29 @@
+import { Ref } from 'vue';
+import { PlaybackEngine } from './playback';
+import { AsrConfig, AsrEngine, AsrState, UseVoiceOptions } from './types';
+
+export declare const VOICE_CONTEXT_KEY: symbol;
+export interface VoiceContext {
+    engine: Ref<AsrEngine | null>;
+    playback: Ref<PlaybackEngine | null>;
+    config: Ref<AsrConfig | null>;
+    asrState: Ref<AsrState>;
+    /** 协议/后端错误（config 拉取失败、modelReady=false 等），UI 必须优先展示 */
+    error: Ref<string | null>;
+    /** 长按松开后下一段正式识别结果自动 submit（hold 语义） */
+    requestSubmitOnNextSegment: () => void;
+    /** skip 播放并通知后端丢队列（CaptionBar 的 skip 按钮用） */
+    skipPlayback: () => void;
+    /**
+     * 喂入助手文本驱动 TTS 朗读（POST {base}/speak，fire-and-forget）。
+     * 增量调用：分段喂入，isFinal=true 时冲刷分句尾巴（PRD 第 6.6 节）。
+     */
+    speak: (text: string, isFinal?: boolean) => void;
+}
+export declare function useVoiceContext(): VoiceContext;
+export declare function useVoice(options: UseVoiceOptions): {
+    asrState: Ref<AsrState>;
+    error: Ref<string | null>;
+    dispose: () => void;
+    speak: (text: string, isFinal?: boolean) => void;
+};

package/dist/packages/common/voice/useVoice.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/packages/components/AiChat/src/index.vue.d.ts

@@ -66,6 +66,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     /**
      * 是否显示上传音频/视频识别入口，默认关闭
      */
+    /**
+     * 全双工语音（gateway-openai /api/voice）：识别填入输入框，助手回复朗读。
+     * 默认关闭以向后兼容；voiceApiBase 留空用默认 /api/voice。
+     */
+    enableDuplexVoice: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    voiceApiBase: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 朗读助手回复（TTS），默认关闭；运行时切换即时生效 */
+    enableVoiceTts: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     enableVoiceUpload: {
         type: BooleanConstructor;
         default: boolean;
@@ -163,6 +180,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     /**
      * 是否显示上传音频/视频识别入口，默认关闭
      */
+    /**
+     * 全双工语音（gateway-openai /api/voice）：识别填入输入框，助手回复朗读。
+     * 默认关闭以向后兼容；voiceApiBase 留空用默认 /api/voice。
+     */
+    enableDuplexVoice: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    voiceApiBase: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 朗读助手回复（TTS），默认关闭；运行时切换即时生效 */
+    enableVoiceTts: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     enableVoiceUpload: {
         type: BooleanConstructor;
         default: boolean;
@@ -203,6 +237,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     soundBaseUrl: string;
     workerUrl: string;
     enableVoiceInput: boolean;
+    enableDuplexVoice: boolean;
+    voiceApiBase: string;
+    enableVoiceTts: boolean;
     enableVoiceUpload: boolean;
     customUi: Record<string, any>;
     uiActionHandler: Function;

package/dist/packages/components/AiChatPlain/src/index.vue.d.ts

@@ -66,6 +66,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     /**
      * 是否显示上传音频/视频识别入口，默认关闭
      */
+    /**
+     * 全双工语音（gateway-openai /api/voice）：识别填入输入框，助手回复朗读。
+     * 默认关闭以向后兼容；voiceApiBase 留空用默认 /api/voice。
+     */
+    enableDuplexVoice: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    voiceApiBase: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 朗读助手回复（TTS），默认关闭；运行时切换即时生效 */
+    enableVoiceTts: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     enableVoiceUpload: {
         type: BooleanConstructor;
         default: boolean;
@@ -164,6 +181,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     /**
      * 是否显示上传音频/视频识别入口，默认关闭
      */
+    /**
+     * 全双工语音（gateway-openai /api/voice）：识别填入输入框，助手回复朗读。
+     * 默认关闭以向后兼容；voiceApiBase 留空用默认 /api/voice。
+     */
+    enableDuplexVoice: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    voiceApiBase: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 朗读助手回复（TTS），默认关闭；运行时切换即时生效 */
+    enableVoiceTts: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     enableVoiceUpload: {
         type: BooleanConstructor;
         default: boolean;
@@ -205,6 +239,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     soundBaseUrl: string;
     workerUrl: string;
     enableVoiceInput: boolean;
+    enableDuplexVoice: boolean;
+    voiceApiBase: string;
+    enableVoiceTts: boolean;
     enableVoiceUpload: boolean;
     customUi: Record<string, any>;
     uiActionHandler: Function;

package/dist/style.css

@@ -1,4 +1,4 @@
-@charset "UTF-8";.svg-icon-wrapper[data-v-490b11c1]{position:relative;overflow:hidden;vertical-align:middle}.svg-icon[data-v-490b11c1]{width:1em;height:1em;fill:currentColor;vertical-align:middle;display:inline-block}.ai-copy-btn-wrapper{cursor:pointer;width:74px;height:24px;border-radius:12px;box-sizing:border-box;padding:10px 14px;border:1px solid #D9D9D9;display:flex;align-items:center;justify-content:center;font-size:12px;color:#666;line-height:20px;text-align:justify;margin-top:6px}.ai-copy-btn-wrapper .copy-text{margin-left:4px}.ai-thinking-block{margin-bottom:10px;border:1px solid #E8E8E8;border-radius:6px;background:#fafafa;overflow:hidden}.ai-thinking-block .thinking-header{display:flex;align-items:center;gap:6px;padding:7px 10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;color:#666;transition:background-color .2s ease}.ai-thinking-block .thinking-header:hover{background-color:#f0f7ff;color:#1677ff}.ai-thinking-block .thinking-header:hover .thinking-toggle-hint{color:#1677ff}.ai-thinking-block .thinking-header .thinking-arrow{flex-shrink:0;transition:transform .2s ease}.ai-thinking-block .thinking-header .thinking-title{flex:1;text-align:left;font-weight:500;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-thinking-block .thinking-header .thinking-toggle-hint{flex-shrink:0;color:#999}.ai-thinking-block.is-expanded .thinking-arrow{transform:rotate(90deg)}.ai-thinking-block.is-streaming{border-color:#bae0ff;background:linear-gradient(135deg,#f0f7ff,#e6f4ff)}.ai-thinking-block.is-streaming .thinking-header .thinking-title{color:#1677ff;animation:thinking-breathe 1.2s ease-in-out infinite}.ai-thinking-block .thinking-body{max-height:280px;overflow-y:auto;padding:8px 12px 10px;border-top:1px dashed #E8E8E8;font-size:13px;color:#8c8c8c;line-height:1.6;word-break:break-word}.ai-thinking-block .thinking-body p{margin:0 0 4px}.ai-thinking-block .thinking-body p:last-child{margin-bottom:0}@keyframes thinking-breathe{0%,to{opacity:1}50%{opacity:.55}}.markdown-wrapper{font-size:14px;line-height:1.75;color:#333;word-break:break-word}.markdown-wrapper p{margin:0 0 10px}.markdown-wrapper p:last-child{margin-bottom:0}.markdown-wrapper h1,.markdown-wrapper h2,.markdown-wrapper h3,.markdown-wrapper h4,.markdown-wrapper h5,.markdown-wrapper h6{margin:14px 0 10px;font-weight:600;line-height:1.4}.markdown-wrapper h1:first-child,.markdown-wrapper h2:first-child,.markdown-wrapper h3:first-child,.markdown-wrapper h4:first-child,.markdown-wrapper h5:first-child,.markdown-wrapper h6:first-child{margin-top:0}.markdown-wrapper h1{font-size:18px}.markdown-wrapper h2{font-size:17px}.markdown-wrapper h3{font-size:16px}.markdown-wrapper h4,.markdown-wrapper h5,.markdown-wrapper h6{font-size:15px}.markdown-wrapper ul,.markdown-wrapper ol{margin:0 0 10px;padding-left:1.5em}.markdown-wrapper ul:last-child,.markdown-wrapper ol:last-child{margin-bottom:0}.markdown-wrapper li{margin:4px 0;line-height:1.7}.markdown-wrapper li>p{margin:0;line-height:1.7}.markdown-wrapper hr{margin:14px 0;border:none;border-top:1px solid #e8e8e8}.markdown-wrapper a{color:#536fec;font-weight:bolder;text-decoration:underline;padding:0 3px}.markdown-wrapper strong{font-weight:600}.markdown-wrapper code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.markdown-wrapper p>code,.markdown-wrapper li>code,.markdown-wrapper td>code{background:#536fec14;color:#4761c6;padding:2px 6px;border-radius:4px;font-size:12.5px;white-space:pre-wrap}.markdown-wrapper pre.md-code-block{margin:0 0 10px;padding:12px 14px;background:#f6f8fa;border:1px solid #e8ecf2;border-radius:8px;overflow:auto;max-height:380px;font-size:12.5px;line-height:1.6}.markdown-wrapper pre.md-code-block:last-child{margin-bottom:0}.markdown-wrapper pre.md-code-block code{display:block;padding:0;background:transparent;color:#333;white-space:pre;font-size:inherit;line-height:inherit}.markdown-wrapper blockquote{padding:10px 14px;margin:10px 0;border-left:4px solid #c9d4f0;background-color:#f7f9fd;border-radius:0 6px 6px 0;color:#555}.markdown-wrapper blockquote>p{margin:0}.markdown-wrapper table{width:100%;margin:10px 0;border-collapse:collapse;font-size:13px}.markdown-wrapper table th,.markdown-wrapper table td{border:1px solid #e0e6ef;padding:6px 10px;text-align:left}.markdown-wrapper table th{background:#f2f5fa;font-weight:600}.markdown-wrapper table tr:nth-child(2n) td{background:#fafbfd}.markdown-wrapper img{display:inline-block;max-width:100%}.szjy-ui{margin:10px 0;font-size:14px}.szjy-ui:last-child{margin-bottom:0}.szjy-ui-list__title{font-weight:600;font-size:13.5px;color:#333;margin-bottom:8px;line-height:20px}.szjy-ui-list__items{display:flex;flex-direction:column;align-items:stretch}.szjy-ui-list__item{display:block}.szjy-ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;width:100%;padding:7px 14px;border-radius:6px;border:1px solid #dcdfe6;background:#fff;color:#606266;font-size:13.5px;line-height:20px;font-family:inherit;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease,opacity .15s ease}.szjy-ui-btn:hover:not(:disabled),.szjy-ui-btn:focus-visible:not(:disabled){border-color:#536fec;color:#536fec;outline:none}.szjy-ui-btn:disabled{cursor:not-allowed;opacity:.55}.szjy-ui-btn--small{padding:4px 10px;font-size:12.5px}.szjy-ui-btn--large{padding:10px 16px;font-size:14.5px}.szjy-ui-btn--primary{background:#409eff;border-color:#409eff;color:#fff}.szjy-ui-btn--primary:hover:not(:disabled),.szjy-ui-btn--primary:focus-visible:not(:disabled){background:#66b1ff;border-color:#66b1ff;color:#fff}.szjy-ui-btn--success{background:#67c23a;border-color:#67c23a;color:#fff}.szjy-ui-btn--success:hover:not(:disabled){background:#85ce61;border-color:#85ce61;color:#fff}.szjy-ui-btn--warning{background:#e6a23c;border-color:#e6a23c;color:#fff}.szjy-ui-btn--warning:hover:not(:disabled){background:#ebb563;border-color:#ebb563;color:#fff}.szjy-ui-btn--danger{background:#f56c6c;border-color:#f56c6c;color:#fff}.szjy-ui-btn--danger:hover:not(:disabled){background:#f78989;border-color:#f78989;color:#fff}.szjy-ui-btn--info{background:#909399;border-color:#909399;color:#fff}.szjy-ui-btn--info:hover:not(:disabled){background:#a6a9ad;border-color:#a6a9ad;color:#fff}.szjy-ui-btn--text{border-color:transparent;background:transparent;color:#536fec;padding-left:6px;padding-right:6px}.szjy-ui-btn--text:hover:not(:disabled){color:#7a8cf5;background:#536fec0f}.szjy-ui-btn__status{font-size:12px;line-height:18px;color:inherit;opacity:.85;text-align:left;word-break:break-all}.szjy-ui-btn__status:empty{display:none}.szjy-ui-btn.is-loading .szjy-ui-btn__status{opacity:.65}.szjy-ui-btn.is-success{border-color:#b3e19d}.szjy-ui-btn.is-success .szjy-ui-btn__status{color:#5daf34;opacity:1}.szjy-ui-btn.is-success.szjy-ui-btn--primary .szjy-ui-btn__status,.szjy-ui-btn.is-success.szjy-ui-btn--success .szjy-ui-btn__status,.szjy-ui-btn.is-success.szjy-ui-btn--warning .szjy-ui-btn__status,.szjy-ui-btn.is-success.szjy-ui-btn--danger .szjy-ui-btn__status,.szjy-ui-btn.is-success.szjy-ui-btn--info .szjy-ui-btn__status{color:#f3f9ee}.szjy-ui-btn.is-error{border-color:#fbc4c4}.szjy-ui-btn.is-error .szjy-ui-btn__status{color:#f56c6c;opacity:1}.szjy-ui-btn.is-error.szjy-ui-btn--primary .szjy-ui-btn__status,.szjy-ui-btn.is-error.szjy-ui-btn--success .szjy-ui-btn__status,.szjy-ui-btn.is-error.szjy-ui-btn--warning .szjy-ui-btn__status,.szjy-ui-btn.is-error.szjy-ui-btn--danger .szjy-ui-btn__status,.szjy-ui-btn.is-error.szjy-ui-btn--info .szjy-ui-btn__status{color:#fde2e2}.szjy-ui-btn.is-retrying .szjy-ui-btn__status{color:#b88230;opacity:1}/*!
+@charset "UTF-8";.svg-icon-wrapper[data-v-490b11c1]{position:relative;overflow:hidden;vertical-align:middle}.svg-icon[data-v-490b11c1]{width:1em;height:1em;fill:currentColor;vertical-align:middle;display:inline-block}.ai-copy-btn-wrapper{cursor:pointer;display:inline-flex;align-items:center;white-space:nowrap;height:24px;padding:0 12px;border-radius:12px;box-sizing:border-box;border:1px solid #D9D9D9;font-size:12px;color:#666;line-height:1;margin-top:6px}.ai-copy-btn-wrapper .copy-text{margin-left:4px}.ai-thinking-block{margin-bottom:10px;border:1px solid #E8E8E8;border-radius:6px;background:#fafafa;overflow:hidden}.ai-thinking-block .thinking-header{display:flex;align-items:center;gap:6px;padding:7px 10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;color:#666;transition:background-color .2s ease}.ai-thinking-block .thinking-header:hover{background-color:#f0f7ff;color:#1677ff}.ai-thinking-block .thinking-header:hover .thinking-toggle-hint{color:#1677ff}.ai-thinking-block .thinking-header .thinking-arrow{flex-shrink:0;transition:transform .2s ease}.ai-thinking-block .thinking-header .thinking-title{flex:1;text-align:left;font-weight:500;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-thinking-block .thinking-header .thinking-toggle-hint{flex-shrink:0;color:#999}.ai-thinking-block.is-expanded .thinking-arrow{transform:rotate(90deg)}.ai-thinking-block.is-streaming{border-color:#bae0ff;background:linear-gradient(135deg,#f0f7ff,#e6f4ff)}.ai-thinking-block.is-streaming .thinking-header .thinking-title{color:#1677ff;animation:thinking-breathe 1.2s ease-in-out infinite}.ai-thinking-block .thinking-body{max-height:280px;overflow-y:auto;padding:8px 12px 10px;border-top:1px dashed #E8E8E8;font-size:13px;color:#8c8c8c;line-height:1.6;word-break:break-word}.ai-thinking-block .thinking-body p{margin:0 0 4px}.ai-thinking-block .thinking-body p:last-child{margin-bottom:0}@keyframes thinking-breathe{0%,to{opacity:1}50%{opacity:.55}}.markdown-wrapper{font-size:14px;line-height:1.75;color:#333;word-break:break-word}.markdown-wrapper p{margin:0 0 10px}.markdown-wrapper p:last-child{margin-bottom:0}.markdown-wrapper h1,.markdown-wrapper h2,.markdown-wrapper h3,.markdown-wrapper h4,.markdown-wrapper h5,.markdown-wrapper h6{margin:14px 0 10px;font-weight:600;line-height:1.4}.markdown-wrapper h1:first-child,.markdown-wrapper h2:first-child,.markdown-wrapper h3:first-child,.markdown-wrapper h4:first-child,.markdown-wrapper h5:first-child,.markdown-wrapper h6:first-child{margin-top:0}.markdown-wrapper h1{font-size:18px}.markdown-wrapper h2{font-size:17px}.markdown-wrapper h3{font-size:16px}.markdown-wrapper h4,.markdown-wrapper h5,.markdown-wrapper h6{font-size:15px}.markdown-wrapper ul,.markdown-wrapper ol{margin:0 0 10px;padding-left:1.5em}.markdown-wrapper ul:last-child,.markdown-wrapper ol:last-child{margin-bottom:0}.markdown-wrapper li{margin:4px 0;line-height:1.7}.markdown-wrapper li>p{margin:0;line-height:1.7}.markdown-wrapper hr{margin:14px 0;border:none;border-top:1px solid #e8e8e8}.markdown-wrapper a{color:#536fec;font-weight:bolder;text-decoration:underline;padding:0 3px}.markdown-wrapper strong{font-weight:600}.markdown-wrapper code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.markdown-wrapper p>code,.markdown-wrapper li>code,.markdown-wrapper td>code{background:#536fec14;color:#4761c6;padding:2px 6px;border-radius:4px;font-size:12.5px;white-space:pre-wrap}.markdown-wrapper pre.md-code-block{margin:0 0 10px;padding:12px 14px;background:#f6f8fa;border:1px solid #e8ecf2;border-radius:8px;overflow:auto;max-height:380px;font-size:12.5px;line-height:1.6}.markdown-wrapper pre.md-code-block:last-child{margin-bottom:0}.markdown-wrapper pre.md-code-block code{display:block;padding:0;background:transparent;color:#333;white-space:pre;font-size:inherit;line-height:inherit}.markdown-wrapper blockquote{padding:10px 14px;margin:10px 0;border-left:4px solid #c9d4f0;background-color:#f7f9fd;border-radius:0 6px 6px 0;color:#555}.markdown-wrapper blockquote>p{margin:0}.markdown-wrapper table{width:100%;margin:10px 0;border-collapse:collapse;font-size:13px}.markdown-wrapper table th,.markdown-wrapper table td{border:1px solid #e0e6ef;padding:6px 10px;text-align:left}.markdown-wrapper table th{background:#f2f5fa;font-weight:600}.markdown-wrapper table tr:nth-child(2n) td{background:#fafbfd}.markdown-wrapper img{display:inline-block;max-width:100%}.szjy-ui{margin:10px 0;font-size:14px}.szjy-ui:last-child{margin-bottom:0}.szjy-ui-list__title{font-weight:600;font-size:13.5px;color:#333;margin-bottom:8px;line-height:20px}.szjy-ui-list__items{display:flex;flex-direction:column;align-items:stretch}.szjy-ui-list__item{display:block}.szjy-ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;width:100%;padding:7px 14px;border-radius:6px;border:1px solid #dcdfe6;background:#fff;color:#606266;font-size:13.5px;line-height:20px;font-family:inherit;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease,opacity .15s ease}.szjy-ui-btn:hover:not(:disabled),.szjy-ui-btn:focus-visible:not(:disabled){border-color:#536fec;color:#536fec;outline:none}.szjy-ui-btn:disabled{cursor:not-allowed;opacity:.55}.szjy-ui-btn--small{padding:4px 10px;font-size:12.5px}.szjy-ui-btn--large{padding:10px 16px;font-size:14.5px}.szjy-ui-btn--primary{background:#409eff;border-color:#409eff;color:#fff}.szjy-ui-btn--primary:hover:not(:disabled),.szjy-ui-btn--primary:focus-visible:not(:disabled){background:#66b1ff;border-color:#66b1ff;color:#fff}.szjy-ui-btn--success{background:#67c23a;border-color:#67c23a;color:#fff}.szjy-ui-btn--success:hover:not(:disabled){background:#85ce61;border-color:#85ce61;color:#fff}.szjy-ui-btn--warning{background:#e6a23c;border-color:#e6a23c;color:#fff}.szjy-ui-btn--warning:hover:not(:disabled){background:#ebb563;border-color:#ebb563;color:#fff}.szjy-ui-btn--danger{background:#f56c6c;border-color:#f56c6c;color:#fff}.szjy-ui-btn--danger:hover:not(:disabled){background:#f78989;border-color:#f78989;color:#fff}.szjy-ui-btn--info{background:#909399;border-color:#909399;color:#fff}.szjy-ui-btn--info:hover:not(:disabled){background:#a6a9ad;border-color:#a6a9ad;color:#fff}.szjy-ui-btn--text{border-color:transparent;background:transparent;color:#536fec;padding-left:6px;padding-right:6px}.szjy-ui-btn--text:hover:not(:disabled){color:#7a8cf5;background:#536fec0f}.szjy-ui-btn__status{font-size:12px;line-height:18px;color:inherit;opacity:.85;text-align:left;word-break:break-all}.szjy-ui-btn__status:empty{display:none}.szjy-ui-btn.is-loading .szjy-ui-btn__status{opacity:.65}.szjy-ui-btn.is-success{border-color:#b3e19d}.szjy-ui-btn.is-success .szjy-ui-btn__status{color:#5daf34;opacity:1}.szjy-ui-btn.is-success.szjy-ui-btn--primary .szjy-ui-btn__status,.szjy-ui-btn.is-success.szjy-ui-btn--success .szjy-ui-btn__status,.szjy-ui-btn.is-success.szjy-ui-btn--warning .szjy-ui-btn__status,.szjy-ui-btn.is-success.szjy-ui-btn--danger .szjy-ui-btn__status,.szjy-ui-btn.is-success.szjy-ui-btn--info .szjy-ui-btn__status{color:#f3f9ee}.szjy-ui-btn.is-error{border-color:#fbc4c4}.szjy-ui-btn.is-error .szjy-ui-btn__status{color:#f56c6c;opacity:1}.szjy-ui-btn.is-error.szjy-ui-btn--primary .szjy-ui-btn__status,.szjy-ui-btn.is-error.szjy-ui-btn--success .szjy-ui-btn__status,.szjy-ui-btn.is-error.szjy-ui-btn--warning .szjy-ui-btn__status,.szjy-ui-btn.is-error.szjy-ui-btn--danger .szjy-ui-btn__status,.szjy-ui-btn.is-error.szjy-ui-btn--info .szjy-ui-btn__status{color:#fde2e2}.szjy-ui-btn.is-retrying .szjy-ui-btn__status{color:#b88230;opacity:1}@keyframes szjyv-fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes szjyv-eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes szjyv-spin{to{transform:rotate(360deg)}}@keyframes szjyv-pulse{0%{box-shadow:0 0 #f8514973}70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes szjyv-ptt-in{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}@keyframes szjyv-blink{50%{opacity:0}}.szjyv-spin{display:inline-block;width:10px;height:10px;margin-right:6px;vertical-align:-1px;border-radius:999px;border:2px solid rgba(88,166,255,.25);border-top-color:#58a6ff;animation:szjyv-spin .7s linear infinite;flex-shrink:0}.szjyv-eq{display:inline-flex;align-items:flex-end;gap:2px;flex-shrink:0}.szjyv-eq span{width:3px;height:100%;border-radius:99px;transform-origin:bottom;animation:szjyv-eq .85s ease-in-out infinite}.szjyv-mic{touch-action:none;border:none;background:transparent;cursor:pointer;padding:4px 8px;border-radius:8px;display:flex;align-items:center;gap:6px;font-size:11px;font-family:system-ui,sans-serif;color:#8b949e;transition:background .15s ease,color .2s ease}.szjyv-mic:hover{background:#8b949e24}.szjyv-mic-dot{width:10px;height:10px;border-radius:999px;display:inline-block;flex-shrink:0;transition:background .2s ease}.szjyv-mic-dot.pulse{animation:szjyv-pulse 1.2s ease-out infinite}.szjyv-ptt-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:flex-end;justify-content:center;padding-bottom:96px;pointer-events:none;background:linear-gradient(to top,rgba(1,4,9,.55),transparent 45%)}.szjyv-ptt-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 26px 14px;border-radius:18px;background:#161b22eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(63,185,80,.35);box-shadow:0 12px 40px #00000080;animation:szjyv-ptt-in .18s cubic-bezier(.16,1,.3,1);transition:border-color .2s ease}.szjyv-ptt-card.cancel{border-color:#f8514980}.szjyv-ptt-wave{display:flex;align-items:center;gap:3px;height:40px}.szjyv-ptt-wave.frozen .szjyv-ptt-bar{opacity:.22!important}.szjyv-ptt-bar{width:3px;border-radius:99px;transition:height .08s linear,background .2s ease,opacity .08s linear}.szjyv-ptt-hint{font-size:12px;font-weight:500;letter-spacing:.02em;font-family:-apple-system,system-ui,sans-serif;transition:color .2s ease}.szjyv-ptt-live{max-width:340px;font-size:13.5px;line-height:1.5;text-align:center;word-break:break-word;color:#e6edf3;font-family:-apple-system,system-ui,sans-serif;animation:szjyv-fadein .18s ease}.szjyv-ptt-live.stale{color:#8b949e}.szjyv-ptt-caret{display:inline-block;width:2px;height:1em;margin-left:3px;vertical-align:-.15em;background:#3fb950;animation:szjyv-blink 1s steps(1) infinite}.szjyv-kbd{display:inline-block;margin:0 2px;padding:0 5px;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#c9d1d9;background:#ffffff17;border:1px solid rgba(255,255,255,.16)}.szjyv-toast{position:fixed;left:50%;bottom:104px;z-index:10001;transform:translate(-50%);max-width:460px;padding:9px 16px;border-radius:10px;font-family:-apple-system,system-ui,sans-serif;font-size:12px;line-height:1.5;color:#ffdcd7;background:#2d1111f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(248,81,73,.45);box-shadow:0 8px 26px #00000073;animation:szjyv-ptt-in .2s cubic-bezier(.16,1,.3,1);pointer-events:none}.szjyv-captionbar{position:fixed;right:16px;bottom:16px;z-index:9999;display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;font-size:12px;font-family:system-ui,sans-serif;pointer-events:auto;background:#16181cd9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 28px #0006;color:#e6e8eb;max-width:480px;animation:szjyv-fadein .25s ease}.szjyv-caption-dot{width:8px;height:8px;border-radius:999px;flex-shrink:0;transition:background .2s ease}.szjyv-caption-dot.offline{animation:szjyv-pulse 1.6s ease-out infinite}.szjyv-caption-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;animation:szjyv-fadein .2s ease}.szjyv-skip{border:none;background:#ffffff24;color:#fff;border-radius:999px;padding:3px 12px;font-size:11px;cursor:pointer;flex-shrink:0;transition:background .15s ease}.szjyv-skip:hover{background:#ffffff42}/*!
   Theme: Default
   Description: Original highlight.js style
   Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
@@ -6,4 +6,4 @@
   Website: https://highlightjs.org/
   License: see project LICENSE
   Touched: 2021
-*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#f3f3f3;color:#444}.hljs-comment{color:#697070}.hljs-punctuation,.hljs-tag{color:#444a}.hljs-tag .hljs-attr,.hljs-tag .hljs-name{color:#444}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#ab5656}.hljs-literal{color:#695}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#38a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.slide-enter-active,.slide-leave-active{transition:transform .3s ease}.slide-enter-from,.slide-leave-to{transform:translate(30px)}.ai-panel{margin-right:20px;width:400px;height:804px;background:#fff;border-radius:8px;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;overflow:hidden;background-image:url(/images/ai-panel-bg.png);background-size:100% auto;background-position:top;background-repeat:no-repeat;position:relative;transition:all .3s ease}.ai-panel .el-input,.ai-panel .el-textarea{--el-input-text-color: #333333;--el-input-placeholder-color: #a8abb2;--el-input-bg-color: #ffffff}.ai-panel .el-input__inner,.ai-panel .el-textarea__inner{color:#333}.ai-panel .el-input__inner::placeholder,.ai-panel .el-textarea__inner::placeholder{color:#a8abb2}.ai-panel :deep(.el-input-group__append){box-sizing:border-box}.ai-panel.drawer-mode{position:fixed;right:0;top:0;bottom:0;height:100vh;margin:0;border-radius:0;z-index:2000}.ai-panel.embedded-mode{width:100%;height:100%;margin:0;box-shadow:none;border-radius:0}.ai-panel .panel-header{padding:20px;background:transparent}.ai-panel .panel-header .header-actions{display:flex;justify-content:space-between;gap:12px;align-items:center}.ai-panel .panel-header .header-actions .header-title{font-family:PingFangSC,PingFang SC;font-weight:700;font-size:16px;color:#333;line-height:24px;text-align:left;font-style:normal}.ai-panel .panel-header .header-actions .action-icons{display:flex;gap:12px}.ai-panel .panel-header .header-actions .action-icon{font-size:20px;color:#666;cursor:pointer}.ai-panel .panel-header .header-actions .action-icon:hover{color:#333}.ai-panel .body-content{flex:1;overflow:hidden;padding:20px;display:flex;flex-direction:column}.ai-panel .body-content .welcome-content .title{display:flex;flex-direction:column;align-items:center;margin-bottom:8px}.ai-panel .body-content .welcome-content .title .panel-icon{width:64px;height:64px;margin-bottom:16px}.ai-panel .body-content .welcome-content .title .title-text{margin:0;font-size:24px;color:#333;font-weight:500}.ai-panel .body-content .welcome-content .subtitle{text-align:center;font-size:28px;color:#333;line-height:36px;letter-spacing:2px;margin-bottom:20px}.ai-panel .body-content .welcome-content .subtitle .highlight{margin-left:2px;background:linear-gradient(270deg,#e236ffcc,#0a84ff);-webkit-background-clip:text;color:transparent;font-weight:bolder}.ai-panel .body-content .quick-questions .question-item{padding:12px 16px;background:#f5f7fa;border-radius:8px;margin-bottom:12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s}.ai-panel .body-content .quick-questions .question-item:hover{background:#e8f4ff;transform:translate(4px)}.ai-panel .body-content .quick-questions .question-item span{font-size:14px;color:#333}.ai-panel .body-content .quick-questions .question-item .el-icon{color:#666}.ai-panel .body-content .chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;height:100%;display:flex;flex-direction:column}.ai-panel .body-content .chat-messages::-webkit-scrollbar{width:0;background:transparent}.ai-panel .body-content .chat-messages{scrollbar-width:none;-ms-overflow-style:none}.ai-panel .body-content .chat-messages .message-item{display:flex;align-items:flex-start;margin-bottom:20px;gap:12px}.ai-panel .body-content .chat-messages .message-item .message-avatar{width:40px;height:40px;border-radius:20px;flex-shrink:0}.ai-panel .body-content .chat-messages .message-item .user-avatar{background:#0a84ff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px}.ai-panel .body-content .chat-messages .message-item .message-content{padding:12px 16px;border-radius:2px;max-width:70%;word-break:break-word}.ai-panel .body-content .chat-messages .message-item.ai-message .message-content{background:#f5f7fa;font-size:14px}.ai-panel .body-content .chat-messages .message-item.user-message{flex-direction:row-reverse}.ai-panel .body-content .chat-messages .message-item.user-message .message-content{background:#f1f2f3;border-radius:4px 4px 0;color:#333;font-size:14px}.ai-panel .panel-footer{padding:24px;background:#fff;position:relative}.ai-panel .panel-footer .loading-icon{position:absolute;top:-13px}.ai-panel .panel-footer .voice-progress-banner{margin-bottom:12px;padding:10px 14px;background:linear-gradient(135deg,#f0f7ff,#e6f4ff);border:1px solid #bae0ff;border-radius:8px;display:flex;flex-direction:column;gap:6px}.ai-panel .panel-footer .voice-progress-banner .progress-info{display:flex;align-items:center;gap:8px;font-size:13px;color:#0958d9}.ai-panel .panel-footer .voice-progress-banner .progress-info .progress-icon{font-size:14px}.ai-panel .panel-footer .voice-progress-banner .progress-info .progress-text{flex:1;font-weight:500}.ai-panel .panel-footer .voice-progress-banner .progress-info .progress-percent{font-weight:700;font-family:monospace}.ai-panel .panel-footer .voice-progress-banner .progress-track{height:6px;background:#d9d9d9;border-radius:3px;overflow:hidden}.ai-panel .panel-footer .voice-progress-banner .progress-track .progress-bar{height:100%;background:linear-gradient(90deg,#1677ff,#4096ff);border-radius:3px;transition:width .2s ease}.ai-panel .panel-footer .voice-recording-panel{min-height:44px;padding:8px 14px;background:linear-gradient(135deg,#f6ffed,#e6f7ff);border:1px solid #91caff;border-radius:6px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 8px #1677ff14}.ai-panel .panel-footer .voice-recording-panel .recording-main{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:28px}.ai-panel .panel-footer .voice-recording-panel .live-transcript{width:100%;max-height:72px;overflow-y:auto;padding:6px 8px;background:#ffffffc7;border-radius:4px;font-size:13px;line-height:1.55;color:#1677ff;word-break:break-all}.ai-panel .panel-footer .voice-recording-panel .live-transcript.empty{color:#8c8c8c}.ai-panel .panel-footer .voice-recording-panel .live-transcript .caret{display:inline-block;margin-left:1px;font-weight:400;color:#1677ff;animation:caret-blink 1s step-end infinite}.ai-panel .panel-footer .voice-recording-panel .recording-status{display:flex;align-items:center;gap:8px}.ai-panel .panel-footer .voice-recording-panel .recording-status .recording-pulse{width:10px;height:10px;border-radius:50%;background:#ff4d4f;box-shadow:0 0 #ff4d4f66;animation:pulse 1.5s infinite}.ai-panel .panel-footer .voice-recording-panel .recording-status .recording-pulse.transcribing{background:#1890ff;box-shadow:0 0 #1890ff66}.ai-panel .panel-footer .voice-recording-panel .recording-status .recording-time{font-family:monospace;font-weight:700;font-size:13px;color:#ff4d4f}.ai-panel .panel-footer .voice-recording-panel .recording-status .recording-hint{font-size:13px;color:#333}.ai-panel .panel-footer .voice-recording-panel .recording-status .volume-waves{display:flex;align-items:center;gap:3px;height:30px;margin-left:4px}.ai-panel .panel-footer .voice-recording-panel .recording-status .volume-waves .wave{width:3px;background:#1890ff;border-radius:2px;transition:height .08s ease}.ai-panel .panel-footer .voice-recording-panel .recording-actions{display:flex;align-items:center;gap:8px}.ai-panel .panel-footer .voice-recording-panel .recording-actions .voice-cancel-btn{color:#8c8c8c;border-color:#d9d9d9}.ai-panel .panel-footer .voice-recording-panel .recording-actions .voice-cancel-btn:hover{color:#ff4d4f;border-color:#ff4d4f;background:#fff1f0}.ai-panel .panel-footer .voice-recording-panel .recording-actions .voice-finish-btn{background:#1677ff;border-color:#1677ff;padding:6px 14px;font-weight:500}.ai-panel .panel-footer .voice-recording-panel .recording-actions .voice-cancel-transcribe-btn{color:#666;border-color:#d9d9d9;background:#fff;font-size:12px;padding:4px 10px;height:28px;transition:all .2s}.ai-panel .panel-footer .voice-recording-panel .recording-actions .voice-cancel-transcribe-btn:hover{color:#ff4d4f;border-color:#ff4d4f;background:#fff1f0}.ai-panel .panel-footer .voice-playback-bar{margin-bottom:8px;height:36px;padding:0 12px;background:#f0f7ff;border:1px solid #bae0ff;border-radius:6px;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.ai-panel .panel-footer .voice-playback-bar .playback-main{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.ai-panel .panel-footer .voice-playback-bar .playback-main .playback-play-icon{width:22px;height:22px;border-radius:50%;background:#1677ff;color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .15s}.ai-panel .panel-footer .voice-playback-bar .playback-main .playback-play-icon:hover{transform:scale(1.1)}.ai-panel .panel-footer .voice-playback-bar .playback-main .playback-title{font-size:13px;color:#1677ff;font-weight:500}.ai-panel .panel-footer .voice-playback-bar .playback-main .playback-time{font-size:12px;color:#8c8c8c;font-family:monospace}.ai-panel .panel-footer .voice-playback-bar .playback-main .playback-waves{display:flex;align-items:flex-end;gap:2px;height:14px;margin-left:4px}.ai-panel .panel-footer .voice-playback-bar .playback-main .playback-waves .wave-bar{width:2px;background:#1677ff;border-radius:1px;animation:soundWave .8s ease-in-out infinite alternate}.ai-panel .panel-footer .voice-playback-bar .playback-main .playback-waves .wave-bar:nth-child(1){height:6px;animation-delay:0s}.ai-panel .panel-footer .voice-playback-bar .playback-main .playback-waves .wave-bar:nth-child(2){height:12px;animation-delay:.2s}.ai-panel .panel-footer .voice-playback-bar .playback-main .playback-waves .wave-bar:nth-child(3){height:8px;animation-delay:.4s}.ai-panel .panel-footer .voice-playback-bar .playback-main .playback-waves .wave-bar:nth-child(4){height:14px;animation-delay:.1s}.ai-panel .panel-footer .voice-playback-bar .playback-close{cursor:pointer;color:#8c8c8c;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.ai-panel .panel-footer .voice-playback-bar .playback-close:hover{color:#ff4d4f;background:#fff1f0}.ai-panel .panel-footer .input-box .el-input-group{height:40px;border-radius:4px}.ai-panel .panel-footer .input-box :deep(.el-input__wrapper){box-shadow:none}.ai-panel .panel-footer .input-box :deep(.el-input-group__append){box-shadow:none;background:transparent;padding:8px 12px}.ai-panel .panel-footer .input-box .input-actions-box{display:flex;align-items:center;gap:12px}.ai-panel .panel-footer .input-box .input-actions-box .voice-upload-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .2s;padding:4px;border-radius:4px}.ai-panel .panel-footer .input-box .input-actions-box .voice-upload-btn:hover{color:#1677ff;background:#f0f7ff;transform:scale(1.08)}.ai-panel .panel-footer .input-box .input-actions-box .voice-mic-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .2s;padding:4px;border-radius:4px}.ai-panel .panel-footer .input-box .input-actions-box .voice-mic-btn:hover{color:#1677ff;background:#f0f7ff;transform:scale(1.08)}.ai-panel .panel-footer .input-box .input-actions-box .voice-mic-btn.loading-anim{color:#1677ff}.ai-panel .panel-footer .input-box .input-actions-box .voice-mic-btn.loading-anim svg{animation:mic-breathe 1.2s ease-in-out infinite;transform-origin:center}.ai-panel .panel-footer .input-box .input-actions-box .send-icon-box{display:flex;align-items:center;justify-content:center;cursor:pointer}.ai-panel .panel-footer .input-box .el-input-group__append{background-color:transparent}@keyframes soundWave{0%{height:3px}to{height:14px}}@keyframes pulse{0%{box-shadow:0 0 #ff4d4fb3}70%{box-shadow:0 0 0 8px #ff4d4f00}to{box-shadow:0 0 #ff4d4f00}}@keyframes caret-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes mic-breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.22);opacity:.72}}.ai-assistant{box-sizing:border-box;position:fixed;right:20px;bottom:40px;z-index:1000;display:flex;align-items:flex-end}.ai-assistant div{box-sizing:border-box}.ai-assistant .ai-icon{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;cursor:pointer;width:44px;padding:6px;transition:all .3s;height:114px;background-color:#fff;box-shadow:0 4px 16px 4px #00000008,0 2px 8px #0000000d,0 0 4px -2px #00000014;border-radius:22px;border:1px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(180deg,#60fffc,#0a84ff);background-origin:border-box;background-clip:padding-box,border-box}.ai-assistant .ai-icon:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.ai-assistant .ai-icon img{width:32px;height:32px;margin-bottom:6px}.ai-assistant .ai-icon .ai-icon-text{display:inline-block;width:20px;font-size:16px;line-height:18px;font-weight:700;color:#333}.ai-assistant .ai-icon:hover .close-icon{display:flex}.ai-assistant .ai-icon .close-icon{display:none;position:absolute;top:-6px;right:-6px;width:16px;height:16px;background:#fff;border-radius:50%;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;color:#666;cursor:pointer;z-index:1}.ai-assistant .ai-icon .close-icon:hover{color:#333;background:#f5f5f5}.ai-chat-plain{box-sizing:border-box;position:relative;width:100%;height:100%}.ai-chat-plain div{box-sizing:border-box}
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#f3f3f3;color:#444}.hljs-comment{color:#697070}.hljs-punctuation,.hljs-tag{color:#444a}.hljs-tag .hljs-attr,.hljs-tag .hljs-name{color:#444}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#ab5656}.hljs-literal{color:#695}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#38a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.slide-enter-active,.slide-leave-active{transition:transform .3s ease}.slide-enter-from,.slide-leave-to{transform:translate(30px)}.ai-panel{margin-right:20px;width:400px;height:804px;background:#fff;border-radius:8px;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;overflow:hidden;background-image:url(/images/ai-panel-bg.png);background-size:100% auto;background-position:top;background-repeat:no-repeat;position:relative;transition:all .3s ease}.ai-panel .el-input,.ai-panel .el-textarea{--el-input-text-color: #333333;--el-input-placeholder-color: #a8abb2;--el-input-bg-color: #ffffff}.ai-panel .el-input__inner,.ai-panel .el-textarea__inner{color:#333}.ai-panel .el-input__inner::placeholder,.ai-panel .el-textarea__inner::placeholder{color:#a8abb2}.ai-panel :deep(.el-input-group__append){box-sizing:border-box}.ai-panel.drawer-mode{position:fixed;right:0;top:0;bottom:0;height:100vh;margin:0;border-radius:0;z-index:2000}.ai-panel.embedded-mode{width:100%;height:100%;margin:0;box-shadow:none;border-radius:0}.ai-panel .panel-header{padding:20px;background:transparent}.ai-panel .panel-header .header-actions{display:flex;justify-content:space-between;gap:12px;align-items:center}.ai-panel .panel-header .header-actions .header-title{font-family:PingFangSC,PingFang SC;font-weight:700;font-size:16px;color:#333;line-height:24px;text-align:left;font-style:normal}.ai-panel .panel-header .header-actions .action-icons{display:flex;gap:12px}.ai-panel .panel-header .header-actions .action-icon{font-size:20px;color:#666;cursor:pointer}.ai-panel .panel-header .header-actions .action-icon:hover{color:#333}.ai-panel .body-content{flex:1;overflow:hidden;padding:20px;display:flex;flex-direction:column}.ai-panel .body-content .welcome-content .title{display:flex;flex-direction:column;align-items:center;margin-bottom:8px}.ai-panel .body-content .welcome-content .title .panel-icon{width:64px;height:64px;margin-bottom:16px}.ai-panel .body-content .welcome-content .title .title-text{margin:0;font-size:24px;color:#333;font-weight:500}.ai-panel .body-content .welcome-content .subtitle{text-align:center;font-size:28px;color:#333;line-height:36px;letter-spacing:2px;margin-bottom:20px}.ai-panel .body-content .welcome-content .subtitle .highlight{margin-left:2px;background:linear-gradient(270deg,#e236ffcc,#0a84ff);-webkit-background-clip:text;color:transparent;font-weight:bolder}.ai-panel .body-content .quick-questions .question-item{padding:12px 16px;background:#f5f7fa;border-radius:8px;margin-bottom:12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s}.ai-panel .body-content .quick-questions .question-item:hover{background:#e8f4ff;transform:translate(4px)}.ai-panel .body-content .quick-questions .question-item span{font-size:14px;color:#333}.ai-panel .body-content .quick-questions .question-item .el-icon{color:#666}.ai-panel .body-content .chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;height:100%;display:flex;flex-direction:column}.ai-panel .body-content .chat-messages::-webkit-scrollbar{width:0;background:transparent}.ai-panel .body-content .chat-messages{scrollbar-width:none;-ms-overflow-style:none}.ai-panel .body-content .chat-messages .message-item{display:flex;align-items:flex-start;margin-bottom:20px;gap:12px}.ai-panel .body-content .chat-messages .message-item .message-avatar{width:40px;height:40px;border-radius:20px;flex-shrink:0}.ai-panel .body-content .chat-messages .message-item .user-avatar{background:#0a84ff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px}.ai-panel .body-content .chat-messages .message-item .message-content{padding:12px 16px;border-radius:2px;max-width:70%;word-break:break-word}.ai-panel .body-content .chat-messages .message-item.ai-message .message-content{background:#f5f7fa;font-size:14px}.ai-panel .body-content .chat-messages .message-item.user-message{flex-direction:row-reverse}.ai-panel .body-content .chat-messages .message-item.user-message .message-content{background:#f1f2f3;border-radius:4px 4px 0;color:#333;font-size:14px}.ai-panel .body-content .chat-messages .ai-thinking-indicator{flex:1 0 auto;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;pointer-events:none}.ai-panel .body-content .chat-messages .ai-thinking-indicator .thinking-icon{width:48px;height:48px;margin-bottom:4px}.ai-panel .body-content .chat-messages .ai-thinking-indicator .thinking-loading-icon{width:36px;height:36px}.ai-panel .body-content .chat-messages .ai-thinking-indicator .thinking-text{font-size:14px;color:#999;line-height:20px}.ai-panel .body-content .chat-messages .ai-failed-tip{flex:1 0 auto;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.ai-panel .body-content .chat-messages .ai-failed-tip .failed-text{font-size:14px;color:#999;line-height:20px}.ai-panel .body-content .chat-messages .ai-failed-tip .retry-btn{padding:5px 28px;font-size:14px;line-height:22px;color:#0a84ff;background:#fff;border:1px solid #0A84FF;border-radius:16px;cursor:pointer;transition:all .2s}.ai-panel .body-content .chat-messages .ai-failed-tip .retry-btn:hover{background:#0a84ff;color:#fff}.ai-panel .body-content .chat-messages .ai-failed-tip .retry-btn:active{transform:scale(.96)}.ai-panel .panel-footer{padding:24px;background:#fff;position:relative}.ai-panel .panel-footer .voice-progress-banner{margin-bottom:12px;padding:10px 14px;background:linear-gradient(135deg,#f0f7ff,#e6f4ff);border:1px solid #bae0ff;border-radius:8px;display:flex;flex-direction:column;gap:6px}.ai-panel .panel-footer .voice-progress-banner .progress-info{display:flex;align-items:center;gap:8px;font-size:13px;color:#0958d9}.ai-panel .panel-footer .voice-progress-banner .progress-info .progress-icon{font-size:14px}.ai-panel .panel-footer .voice-progress-banner .progress-info .progress-text{flex:1;font-weight:500}.ai-panel .panel-footer .voice-progress-banner .progress-info .progress-percent{font-weight:700;font-family:monospace}.ai-panel .panel-footer .voice-progress-banner .progress-track{height:6px;background:#d9d9d9;border-radius:3px;overflow:hidden}.ai-panel .panel-footer .voice-progress-banner .progress-track .progress-bar{height:100%;background:linear-gradient(90deg,#1677ff,#4096ff);border-radius:3px;transition:width .2s ease}.ai-panel .panel-footer .voice-recording-panel{min-height:44px;padding:8px 14px;background:linear-gradient(135deg,#f6ffed,#e6f7ff);border:1px solid #91caff;border-radius:6px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 8px #1677ff14}.ai-panel .panel-footer .voice-recording-panel .recording-main{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:28px}.ai-panel .panel-footer .voice-recording-panel .live-transcript{width:100%;max-height:72px;overflow-y:auto;padding:6px 8px;background:#ffffffc7;border-radius:4px;font-size:13px;line-height:1.55;color:#1677ff;word-break:break-all}.ai-panel .panel-footer .voice-recording-panel .live-transcript.empty{color:#8c8c8c}.ai-panel .panel-footer .voice-recording-panel .live-transcript .caret{display:inline-block;margin-left:1px;font-weight:400;color:#1677ff;animation:caret-blink 1s step-end infinite}.ai-panel .panel-footer .voice-recording-panel .recording-status{display:flex;align-items:center;gap:8px}.ai-panel .panel-footer .voice-recording-panel .recording-status .recording-pulse{width:10px;height:10px;border-radius:50%;background:#ff4d4f;box-shadow:0 0 #ff4d4f66;animation:pulse 1.5s infinite}.ai-panel .panel-footer .voice-recording-panel .recording-status .recording-pulse.transcribing{background:#1890ff;box-shadow:0 0 #1890ff66}.ai-panel .panel-footer .voice-recording-panel .recording-status .recording-time{font-family:monospace;font-weight:700;font-size:13px;color:#ff4d4f}.ai-panel .panel-footer .voice-recording-panel .recording-status .recording-hint{font-size:13px;color:#333}.ai-panel .panel-footer .voice-recording-panel .recording-status .volume-waves{display:flex;align-items:center;gap:3px;height:30px;margin-left:4px}.ai-panel .panel-footer .voice-recording-panel .recording-status .volume-waves .wave{width:3px;background:#1890ff;border-radius:2px;transition:height .08s ease}.ai-panel .panel-footer .voice-recording-panel .recording-actions{display:flex;align-items:center;gap:8px}.ai-panel .panel-footer .voice-recording-panel .recording-actions .voice-cancel-btn{color:#8c8c8c;border-color:#d9d9d9}.ai-panel .panel-footer .voice-recording-panel .recording-actions .voice-cancel-btn:hover{color:#ff4d4f;border-color:#ff4d4f;background:#fff1f0}.ai-panel .panel-footer .voice-recording-panel .recording-actions .voice-finish-btn{background:#1677ff;border-color:#1677ff;padding:6px 14px;font-weight:500}.ai-panel .panel-footer .voice-recording-panel .recording-actions .voice-cancel-transcribe-btn{color:#666;border-color:#d9d9d9;background:#fff;font-size:12px;padding:4px 10px;height:28px;transition:all .2s}.ai-panel .panel-footer .voice-recording-panel .recording-actions .voice-cancel-transcribe-btn:hover{color:#ff4d4f;border-color:#ff4d4f;background:#fff1f0}.ai-panel .panel-footer .voice-playback-bar{margin-bottom:8px;height:36px;padding:0 12px;background:#f0f7ff;border:1px solid #bae0ff;border-radius:6px;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.ai-panel .panel-footer .voice-playback-bar .playback-main{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.ai-panel .panel-footer .voice-playback-bar .playback-main .playback-play-icon{width:22px;height:22px;border-radius:50%;background:#1677ff;color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .15s}.ai-panel .panel-footer .voice-playback-bar .playback-main .playback-play-icon:hover{transform:scale(1.1)}.ai-panel .panel-footer .voice-playback-bar .playback-main .playback-title{font-size:13px;color:#1677ff;font-weight:500}.ai-panel .panel-footer .voice-playback-bar .playback-main .playback-time{font-size:12px;color:#8c8c8c;font-family:monospace}.ai-panel .panel-footer .voice-playback-bar .playback-main .playback-waves{display:flex;align-items:flex-end;gap:2px;height:14px;margin-left:4px}.ai-panel .panel-footer .voice-playback-bar .playback-main .playback-waves .wave-bar{width:2px;background:#1677ff;border-radius:1px;animation:soundWave .8s ease-in-out infinite alternate}.ai-panel .panel-footer .voice-playback-bar .playback-main .playback-waves .wave-bar:nth-child(1){height:6px;animation-delay:0s}.ai-panel .panel-footer .voice-playback-bar .playback-main .playback-waves .wave-bar:nth-child(2){height:12px;animation-delay:.2s}.ai-panel .panel-footer .voice-playback-bar .playback-main .playback-waves .wave-bar:nth-child(3){height:8px;animation-delay:.4s}.ai-panel .panel-footer .voice-playback-bar .playback-main .playback-waves .wave-bar:nth-child(4){height:14px;animation-delay:.1s}.ai-panel .panel-footer .voice-playback-bar .playback-close{cursor:pointer;color:#8c8c8c;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.ai-panel .panel-footer .voice-playback-bar .playback-close:hover{color:#ff4d4f;background:#fff1f0}.ai-panel .panel-footer .input-box .el-input-group{height:40px;border-radius:4px}.ai-panel .panel-footer .input-box :deep(.el-input__wrapper){box-shadow:none}.ai-panel .panel-footer .input-box :deep(.el-input-group__append){box-shadow:none;background:transparent;padding:8px 12px}.ai-panel .panel-footer .input-box .input-actions-box{display:flex;align-items:center;gap:12px}.ai-panel .panel-footer .input-box .input-actions-box .voice-upload-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .2s;padding:4px;border-radius:4px}.ai-panel .panel-footer .input-box .input-actions-box .voice-upload-btn:hover{color:#1677ff;background:#f0f7ff;transform:scale(1.08)}.ai-panel .panel-footer .input-box .input-actions-box .voice-mic-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .2s;padding:4px;border-radius:4px}.ai-panel .panel-footer .input-box .input-actions-box .voice-mic-btn:hover{color:#1677ff;background:#f0f7ff;transform:scale(1.08)}.ai-panel .panel-footer .input-box .input-actions-box .voice-mic-btn.loading-anim{color:#1677ff}.ai-panel .panel-footer .input-box .input-actions-box .voice-mic-btn.loading-anim svg{animation:mic-breathe 1.2s ease-in-out infinite;transform-origin:center}.ai-panel .panel-footer .input-box .input-actions-box .send-icon-box{display:flex;align-items:center;justify-content:center;cursor:pointer}.ai-panel .panel-footer .input-box .el-input-group__append{background-color:transparent}@keyframes soundWave{0%{height:3px}to{height:14px}}@keyframes pulse{0%{box-shadow:0 0 #ff4d4fb3}70%{box-shadow:0 0 0 8px #ff4d4f00}to{box-shadow:0 0 #ff4d4f00}}@keyframes caret-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes mic-breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.22);opacity:.72}}.ai-status-fade-enter-active,.ai-status-fade-leave-active{transition:opacity .25s ease}.ai-status-fade-enter-from,.ai-status-fade-leave-to{opacity:0}.ai-assistant{box-sizing:border-box;position:fixed;right:20px;bottom:40px;z-index:1000;display:flex;align-items:flex-end}.ai-assistant div{box-sizing:border-box}.ai-assistant .ai-icon{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;cursor:pointer;width:44px;padding:6px;transition:all .3s;height:114px;background-color:#fff;box-shadow:0 4px 16px 4px #00000008,0 2px 8px #0000000d,0 0 4px -2px #00000014;border-radius:22px;border:1px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(180deg,#60fffc,#0a84ff);background-origin:border-box;background-clip:padding-box,border-box}.ai-assistant .ai-icon:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.ai-assistant .ai-icon img{width:32px;height:32px;margin-bottom:6px}.ai-assistant .ai-icon .ai-icon-text{display:inline-block;width:20px;font-size:16px;line-height:18px;font-weight:700;color:#333}.ai-assistant .ai-icon:hover .close-icon{display:flex}.ai-assistant .ai-icon .close-icon{display:none;position:absolute;top:-6px;right:-6px;width:16px;height:16px;background:#fff;border-radius:50%;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;color:#666;cursor:pointer;z-index:1}.ai-assistant .ai-icon .close-icon:hover{color:#333;background:#f5f5f5}.ai-chat-plain{box-sizing:border-box;position:relative;width:100%;height:100%}.ai-chat-plain div{box-sizing:border-box}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@szjy/ai-coms",
-  "version": "0.1.16",
+  "version": "0.1.17",
   "description": "vue3 ai component",
   "main": "dist/index.umd.js",
   "module": "dist/index.mjs",
@@ -20,6 +20,7 @@
   ],
   "scripts": {
     "dev": "vite",
+    "test": "vitest run",
     "build": "vite build",
     "build:dev": "vue-tsc --noEmit && vite build --mode dev",
     "build:voice": "node scripts/build-voice-assets.mjs",
@@ -34,19 +35,22 @@
     "vue": "^3.4.21"
   },
   "devDependencies": {
+    "@iconify-json/mdi": "^1.2.3",
     "@types/file-saver": "^2.0.7",
     "@types/node": "^20.11.30",
     "@vitejs/plugin-vue": "^5.0.4",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
+    "@vue/test-utils": "^2.5.0",
+    "jsdom": "^30.0.1",
     "less": "^4.2.0",
     "sass": "^1.79.3",
     "typescript": "^5.2.2",
     "unplugin-icons": "^22.1.0",
-    "@iconify-json/mdi": "^1.2.3",
     "unplugin-vue-components": "^0.26.0",
     "vite": "^5.1.6",
     "vite-plugin-dts": "^3.7.3",
     "vite-plugin-svg-icons": "^2.0.1",
+    "vitest": "^2.1.9",
     "vue-tsc": "^2.0.14"
   }
 }