refactor: executionDetailContent

Author: 1myuan

ui/public/tool/bochaai/detail.md

@@ -9,7 +9,7 @@
 在[博查开放平台](https://open.bochaai.com/overview) 上申请 API 密钥。
 ![API Key](/ui/tool/img/bocha_APIKey.jpg)
 2. 在函数库中配置
-在函数库的博查函数面板中，点击 … > 启用参数，填写 API 密钥，并启用该函数。   
+在函数库的博查函数面板中，点击 … > 启动参数，填写 API 密钥，并启用该函数。   
 ![启动参数](/ui/tool/img/bocha_setting.jpg)
 3. 在应用中使用
 在高级编排应用中，点击添加组件->函数库->博查，设置使用参数。

ui/public/tool/langsearch/detail.md

@@ -9,7 +9,7 @@ LangSearch 是一个提供免费Web Search API和Rerank API的服务，支持新
 在[LangSearch](https://langsearch.com/overview) 上申请 API 密钥。
 ![API Key](/ui/tool/img/langsearch_APIKey.jpg)
 2. 在函数库中配置
-在函数库的LangSearch函数面板中，点击 … > 启用参数，填写 API 密钥，并启用该函数。   
+在函数库的LangSearch函数面板中，点击 … > 启动参数，填写 API 密钥，并启用该函数。   
 ![启动参数](/ui/tool/img/langsearch_setting.jpg)
 3. 在应用中使用
 在高级编排应用中，点击添加组件->函数库->LangSearch，设置使用参数。

ui/public/tool/mysql/detail.md

@@ -6,7 +6,7 @@ MySQL查询是一个连接MySQL数据库执行SQL查询的工具。
 ## 配置
 
 1. 在函数库中配置启动参数
-在函数库的MySQL函数面板中，点击 … > 启用参数，填写数据库连接参数，并启用该函数。   
+在函数库的MySQL函数面板中，点击 … > 启动参数，填写数据库连接参数，并启用该函数。   
 ![启动参数](/ui/tool/img/MySQL_setting.jpg)
 2. 在应用中使用
 在高级编排应用中，点击添加组件->函数库->MySQL查询，设置查询内容。

ui/public/tool/postgresql/detail.md

@@ -6,7 +6,7 @@ PostgreSQL查询是一个连接PostgreSQL数据库执行SQL查询的工具。
 ## 配置
 
 1. 在函数库中配置启动参数
-在函数库的PostgreSQL函数面板中，点击 … > 启用参数，填写数据库连接参数，并启用该函数。   
+在函数库的PostgreSQL函数面板中，点击 … > 启动参数，填写数据库连接参数，并启用该函数。   
 ![启动参数](/ui/tool/img/PostgreSQL_setting.jpg)
 2. 在应用中使用
 在高级编排应用中，点击添加组件->函数库->PostgreSQL查询，设置查询内容。

ui/src/components/ai-chat/ExecutionDetailDialog.vue

@@ -81,15 +81,25 @@ const props = defineProps({
   type: {
     type: String,
     default: ''
+  },
+  executionIsRightPanel: {
+    type: Boolean,
+    required: false,
   }
 })
 
+const emit = defineEmits(['openExecutionDetail'])
+
 const ParagraphSourceDialogRef = ref()
 const ExecutionDetailDialogRef = ref()
 function openParagraph(row: any, id?: string) {
   ParagraphSourceDialogRef.value.open(row, id)
 }
 function openExecutionDetail(row: any) {
+  if(props.executionIsRightPanel){
+    emit('openExecutionDetail')
+    return
+  }
   ExecutionDetailDialogRef.value.open(row)
 }
 const uniqueParagraphList = computed(() => {

ui/src/components/ai-chat/KnowledgeSource.vue

@@ -43,6 +43,8 @@
           <KnowledgeSource
             :data="chatRecord"
             :type="application.type"
+            :executionIsRightPanel="props.executionIsRightPanel"
+            @open-execution-detail="emit('openExecutionDetail')"
             v-if="showSource(chatRecord) && index === chatRecord.answer_text_list.length - 1"
           />
         </el-card>
@@ -83,11 +85,12 @@ const props = defineProps<{
   sendMessage: (question: string, other_params_data?: any, chat?: chatType) => Promise<boolean>
   chatManagement: any
   type: 'log' | 'ai-chat' | 'debug-ai-chat'
+  executionIsRightPanel?: boolean
 }>()
 
 const { user } = useStore()
 
-const emit = defineEmits(['update:chatRecord'])
+const emit = defineEmits(['update:chatRecord', 'openExecutionDetail'])
 
 const showAvatar = computed(() => {
   return user.isEnterprise() ? props.application.show_avatar : true

ui/src/components/ai-chat/component/ExecutionDetailContent.vue

@@ -48,6 +48,8 @@
               :type="type"
               :send-message="sendMessage"
               :chat-management="ChatManagement"
+              :executionIsRightPanel="props.executionIsRightPanel"
+              @open-execution-detail="emit('openExecutionDetail', chatList[index])"
             ></AnswerContent>
           </template>
           <TransitionContent
@@ -119,14 +121,15 @@ const props = withDefaults(
     record?: Array<chatType>
     available?: boolean
     chatId?: string
+    executionIsRightPanel?: boolean
   }>(),
   {
     applicationDetails: () => ({}),
     available: true,
     type: 'ai-chat',
   },
 )
-const emit = defineEmits(['refresh', 'scroll'])
+const emit = defineEmits(['refresh', 'scroll', 'openExecutionDetail'])
 const { application, common } = useStore()
 const isMobile = computed(() => {
   return common.isMobile() || mode === 'embed' || mode === 'mobile'

ui/src/components/ai-chat/component/answer-content/index.vue

@@ -1,4 +1,7 @@
 export default {
+  mine: 'Mine',
+  logoutContent: 'Logging out will not lose any data. You can still log in to this account.',
+  confirmModification: 'Confirm modification',
   noHistory: 'No Chat History',
   createChat: 'New Chat',
   history: 'Chat History',