From 839d59433129f677004da989a585cc81c0523469 Mon Sep 17 00:00:00 2001
From: Albrecht Degering <albrecht@degering.name>
Date: Fri, 31 Jul 2026 02:48:57 +0200
Subject: [PATCH] Align Search WebUI runtime dependencies

---
 webui/package.json                       | 6 +++---
 webui/src/components/GlobalSearch.tsx    | 2 +-
 webui/src/features/search/SearchPage.tsx | 2 +-
 webui/src/styles/search.css              | 5 +++--
 4 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/webui/package.json b/webui/package.json
index 05b94e8..396ad8f 100644
--- a/webui/package.json
+++ b/webui/package.json
@@ -19,9 +19,9 @@
   "peerDependencies": {
     "@govoplan/core-webui": "^0.1.14",
     "lucide-react": "^1.23.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "react-router-dom": ">=7.18.2 <8"
+    "react": ">=19.2.7 <20",
+    "react-dom": ">=19.2.7 <20",
+    "react-router": ">=8.3.0 <9"
   },
   "peerDependenciesMeta": {
     "@govoplan/core-webui": {
diff --git a/webui/src/components/GlobalSearch.tsx b/webui/src/components/GlobalSearch.tsx
index ddf7d11..f77dc3f 100644
--- a/webui/src/components/GlobalSearch.tsx
+++ b/webui/src/components/GlobalSearch.tsx
@@ -9,7 +9,7 @@ import {
   type FormEvent,
   type KeyboardEvent as ReactKeyboardEvent
 } from "react";
-import { useLocation } from "react-router-dom";
+import { useLocation } from "react-router";
 import {
   Button,
   Dialog,
diff --git a/webui/src/features/search/SearchPage.tsx b/webui/src/features/search/SearchPage.tsx
index c5797fb..c511822 100644
--- a/webui/src/features/search/SearchPage.tsx
+++ b/webui/src/features/search/SearchPage.tsx
@@ -7,7 +7,7 @@ import {
   useState,
   type FormEvent
 } from "react";
-import { useSearchParams } from "react-router-dom";
+import { useSearchParams } from "react-router";
 import {
   DismissibleAlert,
   LoadingIndicator,
diff --git a/webui/src/styles/search.css b/webui/src/styles/search.css
index 5161d9b..6beecc1 100644
--- a/webui/src/styles/search.css
+++ b/webui/src/styles/search.css
@@ -98,6 +98,7 @@
 .search-overlay-input-position {
   min-width: 0;
   flex: 0 0 auto;
+  z-index: 1000;
 }
 
 .global-search-overlay-input {
@@ -109,7 +110,7 @@
   min-width: 0;
   min-height: 0;
   flex-direction: column;
-  margin-top: 8px;
+  margin-top: -44px;
   overflow: hidden;
   border: var(--border-line);
   border-radius: 6px;
@@ -260,7 +261,7 @@
   position: absolute;
   z-index: 400;
   top: calc(100% + 7px);
-  right: 0;
+  left: 0;
   display: flex;
   width: min(340px, calc(100vw - 40px));
   max-height: min(520px, calc(100vh - 150px));