pcm-agents 0.3.0 → 0.3.2

package/dist/esm/pcm-hr-chat-modal.entry.js

@@ -1,1076 +0,0 @@
-import { r as registerInstance, c as createEvent, g as getElement, h } from './index-DaMwkrv5.js';
-import { a as sendSSERequest, s as sendHttpRequest } from './index-B2EtEi7v.js';
-
-const pcmHrChatModalCss = ":host{display:block}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.5);display:flex;justify-content:center;align-items:center;overflow-y:auto;padding:20px;z-index:1000}.fullscreen-overlay{padding:0}.modal-container{background:white;border-radius:8px;width:100%;max-width:800px;display:flex;flex-direction:column;position:relative;margin:auto}.modal-container.fullscreen{width:100vw;max-width:none;height:100%;border-radius:0;margin:0;display:flex;flex-direction:column;height:100vh;max-height:100vh}.modal-container.fullscreen>div:not(.modal-header):not(.initial-upload){display:flex;flex-direction:column;flex:1;overflow:hidden;height:100%}.pc-layout{width:80%;max-width:800px;min-width:320px;min-height:400px}.mobile-layout{width:100%;height:100%;border-radius:0}@media screen and (max-width: 768px){.pc-layout{width:95%;}.modal-overlay{padding:0}.modal-container.fullscreen{height:-webkit-fill-available;max-height:-webkit-fill-available;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.modal-container.mobile-layout{width:100%;height:100vh;max-height:100vh;min-height:100vh;border-radius:0;margin:0;display:flex;flex-direction:column}}.video-preview.placeholder{display:flex;justify-content:center;align-items:center;background:#EAEAEA}.placeholder-status{color:#00000066}.waiting-message p{margin:0;font-size:16px;color:white;font-weight:500}.recording-container{width:100%;display:flex;flex-direction:column;align-items:center}.video-area{width:100%;display:flex;flex-direction:column;align-items:center}.stop-recording-button{width:100%;height:100%;font-size:16px;background:#f44336;border-radius:6px;color:white;border:none;cursor:pointer}.stop-recording-button:hover{background:#d32f2f}.play-audio-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:4px 16px;height:50px;border-bottom:1px solid #e8e8e8;flex-shrink:0;}.header-left{display:flex;align-items:center;gap:8px}.header-icon{width:24px;height:24px}.close-button{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px}.close-button:hover{background-color:rgba(0, 0, 0, 0.04)}.close-button span{font-size:24px;line-height:1;color:#999}.close-button:hover span{color:#666}.chat-history{position:relative;flex:1;overflow-y:auto;padding:20px;scroll-behavior:smooth;min-height:200px;background:url(https://pcm-resource-1312611446.cos.ap-guangzhou.myqcloud.com/web/sdk/chat_bg.png);background-size:100%}.fullscreen .chat-history{height:auto;flex:1 1 auto}.message-input{padding:16px;border-top:1px solid #eee;display:flex;gap:8px;align-items:center}.message-input input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;outline:none;transition:border-color 0.2s ease}.message-input input:focus{border-color:#bbb}.message{margin-bottom:16px;opacity:1;transition:opacity 0.3s ease}.message-content{max-width:70%;padding:8px 12px;border-radius:8px;word-break:break-word}.message-content p{margin:0;word-break:break-word}.user-message{display:flex;justify-content:flex-end}.agent-message{display:flex;justify-content:flex-start}.user-message .message-content{background-color:#007bff;color:white}.agent-message .message-content{background-color:#f1f1f1}.message-time{font-size:12px;color:#999;margin-top:4px;display:block}.send-button{background-color:#1890ff;color:white;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-weight:500}.send-button:disabled{background-color:#ccc;cursor:not-allowed}.empty-state{display:flex;justify-content:center;align-items:center;height:100%;color:#999;text-align:center}.loading-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:rgba(255, 255, 255, 0.98);z-index:1;opacity:1;transition:opacity 0.3s ease}.loading-container p{margin-top:16px;color:#666;font-size:14px}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #1890ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.messages-wrapper{width:100%;min-height:100%;display:flex;flex-direction:column;justify-content:flex-end}.messages-wrapper.has-overflow{justify-content:flex-start}.suggested-questions{display:flex;flex-direction:column;gap:8px;padding:16px}.suggested-question{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#f3f4f6;border-radius:4px;cursor:pointer;font-size:14px;color:#374151;transition:background-color 0.2s}.suggested-question:hover{background-color:#e5e7eb}.arrow-right{margin-left:8px}.loading-suggestions{display:flex;justify-content:center;padding:16px}.loading-spinner-small{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#6b7280;border-radius:50%;animation:spin 1s linear infinite}.upload-button{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#666;border-radius:4px;transition:background-color 0.2s}.upload-button:hover{background-color:rgba(0, 0, 0, 0.04)}.upload-button svg{width:20px;height:20px}.file-input{display:none}.selected-file{font-size:12px;color:#666;margin-left:8px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-wrapper{flex:1;display:flex;align-items:center;border:1px solid #ddd;border-radius:4px;padding:0 4px;background:white}.input-wrapper input{border:none;flex:1;padding:8px;outline:none}.input-wrapper:focus-within{border-color:#bbb}.file-preview{padding:8px 16px;border-top:1px solid #eee;background-color:#f9f9f9}.file-info{display:flex;align-items:center;justify-content:space-between;padding:8px;background:white;border:1px solid #e8e8e8;border-radius:4px}.file-name{font-size:13px;color:#333;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 30px)}.remove-file{background:transparent;border:none;color:#999;cursor:pointer;padding:4px 8px;font-size:16px;line-height:1;border-radius:4px;transition:all 0.2s}.remove-file:hover{background-color:#f0f0f0;color:#666}.initial-upload{padding:1rem 1rem;display:flex;flex-direction:column;align-items:center;height:100%}.upload-section{max-width:600px;width:100%;text-align:center}.upload-area{border:2px dashed #ddd;border-radius:8px;padding:1rem;cursor:pointer;transition:all 0.3s ease}.upload-area:hover{border-color:#1890ff;background-color:rgba(24, 144, 255, 0.05)}.upload-placeholder{display:flex;flex-direction:column;align-items:center;color:#666}.upload-hint{font-size:0.8rem;color:#999;margin-top:0.5rem}.function-select{margin-top:2rem}.function-options{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.function-button{padding:0.5rem 1rem;border:1px solid #ddd;border-radius:4px;background:white;cursor:pointer;transition:all 0.3s ease}.function-button:hover{border-color:#1890ff;color:#1890ff}.function-button.selected{background:#1890ff;color:white;border-color:#1890ff}.submit-button{margin-top:1rem;padding:0.8rem 2rem;background:#1890ff;color:white;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:all 0.3s ease;width:95%}.submit-button:disabled{background:#ccc;cursor:not-allowed}.submit-button:hover:not(:disabled){background:#40a9ff}.category-select,.dimension-select{margin:30px 0}.category-options,.dimension-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.category-button,.dimension-button{padding:12px 16px;border:1px solid #E5E5E5;border-radius:6px;background:white;cursor:pointer;transition:all 0.3s}.category-button:hover,.dimension-button:hover{background:#f5f5f5}.category-button.selected{background-image:linear-gradient(111deg, #4A9FFF 0%, #1058FF 100%);color:white}.dimension-button.selected{background-image:linear-gradient(111deg, #4A9FFF 0%, #1058FF 100%);color:white}.recording-section{border-top:1px solid #eee;display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:14px 14px 0 0;flex:0 0 auto}.recording-section .video-preview{width:100%;height:200px;max-width:400px;position:relative;margin-bottom:10px;border:1px solid #ddd;border-radius:12px;overflow:hidden}.recording-section video{width:100%;height:100%;object-fit:cover}.recording-status{position:absolute;top:10px;left:10px;background-color:rgba(0, 0, 0, 0.6);color:white;padding:4px 8px;border-radius:4px;display:flex;align-items:center;gap:5px;font-size:0.8rem;z-index:2}.recording-status .recording-dot{display:inline-block;width:10px;height:10px;background-color:red;border-radius:50%;margin-right:5px;animation:blink 1s infinite}.recording-status.warning{color:#ff4d4f;animation:blink 1s infinite}@keyframes blink{0%{opacity:1}50%{opacity:0.5}100%{opacity:1}}.recording-section .stop-recording-button{background-color:#f44336;color:white;border:none;cursor:pointer;font-weight:bold}.recording-section .stop-recording-button:hover{background-color:#d32f2f}.fullscreen{width:100vw;border-radius:0;height:100vh;display:flex;flex-direction:column;overflow-y:auto}.recording-controls{margin-top:10px;height:53px;width:100%;max-width:400px;display:flex;justify-content:center}.recording-controls .waiting-message{text-align:center;color:white;font-size:1rem;background-image:linear-gradient(100deg, #4A9FFF 0%, #1058FF 100%);border-radius:6px;box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);width:95%;display:flex;justify-content:center;align-items:center;cursor:pointer}.recording-controls .waiting-message.loading{background:#faad14}.recording-controls .waiting-message p{margin:0;font-size:16px;color:white;font-weight:500}.recording-controls .stop-recording-button{background-color:#dc3545;color:white;border:none;cursor:pointer;font-size:1rem}.recording-controls .stop-recording-button:hover{background-color:#c82333}.recording-controls .stop-recording-button.disabled{background:#ccc;cursor:not-allowed}.recording-controls .stop-recording-button.disabled:hover{background:#ccc}.progress-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:400px;margin-top:10px;padding:0 5px}.progress-bar-container{height:4px;background-color:#E5E5E5;border-radius:2px;overflow:hidden;margin-right:10px;width:75px}.progress-bar{height:100%;background-image:linear-gradient(111deg, #4A9FFF 0%, #1058FF 100%);border-radius:2px;transition:width 0.3s ease}.progress-text{font-size:14px;color:#666;white-space:nowrap}";
-
-const ChatHRModal = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.modalClosed = createEvent(this, "modalClosed");
-        this.streamComplete = createEvent(this, "streamComplete");
-        this.interviewComplete = createEvent(this, "interviewComplete");
-        this.recordingError = createEvent(this, "recordingError");
-        this.recordingStatusChange = createEvent(this, "recordingStatusChange");
-    }
-    /**
-     * 模态框标题
-     */
-    modalTitle = '在线客服';
-    /**
-     * API鉴权密钥
-     */
-    apiKey = '';
-    /**
-     * 是否显示聊天模态框
-     */
-    isOpen = false;
-    /**
-     * 聊天消息历史
-     */
-    messages = [];
-    /**
-     * 当点击模态框关闭时触发
-     */
-    modalClosed;
-    /**
-     * 应用图标URL
-     */
-    icon;
-    /**
-     * 聊天框的页面层级
-     */
-    zIndex = 1000;
-    /**
-     * 是否展示顶部标题栏
-     */
-    isShowHeader = true;
-    /**
-     * 是否展示右上角的关闭按钮
-     */
-    isNeedClose = true;
-    /**
-     * 会话ID
-     */
-    conversationId;
-    /**
-     * 当前助手回复的消息
-     */
-    currentAssistantMessage = '';
-    /**
-     * 是否正在加载回复
-     */
-    isLoading = false;
-    /**
-     * 当前正在流式输出的消息
-     */
-    currentStreamingMessage = null;
-    // 添加新的状态控制
-    shouldAutoScroll = true;
-    isLoadingHistory = false;
-    get hostElement() { return getElement(this); }
-    // 添加新的 Event
-    streamComplete;
-    selectedFile = null;
-    isUploading = false;
-    uploadedFileInfo = [];
-    /**
-     * 默认查询文本
-     */
-    defaultQuery = '';
-    // 添加新的状态
-    showInitialUpload = true;
-    selectedJobCategory = '';
-    jobCategories = [
-        '人力资源学生(实习)',
-        '人力资源专员',
-        '人力资源主管',
-        '人力资源经理',
-        '人力资源总监'
-    ];
-    dimensions = [
-        '人力资源规划',
-        '招聘与配置',
-        '员工关系',
-        '培训与开发',
-        '薪酬与绩效',
-        '组织与人才发展'
-    ];
-    selectedDimensions = [];
-    // 添加视频录制相关状态
-    isRecording = false;
-    recordingStream = null;
-    recordedBlob = null;
-    mediaRecorder = null;
-    recordingTimeLeft = 0;
-    showRecordingUI = false;
-    recordingTimer = null;
-    recordingStartTime = 0;
-    recordingMaxTime = 120; // 最大录制时间（秒）
-    waitingToRecord = false;
-    waitingTimer = null;
-    waitingTimeLeft = 10; // 等待时间（秒）
-    // 添加一个新的私有属性来存储视频元素的引用
-    videoRef = null;
-    /**
-     * 总题目数量
-     */
-    totalQuestions = 2;
-    /**
-     * 当前题目序号
-     */
-    currentQuestionNumber = 0;
-    /**
-     * 面试是否已完成
-     */
-    isInterviewComplete = false;
-    /**
-     * 当面试完成时触发
-     */
-    interviewComplete;
-    SCROLL_THRESHOLD = 30;
-    /**
-     * 视频录制最大时长（秒）
-     */
-    maxRecordingTime = 120;
-    /**
-     * 录制倒计时提醒时间（秒）
-     * 当剩余时间小于此值时，显示倒计时警告
-     */
-    countdownWarningTime = 30;
-    showCountdownWarning = false;
-    /**
-     * 接收报告的邮箱地址
-     */
-    toEmail = '';
-    /**
-     * 是否以全屏模式打开
-     */
-    fullscreen = false;
-    // 添加新的状态来跟踪视频上传
-    isUploadingVideo = false;
-    /**
-     * 是否需要上传简历
-     */
-    requireResume = false;
-    // 添加新的状态和属性
-    isPlayingAudio = false;
-    audioUrl = null;
-    audioElement = null;
-    /**
-     * 录制错误事件
-     */
-    recordingError;
-    /**
-     * 录制状态变化事件
-     */
-    recordingStatusChange;
-    /**
-     * 是否播放语音问题
-     */
-    enableVoice = true;
-    /**
-     * 是否显示题干内容
-     * 1: 显示题干内容
-     * 0: 不显示题干内容
-     */
-    displayContentStatus = "1";
-    /**
-     * 用户ID
-     */
-    userId = '';
-    handleClose = () => {
-        this.stopRecording();
-        this.modalClosed.emit();
-    };
-    handleFileChange = async (event) => {
-        const input = event.target;
-        if (input.files && input.files.length > 0) {
-            this.selectedFile = input.files[0];
-        }
-    };
-    async uploadFile() {
-        if (!this.selectedFile || this.uploadedFileInfo.length > 0)
-            return;
-        this.isUploading = true;
-        try {
-            const formData = new FormData();
-            formData.append('file', this.selectedFile);
-            const response = await fetch('https://pcm_api.ylzhaopin.com/external/v1/files/upload', {
-                method: 'POST',
-                headers: {
-                    'authorization': 'Bearer ' + this.apiKey
-                },
-                body: formData
-            });
-            const result = await response.json();
-            if (!response.ok) {
-                throw new Error(result.message || '文件上传失败');
-            }
-            if (result) {
-                this.uploadedFileInfo = [{
-                        cos_key: result.cos_key,
-                        filename: result.filename,
-                        ext: result.ext,
-                        presigned_url: result.presigned_url
-                    }];
-            }
-        }
-        catch (error) {
-            console.error('文件上传错误:', error);
-            this.clearSelectedFile();
-            alert(error instanceof Error ? error.message : '文件上传失败，请重试');
-        }
-        finally {
-            this.isUploading = false;
-        }
-    }
-    handleUploadClick = () => {
-        const fileInput = this.hostElement.shadowRoot?.querySelector('.file-input');
-        fileInput?.click();
-    };
-    clearSelectedFile = () => {
-        this.selectedFile = null;
-        this.uploadedFileInfo = [];
-        const fileInput = this.hostElement.shadowRoot?.querySelector('.file-input');
-        if (fileInput) {
-            fileInput.value = '';
-        }
-    };
-    async sendMessageToAPI(message) {
-        this.isLoading = true;
-        let answer = '';
-        let llmText = ''; // 添加变量存储 LLMText
-        const now = new Date();
-        const time = `${now.getHours()}:${now.getMinutes().toString().padStart(2, '0')}`;
-        // 如果消息为空但有文件，使用默认文本
-        const queryText = message.trim() || (this.uploadedFileInfo.length > 0 ? '请分析这个文件' : '');
-        // 获取上一条AI消息的回答内容
-        const lastAIMessage = this.messages.length > 0 ? this.messages[this.messages.length - 1] : null;
-        // 保存AI提问和用户回答
-        if (lastAIMessage && this.conversationId && message !== "下一题") {
-            this.saveAnswer(this.conversationId, lastAIMessage.answer, // AI的提问作为question
-            queryText // 用户的输入作为answer
-            );
-        }
-        // 检查是否是最后一题的"下一题"请求
-        const isLastQuestion = (this.currentQuestionNumber >= this.totalQuestions) && message === "下一题";
-        // 创建新的消息对象
-        const newMessage = {
-            id: `temp-${Date.now()}`, // 消息唯一标识
-            time: time, // 消息时间
-            query: queryText, // 用户输入的消息内容
-            answer: '',
-            isStreaming: true, // 是否正在流式输出
-            conversation_id: this.conversationId, // 会话ID
-            inputs: {}, // 输入参数
-            status: "normal", // 消息状态
-            error: null // 错误信息
-        };
-        // 设置当前流式消息
-        this.currentStreamingMessage = newMessage;
-        this.shouldAutoScroll = true;
-        // 滚动到底部
-        this.scrollToBottom();
-        // 如果是最后一题，直接显示结束消息并完成面试
-        if (isLastQuestion) {
-            this.messages = [...this.messages, newMessage];
-            this.currentStreamingMessage = null;
-            this.isLoading = false;
-            this.isInterviewComplete = true;
-            await this.completeInterview();
-            this.interviewComplete.emit({
-                conversation_id: this.conversationId,
-                total_questions: this.totalQuestions
-            });
-            return;
-        }
-        // 准备请求数据
-        const requestData = {
-            response_mode: 'streaming',
-            conversation_id: this.conversationId,
-            query: queryText,
-            user: this.userId // 使用传入的 userId
-        };
-        requestData.inputs = {
-            job_info: this.selectedJobCategory,
-            dimensional_info: this.selectedDimensions.join(','),
-            email: this.toEmail,
-            display_content_status: this.displayContentStatus
-        };
-        // 如果有上传的文件，添加到inputs参数
-        if (this.uploadedFileInfo.length > 0) {
-            const fileUrls = this.uploadedFileInfo.map(fileInfo => fileInfo.cos_key).join(',');
-            requestData.inputs.file_urls = fileUrls;
-        }
-        await sendSSERequest({
-            url: `https://pcm_api.ylzhaopin.com/external/v1/chat/chat-messages`,
-            method: 'POST',
-            headers: {
-                'authorization': 'Bearer ' + this.apiKey
-            },
-            data: requestData,
-            onMessage: (data) => {
-                console.log('收到Stream数据:', data);
-                if (data.conversation_id && !this.conversationId) {
-                    this.conversationId = data.conversation_id;
-                    this.updateUrlWithConversationId(data.conversation_id);
-                }
-                // 检查是否有 node_finished 事件和 LLMText
-                if (data.event === 'node_finished' && data.data.inputs && data.data.inputs.LLMText) {
-                    llmText = data.data.inputs.LLMText;
-                    console.log('获取到 LLMText:', llmText);
-                }
-                if (data.event === 'message') {
-                    if (data.event === 'agent_message' || data.event === 'message') {
-                        if (data.answer) {
-                            answer += data.answer;
-                            const updatedMessage = {
-                                ...this.currentStreamingMessage,
-                                answer,
-                                isStreaming: true
-                            };
-                            this.currentStreamingMessage = updatedMessage;
-                            this.scrollToBottom();
-                        }
-                    }
-                }
-                if (data.event === "message_end") {
-                    this.streamComplete.emit({
-                        conversation_id: data.conversation_id || '',
-                        event: data.event,
-                        message_id: data.message_id,
-                        id: data.id,
-                    });
-                }
-            },
-            onError: (error) => {
-                console.error('发生错误:', error);
-                alert(error instanceof Error ? error.message : '消息发送失败，请稍后再试');
-                this.messages = [...this.messages, {
-                        ...newMessage,
-                        answer: '抱歉，发生了错误，请稍后再试。',
-                        error: error,
-                        isStreaming: false
-                    }];
-                this.currentStreamingMessage = null;
-                this.isLoading = false;
-            },
-            onComplete: async () => {
-                console.log('请求完成');
-                this.isLoading = false;
-                // 获取最新的AI回复内容
-                const latestAIMessage = this.currentStreamingMessage;
-                // 更新消息列表
-                this.messages = [...this.messages, this.currentStreamingMessage];
-                this.currentStreamingMessage = null;
-                // 如果是初始消息或"下一题"消息，增加题目计数
-                if (message === "下一题" || this.currentQuestionNumber === 0) {
-                    this.currentQuestionNumber++;
-                }
-                console.log(this.currentQuestionNumber);
-                console.log(message);
-                if (latestAIMessage && latestAIMessage.answer) {
-                    // 优先使用 LLMText，如果没有则使用 answer
-                    const textForSynthesis = llmText || latestAIMessage.answer;
-                    if (textForSynthesis) {
-                        // 合成语音
-                        const audioUrl = await this.synthesizeAudio(textForSynthesis);
-                        if (this.enableVoice) {
-                            // 自动播放语音
-                            await this.playAudio(audioUrl);
-                            // 自动播放模式下，播放完成后立即开始等待录制
-                            this.startWaitingToRecord();
-                        }
-                        else {
-                            // 只保存音频URL，不自动播放
-                            this.audioUrl = audioUrl;
-                            // 非自动播放模式下，不立即开始等待录制
-                        }
-                    }
-                }
-            }
-        });
-    }
-    // 添加保存答案的方法
-    async saveAnswer(conversationId, question, answer) {
-        try {
-            await sendHttpRequest({
-                url: 'https://pcm_api.ylzhaopin.com/agents/hr_competition/answer',
-                method: 'POST',
-                headers: {
-                    'authorization': 'Bearer ' + this.apiKey
-                },
-                data: {
-                    conversation_id: conversationId,
-                    user: this.userId, // 使用传入的 userId
-                    question: question,
-                    answer: answer
-                },
-            });
-        }
-        catch (error) {
-            console.error('保存答案失败:', error);
-        }
-    }
-    // 监听滚动事件，用于控制聊天历史记录的自动滚动行为。
-    handleScroll = () => {
-        const chatHistory = this.hostElement.shadowRoot?.querySelector('.chat-history');
-        if (!chatHistory)
-            return;
-        const { scrollTop, scrollHeight, clientHeight } = chatHistory;
-        const distanceFromBottom = scrollHeight - scrollTop - clientHeight;
-        // 更新是否应该自动滚动的状态
-        this.shouldAutoScroll = distanceFromBottom <= this.SCROLL_THRESHOLD;
-    };
-    scrollToBottom() {
-        if (!this.shouldAutoScroll)
-            return;
-        const chatHistory = this.hostElement.shadowRoot?.querySelector('.chat-history');
-        if (chatHistory && this.isOpen) {
-            // 强制浏览器重新计算布局
-            chatHistory.scrollTop = chatHistory.scrollHeight;
-        }
-    }
-    // 添加 componentDidRender 生命周期方法，用于在组件渲染后滚动到底部
-    componentDidRender() {
-        if (this.isLoadingHistory || (this.shouldAutoScroll && this.isOpen)) {
-            const chatHistory = this.hostElement.shadowRoot?.querySelector('.chat-history');
-            if (chatHistory) {
-                chatHistory.scrollTop = chatHistory.scrollHeight;
-            }
-        }
-    }
-    updateUrlWithConversationId(conversationId) {
-        const urlParams = new URLSearchParams(window.location.search);
-        if (!urlParams.get('conversation_id')) {
-            const newUrl = new URL(window.location.href);
-            newUrl.searchParams.set('conversation_id', conversationId);
-            window.history.replaceState({}, '', newUrl);
-        }
-    }
-    // 修改 loadHistoryMessages 方法
-    async loadHistoryMessages() {
-        if (!this.conversationId)
-            return;
-        this.isLoadingHistory = true;
-        console.log('加载历史消息...');
-        try {
-            await sendHttpRequest({
-                url: `https://pcm_api.ylzhaopin.com/external/v1/chat/messages`,
-                method: 'GET',
-                headers: {
-                    'authorization': 'Bearer ' + this.apiKey
-                },
-                data: {
-                    conversation_id: this.conversationId,
-                    limit: 20
-                },
-                onMessage: (data) => {
-                    if (data.data) {
-                        const historyData = data.data || [];
-                        const formattedMessages = historyData.map(msg => {
-                            const time = new Date(msg.created_at * 1000);
-                            const hours = time.getHours().toString().padStart(2, '0');
-                            const minutes = time.getMinutes().toString().padStart(2, '0');
-                            const timeStr = `${hours}:${minutes}`;
-                            // 创建新的消息对象，不包含 inputs 字段
-                            const { inputs, ...msgWithoutInputs } = msg;
-                            return {
-                                ...msgWithoutInputs,
-                                time: timeStr,
-                                isStreaming: false,
-                                status: msg.status === 'error' ? 'error' : 'normal'
-                            };
-                        });
-                        this.messages = formattedMessages;
-                        this.isLoadingHistory = false;
-                        requestAnimationFrame(() => {
-                            this.shouldAutoScroll = true;
-                            this.scrollToBottom();
-                        });
-                    }
-                    else {
-                        this.isLoadingHistory = false;
-                    }
-                },
-                onError: (error) => {
-                    console.error('加载历史消息失败:', error);
-                    alert(error instanceof Error ? error.message : '加载历史消息失败，请刷新重试');
-                    this.isLoadingHistory = false;
-                },
-                onComplete: () => {
-                    this.isLoadingHistory = false;
-                }
-            });
-        }
-        catch (error) {
-            console.error('加载历史消息失败:', error);
-            alert(error instanceof Error ? error.message : '加载历史消息失败，请刷新重试');
-            this.isLoadingHistory = false;
-        }
-    }
-    // 修改 isOpen 的 watch 方法
-    async handleIsOpenChange(newValue) {
-        if (newValue) {
-            if (this.conversationId) {
-                await this.loadHistoryMessages();
-            }
-        }
-    }
-    handleJobCategorySelect = (category) => {
-        this.selectedJobCategory = category;
-    };
-    handleDimensionSelect = (dimension) => {
-        if (this.selectedDimensions.includes(dimension)) {
-            this.selectedDimensions = this.selectedDimensions.filter(d => d !== dimension);
-        }
-        else {
-            this.selectedDimensions = [...this.selectedDimensions, dimension];
-        }
-    };
-    handleInitialSubmit = async () => {
-        // 修改验证逻辑
-        if (this.requireResume && !this.selectedFile) {
-            alert('请上传简历');
-            return;
-        }
-        if (!this.selectedJobCategory) {
-            alert('请选择职能类别');
-            return;
-        }
-        if (this.selectedDimensions.length === 0) {
-            alert('请至少选择一个关注模块');
-            return;
-        }
-        // 不再显示欢迎确认对话框，因为已经在组件打开时显示了
-        // 直接询问用户是否准备好开始面试
-        const confirmed = confirm('如果您已做好准备请点击"确定"开始面试。');
-        if (!confirmed) {
-            return;
-        }
-        // 修改文件上传逻辑
-        if (this.requireResume) {
-            await this.uploadFile();
-            if (this.uploadedFileInfo.length === 0) {
-                return;
-            }
-        }
-        this.showInitialUpload = false;
-        const message = `我是一名${this.selectedJobCategory}，请您开始提问`;
-        this.sendMessageToAPI(message);
-    };
-    // 开始等待录制
-    startWaitingToRecord() {
-        // 清除可能存在的计时器
-        if (this.waitingTimer) {
-            clearInterval(this.waitingTimer);
-        }
-        if (this.recordingTimer) {
-            clearInterval(this.recordingTimer);
-        }
-        this.waitingToRecord = true;
-        this.waitingTimeLeft = 10;
-        this.waitingTimer = setInterval(() => {
-            this.waitingTimeLeft--;
-            if (this.waitingTimeLeft <= 0) {
-                clearInterval(this.waitingTimer);
-                this.waitingTimer = null;
-                this.waitingToRecord = false;
-                this.startRecording();
-            }
-        }, 1000);
-    }
-    // 开始录制视频
-    async startRecording() {
-        try {
-            const stream = await navigator.mediaDevices.getUserMedia({
-                audio: true,
-                video: {
-                    width: { ideal: 1280 },
-                    height: { ideal: 720 },
-                    frameRate: { ideal: 30 }
-                }
-            });
-            this.recordingStream = stream;
-            this.showRecordingUI = true;
-            this.showCountdownWarning = false;
-            // 重置视频引用
-            this.videoRef = null;
-            // 确保视频元素获取到流
-            this.setupVideoPreview(stream);
-            // 检测浏览器支持的MIME类型
-            const mimeType = this.getSupportedMimeType();
-            // 创建MediaRecorder实例
-            let mediaRecorder;
-            try {
-                mediaRecorder = new MediaRecorder(stream, {
-                    mimeType: mimeType
-                });
-            }
-            catch (e) {
-                // 如果指定MIME类型失败，尝试使用默认设置
-                console.warn('指定的MIME类型不受支持，使用默认设置:', e);
-                try {
-                    mediaRecorder = new MediaRecorder(stream);
-                }
-                catch (recorderError) {
-                    // 通知父组件录制器创建失败
-                    this.recordingError.emit({
-                        type: 'recorder_creation_failed',
-                        message: '无法创建媒体录制器，您的浏览器可能不支持此功能',
-                        details: recorderError
-                    });
-                    this.showRecordingUI = false;
-                    return;
-                }
-            }
-            this.mediaRecorder = mediaRecorder;
-            const chunks = [];
-            mediaRecorder.ondataavailable = (event) => {
-                if (event.data.size > 0) {
-                    chunks.push(event.data);
-                }
-            };
-            mediaRecorder.onerror = (event) => {
-                // 通知父组件录制过程中发生错误
-                this.recordingError.emit({
-                    type: 'recording_error',
-                    message: '录制过程中发生错误',
-                    details: event
-                });
-                this.stopRecording();
-            };
-            mediaRecorder.onstop = () => {
-                try {
-                    // 根据实际使用的MIME类型创建Blob
-                    const blobType = mimeType || 'video/mp4';
-                    const blob = new Blob(chunks, { type: blobType });
-                    if (blob.size === 0) {
-                        // 通知父组件录制的视频为空
-                        this.recordingError.emit({
-                            type: 'empty_recording',
-                            message: '录制的视频为空'
-                        });
-                        this.showRecordingUI = false;
-                        return;
-                    }
-                    this.recordedBlob = blob;
-                    // 通知父组件录制已完成
-                    this.recordingStatusChange.emit({
-                        status: 'stopped',
-                        details: {
-                            duration: Math.floor((Date.now() - this.recordingStartTime) / 1000),
-                            size: blob.size,
-                            type: blob.type
-                        }
-                    });
-                    this.uploadRecordedVideo();
-                }
-                catch (error) {
-                    // 通知父组件处理录制视频时出错
-                    this.recordingError.emit({
-                        type: 'processing_error',
-                        message: '处理录制视频时出错',
-                        details: error
-                    });
-                    this.showRecordingUI = false;
-                }
-            };
-            // 开始录制
-            try {
-                mediaRecorder.start();
-                this.isRecording = true;
-                this.recordingStartTime = Date.now();
-                this.recordingTimeLeft = this.maxRecordingTime;
-                // 通知父组件录制已开始
-                this.recordingStatusChange.emit({
-                    status: 'started',
-                    details: {
-                        maxDuration: this.maxRecordingTime,
-                        mimeType: mediaRecorder.mimeType
-                    }
-                });
-            }
-            catch (startError) {
-                // 通知父组件开始录制失败
-                this.recordingError.emit({
-                    type: 'start_failed',
-                    message: '开始录制失败，请检查您的设备权限',
-                    details: startError
-                });
-                this.showRecordingUI = false;
-                return;
-            }
-            // 设置录制计时器
-            this.recordingTimer = setInterval(() => {
-                const elapsedTime = Math.floor((Date.now() - this.recordingStartTime) / 1000);
-                this.recordingTimeLeft = Math.max(0, this.maxRecordingTime - elapsedTime);
-                // 检查是否需要显示倒计时警告
-                if (this.recordingTimeLeft <= this.countdownWarningTime && !this.showCountdownWarning) {
-                    this.showCountdownWarning = true;
-                }
-                // 时间到自动停止录制
-                if (this.recordingTimeLeft <= 0) {
-                    this.stopRecording();
-                }
-            }, 1000);
-        }
-        catch (error) {
-            console.error('无法访问摄像头或麦克风:', error);
-            // 通知父组件无法访问媒体设备
-            this.recordingError.emit({
-                type: 'media_access_failed',
-                message: '无法访问摄像头或麦克风，请确保已授予权限',
-                details: error
-            });
-            this.showRecordingUI = false;
-        }
-    }
-    // 添加新方法来设置视频预览
-    setupVideoPreview(stream) {
-        // 延迟执行以确保DOM已更新
-        setTimeout(() => {
-            const videoElement = this.hostElement.shadowRoot?.querySelector('video');
-            if (videoElement && stream) {
-                // 先尝试使用标准方法
-                try {
-                    videoElement.srcObject = stream;
-                    videoElement.play().catch(err => {
-                        console.error('视频播放失败:', err);
-                    });
-                }
-                catch (e) {
-                    console.warn('设置srcObject失败，尝试替代方法:', e);
-                    // 对于不支持srcObject的旧浏览器，使用URL.createObjectURL
-                    try {
-                        // 使用类型断言解决TypeScript错误
-                        const objectUrl = URL.createObjectURL(stream);
-                        videoElement.src = objectUrl;
-                        // 确保在视频元素不再使用时释放URL
-                        videoElement.onended = () => {
-                            URL.revokeObjectURL(objectUrl);
-                        };
-                    }
-                    catch (urlError) {
-                        console.error('创建对象URL失败:', urlError);
-                    }
-                }
-            }
-            else {
-                console.warn('未找到视频元素或媒体流无效');
-            }
-        }, 100);
-    }
-    // 添加一个新方法来检测浏览器支持的MIME类型
-    getSupportedMimeType() {
-        // 按优先级排列的MIME类型列表
-        const mimeTypes = [
-            'video/webm;codecs=vp8,opus',
-            'video/webm;codecs=vp9,opus',
-            'video/webm',
-            'video/mp4',
-            'video/mp4;codecs=h264,aac',
-            '' // 空字符串表示使用浏览器默认值
-        ];
-        // 检查MediaRecorder是否可用
-        if (!window.MediaRecorder) {
-            console.warn('MediaRecorder API不可用');
-            return '';
-        }
-        // 检查每种MIME类型是否受支持
-        for (const type of mimeTypes) {
-            if (!type)
-                return ''; // 如果是空字符串，直接返回
-            try {
-                if (MediaRecorder.isTypeSupported(type)) {
-                    console.log('使用支持的MIME类型:', type);
-                    return type;
-                }
-            }
-            catch (e) {
-                console.warn(`检查MIME类型支持时出错 ${type}:`, e);
-            }
-        }
-        // 如果没有找到支持的类型，返回空字符串
-        console.warn('没有找到支持的MIME类型，将使用浏览器默认值');
-        return '';
-    }
-    // 停止录制
-    stopRecording() {
-        if (this.mediaRecorder && this.isRecording) {
-            this.mediaRecorder.stop();
-            this.isRecording = false;
-            // 清理计时器
-            if (this.recordingTimer) {
-                clearInterval(this.recordingTimer);
-                this.recordingTimer = null;
-            }
-            // 停止并释放媒体流
-            if (this.recordingStream) {
-                this.recordingStream.getTracks().forEach(track => track.stop());
-                this.recordingStream = null;
-            }
-            // 清理视频引用
-            this.videoRef = null;
-        }
-    }
-    // 上传录制的视频
-    async uploadRecordedVideo() {
-        if (!this.recordedBlob)
-            return;
-        try {
-            this.isUploadingVideo = true; // 开始上传时设置状态
-            this.showRecordingUI = false; // 隐藏视频预览
-            // 根据Blob类型确定文件扩展名
-            const fileExtension = this.recordedBlob.type.includes('webm') ? 'webm' : 'mp4';
-            const fileName = `answer.${fileExtension}`;
-            const formData = new FormData();
-            formData.append('file', this.recordedBlob, fileName);
-            const response = await fetch('https://pcm_api.ylzhaopin.com/external/v1/files/upload', {
-                method: 'POST',
-                headers: {
-                    'authorization': 'Bearer ' + this.apiKey
-                },
-                body: formData
-            });
-            const result = await response.json();
-            console.log('视频上传结果:', result);
-            if (result && result.cos_key) {
-                // 保存视频答案
-                await this.saveVideoAnswer(result.cos_key);
-                // 发送"下一题"请求
-                this.sendNextQuestion();
-            }
-            else {
-                throw new Error('视频上传失败');
-            }
-        }
-        catch (error) {
-            console.error('视频上传错误:', error);
-            // 通知父组件视频上传失败
-            this.recordingError.emit({
-                type: 'upload_failed',
-                message: '视频上传失败',
-                details: error
-            });
-        }
-        finally {
-            this.isUploadingVideo = false; // 上传完成后重置状态
-            this.showRecordingUI = false;
-            this.recordedBlob = null;
-        }
-    }
-    // 保存视频答案
-    async saveVideoAnswer(cosKey) {
-        if (!this.conversationId)
-            return;
-        try {
-            const lastAIMessage = this.messages.length > 0 ? this.messages[this.messages.length - 1] : null;
-            if (!lastAIMessage)
-                return;
-            await sendHttpRequest({
-                url: 'https://pcm_api.ylzhaopin.com/agents/hr_competition/answer',
-                method: 'POST',
-                headers: {
-                    'authorization': 'Bearer ' + this.apiKey
-                },
-                data: {
-                    conversation_id: this.conversationId,
-                    user: this.userId, // 使用传入的 userId
-                    question: lastAIMessage.answer,
-                    file_url: cosKey
-                },
-            });
-        }
-        catch (error) {
-            console.error('保存视频答案失败:', error);
-        }
-    }
-    // 发送"下一题"请求
-    sendNextQuestion() {
-        this.sendMessageToAPI("下一题");
-    }
-    /**
-     * 发送面试完成请求
-     */
-    async completeInterview() {
-        if (!this.conversationId)
-            return;
-        try {
-            await sendHttpRequest({
-                url: `https://pcm_api.ylzhaopin.com/agents/hr_competition/${this.conversationId}/end`,
-                method: 'POST',
-                headers: {
-                    'authorization': 'Bearer ' + this.apiKey
-                },
-            });
-        }
-        catch (error) {
-            console.error('发送面试完成请求失败:', error);
-        }
-    }
-    // 添加TTS合成音频的方法
-    async synthesizeAudio(text) {
-        try {
-            const response = await fetch('https://pcm_api.ylzhaopin.com/external/v1/tts/synthesize_audio', {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                    'authorization': 'Bearer ' + this.apiKey
-                },
-                body: JSON.stringify({ text })
-            });
-            if (!response.ok) {
-                throw new Error('语音合成失败');
-            }
-            // 获取音频数据并创建Blob URL
-            const audioBlob = await response.blob();
-            return URL.createObjectURL(audioBlob);
-        }
-        catch (error) {
-            console.error('语音合成错误:', error);
-            throw error;
-        }
-    }
-    // 播放音频的方法
-    playAudio(audioUrl) {
-        return new Promise((resolve) => {
-            this.isPlayingAudio = true;
-            this.audioUrl = audioUrl;
-            // 创建音频元素
-            if (!this.audioElement) {
-                this.audioElement = new Audio();
-            }
-            this.audioElement.src = audioUrl;
-            this.audioElement.onended = () => {
-                this.isPlayingAudio = false;
-                this.audioUrl = null;
-                resolve();
-            };
-            this.audioElement.onerror = () => {
-                console.error('音频播放错误');
-                this.isPlayingAudio = false;
-                this.audioUrl = null;
-                resolve();
-            };
-            this.audioElement.play().catch(error => {
-                console.error('音频播放失败:', error);
-                this.isPlayingAudio = false;
-                this.audioUrl = null;
-                resolve();
-            });
-        });
-    }
-    // 修改 componentDidLoad 生命周期方法，确保组件卸载时释放资源
-    disconnectedCallback() {
-        // 释放音频资源
-        if (this.audioElement) {
-            this.audioElement.pause();
-            this.audioElement.src = '';
-            this.audioElement = null;
-        }
-        // 释放 Blob URL
-        if (this.audioUrl) {
-            URL.revokeObjectURL(this.audioUrl);
-            this.audioUrl = null;
-        }
-        // 清理其他计时器
-        if (this.waitingTimer) {
-            clearInterval(this.waitingTimer);
-            this.waitingTimer = null;
-        }
-        if (this.recordingTimer) {
-            clearInterval(this.recordingTimer);
-            this.recordingTimer = null;
-        }
-        // 停止录制
-        this.stopRecording();
-    }
-    // 修改手动播放音频的方法
-    handlePlayAudio = async () => {
-        if (this.audioUrl) {
-            await this.playAudio(this.audioUrl);
-            // 手动播放完成后开始等待录制
-            this.startWaitingToRecord();
-        }
-    };
-    render() {
-        if (!this.isOpen)
-            return null;
-        const modalStyle = {
-            zIndex: String(this.zIndex)
-        };
-        const containerClass = {
-            'modal-container': true,
-            'fullscreen': this.fullscreen
-        };
-        const overlayClass = {
-            'modal-overlay': true,
-            'fullscreen-overlay': this.fullscreen
-        };
-        const renderVideoPreview = () => (h("div", { class: "video-preview" }, h("video", { autoPlay: true, playsInline: true, muted: true, style: { transform: 'scaleX(-1)' }, ref: (el) => {
-                if (el && this.recordingStream && !this.videoRef) {
-                    this.videoRef = el;
-                    // 不在这里设置srcObject，而是使用setupVideoPreview方法
-                }
-            } }), h("div", { class: {
-                'recording-status': true,
-                'warning': this.showCountdownWarning
-            } }, h("span", { class: "recording-dot" }), h("span", null, "\u5F55\u5236\u4E2D ", Math.floor(this.recordingTimeLeft / 60), ":", (this.recordingTimeLeft % 60).toString().padStart(2, '0'), this.showCountdownWarning && ` (即将自动完成)`))));
-        // 渲染占位符状态信息
-        const renderPlaceholderStatus = () => {
-            // 正在播放音频
-            if (this.isPlayingAudio) {
-                return (h("div", { class: "placeholder-status" }, h("p", null, "\u6B63\u5728\u64AD\u653E\u95EE\u9898\uFF0C\u8BF7\u542C\u5B8C\u540E\u51C6\u5907\u56DE\u7B54...")));
-            }
-            // 正在上传视频
-            if (this.isUploadingVideo) {
-                return (h("div", { class: "placeholder-status" }, h("p", null, "\u6B63\u5728\u4E0A\u4F20\u89C6\u9891\uFF0C\u8BF7\u7A0D\u5019...")));
-            }
-            // 正在加载或等待AI回复
-            if (this.isLoading || this.currentStreamingMessage) {
-                return (h("div", { class: "placeholder-status" }, h("p", null, "\u8BF7\u7B49\u5F85\u9898\u76EE...")));
-            }
-            // 等待开始录制
-            if (this.waitingToRecord) {
-                return (h("div", { class: "placeholder-status" }, h("p", null, "\u8BF7\u51C6\u5907\u597D\uFF0C", this.waitingTimeLeft, "\u79D2\u540E\u5C06\u5F00\u59CB\u5F55\u5236\u60A8\u7684\u56DE\u7B54...")));
-            }
-            // 添加默认状态
-            return (h("div", { class: "placeholder-status default-status" }, h("p", null, "\u51C6\u5907\u4E2D...")));
-        };
-        return (h("div", { class: overlayClass, style: modalStyle }, h("div", { class: containerClass }, this.isShowHeader && (h("div", { class: "modal-header" }, h("div", { class: "header-left" }, this.icon && h("img", { src: this.icon, class: "header-icon", alt: "\u5E94\u7528\u56FE\u6807" }), h("div", null, this.modalTitle)), this.isNeedClose && (h("button", { class: "close-button", onClick: this.handleClose }, h("span", null, "\u00D7"))))), this.showInitialUpload ? (h("div", { class: "initial-upload" }, h("div", { class: "upload-section" }, this.requireResume && (h(h.Fragment, null, h("h3", null, "\u5F00\u59CB\u524D\uFF0C\u8BF7\u4E0A\u4F20\u60A8\u7684\u7B80\u5386"), h("div", { class: "upload-area", onClick: this.handleUploadClick }, this.selectedFile ? (h("div", { class: "file-info" }, h("span", null, this.selectedFile.name), h("button", { class: "remove-file", onClick: (e) => {
-                e.stopPropagation();
-                this.clearSelectedFile();
-            } }, "\u00D7"))) : (h("div", { class: "upload-placeholder" }, h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", width: "48", height: "48" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M12 4v16m0-16l-4 4m4-4l4 4" })), h("p", null, "\u70B9\u51FB\u4E0A\u4F20\u7B80\u5386"), h("p", { class: "upload-hint" }, "\u652F\u6301 txt\u3001 markdown\u3001 pdf\u3001 docx\u3001  md \u683C\u5F0F")))))), h("div", { class: "category-select" }, h("h3", null, "\u8BF7\u9009\u62E9\u60A8\u7684\u804C\u80FD\u7C7B\u522B\uFF08\u5355\u9009\uFF09"), h("div", { class: "category-options" }, this.jobCategories.map(category => (h("button", { class: {
-                'category-button': true,
-                'selected': this.selectedJobCategory === category
-            }, onClick: () => this.handleJobCategorySelect(category) }, category))))), h("div", { class: "dimension-select" }, h("h3", null, "\u8BF7\u9009\u62E9\u5173\u6CE8\u7684\u6A21\u5757\uFF08\u53EF\u591A\u9009\uFF09"), h("div", { class: "dimension-options" }, this.dimensions.map(dimension => (h("button", { class: {
-                'dimension-button': true,
-                'selected': this.selectedDimensions.includes(dimension)
-            }, onClick: () => this.handleDimensionSelect(dimension) }, dimension))))), h("button", { class: "submit-button", disabled: (this.requireResume && !this.selectedFile) ||
-                !this.selectedJobCategory ||
-                this.selectedDimensions.length === 0 ||
-                (this.requireResume && this.isUploading), onClick: this.handleInitialSubmit }, this.requireResume && this.isUploading ? '上传中...' : '开始面试')), this.requireResume && (h("input", { type: "file", class: "file-input", onChange: this.handleFileChange, accept: ".pdf,.doc,.docx,.txt" })))) : (h("div", { style: { height: '100%' } }, h("div", { class: "chat-history", onScroll: this.handleScroll }, this.isLoadingHistory ? (h("div", { class: "loading-container" }, h("div", { class: "loading-spinner" }), h("p", null, "\u52A0\u8F7D\u5386\u53F2\u6D88\u606F\u4E2D..."))) : (h("div", null, this.messages.map((message) => (h("div", { id: `message_${message.id}`, key: message.id }, h("pcm-chat-message", { message: message, onMessageChange: (event) => {
-                const updatedMessages = this.messages.map(msg => msg.id === message.id ? { ...msg, ...event.detail } : msg);
-                this.messages = updatedMessages;
-            } })))), this.currentStreamingMessage && (h("div", { id: `message_${this.currentStreamingMessage.id}` }, h("pcm-chat-message", { message: this.currentStreamingMessage }))), this.messages.length === 0 && !this.currentStreamingMessage && (h("div", { class: "empty-state" }, h("p", null, "\u8BF7\u4E0A\u4F20\u7B80\u5386\u5F00\u59CB\u9762\u8BD5")))))), h("div", { class: "recording-section" }, h("div", { class: "recording-container" }, h("div", { class: "video-area" }, this.showRecordingUI ? (renderVideoPreview()) : (h("div", { class: "video-preview placeholder" }, renderPlaceholderStatus()))), h("div", { class: "progress-container" }, h("div", { class: "progress-bar-container" }, h("div", { class: "progress-bar", style: {
-                width: `${Math.max(0, this.currentQuestionNumber - 1) / this.totalQuestions * 100}%`
-            } })), h("div", { class: "progress-text" }, "\u5DF2\u5B8C\u6210", Math.max(0, this.currentQuestionNumber - 1), "/", this.totalQuestions)), h("div", { class: "recording-controls" }, this.showRecordingUI ? (h("button", { class: "stop-recording-button", onClick: () => this.stopRecording() }, "\u5B8C\u6210\u672C\u9898\u56DE\u7B54")) : (h("div", { class: "waiting-message" }, (() => {
-            // 显示播放按钮（当不自动播放且有音频URL时）
-            if (!this.enableVoice && this.audioUrl && !this.isPlayingAudio) {
-                return (h("div", { class: "play-audio-container", onClick: this.handlePlayAudio }, h("p", null, h("svg", { viewBox: "0 0 24 24", width: "24", height: "24", fill: "currentColor", style: { verticalAlign: 'middle', marginRight: '8px' } }, h("path", { d: "M8 5v14l11-7z" })), h("span", { style: { verticalAlign: 'middle' } }, "\u64AD\u653E\u9898\u76EE"))));
-            }
-            // 其他状态下显示禁用的"完成回答"按钮
-            return (h("button", { class: "stop-recording-button disabled", disabled: true }, "\u5B8C\u6210\u56DE\u7B54"));
-        })()))))))))));
-    }
-    static get watchers() { return {
-        "isOpen": ["handleIsOpenChange"]
-    }; }
-};
-ChatHRModal.style = pcmHrChatModalCss;
-
-export { ChatHRModal as pcm_hr_chat_modal };
-//# sourceMappingURL=pcm-hr-chat-modal.entry.js.map
-
-//# sourceMappingURL=pcm-hr-chat-modal.entry.js.map