# Active Context - Park View Modularization

**Objective:** Refactor parks view to use reusable card component and implement grid/list view toggle

**Current Implementation Analysis:**
- Park cards rendered via `park_list_item.html` partial
- Existing layout uses flex-based list structure
- Search functionality uses HTMX for dynamic updates

**Planned Changes:**
1. **Create `park_card.html` Partial**
   - Extract card markup from `park_list_item.html`
   - Add responsive grid/list view classes
   - Include view mode toggle state

2. **View Toggle Implementation**
   - Add grid/list toggle UI with HTMX
   - Store view preference in cookie/localStorage
   - Update CSS for grid (grid-cols) vs list (flex) layouts

3. **Backend Updates**
   - Add view_mode parameter to park list view
   - Modify context processor to handle layout preference

**Next Steps:**
- Implement card partial with responsive classes
- Create view toggle component
- Update HTMX handlers to preserve view mode