pcm-agents 0.6.96 → 0.6.97

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

@@ -1,9 +1,9 @@
 'use strict';
 
 var index = require('./index-C_qhED9Z.js');
-var index$1 = require('./index-77favCKO.js');
+var index$1 = require('./index-C_wovzZM.js');
 var errorEvent = require('./error-event-J_ZWIqWF.js');
-var sentryReporter = require('./sentry-reporter-Bk4sUyeD.js');
+var sentryReporter = require('./sentry-reporter-D-zjvMQZ.js');
 require('./exports-Dc-pQh4A.js');
 
 const pcmHrChatModalCss = ":host{display:block}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.5);display:flex;justify-content:center;align-items:center;overflow-y:auto;padding:20px;z-index:1000}.fullscreen-overlay{padding:0}.modal-container{background:white;border-radius:8px;width:100%;max-width:800px;display:flex;flex-direction:column;position:relative;margin:auto}.modal-container.fullscreen{width:100vw;max-width:none;height:100%;border-radius:0;margin:0;display:flex;flex-direction:column;height:100vh;max-height:100vh}.modal-container.fullscreen>div:not(.modal-header):not(.initial-upload){display:flex;flex-direction:column;flex:1;overflow:hidden;height:100%}.pc-layout{width:80%;max-width:800px;min-width:320px;min-height:400px}@media screen and (max-width: 768px){.pc-layout{width:95%;}.modal-overlay{padding:0}.modal-container.fullscreen{height:-webkit-fill-available;max-height:-webkit-fill-available;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}}.video-preview.placeholder{display:flex;justify-content:center;align-items:center;background:#EAEAEA}.placeholder-status{color:#00000066}.placeholder-status p{font-size:16px}.waiting-message p{margin:0;font-size:16px;color:white;font-weight:500}.recording-container{width:100%;display:flex;flex-direction:column;align-items:center}.video-area{width:100%;display:flex;flex-direction:column;align-items:center}.stop-recording-button{width:100%;height:100%;font-size:16px;background:#f44336;border-radius:6px;color:white;border:none;cursor:pointer}.stop-recording-button:hover{background:#d32f2f}.play-audio-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:4px 16px;height:50px;border-bottom:1px solid #e8e8e8;flex-shrink:0;}.header-left{display:flex;align-items:center;gap:8px}.header-left div{font-size:16px}.header-icon{width:24px;height:24px}.close-button{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px}.close-button:hover{background-color:rgba(0, 0, 0, 0.04)}.close-button span{font-size:24px;line-height:1;color:#999}.close-button:hover span{color:#666}.chat-history{position:relative;flex:1;overflow-y:auto;padding:20px;scroll-behavior:smooth;min-height:200px;background:url(https://pcm-resource-1312611446.cos.ap-guangzhou.myqcloud.com/web/sdk/chat_bg.png);background-size:100%}.fullscreen .chat-history{height:auto;flex:1 1 auto}.message-input{padding:16px;border-top:1px solid #eee;display:flex;gap:8px;align-items:center}.message-input input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;outline:none;transition:border-color 0.2s ease}.message-input input:focus{border-color:#bbb}.message{margin-bottom:16px;opacity:1;transition:opacity 0.3s ease}.message-content{max-width:70%;padding:8px 12px;border-radius:8px;word-break:break-word}.message-content p{margin:0;word-break:break-word}.user-message{display:flex;justify-content:flex-end}.agent-message{display:flex;justify-content:flex-start}.user-message .message-content{background-color:#007bff;color:white}.agent-message .message-content{background-color:#f1f1f1}.message-time{font-size:12px;color:#999;margin-top:4px;display:block}.send-button{background-color:#1890ff;color:white;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-weight:500}.send-button:disabled{background-color:#ccc;cursor:not-allowed}.empty-state{display:flex;justify-content:center;align-items:center;height:100%;color:#999;text-align:center}.loading-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:rgba(255, 255, 255, 0.98);z-index:1;opacity:1;transition:opacity 0.3s ease}.loading-container p{margin-top:16px;color:#666;font-size:14px}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #1890ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.messages-wrapper{width:100%;min-height:100%;display:flex;flex-direction:column;justify-content:flex-end}.messages-wrapper.has-overflow{justify-content:flex-start}.suggested-questions{display:flex;flex-direction:column;gap:8px;padding:16px}.suggested-question{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#f3f4f6;border-radius:4px;cursor:pointer;font-size:14px;color:#374151;transition:background-color 0.2s}.suggested-question:hover{background-color:#e5e7eb}.arrow-right{margin-left:8px}.loading-suggestions{display:flex;justify-content:center;padding:16px}.loading-spinner-small{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#6b7280;border-radius:50%;animation:spin 1s linear infinite}.upload-button{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#666;border-radius:4px;transition:background-color 0.2s}.upload-button:hover{background-color:rgba(0, 0, 0, 0.04)}.upload-button svg{width:20px;height:20px}.file-input{display:none}.selected-file{font-size:12px;color:#666;margin-left:8px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-wrapper{flex:1;display:flex;align-items:center;border:1px solid #ddd;border-radius:4px;padding:0 4px;background:white}.input-wrapper input{border:none;flex:1;padding:8px;outline:none}.input-wrapper:focus-within{border-color:#bbb}.file-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 50px)}.remove-file{background:transparent;border:none;color:#999;cursor:pointer;padding:4px 8px;font-size:16px;line-height:1;border-radius:4px;transition:all 0.2s}.remove-file:hover{background-color:#f0f0f0;color:#666}.initial-upload{padding:16px;display:flex;flex-direction:column;align-items:center;height:100%}.upload-section{max-width:600px;width:100%;text-align:center}.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}.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}.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}.remove-file:hover{background-color:#f1f5f9;color:#475569}.file-input{display:none}.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}.submit-button:disabled{background:#ccc;cursor:not-allowed}.submit-button:hover:not(:disabled){background:#40a9ff}.category-select,.dimension-select{margin:30px 0}.category-options,.dimension-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.category-button,.dimension-button{padding:12px 16px;border:1px solid #E5E5E5;border-radius:6px;background:white;cursor:pointer;transition:all 0.3s}.category-button:hover,.dimension-button:hover{background:#f5f5f5}.category-button.selected{background-image:linear-gradient(111deg, #4A9FFF 0%, #1058FF 100%);color:white}.dimension-button.selected{background-image:linear-gradient(111deg, #4A9FFF 0%, #1058FF 100%);color:white}.recording-section{border-top:1px solid #eee;display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:14px 14px 0 0;flex:0 0 auto}.recording-section .video-preview{width:100%;height:200px;max-width:400px;position:relative;margin-bottom:10px;border:1px solid #ddd;border-radius:12px;overflow:hidden}.recording-section video{width:100%;height:100%;object-fit:cover}.recording-status{position:absolute;top:10px;left:10px;background-color:rgba(0, 0, 0, 0.6);color:white;padding:4px 8px;border-radius:4px;display:flex;align-items:center;gap:5px;font-size:14px;z-index:2}.recording-status .recording-dot{display:inline-block;width:10px;height:10px;background-color:red;border-radius:50%;margin-right:5px;animation:blink 1s infinite}.recording-status.warning{color:#ff4d4f;animation:blink 1s infinite}@keyframes blink{0%{opacity:1}50%{opacity:0.5}100%{opacity:1}}.recording-section .stop-recording-button{background-color:#f44336;color:white;border:none;cursor:pointer;font-weight:bold}.recording-section .stop-recording-button:hover{background-color:#d32f2f}.fullscreen{width:100vw;border-radius:0;height:100vh;display:flex;flex-direction:column;overflow-y:auto}.recording-controls{margin-top:10px;height:53px;width:100%;max-width:400px;display:flex;justify-content:center}.recording-controls .waiting-message{text-align:center;color:white;font-size:16px;background-image:linear-gradient(100deg, #4A9FFF 0%, #1058FF 100%);border-radius:6px;box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);width:95%;display:flex;justify-content:center;align-items:center;cursor:pointer}.recording-controls .waiting-message.loading{background:#faad14}.recording-controls .waiting-message p{margin:0;font-size:16px;color:white;font-weight:500}.recording-controls .stop-recording-button{background-color:#dc3545;color:white;border:none;cursor:pointer;font-size:16px}.recording-controls .stop-recording-button:hover{background-color:#c82333}.recording-controls .stop-recording-button.disabled{background:#ccc;cursor:not-allowed}.recording-controls .stop-recording-button.disabled:hover{background:#ccc}.progress-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:400px;margin-top:10px;padding:0 5px}.progress-bar-container{height:4px;background-color:#E5E5E5;border-radius:2px;overflow:hidden;margin-right:10px;width:75px}.progress-bar{height:100%;background-image:linear-gradient(111deg, #4A9FFF 0%, #1058FF 100%);border-radius:2px;transition:width 0.3s ease}.progress-text{font-size:14px;color:#666;white-space:nowrap}";

