Function apply

yaml-flow-editor/src/App.tsx:1017–1026

(dir: 'TB' | 'LR')

    // 1) Layout with current (possibly estimated) sizes
    // 2) After ReactFlow updates measured sizes, layout again to eliminate overlaps
    const apply = (dir: 'TB' | 'LR') => {
      const { nodes: layoutedNodes, edges: layoutedEdges } = getLayoutedElements(
        nodesRef.current,
        edgesRef.current,
        dir,
        { compact: layoutCompact }
      );
      setNodes(layoutedNodes);
      setEdges(layoutedEdges);
    };
    apply(layoutDirection);
    // Next frames: measured sizes (node.measured) are more likely available, then optionally fit the whole graph
    requestAnimationFrame(() => {