From c5d4d2d04cce7c7fa60ac1c51974c4328cbaa8e5 Mon Sep 17 00:00:00 2001
From: maco <gosarmarcel7@gmail.com>
Date: Fri, 9 Oct 2026 17:44:37 +0200
Subject: [PATCH] fix(web): keep chat banners inside the lane beside the docked
 details card (#17094)

Co-authored-by: macodev00 <macodev00@users.noreply.github.com>
---
 apps/web/src/components/ChatView.tsx | 2 +-
 apps/web/src/index.css               | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/ChatView.tsx b/apps/web/src/components/ChatView.tsx
index 69a204ccd8a35a9d0ddef972765dd86c52fa4680..214b0605c833851019918c28e6307b19304bee4c 100644
--- a/apps/web/src/components/ChatView.tsx
+++ b/apps/web/src/components/ChatView.tsx
@@ -11353,7 +11353,7 @@ export default function ChatView(props: ChatViewProps) {
               </div>
             ) : null}
             {/* Banners overlay the timeline without changing its content height. */}
-            <div className="pointer-events-none absolute inset-x-0 top-0 z-20 flex flex-col">
+            <div className="chat-banner-lane pointer-events-none absolute top-0 z-20 flex flex-col">
               <ProviderStatusBanner
                 status={visibleProviderStatus}
                 onDismiss={() => setDismissedProviderStatusBannerKey(providerStatusBannerKey)}
diff --git a/apps/web/src/index.css b/apps/web/src/index.css
index 6ecd5608e39d8bdadcb9cada6664ea3ba057131e..6e6731fd7f0d324deeab5924053d06363e6d7d02 100644
--- a/apps/web/src/index.css
+++ b/apps/web/src/index.css
@@ -2337,7 +2337,8 @@ code {
       0.75rem + var(--chat-lane-inset-end, 0px) - var(--chat-timeline-gutter, 0px)
     );
   }
-  .chat-scroll-to-bottom {
+  .chat-scroll-to-bottom,
+  .chat-banner-lane {
     inset-inline-start: var(--chat-lane-inset-start, 0px);
     inset-inline-end: var(--chat-lane-inset-end, 0px);
   }
-- 
2.54.0