From fec0149f55f1cf95679f62ad404ad616c2832f70 Mon Sep 17 00:00:00 2001
From: Jeff Emmett <jeffemmett@gmail.com>
Date: Sat, 21 Mar 2026 16:13:38 -0700
Subject: [PATCH] fix(shell): ensure header settings/history buttons are
 clickable

Add z-index stacking contexts to header left/right sections so buttons
render above center content and backdrop-filter pseudo-element. Add
overflow:hidden on center to prevent search bar overflow into button areas.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 website/public/shell.css | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/website/public/shell.css b/website/public/shell.css
index 6ddccad..c20dc4f 100644
--- a/website/public/shell.css
+++ b/website/public/shell.css
@@ -41,6 +41,8 @@ body {
   display: flex;
   align-items: center;
   gap: 4px;
+  position: relative;
+  z-index: 2;
 }
 
 .rstack-header__center {
@@ -49,12 +51,15 @@ body {
   justify-content: center;
   padding: 0 16px;
   min-width: 0;
+  overflow: hidden;
 }
 
 .rstack-header__right {
   display: flex;
   align-items: center;
   gap: 12px;
+  position: relative;
+  z-index: 2;
 }
 
 .rstack-header__demo-btn {
@@ -107,13 +112,15 @@ body {
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 4px;
+  padding: 6px;
   border: none;
   border-radius: 6px;
   background: none;
   color: var(--rs-text-secondary);
   cursor: pointer;
   transition: color 0.15s, background 0.15s;
+  pointer-events: auto;
+  position: relative;
 }
 
 .rstack-header__settings-btn:hover,