feat: style

Author: wangdan-fit2cloud

apps/chat/template/embed.js

@@ -240,8 +240,8 @@ function initMaxkbStyle(root, maxkbId){
 
   }
   #maxkb-chat-container {
-        width: 450px;
-        height: 600px;
+        width: 460px;
+        height: 680px;
         display:none;
       }
   @media only screen and (max-width: 768px) {

ui/src/api/application/application-xpack.ts

@@ -120,6 +120,27 @@ const putAccessToken: (
   return put(`${prefix.value}/${application_id}/access_token`, data, undefined, loading)
 }
 
+/**
+ * 替换社区版-修改AccessToken
+ * @param 参数 application_id
+ * data {
+ *  "show_source": boolean,
+ *  "show_history": boolean,
+ *  "draggable": boolean,
+ *  "show_guide": boolean,
+ *  "avatar": file,
+ *  "float_icon": file,
+ * }
+ */
+const putXpackAccessToken: (
+  application_id: string,
+  data: any,
+  loading?: Ref<boolean>,
+) => Promise<Result<any>> = (application_id, data, loading) => {
+  return put(`${prefix.value}/${application_id}/setting`, data, undefined, loading)
+}
+
+
 /**
  * 导出应用
  */
@@ -331,6 +352,7 @@ export default {
   getApplicationDetail,
   getAccessToken,
   putAccessToken,
+  putXpackAccessToken,
   exportApplication,
   importApplication,
   getStatistics,

ui/src/api/application/application.ts

@@ -42,6 +42,7 @@
           <!-- 知识来源 -->
           <KnowledgeSourceComponent
             :data="chatRecord"
+            :application="application"
             :type="application.type"
             :executionIsRightPanel="props.executionIsRightPanel"
             @open-execution-detail="emit('openExecutionDetail')"
@@ -90,8 +91,6 @@ const props = defineProps<{
   executionIsRightPanel?: boolean
 }>()
 
-const { user } = useStore()
-
 const emit = defineEmits([
   'update:chatRecord',
   'openExecutionDetail',
@@ -100,10 +99,10 @@ const emit = defineEmits([
 ])
 
 const showAvatar = computed(() => {
-  return user.isEE() || user.isPE() ? props.application.show_avatar : true
+  return props.application.show_avatar == undefined ? true : props.application.show_avatar
 })
 const showUserAvatar = computed(() => {
-  return user.isEE() || user.isPE() ? props.application.show_user_avatar : true
+  return props.application.show_user_avatar == undefined ? true : props.application.show_user_avatar
 })
 const chatMessage = (question: string, type: 'old' | 'new', other_params_data?: any) => {
   if (type === 'old') {
@@ -150,7 +149,11 @@ function showSource(row: any) {
   if (props.type === 'log') {
     return true
   } else if (row.write_ed && 500 !== row.status) {
-    if (props.type === 'debug-ai-chat' || props.application?.show_source) {
+    if (
+      props.type === 'debug-ai-chat' ||
+      props.application?.show_source ||
+      props.application?.show_exec
+    ) {
       return true
     }
   }

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

@@ -193,7 +193,7 @@
                 >
                   <div class="card-never border-r-6" v-if="item.type !== WorkflowType.Application">
                     <h5 class="p-8-12">
-                      {{ $t('views.application.applicationForm.form.roleSettings.label') }}
+                      {{ $t('views.application.form.roleSettings.label') }}
                     </h5>
                     <div class="p-8-12 border-t-dashed lighter">
                       {{ item.system || '-' }}
@@ -503,7 +503,7 @@
                 <template v-if="item.type == WorkflowType.ImageUnderstandNode">
                   <div class="card-never border-r-6" v-if="item.type !== WorkflowType.Application">
                     <h5 class="p-8-12">
-                      {{ $t('views.application.applicationForm.form.roleSettings.label') }}
+                      {{ $t('views.application.form.roleSettings.label') }}
                     </h5>
                     <div class="p-8-12 border-t-dashed lighter">
                       {{ item.system || '-' }}

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

@@ -6,7 +6,7 @@
           <ParagraphCard :data="item" :content="item.content" :index="index" />
         </template>
       </div>
-      <span v-else> - </span>
+      <span v-else> {{ $t('chat.KnowledgeSource.noSource') }}</span>
     </div>
   </el-scrollbar>
 </template>

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

@@ -1,6 +1,6 @@
 <template>
   <div class="chat-knowledge-source">
-    <div class="flex align-center mt-16">
+    <div class="flex align-center mt-16" v-if="application.show_source">
       <span class="mr-4 color-secondary">{{ $t('chat.KnowledgeSource.title') }}</span>
       <el-divider direction="vertical" />
       <el-button type="primary" class="mr-8" link @click="openParagraph(data)">
@@ -9,7 +9,7 @@
         {{ data.paragraph_list?.length || 0 }}</el-button
       >
     </div>
-    <div class="mt-8">
+    <div class="mt-8" v-if="application.show_source">
       <el-row :gutter="8" v-if="uniqueParagraphList?.length">
         <template v-for="(item, index) in uniqueParagraphList" :key="index">
           <el-col :span="12" class="mb-8">
@@ -44,6 +44,7 @@
     </div>
 
     <div
+      v-if="application.show_exec"
       class="execution-details border-t color-secondary flex-between mt-12"
       style="padding-top: 12px; padding-bottom: 8px"
     >
@@ -104,6 +105,10 @@ const props = defineProps({
     type: Boolean,
     required: false,
   },
+  application: {
+    type: Object,
+    default: () => {},
+  },
 })
 
 const emit = defineEmits(['openExecutionDetail', 'openParagraph', 'openParagraphDocument'])

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

@@ -9,7 +9,7 @@
       class="content"
       v-if="prologue"
       :style="{
-        'padding-right': showUserAvatar ? 'var(--padding-left)' : '0'
+        'padding-right': showUserAvatar ? 'var(--padding-left)' : '0',
       }"
     >
       <el-card shadow="always" class="border-r-8" style="--el-card-padding: 10px 16px 12px">
@@ -35,13 +35,12 @@ const props = defineProps<{
   sendMessage: (question: string, other_params_data?: any, chat?: chatType) => void
 }>()
 
-const { user } = useStore()
 
 const showAvatar = computed(() => {
-  return (user.isEE() || user.isPE()) ? props.application.show_avatar : true
+  return props.application.show_avatar == undefined ? true : props.application.show_avatar
 })
 const showUserAvatar = computed(() => {
-  return user.isEE() || user.isPE() ? props.application.show_user_avatar : true
+  return props.application.show_user_avatar == undefined ? true : props.application.show_user_avatar
 })
 
 const toQuickQuestion = (match: string, offset: number, input: string) => {
@@ -54,7 +53,7 @@ const prologue = computed(() => {
       /<html_rander>[\d\D]*?<\/html_rander>/g,
       /<echarts_rander>[\d\D]*?<\/echarts_rander>/g,
       /<quick_question>[\d\D]*?<\/quick_question>/g,
-      /<form_rander>[\d\D]*?<\/form_rander>/g
+      /<form_rander>[\d\D]*?<\/form_rander>/g,
     ]
     let _temp = temp
     for (const index in tag_list) {

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

@@ -106,10 +106,8 @@ const props = defineProps<{
   type: 'log' | 'ai-chat' | 'debug-ai-chat'
 }>()
 
-const { user } = useStore()
-
 const showAvatar = computed(() => {
-  return user.isEE() || user.isPE() ? props.application.show_user_avatar : true
+  return props.application.show_avatar == undefined ? true : props.application.show_avatar
 })
 
 const document_list = computed(() => {

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

@@ -86,7 +86,9 @@
             @click="toggleUserInput"
           >
             <el-icon :size="16" class="mr-4"><EditPen /></el-icon>
-            {{ $t('chat.userInput') }}
+            <span class="ellipsis">
+              {{ userInputTitle || $t('chat.userInput') }}
+            </span>
           </el-button>
         </template>
       </ChatInputOperate>
@@ -171,6 +173,12 @@ const isUserInput = computed(
     props.applicationDetails.work_flow?.nodes?.filter((v: any) => v.id === 'base-node')[0]
       .properties.user_input_field_list.length > 0,
 )
+
+const userInputTitle = computed(
+  () =>
+    props.applicationDetails.work_flow?.nodes?.filter((v: any) => v.id === 'base-node')[0]
+      .properties?.user_input_config?.title,
+)
 const isAPIInput = computed(
   () =>
     props.type === 'debug-ai-chat' &&
@@ -543,7 +551,7 @@ function chatMessage(chat?: any, problem?: string, re_chat?: boolean, other_para
         if (props.chatId === 'new') {
           emit('refresh', chartOpenId.value)
         }
-        return (id || props.applicationDetails?.show_source) && getSourceDetail(chat)
+        return (id || props.applicationDetails?.show_source || props.applicationDetails?.show_exec) && getSourceDetail(chat)
       })
       .finally(() => {
         ChatManagement.close(chat.id)