Overview
Debugging Zustand wallet and UI state currently requires console.log. Add Redux DevTools integration so developers can inspect, replay, and time-travel through state changes in the browser.
Acceptance Criteria
zustand/middleware devtools middleware applied to all stores: wallet store, invoice store, UI store
- Store names set explicitly:
"WalletStore", "InvoiceStore", "UIStore" — visible in the DevTools panel
- DevTools integration enabled only in
process.env.NODE_ENV === 'development'
- Production build has zero DevTools overhead — middleware tree-shaken out
- Action names logged for each state update (use named
set calls instead of anonymous)
immer middleware added alongside devtools for ergonomic nested state updates
- All existing store tests updated to work with the new middleware stack
- CONTRIBUTING.md section added: "Debugging state with Redux DevTools"
- TypeScript types unchanged — no impact on store consumers
Overview
Debugging Zustand wallet and UI state currently requires
console.log. Add Redux DevTools integration so developers can inspect, replay, and time-travel through state changes in the browser.Acceptance Criteria
zustand/middlewaredevtoolsmiddleware applied to all stores: wallet store, invoice store, UI store"WalletStore","InvoiceStore","UIStore"— visible in the DevTools panelprocess.env.NODE_ENV === 'development'setcalls instead of anonymous)immermiddleware added alongsidedevtoolsfor ergonomic nested state updates