# Tasks & Issues

## 1. Critical Issues

- [x] **1.1 Fix missing `del` import in store/index.js** ✅ COMPLETE
  - Line 3 now imports `get, set, del` from idb-keyval
  - Used in removeItem function on line 13
  - No more ReferenceError

- [x] **1.2 Fix hydration flag initialization** ✅ COMPLETE
  - Implemented Option A: Initialize `_hydrated: true` by default
  - Removed problematic `onRehydrateStorage` callback
  - App now loads immediately without hanging on "loading..."
  - Persistence happens in background automatically

- [x] **1.3 Consolidate duplicate storage implementation** ✅ COMPLETE
  - Single storage implementation in `store/index.js`
  - Uses idb-keyval directly with createJSONStorage
  - Clean, simple approach without extra middleware files

## 2. Architectural Improvements

- [x] **2.1 Add error handling** ✅ COMPLETE
  - Added try/catch blocks around all IndexedDB operations (getItem, setItem, removeItem)
  - Implemented fallback: returns null on getItem error, silently fails on setItem/removeItem
  - Added error state to store with auto-clear after 3 seconds
  - Added validation in addItem and removeItem actions
  - Created error-toast component with slide-in animation
  - Toast shows error messages and allows manual dismissal

- [x] **2.2 Add partialize option to persist middleware** ✅ COMPLETE
  - Added partialize to exclude `_hydrated` flag from persistence
  - Only persists: user, items, and route
  - Prevents unnecessary data in IndexedDB

- [ ] **2.3 Add basic CSS reset to index.html**
  - No base styles, margins, or font settings currently
  - Consider adding minimal reset or normalize.css

- [ ] **2.4 Add loading states for async operations**
  - No loading indicators for add/remove item operations
  - Consider adding optimistic updates

## 3. Nice to Have

- [ ] **3.1 Add TypeScript types** (optional)
  - JSDoc comments for better IDE support
  - Or migrate to .ts files with no-build setup

- [ ] **3.2 Add cross-tab synchronization**
  - README mentions optional `sync.js` middleware
  - Implement BroadcastChannel for cross-tab state sync

- [ ] **3.3 Add route history management**
  - Integrate with browser history API
  - Support back/forward navigation

- [ ] **3.4 Add unit tests**
  - Test store actions and selectors
  - Test component rendering
  - Test persistence layer