pcm-agents 1.0.13-beta.0 → 1.0.13

package/dist/components/{p-BnHWxLqr.js.map → p-DGGRMlp4.js.map}

@@ -1 +1 @@
-{"file":"p-BnHWxLqr.js","mappings":";;;;;;;;;AAAA,MAAM,gCAAgC,GAAG,oidAAoid;;ACA7kd,MAAM,OAAO,GAAG,2wBAA2wB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/components-oem-virtual-chat-modal/components-oem-virtual-chat-modal.css?tag=components-oem-virtual-chat-modal&encapsulation=shadow","src/global/host.css?tag=components-oem-virtual-chat-modal&encapsulation=shadow"],"sourcesContent":[":host {\r\n  display: block;\r\n  font-size: 16px;\r\n}\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  justify-content: center;\r\n  align-items: center;\r\n  overflow: hidden;\r\n  padding: 0;\r\n  z-index: 1000;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 */\r\n.fullscreen-overlay {\r\n  padding: 0;\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.modal-container {\r\n  background: #fff;\r\n  border-radius: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n  margin: 0;\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/* 数字人视频背景层 */\r\n.digital-human-background {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  z-index: 1;\r\n  overflow: hidden;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.digital-human-background-video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  max-width: 1200px;\r\n}\r\n\r\n/* 当没有数字人时的默认背景 */\r\n.modal-container:not(.digital-human-mode) {\r\n  background: white;\r\n  border-radius: 8px;\r\n  width: 100%;\r\n  max-width: 900px;\r\n  height: 90vh;\r\n  max-height: 800px;\r\n}\r\n\r\n/* 内容层 */\r\n.modal-content-layer {\r\n  position: relative;\r\n  z-index: 10;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: linear-gradient(\r\n    180deg,\r\n    rgba(0, 0, 0, 0.3) 0%,\r\n    rgba(0, 0, 0, 0.1) 20%,\r\n    rgba(0, 0, 0, 0.1) 80%,\r\n    rgba(0, 0, 0, 0.4) 100%\r\n  );\r\n}\r\n\r\n.main-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center; /* 水平居中 */\r\n  overflow: hidden;\r\n  padding: 24px 24px 40px 24px; /* 增加底部间距 */\r\n  position: absolute;\r\n  bottom: 0px;\r\n  width: -webkit-fill-available;\r\n}\r\n\r\n.chat-history-section {\r\n  width: 100%;\r\n  max-width: 1240px;\r\n  text-align: center;\r\n  color: white;\r\n}\r\n\r\n.ai-message-item {\r\n  padding: 12px 20px;\r\n  border-radius: 12px;\r\n  margin-bottom: 12px;\r\n  animation: fadeIn 0.5s ease-in-out;\r\n}\r\n\r\n.recording-preview-top-right {\r\n  position: absolute;\r\n  top: 20px;\r\n  right: 20px;\r\n  width: 180px;\r\n  height: 120px;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  border: 2px solid rgba(255, 255, 255, 0.5);\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\r\n  background-color: #000;\r\n  z-index: 10;\r\n}\r\n\r\n.user-video-preview {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.recording-status-bar {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  background-color: white;\r\n  padding: 8px 12px;\r\n  border-radius: 999px;\r\n  margin-top: 4px;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n  animation: slideInUp 0.5s ease-out;\r\n  line-height: 40px;\r\n}\r\n\r\n.audio-waveform {\r\n  display: flex;\r\n  align-items: center;\r\n  height: 24px;\r\n}\r\n\r\n.waveform-bar {\r\n  width: 4px;\r\n  margin: 0 2px;\r\n  background-color: #16a34a; /* A vibrant green */\r\n  border-radius: 2px;\r\n  height: 6px;\r\n  animation: waveform-animation 1.2s infinite ease-in-out;\r\n}\r\n\r\n.waveform-bar:nth-child(1) {\r\n  animation-delay: 0.1s;\r\n}\r\n.waveform-bar:nth-child(2) {\r\n  animation-delay: 0.3s;\r\n}\r\n.waveform-bar:nth-child(3) {\r\n  animation-delay: 0.5s;\r\n}\r\n.waveform-bar:nth-child(4) {\r\n  animation-delay: 0.2s;\r\n}\r\n.waveform-bar:nth-child(5) {\r\n  animation-delay: 0.4s;\r\n}\r\n.waveform-bar:nth-child(6) {\r\n  animation-delay: 0.1s;\r\n}\r\n.waveform-bar:nth-child(7) {\r\n  animation-delay: 0.3s;\r\n}\r\n.waveform-bar:nth-child(8) {\r\n  animation-delay: 0.5s;\r\n}\r\n\r\n@keyframes waveform-animation {\r\n  0%,\r\n  100% {\r\n    height: 6px;\r\n  }\r\n  50% {\r\n    height: 35px;\r\n  }\r\n}\r\n\r\n.recording-timer {\r\n  font-size: 14px;\r\n  color: #595959;\r\n  font-family: 'Courier New', Courier, monospace;\r\n}\r\n\r\n.finish-recording-btn {\r\n  background-color: #16a34a; /* A vibrant green */\r\n  border: none;\r\n  border-radius: 50%;\r\n  width: 32px;\r\n  height: 32px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n  transition:\r\n    background-color 0.3s,\r\n    transform 0.2s;\r\n}\r\n\r\n.finish-recording-btn:hover {\r\n  background-color: #148a3f;\r\n}\r\n\r\n.finish-recording-btn:active {\r\n  transform: scale(0.95);\r\n}\r\n\r\n@keyframes fadeIn {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes slideInUp {\r\n  from {\r\n    transform: translateY(20px);\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n.status-indicator-text {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 14px;\r\n  color: #595959;\r\n  width: 100%;\r\n  justify-content: center;\r\n}\r\n\r\n.status-indicator-text.loading .loading-spinner-small {\r\n  width: 16px;\r\n  height: 16px;\r\n  border: 2px solid rgba(0, 0, 0, 0.1);\r\n  border-top-color: #595959;\r\n  border-radius: 50%;\r\n  animation: spin 0.8s linear infinite;\r\n}\r\n\r\n.status-indicator-text.error {\r\n  color: #ff4d4f;\r\n}\r\n\r\n.status-indicator-text.ready {\r\n  color: #16a34a;\r\n}\r\n\r\n@keyframes spin {\r\n  from {\r\n    transform: rotate(0deg);\r\n  }\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n.loading-spinner-small {\r\n  width: 20px;\r\n  height: 20px;\r\n  border: 2px solid #e5e7eb;\r\n  border-top-color: #6b7280;\r\n  border-radius: 50%;\r\n  animation: spin 0.8s linear infinite;\r\n}\r\n\r\n/* 添加上传按钮样式 */\r\n.upload-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  color: #666;\r\n  border-radius: 4px;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.upload-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.upload-button svg {\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n\r\n/* 隐藏原生文件输入框 */\r\n.file-input {\r\n  display: none;\r\n}\r\n\r\n/* 添加文件名显示区域样式 */\r\n.selected-file {\r\n  font-size: 12px;\r\n  color: #666;\r\n  margin-left: 8px;\r\n  max-width: 150px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.input-wrapper {\r\n  flex: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  border: 1px solid #ddd;\r\n  border-radius: 4px;\r\n  padding: 0 4px;\r\n  background: white;\r\n}\r\n\r\n.input-wrapper input {\r\n  border: none;\r\n  flex: 1;\r\n  padding: 8px;\r\n  outline: none;\r\n}\r\n\r\n.input-wrapper:focus-within {\r\n  border-color: #bbb;\r\n}\r\n\r\n/* 文件预览区域样式 */\r\n.file-preview {\r\n  padding: 8px 16px;\r\n  border-top: 1px solid #eee;\r\n  background-color: #f9f9f9;\r\n}\r\n\r\n.recording-section {\r\n  border-top: 1px solid #eee;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding: 10px 20px 0px 20px;\r\n  border-radius: 14px 14px 0 0;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.recording-section .video-preview {\r\n  width: 100%;\r\n  height: 200px;\r\n  max-width: 400px;\r\n  position: relative;\r\n  margin-bottom: 10px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n}\r\n\r\n.recording-section video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n/* 修改 recording-status 样式 */\r\n.recording-status {\r\n  position: absolute;\r\n  top: 10px;\r\n  left: 10px;\r\n  background-color: rgba(0, 0, 0, 0.6);\r\n  color: white;\r\n  padding: 4px 8px;\r\n  border-radius: 4px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n  font-size: 14px;\r\n  z-index: 0;\r\n}\r\n\r\n.recording-status .recording-dot {\r\n  display: inline-block;\r\n  width: 10px;\r\n  height: 10px;\r\n  background-color: red;\r\n  border-radius: 50%;\r\n  margin-right: 5px;\r\n  animation: blink 1s infinite;\r\n}\r\n\r\n.recording-status.warning {\r\n  color: #ff4d4f;\r\n  animation: blink 1s infinite;\r\n}\r\n\r\n@keyframes blink {\r\n  0% {\r\n    opacity: 1;\r\n  }\r\n\r\n  50% {\r\n    opacity: 0.5;\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n.recording-section .stop-recording-button {\r\n  background-color: #f44336;\r\n  color: white;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-weight: bold;\r\n}\r\n\r\n.recording-section .stop-recording-button:hover {\r\n  background-color: #d32f2f;\r\n}\r\n\r\n.fullscreen {\r\n  width: 100vw;\r\n  border-radius: 0;\r\n  height: 100vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow-y: auto;\r\n}\r\n\r\n.recording-controls {\r\n  margin-top: 10px;\r\n  height: 53px;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.recording-controls .waiting-message {\r\n  text-align: center;\r\n  color: white;\r\n  font-size: 16px;\r\n  background-color: #0d75fb;\r\n  border-radius: 6px;\r\n  width: 95%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  cursor: pointer;\r\n}\r\n\r\n.recording-controls .waiting-message.loading {\r\n  background: #faad14;\r\n}\r\n\r\n.recording-controls .waiting-message p {\r\n  margin: 0;\r\n  font-size: 16px;\r\n  color: white;\r\n  font-weight: 500;\r\n}\r\n\r\n.recording-controls .stop-recording-button {\r\n  background-color: #dc3545;\r\n  color: white;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-size: 16px;\r\n}\r\n\r\n.recording-controls .stop-recording-button:hover {\r\n  background-color: #c82333;\r\n}\r\n\r\n/* 添加禁用状态的样式 */\r\n.recording-controls .stop-recording-button.disabled {\r\n  background: #ccc;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.recording-controls .stop-recording-button.disabled:hover {\r\n  background: #ccc;\r\n}\r\n\r\n/* 添加进度条和数字进度的样式 */\r\n.progress-container {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  margin-top: 10px;\r\n  padding: 0 5px;\r\n}\r\n\r\n.progress-bar-container {\r\n  height: 4px;\r\n  background-color: #e5e5e5;\r\n  border-radius: 2px;\r\n  overflow: hidden;\r\n  margin-right: 10px;\r\n  width: 75px;\r\n}\r\n\r\n.progress-bar {\r\n  height: 100%;\r\n  background-image: linear-gradient(111deg, #4a9fff 0%, #1058ff 100%);\r\n  border-radius: 2px;\r\n  transition: width 0.3s ease;\r\n}\r\n\r\n.progress-text {\r\n  font-size: 14px;\r\n  color: #666;\r\n  white-space: nowrap;\r\n}\r\n\r\n/* 重新设计文本输入区域样式 */\r\n.text-input-area {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  height: 100%;\r\n  padding: 0px 16px 16px 16px;\r\n  border-radius: 8px;\r\n  border: none;\r\n  /* 确保容器本身没有边框 */\r\n}\r\n\r\n/* 修改文本输入框样式 */\r\n.text-answer-input {\r\n  flex: 1;\r\n  min-height: 80px;\r\n  padding: 12px 12px 0px 12px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 8px 8px 0 0;\r\n  resize: none;\r\n  font-size: 16px;\r\n  background-color: #fff;\r\n  border-bottom: none;\r\n  outline: none;\r\n  /* 移除默认的焦点轮廓 */\r\n}\r\n\r\n/* 修改工具栏样式 */\r\n.input-toolbar {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  padding: 8px 12px;\r\n  background-color: #fff;\r\n  border: 1px solid #ddd;\r\n  border-top: none;\r\n  border-radius: 0 0 8px 8px;\r\n}\r\n\r\n/* 当输入框获得焦点时，修改边框颜色 */\r\n.text-answer-input:focus {\r\n  border-color: rgb(74, 144, 226);\r\n  border-bottom: none;\r\n}\r\n\r\n.text-answer-input:focus + .input-toolbar {\r\n  border-color: rgb(74, 144, 226);\r\n  border-top: none;\r\n}\r\n\r\n/* 左侧工具按钮区域 */\r\n.toolbar-actions {\r\n  width: 32px;\r\n  height: 32px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  margin-right: 10px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n}\r\n\r\n.toolbar-actions:hover {\r\n  background-color: #f0f0f0;\r\n}\r\n\r\n/* 修改工具按钮样式，确保居中 */\r\n.toolbar-button {\r\n  background: transparent;\r\n  border: none;\r\n  color: #666;\r\n  cursor: pointer;\r\n  padding: 0;\r\n  margin: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n/* 确保按钮内部的内容也居中 */\r\n.toolbar-button > div,\r\n.toolbar-button > svg {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n/* 发送按钮样式 */\r\n.submit-text-button {\r\n  padding: 6px 16px;\r\n  background-color: #4a90e2;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 4px;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.submit-text-button:hover:not(.disabled) {\r\n  background-color: #3a7bc8;\r\n}\r\n\r\n.submit-text-button.disabled {\r\n  background-color: #b3b3b3;\r\n  cursor: not-allowed;\r\n}\r\n\r\n/* 语音输入按钮样式 */\r\n.toolbar-button.recording {\r\n  background-color: rgba(255, 0, 0, 0.1);\r\n  color: #ff3b30;\r\n  animation: pulse 1.5s infinite;\r\n}\r\n\r\n.toolbar-button.converting {\r\n  background-color: rgba(0, 122, 255, 0.1);\r\n  color: #007aff;\r\n}\r\n\r\n.toolbar-button .recording-time {\r\n  font-size: 12px;\r\n  margin-left: 4px;\r\n}\r\n\r\n.converting-indicator {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.converting-indicator svg {\r\n  animation: spin 1.5s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@keyframes pulse {\r\n  0% {\r\n    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.4);\r\n  }\r\n\r\n  70% {\r\n    box-shadow: 0 0 0 6px rgba(255, 0, 0, 0);\r\n  }\r\n\r\n  100% {\r\n    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);\r\n  }\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: 0;\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.workspace-section {\r\n  width: 100%;\r\n  padding: 0px 16px 16px;\r\n}\r\n\r\n.workspace-toolbar {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: end;\r\n  gap: 12px;\r\n  position: relative;\r\n}\r\n\r\n.workspace-button {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 8px 16px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  background: white;\r\n  color: #666;\r\n  font-size: 14px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.workspace-button:hover {\r\n  border-color: #4096ff;\r\n  color: #4096ff;\r\n  box-shadow: 0 2px 4px rgba(64, 150, 255, 0.1);\r\n}\r\n\r\n.workspace-button svg {\r\n  flex-shrink: 0;\r\n}\r\n\r\n/* 数字人容器样式 */\r\n.digital-human-wrapper {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 120px;\r\n  height: 80px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 8px;\r\n  background: #fafafa;\r\n  overflow: hidden;\r\n  position: absolute;\r\n  right: 0px;\r\n}\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-item.active {\r\n  background: #e6f7ff;\r\n  border-color: #1890ff;\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.current-indicator {\r\n  flex-shrink: 0;\r\n  color: #1890ff;\r\n  margin-left: 8px;\r\n}\r\n\r\n/* AI消息显示样式 */\r\n.ai-message-item {\r\n  box-sizing: border-box;\r\n  margin: 0 auto;\r\n  animation: messageSlideIn 0.3s ease-out;\r\n  width: 100%;\r\n  padding: 40px;\r\n}\r\n\r\n.ai-message-item.streaming {\r\n  position: relative;\r\n}\r\n\r\n@keyframes messageSlideIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.ai-message-content {\r\n  box-sizing: border-box;\r\n  color: #fff;\r\n  padding: 40px 48px;\r\n  border-radius: 32px;\r\n  font-family: \"Microsoft YaHei\", \"PingFang SC\", sans-serif;\r\n  font-size: 32px;\r\n  font-weight: 500;\r\n  line-height: 1.6;\r\n  word-wrap: break-word;\r\n  backdrop-filter: blur(100px);\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\r\n  margin-bottom: 16px;\r\n  max-width: 100%;\r\n  text-align: left;\r\n}\r\n\r\n/* 打字指示器 */\r\n.typing-indicator {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 16px 48px;\r\n  margin-top: -16px;\r\n}\r\n\r\n.typing-indicator span {\r\n  width: 16px;\r\n  height: 16px;\r\n  border-radius: 50%;\r\n  background: #4facfe;\r\n  animation: typingPulse 1.4s ease-in-out infinite;\r\n  opacity: 0.6;\r\n}\r\n\r\n.typing-indicator span:nth-child(1) { animation-delay: 0s; }\r\n.typing-indicator span:nth-child(2) { animation-delay: 0.2s; }\r\n.typing-indicator span:nth-child(3) { animation-delay: 0.4s; }\r\n\r\n@keyframes typingPulse {\r\n  0%, 60%, 100% {\r\n    transform: scale(1);\r\n    opacity: 0.4;\r\n  }\r\n  30% {\r\n    transform: scale(1.3);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n/* 字幕区域响应式适配 */\r\n@media screen and (max-width: 768px) {\r\n  .ai-message-item {\r\n    padding: 30px;\r\n  }\r\n\r\n  .ai-message-content {\r\n    padding: 32px 40px;\r\n    font-size: 30px;\r\n  }\r\n\r\n  .typing-indicator {\r\n    padding: 12px 40px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n  .ai-message-item {\r\n    padding: 0;\r\n  }\r\n\r\n  .ai-message-content {\r\n    padding: 28px 36px;\r\n    font-size: 28px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .typing-indicator {\r\n    padding: 10px 36px;\r\n  }\r\n\r\n  .typing-indicator span {\r\n    width: 12px;\r\n    height: 12px;\r\n  }\r\n}\r\n\r\n\r\n.waveform-bar {\r\n  width: 3px;\r\n  background: #4facfe;\r\n  border-radius: 2px;\r\n  min-height: 2px;\r\n  animation: waveformAnimation 1.2s ease-in-out infinite alternate;\r\n  transform-origin: bottom;\r\n}\r\n\r\n@keyframes waveformAnimation {\r\n  0% { transform: scaleY(0.2); }\r\n  100% { transform: scaleY(1); }\r\n}\r\n\r\n.recording-timer {\r\n  font-size: 14px;\r\n  color: #666;\r\n  white-space: nowrap;\r\n}\r\n\r\n.close-button{\r\n  position: absolute;\r\n  top: 16px;\r\n  left: 16px;\r\n  z-index: 20;\r\n  background: rgba(255, 255, 255, 0.9);\r\n  backdrop-filter: blur(4px);\r\n  border: 1px solid rgba(0, 0, 0, 0.1);\r\n  border-radius: 8px;\r\n  width: 40px;\r\n  height: 40px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.close-button:hover {\r\n  background: rgba(255, 255, 255, 1);\r\n  border-color: rgba(0, 0, 0, 0.15);\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.close-button:active {\r\n  transform: translateY(0);\r\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.close-button svg {\r\n  color: #666;\r\n  transition: color 0.2s ease;\r\n}\r\n\r\n.close-button:hover svg {\r\n  color: #333;\r\n}\r\n\r\n/* 结束面试按钮容器 */\r\n.end-interview-button-container {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  margin-bottom: 4px;\r\n  padding-left: 0;\r\n}\r\n\r\n/* 结束面试按钮 */\r\n.end-interview-button {\r\n  padding: 5px 10px;\r\n  background-color: #ff4d4f;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 20px;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 2px 8px rgba(255, 77, 79, 0.3);\r\n  white-space: nowrap;\r\n}\r\n\r\n.end-interview-button:hover {\r\n  background-color: #ff7875;\r\n  box-shadow: 0 4px 12px rgba(255, 77, 79, 0.4);\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.end-interview-button:active {\r\n  transform: translateY(0);\r\n  box-shadow: 0 2px 8px rgba(255, 77, 79, 0.3);\r\n}\r\n\r\n.end-interview-button:disabled {\r\n  background-color: #f0f0f0;\r\n  color: #bfbfbf;\r\n  cursor: not-allowed;\r\n  box-shadow: none;\r\n  transform: none;\r\n}\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}"],"version":3}
+{"file":"p-DGGRMlp4.js","mappings":";;;;;;;;;AAAA,MAAM,gCAAgC,GAAG,oidAAoid;;ACA7kd,MAAM,OAAO,GAAG,2wBAA2wB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/components-oem-virtual-chat-modal/components-oem-virtual-chat-modal.css?tag=components-oem-virtual-chat-modal&encapsulation=shadow","src/global/host.css?tag=components-oem-virtual-chat-modal&encapsulation=shadow"],"sourcesContent":[":host {\r\n  display: block;\r\n  font-size: 16px;\r\n}\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  justify-content: center;\r\n  align-items: center;\r\n  overflow: hidden;\r\n  padding: 0;\r\n  z-index: 1000;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 */\r\n.fullscreen-overlay {\r\n  padding: 0;\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.modal-container {\r\n  background: #fff;\r\n  border-radius: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n  margin: 0;\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/* 数字人视频背景层 */\r\n.digital-human-background {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  z-index: 1;\r\n  overflow: hidden;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.digital-human-background-video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  max-width: 1200px;\r\n}\r\n\r\n/* 当没有数字人时的默认背景 */\r\n.modal-container:not(.digital-human-mode) {\r\n  background: white;\r\n  border-radius: 8px;\r\n  width: 100%;\r\n  max-width: 900px;\r\n  height: 90vh;\r\n  max-height: 800px;\r\n}\r\n\r\n/* 内容层 */\r\n.modal-content-layer {\r\n  position: relative;\r\n  z-index: 10;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: linear-gradient(\r\n    180deg,\r\n    rgba(0, 0, 0, 0.3) 0%,\r\n    rgba(0, 0, 0, 0.1) 20%,\r\n    rgba(0, 0, 0, 0.1) 80%,\r\n    rgba(0, 0, 0, 0.4) 100%\r\n  );\r\n}\r\n\r\n.main-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center; /* 水平居中 */\r\n  overflow: hidden;\r\n  padding: 24px 24px 40px 24px; /* 增加底部间距 */\r\n  position: absolute;\r\n  bottom: 0px;\r\n  width: -webkit-fill-available;\r\n}\r\n\r\n.chat-history-section {\r\n  width: 100%;\r\n  max-width: 1240px;\r\n  text-align: center;\r\n  color: white;\r\n}\r\n\r\n.ai-message-item {\r\n  padding: 12px 20px;\r\n  border-radius: 12px;\r\n  margin-bottom: 12px;\r\n  animation: fadeIn 0.5s ease-in-out;\r\n}\r\n\r\n.recording-preview-top-right {\r\n  position: absolute;\r\n  top: 20px;\r\n  right: 20px;\r\n  width: 180px;\r\n  height: 120px;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  border: 2px solid rgba(255, 255, 255, 0.5);\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\r\n  background-color: #000;\r\n  z-index: 10;\r\n}\r\n\r\n.user-video-preview {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.recording-status-bar {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  background-color: white;\r\n  padding: 8px 12px;\r\n  border-radius: 999px;\r\n  margin-top: 4px;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n  animation: slideInUp 0.5s ease-out;\r\n  line-height: 40px;\r\n}\r\n\r\n.audio-waveform {\r\n  display: flex;\r\n  align-items: center;\r\n  height: 24px;\r\n}\r\n\r\n.waveform-bar {\r\n  width: 4px;\r\n  margin: 0 2px;\r\n  background-color: #16a34a; /* A vibrant green */\r\n  border-radius: 2px;\r\n  height: 6px;\r\n  animation: waveform-animation 1.2s infinite ease-in-out;\r\n}\r\n\r\n.waveform-bar:nth-child(1) {\r\n  animation-delay: 0.1s;\r\n}\r\n.waveform-bar:nth-child(2) {\r\n  animation-delay: 0.3s;\r\n}\r\n.waveform-bar:nth-child(3) {\r\n  animation-delay: 0.5s;\r\n}\r\n.waveform-bar:nth-child(4) {\r\n  animation-delay: 0.2s;\r\n}\r\n.waveform-bar:nth-child(5) {\r\n  animation-delay: 0.4s;\r\n}\r\n.waveform-bar:nth-child(6) {\r\n  animation-delay: 0.1s;\r\n}\r\n.waveform-bar:nth-child(7) {\r\n  animation-delay: 0.3s;\r\n}\r\n.waveform-bar:nth-child(8) {\r\n  animation-delay: 0.5s;\r\n}\r\n\r\n@keyframes waveform-animation {\r\n  0%,\r\n  100% {\r\n    height: 6px;\r\n  }\r\n  50% {\r\n    height: 35px;\r\n  }\r\n}\r\n\r\n.recording-timer {\r\n  font-size: 14px;\r\n  color: #595959;\r\n  font-family: 'Courier New', Courier, monospace;\r\n}\r\n\r\n.finish-recording-btn {\r\n  background-color: #16a34a; /* A vibrant green */\r\n  border: none;\r\n  border-radius: 50%;\r\n  width: 32px;\r\n  height: 32px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n  transition:\r\n    background-color 0.3s,\r\n    transform 0.2s;\r\n}\r\n\r\n.finish-recording-btn:hover {\r\n  background-color: #148a3f;\r\n}\r\n\r\n.finish-recording-btn:active {\r\n  transform: scale(0.95);\r\n}\r\n\r\n@keyframes fadeIn {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes slideInUp {\r\n  from {\r\n    transform: translateY(20px);\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n.status-indicator-text {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 14px;\r\n  color: #595959;\r\n  width: 100%;\r\n  justify-content: center;\r\n}\r\n\r\n.status-indicator-text.loading .loading-spinner-small {\r\n  width: 16px;\r\n  height: 16px;\r\n  border: 2px solid rgba(0, 0, 0, 0.1);\r\n  border-top-color: #595959;\r\n  border-radius: 50%;\r\n  animation: spin 0.8s linear infinite;\r\n}\r\n\r\n.status-indicator-text.error {\r\n  color: #ff4d4f;\r\n}\r\n\r\n.status-indicator-text.ready {\r\n  color: #16a34a;\r\n}\r\n\r\n@keyframes spin {\r\n  from {\r\n    transform: rotate(0deg);\r\n  }\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n.loading-spinner-small {\r\n  width: 20px;\r\n  height: 20px;\r\n  border: 2px solid #e5e7eb;\r\n  border-top-color: #6b7280;\r\n  border-radius: 50%;\r\n  animation: spin 0.8s linear infinite;\r\n}\r\n\r\n/* 添加上传按钮样式 */\r\n.upload-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  color: #666;\r\n  border-radius: 4px;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.upload-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.upload-button svg {\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n\r\n/* 隐藏原生文件输入框 */\r\n.file-input {\r\n  display: none;\r\n}\r\n\r\n/* 添加文件名显示区域样式 */\r\n.selected-file {\r\n  font-size: 12px;\r\n  color: #666;\r\n  margin-left: 8px;\r\n  max-width: 150px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.input-wrapper {\r\n  flex: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  border: 1px solid #ddd;\r\n  border-radius: 4px;\r\n  padding: 0 4px;\r\n  background: white;\r\n}\r\n\r\n.input-wrapper input {\r\n  border: none;\r\n  flex: 1;\r\n  padding: 8px;\r\n  outline: none;\r\n}\r\n\r\n.input-wrapper:focus-within {\r\n  border-color: #bbb;\r\n}\r\n\r\n/* 文件预览区域样式 */\r\n.file-preview {\r\n  padding: 8px 16px;\r\n  border-top: 1px solid #eee;\r\n  background-color: #f9f9f9;\r\n}\r\n\r\n.recording-section {\r\n  border-top: 1px solid #eee;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding: 10px 20px 0px 20px;\r\n  border-radius: 14px 14px 0 0;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.recording-section .video-preview {\r\n  width: 100%;\r\n  height: 200px;\r\n  max-width: 400px;\r\n  position: relative;\r\n  margin-bottom: 10px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n}\r\n\r\n.recording-section video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n/* 修改 recording-status 样式 */\r\n.recording-status {\r\n  position: absolute;\r\n  top: 10px;\r\n  left: 10px;\r\n  background-color: rgba(0, 0, 0, 0.6);\r\n  color: white;\r\n  padding: 4px 8px;\r\n  border-radius: 4px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n  font-size: 14px;\r\n  z-index: 0;\r\n}\r\n\r\n.recording-status .recording-dot {\r\n  display: inline-block;\r\n  width: 10px;\r\n  height: 10px;\r\n  background-color: red;\r\n  border-radius: 50%;\r\n  margin-right: 5px;\r\n  animation: blink 1s infinite;\r\n}\r\n\r\n.recording-status.warning {\r\n  color: #ff4d4f;\r\n  animation: blink 1s infinite;\r\n}\r\n\r\n@keyframes blink {\r\n  0% {\r\n    opacity: 1;\r\n  }\r\n\r\n  50% {\r\n    opacity: 0.5;\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n.recording-section .stop-recording-button {\r\n  background-color: #f44336;\r\n  color: white;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-weight: bold;\r\n}\r\n\r\n.recording-section .stop-recording-button:hover {\r\n  background-color: #d32f2f;\r\n}\r\n\r\n.fullscreen {\r\n  width: 100vw;\r\n  border-radius: 0;\r\n  height: 100vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow-y: auto;\r\n}\r\n\r\n.recording-controls {\r\n  margin-top: 10px;\r\n  height: 53px;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.recording-controls .waiting-message {\r\n  text-align: center;\r\n  color: white;\r\n  font-size: 16px;\r\n  background-color: #0d75fb;\r\n  border-radius: 6px;\r\n  width: 95%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  cursor: pointer;\r\n}\r\n\r\n.recording-controls .waiting-message.loading {\r\n  background: #faad14;\r\n}\r\n\r\n.recording-controls .waiting-message p {\r\n  margin: 0;\r\n  font-size: 16px;\r\n  color: white;\r\n  font-weight: 500;\r\n}\r\n\r\n.recording-controls .stop-recording-button {\r\n  background-color: #dc3545;\r\n  color: white;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-size: 16px;\r\n}\r\n\r\n.recording-controls .stop-recording-button:hover {\r\n  background-color: #c82333;\r\n}\r\n\r\n/* 添加禁用状态的样式 */\r\n.recording-controls .stop-recording-button.disabled {\r\n  background: #ccc;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.recording-controls .stop-recording-button.disabled:hover {\r\n  background: #ccc;\r\n}\r\n\r\n/* 添加进度条和数字进度的样式 */\r\n.progress-container {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  margin-top: 10px;\r\n  padding: 0 5px;\r\n}\r\n\r\n.progress-bar-container {\r\n  height: 4px;\r\n  background-color: #e5e5e5;\r\n  border-radius: 2px;\r\n  overflow: hidden;\r\n  margin-right: 10px;\r\n  width: 75px;\r\n}\r\n\r\n.progress-bar {\r\n  height: 100%;\r\n  background-image: linear-gradient(111deg, #4a9fff 0%, #1058ff 100%);\r\n  border-radius: 2px;\r\n  transition: width 0.3s ease;\r\n}\r\n\r\n.progress-text {\r\n  font-size: 14px;\r\n  color: #666;\r\n  white-space: nowrap;\r\n}\r\n\r\n/* 重新设计文本输入区域样式 */\r\n.text-input-area {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  height: 100%;\r\n  padding: 0px 16px 16px 16px;\r\n  border-radius: 8px;\r\n  border: none;\r\n  /* 确保容器本身没有边框 */\r\n}\r\n\r\n/* 修改文本输入框样式 */\r\n.text-answer-input {\r\n  flex: 1;\r\n  min-height: 80px;\r\n  padding: 12px 12px 0px 12px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 8px 8px 0 0;\r\n  resize: none;\r\n  font-size: 16px;\r\n  background-color: #fff;\r\n  border-bottom: none;\r\n  outline: none;\r\n  /* 移除默认的焦点轮廓 */\r\n}\r\n\r\n/* 修改工具栏样式 */\r\n.input-toolbar {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  padding: 8px 12px;\r\n  background-color: #fff;\r\n  border: 1px solid #ddd;\r\n  border-top: none;\r\n  border-radius: 0 0 8px 8px;\r\n}\r\n\r\n/* 当输入框获得焦点时，修改边框颜色 */\r\n.text-answer-input:focus {\r\n  border-color: rgb(74, 144, 226);\r\n  border-bottom: none;\r\n}\r\n\r\n.text-answer-input:focus + .input-toolbar {\r\n  border-color: rgb(74, 144, 226);\r\n  border-top: none;\r\n}\r\n\r\n/* 左侧工具按钮区域 */\r\n.toolbar-actions {\r\n  width: 32px;\r\n  height: 32px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  margin-right: 10px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n}\r\n\r\n.toolbar-actions:hover {\r\n  background-color: #f0f0f0;\r\n}\r\n\r\n/* 修改工具按钮样式，确保居中 */\r\n.toolbar-button {\r\n  background: transparent;\r\n  border: none;\r\n  color: #666;\r\n  cursor: pointer;\r\n  padding: 0;\r\n  margin: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n/* 确保按钮内部的内容也居中 */\r\n.toolbar-button > div,\r\n.toolbar-button > svg {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n/* 发送按钮样式 */\r\n.submit-text-button {\r\n  padding: 6px 16px;\r\n  background-color: #4a90e2;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 4px;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.submit-text-button:hover:not(.disabled) {\r\n  background-color: #3a7bc8;\r\n}\r\n\r\n.submit-text-button.disabled {\r\n  background-color: #b3b3b3;\r\n  cursor: not-allowed;\r\n}\r\n\r\n/* 语音输入按钮样式 */\r\n.toolbar-button.recording {\r\n  background-color: rgba(255, 0, 0, 0.1);\r\n  color: #ff3b30;\r\n  animation: pulse 1.5s infinite;\r\n}\r\n\r\n.toolbar-button.converting {\r\n  background-color: rgba(0, 122, 255, 0.1);\r\n  color: #007aff;\r\n}\r\n\r\n.toolbar-button .recording-time {\r\n  font-size: 12px;\r\n  margin-left: 4px;\r\n}\r\n\r\n.converting-indicator {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.converting-indicator svg {\r\n  animation: spin 1.5s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@keyframes pulse {\r\n  0% {\r\n    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.4);\r\n  }\r\n\r\n  70% {\r\n    box-shadow: 0 0 0 6px rgba(255, 0, 0, 0);\r\n  }\r\n\r\n  100% {\r\n    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);\r\n  }\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: 0;\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.workspace-section {\r\n  width: 100%;\r\n  padding: 0px 16px 16px;\r\n}\r\n\r\n.workspace-toolbar {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: end;\r\n  gap: 12px;\r\n  position: relative;\r\n}\r\n\r\n.workspace-button {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 8px 16px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  background: white;\r\n  color: #666;\r\n  font-size: 14px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.workspace-button:hover {\r\n  border-color: #4096ff;\r\n  color: #4096ff;\r\n  box-shadow: 0 2px 4px rgba(64, 150, 255, 0.1);\r\n}\r\n\r\n.workspace-button svg {\r\n  flex-shrink: 0;\r\n}\r\n\r\n/* 数字人容器样式 */\r\n.digital-human-wrapper {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 120px;\r\n  height: 80px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 8px;\r\n  background: #fafafa;\r\n  overflow: hidden;\r\n  position: absolute;\r\n  right: 0px;\r\n}\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-item.active {\r\n  background: #e6f7ff;\r\n  border-color: #1890ff;\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.current-indicator {\r\n  flex-shrink: 0;\r\n  color: #1890ff;\r\n  margin-left: 8px;\r\n}\r\n\r\n/* AI消息显示样式 */\r\n.ai-message-item {\r\n  box-sizing: border-box;\r\n  margin: 0 auto;\r\n  animation: messageSlideIn 0.3s ease-out;\r\n  width: 100%;\r\n  padding: 40px;\r\n}\r\n\r\n.ai-message-item.streaming {\r\n  position: relative;\r\n}\r\n\r\n@keyframes messageSlideIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.ai-message-content {\r\n  box-sizing: border-box;\r\n  color: #fff;\r\n  padding: 40px 48px;\r\n  border-radius: 32px;\r\n  font-family: \"Microsoft YaHei\", \"PingFang SC\", sans-serif;\r\n  font-size: 32px;\r\n  font-weight: 500;\r\n  line-height: 1.6;\r\n  word-wrap: break-word;\r\n  backdrop-filter: blur(100px);\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\r\n  margin-bottom: 16px;\r\n  max-width: 100%;\r\n  text-align: left;\r\n}\r\n\r\n/* 打字指示器 */\r\n.typing-indicator {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 16px 48px;\r\n  margin-top: -16px;\r\n}\r\n\r\n.typing-indicator span {\r\n  width: 16px;\r\n  height: 16px;\r\n  border-radius: 50%;\r\n  background: #4facfe;\r\n  animation: typingPulse 1.4s ease-in-out infinite;\r\n  opacity: 0.6;\r\n}\r\n\r\n.typing-indicator span:nth-child(1) { animation-delay: 0s; }\r\n.typing-indicator span:nth-child(2) { animation-delay: 0.2s; }\r\n.typing-indicator span:nth-child(3) { animation-delay: 0.4s; }\r\n\r\n@keyframes typingPulse {\r\n  0%, 60%, 100% {\r\n    transform: scale(1);\r\n    opacity: 0.4;\r\n  }\r\n  30% {\r\n    transform: scale(1.3);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n/* 字幕区域响应式适配 */\r\n@media screen and (max-width: 768px) {\r\n  .ai-message-item {\r\n    padding: 30px;\r\n  }\r\n\r\n  .ai-message-content {\r\n    padding: 32px 40px;\r\n    font-size: 30px;\r\n  }\r\n\r\n  .typing-indicator {\r\n    padding: 12px 40px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n  .ai-message-item {\r\n    padding: 0;\r\n  }\r\n\r\n  .ai-message-content {\r\n    padding: 28px 36px;\r\n    font-size: 28px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .typing-indicator {\r\n    padding: 10px 36px;\r\n  }\r\n\r\n  .typing-indicator span {\r\n    width: 12px;\r\n    height: 12px;\r\n  }\r\n}\r\n\r\n\r\n.waveform-bar {\r\n  width: 3px;\r\n  background: #4facfe;\r\n  border-radius: 2px;\r\n  min-height: 2px;\r\n  animation: waveformAnimation 1.2s ease-in-out infinite alternate;\r\n  transform-origin: bottom;\r\n}\r\n\r\n@keyframes waveformAnimation {\r\n  0% { transform: scaleY(0.2); }\r\n  100% { transform: scaleY(1); }\r\n}\r\n\r\n.recording-timer {\r\n  font-size: 14px;\r\n  color: #666;\r\n  white-space: nowrap;\r\n}\r\n\r\n.close-button{\r\n  position: absolute;\r\n  top: 16px;\r\n  left: 16px;\r\n  z-index: 20;\r\n  background: rgba(255, 255, 255, 0.9);\r\n  backdrop-filter: blur(4px);\r\n  border: 1px solid rgba(0, 0, 0, 0.1);\r\n  border-radius: 8px;\r\n  width: 40px;\r\n  height: 40px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.close-button:hover {\r\n  background: rgba(255, 255, 255, 1);\r\n  border-color: rgba(0, 0, 0, 0.15);\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.close-button:active {\r\n  transform: translateY(0);\r\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.close-button svg {\r\n  color: #666;\r\n  transition: color 0.2s ease;\r\n}\r\n\r\n.close-button:hover svg {\r\n  color: #333;\r\n}\r\n\r\n/* 结束面试按钮容器 */\r\n.end-interview-button-container {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  margin-bottom: 4px;\r\n  padding-left: 0;\r\n}\r\n\r\n/* 结束面试按钮 */\r\n.end-interview-button {\r\n  padding: 5px 10px;\r\n  background-color: #ff4d4f;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 20px;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 2px 8px rgba(255, 77, 79, 0.3);\r\n  white-space: nowrap;\r\n}\r\n\r\n.end-interview-button:hover {\r\n  background-color: #ff7875;\r\n  box-shadow: 0 4px 12px rgba(255, 77, 79, 0.4);\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.end-interview-button:active {\r\n  transform: translateY(0);\r\n  box-shadow: 0 2px 8px rgba(255, 77, 79, 0.3);\r\n}\r\n\r\n.end-interview-button:disabled {\r\n  background-color: #f0f0f0;\r\n  color: #bfbfbf;\r\n  cursor: not-allowed;\r\n  box-shadow: none;\r\n  transform: none;\r\n}\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}"],"version":3}

