Function PRDetailPanel

ui/src/appComponents/PRDetailPanel.tsx:82–431

({
  pr,
  onBack,
  onIndex,
  onSelectInGraph,
  llm,
  store,
  prClient,
  onChatWithPR,
}: Props)

}

export default function PRDetailPanel({
  pr,
  onBack,
  onIndex,
  onSelectInGraph,
  llm,
  store,
  prClient,
  onChatWithPR,
}: Props) {
  const [indexing, setIndexing] = useState(false);
  const [indexed, setIndexed] = useState(false);

  // Review state
  const [reviewing, setReviewing] = useState(false);
  const [reviewSteps, setReviewSteps] = useState<string[]>([]);
  const [reviewResult, setReviewResult] = useState<string | null>(null);
  const [reviewError, setReviewError] = useState<string | null>(null);
  const abortRef = useRef<AbortController | null>(null);

  const canReview = !!(llm && store);

  // Check if this PR is already indexed in the graph
  useEffect(() => {
    if (!store || !prClient) return;
    const prId = `${prClient.meta.owner}/${prClient.meta.repo}/pr/${pr.number}`;
    store
      .getNode(prId)
      .then((node) => {
        if (node) setIndexed(true);
      })
      .catch(() => {
        /* ignore */
      });
  }, [store, prClient, pr.number]);

  const handleIndex = async () => {
    setIndexing(true);
    try {
      await onIndex(pr);
      setIndexed(true);
    } finally {
      setIndexing(false);
    }
  };

  const handleRunReview = async () => {
    if (!llm || !store) return;

    // Auto-index if not yet indexed — the review agent needs PR data in the graph
    if (!indexed) {
      setIndexing(true);
      try {
        await onIndex(pr);
        setIndexed(true);
      } catch (err) {
        setReviewError(
          `Failed to index PR: ${err instanceof Error ? err.message : String(err)}`,