@glodon-aiot/chat-app-sdk 0.0.12 → 0.0.14

package/es/index.esm.js

@@ -9304,6 +9304,12 @@ ___CSS_LOADER_EXPORT___.push([module.id, `:root {
 .coze-chat-sdk :is(.font-normal) {
     font-weight: 400;
 }
+.coze-chat-sdk :is(.uppercase) {
+    text-transform: uppercase;
+}
+.coze-chat-sdk :is(.lowercase) {
+    text-transform: lowercase;
+}
 .coze-chat-sdk :is(.\\!leading-28px) {
     line-height: var(--coze-28) !important;
 }
@@ -10788,6 +10794,16 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.c8c142b9ad89b1ac {
   margin-left: auto;
   color: #6B6B75;
 }
+.c8c142b9ad89b1ac .fc5357218ceb1c78:hover {
+  background-color: transparent !important;
+}
+.c8c142b9ad89b1ac .f07e95aab0abcc5a {
+  margin-left: auto;
+  color: #6B6B75;
+}
+.c8c142b9ad89b1ac .f07e95aab0abcc5a:hover {
+  background-color: transparent !important;
+}
 .a513b83ef65c6e47 .ae3efd63d21216ca {
   opacity: 0.4;
 }
@@ -10824,6 +10840,8 @@ ___CSS_LOADER_EXPORT___.locals = {
 	"fileText": `d8de5ac7f79d78ac`,
 	"retry-button": `fc5357218ceb1c78`,
 	"retryButton": `fc5357218ceb1c78`,
+	"preview-button": `f07e95aab0abcc5a`,
+	"previewButton": `f07e95aab0abcc5a`,
 	"normal-file-not-success": `a513b83ef65c6e47`,
 	"normalFileNotSuccess": `a513b83ef65c6e47`,
 	"file-error-text": `b91da080705f8042`,
@@ -12911,6 +12929,9 @@ var ___CSS_LOADER_EXPORT___ = _common_temp_default_node_modules_pnpm_css_loader_
 ___CSS_LOADER_EXPORT___.push([module.id, `.chat-uikit-file-card-progress-animation {
   transition: width 0.3s linear;
 }
+.chat-uikit-file-card__preview-button:hover {
+  background: transparent !important;
+}
 `, ""]);
 // Exports
 /* ESM default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
@@ -14984,6 +15005,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.f93f377f7f3466bb {
 .f93f377f7f3466bb .a78675f9ead11e1c {
   flex: 1 1 auto;
   min-height: 0;
+  position: relative;
 }
 `, ""]);
 // Exports
@@ -15126,15 +15148,38 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.f86baf679567ad27 {
   align-self: stretch;
   border-radius: var(--mini, 5px);
   cursor: pointer;
+  position: relative;
 }