package/dist/components/{p-D6Fe15eA.js → p-DvyajdW9.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-CR7WLzmM.js';
-import { F as FileUploadState, h as uploadFileToBackend, m as formatFileSize } from './p-D4uR46BC.js';
+import { F as FileUploadState, h as uploadFileToBackend, m as formatFileSize } from './p-BjsKmogW.js';
 import { M as Message } from './p-D39f_W8k.js';
 import { S as SentryReporter } from './p-DC-AWTHS.js';
-import { d as defineCustomElement$1 } from './p-wZema4At.js';
+import { d as defineCustomElement$1 } from './p-CktuIetD.js';
 
 const componentsUploadCss = ".upload-area{max-height:300px;overflow-y:auto}.upload-actions{display:flex;gap:12px;margin-top:12px;width:100%}";
 
-const globalCss = ".modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.5);display:flex;z-index:1000;overflow-y:auto}.fullscreen-overlay{padding:0;background-color:rgba(0, 0, 0, 0.7);position:absolute;width:100%;height:auto}.modal-container{background-color:#fff;border-radius:8px;width:100%;display:flex;flex-direction:column;position:relative;margin:5vh auto auto auto;transition:all 0.3s ease-out;overflow:hidden}.modal-container.fullscreen{width:100%;max-width:none;height:100%;border-radius:0;margin:0;display:flex;flex-direction:column;max-height:100%}.pc-layout{width:80%;max-width:600px;min-width:320px}@media screen and (max-width: 768px){.pc-layout{width:95%}.modal-overlay{padding:10px 0px 0px 0px}.modal-container.fullscreen{width:100%;height:100%;max-height:100%;border-radius:16px 16px 0 0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}}.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;font-size:16px;font-weight:600;color:#333}.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}.upload-area{cursor:pointer;width:100%}.upload-placeholder{transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center;background:rgba(0, 0, 0, 0.02);border:1px dashed #d9d9d9;border-radius:8px;cursor:pointer}.upload-placeholder:hover{border:1px dashed #1890ff}.upload-placeholder img{margin-top:8px;width:50px;height:50px}.upload-placeholder .upload-text{margin:4px 0;color:#332F39;font-size:14px}.upload-placeholder .upload-hint{font-size:14px;color:#949AA5;margin-top:8px;padding:0px 10px;text-align:center;white-space:normal;word-wrap:break-word;word-break:break-all;line-height:1.4}.file-item{position:relative;padding:16px;border:1px solid #e2e8f0;border-radius:8px;transition:border-color 0.3s;cursor:pointer;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.file-item:hover{border-color:#0D75FB}.file-item-content{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:hidden}.file-icon{color:#0D75FB;flex-shrink:0}.file-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 50px)}.remove-file{background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;padding:4px;margin-left:8px;border-radius:4px;transition:all 0.2s;min-width:30px;min-height:30px}.remove-file:hover{background-color:#f1f5f9;color:#475569}.file-input{display:none}.input-container{padding:20px;display:flex;flex-direction:column;height:calc(100% - 50px);background:linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;overflow-y:auto}.input-container h3{margin-top:0;margin-bottom:20px;font-size:18px;color:#333;text-align:center}.jd-input-section{margin-bottom:20px}.jd-input-section label{display:block;margin-bottom:8px;font-weight:500;color:#333}.job-description-textarea{width:calc(100% - 16px);border:1px solid #ddd;border-radius:4px;resize:vertical;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color 0.3s;padding:8px}.job-description-textarea:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px rgba(24, 144, 255, 0.2)}.resume-upload-section{margin-bottom:20px;width:100%;display:flex;flex-direction:column}.resume-upload-section label{display:block;margin-bottom:8px;font-weight:500;color:#333}.interview-settings-section{margin-bottom:24px;padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.settings-row{margin-bottom:20px}.settings-row:last-child{margin-bottom:0}.settings-label{display:block;font-weight:500;color:#333;margin-bottom:12px;font-size:14px}.question-number-section{width:100%}.slider-container{display:flex;align-items:center;gap:12px}.question-slider{flex:1;height:6px;background:#ddd;outline:none;border-radius:3px;-webkit-appearance:none;appearance:none}.question-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#0D75FB;cursor:pointer;border-radius:50%;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}.question-slider::-moz-range-thumb{width:20px;height:20px;background:#0D75FB;cursor:pointer;border-radius:50%;border:none;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}.slider-value{font-weight:600;color:#0D75FB;font-size:14px;min-width:30px;text-align:center}.analysis-toggle-section{width:100%}.toggle-container{display:flex;align-items:center;gap:12px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:0.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:\"\";height:18px;width:18px;left:3px;bottom:3px;background-color:white;transition:0.3s;border-radius:50%;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}input:checked+.toggle-slider{background-color:#0D75FB}input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-text{font-size:14px;color:#666;font-weight:500}.submit-button{margin-top:10px;padding:10px 30px;background:#0D75FB;color:white;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:all 0.3s ease;width:100%;max-width:400px;align-self:center}.submit-button:hover{background-color:#40a9ff}.submit-button:disabled{background-color:rgba(0,0,0,0.04);color:rgba(0,0,0,0.25);cursor:not-allowed}.ai-disclaimer{margin-top:16px;text-align:center;font-size:12px;color:#999;line-height:1.5}.ai-disclaimer p{margin:4px 0}.beian-info{display:flex;justify-content:center;flex-wrap:wrap;gap:4px}.ai-disclaimer a{color:#666;text-decoration:none;transition:color 0.2s ease}.ai-disclaimer a:hover{color:#1890ff;text-decoration:underline}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:24px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0, 0, 0, 0.1);border-radius:50%;border-top-color:var(--pcm-primary-color, #1890ff);animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{font-size:16px;color:var(--pcm-text-color, #333)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.header-history-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;border:none;border-radius:4px;background:transparent;color:#bbb;cursor:pointer;font-size:13px;font-family:inherit;line-height:1;transition:all 0.2s ease;flex-shrink:0;white-space:nowrap}.header-history-button svg{width:16px;height:16px;display:block;flex-shrink:0}.header-history-button:hover{background-color:rgba(0, 0, 0, 0.04);color:#666}.header-history-button:focus-visible{outline:2px solid rgba(13, 117, 251, 0.35);outline-offset:2px}.history-drawer-content{height:100%;display:flex;flex-direction:column}.conversation-list{flex:1;overflow-y:auto;padding:8px 0}.loading-conversations,.empty-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#999}.loading-conversations .loading-spinner-small{margin-bottom:12px}.conversation-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin:0 8px 4px 8px;border-radius:8px;cursor:pointer;transition:all 0.2s ease;border:1px solid transparent}.conversation-item:hover{background:#f5f5f5}.conversation-info{flex:1;min-width:0}.conversation-title{font-size:14px;font-weight:500;color:#262626;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#8c8c8c}.conversation-time{flex-shrink:0}.message-count{flex-shrink:0}.conversation-status{padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500}.conversation-status.completed{background:#f6ffed;color:#52c41a}.conversation-status.running{background:#fff7e6;color:#fa8c16}.header-history-entry{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;padding:4px 8px;border:none;border-radius:4px;background:#e6f7ff;color:#1890ff;cursor:pointer;font-size:12px;font-family:inherit;line-height:1;white-space:nowrap;transition:all 0.2s ease}.header-history-entry:hover{background:#bae7ff;color:#0958d9;transform:translateY(-1px)}.header-history-entry:focus-visible{outline:2px solid rgba(13, 117, 251, 0.35);outline-offset:2px}.history-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 16px;border-top:1px solid #f0f0f0}.history-pagination-button{min-width:72px;padding:6px 12px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;color:#595959;cursor:pointer;font-size:12px;transition:all 0.2s ease}.history-pagination-button:hover:not(:disabled){border-color:#1890ff;color:#1890ff;background:#e6f7ff}.history-pagination-button:disabled{border-color:#f0f0f0;color:#bfbfbf;background:#fafafa;cursor:not-allowed}.history-pagination-info{flex:1;text-align:center;color:#8c8c8c;font-size:12px}";
+const globalCss = ".modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.5);display:flex;z-index:1000;overflow-y:auto}.fullscreen-overlay{padding:0;background-color:rgba(0, 0, 0, 0.7);position:absolute;width:100%;height:auto}.modal-container{background-color:#fff;border-radius:8px;width:100%;display:flex;flex-direction:column;position:relative;margin:3vh;transition:all 0.3s ease-out;overflow:hidden}.modal-container.fullscreen{width:100%;max-width:none;height:100%;border-radius:0;margin:0;display:flex;flex-direction:column;max-height:100%}.pc-layout{width:80%;max-width:600px;min-width:320px}@media screen and (max-width: 768px){.pc-layout{width:95%}.modal-overlay{padding:10px 0px 0px 0px}.modal-container.fullscreen{width:100%;height:100%;max-height:100%;border-radius:16px 16px 0 0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}}.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;font-size:16px;font-weight:600;color:#333}.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}.upload-area{cursor:pointer;width:100%}.upload-placeholder{transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center;background:rgba(0, 0, 0, 0.02);border:1px dashed #d9d9d9;border-radius:8px;cursor:pointer}.upload-placeholder:hover{border:1px dashed #1890ff}.upload-placeholder img{margin-top:8px;width:50px;height:50px}.upload-placeholder .upload-text{margin:4px 0;color:#332F39;font-size:14px}.upload-placeholder .upload-hint{font-size:14px;color:#949AA5;margin-top:8px;padding:0px 10px;text-align:center;white-space:normal;word-wrap:break-word;word-break:break-all;line-height:1.4}.file-item{position:relative;padding:16px;border:1px solid #e2e8f0;border-radius:8px;transition:border-color 0.3s;cursor:pointer;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.file-item:hover{border-color:#0D75FB}.file-item-content{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:hidden}.file-icon{color:#0D75FB;flex-shrink:0}.file-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 50px)}.remove-file{background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;padding:4px;margin-left:8px;border-radius:4px;transition:all 0.2s;min-width:30px;min-height:30px}.remove-file:hover{background-color:#f1f5f9;color:#475569}.file-input{display:none}.input-container{padding:20px;display:flex;flex-direction:column;height:calc(100% - 50px);background:linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;overflow-y:auto}.input-container h3{margin-top:0;margin-bottom:20px;font-size:18px;color:#333;text-align:center}.jd-input-section{margin-bottom:20px}.jd-input-section label{display:block;margin-bottom:8px;font-weight:500;color:#333}.job-description-textarea{width:calc(100% - 16px);border:1px solid #ddd;border-radius:4px;resize:vertical;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color 0.3s;padding:8px}.job-description-textarea:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px rgba(24, 144, 255, 0.2)}.resume-upload-section{margin-bottom:20px;width:100%;display:flex;flex-direction:column}.resume-upload-section label{display:block;margin-bottom:8px;font-weight:500;color:#333}.interview-settings-section{margin-bottom:24px;padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.settings-row{margin-bottom:20px}.settings-row:last-child{margin-bottom:0}.settings-label{display:block;font-weight:500;color:#333;margin-bottom:12px;font-size:14px}.question-number-section{width:100%}.slider-container{display:flex;align-items:center;gap:12px}.question-slider{flex:1;height:6px;background:#ddd;outline:none;border-radius:3px;-webkit-appearance:none;appearance:none}.question-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#0D75FB;cursor:pointer;border-radius:50%;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}.question-slider::-moz-range-thumb{width:20px;height:20px;background:#0D75FB;cursor:pointer;border-radius:50%;border:none;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}.slider-value{font-weight:600;color:#0D75FB;font-size:14px;min-width:30px;text-align:center}.analysis-toggle-section{width:100%}.toggle-container{display:flex;align-items:center;gap:12px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:0.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:\"\";height:18px;width:18px;left:3px;bottom:3px;background-color:white;transition:0.3s;border-radius:50%;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}input:checked+.toggle-slider{background-color:#0D75FB}input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-text{font-size:14px;color:#666;font-weight:500}.submit-button{margin-top:10px;padding:10px 30px;background:#0D75FB;color:white;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:all 0.3s ease;width:100%;max-width:400px;align-self:center}.submit-button:hover{background-color:#40a9ff}.submit-button:disabled{background-color:rgba(0,0,0,0.04);color:rgba(0,0,0,0.25);cursor:not-allowed}.ai-disclaimer{margin-top:16px;text-align:center;font-size:12px;color:#999;line-height:1.5}.ai-disclaimer p{margin:4px 0}.beian-info{display:flex;justify-content:center;flex-wrap:wrap;gap:4px}.ai-disclaimer a{color:#666;text-decoration:none;transition:color 0.2s ease}.ai-disclaimer a:hover{color:#1890ff;text-decoration:underline}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:24px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0, 0, 0, 0.1);border-radius:50%;border-top-color:var(--pcm-primary-color, #1890ff);animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{font-size:16px;color:var(--pcm-text-color, #333)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.header-history-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;border:none;border-radius:4px;background:transparent;color:#bbb;cursor:pointer;font-size:13px;font-family:inherit;line-height:1;transition:all 0.2s ease;flex-shrink:0;white-space:nowrap}.header-history-button svg{width:16px;height:16px;display:block;flex-shrink:0}.header-history-button:hover{background-color:rgba(0, 0, 0, 0.04);color:#666}.header-history-button:focus-visible{outline:2px solid rgba(13, 117, 251, 0.35);outline-offset:2px}.history-drawer-content{height:100%;display:flex;flex-direction:column}.conversation-list{flex:1;overflow-y:auto;padding:8px 0}.loading-conversations,.empty-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#999}.loading-conversations .loading-spinner-small{margin-bottom:12px}.conversation-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin:0 8px 4px 8px;border-radius:8px;cursor:pointer;transition:all 0.2s ease;border:1px solid transparent}.conversation-item:hover{background:#f5f5f5}.conversation-info{flex:1;min-width:0}.conversation-title{font-size:14px;font-weight:500;color:#262626;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#8c8c8c}.conversation-time{flex-shrink:0}.message-count{flex-shrink:0}.conversation-status{padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500}.conversation-status.completed{background:#f6ffed;color:#52c41a}.conversation-status.running{background:#fff7e6;color:#fa8c16}.header-history-entry{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;padding:4px 8px;border:none;border-radius:4px;background:#e6f7ff;color:#1890ff;cursor:pointer;font-size:12px;font-family:inherit;line-height:1;white-space:nowrap;transition:all 0.2s ease}.header-history-entry:hover{background:#bae7ff;color:#0958d9;transform:translateY(-1px)}.header-history-entry:focus-visible{outline:2px solid rgba(13, 117, 251, 0.35);outline-offset:2px}.history-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 16px;border-top:1px solid #f0f0f0}.history-pagination-button{min-width:72px;padding:6px 12px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;color:#595959;cursor:pointer;font-size:12px;transition:all 0.2s ease}.history-pagination-button:hover:not(:disabled){border-color:#1890ff;color:#1890ff;background:#e6f7ff}.history-pagination-button:disabled{border-color:#f0f0f0;color:#bfbfbf;background:#fafafa;cursor:not-allowed}.history-pagination-info{flex:1;text-align:center;color:#8c8c8c;font-size:12px}";
 
 const hostCss = ":host{font-size:16px;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;font-weight:normal;font-style:normal;font-variant:normal;line-height:1.5;letter-spacing:normal;word-spacing:normal;color:#333;text-align:left;text-indent:0;text-transform:none;white-space:normal;word-wrap:normal;word-break:normal;visibility:visible;list-style:none;list-style-image:none;list-style-position:outside;list-style-type:disc;border-collapse:separate;border-spacing:0;caption-side:top;empty-cells:show;table-layout:auto;quotes:auto;cursor:auto;direction:ltr;orphans:2;widows:2;page-break-inside:auto;text-decoration:none;text-shadow:none;box-sizing:border-box;writing-mode:horizontal-tb;text-orientation:mixed}";
 
@@ -301,6 +301,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { ComponentsUpload as C, defineCustomElement as d };
-//# sourceMappingURL=p-D6Fe15eA.js.map
+//# sourceMappingURL=p-DvyajdW9.js.map
 
-//# sourceMappingURL=p-D6Fe15eA.js.map
+//# sourceMappingURL=p-DvyajdW9.js.map

package/dist/components/p-DvyajdW9.js.map

@@ -0,0 +1 @@
+{"file":"p-DvyajdW9.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/components-upload/components-upload.css?tag=components-upload&encapsulation=shadow","src/global/global.css?tag=components-upload&encapsulation=shadow","src/global/host.css?tag=components-upload&encapsulation=shadow","src/components/components-upload/components-upload.tsx"],"sourcesContent":[".upload-area{\r\n    max-height: 300px;\r\n    overflow-y: auto;\r\n}\r\n.upload-actions {\r\n    display: flex;\r\n    gap: 12px;\r\n    margin-top: 12px;\r\n    width: 100%;\r\n}\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;\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, h, State, Element, Prop, Event, EventEmitter, Method } from \"@stencil/core\";\r\nimport { FileUploadResponse, FileUploadResponseWithState, FileUploadState, formatFileSize, uploadFileToBackend } from \"../../utils/utils\";\r\nimport { Message } from \"../../services/message.service\";\r\nimport { SentryReporter } from \"../../utils/sentry-reporter\";\r\n\r\n\r\nexport type UploadFailedEvent = {\r\n    error: Error;\r\n    message: string;\r\n}\r\n\r\n@Component({\r\n    tag: 'components-upload',\r\n    styleUrls: ['components-upload.css', '../../global/global.css', '../../global/host.css'],\r\n    shadow: true,\r\n})\r\nexport class ComponentsUpload {\r\n    /**\r\n     * 是否支持多文件上传\r\n     */\r\n    @Prop() multiple: boolean = false;\r\n    /**\r\n     * 是否开启移动端上传\r\n     */\r\n    @Prop() mobileUploadAble: boolean = false;\r\n\r\n    /**\r\n     * 支持的文件后缀列表（需要带上小数点.）\r\n     */\r\n    @Prop() acceptFileSuffixList: string[] = [];\r\n    /**\r\n     * 最大文件数\r\n     */\r\n    @Prop() maxFileCount: number = Infinity;\r\n    /**\r\n     * 最大文件大小\r\n     */\r\n    @Prop() maxFileSize: number = Infinity;\r\n    /**\r\n     * 上传请求头\r\n     */\r\n    @Prop() uploadHeaders?: Record<string, any>;\r\n    /**\r\n     * 上传请求参数\r\n     */\r\n    @Prop() uploadParams?: Record<string, any>;\r\n    /**\r\n     * 自定义上传文本\r\n     */\r\n    @Prop() uploadText: string = '点击上传简历';\r\n    /**\r\n     * 默认文件列表（预填充文件）\r\n     */\r\n    @Prop() defaultFileList?: FileUploadResponse[];\r\n    /**\r\n     * 是否禁用上传（禁用时只显示文件，不允许修改）\r\n     */\r\n    @Prop() disabled: boolean = false;\r\n    /**\r\n     * 上传失败监听\r\n     */\r\n    @Event() uploadFailed: EventEmitter<UploadFailedEvent>;\r\n    /**\r\n     * 上传文件变化监听\r\n     */\r\n    @Event() uploadChange: EventEmitter<FileUploadResponse[]>;\r\n\r\n\r\n    @Element() hostElement: HTMLElement;\r\n    @State() selectedFiles: FileUploadResponseWithState[] | null = null;\r\n\r\n    componentWillLoad() {\r\n        // 如果有默认文件列表，则初始化 selectedFiles\r\n        if (this.defaultFileList && this.defaultFileList.length > 0) {\r\n            this.selectedFiles = this.defaultFileList.map(file => ({\r\n                ...file,\r\n                state: FileUploadState.Success,\r\n            }));\r\n        }\r\n    }\r\n\r\n    @Method()\r\n    async getIsUploading() {\r\n        return !!this.selectedFiles?.some(item => item.state === FileUploadState.Uploading);\r\n    }\r\n\r\n    /**\r\n     * 清除已选择的文件\r\n     */\r\n    @Method()\r\n    async clearSelectedFiles() {\r\n        this.selectedFiles = null;\r\n        this.clearSelectedFile(); // 同时清除input的值\r\n    }\r\n\r\n    private handleUploadClick = () => {\r\n        if (this.disabled) return;\r\n        const fileInput = this.hostElement.shadowRoot?.querySelector('.file-input') as HTMLInputElement;\r\n        fileInput?.click();\r\n    };\r\n\r\n    private clearSelectedFile = () => {\r\n        const fileInput = this.hostElement.shadowRoot?.querySelector('.file-input') as HTMLInputElement;\r\n        if (fileInput) {\r\n            fileInput.value = '';\r\n        }\r\n    };\r\n\r\n    private async uploadFile(file: File): Promise<FileUploadResponseWithState> {\r\n        try {\r\n            const result = await uploadFileToBackend(file, this.uploadHeaders || {}, this.uploadParams || {});\r\n            return {\r\n                ...result,\r\n                file,\r\n                file_name: file.name,\r\n                file_size: file.size,\r\n                state: FileUploadState.Success,\r\n            }\r\n        } catch (error) {\r\n            this.clearSelectedFile();\r\n            SentryReporter.captureError(error, {\r\n                action: 'uploadFile',\r\n                component: 'pcm-mnms-modal',\r\n                title: '文件上传失败'\r\n            });\r\n            this.uploadFailed.emit({\r\n                error: error,\r\n                message: '文件上传失败，请重试'\r\n            });\r\n            return {\r\n                file,\r\n                error,\r\n                state: FileUploadState.Failed,\r\n            }\r\n        }\r\n    }\r\n\r\n    private handleFileChange = async (event: Event) => {\r\n        const input = event.target as HTMLInputElement;\r\n\r\n        if (this.multiple) {\r\n            // 多选\r\n            const files = Array.from(input.files || []);\r\n            if (files.length === 0) return;\r\n\r\n            // 验证文件数量限制\r\n            const currentFileCount = this.selectedFiles?.length || 0;\r\n            const remainingSlots = this.maxFileCount - currentFileCount;\r\n            if (files.length > remainingSlots) {\r\n                Message.info(`最多只能上传 ${this.maxFileCount} 个文件，当前已选择 ${currentFileCount} 个`);\r\n                return;\r\n            }\r\n\r\n            const validFiles: File[] = [];\r\n            const invalidFiles: string[] = [];\r\n\r\n            // 验证每个文件\r\n            files.forEach(file => {\r\n                // 检测文件后缀名\r\n                if (this.acceptFileSuffixList?.length) {\r\n                    const suffix = '.' + file.name.split('.').pop()?.toLowerCase();\r\n                    if (!this.acceptFileSuffixList.includes(suffix)) {\r\n                        invalidFiles.push(`${file.name}(格式不支持)`);\r\n                        return;\r\n                    }\r\n                }\r\n                // 检测文件大小\r\n                if (this.maxFileSize < file.size) {\r\n                    invalidFiles.push(`${file.name}(文件过大)`);\r\n                    return;\r\n                }\r\n                validFiles.push(file);\r\n            });\r\n\r\n            // 提示无效文件\r\n            if (invalidFiles.length > 0) {\r\n                const supportedFormats = this.acceptFileSuffixList?.length ? this.acceptFileSuffixList.join('、') : '';\r\n                const maxSizeText = this.maxFileSize !== Infinity ? formatFileSize(this.maxFileSize) : '';\r\n                Message.info(`以下文件无法上传：${invalidFiles.join('、')}。${supportedFormats ? `支持格式：${supportedFormats}。` : ''}${maxSizeText ? `最大文件大小：${maxSizeText}。` : ''}`);\r\n            }\r\n\r\n            if (validFiles.length === 0) {\r\n                this.clearSelectedFile();\r\n                return;\r\n            }\r\n\r\n            // 为有效文件创建初始状态\r\n            const newFileItems: FileUploadResponseWithState[] = validFiles.map(file => ({\r\n                file,\r\n                file_name: file.name,\r\n                file_size: file.size,\r\n                state: FileUploadState.Uploading,\r\n                cos_key: '',\r\n                error: undefined,\r\n            }));\r\n\r\n            // 添加到现有文件列表\r\n            this.selectedFiles = [\r\n                ...(this.selectedFiles || []),\r\n                ...newFileItems\r\n            ];\r\n\r\n            // 依次上传文件\r\n            for (let i = 0; i < validFiles.length; i++) {\r\n                const file = validFiles[i];\r\n                const uploadResult = await this.uploadFile(file);\r\n\r\n                // 更新对应文件的状态\r\n                if (this.selectedFiles) {\r\n                    const currentFileCount = this.selectedFiles.length;\r\n                    const targetIndex = currentFileCount - validFiles.length + i;\r\n                    if (targetIndex >= 0 && targetIndex < this.selectedFiles.length) {\r\n                        this.selectedFiles[targetIndex] = uploadResult;\r\n                        // 触发重新渲染\r\n                        this.selectedFiles = [...this.selectedFiles];\r\n                    }\r\n                }\r\n            }\r\n\r\n            this.clearSelectedFile();\r\n            this.emitUploadChange();\r\n        } else {\r\n            // 单选\r\n            const file = input.files?.[0];\r\n            if (!file) return;\r\n            // 检测文件是否符合后缀名\r\n            if (this.acceptFileSuffixList?.length) {\r\n                const suffix = '.' + file.name.split('.').pop()?.toLowerCase();\r\n                if (!this.acceptFileSuffixList.includes(suffix)) {\r\n                    Message.info(`请上传 ${this.acceptFileSuffixList.join('、')} 格式的文件`);\r\n                    return;\r\n                }\r\n            }\r\n            // 检测文件大小是否超出限制\r\n            if (this.maxFileSize < file.size) {\r\n                Message.info(`文件大小不能超过 ${formatFileSize(this.maxFileSize) ?? '-'}`);\r\n                return;\r\n            }\r\n            this.selectedFiles = [{\r\n                file,\r\n                file_name: file.name,\r\n                file_size: file.size,\r\n                state: FileUploadState.Uploading,\r\n                cos_key: '',\r\n                error: undefined,\r\n            }];\r\n            const uploadResult = await this.uploadFile(file);\r\n            this.selectedFiles = [uploadResult];\r\n            this.clearSelectedFile();\r\n            this.emitUploadChange();\r\n        }\r\n    };\r\n\r\n    private emitUploadChange = () => {\r\n        this.uploadChange.emit(this.selectedFiles?.filter(item => item.state === FileUploadState.Success).map?.(item => ({\r\n            cos_key: item.cos_key,\r\n            file_name: item.file_name,\r\n            file_size: item.file_size,\r\n            ext: item.ext,\r\n        })));\r\n    }\r\n\r\n    private uploadBtn() {\r\n        return <div style={{ width: '100%' }}>\r\n            {\r\n                !!this.mobileUploadAble && <components-mobile-upload-btn\r\n                    multiple={this.multiple}\r\n                    acceptFileSuffixList={this.acceptFileSuffixList}\r\n                    maxFileCount={this.maxFileCount}\r\n                    maxFileSize={this.maxFileSize}\r\n                    uploadHeaders={this.uploadHeaders}\r\n                    uploadParams={this.uploadParams}\r\n                    onOk={e => {\r\n                        this.selectedFiles = [\r\n                            ...(this.selectedFiles ?? []),\r\n                            ...(e.detail ?? []).map(item => ({\r\n                                ...item,\r\n                                state: FileUploadState.Success,\r\n                            }))\r\n                        ]\r\n                        this.emitUploadChange();\r\n                    }}\r\n                />\r\n            }\r\n            <div class=\"upload-placeholder\" onClick={this.handleUploadClick}>\r\n                <img src='https://pub.pincaimao.com/static/web/images/home/i_upload.png'></img>\r\n                <p class='upload-text'>{this.uploadText}</p>\r\n                {\r\n                    !!this.acceptFileSuffixList?.length && <p class=\"upload-hint\">支持 {this.acceptFileSuffixList.join('、')} 格式。</p>\r\n                }\r\n                {\r\n                    !!this.maxFileSize && this.maxFileSize !== Infinity && <p class=\"upload-hint\">文件大小不能超过 {formatFileSize(this.maxFileSize) ?? ''}。</p>\r\n                }\r\n                {\r\n                    !!this.maxFileCount && this.maxFileCount !== Infinity && <p class=\"upload-hint\">最多上传 {this.maxFileCount} 个文件。</p>\r\n                }\r\n            </div>\r\n        </div>\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div>\r\n                <div class=\"resume-upload-section\">\r\n                    <div class=\"upload-area\">\r\n                        <div>\r\n                            {\r\n                                this.selectedFiles?.map?.((item, index) => {\r\n                                    return <div class=\"file-item\">\r\n                                        <div class=\"file-item-content\">\r\n                                            <span class=\"file-icon\">📝</span>\r\n                                            <span class=\"file-name\" style={item.state === FileUploadState.Failed ? { color: 'red', textDecoration: 'line-through' } : undefined}>{item?.file_name}</span>\r\n                                            {\r\n                                                item.state === FileUploadState.Failed && <span style={{ color: 'red', marginLeft: '4px' }}>({item.error?.message ?? '上传失败'})</span>\r\n                                            }\r\n                                        </div>\r\n                                        {!this.disabled && <button class=\"remove-file\" onClick={(e) => {\r\n                                            e.stopPropagation();\r\n                                            this.selectedFiles = this.selectedFiles?.filter((_, itemIndex) => index !== itemIndex);\r\n                                            this.emitUploadChange();\r\n                                        }}>×</button>}\r\n                                    </div>\r\n                                })\r\n                            }\r\n                        </div>\r\n\r\n                    </div>\r\n                    {\r\n                        !this.disabled && (this.multiple ? <div class=\"upload-actions\">\r\n                            {\r\n                                (this.selectedFiles?.length ?? 0) < this.maxFileCount && this.uploadBtn()\r\n                            }\r\n                        </div> : <div class=\"upload-actions\">\r\n                            {\r\n                                !this.selectedFiles?.length && this.uploadBtn()\r\n                            }\r\n                        </div>)\r\n                    }\r\n                </div>\r\n                <input\r\n                    type=\"file\"\r\n                    class=\"file-input\"\r\n                    multiple={this.multiple}\r\n                    onChange={this.handleFileChange}\r\n                />\r\n            </div>\r\n        )\r\n    }\r\n}"],"version":3}

