From 0289cc8c659ba0804a3609fc463b662342d2e6f6 Mon Sep 17 00:00:00 2001
From: Alexander Brown <448862+DrJKL@users.noreply.github.com>
Date: Fri, 16 Jan 2026 19:24:20 -0800
Subject: [PATCH] Escape when in the main modal closes the modal

---
 src/components/widget/layout/BaseModalLayout.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/widget/layout/BaseModalLayout.vue b/src/components/widget/layout/BaseModalLayout.vue
index a2fc77b4b7..48886dad05 100644
--- a/src/components/widget/layout/BaseModalLayout.vue
+++ b/src/components/widget/layout/BaseModalLayout.vue
@@ -1,5 +1,8 @@
 <template>
-  <div class="base-widget-layout rounded-2xl overflow-hidden relative">
+  <div
+    class="base-widget-layout rounded-2xl overflow-hidden relative"
+    @keydown.esc.capture="handleEscape"
+  >
     <div class="flex h-full w-full">
       <Transition name="slide-panel">
         <nav
@@ -166,6 +169,13 @@ const toggleLeftPanel = () => {
 const toggleRightPanel = () => {
   isRightPanelOpen.value = !isRightPanelOpen.value
 }
+
+function handleEscape(event: KeyboardEvent) {
+  if (isRightPanelOpen.value) {
+    event.stopPropagation()
+    isRightPanelOpen.value = false
+  }
+}
 </script>
 <style scoped>
 .base-widget-layout {