Function useIsMobile

frontend/src/components/workflow/Canvas.tsx:48–63

(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;
}

const ENTRY_COMPONENT_ID = 'core.workflow.entrypoint';
const ENTRY_COMPONENT_SLUG = 'entry-point';