From f5309982d01ac72c63fc1b563bebb1e6febfd4b5 Mon Sep 17 00:00:00 2001
From: Luke Parker <10430890+Hona@users.noreply.github.com>
Date: Fri, 9 Oct 2026 12:51:35 +1000
Subject: [PATCH] fix(app): hide the closed side region over the side terminal
 (#54052)

---
 packages/app/src/session/screen.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/app/src/session/screen.tsx b/packages/app/src/session/screen.tsx
index f1e5013fa60..8080d7afe82 100644
--- a/packages/app/src/session/screen.tsx
+++ b/packages/app/src/session/screen.tsx
@@ -454,10 +454,13 @@ function SessionScreenContent(props: {
                   style={{ height: sideVisible() ? screen.side.region.height() : "100%" }}
                 >
                   <Show when={store.sideRegionPresent}>
+                    {/* A closed region stays mounted at zero height while the side dock is open. Once its close
+                        animation is over, hide it, or its frame's shadow draws a flat line over the dock's top edge. */}
                     <div
                       data-slot="session-side-region-presence"
                       data-opened={sideMotion().animateRegion ? sideMotion().region : undefined}
                       class="absolute inset-0"
+                      classList={{ invisible: !screen.side.region.open() && !sideMotion().animateRegion }}
                       onAnimationEnd={(event) => {
                         if (event.currentTarget !== event.target) return