perf: long-term memory translation

Author: wangdan-fit2cloud

ui/src/components/dynamics-form/constructor/items/TreeSelectConstructor.vue

@@ -28,14 +28,14 @@
         :props="treeProps"
         class="option-tree"
       >
-        <template #default="{ data }">
+        <template #default="{ data, node }">
           <div class="flex-between w-full">
             <div class="ellipsis" :title="`${data.label}-${data.value}`" style="max-width: 350px">
               <span>{{ data.label }}-{{ data.value }}</span>
             </div>
 
             <div>
-              <span class="mr-4">
+              <span class="mr-4" v-if="node.level < 5">
                 <el-button link @click.stop="openAddChildDialog(data)">
                   <AppIcon iconName="app-add-outlined" class="color-secondary"></AppIcon>
                 </el-button>

ui/src/locales/lang/zh-CN/views/application.ts

@@ -32,6 +32,20 @@ export default {
     confirmUse: '确定使用',
     overwrite: '覆盖当前工作流',
   },
+  longTermMemory: {
+    title: '长期记忆',
+    setting: '长期记忆设置',
+    triggerType: '触发方式',
+    roundTrigger: '按轮次触发',
+    roundTriggerTip: '累计到N轮后，自动提炼N轮对话，生成记忆',
+    triggerInterval: '触发间隔',
+    scheduledTrigger: '按时间触发',
+    scheduledTriggerTip: '到设定时间后，自动提炼周期内所有对话，生成记忆',
+    cronExpressionInvalid: 'Cron表达式不合法',
+    tips1: `开启后，从开启时间记录新对话并按周期生成记忆，可通过`,
+    tips2: `变量在系统提示词中调用。
+关闭后，将清空对话用户的长期记忆，再次开启将重新从开启时点开始累积。`,
+  },
   form: {
     appName: {
       placeholder: '请输入智能体名称',

ui/src/views/application/ApplicationSetting.vue

@@ -196,10 +196,10 @@
                   <template #label>
                     <div class="flex-between">
                       <div class="flex align-center">
-                        <span class="mr-4">长期记忆</span>
+                        <span class="mr-4">{{ $t('views.application.longTermMemory.title') }}</span>
                         <el-tooltip
                           effect="dark"
-                          :content="$t('{memory} 为长期记忆的占位符，开启后可以在系统提示词中引用')"
+                          :content="longTermPrompt"
                           placement="right"
                           popper-class="max-w-350"
                         >
@@ -242,7 +242,7 @@
                       @refreshForm="refreshParam"
                     >
                       <el-icon>
-                        <Operation/>
+                        <Operation />
                       </el-icon>
                     </el-button>
                   </div>
@@ -898,7 +898,10 @@
     </el-card>
 
     <AIModeParamSettingDialog ref="AIModeParamSettingDialogRef" @refresh="refreshForm" />
-    <AIModeParamSettingDialog ref="LongTermModeParamSettingDialogRef" @refresh="refreshLongTermForm" />
+    <AIModeParamSettingDialog
+      ref="LongTermModeParamSettingDialogRef"
+      @refresh="refreshLongTermForm"
+    />
     <GeneratePromptDialog @replace="replace" ref="GeneratePromptDialogRef" />
     <TTSModeParamSettingDialog ref="TTSModeParamSettingDialogRef" @refresh="refreshTTSForm" />
     <STTModeParamSettingDialog ref="STTModeParamSettingDialogRef" @refresh="refreshSTTForm" />
@@ -917,7 +920,7 @@
     <ToolDialog ref="toolDialogRef" @refresh="submitToolDialog" tool_type="CUSTOM,WORKFLOW" />
     <ToolDialog ref="skillToolDialogRef" @refresh="submitSkillToolDialog" tool_type="SKILL" />
     <ApplicationDialog ref="applicationDialogRef" @refresh="submitApplicationDialog" />
-    <LongTermSettingDialog ref="LongTermSettingDialogRef" @refresh="submitLongTermSettingDialog"/>
+    <LongTermSettingDialog ref="LongTermSettingDialogRef" @refresh="submitLongTermSettingDialog" />
   </div>
 </template>
 <script setup lang="ts">
@@ -945,8 +948,8 @@ import McpServersDialog from '@/views/application/component/McpServersDialog.vue
 import ToolDialog from '@/views/application/component/ToolDialog.vue'
 import ApplicationDialog from '@/views/application/component/ApplicationDialog.vue'
 import useStore from '@/stores'
-import AppIcon from "@/components/app-icon/AppIcon.vue";
-import LongTermSettingDialog from "@/views/application/component/LongTermSettingDialog.vue";
+import AppIcon from '@/components/app-icon/AppIcon.vue'
+import LongTermSettingDialog from '@/views/application/component/LongTermSettingDialog.vue'
 const route = useRoute()
 const router = useRouter()
 const {
@@ -980,11 +983,10 @@ const optimizationPrompt =
   '<data></data>' +
   t('views.application.dialog.defaultPrompt2')
 
-const longTermPrompt = `=======长期记忆========
-{memory}
-=======================
-请根据以上长期记忆回答用户问题
-`
+const longTermPrompt =
+  t('views.application.longTermMemory.tips1') +
+  '{{memory}}' +
+  t('views.application.longTermMemory.tips2')
 
 const collapseData = reactive({
   prompt: true,
@@ -1055,7 +1057,7 @@ const applicationForm = ref<ApplicationFormType>({
   long_term_model_id: '',
   long_term_model_params_setting: {},
   long_term_trigger_setting: {},
-  long_term_trigger_type: 'ROUND'
+  long_term_trigger_type: 'ROUND',
 })
 
 const rules = reactive<FormRules<ApplicationFormType>>({
@@ -1196,12 +1198,16 @@ const openParamSettingDialog = () => {
 }
 
 function openLongTermConfigDialog() {
-  LongTermSettingDialogRef.value?.open(applicationForm.value.long_term_trigger_type, applicationForm.value.long_term_trigger_setting)
+  LongTermSettingDialogRef.value?.open(
+    applicationForm.value.long_term_trigger_type,
+    applicationForm.value.long_term_trigger_setting,
+  )
 }
 
 function switchLongTerm() {
   if (applicationForm.value.long_term_enable) {
-    applicationForm.value.model_setting.system = applicationForm.value.model_setting.system || longTermPrompt
+    applicationForm.value.model_setting.system =
+      applicationForm.value.model_setting.system || longTermPrompt
   }
 }
 

ui/src/views/application/component/LongTermSettingDialog.vue

@@ -1,7 +1,7 @@
 <template>
   <el-dialog
     align-center
-    :title="$t('长期记忆设置')"
+    :title="$t('views.application.longTermMemory.setting')"
     v-model="dialogVisible"
     style="width: 550px"
     append-to-body
@@ -13,11 +13,10 @@
       ref="paramFormRef"
       :model="form"
       require-asterisk-position="right"
-      hide-required-asterisk
       @submit.prevent
     >
       <el-form-item
-        :label="$t('触发方式')"
+        :label="$t('views.application.longTermMemory.triggerType')"
         prop="trigger_type"
         :rules="{
           message: $t('common.selectPlaceholder'),
@@ -33,19 +32,23 @@
         >
           <div class="flex align-center line-height-22">
             <el-avatar shape="square" class="avatar-orange" :size="32">
-              <img src="@/assets/trigger/icon_event.svg" style="width: 58%" alt=""/>
+              <img src="@/assets/trigger/icon_event.svg" style="width: 58%" alt="" />
             </el-avatar>
             <div class="ml-12">
-              <h5>{{ $t('按轮次触发') }}</h5>
-              <el-text type="info" class="color-secondary font-small">{{
-                  $t('累计到N轮后，自动提炼N轮对话，生成记忆')
-                }}
+              <h5>{{ $t('views.application.longTermMemory.roundTrigger') }}</h5>
+              <el-text type="info" class="color-secondary font-small"
+                >{{ $t('views.application.longTermMemory.roundTriggerTip') }}
               </el-text>
             </div>
           </div>
           <el-card v-if="form.trigger_type === 'ROUND'" shadow="never" class="card-never mt-16">
-            <el-form-item :label="$t('触发间隔')">
-              <el-input-number v-model="form.trigger_setting.rounds"/>
+            <el-form-item :label="$t('views.application.longTermMemory.triggerInterval')" required>
+              <el-input-number
+                v-model="form.trigger_setting.rounds"
+                :value-on-clear="0"
+                :min="5"
+                :max="100"
+              />
             </el-form-item>
           </el-card>
         </el-card>
@@ -57,13 +60,12 @@
         >
           <div class="flex align-center line-height-22">
             <el-avatar shape="square" :size="32">
-              <img src="@/assets/trigger/icon_scheduled.svg" style="width: 58%" alt=""/>
+              <img src="@/assets/trigger/icon_scheduled.svg" style="width: 58%" alt="" />
             </el-avatar>
             <div class="ml-12">
-              <h5>{{ $t('按时间触发') }}</h5>
-              <el-text type="info" class="color-secondary font-small">{{
-                  $t('到设定时间后，自动提炼周期内所有对话，生成记忆')
-                }}
+              <h5>{{ $t('views.application.longTermMemory.scheduledTrigger') }}</h5>
+              <el-text type="info" class="color-secondary font-small"
+                >{{ $t('views.application.longTermMemory.scheduledTriggerTip') }}
               </el-text>
             </div>
           </div>
@@ -92,7 +94,7 @@
               >
                 <el-button text @click.stop="switchScheduleType">
                   <el-icon>
-                    <Switch/>
+                    <Switch />
                   </el-icon>
                 </el-button>
               </el-tooltip>
@@ -127,18 +129,15 @@
         </el-button>
       </span>
     </template>
-
   </el-dialog>
 </template>
 
 <script setup lang="ts">
-
-
-import { computed, ref } from "vue";
-import { triggerCycleOptions } from "@/utils/trigger.ts";
-import { t } from "@/locales";
-import { cloneDeep } from "lodash";
-import { isValidCron } from "cron-validator";
+import { computed, ref } from 'vue'
+import { triggerCycleOptions } from '@/utils/trigger.ts'
+import { t } from '@/locales'
+import { cloneDeep } from 'lodash'
+import { isValidCron } from 'cron-validator'
 
 const emit = defineEmits(['refresh'])
 const dialogVisible = ref(false)
@@ -147,7 +146,7 @@ const loading = ref(false)
 const form = ref<any>({
   trigger_type: 'ROUND',
   trigger_setting: {
-    rounds: 10
+    rounds: 10,
   },
 })
 
@@ -166,7 +165,7 @@ const validateCron = () => {
   }
   const fields = cron.split(/\s+/)
   if (fields.length !== 5 || !isValidCron(cron)) {
-    cronError.value = 'Cron表达式不合法'
+    cronError.value = t('views.application.longTermMemory.cronExpressionInvalid')
   } else {
     cronError.value = ''
   }
@@ -247,7 +246,7 @@ const scheduled = computed({
 
 const open = (trigger_type: any, trigger_setting: any) => {
   dialogVisible.value = true
-  form.value.trigger_setting = trigger_setting ?? {rounds: 10}
+  form.value.trigger_setting = trigger_setting ?? { rounds: 10 }
   form.value.trigger_type = trigger_type ?? 'ROUND'
 }
 
@@ -260,7 +259,7 @@ const submit = () => {
   })
 }
 
-defineExpose({open})
+defineExpose({ open })
 </script>
 
 <style lang="scss" scoped></style>

ui/src/views/trigger/TriggerDrawer.vue

@@ -619,7 +619,7 @@ const validateCron = () => {
   }
   const fields = cron.split(/\s+/)
   if (fields.length !== 5 || !isValidCron(cron)) {
-    cronError.value = 'Cron表达式不合法'
+    cronError.value = t('views.application.longTermMemory.cronExpressionInvalid')
   } else {
     cronError.value = ''
   }

ui/src/workflow/nodes/ai-chat-node/index.vue

@@ -604,11 +604,10 @@ const defaultPrompt = `${t('workflow.nodes.aiChatNode.defaultPrompt')}：
 ${t('views.problem.title')}：
 {{${t('workflow.nodes.startNode.label')}.question}}`
 
-const longTermPrompt = `=======长期记忆========
-{{${t('workflow.nodes.startNode.label')}.memory}}
-=======================
-请根据以上长期记忆回答用户问题
-`
+const longTermPrompt =
+  t('views.application.longTermMemory.tips1') +
+  '{{memory}}' +
+  t('views.application.longTermMemory.tips2')
 
 const collapseData = reactive({
   MCP: true,

ui/src/workflow/nodes/base-node/index.vue

@@ -49,7 +49,7 @@
         <template #label>
           <div class="flex-between">
             <div class="flex align-center">
-              <span class="mr-4">长期记忆</span>
+              <span class="mr-4">{{$t('views.application.longTermMemory.title')}}</span>
               <el-tooltip
                 effect="dark"
                 :content="longTermTips"
@@ -267,9 +267,7 @@ const form = {
   prologue: t('views.application.form.defaultPrologue'),
 }
 
-const longTermTips = `
-{{${t('workflow.nodes.startNode.label')}.memory}} 为长期记忆占位符，开启后可以在系统提示词中引用
-`
+const longTermTips = t('views.application.longTermMemory.tips1') + '{{memory}}' + t('views.application.longTermMemory.tips2')
 
 const wheel = (e: any) => {
   if (e.ctrlKey === true) {

ui/src/workflow/nodes/start-node/index.vue

@@ -172,7 +172,7 @@ const refreshLongTermConfig = () => {
     return
   }
   if (form_data[0]) {
-    set(props.nodeModel.properties.config, 'fields', [...fields, { label: t('长期记忆'), value: 'memory' }])
+    set(props.nodeModel.properties.config, 'fields', [...fields, { label: t('views.application.longTermMemory.title'), value: 'memory' }])
   }
 }