From f6f7867d7754e98368aecfe339b74590f087c6c1 Mon Sep 17 00:00:00 2001
From: mawkone <mark@getacquired.com>
Date: Fri, 12 Jun 2026 12:51:47 -0700
Subject: [PATCH] design(chat): fix z-index stacking to ensure collapse button
 floats above dashboard pane

---
 vibn-frontend/components/vibn-chat/chat-panel.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/vibn-frontend/components/vibn-chat/chat-panel.tsx b/vibn-frontend/components/vibn-chat/chat-panel.tsx
index 6f7c8a2..35ef185 100644
--- a/vibn-frontend/components/vibn-chat/chat-panel.tsx
+++ b/vibn-frontend/components/vibn-chat/chat-panel.tsx
@@ -2505,6 +2505,7 @@ export function ChatPanel({
                 flexDirection: "row",
                 minHeight: 0,
                 minWidth: 0,
+                position: "relative", // Ensure relative positioning for z-index stacking context
               }}
             >
               <div
@@ -2520,7 +2521,7 @@ export function ChatPanel({
                   transition: "width 0.2s ease-in-out",
                   overflow: "visible", // Changed from hidden to visible so the collapse button can hang over the edge
                   position: "relative",
-                  zIndex: 40,
+                  zIndex: 40, // High z-index to pop over the right panel
                 }}
               >
                 {isChatMinimized ? (
@@ -2606,6 +2607,8 @@ export function ChatPanel({
                   background: "#faf8f5",
                   display: "flex",
                   flexDirection: "column",
+                  position: "relative",
+                  zIndex: 10, // Lower z-index so the collapse button stays on top
                 }}
               >
                 {artifactSlot}