Function useIsMobile

frontend/src/components/workflow/ValidationDock.tsx:26–41

(breakpoint = 768)

// Custom hook to detect mobile viewport
function useIsMobile(breakpoint = 768) {
  const [isMobile, setIsMobile] = useState(
    typeof window !== 'undefined' ? window.innerWidth < breakpoint : false,
  );

  useEffect(() => {
    const handleResize = () => {
      setIsMobile(window.innerWidth < breakpoint);
    };

    window.addEventListener('resize', handleResize);
    return () => window.removeEventListener('resize', handleResize);
  }, [breakpoint]);

  return isMobile;
}

export function ValidationDock({ nodes, edges, mode, onNodeClick }: ValidationDockProps) {
  const { getComponent } = useComponentStore();