Function onFileClick

website/src/components/PRReviewer.tsx:1249–1301

(path: string | null, targetLine?: number)

  }, [data.links, data.nodes, buildNodeFocus, openNodeInPanel]);

  const onFileClick = (path: string | null, targetLine?: number) => {
    if (!path) {
      setSelectedFile(null);
      setSelectedNode(null);
      setFocusSet(null);
      setCodeContent(null);
      setCodeError(null);
      setHighlightLine(null);
      return;
    }

    setHighlightLine(targetLine || null);

    if (path !== selectedFile) {
      setSelectedFile(path);
      loadFileCode(path);
    } else if (targetLine) {
      setCodePanelTab('code');
      setTimeout(() => {
        const el = codeBodyRef.current?.querySelector(`[data-line="${targetLine}"]`);
        el?.scrollIntoView({ behavior: 'smooth', block: 'center' });
      }, 100);
    }

    const fileNode = data.nodes.find((n: any) => n.file === path && n.type === 'File');
    if (fileNode) {
      if (fgRef.current) {
        fgRef.current.centerAt(fileNode.x, fileNode.y, 800);
        fgRef.current.zoom(2.5, 800);
      }

      setFocusSet(buildNodeFocus(fileNode.id));
    } else {
      const fileNodes = data.nodes.filter((n: any) => n.file === path);
      if (fileNodes.length > 0) {
        const focusNodes = new Set<any>();
        const focusLinks = new Set<any>();
        for (const fn of fileNodes) {
          focusNodes.add(fn.id);
          data.links.forEach((l: any) => {
            const sId = typeof l.source === "object" ? l.source.id : l.source;
            const tId = typeof l.target === "object" ? l.target.id : l.target;
            if (sId === fn.id || tId === fn.id) {
              focusNodes.add(sId);
              focusNodes.add(tId);
              focusLinks.add(l);
            }
          });
        }
        setFocusSet({ nodes: focusNodes, links: focusLinks });
      }
    }
  };

  const onGraphNodeClick = (node: any) => {
    if (isPathMode) {