pcm-agents 1.0.13 → 1.0.15-beta.0

package/dist/pcm-agents/p-d6dcc4dc.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pcmMnctModalCss","globalCss","hostCss","MnctModal","modalTitle","locale","token","isOpen","modalClosed","icon","zIndex","isShowHeader","isNeedClose","conversationId","defaultQuery","fullscreen","customInputs","showWorkspaceHistory","showInputHistory","questionNumber","canOutputAnalysis","uploadSuccess","streamComplete","conversationStart","interviewComplete","tokenInvalid","someErrorEvent","filePreviewMode","isUploading","uploadedFileInfo","showChatModal","isHistoryDrawerOpen","historyConversations","isLoadingConversations","historyConversationCursorStack","historyConversationPageIndex","hasMoreHistoryConversations","strings","jobDescription","isSubmitting","pcmUploadRef","getBotId","currentLocale","this","hostElement","lang","botIdMap","zh","en","tokenInvalidListener","removeErrorListener","_historyConversationPageSize","handleTokenChange","newToken","authStore","getToken","setToken","handleIsOpenChange","newValue","job_info","verifyApiKey","file_url","resume_content","componentWillLoad","stringsEn","stringsZh","configStore","setItem","emit","ErrorEventBus","addErrorListener","errorDetail","document","addEventListener","disconnectedCallback","removeEventListener","handleClose","handleJobDescriptionChange","event","textarea","target","value","handleQuestionNumberChange","input","parseInt","handleAnalysisToggle","checked","loadHistoryConversations","async","lastId","pageIndex","result","fetchHistoryConversations","nextCursorStack","slice","hasMore","nextCursor","items","handleInputHistoryClick","handleHistoryConversationPageChange","direction","previousPageIndex","previousCursor","nextPageIndex","handleSelectConversation","id","handleStartInterview","Message","info","alerts","uploadResume","trim","enterJobDescription","getIsUploading","render","modalStyle","String","containerClass","overlayClass","isLoading","hideJdInput","Boolean","hideResumeUpload","hasFileAndJob","h","class","style","src","alt","type","onClick","title","htmlFor","jobDescriptionLabel","placeholder","jobDescriptionPlaceholder","rows","onInput","resumeUploadLabel","ref","el","maxFileSize","multiple","acceptFileSuffixList","uploadParams","tags","onUploadChange","e","detail","questionNumberLabel","min","max","questionUnit","analysisToggleLabel","onChange","toggleOn","toggleOff","disabled","processing","startAnalysis","aiDisclaimer","beianLabel","href","rel","beianNumber","drawerTitle","width","onClosed","history","loading","length","noHistory","map","conversation","key","name","timeDisplay","message_count","status","completed","running","loadingConversation","botId","cos_key","file_name","question_number","can_outputAnalysis","interviewMode"],"sources":["src/components/pcm-mnct-modal/pcm-mnct-modal.css?tag=pcm-mnct-modal&encapsulation=shadow","src/global/global.css?tag=pcm-mnct-modal&encapsulation=shadow","src/global/host.css?tag=pcm-mnct-modal&encapsulation=shadow","src/components/pcm-mnct-modal/pcm-mnct-modal.tsx"],"sourcesContent":["/* 历史会话相关样式已移至 global/global.css */\r\n","/* 模态框基础样式 */\r\n.modal-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: rgba(0, 0, 0, 0.5);\r\n    display: flex;\r\n    z-index: 1000;\r\n    overflow-y: auto;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 - 改为基于父组件 */\r\n.fullscreen-overlay {\r\n    padding: 0;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    /* 改为基于父组件的全屏 */\r\n    position: absolute;\r\n    width: 100%;\r\n    height: auto;\r\n}\r\n\r\n.modal-container {\r\n    background-color: #fff;\r\n    border-radius: 8px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    margin: 3vh auto auto auto;\r\n    transition: all 0.3s ease-out;\r\n    overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 - 改为基于父组件 */\r\n.modal-container.fullscreen {\r\n    width: 100%;\r\n    max-width: none;\r\n    height: 100%;\r\n    border-radius: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-height: 100%;\r\n}\r\n\r\n/* PC端布局 */\r\n.pc-layout {\r\n    width: 80%;\r\n    max-width: 600px;\r\n    min-width: 320px;\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n    .pc-layout {\r\n        width: 95%;\r\n    }\r\n\r\n    .modal-overlay {\r\n        padding: 10px 0px 0px 0px;\r\n    }\r\n\r\n    .modal-container.fullscreen {\r\n        /* 移动端也基于父组件尺寸 */\r\n        width: 100%;\r\n        height: 100%;\r\n        max-height: 100%;\r\n        border-radius: 16px 16px 0 0;\r\n        /* 保留安全区域支持 */\r\n        padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n    }\r\n}\r\n\r\n/* 模态框头部样式 */\r\n.modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 4px 16px;\r\n    height: 50px;\r\n    border-bottom: 1px solid #e8e8e8;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.header-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #333;\r\n}\r\n\r\n.header-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n}\r\n\r\n.close-button {\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 4px;\r\n}\r\n\r\n.close-button:hover {\r\n    background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.close-button span {\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    color: #999;\r\n}\r\n\r\n.close-button:hover span {\r\n    color: #666;\r\n}\r\n\r\n\r\n/* 文件上传区域通用样式 */\r\n.upload-area {\r\n    cursor: pointer;\r\n    width: 100%;\r\n}\r\n\r\n\r\n.upload-placeholder {\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    background: rgba(0, 0, 0, 0.02);\r\n    border: 1px dashed #d9d9d9;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n}\r\n\r\n.upload-placeholder:hover {\r\n    border: 1px dashed #1890ff;\r\n}\r\n\r\n.upload-placeholder img {\r\n    margin-top: 8px;\r\n    width: 50px;\r\n    height: 50px;\r\n}\r\n\r\n.upload-placeholder .upload-text {\r\n    margin: 4px 0;\r\n    color: #332F39;\r\n    font-size: 14px;\r\n}\r\n\r\n.upload-placeholder .upload-hint {\r\n    font-size: 14px;\r\n    color: #949AA5;\r\n    margin-top: 8px;\r\n    padding: 0px 10px;\r\n    text-align: center;\r\n    white-space: normal;\r\n    word-wrap: break-word;\r\n    word-break: break-all;\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n/* 文件项样式 */\r\n.file-item {\r\n    position: relative;\r\n    padding: 16px;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    transition: border-color 0.3s;\r\n    cursor: pointer;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.file-item:hover {\r\n    border-color: #0D75FB;\r\n}\r\n\r\n.file-item-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    flex: 1;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.file-icon {\r\n    color: #0D75FB;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.file-name {\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: calc(100% - 50px);\r\n}\r\n\r\n.remove-file {\r\n    background: transparent;\r\n    border: none;\r\n    color: #94a3b8;\r\n    cursor: pointer;\r\n    font-size: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 4px;\r\n    margin-left: 8px;\r\n    border-radius: 4px;\r\n    transition: all 0.2s;\r\n    min-width: 30px;\r\n    min-height: 30px;\r\n}\r\n\r\n.remove-file:hover {\r\n    background-color: #f1f5f9;\r\n    color: #475569;\r\n}\r\n\r\n.file-input {\r\n    display: none;\r\n}\r\n\r\n\r\n\r\n/* 输入容器样式 */\r\n.input-container {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: calc(100% - 50px);\r\n    background: linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;\r\n    /* 减去header高度 */\r\n    overflow-y: auto;\r\n}\r\n\r\n.input-container h3 {\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n    font-size: 18px;\r\n    color: #333;\r\n    text-align: center;\r\n}\r\n\r\n/* JD输入区域样式 */\r\n.jd-input-section {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.jd-input-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n.job-description-textarea {\r\n    width: calc(100% - 16px);\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    resize: vertical;\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    transition: border-color 0.3s;\r\n    padding: 8px;\r\n}\r\n\r\n.job-description-textarea:focus {\r\n    outline: none;\r\n    border-color: #1890ff;\r\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n/* 简历上传区域样式 */\r\n.resume-upload-section {\r\n    margin-bottom: 20px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.resume-upload-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n/* 面试设置区域 */\r\n.interview-settings-section {\r\n    margin-bottom: 24px;\r\n    padding: 20px;\r\n    background-color: #f8f9fa;\r\n    border-radius: 8px;\r\n    border: 1px solid #e9ecef;\r\n}\r\n\r\n.settings-row {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.settings-row:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.settings-label {\r\n    display: block;\r\n    font-weight: 500;\r\n    color: #333;\r\n    margin-bottom: 12px;\r\n    font-size: 14px;\r\n}\r\n\r\n/* 题目数量滑块样式 */\r\n.question-number-section {\r\n    width: 100%;\r\n}\r\n\r\n.slider-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.question-slider {\r\n    flex: 1;\r\n    height: 6px;\r\n    background: #ddd;\r\n    outline: none;\r\n    border-radius: 3px;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n}\r\n\r\n.question-slider::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.question-slider::-moz-range-thumb {\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    border: none;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.slider-value {\r\n    font-weight: 600;\r\n    color: #0D75FB;\r\n    font-size: 14px;\r\n    min-width: 30px;\r\n    text-align: center;\r\n}\r\n\r\n/* 开关样式 */\r\n.analysis-toggle-section {\r\n    width: 100%;\r\n}\r\n\r\n.toggle-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.toggle-switch {\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 44px;\r\n    height: 24px;\r\n}\r\n\r\n.toggle-switch input {\r\n    opacity: 0;\r\n    width: 0;\r\n    height: 0;\r\n}\r\n\r\n.toggle-slider {\r\n    position: absolute;\r\n    cursor: pointer;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: #ccc;\r\n    transition: 0.3s;\r\n    border-radius: 24px;\r\n}\r\n\r\n.toggle-slider:before {\r\n    position: absolute;\r\n    content: \"\";\r\n    height: 18px;\r\n    width: 18px;\r\n    left: 3px;\r\n    bottom: 3px;\r\n    background-color: white;\r\n    transition: 0.3s;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\ninput:checked + .toggle-slider {\r\n    background-color: #0D75FB;\r\n}\r\n\r\ninput:checked + .toggle-slider:before {\r\n    transform: translateX(20px);\r\n}\r\n\r\n.toggle-text {\r\n    font-size: 14px;\r\n    color: #666;\r\n    font-weight: 500;\r\n}\r\n\r\n/* 提交按钮通用样式 */\r\n.submit-button {\r\n    margin-top: 10px;\r\n    padding: 10px 30px;\r\n    background: #0D75FB;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    align-self: center;\r\n}\r\n\r\n.submit-button:hover {\r\n    background-color: #40a9ff;\r\n}\r\n\r\n.submit-button:disabled {\r\n    background-color: rgba(0,0,0,0.04);\r\n    color: rgba(0,0,0,0.25);\r\n    cursor: not-allowed;\r\n}\r\n\r\n\r\n\r\n/* AI免责声明和备案信息样式 */\r\n.ai-disclaimer {\r\n    margin-top: 16px;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #999;\r\n    line-height: 1.5;\r\n}\r\n\r\n.ai-disclaimer p {\r\n    margin: 4px 0;\r\n}\r\n\r\n.beian-info {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 4px;\r\n}\r\n\r\n.ai-disclaimer a {\r\n    color: #666;\r\n    text-decoration: none;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\n.ai-disclaimer a:hover {\r\n    color: #1890ff;\r\n    text-decoration: underline;\r\n}\r\n\r\n/* 添加加载状态的样式 */\r\n.loading-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 100%;\r\n    padding: 24px;\r\n  }\r\n  \r\n  .loading-spinner {\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 4px solid rgba(0, 0, 0, 0.1);\r\n    border-radius: 50%;\r\n    border-top-color: var(--pcm-primary-color, #1890ff);\r\n    animation: spin 1s linear infinite;\r\n    margin-bottom: 16px;\r\n  }\r\n  \r\n  .loading-text {\r\n    font-size: 16px;\r\n    color: var(--pcm-text-color, #333);\r\n  }\r\n  \r\n  @keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n\r\n/* 历史会话按钮 */\r\n.header-history-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: transparent;\r\n  color: #bbb;\r\n  cursor: pointer;\r\n  font-size: 13px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  transition: all 0.2s ease;\r\n  flex-shrink: 0;\r\n  white-space: nowrap;\r\n}\r\n\r\n.header-history-button svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  display: block;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.header-history-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n  color: #666;\r\n}\r\n\r\n.header-history-button:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n/* 历史会话抽屉内容 */\r\n.history-drawer-content {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.conversation-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 8px 0;\r\n}\r\n\r\n.loading-conversations,\r\n.empty-conversations {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 40px 20px;\r\n  color: #999;\r\n}\r\n\r\n.loading-conversations .loading-spinner-small {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.conversation-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 12px 16px;\r\n  margin: 0 8px 4px 8px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.conversation-item:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.conversation-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.conversation-title {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #262626;\r\n  margin-bottom: 4px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.conversation-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.conversation-time {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.message-count {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.conversation-status {\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n}\r\n\r\n.conversation-status.completed {\r\n  background: #f6ffed;\r\n  color: #52c41a;\r\n}\r\n\r\n.conversation-status.running {\r\n  background: #fff7e6;\r\n  color: #fa8c16;\r\n}\r\n\r\n.header-history-entry {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-left: 8px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: #e6f7ff;\r\n  color: #1890ff;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  white-space: nowrap;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.header-history-entry:hover {\r\n  background: #bae7ff;\r\n  color: #0958d9;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.header-history-entry:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.history-pagination {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  padding: 12px 16px 16px;\r\n  border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.history-pagination-button {\r\n  min-width: 72px;\r\n  padding: 6px 12px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  background: #fff;\r\n  color: #595959;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.history-pagination-button:hover:not(:disabled) {\r\n  border-color: #1890ff;\r\n  color: #1890ff;\r\n  background: #e6f7ff;\r\n}\r\n\r\n.history-pagination-button:disabled {\r\n  border-color: #f0f0f0;\r\n  color: #bfbfbf;\r\n  background: #fafafa;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.history-pagination-info {\r\n  flex: 1;\r\n  text-align: center;\r\n  color: #8c8c8c;\r\n  font-size: 12px;\r\n}\r\n  \r\n",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}","import { Component, Prop, h, State, Element, Event, EventEmitter, Watch } from '@stencil/core';\r\nimport { FileUploadResponse, verifyApiKey } from '../../utils/utils';\r\nimport { ConversationStartEventData, InterviewCompleteEventData, StreamCompleteEventData } from '../../components';\r\nimport { ErrorEventBus, ErrorEventDetail } from '../../utils/error-event';\r\nimport { authStore } from '../../../store/auth.store';\r\nimport { configStore } from '../../../store/config.store';\r\nimport { Message } from '../../services/message.service';\r\nimport { ConversationItem } from '../../interfaces/chat';\r\nimport { fetchHistoryConversations } from '../../utils/conversation-utils';\r\nimport stringsZh from './pcm-mnct-modal.i18n.zh.json';\r\nimport stringsEn from './pcm-mnct-modal.i18n.en.json';\r\n\r\n/**\r\n * 模拟出题大师\r\n */\r\n\r\n@Component({\r\n    tag: 'pcm-mnct-modal',\r\n    styleUrls: ['pcm-mnct-modal.css', '../../global/global.css', '../../global/host.css'],\r\n    shadow: true,\r\n})\r\nexport class MnctModal {\r\n    /**\r\n     * 模态框标题\r\n     */\r\n    @Prop() modalTitle: string = '面试出题大师';\r\n\r\n    /**\r\n     * 语言设置\r\n     */\r\n    @Prop() locale: string = 'zh';\r\n\r\n    /**\r\n     * SDK鉴权密钥\r\n     */\r\n    @Prop({ attribute: 'token' }) token!: string;\r\n\r\n    /**\r\n     * 是否显示聊天模态框\r\n     */\r\n    @Prop({ mutable: true }) isOpen: boolean = false;\r\n\r\n    /**\r\n     * 当点击模态框关闭时触发\r\n     */\r\n    @Event() modalClosed: EventEmitter<void>;\r\n\r\n    /**\r\n     * 应用图标URL\r\n     */\r\n    @Prop() icon?: string;\r\n\r\n    /**\r\n     * 聊天框的页面层级\r\n     */\r\n    @Prop() zIndex?: number = 1000;\r\n\r\n    /**\r\n     * 是否展示顶部标题栏\r\n     */\r\n    @Prop() isShowHeader: boolean = true;\r\n\r\n    /**\r\n     * 是否展示右上角的关闭按钮\r\n     */\r\n    @Prop() isNeedClose: boolean = true;\r\n\r\n    /**\r\n     * 会话ID，传入继续对话，否则创建新会话\r\n     */\r\n    @Prop({ mutable: true }) conversationId?: string;\r\n\r\n    /**\r\n     * 默认查询文本\r\n     */\r\n    @Prop() defaultQuery: string = '请开始出题';\r\n\r\n    /**\r\n     * 是否以全屏模式打开。全屏范围基于父容器，而非浏览器视口；移动端建议设置为 true\r\n     */\r\n    @Prop() fullscreen: boolean = false;\r\n\r\n    /**\r\n     * 自定义输入参数<br>\r\n     * 传入customInputs.job_info时，会隐藏JD输入区域。<br>\r\n     * 传入customInputs.file_url或customInputs.resume_content时，会隐藏简历上传区域。<br>\r\n     * 传入customInputs.file_url（或customInputs.resume_content）和customInputs.job_info时，会直接开始聊天。<br>\r\n     * customInputs.resume_content：可传入json字符串，或纯文本字符串，字符串内容为简历内容。<br>\r\n     * 传入customInputs.question_number时，会设置面试题数量。<br>\r\n     * 传入customInputs.can_outputAnalysis时，会设置是否需要参考答案。<br>\r\n     */\r\n    @Prop() customInputs: Record<string, string> = {};\r\n\r\n    /**\r\n     * 是否显示工作区历史会话按钮\r\n     */\r\n    @Prop() showWorkspaceHistory: boolean = false;\r\n\r\n    /**\r\n     * 是否在上传界面显示历史会话按钮\r\n     */\r\n    @Prop() showInputHistory: boolean = false;\r\n\r\n    /**\r\n     * 面试题数量，默认6题（范围：3-20题）\r\n     */\r\n    @Prop({ mutable: true }) questionNumber: number = 6;\r\n\r\n    /**\r\n     * 是否需要参考答案，默认开启\r\n     */\r\n    @Prop({ mutable: true }) canOutputAnalysis: boolean = true;\r\n\r\n    /**\r\n     * 上传成功事件\r\n     */\r\n    @Event() uploadSuccess: EventEmitter<FileUploadResponse>;\r\n\r\n    /**\r\n     * 流式输出完成事件\r\n     */\r\n    @Event() streamComplete: EventEmitter<StreamCompleteEventData>;\r\n\r\n    /**\r\n     * 新会话开始的回调，只会在一轮对话开始时触发一次\r\n     */\r\n    @Event() conversationStart: EventEmitter<ConversationStartEventData>;\r\n\r\n    /**\r\n     * 当聊天完成时触发\r\n     */\r\n    @Event() interviewComplete: EventEmitter<InterviewCompleteEventData>;\r\n\r\n    /**\r\n     * SDK密钥验证失败事件\r\n     */\r\n    @Event() tokenInvalid: EventEmitter<void>;\r\n\r\n    /**\r\n    * 错误事件\r\n    */\r\n    @Event() someErrorEvent: EventEmitter<ErrorEventDetail>;\r\n\r\n    /**\r\n     * 附件预览模式\r\n     * 'drawer': 在右侧抽屉中预览\r\n     * 'window': 在新窗口中打开\r\n     */\r\n    @Prop() filePreviewMode: 'drawer' | 'window' = 'drawer';\r\n\r\n    @State() isUploading: boolean = false;\r\n    @State() uploadedFileInfo: FileUploadResponse | null = null;\r\n    @State() showChatModal: boolean = false;\r\n    @State() isHistoryDrawerOpen: boolean = false;\r\n    @State() historyConversations: ConversationItem[] = [];\r\n    @State() isLoadingConversations: boolean = false;\r\n    @State() historyConversationCursorStack: string[] = [''];\r\n    @State() historyConversationPageIndex: number = 0;\r\n    @State() hasMoreHistoryConversations: boolean = false;\r\n\r\n    // 使用 @Element 装饰器获取组件的 host 元素\r\n    @Element() hostElement: HTMLElement;\r\n\r\n    // 国际化字符串\r\n    @State() strings: any;\r\n\r\n    @State() jobDescription: string = '';\r\n    @State() isSubmitting: boolean = false;\r\n\r\n    private pcmUploadRef;\r\n\r\n    // 根据语言获取对应的botId\r\n    private getBotId(): string {\r\n        const currentLocale = this.locale || this.hostElement?.lang || 'zh';\r\n        const botIdMap: Record<string, string> = {\r\n            'zh': '3022316191018876',\r\n            'en': '8164755731671041'\r\n        };\r\n        return botIdMap[currentLocale] || botIdMap['zh'];\r\n    }\r\n\r\n    private tokenInvalidListener: () => void;\r\n    private removeErrorListener: () => void;\r\n    private readonly _historyConversationPageSize: number = 20;\r\n\r\n    @Watch('token')\r\n    handleTokenChange(newToken: string) {\r\n        // 当传入的 token 变化时，更新 authStore 中的 token\r\n        if (newToken && newToken !== authStore.getToken()) {\r\n            authStore.setToken(newToken);\r\n        }\r\n    }\r\n\r\n    @Watch('isOpen')\r\n    async handleIsOpenChange(newValue: boolean) {\r\n        if (!newValue) {\r\n            // 重置状态\r\n            this.uploadedFileInfo = null;\r\n            this.showChatModal = false;\r\n            this.jobDescription = '';\r\n\r\n        } else {\r\n            if (this.customInputs && this.customInputs.job_info) {\r\n                this.jobDescription = this.customInputs.job_info;\r\n            }\r\n\r\n            await verifyApiKey(this.token);\r\n\r\n            // 如果有会话ID或者同时有(file_url或resume_content)和job_info，直接显示聊天模态框\r\n            if (this.conversationId || ((this.customInputs?.file_url || this.customInputs?.resume_content) && this.customInputs?.job_info)) {\r\n                this.showChatModal = true;\r\n            }\r\n        }\r\n    }\r\n\r\n    async componentWillLoad() {\r\n        // 加载国际化字符串\r\n        this.strings = this.locale === 'en' ? stringsEn : stringsZh;\r\n\r\n        // 将 zIndex 存入配置缓存\r\n        if (this.zIndex) {\r\n            configStore.setItem('modal-zIndex', this.zIndex);\r\n        }\r\n        if (this.token) {\r\n            authStore.setToken(this.token);\r\n        }\r\n        verifyApiKey(this.token);\r\n\r\n        // 添加全局token无效事件监听器\r\n        this.tokenInvalidListener = () => {\r\n            this.tokenInvalid.emit();\r\n        };\r\n        // 添加全局错误监听\r\n        this.removeErrorListener = ErrorEventBus.addErrorListener((errorDetail) => {\r\n            this.someErrorEvent.emit(errorDetail);\r\n        });\r\n        document.addEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n    }\r\n\r\n    disconnectedCallback() {\r\n        // 组件销毁时移除事件监听器\r\n        document.removeEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n        // 移除错误监听器\r\n        if (this.removeErrorListener) {\r\n            this.removeErrorListener();\r\n        }\r\n    }\r\n\r\n    private handleClose = () => {\r\n        this.modalClosed.emit();\r\n    };\r\n\r\n    private handleJobDescriptionChange = (event: Event) => {\r\n        const textarea = event.target as HTMLTextAreaElement;\r\n        this.jobDescription = textarea.value;\r\n    };\r\n\r\n    private handleQuestionNumberChange = (event: Event) => {\r\n        const input = event.target as HTMLInputElement;\r\n        const value = parseInt(input.value);\r\n        this.questionNumber = (value >= 3 && value <= 20) ? value : 6;\r\n    };\r\n\r\n    private handleAnalysisToggle = (event: Event) => {\r\n        const input = event.target as HTMLInputElement;\r\n        this.canOutputAnalysis = input.checked;\r\n    };\r\n\r\n    private loadHistoryConversations = async (lastId: string, pageIndex: number): Promise<void> => {\r\n        this.isLoadingConversations = true;\r\n        const result = await fetchHistoryConversations(this.getBotId(), 'pcm-mnct-modal', lastId, this._historyConversationPageSize);\r\n        const nextCursorStack = this.historyConversationCursorStack.slice(0, pageIndex + 1);\r\n\r\n        if (result.hasMore && result.nextCursor) {\r\n            nextCursorStack[pageIndex + 1] = result.nextCursor;\r\n        }\r\n\r\n        this.historyConversationCursorStack = nextCursorStack;\r\n        this.historyConversationPageIndex = pageIndex;\r\n        this.historyConversations = result.items;\r\n        this.hasMoreHistoryConversations = result.hasMore;\r\n        this.isLoadingConversations = false;\r\n    };\r\n\r\n    private handleInputHistoryClick = async () => {\r\n        this.isHistoryDrawerOpen = true;\r\n        this.historyConversationCursorStack = [''];\r\n        await this.loadHistoryConversations('', 0);\r\n    };\r\n\r\n    private handleHistoryConversationPageChange = async (direction: 'prev' | 'next'): Promise<void> => {\r\n        if (direction === 'prev') {\r\n            if (this.historyConversationPageIndex === 0) {\r\n                return;\r\n            }\r\n\r\n            const previousPageIndex = this.historyConversationPageIndex - 1;\r\n            const previousCursor = this.historyConversationCursorStack[previousPageIndex] || '';\r\n            await this.loadHistoryConversations(previousCursor, previousPageIndex);\r\n            return;\r\n        }\r\n\r\n        if (!this.hasMoreHistoryConversations) {\r\n            return;\r\n        }\r\n\r\n        const nextPageIndex = this.historyConversationPageIndex + 1;\r\n        const nextCursor = this.historyConversationCursorStack[nextPageIndex];\r\n        if (!nextCursor) {\r\n            return;\r\n        }\r\n\r\n        await this.loadHistoryConversations(nextCursor, nextPageIndex);\r\n    };\r\n\r\n    private handleSelectConversation = (id: string) => {\r\n        this.conversationId = id;\r\n        this.isHistoryDrawerOpen = false;\r\n        this.showChatModal = true;\r\n    };\r\n\r\n    private handleStartInterview = async () => {\r\n        // 既没有预设 file_url/resume_content，也没有上传文件，则提示\r\n        if (!this.customInputs?.file_url && !this.customInputs?.resume_content && !this.uploadedFileInfo) {\r\n            Message.info(this.strings.alerts.uploadResume);\r\n            return;\r\n        }\r\n\r\n        // 如果没有预设的job_info，则需要检查用户输入\r\n        if (!this.customInputs?.job_info && !this.jobDescription.trim()) {\r\n            Message.info(this.strings.alerts.enterJobDescription);\r\n            return;\r\n        }\r\n\r\n        // 判断文件是否正在上传\r\n        if (await this.pcmUploadRef?.getIsUploading?.()) {\r\n            Message.info('文件上传中，请稍后');\r\n            return;\r\n        }\r\n\r\n        this.isSubmitting = true;\r\n        this.showChatModal = true;\r\n        this.isSubmitting = false;\r\n    };\r\n\r\n    render() {\r\n        if (!this.isOpen) return null;\r\n\r\n        const modalStyle = {\r\n            zIndex: String(this.zIndex)\r\n        };\r\n\r\n        const containerClass = {\r\n            'modal-container': true,\r\n            'fullscreen': this.fullscreen,\r\n            'pc-layout': true,\r\n        };\r\n\r\n        const overlayClass = {\r\n            'modal-overlay': true,\r\n            'fullscreen-overlay': this.fullscreen\r\n        };\r\n\r\n        // 显示加载状态\r\n        const isLoading = this.conversationId && !this.showChatModal;\r\n\r\n        // 判断是否隐藏JD输入区域\r\n        const hideJdInput = Boolean(this.customInputs && this.customInputs.job_info);\r\n\r\n        // 判断是否隐藏简历上传区域 - 当有file_url或resume_content时都隐藏\r\n        const hideResumeUpload = Boolean(this.customInputs && (this.customInputs.file_url || this.customInputs.resume_content));\r\n\r\n        // 判断是否同时提供了(file_url或resume_content)和job_info\r\n        const hasFileAndJob = Boolean((this.customInputs?.file_url || this.customInputs?.resume_content) && this.customInputs?.job_info);\r\n\r\n        return (\r\n            <div class={overlayClass} style={modalStyle}>\r\n                <div class={containerClass}>\r\n                    {this.isShowHeader && (\r\n                        <div class=\"modal-header\">\r\n                            <div class=\"header-left\">\r\n                                {this.icon && <img src={this.icon} class=\"header-icon\" alt=\"应用图标\" />}\r\n                                <div>{this.modalTitle}</div>\r\n                                {this.showInputHistory && (\r\n                                    <button type=\"button\" class=\"header-history-entry\" onClick={this.handleInputHistoryClick} title={this.strings?.historyConversations}>\r\n                                        {this.strings?.historyConversations}\r\n                                    </button>\r\n                                )}\r\n                            </div>\r\n                            {this.isNeedClose && (\r\n                                <button class=\"close-button\" onClick={this.handleClose}>\r\n                                    <span>×</span>\r\n                                </button>\r\n                            )}\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 上传界面 - 仅在不显示聊天模态框且没有会话ID且没有同时提供file_url和job_info时显示 */}\r\n                    {!this.showChatModal && !this.conversationId && !hasFileAndJob && (\r\n                        <div class=\"input-container\">\r\n                            {/* JD输入区域 - 仅在没有customInputs.job_info时显示 */}\r\n                            {!hideJdInput && (\r\n                                <div class=\"jd-input-section\">\r\n                                    <label htmlFor=\"job-description\">{this.strings.jobDescriptionLabel}</label>\r\n                                    <textarea\r\n                                        id=\"job-description\"\r\n                                        class=\"job-description-textarea\"\r\n                                        placeholder={this.strings.jobDescriptionPlaceholder}\r\n                                        rows={6}\r\n                                        value={this.jobDescription}\r\n                                        onInput={this.handleJobDescriptionChange}\r\n                                    ></textarea>\r\n                                </div>\r\n                            )}\r\n\r\n                            {/* 简历上传区域 - 仅在没有customInputs.file_url或resume_content时显示 */}\r\n                            {!hideResumeUpload && (\r\n                                <div class=\"resume-upload-section\">\r\n                                    <label>{this.strings.resumeUploadLabel}</label>\r\n                                    <components-upload\r\n                                        ref={el => this.pcmUploadRef = el}\r\n                                        maxFileSize={15 * 1024 * 1024}\r\n                                        multiple={false}\r\n                                        acceptFileSuffixList={['.txt', '.md', '.pdf', '.docx', '.doc']}\r\n                                        uploadParams={{\r\n                                            tags: ['resume'],\r\n                                        }}\r\n                                        onUploadChange={(e) => {\r\n                                            const result: FileUploadResponse[] = e.detail ?? [];\r\n                                            this.uploadedFileInfo = result[0];\r\n                                            this.uploadSuccess.emit(this.uploadedFileInfo);\r\n                                        }}\r\n                                    />\r\n                                </div>\r\n                            )}\r\n\r\n                            {/* 面试设置区域 */}\r\n                            <div class=\"interview-settings-section\">\r\n                                <div class=\"settings-row\">\r\n                                    <div class=\"question-number-section\">\r\n                                        <label class=\"settings-label\">{this.strings.questionNumberLabel}</label>\r\n                                        <div class=\"slider-container\">\r\n                                            <input\r\n                                                type=\"range\"\r\n                                                min=\"3\"\r\n                                                max=\"20\"\r\n                                                value={this.questionNumber}\r\n                                                class=\"question-slider\"\r\n                                                onInput={this.handleQuestionNumberChange}\r\n                                            />\r\n                                            <div class=\"slider-value\">{this.questionNumber}{this.strings.questionUnit}</div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div class=\"settings-row\">\r\n                                    <div class=\"analysis-toggle-section\">\r\n                                        <label class=\"settings-label\">{this.strings.analysisToggleLabel}</label>\r\n                                        <div class=\"toggle-container\">\r\n                                            <label class=\"toggle-switch\">\r\n                                                <input\r\n                                                    type=\"checkbox\"\r\n                                                    checked={this.canOutputAnalysis}\r\n                                                    onChange={this.handleAnalysisToggle}\r\n                                                />\r\n                                                <span class=\"toggle-slider\"></span>\r\n                                            </label>\r\n                                            <span class=\"toggle-text\">{this.canOutputAnalysis ? this.strings.toggleOn : this.strings.toggleOff}</span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <button\r\n                                class=\"submit-button\"\r\n                                disabled={((!hideResumeUpload && !this.uploadedFileInfo) ||\r\n                                    (!hideJdInput && !this.jobDescription.trim())) ||\r\n                                    this.isUploading || this.isSubmitting}\r\n                                onClick={this.handleStartInterview}\r\n                            >\r\n                                {this.isSubmitting ? this.strings.processing : this.strings.startAnalysis}\r\n                            </button>\r\n\r\n                            <div class=\"ai-disclaimer\">\r\n                                <p>{this.strings.aiDisclaimer}</p>\r\n                                <p class=\"beian-info\">\r\n                                    <span>{this.strings.beianLabel}</span>：\r\n                                    <a href=\"https://www.pincaimao.com\" target=\"_blank\" rel=\"noopener noreferrer\">{this.strings.beianNumber}</a>\r\n                                </p>\r\n                            </div>\r\n\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 历史会话抽屉 */}\r\n                    {this.showInputHistory && (\r\n                        <components-drawer\r\n                            isOpen={this.isHistoryDrawerOpen}\r\n                            drawerTitle={this.strings?.historyConversations}\r\n                            width=\"400px\"\r\n                            onClosed={() => { this.isHistoryDrawerOpen = false; }}\r\n                        >\r\n                            <div class=\"history-drawer-content\">\r\n                                <div class=\"conversation-list\">\r\n                                    {this.isLoadingConversations ? (\r\n                                        <div class=\"loading-conversations\">\r\n                                            <div class=\"loading-spinner-small\"></div>\r\n                                            <p>{this.strings?.history?.loading}</p>\r\n                                        </div>\r\n                                    ) : this.historyConversations.length === 0 ? (\r\n                                        <div class=\"empty-conversations\">\r\n                                            <p>{this.strings?.history?.noHistory}</p>\r\n                                        </div>\r\n                                    ) : (\r\n                                        this.historyConversations.map(conversation => (\r\n                                            <div\r\n                                                key={conversation.id}\r\n                                                class=\"conversation-item\"\r\n                                                onClick={() => this.handleSelectConversation(conversation.id)}\r\n                                            >\r\n                                                <div class=\"conversation-info\">\r\n                                                    <div class=\"conversation-title\">{conversation.name}</div>\r\n                                                    <div class=\"conversation-meta\">\r\n                                                        <span class=\"conversation-time\">{conversation.timeDisplay}</span>\r\n                                                        {conversation.message_count > 0 && (\r\n                                                            <span class=\"message-count\">{conversation.message_count}条消息</span>\r\n                                                        )}\r\n                                                        {conversation.status && (\r\n                                                            <span class={{\r\n                                                                'conversation-status': true,\r\n                                                                'completed': conversation.status === '结束',\r\n                                                                'running': conversation.status === '进行中',\r\n                                                            }}>\r\n                                                                {conversation.status}\r\n                                                            </span>\r\n                                                        )}\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        ))\r\n                                    )}\r\n                                </div>\r\n                                {!this.isLoadingConversations && (this.historyConversationPageIndex > 0 || this.hasMoreHistoryConversations) && (\r\n                                    <div class=\"history-pagination\">\r\n                                        <button type=\"button\" class=\"history-pagination-button\" disabled={this.historyConversationPageIndex === 0} onClick={() => this.handleHistoryConversationPageChange('prev')}>\r\n                                            上一页\r\n                                        </button>\r\n                                        <span class=\"history-pagination-info\">第 {this.historyConversationPageIndex + 1} 页</span>\r\n                                        <button type=\"button\" class=\"history-pagination-button\" disabled={!this.hasMoreHistoryConversations} onClick={() => this.handleHistoryConversationPageChange('next')}>\r\n                                            下一页\r\n                                        </button>\r\n                                    </div>\r\n                                )}\r\n                            </div>\r\n                        </components-drawer>\r\n                    )}\r\n\r\n                    {/* 加载状态 - 在有会话ID但聊天模态框尚未显示时展示 */}\r\n                    {isLoading && (\r\n                        <div class=\"loading-container\">\r\n                            <div class=\"loading-spinner\"></div>\r\n                            <p class=\"loading-text\">{this.strings.loadingConversation}</p>\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 聊天界面 - 在显示聊天模态框时显示 */}\r\n                    {this.showChatModal && (\r\n                        <div>\r\n                            <pcm-app-chat-modal\r\n                                locale={this.locale}\r\n                                isOpen={true}\r\n                                modalTitle={this.modalTitle}\r\n                                icon={this.icon}\r\n                                isShowHeader={this.isShowHeader}\r\n                                isNeedClose={this.isNeedClose}\r\n                                fullscreen={this.fullscreen}\r\n                                showWorkspaceHistory={this.showWorkspaceHistory}\r\n                                botId={this.getBotId()}\r\n                                conversationId={this.conversationId}\r\n                                defaultQuery={this.defaultQuery}\r\n                                filePreviewMode={this.filePreviewMode}\r\n                                customInputs={{\r\n                                    ...this.customInputs,\r\n                                    file_url: this.customInputs?.file_url || this.uploadedFileInfo?.cos_key,\r\n                                    file_name: this.customInputs?.file_name || this.uploadedFileInfo?.file_name,\r\n                                    job_info: this.customInputs?.job_info || this.jobDescription,\r\n                                    question_number: this.questionNumber,\r\n                                    can_outputAnalysis: this.canOutputAnalysis ? 'true' : 'false',\r\n                                }}\r\n                                interviewMode=\"text\"\r\n                            ></pcm-app-chat-modal>\r\n                        </div>\r\n                    )}\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n} \r\n"],"mappings":"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","ignoreList":[]}