From 58788192f40aa285a2d1385c169c95aab634b631 Mon Sep 17 00:00:00 2001
From: David Hill <iamdavidhill@gmail.com>
Date: Sat, 24 Jan 2026 06:07:59 +0000
Subject: [PATCH] fix(ui): close comment input popover on Escape key or click
 away

---
 packages/app/src/pages/session.tsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/packages/app/src/pages/session.tsx b/packages/app/src/pages/session.tsx
index f8538bb2a..c5997193f 100644
--- a/packages/app/src/pages/session.tsx
+++ b/packages/app/src/pages/session.tsx
@@ -2059,7 +2059,15 @@ export default function Page() {
                                 >
                                   <Icon name="comment" size="small" style={{ color: "var(--white)" }} />
                                 </button>
-                                <div class="absolute top-[calc(100%+4px)] right-[-8px] z-40 w-[380px] rounded-[14px] bg-surface-raised-stronger-non-alpha shadow-lg-border-base p-2">
+                                <div
+                                  class="absolute top-[calc(100%+4px)] right-[-8px] z-40 w-[380px] rounded-[14px] bg-surface-raised-stronger-non-alpha shadow-lg-border-base p-2"
+                                  onFocusOut={(e) => {
+                                    const target = e.relatedTarget as Node | null
+                                    if (!target || !e.currentTarget.contains(target)) {
+                                      setCommenting(null)
+                                    }
+                                  }}
+                                >
                                   <div class="flex flex-col gap-2">
                                     <textarea
                                       ref={textarea}
@@ -2069,6 +2077,10 @@ export default function Page() {
                                       value={draft()}
                                       onInput={(e) => setDraft(e.currentTarget.value)}
                                       onKeyDown={(e) => {
+                                        if (e.key === "Escape") {
+                                          setCommenting(null)
+                                          return
+                                        }
                                         if (e.key !== "Enter") return
                                         if (e.shiftKey) return
                                         e.preventDefault()