feat(code): add PR comments to local tasks

Author: adboio

apps/code/src/renderer/features/code-review/components/ReviewPage.tsx

@@ -1,7 +1,9 @@
+import { useDiffViewerStore } from "@features/code-editor/stores/diffViewerStore";
 import {
   useBranchChangedFiles,
   usePrChangedFiles,
 } from "@features/git-interaction/hooks/useGitQueries";
+import { usePrDetails } from "@features/git-interaction/hooks/usePrDetails";
 import { makeFileKey } from "@features/git-interaction/utils/fileKey";
 import { usePanelLayoutStore } from "@features/panels/store/panelLayoutStore";
 import { useCwd } from "@features/sidebar/hooks/useCwd";
@@ -15,6 +17,7 @@ import { useMemo } from "react";
 import { useEffectiveDiffSource } from "../hooks/useEffectiveDiffSource";
 import { useReviewDiffs } from "../hooks/useReviewDiffs";
 import type { DiffOptions } from "../types";
+import type { PrCommentThread } from "../utils/prCommentAnnotations";
 import type { ResolvedDiffSource } from "../utils/resolveDiffSource";
 import { InteractiveFileDiff } from "./InteractiveFileDiff";
 import { LazyDiff } from "./LazyDiff";
@@ -54,6 +57,14 @@ export function ReviewPage({ task }: ReviewPageProps) {
     prSourceAvailable,
   } = useEffectiveDiffSource(taskId);
 
+  const showReviewComments = useDiffViewerStore((s) => s.showReviewComments);
+  const { commentThreads } = usePrDetails(prUrl, {
+    includeComments: isReviewOpen && showReviewComments,
+  });
+  const effectiveCommentThreads = showReviewComments
+    ? commentThreads
+    : undefined;
+
   const isLocalActive = isReviewOpen && effectiveSource === "local";
 
   const {
@@ -103,6 +114,8 @@ export function ReviewPage({ task }: ReviewPageProps) {
         effectiveSource={effectiveSource}
         branchSourceAvailable={branchSourceAvailable}
         prSourceAvailable={prSourceAvailable}
+        prUrl={prUrl}
+        commentThreads={effectiveCommentThreads}
       />
     );
   }
@@ -117,6 +130,7 @@ export function ReviewPage({ task }: ReviewPageProps) {
         effectiveSource={effectiveSource}
         branchSourceAvailable={branchSourceAvailable}
         prSourceAvailable={prSourceAvailable}
+        commentThreads={effectiveCommentThreads}
       />
     );
   }
@@ -130,6 +144,8 @@ export function ReviewPage({ task }: ReviewPageProps) {
     revealFile,
     getDeferredReason,
     openFile,
+    prUrl,
+    commentThreads: effectiveCommentThreads,
   };
 
   return (
@@ -192,6 +208,8 @@ function BranchReviewPage({
   effectiveSource,
   branchSourceAvailable,
   prSourceAvailable,
+  prUrl,
+  commentThreads,
 }: {
   task: Task;
   branch: string;
@@ -201,6 +219,8 @@ function BranchReviewPage({
   effectiveSource: ResolvedDiffSource;
   branchSourceAvailable: boolean;
   prSourceAvailable: boolean;
+  prUrl: string | null;
+  commentThreads?: Map<number, PrCommentThread>;
 }) {
   const taskId = task.id;
 
@@ -235,11 +255,13 @@ function BranchReviewPage({
       <RemoteDiffList
         files={files}
         taskId={taskId}
+        prUrl={prUrl}
         options={reviewState.diffOptions}
         collapsedFiles={reviewState.collapsedFiles}
         toggleFile={reviewState.toggleFile}
         revealFile={reviewState.revealFile}
         getDeferredReason={reviewState.getDeferredReason}
+        commentThreads={commentThreads}
       />
     </ReviewShell>
   );
@@ -253,6 +275,7 @@ function PrReviewPage({
   effectiveSource,
   branchSourceAvailable,
   prSourceAvailable,
+  commentThreads,
 }: {
   task: Task;
   prUrl: string;
@@ -261,6 +284,7 @@ function PrReviewPage({
   effectiveSource: ResolvedDiffSource;
   branchSourceAvailable: boolean;
   prSourceAvailable: boolean;
+  commentThreads?: Map<number, PrCommentThread>;
 }) {
   const taskId = task.id;
 
@@ -298,6 +322,7 @@ function PrReviewPage({
         toggleFile={reviewState.toggleFile}
         revealFile={reviewState.revealFile}
         getDeferredReason={reviewState.getDeferredReason}
+        commentThreads={commentThreads}
       />
     </ReviewShell>
   );
@@ -324,6 +349,8 @@ interface FileDiffListProps {
   revealFile: (key: string) => void;
   getDeferredReason: (key: string) => DeferredReason | null;
   openFile: (taskId: string, path: string, preview: boolean) => void;
+  prUrl: string | null;
+  commentThreads?: Map<number, PrCommentThread>;
 }
 
 function FileDiffList({
@@ -337,6 +364,8 @@ function FileDiffList({
   revealFile,
   getDeferredReason,
   openFile,
+  prUrl,
+  commentThreads,
 }: FileDiffListProps) {
   return files.map((fileDiff) => {
     const filePath = fileDiff.name ?? fileDiff.prevName ?? "";
@@ -369,6 +398,8 @@ function FileDiffList({
             repoPath={repoPath}
             options={{ ...diffOptions, collapsed: isCollapsed }}
             taskId={taskId}
+            prUrl={prUrl}
+            commentThreads={commentThreads}
             renderCustomHeader={(fd) => (
               <DiffFileHeader
                 fileDiff={fd}