Function onFileClick

website/src/components/CodeGraphViewer.tsx:1189–1235

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

  }, [fileContents]);

  const onFileClick = (path: string | null, targetLine?: number) => {
    if (!path) {
      setSelectedFile(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);
      }

      const nodesInFocus = new Set<number>();
      const linksInFocus = new Set<any>();
      nodesInFocus.add(fileNode.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 === fileNode.id || tId === fileNode.id) {
          nodesInFocus.add(sId);
          nodesInFocus.add(tId);
          linksInFocus.add(l);
        }
      });

      setFocusSet({ nodes: nodesInFocus, links: linksInFocus });
    }
  };

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