package/dist/cjs/{sentry-reporter-Bk4sUyeD.js → sentry-reporter-D-zjvMQZ.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-77favCKO.js');
+var index = require('./index-C_wovzZM.js');
 var exports$1 = require('./exports-Dc-pQh4A.js');
 
 /**
@@ -67,6 +67,6 @@ class SentryReporter {
 }
 
 exports.SentryReporter = SentryReporter;
-//# sourceMappingURL=sentry-reporter-Bk4sUyeD.js.map
+//# sourceMappingURL=sentry-reporter-D-zjvMQZ.js.map
 
-//# sourceMappingURL=sentry-reporter-Bk4sUyeD.js.map
+//# sourceMappingURL=sentry-reporter-D-zjvMQZ.js.map

package/dist/cjs/{sentry-reporter-Bk4sUyeD.js.map → sentry-reporter-D-zjvMQZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"sentry-reporter-Bk4sUyeD.js","sources":["src/utils/sentry-reporter.ts"],"sourcesContent":["import * as Sentry from \"@sentry/browser\";\r\nimport { configStore } from \"../../store/config.store\";\r\n\r\n/**\r\n * Sentry事件上报工具类\r\n * 提供统一的错误上报接口，自动添加用户认证信息\r\n */\r\nexport class SentryReporter {\r\n\r\n  /**\r\n   * 捕获并上报错误\r\n   * @param error 错误对象\r\n   * @param context 错误上下文\r\n   */\r\n  static captureError(error: any, context?: Record<string, any> & { title?: string }): void {\r\n    try {\r\n      // 添加认证信息\r\n      const CUser = configStore.getItem('pcm-sdk-CUser');\r\n      if (CUser) {\r\n        Sentry.setUser({ id: String(CUser) });\r\n      }\r\n      \r\n      let finalError = error;\r\n      \r\n      // 如果提供了自定义标题，创建新的错误对象\r\n      if (context?.title) {\r\n        finalError = new Error(context.title);\r\n        if (error?.stack) {\r\n          finalError.stack = error.stack;\r\n        }\r\n        finalError.cause = error;\r\n      }\r\n      \r\n      // 添加上下文\r\n      if (context) {\r\n        const { title, ...otherContext } = context;\r\n        Sentry.setContext('error_context', otherContext);\r\n      }\r\n      \r\n      // 上报错误\r\n      Sentry.captureException(finalError);\r\n    } catch (e) {\r\n      console.error('Sentry 上报错误失败:', e);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * 捕获并上报消息\r\n   * @param message 消息内容\r\n   * @param context 消息上下文\r\n   */\r\n  static captureMessage(message: string, context?: Record<string, any>): void {\r\n    try {\r\n      // 添加认证信息\r\n      const CUser = configStore.getItem('pcm-sdk-CUser');\r\n      if (CUser) {\r\n        Sentry.setUser({ id: String(CUser) });\r\n      }\r\n      \r\n      // 添加上下文\r\n      if (context) {\r\n        Sentry.setContext('message_context', context);\r\n      }\r\n      \r\n      // 上报消息\r\n      Sentry.captureMessage(message);\r\n    } catch (e) {\r\n      console.error('Sentry 上报消息失败:', e);\r\n    }\r\n  }\r\n\r\n}"],"names":["configStore","Sentry.setUser","Sentry.setContext","Sentry.captureException","Sentry.captureMessage"],"mappings":";;;;;AAGA;;;AAGG;MACU,cAAc,CAAA;AAEzB;;;;AAIG;AACH,IAAA,OAAO,YAAY,CAAC,KAAU,EAAE,OAAkD,EAAA;AAChF,QAAA,IAAI;;YAEF,MAAM,KAAK,GAAGA,iBAAW,CAAC,OAAO,CAAC,eAAe,CAAC;YAClD,IAAI,KAAK,EAAE;AACT,gBAAAC,iBAAc,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;;YAGvC,IAAI,UAAU,GAAG,KAAK;;AAGtB,YAAA,IAAI,OAAO,EAAE,KAAK,EAAE;gBAClB,UAAU,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;AACrC,gBAAA,IAAI,KAAK,EAAE,KAAK,EAAE;AAChB,oBAAA,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK;;AAEhC,gBAAA,UAAU,CAAC,KAAK,GAAG,KAAK;;;YAI1B,IAAI,OAAO,EAAE;gBACX,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,GAAG,OAAO;AAC1C,gBAAAC,oBAAiB,CAAC,eAAe,EAAE,YAAY,CAAC;;;AAIlD,YAAAC,0BAAuB,CAAC,UAAU,CAAC;;QACnC,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC,CAAC;;;AAItC;;;;AAIG;AACH,IAAA,OAAO,cAAc,CAAC,OAAe,EAAE,OAA6B,EAAA;AAClE,QAAA,IAAI;;YAEF,MAAM,KAAK,GAAGH,iBAAW,CAAC,OAAO,CAAC,eAAe,CAAC;YAClD,IAAI,KAAK,EAAE;AACT,gBAAAC,iBAAc,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;;;YAIvC,IAAI,OAAO,EAAE;AACX,gBAAAC,oBAAiB,CAAC,iBAAiB,EAAE,OAAO,CAAC;;;AAI/C,YAAAE,wBAAqB,CAAC,OAAO,CAAC;;QAC9B,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC,CAAC;;;AAIvC;;;;"}
+{"version":3,"file":"sentry-reporter-D-zjvMQZ.js","sources":["src/utils/sentry-reporter.ts"],"sourcesContent":["import * as Sentry from \"@sentry/browser\";\r\nimport { configStore } from \"../../store/config.store\";\r\n\r\n/**\r\n * Sentry事件上报工具类\r\n * 提供统一的错误上报接口，自动添加用户认证信息\r\n */\r\nexport class SentryReporter {\r\n\r\n  /**\r\n   * 捕获并上报错误\r\n   * @param error 错误对象\r\n   * @param context 错误上下文\r\n   */\r\n  static captureError(error: any, context?: Record<string, any> & { title?: string }): void {\r\n    try {\r\n      // 添加认证信息\r\n      const CUser = configStore.getItem('pcm-sdk-CUser');\r\n      if (CUser) {\r\n        Sentry.setUser({ id: String(CUser) });\r\n      }\r\n      \r\n      let finalError = error;\r\n      \r\n      // 如果提供了自定义标题，创建新的错误对象\r\n      if (context?.title) {\r\n        finalError = new Error(context.title);\r\n        if (error?.stack) {\r\n          finalError.stack = error.stack;\r\n        }\r\n        finalError.cause = error;\r\n      }\r\n      \r\n      // 添加上下文\r\n      if (context) {\r\n        const { title, ...otherContext } = context;\r\n        Sentry.setContext('error_context', otherContext);\r\n      }\r\n      \r\n      // 上报错误\r\n      Sentry.captureException(finalError);\r\n    } catch (e) {\r\n      console.error('Sentry 上报错误失败:', e);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * 捕获并上报消息\r\n   * @param message 消息内容\r\n   * @param context 消息上下文\r\n   */\r\n  static captureMessage(message: string, context?: Record<string, any>): void {\r\n    try {\r\n      // 添加认证信息\r\n      const CUser = configStore.getItem('pcm-sdk-CUser');\r\n      if (CUser) {\r\n        Sentry.setUser({ id: String(CUser) });\r\n      }\r\n      \r\n      // 添加上下文\r\n      if (context) {\r\n        Sentry.setContext('message_context', context);\r\n      }\r\n      \r\n      // 上报消息\r\n      Sentry.captureMessage(message);\r\n    } catch (e) {\r\n      console.error('Sentry 上报消息失败:', e);\r\n    }\r\n  }\r\n\r\n}"],"names":["configStore","Sentry.setUser","Sentry.setContext","Sentry.captureException","Sentry.captureMessage"],"mappings":";;;;;AAGA;;;AAGG;MACU,cAAc,CAAA;AAEzB;;;;AAIG;AACH,IAAA,OAAO,YAAY,CAAC,KAAU,EAAE,OAAkD,EAAA;AAChF,QAAA,IAAI;;YAEF,MAAM,KAAK,GAAGA,iBAAW,CAAC,OAAO,CAAC,eAAe,CAAC;YAClD,IAAI,KAAK,EAAE;AACT,gBAAAC,iBAAc,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;;YAGvC,IAAI,UAAU,GAAG,KAAK;;AAGtB,YAAA,IAAI,OAAO,EAAE,KAAK,EAAE;gBAClB,UAAU,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;AACrC,gBAAA,IAAI,KAAK,EAAE,KAAK,EAAE;AAChB,oBAAA,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK;;AAEhC,gBAAA,UAAU,CAAC,KAAK,GAAG,KAAK;;;YAI1B,IAAI,OAAO,EAAE;gBACX,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,GAAG,OAAO;AAC1C,gBAAAC,oBAAiB,CAAC,eAAe,EAAE,YAAY,CAAC;;;AAIlD,YAAAC,0BAAuB,CAAC,UAAU,CAAC;;QACnC,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC,CAAC;;;AAItC;;;;AAIG;AACH,IAAA,OAAO,cAAc,CAAC,OAAe,EAAE,OAA6B,EAAA;AAClE,QAAA,IAAI;;YAEF,MAAM,KAAK,GAAGH,iBAAW,CAAC,OAAO,CAAC,eAAe,CAAC;YAClD,IAAI,KAAK,EAAE;AACT,gBAAAC,iBAAc,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;;;YAIvC,IAAI,OAAO,EAAE;AACX,gBAAAC,oBAAiB,CAAC,iBAAiB,EAAE,OAAO,CAAC;;;AAI/C,YAAAE,wBAAqB,CAAC,OAAO,CAAC;;QAC9B,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC,CAAC;;;AAIvC;;;;"}

package/dist/collection/components/pcm-app-chat-modal/pcm-app-chat-modal.css

@@ -139,7 +139,7 @@
   justify-content: space-between;
   align-items: center;
   padding: 4px 16px;
-  height: 50px;
+  min-height: 50px;
   border-bottom: 1px solid #e8e8e8;
   flex-shrink: 0;
   /* 防止头部被压缩 */
@@ -151,10 +151,26 @@
   gap: 8px;
 }
 
-.header-left div {
+.header-left > div {
   font-size: 16px;
 }
 
+.header-title-group {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.header-title-group > div:first-child {
+  font-size: 16px;
+}
+
+.header-disclaimer {
+  font-size: 11px;
+  color: #999;
+  line-height: 1;
+}
+
 .header-icon {
   width: 24px;
   height: 24px;

package/dist/collection/components/pcm-app-chat-modal/pcm-app-chat-modal.js

@@ -1834,7 +1834,7 @@ export class ChatAPPModal {
             } }, h("img", { src: "https://pcm-pub-1351162788.cos.ap-guangzhou.myqcloud.com/sdk/image/i_send.png" })))));
         // 确定要使用的助手头像
         const effectiveAssistantAvatar = this.assistantAvatar || this.agentLogo;
-        return (h("div", { class: overlayClass, style: modalStyle }, h("div", { class: containerClass }, this.isShowHeader && (h("div", { class: "modal-header" }, h("div", { class: "header-left" }, this.icon && h("img", { src: this.icon, class: "header-icon" }), h("div", null, this.modalTitle)), this.isNeedClose && (h("button", { class: "close-button", onClick: this.handleClose }, h("span", null, "\u00D7"))))), h("div", { class: "chat-container" }, h("div", { class: "chat-history", onScroll: this.handleScroll, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd, onWheel: this.handleWheel }, this.isLoadingHistory ? (h("div", { class: "loading-container" }, h("div", { class: "loading-spinner" }), h("p", null, this.strings?.loading?.loadingHistory))) : (h("div", null, [...this.messages, ...(this.currentStreamingMessage ? [this.currentStreamingMessage] : [])].map(message => (h("div", { id: `message_${message.id}`, key: message.id }, h("pcm-chat-message", { locale: this.locale, botId: this.botId, message: message, showAssistantMessage: !this.digitalId || !this.isLastMessage(message) || this.digitalHumanVideoReady || this.isTaskCompleted, userAvatar: this.userAvatar, assistantAvatar: effectiveAssistantAvatar, showCopyButton: this.showCopyButton, showFeedbackButtons: this.showFeedbackButtons, filePreviewMode: this.filePreviewMode, onFilePreviewRequest: this.handleFilePreviewRequest, showSaveJdButton: this.showSaveJdButton, saveJdButtonText: this.saveJdButtonText })))), this.messages.length === 0 && !this.currentStreamingMessage && (h("div", { class: "empty-state" }, h("p", null, this.strings?.welcome?.greeting)))))), h("div", { class: "recording-section" }, h("div", { class: "recording-container" }, (this.showWorkspaceHistory || this.digitalId || (this.showEndInterviewButton && !this.isTaskCompleted && this.conversationId)) && (h("div", { class: "workspace-section" }, h("div", { class: "workspace-toolbar" }, h("div", { style: { display: 'flex', gap: '8px' } }, !this.isTaskCompleted && this.conversationId && this.showEndInterviewButton && (h("button", { class: "workspace-button end-interview-button", onClick: this.handleInterviewEnd, disabled: this.isLoading || this.isEndingInterview, title: this.isEndingInterview ? this.strings?.endingInterview : this.strings?.endInterview }, h("span", null, this.isEndingInterview ? this.strings?.ending : this.strings?.endInterview))), this.showWorkspaceHistory && (h("button", { class: "workspace-button history-button", onClick: () => this.handleHistoryClick() }, h("span", null, this.strings?.historyConversations)))), this.digitalId && !this.isTaskCompleted && (h("div", { class: "digital-human-wrapper" }, h("pcm-digital-human", { digitalId: this.digitalId, speechText: this.lastCompletedAnswer, isStreaming: !!this.currentStreamingMessage, playbackRate: this.playbackRate, onVideoGenerated: this.handleDigitalHumanVideoGenerated, onVideoEnded: this.handleDigitalHumanVideoEnded, onAvatarDetailLoaded: this.handleAvatarDetailLoaded })))))), this.interviewMode === 'text' && renderTextInputArea(), this.interviewMode === 'video' && (h("div", { class: "video-container" }, h("div", { class: "video-area" }, this.showRecordingUI ? renderVideoPreview() : h("div", { class: "video-preview placeholder" }, renderPlaceholderStatus())), h("div", { class: "recording-controls" }, this.showRecordingUI ? (h("button", { class: "stop-recording-button", onClick: () => this.handleStopRecording() }, this.strings?.buttons?.completeAnswer)) : (h("div", { class: "waiting-message" }, h("button", { class: "stop-recording-button disabled", disabled: true }, this.strings?.buttons?.completeAnswerShort))))))))), h("pcm-drawer", { isOpen: this.isDrawerOpen, drawerTitle: this.previewFileName, width: "80%", onClosed: () => {
+        return (h("div", { class: overlayClass, style: modalStyle }, h("div", { class: containerClass }, this.isShowHeader && (h("div", { class: "modal-header" }, h("div", { class: "header-left" }, this.icon && h("img", { src: this.icon, class: "header-icon" }), h("div", { class: "header-title-group" }, h("div", null, this.modalTitle), h("div", { class: "header-disclaimer" }, this.strings?.aiDisclaimer))), this.isNeedClose && (h("button", { class: "close-button", onClick: this.handleClose }, h("span", null, "\u00D7"))))), h("div", { class: "chat-container" }, h("div", { class: "chat-history", onScroll: this.handleScroll, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd, onWheel: this.handleWheel }, this.isLoadingHistory ? (h("div", { class: "loading-container" }, h("div", { class: "loading-spinner" }), h("p", null, this.strings?.loading?.loadingHistory))) : (h("div", null, [...this.messages, ...(this.currentStreamingMessage ? [this.currentStreamingMessage] : [])].map(message => (h("div", { id: `message_${message.id}`, key: message.id }, h("pcm-chat-message", { locale: this.locale, botId: this.botId, message: message, showAssistantMessage: !this.digitalId || !this.isLastMessage(message) || this.digitalHumanVideoReady || this.isTaskCompleted, userAvatar: this.userAvatar, assistantAvatar: effectiveAssistantAvatar, showCopyButton: this.showCopyButton, showFeedbackButtons: this.showFeedbackButtons, filePreviewMode: this.filePreviewMode, onFilePreviewRequest: this.handleFilePreviewRequest, showSaveJdButton: this.showSaveJdButton, saveJdButtonText: this.saveJdButtonText })))), this.messages.length === 0 && !this.currentStreamingMessage && (h("div", { class: "empty-state" }, h("p", null, this.strings?.welcome?.greeting)))))), h("div", { class: "recording-section" }, h("div", { class: "recording-container" }, (this.showWorkspaceHistory || this.digitalId || (this.showEndInterviewButton && !this.isTaskCompleted && this.conversationId)) && (h("div", { class: "workspace-section" }, h("div", { class: "workspace-toolbar" }, h("div", { style: { display: 'flex', gap: '8px' } }, !this.isTaskCompleted && this.conversationId && this.showEndInterviewButton && (h("button", { class: "workspace-button end-interview-button", onClick: this.handleInterviewEnd, disabled: this.isLoading || this.isEndingInterview, title: this.isEndingInterview ? this.strings?.endingInterview : this.strings?.endInterview }, h("span", null, this.isEndingInterview ? this.strings?.ending : this.strings?.endInterview))), this.showWorkspaceHistory && (h("button", { class: "workspace-button history-button", onClick: () => this.handleHistoryClick() }, h("span", null, this.strings?.historyConversations)))), this.digitalId && !this.isTaskCompleted && (h("div", { class: "digital-human-wrapper" }, h("pcm-digital-human", { digitalId: this.digitalId, speechText: this.lastCompletedAnswer, isStreaming: !!this.currentStreamingMessage, playbackRate: this.playbackRate, onVideoGenerated: this.handleDigitalHumanVideoGenerated, onVideoEnded: this.handleDigitalHumanVideoEnded, onAvatarDetailLoaded: this.handleAvatarDetailLoaded })))))), this.interviewMode === 'text' && renderTextInputArea(), this.interviewMode === 'video' && (h("div", { class: "video-container" }, h("div", { class: "video-area" }, this.showRecordingUI ? renderVideoPreview() : h("div", { class: "video-preview placeholder" }, renderPlaceholderStatus())), h("div", { class: "recording-controls" }, this.showRecordingUI ? (h("button", { class: "stop-recording-button", onClick: () => this.handleStopRecording() }, this.strings?.buttons?.completeAnswer)) : (h("div", { class: "waiting-message" }, h("button", { class: "stop-recording-button disabled", disabled: true }, this.strings?.buttons?.completeAnswerShort))))))))), h("pcm-drawer", { isOpen: this.isDrawerOpen, drawerTitle: this.previewFileName, width: "80%", onClosed: () => {
                 this.isDrawerOpen = false;
                 this.previewUrl = '';
                 this.previewContent = '';