Replaces direct browser localStorage access and utility functions with a dedicated React hook (`useLocalStorage`/`useSetLocalStorage`) for managing persistent workflow state across the application.
Establishes a single, aligned interface for localStorage access in the web frontend, eliminating scattered utility calls and store initialization hacks for better developer ergonomics and predictable state behavior.
Dify web application developers and users will experience more consistent and reliable saving and loading of workflow configurations and user preferences. This change makes state persistence more predictable by routing it through React's lifecycle, reducing potential bugs from direct store manipulation. Watch for any unintended side effects in workflows that previously relied on direct, immediate localStorage writes.