From 5f87c3f6d40613d642cb5bc40c5dce41ad3ecca5 Mon Sep 17 00:00:00 2001
From: front_cat <luoxi1031596654@gmail.com>
Date: Sun, 13 Jul 2025 21:20:15 +0800
Subject: [PATCH 1/3] fixed: the textarea may too short when the message like:
 'say1'

---
 src/renderer/src/components/message/MessageItemUser.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/renderer/src/components/message/MessageItemUser.vue b/src/renderer/src/components/message/MessageItemUser.vue
index c026b5b57..ddec5a538 100644
--- a/src/renderer/src/components/message/MessageItemUser.vue
+++ b/src/renderer/src/components/message/MessageItemUser.vue
@@ -31,10 +31,10 @@
             @click="previewFile(file.path)"
           />
         </div>
-        <div v-if="isEditMode" class="text-sm w-full whitespace-pre-wrap break-all">
+        <div v-if="isEditMode" class="text-sm w-full min-w-[40vw] whitespace-pre-wrap break-all">
           <textarea
             v-model="editedText"
-            class="text-sm bg-[#EFF6FF] dark:bg-muted rounded-lg p-2 border flex flex-col gap-1.5 resize"
+            class="text-sm bg-[#EFF6FF] dark:bg-muted rounded-lg p-2 border flex flex-col gap-1.5 resize min-w-[40vw] w-full"
             :style="{
               height: originalContentHeight + 18 + 'px',
               width: originalContentWidth + 20 + 'px'

From 1353b8014a58f75006092ecaea3d434d52b33bd5 Mon Sep 17 00:00:00 2001
From: front_cat <luoxi1031596654@gmail.com>
Date: Sun, 13 Jul 2025 22:01:48 +0800
Subject: [PATCH 2/3] fixed:the edit mode is not working when message content
 is structured

---
 .../components/message/MessageItemUser.vue    | 21 +++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/renderer/src/components/message/MessageItemUser.vue b/src/renderer/src/components/message/MessageItemUser.vue
index ddec5a538..bf06e3678 100644
--- a/src/renderer/src/components/message/MessageItemUser.vue
+++ b/src/renderer/src/components/message/MessageItemUser.vue
@@ -104,7 +104,6 @@ const props = defineProps<{
 
 const isEditMode = ref(false)
 const editedText = ref('')
-const originalText = ref('')
 const originalContent = ref(null)
 const originalContentHeight = ref(0)
 const originalContentWidth = ref(0)
@@ -138,8 +137,14 @@ const previewFile = (filePath: string) => {
 
 const startEdit = () => {
   isEditMode.value = true
+  // fixed the edit mode is not working when message content is structured
+  const row = props.message.content?.content?.find(block => block.type === 'text')
+  if (row) {
+    // If the content is structured, use the text from the first text block
+    editedText.value = row.content
+    return
+  }
   editedText.value = props.message.content.text
-  originalText.value = props.message.content.text
 }
 
 const saveEdit = async () => {
@@ -147,11 +152,16 @@ const saveEdit = async () => {
 
   try {
     // Create a new content object with the edited text
-    const newContent = {
+    let newContent = {
       ...props.message.content,
-      text: editedText.value
     }
-
+    // fixed the edit mode is not working when message content is structured
+    const row = newContent?.content?.find(block => block.type === 'text')
+    if (row) {
+      row.content = editedText.value
+    } else {
+      newContent.text = editedText.value
+    }
     // Update the message in the database using editMessage method
     await threadPresenter.editMessage(props.message.id, JSON.stringify(newContent))
 
@@ -166,7 +176,6 @@ const saveEdit = async () => {
 }
 
 const cancelEdit = () => {
-  editedText.value = originalText.value
   isEditMode.value = false
 }
 

From 06a127a23b7377f444439a059ce08b1dc83901e3 Mon Sep 17 00:00:00 2001
From: front_cat <luoxi1031596654@gmail.com>
Date: Sun, 13 Jul 2025 22:03:17 +0800
Subject: [PATCH 3/3] add: add keyword listener to make save or cancel better

---
 src/renderer/src/components/message/MessageItemUser.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/renderer/src/components/message/MessageItemUser.vue b/src/renderer/src/components/message/MessageItemUser.vue
index bf06e3678..1cc58f5fa 100644
--- a/src/renderer/src/components/message/MessageItemUser.vue
+++ b/src/renderer/src/components/message/MessageItemUser.vue
@@ -39,6 +39,8 @@
               height: originalContentHeight + 18 + 'px',
               width: originalContentWidth + 20 + 'px'
             }"
+            @keydown.enter.prevent="saveEdit"
+            @keydown.esc="cancelEdit"
           ></textarea>
         </div>
         <div v-else ref="originalContent">