From 49710e9e0c95326e178686d84b380109110617e2 Mon Sep 17 00:00:00 2001
From: Oliver Walters <oliver.henry.walters@gmail.com>
Date: Fri, 19 Jun 2026 01:20:26 +0000
Subject: [PATCH] Highlight selected item

---
 src/frontend/src/components/nav/NavigationTree.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/frontend/src/components/nav/NavigationTree.tsx b/src/frontend/src/components/nav/NavigationTree.tsx
index ff2eb3a42d..1abf8a8cfe 100644
--- a/src/frontend/src/components/nav/NavigationTree.tsx
+++ b/src/frontend/src/components/nav/NavigationTree.tsx
@@ -220,6 +220,8 @@ export default function NavigationTree({
           ? !!(childIdentifier && resolveItem(payload.node, childIdentifier))
           : nodeInfo.children.length > 0;
 
+      const isSelected = nodeInfo.selected === true;
+
       return (
         <Group
           p={3}
@@ -227,6 +229,8 @@ export default function NavigationTree({
           justify='left'
           key={payload.node.value}
           wrap='nowrap'
+          bg={isSelected ? 'var(--mantine-primary-color-light)' : undefined}
+          style={{ borderRadius: 'var(--mantine-radius-sm)' }}
           onClick={() => {
             if (!hasChildren) return;
             if (!debouncedSearch && !isFetched) {