feat: Set display history (#3937)

Co-authored-by: wangdan-fit2cloud <[email protected]>

Author: shaohuzhang1

ui/src/assets/fileType/web-link-icon.svg

@@ -23,7 +23,13 @@
             <el-card shadow="never" style="--el-card-padding: 8px">
               <div class="flex-between">
                 <div class="flex align-center">
-                  <img :src="getImgUrl(item && item?.document_name)" alt="" width="24" />
+                  <img
+                    src="@/assets/fileType/web-link-icon.svg"
+                    alt=""
+                    width="24"
+                    v-if="item?.meta?.source_file_id || item?.meta?.source_url"
+                  />
+                  <img v-else :src="getImgUrl(item && item?.document_name)" alt="" width="24" />
                   <div
                     class="ml-4 ellipsis-1"
                     :title="item?.document_name"

ui/src/components/ai-chat/component/knowledge-source-component/index.vue

@@ -4,7 +4,6 @@
     :title="$t('views.system.resourceAuthorization.title')"
     size="60%"
     :append-to-body="true"
-    :modal="false"
   >
     <div class="flex-between mb-16">
       <el-button
@@ -159,7 +158,7 @@ const { user } = useStore()
 const props = defineProps<{
   type: string
 }>()
-const permissionOptions = computed(() => { 
+const permissionOptions = computed(() => {
   return getPermissionOptions()
 })
 const drawerVisible = ref(false)

ui/src/components/resource-authorization-drawer/index.vue

@@ -4,8 +4,6 @@ import type {ChatProfile, ChatUserProfile} from '@/api/type/chat'
 import type {LoginRequest} from '@/api/type/user'
 import type {Ref} from 'vue'
 import {getBrowserLang} from '@/locales/index'
-import LoginApi from "@/api/user/login.ts";
-import useUserStore from "@/stores/modules/user.ts";
 
 interface ChatUser {
   // 用户id
@@ -46,6 +44,7 @@ const useChatUserStore = defineStore('chat-user', {
     },
     applicationProfile() {
       return ChatAPI.applicationProfile().then((ok) => {
+        console.log('applicationProfile', ok.data)
         this.application = ok.data
         localStorage.setItem(`${this.accessToken}-locale`, ok.data?.language || this.getLanguage())
       })

ui/src/stores/modules/chat-user.ts

@@ -156,7 +156,7 @@
 // radio-button-group
 .app-radio-button-group {
   background: #ffffff;
-  border: 1px solid var(--app-border-color-dark);
+  border: 1px solid var(--el-border-color);
   border-radius: var(--el-border-radius-base);
   .el-radio-button {
     padding: 3px;

ui/src/styles/component.scss

@@ -442,6 +442,10 @@
                   $t('views.applicationOverview.appInfo.SettingDisplayDialog.showExecutionDetail')
                 "
               />
+              <el-checkbox
+                v-model="xpackForm.show_history"
+                :label="$t('views.applicationOverview.appInfo.SettingDisplayDialog.showHistory')"
+              />
               <el-checkbox
                 v-model="xpackForm.show_guide"
                 :label="$t('views.applicationOverview.appInfo.SettingDisplayDialog.displayGuide')"
@@ -483,12 +487,9 @@ import type { FormInstance, FormRules, UploadFiles } from 'element-plus'
 import { isAppIcon } from '@/utils/common'
 import { MsgSuccess, MsgError } from '@/utils/message'
 import { langList, t } from '@/locales'
-import useStore from '@/stores'
 import { cloneDeep } from 'lodash'
 import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
 
-const { user } = useStore()
-
 const route = useRoute()
 const {
   params: { id },

ui/src/views/application-overview/xpack-component/XPackDisplaySettingDialog.vue

@@ -211,7 +211,6 @@ function back() {
     MsgConfirm(t('common.tip'), t('views.applicationWorkflow.tip.saveMessage'), {
       confirmButtonText: t('views.applicationWorkflow.setting.exitSave'),
       cancelButtonText: t('views.applicationWorkflow.setting.exit'),
-      type: 'warning',
       distinguishCancelAndClose: true,
     })
       .then(() => {

ui/src/views/application-workflow/index.vue

@@ -3,7 +3,7 @@
     <el-menu
       :default-active="currentChatId"
       :collapse="isPcCollapse"
-      collapse-transition
+      :collapse-transition="false"
       popper-class="chat-pc-popper"
       class="h-full"
     >
@@ -37,7 +37,11 @@
           <AppIcon iconName="app-create-chat"></AppIcon>
           <span class="ml-4">{{ $t('chat.createChat') }}</span>
         </el-button>
-        <div v-show="!isPcCollapse" class="flex-between p-8 pb-0 color-secondary mt-8">
+        <div
+          v-show="!isPcCollapse"
+          class="flex-between p-8 pb-0 color-secondary mt-8"
+          v-if="applicationDetail.show_history || hasPermission(EditionConst.IS_CE, 'OR')"
+        >
           <span>{{ $t('chat.history') }}</span>
           <el-tooltip effect="dark" :content="$t('chat.clearChat')" placement="right">
             <el-button text @click.stop="clearChat">
@@ -46,7 +50,11 @@
           </el-tooltip>
         </div>
       </div>
-      <div v-show="!isPcCollapse" class="left-height">
+      <div
+        v-show="!isPcCollapse"
+        class="left-height"
+        v-if="applicationDetail.show_history || hasPermission(EditionConst.IS_CE, 'OR')"
+      >
         <el-scrollbar>
           <div class="p-16 pt-0">
             <common-list
@@ -103,7 +111,7 @@
         <template #title>{{ $t('chat.createChat') }}</template>
       </el-menu-item>
 
-      <el-sub-menu v-show="isPcCollapse" index="2">
+      <el-sub-menu v-show="isPcCollapse" index="2" v-if="applicationDetail.show_history || hasPermission(EditionConst.IS_CE, 'OR')">
         <template #title>
           <AppIcon iconName="app-history-outlined" />
         </template>
@@ -163,6 +171,8 @@
 import { ref } from 'vue'
 import { isAppIcon } from '@/utils/common'
 import EditTitleDialog from './EditTitleDialog.vue'
+import { EditionConst } from '@/utils/permission/data'
+import { hasPermission } from '@/utils/permission/index'
 const props = defineProps<{
   applicationDetail: any
   chatLogData: any[]

ui/src/views/chat/component/HistoryPanel.vue

@@ -11,18 +11,16 @@
     class="mcp-config-dialog"
   >
     <el-form label-width="auto" label-position="top">
-      <el-form-item>
+      <el-form-item @mouseenter.stop="showIcon = true" @mouseleave.stop="showIcon = false">
         <el-input
           type="textarea"
           v-model="mcp_servers"
           rows="8"
           disabled
           class="config-textarea"
-          @mouseenter.stop="showIcon = true"
-          @mouseleave.stop="showIcon = false"
         ></el-input>
-        <el-button circle class="copy-icon" v-if="showIcon" @click="copyClick(mcp_servers)">
-          <AppIcon iconName="app-copy" class="color-secondary"/>
+        <el-button circle class="copy-icon" v-show="showIcon" @click.stop="copyClick(mcp_servers)">
+          <AppIcon iconName="app-copy" class="color-secondary" />
         </el-button>
       </el-form-item>
     </el-form>

ui/src/views/tool/component/McpToolConfigDialog.vue

@@ -111,14 +111,14 @@
                 }}</span>
               </template>
             </el-table-column>
-            <el-table-column :label="$t('common.required')" width="85">
+            <el-table-column :label="$t('common.required')" width="55">
               <template #default="{ row }">
                 <div @click.stop>
                   <el-switch disabled size="small" v-model="row.required" />
                 </div>
               </template>
             </el-table-column>
-            <el-table-column :label="$t('common.operation')" align="left" width="90">
+            <el-table-column :label="$t('common.operation')" align="left" width="80">
               <template #default="{ row, $index }">
                 <span class="mr-4">
                   <el-tooltip effect="dark" :content="$t('common.modify')" placement="top">