2 Commits

Author	SHA1	Message	Date
Andrei	2747630013	feat: Update Redux children slice for multi-child support ... State Updates: - Added selectedChildIds array for multi-select - Added defaultChildId for quick actions - Added viewMode (auto/tabs/cards) with automatic detection - Added lastSelectedPerScreen for per-route child memory - Updated Child interface with displayColor, sortOrder, nickname fields - Changed sort comparator to use sortOrder (birth order) instead of createdAt New Actions: - selectChildren(ids[]) - Select multiple children - toggleChildSelection(id) - Toggle single child in multi-select - setDefaultChild(id) - Set default child for quick actions - setViewMode(mode) - Manual view mode override - setLastSelectedForScreen({screen, childId}) - Remember per-screen selection localStorage Integration: - Persists selectedChildId - Persists defaultChildId - Persists viewMode preference - Persists lastSelectedPerScreen map New Selectors: - selectSelectedChildren() - Get all selected children as array - selectDefaultChild() - Get default child entity - selectChildrenCount() - Total number of children - selectViewMode() - Computed view mode (tabs/cards based on count) - selectChildColor(childId) - Get child's display color - selectLastSelectedForScreen(screen) - Get last child for specific screen View Mode Logic: - auto + <=3 children = tabs - auto + >3 children = cards - manual override = use set value Use Cases: - Dashboard child switching with tabs/cards - Multi-child activity logging - Child-specific routing memory - Default child for quick actions - Color-coded UI elements 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-04 21:35:34 +00:00
Andrei	7cb2ff97de	feat: Implement offline-first Redux architecture with optimistic updates ... Implemented comprehensive offline-first state management: Redux Store Setup: - Configure Redux Toolkit with @redux-offline/redux-offline - Setup redux-persist with IndexedDB (localforage) - Custom offline config with exponential backoff retry - Normalized state with entity adapters State Slices: - activitiesSlice: Normalized activities with optimistic CRUD - childrenSlice: Normalized children with optimistic CRUD - networkSlice: Network status and connection quality - offlineSlice: Sync queue and pending actions Middleware: - offlineMiddleware: Queue actions when offline - syncMiddleware: Process pending actions when online - Conflict resolution strategies (SERVER_WINS, CLIENT_WINS, LAST_WRITE_WINS, MERGE) - Version-based conflict detection Features: - Optimistic updates for immediate UI feedback - Automatic sync queue with retry logic (5 retries max) - Network detection (browser events + periodic checks) - Connection quality monitoring (excellent/good/poor/offline) - Latency tracking - Conflict resolution with multiple strategies - Entity versioning for optimistic updates Components: - NetworkStatusIndicator: Full-screen status banner - NetworkStatusBadge: Compact app bar badge - ReduxProvider: Provider with network detection setup Custom Hooks: - useAppDispatch/useAppSelector: Typed Redux hooks - useIsOnline: Check online status - useHasPendingSync: Check for pending actions - useSyncStatus: Get sync progress info - useOptimisticAction: Combine optimistic + actual actions - useNetworkQuality: Get connection quality - useIsOptimistic: Check if entity is being synced Documentation: - Comprehensive README with usage examples - Architecture overview - Best practices guide - Troubleshooting section State Structure: - Normalized entities with byId/allIds - Optimistic metadata (_optimistic, _localId, _version) - Entity adapters with memoized selectors - Offline queue persistence to IndexedDB 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-01 19:24:46 +00:00