🤖 Review tab search highlighting and performance

src/App.tsx

@@ -99,6 +99,14 @@ const globalStyles = css`
     z-index: 1000;
     pointer-events: none;
   }
+
+  /* Search term highlighting - global for consistent styling across components */
+  mark.search-highlight {
+    background: rgba(255, 215, 0, 0.3);
+    color: inherit;
+    padding: 0;
+    border-radius: 2px;
+  }
 `;
 
 // Styled Components

src/components/RightSidebar/CodeReview/HunkViewer.tsx

@@ -2,10 +2,15 @@
  * HunkViewer - Displays a single diff hunk with syntax highlighting
  */
 
-import React, { useState } from "react";
+import React, { useState, useMemo } from "react";
 import styled from "@emotion/styled";
 import type { DiffHunk } from "@/types/review";
 import { SelectableDiffRenderer } from "../../shared/DiffRenderer";
+import {
+  type SearchHighlightConfig,
+  highlightSearchMatches,
+} from "@/utils/highlighting/highlightSearchTerms";
+import { escapeHtml } from "@/utils/highlighting/highlightDiffChunk";
 import { Tooltip, TooltipWrapper } from "../../Tooltip";
 import { usePersistedState } from "@/hooks/usePersistedState";
 import { getReviewExpandStateKey } from "@/constants/storage";
@@ -21,6 +26,7 @@ interface HunkViewerProps {
   onToggleRead?: (e: React.MouseEvent<HTMLElement>) => void;
   onRegisterToggleExpand?: (hunkId: string, toggleFn: () => void) => void;
   onReviewNote?: (note: string) => void;
+  searchConfig?: SearchHighlightConfig;
 }
 
 const HunkContainer = styled.div<{ isSelected: boolean; isRead: boolean }>`
@@ -186,6 +192,7 @@ export const HunkViewer = React.memo<HunkViewerProps>(
     onToggleRead,
     onRegisterToggleExpand,
     onReviewNote,
+    searchConfig,
   }) => {
     // Parse diff lines (memoized - only recompute if hunk.content changes)
     // Must be done before state initialization to determine initial collapse state
@@ -200,6 +207,14 @@ export const HunkViewer = React.memo<HunkViewerProps>(
       };
     }, [hunk.content]);
 
+    // Highlight filePath if search is active
+    const highlightedFilePath = useMemo(() => {
+      if (!searchConfig) {
+        return hunk.filePath;
+      }
+      return highlightSearchMatches(escapeHtml(hunk.filePath), searchConfig);
+    }, [hunk.filePath, searchConfig]);
+
     // Persist manual expand/collapse state across remounts per workspace
     // Maps hunkId -> isExpanded for user's manual preferences
     // Enable listener to synchronize updates across all HunkViewer instances
@@ -291,7 +306,7 @@ export const HunkViewer = React.memo<HunkViewerProps>(
               </Tooltip>
             </TooltipWrapper>
           )}
-          <FilePath>{hunk.filePath}</FilePath>
+          <FilePath dangerouslySetInnerHTML={{ __html: highlightedFilePath }} />
           <LineInfo>
             {!isPureRename && (
               <LocStats>
@@ -339,6 +354,7 @@ export const HunkViewer = React.memo<HunkViewerProps>(
                 } as unknown as React.MouseEvent<HTMLElement>;
                 onClick?.(syntheticEvent);
               }}
+              searchConfig={searchConfig}
             />
           </HunkContent>
         ) : (