Function PRReviewer

website/src/components/PRReviewer.tsx:357–2867

({ data: rawData, onClose }: { data: any, onClose: () => void })

}

export default function PRReviewer({ data: rawData, onClose }: { data: any, onClose: () => void }) {
  const { theme, setTheme } = useTheme();
  const isDark = theme !== 'light';
  const pal = isDark ? PALETTE.dark : PALETTE.light;

  const data = useMemo(() => ({
    ...rawData,
    nodes: (rawData?.nodes || []).map((node: any) => ({
      ...node,
      name: getNodeDisplayName(node),
    })),
    links: rawData?.links || [],
    files: rawData?.files || [],
  }), [rawData]);

  const fgRef = useRef<any>();
  const [dimensions, setDimensions] = useState({ width: window.innerWidth, height: window.innerHeight });
  const [hoverNode, setHoverNode] = useState<any>(null);
  const [searchQuery, setSearchQuery] = useState("");
  const [selectedFile, setSelectedFile] = useState<string | null>(null);
  const [selectedNode, setSelectedNode] = useState<any>(null);
  const [focusSet, setFocusSet] = useState<{ nodes: Set<any>, links: Set<any> } | null>(null);

  // PR Reviewer states
  const [sidebarTab, setSidebarTab] = useState<'pr' | 'tree' | 'path' | 'config'>('pr');
  const isPathMode = sidebarTab === 'path';
  const showConfig = sidebarTab === 'config';

  const [prComments, setPrComments] = useState<Record<string, { author: string; time: string; text: string }[]>>({});
  const [newCommentText, setNewCommentText] = useState("");

  const handleAddComment = (nodeId: string) => {
    if (!newCommentText.trim()) return;
    const comment = {
      author: "you",
      time: "just now",
      text: newCommentText.trim()
    };
    setPrComments(prev => ({
      ...prev,
      [nodeId]: [...(prev[nodeId] || []), comment]
    }));
    setNewCommentText("");
    toast.success("Review note saved locally");
  };

  // Publish and Export parameters
  const { owner, repo } = useParams();
  const defaultRepoName = data.metadata?.repo || (owner && repo ? `${owner}/${repo}` : "");
  const [showPublishModal, setShowPublishModal] = useState(false);
  const [showChatGPTModal, setShowChatGPTModal] = useState(false);
  const [publishRepo, setPublishRepo] = useState("");
  const [publishVersion, setPublishVersion] = useState("1.0.0");
  const [isPublishing, setIsPublishing] = useState(false);
  const [showMobileMenu, setShowMobileMenu] = useState(false);

  // Dynamic ChatGPT Connection URL with pre-filled version-scoped query
  const metadata = data.metadata || {};