From 06a8bf956e04c68b4080e8fcfaa72d34c45fde27 Mon Sep 17 00:00:00 2001
From: FragginWagon <greg.r.jacobs@gmail.com>
Date: Wed, 28 Jan 2026 20:14:10 +0000
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Enhance=20search=20result=20highlig?=
 =?UTF-8?q?hting=20with=20current=20result=20indicator=20and=20improved=20?=
 =?UTF-8?q?match=20styling?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/GamemasterExplorer.vue          | 28 +++++++++++++++----
 1 file changed, 23 insertions(+), 5 deletions(-)

diff --git a/code/websites/pokedex.online/src/views/GamemasterExplorer.vue b/code/websites/pokedex.online/src/views/GamemasterExplorer.vue
index a027347..2a90749 100644
--- a/code/websites/pokedex.online/src/views/GamemasterExplorer.vue
+++ b/code/websites/pokedex.online/src/views/GamemasterExplorer.vue
@@ -128,8 +128,8 @@
 
         <div v-if="searchResults.length > 0" class="search-results">
           <span :title="`Line ${searchResults[currentResultIndex] + 1}`">
-            {{ currentResultIndex + 1 }} / {{ searchResults.length }} 
-            (Line {{ searchResults[currentResultIndex] + 1 }})
+            {{ currentResultIndex + 1 }} / {{ searchResults.length }} (Line
+            {{ searchResults[currentResultIndex] + 1 }})
           </span>
           <button
             @click="goToPrevResult"
@@ -240,7 +240,8 @@
               :class="[
                 'line',
                 { selected: selectedLines.has(item.lineNumber) },
-                { 'highlight-match': item.hasMatch }
+                { 'highlight-match': item.hasMatch },
+                { 'current-result': item.lineNumber === searchResults[currentResultIndex] + 1 }
               ]"
               @click="toggleLineSelection(item.lineNumber, $event)"
             >
@@ -263,7 +264,8 @@
             :class="[
               'line',
               { selected: selectedLines.has(line.lineNumber) },
-              { 'highlight-match': line.hasMatch }
+              { 'highlight-match': line.hasMatch },
+              { 'current-result': line.lineNumber === searchResults[currentResultIndex] + 1 }
             ]"
             @click="toggleLineSelection(line.lineNumber, $event)"
           >
@@ -398,6 +400,15 @@ const highlightConfig = computed(() => ({
   language: 'json'
 }));
 
+// Helper to get highlighted content for search results
+function getHighlightedContent(lineContent) {
+  if (!searchQuery.value.trim()) return lineContent;
+  
+  const searchTerm = searchQuery.value;
+  const regex = new RegExp(`(${searchTerm.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')})`, 'gi');
+  return lineContent.replace(regex, '<mark>$1</mark>');
+}
+
 // URL state sync
 const urlStateRefs = {
   file: selectedFile,
@@ -1131,7 +1142,14 @@ onMounted(() => {
 }
 
 .line.highlight-match {
-  background: rgba(255, 235, 59, 0.3);
+  background: rgba(255, 235, 59, 0.4);
+  border-left: 3px solid #ffc107;
+}
+
+.line.current-result {
+  background: rgba(255, 193, 7, 0.6) !important;
+  border-left: 5px solid #ff9800 !important;
+  box-shadow: inset 0 0 0 1px #ff9800;
 }
 
 .line-number {