From b8b34832b4960e2422fde05ad5fddf66e29bc69f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Humberto=20Rodr=C3=ADguez=20A=2E?=
 <rhumbertgz@users.noreply.github.com>
Date: Thu, 26 Sep 2024 16:25:47 +0200
Subject: [PATCH] feat: save Chatflow title when the `ENTER` key is pressed or
 discard upon `ESC` is pressed (#3265)

This simple event handler improves the usability of the UI by avoiding having to use the mouse to save or dicard title changes
---
 packages/ui/src/views/canvas/CanvasHeader.jsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/packages/ui/src/views/canvas/CanvasHeader.jsx b/packages/ui/src/views/canvas/CanvasHeader.jsx
index 228d18ef5..6aa6fe78e 100644
--- a/packages/ui/src/views/canvas/CanvasHeader.jsx
+++ b/packages/ui/src/views/canvas/CanvasHeader.jsx
@@ -310,6 +310,13 @@ const CanvasHeader = ({ chatflow, isAgentCanvas, handleSaveFlow, handleDeleteFlo
                                         ml: 2
                                     }}
                                     defaultValue={flowName}
+                                    onKeyDown={(e) => {
+                                        if (e.key === 'Enter') {
+                                            submitFlowName()
+                                        } else if (e.key === 'Escape') {
+                                            setEditingFlowName(false)
+                                        }
+                                    }}
                                 />
                                 <ButtonBase title='Save Name' sx={{ borderRadius: '50%' }}>
                                     <Avatar