-.b604f7d22988c3dd .d81b38a3a3378ade {
-  display: none;
+.b604f7d22988c3dd .f4df3ee0cadb5d32 {
+  position: absolute;
+  right: 8px;
+  top: 50%;
+  transform: translateY(-50%);
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.2s;
+  width: auto;
+  min-width: 0;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.b604f7d22988c3dd .def35156ce4da8d3 {
+  width: auto;
+  min-width: 0;
+  flex-shrink: 0;
+  background: #F1F1F1 !important;
+}
+.b604f7d22988c3dd .def35156ce4da8d3:hover {
+  background: #DFDFDF !important;
 }
 .b604f7d22988c3dd:hover {
   background: #F1F1F1;
 }
-.b604f7d22988c3dd:hover .d81b38a3a3378ade {
-  display: block;
+.b604f7d22988c3dd:hover .f4df3ee0cadb5d32 {
+  opacity: 1;
+  pointer-events: auto;
 }
 .d20070d79d26fc4c {
   background: #DFDFDF;
@@ -15148,8 +15193,10 @@ ___CSS_LOADER_EXPORT___.locals = {
 	"conversationItemTime": `a333a6f519d76789`,
 	"conversation-item-content": `b604f7d22988c3dd`,
 	"conversationItemContent": `b604f7d22988c3dd`,
-	"conversation-operate": `d81b38a3a3378ade`,
-	"conversationOperate": `d81b38a3a3378ade`,
+	"conversation-operate-wrapper": `f4df3ee0cadb5d32`,
+	"conversationOperateWrapper": `f4df3ee0cadb5d32`,
+	"conversation-operate-button": `def35156ce4da8d3`,
+	"conversationOperateButton": `def35156ce4da8d3`,
 	"conversation-item-content-active": `d20070d79d26fc4c`,
 	"conversationItemContentActive": `d20070d79d26fc4c`
 };
@@ -15640,6 +15687,8 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.c64c9a8ea4a38e72 {
   width: 100%;
   height: 100%;
   min-height: 0;
+  padding-bottom: 34px;
+  box-sizing: border-box;
 }
 .c5a6e169fa0cf192 * {
   box-sizing: border-box;
@@ -267629,10 +267678,11 @@ class PreSendLocalMessageFactory {
     /**
    * Update image message content
    */ updateImageMessageContent(message, uploadResult) {
-        const { Uri = '', Url = '', ImageWidth = 0, ImageHeight = 0 } = uploadResult;
+        const { Uri = '', Url = '', ImageWidth = 0, ImageHeight = 0, Id } = uploadResult;
         message.content_obj.image_list[0] = {
             ...message.content_obj.image_list[0],
             key: Uri,
+            id: Id,
             image_thumb: {
                 ...message.content_obj.image_list[0].image_thumb,
                 width: ImageWidth,
@@ -267651,8 +267701,9 @@ class PreSendLocalMessageFactory {
     /**
    * Update file message content
    */ updateFileMessageContent(message, uploadResult) {
-        const { Uri = '', Url = '' } = uploadResult;
-        message.content_obj.file_list[0].file_key = Uri;
+        const { Uri = '', Url = '', Id } = uploadResult;
+        message.content_obj.file_list[0].file_key = Uri; // URI for URL generation/viewing
+        message.content_obj.file_list[0].file_id = Id; // Backend file ID for file_id in API calls
         message.content_obj.file_list[0].file_url = Url;
         message.content = JSON.stringify(message.content_obj);
     }
@@ -267700,6 +267751,7 @@ class PreSendLocalMessageFactory {
                     type,
                     file: {
                         file_key: item.uri,
+                        file_id: item.id,
                         file_name: item.file.name,
                         file_type: fileType,
                         file_size: item.file.size,
@@ -267713,6 +267765,7 @@ class PreSendLocalMessageFactory {
                     type,
                     image: {
                         key: item.uri,
+                        id: item.id,
                         image_thumb: {
                             url: blobUrl,
                             width: item.width,
@@ -271591,6 +271644,7 @@ class ChatCoreUploadPlugin {
                 }
             });
             this.dataAuth = dataAuth.data || {};
+            // DataAuth structure may vary, using any for flexibility
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             const { service_id, upload_host, schema } = this.dataAuth || {};
             this.uploader = getUploader({
@@ -271608,6 +271662,29 @@ class ChatCoreUploadPlugin {
             }, false);
             this.addFile(this.uploaderConfig.file, this.uploaderConfig.type);
             this.uploader.on('complete', (info)=>{
+                const extendedInfo = info;
+                // Try to extract raw backend data from info object
+                let backendData = null;
+                if (extendedInfo.task) {
+                    var _extendedInfo_task_response, _extendedInfo_task_responseData, _extendedInfo_task__response, _extendedInfo_task_rawResponse;
+                    backendData = ((_extendedInfo_task_response = extendedInfo.task.response) === null || _extendedInfo_task_response === void 0 ? void 0 : _extendedInfo_task_response.data) || ((_extendedInfo_task_responseData = extendedInfo.task.responseData) === null || _extendedInfo_task_responseData === void 0 ? void 0 : _extendedInfo_task_responseData.data) || ((_extendedInfo_task__response = extendedInfo.task._response) === null || _extendedInfo_task__response === void 0 ? void 0 : _extendedInfo_task__response.data) || ((_extendedInfo_task_rawResponse = extendedInfo.task.rawResponse) === null || _extendedInfo_task_rawResponse === void 0 ? void 0 : _extendedInfo_task_rawResponse.data) || extendedInfo.task.data || null;
+                }
+                if (!backendData) {
+                    var _extendedInfo_response, _extendedInfo_result;
+                    backendData = extendedInfo.data || ((_extendedInfo_response = extendedInfo.response) === null || _extendedInfo_response === void 0 ? void 0 : _extendedInfo_response.data) || extendedInfo.responseData || ((_extendedInfo_result = extendedInfo.result) === null || _extendedInfo_result === void 0 ? void 0 : _extendedInfo_result.data) || null;
+                }
+                // If we found raw backend data, add uri and id to uploadResult
+                if (backendData && extendedInfo.uploadResult) {
+                    if (backendData.uri) {
+                        extendedInfo.uploadResult.Uri = backendData.uri;
+                    }
+                    if (backendData.id) {
+                        extendedInfo.uploadResult.Id = backendData.id;
+                    }
+                    if (backendData.url) {
+                        extendedInfo.uploadResult.Url = backendData.url;
+                    }
+                }
                 this.eventBus.emit('complete', info);
             });
             this.uploader.on('progress', (info)=>{
@@ -271616,9 +271693,6 @@ class ChatCoreUploadPlugin {
             this.uploader.on('error', (info)=>{
                 this.eventBus.emit('error', info);
             });
-            this.uploader.on('complete', (info)=>{
-                this.eventBus.emit('complete', info);
-            });
             this.uploader.start();
         } catch (e) {
             safeAsyncThrow(`upload-plugin error: ${e instanceof Error ? e.message : String(e)}`);
@@ -296996,7 +297070,13 @@ const TextItemList = (param)=>{
                         showBackground
                     }),
                     style: {
-                        width: 'fit-content'
+                        width: 'fit-content',
+                        marginLeft: 'auto',
+                        // mix-content 内的文本内容应该和纯文本消息使用相同的样式
+                        background: '#F4F4F4',
+                        padding: '10px',
+                        borderRadius: '10px 0 10px 10px',
+                        textAlign: 'right'
                     },
                     children: [
                         TextContentAddonTop,
@@ -297823,6 +297903,129 @@ UIKitTooltip.displayName = 'UIKitTooltip';
     return `${digit} ${sizes[i]}`;
 };
 
+;// CONCATENATED MODULE: ../../../common/chat-area/chat-uikit/src/hooks/use-doc-viewer-config.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.
+ */ // Try to import useChatAppProps and useChatAppStore from open-chat if available
+
+
+
+let useChatAppProps = null;
+let useChatAppStore = null;
+try {
+    // Dynamic import, module may not be available
+    // eslint-disable-next-line @typescript-eslint/no-require-imports -- Dynamic require needed for optional dependency
+    const openChatModule = __webpack_require__(Object(function webpackMissingModule() { var e = new Error("Cannot find module '@coze-studio/open-chat'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()));
+    // eslint-disable-next-line prefer-destructuring -- Direct assignment needed for conditional hook usage
+    useChatAppProps = openChatModule.useChatAppProps;
+    // eslint-disable-next-line prefer-destructuring -- Direct assignment needed for conditional hook usage
+    useChatAppStore = openChatModule.useChatAppStore;
+} catch (error) {
+    // Module not available, will use default values
+    // Error is expected when module is not available, so we can safely ignore it
+    if (false) {}
+}
+/**
+ * Parse domain and productCode from apiUrl
+ * apiUrl format: 域名/api/productCode/flow
+ * Example: https://aiot-dev.glodon.com/api/cvforce/flow
+ * Returns: { domain: 'https://aiot-dev.glodon.com', productCode: 'cvforce' }
+ */ const parseApiUrl = (apiUrl)=>{
+    const defaultDomain = 'https://aiot-dev.glodon.com';
+    const defaultProductCode = 'cvforcepd';
+    if (!apiUrl) {
+        return {
+            domain: defaultDomain,
+            productCode: defaultProductCode
+        };
+    }
+    try {
+        // Parse URL: 域名/api/productCode/flow
+        const url = new URL(apiUrl);
+        const domain = `${url.protocol}//${url.host}`;
+        const pathParts = url.pathname.split('/').filter(Boolean);
+        // Find 'api' in path and get the next part as productCode
+        const apiIndex = pathParts.indexOf('api');
+        if (apiIndex >= 0 && apiIndex < pathParts.length - 1) {
+            const productCode = pathParts[apiIndex + 1];
+            return {
+                domain,
+                productCode
+            };
+        }
+    } catch (urlError) {
+        // If URL parsing fails, try regex
+        const match = apiUrl.match(/^(https?:\/\/[^\/]+)\/api\/([^\/]+)\//);
+        if (match) {
+            return {
+                domain: match[1],
+                productCode: match[2]
+            };
+        }
+        // If regex also fails, log in development mode
+        if (false) {}
+    }
+    return {
+        domain: defaultDomain,
+        productCode: defaultProductCode
+    };
+};
+/**
+ * Build default doc viewer URL from apiUrl
+ * Format: 域名/portal/_/productCode/doc-viewer/
+ * Example: https://aiot-dev.glodon.com/api/cvforce/flow -> https://aiot-dev.glodon.com/portal/_/cvforce/doc-viewer/
+ */ const buildDefaultDocViewerUrl = (apiUrl)=>{
+    const { domain, productCode } = parseApiUrl(apiUrl);
+    return `${domain}/portal/_/${productCode}/doc-viewer/`;
+};
+/**
+ * Get document viewer configuration from SDK config
+ * Falls back to default values parsed from apiUrl if SDK config is not available
+ */ const useDocViewerConfig = ()=>{
+    let docViewerConfig;
+    let apiUrl;
+    // These hooks are dynamically imported and may not be available
+    if (useChatAppProps) {
+        try {
+            var _chatConfigResult_chatConfig_extra, _chatConfigResult_chatConfig;
+            // eslint-disable-next-line react-hooks/rules-of-hooks -- Hook is conditionally available
+            const chatConfigResult = useChatAppProps();
+            docViewerConfig = chatConfigResult === null || chatConfigResult === void 0 ? void 0 : (_chatConfigResult_chatConfig = chatConfigResult.chatConfig) === null || _chatConfigResult_chatConfig === void 0 ? void 0 : (_chatConfigResult_chatConfig_extra = _chatConfigResult_chatConfig.extra) === null || _chatConfigResult_chatConfig_extra === void 0 ? void 0 : _chatConfigResult_chatConfig_extra.docViewer;
+        } catch (hookError) {
+            // Hook not available in this context, use defaults
+            if (false) {}
+        }
+    }
+    if (useChatAppStore) {
+        try {
+            // eslint-disable-next-line react-hooks/rules-of-hooks -- Hook is conditionally available
+            apiUrl = useChatAppStore((state)=>state.apiUrl);
+        } catch (storeError) {
+            // Store not available in this context, use defaults
+            if (false) {}
+        }
+    }
+    // Default values: use config if provided, otherwise parse from apiUrl
+    const baseUrl = (docViewerConfig === null || docViewerConfig === void 0 ? void 0 : docViewerConfig.baseUrl) || buildDefaultDocViewerUrl(apiUrl);
+    const urlParam = (docViewerConfig === null || docViewerConfig === void 0 ? void 0 : docViewerConfig.urlParam) || 'url';
+    return {
+        baseUrl,
+        urlParam
+    };
+};
+
 ;// CONCATENATED MODULE: ../../../common/chat-area/chat-uikit/src/components/contents/file-content/components/FileCard/variants.ts
 /*
  * Copyright 2025 coze-dev Authors
@@ -298597,7 +298800,68 @@ var file_card_update = injectStylesIntoStyleTag_default()(file_card/* ["default"
 
 
 
-// eslint-disable-next-line @coze-arch/max-line-per-function
+
+/**
+ * Get file URL from URI using GetImagexShortUrl API (same as image)
+ * Falls back to URI if API call fails
+ */ const getFileUrlFromUri = async (uri)=>{
+    try {
+        // Build API URL using the same logic as getBaseURL from @coze-arch/bot-http
+        const productCode = // eslint-disable-next-line @typescript-eslint/no-explicit-any -- Window global property may not be typed
+        window.__PRODUCT_CODE__ || {"NODE_ENV":"production","CHAT_APP_CHATFLOW_COZE_APP_ID":"","CHAT_APP_CHATFLOW_COZE_WORKFLOW_ID":"","CHAT_APP_INDEX_COZE_BOT_ID":"","CHAT_APP_COZE_TOKEN":"","CHAT_APP_COZE_BOT_USER_URL":""}.VITE_PRODUCD_CODE || location.pathname.split('/')[3];
+        const isLocal = "production" === 'development';
+        const baseUrl = {"NODE_ENV":"production","CHAT_APP_CHATFLOW_COZE_APP_ID":"","CHAT_APP_CHATFLOW_COZE_WORKFLOW_ID":"","CHAT_APP_INDEX_COZE_BOT_ID":"","CHAT_APP_COZE_TOKEN":"","CHAT_APP_COZE_BOT_USER_URL":""}.VITE_BASE_API || window.location.origin;
+        const apiPath = '/api/playground_api/get_imagex_url';
+        const apiUrl = isLocal ? `${window.location.origin}/server/api/${productCode}/flow${apiPath}` : `${baseUrl}/api/${productCode}/flow${apiPath}`;
+        // Get auth token - try to use the same method as axiosInstance
+        const getAuthToken = ()=>{
+            var _document_cookie_split_find;
+            if (window.location.hash.includes('/embed/application')) {
+                return localStorage.getItem('embed.token');
+            }
+            // Try to get token from localStorage (same as getTokenWithSync)
+            return localStorage.getItem('token') || localStorage.getItem('coze_token') || ((_document_cookie_split_find = document.cookie.split(';').find((c)=>c.trim().startsWith('token='))) === null || _document_cookie_split_find === void 0 ? void 0 : _document_cookie_split_find.split('=')[1]);
+        };
+        const token = getAuthToken();
+        const headers = {
+            'Content-Type': 'application/json',
+            'x-requested-with': 'XMLHttpRequest',
+            'Agw-Js-Conv': 'str'
+        };
+        if (token) {
+            headers.Authorization = `Bearer ${token}`;
+        }
+        // Call GetImagexShortUrl API with uris array
+        const response = await fetch(apiUrl, {
+            method: 'POST',
+            headers,
+            credentials: 'include',
+            body: JSON.stringify({
+                uris: [
+                    uri
+                ]
+            })
+        });
+        if (response.ok) {
+            const contentType = response.headers.get('content-type');
+            if (contentType && contentType.includes('application/json')) {
+                var _result_data_url_info_uri, _result_data_url_info, _result_data;
+                const result = await response.json();
+                // Get URL from url_info map using URI as key (same as image)
+                const url = result === null || result === void 0 ? void 0 : (_result_data = result.data) === null || _result_data === void 0 ? void 0 : (_result_data_url_info = _result_data.url_info) === null || _result_data_url_info === void 0 ? void 0 : (_result_data_url_info_uri = _result_data_url_info[uri]) === null || _result_data_url_info_uri === void 0 ? void 0 : _result_data_url_info_uri.url;
+                if (url) {
+                    return url;
+                }
+            }
+        }
+    } catch (error) {
+        // Silently fail and fall back to URI
+        if (false) {}
+    }
+    // Fallback to URI if API call fails
+    return uri;
+};
+// eslint-disable-next-line @coze-arch/max-line-per-function -- FileCard component requires many lines
 const FileCard_FileCard = (props)=>{
     const { file, attributeKeys, tooltipsCopywriting, readonly, onCancel, onCopy, onRetry, className, layout, showBackground } = props;
     const { statusKey, statusEnum, percentKey } = attributeKeys;
@@ -298609,6 +298873,74 @@ const FileCard_FileCard = (props)=>{
     const buttonsVisible = !readonly;
     const { extension, nameWithoutExtension } = getFileExtensionAndName(file.file_name);
     const isCanceled = file[statusKey] === statusEnum.cancelEnum;
+    const fileStatusValue = file[statusKey];
+    const fileUrl = file.file_url;
+    const fileKey = file.file_key;
+    // If upload_status is undefined but file has file_url or file_key, consider it as success
+    // This handles files from server messages that don't have upload_status field
+    const isSuccess = fileStatusValue === statusEnum.successEnum || fileStatusValue === undefined && (fileUrl || fileKey);
+    const { baseUrl, urlParam } = useDocViewerConfig();
+    const buildDocViewerUrl = (fileUrlParam)=>{
+        const separator = baseUrl.includes('?') ? '&' : '?';
+        return `${baseUrl}${separator}${urlParam}=${encodeURIComponent(fileUrlParam)}`;
+    };
+    const handlePreview = async (e)=>{
+        e.stopPropagation();
+        if (!isSuccess) {
+            return;
+        }
+        // 优先使用 file_url，如果没有则使用 file_key (URI)
+        if (fileUrl) {
+            const docViewerUrl = buildDocViewerUrl(fileUrl);
+            window.open(docViewerUrl, '_blank');
+            return;
+        }
+        if (fileKey) {
+            // Get URL from URI using API
+            try {
+                const resolvedUrl = await getFileUrlFromUri(fileKey);
+                const docViewerUrl = buildDocViewerUrl(resolvedUrl);
+                window.open(docViewerUrl, '_blank');
+            } catch (error) {
+                // Fallback to using URI directly
+                if (false) {}
+                const docViewerUrl = buildDocViewerUrl(fileKey);
+                window.open(docViewerUrl, '_blank');
+            }
+            return;
+        }
+    };
+    const handleClick = async (e)=>{
+        if (!isSuccess) {
+            return;
+        }
+        // 如果点击的是操作按钮或其子元素，不执行跳转
+        const target = e.target;
+        const isButton = target.closest('button') || target.closest('[role="button"]') || target.closest('[class*="IconButton"]');
+        if (isButton) {
+            return;
+        }
+        // 优先使用 file_url，如果没有则使用 file_key (URI)
+        if (fileUrl) {
+            const docViewerUrl = buildDocViewerUrl(fileUrl);
+            window.open(docViewerUrl, '_blank');
+            return;
+        }
+        if (fileKey) {
+            // Get URL from URI using API
+            try {
+                const resolvedUrl = await getFileUrlFromUri(fileKey);
+                const docViewerUrl = buildDocViewerUrl(resolvedUrl);
+                window.open(docViewerUrl, '_blank');
+            } catch (error) {
+                // Fallback to using URI directly
+                if (false) {}
+                const docViewerUrl = buildDocViewerUrl(fileKey);
+                window.open(docViewerUrl, '_blank');
+            }
+            return;
+        }
+    };
     return /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
         // className={classNames(className, 'chat-uikit-file-card', {
         //   'chat-uikit-file-card--error': file[statusKey] === statusEnum.failEnum,
@@ -298621,7 +298953,8 @@ const FileCard_FileCard = (props)=>{
             isError: file[statusKey] === statusEnum.failEnum,
             layout: layout === common_Layout.PC ? 'pc' : 'mobile',
             showBackground
-        }), className),
+        }), className, 'cursor-pointer'),
+        onClick: handleClick,
         children: [
             /*#__PURE__*/ (0,jsx_runtime.jsx)("img", {
                 src: fileIconMap[file.file_type],
@@ -298653,7 +298986,7 @@ const FileCard_FileCard = (props)=>{
                         }),
                         children: nameWithoutExtension
                     }),
-                    /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
+                    file.file_size > 0 && /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
                         // chat-uikit-file-card__info__size
                         className: classnames_default()('text-base font-normal leading-[16px]', isCanceled ? 'coz-fg-dim' : 'coz-fg-secondary'),
                         children: convertBytes(file.file_size)
@@ -298677,7 +299010,10 @@ const FileCard_FileCard = (props)=>{
                                     , {}),
                                     size: "small",
                                     color: "secondary",
-                                    onClick: onCancel
+                                    onClick: (e)=>{
+                                        e.stopPropagation();
+                                        onCancel();
+                                    }
                                 })
                             }),
                             [
@@ -298694,21 +299030,47 @@ const FileCard_FileCard = (props)=>{
                                     , {}),
                                     size: "small",
                                     color: "secondary",
-                                    onClick: onRetry
+                                    onClick: (e)=>{
+                                        e.stopPropagation();
+                                        onRetry();
+                                    }
                                 })
                             }),
+                            isSuccess ? /*#__PURE__*/ (0,jsx_runtime.jsx)(UIKitTooltip, {
+                                theme: "light",
+                                position: "top",
+                                content: (tooltipsCopywriting === null || tooltipsCopywriting === void 0 ? void 0 : tooltipsCopywriting.preview) || '预览',
+                                hideToolTip: layout === common_Layout.MOBILE,
+                                children: /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
+                                    className: "chat-uikit-file-card__preview-button-wrapper",
+                                    children: /*#__PURE__*/ (0,jsx_runtime.jsx)(esm_webpack_exports_IconButton, {
+                                        icon: /*#__PURE__*/ (0,jsx_runtime.jsx)(__webpack_exports__IconCozEye, {}),
+                                        size: "small",
+                                        color: "secondary",
+                                        onClick: handlePreview,
+                                        className: "chat-uikit-file-card__preview-button"
+                                    })
+                                })
+                            }) : null,
                             file[statusKey] === statusEnum.successEnum && /*#__PURE__*/ (0,jsx_runtime.jsx)(UIKitTooltip, {
                                 theme: "light",
                                 position: "top",
                                 content: tooltipsCopywriting === null || tooltipsCopywriting === void 0 ? void 0 : tooltipsCopywriting.copy,
                                 hideToolTip: layout === common_Layout.MOBILE,
-                                children: /*#__PURE__*/ (0,jsx_runtime.jsx)(esm_webpack_exports_IconButton, {
-                                    // chat-uikit-file-card__buttons__button
-                                    icon: /*#__PURE__*/ (0,jsx_runtime.jsx)(__webpack_exports__IconCozCopy // chat-uikit-file-card__buttons__icon
-                                    , {}),
-                                    size: "small",
-                                    color: "secondary",
-                                    onClick: onCopy
+                                children: /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
+                                    className: "chat-uikit-file-card__copy-button-wrapper",
+                                    children: /*#__PURE__*/ (0,jsx_runtime.jsx)(esm_webpack_exports_IconButton, {
+                                        // chat-uikit-file-card__buttons__button
+                                        icon: /*#__PURE__*/ (0,jsx_runtime.jsx)(__webpack_exports__IconCozCopy // chat-uikit-file-card__buttons__icon
+                                        , {}),
+                                        size: "small",
+                                        color: "secondary",
+                                        onClick: (e)=>{
+                                            e.stopPropagation();
+                                            onCopy();
+                                        },
+                                        className: "chat-uikit-file-card__copy-button"
+                                    })
                                 })
                             })
                         ]
@@ -298747,6 +299109,19 @@ FileCard_FileCard.displayName = 'FileCard';
  */ 
 
 
+// 默认的 fileAttributeKeys，用于混合消息中的文件显示
+// 注意：这些值需要与实际的 FileStatus 枚举值匹配
+// FileStatus: Init=0, Uploading=1, Success=2, Canceled=3, Error=4
+const DEFAULT_FILE_ATTRIBUTE_KEYS = {
+    statusKey: 'upload_status',
+    statusEnum: {
+        successEnum: 2,
+        failEnum: 4,
+        cancelEnum: 3,
+        uploadingEnum: 1
+    },
+    percentKey: 'upload_percent'
+};
 const FileItemList = (param)=>{
     let { fileItemList, fileAttributeKeys, fileCopywriting, readonly, onRetry, onCancel, onCopy, message, layout, showBackground } = param;
     /**
@@ -298773,13 +299148,15 @@ const FileItemList = (param)=>{
             extra: {}
         });
     };
+    // 使用传入的 fileAttributeKeys 或默认值
+    const effectiveFileAttributeKeys = fileAttributeKeys || DEFAULT_FILE_ATTRIBUTE_KEYS;
     return /*#__PURE__*/ (0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
         children: fileItemList.map((item)=>{
-            if (isFileMixItem(item) && fileAttributeKeys) {
+            if (isFileMixItem(item)) {
                 return /*#__PURE__*/ (0,jsx_runtime.jsx)(components_FileCard, {
                     className: "chat-uikit-multi-modal-file-image-content select-none",
                     file: item.file,
-                    attributeKeys: fileAttributeKeys,
+                    attributeKeys: effectiveFileAttributeKeys,
                     tooltipsCopywriting: fileCopywriting === null || fileCopywriting === void 0 ? void 0 : fileCopywriting.tooltips,
                     readonly: readonly,
                     onCancel: handleCancel,
@@ -300098,6 +300475,7 @@ var message_box_update = injectStylesIntoStyleTag_default()(message_box/* ["defa
 
 
 
+
 const MessageBoxWrap = (props)=>{
     const { children, theme, nickname, avatar, showUserInfo, renderFooter, hoverContent, right, senderId, classname, messageBubbleClassname, messageBubbleWrapperClassname, messageBoxWrapperClassname, messageHoverWrapperClassName, messageErrorWrapperClassname, isHoverShowUserInfo = true, layout, contentTime, showBackground, extendedUserInfo, topRightSlot, imageAutoSizeContainerWidth, enableImageAutoSize, messageId, eventCallbacks, onError } = props;
     const { userLabel, userUniqueName } = extendedUserInfo ?? {};
@@ -300110,6 +300488,10 @@ const MessageBoxWrap = (props)=>{
     const isMobileLayout = layout === common_Layout.MOBILE;
     // 判断是否为发送消息：发送消息通常使用 'primary' 主题
     const isSentMessage = theme === 'primary';
+    // 判断是否为 mix-content 消息：mix-content 消息使用 'none' 主题，但仍然是发送的消息
+    const isMixContentMessage = theme === 'none' && (classname === null || classname === void 0 ? void 0 : classname.includes('chat-uikit-mix-content-message-box'));
+    // 判断是否应该应用发送消息的样式（包括纯文本和 mix-content）
+    const shouldApplySentMessageStyle = isSentMessage || isMixContentMessage;
     const refreshContainerWidthConditionally = use_event_callback_useEventCallback(()=>{
         if (!messageContainerRef.current || !messageFooterRef.current) {
             return;
@@ -300167,14 +300549,14 @@ const MessageBoxWrap = (props)=>{
                 // chat-uikit-message-box-container chat-uikit-message-box-container-pc
                 className: classnames_default()(messageBoxContainerVariants({
                     isMobileLayout,
-                    isSentMessage
+                    isSentMessage: shouldApplySentMessageStyle
                 }), messageBoxWrapperClassname),
                 children: [
                     showUserInfo ? /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
                         // chat-uikit-message-box-container__avatar-wrap
                         className: classnames_default()('w-32px h-32px', {
-                            'ml-[12px]': isSentMessage,
-                            'mr-[12px]': !isSentMessage
+                            'ml-[12px]': shouldApplySentMessageStyle,
+                            'mr-[12px]': !shouldApplySentMessageStyle
                         }),
                         children: /*#__PURE__*/ (0,jsx_runtime.jsx)(AvatarWrap, {
                             children: /*#__PURE__*/ (0,jsx_runtime.jsx)(esm_webpack_exports_Avatar, {
@@ -300189,7 +300571,7 @@ const MessageBoxWrap = (props)=>{
                         // chat-uikit-message-box-container__message
                         className: classnames_default()('flex-1', {
                             'max-w-[calc(100%-80px)]': true,
-                            'flex justify-end': isSentMessage
+                            'flex justify-end': shouldApplySentMessageStyle
                         }),
                         children: /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
                             // chat-uikit-message-box-container__message__message-box
@@ -358055,9 +358437,10 @@ const removeAllListeners = (instance)=>{
     instance.removeAllListeners('error');
     instance.removeAllListeners('progress');
 };
-// eslint-disable-next-line max-lines-per-function
+// eslint-disable-next-line @coze-arch/max-line-per-function, max-lines-per-function -- Upload function requires many lines for complete functionality
 function upload_uploadFile(param) {
     let { file, fileType = 'image', userId, signal, onProgress, onUploaderReady, onUploadError, onGetTokenError, onSuccess } = param;
+    // eslint-disable-next-line @coze-arch/max-line-per-function, max-lines-per-function -- Promise handler requires many lines
     return new Promise((resolve)=>{
         let bytedUploader = null;
         let shouldContinue = true;
@@ -358107,6 +358490,34 @@ function upload_uploadFile(param) {
             }, false);
             onUploaderReady === null || onUploaderReady === void 0 ? void 0 : onUploaderReady(bytedUploader);
             bytedUploader.on('complete', (inform)=>{
+                var _informAny_response, _informAny_result, _informAny__response, _informAny_rawResponse;
+                // Backend returns: { data: { uri: "xxx", id: "yyy", url: "zzz" } }
+                // Upload adapter may not map data.uri correctly - check complete inform structure
+                const informAny = inform;
+                // Check task object for raw response data
+                let rawResponseData = null;
+                if (informAny.task) {
+                    var _informAny_task_response, _informAny_task_responseData, _informAny_task_result, _informAny_task__response, _informAny_task_rawResponse;
+                    // Check various possible locations in task
+                    rawResponseData = ((_informAny_task_response = informAny.task.response) === null || _informAny_task_response === void 0 ? void 0 : _informAny_task_response.data) || ((_informAny_task_responseData = informAny.task.responseData) === null || _informAny_task_responseData === void 0 ? void 0 : _informAny_task_responseData.data) || ((_informAny_task_result = informAny.task.result) === null || _informAny_task_result === void 0 ? void 0 : _informAny_task_result.data) || informAny.task.data || ((_informAny_task__response = informAny.task._response) === null || _informAny_task__response === void 0 ? void 0 : _informAny_task__response.data) || ((_informAny_task_rawResponse = informAny.task.rawResponse) === null || _informAny_task_rawResponse === void 0 ? void 0 : _informAny_task_rawResponse.data);
+                }
+                // Also check inform level - check all possible nested paths
+                const informLevelData = informAny.data || ((_informAny_response = informAny.response) === null || _informAny_response === void 0 ? void 0 : _informAny_response.data) || informAny.responseData || ((_informAny_result = informAny.result) === null || _informAny_result === void 0 ? void 0 : _informAny_result.data) || ((_informAny__response = informAny._response) === null || _informAny__response === void 0 ? void 0 : _informAny__response.data) || ((_informAny_rawResponse = informAny.rawResponse) === null || _informAny_rawResponse === void 0 ? void 0 : _informAny_rawResponse.data);
+                // Use rawResponseData or informLevelData
+                const backendData = rawResponseData || informLevelData;
+                if (informAny.uploadResult && backendData) {
+                    // Backend returns lowercase fields: uri, id, url
+                    // Map them correctly to uploadResult
+                    if (backendData.uri) {
+                        informAny.uploadResult.uri = backendData.uri;
+                    }
+                    if (backendData.id) {
+                        informAny.uploadResult.id = backendData.id;
+                    }
+                    if (backendData.url) {
+                        informAny.uploadResult.url = backendData.url;
+                    }
+                }
                 onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(inform);
                 resolve();
             });
@@ -358180,7 +358591,7 @@ const checkHasFileOnDrag = (e)=>{
     Boolean((_e_dataTransfer = e.dataTransfer) === null || _e_dataTransfer === void 0 ? void 0 : _e_dataTransfer.types.includes('Files')));
 };
 const formatFileDataListToMessagePayload = (fileDataList)=>fileDataList.map((data)=>{
-        const { uri } = data;
+        const { uri, fileId } = data;
         if (!uri) {
             throw new Error('failed to get file uri');
         }
@@ -358188,7 +358599,8 @@ const formatFileDataListToMessagePayload = (fileDataList)=>fileDataList.map((dat
             const filePayload = {
                 type: types_ContentType.File,
                 file: data.file,
-                uri
+                uri,
+                id: fileId || undefined
             };
             return filePayload;
         }
@@ -358198,7 +358610,8 @@ const formatFileDataListToMessagePayload = (fileDataList)=>fileDataList.map((dat
             file: data.file,
             uri,
             width: (meta === null || meta === void 0 ? void 0 : meta.width) ?? 0,
-            height: (meta === null || meta === void 0 ? void 0 : meta.height) ?? 0
+            height: (meta === null || meta === void 0 ? void 0 : meta.height) ?? 0,
+            id: fileId || undefined
         };
         return imagePayload;
     });
@@ -358438,17 +358851,52 @@ const useUpload = ()=>{
                     data.percent = event.percent;
                 });
             },
-            onComplete: (param, id)=>{
-                let { uploadResult } = param;
+            onComplete: (event, id)=>{
+                const { uploadResult } = event;
+                // Event structure may contain additional properties from uploader library
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any -- Event structure varies
+                const eventAny = event;
                 immerUpdateFileDataById(id, (data)=>{
                     data.status = types_FileStatus.Success;
                     data.percent = MAX_UPLOAD_PROGRESS;
-                    const uri = uploadResult.Uri;
-                    if (!uri) {
+                    // Backend returns: { data: { uri: "xxx", id: "yyy", url: "zzz" } }
+                    // Upload adapter may map data.id to uploadResult.Uri (incorrectly)
+                    // We need to check the actual structure to get both id and uri correctly
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- UploadResult structure varies
+                    const uploadResultAny = uploadResult;
+                    // Try to get raw response data from event object
+                    let backendData = null;
+                    if (eventAny.task) {
+                        var _eventAny_task_response, _eventAny_task_responseData, _eventAny_task_result;
+                        backendData = ((_eventAny_task_response = eventAny.task.response) === null || _eventAny_task_response === void 0 ? void 0 : _eventAny_task_response.data) || ((_eventAny_task_responseData = eventAny.task.responseData) === null || _eventAny_task_responseData === void 0 ? void 0 : _eventAny_task_responseData.data) || ((_eventAny_task_result = eventAny.task.result) === null || _eventAny_task_result === void 0 ? void 0 : _eventAny_task_result.data) || eventAny.task.data;
+                    }
+                    if (!backendData) {
+                        var _eventAny_response, _eventAny_result;
+                        backendData = eventAny.data || ((_eventAny_response = eventAny.response) === null || _eventAny_response === void 0 ? void 0 : _eventAny_response.data) || eventAny.responseData || ((_eventAny_result = eventAny.result) === null || _eventAny_result === void 0 ? void 0 : _eventAny_result.data);
+                    }
+                    // Backend returns lowercase fields: data.uri and data.id
+                    // Check if uploadResult has these fields directly (from raw response)
+                    // Or check if they're mapped to different fields
+                    const backendId = (backendData === null || backendData === void 0 ? void 0 : backendData.id) || // From raw backend response
+                    uploadResultAny.id || // Backend returns lowercase 'id'
+                    uploadResultAny.Id || // Check uppercase variant
+                    uploadResult.Uri || // Fallback to Uri if id not available
+                    null;
+                    // Backend returns lowercase 'uri' field
+                    // This is the real URI we need for getting file URL
+                    const backendUri = (backendData === null || backendData === void 0 ? void 0 : backendData.uri) || // From raw backend response - this is the real uri!
+                    uploadResultAny.uri || // Backend returns lowercase 'uri'
+                    uploadResultAny.Uri || // Check uppercase variant
+                    null;
+                    // Save backend file ID (used for other operations)
+                    data.fileId = backendId;
+                    // Save backend URI (used to get URL) - this should be the real URI from backend
+                    data.uri = backendUri;
+                    data.url = uploadResult.Url || uploadResultAny.url || (backendData === null || backendData === void 0 ? void 0 : backendData.url) || null;
+                    if (!data.uri && !data.fileId) {
                         data.status = types_FileStatus.Error;
-                        throw new Error('upload complete without uri');
+                        throw new Error('upload complete without uri or id');
                     }
-                    data.uri = uri;
                     if (data.fileType !== types_FileType.Image) {
                         return;
                     }
@@ -382853,7 +383301,10 @@ const scroll_view_ScrollView = /*#__PURE__*/ (0,react.forwardRef)(function Scrol
         value: scrollViewContentRef,
         children: /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
             className: classnames_default()(src_scroll_view_index_module["scroll-view"], className),
-            style: style,
+            style: {
+                ...style,
+                flexGrow: 1
+            },
             ref: wrapperRef,
             children: [
                 before ? /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
@@ -382870,6 +383321,9 @@ const scroll_view_ScrollView = /*#__PURE__*/ (0,react.forwardRef)(function Scrol
                         className: classnames_default()(src_scroll_view_index_module.scrollable, showScrollbar && src_scroll_view_index_module["show-scrollbar"], autoShowScrollbar && src_scroll_view_index_module["auto-show-scrollbar"], scrollbarWidthNone && src_scroll_view_index_module["scrollbar-width-none"], {
                             [src_scroll_view_index_module.reverse]: reverse
                         }),
+                        // style={{
+                        //   height: '100%',
+                        // }}
                         onScroll: handleScroll,
                         children: [
                             lodash_es_isFunction(children) ? children(controller) : children,
@@ -396331,7 +396785,10 @@ const DeleteFileButton = (param)=>{
     };
     return /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
         className: batch_upload_file_list_delete_file_button_index_module["icon-close"],
-        onClick: onDelete,
+        onClick: (e)=>{
+            e.stopPropagation();
+            onDelete();
+        },
         children: /*#__PURE__*/ (0,jsx_runtime.jsx)(IconCloseNoCycle, {})
     });
 };
@@ -396541,6 +396998,131 @@ const ui_button_Button = /*#__PURE__*/ (0,react.forwardRef)((param, ref)=>{
     });
 });
 
+;// CONCATENATED MODULE: ../../../common/chat-area/chat-area/src/hooks/use-doc-viewer-config.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.
+ */ // Try to import useChatAppProps and useChatAppStore from open-chat if available
+
+
+
+let use_doc_viewer_config_useChatAppProps = null;
+let use_doc_viewer_config_useChatAppStore = null;
+try {
+    // Dynamic import, module may not be available
+    // eslint-disable-next-line @typescript-eslint/no-require-imports -- Dynamic require needed for optional dependency
+    const openChatModule = __webpack_require__(Object(function webpackMissingModule() { var e = new Error("Cannot find module '@coze-studio/open-chat'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()));
+    // eslint-disable-next-line prefer-destructuring -- Direct assignment needed for conditional hook usage
+    use_doc_viewer_config_useChatAppProps = openChatModule.useChatAppProps;
+    // eslint-disable-next-line prefer-destructuring -- Direct assignment needed for conditional hook usage
+    use_doc_viewer_config_useChatAppStore = openChatModule.useChatAppStore;
+} catch (error) {
+    // Module not available, will use default values
+    // Error is expected when module is not available, so we can safely ignore it
+    if (false) {}
+}
+/**
+ * Parse domain and productCode from apiUrl
+ * apiUrl format: 域名/api/productCode/flow
+ * Example: https://aiot-dev.glodon.com/api/cvforce/flow
+ * Returns: { domain: 'https://aiot-dev.glodon.com', productCode: 'cvforce' }
+ */ const use_doc_viewer_config_parseApiUrl = (apiUrl)=>{
+    const defaultDomain = 'https://aiot-dev.glodon.com';
+    const defaultProductCode = 'cvforcepd';
+    if (!apiUrl) {
+        return {
+            domain: defaultDomain,
+            productCode: defaultProductCode
+        };
+    }
+    try {
+        // Parse URL: 域名/api/productCode/flow
+        const url = new URL(apiUrl);
+        const domain = `${url.protocol}//${url.host}`;
+        const pathParts = url.pathname.split('/').filter(Boolean);
+        // Find 'api' in path and get the next part as productCode
+        const apiIndex = pathParts.indexOf('api');
+        if (apiIndex >= 0 && apiIndex < pathParts.length - 1) {
+            const productCode = pathParts[apiIndex + 1];
+            if (productCode) {
+                return {
+                    domain,
+                    productCode
+                };
+            }
+        }
+    } catch (urlError) {
+        // If URL parsing fails, try regex
+        const match = apiUrl.match(/^(https?:\/\/[^\/]+)\/api\/([^\/]+)\//);
+        if (match && match[1] && match[2]) {
+            return {
+                domain: match[1],
+                productCode: match[2]
+            };
+        }
+        // If regex also fails, log in development mode
+        if (false) {}
+    }
+    return {
+        domain: defaultDomain,
+        productCode: defaultProductCode
+    };
+};
+/**
+ * Build default doc viewer URL from apiUrl
+ * Format: 域名/portal/_/productCode/doc-viewer/
+ * Example: https://aiot-dev.glodon.com/api/cvforce/flow -> https://aiot-dev.glodon.com/portal/_/cvforce/doc-viewer/
+ */ const use_doc_viewer_config_buildDefaultDocViewerUrl = (apiUrl)=>{
+    const { domain, productCode } = use_doc_viewer_config_parseApiUrl(apiUrl);
+    return `${domain}/portal/_/${productCode}/doc-viewer/`;
+};
+/**
+ * Get document viewer configuration from SDK config
+ * Falls back to default values parsed from apiUrl if SDK config is not available
+ */ const use_doc_viewer_config_useDocViewerConfig = ()=>{
+    let docViewerConfig;
+    let apiUrl;
+    // These hooks are dynamically imported and may not be available
+    if (use_doc_viewer_config_useChatAppProps) {
+        try {
+            var _chatConfigResult_chatConfig_extra, _chatConfigResult_chatConfig;
+            // eslint-disable-next-line react-hooks/rules-of-hooks -- Hook is conditionally available
+            const chatConfigResult = use_doc_viewer_config_useChatAppProps();
+            docViewerConfig = chatConfigResult === null || chatConfigResult === void 0 ? void 0 : (_chatConfigResult_chatConfig = chatConfigResult.chatConfig) === null || _chatConfigResult_chatConfig === void 0 ? void 0 : (_chatConfigResult_chatConfig_extra = _chatConfigResult_chatConfig.extra) === null || _chatConfigResult_chatConfig_extra === void 0 ? void 0 : _chatConfigResult_chatConfig_extra.docViewer;
+        } catch (hookError) {
+            // Hook not available in this context, use defaults
+            if (false) {}
+        }
+    }
+    if (use_doc_viewer_config_useChatAppStore) {
+        try {
+            // eslint-disable-next-line react-hooks/rules-of-hooks -- Hook is conditionally available
+            apiUrl = use_doc_viewer_config_useChatAppStore((state)=>state.apiUrl);
+        } catch (storeError) {
+            // Store not available in this context, use defaults
+            if (false) {}
+        }
+    }
+    // Default values: use config if provided, otherwise parse from apiUrl
+    const baseUrl = (docViewerConfig === null || docViewerConfig === void 0 ? void 0 : docViewerConfig.baseUrl) || use_doc_viewer_config_buildDefaultDocViewerUrl(apiUrl);
+    const urlParam = (docViewerConfig === null || docViewerConfig === void 0 ? void 0 : docViewerConfig.urlParam) || 'url';
+    return {
+        baseUrl,
+        urlParam
+    };
+};
+
 // 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-area/src/components/batch-upload-file-list/common-file/index.module.less
 var common_file_index_module = __webpack_require__(26758);
 ;// CONCATENATED MODULE: ../../../common/chat-area/chat-area/src/components/batch-upload-file-list/common-file/index.module.less
@@ -396628,8 +397210,12 @@ const ProgressMask = (param)=>{
 
 
 
+
+
+
+
 const CommonFile = (param)=>{
-    let { file, status, percent, id, className } = param;
+    let { file, status, percent, id, className, uri, url } = param;
     const ref = (0,react.useRef)(null);
     const isHover = es_useHover(ref);
     const retryUpload = useRetryUpload();
@@ -396638,9 +397224,59 @@ const CommonFile = (param)=>{
     const isSuccess = status === types_FileStatus.Success;
     const fileTypeConfig = getFileTypConfig(file);
     const { extension, nameWithoutExtension } = getFileExtensionAndName(file.name);
+    const { baseUrl, urlParam } = use_doc_viewer_config_useDocViewerConfig();
+    const buildDocViewerUrl = (fileUrl)=>{
+        const separator = baseUrl.includes('?') ? '&' : '?';
+        return `${baseUrl}${separator}${urlParam}=${encodeURIComponent(fileUrl)}`;
+    };
+    const handlePreview = (e)=>{
+        e.stopPropagation();
+        if (!isSuccess) {
+            return;
+        }
+        // 如果已经有 url，直接使用
+        if (url) {
+            const docViewerUrl = buildDocViewerUrl(url);
+            window.open(docViewerUrl, '_blank');
+            return;
+        }
+        if (!uri) {
+            console.warn('File URI is not available, cannot open file');
+            return;
+        }
+        const docViewerUrl = buildDocViewerUrl(uri);
+        window.open(docViewerUrl, '_blank');
+    };
+    const handleClick = (e)=>{
+        if (!isSuccess) {
+            return;
+        }
+        // 如果点击的是操作按钮或其子元素，不执行跳转
+        // 操作按钮已经通过 stopPropagation 阻止冒泡，这里作为额外保护
+        const target = e.target;
+        if (target.closest(`.${batch_upload_file_list_common_file_index_module["retry-button"]}`) || target.closest(`.${batch_upload_file_list_common_file_index_module["preview-button"]}`) || target.closest('[class*="icon-close"]') || target.closest('button')) {
+            return;
+        }
+        // 如果已经有 url，直接使用
+        if (url) {
+            const docViewerUrl = buildDocViewerUrl(url);
+            window.open(docViewerUrl, '_blank');
+            return;
+        }
+        if (!uri) {
+            console.warn('File URI is not available, cannot open file');
+            return;
+        }
+        const docViewerUrl = buildDocViewerUrl(uri);
+        window.open(docViewerUrl, '_blank');
+    };
     return /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
         ref: ref,
         className: classnames_default()(batch_upload_file_list_common_file_index_module["normal-file"], !isSuccess && batch_upload_file_list_common_file_index_module["normal-file-not-success"], className),
+        style: {
+            cursor: 'pointer'
+        },
+        onClick: handleClick,
         children: [
             /*#__PURE__*/ (0,jsx_runtime.jsx)("img", {
                 src: getCommonFileIcon(fileTypeConfig === null || fileTypeConfig === void 0 ? void 0 : fileTypeConfig.fileType),
@@ -396675,10 +397311,24 @@ const CommonFile = (param)=>{
             }),
             isError ? /*#__PURE__*/ (0,jsx_runtime.jsx)(ui_button_Button, {
                 icon: /*#__PURE__*/ (0,jsx_runtime.jsx)(src_IconRefresh, {}),
-                onClick: onRetry,
+                onClick: (e)=>{
+                    e.stopPropagation();
+                    onRetry();
+                },
                 theme: "borderless",
                 className: batch_upload_file_list_common_file_index_module["retry-button"]
             }) : null,
+            isSuccess ? /*#__PURE__*/ (0,jsx_runtime.jsx)(esm_webpack_exports_Tooltip, {
+                content: "预览",
+                theme: "light",
+                position: "top",
+                children: /*#__PURE__*/ (0,jsx_runtime.jsx)(ui_button_Button, {
+                    icon: /*#__PURE__*/ (0,jsx_runtime.jsx)(__webpack_exports__IconCozEye, {}),
+                    onClick: handlePreview,
+                    theme: "borderless",
+                    className: batch_upload_file_list_common_file_index_module["preview-button"]
+                })
+            }) : null,
             !isError && !isSuccess && /*#__PURE__*/ (0,jsx_runtime.jsx)(ProgressMask, {
                 percent: percent
             }),
@@ -398290,9 +398940,6 @@ const ChatAreaMain = (param)=>{
                                                 [src_chat_area_main_index_modules["chat-area-main-pc"]]: layout === common_Layout.PC,
                                                 [src_chat_area_main_index_modules["chat-area-main-mobile"]]: layout === common_Layout.MOBILE
                                             }, classname),
-                                            style: {
-                                                justifyContent: !hasMessages ? 'center' : 'auto'
-                                            },
                                             children: [
                                                 /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
                                                     className: src_chat_area_main_index_modules["header-node"],
@@ -398523,6 +399170,31 @@ class upload_plugin_UploadPlugin {
                 this.eventBus.emit('error', errorEvent);
             },
             onSuccess: (event)=>{
+                // Event structure may contain additional properties from uploader library
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any -- Event structure varies
+                const eventAny = event;
+                // Try to get raw response from task if it exists
+                let backendData = null;
+                if (eventAny.task) {
+                    var _eventAny_task_response, _eventAny_task_responseData, _eventAny_task__response, _eventAny_task_rawResponse;
+                    backendData = ((_eventAny_task_response = eventAny.task.response) === null || _eventAny_task_response === void 0 ? void 0 : _eventAny_task_response.data) || ((_eventAny_task_responseData = eventAny.task.responseData) === null || _eventAny_task_responseData === void 0 ? void 0 : _eventAny_task_responseData.data) || ((_eventAny_task__response = eventAny.task._response) === null || _eventAny_task__response === void 0 ? void 0 : _eventAny_task__response.data) || ((_eventAny_task_rawResponse = eventAny.task.rawResponse) === null || _eventAny_task_rawResponse === void 0 ? void 0 : _eventAny_task_rawResponse.data) || eventAny.task.data;
+                }
+                if (!backendData) {
+                    var _eventAny_response, _eventAny_result;
+                    backendData = eventAny.data || ((_eventAny_response = eventAny.response) === null || _eventAny_response === void 0 ? void 0 : _eventAny_response.data) || eventAny.responseData || ((_eventAny_result = eventAny.result) === null || _eventAny_result === void 0 ? void 0 : _eventAny_result.data);
+                }
+                // If we found raw data, add uri and id to uploadResult
+                if (backendData && eventAny.uploadResult) {
+                    if (backendData.uri) {
+                        eventAny.uploadResult.uri = backendData.uri;
+                    }
+                    if (backendData.id) {
+                        eventAny.uploadResult.id = backendData.id;
+                    }
+                    if (backendData.url) {
+                        eventAny.uploadResult.url = backendData.url;
+                    }
+                }
                 const completeEvent = event;
                 this.eventBus.emit('complete', completeEvent);
             }
@@ -398574,7 +399246,9 @@ class UploadController {
             type: batch_file_upload_isImage(file) ? 'image' : 'object'
         });
         this.uploadPlugin.on('progress', (event)=>onProgress(event, fileId));
-        this.uploadPlugin.on('complete', (event)=>onComplete(event, fileId));
+        this.uploadPlugin.on('complete', (event)=>{
+            onComplete(event, fileId);
+        });
         this.uploadPlugin.on('error', (event)=>onError(event, fileId));
         this.uploadPlugin.on('ready', (event)=>onReady(event, fileId));
     }
@@ -403173,7 +403847,9 @@ const createBatchFileUploadStore = (mark)=>esm_create()(devtools((set, get)=>({
                 set(immer_produce((state)=>{
                     const baseFileData = {
                         percent: 0,
+                        fileId: null,
                         uri: null,
+                        url: null,
                         file,
                         id,
                         status: types_FileStatus.Uploading
@@ -406908,8 +407584,8 @@ const usePaginationRequest = (param)=>{
 // eslint-disable-next-line @coze-arch/max-line-per-function
 const useConversationList = (conversationListParams)=>{
     const { pageSize = 20, initialPageNum = 1, order = 'updated_at' } = conversationListParams ?? {};
-    const { chatConfig: { bot_id: botId, appInfo, type: chatType, auth: { connectorId } = {} } } = useChatAppProps();
-    const { cozeApiSdk, currentConversationInfo, updateCurrentConversationInfo, conversations, updateConversations } = useChatAppStore(shallow_useShallow((state)=>({
+    const { chatConfig: { bot_id: botId, appInfo, type: chatType, auth: { connectorId } = {} } } = context_useChatAppProps();
+    const { cozeApiSdk, currentConversationInfo, updateCurrentConversationInfo, conversations, updateConversations } = context_useChatAppStore(shallow_useShallow((state)=>({
             cozeApiSdk: state.cozeApi,
             conversations: state.conversations,
             updateCurrentConversationInfo: state.updateCurrentConversationInfo,
@@ -406936,7 +407612,7 @@ const useConversationList = (conversationListParams)=>{
         }
         setAppModeLoading(true);
         try {
-            var _res_data;
+            var _res_data, _res_data1;
             const res = await cozeApiSdk.get('/v1/workflow/conversations', {
                 app_id: appId,
                 workflow_id: workflowId,
@@ -406965,8 +407641,9 @@ const useConversationList = (conversationListParams)=>{
                         title: item.title
                     }
                 }));
-            // 判断是否还有更多数据：如果返回的数据量小于 limit，说明没有更多了
-            const hasMoreData = convertedConversations.length >= pageSize;
+            // 使用 API 返回的 has_more 字段来判断是否还有更多数据
+            // 如果 API 没有返回 has_more，则根据返回的数据量判断（兼容旧版本）
+            const hasMoreData = ((_res_data1 = res.data) === null || _res_data1 === void 0 ? void 0 : _res_data1.has_more) !== undefined ? res.data.has_more : convertedConversations.length >= pageSize;
             if (beforeTimestamp === undefined) {
                 // 首次加载，替换数据
                 setAppModeData(convertedConversations);
@@ -406979,9 +407656,9 @@ const useConversationList = (conversationListParams)=>{
             }
             // 更新 before_updated_at：使用返回数据中最小的 updated_at（原始毫秒级时间戳）
             if (convertedConversations.length > 0) {
-                var _res_data1;
+                var _res_data2;
                 // 从原始数据中找到最小的 updated_at（毫秒级）
-                const minUpdatedAtMs = Math.min(...(((_res_data1 = res.data) === null || _res_data1 === void 0 ? void 0 : _res_data1.conversations) || []).map((item)=>item.updated_at || 0));
+                const minUpdatedAtMs = Math.min(...(((_res_data2 = res.data) === null || _res_data2 === void 0 ? void 0 : _res_data2.conversations) || []).map((item)=>item.updated_at || 0));
                 if (minUpdatedAtMs > 0) {
                     setBeforeUpdatedAt(minUpdatedAtMs);
                 } else {
@@ -406991,6 +407668,7 @@ const useConversationList = (conversationListParams)=>{
                 // 如果没有返回数据，说明没有更多了
                 setAppModeHasMore(false);
             }
+            // 根据 API 返回的 has_more 字段设置状态
             setAppModeHasMore(hasMoreData);
         } catch (e) {
             console.error(e);
@@ -407010,8 +407688,9 @@ const useConversationList = (conversationListParams)=>{
         appModeLoading
     ]);
     // App 模式：首次加载
+    // 只在列表为空且 hasMore 为 true 时才加载，避免 has_more: false 时重复请求
     (0,react.useEffect)(()=>{
-        if (isAppType && cozeApiSdk && hasValidId && appModeData.length === 0) {
+        if (isAppType && cozeApiSdk && hasValidId && appModeData.length === 0 && appModeHasMore && !appModeLoading) {
             loadAppModeConversations();
         }
     }, [
@@ -407019,9 +407698,12 @@ const useConversationList = (conversationListParams)=>{
         cozeApiSdk,
         hasValidId,
         loadAppModeConversations,
-        appModeData.length
+        appModeData.length,
+        appModeHasMore,
+        appModeLoading
     ]);
     // App 模式：loadMore 函数
+    // 只在 has_more 为 true 时才发送请求
     const appModeLoadMore = (0,react.useCallback)(async ()=>{
         if (appModeHasMore && !appModeLoading && beforeUpdatedAt !== undefined) {
             await loadAppModeConversations(beforeUpdatedAt);
@@ -407717,23 +408399,26 @@ const PcConversationItem = (param)=>{
                         },
                         children: item.title || intl_i18n.t('web_sdk_conversation_default_name')
                     }),
-                    /*#__PURE__*/ (0,jsx_runtime.jsx)(Operate, {
-                        onRename: ()=>{
-                            onRename(item);
-                            setVisible(false);
-                        },
-                        onDelete: ()=>{
-                            onDelete(item);
-                            setVisible(false);
-                        },
-                        visible: visible,
-                        setVisible: setVisible,
-                        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(esm_webpack_exports_IconButton, {
-                            className: conversation_item_pc_index_module["conversation-operate"],
-                            onClick: handleClick,
-                            size: "small",
-                            icon: /*#__PURE__*/ (0,jsx_runtime.jsx)(__webpack_exports__IconCozMore, {}),
-                            color: "secondary"
+                    /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
+                        className: conversation_item_pc_index_module["conversation-operate-wrapper"],
+                        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(Operate, {
+                            onRename: ()=>{
+                                onRename(item);
+                                setVisible(false);
+                            },
+                            onDelete: ()=>{
+                                onDelete(item);
+                                setVisible(false);
+                            },
+                            visible: visible,
+                            setVisible: setVisible,
+                            children: /*#__PURE__*/ (0,jsx_runtime.jsx)(esm_webpack_exports_IconButton, {
+                                className: conversation_item_pc_index_module["conversation-operate-button"],
+                                onClick: handleClick,
+                                size: "small",
+                                icon: /*#__PURE__*/ (0,jsx_runtime.jsx)(__webpack_exports__IconCozMore, {}),
+                                color: "secondary"
+                            })
                         })
                     })
                 ]
@@ -407802,7 +408487,7 @@ var conversation_list_index_module_update = injectStylesIntoStyleTag_default()(c
 const ConversationList = /*#__PURE__*/ (0,react.forwardRef)(// eslint-disable-next-line @coze-arch/max-line-per-function
 (param, ref)=>{
     let { onRename, onDelete, loading, groupedConversations, conversations, hasMore, loadMore, removeConversation } = param;
-    const { currentConversationInfo, updateCurrentConversationInfo, cozeApi, updateConversations } = useChatAppStore(shallow_useShallow((state)=>({
+    const { currentConversationInfo, updateCurrentConversationInfo, cozeApi, updateConversations } = context_useChatAppStore(shallow_useShallow((state)=>({
             currentConversationInfo: state.currentConversationInfo,
             updateCurrentConversationInfo: state.updateCurrentConversationInfo,
             cozeApi: state.cozeApi,
@@ -407811,7 +408496,7 @@ const ConversationList = /*#__PURE__*/ (0,react.forwardRef)(// eslint-disable-ne
     const conversationRef = (0,react.useRef)();
     const [addLoading, setAddLoading] = (0,react.useState)(false);
     const isCreatingRef = (0,react.useRef)(false);
-    const { layout, chatConfig: { type: chatType } } = useChatAppProps();
+    const { layout, chatConfig: { type: chatType } } = context_useChatAppProps();
     // 确保 conversationRef 与 currentConversationInfo 保持同步
     // 这样在重载页面后，getConversationInfo 也能返回正确的值
     // 注意：即使 id 为空字符串，也要更新 conversationRef，以便 getConversationInfo 返回空会话
@@ -408140,13 +408825,13 @@ var conversation_list_sider_index_module_update = injectStylesIntoStyleTag_defau
 /* eslint-disable @coze-arch/max-line-per-function -- This component handles complex conversation list sidebar logic */ const ConversationListSider = /*#__PURE__*/ (0,react.forwardRef)((param, ref)=>{
     let { children } = param;
     const conversationListRef = (0,react.useRef)(null);
-    const { currentConversationInfo, updateConversations, updateCurrentConversationInfo, cozeApi } = useChatAppStore(shallow_useShallow((state)=>({
+    const { currentConversationInfo, updateConversations, updateCurrentConversationInfo, cozeApi } = context_useChatAppStore(shallow_useShallow((state)=>({
             currentConversationInfo: state.currentConversationInfo,
             updateConversations: state.updateConversations,
             updateCurrentConversationInfo: state.updateCurrentConversationInfo,
             cozeApi: state.cozeApi
         })));
-    const { chatConfig: { type: chatType } } = useChatAppProps();
+    const { chatConfig: { type: chatType } } = context_useChatAppProps();
     const { loading, conversations, hasMore, loadMore, removeConversation } = useConversationList();
     const groupedConversations = useGroupedConversations(conversations);
     const [isModalLoading, setIsModalLoading] = (0,react.useState)(false);
@@ -408814,7 +409499,7 @@ const ChatPropsProvider = (param)=>{
         }) : children
     });
 };
-const useChatAppProps = ()=>{
+const context_useChatAppProps = ()=>{
     const { appProps } = (0,react.useContext)(ChatPropsContext);
     const { chatConfig = {
         conversation_id: index_browser_nanoid(),
@@ -408828,7 +409513,7 @@ const useChatAppProps = ()=>{
         enableReplacePrologueNicknameWithVar
     };
 };
-const useChatAppStore = (selector)=>{
+const context_useChatAppStore = (selector)=>{
     const { store } = (0,react.useContext)(ChatPropsContext);
     if (!store) {
         throw ChatSdkError.create(error_SDKErrorCode.StoreProvider);
@@ -408854,8 +409539,8 @@ const useChatAppStore = (selector)=>{
  */ 
 const useIsShowBackground = ()=>{
     var _backgroundInfo_mobile_background_image;
-    const backgroundInfo = useChatAppStore((s)=>s.backgroundInfo);
-    const { isCustomBackground } = useChatAppProps();
+    const backgroundInfo = context_useChatAppStore((s)=>s.backgroundInfo);
+    const { isCustomBackground } = context_useChatAppProps();
     // 自定义背景图，或者背景图有数据，则有背景状态
     return isCustomBackground || !!(backgroundInfo === null || backgroundInfo === void 0 ? void 0 : (_backgroundInfo_mobile_background_image = backgroundInfo.mobile_background_image) === null || _backgroundInfo_mobile_background_image === void 0 ? void 0 : _backgroundInfo_mobile_background_image.origin_image_url) || false;
 };
@@ -412906,13 +413591,23 @@ const createSDKUploadPluginClass = (param)=>{
             this.file = props.file;
             this.fileType = props.type;
             this.upload().then((meta)=>{
+                // Backend returns: { uri: "xxx", id: "yyy", url: "zzz" }
+                // meta.uri should be the real URI (not the id)
+                // meta.id should be the backend file ID
+                // UploadResult structure requires dynamic properties, using type assertion
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any -- UploadResult structure requires dynamic properties
+                const uploadResult = {
+                    Uri: meta.uri,
+                    Url: meta.url
+                };
+                // Add id if available
+                if (meta.id) {
+                    uploadResult.Id = meta.id;
+                }
                 this.eventBus.emit('complete', {
                     percent: 100,
                     status: types_FileStatus.Success,
-                    uploadResult: {
-                        Uri: meta.uri,
-                        Url: meta.url
-                    },
+                    uploadResult,
                     type: 'success'
                 });
             }).catch((err)=>{
@@ -413011,7 +413706,7 @@ studioOpenClientReporter.init(studio_open_client_reporter_slardarInstance);
 
 const useUpdateConversationNameByMessage = ()=>{
     const currentConversationNameRef = (0,react.useRef)();
-    const { updateCurrentConversationNameByMessage, currentConversationInfo } = useChatAppStore(shallow_useShallow((s)=>({
+    const { updateCurrentConversationNameByMessage, currentConversationInfo } = context_useChatAppStore(shallow_useShallow((s)=>({
             updateCurrentConversationNameByMessage: s.updateCurrentConversationNameByMessage,
             currentConversationInfo: s.currentConversationInfo
         })));
@@ -413055,7 +413750,7 @@ const useUpdateConversationNameByMessage = ()=>{
 
 
 const useUserInfo = ()=>{
-    const userInfo = useChatAppStore((s)=>s.userInfo);
+    const userInfo = context_useChatAppStore((s)=>s.userInfo);
     return (0,react.useMemo)(()=>{
         const openUserInfo = userInfo;
         if (!openUserInfo || !openUserInfo.id) {
@@ -416016,9 +416711,9 @@ class CozeApiCustom extends CozeAPI {
 
 
 const useApiClient = ()=>{
-    const { debug } = useChatAppProps();
+    const { debug } = context_useChatAppProps();
     const { token = '', refreshToken: refreshTokenRaw, setToken, setCozeApi, // 从 store 中获取 apiUrl
-    apiUrl } = useChatAppStore(shallow_useShallow((s)=>({
+    apiUrl } = context_useChatAppStore(shallow_useShallow((s)=>({
             token: s.token,
             setToken: s.setToken,
             refreshToken: s.refreshToken,
@@ -416145,9 +416840,20 @@ const useUploadFileApi = ()=>{
         const result = await (cozeApiSdk === null || cozeApiSdk === void 0 ? void 0 : cozeApiSdk.files.upload({
             file
         }));
+        // Backend response structure may vary, using type assertion for flexibility
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- Backend response structure varies
+        const resultAny = result;
+        // Backend returns: { data: { uri: "xxx", id: "yyy", url: "zzz" } }
+        // Or possibly: { id: "yyy", uri: "xxx", url: "zzz" }
+        // We need to extract both uri and id correctly
+        const backendData = (resultAny === null || resultAny === void 0 ? void 0 : resultAny.data) || resultAny;
+        const uri = (backendData === null || backendData === void 0 ? void 0 : backendData.uri) || ''; // Real URI from backend
+        const id = (backendData === null || backendData === void 0 ? void 0 : backendData.id) || (resultAny === null || resultAny === void 0 ? void 0 : resultAny.id) || ''; // Backend file ID
+        const url = (backendData === null || backendData === void 0 ? void 0 : backendData.url) || (resultAny === null || resultAny === void 0 ? void 0 : resultAny.url) || '';
         return {
-            uri: (result === null || result === void 0 ? void 0 : result.id) || '',
-            url: ''
+            uri: uri || id,
+            url,
+            id: id || undefined
         };
     }, [
         cozeApiSdk
@@ -416270,7 +416976,45 @@ const convertShortcutData = (shortcutCommands, botInfo)=>//@ts-expect-error: 不
 
 
 
+
+
+
 const microSeconds = 1000;
+/**
+ * 从URL中提取文件名
+ * @param url 文件URL
+ * @returns 文件名，如果无法提取则返回空字符串
+ */ const extractFileNameFromUrl = (url)=>{
+    if (!url) {
+        return '';
+    }
+    try {
+        const urlObj = new URL(url);
+        const { pathname } = urlObj;
+        let fileName = pathname.split('/').pop() || '';
+        // 移除查询参数和hash
+        fileName = fileName.split('?')[0].split('#')[0] || '';
+        // 解码URI编码的文件名
+        try {
+            return decodeURIComponent(fileName);
+        } catch  {
+            // 如果解码失败，返回原始文件名
+            return fileName;
+        }
+    } catch  {
+        // 如果不是有效的URL，尝试直接解析路径
+        const parts = url.split('/');
+        let fileName = parts[parts.length - 1] || '';
+        fileName = fileName.split('?')[0].split('#')[0] || '';
+        // 解码URI编码的文件名
+        try {
+            return decodeURIComponent(fileName);
+        } catch  {
+            // 如果解码失败，返回原始文件名
+            return fileName;
+        }
+    }
+};
 // 消息转换成 Coze的消息，主要用于消息接收后，在页面显示。
 class MessageConverseToCoze {
     convertMessageListResponse(res) {
@@ -416421,22 +417165,25 @@ class MessageConverseToCoze {
                     }
                 case 'file':
                     {
-                        const { fileType = const_FileTypeEnum.DEFAULT_UNKNOWN } = // @ts-expect-error -- linter-disable-autofix, 新添加参数，sdk中还未支持到
-                        getFileInfo(new File([], item === null || item === void 0 ? void 0 : item.name)) || {};
-                        return {
+                        const fileName = (item === null || item === void 0 ? void 0 : item.name) || extractFileNameFromUrl(item === null || item === void 0 ? void 0 : item.file_url);
+                        const { fileType = const_FileTypeEnum.DEFAULT_UNKNOWN } = getFileInfo(new File([], fileName)) || {};
+                        console.log('convertMixContent file', item);
+                        // 当没有 file_id 时，使用 file_url 作为 file_key
+                        const fileKey = item.file_id || item.file_url || '';
+                        const fileData = {
                             type: types_ContentType.File,
                             file: {
-                                file_key: item.file_id || '',
-                                // @ts-expect-error -- linter-disable-autofix, 新添加参数，sdk中还未支持到
-                                file_name: item === null || item === void 0 ? void 0 : item.name,
-                                // @ts-expect-error -- linter-disable-autofix, 新添加参数，sdk中还未支持到
-                                file_size: item === null || item === void 0 ? void 0 : item.size,
+                                file_key: fileKey,
+                                file_name: fileName || '未知文件',
+                                file_size: (item === null || item === void 0 ? void 0 : item.size) ?? 0,
                                 file_type: fileType,
-                                file_url: item === null || item === void 0 ? void 0 : item.file_url
+                                file_url: (item === null || item === void 0 ? void 0 : item.file_url) || ''
                             },
                             // @ts-expect-error -- linter-disable-autofix
                             is_refer: item.is_refer || undefined
                         };
+                        console.log('convertMixContent file result', fileData);
+                        return fileData;
                     }
                 case 'json':
                     {
@@ -416485,7 +417232,7 @@ const messageConverterToCoze = new MessageConverseToCoze();
 
 const useMessageList = ()=>{
     const getMessageListByPairs = useGetMessageListByPairs();
-    const { chatConfig } = useChatAppProps();
+    const { chatConfig } = context_useChatAppProps();
     const { bot_id: botId } = chatConfig || {};
     const { refMessageListLeft } = useChatCozeSdk();
     return (0,react.useMemo)(()=>{
@@ -416716,14 +417463,14 @@ const getCustomInitInfo = async (param)=>{
 };
 const useRequestInit = ()=>{
     var _chatConfig_auth;
-    const { chatConfig, openRequestInit, defaultHistoryMessage = [], onDefaultHistoryClear } = useChatAppProps();
+    const { chatConfig, openRequestInit, defaultHistoryMessage = [], onDefaultHistoryClear } = context_useChatAppProps();
     const { cozeApiSdk } = useChatCozeSdk();
-    const setInitError = useChatAppStore((s)=>s.setInitError);
-    const setDefaultInputMode = useChatAppStore((s)=>s.setDefaultInputMode);
-    const updateShortcuts = useChatAppStore((s)=>s.updateShortcuts);
-    const setIsStartBotVoiceCall = useChatAppStore((s)=>s.setIsStartBotVoiceCall);
-    const updateBackgroundInfo = useChatAppStore((s)=>s.updateBackgroundInfo);
-    const { currentConversationInfo, updateCurrentConversationInfo, conversations } = useChatAppStore(shallow_useShallow((s)=>({
+    const setInitError = context_useChatAppStore((s)=>s.setInitError);
+    const setDefaultInputMode = context_useChatAppStore((s)=>s.setDefaultInputMode);
+    const updateShortcuts = context_useChatAppStore((s)=>s.updateShortcuts);
+    const setIsStartBotVoiceCall = context_useChatAppStore((s)=>s.setIsStartBotVoiceCall);
+    const updateBackgroundInfo = context_useChatAppStore((s)=>s.updateBackgroundInfo);
+    const { currentConversationInfo, updateCurrentConversationInfo, conversations } = context_useChatAppStore(shallow_useShallow((s)=>({
             currentConversationInfo: s.currentConversationInfo,
             updateCurrentConversationInfo: s.updateCurrentConversationInfo,
             conversations: s.conversations
@@ -416911,7 +417658,7 @@ const useRequestInit = ()=>{
 
 
 const useClearMessageContextAdapter = ()=>{
-    const { chatConfig: { type: chatType } } = useChatAppProps();
+    const { chatConfig: { type: chatType } } = context_useChatAppProps();
     return (0,react.useMemo)(()=>{
         const isAppType = chatType === client_ChatType.APP;
         const baseUrl = isAppType ? '/v1/workflow/conversations/:conversation_id/clear' : '/v1/conversations/:conversation_id/clear';
@@ -416953,6 +417700,35 @@ const useClearMessageContextAdapter = ()=>{
     ]);
 };
 
+;// CONCATENATED MODULE: ../open-chat/src/chat/builder-chat/helper/get-connector-id.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.
+ */ 
+const getConnectorId = (props)=>{
+    const { project } = props;
+    const { mode, connectorId } = project || {};
+    if (!connectorId) {
+        if (mode === 'websdk') {
+            return webSdkDefaultConnectorId;
+        } else if (mode === 'draft') {
+            return chatflowDraftConnectorId;
+        }
+    }
+    return connectorId;
+};
+
 ;// CONCATENATED MODULE: ../open-chat/src/chat/builder-chat/services/create-conversation.ts
 /*
  * Copyright 2025 coze-dev Authors
@@ -416970,6 +417746,7 @@ const useClearMessageContextAdapter = ()=>{
  * limitations under the License.
  */ 
 
+
 // 用于发送消息时创建 conversation 的函数
 const createConversationForMessage = async (apiSdk, props)=>{
     let conversationId = '';
@@ -417090,13 +417867,87 @@ const createConversationForMessage = async (apiSdk, props)=>{
         throw new Error(`Failed to create conversation: ${JSON.stringify(error)}`);
     }
 };
-const createOrGetConversation = (apiSdk, props)=>// 初始化时不创建 conversation，返回空值
+const createOrGetConversation = async (apiSdk, props)=>{
+    // 如果没有 conversationName，保持现有行为：不创建会话，返回空值
     // conversation 将在用户发送第一条消息时创建
-    Promise.resolve({
+    if (!props.project.conversationName || props.project.conversationName.trim() === '') {
+        return {
+            conversationId: '',
+            sectionId: '',
+            conversationName: undefined
+        };
+    }
+    // 如果有 conversationName，在初始化时就创建/获取会话
+    if (props.project.type === 'app') {
+        try {
+            const connectorId = getConnectorId(props);
+            const createPayload = {
+                app_id: props.project.id,
+                draft_mode: props.project.mode === 'draft',
+                workflow_id: props.workflow.id || '',
+                connector_id: connectorId,
+                get_or_create: true,
+                conversation_name: props.project.conversationName
+            };
+            const res = await (apiSdk === null || apiSdk === void 0 ? void 0 : apiSdk.post('/v1/workflow/conversation/create', createPayload, false, {
+                headers: {
+                    'Accept-Language': intl.language === 'zh-CN' ? 'zh' : 'en'
+                }
+            }));
+            if ((res === null || res === void 0 ? void 0 : res.code) === 0 && (res === null || res === void 0 ? void 0 : res.data)) {
+                const conversationId = res.data.id || '';
+                const sectionId = res.data.last_section_id || '';
+                // 确保 conversationId 不为空
+                if (!conversationId || conversationId.trim() === '') {
+                    throw new Error('Failed to create conversation: empty conversationId returned');
+                }
+                // 获取会话详情以获取 conversation_name
+                let conversationName = undefined;
+                if (conversationId) {
+                    try {
+                        const detailRes = await (apiSdk === null || apiSdk === void 0 ? void 0 : apiSdk.get(`/v1/workflow/conversations/${conversationId}`, {
+                            app_id: props.project.id,
+                            workflow_id: props.workflow.id || '',
+                            connector_id: connectorId
+                        }));
+                        if ((detailRes === null || detailRes === void 0 ? void 0 : detailRes.code) === 0 && (detailRes === null || detailRes === void 0 ? void 0 : detailRes.data)) {
+                            const name = detailRes.data.conversation_name || detailRes.data.name || detailRes.data.title;
+                            conversationName = name || undefined;
+                        }
+                    } catch (detailError) {
+                        console.warn('Failed to fetch conversation detail:', detailError);
+                        conversationName = props.project.conversationName;
+                    }
+                }
+                return {
+                    conversationId,
+                    sectionId,
+                    conversationName: conversationName || props.project.conversationName
+                };
+            } else {
+                const errorMsg = (res === null || res === void 0 ? void 0 : res.msg) || `code=${(res === null || res === void 0 ? void 0 : res.code) ?? 'unknown'}`;
+                throw new Error(`Failed to create conversation: ${errorMsg}`);
+            }
+        } catch (error) {
+            console.error('createOrGetConversation error:', error);
+            // 如果创建失败，返回空值，让系统在发送消息时再创建
+            if (error instanceof Error) {
+                console.warn('Failed to create conversation during init, will create on first message:', error.message);
+            }
+            return {
+                conversationId: '',
+                sectionId: '',
+                conversationName: undefined
+            };
+        }
+    }
+    // Bot 模式：保持现有行为，不在这里创建会话
+    return {
         conversationId: '',
         sectionId: '',
         conversationName: undefined
-    });
+    };
+};
 
 ;// CONCATENATED MODULE: ../open-chat/src/components/studio-open-chat/provider/coz-sdk/api-adapter/message/message-convert-to-sdk.ts
 /*
@@ -417208,10 +418059,12 @@ class MessageConverterToSdk {
                     case types_ContentType.Image:
                         {
                             var _item_image_image_ori;
+                            // Use id (backend file ID) if available, fallback to key (URI) for backward compatibility
+                            const fileId = item.image.id || item.image.key;
                             return {
                                 type: 'image',
-                                file_id: item.image.key,
-                                file_url: isNeedFileUrl || !item.image.key ? (_item_image_image_ori = item.image.image_ori) === null || _item_image_image_ori === void 0 ? void 0 : _item_image_image_ori.url : undefined,
+                                file_id: fileId,
+                                file_url: isNeedFileUrl || !fileId ? (_item_image_image_ori = item.image.image_ori) === null || _item_image_image_ori === void 0 ? void 0 : _item_image_image_ori.url : undefined,
                                 // @ts-expect-error -- linter-disable-autofix
                                 is_refer: item.is_refer || undefined
                             };
@@ -417219,9 +418072,11 @@ class MessageConverterToSdk {
                     case types_ContentType.File:
                         {
                             var _item_file;
+                            // Use file_id (backend file ID) if available, fallback to file_key (URI) for backward compatibility
+                            const fileId = item.file.file_id || item.file.file_key;
                             return {
                                 type: 'file',
-                                file_id: item.file.file_key || !item.file.file_key,
+                                file_id: fileId,
                                 file_url: isNeedFileUrl ? (_item_file = item.file) === null || _item_file === void 0 ? void 0 : _item_file.file_url : undefined,
                                 // @ts-expect-error -- linter-disable-autofix
                                 is_refer: item.is_refer || undefined
@@ -419238,8 +420093,8 @@ class MessageParser {
 
 /* eslint-disable @coze-arch/max-line-per-function -- This adapter function handles complex message sending logic */ const useSendMessageAdapter = (userInfo, refChatFunc)=>{
     var _chatConfig_auth;
-    const { debug, chatConfig } = useChatAppProps();
-    const { shortcuts, apiUrl, updateConversations, updateCurrentConversationInfo, currentConversationInfo, conversations, cozeApi } = useChatAppStore(shallow_useShallow((state)=>({
+    const { debug, chatConfig } = context_useChatAppProps();
+    const { shortcuts, apiUrl, updateConversations, updateCurrentConversationInfo, currentConversationInfo, conversations, cozeApi } = context_useChatAppStore(shallow_useShallow((state)=>({
             shortcuts: state.shortcuts,
             apiUrl: state.apiUrl,
             updateConversations: state.updateConversations,
@@ -419616,7 +420471,7 @@ class MessageParser {
 const useClearHistoryAdapter = (param)=>{
     let { refChatFunc } = param;
     var _chatConfig_auth;
-    const { chatConfig } = useChatAppProps();
+    const { chatConfig } = context_useChatAppProps();
     const refConnectorId = (0,react.useRef)('');
     refConnectorId.current = (chatConfig === null || chatConfig === void 0 ? void 0 : (_chatConfig_auth = chatConfig.auth) === null || _chatConfig_auth === void 0 ? void 0 : _chatConfig_auth.connectorId) || '';
     return (0,react.useMemo)(()=>{
@@ -419680,7 +420535,7 @@ const useClearHistoryAdapter = (param)=>{
 
 
 const useCommonOnBeforeRequestHooks = ()=>{
-    const { debug } = useChatAppProps();
+    const { debug } = context_useChatAppProps();
     return [
         // 去除无用的头部
         (requestConfig)=>{
@@ -419805,7 +420660,7 @@ const useCoreManager = (param)=>{
     const userInfo = useUserInfo();
     const { refreshToken } = useChatCozeSdk();
     //  获取 apiUrl
-    const { apiUrl } = useChatAppStore(shallow_useShallow((s)=>({
+    const { apiUrl } = context_useChatAppStore(shallow_useShallow((s)=>({
             apiUrl: s.apiUrl
         })));
     const clearMessageContextAdapter = useClearMessageContextAdapter();
@@ -419817,7 +420672,7 @@ const useCoreManager = (param)=>{
     const commonOnAfterResponseHooks = useCommonOnAfterResponseHooks(refreshToken);
     const commonErrorResponseHooks = useCommonErrorResponseHooks(refreshToken);
     const messageListAdapter = useMessageList();
-    const { requestManagerOptions } = useChatAppProps();
+    const { requestManagerOptions } = context_useChatAppProps();
     const breakMessageAdapter = useBreakMessage();
     // 计算最终的 baseURL
     const finalBaseURL = apiUrl || openApiHostByRegionWithToken;
@@ -419871,7 +420726,7 @@ const useCoreManager = (param)=>{
 
 const useCoreOverrideConfig = (param)=>{
     let { refChatFunc } = param;
-    const { chatConfig } = useChatAppProps();
+    const { chatConfig } = context_useChatAppProps();
     const { tokenManager } = useChatCozeSdk();
     const requestManagerOptions = useCoreManager({
         refChatFunc
@@ -420025,10 +420880,10 @@ const services_life_cycle_bizLifeCycleServiceGenerator = (plugin)=>({
 
 const useMessageGroupFooterInfo = (messageGroup)=>{
     var _messageInfo_extra_info;
-    const feedbackInfo = useChatAppStore((s)=>s.feedbackInfo);
+    const feedbackInfo = context_useChatAppStore((s)=>s.feedbackInfo);
     const { useMessagesStore } = use_chat_area_context_useChatAreaStoreSet();
     const { findMessage } = useMessagesStore.getState();
-    const lastGroupFeedbackInfo = useChatAppStore((s)=>s.lastGroupFeedbackInfo);
+    const lastGroupFeedbackInfo = context_useChatAppStore((s)=>s.lastGroupFeedbackInfo);
     const { messageId } = lastGroupFeedbackInfo;
     const messageInfo = findMessage(messageId || '');
     // @ts-expect-error -- linter-disable-autofix, 新添加参数，接口未支持
@@ -421705,7 +422560,7 @@ const BotTriggerConfigButtonGroup = (param)=>{
 const useCurMessageInfo = ()=>{
     var _chatConfig_ui_chatBot, _chatConfig_ui;
     const { message } = message_box_useMessageBoxContext();
-    const { chatConfig } = useChatAppProps();
+    const { chatConfig } = context_useChatAppProps();
     // @ts-expect-error -- linter-disable-autofix, 新添加参数，接口未支持
     const cozeApiMessageId = message.extra_info.coze_api_message_id;
     // @ts-expect-error -- linter-disable-autofix, 新添加参数，接口未支持
@@ -421812,7 +422667,7 @@ const delete_message_DeleteMessage = (param)=>{
     const { useGlobalInitStore } = storeSet;
     const { groupId } = message_box_useMessageBoxContext();
     const isDeleteMessageLock = use_is_delete_message_lock_useIsDeleteMessageLock(groupId);
-    const { chatConfig } = useChatAppProps();
+    const { chatConfig } = context_useChatAppProps();
     const deleteMessage = useDeleteMessage();
     const conversationId = useGlobalInitStore((state)=>state.conversationId);
     const { messageId, cozeApiMessageId, isShowDelete } = useCurMessageInfo();
@@ -421913,7 +422768,7 @@ const useMessageHoverInfo = ()=>{
 const UIKitMessageBoxHoverSlot = ()=>{
     const { meta } = message_box_useMessageBoxContext();
     const { message } = message_box_useMessageBoxContext();
-    const { readonly } = useChatAppProps();
+    const { readonly } = context_useChatAppProps();
     const isLastGroupMessage = meta.isGroupLastMessage && meta.isFromLatestGroup && (message === null || message === void 0 ? void 0 : message.type) === 'answer';
     if (isLastGroupMessage || readonly) {
         /*
@@ -422091,7 +422946,7 @@ const UIKitMessageBoxFooter = (param)=>{
     const { meta } = message_box_useMessageBoxContext();
     const { message } = message_box_useMessageBoxContext();
     const { useWaitingStore } = use_chat_area_context_useChatAreaStoreSet();
-    const { readonly } = useChatAppProps();
+    const { readonly } = context_useChatAppProps();
     const waiting = useWaitingStore((state)=>!!state.waiting);
     const isAnswerMessage = message.type === 'answer';
     const isLastGroupMessage = meta.isGroupLastMessage && meta.isFromLatestGroup;
@@ -422582,8 +423437,8 @@ const createChatBackgroundPlugin = ()=>{
 
 const useBgBackgroundPlugin = ()=>{
     const { ChatBackgroundPlugin, chatBackgroundEvent } = (0,react.useMemo)(()=>createChatBackgroundPlugin(), []);
-    const { isCustomBackground } = useChatAppProps();
-    const backgroundInfo = useChatAppStore((s)=>s.backgroundInfo);
+    const { isCustomBackground } = context_useChatAppProps();
+    const backgroundInfo = context_useChatAppStore((s)=>s.backgroundInfo);
     const backgroundInfoToShow = isCustomBackground ? undefined : backgroundInfo;
     (0,react.useEffect)(()=>{
         // 监听用户设置背景图，将更新的背景图信息传入插件
@@ -422643,8 +423498,8 @@ const useBgBackgroundPlugin = ()=>{
 const ChatProviderFuncComp = /*#__PURE__*/ (0,react.forwardRef)((param, ref)=>{
     let { children } = param;
     var _chatConfig_ui_conversations, _chatConfig_ui;
-    const { chatConfig } = useChatAppProps();
-    const { updateCurrentConversationInfo, currentConversationInfo, updateConversations, conversations } = useChatAppStore(shallow_useShallow((s)=>({
+    const { chatConfig } = context_useChatAppProps();
+    const { updateCurrentConversationInfo, currentConversationInfo, updateConversations, conversations } = context_useChatAppStore(shallow_useShallow((s)=>({
             updateCurrentConversationInfo: s.updateCurrentConversationInfo,
             currentConversationInfo: s.currentConversationInfo,
             updateConversations: s.updateConversations,
@@ -422759,12 +423614,12 @@ const ChatProviderImpl = (param)=>{
     var _chatConfig_ui, _chatConfig_appInfo, _chatConfig_ui_chatBot, _chatConfig_ui1;
     const refLastIsError = (0,react.useRef)(false);
     const { refreshToken } = useChatCozeSdk();
-    const { initError, setInitError } = useChatAppStore(shallow_useShallow((s)=>({
+    const { initError, setInitError } = context_useChatAppStore(shallow_useShallow((s)=>({
             initError: s.initError,
             setInitError: s.setInitError
         })));
     const refChatFunc = (0,react.useRef)();
-    const { chatConfig, onImageClick, initErrorFallbackFC: ErrorFallback } = useChatAppProps();
+    const { chatConfig, onImageClick, initErrorFallbackFC: ErrorFallback } = context_useChatAppProps();
     const userInfoRaw = useUserInfo();
     // 确保 userInfo 始终有效，即使 useUserInfo 返回 null（虽然不应该）
     const userInfo = userInfoRaw && userInfoRaw.id ? userInfoRaw : {
@@ -422933,8 +423788,8 @@ const ChatProvider = (param)=>{
 const provider_ChatProvider = (param)=>{
     let { children, plugins } = param;
     var _chatConfig_extra;
-    const { chatConfig, onImageClick, onThemeChange } = useChatAppProps();
-    const setInitError = useChatAppStore((s)=>s.setInitError);
+    const { chatConfig, onImageClick, onThemeChange } = context_useChatAppProps();
+    const setInitError = context_useChatAppStore((s)=>s.setInitError);
     // plugin初始化
     const commonChatPlugin = getChatCommonPlugin({
         onImageClick,
@@ -434413,7 +435268,7 @@ const shortcut_bar_ShortcutBar = (param)=>{
     var _shortcuts_at;
     const activeShortcutRef = (0,react.useRef)(undefined);
     const showBackground = useIsShowBackground();
-    const shortcuts = useChatAppStore((store)=>store.shortcuts);
+    const shortcuts = context_useChatAppStore((store)=>store.shortcuts);
     const defaultId = (_shortcuts_at = shortcuts.at(0)) === null || _shortcuts_at === void 0 ? void 0 : _shortcuts_at.command_id;
     if (!(shortcuts === null || shortcuts === void 0 ? void 0 : shortcuts.length)) {
         return null;
@@ -434523,7 +435378,7 @@ const IconAddNewConversation = (param)=>{
 
 const useChatOpInfo = ()=>{
     var _chatConfig_ui_header, _chatConfig_ui;
-    const { chatConfig } = useChatAppProps();
+    const { chatConfig } = context_useChatAppProps();
     const chatInputLeftOps = [];
     const headerTopLeftOps = [];
     console.log('useChatOpInfo:', chatConfig);
@@ -434565,7 +435420,7 @@ const useChatOpInfo = ()=>{
 };
 const useChatChatButtonInfo = (opList)=>{
     const { isClearHistoryButtonDisabled, isClearContextButtonDisabled } = useBuiltinButtonStatus({});
-    const { readonly } = useChatAppProps();
+    const { readonly } = context_useChatAppProps();
     const { clearHistory } = useChatAreaController();
     const clearContext = useClearContext();
     const buttonList = (0,react.useMemo)(()=>opList.map((item)=>{
@@ -434678,7 +435533,7 @@ const MoreBtn = (param)=>{
     let { buttonList } = param;
     const showBackground = useIsShowBackground();
     const [visible, setVisible] = (0,react.useState)(false);
-    const { readonly } = useChatAppProps();
+    const { readonly } = context_useChatAppProps();
     (0,react.useEffect)(()=>{
         document.addEventListener('click', ()=>{
             setVisible(false);
@@ -434728,7 +435583,7 @@ const ChatInputLeftSlot = ()=>{
     var _chatConfig_ui_base, _chatConfig_ui;
     const { chatInputLeftOps } = useChatOpInfo();
     const showBackground = useIsShowBackground();
-    const { chatConfig } = useChatAppProps();
+    const { chatConfig } = context_useChatAppProps();
     const isMobile = ((_chatConfig_ui = chatConfig.ui) === null || _chatConfig_ui === void 0 ? void 0 : (_chatConfig_ui_base = _chatConfig_ui.base) === null || _chatConfig_ui_base === void 0 ? void 0 : _chatConfig_ui_base.layout) === client_Layout.MOBILE;
     const buttonClass = showBackground ? '!coz-fg-images-white' : '';
     const buttonList = useChatChatButtonInfo(chatInputLeftOps);
@@ -434824,10 +435679,10 @@ const StudioChatArea = (param)=>{
     let { coreAreaClassName, className, showInputArea = true, inputPlaceholder, inputNativeCallbacks, messageGroupListClassName, renderChatInputTopSlot, renderChatInputRightActions, isShowClearContextDivider, headerNode, messageMaxWidth, isMiniScreen, enableMultimodalUpload = false, uiKitCustomComponents, contentBox, getMessageRenderIndex, inputMode, onboardingPrologue, showOnboardingBotInfo, showOnboardingSuggestions } = param;
     var _chatConfig_ui_chatBot, _chatConfig_ui, _chatConfig_ui_chatBot1, _chatConfig_ui1, _chatConfig_ui_footer, _chatConfig_ui2;
     const initStatus = useInitStatus();
-    const { layout, onInitStateChange, chatConfig } = useChatAppProps();
+    const { layout, onInitStateChange, chatConfig } = context_useChatAppProps();
     const refContainer = (0,react.useRef)(null);
-    const { readonly } = useChatAppProps();
-    const currentConversationInfo = useChatAppStore((state)=>state.currentConversationInfo);
+    const { readonly } = context_useChatAppProps();
+    const currentConversationInfo = context_useChatAppStore((state)=>state.currentConversationInfo);
     // 空会话的判断：id 为空字符串
     const isEmptyConversation = !currentConversationInfo || currentConversationInfo.id === '';
     const InputRightActionsComponent = (0,react.useMemo)(()=>renderChatInputRightActions ? (()=>{
@@ -435038,13 +435893,13 @@ const ChatHeader = (param)=>{
     let { iconUrl = coze_logo_namespaceObject, title = 'Coze Bot', extra, theme, isShowConversations, isNeedLogo = true } = param;
     const { headerTopLeftOps } = useChatOpInfo();
     const buttonList = useChatChatButtonInfo(headerTopLeftOps);
-    const { updateCurrentConversationInfo, currentConversationInfo, updateConversations, cozeApi } = useChatAppStore(shallow_useShallow((s)=>({
+    const { updateCurrentConversationInfo, currentConversationInfo, updateConversations, cozeApi } = context_useChatAppStore(shallow_useShallow((s)=>({
             updateCurrentConversationInfo: s.updateCurrentConversationInfo,
             currentConversationInfo: s.currentConversationInfo,
             updateConversations: s.updateConversations,
             cozeApi: s.cozeApi
         })));
-    const { chatConfig: { type: chatType } } = useChatAppProps();
+    const { chatConfig: { type: chatType } } = context_useChatAppProps();
     const [isRenameModalVisible, setIsRenameModalVisible] = (0,react.useState)(false);
     const [renameInputValue, setRenameInputValue] = (0,react.useState)('');
     const [isRenameLoading, setIsRenameLoading] = (0,react.useState)(false);
@@ -435290,13 +436145,13 @@ const ChatHeaderMobile = (param)=>{
     let { iconUrl = coze_logo_namespaceObject, title = 'Coze Bot', extra, theme, isShowConversations, isNeedLogo = true } = param;
     const { headerTopLeftOps } = useChatOpInfo();
     const buttonList = useChatChatButtonInfo(headerTopLeftOps);
-    const { updateCurrentConversationInfo, currentConversationInfo, updateConversations, cozeApi } = useChatAppStore(shallow_useShallow((s)=>({
+    const { updateCurrentConversationInfo, currentConversationInfo, updateConversations, cozeApi } = context_useChatAppStore(shallow_useShallow((s)=>({
             updateCurrentConversationInfo: s.updateCurrentConversationInfo,
             currentConversationInfo: s.currentConversationInfo,
             updateConversations: s.updateConversations,
             cozeApi: s.cozeApi
         })));
-    const { chatConfig: { type: chatType } } = useChatAppProps();
+    const { chatConfig: { type: chatType } } = context_useChatAppProps();
     const [isRenameModalVisible, setIsRenameModalVisible] = (0,react.useState)(false);
     const [renameInputValue, setRenameInputValue] = (0,react.useState)('');
     const [isRenameLoading, setIsRenameLoading] = (0,react.useState)(false);
@@ -435524,7 +436379,7 @@ var header_index_module_update = injectStylesIntoStyleTag_default()(header_index
 
 
 const FloatBtn = ()=>{
-    const { updateCurrentConversationInfo, currentConversationInfo } = useChatAppStore(shallow_useShallow((s)=>({
+    const { updateCurrentConversationInfo, currentConversationInfo } = context_useChatAppStore(shallow_useShallow((s)=>({
             updateCurrentConversationInfo: s.updateCurrentConversationInfo,
             currentConversationInfo: s.currentConversationInfo
         })));
@@ -436271,35 +437126,6 @@ const getBuilderEventCallbackPlugin = (props)=>{
 
 ;// CONCATENATED MODULE: ../open-chat/src/assets/chatflow-logo.png
 const chatflow_logo_namespaceObject = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEsCAYAAAB5fY51AAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAwkSURBVHgB7d2xblRXGsDxwyrQGGkxhaHACmsatgEiUQSKYCRoSBHnCYAngDxBnCcIPAEgP0BIkTRBwk4RUiCF0EADSwQFuABWwg0p2PkGhiUBxL0zd+z57v39pNGwu83OzJ2/zzn33DubytLSiwKQwD8KQBKCBaQhWEAaggWkIVhAGoIFpCFYQBqCBaQhWEAaggWkIVhAGoIFpCFYQBqCBaQhWEAaggWkIVhAGoIFpCFYQBqCBaQhWEAaggWkIVhAGoIFpCFYQBqCBaQhWEAaggWkIVhAGoIFpCFYQBqCBaQhWEAaggWkIVhAGoIFpCFYQBqCBaQhWEAaggWkIVhAGoIFpCFYQBqCBaQhWEAaggWkIVhAGoIFpCFYQBqCBaQhWEAaggWkIVhAGoIFpCFYQBqCBaQhWEAaggWkIVhAGoIFpCFYQBqCBaQhWEAaggWk8VGBEe2emirbtmz5yyPce/as//z0+fNyb22t/wyjECwqixAdmJ7uP/b3HvM7d5Ztmze/DlQVN5486Yds5dGj/r+Xe89Q1aaytPSiwHtEjE7NzZUvZmf7oaoTp6oiWpfu3CnLq6uvR2XwLoLFW96M1PyOHWU9DeJ18e7dAn8nWLwWoTqzd28523uMYyRVR4y0YsT1zc2bRl28JlhMVKjeJUZbwkUQrI6LUC3u2zeRoXpTxOr87dvlXO9BdwlWRx3Yvr1c+PTT/nMmEa6jV64YbXWUjaMdFKOq306cSBersHvr1vKfhYXydW9USPcYYXVIfNkvHDq07mf+xiXOKJ6+ds1oq0OMsDoiYnX12LHWxCrEa4nXFK+NbhCsDogvdkwB2/jFjtfUn95OTxfaT7Ba7uTcXLl6/PjEnwUcRby23z7/vP9aaTfBarH4Al88fLh0RbxW0Wo3wWqpOAPYpVgNnDt40PSwxQSrhQYL7F0U08OYAluIbyfBaplBrNq8ZvUh/Wh1/D1oK8FqmW97UyKji//vOaNdBKtFYvf3wq5dhZcWZmf7F3TTHoLVEjGiWHS5ylsi4kac7SFYLfHdkSOFt8U6lqlhewhWC8TdQZ3Kf7/Y6X/K/qxWEKwWcOeCD4uTEc4a5idYyVmjqSZiZQE+P8FKLEJlqlPdmQm9BTTVCVZi8zMzRlc1GGXlJ1iJWbuq74xgpSZYScWmSKOr+mKU1aabGHaNYCUVP3LKcIyy8hKshAa/zMxwYoRl8T0nwUrIlGY0/Wlh74QF+QhWQqaDo/Me5iRYCRkdjM4oNSfBSibODDo7OLr++zg1VchFsJJxkXNzjLLyEaxkfMmaEz/UQS6ClczHpoONMSXMR7CS8SVrzn7T63QEKxnBao7No/kIVjK+ZM3xXuYjWInYztA8I9ZcBAtIQ7CANAQLSEOwgDQEi057+uefhTwEK5F7z54VmvX0+fNCHoKVzL21tUIz/AHIR7CSMSJojvjnI1jJ/P7kSaEZ/xX/dAQrmRuPHxeasfzoUSEXwUrmhhFWY7yX+QhWMr5kzfFe5iNYycSiuy/a6GJq7QRGPoKV0Iq1l5GtrK4W8hGshC7fv18YjfcwJ8FKKM5umc4MLzaMOkOYk2Aldf727cJwlk0H0xKspC4/eFAYzjc3bxZyEqyk4iyXaU198Z65hjAvwUrMSKG+87duFfISrMRitGCUVV2MrEylcxOs5IyyqvNe5SdYyRllVRPv0cW7dwu5CVYLGDl82Olr1wr5CVYLxOjBvqz3i6A7M9gOgtUSi76U7xTvyTkxbw3Baom4VMe0521Hr1xxGVOLCFaLxNTwq+vXCy+ZCraPYLVMTH8uORvWX9NbdDKidQSrhc72RlldvslfXLYkVu0kWC0UazZfrqx0cjoUr/nLn3+2btVSgtVS8cWNBecuRauLr7lrBKvFuvQFFqtuEKyWG3yR27ymFWtWn/z4o1h1gGB1QHyRP/nhh1buho/XFLGyZtUNgtUhcfawLfu0IlDxWs7ad9Ypm8rS0otCp+zeurVcPXas/5xRTAFP//pr/5luMcLqoJgi/uvy5XR3eYhRVfx/jimgWHWTEVbHxShrcd++cnJurkyyuOworpW0sN5tgkXf/I4d5eteuOJ5kkSoYlTlJoUEweIvDkxPl7P//veGjrhi6je4x5dQ8SbB4p1iqjg/M1PO9OIVEVsPEafv79/v38rYNgXeRbD4oEG8vpid7U8Zt23ZUpowGEmtvLrfukjxIYJFbTHiiojF8/7eIwIW/3nb5s1vxeze2trL595ieTz+6P3n+O+WHz58/b9BVYIFpGEfFpCGYAFpCBaQhmABaQgWkIZgAWkIFpDGR4XW6W/knJp6uZnz1b8HPn7j323wxxubT2MjamxOjR3z8W8759tHsJKLIMXlMkd6j9h5fuDVznNeXvoT97KPR1z+E89uT5Obne4JRaDiur6F3mN3y0ZM4xbRGlxk7U4Q+QhWEoNInZqbM4JqSIy2lldXy/lbtzr9S9mZCNYEizAt7NpVTu7ZM3E31mubCFaEK+4aweQSrAkUoTqzd28523sYTa2vGHXFHU6FazIJ1oSJUMU91oVqYwnXZBKsCRFTvguHDqX96a22inDF7x9efvCgsPFsHN1gMZK6cPhwuXr8uFhNoPhMvpuf739GPp+NZ4S1gWJU9d2RI6Z/SZgmbjwjrA3y7cGD/VGVWOURI6wYacXPobExjLDWWX+K8dln5cD27YW8YhvElysrds6vMyOsdRSRunrsmFi1QFwCFZ+lda31JVjrJNarHODtEp/lbydO2NS7jgRrHcSvKFuvaqf4TOOz3chfyu4SwRqzOJAv9hZqabf4jEVr/ARrjMSqW0Rr/ARrTGJh/dzBg4Vuic88FuQZD8Eag8HWBWtW3ROfeWwGdnJlPASrYf1FWGcDOy0++zgG/MFqnmA1LHawixVxDHxrSaBxgtWguDXMKYuuvBLHQtzTjOYIVkPiL+qia8z4m7ju0Ii7OYLVkLiXlTUL/q5/+6DesUEzBKsBMfR3eQbvE8eGqWEzBGtEMdx3uxE+5Gu3vW6EYI3IGgVVRKyMskYnWCOIUDkrSFVxFtkft9EI1ghMBakjRlmOmdEI1pCMrhiGX+4ejWANyV9KhmUta3iCNYT4Czk/M1NgGGf8ovfQBGsIC7t2WTxlaBErywnDEawhnNyzp8AovpidLdQnWDXFyMqudkYVx9DuqalCPYJVU0wHoQkLRlm1CVZNhvI0xbFUn2DVYDpIk+JYcrawHsGqwY8L0DTbY+oRrBqMrmja/M6dheoEq4YjgkXDjhhh1SJYNZgS0jQbkOsRrIrih1GhabHobj9WdYJVkYOKcbE2Wp1gVWQ6yLjY2lCdYFVkrYFx2e+PYWWCVdHHpoSMybQRVmWCBRvsn4JVmWBVZErIuDihU51gAWkIFpCGYAFpCBaQhmABaQgWkIZgAWkIFpCGYAFpCBaQhmABaQgWkIZgVfT0+fMC43Bvba1QjWBV9PuTJwXGQbCqE6yKbjx+XGAcVh4+LFQjWBVdfvCgwDgsr64WqhGsiu49e1aWHz0q0KQ4puLYohrBquHSnTsFmuSYqkewarh4966/hjQmjqU4pqhOsGo6fe1agSY4luoTrJpizeH87dsFRvHNzZvWRIcgWEM4e/16uWFfFkOKLTKLvWBRn2AN6ehPP4kWtUWsjl65UhiOYA0pLtWJaF2yaEpFcaxErFzmNTzBGkEceKd++aV81ZsiOnvI+8RxEsdIHCtiNZpNZWnpRWFk8cvQi/v2lZNzcwVCxClO0JzrPYSqGYLVsAjX/MxMOblnTzkwPV22bdlS6I4IU6xtfn//fn+PlVA1S7DGbBCtwYN2iiWB/sOdF8bqo8JYOZMIzbHoDqQhWEAaggWkIVhAGoIFpCFYQBqCBaQhWEAaggWkIVhAGoIFpCFYQBqCBaQhWEAaggWkIVhAGoIFpCFYQBqCBaQhWEAaggWkIVhAGoIFpCFYQBqCBaQhWEAaggWkIVhAGoIFpCFYQBqCBaQhWEAaggWkIVhAGoIFpCFYQBqCBaQhWEAaggWkIVhAGoIFpCFYQBqCBaQhWEAaggWkIVhAGoIFpCFYQBqCBaQhWEAaggWkIVhAGoIFpCFYQBqCBaQhWEAaggWkIVhAGoIFpCFYQBqCBaQhWEAaggWkIVhAGv8DJbWhlGwbFtYAAAAASUVORK5CYII=";
-;// CONCATENATED MODULE: ../open-chat/src/chat/builder-chat/helper/get-connector-id.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.
- */ 
-const getConnectorId = (props)=>{
-    const { project } = props;
-    const { mode, connectorId } = project || {};
-    if (!connectorId) {
-        if (mode === 'websdk') {
-            return webSdkDefaultConnectorId;
-        } else if (mode === 'draft') {
-            return chatflowDraftConnectorId;
-        }
-    }
-    return connectorId;
-};
-
 ;// CONCATENATED MODULE: ../open-chat/src/chat/builder-chat/services/get-bot-info.ts
 /*
  * Copyright 2025 coze-dev Authors