feat: History record supports modifying chat abstract

Author: wangdan-fit2cloud

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

@@ -1,6 +1,6 @@
 <template>
   <el-dialog
-    class="execution-details-dialog"
+    class="execution-details-dialog responsive-dialog"
     :title="$t('chat.executionDetails.title')"
     v-model="dialogVisible"
     destroy-on-close
@@ -697,9 +697,5 @@ defineExpose({ open })
   }
 }
 
-@media only screen and (max-width: 768px) {
-  .execution-details-dialog {
-    width: 90% !important;
-  }
-}
+
 </style>

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

@@ -1,6 +1,6 @@
 <template>
   <el-dialog
-    class="paragraph-source"
+    class="paragraph-source responsive-dialog"
     :title="$t('chat.paragraphSource.title')"
     v-model="dialogVisible"
     destroy-on-close
@@ -76,9 +76,4 @@ defineExpose({ open })
     max-height: calc(100vh - 260px);
   }
 }
-@media only screen and (max-width: 768px) {
-  .paragraph-source {
-    width: 90% !important;
-  }
-}
 </style>

ui/src/styles/app.scss

@@ -756,3 +756,9 @@ h5 {
     border-right: 1px solid var(--el-border-color);
   }
 }
+
+@media only screen and (max-width: 768px) {
+  .responsive-dialog {
+    width: 90% !important;
+  }
+}

ui/src/views/chat/embed/index.vue

@@ -88,10 +88,22 @@
               >
                 <template #default="{ row }">
                   <div class="flex-between">
-                    <auto-tooltip :content="row.abstract">
-                      {{ row.abstract }}
-                    </auto-tooltip>
-                    <div @click.stop v-if="mouseId === row.id && row.id !== 'new'">
+                    <ReadWrite
+                      @change="editName($event, row)"
+                      :data="row.abstract"
+                      trigger="manual"
+                      :write="row.writeStatus"
+                      @close="closeWrite(row)"
+                      :maxlength="1024"
+                    />
+                    <div
+                      @click.stop
+                      v-if="mouseId === row.id && row.id !== 'new' && !row.writeStatus"
+                      class="flex"
+                    >
+                      <el-button style="padding: 0" link @click.stop="openWrite(row)">
+                        <el-icon><EditPen /></el-icon>
+                      </el-button>
                       <el-button style="padding: 0" link @click.stop="deleteLog(row)">
                         <el-icon><Delete /></el-icon>
                       </el-button>
@@ -120,6 +132,7 @@ import { ref, onMounted, reactive, nextTick, computed } from 'vue'
 import { useRoute } from 'vue-router'
 import { isAppIcon } from '@/utils/application'
 import { hexToRgba } from '@/utils/theme'
+import { MsgError } from '@/utils/message'
 import useStore from '@/stores'
 const { user, log } = useStore()
 const route = useRoute()
@@ -160,6 +173,29 @@ const customStyle = computed(() => {
   }
 })
 
+function editName(val: string, item: any) {
+  if (val) {
+    const obj = {
+      abstract: val
+    }
+
+    log.asyncPutChatClientLog(applicationDetail.value.id, item.id, obj, loading).then(() => {
+      getChatLog(applicationDetail.value.id)
+      item['writeStatus'] = false
+    })
+  } else {
+    MsgError(t('views.applicationWorkflow.tip.nameMessage'))
+  }
+}
+
+function openWrite(item: any) {
+  item['writeStatus'] = true
+}
+
+function closeWrite(item: any) {
+  item['writeStatus'] = false
+}
+
 function mouseenter(row: any) {
   mouseId.value = row.id
 }
@@ -312,7 +348,7 @@ onMounted(() => {
     right: 16px;
     font-size: 22px;
   }
-  &.chat-embed--popup{
+  &.chat-embed--popup {
     .chat-popover-button {
       right: 85px;
     }

ui/src/views/chat/pc/EditTitleDialog.vue

@@ -1,5 +1,6 @@
 <template>
   <el-dialog
+    class="responsive-dialog"
     :title="$t('chat.editTitle')"
     v-model="dialogVisible"
     :close-on-click-modal="false"
@@ -27,6 +28,7 @@
           v-model="form.abstract"
           maxlength="1024"
           show-word-limit
+          type="textarea"
           @blur="form.abstract = form.abstract.trim()"
         />
       </el-form-item>