package/dist/components/{p-15dnKCv-.js → p-OsSWj-Xy.js}

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-CR7WLzmM.js';
-import { j as getOemPositions } from './p-D4uR46BC.js';
+import { j as getOemPositions } from './p-BjsKmogW.js';
 import { M as Message } from './p-D39f_W8k.js';
 
 const componentsPositionSelectorCss = ":host{display:block;width:100%;height:100%}.position-selector-container{display:flex;flex-direction:column;width:100%;height:100%;background:#fff}.search-bar{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.search-input-wrapper{position:relative;display:flex;align-items:center;flex:1;min-width:200px;max-width:500px}.search-icon{position:absolute;left:12px;color:#bfbfbf;pointer-events:none}.search-input{width:100%;height:36px;padding:4px 36px 4px 36px;font-size:14px;line-height:1.5;color:rgba(0, 0, 0, 0.85);background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:6px;transition:all 0.3s;outline:none}.search-input:hover{border-color:#40a9ff}.search-input:focus{border-color:#40a9ff;box-shadow:0 0 0 2px rgba(24, 144, 255, 0.2)}.search-input::placeholder{color:#bfbfbf}.clear-button{position:absolute;right:12px;background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#bfbfbf;transition:color 0.3s}.clear-button:hover{color:#8c8c8c}.search-button{padding:4px 15px;height:36px;font-size:14px;line-height:1.5;border-radius:6px;color:#fff;background-color:#1890ff;border:1px solid #1890ff;cursor:pointer;transition:all 0.3s;outline:none;white-space:nowrap;flex-shrink:0}.search-button:hover{background-color:#40a9ff;border-color:#40a9ff}.search-button:active{background-color:#096dd9;border-color:#096dd9}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:16px;color:#8c8c8c}.loading-spinner{width:32px;height:32px;border:3px solid #f0f0f0;border-top-color:#1890ff;border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.empty-icon{opacity:0.5}.empty-text{margin:0;color:#8c8c8c;font-size:14px}.position-list{flex:1;overflow-y:auto;min-height:0}.table-container{width:100%;overflow-x:auto}.position-table{width:100%;border-collapse:collapse;font-size:14px}.position-table thead{background-color:#fafafa;position:sticky;top:0;z-index:1}.position-table th{padding:12px 16px;text-align:left;font-weight:500;color:rgba(0, 0, 0, 0.85);border-bottom:1px solid #f0f0f0;white-space:nowrap}.position-table td{padding:12px 16px;border-bottom:1px solid #f0f0f0;color:rgba(0, 0, 0, 0.65)}.position-table tbody tr{transition:background-color 0.3s}.position-table tbody tr:hover{background-color:#fafafa}.position-table tbody tr.selected-row{background-color:#e6f7ff}.checkbox-column{width:50px;text-align:center}.title-column{min-width:150px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-column{min-width:120px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-column{min-width:100px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.requirements-column{min-width:200px;max-width:300px}.requirements-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-break:break-word;line-height:1.5}.salary-column{min-width:100px;white-space:nowrap}.action-column{width:100px;text-align:center}.position-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#1890ff}.select-button{padding:4px 15px;height:28px;font-size:14px;line-height:1.5;border-radius:6px;color:#fff;background-color:#1890ff;border:1px solid #1890ff;cursor:pointer;transition:all 0.3s;outline:none}.select-button:hover{background-color:#40a9ff;border-color:#40a9ff}.select-button:active{background-color:#096dd9;border-color:#096dd9}@media screen and (max-width: 768px){.search-bar{padding:12px;gap:8px}.search-input-wrapper{min-width:auto;max-width:none}.search-input{height:40px;font-size:16px}.search-button{height:40px;padding:4px 12px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.position-table{font-size:12px}.position-table th,.position-table td{padding:8px 12px}.title-column,.company-column,.location-column{min-width:100px}.select-button{padding:4px 12px;height:32px;font-size:14px}}.pagination-container{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;border-top:1px solid #f0f0f0;flex-shrink:0}.pagination-button{padding:4px 15px;height:32px;font-size:14px;line-height:1.5;border-radius:6px;color:rgba(0, 0, 0, 0.85);background-color:#fff;border:1px solid #d9d9d9;cursor:pointer;transition:all 0.3s;outline:none}.pagination-button:hover:not(:disabled){color:#40a9ff;border-color:#40a9ff}.pagination-button:active:not(:disabled){color:#096dd9;border-color:#096dd9}.pagination-button:disabled{color:rgba(0, 0, 0, 0.25);background-color:#f5f5f5;border-color:#d9d9d9;cursor:not-allowed}.pagination-info{font-size:14px;color:rgba(0, 0, 0, 0.65)}.position-list::-webkit-scrollbar{width:8px;height:8px}.position-list::-webkit-scrollbar-track{background:#f1f1f1}.position-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.position-list::-webkit-scrollbar-thumb:hover{background:#555}";
 
