From 68cab85eff95975783e27251d50d3f9d3de3b004 Mon Sep 17 00:00:00 2001
From: shni <am7777336@gmail.com>
Date: Sat, 4 Oct 2025 00:07:00 -0500
Subject: [PATCH] feat: improve editor interaction feedback and maintain active
 state during updates

---
 .../alliaces/createDisplayComponent.ts        | 29 ++++++++++++++-----
 .../messages/alliaces/editDisplayComponent.ts | 19 ++++++------
 2 files changed, 30 insertions(+), 18 deletions(-)

diff --git a/src/commands/messages/alliaces/createDisplayComponent.ts b/src/commands/messages/alliaces/createDisplayComponent.ts
index c6c34a2..a371b36 100644
--- a/src/commands/messages/alliaces/createDisplayComponent.ts
+++ b/src/commands/messages/alliaces/createDisplayComponent.ts
@@ -627,19 +627,32 @@ async function handleSaveBlock(
 }
 
 async function handleCancelBlock(interaction: ButtonInteraction, editorMessage: Message): Promise<void> {
-    await interaction.update({
-        content: "❌ **Editor cancelado**\n\nLa creación del bloque ha sido cancelada.",
-        components: [],
-        embeds: []
+    try {
+        await interaction.deferUpdate();
+    } catch {}
+    await updateEditor(editorMessage, {
+        display: {
+            type: 17,
+            components: [
+                { type: 10, content: "❌ **Editor cancelado**" },
+                { type: 10, content: "La creación del bloque ha sido cancelada." }
+            ]
+        } as any,
+        components: []
     });
 }
 
 async function handleEditorTimeout(editorMessage: Message): Promise<void> {
     try {
-        await editorMessage.edit({
-            content: "⏰ **Editor expirado**\n\nEl editor ha expirado por inactividad. Usa el comando nuevamente para crear un bloque.",
-            components: [],
-            embeds: []
+        await updateEditor(editorMessage, {
+            display: {
+                type: 17,
+                components: [
+                    { type: 10, content: "⏰ **Editor expirado**" },
+                    { type: 10, content: "El editor ha expirado por inactividad. Usa el comando nuevamente para crear un bloque." }
+                ]
+            } as any,
+            components: []
         });
     } catch {
         // message likely deleted
diff --git a/src/commands/messages/alliaces/editDisplayComponent.ts b/src/commands/messages/alliaces/editDisplayComponent.ts
index ef1903a..8984c7b 100644
--- a/src/commands/messages/alliaces/editDisplayComponent.ts
+++ b/src/commands/messages/alliaces/editDisplayComponent.ts
@@ -202,19 +202,18 @@ export const command: CommandMessage = {
                             //@ts-ignore
                             data: { config: blockState }
                         });
+                        // Mantener el editor activo y los botones funcionando
                         await updateEditor(editorMessage, {
                             // @ts-ignore
-                            display: {
-                                type: 17,
-                                accent_color: blockState.color ?? null,
-                                components: [
-                                    { type: 10, content: `✅ Actualizado: ${blockName}` },
-                                    { type: 10, content: "Cambios guardados en la base de datos." }
-                                ]
-                            },
-                            components: []
+                            display: await renderPreview(blockState, message.member, message.guild),
+                            components: btns(false)
                         });
-                        collector.stop();
+                        // Confirmación efímera
+                        try {
+                            // @ts-ignore
+                            await i.followUp({ flags: 64, content: `✅ Cambios de "${blockName}" guardados.` });
+                        } catch {}
+                        // No detener el collector para permitir mover/eliminar después de guardar
                         return;
                     }
                     case "cancel_block": {