@glodon-aiot/chat-app-sdk 0.0.17 → 0.0.19

package/es/index.esm.js

@@ -10547,6 +10547,250 @@ ___CSS_LOADER_EXPORT___.locals = {
 /* ESM default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
 
+}),
+94148: (function (module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  A: () => (__WEBPACK_DEFAULT_EXPORT__)
+});
+/* ESM import */var _common_temp_default_node_modules_pnpm_css_loader_6_11_0_rspack_core_1_5_8_webpack_5_91_0_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(58623);
+/* ESM import */var _common_temp_default_node_modules_pnpm_css_loader_6_11_0_rspack_core_1_5_8_webpack_5_91_0_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_common_temp_default_node_modules_pnpm_css_loader_6_11_0_rspack_core_1_5_8_webpack_5_91_0_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* ESM import */var _common_temp_default_node_modules_pnpm_css_loader_6_11_0_rspack_core_1_5_8_webpack_5_91_0_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(34688);
+/* ESM import */var _common_temp_default_node_modules_pnpm_css_loader_6_11_0_rspack_core_1_5_8_webpack_5_91_0_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_common_temp_default_node_modules_pnpm_css_loader_6_11_0_rspack_core_1_5_8_webpack_5_91_0_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _common_temp_default_node_modules_pnpm_css_loader_6_11_0_rspack_core_1_5_8_webpack_5_91_0_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_common_temp_default_node_modules_pnpm_css_loader_6_11_0_rspack_core_1_5_8_webpack_5_91_0_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `/* Comment Message Container */
+.ffe867e2c235a0c5 {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+/* Icon selected state */
+.d07fb38c947809f8 {
+  color: #b752ea !important;
+}
+/* IconButton selected state - ensure background doesn't highlight */
+.d9418402ebdc6c0f {
+  background-color: transparent !important;
+}
+.d9418402ebdc6c0f:hover {
+  background-color: transparent !important;
+}
+/* Feedback Dialog Styles */
+.b29fb4268fffc847 {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 10000;
+}
+/* 当容器是 document.body 时，使用 fixed 定位 */
+.b29fb4268fffc847[data-container-is-body="true"] {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+.a82c68467fbd9ba4 {
+  background: #fff;
+  border-radius: 8px;
+  width: 90%;
+  max-width: 480px;
+  min-width: 320px;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
+  display: flex;
+  flex-direction: column;
+  max-height: 90vh;
+}
+.a82c68467fbd9ba4 .fe9b5896dd607d27 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 20px;
+  border-bottom: 1px solid #e8e8e8;
+}
+.a82c68467fbd9ba4 .f15e6e77acfff31a {
+  margin: 0;
+  font-size: 16px;
+  font-weight: 600;
+  color: #333;
+}
+.a82c68467fbd9ba4 .ec213d35312b7d7e {
+  background: none;
+  border: none;
+  font-size: 24px;
+  line-height: 1;
+  color: #999;
+  cursor: pointer;
+  padding: 0;
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: color 0.2s;
+}
+.a82c68467fbd9ba4 .ec213d35312b7d7e:hover {
+  color: #333;
+}
+.a82c68467fbd9ba4 .dc3fb716e09637a3 {
+  padding: 20px;
+  flex: 1;
+  overflow-y: auto;
+}
+.a82c68467fbd9ba4 .dab8560c96fa0283 {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  margin-bottom: 20px;
+}
+.a82c68467fbd9ba4 .d36e84632eb09d08 {
+  padding: 8px 16px;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  background: #fff;
+  color: #333;
+  font-size: 14px;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+.a82c68467fbd9ba4 .d36e84632eb09d08:hover {
+  border-color: #999;
+  color: #666;
+}
+.a82c68467fbd9ba4 .b8dbe31e00feb69b {
+  border-color: #b752ea;
+  background: #fff;
+  color: #b752ea;
+}
+.a82c68467fbd9ba4 .b8dbe31e00feb69b:hover {
+  border-color: #999;
+  color: #666;
+}
+.a82c68467fbd9ba4 .df277aeb58f67270 {
+  margin-top: 16px;
+}
+.a82c68467fbd9ba4 .d79bf5aef0816574 {
+  padding: 5px 8px;
+  width: 100%;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  font-size: 14px;
+  font-family: inherit;
+  resize: vertical;
+  min-height: 80px;
+  box-sizing: border-box;
+  resize: none;
+}
+.a82c68467fbd9ba4 .d79bf5aef0816574:focus {
+  outline: none;
+  border: 1px solid #b752ea;
+  box-shadow: 0 0 0 2px rgba(183, 82, 234, 0.1);
+}
+.a82c68467fbd9ba4 .d79bf5aef0816574::-moz-placeholder {
+  color: #999;
+}
+.a82c68467fbd9ba4 .d79bf5aef0816574::placeholder {
+  color: #999;
+}
+.a82c68467fbd9ba4 .ddce66c2730266a9 {
+  display: flex;
+  justify-content: flex-end;
+  gap: 12px;
+  padding: 16px 20px;
+  border-top: 1px solid #e8e8e8;
+}
+.a82c68467fbd9ba4 .cbb043ea2499271a,
+.a82c68467fbd9ba4 .c55955936e93afa3 {
+  padding: 8px 20px;
+  border-radius: 4px;
+  font-size: 14px;
+  cursor: pointer;
+  transition: all 0.2s;
+  border: none;
+}
+.a82c68467fbd9ba4 .cbb043ea2499271a {
+  background: #fff;
+  color: #333;
+  border: 1px solid #d9d9d9;
+}
+.a82c68467fbd9ba4 .cbb043ea2499271a:hover {
+  border-color: #999;
+  color: #666;
+}
+.a82c68467fbd9ba4 .c55955936e93afa3 {
+  background: #b752ea;
+  color: #fff;
+}
+.a82c68467fbd9ba4 .c55955936e93afa3:hover:not(:disabled) {
+  background: #9d3ac2;
+}
+.a82c68467fbd9ba4 .c55955936e93afa3:disabled {
+  background: #d9d9d9;
+  color: #999;
+  cursor: not-allowed;
+}
+/* Responsive styles */
+@media (max-width: 768px) {
+  .a82c68467fbd9ba4 {
+    width: 95%;
+    max-width: 95%;
+  }
+  .dab8560c96fa0283 {
+    flex-direction: column;
+  }
+  .d36e84632eb09d08 {
+    width: 100%;
+  }
+}
+`, ""]);
+// Exports
+___CSS_LOADER_EXPORT___.locals = {
+	"container": `ffe867e2c235a0c5`,
+	"icon-selected": `d07fb38c947809f8`,
+	"iconSelected": `d07fb38c947809f8`,
+	"icon-button-selected": `d9418402ebdc6c0f`,
+	"iconButtonSelected": `d9418402ebdc6c0f`,
+	"feedback-overlay": `b29fb4268fffc847`,
+	"feedbackOverlay": `b29fb4268fffc847`,
+	"feedback-dialog": `a82c68467fbd9ba4`,
+	"feedbackDialog": `a82c68467fbd9ba4`,
+	"feedback-header": `fe9b5896dd607d27`,
+	"feedbackHeader": `fe9b5896dd607d27`,
+	"feedback-title": `f15e6e77acfff31a`,
+	"feedbackTitle": `f15e6e77acfff31a`,
+	"feedback-close": `ec213d35312b7d7e`,
+	"feedbackClose": `ec213d35312b7d7e`,
+	"feedback-content": `dc3fb716e09637a3`,
+	"feedbackContent": `dc3fb716e09637a3`,
+	"feedback-types": `dab8560c96fa0283`,
+	"feedbackTypes": `dab8560c96fa0283`,
+	"feedback-type-btn": `d36e84632eb09d08`,
+	"feedbackTypeBtn": `d36e84632eb09d08`,
+	"feedback-type-btn-selected": `b8dbe31e00feb69b`,
+	"feedbackTypeBtnSelected": `b8dbe31e00feb69b`,
+	"feedback-comment": `df277aeb58f67270`,
+	"feedbackComment": `df277aeb58f67270`,
+	"feedback-textarea": `d79bf5aef0816574`,
+	"feedbackTextarea": `d79bf5aef0816574`,
+	"feedback-footer": `ddce66c2730266a9`,
+	"feedbackFooter": `ddce66c2730266a9`,
+	"feedback-btn-cancel": `cbb043ea2499271a`,
+	"feedbackBtnCancel": `cbb043ea2499271a`,
+	"feedback-btn-confirm": `c55955936e93afa3`,
+	"feedbackBtnConfirm": `c55955936e93afa3`
+};
+/* ESM default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
 }),
 58678: (function (module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.d(__webpack_exports__, {
@@ -14475,9 +14719,6 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.coze-chat-sdk * {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
-.coze-chat-sdk textarea {
-  padding: 0;
-}
 .coze-chat-sdk a:focus,
 .coze-chat-sdk input:focus,
 .coze-chat-sdk p:focus,
@@ -265847,6 +266088,9 @@ axios_axiosInstance.interceptors.response.use((response)=>{
 axios_axiosInstance.interceptors.request.use(async (config)=>{
     var _config_method, _config_headers;
     const setHeader = (key, value)=>{
+        if (!config.headers) {
+            return;
+        }
         if (typeof config.headers.set === 'function') {
             config.headers.set(key, value);
         } else {
@@ -265854,6 +266098,9 @@ axios_axiosInstance.interceptors.request.use(async (config)=>{
         }
     };
     const getHeader = (key)=>{
+        if (!config.headers) {
+            return undefined;
+        }
         if (typeof config.headers.get === 'function') {
             return config.headers.get(key);
         }
@@ -266311,6 +266558,9 @@ const useApiErrorResponseHook = (response)=>{
 };
 const useCsrfRequestHook = (config)=>{
     var _config_method;
+    if (!config.headers) {
+        return config;
+    }
     config.headers.set('x-requested-with', 'XMLHttpRequest');
     if (((_config_method = config.method) === null || _config_method === void 0 ? void 0 : _config_method.toLowerCase()) === 'post' && !config.headers.get('content-type')) {
         // The new CSRF protection requires all post requests to have this header.
@@ -269575,7 +269825,7 @@ class HttpChunk extends CustomEventEmitter {
                 dataClump: fetchDataHelper,
                 body: channelFetchInfo.body,
                 // 将 headers 数组转换为 Headers 对象，因为 fetch API 需要 Headers 对象或普通对象
-                headers: new Headers(channelFetchInfo.headers),
+                headers: new Headers(Array.isArray(channelFetchInfo.headers) ? channelFetchInfo.headers : []),
                 method: channelFetchInfo.method,
                 signal: fetchDataHelper.abortSignal.signal,
                 totalFetchTimeout: fetchDataHelper.totalFetchTimeout,
@@ -383888,9 +384138,11 @@ var suggestion_index_module_update = injectStylesIntoStyleTag_default()(suggesti
 
 
 const SuggestionInChat = ()=>{
+    var _suggestionBatch_suggestions;
     const { useMessagesStore, useSuggestionsStore } = use_chat_area_context_useChatAreaStoreSet();
     const { enableMention } = usePreference();
-    // Before fixme, it is unreliable to directly take the last message for processing, and there are still problems after modification. Consider the suggestion stored in the sender_id
+    // Before fixme, it is unreliable to directly take the last message for processing,
+    // and there are still problems after modification. Consider the suggestion stored in the sender_id
     const latestGroup = useMessagesStore((state)=>state.messageGroupList.at(0));
     const senderId = useMessagesStore((state)=>{
         var _state_messages_find;
@@ -383900,10 +384152,14 @@ const SuggestionInChat = ()=>{
     // So it must not be possible to reverse index based on replyId
     const replyId = latestGroup === null || latestGroup === void 0 ? void 0 : latestGroup.groupId;
     const { latestSectionHasMessage } = useMessagesOverview();
-    const suggestionBatch = useSuggestionsStore((state)=>latestSectionHasMessage ? state.getSuggestions(replyId) : undefined);
+    // Always try to get suggestions, even if latestSectionHasMessage is false
+    // This ensures suggestions are displayed even when section state is temporarily inconsistent
+    const suggestionBatch = useSuggestionsStore((state)=>state.getSuggestions(replyId));
     const { selectable, messageWidth, layout } = usePreference();
     const showBackground = useShowBackGround();
-    if (!latestSectionHasMessage) {
+    // Only hide suggestions if there are no messages in the latest section AND no suggestions exist
+    // This prevents suggestions from disappearing when section state is temporarily inconsistent
+    if (!latestSectionHasMessage && !(suggestionBatch === null || suggestionBatch === void 0 ? void 0 : (_suggestionBatch_suggestions = suggestionBatch.suggestions) === null || _suggestionBatch_suggestions === void 0 ? void 0 : _suggestionBatch_suggestions.length)) {
         return null;
     }
     if (suggestionBatch === null || suggestionBatch === void 0 ? void 0 : suggestionBatch.isError) {
@@ -384190,20 +384446,17 @@ const MessageGroupWrapper = /*#__PURE__*/ (0,react.memo)((param)=>{
     const { useMessageMetaStore } = use_chat_area_context_useChatAreaStoreSet();
     const { messageGroupWrapper } = componentTypesMap;
     const Wrapper = messageGroupWrapper || BuiltinMessageGroupWrapper;
-    const { memberSet: { userMessageId }, groupId, showContextDivider, isLatest } = messageGroup;
+    const { memberSet: { userMessageId }, groupId, isLatest } = messageGroup;
     const userMessageMeta = useMessageMetaStore((state)=>{
         if (!userMessageId) {
             return;
         }
         return message_findMessageById(state.metaList, userMessageId);
     }, lodash_es_isEqual);
-    // TODO: Current server level does not support interrupting local messages. Sending messages cannot be deleted. This status needs to be flagged
+    // TODO: Current server level does not support interrupting local messages.
+    // Sending messages cannot be deleted. This status needs to be flagged
     const isSendingMessage = Boolean(userMessageMeta === null || userMessageMeta === void 0 ? void 0 : userMessageMeta.isSending);
     const deleteMessageGroup = use_delete_message_group_useDeleteMessageGroup();
-    const { showClearContextDivider: showClearContextDividerByPreference } = usePreference();
-    console.log('showClearContextDividerByPreference', showClearContextDividerByPreference);
-    console.log('showContextDivider', showContextDivider);
-    const showContextDividerWithOnboarding = showClearContextDividerByPreference && showContextDivider;
     const customMessageGroupFooterPlugin = use_plugin_custom_components_usePluginCustomComponents('MessageGroupFooter').at(0);
     const renderFooter = ()=>{
         const usedFooter = customMessageGroupFooterPlugin;
@@ -384225,7 +384478,7 @@ const MessageGroupWrapper = /*#__PURE__*/ (0,react.memo)((param)=>{
                 renderFooter === null || renderFooter === void 0 ? void 0 : renderFooter(),
                 isLatest ? /*#__PURE__*/ (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
                     children: [
-                        !showContextDividerWithOnboarding && /*#__PURE__*/ (0,jsx_runtime.jsx)(SuggestionInChat, {}),
+                        /*#__PURE__*/ (0,jsx_runtime.jsx)(SuggestionInChat, {}),
                         /*#__PURE__*/ (0,jsx_runtime.jsx)(WaitGenerating, {})
                     ]
                 }) : null,
@@ -404266,7 +404519,9 @@ class InitStoreService {
     }
     /**
    * Clear Store Set
-   */ clearStoreSet() {
+   * @param options - Options for clearing store set
+   * @param options.preserveSuggestions - If true, preserve suggestions during clear (useful for re-initialization)
+   */ clearStoreSet(options) {
         if (!this.storeSet) {
             return;
         }
@@ -404279,7 +404534,11 @@ class InitStoreService {
         useWaitingStore.getState().clearAllUnsettledUnconditionally();
         useOnboardingStore.getState().clearOnboardingStore();
         useFileStore.getState().clear();
-        useSuggestionsStore.getState().clearSuggestions();
+        // Preserve suggestions during re-initialization to avoid losing follow_up messages
+        // that were received via streaming but not yet saved to message history
+        if (!(options === null || options === void 0 ? void 0 : options.preserveSuggestions)) {
+            useSuggestionsStore.getState().clearSuggestions();
+        }
         useSelectionStore.getState().clearSelectedReplyIdList();
         useSenderInfoStore.getState().clearSenderInfoStore();
         useBatchFileUploadStore.getState().clearAllData();
@@ -404513,7 +404772,11 @@ class InitService {
     /**
    * Function to clear side effects
    */ clearInitSideEffect() {
-        this.initStoreService.clearStoreSet();
+        // Preserve suggestions during re-initialization to avoid losing follow_up messages
+        // that were received via streaming but not yet saved to message history
+        this.initStoreService.clearStoreSet({
+            preserveSuggestions: true
+        });
         this.preInitStoreService.clearStoreSet();
     }
     /**
@@ -421117,6 +421380,22 @@ class MessageParser {
                         console.error('onBeforeSendMessage: conversationId is empty after creation');
                         throw new Error('conversationId is required for sending message');
                     }
+                    // 更新会话列表中的 updated_at，确保每次发送消息时都会更新会话的更新时间
+                    // 这样会话列表可以正确排序，显示最近活跃的会话
+                    const existingConversation = refConversations.current.find((c)=>c.id === conversationId);
+                    if (existingConversation && refUpdateConversations.current) {
+                        const updatedConversation = {
+                            id: conversationId,
+                            updated_at: Math.floor(Date.now() / 1000)
+                        };
+                        refUpdateConversations.current([
+                            updatedConversation
+                        ], 'update');
+                        console.log('onBeforeSendMessage: Updated conversation updated_at in list', {
+                            conversationId,
+                            updated_at: updatedConversation.updated_at
+                        });
+                    }
                     // 使用计算后的 API URL
                     const url = `${finalApiUrl}/v1/workflows/chat?conversation_id=${conversationId}`;
                     // 根据 chatType 选择正确的 parameters 来源
@@ -421140,14 +421419,18 @@ class MessageParser {
                         hasBody: !!body,
                         bodyLength: body === null || body === void 0 ? void 0 : body.length
                     });
+                    // 确保 headers 是一个数组
+                    const headers = Array.isArray(requestConfig.headers) ? [
+                        ...requestConfig.headers
+                    ] : [];
                     Object.keys((debug === null || debug === void 0 ? void 0 : debug.cozeApiRequestHeader) || {}).forEach((key)=>{
                         var _debug_cozeApiRequestHeader;
-                        requestConfig.headers.push([
+                        headers.push([
                             key,
                             (debug === null || debug === void 0 ? void 0 : (_debug_cozeApiRequestHeader = debug.cozeApiRequestHeader) === null || _debug_cozeApiRequestHeader === void 0 ? void 0 : _debug_cozeApiRequestHeader[key]) || ''
                         ]);
                     });
-                    requestConfig.headers.push([
+                    headers.push([
                         'Accept-Language',
                         intl.language === 'zh-CN' ? 'zh' : 'en'
                     ]);
@@ -421156,7 +421439,7 @@ class MessageParser {
                         body,
                         url,
                         method: requestConfig.method || 'POST',
-                        headers: requestConfig.headers || []
+                        headers
                     };
                     console.log('onBeforeSendMessage: Returning config', {
                         url: finalConfig.url,
@@ -422952,6 +423235,651 @@ const QuoteMessage = (props)=>{
 };
 QuoteMessage.displayName = 'QuoteMessage';
 
+;// CONCATENATED MODULE: ../../../common/chat-area/chat-answer-action/src/context/comment/context.tsx
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 
+const CommentContext = /*#__PURE__*/ (0,react.createContext)({});
+const CommentProvider = CommentContext.Provider;
+
+;// CONCATENATED MODULE: ../../../common/chat-area/chat-answer-action/src/context/comment/index.ts
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 
+
+// EXTERNAL MODULE: ../../../../../common/temp/default/node_modules/.pnpm/css-loader@6.11.0_@rspack+core@1.5.8_webpack@5.91.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!../../../../../common/temp/default/node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.5.6_typescript@5.8.2_webpack@5.91.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../../../../../common/temp/default/node_modules/.pnpm/less-loader@11.1.4_less@4.4.2_webpack@5.91.0/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../../../common/chat-area/chat-answer-action/src/components/comment-message/index.module.less
+var comment_message_index_module = __webpack_require__(94148);
+;// CONCATENATED MODULE: ../../../common/chat-area/chat-answer-action/src/components/comment-message/index.module.less
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var comment_message_index_module_options = {};
+
+comment_message_index_module_options.styleTagTransform = (styleTagTransform_default());
+comment_message_index_module_options.setAttributes = (setAttributesWithoutAttributes_default());
+
+      comment_message_index_module_options.insert = insertBySelector_default().bind(null, "head");
+    
+comment_message_index_module_options.domAPI = (styleDomAPI_default());
+comment_message_index_module_options.insertStyleElement = (insertStyleElement_default());
+
+var comment_message_index_module_update = injectStylesIntoStyleTag_default()(comment_message_index_module/* ["default"] */.A, comment_message_index_module_options);
+
+
+
+
+       /* ESM default export */ const components_comment_message_index_module = (comment_message_index_module/* ["default"] */.A && comment_message_index_module/* ["default"].locals */.A.locals ? comment_message_index_module/* ["default"].locals */.A.locals : undefined);
+
+;// CONCATENATED MODULE: ../../../common/chat-area/chat-answer-action/src/components/comment-message/feedback-dialog.tsx
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 
+
+
+
+
+
+const DEFAULT_FEEDBACK_OPTIONS = [
+    {
+        value: 'HARMFUL',
+        label: '有害/不安全'
+    },
+    {
+        value: 'FALSE_INFO',
+        label: '虚假信息'
+    },
+    {
+        value: 'NOT_HELPFUL',
+        label: '没有帮助'
+    },
+    {
+        value: 'OTHER',
+        label: '其他'
+    }
+];
+function findChatAreaContainer() {
+    // 方式1: 尝试通过类名查找 coze-chat-sdk 容器
+    let cozeChatSdk = document.querySelector('.coze-chat-sdk');
+    // 方式2: 如果找不到，尝试查找包含 "coze-chat-sdk" 的类名（部分匹配）
+    if (!cozeChatSdk) {
+        const allElements = document.querySelectorAll('*');
+        for (const el of allElements){
+            const classList = Array.from(el.classList);
+            if (classList.some((cls)=>cls.includes('coze-chat-sdk'))) {
+                cozeChatSdk = el;
+                break;
+            }
+        }
+    }
+    // 方式3: 如果还是找不到，使用 document.body 作为容器（使用 fixed 定位）
+    return cozeChatSdk || document.body;
+}
+const FeedbackDialog = (param)=>{
+    let { visible, onConfirm, onCancel, feedbackTypes } = param;
+    const [selectedFeedbackType, setSelectedFeedbackType] = (0,react.useState)(null);
+    const [comment, setComment] = (0,react.useState)('');
+    const [container, setContainer] = (0,react.useState)(null);
+    (0,react.useEffect)(()=>{
+        setContainer(visible ? findChatAreaContainer() : null);
+    }, [
+        visible
+    ]);
+    if (!visible) {
+        return null;
+    }
+    // 使用接口返回的反馈类型，如果没有则使用默认值
+    const feedbackOptions = feedbackTypes && feedbackTypes.length > 0 ? feedbackTypes.map((item)=>({
+            value: item.value,
+            label: item.label
+        })) : DEFAULT_FEEDBACK_OPTIONS;
+    const handleConfirm = ()=>{
+        onConfirm(selectedFeedbackType, comment);
+        // 重置状态
+        setSelectedFeedbackType(null);
+        setComment('');
+    };
+    const handleCancel = ()=>{
+        setSelectedFeedbackType(null);
+        setComment('');
+        onCancel();
+    };
+    const isBodyContainer = container === document.body;
+    const modalContent = /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
+        className: components_comment_message_index_module["feedback-overlay"],
+        "data-container-is-body": isBodyContainer,
+        onClick: handleCancel,
+        children: /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+            className: components_comment_message_index_module["feedback-dialog"],
+            onClick: (e)=>{
+                e.stopPropagation();
+            },
+            children: [
+                /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+                    className: components_comment_message_index_module["feedback-header"],
+                    children: [
+                        /*#__PURE__*/ (0,jsx_runtime.jsx)("h3", {
+                            className: components_comment_message_index_module["feedback-title"],
+                            children: "反馈意见"
+                        }),
+                        /*#__PURE__*/ (0,jsx_runtime.jsx)("button", {
+                            type: "button",
+                            className: components_comment_message_index_module["feedback-close"],
+                            onClick: handleCancel,
+                            "aria-label": "关闭",
+                            children: "\xd7"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+                    className: components_comment_message_index_module["feedback-content"],
+                    children: [
+                        /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
+                            className: components_comment_message_index_module["feedback-types"],
+                            children: feedbackOptions.map((option)=>/*#__PURE__*/ (0,jsx_runtime.jsx)("button", {
+                                    type: "button",
+                                    className: classnames_default()(components_comment_message_index_module["feedback-type-btn"], {
+                                        [components_comment_message_index_module["feedback-type-btn-selected"]]: selectedFeedbackType === option.value
+                                    }),
+                                    onClick: ()=>{
+                                        setSelectedFeedbackType(option.value);
+                                    },
+                                    children: option.label
+                                }, option.value))
+                        }),
+                        /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
+                            className: components_comment_message_index_module["feedback-comment"],
+                            children: /*#__PURE__*/ (0,jsx_runtime.jsx)("textarea", {
+                                className: components_comment_message_index_module["feedback-textarea"],
+                                placeholder: "请告诉我们改进意见。",
+                                value: comment,
+                                onChange: (e)=>{
+                                    setComment(e.target.value);
+                                },
+                                rows: 4
+                            })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+                    className: components_comment_message_index_module["feedback-footer"],
+                    children: [
+                        /*#__PURE__*/ (0,jsx_runtime.jsx)("button", {
+                            type: "button",
+                            className: components_comment_message_index_module["feedback-btn-cancel"],
+                            onClick: handleCancel,
+                            children: "取消"
+                        }),
+                        /*#__PURE__*/ (0,jsx_runtime.jsx)("button", {
+                            type: "button",
+                            className: components_comment_message_index_module["feedback-btn-confirm"],
+                            onClick: handleConfirm,
+                            children: "确认"
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+    // 如果找到了容器，使用 Portal 渲染；否则直接渲染
+    if (container) {
+        return /*#__PURE__*/ (0,react_dom.createPortal)(modalContent, container);
+    }
+    return modalContent;
+};
+
+;// CONCATENATED MODULE: ../../../common/chat-area/chat-answer-action/src/components/comment-message/index.tsx
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ /* eslint-disable @coze-arch/max-line-per-function -- 评论组件功能完整，拆分会影响可读性 */ 
+
+
+
+
+
+
+
+
+
+
+/**
+ * 评论数据缓存
+ * 使用 chatId 作为 key 来缓存每个消息的评论状态
+ */ const commentCache = new Map();
+/**
+ * 枚举数据缓存
+ * 枚举数据通常不会变化，可以全局共享
+ */ let enumsCache = null;
+/**
+ * 缓存过期时间（毫秒）
+ * 评论状态缓存 5 分钟，枚举数据缓存 30 分钟
+ */ const COMMENT_CACHE_TTL = 5 * 60 * 1000; // 5 分钟
+const ENUMS_CACHE_TTL = 30 * 60 * 1000; // 30 分钟
+/**
+ * 生成缓存 key
+ */ function getCacheKey(chatId, appId, conversationId) {
+    return `${appId}:${conversationId}:${chatId}`;
+}
+/**
+ * 从枚举数据中获取点赞按钮文字
+ */ function getLikeLabel(enumsData, currentComment) {
+    if (!(enumsData === null || enumsData === void 0 ? void 0 : enumsData.comment_names)) {
+        return currentComment === 'LIKE' ? '取消点赞' : '点赞';
+    }
+    const likeOption = enumsData.comment_names.find((item)=>item.value === 'LIKE');
+    if (likeOption) {
+        return currentComment === 'LIKE' ? `取消${likeOption.label}` : likeOption.label;
+    }
+    return currentComment === 'LIKE' ? '取消点赞' : '点赞';
+}
+/**
+ * 从枚举数据中获取点踩按钮文字
+ */ function getDislikeLabel(enumsData, currentComment) {
+    if (!(enumsData === null || enumsData === void 0 ? void 0 : enumsData.comment_names)) {
+        return currentComment === 'DISLIKE' ? '取消点踩' : '点踩';
+    }
+    const dislikeOption = enumsData.comment_names.find((item)=>item.value === 'DISLIKE');
+    if (dislikeOption) {
+        return currentComment === 'DISLIKE' ? `取消${dislikeOption.label}` : dislikeOption.label;
+    }
+    return currentComment === 'DISLIKE' ? '取消点踩' : '点踩';
+}
+/**
+ * 查找 coze-chat-sdk 容器
+ */ function findCozeChatSdkContainer() {
+    // 方式1: 尝试通过类名查找
+    let container = document.querySelector('.coze-chat-sdk');
+    // 方式2: 如果找不到，尝试查找包含 "coze-chat-sdk" 的类名（部分匹配）
+    if (!container) {
+        const allElements = document.querySelectorAll('*');
+        for (const el of allElements){
+            const classList = Array.from(el.classList);
+            if (classList.some((cls)=>cls.includes('coze-chat-sdk'))) {
+                container = el;
+                break;
+            }
+        }
+    }
+    // 方式3: 如果还是找不到，使用 document.body 作为容器
+    return container || document.body;
+}
+const CommentMessage = (param)=>{
+    let { className, isMustGroupLastAnswerMessage = true, ...props } = param;
+    var _enumsData_feedback_types;
+    const { message, meta } = message_box_useMessageBoxContext();
+    const { commentApiService, extractMessageParams } = (0,react.useContext)(CommentContext);
+    const { useGlobalInitStore } = use_chat_area_context_useChatAreaStoreSet();
+    const conversationIdFromStore = useGlobalInitStore((state)=>state.conversationId);
+    const [currentComment, setCurrentComment] = (0,react.useState)(null);
+    const [showFeedbackDialog, setShowFeedbackDialog] = (0,react.useState)(false);
+    const [loading, setLoading] = (0,react.useState)(false);
+    const [enumsData, setEnumsData] = (0,react.useState)(null);
+    const trigger = use_tooltip_trigger_useTooltipTrigger('hover');
+    // 提取消息参数，优先使用 store 中的 conversationId
+    const messageParams = extractMessageParams ? extractMessageParams(message, conversationIdFromStore || undefined) : null;
+    // 在组件加载时获取枚举数据和查询当前消息的评论状态
+    (0,react.useEffect)(()=>{
+        if (!commentApiService || !messageParams) {
+            return;
+        }
+        const cacheKey = getCacheKey(messageParams.chatId, messageParams.appId, messageParams.conversationId);
+        const fetchEnums = async ()=>{
+            if (!(commentApiService === null || commentApiService === void 0 ? void 0 : commentApiService.getCommentEnums)) {
+                return;
+            }
+            // 检查缓存
+            const now = Date.now();
+            if (enumsCache && enumsCache.data && now - enumsCache.timestamp < ENUMS_CACHE_TTL) {
+                setEnumsData(enumsCache.data);
+                return;
+            }
+            try {
+                const response = await commentApiService.getCommentEnums();
+                enumsCache = {
+                    data: response.data,
+                    timestamp: now
+                };
+                setEnumsData(response.data);
+            } catch (error) {
+                console.error('[Comment Message] Failed to fetch enums:', error);
+                // 如果请求失败，尝试使用缓存数据
+                if (enumsCache === null || enumsCache === void 0 ? void 0 : enumsCache.data) {
+                    setEnumsData(enumsCache.data);
+                }
+            }
+        };
+        const fetchCommentStatus = async ()=>{
+            if (!(commentApiService === null || commentApiService === void 0 ? void 0 : commentApiService.getCommentsByChatID)) {
+                return;
+            }
+            // 检查缓存
+            const cached = commentCache.get(cacheKey);
+            const now = Date.now();
+            if (cached && now - cached.timestamp < COMMENT_CACHE_TTL) {
+                setCurrentComment(cached.comment);
+                return;
+            }
+            try {
+                var _response_data_results, _response_data;
+                const requestParams = {
+                    app_id: messageParams.appId,
+                    conversation_id: messageParams.conversationId,
+                    chat_ids: [
+                        messageParams.chatId
+                    ]
+                };
+                const response = await commentApiService.getCommentsByChatID(requestParams);
+                const chatComments = (_response_data = response.data) === null || _response_data === void 0 ? void 0 : (_response_data_results = _response_data.results) === null || _response_data_results === void 0 ? void 0 : _response_data_results.find((item)=>item.chat_id === messageParams.chatId);
+                let comment = null;
+                if (chatComments === null || chatComments === void 0 ? void 0 : chatComments.comments.length) {
+                    const sortedComments = [
+                        ...chatComments.comments
+                    ].sort((a, b)=>b.created_at - a.created_at);
+                    const latestComment = sortedComments[0];
+                    if (latestComment) {
+                        comment = latestComment.name;
+                    }
+                }
+                // 更新缓存
+                commentCache.set(cacheKey, {
+                    comment,
+                    timestamp: now
+                });
+                setCurrentComment(comment);
+            } catch (error) {
+                console.error('[Comment Message] Failed to fetch comment status:', error);
+                // 如果请求失败，尝试使用缓存数据
+                if (cached) {
+                    setCurrentComment(cached.comment);
+                }
+            }
+        };
+        fetchEnums();
+        fetchCommentStatus();
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- messageParams 是对象，使用其属性作为依赖
+    }, [
+        commentApiService,
+        messageParams === null || messageParams === void 0 ? void 0 : messageParams.chatId,
+        messageParams === null || messageParams === void 0 ? void 0 : messageParams.appId,
+        messageParams === null || messageParams === void 0 ? void 0 : messageParams.conversationId
+    ]);
+    const handleLike = (0,react.useCallback)(async ()=>{
+        if (loading || !commentApiService || !messageParams) {
+            return;
+        }
+        setLoading(true);
+        try {
+            const cacheKey = getCacheKey(messageParams.chatId, messageParams.appId, messageParams.conversationId);
+            // 如果已经点赞，则取消点赞（再次点击）
+            if (currentComment === 'LIKE') {
+                if (commentApiService.cancelComment) {
+                    await commentApiService.cancelComment({
+                        chat_id: messageParams.chatId,
+                        app_id: messageParams.appId,
+                        conversation_id: messageParams.conversationId
+                    });
+                }
+                const newComment = null;
+                setCurrentComment(newComment);
+                // 更新缓存
+                commentCache.set(cacheKey, {
+                    comment: newComment,
+                    timestamp: Date.now()
+                });
+            } else {
+                await commentApiService.createComment({
+                    chat_id: messageParams.chatId,
+                    app_id: messageParams.appId,
+                    conversation_id: messageParams.conversationId,
+                    name: 'LIKE'
+                });
+                const newComment = 'LIKE';
+                setCurrentComment(newComment);
+                // 更新缓存
+                commentCache.set(cacheKey, {
+                    comment: newComment,
+                    timestamp: Date.now()
+                });
+                // 显示成功提示
+                const container = findCozeChatSdkContainer();
+                esm_webpack_exports_Toast.success({
+                    content: '感谢您的反馈',
+                    getContainer: ()=>container,
+                    showClose: false
+                });
+            }
+        } catch (error) {
+            console.error('[Comment Message] Failed to handle like comment:', error);
+        // 发生错误时保持当前状态
+        } finally{
+            setLoading(false);
+        }
+    }, [
+        commentApiService,
+        messageParams,
+        currentComment,
+        loading
+    ]);
+    const handleCancelDislike = (0,react.useCallback)(async ()=>{
+        if (!commentApiService || !messageParams) {
+            return;
+        }
+        setLoading(true);
+        try {
+            const cacheKey = getCacheKey(messageParams.chatId, messageParams.appId, messageParams.conversationId);
+            if (commentApiService.cancelComment) {
+                await commentApiService.cancelComment({
+                    chat_id: messageParams.chatId,
+                    app_id: messageParams.appId,
+                    conversation_id: messageParams.conversationId
+                });
+            }
+            const newComment = null;
+            setCurrentComment(newComment);
+            // 更新缓存
+            commentCache.set(cacheKey, {
+                comment: newComment,
+                timestamp: Date.now()
+            });
+        } catch (error) {
+            console.error('[Comment Message] Failed to cancel dislike comment:', error);
+        // 发生错误时保持当前状态
+        } finally{
+            setLoading(false);
+        }
+    }, [
+        commentApiService,
+        messageParams
+    ]);
+    const handleDislike = (0,react.useCallback)(async ()=>{
+        if (loading || !commentApiService || !messageParams) {
+            return;
+        }
+        // 如果已经点踩，则取消点踩（再次点击）
+        if (currentComment === 'DISLIKE') {
+            await handleCancelDislike();
+            return;
+        }
+        // 显示反馈对话框
+        setShowFeedbackDialog(true);
+    }, [
+        commentApiService,
+        messageParams,
+        currentComment,
+        loading,
+        handleCancelDislike
+    ]);
+    const handleFeedbackConfirm = (0,react.useCallback)(async (feedbackType, comment)=>{
+        if (loading || !commentApiService || !messageParams) {
+            return;
+        }
+        setLoading(true);
+        setShowFeedbackDialog(false);
+        try {
+            const cacheKey = getCacheKey(messageParams.chatId, messageParams.appId, messageParams.conversationId);
+            await commentApiService.createComment({
+                chat_id: messageParams.chatId,
+                app_id: messageParams.appId,
+                conversation_id: messageParams.conversationId,
+                name: 'DISLIKE',
+                feedback_type: feedbackType || undefined,
+                comment: comment || undefined
+            });
+            const newComment = 'DISLIKE';
+            setCurrentComment(newComment);
+            // 更新缓存
+            commentCache.set(cacheKey, {
+                comment: newComment,
+                timestamp: Date.now()
+            });
+            // 显示成功提示
+            const container = findCozeChatSdkContainer();
+            esm_webpack_exports_Toast.success({
+                content: '感谢您的反馈',
+                getContainer: ()=>container,
+                showClose: false
+            });
+        } catch (error) {
+            console.error('[Comment Message] Failed to create dislike comment:', error);
+            setCurrentComment(null);
+        } finally{
+            setLoading(false);
+        }
+    }, [
+        commentApiService,
+        messageParams,
+        loading
+    ]);
+    const handleFeedbackCancel = (0,react.useCallback)(()=>{
+        setShowFeedbackDialog(false);
+    }, []);
+    const iconClassNames = classnames_default()(className, 'w-[14px] h-[14px]');
+    const likeIconClassNames = classnames_default()(iconClassNames, {
+        [components_comment_message_index_module["icon-selected"]]: currentComment === 'LIKE'
+    });
+    const dislikeIconClassNames = classnames_default()(iconClassNames, {
+        [components_comment_message_index_module["icon-selected"]]: currentComment === 'DISLIKE'
+    });
+    // 如果没有提供 API 服务，则不显示评论按钮
+    if (!commentApiService || !extractMessageParams) {
+        return null;
+    }
+    // 只在最终答案消息时显示
+    if (!meta.isGroupLastAnswerMessage && isMustGroupLastAnswerMessage) {
+        return null;
+    }
+    // 如果无法提取消息参数，则不显示
+    if (!messageParams) {
+        return null;
+    }
+    return /*#__PURE__*/ (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0,jsx_runtime.jsx)(FeedbackDialog, {
+                visible: showFeedbackDialog,
+                onConfirm: handleFeedbackConfirm,
+                onCancel: handleFeedbackCancel,
+                feedbackTypes: (enumsData === null || enumsData === void 0 ? void 0 : (_enumsData_feedback_types = enumsData.feedback_types) === null || _enumsData_feedback_types === void 0 ? void 0 : _enumsData_feedback_types.DISLIKE) || undefined
+            }),
+            /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+                className: components_comment_message_index_module.container,
+                children: [
+                    /*#__PURE__*/ (0,jsx_runtime.jsx)(esm_webpack_exports_Tooltip, {
+                        content: getLikeLabel(enumsData, currentComment),
+                        trigger: trigger,
+                        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(esm_webpack_exports_IconButton, {
+                            "data-testid": "chat-area.answer-action.comment-like-button",
+                            size: "small",
+                            icon: /*#__PURE__*/ (0,jsx_runtime.jsx)(__webpack_exports__IconCozThumbsup, {
+                                className: likeIconClassNames
+                            }),
+                            color: "secondary",
+                            className: classnames_default()({
+                                [components_comment_message_index_module["icon-button-selected"]]: currentComment === 'LIKE'
+                            }),
+                            onClick: handleLike,
+                            disabled: loading,
+                            ...props
+                        })
+                    }),
+                    /*#__PURE__*/ (0,jsx_runtime.jsx)(esm_webpack_exports_Tooltip, {
+                        content: getDislikeLabel(enumsData, currentComment),
+                        trigger: trigger,
+                        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(esm_webpack_exports_IconButton, {
+                            "data-testid": "chat-area.answer-action.comment-dislike-button",
+                            size: "small",
+                            icon: /*#__PURE__*/ (0,jsx_runtime.jsx)(__webpack_exports__IconCozThumbdown, {
+                                className: dislikeIconClassNames
+                            }),
+                            color: "secondary",
+                            className: classnames_default()({
+                                [components_comment_message_index_module["icon-button-selected"]]: currentComment === 'DISLIKE'
+                            }),
+                            onClick: handleDislike,
+                            disabled: loading,
+                            ...props
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+
 ;// CONCATENATED MODULE: ../../../common/chat-area/chat-answer-action/src/context/store/context.tsx
 /*
  * Copyright 2025 coze-dev Authors
@@ -423382,6 +424310,8 @@ const BotTriggerConfigButtonGroup = (param)=>{
 
 
 
+
+
 
 
 ;// CONCATENATED MODULE: ../open-chat/src/components/studio-open-chat/provider/coz-sdk/plugin/hooks/use-cur-message-info.ts
@@ -423632,6 +424562,7 @@ const UIKitMessageBoxHoverSlotContent = ()=>{
     const { isShowDelete, isNeedQuote } = useCurMessageInfo();
     const isShowHoverContainer = isShowDelete || !!showHoverText;
     const isShowQuote = message.type === 'answer' && !!showHoverText && isNeedQuote;
+    const isShowComment = message.type === 'answer' && !!showHoverText;
     const { width: actionBarSize } = es_useSize(actionBarRef) || {};
     const actionBarLeft = (0,react.useMemo)(()=>{
         var _actionBarRef_current_closest, _actionBarRef_current;
@@ -423656,7 +424587,7 @@ const UIKitMessageBoxHoverSlotContent = ()=>{
     return /*#__PURE__*/ (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
         children: [
             /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
-                className: classnames_default()('w-full flex', isMultiMessage ? 'justify-start' : 'justify-end'),
+                className: classnames_default()('w-full flex', 'justify-start'),
                 style: {},
                 children: /*#__PURE__*/ (0,jsx_runtime.jsxs)(ActionBarHoverContainer, {
                     style: {
@@ -423673,6 +424604,9 @@ const UIKitMessageBoxHoverSlotContent = ()=>{
                             externalContent: showHoverText,
                             isMustGroupLastAnswerMessage: false
                         }) : null,
+                        isShowComment ? /*#__PURE__*/ (0,jsx_runtime.jsx)(CommentMessage, {
+                            isMustGroupLastAnswerMessage: false
+                        }) : null,
                         isShowDelete ? /*#__PURE__*/ (0,jsx_runtime.jsx)(delete_message_DeleteMessage, {}) : null,
                         isShowQuote ? /*#__PURE__*/ (0,jsx_runtime.jsx)(QuoteMessage, {}) : null
                     ]
@@ -423775,6 +424709,9 @@ const ChatMessageFooterContent = ()=>{
                 isUseExternalContent: true,
                 externalContent: lastMessageText
             }, "copy"),
+            !!lastMessageText && /*#__PURE__*/ (0,jsx_runtime.jsx)(CommentMessage, {
+                className: buttonClass
+            }, "comment"),
             isShowDelete && /*#__PURE__*/ (0,jsx_runtime.jsx)(delete_message_DeleteMessage, {
                 className: classnames_default()(buttonClass)
             }, "delete"),
@@ -424298,6 +425235,154 @@ const useBgBackgroundPlugin = ()=>{
     };
 };
 
+;// CONCATENATED MODULE: ../open-chat/src/components/studio-open-chat/provider/coz-sdk/comment-provider.tsx
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 
+
+
+
+
+
+
+/**
+ * 从消息对象中提取评论所需的参数
+ */ function extractMessageParamsForBuilderChat(message, chatConfig, conversationIdFromContext) {
+    var _msg_extra_info, _msg_extra_info1, _msg_extra_info2, _msg_extra_info3, _msg_extra_info4, _chatConfig_appInfo;
+    if (!message || typeof message !== 'object') {
+        return null;
+    }
+    const msg = message;
+    // 从 extra_info 中提取
+    const chatId = ((_msg_extra_info = msg.extra_info) === null || _msg_extra_info === void 0 ? void 0 : _msg_extra_info.chat_id) || ((_msg_extra_info1 = msg.extra_info) === null || _msg_extra_info1 === void 0 ? void 0 : _msg_extra_info1.coze_api_chat_id) || ((_msg_extra_info2 = msg.extra_info) === null || _msg_extra_info2 === void 0 ? void 0 : _msg_extra_info2.conversation_id) || msg.message_id || msg.reply_id;
+    // conversationId 可以从多个地方获取（按优先级）：
+    // 1. conversationIdFromContext (从 chat area context 获取，最优先)
+    // 2. extra_info.conversation_id
+    // 3. section_id (作为 fallback，但通常 section_id 不等于 conversation_id)
+    // 4. reply_id (最后的 fallback)
+    const conversationId = conversationIdFromContext || ((_msg_extra_info3 = msg.extra_info) === null || _msg_extra_info3 === void 0 ? void 0 : _msg_extra_info3.conversation_id) || msg.section_id || msg.reply_id;
+    // 从 chatConfig 中获取 app_id
+    const appId = ((_msg_extra_info4 = msg.extra_info) === null || _msg_extra_info4 === void 0 ? void 0 : _msg_extra_info4.app_id) || (chatConfig === null || chatConfig === void 0 ? void 0 : (_chatConfig_appInfo = chatConfig.appInfo) === null || _chatConfig_appInfo === void 0 ? void 0 : _chatConfig_appInfo.appId) || (chatConfig === null || chatConfig === void 0 ? void 0 : chatConfig.bot_id) || '';
+    if (!chatId || !conversationId || !appId) {
+        return null;
+    }
+    return {
+        chatId: String(chatId),
+        conversationId: String(conversationId),
+        appId: String(appId)
+    };
+}
+/**
+ * 使用 fetch 直接调用评论 API（绕过 CozeAPI 的响应拦截器）
+ */ async function requestCommentApi(config, endpoint) {
+    let options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
+    const url = `${config.apiUrl}${endpoint}`;
+    const response = await fetch(url, {
+        ...options,
+        headers: {
+            'Content-Type': 'application/json',
+            Authorization: `Bearer ${config.token}`,
+            ...options.headers
+        }
+    });
+    const data = await response.json();
+    if (!response.ok) {
+        const error = data;
+        throw new Error(error.message || `HTTP error! status: ${response.status}`);
+    }
+    return data;
+}
+/**
+ * 创建评论
+ */ async function createCommentWithFetch(apiUrl, token, params) {
+    return requestCommentApi({
+        apiUrl,
+        token
+    }, '/api/workflow_api/comment/create', {
+        method: 'POST',
+        body: JSON.stringify(params)
+    });
+}
+/**
+ * 查询评论列表
+ */ async function getCommentsByChatIDWithFetch(apiUrl, token, params) {
+    return requestCommentApi({
+        apiUrl,
+        token
+    }, '/api/workflow_api/comment/list', {
+        method: 'POST',
+        body: JSON.stringify(params)
+    });
+}
+/**
+ * 获取评论枚举值
+ */ async function getCommentEnumsWithFetch(apiUrl, token) {
+    return requestCommentApi({
+        apiUrl,
+        token
+    }, '/api/workflow_api/comment/enums', {
+        method: 'GET'
+    });
+}
+/**
+ * 取消评论
+ */ async function cancelCommentWithFetch(apiUrl, token, params) {
+    return requestCommentApi({
+        apiUrl,
+        token
+    }, '/api/workflow_api/comment/cancel', {
+        method: 'POST',
+        body: JSON.stringify(params)
+    });
+}
+/**
+ * 为 BuilderChat 提供评论功能的 Provider
+ */ const BuilderChatCommentProvider = (param)=>{
+    let { children } = param;
+    const { chatConfig } = context_useChatAppProps();
+    const { token, apiUrl } = context_useChatAppStore(shallow_useShallow((s)=>({
+            token: s.token,
+            apiUrl: s.apiUrl
+        })));
+    const { useGlobalInitStore } = use_chat_area_context_useChatAreaStoreSet();
+    const conversationIdFromStore = useGlobalInitStore((state)=>state.conversationId);
+    const commentContextValue = (0,react.useMemo)(()=>{
+        if (!token || !apiUrl) {
+            return {};
+        }
+        return {
+            commentApiService: {
+                createComment: async (params)=>createCommentWithFetch(apiUrl, token, params),
+                getCommentsByChatID: async (params)=>getCommentsByChatIDWithFetch(apiUrl, token, params),
+                getCommentEnums: async ()=>getCommentEnumsWithFetch(apiUrl, token),
+                cancelComment: async (params)=>cancelCommentWithFetch(apiUrl, token, params)
+            },
+            extractMessageParams: (message, conversationIdFromContext)=>extractMessageParamsForBuilderChat(message, chatConfig, conversationIdFromContext || conversationIdFromStore || undefined)
+        };
+    }, [
+        token,
+        apiUrl,
+        chatConfig,
+        conversationIdFromStore
+    ]);
+    return /*#__PURE__*/ (0,jsx_runtime.jsx)(CommentProvider, {
+        value: commentContextValue,
+        children: children
+    });
+};
+
 ;// CONCATENATED MODULE: ../open-chat/src/components/studio-open-chat/provider/coz-sdk/chat-provider.tsx
 /*
  * Copyright 2025 coze-dev Authors
@@ -424337,6 +425422,7 @@ const useBgBackgroundPlugin = ()=>{
 
 
 
+
 
 
 const ChatProviderFuncComp = /*#__PURE__*/ (0,react.forwardRef)((param, ref)=>{
@@ -424644,9 +425730,11 @@ const ChatProviderImpl = (param)=>{
         ],
         showBackground: isShowBackground,
         enableDragUpload: false,
-        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(ChatProviderFuncComp, {
-            ref: refChatFunc,
-            children: children
+        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(BuilderChatCommentProvider, {
+            children: /*#__PURE__*/ (0,jsx_runtime.jsx)(ChatProviderFuncComp, {
+                ref: refChatFunc,
+                children: children
+            })
         })
     });
 };
@@ -439195,6 +440283,169 @@ const BuilderChatWeb = /*#__PURE__*/ (0,react.forwardRef)((props, ref)=>{
 
 const BuilderChat = BuilderChatWeb;
 
+;// CONCATENATED MODULE: ./src/util/extract-message-params.ts
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ /**
+ * 从消息对象中提取评论所需的参数
+ */ /* eslint-disable complexity -- 需要处理多个可选字段的提取逻辑 */ function extract_message_params_extractMessageParams(message, client, conversationIdFromContext) {
+    var _msg_extra_info, _msg_extra_info1, _msg_extra_info2, _msg_extra_info3, _msg_extra_info4, _client_options_config_appInfo, _client_options_config, _client_options, _client_options_config1, _client_options1;
+    if (!message || typeof message !== 'object') {
+        return null;
+    }
+    const msg = message;
+    // 从 extra_info 中提取
+    const chatId = ((_msg_extra_info = msg.extra_info) === null || _msg_extra_info === void 0 ? void 0 : _msg_extra_info.chat_id) || ((_msg_extra_info1 = msg.extra_info) === null || _msg_extra_info1 === void 0 ? void 0 : _msg_extra_info1.coze_api_chat_id) || ((_msg_extra_info2 = msg.extra_info) === null || _msg_extra_info2 === void 0 ? void 0 : _msg_extra_info2.conversation_id) || msg.message_id || msg.reply_id;
+    // conversationId 可以从多个地方获取（按优先级）：
+    // 1. conversationIdFromContext (从 chat area context 获取，最优先)
+    // 2. extra_info.conversation_id
+    // 3. section_id (作为 fallback，但通常 section_id 不等于 conversation_id)
+    // 4. reply_id (最后的 fallback)
+    const conversationId = conversationIdFromContext || ((_msg_extra_info3 = msg.extra_info) === null || _msg_extra_info3 === void 0 ? void 0 : _msg_extra_info3.conversation_id) || msg.section_id || msg.reply_id;
+    // 从 client options 中获取 app_id
+    const appId = ((_msg_extra_info4 = msg.extra_info) === null || _msg_extra_info4 === void 0 ? void 0 : _msg_extra_info4.app_id) || ((_client_options = client.options) === null || _client_options === void 0 ? void 0 : (_client_options_config = _client_options.config) === null || _client_options_config === void 0 ? void 0 : (_client_options_config_appInfo = _client_options_config.appInfo) === null || _client_options_config_appInfo === void 0 ? void 0 : _client_options_config_appInfo.appId) || ((_client_options1 = client.options) === null || _client_options1 === void 0 ? void 0 : (_client_options_config1 = _client_options1.config) === null || _client_options_config1 === void 0 ? void 0 : _client_options_config1.botId) || '';
+    if (!chatId || !conversationId || !appId) {
+        return null;
+    }
+    return {
+        chatId: String(chatId),
+        conversationId: String(conversationId),
+        appId: String(appId)
+    };
+}
+
+;// CONCATENATED MODULE: ./src/services/comment-api.ts
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 
+/**
+ * 获取认证 token
+ */ async function comment_api_getAuthToken(client) {
+    try {
+        var _client_authClient_options_auth_onRefreshToken, _client_authClient_options_auth;
+        const token = await ((_client_authClient_options_auth = client.authClient.options.auth) === null || _client_authClient_options_auth === void 0 ? void 0 : (_client_authClient_options_auth_onRefreshToken = _client_authClient_options_auth.onRefreshToken) === null || _client_authClient_options_auth_onRefreshToken === void 0 ? void 0 : _client_authClient_options_auth_onRefreshToken.call(_client_authClient_options_auth, ''));
+        return token || null;
+    } catch (error) {
+        console.error('[Comment API] Failed to get auth token:', error);
+        return null;
+    }
+}
+/**
+ * 发起 API 请求
+ */ async function comment_api_request(client, endpoint) {
+    let options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
+    const token = await comment_api_getAuthToken(client);
+    if (!token) {
+        throw new Error('Authentication token is required');
+    }
+    const url = `${client.apiUrl}${endpoint}`;
+    const response = await fetch(url, {
+        ...options,
+        headers: {
+            'Content-Type': 'application/json',
+            Authorization: `Bearer ${token}`,
+            ...options.headers
+        }
+    });
+    const data = await response.json();
+    if (!response.ok) {
+        const error = data;
+        throw new Error(error.message || `HTTP error! status: ${response.status}`);
+    }
+    return data;
+}
+/**
+ * 创建评论（点赞/点踩）
+ */ async function createComment(client, params) {
+    return comment_api_request(client, '/api/workflow_api/comment/create', {
+        method: 'POST',
+        body: JSON.stringify(params)
+    });
+}
+/**
+ * 查询评论列表（支持单个或批量chat_id）
+ */ async function getCommentsByChatID(client, params) {
+    return comment_api_request(client, '/api/workflow_api/comment/list', {
+        method: 'POST',
+        body: JSON.stringify(params)
+    });
+}
+/**
+ * 获取评论相关枚举值
+ */ async function getCommentEnums(client) {
+    return comment_api_request(client, '/api/workflow_api/comment/enums', {
+        method: 'GET'
+    });
+}
+/**
+ * 取消评论（取消点赞/点踩）
+ */ async function cancelComment(client, params) {
+    return comment_api_request(client, '/api/workflow_api/comment/cancel', {
+        method: 'POST',
+        body: JSON.stringify(params)
+    });
+}
+
+;// CONCATENATED MODULE: ./src/components/comment/comment-provider.tsx
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 
+
+
+
+const CommentProviderWrapper = (param)=>{
+    let { client, children } = param;
+    const commentContextValue = {
+        commentApiService: {
+            createComment: async (params)=>createComment(client, params),
+            getCommentsByChatID: async (params)=>getCommentsByChatID(client, params),
+            getCommentEnums: async ()=>getCommentEnums(client),
+            cancelComment: async (params)=>cancelComment(client, params)
+        },
+        extractMessageParams: (message, conversationIdFromContext)=>extract_message_params_extractMessageParams(message, client, conversationIdFromContext)
+    };
+    return /*#__PURE__*/ (0,jsx_runtime.jsx)(CommentProvider, {
+        value: commentContextValue,
+        children: children
+    });
+};
+
 // EXTERNAL MODULE: ../../../../../common/temp/default/node_modules/.pnpm/css-loader@6.11.0_@rspack+core@1.5.8_webpack@5.91.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!../../../../../common/temp/default/node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.5.6_typescript@5.8.2_webpack@5.91.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../../../../../common/temp/default/node_modules/.pnpm/less-loader@11.1.4_less@4.4.2_webpack@5.91.0/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!./src/components/widget/non-iframe-app/index.module.less
 var non_iframe_app_index_module = __webpack_require__(81562);
 ;// CONCATENATED MODULE: ./src/components/widget/non-iframe-app/index.module.less
@@ -439245,6 +440496,7 @@ var non_iframe_app_index_module_update = injectStylesIntoStyleTag_default()(non_
 
 
 
+
 const NonIframeApp = (param)=>{
     let { client, onImageClick, uiKitCustomComponents, contentBox } = param;
     var _options_ui_header, _options_ui, _options_ui_chatBot, _options_ui1, _options_ui_chatBot1, _options_ui2, _options_ui_chatBot2, _options_ui3, _options_ui_chatBot3, _options_ui4, _options_ui_chatBot4, _options_ui5, _options_ui_chatBot5, _options_ui6, _options_ui_chatBot6, _options_ui7, _options_ui_header1, _options_ui8, _options_ui_base, _options_ui9, _options_ui10, _options_ui11, _options_ui_chatBot7, _options_ui12, _options_ui_input, _options_ui13, _options_ui_input1, _options_ui14, _options_ui_input2, _options_ui15, _options_ui_input3, _options_ui16, _options_ui_input4, _options_ui17, _options_ui_input5, _options_ui18, _options_ui19, _options_ui20, _options_ui21, _options_config_appInfo, _options_config, _options_config_appInfo1, _options_config1, _options_config_appInfo2, _options_config2, _options_config_appInfo3, _options_config3, _options_config_appInfo4, _options_config4, _options_ui_base1, _options_ui22, _options_config_appInfo5, _options_userInfo, _options_userInfo1, _options_userInfo2, _options_auth, _options_auth1;
@@ -439286,41 +440538,44 @@ const NonIframeApp = (param)=>{
         onboarding: options === null || options === void 0 ? void 0 : (_options_ui20 = options.ui) === null || _options_ui20 === void 0 ? void 0 : _options_ui20.onboarding,
         getMessageRenderIndex: options === null || options === void 0 ? void 0 : (_options_ui21 = options.ui) === null || _options_ui21 === void 0 ? void 0 : _options_ui21.getMessageRenderIndex
     };
-    return /*#__PURE__*/ (0,jsx_runtime.jsx)(BuilderChat, {
-        // 传递 apiUrl（需要在 BuilderChat props 中支持）
-        apiUrl: apiUrl,
-        workflow: {
-            id: options === null || options === void 0 ? void 0 : (_options_config = options.config) === null || _options_config === void 0 ? void 0 : (_options_config_appInfo = _options_config.appInfo) === null || _options_config_appInfo === void 0 ? void 0 : _options_config_appInfo.workflowId,
-            // 直接传递引用，不创建副本，这样参数更新会立即生效
-            parameters: (options === null || options === void 0 ? void 0 : (_options_config1 = options.config) === null || _options_config1 === void 0 ? void 0 : (_options_config_appInfo1 = _options_config1.appInfo) === null || _options_config_appInfo1 === void 0 ? void 0 : _options_config_appInfo1.parameters) || {}
-        },
-        project: {
-            type: 'app',
-            // 根据 appInfo.draft_mode 设置 mode：draft_mode: true -> 'draft', draft_mode: false -> 'websdk'
-            // 如果没有设置 draft_mode，则根据环境判断
-            mode: (options === null || options === void 0 ? void 0 : (_options_config2 = options.config) === null || _options_config2 === void 0 ? void 0 : (_options_config_appInfo2 = _options_config2.appInfo) === null || _options_config_appInfo2 === void 0 ? void 0 : _options_config_appInfo2.draft_mode) !== undefined ? options.config.appInfo.draft_mode ? 'draft' : 'websdk' :  false ? 0 : 'websdk',
-            id: (options === null || options === void 0 ? void 0 : (_options_config3 = options.config) === null || _options_config3 === void 0 ? void 0 : (_options_config_appInfo3 = _options_config3.appInfo) === null || _options_config_appInfo3 === void 0 ? void 0 : _options_config_appInfo3.appId) || '',
-            conversationName: options === null || options === void 0 ? void 0 : (_options_config4 = options.config) === null || _options_config4 === void 0 ? void 0 : (_options_config_appInfo4 = _options_config4.appInfo) === null || _options_config_appInfo4 === void 0 ? void 0 : _options_config_appInfo4.conversationName,
-            layout: options === null || options === void 0 ? void 0 : (_options_ui22 = options.ui) === null || _options_ui22 === void 0 ? void 0 : (_options_ui_base1 = _options_ui22.base) === null || _options_ui_base1 === void 0 ? void 0 : _options_ui_base1.layout,
-            version: options === null || options === void 0 ? void 0 : (_options_config_appInfo5 = options.config.appInfo) === null || _options_config_appInfo5 === void 0 ? void 0 : _options_config_appInfo5.version
-        },
-        userInfo: {
-            url: (options === null || options === void 0 ? void 0 : (_options_userInfo = options.userInfo) === null || _options_userInfo === void 0 ? void 0 : _options_userInfo.url) || '',
-            nickname: (options === null || options === void 0 ? void 0 : (_options_userInfo1 = options.userInfo) === null || _options_userInfo1 === void 0 ? void 0 : _options_userInfo1.nickname) || '',
-            id: (options === null || options === void 0 ? void 0 : (_options_userInfo2 = options.userInfo) === null || _options_userInfo2 === void 0 ? void 0 : _options_userInfo2.id) || ''
-        },
-        areaUi: areaUi,
-        auth: {
-            type: 'external',
-            token: options === null || options === void 0 ? void 0 : (_options_auth = options.auth) === null || _options_auth === void 0 ? void 0 : _options_auth.token,
-            refreshToken: options === null || options === void 0 ? void 0 : (_options_auth1 = options.auth) === null || _options_auth1 === void 0 ? void 0 : _options_auth1.onRefreshToken
-        },
-        eventCallbacks: {
-            onImageClick,
-            onThemeChange: setThemeType
-        },
-        uiKitCustomComponents: uiKitCustomComponents,
-        contentBox: contentBox
+    return /*#__PURE__*/ (0,jsx_runtime.jsx)(CommentProviderWrapper, {
+        client: client,
+        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(BuilderChat, {
+            // 传递 apiUrl（需要在 BuilderChat props 中支持）
+            apiUrl: apiUrl,
+            workflow: {
+                id: options === null || options === void 0 ? void 0 : (_options_config = options.config) === null || _options_config === void 0 ? void 0 : (_options_config_appInfo = _options_config.appInfo) === null || _options_config_appInfo === void 0 ? void 0 : _options_config_appInfo.workflowId,
+                // 直接传递引用，不创建副本，这样参数更新会立即生效
+                parameters: (options === null || options === void 0 ? void 0 : (_options_config1 = options.config) === null || _options_config1 === void 0 ? void 0 : (_options_config_appInfo1 = _options_config1.appInfo) === null || _options_config_appInfo1 === void 0 ? void 0 : _options_config_appInfo1.parameters) || {}
+            },
+            project: {
+                type: 'app',
+                // 根据 appInfo.draft_mode 设置 mode：draft_mode: true -> 'draft', draft_mode: false -> 'websdk'
+                // 如果没有设置 draft_mode，则根据环境判断
+                mode: (options === null || options === void 0 ? void 0 : (_options_config2 = options.config) === null || _options_config2 === void 0 ? void 0 : (_options_config_appInfo2 = _options_config2.appInfo) === null || _options_config_appInfo2 === void 0 ? void 0 : _options_config_appInfo2.draft_mode) !== undefined ? options.config.appInfo.draft_mode ? 'draft' : 'websdk' :  false ? 0 : 'websdk',
+                id: (options === null || options === void 0 ? void 0 : (_options_config3 = options.config) === null || _options_config3 === void 0 ? void 0 : (_options_config_appInfo3 = _options_config3.appInfo) === null || _options_config_appInfo3 === void 0 ? void 0 : _options_config_appInfo3.appId) || '',
+                conversationName: options === null || options === void 0 ? void 0 : (_options_config4 = options.config) === null || _options_config4 === void 0 ? void 0 : (_options_config_appInfo4 = _options_config4.appInfo) === null || _options_config_appInfo4 === void 0 ? void 0 : _options_config_appInfo4.conversationName,
+                layout: options === null || options === void 0 ? void 0 : (_options_ui22 = options.ui) === null || _options_ui22 === void 0 ? void 0 : (_options_ui_base1 = _options_ui22.base) === null || _options_ui_base1 === void 0 ? void 0 : _options_ui_base1.layout,
+                version: options === null || options === void 0 ? void 0 : (_options_config_appInfo5 = options.config.appInfo) === null || _options_config_appInfo5 === void 0 ? void 0 : _options_config_appInfo5.version
+            },
+            userInfo: {
+                url: (options === null || options === void 0 ? void 0 : (_options_userInfo = options.userInfo) === null || _options_userInfo === void 0 ? void 0 : _options_userInfo.url) || '',
+                nickname: (options === null || options === void 0 ? void 0 : (_options_userInfo1 = options.userInfo) === null || _options_userInfo1 === void 0 ? void 0 : _options_userInfo1.nickname) || '',
+                id: (options === null || options === void 0 ? void 0 : (_options_userInfo2 = options.userInfo) === null || _options_userInfo2 === void 0 ? void 0 : _options_userInfo2.id) || ''
+            },
+            areaUi: areaUi,
+            auth: {
+                type: 'external',
+                token: options === null || options === void 0 ? void 0 : (_options_auth = options.auth) === null || _options_auth === void 0 ? void 0 : _options_auth.token,
+                refreshToken: options === null || options === void 0 ? void 0 : (_options_auth1 = options.auth) === null || _options_auth1 === void 0 ? void 0 : _options_auth1.onRefreshToken
+            },
+            eventCallbacks: {
+                onImageClick,
+                onThemeChange: setThemeType
+            },
+            uiKitCustomComponents: uiKitCustomComponents,
+            contentBox: contentBox
+        })
     });
 };