-const globalCss = ".modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.5);display:flex;z-index:1000;overflow-y:auto}.fullscreen-overlay{padding:0;background-color:rgba(0, 0, 0, 0.7);position:absolute;width:100%;height:auto}.modal-container{background-color:#fff;border-radius:8px;width:100%;display:flex;flex-direction:column;position:relative;margin:5vh auto auto auto;transition:all 0.3s ease-out;overflow:hidden}.modal-container.fullscreen{width:100%;max-width:none;height:100%;border-radius:0;margin:0;display:flex;flex-direction:column;max-height:100%}.pc-layout{width:80%;max-width:600px;min-width:320px}@media screen and (max-width: 768px){.pc-layout{width:95%}.modal-overlay{padding:10px 0px 0px 0px}.modal-container.fullscreen{width:100%;height:100%;max-height:100%;border-radius:16px 16px 0 0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}}.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;font-size:16px;font-weight:600;color:#333}.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}.upload-area{cursor:pointer;width:100%}.upload-placeholder{transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center;background:rgba(0, 0, 0, 0.02);border:1px dashed #d9d9d9;border-radius:8px;cursor:pointer}.upload-placeholder:hover{border:1px dashed #1890ff}.upload-placeholder img{margin-top:8px;width:50px;height:50px}.upload-placeholder .upload-text{margin:4px 0;color:#332F39;font-size:14px}.upload-placeholder .upload-hint{font-size:14px;color:#949AA5;margin-top:8px;padding:0px 10px;text-align:center;white-space:normal;word-wrap:break-word;word-break:break-all;line-height:1.4}.file-item{position:relative;padding:16px;border:1px solid #e2e8f0;border-radius:8px;transition:border-color 0.3s;cursor:pointer;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.file-item:hover{border-color:#0D75FB}.file-item-content{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:hidden}.file-icon{color:#0D75FB;flex-shrink:0}.file-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 50px)}.remove-file{background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;padding:4px;margin-left:8px;border-radius:4px;transition:all 0.2s;min-width:30px;min-height:30px}.remove-file:hover{background-color:#f1f5f9;color:#475569}.file-input{display:none}.input-container{padding:20px;display:flex;flex-direction:column;height:calc(100% - 50px);background:linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;overflow-y:auto}.input-container h3{margin-top:0;margin-bottom:20px;font-size:18px;color:#333;text-align:center}.jd-input-section{margin-bottom:20px}.jd-input-section label{display:block;margin-bottom:8px;font-weight:500;color:#333}.job-description-textarea{width:calc(100% - 16px);border:1px solid #ddd;border-radius:4px;resize:vertical;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color 0.3s;padding:8px}.job-description-textarea:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px rgba(24, 144, 255, 0.2)}.resume-upload-section{margin-bottom:20px;width:100%;display:flex;flex-direction:column}.resume-upload-section label{display:block;margin-bottom:8px;font-weight:500;color:#333}.interview-settings-section{margin-bottom:24px;padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.settings-row{margin-bottom:20px}.settings-row:last-child{margin-bottom:0}.settings-label{display:block;font-weight:500;color:#333;margin-bottom:12px;font-size:14px}.question-number-section{width:100%}.slider-container{display:flex;align-items:center;gap:12px}.question-slider{flex:1;height:6px;background:#ddd;outline:none;border-radius:3px;-webkit-appearance:none;appearance:none}.question-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#0D75FB;cursor:pointer;border-radius:50%;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}.question-slider::-moz-range-thumb{width:20px;height:20px;background:#0D75FB;cursor:pointer;border-radius:50%;border:none;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}.slider-value{font-weight:600;color:#0D75FB;font-size:14px;min-width:30px;text-align:center}.analysis-toggle-section{width:100%}.toggle-container{display:flex;align-items:center;gap:12px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:0.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:\"\";height:18px;width:18px;left:3px;bottom:3px;background-color:white;transition:0.3s;border-radius:50%;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}input:checked+.toggle-slider{background-color:#0D75FB}input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-text{font-size:14px;color:#666;font-weight:500}.submit-button{margin-top:10px;padding:10px 30px;background:#0D75FB;color:white;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:all 0.3s ease;width:100%;max-width:400px;align-self:center}.submit-button:hover{background-color:#40a9ff}.submit-button:disabled{background-color:rgba(0,0,0,0.04);color:rgba(0,0,0,0.25);cursor:not-allowed}.ai-disclaimer{margin-top:16px;text-align:center;font-size:12px;color:#999;line-height:1.5}.ai-disclaimer p{margin:4px 0}.beian-info{display:flex;justify-content:center;flex-wrap:wrap;gap:4px}.ai-disclaimer a{color:#666;text-decoration:none;transition:color 0.2s ease}.ai-disclaimer a:hover{color:#1890ff;text-decoration:underline}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:24px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0, 0, 0, 0.1);border-radius:50%;border-top-color:var(--pcm-primary-color, #1890ff);animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{font-size:16px;color:var(--pcm-text-color, #333)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.header-history-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;border:none;border-radius:4px;background:transparent;color:#bbb;cursor:pointer;font-size:13px;font-family:inherit;line-height:1;transition:all 0.2s ease;flex-shrink:0;white-space:nowrap}.header-history-button svg{width:16px;height:16px;display:block;flex-shrink:0}.header-history-button:hover{background-color:rgba(0, 0, 0, 0.04);color:#666}.header-history-button:focus-visible{outline:2px solid rgba(13, 117, 251, 0.35);outline-offset:2px}.history-drawer-content{height:100%;display:flex;flex-direction:column}.conversation-list{flex:1;overflow-y:auto;padding:8px 0}.loading-conversations,.empty-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#999}.loading-conversations .loading-spinner-small{margin-bottom:12px}.conversation-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin:0 8px 4px 8px;border-radius:8px;cursor:pointer;transition:all 0.2s ease;border:1px solid transparent}.conversation-item:hover{background:#f5f5f5}.conversation-info{flex:1;min-width:0}.conversation-title{font-size:14px;font-weight:500;color:#262626;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#8c8c8c}.conversation-time{flex-shrink:0}.message-count{flex-shrink:0}.conversation-status{padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500}.conversation-status.completed{background:#f6ffed;color:#52c41a}.conversation-status.running{background:#fff7e6;color:#fa8c16}.header-history-entry{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;padding:4px 8px;border:none;border-radius:4px;background:#e6f7ff;color:#1890ff;cursor:pointer;font-size:12px;font-family:inherit;line-height:1;white-space:nowrap;transition:all 0.2s ease}.header-history-entry:hover{background:#bae7ff;color:#0958d9;transform:translateY(-1px)}.header-history-entry:focus-visible{outline:2px solid rgba(13, 117, 251, 0.35);outline-offset:2px}.history-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 16px;border-top:1px solid #f0f0f0}.history-pagination-button{min-width:72px;padding:6px 12px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;color:#595959;cursor:pointer;font-size:12px;transition:all 0.2s ease}.history-pagination-button:hover:not(:disabled){border-color:#1890ff;color:#1890ff;background:#e6f7ff}.history-pagination-button:disabled{border-color:#f0f0f0;color:#bfbfbf;background:#fafafa;cursor:not-allowed}.history-pagination-info{flex:1;text-align:center;color:#8c8c8c;font-size:12px}";
+const globalCss = ".modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.5);display:flex;z-index:1000;overflow-y:auto}.fullscreen-overlay{padding:0;background-color:rgba(0, 0, 0, 0.7);position:absolute;width:100%;height:auto}.modal-container{background-color:#fff;border-radius:8px;width:100%;display:flex;flex-direction:column;position:relative;margin:3vh;transition:all 0.3s ease-out;overflow:hidden}.modal-container.fullscreen{width:100%;max-width:none;height:100%;border-radius:0;margin:0;display:flex;flex-direction:column;max-height:100%}.pc-layout{width:80%;max-width:600px;min-width:320px}@media screen and (max-width: 768px){.pc-layout{width:95%}.modal-overlay{padding:10px 0px 0px 0px}.modal-container.fullscreen{width:100%;height:100%;max-height:100%;border-radius:16px 16px 0 0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}}.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;font-size:16px;font-weight:600;color:#333}.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}.upload-area{cursor:pointer;width:100%}.upload-placeholder{transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center;background:rgba(0, 0, 0, 0.02);border:1px dashed #d9d9d9;border-radius:8px;cursor:pointer}.upload-placeholder:hover{border:1px dashed #1890ff}.upload-placeholder img{margin-top:8px;width:50px;height:50px}.upload-placeholder .upload-text{margin:4px 0;color:#332F39;font-size:14px}.upload-placeholder .upload-hint{font-size:14px;color:#949AA5;margin-top:8px;padding:0px 10px;text-align:center;white-space:normal;word-wrap:break-word;word-break:break-all;line-height:1.4}.file-item{position:relative;padding:16px;border:1px solid #e2e8f0;border-radius:8px;transition:border-color 0.3s;cursor:pointer;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.file-item:hover{border-color:#0D75FB}.file-item-content{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:hidden}.file-icon{color:#0D75FB;flex-shrink:0}.file-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 50px)}.remove-file{background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;padding:4px;margin-left:8px;border-radius:4px;transition:all 0.2s;min-width:30px;min-height:30px}.remove-file:hover{background-color:#f1f5f9;color:#475569}.file-input{display:none}.input-container{padding:20px;display:flex;flex-direction:column;height:calc(100% - 50px);background:linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;overflow-y:auto}.input-container h3{margin-top:0;margin-bottom:20px;font-size:18px;color:#333;text-align:center}.jd-input-section{margin-bottom:20px}.jd-input-section label{display:block;margin-bottom:8px;font-weight:500;color:#333}.job-description-textarea{width:calc(100% - 16px);border:1px solid #ddd;border-radius:4px;resize:vertical;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color 0.3s;padding:8px}.job-description-textarea:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px rgba(24, 144, 255, 0.2)}.resume-upload-section{margin-bottom:20px;width:100%;display:flex;flex-direction:column}.resume-upload-section label{display:block;margin-bottom:8px;font-weight:500;color:#333}.interview-settings-section{margin-bottom:24px;padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.settings-row{margin-bottom:20px}.settings-row:last-child{margin-bottom:0}.settings-label{display:block;font-weight:500;color:#333;margin-bottom:12px;font-size:14px}.question-number-section{width:100%}.slider-container{display:flex;align-items:center;gap:12px}.question-slider{flex:1;height:6px;background:#ddd;outline:none;border-radius:3px;-webkit-appearance:none;appearance:none}.question-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#0D75FB;cursor:pointer;border-radius:50%;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}.question-slider::-moz-range-thumb{width:20px;height:20px;background:#0D75FB;cursor:pointer;border-radius:50%;border:none;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}.slider-value{font-weight:600;color:#0D75FB;font-size:14px;min-width:30px;text-align:center}.analysis-toggle-section{width:100%}.toggle-container{display:flex;align-items:center;gap:12px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:0.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:\"\";height:18px;width:18px;left:3px;bottom:3px;background-color:white;transition:0.3s;border-radius:50%;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}input:checked+.toggle-slider{background-color:#0D75FB}input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-text{font-size:14px;color:#666;font-weight:500}.submit-button{margin-top:10px;padding:10px 30px;background:#0D75FB;color:white;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:all 0.3s ease;width:100%;max-width:400px;align-self:center}.submit-button:hover{background-color:#40a9ff}.submit-button:disabled{background-color:rgba(0,0,0,0.04);color:rgba(0,0,0,0.25);cursor:not-allowed}.ai-disclaimer{margin-top:16px;text-align:center;font-size:12px;color:#999;line-height:1.5}.ai-disclaimer p{margin:4px 0}.beian-info{display:flex;justify-content:center;flex-wrap:wrap;gap:4px}.ai-disclaimer a{color:#666;text-decoration:none;transition:color 0.2s ease}.ai-disclaimer a:hover{color:#1890ff;text-decoration:underline}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:24px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0, 0, 0, 0.1);border-radius:50%;border-top-color:var(--pcm-primary-color, #1890ff);animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{font-size:16px;color:var(--pcm-text-color, #333)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.header-history-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;border:none;border-radius:4px;background:transparent;color:#bbb;cursor:pointer;font-size:13px;font-family:inherit;line-height:1;transition:all 0.2s ease;flex-shrink:0;white-space:nowrap}.header-history-button svg{width:16px;height:16px;display:block;flex-shrink:0}.header-history-button:hover{background-color:rgba(0, 0, 0, 0.04);color:#666}.header-history-button:focus-visible{outline:2px solid rgba(13, 117, 251, 0.35);outline-offset:2px}.history-drawer-content{height:100%;display:flex;flex-direction:column}.conversation-list{flex:1;overflow-y:auto;padding:8px 0}.loading-conversations,.empty-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#999}.loading-conversations .loading-spinner-small{margin-bottom:12px}.conversation-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin:0 8px 4px 8px;border-radius:8px;cursor:pointer;transition:all 0.2s ease;border:1px solid transparent}.conversation-item:hover{background:#f5f5f5}.conversation-info{flex:1;min-width:0}.conversation-title{font-size:14px;font-weight:500;color:#262626;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#8c8c8c}.conversation-time{flex-shrink:0}.message-count{flex-shrink:0}.conversation-status{padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500}.conversation-status.completed{background:#f6ffed;color:#52c41a}.conversation-status.running{background:#fff7e6;color:#fa8c16}.header-history-entry{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;padding:4px 8px;border:none;border-radius:4px;background:#e6f7ff;color:#1890ff;cursor:pointer;font-size:12px;font-family:inherit;line-height:1;white-space:nowrap;transition:all 0.2s ease}.header-history-entry:hover{background:#bae7ff;color:#0958d9;transform:translateY(-1px)}.header-history-entry:focus-visible{outline:2px solid rgba(13, 117, 251, 0.35);outline-offset:2px}.history-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 16px;border-top:1px solid #f0f0f0}.history-pagination-button{min-width:72px;padding:6px 12px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;color:#595959;cursor:pointer;font-size:12px;transition:all 0.2s ease}.history-pagination-button:hover:not(:disabled){border-color:#1890ff;color:#1890ff;background:#e6f7ff}.history-pagination-button:disabled{border-color:#f0f0f0;color:#bfbfbf;background:#fafafa;cursor:not-allowed}.history-pagination-info{flex:1;text-align:center;color:#8c8c8c;font-size:12px}";
 
 const ComponentsPositionSelector = /*@__PURE__*/ proxyCustomElement(class ComponentsPositionSelector extends H {
     constructor() {
@@ -259,6 +259,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { ComponentsPositionSelector as C, defineCustomElement as d };
-//# sourceMappingURL=p-15dnKCv-.js.map
+//# sourceMappingURL=p-OsSWj-Xy.js.map
 
-//# sourceMappingURL=p-15dnKCv-.js.map
+//# sourceMappingURL=p-OsSWj-Xy.js.map

package/dist/components/p-OsSWj-Xy.js.map

@@ -0,0 +1 @@
+{"file":"p-OsSWj-Xy.js","mappings":";;;;AAAA,MAAM,6BAA6B,GAAG,giKAAgiK;;ACAtkK,MAAM,SAAS,GAAG,2rSAA2rS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/components-position-selector/components-position-selector.css?tag=components-position-selector&encapsulation=shadow","src/global/global.css?tag=components-position-selector&encapsulation=shadow"],"sourcesContent":[":host {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.position-selector-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: #fff;\r\n}\r\n\r\n/* 搜索栏样式 */\r\n.search-bar {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  padding: 16px;\r\n  border-bottom: 1px solid #f0f0f0;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.search-input-wrapper {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  flex: 1;\r\n  min-width: 200px;\r\n  max-width: 500px;\r\n}\r\n\r\n.search-icon {\r\n  position: absolute;\r\n  left: 12px;\r\n  color: #bfbfbf;\r\n  pointer-events: none;\r\n}\r\n\r\n.search-input {\r\n  width: 100%;\r\n  height: 36px;\r\n  padding: 4px 36px 4px 36px;\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  color: rgba(0, 0, 0, 0.85);\r\n  background-color: #fff;\r\n  background-image: none;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  transition: all 0.3s;\r\n  outline: none;\r\n}\r\n\r\n.search-input:hover {\r\n  border-color: #40a9ff;\r\n}\r\n\r\n.search-input:focus {\r\n  border-color: #40a9ff;\r\n  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n.search-input::placeholder {\r\n  color: #bfbfbf;\r\n}\r\n\r\n.clear-button {\r\n  position: absolute;\r\n  right: 12px;\r\n  background: none;\r\n  border: none;\r\n  padding: 4px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #bfbfbf;\r\n  transition: color 0.3s;\r\n}\r\n\r\n.clear-button:hover {\r\n  color: #8c8c8c;\r\n}\r\n\r\n.search-button {\r\n  padding: 4px 15px;\r\n  height: 36px;\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  border-radius: 6px;\r\n  color: #fff;\r\n  background-color: #1890ff;\r\n  border: 1px solid #1890ff;\r\n  cursor: pointer;\r\n  transition: all 0.3s;\r\n  outline: none;\r\n  white-space: nowrap;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.search-button:hover {\r\n  background-color: #40a9ff;\r\n  border-color: #40a9ff;\r\n}\r\n\r\n.search-button:active {\r\n  background-color: #096dd9;\r\n  border-color: #096dd9;\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  padding: 40px;\r\n  gap: 16px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.loading-spinner {\r\n  width: 32px;\r\n  height: 32px;\r\n  border: 3px solid #f0f0f0;\r\n  border-top-color: #1890ff;\r\n  border-radius: 50%;\r\n  animation: spin 0.8s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n/* 空状态 */\r\n.empty-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 60px 20px;\r\n  gap: 16px;\r\n}\r\n\r\n.empty-icon {\r\n  opacity: 0.5;\r\n}\r\n\r\n.empty-text {\r\n  margin: 0;\r\n  color: #8c8c8c;\r\n  font-size: 14px;\r\n}\r\n\r\n/* 职位列表 */\r\n.position-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  min-height: 0;\r\n}\r\n\r\n.table-container {\r\n  width: 100%;\r\n  overflow-x: auto;\r\n}\r\n\r\n.position-table {\r\n  width: 100%;\r\n  border-collapse: collapse;\r\n  font-size: 14px;\r\n}\r\n\r\n.position-table thead {\r\n  background-color: #fafafa;\r\n  position: sticky;\r\n  top: 0;\r\n  z-index: 1;\r\n}\r\n\r\n.position-table th {\r\n  padding: 12px 16px;\r\n  text-align: left;\r\n  font-weight: 500;\r\n  color: rgba(0, 0, 0, 0.85);\r\n  border-bottom: 1px solid #f0f0f0;\r\n  white-space: nowrap;\r\n}\r\n\r\n.position-table td {\r\n  padding: 12px 16px;\r\n  border-bottom: 1px solid #f0f0f0;\r\n  color: rgba(0, 0, 0, 0.65);\r\n}\r\n\r\n.position-table tbody tr {\r\n  transition: background-color 0.3s;\r\n}\r\n\r\n.position-table tbody tr:hover {\r\n  background-color: #fafafa;\r\n}\r\n\r\n.position-table tbody tr.selected-row {\r\n  background-color: #e6f7ff;\r\n}\r\n\r\n/* 列宽设置 */\r\n.checkbox-column {\r\n  width: 50px;\r\n  text-align: center;\r\n}\r\n\r\n.title-column {\r\n  min-width: 150px;\r\n  max-width: 200px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.company-column {\r\n  min-width: 120px;\r\n  max-width: 180px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.location-column {\r\n  min-width: 100px;\r\n  max-width: 150px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.requirements-column {\r\n  min-width: 200px;\r\n  max-width: 300px;\r\n}\r\n\r\n.requirements-text {\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 2;\r\n  -webkit-box-orient: vertical;\r\n  white-space: normal;\r\n  word-break: break-word;\r\n  line-height: 1.5;\r\n}\r\n\r\n.salary-column {\r\n  min-width: 100px;\r\n  white-space: nowrap;\r\n}\r\n\r\n.action-column {\r\n  width: 100px;\r\n  text-align: center;\r\n}\r\n\r\n/* 复选框样式 */\r\n.position-checkbox {\r\n  width: 16px;\r\n  height: 16px;\r\n  cursor: pointer;\r\n  accent-color: #1890ff;\r\n}\r\n\r\n/* 选择按钮 */\r\n.select-button {\r\n  padding: 4px 15px;\r\n  height: 28px;\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  border-radius: 6px;\r\n  color: #fff;\r\n  background-color: #1890ff;\r\n  border: 1px solid #1890ff;\r\n  cursor: pointer;\r\n  transition: all 0.3s;\r\n  outline: none;\r\n}\r\n\r\n.select-button:hover {\r\n  background-color: #40a9ff;\r\n  border-color: #40a9ff;\r\n}\r\n\r\n.select-button:active {\r\n  background-color: #096dd9;\r\n  border-color: #096dd9;\r\n}\r\n\r\n/* 移动端适配 */\r\n@media screen and (max-width: 768px) {\r\n  .search-bar {\r\n    padding: 12px;\r\n    gap: 8px;\r\n  }\r\n\r\n  .search-input-wrapper {\r\n    min-width: auto;\r\n    max-width: none;\r\n  }\r\n\r\n  .search-input {\r\n    height: 40px;\r\n    font-size: 16px;\r\n  }\r\n\r\n  .search-button {\r\n    height: 40px;\r\n    padding: 4px 12px;\r\n  }\r\n\r\n  .table-container {\r\n    overflow-x: auto;\r\n    -webkit-overflow-scrolling: touch;\r\n  }\r\n\r\n  .position-table {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .position-table th,\r\n  .position-table td {\r\n    padding: 8px 12px;\r\n  }\r\n\r\n  .title-column,\r\n  .company-column,\r\n  .location-column {\r\n    min-width: 100px;\r\n  }\r\n\r\n  .select-button {\r\n    padding: 4px 12px;\r\n    height: 32px;\r\n    font-size: 14px;\r\n  }\r\n}\r\n\r\n/* 分页器样式 */\r\n.pagination-container {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 16px;\r\n  padding: 16px;\r\n  border-top: 1px solid #f0f0f0;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.pagination-button {\r\n  padding: 4px 15px;\r\n  height: 32px;\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  border-radius: 6px;\r\n  color: rgba(0, 0, 0, 0.85);\r\n  background-color: #fff;\r\n  border: 1px solid #d9d9d9;\r\n  cursor: pointer;\r\n  transition: all 0.3s;\r\n  outline: none;\r\n}\r\n\r\n.pagination-button:hover:not(:disabled) {\r\n  color: #40a9ff;\r\n  border-color: #40a9ff;\r\n}\r\n\r\n.pagination-button:active:not(:disabled) {\r\n  color: #096dd9;\r\n  border-color: #096dd9;\r\n}\r\n\r\n.pagination-button:disabled {\r\n  color: rgba(0, 0, 0, 0.25);\r\n  background-color: #f5f5f5;\r\n  border-color: #d9d9d9;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.pagination-info {\r\n  font-size: 14px;\r\n  color: rgba(0, 0, 0, 0.65);\r\n}\r\n\r\n/* 滚动条样式 */\r\n.position-list::-webkit-scrollbar {\r\n  width: 8px;\r\n  height: 8px;\r\n}\r\n\r\n.position-list::-webkit-scrollbar-track {\r\n  background: #f1f1f1;\r\n}\r\n\r\n.position-list::-webkit-scrollbar-thumb {\r\n  background: #888;\r\n  border-radius: 4px;\r\n}\r\n\r\n.position-list::-webkit-scrollbar-thumb:hover {\r\n  background: #555;\r\n}\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;\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"],"version":3}

package/dist/components/{p-aJ831O2z.js → p-cBiBW1uG.js}

@@ -1,4 +1,4 @@
-import { c as sendHttpRequest } from './p-D4uR46BC.js';
+import { c as sendHttpRequest } from './p-BjsKmogW.js';
 import { S as SentryReporter } from './p-DC-AWTHS.js';
 import { E as ErrorEventBus } from './p-C0FYX2-Z.js';
 
@@ -100,6 +100,6 @@ async function fetchHistoryConversations(botId, componentName, lastId = '', limi
 }
 
 export { fetchHistoryConversations as f };
-//# sourceMappingURL=p-aJ831O2z.js.map
+//# sourceMappingURL=p-cBiBW1uG.js.map
 
-//# sourceMappingURL=p-aJ831O2z.js.map
+//# sourceMappingURL=p-cBiBW1uG.js.map

package/dist/components/{p-aJ831O2z.js.map → p-cBiBW1uG.js.map}

@@ -1 +1 @@
-{"file":"p-aJ831O2z.js","mappings":"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","names":[],"sources":["src/utils/conversation-utils.ts"],"sourcesContent":["import { sendHttpRequest } from './utils';\r\nimport { SentryReporter } from './sentry-reporter';\r\nimport { ErrorEventBus } from './error-event';\r\nimport { ConversationItem, ConversationPageResult, ConversationDetail } from '../interfaces/chat';\r\n\r\ninterface ConversationApiItem {\r\n    id: string;\r\n    name?: string;\r\n    created_at: number | string;\r\n    updated_at: number | string;\r\n    status?: string;\r\n    message_count?: number;\r\n    inputs?: any;\r\n}\r\n\r\ninterface ConversationApiData {\r\n    data?: ConversationApiItem[];\r\n    items?: ConversationApiItem[];\r\n    has_more?: boolean;\r\n}\r\n\r\n/**\r\n * 格式化会话时间戳为可读字符串\r\n */\r\nfunction formatConversationTime(createdAt: number | string): string {\r\n    try {\r\n        const timestamp = typeof createdAt === 'string' ? parseInt(createdAt, 10) : createdAt;\r\n        if (isNaN(timestamp) || timestamp <= 0) {\r\n            return '未知时间';\r\n        }\r\n\r\n        const createdTime = new Date(timestamp * 1000);\r\n        if (isNaN(createdTime.getTime())) {\r\n            return '未知时间';\r\n        }\r\n\r\n        const now = new Date();\r\n        const diffDays = Math.floor((now.getTime() - createdTime.getTime()) / (1000 * 60 * 60 * 24));\r\n        const hh = createdTime.getHours().toString().padStart(2, '0');\r\n        const mm = createdTime.getMinutes().toString().padStart(2, '0');\r\n        const month = (createdTime.getMonth() + 1).toString().padStart(2, '0');\r\n        const day = createdTime.getDate().toString().padStart(2, '0');\r\n\r\n        if (diffDays === 0) {\r\n            return `今天 ${hh}:${mm}`;\r\n        }\r\n\r\n        if (diffDays === 1) {\r\n            return `昨天 ${hh}:${mm}`;\r\n        }\r\n\r\n        if (diffDays > 1 && diffDays < 7) {\r\n            const weekdays = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'];\r\n            return `${weekdays[createdTime.getDay()]} ${hh}:${mm}`;\r\n        }\r\n\r\n        return `${month}-${day} ${hh}:${mm}`;\r\n    } catch {\r\n        return '时间解析失败';\r\n    }\r\n}\r\n\r\n/**\r\n * 获取历史会话列表\r\n * @param botId 机器人 ID\r\n * @param componentName 调用组件名称\r\n * @param lastId 上一页最后一条会话 ID，空字符串表示第一页\r\n * @param limit 每页数量\r\n * @returns 游标分页结果\r\n */\r\nexport async function fetchHistoryConversations(\r\n    botId: string,\r\n    componentName: string,\r\n    lastId: string = '',\r\n    limit: number = 20,\r\n): Promise<ConversationPageResult> {\r\n    try {\r\n        const result = await sendHttpRequest<ConversationApiData>({\r\n            url: '/sdk/v1/chat/conversations',\r\n            method: 'GET',\r\n            data: {\r\n                bot_id: botId,\r\n                last_id: lastId,\r\n                limit,\r\n            },\r\n        });\r\n\r\n        if (result.success && result.data) {\r\n            const rawConversations: ConversationApiItem[] = result.data.data || result.data.items || [];\r\n            const hasMore = typeof result.data.has_more === 'boolean'\r\n                ? result.data.has_more\r\n                : rawConversations.length > limit;\r\n            const conversations: ConversationItem[] = rawConversations.slice(0, limit).map((conv: ConversationApiItem) => ({\r\n                id: conv.id,\r\n                name: conv.name || '新会话',\r\n                created_at: Number(conv.created_at),\r\n                updated_at: Number(conv.updated_at),\r\n                status: conv.status,\r\n                message_count: conv.message_count || 0,\r\n                timeDisplay: formatConversationTime(conv.created_at),\r\n                inputs: conv.inputs,\r\n            }));\r\n\r\n            return {\r\n                items: conversations,\r\n                hasMore,\r\n                nextCursor: conversations.length > 0 ? conversations[conversations.length - 1].id : '',\r\n            };\r\n        }\r\n\r\n        return {\r\n            items: [],\r\n            hasMore: false,\r\n            nextCursor: '',\r\n        };\r\n    } catch (error) {\r\n        console.error('获取历史会话失败:', error);\r\n        SentryReporter.captureError(error, {\r\n            action: 'fetchHistoryConversations',\r\n            component: componentName,\r\n            title: '获取历史会话失败',\r\n        });\r\n        ErrorEventBus.emitError({ error, message: '获取历史会话失败' });\r\n\r\n        return {\r\n            items: [],\r\n            hasMore: false,\r\n            nextCursor: '',\r\n        };\r\n    }\r\n}\r\n\r\n/**\r\n * 获取单个会话详情\r\n * @param conversationId 会话 ID\r\n * @param componentName 调用组件名称\r\n * @returns 会话详情\r\n */\r\nexport async function fetchConversationDetail(\r\n    conversationId: string,\r\n    componentName: string,\r\n): Promise<ConversationDetail | null> {\r\n    try {\r\n        const result = await sendHttpRequest<{ data: ConversationDetail }>({\r\n            url: '/sdk/v1/chat/conversation',\r\n            method: 'GET',\r\n            data: {\r\n                conversation_id: conversationId,\r\n            },\r\n        });\r\n\r\n        if (result.success && result.data?.data) {\r\n            return result.data.data;\r\n        }\r\n\r\n        return null;\r\n    } catch (error) {\r\n        console.error('获取会话详情失败:', error);\r\n        SentryReporter.captureError(error, {\r\n            action: 'fetchConversationDetail',\r\n            component: componentName,\r\n            title: '获取会话详情失败',\r\n        });\r\n        ErrorEventBus.emitError({ error, message: '获取会话详情失败' });\r\n\r\n        return null;\r\n    }\r\n}\r\n"],"version":3}
+{"file":"p-cBiBW1uG.js","mappings":"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","names":[],"sources":["src/utils/conversation-utils.ts"],"sourcesContent":["import { sendHttpRequest } from './utils';\r\nimport { SentryReporter } from './sentry-reporter';\r\nimport { ErrorEventBus } from './error-event';\r\nimport { ConversationItem, ConversationPageResult, ConversationDetail } from '../interfaces/chat';\r\n\r\ninterface ConversationApiItem {\r\n    id: string;\r\n    name?: string;\r\n    created_at: number | string;\r\n    updated_at: number | string;\r\n    status?: string;\r\n    message_count?: number;\r\n    inputs?: any;\r\n}\r\n\r\ninterface ConversationApiData {\r\n    data?: ConversationApiItem[];\r\n    items?: ConversationApiItem[];\r\n    has_more?: boolean;\r\n}\r\n\r\n/**\r\n * 格式化会话时间戳为可读字符串\r\n */\r\nfunction formatConversationTime(createdAt: number | string): string {\r\n    try {\r\n        const timestamp = typeof createdAt === 'string' ? parseInt(createdAt, 10) : createdAt;\r\n        if (isNaN(timestamp) || timestamp <= 0) {\r\n            return '未知时间';\r\n        }\r\n\r\n        const createdTime = new Date(timestamp * 1000);\r\n        if (isNaN(createdTime.getTime())) {\r\n            return '未知时间';\r\n        }\r\n\r\n        const now = new Date();\r\n        const diffDays = Math.floor((now.getTime() - createdTime.getTime()) / (1000 * 60 * 60 * 24));\r\n        const hh = createdTime.getHours().toString().padStart(2, '0');\r\n        const mm = createdTime.getMinutes().toString().padStart(2, '0');\r\n        const month = (createdTime.getMonth() + 1).toString().padStart(2, '0');\r\n        const day = createdTime.getDate().toString().padStart(2, '0');\r\n\r\n        if (diffDays === 0) {\r\n            return `今天 ${hh}:${mm}`;\r\n        }\r\n\r\n        if (diffDays === 1) {\r\n            return `昨天 ${hh}:${mm}`;\r\n        }\r\n\r\n        if (diffDays > 1 && diffDays < 7) {\r\n            const weekdays = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'];\r\n            return `${weekdays[createdTime.getDay()]} ${hh}:${mm}`;\r\n        }\r\n\r\n        return `${month}-${day} ${hh}:${mm}`;\r\n    } catch {\r\n        return '时间解析失败';\r\n    }\r\n}\r\n\r\n/**\r\n * 获取历史会话列表\r\n * @param botId 机器人 ID\r\n * @param componentName 调用组件名称\r\n * @param lastId 上一页最后一条会话 ID，空字符串表示第一页\r\n * @param limit 每页数量\r\n * @returns 游标分页结果\r\n */\r\nexport async function fetchHistoryConversations(\r\n    botId: string,\r\n    componentName: string,\r\n    lastId: string = '',\r\n    limit: number = 20,\r\n): Promise<ConversationPageResult> {\r\n    try {\r\n        const result = await sendHttpRequest<ConversationApiData>({\r\n            url: '/sdk/v1/chat/conversations',\r\n            method: 'GET',\r\n            data: {\r\n                bot_id: botId,\r\n                last_id: lastId,\r\n                limit,\r\n            },\r\n        });\r\n\r\n        if (result.success && result.data) {\r\n            const rawConversations: ConversationApiItem[] = result.data.data || result.data.items || [];\r\n            const hasMore = typeof result.data.has_more === 'boolean'\r\n                ? result.data.has_more\r\n                : rawConversations.length > limit;\r\n            const conversations: ConversationItem[] = rawConversations.slice(0, limit).map((conv: ConversationApiItem) => ({\r\n                id: conv.id,\r\n                name: conv.name || '新会话',\r\n                created_at: Number(conv.created_at),\r\n                updated_at: Number(conv.updated_at),\r\n                status: conv.status,\r\n                message_count: conv.message_count || 0,\r\n                timeDisplay: formatConversationTime(conv.created_at),\r\n                inputs: conv.inputs,\r\n            }));\r\n\r\n            return {\r\n                items: conversations,\r\n                hasMore,\r\n                nextCursor: conversations.length > 0 ? conversations[conversations.length - 1].id : '',\r\n            };\r\n        }\r\n\r\n        return {\r\n            items: [],\r\n            hasMore: false,\r\n            nextCursor: '',\r\n        };\r\n    } catch (error) {\r\n        console.error('获取历史会话失败:', error);\r\n        SentryReporter.captureError(error, {\r\n            action: 'fetchHistoryConversations',\r\n            component: componentName,\r\n            title: '获取历史会话失败',\r\n        });\r\n        ErrorEventBus.emitError({ error, message: '获取历史会话失败' });\r\n\r\n        return {\r\n            items: [],\r\n            hasMore: false,\r\n            nextCursor: '',\r\n        };\r\n    }\r\n}\r\n\r\n/**\r\n * 获取单个会话详情\r\n * @param conversationId 会话 ID\r\n * @param componentName 调用组件名称\r\n * @returns 会话详情\r\n */\r\nexport async function fetchConversationDetail(\r\n    conversationId: string,\r\n    componentName: string,\r\n): Promise<ConversationDetail | null> {\r\n    try {\r\n        const result = await sendHttpRequest<{ data: ConversationDetail }>({\r\n            url: '/sdk/v1/chat/conversation',\r\n            method: 'GET',\r\n            data: {\r\n                conversation_id: conversationId,\r\n            },\r\n        });\r\n\r\n        if (result.success && result.data?.data) {\r\n            return result.data.data;\r\n        }\r\n\r\n        return null;\r\n    } catch (error) {\r\n        console.error('获取会话详情失败:', error);\r\n        SentryReporter.captureError(error, {\r\n            action: 'fetchConversationDetail',\r\n            component: componentName,\r\n            title: '获取会话详情失败',\r\n        });\r\n        ErrorEventBus.emitError({ error, message: '获取会话详情失败' });\r\n\r\n        return null;\r\n    }\r\n}\r\n"],"version":3}

package/dist/components/{p-rFVgRhXp.js → p-liZRbDRm.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-CR7WLzmM.js';
-import { c as sendHttpRequest, l as getCosPresignedUrl } from './p-D4uR46BC.js';
+import { c as sendHttpRequest, l as getCosPresignedUrl } from './p-BjsKmogW.js';
 
 const componentsExportRecordsModalCss = ".modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.45);display:flex;align-items:flex-start;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.modal-container{background:white;border-radius:8px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);max-width:min(1000px, calc(100vw - 40px));max-height:calc(100vh - 40px);width:100%;display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:16px 24px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between;background:#fafafa}.modal-title{display:flex;align-items:center;gap:16px;font-size:16px;font-weight:600;color:#262626}.modal-close{background:none;border:none;font-size:18px;color:#8c8c8c;cursor:pointer;padding:4px;border-radius:4px;transition:all 0.2s}.modal-close:hover{background-color:#f5f5f5;color:#262626}.modal-body{padding:24px;flex:1;overflow:auto}.btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:400;transition:all 0.2s;display:inline-flex;align-items:center;justify-content:center;gap:4px}.btn-small{padding:4px 8px;font-size:12px}.btn-medium{padding:8px 16px}.btn-primary{background-color:#1890ff;color:white;border:1px solid #1890ff}.btn-primary:hover{background-color:#40a9ff;border-color:#40a9ff}.btn-default{background-color:white;color:#595959;border:1px solid #d9d9d9}.btn-default:hover{background-color:#f5f5f5;border-color:#40a9ff;color:#40a9ff}.btn-danger{background-color:#f5222d;color:white;border:1px solid #f5222d}.btn-danger:hover{background-color:#cf1322;border-color:#cf1322}.table-container{border:1px solid #f0f0f0;border-radius:6px;overflow:hidden;margin-bottom:16px}.table{width:100%;border-collapse:collapse;background:white}.table th{background-color:#fafafa;padding:12px 16px;font-weight:600;color:#262626;border-bottom:1px solid #f0f0f0;font-size:14px}.table td{padding:12px 16px;border-bottom:1px solid #f0f0f0;color:#595959;font-size:14px}.table tbody tr:hover{background-color:#f5f5f5}.table tbody tr:last-child td{border-bottom:none}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:400;color:white;text-align:center;min-width:60px}.action-buttons{display:flex;gap:8px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#8c8c8c}.loading-spinner{width:32px;height:32px;border:3px solid #f0f0f0;border-top:3px solid #1890ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#8c8c8c}.empty-icon{font-size:48px;margin-bottom:16px;opacity:0.6}.empty-text{font-size:14px;color:#8c8c8c}.pagination-container{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid #f0f0f0}.pagination-info{color:#8c8c8c;font-size:14px}.pagination-controls{display:flex;align-items:center;gap:12px}.pagination-btn{padding:6px 12px;border:1px solid #d9d9d9;background:white;color:#595959;border-radius:4px;cursor:pointer;font-size:14px;transition:all 0.2s}.pagination-btn:hover:not(:disabled){border-color:#40a9ff;color:#40a9ff}.pagination-btn:disabled{background-color:#f5f5f5;color:#bfbfbf;cursor:not-allowed;border-color:#f0f0f0}.pagination-current{color:#262626;font-size:14px;font-weight:500;padding:0 8px}.pagination-size-select{padding:6px 8px;border:1px solid #d9d9d9;border-radius:4px;background:white;color:#595959;font-size:14px;cursor:pointer;transition:all 0.2s}.pagination-size-select:hover{border-color:#40a9ff}.pagination-size-select:focus{outline:none;border-color:#40a9ff;box-shadow:0 0 0 2px rgba(24, 144, 255, 0.2)}.message{position:fixed;top:24px;left:50%;transform:translateX(-50%);padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;z-index:1100;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);animation:messageSlideIn 0.3s ease-out}.message-success{background-color:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.message-error{background-color:#fff2f0;color:#ff4d4f;border:1px solid #ffccc7}@keyframes messageSlideIn{from{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width: 768px){.modal-container{margin:20px;max-width:calc(100vw - 40px)}.modal-header{padding:12px 16px}.modal-body{padding:16px}.table th,.table td{padding:8px 12px;font-size:13px}.pagination-container{flex-direction:column;gap:12px;align-items:stretch}.pagination-controls{justify-content:center}.modal-title{font-size:14px;gap:8px}}@media (max-width: 480px){.table-container{overflow-x:auto}.table{min-width:600px}.action-buttons{flex-direction:column;gap:4px}}";
 
@@ -203,6 +203,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { ComponentsExportRecordsModal as C, defineCustomElement as d };
-//# sourceMappingURL=p-rFVgRhXp.js.map
+//# sourceMappingURL=p-liZRbDRm.js.map
 
-//# sourceMappingURL=p-rFVgRhXp.js.map
+//# sourceMappingURL=p-liZRbDRm.js.map