Advanced integrations
Use the headless React layer or transport client when the default Chakra UI is not the right boundary.
The default Chakra UI is the fastest path. Choose an advanced path only when you have a concrete reason to own presentation or state integration yourself.
Build a custom skin
Use @hyperflow/react when your application has another design system. It provides semantic contracts such as useComposer, useTimeline, useHitl, and useSidebar; your skin renders those contracts without duplicating client calls or store internals.
Continue with Build a custom skin.
Use the client only
Use @hyperflow/client from a non-React application or when you intentionally own all state management. Initialize hyperflow once; prefer httpSession for session reads and wsSession for mutations and live updates.
Continue with Use the client without React.