From 78b0c011ba1949c3c3a5ad3a35e74c9e41634eb9 Mon Sep 17 00:00:00 2001 From: Claude Date: Sat, 5 Sep 2026 08:45:58 +0000 Subject: [PATCH 01/35] fix(ui): give the mode-menu search box a search-shell focus owner Clicking into "Find a mode" in the header mode menu drew a sharp accent rectangle around the text while the magnifier icon sat outside it. The input's Tailwind `outline-none` cannot win against the unlayered shared text-field rule in globals.css, which paints an outline on any nested input on focus-visible. Adopt the established fix pair instead of inventing a new override: the container becomes the `search-shell` focus owner and the input carries `search-shell-input`, whose unlayered rule clears the outline and the inset shadow. The Tailwind `focus-within:border-*` utility is dropped because `.search-shell:focus-within` already owns that border shift, so the control keeps a single focus affordance. Co-Authored-By: Claude Opus 5 Claude-Session: https://claude.ai/code/session_01WJ1C29Kazq72SbLHUYZLQX --- src/components/clinical-dashboard/master-search-header.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/clinical-dashboard/master-search-header.tsx b/src/components/clinical-dashboard/master-search-header.tsx index dc61ebd267..f395af4ecd 100644 --- a/src/components/clinical-dashboard/master-search-header.tsx +++ b/src/components/clinical-dashboard/master-search-header.tsx @@ -2422,7 +2422,7 @@ export function MasterSearchHeader({ )} >
-
+