Function ReviewPanel

src/browser/features/RightSidebar/CodeReview/ReviewPanel.tsx:782–2667

({
  workspaceId,
  workspacePath,
  projectPath,
  onReviewNote,
  focusTrigger,
  isCreating = false,
  onStatsChange,
  isTouchImmersive = false,
  onTouchImmersiveChange,
})

};

export const ReviewPanel: React.FC<ReviewPanelProps> = ({
  workspaceId,
  workspacePath,
  projectPath,
  onReviewNote,
  focusTrigger,
  isCreating = false,
  onStatsChange,
  isTouchImmersive = false,
  onTouchImmersiveChange,
}) => {
  const originFetchRef = useRef<OriginFetchState | null>(null);
  const { api } = useAPI();
  const { theme } = useTheme();
  const { workspaceMetadata } = useWorkspaceMetadata();
  const panelRef = useRef<HTMLDivElement>(null);
  const scrollContainerRef = useRef<HTMLDivElement>(null);
  const searchInputRef = useRef<HTMLInputElement>(null);

  useEffect(() => {
    // Review is a code-heavy surface; warm the worker/highlighter during diff loading
    // so immersive mode does not reveal plain text before Shiki is ready.
    preloadHighlightedDiff({
      content: "+const muxReviewSyntaxWarmup = true;",
      filePath: "review-warmup.ts",
      themeMode: theme,
    }).catch(() => undefined);
  }, [theme]);

  // Unified diff state - discriminated union makes invalid states unrepresentable
  // Note: Parent renders with key={workspaceId}, so component remounts on workspace change.
  const [diffState, setDiffState] = useState<DiffState>({ status: "loading" });

  const selectedHunkStorageKey = getReviewSelectedHunkKey(workspaceId);
  // Keep hunk selection local during navigation; persisting every J/K step writes
  // localStorage synchronously and dominates large immersive-review iteration.
  const [selectedHunkId, setSelectedHunkId] = useState<string | null>(() =>
    readPersistedState(selectedHunkStorageKey, null)
  );
  const [isLoadingTree, setIsLoadingTree] = useState(true);
  const [diagnosticInfo, setDiagnosticInfo] = useState<DiagnosticInfo | null>(null);
  const [isPanelFocused, setIsPanelFocused] = useState(false);
  const [refreshTrigger, setRefreshTrigger] = useState(0);
  const [fileTree, setFileTree] = useState<FileTreeNode | null>(null);

  // Map of hunkId -> toggle function for expand/collapse
  const toggleExpandFnsRef = useRef<Map<string, () => void>>(new Map());

  // Ref to hold current filteredHunks for use in navigation callbacks.
  // Avoids needing filteredHunks as a dependency (which changes frequently).
  const filteredHunksRef = useRef<DiffHunk[]>([]);

  // Track refresh trigger changes so we can distinguish initial mount vs manual refresh.
  // Each effect gets its own ref to avoid cross-effect interference.
  const lastDiffRefreshTriggerRef = useRef<number | null>(null);
  const lastFileTreeRefreshTriggerRef = useRef<number | null>(null);

  // Check if tools completed while we were unmounted - skip cache on initial mount if so.